@splunk/react-ui 5.8.0 → 5.9.0

package/Table.js

@@ -65,7 +65,7 @@
         Caption: () => /* reexport */ de,
         Cell: () => /* reexport */ Oe,
         Head: () => /* reexport */ er,
-        HeadCell: () => /* reexport */ Mn,
+        HeadCell: () => /* reexport */ $n,
         HeadDropdownCell: () => /* reexport */ xr,
         Row: () => /* reexport */ Ht,
         default: () => /* reexport */ Qo
@@ -128,12 +128,12 @@
     const _ = require("styled-components");
     var z =  e.n(_);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const $ = require("@splunk/themes");
+    const M = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Table/BodyStyles.ts
-    var M = z().tbody.withConfig({
+    var $ = z().tbody.withConfig({
         displayName: "BodyStyles__Styled",
         componentId: "sc-1k5p6pq-0"
-    })([ "", " z-index:0;" ], $.mixins.reset("table-row-group"));
+    })([ "", " z-index:0;" ], M.mixins.reset("table-row-group"));
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -345,7 +345,7 @@
             return null;
         }
         
-        return r().createElement(M, L({
+        return r().createElement($, L({
             "data-test": "body"
         }, v, {
             ref: w
@@ -358,7 +358,7 @@
     var Q = z().div.withConfig({
         displayName: "TableStyles__Styled",
         componentId: "sc-1cmfss7-0"
-    })([ "", ";max-width:100%;position:relative;z-index:1;@media print{max-height:none !important;}" ], $.mixins.reset("block"));
+    })([ "", ";max-width:100%;position:relative;z-index:1;@media print{max-height:none !important;}" ], M.mixins.reset("block"));
     var Z = z().div.withConfig({
         displayName: "TableStyles__StyledTableContainer",
         componentId: "sc-1cmfss7-1"
@@ -369,14 +369,14 @@
     var ee = z().table.withConfig({
         displayName: "TableStyles__StyledTable",
         componentId: "sc-1cmfss7-2"
-    })([ "", ";position:relative;border-collapse:collapse;border-spacing:0;min-width:100%;z-index:0;height:1px;&[data-fixed-column='true']{table-layout:fixed;min-width:0;width:0;}", " @media print{width:100%;max-width:100%;table-layout:auto;}" ], $.mixins.reset("table"), (function(e) {
+    })([ "", ";position:relative;border-collapse:collapse;border-spacing:0;min-width:100%;z-index:0;height:1px;&[data-fixed-column='true']{table-layout:fixed;min-width:0;width:0;}", " @media print{width:100%;max-width:100%;table-layout:auto;}" ], M.mixins.reset("table"), (function(e) {
         var n = e.$resizableFillLayout;
         return n && (0, _.css)([ "width:100%;min-width:100%;table-layout:fixed;" ]);
     }));
     var ne = z().div.withConfig({
         displayName: "TableStyles__StyledDockedScrollbar",
         componentId: "sc-1cmfss7-3"
-    })([ "position:fixed;bottom:0;overflow:auto;z-index:calc(", " + 1);" ], $.variables.zindexFixedNavbar);
+    })([ "position:fixed;bottom:0;overflow:auto;z-index:calc(", " + 1);" ], M.variables.zindexFixedNavbar);
     var te = z().div.withConfig({
         displayName: "TableStyles__StyledDockedScrollbarContent",
         componentId: "sc-1cmfss7-4"
@@ -384,14 +384,14 @@
     var re = z().caption.withConfig({
         displayName: "TableStyles__StyledTableCaption",
         componentId: "sc-1cmfss7-5"
-    })([ "padding:", " 0;font-size:", ";caption-side:", ";" ], $.variables.spacingXSmall, $.variables.fontSizeLarge, (function(e) {
+    })([ "padding:", " 0;font-size:", ";caption-side:", ";" ], M.variables.spacingXSmall, M.variables.fontSizeLarge, (function(e) {
         var n = e.side;
         return n;
     }));
     var oe = z().table.withConfig({
         displayName: "TableStyles__StyledDragShadowTable",
         componentId: "sc-1cmfss7-6"
-    })([ "display:block;background:", ";border-collapse:collapse;height:", ";width:", ";" ], $.variables.interactiveColorOverlayDrag, (function(e) {
+    })([ "display:block;background:", ";border-collapse:collapse;height:", ";width:", ";" ], M.variables.interactiveColorOverlayDrag, (function(e) {
         var n = e.$height;
         return "".concat(n, "px");
     }), (function(e) {
@@ -407,7 +407,7 @@
     }), (function(e) {
         var n = e.$height;
         return "".concat(n, "px");
-    }), $.variables.interactiveColorAccent);
+    }), M.variables.interactiveColorAccent);
     // CONCATENATED MODULE: ./src/Table/Caption.tsx
     function ae() {
         return ae = Object.assign ? Object.assign.bind() : function(e) {
@@ -465,35 +465,35 @@
     const fe = require("@splunk/react-ui/ButtonSimple");
     // CONCATENATED MODULE: ./src/Table/CellStyles.ts
     var ve = "2px";
-    var pe = (0, _.css)([ "box-shadow:", ";" ], $.variables.focusShadowInset);
+    var pe = (0, _.css)([ "box-shadow:", ";" ], M.variables.focusShadowInset);
     var me = z().td.withConfig({
         displayName: "CellStyles__Styled",
         componentId: "sc-1955xk2-0"
-    })([ "", " line-height:", ";padding:", " ", ";border-left:0 solid transparent;border-right:0 solid transparent;color:", ";word-wrap:break-word;vertical-align:top;*:where(button):focus,&& *:is(:has(> input:focus)):not([disabled]){box-shadow:", ";}padding-block:", ";padding-inline:", ";", " ", " ", " [data-expansion-row='true'] > &:first-child{padding-top:8px;}[data-expansion-row='true'] > &:last-child{padding-bottom:14px;}", "" ], $.mixins.reset("table-cell"), $.variables.lineHeightSpacious, ve, $.variables.spacingSmall, $.variables.contentColorDefault, $.variables.focusShadowInset, (0, 
-    $.pick)({
+    })([ "", " line-height:", ";padding:", " ", ";border-left:0 solid transparent;border-right:0 solid transparent;color:", ";word-wrap:break-word;vertical-align:top;*:where(button):focus,&& *:is(:has(> input:focus)):not([disabled]){box-shadow:", ";}padding-block:", ";padding-inline:", ";", " ", " ", " [data-expansion-row='true'] > &:first-child{padding-top:8px;}[data-expansion-row='true'] > &:last-child{padding-bottom:14px;}", "" ], M.mixins.reset("table-cell"), M.variables.lineHeightSpacious, ve, M.variables.spacingSmall, M.variables.contentColorDefault, M.variables.focusShadowInset, (0, 
+    M.pick)({
         comfortable: "8px",
         compact: "6px"
-    }), $.variables.spacingSmall, (0, $.pickVariant)("$variant", {
+    }), M.variables.spacingSmall, (0, M.pickVariant)("$variant", {
         expand: (0, _.css)([ "height:100%;padding:0;" ]),
         toggle: (0, _.css)([ "height:100%;padding:0;" ])
     }), (function(e) {
         var n = e.$variant, t = e.$isPrimaryCell;
-        return (0, $.pickVariant)("$appearance", {
-            data: (0, _.css)([ "", "" ], n === "actions" && (0, _.css)([ "cursor:default;padding-block:", ";padding-inline:", ";*:where(button){", " &:focus{box-shadow:", ";}}" ], ve, $.variables.spacingSmall, (0, 
+        return (0, M.pickVariant)("$appearance", {
+            data: (0, _.css)([ "", "" ], n === "actions" && (0, _.css)([ "cursor:default;padding-block:", ";padding-inline:", ";*:where(button){", " &:focus{box-shadow:", ";}}" ], ve, M.variables.spacingSmall, (0, 
             fe.buttonMixin)("subtle", {
-                color: $.variables.contentColorDefault
-            }), $.variables.focusShadowInset)),
-            rowLink: (0, _.css)([ "color:", ";*:hover > &&{cursor:pointer;", "}" ], $.variables.contentColorActive, t && (0, 
+                color: M.variables.contentColorDefault
+            }), M.variables.focusShadowInset)),
+            rowLink: (0, _.css)([ "color:", ";*:hover > &&{cursor:pointer;", "}" ], M.variables.contentColorActive, t && (0, 
             _.css)([ "text-decoration:underline;" ])),
-            link: (0, _.css)([ "color:", ";&:hover{cursor:pointer;text-decoration:underline;}&:focus{text-decoration:underline;box-shadow:", ";}" ], $.variables.contentColorLink, $.variables.focusShadowInset)
+            link: (0, _.css)([ "color:", ";&:hover{cursor:pointer;text-decoration:underline;}&:focus{text-decoration:underline;box-shadow:", ";}" ], M.variables.contentColorLink, M.variables.focusShadowInset)
         });
     }), (function(e) {
-        var n = e.$clickable, t = e.$focusWithin, r = e.$stripe;
-        return n && (0, _.css)([ "cursor:pointer;&:hover{background-color:", ";}&:focus{", " background-color:", ";}", "" ], r === "even" ? $.variables.neutral300 : $.variables.neutral100, pe, r === "even" ? $.variables.neutral300 : $.variables.neutral100, t && (0, 
-        _.css)([ "&:focus-within{", " background-color:", ";}" ], pe, r === "even" ? $.variables.neutral300 : $.variables.neutral100));
+        var n = e.$clickable, t = e.$focusWithin;
+        return n && (0, _.css)([ "cursor:pointer;&:hover{background-color:", ";}&:focus{", " background-color:", ";}", "" ], M.variables.neutral100, pe, M.variables.neutral100, t && (0, 
+        _.css)([ "&:focus-within{", " background-color:", ";}" ], pe, M.variables.neutral100));
     }), (function(e) {
         var n = e.$isPinned;
-        return n && (0, _.css)([ "background-color:", ";position:sticky;inset-inline-end:-1px;&::before{content:'';position:absolute;left:0;top:0;bottom:0;border-left:1px solid ", ";}" ], $.variables.backgroundColorPage, $.variables.borderColor);
+        return n && (0, _.css)([ "background-color:", ";position:sticky;inset-inline-end:-1px;&::before{content:'';position:absolute;left:0;top:0;bottom:0;border-left:1px solid ", ";}" ], M.variables.backgroundColorPage, M.variables.borderColor);
     }));
     /*
  * A wrapper ensures that the Table Cell contents align to the top while staying within the height of inputHeight.
@@ -501,13 +501,13 @@
  */    var be = z().div.withConfig({
         displayName: "CellStyles__StyledCellContent",
         componentId: "sc-1955xk2-1"
-    })([ "display:flex;align-items:flex-start;", " ", " ", "" ], (0, $.pickVariant)("$variant", {
+    })([ "display:flex;align-items:flex-start;", " ", " ", "" ], (0, M.pickVariant)("$variant", {
         expand: (0, _.css)([ "height:100%;" ]),
         toggle: (0, _.css)([ "height:100%;" ])
     }), (function(e) {
         var n = e.$variant, t = e.$align;
         return n ? (0, _.css)([ "display:block;text-align:", ";" ], t) : (0, _.css)([ "justify-content:", ";text-align:", ";" ], t, t);
-    }), (0, $.pickVariant)("$horizontalOverflow", {
+    }), (0, M.pickVariant)("$horizontalOverflow", {
         auto: (0, _.css)([ "word-break:break-word;" ]),
         scroll: (0, _.css)([ "overflow-wrap:wrap;" ])
     }));
@@ -640,15 +640,15 @@
     var _e = 4;
     var ze = _e;
  // While this could theoretically be different, it helps for cohesivity in look and feel when some columns are truncated and others are not.
-        var $e = (0, _.css)([ "display:inline-flex;align-items:center;grid-row:1;height:1lh;" ]);
-    var Me = z().span.withConfig({
+        var Me = (0, _.css)([ "display:inline-flex;align-items:center;grid-row:1;height:1lh;" ]);
+    var $e = z().span.withConfig({
         displayName: "HeadInnerStyles__StyledIcon",
         componentId: "sc-1sa0wng-0"
-    })([ "", " grid-column:icon;" ], $e);
+    })([ "", " grid-column:icon;" ], Me);
     var Ne = z().span.withConfig({
         displayName: "HeadInnerStyles__StyledTooltipIcon",
         componentId: "sc-1sa0wng-1"
-    })([ "", " grid-column:tooltip;" ], $e);
+    })([ "", " grid-column:tooltip;" ], Me);
     var Le = z().span.withConfig({
         displayName: "HeadInnerStyles__StyledLabel",
         componentId: "sc-1sa0wng-2"
@@ -660,46 +660,46 @@
         return n && n > ze && (0, _.css)([ "word-wrap:break-word;word-break:break-word;" ]);
     }), (function(e) {
         var n = e.$truncate, t = e.$labelLength;
-        return (0, $.pickVariant)("$horizontalOverflow", {
-            auto: n && t && t > _e && (0, _.css)([ "", " min-width:4ch;" ], $.mixins.ellipsis()),
+        return (0, M.pickVariant)("$horizontalOverflow", {
+            auto: n && t && t > _e && (0, _.css)([ "", " min-width:4ch;" ], M.mixins.ellipsis()),
             scroll: (0, _.css)([ "white-space:nowrap;" ])
         });
-    }), (0, $.pickVariant)("$align", {
+    }), (0, M.pickVariant)("$align", {
         right: (0, _.css)([ "& > &{text-align:right;}" ]),
         left: (0, _.css)([ "& > &{text-align:left;}" ]),
         center: (0, _.css)([ "& > &{text-align:center;}" ])
     }));
-    var We = (0, _.css)([ "box-shadow:", ";outline:none;color:", ";text-decoration:underline;" ], $.variables.focusShadowInset, $.variables.contentColorActive);
+    var We = (0, _.css)([ "box-shadow:", ";outline:none;color:", ";text-decoration:underline;" ], M.variables.focusShadowInset, M.variables.contentColorActive);
     var He = z().div.withConfig({
         displayName: "HeadInnerStyles__Styled",
         componentId: "sc-1sa0wng-3"
-    })([ "", ";", ";", ";position:relative;", " grid-template-rows:1lh 1fr;align-items:start;flex-grow:1;height:100%;padding-block:", ";padding-inline:", ";justify-content:", ";", " ", " @media print{background-image:none;}", "" ], $.mixins.reset("grid"), $.mixins.clearfix(), $.mixins.typography("body", {
+    })([ "", ";", ";", ";position:relative;", " grid-template-rows:1lh 1fr;align-items:start;flex-grow:1;height:100%;padding-block:", ";padding-inline:", ";justify-content:", ";", " ", " @media print{background-image:none;}", "" ], M.mixins.reset("grid"), M.mixins.clearfix(), M.mixins.typography("body", {
         weight: "bold"
     }), (function(e) {
         var n = e.$hasTooltip, t = e.$hasIcon;
-        return (0, _.css)([ "grid-template-columns:[label] auto ", " ", ";column-gap:", ";" ], n ? "[tooltip] min-content" : "", t ? "[icon] min-content" : "", n || t ? $.variables.spacingXSmall : 0);
-    }), (0, $.pick)({
+        return (0, _.css)([ "grid-template-columns:[label] auto ", " ", ";column-gap:", ";" ], n ? "[tooltip] min-content" : "", t ? "[icon] min-content" : "", n || t ? M.variables.spacingXSmall : 0);
+    }), (0, M.pick)({
         comfortable: "8px",
         compact: "6px"
-    }), $.variables.spacingSmall, (0, $.pickVariant)("$align", {
+    }), M.variables.spacingSmall, (0, M.pickVariant)("$align", {
         center: "center",
         left: "flex-start",
         right: "flex-end"
     }), (function(e) {
         var n = e.$variant;
         return n && (0, _.css)([ "grid-template-columns:1fr;grid-template-rows:1fr;" ]);
-    }), (0, $.pickVariant)("$variant", {
+    }), (0, M.pickVariant)("$variant", {
         toggleAll: (0, _.css)([ "padding:0;" ]),
         actions: (0, _.css)([ "padding-block:2px;" ])
     }), (function(e) {
         var n = e.$clickable, t = e.$focusWithin;
         return n && (0, _.css)([ "cursor:pointer;&:focus{", "}", " &:hover{outline:none;text-decoration:underline;color:", ";}" ], We, t && (0, 
-        _.css)([ "&:focus-within{", "}" ], We), $.variables.contentColorActive);
+        _.css)([ "&:focus-within{", "}" ], We), M.variables.contentColorActive);
     }));
     var Ke = z()(qe()).withConfig({
         displayName: "HeadInnerStyles__StyledResize",
         componentId: "sc-1sa0wng-4"
-    })([ "", ";position:absolute;right:-5px;width:9px;top:0;bottom:0;z-index:1;cursor:col-resize;th:last-child > div > ", " > &{right:1px;width:4px;}&:hover{outline:none;&::before{content:'';background:", ";position:absolute;left:4px;width:1px;top:0;bottom:0;}}&:focus{outline:none;&::before{content:'';position:absolute;background:", ";box-shadow:", ";left:4px;width:1px;top:0;bottom:0;}}" ], $.mixins.reset("block"), /* sc-sel */ He, $.variables.borderColorStrong, $.variables.focusColor, $.variables.focusShadow);
+    })([ "", ";position:absolute;right:-5px;width:9px;top:0;bottom:0;z-index:1;cursor:col-resize;th:last-child > div > ", " > &{right:1px;width:4px;}&:hover{outline:none;&::before{content:'';background:", ";position:absolute;left:4px;width:1px;top:0;bottom:0;}}&:focus{outline:none;&::before{content:'';position:absolute;background:", ";box-shadow:", ";left:4px;width:1px;top:0;bottom:0;}}" ], M.mixins.reset("block"), /* sc-sel */ He, M.variables.borderColorStrong, M.variables.focusColor, M.variables.focusShadow);
     // CONCATENATED MODULE: ./src/Table/HeadCellStyles.ts
     var Ve = z().div.withConfig({
         displayName: "HeadCellStyles__StyledInnerWrapper",
@@ -708,22 +708,22 @@
     var Be = z().th.withConfig({
         displayName: "HeadCellStyles__Styled",
         componentId: "sc-1hj81sa-1"
-    })([ "", " line-height:", ";background-color:", ";box-sizing:content-box;text-align:left;vertical-align:", ";position:relative;height:100%;&:not(:first-child,:has(", ")){", "{border-left:1px solid ", ";}}&:has(", "){", "{border-right:1px solid ", ";}}&:nth-last-child(2):has(", ") + &:last-child{", "{border-left:none;}}*:where(button):focus{box-shadow:", ";}", " ", " ", " ", "" ], $.mixins.reset("table-cell"), $.variables.lineHeightSpacious, $.variables.neutral100, (function(e) {
+    })([ "", " line-height:", ";background-color:", ";box-sizing:content-box;text-align:left;vertical-align:", ";position:relative;height:100%;&:not(:first-child,:has(", ")){", "{border-left:1px solid ", ";}}&:has(", "){", "{border-right:1px solid ", ";}}&:nth-last-child(2):has(", ") + &:last-child{", "{border-left:none;}}*:where(button):focus{box-shadow:", ";}", " ", " ", " ", "" ], M.mixins.reset("table-cell"), M.variables.lineHeightSpacious, M.variables.neutral100, (function(e) {
         var n = e.$variant;
         return n ? "middle" : "top";
-    }), Ke, /* sc-sel */ Ve, $.variables.borderColorWeak, Ke, /* sc-sel */ Ve, $.variables.borderColor, Ke, /* sc-sel */ Ve, $.variables.focusShadowInset, (function(e) {
+    }), Ke, /* sc-sel */ Ve, M.variables.borderColorWeak, Ke, /* sc-sel */ Ve, M.variables.borderColor, Ke, /* sc-sel */ Ve, M.variables.focusShadowInset, (function(e) {
         var n = e.$isDragging;
-        return n && (0, _.css)([ "background-color:", ";&:focus{box-shadow:none;}" ], $.variables.backgroundColorPage);
+        return n && (0, _.css)([ "background-color:", ";&:focus{box-shadow:none;}" ], M.variables.backgroundColorPage);
     }), (function(e) {
         var n = e.$variant;
-        return n && (0, _.css)([ "&:first-child + &{", "{border-left:1px solid ", ";}}" ], Ve, $.variables.borderColorWeak);
-    }), (0, $.pickVariant)("$variant", {
+        return n && (0, _.css)([ "&:first-child + &{", "{border-left:1px solid ", ";}}" ], Ve, M.variables.borderColorWeak);
+    }), (0, M.pickVariant)("$variant", {
         actions: (0, _.css)([ "*:where(button){", " &:focus{box-shadow:", ";}}" ], (0, fe.buttonMixin)("subtle", {
-            color: $.variables.contentColorDefault
-        }), $.variables.focusShadowInset)
+            color: M.variables.contentColorDefault
+        }), M.variables.focusShadowInset)
     }), (function(e) {
         var n = e.$isPinned;
-        return n && (0, _.css)([ "position:sticky;inset-inline-end:-1px;&::before{content:'';position:absolute;left:0;top:0;bottom:0;border-left:1px solid ", ";}" ], $.variables.borderColor);
+        return n && (0, _.css)([ "position:sticky;inset-inline-end:-1px;&::before{content:'';position:absolute;left:0;top:0;bottom:0;border-left:1px solid ", ";}" ], M.variables.borderColor);
     }));
     var Fe = z().div.withConfig({
         displayName: "HeadCellStyles__StyledIcon",
@@ -734,10 +734,10 @@
         displayName: "HeadCellStyles__StyledDragHandler",
         componentId: "sc-1hj81sa-3"
     })([ "display:inline-flex;align-items:start;align-self:stretch;justify-content:center;min-width:20px;cursor:move;padding-block:", ";-webkit-user-select:none;-moz-user-select:none;user-select:none;&:hover{background:", ";color:", ";}&:focus{background:", ";box-shadow:", ";color:", ";}" ], (0, 
-    $.pick)({
+    M.pick)({
         comfortable: "8px",
         compact: "6px"
-    }), $.variables.interactiveColorOverlayHover, $.variables.contentColorActive, $.variables.interactiveColorOverlayDrag, $.variables.focusShadowInset, $.variables.contentColorActive);
+    }), M.variables.interactiveColorOverlayHover, M.variables.contentColorActive, M.variables.interactiveColorOverlayDrag, M.variables.focusShadowInset, M.variables.contentColorActive);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowDown"
     const Xe = require("@splunk/react-icons/ArrowDown");
     var Ye =  e.n(Xe);
@@ -1008,7 +1008,7 @@
         }), [ v ]);
         var j = (0, t.useContext)(ye), D = j.horizontalOverflow;
         var P = (0, t.useState)(false), A = yn(P, 2), q = A[0], _ = A[1];
-        var z = (0, t.useState)(0), $ = yn(z, 2), M = $[0], L = $[1];
+        var z = (0, t.useState)(0), M = yn(z, 2), $ = M[0], L = M[1];
         var W = (0, t.useState)(0), H = yn(W, 2), K = H[0], V = H[1];
         var B = (0, t.useRef)(null);
         var F = (0, t.useRef)(O === "auto" ? undefined : O);
@@ -1092,7 +1092,7 @@
             _(true);
         }), [ O ]);
         var ne = function e(n) {
-            var t = M - n.clientX;
+            var t = $ - n.clientX;
             var r = Math.max(K - t, 16);
             if (d !== undefined) {
                 m === null || m === void 0 ? void 0 : m(n, {
@@ -1158,10 +1158,10 @@
             $variant: S
         }, v), c &&  r().createElement(Ne, null,  r().createElement(rn(), {
             "data-test": "tooltip-icon"
-        })), f &&  r().createElement(Me, null,  r().createElement(nn(), {
+        })), f &&  r().createElement($e, null,  r().createElement(nn(), {
             "data-test": "caret-down",
             "aria-label": R
-        })), g &&  r().createElement(Me, null, U !== undefined &&  r().createElement(U, {
+        })), g &&  r().createElement($e, null, U !== undefined &&  r().createElement(U, {
             "aria-hidden": false,
             "aria-label": X
         })));
@@ -1250,9 +1250,9 @@
         desc: "descending",
         none: "none"
     };
-    function $n(e) {
+    function Mn(e) {
         var n;
-        var o = e.align, i = o === void 0 ? "left" : o, l = e.appearClickable, u = e.children, s = e.columnId, c = e.elementRef, d = e.dragId, f = e.headCellScreenReaderText, v = e.id, p = e.index, m = e.isPinned, b = e.onAutosizeColumn, h = e.onClick, y = e.onKeyDown, g = e.onRequestMoveColumn, w = e.onRequestResize, C = e.onSort, x = e.resizable, S = x === void 0 ? true : x, O = e.sortDir, k = O === void 0 ? "none" : O, R = e.sortKey, E = e.style, D = e.tooltip, P = e.truncate, A = P === void 0 ? true : P, q = e.variant, _ = e.visible, z = _ === void 0 ? true : _, $ = e.width, M = An(e, [ "align", "appearClickable", "children", "columnId", "elementRef", "dragId", "headCellScreenReaderText", "id", "index", "isPinned", "onAutosizeColumn", "onClick", "onKeyDown", "onRequestMoveColumn", "onRequestResize", "onSort", "resizable", "sortDir", "sortKey", "style", "tooltip", "truncate", "variant", "visible", "width" ]);
+        var o = e.align, i = o === void 0 ? "left" : o, l = e.appearClickable, u = e.children, s = e.columnId, c = e.elementRef, d = e.dragId, f = e.headCellScreenReaderText, v = e.id, p = e.index, m = e.isPinned, b = e.onAutosizeColumn, h = e.onClick, y = e.onKeyDown, g = e.onRequestMoveColumn, w = e.onRequestResize, C = e.onSort, x = e.resizable, S = x === void 0 ? true : x, O = e.sortDir, k = O === void 0 ? "none" : O, R = e.sortKey, E = e.style, D = e.tooltip, P = e.truncate, A = P === void 0 ? true : P, q = e.variant, _ = e.visible, z = _ === void 0 ? true : _, M = e.width, $ = An(e, [ "align", "appearClickable", "children", "columnId", "elementRef", "dragId", "headCellScreenReaderText", "id", "index", "isPinned", "onAutosizeColumn", "onClick", "onKeyDown", "onRequestMoveColumn", "onRequestResize", "onSort", "resizable", "sortDir", "sortKey", "style", "tooltip", "truncate", "variant", "visible", "width" ]);
         // @docs-props-type HeadCellPropsBase
                 var L = !!g;
         var W = (0, a.useSortable)({
@@ -1292,9 +1292,9 @@
         var J = q === "actions" ? false : A;
         var Q = (0, t.useMemo)((function() {
             return Ie()({}, E, {
-                width: $
+                width: M
             });
-        }), [ E, $ ]);
+        }), [ E, M ]);
         var Z;
         if (f) {
             Z = f;
@@ -1320,9 +1320,9 @@
                 sortDir: C && k,
                 truncate: J,
                 variant: q,
-                width: $
+                width: M
             };
-        }), [ i, l, Y, G, s, u, ee, p, b, C, U, X, w, z, S, k, J, q, $ ]);
+        }), [ i, l, Y, G, s, u, ee, p, b, C, U, X, w, z, S, k, J, q, M ]);
         var te = (0, t.useCallback)((function(e) {
             
             return r().createElement(Dn, Pn({}, e, ne, {
@@ -1341,7 +1341,7 @@
             $isDragging: L && K,
             $isPinned: m,
             $variant: q
-        }, M),  r().createElement(Ve, null, L &&  r().createElement(Ue, Pn({
+        }, $),  r().createElement(Ve, null, L &&  r().createElement(Ue, Pn({
             "aria-label": (0, I.sprintf)((0, T._)("Reorder %(labelString)s"), {
                 labelString: Z
             }),
@@ -1352,26 +1352,26 @@
             renderAnchor: te
         }) :  r().createElement(Dn, ne)));
     }
-    $n.propTypes = _n;
-    $n.splunkUiType = "Table.HeadCell";
-    /* harmony default export */    const Mn = $n;
+    Mn.propTypes = _n;
+    Mn.splunkUiType = "Table.HeadCell";
+    /* harmony default export */    const $n = Mn;
     // CONCATENATED MODULE: ./src/Table/HeadStyles.ts
     var Nn = z().thead.withConfig({
         displayName: "HeadStyles__Styled",
         componentId: "iap21t-0"
-    })([ "", ";", "" ], $.mixins.reset("table-header-group"), (function(e) {
+    })([ "", ";", "" ], M.mixins.reset("table-header-group"), (function(e) {
         var n = e.$isFixed, t = e.$zIndex;
         return n && (0, _.css)([ "position:sticky;top:0;z-index:", ";" ], t);
     }));
-    var Ln = z()(Mn).withConfig({
+    var Ln = z()($n).withConfig({
         displayName: "HeadStyles__StyledToggleAll",
         componentId: "iap21t-1"
     })([ "width:32px;min-width:32px;" ]);
-    var Wn = z()(Mn).withConfig({
+    var Wn = z()($n).withConfig({
         displayName: "HeadStyles__StyledInfo",
         componentId: "iap21t-2"
     })([ "width:32px;min-width:32px;" ]);
-    var Hn = z()(Mn).withConfig({
+    var Hn = z()($n).withConfig({
         displayName: "HeadStyles__StyledDragRow",
         componentId: "iap21t-3"
     })([ "width:32px;" ]);
@@ -1393,11 +1393,11 @@
     var Qn = z().button.withConfig({
         displayName: "ExpandButtonStyles__StyledButton",
         componentId: "sc-7nlw5q-0"
-    })([ "", ";height:100%;width:100%;cursor:pointer;justify-content:center;color:", ";&:hover{color:", ";}&:focus{color:", ";box-shadow:", ";}" ], $.mixins.reset("flex"), $.variables.contentColorDefault, $.variables.contentColorActive, $.variables.contentColorActive, $.variables.focusShadowInset);
+    })([ "", ";height:100%;width:100%;cursor:pointer;justify-content:center;color:", ";&:hover{color:", ";}&:focus{color:", ";box-shadow:", ";}" ], M.mixins.reset("flex"), M.variables.contentColorDefault, M.variables.contentColorActive, M.variables.contentColorActive, M.variables.focusShadowInset);
     var Zn = z()(Jn()).withConfig({
         displayName: "ExpandButtonStyles__StyledChevron",
         componentId: "sc-7nlw5q-1"
-    })([ "padding-block:", ";transition:transform 200ms;", "" ], (0, $.pick)({
+    })([ "padding-block:", ";transition:transform 200ms;", "" ], (0, M.pick)({
         comfortable: "10px",
         compact: "8px"
     }), (function(e) {
@@ -1457,11 +1457,11 @@
     var at = z().td.withConfig({
         displayName: "RowDragCellStyles__StyledCell",
         componentId: "sc-9kbaj2-0"
-    })([ "", " cursor:move;touch-action:none;position:relative;vertical-align:middle;" ], $.mixins.reset("table-cell"));
+    })([ "", " cursor:move;touch-action:none;position:relative;vertical-align:middle;" ], M.mixins.reset("table-cell"));
     var lt = z().div.withConfig({
         displayName: "RowDragCellStyles__StyledDrag",
         componentId: "sc-9kbaj2-1"
-    })([ "", " ", ";justify-content:center;cursor:move;-webkit-user-drag:element;user-select:none;align-items:center;position:absolute;width:100%;top:0;bottom:0;&:focus{outline:0;box-shadow:", ";}&:hover{background-color:", ";outline:none;}&:active{background-color:", ";box-shadow:", ";}& > div{margin:0;}@media print{background-image:none;}" ], $.mixins.reset("flex"), $.mixins.clearfix(), $.variables.focusShadowInset, $.variables.interactiveColorOverlayDrag, $.variables.interactiveColorOverlayActive, $.variables.focusShadowInset);
+    })([ "", " ", ";justify-content:center;cursor:move;-webkit-user-drag:element;user-select:none;align-items:center;position:absolute;width:100%;top:0;bottom:0;&:focus{outline:0;box-shadow:", ";}&:hover{background-color:", ";outline:none;}&:active{background-color:", ";box-shadow:", ";}& > div{margin:0;}@media print{background-image:none;}" ], M.mixins.reset("flex"), M.mixins.clearfix(), M.variables.focusShadowInset, M.variables.interactiveColorOverlayDrag, M.variables.interactiveColorOverlayActive, M.variables.focusShadowInset);
     // CONCATENATED MODULE: ./src/Table/RowDragCell.tsx
     function ut() {
         return ut = Object.assign ? Object.assign.bind() : function(e) {
@@ -1519,24 +1519,21 @@
     var pt = z().tr.withConfig({
         displayName: "RowStyles__StyledStripeNone",
         componentId: "f0igqq-0"
-    })([ "", ";", ";", " @media print{background-color:none;}" ], $.mixins.reset("table-row"), (function(e) {
+    })([ "", ";", ";", " @media print{background-color:none;}" ], M.mixins.reset("table-row"), (function(e) {
         var n = e.$clickable, t = e.$isActionColumnPinned;
-        return n && (0, _.css)([ "cursor:pointer;&:hover{background-color:", ";", "}&:focus{background-color:", ";position:relative;&::after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;box-shadow:", ";pointer-events:none;}", "}" ], $.variables.neutral100, t && (0, 
-        _.css)([ "td[data-test='row-actions']{background-color:inherit;}" ]), $.variables.neutral100, $.variables.focusShadowInset, t && (0, 
+        return n && (0, _.css)([ "cursor:pointer;&:hover{background-color:", ";", "}&:focus{background-color:", ";position:relative;&::after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;box-shadow:", ";pointer-events:none;}", "}" ], M.variables.neutral100, t && (0, 
+        _.css)([ "td[data-test='row-actions']{background-color:inherit;}" ]), M.variables.neutral100, M.variables.focusShadowInset, t && (0, 
         _.css)([ "td[data-test='row-actions']{background-color:inherit;}" ]));
     }), (function(e) {
         var n = e.disabled, t = e.$expandable, r = e.$isDraggable;
-        return !n && !t && r && (0, _.css)([ "&:hover{background-color:", ";}" ], $.variables.interactiveColorOverlayHover);
+        return !n && !t && r && (0, _.css)([ "&:hover{background-color:", ";}" ], M.variables.interactiveColorOverlayHover);
     }));
     var mt = z()(pt).withConfig({
         displayName: "RowStyles__StyledStripeEven",
         componentId: "f0igqq-1"
-    })([ "background-color:", ";", " ", ";" ], $.variables.neutral50, (function(e) {
+    })([ "background-color:", ";", "" ], M.variables.neutral50, (function(e) {
         var n = e.$isActionColumnPinned;
         return n && (0, _.css)([ "td[data-test='row-actions']{background-color:inherit;}" ]);
-    }), (function(e) {
-        var n = e.$clickable;
-        return n && (0, _.css)([ "cursor:pointer;&:hover,&:focus{background-color:", ";}" ], $.variables.neutral300);
     }));
     // CONCATENATED MODULE: external "@splunk/react-ui/Checkbox"
     const bt = require("@splunk/react-ui/Checkbox");
@@ -1552,7 +1549,7 @@
     var Ct = z()(ht()).withConfig({
         displayName: "ToggleStyles__StyledCheckbox",
         componentId: "sc-1x3ikch-1"
-    })([ "align-items:flex-start;padding-block:", ";" ], (0, $.pick)({
+    })([ "align-items:flex-start;padding-block:", ";" ], (0, M.pick)({
         comfortable: "8px",
         compact: "6px"
     }));
@@ -1700,7 +1697,7 @@
             return e;
         }, zt.apply(null, arguments);
     }
-    var $t = {
+    var Mt = {
         odd: pt,
         even: mt,
         none: pt
@@ -1709,7 +1706,7 @@
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var Mt = {
+    /** @public */    var $t = {
         /** @private. Generally passed by Table rather than added directly. */
         activeElementId: w().string,
         actionPrimary: w().element,
@@ -1767,13 +1764,13 @@
         var n;
         var o = e.actions, i = e.actionPrimary, l = e.actionsSecondary, u = e.children, s = e.data, c = e.dragId, d = e.disabled, f = e.pinnedColumns, v = e.isDraggable, p = e.elementRef, m = e.expandable, h = e.expanded, y = e.expansionRowIds, g = e.expansionRow, w = e.index, C = e.movableColumns, x = e.onClick, S = e.onExpansion, O = e.onKeyDown, k = e.onRequestToggle, R = e.primaryColumnIndex, E = R === void 0 ? 0 : R, D = e.rowScreenReaderText, P = e.selected, A = e.stripe, q = A === void 0 ? "none" : A, _ = e.style, z = qt(e, [ "actions", "actionPrimary", "actionsSecondary", "children", "data", "dragId", "disabled", "pinnedColumns", "isDraggable", "elementRef", "expandable", "expanded", "expansionRowIds", "expansionRow", "index", "movableColumns", "onClick", "onExpansion", "onKeyDown", "onRequestToggle", "primaryColumnIndex", "rowScreenReaderText", "selected", "stripe", "style" ]);
  // @docs-props-type RowPropsBase
-                var $ = (0, t.useMemo)((function() {
+                var M = (0, t.useMemo)((function() {
             return {
                 id: v ? c : (0, j.createGUID)(),
                 disabled: !v
             };
         }), [ v, c ]);
-        var M = (0, a.useSortable)($), L = M.attributes, W = M.listeners, H = M.transform, K = M.transition, V = M.setNodeRef, B = M.setActivatorNodeRef;
+        var $ = (0, a.useSortable)(M), L = $.attributes, W = $.listeners, H = $.transform, K = $.transition, V = $.setNodeRef, B = $.setActivatorNodeRef;
         var F = (0, t.useMemo)((function() {
             return v ? jt(jt({}, _), {}, {
                 transform: Kn.CSS.Translate.toString(H),
@@ -1879,7 +1876,7 @@
         var ie = (0, I.sprintf)((0, T._)("%(selected)s"), {
             selected: P ? "selected" : "unselected"
         });
-        var ae = $t[q];
+        var ae = Mt[q];
         var le = h ? t.Children.count(g) + 1 : undefined;
         var ue = C ? "false" : undefined;
         var se = function e() {
@@ -1966,7 +1963,7 @@
             toggle: se()
         }, Z())));
     }
-    Wt.propTypes = Mt;
+    Wt.propTypes = $t;
     Wt.splunkUiType = "Table.Row";
     /* harmony default export */    const Ht = Wt;
     // CONCATENATED MODULE: ./src/Table/Head.tsx
@@ -2244,7 +2241,7 @@
             "data-test": "more-info-head-cell",
             resizable: false,
             variant: "info"
-        }), j, o.length > 0 &&  r().createElement(Mn, {
+        }), j, o.length > 0 &&  r().createElement($n, {
             key: "actions_head_cell",
             "data-test": "actions-head-cell",
             align: "right",
@@ -2253,7 +2250,7 @@
             style: _,
             variant: "actions",
             isPinned: f === null || f === void 0 ? void 0 : f.actions
-        }, o), o.length === 0 && i &&  r().createElement(Mn, {
+        }, o), o.length === 0 && i &&  r().createElement($n, {
             key: "actions_head_cell",
             "data-test": "actions-head-cell",
             align: "right",
@@ -2407,7 +2404,7 @@
     var wr = [ "contentClick", "escapeKey", "toggleClick" ];
     function Cr(e) {
         var n;
-        var o = e.align, i = o === void 0 ? "left" : o, l = e.buttonRef, u = e.canCoverHead, s = u === void 0 ? true : u, c = e.children, d = e.closeReasons, f = d === void 0 ? yr : d, v = e.columnId, p = e.dragId, m = e.elementRef, b = e.headCellScreenReaderText, h = e.focusToggleReasons, y = h === void 0 ? wr : h, g = e.id, w = e.index, C = e.label, x = e.onAutosizeColumn, S = e.onKeyDown, O = e.onRequestClose, R = e.onRequestMoveColumn, E = e.onRequestOpen, D = e.onRequestResize, A = e.open, q = e.repositionMode, _ = q === void 0 ? "flip" : q, z = e.resizable, $ = z === void 0 ? true : z, M = e.retainFocus, L = e.style, W = e.takeFocus, H = W === void 0 ? true : W, K = e.truncate, V = K === void 0 ? true : K, B = e.variant, F = e.visible, U = F === void 0 ? true : F, X = e.width, Y = br(e, [ "align", "buttonRef", "canCoverHead", "children", "closeReasons", "columnId", "dragId", "elementRef", "headCellScreenReaderText", "focusToggleReasons", "id", "index", "label", "onAutosizeColumn", "onKeyDown", "onRequestClose", "onRequestMoveColumn", "onRequestOpen", "onRequestResize", "open", "repositionMode", "resizable", "retainFocus", "style", "takeFocus", "truncate", "variant", "visible", "width" ]);
+        var o = e.align, i = o === void 0 ? "left" : o, l = e.buttonRef, u = e.canCoverHead, s = u === void 0 ? true : u, c = e.children, d = e.closeReasons, f = d === void 0 ? yr : d, v = e.columnId, p = e.dragId, m = e.elementRef, b = e.headCellScreenReaderText, h = e.focusToggleReasons, y = h === void 0 ? wr : h, g = e.id, w = e.index, C = e.label, x = e.onAutosizeColumn, S = e.onKeyDown, O = e.onRequestClose, R = e.onRequestMoveColumn, E = e.onRequestOpen, D = e.onRequestResize, A = e.open, q = e.repositionMode, _ = q === void 0 ? "flip" : q, z = e.resizable, M = z === void 0 ? true : z, $ = e.retainFocus, L = e.style, W = e.takeFocus, H = W === void 0 ? true : W, K = e.truncate, V = K === void 0 ? true : K, B = e.variant, F = e.visible, U = F === void 0 ? true : F, X = e.width, Y = br(e, [ "align", "buttonRef", "canCoverHead", "children", "closeReasons", "columnId", "dragId", "elementRef", "headCellScreenReaderText", "focusToggleReasons", "id", "index", "label", "onAutosizeColumn", "onKeyDown", "onRequestClose", "onRequestMoveColumn", "onRequestOpen", "onRequestResize", "open", "repositionMode", "resizable", "retainFocus", "style", "takeFocus", "truncate", "variant", "visible", "width" ]);
         // @docs-props-type HeadDropdownCellPropsBase
                 var G = ur()({
             componentName: "HeadDropdownCell",
@@ -2564,7 +2561,7 @@
             index: w,
             isMenu: true,
             label: C,
-            resizable: U && $,
+            resizable: U && M,
             onAutosizeColumn: x,
             onRequestResize: D,
             onClick: Re,
@@ -2584,7 +2581,7 @@
             open: !!re && we,
             pointTo: De,
             repositionMode: _,
-            retainFocus: M,
+            retainFocus: $,
             takeFocus: H
         }, or()(c) ? function() {
             
@@ -2614,7 +2611,7 @@
     var Rr = z().div.withConfig({
         displayName: "HeadTableStyles__StyledDockedContainer",
         componentId: "g85wgf-1"
-    })([ "overflow:hidden;position:fixed;z-index:", ";@media print{display:none;}" ], $.variables.zindexFixedNavbar);
+    })([ "overflow:hidden;position:fixed;z-index:", ";@media print{display:none;}" ], M.variables.zindexFixedNavbar);
     var Er = z()(Rr).withConfig({
         displayName: "HeadTableStyles__StyledFixedContainer",
         componentId: "g85wgf-2"
@@ -2746,12 +2743,12 @@
         }, qr(e);
     }
     function _r(e, n) {
-        return Mr(e) || $r(e, n) || Wr(e, n) || zr();
+        return $r(e) || Mr(e, n) || Wr(e, n) || zr();
     }
     function zr() {
         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 $r(e, n) {
+    function Mr(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var r, o, i, a, l = [], u = !0, s = !1;
@@ -2773,7 +2770,7 @@
             return l;
         }
     }
-    function Mr(e) {
+    function $r(e) {
         if (Array.isArray(e)) return e;
     }
     function Nr(e) {
@@ -3186,8 +3183,8 @@
                                 break;
                             } else if (A) {
                                 var z = w.scrollTop + b.y;
-                                var $ = C === o.KeyboardCode.Down && z <= E.y || C === o.KeyboardCode.Up && z >= I.y;
-                                if ($ && !b.x) {
+                                var M = C === o.KeyboardCode.Down && z <= E.y || C === o.KeyboardCode.Up && z >= I.y;
+                                if (M && !b.x) {
                                     // We don't need to update coordinates, the scroll adjustment alone will trigger
                                     // logic to auto-detect the new container we are over
                                     w.scrollTo({
@@ -3196,7 +3193,7 @@
                                     });
                                     return;
                                 }
-                                if ($) {
+                                if (M) {
                                     h.y = w.scrollTop - z;
                                 } else {
                                     h.y = C === o.KeyboardCode.Down ? w.scrollTop - E.y : w.scrollTop - I.y;
@@ -3467,7 +3464,7 @@
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var $o = {
+    /** @public */    var Mo = {
         actions: w().arrayOf(w().element),
         actionsColumnWidth: w().number,
         children: w().node,
@@ -3491,7 +3488,7 @@
         onRequestResizeColumn: w().func,
         resizableFillLayout: w().bool
     };
-    var Mo = function e(n) {
+    var $o = function e(n) {
         return n === "inline";
     };
     var No = function e(n) {
@@ -3574,7 +3571,7 @@
     };
     var Go = [];
     function Jo(e) {
-        var n = e.actions, l = n === void 0 ? Go : n, s = e.actionsColumnWidth, c = e.children, d = e.dockOffset, f = d === void 0 ? 0 : d, p = e.dockScrollBar, m = e.elementRef, h = e.headType, g = h === void 0 ? "inline" : h, w = e.horizontalOverflow, C = w === void 0 ? "auto" : w, O = e.innerStyle, R = e.onRequestMoveColumn, D = e.onRequestMoveRow, P = e.onRequestResizeColumn, A = e.onRequestToggleAllRows, q = e.onScroll, _ = e.outerStyle, z = e.pinnedColumns, $ = e.primaryColumnIndex, M = $ === void 0 ? 0 : $, L = e.resizableFillLayout, W = e.rowExpansion, H = W === void 0 ? "none" : W, K = e.rowSelection, V = K === void 0 ? "none" : K, B = e.stripeRows, F = e.tableStyle, U = _o(e, [ "actions", "actionsColumnWidth", "children", "dockOffset", "dockScrollBar", "elementRef", "headType", "horizontalOverflow", "innerStyle", "onRequestMoveColumn", "onRequestMoveRow", "onRequestResizeColumn", "onRequestToggleAllRows", "onScroll", "outerStyle", "pinnedColumns", "primaryColumnIndex", "resizableFillLayout", "rowExpansion", "rowSelection", "stripeRows", "tableStyle" ]);
+        var n = e.actions, l = n === void 0 ? Go : n, s = e.actionsColumnWidth, c = e.children, d = e.dockOffset, f = d === void 0 ? 0 : d, p = e.dockScrollBar, m = e.elementRef, h = e.headType, g = h === void 0 ? "inline" : h, w = e.horizontalOverflow, C = w === void 0 ? "auto" : w, O = e.innerStyle, R = e.onRequestMoveColumn, D = e.onRequestMoveRow, P = e.onRequestResizeColumn, A = e.onRequestToggleAllRows, q = e.onScroll, _ = e.outerStyle, z = e.pinnedColumns, M = e.primaryColumnIndex, $ = M === void 0 ? 0 : M, L = e.resizableFillLayout, W = e.rowExpansion, H = W === void 0 ? "none" : W, K = e.rowSelection, V = K === void 0 ? "none" : K, B = e.stripeRows, F = e.tableStyle, U = _o(e, [ "actions", "actionsColumnWidth", "children", "dockOffset", "dockScrollBar", "elementRef", "headType", "horizontalOverflow", "innerStyle", "onRequestMoveColumn", "onRequestMoveRow", "onRequestResizeColumn", "onRequestToggleAllRows", "onScroll", "outerStyle", "pinnedColumns", "primaryColumnIndex", "resizableFillLayout", "rowExpansion", "rowSelection", "stripeRows", "tableStyle" ]);
  // @docs-props-type TablePropsBase
                 var X = (0, t.useState)([]), Y = To(X, 2), G = Y[0], J = Y[1];
         var re = (0, t.useState)(), ae = To(re, 2), le = ae[0], ue = ae[1];
@@ -3589,7 +3586,7 @@
         var Te = (0, t.useState)(-1), je = To(Te, 2), De = je[0], Pe = je[1];
         var Ae = (0, t.useRef)();
         var qe = (0, t.useRef)();
-        var _e = (0, t.useState)(), ze = To(_e, 2), $e = ze[0], Me = ze[1];
+        var _e = (0, t.useState)(), ze = To(_e, 2), Me = ze[0], $e = ze[1];
         var Ne = (0, t.useRef)(null);
         var Le = (0, t.useRef)(null);
         var We = (0, t.useRef)();
@@ -3608,7 +3605,7 @@
         var en = (0, t.useCallback)((function() {
             var e;
             var n = cn();
-            if (Mo(g)) {
+            if ($o(g)) {
                 return;
             }
             var t = Be.current;
@@ -3750,7 +3747,7 @@
             var n = e.active;
             var t = n.id;
             Ae.current = Ze.indexOf(t);
-            Me(t);
+            $e(t);
         }), [ Ze ]);
         var pn = (0, t.useCallback)((function(e) {
             if (e.over) {
@@ -3785,7 +3782,7 @@
                     toIndex: o
                 });
             }
-            Me(undefined);
+            $e(undefined);
             Pe(-1);
             qe.current = undefined;
             Ae.current = undefined;
@@ -3903,7 +3900,7 @@
                 actions: u,
                 movableColumns: !!R,
                 onRequestMoveRow: D,
-                primaryColumnIndex: M,
+                primaryColumnIndex: $,
                 rowExpansion: H,
                 pinnedColumns: z,
                 stripeRows: B
@@ -4047,8 +4044,8 @@
             });
         }));
         Dn =  (0, t.cloneElement)(Dn, {}, zn);
-        var $n = Se || cn();
-        var Mn = Lo(g) ? Be.current : $n;
+        var Mn = Se || cn();
+        var $n = Lo(g) ? Be.current : Mn;
         if (L) {
             qn = false;
         }
@@ -4248,7 +4245,7 @@
                                 return (0, o.rectIntersection)(e);
             };
         }), []);
-        var Yn = $e ? gn.current[$e] : null;
+        var Yn = Me ? gn.current[Me] : null;
         var Gn = Yn ? xo(Yn).width : undefined;
         var Jn = Be.current ? xo(Be.current).height : undefined;
         
@@ -4257,7 +4254,7 @@
             ref: m,
             style: _,
             "data-test-row-selection": A ? V : undefined
-        }, b()(U, [].concat(ko(Object.keys($o)), [ "style" ]))),  r().createElement(x(), {
+        }, b()(U, [].concat(ko(Object.keys(Mo)), [ "style" ]))),  r().createElement(x(), {
             target: cn(),
             eventType: "scroll",
             listener: rn,
@@ -4269,9 +4266,9 @@
             onScroll: nn,
             ref: Be,
             style: O,
-            $dragging: !!$e
+            $dragging: !!Me
         },  r().createElement(S.ScrollContainerProvider, {
-            value: Mn
+            value: $n
         },  r().createElement(o.DndContext, {
             accessibility: Kn,
             collisionDetection: Xn,
@@ -4293,17 +4290,17 @@
         }, Dn) : Dn, D ?  r().createElement(a.SortableContext, {
             items: Je,
             strategy: a.verticalListSortingStrategy
-        }, Pn) : Pn), $e &&  r().createElement(o.DragOverlay, null,  r().createElement(oe, {
+        }, Pn) : Pn), Me &&  r().createElement(o.DragOverlay, null,  r().createElement(oe, {
             $width: Gn,
             $height: Jn
-        })), $e && Cn))), Tn()));
+        })), Me && Cn))), Tn()));
     }
-    Jo.propTypes = $o;
+    Jo.propTypes = Mo;
     Jo.Body = J;
     Jo.Caption = de;
     Jo.Cell = Oe;
     Jo.Head = er;
-    Jo.HeadCell = Mn;
+    Jo.HeadCell = $n;
     Jo.HeadDropdownCell = xr;
     Jo.Row = Ht;
     /* harmony default export */    const Qo = Jo;