react-window 2.0.0-alpha.6 → 2.0.0-alpha.7

package/dist/react-window.js

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