react-window 2.0.0 → 2.0.2

package/dist/react-window.js

@@ -1,5 +1,5 @@
 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";
+import { useState as B, 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) {
   let t = e;
   for (; t; ) {
@@ -9,10 +9,10 @@ function ie(e) {
   }
   return !1;
 }
-function le(e, t) {
-  const [s, r] = E(t === "rtl");
+function ce(e, t) {
+  const [s, o] = B(t === "rtl");
   return J(() => {
-    e && (t || r(ie(e)));
+    e && (t || o(ie(e)));
   }, [t, e]), s;
 }
 const Y = typeof window < "u" ? J : K;
@@ -28,41 +28,41 @@ function Q(e) {
       }
     }
 }
-function ne({
+function fe({
   box: e,
   defaultHeight: t,
   defaultWidth: s,
-  disabled: r,
-  element: o,
-  mode: i,
-  style: n
+  disabled: o,
+  element: r,
+  mode: n,
+  style: i
 }) {
   const { styleHeight: c, styleWidth: l } = W(
     () => ({
-      styleHeight: Q(n?.height),
-      styleWidth: Q(n?.width)
+      styleHeight: Q(i?.height),
+      styleWidth: Q(i?.width)
     }),
-    [n?.height, n?.width]
-  ), [f, a] = E({
+    [i?.height, i?.width]
+  ), [f, p] = 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;
+  }), b = o || n === "only-height" && c !== void 0 || n === "only-width" && l !== void 0 || c !== void 0 && l !== void 0;
   return Y(() => {
-    if (o === null || I)
+    if (r === null || b)
       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 w = new ResizeObserver((k) => {
+      for (const a of k) {
+        const { contentRect: m, target: I } = a;
+        r === I && p((g) => g.height === m.height && g.width === m.width ? g : {
+          height: m.height,
+          width: m.width
         });
       }
     });
-    return v.observe(o, { box: e }), () => {
-      v?.unobserve(o);
+    return w.observe(r, { box: e }), () => {
+      w?.unobserve(r);
     };
-  }, [e, I, o, c, l]), W(
+  }, [e, b, r, c, l]), W(
     () => ({
       height: c ?? f.height,
       width: l ?? f.width
@@ -70,7 +70,7 @@ function ne({
     [f, c, l]
   );
 }
-function ce(e) {
+function ue(e) {
   const t = q(() => {
     throw new Error("Cannot call an event handler while rendering.");
   });
@@ -78,35 +78,35 @@ function ce(e) {
     t.current = e;
   }, [e]), V((s) => t.current?.(s), [t]);
 }
-let j = null;
-function fe(e = !1) {
-  if (j === null || e) {
+let G = null;
+function de(e = !1) {
+  if (G === 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"), o = r.style;
-    return o.width = "100px", o.height = "100px", t.appendChild(r), document.body.appendChild(t), t.scrollLeft > 0 ? j = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? j = "negative" : j = "positive-ascending"), document.body.removeChild(t), j;
+    const o = document.createElement("div"), r = o.style;
+    return r.width = "100px", r.height = "100px", t.appendChild(o), document.body.appendChild(t), t.scrollLeft > 0 ? G = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? G = "negative" : G = "positive-ascending"), document.body.removeChild(t), G;
   }
-  return j;
+  return G;
 }
 function A({
   containerElement: e,
   direction: t,
   isRtl: s,
-  scrollOffset: r
+  scrollOffset: o
 }) {
   if (t === "horizontal" && s)
-    switch (fe()) {
+    switch (de()) {
       case "negative":
-        return -r;
+        return -o;
       case "positive-descending": {
         if (e) {
-          const { clientWidth: o, scrollLeft: i, scrollWidth: n } = e;
-          return n - o - i;
+          const { clientWidth: r, scrollLeft: n, scrollWidth: i } = e;
+          return i - r - n;
         }
         break;
       }
     }
-  return r;
+  return o;
 }
 function R(e, t = "Assertion error") {
   if (!e)
@@ -122,83 +122,83 @@ function te({
   if (typeof s == "number")
     return t * s;
   {
-    const r = e.get(
+    const o = e.get(
       e.size === 0 ? 0 : e.size - 1
     );
-    R(r !== void 0, "Unexpected bounds cache miss");
-    const o = (r.scrollOffset + r.size) / e.size;
-    return t * o;
+    R(o !== void 0, "Unexpected bounds cache miss");
+    const r = (o.scrollOffset + o.size) / e.size;
+    return t * r;
   }
 }
-function de({
+function he({
   align: e,
   cachedBounds: t,
   index: s,
-  itemCount: r,
-  itemSize: o,
-  containerScrollOffset: i,
-  containerSize: n
+  itemCount: o,
+  itemSize: r,
+  containerScrollOffset: n,
+  containerSize: i
 }) {
   const c = te({
     cachedBounds: t,
-    itemCount: r,
-    itemSize: o
+    itemCount: o,
+    itemSize: r
   }), l = t.get(s), f = Math.max(
     0,
-    Math.min(c - n, l.scrollOffset)
-  ), a = Math.max(
+    Math.min(c - i, l.scrollOffset)
+  ), p = Math.max(
     0,
-    l.scrollOffset - n + l.size
+    l.scrollOffset - i + l.size
   );
-  switch (e === "smart" && (i >= a && i <= f ? e = "auto" : e = "center"), e) {
+  switch (e === "smart" && (n >= p && n <= f ? e = "auto" : e = "center"), e) {
     case "start":
       return f;
     case "end":
-      return a;
+      return p;
     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 l.scrollOffset <= i / 2 ? 0 : l.scrollOffset + l.size / 2 >= c - i / 2 ? c - i : l.scrollOffset + l.size / 2 - i / 2;
     case "auto":
     default:
-      return i >= a && i <= f ? i : i < a ? a : f;
+      return n >= p && n <= f ? n : n < p ? p : f;
   }
 }
 function X({
   cachedBounds: e,
   containerScrollOffset: t,
   containerSize: s,
-  itemCount: r,
-  overscanCount: o
+  itemCount: o,
+  overscanCount: r
 }) {
-  const i = r - 1;
-  let n = 0, c = -1, l = 0;
-  for (; l < i; ) {
+  const n = o - 1;
+  let i = 0, c = -1, l = 0;
+  for (; l < n; ) {
     const f = e.get(l);
     if (f.scrollOffset + f.size > t)
       break;
     l++;
   }
-  for (n = l, n = Math.max(0, n - o); l < i; ) {
+  for (i = l, i = Math.max(0, i - r); l < n; ) {
     const f = e.get(l);
     if (f.scrollOffset + f.size >= t + s)
       break;
     l++;
   }
-  return c = Math.min(i, l), c = Math.min(r - 1, c + o), n < 0 ? [0, -1] : [n, c];
+  return c = Math.min(n, l), c = Math.min(o - 1, c + r), i < 0 ? [0, -1] : [i, c];
 }
-function ue({
+function ae({
   itemCount: e,
   itemProps: t,
   itemSize: s
 }) {
-  const r = /* @__PURE__ */ new Map();
+  const o = /* @__PURE__ */ new Map();
   return {
-    get(o) {
-      for (R(o < e, `Invalid index ${o}`); r.size - 1 < o; ) {
-        const n = r.size;
+    get(r) {
+      for (R(r < e, `Invalid index ${r}`); o.size - 1 < r; ) {
+        const i = o.size;
         let c;
         switch (typeof s) {
           case "function": {
-            c = s(n, t);
+            c = s(i, t);
             break;
           }
           case "number": {
@@ -206,43 +206,43 @@ function ue({
             break;
           }
         }
-        if (n === 0)
-          r.set(n, {
+        if (i === 0)
+          o.set(i, {
             size: c,
             scrollOffset: 0
           });
         else {
-          const l = r.get(n - 1);
+          const l = o.get(i - 1);
           R(
             l !== void 0,
-            `Unexpected bounds cache miss for index ${o}`
-          ), r.set(n, {
+            `Unexpected bounds cache miss for index ${r}`
+          ), o.set(i, {
             scrollOffset: l.scrollOffset + l.size,
             size: c
           });
         }
       }
-      const i = r.get(o);
+      const n = o.get(r);
       return R(
-        i !== void 0,
-        `Unexpected bounds cache miss for index ${o}`
-      ), i;
+        n !== void 0,
+        `Unexpected bounds cache miss for index ${r}`
+      ), n;
     },
-    set(o, i) {
-      r.set(o, i);
+    set(r, n) {
+      o.set(r, n);
     },
     get size() {
-      return r.size;
+      return o.size;
     }
   };
 }
-function he({
+function pe({
   itemCount: e,
   itemProps: t,
   itemSize: s
 }) {
   return W(
-    () => ue({
+    () => ae({
       itemCount: e,
       itemProps: t,
       itemSize: s
@@ -250,7 +250,7 @@ function he({
     [e, t, s]
   );
 }
-function ae({
+function ge({
   containerSize: e,
   itemSize: t
 }) {
@@ -277,60 +277,60 @@ function C({
   containerElement: e,
   containerStyle: t,
   defaultContainerSize: s = 0,
-  direction: r,
-  isRtl: o = !1,
-  itemCount: i,
-  itemProps: n,
+  direction: o,
+  isRtl: r = !1,
+  itemCount: n,
+  itemProps: i,
   itemSize: c,
   onResize: l,
   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({
-    defaultHeight: r === "vertical" ? s : void 0,
-    defaultWidth: r === "horizontal" ? s : void 0,
+  const [p, b] = B([0, -1]), [w, k] = [
+    Math.min(n - 1, p[0]),
+    Math.min(n - 1, p[1])
+  ], { height: a = s, width: m = s } = fe({
+    defaultHeight: o === "vertical" ? s : void 0,
+    defaultWidth: o === "horizontal" ? s : void 0,
     element: e,
-    mode: r === "vertical" ? "only-height" : "only-width",
+    mode: o === "vertical" ? "only-height" : "only-width",
     style: t
-  }), z = q({
+  }), I = q({
     height: 0,
     width: 0
-  }), g = r === "vertical" ? x : w, u = ae({ containerSize: g, itemSize: c });
+  }), g = o === "vertical" ? a : m, d = ge({ containerSize: g, itemSize: c });
   J(() => {
     if (typeof l == "function") {
-      const d = z.current;
-      (d.height !== x || d.width !== w) && (l({ height: x, width: w }, { ...d }), d.height = x, d.width = w);
+      const u = I.current;
+      (u.height !== a || u.width !== m) && (l({ height: a, width: m }, { ...u }), u.height = a, u.width = m);
     }
-  }, [x, l, w]);
-  const h = he({
-    itemCount: i,
-    itemProps: n,
-    itemSize: u
+  }, [a, l, m]);
+  const h = pe({
+    itemCount: n,
+    itemProps: i,
+    itemSize: d
   }), y = V(
-    (d) => h.get(d),
+    (u) => h.get(u),
     [h]
-  ), B = V(
+  ), H = V(
     () => te({
       cachedBounds: h,
-      itemCount: i,
-      itemSize: u
+      itemCount: n,
+      itemSize: d
     }),
-    [h, i, u]
-  ), T = V(
-    (d) => {
-      const m = A({
+    [h, n, d]
+  ), S = V(
+    (u) => {
+      const v = A({
         containerElement: e,
-        direction: r,
-        isRtl: o,
-        scrollOffset: d
+        direction: o,
+        isRtl: r,
+        scrollOffset: u
       });
       return X({
         cachedBounds: h,
-        containerScrollOffset: m,
+        containerScrollOffset: v,
         containerSize: g,
-        itemCount: i,
+        itemCount: n,
         overscanCount: f
       });
     },
@@ -338,87 +338,80 @@ function C({
       h,
       e,
       g,
-      r,
       o,
-      i,
+      r,
+      n,
       f
     ]
   );
   Y(() => {
-    const d = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
-    I(T(d));
-  }, [e, r, T]), Y(() => {
+    const u = (o === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
+    b(S(u));
+  }, [e, o, S]), Y(() => {
     if (!e)
       return;
-    const d = () => {
-      I((m) => {
-        const { scrollLeft: H, scrollTop: G } = e, b = A({
+    const u = () => {
+      b((v) => {
+        const { scrollLeft: j, scrollTop: L } = e, z = A({
           containerElement: e,
-          direction: r,
-          isRtl: o,
-          scrollOffset: r === "vertical" ? G : H
-        }), O = X({
+          direction: o,
+          isRtl: r,
+          scrollOffset: o === "vertical" ? L : j
+        }), $ = X({
           cachedBounds: h,
-          containerScrollOffset: b,
+          containerScrollOffset: z,
           containerSize: g,
-          itemCount: i,
+          itemCount: n,
           overscanCount: f
         });
-        return O[0] === m[0] && O[1] === m[1] ? m : O;
+        return $[0] === v[0] && $[1] === v[1] ? v : $;
       });
     };
-    return e.addEventListener("scroll", d), () => {
-      e.removeEventListener("scroll", d);
+    return e.addEventListener("scroll", u), () => {
+      e.removeEventListener("scroll", u);
     };
   }, [
     h,
     e,
     g,
-    r,
-    i,
+    o,
+    n,
     f
   ]);
-  const p = ce(
+  const x = ue(
     ({
-      align: d = "auto",
-      behavior: m = "auto",
-      containerScrollOffset: H,
-      index: G
+      align: u = "auto",
+      containerScrollOffset: v,
+      index: j
     }) => {
-      let b = de({
-        align: d,
+      let L = he({
+        align: u,
         cachedBounds: h,
-        containerScrollOffset: H,
+        containerScrollOffset: v,
         containerSize: g,
-        index: G,
-        itemCount: i,
-        itemSize: u
+        index: j,
+        itemCount: n,
+        itemSize: d
       });
-      if (e)
-        if (b = A({
+      if (e) {
+        if (L = A({
           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);
+          direction: o,
+          isRtl: r,
+          scrollOffset: L
+        }), typeof e.scrollTo != "function") {
+          const z = S(L);
+          (z[0] !== w || z[1] !== k) && b(z);
         }
+        return L;
+      }
     }
   );
   return {
     getCellBounds: y,
-    getEstimatedSize: B,
-    scrollToIndex: p,
-    startIndex: v,
+    getEstimatedSize: H,
+    scrollToIndex: x,
+    startIndex: w,
     stopIndex: k
   };
 }
@@ -435,149 +428,158 @@ function Z(e, t) {
       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 oe(e, t) {
+  const { style: s, ...o } = e, { style: r, ...n } = t;
+  return Z(s, r) && Z(o, n);
 }
-function ve({
+function we({
   cellComponent: e,
   cellProps: t,
   className: s,
-  columnCount: r,
-  columnWidth: o,
-  defaultHeight: i = 0,
-  defaultWidth: n = 0,
+  columnCount: o,
+  columnWidth: r,
+  defaultHeight: n = 0,
+  defaultWidth: i = 0,
   dir: c,
   gridRef: l,
   onCellsRendered: f,
-  onResize: a,
-  overscanCount: I = 3,
-  rowCount: v,
+  onResize: p,
+  overscanCount: b = 3,
+  rowCount: w,
   rowHeight: k,
-  style: x,
-  ...w
+  style: a,
+  ...m
 }) {
-  const z = se(t), g = W(
-    () => _(e, re),
+  const I = se(t), g = W(
+    () => _(e, oe),
     [e]
-  ), [u, h] = E(null), y = le(u, c), {
-    getCellBounds: B,
-    getEstimatedSize: T,
-    startIndex: p,
-    scrollToIndex: d,
-    stopIndex: m
+  ), [d, h] = B(null), y = ce(d, c), {
+    getCellBounds: H,
+    getEstimatedSize: S,
+    startIndex: x,
+    scrollToIndex: u,
+    stopIndex: v
   } = C({
-    containerElement: u,
-    defaultContainerSize: n,
+    containerElement: d,
+    defaultContainerSize: i,
     direction: "horizontal",
     isRtl: y,
-    itemCount: r,
-    itemProps: z,
-    itemSize: o,
-    onResize: a,
-    overscanCount: I
+    itemCount: o,
+    itemProps: I,
+    itemSize: r,
+    onResize: p,
+    overscanCount: b
   }), {
-    getCellBounds: H,
-    getEstimatedSize: G,
-    startIndex: b,
-    scrollToIndex: O,
+    getCellBounds: j,
+    getEstimatedSize: L,
+    startIndex: z,
+    scrollToIndex: $,
     stopIndex: F
   } = C({
-    containerElement: u,
-    defaultContainerSize: i,
+    containerElement: d,
+    defaultContainerSize: n,
     direction: "vertical",
-    itemCount: v,
-    itemProps: z,
+    itemCount: w,
+    itemProps: I,
     itemSize: k,
-    onResize: a,
-    overscanCount: I
+    onResize: p,
+    overscanCount: b
   });
   N(
     l,
     () => ({
       get element() {
-        return u;
+        return d;
       },
       scrollToCell({
-        behavior: L = "auto",
-        columnAlign: S = "auto",
+        behavior: E = "auto",
+        columnAlign: O = "auto",
         columnIndex: M,
-        rowAlign: $ = "auto",
+        rowAlign: T = "auto",
         rowIndex: U
       }) {
-        O({
-          align: $,
-          behavior: L,
-          containerScrollOffset: u?.scrollTop ?? 0,
-          index: U
-        }), d({
-          align: S,
-          behavior: L,
-          containerScrollOffset: u?.scrollLeft ?? 0,
+        const ne = u({
+          align: O,
+          containerScrollOffset: d?.scrollLeft ?? 0,
           index: M
+        }), le = $({
+          align: T,
+          containerScrollOffset: d?.scrollTop ?? 0,
+          index: U
+        });
+        typeof d?.scrollTo == "function" && d.scrollTo({
+          behavior: E,
+          left: ne,
+          top: le
         });
       },
       scrollToColumn({
-        align: L = "auto",
-        behavior: S = "auto",
+        align: E = "auto",
+        behavior: O = "auto",
         index: M
       }) {
-        d({
-          align: L,
-          behavior: S,
-          containerScrollOffset: u?.scrollLeft ?? 0,
+        const T = u({
+          align: E,
+          containerScrollOffset: d?.scrollLeft ?? 0,
           index: M
         });
+        typeof d?.scrollTo == "function" && d.scrollTo({
+          behavior: O,
+          left: T
+        });
       },
       scrollToRow({
-        align: L = "auto",
-        behavior: S = "auto",
+        align: E = "auto",
+        behavior: O = "auto",
         index: M
       }) {
-        O({
-          align: L,
-          behavior: S,
-          containerScrollOffset: u?.scrollTop ?? 0,
+        const T = $({
+          align: E,
+          containerScrollOffset: d?.scrollTop ?? 0,
           index: M
         });
+        typeof d?.scrollTo == "function" && d.scrollTo({
+          behavior: O,
+          top: T
+        });
       }
     }),
-    [u, d, O]
+    [d, u, $]
   ), K(() => {
-    p >= 0 && m >= 0 && b >= 0 && F >= 0 && f && f({
-      columnStartIndex: p,
-      columnStopIndex: m,
-      rowStartIndex: b,
+    x >= 0 && v >= 0 && z >= 0 && F >= 0 && f && f({
+      columnStartIndex: x,
+      columnStopIndex: v,
+      rowStartIndex: z,
       rowStopIndex: F
     });
   }, [
     f,
-    p,
-    m,
-    b,
+    x,
+    v,
+    z,
     F
   ]);
-  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(
+  const re = W(() => {
+    const E = [];
+    if (o > 0 && w > 0)
+      for (let O = z; O <= F; O++) {
+        const M = j(O);
+        for (let T = x; T <= v; T++) {
+          const U = H(T);
+          E.push(
             /* @__PURE__ */ ee(
               g,
               {
-                ...z,
-                columnIndex: $,
-                key: `${S}-${$}`,
-                rowIndex: S,
+                ...I,
+                columnIndex: T,
+                key: `${O}-${T}`,
+                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%",
+                  height: w > 1 ? M.size : "100%",
                   width: U.size
                 }
               }
@@ -585,32 +587,31 @@ function ve({
           );
         }
       }
-    return L;
+    return E;
   }, [
     g,
-    z,
-    r,
-    p,
-    m,
-    B,
+    I,
+    o,
+    x,
+    v,
     H,
+    j,
     y,
-    v,
-    b,
+    w,
+    z,
     F
   ]);
   return /* @__PURE__ */ D(
     "div",
     {
-      role: "grid",
-      ...w,
+      ...m,
       className: s,
       dir: c,
       ref: h,
       style: {
         width: "100%",
         height: "100%",
-        ...x,
+        ...a,
         maxHeight: "100%",
         maxWidth: "100%",
         flexGrow: 1,
@@ -622,109 +623,111 @@ function ve({
           className: s,
           style: {
             position: "relative",
-            height: G(),
-            width: T()
+            height: L(),
+            width: S()
           },
-          children: oe
+          children: re
         }
       )
     }
   );
 }
-const xe = E, we = q;
-function me({
+const me = B, ye = q;
+function be({
   className: e,
   defaultHeight: t = 0,
   listRef: s,
-  onResize: r,
-  onRowsRendered: o,
-  overscanCount: i = 3,
-  rowComponent: n,
+  onResize: o,
+  onRowsRendered: r,
+  overscanCount: n = 3,
+  rowComponent: i,
   rowCount: c,
   rowHeight: l,
   rowProps: f,
-  style: a,
-  ...I
+  style: p,
+  ...b
 }) {
-  const v = se(f), k = W(
-    () => _(n, re),
-    [n]
-  ), [x, w] = E(null), {
-    getCellBounds: z,
+  const w = se(f), k = W(
+    () => _(i, oe),
+    [i]
+  ), [a, m] = B(null), {
+    getCellBounds: I,
     getEstimatedSize: g,
-    scrollToIndex: u,
+    scrollToIndex: d,
     startIndex: h,
     stopIndex: y
   } = C({
-    containerElement: x,
+    containerElement: a,
     defaultContainerSize: t,
     direction: "vertical",
     itemCount: c,
-    itemProps: v,
+    itemProps: w,
     itemSize: l,
-    onResize: r,
-    overscanCount: i
+    onResize: o,
+    overscanCount: n
   });
   N(
     s,
     () => ({
       get element() {
-        return x;
+        return a;
       },
       scrollToRow({
-        align: T = "auto",
-        behavior: p = "auto",
-        index: d
+        align: S = "auto",
+        behavior: x = "auto",
+        index: u
       }) {
-        u({
-          align: T,
-          behavior: p,
-          containerScrollOffset: x?.scrollTop ?? 0,
-          index: d
+        const v = d({
+          align: S,
+          containerScrollOffset: a?.scrollTop ?? 0,
+          index: u
+        });
+        typeof a?.scrollTo == "function" && a.scrollTo({
+          behavior: x,
+          top: v
         });
       }
     }),
-    [x, u]
+    [a, d]
   ), K(() => {
-    h >= 0 && y >= 0 && o && o({
+    h >= 0 && y >= 0 && r && r({
       startIndex: h,
       stopIndex: y
     });
-  }, [o, h, y]);
-  const B = W(() => {
-    const T = [];
+  }, [r, h, y]);
+  const H = W(() => {
+    const S = [];
     if (c > 0)
-      for (let p = h; p <= y; p++) {
-        const d = z(p);
-        T.push(
+      for (let x = h; x <= y; x++) {
+        const u = I(x);
+        S.push(
           /* @__PURE__ */ ee(
             k,
             {
-              ...v,
-              key: p,
-              index: p,
+              ...w,
+              key: x,
+              index: x,
               style: {
                 position: "absolute",
                 left: 0,
-                transform: `translateY(${d.scrollOffset}px)`,
-                height: d.size,
+                transform: `translateY(${u.scrollOffset}px)`,
+                height: u.size,
                 width: "100%"
               }
             }
           )
         );
       }
-    return T;
-  }, [k, z, c, v, h, y]);
+    return S;
+  }, [k, I, c, w, h, y]);
   return /* @__PURE__ */ D(
     "div",
     {
-      role: "list",
-      ...I,
+      ...b,
       className: e,
-      ref: w,
+      ref: m,
       style: {
-        ...a,
+        ...p,
         maxHeight: "100%",
         flexGrow: 1,
         overflowY: "auto"
@@ -738,15 +741,15 @@ function me({
             position: "relative",
             width: "100%"
           },
-          children: B
+          children: H
         }
       )
     }
   );
 }
-const ye = E, be = q;
+const Ie = B, ze = q;
 let P = -1;
-function Ie(e = !1) {
+function Oe(e = !1) {
   if (P === -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);
@@ -754,12 +757,12 @@ function Ie(e = !1) {
   return P;
 }
 export {
-  ve as Grid,
-  me as List,
-  Ie as getScrollbarSize,
-  xe as useGridCallbackRef,
-  we as useGridRef,
-  ye as useListCallbackRef,
-  be as useListRef
+  we as Grid,
+  be as List,
+  Oe as getScrollbarSize,
+  me as useGridCallbackRef,
+  ye as useGridRef,
+  Ie as useListCallbackRef,
+  ze as useListRef
 };
 //# sourceMappingURL=react-window.js.map