@seafile/sdoc-editor 1.0.53 → 1.0.55

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

@@ -1,152 +1,160 @@
-import React, { useCallback } from 'react';
-import { useSlateStatic } from '@seafile/slate-react';
-import { Transforms } from '@seafile/slate';
-import { insertElement } from './helpers';
-import { insertTable } from '../../plugins/table/helpers';
-import TableSizePopover from '../../plugins/table/popover/table-size-popover';
-import { changeToCodeBlock } from '../../plugins/code-block/helpers';
-import { toggleList } from '../../plugins/list/transforms';
-import { setCheckListItemType } from '../../plugins/check-list/helpers';
-import { ELEMENT_TYPE, INSERT_POSITION, LOCAL_IMAGE, PARAGRAPH, SIDE_INSERT_MENUS_CONFIG } from '../../constants';
-import EventBus from '../../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../../constants';
-import DropdownMenuItem from '../../commons/dropdown-menu-item';
-import SeaTableColumnMenu from '../../plugins/seatable-column/menu';
-import SeaTableTableMenu from '../../plugins/seatable-tables/menu';
-import { wrapCallout } from '../../plugins/callout/helper';
+"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 _slate = require("@seafile/slate");
+var _helpers = require("./helpers");
+var _helpers2 = require("../../plugins/table/helpers");
+var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
+var _helpers3 = require("../../plugins/code-block/helpers");
+var _transforms = require("../../plugins/list/transforms");
+var _helpers4 = require("../../plugins/check-list/helpers");
+var _constants = require("../../constants");
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants2 = require("../../../constants");
+var _dropdownMenuItem = _interopRequireDefault(require("../../commons/dropdown-menu-item"));
+var _menu = _interopRequireDefault(require("../../plugins/seatable-column/menu"));
+var _menu2 = _interopRequireDefault(require("../../plugins/seatable-tables/menu"));
+var _helper = require("../../plugins/callout/helper");
 const InsertBlockMenu = _ref => {
   let {
     insertPosition,
     slateNode,
     isNodeEmpty
   } = _ref;
-  const editor = useSlateStatic();
-  const onInsertImageToggle = useCallback(() => {
-    const eventBus = EventBus.getInstance();
-    if (insertPosition === INSERT_POSITION.CURRENT) {
-      Transforms.select(editor, editor.selection.focus);
+  const editor = (0, _slateReact.useSlateStatic)();
+  const onInsertImageToggle = (0, _react.useCallback)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    if (insertPosition === _constants.INSERT_POSITION.CURRENT) {
+      _slate.Transforms.select(editor, editor.selection.focus);
     }
-    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: LOCAL_IMAGE,
+    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants.LOCAL_IMAGE,
       insertPosition,
       slateNode
     });
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition]);
-  const createTable = useCallback(size => {
-    const newInsertPosition = slateNode.type === ELEMENT_TYPE.LIST_ITEM ? INSERT_POSITION.AFTER : insertPosition;
-    insertTable(editor, size, editor.selection, newInsertPosition);
+  const createTable = (0, _react.useCallback)(size => {
+    const newInsertPosition = slateNode.type === _constants.ELEMENT_TYPE.LIST_ITEM ? _constants.INSERT_POSITION.AFTER : insertPosition;
+    (0, _helpers2.insertTable)(editor, size, editor.selection, newInsertPosition);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
-  const openLinkDialog = useCallback(() => {
-    const eventBus = EventBus.getInstance();
-    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: ELEMENT_TYPE.LINK,
+  const openLinkDialog = (0, _react.useCallback)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants.ELEMENT_TYPE.LINK,
       insertPosition,
       slateNode
     });
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [insertPosition]);
-  const onInsertCodeBlock = useCallback(() => {
-    const newInsertPosition = slateNode.type === ELEMENT_TYPE.LIST_ITEM ? INSERT_POSITION.AFTER : insertPosition;
-    changeToCodeBlock(editor, 'plaintext', newInsertPosition);
+  const onInsertCodeBlock = (0, _react.useCallback)(() => {
+    const newInsertPosition = slateNode.type === _constants.ELEMENT_TYPE.LIST_ITEM ? _constants.INSERT_POSITION.AFTER : insertPosition;
+    (0, _helpers3.changeToCodeBlock)(editor, 'plaintext', newInsertPosition);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
-  const onInsertList = useCallback(type => {
-    toggleList(editor, type, insertPosition);
+  const onInsertList = (0, _react.useCallback)(type => {
+    (0, _transforms.toggleList)(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
-  const onInsertCheckList = useCallback(() => {
-    setCheckListItemType(editor, ELEMENT_TYPE.CHECK_LIST_ITEM, insertPosition);
+  const onInsertCheckList = (0, _react.useCallback)(() => {
+    (0, _helpers4.setCheckListItemType)(editor, _constants.ELEMENT_TYPE.CHECK_LIST_ITEM, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
-  const onInsert = useCallback(type => {
-    insertElement(editor, type, insertPosition);
+  const onInsert = (0, _react.useCallback)(type => {
+    (0, _helpers.insertElement)(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
-  const onInsertCallout = useCallback(type => {
-    if (insertPosition === INSERT_POSITION.CURRENT) {
-      wrapCallout(editor);
-    } else if (insertPosition === INSERT_POSITION.AFTER) {
-      insertElement(editor, type, insertPosition);
-      wrapCallout(editor);
+  const onInsertCallout = (0, _react.useCallback)(type => {
+    if (insertPosition === _constants.INSERT_POSITION.CURRENT) {
+      (0, _helper.wrapCallout)(editor);
+    } else if (insertPosition === _constants.INSERT_POSITION.AFTER) {
+      (0, _helpers.insertElement)(editor, type, insertPosition);
+      (0, _helper.wrapCallout)(editor);
     }
   }, [editor, insertPosition]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
-      ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.IMAGE]
+      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.IMAGE]
     },
     onClick: onInsertImageToggle
-  }), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
-      ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.TABLE]
+      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.TABLE]
     },
     className: "pr-2"
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
-  }), /*#__PURE__*/React.createElement(TableSizePopover, {
+  }), /*#__PURE__*/_react.default.createElement(_tableSizePopover.default, {
     editor: editor,
     target: "sdoc-side-menu-item-table",
     trigger: "hover",
     placement: "right-start",
     popperClassName: "sdoc-side-menu-table-size",
     createTable: createTable
-  })), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  })), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
-      ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.LINK]
+      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.LINK]
     },
     onClick: openLinkDialog
-  }), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
-      ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.CODE_BLOCK]
+      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CODE_BLOCK]
     },
     onClick: onInsertCodeBlock
-  }), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
-      ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.CALL_OUT]
+      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CALL_OUT]
     },
-    onClick: () => onInsertCallout(PARAGRAPH)
-  }), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+    onClick: () => onInsertCallout(_constants.PARAGRAPH)
+  }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
-      ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.UNORDERED_LIST]
+      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.UNORDERED_LIST]
     },
     onClick: () => {
-      onInsertList(ELEMENT_TYPE.UNORDERED_LIST);
+      onInsertList(_constants.ELEMENT_TYPE.UNORDERED_LIST);
     }
-  }), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
-      ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.ORDERED_LIST]
+      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.ORDERED_LIST]
     },
     onClick: () => {
-      onInsertList(ELEMENT_TYPE.ORDERED_LIST);
+      onInsertList(_constants.ELEMENT_TYPE.ORDERED_LIST);
     }
-  }), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
-      ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.CHECK_LIST_ITEM]
+      ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CHECK_LIST_ITEM]
     },
     onClick: onInsertCheckList
-  }), [SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.PARAGRAPH], ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.HEADER]].map(item => {
-    return /*#__PURE__*/React.createElement(DropdownMenuItem, {
-      disabled: isNodeEmpty && item.type === PARAGRAPH,
+  }), [_constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.PARAGRAPH], ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.HEADER]].map(item => {
+    return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+      disabled: isNodeEmpty && item.type === _constants.PARAGRAPH,
       key: item.id,
       menuConfig: item,
       onClick: () => onInsert(item.type)
     });
-  }), editor.columns && /*#__PURE__*/React.createElement(SeaTableColumnMenu, {
+  }), editor.columns && /*#__PURE__*/_react.default.createElement(_menu.default, {
     editor: editor,
     readonly: editor.readonly,
     insertPosition: insertPosition
-  }), editor.tables && /*#__PURE__*/React.createElement(SeaTableTableMenu, {
+  }), editor.tables && /*#__PURE__*/_react.default.createElement(_menu2.default, {
     editor: editor,
     readonly: editor.readonly,
     insertPosition: insertPosition
   }));
 };
 InsertBlockMenu.defaultProps = {
-  insertPosition: INSERT_POSITION.CURRENT
+  insertPosition: _constants.INSERT_POSITION.CURRENT
 };
-export default InsertBlockMenu;
+var _default = exports.default = InsertBlockMenu;

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

@@ -1,18 +1,26 @@
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
-import { withTranslation } from 'react-i18next';
-import { useSlateStatic } from '@seafile/slate-react';
-import copy from 'copy-to-clipboard';
-import context from '../../../../context';
-import EventBus from '../../../utils/event-bus';
-import { ElementPopover } from '../../commons';
-import InsertBelowMenu from './insert-below-menu';
-import InsertBlockMenu from './insert-block-menu';
-import { onCopyNode, onDeleteNode, isNotSupportTransform } from './helpers';
-import TransformMenus from './transform-menus';
-import DropdownMenuItem from '../../commons/dropdown-menu-item';
-import toaster from '../../../../components/toast';
-import { HEADER1, HEADER2, HEADER3 } from '../../constants';
-import './side-menu.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 _reactI18next = require("react-i18next");
+var _slateReact = require("@seafile/slate-react");
+var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
+var _context = _interopRequireDefault(require("../../../../context"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _commons = require("../../commons");
+var _insertBelowMenu = _interopRequireDefault(require("./insert-below-menu"));
+var _insertBlockMenu = _interopRequireDefault(require("./insert-block-menu"));
+var _helpers = require("./helpers");
+var _transformMenus = _interopRequireDefault(require("./transform-menus"));
+var _dropdownMenuItem = _interopRequireDefault(require("../../commons/dropdown-menu-item"));
+var _toast = _interopRequireDefault(require("../../../../components/toast"));
+var _constants = require("../../constants");
+require("./side-menu.css");
 const SideMenu = (_ref, ref) => {
   let {
     slateNode,
@@ -21,40 +29,40 @@ const SideMenu = (_ref, ref) => {
     onReset,
     t
   } = _ref;
-  const sideMenuRef = useRef(null);
-  const [menuStyle, setMenuStyle] = useState('');
-  const editor = useSlateStatic();
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
+  const sideMenuRef = (0, _react.useRef)(null);
+  const [menuStyle, setMenuStyle] = (0, _react.useState)('');
+  const editor = (0, _slateReact.useSlateStatic)();
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
     const unsubscribeChange = eventBus.subscribe('change', onReset);
     return unsubscribeChange;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const onCopy = useCallback(() => {
-    onCopyNode(editor, slateNode);
+  const onCopy = (0, _react.useCallback)(() => {
+    (0, _helpers.onCopyNode)(editor, slateNode);
     onReset();
   }, [editor, onReset, slateNode]);
-  const onCut = useCallback(() => {
-    onCopyNode(editor, slateNode);
-    onDeleteNode(editor, slateNode);
+  const onCut = (0, _react.useCallback)(() => {
+    (0, _helpers.onCopyNode)(editor, slateNode);
+    (0, _helpers.onDeleteNode)(editor, slateNode);
     onReset();
   }, [editor, onReset, slateNode]);
-  const onDelete = useCallback(() => {
-    onDeleteNode(editor, slateNode);
+  const onDelete = (0, _react.useCallback)(() => {
+    (0, _helpers.onDeleteNode)(editor, slateNode);
     onReset();
   }, [editor, onReset, slateNode]);
-  const onCopyHeaderLink = useCallback(() => {
-    const serviceUrl = context.getSetting('serviceUrl');
-    const sdocUuid = context.getSetting('docUuid');
-    const href = serviceUrl + "/smart-link/".concat(sdocUuid, "/#").concat(slateNode.id);
-    copy(href);
-    toaster.success(t('Copied'), {
+  const onCopyHeaderLink = (0, _react.useCallback)(() => {
+    const serviceUrl = _context.default.getSetting('serviceUrl');
+    const sdocUuid = _context.default.getSetting('docUuid');
+    const href = serviceUrl + `/smart-link/${sdocUuid}/#${slateNode.id}`;
+    (0, _copyToClipboard.default)(href);
+    _toast.default.success(t('Copied'), {
       hasCloseButton: false,
       duration: 2
     });
     onReset();
   }, [onReset, slateNode.id, t]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     let top = menuPosition.top;
     if (sideMenuRef.current) {
       const overflowY = menuPosition.top + sideMenuRef.current.offsetHeight - document.body.clientHeight;
@@ -62,71 +70,71 @@ const SideMenu = (_ref, ref) => {
         top = menuPosition.top - overflowY - 10;
       }
     }
-    setMenuStyle("top: ".concat(top, "px; left: ").concat(menuPosition.left, "px"));
+    setMenuStyle(`top: ${top}px; left: ${menuPosition.left}px`);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [menuPosition, sideMenuRef.current]);
-  useImperativeHandle(ref, () => {
+  (0, _react.useImperativeHandle)(ref, () => {
     return {
       sideMenuDom: sideMenuRef.current
     };
   }, []);
-  return /*#__PURE__*/React.createElement(ElementPopover, {
+  return /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, {
     className: "sdoc-side-menu-popover",
     style: menuStyle
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-side-menu sdoc-dropdown-menu",
     ref: sideMenuRef
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, !isNodeEmpty && !isNotSupportTransform(slateNode) && /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isNodeEmpty && !(0, _helpers.isNotSupportTransform)(slateNode) && /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       id: 'sdoc-side-menu-item-transform',
       text: 'Transform_to',
       iconClass: 'sdocfont sdoc-table-of-content'
     },
     className: "pr-2"
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
-  }), /*#__PURE__*/React.createElement(TransformMenus, {
+  }), /*#__PURE__*/_react.default.createElement(_transformMenus.default, {
     target: "sdoc-side-menu-item-transform",
     slateNode: slateNode,
     onReset: onReset
-  }))), isNodeEmpty && /*#__PURE__*/React.createElement(InsertBlockMenu, {
+  }))), isNodeEmpty && /*#__PURE__*/_react.default.createElement(_insertBlockMenu.default, {
     isNodeEmpty: isNodeEmpty,
     slateNode: slateNode
-  }), !isNodeEmpty && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  }), !isNodeEmpty && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       id: 'sdoc-side-menu-item-insert-below',
       text: 'Insert_below',
       iconClass: 'sdocfont sdoc-insert'
     },
     className: "pr-2 sdoc-dropdown-menu-item-relative"
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
-  }), /*#__PURE__*/React.createElement(InsertBelowMenu, {
+  }), /*#__PURE__*/_react.default.createElement(_insertBelowMenu.default, {
     target: "sdoc-side-menu-item-insert-below",
     slateNode: slateNode
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-divider"
-  }), [HEADER1, HEADER2, HEADER3].includes(slateNode === null || slateNode === void 0 ? void 0 : slateNode.type) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  }), [_constants.HEADER1, _constants.HEADER2, _constants.HEADER3].includes(slateNode === null || slateNode === void 0 ? void 0 : slateNode.type) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       text: 'Copy_link_of_section',
       iconClass: 'sdocfont sdoc-link'
     },
     onClick: onCopyHeaderLink
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-divider"
-  })), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  })), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       text: 'Copy',
       iconClass: 'sdocfont sdoc-copy'
     },
     onClick: onCopy
-  }), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       text: 'Cut',
       iconClass: 'sdocfont sdoc-cut'
     },
     onClick: onCut
-  }), /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: {
       text: 'Delete',
       iconClass: 'sdocfont sdoc-delete'
@@ -134,6 +142,6 @@ const SideMenu = (_ref, ref) => {
     onClick: onDelete
   }))));
 };
-export default withTranslation('sdoc-editor', {
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor', {
   withRef: true
-})(forwardRef(SideMenu));
+})( /*#__PURE__*/(0, _react.forwardRef)(SideMenu));

package/dist/basic-sdk/extension/toolbar/side-toolbar/transform-menus.js

@@ -1,11 +1,19 @@
-import React, { useCallback } from 'react';
-import { UncontrolledPopover } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-import { ReactEditor, useSlateStatic } from '@seafile/slate-react';
-import { onSetNodeType } from './helpers';
-import { SIDE_TRANSFORM_MENUS_CONFIG, LIST_ITEM_SUPPORTED_TRANSFORMATION, LIST_ITEM_CORRELATION_TYPE, BLOCKQUOTE, CALL_OUT, HEADERS, ORDERED_LIST, UNORDERED_LIST, CHECK_LIST_ITEM } from '../../constants';
-import DropdownMenuItem from '../../commons/dropdown-menu-item';
-import { isMultiLevelList } from '../../core';
+"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 _reactstrap = require("reactstrap");
+var _reactI18next = require("react-i18next");
+var _slateReact = require("@seafile/slate-react");
+var _helpers = require("./helpers");
+var _constants = require("../../constants");
+var _dropdownMenuItem = _interopRequireDefault(require("../../commons/dropdown-menu-item"));
+var _core = require("../../core");
 const TransformMenus = _ref => {
   let {
     target,
@@ -13,41 +21,41 @@ const TransformMenus = _ref => {
     onReset,
     t
   } = _ref;
-  const editor = useSlateStatic();
-  const onSetType = useCallback(newType => {
-    onSetNodeType(editor, slateNode, newType);
+  const editor = (0, _slateReact.useSlateStatic)();
+  const onSetType = (0, _react.useCallback)(newType => {
+    (0, _helpers.onSetNodeType)(editor, slateNode, newType);
     onReset();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const getSideMenusConfig = useCallback(SIDE_TRANSFORM_MENUS_CONFIG => {
+  const getSideMenusConfig = (0, _react.useCallback)(SIDE_TRANSFORM_MENUS_CONFIG => {
     let newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG;
-    if (LIST_ITEM_CORRELATION_TYPE.includes(slateNode.type)) {
-      newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => LIST_ITEM_SUPPORTED_TRANSFORMATION.includes(item.type));
+    if (_constants.LIST_ITEM_CORRELATION_TYPE.includes(slateNode.type)) {
+      newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => _constants.LIST_ITEM_SUPPORTED_TRANSFORMATION.includes(item.type));
     }
-    const path = ReactEditor.findPath(editor, slateNode);
+    const path = _slateReact.ReactEditor.findPath(editor, slateNode);
     if (path) {
       const nodeIndex = path[0];
       const highestNode = editor.children[nodeIndex];
       if (path.length > 1) {
-        if (highestNode.type === BLOCKQUOTE) {
-          newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== CALL_OUT);
+        if (highestNode.type === _constants.BLOCKQUOTE) {
+          newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== _constants.CALL_OUT);
         }
       }
 
       // headers can't be nested by quote block
-      if (HEADERS.includes(highestNode.type)) {
-        newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== BLOCKQUOTE);
+      if (_constants.HEADERS.includes(highestNode.type)) {
+        newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== _constants.BLOCKQUOTE);
       }
 
       // Multi-level list items cannot be converted to checks
-      if ([ORDERED_LIST, UNORDERED_LIST].includes(highestNode.type) && isMultiLevelList(highestNode)) {
-        newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== CHECK_LIST_ITEM);
+      if ([_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes(highestNode.type) && (0, _core.isMultiLevelList)(highestNode)) {
+        newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== _constants.CHECK_LIST_ITEM);
       }
     }
     return newSideMenusConfig;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [slateNode]);
-  return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     boundariesElement: "viewport",
     target: target,
     className: "sdoc-side-operation-translate-popover sdoc-sub-dropdown-menu sdoc-dropdown-menu",
@@ -55,14 +63,14 @@ const TransformMenus = _ref => {
     placement: "right-start",
     hideArrow: true,
     fade: false
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-container"
-  }, getSideMenusConfig(SIDE_TRANSFORM_MENUS_CONFIG).map(item => {
-    return /*#__PURE__*/React.createElement(DropdownMenuItem, {
+  }, getSideMenusConfig(_constants.SIDE_TRANSFORM_MENUS_CONFIG).map(item => {
+    return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
       key: item.id,
       menuConfig: item,
       onClick: () => onSetType(item.type)
     });
   })));
 };
-export default withTranslation('sdoc-editor')(TransformMenus);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TransformMenus);

package/dist/basic-sdk/extension/utils/index.js

@@ -1,16 +1,25 @@
-import isUrl from 'is-url';
-export const IMAGE_TYPES = ['png', 'jpg', 'gif'];
-export const isImage = url => {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSameDomain = exports.isOverflowPortByDirection = exports.isImage = exports.IMAGE_TYPES = void 0;
+var _isUrl = _interopRequireDefault(require("is-url"));
+const IMAGE_TYPES = exports.IMAGE_TYPES = ['png', 'jpg', 'gif'];
+const isImage = url => {
   if (!url) return false;
-  if (!isUrl(url)) return false;
+  if (!(0, _isUrl.default)(url)) return false;
   const suffix = url.split('.')[1]; // http://xx/mm/*.png
   if (!suffix) return false;
   return IMAGE_TYPES.includes(suffix.toLowerCase());
 };
-export const isSameDomain = (currentUrl, targetUrl) => {
+exports.isImage = isImage;
+const isSameDomain = (currentUrl, targetUrl) => {
   return String(currentUrl).split('/')[2] === String(targetUrl).split('/')[2];
 };
-export const isOverflowPortByDirection = (element, direction) => {
+exports.isSameDomain = isSameDomain;
+const isOverflowPortByDirection = (element, direction) => {
   const viewWidth = window.innerWidth || document.documentElement.clientWidth;
   const viewHeight = window.innerHeight || document.documentElement.clientHeight;
   const {
@@ -31,4 +40,5 @@ export const isOverflowPortByDirection = (element, direction) => {
   if (direction === 'right') {
     return right >= viewWidth;
   }
-};
+};
+exports.isOverflowPortByDirection = isOverflowPortByDirection;

package/dist/basic-sdk/highlight/index.js

@@ -1,14 +1,26 @@
-import { Element } from '@seafile/slate';
-import { CODE_LINE } from '../extension/constants';
-import { SetNodeToDecorations } from './setNodeToDecorations';
-export const highlightDecorate = editor => _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SetNodeToDecorations", {
+  enumerable: true,
+  get: function () {
+    return _setNodeToDecorations.SetNodeToDecorations;
+  }
+});
+exports.highlightDecorate = void 0;
+var _slate = require("@seafile/slate");
+var _constants = require("../extension/constants");
+var _setNodeToDecorations = require("./setNodeToDecorations");
+const highlightDecorate = editor => _ref => {
   let [node, path] = _ref;
   let ranges = [];
-  if (Element.isElement(node) && node.type === CODE_LINE) {
+  if (_slate.Element.isElement(node) && node.type === _constants.CODE_LINE) {
     var _editor$nodeToDecorat;
     ranges = (editor === null || editor === void 0 ? void 0 : (_editor$nodeToDecorat = editor.nodeToDecorations) === null || _editor$nodeToDecorat === void 0 ? void 0 : _editor$nodeToDecorat.get(node)) || [];
     return ranges;
   }
   return ranges;
 };
-export { SetNodeToDecorations };
+exports.highlightDecorate = highlightDecorate;