@seafile/sdoc-editor 2.0.31 → 2.0.33-alph-0.0.1

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

@@ -32,7 +32,7 @@ const LinkHover = _ref => {
       location.href = element.href;
     }
   }, [element.href]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
     id: "link-op-menu",
     className: "link-op-menu",
     style: menuPosition

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

@@ -54,7 +54,7 @@ const SearchReplaceMenu = _ref => {
     const canvasList = [];
     for (let index = 0; index < generateCount; index++) {
       const top = index * 5000;
-      canvasList.push( /*#__PURE__*/_react.default.createElement("canvas", {
+      canvasList.push(/*#__PURE__*/_react.default.createElement("canvas", {
         key: 'sdoc-find-search-' + index,
         id: `sdoc-find-search-${index}`,
         className: "sdoc-find-search-highlight-canvas",
@@ -79,7 +79,7 @@ const SearchReplaceMenu = _ref => {
     readonly: readonly,
     isOpen: isOpenPopover,
     closePopover: onMouseDown
-  }), isOpenPopover && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
+  }), isOpenPopover && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: articleContainerSize.clientHeight
     },

package/dist/basic-sdk/extension/plugins/search-replace/popover/index.js

@@ -168,7 +168,7 @@ const SearchReplacePopover = _ref => {
     if ((0, _isHotkey.default)('enter', e)) handleNext();
     if ((0, _isHotkey.default)('enter+shift', e)) handleLast();
   };
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-search-replace-popover-container",
     onMouseDown: handleStartMove,
     onMouseMove: handleMouseMove,

package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/index.css

@@ -1,5 +1,6 @@
 .seatable-rows-select-dialog {
-  max-width: 520px;
+  max-width: 620px;
+  height: 520px;
 }
 
 .seatable-rows-select-dialog .sdoc-seatable-rows-select-footer {
@@ -35,10 +36,8 @@
   padding: 0 !important;
 }
 
-.seatable-rows-select-dialog .modal-body .form-label {
-  margin: 1rem 1rem 0;
-  padding-bottom: 1rem;
-  border-bottom: 1px solid #e2e2e2;
+.seatable-rows-select-dialog .modal-body .form-group {
+  margin: 0 !important;
 }
 
 .seatable-rows-close-dialog {
@@ -61,10 +60,10 @@
 }
 
 .seatable-rows-select-dialog .seatable-table-wrapper {
-  height: 280px;
+  height: 382px;
   overflow-x: auto;
   overflow-y: hidden;
-  border: 2px solid transparent;
+  /* border: 2px solid transparent; */
 }
 
 .seatable-rows-select-dialog .row-card-container {
@@ -85,6 +84,10 @@
   align-items: center;
 }
 
+.row-card-header {
+  border-bottom: 1px solid #e9ecef;
+}
+
 .row-card-header .row-card-column-names {
   padding: 8px 32px;
   width: 100%;
@@ -153,12 +156,14 @@
 }
 
 .seatable-rows-select-dialog .row-card-container .row-card-list {
-  height: calc(100% - 40px);
+  height: calc(100% - 46px);
   width: 100%;
   min-width: 100%;
-  padding: 10px 20px;
+  padding: 12px 20px 10px;
   overflow-y: auto;
-  margin-top: 3px;
+  margin: 0 !important;
+  /* margin-top: 1px; */
+  background-color: #f5f5f5;
 }
 
 .row-card-list .no-records-tips {
@@ -200,7 +205,7 @@
 }
 
 .row-card-item:last-child {
-  margin-bottom: 10px;
+  margin-bottom: 0 !important;
 }
 
 .row-card-item:hover {
@@ -241,7 +246,7 @@
 .row-card-item .row-card-item-name {
   height: 100%;
   flex: 1 1;
-  font-weight: 400;
+  font-weight: 500;
 }
 
 .row-card-item .row-card-item-check {

package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/index.js

@@ -56,7 +56,7 @@ const AddSeatableRowDialog = _ref => {
     onClick: closeDialog
   })), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "form-group"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, table.name), /*#__PURE__*/_react.default.createElement(_seatableTableRecord.default, {
+  }, /*#__PURE__*/_react.default.createElement(_seatableTableRecord.default, {
     table: table,
     setSelectedRow: setSelectedRow
   }), rowRecordsErrorMessage && /*#__PURE__*/_react.default.createElement(_reactstrap.Alert, {
@@ -71,6 +71,6 @@ const AddSeatableRowDialog = _ref => {
     color: "primary",
     disabled: false,
     onClick: submit
-  }, t('Add_row_record'))));
+  }, t('Submit'))));
 };
 var _default = exports.default = AddSeatableRowDialog;

package/dist/basic-sdk/extension/plugins/seatable-row/dialog/add-seatable-row-dialog/row-card-header.js

@@ -78,7 +78,7 @@ class RowCardHeader extends _react.default.Component {
       // Start from the second column without name
       for (let i = 1; i < renderedColumns.length; i++) {
         const renderedColumn = renderedColumns[i];
-        cardHeaderCells.push( /*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
+        cardHeaderCells.push(/*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
           key: renderedColumn.key,
           column: renderedColumn,
           rowCardType: rowCardType,

package/dist/basic-sdk/extension/plugins/seatable-row/menu/seatable-list.js

@@ -11,14 +11,20 @@ var _utils = require("../../../utils");
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _constants = require("../../../../constants");
 var _constants2 = require("../../../constants");
+var _reactstrap = require("reactstrap");
+var _reactI18next = require("react-i18next");
 const SeaTableList = _ref => {
   let {
     editor,
     toggle
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const seatableRef = (0, _react.useRef)(null);
+  const isComposingRef = (0, _react.useRef)(null);
   const [computedStyle, setComputedStyle] = (0, _react.useState)({});
-  const tables = editor.tables;
+  const [tables, setTables] = (0, _react.useState)(editor.tables || []);
   (0, _react.useEffect)(() => {
     if (seatableRef.current) {
       // bottom overflow
@@ -33,6 +39,16 @@ const SeaTableList = _ref => {
       });
     }
   }, []);
+  const onChange = (0, _react.useCallback)(event => {
+    if (isComposingRef.current) return;
+    const value = event.target.value.trim().toUpperCase();
+    if (value) {
+      const list = editor.tables.filter(item => item.name.toUpperCase().includes(value));
+      setTables(list);
+    } else {
+      setTables(editor.tables);
+    }
+  }, [editor.tables]);
   const openSelectSeatableTableDialog = (0, _react.useCallback)(item => {
     const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
@@ -45,11 +61,26 @@ const SeaTableList = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [toggle]);
+  const onCompositionStart = (0, _react.useCallback)(() => {
+    isComposingRef.current = true;
+  }, []);
+  const onCompositionEnd = (0, _react.useCallback)(e => {
+    isComposingRef.current = false;
+    onChange(e);
+  }, [onChange]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: seatableRef,
     className: "sdoc-dropdown-menu-container sdoc-seatable-selected-table-list-wrapper",
     style: computedStyle
   }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-seatable-list-search-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+    placeholder: t('Search_action'),
+    onChange: onChange,
+    autoFocus: true,
+    onCompositionStart: onCompositionStart,
+    onCompositionEnd: onCompositionEnd
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-seatable-list-wrapper"
   }, tables.map(item => {
     return /*#__PURE__*/_react.default.createElement("div", {

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

@@ -42,7 +42,6 @@ const RowRecord = _ref => {
   (0, _react.useEffect)(() => {
     async function initTableData() {
       const table = await editor.getTableById(table_id);
-      setRowRecordName(table.rows[0]['0000']);
       if (!tableInfoRef.current) {
         tableInfoRef.current = {};
       }
@@ -57,6 +56,7 @@ const RowRecord = _ref => {
       }
       const shownRecord = table.rows.filter(item => row_id === item._id);
       setShownRecord(shownRecord);
+      setRowRecordName(shownRecord[0]['0000']);
       const updatedColumnWidthMap = Object.fromEntries(Object.entries(columnWidthMap).map(_ref2 => {
         let [key, value] = _ref2;
         return [key, value];

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/dtable-search-input/index.js

@@ -70,7 +70,7 @@ class DtableSearchInput extends _react.Component {
       const {
         ClearIndicator
       } = components;
-      if ( /*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
+      if (/*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
         return /*#__PURE__*/_react.default.cloneElement(ClearIndicator, {
           clearValue: this.clearSearch
         });

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/filter-item.js

@@ -310,7 +310,7 @@ class FilterItem extends _react.default.Component {
               background: inOption.color,
               color: inOption.textColor || null
             };
-            labelArray.push( /*#__PURE__*/_react.default.createElement("span", {
+            labelArray.push(/*#__PURE__*/_react.default.createElement("span", {
               className: className,
               style: optionStyle,
               key: 'option_' + item,

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

@@ -205,7 +205,7 @@ const TableSizePopover = _ref => {
         });
         children.push(child);
       }
-      tableSize.push( /*#__PURE__*/_react.default.createElement("div", {
+      tableSize.push(/*#__PURE__*/_react.default.createElement("div", {
         key: `sdoc-table-size-row-${i}`,
         className: "sdoc-table-size-row d-flex"
       }, children));

package/dist/basic-sdk/extension/toolbar/context-toolbar/index.js

@@ -62,7 +62,7 @@ const ContextToolbar = () => {
       el.removeAttribute('style');
     }
   }, []);
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     className: "sdoc-context-toolbar",
     onMouseDown: onMouseDown,

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

@@ -21,16 +21,82 @@ var _constants3 = require("../../../constants");
 var _helpers3 = require("../../../node-id/helpers");
 var _documentUtils = require("../../../utils/document-utils");
 var _helper2 = require("../../plugins/multi-column/helper");
+var _helpers4 = require("../../plugins/blockquote/helpers");
+var _helpers5 = require("../../plugins/header/helpers");
 const onSetNodeType = (editor, element, type) => {
+  const {
+    selection
+  } = editor;
   if (!type) return;
   if (type === _constants.CALL_OUT) {
+    if (_constants.IMAGE_BLOCK === element.type) {
+      _slate.Transforms.setNodes(editor, {
+        type: _constants.PARAGRAPH
+      });
+    }
     (0, _helper.wrapCallout)(editor);
     return;
   }
   if ([_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes(type)) {
+    if ([_constants.IMAGE_BLOCK].includes(element.type)) return;
     (0, _transforms.toggleList)(editor, type);
+    const path = (0, _core.findPath)(editor, element);
+    const [targetNode] = _slate.Editor.node(editor, [path[0]]) || [];
+    if ([_constants.MULTI_COLUMN, _constants.BLOCKQUOTE].includes(targetNode.type)) {
+      if (targetNode.type === _constants.BLOCKQUOTE) {
+        (0, _helpers4.setBlockQuoteType)(editor, true);
+      } else {
+        const currentNodeInColumn = (0, _core.getNode)(editor, selection.anchor.path.slice(0, 3));
+        if ([_constants.BLOCKQUOTE].includes(currentNodeInColumn.type)) {
+          (0, _helpers4.setBlockQuoteType)(editor, true);
+        }
+      }
+    }
     return;
   }
+  if ([_constants.PARAGRAPH, ..._constants.HEADERS].includes(type)) {
+    var _getTopLevelBlockNode;
+    // Transform list-item, blockquote, callout to paragraph or header
+    const topNodeType = (_getTopLevelBlockNode = (0, _core.getTopLevelBlockNode)(editor)[0]) === null || _getTopLevelBlockNode === void 0 ? void 0 : _getTopLevelBlockNode.type;
+    if (topNodeType === _constants.MULTI_COLUMN) {
+      const currentNodeInColumn = (0, _core.getNode)(editor, selection.anchor.path.slice(0, 3));
+      // Callout, List-item, Blockquote in multi_column
+      if ([_constants.CALL_OUT].includes(currentNodeInColumn.type)) {
+        (0, _helper.unwrapCallout)(editor);
+      }
+      if ([_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes(currentNodeInColumn.type)) {
+        (0, _transforms.toggleList)(editor, currentNodeInColumn.type);
+        if ([..._constants.HEADERS].includes(type)) {
+          (0, _helpers5.setHeaderType)(editor, type);
+        }
+      }
+      if ([_constants.BLOCKQUOTE].includes(currentNodeInColumn.type)) {
+        if ([..._constants.HEADERS].includes(type)) {
+          (0, _helpers5.setHeaderType)(editor, type);
+        }
+        (0, _helpers4.setBlockQuoteType)(editor, true);
+      }
+      return;
+    } else {
+      // List-item, blockquote, callout is top node
+      if ([_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes(topNodeType)) {
+        (0, _transforms.toggleList)(editor, topNodeType);
+        if ([..._constants.HEADERS].includes(type)) {
+          (0, _helpers5.setHeaderType)(editor, type);
+        }
+      }
+      if ([_constants.BLOCKQUOTE].includes(topNodeType)) {
+        if ([..._constants.HEADERS].includes(type)) {
+          (0, _helpers5.setHeaderType)(editor, type);
+        }
+        (0, _helpers4.setBlockQuoteType)(editor, true);
+      }
+      if ([_constants.CALL_OUT].includes(topNodeType)) {
+        (0, _helper.unwrapCallout)(editor);
+      }
+      return;
+    }
+  }
   if (type === _constants.CHECK_LIST_ITEM) {
     const path = (0, _core.findPath)(editor, element);
     const [targetNode, targetPath] = _slate.Editor.node(editor, [path[0]]) || [];
@@ -42,8 +108,31 @@ const onSetNodeType = (editor, element, type) => {
     _slate.Transforms.setNodes(editor, {
       type: newType
     });
+    if ([_constants.MULTI_COLUMN, _constants.BLOCKQUOTE].includes(targetNode.type)) {
+      if (targetNode.type === _constants.BLOCKQUOTE) {
+        (0, _helpers4.setBlockQuoteType)(editor, true);
+      } else {
+        const currentNodeInColumn = (0, _core.getNode)(editor, selection.anchor.path.slice(0, 3));
+        if ([_constants.BLOCKQUOTE].includes(currentNodeInColumn.type)) {
+          (0, _helpers4.setBlockQuoteType)(editor, true);
+        }
+      }
+    }
     return;
   }
+  if (type === _constants.BLOCKQUOTE && !_constants.LIST_ITEM_CORRELATION_TYPE.includes(element.type)) {
+    if (element.type === _constants.BLOCKQUOTE) return;
+    const isBlockQuoteParent = (0, _core.getAboveNode)(editor, {
+      match: {
+        type: _constants.BLOCKQUOTE
+      }
+    });
+    if (isBlockQuoteParent) return;
+    if (!isBlockQuoteParent && ![_constants.BLOCKQUOTE].includes(element.type)) {
+      (0, _helpers4.setBlockQuoteType)(editor, false);
+      return;
+    }
+  }
   if (type === _constants.BLOCKQUOTE && _constants.LIST_ITEM_CORRELATION_TYPE.includes(element.type)) {
     _slate.Transforms.wrapNodes(editor, {
       id: _slugid.default.nice(),
@@ -167,7 +256,7 @@ const isVoidNode = node => {
 };
 exports.isVoidNode = isVoidNode;
 const isNotSupportTransform = node => {
-  if (node.type && [_constants.CODE_BLOCK, _constants.TABLE, _constants.CALL_OUT, _constants.VIDEO, _constants.SEATABLE_TABLE].includes(node.type)) {
+  if (node.type && [_constants.CODE_BLOCK, _constants.TABLE, _constants.VIDEO, _constants.SEATABLE_TABLE, _constants.SEATABLE_ROW].includes(node.type)) {
     return true;
   }
   return false;
@@ -313,6 +402,9 @@ const onWrapMultiListItemToNonListTypeTarget = (editor, targetPath, sourceNodes,
 exports.onWrapMultiListItemToNonListTypeTarget = onWrapMultiListItemToNonListTypeTarget;
 const getTransformMenusConfig = (editor, slateNode) => {
   let newSideMenusConfig = _constants.SIDE_TRANSFORM_MENUS_CONFIG;
+  if ([_constants.CALL_OUT].includes(slateNode.type)) {
+    return newSideMenusConfig = _constants.SIDE_TRANSFORM_MENUS_CONFIG.filter(item => [_constants.PARAGRAPH].includes(item.type));
+  }
   if (_constants.LIST_ITEM_CORRELATION_TYPE.includes(slateNode.type)) {
     newSideMenusConfig = _constants.SIDE_TRANSFORM_MENUS_CONFIG.filter(item => _constants.LIST_ITEM_SUPPORTED_TRANSFORMATION.includes(item.type));
   }
@@ -330,6 +422,11 @@ const getTransformMenusConfig = (editor, slateNode) => {
       }
     }
 
+    // Image-block can't be nested by ordered-list, ordered-list and check-list
+    if (_constants.IMAGE_BLOCK.includes(highestNode.type)) {
+      newSideMenusConfig = _constants.SIDE_TRANSFORM_MENUS_CONFIG.filter(item => ![_constants.ORDERED_LIST, _constants.UNORDERED_LIST, _constants.CHECK_LIST_ITEM].includes(item.type));
+    }
+
     // headers can't be nested by quote block
     if (_constants.HEADERS.includes(highestNode.type)) {
       newSideMenusConfig = _constants.SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== _constants.BLOCKQUOTE);

package/dist/basic-sdk/extension/toolbar/side-toolbar/insert-block-menu.js

@@ -25,6 +25,7 @@ var _menu = _interopRequireDefault(require("../../plugins/seatable-column/menu")
 var _menu2 = _interopRequireDefault(require("../../plugins/seatable-tables/menu"));
 var _helper = require("../../plugins/callout/helper");
 var _helper2 = require("../../plugins/multi-column/helper");
+var _menu3 = _interopRequireDefault(require("../../plugins/seatable-row/menu"));
 const InsertBlockMenu = _ref => {
   let {
     insertPosition = _constants.INSERT_POSITION.CURRENT,

package/dist/components/doc-operations/more-operations.js

@@ -114,7 +114,7 @@ const MoreOperations = _ref => {
     className: "sdocfont sdoc-more"
   })), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
     className: "sdoc-dropdown-menu",
-    right: true
+    end: true
   }, mobileLogin && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     onClick: toggleStar

package/dist/components/doc-operations/revision-operations/more-revision-operations/index.js

@@ -48,7 +48,7 @@ const MoreRevisionOperations = _ref => {
     className: `sdocfont sdoc-${isDropdownOpen ? 'caret-up' : 'drop-down'}`
   })), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
     className: "sdoc-dropdown-menu",
-    right: true
+    end: true
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "sdoc-dropdown-menu-item",
     onClick: startRevise

package/dist/components/modal-header/index.js

@@ -16,10 +16,10 @@ function SdocModalHeader(_ref) {
   let close = null;
   if (toggle) {
     close = /*#__PURE__*/_react.default.createElement("span", {
-      class: "sdoc-add-link-close-icon",
+      className: "sdoc-add-link-close-icon",
       onClick: toggle
     }, /*#__PURE__*/_react.default.createElement("i", {
-      class: "sdocfont sdoc-sm-close",
+      className: "sdocfont sdoc-sm-close",
       "aria-hidden": "true"
     }));
   }

package/dist/components/toast/toaster.js

@@ -67,7 +67,7 @@ class Toaster {
     container.setAttribute('data-evergreen-toaster-container', '');
     document.body.appendChild(container);
     const root = (0, _client.createRoot)(container);
-    root.render( /*#__PURE__*/_react.default.createElement(_toastManager.default, {
+    root.render(/*#__PURE__*/_react.default.createElement(_toastManager.default, {
       bindNotify: this._bindNotify,
       bindGetToasts: this._bindGetToasts,
       bindCloseAll: this._bindCloseAll

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.31",
+  "version": "2.0.33-alph-0.0.1",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -16,7 +16,7 @@
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "1.10.7",
     "deep-copy": "1.4.2",
-    "dtable-ui-component": "^6.0.8",
+    "dtable-ui-component": "^6.0.9",
     "is-hotkey": "0.2.0",
     "is-url": "^1.2.4",
     "lodash.isequal": "4.5.0",
@@ -38,7 +38,7 @@
     "remark-parse": "11.0.0",
     "remark-rehype": "11.0.0",
     "remark-stringify": "11.0.0",
-    "sea-chart": "^2.0.4",
+    "sea-chart": "^2.0.5",
     "slugid": "3.2.0",
     "socket.io-client": "4.8.1",
     "type-of": "2.0.1",