@seafile/sdoc-editor 2.0.130 → 2.0.131-test-0.0.2

package/dist/comment/helper.js

@@ -4,13 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCursorPosition = exports.updateElementsAttrs = exports.updateCommentedElementsAttrs = exports.getSelectionRange = exports.getSelectedElemIds = exports.getPrimaryElementId = exports.getElementCommentCountTop = exports.getDomById = exports.getCursorPosition = exports.getCommentedTextsByElementId = exports.getAvatarUrl = void 0;
+exports.useCursorPosition = exports.updateElementsAttrs = exports.updateCommentedElementsAttrs = exports.getSelectionRange = exports.getSelectedElemIds = exports.getPrimaryElementId = exports.getElementCommentCountTop = exports.getDomById = exports.getCursorPosition = exports.getCommentedTextsByElementId = exports.getAvatarUrl = exports.commentContainerWikiTransfer = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createForOfIteratorHelper"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
+var _constants = require("../constants");
 var _context = _interopRequireDefault(require("../context"));
 var _core = require("../extension/core");
 var _useScrollContext = require("../hooks/use-scroll-context");
@@ -56,6 +57,24 @@ var getAvatarUrl = exports.getAvatarUrl = function getAvatarUrl() {
   var avatarUrl = "".concat(server, "/media/avatars/default.png");
   return avatarUrl;
 };
+var commentContainerWikiTransfer = exports.commentContainerWikiTransfer = function commentContainerWikiTransfer(result, value) {
+  var newResult;
+  var isWikiTitleIcon = document.querySelector('.wiki-page-icon-wrapper');
+  var isWikiTitleCover = document.getElementById('wiki-page-cover');
+  if (isWikiTitleIcon && !isWikiTitleCover) {
+    // 90 is icon height in wiki
+    newResult = result - value - 90;
+  } else if (!isWikiTitleIcon && isWikiTitleCover) {
+    // 203 is icon height in wiki
+    newResult = result - value - 203;
+  } else if (isWikiTitleIcon && isWikiTitleCover) {
+    // 205 is icon and cover height in wiki
+    newResult = result - value - 205;
+  } else {
+    newResult = result - value;
+  }
+  return newResult;
+};
 var getElementCommentCountTop = exports.getElementCommentCountTop = function getElementCommentCountTop(editor, element, scrollTop) {
   var minY;
   var children = element.children || [];
@@ -71,7 +90,13 @@ var getElementCommentCountTop = exports.getElementCommentCountTop = function get
     if (!minY) minY = y;
     minY = Math.min(minY, y);
   });
-  return minY - 93 + scrollTop; // 100: header height(56) + toolbar height(37)
+  var resultY;
+  resultY = minY - 93 + scrollTop; // 100: header height(56) + toolbar height(37)
+  if (editor.editorType === _constants.WIKI_EDITOR) {
+    // 55 is basic top title height in wiki
+    resultY = commentContainerWikiTransfer(resultY, 55);
+  }
+  return resultY;
 };
 var getSelectedElemIds = exports.getSelectedElemIds = function getSelectedElemIds(editor) {
   var selection = editor.selection;

package/dist/comment/hooks/comment-hooks/use-comment-mount.js

@@ -5,76 +5,74 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCommentsMount = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _react = require("react");
 var _constants = require("../../../constants");
 var _context3 = _interopRequireDefault(require("../../../context"));
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var useCommentsMount = exports.useCommentsMount = function useCommentsMount(dispatch) {
-  var request = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
-    var res, comments;
-    return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+  var request = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee() {
+    var res, comments, _t;
+    return (0, _regenerator2["default"])().w(function (_context) {
+      while (1) switch (_context.p = _context.n) {
         case 0:
           dispatch({
             type: 'FETCHING_STATE'
           });
-          _context.prev = 1;
-          _context.next = 4;
+          _context.p = 1;
+          _context.n = 2;
           return _context3["default"].listComments();
-        case 4:
-          res = _context.sent;
+        case 2:
+          res = _context.v;
           comments = res.data.comments;
           dispatch({
             type: 'RECEIVE_STATE',
             payload: comments
           });
-          _context.next = 13;
+          _context.n = 4;
           break;
-        case 9:
-          _context.prev = 9;
-          _context.t0 = _context["catch"](1);
-          console.log(_context.t0);
+        case 3:
+          _context.p = 3;
+          _t = _context.v;
+          console.log(_t);
           dispatch({
             type: 'FETCHING_ERROR'
           });
-        case 13:
-        case "end":
-          return _context.stop();
+        case 4:
+          return _context.a(2);
       }
-    }, _callee, null, [[1, 9]]);
+    }, _callee, null, [[1, 3]]);
   })), []);
-  var reRequest = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
-    var res, comments;
-    return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+  var reRequest = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee2() {
+    var res, comments, _t2;
+    return (0, _regenerator2["default"])().w(function (_context2) {
+      while (1) switch (_context2.p = _context2.n) {
         case 0:
           dispatch({
             type: 'REFETCHING_STATE'
           });
-          _context2.prev = 1;
-          _context2.next = 4;
+          _context2.p = 1;
+          _context2.n = 2;
           return _context3["default"].listComments();
-        case 4:
-          res = _context2.sent;
+        case 2:
+          res = _context2.v;
           comments = res.data.comments;
           dispatch({
             type: 'RECEIVE_STATE',
             payload: comments
           });
-          _context2.next = 12;
+          _context2.n = 4;
           break;
-        case 9:
-          _context2.prev = 9;
-          _context2.t0 = _context2["catch"](1);
-          console.log(_context2.t0);
+        case 3:
+          _context2.p = 3;
+          _t2 = _context2.v;
+          console.log(_t2);
           // dispatch({type: 'FETCHING_ERROR'});
-        case 12:
-        case "end":
-          return _context2.stop();
+        case 4:
+          return _context2.a(2);
       }
-    }, _callee2, null, [[1, 9]]);
+    }, _callee2, null, [[1, 3]]);
   })), []);
   (0, _react.useEffect)(function () {
     request();

package/dist/comment/hooks/notification-hooks/use-notification-mount.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useNotificationsMount = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _react = require("react");
 var _reactI18next = require("react-i18next");
@@ -40,41 +40,40 @@ var useNotificationsMount = exports.useNotificationsMount = function useNotifica
     (0, _utils.createNotify)(title, options);
   }, [collaborators, t]);
   var request = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(notification) {
-      var eventBus, res, notifications;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(notification) {
+      var eventBus, res, notifications, _t;
+      return (0, _regenerator2["default"])().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
             popupBrowserCommentNotification(notification);
             eventBus = _eventBus["default"].getInstance();
             dispatch({
               type: _constants2.DOC_NOTIFICATION_REDUCER_TYPE.FETCHING
             });
-            _context.prev = 3;
-            _context.next = 6;
+            _context.p = 1;
+            _context.n = 2;
             return _context2["default"].listUnseenNotifications();
-          case 6:
-            res = _context.sent;
+          case 2:
+            res = _context.v;
             notifications = res.data.notifications;
             dispatch({
               type: _constants2.DOC_NOTIFICATION_REDUCER_TYPE.FETCHED,
               payload: notifications
             });
             eventBus.dispatch(_constants.INTERNAL_EVENT.UNSEEN_NOTIFICATIONS_COUNT, notifications === null || notifications === void 0 ? void 0 : notifications.length);
-            _context.next = 16;
+            _context.n = 4;
             break;
-          case 12:
-            _context.prev = 12;
-            _context.t0 = _context["catch"](3);
-            console.log(_context.t0);
+          case 3:
+            _context.p = 3;
+            _t = _context.v;
+            console.log(_t);
             dispatch({
               type: _constants2.DOC_NOTIFICATION_REDUCER_TYPE.FETCH_ERROR
             });
-          case 16:
-          case "end":
-            return _context.stop();
+          case 4:
+            return _context.a(2);
         }
-      }, _callee, null, [[3, 12]]);
+      }, _callee, null, [[1, 3]]);
     }));
     return function (_x) {
       return _ref.apply(this, arguments);

package/dist/comment/provider/index.js

@@ -12,6 +12,7 @@ var _participantsContentProvider = _interopRequireDefault(require("./participant
 var Provider = function Provider(_ref) {
   var children = _ref.children,
     editor = _ref.editor;
+  console.log(1, children);
   return /*#__PURE__*/_react["default"].createElement(_notificationContextProvider["default"], {
     editor: editor
   }, /*#__PURE__*/_react["default"].createElement(_commentContextProvider["default"], {

package/dist/constants/index.js

@@ -74,7 +74,9 @@ var INTERNAL_EVENT = exports.INTERNAL_EVENT = {
   TOGGLE_PRESENTATION_MODE: 'toggle_presentation_mode',
   CREATE_SDOC_FILE: 'create_sdoc_file',
   CREATE_WIKI_PAGE: 'create_wiki_page',
-  IMAGE_COLUMN_TOGGLE: 'Image_column_toggle'
+  IMAGE_COLUMN_TOGGLE: 'Image_column_toggle',
+  CREATE_WHITEBOARD_FILE: 'create_whiteboard_file',
+  GENERATE_EXDRAW_READ_ONLY_LINK: 'generate_exdraw_read_only_link'
 };
 var PAGE_EDIT_AREA_WIDTH = exports.PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
 var COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = 364;

package/dist/editor/sdoc-comment-editor.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -69,36 +69,35 @@ var SdocCommentEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     if (Object.keys(notificationsInfo.notifications_map || {}).length === 0) return;
     if (!commentEditorContainerRef.current.closest('.global-comment-input-wrapper')) return;
     var clearAllNotification = /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
-        var res, notifications, eventBus, errorMessage;
-        return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+      var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee() {
+        var res, notifications, eventBus, errorMessage, _t;
+        return (0, _regenerator2["default"])().w(function (_context) {
+          while (1) switch (_context.p = _context.n) {
             case 0:
-              _context.prev = 0;
-              _context.next = 3;
+              _context.p = 0;
+              _context.n = 1;
               return _context2["default"].readAllNotifications();
-            case 3:
-              _context.next = 5;
+            case 1:
+              _context.n = 2;
               return _context2["default"].listUnseenNotifications();
-            case 5:
-              res = _context.sent;
+            case 2:
+              res = _context.v;
               notifications = res.data.notifications;
               eventBus = _eventBus["default"].getInstance();
               eventBus.dispatch(_constants.INTERNAL_EVENT.UNSEEN_NOTIFICATIONS_COUNT, notifications === null || notifications === void 0 ? void 0 : notifications.length);
               eventBus.dispatch(_constants.INTERNAL_EVENT.NEW_NOTIFICATION);
               eventBus.dispatch(_constants.INTERNAL_EVENT.CLEAR_NOTIFICATION);
-              _context.next = 17;
+              _context.n = 4;
               break;
-            case 13:
-              _context.prev = 13;
-              _context.t0 = _context["catch"](0);
-              errorMessage = (0, _commonUtils.getErrorMsg)(_context.t0);
+            case 3:
+              _context.p = 3;
+              _t = _context.v;
+              errorMessage = (0, _commonUtils.getErrorMsg)(_t);
               _toast["default"].danger(t(errorMessage));
-            case 17:
-            case "end":
-              return _context.stop();
+            case 4:
+              return _context.a(2);
           }
-        }, _callee, null, [[0, 13]]);
+        }, _callee, null, [[0, 3]]);
       }));
       return function clearAllNotification() {
         return _ref2.apply(this, arguments);

package/dist/editor/wiki-editor.js

@@ -18,7 +18,7 @@ var _constants = require("../constants");
 var _context = _interopRequireDefault(require("../context"));
 var _extension = require("../extension");
 var _insertElementDialog = _interopRequireDefault(require("../extension/commons/insert-element-dialog"));
-var _core = require("../extension/core");
+var _helpers = require("../extension/plugins/ai/ai-module/helpers");
 var _useColorContext = require("../hooks/use-color-context");
 var _useScrollContext = require("../hooks/use-scroll-context");
 var _layout = require("../layout");
@@ -34,7 +34,9 @@ var WikiEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     document = _ref.document,
     isReloading = _ref.isReloading,
     isWikiReadOnly = _ref.isWikiReadOnly,
-    scrollRef = _ref.scrollRef;
+    scrollRef = _ref.scrollRef,
+    showComment = _ref.showComment,
+    isShowRightPanel = _ref.isShowRightPanel;
   var validEditor = (0, _react.useMemo)(function () {
     if (propsEditor) return propsEditor;
     var defaultEditor = (0, _extension.createDefaultEditor)();
@@ -90,6 +92,18 @@ var WikiEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   (0, _react.useEffect)(function () {
     var eventBus = _eventBus["default"].getInstance();
     eventBus.subscribe(_constants.INTERNAL_EVENT.REFRESH_DOCUMENT, onRefreshDocument);
+
+    // Remove Marks on special conditions like unexpected exit or refresh page using AI or context comment
+    var hasSpecialMark = !_slate.Editor.nodes(validEditor, {
+      at: [],
+      match: function match(n) {
+        return _slate.Text.isText(n) && (n.sdoc_ai === true || n.comment === true);
+      }
+    }).next().done;
+    if (hasSpecialMark) {
+      (0, _helpers.removeMarks)(validEditor);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [onRefreshDocument]);
 
   // The parent component can call the method of this component through ref
@@ -162,7 +176,7 @@ var WikiEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     editor: validEditor,
     slateValue: slateValue,
     updateSlateValue: onValueChange,
-    showComment: false
+    showComment: showComment
   })), /*#__PURE__*/_react["default"].createElement(_wikiOutline["default"], {
     doc: slateValue
   }))))), /*#__PURE__*/_react["default"].createElement(_insertElementDialog["default"], {

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -166,58 +166,57 @@ var FileLinkInsertDialog = function FileLinkInsertDialog(_ref) {
 
   // eslint-disable-next-line react-hooks/exhaustive-deps
   var onSearch = (0, _react.useCallback)((0, _debounce["default"])(/*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(searchText) {
-      var _res$data, res, newFiles;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(searchText) {
+      var _res$data, res, newFiles, _t;
+      return (0, _regenerator2["default"])().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
             if (!(searchText.trim().length === 0)) {
-              _context.next = 6;
+              _context.n = 1;
               break;
             }
             setHeader(t('Recent_visited'));
             setHiddenMoreMenu(true);
             setNewFileName('');
             getHistoryFiles();
-            return _context.abrupt("return");
-          case 6:
+            return _context.a(2);
+          case 1:
             setNewFileName(searchText);
 
             // Cannot be found if the search is less than three characters.
             if (!((0, _commonUtils.isEnglish)(searchText.trim()) && searchText.length < 3)) {
-              _context.next = 11;
+              _context.n = 2;
               break;
             }
             setFiles([]);
             setHeader(t('Enter_more_character_start_search'));
-            return _context.abrupt("return");
-          case 11:
-            _context.prev = 11;
-            _context.next = 14;
+            return _context.a(2);
+          case 2:
+            _context.p = 2;
+            _context.n = 3;
             return _context2["default"].getSearchFilesByFilename(searchText, 1, 10, 'sdoc');
-          case 14:
-            res = _context.sent;
+          case 3:
+            res = _context.v;
             if (!(res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data.results)) {
-              _context.next = 21;
+              _context.n = 4;
               break;
             }
             newFiles = res.data.results;
             setHeader(t(newFiles.length === 0 ? 'No_results' : 'Link_to_file'));
             setHiddenMoreMenu(true);
             setFiles(newFiles);
-            return _context.abrupt("return");
-          case 21:
-            _context.next = 26;
+            return _context.a(2);
+          case 4:
+            _context.n = 6;
             break;
-          case 23:
-            _context.prev = 23;
-            _context.t0 = _context["catch"](11);
-            _toast["default"].danger(_context.t0.message);
-          case 26:
-          case "end":
-            return _context.stop();
+          case 5:
+            _context.p = 5;
+            _t = _context.v;
+            _toast["default"].danger(_t.message);
+          case 6:
+            return _context.a(2);
         }
-      }, _callee, null, [[11, 23]]);
+      }, _callee, null, [[2, 5]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);

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

@@ -64,10 +64,14 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
     _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
     handleSubmit = _useState16[0],
     setHandleSubmit = _useState16[1];
-  var _useState17 = (0, _react.useState)({}),
+  var _useState17 = (0, _react.useState)(null),
     _useState18 = (0, _slicedToArray2["default"])(_useState17, 2),
-    data = _useState18[0],
-    setData = _useState18[1];
+    insertWhiteboardFile = _useState18[0],
+    setInsertWhiteboardFile = _useState18[1];
+  var _useState19 = (0, _react.useState)({}),
+    _useState20 = (0, _slicedToArray2["default"])(_useState19, 2),
+    data = _useState20[0],
+    setData = _useState20[1];
   var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
     t = _useTranslation.t;
   var uploadLocalImageInputRef = (0, _react.useRef)();
@@ -121,6 +125,7 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
       insertFileLinkCallback = _ref2.insertFileLinkCallback,
       insertSdocFileLinkCallback = _ref2.insertSdocFileLinkCallback,
       insertVideo = _ref2.insertVideo,
+      insertWhiteboard = _ref2.insertWhiteboard,
       paramEditor = _ref2.editor,
       linkTitle = _ref2.linkTitle,
       handleSubmit = _ref2.handleSubmit,
@@ -133,6 +138,9 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
       insertSdocFileLinkCallback: insertSdocFileLinkCallback,
       insertFileLinkCallback: insertFileLinkCallback
     });
+    setInsertWhiteboardFile({
+      insertWhiteboard: insertWhiteboard
+    });
     setInsertVideoCallback({
       insertVideo: insertVideo
     });
@@ -159,6 +167,7 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
     setDialogType('');
     setInsertLinkCallback(null);
     setInsertVideoCallback(null);
+    setInsertWhiteboardFile(null);
     setValidEditor(null);
     setLinkTitle('');
     setData('');
@@ -206,6 +215,16 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
         };
         return /*#__PURE__*/_react["default"].createElement(_index5["default"], fileLinkProps);
       }
+    case _constants2.ELEMENT_TYPE.WHITEBOARD:
+      {
+        var whiteboardProps = {
+          editor: validEditor,
+          dialogType: dialogType,
+          insertWhiteboardFile: insertWhiteboardFile,
+          closeDialog: closeDialog
+        };
+        return /*#__PURE__*/_react["default"].createElement(_index5["default"], whiteboardProps);
+      }
     case _constants2.ELEMENT_TYPE.VIDEO:
       {
         var videoProps = {

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.parcelFileTypeIcon = exports.getSdocFileIcon = exports.getFileTypeIcon = exports.addDataToTree = void 0;
+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");
@@ -29,6 +29,10 @@ 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)) {

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

@@ -23,7 +23,8 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
     dialogType = _ref.dialogType,
     closeDialog = _ref.closeDialog,
     insertLinkCallback = _ref.insertLinkCallback,
-    insertVideoCallback = _ref.insertVideoCallback;
+    insertVideoCallback = _ref.insertVideoCallback,
+    insertWhiteboardFile = _ref.insertWhiteboardFile;
   var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
     t = _useTranslation.t;
   var _useState = (0, _react.useState)(null),
@@ -53,6 +54,9 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
     case _constants.ELEMENT_TYPE.VIDEO:
       modalTitle = 'Select_video_file';
       break;
+    case _constants.ELEMENT_TYPE.WHITEBOARD:
+      modalTitle = 'Select_Excalidraw_document';
+      break;
     default:
       break;
   }
@@ -65,6 +69,8 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
       insertSdocFileLinkCallback = _ref2.insertSdocFileLinkCallback;
     var _ref3 = insertVideoCallback || {},
       insertVideo = _ref3.insertVideo;
+    var _ref4 = insertWhiteboardFile || {},
+      insertWhiteboard = _ref4.insertWhiteboard;
     switch (dialogType) {
       case _constants.ELEMENT_TYPE.FILE_LINK:
         insertFileLinkCallback && insertFileLinkCallback(editor, fileInfo.name, fileInfo.file_uuid);
@@ -82,10 +88,13 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
           name: fileInfo.name
         }], [encodedUrl]);
         break;
+      case _constants.ELEMENT_TYPE.WHITEBOARD:
+        insertWhiteboard && insertWhiteboard(editor, fileInfo.name, fileInfo.path);
+        break;
       default:
         break;
     }
-  }, [insertLinkCallback, insertVideoCallback, dialogType, editor]);
+  }, [insertLinkCallback, insertVideoCallback, insertWhiteboardFile, dialogType, editor]);
   var onSubmit = (0, _react.useCallback)(function () {
     if (!currentSelectedFile) return;
     var file_uuid = currentSelectedFile.file_uuid;
@@ -98,6 +107,13 @@ var SelectSdocFileDialog = function SelectSdocFileDialog(_ref) {
       return;
     }
 
+    // Insert whiteboard file in sdoc
+    if (dialogType === _constants.ELEMENT_TYPE.WHITEBOARD) {
+      insertFile(fileInfo);
+      closeDialog();
+      return;
+    }
+
     // File has no id
     if (!file_uuid || file_uuid === '') {
       _context["default"].getSdocLocalFileId(currentSelectedFile.path).then(function (res) {

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

@@ -36,6 +36,7 @@
   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;
@@ -96,6 +97,7 @@
   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;