@sheetxl/studio-vanilla 0.4.19 → 0.4.20

package/browser/esm/{D8hxrXJDfvDRoouY.mjs → Dkf0_o7D9GkUfOZy.mjs}

@@ -1,11 +1,11 @@
-import { aP as E, j as t, r as o, aQ as p, h as b, w as M, E as le, K as ae, O as re, P as ce, B as O, aR as g, a2 as m, aS as pe, aT as j, aU as de, a as Y, b as R, ay as ue, aV as fe, aW as xe, aX as ge, U as T, aY as _, aZ as me, a_ as he, Z as Oe, M as je, F as Ce, I as ye, G as be } from "./8F0vFRAXlzH-vmJl.mjs";
+import { aP as E, j as t, r as o, aQ as p, i as b, t as M, w as le, J as ae, P as re, Q as ce, B as O, aR as g, a2 as m, aS as pe, aT as j, aU as de, a as J, b as R, ay as ue, aV as fe, aW as xe, aX as ge, U as T, aY as Y, aZ as me, a_ as he, Z as Oe, M as je, F as Ce, x as ye, A as be } from "./BJkeQi-0GTlyPsTT.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
  */
-const Re = E(t.jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), Te = E(t.jsx("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), ve = E(t.jsx("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }), "ArrowForward"), ke = E(t.jsx("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z" }), "ArrowUpward"), A = o.memo((v) => {
+const Re = E(t.jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" }), "ArrowBack"), Te = E(t.jsx("path", { d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z" }), "ArrowDownward"), ve = E(t.jsx("path", { d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }), "ArrowForward"), ke = E(t.jsx("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z" }), "ArrowUpward"), K = o.memo((v) => {
   const { label: h, value: c, options: l, onSelect: d, tabIndex: C = 0, ...F } = v, [I, y] = o.useState(() => ee(c, l));
   o.useEffect(() => {
     y(ee(c, l));
@@ -14,7 +14,7 @@ const Re = E(t.jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7
     y(u.target.value), d?.(l[u.target.value]);
   }, [d, l]), a = o.useMemo(() => Object.keys(l).map((u) => t.jsx(je, { value: u, children: u }, u)), [l]);
   return t.jsxs(Ce, { sx: { minWidth: 135 }, size: "small", children: [t.jsx(ye, { children: h }), t.jsx(be, { inputProps: { tabIndex: C }, value: I, label: h, onChange: L, sx: { backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, ...F, children: a })] });
-}), q = { Workbook: "workbook", Sheet: "sheet" }, J = { enter: 140, exit: 140 }, ne = { Formulas: p.Content.Formulas, Values: p.Content.Values, Notes: p.Content.Notes, Comments: p.Content.Comments }, te = { ...ne };
+}), _ = { Workbook: "workbook", Sheet: "sheet" }, q = { enter: 140, exit: 140 }, ne = { Formulas: p.Content.Formulas, Values: p.Content.Values, Notes: p.Content.Notes, Comments: p.Content.Comments }, te = { ...ne };
 delete te.Values;
 const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
   const c = Object.keys(h);
@@ -25,15 +25,15 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
 }, Ee = o.memo((v) => {
   const { replace: h = !1, findText: c, replaceText: l, findOptions: d, replaceOptions: C, title: F, onHide: I, onFindOrReplace: y, ...L } = v, a = o.useRef(null), u = o.useRef(null), V = o.useRef(null), z = o.useRef(null), B = o.useRef(null), H = o.useRef(null), $ = (e, n) => {
     n && (n.start(e, { center: !1 }), setTimeout(() => n.stop(e), 180));
-  }, [W, w] = o.useState(!1), [D, se] = o.useState(!1), [f, P] = o.useState(h), [N, K] = o.useState(!1), [U, G] = o.useState(!1), [i, r] = o.useState({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: b.Orientation.Row, fields: [p.Content.Formulas] }, scope: q.Sheet }), k = M(async (e, n, s, S) => {
+  }, [W, w] = o.useState(!1), [D, se] = o.useState(!1), [f, P] = o.useState(h), [N, A] = o.useState(!1), [U, Q] = o.useState(!1), [i, r] = o.useState({ findText: null, replaceText: null, replace: h, replaceOptions: {}, findOptions: { matchCase: !1, matchEntireCell: !1, useRegex: !1, orientation: b.Orientation.Row, fields: [p.Content.Formulas] }, scope: _.Sheet }), k = M(async (e, n, s, S) => {
     if (!y) return;
     const x = { ...i };
     x.replaceOptions = { ...x.replaceOptions }, x.findOptions = { ...x.findOptions }, x.replaceOptions.maxCount = s ? void 0 : 1, x.replace = n, n && i.findOptions.fields?.[0] === p.Content.Values && (x.findOptions.fields = [p.Content.Formulas]), x.findOptions.reverse = !e;
     const oe = await y({ autoFocus: S, ...x });
-    K(oe === 0);
+    A(oe === 0);
   }, [i, y]);
   o.useEffect(() => {
-    K(!1);
+    A(!1);
   }, [i, D, f]);
   const X = M((e, n) => {
     if (e.keyCode === le.Enter) {
@@ -56,9 +56,9 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
       a.current?.select(), w(!1);
     }, { once: !0 });
   }, [W, i]);
-  const [ie, { width: Q }] = ae();
-  return t.jsx(re, { ref: Z, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => G(!0), onBlur: () => {
-    G(!1), K(!1);
+  const [ie, { width: G }] = ae();
+  return t.jsx(re, { ref: Z, title: F ?? (f ? "Find & Replace" : "Find"), initialPosition: { y: "35" }, autoFocusSel: ".input", onHide: I, onFocus: () => Q(!0), onBlur: () => {
+    Q(!1), A(!1);
   }, PaperProps: { elevation: U ? 3 : 1 }, ...L, children: t.jsxs(ce, { dividers: !0, ref: ie, sx: { display: "flex", flexDirection: "column", paddingLeft: (e) => e.spacing(1.5), paddingRight: (e) => e.spacing(1.5) }, onKeyDown: (e) => {
     if (e.key === "h" && e.ctrlKey) P(!0), a.current?.contains(document.activeElement) && u.current?.focus();
     else if (e.key === "f" && e.ctrlKey) a.current?.focus();
@@ -82,7 +82,7 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
     se(e);
   }, preventFocus: !0, label: "Toggle Additional Options", icon: m(t.jsx(pe, {})) }), t.jsx(g, { selected: f, onSelectToggle: (e) => {
     P(e);
-  }, preventFocus: !0, label: "Toggle Replace", icon: m(t.jsx(de, {})), shortcut: { key: f ? "F" : "H", modifiers: [j.Ctrl] } })] }), t.jsxs(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [t.jsx(Y, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: Q > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, inputProps: { draggable: !1, ref: a, className: "input", autoFocus: !0, spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } }, endAdornment: t.jsx(ue, { sx: { transform: "scale(0.75) translateX(16px)" }, position: "end", children: t.jsxs(O, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "1px" }, children: [t.jsx(g, { selected: i.findOptions.matchCase, onSelectToggle: (e) => {
+  }, preventFocus: !0, label: "Toggle Replace", icon: m(t.jsx(de, {})), shortcut: { key: f ? "F" : "H", modifiers: [j.Ctrl] } })] }), t.jsxs(O, { sx: { display: "flex", flexDirection: "column", maxWidth: "100%", boxSizing: "border-box" }, children: [t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [t.jsx(J, { label: "Find", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), minWidth: G > 460 ? "20em" : void 0, backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, inputProps: { draggable: !1, ref: a, className: "input", autoFocus: !0, spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } }, endAdornment: t.jsx(ue, { sx: { transform: "scale(0.75) translateX(16px)" }, position: "end", children: t.jsxs(O, { sx: { display: "flex", alignItems: "center", flexDirection: "row", gap: "1px" }, children: [t.jsx(g, { selected: i.findOptions.matchCase, onSelectToggle: (e) => {
     r((n) => {
       const s = { ...n };
       return s.findOptions.matchCase = e, s;
@@ -108,9 +108,9 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
     k(!1, !1);
   }, touchRippleRef: V, label: "", shortcut: { key: "Enter", modifiers: [j.Shift] }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(Re, {}) : t.jsx(ke, {})), disabled: !i.findText }), t.jsx(g, { selected: !i.findOptions.reverse, onSelectToggle: (e) => {
     k(!0, !1);
-  }, touchRippleRef: z, label: "Next Match", shortcut: { key: "Enter" }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(ve, {}) : t.jsx(Te, {})), disabled: !i.findText })] }), t.jsx(_, { in: f, timeout: J, onExit: () => {
+  }, touchRippleRef: z, label: "Next Match", shortcut: { key: "Enter" }, icon: m(i.findOptions.orientation !== b.Orientation.Column ? t.jsx(ve, {}) : t.jsx(Te, {})), disabled: !i.findText })] }), t.jsx(Y, { in: f, timeout: q, onExit: () => {
     a.current?.focus();
-  }, children: t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [t.jsx(Y, { label: "Replace", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, inputProps: { ref: u, className: "input", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } } }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1) }, value: i.replaceText ?? "", onChange: (e) => {
+  }, children: t.jsxs(O, { sx: { display: "flex", flexDirection: "row", alignItems: "center", marginTop: (e) => e.spacing(2) }, children: [t.jsx(J, { label: "Replace", InputLabelProps: { shrink: !0 }, InputProps: { sx: { paddingRight: (e) => e.spacing(1), backgroundImage: `linear-gradient(${R("#fff", T(5))}, ${R("#fff", T(5))})` }, inputProps: { ref: u, className: "input", spellCheck: !1, autoComplete: "off", sx: { paddingTop: (e) => e.spacing(1.25), paddingBottom: (e) => e.spacing(0.75) } } }, sx: { flex: "1 1 100%", marginRight: (e) => e.spacing(1) }, value: i.replaceText ?? "", onChange: (e) => {
     r((n) => {
       const s = { ...n };
       return s.replaceText = e.target.value, s;
@@ -121,19 +121,19 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
     k(!0, !0);
   }, touchRippleRef: B, label: "Replace", shortcut: { key: "Enter" }, icon: m(t.jsx(me, {})), disabled: !i.findText }), t.jsx(g, { onSelectToggle: (e) => {
     k(!0, !0, !0);
-  }, touchRippleRef: H, label: "Replace All", shortcut: { key: "Enter", modifiers: [j.Ctrl, j.Alt] }, icon: m(t.jsx(he, {})), disabled: !i.findText })] }) })] })] }), t.jsx(_, { in: D, timeout: J, onExit: () => {
+  }, touchRippleRef: H, label: "Replace All", shortcut: { key: "Enter", modifiers: [j.Ctrl, j.Alt] }, icon: m(t.jsx(he, {})), disabled: !i.findText })] }) })] })] }), t.jsx(Y, { in: D, timeout: q, onExit: () => {
     a.current?.focus();
-  }, children: t.jsxs(O, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [t.jsx(Oe, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), t.jsxs(O, { sx: { display: "flex", flexDirection: Q >= 413 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [t.jsx(A, { label: "Within", value: i.scope, options: q, onSelect: (e) => {
+  }, children: t.jsxs(O, { sx: { minHeight: "10px", flex: "1 1 100%", display: "flex", flexDirection: "column", gap: (e) => e.spacing(0.5), marginTop: (e) => e.spacing(1) }, children: [t.jsx(Oe, { orientation: "horizontal", sx: { marginBottom: (e) => e.spacing(1.5) } }), t.jsxs(O, { sx: { display: "flex", flexDirection: G >= 413 ? "row" : "column", justifyContent: "space-evenly", alignItems: "center", rowGap: (e) => e.spacing(2) }, tabIndex: -1, children: [t.jsx(K, { label: "Within", value: i.scope, options: _, onSelect: (e) => {
     r((n) => {
       const s = { ...n };
       return s.scope = e, s;
     });
-  } }), t.jsx(A, { label: "Search", value: i.findOptions.orientation !== b.Orientation.Column, options: Se, onSelect: (e) => {
+  } }), t.jsx(K, { label: "Search", value: i.findOptions.orientation !== b.Orientation.Column, options: Se, onSelect: (e) => {
     r((n) => {
       const s = { ...n };
       return s.findOptions.orientation = e ? b.Orientation.Row : b.Orientation.Column, s;
     });
-  } }), t.jsx(A, { label: "Look in", value: f && i.findOptions.fields?.[0] === p.Content.Values ? p.Content.Formulas : i.findOptions.fields?.[0], options: f ? te : ne, onSelect: (e) => {
+  } }), t.jsx(K, { label: "Look in", value: f && i.findOptions.fields?.[0] === p.Content.Values ? p.Content.Formulas : i.findOptions.fields?.[0], options: f ? te : ne, onSelect: (e) => {
     r((n) => {
       const s = { ...n };
       return s.findOptions.fields = [e], s;
@@ -142,6 +142,6 @@ const Se = { "By Rows": !0, "By Columns": !1 }, ee = (v, h) => {
 });
 export {
   Ee as FindReplaceWindow,
-  q as ScopeOptions,
+  _ as ScopeOptions,
   Ee as default
 };

package/browser/esm/{BprECrKMFGb2UK2v.mjs → DlASr70UXrIpKZQO.mjs}

@@ -1,6 +1,6 @@
-import { r as C, an as Zt, ao as Qt, ap as eo, j as A, aq as to, ar as oo, as as Q, at as no, au as ro, av as io, aw as lo, b as Z, O as so, P as ao, E as _t, ax as co, B as he, a as uo, ay as ho, az as fo, aA as po, U as fe, x as mo, C as go, H as vo, aB as _o, aC as So, aD as He, aE as yo, aF as wo, aG as Co, y as St, aH as Se, aI as xo, aJ as Ro, aK as q, aL as bo, aM as N, aN as V, aO as zo } from "./8F0vFRAXlzH-vmJl.mjs";
+import { r as C, an as Zt, ao as Qt, ap as eo, j as A, aq as to, ar as oo, as as Q, at as no, au as ro, av as io, aw as lo, b as Z, P as so, Q as ao, w as _t, ax as co, B as he, a as uo, ay as ho, az as fo, aA as po, U as fe, u as mo, C as go, E as vo, aB as _o, aC as So, aD as He, aE as yo, aF as wo, aG as Co, y as St, aH as Se, aI as xo, aJ as Ro, aK as q, aL as bo, aM as N, aN as V, aO as zo } from "./BJkeQi-0GTlyPsTT.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -9,22 +9,22 @@ const To = C.createContext(), Io = C.createContext();
 function Po(o) {
   return Qt("MuiTableCell", o);
 }
-const Oo = Zt("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "sizeMedium", "paddingCheckbox", "paddingNone", "alignLeft", "alignCenter", "alignRight", "alignJustify", "stickyHeader"]), ko = to("td", { name: "MuiTableCell", slot: "Root", overridesResolver: (o, e) => {
+const ko = Zt("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "sizeMedium", "paddingCheckbox", "paddingNone", "alignLeft", "alignCenter", "alignRight", "alignJustify", "stickyHeader"]), Oo = to("td", { name: "MuiTableCell", slot: "Root", overridesResolver: (o, e) => {
   const { ownerState: t } = o;
   return [e.root, e[t.variant], e[`size${Q(t.size)}`], t.padding !== "normal" && e[`padding${Q(t.padding)}`], t.align !== "inherit" && e[`align${Q(t.align)}`], t.stickyHeader && e.stickyHeader];
 } })(ro(({ theme: o }) => ({ ...o.typography.body2, display: "table-cell", verticalAlign: "inherit", borderBottom: o.vars ? `1px solid ${o.vars.palette.TableCell.border}` : `1px solid
-    ${o.palette.mode === "light" ? io(Z(o.palette.divider, 1), 0.88) : lo(Z(o.palette.divider, 1), 0.68)}`, textAlign: "left", padding: 16, variants: [{ props: { variant: "head" }, style: { color: (o.vars || o).palette.text.primary, lineHeight: o.typography.pxToRem(24), fontWeight: o.typography.fontWeightMedium } }, { props: { variant: "body" }, style: { color: (o.vars || o).palette.text.primary } }, { props: { variant: "footer" }, style: { color: (o.vars || o).palette.text.secondary, lineHeight: o.typography.pxToRem(21), fontSize: o.typography.pxToRem(12) } }, { props: { size: "small" }, style: { padding: "6px 16px", [`&.${Oo.paddingCheckbox}`]: { width: 24, padding: "0 12px 0 16px", "& > *": { padding: 0 } } } }, { props: { padding: "checkbox" }, style: { width: 48, padding: "0 0 0 4px" } }, { props: { padding: "none" }, style: { padding: 0 } }, { props: { align: "left" }, style: { textAlign: "left" } }, { props: { align: "center" }, style: { textAlign: "center" } }, { props: { align: "right" }, style: { textAlign: "right", flexDirection: "row-reverse" } }, { props: { align: "justify" }, style: { textAlign: "justify" } }, { props: ({ ownerState: e }) => e.stickyHeader, style: { position: "sticky", top: 0, zIndex: 2, backgroundColor: (o.vars || o).palette.background.default } }] }))), We = C.forwardRef(function(o, e) {
+    ${o.palette.mode === "light" ? io(Z(o.palette.divider, 1), 0.88) : lo(Z(o.palette.divider, 1), 0.68)}`, textAlign: "left", padding: 16, variants: [{ props: { variant: "head" }, style: { color: (o.vars || o).palette.text.primary, lineHeight: o.typography.pxToRem(24), fontWeight: o.typography.fontWeightMedium } }, { props: { variant: "body" }, style: { color: (o.vars || o).palette.text.primary } }, { props: { variant: "footer" }, style: { color: (o.vars || o).palette.text.secondary, lineHeight: o.typography.pxToRem(21), fontSize: o.typography.pxToRem(12) } }, { props: { size: "small" }, style: { padding: "6px 16px", [`&.${ko.paddingCheckbox}`]: { width: 24, padding: "0 12px 0 16px", "& > *": { padding: 0 } } } }, { props: { padding: "checkbox" }, style: { width: 48, padding: "0 0 0 4px" } }, { props: { padding: "none" }, style: { padding: 0 } }, { props: { align: "left" }, style: { textAlign: "left" } }, { props: { align: "center" }, style: { textAlign: "center" } }, { props: { align: "right" }, style: { textAlign: "right", flexDirection: "row-reverse" } }, { props: { align: "justify" }, style: { textAlign: "justify" } }, { props: ({ ownerState: e }) => e.stickyHeader, style: { position: "sticky", top: 0, zIndex: 2, backgroundColor: (o.vars || o).palette.background.default } }] }))), We = C.forwardRef(function(o, e) {
   const t = eo({ props: o, name: "MuiTableCell" }), { align: n = "inherit", className: r, component: l, padding: i, scope: a, size: s, sortDirection: c, variant: d, ...h } = t, f = C.useContext(To), u = C.useContext(Io), v = u && u.variant === "head";
   let m;
   m = l || (v ? "th" : "td");
   let _ = a;
   m === "td" ? _ = void 0 : !_ && v && (_ = "col");
   const S = d || u && u.variant, y = { ...t, align: n, component: m, padding: i || (f && f.padding ? f.padding : "normal"), size: s || (f && f.size ? f.size : "medium"), sortDirection: c, stickyHeader: S === "head" && f && f.stickyHeader, variant: S }, g = ((x) => {
-    const { classes: b, variant: R, align: T, padding: I, size: O, stickyHeader: P } = x, z = { root: ["root", R, P && "stickyHeader", T !== "inherit" && `align${Q(T)}`, I !== "normal" && `padding${Q(I)}`, `size${Q(O)}`] };
+    const { classes: b, variant: R, align: T, padding: I, size: k, stickyHeader: P } = x, z = { root: ["root", R, P && "stickyHeader", T !== "inherit" && `align${Q(T)}`, I !== "normal" && `padding${Q(I)}`, `size${Q(k)}`] };
     return no(z, Po, b);
   })(y);
   let w = null;
-  return c && (w = c === "asc" ? "ascending" : "descending"), A.jsx(ko, { as: m, ref: e, className: oo(g.root, r), "aria-sort": w, scope: _, ownerState: y, ...h });
+  return c && (w = c === "asc" ? "ascending" : "descending"), A.jsx(Oo, { as: m, ref: e, className: oo(g.root, r), "aria-sort": w, scope: _, ownerState: y, ...h });
 }), Mo = _o();
 function ye(o) {
   return o !== "ownerState" && o !== "theme" && o !== "sx" && o !== "as";
@@ -85,8 +85,8 @@ const Ao = function(o = {}) {
       };
       if (Ro(b)) {
         const R = function(T) {
-          const { variants: I, ...O } = T, P = { variants: I, style: q(O), isProcessed: !0 };
-          return P.style === O || I && I.forEach((z) => {
+          const { variants: I, ...k } = T, P = { variants: I, style: q(k), isProcessed: !0 };
+          return P.style === k || I && I.forEach((z) => {
             typeof z.style != "function" && (z.style = q(z.style));
           }), P;
         }(b);
@@ -111,7 +111,7 @@ const Ao = function(o = {}) {
         let B;
         B = [...L, ...z, ...G], B.raw = [...L, ...z.raw, ...G], R.unshift(B);
       }
-      const O = [...R, ...T, ...I], P = g(...O);
+      const k = [...R, ...T, ...I], P = g(...k);
       return i.muiName && (P.muiName = i.muiName), P;
     };
     return g.withConfig && (x.withConfig = g.withConfig), x;
@@ -159,8 +159,8 @@ function W(o, e) {
     return t;
   }(o);
 }
-function k(o) {
-  return (k = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+function O(o) {
+  return (O = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
     return e.__proto__ || Object.getPrototypeOf(e);
   })(o);
 }
@@ -253,7 +253,7 @@ var Ne = function() {
     var e, t, n, r;
     E(this, o);
     for (var l = arguments.length, i = new Array(l), a = 0; a < l; a++) i[a] = arguments[a];
-    return t = this, n = o, r = [].concat(i), n = k(n), p(e = W(t, bt() ? Reflect.construct(n, r || [], k(t).constructor) : n.apply(t, r)), "state", { scrollToColumn: 0, scrollToRow: 0, instanceProps: { prevScrollToColumn: 0, prevScrollToRow: 0 } }), p(e, "_columnStartIndex", 0), p(e, "_columnStopIndex", 0), p(e, "_rowStartIndex", 0), p(e, "_rowStopIndex", 0), p(e, "_onKeyDown", function(s) {
+    return t = this, n = o, r = [].concat(i), n = O(n), p(e = W(t, bt() ? Reflect.construct(n, r || [], O(t).constructor) : n.apply(t, r)), "state", { scrollToColumn: 0, scrollToRow: 0, instanceProps: { prevScrollToColumn: 0, prevScrollToRow: 0 } }), p(e, "_columnStartIndex", 0), p(e, "_columnStopIndex", 0), p(e, "_rowStartIndex", 0), p(e, "_rowStopIndex", 0), p(e, "_onKeyDown", function(s) {
       var c = e.props, d = c.columnCount, h = c.disabled, f = c.mode, u = c.rowCount;
       if (!h) {
         var v = e._getScrollState(), m = v.scrollToColumn, _ = v.scrollToRow, S = e._getScrollState(), y = S.scrollToColumn, g = S.scrollToRow;
@@ -333,8 +333,8 @@ function zt(o, e) {
         var x = g.ownerDocument, b = t.getComputedStyle(g);
         b && b.position == "static" && (g.style.position = "relative"), function(I) {
           if (!I.getElementById("detectElementResize")) {
-            var O = (S || "") + ".resize-triggers { " + (y || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', P = I.head || I.getElementsByTagName("head")[0], z = I.createElement("style");
-            z.id = "detectElementResize", z.type = "text/css", o != null && z.setAttribute("nonce", o), z.styleSheet ? z.styleSheet.cssText = O : z.appendChild(I.createTextNode(O)), P.appendChild(z);
+            var k = (S || "") + ".resize-triggers { " + (y || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', P = I.head || I.getElementsByTagName("head")[0], z = I.createElement("style");
+            z.id = "detectElementResize", z.type = "text/css", o != null && z.setAttribute("nonce", o), z.styleSheet ? z.styleSheet.cssText = k : z.appendChild(I.createTextNode(k)), P.appendChild(z);
           }
         }(x), g.__resizeLast__ = {}, g.__resizeListeners__ = [], (g.__resizeTriggers__ = x.createElement("div")).className = "resize-triggers";
         var R = x.createElement("div");
@@ -394,7 +394,7 @@ var It = function() {
     var e, t, n, r;
     E(this, o);
     for (var l = arguments.length, i = new Array(l), a = 0; a < l; a++) i[a] = arguments[a];
-    return t = this, n = o, r = [].concat(i), n = k(n), p(e = W(t, Tt() ? Reflect.construct(n, r || [], k(t).constructor) : n.apply(t, r)), "state", { height: e.props.defaultHeight || 0, width: e.props.defaultWidth || 0 }), p(e, "_parentNode", void 0), p(e, "_autoSizer", void 0), p(e, "_window", void 0), p(e, "_detectElementResize", void 0), p(e, "_onResize", function() {
+    return t = this, n = o, r = [].concat(i), n = O(n), p(e = W(t, Tt() ? Reflect.construct(n, r || [], O(t).constructor) : n.apply(t, r)), "state", { height: e.props.defaultHeight || 0, width: e.props.defaultWidth || 0 }), p(e, "_parentNode", void 0), p(e, "_autoSizer", void 0), p(e, "_window", void 0), p(e, "_detectElementResize", void 0), p(e, "_onResize", function() {
       var s = e.props, c = s.disableHeight, d = s.disableWidth, h = s.onResize;
       if (e._parentNode) {
         var f = e._parentNode.offsetHeight || 0, u = e._parentNode.offsetWidth || 0, v = (e._window || window).getComputedStyle(e._parentNode) || {}, m = parseInt(v.paddingLeft, 10) || 0, _ = parseInt(v.paddingRight, 10) || 0, S = parseInt(v.paddingTop, 10) || 0, y = parseInt(v.paddingBottom, 10) || 0, g = f - S - y, w = u - m - _;
@@ -431,7 +431,7 @@ var Eo = function() {
     var e, t, n, r;
     E(this, o);
     for (var l = arguments.length, i = new Array(l), a = 0; a < l; a++) i[a] = arguments[a];
-    return t = this, n = o, r = [].concat(i), n = k(n), p(e = W(t, Pt() ? Reflect.construct(n, r || [], k(t).constructor) : n.apply(t, r)), "_child", C.createRef()), p(e, "_measure", function() {
+    return t = this, n = o, r = [].concat(i), n = O(n), p(e = W(t, Pt() ? Reflect.construct(n, r || [], O(t).constructor) : n.apply(t, r)), "_child", C.createRef()), p(e, "_measure", function() {
       var s = e.props, c = s.cache, d = s.columnIndex, h = d === void 0 ? 0 : d, f = s.parent, u = s.rowIndex, v = u === void 0 ? e.props.index || 0 : u, m = e._getCellMeasurements(), _ = m.height, S = m.width;
       _ === c.getHeight(v, h) && S === c.getWidth(v, h) || (c.set(v, h, S, _), f && typeof f.recomputeGridSize == "function" && f.recomputeGridSize({ columnIndex: h, rowIndex: v }));
     }), p(e, "_registerChild", function(s) {
@@ -508,13 +508,13 @@ function $e(o) {
   }
   return o;
 }
-function Ot() {
+function kt() {
   try {
     var o = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (Ot = function() {
+  return (kt = function() {
     return !!o;
   })();
 }
@@ -523,7 +523,7 @@ var ne = "requested", ve = function() {
     var e, t, n, r;
     E(this, o);
     for (var l = arguments.length, i = new Array(l), a = 0; a < l; a++) i[a] = arguments[a];
-    return t = this, n = o, r = [].concat(i), n = k(n), p(e = W(t, Ot() ? Reflect.construct(n, r || [], k(t).constructor) : n.apply(t, r)), "state", { isScrolling: !1, scrollLeft: 0, scrollTop: 0 }), p(e, "_calculateSizeAndPositionDataOnNextUpdate", !1), p(e, "_onSectionRenderedMemoizer", te()), p(e, "_onScrollMemoizer", te(!1)), p(e, "_invokeOnSectionRenderedHelper", function() {
+    return t = this, n = o, r = [].concat(i), n = O(n), p(e = W(t, kt() ? Reflect.construct(n, r || [], O(t).constructor) : n.apply(t, r)), "state", { isScrolling: !1, scrollLeft: 0, scrollTop: 0 }), p(e, "_calculateSizeAndPositionDataOnNextUpdate", !1), p(e, "_onSectionRenderedMemoizer", te()), p(e, "_onScrollMemoizer", te(!1)), p(e, "_invokeOnSectionRenderedHelper", function() {
       var s = e.props, c = s.cellLayoutManager, d = s.onSectionRendered;
       e._onSectionRenderedMemoizer({ callback: d, indices: { indices: c.getLastRenderedIndices() } });
     }), p(e, "_setScrollingContainerRef", function(s) {
@@ -561,8 +561,8 @@ var ne = "requested", ve = function() {
   } }, { key: "render", value: function() {
     var e = this.props, t = e.autoHeight, n = e.cellCount, r = e.cellLayoutManager, l = e.className, i = e.height, a = e.horizontalOverscanSize, s = e.id, c = e.noContentRenderer, d = e.style, h = e.verticalOverscanSize, f = e.width, u = this.state, v = u.isScrolling, m = u.scrollLeft, _ = u.scrollTop;
     (this._lastRenderedCellCount !== n || this._lastRenderedCellLayoutManager !== r || this._calculateSizeAndPositionDataOnNextUpdate) && (this._lastRenderedCellCount = n, this._lastRenderedCellLayoutManager = r, this._calculateSizeAndPositionDataOnNextUpdate = !1, r.calculateSizeAndPositionData());
-    var S = r.getTotalSize(), y = S.height, g = S.width, w = Math.max(0, m - a), x = Math.max(0, _ - h), b = Math.min(g, m + f + a), R = Math.min(y, _ + i + h), T = i > 0 && f > 0 ? r.cellRenderers({ height: R - x, isScrolling: v, width: b - w, x: w, y: x }) : [], I = { boxSizing: "border-box", direction: "ltr", height: t ? "auto" : i, position: "relative", WebkitOverflowScrolling: "touch", width: f, willChange: "transform" }, O = y > i ? this._scrollbarSize : 0, P = g > f ? this._scrollbarSize : 0;
-    return I.overflowX = g + O <= f ? "hidden" : "auto", I.overflowY = y + P <= i ? "hidden" : "auto", C.createElement("div", { ref: this._setScrollingContainerRef, "aria-label": this.props["aria-label"], className: N("ReactVirtualized__Collection", l), id: s, onScroll: this._onScroll, role: "grid", style: $e($e({}, I), d), tabIndex: 0 }, n > 0 && C.createElement("div", { className: "ReactVirtualized__Collection__innerScrollContainer", style: { height: y, maxHeight: y, maxWidth: g, overflow: "hidden", pointerEvents: v ? "none" : "", width: g } }, T), n === 0 && c());
+    var S = r.getTotalSize(), y = S.height, g = S.width, w = Math.max(0, m - a), x = Math.max(0, _ - h), b = Math.min(g, m + f + a), R = Math.min(y, _ + i + h), T = i > 0 && f > 0 ? r.cellRenderers({ height: R - x, isScrolling: v, width: b - w, x: w, y: x }) : [], I = { boxSizing: "border-box", direction: "ltr", height: t ? "auto" : i, position: "relative", WebkitOverflowScrolling: "touch", width: f, willChange: "transform" }, k = y > i ? this._scrollbarSize : 0, P = g > f ? this._scrollbarSize : 0;
+    return I.overflowX = g + k <= f ? "hidden" : "auto", I.overflowY = y + P <= i ? "hidden" : "auto", C.createElement("div", { ref: this._setScrollingContainerRef, "aria-label": this.props["aria-label"], className: N("ReactVirtualized__Collection", l), id: s, onScroll: this._onScroll, role: "grid", style: $e($e({}, I), d), tabIndex: 0 }, n > 0 && C.createElement("div", { className: "ReactVirtualized__Collection__innerScrollContainer", style: { height: y, maxHeight: y, maxWidth: g, overflow: "hidden", pointerEvents: v ? "none" : "", width: g } }, T), n === 0 && c());
   } }, { key: "_enablePointerEventsAfterDelay", value: function() {
     var e = this;
     this._disablePointerEventsTimeoutId && clearTimeout(this._disablePointerEventsTimeoutId), this._disablePointerEventsTimeoutId = setTimeout(function() {
@@ -645,20 +645,20 @@ function Ke(o) {
       return Math.max(s, Math.min(a, i));
   }
 }
-function kt() {
+function Ot() {
   try {
     var o = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (kt = function() {
+  return (Ot = function() {
     return !!o;
   })();
 }
 var qe = function() {
   function o(e, t) {
     var n, r, l, i;
-    return E(this, o), r = this, i = [e, t], l = k(l = o), (n = W(r, kt() ? Reflect.construct(l, i || [], k(r).constructor) : l.apply(r, i)))._cellMetadata = [], n._lastRenderedCellIndices = [], n._cellCache = [], n._isScrollingChange = n._isScrollingChange.bind(n), n._setCollectionViewRef = n._setCollectionViewRef.bind(n), n;
+    return E(this, o), r = this, i = [e, t], l = O(l = o), (n = W(r, Ot() ? Reflect.construct(l, i || [], O(r).constructor) : l.apply(r, i)))._cellMetadata = [], n._lastRenderedCellIndices = [], n._cellCache = [], n._isScrollingChange = n._isScrollingChange.bind(n), n._setCollectionViewRef = n._setCollectionViewRef.bind(n), n;
   }
   return D(o, C.PureComponent), H(o, [{ key: "forceUpdate", value: function() {
     this._collectionView !== void 0 && this._collectionView.forceUpdate();
@@ -737,7 +737,7 @@ p(qe, "defaultProps", { "aria-label": "grid", cellGroupRenderer: function(o) {
 } }), qe.propTypes = {}, function() {
   function o(e, t) {
     var n, r, l, i;
-    return E(this, o), r = this, i = [e, t], l = k(l = o), (n = W(r, Mt() ? Reflect.construct(l, i || [], k(r).constructor) : l.apply(r, i)))._registerChild = n._registerChild.bind(n), n;
+    return E(this, o), r = this, i = [e, t], l = O(l = o), (n = W(r, Mt() ? Reflect.construct(l, i || [], O(r).constructor) : l.apply(r, i)))._registerChild = n._registerChild.bind(n), n;
   }
   return D(o, C.PureComponent), H(o, [{ key: "componentDidUpdate", value: function(e) {
     var t = this.props, n = t.columnMaxWidth, r = t.columnMinWidth, l = t.columnCount, i = t.width;
@@ -924,7 +924,7 @@ function Lt() {
 var et = "requested", $ = function() {
   function o(e) {
     var t, n, r, l;
-    E(this, o), n = this, l = [e], r = k(r = o), p(t = W(n, Lt() ? Reflect.construct(r, l || [], k(n).constructor) : r.apply(n, l)), "_onGridRenderedMemoizer", te()), p(t, "_onScrollMemoizer", te(!1)), p(t, "_deferredInvalidateColumnIndex", null), p(t, "_deferredInvalidateRowIndex", null), p(t, "_recomputeScrollLeftFlag", !1), p(t, "_recomputeScrollTopFlag", !1), p(t, "_horizontalScrollBarSize", 0), p(t, "_verticalScrollBarSize", 0), p(t, "_scrollbarPresenceChanged", !1), p(t, "_scrollingContainer", void 0), p(t, "_childrenToDisplay", void 0), p(t, "_columnStartIndex", void 0), p(t, "_columnStopIndex", void 0), p(t, "_rowStartIndex", void 0), p(t, "_rowStopIndex", void 0), p(t, "_renderedColumnStartIndex", 0), p(t, "_renderedColumnStopIndex", 0), p(t, "_renderedRowStartIndex", 0), p(t, "_renderedRowStopIndex", 0), p(t, "_initialScrollTop", void 0), p(t, "_initialScrollLeft", void 0), p(t, "_disablePointerEventsTimeoutId", void 0), p(t, "_styleCache", {}), p(t, "_cellCache", {}), p(t, "_debounceScrollEndedCallback", function() {
+    E(this, o), n = this, l = [e], r = O(r = o), p(t = W(n, Lt() ? Reflect.construct(r, l || [], O(n).constructor) : r.apply(n, l)), "_onGridRenderedMemoizer", te()), p(t, "_onScrollMemoizer", te(!1)), p(t, "_deferredInvalidateColumnIndex", null), p(t, "_deferredInvalidateRowIndex", null), p(t, "_recomputeScrollLeftFlag", !1), p(t, "_recomputeScrollTopFlag", !1), p(t, "_horizontalScrollBarSize", 0), p(t, "_verticalScrollBarSize", 0), p(t, "_scrollbarPresenceChanged", !1), p(t, "_scrollingContainer", void 0), p(t, "_childrenToDisplay", void 0), p(t, "_columnStartIndex", void 0), p(t, "_columnStopIndex", void 0), p(t, "_rowStartIndex", void 0), p(t, "_rowStopIndex", void 0), p(t, "_renderedColumnStartIndex", 0), p(t, "_renderedColumnStopIndex", 0), p(t, "_renderedRowStartIndex", 0), p(t, "_renderedRowStopIndex", 0), p(t, "_initialScrollTop", void 0), p(t, "_initialScrollLeft", void 0), p(t, "_disablePointerEventsTimeoutId", void 0), p(t, "_styleCache", {}), p(t, "_cellCache", {}), p(t, "_debounceScrollEndedCallback", function() {
       t._disablePointerEventsTimeoutId = null, t.setState({ isScrolling: !1, needToResetStyleCache: !1 });
     }), p(t, "_invokeOnGridRenderedHelper", function() {
       var s = t.props.onSectionRendered;
@@ -1005,29 +1005,29 @@ var et = "requested", $ = function() {
     y && (this._styleCache = {}), this.state.isScrolling || this._resetStyleCache(), this._calculateChildrenToRender(this.props, this.state);
     var x = S.columnSizeAndPositionManager.getTotalSize(), b = S.rowSizeAndPositionManager.getTotalSize(), R = b > c ? S.scrollbarSize : 0, T = x > m ? S.scrollbarSize : 0;
     T === this._horizontalScrollBarSize && R === this._verticalScrollBarSize || (this._horizontalScrollBarSize = T, this._verticalScrollBarSize = R, this._scrollbarPresenceChanged = !0), w.overflowX = x + R <= m ? "hidden" : "auto", w.overflowY = b + T <= c ? "hidden" : "auto";
-    var I = this._childrenToDisplay, O = I.length === 0 && c > 0 && m > 0;
-    return C.createElement("div", V({ ref: this._setScrollingContainerRef }, i, { "aria-label": this.props["aria-label"], "aria-readonly": this.props["aria-readonly"], className: N("ReactVirtualized__Grid", l), id: d, onScroll: this._onScroll, role: f, style: j(j({}, w), u), tabIndex: v }), I.length > 0 && C.createElement("div", { className: "ReactVirtualized__Grid__innerScrollContainer", role: a, style: j({ width: t ? "auto" : x, height: b, maxWidth: x, maxHeight: b, overflow: "hidden", pointerEvents: g ? "none" : "", position: "relative" }, s) }, I), O && h());
+    var I = this._childrenToDisplay, k = I.length === 0 && c > 0 && m > 0;
+    return C.createElement("div", V({ ref: this._setScrollingContainerRef }, i, { "aria-label": this.props["aria-label"], "aria-readonly": this.props["aria-readonly"], className: N("ReactVirtualized__Grid", l), id: d, onScroll: this._onScroll, role: f, style: j(j({}, w), u), tabIndex: v }), I.length > 0 && C.createElement("div", { className: "ReactVirtualized__Grid__innerScrollContainer", role: a, style: j({ width: t ? "auto" : x, height: b, maxWidth: x, maxHeight: b, overflow: "hidden", pointerEvents: g ? "none" : "", position: "relative" }, s) }, I), k && h());
   } }, { key: "_calculateChildrenToRender", value: function() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this.state, n = e.cellRenderer, r = e.cellRangeRenderer, l = e.columnCount, i = e.deferredMeasurementCache, a = e.height, s = e.overscanColumnCount, c = e.overscanIndicesGetter, d = e.overscanRowCount, h = e.rowCount, f = e.width, u = e.isScrollingOptOut, v = t.scrollDirectionHorizontal, m = t.scrollDirectionVertical, _ = t.instanceProps, S = this._initialScrollTop > 0 ? this._initialScrollTop : t.scrollTop, y = this._initialScrollLeft > 0 ? this._initialScrollLeft : t.scrollLeft, g = this._isScrolling(e, t);
     if (this._childrenToDisplay = [], a > 0 && f > 0) {
       var w = _.columnSizeAndPositionManager.getVisibleCellRange({ containerSize: f, offset: y }), x = _.rowSizeAndPositionManager.getVisibleCellRange({ containerSize: a, offset: S }), b = _.columnSizeAndPositionManager.getOffsetAdjustment({ containerSize: f, offset: y }), R = _.rowSizeAndPositionManager.getOffsetAdjustment({ containerSize: a, offset: S });
       this._renderedColumnStartIndex = w.start, this._renderedColumnStopIndex = w.stop, this._renderedRowStartIndex = x.start, this._renderedRowStopIndex = x.stop;
-      var T = c({ direction: "horizontal", cellCount: l, overscanCellsCount: s, scrollDirection: v, startIndex: typeof w.start == "number" ? w.start : 0, stopIndex: typeof w.stop == "number" ? w.stop : -1 }), I = c({ direction: "vertical", cellCount: h, overscanCellsCount: d, scrollDirection: m, startIndex: typeof x.start == "number" ? x.start : 0, stopIndex: typeof x.stop == "number" ? x.stop : -1 }), O = T.overscanStartIndex, P = T.overscanStopIndex, z = I.overscanStartIndex, L = I.overscanStopIndex;
+      var T = c({ direction: "horizontal", cellCount: l, overscanCellsCount: s, scrollDirection: v, startIndex: typeof w.start == "number" ? w.start : 0, stopIndex: typeof w.stop == "number" ? w.stop : -1 }), I = c({ direction: "vertical", cellCount: h, overscanCellsCount: d, scrollDirection: m, startIndex: typeof x.start == "number" ? x.start : 0, stopIndex: typeof x.stop == "number" ? x.stop : -1 }), k = T.overscanStartIndex, P = T.overscanStopIndex, z = I.overscanStartIndex, L = I.overscanStopIndex;
       if (i) {
         if (!i.hasFixedHeight()) {
           for (var G = z; G <= L; G++) if (!i.has(G, 0)) {
-            O = 0, P = l - 1;
+            k = 0, P = l - 1;
             break;
           }
         }
         if (!i.hasFixedWidth()) {
-          for (var B = O; B <= P; B++) if (!i.has(0, B)) {
+          for (var B = k; B <= P; B++) if (!i.has(0, B)) {
             z = 0, L = h - 1;
             break;
           }
         }
       }
-      this._childrenToDisplay = r({ cellCache: this._cellCache, cellRenderer: n, columnSizeAndPositionManager: _.columnSizeAndPositionManager, columnStartIndex: O, columnStopIndex: P, deferredMeasurementCache: i, horizontalOffsetAdjustment: b, isScrolling: g, isScrollingOptOut: u, parent: this, rowSizeAndPositionManager: _.rowSizeAndPositionManager, rowStartIndex: z, rowStopIndex: L, scrollLeft: y, scrollTop: S, styleCache: this._styleCache, verticalOffsetAdjustment: R, visibleColumnIndices: w, visibleRowIndices: x }), this._columnStartIndex = O, this._columnStopIndex = P, this._rowStartIndex = z, this._rowStopIndex = L;
+      this._childrenToDisplay = r({ cellCache: this._cellCache, cellRenderer: n, columnSizeAndPositionManager: _.columnSizeAndPositionManager, columnStartIndex: k, columnStopIndex: P, deferredMeasurementCache: i, horizontalOffsetAdjustment: b, isScrolling: g, isScrollingOptOut: u, parent: this, rowSizeAndPositionManager: _.rowSizeAndPositionManager, rowStartIndex: z, rowStopIndex: L, scrollLeft: y, scrollTop: S, styleCache: this._styleCache, verticalOffsetAdjustment: R, visibleColumnIndices: w, visibleRowIndices: x }), this._columnStartIndex = k, this._columnStopIndex = P, this._rowStartIndex = z, this._rowStopIndex = L;
     }
   } }, { key: "_debounceScrollEnded", value: function() {
     var e = this.props.scrollingResetTimeInterval;
@@ -1147,10 +1147,10 @@ function Et() {
 }
 p($, "defaultProps", { "aria-label": "grid", "aria-readonly": !0, autoContainerWidth: !1, autoHeight: !1, autoWidth: !1, cellRangeRenderer: function(o) {
   for (var e = o.cellCache, t = o.cellRenderer, n = o.columnSizeAndPositionManager, r = o.columnStartIndex, l = o.columnStopIndex, i = o.deferredMeasurementCache, a = o.horizontalOffsetAdjustment, s = o.isScrolling, c = o.isScrollingOptOut, d = o.parent, h = o.rowSizeAndPositionManager, f = o.rowStartIndex, u = o.rowStopIndex, v = o.styleCache, m = o.verticalOffsetAdjustment, _ = o.visibleColumnIndices, S = o.visibleRowIndices, y = [], g = n.areOffsetsAdjusted() || h.areOffsetsAdjusted(), w = !s && !g, x = f; x <= u; x++) for (var b = h.getSizeAndPositionOfCell(x), R = r; R <= l; R++) {
-    var T = n.getSizeAndPositionOfCell(R), I = R >= _.start && R <= _.stop && x >= S.start && x <= S.stop, O = "".concat(x, "-").concat(R), P = void 0;
-    w && v[O] ? P = v[O] : i && !i.has(x, R) ? P = { height: "auto", left: 0, position: "absolute", top: 0, width: "auto" } : (P = { height: b.size, left: T.offset + a, position: "absolute", top: b.offset + m, width: T.size }, v[O] = P);
-    var z = { columnIndex: R, isScrolling: s, isVisible: I, key: O, parent: d, rowIndex: x, style: P }, L = void 0;
-    !c && !s || a || m ? L = t(z) : (e[O] || (e[O] = t(z)), L = e[O]), L != null && L !== !1 && (L.props.role || (L = St.cloneElement(L, { role: "gridcell" })), y.push(L));
+    var T = n.getSizeAndPositionOfCell(R), I = R >= _.start && R <= _.stop && x >= S.start && x <= S.stop, k = "".concat(x, "-").concat(R), P = void 0;
+    w && v[k] ? P = v[k] : i && !i.has(x, R) ? P = { height: "auto", left: 0, position: "absolute", top: 0, width: "auto" } : (P = { height: b.size, left: T.offset + a, position: "absolute", top: b.offset + m, width: T.size }, v[k] = P);
+    var z = { columnIndex: R, isScrolling: s, isVisible: I, key: k, parent: d, rowIndex: x, style: P }, L = void 0;
+    !c && !s || a || m ? L = t(z) : (e[k] || (e[k] = t(z)), L = e[k]), L != null && L !== !1 && (L.props.role || (L = St.cloneElement(L, { role: "gridcell" })), y.push(L));
   }
   return y;
 }, containerRole: "row", containerStyle: {}, estimatedColumnSize: 100, estimatedRowSize: 30, getScrollbarSize: be, noContentRenderer: function() {
@@ -1165,7 +1165,7 @@ p($, "defaultProps", { "aria-label": "grid", "aria-readonly": !0, autoContainerW
 var tt = function() {
   function o(e, t) {
     var n, r, l, i;
-    return E(this, o), r = this, i = [e, t], l = k(l = o), (n = W(r, Et() ? Reflect.construct(l, i || [], k(r).constructor) : l.apply(r, i)))._loadMoreRowsMemoizer = te(), n._onRowsRendered = n._onRowsRendered.bind(n), n._registerChild = n._registerChild.bind(n), n;
+    return E(this, o), r = this, i = [e, t], l = O(l = o), (n = W(r, Et() ? Reflect.construct(l, i || [], O(r).constructor) : l.apply(r, i)))._loadMoreRowsMemoizer = te(), n._onRowsRendered = n._onRowsRendered.bind(n), n._registerChild = n._registerChild.bind(n), n;
   }
   return D(o, C.PureComponent), H(o, [{ key: "resetLoadMoreRowsCache", value: function(e) {
     this._loadMoreRowsMemoizer = te(), e && this._doStuff(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
@@ -1234,7 +1234,7 @@ var Vo = function() {
     var e, t, n, r;
     E(this, o);
     for (var l = arguments.length, i = new Array(l), a = 0; a < l; a++) i[a] = arguments[a];
-    return t = this, n = o, r = [].concat(i), n = k(n), p(e = W(t, Ht() ? Reflect.construct(n, r || [], k(t).constructor) : n.apply(t, r)), "Grid", void 0), p(e, "_cellRenderer", function(s) {
+    return t = this, n = o, r = [].concat(i), n = O(n), p(e = W(t, Ht() ? Reflect.construct(n, r || [], O(t).constructor) : n.apply(t, r)), "Grid", void 0), p(e, "_cellRenderer", function(s) {
       var c = s.parent, d = s.rowIndex, h = s.style, f = s.isScrolling, u = s.isVisible, v = s.key, m = e.props.rowRenderer, _ = Object.getOwnPropertyDescriptor(h, "width");
       return _ && _.writable && (h.width = "100%"), m({ index: d, style: h, isScrolling: f, isVisible: u, key: v, parent: c });
     }), p(e, "_setRef", function(s) {
@@ -1505,7 +1505,7 @@ var at = function() {
     var e, t, n, r;
     E(this, o);
     for (var l = arguments.length, i = new Array(l), a = 0; a < l; a++) i[a] = arguments[a];
-    return t = this, n = o, r = [].concat(i), n = k(n), p(e = W(t, jt() ? Reflect.construct(n, r || [], k(t).constructor) : n.apply(t, r)), "state", { isScrolling: !1, scrollTop: 0 }), p(e, "_debounceResetIsScrollingId", void 0), p(e, "_invalidateOnUpdateStartIndex", null), p(e, "_invalidateOnUpdateStopIndex", null), p(e, "_positionCache", new Ce()), p(e, "_startIndex", null), p(e, "_startIndexMemoized", null), p(e, "_stopIndex", null), p(e, "_stopIndexMemoized", null), p(e, "_debounceResetIsScrollingCallback", function() {
+    return t = this, n = o, r = [].concat(i), n = O(n), p(e = W(t, jt() ? Reflect.construct(n, r || [], O(t).constructor) : n.apply(t, r)), "state", { isScrolling: !1, scrollTop: 0 }), p(e, "_debounceResetIsScrollingId", void 0), p(e, "_invalidateOnUpdateStartIndex", null), p(e, "_invalidateOnUpdateStopIndex", null), p(e, "_positionCache", new Ce()), p(e, "_startIndex", null), p(e, "_startIndexMemoized", null), p(e, "_stopIndex", null), p(e, "_stopIndexMemoized", null), p(e, "_debounceResetIsScrollingCallback", function() {
       e.setState({ isScrolling: !1 });
     }), p(e, "_setScrollingContainerRef", function(s) {
       e._scrollingContainer = s;
@@ -1532,7 +1532,7 @@ var at = function() {
     var e, t = this, n = this.props, r = n.autoHeight, l = n.cellCount, i = n.cellMeasurerCache, a = n.cellRenderer, s = n.className, c = n.height, d = n.id, h = n.keyMapper, f = n.overscanByPixels, u = n.role, v = n.style, m = n.tabIndex, _ = n.width, S = n.rowDirection, y = this.state, g = y.isScrolling, w = y.scrollTop, x = [], b = this._getEstimatedTotalHeight(), R = this._positionCache.shortestColumnSize, T = this._positionCache.count, I = 0;
     if (this._positionCache.range(Math.max(0, w - f), c + 2 * f, function(z, L, G) {
       e === void 0 ? (I = z, e = z) : (I = Math.min(I, z), e = Math.max(e, z)), x.push(a({ index: z, isScrolling: g, key: h(z), parent: t, style: p(p(p(p({ height: i.getHeight(z) }, S === "ltr" ? "left" : "right", L), "position", "absolute"), "top", G), "width", i.getWidth(z)) }));
-    }), R < w + c + f && T < l) for (var O = Math.min(l - T, Math.ceil((w + c + f - R) / i.defaultHeight * _ / i.defaultWidth)), P = T; P < T + O; P++) e = P, x.push(a({ index: P, isScrolling: g, key: h(P), parent: this, style: { width: i.getWidth(P) } }));
+    }), R < w + c + f && T < l) for (var k = Math.min(l - T, Math.ceil((w + c + f - R) / i.defaultHeight * _ / i.defaultWidth)), P = T; P < T + k; P++) e = P, x.push(a({ index: P, isScrolling: g, key: h(P), parent: this, style: { width: i.getWidth(P) } }));
     return this._startIndex = I, this._stopIndex = e, C.createElement("div", { ref: this._setScrollingContainerRef, "aria-label": this.props["aria-label"], className: N("ReactVirtualized__Masonry", s), id: d, onScroll: this._onScroll, role: u, style: Ko({ boxSizing: "border-box", direction: "ltr", height: r ? "auto" : c, overflowX: "hidden", overflowY: b < c ? "hidden" : "auto", position: "relative", width: _, WebkitOverflowScrolling: "touch", willChange: "transform" }, v), tabIndex: m }, C.createElement("div", { className: "ReactVirtualized__Masonry__innerScrollContainer", style: { width: "100%", height: b, maxWidth: "100%", maxHeight: b, overflow: "hidden", pointerEvents: g ? "none" : "", position: "relative" } }, x));
   } }, { key: "_checkInvalidateOnUpdate", value: function() {
     if (typeof this._invalidateOnUpdateStartIndex == "number") {
@@ -1633,7 +1633,7 @@ function Ft() {
 var Re = function() {
   function o(e, t) {
     var n, r, l, i;
-    E(this, o), r = this, i = [e, t], l = k(l = o), p(n = W(r, Ft() ? Reflect.construct(l, i || [], k(r).constructor) : l.apply(r, i)), "state", { scrollLeft: 0, scrollTop: 0, scrollbarSize: 0, showHorizontalScrollbar: !1, showVerticalScrollbar: !1 }), p(n, "_deferredInvalidateColumnIndex", null), p(n, "_deferredInvalidateRowIndex", null), p(n, "_bottomLeftGridRef", function(d) {
+    E(this, o), r = this, i = [e, t], l = O(l = o), p(n = W(r, Ft() ? Reflect.construct(l, i || [], O(r).constructor) : l.apply(r, i)), "state", { scrollLeft: 0, scrollTop: 0, scrollbarSize: 0, showHorizontalScrollbar: !1, showVerticalScrollbar: !1 }), p(n, "_deferredInvalidateColumnIndex", null), p(n, "_deferredInvalidateRowIndex", null), p(n, "_bottomLeftGridRef", function(d) {
       n._bottomLeftGrid = d;
     }), p(n, "_bottomRightGridRef", function(d) {
       n._bottomRightGrid = d;
@@ -1769,7 +1769,7 @@ function Nt() {
 p(Re, "defaultProps", { classNameBottomLeftGrid: "", classNameBottomRightGrid: "", classNameTopLeftGrid: "", classNameTopRightGrid: "", enableFixedColumnScroll: !1, enableFixedRowScroll: !1, fixedColumnCount: 0, fixedRowCount: 0, scrollToColumn: -1, scrollToRow: -1, style: {}, styleBottomLeftGrid: {}, styleBottomRightGrid: {}, styleTopLeftGrid: {}, styleTopRightGrid: {}, hideTopRightGridScrollbar: !1, hideBottomLeftGridScrollbar: !1 }), Re.propTypes = {}, ue(Re), function() {
   function o(e, t) {
     var n, r, l, i;
-    return E(this, o), r = this, i = [e, t], l = k(l = o), (n = W(r, Nt() ? Reflect.construct(l, i || [], k(r).constructor) : l.apply(r, i))).state = { clientHeight: 0, clientWidth: 0, scrollHeight: 0, scrollLeft: 0, scrollTop: 0, scrollWidth: 0 }, n._onScroll = n._onScroll.bind(n), n;
+    return E(this, o), r = this, i = [e, t], l = O(l = o), (n = W(r, Nt() ? Reflect.construct(l, i || [], O(r).constructor) : l.apply(r, i))).state = { clientHeight: 0, clientWidth: 0, scrollHeight: 0, scrollLeft: 0, scrollTop: 0, scrollWidth: 0 }, n._onScroll = n._onScroll.bind(n), n;
   }
   return D(o, C.PureComponent), H(o, [{ key: "render", value: function() {
     var e = this.props.children, t = this.state, n = t.clientHeight, r = t.clientWidth, l = t.scrollHeight, i = t.scrollLeft, a = t.scrollTop, s = t.scrollWidth;
@@ -1797,7 +1797,7 @@ function Ut() {
 Bt.propTypes = {};
 var _e = function() {
   function o() {
-    return E(this, o), e = this, n = arguments, t = k(t = o), W(e, Ut() ? Reflect.construct(t, n || [], k(e).constructor) : t.apply(e, n));
+    return E(this, o), e = this, n = arguments, t = O(t = o), W(e, Ut() ? Reflect.construct(t, n || [], O(e).constructor) : t.apply(e, n));
     var e, t, n;
   }
   return D(o, C.Component), H(o);
@@ -1843,10 +1843,10 @@ p(_e, "defaultProps", { cellDataGetter: function(o) {
   var e = o.dataKey, t = o.label, n = o.sortBy, r = o.sortDirection, l = n === e, i = [C.createElement("span", { className: "ReactVirtualized__Table__headerTruncatedText", key: "label", title: typeof t == "string" ? t : null }, t)];
   return l && i.push(C.createElement(Bt, { key: "SortIndicator", sortDirection: r })), i;
 }, style: {} }), _e.propTypes = {};
-var Oe = function() {
+var ke = function() {
   function o(e) {
     var t, n, r, l;
-    return E(this, o), n = this, l = [e], r = k(r = o), (t = W(n, Vt() ? Reflect.construct(r, l || [], k(n).constructor) : r.apply(n, l))).state = { scrollbarWidth: 0 }, t._createColumn = t._createColumn.bind(t), t._createRow = t._createRow.bind(t), t._onScroll = t._onScroll.bind(t), t._onSectionRendered = t._onSectionRendered.bind(t), t._setRef = t._setRef.bind(t), t._setGridElementRef = t._setGridElementRef.bind(t), t;
+    return E(this, o), n = this, l = [e], r = O(r = o), (t = W(n, Vt() ? Reflect.construct(r, l || [], O(n).constructor) : r.apply(n, l))).state = { scrollbarWidth: 0 }, t._createColumn = t._createColumn.bind(t), t._createRow = t._createRow.bind(t), t._onScroll = t._onScroll.bind(t), t._onSectionRendered = t._onSectionRendered.bind(t), t._setRef = t._setRef.bind(t), t._setGridElementRef = t._setGridElementRef.bind(t), t;
   }
   return D(o, C.PureComponent), H(o, [{ key: "forceUpdateGrid", value: function() {
     this.Grid && this.Grid.forceUpdate();
@@ -1892,7 +1892,7 @@ var Oe = function() {
       s && s({ columnData: u, dataKey: v, event: g });
     }, role: "gridcell", style: S, title: y }, _);
   } }, { key: "_createHeader", value: function(e) {
-    var t, n, r, l, i, a = e.column, s = e.index, c = this.props, d = c.headerClassName, h = c.headerStyle, f = c.onHeaderClick, u = c.sort, v = c.sortBy, m = c.sortDirection, _ = a.props, S = _.columnData, y = _.dataKey, g = _.defaultSortDirection, w = _.disableSort, x = _.headerRenderer, b = _.id, R = _.label, T = !w && u, I = N("ReactVirtualized__Table__headerColumn", d, a.props.headerClassName, { ReactVirtualized__Table__sortableHeaderColumn: T }), O = this._getFlexStyleForColumn(a, U(U({}, h), a.props.headerStyle)), P = x({ columnData: S, dataKey: y, disableSort: w, label: R, sortBy: v, sortDirection: m });
+    var t, n, r, l, i, a = e.column, s = e.index, c = this.props, d = c.headerClassName, h = c.headerStyle, f = c.onHeaderClick, u = c.sort, v = c.sortBy, m = c.sortDirection, _ = a.props, S = _.columnData, y = _.dataKey, g = _.defaultSortDirection, w = _.disableSort, x = _.headerRenderer, b = _.id, R = _.label, T = !w && u, I = N("ReactVirtualized__Table__headerColumn", d, a.props.headerClassName, { ReactVirtualized__Table__sortableHeaderColumn: T }), k = this._getFlexStyleForColumn(a, U(U({}, h), a.props.headerStyle)), P = x({ columnData: S, dataKey: y, disableSort: w, label: R, sortBy: v, sortDirection: m });
     if (T || f) {
       var z = v !== y ? g : m === Pe ? de : Pe, L = function(G) {
         T && u({ defaultSortDirection: g, event: G, sortBy: y, sortDirection: z }), f && f({ columnData: S, dataKey: y, event: G });
@@ -1901,10 +1901,10 @@ var Oe = function() {
         G.key !== "Enter" && G.key !== " " || L(G);
       };
     }
-    return v === y && (l = m === de ? "ascending" : "descending"), C.createElement("div", { "aria-label": i, "aria-sort": l, className: I, id: b, key: "Header-Col" + s, onClick: t, onKeyDown: n, role: "columnheader", style: O, tabIndex: r }, P);
+    return v === y && (l = m === de ? "ascending" : "descending"), C.createElement("div", { "aria-label": i, "aria-sort": l, className: I, id: b, key: "Header-Col" + s, onClick: t, onKeyDown: n, role: "columnheader", style: k, tabIndex: r }, P);
   } }, { key: "_createRow", value: function(e) {
-    var t = this, n = e.rowIndex, r = e.isScrolling, l = e.key, i = e.parent, a = e.style, s = this.props, c = s.children, d = s.onRowClick, h = s.onRowDoubleClick, f = s.onRowRightClick, u = s.onRowMouseOver, v = s.onRowMouseOut, m = s.rowClassName, _ = s.rowGetter, S = s.rowRenderer, y = s.rowStyle, g = this.state.scrollbarWidth, w = typeof m == "function" ? m({ index: n }) : m, x = typeof y == "function" ? y({ index: n }) : y, b = _({ index: n }), R = C.Children.toArray(c).map(function(O, P) {
-      return t._createColumn({ column: O, columnIndex: P, isScrolling: r, parent: i, rowData: b, rowIndex: n, scrollbarWidth: g });
+    var t = this, n = e.rowIndex, r = e.isScrolling, l = e.key, i = e.parent, a = e.style, s = this.props, c = s.children, d = s.onRowClick, h = s.onRowDoubleClick, f = s.onRowRightClick, u = s.onRowMouseOver, v = s.onRowMouseOut, m = s.rowClassName, _ = s.rowGetter, S = s.rowRenderer, y = s.rowStyle, g = this.state.scrollbarWidth, w = typeof m == "function" ? m({ index: n }) : m, x = typeof y == "function" ? y({ index: n }) : y, b = _({ index: n }), R = C.Children.toArray(c).map(function(k, P) {
+      return t._createColumn({ column: k, columnIndex: P, isScrolling: r, parent: i, rowData: b, rowIndex: n, scrollbarWidth: g });
     }), T = N("ReactVirtualized__Table__row", w), I = U(U({}, a), {}, { height: this._getRowHeight(n), overflow: "hidden", paddingRight: g }, x);
     return S({ className: T, columns: R, index: n, isScrolling: r, key: l, onRowClick: d, onRowDoubleClick: h, onRowRightClick: f, onRowMouseOver: u, onRowMouseOut: v, rowData: b, style: I });
   } }, { key: "_getFlexStyleForColumn", value: function(e) {
@@ -1933,7 +1933,7 @@ var Oe = function() {
     this.setState({ scrollbarWidth: e });
   } }]);
 }();
-p(Oe, "defaultProps", { disableHeader: !1, estimatedRowSize: 30, headerHeight: 0, headerStyle: {}, noRowsRenderer: function() {
+p(ke, "defaultProps", { disableHeader: !1, estimatedRowSize: 30, headerHeight: 0, headerStyle: {}, noRowsRenderer: function() {
   return null;
 }, onRowsRendered: function() {
   return null;
@@ -1955,7 +1955,7 @@ p(Oe, "defaultProps", { disableHeader: !1, estimatedRowSize: 30, headerHeight: 0
 }, headerRowRenderer: function(o) {
   var e = o.className, t = o.columns, n = o.style;
   return C.createElement("div", { className: e, role: "row", style: n }, t);
-}, rowStyle: {}, scrollToAlignment: "auto", scrollToIndex: -1, style: {} }), Oe.propTypes = {};
+}, rowStyle: {}, scrollToAlignment: "auto", scrollToIndex: -1, style: {} }), ke.propTypes = {};
 var Y = [], ae = null, X = null;
 function $t() {
   X && (X = null, document.body && ae != null && (document.body.style.pointerEvents = ae), ae = null);
@@ -2042,7 +2042,7 @@ var Xt = function() {
     var e, t, n, r;
     E(this, o);
     for (var l = arguments.length, i = new Array(l), a = 0; a < l; a++) i[a] = arguments[a];
-    return t = this, n = o, r = [].concat(i), n = k(n), p(e = W(t, qt() ? Reflect.construct(n, r || [], k(t).constructor) : n.apply(t, r)), "_window", Xt()), p(e, "_isMounted", !1), p(e, "_positionFromTop", 0), p(e, "_positionFromLeft", 0), p(e, "_detectElementResize", void 0), p(e, "_child", void 0), p(e, "_windowScrollerRef", C.createRef()), p(e, "state", vt(vt({}, pt(e.props.scrollElement, e.props)), {}, { isScrolling: !1, scrollLeft: 0, scrollTop: 0 })), p(e, "_registerChild", function(s) {
+    return t = this, n = o, r = [].concat(i), n = O(n), p(e = W(t, qt() ? Reflect.construct(n, r || [], O(t).constructor) : n.apply(t, r)), "_window", Xt()), p(e, "_isMounted", !1), p(e, "_positionFromTop", 0), p(e, "_positionFromLeft", 0), p(e, "_detectElementResize", void 0), p(e, "_child", void 0), p(e, "_windowScrollerRef", C.createRef()), p(e, "state", vt(vt({}, pt(e.props.scrollElement, e.props)), {}, { isScrolling: !1, scrollLeft: 0, scrollTop: 0 })), p(e, "_registerChild", function(s) {
       !s || s instanceof Element || console.warn("WindowScroller registerChild expects to be passed Element or null"), e._child = s, e.updatePosition();
     }), p(e, "_onChildScroll", function(s) {
       var c = s.scrollTop;
@@ -2100,7 +2100,7 @@ var Xt = function() {
 p(Qo, "defaultProps", { onResize: function() {
 }, onScroll: function() {
 }, scrollingResetTimeInterval: 150, scrollElement: Xt(), serverHeight: 0, serverWidth: 0 });
-const se = "ReactVirtualizedDemo-flexContainer", Yt = "ReactVirtualizedDemo-tableRow", Jt = "ReactVirtualizedDemo-tableRowHover", ke = "ReactVirtualizedDemo-tableCell", Me = "ReactVirtualizedDemo-noClick";
+const se = "ReactVirtualizedDemo-flexContainer", Yt = "ReactVirtualizedDemo-tableRow", Jt = "ReactVirtualizedDemo-tableRowHover", Oe = "ReactVirtualizedDemo-tableCell", Me = "ReactVirtualizedDemo-noClick";
 class en extends St.PureComponent {
   constructor() {
     super(...arguments), this.getRowClassName = ({ index: e }) => {
@@ -2109,10 +2109,10 @@ class en extends St.PureComponent {
     }, this.cellRenderer = ({ cellData: e, dataKey: t, columnIndex: n, width: r }) => {
       const { columns: l, rowHeight: i, onRowClick: a } = this.props;
       let s = e, c = { height: i, paddingRight: "2px", paddingTop: "0px", paddingBottom: "0px", minWidth: `${r}px`, maxWidth: `${r}px` };
-      return t === "shortcut" ? s = xo(e) : t === "description" && (c = { ...c, fontSize: ".75rem", display: "block", paddingTop: "4px", whiteSpace: "pre-line" }), A.jsx(We, { component: "div", className: Se(ke, se, { [Me]: a == null }), variant: "body", style: c, align: n != null && l[n].numeric ? "right" : "left", children: s });
+      return t === "shortcut" ? s = xo(e) : t === "description" && (c = { ...c, fontSize: ".75rem", display: "block", paddingTop: "4px", whiteSpace: "pre-line" }), A.jsx(We, { component: "div", className: Se(Oe, se, { [Me]: a == null }), variant: "body", style: c, align: n != null && l[n].numeric ? "right" : "left", children: s });
     }, this.headerRenderer = ({ label: e, columnIndex: t, width: n }) => {
       const { headerHeight: r, columns: l } = this.props, i = l[t];
-      return A.jsx(We, { component: "div", className: Se(ke, se, Me), variant: "head", sx: { width: n, height: r, backgroundColor: (a) => a.palette.grey[300] }, align: i.numeric ? "right" : "left", children: A.jsx("span", { children: i.label }) });
+      return A.jsx(We, { component: "div", className: Se(Oe, se, Me), variant: "head", sx: { width: n, height: r, backgroundColor: (a) => a.palette.grey[300] }, align: i.numeric ? "right" : "left", children: A.jsx("span", { children: i.label }) });
     };
   }
   static {
@@ -2120,13 +2120,13 @@ class en extends St.PureComponent {
   }
   render() {
     const { columns: e, rowHeight: t, headerHeight: n, ...r } = this.props;
-    return A.jsx(It, { children: ({ height: l, width: i }) => A.jsx(Oe, { height: l, width: i, rowHeight: t, gridStyle: { direction: "inherit" }, headerHeight: n, ...r, rowClassName: this.getRowClassName, children: e.map(({ dataKey: a, width: s, widthLess: c, ...d }, h) => {
+    return A.jsx(It, { children: ({ height: l, width: i }) => A.jsx(ke, { height: l, width: i, rowHeight: t, gridStyle: { direction: "inherit" }, headerHeight: n, ...r, rowClassName: this.getRowClassName, children: e.map(({ dataKey: a, width: s, widthLess: c, ...d }, h) => {
       const f = c ? i - c : s;
       return A.jsx(_e, { style: { flex: `1 1 ${f}px` }, headerRenderer: (u) => this.headerRenderer({ ...u, width: f, columnIndex: h }), className: se, cellDataGetter: ({ rowData: u, columnData: v, dataKey: m }) => u[m], cellRenderer: (u) => this.cellRenderer({ ...u, width: f, columnIndex: h }), dataKey: a, width: f, ...d }, a);
     }) }) });
   }
 }
-const tn = Ao(en)(({ theme: o }) => ({ "& .ReactVirtualized__Table__headerRow": { ...o.direction === "rtl" && { paddingLeft: "0 !important" }, ...o.direction !== "rtl" && { paddingRight: void 0 } }, "& .ReactVirtualized__Table__Grid": { outline: "none" }, [`& .${se}`]: { display: "flex", alignItems: "center", boxSizing: "border-box" }, [`& .${Yt}`]: { cursor: "pointer" }, [`& .${Jt}`]: { "&:hover:not([disabled])": { backgroundColor: o.palette.grey[200] } }, [`& .${ke}`]: { flex: 1 }, [`& .${Me}`]: { cursor: "initial" } }));
+const tn = Ao(en)(({ theme: o }) => ({ "& .ReactVirtualized__Table__headerRow": { ...o.direction === "rtl" && { paddingLeft: "0 !important" }, ...o.direction !== "rtl" && { paddingRight: void 0 } }, "& .ReactVirtualized__Table__Grid": { outline: "none" }, [`& .${se}`]: { display: "flex", alignItems: "center", boxSizing: "border-box" }, [`& .${Yt}`]: { cursor: "pointer" }, [`& .${Jt}`]: { "&:hover:not([disabled])": { backgroundColor: o.palette.grey[200] } }, [`& .${Oe}`]: { flex: 1 }, [`& .${Me}`]: { cursor: "initial" } }));
 function on(o) {
   const { commands: e, ...t } = o, [n, r] = C.useState(!1), [l, i] = C.useState(""), a = C.useMemo(() => {
     let u = e.getAllCommands();
@@ -2143,7 +2143,7 @@ function on(o) {
     return v;
   }, [n, e]), [s, c] = C.useState(null);
   C.useEffect(() => {
-    import("./4yxl564v_Wx022xz.mjs").then((u) => {
+    import("./Bz0TojPavQ5NTjyD.mjs").then((u) => {
       c(new u.default(a, { threshold: 0, ignoreLocation: !0, keys: ["label", "description"] }));
     });
   }, [a]);

package/browser/esm/{xWvOAH67Iwyf2Zge.mjs → DmXkRZFP-WnV2YT9.mjs}

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.19
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.