@seafile/seafile-editor 0.3.132 → 0.3.134

package/dist/components/{dialogs/add-formula-dialog.js → add-formula-dialog.js}

@@ -6,85 +6,104 @@ import React, { Fragment } from 'react';
 import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Input } from 'reactstrap';
 import { withTranslation } from 'react-i18next';
 import { Editor } from 'slate';
-import EditorContext from '../../containers/editor-context';
+import EditorBuilder from '../editor/editor-builder';
+
 var AddFormulaDialog = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(AddFormulaDialog, _React$PureComponent);
+
   var _super = _createSuper(AddFormulaDialog);
+
   function AddFormulaDialog(props) {
     var _this;
+
     _classCallCheck(this, AddFormulaDialog);
+
     _this = _super.call(this, props);
+
     _this.setInitialValue = function () {
-      var editor = EditorContext.getEditor();
+      var editor = EditorBuilder.getEditor();
       var nodes = Editor.match(editor, editor.selection, {
         type: 'formula'
       });
+
       if (nodes) {
         var data = nodes[0].data;
+
         _this.setState({
           formula: data.formula
         });
+
         _this.formulaNode = nodes;
       }
     };
+
     _this.handleFormulaChange = function (event) {
       _this.renderFormula(event.target.value);
+
       _this.setState({
         formula: event.target.value
       });
     };
+
     _this.renderFormula = function (formula) {
       _this.formulaPreviewer.innerHTML = '';
       var dom = window.MathJax.tex2svg(formula);
+
       _this.formulaPreviewer.appendChild(dom);
     };
+
     _this.handleSubmit = function (event) {
       event.preventDefault();
       var formula = _this.state.formula;
+
       if (_this.formulaNode) {
         _this.editorUtils.setFormula({
           formula: formula,
           at: _this.formulaNode[1]
         });
       } else {
-        _this.editorUtils.addFormula({
+        _this.editorUtils.onAddFormula({
           formula: formula,
           at: _this.editorSelection
         });
       }
+
       _this.props.toggleFormulaDialog();
     };
+
+    _this.editorUtils = EditorBuilder.getEditorUtils();
     _this.state = {
       formula: ''
     };
     _this.formulaNode = null;
     _this.editorSelection = null;
-    _this.editorUtils = EditorContext.getEditorUtils();
     return _this;
   }
+
   _createClass(AddFormulaDialog, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
-      this.setInitialValue();
-    }
-  }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var editor = EditorContext.getEditor();
+      var editor = EditorBuilder.getEditor();
       this.editorSelection = editor.selection;
+
       if (this.formulaNode) {
         this.renderFormula(this.state.formula);
       }
     }
+  }, {
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      this.setInitialValue();
+    }
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
+
       return /*#__PURE__*/React.createElement(Modal, {
         isOpen: true,
         toggle: this.props.toggleFormulaDialog,
-        className: this.props.className,
-        returnFocusAfterClose: false
+        className: this.props.className
       }, /*#__PURE__*/React.createElement(ModalHeader, {
         toggle: this.props.toggleFormulaDialog
       }, this.props.t('insert_formula')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -111,6 +130,8 @@ var AddFormulaDialog = /*#__PURE__*/function (_React$PureComponent) {
       }, this.props.t('insert_formula'))));
     }
   }]);
+
   return AddFormulaDialog;
 }(React.PureComponent);
+
 export default withTranslation('seafile-editor')(AddFormulaDialog);

package/dist/components/{dialogs/add-image-dialog.js → add-image-dialog.js}

@@ -5,36 +5,46 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup, Label, Input } from 'reactstrap';
 import { withTranslation } from 'react-i18next';
-import EditorContext from '../../containers/editor-context';
+import EditorBuilder from '../editor/editor-builder';
+
 var AddImageDialog = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(AddImageDialog, _React$PureComponent);
+
   var _super = _createSuper(AddImageDialog);
+
   function AddImageDialog(props) {
     var _this;
+
     _classCallCheck(this, AddImageDialog);
+
     _this = _super.call(this, props);
+
     _this.handleUrlChange = function (event) {
       _this.setState({
         url: event.target.value
       });
     };
+
     _this.handleSubmit = function (event) {
       _this.props.insertImage({
         url: _this.state.url,
         selection: _this.editorSelection
       });
+
       _this.props.onToggleImageDialog();
     };
+
     _this.state = {
       url: ''
     };
     _this.editorSelection = null;
     return _this;
   }
+
   _createClass(AddImageDialog, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var editor = EditorContext.getEditor();
+      var editor = EditorBuilder.getEditor();
       this.editorSelection = editor.selection;
     }
   }, {
@@ -64,6 +74,8 @@ var AddImageDialog = /*#__PURE__*/function (_React$PureComponent) {
       }, this.props.t('submit')), ' '));
     }
   }]);
+
   return AddImageDialog;
 }(React.PureComponent);
+
 export default withTranslation('seafile-editor')(AddImageDialog);

package/dist/components/{dialogs/add-link-dialog.js → add-link-dialog.js}

@@ -5,18 +5,26 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Fragment } from 'react';
 import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
 import { withTranslation } from 'react-i18next';
-import EditorContext from '../../containers/editor-context';
+import EditorBuilder from '../editor/editor-builder';
+
 var AddLinkDialog = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(AddLinkDialog, _React$PureComponent);
+
   var _super = _createSuper(AddLinkDialog);
+
   function AddLinkDialog(props) {
     var _this;
+
     _classCallCheck(this, AddLinkDialog);
+
     _this = _super.call(this, props);
+
     _this.setInitialValue = function () {
       var text = _this.editorUtils.getSelectedText();
+
       if (_this.isLinkActive) {
         var linkNode = _this.editorUtils.getCurrentLinkNode();
+
         _this.setState({
           title: _this.editorUtils.getLinkText(linkNode),
           url: linkNode.data.href
@@ -28,19 +36,23 @@ var AddLinkDialog = /*#__PURE__*/function (_React$PureComponent) {
         });
       }
     };
+
     _this.handleUrlChange = function (event) {
       _this.setState({
         url: event.target.value
       });
     };
+
     _this.handleTitleChange = function (event) {
       _this.setState({
         title: event.target.value
       });
     };
+
     _this.handleSubmit = function (event) {
       event.preventDefault();
       if (_this.state.title.length === 0 || _this.state.url.length === 0) return;
+
       if (!_this.isLinkActive) {
         _this.editorUtils.insertLink({
           text: _this.state.title,
@@ -54,14 +66,17 @@ var AddLinkDialog = /*#__PURE__*/function (_React$PureComponent) {
           selection: _this.editorSelection
         });
       }
+
       _this.props.toggleLinkDialog();
     };
+
     _this.onKeyDown = function (e) {
       if (e.keyCode === 13) {
         _this.handleSubmit(e);
       }
     };
-    _this.editorUtils = EditorContext.getEditorUtils();
+
+    _this.editorUtils = EditorBuilder.getEditorUtils();
     _this.isLinkActive = _this.editorUtils.isLinkActive();
     _this.editorSelection = null;
     _this.state = {
@@ -70,17 +85,18 @@ var AddLinkDialog = /*#__PURE__*/function (_React$PureComponent) {
     };
     return _this;
   }
+
   _createClass(AddLinkDialog, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
-      this.setInitialValue();
-    }
-  }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var editor = EditorContext.getEditor();
+      var editor = EditorBuilder.getEditor();
       this.editorSelection = editor.selection;
     }
+  }, {
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      this.setInitialValue();
+    }
   }, {
     key: "render",
     value: function render() {
@@ -89,8 +105,7 @@ var AddLinkDialog = /*#__PURE__*/function (_React$PureComponent) {
         autoFocus: false,
         toggle: this.props.toggleLinkDialog,
         className: this.props.className,
-        zIndex: 1071,
-        returnFocusAfterClose: false
+        zIndex: 1071
       }, /*#__PURE__*/React.createElement(ModalHeader, {
         toggle: this.props.toggleLinkDialog
       }, this.props.t('insert_link')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -128,6 +143,8 @@ var AddLinkDialog = /*#__PURE__*/function (_React$PureComponent) {
       }, this.props.t('add_link'))));
     }
   }]);
+
   return AddLinkDialog;
 }(React.PureComponent);
+
 export default withTranslation('seafile-editor')(AddLinkDialog);

package/dist/components/click-outside.js

@@ -3,26 +3,36 @@ 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';
+
 var ClickOutside = /*#__PURE__*/function (_React$Component) {
   _inherits(ClickOutside, _React$Component);
+
   var _super = _createSuper(ClickOutside);
+
   function ClickOutside(props) {
     var _this;
+
     _classCallCheck(this, ClickOutside);
+
     _this = _super.call(this, props);
+
     _this.handleDocumentMouseDown = function () {
       if (_this.isClickedInside) {
         _this.isClickedInside = false;
         return;
       }
+
       _this.props.clickOutside();
     };
+
     _this.handleMouseDown = function (e) {
       _this.isClickedInside = true;
     };
+
     _this.isClickedInside = false;
     return _this;
   }
+
   _createClass(ClickOutside, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -41,6 +51,8 @@ var ClickOutside = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
+
   return ClickOutside;
 }(React.Component);
+
 export default ClickOutside;

package/dist/components/{dialogs/comment-dialog.js → comment-dialog.js}

@@ -5,48 +5,62 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { withTranslation } from 'react-i18next';
 import { Button } from 'reactstrap';
-import { processor } from '../../utils/seafile-markdown2html';
-import '../../assets/css/comment-dialog.css';
+import { processor } from '../utils/seafile-markdown2html';
+import '../assets/css/comment-dialog.css';
+
 var CommentDialog = /*#__PURE__*/function (_React$Component) {
   _inherits(CommentDialog, _React$Component);
+
   var _super = _createSuper(CommentDialog);
+
   function CommentDialog(props) {
     var _this;
+
     _classCallCheck(this, CommentDialog);
+
     _this = _super.call(this, props);
+
     _this.handleCommentChange = function (event) {
       var comment = event.target.value;
+
       _this.setState({
         comment: comment
       });
     };
+
     _this.submitComment = function () {
       var comment = _this.state.comment.trim();
+
       if (comment.length > 0 && _this.props.quote.length > 0) {
         var detail = {
           quote: _this.props.quote,
           position: _this.props.commentPosition
         };
         var detailJSON = JSON.stringify(detail);
+
         _this.props.editorApi.postComment(comment, detailJSON).then(function (res) {
           _this.props.onCommentAdded();
         });
       }
     };
+
     _this.setQuoteText = function (mdQuote) {
       processor.process(mdQuote).then(function (result) {
         var quote = String(result);
+
         _this.setState({
           quote: quote
         });
       });
     };
+
     _this.state = {
       comment: '',
       quote: ''
     };
     return _this;
   }
+
   _createClass(CommentDialog, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -64,8 +78,8 @@ var CommentDialog = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var t = this.props.t;
       var _this$state = this.state,
-        comment = _this$state.comment,
-        quote = _this$state.quote;
+          comment = _this$state.comment,
+          quote = _this$state.quote;
       return /*#__PURE__*/React.createElement("div", {
         className: "seafile-editor-comment comment-dialog"
       }, /*#__PURE__*/React.createElement("div", null, this.props.editorApi.name), /*#__PURE__*/React.createElement("blockquote", {
@@ -92,6 +106,8 @@ var CommentDialog = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
+
   return CommentDialog;
 }(React.Component);
+
 export default withTranslation('seafile-editor')(CommentDialog);

package/dist/components/context-menu.js

@@ -4,26 +4,36 @@ 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';
+
 var ContextMenu = /*#__PURE__*/function (_React$Component) {
   _inherits(ContextMenu, _React$Component);
+
   var _super = _createSuper(ContextMenu);
+
   function ContextMenu(props) {
     var _this;
+
     _classCallCheck(this, ContextMenu);
+
     _this = _super.call(this, props);
+
     _this.setMenuPosition = function () {
-      var menuHeight = _this.menu.offsetHeight;
-      // get height of context menu when the menu is drawing completed in this page
+      var menuHeight = _this.menu.offsetHeight; // get height of context menu when the menu is drawing completed in this page
+
       if (menuHeight === 0) {
         requestAnimationFrame(_this.setMenuPosition);
       }
+
       var top = 0;
+
       if (_this.position.top + menuHeight > document.body.clientHeight) {
         top = document.body.clientHeight - menuHeight - 5;
       } else {
         top = _this.position.top;
       }
+
       var left = _this.position.left + 3;
+
       _this.setState({
         contextStyle: {
           top: top,
@@ -33,12 +43,14 @@ var ContextMenu = /*#__PURE__*/function (_React$Component) {
         }
       });
     };
+
+    _this.tableUtils = props.tableUtils;
     _this.state = {
       contextStyle: {}
     };
-    _this.tableUtils = props.tableUtils;
     return _this;
   }
+
   _createClass(ContextMenu, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -54,6 +66,7 @@ var ContextMenu = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
+
       return /*#__PURE__*/React.createElement("div", {
         role: 'menu',
         style: this.state.contextStyle,
@@ -92,6 +105,8 @@ var ContextMenu = /*#__PURE__*/function (_React$Component) {
       }, this.props.t('Remove_Column')));
     }
   }]);
+
   return ContextMenu;
 }(React.Component);
+
 export default withTranslation('seafile-editor')(ContextMenu);

package/dist/components/error-boundary.js

@@ -3,13 +3,18 @@ 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, { Children } from 'react';
+
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorBoundary, _React$Component);
+
   var _super = _createSuper(ErrorBoundary);
+
   function ErrorBoundary() {
     _classCallCheck(this, ErrorBoundary);
+
     return _super.apply(this, arguments);
   }
+
   _createClass(ErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error) {
@@ -23,6 +28,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       return children;
     }
   }]);
+
   return ErrorBoundary;
 }(React.Component);
+
 export default ErrorBoundary;

package/dist/components/loading.js

@@ -3,13 +3,18 @@ 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';
+
 var Loading = /*#__PURE__*/function (_React$Component) {
   _inherits(Loading, _React$Component);
+
   var _super = _createSuper(Loading);
+
   function Loading() {
     _classCallCheck(this, Loading);
+
     return _super.apply(this, arguments);
   }
+
   _createClass(Loading, [{
     key: "render",
     value: function render() {
@@ -20,6 +25,8 @@ var Loading = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null)));
     }
   }]);
+
   return Loading;
 }(React.Component);
+
 export default Loading;

package/dist/components/markdown-lint.js

@@ -4,30 +4,42 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import '../assets/css/issue-card.css';
+
 var MarkdownLint = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(MarkdownLint, _React$PureComponent);
+
   var _super = _createSuper(MarkdownLint);
+
   function MarkdownLint() {
     var _this;
+
     _classCallCheck(this, MarkdownLint);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _super.call.apply(_super, [this].concat(args));
+
     _this.onClickCard = function (event, key) {
       if (_this.props.document[key]) {
         var node = _this.props.document[key];
         node.key = key;
+
         _this.props.scrollToNode(node);
       }
     };
+
     return _this;
   }
+
   _createClass(MarkdownLint, [{
     key: "render",
     value: function render() {
       var _this2 = this;
+
       var issueCards = [];
+
       if (this.props.issues.issue_list.length > 0) {
         this.props.issues.issue_list.map(function (issue, index) {
           if (issue.detail) {
@@ -57,9 +69,11 @@ var MarkdownLint = /*#__PURE__*/function (_React$PureComponent) {
             }, _this2.props.markdownLint[issue.issue_code].description));
             issueCards.push(card);
           }
+
           return true;
         });
       }
+
       return /*#__PURE__*/React.createElement("div", {
         className: 'issue-container'
       }, issueCards.length > 0 ? issueCards : /*#__PURE__*/React.createElement("div", {
@@ -67,6 +81,8 @@ var MarkdownLint = /*#__PURE__*/function (_React$PureComponent) {
       }, this.props.t('no_document_improvement_suggestion')));
     }
   }]);
+
   return MarkdownLint;
 }(React.PureComponent);
+
 export default MarkdownLint;

package/dist/components/menu/item.js

@@ -5,29 +5,38 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import CheckMarkIcon from '../svg-icons/check-mark-icon';
 import './style.css';
+
 var MenuItem = /*#__PURE__*/function (_React$Component) {
   _inherits(MenuItem, _React$Component);
+
   var _super = _createSuper(MenuItem);
+
   function MenuItem() {
     var _this;
+
     _classCallCheck(this, MenuItem);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _super.call.apply(_super, [this].concat(args));
+
     _this.onClick = function (e) {
       _this.props.onClick(e);
     };
+
     return _this;
   }
+
   _createClass(MenuItem, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        children = _this$props.children,
-        itemClass = _this$props.itemClass,
-        iconClass = _this$props.iconClass,
-        isChecked = _this$props.isChecked;
+          children = _this$props.children,
+          itemClass = _this$props.itemClass,
+          iconClass = _this$props.iconClass,
+          isChecked = _this$props.isChecked;
       var containerClass = "seafile-menu-item ".concat(itemClass || '');
       var itemIconClass = "menu-item-icon ".concat(iconClass || '');
       return /*#__PURE__*/React.createElement("span", {
@@ -44,6 +53,8 @@ var MenuItem = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
+
   return MenuItem;
 }(React.Component);
+
 export default MenuItem;