@fileverse-dev/fortune-react 1.2.98 → 1.2.99-ydoc

package/lib/components/Toolbar/Button.js

@@ -17,18 +17,25 @@ var Button = function Button(_a) {
     children = _a.children,
     style = _a.style,
     id = _a.id;
+  var iconIdClass = iconId.replace(/[^a-zA-Z0-9-]/g, "-").replace(/-+/g, "-");
   return /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
     text: tooltip,
     placement: "bottom"
   }, /*#__PURE__*/_react.default.createElement("div", {
     id: id,
-    className: "fortune-toolbar-button fortune-toolbar-item",
+    className: "fortune-toolbar-button fortune-toolbar-item fortune-toolbar-button__cta fortune-toolbar-button--".concat(iconIdClass),
+    "data-icon-id": iconId,
     onClick: onClick,
     tabIndex: 0,
     role: "button",
     style: selected ? {
       backgroundColor: "#FFDF0A"
-    } : style
+    } : style,
+    "data-testid": "toolbar-cta-".concat(id !== null && id !== void 0 ? id : iconId)
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "fortune-toolbar-button__icon fortune-toolbar-button__icon--".concat(iconIdClass),
+    "data-icon-id": iconId,
+    "data-testid": "toolbar-icon-".concat(iconId)
   }, /*#__PURE__*/_react.default.createElement(_ui.LucideIcon, {
     name: (0, _.getLucideIcon)(iconId),
     width: 16,
@@ -36,6 +43,6 @@ var Button = function Button(_a) {
     style: disabled ? {
       opacity: 0.3
     } : {}
-  }), children));
+  })), children));
 };
 var _default = exports.default = Button;

package/lib/components/Toolbar/Combo.js

@@ -11,6 +11,9 @@ var _SVGIcon = _interopRequireDefault(require("../SVGIcon"));
 var _ = require(".");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var toCssId = function toCssId(s) {
+  return String(s).replace(/[^a-zA-Z0-9-]/g, "-").replace(/-+/g, "-");
+};
 var Combo = function Combo(_a) {
   var tooltip = _a.tooltip,
     _onClick = _a.onClick,
@@ -29,6 +32,7 @@ var Combo = function Combo(_a) {
     setOpen = _c[1];
   var buttonRef = (0, _react.useRef)(null);
   var ref = (0, _react.useRef)(null);
+  var iconIdClass = iconId ? toCssId(iconId) : "combo";
   if (!triggerRef) {
     triggerRef = ref;
   }
@@ -42,7 +46,9 @@ var Combo = function Combo(_a) {
     text: tooltip,
     placement: "bottom"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "fortune-toolbar-combo-button",
+    className: "fortune-toolbar-combo-button fortune-toolbar-combo-button--".concat(iconIdClass),
+    "data-icon-id": iconId !== null && iconId !== void 0 ? iconId : undefined,
+    "data-testid": "toolbar-combo-".concat(iconId !== null && iconId !== void 0 ? iconId : "combo"),
     onClick: function onClick(e) {
       if (_onClick) {
         _onClick(e);
@@ -102,7 +108,9 @@ var Combo = function Combo(_a) {
   })))));
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: buttonRef,
-    className: "fortune-toolbar-item",
+    className: "fortune-toolbar-item fortune-toolbar-combo fortune-toolbar-combo--".concat(iconIdClass),
+    "data-icon-id": iconId !== null && iconId !== void 0 ? iconId : undefined,
+    "data-testid": "toolbar-combo-".concat(iconId !== null && iconId !== void 0 ? iconId : "combo"),
     onKeyDown: function onKeyDown(e) {
       e.stopPropagation();
     }

package/lib/components/Toolbar/CustomButton.js

@@ -8,6 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _ui = require("@fileverse/ui");
 var _CustomIcon = _interopRequireDefault(require("./CustomIcon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var toCssId = function toCssId(s) {
+  return String(s).replace(/[^a-zA-Z0-9-]/g, "-").replace(/-+/g, "-");
+};
 var CustomButton = function CustomButton(_a) {
   var tooltip = _a.tooltip,
     onClick = _a.onClick,
@@ -15,22 +18,28 @@ var CustomButton = function CustomButton(_a) {
     children = _a.children,
     iconName = _a.iconName,
     icon = _a.icon;
+  var iconNameClass = iconName ? toCssId(iconName) : "custom";
   return /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
     text: tooltip,
     placement: "bottom"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "fortune-toolbar-button fortune-toolbar-item",
+    className: "fortune-toolbar-button fortune-toolbar-item fortune-toolbar-button--".concat(iconNameClass),
+    "data-icon-name": iconName !== null && iconName !== void 0 ? iconName : undefined,
     onClick: onClick,
     tabIndex: 0,
     role: "button",
     style: selected ? {
       backgroundColor: "#FFDF0A"
-    } : {}
+    } : {},
+    "data-testid": "toolbar-cta-".concat(iconName !== null && iconName !== void 0 ? iconName : "custom")
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "fortune-toolbar-button__icon fortune-toolbar-button__icon--".concat(iconNameClass),
+    "data-icon-name": iconName !== null && iconName !== void 0 ? iconName : undefined
   }, /*#__PURE__*/_react.default.createElement(_CustomIcon.default, {
     width: 16,
     height: 16,
     iconName: iconName,
     content: icon
-  }), children));
+  })), children));
 };
 var _default = exports.default = CustomButton;

package/lib/components/Toolbar/Select.js

@@ -15,16 +15,22 @@ var Select = function Select(_a) {
     style: style
   }, children);
 };
+var toCssId = function toCssId(s) {
+  return String(s).replace(/[^a-zA-Z0-9-]/g, "-").replace(/-+/g, "-");
+};
 var Option = exports.Option = function Option(_a) {
   var iconId = _a.iconId,
     onClick = _a.onClick,
     children = _a.children,
     _onMouseLeave = _a.onMouseLeave,
     _onMouseEnter = _a.onMouseEnter;
+  var iconIdClass = iconId ? toCssId(iconId) : "option";
   return /*#__PURE__*/_react.default.createElement("div", {
     onClick: onClick,
     tabIndex: 0,
-    className: "fortune-toolbar-select-option",
+    className: "fortune-toolbar-select-option fortune-toolbar-select-option--".concat(iconIdClass),
+    "data-icon-id": iconId !== null && iconId !== void 0 ? iconId : undefined,
+    "data-testid": "toolbar-select-option-".concat(iconId !== null && iconId !== void 0 ? iconId : "option"),
     onMouseLeave: function onMouseLeave(e) {
       return _onMouseLeave === null || _onMouseLeave === void 0 ? void 0 : _onMouseLeave(e);
     },

package/lib/components/Workbook/api.d.ts

@@ -14,7 +14,7 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
     removeFromLiveQueryList: (subSheetIndex: number, id: string) => void;
     setCellValue: (row: number, column: number, value: any, options?: api.CommonOptions & {
         type?: keyof Cell;
-    }) => void;
+    }, callAfterUpdate?: boolean) => void;
     setCellError: (row: number, column: number, errorMessage: {
         title: string;
         message: string;
@@ -51,7 +51,7 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
     getCellsByRange: (range: Selection, options?: api.CommonOptions) => (Cell | null)[][];
     getHtmlByRange: (range: Range, options?: api.CommonOptions) => string | null;
     setSelection: (range: Range, options?: api.CommonOptions) => void;
-    setCellValuesByRange: (data: any[][], range: SingleRange, options?: api.CommonOptions) => void;
+    setCellValuesByRange: (data: any[][], range: SingleRange, options?: api.CommonOptions, cellAfter?: boolean) => void;
     setCellFormatByRange: (attr: keyof Cell, value: any, range: Range | SingleRange, options?: api.CommonOptions) => void;
     mergeCells: (ranges: Range, type: string, options?: api.CommonOptions) => void;
     cancelMerge: (ranges: Range, options?: api.CommonOptions) => void;
@@ -1199,7 +1199,6 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
     getShowDialog: () => typeof useDialog;
     getSplitColComponent: () => import("react").FC<{}>;
     getConditionalFormatComponent: () => import("react").FC<{
-        type?: string | undefined;
         context?: any;
     }>;
 };

package/lib/components/Workbook/api.js

@@ -141,12 +141,12 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
         });
       });
     },
-    setCellValue: function setCellValue(row, column, value, options) {
+    setCellValue: function setCellValue(row, column, value, options, callAfterUpdate) {
       if (options === void 0) {
         options = {};
       }
       return setContext(function (draftCtx) {
-        return _fortuneCore.api.setCellValue(draftCtx, row, column, value, cellInput, options);
+        return _fortuneCore.api.setCellValue(draftCtx, row, column, value, cellInput, options, callAfterUpdate);
       });
     },
     setCellError: function setCellError(row, column, errorMessage) {
@@ -283,12 +283,12 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
         return _fortuneCore.api.setSelection(draftCtx, range, options);
       });
     },
-    setCellValuesByRange: function setCellValuesByRange(data, range, options) {
+    setCellValuesByRange: function setCellValuesByRange(data, range, options, cellAfter) {
       if (options === void 0) {
         options = {};
       }
       return setContext(function (draftCtx) {
-        return _fortuneCore.api.setCellValuesByRange(draftCtx, data, range, cellInput, options);
+        return _fortuneCore.api.setCellValuesByRange(draftCtx, data, range, cellInput, options, cellAfter);
       });
     },
     setCellFormatByRange: function setCellFormatByRange(attr, value, range, options) {

package/lib/components/Workbook/index.d.ts

@@ -21,7 +21,7 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     removeFromLiveQueryList: (subSheetIndex: number, id: string) => void;
     setCellValue: (row: number, column: number, value: any, options?: api.CommonOptions & {
         type?: "error" | "rt" | "f" | "m" | "v" | "mc" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle | undefined;
-    }) => void;
+    }, callAfterUpdate?: boolean | undefined) => void;
     setCellError: (row: number, column: number, errorMessage: {
         title: string;
         message: string;
@@ -58,7 +58,7 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     getCellsByRange: (range: import("@fileverse-dev/fortune-core").Selection, options?: api.CommonOptions) => (import("@fileverse-dev/fortune-core").Cell | null)[][];
     getHtmlByRange: (range: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => string | null;
     setSelection: (range: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => void;
-    setCellValuesByRange: (data: any[][], range: import("@fileverse-dev/fortune-core").SingleRange, options?: api.CommonOptions) => void;
+    setCellValuesByRange: (data: any[][], range: import("@fileverse-dev/fortune-core").SingleRange, options?: api.CommonOptions, cellAfter?: boolean | undefined) => void;
     setCellFormatByRange: (attr: "error" | "rt" | "f" | "m" | "v" | "mc" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle, value: any, range: import("@fileverse-dev/fortune-core").Range | import("@fileverse-dev/fortune-core").SingleRange, options?: api.CommonOptions) => void;
     mergeCells: (ranges: import("@fileverse-dev/fortune-core").Range, type: string, options?: api.CommonOptions) => void;
     cancelMerge: (ranges: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => void;
@@ -1206,7 +1206,6 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     getShowDialog: () => typeof import("../../hooks/useDialog").useDialog;
     getSplitColComponent: () => React.FC<{}>;
     getConditionalFormatComponent: () => React.FC<{
-        type?: string | undefined;
         context?: any;
     }>;
 }>>;

package/lib/components/Workbook/index.js

@@ -399,6 +399,120 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
       refs: refs
     };
   }, [context, handleRedo, handleUndo, mergedSettings, refs, setContextWithProduce]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.sheetLengthChange) {
+      context.hooks.sheetLengthChange();
+    }
+  }, [context.luckysheetfile.length]);
+  var currentSheet = (0, _react.useMemo)(function () {
+    var _a;
+    return (_a = context === null || context === void 0 ? void 0 : context.luckysheetfile) === null || _a === void 0 ? void 0 : _a.find(function (sheet) {
+      return sheet.id === (context === null || context === void 0 ? void 0 : context.currentSheetId);
+    });
+  }, [context === null || context === void 0 ? void 0 : context.luckysheetfile, context === null || context === void 0 ? void 0 : context.currentSheetId]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.calcChainChange) {
+      context.hooks.calcChainChange();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.calcChain]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterImagesChange) {
+      context.hooks.afterImagesChange();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.images]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterIframesChange) {
+      context.hooks.afterIframesChange();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.iframes]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterFrozenChange) {
+      context.hooks.afterFrozenChange();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.frozen]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterOrderChanges) {
+      context.hooks.afterOrderChanges();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.order]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterConfigChanges) {
+      context.hooks.afterConfigChanges();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.config]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterColRowChanges) {
+      context.hooks.afterColRowChanges();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.row, currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.column]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterShowGridLinesChange) {
+      context.hooks.afterShowGridLinesChange();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.showGridLines]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterNameChanges) {
+      context.hooks.afterNameChanges();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.name]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.afterStatusChanges) {
+      context.hooks.afterStatusChanges();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.status]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.dataVerificationChange) {
+      context.hooks.dataVerificationChange();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.dataVerification]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.liveQueryChange) {
+      context.hooks.liveQueryChange();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.liveQueryList]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.imageListChange) {
+      context.hooks.imageListChange();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.images]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.iframeListChange) {
+      context.hooks.iframeListChange();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.iframes]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.conditionRulesChange) {
+      context.hooks.conditionRulesChange();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.conditionRules]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.conditionFormatChange) {
+      context.hooks.conditionFormatChange();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.luckysheet_conditionformat_save]);
+  (0, _react.useEffect)(function () {
+    var _a;
+    if ((_a = context === null || context === void 0 ? void 0 : context.hooks) === null || _a === void 0 ? void 0 : _a.hyperlinkChange) {
+      context.hooks.hyperlinkChange();
+    }
+  }, [currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.hyperlink]);
   (0, _react.useEffect)(function () {
     if (!_lodash.default.isEmpty(context.luckysheetfile)) {
       onChange === null || onChange === void 0 ? void 0 : onChange(context.luckysheetfile);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.2.98",
+  "version": "1.2.99-ydoc",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "module": "es/index.js",
@@ -16,7 +16,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@fileverse-dev/fortune-core": "1.2.98",
+    "@fileverse-dev/fortune-core": "1.2.99-ydoc",
     "@fileverse/ui": "5.0.0",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",