@seafile/sdoc-editor 1.0.195-test0.0.1 → 1.0.195-test0.0.3

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

@@ -34,6 +34,7 @@ const InsertElementDialog = _ref => {
   const [insertLinkCallback, setInsertLinkCallback] = (0, _react.useState)(null);
   const [validEditor, setValidEditor] = (0, _react.useState)(editor);
   const [linkTitle, setLinkTitle] = (0, _react.useState)('');
+  const [insertWhiteboardFile, setInsertWhiteboardFile] = (0, _react.useState)(null);
   const [handleSubmit, setHandleSubmit] = (0, _react.useState)(() => void 0);
   const {
     t
@@ -90,6 +91,7 @@ const InsertElementDialog = _ref => {
       slateNode,
       insertFileLinkCallback,
       insertSdocFileLinkCallback,
+      insertWhiteboard,
       editor: paramEditor,
       linkTitle,
       // link shortcut wrapping link
@@ -103,6 +105,7 @@ const InsertElementDialog = _ref => {
       insertSdocFileLinkCallback,
       insertFileLinkCallback
     });
+    setInsertWhiteboardFile(insertWhiteboard);
     setLinkTitle(linkTitle);
     setHandleSubmit(handleSubmit);
     // Apply for comment editor, as it has a different editor instance
@@ -124,6 +127,7 @@ const InsertElementDialog = _ref => {
     setElement('');
     setDialogType('');
     setInsertLinkCallback(null);
+    setInsertWhiteboardFile(null);
     setValidEditor(null);
     setLinkTitle('');
   }, []);
@@ -169,6 +173,16 @@ const InsertElementDialog = _ref => {
         };
         return /*#__PURE__*/_react.default.createElement(_index.default, fileLinkProps);
       }
+    case _constants2.ELEMENT_TYPE.WHITEBOARD:
+      {
+        const whiteboardProps = {
+          editor: validEditor,
+          dialogType,
+          insertWhiteboardFile,
+          closeDialog
+        };
+        return /*#__PURE__*/_react.default.createElement(_index.default, whiteboardProps);
+      }
     case _constants2.LOCAL_IMAGE:
       {
         return /*#__PURE__*/_react.default.createElement("input", {

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

@@ -21,9 +21,9 @@ const SelectSdocFileDialog = _ref => {
     editor,
     dialogType,
     closeDialog,
-    insertLinkCallback
+    insertLinkCallback,
+    insertWhiteboardFile
   } = _ref;
-  const modalTitle = dialogType === _constants.ELEMENT_TYPE.FILE_LINK ? 'Select_file' : 'Select_sdoc_document';
   const {
     t
   } = (0, _reactI18next.useTranslation)();
@@ -31,6 +31,20 @@ const SelectSdocFileDialog = _ref => {
   const [temSearchContent, setTemSearchContent] = (0, _react.useState)('');
   const [searchContent, setSearchContent] = (0, _react.useState)('');
   const [isOpenSearch, setIsOpenSearch] = (0, _react.useState)(false);
+  let modalTitle;
+  switch (dialogType) {
+    case _constants.ELEMENT_TYPE.FILE_LINK:
+      modalTitle = 'Select_file';
+      break;
+    case _constants.ELEMENT_TYPE.SDOC_LINK:
+      modalTitle = 'Select_sdoc_document';
+      break;
+    case _constants.ELEMENT_TYPE.WHITEBOARD:
+      modalTitle = 'Select_whiteboard_document';
+      break;
+    default:
+      break;
+  }
   const onSelectedFile = (0, _react.useCallback)(fileInfo => {
     setCurrentSelectedFile(fileInfo);
   }, []);
@@ -44,7 +58,20 @@ const SelectSdocFileDialog = _ref => {
     } else {
       insertSdocFileLinkCallback && insertSdocFileLinkCallback(editor, fileInfo.name, fileInfo.file_uuid);
     }
-  }, [insertLinkCallback, dialogType, editor]);
+    switch (dialogType) {
+      case _constants.ELEMENT_TYPE.FILE_LINK:
+        insertFileLinkCallback && insertFileLinkCallback(editor, fileInfo.name, fileInfo.file_uuid);
+        break;
+      case _constants.ELEMENT_TYPE.SDOC_LINK:
+        insertSdocFileLinkCallback && insertSdocFileLinkCallback(editor, fileInfo.name, fileInfo.file_uuid);
+        break;
+      case _constants.ELEMENT_TYPE.WHITEBOARD:
+        insertWhiteboardFile && insertWhiteboardFile(editor, fileInfo.name, fileInfo.file_uuid);
+        break;
+      default:
+        break;
+    }
+  }, [insertLinkCallback, insertWhiteboardFile, dialogType, editor]);
   const onSubmit = (0, _react.useCallback)(() => {
     if (!currentSelectedFile) return;
     const {

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

@@ -538,7 +538,8 @@ const LIST_ITEM_SUPPORTED_TRANSFORMATION = exports.LIST_ITEM_SUPPORTED_TRANSFORM
 const ADD_POSITION_OFFSET_TYPE = exports.ADD_POSITION_OFFSET_TYPE = [_elementType.PARAGRAPH, _elementType.SUBTITLE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CHECK_LIST_ITEM, _elementType.IMAGE_BLOCK];
 const FILE_TYPE = exports.FILE_TYPE = {
   [_elementType.FILE_LINK]: 'file',
-  [_elementType.SDOC_LINK]: 'sdoc'
+  [_elementType.SDOC_LINK]: 'sdoc',
+  [_elementType.WHITEBOARD]: 'draw'
 };
 const SUPPORTED_SIDE_OPERATION_TYPE = exports.SUPPORTED_SIDE_OPERATION_TYPE = [_elementType.PARAGRAPH, _elementType.SUBTITLE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CHECK_LIST_ITEM, _elementType.CODE_BLOCK, _elementType.TABLE, _elementType.BLOCKQUOTE, _elementType.CALL_OUT, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.WHITEBOARD, _elementType.SEATABLE_TABLE, _elementType.MULTI_COLUMN];
 const MOUSE_ENTER_EVENT_DISABLED_MAP = exports.MOUSE_ENTER_EVENT_DISABLED_MAP = {

package/dist/basic-sdk/extension/plugins/whiteboard/index.css

@@ -0,0 +1,5 @@
+.sdoc-whiteboard-container {
+  width: 670px;
+  height: auto;
+  border: 1px solid #ccc;
+}

package/dist/basic-sdk/extension/plugins/whiteboard/index.js

@@ -9,8 +9,7 @@ var _constants = require("../../constants");
 var _plugin = _interopRequireDefault(require("./plugin"));
 var _menu = _interopRequireDefault(require("./menu"));
 var _renderElem = require("./render-elem");
-// import './index.css';
-
+require("./index.css");
 const WhiteboardPlugin = {
   type: _constants.WHITEBOARD,
   nodeType: 'element',

package/dist/basic-sdk/extension/plugins/whiteboard/menu/index.js

@@ -12,10 +12,13 @@ var _reactstrap = require("reactstrap");
 var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
 var _helpers = require("../helpers");
 var _constants = require("../../../constants");
+var _constants2 = require("../../../../constants");
 const WhiteboardMenu = _ref => {
   let {
     editor,
-    readonly
+    readonly,
+    eventBus,
+    toggle
   } = _ref;
   const disabled = (0, _helpers.isInsertWhiteboardMenuDisabled)(editor, readonly);
   const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.WHITEBOARD];
@@ -25,6 +28,15 @@ const WhiteboardMenu = _ref => {
   const onCreateFile = () => {
     (0, _helpers.onCreateWhiteboardFile)(editor);
   };
+  const openSelectSdocFileDialog = (0, _react.useCallback)(() => {
+    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants.ELEMENT_TYPE.WHITEBOARD,
+      insertWhiteboard: _helpers.insertWhiteboard
+    });
+    toggle && toggle();
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [toggle, eventBus]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     disabled: disabled,
     menuConfig: menuConfig,
@@ -41,7 +53,8 @@ const WhiteboardMenu = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-insert-whiteboard-menu-popover-container sdoc-dropdown-menu-container"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-dropdown-menu-item"
+    className: "sdoc-dropdown-menu-item",
+    onClick: openSelectSdocFileDialog
   }, t('Upload_local_whiteboard')), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-item",
     onClick: onCreateFile

package/dist/basic-sdk/extension/plugins/whiteboard/render-elem.js

@@ -1,16 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderWhiteboard = renderWhiteboard;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants = require("../../../../constants");
+require("./index.css");
 const Whiteboard = _ref => {
   let {
     editor
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  // const whiteboardContainer = document.getElementById('sdoc-whiteboard-container');
+  const [tldraw, setTldraw] = (0, _react.useState)(null);
+  const renderWhiteboardEditor = Tldraw => {
+    console.log(4, Tldraw);
+    setTldraw( /*#__PURE__*/_react.default.createElement(Tldraw, null));
+  };
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribeWhiteboardEditor = eventBus.subscribe(_constants.EXTERNAL_EVENT.TLDRAW_EDITOR, renderWhiteboardEditor);
+    console.log(3, renderWhiteboardEditor);
+    return () => {
+      unsubscribeWhiteboardEditor();
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: "sdoc-whiteboard-container"
+  }, tldraw);
 };
 function renderWhiteboard(props, editor) {
   return /*#__PURE__*/_react.default.createElement(Whiteboard, Object.assign({}, props, {

package/dist/basic-sdk/extension/toolbar/header-toolbar/insert-toolbar/index.js

@@ -19,10 +19,10 @@ var _menu5 = _interopRequireDefault(require("../../../plugins/sdoc-link/menu"));
 var _menu6 = _interopRequireDefault(require("../../../plugins/file-link/menu"));
 var _menu7 = _interopRequireDefault(require("../../../plugins/seatable-column/menu"));
 var _menu8 = _interopRequireDefault(require("../../../plugins/seatable-tables/menu"));
+var _menu9 = _interopRequireDefault(require("../../../plugins/whiteboard/menu"));
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _constants = require("../../../../constants");
 require("./index.css");
-var _menu9 = _interopRequireDefault(require("../../../plugins/whiteboard/menu"));
 const InsertToolbar = _ref => {
   let {
     isRichEditor,

package/dist/constants/index.js

@@ -37,6 +37,7 @@ const EXTERNAL_EVENT = exports.EXTERNAL_EVENT = {
   CREATE_SDOC_FILE: 'create_sdoc_file',
   CREATE_WIKI_PAGE: 'create_wiki_page',
   CREATE_WHITEBOARD_FILE: 'create_whiteboard_file',
+  TLDRAW_EDITOR: 'tldraw_editor',
   // wiki
   INSERT_LINK: 'insert_link',
   // document

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.195-test0.0.1",
+  "version": "1.0.195-test0.0.3",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",