@seafile/seafile-editor 0.3.113 → 0.3.115

package/dist/components/topbar-component/editor-toolbar.js

@@ -1,545 +0,0 @@
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-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';
-import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem, Tooltip } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-
-var MoreMenu = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(MoreMenu, _React$PureComponent);
-
-  var _super = _createSuper(MoreMenu);
-
-  function MoreMenu(props) {
-    var _this;
-
-    _classCallCheck(this, MoreMenu);
-
-    _this = _super.call(this, props);
-
-    _this.tooltipToggle = function () {
-      _this.setState({
-        tooltipOpen: !_this.state.tooltipOpen
-      });
-    };
-
-    _this.dropdownToggle = function () {
-      _this.setState({
-        dropdownOpen: !_this.state.dropdownOpen
-      });
-    };
-
-    _this.state = {
-      tooltipOpen: false,
-      dropdownOpen: false
-    };
-    return _this;
-  }
-
-  _createClass(MoreMenu, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(Dropdown, {
-        isOpen: this.state.dropdownOpen,
-        toggle: this.dropdownToggle
-      }, /*#__PURE__*/React.createElement(DropdownToggle, {
-        id: this.props.id
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "iconfont icon-ellipsis-v"
-      }), /*#__PURE__*/React.createElement(Tooltip, {
-        toggle: this.tooltipToggle,
-        delay: {
-          show: 0,
-          hide: 0
-        },
-        target: this.props.id,
-        placement: "bottom",
-        isOpen: this.state.tooltipOpen
-      }, this.props.text)), /*#__PURE__*/React.createElement(DropdownMenu, {
-        className: 'drop-list'
-      }, this.props.switchEditorMode && !this.props.readOnly ? /*#__PURE__*/React.createElement(DropdownItem, {
-        onMouseDown: this.props.switchEditorMode
-      }, this.props.t(this.props.editText)) : null, this.props.mode === 'rich-editor' && !this.props.readOnly && /*#__PURE__*/React.createElement(DropdownItem, {
-        onMouseDown: this.props.switchToMarkDownViewer
-      }, this.props.t('switch_to_viewer')), this.props.showHelpDialog ? /*#__PURE__*/React.createElement(DropdownItem, {
-        onMouseDown: this.props.showHelpDialog
-      }, this.props.t('help')) : ''));
-    }
-  }]);
-
-  return MoreMenu;
-}(React.PureComponent);
-
-var ButtonGroup = /*#__PURE__*/function (_React$PureComponent2) {
-  _inherits(ButtonGroup, _React$PureComponent2);
-
-  var _super2 = _createSuper(ButtonGroup);
-
-  function ButtonGroup() {
-    _classCallCheck(this, ButtonGroup);
-
-    return _super2.apply(this, arguments);
-  }
-
-  _createClass(ButtonGroup, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement("div", {
-        className: 'btn-group ' + this.props.className,
-        role: 'group'
-      }, this.props.children);
-    }
-  }]);
-
-  return ButtonGroup;
-}(React.PureComponent);
-
-var Button = /*#__PURE__*/function (_React$PureComponent3) {
-  _inherits(Button, _React$PureComponent3);
-
-  var _super3 = _createSuper(Button);
-
-  function Button() {
-    _classCallCheck(this, Button);
-
-    return _super3.apply(this, arguments);
-  }
-
-  _createClass(Button, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement("button", {
-        type: 'button',
-        onMouseDown: this.props.onMouseDown,
-        className: 'btn btn-secondary btn-active ' + this.props.className
-      }, this.props.children);
-    }
-  }]);
-
-  return Button;
-}(React.PureComponent);
-
-var IconButton = /*#__PURE__*/function (_React$Component) {
-  _inherits(IconButton, _React$Component);
-
-  var _super4 = _createSuper(IconButton);
-
-  function IconButton(props) {
-    var _this2;
-
-    _classCallCheck(this, IconButton);
-
-    _this2 = _super4.call(this, props);
-
-    _this2.toggle = function () {
-      if (_this2.props.disabled || _this2.state.isFreezed && !_this2.state.tooltipOpen) return;
-
-      _this2.setState({
-        tooltipOpen: !_this2.state.tooltipOpen,
-        isFreezed: true
-      });
-
-      var that = _assertThisInitialized(_this2);
-
-      setTimeout(function () {
-        that.setState({
-          isFreezed: false
-        });
-      }, 100);
-    };
-
-    _this2.state = {
-      tooltipOpen: false,
-      isFreezed: false
-    };
-    return _this2;
-  }
-
-  _createClass(IconButton, [{
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps, nextState) {
-      if (this.props.disabled !== nextProps.disabled) {
-        this.setState({
-          tooltipOpen: false
-        });
-        return true;
-      } // only render iconButton when the button is active or show show tooltip
-
-
-      if (nextState.tooltipOpen === this.state.tooltipOpen && nextProps.isActive === this.props.isActive) {
-        return false;
-      }
-
-      return true;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var className = this.props.isRichEditor ? 'rich-icon-btn ' + (this.props.disabled ? 'rich-icon-btn-disabled' : 'rich-icon-btn-hover') : 'btn btn-icon btn-secondary btn-active';
-      return /*#__PURE__*/React.createElement("button", {
-        id: this.props.id,
-        type: 'button',
-        onClick: this.props.disabled ? null : this.props.onClick,
-        onMouseDown: this.props.disabled ? null : this.props.onMouseDown,
-        className: className,
-        "data-active": this.props.isActive || false,
-        "aria-label": this.props.text,
-        disabled: this.props.disabled
-      }, /*#__PURE__*/React.createElement("i", {
-        className: this.props.icon
-      }), /*#__PURE__*/React.createElement(Tooltip, {
-        toggle: this.toggle,
-        delay: {
-          show: 0,
-          hide: 0
-        },
-        target: this.props.id,
-        placement: "bottom",
-        isOpen: this.state.tooltipOpen
-      }, this.props.text));
-    }
-  }]);
-
-  return IconButton;
-}(React.Component);
-
-var CollabUsersButton = /*#__PURE__*/function (_React$PureComponent4) {
-  _inherits(CollabUsersButton, _React$PureComponent4);
-
-  var _super5 = _createSuper(CollabUsersButton);
-
-  function CollabUsersButton(props) {
-    var _this3;
-
-    _classCallCheck(this, CollabUsersButton);
-
-    _this3 = _super5.call(this, props);
-
-    _this3.dropdownToggle = function () {
-      _this3.setState({
-        dropdownOpen: !_this3.state.dropdownOpen
-      });
-    };
-
-    _this3.state = {
-      dropdownOpen: false
-    };
-    return _this3;
-  }
-
-  _createClass(CollabUsersButton, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(Dropdown, {
-        className: this.props.className,
-        isOpen: this.state.dropdownOpen,
-        toggle: this.dropdownToggle
-      }, /*#__PURE__*/React.createElement(DropdownToggle, {
-        id: this.props.id
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "iconfont icon-users"
-      }), " ", this.props.users.length), /*#__PURE__*/React.createElement(DropdownMenu, {
-        className: 'drop-list'
-      }, this.props.users.map(function (ele, idx) {
-        return /*#__PURE__*/React.createElement(DropdownItem, {
-          key: idx
-        }, /*#__PURE__*/React.createElement("i", {
-          className: ele.is_editing ? 'iconfont icon-edit' : 'iconfont icon-user'
-        }), " ", ele.user.name, " ", ele.myself ? '(you)' : '');
-      })));
-    }
-  }]);
-
-  return CollabUsersButton;
-}(React.PureComponent);
-
-var TableToolBar = /*#__PURE__*/function (_React$PureComponent5) {
-  _inherits(TableToolBar, _React$PureComponent5);
-
-  var _super6 = _createSuper(TableToolBar);
-
-  function TableToolBar() {
-    _classCallCheck(this, TableToolBar);
-
-    return _super6.apply(this, arguments);
-  }
-
-  _createClass(TableToolBar, [{
-    key: "render",
-    value: function render() {
-      var _this4 = this;
-
-      return /*#__PURE__*/React.createElement(ButtonGroup, {
-        className: 'editor-btn-group'
-      }, /*#__PURE__*/React.createElement(DropList, {
-        icon: 'ico ico-left-align',
-        items: [{
-          handle: function handle(e) {
-            _this4.props.onSetAlign(e, 'left');
-          },
-          icon: 'ico ico-left-align',
-          text: this.props.t('left')
-        }, {
-          handle: function handle(e) {
-            _this4.props.onSetAlign(e, 'center');
-          },
-          icon: 'ico ico-center-horizontally',
-          text: this.props.t('center')
-        }, {
-          handle: function handle(e) {
-            _this4.props.onSetAlign(e, 'right');
-          },
-          icon: 'ico ico-right-align',
-          text: this.props.t('right')
-        }]
-      }), /*#__PURE__*/React.createElement(DropList, {
-        icon: 'ico ico-column',
-        items: [{
-          handle: this.props.onInsertColumn,
-          text: this.props.t('Insert_Column')
-        }, {
-          handle: this.props.onRemoveColumn,
-          text: this.props.t('Remove_Column')
-        }]
-      }), /*#__PURE__*/React.createElement(DropList, {
-        icon: 'ico ico-row',
-        items: [{
-          handle: this.props.onInsertRow,
-          text: this.props.t('Insert_Row')
-        }, {
-          handle: this.props.onRemoveRow,
-          text: this.props.t('Remove_Row')
-        }]
-      }), /*#__PURE__*/React.createElement(IconButton, {
-        disabled: false,
-        isRichEditor: true,
-        text: this.props.t('remove_table'),
-        id: 'removeTable',
-        icon: 'ico ico-delete-table',
-        onMouseDown: this.props.onRemoveTable
-      }));
-    }
-  }]);
-
-  return TableToolBar;
-}(React.PureComponent);
-
-var DropList = /*#__PURE__*/function (_React$PureComponent6) {
-  _inherits(DropList, _React$PureComponent6);
-
-  var _super7 = _createSuper(DropList);
-
-  function DropList(props) {
-    var _this5;
-
-    _classCallCheck(this, DropList);
-
-    _this5 = _super7.call(this, props);
-
-    _this5.handleClick = function (event) {
-      if (_this5.props.disabled) return;
-
-      var container = _this5.getContainer();
-
-      if (container.contains(event.target)) {
-        _this5.toggle();
-      } else {
-        if (_this5.state.dropdownOpen) {
-          _this5.setState({
-            dropdownOpen: !_this5.state.dropdownOpen
-          });
-        }
-      }
-    };
-
-    _this5.toggle = function () {
-      _this5.setState({
-        dropdownOpen: !_this5.state.dropdownOpen
-      });
-    };
-
-    _this5.state = {
-      dropdownOpen: false
-    };
-    return _this5;
-  }
-
-  _createClass(DropList, [{
-    key: "getContainer",
-    value: function getContainer() {
-      return ReactDOM.findDOMNode(this);
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      document.addEventListener('click', this.handleClick);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.removeEventListener('click', this.handleClick);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var items = [];
-      this.props.items.forEach(function (item, index) {
-        items.push( /*#__PURE__*/React.createElement("button", {
-          key: 'dropdown-item' + index,
-          onMouseDown: item.handle,
-          className: 'dropdown-item'
-        }, item.icon ? /*#__PURE__*/React.createElement("i", {
-          className: item.icon,
-          style: {
-            marginRight: '6px'
-          }
-        }) : null, item.text));
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        className: 'custom-dropdown-list'
-      }, /*#__PURE__*/React.createElement("div", {
-        id: 'list_toggle',
-        className: 'dropdown-list-toggle'
-      }, /*#__PURE__*/React.createElement("i", {
-        className: this.props.icon,
-        style: {
-          marginRight: '3px'
-        }
-      }), /*#__PURE__*/React.createElement("i", {
-        className: this.state.dropdownOpen ? 'iconfont icon-caret-up' : 'iconfont icon-drop-down'
-      })), this.state.dropdownOpen && /*#__PURE__*/React.createElement("div", {
-        role: 'menu',
-        className: 'custom-dropdown-menu dropdown-menu'
-      }, items));
-    }
-  }]);
-
-  return DropList;
-}(React.PureComponent);
-
-var HeaderList = /*#__PURE__*/function (_React$PureComponent7) {
-  _inherits(HeaderList, _React$PureComponent7);
-
-  var _super8 = _createSuper(HeaderList);
-
-  function HeaderList(props) {
-    var _this6;
-
-    _classCallCheck(this, HeaderList);
-
-    _this6 = _super8.call(this, props);
-
-    _this6.handleClick = function (event) {
-      if (_this6.props.disabled) return;
-
-      var container = _this6.getContainer();
-
-      if (container.contains(event.target)) {
-        _this6.toggle();
-      } else {
-        if (_this6.state.dropdownOpen) {
-          _this6.setState({
-            dropdownOpen: !_this6.state.dropdownOpen
-          });
-        }
-      }
-    };
-
-    _this6.toggle = function () {
-      _this6.setState({
-        dropdownOpen: !_this6.state.dropdownOpen
-      });
-    };
-
-    _this6.state = {
-      dropdownOpen: false
-    };
-    return _this6;
-  }
-
-  _createClass(HeaderList, [{
-    key: "getContainer",
-    value: function getContainer() {
-      return ReactDOM.findDOMNode(this);
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      document.addEventListener('click', this.handleClick);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.removeEventListener('click', this.handleClick);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this7 = this;
-
-      /*
-           *  here need to use click event in DropdownItem instead of onMouseDown, reactStrap listen click, keyUp, to trigger toggle function,
-           *  if we listen mouseDown event the tool bar will render,the position of the component will change
-            *  and then the click event of this component will not be triggered
-           * */
-      return /*#__PURE__*/React.createElement("div", {
-        className: 'header-list'
-      }, /*#__PURE__*/React.createElement("div", {
-        className: 'list-body ' + (this.props.disabled ? '' : 'header-list-body-hover') + (this.state.dropdownOpen ? ' header-list-body-highlight' : '')
-      }, /*#__PURE__*/React.createElement("div", {
-        className: 'list-title'
-      }, this.props.t(this.props.headerType)), /*#__PURE__*/React.createElement("div", {
-        className: 'list-caret'
-      }, /*#__PURE__*/React.createElement("i", {
-        className: this.state.dropdownOpen ? 'iconfont icon-caret-up' : 'iconfont icon-drop-down'
-      }))), this.state.dropdownOpen && /*#__PURE__*/React.createElement("div", {
-        className: 'list-dropdown'
-      }, /*#__PURE__*/React.createElement("div", {
-        className: 'list-dropdown-item',
-        onClick: function onClick(event) {
-          _this7.props.onClickBlock(event, 'paragraph');
-        }
-      }, this.props.t('paragraph')), /*#__PURE__*/React.createElement("div", {
-        className: 'list-dropdown-item',
-        onClick: function onClick(event) {
-          _this7.props.onClickBlock(event, 'header_one');
-        }
-      }, this.props.t('header_one')), /*#__PURE__*/React.createElement("div", {
-        className: 'list-dropdown-item',
-        onClick: function onClick(event) {
-          _this7.props.onClickBlock(event, 'header_two');
-        }
-      }, this.props.t('header_two')), /*#__PURE__*/React.createElement("div", {
-        className: 'list-dropdown-item',
-        onClick: function onClick(event) {
-          _this7.props.onClickBlock(event, 'header_three');
-        }
-      }, this.props.t('header_three')), /*#__PURE__*/React.createElement("div", {
-        className: 'list-dropdown-item',
-        onClick: function onClick(event) {
-          _this7.props.onClickBlock(event, 'header_four');
-        }
-      }, this.props.t('header_four')), /*#__PURE__*/React.createElement("div", {
-        className: 'list-dropdown-item',
-        onClick: function onClick(event) {
-          _this7.props.onClickBlock(event, 'header_five');
-        }
-      }, this.props.t('header_five')), /*#__PURE__*/React.createElement("div", {
-        className: 'list-dropdown-item',
-        onClick: function onClick(event) {
-          _this7.props.onClickBlock(event, 'header_six');
-        }
-      }, this.props.t('header_six'))));
-    }
-  }]);
-
-  return HeaderList;
-}(React.PureComponent);
-
-var translatedTableToolBar = withTranslation('seafile-editor')(TableToolBar);
-var translatedMoreMenu = withTranslation('seafile-editor')(MoreMenu);
-var translateHeaderList = withTranslation('seafile-editor')(HeaderList);
-export { IconButton, CollabUsersButton, translatedTableToolBar as TableToolBar, Button, ButtonGroup, translatedMoreMenu as MoreMenu, translateHeaderList as HeaderList };

package/dist/components/topbar-component/file-info.js

@@ -1,65 +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 dayjs from 'dayjs';
-import InternalLinkDialog from '../internal-link-dialog';
-
-var FileInfo = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(FileInfo, _React$PureComponent);
-
-  var _super = _createSuper(FileInfo);
-
-  function FileInfo() {
-    _classCallCheck(this, FileInfo);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(FileInfo, [{
-    key: "render",
-    value: function render() {
-      var lockedText = this.props.t('locked');
-      var fileInfo = this.props.fileInfo;
-      var modifyTime = dayjs(fileInfo.mtime * 1000).format('YYYY-MM-DD HH:mm');
-      return /*#__PURE__*/React.createElement("div", {
-        className: 'file-info-wrapper'
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "topbar-file-info"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "file-title"
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "file-name"
-      }, fileInfo.name), /*#__PURE__*/React.createElement("span", {
-        className: 'file-star',
-        title: fileInfo.starred ? this.props.t('unstar') : this.props.t('star')
-      }, /*#__PURE__*/React.createElement("i", {
-        onClick: this.props.toggleStar,
-        className: fileInfo.starred ? 'iconfont icon-star1 star' : 'iconfont icon-star2'
-      })), /*#__PURE__*/React.createElement(InternalLinkDialog, {
-        editorUtilities: this.props.editorApi
-      }), this.props.isPro && this.props.isLocked && /*#__PURE__*/React.createElement("img", {
-        className: "file-locked-icon mx-2",
-        width: "16",
-        src: "".concat(this.props.mediaUrl, "img/file-locked-32.png"),
-        alt: lockedText,
-        title: lockedText,
-        "aria-label": lockedText
-      })), /*#__PURE__*/React.createElement("div", {
-        className: "file-state"
-      }, /*#__PURE__*/React.createElement("span", {
-        className: 'file-modifier-name'
-      }, fileInfo.lastModifier), /*#__PURE__*/React.createElement("span", {
-        className: 'file-modifier-time'
-      }, modifyTime), this.props.showDraftSaved && /*#__PURE__*/React.createElement("span", {
-        className: 'file-modifier-savedraft'
-      }, this.props.t('local_draft_saved')))));
-    }
-  }]);
-
-  return FileInfo;
-}(React.PureComponent);
-
-export default withTranslation('seafile-editor')(FileInfo);