@seafile/sdoc-editor 1.0.176 → 1.0.178

package/dist/api/seafile-api.js

@@ -146,6 +146,10 @@ class SeafileAPI {
     const url = 'api/v2.1/seadoc/search-filename/' + docUuid + '/?query=' + query + '&page=' + page + '&per_page=' + per_page;
     return this.req.get(url);
   }
+  searchFilesByFilename(docUuid, query, page, per_page, search_type) {
+    const url = 'api/v2.1/seadoc/search-filename/' + docUuid + '/?query=' + query + '&page=' + page + '&per_page=' + per_page + '&search_type=' + search_type;
+    return this.req.get(url);
+  }
 
   // participants
   listParticipants(docUuid) {
@@ -193,5 +197,13 @@ class SeafileAPI {
     const url = `/api/v2.1/seadoc/notifications/${docUuid}/`;
     return this.req.put(url);
   }
+  aiTranslate(docUuid, text, lang) {
+    const url = '/api/v2.1/ai/translate/?file_uuid=' + docUuid;
+    let form = new FormData();
+    form.append('text', text);
+    form.append('lang', lang);
+    form.append('file_uuid', docUuid);
+    return this.req.post(url, form);
+  }
 }
 var _default = exports.default = SeafileAPI;

package/dist/basic-sdk/comment/components/comment-editor.js

@@ -38,7 +38,6 @@ const CommentEditor = _ref => {
     updateContent,
     setIsEditing,
     hiddenComment,
-    commentRef,
     globalComment,
     hiddenUserInfo,
     updateGlobalCommentContent

package/dist/basic-sdk/comment/components/comment-item-wrapper.js

@@ -30,7 +30,9 @@ const CommentItemWrapper = _ref => {
     updateScrollPosition,
     hiddenComment,
     setCurrentCommentGroup,
-    onCommentClick
+    onCommentClick,
+    isEmptyComment,
+    addNewComment
   } = _ref;
   const listRef = (0, _react.useRef)(null);
   const {
@@ -38,7 +40,7 @@ const CommentItemWrapper = _ref => {
   } = (0, _useCommentContext.useCommentContext)();
   const scrollRef = (0, _react.useRef)(document.querySelector('.sdoc-scroll-container'));
   const [isShowDeleteDialog, setIsShowDeleteDialog] = (0, _react.useState)(false);
-  const commentOpToolsId = `commentOpTools_${comment.id}`;
+  const commentOpToolsId = `commentOpTools_${comment === null || comment === void 0 ? void 0 : comment.id}`;
   const deleteComment = (0, _react.useCallback)(async commentId => {
     await _context.default.deleteComment(commentId);
     const {
@@ -249,12 +251,11 @@ const CommentItemWrapper = _ref => {
   }, [isActive]);
   const className = (0, _classnames.default)('comment-ui-container', {
     'active': isActive,
-    'sdoc-resolved': comment.resolved,
+    'sdoc-resolved': comment === null || comment === void 0 ? void 0 : comment.resolved,
     'd-flex flex-column': element,
     'global-comment-item-detail-wrapper': isGlobalComment,
     'comment-item-detail-wrapper': !isGlobalComment
   });
-  const tip = comment.resolved ? 'Reopen_discussion' : 'Enter_reply_shift_Enter_for_new_line_Enter_to_send';
   const handleScrollToArticle = (0, _react.useCallback)(e => {
     e.stopPropagation();
     const dom = _slateReact.ReactEditor.toDOMNode(editor, element);
@@ -265,7 +266,7 @@ const CommentItemWrapper = _ref => {
     });
   }, [editor, element, scrollRef]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    id: `comment-item-wrapper_${comment.id}`,
+    id: `comment-item-wrapper_${comment === null || comment === void 0 ? void 0 : comment.id}`,
     className: className,
     onClick: onItemClick
   }, element && /*#__PURE__*/_react.default.createElement("div", {
@@ -275,7 +276,7 @@ const CommentItemWrapper = _ref => {
     className: "sdocfont sdoc-comment-quote mr-2"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-item-selected-text"
-  }, _slate.Node.string(element))), /*#__PURE__*/_react.default.createElement("div", {
+  }, _slate.Node.string(element))), !isEmptyComment && /*#__PURE__*/_react.default.createElement("div", {
     ref: listRef,
     className: "comment-item-list"
   }, /*#__PURE__*/_react.default.createElement(_commentItemContent.default, {
@@ -297,11 +298,19 @@ const CommentItemWrapper = _ref => {
       updateReply
     };
     return /*#__PURE__*/_react.default.createElement(_commentItemReply.default, props);
-  })), !isGlobalComment && isActive && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-reply-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
+  })), !isGlobalComment && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-reply-wrapper",
+    style: {
+      paddingTop: isEmptyComment ? '16px' : ''
+    }
+  }, isEmptyComment && /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
+    type: "comment",
+    placeholder: 'Enter_reply_shift_Enter_for_new_line_Enter_to_send',
+    insertContent: addNewComment,
+    hiddenComment: hiddenComment
+  }), !isEmptyComment && /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
     type: "reply",
-    placeholder: tip,
+    placeholder: 'Enter_reply_shift_Enter_for_new_line_Enter_to_send',
     insertContent: insertContent,
     hiddenComment: hiddenComment
   })), isShowDeleteDialog && isActive && /*#__PURE__*/_react.default.createElement(_commentDeletePopover.default, {

package/dist/basic-sdk/comment/components/comment-list.css

@@ -9,7 +9,7 @@
 }
 
 .sdoc-comment-list-container .comment-ui-container {
-  background-color: rgba(255, 255, 255, .99);
+  background-color: rgba(255, 255, 255);
   margin-bottom: 0px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 4px 8px 3px rgba(0, 0, 0, .15);
   padding: 16px;
@@ -37,7 +37,7 @@
 .sdoc-comment-list-container .comment-ui-container.active {
   position: relative;
   left: -5px;
-  background: rgba(255, 255, 255, .92);
+  background: rgba(255, 255, 255, 1);
   box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 4px 8px 3px rgba(0, 0, 0, .15);
 }
 
@@ -340,10 +340,6 @@
   justify-content: flex-end;
 }
 
-.sdoc-reply-wrapper {
-  padding: 0 10px;
-}
-
 .sdoc-doc-comment-editor-container.sdoc-comment-list-container .comment-ui-container {
   padding-left: 10px;
   padding-right: 10px;

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

@@ -11,24 +11,23 @@ var _dayjs = _interopRequireDefault(require("dayjs"));
 var _context = _interopRequireDefault(require("../../../context"));
 var _useSelectionPosition = require("../../hooks/use-selection-position");
 var _useCommentContext = require("../hooks/comment-hooks/use-comment-context");
-var _commentEditor = _interopRequireDefault(require("./comment-editor"));
 var _commentItemWrapper = _interopRequireDefault(require("./comment-item-wrapper"));
 var _commentItemCollapseWrapper = _interopRequireDefault(require("./comment-item-collapse-wrapper"));
 require("./comment-list.css");
 const CommentList = _ref => {
-  var _topLevelComment$repl, _topLevelComment$repl2;
   let {
     editor,
-    comments,
+    comments = [],
+    commentDetail = {},
     activeElement,
-    hiddenComment
+    isShowCommentDetail,
+    onSetCommentDetail,
+    deleteUnseenNotifications
   } = _ref;
-  const commentRef = (0, _react.useRef)(null);
   const position = (0, _useSelectionPosition.useCommentListPosition)(activeElement);
   const {
     dispatch
   } = (0, _useCommentContext.useCommentContext)();
-  const [isShowCommentDetail, setIsShowCommentDetail] = (0, _react.useState)(false);
   const insertComment = (0, _react.useCallback)(async (elementId, comment) => {
     const res = await _context.default.insertComment(comment);
     const {
@@ -48,7 +47,8 @@ const CommentList = _ref => {
         comment: newComment
       }
     });
-  }, [dispatch]);
+    onSetCommentDetail(newComment);
+  }, [dispatch, onSetCommentDetail]);
   const insertContent = (0, _react.useCallback)(content => {
     const user = _context.default.getUserInfo();
     const elementId = activeElement === null || activeElement === void 0 ? void 0 : activeElement.id;
@@ -63,47 +63,37 @@ const CommentList = _ref => {
       updated_at: time
     };
     insertComment(elementId, comment);
-    setIsShowCommentDetail(true);
   }, [insertComment, activeElement === null || activeElement === void 0 ? void 0 : activeElement.id]);
-  const setCurrentCommentGroup = (0, _react.useCallback)(() => {
-    setIsShowCommentDetail(true);
-  }, []);
-  const topLevelComment = (comments === null || comments === void 0 ? void 0 : comments.length) > 0 ? comments[0] : {};
-  const replyCount = topLevelComment === null || topLevelComment === void 0 ? void 0 : (_topLevelComment$repl = topLevelComment.replies) === null || _topLevelComment$repl === void 0 ? void 0 : _topLevelComment$repl.length;
-  const latestReply = ((_topLevelComment$repl2 = topLevelComment.replies) === null || _topLevelComment$repl2 === void 0 ? void 0 : _topLevelComment$repl2.length) > 0 ? topLevelComment.replies[topLevelComment.replies.length - 1] : null;
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: commentRef,
     id: "sdoc-comment-list-container",
     className: "sdoc-comment-list-container sdoc-comment-list-container-popover",
     style: {
       top: position.y,
       width: '300px'
     }
-  }, !isShowCommentDetail && Object.keys(topLevelComment).length > 0 && /*#__PURE__*/_react.default.createElement(_commentItemCollapseWrapper.default, {
-    key: comments.id,
-    editor: editor,
-    topLevelComment: topLevelComment,
-    replyCount: replyCount,
-    latestReply: latestReply,
-    setCurrentCommentGroup: setCurrentCommentGroup
-  }), !isShowCommentDetail && comments.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-ui-container active"
-  }, /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
-    type: "comment",
-    globalComment: true,
-    insertContent: insertContent,
-    hiddenComment: hiddenComment,
-    commentRef: commentRef
-  })), isShowCommentDetail && comments.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
+  }, !isShowCommentDetail && comments.map(comment => {
+    var _topLevelComment$repl, _topLevelComment$repl2;
+    const topLevelComment = comment || {};
+    const replyCount = topLevelComment === null || topLevelComment === void 0 ? void 0 : (_topLevelComment$repl = topLevelComment.replies) === null || _topLevelComment$repl === void 0 ? void 0 : _topLevelComment$repl.length;
+    const latestReply = ((_topLevelComment$repl2 = topLevelComment.replies) === null || _topLevelComment$repl2 === void 0 ? void 0 : _topLevelComment$repl2.length) > 0 ? topLevelComment.replies[topLevelComment.replies.length - 1] : null;
+    return /*#__PURE__*/_react.default.createElement(_commentItemCollapseWrapper.default, {
+      key: topLevelComment.id,
+      editor: editor,
+      topLevelComment: topLevelComment,
+      replyCount: replyCount,
+      latestReply: latestReply,
+      setCurrentCommentGroup: () => {
+        deleteUnseenNotifications && deleteUnseenNotifications(topLevelComment);
+        onSetCommentDetail(topLevelComment);
+      }
+    });
+  }), isShowCommentDetail && /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-list"
-  }, comments.map(comment => {
-    if (comment.resolved) return null;
-    const props = {
-      key: comment.id,
-      comment: comment,
-      isActive: true
-    };
-    return /*#__PURE__*/_react.default.createElement(_commentItemWrapper.default, props);
+  }, /*#__PURE__*/_react.default.createElement(_commentItemWrapper.default, {
+    comment: commentDetail,
+    isActive: true,
+    isEmptyComment: Object.keys(commentDetail).length ? false : true,
+    addNewComment: insertContent
   })));
 };
 var _default = exports.default = CommentList;

package/dist/basic-sdk/comment/components/editor-comment.js

@@ -32,6 +32,8 @@ const EditorComment = _ref => {
   const [activeElement, setActiveElement] = (0, _react.useState)(null); // The slate node currently activated by clicking
   const [comments, setComments] = (0, _react.useState)([]);
   const [isShowComments, setIsShowComments] = (0, _react.useState)(false);
+  const [isShowCommentDetail, setIsShowCommentDetail] = (0, _react.useState)(true);
+  const [commentDetail, setCommentDetail] = (0, _react.useState)({});
   const onAddCommentToggle = (0, _react.useCallback)(event => {
     event.stopPropagation();
     let activeElement = currentSelectionElement;
@@ -41,6 +43,8 @@ const EditorComment = _ref => {
     }
     setActiveElement(activeElement);
     setIsShowComments(true);
+    setIsShowCommentDetail(true);
+    setCommentDetail({});
   }, [currentSelectionElement]);
   const onSelectElement = (0, _react.useCallback)(elementId => {
     const activeElement = (0, _index.getCommentElementById)(elementId, editor);
@@ -48,9 +52,15 @@ const EditorComment = _ref => {
     const unresolvedComments = element_comments_map[elementId].filter(item => !item.resolved);
     setComments(unresolvedComments);
     setIsShowComments(true);
+    setIsShowCommentDetail(false);
   }, [editor, element_comments_map]);
+  const onSetCommentDetail = (0, _react.useCallback)(comment => {
+    setCommentDetail(comment);
+    setIsShowCommentDetail(true);
+  }, []);
   const hiddenComment = (0, _react.useCallback)(() => {
     setComments([]);
+    setCommentDetail({});
     setIsShowComments(false);
   }, []);
 
@@ -117,8 +127,9 @@ const EditorComment = _ref => {
     editor: editor,
     comments: comments,
     activeElement: activeElement,
-    onSelectElement: onSelectElement,
-    hiddenComment: hiddenComment,
+    isShowCommentDetail: isShowCommentDetail,
+    commentDetail: commentDetail,
+    onSetCommentDetail: onSetCommentDetail,
     deleteUnseenNotifications: deleteUnseenNotifications
   })));
 };

package/dist/basic-sdk/constants/index.js

@@ -48,7 +48,8 @@ const INTERNAL_EVENT = exports.INTERNAL_EVENT = {
   CLOSE_FILE_INSET_DIALOG: 'close_file_insert_dialog',
   RESIZE_ARTICLE: 'resize_article',
   ON_VIDEO_FILES_UPLOADED: 'on_video_files_uploaded',
-  RELOAD_COMMENT: 'reload_comment'
+  RELOAD_COMMENT: 'reload_comment',
+  ASK_AI: 'ask_ai'
 };
 const REVISION_DIFF_KEY = exports.REVISION_DIFF_KEY = 'diff';
 const REVISION_DIFF_VALUE = exports.REVISION_DIFF_VALUE = '1';

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

@@ -16,9 +16,11 @@ var _utils = require("../../../../utils");
 var _constants = require("../../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants2 = require("../../../constants");
+var _debounce = _interopRequireDefault(require("../../../utils/debounce"));
 var _constants3 = require("../../constants");
 var _toast = _interopRequireDefault(require("../../../../components/toast"));
 var _helpers = require("../../plugins/sdoc-link/helpers");
+var _helpers2 = require("../select-file-dialog/helpers");
 require("./style.css");
 const FileLinkInsertDialog = _ref => {
   let {
@@ -39,6 +41,7 @@ const FileLinkInsertDialog = _ref => {
   });
   const [newFileName, setNewFileName] = (0, _react.useState)('');
   const [header, setHeader] = (0, _react.useState)(t('Recent_visited'));
+  const [hiddenMoreMenu, setHiddenMoreMenu] = (0, _react.useState)(false);
   const deleteInputAndInsertText = (0, _react.useCallback)(function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -98,6 +101,10 @@ const FileLinkInsertDialog = _ref => {
     let files = _utils.LocalStorage.getItem(getItemKey) || [];
     if (isCalculatedByFiles) {
       const newFiles = (0, _utils.getMaximumCapacity)(files);
+      // Can accommodate all without showing more operations
+      if (files.length <= newFiles.length) {
+        setHiddenMoreMenu(true);
+      }
       files = newFiles;
     }
     setFiles(files);
@@ -144,34 +151,30 @@ const FileLinkInsertDialog = _ref => {
       unsubscribeCloseDialog();
     };
   }, [closeDialog, editor, eventBus, files, getPosition, onClick, onKeydown, onScroll]);
-  const onSearch = (0, _react.useCallback)(async searchText => {
+  const onSearch = (0, _react.useCallback)((0, _debounce.default)(async searchText => {
     // Show history files when search is empty
     if (searchText.trim().length === 0) {
       setHeader(t('Recent_visited'));
+      setHiddenMoreMenu(true);
       setNewFileName('');
       getHistoryFiles();
       return;
     }
+    setNewFileName(searchText);
 
     // Cannot be found if the search is less than three characters.
     if ((0, _utils.isEnglish)(searchText.trim()) && searchText.length < 3) {
       setFiles([]);
       setHeader(t('Enter_more_character_start_search'));
-      setNewFileName(searchText);
       return;
     }
     try {
       var _res$data;
-      const res = await _context.default.searchSdocFiles(searchText, 1, 10);
+      const res = await _context.default.getSearchFilesByFilename(searchText, 1, 10, 'sdoc');
       if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data.results) {
         let newFiles = res.data.results;
-        if (newFiles.length === 0) {
-          setHeader(t('The_document_does_not_exist'));
-          setNewFileName(searchText);
-        } else {
-          setHeader('');
-          setNewFileName('');
-        }
+        setHeader(t(newFiles.length === 0 ? 'No_results' : 'Link_to_file'));
+        setHiddenMoreMenu(true);
         setFiles(newFiles);
         return;
       }
@@ -179,7 +182,7 @@ const FileLinkInsertDialog = _ref => {
       _toast.default.danger(error.message);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, 50), []);
   (0, _react.useEffect)(() => {
     if (!(element !== null && element !== void 0 && element.children)) return;
     // No search on first load
@@ -210,10 +213,11 @@ const FileLinkInsertDialog = _ref => {
     e.stopPropagation();
     (0, _helpers.removeTempInput)(editor, element);
     const eventBus = _eventBus.default.getInstance();
-    const createName = newFileName.trim();
+    const createName = newFileName.trim() || t('Create_a_new_file');
     const external_props = {
       insertSdocFileLink: _helpers.insertSdocFileLink,
-      editor
+      editor,
+      noShowDialog: true
     };
     eventBus.dispatch(_constants.EXTERNAL_EVENT.CREATE_SDOC_FILE, {
       newFileName: createName,
@@ -221,7 +225,7 @@ const FileLinkInsertDialog = _ref => {
     });
   }, [editor, element, newFileName]);
   const createFileTipDefault = (0, _react.useMemo)(() => {
-    return 'Create_a_new_sdoc_file';
+    return 'Create_a_new_file';
   }, []);
   const createFileName = (0, _react.useMemo)(() => {
     return `${newFileName}.sdoc`;
@@ -246,15 +250,21 @@ const FileLinkInsertDialog = _ref => {
       onClick: () => {
         onSelect(item);
       }
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-item-icon sdocfont sdoc-document"
+    }, /*#__PURE__*/_react.default.createElement("img", {
+      className: "file-item-img",
+      src: (0, _helpers2.sdocFileIcon)(),
+      alt: ""
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: "file-item-name"
     }, item.name));
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), !hiddenMoreMenu && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-history-files-item",
     onClick: onShowMore
-  }, "...", t('More'))), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "file-item-more sdocfont sdoc-more"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "more-text"
+  }, t('More')))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-history-files-add",
     onClick: onCreateFile
   }, /*#__PURE__*/_react.default.createElement("i", {

package/dist/basic-sdk/extension/commons/file-insert-dialog/style.css

@@ -43,15 +43,9 @@
   align-items: flex-start;
 }
 
-.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-icon {
-  font-size: 16px;
-  margin-right: 8px;
-  color: #ff9800;
-  width: 20px;
-  height: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+.sdoc-history-files-content .sdoc-history-files .file-item-img {
+  width: 21.6px;
+  margin-right: 6px;
 }
 
 .sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-name {
@@ -60,6 +54,15 @@
   overflow: hidden;
 }
 
+.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-more {
+  font-size: 16px;
+  margin-left: 2px;
+}
+
+.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .more-text {
+  margin-left: 10px;
+}
+
 .sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item:hover {
   background-color: #f5f5f5;
 }

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

@@ -22,6 +22,7 @@ var _index3 = _interopRequireDefault(require("../file-insert-dialog/index.js"));
 var _index4 = _interopRequireDefault(require("../../../../components/toast/index.js"));
 var _index5 = require("../../plugins/video/constants/index.js");
 var _constants3 = require("../../../../basic-sdk/constants");
+var _index6 = _interopRequireDefault(require("../../plugins/ai/ai-module/index.js"));
 const InsertElementDialog = _ref => {
   let {
     editor
@@ -55,6 +56,7 @@ const InsertElementDialog = _ref => {
         duration: 3
       });
     }, 0);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const onVideoFileChanged = (0, _react.useCallback)(event => {
     const files = event.target.files;
@@ -209,6 +211,14 @@ const InsertElementDialog = _ref => {
           closeDialog: closeDialog
         });
       }
+    case _constants2.ELEMENT_TYPE.ASK_AI:
+      {
+        return /*#__PURE__*/_react.default.createElement(_index6.default, {
+          element: slateNode,
+          editor: editor,
+          closeModule: closeDialog
+        });
+      }
     default:
       {
         return null;

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

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.addDataToTree = void 0;
+exports.sdocFileIcon = exports.addDataToTree = void 0;
+var _context = _interopRequireDefault(require("../../../../context"));
 const addDataToTree = (treeData, indexId, childrenData, path) => {
   for (let i = 0; i < treeData.length; i++) {
     var _treeData$i;
@@ -21,4 +23,9 @@ const addDataToTree = (treeData, indexId, childrenData, path) => {
   }
   return treeData;
 };
-exports.addDataToTree = addDataToTree;
+exports.addDataToTree = addDataToTree;
+const sdocFileIcon = () => {
+  const server = _context.default.getSetting('serviceUrl');
+  return `${server}/media/img/file/256/sdoc.png`;
+};
+exports.sdocFileIcon = sdocFileIcon;

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

@@ -18,3 +18,118 @@
   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;
+}