@seafile/sdoc-editor 1.0.54 → 1.0.56

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

@@ -1,38 +1,46 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import classnames from 'classnames';
-import { Editor, Path, Transforms } from '@seafile/slate';
-import { ReactEditor, useSlateStatic } from '@seafile/slate-react';
-import SideMenu from './side-menu';
-import EventBus from '../../../utils/event-bus';
-import { useScrollContext } from '../../../hooks/use-scroll-context';
-import { focusEditor } from '../../core';
-import { setSelection, isVoidNode, getNodeEntry, isBlockquote, isList, onWrapListItem, getTopValue } from './helpers';
-import { insertImageFiles } from '../../plugins/image/helpers';
-import { INTERNAL_EVENT, WIKI_EDITOR } from '../../../constants';
-import { CODE_BLOCK, TABLE, BLOCKQUOTE, CHECK_LIST_ITEM, CALL_OUT, TABLE_DRAG_KEY } from '../../constants';
-import { getCalloutEntry } from '../../plugins/callout/helper';
-import './index.css';
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _sideMenu = _interopRequireDefault(require("./side-menu"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _useScrollContext = require("../../../hooks/use-scroll-context");
+var _core = require("../../core");
+var _helpers = require("./helpers");
+var _helpers2 = require("../../plugins/image/helpers");
+var _constants = require("../../../constants");
+var _constants2 = require("../../constants");
+var _helper = require("../../plugins/callout/helper");
+require("./index.css");
 let sourceElement = null;
 let targetElement = null;
 const SideToolbar = () => {
-  const editor = useSlateStatic();
-  const scrollRef = useScrollContext();
-  const menuRef = useRef(null);
-  const [slateNode, setSlateNode] = useState(null);
-  const [sidePosition, setSidePosition] = useState({});
-  const [isNodeEmpty, setNodeEmpty] = useState(false);
-  const [isShowSideMenu, setShowSideMenu] = useState(false);
-  const [menuPosition, setMenuPosition] = useState({});
-  const [isEnterMoreVertical, setIsEnterMoreVertical] = useState(false);
-  const [isMoving, setIsMoving] = useState(false);
-  const sideMenuRef = useRef();
-  const onReset = useCallback(() => {
+  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)();
+  const onReset = (0, _react.useCallback)(() => {
     setShowSideMenu(false);
     setMenuPosition({});
     setSlateNode(null);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const handleClick = useCallback(e => {
+  const handleClick = (0, _react.useCallback)(e => {
     if (!isShowSideMenu || !menuRef.current) return;
     const isClickSideTool = menuRef.current.contains(e.target);
     if (isClickSideTool || !sideMenuRef.current) return;
@@ -43,7 +51,7 @@ const SideToolbar = () => {
     const isClickContainer = sideMenuDom.contains(e.target);
     if (!isClickContainer) onReset();
   }, [isShowSideMenu, onReset]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     let observerRefValue;
     if (isShowSideMenu) {
       scrollRef.current.addEventListener('scroll', onReset);
@@ -57,12 +65,12 @@ const SideToolbar = () => {
     return () => {
       if (observerRefValue) {
         observerRefValue.removeEventListener('scroll', onReset);
-        focusEditor(editor);
+        (0, _core.focusEditor)(editor);
       }
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowSideMenu]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const handleMouseEnter = e => {
       if (isShowSideMenu) return;
       let dom = e.target;
@@ -71,13 +79,13 @@ const SideToolbar = () => {
         if (!dom.parentNode) return;
         dom = dom.parentNode;
       }
-      const node = ReactEditor.toSlateNode(editor, dom);
-      const isEmpty = isVoidNode(node);
+      const node = _slateReact.ReactEditor.toSlateNode(editor, dom);
+      const isEmpty = (0, _helpers.isVoidNode)(node);
       const containerDom = scrollRef.current;
-      const topValue = getTopValue(editor, dom, containerDom, node);
+      const topValue = (0, _helpers.getTopValue)(editor, dom, containerDom, node);
       if (topValue !== sidePosition.top) setIsMoving(true);
       let left = 20;
-      if (editor.editorType === WIKI_EDITOR) {
+      if (editor.editorType === _constants.WIKI_EDITOR) {
         const {
           left: editorLeft
         } = document.querySelector('#sdoc-editor').getBoundingClientRect();
@@ -96,14 +104,14 @@ const SideToolbar = () => {
       setSlateNode(node);
       setNodeEmpty(isEmpty);
     };
-    const eventBus = EventBus.getInstance();
-    const unSubscribeMouseEnter = eventBus.subscribe(INTERNAL_EVENT.ON_MOUSE_ENTER_BLOCK, handleMouseEnter);
+    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 onShowSideMenuToggle = useCallback(() => {
-    setSelection(editor, slateNode);
+  const onShowSideMenuToggle = (0, _react.useCallback)(() => {
+    (0, _helpers.setSelection)(editor, slateNode);
     const {
       top,
       left
@@ -114,129 +122,129 @@ const SideToolbar = () => {
       left
     });
   }, [editor, isShowSideMenu, slateNode]);
-  const dragStart = useCallback(event => {
-    sourceElement = ReactEditor.toDOMNode(editor, slateNode);
-    const path = ReactEditor.findPath(editor, slateNode);
+  const dragStart = (0, _react.useCallback)(event => {
+    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 (isBlockquote(editor, [path[0]]) && path.slice(1).every(p => p === 0)) {
-      const nodeEntry = Editor.node(editor, [path[0]]);
-      sourceElement = ReactEditor.toDOMNode(editor, nodeEntry[0]);
+    if ((0, _helpers.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);
   }, [editor, slateNode]);
-  const dragOver = useCallback(event => {
+  const dragOver = (0, _react.useCallback)(event => {
     const overElement = event.currentTarget;
     if (!overElement.classList.contains('sdoc-draging')) {
       overElement.classList.add('sdoc-draging');
     }
   }, []);
-  const dragLeave = useCallback(event => {
+  const dragLeave = (0, _react.useCallback)(event => {
     const leaveElement = event.currentTarget;
     leaveElement.classList.remove('sdoc-draging');
   }, []);
-  const drop = useCallback(event => {
+  const drop = (0, _react.useCallback)(event => {
     const dragTypes = event.dataTransfer.types;
     targetElement = event.currentTarget;
     targetElement.classList.remove('sdoc-draging');
     // Prevent dragging table data to the editor
-    if (dragTypes.includes(TABLE_DRAG_KEY)) return;
+    if (dragTypes.includes(_constants2.TABLE_DRAG_KEY)) return;
     // Drag local image files to sdoc
     if (event.dataTransfer.files.length > 0) {
-      const [, targetPath] = getNodeEntry(editor, targetElement);
-      insertImageFiles(event.dataTransfer.files, editor, targetPath);
+      const [, targetPath] = (0, _helpers.getNodeEntry)(editor, targetElement);
+      (0, _helpers2.insertImageFiles)(event.dataTransfer.files, editor, targetPath);
       return;
     }
-    const [sourceNode, sourcePath] = getNodeEntry(editor, sourceElement);
-    const [, targetPath] = getNodeEntry(editor, targetElement);
+    const [sourceNode, sourcePath] = (0, _helpers.getNodeEntry)(editor, sourceElement);
+    const [, targetPath] = (0, _helpers.getNodeEntry)(editor, targetElement);
 
     // Dragging into a quoteBlock is not supported
-    if ([CODE_BLOCK, TABLE, BLOCKQUOTE].includes(sourceNode.type) && isBlockquote(editor, [targetPath[0]]) && targetPath.length > 1) {
+    if ([_constants2.CODE_BLOCK, _constants2.TABLE, _constants2.BLOCKQUOTE].includes(sourceNode.type) && (0, _helpers.isBlockquote)(editor, [targetPath[0]]) && targetPath.length > 1) {
       return;
     }
 
     // Dragging into a list is not supported
-    if ([CODE_BLOCK, TABLE, BLOCKQUOTE, CHECK_LIST_ITEM].includes(sourceNode.type) && isList(editor, targetPath)) {
+    if ([_constants2.CODE_BLOCK, _constants2.TABLE, _constants2.BLOCKQUOTE, _constants2.CHECK_LIST_ITEM].includes(sourceNode.type) && (0, _helpers.isList)(editor, targetPath)) {
       return;
     }
 
     // Drag into callout is not supported
-    if ([CALL_OUT, CODE_BLOCK, TABLE].includes(sourceNode.type) && getCalloutEntry(editor, targetPath)) {
+    if ([_constants2.CALL_OUT, _constants2.CODE_BLOCK, _constants2.TABLE].includes(sourceNode.type) && (0, _helper.getCalloutEntry)(editor, targetPath)) {
       return;
     }
 
     // Drag list
-    if (isList(editor, sourcePath)) {
+    if ((0, _helpers.isList)(editor, sourcePath)) {
       // ordinary list items
-      if (!isBlockquote(editor, [sourcePath[0]])) {
+      if (!(0, _helpers.isBlockquote)(editor, [sourcePath[0]])) {
         // Drag ordinary list items to places other than list and quoteBlock
-        if (!isList(editor, targetPath) && !isBlockquote(editor, [targetPath[0]])) {
-          onWrapListItem(editor, targetPath, sourcePath);
+        if (!(0, _helpers.isList)(editor, targetPath) && !(0, _helpers.isBlockquote)(editor, [targetPath[0]])) {
+          (0, _helpers.onWrapListItem)(editor, targetPath, sourcePath);
           return;
         }
 
         // Drag ordinary list items into the quoteBlock
-        if (isBlockquote(editor, [targetPath[0]])) {
+        if ((0, _helpers.isBlockquote)(editor, [targetPath[0]])) {
           // Drag and drop ordinary list items onto the list within the quoteBlock
-          if (isList(editor, targetPath)) {
-            Transforms.moveNodes(editor, {
+          if ((0, _helpers.isList)(editor, targetPath)) {
+            _slate.Transforms.moveNodes(editor, {
               at: sourcePath,
-              to: Path.next(targetPath)
+              to: _slate.Path.next(targetPath)
             });
             return;
           }
-          onWrapListItem(editor, targetPath, sourcePath);
+          (0, _helpers.onWrapListItem)(editor, targetPath, sourcePath);
           return;
         }
       }
 
       // quoteBlock list items
-      if (isBlockquote(editor, [sourcePath[0]])) {
+      if ((0, _helpers.isBlockquote)(editor, [sourcePath[0]])) {
         // Drag quoteBlock list items to places other than list and quoteBlock
-        if (!isList(editor, targetPath) && !isBlockquote(editor, [targetPath[0]])) {
-          onWrapListItem(editor, targetPath, sourcePath);
+        if (!(0, _helpers.isList)(editor, targetPath) && !(0, _helpers.isBlockquote)(editor, [targetPath[0]])) {
+          (0, _helpers.onWrapListItem)(editor, targetPath, sourcePath);
           return;
         }
 
         // Drag quoteBlock list items into the quoteBlock
-        if (isBlockquote(editor, [targetPath[0]])) {
+        if ((0, _helpers.isBlockquote)(editor, [targetPath[0]])) {
           // Drag and drop ordinary list items onto the list within the quoteBlock
-          if (isList(editor, targetPath)) {
-            Transforms.moveNodes(editor, {
+          if ((0, _helpers.isList)(editor, targetPath)) {
+            _slate.Transforms.moveNodes(editor, {
               at: sourcePath,
-              to: Path.next(targetPath)
+              to: _slate.Path.next(targetPath)
             });
             return;
           }
-          onWrapListItem(editor, targetPath, sourcePath);
+          (0, _helpers.onWrapListItem)(editor, targetPath, sourcePath);
           return;
         }
       }
     }
 
     // Drag backward
-    if (Path.isAfter(targetPath, sourcePath)) {
+    if (_slate.Path.isAfter(targetPath, sourcePath)) {
       let toPath = targetPath.slice(0);
 
       // Drag elements outside the quoteBlock into the quoteBlock
-      if (!isBlockquote(editor, [sourcePath[0]]) && isBlockquote(editor, [targetPath[0]]) && targetPath.length > 1) {
-        toPath = Path.next(targetPath);
+      if (!(0, _helpers.isBlockquote)(editor, [sourcePath[0]]) && (0, _helpers.isBlockquote)(editor, [targetPath[0]]) && targetPath.length > 1) {
+        toPath = _slate.Path.next(targetPath);
       }
 
       // Drag into list
-      if (isList(editor, targetPath)) {
-        toPath = Path.next(targetPath);
+      if ((0, _helpers.isList)(editor, targetPath)) {
+        toPath = _slate.Path.next(targetPath);
       }
-      Transforms.moveNodes(editor, {
+      _slate.Transforms.moveNodes(editor, {
         at: sourcePath,
         to: toPath
       });
     }
 
     // Drag forward
-    if (Path.isBefore(targetPath, sourcePath)) {
-      const toPath = Path.next(targetPath);
-      Transforms.moveNodes(editor, {
+    if (_slate.Path.isBefore(targetPath, sourcePath)) {
+      const toPath = _slate.Path.next(targetPath);
+      _slate.Transforms.moveNodes(editor, {
         at: sourcePath,
         to: toPath
       });
@@ -246,30 +254,30 @@ const SideToolbar = () => {
     sourceElement = null;
     targetElement = null;
   }, [editor]);
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
-    const unSubscribeDragOver = eventBus.subscribe(INTERNAL_EVENT.ON_DRAG_OVER_BLOCK, dragOver);
-    const unSubscribeDragLeave = eventBus.subscribe(INTERNAL_EVENT.ON_DRAG_LEAVE_BLOCK, dragLeave);
-    const unSubscribeDrop = eventBus.subscribe(INTERNAL_EVENT.ON_DRAG_DROP_BLOCK, drop);
+  (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 = useCallback(() => {
+  const onMouseEnter = (0, _react.useCallback)(() => {
     setIsEnterMoreVertical(true);
   }, []);
-  const onMouseLeave = useCallback(() => {
+  const onMouseLeave = (0, _react.useCallback)(() => {
     setIsEnterMoreVertical(false);
   }, []);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     onAnimationEnd: () => setIsMoving(false),
-    className: classnames('sdoc-side-toolbar-container', {
+    className: (0, _classnames.default)('sdoc-side-toolbar-container', {
       'fade-out': isMoving
     }),
     style: sidePosition
-  }, slateNode && /*#__PURE__*/React.createElement("div", {
+  }, slateNode && /*#__PURE__*/_react.default.createElement("div", {
     ref: menuRef,
     draggable: true,
     onDragStart: dragStart,
@@ -277,13 +285,13 @@ const SideToolbar = () => {
     onClick: onShowSideMenuToggle,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
-  }, /*#__PURE__*/React.createElement("span", {
-    className: classnames('sdocfont', {
+  }, /*#__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.createElement(SideMenu, {
+  })), isShowSideMenu && /*#__PURE__*/_react.default.createElement(_sideMenu.default, {
     slateNode: slateNode,
     isNodeEmpty: isNodeEmpty,
     menuPosition: menuPosition,
@@ -291,4 +299,4 @@ const SideToolbar = () => {
     ref: sideMenuRef
   }));
 };
-export default SideToolbar;
+var _default = exports.default = SideToolbar;

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

@@ -1,13 +1,20 @@
-import React from 'react';
-import { UncontrolledPopover } from 'reactstrap';
-import InsertBlockMenu from './insert-block-menu';
-import { INSERT_POSITION } from '../../constants';
+"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 _insertBlockMenu = _interopRequireDefault(require("./insert-block-menu"));
+var _constants = require("../../constants");
 const InsertBelowMenu = _ref => {
   let {
     target,
     slateNode
   } = _ref;
-  return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+  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",
@@ -15,11 +22,11 @@ const InsertBelowMenu = _ref => {
     placement: "right-start",
     hideArrow: true,
     fade: false
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-container"
-  }, /*#__PURE__*/React.createElement(InsertBlockMenu, {
-    insertPosition: INSERT_POSITION.AFTER,
+  }, /*#__PURE__*/_react.default.createElement(_insertBlockMenu.default, {
+    insertPosition: _constants.INSERT_POSITION.AFTER,
     slateNode: slateNode
   })));
 };
-export default InsertBelowMenu;
+var _default = exports.default = InsertBelowMenu;