@uiw/react-md-editor 3.20.10 → 3.21.0

package/esm/Context.d.ts

@@ -23,9 +23,11 @@ export interface ContextStore {
     scrollTopPreview?: number;
     tabSize?: number;
     defaultTabEnable?: boolean;
+    [key: string]: any;
 }
 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;

package/esm/commands/index.d.ts

@@ -30,6 +30,7 @@ export interface ICommandChildHandle<T = string> extends ICommandBase<T> {
         execute: () => void;
         getState?: TextAreaCommandOrchestrator['getState'];
         textApi?: TextAreaTextApi;
+        dispatch?: React.Dispatch<ContextStore>;
     }) => React.ReactElement;
 }
 export interface ICommandChildCommands<T = string> extends ICommandBase<T> {

package/esm/commands/index.js

@@ -80,6 +80,7 @@ class TextAreaCommandOrchestrator {
     return getStateFromTextArea(this.textArea);
   }
   executeCommand(command, dispatch, state, shortcuts) {
+    console.log('state:', state);
     command.execute && command.execute(_extends({
       command
     }, getStateFromTextArea(this.textArea)), this.textApi, dispatch, state, shortcuts);

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

@@ -2,4 +2,4 @@ import React from 'react';
 import { IProps } from '../../Editor';
 export interface MarkdownProps extends IProps, React.HTMLAttributes<HTMLPreElement> {
 }
-export default function Markdown(props: MarkdownProps): JSX.Element;
+export default function Markdown(props: MarkdownProps): import("react/jsx-runtime").JSX.Element;

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

@@ -3,4 +3,4 @@ import { IProps } from '../../Editor';
 import './index.less';
 export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'>, IProps {
 }
-export default function Textarea(props: TextAreaProps): JSX.Element;
+export default function Textarea(props: TextAreaProps): import("react/jsx-runtime").JSX.Element;

package/esm/components/TextArea/Textarea.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["prefixCls", "onChange"];
+var _excluded = ["prefixCls", "onChange"],
+  _excluded2 = ["markdown", "commands", "fullscreen", "preview", "highlightEnable", "extraCommands", "tabSize", "defaultTabEnable", "dispatch"];
 import React, { useContext, useEffect } from 'react';
 import { EditorContext } from '../../Context';
 import { TextAreaCommandOrchestrator } from '../../commands';
@@ -14,17 +15,19 @@ export default function Textarea(props) {
       onChange: _onChange
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  var {
-    markdown,
-    commands,
-    fullscreen,
-    preview,
-    highlightEnable,
-    extraCommands,
-    tabSize,
-    defaultTabEnable,
-    dispatch
-  } = useContext(EditorContext);
+  var _useContext = useContext(EditorContext),
+    {
+      markdown,
+      commands,
+      fullscreen,
+      preview,
+      highlightEnable,
+      extraCommands,
+      tabSize,
+      defaultTabEnable,
+      dispatch
+    } = _useContext,
+    otherStore = _objectWithoutPropertiesLoose(_useContext, _excluded2);
   var textRef = React.useRef(null);
   var executeRef = React.useRef();
   var statesRef = React.useRef({
@@ -51,6 +54,7 @@ export default function Textarea(props) {
   }, []);
   var onKeyDown = e => {
     handleKeyDown(e, tabSize, defaultTabEnable);
+    console.log('otherStore:', otherStore);
     shortcuts(e, [...(commands || []), ...(extraCommands || [])], executeRef.current, dispatch, statesRef.current);
   };
   useEffect(() => {

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

@@ -23,5 +23,5 @@ export type TextAreaRef = {
     text?: HTMLTextAreaElement;
     warp?: HTMLDivElement;
 };
-export default function TextArea(props: ITextAreaProps): JSX.Element;
+export default function TextArea(props: ITextAreaProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,4 +5,4 @@ export type ChildProps = IToolbarProps & {
     children?: JSX.Element;
     groupName?: string;
 };
-export default function Child(props: ChildProps): JSX.Element;
+export default function Child(props: ChildProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IProps } from '../../Editor';
 import { ICommand } from '../../commands';
 import './index.less';
@@ -9,5 +8,5 @@ export interface IToolbarProps extends IProps {
     commands?: ICommand<string>[];
     isChild?: boolean;
 }
-export declare function ToolbarItems(props: IToolbarProps): JSX.Element;
-export default function Toolbar(props?: IToolbarProps): JSX.Element;
+export declare function ToolbarItems(props: IToolbarProps): import("react/jsx-runtime").JSX.Element;
+export default function Toolbar(props?: IToolbarProps): import("react/jsx-runtime").JSX.Element;

package/esm/components/Toolbar/index.js

@@ -78,7 +78,8 @@ export function ToolbarItems(props) {
         close: () => handleClick({}, item.groupName),
         execute: () => handleClick({
           execute: item.execute
-        })
+        }),
+        dispatch
       }) : undefined;
       var disabled = barPopup && preview && preview === 'preview' && !/(preview|fullscreen)/.test(item.keyCommand);
       var render = (components == null ? void 0 : components.toolbar) || item.render;

package/esm/index.d.ts

@@ -2,6 +2,7 @@ import MDEditor from './Editor';
 import * as commands from './commands';
 import * as MarkdownUtil from './utils/markdownUtils';
 export * from './commands';
+export * from './commands/group';
 export * from './utils/markdownUtils';
 export * from './utils/InsertTextAtPosition';
 export * from './Editor';

package/esm/index.js

@@ -2,6 +2,7 @@ import MDEditor from './Editor';
 import * as commands from './commands';
 import * as MarkdownUtil from './utils/markdownUtils';
 export * from './commands';
+export * from './commands/group';
 export * from './utils/markdownUtils';
 export * from './utils/InsertTextAtPosition';
 export * from './Editor';

package/lib/Context.d.ts

@@ -23,9 +23,11 @@ export interface ContextStore {
     scrollTopPreview?: number;
     tabSize?: number;
     defaultTabEnable?: boolean;
+    [key: string]: any;
 }
 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;

package/lib/commands/index.d.ts

@@ -30,6 +30,7 @@ export interface ICommandChildHandle<T = string> extends ICommandBase<T> {
         execute: () => void;
         getState?: TextAreaCommandOrchestrator['getState'];
         textApi?: TextAreaTextApi;
+        dispatch?: React.Dispatch<ContextStore>;
     }) => React.ReactElement;
 }
 export interface ICommandChildCommands<T = string> extends ICommandBase<T> {

package/lib/commands/index.js

@@ -267,6 +267,7 @@ var TextAreaCommandOrchestrator = /*#__PURE__*/function () {
   }, {
     key: "executeCommand",
     value: function executeCommand(command, dispatch, state, shortcuts) {
+      console.log('state:', state);
       command.execute && command.execute((0, _objectSpread2["default"])({
         command: command
       }, getStateFromTextArea(this.textArea)), this.textApi, dispatch, state, shortcuts);

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

@@ -2,4 +2,4 @@ import React from 'react';
 import { IProps } from '../../Editor';
 export interface MarkdownProps extends IProps, React.HTMLAttributes<HTMLPreElement> {
 }
-export default function Markdown(props: MarkdownProps): JSX.Element;
+export default function Markdown(props: MarkdownProps): import("react/jsx-runtime").JSX.Element;

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

@@ -3,4 +3,4 @@ import { IProps } from '../../Editor';
 import './index.less';
 export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'>, IProps {
 }
-export default function Textarea(props: TextAreaProps): JSX.Element;
+export default function Textarea(props: TextAreaProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/TextArea/Textarea.js

@@ -15,7 +15,8 @@ var _commands = require("../../commands");
 var _handleKeyDown = _interopRequireDefault(require("./handleKeyDown"));
 var _shortcuts = _interopRequireDefault(require("./shortcuts"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["prefixCls", "onChange"];
+var _excluded = ["prefixCls", "onChange"],
+  _excluded2 = ["markdown", "commands", "fullscreen", "preview", "highlightEnable", "extraCommands", "tabSize", "defaultTabEnable", "dispatch"];
 function Textarea(props) {
   var prefixCls = props.prefixCls,
     _onChange = props.onChange,
@@ -29,7 +30,8 @@ function Textarea(props) {
     extraCommands = _useContext.extraCommands,
     tabSize = _useContext.tabSize,
     defaultTabEnable = _useContext.defaultTabEnable,
-    dispatch = _useContext.dispatch;
+    dispatch = _useContext.dispatch,
+    otherStore = (0, _objectWithoutProperties2["default"])(_useContext, _excluded2);
   var textRef = _react["default"].useRef(null);
   var executeRef = _react["default"].useRef();
   var statesRef = _react["default"].useRef({
@@ -56,6 +58,7 @@ function Textarea(props) {
   }, []);
   var onKeyDown = function onKeyDown(e) {
     (0, _handleKeyDown["default"])(e, tabSize, defaultTabEnable);
+    console.log('otherStore:', otherStore);
     (0, _shortcuts["default"])(e, [].concat((0, _toConsumableArray2["default"])(commands || []), (0, _toConsumableArray2["default"])(extraCommands || [])), executeRef.current, dispatch, statesRef.current);
   };
   (0, _react.useEffect)(function () {

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

@@ -23,5 +23,5 @@ export type TextAreaRef = {
     text?: HTMLTextAreaElement;
     warp?: HTMLDivElement;
 };
-export default function TextArea(props: ITextAreaProps): JSX.Element;
+export default function TextArea(props: ITextAreaProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,4 +5,4 @@ export type ChildProps = IToolbarProps & {
     children?: JSX.Element;
     groupName?: string;
 };
-export default function Child(props: ChildProps): JSX.Element;
+export default function Child(props: ChildProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IProps } from '../../Editor';
 import { ICommand } from '../../commands';
 import './index.less';
@@ -9,5 +8,5 @@ export interface IToolbarProps extends IProps {
     commands?: ICommand<string>[];
     isChild?: boolean;
 }
-export declare function ToolbarItems(props: IToolbarProps): JSX.Element;
-export default function Toolbar(props?: IToolbarProps): JSX.Element;
+export declare function ToolbarItems(props: IToolbarProps): import("react/jsx-runtime").JSX.Element;
+export default function Toolbar(props?: IToolbarProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/Toolbar/index.js

@@ -89,7 +89,8 @@ function ToolbarItems(props) {
           return handleClick({
             execute: item.execute
           });
-        }
+        },
+        dispatch: dispatch
       }) : undefined;
       var disabled = barPopup && preview && preview === 'preview' && !/(preview|fullscreen)/.test(item.keyCommand);
       var render = (components === null || components === void 0 ? void 0 : components.toolbar) || item.render;

package/lib/index.d.ts

@@ -2,6 +2,7 @@ import MDEditor from './Editor';
 import * as commands from './commands';
 import * as MarkdownUtil from './utils/markdownUtils';
 export * from './commands';
+export * from './commands/group';
 export * from './utils/markdownUtils';
 export * from './utils/InsertTextAtPosition';
 export * from './Editor';

package/lib/index.js

@@ -47,6 +47,18 @@ Object.keys(MarkdownUtil).forEach(function (key) {
     }
   });
 });
+var _group = require("./commands/group");
+Object.keys(_group).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _group[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _group[key];
+    }
+  });
+});
 var _InsertTextAtPosition = require("./utils/InsertTextAtPosition");
 Object.keys(_InsertTextAtPosition).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-md-editor",
-  "version": "3.20.10",
+  "version": "3.21.0",
   "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/Context.tsx

@@ -25,6 +25,7 @@ export interface ContextStore {
   scrollTopPreview?: number;
   tabSize?: number;
   defaultTabEnable?: boolean;
+  [key: string]: any;
 }
 
 export type ExecuteCommandState = Pick<ContextStore, 'fullscreen' | 'preview' | 'highlightEnable'>;

package/src/commands/index.ts

@@ -33,6 +33,7 @@ export interface ICommandChildHandle<T = string> extends ICommandBase<T> {
     execute: () => void;
     getState?: TextAreaCommandOrchestrator['getState'];
     textApi?: TextAreaTextApi;
+    dispatch?: React.Dispatch<ContextStore>;
   }) => React.ReactElement;
 }
 
@@ -166,6 +167,7 @@ class TextAreaCommandOrchestrator implements CommandOrchestrator {
     state?: ExecuteCommandState,
     shortcuts?: string[],
   ): void {
+    console.log('state:', state);
     command.execute &&
       command.execute({ command, ...getStateFromTextArea(this.textArea) }, this.textApi, dispatch, state, shortcuts);
   }

package/src/components/TextArea/Textarea.tsx

@@ -20,6 +20,7 @@ export default function Textarea(props: TextAreaProps) {
     tabSize,
     defaultTabEnable,
     dispatch,
+    ...otherStore
   } = useContext(EditorContext);
   const textRef = React.useRef<HTMLTextAreaElement>(null);
   const executeRef = React.useRef<TextAreaCommandOrchestrator>();
@@ -40,6 +41,7 @@ export default function Textarea(props: TextAreaProps) {
 
   const onKeyDown = (e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>) => {
     handleKeyDown(e, tabSize, defaultTabEnable);
+    console.log('otherStore:', otherStore);
     shortcuts(e, [...(commands || []), ...(extraCommands || [])], executeRef.current, dispatch, statesRef.current);
   };
   useEffect(() => {

package/src/components/Toolbar/index.tsx

@@ -79,6 +79,7 @@ export function ToolbarItems(props: IToolbarProps) {
                 textApi: commandOrchestrator ? commandOrchestrator!.textApi : undefined,
                 close: () => handleClick({}, item.groupName),
                 execute: () => handleClick({ execute: item.execute }),
+                dispatch,
               })
             : undefined;
         const disabled = barPopup && preview && preview === 'preview' && !/(preview|fullscreen)/.test(item.keyCommand);

package/src/index.tsx

@@ -3,6 +3,7 @@ import * as commands from './commands';
 import * as MarkdownUtil from './utils/markdownUtils';
 
 export * from './commands';
+export * from './commands/group';
 export * from './utils/markdownUtils';
 export * from './utils/InsertTextAtPosition';
 export * from './Editor';