@seafile/seafile-editor 0.4.7 → 1.0.0

package/dist/components/dialogs/shortcut-dialog.js

@@ -1,131 +0,0 @@
-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 { Modal, ModalHeader, ModalBody } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-import '../../assets/css/keyboard-shortcuts.css';
-var isMac = window.navigator.platform.indexOf('Win') < 0 ? true : false;
-var controlKey = isMac ? '⌘' : 'CTRL';
-var KeyboardShortcuts = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(KeyboardShortcuts, _React$PureComponent);
-  var _super = _createSuper(KeyboardShortcuts);
-  function KeyboardShortcuts() {
-    var _this;
-    _classCallCheck(this, KeyboardShortcuts);
-    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.renderShortcut = function (keys) {
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: "keyboard-shortcut"
-      }, keys.map(function (key, index) {
-        return /*#__PURE__*/React.createElement("kbd", {
-          key: index
-        }, key);
-      })), /*#__PURE__*/React.createElement("br", null));
-    };
-    _this.renderContainer = function (keys, description) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-4"
-      }, _this.renderShortcut(keys)), /*#__PURE__*/React.createElement("div", {
-        className: "col-8"
-      }, description));
-    };
-    return _this;
-  }
-  _createClass(KeyboardShortcuts, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        t = _this$props.t,
-        toggleShortcutDialog = _this$props.toggleShortcutDialog,
-        userHelp = _this$props.userHelp;
-      var userHelpData = userHelp.userHelpData;
-      return /*#__PURE__*/React.createElement(Modal, {
-        isOpen: true,
-        toggle: toggleShortcutDialog,
-        className: "keyboard-shortcut-dialog",
-        zIndex: 1071
-      }, /*#__PURE__*/React.createElement(ModalHeader, {
-        toggle: toggleShortcutDialog
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "mr-2"
-      }, t(userHelp.title))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[1]['shortcutType'])), this.renderContainer(['#', 'space'], t(userHelpData[1].shortcutData['Heading_1'])), this.renderContainer(['##', 'space'], t(userHelpData[1].shortcutData['Heading_2'])), this.renderContainer(['###', 'space'], t(userHelpData[1].shortcutData['Heading_3'])), this.renderContainer(['####', 'space'], t(userHelpData[1].shortcutData['Heading_4'])), this.renderContainer(['#####', 'space'], t(userHelpData[1].shortcutData['Heading_5'])), this.renderContainer(['######', 'space'], t(userHelpData[1].shortcutData['Heading_6']))), /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[0]['shortcutType'])), /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-4"
-      }, this.renderShortcut(['*', 'space']), this.renderShortcut(['-', 'space'])), /*#__PURE__*/React.createElement("div", {
-        className: "col-8"
-      }, t(userHelpData[0].shortcutData['Make_list']))), /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-4"
-      }, this.renderShortcut(['1.', 'space'])), /*#__PURE__*/React.createElement("div", {
-        className: "col-8"
-      }, t(userHelpData[0].shortcutData['Make_ordered_list']))), this.renderContainer(['Tab'], t(userHelpData[0].shortcutData['Increase_depth'])), this.renderContainer(['Shift', 'Enter'], t(userHelpData[0].shortcutData['Insert_child_in_item'])), this.renderContainer(['Enter'], t(userHelpData[0].shortcutData['Insert_new_item']))), /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[6]['shortcutType'])), /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-4"
-      }, this.renderShortcut(['**bold**', 'space']), this.renderShortcut(['__bold__', 'space'])), /*#__PURE__*/React.createElement("div", {
-        className: "col-8"
-      }, t(userHelpData[6].shortcutData['Bold']))), /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-4"
-      }, this.renderShortcut(['*italic*', 'space']), this.renderShortcut(['_italic_', 'space'])), /*#__PURE__*/React.createElement("div", {
-        className: "col-8"
-      }, t(userHelpData[6].shortcutData['Italic']))), /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-4"
-      }, this.renderShortcut(['***italic***', 'space']), this.renderShortcut(['___italic___', 'space'])), /*#__PURE__*/React.createElement("div", {
-        className: "col-8"
-      }, t(userHelpData[6].shortcutData['Italic_Bold']))), this.renderContainer(['`code`', 'space'], t(userHelpData[6].shortcutData['Inline_code']))), /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[2]['shortcutType'])), /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "col-4"
-      }, this.renderShortcut(['```']), this.renderShortcut(['space*4'])), /*#__PURE__*/React.createElement("div", {
-        className: "col-8"
-      }, t(userHelpData[2].shortcutData['Make_code_block']))), this.renderContainer(['Tab'], t(userHelpData[2].shortcutData['Insert_indent'])), this.renderContainer(['Enter'], t(userHelpData[2].shortcutData['Insert_new_line'])), this.renderContainer([controlKey, 'Enter'], t(userHelpData[2].shortcutData['Escape_code_block']))), /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[3]['shortcutType'])), this.renderContainer(['>', 'space'], t(userHelpData[3].shortcutData['Make_Block_quote'])), this.renderContainer(['Enter'], t(userHelpData[3].shortcutData['Escape_Block_quote']))), /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[4]['shortcutType'])), this.renderContainer(['Enter'], t(userHelpData[4].shortcutData['Insert_Table_Row'])), this.renderContainer([controlKey, 'Enter'], t(userHelpData[4].shortcutData['Escape_table']))), /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[7]['shortcutType'])), this.renderContainer([controlKey, 's'], t(userHelpData[7].shortcutData['Save_file']))), /*#__PURE__*/React.createElement("div", {
-        className: "pb-2"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "keyboard-shortcut-title pb-1"
-      }, t(userHelpData[8]['shortcutType'])), this.renderContainer([controlKey, 'v'], t(userHelpData[8].shortcutData['Paste_screen_shot']))))));
-    }
-  }]);
-  return KeyboardShortcuts;
-}(React.PureComponent);
-export default withTranslation('dtable')(KeyboardShortcuts);

package/dist/components/error-boundary.js

@@ -1,28 +0,0 @@
-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, { 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) {
-      console.error(error);
-      this.forceUpdate();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var children = this.props.children;
-      return children;
-    }
-  }]);
-  return ErrorBoundary;
-}(React.Component);
-export default ErrorBoundary;

package/dist/components/load-script/index.js

@@ -1,69 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import Loading from '../loading';
-
-// load mathjax.js first before show editor
-var LoadScript = /*#__PURE__*/function (_React$Component) {
-  _inherits(LoadScript, _React$Component);
-  var _super = _createSuper(LoadScript);
-  function LoadScript(props) {
-    var _this;
-    _classCallCheck(this, LoadScript);
-    _this = _super.call(this, props);
-    // load mathjax 
-    _this.loadScript = function () {
-      if (!_this.props.scriptSource) return;
-      if (!document.querySelector('#mathjax')) {
-        var script = document.createElement('script');
-        script.src = _this.props.scriptSource;
-        script.id = 'mathjax';
-        document.body.appendChild(script);
-        script.onload = function () {
-          _this.setState({
-            isScriptLoaded: true
-          });
-        };
-      }
-    };
-    if (!props.scriptSource || window.MathJax) {
-      _this.state = {
-        isScriptLoaded: true
-      };
-      return _possibleConstructorReturn(_this);
-    }
-    window.canInsertFormula = true;
-    if (!window.MathJax) {
-      // config mathjax
-      window.MathJax = {
-        options: {
-          enableMenu: false
-        },
-        tex: {
-          inlineMath: [['$', '$']],
-          displayMath: [['$$', '$$']]
-        },
-        svg: {
-          fontCache: 'global'
-        }
-      };
-      _this.state = {
-        isScriptLoaded: false
-      };
-      _this.loadScript();
-    }
-    return _this;
-  }
-  _createClass(LoadScript, [{
-    key: "render",
-    value: function render() {
-      var isScriptLoaded = this.state.isScriptLoaded;
-      return isScriptLoaded ? this.props.children : /*#__PURE__*/React.createElement(Loading, null);
-    }
-  }]);
-  return LoadScript;
-}(React.Component);
-export default LoadScript;

package/dist/components/loading.js

@@ -1,25 +0,0 @@
-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';
-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() {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "empty-loading-page"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "lds-ripple page-centered"
-      }, /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null)));
-    }
-  }]);
-  return Loading;
-}(React.Component);
-export default Loading;

package/dist/components/markdown-lint.js

@@ -1,72 +0,0 @@
-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 '../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) {
-            issue.detail.map(function (detail, detailIndex) {
-              var card = /*#__PURE__*/React.createElement("div", {
-                key: 'issue-' + index + '-' + detailIndex,
-                onClick: function onClick(event) {
-                  _this2.onClickCard(event, detail.position);
-                },
-                className: 'issue-card'
-              }, /*#__PURE__*/React.createElement("div", {
-                className: 'issue-card-title'
-              }, _this2.props.markdownLint[issue.issue_code].issue), /*#__PURE__*/React.createElement("div", {
-                className: 'issue-card-description'
-              }, _this2.props.markdownLint[issue.issue_code].description));
-              issueCards.push(card);
-              return true;
-            });
-          } else {
-            var card = /*#__PURE__*/React.createElement("div", {
-              key: 'issue-' + index,
-              className: 'issue-card'
-            }, /*#__PURE__*/React.createElement("div", {
-              className: 'issue-card-title'
-            }, _this2.props.markdownLint[issue.issue_code].issue), /*#__PURE__*/React.createElement("div", {
-              className: 'issue-card-description'
-            }, _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", {
-        className: 'size-panel-no-content'
-      }, this.props.t('no_document_improvement_suggestion')));
-    }
-  }]);
-  return MarkdownLint;
-}(React.PureComponent);
-export default MarkdownLint;

package/dist/components/menu/index.js

@@ -1,4 +0,0 @@
-import Menu from './menu';
-import Item from './item';
-Menu.Item = Item;
-export default Menu;

package/dist/components/menu/item.js

@@ -1,49 +0,0 @@
-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 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;
-      var containerClass = "seafile-menu-item ".concat(itemClass || '');
-      var itemIconClass = "menu-item-icon ".concat(iconClass || '');
-      return /*#__PURE__*/React.createElement("span", {
-        className: containerClass,
-        onClick: this.onClick
-      }, /*#__PURE__*/React.createElement("span", {
-        className: itemIconClass
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "menu-item-name"
-      }, children), isChecked && /*#__PURE__*/React.createElement(CheckMarkIcon, {
-        className: "checked-icon",
-        width: 13,
-        color: "#aaa"
-      }));
-    }
-  }]);
-  return MenuItem;
-}(React.Component);
-export default MenuItem;

package/dist/components/menu/menu.js

@@ -1,38 +0,0 @@
-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';
-var Menu = /*#__PURE__*/function (_React$Component) {
-  _inherits(Menu, _React$Component);
-  var _super = _createSuper(Menu);
-  function Menu() {
-    var _this;
-    _classCallCheck(this, Menu);
-    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.getStyle = function () {
-      var position = _this.props.position;
-      var width = position.width;
-      return {
-        marginLeft: width - 10,
-        marginTop: '30px'
-      };
-    };
-    return _this;
-  }
-  _createClass(Menu, [{
-    key: "render",
-    value: function render() {
-      var style = this.getStyle();
-      return /*#__PURE__*/React.createElement("span", {
-        className: "seafile-menu-container",
-        style: style
-      }, this.props.children);
-    }
-  }]);
-  return Menu;
-}(React.Component);
-export default Menu;

package/dist/components/menu/style.css

@@ -1,42 +0,0 @@
-.seafile-menu-container {
-  position: fixed;
-  display: flex;
-  flex-direction: column;
-  width: 150px;
-  padding: 8px 0;
-  min-width: 80px;
-  overflow-y: auto;
-  overflow-x: hidden;
-  border: 1px solid #e5e5e5;
-  box-shadow: 0 4px 10px #eee;
-  border-radius: 4px;
-  background: #fff;
-  color: #333;
-  z-index: 1080;
-}
-
-.seafile-menu-container .seafile-menu-item {
-  height: 32px;
-  line-height: 32px;
-  display: flex;
-  padding: 0 10px;
-  cursor: pointer;
-  position: relative;
-}
-
-.seafile-menu-container .seafile-menu-item:hover {
-  background-color: #f5f5f5;
-}
-
-.seafile-menu-container .seafile-menu-item .menu-item-icon {
-  margin-right: 5px;
-  color: #aaa;
-}
-
-.seafile-menu-container .seafile-menu-item .checked-icon {
-  position: absolute;
-  right: 10px;
-  height: 32px;
-  line-height: 32px;
-  color: #aaa;
-}

package/dist/components/modal-portal.js

@@ -1,38 +0,0 @@
-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 ReactDOM from 'react-dom';
-var ModalPortal = /*#__PURE__*/function (_React$Component) {
-  _inherits(ModalPortal, _React$Component);
-  var _super = _createSuper(ModalPortal);
-  function ModalPortal(props) {
-    var _this;
-    _classCallCheck(this, ModalPortal);
-    _this = _super.call(this, props);
-    _this.state = {
-      isMounted: false
-    };
-    _this.el = document.createElement('div');
-    return _this;
-  }
-  _createClass(ModalPortal, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      document.body.appendChild(this.el);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.body.removeChild(this.el);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return ReactDOM.createPortal(this.props.children, this.el);
-    }
-  }]);
-  return ModalPortal;
-}(React.Component);
-export { ModalPortal as default };

package/dist/components/outline/index.js

@@ -1,92 +0,0 @@
-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 EditorContext from '../../containers/editor-context';
-import OutlineItem from './outline-item';
-import '../../assets/css/outline.css';
-var OutlineView = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(OutlineView, _React$PureComponent);
-  var _super = _createSuper(OutlineView);
-  function OutlineView(props) {
-    var _this;
-    _classCallCheck(this, OutlineView);
-    _this = _super.call(this, props);
-    _this.scrollToNode = function (node) {
-      // wiki module
-      if (_this.props.scrollToNode) {
-        _this.props.scrollToNode(node);
-        return;
-      }
-      var editorRef = EditorContext.getEditorRef();
-      editorRef.scrollToNode(node);
-    };
-    _this.getHeaderList = function (document) {
-      var headerList = [];
-      document.forEach(function (node, index) {
-        if (node.type === 'header_two' || node.type === 'header_three') {
-          headerList.push(Object.assign({}, node, {
-            path: [index]
-          }));
-        }
-      });
-      _this.setState({
-        headerList: headerList
-      }, function () {
-        var updateForNoOutline = _this.props.updateForNoOutline;
-        if (headerList.length == 0 && updateForNoOutline) {
-          updateForNoOutline();
-        }
-      });
-    };
-    _this.state = {
-      headerList: null
-    };
-    return _this;
-  }
-  _createClass(OutlineView, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.getHeaderList(this.props.document);
-    }
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (this.props.document !== nextProps.document) {
-        this.getHeaderList(nextProps.document);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        isViewer = _this$props.isViewer,
-        t = _this$props.t;
-      var headerList = this.state.headerList;
-      if (!headerList || headerList.length === 0) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: "seafile-editor-outline py-2 pr-4"
-        }, isViewer && null, !isViewer && /*#__PURE__*/React.createElement("div", {
-          className: "size-panel-no-content"
-        }, t('no_out_line')));
-      }
-      var activeTitleIndex = this.props.activeTitleIndex;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "seafile-editor-outline py-2 pr-4"
-      }, headerList.map(function (node, index) {
-        var isActive = index === activeTitleIndex;
-        return /*#__PURE__*/React.createElement(OutlineItem, {
-          key: index,
-          node: node,
-          isActive: isActive,
-          scrollToNode: _this2.scrollToNode
-        });
-      }));
-    }
-  }]);
-  return OutlineView;
-}(React.PureComponent);
-export default withTranslation('seafile-editor')(OutlineView);

package/dist/components/outline/outline-item.js

@@ -1,58 +0,0 @@
-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';
-var OutlineItem = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(OutlineItem, _React$PureComponent);
-  var _super = _createSuper(OutlineItem);
-  function OutlineItem() {
-    var _this;
-    _classCallCheck(this, OutlineItem);
-    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 (event) {
-      var _this$props = _this.props,
-        scrollToNode = _this$props.scrollToNode,
-        node = _this$props.node;
-      scrollToNode && scrollToNode(node);
-    };
-    return _this;
-  }
-  _createClass(OutlineItem, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var hash = decodeURI(window.location.hash);
-      hash = hash.substring(1, hash.length);
-      var _this$props2 = this.props,
-        node = _this$props2.node,
-        scrollToNode = _this$props2.scrollToNode;
-      if (hash && node && hash === node.text) {
-        scrollToNode && scrollToNode(node);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-        node = _this$props3.node,
-        isActive = _this$props3.isActive;
-      var className = isActive ? 'active' : '';
-      if (node.type === 'header_two') {
-        className = 'outline-h2 ' + className;
-      } else if (node.type === 'header_three') {
-        className = 'outline-h3 ' + className;
-      }
-      return /*#__PURE__*/React.createElement("div", {
-        className: className,
-        onClick: this.onClick
-      }, node.children.map(function (child) {
-        return child.text;
-      }).join(''));
-    }
-  }]);
-  return OutlineItem;
-}(React.PureComponent);
-export default OutlineItem;