@seafile/sdoc-editor 1.0.106 → 1.0.108

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

@@ -28,6 +28,20 @@
   align-items: center;
 }
 
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item-no-results {
+  height: 30px;
+  width: 100%;
+  padding: 4px 24px;
+  user-select: none;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+}
+
+.sdoc-dropdown-menu .sdoc-dropdown-menu-item-hidden {
+ display: none;
+}
+
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item.disabled,
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item.disabled .sdoc-dropdown-item-content-icon {
   color: #c2c2c2 !important;

package/dist/basic-sdk/extension/commons/dropdown-menu-item/index.js

@@ -18,7 +18,8 @@ const DropdownMenuItem = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     menuConfig,
     children,
     className,
-    shortcut
+    shortcut,
+    isHidden
   } = props;
   const {
     t
@@ -37,7 +38,8 @@ const DropdownMenuItem = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     className: (0, _classnames.default)('sdoc-dropdown-menu-item', className, {
       'disabled': disabled,
       'sdoc-dropdown-item-with-left-icon': iconClass,
-      'sdoc-link-dropdown-menu-item': shortcut
+      'sdoc-link-dropdown-menu-item': shortcut,
+      'sdoc-dropdown-menu-item-hidden': isHidden
     }),
     id: menuConfig.id || '',
     onClick: disabled ? () => {} : onClick || (() => {}),

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

@@ -325,12 +325,24 @@ Object.defineProperty(exports, "SIDE_INSERT_MENUS_CONFIG", {
     return _menusConfig.SIDE_INSERT_MENUS_CONFIG;
   }
 });
+Object.defineProperty(exports, "SIDE_INSERT_MENUS_SEARCH_MAP", {
+  enumerable: true,
+  get: function () {
+    return _menusConfig.SIDE_INSERT_MENUS_SEARCH_MAP;
+  }
+});
 Object.defineProperty(exports, "SIDE_TRANSFORM_MENUS_CONFIG", {
   enumerable: true,
   get: function () {
     return _menusConfig.SIDE_TRANSFORM_MENUS_CONFIG;
   }
 });
+Object.defineProperty(exports, "SIDE_TRANSFORM_MENUS_SEARCH_MAP", {
+  enumerable: true,
+  get: function () {
+    return _menusConfig.SIDE_TRANSFORM_MENUS_SEARCH_MAP;
+  }
+});
 Object.defineProperty(exports, "STANDARD_COLORS", {
   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_CONFIG = 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_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';
@@ -285,6 +285,24 @@ const SIDE_TRANSFORM_MENUS_CONFIG = exports.SIDE_TRANSFORM_MENUS_CONFIG = [{
   type: _elementType.CALL_OUT,
   text: 'Callout'
 }];
+const SIDE_TRANSFORM_MENUS_SEARCH_MAP = exports.SIDE_TRANSFORM_MENUS_SEARCH_MAP = {
+  [_elementType.PARAGRAPH]: 'Paragraph',
+  [_elementType.HEADER1]: 'Header_one',
+  [_elementType.HEADER2]: 'Header_two',
+  [_elementType.HEADER3]: 'Header_three',
+  [_elementType.HEADER4]: 'Header_four',
+  [_elementType.HEADER5]: 'Header_five',
+  [_elementType.HEADER6]: 'Header_six',
+  [_elementType.UNORDERED_LIST]: 'Unordered_list',
+  [_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'
+};
 
 // Side insert menu config
 const SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = {
@@ -368,4 +386,21 @@ const SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = {
     type: _elementType.BLOCKQUOTE,
     text: 'Quote'
   }
+};
+const SIDE_INSERT_MENUS_SEARCH_MAP = exports.SIDE_INSERT_MENUS_SEARCH_MAP = {
+  [_elementType.IMAGE]: 'Image',
+  [_elementType.TABLE]: 'Table',
+  [_elementType.LINK]: 'Link',
+  [_elementType.CODE_BLOCK]: 'Code_block',
+  [_elementType.CALL_OUT]: 'Callout',
+  [_elementType.UNORDERED_LIST]: 'Unordered_list',
+  [_elementType.ORDERED_LIST]: 'Ordered_list',
+  [_elementType.CHECK_LIST_ITEM]: 'Check_list',
+  [_elementType.PARAGRAPH]: 'Paragraph',
+  [_elementType.HEADER1]: 'Header_one',
+  [_elementType.HEADER2]: 'Header_two',
+  [_elementType.HEADER3]: 'Header_three',
+  [_elementType.HEADER4]: 'Header_four',
+  [_elementType.COLUMN]: 'SeaTable_column',
+  [_elementType.SEATABLE_TABLE]: 'SeaTable_table'
 };

package/dist/basic-sdk/extension/plugins/file-link/constants/index.js

@@ -12,7 +12,7 @@ const FILE_LINK_TYPE = exports.FILE_LINK_TYPE = {
 const FILE_LINK_TYPE_CONFIG = exports.FILE_LINK_TYPE_CONFIG = {
   [FILE_LINK_TYPE.TEXT_LINK]: {
     icon: 'sdocfont sdoc-text-link',
-    text: 'Text_link'
+    text: 'Text_Link'
   },
   [FILE_LINK_TYPE.ICON_LINK]: {
     icon: 'sdocfont sdoc-inline-link',

package/dist/basic-sdk/extension/plugins/seatable-column/menu/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../../constants");
 var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
 var _columnListMenu = _interopRequireDefault(require("./column-list-menu"));
@@ -17,7 +18,8 @@ const SeaTableColumnMenu = _ref => {
     editor,
     readonly,
     insertPosition,
-    toggle
+    toggle,
+    isHidden
   } = _ref;
   const dropDownMenuRef = (0, _react.useRef)(null);
   const disabled = (0, _helpers.isMenuDisabled)(editor, readonly);
@@ -25,7 +27,9 @@ const SeaTableColumnMenu = _ref => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     disabled: disabled,
     menuConfig: menuConfig,
-    className: "pr-2 sdoc-dropdown-menu-item-relative",
+    className: (0, _classnames.default)('pr-2 sdoc-dropdown-menu-item-relative', {
+      'sdoc-dropdown-menu-item-hidden': isHidden
+    }),
     ref: dropDownMenuRef
   }, !disabled && /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"

package/dist/basic-sdk/extension/plugins/seatable-tables/menu/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _reactstrap = require("reactstrap");
 var _helpers = require("../helpers");
 var _constants = require("../../../constants");
@@ -18,7 +19,8 @@ const SeaTableTableMenu = _ref => {
     editor,
     readonly,
     insertPosition,
-    toggle
+    toggle,
+    isHidden
   } = _ref;
   const dropDownMenuRef = (0, _react.useRef)(null);
   const disabled = (0, _helpers.isInsertSeaTableTableDisabled)(editor, readonly);
@@ -30,7 +32,9 @@ const SeaTableTableMenu = _ref => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     disabled: disabled,
     menuConfig: menuConfig,
-    className: "pr-2 sdoc-dropdown-menu-item-relative",
+    className: (0, _classnames.default)('pr-2 sdoc-dropdown-menu-item-relative', {
+      'sdoc-dropdown-menu-item-hidden': isHidden
+    }),
     ref: dropDownMenuRef
   }, !disabled && /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setSelection = exports.onWrapListItem = exports.onSetNodeType = exports.onDeleteNode = exports.onCopyNode = exports.isVoidNode = exports.isNotSupportTransform = exports.isList = exports.isBlockquote = exports.insertElement = exports.getTopValue = exports.getNodeEntry = exports.getListNode = void 0;
+exports.setSelection = exports.onWrapListItem = exports.onSetNodeType = exports.onDeleteNode = exports.onCopyNode = exports.isVoidNode = exports.isNotSupportTransform = exports.isList = exports.isBlockquote = exports.insertElement = exports.getTransformMenusConfig = exports.getTopValue = exports.getSearchedOperations = exports.getNodeEntry = exports.getListNode = void 0;
 var _slate = require("@seafile/slate");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _slateReact = require("@seafile/slate-react");
@@ -216,4 +216,60 @@ const onWrapListItem = (editor, targetPath, sourcePath) => {
   });
   return;
 };
-exports.onWrapListItem = onWrapListItem;
+exports.onWrapListItem = onWrapListItem;
+const getTransformMenusConfig = (editor, slateNode) => {
+  let newSideMenusConfig = _constants.SIDE_TRANSFORM_MENUS_CONFIG;
+  if (_constants.LIST_ITEM_CORRELATION_TYPE.includes(slateNode.type)) {
+    newSideMenusConfig = _constants.SIDE_TRANSFORM_MENUS_CONFIG.filter(item => _constants.LIST_ITEM_SUPPORTED_TRANSFORMATION.includes(item.type));
+  }
+  const path = _slateReact.ReactEditor.findPath(editor, slateNode);
+  if (path) {
+    const nodeIndex = path[0];
+    const highestNode = editor.children[nodeIndex];
+    if (path.length > 1) {
+      if (highestNode.type === _constants.BLOCKQUOTE) {
+        newSideMenusConfig = _constants.SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== _constants.CALL_OUT);
+      }
+    }
+
+    // headers can't be nested by quote block
+    if (_constants.HEADERS.includes(highestNode.type)) {
+      newSideMenusConfig = _constants.SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== _constants.BLOCKQUOTE);
+    }
+    if ([_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes(highestNode.type)) {
+      // If it's not the top list item, cannot be converted to checks
+      if (!(0, _core.isTopLevelListItem)(editor)) {
+        newSideMenusConfig = _constants.SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== _constants.CALL_OUT);
+      }
+      // Multi-level list items cannot be converted to checks
+      if ((0, _core.isMultiLevelList)(highestNode)) {
+        newSideMenusConfig = newSideMenusConfig.filter(item => item.type !== _constants.CHECK_LIST_ITEM);
+      }
+    }
+  }
+  return newSideMenusConfig;
+};
+exports.getTransformMenusConfig = getTransformMenusConfig;
+const getSearchedOperations = (sourceMenuSearchMap, isNodeEmpty, event, t) => {
+  let menuSearchMap = {};
+  if (event.target.value.trim()) {
+    Object.keys(sourceMenuSearchMap).forEach(key => {
+      const value = sourceMenuSearchMap[key];
+      const sourceStr = t(value).toUpperCase();
+      const targetStr = event.target.value.trim().toUpperCase();
+      if (sourceStr.includes(targetStr)) {
+        menuSearchMap[key] = value;
+      }
+    });
+    if (!isNodeEmpty) {
+      menuSearchMap['searchingForTransformMenu'] = true; // Used to identify the search for Transform menu list
+    }
+  } else {
+    menuSearchMap = sourceMenuSearchMap;
+    if (!isNodeEmpty) {
+      menuSearchMap['searchingForTransformMenu'] = false;
+    }
+  }
+  return menuSearchMap;
+};
+exports.getSearchedOperations = getSearchedOperations;

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

@@ -9,6 +9,7 @@ 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"));
@@ -26,9 +27,13 @@ const InsertBlockMenu = _ref => {
   let {
     insertPosition,
     slateNode,
-    isNodeEmpty
+    isNodeEmpty,
+    insertMenuSearchMap = _constants.SIDE_INSERT_MENUS_SEARCH_MAP
   } = _ref;
   const editor = (0, _slateReact.useSlateStatic)();
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
   const onInsertImageToggle = (0, _react.useCallback)(() => {
     const eventBus = _eventBus.default.getInstance();
     if (insertPosition === _constants.INSERT_POSITION.CURRENT) {
@@ -85,11 +90,13 @@ const InsertBlockMenu = _ref => {
     }
   }, [editor, insertPosition]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.IMAGE],
     menuConfig: {
       ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.IMAGE]
     },
     onClick: onInsertImageToggle
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.TABLE],
     menuConfig: {
       ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.TABLE]
     },
@@ -104,21 +111,25 @@ const InsertBlockMenu = _ref => {
     popperClassName: "sdoc-side-menu-table-size",
     createTable: createTable
   })), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.LINK],
     menuConfig: {
       ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.LINK]
     },
     onClick: openLinkDialog
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.CODE_BLOCK],
     menuConfig: {
       ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CODE_BLOCK]
     },
     onClick: onInsertCodeBlock
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.CALL_OUT],
     menuConfig: {
       ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CALL_OUT]
     },
     onClick: () => onInsertCallout(_constants.PARAGRAPH)
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.UNORDERED_LIST],
     menuConfig: {
       ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.UNORDERED_LIST]
     },
@@ -126,6 +137,7 @@ const InsertBlockMenu = _ref => {
       onInsertList(_constants.ELEMENT_TYPE.UNORDERED_LIST);
     }
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.ORDERED_LIST],
     menuConfig: {
       ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.ORDERED_LIST]
     },
@@ -133,26 +145,32 @@ const InsertBlockMenu = _ref => {
       onInsertList(_constants.ELEMENT_TYPE.ORDERED_LIST);
     }
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.CHECK_LIST_ITEM],
     menuConfig: {
       ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CHECK_LIST_ITEM]
     },
     onClick: onInsertCheckList
   }), [_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(_dropdownMenuItem.default, {
+      isHidden: !insertMenuSearchMap[item.type],
       disabled: isNodeEmpty && item.type === _constants.PARAGRAPH,
       key: item.id,
       menuConfig: item,
       onClick: () => onInsert(item.type)
     });
   }), editor.columns && /*#__PURE__*/_react.default.createElement(_menu.default, {
+    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.COLUMN],
     editor: editor,
     readonly: editor.readonly,
     insertPosition: insertPosition
   }), editor.tables && /*#__PURE__*/_react.default.createElement(_menu2.default, {
+    isHidden: !insertMenuSearchMap[_constants.ELEMENT_TYPE.SEATABLE_TABLE],
     editor: editor,
     readonly: editor.readonly,
     insertPosition: insertPosition
-  }));
+  }), Object.keys(insertMenuSearchMap).length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-item-no-results"
+  }, t('No_results')));
 };
 InsertBlockMenu.defaultProps = {
   insertPosition: _constants.INSERT_POSITION.CURRENT

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

@@ -14,6 +14,15 @@
   z-index: 999;
 }
 
+.sdoc-side-menu .sdoc-side-menu-search-wrapper {
+  padding: 12px;
+}
+
+.sdoc-side-menu .sdoc-side-menu-search-wrapper input {
+  max-height: 30px;
+  font-size: 14px;
+}
+
 .sdoc-side-menu-insert-below-popover .popover {
   background-color: #fff;
   min-width: 150px;

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

@@ -9,6 +9,7 @@ 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 _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
 var _context = _interopRequireDefault(require("../../../../context"));
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
@@ -31,6 +32,8 @@ const SideMenu = (_ref, ref) => {
   } = _ref;
   const sideMenuRef = (0, _react.useRef)(null);
   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 editor = (0, _slateReact.useSlateStatic)();
   (0, _react.useEffect)(() => {
     const eventBus = _eventBus.default.getInstance();
@@ -78,13 +81,45 @@ const SideMenu = (_ref, ref) => {
       sideMenuDom: sideMenuRef.current
     };
   }, []);
+  const onSetType = (0, _react.useCallback)(newType => {
+    (0, _helpers.onSetNodeType)(editor, slateNode, newType);
+    onReset();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const onChange = (0, _react.useCallback)(e => {
+    if (!sideMenuRef.current.isInputtingChinese) {
+      if (isNodeEmpty) {
+        const newMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_INSERT_MENUS_SEARCH_MAP, isNodeEmpty, e, t);
+        setInsertMenuSearchMap(newMenuSearchMap);
+      }
+      if (!isNodeEmpty) {
+        const newMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_TRANSFORM_MENUS_SEARCH_MAP, isNodeEmpty, e, t);
+        setTransformMenuSearchMap(newMenuSearchMap);
+      }
+    }
+  }, [t, isNodeEmpty]);
+  const onCompositionStart = (0, _react.useCallback)(() => {
+    sideMenuRef.current.isInputtingChinese = true;
+  }, []);
+  const onCompositionEnd = (0, _react.useCallback)(e => {
+    sideMenuRef.current.isInputtingChinese = false;
+    onChange(e);
+  }, [onChange]);
   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, !isNodeEmpty && !(0, _helpers.isNotSupportTransform)(slateNode) && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-side-menu-search-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+    autoFocus: true,
+    placeholder: t('Search_action...'),
+    onChange: onChange,
+    onCompositionStart: onCompositionStart,
+    onCompositionEnd: onCompositionEnd
+  })), !isNodeEmpty && !(0, _helpers.isNotSupportTransform)(slateNode) && !transformMenuSearchMap['searchingForTransformMenu'] && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       id: 'sdoc-side-menu-item-transform',
       text: 'Transform_to',
@@ -96,51 +131,67 @@ const SideMenu = (_ref, ref) => {
   }), /*#__PURE__*/_react.default.createElement(_transformMenus.default, {
     target: "sdoc-side-menu-item-transform",
     slateNode: slateNode,
-    onReset: onReset
+    editor: editor,
+    onSetType: onSetType
   }))), isNodeEmpty && /*#__PURE__*/_react.default.createElement(_insertBlockMenu.default, {
     isNodeEmpty: isNodeEmpty,
-    slateNode: slateNode
+    slateNode: slateNode,
+    insertMenuSearchMap: insertMenuSearchMap
   }), !isNodeEmpty && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__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"
+    className: "pr-2 sdoc-dropdown-menu-item-relative",
+    isHidden: transformMenuSearchMap['searchingForTransformMenu']
   }, /*#__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
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), 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", {
     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: {
       text: 'Copy_link_of_section',
       iconClass: 'sdocfont sdoc-link'
     },
-    onClick: onCopyHeaderLink
-  }), /*#__PURE__*/_react.default.createElement("div", {
+    onClick: onCopyHeaderLink,
+    isHidden: !transformMenuSearchMap['COPY_LINK_OF_SECTION']
+  }), !transformMenuSearchMap['searchingForTransformMenu'] && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-divider"
   })), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       text: 'Copy',
       iconClass: 'sdocfont sdoc-copy'
     },
-    onClick: onCopy
+    onClick: onCopy,
+    isHidden: !transformMenuSearchMap['COPY']
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       text: 'Cut',
       iconClass: 'sdocfont sdoc-cut'
     },
-    onClick: onCut
+    onClick: onCut,
+    isHidden: !transformMenuSearchMap['CUT']
   }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       text: 'Delete',
       iconClass: 'sdocfont sdoc-delete'
     },
-    onClick: onDelete
-  }))));
+    onClick: onDelete,
+    isHidden: !transformMenuSearchMap['DELETE']
+  }), transformMenuSearchMap['searchingForTransformMenu'] && Object.keys(transformMenuSearchMap).length === 1 && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-item-no-results"
+  }, t('No_results')))));
 };
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor', {
   withRef: true

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

@@ -1,65 +1,22 @@
 "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 = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _reactI18next = require("react-i18next");
-var _slateReact = require("@seafile/slate-react");
 var _helpers = require("./helpers");
-var _constants = require("../../constants");
 var _dropdownMenuItem = _interopRequireDefault(require("../../commons/dropdown-menu-item"));
-var _core = require("../../core");
 const TransformMenus = _ref => {
   let {
-    target,
+    editor,
     slateNode,
-    onReset,
-    t
+    target,
+    onSetType
   } = _ref;
-  const editor = (0, _slateReact.useSlateStatic)();
-  const onSetType = (0, _react.useCallback)(newType => {
-    (0, _helpers.onSetNodeType)(editor, slateNode, newType);
-    onReset();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const getSideMenusConfig = (0, _react.useCallback)(SIDE_TRANSFORM_MENUS_CONFIG => {
-    let newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG;
-    if (_constants.LIST_ITEM_CORRELATION_TYPE.includes(slateNode.type)) {
-      newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => _constants.LIST_ITEM_SUPPORTED_TRANSFORMATION.includes(item.type));
-    }
-    const path = _slateReact.ReactEditor.findPath(editor, slateNode);
-    if (path) {
-      const nodeIndex = path[0];
-      const highestNode = editor.children[nodeIndex];
-      if (path.length > 1) {
-        if (highestNode.type === _constants.BLOCKQUOTE) {
-          newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== _constants.CALL_OUT);
-        }
-      }
-
-      // headers can't be nested by quote block
-      if (_constants.HEADERS.includes(highestNode.type)) {
-        newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== _constants.BLOCKQUOTE);
-      }
-      if ([_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes(highestNode.type)) {
-        // If it's not the top list item, cannot be converted to checks
-        if (!(0, _core.isTopLevelListItem)(editor)) {
-          newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== _constants.CALL_OUT);
-        }
-        // Multi-level list items cannot be converted to checks
-        if ((0, _core.isMultiLevelList)(highestNode)) {
-          newSideMenusConfig = newSideMenusConfig.filter(item => item.type !== _constants.CHECK_LIST_ITEM);
-        }
-      }
-    }
-    return newSideMenusConfig;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [slateNode]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     boundariesElement: "viewport",
     target: target,
@@ -70,7 +27,7 @@ const TransformMenus = _ref => {
     fade: false
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-container"
-  }, getSideMenusConfig(_constants.SIDE_TRANSFORM_MENUS_CONFIG).map(item => {
+  }, (0, _helpers.getTransformMenusConfig)(editor, slateNode).map(item => {
     return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
       key: item.id,
       menuConfig: item,

package/dist/basic-sdk/outline/index.js

@@ -51,7 +51,7 @@ const SDocOutline = _ref => {
     updateOutlineState(!isShown);
   }, [isShown, updateOutlineState]);
   const list = (0, _react.useMemo)(() => {
-    return doc.filter(item => ['header1', 'header2', 'header3'].includes(item.type));
+    return doc === null || doc === void 0 ? void 0 : doc.filter(item => ['header1', 'header2', 'header3'].includes(item.type));
   }, [doc]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('sdoc-outline-wrapper', {

package/package.json

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

package/public/locales/cs/sdoc-editor.json

@@ -564,5 +564,6 @@
   "the_past_numbers_of_days": "the past numbers of days",
   "Double_click_to_enter_edit_mode_and_adjust_field_width" : "Double click to enter edit mode and adjust field width",
   "Enter_comment_Enter_for_new_line_shift_enter_to_send": "Enter comment, Enter for new line, Shift + Enter to send",
-  "Sub_table": "Tabulka"
+  "Sub_table": "Tabulka",
+  "Search_action...": "Search action..."
 }

package/public/locales/de/sdoc-editor.json

@@ -564,5 +564,6 @@
   "the_past_numbers_of_days": "the past numbers of days",
   "Double_click_to_enter_edit_mode_and_adjust_field_width" : "Double click to enter edit mode and adjust field width",
   "Enter_comment_Enter_for_new_line_shift_enter_to_send": "Enter comment, Enter for new line, Shift + Enter to send",
-  "Sub_table": "Tabelle"
+  "Sub_table": "Tabelle",
+  "Search_action...": "Search action..."
 }

package/public/locales/en/sdoc-editor.json

@@ -564,5 +564,6 @@
   "the_past_numbers_of_days": "the past numbers of days",
   "Double_click_to_enter_edit_mode_and_adjust_field_width" : "Double click to enter edit mode and adjust field width",
   "Enter_comment_Enter_for_new_line_shift_enter_to_send": "Enter comment, Enter for new line, Shift + Enter to send",
-  "Sub_table": "Table"
+  "Sub_table": "Table",
+  "Search_action...": "Search action..."
 }

package/public/locales/es/sdoc-editor.json

@@ -564,5 +564,6 @@
   "the_past_numbers_of_days": "the past numbers of days",
   "Double_click_to_enter_edit_mode_and_adjust_field_width" : "Double click to enter edit mode and adjust field width",
   "Enter_comment_Enter_for_new_line_shift_enter_to_send": "Enter comment, Enter for new line, Shift + Enter to send",
-  "Sub_table": "Tabla"
+  "Sub_table": "Tabla",
+  "Search_action...": "Search action..."
 }

package/public/locales/es_AR/sdoc-editor.json

@@ -564,5 +564,6 @@
   "the_past_numbers_of_days": "the past numbers of days",
   "Double_click_to_enter_edit_mode_and_adjust_field_width" : "Double click to enter edit mode and adjust field width",
   "Enter_comment_Enter_for_new_line_shift_enter_to_send": "Enter comment, Enter for new line, Shift + Enter to send",
-  "Sub_table": "Tabla"
+  "Sub_table": "Tabla",
+  "Search_action...": "Search action..."
 }

package/public/locales/es_MX/sdoc-editor.json

@@ -564,5 +564,6 @@
   "the_past_numbers_of_days": "the past numbers of days",
   "Double_click_to_enter_edit_mode_and_adjust_field_width" : "Double click to enter edit mode and adjust field width",
   "Enter_comment_Enter_for_new_line_shift_enter_to_send": "Enter comment, Enter for new line, Shift + Enter to send",
-  "Sub_table": "Tabla"
+  "Sub_table": "Tabla",
+  "Search_action...": "Search action..."
 }

package/public/locales/fr/sdoc-editor.json

@@ -564,5 +564,6 @@
   "the_past_numbers_of_days": "the past numbers of days",
   "Double_click_to_enter_edit_mode_and_adjust_field_width" : "Double click to enter edit mode and adjust field width",
   "Enter_comment_Enter_for_new_line_shift_enter_to_send": "Enter comment, Enter for new line, Shift + Enter to send",
-  "Sub_table": "Tableau"
+  "Sub_table": "Tableau",
+  "Search_action...": "Search action..."
 }

package/public/locales/it/sdoc-editor.json

@@ -564,5 +564,6 @@
   "the_past_numbers_of_days": "the past numbers of days",
   "Double_click_to_enter_edit_mode_and_adjust_field_width" : "Double click to enter edit mode and adjust field width",
   "Enter_comment_Enter_for_new_line_shift_enter_to_send": "Enter comment, Enter for new line, Shift + Enter to send",
-  "Sub_table": "Tabella"
+  "Sub_table": "Tabella",
+  "Search_action...": "Search action..."
 }

package/public/locales/ru/sdoc-editor.json

@@ -564,5 +564,6 @@
   "the_past_numbers_of_days": "прошедшее количество дней",
   "Double_click_to_enter_edit_mode_and_adjust_field_width" : "Дважды щелкните, чтобы войти в режим редактирования и отрегулировать ширину поля",
   "Enter_comment_Enter_for_new_line_shift_enter_to_send": "Введите комментарий, Enter для новой строки, Shift + Enter для отправки",
-  "Sub_table": "Таблица"
+  "Sub_table": "Таблица",
+  "Search_action...": "Search action..."
 }

package/public/locales/zh_CN/sdoc-editor.json

@@ -564,5 +564,6 @@
   "the_past_numbers_of_days": "今天之前的指定天数",
   "Double_click_to_enter_edit_mode_and_adjust_field_width" : "双击可进入编辑模式并调整字段宽度",
   "Enter_comment_Enter_for_new_line_shift_enter_to_send": "输入评论，Enter 换行，Shift + Enter 发送",
-  "Sub_table": "子表"
+  "Sub_table": "子表",
+  "Search_action...": "搜索操作..."
 }