@seafile/sdoc-editor 2.0.72 → 2.0.74

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

@@ -10,8 +10,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
-var _utils = require("../../../../../utils");
+var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
+var _commonUtils = require("../../../../utils/common-utils");
 var _constants = require("../../../constants");
 var _core = require("../../../core");
 var _helpers = require("../helpers");
@@ -89,7 +89,7 @@ class HeaderMenu extends _react.default.Component {
       this.menu = ref;
     });
     (0, _defineProperty2.default)(this, "getToolTip", type => {
-      return (0, _utils.isMac)() ? _constants.MAC_HOTKEYS[type] : _constants.WIN_HOTKEYS[type];
+      return (0, _commonUtils.isMac)() ? _constants.MAC_HOTKEYS[type] : _constants.WIN_HOTKEYS[type];
     });
     this.state = {
       isShowHeaderPopover: false

package/dist/basic-sdk/extension/plugins/header/plugin.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _slate = require("@seafile/slate");
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
-var _utils = require("../../../../utils");
+var _commonUtils = require("../../../utils/common-utils");
 var _constants = require("../../constants");
 var _keyboard = require("../../constants/keyboard");
 var _core = require("../../core");
@@ -117,7 +117,7 @@ const withHeader = editor => {
     deleteBackward(unit);
   };
   newEditor.onHotKeyDown = event => {
-    const HOT_KEYS = (0, _utils.isMac)() ? _keyboard.MAC_HOTKEYS_EVENT : _keyboard.WIN_HOTKEYS;
+    const HOT_KEYS = (0, _commonUtils.isMac)() ? _keyboard.MAC_HOTKEYS_EVENT : _keyboard.WIN_HOTKEYS;
     const hotEntries = Object.entries(HOT_KEYS);
     let isHeaderEvent = false;
     let headerType = '';

package/dist/basic-sdk/extension/plugins/image/base64-to-unit8array.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const base64ToUnit8Array = base64 => {
+  const arr = base64.split(',');
+  const mime = arr[0].match(/:(.*?);/)[1];
+  const bstr = atob(arr[1]);
+  let n = bstr.length;
+  const u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  return {
+    u8arr,
+    mime
+  };
+};
+var _default = exports.default = base64ToUnit8Array;

package/dist/basic-sdk/extension/plugins/image/copy-image-error-svg/index.js

@@ -0,0 +1,64 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+const Svg = _ref => {
+  let {
+    t,
+    isSelected,
+    imageRef
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 360 360",
+    preserveAspectRatio: "xMinYMin meet",
+    className: (0, _classnames.default)('sdoc-image-placeholder-wrapper', {
+      'image-selected': isSelected
+    }),
+    ref: imageRef,
+    draggable: false
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "100%",
+    height: "100%",
+    fill: "#f0f0f0"
+  }), /*#__PURE__*/_react.default.createElement("g", {
+    className: "sdoc-image-content-wrapper",
+    transform: "translate(180, 180) scale(1)"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    className: "sdoc-image-title",
+    transform: "translate(0, 0)"
+  }, /*#__PURE__*/_react.default.createElement("foreignObject", {
+    x: "-85",
+    y: "-16",
+    width: "20",
+    height: "28"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdocfont sdoc-exclamation-circle"
+  })), /*#__PURE__*/_react.default.createElement("text", {
+    className: "sdoc-image-tip-title",
+    transform: "translate(-55, 4)",
+    fontSize: "20",
+    fill: "red",
+    fontFamily: "Arial, sans-serif"
+  }, t('Image_copy_error'))), /*#__PURE__*/_react.default.createElement("text", {
+    className: "sdoc-image-tip-content",
+    transform: "translate(0, 35)",
+    fontSize: "12",
+    textAnchor: "middle",
+    fill: "black",
+    fontFamily: "Arial, sans-serif"
+  }, t('Image_cannot_be_copied_Please_download_the_source_image')), /*#__PURE__*/_react.default.createElement("text", {
+    className: "sdoc-image-tip-content",
+    transform: "translate(0, 55)",
+    fontSize: "12",
+    textAnchor: "middle",
+    fill: "black",
+    fontFamily: "Arial, sans-serif"
+  }, t('And_select_insert_-_image_to_upload'))));
+};
+var _default = exports.default = Svg;

package/dist/basic-sdk/extension/plugins/image/helpers.js

@@ -10,14 +10,14 @@ var _slateReact = require("@seafile/slate-react");
 var _dtableUtils = require("dtable-utils");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _urlJoin = _interopRequireDefault(require("url-join"));
-var _helpers = require("../../../../plugin-module/plugins/seatable-column/helpers");
 var _context = _interopRequireDefault(require("../../../../context"));
-var _base64ToUnit8array = _interopRequireDefault(require("../../../../utils/base64-to-unit8array"));
-var _imageCache = _interopRequireDefault(require("../../../../utils/image-cache"));
+var _helpers = require("../../../../plugin-module/plugins/seatable-column/helpers");
 var _constants = require("../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants2 = require("../../constants");
 var _core = require("../../core");
+var _base64ToUnit8array = _interopRequireDefault(require("./base64-to-unit8array"));
+var _imageCache = _interopRequireDefault(require("./image-cache"));
 const isInsertImageMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   const {

package/dist/basic-sdk/extension/plugins/image/hover-menu/index.js

@@ -11,7 +11,7 @@ var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
+var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
 var _commons = require("../../../commons");
 var _constants = require("../../../constants");
 var _core = require("../../../core");

package/dist/basic-sdk/extension/plugins/image/plugin.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _slate = require("@seafile/slate");
-var _toast = _interopRequireDefault(require("../../../../components/toast"));
 var _context = _interopRequireDefault(require("../../../../context"));
-var _utils = require("../../../../utils");
+var _toast = _interopRequireDefault(require("../../../components/toast"));
 var _constants = require("../../../constants");
+var _commonUtils = require("../../../utils/common-utils");
 var _documentUtils = require("../../../utils/document-utils");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants2 = require("../../constants");
@@ -69,7 +69,7 @@ const withImage = editor => {
             }
           }
         }).catch(error => {
-          const errorMessage = (0, _utils.getErrorMsg)(error);
+          const errorMessage = (0, _commonUtils.getErrorMsg)(error);
           _toast.default.danger(errorMessage);
         });
       }

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

@@ -12,7 +12,6 @@ var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _copyImageErrorSvg = _interopRequireDefault(require("../../../../components/copy-image-error-svg"));
 var _constants = require("../../../../constants");
 var _imagePlaceholder = _interopRequireDefault(require("../../../assets/images/image-placeholder.png"));
 var _constants2 = require("../../../constants");
@@ -20,6 +19,7 @@ var _useScrollContext = require("../../../hooks/use-scroll-context");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants3 = require("../../constants");
 var _constants4 = require("./constants");
+var _copyImageErrorSvg = _interopRequireDefault(require("./copy-image-error-svg"));
 var _helpers = require("./helpers");
 var _hoverMenu = _interopRequireDefault(require("./hover-menu"));
 var _imageLoader = _interopRequireDefault(require("./image-loader"));

package/dist/basic-sdk/extension/plugins/image/use-upload-image.js

@@ -9,8 +9,8 @@ var _react = require("react");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _context = _interopRequireDefault(require("../../../../context"));
-var _imageCache = _interopRequireDefault(require("../../../../utils/image-cache"));
 var _helpers = require("./helpers");
+var _imageCache = _interopRequireDefault(require("./image-cache"));
 const updateImageNode = async (editor, element, newUrl) => {
   const nodePath = _slateReact.ReactEditor.findPath(editor, element);
   const newData = {

package/dist/basic-sdk/extension/plugins/link/dialog/add-link-dialog/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +8,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
-var _modalHeader = _interopRequireDefault(require("../../../../../../components/modal-header"));
 var _core = require("../../../../core");
 var _helpers = require("../../helpers");
 const AddLinkDialog = _ref => {
@@ -83,6 +81,15 @@ const AddLinkDialog = _ref => {
     if (value === title) return;
     setTitle(value);
   }, [title]);
+  const close = (0, _react.useMemo)(() => {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "sdoc-add-link-close-icon",
+      onClick: closeDialog
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "sdocfont sdoc-sm-close",
+      "aria-hidden": "true"
+    }));
+  }, [closeDialog]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: true,
     autoFocus: false,
@@ -90,8 +97,8 @@ const AddLinkDialog = _ref => {
     className: className,
     zIndex: 1071,
     returnFocusAfterClose: false
-  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
-    toggle: closeDialog
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    close: close
   }, t('Insert_link')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "form-group"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {

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

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _utils = require("../../../../../utils");
 var _constants = require("../../../../constants");
+var _commonUtils = require("../../../../utils/common-utils");
 var _commons = require("../../../commons");
 var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
 var _constants2 = require("../../../constants");
@@ -50,7 +50,7 @@ const LinkMenu = _ref => {
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const linkShortCutTexts = (0, _react.useMemo)(() => {
-    const printTexts = (0, _utils.isMac)() ? ['⌘', 'k'] : ['Ctrl', 'k'];
+    const printTexts = (0, _commonUtils.isMac)() ? ['⌘', 'k'] : ['Ctrl', 'k'];
     return printTexts;
   }, []);
   return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {

package/dist/basic-sdk/extension/plugins/mention/helper.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.transformToText = exports.sortCollaborators = exports.insertTemporaryMentionInput = exports.insertMention = exports.getPrevMentionIptEntry = exports.getPreCharacters = exports.getMentionTempIptEntry = exports.getMentionEntry = void 0;
+exports.transformToText = exports.sortCollaborators = exports.insertTemporaryMentionInput = exports.insertMention = exports.getSelectionCoords = exports.getPrevMentionIptEntry = exports.getPreCharacters = exports.getMentionTempIptEntry = exports.getMentionEntry = void 0;
 var _slate = require("@seafile/slate");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _context = _interopRequireDefault(require("../../../../context"));
@@ -180,4 +180,60 @@ const getPreCharacters = editor => {
   });
   return beforeStr;
 };
-exports.getPreCharacters = getPreCharacters;
+exports.getPreCharacters = getPreCharacters;
+const getSelectionCoords = () => {
+  let doc = window.document;
+  let sel = doc.selection;
+  let range;
+  let rects;
+  let rect;
+  let x = 0;
+  let y = 0;
+  if (sel) {
+    if (sel.type !== 'Control') {
+      range = sel.createRange();
+      range.collapse(true);
+      x = range.boundingLeft;
+      y = range.boundingTop;
+    }
+  } else if (window.getSelection) {
+    sel = window.getSelection();
+    if (sel.rangeCount) {
+      range = sel.getRangeAt(0).cloneRange();
+      if (range.getClientRects) {
+        range.collapse(true);
+        rects = range.getClientRects();
+        if (rects.length > 0) {
+          rect = rects[0];
+        }
+        // When the cursor is at the beginning of the line, rect is undefined
+        if (rect) {
+          x = rect.left;
+          y = rect.top;
+        }
+      }
+      // Fall back to inserting a temporary element
+      if (x === 0 && y === 0 || rect === undefined) {
+        let span = doc.createElement('span');
+        if (span.getClientRects) {
+          // Ensure span has dimensions and position by
+          // adding a zero-width space character
+          span.appendChild(doc.createTextNode('\u200b'));
+          range.insertNode(span);
+          rect = span.getClientRects()[0];
+          x = rect.left;
+          y = rect.top;
+          let spanParent = span.parentNode;
+          spanParent.removeChild(span);
+          // Glue any broken text nodes back together
+          spanParent.normalize();
+        }
+      }
+    }
+  }
+  return {
+    x: x,
+    y: y
+  };
+};
+exports.getSelectionCoords = getSelectionCoords;

package/dist/basic-sdk/extension/plugins/mention/plugin.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _slate = require("@seafile/slate");
-var _constants = require("../../../../constants");
-var _constants2 = require("../../../constants");
+var _constants = require("../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _elementType = require("../../constants/element-type");
 var _core = require("../../core");
@@ -163,7 +162,7 @@ const withMention = editor => {
       const interceptorKeyCodes = [DownArrow, UpArrow, Enter, Esc];
       if (interceptorKeyCodes.includes(keyCode)) {
         event.preventDefault();
-        eventBus.dispatch(_constants2.INTERNAL_EVENT.HANDLE_MENTION_TEMP_CHOSEN, {
+        eventBus.dispatch(_constants.INTERNAL_EVENT.HANDLE_MENTION_TEMP_CHOSEN, {
           event
         });
         return;
@@ -205,7 +204,7 @@ const withMention = editor => {
         data
       } = event;
       const compositionText = data.replace(/\'/g, '');
-      eventBus.dispatch(_constants2.INTERNAL_EVENT.UPDATE_MENTION_TEMP_CONTENT, {
+      eventBus.dispatch(_constants.INTERNAL_EVENT.UPDATE_MENTION_TEMP_CONTENT, {
         compositionText
       });
       return true;

package/dist/basic-sdk/extension/plugins/mention/render-elem/participant-popover.js

@@ -8,13 +8,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _slate = require("@seafile/slate");
-var _constants = require("../../../../../constants");
 var _hooks = require("../../../../../hooks");
-var _utils = require("../../../../../utils");
-var _constants2 = require("../../../../comment/constants");
+var _constants = require("../../../../comment/constants");
 var _useParticipants = require("../../../../comment/hooks/use-participants");
-var _utils2 = require("../../../../comment/utils");
-var _constants3 = require("../../../../constants");
+var _utils = require("../../../../comment/utils");
+var _constants2 = require("../../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _mouseEvent = require("../../../../utils/mouse-event");
 var _commons = require("../../../commons");
@@ -71,15 +69,15 @@ const ParticipantPopover = _ref => {
       offsetHeight,
       scrollTop
     } = collaboratorsPopoverRef.current;
-    if (mouseDownType === _constants2.DOWN) {
-      if (offsetTop + itemOffsetHeight - scrollTop - offsetHeight + _constants2.POPOVER_ADDING_HEIGHT > 0) {
-        let top = offsetTop + itemOffsetHeight - offsetHeight + _constants2.POPOVER_ADDING_HEIGHT;
+    if (mouseDownType === _constants.DOWN) {
+      if (offsetTop + itemOffsetHeight - scrollTop - offsetHeight + _constants.POPOVER_ADDING_HEIGHT > 0) {
+        let top = offsetTop + itemOffsetHeight - offsetHeight + _constants.POPOVER_ADDING_HEIGHT;
         collaboratorsPopoverRef.current.scrollTop = top;
       }
     }
-    if (mouseDownType === _constants2.UP) {
+    if (mouseDownType === _constants.UP) {
       if (offsetTop < scrollTop) {
-        collaboratorsPopoverRef.current.scrollTop = offsetTop - _constants2.POPOVER_ADDING_HEIGHT;
+        collaboratorsPopoverRef.current.scrollTop = offsetTop - _constants.POPOVER_ADDING_HEIGHT;
       }
     }
   }, []);
@@ -94,22 +92,22 @@ const ParticipantPopover = _ref => {
     } = collaboratorsPopoverRef.current;
 
     // Whether the vertical direction exceeds the screen
-    const isVerticalDirectionBeyondScreen = height + caretPosition.y + _constants2.LINE_HEIGHT > window.innerHeight;
+    const isVerticalDirectionBeyondScreen = height + caretPosition.y + _constants.LINE_HEIGHT > window.innerHeight;
 
     // if the vertical direction exceeds the screen, collaboratorsPopoverRef appear above the cursor
-    const top = isVerticalDirectionBeyondScreen ? `${caretPosition.y - offsetHeight + _constants2.LINE_HEIGHT}px` : `${caretPosition.y + _constants2.LINE_HEIGHT}px`;
+    const top = isVerticalDirectionBeyondScreen ? `${caretPosition.y - offsetHeight + _constants.LINE_HEIGHT}px` : `${caretPosition.y + _constants.LINE_HEIGHT}px`;
     collaboratorsPopoverRef.current.style.top = top;
 
     // Whether the horizontal direction exceeds the screen
-    const isHorizontalDirectionBeyondScreen = caretPosition.x + _constants2.FONT_SIZE_WIDTH + width > window.innerWidth;
+    const isHorizontalDirectionBeyondScreen = caretPosition.x + _constants.FONT_SIZE_WIDTH + width > window.innerWidth;
 
     // if the horizontal direction exceeds the screen, collaboratorsPopoverRef is displayed against the right side of the screen
-    const left = isHorizontalDirectionBeyondScreen ? `${window.innerWidth - width}px` : `${caretPosition.x + _constants2.FONT_SIZE_WIDTH}px`;
+    const left = isHorizontalDirectionBeyondScreen ? `${window.innerWidth - width}px` : `${caretPosition.x + _constants.FONT_SIZE_WIDTH}px`;
     collaboratorsPopoverRef.current.style.left = left;
   }, [collaboratorsPopoverRef]);
   const getSearchedCollaborators = (0, _react.useCallback)(searchingText => {
     if (!searchingText.length) return validCollaborators;
-    if (searchingText) return (0, _utils2.searchCollaborators)(validCollaborators, searchingText, editor);
+    if (searchingText) return (0, _utils.searchCollaborators)(validCollaborators, searchingText, editor);
     return [];
   }, [editor, validCollaborators]);
   const handleInvolvedKeyUp = (0, _react.useCallback)(() => {
@@ -121,7 +119,7 @@ const ParticipantPopover = _ref => {
     setActiveCollaboratorIndex(0);
     setSearchedCollaborators(searchedCollaborators);
     setTimeout(() => {
-      const caretPosition = (0, _utils.getSelectionCoords)();
+      const caretPosition = (0, _helper.getSelectionCoords)();
       setCollaboratorsPopoverPosition(caretPosition);
     }, 1);
   }, [getSearchedCollaborators, searchText, hideCommentPopover, setCollaboratorsPopoverPosition]);
@@ -130,7 +128,7 @@ const ParticipantPopover = _ref => {
     const collaboratorsLen = searchedCollaborators.length;
     if (collaboratorsLen === 0) return;
     let nextActiveCollaboratorIndex = activeCollaboratorIndex;
-    if (direction === _constants2.DOWN) {
+    if (direction === _constants.DOWN) {
       nextActiveCollaboratorIndex++;
       if (nextActiveCollaboratorIndex >= collaboratorsLen) {
         nextActiveCollaboratorIndex = 0;
@@ -164,15 +162,15 @@ const ParticipantPopover = _ref => {
     let {
       event
     } = _ref2;
-    if (event.keyCode === _constants.KeyCodes.DownArrow) {
-      handleSelectingCollaborator(event, _constants2.DOWN);
+    if (event.keyCode === _constants2.KeyCodes.DownArrow) {
+      handleSelectingCollaborator(event, _constants.DOWN);
       return;
     }
-    if (event.keyCode === _constants.KeyCodes.UpArrow) {
-      handleSelectingCollaborator(event, _constants2.UP);
+    if (event.keyCode === _constants2.KeyCodes.UpArrow) {
+      handleSelectingCollaborator(event, _constants.UP);
       return;
     }
-    if (event.keyCode === _constants.KeyCodes.Enter) {
+    if (event.keyCode === _constants2.KeyCodes.Enter) {
       if (searchedCollaborators.length > 0) {
         handleSelectCollaborator();
         event.preventDefault();
@@ -182,7 +180,7 @@ const ParticipantPopover = _ref => {
       }
       return;
     }
-    if (event.keyCode === _constants.KeyCodes.Esc) {
+    if (event.keyCode === _constants2.KeyCodes.Esc) {
       (0, _helper.transformToText)(editor);
       return;
     }
@@ -193,7 +191,7 @@ const ParticipantPopover = _ref => {
   // Add the Enter keydown event listener during the capture phase
   (0, _react.useEffect)(() => {
     const handleKeydownCapture = event => {
-      if (event.keyCode === _constants.KeyCodes.Enter) {
+      if (event.keyCode === _constants2.KeyCodes.Enter) {
         handleMentionChosen({
           event
         });
@@ -212,7 +210,7 @@ const ParticipantPopover = _ref => {
     }
     setSearchedCollaborators(newCollaborators);
     setTimeout(() => {
-      const caretPosition = (0, _utils.getSelectionCoords)();
+      const caretPosition = (0, _helper.getSelectionCoords)();
       setCollaboratorsPopoverPosition(caretPosition);
     }, 1);
   }, [getSearchedCollaborators, hideCommentPopover, searchText, setCollaboratorsPopoverPosition]);
@@ -223,7 +221,7 @@ const ParticipantPopover = _ref => {
   }, [searchText, validCollaborators]);
   (0, _react.useEffect)(() => {
     const eventBus = _eventBus.default.getInstance();
-    const unsubscribe = eventBus.subscribe(_constants3.INTERNAL_EVENT.HANDLE_MENTION_TEMP_CHOSEN, handleMentionChosen);
+    const unsubscribe = eventBus.subscribe(_constants2.INTERNAL_EVENT.HANDLE_MENTION_TEMP_CHOSEN, handleMentionChosen);
     return () => {
       unsubscribe();
     };

package/dist/basic-sdk/extension/plugins/quick-insert/plugin/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _slate = require("@seafile/slate");
-var _constants = require("../../../../../constants");
+var _constants = require("../../../../constants");
 var _constants2 = require("../../../constants");
 var _core = require("../../../core");
 var _helpers = require("../../list/helpers");

package/dist/basic-sdk/extension/plugins/sdoc-link/hover-menu/index.js

@@ -11,7 +11,7 @@ var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _toast = _interopRequireDefault(require("../../../../../components/toast"));
+var _toast = _interopRequireDefault(require("../../../../components/toast"));
 var _commons = require("../../../commons");
 var _constants = require("../../../constants");
 var _core = require("../../../core");

package/dist/basic-sdk/extension/plugins/table/dialogs/custom-table-size-dialog/index.js

@@ -9,7 +9,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
-var _modalHeader = _interopRequireDefault(require("../../../../../../components/modal-header"));
 var _constants = require("../../constants");
 var _helpers = require("../../helpers");
 var _numberInput = _interopRequireDefault(require("./number-input"));
@@ -52,14 +51,23 @@ const CustomTableSizeDialog = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [cols]);
+  const close = (0, _react.useMemo)(() => {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "sdoc-add-link-close-icon",
+      onClick: closeDialog
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "sdocfont sdoc-sm-close",
+      "aria-hidden": "true"
+    }));
+  }, [closeDialog]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: true,
     toggle: closeDialog,
     size: "md",
     className: "sdoc-custom-table-size-dialog",
     zIndex: 1111
-  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
-    toggle: closeDialog
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    close: close
   }, t('Customize_the_number_of_rows_and_columns')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex sdoc-custom-table-size-container"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/basic-sdk/extension/plugins/table/dialogs/split-cell-setting-dialog.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +8,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
-var _modalHeader = _interopRequireDefault(require("../../../../../components/modal-header"));
 var _helpers = require("../helpers");
 const SplitCellSettingDialog = _ref => {
   let {
@@ -64,14 +62,23 @@ const SplitCellSettingDialog = _ref => {
     closeDialog();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [rowNumber, columnNumber]);
+  const close = (0, _react.useMemo)(() => {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "sdoc-add-link-close-icon",
+      onClick: closeDialog
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "sdocfont sdoc-sm-close",
+      "aria-hidden": "true"
+    }));
+  }, [closeDialog]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: true,
     autoFocus: false,
     toggle: closeDialog,
     zIndex: 1071,
     returnFocusAfterClose: true
-  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
-    toggle: closeDialog
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    close: close
   }, t('Split_cell')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Row, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Col, {
     md: 6
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {

package/dist/basic-sdk/extension/plugins/table/popover/table-size-popover/index.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _keyCodes = _interopRequireDefault(require("../../../../../../constants/key-codes"));
+var _constants = require("../../../../../constants");
 var _tableTemplate = _interopRequireDefault(require("../table-template"));
 require("./index.css");
 const TableSizePopover = _ref => {
@@ -72,7 +72,7 @@ const TableSizePopover = _ref => {
       Enter,
       RightArrow,
       LeftArrow
-    } = _keyCodes.default;
+    } = _constants.KeyCodes;
     const newSelectedSize = selectedSize.slice(0);
     if (keyCode === Enter) {
       e.preventDefault();
@@ -115,7 +115,7 @@ const TableSizePopover = _ref => {
       RightArrow,
       LeftArrow,
       Esc
-    } = _keyCodes.default;
+    } = _constants.KeyCodes;
     const isInitSize = selectedSize[0] === 1 && selectedSize[1] === 1;
     const templateEl = document.getElementById('sdoc-table-template-review-btn');
     // Currently focusing on the template menu item