@seafile/sdoc-editor 0.3.6 → 0.3.7

package/dist/components/tip-dialog/index.js

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Modal, ModalHeader, ModalBody, ModalFooter, Button } from 'reactstrap';
@@ -7,28 +6,27 @@ import { TIP_TYPE, TIP_TITLE, TIP_CONTENT } from '../../constants';
 import CommonLoading from '../common-loading';
 import ContentReplaced from '../../assets/images/content-replaced.png';
 import './index.css';
-var NOT_CLOSE_DIALOG_TIP_TYPE = [TIP_TYPE.HAS_BEEN_REPLACED, TIP_TYPE.HAS_BEEN_PUBLISHED, TIP_TYPE.CHECKING, TIP_TYPE.PUBLISHING];
-var TipDialog = function TipDialog(_ref) {
-  var className = _ref.className,
-    tipType = _ref.tipType,
-    onClose = _ref.onClose,
-    propsOnSubmit = _ref.onSubmit,
-    _ref$zIndex = _ref.zIndex,
-    zIndex = _ref$zIndex === void 0 ? 1071 : _ref$zIndex,
-    children = _ref.children;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSubmitting = _useState2[0],
-    setSubmitting = _useState2[1];
-  var closeDialog = useCallback(function () {
+const NOT_CLOSE_DIALOG_TIP_TYPE = [TIP_TYPE.HAS_BEEN_REPLACED, TIP_TYPE.HAS_BEEN_PUBLISHED, TIP_TYPE.CHECKING, TIP_TYPE.PUBLISHING];
+const TipDialog = _ref => {
+  let {
+    className,
+    tipType,
+    onClose,
+    onSubmit: propsOnSubmit,
+    zIndex = 1071,
+    children
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const [isSubmitting, setSubmitting] = useState();
+  const closeDialog = useCallback(() => {
     if (NOT_CLOSE_DIALOG_TIP_TYPE.includes(tipType)) return;
     if (isSubmitting) return;
     onClose && onClose();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [tipType, isSubmitting]);
-  var onSubmit = useCallback(function () {
+  const onSubmit = useCallback(() => {
     if (tipType === TIP_TYPE.HAS_CONFLICT_BEFORE_VIEW_CHANGES) {
       closeDialog();
       return;
@@ -36,20 +34,20 @@ var TipDialog = function TipDialog(_ref) {
     setSubmitting(true);
     propsOnSubmit && propsOnSubmit();
   }, [closeDialog, propsOnSubmit, tipType]);
-  useEffect(function () {
+  useEffect(() => {
     if (isSubmitting) {
-      var timer = setTimeout(function () {
+      const timer = setTimeout(() => {
         setSubmitting(false);
       }, 3000);
-      return function () {
+      return () => {
         clearTimeout(timer);
       };
     }
   }, [isSubmitting]);
-  var refreshPage = useCallback(function () {
+  const refreshPage = useCallback(() => {
     window.location.reload();
   }, []);
-  var renderTip = useCallback(function () {
+  const renderTip = useCallback(() => {
     if (tipType === TIP_TYPE.HAS_BEEN_REPLACED) {
       return /*#__PURE__*/React.createElement("div", {
         className: "sdoc-tip-dialog-custom-container"

package/dist/components/tip-message/index.js

@@ -1,67 +1,70 @@
-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 dayjs from 'dayjs';
 import { EventBus } from '../../basic-sdk';
 import toaster from '../toast';
 import './style.css';
-var TipMessage = /*#__PURE__*/function (_React$Component) {
-  _inherits(TipMessage, _React$Component);
-  var _super = _createSuper(TipMessage);
-  function TipMessage(props) {
-    var _this;
-    _classCallCheck(this, TipMessage);
-    _this = _super.call(this, props);
-    _this.onOperationExecuteError = function () {
-      var t = _this.props.t;
-      var message = t('Failed_to_execute_operation_on_server');
+class TipMessage extends React.Component {
+  constructor(props) {
+    super(props);
+    this.onOperationExecuteError = () => {
+      const {
+        t
+      } = this.props;
+      const message = t('Failed_to_execute_operation_on_server');
       toaster.warning(message, {
         hasCloseButton: true
       });
     };
-    _this.onSyncServerOperationError = function () {
-      var t = _this.props.t;
-      var message = t('Failed_to_sync_with_server_operations');
+    this.onSyncServerOperationError = () => {
+      const {
+        t
+      } = this.props;
+      const message = t('Failed_to_sync_with_server_operations');
       toaster.danger(message, {
         hasCloseButton: false,
         duration: null
       });
     };
-    _this.onInternalServerExecError = function () {
-      var t = _this.props.t;
-      var message = t('Internal_server_exec_operations_error');
+    this.onInternalServerExecError = () => {
+      const {
+        t
+      } = this.props;
+      const message = t('Internal_server_exec_operations_error');
       toaster.danger(message, {
         hasCloseButton: false,
         duration: null
       });
     };
-    _this.onPendingOpExceedLimit = function () {
-      var t = _this.props.t;
+    this.onPendingOpExceedLimit = () => {
+      const {
+        t
+      } = this.props;
       toaster.closeAll();
-      var message = t('Pending_operations_exceed_limit');
+      const message = t('Pending_operations_exceed_limit');
       toaster.warning(message, {
         duration: 5
       });
     };
-    _this.onDisconnect = function () {
-      var _this$props = _this.props,
-        t = _this$props.t,
-        isEditMode = _this$props.isEditMode;
+    this.onDisconnect = () => {
+      const {
+        t,
+        isEditMode
+      } = this.props;
       if (!isEditMode) return;
-      var message = t('Server_is_not_connected_Operation_will_be_sent_to_server_later');
+      const message = t('Server_is_not_connected_Operation_will_be_sent_to_server_later');
       toaster.warning(message, {
         hasCloseButton: true,
         duration: null
       });
     };
-    _this.onReconnectError = function () {
-      if (!_this.isConnectError) {
-        _this.isConnectError = true;
-        var t = _this.props.t;
-        var message = t('Server_is_disconnected_Reconnecting');
+    this.onReconnectError = () => {
+      if (!this.isConnectError) {
+        this.isConnectError = true;
+        const {
+          t
+        } = this.props;
+        const message = t('Server_is_disconnected_Reconnecting');
         toaster.closeAll();
         toaster.warning(message, {
           hasCloseButton: true,
@@ -69,42 +72,47 @@ var TipMessage = /*#__PURE__*/function (_React$Component) {
         });
       }
     };
-    _this.onReconnect = function () {
-      _this.isConnectError = false;
-      var t = _this.props.t;
-      var message = t('Server_is_reconnected');
+    this.onReconnect = () => {
+      this.isConnectError = false;
+      const {
+        t
+      } = this.props;
+      const message = t('Server_is_reconnected');
       toaster.closeAll();
       toaster.success(message); // close after serval seconds
     };
-    _this.onDocumentSaving = function () {
-      _this.setState({
+    this.onDocumentSaving = () => {
+      this.setState({
         isSaving: true,
         isSaved: false
       });
     };
-    _this.onDocumentSaved = function (lastSavedAt) {
-      if (_this.saveTimer) clearTimeout(_this.saveTimer);
-      if (_this.resetTimer) clearTimeout(_this.resetTimer);
-      _this.saveTimer = setTimeout(function () {
-        _this.setState({
-          lastSavedAt: lastSavedAt,
+    this.onDocumentSaved = lastSavedAt => {
+      if (this.saveTimer) clearTimeout(this.saveTimer);
+      if (this.resetTimer) clearTimeout(this.resetTimer);
+      this.saveTimer = setTimeout(() => {
+        this.setState({
+          lastSavedAt,
           isSaving: false,
           isSaved: true
         });
       }, 1000);
-      _this.resetTimer = setTimeout(function () {
-        _this.setState({
+      this.resetTimer = setTimeout(() => {
+        this.setState({
           isSaving: false,
           isSaved: false
         });
       }, 2000);
     };
-    _this.render = function () {
-      var t = _this.props.t;
-      var _this$state = _this.state,
-        isSaved = _this$state.isSaved,
-        isSaving = _this$state.isSaving,
-        lastSavedAt = _this$state.lastSavedAt;
+    this.render = () => {
+      const {
+        t
+      } = this.props;
+      const {
+        isSaved,
+        isSaving,
+        lastSavedAt
+      } = this.state;
       if (isSaving && !isSaved) {
         return /*#__PURE__*/React.createElement("span", {
           className: "tip-message"
@@ -126,50 +134,43 @@ var TipMessage = /*#__PURE__*/function (_React$Component) {
       }
       return null;
     };
-    _this.state = {
+    this.state = {
       isSaved: false,
       isSaving: false,
       lastSavedAt: ''
     };
-    _this.saveTimer = null;
-    return _this;
+    this.saveTimer = null;
   }
-  _createClass(TipMessage, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var eventBus = EventBus.getInstance();
-      this.unsubscribeSavingEvent = eventBus.subscribe('is-saving', this.onDocumentSaving);
-      this.unsubscribeSavedEvent = eventBus.subscribe('saved', this.onDocumentSaved);
-      // offline reconnect
-      this.unsubscribeDisconnectEvent = eventBus.subscribe('disconnect', this.onDisconnect);
-      this.unsubscribeReconnectErrorEvent = eventBus.subscribe('reconnect_error', this.onReconnectError);
-      this.unsubscribeReconnectEvent = eventBus.subscribe('reconnect', this.onReconnect);
+  componentDidMount() {
+    const eventBus = EventBus.getInstance();
+    this.unsubscribeSavingEvent = eventBus.subscribe('is-saving', this.onDocumentSaving);
+    this.unsubscribeSavedEvent = eventBus.subscribe('saved', this.onDocumentSaved);
+    // offline reconnect
+    this.unsubscribeDisconnectEvent = eventBus.subscribe('disconnect', this.onDisconnect);
+    this.unsubscribeReconnectErrorEvent = eventBus.subscribe('reconnect_error', this.onReconnectError);
+    this.unsubscribeReconnectEvent = eventBus.subscribe('reconnect', this.onReconnect);
 
-      // server return error
-      this.unsubscribeOpExecError = eventBus.subscribe('execute_client_operations_error', this.onOperationExecuteError);
-      this.unsubscribeSyncServerOpError = eventBus.subscribe('sync_server_operations_error', this.onSyncServerOperationError);
-      this.unsubscribeDocumentLoadError = eventBus.subscribe('load_document_content_error', this.onInternalServerExecError);
-      this.unsubscribeOperationsSaveError = eventBus.subscribe('save_operations_to_database_error', this.onInternalServerExecError);
+    // server return error
+    this.unsubscribeOpExecError = eventBus.subscribe('execute_client_operations_error', this.onOperationExecuteError);
+    this.unsubscribeSyncServerOpError = eventBus.subscribe('sync_server_operations_error', this.onSyncServerOperationError);
+    this.unsubscribeDocumentLoadError = eventBus.subscribe('load_document_content_error', this.onInternalServerExecError);
+    this.unsubscribeOperationsSaveError = eventBus.subscribe('save_operations_to_database_error', this.onInternalServerExecError);
 
-      // local error
-      this.unsubscribePendingOpExceedLimit = eventBus.subscribe('pending_operations_exceed_limit', this.onPendingOpExceedLimit);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.unsubscribeSavingEvent();
-      this.unsubscribeSavedEvent();
-      this.unsubscribeDisconnectEvent();
-      this.unsubscribeReconnectErrorEvent();
-      this.unsubscribeReconnectEvent();
-      this.unsubscribeOpExecError();
-      this.unsubscribeSyncServerOpError();
-      this.unsubscribePendingOpExceedLimit();
-      this.unsubscribeDocumentLoadError();
-      this.unsubscribeOperationsSaveError();
-      clearTimeout(this.saveTimer);
-    }
-  }]);
-  return TipMessage;
-}(React.Component);
+    // local error
+    this.unsubscribePendingOpExceedLimit = eventBus.subscribe('pending_operations_exceed_limit', this.onPendingOpExceedLimit);
+  }
+  componentWillUnmount() {
+    this.unsubscribeSavingEvent();
+    this.unsubscribeSavedEvent();
+    this.unsubscribeDisconnectEvent();
+    this.unsubscribeReconnectErrorEvent();
+    this.unsubscribeReconnectEvent();
+    this.unsubscribeOpExecError();
+    this.unsubscribeSyncServerOpError();
+    this.unsubscribePendingOpExceedLimit();
+    this.unsubscribeDocumentLoadError();
+    this.unsubscribeOperationsSaveError();
+    clearTimeout(this.saveTimer);
+  }
+}
 export default withTranslation('sdoc-editor')(TipMessage);

package/dist/components/toast/alert.js

@@ -1,17 +1,9 @@
-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 { css } from 'glamor';
-var Alert = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(Alert, _React$PureComponent);
-  var _super = _createSuper(Alert);
-  function Alert(props) {
-    var _this;
-    _classCallCheck(this, Alert);
-    _this = _super.call(this, props);
-    _this.containerStyle = css({
+class Alert extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.containerStyle = css({
       borderRadius: '3px',
       backgroundColor: '#fff',
       padding: '10px 16px',
@@ -21,30 +13,30 @@ var Alert = /*#__PURE__*/function (_React$PureComponent) {
       justifyContent: 'space-between',
       flexDirection: 'row'
     });
-    _this.containerBorderSuccess = css({
+    this.containerBorderSuccess = css({
       borderLeft: '3px solid rgb(71, 184, 129)'
     });
-    _this.containerBorderWarn = css({
+    this.containerBorderWarn = css({
       borderLeft: '3px solid rgb(217, 130, 43)'
     });
-    _this.containerBorderDanger = css({
+    this.containerBorderDanger = css({
       borderLeft: '3px solid rgb(236, 76, 71)'
     });
-    _this.containerBorderNotify = css({
+    this.containerBorderNotify = css({
       borderLeft: '3px solid rgb(16, 112, 202)'
     });
-    _this.toastTextTitle = css({
+    this.toastTextTitle = css({
       fontWeight: '600',
       fontSize: '14px',
       color: '#435a6f',
       margin: '0'
     });
-    _this.toastTextChild = css({
+    this.toastTextChild = css({
       fontSize: '14px',
       color: '#999',
       margin: '0'
     });
-    _this.toastClose = css({
+    this.toastClose = css({
       marginLeft: '15px',
       height: '24px',
       width: '24px',
@@ -59,80 +51,73 @@ var Alert = /*#__PURE__*/function (_React$PureComponent) {
         opacity: 1
       }
     });
-    _this.toastIcon = css({
+    this.toastIcon = css({
       marginRight: '10px',
       width: '14px',
       height: '20px',
       lineHeight: '20px'
     });
-    return _this;
   }
-  _createClass(Alert, [{
-    key: "getContainerStyle",
-    value: function getContainerStyle(intent) {
-      switch (intent) {
-        case 'success':
-          return {
-            borderStyle: this.containerBorderSuccess,
-            iconColor: css({
-              color: 'rgb(71, 184, 129)'
-            }),
-            iconClass: 'sdocfont sdoc-check-circle'
-          };
-        case 'warning':
-          return {
-            borderStyle: this.containerBorderWarn,
-            iconColor: css({
-              color: 'rgb(217, 130, 43)'
-            }),
-            iconClass: 'sdocfont sdoc-exclamation-triangle'
-          };
-        case 'none':
-          return {
-            borderStyle: this.containerBorderNotify,
-            iconColor: css({
-              color: 'rgb(16, 112, 202)'
-            }),
-            iconClass: 'sdocfont sdoc-description'
-          };
-        case 'danger':
-          return {
-            borderStyle: this.containerBorderDanger,
-            iconColor: css({
-              color: 'rgb(236, 76, 71)'
-            }),
-            iconClass: 'sdocfont sdoc-exclamation-circle'
-          };
-        default:
-          return {
-            borderStyle: this.containerBorderSuccess,
-            iconColor: css({
-              color: 'rgb(71, 184, 129)'
-            }),
-            iconClass: 'sdocfont sdoc-check-circle'
-          };
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var toastStyle = this.getContainerStyle(this.props.intent);
-      return /*#__PURE__*/React.createElement("div", css(toastStyle.borderStyle, this.containerStyle), /*#__PURE__*/React.createElement("div", {
-        className: this.toastIcon
-      }, /*#__PURE__*/React.createElement("i", Object.assign({
-        className: toastStyle.iconClass
-      }, toastStyle.iconColor))), /*#__PURE__*/React.createElement("div", {
-        className: this.toastTextContainer
-      }, /*#__PURE__*/React.createElement("p", {
-        className: this.toastTextTitle
-      }, this.props.title), this.props.children ? /*#__PURE__*/React.createElement("p", {
-        className: this.toastTextChild
-      }, this.props.children) : null), this.props.isRemoveable && /*#__PURE__*/React.createElement("div", {
-        onClick: this.props.onRemove,
-        className: this.toastClose
-      }, /*#__PURE__*/React.createElement("span", null, "\xD7")));
+  getContainerStyle(intent) {
+    switch (intent) {
+      case 'success':
+        return {
+          borderStyle: this.containerBorderSuccess,
+          iconColor: css({
+            color: 'rgb(71, 184, 129)'
+          }),
+          iconClass: 'sdocfont sdoc-check-circle'
+        };
+      case 'warning':
+        return {
+          borderStyle: this.containerBorderWarn,
+          iconColor: css({
+            color: 'rgb(217, 130, 43)'
+          }),
+          iconClass: 'sdocfont sdoc-exclamation-triangle'
+        };
+      case 'none':
+        return {
+          borderStyle: this.containerBorderNotify,
+          iconColor: css({
+            color: 'rgb(16, 112, 202)'
+          }),
+          iconClass: 'sdocfont sdoc-description'
+        };
+      case 'danger':
+        return {
+          borderStyle: this.containerBorderDanger,
+          iconColor: css({
+            color: 'rgb(236, 76, 71)'
+          }),
+          iconClass: 'sdocfont sdoc-exclamation-circle'
+        };
+      default:
+        return {
+          borderStyle: this.containerBorderSuccess,
+          iconColor: css({
+            color: 'rgb(71, 184, 129)'
+          }),
+          iconClass: 'sdocfont sdoc-check-circle'
+        };
     }
-  }]);
-  return Alert;
-}(React.PureComponent);
+  }
+  render() {
+    const toastStyle = this.getContainerStyle(this.props.intent);
+    return /*#__PURE__*/React.createElement("div", css(toastStyle.borderStyle, this.containerStyle), /*#__PURE__*/React.createElement("div", {
+      className: this.toastIcon
+    }, /*#__PURE__*/React.createElement("i", Object.assign({
+      className: toastStyle.iconClass
+    }, toastStyle.iconColor))), /*#__PURE__*/React.createElement("div", {
+      className: this.toastTextContainer
+    }, /*#__PURE__*/React.createElement("p", {
+      className: this.toastTextTitle
+    }, this.props.title), this.props.children ? /*#__PURE__*/React.createElement("p", {
+      className: this.toastTextChild
+    }, this.props.children) : null), this.props.isRemoveable && /*#__PURE__*/React.createElement("div", {
+      onClick: this.props.onRemove,
+      className: this.toastClose
+    }, /*#__PURE__*/React.createElement("span", null, "\xD7")));
+  }
+}
 export default Alert;

package/dist/components/toast/index.js

@@ -1,3 +1,3 @@
 import Toaster from './toaster';
-var toaster = new Toaster();
+const toaster = new Toaster();
 export default toaster;