@seafile/sdoc-editor 2.0.82 → 2.0.83

package/dist/basic-sdk/comment/utils/index.js

@@ -1,281 +0,0 @@
-"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 () {
-    return _notificationUtils.createNotify;
-  }
-});
-exports.focusToCommentElement = void 0;
-Object.defineProperty(exports, "generatorNotificationKey", {
-  enumerable: true,
-  get: function () {
-    return _notificationUtils.generatorNotificationKey;
-  }
-});
-exports.searchCollaborators = exports.getEventClassName = exports.getCommentElementById = void 0;
-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");
-const searchCollaborators = (collaborators, searchValue, editor) => {
-  const validSearchValue = searchValue ? searchValue.trim().toLowerCase() : '';
-  const validCollaborators = Array.isArray(collaborators) && collaborators.length > 0 ? collaborators : [];
-  if (!validSearchValue) return validCollaborators;
-
-  // The current character is '@' and the previous character is a null character
-  const beforeStr = (0, _helper.getPreCharacters)(editor);
-  const isEmptyStr = beforeStr.slice(-2, -1).trim().length === 0;
-  if (beforeStr.slice(-1) === '@' && isEmptyStr) {
-    return validCollaborators;
-  }
-  return validCollaborators.filter(collaborator => {
-    const {
-      name,
-      name_pinyin = ''
-    } = collaborator;
-    if (name.toString().toLowerCase().indexOf(validSearchValue) > -1) return true;
-    if (!name_pinyin) return false;
-    const validNamePinyin = name_pinyin.toString().toLowerCase();
-    const 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;
-    const validNamePinyinList = validNamePinyin.split('\'');
-    // acronym: For example, sea table can be retrieved when searching for st.
-    const namePinyinAcronym = validNamePinyinList.map(item => 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>');
-// };
-exports.searchCollaborators = searchCollaborators;
-const convertComment = value => {
-  return value.replaceAll('<', '&lt;').replaceAll('>', '&gt;');
-};
-exports.convertComment = convertComment;
-const checkMentionOperation = event => {
-  const {
-    keyCode
-  } = event;
-  const {
-    Escape,
-    LeftArrow,
-    RightArrow
-  } = _constants.KeyCodes;
-  if (keyCode === Escape || keyCode === LeftArrow || keyCode === RightArrow) return false;
-  return true;
-};
-exports.checkMentionOperation = checkMentionOperation;
-class CommentUtilities {
-  constructor() {
-    (0, _defineProperty2.default)(this, "onInsertElement", _ref => {
-      let {
-        commentRef,
-        selection,
-        range,
-        content,
-        nodeType
-      } = _ref;
-      if (range) {
-        selection.removeAllRanges();
-        selection.addRange(range);
-      }
-      return this.createHtmlElement({
-        commentRef,
-        selection,
-        range,
-        content,
-        nodeType
-      });
-    });
-    (0, _defineProperty2.default)(this, "getHtmlElement", (nodeType, content) => {
-      switch (nodeType) {
-        case 'image':
-          {
-            let parentElement = document.createElement('div');
-            parentElement.className = 'image-container';
-            parentElement.contentEditable = 'false';
-            let imageContainer = document.createElement('img');
-            imageContainer.src = content;
-            imageContainer.height = 60;
-            parentElement.appendChild(imageContainer);
-            return parentElement.outerHTML;
-          }
-        default:
-          {
-            return '';
-          }
-      }
-    });
-    (0, _defineProperty2.default)(this, "createHtmlElement", _ref2 => {
-      let {
-        commentRef,
-        selection,
-        range,
-        content,
-        nodeType
-      } = _ref2;
-      let spanNode1;
-      let spanNode2;
-      let 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 = `@${content.name}`;
-        spanNode2.innerHTML = '&nbsp;';
-      }
-      let frag = document.createDocumentFragment();
-      frag.appendChild(spanNode1);
-      const 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", _ref3 => {
-      let {
-        selection,
-        range,
-        participant,
-        callBack,
-        commentRef
-      } = _ref3;
-      if (range) {
-        // delete '@xxx';
-        selection.removeAllRanges();
-        selection.addRange(range);
-        const textNode = range.startContainer;
-        const atIndex = this.getAtIndexWithAnchorPosition(range.startOffset, textNode.data);
-        if (atIndex > -1) {
-          range.setStart(textNode, atIndex);
-          range.setEnd(textNode, range.endOffset);
-          range.deleteContents();
-        }
-      }
-      let newRange = this.createHtmlElement({
-        selection,
-        range,
-        content: participant,
-        nodeType: 'collaborator',
-        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", (anchorPosition, text) => {
-      let atIndex = -1;
-      for (let i = anchorPosition - 1; i > -1; i--) {
-        if (text[i] === '@') {
-          atIndex = i;
-          break;
-        }
-      }
-      return atIndex;
-    });
-    (0, _defineProperty2.default)(this, "onPaste", (event, callBack) => {
-      event.stopPropagation();
-      let cliperData = (0, _getEventTransfer.default)(event);
-      if (cliperData.files) {
-        let file = cliperData.files[0];
-        let isImage = /image/i.test(file.type);
-        if (isImage) {
-          event.preventDefault();
-          if (callBack) {
-            callBack(cliperData.files);
-          }
-        }
-      } else {
-        event.preventDefault();
-        let text = cliperData.text;
-        if (document.queryCommandSupported('insertText')) {
-          document.execCommand('insertText', false, text);
-        } else {
-          document.execCommand('paste', false, text);
-        }
-      }
-    });
-  }
-}
-exports.CommentUtilities = CommentUtilities;
-const focusToCommentElement = (editor, element) => {
-  const path = (0, _core.findPath)(editor, element);
-  const endOfFirstNode = _slate.Editor.end(editor, path);
-  const startOfFirstNode = _slate.Editor.start(editor, path);
-  const 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);
-};
-exports.focusToCommentElement = focusToCommentElement;
-const getCommentElementById = (elementId, editor) => {
-  let element = null;
-  const dom = document.querySelectorAll(`[data-id="${elementId}"]`)[0];
-  if (dom) {
-    const slateNode = _slateReact.ReactEditor.toSlateNode(editor, dom);
-    if (slateNode) {
-      element = slateNode;
-    }
-  }
-  return element;
-};
-exports.getCommentElementById = getCommentElementById;
-const getEventClassName = e => {
-  // svg mouseEvent event.target.className is an object
-  if (!e || !e.target) return '';
-  return e.target.getAttribute('class') || '';
-};
-exports.getEventClassName = getEventClassName;

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

@@ -1,62 +0,0 @@
-"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);
-const PERMISSION_GRANTED = 'granted';
-const notify = ($title, $options) => {
-  const notification = new Notification($title, $options);
-
-  // auto clear notifications
-  const timer = setTimeout(notification.close.bind(notification), 5000);
-  notification.onshow = function (event) {
-    const {
-      mediaUrl
-    } = _context.default.getSetting('mediaUrl');
-    let newAudioElement = document.createElement('audio');
-    newAudioElement.setAttribute('src', `${mediaUrl}audio/classic.mp3`);
-    newAudioElement.setAttribute('autoplay', 'autoplay');
-    newAudioElement.setAttribute('id', 'seatable-audio');
-    let 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();
-  };
-};
-const 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(res => {
-      if (res === PERMISSION_GRANTED) {
-        notify(title, options);
-      }
-    });
-  }
-};
-exports.createNotify = createNotify;
-const generatorNotificationKey = function (commentId) {
-  let replyId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  const validCommentId = commentId + '';
-  const validReplyId = replyId + '';
-  if (!validReplyId) return `sdoc_notification_${validCommentId}`;
-  return `sdoc_notification_${validCommentId}_${validReplyId}`;
-};
-exports.generatorNotificationKey = generatorNotificationKey;

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

@@ -1,15 +0,0 @@
-"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");
-const FileLoading = () => {
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: "file-loading-icon file-loading-tip"
-  });
-};
-var _default = exports.default = FileLoading;

package/dist/basic-sdk/components/loading/index.js

@@ -1,19 +0,0 @@
-"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("./style.css");
-class Loading extends _react.default.Component {
-  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)));
-  }
-}
-var _default = exports.default = Loading;

package/dist/basic-sdk/components/toast/alert.js

@@ -1,51 +0,0 @@
-"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"));
-class Alert extends _react.default.PureComponent {
-  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';
-    }
-  }
-  render() {
-    const {
-      intent,
-      title,
-      children,
-      isRemovable,
-      onRemove
-    } = this.props;
-    const iconClass = this.getIconClass(intent);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: `sdoc-toast-alert-container ${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")));
-  }
-}
-var _default = exports.default = Alert;

package/dist/basic-sdk/components/toast/index.js

@@ -1,10 +0,0 @@
-"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"));
-const toaster = new _toaster.default();
-var _default = exports.default = toaster;

package/dist/basic-sdk/components/toast/toast.js

@@ -1,104 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-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"));
-const ANIMATION_DURATION = 240;
-class Toast extends _react.default.PureComponent {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "state", {
-      isShown: true,
-      height: 0
-    });
-    (0, _defineProperty2.default)(this, "close", event => {
-      if (event) {
-        event.nativeEvent.stopImmediatePropagation();
-        event.stopPropagation();
-      }
-      this.clearCloseTimer();
-      this.setState({
-        isShown: false
-      });
-    });
-    (0, _defineProperty2.default)(this, "startCloseTimer", () => {
-      if (this.props.duration) {
-        this.closeTimer = setTimeout(() => {
-          this.close();
-        }, this.props.duration * 1000);
-      }
-    });
-    (0, _defineProperty2.default)(this, "clearCloseTimer", () => {
-      if (this.closeTimer) {
-        clearTimeout(this.closeTimer);
-        this.closeTimer = null;
-      }
-    });
-    (0, _defineProperty2.default)(this, "handleMouseEnter", () => {
-      this.clearCloseTimer();
-    });
-    (0, _defineProperty2.default)(this, "handleMouseLeave", () => {
-      this.startCloseTimer();
-    });
-    (0, _defineProperty2.default)(this, "onRef", ref => {
-      if (ref === null) return;
-      const {
-        height
-      } = ref.getBoundingClientRect();
-      this.setState({
-        height
-      });
-    });
-  }
-  componentDidUpdate(prevProps) {
-    if (prevProps.isShown !== this.props.isShown) {
-      // eslint-disable-next-line react/no-did-update-set-state
-      this.setState({
-        isShown: this.props.isShown
-      });
-    }
-  }
-  componentDidMount() {
-    this.startCloseTimer();
-  }
-  componentWillUnmount() {
-    this.clearCloseTimer();
-  }
-  render() {
-    return /*#__PURE__*/_react.default.createElement(_Transition.default, {
-      appear: true,
-      unmountOnExit: true,
-      timeout: ANIMATION_DURATION,
-      in: this.state.isShown,
-      onExited: this.props.onRemove
-    }, state => /*#__PURE__*/_react.default.createElement("div", {
-      "data-state": state,
-      className: `sdoc-toast-container ${state}`,
-      onMouseEnter: this.handleMouseEnter,
-      onMouseLeave: this.handleMouseLeave,
-      style: {
-        height: this.state.height,
-        zIndex: this.props.zIndex,
-        marginBottom: this.state.isShown ? 0 : -this.state.height
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: this.onRef,
-      style: {
-        padding: 8
-      }
-    }, /*#__PURE__*/_react.default.createElement(_alert.default, {
-      intent: this.props.intent || 'none',
-      title: this.props.title,
-      children: this.props.children || '',
-      isRemovable: this.props.hasCloseButton,
-      onRemove: event => this.close(event)
-    }))));
-  }
-}
-exports.default = Toast;

package/dist/basic-sdk/components/toast/toastManager.js

@@ -1,110 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _toast = _interopRequireDefault(require("./toast"));
-const hasCustomId = settings => Object.hasOwnProperty.call(settings, 'id');
-class ToastManager extends _react.default.PureComponent {
-  constructor(props, context) {
-    super(props, context);
-    (0, _defineProperty2.default)(this, "getToasts", () => {
-      return this.state.toasts;
-    });
-    (0, _defineProperty2.default)(this, "closeAll", () => {
-      this.getToasts().forEach(toast => toast.close());
-    });
-    (0, _defineProperty2.default)(this, "notify", (title, settings) => {
-      // If there's a custom toast ID passed, close existing toasts with the same custom ID
-      if (hasCustomId(settings)) {
-        for (const toast of this.state.toasts) {
-          // Since unique ID is still appended to a custom ID, skip the unique ID and check only prefix
-          if (String(toast.id).startsWith(settings.id)) {
-            this.closeToast(toast.id);
-          }
-        }
-      }
-      const instance = this.createToastInstance(title, settings);
-      this.setState(previousState => {
-        return {
-          toasts: [instance, ...previousState.toasts]
-        };
-      });
-      return instance;
-    });
-    (0, _defineProperty2.default)(this, "createToastInstance", (title, settings) => {
-      const uniqueId = ++ToastManager.idCounter;
-      const id = hasCustomId(settings) ? `${settings.id}-${uniqueId}` : uniqueId;
-      let hasCloseButton = settings.hasCloseButton || true;
-      let duration = settings.duration || 2;
-      if (settings.hasCloseButton !== undefined) {
-        hasCloseButton = settings.hasCloseButton;
-      }
-      if (settings.duration !== undefined) {
-        duration = settings.duration;
-      }
-      return {
-        id,
-        title,
-        description: settings.description,
-        hasCloseButton: hasCloseButton,
-        duration: duration,
-        close: () => this.closeToast(id),
-        intent: settings.intent
-      };
-    });
-    /**
-     * This will set isShown on the Toast which will close the toast.
-     * It won't remove the toast until onExited triggers onRemove.
-     */
-    (0, _defineProperty2.default)(this, "closeToast", id => {
-      this.setState(previousState => {
-        return {
-          toasts: previousState.toasts.map(toast => {
-            if (toast.id === id) {
-              return {
-                ...toast,
-                isShown: false
-              };
-            }
-            return toast;
-          })
-        };
-      });
-    });
-    (0, _defineProperty2.default)(this, "removeToast", id => {
-      this.setState(previousState => {
-        return {
-          toasts: previousState.toasts.filter(toast => toast.id !== id)
-        };
-      });
-    });
-    props.bindNotify(this.notify);
-    props.bindGetToasts(this.getToasts);
-    props.bindCloseAll(this.closeAll);
-    this.state = {
-      toasts: []
-    };
-  }
-  render() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "sdoc-toast-manager"
-    }, this.state.toasts.map(_ref => {
-      let {
-        id,
-        description,
-        ...props
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement(_toast.default, Object.assign({
-        key: id,
-        onRemove: () => this.removeToast(id)
-      }, props), description);
-    }));
-  }
-}
-exports.default = ToastManager;
-(0, _defineProperty2.default)(ToastManager, "idCounter", 0);