@uiw/react-md-editor 3.20.5 → 3.20.6

package/lib/commands/fullscreen.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.fullscreen = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 var fullscreen = {
   name: 'fullscreen',
@@ -34,5 +34,4 @@ var fullscreen = {
     }
   }
 };
-exports.fullscreen = fullscreen;
-//# sourceMappingURL=fullscreen.js.map
+exports.fullscreen = fullscreen;

package/lib/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/lib/commands/group.js

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

package/lib/commands/hr.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.hr = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 var hr = {
   name: 'hr',
@@ -30,5 +30,4 @@ var hr = {
     api.replaceSelection("".concat(state.selectedText, "\n\n").concat(state.command.value || '', "-\n\n"));
   }
 };
-exports.hr = hr;
-//# sourceMappingURL=hr.js.map
+exports.hr = hr;

package/lib/commands/image.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.image = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _markdownUtils = require("../utils/markdownUtils");
 var _jsxRuntime = require("react/jsx-runtime");
 var image = {
@@ -48,5 +48,4 @@ var image = {
     });
   }
 };
-exports.image = image;
-//# sourceMappingURL=image.js.map
+exports.image = image;

package/lib/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/lib/commands/index.js

@@ -274,5 +274,4 @@ var TextAreaCommandOrchestrator = /*#__PURE__*/function () {
   }]);
   return TextAreaCommandOrchestrator;
 }();
-exports.TextAreaCommandOrchestrator = TextAreaCommandOrchestrator;
-//# sourceMappingURL=index.js.map
+exports.TextAreaCommandOrchestrator = TextAreaCommandOrchestrator;

package/lib/commands/italic.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.italic = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _markdownUtils = require("../utils/markdownUtils");
 var _jsxRuntime = require("react/jsx-runtime");
 var italic = {
@@ -47,5 +47,4 @@ var italic = {
     });
   }
 };
-exports.italic = italic;
-//# sourceMappingURL=italic.js.map
+exports.italic = italic;

package/lib/commands/link.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.link = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _markdownUtils = require("../utils/markdownUtils");
 var _jsxRuntime = require("react/jsx-runtime");
 var link = {
@@ -47,5 +47,4 @@ var link = {
     });
   }
 };
-exports.link = link;
-//# sourceMappingURL=link.js.map
+exports.link = link;

package/lib/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/lib/commands/list.js

@@ -1,13 +1,13 @@
 "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.checkedListCommand = void 0;
 exports.insertBeforeEachLine = insertBeforeEachLine;
 exports.unorderedListCommand = exports.orderedListCommand = exports.makeList = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _markdownUtils = require("../utils/markdownUtils");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -135,5 +135,4 @@ var checkedListCommand = {
     });
   }
 };
-exports.checkedListCommand = checkedListCommand;
-//# sourceMappingURL=list.js.map
+exports.checkedListCommand = checkedListCommand;

package/lib/commands/preview.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.codePreview = exports.codeLive = exports.codeEdit = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 var codePreview = {
   name: 'preview',
@@ -99,5 +99,4 @@ var codeLive = {
     }
   }
 };
-exports.codeLive = codeLive;
-//# sourceMappingURL=preview.js.map
+exports.codeLive = codeLive;

package/lib/commands/quote.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.quote = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _markdownUtils = require("../utils/markdownUtils");
 var _jsxRuntime = require("react/jsx-runtime");
 var quote = {
@@ -47,5 +47,4 @@ var quote = {
     });
   }
 };
-exports.quote = quote;
-//# sourceMappingURL=quote.js.map
+exports.quote = quote;

package/lib/commands/strikeThrough.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.strikethrough = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _markdownUtils = require("../utils/markdownUtils");
 var _jsxRuntime = require("react/jsx-runtime");
 var strikethrough = {
@@ -47,5 +47,4 @@ var strikethrough = {
     });
   }
 };
-exports.strikethrough = strikethrough;
-//# sourceMappingURL=strikeThrough.js.map
+exports.strikethrough = strikethrough;

package/lib/commands/title.js

@@ -20,5 +20,4 @@ var title = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _t
     })
   })
 });
-exports.title = title;
-//# sourceMappingURL=title.js.map
+exports.title = title;

package/lib/commands/title1.js

@@ -32,5 +32,4 @@ var title1 = {
     }
   }
 };
-exports.title1 = title1;
-//# sourceMappingURL=title1.js.map
+exports.title1 = title1;

package/lib/commands/title2.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.title2 = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _InsertTextAtPosition = require("../utils/InsertTextAtPosition");
 var _jsxRuntime = require("react/jsx-runtime");
 var title2 = {
@@ -32,5 +32,4 @@ var title2 = {
     }
   }
 };
-exports.title2 = title2;
-//# sourceMappingURL=title2.js.map
+exports.title2 = title2;

package/lib/commands/title3.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.title3 = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _InsertTextAtPosition = require("../utils/InsertTextAtPosition");
 var _jsxRuntime = require("react/jsx-runtime");
 var title3 = {
@@ -32,5 +32,4 @@ var title3 = {
     }
   }
 };
-exports.title3 = title3;
-//# sourceMappingURL=title3.js.map
+exports.title3 = title3;

package/lib/commands/title4.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.title4 = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _InsertTextAtPosition = require("../utils/InsertTextAtPosition");
 var _jsxRuntime = require("react/jsx-runtime");
 var title4 = {
@@ -32,5 +32,4 @@ var title4 = {
     }
   }
 };
-exports.title4 = title4;
-//# sourceMappingURL=title4.js.map
+exports.title4 = title4;

package/lib/commands/title5.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.title5 = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _InsertTextAtPosition = require("../utils/InsertTextAtPosition");
 var _jsxRuntime = require("react/jsx-runtime");
 var title5 = {
@@ -32,5 +32,4 @@ var title5 = {
     }
   }
 };
-exports.title5 = title5;
-//# sourceMappingURL=title5.js.map
+exports.title5 = title5;

package/lib/commands/title6.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.title6 = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _InsertTextAtPosition = require("../utils/InsertTextAtPosition");
 var _jsxRuntime = require("react/jsx-runtime");
 var title6 = {
@@ -32,5 +32,4 @@ var title6 = {
     }
   }
 };
-exports.title6 = title6;
-//# sourceMappingURL=title6.js.map
+exports.title6 = title6;

package/lib/components/DragBar/index.js

@@ -83,5 +83,4 @@ var DragBar = function DragBar(props) {
 };
 var _default = DragBar;
 exports["default"] = _default;
-module.exports = exports.default;
-//# sourceMappingURL=index.js.map
+module.exports = exports.default;

package/lib/components/TextArea/Markdown.js

@@ -71,5 +71,4 @@ function Markdown(props) {
     }
   });
 }
-module.exports = exports.default;
-//# sourceMappingURL=Markdown.js.map
+module.exports = exports.default;

package/lib/components/TextArea/Textarea.js

@@ -87,5 +87,4 @@ function Textarea(props) {
     }
   }));
 }
-module.exports = exports.default;
-//# sourceMappingURL=Textarea.js.map
+module.exports = exports.default;

package/lib/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/lib/components/TextArea/handleKeyDown.js

@@ -83,5 +83,4 @@ function handleKeyDown(e) {
     return (0, _InsertTextAtPosition.insertTextAtPosition)(target, startStr);
   }
 }
-module.exports = exports.default;
-//# sourceMappingURL=handleKeyDown.js.map
+module.exports = exports.default;

package/lib/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/lib/components/TextArea/index.js

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

package/lib/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/lib/components/TextArea/shortcuts.js

@@ -66,5 +66,4 @@ function shortcutsHandle(e) {
     return;
   }
 }
-module.exports = exports.default;
-//# sourceMappingURL=shortcuts.js.map
+module.exports = exports.default;

package/lib/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/lib/components/Toolbar/Child.js

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

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

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

package/lib/components/Toolbar/index.js

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

package/lib/index.js

@@ -60,5 +60,4 @@ Object.keys(_Context).forEach(function (key) {
   });
 });
 var _default = _Editor["default"];
-exports["default"] = _default;
-//# sourceMappingURL=index.js.map
+exports["default"] = _default;

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

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

package/lib/utils/InsertTextAtPosition.js

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

package/lib/utils/markdownUtils.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-md-editor",
-  "version": "3.20.5",
+  "version": "3.20.6",
   "description": "A markdown editor with preview, implemented with React.js and TypeScript.",
   "homepage": "https://uiwjs.github.io/react-md-editor/",
   "author": "kenny wang <wowohoo@qq.com>",

package/src/Editor.tsx

@@ -265,6 +265,10 @@ const InternalMDEditor = (
     () => 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]);
 
   const textareaDomRef = useRef<HTMLDivElement>();
   const active = useRef<'text' | 'preview'>('preview');

package/src/__test__/commands.test.tsx

@@ -152,7 +152,7 @@ it('MDEditor commands HR', async () => {
     }),
   );
   const inputNode = screen.getByTitle('test');
-  expect(inputNode).toHaveValue('\n\n----------\n\ntitle');
+  expect(inputNode).toHaveValue('\n\n-----------\n\ntitle');
 });
 
 it('MDEditor commands strikethrough text', async () => {
@@ -206,7 +206,7 @@ it('MDEditor commands link', async () => {
     }),
   );
   const inputNode = screen.getByTitle('test');
-  expect(inputNode).toHaveValue('[title](url)');
+  expect(inputNode).toHaveValue('[title](URL Here)');
 });
 
 it('MDEditor commands image', async () => {
@@ -233,7 +233,7 @@ it('MDEditor commands image', async () => {
     }),
   );
   const inputNode = screen.getByTitle('test');
-  expect(inputNode).toHaveValue('![](title)');
+  expect(inputNode).toHaveValue('![image](title)');
 });
 
 it("MDEditor commands image === ''", async () => {
@@ -260,7 +260,7 @@ it("MDEditor commands image === ''", async () => {
     }),
   );
   const inputNode = screen.getByTitle('test');
-  expect(inputNode).toHaveValue('![](https://example.com/your-image.png)');
+  expect(inputNode).toHaveValue('![image](https://example.com/your-image.png)');
 });
 
 it('MDEditor commands Add unordered list', async () => {

package/src/commands/code.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ICommand, TextState, TextAreaTextApi } from './';
 import {
   selectWord,

package/src/commands/comment.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ICommand, TextState, TextAreaTextApi } from './';
 import { selectWord } from '../utils/markdownUtils';
 

package/src/commands/divider.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ICommand } from './';
 
 export const divider: ICommand = {

package/src/commands/fullscreen.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ICommand, TextState, TextAreaTextApi } from './';
 import { ContextStore, ExecuteCommandState } from '../Context';
 

package/src/commands/hr.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ICommand, ExecuteState, TextAreaTextApi } from './';
 
 export const hr: ICommand = {

package/src/commands/image.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ICommand, ExecuteState, TextAreaTextApi } from './';
 import { selectWord } from '../utils/markdownUtils';
 

package/src/commands/italic.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ICommand, ExecuteState, TextAreaTextApi } from './';
 import { selectWord } from '../utils/markdownUtils';
 

package/src/commands/link.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ICommand, ExecuteState, TextAreaTextApi } from './';
 import { selectWord } from '../utils/markdownUtils';
 

package/src/commands/list.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ICommand, TextState, TextAreaTextApi } from './';
 import {
   selectWord,

package/src/commands/preview.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ICommand, TextState, TextAreaTextApi } from './';
 import { ContextStore, ExecuteCommandState } from '../Context';