@seafile/sdoc-editor 3.0.166 → 3.0.168

package/dist/api/seafile-api.js

@@ -340,6 +340,28 @@ var SeafileAPI = /*#__PURE__*/function () {
 
       return this.req.post(url, form);
     }
+  }, {
+    key: "listLinkedRepoDir",
+    value: function listLinkedRepoDir(docUuid, wikiId, linkedRepoId, dirPath) {
+      var url = "/api/v2.1/wiki2/".concat(wikiId, "/linked-repos/").concat(linkedRepoId, "/dir/");
+      return this.req.get(url, {
+        params: {
+          p: dirPath,
+          file_uuid: docUuid
+        }
+      });
+    }
+  }, {
+    key: "getLinkedRepoFileId",
+    value: function getLinkedRepoFileId(docUuid, wikiId, linkedRepoId, p) {
+      var url = "/api/v2.1/wiki2/".concat(wikiId, "/linked-repos/").concat(linkedRepoId, "/file-uuid/");
+      return this.req.get(url, {
+        params: {
+          p: p,
+          file_uuid: docUuid
+        }
+      });
+    }
   }]);
 }();
 var _default = exports["default"] = SeafileAPI;

package/dist/comment/components/comment-list.js

@@ -234,7 +234,7 @@ var CommentList = function CommentList(_ref) {
       settings: (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, _context2["default"].getSettings()), {}, {
         mediaUrl: _context2["default"].getSetting('mediaUrl') + 'comment-editor/'
       }),
-      placeholder: 'Enter_reply_shift_Enter_for_new_line_Enter_to_send',
+      placeholder: 'shift_enter_for_new_line_Enter_to_send',
       addParticipants: addParticipants,
       participants: participants,
       collaborators: collaborators,
@@ -281,7 +281,7 @@ var CommentList = function CommentList(_ref) {
     settings: (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, _context2["default"].getSettings()), {}, {
       mediaUrl: _context2["default"].getSetting('mediaUrl') + 'comment-editor/'
     }),
-    placeholder: 'Enter_reply_shift_Enter_for_new_line_Enter_to_send',
+    placeholder: 'shift_enter_for_new_line_Enter_to_send',
     addParticipants: addParticipants,
     participants: participants,
     collaborators: collaborators,

package/dist/comment/components/global-comment/index.js

@@ -172,7 +172,7 @@ var GlobalComment = function GlobalComment(_ref) {
       setActiveCommentGroup(null);
     }
   }, [commentList, deleteUnseenNotifications]);
-  var commentEditorPlaceholder = !activeCommentGroup ? t('Enter_comment_shift_enter_for_new_line_Enter_to_send') : t('Enter_reply_shift_Enter_for_new_line_Enter_to_send');
+  var commentEditorPlaceholder = t('shift_enter_for_new_line_Enter_to_send');
   (0, _react.useEffect)(function () {
     if (!contentRef.current) return;
     if (showEditor) {

package/dist/context.js

@@ -54,6 +54,24 @@ var Context = /*#__PURE__*/function () {
       }
       return _this.settings['repos'];
     });
+    (0, _defineProperty2["default"])(this, "getLinkedRepos", function () {
+      var repos = _this.getWikiRepos() || [];
+      var wikiSettings = _this.getWikiSettings() || {};
+      var linkedRepos = wikiSettings.linked_repos || [];
+      if (!Array.isArray(repos) || !Array.isArray(linkedRepos) || linkedRepos.length === 0) {
+        return [];
+      }
+      var linkedMap = linkedRepos.reduce(function (ret, id) {
+        ret[id] = true;
+        return ret;
+      }, {});
+      return repos.filter(function (item) {
+        return linkedMap[item.repo_id];
+      });
+    });
+    (0, _defineProperty2["default"])(this, "hasLinkedRepos", function () {
+      return _this.getLinkedRepos().length > 0;
+    });
     (0, _defineProperty2["default"])(this, "uploadLocalImage", function (imageFiles) {
       var docUuid = _this.getSetting('docUuid');
       return _this.api.uploadSdocImage(docUuid, imageFiles).then(function (res) {
@@ -463,6 +481,20 @@ var Context = /*#__PURE__*/function () {
       var wikiId = this.getSetting('wikiId');
       return this.api.modifyView(wikiId, fileViewId, viewData);
     }
+  }, {
+    key: "listLinkedRepoDir",
+    value: function listLinkedRepoDir(repoID, nodePath) {
+      var wikiId = this.getSetting('wikiId');
+      var docUuid = this.getSetting('docUuid');
+      return this.api.listLinkedRepoDir(docUuid, wikiId, repoID, nodePath);
+    }
+  }, {
+    key: "getLinkedRepoFileId",
+    value: function getLinkedRepoFileId(repoID, nodePath) {
+      var wikiId = this.getSetting('wikiId');
+      var docUuid = this.getSetting('docUuid');
+      return this.api.getLinkedRepoFileId(docUuid, wikiId, repoID, nodePath);
+    }
   }]);
 }();
 var context = new Context();

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

@@ -25,7 +25,8 @@ var _index4 = _interopRequireDefault(require("../../plugins/video/dialog/add-vid
 var _helpers2 = require("../../plugins/video/helpers");
 var _index5 = _interopRequireDefault(require("../file-insert-dialog/index.js"));
 var _index6 = _interopRequireDefault(require("../select-file-dialog/index.js"));
-var _index7 = _interopRequireDefault(require("../wiki-file-insert-dialog/index.js"));
+var _index7 = _interopRequireDefault(require("../select-lib-file-dialog/index.js"));
+var _index8 = _interopRequireDefault(require("../wiki-file-insert-dialog/index.js"));
 var InsertElementDialog = function InsertElementDialog(_ref) {
   var editor = _ref.editor;
   var _useState = (0, _react.useState)(''),
@@ -258,6 +259,16 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
         };
         return /*#__PURE__*/_react["default"].createElement(_index6["default"], fileLinkProps);
       }
+    case _constants2.ELEMENT_TYPE.FILE:
+      {
+        var _fileLinkProps = {
+          editor: validEditor,
+          dialogType: dialogType,
+          insertLinkCallback: insertLinkCallback,
+          closeDialog: closeDialog
+        };
+        return /*#__PURE__*/_react["default"].createElement(_index7["default"], _fileLinkProps);
+      }
     case _constants2.ELEMENT_TYPE.WHITEBOARD:
       {
         var whiteboardProps = {
@@ -324,7 +335,7 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
     case _constants2.ELEMENT_TYPE.FILE_LINK_INSET_INPUT_TEMP:
       {
         if (editor.editorType === _constants.WIKI_EDITOR) {
-          return /*#__PURE__*/_react["default"].createElement(_index7["default"], {
+          return /*#__PURE__*/_react["default"].createElement(_index8["default"], {
             element: slateNode,
             editor: editor,
             closeDialog: closeDialog

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

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

package/dist/extension/commons/select-lib-file-dialog/index.css

@@ -0,0 +1,127 @@
+.sdoc-file-select-dialog {
+  max-width: 700px;
+}
+
+.sdoc-file-select-dialog .sdoc-file-select-modal {
+  width: 700px;
+}
+
+.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;
+}
+
+.sdoc-file-select-dialog .modal-title-container {
+  flex: 0 1 auto;
+  white-space: nowrap;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: auto 0;
+}
+
+.sdoc-close-dialog {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  cursor: pointer;
+}
+
+.sdoc-file-select-dialog .modal-header-container .sdoc-sm-close {
+  font-size: 16px;
+  color: #666666;
+}
+
+.sdoc-file-select-dialog .modal-header-container .sdoc-sm-close:hover {
+  background-color: #EFEFEF;
+  border-radius: 3px;
+  height: 28px;
+  width: 28px;
+}
+
+.sdoc-file-select-dialog .sdoc-file-select__side-panel {
+  padding: 1rem;
+  line-height: 24px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sdoc-file-select-dialog .sdoc-file-select__repo-item {
+  display: flex;
+  align-items: center;
+  position: relative;
+  height: 32px;
+  padding: 0 10px 0 14px;
+  cursor: default;
+  transition: background-color 0.3s ease, font-weight 0.3s ease;
+  border: none;
+  border-radius: 3px;
+}
+
+.sdoc-file-select-dialog .sdoc-file-select__repo-item:hover {
+  background-color: var(--bs-nav-hover-bg, #f5f5f5);
+}
+
+.sdoc-file-select-dialog .sdoc-file-select__repo-item.active {
+  background-color: var(--bs-nav-active-bg, #f3f3f3);
+  font-weight: 500;
+}
+
+.sdoc-file-select-dialog .sdoc-file-select__repo-item.active::before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 4px;
+  left: 0;
+  width: 4px;
+  height: 24px;
+  background-color: #ff9800;
+  border-radius: 2px;
+  z-index: 0;
+}
+
+.sdoc-file-select-dialog .sdoc-file-select__repo-item .lib-icon {
+  flex-shrink: 0;
+  margin-right: 8px;
+}
+
+.sdoc-file-select-dialog .sdoc-file-select__repo-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sdoc-file-select__main-panel .sdoc-file-select-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 1rem;
+  border-top: 1px solid #e9ecef;
+}
+
+@media (max-width: 768px) {
+  .sdoc-file-select-dialog .sdoc-file-select__side-panel,
+  .sdoc-file-select-dialog .sdoc-file-select__main-panel {
+    max-width: 100% !important;
+  }
+
+  .sdoc-file-select-dialog .sdoc-file-select__side-panel {
+    border-right: none !important;
+    border-bottom: 1px solid #e9ecef;
+    overflow-x: auto;
+  }
+
+}

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

@@ -0,0 +1,143 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _lib = _interopRequireDefault(require("../../../assets/images/lib.png"));
+var _toast = _interopRequireDefault(require("../../../components/toast"));
+var _context = _interopRequireDefault(require("../../../context"));
+var _commonUtils = require("../../../utils/common-utils");
+var _treeView = _interopRequireDefault(require("./tree-view"));
+require("./index.css");
+var SelectLibFileDialog = function SelectLibFileDialog(_ref) {
+  var _enableRepos$;
+  var editor = _ref.editor,
+    dialogType = _ref.dialogType,
+    closeDialog = _ref.closeDialog,
+    insertLinkCallback = _ref.insertLinkCallback;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    currentSelectedFile = _useState2[0],
+    setCurrentSelectedFile = _useState2[1];
+  var enableRepos = (0, _react.useMemo)(function () {
+    return _context["default"].getLinkedRepos();
+  }, []);
+  var _useState3 = (0, _react.useState)(((_enableRepos$ = enableRepos[0]) === null || _enableRepos$ === void 0 ? void 0 : _enableRepos$.repo_id) || ''),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    currentRepoId = _useState4[0],
+    setCurrentRepoId = _useState4[1];
+  var onSelectedFile = (0, _react.useCallback)(function (fileInfo) {
+    setCurrentSelectedFile(fileInfo);
+  }, []);
+  var onSelectRepo = (0, _react.useCallback)(function (repoId) {
+    if (repoId === currentRepoId) return;
+    setCurrentRepoId(repoId);
+    setCurrentSelectedFile(null);
+  }, [currentRepoId]);
+  var insertFile = (0, _react.useCallback)(function (fileInfo) {
+    var _ref2 = insertLinkCallback || {},
+      insertFileLinkCallback = _ref2.insertFileLinkCallback;
+    insertFileLinkCallback && insertFileLinkCallback(editor, fileInfo.name, fileInfo.file_uuid);
+  }, [insertLinkCallback, editor]);
+  var onSubmit = (0, _react.useCallback)(function () {
+    if (!currentSelectedFile) return;
+    var file_uuid = currentSelectedFile.file_uuid;
+    var fileInfo = (0, _objectSpread2["default"])({}, currentSelectedFile);
+
+    // File has no id
+    if (!file_uuid || file_uuid === '') {
+      _context["default"].getLinkedRepoFileId(currentRepoId, currentSelectedFile.path).then(function (res) {
+        if (res.status === 200) {
+          fileInfo = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, currentSelectedFile), {}, {
+            file_uuid: res.data.file_uuid
+          });
+        }
+        insertFile(fileInfo);
+        closeDialog();
+      })["catch"](function (error) {
+        var errorMessage = (0, _commonUtils.getErrorMsg)(error);
+        _toast["default"].danger(errorMessage);
+      });
+      return;
+    }
+    insertFile(fileInfo);
+    closeDialog();
+  }, [closeDialog, currentRepoId, currentSelectedFile, insertFile]);
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Modal, {
+    isOpen: true,
+    autoFocus: true,
+    zIndex: 1071,
+    returnFocusAfterClose: false,
+    className: "sdoc-file-select-dialog",
+    contentClassName: "sdoc-file-select-modal",
+    toggle: closeDialog
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "modal-header-container"
+  }, /*#__PURE__*/_react["default"].createElement("h5", {
+    className: "modal-title-container"
+  }, t('Select_file')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "modal-operation-container"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdocfont sdoc-sm-close sdoc-close-dialog",
+    onClick: closeDialog
+  }))), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalBody, {
+    className: "p-0"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-file-select-container row"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-file-select__side-panel border-end col-12 col-md-3"
+  }, enableRepos.map(function (repo) {
+    var isActive = repo.repo_id === currentRepoId;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: repo.repo_id,
+      className: "sdoc-file-select__repo-item ".concat(isActive ? 'active' : ''),
+      title: repo.repo_name,
+      role: "button",
+      tabIndex: 0,
+      onClick: function onClick() {
+        return onSelectRepo(repo.repo_id);
+      },
+      onKeyDown: function onKeyDown(event) {
+        if (event.key === 'Enter' || event.key === ' ') {
+          event.preventDefault();
+          onSelectRepo(repo.repo_id);
+        }
+      }
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      className: "lib-icon",
+      src: _lib["default"],
+      width: "20",
+      alt: ""
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "sdoc-file-select__repo-name"
+    }, repo.repo_name));
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-file-select__main-panel col-12 col-md-9"
+  }, currentRepoId && /*#__PURE__*/_react["default"].createElement(_treeView["default"], {
+    repoID: currentRepoId,
+    onSelectedFile: onSelectedFile,
+    toggle: closeDialog
+  }), /*#__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('Submit')))))));
+};
+var _default = exports["default"] = SelectLibFileDialog;

package/dist/extension/commons/select-lib-file-dialog/tree-view/index.css

@@ -0,0 +1,129 @@
+.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 .whiteboard-file-img,
+.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-checked {
+  position: absolute;
+  right: 10px;
+  color: #666;
+  font-size: 14px;
+  font-weight: 400;
+}
+
+.sdoc-files-tree .sdoc-file-info .sdoc-file-icon {
+  color: #666;
+}
+
+.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;
+  text-align: center;
+  position: absolute;
+  left: 0;
+}
+
+.sdoc-files-tree .sdoc-file-info.expanded .sdoc-file-icon-toggle {
+  transform: rotate(90deg);
+}
+
+.sdoc-files-tree .sdoc-file-info .sdoc-file-name {
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.sdoc-files-tree .sdoc-file-info:has(.sdoc-file-checked) .sdoc-file-name {
+  padding-right: 32px;
+}
+
+.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;
+  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 .whiteboard-file-img,
+.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;
+}

package/dist/extension/commons/select-lib-file-dialog/tree-view/index.js

@@ -0,0 +1,221 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _toast = _interopRequireDefault(require("../../../../components/toast"));
+var _context2 = _interopRequireDefault(require("../../../../context"));
+var _commonUtils = require("../../../../utils/common-utils");
+var _helpers = require("../helpers");
+require("./index.css");
+var TreeView = function TreeView(_ref) {
+  var repoID = _ref.repoID,
+    onSelectedFile = _ref.onSelectedFile,
+    toggle = _ref.toggle,
+    t = _ref.t;
+  var folderRef = (0, _react.useRef)(null);
+  var repoCacheRef = (0, _react.useRef)({});
+  var _useState = (0, _react.useState)(new Set([])),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    expandedFolder = _useState2[0],
+    setExpandedFolder = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    currentActiveItem = _useState4[0],
+    setCurrentActiveItem = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    treeData = _useState6[0],
+    setTreeData = _useState6[1];
+  var updateRepoCache = (0, _react.useCallback)(function (repoID, nextTreeData) {
+    var nextExpandedFolder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new Set([]);
+    repoCacheRef.current[repoID] = {
+      treeData: nextTreeData,
+      expandedFolder: Array.from(nextExpandedFolder)
+    };
+  }, []);
+  var getTreeData = (0, _react.useCallback)(function (repoID, nodePath, nodeId) {
+    var currentTreeData = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+    return _context2["default"].listLinkedRepoDir(repoID, nodePath).then(function (res) {
+      var dirent_list = res.data.dirent_list;
+      var newData = dirent_list.map(function (item) {
+        item.path = nodePath === '/' ? "/".concat(item.name) : "".concat(nodePath, "/").concat(item.name);
+        item.indexId = item.path;
+        return item;
+      });
+      var nextTreeData = newData;
+
+      // Open folder
+      if (nodeId && currentTreeData.length > 0) {
+        var newFileListData = (0, _helpers.addDataToTree)(currentTreeData, nodeId, newData, nodePath);
+        nextTreeData = (0, _toConsumableArray2["default"])(newFileListData);
+      }
+      setTreeData(nextTreeData);
+      return nextTreeData;
+    })["catch"](function (error) {
+      toggle();
+      var errorMessage = (0, _commonUtils.getErrorMsg)(error);
+      _toast["default"].danger(errorMessage);
+      return null;
+    });
+  }, [toggle]);
+  (0, _react.useEffect)(function () {
+    setCurrentActiveItem(null);
+    onSelectedFile(null);
+    var cachedRepoData = repoCacheRef.current[repoID];
+    if (cachedRepoData !== null && cachedRepoData !== void 0 && cachedRepoData.treeData) {
+      setTreeData(cachedRepoData.treeData);
+      setExpandedFolder(new Set(cachedRepoData.expandedFolder));
+      return;
+    }
+    var rootPath = '/';
+    setTreeData([]);
+    setExpandedFolder(new Set([]));
+    getTreeData(repoID, rootPath).then(function (nextTreeData) {
+      if (!nextTreeData) return;
+      updateRepoCache(repoID, nextTreeData, new Set([]));
+    });
+  }, [getTreeData, onSelectedFile, repoID, updateRepoCache]);
+  var onToggle = (0, _react.useCallback)(/*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(e, item) {
+      var nextExpandedFolder, nextTreeData, hasLoadedChildren, _t;
+      return (0, _regenerator2["default"])().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            e && e.stopPropagation();
+            nextExpandedFolder = new Set(Array.from(expandedFolder));
+            nextTreeData = treeData;
+            if (!expandedFolder.has(item.indexId)) {
+              _context.n = 1;
+              break;
+            }
+            nextExpandedFolder["delete"](item.indexId);
+            _context.n = 5;
+            break;
+          case 1:
+            hasLoadedChildren = Object.prototype.hasOwnProperty.call(item, 'children');
+            if (hasLoadedChildren) {
+              _context.n = 4;
+              break;
+            }
+            _context.n = 2;
+            return getTreeData(repoID, item.path, item.indexId, treeData);
+          case 2:
+            _t = _context.v;
+            if (_t) {
+              _context.n = 3;
+              break;
+            }
+            _t = treeData;
+          case 3:
+            nextTreeData = _t;
+          case 4:
+            nextExpandedFolder.add(item.indexId);
+          case 5:
+            onSelectedFile(null);
+            setCurrentActiveItem(item);
+            setExpandedFolder(nextExpandedFolder);
+            updateRepoCache(repoID, nextTreeData, nextExpandedFolder);
+          case 6:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return function (_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [expandedFolder, getTreeData, onSelectedFile, repoID, treeData, updateRepoCache]);
+  var onSelectFile = (0, _react.useCallback)(function (e, file) {
+    e.stopPropagation();
+    var newFile = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, file), {}, {
+      path: file.path || file.fullpath
+    });
+    setCurrentActiveItem(newFile);
+    onSelectedFile(newFile);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var renderFileTree = (0, _react.useCallback)(function (data) {
+    if (!Array.isArray(data) || data.length === 0) return null;
+    return data.map(function (item) {
+      var _item$fullpath, _item$children, _item$children2;
+      if (!item) return null;
+      var type = item.type,
+        indexId = item.indexId,
+        name = item.name,
+        file_uuid = item.file_uuid,
+        path = item.path,
+        fullpath = item.fullpath;
+      var isExpanded = expandedFolder.has(indexId);
+      var hasLoadedChildren = Object.prototype.hasOwnProperty.call(item, 'children');
+      // Get file type icon
+      var fileTypeIcon = (0, _helpers.parcelFileTypeIcon)(name);
+      var result = (_item$fullpath = item.fullpath) === null || _item$fullpath === void 0 ? void 0 : _item$fullpath.split('/').filter(Boolean);
+      item.fullpath && result.pop();
+      var folderPath = item.fullpath && result.join('/');
+      var selected = (currentActiveItem === null || currentActiveItem === void 0 ? void 0 : currentActiveItem.path) === (path || fullpath);
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: indexId || file_uuid,
+        className: (0, _classnames["default"])('sdoc-folder-container')
+      }, type === 'dir' && /*#__PURE__*/_react["default"].createElement("div", {
+        ref: folderRef,
+        className: "sdoc-folder-wrapper"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])('sdoc-folder-info sdoc-file-info', {
+          'expanded': isExpanded
+        }),
+        onClick: function onClick(e) {
+          return onToggle(e, item);
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "sdoc-file-icon-container"
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-arrow-right"
+      }), /*#__PURE__*/_react["default"].createElement("i", {
+        className: "sdoc-file-icon sdocfont sdoc-folder"
+      })), /*#__PURE__*/_react["default"].createElement("span", {
+        className: "sdoc-folder-name sdoc-file-name"
+      }, name)), isExpanded && hasLoadedChildren && /*#__PURE__*/_react["default"].createElement("div", {
+        className: "sdoc-folder-children"
+      }, ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) === 0 && /*#__PURE__*/_react["default"].createElement("div", {
+        className: "sdoc-folder-children-empty"
+      }, "(".concat(t('Empty'), ")")), ((_item$children2 = item.children) === null || _item$children2 === void 0 ? void 0 : _item$children2.length) > 0 && renderFileTree(item.children))), ['file', 'video', 'exdraw'].includes(type) && /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])('sdoc-file-info'),
+        onClick: function onClick(e) {
+          onSelectFile(e, item);
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "sdoc-file-icon-container"
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: (0, _classnames["default"])('sdoc-file-icon', {
+          'sdocfont sdoc-link-file': !fileTypeIcon
+        })
+      }), fileTypeIcon && /*#__PURE__*/_react["default"].createElement("img", {
+        className: "sdoc-file-img",
+        src: fileTypeIcon,
+        alt: ""
+      })), /*#__PURE__*/_react["default"].createElement("span", {
+        className: "sdoc-file-name"
+      }, name), item.fullpath && folderPath.length !== 0 && /*#__PURE__*/_react["default"].createElement("span", {
+        className: "sdoc-search-folder-name"
+      }, folderPath), selected && /*#__PURE__*/_react["default"].createElement("i", {
+        className: "sdoc-file-checked sdocfont sdoc-check-mark"
+      })));
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [treeData, currentActiveItem, expandedFolder]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-files-tree"
+  }, renderFileTree(treeData));
+};
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(TreeView);

package/dist/extension/constants/element-type.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WIKI_LINK = exports.WHITEBOARD = exports.VIDEO_LINK = exports.VIDEO = exports.UNORDERED_LIST = exports.TWO_COLUMN = exports.TOP_LEVEL_TYPES = exports.TOGGLE_HEADER3 = exports.TOGGLE_HEADER2 = exports.TOGGLE_HEADER1 = exports.TOGGLE_HEADER = exports.TOGGLE_CONTENT = exports.TITLE = exports.THREE_COLUMN = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.SUBTITLE = exports.SDOC_LINK = exports.QUICK_INSERT = exports.PARAGRAPH = exports.ORDERED_LIST = exports.MULTI_COLUMN = exports.MENTION_TEMP = exports.MENTION = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE_BLOCK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.GROUP = exports.FOUR_COLUMN = exports.FORMULA = exports.FONT_SIZE_REDUCE = exports.FONT_SIZE_INCREASE = exports.FONT_SIZE = exports.FIVE_COLUMN = exports.FILE_VIEW = exports.FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK = exports.EMBED_LINK = exports.DIVIDER = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.CALL_OUT = exports.BLOCKQUOTE = exports.ASK_AI = void 0;
+exports.WIKI_LINK = exports.WHITEBOARD = exports.VIDEO_LINK = exports.VIDEO = exports.UNORDERED_LIST = exports.TWO_COLUMN = exports.TOP_LEVEL_TYPES = exports.TOGGLE_HEADER3 = exports.TOGGLE_HEADER2 = exports.TOGGLE_HEADER1 = exports.TOGGLE_HEADER = exports.TOGGLE_CONTENT = exports.TITLE = exports.THREE_COLUMN = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.SUBTITLE = exports.SDOC_LINK = exports.QUICK_INSERT = exports.PARAGRAPH = exports.ORDERED_LIST = exports.MULTI_COLUMN = exports.MENTION_TEMP = exports.MENTION = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE_BLOCK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.GROUP = exports.FOUR_COLUMN = exports.FORMULA = exports.FONT_SIZE_REDUCE = exports.FONT_SIZE_INCREASE = exports.FONT_SIZE = exports.FIVE_COLUMN = exports.FILE_VIEW = exports.FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK = exports.FILE = exports.EMBED_LINK = exports.DIVIDER = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.CALL_OUT = exports.BLOCKQUOTE = exports.ASK_AI = void 0;
 var BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 var TITLE = exports.TITLE = 'title';
 var SUBTITLE = exports.SUBTITLE = 'subtitle';
@@ -53,6 +53,7 @@ var TOGGLE_HEADER3 = exports.TOGGLE_HEADER3 = 'toggle_header3';
 var TOGGLE_CONTENT = exports.TOGGLE_CONTENT = 'toggle_content';
 var EMBED_LINK = exports.EMBED_LINK = 'embed_link';
 var DIVIDER = exports.DIVIDER = 'divider';
+var FILE = exports.FILE = 'file';
 var ASK_AI = exports.ASK_AI = 'ask_ai';
 
 // font

package/dist/extension/constants/menus-config.js

@@ -315,6 +315,11 @@ var SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = (_SIDE_INSERT_
   iconClass: 'sdocfont sdoc-link',
   type: _elementType.LINK,
   text: 'Link'
+}), _elementType.FILE, {
+  id: 'sdoc-side-menu-item-file-link',
+  iconClass: 'sdocfont sdoc-link-file',
+  type: _elementType.FILE,
+  text: 'File'
 }), _elementType.EMBED_LINK, {
   id: '',
   iconClass: 'sdocfont sdoc-embed-link',
@@ -339,12 +344,12 @@ var SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = (_SIDE_INSERT_
   iconClass: 'sdocfont sdoc-list-ul',
   type: _elementType.UNORDERED_LIST,
   text: 'Unordered_list'
-}), _elementType.CHECK_LIST_ITEM, {
+}), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_CO, _elementType.CHECK_LIST_ITEM, {
   id: '',
   iconClass: 'sdocfont sdoc-check-square',
   type: _elementType.CHECK_LIST_ITEM,
   text: 'Check_list'
-}), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_CO, _elementType.PARAGRAPH, {
+}), _elementType.PARAGRAPH, {
   id: _elementType.PARAGRAPH,
   iconClass: 'sdocfont sdoc-text',
   type: _elementType.PARAGRAPH,
@@ -411,7 +416,7 @@ var SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = (_SIDE_INSERT_
   text: 'Formula'
 }));
 var SIDE_INSERT_MENUS_SEARCH_MAP = exports.SIDE_INSERT_MENUS_SEARCH_MAP = (_SIDE_INSERT_MENUS_SE = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_SE, _elementType.IMAGE, 'Image'), _elementType.VIDEO, 'Video'), _elementType.TABLE, 'Table'), _elementType.COLUMN, 'Column'), _elementType.TWO_COLUMN, 'Two_column'), _elementType.THREE_COLUMN, 'Three_column'), _elementType.FOUR_COLUMN, 'Four_column'), _elementType.LINK, 'Link'), _elementType.CODE_BLOCK, 'Code_block'), _elementType.CALL_OUT, 'Callout'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_SE, _elementType.UNORDERED_LIST, 'Unordered_list'), _elementType.ORDERED_LIST, 'Ordered_list'), _elementType.CHECK_LIST_ITEM, 'Check_list'), _elementType.PARAGRAPH, 'Paragraph'), _elementType.HEADER1, 'Header_one'), _elementType.HEADER2, 'Header_two'), _elementType.HEADER3, 'Header_three'), _elementType.HEADER4, 'Header_four'), _elementType.TOGGLE_HEADER1, 'Toggle_header_one'), _elementType.TOGGLE_HEADER2, 'Toggle_header_two'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_INSERT_MENUS_SE, _elementType.TOGGLE_HEADER3, 'Toggle_header_three'), _elementType.FILE_VIEW, 'File_view'));
-var SIDE_QUICK_INSERT_MENUS_SEARCH_MAP = exports.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP = (_SIDE_QUICK_INSERT_ME = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.IMAGE, 'Image'), _elementType.VIDEO, 'Video'), _elementType.TABLE, 'Table'), _elementType.COLUMN, 'Column'), _elementType.TWO_COLUMN, 'Two_column'), _elementType.THREE_COLUMN, 'Three_column'), _elementType.FOUR_COLUMN, 'Four_column'), _elementType.LINK, 'Link'), _elementType.CODE_BLOCK, 'Code_block'), _elementType.CALL_OUT, 'Callout'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.UNORDERED_LIST, 'Unordered_list'), _elementType.ORDERED_LIST, 'Ordered_list'), _elementType.CHECK_LIST_ITEM, 'Check_list'), _elementType.PARAGRAPH, 'Paragraph'), _elementType.HEADER1, 'Header_one'), _elementType.HEADER2, 'Header_two'), _elementType.HEADER3, 'Header_three'), _elementType.HEADER4, 'Header_four'), _elementType.FILE_VIEW, 'File_view'), _elementType.FORMULA, 'Formula'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.TOGGLE_HEADER1, 'Toggle_header_one'), _elementType.TOGGLE_HEADER2, 'Toggle_header_two'), _elementType.TOGGLE_HEADER3, 'Toggle_header_three'), _elementType.EMBED_LINK, 'Embed_link'));
+var SIDE_QUICK_INSERT_MENUS_SEARCH_MAP = exports.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP = (_SIDE_QUICK_INSERT_ME = {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.IMAGE, 'Image'), _elementType.VIDEO, 'Video'), _elementType.TABLE, 'Table'), _elementType.COLUMN, 'Column'), _elementType.TWO_COLUMN, 'Two_column'), _elementType.THREE_COLUMN, 'Three_column'), _elementType.FOUR_COLUMN, 'Four_column'), _elementType.LINK, 'Link'), _elementType.FILE, 'File'), _elementType.CODE_BLOCK, 'Code_block'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.CALL_OUT, 'Callout'), _elementType.UNORDERED_LIST, 'Unordered_list'), _elementType.ORDERED_LIST, 'Ordered_list'), _elementType.CHECK_LIST_ITEM, 'Check_list'), _elementType.PARAGRAPH, 'Paragraph'), _elementType.HEADER1, 'Header_one'), _elementType.HEADER2, 'Header_two'), _elementType.HEADER3, 'Header_three'), _elementType.HEADER4, 'Header_four'), _elementType.FILE_VIEW, 'File_view'), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_SIDE_QUICK_INSERT_ME, _elementType.FORMULA, 'Formula'), _elementType.TOGGLE_HEADER1, 'Toggle_header_one'), _elementType.TOGGLE_HEADER2, 'Toggle_header_two'), _elementType.TOGGLE_HEADER3, 'Toggle_header_three'), _elementType.EMBED_LINK, 'Embed_link'));
 
 // Other operations menu config
 var SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP = exports.SIDE_OTHER_OPERATIONS_MENUS_SEARCH_MAP = {

package/dist/extension/plugins/quick-insert/render-elem.js

@@ -19,6 +19,7 @@ var _core = require("../../core");
 var _insertElementToolbar = _interopRequireDefault(require("../../toolbar/insert-element-toolbar"));
 var _helper = require("./helper");
 var RenderQuickInsert = function RenderQuickInsert(_ref, editor, readonly) {
+  var _aboveBlockNode$;
   var attributes = _ref.attributes,
     children = _ref.children,
     element = _ref.element;
@@ -34,8 +35,12 @@ var RenderQuickInsert = function RenderQuickInsert(_ref, editor, readonly) {
   var insertElmRef = (0, _react.useRef)(null);
   var aboveBlockNode = (0, _core.getAboveBlockNode)(editor);
   var parentBlockNode = _slate.Editor.parent(editor, aboveBlockNode === null || aboveBlockNode === void 0 ? void 0 : aboveBlockNode[1]);
+  var blockChildren = (aboveBlockNode === null || aboveBlockNode === void 0 ? void 0 : (_aboveBlockNode$ = aboveBlockNode[0]) === null || _aboveBlockNode$ === void 0 ? void 0 : _aboveBlockNode$.children) || [];
+  var isQuickInsertOnlyBlock = blockChildren.length > 0 && blockChildren.every(function (child) {
+    return (child === null || child === void 0 ? void 0 : child.type) === _constants.QUICK_INSERT || (child === null || child === void 0 ? void 0 : child.text) === '';
+  });
   // In toggle content's empty paragraph or empty paragraph
-  var isEmptyNode = parentBlockNode && (parentBlockNode === null || parentBlockNode === void 0 ? void 0 : parentBlockNode[0].type) === _constants.TOGGLE_CONTENT || aboveBlockNode && aboveBlockNode[0].children[1].type === _constants.QUICK_INSERT;
+  var isEmptyNode = parentBlockNode && (parentBlockNode === null || parentBlockNode === void 0 ? void 0 : parentBlockNode[0].type) === _constants.TOGGLE_CONTENT || isQuickInsertOnlyBlock;
   var _useState3 = (0, _react.useState)((0, _helper.isSelectionSameWithInsert)(editor, element)),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     isShowPopover = _useState4[0],

package/dist/extension/render/render-comment-editor-element.js

@@ -14,8 +14,7 @@ var _plugins = require("../plugins");
 var RenderCommentEditorCustomRenderElement = function RenderCommentEditorCustomRenderElement(props) {
   var editor = (0, _slateReact.useSlateStatic)();
   var readonly = (0, _slateReact.useReadOnly)();
-  var element = props.element,
-    commentType = props.commentType;
+  var element = props.element;
   switch (element.type) {
     case _constants.PARAGRAPH:
       {
@@ -28,7 +27,7 @@ var RenderCommentEditorCustomRenderElement = function RenderCommentEditorCustomR
             _renderParagraph = _ParagraphPlugin$rend[0];
           return _renderParagraph(_props);
         }
-        var placeholder = commentType === 'comment' ? 'Enter_comment_shift_enter_for_new_line_Enter_to_send' : 'Enter_reply_shift_Enter_for_new_line_Enter_to_send';
+        var placeholder = 'shift_enter_for_new_line_Enter_to_send';
         var _ParagraphPlugin$rend2 = (0, _slicedToArray2["default"])(_plugins.ParagraphPlugin.renderElements, 1),
           renderParagraph = _ParagraphPlugin$rend2[0];
         return renderParagraph((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _props), {}, {

package/dist/extension/toolbar/insert-element-toolbar/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _objectSpread6 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectSpread7 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -27,16 +27,17 @@ var _core = require("../../core");
 var _helper = require("../../plugins/callout/helper");
 var _helpers = require("../../plugins/check-list/helpers");
 var _helpers2 = require("../../plugins/code-block/helpers");
-var _helpers3 = require("../../plugins/file-view/helpers");
+var _helpers3 = require("../../plugins/file-link/helpers");
+var _helpers4 = require("../../plugins/file-view/helpers");
 var _transforms = require("../../plugins/list/transforms");
 var _helper2 = require("../../plugins/multi-column/helper");
-var _helpers4 = require("../../plugins/table/helpers");
+var _helpers5 = require("../../plugins/table/helpers");
 var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
 var _helper3 = require("../../plugins/toggle-header/helper");
-var _helpers5 = require("../../plugins/video/helpers");
+var _helpers6 = require("../../plugins/video/helpers");
 var _utils = require("../../utils");
 var _linkedRepoPopover = _interopRequireDefault(require("../linked-repo-popover"));
-var _helpers6 = require("../side-toolbar/helpers");
+var _helpers7 = require("../side-toolbar/helpers");
 var _const = require("./const");
 require("./style.css");
 var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
@@ -61,6 +62,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     quickInsertMenuSearchMap = _useState4[0],
     setQuickInsertMenuSearchMap = _useState4[1];
   var enableMetadataManagement = _context["default"].getSetting('enableMetadataManagement');
+  var hasLinkedRepos = _context["default"].hasLinkedRepos();
   var onInsertImageToggle = (0, _react.useCallback)(function () {
     callback && callback();
     var eventBus = _eventBus["default"].getInstance();
@@ -113,14 +115,14 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     var eventBus = _eventBus["default"].getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
       type: _constants2.ELEMENT_TYPE.VIDEO,
-      insertVideo: _helpers5.insertVideo
+      insertVideo: _helpers6.insertVideo
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var createTable = (0, _react.useCallback)(function (size) {
     callback && callback();
     var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
-    (0, _helpers4.insertTable)(editor, size, editor.selection, newInsertPosition);
+    (0, _helpers5.insertTable)(editor, size, editor.selection, newInsertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   var openLinkDialog = (0, _react.useCallback)(function () {
@@ -133,6 +135,18 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [insertPosition]);
+  var openSelectFileDialog = (0, _react.useCallback)(function () {
+    callback && callback();
+    if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
+      (0, _helpers7.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
+    }
+    var eventBus = _eventBus["default"].getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.FILE,
+      insertFileLinkCallback: _helpers3.insertFileLink
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, insertPosition]);
   var addEmbedLinkDialog = (0, _react.useCallback)(function () {
     callback && callback();
     var eventBus = _eventBus["default"].getInstance();
@@ -171,7 +185,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
   }, [editor, insertPosition, slateNode]);
   var onInsert = (0, _react.useCallback)(function (type) {
     callback && callback();
-    (0, _helpers6.insertElement)(editor, type, insertPosition);
+    (0, _helpers7.insertElement)(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   var onInsertToggleHeader = (0, _react.useCallback)(function (type) {
@@ -189,7 +203,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
         }
       });
     } else if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
-      (0, _helpers6.insertElement)(editor, type, insertPosition);
+      (0, _helpers7.insertElement)(editor, type, insertPosition);
       (0, _helper.wrapCallout)(editor);
     }
   }, [callback, editor, insertPosition]);
@@ -289,18 +303,18 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
         wiki_id: wikiId,
         file_view_id: fileView.id
       };
-      (0, _helpers3.insertFileView)(viewData, editor, insertPosition, slateNode);
+      (0, _helpers4.insertFileView)(viewData, editor, insertPosition, slateNode);
     })["catch"](function (error) {
       var errorMessage = (0, _commonUtils.getErrorMsg)(error);
       _toast["default"].danger(errorMessage);
     });
   }, [callback, editor, insertPosition, slateNode]);
   var dropDownItems = (0, _react.useMemo)(function () {
-    var items = (0, _objectSpread6["default"])((0, _objectSpread6["default"])((0, _objectSpread6["default"])((0, _objectSpread6["default"])((0, _objectSpread6["default"])((0, _defineProperty2["default"])({}, _constants2.PARAGRAPH, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+    var items = (0, _objectSpread7["default"])((0, _objectSpread7["default"])((0, _objectSpread7["default"])((0, _objectSpread7["default"])((0, _objectSpread7["default"])((0, _objectSpread7["default"])((0, _defineProperty2["default"])({}, _constants2.PARAGRAPH, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.PARAGRAPH],
       disabled: isEmptyNode,
       key: "sdoc-insert-menu-paragraph",
-      menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
+      menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
       onClick: function onClick() {
         return onInsert(_constants2.ELEMENT_TYPE.PARAGRAPH);
       }
@@ -329,21 +343,21 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     }, {})), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.UNORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.UNORDERED_LIST],
       key: "sdoc-insert-menu-unorder-list",
-      menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
+      menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
       onClick: function onClick() {
         onInsertList(_constants2.ELEMENT_TYPE.UNORDERED_LIST);
       }
     })), _constants2.ORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.ORDERED_LIST],
       key: "sdoc-insert-menu-order-list",
-      menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
+      menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
       onClick: function onClick() {
         onInsertList(_constants2.ELEMENT_TYPE.ORDERED_LIST);
       }
     })), _constants2.CHECK_LIST_ITEM, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.CHECK_LIST_ITEM],
       key: "sdoc-insert-menu-check-list",
-      menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
+      menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
       onClick: onInsertCheckList
     })), editor.editorType === _constants.WIKI_EDITOR && enableMetadataManagement && (0, _defineProperty2["default"])({}, _constants2.FILE_VIEW,
     /*#__PURE__*/
@@ -351,7 +365,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     _react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.FILE_VIEW],
       key: "sdoc-insert-menu-file-view",
-      menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE_VIEW]),
+      menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE_VIEW]),
       className: "pr-2"
     }, /*#__PURE__*/_react["default"].createElement("i", {
       className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
@@ -361,7 +375,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
       isHidden: !quickInsertMenuSearchMap[_constants2.IMAGE],
       disabled: isDisableImage,
       key: "sdoc-insert-menu-image",
-      menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.IMAGE]),
+      menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.IMAGE]),
       onClick: onInsertImageToggle
     })), editor.editorType !== _constants.DOCUMENT_PLUGIN_EDITOR && (0, _defineProperty2["default"])({}, _constants2.VIDEO,
     /*#__PURE__*/
@@ -370,7 +384,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
       isHidden: !quickInsertMenuSearchMap[_constants2.VIDEO],
       disabled: isDisableVideo,
       key: "sdoc-insert-menu-video",
-      menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
+      menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
       className: "pr-2"
     }, /*#__PURE__*/_react["default"].createElement("i", {
       className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
@@ -392,14 +406,14 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     }, t('Add_video_link')), editor.editorType !== _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement("div", {
       className: "sdoc-dropdown-menu-item",
       onClick: openSelectVideoFileDialog
-    }, t('Link_video_file'))))))), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.TABLE,
+    }, t('Link_video_file'))))))), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.TABLE,
     /*#__PURE__*/
     // eslint-disable-next-line react/jsx-indent
     _react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.TABLE],
       disabled: isDisableTable,
       key: "sdoc-insert-menu-table",
-      menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),
+      menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),
       className: "pr-2"
     }, /*#__PURE__*/_react["default"].createElement("i", {
       className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
@@ -416,24 +430,29 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     }))), _constants2.LINK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.LINK],
       key: "sdoc-insert-menu-link",
-      menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]),
+      menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]),
       onClick: openLinkDialog
-    })), _elementType.EMBED_LINK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+    })), editor.editorType === _constants.WIKI_EDITOR && hasLinkedRepos && (0, _defineProperty2["default"])({}, _constants2.ELEMENT_TYPE.FILE, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+      isHidden: !quickInsertMenuSearchMap[_constants2.ELEMENT_TYPE.FILE],
+      key: "sdoc-insert-menu-file-link",
+      menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FILE]),
+      onClick: openSelectFileDialog
+    }))), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _elementType.EMBED_LINK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_elementType.EMBED_LINK],
       key: "sdoc-insert-menu-embed-link",
-      menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.EMBED_LINK]),
+      menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.EMBED_LINK]),
       onClick: addEmbedLinkDialog
     })), _constants2.CODE_BLOCK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.CODE_BLOCK],
       disabled: isDisableCodeBlock,
       key: "sdoc-insert-menu-code-block",
-      menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CODE_BLOCK]),
+      menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CODE_BLOCK]),
       onClick: onInsertCodeBlock
     })), _constants2.CALL_OUT, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.CALL_OUT],
       disabled: isDisableCallout,
       key: "sdoc-insert-menu-callout",
-      menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CALL_OUT]),
+      menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CALL_OUT]),
       onClick: function onClick() {
         return onInsertCallout(_constants2.PARAGRAPH);
       }
@@ -441,7 +460,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
       isHidden: !quickInsertMenuSearchMap[_constants2.FORMULA],
       disabled: isDisableFormula,
       key: "sdoc-insert-menu-formula",
-      menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FORMULA]),
+      menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.FORMULA]),
       onClick: onInsertFormula
     })));
     if (_commonUtils.isMobile) {
@@ -449,28 +468,28 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
         isHidden: !quickInsertMenuSearchMap[_constants2.PARAGRAPH],
         disabled: isEmptyNode,
         key: "sdoc-insert-menu-paragraph",
-        menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
+        menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
         onClick: function onClick() {
           return onInsert(_constants2.ELEMENT_TYPE.PARAGRAPH);
         }
       })), _constants2.UNORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
         isHidden: !quickInsertMenuSearchMap[_constants2.UNORDERED_LIST],
         key: "sdoc-insert-menu-unorder-list",
-        menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
+        menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
         onClick: function onClick() {
           onInsertList(_constants2.ELEMENT_TYPE.UNORDERED_LIST);
         }
       })), _constants2.ORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
         isHidden: !quickInsertMenuSearchMap[_constants2.ORDERED_LIST],
         key: "sdoc-insert-menu-order-list",
-        menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
+        menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
         onClick: function onClick() {
           onInsertList(_constants2.ELEMENT_TYPE.ORDERED_LIST);
         }
       })), _constants2.CHECK_LIST_ITEM, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
         isHidden: !quickInsertMenuSearchMap[_constants2.CHECK_LIST_ITEM],
         key: "sdoc-insert-menu-check-list",
-        menuConfig: (0, _objectSpread6["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
+        menuConfig: (0, _objectSpread7["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
         onClick: onInsertCheckList
       }));
     }
@@ -488,7 +507,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     });
     return items;
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [quickInsertMenuSearchMap, isDisableImage, onInsertImageToggle, isDisableVideo, isDisableMultiColumn, onInsertVideoToggle, isDisableTable, editor, createTable, callback, handleClosePopover, openLinkDialog, addEmbedLinkDialog, onInsertCodeBlock, isDisableCallout, isDisableToggleHeader, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn, isDisableHeader]);
+  }, [quickInsertMenuSearchMap, isDisableImage, onInsertImageToggle, isDisableVideo, isDisableMultiColumn, onInsertVideoToggle, isDisableTable, editor, createTable, callback, handleClosePopover, openLinkDialog, openSelectFileDialog, addEmbedLinkDialog, onInsertCodeBlock, isDisableCallout, isDisableToggleHeader, onInsertCheckList, isEmptyNode, onInsertCallout, onInsertList, onInsert, createMultiColumn, isDisableHeader, hasLinkedRepos]);
   var getSelectItemDom = function getSelectItemDom(selectIndex) {
     var dropDownItemWrapper = downDownWrapperRef.current;
     var searchedDropDownItemWrapper = [];
@@ -586,7 +605,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
   }, [clearSelectStyle, currentSelectIndex, downDownWrapperRef, onHandleInputFocus]);
   var onChange = (0, _react.useCallback)(function (e) {
     if (!downDownWrapperRef.current.isInputtingChinese) {
-      var newMenuSearchMap = (0, _helpers6.getSearchedOperations)(_constants2.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP, true, e, t, editor);
+      var newMenuSearchMap = (0, _helpers7.getSearchedOperations)(_constants2.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP, true, e, t, editor);
       setQuickInsertMenuSearchMap(newMenuSearchMap);
     }
   }, [editor, t]);

package/dist/extension/toolbar/linked-repo-popover/link-repo-list.js

@@ -19,16 +19,7 @@ var LinkedRepoList = function LinkedRepoList(_ref) {
     t = _useTranslation.t;
   var repoRef = (0, _react.useRef)(null);
   var enableRepos = (0, _react.useMemo)(function () {
-    var repos = _context["default"].getWikiRepos();
-    var wikiSettings = _context["default"].getWikiSettings();
-    var linked_repos = wikiSettings.linked_repos;
-    var linkedMap = linked_repos.reduce(function (ret, id) {
-      ret[id] = true;
-      return ret;
-    }, {});
-    return repos.filter(function (item) {
-      return linkedMap[item.repo_id];
-    });
+    return _context["default"].getLinkedRepos();
   }, []);
   var onAddLibraryClick = (0, _react.useCallback)(function () {
     var eventBus = _eventBus["default"].getInstance();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.166",
+  "version": "3.0.168",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3cba2e939b32f8a92c6548dd37db533996f8b968"
+  "gitHead": "b7391715a9e98b8178352f2370d2c39a8614d3f7"
 }