@seafile/sdoc-editor 1.0.198-test1.6 → 1.0.198-test1.8

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

@@ -27,7 +27,7 @@ const InsertElementDialog = _ref => {
   let {
     editor
   } = _ref;
-  console.log(3, editor);
+  console.log(3, editor.selection);
   const [dialogType, setDialogType] = (0, _react.useState)('');
   const [element, setElement] = (0, _react.useState)('');
   const [insertPosition, setInsertPosition] = (0, _react.useState)(_constants2.INSERT_POSITION.CURRENT);
@@ -98,7 +98,7 @@ const InsertElementDialog = _ref => {
       // link shortcut wrapping link
       handleSubmit
     } = _ref2;
-    console.log(5, insertWhiteboard, paramEditor);
+    console.log(5, insertSdocFileLinkCallback, insertWhiteboard, paramEditor);
     setInsertPosition(insertPosition);
     setSlateNode(slateNode);
     setElement(element);
@@ -183,7 +183,7 @@ const InsertElementDialog = _ref => {
           insertWhiteboardFile,
           closeDialog
         };
-        console.log(555, editor, insertWhiteboardFile);
+        console.log(555, editor.selection, insertWhiteboardFile);
         return /*#__PURE__*/_react.default.createElement(_index.default, whiteboardProps);
       }
     case _constants2.LOCAL_IMAGE:

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

@@ -24,7 +24,7 @@ const SelectSdocFileDialog = _ref => {
     insertLinkCallback,
     insertWhiteboardFile
   } = _ref;
-  console.log(3, insertWhiteboardFile);
+  console.log(3, editor.selection);
   const {
     t
   } = (0, _reactI18next.useTranslation)('sdoc-editor');

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

@@ -44,7 +44,7 @@ const VideoMenu = _ref => {
     hideArrow: true,
     fade: false
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container"
+    className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container 333"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-item",
     onClick: openLocalVideoDialog

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

@@ -13,7 +13,7 @@ var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants2 = require("../../../../constants");
 const isInsertWhiteboardMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
-  console.log(9, editor);
+  console.log(9, editor.selection);
   const {
     selection
   } = editor;
@@ -64,6 +64,7 @@ exports.generateWhiteboardNode = generateWhiteboardNode;
 const insertWhiteboard = (editor, filename, filePath) => {
   console.log(8, editor.selection);
   if (isInsertWhiteboardMenuDisabled(editor)) return;
+  console.log(99);
   const {
     repoID
   } = window.app.pageOptions;

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

@@ -5,6 +5,13 @@
   border: 1px solid #ccc;
 }
 
+.sdoc-whiteboard-container .isSelected {
+  position: relative;
+  width: 670px;
+  height: 300px;
+  border: 1px solid rgb(0, 123, 255);
+}
+
 .sodoc-whiteboard-title {
   font-size: 14px;
   color: #333;

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

@@ -20,7 +20,7 @@ const WhiteboardMenu = _ref => {
     eventBus,
     toggle
   } = _ref;
-  console.log(1, editor, readonly);
+  console.log(1, editor.selection, readonly);
   const disabled = (0, _helpers.isInsertWhiteboardMenuDisabled)(editor, readonly);
   const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.WHITEBOARD];
   const {
@@ -32,8 +32,7 @@ const WhiteboardMenu = _ref => {
   const openSelectSdocFileDialog = (0, _react.useCallback)(() => {
     eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
       type: _constants.ELEMENT_TYPE.WHITEBOARD,
-      insertWhiteboard: _helpers.insertWhiteboard,
-      paramEditor: editor || null
+      insertWhiteboard: _helpers.insertWhiteboard
     });
     toggle && toggle();
   }, [toggle, eventBus]);

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

@@ -7,22 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderWhiteboard = renderWhiteboard;
 var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("@seafile/slate-react");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants = require("../../../../constants");
 require("./index.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 const Whiteboard = _ref => {
   let {
     editor,
     element
   } = _ref;
   const {
-    children,
     filePath,
     repoID,
     title
   } = element;
   const whiteboardRef = (0, _react.useRef)();
   console.log(33, repoID, filePath);
+  const isSelected = (0, _slateReact.useSelected)();
   const containerId = `whiteboard-${title}`;
   // Set default whiteboard readonly as true
   const readOnly = true;
@@ -33,6 +35,7 @@ const Whiteboard = _ref => {
     window.open(url, '_blank');
     return;
   };
+  console.log(isSelected);
   (0, _react.useEffect)(() => {
     const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch(_constants.EXTERNAL_EVENT.TLDRAW_EDITOR, {
@@ -45,7 +48,9 @@ const Whiteboard = _ref => {
     });
   }, [filePath, repoID, readOnly, containerId]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-whiteboard-container",
+    className: (0, _classnames.default)('sdoc-whiteboard-container', {
+      'isSelected': isSelected
+    }),
     ref: whiteboardRef,
     onDoubleClick: handleDoubleClick
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/basic-sdk/extension/render/custom-element.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,7 +12,6 @@ var _core = require("../core");
 var _helper = require("./helper");
 var _elementType = require("../constants/element-type");
 var _constants2 = require("../../constants");
-var _whiteboard = _interopRequireDefault(require("../plugins/whiteboard"));
 const CustomRenderElement = props => {
   const editor = (0, _slateReact.useSlateStatic)();
   const readonly = (0, _slateReact.useReadOnly)();
@@ -214,7 +212,7 @@ const CustomRenderElement = props => {
       }
     case _elementType.WHITEBOARD:
       {
-        const [renderWhiteboard] = _whiteboard.default.renderElements;
+        const [renderWhiteboard] = _plugins.WhiteboardPlugin.renderElements;
         return renderWhiteboard({
           ...props
         }, editor);

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

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +8,6 @@ var _slateReact = require("@seafile/slate-react");
 var _constants = require("../constants");
 var _plugins = require("../plugins");
 var _core = require("../core");
-var _whiteboard = _interopRequireDefault(require("../plugins/whiteboard"));
 const RenderCommentEditorCustomRenderElement = props => {
   const editor = (0, _slateReact.useSlateStatic)();
   const readonly = (0, _slateReact.useReadOnly)();
@@ -99,7 +97,7 @@ const RenderCommentEditorCustomRenderElement = props => {
       }
     case _constants.WHITEBOARD:
       {
-        const [renderWhiteboard] = _whiteboard.default.renderElements;
+        const [renderWhiteboard] = _plugins.WhiteboardPlugin.renderElements;
         return renderWhiteboard({
           ...props
         }, editor);

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

@@ -66,7 +66,7 @@ const InsertToolbar = _ref => {
     readonly,
     toggle
   };
-  console.log(9, props.editor);
+  console.log(9, props.editor.selection);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: validClassName,

package/dist/basic-sdk/extension/toolbar/side-toolbar/helpers.js

@@ -130,11 +130,12 @@ const isVoidNode = node => {
   if (!node) return true;
   const hasImage = node.children.find(n => n.type === _constants.IMAGE);
   const isVideo = node.type === _constants.VIDEO;
+  const isWhiteboard = node.type === _constants.WHITEBOARD;
   const isTable = node.type === _constants.TABLE;
   const isCodeBlock = node.type === _constants.CODE_BLOCK;
   const isCallout = node.type === _constants.CALL_OUT;
   const isSeaTableTable = node.type === _constants.SEATABLE_TABLE;
-  return _slate.Node.string(node) === '' && !hasImage && !isVideo && !isTable && !isCodeBlock && !isCallout && !isSeaTableTable;
+  return _slate.Node.string(node) === '' && !hasImage && !isVideo && !isWhiteboard && !isTable && !isCodeBlock && !isCallout && !isSeaTableTable;
 };
 exports.isVoidNode = isVoidNode;
 const isNotSupportTransform = node => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.198-test1.6",
+  "version": "1.0.198-test1.8",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",