react-window 2.0.1 → 2.0.2-alpha.1

package/dist/react-window.js

@@ -1,6 +1,6 @@
-import { jsx as D } from "react/jsx-runtime";
-import { useState as E, useLayoutEffect as J, useEffect as K, useMemo as W, useRef as q, useCallback as V, memo as _, useImperativeHandle as N, createElement as ee } from "react";
-function ie(e) {
+import { jsx as X } from "react/jsx-runtime";
+import { useState as B, useLayoutEffect as _, useEffect as C, useMemo as $, useRef as N, useCallback as D, memo as se, useImperativeHandle as re, createElement as Y } from "react";
+function ue(e) {
   let t = e;
   for (; t; ) {
     if (t.dir)
@@ -9,14 +9,14 @@ function ie(e) {
   }
   return !1;
 }
-function le(e, t) {
-  const [s, r] = E(t === "rtl");
-  return J(() => {
-    e && (t || r(ie(e)));
+function de(e, t) {
+  const [s, r] = B(t === "rtl");
+  return _(() => {
+    e && (t || r(ue(e)));
   }, [t, e]), s;
 }
-const Y = typeof window < "u" ? J : K;
-function Q(e) {
+const q = typeof window < "u" ? _ : C;
+function ee(e) {
   if (e !== void 0)
     switch (typeof e) {
       case "number":
@@ -28,58 +28,58 @@ function Q(e) {
       }
     }
 }
-function ne({
+function ae({
   box: e,
   defaultHeight: t,
   defaultWidth: s,
   disabled: r,
   element: o,
   mode: i,
-  style: n
+  style: l
 }) {
-  const { styleHeight: c, styleWidth: l } = W(
+  const { styleHeight: c, styleWidth: n } = $(
     () => ({
-      styleHeight: Q(n?.height),
-      styleWidth: Q(n?.width)
+      styleHeight: ee(l?.height),
+      styleWidth: ee(l?.width)
     }),
-    [n?.height, n?.width]
-  ), [f, a] = E({
+    [l?.height, l?.width]
+  ), [f, g] = B({
     height: t,
     width: s
-  }), I = r || i === "only-height" && c !== void 0 || i === "only-width" && l !== void 0 || c !== void 0 && l !== void 0;
-  return Y(() => {
-    if (o === null || I)
+  }), T = r || i === "only-height" && c !== void 0 || i === "only-width" && n !== void 0 || c !== void 0 && n !== void 0;
+  return q(() => {
+    if (o === null || T)
       return;
-    const v = new ResizeObserver((k) => {
-      for (const x of k) {
-        const { contentRect: w, target: z } = x;
-        o === z && a((g) => g.height === w.height && g.width === w.width ? g : {
-          height: w.height,
-          width: w.width
+    const S = new ResizeObserver((b) => {
+      for (const y of b) {
+        const { contentRect: x, target: z } = y;
+        o === z && g((v) => v.height === x.height && v.width === x.width ? v : {
+          height: x.height,
+          width: x.width
         });
       }
     });
-    return v.observe(o, { box: e }), () => {
-      v?.unobserve(o);
+    return S.observe(o, { box: e }), () => {
+      S?.unobserve(o);
     };
-  }, [e, I, o, c, l]), W(
+  }, [e, T, o, c, n]), $(
     () => ({
       height: c ?? f.height,
-      width: l ?? f.width
+      width: n ?? f.width
     }),
-    [f, c, l]
+    [f, c, n]
   );
 }
-function ce(e) {
-  const t = q(() => {
+function he(e) {
+  const t = N(() => {
     throw new Error("Cannot call an event handler while rendering.");
   });
-  return Y(() => {
+  return q(() => {
     t.current = e;
-  }, [e]), V((s) => t.current?.(s), [t]);
+  }, [e]), D((s) => t.current?.(s), [t]);
 }
 let j = null;
-function fe(e = !1) {
+function ge(e = !1) {
   if (j === null || e) {
     const t = document.createElement("div"), s = t.style;
     s.width = "50px", s.height = "50px", s.overflow = "scroll", s.direction = "rtl";
@@ -88,31 +88,31 @@ function fe(e = !1) {
   }
   return j;
 }
-function A({
+function J({
   containerElement: e,
   direction: t,
   isRtl: s,
   scrollOffset: r
 }) {
   if (t === "horizontal" && s)
-    switch (fe()) {
+    switch (ge()) {
       case "negative":
         return -r;
       case "positive-descending": {
         if (e) {
-          const { clientWidth: o, scrollLeft: i, scrollWidth: n } = e;
-          return n - o - i;
+          const { clientWidth: o, scrollLeft: i, scrollWidth: l } = e;
+          return l - o - i;
         }
         break;
       }
     }
   return r;
 }
-function R(e, t = "Assertion error") {
+function A(e, t = "Assertion error") {
   if (!e)
     throw console.error(t), Error(t);
 }
-function te({
+function oe({
   cachedBounds: e,
   itemCount: t,
   itemSize: s
@@ -125,44 +125,44 @@ function te({
     const r = e.get(
       e.size === 0 ? 0 : e.size - 1
     );
-    R(r !== void 0, "Unexpected bounds cache miss");
+    A(r !== void 0, "Unexpected bounds cache miss");
     const o = (r.scrollOffset + r.size) / e.size;
     return t * o;
   }
 }
-function de({
+function pe({
   align: e,
   cachedBounds: t,
   index: s,
   itemCount: r,
   itemSize: o,
   containerScrollOffset: i,
-  containerSize: n
+  containerSize: l
 }) {
-  const c = te({
+  const c = oe({
     cachedBounds: t,
     itemCount: r,
     itemSize: o
-  }), l = t.get(s), f = Math.max(
+  }), n = t.get(s), f = Math.max(
     0,
-    Math.min(c - n, l.scrollOffset)
-  ), a = Math.max(
+    Math.min(c - l, n.scrollOffset)
+  ), g = Math.max(
     0,
-    l.scrollOffset - n + l.size
+    n.scrollOffset - l + n.size
   );
-  switch (e === "smart" && (i >= a && i <= f ? e = "auto" : e = "center"), e) {
+  switch (e === "smart" && (i >= g && i <= f ? e = "auto" : e = "center"), e) {
     case "start":
       return f;
     case "end":
-      return a;
+      return g;
     case "center":
-      return l.scrollOffset <= n / 2 ? 0 : l.scrollOffset + l.size / 2 >= c - n / 2 ? c - n : l.scrollOffset + l.size / 2 - n / 2;
+      return n.scrollOffset <= l / 2 ? 0 : n.scrollOffset + n.size / 2 >= c - l / 2 ? c - l : n.scrollOffset + n.size / 2 - l / 2;
     case "auto":
     default:
-      return i >= a && i <= f ? i : i < a ? a : f;
+      return i >= g && i <= f ? i : i < g ? g : f;
   }
 }
-function X({
+function te({
   cachedBounds: e,
   containerScrollOffset: t,
   containerSize: s,
@@ -170,22 +170,22 @@ function X({
   overscanCount: o
 }) {
   const i = r - 1;
-  let n = 0, c = -1, l = 0;
-  for (; l < i; ) {
-    const f = e.get(l);
+  let l = 0, c = -1, n = 0;
+  for (; n < i; ) {
+    const f = e.get(n);
     if (f.scrollOffset + f.size > t)
       break;
-    l++;
+    n++;
   }
-  for (n = l, n = Math.max(0, n - o); l < i; ) {
-    const f = e.get(l);
+  for (l = n, l = Math.max(0, l - o); n < i; ) {
+    const f = e.get(n);
     if (f.scrollOffset + f.size >= t + s)
       break;
-    l++;
+    n++;
   }
-  return c = Math.min(i, l), c = Math.min(r - 1, c + o), n < 0 ? [0, -1] : [n, c];
+  return c = Math.min(i, n), c = Math.min(r - 1, c + o), l < 0 ? [0, -1] : [l, c];
 }
-function ue({
+function xe({
   itemCount: e,
   itemProps: t,
   itemSize: s
@@ -193,12 +193,12 @@ function ue({
   const r = /* @__PURE__ */ new Map();
   return {
     get(o) {
-      for (R(o < e, `Invalid index ${o}`); r.size - 1 < o; ) {
-        const n = r.size;
+      for (A(o < e, `Invalid index ${o}`); r.size - 1 < o; ) {
+        const l = r.size;
         let c;
         switch (typeof s) {
           case "function": {
-            c = s(n, t);
+            c = s(l, t);
             break;
           }
           case "number": {
@@ -206,24 +206,24 @@ function ue({
             break;
           }
         }
-        if (n === 0)
-          r.set(n, {
+        if (l === 0)
+          r.set(l, {
             size: c,
             scrollOffset: 0
           });
         else {
-          const l = r.get(n - 1);
-          R(
-            l !== void 0,
+          const n = r.get(l - 1);
+          A(
+            n !== void 0,
             `Unexpected bounds cache miss for index ${o}`
-          ), r.set(n, {
-            scrollOffset: l.scrollOffset + l.size,
+          ), r.set(l, {
+            scrollOffset: n.scrollOffset + n.size,
             size: c
           });
         }
       }
       const i = r.get(o);
-      return R(
+      return A(
         i !== void 0,
         `Unexpected bounds cache miss for index ${o}`
       ), i;
@@ -236,13 +236,13 @@ function ue({
     }
   };
 }
-function he({
+function me({
   itemCount: e,
   itemProps: t,
   itemSize: s
 }) {
-  return W(
-    () => ue({
+  return $(
+    () => xe({
       itemCount: e,
       itemProps: t,
       itemSize: s
@@ -250,17 +250,17 @@ function he({
     [e, t, s]
   );
 }
-function ae({
+function ve({
   containerSize: e,
   itemSize: t
 }) {
   let s;
   switch (typeof t) {
     case "string": {
-      R(
+      A(
         t.endsWith("%"),
         `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`
-      ), R(
+      ), A(
         e !== void 0,
         "Container size must be defined if a percentage item size is specified"
       ), s = e * parseInt(t) / 100;
@@ -273,491 +273,528 @@ function ae({
   }
   return s;
 }
-function C({
+function Z({
   containerElement: e,
   containerStyle: t,
   defaultContainerSize: s = 0,
   direction: r,
   isRtl: o = !1,
   itemCount: i,
-  itemProps: n,
+  itemProps: l,
   itemSize: c,
-  onResize: l,
+  onResize: n,
   overscanCount: f
 }) {
-  const [a, I] = E([0, -1]), [v, k] = [
-    Math.min(i - 1, a[0]),
-    Math.min(i - 1, a[1])
-  ], { height: x = s, width: w = s } = ne({
+  const [g, T] = B([0, -1]), [S, b] = [
+    Math.min(i - 1, g[0]),
+    Math.min(i - 1, g[1])
+  ], { height: y = s, width: x = s } = ae({
     defaultHeight: r === "vertical" ? s : void 0,
     defaultWidth: r === "horizontal" ? s : void 0,
     element: e,
     mode: r === "vertical" ? "only-height" : "only-width",
     style: t
-  }), z = q({
+  }), z = N({
     height: 0,
     width: 0
-  }), g = r === "vertical" ? x : w, u = ae({ containerSize: g, itemSize: c });
-  J(() => {
-    if (typeof l == "function") {
+  }), v = r === "vertical" ? y : x, I = ve({ containerSize: v, itemSize: c });
+  _(() => {
+    if (typeof n == "function") {
       const d = z.current;
-      (d.height !== x || d.width !== w) && (l({ height: x, width: w }, { ...d }), d.height = x, d.width = w);
+      (d.height !== y || d.width !== x) && (n({ height: y, width: x }, { ...d }), d.height = y, d.width = x);
     }
-  }, [x, l, w]);
-  const h = he({
+  }, [y, n, x]);
+  const w = me({
     itemCount: i,
-    itemProps: n,
-    itemSize: u
-  }), y = V(
-    (d) => h.get(d),
-    [h]
-  ), B = V(
-    () => te({
-      cachedBounds: h,
+    itemProps: l,
+    itemSize: I
+  }), u = D(
+    (d) => w.get(d),
+    [w]
+  ), L = D(
+    () => oe({
+      cachedBounds: w,
       itemCount: i,
-      itemSize: u
+      itemSize: I
     }),
-    [h, i, u]
-  ), T = V(
+    [w, i, I]
+  ), m = D(
     (d) => {
-      const m = A({
+      const a = J({
         containerElement: e,
         direction: r,
         isRtl: o,
         scrollOffset: d
       });
-      return X({
-        cachedBounds: h,
-        containerScrollOffset: m,
-        containerSize: g,
+      return te({
+        cachedBounds: w,
+        containerScrollOffset: a,
+        containerSize: v,
         itemCount: i,
         overscanCount: f
       });
     },
     [
-      h,
+      w,
       e,
-      g,
+      v,
       r,
       o,
       i,
       f
     ]
   );
-  Y(() => {
+  q(() => {
     const d = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
-    I(T(d));
-  }, [e, r, T]), Y(() => {
+    T(m(d));
+  }, [e, r, m]), q(() => {
     if (!e)
       return;
     const d = () => {
-      I((m) => {
-        const { scrollLeft: H, scrollTop: G } = e, b = A({
+      T((a) => {
+        const { scrollLeft: p, scrollTop: h } = e, k = J({
           containerElement: e,
           direction: r,
           isRtl: o,
-          scrollOffset: r === "vertical" ? G : H
-        }), O = X({
-          cachedBounds: h,
-          containerScrollOffset: b,
-          containerSize: g,
+          scrollOffset: r === "vertical" ? h : p
+        }), G = te({
+          cachedBounds: w,
+          containerScrollOffset: k,
+          containerSize: v,
           itemCount: i,
           overscanCount: f
         });
-        return O[0] === m[0] && O[1] === m[1] ? m : O;
+        return G[0] === a[0] && G[1] === a[1] ? a : G;
       });
     };
     return e.addEventListener("scroll", d), () => {
       e.removeEventListener("scroll", d);
     };
   }, [
-    h,
+    w,
     e,
-    g,
+    v,
     r,
     i,
     f
   ]);
-  const p = ce(
+  const H = he(
     ({
       align: d = "auto",
-      behavior: m = "auto",
-      containerScrollOffset: H,
-      index: G
+      containerScrollOffset: a,
+      index: p
     }) => {
-      let b = de({
+      let h = pe({
         align: d,
-        cachedBounds: h,
-        containerScrollOffset: H,
-        containerSize: g,
-        index: G,
+        cachedBounds: w,
+        containerScrollOffset: a,
+        containerSize: v,
+        index: p,
         itemCount: i,
-        itemSize: u
+        itemSize: I
       });
-      if (e)
-        if (b = A({
+      if (e) {
+        if (h = J({
           containerElement: e,
           direction: r,
           isRtl: o,
-          scrollOffset: b
-        }), typeof e.scrollTo == "function")
-          r === "horizontal" ? e.scrollTo({
-            left: b,
-            behavior: m || void 0
-          }) : e.scrollTo({
-            behavior: m || void 0,
-            top: b
-          });
-        else {
-          const O = T(b);
-          (O[0] !== v || O[1] !== k) && I(O);
+          scrollOffset: h
+        }), typeof e.scrollTo != "function") {
+          const k = m(h);
+          (k[0] !== S || k[1] !== b) && T(k);
         }
+        return h;
+      }
     }
   );
   return {
-    getCellBounds: y,
-    getEstimatedSize: B,
-    scrollToIndex: p,
-    startIndex: v,
-    stopIndex: k
+    getCellBounds: u,
+    getEstimatedSize: L,
+    scrollToIndex: H,
+    startIndex: S,
+    stopIndex: b
   };
 }
-function se(e) {
-  return W(() => e, Object.values(e));
+function ie(e) {
+  return $(() => e, Object.values(e));
 }
-function Z(e, t) {
+function K(e, t) {
   if (e === t)
     return !0;
-  if (!!e != !!t || (R(e !== void 0), R(t !== void 0), Object.keys(e).length !== Object.keys(t).length))
+  if (!!e != !!t || (A(e !== void 0), A(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 re(e, t) {
-  const { style: s, ...r } = e, { style: o, ...i } = t;
-  return Z(s, o) && Z(r, i);
+function ne(e, t) {
+  const {
+    ariaAttributes: s,
+    style: r,
+    ...o
+  } = e, {
+    ariaAttributes: i,
+    style: l,
+    ...c
+  } = t;
+  return K(s, i) && K(r, l) && K(o, c);
 }
-function ve({
+function be({
   cellComponent: e,
   cellProps: t,
-  className: s,
-  columnCount: r,
-  columnWidth: o,
-  defaultHeight: i = 0,
-  defaultWidth: n = 0,
-  dir: c,
-  gridRef: l,
-  onCellsRendered: f,
-  onResize: a,
-  overscanCount: I = 3,
-  rowCount: v,
-  rowHeight: k,
+  children: s,
+  className: r,
+  columnCount: o,
+  columnWidth: i,
+  defaultHeight: l = 0,
+  defaultWidth: c = 0,
+  dir: n,
+  gridRef: f,
+  onCellsRendered: g,
+  onResize: T,
+  overscanCount: S = 3,
+  rowCount: b,
+  rowHeight: y,
   style: x,
-  ...w
+  tagName: z = "div",
+  ...v
 }) {
-  const z = se(t), g = W(
-    () => _(e, re),
+  const I = ie(t), w = $(
+    () => se(e, ne),
     [e]
-  ), [u, h] = E(null), y = le(u, c), {
-    getCellBounds: B,
-    getEstimatedSize: T,
-    startIndex: p,
-    scrollToIndex: d,
-    stopIndex: m
-  } = C({
+  ), [u, L] = B(null), m = de(u, n), {
+    getCellBounds: H,
+    getEstimatedSize: d,
+    startIndex: a,
+    scrollToIndex: p,
+    stopIndex: h
+  } = Z({
     containerElement: u,
-    defaultContainerSize: n,
+    defaultContainerSize: c,
     direction: "horizontal",
-    isRtl: y,
-    itemCount: r,
-    itemProps: z,
-    itemSize: o,
-    onResize: a,
-    overscanCount: I
+    isRtl: m,
+    itemCount: o,
+    itemProps: I,
+    itemSize: i,
+    onResize: T,
+    overscanCount: S
   }), {
-    getCellBounds: H,
+    getCellBounds: k,
     getEstimatedSize: G,
-    startIndex: b,
-    scrollToIndex: O,
-    stopIndex: F
-  } = C({
+    startIndex: F,
+    scrollToIndex: P,
+    stopIndex: U
+  } = Z({
     containerElement: u,
-    defaultContainerSize: i,
+    defaultContainerSize: l,
     direction: "vertical",
-    itemCount: v,
-    itemProps: z,
-    itemSize: k,
-    onResize: a,
-    overscanCount: I
+    itemCount: b,
+    itemProps: I,
+    itemSize: y,
+    onResize: T,
+    overscanCount: S
   });
-  N(
-    l,
+  re(
+    f,
     () => ({
       get element() {
         return u;
       },
       scrollToCell({
-        behavior: L = "auto",
-        columnAlign: S = "auto",
+        behavior: E = "auto",
+        columnAlign: O = "auto",
         columnIndex: M,
-        rowAlign: $ = "auto",
-        rowIndex: U
+        rowAlign: R = "auto",
+        rowIndex: W
       }) {
-        O({
-          align: $,
-          behavior: L,
-          containerScrollOffset: u?.scrollTop ?? 0,
-          index: U
-        }), d({
-          align: S,
-          behavior: L,
+        const V = p({
+          align: O,
           containerScrollOffset: u?.scrollLeft ?? 0,
           index: M
+        }), fe = P({
+          align: R,
+          containerScrollOffset: u?.scrollTop ?? 0,
+          index: W
+        });
+        typeof u?.scrollTo == "function" && u.scrollTo({
+          behavior: E,
+          left: V,
+          top: fe
         });
       },
       scrollToColumn({
-        align: L = "auto",
-        behavior: S = "auto",
+        align: E = "auto",
+        behavior: O = "auto",
         index: M
       }) {
-        d({
-          align: L,
-          behavior: S,
+        const R = p({
+          align: E,
           containerScrollOffset: u?.scrollLeft ?? 0,
           index: M
         });
+        typeof u?.scrollTo == "function" && u.scrollTo({
+          behavior: O,
+          left: R
+        });
       },
       scrollToRow({
-        align: L = "auto",
-        behavior: S = "auto",
+        align: E = "auto",
+        behavior: O = "auto",
         index: M
       }) {
-        O({
-          align: L,
-          behavior: S,
+        const R = P({
+          align: E,
           containerScrollOffset: u?.scrollTop ?? 0,
           index: M
         });
+        typeof u?.scrollTo == "function" && u.scrollTo({
+          behavior: O,
+          top: R
+        });
       }
     }),
-    [u, d, O]
-  ), K(() => {
-    p >= 0 && m >= 0 && b >= 0 && F >= 0 && f && f({
-      columnStartIndex: p,
-      columnStopIndex: m,
-      rowStartIndex: b,
-      rowStopIndex: F
+    [u, p, P]
+  ), C(() => {
+    a >= 0 && h >= 0 && F >= 0 && U >= 0 && g && g({
+      columnStartIndex: a,
+      columnStopIndex: h,
+      rowStartIndex: F,
+      rowStopIndex: U
     });
   }, [
-    f,
-    p,
-    m,
-    b,
-    F
+    g,
+    a,
+    h,
+    F,
+    U
   ]);
-  const oe = W(() => {
-    const L = [];
-    if (r > 0 && v > 0)
-      for (let S = b; S <= F; S++) {
-        const M = H(S);
-        for (let $ = p; $ <= m; $++) {
-          const U = B($);
-          L.push(
-            /* @__PURE__ */ ee(
-              g,
+  const le = $(() => {
+    const E = [];
+    if (o > 0 && b > 0)
+      for (let O = F; O <= U; O++) {
+        const M = k(O), R = [];
+        for (let W = a; W <= h; W++) {
+          const V = H(W);
+          R.push(
+            /* @__PURE__ */ Y(
+              w,
               {
-                ...z,
-                columnIndex: $,
-                key: `${S}-${$}`,
-                rowIndex: S,
+                ...I,
+                ariaAttributes: {
+                  "aria-colindex": W + 1,
+                  role: "gridcell"
+                },
+                columnIndex: W,
+                key: W,
+                rowIndex: O,
                 style: {
                   position: "absolute",
-                  left: y ? void 0 : 0,
-                  right: y ? 0 : void 0,
-                  transform: `translate(${y ? -U.scrollOffset : U.scrollOffset}px, ${M.scrollOffset}px)`,
-                  height: v > 1 ? M.size : "100%",
-                  width: U.size
+                  left: m ? void 0 : 0,
+                  right: m ? 0 : void 0,
+                  transform: `translate(${m ? -V.scrollOffset : V.scrollOffset}px, ${M.scrollOffset}px)`,
+                  height: b > 1 ? M.size : "100%",
+                  width: V.size
                 }
               }
             )
           );
         }
+        E.push(
+          /* @__PURE__ */ X("div", { role: "row", "aria-rowindex": O + 1, children: R }, O)
+        );
       }
-    return L;
+    return E;
   }, [
-    g,
-    z,
-    r,
-    p,
-    m,
-    B,
+    w,
+    I,
+    o,
+    a,
+    h,
     H,
-    y,
-    v,
+    k,
+    m,
     b,
-    F
-  ]);
-  return /* @__PURE__ */ D(
+    F,
+    U
+  ]), ce = /* @__PURE__ */ X(
     "div",
     {
-      ...w,
-      className: s,
-      dir: c,
-      ref: h,
+      "aria-hidden": !0,
+      style: {
+        height: G(),
+        width: d(),
+        zIndex: -1
+      }
+    }
+  );
+  return Y(
+    z,
+    {
+      "aria-colcount": o,
+      "aria-rowcount": b,
+      role: "grid",
+      ...v,
+      className: r,
+      dir: n,
+      ref: L,
       style: {
+        position: "relative",
         width: "100%",
         height: "100%",
-        ...x,
         maxHeight: "100%",
         maxWidth: "100%",
         flexGrow: 1,
-        overflow: "auto"
-      },
-      children: /* @__PURE__ */ D(
-        "div",
-        {
-          className: s,
-          style: {
-            position: "relative",
-            height: G(),
-            width: T()
-          },
-          children: oe
-        }
-      )
-    }
+        overflow: "auto",
+        ...x
+      }
+    },
+    le,
+    s,
+    ce
   );
 }
-const xe = E, we = q;
-function me({
-  className: e,
-  defaultHeight: t = 0,
-  listRef: s,
-  onResize: r,
-  onRowsRendered: o,
-  overscanCount: i = 3,
-  rowComponent: n,
-  rowCount: c,
-  rowHeight: l,
-  rowProps: f,
-  style: a,
-  ...I
+const ze = B, Ie = N;
+function Oe({
+  children: e,
+  className: t,
+  defaultHeight: s = 0,
+  listRef: r,
+  onResize: o,
+  onRowsRendered: i,
+  overscanCount: l = 3,
+  rowComponent: c,
+  rowCount: n,
+  rowHeight: f,
+  rowProps: g,
+  tagName: T = "div",
+  style: S,
+  ...b
 }) {
-  const v = se(f), k = W(
-    () => _(n, re),
-    [n]
-  ), [x, w] = E(null), {
-    getCellBounds: z,
-    getEstimatedSize: g,
+  const y = ie(g), x = $(
+    () => se(c, ne),
+    [c]
+  ), [z, v] = B(null), {
+    getCellBounds: I,
+    getEstimatedSize: w,
     scrollToIndex: u,
-    startIndex: h,
-    stopIndex: y
-  } = C({
-    containerElement: x,
-    defaultContainerSize: t,
+    startIndex: L,
+    stopIndex: m
+  } = Z({
+    containerElement: z,
+    defaultContainerSize: s,
     direction: "vertical",
-    itemCount: c,
-    itemProps: v,
-    itemSize: l,
-    onResize: r,
-    overscanCount: i
+    itemCount: n,
+    itemProps: y,
+    itemSize: f,
+    onResize: o,
+    overscanCount: l
   });
-  N(
-    s,
+  re(
+    r,
     () => ({
       get element() {
-        return x;
+        return z;
       },
       scrollToRow({
-        align: T = "auto",
+        align: a = "auto",
         behavior: p = "auto",
-        index: d
+        index: h
       }) {
-        u({
-          align: T,
+        const k = u({
+          align: a,
+          containerScrollOffset: z?.scrollTop ?? 0,
+          index: h
+        });
+        typeof z?.scrollTo == "function" && z.scrollTo({
           behavior: p,
-          containerScrollOffset: x?.scrollTop ?? 0,
-          index: d
+          top: k
         });
       }
     }),
-    [x, u]
-  ), K(() => {
-    h >= 0 && y >= 0 && o && o({
-      startIndex: h,
-      stopIndex: y
+    [z, u]
+  ), C(() => {
+    L >= 0 && m >= 0 && i && i({
+      startIndex: L,
+      stopIndex: m
     });
-  }, [o, h, y]);
-  const B = W(() => {
-    const T = [];
-    if (c > 0)
-      for (let p = h; p <= y; p++) {
-        const d = z(p);
-        T.push(
-          /* @__PURE__ */ ee(
-            k,
+  }, [i, L, m]);
+  const H = $(() => {
+    const a = [];
+    if (n > 0)
+      for (let p = L; p <= m; p++) {
+        const h = I(p);
+        a.push(
+          /* @__PURE__ */ Y(
+            x,
             {
-              ...v,
+              ...y,
+              ariaAttributes: {
+                "aria-posinset": p + 1,
+                "aria-setsize": n,
+                role: "listitem"
+              },
               key: p,
               index: p,
               style: {
                 position: "absolute",
                 left: 0,
-                transform: `translateY(${d.scrollOffset}px)`,
-                height: d.size,
+                transform: `translateY(${h.scrollOffset}px)`,
+                height: h.size,
                 width: "100%"
               }
             }
           )
         );
       }
-    return T;
-  }, [k, z, c, v, h, y]);
-  return /* @__PURE__ */ D(
+    return a;
+  }, [x, I, n, y, L, m]), d = /* @__PURE__ */ X(
     "div",
     {
-      ...I,
-      className: e,
-      ref: w,
+      "aria-hidden": !0,
       style: {
-        ...a,
+        height: w(),
+        width: "100%",
+        zIndex: -1
+      }
+    }
+  );
+  return Y(
+    T,
+    {
+      role: "list",
+      ...b,
+      className: t,
+      ref: v,
+      style: {
+        position: "relative",
         maxHeight: "100%",
         flexGrow: 1,
-        overflowY: "auto"
-      },
-      children: /* @__PURE__ */ D(
-        "div",
-        {
-          className: e,
-          style: {
-            height: g(),
-            position: "relative",
-            width: "100%"
-          },
-          children: B
-        }
-      )
-    }
+        overflowY: "auto",
+        ...S
+      }
+    },
+    H,
+    e,
+    d
   );
 }
-const ye = E, be = q;
-let P = -1;
-function Ie(e = !1) {
-  if (P === -1 || e) {
+const Te = B, Se = N;
+let Q = -1;
+function ke(e = !1) {
+  if (Q === -1 || e) {
     const t = document.createElement("div"), s = t.style;
-    s.width = "50px", s.height = "50px", s.overflow = "scroll", document.body.appendChild(t), P = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+    s.width = "50px", s.height = "50px", s.overflow = "scroll", document.body.appendChild(t), Q = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
   }
-  return P;
+  return Q;
 }
 export {
-  ve as Grid,
-  me as List,
-  Ie as getScrollbarSize,
-  xe as useGridCallbackRef,
-  we as useGridRef,
-  ye as useListCallbackRef,
-  be as useListRef
+  be as Grid,
+  Oe as List,
+  ke as getScrollbarSize,
+  ze as useGridCallbackRef,
+  Ie as useGridRef,
+  Te as useListCallbackRef,
+  Se as useListRef
 };
 //# sourceMappingURL=react-window.js.map