react-window 2.2.2-alpha.1 → 2.2.3

package/dist/react-window.js

@@ -1,6 +1,6 @@
 import { jsx as P } from "react/jsx-runtime";
 import { useState as H, useLayoutEffect as se, useEffect as J, useMemo as L, useRef as K, useCallback as U, memo as le, useImperativeHandle as ce, createElement as X } from "react";
-function ge(e) {
+function xe(e) {
   let t = e;
   for (; t; ) {
     if (t.dir)
@@ -12,7 +12,7 @@ function ge(e) {
 function ve(e, t) {
   const [s, r] = H(t === "rtl");
   return se(() => {
-    e && (t || r(ge(e)));
+    e && (t || r(xe(e)));
   }, [t, e]), s;
 }
 const q = typeof window < "u" ? se : J;
@@ -28,7 +28,7 @@ function oe(e) {
       }
     }
 }
-function be({
+function Ie({
   box: e,
   defaultHeight: t,
   defaultWidth: s,
@@ -50,12 +50,12 @@ function be({
   return q(() => {
     if (n === null || a)
       return;
-    const u = new ResizeObserver((b) => {
-      for (const w of b) {
-        const { contentRect: I, target: x } = w;
-        n === x && d((m) => m.height === I.height && m.width === I.width ? m : {
-          height: I.height,
-          width: I.width
+    const u = new ResizeObserver((I) => {
+      for (const m of I) {
+        const { contentRect: b, target: g } = m;
+        n === g && d((w) => w.height === b.height && w.width === b.width ? w : {
+          height: b.height,
+          width: b.width
         });
       }
     });
@@ -79,7 +79,7 @@ function ae(e) {
   }, [e]), U((s) => t.current?.(s), [t]);
 }
 let F = null;
-function Ie(e = !1) {
+function be(e = !1) {
   if (F === null || e) {
     const t = document.createElement("div"), s = t.style;
     s.width = "50px", s.height = "50px", s.overflow = "scroll", s.direction = "rtl";
@@ -95,7 +95,7 @@ function Z({
   scrollOffset: r
 }) {
   if (t === "horizontal" && s)
-    switch (Ie()) {
+    switch (be()) {
       case "negative":
         return -r;
       case "positive-descending": {
@@ -140,7 +140,7 @@ function fe({
     return t * n;
   }
 }
-function me({
+function we({
   align: e,
   cachedBounds: t,
   index: s,
@@ -149,6 +149,10 @@ function me({
   containerScrollOffset: o,
   containerSize: i
 }) {
+  if (s < 0 || s >= r)
+    throw RangeError(`Invalid index specified: ${s}`, {
+      cause: `Index ${s} is not within the range of 0 - ${r - 1}`
+    });
   const f = fe({
     cachedBounds: t,
     itemCount: r,
@@ -200,7 +204,7 @@ function ie({
     stopIndexOverscan: c
   };
 }
-function we({
+function me({
   itemCount: e,
   itemProps: t,
   itemSize: s
@@ -257,7 +261,7 @@ function Oe({
   itemSize: s
 }) {
   return L(
-    () => we({
+    () => me({
       itemCount: e,
       itemProps: t,
       itemSize: s
@@ -307,15 +311,15 @@ function ee({
     stopIndexOverscan: -1
   }), {
     startIndexVisible: u,
-    startIndexOverscan: b,
-    stopIndexVisible: w,
-    stopIndexOverscan: I
+    startIndexOverscan: I,
+    stopIndexVisible: m,
+    stopIndexOverscan: b
   } = {
     startIndexVisible: Math.min(o - 1, d.startIndexVisible),
     startIndexOverscan: Math.min(o - 1, d.startIndexOverscan),
     stopIndexVisible: Math.min(o - 1, d.stopIndexVisible),
     stopIndexOverscan: Math.min(o - 1, d.stopIndexOverscan)
-  }, { height: x = s, width: m = s } = be({
+  }, { height: g = s, width: w = s } = Ie({
     defaultHeight: r === "vertical" ? s : void 0,
     defaultWidth: r === "horizontal" ? s : void 0,
     element: e,
@@ -324,13 +328,13 @@ function ee({
   }), y = K({
     height: 0,
     width: 0
-  }), E = r === "vertical" ? x : m, h = ye({ containerSize: E, itemSize: f });
+  }), V = r === "vertical" ? g : w, h = ye({ containerSize: V, itemSize: f });
   se(() => {
     if (typeof l == "function") {
       const p = y.current;
-      (p.height !== x || p.width !== m) && (l({ height: x, width: m }, { ...p }), p.height = x, p.width = m);
+      (p.height !== g || p.width !== w) && (l({ height: g, width: w }, { ...p }), p.height = g, p.width = w);
     }
-  }, [x, l, m]);
+  }, [g, l, w]);
   const z = Oe({
     itemCount: o,
     itemProps: i,
@@ -356,7 +360,7 @@ function ee({
       return ie({
         cachedBounds: z,
         containerScrollOffset: T,
-        containerSize: E,
+        containerSize: V,
         itemCount: o,
         overscanCount: c
       });
@@ -364,7 +368,7 @@ function ee({
     [
       z,
       e,
-      E,
+      V,
       r,
       n,
       o,
@@ -379,15 +383,15 @@ function ee({
       return;
     const p = () => {
       a((T) => {
-        const { scrollLeft: R, scrollTop: v } = e, g = Z({
+        const { scrollLeft: R, scrollTop: v } = e, x = Z({
           containerElement: e,
           direction: r,
           isRtl: n,
           scrollOffset: r === "vertical" ? v : R
         }), A = ie({
           cachedBounds: z,
-          containerScrollOffset: g,
-          containerSize: E,
+          containerScrollOffset: x,
+          containerSize: V,
           itemCount: o,
           overscanCount: c
         });
@@ -400,7 +404,7 @@ function ee({
   }, [
     z,
     e,
-    E,
+    V,
     r,
     o,
     c
@@ -411,11 +415,11 @@ function ee({
       containerScrollOffset: T,
       index: R
     }) => {
-      let v = me({
+      let v = we({
         align: p,
         cachedBounds: z,
         containerScrollOffset: T,
-        containerSize: E,
+        containerSize: V,
         index: R,
         itemCount: o,
         itemSize: h
@@ -427,8 +431,8 @@ function ee({
           isRtl: n,
           scrollOffset: v
         }), typeof e.scrollTo != "function") {
-          const g = W(v);
-          Y(d, g) || a(g);
+          const x = W(v);
+          Y(d, x) || a(x);
         }
         return v;
       }
@@ -438,10 +442,10 @@ function ee({
     getCellBounds: k,
     getEstimatedSize: S,
     scrollToIndex: O,
-    startIndexOverscan: b,
+    startIndexOverscan: I,
     startIndexVisible: u,
-    stopIndexOverscan: I,
-    stopIndexVisible: w
+    stopIndexOverscan: b,
+    stopIndexVisible: m
   };
 }
 function de(e) {
@@ -459,7 +463,7 @@ function ue(e, t) {
   } = t;
   return Y(s, o) && Y(r, i) && Y(n, f);
 }
-function Ve({
+function Ee({
   cellComponent: e,
   cellProps: t,
   children: s,
@@ -473,13 +477,13 @@ function Ve({
   onCellsRendered: d,
   onResize: a,
   overscanCount: u = 3,
-  rowCount: b,
-  rowHeight: w,
-  style: I,
-  tagName: x = "div",
-  ...m
+  rowCount: I,
+  rowHeight: m,
+  style: b,
+  tagName: g = "div",
+  ...w
 }) {
-  const y = de(t), E = L(
+  const y = de(t), V = L(
     () => le(e, ue),
     [e]
   ), [h, z] = H(null), k = ve(h, l), {
@@ -492,7 +496,7 @@ function Ve({
     stopIndexVisible: v
   } = ee({
     containerElement: h,
-    containerStyle: I,
+    containerStyle: b,
     defaultContainerSize: f,
     direction: "horizontal",
     isRtl: k,
@@ -502,7 +506,7 @@ function Ve({
     onResize: a,
     overscanCount: u
   }), {
-    getCellBounds: g,
+    getCellBounds: x,
     getEstimatedSize: A,
     startIndexOverscan: M,
     startIndexVisible: re,
@@ -511,12 +515,12 @@ function Ve({
     stopIndexVisible: ne
   } = ee({
     containerElement: h,
-    containerStyle: I,
+    containerStyle: b,
     defaultContainerSize: i,
     direction: "vertical",
-    itemCount: b,
+    itemCount: I,
     itemProps: y,
-    itemSize: w,
+    itemSize: m,
     onResize: a,
     overscanCount: u
   });
@@ -528,16 +532,16 @@ function Ve({
       },
       scrollToCell({
         behavior: B = "auto",
-        columnAlign: V = "auto",
+        columnAlign: E = "auto",
         columnIndex: j,
         rowAlign: D = "auto",
         rowIndex: G
       }) {
         const N = T({
-          align: V,
+          align: E,
           containerScrollOffset: h?.scrollLeft ?? 0,
           index: j
-        }), xe = Q({
+        }), ge = Q({
           align: D,
           containerScrollOffset: h?.scrollTop ?? 0,
           index: G
@@ -545,12 +549,12 @@ function Ve({
         typeof h?.scrollTo == "function" && h.scrollTo({
           behavior: B,
           left: N,
-          top: xe
+          top: ge
         });
       },
       scrollToColumn({
         align: B = "auto",
-        behavior: V = "auto",
+        behavior: E = "auto",
         index: j
       }) {
         const D = T({
@@ -559,13 +563,13 @@ function Ve({
           index: j
         });
         typeof h?.scrollTo == "function" && h.scrollTo({
-          behavior: V,
+          behavior: E,
           left: D
         });
       },
       scrollToRow({
         align: B = "auto",
-        behavior: V = "auto",
+        behavior: E = "auto",
         index: j
       }) {
         const D = Q({
@@ -574,7 +578,7 @@ function Ve({
           index: j
         });
         typeof h?.scrollTo == "function" && h.scrollTo({
-          behavior: V,
+          behavior: E,
           top: D
         });
       }
@@ -608,14 +612,14 @@ function Ve({
   ]);
   const he = L(() => {
     const B = [];
-    if (n > 0 && b > 0)
-      for (let V = M; V <= _; V++) {
-        const j = g(V), D = [];
+    if (n > 0 && I > 0)
+      for (let E = M; E <= _; E++) {
+        const j = x(E), D = [];
         for (let G = O; G <= R; G++) {
           const N = S(G);
           D.push(
             /* @__PURE__ */ X(
-              E,
+              V,
               {
                 ...y,
                 ariaAttributes: {
@@ -624,7 +628,7 @@ function Ve({
                 },
                 columnIndex: G,
                 key: G,
-                rowIndex: V,
+                rowIndex: E,
                 style: {
                   position: "absolute",
                   left: k ? void 0 : 0,
@@ -638,20 +642,20 @@ function Ve({
           );
         }
         B.push(
-          /* @__PURE__ */ P("div", { role: "row", "aria-rowindex": V + 1, children: D }, V)
+          /* @__PURE__ */ P("div", { role: "row", "aria-rowindex": E + 1, children: D }, E)
         );
       }
     return B;
   }, [
-    E,
+    V,
     y,
     n,
     O,
     R,
     S,
-    g,
+    x,
     k,
-    b,
+    I,
     M,
     _
   ]), pe = /* @__PURE__ */ P(
@@ -666,12 +670,12 @@ function Ve({
     }
   );
   return X(
-    x,
+    g,
     {
       "aria-colcount": n,
-      "aria-rowcount": b,
+      "aria-rowcount": I,
       role: "grid",
-      ...m,
+      ...w,
       className: r,
       dir: l,
       ref: z,
@@ -683,7 +687,7 @@ function Ve({
         maxWidth: "100%",
         flexGrow: 1,
         overflow: "auto",
-        ...I
+        ...b
       }
     },
     he,
@@ -691,7 +695,7 @@ function Ve({
     pe
   );
 }
-const Ee = H, Re = K;
+const Ve = H, Re = K;
 function ze(e) {
   return e != null && typeof e == "object" && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
@@ -710,12 +714,12 @@ function Ae({
   rowProps: d,
   tagName: a = "div",
   style: u,
-  ...b
+  ...I
 }) {
-  const w = de(d), I = L(
+  const m = de(d), b = L(
     () => le(f, ue),
     [f]
-  ), [x, m] = H(null), y = ze(c), E = L(() => y ? (v) => c.getRowHeight(v) ?? c.getAverageRowHeight() : c, [y, c]), {
+  ), [g, w] = H(null), y = ze(c), V = L(() => y ? (v) => c.getRowHeight(v) ?? c.getAverageRowHeight() : c, [y, c]), {
     getCellBounds: h,
     getEstimatedSize: z,
     scrollToIndex: k,
@@ -724,13 +728,13 @@ function Ae({
     stopIndexOverscan: O,
     stopIndexVisible: p
   } = ee({
-    containerElement: x,
+    containerElement: g,
     containerStyle: u,
     defaultContainerSize: s,
     direction: "vertical",
     itemCount: l,
-    itemProps: w,
-    itemSize: E,
+    itemProps: m,
+    itemSize: V,
     onResize: n,
     overscanCount: i
   });
@@ -738,38 +742,38 @@ function Ae({
     r,
     () => ({
       get element() {
-        return x;
+        return g;
       },
       scrollToRow({
         align: v = "auto",
-        behavior: g = "auto",
+        behavior: x = "auto",
         index: A
       }) {
         const M = k({
           align: v,
-          containerScrollOffset: x?.scrollTop ?? 0,
+          containerScrollOffset: g?.scrollTop ?? 0,
           index: A
         });
-        typeof x?.scrollTo == "function" && x.scrollTo({
-          behavior: g,
+        typeof g?.scrollTo == "function" && g.scrollTo({
+          behavior: x,
           top: M
         });
       }
     }),
-    [x, k]
+    [g, k]
   ), q(() => {
-    if (!x)
+    if (!g)
       return;
-    const v = Array.from(x.children).filter((g, A) => {
-      if (g.hasAttribute("aria-hidden"))
+    const v = Array.from(g.children).filter((x, A) => {
+      if (x.hasAttribute("aria-hidden"))
         return !1;
       const M = `${S + A}`;
-      return g.setAttribute(te, M), !0;
+      return x.setAttribute(te, M), !0;
     });
     if (y)
       return c.observeRowElements(v);
   }, [
-    x,
+    g,
     y,
     c,
     S,
@@ -795,20 +799,20 @@ function Ae({
   const T = L(() => {
     const v = [];
     if (l > 0)
-      for (let g = S; g <= O; g++) {
-        const A = h(g);
+      for (let x = S; x <= O; x++) {
+        const A = h(x);
         v.push(
           /* @__PURE__ */ X(
-            I,
+            b,
             {
-              ...w,
+              ...m,
               ariaAttributes: {
-                "aria-posinset": g + 1,
+                "aria-posinset": x + 1,
                 "aria-setsize": l,
                 role: "listitem"
               },
-              key: g,
-              index: g,
+              key: x,
+              index: x,
               style: {
                 position: "absolute",
                 left: 0,
@@ -824,11 +828,11 @@ function Ae({
       }
     return v;
   }, [
-    I,
+    b,
     h,
     y,
     l,
-    w,
+    m,
     S,
     O
   ]), R = /* @__PURE__ */ P(
@@ -846,9 +850,9 @@ function Ae({
     a,
     {
       role: "list",
-      ...b,
+      ...I,
       className: t,
-      ref: m,
+      ref: w,
       style: {
         position: "relative",
         maxHeight: "100%",
@@ -886,25 +890,25 @@ function ke({
     },
     [e, n]
   ), f = U((a, u) => {
-    r((b) => {
-      if (b.map.get(a) === u)
-        return b;
-      const w = new Map(b.map);
-      return w.set(a, u), {
-        ...b,
-        map: w
+    r((I) => {
+      if (I.map.get(a) === u)
+        return I;
+      const m = new Map(I.map);
+      return m.set(a, u), {
+        ...I,
+        map: m
       };
     });
   }, []), l = ae(
     (a) => {
       a.length !== 0 && a.forEach((u) => {
-        const { borderBoxSize: b, target: w } = u, I = w.getAttribute(te);
+        const { borderBoxSize: I, target: m } = u, b = m.getAttribute(te);
         $(
-          I !== null,
+          b !== null,
           `Invalid ${te} attribute value`
         );
-        const x = parseInt(I), { blockSize: m } = b[0];
-        m && f(x, m);
+        const g = parseInt(b), { blockSize: w } = I[0];
+        w && f(g, w);
       });
     }
   ), [c] = H(
@@ -939,11 +943,11 @@ function $e(e = !1) {
   return C;
 }
 export {
-  Ve as Grid,
+  Ee as Grid,
   Ae as List,
   $e as getScrollbarSize,
   ke as useDynamicRowHeight,
-  Ee as useGridCallbackRef,
+  Ve as useGridCallbackRef,
   Re as useGridRef,
   Le as useListCallbackRef,
   Me as useListRef