@seafile/seafile-editor 0.3.99 → 0.3.100

package/dist/components/generate-share-link.js

@@ -1,412 +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 { Button, Form, FormGroup, Label, Input, InputGroup, InputGroupAddon } from 'reactstrap';
-
-var GenerateShareLink = /*#__PURE__*/function (_React$Component) {
-  _inherits(GenerateShareLink, _React$Component);
-
-  var _super = _createSuper(GenerateShareLink);
-
-  function GenerateShareLink(props) {
-    var _this;
-
-    _classCallCheck(this, GenerateShareLink);
-
-    _this = _super.call(this, props);
-
-    _this.getShareLink = function () {
-      var path = _this.props.fileInfo.path;
-      var repoID = _this.props.fileInfo.repoID;
-
-      _this.props.editorUtilities.getShareLink(repoID, path).then(function (res) {
-        if (res.data.length !== 0) {
-          _this.setState({
-            link: res.data[0].link,
-            token: res.data[0].token
-          });
-        }
-      });
-    };
-
-    _this.onPasswordInputChecked = function () {
-      _this.setState({
-        isShowPasswordInput: !_this.state.isShowPasswordInput,
-        password: '',
-        passwdnew: '',
-        errorInfo: ''
-      });
-    };
-
-    _this.togglePasswordVisible = function () {
-      _this.setState({
-        isPasswordVisible: !_this.state.isPasswordVisible
-      });
-    };
-
-    _this.generatePassword = function () {
-      var val = Math.random().toString(36).substr(5);
-
-      _this.setState({
-        password: val,
-        passwdnew: val
-      });
-    };
-
-    _this.inputPassword = function (e) {
-      var passwd = e.target.value.trim();
-
-      _this.setState({
-        password: passwd
-      });
-    };
-
-    _this.inputPasswordNew = function (e) {
-      var passwd = e.target.value.trim();
-
-      _this.setState({
-        passwdnew: passwd
-      });
-    };
-
-    _this.setPermission = function (permission) {
-      if (permission == 'previewAndDownload') {
-        _this.permissions = {
-          'can_edit': false,
-          'can_download': true
-        };
-      } else {
-        _this.permissions = {
-          'can_edit': false,
-          'can_download': false
-        };
-      }
-    };
-
-    _this.generateShareLink = function () {
-      var isValid = _this.validateParamsInput();
-
-      if (isValid) {
-        _this.setState({
-          errorInfo: ''
-        });
-
-        var path = _this.props.fileInfo.path;
-        var repoID = _this.props.fileInfo.repoID;
-        var _this$state = _this.state,
-            password = _this$state.password,
-            expireDays = _this$state.expireDays;
-        var permissions = _this.permissions;
-        permissions = JSON.stringify(permissions);
-
-        _this.props.editorUtilities.createShareLink(repoID, path, password, expireDays, permissions).then(function (res) {
-          _this.setState({
-            link: res.data.link,
-            token: res.data.token
-          });
-        });
-      }
-    };
-
-    _this.deleteShareLink = function () {
-      _this.props.editorUtilities.deleteShareLink(_this.state.token).then(function () {
-        _this.setState({
-          link: '',
-          token: '',
-          password: '',
-          passwordnew: '',
-          isShowPasswordInput: false,
-          expireDays: '',
-          isExpireChecked: false,
-          errorInfo: ''
-        });
-
-        _this.permissions = {
-          'can_edit': false,
-          'can_download': true
-        };
-      });
-    };
-
-    _this.onExpireChecked = function (e) {
-      _this.setState({
-        isExpireChecked: e.target.checked
-      });
-    };
-
-    _this.onExpireDaysChanged = function (e) {
-      var day = e.target.value.trim();
-
-      _this.setState({
-        expireDays: day
-      });
-    };
-
-    _this.validateParamsInput = function () {
-      var _this$state2 = _this.state,
-          isShowPasswordInput = _this$state2.isShowPasswordInput,
-          password = _this$state2.password,
-          passwdnew = _this$state2.passwdnew,
-          isExpireChecked = _this$state2.isExpireChecked,
-          expireDays = _this$state2.expireDays; // validate password
-
-      if (isShowPasswordInput) {
-        if (password.length === 0) {
-          _this.setState({
-            errorInfo: _this.props.t('please_enter_password')
-          });
-
-          return false;
-        }
-
-        if (password.length < 8) {
-          _this.setState({
-            errorInfo: _this.props.t('password_is_too_short')
-          });
-
-          return false;
-        }
-
-        if (password !== passwdnew) {
-          _this.setState({
-            errorInfo: _this.props.t('passwords_do_not_match')
-          });
-
-          return false;
-        }
-      } // validate days
-      // no limit
-
-
-      var reg = /^\d+$/;
-
-      if (_this.isExpireDaysNoLimit) {
-        if (isExpireChecked) {
-          if (!expireDays) {
-            _this.setState({
-              errorInfo: _this.props.t('please_enter_days')
-            });
-
-            return false;
-          }
-
-          var flag = reg.test(expireDays);
-
-          if (!flag) {
-            _this.setState({
-              errorInfo: _this.props.t('please_enter_a_non-negative_integer')
-            });
-
-            return false;
-          }
-
-          _this.setState({
-            expireDays: parseInt(expireDays)
-          });
-        }
-      } else {
-        if (!expireDays) {
-          _this.setState({
-            errorInfo: _this.props.t('please_enter_days')
-          });
-
-          return false;
-        }
-
-        var _flag = reg.test(expireDays);
-
-        if (!_flag) {
-          _this.setState({
-            errorInfo: _this.props.t('please_enter_a_non-negative_integer')
-          });
-
-          return false;
-        }
-
-        expireDays = parseInt(expireDays);
-        var minDays = parseInt(_this.props.shareLinkExpireDaysMin);
-        var maxDays = parseInt(_this.props.shareLinkExpireDaysMax);
-
-        if (minDays !== 0 && maxDays !== maxDays) {
-          if (expireDays < minDays) {
-            _this.setState({
-              errorInfo: _this.props.t('please_enter_valid_days')
-            });
-
-            return false;
-          }
-        }
-
-        if (minDays === 0 && maxDays !== 0) {
-          if (expireDays > maxDays) {
-            _this.setState({
-              errorInfo: _this.props.t('please_enter_valid_days')
-            });
-
-            return false;
-          }
-        }
-
-        if (minDays !== 0 && maxDays !== 0) {
-          if (expireDays < minDays || expireDays < maxDays) {
-            _this.setState({
-              errorInfo: _this.props.t('please_enter_valid_days')
-            });
-
-            return false;
-          }
-        }
-
-        _this.setState({
-          expireDays: expireDays
-        });
-      }
-
-      return true;
-    };
-
-    _this.state = {
-      isValidate: false,
-      isShowPasswordInput: false,
-      isPasswordVisible: false,
-      isExpireChecked: false,
-      password: '',
-      passwdnew: '',
-      expireDays: '',
-      token: '',
-      link: '',
-      errorInfo: ''
-    };
-    _this.permissions = {
-      'can_edit': false,
-      'can_download': true
-    };
-    _this.isExpireDaysNoLimit = parseInt(_this.props.shareLinkExpireDaysMin) === 0 && parseInt(_this.props.shareLinkExpireDaysMax) === 0;
-    return _this;
-  }
-
-  _createClass(GenerateShareLink, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.getShareLink();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      if (this.state.link) {
-        return /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement("p", null, this.state.link), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
-          onClick: this.deleteShareLink
-        }, this.props.t('delete')));
-      } else {
-        return /*#__PURE__*/React.createElement(Form, {
-          className: "generate-share-link"
-        }, /*#__PURE__*/React.createElement(FormGroup, {
-          check: true
-        }, /*#__PURE__*/React.createElement(Label, {
-          check: true
-        }, /*#__PURE__*/React.createElement(Input, {
-          type: "checkbox",
-          onChange: this.onPasswordInputChecked
-        }), '  ', this.props.t('add_password_protection'))), this.state.isShowPasswordInput && /*#__PURE__*/React.createElement(FormGroup, {
-          className: "link-operation-content"
-        }, /*#__PURE__*/React.createElement(Label, null, this.props.t('password')), /*#__PURE__*/React.createElement("span", {
-          className: "tip"
-        }, " (", this.props.t('at_least_8_characters'), ") "), /*#__PURE__*/React.createElement(InputGroup, {
-          className: "passwd"
-        }, /*#__PURE__*/React.createElement(Input, {
-          type: this.state.isPasswordVisible ? 'text' : 'password',
-          value: this.state.password || '',
-          onChange: this.inputPassword
-        }), /*#__PURE__*/React.createElement(InputGroupAddon, {
-          addonType: "append"
-        }, /*#__PURE__*/React.createElement(Button, {
-          onClick: this.togglePasswordVisible
-        }, /*#__PURE__*/React.createElement("i", {
-          className: "link-operation-icon iconfont ".concat(this.state.isPasswordVisible ? 'icon-eye' : 'icon-eye-slash')
-        })), /*#__PURE__*/React.createElement(Button, {
-          onClick: this.generatePassword
-        }, /*#__PURE__*/React.createElement("i", {
-          className: "link-operation-icon iconfont icon-magic"
-        })))), /*#__PURE__*/React.createElement(Label, null, this.props.t('password_again')), /*#__PURE__*/React.createElement(Input, {
-          className: "passwd",
-          type: this.state.isPasswordVisible ? 'text' : 'password',
-          value: this.state.passwdnew || '',
-          onChange: this.inputPasswordNew
-        })), this.isExpireDaysNoLimit && /*#__PURE__*/React.createElement(FormGroup, {
-          check: true
-        }, /*#__PURE__*/React.createElement(Label, {
-          check: true
-        }, /*#__PURE__*/React.createElement(Input, {
-          className: "expire-checkbox",
-          type: "checkbox",
-          onChange: this.onExpireChecked
-        }), '  ', this.props.t('add_auto_expiration'), /*#__PURE__*/React.createElement(Input, {
-          className: "expire-input",
-          type: "text",
-          value: this.state.expireDays,
-          onChange: this.onExpireDaysChanged,
-          readOnly: !this.state.isExpireChecked
-        }), /*#__PURE__*/React.createElement("span", null, this.props.t('days')))), !this.isExpireDaysNoLimit && /*#__PURE__*/React.createElement(FormGroup, {
-          check: true
-        }, /*#__PURE__*/React.createElement(Label, {
-          check: true
-        }, /*#__PURE__*/React.createElement(Input, {
-          className: "expire-checkbox",
-          type: "checkbox",
-          onChange: this.onExpireChecked,
-          checked: true,
-          readOnly: true
-        }), '  ', this.props.t('add_auto_expiration'), /*#__PURE__*/React.createElement(Input, {
-          className: "expire-input",
-          type: "text",
-          value: this.state.expireDays,
-          onChange: this.onExpireDaysChanged
-        }), " ", /*#__PURE__*/React.createElement("span", null, this.props.t('days')), parseInt(this.props.shareLinkExpireDaysMin) !== 0 && parseInt(this.props.shareLinkExpireDaysMax) !== 0 && /*#__PURE__*/React.createElement("span", null, " (", this.props.shareLinkExpireDaysMin, " - ", this.props.shareLinkExpireDaysMax, ' ', this.props.t('days'), ")"), parseInt(this.props.shareLinkExpireDaysMin) !== 0 && parseInt(this.props.shareLinkExpireDaysMax) === 0 && /*#__PURE__*/React.createElement("span", null, " (", this.props.t('greater_than_or_equal_to'), " ", this.props.shareLinkExpireDaysMin, ' ', this.props.t('days'), ")"), parseInt(this.props.shareLinkExpireDaysMin) === 0 && parseInt(this.props.shareLinkExpireDaysMax) !== 0 && /*#__PURE__*/React.createElement("span", null, " (", this.props.t('less_than_or_equal_to'), " ", this.props.shareLinkExpireDaysMax, ' ', this.props.t('days'), ")"))), /*#__PURE__*/React.createElement(FormGroup, {
-          check: true
-        }, /*#__PURE__*/React.createElement(Label, {
-          check: true
-        }, /*#__PURE__*/React.createElement(Input, {
-          type: "checkbox",
-          checked: true,
-          readOnly: true
-        }), '  ', this.props.t('set_permission'))), /*#__PURE__*/React.createElement(FormGroup, {
-          check: true,
-          className: "permission"
-        }, /*#__PURE__*/React.createElement(Label, {
-          check: true
-        }, /*#__PURE__*/React.createElement(Input, {
-          type: "radio",
-          name: "radio1",
-          defaultChecked: true,
-          onChange: function onChange() {
-            return _this2.setPermission('previewAndDownload');
-          }
-        }), '  ', this.props.t('preview_and_download'))), /*#__PURE__*/React.createElement(FormGroup, {
-          check: true,
-          className: "permission"
-        }, /*#__PURE__*/React.createElement(Label, {
-          check: true
-        }, /*#__PURE__*/React.createElement(Input, {
-          type: "radio",
-          name: "radio1",
-          onChange: function onChange() {
-            return _this2.setPermission('preview');
-          }
-        }), '  ', this.props.t('preview_only'))), /*#__PURE__*/React.createElement(Label, {
-          className: "err-message"
-        }, this.props.t(this.state.errorInfo)), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
-          onClick: this.generateShareLink
-        }, this.props.t('generate')));
-      }
-    }
-  }]);
-
-  return GenerateShareLink;
-}(React.Component);
-
-export default withTranslation('seafile-editor')(GenerateShareLink);

package/dist/components/internal-link-dialog.js

@@ -1,96 +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 { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-import toaster from './toast';
-import copy from '../utils/copy-to-clipboard';
-
-var InternalLinkDialog = /*#__PURE__*/function (_React$Component) {
-  _inherits(InternalLinkDialog, _React$Component);
-
-  var _super = _createSuper(InternalLinkDialog);
-
-  function InternalLinkDialog(props) {
-    var _this;
-
-    _classCallCheck(this, InternalLinkDialog);
-
-    _this = _super.call(this, props);
-    _this.state = {
-      isOpen: false,
-      smartLink: ''
-    };
-    _this.toggle = _this.toggle.bind(_assertThisInitialized(_this));
-    _this.getInternalLink = _this.getInternalLink.bind(_assertThisInitialized(_this));
-    _this.copyToClipBoard = _this.copyToClipBoard.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-
-  _createClass(InternalLinkDialog, [{
-    key: "toggle",
-    value: function toggle() {
-      this.setState({
-        isOpen: !this.state.isOpen
-      });
-    }
-  }, {
-    key: "getInternalLink",
-    value: function getInternalLink() {
-      var _this2 = this;
-
-      this.props.editorUtilities.getInternalLink().then(function (res) {
-        _this2.setState({
-          isOpen: true,
-          smartLink: res.data.smart_link
-        });
-      });
-    }
-  }, {
-    key: "copyToClipBoard",
-    value: function copyToClipBoard() {
-      copy(this.state.smartLink);
-      this.setState({
-        isOpen: false
-      });
-      toaster.success(this.props.t('copy_internal_link'), {
-        duration: 2
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement("span", {
-        className: 'file-internal-link',
-        title: this.props.t('internal_link')
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "iconfont icon-link",
-        onClick: this.getInternalLink
-      }), /*#__PURE__*/React.createElement(Modal, {
-        isOpen: this.state.isOpen,
-        toggle: this.toggle
-      }, /*#__PURE__*/React.createElement(ModalHeader, {
-        toggle: this.toggle
-      }, this.props.t('internal_link')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("p", {
-        className: "tip mb-1"
-      }, this.props.t('internal_link_desc')), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("a", {
-        target: "_blank",
-        rel: "noopener noreferrer",
-        href: this.state.smartLink
-      }, this.state.smartLink))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
-        color: "secondary",
-        onClick: this.toggle
-      }, this.props.t('cancel')), ' ', /*#__PURE__*/React.createElement(Button, {
-        color: "primary",
-        onClick: this.copyToClipBoard
-      }, this.props.t('copy')))));
-    }
-  }]);
-
-  return InternalLinkDialog;
-}(React.Component);
-
-export default withTranslation('seafile-editor')(InternalLinkDialog);

package/dist/components/outline.js

@@ -1,130 +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';
-
-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) {
-      _this.props.editor.scrollToNode(_this.props.node);
-    };
-
-    return _this;
-  }
-
-  _createClass(OutlineItem, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var hash = decodeURI(window.location.hash);
-      hash = hash.substring(1, hash.length);
-
-      if (hash && this.props.node && hash === this.props.node.text) {
-        this.props.editor && this.props.editor.scrollToNode(this.props.node);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          node = _this$props.node,
-          index = _this$props.index,
-          activeTitleIndex = _this$props.activeTitleIndex;
-      var className = "".concat(node.type === 'header_two' ? 'outline-h2' : '', "\n      ").concat(node.type === 'header_three' ? 'outline-h3' : '', "\n      ").concat(index === activeTitleIndex ? ' active' : '');
-      return /*#__PURE__*/React.createElement("div", {
-        className: className,
-        key: index,
-        onClick: this.onClick
-      }, node.children[0].text);
-    }
-  }]);
-
-  return OutlineItem;
-}(React.PureComponent);
-
-var OutlineView = /*#__PURE__*/function (_React$PureComponent2) {
-  _inherits(OutlineView, _React$PureComponent2);
-
-  var _super2 = _createSuper(OutlineView);
-
-  function OutlineView(props) {
-    var _this2;
-
-    _classCallCheck(this, OutlineView);
-
-    _this2 = _super2.call(this, props);
-
-    _this2.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]
-          }));
-        }
-      });
-
-      _this2.setState({
-        headerList: headerList
-      });
-    };
-
-    _this2.state = {
-      headerList: null
-    };
-    return _this2;
-  }
-
-  _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 _this3 = this;
-
-      var headerList = this.state.headerList;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "seafile-editor-outline py-2 pr-4"
-      }, headerList && headerList.length > 0 ? headerList.map(function (node, index) {
-        return /*#__PURE__*/React.createElement(OutlineItem, {
-          key: index,
-          editor: _this3.props.editor,
-          activeTitleIndex: _this3.props.activeTitleIndex,
-          node: node,
-          index: index
-        });
-      }) : this.props.isViewer ? null : /*#__PURE__*/React.createElement("div", {
-        className: "size-panel-no-content"
-      }, this.props.t('no_out_line')));
-    }
-  }]);
-
-  return OutlineView;
-}(React.PureComponent);
-
-export default withTranslation('seafile-editor')(OutlineView);