@seafile/sdoc-editor 1.0.54 → 1.0.56

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

@@ -1,13 +1,21 @@
-import React, { useCallback, useState } from 'react';
-import { Transforms } from '@seafile/slate';
-import { ReactEditor, useReadOnly } from '@seafile/slate-react';
-import { withTranslation } from 'react-i18next';
-import classnames from 'classnames';
-import { SDOC_LINK_TYPE_CONFIG, SDOC_LINK_TYPE, SDOC_LINK_TYPES } from '../constants';
-import { ElementPopover } from '../../../commons';
-import toaster from '../../../../../components/toast';
-import { onCopySdocLinkNode } from '../helpers';
-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 _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _reactI18next = require("react-i18next");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("../constants");
+var _commons = require("../../../commons");
+var _toast = _interopRequireDefault(require("../../../../../components/toast"));
+var _helpers = require("../helpers");
+require("./index.css");
 const SdocLinkHoverMenu = _ref => {
   let {
     editor,
@@ -18,26 +26,26 @@ const SdocLinkHoverMenu = _ref => {
     t,
     url
   } = _ref;
-  const readOnly = useReadOnly();
-  const [isShowDisplayStylePopover, setIsShowDisplayStylePopover] = useState(false);
-  const onCopy = useCallback(e => {
+  const readOnly = (0, _slateReact.useReadOnly)();
+  const [isShowDisplayStylePopover, setIsShowDisplayStylePopover] = (0, _react.useState)(false);
+  const onCopy = (0, _react.useCallback)(e => {
     e.stopPropagation();
-    onCopySdocLinkNode(editor, element);
-    toaster.success(t('Copied'), {
+    (0, _helpers.onCopySdocLinkNode)(editor, element);
+    _toast.default.success(t('Copied'), {
       hasCloseButton: false,
       duration: 2
     });
     onHideInsertHoverMenu();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const onShowProver = useCallback(e => {
+  const onShowProver = (0, _react.useCallback)(e => {
     setIsShowDisplayStylePopover(true);
   }, []);
-  const onSelect = useCallback((event, value) => {
+  const onSelect = (0, _react.useCallback)((event, value) => {
     event.stopPropagation();
-    const path = ReactEditor.findPath(editor, element);
+    const path = _slateReact.ReactEditor.findPath(editor, element);
     if (path) {
-      Transforms.setNodes(editor, {
+      _slate.Transforms.setNodes(editor, {
         display_type: value
       }, {
         at: path
@@ -46,63 +54,63 @@ const SdocLinkHoverMenu = _ref => {
     onHideInsertHoverMenu();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const selectedType = element.display_type || SDOC_LINK_TYPE.TEXT_LINK;
-  const id = "sdoc-link-display-type-".concat(element.id);
-  return /*#__PURE__*/React.createElement(ElementPopover, null, /*#__PURE__*/React.createElement("div", {
+  const selectedType = element.display_type || _constants.SDOC_LINK_TYPE.TEXT_LINK;
+  const id = `sdoc-link-display-type-${element.id}`;
+  return /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-link-hover-menu-container",
     style: menuPosition
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "hover-menu-container"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "op-group-item"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     role: "button",
-    className: classnames('op-item', {
+    className: (0, _classnames.default)('op-item', {
       'ml-0': readOnly
     })
-  }, /*#__PURE__*/React.createElement("a", {
+  }, /*#__PURE__*/_react.default.createElement("a", {
     href: url,
     target: "_blank",
     rel: "noopener noreferrer",
     className: "link-op-menu-link"
-  }, t('Open_link')))), !readOnly && /*#__PURE__*/React.createElement("span", {
+  }, t('Open_link')))), !readOnly && /*#__PURE__*/_react.default.createElement("span", {
     className: "op-group-item"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     role: "button",
     className: "op-item",
     onClick: onCopy
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-copy icon-font"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     role: "button",
-    className: "op-item ".concat(isShowDisplayStylePopover ? 'link-style-icon-active' : ''),
+    className: `op-item ${isShowDisplayStylePopover ? 'link-style-icon-active' : ''}`,
     onClick: onShowProver,
     id: id
-  }, /*#__PURE__*/React.createElement("i", {
-    className: classnames('icon-font mr-1', SDOC_LINK_TYPE_CONFIG[selectedType].icon)
-  }), /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: (0, _classnames.default)('icon-font mr-1', _constants.SDOC_LINK_TYPE_CONFIG[selectedType].icon)
+  }), /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-drop-down icon-font"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     role: "button",
     className: 'op-item',
     onClick: onUnwrapFileLinkNode
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-unlink icon-font"
-  })))), isShowDisplayStylePopover && /*#__PURE__*/React.createElement("div", {
+  })))), isShowDisplayStylePopover && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-file-display-style-popover sdoc-dropdown-menu"
-  }, SDOC_LINK_TYPES.map(sdocLinkType => {
-    return /*#__PURE__*/React.createElement("div", {
+  }, _constants.SDOC_LINK_TYPES.map(sdocLinkType => {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: sdocLinkType,
       "date-type": sdocLinkType,
       className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
       onClick: event => onSelect(event, sdocLinkType)
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-dropdown-item-content"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: classnames('sdoc-dropdown-item-content-icon', SDOC_LINK_TYPE_CONFIG[sdocLinkType].icon)
-    }), /*#__PURE__*/React.createElement("span", null, t(SDOC_LINK_TYPE_CONFIG[sdocLinkType].text))), selectedType === sdocLinkType && /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: (0, _classnames.default)('sdoc-dropdown-item-content-icon', _constants.SDOC_LINK_TYPE_CONFIG[sdocLinkType].icon)
+    }), /*#__PURE__*/_react.default.createElement("span", null, t(_constants.SDOC_LINK_TYPE_CONFIG[sdocLinkType].text))), selectedType === sdocLinkType && /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
     }));
   }))));
 };
-export default withTranslation('sdoc-editor')(SdocLinkHoverMenu);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SdocLinkHoverMenu);

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

@@ -1,12 +1,19 @@
-import { SDOC_LINK } from '../../constants';
-import SdocLinkMenu from './menu';
-import withSdocLink from './plugin';
-import renderSdocLink from './render/render-elem';
-import renderFileLinkTempInput from './render/render-file-link-temp-input';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../../constants");
+var _menu = _interopRequireDefault(require("./menu"));
+var _plugin = _interopRequireDefault(require("./plugin"));
+var _renderElem = _interopRequireDefault(require("./render/render-elem"));
+var _renderFileLinkTempInput = _interopRequireDefault(require("./render/render-file-link-temp-input"));
 const SdocLinkPlugin = {
-  type: SDOC_LINK,
-  editorMenus: [SdocLinkMenu],
-  editorPlugin: withSdocLink,
-  renderElements: [renderSdocLink, renderFileLinkTempInput]
+  type: _constants.SDOC_LINK,
+  editorMenus: [_menu.default],
+  editorPlugin: _plugin.default,
+  renderElements: [_renderElem.default, _renderFileLinkTempInput.default]
 };
-export default SdocLinkPlugin;
+var _default = exports.default = SdocLinkPlugin;

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

@@ -1,8 +1,16 @@
-import React, { useCallback } from 'react';
-import { SDOC_LINK, MENUS_CONFIG_MAP, ELEMENT_TYPE } from '../../../constants';
-import { isMenuDisabled, insertSdocFileLink } from '../helpers';
-import DropdownMenuItem from '../../../commons/dropdown-menu-item';
-import { INTERNAL_EVENT } from '../../../../constants';
+"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 _constants = require("../../../constants");
+var _helpers = require("../helpers");
+var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
+var _constants2 = require("../../../../constants");
 const SdocLinkMenu = _ref => {
   let {
     editor,
@@ -10,21 +18,21 @@ const SdocLinkMenu = _ref => {
     toggle,
     eventBus
   } = _ref;
-  const disabled = isMenuDisabled(editor, readonly);
-  const menuConfig = MENUS_CONFIG_MAP[SDOC_LINK];
-  const openSelectSdocFileDialog = useCallback(() => {
-    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: ELEMENT_TYPE.SDOC_LINK,
-      insertSdocFileLinkCallback: insertSdocFileLink
+  const disabled = (0, _helpers.isMenuDisabled)(editor, readonly);
+  const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.SDOC_LINK];
+  const openSelectSdocFileDialog = (0, _react.useCallback)(() => {
+    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants.ELEMENT_TYPE.SDOC_LINK,
+      insertSdocFileLinkCallback: _helpers.insertSdocFileLink
     });
     toggle && toggle();
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [toggle, eventBus]);
-  return /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     disabled: disabled,
     menuConfig: menuConfig,
     onClick: openSelectSdocFileDialog
   });
 };
-export default SdocLinkMenu;
+var _default = exports.default = SdocLinkMenu;

package/dist/basic-sdk/extension/plugins/sdoc-link/plugin.js

@@ -1,9 +1,15 @@
-import { Transforms, Node, Editor, Range } from '@seafile/slate';
-import { ReactEditor } from '@seafile/slate-react';
-import { FILE_LINK_INSET_INPUT_TEMP, SDOC_LINK } from '../../constants';
-import { getFileSearchInputEntry, insertTempInput, isTriggeredByShortcut } from './helpers';
-import { getSelectedElems } from '../../core';
-import { WIKI_LINK } from '../../constants/element-type';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _constants = require("../../constants");
+var _helpers = require("./helpers");
+var _core = require("../../core");
+var _elementType = require("../../constants/element-type");
 const withSdocLink = editor => {
   const {
     isInline,
@@ -19,7 +25,7 @@ const withSdocLink = editor => {
     const {
       type
     } = elem;
-    const isInlineElem = [WIKI_LINK, SDOC_LINK, FILE_LINK_INSET_INPUT_TEMP].includes(type);
+    const isInlineElem = [_elementType.WIKI_LINK, _constants.SDOC_LINK, _constants.FILE_LINK_INSET_INPUT_TEMP].includes(type);
     if (isInlineElem) return true;
     return isInline(elem);
   };
@@ -32,21 +38,21 @@ const withSdocLink = editor => {
     }
 
     // Delete file link node when the input is empty
-    const selectedElems = getSelectedElems(newEditor);
-    const fileLinkSearchInputNode = selectedElems.find(elem => elem.type === FILE_LINK_INSET_INPUT_TEMP);
+    const selectedElems = (0, _core.getSelectedElems)(newEditor);
+    const fileLinkSearchInputNode = selectedElems.find(elem => elem.type === _constants.FILE_LINK_INSET_INPUT_TEMP);
     if (fileLinkSearchInputNode) {
-      const path = ReactEditor.findPath(editor, fileLinkSearchInputNode);
-      if (Node.string(fileLinkSearchInputNode).length === 0) return Transforms.delete(newEditor, {
+      const path = _slateReact.ReactEditor.findPath(editor, fileLinkSearchInputNode);
+      if (_slate.Node.string(fileLinkSearchInputNode).length === 0) return _slate.Transforms.delete(newEditor, {
         at: path
       });
     }
-    const nodeEntry = Editor.node(newEditor, newEditor.selection);
-    if (nodeEntry && Node.string(nodeEntry[0]).length === 0) {
+    const nodeEntry = _slate.Editor.node(newEditor, newEditor.selection);
+    if (nodeEntry && _slate.Node.string(nodeEntry[0]).length === 0) {
       const beforePath = nodeEntry[1];
       beforePath.splice(-1, 1, Math.max(nodeEntry[1].at(-1) - 1, 0));
-      const beforeNodeEntry = Editor.node(newEditor, beforePath);
-      if (beforeNodeEntry && [WIKI_LINK, SDOC_LINK, FILE_LINK_INSET_INPUT_TEMP].includes(beforeNodeEntry[0].type)) {
-        Transforms.delete(newEditor, {
+      const beforeNodeEntry = _slate.Editor.node(newEditor, beforePath);
+      if (beforeNodeEntry && [_elementType.WIKI_LINK, _constants.SDOC_LINK, _constants.FILE_LINK_INSET_INPUT_TEMP].includes(beforeNodeEntry[0].type)) {
+        _slate.Transforms.delete(newEditor, {
           at: beforeNodeEntry[1]
         });
         return;
@@ -58,15 +64,15 @@ const withSdocLink = editor => {
   newEditor.insertText = text => {
     if (text !== '[') return insertText(text);
     // If user press '[[', open file modal
-    if (isTriggeredByShortcut(newEditor)) {
+    if ((0, _helpers.isTriggeredByShortcut)(newEditor)) {
       insertText(text);
-      insertTempInput(newEditor);
+      (0, _helpers.insertTempInput)(newEditor);
       return;
     }
     return insertText(text);
   };
   newEditor.onCompositionStart = event => {
-    const fileSearchInputNodeEntry = getFileSearchInputEntry(newEditor);
+    const fileSearchInputNodeEntry = (0, _helpers.getFileSearchInputEntry)(newEditor);
     if (fileSearchInputNodeEntry) {
       event.preventDefault();
       return true;
@@ -77,28 +83,28 @@ const withSdocLink = editor => {
     const {
       selection
     } = newEditor;
-    const isCollapsed = Range.isCollapsed(selection);
+    const isCollapsed = _slate.Range.isCollapsed(selection);
     if (isCollapsed) {
       if (e.key === 'ArrowLeft') {
-        const prePoint = Editor.before(newEditor, selection);
-        const [preNode, prePath] = Editor.node(newEditor, prePoint.path, {
+        const prePoint = _slate.Editor.before(newEditor, selection);
+        const [preNode, prePath] = _slate.Editor.node(newEditor, prePoint.path, {
           depth: 2
         });
-        if ((preNode === null || preNode === void 0 ? void 0 : preNode.type) === SDOC_LINK) {
-          const beforePointSdocLink = Editor.before(newEditor, prePath);
-          Transforms.select(newEditor, beforePointSdocLink);
+        if ((preNode === null || preNode === void 0 ? void 0 : preNode.type) === _constants.SDOC_LINK) {
+          const beforePointSdocLink = _slate.Editor.before(newEditor, prePath);
+          _slate.Transforms.select(newEditor, beforePointSdocLink);
           e.preventDefault();
           return;
         }
       }
       if (e.key === 'ArrowRight') {
-        const nextPoint = Editor.after(newEditor, selection);
-        const [nextNode, nextPath] = Editor.node(newEditor, nextPoint.path, {
+        const nextPoint = _slate.Editor.after(newEditor, selection);
+        const [nextNode, nextPath] = _slate.Editor.node(newEditor, nextPoint.path, {
           depth: 2
         });
-        if ((nextNode === null || nextNode === void 0 ? void 0 : nextNode.type) === SDOC_LINK) {
-          const afterPointSdocLink = Editor.after(newEditor, nextPath);
-          Transforms.select(newEditor, afterPointSdocLink);
+        if ((nextNode === null || nextNode === void 0 ? void 0 : nextNode.type) === _constants.SDOC_LINK) {
+          const afterPointSdocLink = _slate.Editor.after(newEditor, nextPath);
+          _slate.Transforms.select(newEditor, afterPointSdocLink);
           e.preventDefault();
           return;
         }
@@ -108,4 +114,4 @@ const withSdocLink = editor => {
   };
   return newEditor;
 };
-export default withSdocLink;
+var _default = exports.default = withSdocLink;

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

@@ -1,15 +1,23 @@
-import React, { useCallback, useEffect, useState, useRef, useMemo } from 'react';
-import { Editor, Range } from '@seafile/slate';
-import { ReactEditor, useReadOnly } from '@seafile/slate-react';
-import { useScrollContext } from '../../../../hooks/use-scroll-context';
-import { unwrapLinkNode, getUrl } from '../helpers';
-import HoverMenu from '../hover-menu';
-import { DELETED_STYLE, ADDED_STYLE } from '../../../constants';
-import { SDOC_LINK_TYPE } from '../constants';
-import { focusEditor } from '../../../core';
-import { WIKI_LINK } from '../../../constants/element-type';
-import { getWikiUrl } from '../../wiki-link/helpers';
-import './render-elem.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 _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _useScrollContext = require("../../../../hooks/use-scroll-context");
+var _helpers = require("../helpers");
+var _hoverMenu = _interopRequireDefault(require("../hover-menu"));
+var _constants = require("../../../constants");
+var _constants2 = require("../constants");
+var _core = require("../../../core");
+var _elementType = require("../../../constants/element-type");
+var _helpers2 = require("../../wiki-link/helpers");
+require("./render-elem.css");
 const SdocFileLink = _ref => {
   let {
     editor,
@@ -17,26 +25,26 @@ const SdocFileLink = _ref => {
     children,
     attributes
   } = _ref;
-  const sdocFileRef = useRef(null);
-  const scrollRef = useScrollContext();
-  const [isShowInsertHoverMenu, setIsShowInsertHoverMenu] = useState(false);
-  const [menuPosition, setMenuPosition] = useState({});
-  const readOnly = useReadOnly();
-  const registerEventHandle = useCallback(() => {
+  const sdocFileRef = (0, _react.useRef)(null);
+  const scrollRef = (0, _useScrollContext.useScrollContext)();
+  const [isShowInsertHoverMenu, setIsShowInsertHoverMenu] = (0, _react.useState)(false);
+  const [menuPosition, setMenuPosition] = (0, _react.useState)({});
+  const readOnly = (0, _slateReact.useReadOnly)();
+  const registerEventHandle = (0, _react.useCallback)(() => {
     document.addEventListener('click', onHideInsertHoverMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const unregisterEventHandle = useCallback(() => {
+  const unregisterEventHandle = (0, _react.useCallback)(() => {
     document.removeEventListener('click', onHideInsertHoverMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     return () => {
       unregisterEventHandle();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const setPosition = useCallback(elem => {
+  const setPosition = (0, _react.useCallback)(elem => {
     if (elem) {
       const {
         top,
@@ -52,11 +60,11 @@ const SdocFileLink = _ref => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const onScroll = useCallback(e => {
+  const onScroll = (0, _react.useCallback)(e => {
     setPosition(sdocFileRef.current);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     let observerRefValue = null;
     if (isShowInsertHoverMenu) {
       scrollRef.current && scrollRef.current.addEventListener('scroll', onScroll);
@@ -71,17 +79,17 @@ const SdocFileLink = _ref => {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowInsertHoverMenu]);
-  const onClickFile = useCallback(e => {
+  const onClickFile = (0, _react.useCallback)(e => {
     if (readOnly) {
-      window.open(getUrl(element.doc_uuid));
+      window.open((0, _helpers.getUrl)(element.doc_uuid));
       return;
     }
     if (isShowInsertHoverMenu) {
       e.stopPropagation();
     }
-    const path = ReactEditor.findPath(editor, element);
-    const focusPoint = Editor.end(editor, path);
-    focusEditor(editor, focusPoint);
+    const path = _slateReact.ReactEditor.findPath(editor, element);
+    const focusPoint = _slate.Editor.end(editor, path);
+    (0, _core.focusEditor)(editor, focusPoint);
     setPosition(e.currentTarget);
     setIsShowInsertHoverMenu(true);
     setTimeout(() => {
@@ -89,54 +97,54 @@ const SdocFileLink = _ref => {
     }, 0);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowInsertHoverMenu]);
-  const onHideInsertHoverMenu = useCallback(e => {
+  const onHideInsertHoverMenu = (0, _react.useCallback)(e => {
     setIsShowInsertHoverMenu(false);
     unregisterEventHandle();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const onUnwrapFileLinkNode = useCallback(() => {
-    unwrapLinkNode(editor, element);
+  const onUnwrapFileLinkNode = (0, _react.useCallback)(() => {
+    (0, _helpers.unwrapLinkNode)(editor, element);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   let style = {};
   if (element.add) {
     style = {
-      ...ADDED_STYLE
+      ..._constants.ADDED_STYLE
     };
   } else if (element.delete) {
     style = {
-      ...DELETED_STYLE
+      ..._constants.DELETED_STYLE
     };
   }
   if (style.computed_background_color) {
     style['backgroundColor'] = style.computed_background_color;
   }
-  const url = useMemo(() => {
-    return element.type === WIKI_LINK ? getWikiUrl(element.wiki_repo_id, element.page_id) : getUrl(element.doc_uuid);
+  const url = (0, _react.useMemo)(() => {
+    return element.type === _elementType.WIKI_LINK ? (0, _helpers2.getWikiUrl)(element.wiki_repo_id, element.page_id) : (0, _helpers.getUrl)(element.doc_uuid);
   }, [element.doc_uuid, element.page_id, element.type, element.wiki_repo_id]);
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
+  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {
     "data-id": element.id,
     contentEditable: false,
-    className: "sdoc-file-render ".concat(element.display_type === SDOC_LINK_TYPE.CARD_LINK ? 'sdoc-file-card-link' : ''),
+    className: `sdoc-file-render ${element.display_type === _constants2.SDOC_LINK_TYPE.CARD_LINK ? 'sdoc-file-card-link' : ''}`,
     onClick: onClickFile,
-    style: element.display_type === SDOC_LINK_TYPE.CARD_LINK ? style : {}
-  }), /*#__PURE__*/React.createElement("span", {
+    style: element.display_type === _constants2.SDOC_LINK_TYPE.CARD_LINK ? style : {}
+  }), /*#__PURE__*/_react.default.createElement("span", {
     ref: sdocFileRef
-  }, [SDOC_LINK_TYPE.ICON_LINK, SDOC_LINK_TYPE.CARD_LINK].includes(element.display_type) && /*#__PURE__*/React.createElement("span", {
+  }, [_constants2.SDOC_LINK_TYPE.ICON_LINK, _constants2.SDOC_LINK_TYPE.CARD_LINK].includes(element.display_type) && /*#__PURE__*/_react.default.createElement("span", {
     className: "sdoc-file-link-icon",
     style: style
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-document"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: 'sdoc-file-text-link',
     style: style
-  }, /*#__PURE__*/React.createElement("a", {
+  }, /*#__PURE__*/_react.default.createElement("a", {
     href: url,
     onClick: e => {
       e.preventDefault();
     },
     title: element.title
-  }, children))), isShowInsertHoverMenu && !readOnly && editor.selection && Range.isCollapsed(editor.selection) && /*#__PURE__*/React.createElement(HoverMenu, {
+  }, children))), isShowInsertHoverMenu && !readOnly && editor.selection && _slate.Range.isCollapsed(editor.selection) && /*#__PURE__*/_react.default.createElement(_hoverMenu.default, {
     url: url,
     editor: editor,
     menuPosition: menuPosition,
@@ -146,8 +154,8 @@ const SdocFileLink = _ref => {
   }));
 };
 const renderSdocLink = (props, editor) => {
-  return /*#__PURE__*/React.createElement(SdocFileLink, Object.assign({}, props, {
+  return /*#__PURE__*/_react.default.createElement(SdocFileLink, Object.assign({}, props, {
     editor: editor
   }));
 };
-export default renderSdocLink;
+var _default = exports.default = renderSdocLink;

package/dist/basic-sdk/extension/plugins/sdoc-link/render/render-file-link-temp-input.js

@@ -1,26 +1,34 @@
-import React, { useEffect } from 'react';
-import EventBus from '../../../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../../../constants';
-import { FILE_LINK_INSET_INPUT_TEMP } from '../../../constants';
-import './render-elem.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 _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
+var _constants = require("../../../../constants");
+var _constants2 = require("../../../constants");
+require("./render-elem.css");
 const RenderFileLinkTempInput = _ref => {
   let {
     element,
     attributes,
     children
   } = _ref;
-  const eventBus = EventBus.getInstance();
-  useEffect(() => {
-    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: FILE_LINK_INSET_INPUT_TEMP,
+  const eventBus = _eventBus.default.getInstance();
+  (0, _react.useEffect)(() => {
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.FILE_LINK_INSET_INPUT_TEMP,
       slateNode: element
     });
     return () => {
-      eventBus.dispatch(INTERNAL_EVENT.CLOSE_FILE_INSET_DIALOG);
+      eventBus.dispatch(_constants.INTERNAL_EVENT.CLOSE_FILE_INSET_DIALOG);
     };
   }, [element, eventBus]);
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
+  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {
     className: "sdoc-file-name-insert-collector"
   }), children);
 };
-export default RenderFileLinkTempInput;
+var _default = exports.default = RenderFileLinkTempInput;

package/dist/basic-sdk/extension/plugins/search-replace/constant.js

@@ -1,2 +1,8 @@
-export const FOCUSSED_SEARCH_HIGHLIGHT_FILL_COLOR = '#f19d38';
-export const DEFAULT_SEARCH_HIGHLIGHT_FILL_COLOR = '#fef500';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FOCUSSED_SEARCH_HIGHLIGHT_FILL_COLOR = exports.DEFAULT_SEARCH_HIGHLIGHT_FILL_COLOR = void 0;
+const FOCUSSED_SEARCH_HIGHLIGHT_FILL_COLOR = exports.FOCUSSED_SEARCH_HIGHLIGHT_FILL_COLOR = '#f19d38';
+const DEFAULT_SEARCH_HIGHLIGHT_FILL_COLOR = exports.DEFAULT_SEARCH_HIGHLIGHT_FILL_COLOR = '#fef500';