@uiw/react-md-editor 3.20.5 → 3.20.7

package/esm/Context.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ICommand, TextAreaCommandOrchestrator } from './commands';
 import { MDEditorProps } from './Editor';
-export declare type PreviewType = 'live' | 'edit' | 'preview';
+export type PreviewType = 'live' | 'edit' | 'preview';
 export interface ContextStore {
     components?: MDEditorProps['components'];
     commands?: ICommand<string>[];
@@ -24,7 +24,7 @@ export interface ContextStore {
     tabSize?: number;
     defaultTabEnable?: boolean;
 }
-export declare type ExecuteCommandState = Pick<ContextStore, 'fullscreen' | 'preview' | 'highlightEnable'>;
+export type ExecuteCommandState = Pick<ContextStore, 'fullscreen' | 'preview' | 'highlightEnable'>;
 export declare function reducer(state: ContextStore, action: ContextStore): {
     components?: {
         textarea?: ((props: React.HTMLAttributes<HTMLDivElement> | React.TextareaHTMLAttributes<HTMLTextAreaElement>, opts: {
@@ -35,7 +35,7 @@ export declare function reducer(state: ContextStore, action: ContextStore): {
                 extraCommands: ICommand<string>[] | undefined;
                 commandOrchestrator?: TextAreaCommandOrchestrator | undefined;
             } | undefined;
-            shortcuts?: ((e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands: ICommand<string>[], commandOrchestrator?: TextAreaCommandOrchestrator | undefined, dispatch?: React.Dispatch<ContextStore> | undefined, state?: ExecuteCommandState | undefined) => void) | undefined;
+            shortcuts?: ((e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands: ICommand[], commandOrchestrator?: TextAreaCommandOrchestrator | undefined, dispatch?: React.Dispatch<ContextStore> | undefined, state?: ExecuteCommandState | undefined) => void) | undefined;
         }) => JSX.Element) | undefined;
         toolbar?: ((command: ICommand<string>, disabled: boolean, executeCommand: (command: ICommand<string>, name?: string | undefined) => void, index: number) => void | React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined) | undefined;
         preview?: ((source: string, state: ContextStore, dispath: React.Dispatch<ContextStore>) => JSX.Element) | undefined;

package/esm/Context.js

@@ -5,5 +5,4 @@ export function reducer(state, action) {
 }
 export var EditorContext = /*#__PURE__*/React.createContext({
   markdown: ''
-});
-//# sourceMappingURL=Context.js.map
+});

package/esm/Editor.d.ts

@@ -141,7 +141,7 @@ export interface MDEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>
 }
 export interface RefMDEditor extends ContextStore {
 }
-declare type Editor = React.FC<PropsWithRef<MDEditorProps>> & {
+type Editor = React.FC<PropsWithRef<MDEditorProps>> & {
     Markdown: typeof MarkdownPreview;
 };
 declare const mdEditor: Editor;

package/esm/Editor.js

@@ -120,6 +120,14 @@ var InternalMDEditor = (props, ref) => {
     height: height
   }), [height]);
   useMemo(() => height !== state.height && onHeightChange && onHeightChange(state.height, height, state), [height, onHeightChange, state]);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useMemo(() => commands !== state.commands && dispatch({
+    commands: cmds
+  }), [props.commands]);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useMemo(() => extraCommands !== state.extraCommands && dispatch({
+    extraCommands: extraCmds
+  }), [props.extraCommands]);
   var textareaDomRef = useRef();
   var active = useRef('preview');
   var initScroll = useRef(false);
@@ -235,5 +243,4 @@ var InternalMDEditor = (props, ref) => {
 };
 var mdEditor = /*#__PURE__*/React.forwardRef(InternalMDEditor);
 mdEditor.Markdown = MarkdownPreview;
-export default mdEditor;
-//# sourceMappingURL=Editor.js.map
+export default mdEditor;

package/esm/commands/bold.js

@@ -38,5 +38,4 @@ export var bold = {
       end
     });
   }
-};
-//# sourceMappingURL=bold.js.map
+};

package/esm/commands/code.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { selectWord, getBreaksNeededForEmptyLineBefore, getBreaksNeededForEmptyLineAfter } from '../utils/markdownUtils';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var code = {
@@ -91,5 +91,4 @@ export var codeBlock = {
       end: selectionEnd
     });
   }
-};
-//# sourceMappingURL=code.js.map
+};

package/esm/commands/comment.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { selectWord } from '../utils/markdownUtils';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -49,5 +50,4 @@ export var comment = {
       })]
     })
   })
-};
-//# sourceMappingURL=comment.js.map
+};

package/esm/commands/divider.js

@@ -1,4 +1,3 @@
 export var divider = {
   keyCommand: 'divider'
-};
-//# sourceMappingURL=divider.js.map
+};

package/esm/commands/fullscreen.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var fullscreen = {
   name: 'fullscreen',
@@ -26,5 +26,4 @@ export var fullscreen = {
       });
     }
   }
-};
-//# sourceMappingURL=fullscreen.js.map
+};

package/esm/commands/group.d.ts

@@ -1,5 +1,5 @@
 import { ICommand, ICommandChildCommands, ICommandChildHandle } from './';
-export declare type GroupOptions = Omit<ICommand<string>, 'children'> & {
+export type GroupOptions = Omit<ICommand<string>, 'children'> & {
     children?: ICommandChildHandle['children'];
 };
 export declare const group: (arr: ICommandChildCommands['children'], options?: GroupOptions) => ICommand<string>;

package/esm/commands/group.js

@@ -26,5 +26,4 @@ export var group = (arr, options) => {
     });
   }
   return data;
-};
-//# sourceMappingURL=group.js.map
+};

package/esm/commands/hr.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var hr = {
   name: 'hr',
@@ -22,5 +22,4 @@ export var hr = {
   execute: (state, api) => {
     api.replaceSelection(state.selectedText + "\n\n" + (state.command.value || '') + "-\n\n");
   }
-};
-//# sourceMappingURL=hr.js.map
+};

package/esm/commands/image.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { selectWord } from '../utils/markdownUtils';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var image = {
@@ -40,5 +40,4 @@ export var image = {
       end
     });
   }
-};
-//# sourceMappingURL=image.js.map
+};

package/esm/commands/index.d.ts

@@ -49,10 +49,10 @@ export interface ICommandBase<T> {
     render?: (command: ICommand<T>, disabled: boolean, executeCommand: (command: ICommand<T>, name?: string) => void, index: number) => void | undefined | null | React.ReactElement;
     execute?: (state: ExecuteState, api: TextAreaTextApi, dispatch?: React.Dispatch<ContextStore>, executeCommandState?: ExecuteCommandState, shortcuts?: string[]) => void;
 }
-export declare type ExecuteState = TextState & {
+export type ExecuteState = TextState & {
     command: ICommand;
 };
-export declare type ICommand<T = string> = ICommandChildCommands<T> | ICommandChildHandle<T>;
+export type ICommand<T = string> = ICommandChildCommands<T> | ICommandChildHandle<T>;
 export interface TextRange {
     start: number;
     end: number;

package/esm/commands/index.js

@@ -87,5 +87,4 @@ class TextAreaCommandOrchestrator {
 }
 export { title, title1, title2, title3, title4, title5, title6, bold, codeBlock, comment, italic, strikethrough, hr, group, divider, link, quote, code, image, unorderedListCommand, orderedListCommand, checkedListCommand, codeEdit, codeLive, codePreview, fullscreen,
 // Tool method.
-getCommands, getExtraCommands, getStateFromTextArea, TextAreaCommandOrchestrator, TextAreaTextApi };
-//# sourceMappingURL=index.js.map
+getCommands, getExtraCommands, getStateFromTextArea, TextAreaCommandOrchestrator, TextAreaTextApi };

package/esm/commands/italic.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { selectWord } from '../utils/markdownUtils';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var italic = {
@@ -39,5 +39,4 @@ export var italic = {
       end
     });
   }
-};
-//# sourceMappingURL=italic.js.map
+};

package/esm/commands/link.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { selectWord } from '../utils/markdownUtils';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var link = {
@@ -39,5 +39,4 @@ export var link = {
       end
     });
   }
-};
-//# sourceMappingURL=link.js.map
+};

package/esm/commands/list.d.ts

@@ -1,5 +1,5 @@
 import { ICommand, TextState, TextAreaTextApi } from './';
-export declare type AlterLineFunction = (line: string, index: number) => string;
+export type AlterLineFunction = (line: string, index: number) => string;
 /**
  * Inserts insertionString before each line
  */

package/esm/commands/list.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { selectWord, getBreaksNeededForEmptyLineBefore, getBreaksNeededForEmptyLineAfter } from '../utils/markdownUtils';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -118,5 +118,4 @@ export var checkedListCommand = {
   execute: (state, api) => {
     makeList(state, api, (item, index) => "- [ ] ");
   }
-};
-//# sourceMappingURL=list.js.map
+};

package/esm/commands/preview.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var codePreview = {
@@ -90,5 +90,4 @@ export var codeLive = {
       });
     }
   }
-};
-//# sourceMappingURL=preview.js.map
+};

package/esm/commands/quote.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { getBreaksNeededForEmptyLineBefore, getBreaksNeededForEmptyLineAfter, selectWord } from '../utils/markdownUtils';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var quote = {
@@ -39,5 +39,4 @@ export var quote = {
       end: selectionEnd
     });
   }
-};
-//# sourceMappingURL=quote.js.map
+};

package/esm/commands/strikeThrough.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { selectWord } from '../utils/markdownUtils';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var strikethrough = {
@@ -39,5 +39,4 @@ export var strikethrough = {
       end
     });
   }
-};
-//# sourceMappingURL=strikeThrough.js.map
+};

package/esm/commands/title.js

@@ -12,5 +12,4 @@ export var title = _extends({}, title1, {
       d: "M15.7083333,468 C7.03242448,468 0,462.030833 0,454.666667 L0,421.333333 C0,413.969167 7.03242448,408 15.7083333,408 L361.291667,408 C369.967576,408 377,413.969167 377,421.333333 L377,454.666667 C377,462.030833 369.967576,468 361.291667,468 L15.7083333,468 Z M21.6666667,366 C9.69989583,366 0,359.831861 0,352.222222 L0,317.777778 C0,310.168139 9.69989583,304 21.6666667,304 L498.333333,304 C510.300104,304 520,310.168139 520,317.777778 L520,352.222222 C520,359.831861 510.300104,366 498.333333,366 L21.6666667,366 Z M136.835938,64 L136.835937,126 L107.25,126 L107.25,251 L40.75,251 L40.75,126 L-5.68434189e-14,126 L-5.68434189e-14,64 L136.835938,64 Z M212,64 L212,251 L161.648438,251 L161.648438,64 L212,64 Z M378,64 L378,126 L343.25,126 L343.25,251 L281.75,251 L281.75,126 L238,126 L238,64 L378,64 Z M449.047619,189.550781 L520,189.550781 L520,251 L405,251 L405,64 L449.047619,64 L449.047619,189.550781 Z"
     })
   })
-});
-//# sourceMappingURL=title.js.map
+});

package/esm/commands/title1.js

@@ -24,5 +24,4 @@ export var title1 = {
       insertAtLineStart('# ', state.selection.start, api.textArea);
     }
   }
-};
-//# sourceMappingURL=title1.js.map
+};

package/esm/commands/title2.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title2 = {
@@ -24,5 +24,4 @@ export var title2 = {
       insertAtLineStart('## ', state.selection.start, api.textArea);
     }
   }
-};
-//# sourceMappingURL=title2.js.map
+};

package/esm/commands/title3.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title3 = {
@@ -24,5 +24,4 @@ export var title3 = {
       insertAtLineStart('### ', state.selection.start, api.textArea);
     }
   }
-};
-//# sourceMappingURL=title3.js.map
+};

package/esm/commands/title4.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title4 = {
@@ -24,5 +24,4 @@ export var title4 = {
       insertAtLineStart('#### ', state.selection.start, api.textArea);
     }
   }
-};
-//# sourceMappingURL=title4.js.map
+};

package/esm/commands/title5.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title5 = {
@@ -24,5 +24,4 @@ export var title5 = {
       insertAtLineStart('##### ', state.selection.start, api.textArea);
     }
   }
-};
-//# sourceMappingURL=title5.js.map
+};

package/esm/commands/title6.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { insertAtLineStart } from '../utils/InsertTextAtPosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title6 = {
@@ -24,5 +24,4 @@ export var title6 = {
       insertAtLineStart('###### ', state.selection.start, api.textArea);
     }
   }
-};
-//# sourceMappingURL=title6.js.map
+};

package/esm/components/DragBar/index.js

@@ -8,6 +8,12 @@ var DragBar = props => {
   } = props || {};
   var $dom = useRef(null);
   var dragRef = useRef();
+  var heightRef = useRef(props.height);
+  useEffect(() => {
+    if (heightRef.current !== props.height) {
+      heightRef.current = props.height;
+    }
+  }, [props.height]);
   function handleMouseMove(event) {
     if (dragRef.current) {
       var _changedTouches$;
@@ -31,7 +37,7 @@ var DragBar = props => {
     event.preventDefault();
     var clientY = event.clientY || ((_changedTouches$2 = event.changedTouches[0]) == null ? void 0 : _changedTouches$2.clientY);
     dragRef.current = {
-      height: props.height,
+      height: heightRef.current,
       dragY: clientY
     };
     document.addEventListener('mousemove', handleMouseMove);
@@ -74,5 +80,4 @@ var DragBar = props => {
     children: svg
   });
 };
-export default DragBar;
-//# sourceMappingURL=index.js.map
+export default DragBar;

package/esm/components/TextArea/Markdown.js

@@ -60,5 +60,4 @@ export default function Markdown(props) {
       __html: mdStr || ''
     }
   });
-}
-//# sourceMappingURL=Markdown.js.map
+}

package/esm/components/TextArea/Textarea.js

@@ -81,5 +81,4 @@ export default function Textarea(props) {
       _onChange && _onChange(e);
     }
   }));
-}
-//# sourceMappingURL=Textarea.js.map
+}

package/esm/components/TextArea/handleKeyDown.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function handleKeyDown(e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, tabSize?: number, defaultTabEnable?: boolean): void;

package/esm/components/TextArea/handleKeyDown.js

@@ -79,5 +79,4 @@ export default function handleKeyDown(e, tabSize, defaultTabEnable) {
     }
     return insertTextAtPosition(target, startStr);
   }
-}
-//# sourceMappingURL=handleKeyDown.js.map
+}

package/esm/components/TextArea/index.d.ts

@@ -4,7 +4,7 @@ import { TextAreaProps } from './Textarea';
 import { IProps } from '../../Editor';
 import { TextAreaCommandOrchestrator, ICommand } from '../../commands';
 import './index.less';
-declare type RenderTextareaHandle = {
+type RenderTextareaHandle = {
     dispatch: ContextStore['dispatch'];
     onChange?: TextAreaProps['onChange'];
     useContext?: {
@@ -19,7 +19,7 @@ export interface ITextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTe
     onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
     renderTextarea?: (props: React.TextareaHTMLAttributes<HTMLTextAreaElement> | React.HTMLAttributes<HTMLDivElement>, opts: RenderTextareaHandle) => JSX.Element;
 }
-export declare type TextAreaRef = {
+export type TextAreaRef = {
     text?: HTMLTextAreaElement;
     warp?: HTMLDivElement;
 };

package/esm/components/TextArea/index.js

@@ -95,5 +95,4 @@ export default function TextArea(props) {
       })
     })
   });
-}
-//# sourceMappingURL=index.js.map
+}

package/esm/components/TextArea/shortcuts.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ICommand, TextAreaCommandOrchestrator } from '../../commands';
 import { ContextStore, ExecuteCommandState } from '../../Context';
 export default function shortcutsHandle(e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands?: ICommand[], commandOrchestrator?: TextAreaCommandOrchestrator, dispatch?: React.Dispatch<ContextStore>, state?: ExecuteCommandState): void;

package/esm/components/TextArea/shortcuts.js

@@ -61,5 +61,4 @@ export default function shortcutsHandle(e, commands, commandOrchestrator, dispat
     commandOrchestrator.executeCommand(command, dispatch, state, shortcuts);
     return;
   }
-}
-//# sourceMappingURL=shortcuts.js.map
+}

package/esm/components/Toolbar/Child.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import './Child.less';
 import { IToolbarProps } from './';
-export declare type ChildProps = IToolbarProps & {
+export type ChildProps = IToolbarProps & {
     children?: JSX.Element;
     groupName?: string;
 };

package/esm/components/Toolbar/Child.js

@@ -25,5 +25,4 @@ export default function Child(props) {
   }),
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [commands, barPopup, groupName, prefixCls]);
-}
-//# sourceMappingURL=Child.js.map
+}

package/esm/components/Toolbar/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IProps } from '../../Editor';
 import { ICommand } from '../../commands';
 import './index.less';

package/esm/components/Toolbar/index.js

@@ -128,5 +128,4 @@ export default function Toolbar(props) {
       commands: extraCommands || []
     }))]
   });
-}
-//# sourceMappingURL=index.js.map
+}

package/esm/index.js

@@ -6,5 +6,4 @@ export * from './utils/markdownUtils';
 export * from './Editor';
 export * from './Context';
 export { MarkdownUtil, commands };
-export default MDEditor;
-//# sourceMappingURL=index.js.map
+export default MDEditor;

package/esm/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />

package/esm/utils/InsertTextAtPosition.js

@@ -134,5 +134,4 @@ export function insertTextAtPosition(input, text) {
     e.initEvent('input', true, false);
     input.dispatchEvent(e);
   }
-}
-//# sourceMappingURL=InsertTextAtPosition.js.map
+}

package/esm/utils/markdownUtils.js

@@ -105,5 +105,4 @@ export function getSurroundingWord(text, position) {
     start,
     end
   };
-}
-//# sourceMappingURL=markdownUtils.js.map
+}

package/lib/Context.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ICommand, TextAreaCommandOrchestrator } from './commands';
 import { MDEditorProps } from './Editor';
-export declare type PreviewType = 'live' | 'edit' | 'preview';
+export type PreviewType = 'live' | 'edit' | 'preview';
 export interface ContextStore {
     components?: MDEditorProps['components'];
     commands?: ICommand<string>[];
@@ -24,7 +24,7 @@ export interface ContextStore {
     tabSize?: number;
     defaultTabEnable?: boolean;
 }
-export declare type ExecuteCommandState = Pick<ContextStore, 'fullscreen' | 'preview' | 'highlightEnable'>;
+export type ExecuteCommandState = Pick<ContextStore, 'fullscreen' | 'preview' | 'highlightEnable'>;
 export declare function reducer(state: ContextStore, action: ContextStore): {
     components?: {
         textarea?: ((props: React.HTMLAttributes<HTMLDivElement> | React.TextareaHTMLAttributes<HTMLTextAreaElement>, opts: {
@@ -35,7 +35,7 @@ export declare function reducer(state: ContextStore, action: ContextStore): {
                 extraCommands: ICommand<string>[] | undefined;
                 commandOrchestrator?: TextAreaCommandOrchestrator | undefined;
             } | undefined;
-            shortcuts?: ((e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands: ICommand<string>[], commandOrchestrator?: TextAreaCommandOrchestrator | undefined, dispatch?: React.Dispatch<ContextStore> | undefined, state?: ExecuteCommandState | undefined) => void) | undefined;
+            shortcuts?: ((e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands: ICommand[], commandOrchestrator?: TextAreaCommandOrchestrator | undefined, dispatch?: React.Dispatch<ContextStore> | undefined, state?: ExecuteCommandState | undefined) => void) | undefined;
         }) => JSX.Element) | undefined;
         toolbar?: ((command: ICommand<string>, disabled: boolean, executeCommand: (command: ICommand<string>, name?: string | undefined) => void, index: number) => void | React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined) | undefined;
         preview?: ((source: string, state: ContextStore, dispath: React.Dispatch<ContextStore>) => JSX.Element) | undefined;

package/lib/Context.js

@@ -14,5 +14,4 @@ function reducer(state, action) {
 var EditorContext = /*#__PURE__*/_react["default"].createContext({
   markdown: ''
 });
-exports.EditorContext = EditorContext;
-//# sourceMappingURL=Context.js.map
+exports.EditorContext = EditorContext;

package/lib/Editor.d.ts

@@ -141,7 +141,7 @@ export interface MDEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>
 }
 export interface RefMDEditor extends ContextStore {
 }
-declare type Editor = React.FC<PropsWithRef<MDEditorProps>> & {
+type Editor = React.FC<PropsWithRef<MDEditorProps>> & {
     Markdown: typeof MarkdownPreview;
 };
 declare const mdEditor: Editor;

package/lib/Editor.js

@@ -166,6 +166,18 @@ var InternalMDEditor = function InternalMDEditor(props, ref) {
   (0, _react.useMemo)(function () {
     return height !== state.height && onHeightChange && onHeightChange(state.height, height, state);
   }, [height, onHeightChange, state]);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  (0, _react.useMemo)(function () {
+    return commands !== state.commands && dispatch({
+      commands: cmds
+    });
+  }, [props.commands]);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  (0, _react.useMemo)(function () {
+    return extraCommands !== state.extraCommands && dispatch({
+      extraCommands: extraCmds
+    });
+  }, [props.extraCommands]);
   var textareaDomRef = (0, _react.useRef)();
   var active = (0, _react.useRef)('preview');
   var initScroll = (0, _react.useRef)(false);
@@ -293,5 +305,4 @@ var mdEditor = /*#__PURE__*/_react["default"].forwardRef(InternalMDEditor);
 mdEditor.Markdown = _reactMarkdownPreview["default"];
 var _default = mdEditor;
 exports["default"] = _default;
-module.exports = exports.default;
-//# sourceMappingURL=Editor.js.map
+module.exports = exports.default;

package/lib/commands/bold.js

@@ -46,5 +46,4 @@ var bold = {
     });
   }
 };
-exports.bold = bold;
-//# sourceMappingURL=bold.js.map
+exports.bold = bold;

package/lib/commands/code.js

@@ -1,11 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.codeBlock = exports.code = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _markdownUtils = require("../utils/markdownUtils");
 var _jsxRuntime = require("react/jsx-runtime");
 var code = {
@@ -100,5 +100,4 @@ var codeBlock = {
     });
   }
 };
-exports.codeBlock = codeBlock;
-//# sourceMappingURL=code.js.map
+exports.codeBlock = codeBlock;