@splunk/react-ui 4.26.0 → 4.27.0

package/Table.js

@@ -63,12 +63,12 @@
         e.d(t, {
         Body: () => /* reexport */ ue,
         Caption: () => /* reexport */ xe,
-        Cell: () => /* reexport */ Le,
-        Head: () => /* reexport */ ao,
-        HeadCell: () => /* reexport */ Cn,
-        HeadDropdownCell: () => /* reexport */ Mo,
-        Row: () => /* reexport */ zr,
-        default: () => /* reexport */ Ki
+        Cell: () => /* reexport */ We,
+        Head: () => /* reexport */ vo,
+        HeadCell: () => /* reexport */ En,
+        HeadDropdownCell: () => /* reexport */ Ko,
+        Row: () => /* reexport */ Br,
+        default: () => /* reexport */ Ji
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -104,8 +104,8 @@
     const x = require("react-resize-detector");
     var C =  e.n(x);
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-    const S = require("@splunk/react-ui/EventListener");
-    var k =  e.n(S);
+    const k = require("@splunk/react-ui/EventListener");
+    var S =  e.n(k);
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
     const O = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
@@ -162,12 +162,12 @@
         }
         return M(e);
     }
-    function N(e, t) {
+    function $(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function $(e, t) {
+    function N(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || false;
@@ -177,8 +177,8 @@
         }
     }
     function L(e, t, n) {
-        if (t) $(e.prototype, t);
-        if (n) $(e, n);
+        if (t) N(e.prototype, t);
+        if (n) N(e, n);
         return e;
     }
     function W(e, t) {
@@ -373,11 +373,11 @@
         var v = (0, n.useState)([]), y = Q(v, 2), b = y[0], m = y[1];
         var h = (0, n.useState)(), g = Q(h, 2), w = g[0], x = g[1];
         var C = (0, n.useRef)(null);
-        var S = (0, n.useCallback)((function(e) {
+        var k = (0, n.useCallback)((function(e) {
             C.current = e;
             H(a, e);
         }), [ a, C ]);
-        var k = function e(t) {
+        var S = function e(t) {
             var r = t.dataId, o = t.fromIndex, a = t.toIndex;
             if (a < n.Children.toArray(i).length) {
                 c === null || c === void 0 ? void 0 : c({
@@ -425,7 +425,7 @@
                     movableColumns: l,
                     primaryColumnIndex: s,
                     onExpansion: y,
-                    onRequestMoveRow: c ? k : undefined,
+                    onRequestMoveRow: c ? S : undefined,
                     key: e.key || e.props.dataId || r,
                     activeElementId: t || (w === null || w === void 0 ? void 0 : w.toString())
                 }));
@@ -435,7 +435,7 @@
                             key: "".concat(i, "-expansion-").concat(t),
                             stripe: f,
                             movableColumns: l,
-                            onRequestMoveRow: k,
+                            onRequestMoveRow: S,
                             "data-expansion-row": "true"
                         }));
                     }));
@@ -449,7 +449,7 @@
         return r().createElement(z, Y({
             "data-test": "body"
         }, f, {
-            ref: S
+            ref: k
         }), p);
     }
     le.propTypes = ie;
@@ -458,7 +458,7 @@
         var t = F(n);
         function n() {
             var e;
-            N(this, n);
+            $(this, n);
             for (var r = arguments.length, o = new Array(r), i = 0; i < r; i++) {
                 o[i] = arguments[i];
             }
@@ -579,7 +579,11 @@
     we.splunkUiType = "Table.Caption";
     /* harmony default export */    const xe = we;
     // CONCATENATED MODULE: ./src/Table/CellStyles.ts
-    var Ce = P().td.withConfig({
+    var Ce = (0, q.css)([ "box-shadow:", ";", ";" ], A.variables.focusShadowInset, (0, 
+    A.pick)({
+        prisma: (0, q.css)([ "color:", ";" ], A.variables.contentColorDefault)
+    }));
+    var ke = P().td.withConfig({
         displayName: "CellStyles__Styled",
         componentId: "sc-1955xk2-0"
     })([ "", " padding:", ";border-left:0 solid transparent;border-right:0 solid transparent;word-wrap:break-word;line-height:", ";vertical-align:top;", " ", " ", " ", " ", " ", " [data-expansion-row='true'] > &:first-child{padding-top:8px;}[data-expansion-row='true'] > &:last-child{padding-bottom:14px;}[data-has-movable-columns='true'] > &:not([data-movable-column='false']){", "}" ], A.mixins.reset("table-cell"), (0, 
@@ -622,8 +626,8 @@
             enterprise: (0, q.css)([ "color:", ";&:hover{cursor:pointer;color:{dark:variables.accentColorL20,light:variables.linkColor,};box-shadow:", ";}&:focus{color:{dark:variables.accentColorL20,light:variables.focusColor,};box-shadow:", ";}" ], A.variables.linkColor, A.variables.focusShadowInset, A.variables.focusShadowInset)
         }
     }), (function(e) {
-        var t = e.$clickable;
-        return t && (0, q.css)([ "cursor:pointer;&:hover{background-color:", ";color:", ";}&:focus{box-shadow:", ";color:", ";}&:active{background:", ";}" ], (0, 
+        var t = e.$clickable, n = e.$focusWithin;
+        return t && (0, q.css)([ "cursor:pointer;&:hover{background-color:", ";color:", ";}&:focus{", "}", " &:active{background:", ";}" ], (0, 
         A.pick)({
             enterprise: {
                 light: A.variables.accentColorL50,
@@ -632,9 +636,7 @@
             prisma: A.variables.interactiveColorOverlayHover
         }), (0, A.pick)({
             prisma: A.variables.contentColorDefault
-        }), A.variables.focusShadowInset, (0, A.pick)({
-            prisma: A.variables.contentColorDefault
-        }), (0, A.pick)({
+        }), Ce, n && (0, q.css)([ "&:focus-within{", "}" ], Ce), (0, A.pick)({
             prisma: A.variables.interactiveColorOverlayActive
         }));
     }), (function(e) {
@@ -664,8 +666,8 @@
         }
         return Se(e);
     }
-    function ke() {
-        ke = Object.assign || function(e) {
+    function Oe() {
+        Oe = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -676,11 +678,11 @@
             }
             return e;
         };
-        return ke.apply(this, arguments);
+        return Oe.apply(this, arguments);
     }
-    function Oe(e, t) {
+    function Re(e, t) {
         if (e == null) return {};
-        var n = Re(e, t);
+        var n = Ee(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
@@ -693,7 +695,7 @@
         }
         return n;
     }
-    function Re(e, t) {
+    function Ee(e, t) {
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
@@ -705,12 +707,12 @@
         }
         return n;
     }
-    function Ee(e, t) {
+    function Ie(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function Ie(e, t) {
+    function je(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || false;
@@ -719,12 +721,12 @@
             Object.defineProperty(e, r.key, r);
         }
     }
-    function je(e, t, n) {
-        if (t) Ie(e.prototype, t);
-        if (n) Ie(e, n);
+    function De(e, t, n) {
+        if (t) je(e.prototype, t);
+        if (n) je(e, n);
         return e;
     }
-    function De(e, t) {
+    function _e(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -735,41 +737,41 @@
                 configurable: true
             }
         });
-        if (t) _e(e, t);
+        if (t) Te(e, t);
     }
-    function _e(e, t) {
-        _e = Object.setPrototypeOf || function e(t, n) {
+    function Te(e, t) {
+        Te = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return _e(e, t);
+        return Te(e, t);
     }
-    function Te(e) {
-        var t = Ae();
+    function qe(e) {
+        var t = ze();
         return function n() {
-            var r = ze(e), o;
+            var r = He(e), o;
             if (t) {
-                var i = ze(this).constructor;
+                var i = He(this).constructor;
                 o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
-            return qe(this, o);
+            return Pe(this, o);
         };
     }
-    function qe(e, t) {
+    function Pe(e, t) {
         if (t && (Se(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return Pe(e);
+        return Ae(e);
     }
-    function Pe(e) {
+    function Ae(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function Ae() {
+    function ze() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -780,13 +782,13 @@
             return false;
         }
     }
-    function ze(e) {
-        ze = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function He(e) {
+        He = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return ze(e);
+        return He(e);
     }
-    function He(e, t, n) {
+    function Me(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -799,10 +801,12 @@
         }
         return e;
     }
-    var Me = {
+    var $e = {
         align: i().oneOf([ "left", "center", "right" ]),
         /** @private */
         appearance: i().oneOf([ "data", "link", "rowLink" ]),
+        /** @private Used to set the $clickable appearance without an onClick */
+        appearClickable: i().bool,
         children: i().node,
         data: i().any,
         elementRef: i().oneOfType([ i().func, i().object ]),
@@ -819,26 +823,26 @@
     var Ne = {
         align: "left"
     };
-    var $e =  function(e) {
-        De(n, e);
-        var t = Te(n);
+    var Le =  function(e) {
+        _e(n, e);
+        var t = qe(n);
         function n() {
             var e;
-            Ee(this, n);
+            Ie(this, n);
             for (var r = arguments.length, o = new Array(r), i = 0; i < r; i++) {
                 o[i] = arguments[i];
             }
             e = t.call.apply(t, [ this ].concat(o));
-            He(Pe(e), "el", null);
-            He(Pe(e), "handleMount", (function(t) {
+            Me(Ae(e), "el", null);
+            Me(Ae(e), "handleMount", (function(t) {
                 e.el = t;
                 H(e.props.elementRef, t);
             }));
-            He(Pe(e), "handleClick", (function(t) {
+            Me(Ae(e), "handleClick", (function(t) {
                 var n = e.props, r = n.data, o = n.onClick;
                 o === null || o === void 0 ? void 0 : o(t, r);
             }));
-            He(Pe(e), "handleKeyDown", (function(t) {
+            Me(Ae(e), "handleKeyDown", (function(t) {
                 var n = e.props, r = n.data, o = n.onClick, i = n.onKeyDown;
                 if ((0, O.keycode)(t.nativeEvent) === "enter") {
                     o === null || o === void 0 ? void 0 : o(t, r);
@@ -847,71 +851,78 @@
             }));
             return e;
         }
-        je(n, [ {
+        De(n, [ {
             key: "render",
             value: function e() {
-                var t = this.props, n = t.align, o = t.appearance, i = t.children, a = t.disabled, l = t.elementRef, c = t.onClick, u = t.onKeyDown, s = t.variant, d = Oe(t, [ "align", "appearance", "children", "disabled", "elementRef", "onClick", "onKeyDown", "variant" ]);
-                var f = c !== undefined;
-                var p = f ? "link" : "data";
+                var t = this.props, n = t.align, o = t.appearance, i = t.appearClickable, a = t.children, l = t.disabled, c = t.elementRef, u = t.onClick, s = t.onKeyDown, d = t.variant, f = Re(t, [ "align", "appearance", "appearClickable", "children", "disabled", "elementRef", "onClick", "onKeyDown", "variant" ]);
+                var p = u !== undefined;
+                var v = i || p;
+                var y = v ? "link" : "data";
                 
-                return r().createElement(Ce, ke({
+                return r().createElement(ke, Oe({
                     "data-test": "cell",
                     $align: n,
-                    $appearance: o || p,
-                    $clickable: f ? true : undefined,
-                    $disabled: !!a,
-                    $variant: s,
+                    $appearance: o || y,
+                    $clickable: v ? true : undefined,
+                    $disabled: !!l,
+                    $focusWithin: i,
+                    $variant: d,
                     onClick: this.handleClick,
                     onKeyDown: this.handleKeyDown,
                     ref: this.handleMount,
-                    tabIndex: f ? 0 : undefined
-                }, d), i);
+                    tabIndex: p ? 0 : undefined
+                }, f), a);
             }
         } ]);
         return n;
     }(n.Component);
-    He($e, "splunkUiType", "Table.Cell");
-    He($e, "propTypes", Me);
-    He($e, "defaultProps", Ne);
-    /* harmony default export */    const Le = $e;
+    Me(Le, "splunkUiType", "Table.Cell");
+    Me(Le, "propTypes", $e);
+    Me(Le, "defaultProps", Ne);
+    /* harmony default export */    const We = Le;
     // CONCATENATED MODULE: external "lodash/findIndex"
-    const We = require("lodash/findIndex");
-    var Be =  e.n(We);
+    const Be = require("lodash/findIndex");
+    var Fe =  e.n(Be);
     // CONCATENATED MODULE: external "lodash/keys"
-    const Fe = require("lodash/keys");
-    var Ke =  e.n(Fe);
+    const Ke = require("lodash/keys");
+    var Ve =  e.n(Ke);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const Ue = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "lodash/isString"
-    const Ve = require("lodash/isString");
-    var Ue =  e.n(Ve);
-    // CONCATENATED MODULE: external "lodash/merge"
-    const Ge = require("lodash/merge");
+    const Ge = require("lodash/isString");
     var Xe =  e.n(Ge);
-    // CONCATENATED MODULE: external "@splunk/react-icons/ArrowDown"
-    const Ye = require("@splunk/react-icons/ArrowDown");
+    // CONCATENATED MODULE: external "lodash/merge"
+    const Ye = require("lodash/merge");
     var Qe =  e.n(Ye);
-    // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUp"
-    const Je = require("@splunk/react-icons/ArrowUp");
+    // CONCATENATED MODULE: external "@splunk/react-icons/ArrowDown"
+    const Je = require("@splunk/react-icons/ArrowDown");
     var Ze =  e.n(Je);
-    // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUpDown"
-    const et = require("@splunk/react-icons/ArrowUpDown");
+    // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUp"
+    const et = require("@splunk/react-icons/ArrowUp");
     var tt =  e.n(et);
-    // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-    const nt = require("@splunk/react-icons/CaretSmallDown");
+    // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUpDown"
+    const nt = require("@splunk/react-icons/ArrowUpDown");
     var rt =  e.n(nt);
-    // CONCATENATED MODULE: external "@splunk/react-icons/CaretsSmallUpDown"
-    const ot = require("@splunk/react-icons/CaretsSmallUpDown");
+    // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
+    const ot = require("@splunk/react-icons/CaretSmallDown");
     var it =  e.n(ot);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
-    const at = require("@splunk/react-icons/enterprise/Caret");
+    // CONCATENATED MODULE: external "@splunk/react-icons/CaretsSmallUpDown"
+    const at = require("@splunk/react-icons/CaretsSmallUpDown");
     var lt =  e.n(at);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const ct = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
+    const ct = require("@splunk/react-icons/enterprise/Caret");
+    var ut =  e.n(ct);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/format"
+    const st = require("@splunk/ui-utils/format");
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const ut = require("@splunk/react-ui/ScreenReaderContent");
-    var st =  e.n(ut);
+    const dt = require("@splunk/react-ui/ScreenReaderContent");
+    var ft =  e.n(dt);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
+    const pt = require("@splunk/react-ui/Divider");
+    var vt =  e.n(pt);
     // CONCATENATED MODULE: ./src/Table/HeadInnerStyles.ts
-    var dt = "12px";
-    var ft = P().div.withConfig({
+    var yt = "12px";
+    var bt = P().div.withConfig({
         displayName: "HeadInnerStyles__StyledDragContainer",
         componentId: "sc-1sa0wng-0"
     })([ "position:absolute;cursor:move;top:0;", " padding:", ";" ], (0, A.pick)({
@@ -924,7 +935,7 @@
             compact: "9px 4px 6px"
         }
     }));
-    var pt = P().span.withConfig({
+    var mt = P().span.withConfig({
         displayName: "HeadInnerStyles__StyledMenuIcon",
         componentId: "sc-1sa0wng-1"
     })([ "", " color:", ";position:relative;" ], (0, A.pick)({
@@ -934,7 +945,7 @@
         enterprise: A.variables.textGray,
         prisma: A.variables.contentColorDefault
     }));
-    var vt = P().span.withConfig({
+    var ht = P().span.withConfig({
         displayName: "HeadInnerStyles__StyledLabel",
         componentId: "sc-1sa0wng-2"
     })([ "flex:0 1 auto;position:relative;word-wrap:break-word;word-break:break-word;", " ", " ", " ", " ", " + &{margin-left:", ";}" ], (0, 
@@ -954,10 +965,10 @@
         center: (0, q.css)([ "& > &{text-align:center;}" ])
     }), 
     /* sc-sel */
-    ft, (0, A.pick)({
-        enterprise: dt
+    bt, (0, A.pick)({
+        enterprise: yt
     }));
-    var yt = P().div.withConfig({
+    var gt = P().div.withConfig({
         displayName: "HeadInnerStyles__Styled",
         componentId: "sc-1sa0wng-3"
     })([ "", " ", ";position:relative;font-size:", ";", ";line-height:", ";justify-content:", ";padding:", ";", " ", " ", " &[data-helper]{background-color:", ";position:absolute;left:-10000px;top:-10000px;box-shadow:", ";box-sizing:border-box;background-repeat:repeat-x;", ";}@media print{background-image:none;}" ], A.mixins.reset("flex"), A.mixins.clearfix(), (0, 
@@ -1003,7 +1014,7 @@
     }), (0, A.pick)({
         enterprise: (0, q.css)([ "border:1px solid ", ";" ], A.variables.borderColor)
     }));
-    var bt = P().span.withConfig({
+    var wt = P().span.withConfig({
         displayName: "HeadInnerStyles__StyledSortIcon",
         componentId: "sc-1sa0wng-4"
     })([ "flex:0 0 auto;", ";", " color:", ";", "" ], (0, A.pick)({
@@ -1023,23 +1034,32 @@
             prisma: A.variables.contentColorDefault
         }));
     }));
-    var mt = P().button.withConfig({
+    var xt = P()(vt()).withConfig({
         displayName: "HeadInnerStyles__StyledResize",
         componentId: "sc-1sa0wng-5"
     })([ "", ";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;}}" ], A.mixins.reset("block"), 
     /* sc-sel */
-    yt, A.variables.focusColor, A.variables.focusShadow);
+    gt, A.variables.focusColor, A.variables.focusShadow);
  // TODO: SUI-5361 remove StyledCaretUp and StyledCaretDown once have made a general way to address the multicolor icon problem
-        var ht = P()(it()).withConfig({
+        var Ct = P()(lt()).withConfig({
         displayName: "HeadInnerStyles__StyledCaretDown",
         componentId: "sc-1sa0wng-6"
     })([ "path:last-child{fill:transparent;}" ]);
-    var gt = P()(it()).withConfig({
+    var kt = P()(lt()).withConfig({
         displayName: "HeadInnerStyles__StyledCaretUp",
         componentId: "sc-1sa0wng-7"
     })([ "path:first-child{fill:transparent;}" ]);
     // CONCATENATED MODULE: ./src/Table/HeadCellStyles.ts
-    var wt = P().th.withConfig({
+    var St = (0, q.css)([ "box-shadow:", ";outline:none;& > ", "{", ";}" ], A.variables.focusShadowInset, 
+    /* sc-sel */
+    gt, (0, A.pick)({
+        enterprise: {
+            light: (0, q.css)([ "color:", ";" ], A.variables.accentColorD10),
+            dark: (0, q.css)([ "color:", ";" ], A.variables.linkColorHover)
+        },
+        prisma: (0, q.css)([ "background-color:", ";" ], A.variables.interactiveColorOverlaySelected)
+    }));
+    var Ot = P().th.withConfig({
         displayName: "HeadCellStyles__Styled",
         componentId: "sc-1hj81sa-0"
     })([ "", ";background-color:", ";box-sizing:content-box;text-align:left;vertical-align:", ";& + &{border-left:1px solid ", ";}", " ", " ", " ", "" ], A.mixins.reset("table-cell"), (0, 
@@ -1066,19 +1086,11 @@
             prisma: A.variables.backgroundColorPage
         }));
     }), (function(e) {
-        var t = e.$clickable;
-        return t && (0, q.css)([ "cursor:pointer;&:focus{box-shadow:", ";outline:none;& > ", "{color:", ";background-color:", ";}}&:hover{outline:none;& > ", "{color:", ";background-color:", ";}}&:active{& > ", "{background-color:", ";}}" ], A.variables.focusShadowInset, 
-        /* sc-sel */
-        yt, (0, A.pick)({
-            enterprise: {
-                light: A.variables.accentColorD10,
-                dark: A.variables.linkColorHover
-            }
-        }), (0, A.pick)({
-            prisma: A.variables.interactiveColorOverlaySelected
-        }), 
+        var t = e.$clickable, n = e.$focusWithin;
+        return t && (0, q.css)([ "cursor:pointer;&:focus{", "}", " &:hover{outline:none;& > ", "{color:", ";background-color:", ";}}&:active{& > ", "{background-color:", ";}}" ], St, n && (0, 
+        q.css)([ "&:focus-within{", "}" ], St), 
         /* sc-sel */
-        yt, (0, A.pick)({
+        gt, (0, A.pick)({
             enterprise: {
                 light: A.variables.accentColorD10,
                 dark: A.variables.linkColorHover
@@ -1087,7 +1099,7 @@
             prisma: A.variables.interactiveColorOverlayHover
         }), 
         /* sc-sel */
-        yt, (0, A.pick)({
+        gt, (0, A.pick)({
             prisma: A.variables.interactiveColorOverlayActive
         }));
     }), (function(e) {
@@ -1103,10 +1115,10 @@
     }), (0, A.pickVariant)("$variant", {
         actions: (0, q.css)([ "& > ", "{padding-right:8px;}" ], 
         /* sc-sel */
-        yt),
+        gt),
         info: (0, q.css)([ "& > ", "{", ";}" ], 
         /* sc-sel */
-        yt, (0, A.pick)({
+        gt, (0, A.pick)({
             enterprise: (0, q.css)([ "padding-top:7px;" ]),
             prisma: {
                 comfortable: (0, q.css)([ "padding:16px 12px;" ]),
@@ -1115,14 +1127,14 @@
         })),
         toggleAll: (0, q.css)([ "& > ", "{padding-top:", ";}" ], 
         /* sc-sel */
-        yt, (0, A.pick)({
+        gt, (0, A.pick)({
             prisma: {
                 comfortable: "14px",
                 compact: "7px"
             }
         }))
     }));
-    var xt = P().div.withConfig({
+    var Rt = P().div.withConfig({
         displayName: "HeadCellStyles__StyledGuideLine",
         componentId: "sc-1hj81sa-1"
     })([ "", " width:1px;position:absolute;background-color:", ";height:100%;top:0;z-index:1;", "" ], A.mixins.reset("block"), (0, 
@@ -1132,11 +1144,11 @@
     }), (0, A.pickVariant)("$position", {
         before: (0, q.css)([ "float:left;", ":not(:first-child) > &{margin-left:-1px;}" ], 
         /* sc-sel */
-        wt),
+        Ot),
         after: (0, q.css)([ "right:0;" ])
     }));
     // CONCATENATED MODULE: ./src/Table/DragHandleStyles.ts
-    var Ct = P().div.withConfig({
+    var Et = P().div.withConfig({
         displayName: "DragHandleStyles__StyledDrag",
         componentId: "sc-9eqfn5-0"
     })([ "display:block;cursor:move;background:", ";", "" ], A.variables.draggableBackground, (0, 
@@ -1144,25 +1156,25 @@
         enterprise: (0, q.css)([ "width:7px;height:14px;" ]),
         prisma: (0, q.css)([ "width:6px;height:20px;margin-top:-3px;opacity:0;", ":focus &,", ":hover &,[data-helper] &{opacity:1;}" ], 
         /* sc-sel */
-        wt, 
+        Ot, 
         /* sc-sel */
-        wt)
+        Ot)
     }));
     // CONCATENATED MODULE: ./src/Table/DragHandle.tsx
-    var St = {
+    var It = {
         screenReaderContent: i().string
     };
-    var kt = {};
-    function Ot(e) {
+    var jt = {};
+    function Dt(e) {
         var t = e.screenReaderContent;
         
-        return r().createElement(Ct, null,  r().createElement(st(), null, t));
+        return r().createElement(Et, null,  r().createElement(ft(), null, t));
     }
-    Ot.propTypes = St;
-    /* harmony default export */    const Rt = Ot;
+    Dt.propTypes = It;
+    /* harmony default export */    const _t = Dt;
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var Et = {
+    var Tt = {
         body: {
             appendChild: function e() {
                 return [];
@@ -1216,14 +1228,14 @@
             search: ""
         }
     };
-    function It() {
-        var e = typeof document !== "undefined" ? document : Et;
+    function qt() {
+        var e = typeof document !== "undefined" ? document : Tt;
         return e;
     }
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var jt = {
-        document: Et,
+    var Pt = {
+        document: Tt,
         navigator: {
             userAgent: ""
         },
@@ -1277,13 +1289,13 @@
             clearTimeout(t);
         }
     };
-    function Dt() {
-        var e = typeof window !== "undefined" ? window : jt;
+    function At() {
+        var e = typeof window !== "undefined" ? window : Pt;
         return e;
     }
     // CONCATENATED MODULE: ./src/Table/HeadInner.tsx
-    function _t() {
-        _t = Object.assign || function(e) {
+    function zt() {
+        zt = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -1294,42 +1306,42 @@
             }
             return e;
         };
-        return _t.apply(this, arguments);
+        return zt.apply(this, arguments);
     }
-    function Tt(e) {
-        return At(e) || Pt(e) || Mt(e) || qt();
+    function Ht(e) {
+        return Nt(e) || $t(e) || Bt(e) || Mt();
     }
-    function qt() {
+    function Mt() {
         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 Pt(e) {
+    function $t(e) {
         if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
     }
-    function At(e) {
-        if (Array.isArray(e)) return Nt(e);
+    function Nt(e) {
+        if (Array.isArray(e)) return Ft(e);
     }
-    function zt(e, t) {
-        return Lt(e) || $t(e, t) || Mt(e, t) || Ht();
+    function Lt(e, t) {
+        return Vt(e) || Kt(e, t) || Bt(e, t) || Wt();
     }
-    function Ht() {
+    function Wt() {
         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 Mt(e, t) {
+    function Bt(e, t) {
         if (!e) return;
-        if (typeof e === "string") return Nt(e, t);
+        if (typeof e === "string") return Ft(e, t);
         var n = Object.prototype.toString.call(e).slice(8, -1);
         if (n === "Object" && e.constructor) n = e.constructor.name;
         if (n === "Map" || n === "Set") return Array.from(e);
-        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Nt(e, t);
+        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Ft(e, t);
     }
-    function Nt(e, t) {
+    function Ft(e, t) {
         if (t == null || t > e.length) t = e.length;
         for (var n = 0, r = new Array(t); n < t; n++) {
             r[n] = e[n];
         }
         return r;
     }
-    function $t(e, t) {
+    function Kt(e, t) {
         if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
         var n = [];
         var r = true;
@@ -1352,12 +1364,12 @@
         }
         return n;
     }
-    function Lt(e) {
+    function Vt(e) {
         if (Array.isArray(e)) return e;
     }
-    function Wt(e, t) {
+    function Ut(e, t) {
         if (e == null) return {};
-        var n = Bt(e, t);
+        var n = Gt(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
@@ -1370,7 +1382,7 @@
         }
         return n;
     }
-    function Bt(e, t) {
+    function Gt(e, t) {
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
@@ -1382,7 +1394,7 @@
         }
         return n;
     }
-    var Ft = {
+    var Xt = {
         align: i().oneOf([ "left", "center", "right" ]),
         columnId: i().any,
         hasActionsHead: i().bool,
@@ -1399,32 +1411,32 @@
         truncate: i().bool,
         width: i().oneOfType([ i().number, i().oneOf([ "auto" ]) ])
     };
-    var Kt = new Set([ "none", "asc", "desc" ]);
-    var Vt = Object.freeze({
-        none: (0, ct._)("Click to sort"),
-        asc: (0, ct._)("Press to sort descending"),
-        desc: (0, ct._)("Press to sort ascending")
+    var Yt = new Set([ "none", "asc", "desc" ]);
+    var Qt = Object.freeze({
+        none: (0, Ue._)("Click to sort"),
+        asc: (0, Ue._)("Press to sort descending"),
+        desc: (0, Ue._)("Press to sort ascending")
     });
-    var Ut = Object.freeze({
-        none: it(),
-        asc: gt,
-        desc: ht
+    var Jt = Object.freeze({
+        none: lt(),
+        asc: kt,
+        desc: Ct
     });
-    var Gt = Object.freeze({
-        none: tt(),
-        asc: Ze(),
-        desc: Qe()
+    var Zt = Object.freeze({
+        none: rt(),
+        asc: tt(),
+        desc: Ze()
     });
-    function Xt(e) {
-        var t = e.index, o = e.columnId, i = e.id, a = e.width, l = e.onDragEnd, c = e.onAutosizeColumn, u = e.align, s = u === void 0 ? "left" : u, d = e.label, f = e.hasActionsHead, p = f === void 0 ? false : f, v = e.isMenu, y = v === void 0 ? false : v, b = e.onDragStart, m = e.onRequestResize, g = e.resizable, w = g === void 0 ? true : g, x = e.sortDir, C = x === void 0 ? undefined : x, S = e.truncate, R = S === void 0 ? true : S, E = Wt(e, [ "index", "columnId", "id", "width", "onDragEnd", "onAutosizeColumn", "align", "label", "hasActionsHead", "isMenu", "onDragStart", "onRequestResize", "resizable", "sortDir", "truncate" ]);
+    function en(e) {
+        var t = e.index, o = e.columnId, i = e.id, a = e.width, l = e.onDragEnd, c = e.onAutosizeColumn, u = e.align, s = u === void 0 ? "left" : u, d = e.label, f = e.hasActionsHead, p = f === void 0 ? false : f, v = e.isMenu, y = v === void 0 ? false : v, b = e.onDragStart, m = e.onRequestResize, g = e.resizable, w = g === void 0 ? true : g, x = e.sortDir, C = x === void 0 ? undefined : x, k = e.truncate, R = k === void 0 ? true : k, E = Ut(e, [ "index", "columnId", "id", "width", "onDragEnd", "onAutosizeColumn", "align", "label", "hasActionsHead", "isMenu", "onDragStart", "onRequestResize", "resizable", "sortDir", "truncate" ]);
         if (false) {}
         var I = (0, A.useSplunkTheme)(), j = I.isEnterprise;
-        var D = (0, ct._)("Click to open menu");
-        var _ = (0, n.useState)(), T = zt(_, 2), q = T[0], P = T[1];
-        var z = (0, n.useState)(false), H = zt(z, 2), M = H[0], N = H[1];
-        var $ = (0, n.useState)(false), L = zt($, 2), W = L[0], B = L[1];
-        var F = (0, n.useState)(0), K = zt(F, 2), V = K[0], U = K[1];
-        var G = (0, n.useState)(0), X = zt(G, 2), Y = X[0], Q = X[1];
+        var D = (0, Ue._)("Click to open menu");
+        var _ = (0, n.useState)(), T = Lt(_, 2), q = T[0], P = T[1];
+        var z = (0, n.useState)(false), H = Lt(z, 2), M = H[0], $ = H[1];
+        var N = (0, n.useState)(false), L = Lt(N, 2), W = L[0], B = L[1];
+        var F = (0, n.useState)(0), K = Lt(F, 2), V = K[0], U = K[1];
+        var G = (0, n.useState)(0), X = Lt(G, 2), Y = X[0], Q = X[1];
         var J = (0, n.useRef)(null);
  // Cleanup dragend, and unmount during drag
                 (0, n.useEffect)((function() {
@@ -1435,10 +1447,10 @@
         var Z;
         var ee;
         var te;
-        if (C !== undefined && Kt.has(C)) {
-            var ne = j ? Ut : Gt;
+        if (C !== undefined && Yt.has(C)) {
+            var ne = j ? Jt : Zt;
             ee = ne[C];
-            te = Vt[C];
+            te = Qt[C];
         }
         if (a === "auto") {
             var re;
@@ -1503,7 +1515,7 @@
  // prevent text selection
                         U(t.clientX);
             Q(Z || 0);
-            N(true);
+            $(true);
         };
         var ce = function e(n) {
             var r = V - n.clientX;
@@ -1518,11 +1530,11 @@
             }
         };
         var ue = function e() {
-            N(false);
+            $(false);
         };
         var se = function e(n) {
             var r;
-            var i = It();
+            var i = qt();
             var a = J.current;
             if (n.dataTransfer.setDragImage && (a === null || a === void 0 ? void 0 : a.parentElement)) {
                 var l = a.parentElement.getBoundingClientRect();
@@ -1554,9 +1566,15 @@
             }
         };
         var pe = !!b;
-        var ve = Dt();
+        var ve = At();
+        var ye = Z ? (0, st.sprintf)((0, Ue._)("%(width)d pixels"), {
+            width: Z
+        }) : undefined;
+        var be = o ? {
+            ariaControls: o
+        } : {};
         
-        return r().createElement(yt, _t({
+        return r().createElement(gt, zt({
             draggable: pe || undefined,
             onDragStart: pe ? se : undefined,
             onDragEnd: pe ? de : undefined,
@@ -1565,37 +1583,44 @@
             $align: s,
             $draggable: pe,
             $dragging: !!W
-        }, h()(E, [].concat(Tt(Object.keys(Xt.propTypes)), [ "id" ]))), M &&  r().createElement(r().Fragment, null,  r().createElement(k(), {
+        }, h()(E, [].concat(Ht(Object.keys(en.propTypes)), [ "id" ]))), M &&  r().createElement(r().Fragment, null,  r().createElement(S(), {
             target: ve,
             eventType: "mouseup",
             listener: ue
-        }),  r().createElement(k(), {
+        }),  r().createElement(S(), {
             target: ve,
             eventType: "mousemove",
             listener: ce
-        })), m && w &&  r().createElement(mt, {
+        })), m && w &&  r().createElement(xt, zt({
+            "aria-label": (0, st.sprintf)((0, Ue._)("Resize %(label)s"), {
+                label: d
+            })
+        }, be, {
+            "aria-valuetext": ye,
+            "data-test": "resize",
             onMouseDown: le,
             onDoubleClick: fe,
             onKeyDown: ae,
-            "data-test": "resize"
-        }), pe &&  r().createElement(ft, null,  r().createElement(Rt, {
-            screenReaderContent: (0, ct._)("Press left or right arrow key to reorder the columns.")
-        })),  r().createElement(vt, {
+            orientation: "vertical",
+            tabIndex: 0
+        })), pe &&  r().createElement(bt, null,  r().createElement(_t, {
+            screenReaderContent: (0, Ue._)("Press left or right arrow key to reorder the columns.")
+        })),  r().createElement(ht, {
             $align: s,
             $truncate: R,
             $fill: y
         }, d, y && 
         
         // this icon indicates "has a menu" in all themes
-        r().createElement(pt, null, j ?  r().createElement(lt(), {
+        r().createElement(mt, null, j ?  r().createElement(ut(), {
             "data-test": "caret-down",
             screenReaderText: D,
             hideDefaultTooltip: true,
             size: .5
-        }) :  r().createElement(rt(), {
+        }) :  r().createElement(it(), {
             "data-test": "caret-down",
             "aria-label": D
-        }))), C &&  r().createElement(bt, {
+        }))), C &&  r().createElement(wt, {
             $sorted: C !== "none"
         }, ee !== undefined && (j ?  r().createElement(ee, {
             inline: true,
@@ -1608,28 +1633,28 @@
             "aria-label": te
         }))));
     }
-    Xt.propTypes = Ft;
-    /* harmony default export */    const Yt = Xt;
+    en.propTypes = Xt;
+    /* harmony default export */    const tn = en;
     // CONCATENATED MODULE: ./src/Table/TableContext.ts
-    var Qt =  (0, n.createContext)({});
-    Qt.displayName = "Table";
-    /* harmony default export */    const Jt = Qt;
+    var nn =  (0, n.createContext)({});
+    nn.displayName = "Table";
+    /* harmony default export */    const rn = nn;
     // CONCATENATED MODULE: ./src/Table/HeadCell.tsx
-    function Zt(e) {
+    function on(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            Zt = function e(t) {
+            on = function e(t) {
                 return typeof t;
             };
         } else {
-            Zt = function e(t) {
+            on = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return Zt(e);
+        return on(e);
     }
-    function en() {
-        en = Object.assign || function(e) {
+    function an() {
+        an = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -1640,41 +1665,41 @@
             }
             return e;
         };
-        return en.apply(this, arguments);
+        return an.apply(this, arguments);
     }
-    function tn(e) {
-        return an(e) || on(e) || rn(e) || nn();
+    function ln(e) {
+        return dn(e) || sn(e) || un(e) || cn();
     }
-    function nn() {
+    function cn() {
         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 rn(e, t) {
+    function un(e, t) {
         if (!e) return;
-        if (typeof e === "string") return ln(e, t);
+        if (typeof e === "string") return fn(e, t);
         var n = Object.prototype.toString.call(e).slice(8, -1);
         if (n === "Object" && e.constructor) n = e.constructor.name;
         if (n === "Map" || n === "Set") return Array.from(e);
-        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return ln(e, t);
+        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return fn(e, t);
     }
-    function on(e) {
+    function sn(e) {
         if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
     }
-    function an(e) {
-        if (Array.isArray(e)) return ln(e);
+    function dn(e) {
+        if (Array.isArray(e)) return fn(e);
     }
-    function ln(e, t) {
+    function fn(e, t) {
         if (t == null || t > e.length) t = e.length;
         for (var n = 0, r = new Array(t); n < t; n++) {
             r[n] = e[n];
         }
         return r;
     }
-    function cn(e, t) {
+    function pn(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function un(e, t) {
+    function vn(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || false;
@@ -1683,12 +1708,12 @@
             Object.defineProperty(e, r.key, r);
         }
     }
-    function sn(e, t, n) {
-        if (t) un(e.prototype, t);
-        if (n) un(e, n);
+    function yn(e, t, n) {
+        if (t) vn(e.prototype, t);
+        if (n) vn(e, n);
         return e;
     }
-    function dn(e, t) {
+    function bn(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -1699,41 +1724,41 @@
                 configurable: true
             }
         });
-        if (t) fn(e, t);
+        if (t) mn(e, t);
     }
-    function fn(e, t) {
-        fn = Object.setPrototypeOf || function e(t, n) {
+    function mn(e, t) {
+        mn = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return fn(e, t);
+        return mn(e, t);
     }
-    function pn(e) {
-        var t = bn();
+    function hn(e) {
+        var t = xn();
         return function n() {
-            var r = mn(e), o;
+            var r = Cn(e), o;
             if (t) {
-                var i = mn(this).constructor;
+                var i = Cn(this).constructor;
                 o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
-            return vn(this, o);
+            return gn(this, o);
         };
     }
-    function vn(e, t) {
-        if (t && (Zt(t) === "object" || typeof t === "function")) {
+    function gn(e, t) {
+        if (t && (on(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return yn(e);
+        return wn(e);
     }
-    function yn(e) {
+    function wn(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function bn() {
+    function xn() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -1744,13 +1769,13 @@
             return false;
         }
     }
-    function mn(e) {
-        mn = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function Cn(e) {
+        Cn = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return mn(e);
+        return Cn(e);
     }
-    function hn(e, t, n) {
+    function kn(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -1763,8 +1788,10 @@
         }
         return e;
     }
-    var gn = {
+    var Sn = {
         align: i().oneOf([ "left", "center", "right" ]),
+        /** @private Used to set the $clickable appearance without an onClick */
+        appearClickable: i().bool,
         children: i().node,
         columnId: i().any,
         elementRef: i().oneOfType([ i().func, i().object ]),
@@ -1805,7 +1832,7 @@
         /** @private. */
         zIndex: i().number
     };
-    var wn = {
+    var On = {
         align: "left",
         resizable: true,
         showGuideline: "none",
@@ -1814,15 +1841,15 @@
         visible: true,
         zIndex: 1
     };
-    var xn =  function(e) {
-        dn(n, e);
-        var t = pn(n);
+    var Rn =  function(e) {
+        bn(n, e);
+        var t = hn(n);
         // @docs-props-type HeadCellPropsBase
                 function n(e) {
             var r;
-            cn(this, n);
+            pn(this, n);
             r = t.call(this, e);
-            hn(yn(r), "handleClick", (function(e) {
+            kn(wn(r), "handleClick", (function(e) {
                 var t, n;
                 // ignore clicks on the resize handle
                                 if (e.target.getAttribute("data-test") !== "resize" && r.props.onSort && r.props.index !== undefined) {
@@ -1837,7 +1864,7 @@
                 }
                 (t = (n = r.props).onClick) === null || t === void 0 ? void 0 : t.call(n);
             }));
-            hn(yn(r), "handleKeyDown", (function(e) {
+            kn(wn(r), "handleKeyDown", (function(e) {
                 var t = r.props, n = t.columnId, o = t.index, i = t.onKeyDown, a = t.onRequestMoveColumn;
                 if (e.target.getAttribute("data-test") !== "resize") {
                     if ((0, O.keycode)(e.nativeEvent) === "enter") {
@@ -1863,19 +1890,19 @@
                     });
                 }
             }));
-            hn(yn(r), "handleDragStart", (function(e, t) {
+            kn(wn(r), "handleDragStart", (function(e, t) {
                 var n, o;
                 r.setState({
                     isDragging: true
                 });
                 (n = (o = r.props).onDragStart) === null || n === void 0 ? void 0 : n.call(o, e, t);
             }));
-            hn(yn(r), "handleDragEnd", (function() {
+            kn(wn(r), "handleDragEnd", (function() {
                 r.setState({
                     isDragging: false
                 });
             }));
-            hn(yn(r), "sortDirAriaMapping", {
+            kn(wn(r), "sortDirAriaMapping", {
                 asc: "ascending",
                 desc: "descending",
                 none: "none"
@@ -1885,104 +1912,103 @@
             };
             return r;
         }
-        sn(n, [ {
+        yn(n, [ {
             key: "render",
             value: function e() {
-                var t = this.props, o = t.align, i = t.children, a = t.columnId, l = t.elementRef, c = t.hasActionsHead, u = t.id, s = t.index, d = t.onAutosizeColumn, f = t.onClick, p = t.onDragStart, v = t.onRequestResize, y = t.onSort, b = t.resizable, m = t.showGuideline, g = t.sortDir, w = t.style, x = t.variant, C = t.truncate, S = t.visible, k = t.width, O = t.zIndex;
-                var R = !!p;
-                var E = !!y && !!g;
-                var I = f !== undefined;
-                var j = Xe()(w, {
-                    width: k
+                var t = this.props, o = t.align, i = t.appearClickable, a = t.children, l = t.columnId, c = t.elementRef, u = t.hasActionsHead, s = t.id, d = t.index, f = t.onAutosizeColumn, p = t.onClick, v = t.onDragStart, y = t.onRequestResize, b = t.onSort, m = t.resizable, g = t.showGuideline, w = t.sortDir, x = t.style, C = t.variant, k = t.truncate, S = t.visible, O = t.width, R = t.zIndex;
+                var E = !!v;
+                var I = !!b && !!w;
+                var j = p !== undefined;
+                var D = Qe()(x, {
+                    width: O
                 });
-                var D = c ? false : C;
-                var _ = this.context.headType;
+                var _ = u ? false : k;
+                var T = this.context.headType;
                 /* eslint-disable jsx-a11y/no-static-element-interactions */                
-                return r().createElement(wt, en({
-                    style: j,
-                    ref: l,
-                    "aria-sort": y && (this.sortDirAriaMapping[g] || "none"),
+                return r().createElement(Ot, an({
+                    style: D,
+                    ref: c,
+                    "aria-sort": b && (this.sortDirAriaMapping[w] || "none"),
                     "data-test": "head-cell",
-                    "data-test-label": Ue()(i) ? i : undefined,
-                    "data-test-sort-dir": y && g,
-                    id: S ? u : undefined,
-                    onClick: y || I ? this.handleClick : undefined,
-                    tabIndex: S && (R || y || I) ? 0 : undefined,
+                    "data-test-label": Xe()(a) ? a : undefined,
+                    "data-test-sort-dir": b && w,
+                    id: S ? s : undefined,
+                    onClick: b || j ? this.handleClick : undefined,
+                    tabIndex: S && (E || b || j) ? 0 : undefined,
                     $dragging: this.state.isDragging || undefined,
-                    $clickable: R || E || I,
-                    $variant: x,
-                    $zIndex: O,
-                    $isFixed: _ === "fixed"
-                }, h()(this.props, [].concat(tn(Object.keys(n.propTypes)), [ "id", "style" ])), {
-                    onKeyDown: R || y || I ? this.handleKeyDown : undefined
-                }),  r().createElement(Yt, {
-                    label: i,
+                    $clickable: i || E || I || j,
+                    $focusWithin: i,
+                    $variant: C,
+                    $zIndex: R,
+                    $isFixed: T === "fixed"
+                }, h()(this.props, [].concat(ln(Object.keys(n.propTypes)), [ "id", "style" ])), {
+                    onKeyDown: E || b || j ? this.handleKeyDown : undefined
+                }),  r().createElement(tn, {
+                    label: a,
                     align: o,
-                    columnId: a,
-                    hasActionsHead: c,
-                    id: u,
-                    index: s,
-                    resizable: S && b,
-                    onDragStart: p ? this.handleDragStart : undefined,
-                    onDragEnd: p ? this.handleDragEnd : undefined,
-                    onAutosizeColumn: d,
-                    onRequestResize: v,
-                    sortDir: y && g,
-                    truncate: D,
-                    width: k
-                }), m !== "none" &&  r().createElement(xt, {
-                    $position: m
+                    columnId: l,
+                    hasActionsHead: u,
+                    id: s,
+                    index: d,
+                    resizable: S && m,
+                    onDragStart: v ? this.handleDragStart : undefined,
+                    onDragEnd: v ? this.handleDragEnd : undefined,
+                    onAutosizeColumn: f,
+                    onRequestResize: y,
+                    sortDir: b && w,
+                    truncate: _,
+                    width: O
+                }), g !== "none" &&  r().createElement(Rt, {
+                    $position: g
                 }));
                 /* eslint-enable jsx-a11y/no-static-element-interactions */            }
         } ]);
         return n;
     }(n.Component);
-    hn(xn, "splunkUiType", "Table.HeadCell");
-    hn(xn, "propTypes", gn);
-    hn(xn, "defaultProps", wn);
-    hn(xn, "contextType", Jt);
-    /* harmony default export */    const Cn = xn;
+    kn(Rn, "splunkUiType", "Table.HeadCell");
+    kn(Rn, "propTypes", Sn);
+    kn(Rn, "defaultProps", On);
+    kn(Rn, "contextType", rn);
+    /* harmony default export */    const En = Rn;
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Info"
-    const Sn = require("@splunk/react-icons/enterprise/Info");
-    var kn =  e.n(Sn);
+    const In = require("@splunk/react-icons/enterprise/Info");
+    var jn =  e.n(In);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
-    const On = require("@splunk/react-icons/ChevronRight");
-    var Rn =  e.n(On);
+    const Dn = require("@splunk/react-icons/ChevronRight");
+    var _n =  e.n(Dn);
     // CONCATENATED MODULE: ./src/Table/icons/HeadExpandRows.tsx
     /* This file works around the use of withSplunkTheme in Head. */
-    function En() {
+    function Tn() {
         var e = (0, A.useSplunkTheme)(), t = e.isEnterprise;
-        var n = (0, ct._)("More Information");
-        return t ?  r().createElement(kn(), {
+        var n = (0, Ue._)("More Information");
+        return t ?  r().createElement(jn(), {
             hideDefaultTooltip: true,
             screenReaderText: n
-        }) :  r().createElement(Rn(), {
+        }) :  r().createElement(_n(), {
             "aria-label": n,
             height: "16px",
             width: "16px"
         });
     }
     // 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 jn = require("@splunk/react-icons/DotsThreeVertical");
-    var Dn =  e.n(jn);
+    const Pn = require("@splunk/react-icons/DotsThreeVertical");
+    var An =  e.n(Pn);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const _n = require("@splunk/react-ui/Button");
-    var Tn =  e.n(_n);
+    const zn = require("@splunk/react-ui/Button");
+    var Hn =  e.n(zn);
     // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const qn = require("@splunk/react-ui/Dropdown");
-    var Pn =  e.n(qn);
+    const Mn = require("@splunk/react-ui/Dropdown");
+    var $n =  e.n(Mn);
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-    const An = require("@splunk/react-ui/Tooltip");
-    var zn =  e.n(An);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-    const Hn = require("@splunk/ui-utils/format");
+    const Nn = require("@splunk/react-ui/Tooltip");
+    var Ln =  e.n(Nn);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
-    const Mn = require("@splunk/react-icons/enterprise/ChevronRight");
-    var Nn =  e.n(Mn);
+    const Wn = require("@splunk/react-icons/enterprise/ChevronRight");
+    var Bn =  e.n(Wn);
     // CONCATENATED MODULE: ./src/Table/icons/ExpansionRow.tsx
-    function $n(e, t) {
+    function Fn(e, t) {
         var n = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var r = Object.getOwnPropertySymbols(e);
@@ -1993,24 +2019,24 @@
         }
         return n;
     }
-    function Ln(e) {
+    function Kn(e) {
         for (var t = 1; t < arguments.length; t++) {
             var n = arguments[t] != null ? arguments[t] : {};
             if (t % 2) {
-                $n(Object(n), true).forEach((function(t) {
-                    Wn(e, t, n[t]);
+                Fn(Object(n), true).forEach((function(t) {
+                    Vn(e, t, n[t]);
                 }));
             } else if (Object.getOwnPropertyDescriptors) {
                 Object.defineProperties(e, Object.getOwnPropertyDescriptors(n));
             } else {
-                $n(Object(n)).forEach((function(t) {
+                Fn(Object(n)).forEach((function(t) {
                     Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
                 }));
             }
         }
         return e;
     }
-    function Wn(e, t, n) {
+    function Vn(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -2023,29 +2049,29 @@
         }
         return e;
     }
-    var Bn = {
+    var Un = {
         className: i().string,
         expanded: i().bool
     };
-    var Fn = function e(t) {
+    var Gn = function e(t) {
         var n = t.className, o = t.expanded;
         var i = (0, A.useSplunkTheme)(), a = i.isEnterprise;
         var l = {
             className: n
         };
-        var c = Ln(Ln({}, l), {}, {
+        var c = Kn(Kn({}, l), {}, {
             hideDefaultTooltip: true,
             screenReaderText: null
         });
-        var u = Ln({}, l);
-        var s = a ?  r().createElement(Nn(), c) :  r().createElement(Rn(), u);
+        var u = Kn({}, l);
+        var s = a ?  r().createElement(Bn(), c) :  r().createElement(_n(), u);
         
         return r().createElement("div", {
             "aria-hidden": true,
-            title: o ? (0, ct._)("Collapse row") : (0, ct._)("Expand row")
+            title: o ? (0, Ue._)("Collapse row") : (0, Ue._)("Expand row")
         }, s);
     };
-    var Kn = P()(Fn).withConfig({
+    var Xn = P()(Gn).withConfig({
         displayName: "ExpansionRow__StyledExpansionRowIcon",
         componentId: "sc-1b6vao4-0"
     })([ "transition:transform ", ";", "" ], (0, A.pick)({
@@ -2054,10 +2080,10 @@
     }), (function(e) {
         return e.expanded && (0, q.css)([ "transform:rotate(90deg);" ]);
     }));
-    Kn.propTypes = Bn;
-    /* harmony default export */    const Vn = Kn;
+    Xn.propTypes = Un;
+    /* harmony default export */    const Yn = Xn;
     // CONCATENATED MODULE: ./src/Table/RowDragCellStyles.ts
-    var Un = P().td.withConfig({
+    var Qn = P().td.withConfig({
         displayName: "RowDragCellStyles__StyledCell",
         componentId: "sc-9kbaj2-0"
     })([ "", " cursor:move;touch-action:none;width:", ";vertical-align:middle;& + &{border-left:", ";}&:focus{outline:0;box-shadow:", ";}&:hover{background-color:", ";outline:none;}&:active{background-color:", ";box-shadow:", ";}" ], A.mixins.reset("table-cell"), (0, 
@@ -2076,13 +2102,13 @@
     }), (0, A.pick)({
         prisma: A.variables.interactiveColorOverlayActive
     }), A.variables.focusShadowInset);
-    var Gn = P().div.withConfig({
+    var Jn = P().div.withConfig({
         displayName: "RowDragCellStyles__StyledDrag",
         componentId: "sc-9kbaj2-1"
     })([ "", " ", ";justify-content:center;cursor:move;-webkit-user-drag:element;user-select:none;& > div{margin:0;}@media print{background-image:none;}" ], A.mixins.reset("flex"), A.mixins.clearfix());
     // CONCATENATED MODULE: ./src/Table/RowDragCell.tsx
-    function Xn() {
-        Xn = Object.assign || function(e) {
+    function Zn() {
+        Zn = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -2093,11 +2119,11 @@
             }
             return e;
         };
-        return Xn.apply(this, arguments);
+        return Zn.apply(this, arguments);
     }
-    function Yn(e, t) {
+    function er(e, t) {
         if (e == null) return {};
-        var n = Qn(e, t);
+        var n = tr(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
@@ -2110,7 +2136,7 @@
         }
         return n;
     }
-    function Qn(e, t) {
+    function tr(e, t) {
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
@@ -2122,7 +2148,7 @@
         }
         return n;
     }
-    var Jn = {
+    var nr = {
         activeElementId: i().string,
         dataId: i().oneOfType([ i().string, i().number ]),
         index: i().number,
@@ -2130,8 +2156,8 @@
         onRequestMoveRow: i().func,
         rowSpan: i().number
     };
-    function Zn(e) {
-        var t = e.activeElementId, o = e.onRequestMoveRow, i = e.index, a = e.dataId, l = e.onKeyDown, c = Yn(e, [ "activeElementId", "onRequestMoveRow", "index", "dataId", "onKeyDown" ]);
+    function rr(e) {
+        var t = e.activeElementId, o = e.onRequestMoveRow, i = e.index, a = e.dataId, l = e.onKeyDown, c = er(e, [ "activeElementId", "onRequestMoveRow", "index", "dataId", "onKeyDown" ]);
         var u = (0, n.useRef)(null);
         (0, n.useEffect)((function() {
             // get handle of the element and add focus
@@ -2169,21 +2195,21 @@
             }
         }
         
-        return r().createElement(Un, Xn({}, c, {
+        return r().createElement(Qn, Zn({}, c, {
             "data-helper": true,
             "data-test": "drag",
             onKeyDown: d,
             tabIndex: 0
-        }),  r().createElement(Gn, {
+        }),  r().createElement(Jn, {
             ref: s
-        },  r().createElement(Rt, {
-            screenReaderContent: (0, ct._)("Press up or down arrow key to reorder the columns.")
+        },  r().createElement(_t, {
+            screenReaderContent: (0, Ue._)("Press up or down arrow key to reorder the columns.")
         })));
     }
-    Zn.propTypes = Jn;
-    /* harmony default export */    const er = Zn;
+    rr.propTypes = nr;
+    /* harmony default export */    const or = rr;
     // CONCATENATED MODULE: ./src/Table/RowStyles.ts
-    var tr = P().tr.withConfig({
+    var ir = P().tr.withConfig({
         displayName: "RowStyles__StyledStripeNone",
         componentId: "f0igqq-0"
     })([ "", " background-color:", ";", ";@media print{background-color:none;}", " ", "" ], A.mixins.reset("table-row"), (0, 
@@ -2211,7 +2237,7 @@
             prisma: A.variables.contentColorDisabled
         }));
     }));
-    var nr = P()(tr).withConfig({
+    var ar = P()(ir).withConfig({
         displayName: "RowStyles__StyledStripeOdd",
         componentId: "f0igqq-1"
     })([ "background-color:", ";" ], (0, A.pick)({
@@ -2220,7 +2246,7 @@
         },
         prisma: A.variables.transparent
     }));
-    var rr = P()(tr).withConfig({
+    var lr = P()(ir).withConfig({
         displayName: "RowStyles__StyledStripeEven",
         componentId: "f0igqq-2"
     })([ "background-color:", ";" ], (0, A.pick)({
@@ -2230,24 +2256,31 @@
         },
         prisma: A.variables.transparent
     }));
-    var or = P()(Le).withConfig({
-        displayName: "RowStyles__StyledCellSelectionDisabled",
+    var cr = P()(We).withConfig({
+        displayName: "RowStyles__StyledToggleCell",
         componentId: "f0igqq-3"
-    })([ "&&{cursor:not-allowed;}" ]);
-    var ir = P()(Le).withConfig({
+    })([ "height:1px;" ]);
+    var ur = P()(We).withConfig({
         displayName: "RowStyles__StyledCellExpansionDisabled",
         componentId: "f0igqq-4"
     })([ "width:", ";" ], (0, A.pick)({
         enterprise: "35px",
         prisma: "40px"
     }));
+    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
+    const sr = require("@splunk/react-ui/Clickable");
+    var dr =  e.n(sr);
     // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
-    const ar = require("@splunk/react-ui/Switch");
-    var lr =  e.n(ar);
+    const fr = require("@splunk/react-ui/Switch");
+    var pr =  e.n(fr);
     // CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
-    var cr = P()(lr()).withConfig({
-        displayName: "ToggleStyles__StyledSwitch",
+    var vr = P()(dr()).withConfig({
+        displayName: "ToggleStyles__StyledClickable",
         componentId: "sc-1x3ikch-0"
+    })([ "height:100%;width:100%;display:flex;justify-content:center;" ]);
+    var yr = P()(pr()).withConfig({
+        displayName: "ToggleStyles__StyledSwitch",
+        componentId: "sc-1x3ikch-1"
     })([ "margin:", ";justify-content:center;" ], (0, A.pickVariant)("$allRows", {
         true: {
             enterprise: "-6px 0",
@@ -2256,8 +2289,8 @@
         false: "-6px 0"
     }));
     // CONCATENATED MODULE: ./src/Table/Toggle.tsx
-    function ur() {
-        ur = Object.assign || function(e) {
+    function br() {
+        br = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -2268,11 +2301,11 @@
             }
             return e;
         };
-        return ur.apply(this, arguments);
+        return br.apply(this, arguments);
     }
-    function sr(e, t) {
+    function mr(e, t) {
         if (e == null) return {};
-        var n = dr(e, t);
+        var n = hr(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
@@ -2285,7 +2318,7 @@
         }
         return n;
     }
-    function dr(e, t) {
+    function hr(e, t) {
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
@@ -2297,56 +2330,50 @@
         }
         return n;
     }
-    var fr = {
+    var gr = {
         allRows: i().bool,
         disabled: i().bool,
         onClick: i().func,
         selected: i().oneOf([ true, false, "some" ])
     };
-    function pr(e) {
-        var t = e.allRows, n = t === void 0 ? false : t, o = e.disabled, i = e.selected, a = i === void 0 ? false : i, l = sr(e, [ "allRows", "disabled", "selected" ]);
-        var c = n ? (0, ct._)("No rows selected") : (0, ct._)("Row unselected");
-        if (a === "some") {
-            c = (0, ct._)("Some rows selected");
-        } else if (a) {
-            c = n ? (0, ct._)("All rows selected") : (0, ct._)("Row selected");
-        }
+    function wr(e) {
+        var t = e.allRows, n = e.disabled, o = e.onClick, i = e.selected, a = mr(e, [ "allRows", "disabled", "onClick", "selected" ]);
         
-        return r().createElement(cr, ur({
-            $allRows: n
-        }, l, {
+        return r().createElement(vr, br({
+            "aria-checked": i === "some" ? "mixed" : i,
+            disabled: n,
+            onClick: o,
+            role: "checkbox"
+        }, a),  r().createElement(yr, {
+            $allRows: t || false,
             interactive: false,
-            disabled: o,
+            disabled: n,
             value: "",
-            selected: a,
-            "aria-label": c,
-            selectedLabel: n ? (0, ct._)("All rows selected") : (0, ct._)("Row selected"),
-            unselectedLabel: n ? (0, ct._)("No rows selected") : (0, ct._)("Row unselected"),
-            someSelectedLabel: (0, ct._)("Some rows selected")
+            selected: i
         }));
     }
-    pr.propTypes = fr;
-    /* harmony default export */    const vr = pr;
+    wr.propTypes = gr;
+    /* harmony default export */    const xr = wr;
     // CONCATENATED MODULE: ./src/Table/Row.tsx
-    function yr(e) {
+    function Cr(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            yr = function e(t) {
+            Cr = function e(t) {
                 return typeof t;
             };
         } else {
-            yr = function e(t) {
+            Cr = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return yr(e);
+        return Cr(e);
     }
-    function br(e, t) {
+    function kr(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function mr(e, t) {
+    function Sr(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || false;
@@ -2355,12 +2382,12 @@
             Object.defineProperty(e, r.key, r);
         }
     }
-    function hr(e, t, n) {
-        if (t) mr(e.prototype, t);
-        if (n) mr(e, n);
+    function Or(e, t, n) {
+        if (t) Sr(e.prototype, t);
+        if (n) Sr(e, n);
         return e;
     }
-    function gr(e, t) {
+    function Rr(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -2371,41 +2398,41 @@
                 configurable: true
             }
         });
-        if (t) wr(e, t);
+        if (t) Er(e, t);
     }
-    function wr(e, t) {
-        wr = Object.setPrototypeOf || function e(t, n) {
+    function Er(e, t) {
+        Er = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return wr(e, t);
+        return Er(e, t);
     }
-    function xr(e) {
-        var t = kr();
+    function Ir(e) {
+        var t = _r();
         return function n() {
-            var r = Or(e), o;
+            var r = Tr(e), o;
             if (t) {
-                var i = Or(this).constructor;
+                var i = Tr(this).constructor;
                 o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
-            return Cr(this, o);
+            return jr(this, o);
         };
     }
-    function Cr(e, t) {
-        if (t && (yr(t) === "object" || typeof t === "function")) {
+    function jr(e, t) {
+        if (t && (Cr(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return Sr(e);
+        return Dr(e);
     }
-    function Sr(e) {
+    function Dr(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function kr() {
+    function _r() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -2416,13 +2443,13 @@
             return false;
         }
     }
-    function Or(e) {
-        Or = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function Tr(e) {
+        Tr = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return Or(e);
+        return Tr(e);
     }
-    function Rr(e, t, n) {
+    function qr(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -2435,9 +2462,9 @@
         }
         return e;
     }
-    function Er(e, t) {
+    function Pr(e, t) {
         if (e == null) return {};
-        var n = Ir(e, t);
+        var n = Ar(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
@@ -2450,7 +2477,7 @@
         }
         return n;
     }
-    function Ir(e, t) {
+    function Ar(e, t) {
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
@@ -2462,8 +2489,8 @@
         }
         return n;
     }
-    function jr() {
-        jr = Object.assign || function(e) {
+    function zr() {
+        zr = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -2474,14 +2501,14 @@
             }
             return e;
         };
-        return jr.apply(this, arguments);
+        return zr.apply(this, arguments);
     }
-    var Dr = {
-        odd: nr,
-        even: rr,
-        none: tr
+    var Hr = {
+        odd: ar,
+        even: lr,
+        none: ir
     };
-    /** @public */    var _r = {
+    /** @public */    var Mr = {
         /** @private. Generally passed by Table rather than added directly. */
         activeElementId: i().string,
         actionPrimary: i().element,
@@ -2518,37 +2545,37 @@
         /** @private. */
         stripe: i().oneOf([ "odd", "even", "none" ])
     };
-    var Tr = {
+    var $r = {
         stripe: "none",
         primaryColumnIndex: 0
     };
-    var qr =  r().forwardRef((function(e, t) {
+    var Nr =  r().forwardRef((function(e, t) {
         var n = (0, A.useSplunkTheme)(), o = n.isCompact;
         var i = o ? "20px" : "24px";
         
-        return r().createElement(zn(), jr({
-            content: (0, ct._)("Actions"),
+        return r().createElement(Ln(), zr({
+            content: (0, Ue._)("Actions"),
             contentRelationship: "label"
-        }, e),  r().createElement(Tn(), {
+        }, e),  r().createElement(Hn(), {
             appearance: "secondary",
             "data-test": "actions-secondary-toggle",
-            icon:  r().createElement(Dn(), {
+            icon:  r().createElement(An(), {
                 height: i,
                 width: i
             }),
             elementRef: t
         }));
     }));
-    function Pr(e) {
+    function Lr(e) {
         var t;
-        var o = e.actions, i = e.actionPrimary, a = e.actionsSecondary, c = e.activeElementId, u = e.children, s = e.data, d = e.dataId, f = e.disabled, p = e.draggable, v = e.elementRef, y = e.expandable, b = e.expanded, m = e.expansionRow, g = e.index, w = e.movableColumns, x = e.onClick, C = e.onExpansion, S = e.onKeyDown, k = e.onRequestMoveRow, R = e.onRequestToggle, E = e.primaryColumnIndex, I = e.rowScreenReaderText, j = e.selected, D = e.stripe, _ = Er(e, [ "actions", "actionPrimary", "actionsSecondary", "activeElementId", "children", "data", "dataId", "disabled", "draggable", "elementRef", "expandable", "expanded", "expansionRow", "index", "movableColumns", "onClick", "onExpansion", "onKeyDown", "onRequestMoveRow", "onRequestToggle", "primaryColumnIndex", "rowScreenReaderText", "selected", "stripe" ]);
+        var o = e.actions, i = e.actionPrimary, a = e.actionsSecondary, c = e.activeElementId, u = e.children, s = e.data, d = e.dataId, f = e.disabled, p = e.draggable, v = e.elementRef, y = e.expandable, b = e.expanded, m = e.expansionRow, g = e.index, w = e.movableColumns, x = e.onClick, C = e.onExpansion, k = e.onKeyDown, S = e.onRequestMoveRow, R = e.onRequestToggle, E = e.primaryColumnIndex, I = e.rowScreenReaderText, j = e.selected, D = e.stripe, _ = Pr(e, [ "actions", "actionPrimary", "actionsSecondary", "activeElementId", "children", "data", "dataId", "disabled", "draggable", "elementRef", "expandable", "expanded", "expansionRow", "index", "movableColumns", "onClick", "onExpansion", "onKeyDown", "onRequestMoveRow", "onRequestToggle", "primaryColumnIndex", "rowScreenReaderText", "selected", "stripe" ]);
         var T = (0, l.useSortable)({
             // @dnd-kit requires "id" to be greater than 0 https://github.com/clauderic/dnd-kit/issues/1150
             // TODO: FormRows drag functionality doesn't work without an index, but it's not a required prop SUI-5639
             id: (g || 0) + 1
-        }), q = T.attributes, P = T.listeners, A = T.transform, z = T.transition, M = T.setNodeRef, N = T.isDragging;
-        var $ = p ? {
-            transform: In.CSS.Transform.toString(A),
+        }), q = T.attributes, P = T.listeners, A = T.transform, z = T.transition, M = T.setNodeRef, $ = T.isDragging;
+        var N = p ? {
+            transform: qn.CSS.Transform.toString(A),
             transition: z
         } : {};
         var L = (0, n.useRef)(null);
@@ -2572,7 +2599,7 @@
             if ((0, O.keycode)(t.nativeEvent) === "enter" && x) {
                 x(t, s);
             }
-            S === null || S === void 0 ? void 0 : S(t);
+            k === null || k === void 0 ? void 0 : k(t);
         };
         var F = function e(t) {
             if (!f) {
@@ -2648,31 +2675,30 @@
             Y = "".concat((J = X[0]) === null || J === void 0 ? void 0 : J.props.children);
             if (false) {}
         }
-        var Z = (0, Hn.sprintf)((0, ct._)("%(selected)s"), {
+        var Z = (0, st.sprintf)((0, Ue._)("%(selected)s"), {
             selected: j ? "selected" : "unselected"
         });
-        var ee = Dr[D];
-        var te = f ? or : Le;
-        var ne = b ? n.Children.count(m) + 1 : undefined;
-        var re = w ? "false" : undefined;
-        var oe = function e() {
+        var ee = Hr[D];
+        var te = b ? n.Children.count(m) + 1 : undefined;
+        var ne = w ? "false" : undefined;
+        var re = function e() {
             
-            return r().createElement(qr, null);
+            return r().createElement(Nr, null);
         };
-        var ie = X.map((function(e) {
+        var oe = X.map((function(e) {
             // Only Cells need dragging shadow
             var t = e.type.splunkUiType;
             if (t === "Table.Cell") {
                 var n, o;
                 
-                return r().createElement(Le, {
+                return r().createElement(We, {
                     key: "drag-shadow-cell-".concat((n = e.props) === null || n === void 0 ? void 0 : n.children)
                 }, (o = e.props) === null || o === void 0 ? void 0 : o.children);
             }
             return e;
         }));
         
-        return r().createElement(ee, jr({
+        return r().createElement(ee, zr({
             "data-test": "row",
             "data-test-selected": R ? j : undefined,
             $clickable: !!x,
@@ -2685,103 +2711,104 @@
             onClick: x ? W : undefined,
             onKeyDown: B,
             $rowSelected: !!(R && j),
-            style: $
-        }), N ?  r().createElement(r().Fragment, null, p &&  r().createElement(er, null), ie) :  r().createElement(r().Fragment, null, p &&  r().createElement(er, jr({
+            style: N
+        }), $ ?  r().createElement(r().Fragment, null, p &&  r().createElement(or, null), oe) :  r().createElement(r().Fragment, null, p &&  r().createElement(or, zr({
             activeElementId: c,
             dataId: d,
             index: g,
-            onRequestMoveRow: k
-        }, q, P)), R &&  r().createElement(te, {
-            "aria-label": (0, Hn.sprintf)((0, ct._)("%(rowLabelValue)s %(selectedString)s"), {
+            onRequestMoveRow: S
+        }, q, P)), R &&  r().createElement(cr, {
+            align: "center",
+            appearClickable: !f,
+            appearance: x ? "rowLink" : "data",
+            disabled: f,
+            variant: "toggle",
+            "data-movable-column": ne,
+            rowSpan: te,
+            "data-test": "toggle"
+        },  r().createElement(xr, {
+            "aria-label": (0, st.sprintf)((0, Ue._)("%(rowLabelValue)s %(selectedString)s"), {
                 rowLabelValue: Y,
                 selectedString: Z
             }),
-            appearance: x ? "rowLink" : "data",
-            "data-test": "toggle",
-            variant: "toggle",
-            "data-movable-column": re,
-            onClick: F,
-            rowSpan: ne,
-            role: "checkbox",
-            "aria-checked": j
-        },  r().createElement(vr, {
             disabled: f,
+            onClick: F,
             selected: j
-        })), y && m &&  r().createElement(Le, {
+        })), y && m &&  r().createElement(We, {
             align: "center",
             appearance: "data",
             "aria-expanded": b,
-            "aria-label": (0, ct._)("Expandable row"),
-            "data-movable-column": re,
+            "aria-label": (0, Ue._)("Expandable row"),
+            "data-movable-column": ne,
             "data-test": "expand",
             expand: b,
             onClick: K,
-            rowSpan: ne,
+            rowSpan: te,
             variant: "expand"
-        },  r().createElement(Vn, {
+        },  r().createElement(Yn, {
             expanded: b
-        })), y && !m &&  r().createElement(ir, {
+        })), y && !m &&  r().createElement(ur, {
             variant: "expand",
-            "data-movable-column": re
-        }), N ? null : X, o && !i && !a &&  r().createElement(Le, {
+            "data-movable-column": ne
+        }), $ ? null : X, o && !i && !a &&  r().createElement(We, {
             align: "right",
             appearance: f ? "data" : "rowLink",
             "data-test": "row-actions",
             variant: "actions",
-            "data-movable-column": re
-        }), (i || a) &&  r().createElement(Le, {
+            "data-movable-column": ne
+        }), (i || a) &&  r().createElement(We, {
             align: "right",
             appearance: "rowLink",
             "data-test": "row-actions",
             variant: "actions",
-            "data-movable-column": re
-        }, i && V(), a &&  r().createElement(Pn(), {
-            toggle: oe()
+            "data-movable-column": ne
+        }, i && V(), a &&  r().createElement($n(), {
+            toggle: re()
         }, U()))));
     }
-    Pr.propTypes = _r;
-    var Ar =  function(e) {
-        gr(n, e);
-        var t = xr(n);
+    Lr.propTypes = Mr;
+    var Wr =  function(e) {
+        Rr(n, e);
+        var t = Ir(n);
         function n() {
-            br(this, n);
+            kr(this, n);
             return t.apply(this, arguments);
         }
-        hr(n, [ {
+        Or(n, [ {
             key: "render",
             // @docs-props-type RowPropsBase
             value: function e() {
                 
-                return r().createElement(Pr, this.props);
+                return r().createElement(Lr, this.props);
             }
         } ]);
         return n;
     }(n.Component);
-    Rr(Ar, "splunkUiType", "Table.Row");
-    Rr(Ar, "propTypes", _r);
-    Rr(Ar, "defaultProps", Tr);
-    Ar.propTypes = _r;
-    /* harmony default export */    const zr = Ar;
+    qr(Wr, "splunkUiType", "Table.Row");
+    qr(Wr, "propTypes", Mr);
+    qr(Wr, "defaultProps", $r);
+    Wr.propTypes = Mr;
+    /* harmony default export */    const Br = Wr;
     // CONCATENATED MODULE: ./src/Table/HeadStyles.ts
-    var Hr = P().thead.withConfig({
+    var Fr = P().thead.withConfig({
         displayName: "HeadStyles__Styled",
         componentId: "iap21t-0"
     })([ "", ";" ], A.mixins.reset("table-header-group"));
-    var Mr = P()(Cn).withConfig({
+    var Kr = P()(En).withConfig({
         displayName: "HeadStyles__StyledToggleAll",
         componentId: "iap21t-1"
     })([ "width:", ";" ], (0, A.pick)({
         enterprise: "42px",
         prisma: "40px"
     }));
-    var Nr = P()(Cn).withConfig({
+    var Vr = P()(En).withConfig({
         displayName: "HeadStyles__StyledInfo",
         componentId: "iap21t-2"
     })([ "width:", ";" ], (0, A.pick)({
         enterprise: "32px",
         prisma: "40px"
     }));
-    var $r = P()(Cn).withConfig({
+    var Ur = P()(En).withConfig({
         displayName: "HeadStyles__StyledDragRow",
         componentId: "iap21t-3"
     })([ "width:", ";" ], (0, A.pick)({
@@ -2789,21 +2816,21 @@
         prisma: "40px"
     }));
     // CONCATENATED MODULE: ./src/Table/Head.tsx
-    function Lr(e) {
+    function Gr(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            Lr = function e(t) {
+            Gr = function e(t) {
                 return typeof t;
             };
         } else {
-            Lr = function e(t) {
+            Gr = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return Lr(e);
+        return Gr(e);
     }
-    function Wr() {
-        Wr = Object.assign || function(e) {
+    function Xr() {
+        Xr = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -2814,14 +2841,14 @@
             }
             return e;
         };
-        return Wr.apply(this, arguments);
+        return Xr.apply(this, arguments);
     }
-    function Br(e, t) {
+    function Yr(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function Fr(e, t) {
+    function Qr(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || false;
@@ -2830,12 +2857,12 @@
             Object.defineProperty(e, r.key, r);
         }
     }
-    function Kr(e, t, n) {
-        if (t) Fr(e.prototype, t);
-        if (n) Fr(e, n);
+    function Jr(e, t, n) {
+        if (t) Qr(e.prototype, t);
+        if (n) Qr(e, n);
         return e;
     }
-    function Vr(e, t) {
+    function Zr(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -2846,41 +2873,41 @@
                 configurable: true
             }
         });
-        if (t) Ur(e, t);
+        if (t) eo(e, t);
     }
-    function Ur(e, t) {
-        Ur = Object.setPrototypeOf || function e(t, n) {
+    function eo(e, t) {
+        eo = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return Ur(e, t);
+        return eo(e, t);
     }
-    function Gr(e) {
-        var t = Qr();
+    function to(e) {
+        var t = oo();
         return function n() {
-            var r = Jr(e), o;
+            var r = io(e), o;
             if (t) {
-                var i = Jr(this).constructor;
+                var i = io(this).constructor;
                 o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
-            return Xr(this, o);
+            return no(this, o);
         };
     }
-    function Xr(e, t) {
-        if (t && (Lr(t) === "object" || typeof t === "function")) {
+    function no(e, t) {
+        if (t && (Gr(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return Yr(e);
+        return ro(e);
     }
-    function Yr(e) {
+    function ro(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function Qr() {
+    function oo() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -2891,13 +2918,13 @@
             return false;
         }
     }
-    function Jr(e) {
-        Jr = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function io(e) {
+        io = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return Jr(e);
+        return io(e);
     }
-    function Zr(e, t, n) {
+    function ao(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -2910,7 +2937,7 @@
         }
         return e;
     }
-    var eo = {
+    var lo = {
         /** @private. */
         actions: i().arrayOf(i().node),
         /** @private. */
@@ -2940,25 +2967,25 @@
         /** @private. */
         rowSelection: i().oneOf([ "all", "some", "none" ])
     };
-    var to = {
+    var co = {
         cellMinWidth: 60,
         actions: []
     };
-    var no = 3;
-    var ro = 2;
-    var oo = 1;
-    var io =  function(e) {
-        Vr(o, e);
-        var t = Gr(o);
+    var uo = 3;
+    var so = 2;
+    var fo = 1;
+    var po =  function(e) {
+        Zr(o, e);
+        var t = to(o);
         // @docs-props-type HeadPropsBase
                 function o(e) {
             var r;
-            Br(this, o);
+            Yr(this, o);
             r = t.call(this, e);
-            Zr(Yr(r), "cells", void 0);
-            Zr(Yr(r), "el", null);
-            Zr(Yr(r), "providedWidths", []);
-            Zr(Yr(r), "onRequestMoveColumn", (function(e) {
+            ao(ro(r), "cells", void 0);
+            ao(ro(r), "el", null);
+            ao(ro(r), "providedWidths", []);
+            ao(ro(r), "onRequestMoveColumn", (function(e) {
                 var t = e.columnId, o = e.fromIndex, i = e.toIndex;
                 if (i < n.Children.toArray(r.props.children).length) {
                     var a, l;
@@ -2970,7 +2997,7 @@
                     });
                 }
             }));
-            Zr(Yr(r), "manageResize", (function(e, t) {
+            ao(ro(r), "manageResize", (function(e, t) {
                 var n = t.columnId, o = t.id, i = t.index, a = t.width;
                 var l = r.props, c = l.cellMinWidth, u = l.onRequestResizeColumn;
                 var s = r.context.tableContainerWidthWithoutBorders;
@@ -3054,13 +3081,13 @@
                             u === null || u === void 0 ? void 0 : u(e, t);
                         } else {
                             // make the cell as big as we can without letting perceivedWidthOfLastCell go below cellMinWidth
-                            var S = C - c;
-                            var k = f + S;
+                            var k = C - c;
+                            var S = f + k;
                             u === null || u === void 0 ? void 0 : u(e, {
                                 columnId: n,
                                 id: o,
                                 index: i,
-                                width: k
+                                width: S
                             });
                         }
                     } else {
@@ -3073,13 +3100,13 @@
                     }
                 }
             }));
-            Zr(Yr(r), "handleMount", (function(e) {
+            ao(ro(r), "handleMount", (function(e) {
                 r.el = e;
                 H(r.props.elementRef, e);
             }));
-            Zr(Yr(r), "handleDragStart", (function(e, t) {
+            ao(ro(r), "handleDragStart", (function(e, t) {
                 var n, o;
-                var i = Dt();
+                var i = At();
                 r.setState({
                     dragColumnId: t
                 });
@@ -3088,7 +3115,7 @@
                     dragIndex: e
                 });
             }));
-            Zr(Yr(r), "handleDragEnd", (function() {
+            ao(ro(r), "handleDragEnd", (function() {
                 var e = r.state.dragColumnId;
                 var t = r.props.dragIndex;
                 var n = r.calculateGuideIndex();
@@ -3110,7 +3137,7 @@
             if (false) {}
             return r;
         }
-        Kr(o, [ {
+        Jr(o, [ {
             key: "componentDidUpdate",
             value: function e() {
                 if (false) {}
@@ -3124,7 +3151,7 @@
             key: "getCellWidths",
             value: function e() {
                 var t, n, r;
-                var o = Dt();
+                var o = At();
                 var i = Array.from((t = (n = this.el) === null || n === void 0 ? void 0 : (r = n.firstElementChild) === null || r === void 0 ? void 0 : r.children) !== null && t !== void 0 ? t : []);
                 var a = i.map((function(e) {
                     var t = o.getComputedStyle(e);
@@ -3152,7 +3179,7 @@
                     return -1;
                 }
                 this.cells = Array.from((t = (n = this.el) === null || n === void 0 ? void 0 : (r = n.firstElementChild) === null || r === void 0 ? void 0 : r.children) !== null && t !== void 0 ? t : []).slice(l ? 1 : 0).slice(c ? 1 : 0).slice(u ? 1 : 0);
-                var s = Be()(this.cells, (function(e) {
+                var s = Fe()(this.cells, (function(e) {
                     var t = e.getBoundingClientRect();
                     return a !== undefined && a > t.left && a < t.right;
                 }));
@@ -3169,7 +3196,7 @@
         }, {
             key: "cleanupDrag",
             value: function e() {
-                var t = Dt();
+                var t = At();
                 t.removeEventListener("dragend", this.handleDragEnd);
                 this.cells = undefined;
             }
@@ -3182,15 +3209,15 @@
                 var w = this.calculateGuideIndex();
                 var x = n.Children.toArray(c).filter(n.isValidElement);
                 var C = x.length + (a.length || l ? 1 : 0);
-                var S = [];
-                var k = x.map((function(e, r, o) {
+                var k = [];
+                var S = x.map((function(e, r, o) {
                     var i = "none";
                     if (w === o.length && r + 1 === o.length) {
                         i = "after";
                     } else if (w === r) {
                         i = "before";
                     }
-                    S.push(e.props.width);
+                    k.push(e.props.width);
                     
                     return (0, n.cloneElement)(e, {
                         index: r,
@@ -3203,60 +3230,65 @@
                         zIndex: C - r
                     });
                 }));
-                this.providedWidths = S;
+                this.providedWidths = k;
                 var O = {
                     all: true,
                     none: false,
                     some: "some"
                 };
                 var R = y === undefined ? undefined : O[y];
-                var E = R === "some" ? "mixed" : R;
-                var I = l || 48;
-                var j = m === "fixed" ? "fixed-head" : "head";
+                var E = l || 48;
+                var I = m === "fixed" ? "fixed-head" : "head";
+                var j = (0, Ue._)("No rows selected");
+                if (R === "some") {
+                    j = (0, Ue._)("Some rows selected");
+                } else if (R) {
+                    j = (0, Ue._)("All rows selected");
+                }
                 
-                return r().createElement(Hr, Wr({
+                return r().createElement(Fr, Xr({
                     ref: this.handleMount,
-                    "data-test": j
-                }, h()(this.props, Ke()(o.propTypes))),  r().createElement(zr, null, u &&  r().createElement($r, {
+                    "data-test": I
+                }, h()(this.props, Ve()(o.propTypes))),  r().createElement(Br, null, u &&  r().createElement(Ur, {
                     key: "drag_rows_head_cell",
                     "data-test": "drag-rows-head-cell",
                     align: "center",
                     resizable: false,
-                    zIndex: C + no
-                }), v &&  r().createElement(Mr, {
+                    zIndex: C + uo
+                }), v &&  r().createElement(Kr, {
                     key: "toggle_all",
-                    "data-test": "toggle-all",
+                    appearClickable: true,
                     resizable: false,
                     align: "center",
-                    onClick: v,
                     variant: "toggleAll",
                     truncate: false,
-                    role: "checkbox",
-                    "aria-checked": E,
-                    zIndex: C + ro
-                },  r().createElement(vr, {
-                    selected: R,
-                    allRows: true
-                })), s &&  r().createElement(Nr, {
+                    zIndex: C + so,
+                    "data-test": "toggle-all"
+                },  r().createElement(xr, {
+                    allRows: true,
+                    "aria-label": j,
+                    onClick: v,
+                    selected: R
+                })), s &&  r().createElement(Vr, {
                     key: "more_info_head_cell",
                     "data-test": "more-info-head-cell",
                     align: "center",
                     resizable: false,
                     variant: "info",
-                    zIndex: C + oo
-                },  r().createElement(En, null)), k, a.length > 0 &&  r().createElement(Cn, {
+                    zIndex: C + fo
+                },  r().createElement(Tn, null)), S, a.length > 0 &&  r().createElement(En, {
                     hasActionsHead: true,
                     key: "actions_head_cell",
                     "data-test": "actions-head-cell",
                     align: "right",
                     resizable: false,
-                    width: I,
+                    width: E,
                     style: {
-                        minWidth: I
+                        minWidth: E
                     },
                     variant: "actions",
                     zIndex: 1
-                }, a), a.length === 0 && l &&  r().createElement(Cn, {
+                }, a), a.length === 0 && l &&  r().createElement(En, {
                     key: "actions_head_cell",
                     "data-test": "actions-head-cell",
                     align: "right",
@@ -3279,38 +3311,38 @@
         } ]);
         return o;
     }(n.Component);
-    Zr(io, "contextType", Jt);
-    Zr(io, "splunkUiType", "Table.Head");
-    Zr(io, "propTypes", eo);
-    Zr(io, "defaultProps", to);
-    /* harmony default export */    const ao = io;
+    ao(po, "contextType", rn);
+    ao(po, "splunkUiType", "Table.Head");
+    ao(po, "propTypes", lo);
+    ao(po, "defaultProps", co);
+    /* harmony default export */    const vo = po;
     // CONCATENATED MODULE: external "lodash/isFinite"
-    const lo = require("lodash/isFinite");
-    var co =  e.n(lo);
+    const yo = require("lodash/isFinite");
+    var bo =  e.n(yo);
     // CONCATENATED MODULE: external "lodash/isFunction"
-    const uo = require("lodash/isFunction");
-    var so =  e.n(uo);
+    const mo = require("lodash/isFunction");
+    var ho =  e.n(mo);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const fo = require("@splunk/ui-utils/id");
+    const go = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const po = require("@splunk/react-ui/Popover");
-    var vo =  e.n(po);
+    const wo = require("@splunk/react-ui/Popover");
+    var xo =  e.n(wo);
     // CONCATENATED MODULE: ./src/Table/HeadDropdownCell.tsx
-    function yo(e) {
+    function Co(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            yo = function e(t) {
+            Co = function e(t) {
                 return typeof t;
             };
         } else {
-            yo = function e(t) {
+            Co = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return yo(e);
+        return Co(e);
     }
-    function bo() {
-        bo = Object.assign || function(e) {
+    function ko() {
+        ko = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -3321,41 +3353,41 @@
             }
             return e;
         };
-        return bo.apply(this, arguments);
+        return ko.apply(this, arguments);
     }
-    function mo(e) {
-        return xo(e) || wo(e) || go(e) || ho();
+    function So(e) {
+        return Io(e) || Eo(e) || Ro(e) || Oo();
     }
-    function ho() {
+    function Oo() {
         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 go(e, t) {
+    function Ro(e, t) {
         if (!e) return;
-        if (typeof e === "string") return Co(e, t);
+        if (typeof e === "string") return jo(e, t);
         var n = Object.prototype.toString.call(e).slice(8, -1);
         if (n === "Object" && e.constructor) n = e.constructor.name;
         if (n === "Map" || n === "Set") return Array.from(e);
-        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Co(e, t);
+        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return jo(e, t);
     }
-    function wo(e) {
+    function Eo(e) {
         if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
     }
-    function xo(e) {
-        if (Array.isArray(e)) return Co(e);
+    function Io(e) {
+        if (Array.isArray(e)) return jo(e);
     }
-    function Co(e, t) {
+    function jo(e, t) {
         if (t == null || t > e.length) t = e.length;
         for (var n = 0, r = new Array(t); n < t; n++) {
             r[n] = e[n];
         }
         return r;
     }
-    function So(e, t) {
+    function Do(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function ko(e, t) {
+    function _o(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || false;
@@ -3364,12 +3396,12 @@
             Object.defineProperty(e, r.key, r);
         }
     }
-    function Oo(e, t, n) {
-        if (t) ko(e.prototype, t);
-        if (n) ko(e, n);
+    function To(e, t, n) {
+        if (t) _o(e.prototype, t);
+        if (n) _o(e, n);
         return e;
     }
-    function Ro(e, t) {
+    function qo(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -3380,41 +3412,41 @@
                 configurable: true
             }
         });
-        if (t) Eo(e, t);
+        if (t) Po(e, t);
     }
-    function Eo(e, t) {
-        Eo = Object.setPrototypeOf || function e(t, n) {
+    function Po(e, t) {
+        Po = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return Eo(e, t);
+        return Po(e, t);
     }
-    function Io(e) {
-        var t = _o();
+    function Ao(e) {
+        var t = Mo();
         return function n() {
-            var r = To(e), o;
+            var r = $o(e), o;
             if (t) {
-                var i = To(this).constructor;
+                var i = $o(this).constructor;
                 o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
-            return jo(this, o);
+            return zo(this, o);
         };
     }
-    function jo(e, t) {
-        if (t && (yo(t) === "object" || typeof t === "function")) {
+    function zo(e, t) {
+        if (t && (Co(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return Do(e);
+        return Ho(e);
     }
-    function Do(e) {
+    function Ho(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function _o() {
+    function Mo() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -3425,13 +3457,13 @@
             return false;
         }
     }
-    function To(e) {
-        To = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function $o(e) {
+        $o = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return To(e);
+        return $o(e);
     }
-    function qo(e, t, n) {
+    function No(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -3444,16 +3476,16 @@
         }
         return e;
     }
-    /** @public */    var Po = [ "clickAway", "contentClick", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-    var Ao = {
+    /** @public */    var Lo = [ "clickAway", "contentClick", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+    var Wo = {
         align: i().oneOf([ "left", "center", "right" ]),
         canCoverHead: i().bool,
         children: i().node.isRequired,
-        closeReasons: i().arrayOf(i().oneOf(Po)),
+        closeReasons: i().arrayOf(i().oneOf(Lo)),
         columnId: i().any,
         defaultPlacement: i().oneOf([ "above", "below", "left", "right", "vertical", "horizontal" ]),
         elementRef: i().oneOfType([ i().func, i().object ]),
-        focusToggleReasons: i().arrayOf(i().oneOf(Po)),
+        focusToggleReasons: i().arrayOf(i().oneOf(Lo)),
         /** @private The index of the cell, skipping the info column. */
         index: i().number,
         label: i().node,
@@ -3491,10 +3523,10 @@
         /** @private. */
         zIndex: i().number
     };
-    var zo = {
+    var Bo = {
         align: "left",
         canCoverHead: true,
-        closeReasons: Po,
+        closeReasons: Lo,
         defaultPlacement: "below",
         focusToggleReasons: [ "contentClick", "escapeKey", "toggleClick" ],
         repositionMode: "flip",
@@ -3505,9 +3537,9 @@
         visible: true,
         zIndex: 1
     };
-    var Ho =  function(e) {
-        Ro(n, e);
-        var t = Io(n);
+    var Fo =  function(e) {
+        qo(n, e);
+        var t = Ao(n);
         // @docs-props-type HeadDropdownCellPropsBase
         /**
    * Enumeration of the possible reasons for closing the Select.
@@ -3515,18 +3547,18 @@
    * docs extraction.
    */        function n(e) {
             var r;
-            So(this, n);
+            Do(this, n);
             r = t.call(this, e);
-            qo(Do(r), "cellId", void 0);
-            qo(Do(r), "controlledExternally", void 0);
-            qo(Do(r), "popoverId", void 0);
-            qo(Do(r), "handleMount", (function(e) {
+            No(Ho(r), "cellId", void 0);
+            No(Ho(r), "controlledExternally", void 0);
+            No(Ho(r), "popoverId", void 0);
+            No(Ho(r), "handleMount", (function(e) {
                 r.setState({
                     el: e
                 });
                 H(r.props.elementRef, e);
             }));
-            qo(Do(r), "handleRequestClose", (function(e) {
+            No(Ho(r), "handleRequestClose", (function(e) {
                 var t = e.reason, n = e.event;
                 var o = r.props, i = o.closeReasons, a = o.columnId, l = o.focusToggleReasons, c = o.index, u = o.onRequestClose;
                 if (t === "clickAway" && n !== undefined) {
@@ -3555,7 +3587,7 @@
                     });
                 }
             }));
-            qo(Do(r), "handleClick", (function(e) {
+            No(Ho(r), "handleClick", (function(e) {
                 var t = r.props, n = t.columnId, o = t.index;
  // ignore clicks on the resize handle
                                 if (e.target.getAttribute("data-test") === "resize") {
@@ -3584,7 +3616,7 @@
                     }
                 }
             }));
-            qo(Do(r), "handleKeyDown", (function(e) {
+            No(Ho(r), "handleKeyDown", (function(e) {
                 var t = r.props, n = t.columnId, o = t.index, i = t.onKeyDown, a = t.onRequestMoveColumn;
                 if (e.target.getAttribute("data-test") !== "resize") {
                     if ((0, O.keycode)(e.nativeEvent) === "enter") {
@@ -3610,20 +3642,20 @@
                     });
                 }
             }));
-            qo(Do(r), "handleContentClick", (function(e) {
+            No(Ho(r), "handleContentClick", (function(e) {
                 r.handleRequestClose({
                     reason: "contentClick",
                     event: e
                 });
             }));
-            qo(Do(r), "handleDragStart", (function(e, t) {
+            No(Ho(r), "handleDragStart", (function(e, t) {
                 var n, o;
                 r.setState({
                     isDragging: true
                 });
                 (n = (o = r.props).onDragStart) === null || n === void 0 ? void 0 : n.call(o, e, t);
             }));
-            qo(Do(r), "handleDragEnd", (function() {
+            No(Ho(r), "handleDragEnd", (function() {
                 r.setState({
                     isDragging: false
                 });
@@ -3634,12 +3666,12 @@
                 open: false
             };
             r.controlledExternally = d()(e, "open");
-            r.popoverId = (0, fo.createDOMID)("popover");
-            r.cellId = (0, fo.createDOMID)("cellId");
+            r.popoverId = (0, go.createDOMID)("popover");
+            r.cellId = (0, go.createDOMID)("cellId");
             if (false) {}
             return r;
         }
-        Oo(n, [ {
+        To(n, [ {
             key: "componentDidUpdate",
             value: function e(t) {
                 if (t.visible && !this.props.visible) {
@@ -3672,13 +3704,13 @@
             key: "render",
             value: function e() {
                 var t, o = this;
-                var i = this.props, a = i.align, l = i.canCoverHead, c = i.children, u = i.closeReasons, s = i.columnId, d = i.defaultPlacement, f = i.id, p = i.index, v = i.label, y = i.onAutosizeColumn, b = i.onDragStart, m = i.onRequestResize, g = i.repositionMode, w = i.resizable, x = i.retainFocus, C = i.showGuideline, S = i.style, k = i.takeFocus, O = i.truncate, R = i.variant, E = i.visible, I = i.width, j = i.zIndex;
+                var i = this.props, a = i.align, l = i.canCoverHead, c = i.children, u = i.closeReasons, s = i.columnId, d = i.defaultPlacement, f = i.id, p = i.index, v = i.label, y = i.onAutosizeColumn, b = i.onDragStart, m = i.onRequestResize, g = i.repositionMode, w = i.resizable, x = i.retainFocus, C = i.showGuideline, k = i.style, S = i.takeFocus, O = i.truncate, R = i.variant, E = i.visible, I = i.width, j = i.zIndex;
                 var _ = this.state, T = _.el, q = _.clientX;
                 var P = f || this.cellId;
                 var A = this.context.headType;
                 
-                return r().createElement(wt, bo({
-                    style: Xe()(S, {
+                return r().createElement(Ot, ko({
+                    style: Qe()(k, {
                         width: I
                     }),
                     "data-test": "head-cell",
@@ -3688,7 +3720,7 @@
                     id: E ? P : undefined,
                     tabIndex: E ? 0 : undefined,
                     ref: this.handleMount
-                }, h()(this.props, [].concat(mo(Object.keys(n.propTypes)), [ "id", "style" ])), {
+                }, h()(this.props, [].concat(So(Object.keys(n.propTypes)), [ "id", "style" ])), {
                     onClick: this.handleClick,
                     onKeyDown: this.handleKeyDown,
                     "aria-haspopup": true,
@@ -3696,7 +3728,7 @@
                     "aria-expanded": this.isOpen(),
                     $isFixed: A === "fixed",
                     $zIndex: j
-                }),  r().createElement(Yt, {
+                }),  r().createElement(tn, {
                     label: v,
                     align: a,
                     columnId: s,
@@ -3710,9 +3742,9 @@
                     onRequestResize: m,
                     truncate: O,
                     width: I
-                }), C !== "none" &&  r().createElement(xt, {
+                }), C !== "none" &&  r().createElement(Rt, {
                     $position: C
-                }),  r().createElement(vo(), {
+                }),  r().createElement(xo(), {
                     align: "center",
                     open: !!T && this.isOpen(),
                     autoCloseWhenOffScreen: D()(u, "offScreen"),
@@ -3724,11 +3756,11 @@
                     repositionMode: g,
                     id: this.popoverId,
                     "aria-labelledby": f || this.cellId,
-                    takeFocus: k,
-                    pointTo: q !== undefined && co()(q) ? {
+                    takeFocus: S,
+                    pointTo: q !== undefined && bo()(q) ? {
                         x: q - ((t = T === null || T === void 0 ? void 0 : T.getBoundingClientRect().left) !== null && t !== void 0 ? t : 0)
                     } : undefined
-                }, so()(c) ? function() {
+                }, ho()(c) ? function() {
                     
                     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
                     return r().createElement("div", {
@@ -3744,21 +3776,21 @@
         } ]);
         return n;
     }(n.Component);
-    qo(Ho, "splunkUiType", "Table.HeadDropdownCell");
-    qo(Ho, "possibleCloseReasons", Po);
-    qo(Ho, "propTypes", Ao);
-    qo(Ho, "defaultProps", zo);
-    qo(Ho, "contextType", Jt);
-    /* harmony default export */    const Mo = Ho;
+    No(Fo, "splunkUiType", "Table.HeadDropdownCell");
+    No(Fo, "possibleCloseReasons", Lo);
+    No(Fo, "propTypes", Wo);
+    No(Fo, "defaultProps", Bo);
+    No(Fo, "contextType", rn);
+    /* harmony default export */    const Ko = Fo;
     // CONCATENATED MODULE: external "lodash/extend"
-    const No = require("lodash/extend");
-    var $o =  e.n(No);
+    const Vo = require("lodash/extend");
+    var Uo =  e.n(Vo);
     // CONCATENATED MODULE: ./src/Table/HeadTableStyles.ts
-    var Lo = P()(fe).withConfig({
+    var Go = P()(fe).withConfig({
         displayName: "HeadTableStyles__Styled",
         componentId: "g85wgf-0"
     })([ "min-width:0;table-layout:fixed;" ]);
-    var Wo = P().div.withConfig({
+    var Xo = P().div.withConfig({
         displayName: "HeadTableStyles__StyledDockedContainer",
         componentId: "g85wgf-1"
     })([ "overflow:hidden;position:fixed;box-shadow:", ";z-index:", ";@media print{display:none;}" ], (0, 
@@ -3766,26 +3798,26 @@
         enterprise: A.variables.overlayShadow,
         prisma: "none"
     }), A.variables.zindexFixedNavbar);
-    var Bo = P()(Wo).withConfig({
+    var Yo = P()(Xo).withConfig({
         displayName: "HeadTableStyles__StyledFixedContainer",
         componentId: "g85wgf-2"
     })([ "position:absolute;box-shadow:none;z-index:1;" ]);
     // CONCATENATED MODULE: ./src/Table/HeadTable.tsx
-    function Fo(e) {
+    function Qo(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            Fo = function e(t) {
+            Qo = function e(t) {
                 return typeof t;
             };
         } else {
-            Fo = function e(t) {
+            Qo = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return Fo(e);
+        return Qo(e);
     }
-    function Ko() {
-        Ko = Object.assign || function(e) {
+    function Jo() {
+        Jo = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -3796,11 +3828,11 @@
             }
             return e;
         };
-        return Ko.apply(this, arguments);
+        return Jo.apply(this, arguments);
     }
-    function Vo(e, t) {
+    function Zo(e, t) {
         if (e == null) return {};
-        var n = Uo(e, t);
+        var n = ei(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
@@ -3813,7 +3845,7 @@
         }
         return n;
     }
-    function Uo(e, t) {
+    function ei(e, t) {
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
@@ -3825,12 +3857,12 @@
         }
         return n;
     }
-    function Go(e, t) {
+    function ti(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function Xo(e, t) {
+    function ni(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || false;
@@ -3839,12 +3871,12 @@
             Object.defineProperty(e, r.key, r);
         }
     }
-    function Yo(e, t, n) {
-        if (t) Xo(e.prototype, t);
-        if (n) Xo(e, n);
+    function ri(e, t, n) {
+        if (t) ni(e.prototype, t);
+        if (n) ni(e, n);
         return e;
     }
-    function Qo(e, t) {
+    function oi(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -3855,41 +3887,41 @@
                 configurable: true
             }
         });
-        if (t) Jo(e, t);
+        if (t) ii(e, t);
     }
-    function Jo(e, t) {
-        Jo = Object.setPrototypeOf || function e(t, n) {
+    function ii(e, t) {
+        ii = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return Jo(e, t);
+        return ii(e, t);
     }
-    function Zo(e) {
-        var t = ni();
+    function ai(e) {
+        var t = ui();
         return function n() {
-            var r = ri(e), o;
+            var r = si(e), o;
             if (t) {
-                var i = ri(this).constructor;
+                var i = si(this).constructor;
                 o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
-            return ei(this, o);
+            return li(this, o);
         };
     }
-    function ei(e, t) {
-        if (t && (Fo(t) === "object" || typeof t === "function")) {
+    function li(e, t) {
+        if (t && (Qo(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return ti(e);
+        return ci(e);
     }
-    function ti(e) {
+    function ci(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function ni() {
+    function ui() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -3900,13 +3932,13 @@
             return false;
         }
     }
-    function ri(e) {
-        ri = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function si(e) {
+        si = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return ri(e);
+        return si(e);
     }
-    function oi(e, t, n) {
+    function di(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -3919,7 +3951,7 @@
         }
         return e;
     }
-    var ii = {
+    var fi = {
         cellWidths: i().arrayOf(i().number).isRequired,
         dragIndex: i().number,
         elementRef: i().oneOfType([ i().func, i().object ]),
@@ -3936,30 +3968,30 @@
         top: i().number.isRequired,
         width: i().number.isRequired
     };
-    var ai = {
+    var pi = {
         horizontalOffset: 0
     };
     /**
  * @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.
- */    var li =  function(e) {
-        Qo(o, e);
-        var t = Zo(o);
+ */    var vi =  function(e) {
+        oi(o, e);
+        var t = ai(o);
         function o() {
             var e;
-            Go(this, o);
+            ti(this, o);
             for (var n = arguments.length, r = new Array(n), i = 0; i < n; i++) {
                 r[i] = arguments[i];
             }
             e = t.call.apply(t, [ this ].concat(r));
-            oi(ti(e), "head", null);
-            oi(ti(e), "handleHeadMount", (function(t) {
+            di(ci(e), "head", null);
+            di(ci(e), "handleHeadMount", (function(t) {
                 e.head = t;
             }));
             return e;
         }
-        Yo(o, [ {
+        ri(o, [ {
             key: "getHead",
             value: function e() {
                 return this.head;
@@ -3967,9 +3999,9 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, o = t.cellWidths, i = t.elementRef, a = t.hasDragColumn, l = t.hasRowExpansion, c = t.hasRowSelection, u = t.headType, s = t.horizontalOffset, d = t.isFixedColumn, f = t.tableStyle, p = t.tableWidth, v = t.tHead, y = t.top, b = t.width, m = Vo(t, [ "cellWidths", "elementRef", "hasDragColumn", "hasRowExpansion", "hasRowSelection", "headType", "horizontalOffset", "isFixedColumn", "tableStyle", "tableWidth", "tHead", "top", "width" ]);
+                var t = this.props, o = t.cellWidths, i = t.elementRef, a = t.hasDragColumn, l = t.hasRowExpansion, c = t.hasRowSelection, u = t.headType, s = t.horizontalOffset, d = t.isFixedColumn, f = t.tableStyle, p = t.tableWidth, v = t.tHead, y = t.top, b = t.width, m = Zo(t, [ "cellWidths", "elementRef", "hasDragColumn", "hasRowExpansion", "hasRowSelection", "headType", "horizontalOffset", "isFixedColumn", "tableStyle", "tableWidth", "tHead", "top", "width" ]);
                 var g = u === "docked";
-                var w = g ? Wo : Bo;
+                var w = g ? Xo : Yo;
                 var x = 0;
                 if (l) {
                     x += 1;
@@ -3985,12 +4017,12 @@
                 n.Children.toArray(v.props.children).filter(n.isValidElement).map((function(e, t) {
                     
                     return (0, n.cloneElement)(e, {
-                        style: $o()({}, e.props.style, {
+                        style: Uo()({}, e.props.style, {
                             width: o[t + x]
                         })
                     });
                 }));
-                var S =  (0, n.cloneElement)(v, {
+                var k =  (0, n.cloneElement)(v, {
                     ref: this.handleHeadMount,
                     "data-test": "".concat(u, "-head")
                 }, C);
@@ -4001,21 +4033,21 @@
                         width: b
                     },
                     ref: i
-                },  r().createElement(Lo, Ko({
+                },  r().createElement(Go, Jo({
                     "data-test": "".concat(u, "-head-table"),
                     "data-fixed-column": d ? "true" : undefined,
-                    style: $o()({}, f, {
+                    style: Uo()({}, f, {
                         marginLeft: s,
                         width: d ? undefined : p
                     })
-                }, h()(m, "dragIndex")), S));
+                }, h()(m, "dragIndex")), k));
             }
         } ]);
         return o;
     }(n.Component);
-    oi(li, "propTypes", ii);
-    oi(li, "defaultProps", ai);
-    /* harmony default export */    const ci = li;
+    di(vi, "propTypes", fi);
+    di(vi, "defaultProps", pi);
+    /* harmony default export */    const yi = vi;
     // CONCATENATED MODULE: ./src/utils/types.ts
     // see https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31245 for details
     // regarding the css prop. certain (versions of) libraries included in the compilation
@@ -4026,31 +4058,31 @@
     // 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 ui(e, t) {
+    function bi(e, t) {
         if (e === undefined || e === null) {
             throw new Error(t !== null && t !== void 0 ? t : "Unexpected undefined or null");
         }
     }
     // CONCATENATED MODULE: ./src/Table/Table.tsx
-    function si(e) {
+    function mi(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            si = function e(t) {
+            mi = function e(t) {
                 return typeof t;
             };
         } else {
-            si = function e(t) {
+            mi = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return si(e);
+        return mi(e);
     }
-    function di(e, t) {
+    function hi(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function fi(e, t) {
+    function gi(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || false;
@@ -4059,12 +4091,12 @@
             Object.defineProperty(e, r.key, r);
         }
     }
-    function pi(e, t, n) {
-        if (t) fi(e.prototype, t);
-        if (n) fi(e, n);
+    function wi(e, t, n) {
+        if (t) gi(e.prototype, t);
+        if (n) gi(e, n);
         return e;
     }
-    function vi(e, t) {
+    function xi(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -4075,41 +4107,41 @@
                 configurable: true
             }
         });
-        if (t) yi(e, t);
+        if (t) Ci(e, t);
     }
-    function yi(e, t) {
-        yi = Object.setPrototypeOf || function e(t, n) {
+    function Ci(e, t) {
+        Ci = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return yi(e, t);
+        return Ci(e, t);
     }
-    function bi(e) {
-        var t = gi();
+    function ki(e) {
+        var t = Ri();
         return function n() {
-            var r = wi(e), o;
+            var r = Ei(e), o;
             if (t) {
-                var i = wi(this).constructor;
+                var i = Ei(this).constructor;
                 o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
-            return mi(this, o);
+            return Si(this, o);
         };
     }
-    function mi(e, t) {
-        if (t && (si(t) === "object" || typeof t === "function")) {
+    function Si(e, t) {
+        if (t && (mi(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return hi(e);
+        return Oi(e);
     }
-    function hi(e) {
+    function Oi(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function gi() {
+    function Ri() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -4120,13 +4152,13 @@
             return false;
         }
     }
-    function wi(e) {
-        wi = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function Ei(e) {
+        Ei = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return wi(e);
+        return Ei(e);
     }
-    function xi(e, t, n) {
+    function Ii(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -4139,8 +4171,8 @@
         }
         return e;
     }
-    function Ci() {
-        Ci = Object.assign || function(e) {
+    function ji() {
+        ji = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -4151,42 +4183,42 @@
             }
             return e;
         };
-        return Ci.apply(this, arguments);
+        return ji.apply(this, arguments);
     }
-    function Si(e) {
-        return Ri(e) || Oi(e) || ji(e) || ki();
+    function Di(e) {
+        return qi(e) || Ti(e) || zi(e) || _i();
     }
-    function ki() {
+    function _i() {
         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 Oi(e) {
+    function Ti(e) {
         if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
     }
-    function Ri(e) {
-        if (Array.isArray(e)) return Di(e);
+    function qi(e) {
+        if (Array.isArray(e)) return Hi(e);
     }
-    function Ei(e, t) {
-        return Ti(e) || _i(e, t) || ji(e, t) || Ii();
+    function Pi(e, t) {
+        return $i(e) || Mi(e, t) || zi(e, t) || Ai();
     }
-    function Ii() {
+    function Ai() {
         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 ji(e, t) {
+    function zi(e, t) {
         if (!e) return;
-        if (typeof e === "string") return Di(e, t);
+        if (typeof e === "string") return Hi(e, t);
         var n = Object.prototype.toString.call(e).slice(8, -1);
         if (n === "Object" && e.constructor) n = e.constructor.name;
         if (n === "Map" || n === "Set") return Array.from(e);
-        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Di(e, t);
+        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Hi(e, t);
     }
-    function Di(e, t) {
+    function Hi(e, t) {
         if (t == null || t > e.length) t = e.length;
         for (var n = 0, r = new Array(t); n < t; n++) {
             r[n] = e[n];
         }
         return r;
     }
-    function _i(e, t) {
+    function Mi(e, t) {
         if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
         var n = [];
         var r = true;
@@ -4209,12 +4241,12 @@
         }
         return n;
     }
-    function Ti(e) {
+    function $i(e) {
         if (Array.isArray(e)) return e;
     }
-    function qi(e, t) {
+    function Ni(e, t) {
         if (e == null) return {};
-        var n = Pi(e, t);
+        var n = Li(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
@@ -4227,7 +4259,7 @@
         }
         return n;
     }
-    function Pi(e, t) {
+    function Li(e, t) {
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
@@ -4241,7 +4273,7 @@
     }
     // Exposed as static members of the Table class
     // Internal Helper Modules
-    /** @public */    var Ai = {
+    /** @public */    var Wi = {
         actions: i().arrayOf(i().element),
         actionsColumnWidth: i().number,
         children: i().node,
@@ -4263,7 +4295,7 @@
         onRequestResizeColumn: i().func,
         resizableFillLayout: i().bool
     };
-    var zi = {
+    var Bi = {
         actions: [],
         dockOffset: 0,
         headType: "inline",
@@ -4272,26 +4304,26 @@
         resizableFillLayout: false,
         primaryColumnIndex: 0
     };
-    var Hi = function e(t) {
+    var Fi = function e(t) {
         return t === "inline";
     };
-    var Mi = function e(t) {
+    var Ki = function e(t) {
         return t === "docked";
     };
-    var Ni = function e(t) {
+    var Vi = function e(t) {
         return t === "fixed";
     };
-    var $i = function e(t) {
-        var n = Dt();
+    var Ui = function e(t) {
+        var n = At();
         var r = t.getBoundingClientRect();
         return {
             top: r.top + n.pageYOffset,
             left: r.left + n.pageXOffset
         };
     };
-    var Li = function e(t) {
+    var Gi = function e(t) {
         var n, r;
-        var o = It();
+        var o = qt();
         if (t === undefined || t === null) {
             return undefined;
         }
@@ -4322,7 +4354,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 Wi(e, t) {
+ */    function Xi(e, t) {
         var n, r;
         var o = t.target, i = t.index;
         if (false) {}
@@ -4337,20 +4369,20 @@
         if (false) {}
         (n = a) === null || n === void 0 ? void 0 : (r = n.focus) === null || r === void 0 ? void 0 : r.call(n);
     }
-    function Bi(e) {
-        var t = e.actions, o = e.actionsColumnWidth, i = e.children, c = e.dockOffset, s = e.dockScrollBar, f = e.elementRef, p = e.headType, v = e.innerStyle, b = e.onRequestMoveColumn, m = e.onRequestMoveRow, g = e.onRequestResizeColumn, x = e.onRequestToggleAllRows, S = e.onScroll, E = e.outerStyle, j = e.primaryColumnIndex, D = e.resizableFillLayout, _ = e.rowExpansion, T = e.rowSelection, q = e.stripeRows, P = e.tableStyle, A = qi(e, [ "actions", "actionsColumnWidth", "children", "dockOffset", "dockScrollBar", "elementRef", "headType", "innerStyle", "onRequestMoveColumn", "onRequestMoveRow", "onRequestResizeColumn", "onRequestToggleAllRows", "onScroll", "outerStyle", "primaryColumnIndex", "resizableFillLayout", "rowExpansion", "rowSelection", "stripeRows", "tableStyle" ]);
-        var z = (0, n.useState)([]), H = Ei(z, 2), M = H[0], N = H[1];
-        var $ = (0, n.useState)(), L = Ei($, 2), W = L[0], B = L[1];
-        var F = (0, n.useState)(), K = Ei(F, 2), V = K[0], U = K[1];
-        var G = (0, n.useState)(), X = Ei(G, 2), Y = X[0], Q = X[1];
-        var J = (0, n.useState)(), Z = Ei(J, 2), ee = Z[0], te = Z[1];
+    function Yi(e) {
+        var t = e.actions, o = e.actionsColumnWidth, i = e.children, c = e.dockOffset, s = e.dockScrollBar, f = e.elementRef, p = e.headType, v = e.innerStyle, b = e.onRequestMoveColumn, m = e.onRequestMoveRow, g = e.onRequestResizeColumn, x = e.onRequestToggleAllRows, k = e.onScroll, E = e.outerStyle, j = e.primaryColumnIndex, D = e.resizableFillLayout, _ = e.rowExpansion, T = e.rowSelection, q = e.stripeRows, P = e.tableStyle, A = Ni(e, [ "actions", "actionsColumnWidth", "children", "dockOffset", "dockScrollBar", "elementRef", "headType", "innerStyle", "onRequestMoveColumn", "onRequestMoveRow", "onRequestResizeColumn", "onRequestToggleAllRows", "onScroll", "outerStyle", "primaryColumnIndex", "resizableFillLayout", "rowExpansion", "rowSelection", "stripeRows", "tableStyle" ]);
+        var z = (0, n.useState)([]), H = Pi(z, 2), M = H[0], $ = H[1];
+        var N = (0, n.useState)(), L = Pi(N, 2), W = L[0], B = L[1];
+        var F = (0, n.useState)(), K = Pi(F, 2), V = K[0], U = K[1];
+        var G = (0, n.useState)(), X = Pi(G, 2), Y = X[0], Q = X[1];
+        var J = (0, n.useState)(), Z = Pi(J, 2), ee = Z[0], te = Z[1];
  // states are used with dragging effect
-                var ne = (0, n.useState)(), re = Ei(ne, 2), oe = re[0], ie = re[1];
-        var ae = (0, n.useState)(), le = Ei(ae, 2), ce = le[0], ue = le[1];
-        var ye = (0, n.useState)(), be = Ei(ye, 2), me = be[0], he = be[1];
-        var ge = (0, n.useState)(), we = Ei(ge, 2), xe = we[0], Ce = we[1];
-        var Se = (0, n.useContext)(R.ScrollContainerContext);
-        var ke = (0, a.useSensors)((0, a.useSensor)(a.MouseSensor, {}), (0, a.useSensor)(a.TouchSensor, {}), (0, 
+                var ne = (0, n.useState)(), re = Pi(ne, 2), oe = re[0], ie = re[1];
+        var ae = (0, n.useState)(), le = Pi(ae, 2), ce = le[0], ue = le[1];
+        var ye = (0, n.useState)(), be = Pi(ye, 2), me = be[0], he = be[1];
+        var ge = (0, n.useState)(), we = Pi(ge, 2), xe = we[0], Ce = we[1];
+        var ke = (0, n.useContext)(R.ScrollContainerContext);
+        var Se = (0, a.useSensors)((0, a.useSensor)(a.MouseSensor, {}), (0, a.useSensor)(a.TouchSensor, {}), (0, 
         a.useSensor)(a.KeyboardSensor, {}));
         var Oe = (0, n.useRef)(null);
         var Re = (0, n.useRef)(null);
@@ -4364,8 +4396,8 @@
         var Pe = [];
         var Ae = [];
         var ze = (0, n.useCallback)((function() {
-            var e = Dt();
-            if (Hi(p)) {
+            var e = At();
+            if (Fi(p)) {
                 return;
             }
             var t = Te.current;
@@ -4376,11 +4408,11 @@
             }
             var o = n.getCellWidths();
             var i = n.getClientHeight();
-            var a = $i(r).top - e.pageYOffset - (i || 0) + r.offsetHeight;
+            var a = Ui(r).top - e.pageYOffset - (i || 0) + r.offsetHeight;
             var l = Math.min(a, Number(c));
             te(t === null || t === void 0 ? void 0 : t.clientWidth);
             U(r === null || r === void 0 ? void 0 : r.clientWidth);
-            N(o);
+            $(o);
             Q(l);
         }), [ c, p ]);
         (0, n.useEffect)((function() {
@@ -4399,8 +4431,8 @@
         }), [ M, p, qe, e, ze ]);
         function He(e) {
             var t = Te.current;
-            S === null || S === void 0 ? void 0 : S(e);
-            if ((Ni(p) || Mi(p)) && t) {
+            k === null || k === void 0 ? void 0 : k(e);
+            if ((Vi(p) || Ki(p)) && t) {
                 B(-t.scrollLeft);
             }
             if (Oe.current && De.current !== "dockedScrollBar" && t) {
@@ -4419,13 +4451,13 @@
                 De.current = undefined;
             }
         };
-        var Ne = w()(ze, 0);
-        var $e = w()(ze, 50);
+        var $e = w()(ze, 0);
+        var Ne = w()(ze, 50);
         (0, n.useEffect)((function() {
             // Using the return value of useCallback to recreate componentWillUnmount
             return function() {
-                Ne.cancel();
                 $e.cancel();
+                Ne.cancel();
             };
         }));
         var Le = function e(t) {
@@ -4435,15 +4467,15 @@
             if (t) {
                 // On mount, focus the applicable docked head cell if a primary head cell was focused.
                 if (Ee.current) {
-                    Wi(t.getHead(), Ee.current);
+                    Xi(t.getHead(), Ee.current);
                     Ee.current = undefined;
                 }
             } else {
                 var n;
                 // On unmount, focus the applicable primary head cell if a docked head cell was focused.
-                                var r = Li((n = Ie.current) === null || n === void 0 ? void 0 : n.getHead());
+                                var r = Gi((n = Ie.current) === null || n === void 0 ? void 0 : n.getHead());
                 if (r) {
-                    Wi(Re.current, r);
+                    Xi(Re.current, r);
                 }
             }
             Ie.current = t;
@@ -4465,7 +4497,7 @@
         var Ke = function e(t, n) {
             var r, o;
             var i = n.index, a = n.columnId;
-            var l = It();
+            var l = qt();
             if (i === undefined) {
                 return;
             }
@@ -4523,7 +4555,7 @@
                         Je();
         };
         var Je = function e() {
-            var t = Dt();
+            var t = At();
             t.removeEventListener("dragenter", Xe);
             t.removeEventListener("dragover", Ge);
             t.removeEventListener("drop", Ye);
@@ -4542,7 +4574,7 @@
                 }), []);
         var Ze = function e(t) {
             var n = t.dragIndex;
-            var r = Dt();
+            var r = At();
             ie(n);
             r.addEventListener("dragenter", Xe);
             r.addEventListener("dragover", Ge);
@@ -4621,15 +4653,15 @@
         };
         var ot = function e() {
             var t = Te.current;
-            var n = Dt();
-            if (!Mi(p) || !_e.current || !Re.current || !t) {
+            var n = At();
+            if (!Ki(p) || !_e.current || !Re.current || !t) {
                 return false;
             }
-            var r = $i(t).top;
+            var r = Ui(t).top;
             return n.pageYOffset >= r - (c || 0);
         };
         var it = function e() {
-            var t = Dt();
+            var t = At();
             var n = Te.current;
             if (!s || !_e.current || !n) {
                 return false;
@@ -4642,7 +4674,7 @@
                 // FIXME: handle inline
                 // Save the current head focus state so that it can be applied to the docked version
                 // after the `HeadTable` mounts.
-                Ee.current = Li(Re.current);
+                Ee.current = Gi(Re.current);
                 if (M === undefined || V === undefined || Y === undefined || ee === undefined) {
                     return false;
                 }
@@ -4650,7 +4682,7 @@
                     elementRef: null
                 });
                 
-                return r().createElement(ci, {
+                return r().createElement(yi, {
                     headType: "docked",
                     tHead: i,
                     cellWidths: M,
@@ -4671,7 +4703,7 @@
             return false;
         };
         var lt = function e() {
-            var t = Dt();
+            var t = At();
             if (!it()) {
                 return false;
             }
@@ -4738,7 +4770,7 @@
                 dt = e;
             }
         }));
-        ui(ut, "A Table.Head is required.");
+        bi(ut, "A Table.Head is required.");
         var pt = at(ut, ft);
  // When a `headTable` is used, suppress focus interactions in the primary `Head`. Focus
         // interactions will be handled by the overlaid `headTable` instead.
@@ -4750,8 +4782,8 @@
             });
         }));
         ut =  (0, n.cloneElement)(ut, {}, vt);
-        var yt = Se || Dt();
-        var bt = Ni(p) ? Te.current : yt;
+        var yt = ke || At();
+        var bt = Vi(p) ? Te.current : yt;
         if (D) {
             ft = false;
         }
@@ -4762,23 +4794,23 @@
             tableContainerWidthWithoutBorders: mt
         };
         
-        return r().createElement(se, Ci({
+        return r().createElement(se, ji({
             "data-test": "table",
             ref: f,
             style: E,
             "data-test-row-selection": x ? T : undefined
-        }, h()(A, [].concat(Si(Object.keys(Ai)), [ "style" ]))),  r().createElement(k(), {
-            target: Dt(),
+        }, h()(A, [].concat(Di(Object.keys(Wi)), [ "style" ]))),  r().createElement(S(), {
+            target: At(),
             eventType: "scroll",
-            listener: Ne,
+            listener: $e,
             options: {
                 passive: false,
                 capture: true
             }
         }),  r().createElement(C(), {
             handleWidth: true,
-            onResize: $e
-        }),  r().createElement(Jt.Provider, {
+            onResize: Ne
+        }),  r().createElement(rn.Provider, {
             value: ht
         }, pt,  r().createElement(de, {
             onScroll: He,
@@ -4787,7 +4819,7 @@
         },  r().createElement(R.ScrollContainerProvider, {
             value: bt
         },  r().createElement(a.DndContext, {
-            sensors: ke,
+            sensors: Se,
             onDragEnd: tt,
             onDragStart: et,
             collisionDetection: a.closestCenter
@@ -4802,41 +4834,41 @@
             $resizableFillLayout: D
         }, dt, ut, st))))), lt()));
     }
-    Bi.propTypes = Ai;
-    var Fi =  function(e) {
-        vi(n, e);
-        var t = bi(n);
+    Yi.propTypes = Wi;
+    var Qi =  function(e) {
+        xi(n, e);
+        var t = ki(n);
         function n() {
-            di(this, n);
+            hi(this, n);
             return t.apply(this, arguments);
         }
-        pi(n, [ {
+        wi(n, [ {
             key: "render",
             // @docs-props-type TablePropsBase
             value: function e() {
                 
-                return r().createElement(Bi, this.props);
+                return r().createElement(Yi, this.props);
             }
         } ]);
         return n;
     }(n.Component);
-    xi(Fi, "propTypes", Ai);
-    xi(Fi, "defaultProps", zi);
-    xi(Fi, "Caption", xe);
-    xi(Fi, "Head", ao);
-    xi(Fi, "HeadCell", Cn);
-    xi(Fi, "HeadDropdownCell", Mo);
-    xi(Fi, "Body", ue);
-    xi(Fi, "Row", zr);
-    xi(Fi, "Cell", Le);
-    Fi.Caption = xe;
-    Fi.Head = ao;
-    Fi.HeadCell = Cn;
-    Fi.HeadDropdownCell = Mo;
-    Fi.Body = ue;
-    Fi.Row = zr;
-    Fi.Cell = Le;
-    /* harmony default export */    const Ki = Fi;
+    Ii(Qi, "propTypes", Wi);
+    Ii(Qi, "defaultProps", Bi);
+    Ii(Qi, "Caption", xe);
+    Ii(Qi, "Head", vo);
+    Ii(Qi, "HeadCell", En);
+    Ii(Qi, "HeadDropdownCell", Ko);
+    Ii(Qi, "Body", ue);
+    Ii(Qi, "Row", Br);
+    Ii(Qi, "Cell", We);
+    Qi.Caption = xe;
+    Qi.Head = vo;
+    Qi.HeadCell = En;
+    Qi.HeadDropdownCell = Ko;
+    Qi.Body = ue;
+    Qi.Row = Br;
+    Qi.Cell = We;
+    /* harmony default export */    const Ji = Qi;
     // CONCATENATED MODULE: ./src/Table/index.ts
     module.exports = t;
     /******/})();