react-window 2.1.1 → 2.1.2

package/dist/react-window.js

@@ -50,17 +50,17 @@ function ge({
   return J(() => {
     if (o === null || p)
       return;
-    const T = new ResizeObserver((y) => {
-      for (const V of y) {
-        const { contentRect: w, target: g } = V;
-        o === g && d((b) => b.height === w.height && b.width === w.width ? b : {
-          height: w.height,
-          width: w.width
+    const y = new ResizeObserver((S) => {
+      for (const V of S) {
+        const { contentRect: b, target: g } = V;
+        o === g && d((m) => m.height === b.height && m.width === b.width ? m : {
+          height: b.height,
+          width: b.width
         });
       }
     });
-    return T.observe(o, { box: e }), () => {
-      T?.unobserve(o);
+    return y.observe(o, { box: e }), () => {
+      y?.unobserve(o);
     };
   }, [e, p, o, c, i]), H(
     () => ({
@@ -306,16 +306,16 @@ function C({
     stopIndexVisible: -1,
     stopIndexOverscan: -1
   }), {
-    startIndexVisible: T,
-    startIndexOverscan: y,
+    startIndexVisible: y,
+    startIndexOverscan: S,
     stopIndexVisible: V,
-    stopIndexOverscan: w
+    stopIndexOverscan: b
   } = {
     startIndexVisible: Math.min(n - 1, d.startIndexVisible),
     startIndexOverscan: Math.min(n - 1, d.startIndexOverscan),
     stopIndexVisible: Math.min(n - 1, d.stopIndexVisible),
     stopIndexOverscan: Math.min(n - 1, d.stopIndexOverscan)
-  }, { height: g = s, width: b = s } = ge({
+  }, { height: g = s, width: m = s } = ge({
     defaultHeight: r === "vertical" ? s : void 0,
     defaultWidth: r === "horizontal" ? s : void 0,
     element: e,
@@ -324,13 +324,13 @@ function C({
   }), k = K({
     height: 0,
     width: 0
-  }), O = r === "vertical" ? g : b, a = Oe({ containerSize: O, itemSize: c });
+  }), O = r === "vertical" ? g : m, a = Oe({ containerSize: O, itemSize: c });
   ee(() => {
     if (typeof i == "function") {
       const u = k.current;
-      (u.height !== g || u.width !== b) && (i({ height: g, width: b }, { ...u }), u.height = g, u.width = b);
+      (u.height !== g || u.width !== m) && (i({ height: g, width: m }, { ...u }), u.height = g, u.width = m);
     }
-  }, [g, i, b]);
+  }, [g, i, m]);
   const x = we({
     itemCount: n,
     itemProps: l,
@@ -338,7 +338,7 @@ function C({
   }), z = N(
     (u) => x.get(u),
     [x]
-  ), S = N(
+  ), T = N(
     () => ce({
       cachedBounds: x,
       itemCount: n,
@@ -436,11 +436,11 @@ function C({
   );
   return {
     getCellBounds: z,
-    getEstimatedSize: S,
+    getEstimatedSize: T,
     scrollToIndex: L,
-    startIndexOverscan: y,
-    startIndexVisible: T,
-    stopIndexOverscan: w,
+    startIndexOverscan: S,
+    startIndexVisible: y,
+    stopIndexOverscan: b,
     stopIndexVisible: V
   };
 }
@@ -459,7 +459,7 @@ function ae(e, t) {
   } = t;
   return Y(s, n) && Y(r, l) && Y(o, c);
 }
-function Se({
+function ze({
   cellComponent: e,
   cellProps: t,
   children: s,
@@ -472,18 +472,18 @@ function Se({
   gridRef: f,
   onCellsRendered: d,
   onResize: p,
-  overscanCount: T = 3,
-  rowCount: y,
+  overscanCount: y = 3,
+  rowCount: S,
   rowHeight: V,
-  style: w,
+  style: b,
   tagName: g = "div",
-  ...b
+  ...m
 }) {
   const k = de(t), O = H(
     () => ie(e, ae),
     [e]
   ), [a, x] = j(null), z = xe(a, i), {
-    getCellBounds: S,
+    getCellBounds: T,
     getEstimatedSize: M,
     startIndexOverscan: L,
     startIndexVisible: u,
@@ -492,6 +492,7 @@ function Se({
     stopIndexVisible: v
   } = C({
     containerElement: a,
+    containerStyle: b,
     defaultContainerSize: c,
     direction: "horizontal",
     isRtl: z,
@@ -499,7 +500,7 @@ function Se({
     itemProps: k,
     itemSize: n,
     onResize: p,
-    overscanCount: T
+    overscanCount: y
   }), {
     getCellBounds: E,
     getEstimatedSize: q,
@@ -510,13 +511,14 @@ function Se({
     stopIndexVisible: re
   } = C({
     containerElement: a,
+    containerStyle: b,
     defaultContainerSize: l,
     direction: "vertical",
-    itemCount: y,
+    itemCount: S,
     itemProps: k,
     itemSize: V,
     onResize: p,
-    overscanCount: T
+    overscanCount: y
   });
   le(
     f,
@@ -526,13 +528,13 @@ function Se({
       },
       scrollToCell({
         behavior: R = "auto",
-        columnAlign: m = "auto",
+        columnAlign: w = "auto",
         columnIndex: W,
         rowAlign: A = "auto",
         rowIndex: $
       }) {
         const D = I({
-          align: m,
+          align: w,
           containerScrollOffset: a?.scrollLeft ?? 0,
           index: W
         }), he = Q({
@@ -548,7 +550,7 @@ function Se({
       },
       scrollToColumn({
         align: R = "auto",
-        behavior: m = "auto",
+        behavior: w = "auto",
         index: W
       }) {
         const A = I({
@@ -557,13 +559,13 @@ function Se({
           index: W
         });
         typeof a?.scrollTo == "function" && a.scrollTo({
-          behavior: m,
+          behavior: w,
           left: A
         });
       },
       scrollToRow({
         align: R = "auto",
-        behavior: m = "auto",
+        behavior: w = "auto",
         index: W
       }) {
         const A = Q({
@@ -572,7 +574,7 @@ function Se({
           index: W
         });
         typeof a?.scrollTo == "function" && a.scrollTo({
-          behavior: m,
+          behavior: w,
           top: A
         });
       }
@@ -606,11 +608,11 @@ function Se({
   ]);
   const fe = H(() => {
     const R = [];
-    if (o > 0 && y > 0)
-      for (let m = F; m <= U; m++) {
-        const W = E(m), A = [];
+    if (o > 0 && S > 0)
+      for (let w = F; w <= U; w++) {
+        const W = E(w), A = [];
         for (let $ = L; $ <= h; $++) {
-          const D = S($);
+          const D = T($);
           A.push(
             /* @__PURE__ */ P(
               O,
@@ -622,7 +624,7 @@ function Se({
                 },
                 columnIndex: $,
                 key: $,
-                rowIndex: m,
+                rowIndex: w,
                 style: {
                   position: "absolute",
                   left: z ? void 0 : 0,
@@ -636,7 +638,7 @@ function Se({
           );
         }
         R.push(
-          /* @__PURE__ */ _("div", { role: "row", "aria-rowindex": m + 1, children: A }, m)
+          /* @__PURE__ */ _("div", { role: "row", "aria-rowindex": w + 1, children: A }, w)
         );
       }
     return R;
@@ -646,10 +648,10 @@ function Se({
     o,
     L,
     h,
-    S,
+    T,
     E,
     z,
-    y,
+    S,
     F,
     U
   ]), ue = /* @__PURE__ */ _(
@@ -667,9 +669,9 @@ function Se({
     g,
     {
       "aria-colcount": o,
-      "aria-rowcount": y,
+      "aria-rowcount": S,
       role: "grid",
-      ...b,
+      ...m,
       className: r,
       dir: i,
       ref: x,
@@ -681,7 +683,7 @@ function Se({
         maxWidth: "100%",
         flexGrow: 1,
         overflow: "auto",
-        ...w
+        ...b
       }
     },
     fe,
@@ -703,22 +705,23 @@ function ke({
   rowHeight: f,
   rowProps: d,
   tagName: p = "div",
-  style: T,
-  ...y
+  style: y,
+  ...S
 }) {
-  const V = de(d), w = H(
+  const V = de(d), b = H(
     () => ie(c, ae),
     [c]
-  ), [g, b] = j(null), {
+  ), [g, m] = j(null), {
     getCellBounds: k,
     getEstimatedSize: O,
     scrollToIndex: a,
     startIndexOverscan: x,
     startIndexVisible: z,
-    stopIndexOverscan: S,
+    stopIndexOverscan: T,
     stopIndexVisible: M
   } = C({
     containerElement: g,
+    containerStyle: y,
     defaultContainerSize: s,
     direction: "vertical",
     itemCount: i,
@@ -751,31 +754,31 @@ function ke({
     }),
     [g, a]
   ), te(() => {
-    x >= 0 && S >= 0 && n && n(
+    x >= 0 && T >= 0 && n && n(
       {
         startIndex: z,
         stopIndex: M
       },
       {
         startIndex: x,
-        stopIndex: S
+        stopIndex: T
       }
     );
   }, [
     n,
     x,
     z,
-    S,
+    T,
     M
   ]);
   const L = H(() => {
     const I = [];
     if (i > 0)
-      for (let h = x; h <= S; h++) {
+      for (let h = x; h <= T; h++) {
         const v = k(h);
         I.push(
           /* @__PURE__ */ P(
-            w,
+            b,
             {
               ...V,
               ariaAttributes: {
@@ -798,12 +801,12 @@ function ke({
       }
     return I;
   }, [
-    w,
+    b,
     k,
     i,
     V,
     x,
-    S
+    T
   ]), u = /* @__PURE__ */ _(
     "div",
     {
@@ -819,15 +822,15 @@ function ke({
     p,
     {
       role: "list",
-      ...y,
+      ...S,
       className: t,
-      ref: b,
+      ref: m,
       style: {
         position: "relative",
         maxHeight: "100%",
         flexGrow: 1,
         overflowY: "auto",
-        ...T
+        ...y
       }
     },
     L,
@@ -845,7 +848,7 @@ function Me(e = !1) {
   return Z;
 }
 export {
-  Se as Grid,
+  ze as Grid,
   ke as List,
   Me as getScrollbarSize,
   Te as useGridCallbackRef,