@uiw/react-md-editor 3.20.4 → 3.20.6

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

@@ -5,7 +5,7 @@ export var bold = {
   name: 'bold',
   keyCommand: 'bold',
   shortcuts: 'ctrlcmd+b',
-  value: '**',
+  value: '**{{text}}**',
   buttonProps: {
     'aria-label': 'Add bold text (ctrl + b)',
     title: 'Add bold text (ctrl + b)'
@@ -21,7 +21,6 @@ export var bold = {
     })
   }),
   execute: (state, api) => {
-    var _state1$selectedText;
     // Adjust the selection to encompass the whole word if the caret is inside one
     var newSelectionRange = selectWord({
       text: state.text,
@@ -29,12 +28,14 @@ export var bold = {
     });
     var state1 = api.setSelectionRange(newSelectionRange);
     // Replaces the current selection with the bold mark up
-    var state2 = api.replaceSelection("**" + state1.selectedText + "**");
+    var val = state.command.value || '';
+    api.replaceSelection(val.replace(/({{text}})/gi, state1.selectedText));
+    var start = state1.selection.start + val.indexOf('{{text}}');
+    var end = state1.selection.start + val.indexOf('{{text}}') + (state1.selection.end - state1.selection.start);
     // Adjust the selection to not contain the **
     api.setSelectionRange({
-      start: state2.selection.end - 2 - ((_state1$selectedText = state1.selectedText) == null ? void 0 : _state1$selectedText.length),
-      end: state2.selection.end - 2
+      start,
+      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',
@@ -20,7 +20,6 @@ export var hr = {
     })
   }),
   execute: (state, api) => {
-    api.replaceSelection(state.selectedText + "\n\n----------\n\n");
+    api.replaceSelection(state.selectedText + "\n\n" + (state.command.value || '') + "-\n\n");
   }
-};
-//# sourceMappingURL=hr.js.map
+};

package/esm/commands/image.js

@@ -1,11 +1,11 @@
-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 = {
   name: 'image',
   keyCommand: 'image',
   shortcuts: 'ctrlcmd+k',
-  value: '![image]()',
+  value: '![image]({{text}})',
   buttonProps: {
     'aria-label': 'Add image (ctrl + k)',
     title: 'Add image (ctrl + k)'
@@ -28,12 +28,16 @@ export var image = {
     var state1 = api.setSelectionRange(newSelectionRange);
     // Replaces the current selection with the image
     var imageTemplate = state1.selectedText || 'https://example.com/your-image.png';
-    api.replaceSelection("![](" + imageTemplate + ")");
-    // Adjust the selection to not contain the **
+    var val = state.command.value || '';
+    api.replaceSelection(val.replace(/({{text}})/gi, imageTemplate));
+    var start = state1.selection.start + val.indexOf('{{text}}');
+    var end = state1.selection.start + val.indexOf('{{text}}') + (state1.selection.end - state1.selection.start);
+    if (!state1.selectedText) {
+      end = end + imageTemplate.length;
+    }
     api.setSelectionRange({
-      start: 4 + state1.selection.start,
-      end: 4 + state1.selection.start + imageTemplate.length
+      start,
+      end
     });
   }
-};
-//# sourceMappingURL=image.js.map
+};

package/esm/commands/index.d.ts

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

package/esm/commands/index.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import { insertTextAtPosition } from '../utils/InsertTextAtPosition';
 import { bold } from './bold';
 import { code, codeBlock } from './code';
@@ -79,10 +80,11 @@ class TextAreaCommandOrchestrator {
     return getStateFromTextArea(this.textArea);
   }
   executeCommand(command, dispatch, state, shortcuts) {
-    command.execute && command.execute(getStateFromTextArea(this.textArea), this.textApi, dispatch, state, shortcuts);
+    command.execute && command.execute(_extends({
+      command
+    }, getStateFromTextArea(this.textArea)), this.textApi, dispatch, state, shortcuts);
   }
 }
 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,11 +1,11 @@
-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 = {
   name: 'italic',
   keyCommand: 'italic',
   shortcuts: 'ctrlcmd+i',
-  value: '* *',
+  value: '*{{text}}*',
   buttonProps: {
     'aria-label': 'Add italic text (ctrl + i)',
     title: 'Add italic text (ctrl + i)'
@@ -28,13 +28,15 @@ export var italic = {
       selection: state.selection
     });
     var state1 = api.setSelectionRange(newSelectionRange);
-    // Replaces the current selection with the italic mark up
-    var state2 = api.replaceSelection("*" + state1.selectedText + "*");
-    // Adjust the selection to not contain the *
+    // Replaces the current selection with the bold mark up
+    var val = state.command.value || '';
+    api.replaceSelection(val.replace(/({{text}})/gi, state1.selectedText));
+    var start = state1.selection.start + val.indexOf('{{text}}');
+    var end = state1.selection.start + val.indexOf('{{text}}') + (state1.selection.end - state1.selection.start);
+    // Adjust the selection to not contain the **
     api.setSelectionRange({
-      start: state2.selection.end - 1 - state1.selectedText.length,
-      end: state2.selection.end - 1
+      start,
+      end
     });
   }
-};
-//# sourceMappingURL=italic.js.map
+};

package/esm/commands/link.js

@@ -1,11 +1,11 @@
-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 = {
   name: 'link',
   keyCommand: 'link',
   shortcuts: 'ctrlcmd+l',
-  value: '[](url)',
+  value: '[{{text}}](URL Here)',
   buttonProps: {
     'aria-label': 'Add a link (ctrl + l)',
     title: 'Add a link (ctrl + l)'
@@ -28,13 +28,15 @@ export var link = {
       selection: state.selection
     });
     var state1 = api.setSelectionRange(newSelectionRange);
+    var val = state.command.value || '';
     // Replaces the current selection with the bold mark up
-    var state2 = api.replaceSelection("[" + state1.selectedText + "](url)");
+    api.replaceSelection(val.replace(/({{text}})/gi, state1.selectedText));
+    var start = state1.selection.start + val.indexOf('{{text}}');
+    var end = state1.selection.start + val.indexOf('{{text}}') + (state1.selection.end - state1.selection.start);
     // Adjust the selection to not contain the **
     api.setSelectionRange({
-      start: state2.selection.end - 6 - state1.selectedText.length,
-      end: state2.selection.end - 6
+      start,
+      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 = {
@@ -9,7 +9,7 @@ export var strikethrough = {
     'aria-label': 'Add strikethrough text (ctrl + shift + x)',
     title: 'Add strikethrough text (ctrl + shift + x)'
   },
-  value: '~~',
+  value: '~~{{text}}~~',
   icon: /*#__PURE__*/_jsx("svg", {
     "data-name": "strikethrough",
     width: "12",
@@ -28,13 +28,15 @@ export var strikethrough = {
       selection: state.selection
     });
     var state1 = api.setSelectionRange(newSelectionRange);
-    // Replaces the current selection with the strikethrough mark up
-    var state2 = api.replaceSelection("~~" + state1.selectedText + "~~");
-    // Adjust the selection to not contain the ~~
+    // Replaces the current selection with the bold mark up
+    var val = state.command.value || '';
+    api.replaceSelection(val.replace(/({{text}})/gi, state1.selectedText));
+    var start = state1.selection.start + val.indexOf('{{text}}');
+    var end = state1.selection.start + val.indexOf('{{text}}') + (state1.selection.end - state1.selection.start);
+    // Adjust the selection to not contain the **
     api.setSelectionRange({
-      start: state2.selection.end - 2 - state1.selectedText.length,
-      end: state2.selection.end - 2
+      start,
+      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

@@ -74,5 +74,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
+}