Na}{

File Content: `TemplateEditor.tsx`

/**
 * This file contains the template editor we'll be using for alertmanager templates.
 *
 * It includes auto-complete for template data and syntax highlighting
 */
import { editor, IDisposable } from 'monaco-editor';
import React, { useEffect, useRef } from 'react';

import { CodeEditor } from '@grafana/ui';
import { CodeEditorProps } from '@grafana/ui/src/components/Monaco/types';

import { registerGoTemplateAutocomplete } from './editor/autocomplete';
import goTemplateLanguageDefinition, { GO_TEMPLATE_LANGUAGE_ID } from './editor/definition';
import { registerLanguage } from './editor/register';

type TemplateEditorProps = Omit<CodeEditorProps, 'language' | 'theme'> & {
  autoHeight?: boolean;
};

const TemplateEditor = (props: TemplateEditorProps) => {
  const shouldAutoHeight = Boolean(props.autoHeight);
  const disposeSuggestions = useRef<IDisposable | null>(null);

  const onEditorDidMount = (editor: editor.IStandaloneCodeEditor) => {
    if (shouldAutoHeight) {
      const contentHeight = editor.getContentHeight();

      try {
        // we're passing NaN in to the width because the type definition wants a number (NaN is a number, go figure)
        // but the width could be defined as a string "auto", passing NaN seems to just ignore our width update here
        editor.layout({ height: contentHeight, width: NaN });
      } catch (err) {}
    }
  };

  useEffect(() => {
    return () => {
      disposeSuggestions.current?.dispose();
    };
  }, []);

  return (
    <CodeEditor
      showLineNumbers={true}
      showMiniMap={false}
      {...props}
      onEditorDidMount={onEditorDidMount}
      onBeforeEditorMount={(monaco) => {
        registerLanguage(monaco, goTemplateLanguageDefinition);
        disposeSuggestions.current = registerGoTemplateAutocomplete(monaco);
      }}
      language={GO_TEMPLATE_LANGUAGE_ID}
    />
  );
};

export { TemplateEditor };

Name	Size	Permission
editor	---	0755
form	---	0755
grafanaAppReceivers	---	0755
AlertInstanceModalSelector.tsx	11019 bytes	0644
DuplicateTemplateView.tsx	1083 bytes	0644
EditReceiverView.tsx	1534 bytes	0644
EditTemplateView.tsx	919 bytes	0644
GlobalConfigForm.tsx	3700 bytes	0644
NewReceiverView.tsx	762 bytes	0644
NewTemplateView.tsx	428 bytes	0644
PayloadEditor.test.tsx	3304 bytes	0644
PayloadEditor.tsx	6050 bytes	0644
ReceiversSection.tsx	2166 bytes	0644
TemplateData.ts	4249 bytes	0644
TemplateDataDocs.tsx	3994 bytes	0644
TemplateEditor.tsx	1903 bytes	0644
TemplateForm.tsx	15709 bytes	0644
TemplatePreview.test.tsx	5528 bytes	0644
TemplatesTable.test.tsx	2628 bytes	0644
TemplatesTable.tsx	6389 bytes	0644

File Content: TemplateEditor.tsx

File Content: `TemplateEditor.tsx`