react-window 2.2.7 → 2.3.0

package/dist/react-window.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as ee } from "react/jsx-runtime";
-import { useState as M, useLayoutEffect as re, useEffect as J, useMemo as A, useRef as K, useCallback as D, memo as le, useImperativeHandle as ce, createElement as X } from "react";
-function xe(e) {
+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";
+function be(e) {
   let t = e;
   for (; t; ) {
     if (t.dir)
@@ -10,14 +10,14 @@ function xe(e) {
   }
   return !1;
 }
-function ve(e, t) {
-  const [s, r] = M(t === "rtl");
-  return re(() => {
-    e && (t || r(xe(e)));
+function Ie(e, t) {
+  const [s, r] = L(t === "rtl");
+  return ie(() => {
+    e && (t || r(be(e)));
   }, [t, e]), s;
 }
-const q = typeof window < "u" ? re : J;
-function ie(e) {
+const J = typeof window < "u" ? ie : Z;
+function ce(e) {
   if (e !== void 0)
     switch (typeof e) {
       case "number":
@@ -29,101 +29,101 @@ function ie(e) {
       }
     }
 }
-function be({
+function we({
   box: e,
   defaultHeight: t,
   defaultWidth: s,
   disabled: r,
   element: n,
-  mode: o,
-  style: i
+  mode: i,
+  style: l
 }) {
-  const { styleHeight: f, styleWidth: l } = A(
+  const { styleHeight: f, styleWidth: a } = R(
     () => ({
-      styleHeight: ie(i?.height),
-      styleWidth: ie(i?.width)
+      styleHeight: ce(l?.height),
+      styleWidth: ce(l?.width)
     }),
-    [i?.height, i?.width]
-  ), [c, d] = M({
+    [l?.height, l?.width]
+  ), [o, d] = L({
     height: t,
     width: s
-  }), a = r || o === "only-height" && f !== void 0 || o === "only-width" && l !== void 0 || f !== void 0 && l !== void 0;
-  return q(() => {
-    if (n === null || a)
+  }), c = r || i === "only-height" && f !== void 0 || i === "only-width" && a !== void 0 || f !== void 0 && a !== void 0;
+  return J(() => {
+    if (n === null || c)
       return;
-    const h = new ResizeObserver((p) => {
-      for (const I of p) {
-        const { contentRect: u, target: w } = I;
-        n === w && d((m) => m.height === u.height && m.width === u.width ? m : {
-          height: u.height,
-          width: u.width
+    const g = new ResizeObserver((x) => {
+      for (const I of x) {
+        const { contentRect: h, target: z } = I;
+        n === z && d((u) => u.height === h.height && u.width === h.width ? u : {
+          height: h.height,
+          width: h.width
         });
       }
     });
-    return h.observe(n, { box: e }), () => {
-      h?.unobserve(n);
+    return g.observe(n, { box: e }), () => {
+      g?.unobserve(n);
     };
-  }, [e, a, n, f, l]), A(
+  }, [e, c, n, f, a]), R(
     () => ({
-      height: f ?? c.height,
-      width: l ?? c.width
+      height: f ?? o.height,
+      width: a ?? o.width
     }),
-    [c, f, l]
+    [o, f, a]
   );
 }
-function ae(e) {
-  const t = K(() => {
-    throw new Error("Cannot call during render.");
+function de(e) {
+  const t = P(() => {
+    throw new Error("Cannot call an event handler while rendering.");
   });
-  return q(() => {
+  return J(() => {
     t.current = e;
-  }, [e]), D((s) => t.current?.(s), [t]);
+  }, [e]), B((...s) => t.current?.(...s), [t]);
 }
-let U = null;
-function Ie(e = !1) {
-  if (U === null || e) {
+let F = null;
+function me(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";
     const r = document.createElement("div"), n = r.style;
-    return n.width = "100px", n.height = "100px", t.appendChild(r), document.body.appendChild(t), t.scrollLeft > 0 ? U = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? U = "negative" : U = "positive-ascending"), document.body.removeChild(t), U;
+    return n.width = "100px", n.height = "100px", t.appendChild(r), document.body.appendChild(t), t.scrollLeft > 0 ? F = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? F = "negative" : F = "positive-ascending"), document.body.removeChild(t), F;
   }
-  return U;
+  return F;
 }
-function Z({
+function C({
   containerElement: e,
   direction: t,
   isRtl: s,
   scrollOffset: r
 }) {
   if (t === "horizontal" && s)
-    switch (Ie()) {
+    switch (me()) {
       case "negative":
         return -r;
       case "positive-descending": {
         if (e) {
-          const { clientWidth: n, scrollLeft: o, scrollWidth: i } = e;
-          return i - n - o;
+          const { clientWidth: n, scrollLeft: i, scrollWidth: l } = e;
+          return l - n - i;
         }
         break;
       }
     }
   return r;
 }
-function L(e, t = "Assertion error") {
+function k(e, t = "Assertion error") {
   if (!e)
     throw console.error(t), Error(t);
 }
-function Y(e, t) {
+function X(e, t) {
   if (e === t)
     return !0;
-  if (!!e != !!t || (L(e !== void 0), L(t !== void 0), Object.keys(e).length !== Object.keys(t).length))
+  if (!!e != !!t || (k(e !== void 0), k(t !== void 0), Object.keys(e).length !== Object.keys(t).length))
     return !1;
   for (const s in e)
     if (!Object.is(t[s], e[s]))
       return !1;
   return !0;
 }
-function fe({
+function ue({
   cachedBounds: e,
   itemCount: t,
   itemSize: s
@@ -136,76 +136,76 @@ function fe({
     const r = e.get(
       e.size === 0 ? 0 : e.size - 1
     );
-    L(r !== void 0, "Unexpected bounds cache miss");
+    k(r !== void 0, "Unexpected bounds cache miss");
     const n = (r.scrollOffset + r.size) / e.size;
     return t * n;
   }
 }
-function we({
+function Oe({
   align: e,
   cachedBounds: t,
   index: s,
   itemCount: r,
   itemSize: n,
-  containerScrollOffset: o,
-  containerSize: i
+  containerScrollOffset: i,
+  containerSize: l
 }) {
   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({
+  const f = ue({
     cachedBounds: t,
     itemCount: r,
     itemSize: n
-  }), l = t.get(s), c = Math.max(
+  }), a = t.get(s), o = Math.max(
     0,
-    Math.min(f - i, l.scrollOffset)
+    Math.min(f - l, a.scrollOffset)
   ), d = Math.max(
     0,
-    l.scrollOffset - i + l.size
+    a.scrollOffset - l + a.size
   );
-  switch (e === "smart" && (o >= d && o <= c ? e = "auto" : e = "center"), e) {
+  switch (e === "smart" && (i >= d && i <= o ? e = "auto" : e = "center"), e) {
     case "start":
-      return c;
+      return o;
     case "end":
       return d;
     case "center":
-      return l.scrollOffset <= i / 2 ? 0 : l.scrollOffset + l.size / 2 >= f - i / 2 ? f - i : l.scrollOffset + l.size / 2 - i / 2;
+      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 o >= d && o <= c ? o : o < d ? d : c;
+      return i >= d && i <= o ? i : i < d ? d : o;
   }
 }
-function P({
+function ee({
   cachedBounds: e,
   containerScrollOffset: t,
   containerSize: s,
   itemCount: r,
   overscanCount: n
 }) {
-  const o = r - 1;
-  let i = 0, f = -1, l = 0, c = -1, d = 0;
-  for (; d < o; ) {
-    const a = e.get(d);
-    if (a.scrollOffset + a.size > t)
+  const i = r - 1;
+  let l = 0, f = -1, a = 0, o = -1, d = 0;
+  for (; d < i; ) {
+    const c = e.get(d);
+    if (c.scrollOffset + c.size > t)
       break;
     d++;
   }
-  for (i = d, l = Math.max(0, i - n); d < o; ) {
-    const a = e.get(d);
-    if (a.scrollOffset + a.size >= t + s)
+  for (l = d, a = Math.max(0, l - n); d < i; ) {
+    const c = e.get(d);
+    if (c.scrollOffset + c.size >= t + s)
       break;
     d++;
   }
-  return f = Math.min(o, d), c = Math.min(r - 1, f + n), i < 0 && (i = 0, f = -1, l = 0, c = -1), {
-    startIndexVisible: i,
+  return f = Math.min(i, d), o = Math.min(r - 1, f + n), l < 0 && (l = 0, f = -1, a = 0, o = -1), {
+    startIndexVisible: l,
     stopIndexVisible: f,
-    startIndexOverscan: l,
-    stopIndexOverscan: c
+    startIndexOverscan: a,
+    stopIndexOverscan: o
   };
 }
-function me({
+function ye({
   itemCount: e,
   itemProps: t,
   itemSize: s
@@ -213,12 +213,12 @@ function me({
   const r = /* @__PURE__ */ new Map();
   return {
     get(n) {
-      for (L(n < e, `Invalid index ${n}`); r.size - 1 < n; ) {
-        const i = r.size;
+      for (k(n < e, `Invalid index ${n}`); r.size - 1 < n; ) {
+        const l = r.size;
         let f;
         switch (typeof s) {
           case "function": {
-            f = s(i, t);
+            f = s(l, t);
             break;
           }
           case "number": {
@@ -226,43 +226,43 @@ function me({
             break;
           }
         }
-        if (i === 0)
-          r.set(i, {
+        if (l === 0)
+          r.set(l, {
             size: f,
             scrollOffset: 0
           });
         else {
-          const l = r.get(i - 1);
-          L(
-            l !== void 0,
+          const a = r.get(l - 1);
+          k(
+            a !== void 0,
             `Unexpected bounds cache miss for index ${n}`
-          ), r.set(i, {
-            scrollOffset: l.scrollOffset + l.size,
+          ), r.set(l, {
+            scrollOffset: a.scrollOffset + a.size,
             size: f
           });
         }
       }
-      const o = r.get(n);
-      return L(
-        o !== void 0,
+      const i = r.get(n);
+      return k(
+        i !== void 0,
         `Unexpected bounds cache miss for index ${n}`
-      ), o;
+      ), i;
     },
-    set(n, o) {
-      r.set(n, o);
+    set(n, i) {
+      r.set(n, i);
     },
     get size() {
       return r.size;
     }
   };
 }
-function Oe({
+function ze({
   itemCount: e,
   itemProps: t,
   itemSize: s
 }) {
-  return A(
-    () => me({
+  return R(
+    () => ye({
       itemCount: e,
       itemProps: t,
       itemSize: s
@@ -270,17 +270,17 @@ function Oe({
     [e, t, s]
   );
 }
-function ye({
+function Se({
   containerSize: e,
   itemSize: t
 }) {
   let s;
   switch (typeof t) {
     case "string": {
-      L(
+      k(
         t.endsWith("%"),
         `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`
-      ), L(
+      ), k(
         e !== void 0,
         "Container size must be defined if a percentage item size is specified"
       ), s = e * parseInt(t) / 100;
@@ -293,397 +293,416 @@ function ye({
   }
   return s;
 }
-function te({
+function re({
   containerElement: e,
   containerStyle: t,
   defaultContainerSize: s = 0,
   direction: r,
   isRtl: n = !1,
-  itemCount: o,
-  itemProps: i,
+  itemCount: i,
+  itemProps: l,
   itemSize: f,
-  onResize: l,
-  overscanCount: c
+  onResize: a,
+  overscanCount: o
 }) {
-  const { height: d = s, width: a = s } = be({
+  const { height: d = s, width: c = s } = we({
     defaultHeight: r === "vertical" ? s : void 0,
     defaultWidth: r === "horizontal" ? s : void 0,
     element: e,
     mode: r === "vertical" ? "only-height" : "only-width",
     style: t
-  }), h = K({
+  }), g = P({
     height: 0,
     width: 0
-  }), p = r === "vertical" ? d : a, I = ye({ containerSize: p, itemSize: f });
-  re(() => {
-    if (typeof l == "function") {
-      const g = h.current;
-      (g.height !== d || g.width !== a) && (l({ height: d, width: a }, { ...g }), g.height = d, g.width = a);
+  }), x = r === "vertical" ? d : c, I = Se({ containerSize: x, itemSize: f });
+  ie(() => {
+    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, l, a]);
-  const u = Oe({
-    itemCount: o,
-    itemProps: i,
+  }, [d, a, c]);
+  const h = ze({
+    itemCount: i,
+    itemProps: l,
     itemSize: I
-  }), w = D(
-    (g) => u.get(g),
-    [u]
-  ), [m, O] = M(
-    () => P({
-      cachedBounds: u,
+  }), z = B(
+    (p) => h.get(p),
+    [h]
+  ), [u, j] = L(
+    () => ee({
+      cachedBounds: h,
       // TODO Potentially support a defaultScrollOffset prop?
       containerScrollOffset: 0,
-      containerSize: p,
-      itemCount: o,
-      overscanCount: c
+      containerSize: x,
+      itemCount: i,
+      overscanCount: o
     })
   ), {
-    startIndexVisible: G,
-    startIndexOverscan: x,
-    stopIndexVisible: F,
-    stopIndexOverscan: V
+    startIndexVisible: T,
+    startIndexOverscan: E,
+    stopIndexVisible: D,
+    stopIndexOverscan: v
   } = {
-    startIndexVisible: Math.min(o - 1, m.startIndexVisible),
-    startIndexOverscan: Math.min(o - 1, m.startIndexOverscan),
-    stopIndexVisible: Math.min(o - 1, m.stopIndexVisible),
-    stopIndexOverscan: Math.min(o - 1, m.stopIndexOverscan)
-  }, z = D(
-    () => fe({
-      cachedBounds: u,
-      itemCount: o,
+    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)
+  }, U = B(
+    () => ue({
+      cachedBounds: h,
+      itemCount: i,
       itemSize: I
     }),
-    [u, o, I]
-  ), $ = D(
-    (g) => {
-      const S = Z({
+    [h, i, I]
+  ), m = B(
+    (p) => {
+      const O = C({
         containerElement: e,
         direction: r,
         isRtl: n,
-        scrollOffset: g
+        scrollOffset: p
       });
-      return P({
-        cachedBounds: u,
-        containerScrollOffset: S,
-        containerSize: p,
-        itemCount: o,
-        overscanCount: c
+      return ee({
+        cachedBounds: h,
+        containerScrollOffset: O,
+        containerSize: x,
+        itemCount: i,
+        overscanCount: o
       });
     },
     [
-      u,
+      h,
       e,
-      p,
+      x,
       r,
       n,
-      o,
-      c
+      i,
+      o
     ]
   );
-  q(() => {
-    const g = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
-    O($(g));
-  }, [e, r, $]), q(() => {
+  J(() => {
+    const p = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
+    j(m(p));
+  }, [e, r, m]), J(() => {
     if (!e)
       return;
-    const g = () => {
-      O((S) => {
-        const { scrollLeft: E, scrollTop: b } = e, v = Z({
+    const p = () => {
+      j((O) => {
+        const { scrollLeft: M, scrollTop: S } = e, b = C({
           containerElement: e,
           direction: r,
           isRtl: n,
-          scrollOffset: r === "vertical" ? b : E
-        }), R = P({
-          cachedBounds: u,
-          containerScrollOffset: v,
-          containerSize: p,
-          itemCount: o,
-          overscanCount: c
+          scrollOffset: r === "vertical" ? S : M
+        }), w = ee({
+          cachedBounds: h,
+          containerScrollOffset: b,
+          containerSize: x,
+          itemCount: i,
+          overscanCount: o
         });
-        return Y(R, S) ? S : R;
+        return X(w, O) ? O : w;
       });
     };
-    return e.addEventListener("scroll", g), () => {
-      e.removeEventListener("scroll", g);
+    return e.addEventListener("scroll", p), () => {
+      e.removeEventListener("scroll", p);
     };
   }, [
-    u,
+    h,
     e,
-    p,
+    x,
     r,
-    o,
-    c
+    i,
+    o
   ]);
-  const y = ae(
+  const G = de(
     ({
-      align: g = "auto",
-      containerScrollOffset: S,
-      index: E
+      align: p = "auto",
+      containerScrollOffset: O,
+      index: M
     }) => {
-      let b = we({
-        align: g,
-        cachedBounds: u,
-        containerScrollOffset: S,
-        containerSize: p,
-        index: E,
-        itemCount: o,
+      let S = Oe({
+        align: p,
+        cachedBounds: h,
+        containerScrollOffset: O,
+        containerSize: x,
+        index: M,
+        itemCount: i,
         itemSize: I
       });
       if (e) {
-        if (b = Z({
+        if (S = C({
           containerElement: e,
           direction: r,
           isRtl: n,
-          scrollOffset: b
+          scrollOffset: S
         }), typeof e.scrollTo != "function") {
-          const v = $(b);
-          Y(m, v) || O(v);
+          const b = m(S);
+          X(u, b) || j(b);
         }
-        return b;
+        return S;
       }
     }
   );
   return {
-    getCellBounds: w,
-    getEstimatedSize: z,
-    scrollToIndex: y,
-    startIndexOverscan: x,
-    startIndexVisible: G,
-    stopIndexOverscan: V,
-    stopIndexVisible: F
+    getCellBounds: z,
+    getEstimatedSize: U,
+    scrollToIndex: G,
+    startIndexOverscan: E,
+    startIndexVisible: T,
+    stopIndexOverscan: v,
+    stopIndexVisible: D
   };
 }
-function de(e) {
-  return A(() => e, Object.values(e));
+function he(e) {
+  return R(() => e, Object.values(e));
 }
-function ue(e, t) {
+function pe(e, t) {
   const {
     ariaAttributes: s,
     style: r,
     ...n
   } = e, {
-    ariaAttributes: o,
-    style: i,
+    ariaAttributes: i,
+    style: l,
     ...f
   } = t;
-  return Y(s, o) && Y(r, i) && Y(n, f);
+  return X(s, i) && X(r, l) && X(n, f);
 }
-function Ee({
+function Ve({
   cellComponent: e,
   cellProps: t,
   children: s,
   className: r,
   columnCount: n,
-  columnWidth: o,
-  defaultHeight: i = 0,
-  defaultWidth: f = 0,
-  dir: l,
-  gridRef: c,
-  onCellsRendered: d,
-  onResize: a,
-  overscanCount: h = 3,
-  rowCount: p,
-  rowHeight: I,
+  columnKey: i,
+  columnWidth: l,
+  defaultHeight: f = 0,
+  defaultWidth: a = 0,
+  dir: o,
+  gridRef: d,
+  onCellsRendered: c,
+  onResize: g,
+  overscanCount: x = 3,
+  rowCount: I,
+  rowHeight: h,
+  rowKey: z,
   style: u,
-  tagName: w = "div",
-  ...m
+  tagName: j = "div",
+  ...T
 }) {
-  const O = de(t), G = A(
-    () => le(e, ue),
+  const E = he(t), D = R(
+    () => ae(e, pe),
     [e]
-  ), [x, F] = M(null), V = ve(x, l), {
-    getCellBounds: z,
-    getEstimatedSize: $,
-    startIndexOverscan: y,
-    startIndexVisible: g,
+  ), [v, U] = L(null), m = Ie(v, o), {
+    getCellBounds: G,
+    getEstimatedSize: p,
+    startIndexOverscan: O,
+    startIndexVisible: M,
     scrollToIndex: S,
-    stopIndexOverscan: E,
-    stopIndexVisible: b
-  } = te({
-    containerElement: x,
+    stopIndexOverscan: b,
+    stopIndexVisible: w
+  } = re({
+    containerElement: v,
     containerStyle: u,
-    defaultContainerSize: f,
+    defaultContainerSize: a,
     direction: "horizontal",
-    isRtl: V,
+    isRtl: m,
     itemCount: n,
-    itemProps: O,
-    itemSize: o,
-    onResize: a,
-    overscanCount: h
+    itemProps: E,
+    itemSize: l,
+    onResize: g,
+    overscanCount: x
   }), {
-    getCellBounds: v,
-    getEstimatedSize: R,
-    startIndexOverscan: k,
-    startIndexVisible: ne,
-    scrollToIndex: Q,
-    stopIndexOverscan: _,
-    stopIndexVisible: oe
-  } = te({
-    containerElement: x,
+    getCellBounds: V,
+    getEstimatedSize: _,
+    startIndexOverscan: N,
+    startIndexVisible: oe,
+    scrollToIndex: K,
+    stopIndexOverscan: Y,
+    stopIndexVisible: le
+  } = re({
+    containerElement: v,
     containerStyle: u,
-    defaultContainerSize: i,
+    defaultContainerSize: f,
     direction: "vertical",
-    itemCount: p,
-    itemProps: O,
-    itemSize: I,
-    onResize: a,
-    overscanCount: h
+    itemCount: I,
+    itemProps: E,
+    itemSize: h,
+    onResize: g,
+    overscanCount: x
   });
-  ce(
-    c,
+  fe(
+    d,
     () => ({
       get element() {
-        return x;
+        return v;
       },
       scrollToCell({
-        behavior: H = "auto",
-        columnAlign: T = "auto",
-        columnIndex: W,
-        rowAlign: B = "auto",
-        rowIndex: j
+        behavior: $ = "auto",
+        columnAlign: y = "auto",
+        columnIndex: H,
+        rowAlign: W = "auto",
+        rowIndex: A
       }) {
-        const N = S({
-          align: T,
-          containerScrollOffset: x?.scrollLeft ?? 0,
-          index: W
-        }), ge = Q({
-          align: B,
-          containerScrollOffset: x?.scrollTop ?? 0,
-          index: j
+        const q = S({
+          align: y,
+          containerScrollOffset: v?.scrollLeft ?? 0,
+          index: H
+        }), ve = K({
+          align: W,
+          containerScrollOffset: v?.scrollTop ?? 0,
+          index: A
         });
-        typeof x?.scrollTo == "function" && x.scrollTo({
-          behavior: H,
-          left: N,
-          top: ge
+        typeof v?.scrollTo == "function" && v.scrollTo({
+          behavior: $,
+          left: q,
+          top: ve
         });
       },
       scrollToColumn({
-        align: H = "auto",
-        behavior: T = "auto",
-        index: W
+        align: $ = "auto",
+        behavior: y = "auto",
+        index: H
       }) {
-        const B = S({
-          align: H,
-          containerScrollOffset: x?.scrollLeft ?? 0,
-          index: W
+        const W = S({
+          align: $,
+          containerScrollOffset: v?.scrollLeft ?? 0,
+          index: H
         });
-        typeof x?.scrollTo == "function" && x.scrollTo({
-          behavior: T,
-          left: B
+        typeof v?.scrollTo == "function" && v.scrollTo({
+          behavior: y,
+          left: W
         });
       },
       scrollToRow({
-        align: H = "auto",
-        behavior: T = "auto",
-        index: W
+        align: $ = "auto",
+        behavior: y = "auto",
+        index: H
       }) {
-        const B = Q({
-          align: H,
-          containerScrollOffset: x?.scrollTop ?? 0,
-          index: W
+        const W = K({
+          align: $,
+          containerScrollOffset: v?.scrollTop ?? 0,
+          index: H
         });
-        typeof x?.scrollTo == "function" && x.scrollTo({
-          behavior: T,
-          top: B
+        typeof v?.scrollTo == "function" && v.scrollTo({
+          behavior: y,
+          top: W
         });
       }
     }),
-    [x, S, Q]
-  ), J(() => {
-    y >= 0 && E >= 0 && k >= 0 && _ >= 0 && d && d(
+    [v, S, K]
+  ), Z(() => {
+    O >= 0 && b >= 0 && N >= 0 && Y >= 0 && c && c(
       {
-        columnStartIndex: g,
-        columnStopIndex: b,
-        rowStartIndex: ne,
-        rowStopIndex: oe
+        columnStartIndex: M,
+        columnStopIndex: w,
+        rowStartIndex: oe,
+        rowStopIndex: le
       },
       {
-        columnStartIndex: y,
-        columnStopIndex: E,
-        rowStartIndex: k,
-        rowStopIndex: _
+        columnStartIndex: O,
+        columnStopIndex: b,
+        rowStartIndex: N,
+        rowStopIndex: Y
       }
     );
   }, [
-    d,
-    y,
-    g,
-    E,
+    c,
+    O,
+    M,
     b,
-    k,
-    ne,
-    _,
-    oe
+    w,
+    N,
+    oe,
+    Y,
+    le
   ]);
-  const he = A(() => {
-    const H = [];
-    if (n > 0 && p > 0)
-      for (let T = k; T <= _; T++) {
-        const W = v(T), B = [];
-        for (let j = y; j <= E; j++) {
-          const N = z(j);
-          B.push(
-            /* @__PURE__ */ X(
-              G,
+  const ge = R(() => {
+    const $ = [];
+    if (n > 0 && I > 0)
+      for (let y = N; y <= Y; y++) {
+        const H = V(y), W = [];
+        for (let A = O; A <= b; A++) {
+          const q = G(A);
+          W.push(
+            /* @__PURE__ */ Q(
+              D,
               {
-                ...O,
+                ...E,
                 ariaAttributes: {
-                  "aria-colindex": j + 1,
+                  "aria-colindex": A + 1,
                   role: "gridcell"
                 },
-                columnIndex: j,
-                key: j,
-                rowIndex: T,
+                columnIndex: A,
+                key: i ? i({
+                  columnIndex: A,
+                  data: E,
+                  rowIndex: y
+                }) : A,
+                rowIndex: y,
                 style: {
                   position: "absolute",
-                  left: V ? void 0 : 0,
-                  right: V ? 0 : void 0,
-                  transform: `translate(${V ? -N.scrollOffset : N.scrollOffset}px, ${W.scrollOffset}px)`,
-                  height: W.size,
-                  width: N.size
+                  left: m ? void 0 : 0,
+                  right: m ? 0 : void 0,
+                  transform: `translate(${m ? -q.scrollOffset : q.scrollOffset}px, ${H.scrollOffset}px)`,
+                  height: H.size,
+                  width: q.size
                 }
               }
             )
           );
         }
-        H.push(
-          /* @__PURE__ */ ee("div", { role: "row", "aria-rowindex": T + 1, children: B }, T)
+        $.push(
+          /* @__PURE__ */ se(
+            "div",
+            {
+              role: "row",
+              "aria-rowindex": y + 1,
+              children: W
+            },
+            z ? z({
+              data: E,
+              rowIndex: y
+            }) : y
+          )
         );
       }
-    return H;
+    return $;
   }, [
-    G,
-    O,
-    n,
-    y,
+    D,
     E,
-    z,
-    v,
+    n,
+    i,
+    O,
+    b,
+    G,
     V,
-    p,
-    k,
-    _
-  ]), pe = /* @__PURE__ */ ee(
+    m,
+    I,
+    z,
+    N,
+    Y
+  ]), xe = /* @__PURE__ */ se(
     "div",
     {
       "aria-hidden": !0,
       style: {
-        height: R(),
-        width: $(),
+        height: _(),
+        width: p(),
         zIndex: -1
       }
     }
   );
-  return X(
-    w,
+  return Q(
+    j,
     {
       "aria-colcount": n,
-      "aria-rowcount": p,
+      "aria-rowcount": I,
       role: "grid",
-      ...m,
+      ...T,
       className: r,
-      dir: l,
-      ref: F,
+      dir: o,
+      ref: U,
       style: {
         position: "relative",
         maxHeight: "100%",
@@ -693,136 +712,137 @@ function Ee({
         ...u
       }
     },
-    he,
+    ge,
     s,
-    pe
+    xe
   );
 }
-const Re = M, Ve = K;
-function ze(e) {
+const Ae = L, ke = P;
+function Te(e) {
   return e != null && typeof e == "object" && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-const se = "data-react-window-index";
-function Ae({
+const ne = "data-react-window-index";
+function Le({
   children: e,
   className: t,
   defaultHeight: s = 0,
   listRef: r,
   onResize: n,
-  onRowsRendered: o,
-  overscanCount: i = 3,
+  onRowsRendered: i,
+  overscanCount: l = 3,
   rowComponent: f,
-  rowCount: l,
-  rowHeight: c,
-  rowProps: d,
-  tagName: a = "div",
-  style: h,
-  ...p
+  rowCount: a,
+  rowHeight: o,
+  rowKey: d,
+  rowProps: c,
+  tagName: g = "div",
+  style: x,
+  ...I
 }) {
-  const I = de(d), u = A(
-    () => le(f, ue),
+  const h = he(c), z = R(
+    () => ae(f, pe),
     [f]
-  ), [w, m] = M(null), O = ze(c), G = A(() => O ? (b) => c.getRowHeight(b) ?? c.getAverageRowHeight() : c, [O, c]), {
-    getCellBounds: x,
-    getEstimatedSize: F,
-    scrollToIndex: V,
-    startIndexOverscan: z,
-    startIndexVisible: $,
-    stopIndexOverscan: y,
-    stopIndexVisible: g
-  } = te({
-    containerElement: w,
-    containerStyle: h,
+  ), [u, j] = L(null), T = Te(o), E = R(() => T ? (b) => o.getRowHeight(b) ?? o.getAverageRowHeight() : o, [T, o]), {
+    getCellBounds: D,
+    getEstimatedSize: v,
+    scrollToIndex: U,
+    startIndexOverscan: m,
+    startIndexVisible: G,
+    stopIndexOverscan: p,
+    stopIndexVisible: O
+  } = re({
+    containerElement: u,
+    containerStyle: x,
     defaultContainerSize: s,
     direction: "vertical",
-    itemCount: l,
-    itemProps: I,
-    itemSize: G,
+    itemCount: a,
+    itemProps: h,
+    itemSize: E,
     onResize: n,
-    overscanCount: i
+    overscanCount: l
   });
-  ce(
+  fe(
     r,
     () => ({
       get element() {
-        return w;
+        return u;
       },
       scrollToRow({
         align: b = "auto",
-        behavior: v = "auto",
-        index: R
+        behavior: w = "auto",
+        index: V
       }) {
-        const k = V({
+        const _ = U({
           align: b,
-          containerScrollOffset: w?.scrollTop ?? 0,
-          index: R
+          containerScrollOffset: u?.scrollTop ?? 0,
+          index: V
         });
-        typeof w?.scrollTo == "function" && w.scrollTo({
-          behavior: v,
-          top: k
+        typeof u?.scrollTo == "function" && u.scrollTo({
+          behavior: w,
+          top: _
         });
       }
     }),
-    [w, V]
-  ), q(() => {
-    if (!w)
+    [u, U]
+  ), J(() => {
+    if (!u)
       return;
-    const b = Array.from(w.children).filter((v, R) => {
-      if (v.hasAttribute("aria-hidden"))
+    const b = Array.from(u.children).filter((w, V) => {
+      if (w.hasAttribute("aria-hidden"))
         return !1;
-      const k = `${z + R}`;
-      return v.setAttribute(se, k), !0;
+      const _ = `${m + V}`;
+      return w.setAttribute(ne, _), !0;
     });
-    if (O)
-      return c.observeRowElements(b);
+    if (T)
+      return o.observeRowElements(b);
   }, [
-    w,
-    O,
-    c,
-    z,
-    y
-  ]), J(() => {
-    z >= 0 && y >= 0 && o && o(
+    u,
+    T,
+    o,
+    m,
+    p
+  ]), Z(() => {
+    m >= 0 && p >= 0 && i && i(
       {
-        startIndex: $,
-        stopIndex: g
+        startIndex: G,
+        stopIndex: O
       },
       {
-        startIndex: z,
-        stopIndex: y
+        startIndex: m,
+        stopIndex: p
       }
     );
   }, [
-    o,
-    z,
-    $,
-    y,
-    g
+    i,
+    m,
+    G,
+    p,
+    O
   ]);
-  const S = A(() => {
+  const M = R(() => {
     const b = [];
-    if (l > 0)
-      for (let v = z; v <= y; v++) {
-        const R = x(v);
+    if (a > 0)
+      for (let w = m; w <= p; w++) {
+        const V = D(w);
         b.push(
-          /* @__PURE__ */ X(
-            u,
+          /* @__PURE__ */ Q(
+            z,
             {
-              ...I,
+              ...h,
               ariaAttributes: {
-                "aria-posinset": v + 1,
-                "aria-setsize": l,
+                "aria-posinset": w + 1,
+                "aria-setsize": a,
                 role: "listitem"
               },
-              key: v,
-              index: v,
+              key: d ? d(w, h) : w,
+              index: w,
               style: {
                 position: "absolute",
                 left: 0,
-                transform: `translateY(${R.scrollOffset}px)`,
+                transform: `translateY(${V.scrollOffset}px)`,
                 // In case of dynamic row heights, don't specify a height style
                 // otherwise a default/estimated height would mask the actual height
-                height: O ? void 0 : R.size,
+                height: T ? void 0 : V.size,
                 width: "100%"
               }
             }
@@ -831,49 +851,50 @@ function Ae({
       }
     return b;
   }, [
-    u,
-    x,
-    O,
-    l,
-    I,
     z,
-    y
-  ]), E = /* @__PURE__ */ ee(
+    D,
+    T,
+    a,
+    d,
+    h,
+    m,
+    p
+  ]), S = /* @__PURE__ */ se(
     "div",
     {
       "aria-hidden": !0,
       style: {
-        height: F(),
+        height: v(),
         width: "100%",
         zIndex: -1
       }
     }
   );
-  return X(
-    a,
+  return Q(
+    g,
     {
       role: "list",
-      ...p,
+      ...I,
       className: t,
-      ref: m,
+      ref: j,
       style: {
         position: "relative",
         maxHeight: "100%",
         flexGrow: 1,
         overflowY: "auto",
-        ...h
+        ...x
       }
     },
-    S,
+    M,
     e,
-    E
+    S
   );
 }
-function ke({
+function Me({
   defaultRowHeight: e,
   key: t
 }) {
-  const [s, r] = M({
+  const [s, r] = L({
     key: t,
     map: /* @__PURE__ */ new Map()
   });
@@ -881,83 +902,83 @@ function ke({
     key: t,
     map: /* @__PURE__ */ new Map()
   });
-  const { map: n } = s, o = D(() => {
-    let a = 0;
-    return n.forEach((h) => {
-      a += h;
-    }), a === 0 ? e : a / n.size;
-  }, [e, n]), i = D(
-    (a) => {
-      const h = n.get(a);
-      return h !== void 0 ? h : (n.set(a, e), e);
+  const { map: n } = s, i = B(() => {
+    let c = 0;
+    return n.forEach((g) => {
+      c += g;
+    }), c === 0 ? e : c / n.size;
+  }, [e, n]), l = B(
+    (c) => {
+      const g = n.get(c);
+      return g !== void 0 ? g : (n.set(c, e), e);
     },
     [e, n]
-  ), f = D((a, h) => {
-    r((p) => {
-      if (p.map.get(a) === h)
-        return p;
-      const I = new Map(p.map);
-      return I.set(a, h), {
-        ...p,
+  ), f = B((c, g) => {
+    r((x) => {
+      if (x.map.get(c) === g)
+        return x;
+      const I = new Map(x.map);
+      return I.set(c, g), {
+        ...x,
         map: I
       };
     });
-  }, []), l = ae(
-    (a) => {
-      a.length !== 0 && a.forEach((h) => {
-        const { borderBoxSize: p, target: I } = h, u = I.getAttribute(se);
-        L(
-          u !== null,
-          `Invalid ${se} attribute value`
+  }, []), a = de(
+    (c) => {
+      c.length !== 0 && c.forEach((g) => {
+        const { borderBoxSize: x, target: I } = g, h = I.getAttribute(ne);
+        k(
+          h !== null,
+          `Invalid ${ne} attribute value`
         );
-        const w = parseInt(u), { blockSize: m } = p[0];
-        m && f(w, m);
+        const z = parseInt(h), { blockSize: u } = x[0];
+        u && f(z, u);
       });
     }
-  ), [c] = M(() => {
+  ), [o] = L(() => {
     if (typeof ResizeObserver < "u")
-      return new ResizeObserver(l);
+      return new ResizeObserver(a);
   });
-  J(() => {
-    if (c)
+  Z(() => {
+    if (o)
       return () => {
-        c.disconnect();
+        o.disconnect();
       };
-  }, [c]);
-  const d = D(
-    (a) => c ? (a.forEach((h) => c.observe(h)), () => {
-      a.forEach((h) => c.unobserve(h));
+  }, [o]);
+  const d = B(
+    (c) => o ? (c.forEach((g) => o.observe(g)), () => {
+      c.forEach((g) => o.unobserve(g));
     }) : () => {
     },
-    [c]
+    [o]
   );
-  return A(
+  return R(
     () => ({
-      getAverageRowHeight: o,
-      getRowHeight: i,
+      getAverageRowHeight: i,
+      getRowHeight: l,
       setRowHeight: f,
       observeRowElements: d
     }),
-    [o, i, f, d]
+    [i, l, f, d]
   );
 }
-const Le = M, Me = K;
-let C = -1;
-function $e(e = !1) {
-  if (C === -1 || e) {
+const $e = L, He = P;
+let te = -1;
+function We(e = !1) {
+  if (te === -1 || e) {
     const t = document.createElement("div"), s = t.style;
-    s.width = "50px", s.height = "50px", s.overflow = "scroll", document.body.appendChild(t), C = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+    s.width = "50px", s.height = "50px", s.overflow = "scroll", document.body.appendChild(t), te = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
   }
-  return C;
+  return te;
 }
 export {
-  Ee as Grid,
-  Ae as List,
-  $e as getScrollbarSize,
-  ke as useDynamicRowHeight,
-  Re as useGridCallbackRef,
-  Ve as useGridRef,
-  Le as useListCallbackRef,
-  Me as useListRef
+  Ve as Grid,
+  Le as List,
+  We as getScrollbarSize,
+  Me as useDynamicRowHeight,
+  Ae as useGridCallbackRef,
+  ke as useGridRef,
+  $e as useListCallbackRef,
+  He as useListRef
 };
 //# sourceMappingURL=react-window.js.map