[EuiMarkdownEditor] Allow markdown plugins to disable toolbar button (#…

…6840) * Allow markdown plugins to disable toolbar button * Add changelog * [PR feedback] changelog --------- Co-authored-by: Cee Chen <[email protected]>
elastic · Jun 14, 2023 · 0b320cd · 0b320cd
1 parent 6bc7ed1
commit 0b320cd
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/components/markdown_editor/markdown_editor_toolbar.tsx b/src/components/markdown_editor/markdown_editor_toolbar.tsx
@@ -93,6 +93,7 @@ interface EuiMarkdownEditorToolbarButtonProps {
   selectedNode: null | any;
   handleMdButtonClick: (mdButtonId: string) => void;
   isEditable: boolean;
+  isDisabled?: boolean;
   id: string;
   nodeId: string;
   label: string;
@@ -102,6 +103,7 @@ const EuiMarkdownEditorToolbarButton = ({
   selectedNode,
   handleMdButtonClick,
   isEditable,
+  isDisabled,
   id,
   nodeId,
   label,
@@ -122,7 +124,7 @@ const EuiMarkdownEditorToolbarButton = ({
       onClick={() => handleMdButtonClick(id)}
       iconType={icon}
       aria-label={label}
-      isDisabled={!isEditable}
+      isDisabled={!isEditable || isDisabled}
     />
   );
 };
@@ -205,6 +207,7 @@ export const EuiMarkdownEditorToolbar = forwardRef<
                       selectedNode={selectedNode}
                       handleMdButtonClick={handleMdButtonClick}
                       isEditable={isEditable}
+                      isDisabled={button.isDisabled}
                       id={name}
                       nodeId={name}
                       label={button.label}

diff --git a/src/components/markdown_editor/markdown_types.ts b/src/components/markdown_editor/markdown_types.ts
@@ -71,6 +71,7 @@ export type EuiMarkdownEditorUiPlugin<NodeShape = any> = {
   button: {
     label: string;
     iconType: IconType;
+    isDisabled?: boolean;
   };
   helpText?: ReactNode;
 } & (PluginWithImmediateFormatting | PluginWithDelayedFormatting<NodeShape>);

diff --git a/upcoming_changelogs/6840.md b/upcoming_changelogs/6840.md
@@ -0,0 +1 @@
+- Added ability for `EuiMarkdownEditor` plugins to disable toolbar buttons
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		- Added ability for `EuiMarkdownEditor` plugins to disable toolbar buttons