@seafile/sdoc-editor 2.0.65 → 2.0.67

package/dist/basic-sdk/extension/toolbar/side-toolbar/index.js

@@ -7,20 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
-var _sideMenu = _interopRequireDefault(require("./side-menu"));
-var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-var _useScrollContext = require("../../../hooks/use-scroll-context");
-var _core = require("../../core");
-var _helpers = require("./helpers");
-var _helpers2 = require("../../plugins/image/helpers");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../../constants");
+var _useScrollContext = require("../../../hooks/use-scroll-context");
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants2 = require("../../constants");
+var _core = require("../../core");
 var _helper = require("../../plugins/callout/helper");
-var _event = require("./event");
+var _helpers = require("../../plugins/image/helpers");
 var _helper2 = require("../../plugins/multi-column/helper");
+var _event = require("./event");
+var _helpers2 = require("./helpers");
+var _sideMenu = _interopRequireDefault(require("./side-menu"));
 require("./index.css");
 let sourceElement = null;
 let targetElement = null;
@@ -96,9 +96,9 @@ const SideToolbar = () => {
         dom = dom.parentNode;
       }
       const node = _slateReact.ReactEditor.toSlateNode(editor, dom);
-      const isEmpty = (0, _helpers.isVoidNode)(node);
+      const isEmpty = _slate.Editor.isEmpty(editor, node);
       const containerDom = scrollRef.current;
-      const topValue = (0, _helpers.getTopValue)(editor, dom, containerDom, node);
+      const topValue = (0, _helpers2.getTopValue)(editor, dom, containerDom, node);
       if (topValue !== sidePosition.top) setIsMoving(true);
       let left = 20;
       if (editor.editorType === _constants.WIKI_EDITOR) {
@@ -112,7 +112,7 @@ const SideToolbar = () => {
       }
       const path = (0, _core.findPath)(editor, node);
       // Add side-tool-bar for paragraphs in multi_column
-      if (path.length > 2 && (0, _helpers.isInMultiColumnNode)(editor, node)) {
+      if (path.length > 2 && (0, _helpers2.isInMultiColumnNode)(editor, node)) {
         let domLeft;
         domLeft = document.querySelector(`[data-id="${dom.dataset.id}"]`) && document.querySelector(`[data-id="${dom.dataset.id}"]`).getBoundingClientRect().left;
         const parentNode = _slate.Editor.node(editor, path.slice(0, 3))[0];
@@ -158,7 +158,7 @@ const SideToolbar = () => {
     // Bond when selecting more than more list_items nodes
     const dom = e.target;
     const domTop = dom.getBoundingClientRect().top;
-    if ((0, _helpers.isListItem)(editor)) {
+    if ((0, _helpers2.isListItem)(editor)) {
       const {
         anchor,
         focus
@@ -206,7 +206,7 @@ const SideToolbar = () => {
     }
   }, [editor]);
   const onShowSideMenuToggle = (0, _react.useCallback)(() => {
-    (0, _helpers.setSelection)(editor, slateNode);
+    (0, _helpers2.setSelection)(editor, slateNode);
     const {
       top,
       left
@@ -223,7 +223,7 @@ const SideToolbar = () => {
     const noDrag = _slate.Path.equals(editor.selection.focus.path, editor.selection.anchor.path);
     if (showSelectedNodesRef.current && showSelectedNodesRef.current.length > 1 && !noDrag) {
       if (!draggedPreviewContainer.current) {
-        draggedPreviewContainer.current = (0, _helpers.createDragPreviewContainer)();
+        draggedPreviewContainer.current = (0, _helpers2.createDragPreviewContainer)();
       }
       draggedPreviewContainer.current.innerHTML = '';
       showSelectedNodesRef.current.forEach(_ref3 => {
@@ -250,7 +250,7 @@ const SideToolbar = () => {
     const path = _slateReact.ReactEditor.findPath(editor, slateNode);
 
     // Dragging the first element within the blockquote drags the entire blockquote by default.
-    if ((0, _helpers.isBlockquote)(editor, [path[0]]) && path.slice(1).every(p => p === 0)) {
+    if ((0, _helpers2.isBlockquote)(editor, [path[0]]) && path.slice(1).every(p => p === 0)) {
       const nodeEntry = _slate.Editor.node(editor, [path[0]]);
       sourceElement = _slateReact.ReactEditor.toDOMNode(editor, nodeEntry[0]);
     }
@@ -281,11 +281,11 @@ const SideToolbar = () => {
 
     // Drag local image files to sdoc
     if (event.dataTransfer.files.length > 0) {
-      const [, targetPath] = (0, _helpers.getNodeEntry)(editor, targetElement);
-      (0, _helpers2.insertImageFiles)(event.dataTransfer.files, editor, targetPath);
+      const [, targetPath] = (0, _helpers2.getNodeEntry)(editor, targetElement);
+      (0, _helpers.insertImageFiles)(event.dataTransfer.files, editor, targetPath);
       return;
     }
-    const [, targetPath] = (0, _helpers.getNodeEntry)(editor, targetElement);
+    const [, targetPath] = (0, _helpers2.getNodeEntry)(editor, targetElement);
     // Drag multiple list_items nodes
     if (draggedSourcePaths.current) {
       try {
@@ -300,34 +300,34 @@ const SideToolbar = () => {
         // Drag into list nods within blockquote, callout or multi_column block node
         if (topNode.type === _constants2.CALL_OUT && parentNode.type === _constants2.LIST_ITEM || topNode.type === _constants2.MULTI_COLUMN && parentNode.type === _constants2.LIST_ITEM) {
           currentTargetPath = _slate.Path.next(targetPath.slice(0, -1));
-          (0, _helpers.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
-          (0, _helpers.deleteNodesFromBack)(editor, sortedPaths);
+          (0, _helpers2.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
+          (0, _helpers2.deleteNodesFromBack)(editor, sortedPaths);
           return;
         }
         if (topNode.type === _constants2.BLOCKQUOTE && currentNode.type === _constants2.LIST_ITEM) {
-          (0, _helpers.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
-          (0, _helpers.deleteNodesFromBack)(editor, sortedPaths);
+          (0, _helpers2.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
+          (0, _helpers2.deleteNodesFromBack)(editor, sortedPaths);
           return;
         }
 
         // Drag into other element nodes rather than blockquote, callout or multi_column block node
         if (_slate.Path.isAfter(targetPath, sortedPaths[0])) {
           if (currentNode.type === _constants2.LIST_ITEM) {
-            (0, _helpers.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
+            (0, _helpers2.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
           } else {
             const listType = _slate.Editor.node(editor, [sortedPaths[0][0]])[0].type;
-            (0, _helpers.onWrapMultiListItemToNonListTypeTarget)(editor, targetPath, selectedNodesRef.current, listType);
+            (0, _helpers2.onWrapMultiListItemToNonListTypeTarget)(editor, targetPath, selectedNodesRef.current, listType);
           }
-          (0, _helpers.deleteNodesFromBack)(editor, sortedPaths);
+          (0, _helpers2.deleteNodesFromBack)(editor, sortedPaths);
           return;
         }
         if (_slate.Path.isBefore(targetPath, sortedPaths[0])) {
           const listType = _slate.Editor.node(editor, [sortedPaths[0][0]])[0].type;
-          (0, _helpers.deleteNodesFromBack)(editor, sortedPaths);
+          (0, _helpers2.deleteNodesFromBack)(editor, sortedPaths);
           if (currentNode.type === _constants2.LIST_ITEM) {
-            (0, _helpers.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
+            (0, _helpers2.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
           } else {
-            (0, _helpers.onWrapMultiListItemToNonListTypeTarget)(editor, targetPath, selectedNodesRef.current, listType);
+            (0, _helpers2.onWrapMultiListItemToNonListTypeTarget)(editor, targetPath, selectedNodesRef.current, listType);
           }
           return;
         }
@@ -339,14 +339,14 @@ const SideToolbar = () => {
         event.dataTransfer.clearData();
       }
     }
-    const [sourceNode, sourcePath] = (0, _helpers.getNodeEntry)(editor, sourceElement);
+    const [sourceNode, sourcePath] = (0, _helpers2.getNodeEntry)(editor, sourceElement);
     // Dragging into a quoteBlock is not supported
-    if ([_constants2.CODE_BLOCK, _constants2.TABLE, _constants2.BLOCKQUOTE].includes(sourceNode.type) && (0, _helpers.isBlockquote)(editor, [targetPath[0]]) && targetPath.length > 1) {
+    if ([_constants2.CODE_BLOCK, _constants2.TABLE, _constants2.BLOCKQUOTE].includes(sourceNode.type) && (0, _helpers2.isBlockquote)(editor, [targetPath[0]]) && targetPath.length > 1) {
       return;
     }
 
     // Dragging into a list is not supported
-    if ([_constants2.CODE_BLOCK, _constants2.TABLE, _constants2.BLOCKQUOTE, _constants2.CHECK_LIST_ITEM].includes(sourceNode.type) && (0, _helpers.isList)(editor, targetPath)) {
+    if ([_constants2.CODE_BLOCK, _constants2.TABLE, _constants2.BLOCKQUOTE, _constants2.CHECK_LIST_ITEM].includes(sourceNode.type) && (0, _helpers2.isList)(editor, targetPath)) {
       return;
     }
 
@@ -356,55 +356,55 @@ const SideToolbar = () => {
     }
 
     // Dragging multi_column's child into multi_column is not supported
-    const isInMultiColumn = (0, _helpers.isInMultiColumnNode)(editor, sourceNode);
-    if (isInMultiColumn && (0, _helpers.isMultiColumn)(editor, [targetPath[0]])) {
+    const isInMultiColumn = (0, _helpers2.isInMultiColumnNode)(editor, sourceNode);
+    if (isInMultiColumn && (0, _helpers2.isMultiColumn)(editor, [targetPath[0]])) {
       return;
     }
 
     // Drag list
-    if ((0, _helpers.isList)(editor, sourcePath)) {
+    if ((0, _helpers2.isList)(editor, sourcePath)) {
       // ordinary list items
-      if (!(0, _helpers.isBlockquote)(editor, [sourcePath[0]])) {
+      if (!(0, _helpers2.isBlockquote)(editor, [sourcePath[0]])) {
         // Drag ordinary list items to places other than list and quoteBlock
-        if (!(0, _helpers.isList)(editor, targetPath) && !(0, _helpers.isBlockquote)(editor, [targetPath[0]])) {
-          (0, _helpers.onWrapListItem)(editor, targetPath, sourcePath);
+        if (!(0, _helpers2.isList)(editor, targetPath) && !(0, _helpers2.isBlockquote)(editor, [targetPath[0]])) {
+          (0, _helpers2.onWrapListItem)(editor, targetPath, sourcePath);
           return;
         }
 
         // Drag ordinary list items into the quoteBlock
-        if ((0, _helpers.isBlockquote)(editor, [targetPath[0]])) {
+        if ((0, _helpers2.isBlockquote)(editor, [targetPath[0]])) {
           // Drag and drop ordinary list items onto the list within the quoteBlock
-          if ((0, _helpers.isList)(editor, targetPath)) {
+          if ((0, _helpers2.isList)(editor, targetPath)) {
             _slate.Transforms.moveNodes(editor, {
               at: sourcePath,
               to: _slate.Path.next(targetPath)
             });
             return;
           }
-          (0, _helpers.onWrapListItem)(editor, targetPath, sourcePath);
+          (0, _helpers2.onWrapListItem)(editor, targetPath, sourcePath);
           return;
         }
       }
 
       // quoteBlock list items
-      if ((0, _helpers.isBlockquote)(editor, [sourcePath[0]])) {
+      if ((0, _helpers2.isBlockquote)(editor, [sourcePath[0]])) {
         // Drag quoteBlock list items to places other than list and quoteBlock
-        if (!(0, _helpers.isList)(editor, targetPath) && !(0, _helpers.isBlockquote)(editor, [targetPath[0]])) {
-          (0, _helpers.onWrapListItem)(editor, targetPath, sourcePath);
+        if (!(0, _helpers2.isList)(editor, targetPath) && !(0, _helpers2.isBlockquote)(editor, [targetPath[0]])) {
+          (0, _helpers2.onWrapListItem)(editor, targetPath, sourcePath);
           return;
         }
 
         // Drag quoteBlock list items into the quoteBlock
-        if ((0, _helpers.isBlockquote)(editor, [targetPath[0]])) {
+        if ((0, _helpers2.isBlockquote)(editor, [targetPath[0]])) {
           // Drag and drop ordinary list items onto the list within the quoteBlock
-          if ((0, _helpers.isList)(editor, targetPath)) {
+          if ((0, _helpers2.isList)(editor, targetPath)) {
             _slate.Transforms.moveNodes(editor, {
               at: sourcePath,
               to: _slate.Path.next(targetPath)
             });
             return;
           }
-          (0, _helpers.onWrapListItem)(editor, targetPath, sourcePath);
+          (0, _helpers2.onWrapListItem)(editor, targetPath, sourcePath);
           return;
         }
       }
@@ -416,12 +416,12 @@ const SideToolbar = () => {
       // Dragging list
       if ([_constants2.ORDERED_LIST, _constants2.UNORDERED_LIST].includes(currentSourceNode.type)) {
         // Drag ordinary list items to places other than list and quoteBlock
-        if (!(0, _helpers.isList)(editor, targetPath) && !(0, _helpers.isBlockquote)(editor, [targetPath[0]])) {
-          (0, _helpers.onWrapListItemFromMultiColumn)(editor, targetPath, sourcePath);
+        if (!(0, _helpers2.isList)(editor, targetPath) && !(0, _helpers2.isBlockquote)(editor, [targetPath[0]])) {
+          (0, _helpers2.onWrapListItemFromMultiColumn)(editor, targetPath, sourcePath);
         }
 
         // Drag ordinary list items to list
-        if ((0, _helpers.isList)(editor, targetPath)) {
+        if ((0, _helpers2.isList)(editor, targetPath)) {
           _slate.Transforms.moveNodes(editor, {
             at: sourcePath.slice(0, 4),
             to: _slate.Path.next(targetPath)
@@ -429,15 +429,15 @@ const SideToolbar = () => {
         }
 
         // Drag ordinary list items into the quoteBlock
-        if ((0, _helpers.isBlockquote)(editor, [targetPath[0]])) {
+        if ((0, _helpers2.isBlockquote)(editor, [targetPath[0]])) {
           // Drag and drop ordinary list items onto the list within the quoteBlock
-          if ((0, _helpers.isList)(editor, targetPath)) {
+          if ((0, _helpers2.isList)(editor, targetPath)) {
             _slate.Transforms.moveNodes(editor, {
               at: sourcePath.slice(0, 4),
               to: _slate.Path.next(targetPath)
             });
           } else {
-            (0, _helpers.onWrapListItemFromMultiColumn)(editor, targetPath, sourcePath);
+            (0, _helpers2.onWrapListItemFromMultiColumn)(editor, targetPath, sourcePath);
           }
         }
       }
@@ -455,12 +455,12 @@ const SideToolbar = () => {
         let toPath = targetPath.slice(0);
 
         // Drag elements outside the quoteBlock into the quoteBlock
-        if (!(0, _helpers.isBlockquote)(editor, [sourcePath[0]]) && (0, _helpers.isBlockquote)(editor, [targetPath[0]]) && targetPath.length > 1) {
+        if (!(0, _helpers2.isBlockquote)(editor, [sourcePath[0]]) && (0, _helpers2.isBlockquote)(editor, [targetPath[0]]) && targetPath.length > 1) {
           toPath = _slate.Path.next(targetPath);
         }
 
         // Drag into list
-        if ((0, _helpers.isList)(editor, targetPath)) {
+        if ((0, _helpers2.isList)(editor, targetPath)) {
           toPath = _slate.Path.next(targetPath);
         }
         _slate.Transforms.moveNodes(editor, {

package/dist/basic-sdk/extension/toolbar/side-toolbar/insert-below-menu.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
-var _insertBlockMenu = _interopRequireDefault(require("./insert-block-menu"));
 var _constants = require("../../constants");
+var _insertBlockMenu = _interopRequireDefault(require("./insert-block-menu"));
 const InsertBelowMenu = _ref => {
   let {
     target,

package/dist/basic-sdk/extension/toolbar/side-toolbar/insert-block-menu.js

@@ -7,30 +7,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _slateReact = require("@seafile/slate-react");
-var _slate = require("@seafile/slate");
 var _reactI18next = require("react-i18next");
-var _helpers = require("./helpers");
-var _helpers2 = require("../../plugins/table/helpers");
-var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
-var _helpers3 = require("../../plugins/code-block/helpers");
-var _helpers4 = require("../../plugins/chart/helpers");
-var _transforms = require("../../plugins/list/transforms");
-var _helpers5 = require("../../plugins/check-list/helpers");
-var _constants = require("../../constants");
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _constants = require("../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-var _constants2 = require("../../../constants");
 var _dropdownMenuItem = _interopRequireDefault(require("../../commons/dropdown-menu-item"));
-var _menu = _interopRequireDefault(require("../../plugins/seatable-column/menu"));
-var _menu2 = _interopRequireDefault(require("../../plugins/seatable-tables/menu"));
+var _constants2 = require("../../constants");
 var _helper = require("../../plugins/callout/helper");
+var _helpers = require("../../plugins/check-list/helpers");
+var _helpers2 = require("../../plugins/code-block/helpers");
+var _transforms = require("../../plugins/list/transforms");
 var _helper2 = require("../../plugins/multi-column/helper");
+var _helpers3 = require("../../plugins/table/helpers");
+var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
+var _helpers4 = require("./helpers");
 const InsertBlockMenu = _ref => {
   let {
-    insertPosition = _constants.INSERT_POSITION.CURRENT,
+    insertPosition = _constants2.INSERT_POSITION.CURRENT,
     slateNode,
     isNodeEmpty,
-    insertMenuSearchMap = _constants.SIDE_INSERT_MENUS_SEARCH_MAP
+    insertMenuSearchMap = _constants2.SIDE_INSERT_MENUS_SEARCH_MAP
   } = _ref;
   const editor = (0, _slateReact.useSlateStatic)();
   const {
@@ -38,11 +35,11 @@ const InsertBlockMenu = _ref => {
   } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const onInsertImageToggle = (0, _react.useCallback)(() => {
     const eventBus = _eventBus.default.getInstance();
-    if (insertPosition === _constants.INSERT_POSITION.CURRENT) {
+    if (insertPosition === _constants2.INSERT_POSITION.CURRENT) {
       _slate.Transforms.select(editor, editor.selection.focus);
     }
-    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: _constants.LOCAL_IMAGE,
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.LOCAL_IMAGE,
       insertPosition,
       slateNode
     });
@@ -51,40 +48,42 @@ const InsertBlockMenu = _ref => {
   }, [editor, insertPosition]);
   const onInsertVideoToggle = (0, _react.useCallback)(() => {
     const eventBus = _eventBus.default.getInstance();
-    if (insertPosition === _constants.INSERT_POSITION.CURRENT) {
+    if (insertPosition === _constants2.INSERT_POSITION.CURRENT) {
       _slate.Transforms.select(editor, editor.selection.focus);
     }
-    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: _constants.LOCAL_VIDEO,
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.LOCAL_VIDEO,
       insertPosition,
       slateNode
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition]);
   const createTable = (0, _react.useCallback)(size => {
-    const newInsertPosition = slateNode.type === _constants.ELEMENT_TYPE.LIST_ITEM ? _constants.INSERT_POSITION.AFTER : insertPosition;
-    (0, _helpers2.insertTable)(editor, size, editor.selection, newInsertPosition);
+    const newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
+    (0, _helpers3.insertTable)(editor, size, editor.selection, newInsertPosition);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   const openLinkDialog = (0, _react.useCallback)(() => {
     const eventBus = _eventBus.default.getInstance();
-    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: _constants.ELEMENT_TYPE.LINK,
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.LINK,
       insertPosition,
       slateNode
     });
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [insertPosition]);
-  const onInsertChart = (0, _react.useCallback)(() => {
-    const newInsertPosition = slateNode.type === _constants.ELEMENT_TYPE.LIST_ITEM ? _constants.INSERT_POSITION.AFTER : insertPosition;
-    (0, _helpers4.insertChart)(editor, newInsertPosition);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, insertPosition, slateNode]);
+
+  // const onInsertChart = useCallback(() => {
+  //   const newInsertPosition = slateNode.type === ELEMENT_TYPE.LIST_ITEM ? INSERT_POSITION.AFTER : insertPosition;
+  //   insertChart(editor, newInsertPosition);
+  //   // eslint-disable-next-line react-hooks/exhaustive-deps
+  // }, [editor, insertPosition, slateNode]);
+
   const onInsertCodeBlock = (0, _react.useCallback)(() => {
-    const newInsertPosition = slateNode.type === _constants.ELEMENT_TYPE.LIST_ITEM ? _constants.INSERT_POSITION.AFTER : insertPosition;
-    (0, _helpers3.changeToCodeBlock)(editor, 'plaintext', newInsertPosition);
+    const newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
+    (0, _helpers2.changeToCodeBlock)(editor, 'plaintext', newInsertPosition);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
@@ -93,73 +92,73 @@ const InsertBlockMenu = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   const onInsertCheckList = (0, _react.useCallback)(() => {
-    (0, _helpers5.setCheckListItemType)(editor, _constants.ELEMENT_TYPE.CHECK_LIST_ITEM, insertPosition);
+    (0, _helpers.setCheckListItemType)(editor, _constants2.ELEMENT_TYPE.CHECK_LIST_ITEM, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   const onInsert = (0, _react.useCallback)(type => {
-    (0, _helpers.insertElement)(editor, type, insertPosition);
+    (0, _helpers4.insertElement)(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   const onInsertCallout = (0, _react.useCallback)(type => {
-    if (insertPosition === _constants.INSERT_POSITION.CURRENT) {
+    if (insertPosition === _constants2.INSERT_POSITION.CURRENT) {
       (0, _helper.wrapCallout)(editor);
-    } else if (insertPosition === _constants.INSERT_POSITION.AFTER) {
-      (0, _helpers.insertElement)(editor, type, insertPosition);
+    } else if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
+      (0, _helpers4.insertElement)(editor, type, insertPosition);
       (0, _helper.wrapCallout)(editor);
     }
   }, [editor, insertPosition]);
   const createMultiColumn = (0, _react.useCallback)(type => {
-    const newInsertPosition = slateNode.type === _constants.ELEMENT_TYPE.LIST_ITEM ? _constants.INSERT_POSITION.AFTER : insertPosition;
+    const newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
     (0, _helper2.insertMultiColumn)(editor, editor.selection, newInsertPosition, type);
   }, [editor, insertPosition, slateNode]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, [_constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.PARAGRAPH], ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.HEADER]].map(item => {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, [_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH], ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.HEADER]].map(item => {
     return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
       isHidden: !insertMenuSearchMap[item.type],
-      disabled: isNodeEmpty && item.type === _constants.PARAGRAPH,
+      disabled: isNodeEmpty && item.type === _constants2.PARAGRAPH,
       key: item.id,
       menuConfig: item,
       onClick: () => onInsert(item.type)
     });
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.UNORDERED_LIST],
+    isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.UNORDERED_LIST],
     menuConfig: {
-      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.UNORDERED_LIST]
+      ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]
     },
     onClick: () => {
-      onInsertList(_constants.ELEMENT_TYPE.UNORDERED_LIST);
+      onInsertList(_constants2.ELEMENT_TYPE.UNORDERED_LIST);
     }
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.ORDERED_LIST],
+    isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.ORDERED_LIST],
     menuConfig: {
-      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.ORDERED_LIST]
+      ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]
     },
     onClick: () => {
-      onInsertList(_constants.ELEMENT_TYPE.ORDERED_LIST);
+      onInsertList(_constants2.ELEMENT_TYPE.ORDERED_LIST);
     }
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.CHECK_LIST_ITEM],
+    isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM],
     menuConfig: {
-      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CHECK_LIST_ITEM]
+      ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]
     },
     onClick: onInsertCheckList
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.IMAGE],
+    isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.IMAGE],
     menuConfig: {
-      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.IMAGE]
+      ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.IMAGE]
     },
     onClick: onInsertImageToggle
-  }), editor.editorType !== _constants2.DOCUMENT_PLUGIN_EDITOR && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.VIDEO],
-    disabled: (0, _helpers.isInMultiColumnNode)(editor, slateNode),
+  }), editor.editorType !== _constants.DOCUMENT_PLUGIN_EDITOR && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.VIDEO],
+    disabled: (0, _helpers4.isInMultiColumnNode)(editor, slateNode),
     menuConfig: {
-      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.VIDEO]
+      ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]
     },
     onClick: onInsertVideoToggle
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.TABLE],
+    isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.TABLE],
     key: "sdoc-insert-menu-table",
     menuConfig: {
-      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.TABLE]
+      ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]
     },
     className: "pr-2"
   }, /*#__PURE__*/_react.default.createElement("i", {
@@ -172,50 +171,35 @@ const InsertBlockMenu = _ref => {
     popperClassName: "sdoc-side-menu-table-size sdoc-insert-element-table-size-wrapper",
     createTable: createTable
   })), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.LINK],
+    isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.LINK],
     menuConfig: {
-      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.LINK]
+      ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]
     },
     onClick: openLinkDialog
-  }), editor.editorType === _constants2.DOCUMENT_PLUGIN_EDITOR && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.CHART],
-    menuConfig: {
-      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CHART]
-    },
-    onClick: onInsertChart
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.CODE_BLOCK],
+    isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.CODE_BLOCK],
     menuConfig: {
-      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CODE_BLOCK]
+      ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CODE_BLOCK]
     },
     onClick: onInsertCodeBlock
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.CALL_OUT],
+    isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.CALL_OUT],
     menuConfig: {
-      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CALL_OUT]
+      ..._constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CALL_OUT]
     },
-    onClick: () => onInsertCallout(_constants.PARAGRAPH)
-  }), _constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.MULTI_COLUMN].map(item => {
+    onClick: () => onInsertCallout(_constants2.PARAGRAPH)
+  }), _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.MULTI_COLUMN].map(item => {
     return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
       isHidden: !insertMenuSearchMap[item.type],
       key: item.id,
       menuConfig: item,
       onClick: () => createMultiColumn(item.type)
     });
-  }), editor.columns && /*#__PURE__*/_react.default.createElement(_menu.default, {
-    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.SEATABLE_COLUMN],
-    editor: editor,
-    readonly: editor.readonly,
-    insertPosition: insertPosition,
-    container: 'sdoc-side-menu-insert-wrapper'
-  }), editor.tables && /*#__PURE__*/_react.default.createElement(_menu2.default, {
-    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.SEATABLE_TABLE],
-    editor: editor,
-    readonly: editor.readonly,
-    insertPosition: insertPosition,
-    container: 'sdoc-side-menu-insert-wrapper'
   }), isNodeEmpty && Object.keys(insertMenuSearchMap).length === 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-item-no-results"
   }, t('No_results')));
 };
-var _default = exports.default = InsertBlockMenu;
+var _default = exports.default = InsertBlockMenu; // TODO: support side menu
+// <DropdownMenuItem isHidden={!insertMenuSearchMap['chart']} menuConfig={{ ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.CHART] }} onClick={onInsertChart} /> */}
+// {editor.columns && <SeaTableColumnMenu isHidden={!insertMenuSearchMap['seatable_column]} editor={editor} readonly={editor.readonly} insertPosition={insertPosition} container={'sdoc-side-menu-insert-wrapper'} />}
+// {editor.tables && <SeaTableTableMenu isHidden={!insertMenuSearchMap['seatable_table']} editor={editor} readonly={editor.readonly} insertPosition={insertPosition} container={'sdoc-side-menu-insert-wrapper'} />}

package/dist/basic-sdk/extension/toolbar/side-toolbar/side-menu.js

@@ -8,20 +8,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
-var _slateReact = require("@seafile/slate-react");
 var _reactstrap = require("reactstrap");
+var _slateReact = require("@seafile/slate-react");
 var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
+var _toast = _interopRequireDefault(require("../../../../components/toast"));
 var _context = _interopRequireDefault(require("../../../../context"));
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _commons = require("../../commons");
-var _insertBelowMenu = _interopRequireDefault(require("./insert-below-menu"));
-var _insertBlockMenu = _interopRequireDefault(require("./insert-block-menu"));
-var _helpers = require("./helpers");
-var _transformMenus = _interopRequireDefault(require("./transform-menus"));
 var _dropdownMenuItem = _interopRequireDefault(require("../../commons/dropdown-menu-item"));
-var _toast = _interopRequireDefault(require("../../../../components/toast"));
 var _constants = require("../../constants");
 var _aiMenu = require("../../plugins/ai/ai-menu");
+var _helpers = require("./helpers");
+var _insertBelowMenu = _interopRequireDefault(require("./insert-below-menu"));
+var _insertBlockMenu = _interopRequireDefault(require("./insert-block-menu"));
+var _transformMenus = _interopRequireDefault(require("./transform-menus"));
 require("./side-menu.css");
 const SideMenu = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {

package/dist/basic-sdk/extension/toolbar/side-toolbar/transform-menus.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactstrap = require("reactstrap");
 var _reactI18next = require("react-i18next");
-var _helpers = require("./helpers");
+var _reactstrap = require("reactstrap");
 var _dropdownMenuItem = _interopRequireDefault(require("../../commons/dropdown-menu-item"));
+var _helpers = require("./helpers");
 const TransformMenus = _ref => {
   let {
     editor,

package/dist/basic-sdk/highlight/setNodeToDecorations.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.SetNodeToDecorations = void 0;
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
-var _prismjs = _interopRequireWildcard(require("../extension/plugins/code-block/prismjs"));
 var _constants = require("../extension/constants");
 var _helpers = require("../extension/plugins/code-block/helpers");
+var _prismjs = _interopRequireWildcard(require("../extension/plugins/code-block/prismjs"));
 const mergeMaps = function () {
   const map = new Map();
   for (var _len = arguments.length, maps = new Array(_len), _key = 0; _key < _len; _key++) {

package/dist/basic-sdk/hooks/use-selection-element.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSelectionElement = void 0;
-var _slate = require("@seafile/slate");
 var _react = require("react");
+var _slate = require("@seafile/slate");
 const useSelectionElement = _ref => {
   let {
     editor