react-window 2.3.0 → 2.3.1

package/dist/react-window.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as se } from "react/jsx-runtime";
-import { useState as L, useLayoutEffect as ie, useEffect as Z, useMemo as R, useRef as P, useCallback as B, memo as ae, useImperativeHandle as fe, createElement as Q } from "react";
+import { useState as L, useLayoutEffect as oe, useEffect as Z, useMemo as R, useRef as P, useCallback as B, memo as ae, useImperativeHandle as fe, createElement as Q } from "react";
 function be(e) {
   let t = e;
   for (; t; ) {
@@ -12,11 +12,11 @@ function be(e) {
 }
 function Ie(e, t) {
   const [s, r] = L(t === "rtl");
-  return ie(() => {
-    e && (t || r(be(e)));
+  return oe(() => {
+    t ? r(t === "rtl") : e && r(be(e));
   }, [t, e]), s;
 }
-const J = typeof window < "u" ? ie : Z;
+const J = typeof window < "u" ? oe : Z;
 function ce(e) {
   if (e !== void 0)
     switch (typeof e) {
@@ -35,7 +35,7 @@ function we({
   defaultWidth: s,
   disabled: r,
   element: n,
-  mode: i,
+  mode: o,
   style: l
 }) {
   const { styleHeight: f, styleWidth: a } = R(
@@ -44,10 +44,10 @@ function we({
       styleWidth: ce(l?.width)
     }),
     [l?.height, l?.width]
-  ), [o, d] = L({
+  ), [i, d] = L({
     height: t,
     width: s
-  }), c = r || i === "only-height" && f !== void 0 || i === "only-width" && a !== void 0 || f !== void 0 && a !== void 0;
+  }), c = r || o === "only-height" && f !== void 0 || o === "only-width" && a !== void 0 || f !== void 0 && a !== void 0;
   return J(() => {
     if (n === null || c)
       return;
@@ -65,10 +65,10 @@ function we({
     };
   }, [e, c, n, f, a]), R(
     () => ({
-      height: f ?? o.height,
-      width: a ?? o.width
+      height: f ?? i.height,
+      width: a ?? i.width
     }),
-    [o, f, a]
+    [i, f, a]
   );
 }
 function de(e) {
@@ -101,8 +101,8 @@ function C({
         return -r;
       case "positive-descending": {
         if (e) {
-          const { clientWidth: n, scrollLeft: i, scrollWidth: l } = e;
-          return l - n - i;
+          const { clientWidth: n, scrollLeft: o, scrollWidth: l } = e;
+          return l - n - o;
         }
         break;
       }
@@ -147,7 +147,7 @@ function Oe({
   index: s,
   itemCount: r,
   itemSize: n,
-  containerScrollOffset: i,
+  containerScrollOffset: o,
   containerSize: l
 }) {
   if (s < 0 || s >= r)
@@ -158,23 +158,23 @@ function Oe({
     cachedBounds: t,
     itemCount: r,
     itemSize: n
-  }), a = t.get(s), o = Math.max(
+  }), a = t.get(s), i = Math.max(
     0,
     Math.min(f - l, a.scrollOffset)
   ), d = Math.max(
     0,
     a.scrollOffset - l + a.size
   );
-  switch (e === "smart" && (i >= d && i <= o ? e = "auto" : e = "center"), e) {
+  switch (e === "smart" && (o >= d && o <= i ? e = "auto" : e = "center"), e) {
     case "start":
-      return o;
+      return i;
     case "end":
       return d;
     case "center":
       return a.scrollOffset <= l / 2 ? 0 : a.scrollOffset + a.size / 2 >= f - l / 2 ? f - l : a.scrollOffset + a.size / 2 - l / 2;
     case "auto":
     default:
-      return i >= d && i <= o ? i : i < d ? d : o;
+      return o >= d && o <= i ? o : o < d ? d : i;
   }
 }
 function ee({
@@ -184,25 +184,25 @@ function ee({
   itemCount: r,
   overscanCount: n
 }) {
-  const i = r - 1;
-  let l = 0, f = -1, a = 0, o = -1, d = 0;
-  for (; d < i; ) {
+  const o = r - 1;
+  let l = 0, f = -1, a = 0, i = -1, d = 0;
+  for (; d < o; ) {
     const c = e.get(d);
     if (c.scrollOffset + c.size > t)
       break;
     d++;
   }
-  for (l = d, a = Math.max(0, l - n); d < i; ) {
+  for (l = d, a = Math.max(0, l - n); d < o; ) {
     const c = e.get(d);
     if (c.scrollOffset + c.size >= t + s)
       break;
     d++;
   }
-  return f = Math.min(i, d), o = Math.min(r - 1, f + n), l < 0 && (l = 0, f = -1, a = 0, o = -1), {
+  return f = Math.min(o, d), i = Math.min(r - 1, f + n), l < 0 && (l = 0, f = -1, a = 0, i = -1), {
     startIndexVisible: l,
     stopIndexVisible: f,
     startIndexOverscan: a,
-    stopIndexOverscan: o
+    stopIndexOverscan: i
   };
 }
 function ye({
@@ -242,14 +242,14 @@ function ye({
           });
         }
       }
-      const i = r.get(n);
+      const o = r.get(n);
       return k(
-        i !== void 0,
+        o !== void 0,
         `Unexpected bounds cache miss for index ${n}`
-      ), i;
+      ), o;
     },
-    set(n, i) {
-      r.set(n, i);
+    set(n, o) {
+      r.set(n, o);
     },
     get size() {
       return r.size;
@@ -299,11 +299,11 @@ function re({
   defaultContainerSize: s = 0,
   direction: r,
   isRtl: n = !1,
-  itemCount: i,
+  itemCount: o,
   itemProps: l,
   itemSize: f,
   onResize: a,
-  overscanCount: o
+  overscanCount: i
 }) {
   const { height: d = s, width: c = s } = we({
     defaultHeight: r === "vertical" ? s : void 0,
@@ -315,14 +315,14 @@ function re({
     height: 0,
     width: 0
   }), x = r === "vertical" ? d : c, I = Se({ containerSize: x, itemSize: f });
-  ie(() => {
+  oe(() => {
     if (typeof a == "function") {
       const p = g.current;
       (p.height !== d || p.width !== c) && (a({ height: d, width: c }, { ...p }), p.height = d, p.width = c);
     }
   }, [d, a, c]);
   const h = ze({
-    itemCount: i,
+    itemCount: o,
     itemProps: l,
     itemSize: I
   }), z = B(
@@ -334,8 +334,8 @@ function re({
       // TODO Potentially support a defaultScrollOffset prop?
       containerScrollOffset: 0,
       containerSize: x,
-      itemCount: i,
-      overscanCount: o
+      itemCount: o,
+      overscanCount: i
     })
   ), {
     startIndexVisible: T,
@@ -343,17 +343,17 @@ function re({
     stopIndexVisible: D,
     stopIndexOverscan: v
   } = {
-    startIndexVisible: Math.min(i - 1, u.startIndexVisible),
-    startIndexOverscan: Math.min(i - 1, u.startIndexOverscan),
-    stopIndexVisible: Math.min(i - 1, u.stopIndexVisible),
-    stopIndexOverscan: Math.min(i - 1, u.stopIndexOverscan)
+    startIndexVisible: Math.min(o - 1, u.startIndexVisible),
+    startIndexOverscan: Math.min(o - 1, u.startIndexOverscan),
+    stopIndexVisible: Math.min(o - 1, u.stopIndexVisible),
+    stopIndexOverscan: Math.min(o - 1, u.stopIndexOverscan)
   }, U = B(
     () => ue({
       cachedBounds: h,
-      itemCount: i,
+      itemCount: o,
       itemSize: I
     }),
-    [h, i, I]
+    [h, o, I]
   ), m = B(
     (p) => {
       const O = C({
@@ -366,8 +366,8 @@ function re({
         cachedBounds: h,
         containerScrollOffset: O,
         containerSize: x,
-        itemCount: i,
-        overscanCount: o
+        itemCount: o,
+        overscanCount: i
       });
     },
     [
@@ -376,8 +376,8 @@ function re({
       x,
       r,
       n,
-      i,
-      o
+      o,
+      i
     ]
   );
   J(() => {
@@ -397,8 +397,8 @@ function re({
           cachedBounds: h,
           containerScrollOffset: b,
           containerSize: x,
-          itemCount: i,
-          overscanCount: o
+          itemCount: o,
+          overscanCount: i
         });
         return X(w, O) ? O : w;
       });
@@ -411,8 +411,8 @@ function re({
     e,
     x,
     r,
-    i,
-    o
+    o,
+    i
   ]);
   const G = de(
     ({
@@ -426,7 +426,7 @@ function re({
         containerScrollOffset: O,
         containerSize: x,
         index: M,
-        itemCount: i,
+        itemCount: o,
         itemSize: I
       });
       if (e) {
@@ -462,11 +462,11 @@ function pe(e, t) {
     style: r,
     ...n
   } = e, {
-    ariaAttributes: i,
+    ariaAttributes: o,
     style: l,
     ...f
   } = t;
-  return X(s, i) && X(r, l) && X(n, f);
+  return X(s, o) && X(r, l) && X(n, f);
 }
 function Ve({
   cellComponent: e,
@@ -474,11 +474,11 @@ function Ve({
   children: s,
   className: r,
   columnCount: n,
-  columnKey: i,
+  columnKey: o,
   columnWidth: l,
   defaultHeight: f = 0,
   defaultWidth: a = 0,
-  dir: o,
+  dir: i,
   gridRef: d,
   onCellsRendered: c,
   onResize: g,
@@ -493,7 +493,7 @@ function Ve({
   const E = he(t), D = R(
     () => ae(e, pe),
     [e]
-  ), [v, U] = L(null), m = Ie(v, o), {
+  ), [v, U] = L(null), m = Ie(v, i), {
     getCellBounds: G,
     getEstimatedSize: p,
     startIndexOverscan: O,
@@ -516,7 +516,7 @@ function Ve({
     getCellBounds: V,
     getEstimatedSize: _,
     startIndexOverscan: N,
-    startIndexVisible: oe,
+    startIndexVisible: ie,
     scrollToIndex: K,
     stopIndexOverscan: Y,
     stopIndexVisible: le
@@ -596,7 +596,7 @@ function Ve({
       {
         columnStartIndex: M,
         columnStopIndex: w,
-        rowStartIndex: oe,
+        rowStartIndex: ie,
         rowStopIndex: le
       },
       {
@@ -613,7 +613,7 @@ function Ve({
     b,
     w,
     N,
-    oe,
+    ie,
     Y,
     le
   ]);
@@ -634,7 +634,7 @@ function Ve({
                   role: "gridcell"
                 },
                 columnIndex: A,
-                key: i ? i({
+                key: o ? o({
                   columnIndex: A,
                   data: E,
                   rowIndex: y
@@ -672,7 +672,7 @@ function Ve({
     D,
     E,
     n,
-    i,
+    o,
     O,
     b,
     G,
@@ -701,7 +701,7 @@ function Ve({
       role: "grid",
       ...T,
       className: r,
-      dir: o,
+      dir: i,
       ref: U,
       style: {
         position: "relative",
@@ -728,11 +728,11 @@ function Le({
   defaultHeight: s = 0,
   listRef: r,
   onResize: n,
-  onRowsRendered: i,
+  onRowsRendered: o,
   overscanCount: l = 3,
   rowComponent: f,
   rowCount: a,
-  rowHeight: o,
+  rowHeight: i,
   rowKey: d,
   rowProps: c,
   tagName: g = "div",
@@ -742,7 +742,7 @@ function Le({
   const h = he(c), z = R(
     () => ae(f, pe),
     [f]
-  ), [u, j] = L(null), T = Te(o), E = R(() => T ? (b) => o.getRowHeight(b) ?? o.getAverageRowHeight() : o, [T, o]), {
+  ), [u, j] = L(null), T = Te(i), E = R(() => T ? (b) => i.getRowHeight(b) ?? i.getAverageRowHeight() : i, [T, i]), {
     getCellBounds: D,
     getEstimatedSize: v,
     scrollToIndex: U,
@@ -794,15 +794,15 @@ function Le({
       return w.setAttribute(ne, _), !0;
     });
     if (T)
-      return o.observeRowElements(b);
+      return i.observeRowElements(b);
   }, [
     u,
     T,
-    o,
+    i,
     m,
     p
   ]), Z(() => {
-    m >= 0 && p >= 0 && i && i(
+    m >= 0 && p >= 0 && o && o(
       {
         startIndex: G,
         stopIndex: O
@@ -813,7 +813,7 @@ function Le({
       }
     );
   }, [
-    i,
+    o,
     m,
     G,
     p,
@@ -902,7 +902,7 @@ function Me({
     key: t,
     map: /* @__PURE__ */ new Map()
   });
-  const { map: n } = s, i = B(() => {
+  const { map: n } = s, o = B(() => {
     let c = 0;
     return n.forEach((g) => {
       c += g;
@@ -935,31 +935,31 @@ function Me({
         u && f(z, u);
       });
     }
-  ), [o] = L(() => {
+  ), [i] = L(() => {
     if (typeof ResizeObserver < "u")
       return new ResizeObserver(a);
   });
   Z(() => {
-    if (o)
+    if (i)
       return () => {
-        o.disconnect();
+        i.disconnect();
       };
-  }, [o]);
+  }, [i]);
   const d = B(
-    (c) => o ? (c.forEach((g) => o.observe(g)), () => {
-      c.forEach((g) => o.unobserve(g));
+    (c) => i ? (c.forEach((g) => i.observe(g)), () => {
+      c.forEach((g) => i.unobserve(g));
     }) : () => {
     },
-    [o]
+    [i]
   );
   return R(
     () => ({
-      getAverageRowHeight: i,
+      getAverageRowHeight: o,
       getRowHeight: l,
       setRowHeight: f,
       observeRowElements: d
     }),
-    [i, l, f, d]
+    [o, l, f, d]
   );
 }
 const $e = L, He = P;