@sheetxl/studio-vanilla 0.4.14 → 0.4.15

package/browser/esm/{CHjb5a2xwEWs4RgS.mjs → YEeWnRTVhFsSnEoO.mjs}

@@ -1,7 +1,6 @@
-import { r as C, u as Zt, s as Qt, w as eo, j as A, J as to, O as oo, bA as Q, S as no, V as ro, bB as io, bC as lo, d as Z, bh as so, bi as ao, bb as _t, p as co, B as he, T as uo, bm as ho, ao as fo, aq as po, be as fe, b9 as mo, ba as go, an as vo, bD as _o, bE as So, bF as He, bG as yo, bH as wo, bI as Co, y as St, ac as Se, bJ as xo, bK as bo, bL as q, bM as Ro, bN as V, bO as zo } from "./BbW_1O3cEhZ4aSgS.mjs";
-import { h as N } from "./Bqqcb80cNalBs-sB.mjs";
+import { r as C, s as Zt, t as Qt, u as eo, j as A, v as to, w as oo, x as Q, C as no, E as ro, H as io, I as lo, a as Z, X as so, J as ao, L as _t, q as co, B as he, T as uo, P as ho, R as fo, _ as po, U as fe, V as mo, W as go, Z as vo, a0 as _o, a1 as So, a2 as He, a3 as yo, a4 as wo, a5 as Co, y as St, a6 as Se, a7 as xo, a8 as Ro, a9 as K, aa as bo, ab as N, ac as V, ad as zo } from "./Beqd_eZheAqcy9eR.mjs";
 /**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.14
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.15
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -10,27 +9,27 @@ 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: R, variant: b, align: T, padding: I, size: O, stickyHeader: P } = x, z = { root: ["root", b, P && "stickyHeader", T !== "inherit" && `align${Q(T)}`, I !== "normal" && `padding${Q(I)}`, `size${Q(O)}`] };
-    return no(z, Po, R);
+    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";
 }
-function K(o, e) {
+function q(o, e) {
   return e && o && typeof o == "object" && o.styles && !o.styles.startsWith("@layer") && (o.styles = `@layer ${e}{${String(o.styles)}}`), o;
 }
 function Lo(o) {
@@ -41,14 +40,14 @@ function ge(o, e, t) {
   if (Array.isArray(n)) return n.flatMap((r) => ge(o, r, t));
   if (Array.isArray(n?.variants)) {
     let r;
-    if (n.isProcessed) r = t ? K(n.style, t) : n.style;
+    if (n.isProcessed) r = t ? q(n.style, t) : n.style;
     else {
       const { variants: l, ...i } = n;
-      r = t ? K(q(i), t) : i;
+      r = t ? q(K(i), t) : i;
     }
     return yt(o, n.variants, [r], t);
   }
-  return n?.isProcessed ? t ? K(q(n.style), t) : n.style : t ? K(q(n), t) : n;
+  return n?.isProcessed ? t ? q(K(n.style), t) : n.style : t ? q(K(n), t) : n;
 }
 function yt(o, e, t = [], n = void 0) {
   let r;
@@ -57,7 +56,7 @@ function yt(o, e, t = [], n = void 0) {
     if (typeof i.props == "function") {
       if (r ??= { ...o, ...o.ownerState, ownerState: o.ownerState }, !i.props(r)) continue;
     } else for (const a in i.props) if (o[a] !== i.props[a] && o.ownerState?.[a] !== i.props[a]) continue e;
-    typeof i.style == "function" ? (r ??= { ...o, ...o.ownerState, ownerState: o.ownerState }, t.push(n ? K(q(i.style(r)), n) : i.style(r))) : t.push(n ? K(q(i.style), n) : i.style);
+    typeof i.style == "function" ? (r ??= { ...o, ...o.ownerState, ownerState: o.ownerState }, t.push(n ? q(K(i.style(r)), n) : i.style(r))) : t.push(n ? q(K(i.style), n) : i.style);
   }
   return t;
 }
@@ -74,31 +73,31 @@ const Ao = function(o = {}) {
     }(a.theme) ? c : a.theme[s] || a.theme;
   }
   return (i, a = {}) => {
-    So(i, (R) => R.filter((b) => b !== He));
+    So(i, (b) => b.filter((R) => R !== He));
     const { name: s, slot: c, skipVariantsResolver: d, skipSx: h, overridesResolver: f = Lo(Go(c)), ...u } = a, v = s && s.startsWith("Mui") || c ? "components" : "custom", m = d !== void 0 ? d : c && c !== "Root" && c !== "root" || !1, _ = h || !1;
     let S = ye;
     var y;
     c === "Root" || c === "root" ? S = n : c ? S = r : typeof (y = i) == "string" && y.charCodeAt(0) > 96 && (S = void 0);
-    const g = yo(i, { shouldForwardProp: S, label: void 0, ...u }), w = (R) => {
-      if (R.__emotion_real === R) return R;
-      if (typeof R == "function") return function(b) {
-        return ge(b, R, b.theme.modularCssLayers ? v : void 0);
+    const g = yo(i, { shouldForwardProp: S, label: void 0, ...u }), w = (b) => {
+      if (b.__emotion_real === b) return b;
+      if (typeof b == "function") return function(R) {
+        return ge(R, b, R.theme.modularCssLayers ? v : void 0);
       };
-      if (bo(R)) {
-        const b = function(T) {
-          const { variants: I, ...O } = T, P = { variants: I, style: q(O), isProcessed: !0 };
-          return P.style === O || I && I.forEach((z) => {
-            typeof z.style != "function" && (z.style = q(z.style));
+      if (Ro(b)) {
+        const R = function(T) {
+          const { variants: I, ...k } = T, P = { variants: I, style: K(k), isProcessed: !0 };
+          return P.style === k || I && I.forEach((z) => {
+            typeof z.style != "function" && (z.style = K(z.style));
           }), P;
-        }(R);
+        }(b);
         return function(T) {
-          return b.variants ? ge(T, b, T.theme.modularCssLayers ? v : void 0) : T.theme.modularCssLayers ? K(b.style, v) : b.style;
+          return R.variants ? ge(T, R, T.theme.modularCssLayers ? v : void 0) : T.theme.modularCssLayers ? q(R.style, v) : R.style;
         };
       }
-      return R;
-    }, x = (...R) => {
-      const b = [], T = R.map(w), I = [];
-      if (b.push(l), s && f && I.push(function(z) {
+      return b;
+    }, x = (...b) => {
+      const R = [], T = b.map(w), I = [];
+      if (R.push(l), s && f && I.push(function(z) {
         const L = z.theme, G = L.components?.[s]?.styleOverrides;
         if (!G) return null;
         const B = {};
@@ -108,11 +107,11 @@ const Ao = function(o = {}) {
         const L = z.theme, G = L?.components?.[s]?.variants;
         return G ? yt(z, G, [], z.theme.modularCssLayers ? "theme" : void 0) : null;
       }), _ || I.push(He), Array.isArray(T[0])) {
-        const z = T.shift(), L = new Array(b.length).fill(""), G = new Array(I.length).fill("");
+        const z = T.shift(), L = new Array(R.length).fill(""), G = new Array(I.length).fill("");
         let B;
-        B = [...L, ...z, ...G], B.raw = [...L, ...z.raw, ...G], b.unshift(B);
+        B = [...L, ...z, ...G], B.raw = [...L, ...z.raw, ...G], R.unshift(B);
       }
-      const O = [...b, ...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;
@@ -160,14 +159,14 @@ 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);
 }
 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 && Ro(o, e);
+  o.prototype = Object.create(e && e.prototype, { constructor: { value: o, writable: !0, configurable: !0 } }), Object.defineProperty(o, "prototype", { writable: !1 }), e && bo(o, e);
 }
 function p(o, e, t) {
   return (e = wt(e)) in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
@@ -181,7 +180,7 @@ function xt(o) {
     return this.constructor.getDerivedStateFromProps(o, e) ?? null;
   }.bind(this));
 }
-function bt(o, e) {
+function Rt(o, e) {
   try {
     var t = this.props, n = this.state;
     this.props = o, this.state = e, this.__reactInternalSnapshotFlag = !0, this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(t, n);
@@ -208,7 +207,7 @@ https://fb.me/react-async-component-lifecycle-hooks`);
   }
   if (typeof o.getDerivedStateFromProps == "function" && (e.componentWillMount = Ct, e.componentWillReceiveProps = xt), typeof e.getSnapshotBeforeUpdate == "function") {
     if (typeof e.componentDidUpdate != "function") throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");
-    e.componentWillUpdate = bt;
+    e.componentWillUpdate = Rt;
     var a = e.componentDidUpdate;
     e.componentDidUpdate = function(s, c, d) {
       var h = this.__reactInternalSnapshotFlag ? this.__reactInternalSnapshot : d;
@@ -238,23 +237,23 @@ function Fe(o) {
   }
   return o;
 }
-function Rt() {
+function bt() {
   try {
     var o = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (Rt = function() {
+  return (bt = function() {
     return !!o;
   })();
 }
-Ct.__suppressDeprecationWarning = !0, xt.__suppressDeprecationWarning = !0, bt.__suppressDeprecationWarning = !0;
+Ct.__suppressDeprecationWarning = !0, xt.__suppressDeprecationWarning = !0, Rt.__suppressDeprecationWarning = !0;
 var Ne = function() {
   function o() {
     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, Rt() ? 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;
@@ -306,15 +305,15 @@ function zt(o, e) {
         return g(w);
       };
     }(), a = function(g) {
-      var w = g.__resizeTriggers__, x = w.firstElementChild, R = w.lastElementChild, b = x.firstElementChild;
-      R.scrollLeft = R.scrollWidth, R.scrollTop = R.scrollHeight, b.style.width = x.offsetWidth + 1 + "px", b.style.height = x.offsetHeight + 1 + "px", x.scrollLeft = x.scrollWidth, x.scrollTop = x.scrollHeight;
+      var w = g.__resizeTriggers__, x = w.firstElementChild, b = w.lastElementChild, R = x.firstElementChild;
+      b.scrollLeft = b.scrollWidth, b.scrollTop = b.scrollHeight, R.style.width = x.offsetWidth + 1 + "px", R.style.height = x.offsetHeight + 1 + "px", x.scrollLeft = x.scrollWidth, x.scrollTop = x.scrollHeight;
     }, s = function(g) {
       if (!(g.target.className && typeof g.target.className.indexOf == "function" && g.target.className.indexOf("contract-trigger") < 0 && g.target.className.indexOf("expand-trigger") < 0)) {
         var w = this;
         a(this), this.__resizeRAF__ && i(this.__resizeRAF__), this.__resizeRAF__ = l(function() {
           var x;
-          ((x = w).offsetWidth != x.__resizeLast__.width || x.offsetHeight != x.__resizeLast__.height) && (w.__resizeLast__.width = w.offsetWidth, w.__resizeLast__.height = w.offsetHeight, w.__resizeListeners__.forEach(function(R) {
-            R.call(w, g);
+          ((x = w).offsetWidth != x.__resizeLast__.width || x.offsetHeight != x.__resizeLast__.height) && (w.__resizeLast__.width = w.offsetWidth, w.__resizeLast__.height = w.offsetHeight, w.__resizeListeners__.forEach(function(b) {
+            b.call(w, g);
           }));
         });
       }
@@ -331,17 +330,17 @@ function zt(o, e) {
     if (r) g.attachEvent("onresize", w);
     else {
       if (!g.__resizeTriggers__) {
-        var x = g.ownerDocument, R = t.getComputedStyle(g);
-        R && R.position == "static" && (g.style.position = "relative"), function(I) {
+        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 b = x.createElement("div");
-        b.className = "expand-trigger", b.appendChild(x.createElement("div"));
+        var R = x.createElement("div");
+        R.className = "expand-trigger", R.appendChild(x.createElement("div"));
         var T = x.createElement("div");
-        T.className = "contract-trigger", g.__resizeTriggers__.appendChild(b), g.__resizeTriggers__.appendChild(T), g.appendChild(g.__resizeTriggers__), a(g), g.addEventListener("scroll", s, !0), h && (g.__resizeTriggers__.__animationListener__ = function(I) {
+        T.className = "contract-trigger", g.__resizeTriggers__.appendChild(R), g.__resizeTriggers__.appendChild(T), g.appendChild(g.__resizeTriggers__), a(g), g.addEventListener("scroll", s, !0), h && (g.__resizeTriggers__.__animationListener__ = function(I) {
           I.animationName == _ && a(g);
         }, g.__resizeTriggers__.addEventListener(h, g.__resizeTriggers__.__animationListener__));
       }
@@ -395,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 - _;
@@ -432,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) {
@@ -481,7 +480,7 @@ function te() {
 p(Eo, "__internalCellMeasurerFlag", !1);
 const Ho = !(typeof window > "u" || !window.document || !window.document.createElement);
 var pe;
-function Re(o) {
+function be(o) {
   if ((!pe && pe !== 0 || o) && Ho) {
     var e = document.createElement("div");
     e.style.position = "absolute", e.style.top = "-9999px", e.style.width = "50px", e.style.height = "50px", e.style.overflow = "scroll", document.body.appendChild(e), pe = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
@@ -509,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;
   })();
 }
@@ -524,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) {
@@ -545,13 +544,13 @@ var ne = "requested", ve = function() {
         }
         e._invokeOnScrollMemoizer({ scrollLeft: y, scrollTop: g, totalWidth: S, totalHeight: _ });
       }
-    }), e._scrollbarSize = Re(), e._scrollbarSize === void 0 ? (e._scrollbarSizeMeasured = !1, e._scrollbarSize = 0) : e._scrollbarSizeMeasured = !0, e;
+    }), e._scrollbarSize = be(), e._scrollbarSize === void 0 ? (e._scrollbarSizeMeasured = !1, e._scrollbarSize = 0) : e._scrollbarSizeMeasured = !0, e;
   }
   return D(o, C.PureComponent), H(o, [{ key: "recomputeCellSizesAndPositions", value: function() {
     this._calculateSizeAndPositionDataOnNextUpdate = !0, this.forceUpdate();
   } }, { key: "componentDidMount", value: function() {
     var e = this.props, t = e.cellLayoutManager, n = e.scrollLeft, r = e.scrollToCell, l = e.scrollTop;
-    this._scrollbarSizeMeasured || (this._scrollbarSize = Re(), this._scrollbarSizeMeasured = !0, this.setState({})), r >= 0 ? this._updateScrollPositionForScrollToCell() : (n >= 0 || l >= 0) && this._setScrollPosition({ scrollLeft: n, scrollTop: l }), this._invokeOnSectionRenderedHelper();
+    this._scrollbarSizeMeasured || (this._scrollbarSize = be(), this._scrollbarSizeMeasured = !0, this.setState({})), r >= 0 ? this._updateScrollPositionForScrollToCell() : (n >= 0 || l >= 0) && this._setScrollPosition({ scrollLeft: n, scrollTop: l }), this._invokeOnSectionRenderedHelper();
     var i = t.getTotalSize(), a = i.height, s = i.width;
     this._invokeOnScrollMemoizer({ scrollLeft: n || 0, scrollTop: l || 0, totalHeight: a, totalWidth: s });
   } }, { key: "componentDidUpdate", value: function(e, t) {
@@ -562,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), R = Math.min(g, m + f + a), b = Math.min(y, _ + i + h), T = i > 0 && f > 0 ? r.cellRenderers({ height: b - x, isScrolling: v, width: R - 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() {
@@ -633,7 +632,7 @@ var Wo = H(function o(e) {
     return n.addCellIndex({ index: t });
   });
 } }]);
-function Ke(o) {
+function qe(o) {
   var e = o.align, t = e === void 0 ? "auto" : e, n = o.cellOffset, r = o.cellSize, l = o.containerSize, i = o.currentOffset, a = n, s = a - l + r;
   switch (t) {
     case "start":
@@ -646,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() {
+var Ke = 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();
@@ -687,7 +686,7 @@ var qe = function() {
     var t = e.align, n = e.cellIndex, r = e.height, l = e.scrollLeft, i = e.scrollTop, a = e.width, s = this.props.cellCount;
     if (n >= 0 && n < s) {
       var c = this._cellMetadata[n];
-      l = Ke({ align: t, cellOffset: c.x, cellSize: c.width, containerSize: a, currentOffset: l }), i = Ke({ align: t, cellOffset: c.y, cellSize: c.height, containerSize: r, currentOffset: i });
+      l = qe({ align: t, cellOffset: c.x, cellSize: c.width, containerSize: a, currentOffset: l }), i = qe({ align: t, cellOffset: c.y, cellSize: c.height, containerSize: r, currentOffset: i });
     }
     return { scrollLeft: l, scrollTop: i };
   } }, { key: "getTotalSize", value: function() {
@@ -727,7 +726,7 @@ function ie(o, e) {
   }
   return r;
 }
-p(qe, "defaultProps", { "aria-label": "grid", cellGroupRenderer: function(o) {
+p(Ke, "defaultProps", { "aria-label": "grid", cellGroupRenderer: function(o) {
   var e = o.cellCache, t = o.cellRenderer, n = o.cellSizeAndPositionGetter, r = o.indices, l = o.isScrolling;
   return r.map(function(i) {
     var a = n({ index: i }), s = { index: i, isScrolling: l, key: i, style: { height: a.height, left: a.x, position: "absolute", top: a.y, width: a.width } };
@@ -735,10 +734,10 @@ p(qe, "defaultProps", { "aria-label": "grid", cellGroupRenderer: function(o) {
   }).filter(function(i) {
     return !!i;
   });
-} }), qe.propTypes = {}, function() {
+} }), Ke.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;
@@ -925,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;
@@ -995,8 +994,8 @@ var et = "requested", $ = function() {
     } }), this._recomputeScrollTopFlag ? (this._recomputeScrollTopFlag = !1, this._updateScrollTopForScrollToRow(this.props)) : Je({ 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: w, updateScrollIndexCallback: function() {
       return n._updateScrollTopForScrollToRow(n.props);
     } }), this._invokeOnGridRenderedHelper(), m !== t.scrollLeft || S !== t.scrollTop) {
-      var x = y.rowSizeAndPositionManager.getTotalSize(), R = y.columnSizeAndPositionManager.getTotalSize();
-      this._invokeOnScrollMemoizer({ scrollLeft: m, scrollTop: S, totalColumnsWidth: R, totalRowsHeight: x });
+      var x = y.rowSizeAndPositionManager.getTotalSize(), b = y.columnSizeAndPositionManager.getTotalSize();
+      this._invokeOnScrollMemoizer({ scrollLeft: m, scrollTop: S, totalColumnsWidth: b, totalRowsHeight: x });
     }
     this._maybeCallOnScrollbarPresenceChange();
   } }, { key: "componentWillUnmount", value: function() {
@@ -1004,31 +1003,31 @@ var et = "requested", $ = function() {
   } }, { key: "render", value: function() {
     var e = this.props, t = e.autoContainerWidth, n = e.autoHeight, r = e.autoWidth, l = e.className, i = e.containerProps, a = e.containerRole, s = e.containerStyle, c = e.height, d = e.id, h = e.noContentRenderer, f = e.role, u = e.style, v = e.tabIndex, m = e.width, _ = this.state, S = _.instanceProps, y = _.needToResetStyleCache, g = this._isScrolling(), w = { boxSizing: "border-box", direction: "ltr", height: n ? "auto" : c, position: "relative", width: r ? "auto" : m, WebkitOverflowScrolling: "touch", willChange: "transform" };
     y && (this._styleCache = {}), this.state.isScrolling || this._resetStyleCache(), this._calculateChildrenToRender(this.props, this.state);
-    var x = S.columnSizeAndPositionManager.getTotalSize(), R = S.rowSizeAndPositionManager.getTotalSize(), b = R > c ? S.scrollbarSize : 0, T = x > m ? S.scrollbarSize : 0;
-    T === this._horizontalScrollBarSize && b === this._verticalScrollBarSize || (this._horizontalScrollBarSize = T, this._verticalScrollBarSize = b, this._scrollbarPresenceChanged = !0), w.overflowX = x + b <= m ? "hidden" : "auto", w.overflowY = R + 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: R, maxWidth: x, maxHeight: R, overflow: "hidden", pointerEvents: g ? "none" : "", position: "relative" }, s) }, I), O && h());
+    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, 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 }), R = _.columnSizeAndPositionManager.getOffsetAdjustment({ containerSize: f, offset: y }), b = _.rowSizeAndPositionManager.getOffsetAdjustment({ containerSize: a, offset: S });
+      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: R, isScrolling: g, isScrollingOptOut: u, parent: this, rowSizeAndPositionManager: _.rowSizeAndPositionManager, rowStartIndex: z, rowStopIndex: L, scrollLeft: y, scrollTop: S, styleCache: this._styleCache, verticalOffsetAdjustment: b, 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,14 +1146,14 @@ 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 R = h.getSizeAndPositionOfCell(x), b = r; b <= l; b++) {
-    var T = n.getSizeAndPositionOfCell(b), I = b >= _.start && b <= _.stop && x >= S.start && x <= S.stop, O = "".concat(x, "-").concat(b), P = void 0;
-    w && v[O] ? P = v[O] : i && !i.has(x, b) ? P = { height: "auto", left: 0, position: "absolute", top: 0, width: "auto" } : (P = { height: R.size, left: T.offset + a, position: "absolute", top: R.offset + m, width: T.size }, v[O] = P);
-    var z = { columnIndex: b, 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));
+  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, 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: Re, noContentRenderer: function() {
+}, containerRole: "row", containerStyle: {}, estimatedColumnSize: 100, estimatedRowSize: 30, getScrollbarSize: be, noContentRenderer: function() {
   return null;
 }, onScroll: function() {
 }, onScrollbarPresenceChange: function() {
@@ -1166,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);
@@ -1191,13 +1190,13 @@ var tt = function() {
     var n, r = this, l = this.props, i = l.isRowLoaded, a = l.minimumBatchSize, s = l.rowCount, c = l.threshold, d = function(f) {
       for (var u = f.isRowLoaded, v = f.minimumBatchSize, m = f.rowCount, _ = f.stopIndex, S = [], y = null, g = null, w = f.startIndex; w <= _; w++) u({ index: w }) ? g !== null && (S.push({ startIndex: y, stopIndex: g }), y = g = null) : (g = w, y === null && (y = w));
       if (g !== null) {
-        for (var x = Math.min(Math.max(g, y + v - 1), m - 1), R = g + 1; R <= x && !u({ index: R }); R++) g = R;
+        for (var x = Math.min(Math.max(g, y + v - 1), m - 1), b = g + 1; b <= x && !u({ index: b }); b++) g = b;
         S.push({ startIndex: y, stopIndex: g });
       }
-      if (S.length) for (var b = S[0]; b.stopIndex - b.startIndex + 1 < v && b.startIndex > 0; ) {
-        var T = b.startIndex - 1;
+      if (S.length) for (var R = S[0]; R.stopIndex - R.startIndex + 1 < v && R.startIndex > 0; ) {
+        var T = R.startIndex - 1;
         if (u({ index: T })) break;
-        b.startIndex = T;
+        R.startIndex = T;
       }
       return S;
     }({ isRowLoaded: i, minimumBatchSize: a, rowCount: s, startIndex: Math.max(0, e - c), stopIndex: Math.min(s - 1, t + c) }), h = (n = []).concat.apply(n, function(f) {
@@ -1235,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) {
@@ -1480,7 +1479,7 @@ function st(o, e) {
   }
   return t;
 }
-function Ko(o) {
+function qo(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
     e % 2 ? st(Object(t), !0).forEach(function(n) {
@@ -1506,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;
@@ -1530,11 +1529,11 @@ var at = function() {
   } }, { key: "componentWillUnmount", value: function() {
     this._debounceResetIsScrollingId && oe(this._debounceResetIsScrollingId);
   } }, { key: "render", value: 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 = [], R = this._getEstimatedTotalHeight(), b = this._positionCache.shortestColumnSize, T = this._positionCache.count, I = 0;
+    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)) }));
-    }), b < w + c + f && T < l) for (var O = Math.min(l - T, Math.ceil((w + c + f - b) / 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) } }));
-    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: R < c ? "hidden" : "auto", position: "relative", width: _, WebkitOverflowScrolling: "touch", willChange: "transform" }, v), tabIndex: m }, C.createElement("div", { className: "ReactVirtualized__Masonry__innerScrollContainer", style: { width: "100%", height: R, maxWidth: "100%", maxHeight: R, overflow: "hidden", pointerEvents: g ? "none" : "", position: "relative" } }, x));
+    }), 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: qo({ 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") {
       var e = this._invalidateOnUpdateStartIndex, t = this._invalidateOnUpdateStopIndex;
@@ -1599,7 +1598,7 @@ var xe = H(function o() {
   return this._cellMeasurerCache.has(o + this._rowIndexOffset, e + this._columnIndexOffset);
 } }, { key: "set", value: function(o, e, t, n) {
   this._cellMeasurerCache.set(o + this._rowIndexOffset, e + this._columnIndexOffset, t, n);
-} }]), qo = ["rowIndex"], Xo = ["columnIndex", "rowIndex"], Yo = ["columnIndex"], Jo = ["onScroll", "onSectionRendered", "onScrollbarPresenceChange", "scrollLeft", "scrollToColumn", "scrollTop", "scrollToRow"];
+} }]), Ko = ["rowIndex"], Xo = ["columnIndex", "rowIndex"], Yo = ["columnIndex"], Jo = ["onScroll", "onSectionRendered", "onScrollbarPresenceChange", "scrollLeft", "scrollToColumn", "scrollTop", "scrollToRow"];
 function dt(o, e) {
   var t = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
@@ -1631,15 +1630,15 @@ function Ft() {
     return !!o;
   })();
 }
-var be = function() {
+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;
     }), p(n, "_cellRendererBottomLeftGrid", function(d) {
-      var h = d.rowIndex, f = ie(d, qo), u = n.props, v = u.cellRenderer, m = u.fixedRowCount;
+      var h = d.rowIndex, f = ie(d, Ko), u = n.props, v = u.cellRenderer, m = u.fixedRowCount;
       return h === u.rowCount - m ? C.createElement("div", { key: f.key, style: M(M({}, f.style), {}, { height: 20 }) }) : v(M(M({}, f), {}, { parent: n, rowIndex: h + m }));
     }), p(n, "_cellRendererBottomRightGrid", function(d) {
       var h = d.columnIndex, f = d.rowIndex, u = ie(d, Xo), v = n.props, m = v.cellRenderer, _ = v.fixedColumnCount, S = v.fixedRowCount;
@@ -1767,10 +1766,10 @@ function Nt() {
     return !!o;
   })();
 }
-p(be, "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 }), be.propTypes = {}, ue(be), function() {
+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;
@@ -1798,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);
@@ -1844,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();
@@ -1883,9 +1882,9 @@ var Oe = function() {
     this._setScrollbarWidth();
   } }, { key: "render", value: function() {
     var e = this, t = this.props, n = t.children, r = t.className, l = t.disableHeader, i = t.gridClassName, a = t.gridStyle, s = t.headerHeight, c = t.headerRowRenderer, d = t.height, h = t.id, f = t.noRowsRenderer, u = t.rowClassName, v = t.rowStyle, m = t.scrollToIndex, _ = t.style, S = t.width, y = this.state.scrollbarWidth, g = l ? d : d - s, w = typeof u == "function" ? u({ index: -1 }) : u, x = typeof v == "function" ? v({ index: -1 }) : v;
-    return this._cachedColumnStyles = [], C.Children.toArray(n).forEach(function(R, b) {
-      var T = e._getFlexStyleForColumn(R, R.props.style || _e.defaultProps.style);
-      e._cachedColumnStyles[b] = U({ overflow: "hidden" }, T);
+    return this._cachedColumnStyles = [], C.Children.toArray(n).forEach(function(b, R) {
+      var T = e._getFlexStyleForColumn(b, b.props.style || _e.defaultProps.style);
+      e._cachedColumnStyles[R] = U({ overflow: "hidden" }, T);
     }), C.createElement("div", { "aria-label": this.props["aria-label"], "aria-labelledby": this.props["aria-labelledby"], "aria-colcount": C.Children.toArray(n).length, "aria-rowcount": this.props.rowCount, className: N("ReactVirtualized__Table", r), id: h, role: "grid", style: _ }, !l && c({ className: N("ReactVirtualized__Table__headerRow", w), columns: this._getHeaderColumns(), style: U({ height: s, overflow: "hidden", paddingRight: y, width: S }, x) }), C.createElement($, V({}, this.props, { elementRef: this._setGridElementRef, "aria-readonly": null, autoContainerWidth: !0, className: N("ReactVirtualized__Table__Grid", i), cellRenderer: this._createRow, columnWidth: S, columnCount: 1, height: g, id: void 0, noContentRenderer: f, onScroll: this._onScroll, onSectionRendered: this._onSectionRendered, ref: this._setRef, role: "rowgroup", scrollbarWidth: y, scrollToRow: m, style: U(U({}, a), {}, { overflowX: "hidden" }) })));
   } }, { key: "_createColumn", value: function(e) {
     var t = e.column, n = e.columnIndex, r = e.isScrolling, l = e.parent, i = e.rowData, a = e.rowIndex, s = this.props.onColumnClick, c = t.props, d = c.cellDataGetter, h = c.cellRenderer, f = c.className, u = c.columnData, v = c.dataKey, m = c.id, _ = h({ cellData: d({ columnData: u, dataKey: v, rowData: i }), columnData: u, columnIndex: n, dataKey: v, isScrolling: r, parent: l, rowData: i, rowIndex: a }), S = this._cachedColumnStyles[n], y = typeof _ == "string" ? _ : null;
@@ -1893,21 +1892,21 @@ 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, R = _.id, b = _.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: b, 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 });
       };
-      i = a.props["aria-label"] || b || y, l = "none", r = 0, t = L, n = function(G) {
+      i = a.props["aria-label"] || R || y, l = "none", r = 0, t = L, n = function(G) {
         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: R, 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, R = _({ index: n }), b = C.Children.toArray(c).map(function(O, P) {
-      return t._createColumn({ column: O, columnIndex: P, isScrolling: r, parent: i, rowData: R, 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: b, index: n, isScrolling: r, key: l, onRowClick: d, onRowDoubleClick: h, onRowRightClick: f, onRowMouseOver: u, onRowMouseOut: v, rowData: R, style: I });
+    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) {
     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 = U(U({}, 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;
@@ -1934,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;
@@ -1956,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);
@@ -1966,7 +1965,7 @@ function Zo() {
     return o.__resetIsScrolling();
   });
 }
-function Kt(o) {
+function qt(o) {
   o.currentTarget === window && ae == null && document.body && (ae = document.body.style.pointerEvents, document.body.style.pointerEvents = "none"), function() {
     X && oe(X);
     var e = 0;
@@ -1980,12 +1979,12 @@ function Kt(o) {
 function ht(o, e) {
   Y.some(function(t) {
     return t.props.scrollElement === e;
-  }) || e.addEventListener("scroll", Kt), Y.push(o);
+  }) || e.addEventListener("scroll", qt), Y.push(o);
 }
 function ft(o, e) {
   (Y = Y.filter(function(t) {
     return t !== o;
-  })).length || (e.removeEventListener("scroll", Kt), X && (oe(X), $t()));
+  })).length || (e.removeEventListener("scroll", qt), X && (oe(X), $t()));
 }
 var Ae = function(o) {
   return o === window;
@@ -2026,13 +2025,13 @@ function vt(o) {
   }
   return o;
 }
-function qt() {
+function Kt() {
   try {
     var o = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (qt = function() {
+  return (Kt = function() {
     return !!o;
   })();
 }
@@ -2043,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, Kt() ? 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;
@@ -2101,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 }) => {
@@ -2110,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 {
@@ -2121,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();
@@ -2144,7 +2143,7 @@ function on(o) {
     return v;
   }, [n, e]), [s, c] = C.useState(null);
   C.useEffect(() => {
-    import("./DgO85Q5iHe-ZmvtQ.mjs").then((u) => {
+    import("./ZciEgxXQYsHyV2gO.mjs").then((u) => {
       c(new u.default(a, { threshold: 0, ignoreLocation: !0, keys: ["label", "description"] }));
     });
   }, [a]);
@@ -2164,12 +2163,12 @@ function on(o) {
     u.stopPropagation();
   } }), A.jsx(mo, { sx: { flex: "1 1 60%" }, control: A.jsx(go, { checked: n, onChange: () => r(!n) }), label: "Show commands without key bindings", labelPlacement: "start" })] }), A.jsx(he, { 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(${Z("#fff", fe(5))}, ${Z("#fff", fe(5))})` } }, children: A.jsx(tn, { 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 }] }) }), A.jsx(he, { 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: A.jsx(vo, { 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"}${l.length > 0 ? " found" : ""}` }) })] });
 }
-const ln = (o) => {
+const rn = (o) => {
   const { title: e = "Shortcut Keys", commands: t, sx: n, ...r } = o;
   return A.jsx(so, { isModal: !0, onKeyDown: (l) => {
     l.keyCode === _t.F1 && l.preventDefault();
   }, sx: { width: "780px", ...n }, title: e, autoFocusSel: ".input", ...r, children: A.jsx(ao, { dividers: !0, children: A.jsx(on, { commands: t, sx: { marginBottom: "8px" } }) }) });
 };
 export {
-  ln as default
+  rn as default
 };