@seafile/sdoc-editor 0.3.6 → 0.3.7

package/dist/basic-sdk/views/published-revision-diff-viewer.js

@@ -1,53 +1,50 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useState } from 'react';
 import context from '../../context';
 import { getDiff } from '../utils/diff';
 import SDocViewer from './sdoc-viewer';
 import Loading from '../../components/loading';
 import '../../assets/css/diff-viewer.css';
-var PublishedRevisionDiffViewer = function PublishedRevisionDiffViewer(_ref) {
-  var isShowChanges = _ref.isShowChanges,
-    revisionContent = _ref.revisionContent,
-    didMountCallback = _ref.didMountCallback;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    isLoading = _useState2[0],
-    setIsLoading = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    diff = _useState4[0],
-    setDiff = _useState4[1];
-  useEffect(function () {
+const PublishedRevisionDiffViewer = _ref => {
+  let {
+    isShowChanges,
+    revisionContent,
+    didMountCallback
+  } = _ref;
+  const [isLoading, setIsLoading] = useState(true);
+  const [diff, setDiff] = useState(null);
+  useEffect(() => {
     setIsLoading(true);
     if (isShowChanges) {
       if (diff) {
         didMountCallback && didMountCallback(diff);
-        setTimeout(function () {
+        setTimeout(() => {
           setIsLoading(false);
         }, 1);
         return;
       }
-      context.getRevisionBaseVersionContent().then(function (res) {
-        var baseContentString = res.data.content;
-        var baseContent = JSON.parse(baseContentString);
-        var diff = getDiff(revisionContent, baseContent);
+      context.getRevisionBaseVersionContent().then(res => {
+        const {
+          content: baseContentString
+        } = res.data;
+        const baseContent = JSON.parse(baseContentString);
+        const diff = getDiff(revisionContent, baseContent);
         setDiff(diff);
         didMountCallback && didMountCallback(diff);
         setIsLoading(false);
-      }).catch(function (error) {
+      }).catch(error => {
         console.log('error');
         setIsLoading(false);
       });
       return;
     }
-    setTimeout(function () {
+    setTimeout(() => {
       setIsLoading(false);
     }, 1);
   }, [revisionContent, didMountCallback, isShowChanges, diff]);
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Loading, null);
   }
-  var document = {
+  const document = {
     children: isShowChanges && (diff === null || diff === void 0 ? void 0 : diff.value) || revisionContent.children
   };
   return /*#__PURE__*/React.createElement(SDocViewer, {

package/dist/basic-sdk/views/readonly-article.js

@@ -5,11 +5,13 @@ import { renderElement, renderLeaf } from '../extension';
 import { usePipDecorate } from '../decorates';
 import { SetNodeToDecorations } from '../highlight';
 import CommentWrapper from '../comment';
-var ReadOnlyArticle = function ReadOnlyArticle(_ref) {
-  var editor = _ref.editor,
-    slateValue = _ref.slateValue,
-    isShowComment = _ref.isShowComment;
-  var decorate = usePipDecorate(editor);
+const ReadOnlyArticle = _ref => {
+  let {
+    editor,
+    slateValue,
+    isShowComment
+  } = _ref;
+  const decorate = usePipDecorate(editor);
   return /*#__PURE__*/React.createElement(Slate, {
     editor: editor,
     value: slateValue

package/dist/basic-sdk/views/revision-diff-viewer.js

@@ -1,31 +1,28 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useState } from 'react';
 import context from '../../context';
 import { getDiff } from '../utils/diff';
 import SDocViewer from './sdoc-viewer';
 import Loading from '../../components/loading';
 import '../../assets/css/diff-viewer.css';
-var RevisionDiffViewer = function RevisionDiffViewer(_ref) {
-  var revisionContent = _ref.revisionContent,
-    didMountCallback = _ref.didMountCallback;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    isLoading = _useState2[0],
-    setIsLoading = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    diff = _useState4[0],
-    setDiff = _useState4[1];
-  useEffect(function () {
+const RevisionDiffViewer = _ref => {
+  let {
+    revisionContent,
+    didMountCallback
+  } = _ref;
+  const [isLoading, setIsLoading] = useState(true);
+  const [diff, setDiff] = useState(null);
+  useEffect(() => {
     setIsLoading(true);
-    context.getSeadocOriginFileContent().then(function (res) {
-      var originContentString = res.data.content;
-      var originContent = JSON.parse(originContentString);
-      var diff = getDiff(revisionContent, originContent);
+    context.getSeadocOriginFileContent().then(res => {
+      const {
+        content: originContentString
+      } = res.data;
+      const originContent = JSON.parse(originContentString);
+      const diff = getDiff(revisionContent, originContent);
       setDiff(diff);
       didMountCallback && didMountCallback(diff);
       setIsLoading(false);
-    }).catch(function (error) {
+    }).catch(error => {
       console.log('error');
       setIsLoading(false);
     });

package/dist/basic-sdk/views/sdoc-diff-viewer.js

@@ -3,13 +3,15 @@ import { getDiff } from '../utils/diff';
 import SDocViewer from './sdoc-viewer';
 import context from '../../context';
 import '../../assets/css/diff-viewer.css';
-var DiffViewer = function DiffViewer(_ref) {
-  var currentContent = _ref.currentContent,
-    lastContent = _ref.lastContent,
-    didMountCallback = _ref.didMountCallback;
+const DiffViewer = _ref => {
+  let {
+    currentContent,
+    lastContent,
+    didMountCallback
+  } = _ref;
   context.initApi();
-  var diff = getDiff(currentContent, lastContent);
-  useEffect(function () {
+  const diff = getDiff(currentContent, lastContent);
+  useEffect(() => {
     didMountCallback && didMountCallback(diff);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/basic-sdk/views/sdoc-viewer.js

@@ -6,13 +6,15 @@ import { EditorContainer, EditorContent } from '../layout';
 import ReadOnlyArticle from './readonly-article';
 import { ColorProvider } from '../hooks/use-color-context';
 import '../assets/css/simple-viewer.css';
-var SDocViewer = function SDocViewer(_ref) {
-  var editor = _ref.editor,
-    document = _ref.document,
-    showToolbar = _ref.showToolbar,
-    showOutline = _ref.showOutline;
-  var validEditor = editor || withNodeId(createDefaultEditor());
-  var slateValue = (document || generateDefaultDocContent()).children;
+const SDocViewer = _ref => {
+  let {
+    editor,
+    document,
+    showToolbar,
+    showOutline
+  } = _ref;
+  const validEditor = editor || withNodeId(createDefaultEditor());
+  const slateValue = (document || generateDefaultDocContent()).children;
   return /*#__PURE__*/React.createElement(EditorContainer, {
     editor: validEditor,
     readonly: true

package/dist/components/common-loading/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import './index.css';
-var CommonLoading = function CommonLoading() {
+const CommonLoading = () => {
   return /*#__PURE__*/React.createElement("span", {
     className: "common-loading-icon common-loading-tip"
   });

package/dist/components/doc-info/index.js

@@ -9,32 +9,34 @@ import DraftDropdown from '../draft-dropdown';
 import RevisionAvatar from '../../assets/images/revision-avatar.png';
 import FileTagQuickView from '../doc-operations/tag-operation/file-tag-quick-view';
 import './index.css';
-var DocInfo = function DocInfo(_ref) {
-  var t = _ref.t,
-    isStarred = _ref.isStarred,
-    isDraft = _ref.isDraft,
-    isEditMode = _ref.isEditMode,
-    _ref$isPublished = _ref.isPublished,
-    isPublished = _ref$isPublished === void 0 ? false : _ref$isPublished;
-  var onInternalLinkClick = useCallback(function () {
-    var eventBus = EventBus.getInstance();
+const DocInfo = _ref => {
+  let {
+    t,
+    isStarred,
+    isDraft,
+    isEditMode,
+    isPublished = false
+  } = _ref;
+  const onInternalLinkClick = useCallback(() => {
+    const eventBus = EventBus.getInstance();
     eventBus.dispatch(EXTERNAL_EVENT.INTERNAL_LINK_CLICK);
   }, []);
-  var toggleStar = useCallback(function () {
-    var eventBus = EventBus.getInstance();
+  const toggleStar = useCallback(() => {
+    const eventBus = EventBus.getInstance();
     eventBus.dispatch(EXTERNAL_EVENT.TOGGLE_STAR);
   }, []);
-  var jumpToSourceDoc = useCallback(function () {
-    var originFileURL = context.getSetting('originFileURL');
+  const jumpToSourceDoc = useCallback(() => {
+    const originFileURL = context.getSetting('originFileURL');
     window.open(originFileURL, '_blank');
   }, []);
-  var isSdocRevision = context.getSetting('isSdocRevision');
-  var docName = context.getSetting('docName');
-  var _context$getSettings = context.getSettings(),
-    isShowInternalLink = _context$getSettings.isShowInternalLink,
-    isStarIconShown = _context$getSettings.isStarIconShown,
-    isFreezed = _context$getSettings.isFreezed;
-  var docInfo = /*#__PURE__*/React.createElement(React.Fragment, null, isDraft && /*#__PURE__*/React.createElement(DraftDropdown, null), isStarIconShown && /*#__PURE__*/React.createElement("button", {
+  const isSdocRevision = context.getSetting('isSdocRevision');
+  const docName = context.getSetting('docName');
+  const {
+    isShowInternalLink,
+    isStarIconShown,
+    isFreezed
+  } = context.getSettings();
+  const docInfo = /*#__PURE__*/React.createElement(React.Fragment, null, isDraft && /*#__PURE__*/React.createElement(DraftDropdown, null), isStarIconShown && /*#__PURE__*/React.createElement("button", {
     className: "doc-icon sdocfont ".concat(isStarred ? 'sdoc-starred' : 'sdoc-unstarred', " border-0 p-0 bg-transparent"),
     title: isStarred ? t('Starred') : t('Unstarred'),
     "aria-label": isStarred ? t('Unstar') : t('Star'),
@@ -60,9 +62,9 @@ var DocInfo = function DocInfo(_ref) {
       className: "doc-name"
     }, docName), docInfo);
   }
-  var revisionCreatedAt = context.getSetting('revisionCreatedAt');
-  var oldDocName = context.getSetting('originFilename');
-  var revisionId = context.getSetting('revisionId');
+  const revisionCreatedAt = context.getSetting('revisionCreatedAt');
+  const oldDocName = context.getSetting('originFilename');
+  const revisionId = context.getSetting('revisionId');
   return /*#__PURE__*/React.createElement("div", {
     className: "sdoc-revision-info doc-info"
   }, /*#__PURE__*/React.createElement("div", {

package/dist/components/doc-operations/collaborators-operation/collaborators-popover.js

@@ -1,55 +1,42 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { withTranslation } from 'react-i18next';
 import { UncontrolledPopover, PopoverBody, PopoverHeader } from 'reactstrap';
 import '../../../assets/css/collaborator-popover.css';
-var CollaboratorsPopover = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(CollaboratorsPopover, _React$PureComponent);
-  var _super = _createSuper(CollaboratorsPopover);
-  function CollaboratorsPopover() {
-    _classCallCheck(this, CollaboratorsPopover);
-    return _super.apply(this, arguments);
+class CollaboratorsPopover extends React.PureComponent {
+  render() {
+    const {
+      t,
+      collaborators
+    } = this.props;
+    return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+      target: "collaborators",
+      placement: "bottom-end",
+      popperClassName: "collaborators-popover",
+      trigger: "legacy",
+      hideArrow: true,
+      fade: false,
+      security: "fixed"
+    }, /*#__PURE__*/React.createElement(PopoverHeader, {
+      className: "popover-header"
+    }, t('Online_members'), ' ', "(", collaborators.length, ")"), /*#__PURE__*/React.createElement(PopoverBody, {
+      className: "popover-container"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "content-list"
+    }, collaborators.map((item, index) => {
+      const name = index === 0 ? "".concat(item.name, " (").concat(t('Me'), ")") : item.name;
+      return /*#__PURE__*/React.createElement("div", {
+        key: index,
+        className: "collaborator-details"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "collaborator-tag"
+      }), /*#__PURE__*/React.createElement("img", {
+        className: "collaborator-avatar",
+        alt: name,
+        src: item.avatar_url
+      }), /*#__PURE__*/React.createElement("span", {
+        className: "collaborator-name"
+      }, name));
+    }))));
   }
-  _createClass(CollaboratorsPopover, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        t = _this$props.t,
-        collaborators = _this$props.collaborators;
-      return /*#__PURE__*/React.createElement(UncontrolledPopover, {
-        target: "collaborators",
-        placement: "bottom-end",
-        popperClassName: "collaborators-popover",
-        trigger: "legacy",
-        hideArrow: true,
-        fade: false,
-        security: "fixed"
-      }, /*#__PURE__*/React.createElement(PopoverHeader, {
-        className: "popover-header"
-      }, t('Online_members'), ' ', "(", collaborators.length, ")"), /*#__PURE__*/React.createElement(PopoverBody, {
-        className: "popover-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "content-list"
-      }, collaborators.map(function (item, index) {
-        var name = index === 0 ? "".concat(item.name, " (").concat(t('Me'), ")") : item.name;
-        return /*#__PURE__*/React.createElement("div", {
-          key: index,
-          className: "collaborator-details"
-        }, /*#__PURE__*/React.createElement("span", {
-          className: "collaborator-tag"
-        }), /*#__PURE__*/React.createElement("img", {
-          className: "collaborator-avatar",
-          alt: name,
-          src: item.avatar_url
-        }), /*#__PURE__*/React.createElement("span", {
-          className: "collaborator-name"
-        }, name));
-      }))));
-    }
-  }]);
-  return CollaboratorsPopover;
-}(React.PureComponent);
+}
 export default withTranslation('sdoc-editor')(CollaboratorsPopover);

package/dist/components/doc-operations/collaborators-operation/index.js

@@ -1,95 +1,77 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Fragment } from 'react';
 import { EventBus } from '../../../basic-sdk';
 import context from '../../../context';
 import CollaboratorsPopover from './collaborators-popover';
-var CollaboratorsOperation = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(CollaboratorsOperation, _React$PureComponent);
-  var _super = _createSuper(CollaboratorsOperation);
-  function CollaboratorsOperation(props) {
-    var _this;
-    _classCallCheck(this, CollaboratorsOperation);
-    _this = _super.call(this, props);
-    _this.onUserJoinRoom = function (userInfo) {
-      var collaborators = _this.state.collaborators;
-      var newCollaborators = collaborators.slice();
-      if (!newCollaborators.find(function (user) {
-        return user.username === userInfo.username;
-      })) {
+class CollaboratorsOperation extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.onUserJoinRoom = userInfo => {
+      const {
+        collaborators
+      } = this.state;
+      let newCollaborators = collaborators.slice();
+      if (!newCollaborators.find(user => user.username === userInfo.username)) {
         newCollaborators.push(userInfo);
-        _this.setState({
+        this.setState({
           collaborators: newCollaborators
         });
       }
     };
-    _this.onUserLeaveRoom = function (username) {
-      if (_this.currentUser.username === username) return;
-      var collaborators = _this.state.collaborators;
-      var newCollaborators = collaborators.slice();
-      if (newCollaborators.find(function (user) {
-        return user.username === username;
-      })) {
-        newCollaborators = newCollaborators.filter(function (user) {
-          return user.username !== username;
-        });
-        _this.setState({
+    this.onUserLeaveRoom = username => {
+      if (this.currentUser.username === username) return;
+      const {
+        collaborators
+      } = this.state;
+      let newCollaborators = collaborators.slice();
+      if (newCollaborators.find(user => user.username === username)) {
+        newCollaborators = newCollaborators.filter(user => user.username !== username);
+        this.setState({
           collaborators: newCollaborators
         });
       }
     };
-    var _userInfo = context.getUserInfo();
-    _this.state = {
+    const _userInfo = context.getUserInfo();
+    this.state = {
       collaborators: [_userInfo]
     };
-    _this.currentUser = _userInfo;
-    return _this;
+    this.currentUser = _userInfo;
   }
-  _createClass(CollaboratorsOperation, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      context.getCollaborators().then(function (res) {
-        var collaborators = res.data.collaborators;
+  componentDidMount() {
+    context.getCollaborators().then(res => {
+      const {
+        collaborators
+      } = res.data;
 
-        // delete current user and push it at first one
-        var currentUserIndex = collaborators.findIndex(function (user) {
-          return user.username === _this2.currentUser.username;
-        });
-        if (currentUserIndex > -1) {
-          collaborators.splice(currentUserIndex, 1);
-        }
-        collaborators.unshift(_this2.currentUser);
-        _this2.setState({
-          collaborators: collaborators
-        });
+      // delete current user and push it at first one
+      const currentUserIndex = collaborators.findIndex(user => user.username === this.currentUser.username);
+      if (currentUserIndex > -1) {
+        collaborators.splice(currentUserIndex, 1);
+      }
+      collaborators.unshift(this.currentUser);
+      this.setState({
+        collaborators
       });
-      var eventBus = EventBus.getInstance();
-      this.unsubscribeJoinEvent = eventBus.subscribe('join-room', this.onUserJoinRoom);
-      this.unsubscribeLeaveEvent = eventBus.subscribe('leave-room', this.onUserLeaveRoom);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.unsubscribeJoinEvent();
-      this.unsubscribeLeaveEvent();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var collaborators = this.state.collaborators;
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: "op-item",
-        id: "collaborators"
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "sdocfont sdoc-user mr-1"
-      }), collaborators.length), /*#__PURE__*/React.createElement(CollaboratorsPopover, {
-        collaborators: collaborators
-      }));
-    }
-  }]);
-  return CollaboratorsOperation;
-}(React.PureComponent);
+    });
+    const eventBus = EventBus.getInstance();
+    this.unsubscribeJoinEvent = eventBus.subscribe('join-room', this.onUserJoinRoom);
+    this.unsubscribeLeaveEvent = eventBus.subscribe('leave-room', this.onUserLeaveRoom);
+  }
+  componentWillUnmount() {
+    this.unsubscribeJoinEvent();
+    this.unsubscribeLeaveEvent();
+  }
+  render() {
+    const {
+      collaborators
+    } = this.state;
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
+      className: "op-item",
+      id: "collaborators"
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "sdocfont sdoc-user mr-1"
+    }), collaborators.length), /*#__PURE__*/React.createElement(CollaboratorsPopover, {
+      collaborators: collaborators
+    }));
+  }
+}
 export default CollaboratorsOperation;

package/dist/components/doc-operations/comments-operation/index.js

@@ -1,25 +1,19 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useState } from 'react';
 import { EventBus } from '../../../basic-sdk';
 import { eventStopPropagation } from '../../../basic-sdk/utils/mouse-event';
 import { INTERNAL_EVENT } from '../../../basic-sdk/constants';
 import './index.css';
 export default function CommentsOperation() {
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    unseenNotificationsCount = _useState2[0],
-    setUnseenNotificationsCount = _useState2[1];
-  var onCommentsToggle = useCallback(function (event) {
+  const [unseenNotificationsCount, setUnseenNotificationsCount] = useState(0);
+  const onCommentsToggle = useCallback(event => {
     eventStopPropagation(event);
-    var eventBus = EventBus.getInstance();
+    const eventBus = EventBus.getInstance();
     eventBus.dispatch(INTERNAL_EVENT.COMMENT_LIST_CLICK);
   }, []);
-  useEffect(function () {
-    var eventBus = EventBus.getInstance();
-    var unsubscribeUnseenNotificationsCount = eventBus.subscribe(INTERNAL_EVENT.UNSEEN_NOTIFICATIONS_COUNT, function (count) {
-      return setUnseenNotificationsCount(count);
-    });
-    return function () {
+  useEffect(() => {
+    const eventBus = EventBus.getInstance();
+    const unsubscribeUnseenNotificationsCount = eventBus.subscribe(INTERNAL_EVENT.UNSEEN_NOTIFICATIONS_COUNT, count => setUnseenNotificationsCount(count));
+    return () => {
       unsubscribeUnseenNotificationsCount();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/components/doc-operations/history-operation.js

@@ -1,10 +1,10 @@
 import React, { useCallback } from 'react';
 import context from '../../context';
-var HistoryOperation = function HistoryOperation() {
-  var docPerm = context.getSetting('docPerm');
-  var historyURL = context.getSetting('historyURL');
-  var isSdocRevision = context.getSetting('isSdocRevision');
-  var toggleHistory = useCallback(function (event) {
+const HistoryOperation = () => {
+  const docPerm = context.getSetting('docPerm');
+  const historyURL = context.getSetting('historyURL');
+  const isSdocRevision = context.getSetting('isSdocRevision');
+  const toggleHistory = useCallback(event => {
     event.stopPropagation();
     event.nativeEvent.stopImmediatePropagation();
     window.location.href = historyURL;

package/dist/components/doc-operations/index.js

@@ -10,15 +10,16 @@ import ShareOperation from './share-operation';
 import TagOperation from './tag-operation';
 import { isMobile } from '../../utils';
 import './style.css';
-var DocOperations = function DocOperations(_ref) {
-  var isShowChanges = _ref.isShowChanges,
-    _ref$isPublished = _ref.isPublished,
-    isPublished = _ref$isPublished === void 0 ? false : _ref$isPublished,
-    changes = _ref.changes,
-    handleViewChangesToggle = _ref.handleViewChangesToggle,
-    handleRevisionMerged = _ref.handleRevisionMerged,
-    handleRevisionPublished = _ref.handleRevisionPublished;
-  var isSdocRevision = context.getSetting('isSdocRevision');
+const DocOperations = _ref => {
+  let {
+    isShowChanges,
+    isPublished = false,
+    changes,
+    handleViewChangesToggle,
+    handleRevisionMerged,
+    handleRevisionPublished
+  } = _ref;
+  const isSdocRevision = context.getSetting('isSdocRevision');
   if (isMobile) {
     return /*#__PURE__*/React.createElement("div", {
       className: "doc-ops"