@seafile/seafile-editor 0.3.99 → 0.3.102

package/dist/components/participants-list.js

@@ -1,126 +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 { Tooltip } from 'reactstrap';
-import '../css/richeditor/participants-list.css';
-
-var ParticipantsList = /*#__PURE__*/function (_React$Component) {
-  _inherits(ParticipantsList, _React$Component);
-
-  var _super = _createSuper(ParticipantsList);
-
-  function ParticipantsList(props) {
-    var _this;
-
-    _classCallCheck(this, ParticipantsList);
-
-    _this = _super.call(this, props);
-
-    _this.handleClick = function () {
-      _this.props.openDialogs && _this.props.openDialogs('add-participant');
-    };
-
-    _this.tooltipToggle = function () {
-      _this.setState({
-        tooltipOpen: !_this.state.tooltipOpen
-      });
-    };
-
-    _this.state = {
-      tooltipOpen: false
-    };
-    return _this;
-  }
-
-  _createClass(ParticipantsList, [{
-    key: "render",
-    value: function render() {
-      var participants = this.props.participants;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "participants mb-2 position-relative"
-      }, participants.map(function (item, index) {
-        return /*#__PURE__*/React.createElement(Participant, {
-          item: item,
-          index: index,
-          key: index
-        });
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "add-participants",
-        onClick: this.handleClick,
-        id: "add-participant-icon"
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "iconfont icon-plus-circle"
-      })), /*#__PURE__*/React.createElement(Tooltip, {
-        toggle: this.tooltipToggle,
-        delay: {
-          show: 0,
-          hide: 0
-        },
-        target: "add-participant-icon",
-        placement: "bottom",
-        isOpen: this.state.tooltipOpen
-      }, this.props.t('Add_participants')));
-    }
-  }]);
-
-  return ParticipantsList;
-}(React.Component);
-
-var Participant = /*#__PURE__*/function (_React$Component2) {
-  _inherits(Participant, _React$Component2);
-
-  var _super2 = _createSuper(Participant);
-
-  function Participant(props) {
-    var _this2;
-
-    _classCallCheck(this, Participant);
-
-    _this2 = _super2.call(this, props);
-
-    _this2.toggleAvatarTooltip = function () {
-      _this2.setState({
-        showAvatarTooltip: !_this2.state.showAvatarTooltip
-      });
-    };
-
-    _this2.state = {
-      showAvatarTooltip: false
-    };
-    return _this2;
-  }
-
-  _createClass(Participant, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          item = _this$props.item,
-          index = _this$props.index;
-      var target = 'participant-avatar-' + index;
-      return /*#__PURE__*/React.createElement("span", {
-        className: "participant-avatar"
-      }, /*#__PURE__*/React.createElement("img", {
-        src: item.avatar_url,
-        className: "avatar",
-        id: target,
-        alt: "avatar",
-        key: index
-      }), /*#__PURE__*/React.createElement(Tooltip, {
-        toggle: this.toggleAvatarTooltip,
-        delay: {
-          show: 0,
-          hide: 0
-        },
-        target: target,
-        placement: "bottom",
-        isOpen: this.state.showAvatarTooltip
-      }, item.name));
-    }
-  }]);
-
-  return Participant;
-}(React.Component);
-
-export default ParticipantsList;

package/dist/components/side-panel.js

@@ -1,174 +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";
-
-/* eslint-disable jsx-a11y/anchor-is-valid */
-import React from 'react';
-import OutlineView from './outline';
-import CommentPanel from './comment-panel';
-import DetailListView from './detail-list-view';
-
-var SidePanel = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(SidePanel, _React$PureComponent);
-
-  var _super = _createSuper(SidePanel);
-
-  function SidePanel() {
-    var _this;
-
-    _classCallCheck(this, SidePanel);
-
-    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.state = {
-      navItem: 'outline'
-    };
-
-    _this.onOutlineClick = function (event) {
-      event.preventDefault();
-
-      _this.props.toggleCommentBtn(false);
-
-      _this.setState({
-        navItem: 'outline'
-      });
-    };
-
-    _this.onMarkdownHintClick = function (event) {
-      event.preventDefault();
-
-      _this.props.toggleCommentBtn(false);
-
-      _this.setState({
-        navItem: 'markdownHint'
-      });
-    };
-
-    _this.onDetailClick = function (event) {
-      event.preventDefault();
-
-      _this.props.toggleCommentBtn(false);
-
-      _this.setState({
-        navItem: 'detail'
-      });
-    };
-
-    _this.onCommentsPanelClick = function (event) {
-      event.preventDefault();
-
-      _this.props.toggleCommentBtn(true);
-
-      _this.setState({
-        navItem: 'commentsPanel'
-      });
-    };
-
-    _this.openMarkdownHint = function () {
-      _this.setState({
-        navItem: 'markdownHint'
-      });
-    };
-
-    return _this;
-  }
-
-  _createClass(SidePanel, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      window.openMarkdownHint = this.openMarkdownHint;
-    }
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (nextProps.issues !== this.props.issues) {
-        if (nextProps.issues.issue_list.length > 0) {
-          this.setState({
-            navItem: 'markdownHint'
-          });
-        }
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.openMarkdownHint = null;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var outlineActive = ''; // var markdownHint = '';
-
-      var commentsPanel = '';
-      var detailList = '';
-
-      if (this.state.navItem === 'outline') {
-        outlineActive = 'active';
-      } else if (this.state.navItem === 'commentsPanel') {
-        commentsPanel = 'active';
-      } else if (this.state.navItem === 'detail') {
-        detailList = 'active';
-      } else {// markdownHint = 'active';
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        className: "side-panel d-flex flex-column"
-      }, /*#__PURE__*/React.createElement("ul", {
-        className: "flex-shrink-0 nav justify-content-around bg-white"
-      }, /*#__PURE__*/React.createElement("li", {
-        className: "nav-item"
-      }, /*#__PURE__*/React.createElement("a", {
-        className: 'nav-link ' + outlineActive,
-        href: "",
-        onClick: this.onOutlineClick
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "iconfont icon-list-ul"
-      }))), /*#__PURE__*/React.createElement("li", {
-        className: "nav-item"
-      }, /*#__PURE__*/React.createElement("a", {
-        className: 'nav-link ' + detailList,
-        href: "",
-        onClick: this.onDetailClick
-      }, /*#__PURE__*/React.createElement("i", {
-        className: 'iconfont icon-info-circle'
-      }))), /*#__PURE__*/React.createElement("li", {
-        className: "nav-item"
-      }, /*#__PURE__*/React.createElement("a", {
-        className: 'nav-link ' + commentsPanel,
-        href: "",
-        onClick: this.onCommentsPanelClick
-      }, /*#__PURE__*/React.createElement("i", {
-        className: 'iconfont icon-comment'
-      })))), /*#__PURE__*/React.createElement("div", {
-        className: "side-panel-content flex-fill"
-      }, this.state.navItem === 'outline' && /*#__PURE__*/React.createElement(OutlineView, {
-        editor: this.props.editor,
-        document: this.props.document,
-        t: this.props.t
-      }), this.state.navItem === 'commentsPanel' && /*#__PURE__*/React.createElement(CommentPanel, {
-        editorApi: this.props.editorApi,
-        t: this.props.t,
-        scrollToQuote: this.props.scrollToQuote,
-        relistComment: this.props.relistComment,
-        openDialogs: this.props.openDialogs,
-        participants: this.props.participants,
-        onParticipantsChange: this.props.onParticipantsChange
-      }), this.state.navItem === 'detail' && /*#__PURE__*/React.createElement(DetailListView, {
-        t: this.props.t,
-        fileTagList: this.props.fileTagList,
-        editorApi: this.props.editorApi,
-        openDialogs: this.props.openDialogs,
-        fileInfo: this.props.fileInfo,
-        participants: this.props.participants
-      })));
-    }
-  }]);
-
-  return SidePanel;
-}(React.PureComponent);
-
-export default SidePanel;

package/dist/components/topbar-component/icon-button.js

@@ -1,99 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import { Tooltip } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-
-var IconButton = /*#__PURE__*/function (_React$Component) {
-  _inherits(IconButton, _React$Component);
-
-  var _super = _createSuper(IconButton);
-
-  function IconButton(props) {
-    var _this;
-
-    _classCallCheck(this, IconButton);
-
-    _this = _super.call(this, props);
-
-    _this.toggle = function () {
-      if (_this.props.disabled || _this.state.isFreezed && !_this.state.tooltipOpen) return;
-
-      _this.setState({
-        tooltipOpen: !_this.state.tooltipOpen,
-        isFreezed: true
-      });
-
-      var that = _assertThisInitialized(_this);
-
-      setTimeout(function () {
-        that.setState({
-          isFreezed: false
-        });
-      }, 100);
-    };
-
-    _this.getClassName = function () {
-      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';
-      className = className + ' ' + (_this.props.className || '');
-      return className;
-    };
-
-    _this.state = {
-      tooltipOpen: false,
-      isFreezed: false
-    };
-    return _this;
-  }
-
-  _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.getClassName();
-      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,
-        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);
-
-export default withTranslation('seafile-editor')(IconButton);

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

@@ -1,67 +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 { Tooltip } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-
-var InsertFile = /*#__PURE__*/function (_React$Component) {
-  _inherits(InsertFile, _React$Component);
-
-  var _super = _createSuper(InsertFile);
-
-  function InsertFile(props) {
-    var _this;
-
-    _classCallCheck(this, InsertFile);
-
-    _this = _super.call(this, props);
-
-    _this.toggle = function () {
-      if (_this.props.disabled) {
-        _this.setState({
-          tooltipOpen: false
-        });
-
-        return;
-      } else {
-        _this.setState({
-          tooltipOpen: !_this.state.tooltipOpen
-        });
-      }
-    };
-
-    _this.state = {
-      tooltipOpen: false
-    };
-    return _this;
-  }
-
-  _createClass(InsertFile, [{
-    key: "render",
-    value: function render() {
-      var className = this.props.disabled ? 'insert-file insert-file-disabled rich-icon-btn rich-icon-btn-disabled' : 'insert-file rich-icon-btn';
-      return /*#__PURE__*/React.createElement("span", {
-        className: className,
-        id: "insertFileButton",
-        onMouseDown: this.props.insertRepoFile
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "iconfont icon-file"
-      }), /*#__PURE__*/React.createElement(Tooltip, {
-        toggle: this.toggle,
-        delay: {
-          show: 0,
-          hide: 0
-        },
-        target: "insertFileButton",
-        placement: "bottom",
-        isOpen: this.state.tooltipOpen
-      }, this.props.t('insert_file')));
-    }
-  }]);
-
-  return InsertFile;
-}(React.Component);
-
-export default withTranslation('seafile-editor')(InsertFile);

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

@@ -1,175 +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';
-import IconButton from './icon-button';
-import ButtonGroup from './button-group';
-import { withTranslation } from 'react-i18next';
-
-var TableToolBar = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(TableToolBar, _React$PureComponent);
-
-  var _super = _createSuper(TableToolBar);
-
-  function TableToolBar() {
-    _classCallCheck(this, TableToolBar);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(TableToolBar, [{
-    key: "render",
-    value: function render() {
-      var _this = this;
-
-      return /*#__PURE__*/React.createElement(ButtonGroup, {
-        className: 'editor-btn-group'
-      }, /*#__PURE__*/React.createElement(DropList, {
-        icon: 'iconfont icon-left-alignment',
-        items: [{
-          handle: function handle(e) {
-            _this.props.onSetAlign(e, 'left');
-          },
-          icon: 'iconfont icon-left-alignment',
-          text: this.props.t('left')
-        }, {
-          handle: function handle(e) {
-            _this.props.onSetAlign(e, 'center');
-          },
-          icon: 'iconfont icon-center-horizontally',
-          text: this.props.t('center')
-        }, {
-          handle: function handle(e) {
-            _this.props.onSetAlign(e, 'right');
-          },
-          icon: 'icon icon-align-right',
-          text: this.props.t('right')
-        }]
-      }), /*#__PURE__*/React.createElement(DropList, {
-        icon: 'iconfont icon-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: 'iconfont icon-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: 'iconfont icon-delete-table',
-        onMouseDown: this.props.onRemoveTable
-      }));
-    }
-  }]);
-
-  return TableToolBar;
-}(React.PureComponent);
-
-var DropList = /*#__PURE__*/function (_React$PureComponent2) {
-  _inherits(DropList, _React$PureComponent2);
-
-  var _super2 = _createSuper(DropList);
-
-  function DropList(props) {
-    var _this2;
-
-    _classCallCheck(this, DropList);
-
-    _this2 = _super2.call(this, props);
-
-    _this2.handleClick = function (event) {
-      if (_this2.props.disabled) return;
-
-      var container = _this2.getContainer();
-
-      if (container.contains(event.target)) {
-        _this2.toggle();
-      } else {
-        if (_this2.state.dropdownOpen) {
-          _this2.setState({
-            dropdownOpen: !_this2.state.dropdownOpen
-          });
-        }
-      }
-    };
-
-    _this2.toggle = function () {
-      _this2.setState({
-        dropdownOpen: !_this2.state.dropdownOpen
-      });
-    };
-
-    _this2.state = {
-      dropdownOpen: false
-    };
-    return _this2;
-  }
-
-  _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);
-
-export default withTranslation('seafile-editor')(TableToolBar);