@seafile/comment-editor 0.0.1 → 0.0.2-alpha.1

package/dist/basic-sdk/extension/commons/select/style.css

@@ -1,149 +0,0 @@
-.select-container {
-  position: relative;
-  display: inline-block;
-  margin: 0 5px;
-  font-weight: normal;
-}
-
-.select-container .control-container {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  padding: 0 10px;
-  height: 24px;
-  font-size: 13px;
-  line-height: 1.5;
-  cursor: pointer;
-  user-select: none;
-}
-
-.select-container .control-container.active,
-.select-container .control-container:hover {
-  border: 1px solid #3C88FD;
-  box-shadow: 0 0 0 2px rgb(70 127 207 / 25%);
-}
-
-.select-container .control-container .placeholder {
-  color: #BFBFBF;
-}
-
-.select-container .control-container .control-icon {
-  font-size: 13px;
-  color: rgb(170, 170, 170);
-  cursor: default;
-  margin-right: 5px;
-}
-
-.select-container .control-container .operation {
-  margin-left: 8px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.select-container .control-container .arrow {
-  color: #949494;
-  display: inline-block;
-  font-size: 12px;
-  transform: scale(.8);
-  transition: all .1s;
-}
-
-.select-container .control-container .arrow:hover {
-  color: #666;
-}
-
-.select-container .select-popover {
-  position: absolute;
-  left: 0;
-  display: flex;
-  min-width: 80px;
-  max-height: 265px;
-  margin-top: 4px;
-  padding: 8px 0;
-  flex-direction: column;
-  border: 1px solid #e5e5e5;
-  box-shadow: 0 4px 10px #eee;
-  border-radius: 4px;
-  background: #fff;
-  z-index: 10;
-}
-
-.select-popover .option-item-divider {
-  margin-top: 8px;
-  border-top: 1px solid #EFEFEF;
-}
-
-.select-popover .sdoc-field-setting {
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-
-.select-popover .sdoc-field-setting .icon-container {
-  position: absolute;
-  right: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.select-popover .sdoc-field-setting .sdoc-text-style {
-  font-size: 14px;
-  color: #aaa;
-}
-
-.select-popover .sdoc-field-setting .op-icon {
-  font-size: 12px;
-  transform: rotate(90deg);
-  color: #aaa;
-}
-
-.select-popover .option-item-wrapper {
-  flex: 1;
-  min-height: 0;
-  min-width: 0;
-  overflow: auto;
-}
-
-.select-popover .option-item {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  min-width: 80px;
-  height: 32px;
-  padding: 0 12px;
-  cursor: pointer;
-  overflow-wrap: normal;
-  white-space: nowrap;
-}
-
-.select-popover .option-item:hover {
-  background-color: #F5F5F5;
-}
-
-.select-popover .option-item.active {
-  background-color: #39A0FF;
-  color: #fff;
-}
-
-.select-popover .option-item.disable {
-  color: #aaa;
-  cursor: default;
-}
-
-.select-popover .option-item .item-icon {
-  font-size: 14px;
-  color: rgb(170, 170, 170);
-  cursor: default;
-}
-
-.select-popover .option-item.active .item-icon {
-  color: #fff;
-}
-
-.select-popover .option-item .label {
-  margin: 0 5px;
-}

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.css

@@ -1,135 +0,0 @@
-.sdoc-file-select-dialog {
-  max-width: 520px;
-}
-
-.sdoc-file-select-dialog .sdoc-file-select-modal {
-  width: 520px;
-}
-
-.sdoc-file-select-dialog .sdoc-file-select-footer {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding: 1rem;
-  border-top: 1px solid #e9ecef;
-}
-
-.sdoc-file-select-dialog .highlight-bg-color {
-  background-color: #FF8000;
-  border-color: #FF8000;
-}
-
-.sdoc-file-select-dialog .modal-header-container {
-  display: flex;
-  position: relative;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  height: 57px;
-  padding: 16px;
-  border-bottom: 1px solid #e9ecef;
-}
-
-.modal-title-container {
-  flex: 0 1 auto;
-  white-space: nowrap;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: auto;
-}
-
-.search-container {
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: flex-end;
-  margin-right: 8px;
-}
-
-.sdoc-close-dialog {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-}
-
-.search-container .search-icon-container .sdoc-find-replace,
-.modal-header-container .sdoc-close1 {
-  font-size: 16px;
-  color: #666666;
-}
-
-.search-container .search-icon-container  .sdoc-find-replace:hover,
-.modal-header-container .sdoc-close1:hover {
-  background-color: #EFEFEF;
-  border-radius: 3px;
-  height: 28px;
-  width: 28px;
-}
-
-.sdoc-files-search-popover{
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-}
-
-.sdoc-files-search-popover-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 200px;
-}
-
-.sdoc-search-wrapper {
-  position: relative;
-  display: flex;
-  align-items: center;
-  width: 100%;
-}
-
-.sdoc-search-input {
-  flex: 1;
-  height: 28px;
-  padding: 0 25px;
-  line-height: 28px;
-
-}
-
-.sdoc-search-input::placeholder {
-  color: #868E96;
-  font-size: 14px;
-}
-
-.sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-close,
-.sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-search {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-}
-
-.sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-close1,
-.sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-find-replace {
-  color: #666666;
-  font-size: 14px;
-}
-
-.sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-close1:hover {
-  background-color: #EFEFEF;
-  border-radius: 3px;
-  height: 20px;
-  width: 20px;
-}
-
-.sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-search {
-  position: absolute;
-  left: 4px;
-}
-
-.sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-close {
-  position: absolute;
-  right: 4px;
-}

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;

package/dist/basic-sdk/extension/commons/select-file-dialog/local-files/index.css

@@ -1,114 +0,0 @@
-.sdoc-files-tree {
-  flex: 1;
-  padding: 8px 16px;
-  width: 100%;
-  height: 400px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-}
-
-.sdoc-files-tree .sdoc-file-info {
-  border-radius: 2px;
-  height: 32px;
-  line-height: 32px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  position: relative;
-  padding-left: 2.8rem;
-  display: flex;
-  flex-direction: column;
-}
-
-.sdoc-files-tree .sdoc-file-info:hover {
-  cursor: pointer;
-  background-color: #f5f5f5;
-}
-
-.sdoc-files-tree .sdoc-file-info .sdoc-file-icon-container {
-  display: flex;
-  align-items: center;
-  width: 2.8rem;
-  height: 100%;
-  padding-left: 1.5rem;
-  position: absolute;
-  left: 0;
-}
-
-.sdoc-file-icon-container .video-file-img,
-.sdoc-file-icon-container .sdoc-file-img {
-  position: absolute;
-  width: 21.6px;
-  right: 1px;
-}
-
-.sdoc-files-tree .sdoc-file-info .sdoc-file-icon {
-  color: #9aa0ac;
-}
-
-.sdoc-files-tree .sdoc-file-info.active {
-  background-color: #f5f5f5;
-}
-
-.sdoc-files-tree .sdoc-file-icon-toggle {
-  height: 1.5rem;
-  width: 1.5rem;
-  line-height: 1.5rem !important;
-  font-size: 12px !important;
-  transform: scale(.8);
-  text-align: center;
-  position: absolute;
-  left: 0;
-}
-
-.sdoc-files-tree .sdoc-file-info.expanded .sdoc-file-icon-toggle {
-  transform: rotate(90deg) scale(.8);
-}
-
-.sdoc-files-tree .sdoc-file-info .sdoc-file-name {
-  font-size: 14px;
-}
-
-.sdoc-files-tree .sdoc-folder-children {
-  padding-left: 20px;
-}
-
-.sdoc-files-tree .sdoc-folder-children-empty {
-  color: #999;
-  padding: 4px 20px;
-}
-
-.sdoc-files-tree .sdoc-file-info .sdoc-search-folder-name {
-  font-size: 14px;
-  color: #7d7d7d;
-}
-
-.sdoc-folder-container.sdoc-folder-search-results .sdoc-file-info {
-  height: 59px;
-  width: 486px;
-  padding: 10px 50px;
-  flex-direction: column;
-  justify-content: center;
-  border-radius: 2px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.sdoc-folder-container.sdoc-folder-search-results .sdoc-file-info .sdoc-file-icon-container .sdoc-file-img {
-  width: 36px;
-  height: 36px;
-}
-
-.sdoc-folder-container.sdoc-folder-search-results .sdoc-file-name,
-.sdoc-search-folder-name {
-  height: 19.5px;
-  display: flex;
-  align-items: center;
-}
-
-.sdoc-files-tree .sdoc-file-search-no-result {
-  display: flex;
-  justify-content: center;
-}