@splunk/react-ui 4.42.0 → 4.43.0

package/Table.js

@@ -107,8 +107,8 @@
     const C = require("react-resize-detector");
     var S =  e.n(C);
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-    const O = require("@splunk/react-ui/EventListener");
-    var k =  e.n(O);
+    const k = require("@splunk/react-ui/EventListener");
+    var O =  e.n(k);
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
     const E = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
@@ -506,7 +506,7 @@
     }
     function Se(e, t) {
         if (null == e) return {};
-        var n, r, o = Oe(e, t);
+        var n, r, o = ke(e, t);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -515,7 +515,7 @@
         }
         return o;
     }
-    function Oe(e, t) {
+    function ke(e, t) {
         if (null == e) return {};
         var n = {};
         for (var r in e) {
@@ -526,7 +526,7 @@
         }
         return n;
     }
-    var ke = {
+    var Oe = {
         children: i().node.isRequired,
         side: i().oneOf([ "top", "bottom" ])
     };
@@ -542,7 +542,7 @@
             side: o
         }, i), t);
     }
-    Ee.propTypes = ke;
+    Ee.propTypes = Oe;
     Ee.splunkUiType = "Table.Caption";
     /* harmony default export */    const Re = Ee;
     // CONCATENATED MODULE: ./src/Table/CellStyles.ts
@@ -895,7 +895,7 @@
         enterprise: M.variables.textGray,
         prisma: M.variables.contentColorDefault
     }));
-    var Ot = H().span.withConfig({
+    var kt = H().span.withConfig({
         displayName: "HeadInnerStyles__StyledLabel",
         componentId: "sc-1sa0wng-2"
     })([ "flex:0 1 auto;position:relative;word-wrap:break-word;word-break:break-word;", " ", " ", " ", " ", " + &{margin-left:", ";}" ], (0, 
@@ -916,7 +916,7 @@
     }), /* sc-sel */ Ct, (0, M.pick)({
         enterprise: xt
     }));
-    var kt = (0, N.css)([ "box-shadow:", ";outline:none;", ";" ], M.variables.focusShadowInset, (0, 
+    var Ot = (0, N.css)([ "box-shadow:", ";outline:none;", ";" ], M.variables.focusShadowInset, (0, 
     M.pick)({
         enterprise: {
             light: (0, N.css)([ "color:", ";" ], M.variables.accentColorD10),
@@ -977,8 +977,8 @@
         enterprise: (0, N.css)([ "border:1px solid ", ";" ], M.variables.borderColor)
     }), (function(e) {
         var t = e.$clickable, n = e.$focusWithin;
-        return t && (0, N.css)([ "cursor:pointer;&:focus{", "}", " &:hover{outline:none;color:", ";background-color:", ";}&:active{background-color:", ";}" ], kt, n && (0, 
-        N.css)([ "&:focus-within{", "}" ], kt), (0, M.pick)({
+        return t && (0, N.css)([ "cursor:pointer;&:focus{", "}", " &:hover{outline:none;color:", ";background-color:", ";}&:active{background-color:", ";}" ], Ot, n && (0, 
+        N.css)([ "&:focus-within{", "}" ], Ot), (0, M.pick)({
             enterprise: {
                 light: M.variables.accentColorD10,
                 dark: M.variables.linkColorHover
@@ -1350,7 +1350,7 @@
         desc: at()
     });
     function an(e) {
-        var t = e.index, o = e.clickable, i = e.columnId, a = e.elementRef, l = e.focusWithin, c = e.id, s = e.width, u = e.onDragEnd, d = e.onAutosizeColumn, f = e.align, p = f === void 0 ? "left" : f, v = e.label, b = e.hasActionsHead, y = b === void 0 ? false : b, h = e.isMenu, m = h === void 0 ? false : h, w = e.onDragStart, x = e.onRequestResize, C = e.resizable, S = C === void 0 ? true : C, O = e.sortDir, R = O === void 0 ? undefined : O, j = e.truncate, I = j === void 0 ? true : j, D = e.variant, _ = Qt(e, [ "index", "clickable", "columnId", "elementRef", "focusWithin", "id", "width", "onDragEnd", "onAutosizeColumn", "align", "label", "hasActionsHead", "isMenu", "onDragStart", "onRequestResize", "resizable", "sortDir", "truncate", "variant" ]);
+        var t = e.index, o = e.clickable, i = e.columnId, a = e.elementRef, l = e.focusWithin, c = e.id, s = e.width, u = e.onDragEnd, d = e.onAutosizeColumn, f = e.align, p = f === void 0 ? "left" : f, v = e.label, b = e.hasActionsHead, y = b === void 0 ? false : b, h = e.isMenu, m = h === void 0 ? false : h, w = e.onDragStart, x = e.onRequestResize, C = e.resizable, S = C === void 0 ? true : C, k = e.sortDir, R = k === void 0 ? undefined : k, j = e.truncate, I = j === void 0 ? true : j, D = e.variant, _ = Qt(e, [ "index", "clickable", "columnId", "elementRef", "focusWithin", "id", "width", "onDragEnd", "onAutosizeColumn", "align", "label", "hasActionsHead", "isMenu", "onDragStart", "onRequestResize", "resizable", "sortDir", "truncate", "variant" ]);
         if (false) {}
         var q = (0, M.useSplunkTheme)(), A = q.isEnterprise;
         var z = (0, P._)("Click to open menu");
@@ -1360,13 +1360,13 @@
         var J = (0, n.useState)(0), Q = Vt(J, 2), Z = Q[0], ee = Q[1];
         var te = (0, n.useState)(0), ne = Vt(te, 2), re = ne[0], oe = ne[1];
         var ie = (0, n.useRef)(null);
+        var ae = (0, n.useRef)(s === "auto" ? undefined : s);
         // Cleanup dragend, and unmount during drag
                 (0, n.useEffect)((function() {
             return function() {
                 return L === null || L === void 0 ? void 0 : L.remove();
             };
         }), [ L ]);
-        var ae;
         var le;
         var ce;
         if (R !== undefined && tn.has(R)) {
@@ -1378,71 +1378,71 @@
             var ue;
             var de = ie.current;
             var fe = de === null || de === void 0 ? void 0 : (ue = de.parentElement) === null || ue === void 0 ? void 0 : ue.getBoundingClientRect();
-            ae = fe === null || fe === void 0 ? void 0 : fe.width;
+            ae.current = fe === null || fe === void 0 ? void 0 : fe.width;
         } else {
-            ae = s;
+            ae.current = s;
         }
         var pe = (0, n.useCallback)((function(e) {
             ie.current = e;
             B(a, e);
         }), [ a, ie ]);
-        var ve = function e(n) {
-            var r = (0, E.keycode)(n.nativeEvent);
+        var ve = (0, n.useCallback)((function(e) {
+            var n = (0, E.keycode)(e.nativeEvent);
             if (x === undefined || t === undefined) {
                 return;
             }
             if (s === "auto") {
-                var o;
-                var a = ie.current;
-                var l = a === null || a === void 0 ? void 0 : (o = a.parentElement) === null || o === void 0 ? void 0 : o.getBoundingClientRect();
-                ae = l === null || l === void 0 ? void 0 : l.width;
+                var r;
+                var o = ie.current;
+                var a = o === null || o === void 0 ? void 0 : (r = o.parentElement) === null || r === void 0 ? void 0 : r.getBoundingClientRect();
+                ae.current = a === null || a === void 0 ? void 0 : a.width;
             } else {
-                ae = s;
+                ae.current = s;
             }
-            if (ae === undefined) {
+            if (ae.current === undefined) {
                 return;
             }
-            if (r === "left") {
-                n.preventDefault();
+            if (n === "left") {
+                e.preventDefault();
  // prevent text selection
-                                var u = Math.max(ae - 10, 20);
-                x(n, {
+                                var l = Math.max(ae.current - 10, 20);
+                x(e, {
                     index: t,
                     columnId: i,
                     id: c,
-                    width: u
+                    width: l
                 });
             }
-            if (r === "right") {
-                n.preventDefault();
+            if (n === "right") {
+                e.preventDefault();
  // prevent text selection
-                                var d = ae + 10;
-                x(n, {
+                                var u = ae.current + 10;
+                x(e, {
                     index: t,
                     columnId: i,
                     id: c,
-                    width: d
+                    width: u
                 });
             }
-        };
-        var be = function e(t) {
+        }), [ i, c, t, x, s ]);
+        var be = (0, n.useCallback)((function(e) {
             if (s === "auto") {
-                var n;
-                var r = ie.current;
-                var o = r === null || r === void 0 ? void 0 : (n = r.parentElement) === null || n === void 0 ? void 0 : n.getBoundingClientRect();
-                ae = o === null || o === void 0 ? void 0 : o.width;
+                var t;
+                var n = ie.current;
+                var r = n === null || n === void 0 ? void 0 : (t = n.parentElement) === null || t === void 0 ? void 0 : t.getBoundingClientRect();
+                ae.current = r === null || r === void 0 ? void 0 : r.width;
             } else {
-                ae = s;
+                ae.current = s;
             }
-            if (ae === undefined) {
+            if (ae.current === undefined) {
                 return;
             }
-            t.preventDefault();
+            e.preventDefault();
  // prevent text selection
-                        ee(t.clientX);
-            oe(ae || 0);
+                        ee(e.clientX);
+            oe(ae.current || 0);
             V(true);
-        };
+        }), [ s ]);
         var ye = function e(n) {
             var r = Z - n.clientX;
             var o = Math.max(re - r, 16);
@@ -1458,45 +1458,45 @@
         var he = function e() {
             V(false);
         };
-        var me = function e(n) {
-            var r;
-            var o = Ht();
-            var a = ie.current;
-            if (n.dataTransfer.setDragImage && (a === null || a === void 0 ? void 0 : a.parentElement)) {
-                var l = a.parentElement.getBoundingClientRect();
-                var c = a.cloneNode(true);
-                c.style.width = "".concat(l.width, "px");
-                c.style.height = "".concat(l.height, "px");
-                c.setAttribute("data-helper", "true");
-                o.body.appendChild(c);
-                n.dataTransfer.setDragImage(c, n.clientX - l.left, n.clientY - l.top);
+        var me = (0, n.useCallback)((function(e) {
+            var n;
+            var r = Ht();
+            var o = ie.current;
+            if (e.dataTransfer.setDragImage && (o === null || o === void 0 ? void 0 : o.parentElement)) {
+                var a = o.parentElement.getBoundingClientRect();
+                var l = o.cloneNode(true);
+                l.style.width = "".concat(a.width, "px");
+                l.style.height = "".concat(a.height, "px");
+                l.setAttribute("data-helper", "true");
+                r.body.appendChild(l);
+                e.dataTransfer.setDragImage(l, e.clientX - a.left, e.clientY - a.top);
                 Y(true);
-                $(c);
+                $(l);
             }
-            n.dataTransfer.effectAllowed = "move";
-            n.dataTransfer.setData("text", (r = a === null || a === void 0 ? void 0 : a.textContent) !== null && r !== void 0 ? r : "");
+            e.dataTransfer.effectAllowed = "move";
+            e.dataTransfer.setData("text", (n = o === null || o === void 0 ? void 0 : o.textContent) !== null && n !== void 0 ? n : "");
  // Required for Firefox
                         w === null || w === void 0 ? void 0 : w(t, i);
-        };
-        var ge = function e() {
+        }), [ i, t, w ]);
+        var ge = (0, n.useCallback)((function() {
             $(undefined);
             Y(false);
             u === null || u === void 0 ? void 0 : u();
-        };
-        var we = function e(n) {
+        }), [ u ]);
+        var we = (0, n.useCallback)((function(e) {
             if (t !== undefined) {
-                d === null || d === void 0 ? void 0 : d(n, {
+                d === null || d === void 0 ? void 0 : d(e, {
                     index: t,
                     columnId: i
                 });
             }
-        };
+        }), [ i, t, d ]);
         var xe = !!w;
         var Ce = Lt();
-        var Se = ae ? (0, T.sprintf)((0, P._)("%(width)d pixels"), {
-            width: ae
+        var Se = ae.current ? (0, T.sprintf)((0, P._)("%(width)d pixels"), {
+            width: ae.current
         }) : undefined;
-        var Oe = i ? {
+        var ke = i ? {
             ariaControls: i
         } : {};
         
@@ -1513,11 +1513,11 @@
             $clickable: o,
             $focusWithin: l,
             $variant: D
-        }, g()(_, [].concat($t(Object.keys(an.propTypes)), [ "id" ]))), F &&  r().createElement(r().Fragment, null,  r().createElement(k(), {
+        }, g()(_, [].concat($t(Object.keys(an.propTypes)), [ "id" ]))), F &&  r().createElement(r().Fragment, null,  r().createElement(O(), {
             target: Ce,
             eventType: "mouseup",
             listener: he
-        }),  r().createElement(k(), {
+        }),  r().createElement(O(), {
             target: Ce,
             eventType: "mousemove",
             listener: ye
@@ -1525,7 +1525,7 @@
             "aria-label": (0, T.sprintf)((0, P._)("Resize %(label)s"), {
                 label: v
             })
-        }, Oe, {
+        }, ke, {
             "aria-valuetext": Se,
             "data-test": "resize",
             onMouseDown: be,
@@ -1535,7 +1535,7 @@
             tabIndex: 0
         })), xe &&  r().createElement(Ct, null,  r().createElement(zt, {
             screenReaderContent: (0, P._)("Press left or right arrow key to reorder the columns.")
-        })),  r().createElement(Ot, {
+        })),  r().createElement(kt, {
             $align: p,
             $truncate: I,
             $fill: m
@@ -1655,15 +1655,15 @@
                 var o = Rn(this).constructor;
                 n = Reflect.construct(r, arguments, o);
             } else n = r.apply(this, arguments);
-            return On(this, n);
+            return kn(this, n);
         };
     }
-    function On(e, t) {
+    function kn(e, t) {
         if (t && ("object" == un(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return kn(e);
+        return On(e);
     }
-    function kn(e) {
+    function On(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
@@ -1763,7 +1763,7 @@
             var r;
             mn(this, n);
             r = t.call(this, e);
-            jn(kn(r), "handleClick", (function(e) {
+            jn(On(r), "handleClick", (function(e) {
                 var t, n;
                 // ignore clicks on the resize handle
                                 if (e.target.getAttribute("data-test") !== "resize" && r.props.onSort && r.props.index !== undefined) {
@@ -1778,7 +1778,7 @@
                 }
                 (t = (n = r.props).onClick) === null || t === void 0 ? void 0 : t.call(n);
             }));
-            jn(kn(r), "handleKeyDown", (function(e) {
+            jn(On(r), "handleKeyDown", (function(e) {
                 var t = r.props, n = t.columnId, o = t.index, i = t.onKeyDown, a = t.onRequestMoveColumn;
                 if (e.target.getAttribute("data-test") !== "resize") {
                     if ((0, E.keycode)(e.nativeEvent) === "left" && o !== undefined && o > 0) {
@@ -1802,19 +1802,19 @@
                     });
                 }
             }));
-            jn(kn(r), "handleDragStart", (function(e, t) {
+            jn(On(r), "handleDragStart", (function(e, t) {
                 var n, o;
                 r.setState({
                     isDragging: true
                 });
                 (n = (o = r.props).onDragStart) === null || n === void 0 ? void 0 : n.call(o, e, t);
             }));
-            jn(kn(r), "handleDragEnd", (function() {
+            jn(On(r), "handleDragEnd", (function() {
                 r.setState({
                     isDragging: false
                 });
             }));
-            jn(kn(r), "sortDirAriaMapping", {
+            jn(On(r), "sortDirAriaMapping", {
                 asc: "ascending",
                 desc: "descending",
                 none: "none"
@@ -1827,12 +1827,12 @@
         wn(n, [ {
             key: "render",
             value: function e() {
-                var t = this.props, o = t.align, i = t.appearClickable, a = t.children, l = t.columnId, c = t.elementRef, s = t.hasActionsHead, u = t.id, d = t.index, f = t.onAutosizeColumn, p = t.onClick, v = t.onDragStart, b = t.onRequestResize, y = t.onSort, h = t.resizable, m = t.showGuideline, w = t.sortDir, x = t.style, C = t.variant, S = t.truncate, O = t.visible, k = t.width, E = t.zIndex;
+                var t = this.props, o = t.align, i = t.appearClickable, a = t.children, l = t.columnId, c = t.elementRef, s = t.hasActionsHead, u = t.id, d = t.index, f = t.onAutosizeColumn, p = t.onClick, v = t.onDragStart, b = t.onRequestResize, y = t.onSort, h = t.resizable, m = t.showGuideline, w = t.sortDir, x = t.style, C = t.variant, S = t.truncate, k = t.visible, O = t.width, E = t.zIndex;
                 var R = !!v;
                 var j = !!y && !!w;
                 var I = p !== undefined;
                 var P = ot()(x, {
-                    width: k
+                    width: O
                 });
                 var T = s ? false : S;
                 var D = this.context.headType;
@@ -1844,7 +1844,7 @@
                     "data-test": "head-cell",
                     "data-test-label": nt()(a) ? a : undefined,
                     "data-test-sort-dir": y && w,
-                    id: O ? u : undefined,
+                    id: k ? u : undefined,
                     onClick: y || I ? this.handleClick : undefined,
                     $dragging: this.state.isDragging || undefined,
                     $variant: C,
@@ -1859,14 +1859,14 @@
                     hasActionsHead: s,
                     id: u,
                     index: d,
-                    resizable: O && h,
+                    resizable: k && h,
                     onDragStart: v ? this.handleDragStart : undefined,
                     onDragEnd: v ? this.handleDragEnd : undefined,
                     onAutosizeColumn: f,
                     onRequestResize: b,
                     sortDir: y && w,
                     truncate: T,
-                    width: k,
+                    width: O,
                     clickable: i || R || j || I,
                     focusWithin: i,
                     variant: C
@@ -2191,7 +2191,7 @@
         displayName: "RowStyles__StyledToggleCell",
         componentId: "f0igqq-3"
     })([ "height:1px;" ]);
-    var Or = H()(Ye).withConfig({
+    var kr = H()(Ye).withConfig({
         displayName: "RowStyles__StyledCellExpansionDisabled",
         componentId: "f0igqq-4"
     })([ "width:", ";" ], (0, M.pick)({
@@ -2199,8 +2199,8 @@
         prisma: "40px"
     }));
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const kr = require("@splunk/react-ui/Clickable");
-    var Er =  e.n(kr);
+    const Or = require("@splunk/react-ui/Clickable");
+    var Er =  e.n(Or);
     // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
     const Rr = require("@splunk/react-ui/Switch");
     var jr =  e.n(Rr);
@@ -2510,7 +2510,7 @@
     }));
     function ao(e) {
         var t;
-        var o = e.actions, i = e.actionPrimary, a = e.actionsSecondary, c = e.children, s = e.data, u = e.dataId, d = e.disabled, f = e.draggable, p = e.elementRef, v = e.expandable, b = e.expanded, y = e.expansionRowIds, h = e.expansionRow, m = e.index, w = e.movableColumns, x = e.onClick, C = e.onExpansion, S = e.onKeyDown, O = e.onRequestToggle, k = e.primaryColumnIndex, R = e.rowScreenReaderText, j = e.selected, I = e.stripe, D = e.style, _ = Zr(e, [ "actions", "actionPrimary", "actionsSecondary", "children", "data", "dataId", "disabled", "draggable", "elementRef", "expandable", "expanded", "expansionRowIds", "expansionRow", "index", "movableColumns", "onClick", "onExpansion", "onKeyDown", "onRequestToggle", "primaryColumnIndex", "rowScreenReaderText", "selected", "stripe", "style" ]);
+        var o = e.actions, i = e.actionPrimary, a = e.actionsSecondary, c = e.children, s = e.data, u = e.dataId, d = e.disabled, f = e.draggable, p = e.elementRef, v = e.expandable, b = e.expanded, y = e.expansionRowIds, h = e.expansionRow, m = e.index, w = e.movableColumns, x = e.onClick, C = e.onExpansion, S = e.onKeyDown, k = e.onRequestToggle, O = e.primaryColumnIndex, R = e.rowScreenReaderText, j = e.selected, I = e.stripe, D = e.style, _ = Zr(e, [ "actions", "actionPrimary", "actionsSecondary", "children", "data", "dataId", "disabled", "draggable", "elementRef", "expandable", "expanded", "expansionRowIds", "expansionRow", "index", "movableColumns", "onClick", "onExpansion", "onKeyDown", "onRequestToggle", "primaryColumnIndex", "rowScreenReaderText", "selected", "stripe", "style" ]);
         var q = (0, n.useMemo)((function() {
             return {
                 id: f ? u : (0, z.createGUID)(),
@@ -2550,7 +2550,7 @@
         var G = function e(t) {
             if (!d) {
                 t.preventDefault();
-                O === null || O === void 0 ? void 0 : O(t, s);
+                k === null || k === void 0 ? void 0 : k(t, s);
             }
         };
         var X = function e(t) {
@@ -2615,9 +2615,9 @@
         var ee;
         if (R) {
             ee = R;
-        } else if ((t = Z[k]) === null || t === void 0 ? void 0 : t.props.children) {
+        } else if ((t = Z[O]) === null || t === void 0 ? void 0 : t.props.children) {
             var te;
-            ee = "".concat((te = Z[k]) === null || te === void 0 ? void 0 : te.props.children);
+            ee = "".concat((te = Z[O]) === null || te === void 0 ? void 0 : te.props.children);
         } else {
             var ne;
             ee = "".concat((ne = Z[0]) === null || ne === void 0 ? void 0 : ne.props.children);
@@ -2642,7 +2642,7 @@
         
         return r().createElement(oe, to({
             "data-test": "row",
-            "data-test-selected": O ? j : undefined,
+            "data-test-selected": k ? j : undefined,
             $clickable: !!x,
             "data-has-movable-columns": w ? "true" : undefined,
             disabled: !!d,
@@ -2652,7 +2652,7 @@
         }, g()(_, "data"), {
             onClick: x ? V : undefined,
             onKeyDown: U,
-            $rowSelected: !!(O && j),
+            $rowSelected: !!(k && j),
             style: K
         }), f && m != null &&  r().createElement(gr, to({
             "aria-label": (0, T.sprintf)((0, P._)("Reorder %(rowLabelValue)s"), {
@@ -2660,7 +2660,7 @@
             }),
             setActivatorNodeRef: W,
             listeners: H
-        }, N)), O &&  r().createElement(Sr, {
+        }, N)), k &&  r().createElement(Sr, {
             align: "center",
             appearance: x ? "rowLink" : "data",
             disabled: d,
@@ -2690,7 +2690,7 @@
             title: b ? ce : se,
             "aria-controls": b ? y : undefined,
             "aria-expanded": b
-        })), v && !h &&  r().createElement(Or, {
+        })), v && !h &&  r().createElement(kr, {
             variant: "expand",
             "data-movable-column": ae
         }), Z, o && !i && !a &&  r().createElement(Ye, {
@@ -2811,11 +2811,11 @@
         }, wo(e, t);
     }
     function xo(e) {
-        var t = Oo();
+        var t = ko();
         return function() {
-            var n, r = ko(e);
+            var n, r = Oo(e);
             if (t) {
-                var o = ko(this).constructor;
+                var o = Oo(this).constructor;
                 n = Reflect.construct(r, arguments, o);
             } else n = r.apply(this, arguments);
             return Co(this, n);
@@ -2830,18 +2830,18 @@
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function Oo() {
+    function ko() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (Oo = function t() {
+        return (ko = function t() {
             return !!e;
         })();
     }
-    function ko(e) {
-        return ko = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    function Oo(e) {
+        return Oo = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
             return e.__proto__ || Object.getPrototypeOf(e);
-        }, ko(e);
+        }, Oo(e);
     }
     function Eo(e, t, n) {
         return (t = Ro(t)) in e ? Object.defineProperty(e, t, {
@@ -3012,12 +3012,12 @@
                         } else {
                             // make the cell as big as we can without letting perceivedWidthOfLastCell go below cellMinWidth
                             var S = C - c;
-                            var O = f + S;
+                            var k = f + S;
                             s === null || s === void 0 ? void 0 : s(e, {
                                 columnId: n,
                                 id: o,
                                 index: i,
-                                width: O
+                                width: k
                             });
                         }
                     } else {
@@ -3142,7 +3142,7 @@
                 var x = n.Children.toArray(c).filter(n.isValidElement);
                 var C = x.length + (a.length || l ? 1 : 0);
                 var S = [];
-                var O = x.map((function(e, r, o) {
+                var k = x.map((function(e, r, o) {
                     var i = "none";
                     if (w === o.length && r + 1 === o.length) {
                         i = "after";
@@ -3163,12 +3163,12 @@
                     });
                 }));
                 this.providedWidths = S;
-                var k = {
+                var O = {
                     all: true,
                     none: false,
                     some: "some"
                 };
-                var E = b === undefined ? undefined : k[b];
+                var E = b === undefined ? undefined : O[b];
                 var R = l || 48;
                 var j = h === "fixed" ? "fixed-head" : "head";
                 var I = (0, P._)("No rows selected");
@@ -3207,7 +3207,7 @@
                     resizable: false,
                     variant: "info",
                     zIndex: C + _o
-                },  r().createElement(Mn, null)), O, a.length > 0 &&  r().createElement(qn, {
+                },  r().createElement(Mn, null)), k, a.length > 0 &&  r().createElement(qn, {
                     hasActionsHead: true,
                     key: "actions_head_cell",
                     "data-test": "actions-head-cell",
@@ -3626,7 +3626,7 @@
             key: "render",
             value: function e() {
                 var t, o = this;
-                var i = this.props, a = i.align, l = i.canCoverHead, c = i.children, s = i.closeReasons, u = i.columnId, d = i.defaultPlacement, f = i.id, p = i.index, v = i.label, b = i.onAutosizeColumn, y = i.onDragStart, h = i.onRequestResize, m = i.repositionMode, w = i.resizable, x = i.retainFocus, C = i.showGuideline, S = i.style, O = i.takeFocus, k = i.truncate, E = i.variant, R = i.visible, j = i.width, I = i.zIndex;
+                var i = this.props, a = i.align, l = i.canCoverHead, c = i.children, s = i.closeReasons, u = i.columnId, d = i.defaultPlacement, f = i.id, p = i.index, v = i.label, b = i.onAutosizeColumn, y = i.onDragStart, h = i.onRequestResize, m = i.repositionMode, w = i.resizable, x = i.retainFocus, C = i.showGuideline, S = i.style, k = i.takeFocus, O = i.truncate, E = i.variant, R = i.visible, j = i.width, I = i.zIndex;
                 var P = this.state, T = P.el, D = P.clientX;
                 var q = f || this.cellId;
                 var A = this.context.headType;
@@ -3658,7 +3658,7 @@
                     onDragEnd: y ? this.handleDragEnd : undefined,
                     onAutosizeColumn: b,
                     onRequestResize: h,
-                    truncate: k,
+                    truncate: O,
                     width: j,
                     clickable: true,
                     "aria-haspopup": true,
@@ -3678,7 +3678,7 @@
                     repositionMode: m,
                     id: this.popoverId,
                     "aria-labelledby": f || this.cellId,
-                    takeFocus: O,
+                    takeFocus: k,
                     pointTo: D !== undefined && No()(D) ? {
                         x: D - ((t = T === null || T === void 0 ? void 0 : T.getBoundingClientRect().left) !== null && t !== void 0 ? t : 0)
                     } : undefined
@@ -3752,25 +3752,25 @@
     }
     function xi(e, t) {
         if (e) {
-            if ("string" == typeof e) return Oi(e, t);
+            if ("string" == typeof e) return ki(e, t);
             var n = {}.toString.call(e).slice(8, -1);
-            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? Oi(e, t) : void 0;
+            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ki(e, t) : void 0;
         }
     }
     function Ci(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
     function Si(e) {
-        if (Array.isArray(e)) return Oi(e);
+        if (Array.isArray(e)) return ki(e);
     }
-    function Oi(e, t) {
+    function ki(e, t) {
         (null == t || t > e.length) && (t = e.length);
         for (var n = 0, r = Array(t); n < t; n++) {
             r[n] = e[n];
         }
         return r;
     }
-    function ki(e, t) {
+    function Oi(e, t) {
         if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
     function Ei(e, t) {
@@ -3813,7 +3813,7 @@
         var Ti =  function() {
         function e(t) {
             var n = this;
-            ki(this, e);
+            Oi(this, e);
             ji(this, "listeners", []);
             ji(this, "removeAll", (function() {
                 n.listeners.forEach((function(e) {
@@ -4046,7 +4046,7 @@
     }
     var Vi =  function() {
         function e(t) {
-            ki(this, e);
+            Oi(this, e);
             ji(this, "autoScrollEnabled", false);
             ji(this, "referenceCoordinates", void 0);
             ji(this, "listeners", void 0);
@@ -4119,14 +4119,14 @@
                         for (var g = 0; g < m.length; g += 1) {
                             var w = m[g];
                             var x = t.code;
-                            var C = Hi(w), S = C.isTop, O = C.isRight, k = C.isLeft, E = C.isBottom, R = C.maxScroll, j = C.minScroll;
+                            var C = Hi(w), S = C.isTop, k = C.isRight, O = C.isLeft, E = C.isBottom, R = C.maxScroll, j = C.minScroll;
                             var I = zi(w);
                             // isDraggableNodeVerticallyInView and isDraggableNodeHorizontallyInView are custom
                             // we want to scroll only when a dragging node will be out of view,
                             // originally it tries to always place a dragging node in the middle of the container
                                                         var P = I.top <= b.y && I.bottom >= b.y + ((p === null || p === void 0 ? void 0 : p.height) || 0);
                             var T = I.left <= b.x && I.right >= b.x + ((p === null || p === void 0 ? void 0 : p.width) || 0);
-                            var D = (x === a.KeyboardCode.Right && !O || x === a.KeyboardCode.Left && !k) && !T;
+                            var D = (x === a.KeyboardCode.Right && !k || x === a.KeyboardCode.Left && !O) && !T;
                             var _ = (x === a.KeyboardCode.Down && !E || x === a.KeyboardCode.Up && !S) && !P;
                             if (D) {
                                 var q = w.scrollLeft + y.x;
@@ -4519,7 +4519,7 @@
             writable: !1
         }), e;
     }
-    function Oa(e, t) {
+    function ka(e, t) {
         if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(t && t.prototype, {
             constructor: {
@@ -4529,12 +4529,12 @@
             }
         }), Object.defineProperty(e, "prototype", {
             writable: !1
-        }), t && ka(e, t);
+        }), t && Oa(e, t);
     }
-    function ka(e, t) {
-        return ka = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+    function Oa(e, t) {
+        return Oa = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
             return e.__proto__ = t, e;
-        }, ka(e, t);
+        }, Oa(e, t);
     }
     function Ea(e) {
         var t = Ia();
@@ -4792,7 +4792,7 @@
         (n = a) === null || n === void 0 ? void 0 : (r = n.focus) === null || r === void 0 ? void 0 : r.call(n);
     }
     function il(e) {
-        var t = e.actions, o = e.actionsColumnWidth, i = e.children, c = e.dockOffset, s = e.dockScrollBar, d = e.elementRef, p = e.headType, v = e.innerStyle, b = e.onRequestMoveColumn, h = e.onRequestMoveRow, m = e.onRequestResizeColumn, w = e.onRequestToggleAllRows, C = e.onScroll, O = e.outerStyle, j = e.primaryColumnIndex, P = e.resizableFillLayout, D = e.rowExpansion, _ = e.rowSelection, q = e.stripeRows, A = e.tableStyle, z = Fa(e, [ "actions", "actionsColumnWidth", "children", "dockOffset", "dockScrollBar", "elementRef", "headType", "innerStyle", "onRequestMoveColumn", "onRequestMoveRow", "onRequestResizeColumn", "onRequestToggleAllRows", "onScroll", "outerStyle", "primaryColumnIndex", "resizableFillLayout", "rowExpansion", "rowSelection", "stripeRows", "tableStyle" ]);
+        var t = e.actions, o = e.actionsColumnWidth, i = e.children, c = e.dockOffset, s = e.dockScrollBar, d = e.elementRef, p = e.headType, v = e.innerStyle, b = e.onRequestMoveColumn, h = e.onRequestMoveRow, m = e.onRequestResizeColumn, w = e.onRequestToggleAllRows, C = e.onScroll, k = e.outerStyle, j = e.primaryColumnIndex, P = e.resizableFillLayout, D = e.rowExpansion, _ = e.rowSelection, q = e.stripeRows, A = e.tableStyle, z = Fa(e, [ "actions", "actionsColumnWidth", "children", "dockOffset", "dockScrollBar", "elementRef", "headType", "innerStyle", "onRequestMoveColumn", "onRequestMoveRow", "onRequestResizeColumn", "onRequestToggleAllRows", "onScroll", "outerStyle", "primaryColumnIndex", "resizableFillLayout", "rowExpansion", "rowSelection", "stripeRows", "tableStyle" ]);
         var N = (0, n.useState)([]), H = Ma(N, 2), M = H[0], L = H[1];
         var B = (0, n.useState)(), $ = Ma(B, 2), W = $[0], K = $[1];
         var F = (0, n.useState)(), V = Ma(F, 2), U = V[0], G = V[1];
@@ -4810,8 +4810,8 @@
         var xe = (0, n.useRef)();
         var Ce = (0, n.useRef)(null);
         var Se = (0, n.useRef)(null);
-        var Oe = (0, n.useRef)();
-        var ke = (0, n.useRef)(null);
+        var ke = (0, n.useRef)();
+        var Oe = (0, n.useRef)(null);
         var Ee = (0, n.useRef)(null);
         var Re = I()(p);
         var je = [];
@@ -4823,7 +4823,7 @@
             }
             var t = Ee.current;
             var n = be.current;
-            var r = ke.current;
+            var r = Oe.current;
             if (!r || !n) {
                 return;
             }
@@ -4856,20 +4856,20 @@
             if ((Ja(p) || Ya(p)) && t) {
                 K(-t.scrollLeft);
             }
-            if (ve.current && Oe.current !== "dockedScrollBar" && t) {
-                Oe.current = "container";
+            if (ve.current && ke.current !== "dockedScrollBar" && t) {
+                ke.current = "container";
                 ve.current.scrollLeft = t.scrollLeft;
             } else {
-                Oe.current = undefined;
+                ke.current = undefined;
             }
         }), [ p, C ]);
         var De = function e() {
             var t = Ee.current;
-            if (Oe.current !== "container" && t && ve.current) {
-                Oe.current = "dockedScrollBar";
+            if (ke.current !== "container" && t && ve.current) {
+                ke.current = "dockedScrollBar";
                 t.scrollLeft = ve.current.scrollLeft;
             } else {
-                Oe.current = undefined;
+                ke.current = undefined;
             }
         };
         var _e = x()(Pe, 0);
@@ -5064,7 +5064,7 @@
         var Qe = function e() {
             var t = Ee.current;
             var n = Lt();
-            if (!Ya(p) || !ke.current || !be.current || !t) {
+            if (!Ya(p) || !Oe.current || !be.current || !t) {
                 return false;
             }
             var r = Qa(t).top;
@@ -5073,7 +5073,7 @@
         var Ze = function e() {
             var t = Lt();
             var n = Ee.current;
-            if (!s || !ke.current || !n) {
+            if (!s || !Oe.current || !n) {
                 return false;
             }
             var r = n.getBoundingClientRect();
@@ -5118,10 +5118,10 @@
                 return false;
             }
             var n = 0;
-            if (ve.current && be.current && ke.current && be.current) {
+            if (ve.current && be.current && Oe.current && be.current) {
                 var o, i, a, l;
                 var c = t.innerHeight - (// eslint-disable-next-line no-unsafe-optional-chaining
-                (o = ke.current) === null || o === void 0 ? void 0 : o.getBoundingClientRect().top) - ((i = (a = be.current) === null || a === void 0 ? void 0 : (l = a.getEl()) === null || l === void 0 ? void 0 : l.offsetHeight) !== null && i !== void 0 ? i : 0);
+                (o = Oe.current) === null || o === void 0 ? void 0 : o.getBoundingClientRect().top) - ((i = (a = be.current) === null || a === void 0 ? void 0 : (l = a.getEl()) === null || l === void 0 ? void 0 : l.offsetHeight) !== null && i !== void 0 ? i : 0);
                 n = Math.min(c - ve.current.offsetHeight, 0);
             }
             
@@ -5235,9 +5235,9 @@
         return r().createElement(ye, qa({
             "data-test": "table",
             ref: d,
-            style: O,
+            style: k,
             "data-test-row-selection": w ? _ : undefined
-        }, g()(z, [].concat(Aa(Object.keys(Ua)), [ "style" ]))),  r().createElement(k(), {
+        }, g()(z, [].concat(Aa(Object.keys(Ua)), [ "style" ]))),  r().createElement(O(), {
             target: Lt(),
             eventType: "scroll",
             listener: _e,
@@ -5270,7 +5270,7 @@
             items: Ie,
             strategy: l.verticalListSortingStrategy
         },  r().createElement(me, {
-            ref: ke,
+            ref: Oe,
             "data-test": "main-table",
             style: A,
             "data-fixed-column": at ? "true" : undefined,
@@ -5279,7 +5279,7 @@
     }
     il.propTypes = Ua;
     var al =  function(e) {
-        Oa(n, e);
+        ka(n, e);
         var t = Ea(n);
         function n() {
             xa(this, n);