@seafile/sdoc-editor 1.0.155 → 1.0.156

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

@@ -337,6 +337,12 @@ Object.defineProperty(exports, "SDOC_LINK", {
     return _elementType.SDOC_LINK;
   }
 });
+Object.defineProperty(exports, "SEATABLE_COLUMN", {
+  enumerable: true,
+  get: function () {
+    return _elementType.SEATABLE_COLUMN;
+  }
+});
 Object.defineProperty(exports, "SEATABLE_TABLE", {
   enumerable: true,
   get: function () {

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

@@ -414,12 +414,10 @@ const SIDE_INSERT_MENUS_SEARCH_MAP = exports.SIDE_INSERT_MENUS_SEARCH_MAP = {
   [_elementType.IMAGE]: 'Image',
   [_elementType.VIDEO]: 'Video',
   [_elementType.TABLE]: 'Table',
-  [_elementType.MULTI_COLUMN]: 'Multi_column',
   [_elementType.COLUMN]: 'Column',
   [_elementType.TWO_COLUMN]: 'Two_column',
   [_elementType.THREE_COLUMN]: 'Three_column',
   [_elementType.FOUR_COLUMN]: 'Four_column',
-  [_elementType.FIVE_COLUMN]: 'Five_column',
   [_elementType.LINK]: 'Link',
   [_elementType.CODE_BLOCK]: 'Code_block',
   [_elementType.CALL_OUT]: 'Callout',

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

@@ -31,9 +31,10 @@ const RenderQuickInsert = (_ref, editor, readonly) => {
   const scrollRef = (0, _useScrollContext.useScrollContext)();
   const insertElmRef = (0, _react.useRef)(null);
   const aboveBlockNode = (0, _core.getAboveBlockNode)(editor);
-  const searchText = _slate.Node.string(element);
   const isEmptyNode = (0, _helpers.isVoidNode)(aboveBlockNode === null || aboveBlockNode === void 0 ? void 0 : aboveBlockNode[0]);
   const handleClick = (0, _react.useCallback)(e => {
+    // Click the search input
+    if (sideMenuRef.current.contains(e.target) && e.target.tagName === 'INPUT') return;
     if (!insertElmRef.current.contains(e.target)) {
       (0, _helper.transformToText)(editor, element);
     }
@@ -88,7 +89,6 @@ const RenderQuickInsert = (_ref, editor, readonly) => {
     isEmptyNode: isEmptyNode,
     insertPosition: isEmptyNode ? _constants.INSERT_POSITION.CURRENT : _constants.INSERT_POSITION.AFTER,
     slateNode: aboveBlockNode === null || aboveBlockNode === void 0 ? void 0 : aboveBlockNode[0],
-    searchText: searchText,
     callback: handleInsertBlock
   })))));
 };

package/dist/basic-sdk/extension/toolbar/insert-element-toolbar/const.js

@@ -3,31 +3,5 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SHORT_INSERT_ELEMENT_USER_INPUT_MAP = exports.SELECTED_ITEM_CLASS_NAME = void 0;
-var _constants = require("../../constants");
-const SELECTED_ITEM_CLASS_NAME = exports.SELECTED_ITEM_CLASS_NAME = 'sdoc-dropdown-item-selected';
-const SHORT_INSERT_ELEMENT_USER_INPUT_MAP = exports.SHORT_INSERT_ELEMENT_USER_INPUT_MAP = {
-  [_constants.IMAGE]: 'image',
-  [_constants.TABLE]: 'table',
-  [_constants.LINK]: 'link',
-  [_constants.CODE_BLOCK]: 'code block',
-  [_constants.CALL_OUT]: 'callout',
-  [_constants.UNORDERED_LIST]: 'unorder list',
-  [_constants.ORDERED_LIST]: 'order list',
-  [_constants.CHECK_LIST_ITEM]: 'check list',
-  [_constants.PARAGRAPH]: 'paragraph',
-  [_constants.HEADER1]: 'header 1',
-  [_constants.HEADER2]: 'header 2',
-  [_constants.HEADER3]: 'header 3',
-  [_constants.HEADER4]: 'header 4',
-  [_constants.HEADER5]: 'header 5',
-  [_constants.HEADER6]: 'header 6',
-  [_constants.BLOCKQUOTE]: 'quote',
-  [_constants.MULTI_COLUMN]: 'multi_column',
-  [_constants.COLUMN]: 'column',
-  [_constants.TWO_COLUMN]: 'two_column',
-  [_constants.THREE_COLUMN]: 'three_column',
-  [_constants.FOUR_COLUMN]: 'four_column',
-  [_constants.FIVE_COLUMN]: 'five_column',
-  [_constants.VIDEO]: 'video'
-};
+exports.SELECTED_ITEM_CLASS_NAME = void 0;
+const SELECTED_ITEM_CLASS_NAME = exports.SELECTED_ITEM_CLASS_NAME = 'sdoc-dropdown-item-selected';

package/dist/basic-sdk/extension/toolbar/insert-element-toolbar/index.js

@@ -9,6 +9,8 @@ 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 _reactstrap = require("reactstrap");
 var _helpers = require("../side-toolbar/helpers");
 var _helpers2 = require("../../plugins/table/helpers");
 var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
@@ -30,14 +32,14 @@ const QuickInsertBlockMenu = _ref => {
   let {
     insertPosition,
     slateNode,
-    searchText,
     callback,
-    isEmptyNode
+    isEmptyNode,
+    t
   } = _ref;
   const editor = (0, _slateReact.useSlateStatic)();
-  const [currentSelectIndex, setCurrentSelectIndex] = (0, _react.useState)(0);
-  const renderItemListRef = (0, _react.useRef)([]);
   const downDownWrapperRef = (0, _react.useRef)(null);
+  const [currentSelectIndex, setCurrentSelectIndex] = (0, _react.useState)(0);
+  const [quickInsertMenuSearchMap, setQuickInsertMenuSearchMap] = (0, _react.useState)(_constants.SIDE_INSERT_MENUS_SEARCH_MAP);
   const onInsertImageToggle = (0, _react.useCallback)(() => {
     callback && callback();
     const eventBus = _eventBus.default.getInstance();
@@ -145,6 +147,7 @@ const QuickInsertBlockMenu = _ref => {
   const dropDownItems = (0, _react.useMemo)(() => {
     let items = {
       [_constants.IMAGE]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.IMAGE],
         disabled: isDisableImage,
         key: "sdoc-insert-menu-image",
         menuConfig: {
@@ -153,6 +156,7 @@ const QuickInsertBlockMenu = _ref => {
         onClick: onInsertImageToggle
       }),
       [_constants.VIDEO]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.VIDEO],
         disabled: isDisableVideo,
         key: "sdoc-insert-menu-video",
         menuConfig: {
@@ -164,6 +168,7 @@ const QuickInsertBlockMenu = _ref => {
       /*#__PURE__*/
       // eslint-disable-next-line react/jsx-indent
       _react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.TABLE],
         key: "sdoc-insert-menu-tabe",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.TABLE]
@@ -180,6 +185,7 @@ const QuickInsertBlockMenu = _ref => {
         createTable: createTable
       })),
       [_constants.LINK]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.LINK],
         key: "sdoc-insert-menu-link",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.LINK]
@@ -187,6 +193,7 @@ const QuickInsertBlockMenu = _ref => {
         onClick: openLinkDialog
       }),
       [_constants.BLOCKQUOTE]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.BLOCKQUOTE],
         key: "sdoc-insert-menu-blockquote",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.BLOCKQUOTE]
@@ -194,6 +201,7 @@ const QuickInsertBlockMenu = _ref => {
         onClick: onInsertBlockQuote
       }),
       [_constants.CODE_BLOCK]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.CODE_BLOCK],
         key: "sdoc-insert-menu-code-block",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CODE_BLOCK]
@@ -201,6 +209,7 @@ const QuickInsertBlockMenu = _ref => {
         onClick: onInsertCodeBlock
       }),
       [_constants.CALL_OUT]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.CALL_OUT],
         disabled: isDisableCallout,
         key: "sdoc-insert-menu-callout",
         menuConfig: {
@@ -209,6 +218,7 @@ const QuickInsertBlockMenu = _ref => {
         onClick: () => onInsertCallout(_constants.PARAGRAPH)
       }),
       [_constants.UNORDERED_LIST]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.UNORDERED_LIST],
         key: "sdoc-insert-menu-unorder-list",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.UNORDERED_LIST]
@@ -218,6 +228,7 @@ const QuickInsertBlockMenu = _ref => {
         }
       }),
       [_constants.ORDERED_LIST]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.ORDERED_LIST],
         key: "sdoc-insert-menu-order-list",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.ORDERED_LIST]
@@ -227,6 +238,7 @@ const QuickInsertBlockMenu = _ref => {
         }
       }),
       [_constants.CHECK_LIST_ITEM]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.CHECK_LIST_ITEM],
         key: "sdoc-insert-menu-check-list",
         menuConfig: {
           ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CHECK_LIST_ITEM]
@@ -234,6 +246,7 @@ const QuickInsertBlockMenu = _ref => {
         onClick: onInsertCheckList
       }),
       [_constants.PARAGRAPH]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[_constants.PARAGRAPH],
         disabled: isEmptyNode,
         key: "sdoc-insert-menu-paragraph",
         menuConfig: {
@@ -244,6 +257,7 @@ const QuickInsertBlockMenu = _ref => {
     };
     _constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.HEADER].forEach(item => {
       items[item.id.toLowerCase()] = /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[item.type],
         key: item.id,
         menuConfig: item,
         onClick: () => onInsert(item.type)
@@ -251,6 +265,7 @@ const QuickInsertBlockMenu = _ref => {
     });
     _constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.MULTI_COLUMN].forEach(item => {
       items[item.id.toLowerCase()] = /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+        isHidden: !quickInsertMenuSearchMap[item.type],
         className: "sdoc-insert-menu-multi-column",
         key: item.id,
         menuConfig: item,
@@ -258,7 +273,7 @@ const QuickInsertBlockMenu = _ref => {
       });
     });
     return items;
-  }, [isDisableImage, isDisableVideo, onInsertImageToggle, editor, createTable, openLinkDialog, onInsertBlockQuote, onInsertCodeBlock, isDisableCallout, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn]);
+  }, [isDisableImage, onInsertImageToggle, isDisableVideo, onInsertVideoToggle, editor, createTable, openLinkDialog, onInsertBlockQuote, onInsertCodeBlock, isDisableCallout, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn, quickInsertMenuSearchMap]);
   const getSelectItemDom = selectIndex => {
     const dropDownItemWrapper = downDownWrapperRef.current;
     const currentSelectItem = dropDownItemWrapper.children[selectIndex];
@@ -321,35 +336,38 @@ const QuickInsertBlockMenu = _ref => {
       currentSelectItem.classList.add(_const.SELECTED_ITEM_CLASS_NAME);
     }
   }, [clearSelectStyle, currentSelectIndex, dropDownItems]);
-  if (searchText) {
-    const renderList = [];
-    for (const key in dropDownItems) {
-      if (Object.hasOwnProperty.call(dropDownItems, key)) {
-        const inputText = _const.SHORT_INSERT_ELEMENT_USER_INPUT_MAP[key];
-        if (inputText.toLowerCase().indexOf(searchText.toLowerCase()) !== -1) {
-          renderList.push(dropDownItems[key]);
-        }
-      }
+  const onChange = (0, _react.useCallback)(e => {
+    if (!downDownWrapperRef.current.isInputtingChinese) {
+      const newMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_INSERT_MENUS_SEARCH_MAP, true, e, t, editor);
+      setQuickInsertMenuSearchMap(newMenuSearchMap);
     }
-    if (!renderList.length) {
-      renderList.push( /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-        key: "sdoc-insert-menu-no-result",
-        menuConfig: {
-          text: 'Search_not_found'
-        }
-      }));
-    }
-    renderItemListRef.current = renderList;
-  } else {
-    // setRenderItemList(dropDownItems);
-    renderItemListRef.current = Object.values(dropDownItems);
-  }
+  }, [editor, t]);
+  const onCompositionStart = (0, _react.useCallback)(() => {
+    downDownWrapperRef.current.isInputtingChinese = true;
+  }, []);
+  const onCompositionEnd = (0, _react.useCallback)(e => {
+    downDownWrapperRef.current.isInputtingChinese = false;
+    onChange(e);
+  }, [onChange]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-insert-element-toolbar",
     ref: downDownWrapperRef
-  }, renderItemListRef.current);
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-side-menu-search-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+    placeholder: t('Search_action'),
+    onChange: onChange,
+    onCompositionStart: onCompositionStart,
+    onCompositionEnd: onCompositionEnd
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-insert-element-content-wrapper"
+  }, Object.keys(dropDownItems).map(key => {
+    return dropDownItems[key];
+  }), Object.keys(quickInsertMenuSearchMap).length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-item-no-results"
+  }, t('No_results'))));
 };
 QuickInsertBlockMenu.defaultProps = {
   insertPosition: _constants.INSERT_POSITION.CURRENT
 };
-var _default = exports.default = QuickInsertBlockMenu;
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(QuickInsertBlockMenu);

package/dist/basic-sdk/extension/toolbar/insert-element-toolbar/style.css

@@ -1,3 +1,8 @@
 .sdoc-insert-element-toolbar .sdoc-dropdown-menu-item.sdoc-dropdown-item-selected {
   background-color: #e3e3e3;
 }
+
+.sdoc-insert-element-toolbar .sdoc-insert-element-content-wrapper {
+  max-height: 278px;
+  overflow-y: auto;
+}

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

@@ -248,7 +248,7 @@ const getTransformMenusConfig = (editor, slateNode) => {
   return newSideMenusConfig;
 };
 exports.getTransformMenusConfig = getTransformMenusConfig;
-const getSearchedOperations = (sourceMenuSearchMap, isNodeEmpty, event, t) => {
+const getSearchedOperations = (sourceMenuSearchMap, isNodeEmpty, event, t, editor) => {
   let menuSearchMap = {};
   if (event.target.value.trim()) {
     Object.keys(sourceMenuSearchMap).forEach(key => {
@@ -256,6 +256,10 @@ const getSearchedOperations = (sourceMenuSearchMap, isNodeEmpty, event, t) => {
       const sourceStr = t(value).toUpperCase();
       const targetStr = event.target.value.trim().toUpperCase();
       if (sourceStr.includes(targetStr)) {
+        // Only the documentation plugin has this operation
+        if ([_constants.SEATABLE_COLUMN, _constants.SEATABLE_TABLE].includes(key) && editor.editorType !== _constants3.DOCUMENT_PLUGIN_EDITOR) {
+          return;
+        }
         menuSearchMap[key] = value;
       }
     });

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

@@ -183,6 +183,7 @@ const InsertBlockMenu = _ref => {
     });
   }), _constants.SIDE_INSERT_MENUS_CONFIG[_constants.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)

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

@@ -94,13 +94,13 @@ const SideMenu = (_ref, ref) => {
   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);
+        const newMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_INSERT_MENUS_SEARCH_MAP, isNodeEmpty, e, t, editor);
         setInsertMenuSearchMap(newMenuSearchMap);
       }
       if (!isNodeEmpty) {
-        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);
+        const newTransformMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_TRANSFORM_MENUS_SEARCH_MAP, isNodeEmpty, e, t, editor);
+        const newInsertBelowMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_INSERT_MENUS_SEARCH_MAP, isNodeEmpty, e, t, editor);
+        const newOtherOperationsMenuSearchMap = (0, _helpers.getSearchedOperations)(_constants.SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP, isNodeEmpty, e, t, editor);
         setTransformMenuSearchMap(newTransformMenuSearchMap);
         setInsertBelowMenuSearchMap(newInsertBelowMenuSearchMap);
         setOtherOperatonsMenuSearchMap(newOtherOperationsMenuSearchMap);
@@ -113,7 +113,7 @@ const SideMenu = (_ref, ref) => {
         });
       }
     }
-  }, [isNodeEmpty, t, onUpdateMenuLocation]);
+  }, [isNodeEmpty, t, onUpdateMenuLocation, editor]);
   const onCompositionStart = (0, _react.useCallback)(() => {
     sideMenuRef.current.isInputtingChinese = true;
   }, []);

package/package.json

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