@seafile/sdoc-editor 1.0.54 → 1.0.56

package/dist/basic-sdk/extension/render/element-decorate/rebase-decorate/rebase-modify-modify-decorate.js

@@ -1,11 +1,19 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import deepCopy from 'deep-copy';
-import { Transforms } from '@seafile/slate';
-import { useSlateStatic } from '@seafile/slate-react';
-import { ELEMENT_TYPE } from '../../../constants';
-import { REBASE_MARKS, REBASE_MARK_KEY, REBASE_ORIGIN } from '../../../../constants';
-import { findPath, getNode, deleteNodeMark, updateRebaseParentNodeByPath } 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 _reactI18next = require("react-i18next");
+var _deepCopy = _interopRequireDefault(require("deep-copy"));
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _constants = require("../../../constants");
+var _constants2 = require("../../../../constants");
+var _core = require("../../../core");
 const RebaseModifyModifyDecorate = _ref => {
   let {
     element,
@@ -13,84 +21,84 @@ const RebaseModifyModifyDecorate = _ref => {
   } = _ref;
   const {
     t
-  } = useTranslation();
-  const editor = useSlateStatic();
-  const useMasterChanges = useCallback(() => {
-    const path = findPath(editor, element);
-    deleteNodeMark(editor, path, element[REBASE_MARK_KEY.OLD_ELEMENT], REBASE_MARKS);
+  } = (0, _reactI18next.useTranslation)();
+  const editor = (0, _slateReact.useSlateStatic)();
+  const useMasterChanges = (0, _react.useCallback)(() => {
+    const path = (0, _core.findPath)(editor, element);
+    (0, _core.deleteNodeMark)(editor, path, element[_constants2.REBASE_MARK_KEY.OLD_ELEMENT], _constants2.REBASE_MARKS);
     const nextElementPath = [...path];
     nextElementPath[path.length - 1] = path[path.length - 1] + 1;
-    Transforms.removeNodes(editor, {
+    _slate.Transforms.removeNodes(editor, {
       at: nextElementPath
     });
-    if (element.type === ELEMENT_TYPE.LIST_ITEM) {
-      updateRebaseParentNodeByPath(editor, path);
+    if (element.type === _constants.ELEMENT_TYPE.LIST_ITEM) {
+      (0, _core.updateRebaseParentNodeByPath)(editor, path);
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, element]);
-  const useCurrentChanges = useCallback(() => {
-    const path = findPath(editor, element);
+  const useCurrentChanges = (0, _react.useCallback)(() => {
+    const path = (0, _core.findPath)(editor, element);
     const currentElementPath = [...path];
     currentElementPath[path.length - 1] = path[path.length - 1] + 1;
-    const currentElement = getNode(editor, currentElementPath);
-    const newCurrentElement = deepCopy(currentElement);
-    deleteNodeMark(editor, currentElementPath, newCurrentElement, REBASE_MARKS);
-    Transforms.removeNodes(editor, {
+    const currentElement = (0, _core.getNode)(editor, currentElementPath);
+    const newCurrentElement = (0, _deepCopy.default)(currentElement);
+    (0, _core.deleteNodeMark)(editor, currentElementPath, newCurrentElement, _constants2.REBASE_MARKS);
+    _slate.Transforms.removeNodes(editor, {
       at: path
     });
-    if (element.type === ELEMENT_TYPE.LIST_ITEM) {
-      updateRebaseParentNodeByPath(editor, path);
+    if (element.type === _constants.ELEMENT_TYPE.LIST_ITEM) {
+      (0, _core.updateRebaseParentNodeByPath)(editor, path);
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, element]);
-  const useBothChanges = useCallback(() => {
+  const useBothChanges = (0, _react.useCallback)(() => {
     // delete element marks
-    const path = findPath(editor, element);
-    deleteNodeMark(editor, path, element, REBASE_MARKS);
+    const path = (0, _core.findPath)(editor, element);
+    (0, _core.deleteNodeMark)(editor, path, element, _constants2.REBASE_MARKS);
 
     // delete next element marks
     const nextElementPath = [...path.slice(0, -1), path[path.length - 1] + 1];
-    const nextElement = getNode(editor, nextElementPath);
-    deleteNodeMark(editor, nextElementPath, nextElement, REBASE_MARKS);
-    if (element.type === ELEMENT_TYPE.LIST_ITEM) {
-      updateRebaseParentNodeByPath(editor, path);
+    const nextElement = (0, _core.getNode)(editor, nextElementPath);
+    (0, _core.deleteNodeMark)(editor, nextElementPath, nextElement, _constants2.REBASE_MARKS);
+    if (element.type === _constants.ELEMENT_TYPE.LIST_ITEM) {
+      (0, _core.updateRebaseParentNodeByPath)(editor, path);
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, element]);
-  if (element[REBASE_MARK_KEY.ORIGIN] === REBASE_ORIGIN.OTHER) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  if (element[_constants2.REBASE_MARK_KEY.ORIGIN] === _constants2.REBASE_ORIGIN.OTHER) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-rebase-btn-group",
       contentEditable: false
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-rebase-btn",
       onClick: useMasterChanges
-    }, t('Keep_other_modification')), /*#__PURE__*/React.createElement("div", {
+    }, t('Keep_other_modification')), /*#__PURE__*/_react.default.createElement("div", {
       className: "mr-2 ml-2"
-    }, '|'), /*#__PURE__*/React.createElement("div", {
+    }, '|'), /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-rebase-btn",
       onClick: useCurrentChanges
-    }, t('Keep_my_modification')), /*#__PURE__*/React.createElement("div", {
+    }, t('Keep_my_modification')), /*#__PURE__*/_react.default.createElement("div", {
       className: "mr-2 ml-2"
-    }, '|'), /*#__PURE__*/React.createElement("div", {
+    }, '|'), /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-rebase-btn",
       onClick: useBothChanges
-    }, t('Keep_both_modification'))), /*#__PURE__*/React.createElement("div", {
+    }, t('Keep_both_modification'))), /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-rebase-other-changes-title",
       contentEditable: false
-    }, t('Other_modification')), /*#__PURE__*/React.createElement("div", {
+    }, t('Other_modification')), /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-rebase-other-changes",
       contentEditable: false
     }, children));
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-my-changes-title",
     contentEditable: false
-  }, t('My_modification')), /*#__PURE__*/React.createElement("div", {
+  }, t('My_modification')), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-rebase-my-changes",
     contentEditable: false
   }, children));
 };
-export default RebaseModifyModifyDecorate;
+var _default = exports.default = RebaseModifyModifyDecorate;

package/dist/basic-sdk/extension/render/helper.js

@@ -1,25 +1,33 @@
-import { Editor } from '@seafile/slate';
-import { findPath } from '../core';
-import { MOUSE_ENTER_EVENT_DISABLED_MAP, ROOT_ELEMENT_TYPES } from '../constants';
-import { onMouseEnter } from '../toolbar/side-toolbar/event';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setMouseEnter = exports.setDataRoot = void 0;
+var _slate = require("@seafile/slate");
+var _core = require("../core");
+var _constants = require("../constants");
+var _event = require("../toolbar/side-toolbar/event");
 const isNeedAddMouseEnterEvent = (editor, element) => {
-  const elementPath = findPath(editor, element);
+  const elementPath = (0, _core.findPath)(editor, element);
   // If the element is the root element, return true
   if (elementPath.length <= 1) return true;
   // If the element type is not in filter list, return true
-  if (!Reflect.ownKeys(MOUSE_ENTER_EVENT_DISABLED_MAP).includes(element.type)) return true;
-  const disableEventEntry = Editor.above(editor, {
-    match: n => MOUSE_ENTER_EVENT_DISABLED_MAP[element.type].includes(n.type),
+  if (!Reflect.ownKeys(_constants.MOUSE_ENTER_EVENT_DISABLED_MAP).includes(element.type)) return true;
+  const disableEventEntry = _slate.Editor.above(editor, {
+    match: n => _constants.MOUSE_ENTER_EVENT_DISABLED_MAP[element.type].includes(n.type),
     mode: 'highest',
     at: elementPath
   });
   return !disableEventEntry;
 };
-export const setMouseEnter = (editor, element, attributes) => {
+const setMouseEnter = (editor, element, attributes) => {
   if (!isNeedAddMouseEnterEvent(editor, element)) return;
-  attributes['onMouseEnter'] = e => onMouseEnter(e, element);
+  attributes['onMouseEnter'] = e => (0, _event.onMouseEnter)(e, element);
 };
-export const setDataRoot = (element, attributes) => {
-  if (!ROOT_ELEMENT_TYPES.includes(element.type)) return;
+exports.setMouseEnter = setMouseEnter;
+const setDataRoot = (element, attributes) => {
+  if (!_constants.ROOT_ELEMENT_TYPES.includes(element.type)) return;
   attributes['data-root'] = 'true';
-};
+};
+exports.setDataRoot = setDataRoot;

package/dist/basic-sdk/extension/render/render-comment-editor-element.js

@@ -1,92 +1,98 @@
-import { useReadOnly, useSlateStatic } from '@seafile/slate-react';
-import { LINK, LIST_ITEM, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, IMAGE, IMAGE_BLOCK, MENTION, MENTION_TEMP, BLOCKQUOTE } from '../constants';
-import { LinkPlugin, ListPlugin, ImagePlugin, ParagraphPlugin, MentionPlugin, BlockquotePlugin } from '../plugins';
-import { getParentNode } from '../core';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slateReact = require("@seafile/slate-react");
+var _constants = require("../constants");
+var _plugins = require("../plugins");
+var _core = require("../core");
 const RenderCommentEditorCustomRenderElement = props => {
-  const editor = useSlateStatic();
-  const readonly = useReadOnly();
+  const editor = (0, _slateReact.useSlateStatic)();
+  const readonly = (0, _slateReact.useReadOnly)();
   const {
     element,
     commentType
   } = props;
   switch (element.type) {
-    case PARAGRAPH:
+    case _constants.PARAGRAPH:
       {
-        const parentNode = getParentNode(editor.children, element.id);
+        const parentNode = (0, _core.getParentNode)(editor.children, element.id);
         const _props = {
           ...props,
           className: 'sdoc-comment-editor-paragraph'
         };
-        if (parentNode && parentNode.type === LIST_ITEM) {
-          const [renderParagraph] = ParagraphPlugin.renderElements;
+        if (parentNode && parentNode.type === _constants.LIST_ITEM) {
+          const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;
           return renderParagraph(_props);
         }
         const placeholder = commentType === 'comment' ? 'Enter_comment_Enter_for_new_line_shift_enter_to_send' : 'Enter_reply_Enter_for_new_line_Shift_Enter_to_send';
-        const [renderParagraph] = ParagraphPlugin.renderElements;
+        const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;
         return renderParagraph({
           ..._props,
           placeholder
         });
       }
-    case LINK:
+    case _constants.LINK:
       {
-        const [renderLink] = LinkPlugin.renderElements;
+        const [renderLink] = _plugins.LinkPlugin.renderElements;
         return renderLink(props, editor, readonly);
       }
-    case ORDERED_LIST:
-    case UNORDERED_LIST:
+    case _constants.ORDERED_LIST:
+    case _constants.UNORDERED_LIST:
       {
-        const [renderList] = ListPlugin.renderElements;
+        const [renderList] = _plugins.ListPlugin.renderElements;
         return renderList(props, editor);
       }
-    case LIST_ITEM:
+    case _constants.LIST_ITEM:
       {
-        const [, renderListItem] = ListPlugin.renderElements;
+        const [, renderListItem] = _plugins.ListPlugin.renderElements;
         return renderListItem(props, editor);
       }
-    case IMAGE:
+    case _constants.IMAGE:
       {
         var _editor$element_comme;
-        const parentNode = getParentNode(editor.children, element.id);
+        const parentNode = (0, _core.getParentNode)(editor.children, element.id);
         const comments = ((_editor$element_comme = editor.element_comments_map) === null || _editor$element_comme === void 0 ? void 0 : _editor$element_comme[parentNode.id]) || [];
         const unresolvedComments = comments && comments.filter(item => !item.resolved);
         let leaf = {};
         if (unresolvedComments && unresolvedComments.length > 0) {
           leaf['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
         }
-        const [renderImage] = ImagePlugin.renderElements;
+        const [renderImage] = _plugins.ImagePlugin.renderElements;
         return renderImage({
           ...props,
           leaf
         }, editor);
       }
-    case IMAGE_BLOCK:
+    case _constants.IMAGE_BLOCK:
       {
-        const [, renderImageBlock] = ImagePlugin.renderElements;
+        const [, renderImageBlock] = _plugins.ImagePlugin.renderElements;
         return renderImageBlock({
           ...props
         }, editor);
       }
-    case MENTION:
+    case _constants.MENTION:
       {
-        const [renderMention] = MentionPlugin.renderElements;
+        const [renderMention] = _plugins.MentionPlugin.renderElements;
         return renderMention(props, editor);
       }
-    case MENTION_TEMP:
+    case _constants.MENTION_TEMP:
       {
-        const [, renderMentionTemporaryInput] = MentionPlugin.renderElements;
+        const [, renderMentionTemporaryInput] = _plugins.MentionPlugin.renderElements;
         return renderMentionTemporaryInput(props, editor);
       }
-    case BLOCKQUOTE:
+    case _constants.BLOCKQUOTE:
       {
-        const [renderBlockquote] = BlockquotePlugin.renderElements;
+        const [renderBlockquote] = _plugins.BlockquotePlugin.renderElements;
         return renderBlockquote(props, editor);
       }
     default:
       {
-        const [renderParagraph] = ParagraphPlugin.renderElements;
+        const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;
         return renderParagraph(props);
       }
   }
 };
-export default RenderCommentEditorCustomRenderElement;
+var _default = exports.default = RenderCommentEditorCustomRenderElement;

package/dist/basic-sdk/extension/render/render-element.js

@@ -1,17 +1,24 @@
-import React from 'react';
-import { REBASE_MARK_KEY } from '../../constants';
-import { RebaseDecorate } from './element-decorate';
-import CustomElement from './custom-element';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../constants");
+var _elementDecorate = require("./element-decorate");
+var _customElement = _interopRequireDefault(require("./custom-element"));
 const RenderElement = props => {
   const {
     element
   } = props;
-  const rebaseType = element[REBASE_MARK_KEY.REBASE_TYPE];
+  const rebaseType = element[_constants.REBASE_MARK_KEY.REBASE_TYPE];
   if (rebaseType) {
-    return /*#__PURE__*/React.createElement(RebaseDecorate, {
+    return /*#__PURE__*/_react.default.createElement(_elementDecorate.RebaseDecorate, {
       element: element
-    }, /*#__PURE__*/React.createElement(CustomElement, props));
+    }, /*#__PURE__*/_react.default.createElement(_customElement.default, props));
   }
-  return /*#__PURE__*/React.createElement(CustomElement, props);
+  return /*#__PURE__*/_react.default.createElement(_customElement.default, props);
 };
-export default RenderElement;
+var _default = exports.default = RenderElement;

package/dist/basic-sdk/extension/render/render-leaf.js

@@ -1,12 +1,19 @@
-import React from 'react';
-import { useSlateStatic } from '@seafile/slate-react';
-import { TextPlugin } from '../plugins';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _slateReact = require("@seafile/slate-react");
+var _plugins = require("../plugins");
 const CustomLeaf = props => {
-  const editor = useSlateStatic();
-  const [renderText] = TextPlugin.renderElements;
+  const editor = (0, _slateReact.useSlateStatic)();
+  const [renderText] = _plugins.TextPlugin.renderElements;
   return renderText(props, editor);
 };
 const renderLeaf = props => {
-  return /*#__PURE__*/React.createElement(CustomLeaf, props);
+  return /*#__PURE__*/_react.default.createElement(CustomLeaf, props);
 };
-export default renderLeaf;
+var _default = exports.default = renderLeaf;

package/dist/basic-sdk/extension/toolbar/comment-editor-toolbar/index.js

@@ -1,14 +1,21 @@
-import React from 'react';
-import useSelectionUpdate from '../../../hooks/use-selection-update';
-import { ORDERED_LIST, UNORDERED_LIST } from '../../constants';
-import { MenuGroup } from '../../commons';
-import ListMenu from '../../plugins/list/menu';
-import CommentEditorTextStyleMenuList from '../../plugins/text-style/menu/comemnt-editor-menu';
-import ImageMenu from '../../plugins/image/menu';
-import EventBus from '../../../utils/event-bus';
-import LinkMenu from '../../plugins/link/menu';
-import PostCommentBtn from './post-comment';
-import QuoteMenu from '../../plugins/blockquote/menu';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useSelectionUpdate = _interopRequireDefault(require("../../../hooks/use-selection-update"));
+var _constants = require("../../constants");
+var _commons = require("../../commons");
+var _menu = _interopRequireDefault(require("../../plugins/list/menu"));
+var _comemntEditorMenu = _interopRequireDefault(require("../../plugins/text-style/menu/comemnt-editor-menu"));
+var _menu2 = _interopRequireDefault(require("../../plugins/image/menu"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _menu3 = _interopRequireDefault(require("../../plugins/link/menu"));
+var _postComment = _interopRequireDefault(require("./post-comment"));
+var _menu4 = _interopRequireDefault(require("../../plugins/blockquote/menu"));
 const CommentEditorToolbar = _ref => {
   let {
     editor,
@@ -17,37 +24,37 @@ const CommentEditorToolbar = _ref => {
     submitBtnText,
     onCancel
   } = _ref;
-  useSelectionUpdate();
-  const eventBus = EventBus.getInstance();
-  return /*#__PURE__*/React.createElement("div", {
+  (0, _useSelectionUpdate.default)();
+  const eventBus = _eventBus.default.getInstance();
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-comment-editor-toolbar"
-  }, /*#__PURE__*/React.createElement(MenuGroup, {
+  }, /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, {
     className: "menu-group sdoc-comment-editor-menu-group"
-  }, /*#__PURE__*/React.createElement(CommentEditorTextStyleMenuList, {
+  }, /*#__PURE__*/_react.default.createElement(_comemntEditorMenu.default, {
     editor: editor,
     readonly: readonly
-  }), /*#__PURE__*/React.createElement(QuoteMenu, {
+  }), /*#__PURE__*/_react.default.createElement(_menu4.default, {
     editor: editor,
     readonly: readonly
-  }), /*#__PURE__*/React.createElement(ListMenu, {
+  }), /*#__PURE__*/_react.default.createElement(_menu.default, {
     editor: editor,
-    type: UNORDERED_LIST,
+    type: _constants.UNORDERED_LIST,
     readonly: readonly
-  }), /*#__PURE__*/React.createElement(ListMenu, {
+  }), /*#__PURE__*/_react.default.createElement(_menu.default, {
     editor: editor,
-    type: ORDERED_LIST,
+    type: _constants.ORDERED_LIST,
     readonly: readonly
-  }), /*#__PURE__*/React.createElement(LinkMenu, {
+  }), /*#__PURE__*/_react.default.createElement(_menu3.default, {
     editor: editor,
     readonly: readonly,
     eventBus: eventBus
-  }), /*#__PURE__*/React.createElement(ImageMenu, {
+  }), /*#__PURE__*/_react.default.createElement(_menu2.default, {
     editor: editor,
     readonly: readonly,
     eventBus: eventBus
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-comment-editor-toolbar-right"
-  }, /*#__PURE__*/React.createElement(PostCommentBtn, {
+  }, /*#__PURE__*/_react.default.createElement(_postComment.default, {
     editor: editor,
     onSubmit: onSubmit,
     submitBtnText: submitBtnText,
@@ -57,4 +64,4 @@ const CommentEditorToolbar = _ref => {
 CommentEditorToolbar.defaultProps = {
   readonly: false
 };
-export default CommentEditorToolbar;
+var _default = exports.default = CommentEditorToolbar;

package/dist/basic-sdk/extension/toolbar/comment-editor-toolbar/post-comment/index.js

@@ -1,13 +1,21 @@
-import React, { useEffect } from 'react';
-import Tooltip from '../../../../../components/tooltip';
-import './style.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 _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
+require("./style.css");
 const PostCommentBtn = _ref => {
   let {
     onSubmit,
     submitBtnText,
     onCancel
   } = _ref;
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     document.addEventListener('keydown', onCancel, false);
     document.addEventListener('click', onCancel, false);
     return () => {
@@ -15,14 +23,14 @@ const PostCommentBtn = _ref => {
       document.removeEventListener('click', onCancel, false);
     };
   }, [onCancel]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
     id: "sdoc-comment-editor-comment-btn"
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-save sdoc-comment-btn",
     onClick: onSubmit
-  }), /*#__PURE__*/React.createElement(Tooltip, {
+  }), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: "sdoc-comment-editor-comment-btn"
   }, submitBtnText));
 };
-export default PostCommentBtn;
+var _default = exports.default = PostCommentBtn;

package/dist/basic-sdk/extension/toolbar/context-toolbar/index.js

@@ -1,34 +1,42 @@
-import React, { useRef, useEffect, useCallback } from 'react';
-import { createPortal } from 'react-dom';
-import { useFocused, useSlateStatic, useReadOnly } from '@seafile/slate-react';
-import { Editor, Range } from '@seafile/slate';
-import { MenuGroup } from '../../commons';
-import TextStyleMenuList from '../../plugins/text-style/menu';
-import { useScrollContext } from '../../../hooks/use-scroll-context';
-import { getSelectedNodeByType } from '../../core';
-import { CODE_BLOCK } from '../../constants';
-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 _reactDom = require("react-dom");
+var _slateReact = require("@seafile/slate-react");
+var _slate = require("@seafile/slate");
+var _commons = require("../../commons");
+var _menu = _interopRequireDefault(require("../../plugins/text-style/menu"));
+var _useScrollContext = require("../../../hooks/use-scroll-context");
+var _core = require("../../core");
+var _constants = require("../../constants");
+require("./index.css");
 const ContextToolbar = () => {
-  const ref = useRef(null);
-  const editor = useSlateStatic();
-  const scrollRef = useScrollContext();
-  const inFocus = useFocused();
-  const readOnly = useReadOnly();
-  const setContextToolbarPosition = useCallback(() => {
+  const ref = (0, _react.useRef)(null);
+  const editor = (0, _slateReact.useSlateStatic)();
+  const scrollRef = (0, _useScrollContext.useScrollContext)();
+  const inFocus = (0, _slateReact.useFocused)();
+  const readOnly = (0, _slateReact.useReadOnly)();
+  const setContextToolbarPosition = (0, _react.useCallback)(() => {
     const el = ref.current;
     const domSelection = window.getSelection();
     const domRange = domSelection.getRangeAt(0);
     const rect = domRange.getBoundingClientRect();
-    el.style.top = "".concat(rect.top - 42 - 12, "px"); // top = Current top - Element height - Shaded part
-    el.style.left = "".concat(rect.left, "px");
+    el.style.top = `${rect.top - 42 - 12}px`; // top = Current top - Element height - Shaded part
+    el.style.left = `${rect.left}px`;
     el.style.display = 'block';
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const onScroll = useCallback(e => {
+  const onScroll = (0, _react.useCallback)(e => {
     setContextToolbarPosition();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const el = ref.current;
     const {
       selection
@@ -36,7 +44,7 @@ const ContextToolbar = () => {
     if (!el) {
       return;
     }
-    if (readOnly || !selection || !inFocus || Range.isCollapsed(selection) || Editor.string(editor, selection) === '' || getSelectedNodeByType(editor, CODE_BLOCK)) {
+    if (readOnly || !selection || !inFocus || _slate.Range.isCollapsed(selection) || _slate.Editor.string(editor, selection) === '' || (0, _core.getSelectedNodeByType)(editor, _constants.CODE_BLOCK)) {
       scrollRef.current && scrollRef.current.removeEventListener('scroll', onScroll);
       el.removeAttribute('style');
       return;
@@ -44,24 +52,24 @@ const ContextToolbar = () => {
     scrollRef.current && scrollRef.current.addEventListener('scroll', onScroll);
     setContextToolbarPosition();
   });
-  const onMouseDown = useCallback(event => {
+  const onMouseDown = (0, _react.useCallback)(event => {
     event.preventDefault(); // prevent toolbar from taking focus away from editor
   }, []);
-  const onMouseMove = useCallback(e => {
+  const onMouseMove = (0, _react.useCallback)(e => {
     const isMouseLeftDown = e.buttons === 1;
     if (isMouseLeftDown) {
       const el = ref.current;
       el.removeAttribute('style');
     }
   }, []);
-  return createPortal( /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     className: "sdoc-context-toolbar",
     onMouseDown: onMouseDown,
     onMouseOver: onMouseMove
-  }, /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(TextStyleMenuList, {
+  }, /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu.default, {
     editor: editor,
     idPrefix: 'sdoc_context_toolbar'
   }))), document.body);
 };
-export default ContextToolbar;
+var _default = exports.default = ContextToolbar;