@seafile/seafile-editor 0.3.99 → 0.3.100

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);

package/dist/css/layout.css

@@ -1,111 +0,0 @@
-/*set scroll bar*/
-.seafile-editor-module ::-webkit-scrollbar{
-  width: 8px;
-  height: 8px;
-}
-
-.iconfont {
-  font-size: 13px;
-}
-
-.icon-drop-down {
-  display: inline-block;
-  transform: scale(0.8);
-}
-
-.icon-caret-up {
-  display: inline-block;
-  transform: scale(0.8);
-}
- 
-.seafile-editor-module ::-webkit-scrollbar-button {
-  display: none;
-}
-
-.seafile-editor-module ::-webkit-scrollbar-thumb {
-  background-color: rgb(206, 206, 212);
-  border-radius: 10px;
-}
-
-.seafile-editor {
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  min-width: 960px;
-}
-
-.seafile-editor-main {
-  height: calc(100% - 96px);
-  width: 100%;
-}
-
-/* fix plain editor main height */
-.plain-editor-main {
-  height: calc(100% - 68px);
-}
-.seafile-editor-topbar {
-  width: 100%;
-  height: 68px;
-  background-color: #fff;
-  padding: 0px 10px;
-  border-bottom: 1px solid #e5e5e5;
-  box-shadow: 0 3px 2px -2px rgba(200,200,200,.15);
-  user-select: none;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  position: relative;
-  z-index: 3;
-}
-
-
-.seafile-rich-editor-topbar {
-  width: 100%;
-  background-color: #fff;
-  border-bottom: 1px solid #e5e5e5;
-  box-shadow: 0 3px 2px -2px rgba(200,200,200,.15);
-  user-select: none;
-  position: relative;
-  z-index: 3;
-  display: flex;
-  justify-content: space-between;
-}
-
-.seafile-rich-editor-topbar .use-help-icon {
-  background-color: #fff;
-  box-sizing: border-box;
-}
-
-.seafile-editor-side-panel {
-  width: 300px;
-  height: 100%;
-  background-color: #fff;
-  border-left: 1px solid rgb(230,230,221);
-  position: relative;
-}
-
-.seafile-editor-main-panel {
-  height: 100%;
-  background-color: rgb(250,250,249);
-  overflow-x: hidden;
-  display: flex;
-  flex: 0 0 1;
-  position: relative;
-}
-
-.plain-editor-left-panel {
-  height: 100%;
-  width: 50%;
-  background-color: #fff;
-  border-right: 1px solid rgb(230,230,221);
-  overflow-y: scroll;
-  overflow-x: hidden;
-}
-
-.plain-editor-right-panel {
-  height: 100%;
-  width: 50%;
-  background-color: rgb(250,250,249);
-  overflow-y: scroll;
-  overflow-x: hidden;
-}

package/dist/css/markdown-viewer-slate/file-tags-list.css

@@ -1,76 +0,0 @@
-.sf-md-viewer-topbar-second {
-  border-bottom: 1px solid #e5e5e5;
-  box-shadow: 0 3px 2px -2px rgba(200,200,200,.15);
-}
-
-.sf-related-files-bar {
-  display: flex;
-  padding: 4px 8px;
-  border-right: 1px solid #e6e6dd;
-}
-
-.sf-related-files-bar a {
-  color: #212529;
-}
-
-.sf-related-files-bar a:hover {
-  color: #212529;
-  text-decoration: none;
-}
-
-.edit-related-file {
-  color: #666;
-  font-size: 14px;
-  margin-left: 10px;
-  cursor: pointer;
-}
-
-.edit-related-file:hover {
-  text-decoration: underline;
-}
-
-.sf-files-tags, .no-file-tag {
-  display: flex;
-  flex-wrap: wrap;
-  border-left: 1px solid #e6e6dd;
-  border-right: 1px solid #e6e6dd;
-  margin-bottom: 0;
-}
-
-.no-file-tag {
-  padding: 4px 10px;
-}
-
-.no-related-file {
-  margin: 0 2px;
-}
-
-.sf-files-tag {
-  margin: 4px 8px;
-  width: max-content;
-  display: flex;
-  align-items: center;
-}
-
-.sf-files-tag:last-child {
-  background: none;
-  font-size: 14px;
-  color: #666;
-  cursor: pointer;
-  margin-left: 0;
-}
-
-.sf-files-tag:last-child:hover {
-  text-decoration: underline;
-}
-
-.sf-files-tag .file-tag-icon {
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-}
-
-.sf-files-tag .file-tag-name {
-  margin-left: 5px;
-  white-space: nowrap;
-}

package/dist/css/richeditor/rich-editor-main.css

@@ -1,32 +0,0 @@
-.editor-main-panel {
-  background-color: rgb(250, 250, 249);
-  height: 100%;
-  width: 100%;
-  display: flex;
-  overflow-y: auto; 
-  overflow-x: hidden;
-  position: relative;
-}
-
-.editor-container {
-  /* this container is needed to show the scroll bar */
-  height: 100%;
-  overflow-y: auto;
-  flex: 1 1 auto;
-  position: relative;
-}
-.editor {
-  min-height: calc(100% - 40px);
-  background: #fff;
-  padding: 40px 60px;
-  margin: 20px 40px;
-  border: 1px solid rgb(230,230,221);
-  overflow-x: hidden;
-}
-
-.rich-editor-container {
-  width: 80%;
-  flex: 1, 1, auto;
-  height: 100%;
-  margin: 0 auto; 
-}