@seafile/sdoc-editor 3.0.165 → 3.0.167

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-image-previewer.js

@@ -38,7 +38,8 @@ function CommentImagePreviewer(props) {
       shouldReturnFocusAfterClose: false
     },
     zoomInTip: t('Zoom_in'),
-    zoomOutTip: t('Zoom_out')
+    zoomOutTip: t('Zoom_out'),
+    closeTip: t('Close')
   });
 }
 var _default = exports["default"] = CommentImagePreviewer;

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;
+}