Disable find action by default

elastic · Jul 16, 2024 · 3504ed1 · 3504ed1
1 parent 7f2a4bb
commit 3504ed1
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/packages/shared-ux/code_editor/impl/code_editor.tsx b/packages/shared-ux/code_editor/impl/code_editor.tsx
@@ -156,6 +156,11 @@ export interface CodeEditorProps {
    */
   accessibilityOverlayEnabled?: boolean;
 
+  /**
+   * Enables the Search bar functionality in the editor. Defaults to `false`.
+   */
+  enableFindAction?: boolean;
+
   dataTestSubj?: string;
 }
 
@@ -188,6 +193,7 @@ export const CodeEditor: React.FC<CodeEditorProps> = ({
   }),
   fitToContent,
   accessibilityOverlayEnabled = true,
+  enableFindAction = false,
   dataTestSubj,
 }) => {
   const { colorMode, euiTheme } = useEuiTheme();
@@ -375,6 +381,12 @@ export const CodeEditor: React.FC<CodeEditorProps> = ({
           monaco.languages.registerCodeActionProvider(languageId, codeActions);
         }
       });
+
+      monaco.editor.addKeybindingRule({
+        // eslint-disable-next-line no-bitwise
+        keybinding: monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyF,
+        command: enableFindAction ? 'actions.find' : null,
+      });
     },
     [
       overrideEditorWillMount,
@@ -385,6 +397,7 @@ export const CodeEditor: React.FC<CodeEditorProps> = ({
       hoverProvider,
       codeActions,
       languageConfiguration,
+      enableFindAction,
     ]
   );
 

diff --git a/src/plugins/console/public/application/containers/editor/monaco/monaco_editor.tsx b/src/plugins/console/public/application/containers/editor/monaco/monaco_editor.tsx
@@ -166,6 +166,7 @@ export const MonacoEditor = ({ initialTextValue }: EditorProps) => {
           theme: CONSOLE_THEME_ID,
         }}
         suggestionProvider={suggestionProvider}
+        enableFindAction={true}
       />
     </div>
   );

diff --git a/src/plugins/console/public/application/containers/editor/monaco/monaco_editor_output.tsx b/src/plugins/console/public/application/containers/editor/monaco/monaco_editor_output.tsx
@@ -99,6 +99,7 @@ export const MonacoEditorOutput: FunctionComponent = () => {
         fullWidth={true}
         editorDidMount={editorDidMountCallback}
         editorWillUnmount={editorWillUnmountCallback}
+        enableFindAction={true}
         options={{
           readOnly: true,
           fontSize: readOnlySettings.fontSize,