@seafile/sdoc-editor 0.3.6 → 0.3.7

package/dist/basic-sdk/comment/components/comment-list.js

@@ -1,7 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(typeof e + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import dayjs from 'dayjs';
 import context from '../../../context';
@@ -12,77 +9,62 @@ import CommentItemWrapper from './comment-item-wrapper';
 import EventBus from '../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../constants';
 import './comment-list.css';
-var CommentList = function CommentList(_ref) {
-  var comments = _ref.comments,
-    selectionElement = _ref.selectionElement,
-    hiddenComment = _ref.hiddenComment,
-    deleteUnseenNotifications = _ref.deleteUnseenNotifications;
-  var commentRef = useRef(null);
-  var position = useCommentListPosition();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeComment = _useState2[0],
-    setActiveComment = _useState2[1];
-  var handelArticleClick = useCallback(function (event) {
+const CommentList = _ref => {
+  let {
+    comments,
+    selectionElement,
+    hiddenComment,
+    deleteUnseenNotifications
+  } = _ref;
+  const commentRef = useRef(null);
+  const position = useCommentListPosition();
+  const [activeComment, setActiveComment] = useState(false);
+  const handelArticleClick = useCallback(event => {
     if (event.target.className !== 'article') return;
     hiddenComment();
   }, [hiddenComment]);
 
   // onMount: hidden comment
-  useEffect(function () {
-    var eventBus = EventBus.getInstance();
-    var unsubscribe = eventBus.subscribe(INTERNAL_EVENT.ARTICLE_CLICK, handelArticleClick);
-    return function () {
+  useEffect(() => {
+    const eventBus = EventBus.getInstance();
+    const unsubscribe = eventBus.subscribe(INTERNAL_EVENT.ARTICLE_CLICK, handelArticleClick);
+    return () => {
       unsubscribe();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var onCommentClick = useCallback(function (comment) {
+  const onCommentClick = useCallback(comment => {
     if (activeComment && activeComment.id === comment.id) return;
     setActiveComment(comment);
     deleteUnseenNotifications && deleteUnseenNotifications(comment);
   }, [activeComment, deleteUnseenNotifications]);
-  var _useCommentContext = useCommentContext(),
-    dispatch = _useCommentContext.dispatch;
-  var insertComment = useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(elementId, comment) {
-      var res, returnComment, newComment;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return context.insertComment(comment);
-          case 2:
-            res = _context.sent;
-            returnComment = res.data.comment;
-            newComment = _objectSpread(_objectSpread({}, comment), {}, {
-              id: returnComment.id,
-              user_name: returnComment.user_name,
-              avatar_url: returnComment.avatar_url,
-              replies: []
-            });
-            dispatch({
-              type: 'INSERT_COMMENT',
-              payload: {
-                element_id: elementId,
-                comment: newComment
-              }
-            });
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [dispatch]);
-  var insertContent = useCallback(function (content) {
-    var user = context.getUserInfo();
-    var elementId = selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.id;
-    var time = dayjs().format('YYYY-MM-DD HH:mm:ss');
-    var comment = {
+  const {
+    dispatch
+  } = useCommentContext();
+  const insertComment = useCallback(async (elementId, comment) => {
+    const res = await context.insertComment(comment);
+    const {
+      comment: returnComment
+    } = res.data;
+    const newComment = _objectSpread(_objectSpread({}, comment), {}, {
+      id: returnComment.id,
+      user_name: returnComment.user_name,
+      avatar_url: returnComment.avatar_url,
+      replies: []
+    });
+    dispatch({
+      type: 'INSERT_COMMENT',
+      payload: {
+        element_id: elementId,
+        comment: newComment
+      }
+    });
+  }, [dispatch]);
+  const insertContent = useCallback(content => {
+    const user = context.getUserInfo();
+    const elementId = selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.id;
+    const time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+    const comment = {
       comment: content,
       detail: {
         element_id: elementId,
@@ -93,15 +75,15 @@ var CommentList = function CommentList(_ref) {
     };
     insertComment(elementId, comment);
   }, [insertComment, selectionElement]);
-  var resetActiveComment = useCallback(function (e) {
-    var commentWrapper = commentRef.current;
-    var clickIsInComment = commentWrapper && commentWrapper.contains(e.target) && commentWrapper !== e.target;
+  const resetActiveComment = useCallback(e => {
+    const commentWrapper = commentRef.current;
+    const clickIsInComment = commentWrapper && commentWrapper.contains(e.target) && commentWrapper !== e.target;
     if (clickIsInComment) return;
     setActiveComment(null);
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     document.addEventListener('click', resetActiveComment);
-    return function () {
+    return () => {
       document.removeEventListener('click', resetActiveComment);
     };
   }, [resetActiveComment]);
@@ -114,17 +96,15 @@ var CommentList = function CommentList(_ref) {
     }
   }, comments.length > 0 && /*#__PURE__*/React.createElement("div", {
     className: "comment-list"
-  }, comments.map(function (comment) {
+  }, comments.map(comment => {
     if (comment.resolved) return null;
-    var isActive = activeComment && activeComment.id === comment.id;
-    var props = {
+    const isActive = activeComment && activeComment.id === comment.id;
+    const props = {
       key: comment.id,
       comment: comment,
       isActive: isActive,
       onCommentClick: onCommentClick,
-      hiddenComment: function hiddenComment() {
-        return setActiveComment(null);
-      }
+      hiddenComment: () => setActiveComment(null)
     };
     return /*#__PURE__*/React.createElement(CommentItemWrapper, props);
   })), comments.length === 0 && /*#__PURE__*/React.createElement("div", {

package/dist/basic-sdk/comment/components/comment-participants-editor/index.js

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useRef, useState, useImperativeHandle, forwardRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { UncontrolledPopover } from 'reactstrap';
@@ -8,34 +7,30 @@ import SearchedCollaborators from './searched-collaborators';
 import { searchCollaborators } from '../../utils';
 import { eventStopPropagation } from '../../../utils/mouse-event';
 import './index.css';
-var CommentParticipantsEditor = forwardRef(function (_ref, ref) {
-  var target = _ref.target;
-  var popoverRef = useRef();
-  var _useCollaborators = useCollaborators(),
-    collaborators = _useCollaborators.collaborators;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchValue = _useState2[0],
-    setSearchValue = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    searchedCollaborators = _useState4[0],
-    setSearchedCollaborators = _useState4[1];
-  useImperativeHandle(ref, function () {
-    return {
-      toggle: function toggle() {
-        popoverRef.current && popoverRef.current.toggle();
-      }
+const CommentParticipantsEditor = forwardRef((_ref, ref) => {
+  let {
+    target
+  } = _ref;
+  const popoverRef = useRef();
+  const {
+    collaborators
+  } = useCollaborators();
+  const {
+    t
+  } = useTranslation();
+  const [searchValue, setSearchValue] = useState('');
+  const [searchedCollaborators, setSearchedCollaborators] = useState([]);
+  useImperativeHandle(ref, () => ({
+    toggle: () => {
+      popoverRef.current && popoverRef.current.toggle();
+    }
 
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    };
-  }, [popoverRef.current]);
-  var onChangeSearch = useCallback(function (event) {
-    var newSearchValue = event.target.value;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }), [popoverRef.current]);
+  const onChangeSearch = useCallback(event => {
+    const newSearchValue = event.target.value;
     if (searchValue === newSearchValue) return;
-    var searchedCollaborators = searchCollaborators(collaborators, newSearchValue);
+    const searchedCollaborators = searchCollaborators(collaborators, newSearchValue);
     setSearchValue(newSearchValue);
     setSearchedCollaborators(searchedCollaborators);
   }, [searchValue, collaborators]);
@@ -49,9 +44,7 @@ var CommentParticipantsEditor = forwardRef(function (_ref, ref) {
     ref: popoverRef
   }, /*#__PURE__*/React.createElement("div", {
     className: "sdoc-comments-participants-editor-container",
-    onClick: function onClick(event) {
-      return eventStopPropagation(event);
-    }
+    onClick: event => eventStopPropagation(event)
   }, /*#__PURE__*/React.createElement(SelectedParticipants, null), /*#__PURE__*/React.createElement("div", {
     className: "search-collaborators"
   }, /*#__PURE__*/React.createElement("input", {

package/dist/basic-sdk/comment/components/comment-participants-editor/searched-collaborators.js

@@ -2,15 +2,19 @@ import React, { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useParticipantsContext } from '../../hooks/use-participants';
 import { eventStopPropagation } from '../../../utils/mouse-event';
-var SearchedCollaborators = function SearchedCollaborators(_ref) {
-  var collaborators = _ref.collaborators;
-  var _useParticipantsConte = useParticipantsContext(),
-    participants = _useParticipantsConte.participants,
-    deleteParticipant = _useParticipantsConte.deleteParticipant,
-    addParticipants = _useParticipantsConte.addParticipants;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var onSelectParticipant = useCallback(function (event, participant, isSelected) {
+const SearchedCollaborators = _ref => {
+  let {
+    collaborators
+  } = _ref;
+  const {
+    participants,
+    deleteParticipant,
+    addParticipants
+  } = useParticipantsContext();
+  const {
+    t
+  } = useTranslation();
+  const onSelectParticipant = useCallback((event, participant, isSelected) => {
     eventStopPropagation(event);
     if (isSelected) {
       deleteParticipant(participant.username);
@@ -25,19 +29,17 @@ var SearchedCollaborators = function SearchedCollaborators(_ref) {
   }
   return /*#__PURE__*/React.createElement("div", {
     className: "searched-collaborators"
-  }, collaborators.map(function (collaborator) {
-    var name = collaborator.name,
-      username = collaborator.username,
-      avatar_url = collaborator.avatar_url;
-    var isSelected = participants.find(function (participant) {
-      return participant.username === username;
-    });
+  }, collaborators.map(collaborator => {
+    const {
+      name,
+      username,
+      avatar_url
+    } = collaborator;
+    const isSelected = participants.find(participant => participant.username === username);
     return /*#__PURE__*/React.createElement("div", {
       key: username,
       className: "searched-collaborator",
-      onClick: function onClick(event) {
-        return onSelectParticipant(event, collaborator, isSelected);
-      }
+      onClick: event => onSelectParticipant(event, collaborator, isSelected)
     }, /*#__PURE__*/React.createElement("img", {
       src: avatar_url,
       alt: ""

package/dist/basic-sdk/comment/components/comment-participants-editor/selected-participants.js

@@ -1,22 +1,26 @@
 import React, { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useParticipantsContext } from '../../hooks/use-participants';
-var SelectedParticipants = function SelectedParticipants() {
-  var _useParticipantsConte = useParticipantsContext(),
-    participants = _useParticipantsConte.participants,
-    deleteParticipant = _useParticipantsConte.deleteParticipant;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var onDeleteParticipant = useCallback(function (participant) {
+const SelectedParticipants = () => {
+  const {
+    participants,
+    deleteParticipant
+  } = useParticipantsContext();
+  const {
+    t
+  } = useTranslation();
+  const onDeleteParticipant = useCallback(participant => {
     deleteParticipant(participant.username);
   }, [deleteParticipant]);
   if (!Array.isArray(participants) || participants.length === 0) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: "selected-participants"
-  }, participants.map(function (participant) {
-    var name = participant.name,
-      username = participant.username,
-      avatar_url = participant.avatar_url;
+  }, participants.map(participant => {
+    const {
+      name,
+      username,
+      avatar_url
+    } = participant;
     return /*#__PURE__*/React.createElement("div", {
       key: username,
       className: "selected-participant"
@@ -27,9 +31,7 @@ var SelectedParticipants = function SelectedParticipants() {
       className: "selected-participant-name"
     }, name), /*#__PURE__*/React.createElement("div", {
       className: "selected-participant-delete",
-      onClick: function onClick() {
-        return onDeleteParticipant(participant);
-      },
+      onClick: () => onDeleteParticipant(participant),
       title: t('Delete')
     }, /*#__PURE__*/React.createElement("i", {
       className: "sdocfont sdoc-sm-close"

package/dist/basic-sdk/comment/components/editor-comment.js

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
 import { Node } from '@seafile/slate';
@@ -9,31 +8,27 @@ import { useSelectionElement } from '../../hooks/use-selection-element';
 import { useCommentContext } from '../hooks/comment-hooks/use-comment-context';
 import ElementsCommentCount from './elements-comment-count';
 import { ELEMENT_TYPE } from '../../extension/constants';
-var EditorComment = function EditorComment(_ref) {
-  var deleteUnseenNotifications = _ref.deleteUnseenNotifications;
+const EditorComment = _ref => {
+  let {
+    deleteUnseenNotifications
+  } = _ref;
   useSelectionUpdate();
-  var editor = useSlateStatic();
-  var selectionElement = useSelectionElement();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isShowComments = _useState2[0],
-    setIsShowComments = _useState2[1];
-  var onAddCommentToggle = useCallback(function () {
+  const editor = useSlateStatic();
+  const selectionElement = useSelectionElement();
+  const [isShowComments, setIsShowComments] = useState(false);
+  const onAddCommentToggle = useCallback(() => {
     setIsShowComments(true);
   }, []);
 
   // When selectionElement update, recalculate comment's panel state
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    comments = _useState4[0],
-    setComments = _useState4[1];
-  var element_comments_map = useCommentContext().commentsInfo.element_comments_map;
-  useEffect(function () {
-    var comments = element_comments_map[selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.id];
-    var unresolvedComments = comments && comments.filter(function (item) {
-      return !item.resolved;
-    });
-    var hasComments = unresolvedComments && unresolvedComments.length > 0;
+  const [comments, setComments] = useState([]);
+  const {
+    element_comments_map
+  } = useCommentContext().commentsInfo;
+  useEffect(() => {
+    const comments = element_comments_map[selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.id];
+    const unresolvedComments = comments && comments.filter(item => !item.resolved);
+    const hasComments = unresolvedComments && unresolvedComments.length > 0;
     if (hasComments) {
       setIsShowComments(true);
       setComments(comments);
@@ -42,21 +37,17 @@ var EditorComment = function EditorComment(_ref) {
     setComments([]);
     setIsShowComments(false);
   }, [element_comments_map, selectionElement, editor.selection]);
-  var cursor = useCursorPosition();
-  var style = useMemo(function () {
+  const cursor = useCursorPosition();
+  const style = useMemo(() => {
     var _Node$string;
-    if (selectionElement && ((_Node$string = Node.string(selectionElement)) === null || _Node$string === void 0 ? void 0 : _Node$string.length) === 0 && !selectionElement.children.find(function (n) {
-      return n.type === ELEMENT_TYPE.IMAGE;
-    })) {
+    if (selectionElement && ((_Node$string = Node.string(selectionElement)) === null || _Node$string === void 0 ? void 0 : _Node$string.length) === 0 && !selectionElement.children.find(n => n.type === ELEMENT_TYPE.IMAGE)) {
       return {
         top: '-99999px'
       };
     }
-    var comments = element_comments_map[selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.id];
-    var unresolvedComments = comments && comments.filter(function (item) {
-      return !item.resolved;
-    });
-    var hasComments = unresolvedComments && unresolvedComments.length > 0;
+    const comments = element_comments_map[selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.id];
+    const unresolvedComments = comments && comments.filter(item => !item.resolved);
+    const hasComments = unresolvedComments && unresolvedComments.length > 0;
     if (hasComments) return {
       top: '-99999px'
     };
@@ -67,7 +58,7 @@ var EditorComment = function EditorComment(_ref) {
       top: cursor.y
     };
   }, [cursor, isShowComments, selectionElement, element_comments_map]);
-  var hiddenComment = useCallback(function () {
+  const hiddenComment = useCallback(() => {
     setComments([]);
     setIsShowComments(false);
   }, []);

package/dist/basic-sdk/comment/components/elements-comment-count/element-comment-count.js

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useState } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
 import { Editor } from '@seafile/slate';
@@ -7,39 +6,38 @@ import { useScrollContext } from '../../../hooks/use-scroll-context';
 import { getElementCommentCountTop } from '../../helper';
 import { eventStopPropagation } from '../../../utils/mouse-event';
 import { ELEMENT_TYPE } from '../../../extension/constants';
-var ElementCommentCount = function ElementCommentCount(_ref) {
-  var elementId = _ref.elementId,
-    commentsCount = _ref.commentsCount;
-  var editor = useSlateStatic();
-  var element = getNodeById(editor.children, elementId);
-  var scrollRef = useScrollContext();
-  var _useState = useState(-9999),
-    _useState2 = _slicedToArray(_useState, 2),
-    top = _useState2[0],
-    setTop = _useState2[1];
-  var onClick = useCallback(function (event) {
+const ElementCommentCount = _ref => {
+  let {
+    elementId,
+    commentsCount
+  } = _ref;
+  const editor = useSlateStatic();
+  const element = getNodeById(editor.children, elementId);
+  const scrollRef = useScrollContext();
+  const [top, setTop] = useState(-9999);
+  const onClick = useCallback(event => {
     eventStopPropagation(event);
-    var path = findPath(editor, element);
-    var endOfFirstNode = Editor.end(editor, path);
-    var startOfFirstNode = Editor.start(editor, path);
-    var range = {
+    const path = findPath(editor, element);
+    const endOfFirstNode = Editor.end(editor, path);
+    const startOfFirstNode = Editor.start(editor, path);
+    const range = {
       anchor: [ELEMENT_TYPE.LIST_ITEM, ELEMENT_TYPE.ORDERED_LIST, ELEMENT_TYPE.UNORDERED_LIST].includes(element.type) ? startOfFirstNode : endOfFirstNode,
       focus: endOfFirstNode
     };
     focusEditor(editor, range);
   }, [editor, element]);
-  useEffect(function () {
+  useEffect(() => {
     var _scrollRef$current;
     if (!element) return;
-    var scrollTop = (scrollRef === null || scrollRef === void 0 ? void 0 : (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollTop) || 0;
-    var newTop = getElementCommentCountTop(editor, element, scrollTop);
+    const scrollTop = (scrollRef === null || scrollRef === void 0 ? void 0 : (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollTop) || 0;
+    const newTop = getElementCommentCountTop(editor, element, scrollTop);
     setTop(newTop);
   }, [editor, elementId, element, scrollRef]);
   if (!element) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: "element-comments-count",
     style: {
-      top: top
+      top
     },
     onClick: onClick
   }, /*#__PURE__*/React.createElement("i", {

package/dist/basic-sdk/comment/components/elements-comment-count/index.js

@@ -1,18 +1,18 @@
 import React from 'react';
 import ElementCommentCount from './element-comment-count';
 import './index.css';
-var ElementsCommentCount = function ElementsCommentCount(_ref) {
-  var elementCommentsMap = _ref.elementCommentsMap;
+const ElementsCommentCount = _ref => {
+  let {
+    elementCommentsMap
+  } = _ref;
   if (!elementCommentsMap) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: "elements-comments-count"
-  }, Object.keys(elementCommentsMap).map(function (elementId) {
-    var comments = elementCommentsMap[elementId];
+  }, Object.keys(elementCommentsMap).map(elementId => {
+    const comments = elementCommentsMap[elementId];
     if (!Array.isArray(comments) || comments.length === 0) return null;
-    var unresolvedComment = comments.filter(function (item) {
-      return !item.resolved;
-    });
-    var unresolvedCommentCount = unresolvedComment.length;
+    const unresolvedComment = comments.filter(item => !item.resolved);
+    const unresolvedCommentCount = unresolvedComment.length;
     if (unresolvedCommentCount === 0) return null;
     return /*#__PURE__*/React.createElement(ElementCommentCount, {
       key: elementId,

package/dist/basic-sdk/comment/components/global-comment/global-comment-body-header.js

@@ -1,16 +1,18 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Dropdown, DropdownItem, DropdownMenu, DropdownToggle } from 'reactstrap';
 import { eventStopPropagation } from '../../../utils/mouse-event';
 import { COMMENT_TYPES } from '../../constants';
 import CommentAllParticipants from '../comment-all-participants';
-var CommentTypeDropdownItem = function CommentTypeDropdownItem(_ref) {
-  var type = _ref.type,
-    setCommentType = _ref.setCommentType;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var handleCommentTypeChanged = useCallback(function (event, type) {
+const CommentTypeDropdownItem = _ref => {
+  let {
+    type,
+    setCommentType
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const handleCommentTypeChanged = useCallback((event, type) => {
     eventStopPropagation(event);
     setCommentType(type);
 
@@ -19,22 +21,20 @@ var CommentTypeDropdownItem = function CommentTypeDropdownItem(_ref) {
   return /*#__PURE__*/React.createElement(DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     tag: 'div',
-    onClick: function onClick(event) {
-      return handleCommentTypeChanged(event, type);
-    }
+    onClick: event => handleCommentTypeChanged(event, type)
   }, t(type));
 };
-var GlobalCommentBodyHeader = function GlobalCommentBodyHeader(_ref2) {
-  var commentList = _ref2.commentList,
-    commentType = _ref2.commentType,
-    setCommentType = _ref2.setCommentType;
-  var _useTranslation2 = useTranslation(),
-    t = _useTranslation2.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDropdownOpen = _useState2[0],
-    setDropdownOpen = _useState2[1];
-  var commentTip = null;
+const GlobalCommentBodyHeader = _ref2 => {
+  let {
+    commentList,
+    commentType,
+    setCommentType
+  } = _ref2;
+  const {
+    t
+  } = useTranslation();
+  const [isDropdownOpen, setDropdownOpen] = useState(false);
+  let commentTip = null;
   if (commentList.length === 1) {
     commentTip = t('Total_1_comment');
   } else if (commentList.length > 1) {
@@ -42,7 +42,7 @@ var GlobalCommentBodyHeader = function GlobalCommentBodyHeader(_ref2) {
       count: commentList.length
     });
   }
-  var id = 'comment-type-controller';
+  const id = 'comment-type-controller';
   return /*#__PURE__*/React.createElement("div", {
     className: "comments-panel-body__header"
   }, /*#__PURE__*/React.createElement(CommentAllParticipants, null), /*#__PURE__*/React.createElement("div", {
@@ -52,9 +52,7 @@ var GlobalCommentBodyHeader = function GlobalCommentBodyHeader(_ref2) {
     className: "comment-type"
   }, /*#__PURE__*/React.createElement(Dropdown, {
     isOpen: isDropdownOpen,
-    toggle: function toggle() {
-      return setDropdownOpen(!isDropdownOpen);
-    }
+    toggle: () => setDropdownOpen(!isDropdownOpen)
   }, /*#__PURE__*/React.createElement(DropdownToggle, {
     tag: 'div',
     caret: true,