@seafile/seafile-editor 0.3.76

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

@@ -0,0 +1,412 @@
+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

@@ -0,0 +1,96 @@
+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/loading.js

@@ -0,0 +1,32 @@
+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

@@ -0,0 +1,87 @@
+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 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/modal-portal.js

@@ -0,0 +1,46 @@
+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 };