@seafile/sdoc-editor 0.4.12 → 0.4.13

package/dist/basic-sdk/assets/css/layout.css

@@ -24,7 +24,7 @@
   display: flex;
   flex-direction: row-reverse;
   position: absolute;
-  right: 20px;
+  right: 8px;
   border-right: none;
 }
 

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

@@ -9,8 +9,7 @@ const renderBlockquote = (props, editor) => {
     textAlign: element.align
   };
   return /*#__PURE__*/React.createElement("blockquote", Object.assign({
-    "data-id": element.id,
-    "data-root": "true"
+    "data-id": element.id
   }, attributes, {
     style: style
   }), children);

package/dist/basic-sdk/extension/plugins/callout/plugin.js

@@ -1,4 +1,5 @@
 import isHotkey from 'is-hotkey';
+import { Editor, Transforms } from '@seafile/slate';
 import { PARAGRAPH, INSERT_POSITION, CODE_BLOCK } from '../../constants';
 import { isSelectionAtBlockStart } from '../../core';
 import { getCalloutEntry, isCalloutContentEmpty, unwrapCallout } from './helper';
@@ -52,7 +53,9 @@ const withCallout = editor => {
     return insertFragment(data);
   };
   newEditor.onHotKeyDown = event => {
-    if (getCalloutEntry(editor)) {
+    const calloutEntry = getCalloutEntry(editor);
+    if (calloutEntry) {
+      const [, calloutPath] = calloutEntry;
       // Close color picker
       const eventBus = EventBus.getInstance();
       eventBus.dispatch(INTERNAL_EVENT.CLOSE_CALLOUT_COLOR_PICKER);
@@ -60,9 +63,26 @@ const withCallout = editor => {
         insertElement(newEditor, PARAGRAPH, INSERT_POSITION.AFTER);
         return true;
       }
+      if (isHotkey('mod+a', event)) {
+        event.preventDefault();
+        try {
+          const startPoint = Editor.start(newEditor, calloutPath);
+          const endPoint = Editor.end(newEditor, calloutPath);
+          const selectRange = Editor.range(newEditor, startPoint, endPoint);
+          Transforms.select(newEditor, selectRange);
+          return true;
+        } catch (error) {
+          return true;
+        }
+      }
     }
     return onHotKeyDown && onHotKeyDown(event);
   };
+  newEditor.onCopy = event => {
+    if (getCalloutEntry(editor)) {
+      event.stopPropagation();
+    }
+  };
   return newEditor;
 };
 export default withCallout;

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

@@ -100,7 +100,6 @@ const renderCallout = (_ref, editor) => {
   }, [editor, element, isFocusOnCallout]);
   return /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
     "data-id": element.id,
-    "data-root": "true",
     className: "sdoc-callout-white-wrapper",
     onMouseLeave: handleCloseColorSelector
   }), /*#__PURE__*/React.createElement("div", {

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

@@ -33,8 +33,7 @@ class CheckListItem extends React.PureComponent {
       textAlign: align
     };
     return /*#__PURE__*/React.createElement("div", Object.assign({
-      "data-id": id,
-      "data-root": "true"
+      "data-id": id
     }, attributes, {
       className: "sdoc-checkbox-container ".concat(attributes.className),
       style: style

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

@@ -134,8 +134,7 @@ const CodeBlock = _ref => {
     EventBus.getInstance().dispatch(INTERNAL_EVENT.UPDATE_SEARCH_REPLACE_HIGHLIGHT);
   };
   return /*#__PURE__*/React.createElement("div", Object.assign({
-    "data-id": element.id,
-    "data-root": "true"
+    "data-id": element.id
   }, attributes, {
     className: "sdoc-code-block-container ".concat(attributes.className),
     onClick: onFocusCodeBlock,

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

@@ -14,8 +14,7 @@ export const renderTitle = (props, editor) => {
     textAlign: element.align
   };
   return /*#__PURE__*/React.createElement("div", Object.assign({
-    "data-id": element.id,
-    "data-root": "true"
+    "data-id": element.id
   }, attributes, {
     className: "sdoc-header-title ".concat(attributes.className),
     style: _objectSpread({}, style)
@@ -33,8 +32,7 @@ export const renderSubtitle = (props, editor) => {
     textAlign: element.align
   };
   return /*#__PURE__*/React.createElement("div", Object.assign({
-    "data-id": element.id,
-    "data-root": "true"
+    "data-id": element.id
   }, attributes, {
     className: "sdoc-header-subtitle ".concat(attributes.className),
     style: _objectSpread({}, style)
@@ -65,8 +63,6 @@ export const renderHeader = (props, editor) => {
   return /*#__PURE__*/React.createElement("div", Object.assign({
     "data-id": element.id,
     id: element.id // used for click left outline item, page scroll this element
-    ,
-    "data-root": "true"
   }, attributes, {
     className: "sdoc-header-".concat(level, " ").concat(attributes.className),
     style: _objectSpread({

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

@@ -89,7 +89,10 @@ const ImageHoverMenu = _ref => {
           at: [p]
         });
         p = p + 1;
-        if (!afterLeaf.every(item => item.text.length === 0)) {
+        if (!afterLeaf.every(item => {
+          var _item$text;
+          return (item === null || item === void 0 ? void 0 : (_item$text = item.text) === null || _item$text === void 0 ? void 0 : _item$text.length) === 0;
+        })) {
           afterNode = generateEmptyElement(PARAGRAPH);
           afterNode.children = afterLeaf;
           Transforms.insertNodes(editor, afterNode, {

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

@@ -10,7 +10,6 @@ const renderList = (props, editor) => {
   const Tag = node.type === ORDERED_LIST ? 'ol' : 'ul';
   return /*#__PURE__*/React.createElement(Tag, Object.assign({
     "data-id": node.id,
-    "data-root": "true",
     className: "list-container d-flex flex-column"
   }, attributes), children);
 };
@@ -36,8 +35,7 @@ const renderListItem = (props, editor) => {
   }
   const isBlod = element.children[0].children.every(item => item.bold === true);
   return /*#__PURE__*/React.createElement("li", Object.assign({
-    "data-id": element.id,
-    "data-root": "true"
+    "data-id": element.id
   }, attributes, {
     className: classnames(className, {
       'sdoc-li-blod': isBlod
@@ -51,8 +49,7 @@ const renderListLic = (props, editor) => {
     element
   } = props;
   return /*#__PURE__*/React.createElement("div", Object.assign({
-    "data-id": element.id,
-    "data-root": "true"
+    "data-id": element.id
   }, attributes), children);
 };
 export { renderList, renderListItem, renderListLic };

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

@@ -26,12 +26,9 @@ const Paragraph = _ref => {
     textAlign: element.align,
     paddingLeft: indent ? '28px' : ''
   };
-  const newAttributes = _objectSpread(_objectSpread({}, attributes), typeof attributes.onMouseEnter === 'function' && {
-    'data-root': 'true'
-  });
   return /*#__PURE__*/React.createElement("p", Object.assign({
     "data-id": element.id
-  }, newAttributes, {
+  }, attributes, {
     style: _objectSpread({
       position: isShowPlaceHolder ? 'relative' : ''
     }, style)

package/dist/basic-sdk/extension/plugins/table/plugin.js

@@ -88,17 +88,47 @@ const withTable = editor => {
     if (selection) {
       const before = Editor.before(newEditor, selection);
       if (before) {
-        // If the current is not a table and the previous one is a table, no deletion will be performed. Otherwise, the last cell of the table will be deleted
-        // If deleting node is empty check-list, order-list, unordered-list, change to paragraph
         const isTableOnBeforeLocation = isTableLocation(newEditor, before);
         const isTableOnCurSelection = isTableLocation(newEditor, selection);
+        // If the current is not a table and the previous one is a table.
         if (isTableOnBeforeLocation && !isTableOnCurSelection) {
-          const transformTypes = [CHECK_LIST_ITEM, ORDERED_LIST, UNORDERED_LIST];
           const [currentNodeEntry] = Editor.nodes(editor, {
             match: n => Element.isElement(n) && !Editor.parent(n, ReactEditor.findPath(editor, n))[1].length
           });
           if (!currentNodeEntry) return;
           const [currentNode, currentPath] = Array.from(currentNodeEntry);
+
+          // If the current is paragraph.
+          if (currentNode.type === PARAGRAPH) {
+            const {
+              path
+            } = before;
+            Transforms.select(editor, {
+              anchor: {
+                offset: 0,
+                path: [path[0], 0, 0, 0]
+              },
+              focus: {
+                offset: 0,
+                path: [path[0], 0, 0, 0]
+              }
+            });
+            const beforeTable = Editor.node(editor, [path[0]]);
+            const beforeRow = Editor.node(editor, [path[0], path[1]]);
+            const tableSize = [beforeTable[0].children.length, beforeRow[0].children.length];
+            const allTableRange = {
+              minRowIndex: 0,
+              maxRowIndex: tableSize[0] - 1,
+              minColIndex: 0,
+              maxColIndex: tableSize[1] - 1
+            };
+            newEditor.tableSelectedRange = allTableRange;
+            eventBus.dispatch(INTERNAL_EVENT.SET_TABLE_SELECT_RANGE, beforeTable[0], allTableRange);
+            return;
+          }
+
+          // If deleting node is empty check-list, order-list, unordered-list, change to paragraph
+          const transformTypes = [CHECK_LIST_ITEM, ORDERED_LIST, UNORDERED_LIST];
           if (transformTypes.includes(currentNode.type)) {
             Transforms.delete(newEditor, {
               at: currentPath

package/dist/basic-sdk/extension/plugins/table/render/index.js

@@ -59,19 +59,33 @@ const Table = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  const setSelectedRangeByClick = useCallback(range => {
+    setSelectedRange(range);
+    setTableSelectedRange(editor, range);
+    const {
+      maxRowIndex,
+      maxColIndex
+    } = range;
+    const selection = {
+      offset: 0,
+      path: [...path, maxRowIndex, maxColIndex, 0]
+    };
+    Transforms.setSelection(editor, {
+      anchor: selection,
+      focus: selection
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, path]);
   useEffect(() => {
-    if (isSelected) {
-      const eventBus = EventBus.getInstance();
-      const cancelTableSelectRangeSubscribe = eventBus.subscribe(INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE, clearRange);
-      const setTableSelectRangeSubscribe = eventBus.subscribe(INTERNAL_EVENT.SET_TABLE_SELECT_RANGE, setRange);
-      return () => {
-        cancelTableSelectRangeSubscribe();
-        setTableSelectRangeSubscribe();
-      };
-    }
-
+    const eventBus = EventBus.getInstance();
+    const cancelTableSelectRangeSubscribe = eventBus.subscribe(INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE, clearRange);
+    const setTableSelectRangeSubscribe = eventBus.subscribe(INTERNAL_EVENT.SET_TABLE_SELECT_RANGE, setRange);
+    return () => {
+      cancelTableSelectRangeSubscribe();
+      setTableSelectRangeSubscribe();
+    };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isSelected]);
+  }, []);
   useEffect(() => {
     setColumns(getTableColumns(editor, element));
     if (isSettingSelectRange) {
@@ -150,23 +164,6 @@ const Table = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const setSelectedRangeByClick = useCallback(range => {
-    setSelectedRange(range);
-    setTableSelectedRange(editor, range);
-    const {
-      maxRowIndex,
-      maxColIndex
-    } = range;
-    const selection = {
-      offset: 0,
-      path: [...path, maxRowIndex, maxColIndex, 0]
-    };
-    Transforms.setSelection(editor, {
-      anchor: selection,
-      focus: selection
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, path]);
   const tableContainerClassName = classnames('sdoc-table-container position-relative', attributes.className, className, {
     'sdoc-table-selected': isSelected,
     'sdoc-table-selected-range': !ObjectUtils.isSameObject(selectedRange, EMPTY_SELECTED_RANGE)

package/dist/basic-sdk/extension/plugins/table/render/table-root.js

@@ -30,7 +30,6 @@ const TableRoot = _ref => {
     className: classnames('sdoc-table-wrapper position-relative', attributes.className, {
       'scroll': allWidth > editor.width
     }),
-    "data-root": "true",
     style: _objectSpread(_objectSpread({}, attributes.style), {}, {
       maxWidth: editor.width ? editor.width : '100%'
     })

package/dist/basic-sdk/extension/render/helper.js

@@ -18,4 +18,5 @@ const isNeedAddMouseEnterEvent = (editor, element) => {
 export const setMouseEnter = (editor, element, attributes) => {
   if (!isNeedAddMouseEnterEvent(editor, element)) return;
   attributes['onMouseEnter'] = e => onMouseEnter(e, element);
+  attributes['data-root'] = 'true';
 };

package/dist/basic-sdk/extension/toolbar/side-toolbar/transform-menus.js

@@ -1,9 +1,9 @@
 import React, { useCallback } from 'react';
 import { UncontrolledPopover } from 'reactstrap';
 import { withTranslation } from 'react-i18next';
-import { useSlateStatic } from '@seafile/slate-react';
+import { ReactEditor, useSlateStatic } from '@seafile/slate-react';
 import { onSetNodeType } from './helpers';
-import { SIDE_TRANSFORM_MENUS_CONFIG, LIST_ITEM_SUPPORTED_TRANSFORMATION, LIST_ITEM_CORRELATION_TYPE } from '../../constants';
+import { SIDE_TRANSFORM_MENUS_CONFIG, LIST_ITEM_SUPPORTED_TRANSFORMATION, LIST_ITEM_CORRELATION_TYPE, BLOCKQUOTE, CALL_OUT } from '../../constants';
 import DropdownMenuItem from '../../commons/dropdown-menu-item';
 const TransformMenus = _ref => {
   let {
@@ -23,6 +23,14 @@ const TransformMenus = _ref => {
     if (LIST_ITEM_CORRELATION_TYPE.includes(slateNode.type)) {
       newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => LIST_ITEM_SUPPORTED_TRANSFORMATION.includes(item.type));
     }
+    const path = ReactEditor.findPath(editor, slateNode);
+    if (path && path.length > 1) {
+      const nodeIndex = path[0];
+      const highestNode = editor.children[nodeIndex];
+      if (highestNode.type === BLOCKQUOTE) {
+        newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== CALL_OUT);
+      }
+    }
     return newSideMenusConfig;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [slateNode]);

package/dist/basic-sdk/utils/event-handler.js

@@ -81,6 +81,7 @@ class EventProxy {
       }
     };
     this.onCopy = event => {
+      if (this.editor.onCopy) this.editor.onCopy(event);
       setOriginSdocKey(event);
     };
     this.onCut = event => {

package/package.json

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