@uiw/react-md-editor 4.1.0 → 4.1.1

package/esm/Editor.factory.js

@@ -17,64 +17,79 @@ function setGroupPopFalse(data) {
   return data;
 }
 export function createMDEditor(options) {
-  var {
-    MarkdownPreview,
-    TextArea
-  } = options;
+  var MarkdownPreview = options.MarkdownPreview,
+    TextArea = options.TextArea;
   var PreviewComponent = MarkdownPreview;
   var TextAreaComponent = TextArea;
   var InternalMDEditor = /*#__PURE__*/React.forwardRef((props, ref) => {
     var _ref = props || {},
-      {
-        prefixCls = 'w-md-editor',
-        className,
-        value: propsValue,
-        commands = getCommands(),
-        commandsFilter,
-        direction,
-        extraCommands = getExtraCommands(),
-        height = 200,
-        enableScroll = true,
-        visibleDragbar = typeof props.visiableDragbar === 'boolean' ? props.visiableDragbar : true,
-        highlightEnable = true,
-        preview: previewType = 'live',
-        fullscreen = false,
-        overflow = true,
-        previewOptions = {},
-        textareaProps,
-        maxHeight = 1200,
-        minHeight = 100,
-        autoFocus,
-        autoFocusEnd = false,
-        tabSize = 2,
-        defaultTabEnable = false,
-        onChange,
-        onStatistics,
-        onHeightChange,
-        hideToolbar,
-        toolbarBottom = false,
-        components,
-        renderTextarea
-      } = _ref,
+      _ref$prefixCls = _ref.prefixCls,
+      prefixCls = _ref$prefixCls === void 0 ? 'w-md-editor' : _ref$prefixCls,
+      className = _ref.className,
+      propsValue = _ref.value,
+      _ref$commands = _ref.commands,
+      commands = _ref$commands === void 0 ? getCommands() : _ref$commands,
+      commandsFilter = _ref.commandsFilter,
+      direction = _ref.direction,
+      _ref$extraCommands = _ref.extraCommands,
+      extraCommands = _ref$extraCommands === void 0 ? getExtraCommands() : _ref$extraCommands,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? 200 : _ref$height,
+      _ref$enableScroll = _ref.enableScroll,
+      enableScroll = _ref$enableScroll === void 0 ? true : _ref$enableScroll,
+      _ref$visibleDragbar = _ref.visibleDragbar,
+      visibleDragbar = _ref$visibleDragbar === void 0 ? typeof props.visiableDragbar === 'boolean' ? props.visiableDragbar : true : _ref$visibleDragbar,
+      _ref$highlightEnable = _ref.highlightEnable,
+      highlightEnable = _ref$highlightEnable === void 0 ? true : _ref$highlightEnable,
+      _ref$preview = _ref.preview,
+      previewType = _ref$preview === void 0 ? 'live' : _ref$preview,
+      _ref$fullscreen = _ref.fullscreen,
+      fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen,
+      _ref$overflow = _ref.overflow,
+      overflow = _ref$overflow === void 0 ? true : _ref$overflow,
+      _ref$previewOptions = _ref.previewOptions,
+      previewOptions = _ref$previewOptions === void 0 ? {} : _ref$previewOptions,
+      textareaProps = _ref.textareaProps,
+      _ref$maxHeight = _ref.maxHeight,
+      maxHeight = _ref$maxHeight === void 0 ? 1200 : _ref$maxHeight,
+      _ref$minHeight = _ref.minHeight,
+      minHeight = _ref$minHeight === void 0 ? 100 : _ref$minHeight,
+      autoFocus = _ref.autoFocus,
+      _ref$autoFocusEnd = _ref.autoFocusEnd,
+      autoFocusEnd = _ref$autoFocusEnd === void 0 ? false : _ref$autoFocusEnd,
+      _ref$tabSize = _ref.tabSize,
+      tabSize = _ref$tabSize === void 0 ? 2 : _ref$tabSize,
+      _ref$defaultTabEnable = _ref.defaultTabEnable,
+      defaultTabEnable = _ref$defaultTabEnable === void 0 ? false : _ref$defaultTabEnable,
+      onChange = _ref.onChange,
+      onStatistics = _ref.onStatistics,
+      onHeightChange = _ref.onHeightChange,
+      hideToolbar = _ref.hideToolbar,
+      _ref$toolbarBottom = _ref.toolbarBottom,
+      toolbarBottom = _ref$toolbarBottom === void 0 ? false : _ref$toolbarBottom,
+      components = _ref.components,
+      renderTextarea = _ref.renderTextarea,
       other = _objectWithoutPropertiesLoose(_ref, _excluded);
     var cmds = commands.map(item => commandsFilter ? commandsFilter(item, false) : item).filter(Boolean);
     var extraCmds = extraCommands.map(item => commandsFilter ? commandsFilter(item, true) : item).filter(Boolean);
-    var [state, dispatch] = useReducer(reducer, {
-      markdown: propsValue,
-      preview: previewType,
-      components,
-      height,
-      minHeight,
-      highlightEnable,
-      tabSize,
-      defaultTabEnable,
-      scrollTop: 0,
-      scrollTopPreview: 0,
-      commands: cmds,
-      extraCommands: extraCmds,
-      fullscreen,
-      barPopup: {}
-    });
+    var _useReducer = useReducer(reducer, {
+        markdown: propsValue,
+        preview: previewType,
+        components,
+        height,
+        minHeight,
+        highlightEnable,
+        tabSize,
+        defaultTabEnable,
+        scrollTop: 0,
+        scrollTopPreview: 0,
+        commands: cmds,
+        extraCommands: extraCmds,
+        fullscreen,
+        barPopup: {}
+      }),
+      state = _useReducer[0],
+      dispatch = _useReducer[1];
     var container = useRef(null);
     var previewRef = useRef(null);
     var enableScrollRef = useRef(enableScroll);

package/esm/commands/list.js

@@ -12,10 +12,9 @@ export var makeList = (state, api, insertBefore) => {
   var breaksBefore = Array(breaksBeforeCount + 1).join('\n');
   var breaksAfterCount = getBreaksNeededForEmptyLineAfter(state1.text, state1.selection.end);
   var breaksAfter = Array(breaksAfterCount + 1).join('\n');
-  var {
-    modifiedText,
-    insertionLength
-  } = insertBeforeEachLine(state1.selectedText, insertBefore);
+  var _insertBeforeEachLine = insertBeforeEachLine(state1.selectedText, insertBefore),
+    modifiedText = _insertBeforeEachLine.modifiedText,
+    insertionLength = _insertBeforeEachLine.insertionLength;
   if (insertionLength < 0) {
     // Remove
     var selectionStart = state1.selection.start;

package/esm/commands/title.js

@@ -4,12 +4,11 @@ import { heading1 } from "./title1.js";
 import { selectLine, executeCommand } from "../utils/markdownUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function headingExecute(_ref) {
-  var {
-    state,
-    api,
-    prefix,
-    suffix = prefix
-  } = _ref;
+  var state = _ref.state,
+    api = _ref.api,
+    prefix = _ref.prefix,
+    _ref$suffix = _ref.suffix,
+    suffix = _ref$suffix === void 0 ? prefix : _ref$suffix;
   var newSelectionRange = selectLine({
     text: state.text,
     selection: state.selection

package/esm/components/DragBar/index.js

@@ -2,10 +2,9 @@ import React, { useEffect, useMemo, useRef } from 'react';
 import "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 var DragBar = props => {
-  var {
-    prefixCls,
-    onChange
-  } = props || {};
+  var _ref = props || {},
+    prefixCls = _ref.prefixCls,
+    onChange = _ref.onChange;
   var $dom = useRef(null);
   var dragRef = useRef();
   var heightRef = useRef(props.height);

package/esm/components/TextArea/Markdown.common.js

@@ -14,14 +14,12 @@ function html2Escape(sHtml) {
   })[c]);
 }
 export default function Markdown(props) {
-  var {
-    prefixCls
-  } = props;
-  var {
-    markdown = '',
-    highlightEnable,
-    dispatch
-  } = useContext(EditorContext);
+  var prefixCls = props.prefixCls;
+  var _useContext = useContext(EditorContext),
+    _useContext$markdown = _useContext.markdown,
+    markdown = _useContext$markdown === void 0 ? '' : _useContext$markdown,
+    highlightEnable = _useContext.highlightEnable,
+    dispatch = _useContext.dispatch;
   var preRef = /*#__PURE__*/React.createRef();
   useEffect(() => {
     if (preRef.current && dispatch) {

package/esm/components/TextArea/Markdown.js

@@ -21,14 +21,12 @@ function html2Escape(sHtml) {
   })[c]);
 }
 export default function Markdown(props) {
-  var {
-    prefixCls
-  } = props;
-  var {
-    markdown = '',
-    highlightEnable,
-    dispatch
-  } = useContext(EditorContext);
+  var prefixCls = props.prefixCls;
+  var _useContext = useContext(EditorContext),
+    _useContext$markdown = _useContext.markdown,
+    markdown = _useContext$markdown === void 0 ? '' : _useContext$markdown,
+    highlightEnable = _useContext.highlightEnable,
+    dispatch = _useContext.dispatch;
   var preRef = /*#__PURE__*/React.createRef();
   useEffect(() => {
     if (preRef.current && dispatch) {

package/esm/components/TextArea/Textarea.js

@@ -10,25 +10,21 @@ import shortcuts from "./shortcuts.js";
 import "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function Textarea(props) {
-  var {
-      prefixCls,
-      onChange: _onChange
-    } = props,
+  var prefixCls = props.prefixCls,
+    _onChange = props.onChange,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   var _useContext = useContext(EditorContext),
-    {
-      markdown,
-      commands,
-      fullscreen,
-      preview,
-      highlightEnable,
-      extraCommands,
-      tabSize,
-      defaultTabEnable,
-      autoFocusEnd,
-      textareaWarp,
-      dispatch
-    } = _useContext,
+    markdown = _useContext.markdown,
+    commands = _useContext.commands,
+    fullscreen = _useContext.fullscreen,
+    preview = _useContext.preview,
+    highlightEnable = _useContext.highlightEnable,
+    extraCommands = _useContext.extraCommands,
+    tabSize = _useContext.tabSize,
+    defaultTabEnable = _useContext.defaultTabEnable,
+    autoFocusEnd = _useContext.autoFocusEnd,
+    textareaWarp = _useContext.textareaWarp,
+    dispatch = _useContext.dispatch,
     otherStore = _objectWithoutPropertiesLoose(_useContext, _excluded2);
   var textRef = React.useRef(null);
   var executeRef = React.useRef();

package/esm/components/TextArea/factory.js

@@ -14,22 +14,19 @@ export function createTextArea(options) {
   var useMinHeight = (_options$useMinHeight = options == null ? void 0 : options.useMinHeight) != null ? _options$useMinHeight : false;
   return function TextArea(props) {
     var _ref = props || {},
-      {
-        prefixCls,
-        className,
-        onScroll,
-        renderTextarea
-      } = _ref,
+      prefixCls = _ref.prefixCls,
+      className = _ref.className,
+      onScroll = _ref.onScroll,
+      renderTextarea = _ref.renderTextarea,
       otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-    var {
-      markdown,
-      scrollTop,
-      commands,
-      minHeight,
-      highlightEnable,
-      extraCommands,
-      dispatch
-    } = useContext(EditorContext);
+    var _useContext = useContext(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.useRef(null);
     var executeRef = React.useRef();
     var warp = /*#__PURE__*/React.createRef();

package/esm/components/Toolbar/Child.js

@@ -5,15 +5,14 @@ import Toolbar from "./index.js";
 import { EditorContext } from "../../Context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function Child(props) {
-  var {
-    prefixCls,
-    groupName,
-    commands,
-    children
-  } = props || {};
-  var {
-    barPopup = {}
-  } = useContext(EditorContext);
+  var _ref = props || {},
+    prefixCls = _ref.prefixCls,
+    groupName = _ref.groupName,
+    commands = _ref.commands,
+    children = _ref.children;
+  var _useContext = useContext(EditorContext),
+    _useContext$barPopup = _useContext.barPopup,
+    barPopup = _useContext$barPopup === void 0 ? {} : _useContext$barPopup;
   return useMemo(() => /*#__PURE__*/_jsx("div", {
     className: prefixCls + "-toolbar-child " + (groupName && barPopup[groupName] ? 'active' : ''),
     onClick: e => e.stopPropagation(),

package/esm/components/Toolbar/index.js

@@ -5,18 +5,16 @@ import Child from "./Child.js";
 import "./index.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ToolbarItems(props) {
-  var {
-    prefixCls,
-    overflow
-  } = props;
-  var {
-    fullscreen,
-    preview,
-    barPopup = {},
-    components,
-    commandOrchestrator,
-    dispatch
-  } = useContext(EditorContext);
+  var prefixCls = props.prefixCls,
+    overflow = props.overflow;
+  var _useContext = useContext(EditorContext),
+    fullscreen = _useContext.fullscreen,
+    preview = _useContext.preview,
+    _useContext$barPopup = _useContext.barPopup,
+    barPopup = _useContext$barPopup === void 0 ? {} : _useContext$barPopup,
+    components = _useContext.components,
+    commandOrchestrator = _useContext.commandOrchestrator,
+    dispatch = _useContext.dispatch;
   var originalOverflow = useRef('');
   function handleClick(command, name) {
     if (!dispatch) return;
@@ -110,15 +108,13 @@ export default function Toolbar(props) {
   if (props === void 0) {
     props = {};
   }
-  var {
-    prefixCls,
-    isChild,
-    className
-  } = props;
-  var {
-    commands,
-    extraCommands
-  } = useContext(EditorContext);
+  var _props = props,
+    prefixCls = _props.prefixCls,
+    isChild = _props.isChild,
+    className = _props.className;
+  var _useContext2 = useContext(EditorContext),
+    commands = _useContext2.commands,
+    extraCommands = _useContext2.extraCommands;
   return /*#__PURE__*/_jsxs("div", {
     className: prefixCls + "-toolbar " + className,
     children: [/*#__PURE__*/_jsx(ToolbarItems, _extends({}, props, {
@@ -129,13 +125,11 @@ export default function Toolbar(props) {
   });
 }
 export function ToolbarVisibility(props) {
-  var {
-    hideToolbar,
-    toolbarBottom,
-    placement,
-    overflow,
-    prefixCls
-  } = props;
+  var hideToolbar = props.hideToolbar,
+    toolbarBottom = props.toolbarBottom,
+    placement = props.placement,
+    overflow = props.overflow,
+    prefixCls = props.prefixCls;
   if (hideToolbar || placement === 'bottom' && !toolbarBottom || placement === 'top' && toolbarBottom) {
     return null;
   }

package/esm/index.css

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

package/esm/utils/markdownUtils.js

@@ -1,10 +1,9 @@
 export function selectWord(_ref) {
-  var {
-    text,
-    selection,
-    prefix,
-    suffix = prefix
-  } = _ref;
+  var text = _ref.text,
+    selection = _ref.selection,
+    prefix = _ref.prefix,
+    _ref$suffix = _ref.suffix,
+    suffix = _ref$suffix === void 0 ? prefix : _ref$suffix;
   var result = selection;
   if (text && text.length && selection.start === selection.end) {
     result = getSurroundingWord(text, selection.start);
@@ -21,10 +20,8 @@ export function selectWord(_ref) {
   return result;
 }
 export function selectLine(_ref2) {
-  var {
-    text,
-    selection
-  } = _ref2;
+  var text = _ref2.text,
+    selection = _ref2.selection;
   var start = text.slice(0, selection.start).lastIndexOf('\n') + 1;
   var end = text.slice(selection.end).indexOf('\n') + selection.end;
   if (end === selection.end - 1) {
@@ -133,13 +130,12 @@ export function getSurroundingWord(text, position) {
   };
 }
 export function executeCommand(_ref3) {
-  var {
-    api,
-    selectedText,
-    selection,
-    prefix,
-    suffix = prefix
-  } = _ref3;
+  var api = _ref3.api,
+    selectedText = _ref3.selectedText,
+    selection = _ref3.selection,
+    prefix = _ref3.prefix,
+    _ref3$suffix = _ref3.suffix,
+    suffix = _ref3$suffix === void 0 ? prefix : _ref3$suffix;
   if (selectedText.length >= prefix.length + suffix.length && selectedText.startsWith(prefix) && selectedText.endsWith(suffix)) {
     api.replaceSelection(selectedText.slice(prefix.length, suffix.length ? -suffix.length : undefined));
     api.setSelectionRange({

package/markdown-editor.css

@@ -271,6 +271,7 @@
   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.1.0",
+  "version": "4.1.1",
   "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",