@uiw/react-md-editor 4.0.11 → 4.1.0

package/lib/components/TextArea/index.js

@@ -1,106 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = TextArea;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _Context = require("../../Context");
-var _shortcuts = _interopRequireDefault(require("./shortcuts"));
+exports["default"] = void 0;
 var _Markdown = _interopRequireDefault(require("./Markdown"));
-var _Textarea = _interopRequireDefault(require("./Textarea"));
-var _commands = require("../../commands/");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["prefixCls", "className", "onScroll", "renderTextarea"];
-function TextArea(props) {
-  var _ref = props || {},
-    prefixCls = _ref.prefixCls,
-    className = _ref.className,
-    onScroll = _ref.onScroll,
-    renderTextarea = _ref.renderTextarea,
-    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_Context.EditorContext),
-    markdown = _useContext.markdown,
-    scrollTop = _useContext.scrollTop,
-    commands = _useContext.commands,
-    minHeight = _useContext.minHeight,
-    highlightEnable = _useContext.highlightEnable,
-    extraCommands = _useContext.extraCommands,
-    dispatch = _useContext.dispatch;
-  var textRef = _react["default"].useRef(null);
-  var executeRef = _react["default"].useRef();
-  var warp = /*#__PURE__*/_react["default"].createRef();
-  (0, _react.useEffect)(function () {
-    var state = {};
-    if (warp.current) {
-      state.textareaWarp = warp.current || undefined;
-      warp.current.scrollTop = scrollTop || 0;
-    }
-    if (dispatch) {
-      dispatch((0, _objectSpread2["default"])({}, state));
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  (0, _react.useEffect)(function () {
-    if (textRef.current && dispatch) {
-      var commandOrchestrator = new _commands.TextAreaCommandOrchestrator(textRef.current);
-      executeRef.current = commandOrchestrator;
-      dispatch({
-        textarea: textRef.current,
-        commandOrchestrator: commandOrchestrator
-      });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  var textStyle = highlightEnable ? {} : {
-    WebkitTextFillColor: 'initial',
-    overflow: 'auto'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ref: warp,
-    className: "".concat(prefixCls, "-area ").concat(className || ''),
-    onScroll: onScroll,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "".concat(prefixCls, "-text"),
-      style: {
-        minHeight: minHeight
-      },
-      children: renderTextarea ? (/*#__PURE__*/_react["default"].cloneElement(renderTextarea((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
-        value: markdown,
-        autoComplete: 'off',
-        autoCorrect: 'off',
-        spellCheck: 'false',
-        autoCapitalize: 'off',
-        className: "".concat(prefixCls, "-text-input"),
-        style: {
-          WebkitTextFillColor: 'inherit',
-          overflow: 'auto'
-        }
-      }), {
-        dispatch: dispatch,
-        onChange: otherProps.onChange,
-        shortcuts: _shortcuts["default"],
-        useContext: {
-          commands: commands,
-          extraCommands: extraCommands,
-          commandOrchestrator: executeRef.current
-        }
-      }), {
-        ref: textRef
-      })) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-        children: [highlightEnable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Markdown["default"], {
-          prefixCls: prefixCls
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Textarea["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-          prefixCls: prefixCls
-        }, otherProps), {}, {
-          style: textStyle
-        }))]
-      })
-    })
-  });
-}
+var _factory = require("./factory");
+var _default = exports["default"] = (0, _factory.createTextArea)({
+  Markdown: _Markdown["default"],
+  useMinHeight: true
+});
 module.exports = exports.default;

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

@@ -1,27 +1,3 @@
-import React, { JSX } from 'react';
-import { type ContextStore, ExecuteCommandState } from '../../Context';
-import { TextAreaProps } from './Textarea';
-import { type IProps } from '../../Types';
-import { TextAreaCommandOrchestrator, type ICommand } from '../../commands/';
-import './index.less';
-type RenderTextareaHandle = {
-    dispatch: ContextStore['dispatch'];
-    onChange?: TextAreaProps['onChange'];
-    useContext?: {
-        commands: ContextStore['commands'];
-        extraCommands: ContextStore['extraCommands'];
-        commandOrchestrator?: TextAreaCommandOrchestrator;
-    };
-    shortcuts?: (e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands: ICommand[], commandOrchestrator?: TextAreaCommandOrchestrator, dispatch?: React.Dispatch<ContextStore>, state?: ExecuteCommandState) => void;
-};
-export interface ITextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onScroll'>, IProps {
-    value?: string;
-    onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
-    renderTextarea?: (props: React.TextareaHTMLAttributes<HTMLTextAreaElement> | React.HTMLAttributes<HTMLDivElement>, opts: RenderTextareaHandle) => JSX.Element;
-}
-export type TextAreaRef = {
-    text?: HTMLTextAreaElement;
-    warp?: HTMLDivElement;
-};
-export default function TextArea(props: ITextAreaProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export type { ITextAreaProps, RenderTextareaHandle, TextAreaRef } from './factory';
+declare const _default: (props: import("./factory").ITextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

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

@@ -1,98 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = TextArea;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _Context = require("../../Context");
-var _shortcuts = _interopRequireDefault(require("./shortcuts"));
-var _Textarea = _interopRequireDefault(require("./Textarea"));
-var _commands = require("../../commands/");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["prefixCls", "className", "onScroll", "renderTextarea"];
-function TextArea(props) {
-  var _ref = props || {},
-    prefixCls = _ref.prefixCls,
-    className = _ref.className,
-    onScroll = _ref.onScroll,
-    renderTextarea = _ref.renderTextarea,
-    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_Context.EditorContext),
-    markdown = _useContext.markdown,
-    scrollTop = _useContext.scrollTop,
-    commands = _useContext.commands,
-    extraCommands = _useContext.extraCommands,
-    dispatch = _useContext.dispatch;
-  var textRef = _react["default"].useRef(null);
-  var executeRef = _react["default"].useRef();
-  var warp = /*#__PURE__*/_react["default"].createRef();
-  (0, _react.useEffect)(function () {
-    var state = {};
-    if (warp.current) {
-      state.textareaWarp = warp.current || undefined;
-      warp.current.scrollTop = scrollTop || 0;
-    }
-    if (dispatch) {
-      dispatch((0, _objectSpread2["default"])({}, state));
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  (0, _react.useEffect)(function () {
-    if (textRef.current && dispatch) {
-      var commandOrchestrator = new _commands.TextAreaCommandOrchestrator(textRef.current);
-      executeRef.current = commandOrchestrator;
-      dispatch({
-        textarea: textRef.current,
-        commandOrchestrator: commandOrchestrator
-      });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  var textStyle = {
-    WebkitTextFillColor: 'initial',
-    overflow: 'auto'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ref: warp,
-    className: "".concat(prefixCls, "-area ").concat(className || ''),
-    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), {}, {
-        value: markdown,
-        autoComplete: 'off',
-        autoCorrect: 'off',
-        spellCheck: 'false',
-        autoCapitalize: 'off',
-        className: "".concat(prefixCls, "-text-input"),
-        style: {
-          WebkitTextFillColor: 'inherit',
-          overflow: 'auto'
-        }
-      }), {
-        dispatch: dispatch,
-        onChange: otherProps.onChange,
-        shortcuts: _shortcuts["default"],
-        useContext: {
-          commands: commands,
-          extraCommands: extraCommands,
-          commandOrchestrator: executeRef.current
-        }
-      }), {
-        ref: textRef
-      })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Textarea["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-          prefixCls: prefixCls
-        }, otherProps), {}, {
-          style: textStyle
-        }))
-      })
-    })
-  });
-}
+exports["default"] = void 0;
+var _factory = require("./factory");
+var _default = exports["default"] = (0, _factory.createTextArea)();
 module.exports = exports.default;

package/lib/index.common.d.ts

@@ -0,0 +1,16 @@
+import MDEditor from './Editor.common';
+import * as commands from './commands/';
+import * as MarkdownUtil from './utils/markdownUtils';
+import './index.less';
+export { headingExecute } from './commands/title';
+export * from './commands/';
+export * from './commands/group';
+export * from './utils/markdownUtils';
+export * from './utils/InsertTextAtPosition';
+export * from './Editor.common';
+export * from './Context';
+export * from './Types';
+export { default as handleKeyDown } from './components/TextArea/handleKeyDown';
+export { default as shortcuts } from './components/TextArea/shortcuts';
+export { MarkdownUtil, commands };
+export default MDEditor;

package/lib/index.common.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  commands: true,
+  MarkdownUtil: true,
+  headingExecute: true,
+  handleKeyDown: true,
+  shortcuts: true
+};
+exports["default"] = exports.commands = exports.MarkdownUtil = void 0;
+Object.defineProperty(exports, "handleKeyDown", {
+  enumerable: true,
+  get: function get() {
+    return _handleKeyDown["default"];
+  }
+});
+Object.defineProperty(exports, "headingExecute", {
+  enumerable: true,
+  get: function get() {
+    return _title.headingExecute;
+  }
+});
+Object.defineProperty(exports, "shortcuts", {
+  enumerable: true,
+  get: function get() {
+    return _shortcuts["default"];
+  }
+});
+var _Editor = _interopRequireWildcard(require("./Editor.common"));
+Object.keys(_Editor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Editor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Editor[key];
+    }
+  });
+});
+var commands = _interopRequireWildcard(require("./commands/"));
+exports.commands = commands;
+Object.keys(commands).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === commands[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return commands[key];
+    }
+  });
+});
+var MarkdownUtil = _interopRequireWildcard(require("./utils/markdownUtils"));
+exports.MarkdownUtil = MarkdownUtil;
+Object.keys(MarkdownUtil).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === MarkdownUtil[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return MarkdownUtil[key];
+    }
+  });
+});
+var _title = require("./commands/title");
+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;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _InsertTextAtPosition[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InsertTextAtPosition[key];
+    }
+  });
+});
+var _Context = require("./Context");
+Object.keys(_Context).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Context[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Context[key];
+    }
+  });
+});
+var _Types = require("./Types");
+Object.keys(_Types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Types[key];
+    }
+  });
+});
+var _handleKeyDown = _interopRequireDefault(require("./components/TextArea/handleKeyDown"));
+var _shortcuts = _interopRequireDefault(require("./components/TextArea/shortcuts"));
+var _default = exports["default"] = _Editor["default"];

package/lib/react-markdown-preview.common.d.ts

@@ -0,0 +1,4 @@
+declare module '@uiw/react-markdown-preview/common' {
+  export { default } from '@uiw/react-markdown-preview/nohighlight';
+  export * from '@uiw/react-markdown-preview/nohighlight';
+}

package/markdown-editor.css

@@ -271,7 +271,6 @@
   text-align: right !important;
 }
 .w-md-editor-toolbar {
-  height: -webkit-fit-content;
   height: fit-content;
 }
 .w-md-editor-content {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-md-editor",
-  "version": "4.0.11",
+  "version": "4.1.0",
   "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",
@@ -16,6 +16,11 @@
       "types": "./lib/index.d.ts",
       "require": "./lib/index.js"
     },
+    "./common": {
+      "import": "./esm/index.common.js",
+      "types": "./lib/index.common.d.ts",
+      "require": "./lib/index.common.js"
+    },
     "./nohighlight": {
       "import": "./esm/index.nohighlight.js",
       "types": "./lib/index.nohighlight.d.ts",
@@ -41,6 +46,7 @@
   },
   "files": [
     "markdown-editor.css",
+    "common.d.ts",
     "nohighlight.d.ts",
     "commands.d.ts",
     "commands-cn.d.ts",
@@ -56,7 +62,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.14.6",
-    "@uiw/react-markdown-preview": "^5.0.6",
+    "@uiw/react-markdown-preview": "^5.2.0",
     "rehype": "~13.0.0",
     "rehype-prism-plus": "~2.0.0"
   },

package/src/Editor.common.tsx

@@ -0,0 +1,7 @@
+import MarkdownPreview from '@uiw/react-markdown-preview/common';
+import TextArea from './components/TextArea/index.common';
+import { createMDEditor } from './Editor.factory';
+
+export type { RefMDEditor } from './Editor.factory';
+
+export default createMDEditor({ MarkdownPreview, TextArea });