@seafile/sdoc-editor 1.0.126 → 1.0.128

package/dist/basic-sdk/assets/css/dropdown-menu.css

@@ -28,6 +28,16 @@
   align-items: center;
 }
 
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item-title {
+  color: #666666;
+  padding: 3px 12px;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item-title:hover {
+  background-color: unset !important;
+  cursor: initial !important;
+}
+
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item-no-results {
   height: 30px;
   width: 100%;

package/dist/basic-sdk/comment/components/comment-item-wrapper.js

@@ -27,7 +27,7 @@ const CommentItemWrapper = _ref => {
     isActive,
     comment,
     isGlobalComment,
-    contentRef,
+    commentDetailRef,
     updateScrollPosition,
     hiddenComment,
     setCurrentCommentGroup,
@@ -197,7 +197,7 @@ const CommentItemWrapper = _ref => {
     replies.push(reply);
     insertReply(comment.id, replies);
   }, [comment.id, comment.resolved, insertReply]);
-  (0, _react.useImperativeHandle)(contentRef, () => ({
+  (0, _react.useImperativeHandle)(commentDetailRef, () => ({
     insertContent
   }));
   const deleteReply = (0, _react.useCallback)(async replyId => {

package/dist/basic-sdk/comment/components/global-comment/global-comment-editor.js

@@ -12,6 +12,7 @@ const GlobalCommentEditor = _ref => {
   let {
     isScrollDisplayed,
     globalCommentContent,
+    type,
     insertDocComment,
     hiddenCommentEditor,
     updateGlobalCommentContent
@@ -23,7 +24,7 @@ const GlobalCommentEditor = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-ui-container active"
   }, /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
-    type: "comment",
+    type: type,
     className: "sdoc-doc-comment-editor",
     globalCommentContent: globalCommentContent,
     hiddenUserInfo: true,

package/dist/basic-sdk/comment/components/global-comment/index.css

@@ -117,7 +117,7 @@
   display: flex;
   flex-direction: column;
   padding-top: 0px;
-  margin-bottom: 11px;
+  margin-bottom: 16px;
   overflow: auto;
   border-bottom: 1px solid #e1e2e5;
 }
@@ -194,6 +194,10 @@
 }
 
 /* custom */
+.sdoc-comment-drawer .sdoc-comment-list-container {
+  margin-top: 0px;
+}
+
 .sdoc-comment-drawer .sdoc-comment-list-container .comment-ui-container {
   background-color: #FFF;
   margin-bottom: 0px;

package/dist/basic-sdk/comment/components/global-comment/index.js

@@ -28,8 +28,8 @@ const GlobalComment = _ref => {
     deleteUnseenNotifications,
     t
   } = _ref;
-  const commentRef = (0, _react.useRef)(null);
   const contentRef = (0, _react.useRef)(null);
+  const commentDetailRef = (0, _react.useRef)(null);
   const {
     closePlugin
   } = (0, _hooks.usePlugins)();
@@ -49,13 +49,20 @@ const GlobalComment = _ref => {
     const isShowScroll = contentContainer.scrollHeight > contentContainer.clientHeight;
     setIsScrollDisplayed(isShowScroll);
   }, []);
+  const onCommentsPanelBodyScroll = (0, _react.useCallback)(position => {
+    var _contentRef$current, _contentRef$current2;
+    (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.scrollTo({
+      top: position === 'top' ? 0 : (_contentRef$current2 = contentRef.current) === null || _contentRef$current2 === void 0 ? void 0 : _contentRef$current2.scrollHeight,
+      behavior: 'smooth'
+    });
+  }, [contentRef]);
   (0, _react.useEffect)(() => {
     detectScroll();
   }, [commentList, detectScroll]);
   const updateScrollPosition = (0, _react.useCallback)(() => {
-    var _contentRef$current;
+    var _contentRef$current3;
     const resolvedDom = document.querySelector('.sdoc-resolved');
-    (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.scrollTo({
+    (_contentRef$current3 = contentRef.current) === null || _contentRef$current3 === void 0 ? void 0 : _contentRef$current3.scrollTo({
       top: resolvedDom.offsetTop,
       behavior: 'smooth'
     });
@@ -81,29 +88,32 @@ const GlobalComment = _ref => {
     });
   }, [dispatch]);
   const insertDocComment = (0, _react.useCallback)(commentDetail => {
-    var _contentRef$current2;
+    var _commentDetailRef$cur;
     // Reply to a comment
-    if (activeCommentGroup && (_contentRef$current2 = contentRef.current) !== null && _contentRef$current2 !== void 0 && _contentRef$current2.insertContent) {
-      contentRef.current.insertContent(commentDetail);
-      return;
+    if (activeCommentGroup && (_commentDetailRef$cur = commentDetailRef.current) !== null && _commentDetailRef$cur !== void 0 && _commentDetailRef$cur.insertContent) {
+      commentDetailRef.current.insertContent(commentDetail);
+    } else {
+      // Insert global comment
+      const user = _context.default.getUserInfo();
+      const elementId = _constants.DOC_COMMENT_ELEMENT_ID;
+      const time = (0, _dayjs.default)().format('YYYY-MM-DD HH:mm:ss');
+      const comment = {
+        comment: commentDetail,
+        detail: {
+          element_id: elementId,
+          comment: commentDetail
+        },
+        author: user.username,
+        updated_at: time
+      };
+      insertComment(elementId, comment);
+      detectScroll();
     }
-
-    // Insert global comment
-    const user = _context.default.getUserInfo();
-    const elementId = _constants.DOC_COMMENT_ELEMENT_ID;
-    const time = (0, _dayjs.default)().format('YYYY-MM-DD HH:mm:ss');
-    const comment = {
-      comment: commentDetail,
-      detail: {
-        element_id: elementId,
-        comment: commentDetail
-      },
-      author: user.username,
-      updated_at: time
-    };
-    insertComment(elementId, comment);
-    detectScroll();
-  }, [activeCommentGroup, detectScroll, insertComment]);
+    // After the comment is inserted, scroll to the bottom
+    setTimeout(() => {
+      onCommentsPanelBodyScroll('bottom');
+    }, 500);
+  }, [activeCommentGroup, detectScroll, insertComment, onCommentsPanelBodyScroll]);
   const hiddenCommentEditor = (0, _react.useCallback)(() => {
     setShowEditor(false);
   }, []);
@@ -130,7 +140,6 @@ const GlobalComment = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-comment-drawer"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: commentRef,
     className: "comments-panel-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_globalCommentHeader.default, {
     toggle: closePlugin,
@@ -168,7 +177,7 @@ const GlobalComment = _ref => {
     editor: editor,
     element: getNodeByElementId(activeCommentGroup.detail.element_id),
     container: "global-comment-list-container",
-    contentRef: contentRef,
+    commentDetailRef: commentDetailRef,
     comment: activeCommentGroup,
     isGlobalComment: true,
     isActive: true,
@@ -189,6 +198,7 @@ const GlobalComment = _ref => {
   }), showEditor && /*#__PURE__*/_react.default.createElement(_globalCommentEditor.default, {
     globalCommentContent: globalCommentContent,
     isScrollDisplayed: isScrollDisplayed,
+    type: activeCommentGroup ? 'replay' : 'comment',
     hiddenCommentEditor: hiddenCommentEditor,
     insertDocComment: insertDocComment,
     updateGlobalCommentContent: content => {

package/dist/basic-sdk/comment/reducer/comment-reducer.js

@@ -43,9 +43,10 @@ exports.initElementCommentsMap = initElementCommentsMap;
 const initCommentList = comments => {
   // format comments
   const formatComments = formatCommentsData(comments);
+  return formatComments;
 
   // sort comments by update time
-  return sortCommentList(formatComments);
+  // return sortCommentList(formatComments);
 };
 exports.initCommentList = initCommentList;
 const sortCommentList = commentList => {
@@ -125,7 +126,7 @@ const commentReducer = (state, action) => {
           element_comments_map[element_id] = [];
         }
         element_comments_map[element_id] = [...element_comments_map[element_id], comment];
-        const commentList = [(0, _deepCopy.default)(comment), ...comment_list];
+        const commentList = [...comment_list, (0, _deepCopy.default)(comment)];
         return {
           ...state,
           element_comments_map: {

package/dist/basic-sdk/extension/constants/index.js

@@ -331,6 +331,12 @@ Object.defineProperty(exports, "SIDE_INSERT_MENUS_SEARCH_MAP", {
     return _menusConfig.SIDE_INSERT_MENUS_SEARCH_MAP;
   }
 });
+Object.defineProperty(exports, "SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP", {
+  enumerable: true,
+  get: function () {
+    return _menusConfig.SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP;
+  }
+});
 Object.defineProperty(exports, "SIDE_TRANSFORM_MENUS_CONFIG", {
   enumerable: true,
   get: function () {

package/dist/basic-sdk/extension/constants/menus-config.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNDO = exports.TEXT_STYLE_MORE = exports.TEXT_STYLE_MAP = exports.TEXT_STYLE = exports.TEXT_ALIGN = exports.SIDE_TRANSFORM_MENUS_SEARCH_MAP = exports.SIDE_TRANSFORM_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_SEARCH_MAP = exports.SIDE_INSERT_MENUS_CONFIG = exports.SEARCH_REPLACE = exports.REMOVE_TABLE = exports.REDO = exports.MENUS_CONFIG_MAP = exports.ITALIC = exports.COMBINE_CELL = exports.CLEAR_FORMAT = exports.BOLD = void 0;
+exports.UNDO = exports.TEXT_STYLE_MORE = exports.TEXT_STYLE_MAP = exports.TEXT_STYLE = exports.TEXT_ALIGN = exports.SIDE_TRANSFORM_MENUS_SEARCH_MAP = exports.SIDE_TRANSFORM_MENUS_CONFIG = exports.SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP = exports.SIDE_INSERT_MENUS_SEARCH_MAP = exports.SIDE_INSERT_MENUS_CONFIG = exports.SEARCH_REPLACE = exports.REMOVE_TABLE = exports.REDO = exports.MENUS_CONFIG_MAP = exports.ITALIC = exports.COMBINE_CELL = exports.CLEAR_FORMAT = exports.BOLD = void 0;
 var _color = require("./color");
 var _elementType = require("./element-type");
 const UNDO = exports.UNDO = 'undo';
@@ -297,11 +297,7 @@ const SIDE_TRANSFORM_MENUS_SEARCH_MAP = exports.SIDE_TRANSFORM_MENUS_SEARCH_MAP
   [_elementType.ORDERED_LIST]: 'Ordered_list',
   [_elementType.CHECK_LIST_ITEM]: 'Check_list',
   [_elementType.BLOCKQUOTE]: 'Quote',
-  [_elementType.CALL_OUT]: 'Callout',
-  'COPY_LINK_OF_SECTION': 'Copy_link_of_section',
-  'COPY': 'Copy',
-  'CUT': 'Cut',
-  'DELETE': 'Delete'
+  [_elementType.CALL_OUT]: 'Callout'
 };
 
 // Side insert menu config
@@ -403,4 +399,12 @@ const SIDE_INSERT_MENUS_SEARCH_MAP = exports.SIDE_INSERT_MENUS_SEARCH_MAP = {
   [_elementType.HEADER4]: 'Header_four',
   [_elementType.COLUMN]: 'SeaTable_column',
   [_elementType.SEATABLE_TABLE]: 'SeaTable_table'
+};
+
+// Other operations menu config
+const SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP = exports.SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP = {
+  'COPY_LINK_OF_SECTION': 'Copy_link_of_section',
+  'COPY': 'Copy',
+  'CUT': 'Cut',
+  'DELETE': 'Delete'
 };

package/dist/basic-sdk/extension/plugins/html/plugin.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _slugid = _interopRequireDefault(require("slugid"));
-var _slate = require("@seafile/slate");
 var _helper = require("./helper");
 var _core = require("../../core");
 var _constants = require("../../constants");
@@ -43,41 +42,6 @@ const withHtml = editor => {
         editor.insertFragment(content);
         return;
       }
-
-      // Paste AI code as code blcok type
-      if (data.types[0].includes('text/plain') && data.types.length === 1) {
-        const pastedCode = data.getData('text/plain') || '';
-        if (pastedCode && pastedCode.trim() !== '') {
-          const fragmentData = {
-            id: _slugid.default.nice(),
-            language: 'plaintext',
-            type: _constants.CODE_BLOCK,
-            children: pastedCode.split('\n').map(text => ({
-              id: _slugid.default.nice(),
-              type: _constants.CODE_LINE,
-              children: [{
-                id: _slugid.default.nice(),
-                text: text
-              }]
-            }))
-          };
-          const string = _slate.Editor.string(newEditor, newEditor.selection.focus.path);
-          if (string.length === 0) {
-            _slate.Transforms.insertNodes(newEditor, fragmentData, {
-              at: newEditor.selection.focus.path
-            });
-            const paragraph = (0, _core.generateEmptyElement)(_constants.PARAGRAPH);
-            _slate.Transforms.insertNodes(newEditor, paragraph, {
-              at: [newEditor.selection.focus.path[0] + 1]
-            });
-          } else {
-            _slate.Transforms.insertNodes(newEditor, fragmentData, {
-              at: newEditor.selection
-            });
-          }
-          return;
-        }
-      }
       insertData(data);
     }
   };

package/dist/basic-sdk/extension/plugins/paragraph/render-elem.js

@@ -38,7 +38,7 @@ const Paragraph = _ref => {
     const node = editor.children[1];
     isShowPlaceHolder = _slate.Node.string(element) === '' && (node === null || node === void 0 ? void 0 : node.id) === (element === null || element === void 0 ? void 0 : element.id) && !isComposing;
   }
-  if (isSelected && _slate.Range.isCollapsed(editor.selection) && (0, _helper.isEmptyNode)(element) && _slateReact.ReactEditor.findPath(editor, element).length === 1 && !isComposing) {
+  if (!isCommentEditor && isSelected && _slate.Range.isCollapsed(editor.selection) && (0, _helper.isEmptyNode)(element) && _slateReact.ReactEditor.findPath(editor, element).length === 1 && !isComposing) {
     isShowPlaceHolder = true;
   }
   const style = {

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

@@ -262,12 +262,12 @@ const getSearchedOperations = (sourceMenuSearchMap, isNodeEmpty, event, t) => {
       }
     });
     if (!isNodeEmpty) {
-      menuSearchMap['searchingForTransformMenu'] = true; // Used to identify the search for Transform menu list
+      menuSearchMap['searching'] = true; // Used to identify the search for Transform menu list
     }
   } else {
     menuSearchMap = sourceMenuSearchMap;
     if (!isNodeEmpty) {
-      menuSearchMap['searchingForTransformMenu'] = false;
+      menuSearchMap['searching'] = false;
     }
   }
   return menuSearchMap;

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

@@ -168,7 +168,7 @@ const InsertBlockMenu = _ref => {
     editor: editor,
     readonly: editor.readonly,
     insertPosition: insertPosition
-  }), Object.keys(insertMenuSearchMap).length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+  }), isNodeEmpty && Object.keys(insertMenuSearchMap).length === 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-item-no-results"
   }, t('No_results')));
 };

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

@@ -34,6 +34,8 @@ const SideMenu = (_ref, ref) => {
   const [menuStyle, setMenuStyle] = (0, _react.useState)('');
   const [insertMenuSearchMap, setInsertMenuSearchMap] = (0, _react.useState)();
   const [transformMenuSearchMap, setTransformMenuSearchMap] = (0, _react.useState)(_constants.SIDE_TRANSFORM_MENUS_SEARCH_MAP);
+  const [insertBelowMenuSearchMap, setInsertBelowMenuSearchMap] = (0, _react.useState)(_constants.SIDE_INSERT_MENUS_SEARCH_MAP);
+  const [otherOperatonsMenuSearchMap, setOtherOperatonsMenuSearchMap] = (0, _react.useState)(_constants.SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP);
   const editor = (0, _slateReact.useSlateStatic)();
   (0, _react.useEffect)(() => {
     const eventBus = _eventBus.default.getInstance();
@@ -65,7 +67,7 @@ const SideMenu = (_ref, ref) => {
     });
     onReset();
   }, [onReset, slateNode.id, t]);
-  (0, _react.useEffect)(() => {
+  const onUpdateMenuLocation = (0, _react.useCallback)(() => {
     let top = menuPosition.top;
     if (sideMenuRef.current) {
       const overflowY = menuPosition.top + sideMenuRef.current.offsetHeight - document.body.clientHeight;
@@ -74,6 +76,9 @@ const SideMenu = (_ref, ref) => {
       }
     }
     setMenuStyle(`top: ${top}px; left: ${menuPosition.left}px`);
+  }, [menuPosition.left, menuPosition.top]);
+  (0, _react.useEffect)(() => {
+    onUpdateMenuLocation();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [menuPosition, sideMenuRef.current]);
   (0, _react.useImperativeHandle)(ref, () => {
@@ -93,11 +98,22 @@ const SideMenu = (_ref, ref) => {
         setInsertMenuSearchMap(newMenuSearchMap);
       }
       if (!isNodeEmpty) {
-        const newMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_TRANSFORM_MENUS_SEARCH_MAP, isNodeEmpty, e, t);
-        setTransformMenuSearchMap(newMenuSearchMap);
+        const newTransformMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_TRANSFORM_MENUS_SEARCH_MAP, isNodeEmpty, e, t);
+        const newInsertBelowMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_INSERT_MENUS_SEARCH_MAP, isNodeEmpty, e, t);
+        const newOtherOperationsMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP, isNodeEmpty, e, t);
+        setTransformMenuSearchMap(newTransformMenuSearchMap);
+        setInsertBelowMenuSearchMap(newInsertBelowMenuSearchMap);
+        setOtherOperatonsMenuSearchMap(newOtherOperationsMenuSearchMap);
+        queueMicrotask(() => {
+          var _sideMenuRef$current;
+          // Search content exceeds original height, The original container height is 249
+          if (((_sideMenuRef$current = sideMenuRef.current) === null || _sideMenuRef$current === void 0 ? void 0 : _sideMenuRef$current.offsetHeight) > 249) {
+            onUpdateMenuLocation();
+          }
+        });
       }
     }
-  }, [t, isNodeEmpty]);
+  }, [isNodeEmpty, t, onUpdateMenuLocation]);
   const onCompositionStart = (0, _react.useCallback)(() => {
     sideMenuRef.current.isInputtingChinese = true;
   }, []);
@@ -105,13 +121,21 @@ const SideMenu = (_ref, ref) => {
     sideMenuRef.current.isInputtingChinese = false;
     onChange(e);
   }, [onChange]);
+  const isDisplayCategoryTitle = (0, _react.useCallback)((sourceMap, targetMap) => {
+    const keys = Object.keys(sourceMap);
+    if (keys.length > 1) {
+      const index = keys.findIndex(key => key !== 'searching' && sourceMap[key] === targetMap[key]);
+      return index !== -1 ? true : false;
+    }
+    return false;
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, {
     className: "sdoc-side-menu-popover",
     style: menuStyle
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-side-menu sdoc-dropdown-menu",
     ref: sideMenuRef
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-side-menu-search-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
     autoFocus: true,
@@ -119,7 +143,23 @@ const SideMenu = (_ref, ref) => {
     onChange: onChange,
     onCompositionStart: onCompositionStart,
     onCompositionEnd: onCompositionEnd
-  })), !isNodeEmpty && !(0, _helpers.isNotSupportTransform)(slateNode) && !transformMenuSearchMap['searchingForTransformMenu'] && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+  })), isNodeEmpty && /*#__PURE__*/_react.default.createElement(_insertBlockMenu.default, {
+    isNodeEmpty: isNodeEmpty,
+    slateNode: slateNode,
+    insertMenuSearchMap: insertMenuSearchMap
+  }), !isNodeEmpty && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, transformMenuSearchMap['searching'] && isDisplayCategoryTitle(transformMenuSearchMap, insertBelowMenuSearchMap) && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    menuConfig: {
+      text: 'Transform_to'
+    },
+    className: "pr-2 sdoc-dropdown-menu-item-title"
+  }), transformMenuSearchMap['searching'] && (0, _helpers.getTransformMenusConfig)(editor, slateNode).map(item => {
+    return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+      isHidden: !transformMenuSearchMap[item.type],
+      key: item.id,
+      menuConfig: item,
+      onClick: () => onSetType(item.type)
+    });
+  }), !transformMenuSearchMap['searching'] && !(0, _helpers.isNotSupportTransform)(slateNode) && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       id: 'sdoc-side-menu-item-transform',
       text: 'Transform_to',
@@ -133,31 +173,29 @@ const SideMenu = (_ref, ref) => {
     slateNode: slateNode,
     editor: editor,
     onSetType: onSetType
-  }))), isNodeEmpty && /*#__PURE__*/_react.default.createElement(_insertBlockMenu.default, {
-    isNodeEmpty: isNodeEmpty,
+  })), insertBelowMenuSearchMap['searching'] && isDisplayCategoryTitle(insertBelowMenuSearchMap, transformMenuSearchMap) && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    menuConfig: {
+      text: 'Insert_below'
+    },
+    className: "pr-2 sdoc-dropdown-menu-item-title"
+  }), insertBelowMenuSearchMap['searching'] && /*#__PURE__*/_react.default.createElement(_insertBlockMenu.default, {
+    insertPosition: _constants.INSERT_POSITION.AFTER,
     slateNode: slateNode,
-    insertMenuSearchMap: insertMenuSearchMap
-  }), !isNodeEmpty && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    insertMenuSearchMap: insertBelowMenuSearchMap
+  }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       id: 'sdoc-side-menu-item-insert-below',
       text: 'Insert_below',
       iconClass: 'sdocfont sdoc-insert'
     },
     className: "pr-2 sdoc-dropdown-menu-item-relative",
-    isHidden: transformMenuSearchMap['searchingForTransformMenu']
+    isHidden: insertBelowMenuSearchMap['searching']
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
   }), /*#__PURE__*/_react.default.createElement(_insertBelowMenu.default, {
     target: "sdoc-side-menu-item-insert-below",
     slateNode: slateNode
-  })), transformMenuSearchMap['searchingForTransformMenu'] && (0, _helpers.getTransformMenusConfig)(editor, slateNode).map(item => {
-    return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-      isHidden: !transformMenuSearchMap[item.type],
-      key: item.id,
-      menuConfig: item,
-      onClick: () => onSetType(item.type)
-    });
-  }), !transformMenuSearchMap['searchingForTransformMenu'] && /*#__PURE__*/_react.default.createElement("div", {
+  })), !insertBelowMenuSearchMap['searching'] && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-divider"
   }), [_constants.HEADER1, _constants.HEADER2, _constants.HEADER3].includes(slateNode === null || slateNode === void 0 ? void 0 : slateNode.type) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
@@ -165,8 +203,8 @@ const SideMenu = (_ref, ref) => {
       iconClass: 'sdocfont sdoc-link'
     },
     onClick: onCopyHeaderLink,
-    isHidden: !transformMenuSearchMap['COPY_LINK_OF_SECTION']
-  }), !transformMenuSearchMap['searchingForTransformMenu'] && /*#__PURE__*/_react.default.createElement("div", {
+    isHidden: !otherOperatonsMenuSearchMap['COPY_LINK_OF_SECTION']
+  }), !otherOperatonsMenuSearchMap['searching'] && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-divider"
   })), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
@@ -174,22 +212,26 @@ const SideMenu = (_ref, ref) => {
       iconClass: 'sdocfont sdoc-copy'
     },
     onClick: onCopy,
-    isHidden: !transformMenuSearchMap['COPY']
+    isHidden: !otherOperatonsMenuSearchMap['COPY']
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       text: 'Cut',
       iconClass: 'sdocfont sdoc-cut'
     },
     onClick: onCut,
-    isHidden: !transformMenuSearchMap['CUT']
+    isHidden: !otherOperatonsMenuSearchMap['CUT']
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       text: 'Delete',
       iconClass: 'sdocfont sdoc-delete'
     },
     onClick: onDelete,
-    isHidden: !transformMenuSearchMap['DELETE']
-  }), transformMenuSearchMap['searchingForTransformMenu'] && Object.keys(transformMenuSearchMap).length === 1 && /*#__PURE__*/_react.default.createElement("div", {
+    isHidden: !otherOperatonsMenuSearchMap['DELETE']
+  }), transformMenuSearchMap['searching'] && Object.keys({
+    ...transformMenuSearchMap,
+    ...insertBelowMenuSearchMap,
+    ...otherOperatonsMenuSearchMap
+  }).length === 1 && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-item-no-results"
   }, t('No_results')))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.126",
+  "version": "1.0.128",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",