@sheetxl/studio-vanilla 0.3.0 → 0.3.1

package/{cdn/assets/3Oauro-m0-iFcqzH.js → browser/esm/CQeoE2w94fROIlBe.mjs}

@@ -1,10 +1,10 @@
 import { jsx as E, jsxs as Ae } from "react/jsx-runtime";
-import { E as Qt, D as eo, G as to, Z as oo, _ as no, bs as J, a0 as ro, a2 as io, bt as lo, bu as so, f as Y, b9 as ao, ba as co, b3 as St, y as uo, B as de, T as ho, be as fo, at as po, av as mo, b6 as ue, b1 as go, b2 as vo, as as _o, bv as So, bw as yo, bx as Ee, by as wo, bz as Co, bA as xo, ai as _e, bB as bo, bC as Ro, bD as He, bE as To, bF as U, bG as zo } from "./D7dirdQd4_w5Kf3O.js";
+import { G as Qt, E as eo, H as to, Z as oo, $ as no, bs as J, a0 as ro, a2 as io, bt as lo, bu as so, g as Y, b9 as ao, ba as co, b3 as St, A as uo, c as de, f as ho, be as fo, at as po, av as go, b6 as ue, b1 as mo, b2 as vo, as as _o, bv as So, bw as yo, bx as Ee, by as wo, bz as Co, bA as xo, ai as _e, bB as bo, bC as Ro, bD as He, bE as zo, bF as U, bG as To } from "./DY-wznfI02TzBooB.mjs";
 import * as x from "react";
 import yt, { useState as he, useMemo as Io, useEffect as We, cloneElement as Po } from "react";
-import { f as N } from "./BzLOGtjuaZ3Mji-F.js";
+import { f as N } from "./md8aPMcWKEZYJq3K.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.0
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.3.1
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -19,16 +19,16 @@ const Lo = Qt("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "s
 } })(io(({ 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" ? lo(Y(o.palette.divider, 1), 0.88) : so(Y(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", [`&.${Lo.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 } }] }))), De = x.forwardRef(function(o, e) {
   const t = to({ props: o, name: "MuiTableCell" }), { align: n = "inherit", className: r, component: i, padding: l, scope: a, size: s, sortDirection: c, variant: d, ...h } = t, f = x.useContext(ko), u = x.useContext(Oo), _ = u && u.variant === "head";
-  let m;
-  m = i || (_ ? "th" : "td");
-  let g = a;
-  m === "td" ? g = void 0 : !g && _ && (g = "col");
-  const S = d || u && u.variant, y = { ...t, align: n, component: m, padding: l || (f && f.padding ? f.padding : "normal"), size: s || (f && f.size ? f.size : "medium"), sortDirection: c, stickyHeader: S === "head" && f && f.stickyHeader, variant: S }, v = ((w) => {
-    const { classes: b, variant: R, align: T, padding: I, size: k, stickyHeader: z } = w, P = { root: ["root", R, z && "stickyHeader", T !== "inherit" && `align${J(T)}`, I !== "normal" && `padding${J(I)}`, `size${J(k)}`] };
+  let g;
+  g = i || (_ ? "th" : "td");
+  let m = a;
+  g === "td" ? m = void 0 : !m && _ && (m = "col");
+  const S = d || u && u.variant, y = { ...t, align: n, component: g, padding: l || (f && f.padding ? f.padding : "normal"), size: s || (f && f.size ? f.size : "medium"), sortDirection: c, stickyHeader: S === "head" && f && f.stickyHeader, variant: S }, v = ((w) => {
+    const { classes: b, variant: R, align: z, padding: I, size: k, stickyHeader: T } = w, P = { root: ["root", R, T && "stickyHeader", z !== "inherit" && `align${J(z)}`, I !== "normal" && `padding${J(I)}`, `size${J(k)}`] };
     return ro(P, Mo, b);
   })(y);
   let C = null;
-  return c && (C = c === "asc" ? "ascending" : "descending"), E(Go, { as: m, ref: e, className: no(v.root, r), "aria-sort": C, scope: g, ownerState: y, ...h });
+  return c && (C = c === "asc" ? "ascending" : "descending"), E(Go, { as: g, ref: e, className: no(v.root, r), "aria-sort": C, scope: m, ownerState: y, ...h });
 }), Ao = So();
 function Se(o) {
   return o !== "ownerState" && o !== "theme" && o !== "sx" && o !== "as";
@@ -36,9 +36,9 @@ function Se(o) {
 function Eo(o) {
   return o ? (e, t) => t[o] : null;
 }
-function me(o, e) {
+function ge(o, e) {
   const t = typeof e == "function" ? e(o) : e;
-  if (Array.isArray(t)) return t.flatMap((n) => me(o, n));
+  if (Array.isArray(t)) return t.flatMap((n) => ge(o, n));
   if (Array.isArray(t?.variants)) {
     let n;
     if (t.isProcessed) n = t.style;
@@ -75,44 +75,44 @@ const Wo = function(o = {}) {
   }
   return (l, a = {}) => {
     yo(l, (w) => w.filter((b) => b !== Ee));
-    const { name: s, slot: c, skipVariantsResolver: d, skipSx: h, overridesResolver: f = Eo(Ho(c)), ...u } = a, _ = d !== void 0 ? d : c && c !== "Root" && c !== "root" || !1, m = h || !1;
-    let g = Se;
+    const { name: s, slot: c, skipVariantsResolver: d, skipSx: h, overridesResolver: f = Eo(Ho(c)), ...u } = a, _ = d !== void 0 ? d : c && c !== "Root" && c !== "root" || !1, g = h || !1;
+    let m = Se;
     var S;
-    c === "Root" || c === "root" ? g = n : c ? g = r : typeof (S = l) == "string" && S.charCodeAt(0) > 96 && (g = void 0);
-    const y = wo(l, { shouldForwardProp: g, label: void 0, ...u }), v = (w) => {
+    c === "Root" || c === "root" ? m = n : c ? m = r : typeof (S = l) == "string" && S.charCodeAt(0) > 96 && (m = void 0);
+    const y = wo(l, { shouldForwardProp: m, label: void 0, ...u }), v = (w) => {
       if (w.__emotion_real === w) return w;
       if (typeof w == "function") return function(b) {
-        return me(b, w);
+        return ge(b, w);
       };
       if (Ro(w)) {
         const b = function(R) {
-          const { variants: T, ...I } = R, k = { variants: T, style: He(I), isProcessed: !0 };
-          return k.style === I || T && T.forEach((z) => {
-            typeof z.style != "function" && (z.style = He(z.style));
+          const { variants: z, ...I } = R, k = { variants: z, style: He(I), isProcessed: !0 };
+          return k.style === I || z && z.forEach((T) => {
+            typeof T.style != "function" && (T.style = He(T.style));
           }), k;
         }(w);
         return b.variants ? function(R) {
-          return me(R, b);
+          return ge(R, b);
         } : b.style;
       }
       return w;
     }, C = (...w) => {
-      const b = [], R = w.map(v), T = [];
-      if (b.push(i), s && f && T.push(function(z) {
-        const P = z.theme, M = P.components?.[s]?.styleOverrides;
+      const b = [], R = w.map(v), z = [];
+      if (b.push(i), s && f && z.push(function(T) {
+        const P = T.theme, M = P.components?.[s]?.styleOverrides;
         if (!M) return null;
         const H = {};
-        for (const K in M) H[K] = me(z, M[K]);
-        return f(z, H);
-      }), s && !_ && T.push(function(z) {
-        const P = z.theme, M = P?.components?.[s]?.variants;
-        return M ? wt(z, M) : null;
-      }), m || T.push(Ee), Array.isArray(R[0])) {
-        const z = R.shift(), P = new Array(b.length).fill(""), M = new Array(T.length).fill("");
+        for (const K in M) H[K] = ge(T, M[K]);
+        return f(T, H);
+      }), s && !_ && z.push(function(T) {
+        const P = T.theme, M = P?.components?.[s]?.variants;
+        return M ? wt(T, M) : null;
+      }), g || z.push(Ee), Array.isArray(R[0])) {
+        const T = R.shift(), P = new Array(b.length).fill(""), M = new Array(z.length).fill("");
         let H;
-        H = [...P, ...z, ...M], H.raw = [...P, ...z.raw, ...M], b.unshift(H);
+        H = [...P, ...T, ...M], H.raw = [...P, ...T.raw, ...M], b.unshift(H);
       }
-      const I = [...b, ...R, ...T], k = y(...I);
+      const I = [...b, ...R, ...z], k = y(...I);
       return l.muiName && (k.muiName = l.muiName), k;
     };
     return y.withConfig && (C.withConfig = y.withConfig), C;
@@ -167,7 +167,7 @@ function O(o) {
 }
 function D(o, e) {
   if (typeof e != "function" && e !== null) throw new TypeError("Super expression must either be null or a function");
-  o.prototype = Object.create(e && e.prototype, { constructor: { value: o, writable: !0, configurable: !0 } }), Object.defineProperty(o, "prototype", { writable: !1 }), e && To(o, e);
+  o.prototype = Object.create(e && e.prototype, { constructor: { value: o, writable: !0, configurable: !0 } }), Object.defineProperty(o, "prototype", { writable: !1 }), e && zo(o, e);
 }
 function p(o, e, t) {
   return (e = Ct(e)) in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
@@ -238,13 +238,13 @@ function Ne(o) {
   }
   return o;
 }
-function Tt() {
+function zt() {
   try {
     var o = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (Tt = function() {
+  return (zt = function() {
     return !!o;
   })();
 }
@@ -254,10 +254,10 @@ var Be = function() {
     var e, t, n, r;
     G(this, o);
     for (var i = arguments.length, l = new Array(i), a = 0; a < i; a++) l[a] = arguments[a];
-    return t = this, n = o, r = [].concat(l), n = O(n), p(e = W(t, Tt() ? 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) {
+    return t = this, n = o, r = [].concat(l), n = O(n), p(e = W(t, zt() ? 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 _ = e._getScrollState(), m = _.scrollToColumn, g = _.scrollToRow, S = e._getScrollState(), y = S.scrollToColumn, v = S.scrollToRow;
+        var _ = e._getScrollState(), g = _.scrollToColumn, m = _.scrollToRow, S = e._getScrollState(), y = S.scrollToColumn, v = S.scrollToRow;
         switch (s.key) {
           case "ArrowDown":
             v = Math.min(f === "cells" ? v + 1 : e._rowStopIndex + 1, u - 1);
@@ -271,7 +271,7 @@ var Be = function() {
           case "ArrowUp":
             v = Math.max(f === "cells" ? v - 1 : e._rowStartIndex - 1, 0);
         }
-        y === m && v === g || (s.preventDefault(), e._updateScrollState({ scrollToColumn: y, scrollToRow: v }));
+        y === g && v === m || (s.preventDefault(), e._updateScrollState({ scrollToColumn: y, scrollToRow: v }));
       }
     }), p(e, "_onSectionRendered", function(s) {
       var c = s.columnStartIndex, d = s.columnStopIndex, h = s.rowStartIndex, f = s.rowStopIndex;
@@ -293,7 +293,7 @@ var Be = function() {
     return e.isControlled ? {} : e.scrollToColumn !== t.instanceProps.prevScrollToColumn || e.scrollToRow !== t.instanceProps.prevScrollToRow ? Ne(Ne({}, t), {}, { scrollToColumn: e.scrollToColumn, scrollToRow: e.scrollToRow, instanceProps: { prevScrollToColumn: e.scrollToColumn, prevScrollToRow: e.scrollToRow } }) : {};
   } }]);
 }();
-function zt(o, e) {
+function Tt(o, e) {
   var t, n, r = (t = e !== void 0 ? e : typeof window < "u" ? window : typeof self < "u" ? self : global).document !== void 0 && t.document.attachEvent;
   if (!r) {
     var i = (n = t.requestAnimationFrame || t.mozRequestAnimationFrame || t.webkitRequestAnimationFrame || function(v) {
@@ -320,12 +320,12 @@ function zt(o, e) {
       }
     }, c = !1, d = "", h = "animationstart", f = "Webkit Moz O ms".split(" "), u = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), _ = t.document.createElement("fakeelement");
     if (_.style.animationName !== void 0 && (c = !0), c === !1) {
-      for (var m = 0; m < f.length; m++) if (_.style[f[m] + "AnimationName"] !== void 0) {
-        d = "-" + f[m].toLowerCase() + "-", h = u[m], c = !0;
+      for (var g = 0; g < f.length; g++) if (_.style[f[g] + "AnimationName"] !== void 0) {
+        d = "-" + f[g].toLowerCase() + "-", h = u[g], c = !0;
         break;
       }
     }
-    var g = "resizeanim", S = "@" + d + "keyframes " + g + " { from { opacity: 0; } to { opacity: 0; } } ", y = d + "animation: 1ms " + g + "; ";
+    var m = "resizeanim", S = "@" + d + "keyframes " + m + " { from { opacity: 0; } to { opacity: 0; } } ", y = d + "animation: 1ms " + m + "; ";
   }
   return { addResizeListener: function(v, C) {
     if (r) v.attachEvent("onresize", C);
@@ -334,15 +334,15 @@ function zt(o, e) {
         var w = v.ownerDocument, b = t.getComputedStyle(v);
         b && b.position == "static" && (v.style.position = "relative"), function(I) {
           if (!I.getElementById("detectElementResize")) {
-            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%; }', z = I.head || I.getElementsByTagName("head")[0], P = I.createElement("style");
-            P.id = "detectElementResize", P.type = "text/css", o != null && P.setAttribute("nonce", o), P.styleSheet ? P.styleSheet.cssText = k : P.appendChild(I.createTextNode(k)), z.appendChild(P);
+            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%; }', T = I.head || I.getElementsByTagName("head")[0], P = I.createElement("style");
+            P.id = "detectElementResize", P.type = "text/css", o != null && P.setAttribute("nonce", o), P.styleSheet ? P.styleSheet.cssText = k : P.appendChild(I.createTextNode(k)), T.appendChild(P);
           }
         }(w), v.__resizeLast__ = {}, v.__resizeListeners__ = [], (v.__resizeTriggers__ = w.createElement("div")).className = "resize-triggers";
         var R = w.createElement("div");
         R.className = "expand-trigger", R.appendChild(w.createElement("div"));
-        var T = w.createElement("div");
-        T.className = "contract-trigger", v.__resizeTriggers__.appendChild(R), v.__resizeTriggers__.appendChild(T), v.appendChild(v.__resizeTriggers__), a(v), v.addEventListener("scroll", s, !0), h && (v.__resizeTriggers__.__animationListener__ = function(I) {
-          I.animationName == g && a(v);
+        var z = w.createElement("div");
+        z.className = "contract-trigger", v.__resizeTriggers__.appendChild(R), v.__resizeTriggers__.appendChild(z), v.appendChild(v.__resizeTriggers__), a(v), v.addEventListener("scroll", s, !0), h && (v.__resizeTriggers__.__animationListener__ = function(I) {
+          I.animationName == m && a(v);
         }, v.__resizeTriggers__.addEventListener(h, v.__resizeTriggers__.__animationListener__));
       }
       v.__resizeListeners__.push(C);
@@ -398,8 +398,8 @@ var Pt = function() {
     return t = this, n = o, r = [].concat(l), n = O(n), p(e = W(t, It() ? 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, _ = (e._window || window).getComputedStyle(e._parentNode) || {}, m = parseInt(_.paddingLeft, 10) || 0, g = parseInt(_.paddingRight, 10) || 0, S = parseInt(_.paddingTop, 10) || 0, y = parseInt(_.paddingBottom, 10) || 0, v = f - S - y, C = u - m - g;
-        (!c && e.state.height !== v || !d && e.state.width !== C) && (e.setState({ height: f - S - y, width: u - m - g }), h({ height: f, width: u }));
+        var f = e._parentNode.offsetHeight || 0, u = e._parentNode.offsetWidth || 0, _ = (e._window || window).getComputedStyle(e._parentNode) || {}, g = parseInt(_.paddingLeft, 10) || 0, m = parseInt(_.paddingRight, 10) || 0, S = parseInt(_.paddingTop, 10) || 0, y = parseInt(_.paddingBottom, 10) || 0, v = f - S - y, C = u - g - m;
+        (!c && e.state.height !== v || !d && e.state.width !== C) && (e.setState({ height: f - S - y, width: u - g - m }), h({ height: f, width: u }));
       }
     }), p(e, "_setRef", function(s) {
       e._autoSizer = s;
@@ -407,7 +407,7 @@ var Pt = function() {
   }
   return D(o, x.Component), A(o, [{ key: "componentDidMount", value: function() {
     var e = this.props.nonce;
-    this._autoSizer && this._autoSizer.parentNode && this._autoSizer.parentNode.ownerDocument && this._autoSizer.parentNode.ownerDocument.defaultView && this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement && (this._parentNode = this._autoSizer.parentNode, this._window = this._autoSizer.parentNode.ownerDocument.defaultView, this._detectElementResize = zt(e, this._window), this._detectElementResize.addResizeListener(this._parentNode, this._onResize), this._onResize());
+    this._autoSizer && this._autoSizer.parentNode && this._autoSizer.parentNode.ownerDocument && this._autoSizer.parentNode.ownerDocument.defaultView && this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement && (this._parentNode = this._autoSizer.parentNode, this._window = this._autoSizer.parentNode.ownerDocument.defaultView, this._detectElementResize = Tt(e, this._window), this._detectElementResize.addResizeListener(this._parentNode, this._onResize), this._onResize());
   } }, { key: "componentWillUnmount", value: function() {
     this._detectElementResize && this._parentNode && this._detectElementResize.removeResizeListener(this._parentNode, this._onResize);
   } }, { key: "render", value: function() {
@@ -433,8 +433,8 @@ var Do = function() {
     G(this, o);
     for (var i = arguments.length, l = new Array(i), a = 0; a < i; a++) l[a] = arguments[a];
     return t = this, n = o, r = [].concat(l), n = O(n), p(e = W(t, kt() ? Reflect.construct(n, r || [], O(t).constructor) : n.apply(t, r)), "_child", x.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, _ = u === void 0 ? e.props.index || 0 : u, m = e._getCellMeasurements(), g = m.height, S = m.width;
-      g === c.getHeight(_, h) && S === c.getWidth(_, h) || (c.set(_, h, S, g), f && typeof f.recomputeGridSize == "function" && f.recomputeGridSize({ columnIndex: h, rowIndex: _ }));
+      var s = e.props, c = s.cache, d = s.columnIndex, h = d === void 0 ? 0 : d, f = s.parent, u = s.rowIndex, _ = u === void 0 ? e.props.index || 0 : u, g = e._getCellMeasurements(), m = g.height, S = g.width;
+      m === c.getHeight(_, h) && S === c.getWidth(_, h) || (c.set(_, h, S, m), f && typeof f.recomputeGridSize == "function" && f.recomputeGridSize({ columnIndex: h, rowIndex: _ }));
     }), p(e, "_registerChild", function(s) {
       !s || s instanceof Element || console.warn("CellMeasurer registerChild expects to be passed Element or null"), e._child.current = s, s && e._maybeMeasureCell();
     }), e;
@@ -519,7 +519,7 @@ function Ot() {
     return !!o;
   })();
 }
-var te = "requested", ge = function() {
+var te = "requested", me = function() {
   function o() {
     var e, t, n, r;
     G(this, o);
@@ -530,20 +530,20 @@ var te = "requested", ge = function() {
     }), p(e, "_setScrollingContainerRef", function(s) {
       e._scrollingContainer = s;
     }), p(e, "_updateScrollPositionForScrollToCell", function() {
-      var s = e.props, c = s.cellLayoutManager, d = s.height, h = s.scrollToAlignment, f = s.scrollToCell, u = s.width, _ = e.state, m = _.scrollLeft, g = _.scrollTop;
+      var s = e.props, c = s.cellLayoutManager, d = s.height, h = s.scrollToAlignment, f = s.scrollToCell, u = s.width, _ = e.state, g = _.scrollLeft, m = _.scrollTop;
       if (f >= 0) {
-        var S = c.getScrollPositionForCell({ align: h, cellIndex: f, height: d, scrollLeft: m, scrollTop: g, width: u });
-        S.scrollLeft === m && S.scrollTop === g || e._setScrollPosition(S);
+        var S = c.getScrollPositionForCell({ align: h, cellIndex: f, height: d, scrollLeft: g, scrollTop: m, width: u });
+        S.scrollLeft === g && S.scrollTop === m || e._setScrollPosition(S);
       }
     }), p(e, "_onScroll", function(s) {
       if (s.target === e._scrollingContainer) {
         e._enablePointerEventsAfterDelay();
-        var c = e.props, d = c.cellLayoutManager, h = c.height, f = c.isScrollingChange, u = c.width, _ = e._scrollbarSize, m = d.getTotalSize(), g = m.height, S = m.width, y = Math.max(0, Math.min(S - u + _, s.target.scrollLeft)), v = Math.max(0, Math.min(g - h + _, s.target.scrollTop));
+        var c = e.props, d = c.cellLayoutManager, h = c.height, f = c.isScrollingChange, u = c.width, _ = e._scrollbarSize, g = d.getTotalSize(), m = g.height, S = g.width, y = Math.max(0, Math.min(S - u + _, s.target.scrollLeft)), v = Math.max(0, Math.min(m - h + _, s.target.scrollTop));
         if (e.state.scrollLeft !== y || e.state.scrollTop !== v) {
           var C = s.cancelable ? "observed" : te;
           e.state.isScrolling || f(!0), e.setState({ isScrolling: !0, scrollLeft: y, scrollPositionChangeReason: C, scrollTop: v });
         }
-        e._invokeOnScrollMemoizer({ scrollLeft: y, scrollTop: v, totalWidth: S, totalHeight: g });
+        e._invokeOnScrollMemoizer({ scrollLeft: y, scrollTop: v, totalWidth: S, totalHeight: m });
       }
     }), e._scrollbarSize = be(), e._scrollbarSize === void 0 ? (e._scrollbarSizeMeasured = !1, e._scrollbarSize = 0) : e._scrollbarSizeMeasured = !0, e;
   }
@@ -560,10 +560,10 @@ var te = "requested", ge = function() {
   } }, { key: "componentWillUnmount", value: function() {
     this._disablePointerEventsTimeoutId && clearTimeout(this._disablePointerEventsTimeoutId);
   } }, { key: "render", value: function() {
-    var e = this.props, t = e.autoHeight, n = e.cellCount, r = e.cellLayoutManager, i = e.className, l = e.height, a = e.horizontalOverscanSize, s = e.id, c = e.noContentRenderer, d = e.style, h = e.verticalOverscanSize, f = e.width, u = this.state, _ = u.isScrolling, m = u.scrollLeft, g = u.scrollTop;
+    var e = this.props, t = e.autoHeight, n = e.cellCount, r = e.cellLayoutManager, i = e.className, l = e.height, a = e.horizontalOverscanSize, s = e.id, c = e.noContentRenderer, d = e.style, h = e.verticalOverscanSize, f = e.width, u = this.state, _ = u.isScrolling, g = u.scrollLeft, m = 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, v = S.width, C = Math.max(0, m - a), w = Math.max(0, g - h), b = Math.min(v, m + f + a), R = Math.min(y, g + l + h), T = l > 0 && f > 0 ? r.cellRenderers({ height: R - w, isScrolling: _, width: b - C, x: C, y: w }) : [], I = { boxSizing: "border-box", direction: "ltr", height: t ? "auto" : l, position: "relative", WebkitOverflowScrolling: "touch", width: f, willChange: "transform" }, k = y > l ? this._scrollbarSize : 0, z = v > f ? this._scrollbarSize : 0;
-    return I.overflowX = v + k <= f ? "hidden" : "auto", I.overflowY = y + z <= l ? "hidden" : "auto", x.createElement("div", { ref: this._setScrollingContainerRef, "aria-label": this.props["aria-label"], className: N("ReactVirtualized__Collection", i), id: s, onScroll: this._onScroll, role: "grid", style: qe(qe({}, I), d), tabIndex: 0 }, n > 0 && x.createElement("div", { className: "ReactVirtualized__Collection__innerScrollContainer", style: { height: y, maxHeight: y, maxWidth: v, overflow: "hidden", pointerEvents: _ ? "none" : "", width: v } }, T), n === 0 && c());
+    var S = r.getTotalSize(), y = S.height, v = S.width, C = Math.max(0, g - a), w = Math.max(0, m - h), b = Math.min(v, g + f + a), R = Math.min(y, m + l + h), z = l > 0 && f > 0 ? r.cellRenderers({ height: R - w, isScrolling: _, width: b - C, x: C, y: w }) : [], I = { boxSizing: "border-box", direction: "ltr", height: t ? "auto" : l, position: "relative", WebkitOverflowScrolling: "touch", width: f, willChange: "transform" }, k = y > l ? this._scrollbarSize : 0, T = v > f ? this._scrollbarSize : 0;
+    return I.overflowX = v + k <= f ? "hidden" : "auto", I.overflowY = y + T <= l ? "hidden" : "auto", x.createElement("div", { ref: this._setScrollingContainerRef, "aria-label": this.props["aria-label"], className: N("ReactVirtualized__Collection", i), id: s, onScroll: this._onScroll, role: "grid", style: qe(qe({}, I), d), tabIndex: 0 }, n > 0 && x.createElement("div", { className: "ReactVirtualized__Collection__innerScrollContainer", style: { height: y, maxHeight: y, maxWidth: v, overflow: "hidden", pointerEvents: _ ? "none" : "", width: v } }, z), n === 0 && c());
   } }, { key: "_enablePointerEventsAfterDelay", value: function() {
     var e = this;
     this._disablePointerEventsTimeoutId && clearTimeout(this._disablePointerEventsTimeoutId), this._disablePointerEventsTimeoutId = setTimeout(function() {
@@ -582,13 +582,13 @@ var te = "requested", ge = function() {
     return e.cellCount !== 0 || t.scrollLeft === 0 && t.scrollTop === 0 ? e.scrollLeft !== t.scrollLeft || e.scrollTop !== t.scrollTop ? { scrollLeft: e.scrollLeft != null ? e.scrollLeft : t.scrollLeft, scrollTop: e.scrollTop != null ? e.scrollTop : t.scrollTop, scrollPositionChangeReason: te } : null : { scrollLeft: 0, scrollTop: 0, scrollPositionChangeReason: te };
   } }]);
 }();
-p(ge, "defaultProps", { "aria-label": "grid", horizontalOverscanSize: 0, noContentRenderer: function() {
+p(me, "defaultProps", { "aria-label": "grid", horizontalOverscanSize: 0, noContentRenderer: function() {
   return null;
 }, onScroll: function() {
   return null;
 }, onSectionRendered: function() {
   return null;
-}, scrollToAlignment: "auto", scrollToCell: -1, style: {}, verticalOverscanSize: 0 }), ge.propTypes = {}, ce(ge);
+}, scrollToAlignment: "auto", scrollToCell: -1, style: {}, verticalOverscanSize: 0 }), me.propTypes = {}, ce(me);
 var Fo = A(function o(e) {
   var t = e.height, n = e.width, r = e.x, i = e.y;
   G(this, o), this.height = t, this.width = n, this.x = r, this.y = i, this._indexMap = {}, this._indices = [];
@@ -669,7 +669,7 @@ var Xe = function() {
     var e = U({}, (function(t) {
       if (t == null) throw new TypeError("Cannot destructure " + t);
     }(this.props), this.props));
-    return x.createElement(ge, U({ cellLayoutManager: this, isScrollingChange: this._isScrollingChange, ref: this._setCollectionViewRef }, e));
+    return x.createElement(me, U({ cellLayoutManager: this, isScrollingChange: this._isScrollingChange, ref: this._setCollectionViewRef }, e));
   } }, { key: "calculateSizeAndPositionData", value: function() {
     var e = this.props, t = function(n) {
       for (var r = n.cellCount, i = n.cellSizeAndPositionGetter, l = [], a = new No(n.sectionSize), s = 0, c = 0, d = 0; d < r; d++) {
@@ -720,7 +720,7 @@ function Ye(o) {
 }
 function ne(o, e) {
   if (o == null) return {};
-  var t, n, r = zo(o, e);
+  var t, n, r = To(o, e);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(o);
     for (n = 0; n < i.length; n++) t = i[n], e.indexOf(t) === -1 && {}.propertyIsEnumerable.call(o, t) && (r[t] = o[t]);
@@ -872,8 +872,8 @@ var F, Bo = A(function o(e) {
   return Math.round(i * (n - e));
 } }]);
 function Ze(o) {
-  var e = o.cellSize, t = o.cellSizeAndPositionManager, n = o.previousCellsCount, r = o.previousCellSize, i = o.previousScrollToAlignment, l = o.previousScrollToIndex, a = o.previousSize, s = o.scrollOffset, c = o.scrollToAlignment, d = o.scrollToIndex, h = o.size, f = o.sizeJustIncreasedFromZero, u = o.updateScrollIndexCallback, _ = t.getCellCount(), m = d >= 0 && d < _;
-  m && (h !== a || f || !r || typeof e == "number" && e !== r || c !== i || d !== l) ? u(d) : !m && _ > 0 && (h < a || _ < n) && s > t.getTotalSize() - h && u(_ - 1);
+  var e = o.cellSize, t = o.cellSizeAndPositionManager, n = o.previousCellsCount, r = o.previousCellSize, i = o.previousScrollToAlignment, l = o.previousScrollToIndex, a = o.previousSize, s = o.scrollOffset, c = o.scrollToAlignment, d = o.scrollToIndex, h = o.size, f = o.sizeJustIncreasedFromZero, u = o.updateScrollIndexCallback, _ = t.getCellCount(), g = d >= 0 && d < _;
+  g && (h !== a || f || !r || typeof e == "number" && e !== r || c !== i || d !== l) ? u(d) : !g && _ > 0 && (h < a || _ < n) && s > t.getTotalSize() - h && u(_ - 1);
 }
 var Vo = (F = typeof window < "u" ? window : typeof self < "u" ? self : {}).requestAnimationFrame || F.webkitRequestAnimationFrame || F.mozRequestAnimationFrame || F.oRequestAnimationFrame || F.msRequestAnimationFrame || function(o) {
   return F.setTimeout(o, 1e3 / 60);
@@ -953,12 +953,12 @@ var tt = "requested", V = function() {
     var t = e.scrollLeft, n = t === void 0 ? 0 : t, r = e.scrollTop, i = r === void 0 ? 0 : r;
     if (!(i < 0)) {
       this._debounceScrollEnded();
-      var l = this.props, a = l.autoHeight, s = l.autoWidth, c = l.height, d = l.width, h = this.state.instanceProps, f = h.scrollbarSize, u = h.rowSizeAndPositionManager.getTotalSize(), _ = h.columnSizeAndPositionManager.getTotalSize(), m = Math.min(Math.max(0, _ - d + f), n), g = Math.min(Math.max(0, u - c + f), i);
-      if (this.state.scrollLeft !== m || this.state.scrollTop !== g) {
-        var S = { isScrolling: !0, scrollDirectionHorizontal: m !== this.state.scrollLeft ? m > this.state.scrollLeft ? 1 : -1 : this.state.scrollDirectionHorizontal, scrollDirectionVertical: g !== this.state.scrollTop ? g > this.state.scrollTop ? 1 : -1 : this.state.scrollDirectionVertical, scrollPositionChangeReason: "observed" };
-        a || (S.scrollTop = g), s || (S.scrollLeft = m), S.needToResetStyleCache = !1, this.setState(S);
+      var l = this.props, a = l.autoHeight, s = l.autoWidth, c = l.height, d = l.width, h = this.state.instanceProps, f = h.scrollbarSize, u = h.rowSizeAndPositionManager.getTotalSize(), _ = h.columnSizeAndPositionManager.getTotalSize(), g = Math.min(Math.max(0, _ - d + f), n), m = Math.min(Math.max(0, u - c + f), i);
+      if (this.state.scrollLeft !== g || this.state.scrollTop !== m) {
+        var S = { isScrolling: !0, scrollDirectionHorizontal: g !== this.state.scrollLeft ? g > this.state.scrollLeft ? 1 : -1 : this.state.scrollDirectionHorizontal, scrollDirectionVertical: m !== this.state.scrollTop ? m > this.state.scrollTop ? 1 : -1 : this.state.scrollDirectionVertical, scrollPositionChangeReason: "observed" };
+        a || (S.scrollTop = m), s || (S.scrollLeft = g), S.needToResetStyleCache = !1, this.setState(S);
       }
-      this._invokeOnScrollMemoizer({ scrollLeft: m, scrollTop: g, totalColumnsWidth: _, totalRowsHeight: u });
+      this._invokeOnScrollMemoizer({ scrollLeft: g, scrollTop: m, totalColumnsWidth: _, totalRowsHeight: u });
     }
   } }, { key: "invalidateCellSizeAfterRender", value: function(e) {
     var t = e.columnIndex, n = e.rowIndex;
@@ -985,50 +985,50 @@ var tt = "requested", V = function() {
     var h = n > 0 && s > 0;
     i >= 0 && h && this._updateScrollLeftForScrollToColumn(), a >= 0 && h && this._updateScrollTopForScrollToRow(), this._invokeOnGridRenderedHelper(), this._invokeOnScrollMemoizer({ scrollLeft: r || 0, scrollTop: l || 0, totalColumnsWidth: c.columnSizeAndPositionManager.getTotalSize(), totalRowsHeight: c.rowSizeAndPositionManager.getTotalSize() }), this._maybeCallOnScrollbarPresenceChange();
   } }, { key: "componentDidUpdate", value: function(e, t) {
-    var n = this, r = this.props, i = r.autoHeight, l = r.autoWidth, a = r.columnCount, s = r.height, c = r.rowCount, d = r.scrollToAlignment, h = r.scrollToColumn, f = r.scrollToRow, u = r.width, _ = this.state, m = _.scrollLeft, g = _.scrollPositionChangeReason, S = _.scrollTop, y = _.instanceProps;
+    var n = this, r = this.props, i = r.autoHeight, l = r.autoWidth, a = r.columnCount, s = r.height, c = r.rowCount, d = r.scrollToAlignment, h = r.scrollToColumn, f = r.scrollToRow, u = r.width, _ = this.state, g = _.scrollLeft, m = _.scrollPositionChangeReason, S = _.scrollTop, y = _.instanceProps;
     this._handleInvalidatedGridSize();
     var v = a > 0 && e.columnCount === 0 || c > 0 && e.rowCount === 0;
-    g === tt && (!l && m >= 0 && (m !== this._scrollingContainer.scrollLeft || v) && (this._scrollingContainer.scrollLeft = m), !i && S >= 0 && (S !== this._scrollingContainer.scrollTop || v) && (this._scrollingContainer.scrollTop = S));
+    m === tt && (!l && g >= 0 && (g !== this._scrollingContainer.scrollLeft || v) && (this._scrollingContainer.scrollLeft = g), !i && S >= 0 && (S !== this._scrollingContainer.scrollTop || v) && (this._scrollingContainer.scrollTop = S));
     var C = (e.width === 0 || e.height === 0) && s > 0 && u > 0;
-    if (this._recomputeScrollLeftFlag ? (this._recomputeScrollLeftFlag = !1, this._updateScrollLeftForScrollToColumn(this.props)) : Ze({ cellSizeAndPositionManager: y.columnSizeAndPositionManager, previousCellsCount: e.columnCount, previousCellSize: e.columnWidth, previousScrollToAlignment: e.scrollToAlignment, previousScrollToIndex: e.scrollToColumn, previousSize: e.width, scrollOffset: m, scrollToAlignment: d, scrollToIndex: h, size: u, sizeJustIncreasedFromZero: C, updateScrollIndexCallback: function() {
+    if (this._recomputeScrollLeftFlag ? (this._recomputeScrollLeftFlag = !1, this._updateScrollLeftForScrollToColumn(this.props)) : Ze({ cellSizeAndPositionManager: y.columnSizeAndPositionManager, previousCellsCount: e.columnCount, previousCellSize: e.columnWidth, previousScrollToAlignment: e.scrollToAlignment, previousScrollToIndex: e.scrollToColumn, previousSize: e.width, scrollOffset: g, scrollToAlignment: d, scrollToIndex: h, size: u, sizeJustIncreasedFromZero: C, updateScrollIndexCallback: function() {
       return n._updateScrollLeftForScrollToColumn(n.props);
     } }), this._recomputeScrollTopFlag ? (this._recomputeScrollTopFlag = !1, this._updateScrollTopForScrollToRow(this.props)) : Ze({ cellSizeAndPositionManager: y.rowSizeAndPositionManager, previousCellsCount: e.rowCount, previousCellSize: e.rowHeight, previousScrollToAlignment: e.scrollToAlignment, previousScrollToIndex: e.scrollToRow, previousSize: e.height, scrollOffset: S, scrollToAlignment: d, scrollToIndex: f, size: s, sizeJustIncreasedFromZero: C, updateScrollIndexCallback: function() {
       return n._updateScrollTopForScrollToRow(n.props);
-    } }), this._invokeOnGridRenderedHelper(), m !== t.scrollLeft || S !== t.scrollTop) {
+    } }), this._invokeOnGridRenderedHelper(), g !== t.scrollLeft || S !== t.scrollTop) {
       var w = y.rowSizeAndPositionManager.getTotalSize(), b = y.columnSizeAndPositionManager.getTotalSize();
-      this._invokeOnScrollMemoizer({ scrollLeft: m, scrollTop: S, totalColumnsWidth: b, totalRowsHeight: w });
+      this._invokeOnScrollMemoizer({ scrollLeft: g, scrollTop: S, totalColumnsWidth: b, totalRowsHeight: w });
     }
     this._maybeCallOnScrollbarPresenceChange();
   } }, { key: "componentWillUnmount", value: function() {
     this._disablePointerEventsTimeoutId && ee(this._disablePointerEventsTimeoutId);
   } }, { key: "render", value: function() {
-    var e = this.props, t = e.autoContainerWidth, n = e.autoHeight, r = e.autoWidth, i = e.className, l = e.containerProps, a = e.containerRole, s = e.containerStyle, c = e.height, d = e.id, h = e.noContentRenderer, f = e.role, u = e.style, _ = e.tabIndex, m = e.width, g = this.state, S = g.instanceProps, y = g.needToResetStyleCache, v = this._isScrolling(), C = { boxSizing: "border-box", direction: "ltr", height: n ? "auto" : c, position: "relative", width: r ? "auto" : m, WebkitOverflowScrolling: "touch", willChange: "transform" };
+    var e = this.props, t = e.autoContainerWidth, n = e.autoHeight, r = e.autoWidth, i = e.className, l = e.containerProps, a = e.containerRole, s = e.containerStyle, c = e.height, d = e.id, h = e.noContentRenderer, f = e.role, u = e.style, _ = e.tabIndex, g = e.width, m = this.state, S = m.instanceProps, y = m.needToResetStyleCache, v = this._isScrolling(), C = { boxSizing: "border-box", direction: "ltr", height: n ? "auto" : c, position: "relative", width: r ? "auto" : g, WebkitOverflowScrolling: "touch", willChange: "transform" };
     y && (this._styleCache = {}), this.state.isScrolling || this._resetStyleCache(), this._calculateChildrenToRender(this.props, this.state);
-    var w = S.columnSizeAndPositionManager.getTotalSize(), b = S.rowSizeAndPositionManager.getTotalSize(), R = b > c ? S.scrollbarSize : 0, T = w > m ? S.scrollbarSize : 0;
-    T === this._horizontalScrollBarSize && R === this._verticalScrollBarSize || (this._horizontalScrollBarSize = T, this._verticalScrollBarSize = R, this._scrollbarPresenceChanged = !0), C.overflowX = w + R <= m ? "hidden" : "auto", C.overflowY = b + T <= c ? "hidden" : "auto";
-    var I = this._childrenToDisplay, k = I.length === 0 && c > 0 && m > 0;
+    var w = S.columnSizeAndPositionManager.getTotalSize(), b = S.rowSizeAndPositionManager.getTotalSize(), R = b > c ? S.scrollbarSize : 0, z = w > g ? S.scrollbarSize : 0;
+    z === this._horizontalScrollBarSize && R === this._verticalScrollBarSize || (this._horizontalScrollBarSize = z, this._verticalScrollBarSize = R, this._scrollbarPresenceChanged = !0), C.overflowX = w + R <= g ? "hidden" : "auto", C.overflowY = b + z <= c ? "hidden" : "auto";
+    var I = this._childrenToDisplay, k = I.length === 0 && c > 0 && g > 0;
     return x.createElement("div", U({ ref: this._setScrollingContainerRef }, l, { "aria-label": this.props["aria-label"], "aria-readonly": this.props["aria-readonly"], className: N("ReactVirtualized__Grid", i), id: d, onScroll: this._onScroll, role: f, style: j(j({}, C), u), tabIndex: _ }), I.length > 0 && x.createElement("div", { className: "ReactVirtualized__Grid__innerScrollContainer", role: a, style: j({ width: t ? "auto" : w, height: b, maxWidth: w, maxHeight: b, overflow: "hidden", pointerEvents: v ? "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, i = e.columnCount, l = e.deferredMeasurementCache, a = e.height, s = e.overscanColumnCount, c = e.overscanIndicesGetter, d = e.overscanRowCount, h = e.rowCount, f = e.width, u = e.isScrollingOptOut, _ = t.scrollDirectionHorizontal, m = t.scrollDirectionVertical, g = t.instanceProps, S = this._initialScrollTop > 0 ? this._initialScrollTop : t.scrollTop, y = this._initialScrollLeft > 0 ? this._initialScrollLeft : t.scrollLeft, v = this._isScrolling(e, t);
+    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, i = e.columnCount, l = e.deferredMeasurementCache, a = e.height, s = e.overscanColumnCount, c = e.overscanIndicesGetter, d = e.overscanRowCount, h = e.rowCount, f = e.width, u = e.isScrollingOptOut, _ = t.scrollDirectionHorizontal, g = t.scrollDirectionVertical, m = t.instanceProps, S = this._initialScrollTop > 0 ? this._initialScrollTop : t.scrollTop, y = this._initialScrollLeft > 0 ? this._initialScrollLeft : t.scrollLeft, v = this._isScrolling(e, t);
     if (this._childrenToDisplay = [], a > 0 && f > 0) {
-      var C = g.columnSizeAndPositionManager.getVisibleCellRange({ containerSize: f, offset: y }), w = g.rowSizeAndPositionManager.getVisibleCellRange({ containerSize: a, offset: S }), b = g.columnSizeAndPositionManager.getOffsetAdjustment({ containerSize: f, offset: y }), R = g.rowSizeAndPositionManager.getOffsetAdjustment({ containerSize: a, offset: S });
+      var C = m.columnSizeAndPositionManager.getVisibleCellRange({ containerSize: f, offset: y }), w = m.rowSizeAndPositionManager.getVisibleCellRange({ containerSize: a, offset: S }), b = m.columnSizeAndPositionManager.getOffsetAdjustment({ containerSize: f, offset: y }), R = m.rowSizeAndPositionManager.getOffsetAdjustment({ containerSize: a, offset: S });
       this._renderedColumnStartIndex = C.start, this._renderedColumnStopIndex = C.stop, this._renderedRowStartIndex = w.start, this._renderedRowStopIndex = w.stop;
-      var T = c({ direction: "horizontal", cellCount: i, overscanCellsCount: s, scrollDirection: _, startIndex: typeof C.start == "number" ? C.start : 0, stopIndex: typeof C.stop == "number" ? C.stop : -1 }), I = c({ direction: "vertical", cellCount: h, overscanCellsCount: d, scrollDirection: m, startIndex: typeof w.start == "number" ? w.start : 0, stopIndex: typeof w.stop == "number" ? w.stop : -1 }), k = T.overscanStartIndex, z = T.overscanStopIndex, P = I.overscanStartIndex, M = I.overscanStopIndex;
+      var z = c({ direction: "horizontal", cellCount: i, overscanCellsCount: s, scrollDirection: _, startIndex: typeof C.start == "number" ? C.start : 0, stopIndex: typeof C.stop == "number" ? C.stop : -1 }), I = c({ direction: "vertical", cellCount: h, overscanCellsCount: d, scrollDirection: g, startIndex: typeof w.start == "number" ? w.start : 0, stopIndex: typeof w.stop == "number" ? w.stop : -1 }), k = z.overscanStartIndex, T = z.overscanStopIndex, P = I.overscanStartIndex, M = I.overscanStopIndex;
       if (l) {
         if (!l.hasFixedHeight()) {
           for (var H = P; H <= M; H++) if (!l.has(H, 0)) {
-            k = 0, z = i - 1;
+            k = 0, T = i - 1;
             break;
           }
         }
         if (!l.hasFixedWidth()) {
-          for (var K = k; K <= z; K++) if (!l.has(0, K)) {
+          for (var K = k; K <= T; K++) if (!l.has(0, K)) {
             P = 0, M = h - 1;
             break;
           }
         }
       }
-      this._childrenToDisplay = r({ cellCache: this._cellCache, cellRenderer: n, columnSizeAndPositionManager: g.columnSizeAndPositionManager, columnStartIndex: k, columnStopIndex: z, deferredMeasurementCache: l, horizontalOffsetAdjustment: b, isScrolling: v, isScrollingOptOut: u, parent: this, rowSizeAndPositionManager: g.rowSizeAndPositionManager, rowStartIndex: P, rowStopIndex: M, scrollLeft: y, scrollTop: S, styleCache: this._styleCache, verticalOffsetAdjustment: R, visibleColumnIndices: C, visibleRowIndices: w }), this._columnStartIndex = k, this._columnStopIndex = z, this._rowStartIndex = P, this._rowStopIndex = M;
+      this._childrenToDisplay = r({ cellCache: this._cellCache, cellRenderer: n, columnSizeAndPositionManager: m.columnSizeAndPositionManager, columnStartIndex: k, columnStopIndex: T, deferredMeasurementCache: l, horizontalOffsetAdjustment: b, isScrolling: v, isScrollingOptOut: u, parent: this, rowSizeAndPositionManager: m.rowSizeAndPositionManager, rowStartIndex: P, rowStopIndex: M, scrollLeft: y, scrollTop: S, styleCache: this._styleCache, verticalOffsetAdjustment: R, visibleColumnIndices: C, visibleRowIndices: w }), this._columnStartIndex = k, this._columnStopIndex = T, this._rowStartIndex = P, this._rowStopIndex = M;
     }
   } }, { key: "_debounceScrollEnded", value: function() {
     var e = this.props.scrollingResetTimeInterval;
@@ -1147,11 +1147,11 @@ function Ht() {
   })();
 }
 p(V, "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, i = o.columnStopIndex, l = o.deferredMeasurementCache, a = o.horizontalOffsetAdjustment, s = o.isScrolling, c = o.isScrollingOptOut, d = o.parent, h = o.rowSizeAndPositionManager, f = o.rowStartIndex, u = o.rowStopIndex, _ = o.styleCache, m = o.verticalOffsetAdjustment, g = o.visibleColumnIndices, S = o.visibleRowIndices, y = [], v = n.areOffsetsAdjusted() || h.areOffsetsAdjusted(), C = !s && !v, w = f; w <= u; w++) for (var b = h.getSizeAndPositionOfCell(w), R = r; R <= i; R++) {
-    var T = n.getSizeAndPositionOfCell(R), I = R >= g.start && R <= g.stop && w >= S.start && w <= S.stop, k = "".concat(w, "-").concat(R), z = void 0;
-    C && _[k] ? z = _[k] : l && !l.has(w, R) ? z = { height: "auto", left: 0, position: "absolute", top: 0, width: "auto" } : (z = { height: b.size, left: T.offset + a, position: "absolute", top: b.offset + m, width: T.size }, _[k] = z);
-    var P = { columnIndex: R, isScrolling: s, isVisible: I, key: k, parent: d, rowIndex: w, style: z }, M = void 0;
-    !c && !s || a || m ? M = t(P) : (e[k] || (e[k] = t(P)), M = e[k]), M != null && M !== !1 && (M.props.role || (M = yt.cloneElement(M, { role: "gridcell" })), y.push(M));
+  for (var e = o.cellCache, t = o.cellRenderer, n = o.columnSizeAndPositionManager, r = o.columnStartIndex, i = o.columnStopIndex, l = o.deferredMeasurementCache, a = o.horizontalOffsetAdjustment, s = o.isScrolling, c = o.isScrollingOptOut, d = o.parent, h = o.rowSizeAndPositionManager, f = o.rowStartIndex, u = o.rowStopIndex, _ = o.styleCache, g = o.verticalOffsetAdjustment, m = o.visibleColumnIndices, S = o.visibleRowIndices, y = [], v = n.areOffsetsAdjusted() || h.areOffsetsAdjusted(), C = !s && !v, w = f; w <= u; w++) for (var b = h.getSizeAndPositionOfCell(w), R = r; R <= i; R++) {
+    var z = n.getSizeAndPositionOfCell(R), I = R >= m.start && R <= m.stop && w >= S.start && w <= S.stop, k = "".concat(w, "-").concat(R), T = void 0;
+    C && _[k] ? T = _[k] : l && !l.has(w, R) ? T = { height: "auto", left: 0, position: "absolute", top: 0, width: "auto" } : (T = { height: b.size, left: z.offset + a, position: "absolute", top: b.offset + g, width: z.size }, _[k] = T);
+    var P = { columnIndex: R, isScrolling: s, isVisible: I, key: k, parent: d, rowIndex: w, style: T }, M = void 0;
+    !c && !s || a || g ? M = t(P) : (e[k] || (e[k] = t(P)), M = e[k]), M != null && M !== !1 && (M.props.role || (M = yt.cloneElement(M, { role: "gridcell" })), y.push(M));
   }
   return y;
 }, containerRole: "row", containerStyle: {}, estimatedColumnSize: 100, estimatedRowSize: 30, getScrollbarSize: be, noContentRenderer: function() {
@@ -1189,15 +1189,15 @@ var ot = function() {
     this._lastRenderedStartIndex = t, this._lastRenderedStopIndex = n, this._doStuff(t, n);
   } }, { key: "_doStuff", value: function(e, t) {
     var n, r = this, i = this.props, l = i.isRowLoaded, a = i.minimumBatchSize, s = i.rowCount, c = i.threshold, d = function(f) {
-      for (var u = f.isRowLoaded, _ = f.minimumBatchSize, m = f.rowCount, g = f.stopIndex, S = [], y = null, v = null, C = f.startIndex; C <= g; C++) u({ index: C }) ? v !== null && (S.push({ startIndex: y, stopIndex: v }), y = v = null) : (v = C, y === null && (y = C));
+      for (var u = f.isRowLoaded, _ = f.minimumBatchSize, g = f.rowCount, m = f.stopIndex, S = [], y = null, v = null, C = f.startIndex; C <= m; C++) u({ index: C }) ? v !== null && (S.push({ startIndex: y, stopIndex: v }), y = v = null) : (v = C, y === null && (y = C));
       if (v !== null) {
-        for (var w = Math.min(Math.max(v, y + _ - 1), m - 1), b = v + 1; b <= w && !u({ index: b }); b++) v = b;
+        for (var w = Math.min(Math.max(v, y + _ - 1), g - 1), b = v + 1; b <= w && !u({ index: b }); b++) v = b;
         S.push({ startIndex: y, stopIndex: v });
       }
       if (S.length) for (var R = S[0]; R.stopIndex - R.startIndex + 1 < _ && R.startIndex > 0; ) {
-        var T = R.startIndex - 1;
-        if (u({ index: T })) break;
-        R.startIndex = T;
+        var z = R.startIndex - 1;
+        if (u({ index: z })) break;
+        R.startIndex = z;
       }
       return S;
     }({ isRowLoaded: l, minimumBatchSize: a, rowCount: s, startIndex: Math.max(0, e - c), stopIndex: Math.min(s - 1, t + c) }), h = (n = []).concat.apply(n, function(f) {
@@ -1236,8 +1236,8 @@ var Ko = function() {
     G(this, o);
     for (var i = arguments.length, l = new Array(i), a = 0; a < i; a++) l[a] = arguments[a];
     return t = this, n = o, r = [].concat(l), n = O(n), p(e = W(t, Wt() ? 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, _ = s.key, m = e.props.rowRenderer, g = Object.getOwnPropertyDescriptor(h, "width");
-      return g && g.writable && (h.width = "100%"), m({ index: d, style: h, isScrolling: f, isVisible: u, key: _, parent: c });
+      var c = s.parent, d = s.rowIndex, h = s.style, f = s.isScrolling, u = s.isVisible, _ = s.key, g = e.props.rowRenderer, m = Object.getOwnPropertyDescriptor(h, "width");
+      return m && m.writable && (h.width = "100%"), g({ index: d, style: h, isScrolling: f, isVisible: u, key: _, parent: c });
     }), p(e, "_setRef", function(s) {
       e.Grid = s;
     }), p(e, "_onScroll", function(s) {
@@ -1335,10 +1335,10 @@ function st(o, e) {
 function Xo(o, e) {
   return o - e;
 }
-function Te(o, e) {
+function ze(o, e) {
   return o[0] - e[0] || o[1] - e[1];
 }
-function ze(o, e) {
+function Te(o, e) {
   return o[1] - e[1] || o[0] - e[0];
 }
 function se(o) {
@@ -1351,7 +1351,7 @@ function se(o) {
     a[1] < n ? r.push(a) : n < a[0] ? i.push(a) : l.push(a);
   }
   var s = l, c = l.slice();
-  return s.sort(Te), c.sort(ze), new Le(n, se(r), se(i), s, c);
+  return s.sort(ze), c.sort(Te), new Le(n, se(r), se(i), s, c);
 }
 function jt(o) {
   this.root = o;
@@ -1363,7 +1363,7 @@ oe.intervals = function(o) {
   if (this.count += 1, o[1] < this.mid) this.left ? 4 * (this.left.count + 1) > 3 * (e + 1) ? nt(this, o) : this.left.insert(o) : this.left = se([o]);
   else if (o[0] > this.mid) this.right ? 4 * (this.right.count + 1) > 3 * (e + 1) ? nt(this, o) : this.right.insert(o) : this.right = se([o]);
   else {
-    var t = pe(this.leftPoints, o, Te), n = pe(this.rightPoints, o, ze);
+    var t = pe(this.leftPoints, o, ze), n = pe(this.rightPoints, o, Te);
     this.leftPoints.splice(t, 0, o), this.rightPoints.splice(n, 0, o);
   }
 }, oe.remove = function(o) {
@@ -1383,8 +1383,8 @@ oe.intervals = function(o) {
     } else this.left ? ye(this, this.left) : ye(this, this.right);
     return 1;
   }
-  for (r = pe(this.leftPoints, o, Te); r < this.leftPoints.length && this.leftPoints[r][0] === o[0]; ++r) if (this.leftPoints[r] === o) {
-    for (this.count -= 1, this.leftPoints.splice(r, 1), i = pe(this.rightPoints, o, ze); i < this.rightPoints.length && this.rightPoints[i][1] === o[1]; ++i) if (this.rightPoints[i] === o) return this.rightPoints.splice(i, 1), 1;
+  for (r = pe(this.leftPoints, o, ze); r < this.leftPoints.length && this.leftPoints[r][0] === o[0]; ++r) if (this.leftPoints[r] === o) {
+    for (this.count -= 1, this.leftPoints.splice(r, 1), i = pe(this.rightPoints, o, Te); i < this.rightPoints.length && this.rightPoints[i][1] === o[1]; ++i) if (this.rightPoints[i] === o) return this.rightPoints.splice(i, 1), 1;
   }
   return 0;
 }, oe.queryPoint = function(o, e) {
@@ -1426,14 +1426,14 @@ var we = A(function o() {
       }(s) || function(d, h) {
         var f = d == null ? null : typeof Symbol < "u" && d[Symbol.iterator] || d["@@iterator"];
         if (f != null) {
-          var u, _, m, g, S = [], y = !0, v = !1;
+          var u, _, g, m, S = [], y = !0, v = !1;
           try {
-            if (m = (f = f.call(d)).next, h !== 0) for (; !(y = (u = m.call(f)).done) && (S.push(u.value), S.length !== h); y = !0) ;
+            if (g = (f = f.call(d)).next, h !== 0) for (; !(y = (u = g.call(f)).done) && (S.push(u.value), S.length !== h); y = !0) ;
           } catch (C) {
             v = !0, _ = C;
           } finally {
             try {
-              if (!y && f.return != null && (g = f.return(), Object(g) !== g)) return;
+              if (!y && f.return != null && (m = f.return(), Object(m) !== m)) return;
             } finally {
               if (v) throw _;
             }
@@ -1530,11 +1530,11 @@ var ct = function() {
   } }, { key: "componentWillUnmount", value: function() {
     this._debounceResetIsScrollingId && ee(this._debounceResetIsScrollingId);
   } }, { key: "render", value: function() {
-    var e, t = this, n = this.props, r = n.autoHeight, i = n.cellCount, l = n.cellMeasurerCache, a = n.cellRenderer, s = n.className, c = n.height, d = n.id, h = n.keyMapper, f = n.overscanByPixels, u = n.role, _ = n.style, m = n.tabIndex, g = n.width, S = n.rowDirection, y = this.state, v = y.isScrolling, C = y.scrollTop, w = [], b = this._getEstimatedTotalHeight(), R = this._positionCache.shortestColumnSize, T = this._positionCache.count, I = 0;
+    var e, t = this, n = this.props, r = n.autoHeight, i = n.cellCount, l = n.cellMeasurerCache, a = n.cellRenderer, s = n.className, c = n.height, d = n.id, h = n.keyMapper, f = n.overscanByPixels, u = n.role, _ = n.style, g = n.tabIndex, m = n.width, S = n.rowDirection, y = this.state, v = y.isScrolling, C = y.scrollTop, w = [], b = this._getEstimatedTotalHeight(), R = this._positionCache.shortestColumnSize, z = this._positionCache.count, I = 0;
     if (this._positionCache.range(Math.max(0, C - f), c + 2 * f, function(P, M, H) {
       e === void 0 ? (I = P, e = P) : (I = Math.min(I, P), e = Math.max(e, P)), w.push(a({ index: P, isScrolling: v, key: h(P), parent: t, style: p(p(p(p({ height: l.getHeight(P) }, S === "ltr" ? "left" : "right", M), "position", "absolute"), "top", H), "width", l.getWidth(P)) }));
-    }), R < C + c + f && T < i) for (var k = Math.min(i - T, Math.ceil((C + c + f - R) / l.defaultHeight * g / l.defaultWidth)), z = T; z < T + k; z++) e = z, w.push(a({ index: z, isScrolling: v, key: h(z), parent: this, style: { width: l.getWidth(z) } }));
-    return this._startIndex = I, this._stopIndex = e, x.createElement("div", { ref: this._setScrollingContainerRef, "aria-label": this.props["aria-label"], className: N("ReactVirtualized__Masonry", s), id: d, onScroll: this._onScroll, role: u, style: Yo({ boxSizing: "border-box", direction: "ltr", height: r ? "auto" : c, overflowX: "hidden", overflowY: b < c ? "hidden" : "auto", position: "relative", width: g, WebkitOverflowScrolling: "touch", willChange: "transform" }, _), tabIndex: m }, x.createElement("div", { className: "ReactVirtualized__Masonry__innerScrollContainer", style: { width: "100%", height: b, maxWidth: "100%", maxHeight: b, overflow: "hidden", pointerEvents: v ? "none" : "", position: "relative" } }, w));
+    }), R < C + c + f && z < i) for (var k = Math.min(i - z, Math.ceil((C + c + f - R) / l.defaultHeight * m / l.defaultWidth)), T = z; T < z + k; T++) e = T, w.push(a({ index: T, isScrolling: v, key: h(T), parent: this, style: { width: l.getWidth(T) } }));
+    return this._startIndex = I, this._stopIndex = e, x.createElement("div", { ref: this._setScrollingContainerRef, "aria-label": this.props["aria-label"], className: N("ReactVirtualized__Masonry", s), id: d, onScroll: this._onScroll, role: u, style: Yo({ boxSizing: "border-box", direction: "ltr", height: r ? "auto" : c, overflowX: "hidden", overflowY: b < c ? "hidden" : "auto", position: "relative", width: m, WebkitOverflowScrolling: "touch", willChange: "transform" }, _), tabIndex: g }, x.createElement("div", { className: "ReactVirtualized__Masonry__innerScrollContainer", style: { width: "100%", height: b, maxWidth: "100%", maxHeight: b, overflow: "hidden", pointerEvents: v ? "none" : "", position: "relative" } }, w));
   } }, { key: "_checkInvalidateOnUpdate", value: function() {
     if (typeof this._invalidateOnUpdateStartIndex == "number") {
       var e = this._invalidateOnUpdateStartIndex, t = this._invalidateOnUpdateStopIndex;
@@ -1639,25 +1639,25 @@ var xe = function() {
     }), p(n, "_bottomRightGridRef", function(d) {
       n._bottomRightGrid = d;
     }), p(n, "_cellRendererBottomLeftGrid", function(d) {
-      var h = d.rowIndex, f = ne(d, Jo), u = n.props, _ = u.cellRenderer, m = u.fixedRowCount;
-      return h === u.rowCount - m ? x.createElement("div", { key: f.key, style: L(L({}, f.style), {}, { height: 20 }) }) : _(L(L({}, f), {}, { parent: n, rowIndex: h + m }));
+      var h = d.rowIndex, f = ne(d, Jo), u = n.props, _ = u.cellRenderer, g = u.fixedRowCount;
+      return h === u.rowCount - g ? x.createElement("div", { key: f.key, style: L(L({}, f.style), {}, { height: 20 }) }) : _(L(L({}, f), {}, { parent: n, rowIndex: h + g }));
     }), p(n, "_cellRendererBottomRightGrid", function(d) {
-      var h = d.columnIndex, f = d.rowIndex, u = ne(d, Zo), _ = n.props, m = _.cellRenderer, g = _.fixedColumnCount, S = _.fixedRowCount;
-      return m(L(L({}, u), {}, { columnIndex: h + g, parent: n, rowIndex: f + S }));
+      var h = d.columnIndex, f = d.rowIndex, u = ne(d, Zo), _ = n.props, g = _.cellRenderer, m = _.fixedColumnCount, S = _.fixedRowCount;
+      return g(L(L({}, u), {}, { columnIndex: h + m, parent: n, rowIndex: f + S }));
     }), p(n, "_cellRendererTopRightGrid", function(d) {
-      var h = d.columnIndex, f = ne(d, Qo), u = n.props, _ = u.cellRenderer, m = u.columnCount, g = u.fixedColumnCount;
-      return h === m - g ? x.createElement("div", { key: f.key, style: L(L({}, f.style), {}, { width: 20 }) }) : _(L(L({}, f), {}, { columnIndex: h + g, parent: n }));
+      var h = d.columnIndex, f = ne(d, Qo), u = n.props, _ = u.cellRenderer, g = u.columnCount, m = u.fixedColumnCount;
+      return h === g - m ? x.createElement("div", { key: f.key, style: L(L({}, f.style), {}, { width: 20 }) }) : _(L(L({}, f), {}, { columnIndex: h + m, parent: n }));
     }), p(n, "_columnWidthRightGrid", function(d) {
-      var h = d.index, f = n.props, u = f.columnCount, _ = f.fixedColumnCount, m = f.columnWidth, g = n.state, S = g.scrollbarSize;
-      return g.showHorizontalScrollbar && h === u - _ ? S : typeof m == "function" ? m({ index: h + _ }) : m;
+      var h = d.index, f = n.props, u = f.columnCount, _ = f.fixedColumnCount, g = f.columnWidth, m = n.state, S = m.scrollbarSize;
+      return m.showHorizontalScrollbar && h === u - _ ? S : typeof g == "function" ? g({ index: h + _ }) : g;
     }), p(n, "_onScroll", function(d) {
       var h = d.scrollLeft, f = d.scrollTop;
       n.setState({ scrollLeft: h, scrollTop: f });
       var u = n.props.onScroll;
       u && u(d);
     }), p(n, "_onScrollbarPresenceChange", function(d) {
-      var h = d.horizontal, f = d.size, u = d.vertical, _ = n.state, m = _.showHorizontalScrollbar, g = _.showVerticalScrollbar;
-      if (h !== m || u !== g) {
+      var h = d.horizontal, f = d.size, u = d.vertical, _ = n.state, g = _.showHorizontalScrollbar, m = _.showVerticalScrollbar;
+      if (h !== g || u !== m) {
         n.setState({ scrollbarSize: f, showHorizontalScrollbar: h, showVerticalScrollbar: u });
         var S = n.props.onScrollbarPresenceChange;
         typeof S == "function" && S({ horizontal: h, size: f, vertical: u });
@@ -1669,8 +1669,8 @@ var xe = function() {
       var h = d.scrollTop;
       n._onScroll({ scrollTop: h, scrollLeft: n.state.scrollLeft });
     }), p(n, "_rowHeightBottomGrid", function(d) {
-      var h = d.index, f = n.props, u = f.fixedRowCount, _ = f.rowCount, m = f.rowHeight, g = n.state, S = g.scrollbarSize;
-      return g.showVerticalScrollbar && h === _ - u ? S : typeof m == "function" ? m({ index: h + u }) : m;
+      var h = d.index, f = n.props, u = f.fixedRowCount, _ = f.rowCount, g = f.rowHeight, m = n.state, S = m.scrollbarSize;
+      return m.showVerticalScrollbar && h === _ - u ? S : typeof g == "function" ? g({ index: h + u }) : g;
     }), p(n, "_topLeftGridRef", function(d) {
       n._topLeftGrid = d;
     }), p(n, "_topRightGridRef", function(d) {
@@ -1731,8 +1731,8 @@ var xe = function() {
       this._deferredInvalidateColumnIndex = null, this._deferredInvalidateRowIndex = null, this.recomputeGridSize({ columnIndex: e, rowIndex: t }), this.forceUpdate();
     }
   } }, { key: "_maybeCalculateCachedStyles", value: function(e) {
-    var t = this.props, n = t.columnWidth, r = t.enableFixedColumnScroll, i = t.enableFixedRowScroll, l = t.height, a = t.fixedColumnCount, s = t.fixedRowCount, c = t.rowHeight, d = t.style, h = t.styleBottomLeftGrid, f = t.styleBottomRightGrid, u = t.styleTopLeftGrid, _ = t.styleTopRightGrid, m = t.width, g = e || l !== this._lastRenderedHeight || m !== this._lastRenderedWidth, S = e || n !== this._lastRenderedColumnWidth || a !== this._lastRenderedFixedColumnCount, y = e || s !== this._lastRenderedFixedRowCount || c !== this._lastRenderedRowHeight;
-    (e || g || d !== this._lastRenderedStyle) && (this._containerOuterStyle = L({ height: l, overflow: "visible", width: m }, d)), (e || g || y) && (this._containerTopStyle = { height: this._getTopGridHeight(this.props), position: "relative", width: m }, this._containerBottomStyle = { height: l - this._getTopGridHeight(this.props), overflow: "visible", position: "relative", width: m }), (e || h !== this._lastRenderedStyleBottomLeftGrid) && (this._bottomLeftGridStyle = L({ left: 0, overflowX: "hidden", overflowY: r ? "auto" : "hidden", position: "absolute" }, h)), (e || S || f !== this._lastRenderedStyleBottomRightGrid) && (this._bottomRightGridStyle = L({ left: this._getLeftGridWidth(this.props), position: "absolute" }, f)), (e || u !== this._lastRenderedStyleTopLeftGrid) && (this._topLeftGridStyle = L({ left: 0, overflowX: "hidden", overflowY: "hidden", position: "absolute", top: 0 }, u)), (e || S || _ !== this._lastRenderedStyleTopRightGrid) && (this._topRightGridStyle = L({ left: this._getLeftGridWidth(this.props), overflowX: i ? "auto" : "hidden", overflowY: "hidden", position: "absolute", top: 0 }, _)), this._lastRenderedColumnWidth = n, this._lastRenderedFixedColumnCount = a, this._lastRenderedFixedRowCount = s, this._lastRenderedHeight = l, this._lastRenderedRowHeight = c, this._lastRenderedStyle = d, this._lastRenderedStyleBottomLeftGrid = h, this._lastRenderedStyleBottomRightGrid = f, this._lastRenderedStyleTopLeftGrid = u, this._lastRenderedStyleTopRightGrid = _, this._lastRenderedWidth = m;
+    var t = this.props, n = t.columnWidth, r = t.enableFixedColumnScroll, i = t.enableFixedRowScroll, l = t.height, a = t.fixedColumnCount, s = t.fixedRowCount, c = t.rowHeight, d = t.style, h = t.styleBottomLeftGrid, f = t.styleBottomRightGrid, u = t.styleTopLeftGrid, _ = t.styleTopRightGrid, g = t.width, m = e || l !== this._lastRenderedHeight || g !== this._lastRenderedWidth, S = e || n !== this._lastRenderedColumnWidth || a !== this._lastRenderedFixedColumnCount, y = e || s !== this._lastRenderedFixedRowCount || c !== this._lastRenderedRowHeight;
+    (e || m || d !== this._lastRenderedStyle) && (this._containerOuterStyle = L({ height: l, overflow: "visible", width: g }, d)), (e || m || y) && (this._containerTopStyle = { height: this._getTopGridHeight(this.props), position: "relative", width: g }, this._containerBottomStyle = { height: l - this._getTopGridHeight(this.props), overflow: "visible", position: "relative", width: g }), (e || h !== this._lastRenderedStyleBottomLeftGrid) && (this._bottomLeftGridStyle = L({ left: 0, overflowX: "hidden", overflowY: r ? "auto" : "hidden", position: "absolute" }, h)), (e || S || f !== this._lastRenderedStyleBottomRightGrid) && (this._bottomRightGridStyle = L({ left: this._getLeftGridWidth(this.props), position: "absolute" }, f)), (e || u !== this._lastRenderedStyleTopLeftGrid) && (this._topLeftGridStyle = L({ left: 0, overflowX: "hidden", overflowY: "hidden", position: "absolute", top: 0 }, u)), (e || S || _ !== this._lastRenderedStyleTopRightGrid) && (this._topRightGridStyle = L({ left: this._getLeftGridWidth(this.props), overflowX: i ? "auto" : "hidden", overflowY: "hidden", position: "absolute", top: 0 }, _)), this._lastRenderedColumnWidth = n, this._lastRenderedFixedColumnCount = a, this._lastRenderedFixedRowCount = s, this._lastRenderedHeight = l, this._lastRenderedRowHeight = c, this._lastRenderedStyle = d, this._lastRenderedStyleBottomLeftGrid = h, this._lastRenderedStyleBottomRightGrid = f, this._lastRenderedStyleTopLeftGrid = u, this._lastRenderedStyleTopRightGrid = _, this._lastRenderedWidth = g;
   } }, { key: "_prepareForRender", value: function() {
     this._lastRenderedColumnWidth === this.props.columnWidth && this._lastRenderedFixedColumnCount === this.props.fixedColumnCount || (this._leftGridWidth = null), this._lastRenderedFixedRowCount === this.props.fixedRowCount && this._lastRenderedRowHeight === this.props.rowHeight || (this._topGridHeight = null), this._maybeCalculateCachedStyles(), this._lastRenderedColumnWidth = this.props.columnWidth, this._lastRenderedFixedColumnCount = this.props.fixedColumnCount, this._lastRenderedFixedRowCount = this.props.fixedRowCount, this._lastRenderedRowHeight = this.props.rowHeight;
   } }, { key: "_renderBottomLeftGrid", value: function(e) {
@@ -1749,9 +1749,9 @@ var xe = function() {
   } }, { key: "_renderTopRightGrid", value: function(e) {
     var t = e.columnCount, n = e.enableFixedRowScroll, r = e.fixedColumnCount, i = e.fixedRowCount, l = e.scrollLeft, a = e.hideTopRightGridScrollbar, s = this.state, c = s.showHorizontalScrollbar, d = s.scrollbarSize;
     if (!i) return null;
-    var h = c ? 1 : 0, f = this._getTopGridHeight(e), u = this._getRightGridWidth(e), _ = c ? d : 0, m = f, g = this._topRightGridStyle;
-    a && (m = f + _, g = L(L({}, this._topRightGridStyle), {}, { left: 0 }));
-    var S = x.createElement(V, U({}, e, { cellRenderer: this._cellRendererTopRightGrid, className: this.props.classNameTopRightGrid, columnCount: Math.max(0, t - r) + h, columnWidth: this._columnWidthRightGrid, deferredMeasurementCache: this._deferredMeasurementCacheTopRightGrid, height: m, onScroll: n ? this._onScrollLeft : void 0, ref: this._topRightGridRef, rowCount: i, scrollLeft: l, style: g, tabIndex: null, width: u }));
+    var h = c ? 1 : 0, f = this._getTopGridHeight(e), u = this._getRightGridWidth(e), _ = c ? d : 0, g = f, m = this._topRightGridStyle;
+    a && (g = f + _, m = L(L({}, this._topRightGridStyle), {}, { left: 0 }));
+    var S = x.createElement(V, U({}, e, { cellRenderer: this._cellRendererTopRightGrid, className: this.props.classNameTopRightGrid, columnCount: Math.max(0, t - r) + h, columnWidth: this._columnWidthRightGrid, deferredMeasurementCache: this._deferredMeasurementCacheTopRightGrid, height: g, onScroll: n ? this._onScrollLeft : void 0, ref: this._topRightGridRef, rowCount: i, scrollLeft: l, style: m, tabIndex: null, width: u }));
     return a ? x.createElement("div", { className: "TopRightGrid_ScrollWrapper", style: L(L({}, this._topRightGridStyle), {}, { height: f, width: u, overflowX: "hidden" }) }, S) : S;
   } }], [{ key: "getDerivedStateFromProps", value: function(e, t) {
     return e.scrollLeft !== t.scrollLeft || e.scrollTop !== t.scrollTop ? { scrollLeft: e.scrollLeft != null && e.scrollLeft >= 0 ? e.scrollLeft : t.scrollLeft, scrollTop: e.scrollTop != null && e.scrollTop >= 0 ? e.scrollTop : t.scrollTop } : null;
@@ -1882,32 +1882,32 @@ var Pe = function() {
   } }, { key: "componentDidUpdate", value: function() {
     this._setScrollbarWidth();
   } }, { key: "render", value: function() {
-    var e = this, t = this.props, n = t.children, r = t.className, i = t.disableHeader, l = t.gridClassName, a = t.gridStyle, s = t.headerHeight, c = t.headerRowRenderer, d = t.height, h = t.id, f = t.noRowsRenderer, u = t.rowClassName, _ = t.rowStyle, m = t.scrollToIndex, g = t.style, S = t.width, y = this.state.scrollbarWidth, v = i ? d : d - s, C = typeof u == "function" ? u({ index: -1 }) : u, w = typeof _ == "function" ? _({ index: -1 }) : _;
+    var e = this, t = this.props, n = t.children, r = t.className, i = t.disableHeader, l = t.gridClassName, a = t.gridStyle, s = t.headerHeight, c = t.headerRowRenderer, d = t.height, h = t.id, f = t.noRowsRenderer, u = t.rowClassName, _ = t.rowStyle, g = t.scrollToIndex, m = t.style, S = t.width, y = this.state.scrollbarWidth, v = i ? d : d - s, C = typeof u == "function" ? u({ index: -1 }) : u, w = typeof _ == "function" ? _({ index: -1 }) : _;
     return this._cachedColumnStyles = [], x.Children.toArray(n).forEach(function(b, R) {
-      var T = e._getFlexStyleForColumn(b, b.props.style || ve.defaultProps.style);
-      e._cachedColumnStyles[R] = B({ overflow: "hidden" }, T);
-    }), x.createElement("div", { "aria-label": this.props["aria-label"], "aria-labelledby": this.props["aria-labelledby"], "aria-colcount": x.Children.toArray(n).length, "aria-rowcount": this.props.rowCount, className: N("ReactVirtualized__Table", r), id: h, role: "grid", style: g }, !i && c({ className: N("ReactVirtualized__Table__headerRow", C), columns: this._getHeaderColumns(), style: B({ height: s, overflow: "hidden", paddingRight: y, width: S }, w) }), x.createElement(V, U({}, this.props, { elementRef: this._setGridElementRef, "aria-readonly": null, autoContainerWidth: !0, className: N("ReactVirtualized__Table__Grid", l), cellRenderer: this._createRow, columnWidth: S, columnCount: 1, height: v, id: void 0, noContentRenderer: f, onScroll: this._onScroll, onSectionRendered: this._onSectionRendered, ref: this._setRef, role: "rowgroup", scrollbarWidth: y, scrollToRow: m, style: B(B({}, a), {}, { overflowX: "hidden" }) })));
+      var z = e._getFlexStyleForColumn(b, b.props.style || ve.defaultProps.style);
+      e._cachedColumnStyles[R] = B({ overflow: "hidden" }, z);
+    }), x.createElement("div", { "aria-label": this.props["aria-label"], "aria-labelledby": this.props["aria-labelledby"], "aria-colcount": x.Children.toArray(n).length, "aria-rowcount": this.props.rowCount, className: N("ReactVirtualized__Table", r), id: h, role: "grid", style: m }, !i && c({ className: N("ReactVirtualized__Table__headerRow", C), columns: this._getHeaderColumns(), style: B({ height: s, overflow: "hidden", paddingRight: y, width: S }, w) }), x.createElement(V, U({}, this.props, { elementRef: this._setGridElementRef, "aria-readonly": null, autoContainerWidth: !0, className: N("ReactVirtualized__Table__Grid", l), cellRenderer: this._createRow, columnWidth: S, columnCount: 1, height: v, id: void 0, noContentRenderer: f, onScroll: this._onScroll, onSectionRendered: this._onSectionRendered, ref: this._setRef, role: "rowgroup", scrollbarWidth: y, scrollToRow: g, style: B(B({}, a), {}, { overflowX: "hidden" }) })));
   } }, { key: "_createColumn", value: function(e) {
-    var t = e.column, n = e.columnIndex, r = e.isScrolling, i = e.parent, l = e.rowData, a = e.rowIndex, s = this.props.onColumnClick, c = t.props, d = c.cellDataGetter, h = c.cellRenderer, f = c.className, u = c.columnData, _ = c.dataKey, m = c.id, g = h({ cellData: d({ columnData: u, dataKey: _, rowData: l }), columnData: u, columnIndex: n, dataKey: _, isScrolling: r, parent: i, rowData: l, rowIndex: a }), S = this._cachedColumnStyles[n], y = typeof g == "string" ? g : null;
-    return x.createElement("div", { "aria-colindex": n + 1, "aria-describedby": m, className: N("ReactVirtualized__Table__rowColumn", f), key: "Row" + a + "-Col" + n, onClick: function(v) {
+    var t = e.column, n = e.columnIndex, r = e.isScrolling, i = e.parent, l = e.rowData, a = e.rowIndex, s = this.props.onColumnClick, c = t.props, d = c.cellDataGetter, h = c.cellRenderer, f = c.className, u = c.columnData, _ = c.dataKey, g = c.id, m = h({ cellData: d({ columnData: u, dataKey: _, rowData: l }), columnData: u, columnIndex: n, dataKey: _, isScrolling: r, parent: i, rowData: l, rowIndex: a }), S = this._cachedColumnStyles[n], y = typeof m == "string" ? m : null;
+    return x.createElement("div", { "aria-colindex": n + 1, "aria-describedby": g, className: N("ReactVirtualized__Table__rowColumn", f), key: "Row" + a + "-Col" + n, onClick: function(v) {
       s && s({ columnData: u, dataKey: _, event: v });
-    }, role: "gridcell", style: S, title: y }, g);
+    }, role: "gridcell", style: S, title: y }, m);
   } }, { key: "_createHeader", value: function(e) {
-    var t, n, r, i, l, a = e.column, s = e.index, c = this.props, d = c.headerClassName, h = c.headerStyle, f = c.onHeaderClick, u = c.sort, _ = c.sortBy, m = c.sortDirection, g = a.props, S = g.columnData, y = g.dataKey, v = g.defaultSortDirection, C = g.disableSort, w = g.headerRenderer, b = g.id, R = g.label, T = !C && u, I = N("ReactVirtualized__Table__headerColumn", d, a.props.headerClassName, { ReactVirtualized__Table__sortableHeaderColumn: T }), k = this._getFlexStyleForColumn(a, B(B({}, h), a.props.headerStyle)), z = w({ columnData: S, dataKey: y, disableSort: C, label: R, sortBy: _, sortDirection: m });
-    if (T || f) {
-      var P = _ !== y ? v : m === Ie ? ae : Ie, M = function(H) {
-        T && u({ defaultSortDirection: v, event: H, sortBy: y, sortDirection: P }), f && f({ columnData: S, dataKey: y, event: H });
+    var t, n, r, i, l, a = e.column, s = e.index, c = this.props, d = c.headerClassName, h = c.headerStyle, f = c.onHeaderClick, u = c.sort, _ = c.sortBy, g = c.sortDirection, m = a.props, S = m.columnData, y = m.dataKey, v = m.defaultSortDirection, C = m.disableSort, w = m.headerRenderer, b = m.id, R = m.label, z = !C && u, I = N("ReactVirtualized__Table__headerColumn", d, a.props.headerClassName, { ReactVirtualized__Table__sortableHeaderColumn: z }), k = this._getFlexStyleForColumn(a, B(B({}, h), a.props.headerStyle)), T = w({ columnData: S, dataKey: y, disableSort: C, label: R, sortBy: _, sortDirection: g });
+    if (z || f) {
+      var P = _ !== y ? v : g === Ie ? ae : Ie, M = function(H) {
+        z && u({ defaultSortDirection: v, event: H, sortBy: y, sortDirection: P }), f && f({ columnData: S, dataKey: y, event: H });
       };
       l = a.props["aria-label"] || R || y, i = "none", r = 0, t = M, n = function(H) {
         H.key !== "Enter" && H.key !== " " || M(H);
       };
     }
-    return _ === y && (i = m === ae ? "ascending" : "descending"), x.createElement("div", { "aria-label": l, "aria-sort": i, className: I, id: b, key: "Header-Col" + s, onClick: t, onKeyDown: n, role: "columnheader", style: k, tabIndex: r }, z);
+    return _ === y && (i = g === ae ? "ascending" : "descending"), x.createElement("div", { "aria-label": l, "aria-sort": i, className: I, id: b, key: "Header-Col" + s, onClick: t, onKeyDown: n, role: "columnheader", style: k, tabIndex: r }, T);
   } }, { key: "_createRow", value: function(e) {
-    var t = this, n = e.rowIndex, r = e.isScrolling, i = e.key, l = e.parent, a = e.style, s = this.props, c = s.children, d = s.onRowClick, h = s.onRowDoubleClick, f = s.onRowRightClick, u = s.onRowMouseOver, _ = s.onRowMouseOut, m = s.rowClassName, g = s.rowGetter, S = s.rowRenderer, y = s.rowStyle, v = this.state.scrollbarWidth, C = typeof m == "function" ? m({ index: n }) : m, w = typeof y == "function" ? y({ index: n }) : y, b = g({ index: n }), R = x.Children.toArray(c).map(function(k, z) {
-      return t._createColumn({ column: k, columnIndex: z, isScrolling: r, parent: l, rowData: b, rowIndex: n, scrollbarWidth: v });
-    }), T = N("ReactVirtualized__Table__row", C), I = B(B({}, a), {}, { height: this._getRowHeight(n), overflow: "hidden", paddingRight: v }, w);
-    return S({ className: T, columns: R, index: n, isScrolling: r, key: i, onRowClick: d, onRowDoubleClick: h, onRowRightClick: f, onRowMouseOver: u, onRowMouseOut: _, rowData: b, style: I });
+    var t = this, n = e.rowIndex, r = e.isScrolling, i = e.key, l = e.parent, a = e.style, s = this.props, c = s.children, d = s.onRowClick, h = s.onRowDoubleClick, f = s.onRowRightClick, u = s.onRowMouseOver, _ = s.onRowMouseOut, g = s.rowClassName, m = s.rowGetter, S = s.rowRenderer, y = s.rowStyle, v = this.state.scrollbarWidth, C = typeof g == "function" ? g({ index: n }) : g, w = typeof y == "function" ? y({ index: n }) : y, b = m({ index: n }), R = x.Children.toArray(c).map(function(k, T) {
+      return t._createColumn({ column: k, columnIndex: T, isScrolling: r, parent: l, rowData: b, rowIndex: n, scrollbarWidth: v });
+    }), z = N("ReactVirtualized__Table__row", C), I = B(B({}, a), {}, { height: this._getRowHeight(n), overflow: "hidden", paddingRight: v }, w);
+    return S({ className: z, columns: R, index: n, isScrolling: r, key: i, onRowClick: d, onRowDoubleClick: h, onRowRightClick: f, onRowMouseOver: u, onRowMouseOut: _, rowData: b, style: I });
   } }, { key: "_getFlexStyleForColumn", value: function(e) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = "".concat(e.props.flexGrow, " ").concat(e.props.flexShrink, " ").concat(e.props.width, "px"), r = B(B({}, t), {}, { flex: n, msFlex: n, WebkitFlex: n });
     return e.props.maxWidth && (r.maxWidth = e.props.maxWidth), e.props.minWidth && (r.minWidth = e.props.minWidth), r;
@@ -1992,7 +1992,7 @@ var Ge = function(o) {
 }, re = function(o) {
   return o.getBoundingClientRect();
 };
-function mt(o, e) {
+function gt(o, e) {
   if (o) {
     if (Ge(o)) {
       var t = window, n = t.innerHeight, r = t.innerWidth;
@@ -2002,7 +2002,7 @@ function mt(o, e) {
   }
   return { height: e.serverHeight, width: e.serverWidth };
 }
-function gt(o) {
+function mt(o) {
   return Ge(o) && document.documentElement ? { top: "scrollY" in window ? window.scrollY : document.documentElement.scrollTop, left: "scrollX" in window ? window.scrollX : document.documentElement.scrollLeft } : { top: o.scrollTop, left: o.scrollLeft };
 }
 function vt(o, e) {
@@ -2043,7 +2043,7 @@ var Yt = function() {
     var e, t, n, r;
     G(this, o);
     for (var i = arguments.length, l = new Array(i), a = 0; a < i; a++) l[a] = arguments[a];
-    return t = this, n = o, r = [].concat(l), n = O(n), p(e = W(t, Xt() ? Reflect.construct(n, r || [], O(t).constructor) : n.apply(t, r)), "_window", Yt()), 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", x.createRef()), p(e, "state", _t(_t({}, mt(e.props.scrollElement, e.props)), {}, { isScrolling: !1, scrollLeft: 0, scrollTop: 0 })), p(e, "_registerChild", function(s) {
+    return t = this, n = o, r = [].concat(l), n = O(n), p(e = W(t, Xt() ? Reflect.construct(n, r || [], O(t).constructor) : n.apply(t, r)), "_window", Yt()), 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", x.createRef()), p(e, "state", _t(_t({}, gt(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;
@@ -2061,7 +2061,7 @@ var Yt = function() {
       if (e._isMounted) {
         var s = e.props.onScroll, c = e.props.scrollElement;
         if (c) {
-          var d = gt(c), h = Math.max(0, d.left - e._positionFromLeft), f = Math.max(0, d.top - e._positionFromTop);
+          var d = mt(c), h = Math.max(0, d.left - e._positionFromLeft), f = Math.max(0, d.top - e._positionFromTop);
           e.setState({ isScrolling: !0, scrollLeft: h, scrollTop: f }), s({ scrollLeft: h, scrollTop: f });
         }
       }
@@ -2077,16 +2077,16 @@ var Yt = function() {
           var h = document.documentElement, f = re(c), u = re(h);
           return { top: f.top - u.top, left: f.left - u.left };
         }
-        var _ = gt(d), m = re(c), g = re(d);
-        return { top: m.top + _.top - g.top, left: m.left + _.left - g.left };
+        var _ = mt(d), g = re(c), m = re(d);
+        return { top: g.top + _.top - m.top, left: g.left + _.left - m.left };
       }(l, e);
       this._positionFromTop = a.top, this._positionFromLeft = a.left;
     }
-    var s = mt(e, this.props);
+    var s = gt(e, this.props);
     r === s.height && i === s.width || (this.setState({ height: s.height, width: s.width }), t({ height: s.height, width: s.width })), this.props.updateScrollTopOnUpdatePosition === !0 && (this.__handleWindowScrollEvent(), this.__resetIsScrolling());
   } }, { key: "componentDidMount", value: function() {
     var e = this.props.scrollElement;
-    this._detectElementResize = zt(), this.updatePosition(e), e && (ft(this, e), this._registerResizeListener(e)), this._isMounted = !0;
+    this._detectElementResize = Tt(), this.updatePosition(e), e && (ft(this, e), this._registerResizeListener(e)), this._isMounted = !0;
   } }, { key: "componentDidUpdate", value: function(e, t) {
     var n = this.props.scrollElement, r = e.scrollElement;
     r !== n && r != null && n != null && (this.updatePosition(n), pt(this, r), ft(this, n), this._unregisterResizeListener(r), this._registerResizeListener(n));
@@ -2131,20 +2131,20 @@ const rn = Wo(nn)(({ theme: o }) => ({ "& .ReactVirtualized__Table__headerRow":
 function ln(o) {
   const { commands: e, ...t } = o, [n, r] = he(!1), [i, l] = he(""), a = Io(() => {
     let u = e.getAllCommands();
-    n || (u = u.filter((g) => g.command.shortcut())), u.sort((g, S) => g.command.label().localeCompare(S.command.label()));
-    const _ = [], m = (g) => g.replace(/\n\n/g, `
+    n || (u = u.filter((m) => m.command.shortcut())), u.sort((m, S) => m.command.label().localeCompare(S.command.label()));
+    const _ = [], g = (m) => m.replace(/\n\n/g, `
 `);
-    for (let g = 0; g < u.length; g++) {
-      const S = u[g].command, y = S.shortcut();
+    for (let m = 0; m < u.length; m++) {
+      const S = u[m].command, y = S.shortcut();
       if (Array.isArray(y)) {
         const v = y;
-        for (let C = 0; C < v.length; C++) _.push({ label: S.label(), description: m(S.description()), shortcut: v[C] });
-      } else _.push({ label: S.label(), description: m(S.description()), shortcut: S.shortcut() });
+        for (let C = 0; C < v.length; C++) _.push({ label: S.label(), description: g(S.description()), shortcut: v[C] });
+      } else _.push({ label: S.label(), description: g(S.description()), shortcut: S.shortcut() });
     }
     return _;
   }, [n, e]), [s, c] = he(null);
   We(() => {
-    import("./BGHKmUXsDDoutTYQ.js").then((u) => {
+    import("./fwoCYLInyLSFnSZQ.mjs").then((u) => {
       c(new u.default(a, { threshold: 0, ignoreLocation: !0, keys: ["label", "description"] }));
     });
   }, [a]);
@@ -2153,16 +2153,16 @@ function ln(o) {
     s && uo.debounce(() => {
       if (i.trim().length === 0) return void h(a);
       const u = s.search(i.trim()), _ = new Array(u.length);
-      for (let m = 0; m < u.length; m++) _[m] = u[m].item;
+      for (let g = 0; g < u.length; g++) _[g] = u[g].item;
       h(_);
     }, 90)();
-  }, [s, i]), Ae(de, { style: { height: 440, width: "100%", display: "flex", flexDirection: "column" }, ...t, children: [Ae(de, { sx: { display: "flex", alignItems: "center", justifyContent: "end", marginBottom: (u) => u.spacing(2), color: (u) => u.palette.text.secondary }, children: [E(ho, { InputProps: { sx: { backgroundImage: `linear-gradient(${Y("#fff", ue(5))}, ${Y("#fff", ue(5))})` }, inputProps: { className: "input", autoFocus: !0, spellCheck: !1, placeholder: "Type to search key bindings", autoComplete: "off", sx: { paddingTop: (u) => u.spacing(1), paddingBottom: (u) => u.spacing(1) } }, endAdornment: E(fo, { sx: { opacity: i.length > 0 ? 1 : 0, display: i.length > 0 ? "flex" : "none" }, position: "end", children: E(po, { "aria-label": "clear search", onClick: () => l(""), edge: "end", children: E(mo, {}) }) }) }, sx: { flex: "1 1 40%", marginRight: (u) => u.spacing(1), "& .MuiOutlinedInput-notchedOutline": { borderColor: (u) => f ? `${u.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (u) => f ? `${u.palette.error.main} !important` : void 0 } }, value: i, onChange: (u) => {
+  }, [s, i]), Ae(de, { style: { height: 440, width: "100%", display: "flex", flexDirection: "column" }, ...t, children: [Ae(de, { sx: { display: "flex", alignItems: "center", justifyContent: "end", marginBottom: (u) => u.spacing(2), color: (u) => u.palette.text.secondary }, children: [E(ho, { InputProps: { sx: { backgroundImage: `linear-gradient(${Y("#fff", ue(5))}, ${Y("#fff", ue(5))})` }, inputProps: { className: "input", autoFocus: !0, spellCheck: !1, placeholder: "Type to search key bindings", autoComplete: "off", sx: { paddingTop: (u) => u.spacing(1), paddingBottom: (u) => u.spacing(1) } }, endAdornment: E(fo, { sx: { opacity: i.length > 0 ? 1 : 0, display: i.length > 0 ? "flex" : "none" }, position: "end", children: E(po, { "aria-label": "clear search", onClick: () => l(""), edge: "end", children: E(go, {}) }) }) }, sx: { flex: "1 1 40%", marginRight: (u) => u.spacing(1), "& .MuiOutlinedInput-notchedOutline": { borderColor: (u) => f ? `${u.palette.error.main} !important` : void 0 }, "& .MuiInputLabel-outlined": { color: (u) => f ? `${u.palette.error.main} !important` : void 0 } }, value: i, onChange: (u) => {
     l(u.target.value);
   }, onKeyDown: (u) => {
     u.which === St.Escape && i.length > 0 && (l(""), u.stopPropagation(), u.preventDefault());
   }, onContextMenu: (u) => {
     u.stopPropagation();
-  } }), E(go, { sx: { flex: "1 1 60%" }, control: E(vo, { checked: n, onChange: () => r(!n) }), label: "Show commands without key bindings", labelPlacement: "start" })] }), E(de, { sx: { flex: "1 1 100%", borderRadius: (u) => `${u.shape.borderRadius}px`, border: (u) => `solid ${u.palette.divider} 1px`, paddingRight: "1px", overflow: "hidden", "* .MuiTableCell-head": { background: (u) => u.palette.background.paper, backgroundImage: `linear-gradient(${Y("#fff", ue(5))}, ${Y("#fff", ue(5))})` } }, children: E(rn, { rowCount: d.length, rowGetter: (u) => d[u.index], columns: [{ width: 180, label: "Command", dataKey: "label" }, { width: 260, label: "Key Binding", dataKey: "shortcut" }, { width: 240, label: "Description", dataKey: "description", widthLess: 440 }] }) }), E(de, { sx: { display: "flex", flexShrink: "0", paddingLeft: (u) => u.spacing(1), paddingTop: (u) => u.spacing(1), paddingRight: (u) => u.spacing(1), userSelect: "none", justifyContent: "flex-end" }, children: E(_o, { noWrap: !0, component: "div", sx: { color: (u) => f ? u.palette.error.main : u.palette.text.secondary }, children: `${d.length === 0 ? "No" : d.length} shortcut key${d.length === 1 ? "" : "s"}${i.length > 0 ? " found" : ""}` }) })] });
+  } }), E(mo, { sx: { flex: "1 1 60%" }, control: E(vo, { checked: n, onChange: () => r(!n) }), label: "Show commands without key bindings", labelPlacement: "start" })] }), E(de, { sx: { flex: "1 1 100%", borderRadius: (u) => `${u.shape.borderRadius}px`, border: (u) => `solid ${u.palette.divider} 1px`, paddingRight: "1px", overflow: "hidden", "* .MuiTableCell-head": { background: (u) => u.palette.background.paper, backgroundImage: `linear-gradient(${Y("#fff", ue(5))}, ${Y("#fff", ue(5))})` } }, children: E(rn, { rowCount: d.length, rowGetter: (u) => d[u.index], columns: [{ width: 180, label: "Command", dataKey: "label" }, { width: 260, label: "Key Binding", dataKey: "shortcut" }, { width: 240, label: "Description", dataKey: "description", widthLess: 440 }] }) }), E(de, { sx: { display: "flex", flexShrink: "0", paddingLeft: (u) => u.spacing(1), paddingTop: (u) => u.spacing(1), paddingRight: (u) => u.spacing(1), userSelect: "none", justifyContent: "flex-end" }, children: E(_o, { noWrap: !0, component: "div", sx: { color: (u) => f ? u.palette.error.main : u.palette.text.secondary }, children: `${d.length === 0 ? "No" : d.length} shortcut key${d.length === 1 ? "" : "s"}${i.length > 0 ? " found" : ""}` }) })] });
 }
 const un = (o) => {
   const { title: e = "Shortcut Keys", commands: t, sx: n, ...r } = o;