@seafile/sdoc-editor 0.3.6 → 0.3.7

package/dist/basic-sdk/extension/plugins/code-block/prismjs.js

@@ -17,8 +17,8 @@ import 'prismjs/components/prism-ruby';
 import 'prismjs/components/prism-swift';
 import 'prismjs/components/prism-bash';
 import 'prismjs/components/prism-lua';
-var newlineRe = /\r\n|\r|\n/;
-export var genCodeLangs = function genCodeLangs() {
+const newlineRe = /\r\n|\r|\n/;
+export const genCodeLangs = () => {
   return [{
     text: 'Plain Text',
     value: 'plaintext'
@@ -72,9 +72,9 @@ export var genCodeLangs = function genCodeLangs() {
     value: 'xml'
   }];
 };
-export var normalizeTokensByLanguageType = {
-  'php': function php(tokens) {
-    tokens.forEach(function (token) {
+export const normalizeTokensByLanguageType = {
+  'php': tokens => {
+    tokens.forEach(token => {
       if (['<?', '?>'].includes(token.content)) {
         token.type = 'operator';
         token.alias = '';
@@ -83,7 +83,7 @@ export var normalizeTokensByLanguageType = {
     return tokens;
   }
 };
-var normalizeEmptyLines = function normalizeEmptyLines(line) {
+const normalizeEmptyLines = line => {
   if (line.length === 0) {
     line.push({
       types: ['plain'],
@@ -95,28 +95,28 @@ var normalizeEmptyLines = function normalizeEmptyLines(line) {
     line[0].empty = true;
   }
 };
-var appendTypes = function appendTypes(types, add) {
-  var typesSize = types.length;
+const appendTypes = (types, add) => {
+  const typesSize = types.length;
   if (typesSize > 0 && types[typesSize - 1] === add) {
     return types;
   }
   return types.concat(add);
 };
-export var normalizeTokens = function normalizeTokens(tokens) {
-  var typeArrStack = [[]];
-  var tokenArrStack = [tokens];
-  var tokenArrIndexStack = [0];
-  var tokenArrSizeStack = [tokens.length];
-  var i = 0;
-  var stackIndex = 0;
-  var currentLine = [];
-  var acc = [currentLine];
+export const normalizeTokens = tokens => {
+  const typeArrStack = [[]];
+  const tokenArrStack = [tokens];
+  const tokenArrIndexStack = [0];
+  const tokenArrSizeStack = [tokens.length];
+  let i = 0;
+  let stackIndex = 0;
+  let currentLine = [];
+  const acc = [currentLine];
   while (stackIndex > -1) {
     while ((i = tokenArrIndexStack[stackIndex]++) < tokenArrSizeStack[stackIndex]) {
-      var content = void 0;
-      var types = typeArrStack[stackIndex];
-      var tokenArr = tokenArrStack[stackIndex];
-      var token = tokenArr[i];
+      let content;
+      let types = typeArrStack[stackIndex];
+      const tokenArr = tokenArrStack[stackIndex];
+      const token = tokenArr[i];
 
       // Determine content and append type to types if necessary
       if (typeof token === 'string') {
@@ -141,20 +141,20 @@ export var normalizeTokens = function normalizeTokens(tokens) {
       }
 
       // Split by newlines
-      var splitByNewlines = content.split(newlineRe);
-      var newlineCount = splitByNewlines.length;
+      const splitByNewlines = content.split(newlineRe);
+      const newlineCount = splitByNewlines.length;
       currentLine.push({
-        types: types,
+        types,
         content: splitByNewlines[0]
       });
 
       // Create a new line for each string on a new line
-      for (var _i = 1; _i < newlineCount; _i++) {
+      for (let i = 1; i < newlineCount; i++) {
         normalizeEmptyLines(currentLine);
         acc.push(currentLine = []);
         currentLine.push({
-          types: types,
-          content: splitByNewlines[_i]
+          types,
+          content: splitByNewlines[i]
         });
       }
     }

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

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useState, useRef } from 'react';
 import { ReactEditor, useReadOnly } from '@seafile/slate-react';
 import { Transforms } from '@seafile/slate';
@@ -10,43 +9,44 @@ import CodeBlockHoverMenu from './hover-menu';
 import { setClipboardCodeBlockData } from './helpers';
 import { INTERNAL_EVENT } from '../../../constants';
 import '../../../assets/css/code-block.css';
-var CodeBlock = function CodeBlock(_ref) {
-  var attributes = _ref.attributes,
-    children = _ref.children,
-    element = _ref.element,
-    editor = _ref.editor;
-  var readOnly = useReadOnly();
-  var codeBlockRef = useRef();
-  var scrollRef = useScrollContext();
-  var _element$style = element.style,
-    style = _element$style === void 0 ? {
+const CodeBlock = _ref => {
+  let {
+    attributes,
+    children,
+    element,
+    editor
+  } = _ref;
+  const readOnly = useReadOnly();
+  const codeBlockRef = useRef();
+  const scrollRef = useScrollContext();
+  const {
+    style = {
       white_space: 'nowrap'
-    } : _element$style;
-  var white_space = style.white_space;
-  var _useState = useState({
-      top: '',
-      left: ''
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    menuPosition = _useState2[0],
-    setMenuPosition = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showHoverMenu = _useState4[0],
-    setShowHoverMenu = _useState4[1];
-  var onChangeLanguage = useCallback(function (lang) {
-    var language = lang.value;
-    var path = ReactEditor.findPath(editor, element);
+    }
+  } = element;
+  const {
+    white_space
+  } = style;
+  const [menuPosition, setMenuPosition] = useState({
+    top: '',
+    left: ''
+  });
+  const [showHoverMenu, setShowHoverMenu] = useState(false);
+  const onChangeLanguage = useCallback(lang => {
+    const {
+      value: language
+    } = lang;
+    const path = ReactEditor.findPath(editor, element);
     Transforms.setNodes(editor, {
-      language: language
+      language
     }, {
       at: path
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var onChangeAutoLineWrap = useCallback(function (autoWrap) {
-    var path = ReactEditor.findPath(editor, element);
-    var newStyle = _objectSpread(_objectSpread({}, style), {}, {
+  const onChangeAutoLineWrap = useCallback(autoWrap => {
+    const path = ReactEditor.findPath(editor, element);
+    const newStyle = _objectSpread(_objectSpread({}, style), {}, {
       white_space: autoWrap
     });
     Transforms.setNodes(editor, {
@@ -56,12 +56,12 @@ var CodeBlock = function CodeBlock(_ref) {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var onCopyCodeBlock = useCallback(function () {
+  const onCopyCodeBlock = useCallback(() => {
     setClipboardCodeBlockData(element);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [element]);
-  var onDeleteCodeBlock = useCallback(function () {
-    var path = ReactEditor.findPath(editor, element);
+  const onDeleteCodeBlock = useCallback(() => {
+    const path = ReactEditor.findPath(editor, element);
     Transforms.removeNodes(editor, {
       at: path
     });
@@ -69,14 +69,15 @@ var CodeBlock = function CodeBlock(_ref) {
     Transforms.select(editor, editor.selection);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var onFocusCodeBlock = useCallback(function (e) {
+  const onFocusCodeBlock = useCallback(e => {
     if (readOnly) return;
     if (codeBlockRef.current) {
-      var _codeBlockRef$current = codeBlockRef.current.getBoundingClientRect(),
-        top = _codeBlockRef$current.top,
-        left = _codeBlockRef$current.left;
-      var menuTop = top - 42; // top = top distance - menu height
-      var newMenuPosition = {
+      const {
+        top,
+        left
+      } = codeBlockRef.current.getBoundingClientRect();
+      const menuTop = top - 42; // top = top distance - menu height
+      const newMenuPosition = {
         top: menuTop,
         left: left // left = code-block left distance
       };
@@ -86,20 +87,21 @@ var CodeBlock = function CodeBlock(_ref) {
     setShowHoverMenu(true);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var onMouseLeave = useCallback(function (e) {
+  const onMouseLeave = useCallback(e => {
     if (readOnly) return;
     setShowHoverMenu(false);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var onScroll = useCallback(function (e) {
+  const onScroll = useCallback(e => {
     if (readOnly) return;
     if (!showHoverMenu) return;
     if (e.currentTarget.scrollTop) {
-      var _codeBlockRef$current2 = codeBlockRef.current.getBoundingClientRect(),
-        top = _codeBlockRef$current2.top,
-        left = _codeBlockRef$current2.left;
-      var menuTop = top - 42; // top = top distance - menu height
-      var newMenuPosition = {
+      const {
+        top,
+        left
+      } = codeBlockRef.current.getBoundingClientRect();
+      const menuTop = top - 42; // top = top distance - menu height
+      const newMenuPosition = {
         top: menuTop,
         left: left // left = code-block left distance
       };
@@ -107,24 +109,24 @@ var CodeBlock = function CodeBlock(_ref) {
       setMenuPosition(newMenuPosition);
     }
   }, [readOnly, showHoverMenu]);
-  useEffect(function () {
+  useEffect(() => {
     if (readOnly) return;
-    var observerRefValue = null;
+    let observerRefValue = null;
     if (scrollRef.current) {
       scrollRef.current.addEventListener('scroll', onScroll);
       observerRefValue = scrollRef.current;
     }
-    return function () {
+    return () => {
       observerRefValue.removeEventListener('scroll', onScroll);
     };
   }, [onScroll, readOnly, scrollRef]);
-  var onHiddenHoverMenu = useCallback(function () {
+  const onHiddenHoverMenu = useCallback(() => {
     if (codeBlockRef.current) {
       setShowHoverMenu(false);
     }
   }, []);
-  useEffect(function () {
-    var eventBus = EventBus.getInstance();
+  useEffect(() => {
+    const eventBus = EventBus.getInstance();
     eventBus.subscribe(INTERNAL_EVENT.HIDDEN_CODE_BLOCK_HOVER_MENU, onHiddenHoverMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -152,15 +154,17 @@ var CodeBlock = function CodeBlock(_ref) {
     onDeleteCodeBlock: onDeleteCodeBlock
   }));
 };
-export var renderCodeBlock = function renderCodeBlock(props, editor) {
+export const renderCodeBlock = (props, editor) => {
   return /*#__PURE__*/React.createElement(CodeBlock, Object.assign({}, props, {
     editor: editor
   }));
 };
-export var renderCodeLine = function renderCodeLine(props, editor) {
-  var element = props.element,
-    attributes = props.attributes,
-    children = props.children;
+export const renderCodeLine = (props, editor) => {
+  const {
+    element,
+    attributes,
+    children
+  } = props;
   return /*#__PURE__*/React.createElement("div", Object.assign({
     "data-id": element.id
   }, attributes, {

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

@@ -1,18 +1,20 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _FILE_LINK_TYPE_CONFI;
-export var FILE_LINK_TYPE = {
+export const FILE_LINK_TYPE = {
   TEXT_LINK: 'text_link',
   ICON_LINK: 'icon_link',
   CARD_LINK: 'card_link'
 };
-export var FILE_LINK_TYPE_CONFIG = (_FILE_LINK_TYPE_CONFI = {}, _defineProperty(_FILE_LINK_TYPE_CONFI, FILE_LINK_TYPE.TEXT_LINK, {
-  icon: 'sdocfont sdoc-text-link',
-  text: 'Text_link'
-}), _defineProperty(_FILE_LINK_TYPE_CONFI, FILE_LINK_TYPE.ICON_LINK, {
-  icon: 'sdocfont sdoc-inline-link',
-  text: 'Icon_and_text_Link'
-}), _defineProperty(_FILE_LINK_TYPE_CONFI, FILE_LINK_TYPE.CARD_LINK, {
-  icon: 'sdocfont sdoc-card-link',
-  text: 'Card'
-}), _FILE_LINK_TYPE_CONFI);
-export var FILE_LINK_TYPES = [FILE_LINK_TYPE.TEXT_LINK, FILE_LINK_TYPE.ICON_LINK, FILE_LINK_TYPE.CARD_LINK];
+export const FILE_LINK_TYPE_CONFIG = {
+  [FILE_LINK_TYPE.TEXT_LINK]: {
+    icon: 'sdocfont sdoc-text-link',
+    text: 'Text_link'
+  },
+  [FILE_LINK_TYPE.ICON_LINK]: {
+    icon: 'sdocfont sdoc-inline-link',
+    text: 'Icon_and_text_Link'
+  },
+  [FILE_LINK_TYPE.CARD_LINK]: {
+    icon: 'sdocfont sdoc-card-link',
+    text: 'Card'
+  }
+};
+export const FILE_LINK_TYPES = [FILE_LINK_TYPE.TEXT_LINK, FILE_LINK_TYPE.ICON_LINK, FILE_LINK_TYPE.CARD_LINK];

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

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { ReactEditor } from '@seafile/slate-react';
 import { Editor, Transforms, Range } from '@seafile/slate';
 import slugid from 'slugid';
@@ -6,12 +5,14 @@ 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 var isMenuDisabled = function isMenuDisabled(editor, readonly) {
+export const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   if (editor.selection == null) return true;
-  var selectedElems = getSelectedElems(editor);
-  var notMatch = selectedElems.some(function (elem) {
-    var type = elem.type;
+  const selectedElems = 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;
     return false;
@@ -20,8 +21,8 @@ export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   return false; // enable
 };
 
-export var generateFileNode = function generateFileNode(uuid, text) {
-  var fileNode = {
+export const generateFileNode = (uuid, text) => {
+  const fileNode = {
     id: slugid.nice(),
     type: FILE_LINK,
     doc_uuid: uuid,
@@ -34,30 +35,27 @@ export var generateFileNode = function generateFileNode(uuid, text) {
   };
   return fileNode;
 };
-export var getType = function getType(editor) {
-  var _Editor$nodes = Editor.nodes(editor, {
-      match: function match(n) {
-        return getNodeType(n) === FILE_LINK;
-      },
-      universal: true
-    }),
-    _Editor$nodes2 = _slicedToArray(_Editor$nodes, 1),
-    match = _Editor$nodes2[0];
+export const getType = editor => {
+  const [match] = Editor.nodes(editor, {
+    match: n => getNodeType(n) === FILE_LINK,
+    universal: true
+  });
   if (!match) return PARAGRAPH;
-  var _match = _slicedToArray(match, 1),
-    n = _match[0];
+  const [n] = match;
   return getNodeType(n);
 };
-export var insertFileLink = function insertFileLink(editor, text, uuid) {
+export const insertFileLink = (editor, text, uuid) => {
   if (isMenuDisabled(editor)) return;
   // Selection folded or not
-  var selection = editor.selection;
+  const {
+    selection
+  } = editor;
   if (selection == null) return;
-  var isCollapsed = Range.isCollapsed(selection);
+  const isCollapsed = Range.isCollapsed(selection);
   if (isCollapsed) {
     // Insert Spaces before and after filelinks for easy operation
     editor.insertText(' ');
-    var fileNode = generateFileNode(uuid, text);
+    const fileNode = generateFileNode(uuid, text);
     Transforms.insertNodes(editor, fileNode);
 
     // Not being able to use insertText directly causes the added Spaces to be added to the linked text, as in the issue above, replaced by insertFragment
@@ -66,16 +64,16 @@ export var insertFileLink = function insertFileLink(editor, text, uuid) {
       text: ' '
     }]);
   } else {
-    var selectedText = Editor.string(editor, selection); // Selected text
+    const selectedText = 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();
-      var _fileNode = generateFileNode(uuid, text);
-      Transforms.insertNodes(editor, _fileNode);
+      const fileNode = generateFileNode(uuid, text);
+      Transforms.insertNodes(editor, fileNode);
     } else {
       // If the selected text is the same as the entered text, only the link can be wrapped
-      var _fileNode2 = generateFileNode(uuid, text);
-      Transforms.wrapNodes(editor, _fileNode2, {
+      const fileNode = generateFileNode(uuid, text);
+      Transforms.wrapNodes(editor, fileNode, {
         split: true
       });
       Transforms.collapse(editor, {
@@ -84,27 +82,27 @@ export var insertFileLink = function insertFileLink(editor, text, uuid) {
     }
   }
 };
-export var unwrapLinkNode = function unwrapLinkNode(editor, element) {
+export const unwrapLinkNode = (editor, element) => {
   if (editor.selection == null) return;
-  var path = ReactEditor.findPath(editor, element);
+  const path = ReactEditor.findPath(editor, element);
   if (path) {
     Transforms.unwrapNodes(editor, {
       at: path
     });
   }
 };
-export var getUrl = function getUrl(uuid) {
+export const getUrl = uuid => {
   return context.getSdocLocalFileUrl(uuid);
 };
-export var onCopyFileLinkNode = function onCopyFileLinkNode(editor, element) {
+export const onCopyFileLinkNode = (editor, element) => {
   if (editor.selection == null || Range.isExpanded(editor.selection)) return;
-  var p = ReactEditor.findPath(editor, element);
+  const p = ReactEditor.findPath(editor, element);
   Transforms.select(editor, p);
-  var newData = editor.setFragmentData(new DataTransfer());
+  const newData = editor.setFragmentData(new DataTransfer());
   copy('copy', {
-    onCopy: function onCopy(clipboardData) {
-      newData.types.forEach(function (type) {
-        var data = newData.getData(type);
+    onCopy: clipboardData => {
+      newData.types.forEach(type => {
+        const data = newData.getData(type);
         clipboardData.setData(type, data);
       });
     }

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

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useState } from 'react';
 import { Transforms } from '@seafile/slate';
 import { ReactEditor, useReadOnly } from '@seafile/slate-react';
@@ -9,19 +8,18 @@ import { ElementPopover } from '../../../commons';
 import toaster from '../../../../../components/toast';
 import { getUrl, onCopyFileLinkNode } from '../helpers';
 import './index.css';
-var FileLinkHoverMenu = function FileLinkHoverMenu(_ref) {
-  var editor = _ref.editor,
-    menuPosition = _ref.menuPosition,
-    element = _ref.element,
-    onUnwrapFileLinkNode = _ref.onUnwrapFileLinkNode,
-    onHideInsertHoverMenu = _ref.onHideInsertHoverMenu,
-    t = _ref.t;
-  var readOnly = useReadOnly();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isShowDisplayStylePopover = _useState2[0],
-    setIsShowDisplayStylePopover = _useState2[1];
-  var onCopy = useCallback(function (e) {
+const FileLinkHoverMenu = _ref => {
+  let {
+    editor,
+    menuPosition,
+    element,
+    onUnwrapFileLinkNode,
+    onHideInsertHoverMenu,
+    t
+  } = _ref;
+  const readOnly = useReadOnly();
+  const [isShowDisplayStylePopover, setIsShowDisplayStylePopover] = useState(false);
+  const onCopy = useCallback(e => {
     e.stopPropagation();
     onCopyFileLinkNode(editor, element);
     toaster.success(t('Copied'), {
@@ -31,12 +29,12 @@ var FileLinkHoverMenu = function FileLinkHoverMenu(_ref) {
     onHideInsertHoverMenu();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var onShowProver = useCallback(function (e) {
+  const onShowProver = useCallback(e => {
     setIsShowDisplayStylePopover(true);
   }, []);
-  var onSelect = useCallback(function (event, value) {
+  const onSelect = useCallback((event, value) => {
     event.stopPropagation();
-    var path = ReactEditor.findPath(editor, element);
+    const path = ReactEditor.findPath(editor, element);
     if (path) {
       Transforms.setNodes(editor, {
         display_type: value
@@ -47,8 +45,8 @@ var FileLinkHoverMenu = function FileLinkHoverMenu(_ref) {
     onHideInsertHoverMenu();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var selectedType = element.display_type || FILE_LINK_TYPE.TEXT_LINK;
-  var id = "file-link-display-type-".concat(element.id);
+  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", {
     className: "sdoc-file-link-hover-menu-container",
     style: menuPosition
@@ -93,14 +91,12 @@ var FileLinkHoverMenu = function FileLinkHoverMenu(_ref) {
     className: "sdocfont sdoc-unlink icon-font"
   })))), isShowDisplayStylePopover && /*#__PURE__*/React.createElement("div", {
     className: "sdoc-file-display-style-popover sdoc-dropdown-menu"
-  }, FILE_LINK_TYPES.map(function (fileLinkType) {
+  }, FILE_LINK_TYPES.map(fileLinkType => {
     return /*#__PURE__*/React.createElement("div", {
       key: fileLinkType,
       "date-type": fileLinkType,
       className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
-      onClick: function onClick(event) {
-        return onSelect(event, fileLinkType);
-      }
+      onClick: event => onSelect(event, fileLinkType)
     }, /*#__PURE__*/React.createElement("div", {
       className: "sdoc-dropdown-item-content"
     }, /*#__PURE__*/React.createElement("i", {

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

@@ -2,7 +2,7 @@ import { FILE_LINK } from '../../constants';
 import FileLinkMenu from './menu';
 import withFileLink from './plugin';
 import renderFileLink from './render-elem';
-var FileLinkPlugin = {
+const FileLinkPlugin = {
   type: FILE_LINK,
   editorMenus: [FileLinkMenu],
   editorPlugin: withFileLink,

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

@@ -3,14 +3,16 @@ 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';
-var FileLinkMenu = function FileLinkMenu(_ref) {
-  var editor = _ref.editor,
-    readonly = _ref.readonly,
-    toggle = _ref.toggle,
-    eventBus = _ref.eventBus;
-  var disabled = isMenuDisabled(editor, readonly);
-  var menuConfig = MENUS_CONFIG_MAP[FILE_LINK];
-  var openSelectFileDialog = useCallback(function () {
+const FileLinkMenu = _ref => {
+  let {
+    editor,
+    readonly,
+    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

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

@@ -1,30 +1,36 @@
 import { Transforms, Node, Editor } from '@seafile/slate';
 import { FILE_LINK } from '../../constants';
-var withFileLink = function withFileLink(editor) {
-  var isInline = editor.isInline,
-    deleteBackward = editor.deleteBackward;
-  var newEditor = editor;
+const withFileLink = editor => {
+  const {
+    isInline,
+    deleteBackward
+  } = editor;
+  const newEditor = editor;
 
   // Rewrite isInline
-  newEditor.isInline = function (elem) {
-    var type = elem.type;
+  newEditor.isInline = elem => {
+    const {
+      type
+    } = elem;
     if (type === FILE_LINK) {
       return true;
     }
     return isInline(elem);
   };
-  newEditor.deleteBackward = function (unit) {
-    var selection = newEditor.selection;
+  newEditor.deleteBackward = unit => {
+    const {
+      selection
+    } = newEditor;
     if (selection === null) {
       return deleteBackward(unit);
     }
 
     // Delete file link node
-    var nodeEntry = Editor.node(newEditor, newEditor.selection);
+    const nodeEntry = Editor.node(newEditor, newEditor.selection);
     if (nodeEntry && Node.string(nodeEntry[0]).length === 0) {
-      var beforePath = nodeEntry[1];
+      const beforePath = nodeEntry[1];
       beforePath.splice(-1, 1, Math.max(nodeEntry[1].at(-1) - 1, 0));
-      var beforeNodeEntry = Editor.node(newEditor, beforePath);
+      const beforeNodeEntry = Editor.node(newEditor, beforePath);
       if (beforeNodeEntry && beforeNodeEntry[0].type === FILE_LINK) {
         Transforms.delete(newEditor, {
           at: beforeNodeEntry[1]