react-window 2.3.3 → 2.3.4

package/dist/react-window.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as oe } from "react/jsx-runtime";
-import { useState as V, useLayoutEffect as ce, useEffect as te, useMemo as H, useRef as q, useCallback as $, memo as fe, useImperativeHandle as de, createElement as C } from "react";
-function be(e) {
+import { jsx as re } from "react/jsx-runtime";
+import { useState as H, useLayoutEffect as oe, useEffect as ee, useMemo as W, useRef as G, useCallback as $, memo as ue, useImperativeHandle as he, createElement as K } from "react";
+function Oe(e) {
   let t = e;
   for (; t; ) {
     if (t.dir)
@@ -11,13 +11,19 @@ function be(e) {
   return !1;
 }
 function me(e, t) {
-  const [s, r] = V(t === "rtl");
-  return ce(() => {
-    t ? r(t === "rtl") : e && r(be(e));
+  const [s, r] = H(t === "rtl");
+  return oe(() => {
+    t ? r(t === "rtl") : e && r(Oe(e));
   }, [t, e]), s;
 }
-const Y = typeof window < "u" ? ce : te;
-function ae(e) {
+const Y = typeof window < "u" ? oe : ee;
+function ie(e) {
+  return e?.ownerDocument.defaultView ?? window;
+}
+function ve(e) {
+  return ie(e).ResizeObserver ?? (typeof ResizeObserver < "u" ? ResizeObserver : void 0);
+}
+function le(e) {
   if (e !== void 0)
     switch (typeof e) {
       case "number":
@@ -29,80 +35,84 @@ function ae(e) {
       }
     }
 }
-function we({
+function ze({
   box: e,
   defaultHeight: t,
   defaultWidth: s,
   disabled: r,
   element: n,
-  mode: o,
-  style: d
+  mode: i,
+  style: l
 }) {
-  const { styleHeight: l, styleWidth: c } = H(
+  const { styleHeight: a, styleWidth: c } = W(
     () => ({
-      styleHeight: ae(d?.height),
-      styleWidth: ae(d?.width)
+      styleHeight: le(l?.height),
+      styleWidth: le(l?.width)
     }),
-    [d?.height, d?.width]
-  ), [f, a] = V({
+    [l?.height, l?.width]
+  ), [f, h] = H({
     height: t,
     width: s
-  }), i = r || o === "only-height" && l !== void 0 || o === "only-width" && c !== void 0 || l !== void 0 && c !== void 0;
+  }), o = r || i === "only-height" && a !== void 0 || i === "only-width" && c !== void 0 || a !== void 0 && c !== void 0;
   return Y(() => {
-    if (n === null || i)
+    if (n === null || o)
       return;
-    const u = new ResizeObserver((h) => {
-      for (const x of h) {
-        const { contentRect: p, target: w } = x;
-        n === w && a((g) => g.height === p.height && g.width === p.width ? g : {
-          height: p.height,
-          width: p.width
+    const u = ve(n);
+    if (!u)
+      return;
+    const d = new u((p) => {
+      for (const v of p) {
+        const { contentRect: x, target: g } = v;
+        n === g && h((z) => z.height === x.height && z.width === x.width ? z : {
+          height: x.height,
+          width: x.width
         });
       }
     });
-    return u.observe(n, { box: e }), () => {
-      u?.unobserve(n);
+    return d.observe(n, { box: e }), () => {
+      d?.unobserve(n);
     };
-  }, [e, i, n, l, c]), H(
+  }, [e, o, n, a, c]), W(
     () => ({
-      height: l ?? f.height,
+      height: a ?? f.height,
       width: c ?? f.width
     }),
-    [f, l, c]
+    [f, a, c]
   );
 }
-function ee(e) {
-  const t = q(() => {
+function J(e) {
+  const t = G(() => {
     throw new Error("Cannot call an event handler while rendering.");
   });
   return Y(() => {
     t.current = e;
   }, [e]), $((...s) => t.current?.(...s), [t]);
 }
-let N = null;
-function Ie(e = !1) {
-  if (N === 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 ? N = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? N = "negative" : N = "positive-ascending"), document.body.removeChild(t), N;
+const ae = /* @__PURE__ */ new WeakMap();
+function ye(e = !1, t = document) {
+  let s = ae.get(t);
+  if (s === void 0 || e) {
+    const r = t.createElement("div"), n = r.style;
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
+    const i = t.createElement("div"), l = i.style;
+    l.width = "100px", l.height = "100px", r.appendChild(i), t.body.appendChild(r), r.scrollLeft > 0 ? s = "positive-descending" : (r.scrollLeft = 1, r.scrollLeft === 0 ? s = "negative" : s = "positive-ascending"), t.body.removeChild(r), ae.set(t, s);
   }
-  return N;
+  return s;
 }
-function K({
+function P({
   containerElement: e,
   direction: t,
   isRtl: s,
   scrollOffset: r
 }) {
   if (t === "horizontal" && s)
-    switch (Ie()) {
+    switch (ye(!1, e?.ownerDocument ?? document)) {
       case "negative":
         return -r;
       case "positive-descending": {
         if (e) {
-          const { clientWidth: n, scrollWidth: o } = e;
-          return o - n - r;
+          const { clientWidth: n, scrollWidth: i } = e;
+          return i - n - r;
         }
         break;
       }
@@ -113,7 +123,7 @@ function L(e, t = "Assertion error") {
   if (!e)
     throw console.error(t), Error(t);
 }
-function _(e, t) {
+function N(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))
@@ -123,7 +133,7 @@ function _(e, t) {
       return !1;
   return !0;
 }
-function ue({
+function pe({
   cachedBounds: e,
   itemCount: t,
   itemSize: s
@@ -141,56 +151,56 @@ function ue({
     return t * n;
   }
 }
-function Oe({
+function Se({
   align: e,
   cachedBounds: t,
   index: s,
   itemCount: r,
   itemSize: n,
-  containerScrollOffset: o,
-  containerSize: d
+  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 l = t.get(s), c = ue({
+  const a = t.get(s), c = pe({
     cachedBounds: t,
     itemCount: r,
     itemSize: n
   }), f = Math.max(
     0,
-    Math.min(c - d, l.scrollOffset)
-  ), a = Math.max(
+    Math.min(c - l, a.scrollOffset)
+  ), h = Math.max(
     0,
-    l.scrollOffset - d + l.size
-  ), i = l.size > d ? o >= l.scrollOffset && o <= a : o >= a && o <= l.scrollOffset;
-  switch (e === "smart" && (e = i ? "auto" : "center"), e) {
+    a.scrollOffset - l + a.size
+  ), o = a.size > l ? i >= a.scrollOffset && i <= h : i >= h && i <= a.scrollOffset;
+  switch (e === "smart" && (e = o ? "auto" : "center"), e) {
     case "start":
       return f;
     case "end":
-      return a;
+      return h;
     case "center":
       return Math.max(
         0,
         Math.min(
-          c - d,
-          l.scrollOffset + l.size / 2 - d / 2
+          c - l,
+          a.scrollOffset + a.size / 2 - l / 2
         )
       );
     case "auto":
     default:
-      return i ? o : o < a ? a : f;
+      return o ? i : i < h ? h : f;
   }
 }
-function re({
+function se({
   cachedBounds: e,
   containerScrollOffset: t,
   containerSize: s,
   itemCount: r,
   overscanCount: n
 }) {
-  const o = r - 1;
+  const i = r - 1;
   if (r === 0)
     return {
       startIndexVisible: 0,
@@ -198,45 +208,45 @@ function re({
       startIndexOverscan: 0,
       stopIndexOverscan: -1
     };
-  let d, l;
+  let l, a;
   const { itemSize: c } = e;
   if (c !== void 0 && c > 0)
-    d = Math.max(
+    l = Math.max(
       0,
-      Math.min(o, Math.floor(t / c))
-    ), l = Math.max(
-      d,
+      Math.min(i, Math.floor(t / c))
+    ), a = Math.max(
+      l,
       Math.min(
-        o,
+        i,
         Math.ceil((t + s) / c) - 1
       )
     );
   else {
-    let f = 0, a = Math.min(o, Math.max(0, e.size - 1));
-    for (; f < a; ) {
-      const i = Math.floor((f + a) / 2), u = e.get(i);
-      u.scrollOffset + u.size > t ? a = i : f = i + 1;
+    let f = 0, h = Math.min(i, Math.max(0, e.size - 1));
+    for (; f < h; ) {
+      const o = Math.floor((f + h) / 2), u = e.get(o);
+      u.scrollOffset + u.size > t ? h = o : f = o + 1;
     }
-    for (; f < o; ) {
-      const i = e.get(f);
-      if (i.scrollOffset + i.size > t) break;
+    for (; f < i; ) {
+      const o = e.get(f);
+      if (o.scrollOffset + o.size > t) break;
       f++;
     }
-    for (d = f, l = f; l < o; ) {
-      const i = e.get(l);
-      if (i.scrollOffset + i.size >= t + s)
+    for (l = f, a = f; a < i; ) {
+      const o = e.get(a);
+      if (o.scrollOffset + o.size >= t + s)
         break;
-      l++;
+      a++;
     }
   }
   return {
-    startIndexVisible: d,
-    stopIndexVisible: l,
-    startIndexOverscan: Math.max(0, d - n),
-    stopIndexOverscan: Math.min(o, l + n)
+    startIndexVisible: l,
+    stopIndexVisible: a,
+    startIndexOverscan: Math.max(0, l - n),
+    stopIndexOverscan: Math.min(i, a + n)
   };
 }
-function ze({
+function Te({
   itemCount: e,
   itemProps: t,
   itemSize: s
@@ -247,48 +257,48 @@ function ze({
     get(n) {
       if (L(n < e, `Invalid index ${n}`), typeof s == "number") {
         L(n >= 0, `Invalid index ${n}`);
-        let d = r.get(n);
-        return d === void 0 && (d = { size: s, scrollOffset: n * s }, r.set(n, d)), d;
+        let l = r.get(n);
+        return l === void 0 && (l = { size: s, scrollOffset: n * s }, r.set(n, l)), l;
       }
       for (; r.size - 1 < n; ) {
-        const d = r.size, l = s(d, t);
-        if (d === 0)
-          r.set(d, {
-            size: l,
+        const l = r.size, a = s(l, t);
+        if (l === 0)
+          r.set(l, {
+            size: a,
             scrollOffset: 0
           });
         else {
-          const c = r.get(d - 1);
+          const c = r.get(l - 1);
           L(
             c !== void 0,
             `Unexpected bounds cache miss for index ${n}`
-          ), r.set(d, {
+          ), r.set(l, {
             scrollOffset: c.scrollOffset + c.size,
-            size: l
+            size: a
           });
         }
       }
-      const o = r.get(n);
+      const i = r.get(n);
       return L(
-        o !== void 0,
+        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 ye({
+function Me({
   itemCount: e,
   itemProps: t,
   itemSize: s
 }) {
-  return H(
-    () => ze({
+  return W(
+    () => Te({
       itemCount: e,
       itemProps: t,
       itemSize: s
@@ -296,7 +306,7 @@ function ye({
     [e, t, s]
   );
 }
-function Se({
+function Ee({
   containerSize: e,
   itemSize: t
 }) {
@@ -319,346 +329,346 @@ function Se({
   }
   return s;
 }
-function ie({
+function ne({
   containerElement: e,
   containerStyle: t,
   defaultContainerSize: s = 0,
   direction: r,
   isRtl: n = !1,
-  itemCount: o,
-  itemProps: d,
-  itemSize: l,
+  itemCount: i,
+  itemProps: l,
+  itemSize: a,
   onResize: c,
   overscanCount: f
 }) {
-  const { height: a = s, width: i = s } = we({
+  const { height: h = s, width: o = s } = ze({
     defaultHeight: r === "vertical" ? s : void 0,
     defaultWidth: r === "horizontal" ? s : void 0,
     element: e,
     mode: r === "vertical" ? "only-height" : "only-width",
     style: t
-  }), u = q({
+  }), u = G({
     height: 0,
     width: 0
-  }), h = r === "vertical" ? a : i, x = Se({ containerSize: h, itemSize: l });
-  ce(() => {
+  }), d = r === "vertical" ? h : o, p = Ee({ containerSize: d, itemSize: a });
+  oe(() => {
     if (typeof c == "function") {
-      const v = u.current;
-      (v.height !== a || v.width !== i) && (c({ height: a, width: i }, { ...v }), v.height = a, v.width = i);
+      const b = u.current;
+      (b.height !== h || b.width !== o) && (c({ height: h, width: o }, { ...b }), b.height = h, b.width = o);
     }
-  }, [a, c, i]);
-  const p = ye({
-    itemCount: o,
-    itemProps: d,
-    itemSize: x
-  }), w = $(
-    (v) => p.get(v),
-    [p]
-  ), [g, B] = V(
-    () => re({
-      cachedBounds: p,
+  }, [h, c, o]);
+  const v = Me({
+    itemCount: i,
+    itemProps: l,
+    itemSize: p
+  }), x = $(
+    (b) => v.get(b),
+    [v]
+  ), [g, z] = H(
+    () => se({
+      cachedBounds: v,
       // TODO Potentially support a defaultScrollOffset prop?
       containerScrollOffset: 0,
-      containerSize: h,
-      itemCount: o,
+      containerSize: d,
+      itemCount: i,
       overscanCount: f
     })
   ), {
-    startIndexVisible: T,
+    startIndexVisible: M,
     startIndexOverscan: E,
     stopIndexVisible: F,
-    stopIndexOverscan: b
+    stopIndexOverscan: w
   } = {
-    startIndexVisible: Math.min(o - 1, g.startIndexVisible),
-    startIndexOverscan: Math.min(o - 1, g.startIndexOverscan),
-    stopIndexVisible: Math.min(o - 1, g.stopIndexVisible),
-    stopIndexOverscan: Math.min(o - 1, g.stopIndexOverscan)
-  }, X = $(
-    () => ue({
-      cachedBounds: p,
-      itemCount: o,
-      itemSize: x
+    startIndexVisible: Math.min(i - 1, g.startIndexVisible),
+    startIndexOverscan: Math.min(i - 1, g.startIndexOverscan),
+    stopIndexVisible: Math.min(i - 1, g.stopIndexVisible),
+    stopIndexOverscan: Math.min(i - 1, g.stopIndexOverscan)
+  }, D = $(
+    () => pe({
+      cachedBounds: v,
+      itemCount: i,
+      itemSize: p
     }),
-    [p, o, x]
-  ), m = $(
-    (v) => {
-      const I = K({
+    [v, i, p]
+  ), I = $(
+    (b) => {
+      const O = P({
         containerElement: e,
         direction: r,
         isRtl: n,
-        scrollOffset: v
+        scrollOffset: b
       });
-      return re({
-        cachedBounds: p,
-        containerScrollOffset: I,
-        containerSize: h,
-        itemCount: o,
+      return se({
+        cachedBounds: v,
+        containerScrollOffset: O,
+        containerSize: d,
+        itemCount: i,
         overscanCount: f
       });
     },
     [
-      p,
+      v,
       e,
-      h,
+      d,
       r,
       n,
-      o,
+      i,
       f
     ]
   );
   Y(() => {
-    const v = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
-    B(m(v));
-  }, [e, r, m]), Y(() => {
+    const b = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
+    z(I(b));
+  }, [e, r, I]), Y(() => {
     if (!e)
       return;
-    const v = () => {
-      B((I) => {
-        const { scrollLeft: R, scrollTop: z } = e, y = K({
+    const b = () => {
+      z((O) => {
+        const { scrollLeft: V, scrollTop: y } = e, S = P({
           containerElement: e,
           direction: r,
           isRtl: n,
-          scrollOffset: r === "vertical" ? z : R
-        }), G = re({
-          cachedBounds: p,
-          containerScrollOffset: y,
-          containerSize: h,
-          itemCount: o,
+          scrollOffset: r === "vertical" ? y : V
+        }), q = se({
+          cachedBounds: v,
+          containerScrollOffset: S,
+          containerSize: d,
+          itemCount: i,
           overscanCount: f
         });
-        return _(G, I) ? I : G;
+        return N(q, O) ? O : q;
       });
     };
-    return e.addEventListener("scroll", v), () => {
-      e.removeEventListener("scroll", v);
+    return e.addEventListener("scroll", b), () => {
+      e.removeEventListener("scroll", b);
     };
   }, [
-    p,
+    v,
     e,
-    h,
+    d,
     r,
     n,
-    o,
+    i,
     f
   ]);
-  const U = ee(
+  const _ = J(
     ({
-      align: v = "auto",
-      containerScrollOffset: I,
-      index: R
+      align: b = "auto",
+      containerScrollOffset: O,
+      index: V
     }) => {
-      let z = Oe({
-        align: v,
-        cachedBounds: p,
-        containerScrollOffset: K({
+      let y = Se({
+        align: b,
+        cachedBounds: v,
+        containerScrollOffset: P({
           containerElement: e,
           direction: r,
           isRtl: n,
-          scrollOffset: I
+          scrollOffset: O
         }),
-        containerSize: h,
-        index: R,
-        itemCount: o,
-        itemSize: x
+        containerSize: d,
+        index: V,
+        itemCount: i,
+        itemSize: p
       });
       if (e) {
-        if (z = K({
+        if (y = P({
           containerElement: e,
           direction: r,
           isRtl: n,
-          scrollOffset: z
+          scrollOffset: y
         }), typeof e.scrollTo != "function") {
-          const y = m(z);
-          _(g, y) || B(y);
+          const S = I(y);
+          N(g, S) || z(S);
         }
-        return z;
+        return y;
       }
     }
   );
   return {
-    getCellBounds: w,
-    getEstimatedSize: X,
-    scrollToIndex: U,
+    getCellBounds: x,
+    getEstimatedSize: D,
+    scrollToIndex: _,
     startIndexOverscan: E,
-    startIndexVisible: T,
-    stopIndexOverscan: b,
+    startIndexVisible: M,
+    stopIndexOverscan: w,
     stopIndexVisible: F
   };
 }
-function he(e) {
-  const [t, s] = V(e);
-  return _(t, e) ? t : (s(e), e);
+function ge(e) {
+  const [t, s] = H(e);
+  return N(t, e) ? t : (s(e), e);
 }
-function pe(e, t) {
+function be(e, t) {
   const {
     ariaAttributes: s,
     style: r,
     ...n
   } = e, {
-    ariaAttributes: o,
-    style: d,
-    ...l
+    ariaAttributes: i,
+    style: l,
+    ...a
   } = t;
-  return _(s, o) && _(r, d) && _(n, l);
+  return N(s, i) && N(r, l) && N(n, a);
 }
-function Le({
+function ke({
   cellComponent: e,
   cellProps: t,
   children: s,
   className: r,
   columnCount: n,
-  columnKey: o,
-  columnWidth: d,
-  defaultHeight: l = 0,
+  columnKey: i,
+  columnWidth: l,
+  defaultHeight: a = 0,
   defaultWidth: c = 0,
   dir: f,
-  gridRef: a,
-  onCellsRendered: i,
+  gridRef: h,
+  onCellsRendered: o,
   onResize: u,
-  overscanCount: h = 3,
-  rowCount: x,
-  rowHeight: p,
-  rowKey: w,
+  overscanCount: d = 3,
+  rowCount: p,
+  rowHeight: v,
+  rowKey: x,
   style: g,
-  tagName: B = "div",
-  ...T
+  tagName: z = "div",
+  ...M
 }) {
-  const E = he(t), F = H(
-    () => fe(e, pe),
+  const E = ge(t), F = W(
+    () => ue(e, be),
     [e]
-  ), [b, X] = V(null), m = me(b, f), {
-    getCellBounds: U,
-    getEstimatedSize: v,
-    startIndexOverscan: I,
-    startIndexVisible: R,
-    scrollToIndex: z,
-    stopIndexOverscan: y,
-    stopIndexVisible: G
-  } = ie({
-    containerElement: b,
+  ), [w, D] = H(null), I = me(w, f), {
+    getCellBounds: _,
+    getEstimatedSize: b,
+    startIndexOverscan: O,
+    startIndexVisible: V,
+    scrollToIndex: y,
+    stopIndexOverscan: S,
+    stopIndexVisible: q
+  } = ne({
+    containerElement: w,
     containerStyle: g,
     defaultContainerSize: c,
     direction: "horizontal",
-    isRtl: m,
+    isRtl: I,
     itemCount: n,
     itemProps: E,
-    itemSize: d,
+    itemSize: l,
     onResize: u,
-    overscanCount: h
+    overscanCount: d
   }), {
-    getCellBounds: M,
-    getEstimatedSize: S,
-    startIndexOverscan: A,
-    startIndexVisible: P,
-    scrollToIndex: se,
-    stopIndexOverscan: J,
-    stopIndexVisible: le
-  } = ie({
-    containerElement: b,
+    getCellBounds: A,
+    getEstimatedSize: T,
+    startIndexOverscan: R,
+    startIndexVisible: C,
+    scrollToIndex: te,
+    stopIndexOverscan: X,
+    stopIndexVisible: ce
+  } = ne({
+    containerElement: w,
     containerStyle: g,
-    defaultContainerSize: l,
+    defaultContainerSize: a,
     direction: "vertical",
-    itemCount: x,
+    itemCount: p,
     itemProps: E,
-    itemSize: p,
+    itemSize: v,
     onResize: u,
-    overscanCount: h
+    overscanCount: d
   });
-  de(
-    a,
+  he(
+    h,
     () => ({
       get element() {
-        return b;
+        return w;
       },
       scrollToCell({
-        behavior: W = "auto",
-        columnAlign: O = "auto",
-        columnIndex: j,
-        rowAlign: D = "auto",
+        behavior: j = "auto",
+        columnAlign: m = "auto",
+        columnIndex: B,
+        rowAlign: U = "auto",
         rowIndex: k
       }) {
-        const Q = z({
-          align: O,
-          containerScrollOffset: b?.scrollLeft ?? 0,
-          index: j
-        }), xe = se({
-          align: D,
-          containerScrollOffset: b?.scrollTop ?? 0,
+        const Z = y({
+          align: m,
+          containerScrollOffset: w?.scrollLeft ?? 0,
+          index: B
+        }), Ie = te({
+          align: U,
+          containerScrollOffset: w?.scrollTop ?? 0,
           index: k
         });
-        typeof b?.scrollTo == "function" && b.scrollTo({
-          behavior: W,
-          left: Q,
-          top: xe
+        typeof w?.scrollTo == "function" && w.scrollTo({
+          behavior: j,
+          left: Z,
+          top: Ie
         });
       },
       scrollToColumn({
-        align: W = "auto",
-        behavior: O = "auto",
-        index: j
+        align: j = "auto",
+        behavior: m = "auto",
+        index: B
       }) {
-        const D = z({
-          align: W,
-          containerScrollOffset: b?.scrollLeft ?? 0,
-          index: j
+        const U = y({
+          align: j,
+          containerScrollOffset: w?.scrollLeft ?? 0,
+          index: B
         });
-        typeof b?.scrollTo == "function" && b.scrollTo({
-          behavior: O,
-          left: D
+        typeof w?.scrollTo == "function" && w.scrollTo({
+          behavior: m,
+          left: U
         });
       },
       scrollToRow({
-        align: W = "auto",
-        behavior: O = "auto",
-        index: j
+        align: j = "auto",
+        behavior: m = "auto",
+        index: B
       }) {
-        const D = se({
-          align: W,
-          containerScrollOffset: b?.scrollTop ?? 0,
-          index: j
+        const U = te({
+          align: j,
+          containerScrollOffset: w?.scrollTop ?? 0,
+          index: B
         });
-        typeof b?.scrollTo == "function" && b.scrollTo({
-          behavior: O,
-          top: D
+        typeof w?.scrollTo == "function" && w.scrollTo({
+          behavior: m,
+          top: U
         });
       }
     }),
-    [b, z, se]
-  ), te(() => {
-    I >= 0 && y >= 0 && A >= 0 && J >= 0 && i && i(
+    [w, y, te]
+  ), ee(() => {
+    O >= 0 && S >= 0 && R >= 0 && X >= 0 && o && o(
       {
-        columnStartIndex: R,
-        columnStopIndex: G,
-        rowStartIndex: P,
-        rowStopIndex: le
+        columnStartIndex: V,
+        columnStopIndex: q,
+        rowStartIndex: C,
+        rowStopIndex: ce
       },
       {
-        columnStartIndex: I,
-        columnStopIndex: y,
-        rowStartIndex: A,
-        rowStopIndex: J
+        columnStartIndex: O,
+        columnStopIndex: S,
+        rowStartIndex: R,
+        rowStopIndex: X
       }
     );
   }, [
-    i,
-    I,
+    o,
+    O,
+    V,
+    S,
+    q,
     R,
-    y,
-    G,
-    A,
-    P,
-    J,
-    le
+    C,
+    X,
+    ce
   ]);
-  const ge = H(() => {
-    const W = [];
-    if (n > 0 && x > 0)
-      for (let O = A; O <= J; O++) {
-        const j = M(O), D = [];
-        for (let k = I; k <= y; k++) {
-          const Q = U(k);
-          D.push(
-            /* @__PURE__ */ C(
+  const xe = W(() => {
+    const j = [];
+    if (n > 0 && p > 0)
+      for (let m = R; m <= X; m++) {
+        const B = A(m), U = [];
+        for (let k = O; k <= S; k++) {
+          const Z = _(k);
+          U.push(
+            /* @__PURE__ */ K(
               F,
               {
                 ...E,
@@ -667,75 +677,75 @@ function Le({
                   role: "gridcell"
                 },
                 columnIndex: k,
-                key: o ? o({
+                key: i ? i({
                   columnIndex: k,
                   data: E,
-                  rowIndex: O
+                  rowIndex: m
                 }) : k,
-                rowIndex: O,
+                rowIndex: m,
                 style: {
                   position: "absolute",
-                  left: m ? void 0 : 0,
-                  right: m ? 0 : void 0,
-                  transform: `translate(${m ? -Q.scrollOffset : Q.scrollOffset}px, ${j.scrollOffset}px)`,
-                  height: j.size,
-                  width: Q.size
+                  left: I ? void 0 : 0,
+                  right: I ? 0 : void 0,
+                  transform: `translate(${I ? -Z.scrollOffset : Z.scrollOffset}px, ${B.scrollOffset}px)`,
+                  height: B.size,
+                  width: Z.size
                 }
               }
             )
           );
         }
-        W.push(
-          /* @__PURE__ */ oe(
+        j.push(
+          /* @__PURE__ */ re(
             "div",
             {
               role: "row",
-              "aria-rowindex": O + 1,
-              children: D
+              "aria-rowindex": m + 1,
+              children: U
             },
-            w ? w({
+            x ? x({
               data: E,
-              rowIndex: O
-            }) : O
+              rowIndex: m
+            }) : m
           )
         );
       }
-    return W;
+    return j;
   }, [
     F,
     E,
     n,
-    o,
+    i,
+    O,
+    S,
+    _,
+    A,
     I,
-    y,
-    U,
-    M,
-    m,
+    p,
     x,
-    w,
-    A,
-    J
-  ]), ve = /* @__PURE__ */ oe(
+    R,
+    X
+  ]), we = /* @__PURE__ */ re(
     "div",
     {
       "aria-hidden": !0,
       style: {
-        height: S(),
-        width: v(),
+        height: T(),
+        width: b(),
         zIndex: -1
       }
     }
   );
-  return C(
-    B,
+  return K(
+    z,
     {
       "aria-colcount": n,
-      "aria-rowcount": x,
+      "aria-rowcount": p,
       role: "grid",
-      ...T,
+      ...M,
       className: r,
       dir: f,
-      ref: X,
+      ref: D,
       style: {
         position: "relative",
         maxHeight: "100%",
@@ -745,68 +755,76 @@ function Le({
         ...g
       }
     },
-    ge,
+    xe,
     s,
-    ve
+    we
   );
 }
-const Ve = V, Re = q;
-function Te(e) {
+const $e = H, We = G;
+function Ae(e) {
   return e != null && typeof e == "object" && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-function Ee({
+function Re({
   element: e,
   getCellBounds: t,
   isDynamicRowHeight: s,
   rowCount: r,
   rowElements: n,
-  scrollToIndex: o
+  scrollToIndex: i
 }) {
-  const d = q(null), l = q(void 0), c = ee(() => {
-    d.current = null, l.current !== void 0 && (cancelAnimationFrame(l.current), l.current = void 0);
-  }), f = ee(() => {
-    l.current = void 0;
-    const a = d.current;
-    if (!a) return;
-    if (!e || !s || a.index >= r || performance.now() >= a.deadline) {
+  const l = G(null), a = G(
+    void 0
+  ), c = J(() => {
+    l.current = null, a.current !== void 0 && (a.current.view.cancelAnimationFrame(a.current.id), a.current = void 0);
+  }), f = J(() => {
+    const o = ie(e);
+    a.current = {
+      id: o.requestAnimationFrame(h),
+      view: o
+    };
+  }), h = J(() => {
+    a.current = void 0;
+    const o = l.current;
+    if (!o) return;
+    if (!e || !s || o.index >= r || performance.now() >= o.deadline) {
       c();
       return;
     }
-    const i = o({
-      align: a.align,
+    const u = i({
+      align: o.align,
       containerScrollOffset: e.scrollTop,
-      index: a.index
+      index: o.index
     });
-    if (i !== void 0) {
-      const u = Math.max(
+    if (u !== void 0) {
+      const d = Math.max(
         0,
-        Math.min(i, e.scrollHeight - e.clientHeight)
+        Math.min(u, e.scrollHeight - e.clientHeight)
       );
-      if (Math.abs(u - e.scrollTop) > 1)
-        a.stableFrames = 0, e.scrollTo({ behavior: "instant", top: u });
+      if (Math.abs(d - e.scrollTop) > 1)
+        o.stableFrames = 0, e.scrollTo({ behavior: "instant", top: d });
       else {
-        const h = n.current;
-        if (!(h.some(
-          (w) => w.getAttribute(Z) === `${a.index}`
-        ) && h.every((w) => {
-          const g = Number(w.getAttribute(Z));
+        const p = n.current;
+        if (!(p.some(
+          (g) => g.getAttribute(Q) === `${o.index}`
+        ) && p.every((g) => {
+          const z = Number(g.getAttribute(Q));
           return Math.abs(
-            t(g).size - w.offsetHeight
+            t(z).size - g.offsetHeight
           ) <= 1;
         })))
-          a.stableFrames = 0;
-        else if (++a.stableFrames >= 2) {
+          o.stableFrames = 0;
+        else if (++o.stableFrames >= 2) {
           c();
           return;
         }
       }
     }
-    l.current = requestAnimationFrame(f);
+    f();
   });
   return Y(() => {
     if (!e) return;
-    const a = (i) => {
-      switch (i.key) {
+    const o = (u) => {
+      switch (u.key) {
         case "ArrowUp":
         case "ArrowDown":
         case "PageUp":
@@ -817,212 +835,219 @@ function Ee({
           c();
       }
     };
-    return e.addEventListener("wheel", c, { passive: !0 }), e.addEventListener("touchstart", c, { passive: !0 }), e.addEventListener("pointerdown", c), e.addEventListener("keydown", a), () => {
-      c(), e.removeEventListener("wheel", c), e.removeEventListener("touchstart", c), e.removeEventListener("pointerdown", c), e.removeEventListener("keydown", a);
+    return e.addEventListener("wheel", c, { passive: !0 }), e.addEventListener("touchstart", c, { passive: !0 }), e.addEventListener("pointerdown", c), e.addEventListener("keydown", o), () => {
+      c(), e.removeEventListener("wheel", c), e.removeEventListener("touchstart", c), e.removeEventListener("pointerdown", c), e.removeEventListener("keydown", o);
     };
   }, [c, e]), $(
     ({
-      align: a = "auto",
-      behavior: i = "auto",
-      index: u
+      align: o = "auto",
+      behavior: u = "auto",
+      index: d
     }) => {
-      s && a === "smart" && (a = o({
+      s && o === "smart" && (o = i({
         align: "auto",
         containerScrollOffset: e?.scrollTop ?? 0,
-        index: u
+        index: d
       }) === (e?.scrollTop ?? 0) ? "auto" : "center");
-      const h = o({
-        align: a,
+      const p = i({
+        align: o,
         containerScrollOffset: e?.scrollTop ?? 0,
-        index: u
+        index: d
       });
-      c(), typeof e?.scrollTo == "function" && (s && (d.current = {
-        align: a,
-        index: u,
+      c(), typeof e?.scrollTo == "function" && (s && (l.current = {
+        align: o,
+        index: d,
         deadline: performance.now() + 1e3,
         stableFrames: 0
-      }, l.current = requestAnimationFrame(f)), e.scrollTo({
-        behavior: s ? "instant" : i,
-        top: h
+      }, f()), e.scrollTo({
+        behavior: s ? "instant" : u,
+        top: p
       }));
     },
-    [c, f, e, s, o]
+    [
+      c,
+      e,
+      s,
+      f,
+      i
+    ]
   );
 }
-const Z = "data-react-window-index";
-function ke({
+const Q = "data-react-window-index", fe = "data-react-window-sizer";
+function He({
   children: e,
   className: t,
   defaultHeight: s = 0,
   listRef: r,
   onResize: n,
-  onRowsRendered: o,
-  overscanCount: d = 3,
-  rowComponent: l,
+  onRowsRendered: i,
+  overscanCount: l = 3,
+  rowComponent: a,
   rowCount: c,
   rowHeight: f,
-  rowKey: a,
-  rowProps: i,
+  rowKey: h,
+  rowProps: o,
   tagName: u = "div",
-  style: h,
-  ...x
+  style: d,
+  ...p
 }) {
-  const p = he(i), w = H(
-    () => fe(l, pe),
-    [l]
-  ), [g, B] = V(null), T = Te(f), E = H(() => T ? (M) => f.getRowHeight(M) ?? f.getAverageRowHeight() : f, [T, f]), {
+  const v = ge(o), x = W(
+    () => ue(a, be),
+    [a]
+  ), [g, z] = H(null), M = Ae(f), E = W(() => M ? (A) => f.getRowHeight(A) ?? f.getAverageRowHeight() : f, [M, f]), {
     getCellBounds: F,
-    getEstimatedSize: b,
-    scrollToIndex: X,
-    startIndexOverscan: m,
-    startIndexVisible: U,
-    stopIndexOverscan: v,
-    stopIndexVisible: I
-  } = ie({
+    getEstimatedSize: w,
+    scrollToIndex: D,
+    startIndexOverscan: I,
+    startIndexVisible: _,
+    stopIndexOverscan: b,
+    stopIndexVisible: O
+  } = ne({
     containerElement: g,
-    containerStyle: h,
+    containerStyle: d,
     defaultContainerSize: s,
     direction: "vertical",
     itemCount: c,
-    itemProps: p,
+    itemProps: v,
     itemSize: E,
     onResize: n,
-    overscanCount: d
-  }), R = q([]), z = Ee({
+    overscanCount: l
+  }), V = G([]), y = Re({
     element: g,
     getCellBounds: F,
-    isDynamicRowHeight: T,
+    isDynamicRowHeight: M,
     rowCount: c,
-    rowElements: R,
-    scrollToIndex: X
+    rowElements: V,
+    scrollToIndex: D
   });
-  de(
+  he(
     r,
     () => ({
       get element() {
         return g;
       },
-      scrollToRow: z
+      scrollToRow: y
     }),
-    [g, z]
+    [g, y]
   ), Y(() => {
     if (!g)
       return;
-    const M = Array.from(g.children).slice(
+    const A = Array.from(g.children).slice(
       0,
-      m < 0 ? 0 : v - m + 1
-    ).filter((S, A) => {
-      if (S.hasAttribute("aria-hidden"))
+      I < 0 ? 0 : b - I + 1
+    ).filter((T, R) => {
+      if (T.hasAttribute(fe))
         return !1;
-      const P = `${m + A}`;
-      return S.setAttribute(Z, P), !0;
+      const C = `${I + R}`;
+      return T.setAttribute(Q, C), !0;
     });
-    if (R.current = M, T)
-      return f.observeRowElements(M);
+    if (V.current = A, M)
+      return f.observeRowElements(A);
   }, [
-    w,
+    x,
     g,
-    T,
+    M,
     c,
     f,
-    a,
-    p,
-    m,
-    v
-  ]), te(() => {
-    m >= 0 && v >= 0 && o && o(
+    h,
+    v,
+    I,
+    b
+  ]), ee(() => {
+    I >= 0 && b >= 0 && i && i(
       {
-        startIndex: U,
-        stopIndex: I
+        startIndex: _,
+        stopIndex: O
       },
       {
-        startIndex: m,
-        stopIndex: v
+        startIndex: I,
+        stopIndex: b
       }
     );
   }, [
-    o,
-    m,
-    U,
-    v,
-    I
+    i,
+    I,
+    _,
+    b,
+    O
   ]);
-  const y = H(() => {
-    const M = [];
+  const S = W(() => {
+    const A = [];
     if (c > 0)
-      for (let S = m; S <= v; S++) {
-        const A = F(S);
-        M.push(
-          /* @__PURE__ */ C(
-            w,
+      for (let T = I; T <= b; T++) {
+        const R = F(T);
+        A.push(
+          /* @__PURE__ */ K(
+            x,
             {
-              ...p,
+              ...v,
               ariaAttributes: {
-                "aria-posinset": S + 1,
+                "aria-posinset": T + 1,
                 "aria-setsize": c,
                 role: "listitem"
               },
-              key: a ? a(S, p) : S,
-              index: S,
+              key: h ? h(T, v) : T,
+              index: T,
               style: {
                 position: "absolute",
                 left: 0,
-                transform: `translateY(${A.scrollOffset}px)`,
+                transform: `translateY(${R.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: T ? void 0 : A.size,
+                height: M ? void 0 : R.size,
                 width: "100%"
               }
             }
           )
         );
       }
-    return M;
+    return A;
   }, [
-    w,
+    x,
     F,
-    T,
+    M,
     c,
-    a,
-    p,
-    m,
-    v
-  ]), G = /* @__PURE__ */ oe(
+    h,
+    v,
+    I,
+    b
+  ]), q = /* @__PURE__ */ re(
     "div",
     {
       "aria-hidden": !0,
+      [fe]: "",
       style: {
-        height: b(),
+        height: w(),
         width: "100%",
         zIndex: -1
       }
     }
   );
-  return C(
+  return K(
     u,
     {
       role: "list",
-      ...x,
+      ...p,
       className: t,
-      ref: B,
+      ref: z,
       style: {
         position: "relative",
         maxHeight: "100%",
         flexGrow: 1,
         overflowY: "auto",
-        ...h
+        ...d
       }
     },
-    y,
+    S,
     e,
-    G
+    q
   );
 }
-function $e({
+function Fe({
   defaultRowHeight: e,
   key: t
 }) {
-  const [s, r] = V({
+  const [s, r] = H({
     key: t,
     map: /* @__PURE__ */ new Map()
   });
@@ -1030,83 +1055,96 @@ function $e({
     key: t,
     map: /* @__PURE__ */ new Map()
   });
-  const { map: n } = s, o = $(() => {
-    let i = 0;
+  const { map: n } = s, i = $(() => {
+    let o = 0;
     return n.forEach((u) => {
-      i += u;
-    }), i === 0 ? e : i / n.size;
-  }, [e, n]), d = $(
-    (i) => {
-      const u = n.get(i);
+      o += u;
+    }), o === 0 ? e : o / n.size;
+  }, [e, n]), l = $(
+    (o) => {
+      const u = n.get(o);
       return u !== void 0 ? u : e;
     },
     [e, n]
-  ), l = $((i, u) => {
-    r((h) => {
-      if (h.map.get(i) === u)
-        return h;
-      const x = new Map(h.map);
-      return x.set(i, u), {
-        ...h,
-        map: x
+  ), a = $((o, u) => {
+    r((d) => {
+      if (d.map.get(o) === u)
+        return d;
+      const p = new Map(d.map);
+      return p.set(o, u), {
+        ...d,
+        map: p
       };
     });
-  }, []), c = ee(
-    (i) => {
-      i.length !== 0 && i.forEach((u) => {
-        const { borderBoxSize: h, target: x } = u, p = x.getAttribute(Z);
+  }, []), c = J(
+    (o) => {
+      o.length !== 0 && o.forEach((u) => {
+        const { borderBoxSize: d, target: p } = u, v = p.getAttribute(Q);
         L(
-          p !== null,
-          `Invalid ${Z} attribute value`
+          v !== null,
+          `Invalid ${Q} attribute value`
         );
-        const w = parseInt(p), { blockSize: g } = h[0];
-        g && l(w, g);
+        const x = parseInt(v), { blockSize: g } = d[0];
+        g && a(x, g);
       });
     }
-  ), [f] = V(() => {
-    if (typeof ResizeObserver < "u")
-      return new ResizeObserver(c);
-  });
-  te(() => {
-    if (f)
-      return () => {
-        f.disconnect();
+  ), f = G(null);
+  ee(
+    () => () => {
+      f.current?.resizeObserver.disconnect(), f.current = null;
+    },
+    []
+  );
+  const h = $(
+    (o) => {
+      const u = [];
+      return o.forEach((d) => {
+        const p = ie(d);
+        if (f.current?.view !== p) {
+          f.current?.resizeObserver.disconnect();
+          const x = ve(d);
+          f.current = x ? {
+            resizeObserver: new x(c),
+            view: p
+          } : null;
+        }
+        const v = f.current?.resizeObserver;
+        v && (v.observe(d), u.push([d, v]));
+      }), () => {
+        u.forEach(
+          ([d, p]) => p.unobserve(d)
+        );
       };
-  }, [f]);
-  const a = $(
-    (i) => f ? (i.forEach((u) => f.observe(u)), () => {
-      i.forEach((u) => f.unobserve(u));
-    }) : () => {
     },
-    [f]
+    [c]
   );
-  return H(
+  return W(
     () => ({
-      getAverageRowHeight: o,
-      getRowHeight: d,
-      setRowHeight: l,
-      observeRowElements: a
+      getAverageRowHeight: i,
+      getRowHeight: l,
+      setRowHeight: a,
+      observeRowElements: h
     }),
-    [o, d, l, a]
+    [i, l, a, h]
   );
 }
-const He = V, Fe = q;
-let ne = -1;
-function We(e = !1) {
-  if (ne === -1 || e) {
-    const t = document.createElement("div"), s = t.style;
-    s.width = "50px", s.height = "50px", s.overflow = "scroll", document.body.appendChild(t), ne = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+const je = H, Be = G, de = /* @__PURE__ */ new WeakMap();
+function Ue(e = !1, t = document) {
+  let s = de.get(t);
+  if (s === void 0 || e) {
+    const r = t.createElement("div"), n = r.style;
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", t.body.appendChild(r), s = r.offsetWidth - r.clientWidth, t.body.removeChild(r), de.set(t, s);
   }
-  return ne;
+  return s;
 }
 export {
-  Le as Grid,
-  ke as List,
-  We as getScrollbarSize,
-  $e as useDynamicRowHeight,
-  Ve as useGridCallbackRef,
-  Re as useGridRef,
-  He as useListCallbackRef,
-  Fe as useListRef
+  ke as Grid,
+  He as List,
+  Ue as getScrollbarSize,
+  Fe as useDynamicRowHeight,
+  $e as useGridCallbackRef,
+  We as useGridRef,
+  je as useListCallbackRef,
+  Be as useListRef
 };
 //# sourceMappingURL=react-window.js.map