@seafile/sdoc-editor 3.0.200 → 3.0.202

package/dist/editor/editable-article.js

@@ -20,7 +20,8 @@ var _decorates = require("../decorates");
 var _extension = require("../extension");
 var _constants2 = require("../extension/constants");
 var _core = require("../extension/core");
-var _helpers = require("../extension/plugins/table/helpers");
+var _helpers = require("../extension/plugins/header/helpers");
+var _helpers2 = require("../extension/plugins/table/helpers");
 var _highlight = require("../highlight");
 var _useForceUpdate = _interopRequireDefault(require("../hooks/use-force-update"));
 var _useScrollContext = require("../hooks/use-scroll-context");
@@ -56,7 +57,7 @@ var EditableArticle = function EditableArticle(_ref) {
   }, []);
   var onMouseDown = (0, _react.useCallback)(function (event) {
     if (event.button === 0) {
-      var isPreventReset = (0, _helpers.isPreventResetTableSelectedRange)(event);
+      var isPreventReset = (0, _helpers2.isPreventResetTableSelectedRange)(event);
       if (!isPreventReset) {
         editor.reSetTableSelectedRange();
         var eventBus = _eventBus["default"].getInstance();
@@ -207,6 +208,10 @@ var EditableArticle = function EditableArticle(_ref) {
         unit: 'offset',
         reverse: true
       });
+      var hiddenMovePoint = editor.selection ? (0, _helpers.getSkippedHiddenHeaderMovePoint)(editor, editor.selection.focus, true) : null;
+      if (hiddenMovePoint) {
+        _slate.Transforms.select(editor, hiddenMovePoint);
+      }
       if (!(0, _core.isSelectionAtBlockStart)(editor)) return;
     }
     if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {
@@ -227,6 +232,10 @@ var EditableArticle = function EditableArticle(_ref) {
       _slate.Transforms.move(editor, {
         unit: 'offset'
       });
+      var _hiddenMovePoint = editor.selection ? (0, _helpers.getSkippedHiddenHeaderMovePoint)(editor, editor.selection.focus) : null;
+      if (_hiddenMovePoint) {
+        _slate.Transforms.select(editor, _hiddenMovePoint);
+      }
       if (!(0, _core.isSelectionAtBlockEnd)(editor)) return;
     }
     if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {

package/dist/extension/plugins/header/helpers.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setHeaderType = exports.isSelectionInHeader = exports.isMenuDisabled = exports.isHasImage = exports.getHeaderType = void 0;
+exports.setHeaderType = exports.isSelectionInHeader = exports.isMenuDisabled = exports.isHasImage = exports.isElementHiddenByCollapsedHeader = exports.getSkippedHiddenHeaderMovePoint = exports.getHeaderType = exports.getHeaderLevel = exports.getCollapsedHeaderSectionEndIndex = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _slate = require("@seafile/slate");
 var _constants = require("../../constants");
@@ -73,6 +73,84 @@ var setHeaderType = exports.setHeaderType = function setHeaderType(editor, type)
     type: type
   });
 };
+var getHeaderLevel = exports.getHeaderLevel = function getHeaderLevel(type) {
+  if (!_constants.HEADERS.includes(type)) return null;
+  return Number(type.replace(_constants.HEADER, ''));
+};
+var getSectionEndIndex = function getSectionEndIndex(siblings, startIndex, level) {
+  var endIndex = siblings.length;
+  for (var index = startIndex + 1; index < siblings.length; index++) {
+    var _siblings$index;
+    var siblingLevel = getHeaderLevel((_siblings$index = siblings[index]) === null || _siblings$index === void 0 ? void 0 : _siblings$index.type);
+    if (siblingLevel !== null && siblingLevel <= level) {
+      endIndex = index;
+      break;
+    }
+  }
+  return endIndex;
+};
+var getCollapsedHeaderSectionEndIndex = exports.getCollapsedHeaderSectionEndIndex = function getCollapsedHeaderSectionEndIndex(editor, element, defaultPath) {
+  var path = (0, _core.findPath)(editor, element, defaultPath);
+  if (!path || path.length !== 1) return null;
+  var currentIndex = path[path.length - 1];
+  var parentPath = _slate.Path.parent(path);
+  var siblings = parentPath.length === 0 ? editor.children : _slate.Node.get(editor, parentPath).children;
+  var level = getHeaderLevel(element.type);
+  if (level === null) return null;
+  return getSectionEndIndex(siblings, currentIndex, level);
+};
+var isElementHiddenByCollapsedHeader = exports.isElementHiddenByCollapsedHeader = function isElementHiddenByCollapsedHeader(editor, element, defaultPath) {
+  var path = (0, _core.findPath)(editor, element, defaultPath);
+  if (!path || path.length !== 1) return false;
+  var currentIndex = path[path.length - 1];
+  var parentPath = _slate.Path.parent(path);
+  var siblings = parentPath.length === 0 ? editor.children : _slate.Node.get(editor, parentPath).children;
+  for (var index = currentIndex - 1; index >= 0; index--) {
+    var sibling = siblings[index];
+    if (!_slate.Element.isElement(sibling) || !sibling.collapsed) continue;
+    var siblingLevel = getHeaderLevel(sibling.type);
+    if (siblingLevel === null) continue;
+    var endIndex = getSectionEndIndex(siblings, index, siblingLevel);
+    if (currentIndex < endIndex) {
+      return true;
+    }
+  }
+  return false;
+};
+var getSkippedHiddenHeaderMovePoint = exports.getSkippedHiddenHeaderMovePoint = function getSkippedHiddenHeaderMovePoint(editor, point) {
+  var reverse = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var topLevelBlockEntry = _slate.Editor.above(editor, {
+    at: point,
+    match: function match(n) {
+      return _slate.Element.isElement(n) && _slate.Editor.isBlock(editor, n);
+    },
+    mode: 'highest'
+  });
+  if (!topLevelBlockEntry) return null;
+  var _topLevelBlockEntry = (0, _slicedToArray2["default"])(topLevelBlockEntry, 2),
+    topLevelBlock = _topLevelBlockEntry[0],
+    topLevelPath = _topLevelBlockEntry[1];
+  if (topLevelPath.length !== 1) return null;
+  var step = reverse ? -1 : 1;
+  var isCurrentHidden = isElementHiddenByCollapsedHeader(editor, topLevelBlock, topLevelPath);
+  var isAtBoundary = reverse ? _slate.Editor.isStart(editor, point, topLevelPath) : _slate.Editor.isEnd(editor, point, topLevelPath);
+  var startIndex = topLevelPath[0] + step;
+  var skippedHiddenBlock = isCurrentHidden;
+  if (!isCurrentHidden) {
+    if (!isAtBoundary) return null;
+  }
+  for (var index = startIndex; index >= 0 && index < editor.children.length; index += step) {
+    var sibling = editor.children[index];
+    if (!_slate.Element.isElement(sibling)) continue;
+    if (isElementHiddenByCollapsedHeader(editor, sibling, [index])) {
+      skippedHiddenBlock = true;
+      continue;
+    }
+    if (!skippedHiddenBlock) return null;
+    return reverse ? _slate.Editor.end(editor, [index]) : _slate.Editor.start(editor, [index]);
+  }
+  return null;
+};
 var isHasImage = exports.isHasImage = function isHasImage(node) {
   return node.children.some(function (item) {
     if (item.type === 'image') return true;

package/dist/extension/plugins/header/plugin.js

@@ -38,6 +38,11 @@ var withHeader = function withHeader(editor) {
 
   // Rewrite insertBreak - insert paragraph when carriage return at the end of header
   newEditor.insertBreak = function () {
+    var selection = newEditor.selection;
+    if (!selection) {
+      insertBreak();
+      return;
+    }
     var _Editor$nodes = _slate.Editor.nodes(newEditor, {
         match: function match(n) {
           if (!_slate.Element.isElement(n)) return false;
@@ -56,19 +61,65 @@ var withHeader = function withHeader(editor) {
       insertBreak();
       return;
     }
+    var _match = (0, _slicedToArray2["default"])(match, 2),
+      currentNode = _match[0],
+      path = _match[1];
+    var isCollapsedHeader = !!currentNode.collapsed;
+    var startPoint = _slate.Editor.start(newEditor, path);
+    var endPoint = _slate.Editor.end(newEditor, path);
+    if (isCollapsedHeader) {
+      var cursorPoint = selection.anchor;
+      var isAtHeaderStart = _slate.Point.equals(cursorPoint, startPoint);
+      var isAtHeaderEnd = _slate.Point.equals(cursorPoint, endPoint);
+      if (isAtHeaderStart) {
+        var newNode = (0, _core.generateEmptyElement)(currentNode.type);
+        _slate.Transforms.insertNodes(newEditor, newNode, {
+          at: path
+        });
+        return;
+      }
+      if (isAtHeaderEnd) {
+        _slate.Editor.withoutNormalizing(newEditor, function () {
+          var sectionEndIndex = (0, _helpers2.getCollapsedHeaderSectionEndIndex)(newEditor, currentNode, path);
+          var insertPath = sectionEndIndex === null ? _slate.Path.next(path) : [sectionEndIndex];
+          var newNode = (0, _core.generateEmptyElement)(currentNode.type);
+          _slate.Transforms.insertNodes(newEditor, newNode, {
+            at: insertPath
+          });
+          _slate.Transforms.select(newEditor, _slate.Editor.start(newEditor, insertPath));
+        });
+        return;
+      }
+      _slate.Editor.withoutNormalizing(newEditor, function () {
+        var sectionEndIndex = (0, _helpers2.getCollapsedHeaderSectionEndIndex)(newEditor, currentNode, path);
+        var afterRange = {
+          anchor: cursorPoint,
+          focus: endPoint
+        };
+        var afterText = _slate.Editor.string(newEditor, afterRange);
+        _slate.Transforms["delete"](newEditor, {
+          at: afterRange
+        });
+        var newNode = (0, _core.generateEmptyElement)(currentNode.type);
+        newNode.children[0].text = afterText;
+        var insertPath = sectionEndIndex === null ? _slate.Path.next(path) : [sectionEndIndex];
+        _slate.Transforms.insertNodes(newEditor, newNode, {
+          at: insertPath
+        });
+        _slate.Transforms.select(newEditor, _slate.Editor.start(newEditor, insertPath));
+      });
+      return;
+    }
     if ((0, _core.isCursorAtBlockStart)(newEditor)) {
-      var _match = (0, _slicedToArray2["default"])(match, 2),
-        currentNode = _match[0],
-        path = _match[1];
-      var newNode = (0, _core.generateEmptyElement)(currentNode.type);
-      _slate.Transforms.insertNodes(editor, newNode, {
+      var _newNode = (0, _core.generateEmptyElement)(currentNode.type);
+      _slate.Transforms.insertNodes(editor, _newNode, {
         at: path
       });
       return;
     }
-    var isAtLineEnd = isSelectionAtLineEnd(editor, match[1]);
+    var isAtLineEnd = isSelectionAtLineEnd(editor, path);
     var nextNode = _slate.Editor.next(editor, {
-      at: match[1]
+      at: path
     });
     if (isAtLineEnd && nextNode && editor.children.length === 2) {
       var _nextNode = (0, _slicedToArray2["default"])(nextNode, 2),

package/dist/extension/plugins/header/render-elem.css

@@ -0,0 +1,49 @@
+.sdoc-header-row {
+  position: relative;
+}
+
+.sdoc-header-collapse-prefix {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  right: 100%;
+  top: 50%;
+  width: 16px;
+  height: 16px;
+  margin-right: 6px;
+  cursor: pointer;
+  transform: translateY(-50%);
+  opacity: 0;
+  pointer-events: none;
+}
+
+.sdoc-header-collapse-prefix:hover {
+  background-color: rgba(42, 28, 0, .07);
+  border-radius: 2px;
+}
+
+.sdoc-header-collapse-prefix-visible {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.sdoc-header-collapse-prefix .sdocfont {
+  width: 16px;
+  height: 16px;
+  font-size: 16px;
+  scale: calc(0.5);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: #212529;
+  opacity: 0.5;
+}
+
+.sdoc-header-collapse-prefix-collapsed {
+  transform: translateY(-50%) rotate(90deg);
+}
+
+.sdoc-header-content {
+  min-width: 0;
+}

package/dist/extension/plugins/header/render-elem.js

@@ -8,9 +8,12 @@ exports.renderTitle = exports.renderSubtitle = exports.renderHeader = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _helper = require("../paragraph/helper");
 var _placeholder = _interopRequireDefault(require("./placeholder"));
+require("./render-elem.css");
 var renderTitle = exports.renderTitle = function renderTitle(props, editor) {
   var element = props.element,
     attributes = props.attributes,
@@ -49,6 +52,16 @@ var renderHeader = exports.renderHeader = function renderHeader(props, editor) {
     isComposing = props.isComposing;
   var type = element.type;
   var level = type.split('header')[1];
+  var collapsed = !!element.collapsed;
+  var currentPath = _slateReact.ReactEditor.findPath(editor, element);
+  var activeHeaderEntry = editor.selection ? _slate.Editor.above(editor, {
+    at: editor.selection,
+    match: function match(node, path) {
+      return _slate.Element.isElement(node) && node.id === element.id && path.length === currentPath.length;
+    },
+    mode: 'lowest'
+  }) : null;
+  var isActiveHeader = !!activeHeaderEntry;
   var style = (0, _objectSpread2["default"])({
     textAlign: element.align,
     fontSize: "".concat(_constants.SDOC_FONT_SIZE[element.type], "pt")
@@ -59,6 +72,15 @@ var renderHeader = exports.renderHeader = function renderHeader(props, editor) {
   if ((0, _helper.isEmptyNode)(element) && _slate.Node.string(element) === '' && !isComposing) {
     isShowPlaceHolder = true;
   }
+  var onToggleCollapsed = function onToggleCollapsed(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    _slate.Transforms.setNodes(editor, {
+      collapsed: !collapsed
+    }, {
+      at: currentPath
+    });
+  };
   return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
     "data-id": element.id,
     id: element.id // used for click left outline item, page scroll this element
@@ -67,8 +89,21 @@ var renderHeader = exports.renderHeader = function renderHeader(props, editor) {
     style: (0, _objectSpread2["default"])({
       position: isShowPlaceHolder ? 'relative' : ''
     }, style)
-  }), isShowPlaceHolder && /*#__PURE__*/_react["default"].createElement(_placeholder["default"], {
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-header-row"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])('sdoc-header-collapse-prefix', {
+      'sdoc-header-collapse-prefix-visible': isActiveHeader,
+      'sdoc-header-collapse-prefix-collapsed': collapsed
+    }),
+    contentEditable: false,
+    onMouseDown: onToggleCollapsed
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])('sdocfont', collapsed ? 'sdoc-big-caret-up' : 'sdoc-big-drop-down')
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-header-content"
+  }, isShowPlaceHolder && /*#__PURE__*/_react["default"].createElement(_placeholder["default"], {
     title: 'Header',
     top: 0
-  }), children);
+  }), children)));
 };

package/dist/extension/plugins/link/dialog/add-link-dialog/index.css

@@ -40,6 +40,7 @@
   align-items: center;
   cursor: pointer;
   height: 36.39px;
+  max-height: 60px;
 }
 
 .selected-linked-block-wrapper .form-control.expanded .sdoc-file-icon-toggle {
@@ -59,8 +60,9 @@
 }
 
 .selected-linked-block-wrapper .selected-linked-block:not(img) {
-  width: 95%;
+  width: 100%;
   overflow-y: auto;
+  max-height: 36px;
 }
 
 .selected-linked-block-wrapper .selected-linked-block .linked-block-item {

package/dist/extension/render/custom-element.js

@@ -7,12 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
 var _slateReact = require("@seafile/slate-react");
 var _constants = require("../../constants");
 var _constants2 = require("../constants");
 var _elementType = require("../constants/element-type");
 var _core = require("../core");
 var _plugins = require("../plugins");
+var _helpers = require("../plugins/header/helpers");
 var _helper = require("./helper");
 var CustomRenderElement = function CustomRenderElement(props) {
   var editor = (0, _slateReact.useSlateStatic)();
@@ -29,6 +31,15 @@ var CustomRenderElement = function CustomRenderElement(props) {
 
   // Sets the data-root attribute to true for certain elements
   (0, _helper.setDataRoot)(element, attributes);
+  if ((0, _helpers.isElementHiddenByCollapsedHeader)(editor, element)) {
+    return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
+      "data-id": element.id
+    }, attributes, {
+      style: {
+        display: 'none'
+      }
+    }), props.children);
+  }
   switch (element.type) {
     case _constants2.PARAGRAPH:
       {

package/dist/extension/toolbar/quick-insert-toolbar/index.js

@@ -33,13 +33,14 @@ var _transforms = require("../../plugins/list/transforms");
 var _helper2 = require("../../plugins/multi-column/helper");
 var _helpers5 = require("../../plugins/table/helpers");
 var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
-var _helper3 = require("../../plugins/toggle-header/helper");
 var _helpers6 = require("../../plugins/video/helpers");
 var _utils = require("../../utils");
 var _linkedRepoPopover = _interopRequireDefault(require("../linked-repo-popover"));
 var _helpers7 = require("../side-toolbar/helpers");
 var _const = require("./const");
 require("./style.css");
+// import { insertToggleHeader } from '../../plugins/toggle-header/helper';
+
 var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
   var _ref$insertPosition = _ref.insertPosition,
     insertPosition = _ref$insertPosition === void 0 ? _constants2.INSERT_POSITION.CURRENT : _ref$insertPosition,
@@ -188,11 +189,6 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     (0, _helpers7.insertElement)(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
-  var onInsertToggleHeader = (0, _react.useCallback)(function (type) {
-    callback && callback();
-    (0, _helper3.insertToggleHeader)(editor, type, insertPosition);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, insertPosition, slateNode]);
   var onInsertCallout = (0, _react.useCallback)(function (type) {
     callback && callback();
     if (insertPosition === _constants2.INSERT_POSITION.CURRENT) {
@@ -275,14 +271,6 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     });
     return !!callout;
   }, [editor]);
-  var isDisableToggleHeader = (0, _react.useMemo)(function () {
-    var callout = (0, _core.getAboveBlockNode)(editor, {
-      match: function match(n) {
-        return [].concat((0, _toConsumableArray2["default"])(_constants2.TOGGLE_TITLE_TYPES), [_constants2.ELEMENT_TYPE.MULTI_COLUMN]).includes(n.type);
-      }
-    });
-    return !!callout;
-  }, [editor]);
   var createMultiColumn = (0, _react.useCallback)(function (type) {
     callback && callback();
     var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
@@ -310,7 +298,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     });
   }, [callback, editor, insertPosition, slateNode]);
   var dropDownItems = (0, _react.useMemo)(function () {
-    var items = (0, _objectSpread7["default"])((0, _objectSpread7["default"])((0, _objectSpread7["default"])((0, _objectSpread7["default"])((0, _objectSpread7["default"])((0, _objectSpread7["default"])((0, _defineProperty2["default"])({}, _constants2.PARAGRAPH, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+    var items = (0, _objectSpread7["default"])((0, _objectSpread7["default"])((0, _objectSpread7["default"])((0, _objectSpread7["default"])((0, _objectSpread7["default"])((0, _defineProperty2["default"])({}, _constants2.PARAGRAPH, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.PARAGRAPH],
       disabled: isEmptyNode,
       key: "sdoc-insert-menu-paragraph",
@@ -329,17 +317,6 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
         }
       });
       return acc;
-    }, {})), _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TOGGLE_HEADER].reduce(function (acc, item) {
-      acc[item.id] = /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
-        isHidden: !quickInsertMenuSearchMap[item.type],
-        key: item.id,
-        menuConfig: item,
-        disabled: isDisableToggleHeader,
-        onClick: function onClick() {
-          return onInsertToggleHeader(item.type);
-        }
-      });
-      return acc;
     }, {})), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.UNORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.UNORDERED_LIST],
       key: "sdoc-insert-menu-unorder-list",
@@ -510,7 +487,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     });
     return items;
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [quickInsertMenuSearchMap, isDisableImage, onInsertImageToggle, isDisableVideo, isDisableMultiColumn, onInsertVideoToggle, isDisableTable, editor, createTable, callback, handleClosePopover, openLinkDialog, openSelectFileDialog, addEmbedLinkDialog, onInsertCodeBlock, isDisableCallout, isDisableToggleHeader, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn, isDisableHeader, hasLinkedRepos]);
+  }, [quickInsertMenuSearchMap, isDisableImage, onInsertImageToggle, isDisableVideo, isDisableMultiColumn, onInsertVideoToggle, isDisableTable, editor, createTable, callback, handleClosePopover, openLinkDialog, openSelectFileDialog, addEmbedLinkDialog, onInsertCodeBlock, isDisableCallout, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn, isDisableHeader, hasLinkedRepos]);
   var getSelectItemDom = function getSelectItemDom(selectIndex) {
     var dropDownItemWrapper = downDownWrapperRef.current;
     var searchedDropDownItemWrapper = [];

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

@@ -29,10 +29,11 @@ var _transforms = require("../../plugins/list/transforms");
 var _helper2 = require("../../plugins/multi-column/helper");
 var _helpers5 = require("../../plugins/table/helpers");
 var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
-var _helper3 = require("../../plugins/toggle-header/helper");
 var _helpers6 = require("../../plugins/video/helpers");
 var _linkedRepoPopover = _interopRequireDefault(require("../linked-repo-popover"));
 var _helpers7 = require("./helpers");
+// import { insertToggleHeader } from '../../plugins/toggle-header/helper';
+
 var InsertBlockMenu = function InsertBlockMenu(_ref) {
   var _ref$insertPosition = _ref.insertPosition,
     insertPosition = _ref$insertPosition === void 0 ? _constants2.INSERT_POSITION.CURRENT : _ref$insertPosition,
@@ -136,11 +137,11 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   var onInsert = (0, _react.useCallback)(function (type) {
-    // Insert toggle header
-    if (_constants2.TOGGLE_TITLE_TYPES.includes(type)) {
-      (0, _helper3.insertToggleHeader)(editor, type, insertPosition);
-      return;
-    }
+    // Temporarily disable creating toggle-header from insert menu.
+    // if (TOGGLE_TITLE_TYPES.includes(type)) {
+    //   insertToggleHeader(editor, type, insertPosition);
+    //   return;
+    // }
     (0, _helpers7.insertElement)(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
@@ -187,7 +188,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, [_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]].concat((0, _toConsumableArray2["default"])(_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.HEADER]), (0, _toConsumableArray2["default"])(_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TOGGLE_HEADER])).map(function (item) {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, [_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]].concat((0, _toConsumableArray2["default"])(_constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.HEADER])).map(function (item) {
     return /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !insertMenuSearchMap[item.type],
       disabled: isNodeEmpty && item.type === _constants2.PARAGRAPH,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.200",
+  "version": "3.0.202",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "973ed1b0baa24aa5386665a1f0e1c3d482809fa7"
+  "gitHead": "8106d492d738485dabcf8103bd975ccc5882fc99"
 }