Na}{

File Content: `QueryField.tsx`

import React, { useCallback } from 'react';

import { CodeEditor } from '@grafana/ui';

import { AzureQueryEditorFieldProps } from '../../types';

const QueryField = ({ query, onQueryChange }: AzureQueryEditorFieldProps) => {
  const onChange = useCallback(
    (newQuery: string) => {
      onQueryChange({
        ...query,
        azureResourceGraph: {
          ...query.azureResourceGraph,
          query: newQuery,
        },
      });
    },
    [onQueryChange, query]
  );

  return (
    <CodeEditor
      value={query.azureResourceGraph?.query ?? ''}
      language="kusto"
      height={200}
      width="100%"
      showMiniMap={false}
      onBlur={onChange}
      onSave={onChange}
    />
  );
};

export default QueryField;

Name	Size	Permission
ArgQueryEditor.test.tsx	9062 bytes	0644
ArgQueryEditor.tsx	3866 bytes	0644
QueryField.tsx	740 bytes	0644
SubscriptionField.tsx	2632 bytes	0644
index.tsx	44 bytes	0644

File Content: QueryField.tsx

File Content: `QueryField.tsx`