@fileverse-dev/fortune-react 1.1.91 → 1.1.93

package/es/components/Toolbar/index.js

@@ -123,6 +123,7 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React, { useContext, useCallback, useRef, useEffect, useState } from "react";
+import ReactDOM from 'react-dom/client';
 import { toolbarItemClickHandler, handleTextBackground, handleTextColor, handleTextSize, normalizedCellAttr, getFlowdata, newComment, editComment, deleteComment, showHideComment, showHideAllComments, autoSelectionFormula, handleSum, locale, handleMerge, handleBorder, toolbarItemSelectedFunc, handleFreeze, insertImage, showImgChooser, updateFormat, handleSort, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, createFilter, clearFilter, applyLocation, insertDuneChart } from "@fileverse-dev/fortune-core";
 import _ from "lodash";
 import { IconButton, LucideIcon, Tooltip, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from "@fileverse/ui";
@@ -534,9 +535,6 @@ var Toolbar = function Toolbar(_a) {
     subMenu.style.display = "none";
   }, []);
   useEffect(function () {
-    window.getDataValidationComponent = function () {
-      return /*#__PURE__*/React.createElement(DataVerification, null);
-    };
     var handleResize = function handleResize() {
       setIsDesktop(window.innerWidth >= 1280);
     };
@@ -970,6 +968,15 @@ var Toolbar = function Toolbar(_a) {
         onClick: function onClick() {
           var _a;
           (_a = document.getElementById("data-verification-button")) === null || _a === void 0 ? void 0 : _a.click();
+          setTimeout(function () {
+            var target = document.getElementById('placeholder-data-validation');
+            console.log("Target for DataValidation:", target);
+            console.log("DataValidationComponent:", DataVerification);
+            if (target) {
+              var root = ReactDOM.createRoot(target);
+              root.render(/*#__PURE__*/React.createElement(DataVerification, null));
+            }
+          }, 100);
         }
       });
     }

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

@@ -4,6 +4,7 @@ import { SetContextOptions } from "../../context";
 export declare function generateAPIs(context: Context, setContext: (recipe: (ctx: Context) => void, options?: SetContextOptions) => void, handleUndo: () => void, handleRedo: () => void, settings: Required<Settings>, cellInput: HTMLDivElement | null, scrollbarX: HTMLDivElement | null, scrollbarY: HTMLDivElement | null, globalCache: GlobalCache | null): {
     applyOp: (ops: Op[]) => void;
     getCryptoPrice: typeof getCryptoPrice;
+    DataVerificationComponent: import("react").FC<{}>;
     getCellValue: (row: number, column: number, options?: api.CommonOptions & {
         type?: keyof Cell;
     }) => any;

package/es/components/Workbook/api.js

@@ -9,6 +9,7 @@ var __assign = this && this.__assign || function () {
   return __assign.apply(this, arguments);
 };
 import { addSheet, api, deleteRowCol, deleteSheet, insertRowCol, opToPatch, createFilterOptions, getSheetIndex, locale, setCaretPosition, newComment } from "@fileverse-dev/fortune-core";
+import DataVerification from "../DataVerification";
 import { applyPatches } from "immer";
 import _ from "lodash";
 import { getCryptoPrice } from "../../utils/cryptoApi";
@@ -66,6 +67,7 @@ export function generateAPIs(context, setContext, handleUndo, handleRedo, settin
       });
     },
     getCryptoPrice: getCryptoPrice,
+    DataVerificationComponent: DataVerification,
     getCellValue: function getCellValue(row, column, options) {
       if (options === void 0) {
         options = {};

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

@@ -11,6 +11,7 @@ type AdditionalProps = {
 declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalProps & React.RefAttributes<{
     applyOp: (ops: Op[]) => void;
     getCryptoPrice: typeof getCryptoPrice;
+    DataVerificationComponent: React.FC<{}>;
     getCellValue: (row: number, column: number, 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;
     }) => any;

package/lib/components/Toolbar/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getLucideIcon = exports.default = exports.CurrencySelector = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _client = _interopRequireDefault(require("react-dom/client"));
 var _fortuneCore = require("@fileverse-dev/fortune-core");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _ui = require("@fileverse/ui");
@@ -543,9 +544,6 @@ var Toolbar = function Toolbar(_a) {
     subMenu.style.display = "none";
   }, []);
   (0, _react.useEffect)(function () {
-    window.getDataValidationComponent = function () {
-      return /*#__PURE__*/_react.default.createElement(_DataVerification.default, null);
-    };
     var handleResize = function handleResize() {
       setIsDesktop(window.innerWidth >= 1280);
     };
@@ -979,6 +977,15 @@ var Toolbar = function Toolbar(_a) {
         onClick: function onClick() {
           var _a;
           (_a = document.getElementById("data-verification-button")) === null || _a === void 0 ? void 0 : _a.click();
+          setTimeout(function () {
+            var target = document.getElementById('placeholder-data-validation');
+            console.log("Target for DataValidation:", target);
+            console.log("DataValidationComponent:", _DataVerification.default);
+            if (target) {
+              var root = _client.default.createRoot(target);
+              root.render(/*#__PURE__*/_react.default.createElement(_DataVerification.default, null));
+            }
+          }, 100);
         }
       });
     }

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

@@ -4,6 +4,7 @@ import { SetContextOptions } from "../../context";
 export declare function generateAPIs(context: Context, setContext: (recipe: (ctx: Context) => void, options?: SetContextOptions) => void, handleUndo: () => void, handleRedo: () => void, settings: Required<Settings>, cellInput: HTMLDivElement | null, scrollbarX: HTMLDivElement | null, scrollbarY: HTMLDivElement | null, globalCache: GlobalCache | null): {
     applyOp: (ops: Op[]) => void;
     getCryptoPrice: typeof getCryptoPrice;
+    DataVerificationComponent: import("react").FC<{}>;
     getCellValue: (row: number, column: number, options?: api.CommonOptions & {
         type?: keyof Cell;
     }) => any;

package/lib/components/Workbook/api.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.generateAPIs = generateAPIs;
 var _fortuneCore = require("@fileverse-dev/fortune-core");
+var _DataVerification = _interopRequireDefault(require("../DataVerification"));
 var _immer = require("immer");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _cryptoApi = require("../../utils/cryptoApi");
@@ -73,6 +74,7 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
       });
     },
     getCryptoPrice: _cryptoApi.getCryptoPrice,
+    DataVerificationComponent: _DataVerification.default,
     getCellValue: function getCellValue(row, column, options) {
       if (options === void 0) {
         options = {};

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

@@ -11,6 +11,7 @@ type AdditionalProps = {
 declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalProps & React.RefAttributes<{
     applyOp: (ops: Op[]) => void;
     getCryptoPrice: typeof getCryptoPrice;
+    DataVerificationComponent: React.FC<{}>;
     getCellValue: (row: number, column: number, 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;
     }) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.1.91",
+  "version": "1.1.93",
   "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.1.91",
+    "@fileverse-dev/fortune-core": "1.1.93",
     "@fileverse/ui": "^4.1.7-patch-21",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",