@uiw/react-md-editor 4.0.4 → 4.0.5

package/dist/mdeditor.min.js.LICENSE.txt

@@ -9,10 +9,10 @@
  */
 
 /**! 
- * @uiw/copy-to-clipboard v1.0.16 
+ * @uiw/copy-to-clipboard v1.0.17 
  * Copy to clipboard. 
  * 
- * Copyright (c) 2023 Kenny Wang 
+ * Copyright (c) 2024 Kenny Wang 
  * https://github.com/uiwjs/copy-to-clipboard.git 
  * 
  * @website: https://uiwjs.github.io/copy-to-clipboard

package/esm/Context.d.ts

@@ -28,38 +28,25 @@ export interface ContextStore {
 export type ExecuteCommandState = Pick<ContextStore, 'fullscreen' | 'preview' | 'highlightEnable'>;
 export declare function reducer(state: ContextStore, action: ContextStore): {
     [x: string]: any;
-    components?: {
-        textarea?: ((props: React.HTMLAttributes<HTMLDivElement> | React.TextareaHTMLAttributes<HTMLTextAreaElement>, opts: {
-            dispatch: React.Dispatch<ContextStore> | undefined;
-            onChange?: React.ChangeEventHandler<HTMLTextAreaElement> | undefined;
-            useContext?: {
-                commands: ICommand<string>[] | undefined;
-                extraCommands: ICommand<string>[] | undefined;
-                commandOrchestrator?: TextAreaCommandOrchestrator | undefined;
-            } | 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;
-    } | undefined;
-    commands?: ICommand<string>[] | undefined;
-    extraCommands?: ICommand<string>[] | undefined;
-    markdown?: string | undefined;
-    preview?: PreviewType | undefined;
-    height?: import("csstype").Property.Height<string | number> | undefined;
-    fullscreen?: boolean | undefined;
-    highlightEnable?: boolean | undefined;
-    autoFocus?: boolean | undefined;
-    textarea?: HTMLTextAreaElement | undefined;
-    commandOrchestrator?: TextAreaCommandOrchestrator | undefined;
-    textareaWarp?: HTMLDivElement | undefined;
-    textareaPre?: HTMLPreElement | undefined;
-    container?: HTMLDivElement | null | undefined;
-    dispatch?: React.Dispatch<ContextStore> | undefined;
-    barPopup?: Record<string, boolean> | undefined;
-    scrollTop?: number | undefined;
-    scrollTopPreview?: number | undefined;
-    tabSize?: number | undefined;
-    defaultTabEnable?: boolean | undefined;
+    components?: MDEditorProps["components"];
+    commands?: ICommand<string>[];
+    extraCommands?: ICommand<string>[];
+    markdown?: string;
+    preview?: PreviewType;
+    height?: React.CSSProperties["height"];
+    fullscreen?: boolean;
+    highlightEnable?: boolean;
+    autoFocus?: boolean;
+    textarea?: HTMLTextAreaElement;
+    commandOrchestrator?: TextAreaCommandOrchestrator;
+    textareaWarp?: HTMLDivElement;
+    textareaPre?: HTMLPreElement;
+    container?: HTMLDivElement | null;
+    dispatch?: React.Dispatch<ContextStore>;
+    barPopup?: Record<string, boolean>;
+    scrollTop?: number;
+    scrollTopPreview?: number;
+    tabSize?: number;
+    defaultTabEnable?: boolean;
 };
 export declare const EditorContext: React.Context<ContextStore>;

package/esm/Editor.js

@@ -8,8 +8,7 @@ import { ToolbarVisibility } from './components/Toolbar';
 import DragBar from './components/DragBar';
 import { getCommands, getExtraCommands, TextAreaCommandOrchestrator } from './commands';
 import { reducer, EditorContext } from './Context';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function setGroupPopFalse(data) {
   if (data === void 0) {
     data = {};

package/esm/Editor.nohighlight.js

@@ -8,8 +8,7 @@ import { ToolbarVisibility } from './components/Toolbar';
 import DragBar from './components/DragBar';
 import { getCommands, getExtraCommands, TextAreaCommandOrchestrator } from './commands';
 import { reducer, EditorContext } from './Context';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function setGroupPopFalse(data) {
   if (data === void 0) {
     data = {};

package/esm/Types.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'react';
+import type { CSSProperties, JSX } from 'react';
 import type { MarkdownPreviewProps } from '@uiw/react-markdown-preview/nohighlight';
 import type { ITextAreaProps } from './components/TextArea/index.nohighlight';
 import type { ICommand, TextState } from './commands';

package/esm/commands/comment.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { selectWord, executeCommand } from '../utils/markdownUtils';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var comment = {
   name: 'comment',
   keyCommand: 'comment',

package/esm/commands/group.d.ts

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

package/esm/commands/issue.js

@@ -17,8 +17,8 @@ export var issue = {
     viewBox: "0 0 448 512",
     children: /*#__PURE__*/_jsx("path", {
       fill: "currentColor",
-      d: "M181.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8L197.8 128h95.1l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3s29.2 19.4 26.3 36.8L357.8 128H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H347.1L325.8 320H384c17.7 0 32 14.3 32 32s-14.3 32-32 32H315.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.826.3s-29.2-19.4-26.3-36.8l9.8-58.7H155.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8L90.2 384H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l21.3-128H64c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3zM187.1 192L165.8320h95.1l21.3-128H187.1z"
-      //Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+      d: "M181.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8L197.8 128l95.1 0 11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3s29.2 19.4 26.3 36.8L357.8 128l58.2 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-68.9 0L325.8 320l58.2 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-68.9 0-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8l9.8-58.7-95.1 0-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8L90.2 384 32 384c-17.7 0-32-14.3-32-32s14.3-32 32-32l68.9 0 21.3-128L64 192c-17.7 0-32-14.3-32-32s14.3-32 32-32l68.9 0 11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3zM187.1 192L165.8 320l95.1 0 21.3-128-95.1 0z"
+      //Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
     })
   }),
   execute: (state, api) => {

package/esm/commands/preview.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var codePreview = {
   name: 'preview',
   keyCommand: 'preview',

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import { ContextStore, ExecuteCommandState } from '../../Context';
 import { TextAreaProps } from './Textarea';
 import { IProps } from '../../Types';

package/esm/components/TextArea/index.js

@@ -8,8 +8,7 @@ import Markdown from './Markdown';
 import Textarea from './Textarea';
 import { TextAreaCommandOrchestrator } from '../../commands';
 import "./index.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function TextArea(props) {
   var _ref = props || {},
     {
@@ -44,11 +43,11 @@ export default function TextArea(props) {
   }, []);
   useEffect(() => {
     if (textRef.current && dispatch) {
-      var _commandOrchestrator = new TextAreaCommandOrchestrator(textRef.current);
-      executeRef.current = _commandOrchestrator;
+      var commandOrchestrator = new TextAreaCommandOrchestrator(textRef.current);
+      executeRef.current = commandOrchestrator;
       dispatch({
         textarea: textRef.current,
-        commandOrchestrator: _commandOrchestrator
+        commandOrchestrator
       });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -66,7 +65,7 @@ export default function TextArea(props) {
       style: {
         minHeight
       },
-      children: renderTextarea ? ( /*#__PURE__*/React.cloneElement(renderTextarea(_extends({}, otherProps, {
+      children: renderTextarea ? (/*#__PURE__*/React.cloneElement(renderTextarea(_extends({}, otherProps, {
         value: markdown,
         autoComplete: 'off',
         autoCorrect: 'off',

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import { ContextStore, ExecuteCommandState } from '../../Context';
 import { TextAreaProps } from './Textarea';
 import { IProps } from '../../Types';

package/esm/components/TextArea/index.nohighlight.js

@@ -40,11 +40,11 @@ export default function TextArea(props) {
   }, []);
   useEffect(() => {
     if (textRef.current && dispatch) {
-      var _commandOrchestrator = new TextAreaCommandOrchestrator(textRef.current);
-      executeRef.current = _commandOrchestrator;
+      var commandOrchestrator = new TextAreaCommandOrchestrator(textRef.current);
+      executeRef.current = commandOrchestrator;
       dispatch({
         textarea: textRef.current,
-        commandOrchestrator: _commandOrchestrator
+        commandOrchestrator
       });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -59,7 +59,7 @@ export default function TextArea(props) {
     onScroll: onScroll,
     children: /*#__PURE__*/_jsx("div", {
       className: prefixCls + "-text",
-      children: renderTextarea ? ( /*#__PURE__*/React.cloneElement(renderTextarea(_extends({}, otherProps, {
+      children: renderTextarea ? (/*#__PURE__*/React.cloneElement(renderTextarea(_extends({}, otherProps, {
         value: markdown,
         autoComplete: 'off',
         autoCorrect: 'off',

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

@@ -1,4 +1,3 @@
-/// <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/Toolbar/Child.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { JSX } from 'react';
 import './Child.less';
 import { type IToolbarProps } from './';
 export type ChildProps = IToolbarProps & {

package/esm/components/Toolbar/index.js

@@ -3,8 +3,7 @@ import React, { Fragment, useContext, useEffect, useRef } from 'react';
 import { EditorContext } from '../../Context';
 import Child from './Child';
 import "./index.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ToolbarItems(props) {
   var {
     prefixCls,

package/lib/Context.d.ts

@@ -28,38 +28,25 @@ export interface ContextStore {
 export type ExecuteCommandState = Pick<ContextStore, 'fullscreen' | 'preview' | 'highlightEnable'>;
 export declare function reducer(state: ContextStore, action: ContextStore): {
     [x: string]: any;
-    components?: {
-        textarea?: ((props: React.HTMLAttributes<HTMLDivElement> | React.TextareaHTMLAttributes<HTMLTextAreaElement>, opts: {
-            dispatch: React.Dispatch<ContextStore> | undefined;
-            onChange?: React.ChangeEventHandler<HTMLTextAreaElement> | undefined;
-            useContext?: {
-                commands: ICommand<string>[] | undefined;
-                extraCommands: ICommand<string>[] | undefined;
-                commandOrchestrator?: TextAreaCommandOrchestrator | undefined;
-            } | 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;
-    } | undefined;
-    commands?: ICommand<string>[] | undefined;
-    extraCommands?: ICommand<string>[] | undefined;
-    markdown?: string | undefined;
-    preview?: PreviewType | undefined;
-    height?: import("csstype").Property.Height<string | number> | undefined;
-    fullscreen?: boolean | undefined;
-    highlightEnable?: boolean | undefined;
-    autoFocus?: boolean | undefined;
-    textarea?: HTMLTextAreaElement | undefined;
-    commandOrchestrator?: TextAreaCommandOrchestrator | undefined;
-    textareaWarp?: HTMLDivElement | undefined;
-    textareaPre?: HTMLPreElement | undefined;
-    container?: HTMLDivElement | null | undefined;
-    dispatch?: React.Dispatch<ContextStore> | undefined;
-    barPopup?: Record<string, boolean> | undefined;
-    scrollTop?: number | undefined;
-    scrollTopPreview?: number | undefined;
-    tabSize?: number | undefined;
-    defaultTabEnable?: boolean | undefined;
+    components?: MDEditorProps["components"];
+    commands?: ICommand<string>[];
+    extraCommands?: ICommand<string>[];
+    markdown?: string;
+    preview?: PreviewType;
+    height?: React.CSSProperties["height"];
+    fullscreen?: boolean;
+    highlightEnable?: boolean;
+    autoFocus?: boolean;
+    textarea?: HTMLTextAreaElement;
+    commandOrchestrator?: TextAreaCommandOrchestrator;
+    textareaWarp?: HTMLDivElement;
+    textareaPre?: HTMLPreElement;
+    container?: HTMLDivElement | null;
+    dispatch?: React.Dispatch<ContextStore>;
+    barPopup?: Record<string, boolean>;
+    scrollTop?: number;
+    scrollTopPreview?: number;
+    tabSize?: number;
+    defaultTabEnable?: boolean;
 };
 export declare const EditorContext: React.Context<ContextStore>;

package/lib/Types.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'react';
+import type { CSSProperties, JSX } from 'react';
 import type { MarkdownPreviewProps } from '@uiw/react-markdown-preview/nohighlight';
 import type { ITextAreaProps } from './components/TextArea/index.nohighlight';
 import type { ICommand, TextState } from './commands';

package/lib/commands/group.d.ts

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

package/lib/commands/index.js

@@ -246,7 +246,7 @@ var TextAreaTextApi = exports.TextAreaTextApi = /*#__PURE__*/function () {
    * selection start and selection end will be the same and will both point to the end
    * @param text Text that should replace the current selection
    */
-  (0, _createClass2["default"])(TextAreaTextApi, [{
+  return (0, _createClass2["default"])(TextAreaTextApi, [{
     key: "replaceSelection",
     value: function replaceSelection(text) {
       (0, _InsertTextAtPosition.insertTextAtPosition)(this.textArea, text);
@@ -266,7 +266,6 @@ var TextAreaTextApi = exports.TextAreaTextApi = /*#__PURE__*/function () {
       return getStateFromTextArea(this.textArea);
     }
   }]);
-  return TextAreaTextApi;
 }();
 var TextAreaCommandOrchestrator = exports.TextAreaCommandOrchestrator = /*#__PURE__*/function () {
   function TextAreaCommandOrchestrator(textArea) {
@@ -276,7 +275,7 @@ var TextAreaCommandOrchestrator = exports.TextAreaCommandOrchestrator = /*#__PUR
     this.textArea = textArea;
     this.textApi = new TextAreaTextApi(textArea);
   }
-  (0, _createClass2["default"])(TextAreaCommandOrchestrator, [{
+  return (0, _createClass2["default"])(TextAreaCommandOrchestrator, [{
     key: "getState",
     value: function getState() {
       if (!this.textArea) return false;
@@ -290,5 +289,4 @@ var TextAreaCommandOrchestrator = exports.TextAreaCommandOrchestrator = /*#__PUR
       }, getStateFromTextArea(this.textArea)), this.textApi, dispatch, state, shortcuts);
     }
   }]);
-  return TextAreaCommandOrchestrator;
 }();

package/lib/commands/issue.js

@@ -24,8 +24,8 @@ var issue = exports.issue = {
     viewBox: "0 0 448 512",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
       fill: "currentColor",
-      d: "M181.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8L197.8 128h95.1l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3s29.2 19.4 26.3 36.8L357.8 128H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H347.1L325.8 320H384c17.7 0 32 14.3 32 32s-14.3 32-32 32H315.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.826.3s-29.2-19.4-26.3-36.8l9.8-58.7H155.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8L90.2 384H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l21.3-128H64c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3zM187.1 192L165.8320h95.1l21.3-128H187.1z"
-      //Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+      d: "M181.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8L197.8 128l95.1 0 11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3s29.2 19.4 26.3 36.8L357.8 128l58.2 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-68.9 0L325.8 320l58.2 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-68.9 0-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8l9.8-58.7-95.1 0-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8L90.2 384 32 384c-17.7 0-32-14.3-32-32s14.3-32 32-32l68.9 0 21.3-128L64 192c-17.7 0-32-14.3-32-32s14.3-32 32-32l68.9 0 11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3zM187.1 192L165.8 320l95.1 0 21.3-128-95.1 0z"
+      //Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
     })
   }),
   execute: function execute(state, api) {

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import { ContextStore, ExecuteCommandState } from '../../Context';
 import { TextAreaProps } from './Textarea';
 import { IProps } from '../../Types';

package/lib/components/TextArea/index.js

@@ -47,11 +47,11 @@ function TextArea(props) {
   }, []);
   (0, _react.useEffect)(function () {
     if (textRef.current && dispatch) {
-      var _commandOrchestrator = new _commands.TextAreaCommandOrchestrator(textRef.current);
-      executeRef.current = _commandOrchestrator;
+      var commandOrchestrator = new _commands.TextAreaCommandOrchestrator(textRef.current);
+      executeRef.current = commandOrchestrator;
       dispatch({
         textarea: textRef.current,
-        commandOrchestrator: _commandOrchestrator
+        commandOrchestrator: commandOrchestrator
       });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -69,7 +69,7 @@ function TextArea(props) {
       style: {
         minHeight: minHeight
       },
-      children: renderTextarea ? ( /*#__PURE__*/_react["default"].cloneElement(renderTextarea((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
+      children: renderTextarea ? (/*#__PURE__*/_react["default"].cloneElement(renderTextarea((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
         value: markdown,
         autoComplete: 'off',
         autoCorrect: 'off',

package/lib/components/TextArea/index.nohighlight.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import { ContextStore, ExecuteCommandState } from '../../Context';
 import { TextAreaProps } from './Textarea';
 import { IProps } from '../../Types';

package/lib/components/TextArea/index.nohighlight.js

@@ -44,11 +44,11 @@ function TextArea(props) {
   }, []);
   (0, _react.useEffect)(function () {
     if (textRef.current && dispatch) {
-      var _commandOrchestrator = new _commands.TextAreaCommandOrchestrator(textRef.current);
-      executeRef.current = _commandOrchestrator;
+      var commandOrchestrator = new _commands.TextAreaCommandOrchestrator(textRef.current);
+      executeRef.current = commandOrchestrator;
       dispatch({
         textarea: textRef.current,
-        commandOrchestrator: _commandOrchestrator
+        commandOrchestrator: commandOrchestrator
       });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -63,7 +63,7 @@ function TextArea(props) {
     onScroll: onScroll,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "".concat(prefixCls, "-text"),
-      children: renderTextarea ? ( /*#__PURE__*/_react["default"].cloneElement(renderTextarea((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
+      children: renderTextarea ? (/*#__PURE__*/_react["default"].cloneElement(renderTextarea((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
         value: markdown,
         autoComplete: 'off',
         autoCorrect: 'off',

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

@@ -1,4 +1,3 @@
-/// <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/Toolbar/Child.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { JSX } from 'react';
 import './Child.less';
 import { type IToolbarProps } from './';
 export type ChildProps = IToolbarProps & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-md-editor",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "description": "A markdown editor with preview, implemented with React.js and TypeScript.",
   "homepage": "https://uiwjs.github.io/react-md-editor/",
   "funding": "https://jaywcjlove.github.io/#/sponsor",

package/src/Types.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'react';
+import type { CSSProperties, JSX } from 'react';
 import type { MarkdownPreviewProps } from '@uiw/react-markdown-preview/nohighlight';
 import type { ITextAreaProps } from './components/TextArea/index.nohighlight';
 import type { ICommand, TextState } from './commands';

package/src/commands/issue.tsx

@@ -12,8 +12,8 @@ export const issue: ICommand = {
     <svg role="img" width="12" height="12" viewBox="0 0 448 512">
       <path
         fill="currentColor"
-        d="M181.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8L197.8 128h95.1l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3s29.2 19.4 26.3 36.8L357.8 128H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H347.1L325.8 320H384c17.7 0 32 14.3 32 32s-14.3 32-32 32H315.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.826.3s-29.2-19.4-26.3-36.8l9.8-58.7H155.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8L90.2 384H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l21.3-128H64c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3zM187.1 192L165.8320h95.1l21.3-128H187.1z"
-        //Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+        d="M181.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8L197.8 128l95.1 0 11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3s29.2 19.4 26.3 36.8L357.8 128l58.2 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-68.9 0L325.8 320l58.2 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-68.9 0-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8l9.8-58.7-95.1 0-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8L90.2 384 32 384c-17.7 0-32-14.3-32-32s14.3-32 32-32l68.9 0 21.3-128L64 192c-17.7 0-32-14.3-32-32s14.3-32 32-32l68.9 0 11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3zM187.1 192L165.8 320l95.1 0 21.3-128-95.1 0z"
+        //Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
       />
     </svg>
   ),

package/src/components/TextArea/index.nohighlight.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, Fragment, useContext } from 'react';
+import React, { useEffect, Fragment, useContext, JSX } from 'react';
 import { EditorContext, ContextStore, ExecuteCommandState } from '../../Context';
 import shortcuts from './shortcuts';
 import Textarea, { TextAreaProps } from './Textarea';

package/src/components/TextArea/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, Fragment, useContext } from 'react';
+import React, { useEffect, Fragment, useContext, JSX } from 'react';
 import { EditorContext, ContextStore, ExecuteCommandState } from '../../Context';
 import shortcuts from './shortcuts';
 import Markdown from './Markdown';

package/src/components/Toolbar/Child.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from 'react';
+import React, { useContext, useMemo, JSX } from 'react';
 import './Child.less';
 import Toolbar, { type IToolbarProps } from './';
 import { EditorContext } from '../../Context';