@seafile/sdoc-editor 2.0.81 → 2.0.83

package/dist/comment/utils/index.js

@@ -0,0 +1,268 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertComment = exports.checkMentionOperation = exports.CommentUtilities = void 0;
+Object.defineProperty(exports, "createNotify", {
+  enumerable: true,
+  get: function get() {
+    return _notificationUtils.createNotify;
+  }
+});
+exports.focusToCommentElement = void 0;
+Object.defineProperty(exports, "generatorNotificationKey", {
+  enumerable: true,
+  get: function get() {
+    return _notificationUtils.generatorNotificationKey;
+  }
+});
+exports.searchCollaborators = exports.getEventClassName = exports.getCommentElementById = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _constants = require("../../constants");
+var _constants2 = require("../../extension/constants");
+var _core = require("../../extension/core");
+var _helper = require("../../extension/plugins/mention/helper");
+var _getEventTransfer = _interopRequireDefault(require("./get-event-transfer"));
+var _notificationUtils = require("./notification-utils");
+var searchCollaborators = exports.searchCollaborators = function searchCollaborators(collaborators, searchValue, editor) {
+  var validSearchValue = searchValue ? searchValue.trim().toLowerCase() : '';
+  var validCollaborators = Array.isArray(collaborators) && collaborators.length > 0 ? collaborators : [];
+  if (!validSearchValue) return validCollaborators;
+
+  // The current character is '@' and the previous character is a null character
+  var beforeStr = (0, _helper.getPreCharacters)(editor);
+  var isEmptyStr = beforeStr.slice(-2, -1).trim().length === 0;
+  if (beforeStr.slice(-1) === '@' && isEmptyStr) {
+    return validCollaborators;
+  }
+  return validCollaborators.filter(function (collaborator) {
+    var name = collaborator.name,
+      _collaborator$name_pi = collaborator.name_pinyin,
+      name_pinyin = _collaborator$name_pi === void 0 ? '' : _collaborator$name_pi;
+    if (name.toString().toLowerCase().indexOf(validSearchValue) > -1) return true;
+    if (!name_pinyin) return false;
+    var validNamePinyin = name_pinyin.toString().toLowerCase();
+    var validSearchPinyinValue = validSearchValue.replace(/ |'/g, '');
+
+    // complete: For example, seatable can be retrieved when searching for sea.
+    if (validNamePinyin.indexOf(validSearchPinyinValue) > -1) return true;
+    if (validNamePinyin.replace(/'/g, '').indexOf(validSearchPinyinValue) > -1) return true;
+    var validNamePinyinList = validNamePinyin.split('\'');
+    // acronym: For example, sea table can be retrieved when searching for st.
+    var namePinyinAcronym = validNamePinyinList.map(function (item) {
+      return item && item.trim() ? item.trim().slice(0, 1) : '';
+    });
+    if (namePinyinAcronym.join('').indexOf(validSearchPinyinValue) > -1) return true;
+    return false;
+  });
+};
+
+// Mailto, file, tel, callto, sms, cid, xmpp, etc. are not support
+// const ALLOWED_URL_REG = /((http|https):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|])/g;
+// export const textToHtml = (text) => {
+//   if (!text) return '';
+//   return text.replace(ALLOWED_URL_REG, '<a href="$1" target="_blank" class=' + COMMENT_URL_CLASSNAME + '>$1</a>');
+// };
+
+var convertComment = exports.convertComment = function convertComment(value) {
+  return value.replaceAll('<', '&lt;').replaceAll('>', '&gt;');
+};
+var checkMentionOperation = exports.checkMentionOperation = function checkMentionOperation(event) {
+  var keyCode = event.keyCode;
+  var Escape = _constants.KeyCodes.Escape,
+    LeftArrow = _constants.KeyCodes.LeftArrow,
+    RightArrow = _constants.KeyCodes.RightArrow;
+  if (keyCode === Escape || keyCode === LeftArrow || keyCode === RightArrow) return false;
+  return true;
+};
+var CommentUtilities = exports.CommentUtilities = /*#__PURE__*/(0, _createClass2["default"])(function CommentUtilities() {
+  var _this = this;
+  (0, _classCallCheck2["default"])(this, CommentUtilities);
+  (0, _defineProperty2["default"])(this, "onInsertElement", function (_ref) {
+    var commentRef = _ref.commentRef,
+      selection = _ref.selection,
+      range = _ref.range,
+      content = _ref.content,
+      nodeType = _ref.nodeType;
+    if (range) {
+      selection.removeAllRanges();
+      selection.addRange(range);
+    }
+    return _this.createHtmlElement({
+      commentRef: commentRef,
+      selection: selection,
+      range: range,
+      content: content,
+      nodeType: nodeType
+    });
+  });
+  (0, _defineProperty2["default"])(this, "getHtmlElement", function (nodeType, content) {
+    switch (nodeType) {
+      case 'image':
+        {
+          var parentElement = document.createElement('div');
+          parentElement.className = 'image-container';
+          parentElement.contentEditable = 'false';
+          var imageContainer = document.createElement('img');
+          imageContainer.src = content;
+          imageContainer.height = 60;
+          parentElement.appendChild(imageContainer);
+          return parentElement.outerHTML;
+        }
+      default:
+        {
+          return '';
+        }
+    }
+  });
+  (0, _defineProperty2["default"])(this, "createHtmlElement", function (_ref2) {
+    var commentRef = _ref2.commentRef,
+      selection = _ref2.selection,
+      range = _ref2.range,
+      content = _ref2.content,
+      nodeType = _ref2.nodeType;
+    var spanNode1;
+    var spanNode2;
+    var imageContainer;
+    if (nodeType === 'image') {
+      spanNode1 = document.createElement('div');
+      spanNode1.className = 'image-container';
+      spanNode1.contentEditable = 'false';
+      imageContainer = document.createElement('img');
+      imageContainer.src = content;
+      imageContainer.height = 60;
+      spanNode1.appendChild(imageContainer);
+      spanNode2 = document.createElement('span');
+      spanNode2.innerHTML = ' ';
+    }
+    if (nodeType === 'collaborator') {
+      spanNode1 = document.createElement('span');
+      spanNode2 = document.createElement('span');
+      spanNode1.className = 'at-text';
+      spanNode1.innerHTML = "@".concat(content.name);
+      spanNode2.innerHTML = '&nbsp;';
+    }
+    var frag = document.createDocumentFragment();
+    frag.appendChild(spanNode1);
+    var lastNode = frag.appendChild(spanNode2);
+    if (range) {
+      range.insertNode(frag);
+    } else {
+      commentRef.current.appendChild(frag);
+      range = selection.getRangeAt(0);
+    }
+    if (lastNode) {
+      range = range.cloneRange();
+      range.setStartAfter(lastNode);
+      range.collapse(true);
+      selection.removeAllRanges();
+      selection.addRange(range);
+    }
+    return range;
+  });
+  (0, _defineProperty2["default"])(this, "onSelectParticipant", function (_ref3) {
+    var selection = _ref3.selection,
+      range = _ref3.range,
+      participant = _ref3.participant,
+      callBack = _ref3.callBack,
+      commentRef = _ref3.commentRef;
+    if (range) {
+      // delete '@xxx';
+      selection.removeAllRanges();
+      selection.addRange(range);
+      var textNode = range.startContainer;
+      var atIndex = _this.getAtIndexWithAnchorPosition(range.startOffset, textNode.data);
+      if (atIndex > -1) {
+        range.setStart(textNode, atIndex);
+        range.setEnd(textNode, range.endOffset);
+        range.deleteContents();
+      }
+    }
+    var newRange = _this.createHtmlElement({
+      selection: selection,
+      range: range,
+      content: participant,
+      nodeType: 'collaborator',
+      commentRef: commentRef
+    });
+    if (callBack) {
+      callBack();
+    }
+    if (commentRef.current) {
+      commentRef.current.focus();
+    }
+    return newRange;
+  });
+  /**
+   * get the index of '@' from anchor position.
+   * @param {*} anchorPosition '@text|anchor position|'
+   * @param {*} text '@abc'
+   * @returns index
+   * e.g. '@abc|anchor position|' // 0
+   *      '@123 @|anchor position| @abc' // 5
+   */
+  (0, _defineProperty2["default"])(this, "getAtIndexWithAnchorPosition", function (anchorPosition, text) {
+    var atIndex = -1;
+    for (var i = anchorPosition - 1; i > -1; i--) {
+      if (text[i] === '@') {
+        atIndex = i;
+        break;
+      }
+    }
+    return atIndex;
+  });
+  (0, _defineProperty2["default"])(this, "onPaste", function (event, callBack) {
+    event.stopPropagation();
+    var cliperData = (0, _getEventTransfer["default"])(event);
+    if (cliperData.files) {
+      var file = cliperData.files[0];
+      var isImage = /image/i.test(file.type);
+      if (isImage) {
+        event.preventDefault();
+        if (callBack) {
+          callBack(cliperData.files);
+        }
+      }
+    } else {
+      event.preventDefault();
+      var text = cliperData.text;
+      if (document.queryCommandSupported('insertText')) {
+        document.execCommand('insertText', false, text);
+      } else {
+        document.execCommand('paste', false, text);
+      }
+    }
+  });
+});
+var focusToCommentElement = exports.focusToCommentElement = function focusToCommentElement(editor, element) {
+  var path = (0, _core.findPath)(editor, element);
+  var endOfFirstNode = _slate.Editor.end(editor, path);
+  var startOfFirstNode = _slate.Editor.start(editor, path);
+  var range = {
+    anchor: [_constants2.ELEMENT_TYPE.LIST_ITEM, _constants2.ELEMENT_TYPE.ORDERED_LIST, _constants2.ELEMENT_TYPE.UNORDERED_LIST].includes(element.type) ? startOfFirstNode : endOfFirstNode,
+    focus: endOfFirstNode
+  };
+  (0, _core.focusEditor)(editor, range);
+};
+var getCommentElementById = exports.getCommentElementById = function getCommentElementById(elementId, editor) {
+  var element = null;
+  var dom = document.querySelectorAll("[data-id=\"".concat(elementId, "\"]"))[0];
+  if (dom) {
+    var slateNode = _slateReact.ReactEditor.toSlateNode(editor, dom);
+    if (slateNode) {
+      element = slateNode;
+    }
+  }
+  return element;
+};
+var getEventClassName = exports.getEventClassName = function getEventClassName(e) {
+  // svg mouseEvent event.target.className is an object
+  if (!e || !e.target) return '';
+  return e.target.getAttribute('class') || '';
+};

package/dist/comment/utils/notification-utils.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generatorNotificationKey = exports.createNotify = void 0;
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _relativeTime = _interopRequireDefault(require("dayjs/plugin/relativeTime"));
+var _context = _interopRequireDefault(require("../../context"));
+_dayjs["default"].extend(_relativeTime["default"]);
+var PERMISSION_GRANTED = 'granted';
+var notify = function notify($title, $options) {
+  var notification = new Notification($title, $options);
+
+  // auto clear notifications
+  var timer = setTimeout(notification.close.bind(notification), 5000);
+  notification.onshow = function (event) {
+    var _context$getSetting = _context["default"].getSetting('mediaUrl'),
+      mediaUrl = _context$getSetting.mediaUrl;
+    var newAudioElement = document.createElement('audio');
+    newAudioElement.setAttribute('src', "".concat(mediaUrl, "audio/classic.mp3"));
+    newAudioElement.setAttribute('autoplay', 'autoplay');
+    newAudioElement.setAttribute('id', 'seatable-audio');
+    var audioElement = document.getElementById('seatable-audio');
+    if (audioElement) {
+      document.body.removeChild(audioElement);
+    }
+    document.body.appendChild(newAudioElement);
+  };
+  notification.onclose = function () {
+    clearTimeout(timer);
+  };
+  notification.onclick = function () {
+    notification.close();
+  };
+};
+var createNotify = exports.createNotify = function createNotify(title, options) {
+  // Let's check if the browser supports notifications
+  if (!('Notification' in window)) {
+    return false;
+  }
+  if (Notification.permission === PERMISSION_GRANTED) {
+    notify(title, options);
+  } else {
+    Notification.requestPermission(function (res) {
+      if (res === PERMISSION_GRANTED) {
+        notify(title, options);
+      }
+    });
+  }
+};
+var generatorNotificationKey = exports.generatorNotificationKey = function generatorNotificationKey(commentId) {
+  var replyId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var validCommentId = commentId + '';
+  var validReplyId = replyId + '';
+  if (!validReplyId) return "sdoc_notification_".concat(validCommentId);
+  return "sdoc_notification_".concat(validCommentId, "_").concat(validReplyId);
+};

package/dist/components/file-loading/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./index.css");
+var FileLoading = function FileLoading() {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: "file-loading-icon file-loading-tip"
+  });
+};
+var _default = exports["default"] = FileLoading;

package/dist/components/loading/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _react = _interopRequireDefault(require("react"));
+require("./style.css");
+var Loading = /*#__PURE__*/function (_React$Component) {
+  function Loading() {
+    (0, _classCallCheck2["default"])(this, Loading);
+    return (0, _callSuper2["default"])(this, Loading, arguments);
+  }
+  (0, _inherits2["default"])(Loading, _React$Component);
+  return (0, _createClass2["default"])(Loading, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "empty-loading-page"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "lds-ripple page-centered"
+      }, /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement("div", null)));
+    }
+  }]);
+}(_react["default"].Component);
+var _default = exports["default"] = Loading;

package/dist/components/toast/alert.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _react = _interopRequireDefault(require("react"));
+var Alert = /*#__PURE__*/function (_React$PureComponent) {
+  function Alert() {
+    (0, _classCallCheck2["default"])(this, Alert);
+    return (0, _callSuper2["default"])(this, Alert, arguments);
+  }
+  (0, _inherits2["default"])(Alert, _React$PureComponent);
+  return (0, _createClass2["default"])(Alert, [{
+    key: "getIconClass",
+    value: function getIconClass(intent) {
+      switch (intent) {
+        case 'success':
+          return 'sdocfont sdoc-check-circle';
+        case 'warning':
+          return 'sdocfont sdoc-exclamation-triangle';
+        case 'none':
+          return 'sdocfont sdoc-exclamation-circle';
+        case 'danger':
+          return 'sdocfont sdoc-exclamation-circle';
+        default:
+          return 'sdocfont sdoc-check-circle';
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        intent = _this$props.intent,
+        title = _this$props.title,
+        children = _this$props.children,
+        isRemovable = _this$props.isRemovable,
+        onRemove = _this$props.onRemove;
+      var iconClass = this.getIconClass(intent);
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "sdoc-toast-alert-container ".concat(intent || 'success')
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "toast-alert-icon"
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: iconClass
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "toast-text-container"
+      }, /*#__PURE__*/_react["default"].createElement("p", {
+        className: "toast-text-title"
+      }, title), children ? /*#__PURE__*/_react["default"].createElement("p", {
+        className: "toast-text-child"
+      }, children) : null), isRemovable && /*#__PURE__*/_react["default"].createElement("div", {
+        onClick: onRemove,
+        className: "toast-close"
+      }, /*#__PURE__*/_react["default"].createElement("span", null, "\xD7")));
+    }
+  }]);
+}(_react["default"].PureComponent);
+var _default = exports["default"] = Alert;

package/dist/components/toast/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _toaster = _interopRequireDefault(require("./toaster"));
+var toaster = new _toaster["default"]();
+var _default = exports["default"] = toaster;

package/dist/components/toast/toast.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
+var _alert = _interopRequireDefault(require("./alert"));
+var ANIMATION_DURATION = 240;
+var Toast = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
+  function Toast() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Toast);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = (0, _callSuper2["default"])(this, Toast, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "state", {
+      isShown: true,
+      height: 0
+    });
+    (0, _defineProperty2["default"])(_this, "close", function (event) {
+      if (event) {
+        event.nativeEvent.stopImmediatePropagation();
+        event.stopPropagation();
+      }
+      _this.clearCloseTimer();
+      _this.setState({
+        isShown: false
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "startCloseTimer", function () {
+      if (_this.props.duration) {
+        _this.closeTimer = setTimeout(function () {
+          _this.close();
+        }, _this.props.duration * 1000);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "clearCloseTimer", function () {
+      if (_this.closeTimer) {
+        clearTimeout(_this.closeTimer);
+        _this.closeTimer = null;
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "handleMouseEnter", function () {
+      _this.clearCloseTimer();
+    });
+    (0, _defineProperty2["default"])(_this, "handleMouseLeave", function () {
+      _this.startCloseTimer();
+    });
+    (0, _defineProperty2["default"])(_this, "onRef", function (ref) {
+      if (ref === null) return;
+      var _ref$getBoundingClien = ref.getBoundingClientRect(),
+        height = _ref$getBoundingClien.height;
+      _this.setState({
+        height: height
+      });
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(Toast, _React$PureComponent);
+  return (0, _createClass2["default"])(Toast, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.isShown !== this.props.isShown) {
+        // eslint-disable-next-line react/no-did-update-set-state
+        this.setState({
+          isShown: this.props.isShown
+        });
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.startCloseTimer();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.clearCloseTimer();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/_react["default"].createElement(_Transition["default"], {
+        appear: true,
+        unmountOnExit: true,
+        timeout: ANIMATION_DURATION,
+        "in": this.state.isShown,
+        onExited: this.props.onRemove
+      }, function (state) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          "data-state": state,
+          className: "sdoc-toast-container ".concat(state),
+          onMouseEnter: _this2.handleMouseEnter,
+          onMouseLeave: _this2.handleMouseLeave,
+          style: {
+            height: _this2.state.height,
+            zIndex: _this2.props.zIndex,
+            marginBottom: _this2.state.isShown ? 0 : -_this2.state.height
+          }
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          ref: _this2.onRef,
+          style: {
+            padding: 8
+          }
+        }, /*#__PURE__*/_react["default"].createElement(_alert["default"], {
+          intent: _this2.props.intent || 'none',
+          title: _this2.props.title,
+          children: _this2.props.children || '',
+          isRemovable: _this2.props.hasCloseButton,
+          onRemove: function onRemove(event) {
+            return _this2.close(event);
+          }
+        })));
+      });
+    }
+  }]);
+}(_react["default"].PureComponent);