@seafile/sdoc-editor 2.0.81 → 2.0.83

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

@@ -1,562 +0,0 @@
-"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 _slate = require("@seafile/slate");
-var _slateReact = require("@seafile/slate-react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("../../../constants");
-var _useScrollContext = require("../../../hooks/use-scroll-context");
-var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-var _constants2 = require("../../constants");
-var _core = require("../../core");
-var _helper = require("../../plugins/callout/helper");
-var _helpers = require("../../plugins/image/helpers");
-var _helper2 = require("../../plugins/multi-column/helper");
-var _event = require("./event");
-var _helpers2 = require("./helpers");
-var _sideMenu = _interopRequireDefault(require("./side-menu"));
-require("./index.css");
-let sourceElement = null;
-let targetElement = null;
-const SideToolbar = () => {
-  const editor = (0, _slateReact.useSlateStatic)();
-  const scrollRef = (0, _useScrollContext.useScrollContext)();
-  const menuRef = (0, _react.useRef)(null);
-  const [slateNode, setSlateNode] = (0, _react.useState)(null);
-  const [sidePosition, setSidePosition] = (0, _react.useState)({});
-  const [isNodeEmpty, setNodeEmpty] = (0, _react.useState)(false);
-  const [isShowSideMenu, setShowSideMenu] = (0, _react.useState)(false);
-  const [menuPosition, setMenuPosition] = (0, _react.useState)({});
-  const [isEnterMoreVertical, setIsEnterMoreVertical] = (0, _react.useState)(false);
-  const [isMoving, setIsMoving] = (0, _react.useState)(false);
-  const sideMenuRef = (0, _react.useRef)(null);
-  const draggedSourcePaths = (0, _react.useRef)(null);
-  const selectedNodesRef = (0, _react.useRef)(null);
-  const showSelectedNodesRef = (0, _react.useRef)(null);
-  const draggedPreviewContainer = (0, _react.useRef)(null);
-  const onReset = (0, _react.useCallback)(() => {
-    setShowSideMenu(false);
-    setMenuPosition({});
-    setSlateNode(null);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const handleClick = (0, _react.useCallback)(e => {
-    if (!isShowSideMenu || !menuRef.current) return;
-    const isClickSideTool = menuRef.current.contains(e.target);
-    const sideAskAI = document.querySelector('#side-toolbar-ai');
-    if (sideAskAI && sideAskAI.contains(e.target)) {
-      setTimeout(() => {
-        setShowSideMenu(!isShowSideMenu);
-      }, 0);
-      return;
-    }
-    if (isClickSideTool || !sideMenuRef.current) return;
-    const {
-      sideMenuDom
-    } = sideMenuRef.current;
-    if (!sideMenuDom) return;
-    const isClickContainer = sideMenuDom.contains(e.target);
-    if (!isClickContainer) onReset();
-  }, [isShowSideMenu, onReset]);
-  (0, _react.useEffect)(() => {
-    let observerRefValue;
-    if (isShowSideMenu) {
-      scrollRef.current.addEventListener('scroll', onReset);
-      document.addEventListener('click', handleClick);
-      observerRefValue = scrollRef.current;
-    } else {
-      scrollRef.current.removeEventListener('scroll', onReset);
-      document.removeEventListener('click', handleClick);
-      observerRefValue = null;
-    }
-    return () => {
-      if (observerRefValue) {
-        observerRefValue.removeEventListener('scroll', onReset);
-        (0, _core.focusEditor)(editor);
-      }
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isShowSideMenu]);
-  (0, _react.useEffect)(() => {
-    const handleMouseEnter = e => {
-      if (isShowSideMenu) return;
-      let dom = e.target;
-      while (((_dom = dom) === null || _dom === void 0 ? void 0 : (_dom$dataset = _dom.dataset) === null || _dom$dataset === void 0 ? void 0 : _dom$dataset.root) !== 'true') {
-        var _dom, _dom$dataset;
-        if (dom.className === 'column') {
-          return;
-        }
-        if (!dom.parentNode) return;
-        dom = dom.parentNode;
-      }
-      const node = _slateReact.ReactEditor.toSlateNode(editor, dom);
-      const isEmpty = _slate.Editor.isEmpty(editor, node);
-      const containerDom = scrollRef.current;
-      const topValue = (0, _helpers2.getTopValue)(editor, dom, containerDom, node);
-      if (topValue !== sidePosition.top) setIsMoving(true);
-      let left = 20;
-      if (editor.editorType === _constants.WIKI_EDITOR) {
-        const {
-          left: editorLeft
-        } = document.querySelector('#sdoc-editor').getBoundingClientRect();
-        const {
-          left: containerLeft
-        } = document.querySelector('.sdoc-editor-container').getBoundingClientRect();
-        left = editorLeft - containerLeft - 40;
-      }
-      const path = (0, _core.findPath)(editor, node);
-      // Add side-tool-bar for paragraphs in multi_column
-      if (path.length > 2 && (0, _helpers2.isInMultiColumnNode)(editor, node)) {
-        let domLeft;
-        domLeft = document.querySelector(`[data-id="${dom.dataset.id}"]`) && document.querySelector(`[data-id="${dom.dataset.id}"]`).getBoundingClientRect().left;
-        const parentNode = _slate.Editor.node(editor, path.slice(0, 3))[0];
-        if ([_constants2.ORDERED_LIST, _constants2.UNORDERED_LIST, _constants2.BLOCKQUOTE].includes(parentNode.type)) {
-          domLeft = document.querySelector(`[data-id="${parentNode.id}"]`) && document.querySelector(`[data-id="${parentNode.id}"]`).getBoundingClientRect().left;
-        }
-        if ([_constants2.IMAGE_BLOCK].includes(node.type)) {
-          var _dom$querySelectorAll;
-          const imageWrapperDomId = (_dom$querySelectorAll = dom.querySelectorAll('span')[1]) === null || _dom$querySelectorAll === void 0 ? void 0 : _dom$querySelectorAll.getAttribute('data-id');
-          domLeft = document.querySelector(`[data-id="${imageWrapperDomId}"]`) && document.querySelector(`[data-id="${imageWrapperDomId}"]`).getBoundingClientRect().left;
-        }
-        const {
-          left: containerLeft
-        } = document.querySelector('.sdoc-editor__article').getBoundingClientRect();
-        left = domLeft - containerLeft - 41;
-      }
-      setTimeout(() => {
-        // wait animation
-        setSidePosition({
-          top: topValue,
-          left: left
-        });
-      }, 150);
-      setSlateNode(node);
-      setNodeEmpty(isEmpty);
-    };
-    const eventBus = _eventBus.default.getInstance();
-    const unSubscribeMouseEnter = eventBus.subscribe(_constants.INTERNAL_EVENT.ON_MOUSE_ENTER_BLOCK, handleMouseEnter);
-    return unSubscribeMouseEnter;
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, isShowSideMenu, scrollRef, sidePosition.top]);
-  const onMouseDown = (0, _react.useCallback)(e => {
-    e.stopPropagation();
-    const domSelection = window.getSelection();
-    if (domSelection.type !== 'Range' || !editor.selection || _slate.Path.equals(editor.selection.focus.path, editor.selection.anchor.path)) {
-      draggedPreviewContainer.current = null;
-      selectedNodesRef.current = null;
-      showSelectedNodesRef.current = null;
-      draggedSourcePaths.current = null;
-      return;
-    }
-    // Bond when selecting more than more list_items nodes
-    const dom = e.target;
-    const domTop = dom.getBoundingClientRect().top;
-    if ((0, _helpers2.isListItem)(editor)) {
-      const {
-        anchor,
-        focus
-      } = editor.selection;
-      // Return if selecting only one line list_item
-      if (_slate.Path.equals(anchor.path.slice(0, -1), focus.path.slice(0, -1))) return;
-      const startPath = (_slate.Path.compare(anchor.path, focus.path) < 0 ? anchor.path : focus.path).slice(0, -2);
-      // Remove unselected parent level list node when selecting child level list_item nodes
-      const selectedDraggedPreviewNodes = Array.from(_slate.Editor.nodes(editor, {
-        match: node => node.type === _constants2.LIST_ITEM,
-        at: editor.selection
-      })).filter(_ref => {
-        let [, path] = _ref;
-        return !_slate.Path.isAncestor(path, startPath);
-      });
-
-      // Remove their all children level list_items when selecting parent level list nodes
-      let selectedNodes = [];
-      let lastAncestorPath = null;
-      for (const [node, path] of selectedDraggedPreviewNodes) {
-        if (lastAncestorPath && _slate.Path.isAncestor(lastAncestorPath, path)) {
-          continue;
-        }
-        selectedNodes.push([node, path]);
-        lastAncestorPath = path;
-      }
-      const topValues = selectedDraggedPreviewNodes.map(_ref2 => {
-        let [node] = _ref2;
-        const domNode = _slateReact.ReactEditor.toDOMNode(editor, node);
-        const rect = domNode.getBoundingClientRect();
-        return rect.top;
-      });
-      const rangeStart = Math.min(...topValues) - 15;
-      const rangeEnd = Math.max(...topValues) + 15;
-      // Active only when the sideTool bar references to the selectedNodes
-      if (selectedDraggedPreviewNodes.length > 1 && rangeStart < domTop && domTop < rangeEnd) {
-        showSelectedNodesRef.current = selectedDraggedPreviewNodes;
-        selectedNodesRef.current = selectedNodes;
-      } else {
-        draggedPreviewContainer.current = null;
-        selectedNodesRef.current = null;
-        showSelectedNodesRef.current = null;
-        draggedSourcePaths.current = null;
-      }
-    }
-  }, [editor]);
-  const onShowSideMenuToggle = (0, _react.useCallback)(() => {
-    (0, _helpers2.setSelection)(editor, slateNode);
-    const {
-      top,
-      left
-    } = menuRef.current.getBoundingClientRect();
-    setShowSideMenu(!isShowSideMenu);
-    setMenuPosition({
-      top,
-      left
-    });
-  }, [editor, isShowSideMenu, slateNode]);
-  const dragStart = (0, _react.useCallback)(event => {
-    event.stopPropagation();
-    // Create the preview container when dragging more than one listNodes
-    const noDrag = _slate.Path.equals(editor.selection.focus.path, editor.selection.anchor.path);
-    if (showSelectedNodesRef.current && showSelectedNodesRef.current.length > 1 && !noDrag) {
-      if (!draggedPreviewContainer.current) {
-        draggedPreviewContainer.current = (0, _helpers2.createDragPreviewContainer)();
-      }
-      draggedPreviewContainer.current.innerHTML = '';
-      showSelectedNodesRef.current.forEach(_ref3 => {
-        let [node, path] = _ref3;
-        const nodeElement = _slateReact.ReactEditor.toDOMNode(editor, node.children[0]);
-        const clonedNode = nodeElement.cloneNode(true);
-        draggedPreviewContainer.current.appendChild(clonedNode);
-      });
-      event.dataTransfer.setDragImage(draggedPreviewContainer.current, 0, 0);
-      event.dataTransfer.setData(_event.DRAG_SDOC_EDITOR_ELEMENT, true);
-      draggedSourcePaths.current = showSelectedNodesRef.current.map(_ref4 => {
-        let [, path] = _ref4;
-        return path;
-      });
-      setTimeout(() => {
-        if (draggedPreviewContainer.current) {
-          draggedPreviewContainer.current.innerHTML = '';
-          draggedPreviewContainer.current = null;
-        }
-      }, 0);
-      return;
-    }
-    sourceElement = _slateReact.ReactEditor.toDOMNode(editor, slateNode);
-    const path = _slateReact.ReactEditor.findPath(editor, slateNode);
-
-    // Dragging the first element within the blockquote drags the entire blockquote by default.
-    if ((0, _helpers2.isBlockquote)(editor, [path[0]]) && path.slice(1).every(p => p === 0)) {
-      const nodeEntry = _slate.Editor.node(editor, [path[0]]);
-      sourceElement = _slateReact.ReactEditor.toDOMNode(editor, nodeEntry[0]);
-    }
-    event.dataTransfer.setDragImage(sourceElement, 0, 0);
-    event.dataTransfer.setData(_event.DRAG_SDOC_EDITOR_ELEMENT, true);
-  }, [editor, slateNode]);
-  const dragOver = (0, _react.useCallback)(event => {
-    const dragTypes = event.dataTransfer.types;
-    if (!dragTypes.includes(_event.DRAG_SDOC_EDITOR_ELEMENT)) return;
-    const overElement = event.currentTarget;
-    if (!overElement.classList.contains('sdoc-draging')) {
-      overElement.classList.add('sdoc-draging');
-    }
-  }, []);
-  const dragLeave = (0, _react.useCallback)(event => {
-    const leaveElement = event.currentTarget;
-    leaveElement.classList.remove('sdoc-draging');
-  }, []);
-  const drop = (0, _react.useCallback)(event => {
-    var _parentNode$children$;
-    targetElement = event.currentTarget;
-    targetElement.classList.remove('sdoc-draging');
-    const dragTypes = event.dataTransfer.types;
-    if (!dragTypes.includes(_event.DRAG_SDOC_EDITOR_ELEMENT) && dragTypes[0] !== 'Files') return;
-
-    // Prevent dragging table data to the editor
-    if (dragTypes.includes(_constants2.TABLE_DRAG_KEY)) return;
-
-    // Drag local image files to sdoc
-    if (event.dataTransfer.files.length > 0) {
-      const [, targetPath] = (0, _helpers2.getNodeEntry)(editor, targetElement);
-      (0, _helpers.insertImageFiles)(event.dataTransfer.files, editor, targetPath);
-      return;
-    }
-    const [, targetPath] = (0, _helpers2.getNodeEntry)(editor, targetElement);
-    // Drag multiple list_items nodes
-    if (draggedSourcePaths.current) {
-      try {
-        // Return if dragging items into themselves
-        if (draggedSourcePaths.current.some(arr => JSON.stringify(arr) === JSON.stringify(targetPath))) return;
-        const sortedPaths = [...draggedSourcePaths.current].sort(_slate.Path.compare);
-        let currentTargetPath = _slate.Path.next(targetPath);
-        const currentNode = _slate.Node.get(editor, targetPath);
-        const parentNode = _slate.Node.parent(editor, targetPath);
-        const topNode = _slate.Node.get(editor, [targetPath[0]]);
-
-        // Drag into list nods within blockquote, callout or multi_column block node
-        if (topNode.type === _constants2.CALL_OUT && parentNode.type === _constants2.LIST_ITEM || topNode.type === _constants2.MULTI_COLUMN && parentNode.type === _constants2.LIST_ITEM) {
-          currentTargetPath = _slate.Path.next(targetPath.slice(0, -1));
-          (0, _helpers2.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
-          (0, _helpers2.deleteNodesFromBack)(editor, sortedPaths);
-          return;
-        }
-        if (topNode.type === _constants2.BLOCKQUOTE && currentNode.type === _constants2.LIST_ITEM) {
-          (0, _helpers2.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
-          (0, _helpers2.deleteNodesFromBack)(editor, sortedPaths);
-          return;
-        }
-
-        // Drag into other element nodes rather than blockquote, callout or multi_column block node
-        if (_slate.Path.isAfter(targetPath, sortedPaths[0])) {
-          if (currentNode.type === _constants2.LIST_ITEM) {
-            (0, _helpers2.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
-          } else {
-            const listType = _slate.Editor.node(editor, [sortedPaths[0][0]])[0].type;
-            (0, _helpers2.onWrapMultiListItemToNonListTypeTarget)(editor, targetPath, selectedNodesRef.current, listType);
-          }
-          (0, _helpers2.deleteNodesFromBack)(editor, sortedPaths);
-          return;
-        }
-        if (_slate.Path.isBefore(targetPath, sortedPaths[0])) {
-          const listType = _slate.Editor.node(editor, [sortedPaths[0][0]])[0].type;
-          (0, _helpers2.deleteNodesFromBack)(editor, sortedPaths);
-          if (currentNode.type === _constants2.LIST_ITEM) {
-            (0, _helpers2.onWrapMultiListItem)(editor, currentTargetPath, selectedNodesRef.current);
-          } else {
-            (0, _helpers2.onWrapMultiListItemToNonListTypeTarget)(editor, targetPath, selectedNodesRef.current, listType);
-          }
-          return;
-        }
-      } finally {
-        selectedNodesRef.current = null;
-        draggedSourcePaths.current = null;
-        showSelectedNodesRef.current = null;
-        draggedPreviewContainer.current = null;
-        event.dataTransfer.clearData();
-      }
-    }
-    const [sourceNode, sourcePath] = (0, _helpers2.getNodeEntry)(editor, sourceElement);
-    // Dragging into a quoteBlock is not supported
-    if ([_constants2.CODE_BLOCK, _constants2.TABLE, _constants2.BLOCKQUOTE].includes(sourceNode.type) && (0, _helpers2.isBlockquote)(editor, [targetPath[0]]) && targetPath.length > 1) {
-      return;
-    }
-
-    // Dragging into a list is not supported
-    if ([_constants2.CODE_BLOCK, _constants2.TABLE, _constants2.BLOCKQUOTE, _constants2.CHECK_LIST_ITEM].includes(sourceNode.type) && (0, _helpers2.isList)(editor, targetPath)) {
-      return;
-    }
-
-    // Dragging into callout is not supported
-    if ([_constants2.CALL_OUT, _constants2.CODE_BLOCK, _constants2.TABLE].includes(sourceNode.type) && (0, _helper.getCalloutEntry)(editor, targetPath)) {
-      return;
-    }
-
-    // Dragging multi_column's child into multi_column is not supported
-    const isInMultiColumn = (0, _helpers2.isInMultiColumnNode)(editor, sourceNode);
-    if (isInMultiColumn && (0, _helpers2.isMultiColumn)(editor, [targetPath[0]])) {
-      return;
-    }
-
-    // Drag list
-    if ((0, _helpers2.isList)(editor, sourcePath)) {
-      // ordinary list items
-      if (!(0, _helpers2.isBlockquote)(editor, [sourcePath[0]])) {
-        // Drag ordinary list items to places other than list and quoteBlock
-        if (!(0, _helpers2.isList)(editor, targetPath) && !(0, _helpers2.isBlockquote)(editor, [targetPath[0]])) {
-          (0, _helpers2.onWrapListItem)(editor, targetPath, sourcePath);
-          return;
-        }
-
-        // Drag ordinary list items into the quoteBlock
-        if ((0, _helpers2.isBlockquote)(editor, [targetPath[0]])) {
-          // Drag and drop ordinary list items onto the list within the quoteBlock
-          if ((0, _helpers2.isList)(editor, targetPath)) {
-            _slate.Transforms.moveNodes(editor, {
-              at: sourcePath,
-              to: _slate.Path.next(targetPath)
-            });
-            return;
-          }
-          (0, _helpers2.onWrapListItem)(editor, targetPath, sourcePath);
-          return;
-        }
-      }
-
-      // quoteBlock list items
-      if ((0, _helpers2.isBlockquote)(editor, [sourcePath[0]])) {
-        // Drag quoteBlock list items to places other than list and quoteBlock
-        if (!(0, _helpers2.isList)(editor, targetPath) && !(0, _helpers2.isBlockquote)(editor, [targetPath[0]])) {
-          (0, _helpers2.onWrapListItem)(editor, targetPath, sourcePath);
-          return;
-        }
-
-        // Drag quoteBlock list items into the quoteBlock
-        if ((0, _helpers2.isBlockquote)(editor, [targetPath[0]])) {
-          // Drag and drop ordinary list items onto the list within the quoteBlock
-          if ((0, _helpers2.isList)(editor, targetPath)) {
-            _slate.Transforms.moveNodes(editor, {
-              at: sourcePath,
-              to: _slate.Path.next(targetPath)
-            });
-            return;
-          }
-          (0, _helpers2.onWrapListItem)(editor, targetPath, sourcePath);
-          return;
-        }
-      }
-    }
-
-    // Dragging element from multi_column to other nodes
-    const currentSourceNode = _slate.Editor.node(editor, sourcePath.slice(0, 3))[0];
-    if (isInMultiColumn && sourceNode.type === _constants2.PARAGRAPH) {
-      // Dragging list
-      if ([_constants2.ORDERED_LIST, _constants2.UNORDERED_LIST].includes(currentSourceNode.type)) {
-        // Drag ordinary list items to places other than list and quoteBlock
-        if (!(0, _helpers2.isList)(editor, targetPath) && !(0, _helpers2.isBlockquote)(editor, [targetPath[0]])) {
-          (0, _helpers2.onWrapListItemFromMultiColumn)(editor, targetPath, sourcePath);
-        }
-
-        // Drag ordinary list items to list
-        if ((0, _helpers2.isList)(editor, targetPath)) {
-          _slate.Transforms.moveNodes(editor, {
-            at: sourcePath.slice(0, 4),
-            to: _slate.Path.next(targetPath)
-          });
-        }
-
-        // Drag ordinary list items into the quoteBlock
-        if ((0, _helpers2.isBlockquote)(editor, [targetPath[0]])) {
-          // Drag and drop ordinary list items onto the list within the quoteBlock
-          if ((0, _helpers2.isList)(editor, targetPath)) {
-            _slate.Transforms.moveNodes(editor, {
-              at: sourcePath.slice(0, 4),
-              to: _slate.Path.next(targetPath)
-            });
-          } else {
-            (0, _helpers2.onWrapListItemFromMultiColumn)(editor, targetPath, sourcePath);
-          }
-        }
-      }
-
-      // Dragging quoteBlock's children element  from multi_column is not supported
-      if (currentSourceNode.type === _constants2.BLOCKQUOTE) {
-        return;
-      }
-    }
-
-    // Handling drag situations including non-multi_column or non-list item dragged from multiColumn
-    if (!isInMultiColumn || isInMultiColumn && ![_constants2.ORDERED_LIST, _constants2.UNORDERED_LIST].includes(currentSourceNode.type)) {
-      // Drag backward
-      if (_slate.Path.isAfter(targetPath, sourcePath)) {
-        let toPath = targetPath.slice(0);
-
-        // Drag elements outside the quoteBlock into the quoteBlock
-        if (!(0, _helpers2.isBlockquote)(editor, [sourcePath[0]]) && (0, _helpers2.isBlockquote)(editor, [targetPath[0]]) && targetPath.length > 1) {
-          toPath = _slate.Path.next(targetPath);
-        }
-
-        // Drag into list
-        if ((0, _helpers2.isList)(editor, targetPath)) {
-          toPath = _slate.Path.next(targetPath);
-        }
-        _slate.Transforms.moveNodes(editor, {
-          at: sourcePath,
-          to: toPath
-        });
-      }
-
-      // Drag forward
-      if (_slate.Path.isBefore(targetPath, sourcePath)) {
-        const toPath = _slate.Path.next(targetPath);
-        _slate.Transforms.moveNodes(editor, {
-          at: sourcePath,
-          to: toPath
-        });
-      }
-    }
-    let selectedSourcePath = sourcePath;
-    // Handling drag forward situation for multi_column update
-    if (_slate.Path.isBefore(targetPath, sourcePath)) {
-      const targetNode = _slate.Editor.node(editor, [targetPath[0]])[0];
-      if (![_constants2.ORDERED_LIST, _constants2.UNORDERED_LIST].includes(targetNode.type)) {
-        selectedSourcePath[0] += 1;
-      }
-    }
-
-    // Dragging childNodes from multi_column
-    const nodeIndex = selectedSourcePath[0];
-    const highestNode = editor.children[nodeIndex];
-    const [parentNode] = _slate.Editor.parent(editor, selectedSourcePath.slice(0, 3));
-    if (selectedSourcePath.length > 1 && highestNode.type === _constants2.MULTI_COLUMN && !((_parentNode$children$ = parentNode.children[0]) !== null && _parentNode$children$ !== void 0 && _parentNode$children$.type)) {
-      if (highestNode.children.length <= 2) {
-        _slate.Transforms.removeNodes(editor, {
-          at: selectedSourcePath.slice(0, 2)
-        });
-        _slate.Transforms.unwrapNodes(editor, {
-          at: [selectedSourcePath[0]]
-        });
-      } else {
-        const topNodesColumnAttribute = highestNode.column;
-        _slate.Transforms.removeNodes(editor, {
-          at: selectedSourcePath.slice(0, 2)
-        });
-        const isDragged = true;
-        (0, _helper2.updateColumnWidthOnDeletion)(editor, selectedSourcePath, topNodesColumnAttribute, 'deleteBackward', isDragged);
-      }
-    }
-
-    // reset
-    sourceElement = null;
-    targetElement = null;
-  }, [editor]);
-  (0, _react.useEffect)(() => {
-    const eventBus = _eventBus.default.getInstance();
-    const unSubscribeDragOver = eventBus.subscribe(_constants.INTERNAL_EVENT.ON_DRAG_OVER_BLOCK, dragOver);
-    const unSubscribeDragLeave = eventBus.subscribe(_constants.INTERNAL_EVENT.ON_DRAG_LEAVE_BLOCK, dragLeave);
-    const unSubscribeDrop = eventBus.subscribe(_constants.INTERNAL_EVENT.ON_DRAG_DROP_BLOCK, drop);
-    return () => {
-      unSubscribeDragOver();
-      unSubscribeDragLeave();
-      unSubscribeDrop();
-    };
-  }, [dragLeave, dragOver, drop]);
-  const onMouseEnter = (0, _react.useCallback)(() => {
-    setIsEnterMoreVertical(true);
-  }, []);
-  const onMouseLeave = (0, _react.useCallback)(() => {
-    setIsEnterMoreVertical(false);
-  }, []);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    onAnimationEnd: () => setIsMoving(false),
-    className: (0, _classnames.default)('sdoc-side-toolbar-container', {
-      'fade-out': isMoving
-    }),
-    style: sidePosition
-  }, slateNode && /*#__PURE__*/_react.default.createElement("div", {
-    ref: menuRef,
-    onMouseDown: onMouseDown,
-    draggable: true,
-    onDragStart: dragStart,
-    className: "sdoc-side-op-icon",
-    onClick: onShowSideMenuToggle,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)('sdocfont', {
-      'sdoc-more-vertical': !isNodeEmpty && !isEnterMoreVertical,
-      'sdoc-append': isNodeEmpty,
-      'sdoc-more-vertical-left': !isNodeEmpty && isEnterMoreVertical
-    })
-  })), isShowSideMenu && /*#__PURE__*/_react.default.createElement(_sideMenu.default, {
-    slateNode: slateNode,
-    isNodeEmpty: isNodeEmpty,
-    menuPosition: menuPosition,
-    onReset: onReset,
-    ref: sideMenuRef
-  }));
-};
-var _default = exports.default = SideToolbar;

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

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactstrap = require("reactstrap");
-var _constants = require("../../constants");
-var _insertBlockMenu = _interopRequireDefault(require("./insert-block-menu"));
-const InsertBelowMenu = _ref => {
-  let {
-    target,
-    slateNode
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
-    boundariesElement: "viewport",
-    target: target,
-    className: "sdoc-side-menu-insert-below-popover sdoc-sub-dropdown-menu sdoc-dropdown-menu",
-    trigger: "hover",
-    placement: "right-start",
-    hideArrow: true,
-    fade: false
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-dropdown-menu-container"
-  }, /*#__PURE__*/_react.default.createElement(_insertBlockMenu.default, {
-    insertPosition: _constants.INSERT_POSITION.AFTER,
-    slateNode: slateNode
-  })));
-};
-var _default = exports.default = InsertBelowMenu;