@splunk/react-ui 5.0.0-beta.4 → 5.0.0-beta.5

package/Table.js

@@ -64,11 +64,11 @@
         Body: () => /* reexport */ Z,
         Caption: () => /* reexport */ ve,
         Cell: () => /* reexport */ ke,
-        Head: () => /* reexport */ Jt,
-        HeadCell: () => /* reexport */ En,
-        HeadDropdownCell: () => /* reexport */ gr,
-        Row: () => /* reexport */ At,
-        default: () => /* reexport */ Yo
+        Head: () => /* reexport */ nr,
+        HeadCell: () => /* reexport */ Dn,
+        HeadDropdownCell: () => /* reexport */ Sr,
+        Row: () => /* reexport */ Mt,
+        default: () => /* reexport */ Zo
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -279,45 +279,61 @@
             r === null || r === void 0 ? void 0 : r(n);
         };
         var C = t.Children.toArray(o).filter(t.isValidElement);
-        // elements here are in the same order as in filteredChildren
-                var x = (0, t.useMemo)((function() {
-            return C.map((function(e) {
-                return e.props.expansionRow ? t.Children.map(e.props.expansionRow, (function() {
-                    return (0, R.createDOMID)();
-                })) : undefined;
+        var x = (0, t.useState)(new Map), S = K(x, 2), k = S[0], O = S[1];
+        r().useEffect((function() {
+            O((function(e) {
+                var n = new Map(e);
+                var r = false;
+                C.forEach((function(o) {
+                    var i;
+                    if (!o.props.expansionRow) return;
+                    var a = (i = o.key) !== null && i !== void 0 ? i : C.indexOf(o);
+                    var l = t.Children.count(o.props.expansionRow);
+                    var u = e.get(a);
+                    if (!u || u.length !== l) {
+                        n.set(a, Array.from({
+                            length: l
+                        }, (function() {
+                            return (0, R.createDOMID)();
+                        })));
+                        r = true;
+                    }
+                }));
+                return r ? n : e;
             }));
         }), [ C ]);
         C.forEach((function(e, r) {
             if (e) {
+                var o, i;
                 if (false) {}
-                var o = e.key;
-                var i = r % 2 ? "even" : "odd";
-                var u = d ? i : "none";
-                var f = s === "controlled" ? e.props.expanded : P()(m, o);
-                var p = function n(t) {
-                    w(t, o, e.props.onExpansion);
+                var u = (o = e.key) !== null && o !== void 0 ? o : r;
+                var f = r % 2 ? "even" : "odd";
+                var p = d ? f : "none";
+                var b = s === "controlled" ? e.props.expanded : P()(m, u);
+                var h = function n(t) {
+                    w(t, u, e.props.onExpansion);
                 };
-                var b = x[r];
-                var h = b === null || b === void 0 ? void 0 : b.join(" ");
+                var y = e.props.expansionRow ? (i = k.get(u)) === null || i === void 0 ? void 0 : i.join(" ") : undefined;
                 v.push( (0, t.cloneElement)(e, {
-                    stripe: u,
+                    stripe: p,
                     actions: n,
-                    expanded: f,
-                    expansionRowIds: h,
+                    expanded: b,
+                    expansionRowIds: y,
                     expandable: s !== "none",
                     isDraggable: !!l,
                     movableColumns: a,
                     primaryColumnIndex: c,
-                    onExpansion: p,
+                    onExpansion: h,
                     key: e.key || r
                 }));
-                if (f && e.props.expansionRow && Array.isArray(b)) {
+                if (b && e.props.expansionRow) {
                     t.Children.forEach(e.props.expansionRow, (function(e, n) {
-                        var r = b[n];
+                        var r;
+                        var o = (r = k.get(u)) === null || r === void 0 ? void 0 : r[n];
                         v.push( (0, t.cloneElement)(e, {
-                            key: r,
-                            id: r,
-                            stripe: u,
+                            key: o,
+                            id: o,
+                            stripe: p,
                             movableColumns: a,
                             "data-expansion-row": "true"
                         }));
@@ -485,7 +501,7 @@
         toggle: (0, M.css)([ "height:100%;" ])
     }), (function(e) {
         var n = e.$variant, t = e.$align;
-        return n ? (0, M.css)([ "display:block;text-align:", ";" ], t) : (0, M.css)([ "justify-content:", ";" ], t);
+        return n ? (0, M.css)([ "display:block;text-align:", ";" ], t) : (0, M.css)([ "justify-content:", ";text-align:", ";" ], t, t);
     }));
     // CONCATENATED MODULE: ./src/Table/Cell.tsx
     function ge() {
@@ -659,7 +675,7 @@
     var Ue = $()(We()).withConfig({
         displayName: "HeadInnerStyles__StyledResize",
         componentId: "sc-1sa0wng-4"
-    })([ "", ";position:absolute;right:-5px;width:9px;top:0;bottom:0;z-index:1;cursor:col-resize;th:last-child > ", " > &{right:0;width:5px;}&::-moz-focus-inner{border:0;padding:0;}&:focus{outline:none;&::before{content:'';position:absolute;background:", ";box-shadow:", ";left:4px;width:1px;top:0;bottom:0;}}" ], N.mixins.reset("block"), /* sc-sel */ Fe, N.variables.focusColor, N.variables.focusShadow);
+    })([ "", ";position:absolute;right:-5px;width:9px;top:0;bottom:0;z-index:1;cursor:col-resize;th:last-child > div > ", " > &{right:0;width:4px;}&:hover{outline:none;&::before{content:'';background:", ";position:absolute;left:4px;width:1px;top:0;bottom:0;}}&:focus{outline:none;&::before{content:'';position:absolute;background:", ";box-shadow:", ";left:4px;width:1px;top:0;bottom:0;}}" ], N.mixins.reset("block"), /* sc-sel */ Fe, N.variables.borderColorStrong, N.variables.focusColor, N.variables.focusShadow);
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
     var Xe = {
@@ -720,9 +736,11 @@
         var e = typeof document !== "undefined" ? document : Xe;
         return e;
     }
+    var Ge = Ye();
+    /* harmony default export */    const Je = /* unused pure expression or super */ null && Ge;
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var Ge = {
+    var Qe = {
         document: Xe,
         navigator: {
             userAgent: ""
@@ -777,13 +795,15 @@
             clearTimeout(n);
         }
     };
-    function Je() {
-        var e = typeof window !== "undefined" ? window : Ge;
+    function Ze() {
+        var e = typeof window !== "undefined" ? window : Qe;
         return e;
     }
+    var en = Ze();
+    /* harmony default export */    const nn = /* unused pure expression or super */ null && en;
     // CONCATENATED MODULE: ./src/Table/HeadInner.tsx
-    function Qe() {
-        return Qe = Object.assign ? Object.assign.bind() : function(e) {
+    function tn() {
+        return tn = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -791,41 +811,41 @@
                 }
             }
             return e;
-        }, Qe.apply(null, arguments);
+        }, tn.apply(null, arguments);
     }
-    function Ze(e) {
-        return tn(e) || nn(e) || an(e) || en();
+    function rn(e) {
+        return ln(e) || an(e) || cn(e) || on();
     }
-    function en() {
+    function on() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function nn(e) {
+    function an(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function tn(e) {
-        if (Array.isArray(e)) return ln(e);
+    function ln(e) {
+        if (Array.isArray(e)) return dn(e);
     }
-    function rn(e, n) {
-        return sn(e) || un(e, n) || an(e, n) || on();
+    function un(e, n) {
+        return vn(e) || fn(e, n) || cn(e, n) || sn();
     }
-    function on() {
+    function sn() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function an(e, n) {
+    function cn(e, n) {
         if (e) {
-            if ("string" == typeof e) return ln(e, n);
+            if ("string" == typeof e) return dn(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? ln(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? dn(e, n) : void 0;
         }
     }
-    function ln(e, n) {
+    function dn(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
         }
         return r;
     }
-    function un(e, n) {
+    function fn(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var r, o, i, a, l = [], u = !0, s = !1;
@@ -847,12 +867,12 @@
             return l;
         }
     }
-    function sn(e) {
+    function vn(e) {
         if (Array.isArray(e)) return e;
     }
-    function cn(e, n) {
+    function pn(e, n) {
         if (null == e) return {};
-        var t, r, o = dn(e, n);
+        var t, r, o = bn(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -861,7 +881,7 @@
         }
         return o;
     }
-    function dn(e, n) {
+    function bn(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -872,7 +892,7 @@
         }
         return t;
     }
-    var fn = {
+    var mn = {
         align: i().oneOf([ "left", "center", "right" ]),
         clickable: i().bool,
         columnId: i().string,
@@ -890,31 +910,31 @@
         width: i().oneOfType([ i().number, i().oneOf([ "auto" ]) ]),
         variant: i().oneOf([ "toggleAll", "info", "actions" ])
     };
-    var vn = new Set([ "none", "asc", "desc" ]);
-    var pn = Object.freeze({
+    var hn = new Set([ "none", "asc", "desc" ]);
+    var yn = Object.freeze({
         none: (0, D._)("Click to sort"),
         asc: (0, D._)("Press to sort descending"),
         desc: (0, D._)("Press to sort ascending")
     });
-    var bn = Object.freeze({
+    var gn = Object.freeze({
         none: ze(),
         asc: Pe(),
         desc: qe()
     });
-    function mn(e) {
-        var n = e.align, o = n === void 0 ? "left" : n, i = e.clickable, a = e.columnId, l = e.elementRef, u = e.focusWithin, s = e.id, c = e.index, d = e.isMenu, f = d === void 0 ? false : d, v = e.label, p = e.onAutosizeColumn, b = e.onRequestResize, m = e.resizable, h = m === void 0 ? true : m, y = e.sortDir, w = e.truncate, C = w === void 0 ? true : w, x = e.variant, k = e.width, O = cn(e, [ "align", "clickable", "columnId", "elementRef", "focusWithin", "id", "index", "isMenu", "label", "onAutosizeColumn", "onRequestResize", "resizable", "sortDir", "truncate", "variant", "width" ]);
+    function wn(e) {
+        var n = e.align, o = n === void 0 ? "left" : n, i = e.clickable, a = e.columnId, l = e.elementRef, u = e.focusWithin, s = e.id, c = e.index, d = e.isMenu, f = d === void 0 ? false : d, v = e.label, p = e.onAutosizeColumn, b = e.onRequestResize, m = e.resizable, h = m === void 0 ? true : m, y = e.sortDir, w = e.truncate, C = w === void 0 ? true : w, x = e.variant, k = e.width, O = pn(e, [ "align", "clickable", "columnId", "elementRef", "focusWithin", "id", "index", "isMenu", "label", "onAutosizeColumn", "onRequestResize", "resizable", "sortDir", "truncate", "variant", "width" ]);
         if (false) {}
         var R = (0, D._)("Click to open menu");
-        var I = (0, t.useState)(false), T = rn(I, 2), j = T[0], A = T[1];
-        var P = (0, t.useState)(0), _ = rn(P, 2), z = _[0], M = _[1];
-        var $ = (0, t.useState)(0), N = rn($, 2), W = N[0], H = N[1];
+        var I = (0, t.useState)(false), T = un(I, 2), j = T[0], A = T[1];
+        var P = (0, t.useState)(0), _ = un(P, 2), z = _[0], M = _[1];
+        var $ = (0, t.useState)(0), N = un($, 2), W = N[0], H = N[1];
         var K = (0, t.useRef)(null);
         var B = (0, t.useRef)(k === "auto" ? undefined : k);
         var V;
         var F;
-        if (y !== undefined && vn.has(y)) {
-            V = bn[y];
-            F = pn[y];
+        if (y !== undefined && hn.has(y)) {
+            V = gn[y];
+            F = yn[y];
         }
         if (k === "auto") {
             var U;
@@ -1012,7 +1032,7 @@
                 });
             }
         }), [ a, c, p ]);
-        var te = Je();
+        var te = Ze();
         var re = B.current ? (0, q.sprintf)((0, D._)("%(width)d pixels"), {
             width: B.current
         }) : undefined;
@@ -1020,14 +1040,14 @@
             ariaControls: a
         } : {};
         
-        return r().createElement(Fe, Qe({
+        return r().createElement(Fe, tn({
             as: i ? "button" : "div",
             ref: G,
             $align: o,
             $clickable: i,
             $focusWithin: u,
             $variant: x
-        }, g()(O, [].concat(Ze(Object.keys(mn.propTypes)), [ "id" ]))), j &&  r().createElement(r().Fragment, null,  r().createElement(S(), {
+        }, g()(O, [].concat(rn(Object.keys(wn.propTypes)), [ "id" ]))), j &&  r().createElement(r().Fragment, null,  r().createElement(S(), {
             target: te,
             eventType: "mouseup",
             listener: ee
@@ -1035,7 +1055,7 @@
             target: te,
             eventType: "mousemove",
             listener: Z
-        })), b && h &&  r().createElement(Ue, Qe({
+        })), b && h &&  r().createElement(Ue, tn({
             "aria-label": (0, q.sprintf)((0, D._)("Resize %(label)s"), {
                 label: v
             })
@@ -1063,35 +1083,38 @@
             "aria-label": F
         })));
     }
-    mn.propTypes = fn;
-    /* harmony default export */    const hn = mn;
+    wn.propTypes = mn;
+    /* harmony default export */    const Cn = wn;
     // CONCATENATED MODULE: ./src/Table/HeadCellStyles.ts
-    var yn = $().div.withConfig({
+    var xn = $().div.withConfig({
         displayName: "HeadCellStyles__StyledInnerWrapper",
         componentId: "sc-1hj81sa-0"
     })([ "display:flex;" ]);
-    var gn = $().th.withConfig({
+    var Sn = $().th.withConfig({
         displayName: "HeadCellStyles__Styled",
         componentId: "sc-1hj81sa-1"
-    })([ "", ";background-color:", ";box-sizing:content-box;text-align:left;vertical-align:", ";position:relative;&:not(:first-child){", "{border-left:1px solid ", ";}}*:where(button):focus{box-shadow:", ";}", " ", "" ], N.mixins.reset("table-cell"), N.variables.neutral100, (function(e) {
+    })([ "", ";background-color:", ";box-sizing:content-box;text-align:left;vertical-align:", ";position:relative;&:not(:first-child,:has(", ")){", "{border-left:1px solid ", ";}}&:has(", "){", "{border-right:1px solid ", ";}}&:nth-last-child(2):has(", ") + &:last-child{", "{border-left:none;}}*:where(button):focus{box-shadow:", ";}", " ", " ", "" ], N.mixins.reset("table-cell"), N.variables.neutral100, (function(e) {
         var n = e.$variant;
         return n ? "middle" : "top";
-    }), /* sc-sel */ yn, N.variables.borderColorWeak, N.variables.focusShadowInset, (function(e) {
+    }), Ue, /* sc-sel */ xn, N.variables.borderColorWeak, Ue, /* sc-sel */ xn, N.variables.borderColor, Ue, /* sc-sel */ xn, N.variables.focusShadowInset, (function(e) {
         var n = e.$isDragging;
         return n && (0, M.css)([ "background-color:", ";&:focus{box-shadow:none;}" ], N.variables.backgroundColorPage);
+    }), (function(e) {
+        var n = e.$variant;
+        return n && (0, M.css)([ "&:first-child + &{", "{border-left:1px solid ", ";}}" ], xn, N.variables.borderColorWeak);
     }), (0, N.pickVariant)("$variant", {
         actions: (0, M.css)([ "*:where(button){", " &:focus{box-shadow:", ";}}" ], (0, pe.buttonMixin)("subtle", {
             color: N.variables.contentColorDefault
         }), N.variables.focusShadowInset)
     }));
     // TODO(SUI-7400): Refactor the drag handler of re-order column
-        var wn = $().div.withConfig({
+        var kn = $().div.withConfig({
         displayName: "HeadCellStyles__StyledDragHandler",
         componentId: "sc-1hj81sa-2"
     })([ "display:inline-flex;align-items:center;justify-content:center;width:20px;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:hover{background:", ";color:", ";}&:focus{background:", ";box-shadow:", ";color:", ";}" ], N.variables.interactiveColorOverlayHover, N.variables.contentColorActive, N.variables.interactiveColorOverlayDrag, N.variables.focusShadowInset, N.variables.contentColorActive);
     // CONCATENATED MODULE: ./src/Table/HeadCell.tsx
-    function Cn() {
-        return Cn = Object.assign ? Object.assign.bind() : function(e) {
+    function On() {
+        return On = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1099,11 +1122,11 @@
                 }
             }
             return e;
-        }, Cn.apply(null, arguments);
+        }, On.apply(null, arguments);
     }
-    function xn(e, n) {
+    function Rn(e, n) {
         if (null == e) return {};
-        var t, r, o = Sn(e, n);
+        var t, r, o = En(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1112,7 +1135,7 @@
         }
         return o;
     }
-    function Sn(e, n) {
+    function En(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1124,7 +1147,7 @@
         return t;
     }
     /** @public */
-    /** @public */    var kn = {
+    /** @public */    var In = {
         align: i().oneOf([ "left", "center", "right" ]),
         /** @private Used to set the $clickable appearance without an onClick */
         appearClickable: i().bool,
@@ -1163,13 +1186,13 @@
         visible: i().bool,
         width: i().oneOfType([ i().number, i().oneOf([ "auto" ]) ])
     };
-    var On = {
+    var Tn = {
         asc: "ascending",
         desc: "descending",
         none: "none"
     };
-    function Rn(e) {
-        var n = e.align, o = n === void 0 ? "left" : n, i = e.appearClickable, a = e.children, u = e.columnId, s = e.elementRef, c = e.dragId, d = e.headCellScreenReaderText, f = e.id, v = e.index, p = e.onAutosizeColumn, b = e.onClick, m = e.onKeyDown, h = e.onRequestMoveColumn, y = e.onRequestResize, g = e.onSort, w = e.resizable, C = w === void 0 ? true : w, x = e.sortDir, S = x === void 0 ? "none" : x, k = e.sortKey, O = e.style, R = e.truncate, E = R === void 0 ? true : R, I = e.variant, T = e.visible, j = T === void 0 ? true : T, A = e.width, P = xn(e, [ "align", "appearClickable", "children", "columnId", "elementRef", "dragId", "headCellScreenReaderText", "id", "index", "onAutosizeColumn", "onClick", "onKeyDown", "onRequestMoveColumn", "onRequestResize", "onSort", "resizable", "sortDir", "sortKey", "style", "truncate", "variant", "visible", "width" ]);
+    function jn(e) {
+        var n = e.align, o = n === void 0 ? "left" : n, i = e.appearClickable, a = e.children, u = e.columnId, s = e.elementRef, c = e.dragId, d = e.headCellScreenReaderText, f = e.id, v = e.index, p = e.onAutosizeColumn, b = e.onClick, m = e.onKeyDown, h = e.onRequestMoveColumn, y = e.onRequestResize, g = e.onSort, w = e.resizable, C = w === void 0 ? true : w, x = e.sortDir, S = x === void 0 ? "none" : x, k = e.sortKey, O = e.style, R = e.truncate, E = R === void 0 ? true : R, I = e.variant, T = e.visible, j = T === void 0 ? true : T, A = e.width, P = Rn(e, [ "align", "appearClickable", "children", "columnId", "elementRef", "dragId", "headCellScreenReaderText", "id", "index", "onAutosizeColumn", "onClick", "onKeyDown", "onRequestMoveColumn", "onRequestResize", "onSort", "resizable", "sortDir", "sortKey", "style", "truncate", "variant", "visible", "width" ]);
         // @docs-props-type HeadCellPropsBase
                 var _ = !!h;
         var z = (0, l.useSortable)({
@@ -1219,23 +1242,23 @@
             Y = a;
         }
         
-        return r().createElement(gn, Cn({
+        return r().createElement(Sn, On({
             style: X,
             ref: H,
-            "aria-sort": g && (On[S] || "none"),
+            "aria-sort": g && (Tn[S] || "none"),
             "data-test": "head-cell",
             "data-test-label": Re()(a) ? a : undefined,
             "data-test-sort-dir": g && S,
             id: j ? f : undefined,
             $isDragging: _ && $,
             $variant: I
-        }, P),  r().createElement(yn, null, _ &&  r().createElement(wn, Cn({
+        }, P),  r().createElement(xn, null, _ &&  r().createElement(kn, On({
             "aria-label": (0, q.sprintf)((0, D._)("Reorder %(labelString)s"), {
                 labelString: Y
             }),
             "data-test": "drag",
             draggable: true
-        }, M, N),  r().createElement(je(), null)),  r().createElement(hn, {
+        }, M, N),  r().createElement(je(), null)),  r().createElement(Cn, {
             align: o,
             clickable: i || V || F,
             columnId: u,
@@ -1254,35 +1277,35 @@
             width: A
         })));
     }
-    Rn.propTypes = kn;
-    Rn.splunkUiType = "Table.HeadCell";
-    /* harmony default export */    const En = Rn;
+    jn.propTypes = In;
+    jn.splunkUiType = "Table.HeadCell";
+    /* harmony default export */    const Dn = jn;
     // CONCATENATED MODULE: external "@dnd-kit/utilities"
-    const In = require("@dnd-kit/utilities");
+    const qn = require("@dnd-kit/utilities");
     // CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeVertical"
-    const Tn = require("@splunk/react-icons/DotsThreeVertical");
-    var jn =  e.n(Tn);
+    const An = require("@splunk/react-icons/DotsThreeVertical");
+    var Pn =  e.n(An);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const Dn = require("@splunk/react-ui/Button");
-    var qn =  e.n(Dn);
+    const _n = require("@splunk/react-ui/Button");
+    var zn =  e.n(_n);
     // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const An = require("@splunk/react-ui/Dropdown");
-    var Pn =  e.n(An);
+    const Mn = require("@splunk/react-ui/Dropdown");
+    var $n =  e.n(Mn);
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-    const _n = require("@splunk/react-ui/Tooltip");
-    var zn =  e.n(_n);
+    const Nn = require("@splunk/react-ui/Tooltip");
+    var Wn =  e.n(Nn);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
-    const Mn = require("@splunk/react-icons/ChevronRight");
-    var $n =  e.n(Mn);
+    const Ln = require("@splunk/react-icons/ChevronRight");
+    var Hn =  e.n(Ln);
     // CONCATENATED MODULE: ./src/Table/ExpandButtonStyles.ts
-    var Nn = "2px";
-    var Wn = "16px";
-    var Ln = (0, M.css)([ "padding-top:calc((", " + ", "*2 - ", ") / 2);" ], N.variables.inputHeight, Nn, Wn);
-    var Hn = $().button.withConfig({
+    var Kn = "2px";
+    var Bn = "16px";
+    var Vn = (0, M.css)([ "padding-top:calc((", " + ", "*2 - ", ") / 2);" ], N.variables.inputHeight, Kn, Bn);
+    var Fn = $().button.withConfig({
         displayName: "ExpandButtonStyles__StyledButton",
         componentId: "sc-7nlw5q-0"
-    })([ "", ";height:100%;width:100%;cursor:pointer;justify-content:center;padding:", ";", ";color:", " &:hover{color:", ";}&:focus{color:", ";box-shadow:", ";}" ], N.mixins.reset("flex"), N.variables.spacingXSmall, Ln, N.variables.contentColorDefault, N.variables.contentColorActive, N.variables.contentColorActive, N.variables.focusShadowInset);
-    var Kn = $()($n()).withConfig({
+    })([ "", ";height:100%;width:100%;cursor:pointer;justify-content:center;padding:", ";", ";color:", " &:hover{color:", ";}&:focus{color:", ";box-shadow:", ";}" ], N.mixins.reset("flex"), N.variables.spacingXSmall, Vn, N.variables.contentColorDefault, N.variables.contentColorActive, N.variables.contentColorActive, N.variables.focusShadowInset);
+    var Un = $()(Hn()).withConfig({
         displayName: "ExpandButtonStyles__StyledChevron",
         componentId: "sc-7nlw5q-1"
     })([ "transition:transform 200ms;", "" ], (function(e) {
@@ -1290,8 +1313,8 @@
         return n && (0, M.css)([ "transform:rotate(90deg);" ]);
     }));
     // CONCATENATED MODULE: ./src/Table/ExpandButton.tsx
-    function Bn() {
-        return Bn = Object.assign ? Object.assign.bind() : function(e) {
+    function Xn() {
+        return Xn = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1299,11 +1322,11 @@
                 }
             }
             return e;
-        }, Bn.apply(null, arguments);
+        }, Xn.apply(null, arguments);
     }
-    function Vn(e, n) {
+    function Yn(e, n) {
         if (null == e) return {};
-        var t, r, o = Fn(e, n);
+        var t, r, o = Gn(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1312,7 +1335,7 @@
         }
         return o;
     }
-    function Fn(e, n) {
+    function Gn(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1323,32 +1346,32 @@
         }
         return t;
     }
-    var Un = {
+    var Jn = {
         expanded: i().bool
     };
-    var Xn = function e(n) {
-        var t = n.expanded, o = Vn(n, [ "expanded" ]);
+    var Qn = function e(n) {
+        var t = n.expanded, o = Yn(n, [ "expanded" ]);
         
-        return r().createElement(Hn, Bn({
+        return r().createElement(Fn, Xn({
             title: t ? (0, D._)("Collapse row") : (0, D._)("Expand row")
-        }, o),  r().createElement(Kn, {
+        }, o),  r().createElement(Un, {
             $expanded: t
         }));
     };
-    Xn.propTypes = Un;
-    /* harmony default export */    const Yn = Xn;
+    Qn.propTypes = Jn;
+    /* harmony default export */    const Zn = Qn;
     // CONCATENATED MODULE: ./src/Table/RowDragCellStyles.ts
-    var Gn = $().td.withConfig({
+    var et = $().td.withConfig({
         displayName: "RowDragCellStyles__StyledCell",
         componentId: "sc-9kbaj2-0"
     })([ "", " cursor:move;touch-action:none;position:relative;vertical-align:middle;" ], N.mixins.reset("table-cell"));
-    var Jn = $().div.withConfig({
+    var nt = $().div.withConfig({
         displayName: "RowDragCellStyles__StyledDrag",
         componentId: "sc-9kbaj2-1"
     })([ "", " ", ";justify-content:center;cursor:move;-webkit-user-drag:element;user-select:none;align-items:center;position:absolute;width:100%;top:0;bottom:0;&:focus{outline:0;box-shadow:", ";}&:hover{background-color:", ";outline:none;}&:active{background-color:", ";box-shadow:", ";}& > div{margin:0;}@media print{background-image:none;}" ], N.mixins.reset("flex"), N.mixins.clearfix(), N.variables.focusShadowInset, N.variables.interactiveColorOverlayDrag, N.variables.interactiveColorOverlayActive, N.variables.focusShadowInset);
     // CONCATENATED MODULE: ./src/Table/RowDragCell.tsx
-    function Qn() {
-        return Qn = Object.assign ? Object.assign.bind() : function(e) {
+    function tt() {
+        return tt = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1356,11 +1379,11 @@
                 }
             }
             return e;
-        }, Qn.apply(null, arguments);
+        }, tt.apply(null, arguments);
     }
-    function Zn(e, n) {
+    function rt(e, n) {
         if (null == e) return {};
-        var t, r, o = et(e, n);
+        var t, r, o = ot(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1369,7 +1392,7 @@
         }
         return o;
     }
-    function et(e, n) {
+    function ot(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1380,26 +1403,26 @@
         }
         return t;
     }
-    var nt = {
+    var it = {
         setActivatorNodeRef: i().func.isRequired,
         listeners: i().objectOf(i().func)
     };
-    function tt(e) {
-        var n = e.listeners, t = e.setActivatorNodeRef, o = Zn(e, [ "listeners", "setActivatorNodeRef" ]);
+    function at(e) {
+        var n = e.listeners, t = e.setActivatorNodeRef, o = rt(e, [ "listeners", "setActivatorNodeRef" ]);
         
-        return r().createElement(Gn, {
+        return r().createElement(et, {
             "data-helper": true
-        },  r().createElement(Jn, Qn({
+        },  r().createElement(nt, tt({
             "data-test": "drag",
             draggable: true,
             ref: t,
             tabIndex: 0
         }, n, o),  r().createElement(je(), null)));
     }
-    tt.propTypes = nt;
-    /* harmony default export */    const rt = tt;
+    at.propTypes = it;
+    /* harmony default export */    const lt = at;
     // CONCATENATED MODULE: ./src/Table/RowStyles.ts
-    var ot = $().tr.withConfig({
+    var ut = $().tr.withConfig({
         displayName: "RowStyles__StyledStripeNone",
         componentId: "f0igqq-0"
     })([ "", ";", ";", " @media print{background-color:none;}" ], N.mixins.reset("table-row"), (function(e) {
@@ -1409,7 +1432,7 @@
         var n = e.disabled, t = e.$expandable, r = e.$isDraggable;
         return !n && !t && r && (0, M.css)([ "&:hover{background-color:", ";}" ], N.variables.interactiveColorOverlayHover);
     }));
-    var it = $()(ot).withConfig({
+    var st = $()(ut).withConfig({
         displayName: "RowStyles__StyledStripeEven",
         componentId: "f0igqq-1"
     })([ "background-color:", ";", ";" ], N.variables.neutral50, (function(e) {
@@ -1417,24 +1440,24 @@
         return n && (0, M.css)([ "cursor:pointer;&:hover,&:focus{background-color:", ";}" ], N.variables.neutral300);
     }));
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const at = require("@splunk/react-ui/Clickable");
-    var lt =  e.n(at);
+    const ct = require("@splunk/react-ui/Clickable");
+    var dt =  e.n(ct);
     // CONCATENATED MODULE: external "@splunk/react-ui/NonInteractiveCheckbox"
-    const ut = require("@splunk/react-ui/NonInteractiveCheckbox");
-    var st =  e.n(ut);
+    const ft = require("@splunk/react-ui/NonInteractiveCheckbox");
+    var vt =  e.n(ft);
     // CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
-    var ct = "2px";
-    var dt = $()(lt()).withConfig({
+    var pt = "2px";
+    var bt = $()(dt()).withConfig({
         displayName: "ToggleStyles__StyledClickable",
         componentId: "sc-1x3ikch-0"
-    })([ "height:100%;width:100%;display:flex;justify-content:center;min-height:calc(", " + ", "*2);&[disabled]{cursor:not-allowed;}" ], N.variables.inputHeight, ct);
-    var ft = $()(st()).withConfig({
+    })([ "height:100%;width:100%;display:flex;justify-content:center;min-height:calc(", " + ", "*2);&[disabled]{cursor:not-allowed;}" ], N.variables.inputHeight, pt);
+    var mt = $()(vt()).withConfig({
         displayName: "ToggleStyles__StyledNonInteractiveCheckbox",
         componentId: "sc-1x3ikch-1"
     })([ "align-items:flex-start;padding-top:", ";" ], N.variables.spacingSmall);
     // CONCATENATED MODULE: ./src/Table/Toggle.tsx
-    function vt() {
-        return vt = Object.assign ? Object.assign.bind() : function(e) {
+    function ht() {
+        return ht = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1442,11 +1465,11 @@
                 }
             }
             return e;
-        }, vt.apply(null, arguments);
+        }, ht.apply(null, arguments);
     }
-    function pt(e, n) {
+    function yt(e, n) {
         if (null == e) return {};
-        var t, r, o = bt(e, n);
+        var t, r, o = gt(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1455,7 +1478,7 @@
         }
         return o;
     }
-    function bt(e, n) {
+    function gt(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1466,38 +1489,38 @@
         }
         return t;
     }
-    var mt = {
+    var wt = {
         disabled: i().bool,
         onClick: i().func,
         selected: i().oneOf([ true, false, "some" ])
     };
-    function ht(e) {
-        var n = e.disabled, t = e.onClick, o = e.selected, i = pt(e, [ "disabled", "onClick", "selected" ]);
+    function Ct(e) {
+        var n = e.disabled, t = e.onClick, o = e.selected, i = yt(e, [ "disabled", "onClick", "selected" ]);
         var a = n === true ? "disabled" : undefined;
         
         // Note we use a clickable around the NonInteractiveCheckbox (which can seem ironic) so that the whole table cell is clickable and we cannot use the Cell's onClick itself because of a11y issues we have faced in the past (see SUI-5958).
-        return r().createElement(dt, vt({
+        return r().createElement(bt, ht({
             "aria-checked": o === "some" ? "mixed" : o,
             disabled: a,
             onClick: t,
             role: "checkbox"
-        }, i),  r().createElement(ft, {
+        }, i),  r().createElement(mt, {
             disabled: !!a,
             selected: o
         }));
     }
-    ht.propTypes = mt;
-    /* harmony default export */    const yt = ht;
+    Ct.propTypes = wt;
+    /* harmony default export */    const xt = Ct;
     // CONCATENATED MODULE: ./src/Table/Row.tsx
-    function gt(e) {
+    function St(e) {
         "@babel/helpers - typeof";
-        return gt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return St = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, gt(e);
+        }, St(e);
     }
-    function wt(e, n) {
+    function kt(e, n) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var r = Object.getOwnPropertySymbols(e);
@@ -1507,42 +1530,42 @@
         }
         return t;
     }
-    function Ct(e) {
+    function Ot(e) {
         for (var n = 1; n < arguments.length; n++) {
             var t = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? wt(Object(t), !0).forEach((function(n) {
-                xt(e, n, t[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : wt(Object(t)).forEach((function(n) {
+            n % 2 ? kt(Object(t), !0).forEach((function(n) {
+                Rt(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : kt(Object(t)).forEach((function(n) {
                 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
             }));
         }
         return e;
     }
-    function xt(e, n, t) {
-        return (n = St(n)) in e ? Object.defineProperty(e, n, {
+    function Rt(e, n, t) {
+        return (n = Et(n)) in e ? Object.defineProperty(e, n, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = t, e;
     }
-    function St(e) {
-        var n = kt(e, "string");
-        return "symbol" == gt(n) ? n : n + "";
+    function Et(e) {
+        var n = It(e, "string");
+        return "symbol" == St(n) ? n : n + "";
     }
-    function kt(e, n) {
-        if ("object" != gt(e) || !e) return e;
+    function It(e, n) {
+        if ("object" != St(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != gt(r)) return r;
+            if ("object" != St(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
-    function Ot(e, n) {
+    function Tt(e, n) {
         if (null == e) return {};
-        var t, r, o = Rt(e, n);
+        var t, r, o = jt(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1551,7 +1574,7 @@
         }
         return o;
     }
-    function Rt(e, n) {
+    function jt(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1562,8 +1585,8 @@
         }
         return t;
     }
-    function Et() {
-        return Et = Object.assign ? Object.assign.bind() : function(e) {
+    function Dt() {
+        return Dt = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1571,18 +1594,18 @@
                 }
             }
             return e;
-        }, Et.apply(null, arguments);
+        }, Dt.apply(null, arguments);
     }
-    var It = {
-        odd: ot,
-        even: it,
-        none: ot
+    var qt = {
+        odd: ut,
+        even: st,
+        none: ut
     };
     /** @public */
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var Tt = {
+    /** @public */    var At = {
         /** @private. Generally passed by Table rather than added directly. */
         activeElementId: i().string,
         actionPrimary: i().element,
@@ -1621,22 +1644,22 @@
         /** @private. */
         stripe: i().oneOf([ "odd", "even", "none" ])
     };
-    var jt =  r().createElement(jn(), null);
-    var Dt =  r().forwardRef((function(e, n) {
+    var Pt =  r().createElement(Pn(), null);
+    var _t =  r().forwardRef((function(e, n) {
         
-        return r().createElement(zn(), Et({
+        return r().createElement(Wn(), Dt({
             content: (0, D._)("Actions"),
             contentRelationship: "label"
-        }, e),  r().createElement(qn(), {
+        }, e),  r().createElement(zn(), {
             appearance: "subtle",
             "data-test": "actions-secondary-toggle",
-            icon: jt,
+            icon: Pt,
             elementRef: n
         }));
     }));
-    function qt(e) {
+    function zt(e) {
         var n;
-        var o = e.actions, i = e.actionPrimary, a = e.actionsSecondary, u = e.children, s = e.data, c = e.dragId, d = e.disabled, f = e.isDraggable, v = e.elementRef, p = e.expandable, b = e.expanded, m = e.expansionRowIds, h = e.expansionRow, y = e.index, w = e.movableColumns, C = e.onClick, x = e.onExpansion, S = e.onKeyDown, k = e.onRequestToggle, O = e.primaryColumnIndex, I = O === void 0 ? 0 : O, T = e.rowScreenReaderText, j = e.selected, A = e.stripe, P = A === void 0 ? "none" : A, _ = e.style, z = Ot(e, [ "actions", "actionPrimary", "actionsSecondary", "children", "data", "dragId", "disabled", "isDraggable", "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, u = e.children, s = e.data, c = e.dragId, d = e.disabled, f = e.isDraggable, v = e.elementRef, p = e.expandable, b = e.expanded, m = e.expansionRowIds, h = e.expansionRow, y = e.index, w = e.movableColumns, C = e.onClick, x = e.onExpansion, S = e.onKeyDown, k = e.onRequestToggle, O = e.primaryColumnIndex, I = O === void 0 ? 0 : O, T = e.rowScreenReaderText, j = e.selected, A = e.stripe, P = A === void 0 ? "none" : A, _ = e.style, z = Tt(e, [ "actions", "actionPrimary", "actionsSecondary", "children", "data", "dragId", "disabled", "isDraggable", "elementRef", "expandable", "expanded", "expansionRowIds", "expansionRow", "index", "movableColumns", "onClick", "onExpansion", "onKeyDown", "onRequestToggle", "primaryColumnIndex", "rowScreenReaderText", "selected", "stripe", "style" ]);
  // @docs-props-type RowPropsBase
                 var M = (0, t.useMemo)((function() {
             return {
@@ -1646,8 +1669,8 @@
         }), [ f, c ]);
         var $ = (0, l.useSortable)(M), N = $.attributes, W = $.listeners, H = $.transform, K = $.transition, B = $.setNodeRef, V = $.setActivatorNodeRef;
         var F = (0, t.useMemo)((function() {
-            return f ? Ct(Ct({}, _), {}, {
-                transform: In.CSS.Translate.toString(H),
+            return f ? Ot(Ot({}, _), {}, {
+                transform: qn.CSS.Translate.toString(H),
                 transition: K
             }) : _;
         }), [ f, H, K, _ ]);
@@ -1750,12 +1773,12 @@
         var ie = (0, q.sprintf)((0, D._)("%(selected)s"), {
             selected: j ? "selected" : "unselected"
         });
-        var ae = It[P];
+        var ae = qt[P];
         var le = b ? t.Children.count(h) + 1 : undefined;
         var ue = w ? "false" : undefined;
         var se = function e() {
             
-            return r().createElement(Dt, null);
+            return r().createElement(_t, null);
         };
         var ce = (0, q.sprintf)((0, D._)("Collapse row - %(rowLabelValue)s"), {
             rowLabelValue: te
@@ -1764,7 +1787,7 @@
             rowLabelValue: te
         });
         
-        return r().createElement(ae, Et({
+        return r().createElement(ae, Dt({
             "data-test": "row",
             "data-test-selected": k ? j : undefined,
             $clickable: !!C,
@@ -1779,7 +1802,7 @@
             onKeyDown: Y,
             $rowSelected: !!(k && j),
             style: F
-        }), f && y != null &&  r().createElement(rt, Et({
+        }), f && y != null &&  r().createElement(lt, Dt({
             "aria-label": (0, q.sprintf)((0, D._)("Reorder %(rowLabelValue)s"), {
                 rowLabelValue: te
             }),
@@ -1793,7 +1816,7 @@
             "data-movable-column": ue,
             rowSpan: le,
             "data-test": "toggle"
-        },  r().createElement(yt, {
+        },  r().createElement(xt, {
             "aria-label": (0, q.sprintf)((0, D._)("%(rowLabelValue)s %(selectedString)s"), {
                 rowLabelValue: te,
                 selectedString: ie
@@ -1809,7 +1832,7 @@
             expand: b,
             rowSpan: le,
             variant: "expand"
-        },  r().createElement(Yn, {
+        },  r().createElement(Zn, {
             expanded: b,
             onClick: J,
             title: b ? ce : de,
@@ -1830,40 +1853,40 @@
             "data-test": "row-actions",
             variant: "actions",
             "data-movable-column": ue
-        }, i && Q(), a &&  r().createElement(Pn(), {
+        }, i && Q(), a &&  r().createElement($n(), {
             toggle: se()
         }, Z())));
     }
-    qt.propTypes = Tt;
-    qt.splunkUiType = "Table.Row";
-    /* harmony default export */    const At = qt;
+    zt.propTypes = At;
+    zt.splunkUiType = "Table.Row";
+    /* harmony default export */    const Mt = zt;
     // CONCATENATED MODULE: ./src/Table/TableContext.ts
-    var Pt =  (0, t.createContext)({});
-    Pt.displayName = "Table";
-    /* harmony default export */    const _t = Pt;
+    var $t =  (0, t.createContext)({});
+    $t.displayName = "Table";
+    /* harmony default export */    const Nt = $t;
     // CONCATENATED MODULE: ./src/Table/HeadStyles.ts
-    var zt = $().thead.withConfig({
+    var Wt = $().thead.withConfig({
         displayName: "HeadStyles__Styled",
         componentId: "iap21t-0"
     })([ "", ";", "" ], N.mixins.reset("table-header-group"), (function(e) {
         var n = e.$isFixed, t = e.$zIndex;
         return n && (0, M.css)([ "position:sticky;top:0;z-index:", ";" ], t);
     }));
-    var Mt = $()(En).withConfig({
+    var Lt = $()(Dn).withConfig({
         displayName: "HeadStyles__StyledToggleAll",
         componentId: "iap21t-1"
     })([ "width:32px;", "{gap:0;}" ], /* sc-sel */ Fe);
-    var $t = $()(En).withConfig({
+    var Ht = $()(Dn).withConfig({
         displayName: "HeadStyles__StyledInfo",
         componentId: "iap21t-2"
     })([ "width:32px;" ]);
-    var Nt = $()(En).withConfig({
+    var Kt = $()(Dn).withConfig({
         displayName: "HeadStyles__StyledDragRow",
         componentId: "iap21t-3"
     })([ "width:32px;" ]);
     // CONCATENATED MODULE: ./src/Table/Head.tsx
-    function Wt() {
-        return Wt = Object.assign ? Object.assign.bind() : function(e) {
+    function Bt() {
+        return Bt = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1871,11 +1894,11 @@
                 }
             }
             return e;
-        }, Wt.apply(null, arguments);
+        }, Bt.apply(null, arguments);
     }
-    function Lt(e, n) {
+    function Vt(e, n) {
         if (null == e) return {};
-        var t, r, o = Ht(e, n);
+        var t, r, o = Ft(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1884,7 +1907,7 @@
         }
         return o;
     }
-    function Ht(e, n) {
+    function Ft(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1895,7 +1918,7 @@
         }
         return t;
     }
-    var Kt = {
+    var Ut = {
         /** @private. */
         actions: i().arrayOf(i().node),
         /** @private. */
@@ -1919,18 +1942,18 @@
         /** @private. */
         rowSelection: i().oneOf([ "all", "some", "none" ])
     };
-    var Bt = 1;
-    var Vt = {
+    var Xt = 1;
+    var Yt = {
         all: true,
         none: false,
         some: "some"
     };
-    var Ft = (0, D._)("No rows selected");
-    var Ut = (0, D._)("Some rows selected");
-    var Xt = (0, D._)("All rows selected");
-    var Yt = function e(n) {
+    var Gt = (0, D._)("No rows selected");
+    var Jt = (0, D._)("Some rows selected");
+    var Qt = (0, D._)("All rows selected");
+    var Zt = function e(n) {
         var t, r;
-        var o = Je();
+        var o = Ze();
         if (!n) {
             return [];
         }
@@ -1939,9 +1962,9 @@
             return e.clientWidth - parseFloat(n.getPropertyValue("padding-right")) - parseFloat(n.getPropertyValue("padding-left"));
         }));
     };
-    function Gt(e) {
-        var n = e.actions, o = n === void 0 ? [] : n, i = e.actionsColumnWidth, a = e.cellMinWidth, l = a === void 0 ? 60 : a, u = e.children, s = e.elementRef, c = e.hasDragColumn, d = e.hasInfoColumn, f = e.onAutosizeColumn, v = e.onRequestMoveColumn, p = e.onRequestResizeColumn, b = e.onRequestToggleAllRows, m = e.rowSelection, h = Lt(e, [ "actions", "actionsColumnWidth", "cellMinWidth", "children", "elementRef", "hasDragColumn", "hasInfoColumn", "onAutosizeColumn", "onRequestMoveColumn", "onRequestResizeColumn", "onRequestToggleAllRows", "rowSelection" ]);
-        var y = (0, t.useContext)(_t), g = y.headType, w = y.tableContainerWidthWithoutBorders, C = y.resizableFillLayout;
+    function er(e) {
+        var n = e.actions, o = n === void 0 ? [] : n, i = e.actionsColumnWidth, a = e.cellMinWidth, l = a === void 0 ? 60 : a, u = e.children, s = e.elementRef, c = e.hasDragColumn, d = e.hasInfoColumn, f = e.onAutosizeColumn, v = e.onRequestMoveColumn, p = e.onRequestResizeColumn, b = e.onRequestToggleAllRows, m = e.rowSelection, h = Vt(e, [ "actions", "actionsColumnWidth", "cellMinWidth", "children", "elementRef", "hasDragColumn", "hasInfoColumn", "onAutosizeColumn", "onRequestMoveColumn", "onRequestResizeColumn", "onRequestToggleAllRows", "rowSelection" ]);
+        var y = (0, t.useContext)(Nt), g = y.headType, w = y.tableContainerWidthWithoutBorders, C = y.resizableFillLayout;
         var x = (0, t.useRef)(null);
         var S = (0, t.useRef)([]);
         (0, t.useEffect)((function() {
@@ -1962,7 +1985,7 @@
         }), [ u, v ]);
         var O = (0, t.useCallback)((function(e, n) {
             var t = n.columnId, r = n.id, o = n.index, i = n.width;
-            var a = Yt(x.current);
+            var a = Zt(x.current);
             if (o >= a.length) {
                 p === null || p === void 0 ? void 0 : p(e, n);
                 return;
@@ -2085,16 +2108,16 @@
             S.current = e;
             return n;
         }), [ E, C, O, p, v, k, f ]);
-        var j = m === undefined ? undefined : Vt[m];
+        var j = m === undefined ? undefined : Yt[m];
         var D = i || 48;
         var q = g === "fixed" ? "fixed-head" : "head";
         var A;
         if (j === "some") {
-            A = Ut;
+            A = Jt;
         } else if (j) {
-            A = Xt;
+            A = Qt;
         } else {
-            A = Ft;
+            A = Gt;
         }
         var P = (0, t.useMemo)((function() {
             return {
@@ -2107,33 +2130,33 @@
             };
         }), [ i ]);
         
-        return r().createElement(zt, Wt({
+        return r().createElement(Wt, Bt({
             ref: R,
             "data-test": q,
             $isFixed: g === "fixed",
-            $zIndex: I + Bt
-        }, h),  r().createElement(At, null, c &&  r().createElement(Nt, {
+            $zIndex: I + Xt
+        }, h),  r().createElement(Mt, null, c &&  r().createElement(Kt, {
             key: "drag_rows_head_cell",
             "data-test": "drag-rows-head-cell",
             align: "center",
             resizable: false
-        }), b &&  r().createElement(Mt, {
+        }), b &&  r().createElement(Lt, {
             key: "toggle_all",
             resizable: false,
             align: "center",
             variant: "toggleAll",
             truncate: false,
             "data-test": "toggle-all"
-        },  r().createElement(yt, {
+        },  r().createElement(xt, {
             "aria-label": A,
             onClick: b,
             selected: j
-        })), d &&  r().createElement($t, {
+        })), d &&  r().createElement(Ht, {
             key: "more_info_head_cell",
             "data-test": "more-info-head-cell",
             resizable: false,
             variant: "info"
-        }), T, o.length > 0 &&  r().createElement(En, {
+        }), T, o.length > 0 &&  r().createElement(Dn, {
             key: "actions_head_cell",
             "data-test": "actions-head-cell",
             align: "right",
@@ -2141,7 +2164,7 @@
             width: D,
             style: P,
             variant: "actions"
-        }, o), o.length === 0 && i &&  r().createElement(En, {
+        }, o), o.length === 0 && i &&  r().createElement(Dn, {
             key: "actions_head_cell",
             "data-test": "actions-head-cell",
             align: "right",
@@ -2151,24 +2174,24 @@
             variant: "actions"
         }, " ")));
     }
-    Gt.propTypes = Kt;
-    Gt.splunkUiType = "Table.Head";
-    /* harmony default export */    const Jt = Gt;
+    er.propTypes = Ut;
+    er.splunkUiType = "Table.Head";
+    /* harmony default export */    const nr = er;
     // CONCATENATED MODULE: external "lodash/isFinite"
-    const Qt = require("lodash/isFinite");
-    var Zt =  e.n(Qt);
+    const tr = require("lodash/isFinite");
+    var rr =  e.n(tr);
     // CONCATENATED MODULE: external "lodash/isFunction"
-    const er = require("lodash/isFunction");
-    var nr =  e.n(er);
+    const or = require("lodash/isFunction");
+    var ir =  e.n(or);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const tr = require("@splunk/react-ui/Popover");
-    var rr =  e.n(tr);
+    const ar = require("@splunk/react-ui/Popover");
+    var lr =  e.n(ar);
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
-    const or = require("@splunk/react-ui/useControlled");
-    var ir =  e.n(or);
+    const ur = require("@splunk/react-ui/useControlled");
+    var sr =  e.n(ur);
     // CONCATENATED MODULE: ./src/Table/HeadDropdownCell.tsx
-    function ar() {
-        return ar = Object.assign ? Object.assign.bind() : function(e) {
+    function cr() {
+        return cr = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -2176,29 +2199,29 @@
                 }
             }
             return e;
-        }, ar.apply(null, arguments);
+        }, cr.apply(null, arguments);
     }
-    function lr(e, n) {
-        return fr(e) || dr(e, n) || sr(e, n) || ur();
+    function dr(e, n) {
+        return mr(e) || br(e, n) || vr(e, n) || fr();
     }
-    function ur() {
+    function fr() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function sr(e, n) {
+    function vr(e, n) {
         if (e) {
-            if ("string" == typeof e) return cr(e, n);
+            if ("string" == typeof e) return pr(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? cr(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? pr(e, n) : void 0;
         }
     }
-    function cr(e, n) {
+    function pr(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
         }
         return r;
     }
-    function dr(e, n) {
+    function br(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var r, o, i, a, l = [], u = !0, s = !1;
@@ -2220,12 +2243,12 @@
             return l;
         }
     }
-    function fr(e) {
+    function mr(e) {
         if (Array.isArray(e)) return e;
     }
-    function vr(e, n) {
+    function hr(e, n) {
         if (null == e) return {};
-        var t, r, o = pr(e, n);
+        var t, r, o = yr(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -2234,7 +2257,7 @@
         }
         return o;
     }
-    function pr(e, n) {
+    function yr(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -2247,19 +2270,19 @@
     }
     /** @public */
     /** @public */
-    /** @public */    var br = [ "clickAway", "contentClick", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-    var mr = {
+    /** @public */    var gr = [ "clickAway", "contentClick", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+    var wr = {
         align: i().oneOf([ "left", "center", "right" ]),
         buttonRef: i().oneOfType([ i().func, i().object ]),
         canCoverHead: i().bool,
         children: i().node.isRequired,
-        closeReasons: i().arrayOf(i().oneOf(br)),
+        closeReasons: i().arrayOf(i().oneOf(gr)),
         columnId: i().string,
         /** @private. */
         dragId: i().oneOfType([ i().string, i().number ]),
         elementRef: i().oneOfType([ i().func, i().object ]),
         headCellScreenReaderText: i().string,
-        focusToggleReasons: i().arrayOf(i().oneOf(br)),
+        focusToggleReasons: i().arrayOf(i().oneOf(gr)),
         /** @private The index of the cell, skipping the info column. */
         index: i().number,
         label: i().node,
@@ -2291,21 +2314,21 @@
         /** @private. */
         variant: i().oneOf([ "toggleAll", "info", "actions" ])
     };
-    var hr = [ "contentClick", "escapeKey", "toggleClick" ];
-    function yr(e) {
-        var n = e.align, o = n === void 0 ? "left" : n, i = e.buttonRef, a = e.canCoverHead, u = a === void 0 ? true : a, s = e.children, c = e.closeReasons, d = c === void 0 ? br : c, f = e.columnId, v = e.dragId, p = e.elementRef, b = e.headCellScreenReaderText, m = e.focusToggleReasons, h = m === void 0 ? hr : m, y = e.id, g = e.index, w = e.label, C = e.onAutosizeColumn, x = e.onKeyDown, S = e.onRequestClose, k = e.onRequestMoveColumn, O = e.onRequestOpen, E = e.onRequestResize, I = e.open, T = e.repositionMode, A = T === void 0 ? "flip" : T, _ = e.resizable, z = _ === void 0 ? true : _, M = e.retainFocus, $ = e.style, N = e.takeFocus, W = N === void 0 ? true : N, H = e.truncate, K = H === void 0 ? true : H, B = e.variant, V = e.visible, F = V === void 0 ? true : V, U = e.width, X = vr(e, [ "align", "buttonRef", "canCoverHead", "children", "closeReasons", "columnId", "dragId", "elementRef", "headCellScreenReaderText", "focusToggleReasons", "id", "index", "label", "onAutosizeColumn", "onKeyDown", "onRequestClose", "onRequestMoveColumn", "onRequestOpen", "onRequestResize", "open", "repositionMode", "resizable", "retainFocus", "style", "takeFocus", "truncate", "variant", "visible", "width" ]);
+    var Cr = [ "contentClick", "escapeKey", "toggleClick" ];
+    function xr(e) {
+        var n = e.align, o = n === void 0 ? "left" : n, i = e.buttonRef, a = e.canCoverHead, u = a === void 0 ? true : a, s = e.children, c = e.closeReasons, d = c === void 0 ? gr : c, f = e.columnId, v = e.dragId, p = e.elementRef, b = e.headCellScreenReaderText, m = e.focusToggleReasons, h = m === void 0 ? Cr : m, y = e.id, g = e.index, w = e.label, C = e.onAutosizeColumn, x = e.onKeyDown, S = e.onRequestClose, k = e.onRequestMoveColumn, O = e.onRequestOpen, E = e.onRequestResize, I = e.open, T = e.repositionMode, A = T === void 0 ? "flip" : T, _ = e.resizable, z = _ === void 0 ? true : _, M = e.retainFocus, $ = e.style, N = e.takeFocus, W = N === void 0 ? true : N, H = e.truncate, K = H === void 0 ? true : H, B = e.variant, V = e.visible, F = V === void 0 ? true : V, U = e.width, X = hr(e, [ "align", "buttonRef", "canCoverHead", "children", "closeReasons", "columnId", "dragId", "elementRef", "headCellScreenReaderText", "focusToggleReasons", "id", "index", "label", "onAutosizeColumn", "onKeyDown", "onRequestClose", "onRequestMoveColumn", "onRequestOpen", "onRequestResize", "open", "repositionMode", "resizable", "retainFocus", "style", "takeFocus", "truncate", "variant", "visible", "width" ]);
         // @docs-props-type HeadDropdownCellPropsBase
-                var Y = ir()({
+                var Y = sr()({
             componentName: "HeadDropdownCell",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0],
             // see SUI-7028
             valuePropName: "open"
         });
-        var G = (0, t.useState)(), J = lr(G, 2), Q = J[0], Z = J[1];
-        var ee = (0, t.useState)(null), ne = lr(ee, 2), te = ne[0], re = ne[1];
-        var oe = (0, t.useState)(null), ie = lr(oe, 2), ae = ie[0], le = ie[1];
-        var ue = (0, t.useState)(false), se = lr(ue, 2), ce = se[0], de = se[1];
+        var G = (0, t.useState)(), J = dr(G, 2), Q = J[0], Z = J[1];
+        var ee = (0, t.useState)(null), ne = dr(ee, 2), te = ne[0], re = ne[1];
+        var oe = (0, t.useState)(null), ie = dr(oe, 2), ae = ie[0], le = ie[1];
+        var ue = (0, t.useState)(false), se = dr(ue, 2), ce = se[0], de = se[1];
         var fe = (0, R.createDOMID)("popover");
         var ve = (0, R.createDOMID)("cellId");
         var pe = !!k;
@@ -2406,7 +2429,7 @@
             });
         }), [ Se ]);
         var De = (0, t.useMemo)((function() {
-            if (Q !== undefined && Zt()(Q)) {
+            if (Q !== undefined && rr()(Q)) {
                 var e;
                 return {
                     x: Q - ((e = te === null || te === void 0 ? void 0 : te.getBoundingClientRect().left) !== null && e !== void 0 ? e : 0)
@@ -2426,19 +2449,19 @@
             Ae = w;
         }
         
-        return r().createElement(gn, ar({
+        return r().createElement(Sn, cr({
             style: qe,
             "data-test": "head-cell",
             $isDragging: pe && ge,
             $variant: B,
             id: F ? xe : undefined,
             ref: ke
-        }, X),  r().createElement(yn, null, pe &&  r().createElement(wn, ar({
+        }, X),  r().createElement(xn, null, pe &&  r().createElement(kn, cr({
             "aria-label": (0, q.sprintf)((0, D._)("Reorder %(labelString)s"), {
                 labelString: Ae
             }),
             "data-test": "drag"
-        }, me, he),  r().createElement(je(), null)),  r().createElement(hn, {
+        }, me, he),  r().createElement(je(), null)),  r().createElement(Cn, {
             align: o,
             "aria-expanded": we,
             "aria-haspopup": true,
@@ -2458,7 +2481,7 @@
             truncate: K,
             width: U,
             "data-test": "inner"
-        }),  r().createElement(rr(), {
+        }),  r().createElement(lr(), {
             align: "center",
             anchor: te,
             "aria-labelledby": xe,
@@ -2472,7 +2495,7 @@
             repositionMode: A,
             retainFocus: M,
             takeFocus: W
-        }, nr()(s) ? function() {
+        }, ir()(s) ? function() {
             
             // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
             return r().createElement("div", {
@@ -2485,26 +2508,26 @@
             onClick: Te
         }, s))));
     }
-    yr.propTypes = mr;
-    yr.splunkUiType = "Table.HeadDropdownCell";
-    yr.possibleCloseReasons = br;
-    /* harmony default export */    const gr = yr;
+    xr.propTypes = wr;
+    xr.splunkUiType = "Table.HeadDropdownCell";
+    xr.possibleCloseReasons = gr;
+    /* harmony default export */    const Sr = xr;
     // CONCATENATED MODULE: ./src/Table/KeyboardSensor.ts
-    function wr(e) {
+    function kr(e) {
         "@babel/helpers - typeof";
-        return wr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return kr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, wr(e);
+        }, kr(e);
     }
-    function Cr(e, n) {
-        return kr(e) || Sr(e, n) || Er(e, n) || xr();
+    function Or(e, n) {
+        return Ir(e) || Er(e, n) || Dr(e, n) || Rr();
     }
-    function xr() {
+    function Rr() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function Sr(e, n) {
+    function Er(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var r, o, i, a, l = [], u = !0, s = !1;
@@ -2526,68 +2549,68 @@
             return l;
         }
     }
-    function kr(e) {
+    function Ir(e) {
         if (Array.isArray(e)) return e;
     }
-    function Or(e) {
-        return Tr(e) || Ir(e) || Er(e) || Rr();
+    function Tr(e) {
+        return Ar(e) || qr(e) || Dr(e) || jr();
     }
-    function Rr() {
+    function jr() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function Er(e, n) {
+    function Dr(e, n) {
         if (e) {
-            if ("string" == typeof e) return jr(e, n);
+            if ("string" == typeof e) return Pr(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? jr(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Pr(e, n) : void 0;
         }
     }
-    function Ir(e) {
+    function qr(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function Tr(e) {
-        if (Array.isArray(e)) return jr(e);
+    function Ar(e) {
+        if (Array.isArray(e)) return Pr(e);
     }
-    function jr(e, n) {
+    function Pr(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
         }
         return r;
     }
-    function Dr(e, n) {
+    function _r(e, n) {
         if (!(e instanceof n)) throw new TypeError("Cannot call a class as a function");
     }
-    function qr(e, n) {
+    function zr(e, n) {
         for (var t = 0; t < n.length; t++) {
             var r = n[t];
             r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-            Object.defineProperty(e, _r(r.key), r);
+            Object.defineProperty(e, Nr(r.key), r);
         }
     }
-    function Ar(e, n, t) {
-        return n && qr(e.prototype, n), t && qr(e, t), Object.defineProperty(e, "prototype", {
+    function Mr(e, n, t) {
+        return n && zr(e.prototype, n), t && zr(e, t), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function Pr(e, n, t) {
-        return (n = _r(n)) in e ? Object.defineProperty(e, n, {
+    function $r(e, n, t) {
+        return (n = Nr(n)) in e ? Object.defineProperty(e, n, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = t, e;
     }
-    function _r(e) {
-        var n = zr(e, "string");
-        return "symbol" == wr(n) ? n : n + "";
+    function Nr(e) {
+        var n = Wr(e, "string");
+        return "symbol" == kr(n) ? n : n + "";
     }
-    function zr(e, n) {
-        if ("object" != wr(e) || !e) return e;
+    function Wr(e, n) {
+        if ("object" != kr(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != wr(r)) return r;
+            if ("object" != kr(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
@@ -2595,21 +2618,21 @@
     // based on https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/sensors/keyboard/KeyboardSensor.ts
     // eslint-disable-next-line max-classes-per-file
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/sensors/utilities/Listeners.ts
-        var Mr =  function() {
+        var Lr =  function() {
         function e(n) {
             var t = this;
-            Dr(this, e);
-            Pr(this, "listeners", []);
-            Pr(this, "removeAll", (function() {
+            _r(this, e);
+            $r(this, "listeners", []);
+            $r(this, "removeAll", (function() {
                 t.listeners.forEach((function(e) {
                     var n;
-                    return (n = t.target) === null || n === void 0 ? void 0 : n.removeEventListener.apply(n, Or(e));
+                    return (n = t.target) === null || n === void 0 ? void 0 : n.removeEventListener.apply(n, Tr(e));
                 }));
             }));
             this.target = n;
             this.target = n;
         }
-        Ar(e, [ {
+        Mr(e, [ {
             key: "add",
             value: function e(n, t, r) {
                 var o;
@@ -2620,7 +2643,7 @@
         return e;
     }();
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/transform/parseTransform.ts
-        function $r(e) {
+        function Hr(e) {
         if (e.startsWith("matrix3d(")) {
             var n = e.slice(9, -1).split(/, /);
             return {
@@ -2642,8 +2665,8 @@
         return null;
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/transform/inverseTransform.ts
-        function Nr(e, n, t) {
-        var r = $r(n);
+        function Kr(e, n, t) {
+        var r = Hr(n);
         if (!r) {
             return e;
         }
@@ -2661,17 +2684,17 @@
             left: u
         };
     }
-    var Wr = {
+    var Br = {
         ignoreTransform: false
     };
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/rect/getRect.ts
-        function Lr(e) {
-        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Wr;
+        function Vr(e) {
+        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Br;
         var t = e.getBoundingClientRect();
         if (n.ignoreTransform) {
-            var r = (0, In.getWindow)(e).getComputedStyle(e), o = r.transform, i = r.transformOrigin;
+            var r = (0, qn.getWindow)(e).getComputedStyle(e), o = r.transform, i = r.transformOrigin;
             if (o) {
-                t = Nr(t, o, i);
+                t = Kr(t, o, i);
             }
         }
         var a = t, l = a.top, u = a.left, s = a.width, c = a.height, d = a.bottom, f = a.right;
@@ -2684,7 +2707,7 @@
             right: f
         };
     }
-    function Hr(e) {
+    function Fr(e) {
         if (e === document.scrollingElement) {
             var n = window, t = n.innerWidth, r = n.innerHeight;
             return {
@@ -2707,19 +2730,19 @@
         };
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/documentScrollingElement.ts
-        function Kr(e) {
-        if (!In.canUseDOM || !e) {
+        function Ur(e) {
+        if (!qn.canUseDOM || !e) {
             return false;
         }
         return e === document.scrollingElement;
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/getScrollPosition.ts
-        function Br(e) {
+        function Xr(e) {
         var n = {
             x: 0,
             y: 0
         };
-        var t = Kr(e) ? {
+        var t = Ur(e) ? {
             height: window.innerHeight,
             width: window.innerWidth
         } : {
@@ -2744,20 +2767,20 @@
         };
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/coordinates/constants.ts
-        var Vr = {
+        var Yr = {
         x: 0,
         y: 0
     };
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/isFixed.ts
-        function Fr(e) {
+        function Gr(e) {
         var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, 
-        In.getWindow)(e).getComputedStyle(e);
+        qn.getWindow)(e).getComputedStyle(e);
         return n.position === "fixed";
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/isScrollable.ts
-        function Ur(e) {
+        function Jr(e) {
         var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, 
-        In.getWindow)(e).getComputedStyle(e);
+        qn.getWindow)(e).getComputedStyle(e);
         var t = /(auto|scroll|overlay)/;
         var r = [ "overflow", "overflowX", "overflowY" ];
         return r.some((function(e) {
@@ -2766,7 +2789,7 @@
         }));
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/getScrollableAncestors.ts
-        function Xr(e, n) {
+        function Qr(e, n) {
         var t = [];
         function r(o) {
             if (n != null && t.length >= n) {
@@ -2775,23 +2798,23 @@
             if (!o) {
                 return t;
             }
-            if ((0, In.isDocument)(o) && o.scrollingElement != null && !t.includes(o.scrollingElement)) {
+            if ((0, qn.isDocument)(o) && o.scrollingElement != null && !t.includes(o.scrollingElement)) {
                 t.push(o.scrollingElement);
                 return t;
             }
-            if (!(0, In.isHTMLElement)(o) || (0, In.isSVGElement)(o)) {
+            if (!(0, qn.isHTMLElement)(o) || (0, qn.isSVGElement)(o)) {
                 return t;
             }
             if (t.includes(o)) {
                 return t;
             }
-            var i = (0, In.getWindow)(e).getComputedStyle(o);
+            var i = (0, qn.getWindow)(e).getComputedStyle(o);
             if (o !== e) {
-                if (Ur(o, i)) {
+                if (Jr(o, i)) {
                     t.push(o);
                 }
             }
-            if (Fr(o, i)) {
+            if (Gr(o, i)) {
                 return t;
             }
             return r(o.parentNode);
@@ -2802,23 +2825,23 @@
         return r(e);
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/getScrollableAncestors.ts
-        function Yr(e) {
-        var n = Xr(e, 1), t = Cr(n, 1), r = t[0];
+        function Zr(e) {
+        var n = Qr(e, 1), t = Or(n, 1), r = t[0];
         return r !== null && r !== void 0 ? r : null;
     }
-    var Gr = {
+    var eo = {
         start: [ a.KeyboardCode.Space, a.KeyboardCode.Enter ],
         cancel: [ a.KeyboardCode.Esc ],
         end: [ a.KeyboardCode.Space, a.KeyboardCode.Enter ]
     };
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/scrollIntoViewIfNeeded.ts
-        function Jr(e) {
-        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Lr;
+        function no(e) {
+        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Vr;
         if (!e) {
             return;
         }
         var t = n(e), r = t.top, o = t.left, i = t.bottom, a = t.right;
-        var l = Yr(e);
+        var l = Zr(e);
         if (!l) {
             return;
         }
@@ -2829,23 +2852,23 @@
             });
         }
     }
-    var Qr =  function() {
+    var to =  function() {
         function e(n) {
-            Dr(this, e);
-            Pr(this, "autoScrollEnabled", false);
-            Pr(this, "referenceCoordinates", void 0);
-            Pr(this, "listeners", void 0);
-            Pr(this, "windowListeners", void 0);
+            _r(this, e);
+            $r(this, "autoScrollEnabled", false);
+            $r(this, "referenceCoordinates", void 0);
+            $r(this, "listeners", void 0);
+            $r(this, "windowListeners", void 0);
             this.props = n;
             var t = n.event.target;
             this.props = n;
-            this.listeners = new Mr((0, In.getOwnerDocument)(t));
-            this.windowListeners = new Mr((0, In.getWindow)(t));
+            this.listeners = new Lr((0, qn.getOwnerDocument)(t));
+            this.windowListeners = new Lr((0, qn.getWindow)(t));
             this.handleKeyDown = this.handleKeyDown.bind(this);
             this.handleCancel = this.handleCancel.bind(this);
             this.attach();
         }
-        Ar(e, [ {
+        Mr(e, [ {
             key: "attach",
             value: function e() {
                 var n = this;
@@ -2862,16 +2885,16 @@
                 var n = this.props, t = n.activeNode, r = n.onStart;
                 var o = t.node.current;
                 if (o) {
-                    Jr(o);
+                    no(o);
                 }
-                r(Vr);
+                r(Yr);
             }
         }, {
             key: "handleKeyDown",
             value: function e(n) {
-                if ((0, In.isKeyboardEvent)(n)) {
+                if ((0, qn.isKeyboardEvent)(n)) {
                     var t = this.props, r = t.active, o = t.context, i = t.options;
-                    var l = i.keyboardCodes, u = l === void 0 ? Gr : l, s = i.coordinateGetter, c = i.scrollBehavior, d = c === void 0 ? "smooth" : c;
+                    var l = i.keyboardCodes, u = l === void 0 ? eo : l, s = i.coordinateGetter, c = i.scrollBehavior, d = c === void 0 ? "smooth" : c;
                     var f = n.code;
                     if (u.end.includes(f)) {
                         this.handleEnd(n);
@@ -2885,7 +2908,7 @@
                     var p = v ? {
                         x: v.left,
                         y: v.top
-                    } : Vr;
+                    } : Yr;
                     if (!this.referenceCoordinates) {
                         this.referenceCoordinates = p;
                     }
@@ -2895,7 +2918,7 @@
                         currentCoordinates: p
                     });
                     if (b) {
-                        var m = (0, In.subtract)(b, p);
+                        var m = (0, qn.subtract)(b, p);
                         var h = {
                             x: 0,
                             y: 0
@@ -2904,8 +2927,8 @@
                         for (var g = 0; g < y.length; g += 1) {
                             var w = y[g];
                             var C = n.code;
-                            var x = Br(w), S = x.isTop, k = x.isRight, O = x.isLeft, R = x.isBottom, E = x.maxScroll, I = x.minScroll;
-                            var T = Hr(w);
+                            var x = Xr(w), S = x.isTop, k = x.isRight, O = x.isLeft, R = x.isBottom, E = x.maxScroll, I = x.minScroll;
+                            var T = Fr(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
@@ -2963,7 +2986,7 @@
                                 break;
                             }
                         }
-                        this.handleMove(n, (0, In.add)((0, In.subtract)(b, this.referenceCoordinates), h));
+                        this.handleMove(n, (0, qn.add)((0, qn.subtract)(b, this.referenceCoordinates), h));
                     }
                 }
             }
@@ -2999,10 +3022,10 @@
         } ]);
         return e;
     }();
-    Pr(Qr, "activators", [ {
+    $r(to, "activators", [ {
         eventName: "onKeyDown",
         handler: function e(n, t, r) {
-            var o = t.keyboardCodes, i = o === void 0 ? Gr : o, a = t.onActivation;
+            var o = t.keyboardCodes, i = o === void 0 ? eo : o, a = t.onActivation;
             var l = r.active;
             var u = n.nativeEvent.code;
             if (i.start.includes(u)) {
@@ -3020,24 +3043,24 @@
         }
     } ]);
     // CONCATENATED MODULE: external "lodash/extend"
-    const Zr = require("lodash/extend");
-    var eo =  e.n(Zr);
+    const ro = require("lodash/extend");
+    var oo =  e.n(ro);
     // CONCATENATED MODULE: ./src/Table/HeadTableStyles.ts
-    var no = $()(te).withConfig({
+    var io = $()(te).withConfig({
         displayName: "HeadTableStyles__Styled",
         componentId: "g85wgf-0"
     })([ "min-width:0;table-layout:fixed;" ]);
-    var to = $().div.withConfig({
+    var ao = $().div.withConfig({
         displayName: "HeadTableStyles__StyledDockedContainer",
         componentId: "g85wgf-1"
     })([ "overflow:hidden;position:fixed;z-index:", ";@media print{display:none;}" ], N.variables.zindexFixedNavbar);
-    var ro = $()(to).withConfig({
+    var lo = $()(ao).withConfig({
         displayName: "HeadTableStyles__StyledFixedContainer",
         componentId: "g85wgf-2"
     })([ "position:absolute;box-shadow:none;z-index:1;" ]);
     // CONCATENATED MODULE: ./src/Table/HeadTable.tsx
-    function oo() {
-        return oo = Object.assign ? Object.assign.bind() : function(e) {
+    function uo() {
+        return uo = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -3045,11 +3068,11 @@
                 }
             }
             return e;
-        }, oo.apply(null, arguments);
+        }, uo.apply(null, arguments);
     }
-    function io(e, n) {
+    function so(e, n) {
         if (null == e) return {};
-        var t, r, o = ao(e, n);
+        var t, r, o = co(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -3058,7 +3081,7 @@
         }
         return o;
     }
-    function ao(e, n) {
+    function co(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -3069,7 +3092,7 @@
         }
         return t;
     }
-    var lo = {
+    var fo = {
         cellWidths: i().arrayOf(i().number).isRequired,
         dragIndex: i().number,
         elementRef: i().oneOfType([ i().func, i().object ]),
@@ -3090,10 +3113,10 @@
  * @private
  * HeadTable is an internal component that provides a detached table head that can
  * then be positioned in different ways outside of the main table.
- */    function uo(e) {
-        var n = e.cellWidths, o = e.elementRef, i = e.hasDragColumn, a = e.hasRowExpansion, l = e.hasRowSelection, u = e.headType, s = e.horizontalOffset, c = s === void 0 ? 0 : s, d = e.isFixedColumn, f = e.tableStyle, v = e.tableWidth, p = e.tHead, b = e.top, m = e.width, h = io(e, [ "cellWidths", "elementRef", "hasDragColumn", "hasRowExpansion", "hasRowSelection", "headType", "horizontalOffset", "isFixedColumn", "tableStyle", "tableWidth", "tHead", "top", "width" ]);
+ */    function vo(e) {
+        var n = e.cellWidths, o = e.elementRef, i = e.hasDragColumn, a = e.hasRowExpansion, l = e.hasRowSelection, u = e.headType, s = e.horizontalOffset, c = s === void 0 ? 0 : s, d = e.isFixedColumn, f = e.tableStyle, v = e.tableWidth, p = e.tHead, b = e.top, m = e.width, h = so(e, [ "cellWidths", "elementRef", "hasDragColumn", "hasRowExpansion", "hasRowSelection", "headType", "horizontalOffset", "isFixedColumn", "tableStyle", "tableWidth", "tHead", "top", "width" ]);
         var y = u === "docked";
-        var w = y ? to : ro;
+        var w = y ? ao : lo;
         var C = (0, t.useRef)(null);
         var x = (0, t.useCallback)((function(e) {
             L(C, e);
@@ -3120,7 +3143,7 @@
             return k.filter(t.isValidElement).map((function(e, r) {
                 
                 return (0, t.cloneElement)(e, {
-                    style: eo()({}, e.props.style, {
+                    style: oo()({}, e.props.style, {
                         width: n[r + S]
                     })
                 });
@@ -3140,27 +3163,27 @@
         return r().createElement(w, {
             style: E,
             ref: o
-        },  r().createElement(no, oo({
+        },  r().createElement(io, uo({
             "data-test": "".concat(u, "-head-table"),
             "data-fixed-column": d ? "true" : undefined,
-            style: eo()({}, f, {
+            style: oo()({}, f, {
                 marginLeft: c,
                 width: d ? undefined : v
             })
         }, g()(h, "dragIndex")), R));
     }
-    uo.propTypes = lo;
-    /* harmony default export */    const so = uo;
+    vo.propTypes = fo;
+    /* harmony default export */    const po = vo;
     // CONCATENATED MODULE: ./src/utils/getBoundingClientRect.ts
-    function co(e) {
+    function bo(e) {
         "@babel/helpers - typeof";
-        return co = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return bo = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, co(e);
+        }, bo(e);
     }
-    function fo(e, n) {
+    function mo(e, n) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var r = Object.getOwnPropertySymbols(e);
@@ -3170,46 +3193,46 @@
         }
         return t;
     }
-    function vo(e) {
+    function ho(e) {
         for (var n = 1; n < arguments.length; n++) {
             var t = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? fo(Object(t), !0).forEach((function(n) {
-                po(e, n, t[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : fo(Object(t)).forEach((function(n) {
+            n % 2 ? mo(Object(t), !0).forEach((function(n) {
+                yo(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : mo(Object(t)).forEach((function(n) {
                 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
             }));
         }
         return e;
     }
-    function po(e, n, t) {
-        return (n = bo(n)) in e ? Object.defineProperty(e, n, {
+    function yo(e, n, t) {
+        return (n = go(n)) in e ? Object.defineProperty(e, n, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = t, e;
     }
-    function bo(e) {
-        var n = mo(e, "string");
-        return "symbol" == co(n) ? n : n + "";
+    function go(e) {
+        var n = wo(e, "string");
+        return "symbol" == bo(n) ? n : n + "";
     }
-    function mo(e, n) {
-        if ("object" != co(e) || !e) return e;
+    function wo(e, n) {
+        if ("object" != bo(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != co(r)) return r;
+            if ("object" != bo(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
     // Checks if browser is Safari
-        function ho() {
+        function Co() {
         return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
     }
     // Formats return value to DOMRect
-        function yo(e) {
-        return vo(vo({}, e), {}, {
+        function xo(e) {
+        return ho(ho({}, e), {}, {
             top: e.y,
             left: e.x,
             right: e.x + e.width,
@@ -3223,18 +3246,18 @@
  * @param {boolean} offsets - Use when position of element relative to the layout viewport offsets are needed for Safari.
  * @returns {Omit<DOMRect, 'toJSON'>}
  * @public
- */    function go(e, n) {
+ */    function So(e, n) {
         var t, r;
         var o = e.getBoundingClientRect();
-        var i = ho();
+        var i = Co();
         if (!n || !i) {
             return o;
         }
-        var a = Je();
+        var a = Ze();
         var l = o.left + (((t = a.visualViewport) === null || t === void 0 ? void 0 : t.offsetLeft) || 0);
         var u = o.top + (((r = a.visualViewport) === null || r === void 0 ? void 0 : r.offsetTop) || 0);
         var s = o.width, c = o.height;
-        return yo({
+        return xo({
             width: s,
             height: c,
             x: l,
@@ -3251,14 +3274,14 @@
     // erroneously included in react-ui's public api.
     // see https://github.com/microsoft/TypeScript/pull/12253
     // see https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html
-    function wo(e, n) {
+    function ko(e, n) {
         if (e === undefined || e === null) {
             throw new Error(n !== null && n !== void 0 ? n : "Unexpected undefined or null");
         }
     }
     // CONCATENATED MODULE: ./src/Table/Table.tsx
-    function Co() {
-        return Co = Object.assign ? Object.assign.bind() : function(e) {
+    function Oo() {
+        return Oo = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -3266,41 +3289,41 @@
                 }
             }
             return e;
-        }, Co.apply(null, arguments);
+        }, Oo.apply(null, arguments);
     }
-    function xo(e) {
-        return Oo(e) || ko(e) || Io(e) || So();
+    function Ro(e) {
+        return To(e) || Io(e) || qo(e) || Eo();
     }
-    function So() {
+    function Eo() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function ko(e) {
+    function Io(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function Oo(e) {
-        if (Array.isArray(e)) return To(e);
+    function To(e) {
+        if (Array.isArray(e)) return Ao(e);
     }
-    function Ro(e, n) {
-        return Do(e) || jo(e, n) || Io(e, n) || Eo();
+    function jo(e, n) {
+        return _o(e) || Po(e, n) || qo(e, n) || Do();
     }
-    function Eo() {
+    function Do() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function Io(e, n) {
+    function qo(e, n) {
         if (e) {
-            if ("string" == typeof e) return To(e, n);
+            if ("string" == typeof e) return Ao(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? To(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Ao(e, n) : void 0;
         }
     }
-    function To(e, n) {
+    function Ao(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
         }
         return r;
     }
-    function jo(e, n) {
+    function Po(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var r, o, i, a, l = [], u = !0, s = !1;
@@ -3322,12 +3345,12 @@
             return l;
         }
     }
-    function Do(e) {
+    function _o(e) {
         if (Array.isArray(e)) return e;
     }
-    function qo(e, n) {
+    function zo(e, n) {
         if (null == e) return {};
-        var t, r, o = Ao(e, n);
+        var t, r, o = Mo(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -3336,7 +3359,7 @@
         }
         return o;
     }
-    function Ao(e, n) {
+    function Mo(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -3351,7 +3374,7 @@
     // Internal Helper Modules
     /** @public */
     /** @public */
-    /** @public */    var Po = {
+    /** @public */    var $o = {
         actions: i().arrayOf(i().element),
         actionsColumnWidth: i().number,
         children: i().node,
@@ -3373,24 +3396,24 @@
         onRequestResizeColumn: i().func,
         resizableFillLayout: i().bool
     };
-    var _o = function e(n) {
+    var No = function e(n) {
         return n === "inline";
     };
-    var zo = function e(n) {
+    var Wo = function e(n) {
         return n === "docked";
     };
-    var Mo = function e(n) {
+    var Lo = function e(n) {
         return n === "fixed";
     };
-    var $o = function e(n) {
-        var t = Je();
-        var r = go(n);
+    var Ho = function e(n) {
+        var t = Ze();
+        var r = So(n);
         return {
             top: r.top + t.pageYOffset,
             left: r.left + t.pageXOffset
         };
     };
-    var No = function e(n) {
+    var Ko = function e(n) {
         var t = Ye();
         if (n === undefined || n === null) {
             return undefined;
@@ -3413,19 +3436,19 @@
         }
         return undefined;
     };
-    var Wo = function e(n, t) {
+    var Bo = function e(n, t) {
         return n.indexOf(t) + 1;
     };
-    var Lo = function e(n, t) {
+    var Vo = function e(n, t) {
         return n.indexOf(t) + 1;
     };
-    var Ho = {
+    var Fo = {
         coordinateGetter: l.sortableKeyboardCoordinates
     };
-    var Ko = {
+    var Uo = {
         draggable: (0, D._)("To pick up a sortable row, press space or enter.\n            Use the up and down arrow keys to update the position of the row.\n            Press space or enter again to drop the row in its new position, or press escape to cancel.")
     };
-    var Bo = {
+    var Xo = {
         draggable: (0, D._)("To pick up a sortable column, press space or enter.\n            Use the left and right arrow keys to update the position of the column.\n            Press space or enter again to drop the column in its new position, or press escape to cancel.")
     };
     /**
@@ -3437,7 +3460,7 @@
  * @param {String} headFocusState.target - Focus can be applied to a 'headCell' or a
  * 'resizeButton'.
  * @param {Number} headFocusState.index - The index of the element to set focus on.
- */    function Vo(e, n) {
+ */    function Yo(e, n) {
         var t, r;
         var o = n.target, i = n.index;
         if (false) {}
@@ -3450,28 +3473,28 @@
         if (false) {}
         (t = a) === null || t === void 0 ? void 0 : (r = t.focus) === null || r === void 0 ? void 0 : r.call(t);
     }
-    var Fo = {
+    var Go = {
         passive: false,
         capture: true
     };
-    var Uo = [];
-    function Xo(e) {
-        var n = e.actions, o = n === void 0 ? Uo : n, i = e.actionsColumnWidth, s = e.children, d = e.dockOffset, v = d === void 0 ? 0 : d, p = e.dockScrollBar, b = e.elementRef, h = e.headType, y = h === void 0 ? "inline" : h, w = e.innerStyle, x = e.onRequestMoveColumn, k = e.onRequestMoveRow, T = e.onRequestResizeColumn, A = e.onRequestToggleAllRows, P = e.onScroll, _ = e.outerStyle, z = e.primaryColumnIndex, M = z === void 0 ? 0 : z, $ = e.resizableFillLayout, N = e.rowExpansion, W = N === void 0 ? "none" : N, H = e.rowSelection, K = H === void 0 ? "none" : H, B = e.stripeRows, V = e.tableStyle, F = qo(e, [ "actions", "actionsColumnWidth", "children", "dockOffset", "dockScrollBar", "elementRef", "headType", "innerStyle", "onRequestMoveColumn", "onRequestMoveRow", "onRequestResizeColumn", "onRequestToggleAllRows", "onScroll", "outerStyle", "primaryColumnIndex", "resizableFillLayout", "rowExpansion", "rowSelection", "stripeRows", "tableStyle" ]);
+    var Jo = [];
+    function Qo(e) {
+        var n = e.actions, o = n === void 0 ? Jo : n, i = e.actionsColumnWidth, s = e.children, d = e.dockOffset, v = d === void 0 ? 0 : d, p = e.dockScrollBar, b = e.elementRef, h = e.headType, y = h === void 0 ? "inline" : h, w = e.innerStyle, x = e.onRequestMoveColumn, k = e.onRequestMoveRow, T = e.onRequestResizeColumn, A = e.onRequestToggleAllRows, P = e.onScroll, _ = e.outerStyle, z = e.primaryColumnIndex, M = z === void 0 ? 0 : z, $ = e.resizableFillLayout, N = e.rowExpansion, W = N === void 0 ? "none" : N, H = e.rowSelection, K = H === void 0 ? "none" : H, B = e.stripeRows, V = e.tableStyle, F = zo(e, [ "actions", "actionsColumnWidth", "children", "dockOffset", "dockScrollBar", "elementRef", "headType", "innerStyle", "onRequestMoveColumn", "onRequestMoveRow", "onRequestResizeColumn", "onRequestToggleAllRows", "onScroll", "outerStyle", "primaryColumnIndex", "resizableFillLayout", "rowExpansion", "rowSelection", "stripeRows", "tableStyle" ]);
  // @docs-props-type TablePropsBase
-                var U = (0, t.useState)([]), X = Ro(U, 2), Y = X[0], G = X[1];
-        var J = (0, t.useState)(), Q = Ro(J, 2), Z = Q[0], ie = Q[1];
-        var ue = (0, t.useState)(), se = Ro(ue, 2), ce = se[0], de = se[1];
-        var fe = (0, t.useState)(), ve = Ro(fe, 2), pe = ve[0], be = ve[1];
-        var me = (0, t.useState)(), he = Ro(me, 2), ye = he[0], ge = he[1];
+                var U = (0, t.useState)([]), X = jo(U, 2), Y = X[0], G = X[1];
+        var J = (0, t.useState)(), Q = jo(J, 2), Z = Q[0], ie = Q[1];
+        var ue = (0, t.useState)(), se = jo(ue, 2), ce = se[0], de = se[1];
+        var fe = (0, t.useState)(), ve = jo(fe, 2), pe = ve[0], be = ve[1];
+        var me = (0, t.useState)(), he = jo(me, 2), ye = he[0], ge = he[1];
         var we = (0, t.useRef)(true);
         var Ce = (0, t.useContext)(I.ScrollContainerContext);
         var xe = (0, a.useSensors)((0, a.useSensor)(a.MouseSensor, {}), (0, a.useSensor)(a.TouchSensor, {}), (0, 
-        a.useSensor)(Qr, Ho));
-        var Se = (0, t.useState)([]), ke = Ro(Se, 2), Oe = ke[0], Re = ke[1];
-        var Ee = (0, t.useState)(-1), Ie = Ro(Ee, 2), Te = Ie[0], je = Ie[1];
+        a.useSensor)(to, Fo));
+        var Se = (0, t.useState)([]), ke = jo(Se, 2), Oe = ke[0], Re = ke[1];
+        var Ee = (0, t.useState)(-1), Ie = jo(Ee, 2), Te = Ie[0], je = Ie[1];
         var De = (0, t.useRef)();
         var qe = (0, t.useRef)();
-        var Ae = (0, t.useState)(), Pe = Ro(Ae, 2), _e = Pe[0], ze = Pe[1];
+        var Ae = (0, t.useState)(), Pe = jo(Ae, 2), _e = Pe[0], ze = Pe[1];
         var Me = (0, t.useRef)(null);
         var $e = (0, t.useRef)(null);
         var Ne = (0, t.useRef)();
@@ -3486,8 +3509,8 @@
         var Xe = [];
         var Ge = (0, t.useCallback)((function() {
             var e;
-            var n = Je();
-            if (_o(y)) {
+            var n = Ze();
+            if (No(y)) {
                 return;
             }
             var t = Ke.current;
@@ -3496,9 +3519,9 @@
             if (!o || !r) {
                 return;
             }
-            var i = Yt($e.current);
+            var i = Zt($e.current);
             var a = (e = $e.current) === null || e === void 0 ? void 0 : e.clientHeight;
-            var l = $o(o).top - n.pageYOffset - (a || 0) + o.offsetHeight;
+            var l = Ho(o).top - n.pageYOffset - (a || 0) + o.offsetHeight;
             var u = Math.min(l, Number(v));
             ge(t === null || t === void 0 ? void 0 : t.clientWidth);
             de(o === null || o === void 0 ? void 0 : o.clientWidth);
@@ -3509,7 +3532,7 @@
             var e = $e.current;
             var n = We.current;
             if (e && n) {
-                var t = Yt($e.current);
+                var t = Zt($e.current);
                 if (!m()(Y, t)) {
                     Ge();
                 }
@@ -3519,10 +3542,10 @@
             }
             if (false) {}
         }), [ Y, y, Be, e, Ge ]);
-        var Qe = (0, t.useCallback)((function(e) {
+        var Je = (0, t.useCallback)((function(e) {
             var n = Ke.current;
             P === null || P === void 0 ? void 0 : P(e);
-            if ((Mo(y) || zo(y)) && n) {
+            if ((Lo(y) || Wo(y)) && n) {
                 ie(-n.scrollLeft);
             }
             if (Me.current && Le.current !== "dockedScrollBar" && n) {
@@ -3532,7 +3555,7 @@
                 Le.current = undefined;
             }
         }), [ y, P ]);
-        var Ze = function e() {
+        var Qe = function e() {
             var n = Ke.current;
             if (Le.current !== "container" && n && Me.current) {
                 Le.current = "dockedScrollBar";
@@ -3561,14 +3584,14 @@
             if (n) {
                 // On mount, focus the applicable docked head cell if a primary head cell was focused.
                 if (Ne.current) {
-                    Vo(We.current, Ne.current);
+                    Yo(We.current, Ne.current);
                     Ne.current = undefined;
                 }
             } else {
                 // On unmount, focus the applicable primary head cell if a docked head cell was focused.
-                var t = No(We.current);
+                var t = Ko(We.current);
                 if (t) {
-                    Vo($e.current, t);
+                    Yo($e.current, t);
                 }
             }
             We.current = n;
@@ -3771,20 +3794,20 @@
         };
         var hn = function e() {
             var n = Ke.current;
-            var t = Je();
-            if (!zo(y) || !He.current || !$e.current || !n) {
+            var t = Ze();
+            if (!Wo(y) || !He.current || !$e.current || !n) {
                 return false;
             }
-            var r = $o(n).top;
+            var r = Ho(n).top;
             return t.pageYOffset >= r - (v || 0);
         };
         var yn = function e() {
-            var n = Je();
+            var n = Ze();
             var t = Ke.current;
             if (!p || !He.current || !t) {
                 return false;
             }
-            var r = go(t);
+            var r = So(t);
             return r.bottom > n.innerHeight && r.top < n.innerHeight;
         };
         var gn = function e(n, o) {
@@ -3792,13 +3815,13 @@
                 // FIXME: handle inline
                 // Save the current head focus state so that it can be applied to the docked version
                 // after the `HeadTable` mounts.
-                Ne.current = No($e.current);
+                Ne.current = Ko($e.current);
                 if (Y === undefined || ce === undefined || pe === undefined || ye === undefined) {
                     return false;
                 }
                 var i =  (0, t.cloneElement)(n);
                 
-                return r().createElement(so, {
+                return r().createElement(po, {
                     headType: "docked",
                     tHead: i,
                     cellWidths: Y,
@@ -3822,8 +3845,8 @@
             if (!Me.current || !$e.current || !He.current) {
                 return 0;
             }
-            var r = Je();
-            var o = (e = go(He.current).top) !== null && e !== void 0 ? e : 0;
+            var r = Ze();
+            var o = (e = So(He.current).top) !== null && e !== void 0 ? e : 0;
             var i = (n = (t = $e.current) === null || t === void 0 ? void 0 : t.offsetHeight) !== null && n !== void 0 ? n : 0;
             var a = r.innerHeight - o - i;
             return Math.min(a - Me.current.offsetHeight, 0);
@@ -3846,7 +3869,7 @@
             
             return r().createElement(re, {
                 style: Cn,
-                onScroll: Ze,
+                onScroll: Qe,
                 "data-test": "docked-scroll-bar",
                 ref: Me
             },  r().createElement(oe, {
@@ -3861,7 +3884,7 @@
      * there is slightly less space for the table than tableContainer's width,
      * because there is a 1 px border added to every column but the first
      */            if (n) {
-                var r = Yt($e.current);
+                var r = Zt($e.current);
                 var o = r === null || r === void 0 ? void 0 : r.length;
                 var i = t === null || t === void 0 ? void 0 : t.clientWidth;
                 if (i != null) {
@@ -3895,7 +3918,7 @@
                 En = e;
             }
         }));
-        wo(On, "A Table.Head is required.");
+        ko(On, "A Table.Head is required.");
         var Tn = gn(On, In);
         // When a `headTable` is used, suppress focus interactions in the primary `Head`. Focus
         // interactions will be handled by the overlaid `headTable` instead.
@@ -3907,8 +3930,8 @@
             });
         }));
         On =  (0, t.cloneElement)(On, {}, jn);
-        var Dn = Ce || Je();
-        var qn = Mo(y) ? Ke.current : Dn;
+        var Dn = Ce || Ze();
+        var qn = Lo(y) ? Ke.current : Dn;
         if ($) {
             In = false;
         }
@@ -3943,7 +3966,7 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Wo(Fe, t);
+                    var r = Bo(Fe, t);
                     return typeof r === "number" ? (0, q.sprintf)((0, D._)("Picked up sortable row in position %(pos)d of %(total)d."), {
                         pos: r,
                         total: Fe.length
@@ -3958,8 +3981,8 @@
                     if (!t.id || !(r === null || r === void 0 ? void 0 : r.id)) {
                         return undefined;
                     }
-                    var o = Wo(Fe, t.id);
-                    var i = Wo(Fe, r.id);
+                    var o = Bo(Fe, t.id);
+                    var i = Bo(Fe, r.id);
                     return (0, q.sprintf)((0, D._)("Row moved from position %(from)d to position %(to)d of %(total)d."), {
                         from: o,
                         to: i,
@@ -3971,7 +3994,7 @@
                     if (!(t === null || t === void 0 ? void 0 : t.id)) {
                         return undefined;
                     }
-                    var r = Wo(Fe, t.id);
+                    var r = Bo(Fe, t.id);
                     return typeof r === "number" ? (0, q.sprintf)((0, D._)("Row dropped at position %(pos)d of %(total)d."), {
                         pos: r,
                         total: Fe.length
@@ -3982,7 +4005,7 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Wo(Fe, t);
+                    var r = Bo(Fe, t);
                     return typeof r === "number" ? (0, q.sprintf)((0, D._)("Row returned to its starting position of %(pos)d."), {
                         pos: r
                     }) : undefined;
@@ -4012,7 +4035,7 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Lo(Xe, t);
+                    var r = Vo(Xe, t);
                     return typeof r === "number" ? (0, q.sprintf)((0, D._)("Picked up sortable column in position %(pos)d of %(total)d."), {
                         pos: r,
                         total: Xe.length
@@ -4027,8 +4050,8 @@
                     if (!t.id || !(r === null || r === void 0 ? void 0 : r.id)) {
                         return undefined;
                     }
-                    var o = Lo(Xe, t.id);
-                    var i = Lo(Xe, r.id);
+                    var o = Vo(Xe, t.id);
+                    var i = Vo(Xe, r.id);
                     if (typeof o !== "number" || typeof i !== "number") return undefined;
                     return (0, q.sprintf)((0, D._)("Column moved from position %(from)d to position %(to)d of %(total)d."), {
                         from: o,
@@ -4041,7 +4064,7 @@
                     if (!(t === null || t === void 0 ? void 0 : t.id)) {
                         return undefined;
                     }
-                    var r = Lo(Xe, t.id);
+                    var r = Vo(Xe, t.id);
                     return typeof r === "number" ? (0, q.sprintf)((0, D._)("Column dropped at position %(pos)d of %(total)d."), {
                         pos: r,
                         total: Xe.length
@@ -4052,7 +4075,7 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Lo(Xe, t);
+                    var r = Vo(Xe, t);
                     return typeof r === "number" ? (0, q.sprintf)((0, D._)("Column returned to its starting position of %(pos)d."), {
                         pos: r
                     }) : undefined;
@@ -4061,7 +4084,7 @@
         }), [ Xe, x ]);
         var Mn = (0, t.useMemo)((function() {
             return {
-                screenReaderInstructions: k ? Ko : Bo,
+                screenReaderInstructions: k ? Uo : Xo,
                 announcements: k ? _n : zn
             };
         }), [ _n, zn, k ]);
@@ -4108,23 +4131,23 @@
             };
         }), []);
         var Kn = _e ? vn.current[_e] : null;
-        var Bn = Kn ? go(Kn).width : undefined;
-        var Vn = Ke.current ? go(Ke.current).height : undefined;
+        var Bn = Kn ? So(Kn).width : undefined;
+        var Vn = Ke.current ? So(Ke.current).height : undefined;
         
-        return r().createElement(ee, Co({
+        return r().createElement(ee, Oo({
             "data-test": "table",
             ref: b,
             style: _,
             "data-test-row-selection": A ? K : undefined
-        }, g()(F, [].concat(xo(Object.keys(Po)), [ "style" ]))),  r().createElement(S(), {
-            target: Je(),
+        }, g()(F, [].concat(Ro(Object.keys($o)), [ "style" ]))),  r().createElement(S(), {
+            target: Ze(),
             eventType: "scroll",
             listener: en,
-            options: Fo
-        }),  r().createElement(_t.Provider, {
+            options: Go
+        }),  r().createElement(Nt.Provider, {
             value: Pn
         }, Tn,  r().createElement(ne, {
-            onScroll: Qe,
+            onScroll: Je,
             ref: Ke,
             style: w,
             $dragging: !!_e
@@ -4156,15 +4179,15 @@
             $height: Vn
         })), _e && bn))), Sn()));
     }
-    Xo.propTypes = Po;
-    Xo.Body = Z;
-    Xo.Caption = ve;
-    Xo.Cell = ke;
-    Xo.Head = Jt;
-    Xo.HeadCell = En;
-    Xo.HeadDropdownCell = gr;
-    Xo.Row = At;
-    /* harmony default export */    const Yo = Xo;
+    Qo.propTypes = $o;
+    Qo.Body = Z;
+    Qo.Caption = ve;
+    Qo.Cell = ke;
+    Qo.Head = nr;
+    Qo.HeadCell = Dn;
+    Qo.HeadDropdownCell = Sr;
+    Qo.Row = Mt;
+    /* harmony default export */    const Zo = Qo;
     // CONCATENATED MODULE: ./src/Table/index.ts
     module.exports = n;
     /******/})();