@seafile/sdoc-editor 1.0.54 → 1.0.56

package/dist/basic-sdk/extension/plugins/file-link/helpers.js

@@ -1,97 +1,109 @@
-import { ReactEditor } from '@seafile/slate-react';
-import { Editor, Transforms, Range } from '@seafile/slate';
-import slugid from 'slugid';
-import copy from 'copy-to-clipboard';
-import context from '../../../../context';
-import { FILE_LINK, INSERT_FILE_DISPLAY_TYPE, CODE_BLOCK, CODE_LINE, LINK, PARAGRAPH } from '../../constants';
-import { getNodeType, getSelectedElems } from '../../core';
-export const isMenuDisabled = (editor, readonly) => {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.unwrapLinkNode = exports.onCopyFileLinkNode = exports.isMenuDisabled = exports.insertFileLink = exports.getUrl = exports.getType = exports.generateFileNode = void 0;
+var _slateReact = require("@seafile/slate-react");
+var _slate = require("@seafile/slate");
+var _slugid = _interopRequireDefault(require("slugid"));
+var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
+var _context = _interopRequireDefault(require("../../../../context"));
+var _constants = require("../../constants");
+var _core = require("../../core");
+const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   if (editor.selection == null) return true;
-  const selectedElems = getSelectedElems(editor);
+  const selectedElems = (0, _core.getSelectedElems)(editor);
   const notMatch = selectedElems.some(elem => {
     const {
       type
     } = elem;
     if (editor.isVoid(elem)) return true;
-    if ([CODE_BLOCK, CODE_LINE, LINK].includes(type)) return true;
+    if ([_constants.CODE_BLOCK, _constants.CODE_LINE, _constants.LINK].includes(type)) return true;
     return false;
   });
   if (notMatch) return true; // disabled
   return false; // enable
 };
-
-export const generateFileNode = (uuid, text) => {
+exports.isMenuDisabled = isMenuDisabled;
+const generateFileNode = (uuid, text) => {
   const fileNode = {
-    id: slugid.nice(),
-    type: FILE_LINK,
+    id: _slugid.default.nice(),
+    type: _constants.FILE_LINK,
     doc_uuid: uuid,
     title: text,
-    display_type: INSERT_FILE_DISPLAY_TYPE[0],
+    display_type: _constants.INSERT_FILE_DISPLAY_TYPE[0],
     children: [{
-      id: slugid.nice(),
+      id: _slugid.default.nice(),
       text: text || ''
     }]
   };
   return fileNode;
 };
-export const getType = editor => {
-  const [match] = Editor.nodes(editor, {
-    match: n => getNodeType(n) === FILE_LINK,
+exports.generateFileNode = generateFileNode;
+const getType = editor => {
+  const [match] = _slate.Editor.nodes(editor, {
+    match: n => (0, _core.getNodeType)(n) === _constants.FILE_LINK,
     universal: true
   });
-  if (!match) return PARAGRAPH;
+  if (!match) return _constants.PARAGRAPH;
   const [n] = match;
-  return getNodeType(n);
+  return (0, _core.getNodeType)(n);
 };
-export const insertFileLink = (editor, text, uuid) => {
+exports.getType = getType;
+const insertFileLink = (editor, text, uuid) => {
   if (isMenuDisabled(editor)) return;
   // Selection folded or not
   const {
     selection
   } = editor;
   if (selection == null) return;
-  const isCollapsed = Range.isCollapsed(selection);
+  const isCollapsed = _slate.Range.isCollapsed(selection);
   if (isCollapsed) {
     const fileNode = generateFileNode(uuid, text);
-    Transforms.insertNodes(editor, fileNode);
+    _slate.Transforms.insertNodes(editor, fileNode);
   } else {
-    const selectedText = Editor.string(editor, selection); // Selected text
+    const selectedText = _slate.Editor.string(editor, selection); // Selected text
     if (selectedText !== text) {
       // If the selected text is different from the typed text, delete the text and insert the link
       editor.deleteFragment();
       const fileNode = generateFileNode(uuid, text);
-      Transforms.insertNodes(editor, fileNode);
+      _slate.Transforms.insertNodes(editor, fileNode);
     } else {
       // If the selected text is the same as the entered text, only the link can be wrapped
       const fileNode = generateFileNode(uuid, text);
-      Transforms.wrapNodes(editor, fileNode, {
+      _slate.Transforms.wrapNodes(editor, fileNode, {
         split: true
       });
-      Transforms.collapse(editor, {
+      _slate.Transforms.collapse(editor, {
         edge: 'end'
       });
     }
   }
 };
-export const unwrapLinkNode = (editor, element) => {
+exports.insertFileLink = insertFileLink;
+const unwrapLinkNode = (editor, element) => {
   if (editor.selection == null) return;
-  const path = ReactEditor.findPath(editor, element);
+  const path = _slateReact.ReactEditor.findPath(editor, element);
   if (path) {
-    Transforms.unwrapNodes(editor, {
+    _slate.Transforms.unwrapNodes(editor, {
       at: path
     });
   }
 };
-export const getUrl = uuid => {
-  return context.getSdocLocalFileUrl(uuid);
+exports.unwrapLinkNode = unwrapLinkNode;
+const getUrl = uuid => {
+  return _context.default.getSdocLocalFileUrl(uuid);
 };
-export const onCopyFileLinkNode = (editor, element) => {
-  if (editor.selection == null || Range.isExpanded(editor.selection)) return;
-  const p = ReactEditor.findPath(editor, element);
-  Transforms.select(editor, p);
+exports.getUrl = getUrl;
+const onCopyFileLinkNode = (editor, element) => {
+  if (editor.selection == null || _slate.Range.isExpanded(editor.selection)) return;
+  const p = _slateReact.ReactEditor.findPath(editor, element);
+  _slate.Transforms.select(editor, p);
   const newData = editor.setFragmentData(new DataTransfer());
-  copy('copy', {
+  (0, _copyToClipboard.default)('copy', {
     onCopy: clipboardData => {
       newData.types.forEach(type => {
         const data = newData.getData(type);
@@ -99,4 +111,5 @@ export const onCopyFileLinkNode = (editor, element) => {
       });
     }
   });
-};
+};
+exports.onCopyFileLinkNode = onCopyFileLinkNode;

package/dist/basic-sdk/extension/plugins/file-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 { FILE_LINK_TYPE_CONFIG, FILE_LINK_TYPE, FILE_LINK_TYPES } from '../constants';
-import { ElementPopover } from '../../../commons';
-import toaster from '../../../../../components/toast';
-import { getUrl, onCopyFileLinkNode } 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 FileLinkHoverMenu = _ref => {
   let {
     editor,
@@ -17,26 +25,26 @@ const FileLinkHoverMenu = _ref => {
     onHideInsertHoverMenu,
     t
   } = _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();
-    onCopyFileLinkNode(editor, element);
-    toaster.success(t('Copied'), {
+    (0, _helpers.onCopyFileLinkNode)(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
@@ -45,65 +53,65 @@ const FileLinkHoverMenu = _ref => {
     onHideInsertHoverMenu();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const selectedType = element.display_type || FILE_LINK_TYPE.TEXT_LINK;
-  const id = "file-link-display-type-".concat(element.id);
-  return /*#__PURE__*/React.createElement(ElementPopover, null, /*#__PURE__*/React.createElement("div", {
+  const selectedType = element.display_type || _constants.FILE_LINK_TYPE.TEXT_LINK;
+  const id = `file-link-display-type-${element.id}`;
+  return /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-file-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", {
-    href: getUrl(element.doc_uuid),
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    href: (0, _helpers.getUrl)(element.doc_uuid),
     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: classnames('op-item', {
+    className: (0, _classnames.default)('op-item', {
       'link-style-icon-active': isShowDisplayStylePopover
     }),
     onClick: onShowProver,
     id: id
-  }, /*#__PURE__*/React.createElement("i", {
-    className: classnames('icon-font mr-1', FILE_LINK_TYPE_CONFIG[selectedType].icon)
-  }), /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: (0, _classnames.default)('icon-font mr-1', _constants.FILE_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"
-  }, FILE_LINK_TYPES.map(fileLinkType => {
-    return /*#__PURE__*/React.createElement("div", {
+  }, _constants.FILE_LINK_TYPES.map(fileLinkType => {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: fileLinkType,
       "date-type": fileLinkType,
       className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
       onClick: event => onSelect(event, fileLinkType)
-    }, /*#__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', FILE_LINK_TYPE_CONFIG[fileLinkType].icon)
-    }), /*#__PURE__*/React.createElement("span", null, t(FILE_LINK_TYPE_CONFIG[fileLinkType].text))), selectedType === fileLinkType && /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: (0, _classnames.default)('sdoc-dropdown-item-content-icon', _constants.FILE_LINK_TYPE_CONFIG[fileLinkType].icon)
+    }), /*#__PURE__*/_react.default.createElement("span", null, t(_constants.FILE_LINK_TYPE_CONFIG[fileLinkType].text))), selectedType === fileLinkType && /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
     }));
   }))));
 };
-export default withTranslation('sdoc-editor')(FileLinkHoverMenu);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(FileLinkHoverMenu);

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

@@ -1,11 +1,18 @@
-import { FILE_LINK } from '../../constants';
-import FileLinkMenu from './menu';
-import withFileLink from './plugin';
-import renderFileLink from './render-elem';
+"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-elem"));
 const FileLinkPlugin = {
-  type: FILE_LINK,
-  editorMenus: [FileLinkMenu],
-  editorPlugin: withFileLink,
-  renderElements: [renderFileLink]
+  type: _constants.FILE_LINK,
+  editorMenus: [_menu.default],
+  editorPlugin: _plugin.default,
+  renderElements: [_renderElem.default]
 };
-export default FileLinkPlugin;
+var _default = exports.default = FileLinkPlugin;

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

@@ -1,8 +1,16 @@
-import React, { useCallback } from 'react';
-import { FILE_LINK, MENUS_CONFIG_MAP, ELEMENT_TYPE } from '../../../constants';
-import { isMenuDisabled, insertFileLink } 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 FileLinkMenu = _ref => {
   let {
     editor,
@@ -10,21 +18,21 @@ const FileLinkMenu = _ref => {
     toggle,
     eventBus
   } = _ref;
-  const disabled = isMenuDisabled(editor, readonly);
-  const menuConfig = MENUS_CONFIG_MAP[FILE_LINK];
-  const openSelectFileDialog = useCallback(() => {
-    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: ELEMENT_TYPE.FILE_LINK,
-      insertFileLinkCallback: insertFileLink
+  const disabled = (0, _helpers.isMenuDisabled)(editor, readonly);
+  const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.FILE_LINK];
+  const openSelectFileDialog = (0, _react.useCallback)(() => {
+    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants.ELEMENT_TYPE.FILE_LINK,
+      insertFileLinkCallback: _helpers.insertFileLink
     });
     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: openSelectFileDialog
   });
 };
-export default FileLinkMenu;
+var _default = exports.default = FileLinkMenu;

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

@@ -1,5 +1,11 @@
-import { Transforms, Node, Editor } from '@seafile/slate';
-import { FILE_LINK } from '../../constants';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slate = require("@seafile/slate");
+var _constants = require("../../constants");
 const withFileLink = editor => {
   const {
     isInline,
@@ -12,7 +18,7 @@ const withFileLink = editor => {
     const {
       type
     } = elem;
-    if (type === FILE_LINK) {
+    if (type === _constants.FILE_LINK) {
       return true;
     }
     return isInline(elem);
@@ -26,13 +32,13 @@ const withFileLink = editor => {
     }
 
     // Delete file link node
-    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 && beforeNodeEntry[0].type === FILE_LINK) {
-        Transforms.delete(newEditor, {
+      const beforeNodeEntry = _slate.Editor.node(newEditor, beforePath);
+      if (beforeNodeEntry && beforeNodeEntry[0].type === _constants.FILE_LINK) {
+        _slate.Transforms.delete(newEditor, {
           at: beforeNodeEntry[1]
         });
         return;
@@ -43,4 +49,4 @@ const withFileLink = editor => {
   };
   return newEditor;
 };
-export default withFileLink;
+var _default = exports.default = withFileLink;

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

@@ -1,12 +1,20 @@
-import React, { useCallback, useEffect, useState, useRef } from 'react';
-import { useReadOnly } from '@seafile/slate-react';
-import classnames from 'classnames';
-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 { FILE_LINK_TYPE } 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 _slateReact = require("@seafile/slate-react");
+var _classnames = _interopRequireDefault(require("classnames"));
+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");
+require("./render-elem.css");
 const FileLink = _ref => {
   let {
     editor,
@@ -14,26 +22,26 @@ const FileLink = _ref => {
     children,
     attributes
   } = _ref;
-  const fileRef = useRef(null);
-  const scrollRef = useScrollContext();
-  const readOnly = useReadOnly();
-  const [isShowInsertHoverMenu, setIsShowInsertHoverMenu] = useState(false);
-  const [menuPosition, setMenuPosition] = useState({});
-  const registerEventHandle = useCallback(() => {
+  const fileRef = (0, _react.useRef)(null);
+  const scrollRef = (0, _useScrollContext.useScrollContext)();
+  const readOnly = (0, _slateReact.useReadOnly)();
+  const [isShowInsertHoverMenu, setIsShowInsertHoverMenu] = (0, _react.useState)(false);
+  const [menuPosition, setMenuPosition] = (0, _react.useState)({});
+  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,
@@ -49,11 +57,11 @@ const FileLink = _ref => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const onScroll = useCallback(e => {
+  const onScroll = (0, _react.useCallback)(e => {
     setPosition(fileRef.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);
@@ -68,9 +76,9 @@ const FileLink = _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) {
@@ -83,53 +91,53 @@ const FileLink = _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;
   }
-  return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
+  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {
     "data-id": element.id,
     contentEditable: false,
-    className: classnames('sdoc-file-link-render', {
-      'sdoc-file-card-link': element.display_type === FILE_LINK_TYPE.CARD_LINK
+    className: (0, _classnames.default)('sdoc-file-link-render', {
+      'sdoc-file-card-link': element.display_type === _constants2.FILE_LINK_TYPE.CARD_LINK
     }),
     onClick: onClickFile,
-    style: element.display_type === FILE_LINK_TYPE.CARD_LINK ? style : {}
-  }), /*#__PURE__*/React.createElement("span", {
+    style: element.display_type === _constants2.FILE_LINK_TYPE.CARD_LINK ? style : {}
+  }), /*#__PURE__*/_react.default.createElement("span", {
     ref: fileRef
-  }, [FILE_LINK_TYPE.ICON_LINK, FILE_LINK_TYPE.CARD_LINK].includes(element.display_type) && /*#__PURE__*/React.createElement("span", {
+  }, [_constants2.FILE_LINK_TYPE.ICON_LINK, _constants2.FILE_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-link-file"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: "sdoc-file-text-link",
     style: style
-  }, /*#__PURE__*/React.createElement("a", {
-    href: getUrl(element.doc_uuid),
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    href: (0, _helpers.getUrl)(element.doc_uuid),
     onClick: e => {
       e.preventDefault();
     },
     title: element.title
-  }, children))), isShowInsertHoverMenu && /*#__PURE__*/React.createElement(HoverMenu, {
+  }, children))), isShowInsertHoverMenu && /*#__PURE__*/_react.default.createElement(_hoverMenu.default, {
     editor: editor,
     menuPosition: menuPosition,
     element: element,
@@ -138,8 +146,8 @@ const FileLink = _ref => {
   }));
 };
 const renderFileLink = (props, editor) => {
-  return /*#__PURE__*/React.createElement(FileLink, Object.assign({}, props, {
+  return /*#__PURE__*/_react.default.createElement(FileLink, Object.assign({}, props, {
     editor: editor
   }));
 };
-export default renderFileLink;
+var _default = exports.default = renderFileLink;