@infinite-table/infinite-react 7.2.5-canary.0 → 7.2.5-canary.2

package/index.dev.js

@@ -1471,6 +1471,7 @@ var import_react6 = require("react");
 
 // src/components/RawList/AvoidReactDiff.tsx
 var React8 = __toESM(require("react"));
+var import_react_dom = require("react-dom");
 var import_react5 = require("react");
 function AvoidReactDiffFn(props) {
   const [children, setChildren] = (0, import_react5.useState)(props.updater.get);
@@ -1482,10 +1483,18 @@ function AvoidReactDiffFn(props) {
           cancelAnimationFrame(rafId.current);
         }
         rafId.current = requestAnimationFrame(() => {
-          setChildren(children2);
+          queueMicrotask(() => {
+            (0, import_react_dom.flushSync)(() => {
+              setChildren(children2);
+            });
+          });
         });
       } else {
-        setChildren(children2);
+        queueMicrotask(() => {
+          (0, import_react_dom.flushSync)(() => {
+            setChildren(children2);
+          });
+        });
       }
     }
     const remove = props.updater.onChange(onChange);
@@ -6135,7 +6144,7 @@ function InfiniteTableFooter(props) {
 // src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderCell.tsx
 var React52 = __toESM(require("react"));
 var import_react34 = require("react");
-var import_react_dom = require("react-dom");
+var import_react_dom2 = require("react-dom");
 
 // src/utils/keyMirror.ts
 function keyMirror(obj) {
@@ -13432,7 +13441,7 @@ function InfiniteTableHeaderCell(props) {
       ),
       currentHeader
     );
-    draggingProxy = (0, import_react_dom.createPortal)(draggingProxy, portalDOMRef.current);
+    draggingProxy = (0, import_react_dom2.createPortal)(draggingProxy, portalDOMRef.current);
   }
   return /* @__PURE__ */ React52.createElement(ContextProvider, { value: renderParam }, /* @__PURE__ */ React52.createElement(
     InfiniteTableCell,
@@ -25721,7 +25730,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "7.2.5-canary.0"
+      version: "7.2.5-canary.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -26584,7 +26593,7 @@ var import_react60 = require("react");
 // src/components/hooks/useOverlay/index.tsx
 var React60 = __toESM(require("react"));
 var import_react56 = require("react");
-var import_react_dom2 = require("react-dom");
+var import_react_dom3 = require("react-dom");
 
 // src/utils/pageGeometry/alignment/index.ts
 function isHTMLElement(v) {
@@ -26836,7 +26845,7 @@ function useOverlayPortal(content, portalContainer) {
     }
     getContainer();
   }, [portalContainer]);
-  return portalContainer ? container ? (0, import_react_dom2.createPortal)(content, container) : (
+  return portalContainer ? container ? (0, import_react_dom3.createPortal)(content, container) : (
     // we're probably still fetching the container
     /* @__PURE__ */ React60.createElement(React60.Fragment, null)
   ) : portalContainer === null || portalContainer === false ? content : /* @__PURE__ */ React60.createElement(DefaultOverlayPortal, null, content);
@@ -30744,7 +30753,7 @@ var FlashingColumnCell = createFlashingColumnCellComponent();
 // src/components/HeadlessTable/MatrixDebugger.tsx
 var React80 = __toESM(require("react"));
 var import_react74 = require("react");
-var import_react_dom3 = require("react-dom");
+var import_react_dom4 = require("react-dom");
 function INTERNAL_MatrixDebugger(props) {
   const [getState, setGetState] = React80.useState(null);
   (0, import_react74.useEffect)(() => {
@@ -30784,7 +30793,7 @@ function MatrixDebuggerUI() {
   const columnsIndexes = cellManager.getColumnsWithCells();
   const domRef = (0, import_react74.useRef)(null);
   const displayTimeoutRef = (0, import_react74.useRef)(null);
-  return /* @__PURE__ */ React80.createElement("div", { style: { overflow: "auto" } }, (0, import_react_dom3.createPortal)(
+  return /* @__PURE__ */ React80.createElement("div", { style: { overflow: "auto" } }, (0, import_react_dom4.createPortal)(
     /* @__PURE__ */ React80.createElement(
       "div",
       {

package/index.dev.mjs

@@ -1404,6 +1404,7 @@ import { useLayoutEffect as useLayoutEffect4, useMemo as useMemo2 } from "react"
 
 // src/components/RawList/AvoidReactDiff.tsx
 import * as React8 from "react";
+import { flushSync } from "react-dom";
 import { useLayoutEffect as useLayoutEffect3, useRef as useRef4, useState } from "react";
 function AvoidReactDiffFn(props) {
   const [children, setChildren] = useState(props.updater.get);
@@ -1415,10 +1416,18 @@ function AvoidReactDiffFn(props) {
           cancelAnimationFrame(rafId.current);
         }
         rafId.current = requestAnimationFrame(() => {
-          setChildren(children2);
+          queueMicrotask(() => {
+            flushSync(() => {
+              setChildren(children2);
+            });
+          });
         });
       } else {
-        setChildren(children2);
+        queueMicrotask(() => {
+          flushSync(() => {
+            setChildren(children2);
+          });
+        });
       }
     }
     const remove = props.updater.onChange(onChange);
@@ -25671,7 +25680,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "7.2.5-canary.0"
+      version: "7.2.5-canary.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;