@seafile/sdoc-editor 2.0.82 → 2.0.83

package/dist/basic-sdk/extension/commons/insert-element-dialog/index.js

@@ -1,251 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _toast = _interopRequireDefault(require("../../../components/toast"));
-var _constants = require("../../../constants");
-var _context = _interopRequireDefault(require("../../../context"));
-var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-var _constants2 = require("../../constants");
-var _index = _interopRequireDefault(require("../../plugins/ai/ai-module/index.js"));
-var _helpers = require("../../plugins/image/helpers");
-var _addLinkDialog = _interopRequireDefault(require("../../plugins/link/dialog/add-link-dialog"));
-var _dialogs = require("../../plugins/table/dialogs");
-var _index2 = require("../../plugins/video/constants/index.js");
-var _index3 = _interopRequireDefault(require("../../plugins/video/dialog/add-video-link-dialog/index.js"));
-var _helpers2 = require("../../plugins/video/helpers");
-var _index4 = _interopRequireDefault(require("../file-insert-dialog/index.js"));
-var _index5 = _interopRequireDefault(require("../select-file-dialog/index.js"));
-var _index6 = _interopRequireDefault(require("../wiki-file-insert-dialog/index.js"));
-const InsertElementDialog = _ref => {
-  let {
-    editor
-  } = _ref;
-  const [dialogType, setDialogType] = (0, _react.useState)('');
-  const [element, setElement] = (0, _react.useState)('');
-  const [insertPosition, setInsertPosition] = (0, _react.useState)(_constants2.INSERT_POSITION.CURRENT);
-  const [slateNode, setSlateNode] = (0, _react.useState)(null);
-  const [insertLinkCallback, setInsertLinkCallback] = (0, _react.useState)(null);
-  const [insertVideoCallback, setInsertVideoCallback] = (0, _react.useState)(null);
-  const [validEditor, setValidEditor] = (0, _react.useState)(editor);
-  const [linkTitle, setLinkTitle] = (0, _react.useState)('');
-  const [handleSubmit, setHandleSubmit] = (0, _react.useState)(() => void 0);
-  const [data, setData] = (0, _react.useState)({});
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const uploadLocalImageInputRef = (0, _react.useRef)();
-  const uploadLocalVideoInputRef = (0, _react.useRef)();
-  const onFileChanged = (0, _react.useCallback)(event => {
-    const imgInfos = (0, _helpers.generateImageInfos)(event.target.files);
-    (0, _helpers.insertImage)(validEditor, imgInfos, validEditor.selection, insertPosition);
-    if (uploadLocalImageInputRef.current) {
-      uploadLocalImageInputRef.current.value = '';
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [validEditor, uploadLocalImageInputRef, insertPosition, slateNode]);
-  const handleDisplayAlert = (0, _react.useCallback)(() => {
-    setTimeout(() => {
-      _toast.default.warning(`${t('The_current_version_does_not_support_>5MB_video_file')}`, {
-        duration: 3
-      });
-    }, 0);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const onVideoFileChanged = (0, _react.useCallback)(event => {
-    const files = event.target.files;
-    // Show warning for 3s and no further insertion if video file is more than 5MB
-    if (files[0].size > _index2.VIDEO_MAX_SIZE_5MB) {
-      handleDisplayAlert();
-      event.target.value = null;
-      return;
-    }
-    _context.default.uploadLocalVideo(files).then(fileUrl => {
-      (0, _helpers2.insertVideo)(validEditor, files, fileUrl, validEditor.selection, insertPosition);
-      if (uploadLocalVideoInputRef.current) {
-        uploadLocalVideoInputRef.current.value = '';
-      }
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [validEditor, uploadLocalImageInputRef, insertPosition, slateNode]);
-  (0, _react.useEffect)(() => {
-    const eventBus = _eventBus.default.getInstance();
-    const toggleDialogSubscribe = eventBus.subscribe(_constants.INTERNAL_EVENT.INSERT_ELEMENT, toggleDialog);
-    return () => {
-      toggleDialogSubscribe();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const toggleDialog = (0, _react.useCallback)(_ref2 => {
-    let {
-      type,
-      element,
-      insertPosition = _constants2.INSERT_POSITION.CURRENT,
-      slateNode,
-      insertFileLinkCallback,
-      insertSdocFileLinkCallback,
-      insertVideo,
-      editor: paramEditor,
-      linkTitle,
-      // link shortcut wrapping link
-      handleSubmit,
-      data
-    } = _ref2;
-    setInsertPosition(insertPosition);
-    setSlateNode(slateNode);
-    setElement(element);
-    setDialogType(type);
-    setInsertLinkCallback({
-      insertSdocFileLinkCallback,
-      insertFileLinkCallback
-    });
-    setInsertVideoCallback({
-      insertVideo
-    });
-    setLinkTitle(linkTitle);
-    setHandleSubmit(handleSubmit);
-    // Apply for comment editor, as it has a different editor instance
-    setValidEditor(paramEditor || editor);
-    setData(data);
-    if (type === _constants2.LOCAL_IMAGE) {
-      setTimeout(() => {
-        uploadLocalImageInputRef.current && uploadLocalImageInputRef.current.click();
-      }, 0);
-    }
-    if (type === _constants2.LOCAL_VIDEO) {
-      setTimeout(() => {
-        uploadLocalVideoInputRef.current && uploadLocalVideoInputRef.current.click();
-      }, 0);
-    }
-  }, [editor]);
-  const closeDialog = (0, _react.useCallback)(() => {
-    setInsertPosition(_constants2.INSERT_POSITION.CURRENT);
-    setSlateNode(null);
-    setElement('');
-    setDialogType('');
-    setInsertLinkCallback(null);
-    setInsertVideoCallback(null);
-    setValidEditor(null);
-    setLinkTitle('');
-    setData('');
-  }, []);
-  const props = {
-    insertPosition,
-    slateNode,
-    editor: validEditor,
-    element,
-    closeDialog,
-    linkTitle,
-    handleSubmit,
-    data
-  };
-  switch (dialogType) {
-    case _constants2.ELEMENT_TYPE.TABLE:
-      {
-        return /*#__PURE__*/_react.default.createElement(_dialogs.CustomTableSizeDialog, props);
-      }
-    case _constants2.ELEMENT_TYPE.TABLE_CELL:
-      {
-        return /*#__PURE__*/_react.default.createElement(_dialogs.SplitCellSettingDialog, props);
-      }
-    case _constants2.ELEMENT_TYPE.LINK:
-      {
-        return /*#__PURE__*/_react.default.createElement(_addLinkDialog.default, props);
-      }
-    case _constants2.ELEMENT_TYPE.SDOC_LINK:
-      {
-        const sdocLinkProps = {
-          editor: validEditor,
-          dialogType,
-          insertLinkCallback,
-          closeDialog
-        };
-        return /*#__PURE__*/_react.default.createElement(_index5.default, sdocLinkProps);
-      }
-    case _constants2.ELEMENT_TYPE.FILE_LINK:
-      {
-        const fileLinkProps = {
-          editor: validEditor,
-          dialogType,
-          insertLinkCallback,
-          closeDialog
-        };
-        return /*#__PURE__*/_react.default.createElement(_index5.default, fileLinkProps);
-      }
-    case _constants2.ELEMENT_TYPE.VIDEO:
-      {
-        const videoProps = {
-          editor: validEditor,
-          dialogType,
-          insertVideoCallback,
-          closeDialog
-        };
-        return /*#__PURE__*/_react.default.createElement(_index5.default, videoProps);
-      }
-    case _constants2.ELEMENT_TYPE.VIDEO_LINK:
-      {
-        return /*#__PURE__*/_react.default.createElement(_index3.default, props);
-      }
-    case _constants2.LOCAL_IMAGE:
-      {
-        return /*#__PURE__*/_react.default.createElement("input", {
-          onClick: e => e.stopPropagation(),
-          ref: uploadLocalImageInputRef,
-          type: "file",
-          multiple: true,
-          accept: "image/*",
-          style: {
-            display: 'none'
-          },
-          onChange: onFileChanged
-        });
-      }
-    case _constants2.LOCAL_VIDEO:
-      {
-        return /*#__PURE__*/_react.default.createElement("input", {
-          onClick: e => e.stopPropagation(),
-          ref: uploadLocalVideoInputRef,
-          type: "file",
-          accept: "video/*",
-          style: {
-            display: 'none'
-          },
-          onChange: onVideoFileChanged
-        });
-      }
-    case _constants2.ELEMENT_TYPE.FILE_LINK_INSET_INPUT_TEMP:
-      {
-        if (editor.editorType === _constants.WIKI_EDITOR) {
-          return /*#__PURE__*/_react.default.createElement(_index6.default, {
-            element: slateNode,
-            editor: editor,
-            closeDialog: closeDialog
-          });
-        }
-        return /*#__PURE__*/_react.default.createElement(_index4.default, {
-          element: slateNode,
-          editor: editor,
-          closeDialog: closeDialog
-        });
-      }
-    case _constants2.ELEMENT_TYPE.ASK_AI:
-      {
-        return /*#__PURE__*/_react.default.createElement(_index.default, {
-          element: slateNode,
-          editor: editor,
-          closeModule: closeDialog
-        });
-      }
-    default:
-      {
-        return null;
-      }
-  }
-};
-var _default = exports.default = InsertElementDialog;

package/dist/basic-sdk/extension/commons/menu/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MenuGroup", {
-  enumerable: true,
-  get: function () {
-    return _menuGroup.default;
-  }
-});
-Object.defineProperty(exports, "MenuItem", {
-  enumerable: true,
-  get: function () {
-    return _menuItem.default;
-  }
-});
-var _menuGroup = _interopRequireDefault(require("./menu-group"));
-var _menuItem = _interopRequireDefault(require("./menu-item"));
-require("./menu.css");

package/dist/basic-sdk/extension/commons/menu/menu-group.js

@@ -1,17 +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 MenuGroup extends _react.default.PureComponent {
-  render() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: 'btn-group ' + (this.props.className || 'menu-group'),
-      role: 'group'
-    }, this.props.children);
-  }
-}
-var _default = exports.default = MenuGroup;

package/dist/basic-sdk/extension/commons/menu/menu-item.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
-var _constants = require("../../constants");
-const MenuItem = _ref => {
-  let {
-    isRichEditor = true,
-    className = 'menu-group-item',
-    disabled,
-    isActive,
-    type,
-    onMouseDown,
-    iconClass,
-    id,
-    text,
-    ariaLabel
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const onClick = (0, _react.useCallback)(event => {
-    if (disabled) return;
-    onMouseDown(event, type);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [disabled, type]);
-  const validClassName = (0, _classnames.default)('', className, {
-    'btn btn-icon btn-secondary btn-active': !isRichEditor,
-    'rich-icon-btn': isRichEditor,
-    'rich-icon-btn-disabled': isRichEditor && disabled,
-    'rich-icon-btn-hover': isRichEditor && !disabled
-  });
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
-    id: id,
-    type: "button",
-    "aria-label": ariaLabel,
-    className: validClassName,
-    disabled: disabled,
-    "data-active": isActive,
-    onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: iconClass
-  }), type === _constants.SDOC_LINK && /*#__PURE__*/_react.default.createElement("span", {
-    className: "sdoc-link-menu-item"
-  }, /*#__PURE__*/_react.default.createElement("span", null, t(text)), /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-drop-down"
-  }))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    target: id
-  }, t(text)));
-};
-var _default = exports.default = MenuItem;

package/dist/basic-sdk/extension/commons/menu-shortcut-indicator/index.js

@@ -1,22 +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"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./style.css");
-const MenuShortcutPrompt = _ref => {
-  let {
-    shortcuts,
-    containerClassName = ''
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('sdoc-shortcut-prompt-container', containerClassName)
-  }, shortcuts.map((shortcut, index) => /*#__PURE__*/_react.default.createElement("kbd", {
-    key: `sdoc-shortcut-${shortcut}-${index}`
-  }, shortcut)));
-};
-var _default = exports.default = MenuShortcutPrompt;

package/dist/basic-sdk/extension/commons/more-dropdown/index.js

@@ -1,44 +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"));
-var _reactstrap = require("reactstrap");
-var _classnames = _interopRequireDefault(require("classnames"));
-const MoreDropdown = _ref => {
-  let {
-    isRichEditor = true,
-    className = 'menu-group-item',
-    disabled,
-    children
-  } = _ref;
-  const validClassName = (0, _classnames.default)(className, 'sdoc-more-text-button', {
-    'disabled': disabled,
-    'rich-icon-btn': isRichEditor,
-    'rich-icon-btn-disabled': isRichEditor && disabled,
-    'rich-icon-btn-hover': isRichEditor && !disabled,
-    'btn btn-icon btn-secondary btn-active': !isRichEditor
-  });
-  const buttonId = 'sdoc-more-text-operations';
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
-    className: validClassName,
-    type: "button",
-    "aria-label": "more",
-    id: buttonId
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-more"
-  })), /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
-    target: buttonId,
-    className: "sdoc-menu-popover sdoc-dropdown-menu",
-    trigger: "legacy",
-    placement: "bottom-end",
-    hideArrow: true,
-    fade: false
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "menu-group"
-  }, children)));
-};
-var _default = exports.default = MoreDropdown;

package/dist/basic-sdk/extension/commons/search-list/index.js

@@ -1,149 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SearchList;
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _reactstrap = require("reactstrap");
-var _constants = require("../../../constants");
-require("./index.css");
-function SearchList(_ref) {
-  let {
-    list: originalList,
-    listItem: ListItem,
-    onListItemClick,
-    onEscClick
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const inputWrapperRef = (0, _react.useRef)(null);
-  const isComposingRef = (0, _react.useRef)(null);
-  const listRefs = (0, _react.useRef)([]);
-  const [searchedList, setSearchedList] = (0, _react.useState)(originalList);
-  const [currentSelectIndex, setCurrentSelectIndex] = (0, _react.useState)(-1);
-
-  // search input
-  const onChange = (0, _react.useCallback)(event => {
-    if (isComposingRef.current) return;
-    const value = event.target.value.trim();
-    if (value) {
-      const list = originalList.filter(item => item.label.indexOf(value) > -1);
-      setSearchedList(list);
-    } else {
-      setSearchedList(originalList);
-    }
-  }, [originalList]);
-  const onCompositionStart = (0, _react.useCallback)(() => {
-    isComposingRef.current = true;
-  }, []);
-  const onCompositionEnd = (0, _react.useCallback)(e => {
-    isComposingRef.current = false;
-    onChange(e);
-  }, [onChange]);
-
-  // search content list
-  const onItemClick = (0, _react.useCallback)(item => {
-    onListItemClick && onListItemClick(item);
-  }, [onListItemClick]);
-  const onHandleInputFocus = (0, _react.useCallback)(isFocus => {
-    if (inputWrapperRef.current) {
-      queueMicrotask(() => {
-        isFocus ? inputWrapperRef.current.focus() : inputWrapperRef.current.blur();
-      });
-    }
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (currentSelectIndex === -1) {
-      onHandleInputFocus(true);
-    } else {
-      onHandleInputFocus(false);
-    }
-  }, [currentSelectIndex, onHandleInputFocus]);
-  const handleClick = (0, _react.useCallback)(event => {
-    var _inputWrapperRef$curr;
-    if (inputWrapperRef !== null && inputWrapperRef !== void 0 && (_inputWrapperRef$curr = inputWrapperRef.current) !== null && _inputWrapperRef$curr !== void 0 && _inputWrapperRef$curr.contains(event.target) || inputWrapperRef.current === event.target) {
-      event.stopPropagation();
-      event.nativeEvent && event.nativeEvent.stopImmediatePropagation && event.nativeEvent.stopImmediatePropagation();
-      return;
-    }
-  }, []);
-  const scrollIntoView = (0, _react.useCallback)(index => {
-    if (index === -1) return;
-    listRefs.current[index].scrollIntoView({
-      behavior: 'smooth',
-      block: 'center',
-      inline: 'nearest'
-    });
-  }, []);
-  const handleKeyDown = (0, _react.useCallback)(e => {
-    const {
-      UpArrow,
-      DownArrow,
-      Enter,
-      Esc
-    } = _constants.KeyCodes;
-    const {
-      keyCode
-    } = e;
-    if (keyCode === UpArrow) {
-      e.preventDefault();
-      if (currentSelectIndex > -1) {
-        setCurrentSelectIndex(currentSelectIndex - 1);
-        scrollIntoView(currentSelectIndex - 1);
-      }
-    }
-    if (keyCode === DownArrow) {
-      e.preventDefault();
-      if (currentSelectIndex === searchedList.length - 1) return;
-      if (currentSelectIndex < searchedList.length - 1) {
-        setCurrentSelectIndex(currentSelectIndex + 1);
-        scrollIntoView(currentSelectIndex + 1);
-      }
-    }
-    if (keyCode === Enter) {
-      e.preventDefault();
-      const item = searchedList[currentSelectIndex];
-      onItemClick(item);
-    }
-    if (keyCode === Esc) {
-      e.preventDefault();
-      onEscClick && onEscClick();
-    }
-  }, [currentSelectIndex, onEscClick, onItemClick, scrollIntoView, searchedList]);
-  (0, _react.useEffect)(() => {
-    document.addEventListener('mousedown', handleClick);
-    document.addEventListener('keydown', handleKeyDown);
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown);
-      document.removeEventListener('click', handleClick);
-    };
-  }, [handleClick, handleKeyDown]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-search-list"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-search-list-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-    innerRef: inputWrapperRef,
-    placeholder: t('Search_action'),
-    onChange: onChange,
-    onCompositionStart: onCompositionStart,
-    onCompositionEnd: onCompositionEnd
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-search-list-content-wrapper"
-  }, searchedList.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-search-list-with-no-results"
-  }, t('No_results')), searchedList.map((item, index) => {
-    const isSelected = index === currentSelectIndex;
-    return /*#__PURE__*/_react.default.createElement(ListItem, {
-      innerRef: el => listRefs.current[index] = el,
-      key: index,
-      item: item,
-      onItemClick: onItemClick,
-      isSelected: isSelected
-    });
-  })));
-}

package/dist/basic-sdk/extension/commons/select/_option.js

@@ -1,39 +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"));
-class Option extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "onClick", event => {
-      event.stopPropagation();
-      event.nativeEvent.stopImmediatePropagation();
-      const {
-        option
-      } = this.props;
-      this.props.onOptionChanged(option);
-    });
-  }
-  render() {
-    const {
-      option,
-      isActive,
-      optionClass
-    } = this.props;
-    const className = `option-item ${optionClass || ''} ${isActive ? 'active' : ''}`;
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: className,
-      onClick: this.onClick
-    }, option.iconClass && /*#__PURE__*/_react.default.createElement("span", {
-      className: `item-icon ${option.iconClass}`
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "label"
-    }, option.label));
-  }
-}
-var _default = exports.default = Option;