@seafile/sdoc-editor 2.0.81 → 2.0.83

package/dist/basic-sdk/extension/commons/select/field-setting.js

@@ -1,109 +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 _reactI18next = require("react-i18next");
-var _menu = _interopRequireDefault(require("./menu"));
-class FieldSetting extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "onMouseEnter", () => {
-      if (!this.props.option) return;
-      const container = this.settingRef;
-      const {
-        height,
-        width
-      } = container.getBoundingClientRect();
-      const position = {
-        height,
-        width
-      };
-      this.setState({
-        isShowMenu: true,
-        position
-      });
-    });
-    (0, _defineProperty2.default)(this, "onMouseLeave", () => {
-      this.setState({
-        isShowMenu: false
-      });
-    });
-    (0, _defineProperty2.default)(this, "onBoldClick", event => {
-      event.stopPropagation();
-      const {
-        option
-      } = this.props;
-      const newOption = {
-        ...option,
-        bold: !option.bold
-      };
-      this.props.onUpdateOption(newOption);
-    });
-    (0, _defineProperty2.default)(this, "onItalicClick", event => {
-      event.stopPropagation();
-      const {
-        option
-      } = this.props;
-      const newOption = {
-        ...option,
-        italic: !option.italic
-      };
-      this.props.onUpdateOption(newOption);
-    });
-    (0, _defineProperty2.default)(this, "setSettingRef", ref => {
-      this.settingRef = ref;
-    });
-    this.state = {
-      isShowMenu: false,
-      position: {
-        top: 0,
-        left: 0
-      }
-    };
-  }
-  render() {
-    const {
-      option,
-      t
-    } = this.props;
-    const isDisable = !option;
-    const {
-      bold: isBold,
-      italic: isItalic
-    } = option || {};
-    const {
-      isShowMenu
-    } = this.state;
-    const className = `sdoc-field-setting ${isDisable ? 'disable' : ''} option-item`;
-    return /*#__PURE__*/_react.default.createElement("span", {
-      ref: this.setSettingRef,
-      className: className,
-      onMouseEnter: this.onMouseEnter,
-      onMouseLeave: this.onMouseLeave
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "sdocfont sdoc-text-style"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "label"
-    }, t('Font_style')), /*#__PURE__*/_react.default.createElement("span", {
-      className: "icon-container"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "sdocfont sdoc-caret-up op-icon"
-    })), isShowMenu && /*#__PURE__*/_react.default.createElement(_menu.default, {
-      position: this.state.position
-    }, /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
-      iconClass: 'sdocfont sdoc-bold',
-      isChecked: isBold,
-      onClick: this.onBoldClick
-    }, t('Bold')), /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
-      iconClass: 'sdocfont sdoc-italic',
-      isChecked: isItalic,
-      onClick: this.onItalicClick
-    }, t('Italic'))));
-  }
-}
-var _default = exports.default = (0, _reactI18next.withTranslation)('seafile-editor')(FieldSetting);

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

@@ -1,142 +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 _option = _interopRequireDefault(require("./_option"));
-var _fieldSetting = _interopRequireDefault(require("./field-setting"));
-require("./style.css");
-class Select extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "handleSelector", event => {
-      if (this.selector && !this.selector.contains(event.target)) {
-        this.setState({
-          isShowSelector: false
-        });
-      }
-    });
-    (0, _defineProperty2.default)(this, "getCurrentOption", () => {
-      const {
-        value,
-        options
-      } = this.props;
-      const currentOption = value && options.find(option => option.value === value.value);
-      return currentOption;
-    });
-    (0, _defineProperty2.default)(this, "onSelectToggle", event => {
-      const {
-        isShowSelector
-      } = this.state;
-      const newValue = !isShowSelector;
-      if (newValue) {
-        this.dropdownContainerHasInit = false;
-      }
-      this.setState({
-        isShowSelector: newValue
-      });
-    });
-    (0, _defineProperty2.default)(this, "onChange", option => {
-      this.setState({
-        isShowSelector: false,
-        currentOption: option
-      });
-      this.props.onChange(option);
-    });
-    (0, _defineProperty2.default)(this, "onUpdateOption", option => {
-      this.setState({
-        currentOption: option
-      });
-      this.props.onChange(option);
-    });
-    (0, _defineProperty2.default)(this, "setContainerRef", ref => {
-      this.dropdownContainer = ref;
-    });
-    (0, _defineProperty2.default)(this, "setSelectorRef", ref => {
-      this.selector = ref;
-    });
-    this.state = {
-      isShowSelector: false,
-      currentOption: this.getCurrentOption()
-    };
-    this.dropdownContainerHasInit = false;
-  }
-  componentDidMount() {
-    document.addEventListener('mousedown', this.handleSelector);
-  }
-  componentWillUnmount() {
-    document.removeEventListener('mousedown', this.handleSelector);
-  }
-  componentDidUpdate() {
-    const {
-      options
-    } = this.props;
-    const {
-      currentOption
-    } = this.state;
-    const activeIndex = currentOption && options.findIndex(option => option.value === currentOption.value);
-    if (activeIndex > -1) {
-      const scrollTop = 48 + (activeIndex + 1) * 32 - 150;
-      if (scrollTop < 0) return;
-      if (this.dropdownContainer && !this.dropdownContainerHasInit) {
-        this.dropdownContainerHasInit = true;
-        this.dropdownContainer.scrollTop = scrollTop;
-      }
-    }
-  }
-  render() {
-    const {
-      selectClass,
-      optionClass,
-      isSelected,
-      options,
-      placeholder
-    } = this.props;
-    const {
-      currentOption,
-      isShowSelector
-    } = this.state;
-    const isActive = isShowSelector || isSelected;
-    return /*#__PURE__*/_react.default.createElement("span", {
-      ref: this.setSelectorRef,
-      className: `select-container ${selectClass || ''}`
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `control-container ${isActive ? 'active' : ''}`,
-      onClick: this.onSelectToggle
-    }, !currentOption && /*#__PURE__*/_react.default.createElement("span", {
-      className: "label placeholder"
-    }, placeholder), currentOption && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-      className: `control-icon ${currentOption.iconClass}`
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "control-label"
-    }, currentOption.label)), /*#__PURE__*/_react.default.createElement("span", {
-      className: "operation"
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "sdocfont sdoc-drop-down arrow"
-    }))), isShowSelector && /*#__PURE__*/_react.default.createElement("span", {
-      className: "select-popover"
-    }, /*#__PURE__*/_react.default.createElement(_fieldSetting.default, {
-      option: currentOption,
-      onUpdateOption: this.onUpdateOption
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "option-item-divider"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "option-item-wrapper",
-      ref: this.setContainerRef
-    }, options.map(option => {
-      const isActive = option.value === (currentOption && currentOption.value);
-      return /*#__PURE__*/_react.default.createElement(_option.default, {
-        key: option.value,
-        optionClass: optionClass,
-        isActive: isActive,
-        option: option,
-        onOptionChanged: this.onChange
-      });
-    }))));
-  }
-}
-var _default = exports.default = Select;

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

@@ -1,11 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _item = _interopRequireDefault(require("./item"));
-var _menu = _interopRequireDefault(require("./menu"));
-_menu.default.Item = _item.default;
-var _default = exports.default = _menu.default;

package/dist/basic-sdk/extension/commons/select/menu/item.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"));
-require("./style.css");
-class MenuItem extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "onClick", e => {
-      this.props.onClick(e);
-    });
-  }
-  render() {
-    const {
-      children,
-      itemClass,
-      iconClass,
-      isChecked
-    } = this.props;
-    const containerClass = `sdoc-menu-item ${itemClass || ''}`;
-    const itemIconClass = `menu-item-icon ${iconClass || ''}`;
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: containerClass,
-      onClick: this.onClick
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: itemIconClass
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "menu-item-name"
-    }, children), isChecked && /*#__PURE__*/_react.default.createElement("span", {
-      className: "sdocfont sdoc-check-mark"
-    }));
-  }
-}
-var _default = exports.default = MenuItem;

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

@@ -1,34 +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 Menu extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "getStyle", () => {
-      const {
-        position
-      } = this.props;
-      const {
-        width
-      } = position;
-      return {
-        marginLeft: width - 10,
-        marginTop: '30px'
-      };
-    });
-  }
-  render() {
-    const style = this.getStyle();
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: "sdoc-menu-container",
-      style: style
-    }, this.props.children);
-  }
-}
-var _default = exports.default = Menu;

package/dist/basic-sdk/extension/commons/select-file-dialog/helpers.js

@@ -1,54 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parcelFileTypeIcon = exports.getSdocFileIcon = exports.getFileTypeIcon = exports.addDataToTree = void 0;
-var _context = _interopRequireDefault(require("../../../context"));
-var _constants = require("../../constants");
-const addDataToTree = (treeData, indexId, childrenData, path) => {
-  for (let i = 0; i < treeData.length; i++) {
-    var _treeData$i;
-    if (treeData[i].indexId === indexId) {
-      treeData[i].children = childrenData;
-      treeData[i].children.forEach(child => {
-        child.path = path + `/${child.name}`;
-      });
-      break;
-    }
-    if ((_treeData$i = treeData[i]) !== null && _treeData$i !== void 0 && _treeData$i.children) {
-      var _treeData$i2;
-      addDataToTree((_treeData$i2 = treeData[i]) === null || _treeData$i2 === void 0 ? void 0 : _treeData$i2.children, indexId, childrenData, path);
-    }
-  }
-  return treeData;
-};
-exports.addDataToTree = addDataToTree;
-const getSdocFileIcon = () => {
-  const server = _context.default.getSetting('serviceUrl');
-  return `${server}/media/img/file/256/sdoc.png`;
-};
-exports.getSdocFileIcon = getSdocFileIcon;
-const getFileTypeIcon = fileType => {
-  const imgResource = ['css', 'draw', 'excel', 'md', 'music', 'pdf', 'pic', 'ppt', 'psd', 'sdoc', 'txt', 'video', 'zip', 'word'];
-  if (imgResource.includes(fileType)) {
-    const server = _context.default.getSetting('serviceUrl');
-    return `${server}/media/img/file/256/${fileType}.png`;
-  } else {
-    return false;
-  }
-};
-exports.getFileTypeIcon = getFileTypeIcon;
-const parcelFileTypeIcon = fileName => {
-  var _Object$entries$find;
-  const newFileType = fileName.split('.').pop();
-  const fileExtType = (_Object$entries$find = Object.entries(_constants.FILEEXT_TYPE).find(_ref => {
-    let [, extensions] = _ref;
-    return extensions.includes(newFileType);
-  })) === null || _Object$entries$find === void 0 ? void 0 : _Object$entries$find[0];
-  const fileTypeResult = fileExtType ? _constants.FILEEXT_TYPE_MAP[fileExtType] : newFileType;
-  const fileTypeIcon = getFileTypeIcon(fileTypeResult);
-  return fileTypeIcon;
-};
-exports.parcelFileTypeIcon = parcelFileTypeIcon;

package/dist/basic-sdk/extension/commons/select-file-dialog/index.js

@@ -1,207 +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 _reactstrap = require("reactstrap");
-var _isHotkey = _interopRequireDefault(require("is-hotkey"));
-var _toast = _interopRequireDefault(require("../../../components/toast"));
-var _context = _interopRequireDefault(require("../../../context"));
-var _commonUtils = require("../../../utils/common-utils");
-var _constants = require("../../constants");
-var _localFiles = _interopRequireDefault(require("./local-files"));
-require("./index.css");
-const SelectSdocFileDialog = _ref => {
-  let {
-    editor,
-    dialogType,
-    closeDialog,
-    insertLinkCallback,
-    insertVideoCallback
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const [currentSelectedFile, setCurrentSelectedFile] = (0, _react.useState)(null);
-  const [temSearchContent, setTemSearchContent] = (0, _react.useState)('');
-  const [searchContent, setSearchContent] = (0, _react.useState)('');
-  const [isOpenSearch, setIsOpenSearch] = (0, _react.useState)(false);
-  let modalTitle;
-  switch (dialogType) {
-    case _constants.ELEMENT_TYPE.FILE_LINK:
-      modalTitle = 'Select_file';
-      break;
-    case _constants.ELEMENT_TYPE.SDOC_LINK:
-      modalTitle = 'Select_sdoc_document';
-      break;
-    case _constants.ELEMENT_TYPE.VIDEO:
-      modalTitle = 'Select_video_file';
-      break;
-    default:
-      break;
-  }
-  const onSelectedFile = (0, _react.useCallback)(fileInfo => {
-    setCurrentSelectedFile(fileInfo);
-  }, []);
-  const insertFile = (0, _react.useCallback)(fileInfo => {
-    const {
-      insertFileLinkCallback,
-      insertSdocFileLinkCallback
-    } = insertLinkCallback || {};
-    const {
-      insertVideo
-    } = insertVideoCallback || {};
-    switch (dialogType) {
-      case _constants.ELEMENT_TYPE.FILE_LINK:
-        insertFileLinkCallback && insertFileLinkCallback(editor, fileInfo.name, fileInfo.file_uuid);
-        break;
-      case _constants.ELEMENT_TYPE.SDOC_LINK:
-        insertSdocFileLinkCallback && insertSdocFileLinkCallback(editor, fileInfo.name, fileInfo.file_uuid);
-        break;
-      case _constants.ELEMENT_TYPE.VIDEO:
-        const repoID = _context.default.getSetting('repoID');
-        const fileServerRoot = _context.default.getSetting('fileServerRoot');
-        // Get seafile's video download url as src
-        const url = `${fileServerRoot}repos/${repoID}/files${fileInfo.path}/?op=download`;
-        const encodedUrl = encodeURI(url);
-        insertVideo && insertVideo(editor, [{
-          name: fileInfo.name
-        }], [encodedUrl]);
-        break;
-      default:
-        break;
-    }
-  }, [insertLinkCallback, insertVideoCallback, dialogType, editor]);
-  const onSubmit = (0, _react.useCallback)(() => {
-    if (!currentSelectedFile) return;
-    const {
-      file_uuid
-    } = currentSelectedFile;
-    let fileInfo = {
-      ...currentSelectedFile
-    };
-
-    // Insert video element in sdoc
-    if (dialogType === _constants.ELEMENT_TYPE.VIDEO) {
-      insertFile(fileInfo);
-      closeDialog();
-      return;
-    }
-
-    // File has no id
-    if (!file_uuid || file_uuid === '') {
-      _context.default.getSdocLocalFileId(currentSelectedFile.path).then(res => {
-        if (res.status === 200) {
-          fileInfo = {
-            ...currentSelectedFile,
-            file_uuid: res.data.file_uuid
-          };
-        }
-        insertFile(fileInfo);
-        closeDialog();
-      }).catch(error => {
-        const errorMessage = (0, _commonUtils.getErrorMsg)(error);
-        _toast.default.danger(errorMessage);
-      });
-      return;
-    }
-    insertFile(fileInfo);
-    closeDialog();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [currentSelectedFile]);
-  const toggleSearch = (0, _react.useCallback)(() => {
-    setIsOpenSearch(prev => !prev);
-  }, []);
-  const handleSearchInputChange = (0, _react.useCallback)(e => {
-    const keyword = e.target.value.toLowerCase();
-    setTemSearchContent(keyword);
-  }, []);
-  const executeSearch = (0, _react.useCallback)(() => {
-    if (!temSearchContent.trim()) {
-      setSearchContent('');
-      return;
-    }
-    setSearchContent(temSearchContent);
-  }, [temSearchContent]);
-  const handleInputKeyDown = (0, _react.useCallback)(e => {
-    if ((0, _isHotkey.default)('enter', e)) {
-      e.preventDefault();
-      executeSearch();
-    }
-    if ((0, _isHotkey.default)('escape', e)) {
-      e.preventDefault();
-      e.stopPropagation();
-      setIsOpenSearch(!isOpenSearch);
-    }
-  }, [executeSearch, isOpenSearch]);
-  (0, _react.useEffect)(() => {
-    if (!isOpenSearch) {
-      setSearchContent('');
-    }
-  }, [isOpenSearch]);
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
-    isOpen: true,
-    autoFocus: false,
-    zIndex: 1071,
-    returnFocusAfterClose: false,
-    className: "sdoc-file-select-dialog",
-    contentClassName: "sdoc-file-select-modal"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "modal-header-container"
-  }, /*#__PURE__*/_react.default.createElement("h5", {
-    className: "modal-title-container"
-  }, t(modalTitle)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "search-container"
-  }, !isOpenSearch && /*#__PURE__*/_react.default.createElement("div", {
-    className: "search-icon-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdocfont sdoc-find-replace sdoc-files-search-popover",
-    onClick: toggleSearch
-  })), isOpenSearch && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-files-search-popover-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-search-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdocfont sdoc-find-replace sdoc-search"
-  }), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-    autoFocus: true,
-    className: "sdoc-search-input",
-    onKeyUp: handleInputKeyDown,
-    onChange: handleSearchInputChange,
-    id: "sdoc-search",
-    placeholder: t('Search')
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdocfont sdoc-close1 sdoc-close",
-    onClick: toggleSearch
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdocfont sdoc-close1 sdoc-close-dialog",
-    onClick: closeDialog
-  })), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
-    className: "p-0"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-file-select-container"
-  }, /*#__PURE__*/_react.default.createElement(_localFiles.default, {
-    fileType: _constants.FILE_TYPE[dialogType],
-    onSelectedFile: onSelectedFile,
-    toggle: closeDialog,
-    searchContent: searchContent,
-    isOpenSearch: isOpenSearch
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-file-select-footer"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-    color: "secondary",
-    className: "mr-2",
-    onClick: closeDialog
-  }, t('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-    color: "primary",
-    className: "highlight-bg-color",
-    disabled: !currentSelectedFile,
-    onClick: onSubmit
-  }, t('Confirm'))))));
-};
-var _default = exports.default = SelectSdocFileDialog;