@splunk/react-ui 5.4.0 → 5.5.0

package/Table.js

@@ -63,11 +63,11 @@
         e.d(n, {
         Body: () => /* reexport */ J,
         Caption: () => /* reexport */ de,
-        Cell: () => /* reexport */ xe,
+        Cell: () => /* reexport */ Oe,
         Head: () => /* reexport */ er,
-        HeadCell: () => /* reexport */ zn,
+        HeadCell: () => /* reexport */ Mn,
         HeadDropdownCell: () => /* reexport */ xr,
-        Row: () => /* reexport */ Lt,
+        Row: () => /* reexport */ Ht,
         default: () => /* reexport */ Qo
     });
     // CONCATENATED MODULE: external "react"
@@ -120,20 +120,20 @@
     const j = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "lodash/includes"
     const D = require("lodash/includes");
-    var q =  e.n(D);
+    var P =  e.n(D);
     // CONCATENATED MODULE: external "lodash/without"
     const A = require("lodash/without");
-    var P =  e.n(A);
+    var q =  e.n(A);
     // CONCATENATED MODULE: external "styled-components"
     const _ = require("styled-components");
     var z =  e.n(_);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const M = require("@splunk/themes");
+    const $ = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Table/BodyStyles.ts
-    var $ = z().tbody.withConfig({
+    var M = z().tbody.withConfig({
         displayName: "BodyStyles__Styled",
         componentId: "sc-1k5p6pq-0"
-    })([ "", " z-index:0;" ], M.mixins.reset("table-row-group"));
+    })([ "", " z-index:0;" ], $.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.
@@ -166,26 +166,26 @@
         }, L.apply(null, arguments);
     }
     function W(e, n) {
-        return F(e) || V(e, n) || K(e, n) || H();
+        return F(e) || B(e, n) || K(e, n) || H();
     }
     function H() {
         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 K(e, n) {
         if (e) {
-            if ("string" == typeof e) return B(e, n);
+            if ("string" == typeof e) return V(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? B(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? V(e, n) : void 0;
         }
     }
-    function B(e, n) {
+    function V(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
         }
         return r;
     }
-    function V(e, n) {
+    function B(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;
@@ -243,48 +243,50 @@
         rowExpansion: w().oneOf([ "single", "multi", "none", "controlled" ]),
         /** @private. Generally passed by Table rather than added directly. */
         onRequestMoveRow: w().func,
+        /** @private. */
+        pinnedColumns: w().object,
         /** @private. Generally passed by Table rather than added directly. */
         primaryColumnIndex: w().number,
         /** @private. Generally passed by Table rather than added directly. */
         stripeRows: w().bool
     };
     function G(e) {
-        var n = e.actions, o = e.children, i = e.elementRef, a = e.movableColumns, l = e.onRequestMoveRow, u = e.rowExpansion, s = u === void 0 ? "none" : u, c = e.primaryColumnIndex, d = e.stripeRows, f = U(e, [ "actions", "children", "elementRef", "movableColumns", "onRequestMoveRow", "rowExpansion", "primaryColumnIndex", "stripeRows" ]);
+        var n = e.actions, o = e.children, i = e.elementRef, a = e.pinnedColumns, l = e.movableColumns, u = e.onRequestMoveRow, s = e.rowExpansion, c = s === void 0 ? "none" : s, d = e.primaryColumnIndex, f = e.stripeRows, v = U(e, [ "actions", "children", "elementRef", "pinnedColumns", "movableColumns", "onRequestMoveRow", "rowExpansion", "primaryColumnIndex", "stripeRows" ]);
  // @docs-props-type BodyPropsBase
-                var v = [];
-        var p = (0, t.useState)([]), m = W(p, 2), b = m[0], h = m[1];
-        var y = (0, t.useRef)(null);
-        var g = (0, t.useCallback)((function(e) {
-            y.current = e;
+                var p = [];
+        var m = (0, t.useState)([]), b = W(m, 2), h = b[0], y = b[1];
+        var g = (0, t.useRef)(null);
+        var w = (0, t.useCallback)((function(e) {
+            g.current = e;
             N(i, e);
-        }), [ i, y ]);
-        var w = function e(n, t, r) {
-            var o = b;
-            if (s === "single") {
-                if (q()(o, t)) {
-                    h([]);
+        }), [ i, g ]);
+        var C = function e(n, t, r) {
+            var o = h;
+            if (c === "single") {
+                if (P()(o, t)) {
+                    y([]);
                 } else {
-                    h([ t ]);
+                    y([ t ]);
                 }
-            } else if (s === "multi") {
-                if (q()(o, t)) {
-                    h(P()(o, t));
+            } else if (c === "multi") {
+                if (P()(o, t)) {
+                    y(q()(o, t));
                 } else {
-                    h(o === null || o === void 0 ? void 0 : o.concat(t));
+                    y(o === null || o === void 0 ? void 0 : o.concat(t));
                 }
             }
             r === null || r === void 0 ? void 0 : r(n);
         };
-        var C = t.Children.toArray(o).filter(t.isValidElement);
-        var x = (0, t.useState)(new Map), S = W(x, 2), O = S[0], k = S[1];
+        var x = t.Children.toArray(o).filter(t.isValidElement);
+        var S = (0, t.useState)(new Map), O = W(S, 2), k = O[0], R = O[1];
         r().useEffect((function() {
-            k((function(e) {
+            R((function(e) {
                 var n = new Map(e);
                 var r = false;
-                C.forEach((function(o) {
+                x.forEach((function(o) {
                     var i;
                     if (!o.props.expansionRow) return;
-                    var a = (i = o.key) !== null && i !== void 0 ? i : C.indexOf(o);
+                    var a = (i = o.key) !== null && i !== void 0 ? i : x.indexOf(o);
                     var l = t.Children.count(o.props.expansionRow);
                     var u = e.get(a);
                     if (!u || u.length !== l) {
@@ -298,55 +300,56 @@
                 }));
                 return r ? n : e;
             }));
-        }), [ C ]);
-        C.forEach((function(e, r) {
+        }), [ x ]);
+        x.forEach((function(e, r) {
             if (e) {
                 var o, i;
                 if (false) {}
-                var u = (o = e.key) !== null && o !== void 0 ? o : r;
-                var f = r % 2 ? "even" : "odd";
-                var p = d ? f : "none";
-                var m = s === "controlled" ? e.props.expanded : q()(b, u);
-                var h = function n(t) {
-                    w(t, u, e.props.onExpansion);
+                var s = (o = e.key) !== null && o !== void 0 ? o : r;
+                var v = r % 2 ? "even" : "odd";
+                var m = f ? v : "none";
+                var b = c === "controlled" ? e.props.expanded : P()(h, s);
+                var y = function n(t) {
+                    C(t, s, e.props.onExpansion);
                 };
-                var y = e.props.expansionRow ? (i = O.get(u)) === null || i === void 0 ? void 0 : i.join(" ") : undefined;
-                v.push( (0, t.cloneElement)(e, {
-                    stripe: p,
+                var g = e.props.expansionRow ? (i = k.get(s)) === null || i === void 0 ? void 0 : i.join(" ") : undefined;
+                p.push( (0, t.cloneElement)(e, {
+                    stripe: m,
                     actions: n,
-                    expanded: m,
-                    expansionRowIds: y,
-                    expandable: s !== "none",
-                    isDraggable: !!l,
-                    movableColumns: a,
-                    primaryColumnIndex: c,
-                    onExpansion: h,
+                    expanded: b,
+                    expansionRowIds: g,
+                    expandable: c !== "none",
+                    pinnedColumns: a,
+                    isDraggable: !!u,
+                    movableColumns: l,
+                    primaryColumnIndex: d,
+                    onExpansion: y,
                     key: e.key || r
                 }));
-                if (m && e.props.expansionRow) {
+                if (b && e.props.expansionRow) {
                     t.Children.forEach(e.props.expansionRow, (function(e, n) {
                         var r;
-                        var o = (r = O.get(u)) === null || r === void 0 ? void 0 : r[n];
-                        v.push( (0, t.cloneElement)(e, {
+                        var o = (r = k.get(s)) === null || r === void 0 ? void 0 : r[n];
+                        p.push( (0, t.cloneElement)(e, {
                             key: o,
                             id: o,
-                            stripe: p,
-                            movableColumns: a,
+                            stripe: m,
+                            movableColumns: l,
                             "data-expansion-row": "true"
                         }));
                     }));
                 }
             }
         }));
-        if (v.length === 0) {
+        if (p.length === 0) {
             return null;
         }
         
-        return r().createElement($, L({
+        return r().createElement(M, L({
             "data-test": "body"
-        }, f, {
-            ref: g
-        }), v);
+        }, v, {
+            ref: w
+        }), p);
     }
     G.propTypes = Y;
     G.splunkUiType = "Table.Body";
@@ -355,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;}" ], M.mixins.reset("block"));
+    })([ "", ";max-width:100%;position:relative;z-index:1;@media print{max-height:none !important;}" ], $.mixins.reset("block"));
     var Z = z().div.withConfig({
         displayName: "TableStyles__StyledTableContainer",
         componentId: "sc-1cmfss7-1"
@@ -366,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;}" ], M.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;}" ], $.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);" ], M.variables.zindexFixedNavbar);
+    })([ "position:fixed;bottom:0;overflow:auto;z-index:calc(", " + 1);" ], $.variables.zindexFixedNavbar);
     var te = z().div.withConfig({
         displayName: "TableStyles__StyledDockedScrollbarContent",
         componentId: "sc-1cmfss7-4"
@@ -381,14 +384,14 @@
     var re = z().caption.withConfig({
         displayName: "TableStyles__StyledTableCaption",
         componentId: "sc-1cmfss7-5"
-    })([ "padding:", " 0;font-size:", ";caption-side:", ";" ], M.variables.spacingXSmall, M.variables.fontSizeLarge, (function(e) {
+    })([ "padding:", " 0;font-size:", ";caption-side:", ";" ], $.variables.spacingXSmall, $.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:", ";" ], M.variables.interactiveColorOverlayDrag, (function(e) {
+    })([ "display:block;background:", ";border-collapse:collapse;height:", ";width:", ";" ], $.variables.interactiveColorOverlayDrag, (function(e) {
         var n = e.$height;
         return "".concat(n, "px");
     }), (function(e) {
@@ -404,7 +407,7 @@
     }), (function(e) {
         var n = e.$height;
         return "".concat(n, "px");
-    }), M.variables.interactiveColorAccent);
+    }), $.variables.interactiveColorAccent);
     // CONCATENATED MODULE: ./src/Table/Caption.tsx
     function ae() {
         return ae = Object.assign ? Object.assign.bind() : function(e) {
@@ -462,32 +465,35 @@
     const fe = require("@splunk/react-ui/ButtonSimple");
     // CONCATENATED MODULE: ./src/Table/CellStyles.ts
     var ve = "2px";
-    var pe = (0, _.css)([ "box-shadow:", ";" ], M.variables.focusShadowInset);
+    var pe = (0, _.css)([ "box-shadow:", ";" ], $.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;}" ], M.mixins.reset("table-cell"), M.variables.lineHeightSpacious, ve, M.variables.spacingSmall, M.variables.contentColorDefault, M.variables.focusShadowInset, (0, 
-    M.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;}", "" ], $.mixins.reset("table-cell"), $.variables.lineHeightSpacious, ve, $.variables.spacingSmall, $.variables.contentColorDefault, $.variables.focusShadowInset, (0, 
+    $.pick)({
         comfortable: "8px",
         compact: "6px"
-    }), M.variables.spacingSmall, (0, M.pickVariant)("$variant", {
+    }), $.variables.spacingSmall, (0, $.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, 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, 
+        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, 
             fe.buttonMixin)("subtle", {
-                color: M.variables.contentColorDefault
-            }), M.variables.focusShadowInset)),
-            rowLink: (0, _.css)([ "color:", ";*:hover > &&{cursor:pointer;", "}" ], M.variables.contentColorActive, t && (0, 
+                color: $.variables.contentColorDefault
+            }), $.variables.focusShadowInset)),
+            rowLink: (0, _.css)([ "color:", ";*:hover > &&{cursor:pointer;", "}" ], $.variables.contentColorActive, t && (0, 
             _.css)([ "text-decoration:underline;" ])),
-            link: (0, _.css)([ "color:", ";&:hover{cursor:pointer;text-decoration:underline;}&:focus{text-decoration:underline;box-shadow:", ";}" ], M.variables.contentColorLink, M.variables.focusShadowInset)
+            link: (0, _.css)([ "color:", ";&:hover{cursor:pointer;text-decoration:underline;}&:focus{text-decoration:underline;box-shadow:", ";}" ], $.variables.contentColorLink, $.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" ? M.variables.neutral300 : M.variables.neutral100, pe, r === "even" ? M.variables.neutral300 : M.variables.neutral100, t && (0, 
-        _.css)([ "&:focus-within{", " background-color:", ";}" ], pe, r === "even" ? M.variables.neutral300 : M.variables.neutral100));
+        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));
+    }), (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);
     }));
     /*
  * A wrapper ensures that the Table Cell contents align to the top while staying within the height of inputHeight.
@@ -495,17 +501,23 @@
  */    var be = z().div.withConfig({
         displayName: "CellStyles__StyledCellContent",
         componentId: "sc-1955xk2-1"
-    })([ "display:flex;align-items:flex-start;word-break:break-word;", " ", "" ], (0, 
-    M.pickVariant)("$variant", {
+    })([ "display:flex;align-items:flex-start;", " ", " ", "" ], (0, $.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", {
+        auto: (0, _.css)([ "word-break:break-word;" ]),
+        scroll: (0, _.css)([ "overflow-wrap:wrap;" ])
     }));
+    // CONCATENATED MODULE: ./src/Table/TableContext.ts
+    var he =  (0, t.createContext)({});
+    he.displayName = "Table";
+    /* harmony default export */    const ye = he;
     // CONCATENATED MODULE: ./src/Table/Cell.tsx
-    function he() {
-        return he = Object.assign ? Object.assign.bind() : function(e) {
+    function ge() {
+        return ge = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -513,11 +525,11 @@
                 }
             }
             return e;
-        }, he.apply(null, arguments);
+        }, ge.apply(null, arguments);
     }
-    function ye(e, n) {
+    function we(e, n) {
         if (null == e) return {};
-        var t, r, o = ge(e, n);
+        var t, r, o = Ce(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -526,7 +538,7 @@
         }
         return o;
     }
-    function ge(e, n) {
+    function Ce(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -537,7 +549,7 @@
         }
         return t;
     }
-    /** @public */    var we = {
+    /** @public */    var xe = {
         align: w().oneOf([ "left", "center", "right" ]),
         /** @private */
         appearance: w().oneOf([ "data", "link", "rowLink" ]),
@@ -548,6 +560,8 @@
         elementRef: w().oneOfType([ w().func, w().object ]),
         /** @private */
         isPrimaryCell: w().bool,
+        /** @private */
+        isPinned: w().bool,
         onClick: w().func,
         /** @private */
         onKeyDown: w().func,
@@ -560,79 +574,82 @@
         /** @private. */
         variant: w().oneOf([ "toggle", "expand", "drag", "actions" ])
     };
-    function Ce(e) {
-        var n = e.align, o = n === void 0 ? "left" : n, i = e.appearance, a = e.appearClickable, l = e.children, u = e.data, s = e.disabled, c = e.elementRef, d = e.isPrimaryCell, f = e.onClick, v = e.onKeyDown, p = e.stripe, m = e.variant, b = ye(e, [ "align", "appearance", "appearClickable", "children", "data", "disabled", "elementRef", "isPrimaryCell", "onClick", "onKeyDown", "stripe", "variant" ]);
+    function Se(e) {
+        var n = e.align, o = n === void 0 ? "left" : n, i = e.appearance, a = e.appearClickable, l = e.children, u = e.data, s = e.disabled, c = e.elementRef, d = e.isPinned, f = e.isPrimaryCell, v = e.onClick, p = e.onKeyDown, m = e.stripe, b = e.variant, h = we(e, [ "align", "appearance", "appearClickable", "children", "data", "disabled", "elementRef", "isPinned", "isPrimaryCell", "onClick", "onKeyDown", "stripe", "variant" ]);
         // @docs-props-type CellPropsBase
-                var h = f !== undefined;
-        var y = a || h;
-        var g = y ? "link" : "data";
-        var w = (0, t.useCallback)((function(e) {
+                var y = v !== undefined;
+        var g = a || y;
+        var w = g ? "link" : "data";
+        var C = (0, t.useContext)(ye), x = C.horizontalOverflow;
+        var S = (0, t.useCallback)((function(e) {
             N(c, e);
         }), [ c ]);
-        var C = (0, t.useCallback)((function(e) {
-            if (m === "actions") {
+        var O = (0, t.useCallback)((function(e) {
+            if (b === "actions") {
                 // Action buttons have their own onClicks inside the cell so we don't want Row onClick to fire
                 e.stopPropagation();
             }
-            f === null || f === void 0 ? void 0 : f(e, u);
-        }), [ u, f, m ]);
-        var x = (0, t.useCallback)((function(e) {
+            v === null || v === void 0 ? void 0 : v(e, u);
+        }), [ u, v, b ]);
+        var k = (0, t.useCallback)((function(e) {
             if (e.key === "Enter") {
-                f === null || f === void 0 ? void 0 : f(e, u);
+                v === null || v === void 0 ? void 0 : v(e, u);
             }
-            v === null || v === void 0 ? void 0 : v(e);
-        }), [ u, f, v ]);
+            p === null || p === void 0 ? void 0 : p(e);
+        }), [ u, v, p ]);
         
-        return r().createElement(me, he({
+        return r().createElement(me, ge({
             "data-test": "cell",
-            $appearance: i || g,
-            $clickable: y ? true : undefined,
+            $appearance: i || w,
+            $clickable: g ? true : undefined,
             $disabled: !!s,
             $focusWithin: a,
-            $isPrimaryCell: d,
-            $stripe: p,
-            $variant: m,
-            onClick: C,
-            onKeyDown: x,
-            ref: w,
-            tabIndex: h ? 0 : undefined
-        }, b),  r().createElement(be, {
+            $isPinned: d,
+            $isPrimaryCell: f,
+            $stripe: m,
+            $variant: b,
+            onClick: O,
+            onKeyDown: k,
+            ref: S,
+            tabIndex: y ? 0 : undefined
+        }, h),  r().createElement(be, {
             $align: o,
-            $variant: m
+            $horizontalOverflow: x,
+            $variant: b
         }, l));
     }
-    Ce.propTypes = we;
-    Ce.splunkUiType = "Table.Cell";
-    /* harmony default export */    const xe = Ce;
+    Se.propTypes = xe;
+    Se.splunkUiType = "Table.Cell";
+    /* harmony default export */    const Oe = Se;
     // CONCATENATED MODULE: external "lodash/isString"
-    const Se = require("lodash/isString");
-    var Oe =  e.n(Se);
-    // CONCATENATED MODULE: external "lodash/merge"
-    const ke = require("lodash/merge");
+    const ke = require("lodash/isString");
     var Re =  e.n(ke);
-    // CONCATENATED MODULE: external "@splunk/react-icons/ParallelDots"
-    const Ee = require("@splunk/react-icons/ParallelDots");
+    // CONCATENATED MODULE: external "lodash/merge"
+    const Ee = require("lodash/merge");
     var Ie =  e.n(Ee);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-    const Te = require("@splunk/react-ui/Tooltip");
+    // CONCATENATED MODULE: external "@splunk/react-icons/ParallelDots"
+    const Te = require("@splunk/react-icons/ParallelDots");
     var je =  e.n(Te);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
+    const De = require("@splunk/react-ui/Tooltip");
+    var Pe =  e.n(De);
     // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-    const De = require("@splunk/react-ui/Divider");
-    var qe =  e.n(De);
+    const Ae = require("@splunk/react-ui/Divider");
+    var qe =  e.n(Ae);
     // CONCATENATED MODULE: ./src/Table/HeadInnerStyles.ts
-    var Ae = 4;
-    var Pe = Ae;
+    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 ze = z().span.withConfig({
+        var $e = (0, _.css)([ "display:inline-flex;align-items:center;grid-row:1;height:1lh;" ]);
+    var Me = z().span.withConfig({
         displayName: "HeadInnerStyles__StyledIcon",
         componentId: "sc-1sa0wng-0"
-    })([ "", " grid-column:icon;" ], _e);
-    var Me = z().span.withConfig({
+    })([ "", " grid-column:icon;" ], $e);
+    var Ne = z().span.withConfig({
         displayName: "HeadInnerStyles__StyledTooltipIcon",
         componentId: "sc-1sa0wng-1"
-    })([ "", " grid-column:tooltip;" ], _e);
-    var $e = z().span.withConfig({
+    })([ "", " grid-column:tooltip;" ], $e);
+    var Le = z().span.withConfig({
         displayName: "HeadInnerStyles__StyledLabel",
         componentId: "sc-1sa0wng-2"
     })([ "grid-column:label;grid-row:1 / -1;position:relative;height:100%;", " ", " ", " ", "" ], (function(e) {
@@ -640,99 +657,105 @@
         return n === "toggleAll" && (0, _.css)([ "grid-column:1 / -1;" ]);
     }), (function(e) {
         var n = e.$labelLength;
-        return n && n > Pe && (0, _.css)([ "word-wrap:break-word;word-break:break-word;" ]);
+        return n && n > ze && (0, _.css)([ "word-wrap:break-word;word-break:break-word;" ]);
     }), (function(e) {
         var n = e.$truncate, t = e.$labelLength;
-        return n && t && t > Ae && (0, _.css)([ "", " min-width:4ch;" ], M.mixins.ellipsis());
-    }), (0, M.pickVariant)("$align", {
+        return (0, $.pickVariant)("$horizontalOverflow", {
+            auto: n && t && t > _e && (0, _.css)([ "", " min-width:4ch;" ], $.mixins.ellipsis()),
+            scroll: (0, _.css)([ "white-space:nowrap;" ])
+        });
+    }), (0, $.pickVariant)("$align", {
         right: (0, _.css)([ "& > &{text-align:right;}" ]),
         left: (0, _.css)([ "& > &{text-align:left;}" ]),
         center: (0, _.css)([ "& > &{text-align:center;}" ])
     }));
-    var Ne = (0, _.css)([ "box-shadow:", ";outline:none;color:", ";text-decoration:underline;" ], M.variables.focusShadowInset, M.variables.contentColorActive);
-    var Le = z().div.withConfig({
+    var We = (0, _.css)([ "box-shadow:", ";outline:none;color:", ";text-decoration:underline;" ], $.variables.focusShadowInset, $.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;}", "" ], M.mixins.reset("grid"), M.mixins.clearfix(), M.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;}", "" ], $.mixins.reset("grid"), $.mixins.clearfix(), $.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 ? M.variables.spacingXSmall : 0);
-    }), (0, M.pick)({
+        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)({
         comfortable: "8px",
         compact: "6px"
-    }), M.variables.spacingSmall, (0, M.pickVariant)("$align", {
+    }), $.variables.spacingSmall, (0, $.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, M.pickVariant)("$variant", {
+    }), (0, $.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:", ";}" ], Ne, t && (0, 
-        _.css)([ "&:focus-within{", "}" ], Ne), M.variables.contentColorActive);
+        return n && (0, _.css)([ "cursor:pointer;&:focus{", "}", " &:hover{outline:none;text-decoration:underline;color:", ";}" ], We, t && (0, 
+        _.css)([ "&:focus-within{", "}" ], We), $.variables.contentColorActive);
     }));
-    var We = z()(qe()).withConfig({
+    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;}}" ], M.mixins.reset("block"), /* sc-sel */ Le, M.variables.borderColorStrong, M.variables.focusColor, M.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;}}" ], $.mixins.reset("block"), /* sc-sel */ He, $.variables.borderColorStrong, $.variables.focusColor, $.variables.focusShadow);
     // CONCATENATED MODULE: ./src/Table/HeadCellStyles.ts
-    var He = z().div.withConfig({
+    var Ve = z().div.withConfig({
         displayName: "HeadCellStyles__StyledInnerWrapper",
         componentId: "sc-1hj81sa-0"
     })([ "display:flex;height:100%;align-items:flex-start;" ]);
-    var Ke = z().th.withConfig({
+    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:", ";}", " ", " ", "" ], M.mixins.reset("table-cell"), M.variables.lineHeightSpacious, M.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:", ";}", " ", " ", " ", "" ], $.mixins.reset("table-cell"), $.variables.lineHeightSpacious, $.variables.neutral100, (function(e) {
         var n = e.$variant;
         return n ? "middle" : "top";
-    }), We, /* sc-sel */ He, M.variables.borderColorWeak, We, /* sc-sel */ He, M.variables.borderColor, We, /* sc-sel */ He, M.variables.focusShadowInset, (function(e) {
+    }), Ke, /* sc-sel */ Ve, $.variables.borderColorWeak, Ke, /* sc-sel */ Ve, $.variables.borderColor, Ke, /* sc-sel */ Ve, $.variables.focusShadowInset, (function(e) {
         var n = e.$isDragging;
-        return n && (0, _.css)([ "background-color:", ";&:focus{box-shadow:none;}" ], M.variables.backgroundColorPage);
+        return n && (0, _.css)([ "background-color:", ";&:focus{box-shadow:none;}" ], $.variables.backgroundColorPage);
     }), (function(e) {
         var n = e.$variant;
-        return n && (0, _.css)([ "&:first-child + &{", "{border-left:1px solid ", ";}}" ], He, M.variables.borderColorWeak);
-    }), (0, M.pickVariant)("$variant", {
+        return n && (0, _.css)([ "&:first-child + &{", "{border-left:1px solid ", ";}}" ], Ve, $.variables.borderColorWeak);
+    }), (0, $.pickVariant)("$variant", {
         actions: (0, _.css)([ "*:where(button){", " &:focus{box-shadow:", ";}}" ], (0, fe.buttonMixin)("subtle", {
-            color: M.variables.contentColorDefault
-        }), M.variables.focusShadowInset)
+            color: $.variables.contentColorDefault
+        }), $.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);
     }));
-    var Be = z().div.withConfig({
+    var Fe = z().div.withConfig({
         displayName: "HeadCellStyles__StyledIcon",
         componentId: "sc-1hj81sa-2"
     })([ "display:inline-flex;align-items:center;height:1lh;" ]);
     // TODO(SUI-7400): Refactor the drag handler of re-order column
-        var Ve = z().div.withConfig({
+        var Ue = z().div.withConfig({
         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, 
-    M.pick)({
+    $.pick)({
         comfortable: "8px",
         compact: "6px"
-    }), M.variables.interactiveColorOverlayHover, M.variables.contentColorActive, M.variables.interactiveColorOverlayDrag, M.variables.focusShadowInset, M.variables.contentColorActive);
+    }), $.variables.interactiveColorOverlayHover, $.variables.contentColorActive, $.variables.interactiveColorOverlayDrag, $.variables.focusShadowInset, $.variables.contentColorActive);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowDown"
-    const Fe = require("@splunk/react-icons/ArrowDown");
-    var Ue =  e.n(Fe);
-    // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUp"
-    const Xe = require("@splunk/react-icons/ArrowUp");
+    const Xe = require("@splunk/react-icons/ArrowDown");
     var Ye =  e.n(Xe);
-    // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUpDown"
-    const Ge = require("@splunk/react-icons/ArrowUpDown");
+    // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUp"
+    const Ge = require("@splunk/react-icons/ArrowUp");
     var Je =  e.n(Ge);
-    // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-    const Qe = require("@splunk/react-icons/CaretSmallDown");
+    // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUpDown"
+    const Qe = require("@splunk/react-icons/ArrowUpDown");
     var Ze =  e.n(Qe);
-    // CONCATENATED MODULE: external "@splunk/react-icons/InformationCircle"
-    const en = require("@splunk/react-icons/InformationCircle");
+    // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
+    const en = require("@splunk/react-icons/CaretSmallDown");
     var nn =  e.n(en);
+    // CONCATENATED MODULE: external "@splunk/react-icons/InformationCircle"
+    const tn = require("@splunk/react-icons/InformationCircle");
+    var rn =  e.n(tn);
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var tn = {
+    var on = {
         body: {
             appendChild: function e() {
                 return [];
@@ -786,16 +809,16 @@
             search: ""
         }
     };
-    function rn() {
-        var e = typeof document !== "undefined" ? document : tn;
+    function an() {
+        var e = typeof document !== "undefined" ? document : on;
         return e;
     }
-    var on = rn();
-    /* harmony default export */    const an = /* unused pure expression or super */ null && on;
+    var ln = an();
+    /* harmony default export */    const un = /* unused pure expression or super */ null && ln;
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var ln = {
-        document: tn,
+    var sn = {
+        document: on,
         navigator: {
             userAgent: ""
         },
@@ -849,15 +872,15 @@
             clearTimeout(n);
         }
     };
-    function un() {
-        var e = typeof window !== "undefined" ? window : ln;
+    function cn() {
+        var e = typeof window !== "undefined" ? window : sn;
         return e;
     }
-    var sn = un();
-    /* harmony default export */    const cn = /* unused pure expression or super */ null && sn;
+    var dn = cn();
+    /* harmony default export */    const fn = /* unused pure expression or super */ null && dn;
     // CONCATENATED MODULE: ./src/Table/HeadInner.tsx
-    function dn() {
-        return dn = Object.assign ? Object.assign.bind() : function(e) {
+    function vn() {
+        return vn = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -865,41 +888,41 @@
                 }
             }
             return e;
-        }, dn.apply(null, arguments);
+        }, vn.apply(null, arguments);
     }
-    function fn(e) {
-        return mn(e) || pn(e) || yn(e) || vn();
+    function pn(e) {
+        return hn(e) || bn(e) || wn(e) || mn();
     }
-    function vn() {
+    function mn() {
         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 pn(e) {
+    function bn(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function mn(e) {
-        if (Array.isArray(e)) return gn(e);
+    function hn(e) {
+        if (Array.isArray(e)) return Cn(e);
     }
-    function bn(e, n) {
-        return Cn(e) || wn(e, n) || yn(e, n) || hn();
+    function yn(e, n) {
+        return Sn(e) || xn(e, n) || wn(e, n) || gn();
     }
-    function hn() {
+    function gn() {
         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 yn(e, n) {
+    function wn(e, n) {
         if (e) {
-            if ("string" == typeof e) return gn(e, n);
+            if ("string" == typeof e) return Cn(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? gn(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Cn(e, n) : void 0;
         }
     }
-    function gn(e, n) {
+    function Cn(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
         }
         return r;
     }
-    function wn(e, n) {
+    function xn(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;
@@ -921,12 +944,12 @@
             return l;
         }
     }
-    function Cn(e) {
+    function Sn(e) {
         if (Array.isArray(e)) return e;
     }
-    function xn(e, n) {
+    function On(e, n) {
         if (null == e) return {};
-        var t, r, o = Sn(e, n);
+        var t, r, o = kn(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -935,7 +958,7 @@
         }
         return o;
     }
-    function Sn(e, n) {
+    function kn(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -946,7 +969,7 @@
         }
         return t;
     }
-    var On = {
+    var Rn = {
         align: w().oneOf([ "left", "center", "right" ]),
         cellId: w().string,
         clickable: w().bool,
@@ -965,67 +988,68 @@
         width: w().oneOfType([ w().number, w().oneOf([ "auto" ]) ]),
         variant: w().oneOf([ "toggleAll", "info", "actions" ])
     };
-    var kn = new Set([ "none", "asc", "desc" ]);
-    var Rn = Object.freeze({
+    var En = new Set([ "none", "asc", "desc" ]);
+    var In = Object.freeze({
         none: (0, T._)("Click to sort"),
         asc: (0, T._)("Press to sort descending"),
         desc: (0, T._)("Press to sort ascending")
     });
-    var En = Object.freeze({
-        none: Je(),
-        asc: Ye(),
-        desc: Ue()
+    var Tn = Object.freeze({
+        none: Ze(),
+        asc: Je(),
+        desc: Ye()
     });
-    function In(e) {
-        var n = e.align, o = n === void 0 ? "left" : n, i = e.clickable, a = e.cellId, l = e.columnId, u = e.elementRef, s = e.focusWithin, c = e.hasTooltip, d = e.index, f = e.isMenu, v = e.label, p = e.onAutosizeColumn, m = e.onRequestResize, h = e.resizable, y = h === void 0 ? true : h, g = e.sortDir, w = e.truncate, C = w === void 0 ? true : w, S = e.variant, O = e.width, k = xn(e, [ "align", "clickable", "cellId", "columnId", "elementRef", "focusWithin", "hasTooltip", "index", "isMenu", "label", "onAutosizeColumn", "onRequestResize", "resizable", "sortDir", "truncate", "variant", "width" ]);
+    function jn(e) {
+        var n = e.align, o = n === void 0 ? "left" : n, i = e.clickable, a = e.cellId, l = e.columnId, u = e.elementRef, s = e.focusWithin, c = e.hasTooltip, d = e.index, f = e.isMenu, v = e.label, p = e.onAutosizeColumn, m = e.onRequestResize, h = e.resizable, y = h === void 0 ? true : h, g = e.sortDir, w = e.truncate, C = w === void 0 ? true : w, S = e.variant, O = e.width, k = On(e, [ "align", "clickable", "cellId", "columnId", "elementRef", "focusWithin", "hasTooltip", "index", "isMenu", "label", "onAutosizeColumn", "onRequestResize", "resizable", "sortDir", "truncate", "variant", "width" ]);
         // @docs-props-type HeadInnerPropsBase
                 var R = (0, T._)("Click to open menu");
         var E = (0, t.useMemo)((function() {
             return typeof v === "string" ? v.length : 0;
         }), [ v ]);
-        var j = (0, t.useState)(false), D = bn(j, 2), q = D[0], A = D[1];
-        var P = (0, t.useState)(0), _ = bn(P, 2), z = _[0], M = _[1];
-        var $ = (0, t.useState)(0), L = bn($, 2), W = L[0], H = L[1];
-        var K = (0, t.useRef)(null);
-        var B = (0, t.useRef)(O === "auto" ? undefined : O);
-        var V;
-        var F;
-        if (g !== undefined && kn.has(g)) {
-            V = En[g];
-            F = Rn[g];
+        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 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);
+        var U;
+        var X;
+        if (g !== undefined && En.has(g)) {
+            U = Tn[g];
+            X = In[g];
         }
         if (O === "auto") {
-            var U;
-            var X = K.current;
-            var Y = X === null || X === void 0 ? void 0 : (U = X.parentElement) === null || U === void 0 ? void 0 : U.getBoundingClientRect();
-            B.current = Y === null || Y === void 0 ? void 0 : Y.width;
+            var Y;
+            var G = B.current;
+            var J = G === null || G === void 0 ? void 0 : (Y = G.parentElement) === null || Y === void 0 ? void 0 : Y.getBoundingClientRect();
+            F.current = J === null || J === void 0 ? void 0 : J.width;
         } else {
-            B.current = O;
+            F.current = O;
         }
-        var G = (0, t.useCallback)((function(e) {
-            K.current = e;
+        var Q = (0, t.useCallback)((function(e) {
+            B.current = e;
             N(u, e);
-        }), [ u, K ]);
-        var J = (0, t.useCallback)((function(e) {
+        }), [ u, B ]);
+        var Z = (0, t.useCallback)((function(e) {
             var n = e.key;
             if (m === undefined || d === undefined) {
                 return;
             }
             if (O === "auto") {
                 var t;
-                var r = K.current;
+                var r = B.current;
                 var o = r === null || r === void 0 ? void 0 : (t = r.parentElement) === null || t === void 0 ? void 0 : t.getBoundingClientRect();
-                B.current = o === null || o === void 0 ? void 0 : o.width;
+                F.current = o === null || o === void 0 ? void 0 : o.width;
             } else {
-                B.current = O;
+                F.current = O;
             }
-            if (B.current === undefined) {
+            if (F.current === undefined) {
                 return;
             }
             if (n === "ArrowLeft") {
                 e.preventDefault();
  // prevent text selection
-                                var i = Math.max(B.current - 10, 20);
+                                var i = Math.max(F.current - 10, 20);
                 m(e, {
                     index: d,
                     columnId: l,
@@ -1036,7 +1060,7 @@
             if (n === "ArrowRight") {
                 e.preventDefault();
  // prevent text selection
-                                var u = B.current + 10;
+                                var u = F.current + 10;
                 m(e, {
                     index: d,
                     columnId: l,
@@ -1049,27 +1073,27 @@
  // SUI-7320: prevent sorting and dropdown opening
                         }
         }), [ l, a, d, m, O ]);
-        var Q = (0, t.useCallback)((function(e) {
+        var ee = (0, t.useCallback)((function(e) {
             if (O === "auto") {
                 var n;
-                var t = K.current;
+                var t = B.current;
                 var r = t === null || t === void 0 ? void 0 : (n = t.parentElement) === null || n === void 0 ? void 0 : n.getBoundingClientRect();
-                B.current = r === null || r === void 0 ? void 0 : r.width;
+                F.current = r === null || r === void 0 ? void 0 : r.width;
             } else {
-                B.current = O;
+                F.current = O;
             }
-            if (B.current === undefined) {
+            if (F.current === undefined) {
                 return;
             }
             e.preventDefault();
  // prevent text selection
-                        M(e.clientX);
-            H(B.current || 0);
-            A(true);
+                        L(e.clientX);
+            V(F.current || 0);
+            _(true);
         }), [ O ]);
-        var Z = function e(n) {
-            var t = z - n.clientX;
-            var r = Math.max(W - t, 16);
+        var ne = function e(n) {
+            var t = M - n.clientX;
+            var r = Math.max(K - t, 16);
             if (d !== undefined) {
                 m === null || m === void 0 ? void 0 : m(n, {
                     index: d,
@@ -1079,10 +1103,10 @@
                 });
             }
         };
-        var ee = function e() {
-            A(false);
+        var te = function e() {
+            _(false);
         };
-        var ne = (0, t.useCallback)((function(e) {
+        var re = (0, t.useCallback)((function(e) {
             if (d !== undefined) {
                 p === null || p === void 0 ? void 0 : p(e, {
                     index: d,
@@ -1091,14 +1115,14 @@
                 });
             }
         }), [ a, l, d, p ]);
-        var te = un();
-        var re = B.current ? (0, I.sprintf)((0, T._)("%(width)d pixels"), {
-            width: B.current
+        var oe = cn();
+        var ie = F.current ? (0, I.sprintf)((0, T._)("%(width)d pixels"), {
+            width: F.current
         }) : undefined;
         
-        return r().createElement(Le, dn({
+        return r().createElement(He, vn({
             as: i ? "button" : "div",
-            ref: G,
+            ref: Q,
             $align: o,
             $clickable: i,
             $focusWithin: s,
@@ -1106,46 +1130,47 @@
             $hasTooltip: !!c,
             $variant: S,
             $labelLength: E
-        }, b()(k, [].concat(fn(Object.keys(In.propTypes)), [ "id" ]))), q &&  r().createElement(r().Fragment, null,  r().createElement(x(), {
-            target: te,
+        }, b()(k, [].concat(pn(Object.keys(jn.propTypes)), [ "id" ]))), q &&  r().createElement(r().Fragment, null,  r().createElement(x(), {
+            target: oe,
             eventType: "mouseup",
-            listener: ee
+            listener: te
         }),  r().createElement(x(), {
-            target: te,
+            target: oe,
             eventType: "mousemove",
-            listener: Z
-        })), m && y &&  r().createElement(We, {
+            listener: ne
+        })), m && y &&  r().createElement(Ke, {
             "aria-label": (0, I.sprintf)((0, T._)("Resize %(label)s"), {
                 label: v
             }),
             "aria-controls": a,
-            "aria-valuetext": re,
+            "aria-valuetext": ie,
             "data-test": "resize",
-            onMouseDown: Q,
-            onDoubleClick: ne,
-            onKeyDown: J,
+            onMouseDown: ee,
+            onDoubleClick: re,
+            onKeyDown: Z,
             orientation: "vertical",
             tabIndex: 0
-        }),  r().createElement($e, {
+        }),  r().createElement(Le, {
             $align: o,
+            $horizontalOverflow: D,
+            $labelLength: E,
             $truncate: C,
-            $variant: S,
-            $labelLength: E
-        }, v), c &&  r().createElement(Me, null,  r().createElement(nn(), {
+            $variant: S
+        }, v), c &&  r().createElement(Ne, null,  r().createElement(rn(), {
             "data-test": "tooltip-icon"
-        })), f &&  r().createElement(ze, null,  r().createElement(Ze(), {
+        })), f &&  r().createElement(Me, null,  r().createElement(nn(), {
             "data-test": "caret-down",
             "aria-label": R
-        })), g &&  r().createElement(ze, null, V !== undefined &&  r().createElement(V, {
+        })), g &&  r().createElement(Me, null, U !== undefined &&  r().createElement(U, {
             "aria-hidden": false,
-            "aria-label": F
+            "aria-label": X
         })));
     }
-    In.propTypes = On;
-    /* harmony default export */    const Tn = In;
+    jn.propTypes = Rn;
+    /* harmony default export */    const Dn = jn;
     // CONCATENATED MODULE: ./src/Table/HeadCell.tsx
-    function jn() {
-        return jn = Object.assign ? Object.assign.bind() : function(e) {
+    function Pn() {
+        return Pn = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1153,9 +1178,9 @@
                 }
             }
             return e;
-        }, jn.apply(null, arguments);
+        }, Pn.apply(null, arguments);
     }
-    function Dn(e, n) {
+    function An(e, n) {
         if (null == e) return {};
         var t, r, o = qn(e, n);
         if (Object.getOwnPropertySymbols) {
@@ -1178,7 +1203,7 @@
         return t;
     }
     /** @public */
-    /** @public */    var An = {
+    /** @public */    var _n = {
         align: w().oneOf([ "left", "center", "right" ]),
         /** @private Used to set the $clickable appearance without an onClick */
         appearClickable: w().bool,
@@ -1191,6 +1216,8 @@
         /** @private The index of the cell, skipping the info column. */
         index: w().number,
         /** @private. */
+        isPinned: w().bool,
+        /** @private. */
         onAutosizeColumn: w().func,
         /** @private. */
         onClick: w().func,
@@ -1218,158 +1245,159 @@
         visible: w().bool,
         width: w().oneOfType([ w().number, w().oneOf([ "auto" ]) ])
     };
-    var Pn = {
+    var zn = {
         asc: "ascending",
         desc: "descending",
         none: "none"
     };
-    function _n(e) {
+    function $n(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.onAutosizeColumn, b = e.onClick, h = e.onKeyDown, y = e.onRequestMoveColumn, g = e.onRequestResize, w = e.onSort, C = e.resizable, x = C === void 0 ? true : C, S = e.sortDir, O = S === void 0 ? "none" : S, k = e.sortKey, R = e.style, E = e.tooltip, D = e.truncate, q = D === void 0 ? true : D, A = e.variant, P = e.visible, _ = P === void 0 ? true : P, z = e.width, M = Dn(e, [ "align", "appearClickable", "children", "columnId", "elementRef", "dragId", "headCellScreenReaderText", "id", "index", "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 : _, $ = 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" ]);
         // @docs-props-type HeadCellPropsBase
-                var $ = !!y;
-        var L = (0, a.useSortable)({
+                var L = !!g;
+        var W = (0, a.useSortable)({
             // dragId is optional in HeadCell but required by useSortable
             // since it is always set in Table, use a type assertion here to avoid TypeScript error
             id: d
-        }), W = L.attributes, H = L.isDragging, K = L.listeners, B = L.setNodeRef;
-        var V = (0, t.useCallback)((function(e) {
+        }), H = W.attributes, K = W.isDragging, V = W.listeners, B = W.setNodeRef;
+        var F = (0, t.useCallback)((function(e) {
             N(c, e);
-            if ($) {
+            if (L) {
                 B(e);
             }
-        }), [ $, c, B ]);
-        var F = (0, t.useCallback)((function(e) {
+        }), [ L, c, B ]);
+        var U = (0, t.useCallback)((function(e) {
             // ignore clicks on the resize handle
-            if (e.target.getAttribute("data-test") !== "resize" && w && p !== undefined) {
-                w(e, {
-                    sortKey: k,
-                    sortDir: O,
+            if (e.target.getAttribute("data-test") !== "resize" && C && p !== undefined) {
+                C(e, {
+                    sortKey: R,
+                    sortDir: k,
                     id: v,
                     columnId: s,
                     index: p
                 });
             }
-            b === null || b === void 0 ? void 0 : b();
-        }), [ s, v, p, b, w, O, k ]);
-        var U = (0, t.useCallback)((function(e) {
+            h === null || h === void 0 ? void 0 : h();
+        }), [ s, v, p, h, C, k, R ]);
+        var X = (0, t.useCallback)((function(e) {
             if (p !== undefined) {
-                h === null || h === void 0 ? void 0 : h(e, {
+                y === null || y === void 0 ? void 0 : y(e, {
                     index: p,
                     columnId: s
                 });
             }
-        }), [ s, p, h ]);
-        var X = !!w && !!O;
-        var Y = b !== undefined;
-        var G = A === "actions" ? false : q;
-        var J = (0, t.useMemo)((function() {
-            return Re()({}, R, {
-                width: z
+        }), [ s, p, y ]);
+        var Y = !!C && !!k;
+        var G = h !== undefined;
+        var J = q === "actions" ? false : A;
+        var Q = (0, t.useMemo)((function() {
+            return Ie()({}, E, {
+                width: $
             });
-        }), [ R, z ]);
-        var Q;
+        }), [ E, $ ]);
+        var Z;
         if (f) {
-            Q = f;
-        } else if (Oe()(u)) {
-            Q = u;
+            Z = f;
+        } else if (Re()(u)) {
+            Z = u;
         }
-        var Z = (n = v !== null && v !== void 0 ? v : s) !== null && n !== void 0 ? n : (0, 
+        var ee = (n = v !== null && v !== void 0 ? v : s) !== null && n !== void 0 ? n : (0, 
         j.createDOMID)("headCellId-");
-        var ee = (0, t.useMemo)((function() {
+        var ne = (0, t.useMemo)((function() {
             return {
                 align: i,
-                clickable: l || X || Y,
+                clickable: l || Y || G,
                 columnId: s,
                 focusWithin: l,
                 label: u,
-                cellId: Z,
+                cellId: ee,
                 index: p,
-                onAutosizeColumn: m,
-                onClick: w || Y ? F : undefined,
-                onKeyDown: w || Y ? U : undefined,
-                onRequestResize: g,
-                resizable: _ && x,
-                sortDir: w && O,
-                truncate: G,
-                variant: A,
-                width: z
+                onAutosizeColumn: b,
+                onClick: C || G ? U : undefined,
+                onKeyDown: C || G ? X : undefined,
+                onRequestResize: w,
+                resizable: z && S,
+                sortDir: C && k,
+                truncate: J,
+                variant: q,
+                width: $
             };
-        }), [ i, l, X, Y, s, u, Z, p, m, w, F, U, g, _, x, O, G, A, z ]);
-        var ne = (0, t.useCallback)((function(e) {
+        }), [ i, l, Y, G, s, u, ee, p, b, C, U, X, w, z, S, k, J, q, $ ]);
+        var te = (0, t.useCallback)((function(e) {
             
-            return r().createElement(Tn, jn({}, e, ee, {
+            return r().createElement(Dn, Pn({}, e, ne, {
                 hasTooltip: true
             }));
-        }), [ ee ]);
+        }), [ ne ]);
         
-        return r().createElement(Ke, jn({
-            style: J,
-            ref: V,
-            "aria-sort": w && (Pn[O] || "none"),
+        return r().createElement(Be, Pn({
+            style: Q,
+            ref: F,
+            "aria-sort": C && (zn[k] || "none"),
             "data-test": "head-cell",
-            "data-test-label": Oe()(u) ? u : undefined,
-            "data-test-sort-dir": w && O,
-            id: _ ? Z : undefined,
-            $isDragging: $ && H,
-            $variant: A
-        }, M),  r().createElement(He, null, $ &&  r().createElement(Ve, jn({
+            "data-test-label": Re()(u) ? u : undefined,
+            "data-test-sort-dir": C && k,
+            id: z ? ee : undefined,
+            $isDragging: L && K,
+            $isPinned: m,
+            $variant: q
+        }, M),  r().createElement(Ve, null, L &&  r().createElement(Ue, Pn({
             "aria-label": (0, I.sprintf)((0, T._)("Reorder %(labelString)s"), {
-                labelString: Q
+                labelString: Z
             }),
             "data-test": "drag",
             draggable: true
-        }, W, K),  r().createElement(Be, null,  r().createElement(Ie(), null))), E ?  r().createElement(je(), {
-            content: E,
-            renderAnchor: ne
-        }) :  r().createElement(Tn, ee)));
-    }
-    _n.propTypes = An;
-    _n.splunkUiType = "Table.HeadCell";
-    /* harmony default export */    const zn = _n;
+        }, H, V),  r().createElement(Fe, null,  r().createElement(je(), null))), D ?  r().createElement(Pe(), {
+            content: D,
+            renderAnchor: te
+        }) :  r().createElement(Dn, ne)));
+    }
+    $n.propTypes = _n;
+    $n.splunkUiType = "Table.HeadCell";
+    /* harmony default export */    const Mn = $n;
     // CONCATENATED MODULE: ./src/Table/HeadStyles.ts
-    var Mn = z().thead.withConfig({
+    var Nn = z().thead.withConfig({
         displayName: "HeadStyles__Styled",
         componentId: "iap21t-0"
-    })([ "", ";", "" ], M.mixins.reset("table-header-group"), (function(e) {
+    })([ "", ";", "" ], $.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 $n = z()(zn).withConfig({
+    var Ln = z()(Mn).withConfig({
         displayName: "HeadStyles__StyledToggleAll",
         componentId: "iap21t-1"
-    })([ "width:32px;" ]);
-    var Nn = z()(zn).withConfig({
+    })([ "width:32px;min-width:32px;" ]);
+    var Wn = z()(Mn).withConfig({
         displayName: "HeadStyles__StyledInfo",
         componentId: "iap21t-2"
-    })([ "width:32px;" ]);
-    var Ln = z()(zn).withConfig({
+    })([ "width:32px;min-width:32px;" ]);
+    var Hn = z()(Mn).withConfig({
         displayName: "HeadStyles__StyledDragRow",
         componentId: "iap21t-3"
     })([ "width:32px;" ]);
     // CONCATENATED MODULE: external "@dnd-kit/utilities"
-    const Wn = require("@dnd-kit/utilities");
+    const Kn = require("@dnd-kit/utilities");
     // CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeVertical"
-    const Hn = require("@splunk/react-icons/DotsThreeVertical");
-    var Kn =  e.n(Hn);
+    const Vn = require("@splunk/react-icons/DotsThreeVertical");
+    var Bn =  e.n(Vn);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const Bn = require("@splunk/react-ui/Button");
-    var Vn =  e.n(Bn);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const Fn = require("@splunk/react-ui/Dropdown");
+    const Fn = require("@splunk/react-ui/Button");
     var Un =  e.n(Fn);
-    // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
-    const Xn = require("@splunk/react-icons/ChevronRight");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
+    const Xn = require("@splunk/react-ui/Dropdown");
     var Yn =  e.n(Xn);
+    // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
+    const Gn = require("@splunk/react-icons/ChevronRight");
+    var Jn =  e.n(Gn);
     // CONCATENATED MODULE: ./src/Table/ExpandButtonStyles.ts
-    var Gn = z().button.withConfig({
+    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:", ";}" ], M.mixins.reset("flex"), M.variables.contentColorDefault, M.variables.contentColorActive, M.variables.contentColorActive, M.variables.focusShadowInset);
-    var Jn = z()(Yn()).withConfig({
+    })([ "", ";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);
+    var Zn = z()(Jn()).withConfig({
         displayName: "ExpandButtonStyles__StyledChevron",
         componentId: "sc-7nlw5q-1"
-    })([ "padding-block:", ";transition:transform 200ms;", "" ], (0, M.pick)({
+    })([ "padding-block:", ";transition:transform 200ms;", "" ], (0, $.pick)({
         comfortable: "10px",
         compact: "8px"
     }), (function(e) {
@@ -1377,8 +1405,8 @@
         return n && (0, _.css)([ "transform:rotate(90deg);" ]);
     }));
     // CONCATENATED MODULE: ./src/Table/ExpandButton.tsx
-    function Qn() {
-        return Qn = Object.assign ? Object.assign.bind() : function(e) {
+    function et() {
+        return et = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1386,11 +1414,11 @@
                 }
             }
             return e;
-        }, Qn.apply(null, arguments);
+        }, et.apply(null, arguments);
     }
-    function Zn(e, n) {
+    function nt(e, n) {
         if (null == e) return {};
-        var t, r, o = et(e, n);
+        var t, r, o = tt(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1399,7 +1427,7 @@
         }
         return o;
     }
-    function et(e, n) {
+    function tt(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1410,33 +1438,33 @@
         }
         return t;
     }
-    var nt = {
+    var rt = {
         expanded: w().bool
     };
-    var tt = function e(n) {
-        var t = n.expanded, o = Zn(n, [ "expanded" ]);
+    var ot = function e(n) {
+        var t = n.expanded, o = nt(n, [ "expanded" ]);
         // @docs-props-type ExpandButtonPropsBase
                 
-        return r().createElement(Gn, Qn({
+        return r().createElement(Qn, et({
             title: t ? (0, T._)("Collapse row") : (0, T._)("Expand row")
-        }, o),  r().createElement(Jn, {
+        }, o),  r().createElement(Zn, {
             $expanded: t
         }));
     };
-    tt.propTypes = nt;
-    /* harmony default export */    const rt = tt;
+    ot.propTypes = rt;
+    /* harmony default export */    const it = ot;
     // CONCATENATED MODULE: ./src/Table/RowDragCellStyles.ts
-    var ot = z().td.withConfig({
+    var at = z().td.withConfig({
         displayName: "RowDragCellStyles__StyledCell",
         componentId: "sc-9kbaj2-0"
-    })([ "", " cursor:move;touch-action:none;position:relative;vertical-align:middle;" ], M.mixins.reset("table-cell"));
-    var it = z().div.withConfig({
+    })([ "", " cursor:move;touch-action:none;position:relative;vertical-align:middle;" ], $.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;}" ], M.mixins.reset("flex"), M.mixins.clearfix(), M.variables.focusShadowInset, M.variables.interactiveColorOverlayDrag, M.variables.interactiveColorOverlayActive, M.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;}" ], $.mixins.reset("flex"), $.mixins.clearfix(), $.variables.focusShadowInset, $.variables.interactiveColorOverlayDrag, $.variables.interactiveColorOverlayActive, $.variables.focusShadowInset);
     // CONCATENATED MODULE: ./src/Table/RowDragCell.tsx
-    function at() {
-        return at = Object.assign ? Object.assign.bind() : function(e) {
+    function ut() {
+        return ut = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1444,11 +1472,11 @@
                 }
             }
             return e;
-        }, at.apply(null, arguments);
+        }, ut.apply(null, arguments);
     }
-    function lt(e, n) {
+    function st(e, n) {
         if (null == e) return {};
-        var t, r, o = ut(e, n);
+        var t, r, o = ct(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1457,7 +1485,7 @@
         }
         return o;
     }
-    function ut(e, n) {
+    function ct(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1468,64 +1496,69 @@
         }
         return t;
     }
-    var st = {
+    var dt = {
         setActivatorNodeRef: w().func.isRequired,
         listeners: w().objectOf(w().func)
     };
-    function ct(e) {
-        var n = e.listeners, t = e.setActivatorNodeRef, o = lt(e, [ "listeners", "setActivatorNodeRef" ]);
+    function ft(e) {
+        var n = e.listeners, t = e.setActivatorNodeRef, o = st(e, [ "listeners", "setActivatorNodeRef" ]);
         // @docs-props-type RowDragCellPropsBase
                 
-        return r().createElement(ot, {
+        return r().createElement(at, {
             "data-helper": true
-        },  r().createElement(it, at({
+        },  r().createElement(lt, ut({
             "data-test": "drag",
             draggable: true,
             ref: t,
             tabIndex: 0
-        }, n, o),  r().createElement(Ie(), null)));
+        }, n, o),  r().createElement(je(), null)));
     }
-    ct.propTypes = st;
-    /* harmony default export */    const dt = ct;
+    ft.propTypes = dt;
+    /* harmony default export */    const vt = ft;
     // CONCATENATED MODULE: ./src/Table/RowStyles.ts
-    var ft = z().tr.withConfig({
+    var pt = z().tr.withConfig({
         displayName: "RowStyles__StyledStripeNone",
         componentId: "f0igqq-0"
-    })([ "", ";", ";", " @media print{background-color:none;}" ], M.mixins.reset("table-row"), (function(e) {
-        var n = e.$clickable;
-        return n && (0, _.css)([ "cursor:pointer;&:hover{background-color:", ";}&:focus{background-color:", ";box-shadow:", ";}" ], M.variables.neutral100, M.variables.neutral100, M.variables.focusShadowInset);
+    })([ "", ";", ";", " @media print{background-color:none;}" ], $.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, 
+        _.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:", ";}" ], M.variables.interactiveColorOverlayHover);
+        return !n && !t && r && (0, _.css)([ "&:hover{background-color:", ";}" ], $.variables.interactiveColorOverlayHover);
     }));
-    var vt = z()(ft).withConfig({
+    var mt = z()(pt).withConfig({
         displayName: "RowStyles__StyledStripeEven",
         componentId: "f0igqq-1"
-    })([ "background-color:", ";", ";" ], M.variables.neutral50, (function(e) {
+    })([ "background-color:", ";", " ", ";" ], $.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:", ";}" ], M.variables.neutral300);
+        return n && (0, _.css)([ "cursor:pointer;&:hover,&:focus{background-color:", ";}" ], $.variables.neutral300);
     }));
     // CONCATENATED MODULE: external "@splunk/react-ui/Checkbox"
-    const pt = require("@splunk/react-ui/Checkbox");
-    var mt =  e.n(pt);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const bt = require("@splunk/react-ui/Clickable");
+    const bt = require("@splunk/react-ui/Checkbox");
     var ht =  e.n(bt);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
+    const yt = require("@splunk/react-ui/Clickable");
+    var gt =  e.n(yt);
     // CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
-    var yt = z()(ht()).withConfig({
+    var wt = z()(gt()).withConfig({
         displayName: "ToggleStyles__StyledClickable",
         componentId: "sc-1x3ikch-0"
     })([ "height:100%;width:100%;display:flex;justify-content:center;&[disabled]{cursor:not-allowed;}" ]);
-    var gt = z()(mt()).withConfig({
+    var Ct = z()(ht()).withConfig({
         displayName: "ToggleStyles__StyledCheckbox",
         componentId: "sc-1x3ikch-1"
-    })([ "align-items:flex-start;padding-block:", ";" ], (0, M.pick)({
+    })([ "align-items:flex-start;padding-block:", ";" ], (0, $.pick)({
         comfortable: "8px",
         compact: "6px"
     }));
     // CONCATENATED MODULE: ./src/Table/Toggle.tsx
-    function wt() {
-        return wt = Object.assign ? Object.assign.bind() : function(e) {
+    function xt() {
+        return xt = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1533,11 +1566,11 @@
                 }
             }
             return e;
-        }, wt.apply(null, arguments);
+        }, xt.apply(null, arguments);
     }
-    function Ct(e, n) {
+    function St(e, n) {
         if (null == e) return {};
-        var t, r, o = xt(e, n);
+        var t, r, o = Ot(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1546,7 +1579,7 @@
         }
         return o;
     }
-    function xt(e, n) {
+    function Ot(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1557,41 +1590,41 @@
         }
         return t;
     }
-    var St = {
+    var kt = {
         disabled: w().bool,
         onClick: w().func,
         selected: w().oneOf([ true, false, "some" ])
     };
-    function Ot(e) {
-        var n = e.disabled, t = e.onClick, o = e.selected, i = Ct(e, [ "disabled", "onClick", "selected" ]);
+    function Rt(e) {
+        var n = e.disabled, t = e.onClick, o = e.selected, i = St(e, [ "disabled", "onClick", "selected" ]);
         // @docs-props-type TogglePropsBase
                 var a = n === true ? "disabled" : undefined;
         
         // we use a Clickable around the inert Checkbox (which can seem ironic) so that the whole table cell is clickable
         // we cannot use the Cell's onClick itself because of a11y issues we have faced in the past (see SUI-5958).
-        return r().createElement(yt, wt({
+        return r().createElement(wt, xt({
             "aria-checked": o === "some" ? "mixed" : o,
             disabled: a,
             onClick: t,
             role: "checkbox"
-        }, i),  r().createElement(gt, {
+        }, i),  r().createElement(Ct, {
             checked: o === "some" ? "indeterminate" : o,
             disabled: !!a,
             inert: true
         }));
     }
-    Ot.propTypes = St;
-    /* harmony default export */    const kt = Ot;
+    Rt.propTypes = kt;
+    /* harmony default export */    const Et = Rt;
     // CONCATENATED MODULE: ./src/Table/Row.tsx
-    function Rt(e) {
+    function It(e) {
         "@babel/helpers - typeof";
-        return Rt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return It = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, Rt(e);
+        }, It(e);
     }
-    function Et(e, n) {
+    function Tt(e, n) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var r = Object.getOwnPropertySymbols(e);
@@ -1601,42 +1634,42 @@
         }
         return t;
     }
-    function It(e) {
+    function jt(e) {
         for (var n = 1; n < arguments.length; n++) {
             var t = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? Et(Object(t), !0).forEach((function(n) {
-                Tt(e, n, t[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Et(Object(t)).forEach((function(n) {
+            n % 2 ? Tt(Object(t), !0).forEach((function(n) {
+                Dt(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Tt(Object(t)).forEach((function(n) {
                 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
             }));
         }
         return e;
     }
-    function Tt(e, n, t) {
-        return (n = jt(n)) in e ? Object.defineProperty(e, n, {
+    function Dt(e, n, t) {
+        return (n = Pt(n)) in e ? Object.defineProperty(e, n, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = t, e;
     }
-    function jt(e) {
-        var n = Dt(e, "string");
-        return "symbol" == Rt(n) ? n : n + "";
+    function Pt(e) {
+        var n = At(e, "string");
+        return "symbol" == It(n) ? n : n + "";
     }
-    function Dt(e, n) {
-        if ("object" != Rt(e) || !e) return e;
+    function At(e, n) {
+        if ("object" != It(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != Rt(r)) return r;
+            if ("object" != It(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
     function qt(e, n) {
         if (null == e) return {};
-        var t, r, o = At(e, n);
+        var t, r, o = _t(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1645,7 +1678,7 @@
         }
         return o;
     }
-    function At(e, n) {
+    function _t(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1656,8 +1689,8 @@
         }
         return t;
     }
-    function Pt() {
-        return Pt = Object.assign ? Object.assign.bind() : function(e) {
+    function zt() {
+        return zt = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -1665,18 +1698,18 @@
                 }
             }
             return e;
-        }, Pt.apply(null, arguments);
+        }, zt.apply(null, arguments);
     }
-    var _t = {
-        odd: ft,
-        even: vt,
-        none: ft
+    var $t = {
+        odd: pt,
+        even: mt,
+        none: pt
     };
     /** @public */
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var zt = {
+    /** @public */    var Mt = {
         /** @private. Generally passed by Table rather than added directly. */
         activeElementId: w().string,
         actionPrimary: w().element,
@@ -1708,6 +1741,8 @@
         /** @private. Generally passed by `Table` rather than added directly. */
         onRequestMoveRow: w().func,
         onRequestToggle: w().func,
+        /** @private. */
+        pinnedColumns: w().object,
         /** @private. Generally passed by `Table` rather than added directly. */
         primaryColumnIndex: w().number,
         rowScreenReaderText: w().string,
@@ -1715,41 +1750,41 @@
         /** @private. */
         stripe: w().oneOf([ "odd", "even", "none" ])
     };
-    var Mt =  r().createElement(Kn(), null);
-    var $t =  r().forwardRef((function(e, n) {
+    var Nt =  r().createElement(Bn(), null);
+    var Lt =  r().forwardRef((function(e, n) {
         
-        return r().createElement(je(), Pt({
+        return r().createElement(Pe(), zt({
             content: (0, T._)("Actions"),
             contentRelationship: "label"
-        }, e),  r().createElement(Vn(), {
+        }, e),  r().createElement(Un(), {
             appearance: "subtle",
             "data-test": "actions-secondary-toggle",
-            icon: Mt,
+            icon: Nt,
             elementRef: n
         }));
     }));
-    function Nt(e) {
+    function Wt(e) {
         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.isDraggable, v = e.elementRef, p = e.expandable, m = e.expanded, h = e.expansionRowIds, y = e.expansionRow, g = e.index, w = e.movableColumns, C = e.onClick, x = e.onExpansion, S = e.onKeyDown, O = e.onRequestToggle, k = e.primaryColumnIndex, R = k === void 0 ? 0 : k, E = e.rowScreenReaderText, D = e.selected, q = e.stripe, A = q === void 0 ? "none" : q, P = e.style, _ = qt(e, [ "actions", "actionPrimary", "actionsSecondary", "children", "data", "dragId", "disabled", "isDraggable", "elementRef", "expandable", "expanded", "expansionRowIds", "expansionRow", "index", "movableColumns", "onClick", "onExpansion", "onKeyDown", "onRequestToggle", "primaryColumnIndex", "rowScreenReaderText", "selected", "stripe", "style" ]);
+        var o = e.actions, i = e.actionPrimary, 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 z = (0, t.useMemo)((function() {
+                var $ = (0, t.useMemo)((function() {
             return {
-                id: f ? c : (0, j.createGUID)(),
-                disabled: !f
+                id: v ? c : (0, j.createGUID)(),
+                disabled: !v
             };
-        }), [ f, c ]);
-        var M = (0, a.useSortable)(z), $ = M.attributes, L = M.listeners, W = M.transform, H = M.transition, K = M.setNodeRef, B = M.setActivatorNodeRef;
-        var V = (0, t.useMemo)((function() {
-            return f ? It(It({}, P), {}, {
-                transform: Wn.CSS.Translate.toString(W),
-                transition: H
-            }) : P;
-        }), [ f, W, H, P ]);
-        var F = (0, t.useRef)(null);
-        var U = (0, t.useCallback)((function(e) {
+        }), [ 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 F = (0, t.useMemo)((function() {
+            return v ? jt(jt({}, _), {}, {
+                transform: Kn.CSS.Translate.toString(H),
+                transition: K
+            }) : _;
+        }), [ v, H, K, _ ]);
+        var U = (0, t.useRef)(null);
+        var X = (0, t.useCallback)((function(e) {
             var n = e.target;
             while (n) {
-                if (F.current === n) {
+                if (U.current === n) {
                     break;
                 }
                 // Ignore clicks on row-actions
@@ -1759,26 +1794,26 @@
                 n = n.parentNode;
             }
             if (!e.defaultPrevented) {
-                C === null || C === void 0 ? void 0 : C(e, s);
+                x === null || x === void 0 ? void 0 : x(e, s);
             }
-        }), [ s, C ]);
-        var X = (0, t.useCallback)((function(e) {
-            if (e.key === "Enter" && C) {
-                C(e, s);
-            }
-            S === null || S === void 0 ? void 0 : S(e);
-        }), [ s, C, S ]);
+        }), [ s, x ]);
         var Y = (0, t.useCallback)((function(e) {
+            if (e.key === "Enter" && x) {
+                x(e, s);
+            }
+            O === null || O === void 0 ? void 0 : O(e);
+        }), [ s, x, O ]);
+        var G = (0, t.useCallback)((function(e) {
             if (!d) {
                 e.preventDefault();
-                O === null || O === void 0 ? void 0 : O(e, s);
+                k === null || k === void 0 ? void 0 : k(e, s);
             }
-        }), [ s, d, O ]);
-        var G = (0, t.useCallback)((function(e) {
+        }), [ s, d, k ]);
+        var J = (0, t.useCallback)((function(e) {
             e.preventDefault();
-            x === null || x === void 0 ? void 0 : x(e, s);
-        }), [ s, x ]);
-        var J = function n() {
+            S === null || S === void 0 ? void 0 : S(e, s);
+        }), [ s, S ]);
+        var Q = function n() {
             if (i && i.props.onClick) {
                 
                 return (0, t.cloneElement)(i, {
@@ -1791,7 +1826,7 @@
             }
             return i;
         };
-        var Q = function n() {
+        var Z = function n() {
             if (l && l.props.children) {
                 var r = t.Children.toArray(l.props.children).filter(t.isValidElement);
                 var o = r.map((function(n) {
@@ -1814,126 +1849,125 @@
             }
             return l;
         };
-        function Z(e) {
-            F.current = e;
-            N(v, e);
-            if (f) {
-                K(e);
+        function ee(e) {
+            U.current = e;
+            N(p, e);
+            if (v) {
+                V(e);
             }
         }
-        var ee = t.Children.toArray(u).map((function(e, n) {
+        var ne = t.Children.toArray(u).map((function(e, n) {
             
             return (0, t.cloneElement)(e, {
-                appearance: C ? "rowLink" : e.props.appearance,
+                appearance: x ? "rowLink" : e.props.appearance,
                 disabled: d,
-                isPrimaryCell: R === n,
-                stripe: A
+                isPrimaryCell: E === n,
+                stripe: q
             });
         }));
-        var ne;
-        if (E) {
-            ne = E;
-        } else if ((n = ee[R]) === null || n === void 0 ? void 0 : n.props.children) {
-            var te;
-            ne = "".concat((te = ee[R]) === null || te === void 0 ? void 0 : te.props.children);
-        } else {
+        var te;
+        if (D) {
+            te = D;
+        } else if ((n = ne[E]) === null || n === void 0 ? void 0 : n.props.children) {
             var re;
-            ne = "".concat((re = ee[0]) === null || re === void 0 ? void 0 : re.props.children);
+            te = "".concat((re = ne[E]) === null || re === void 0 ? void 0 : re.props.children);
+        } else {
+            var oe;
+            te = "".concat((oe = ne[0]) === null || oe === void 0 ? void 0 : oe.props.children);
             if (false) {}
         }
-        var oe = (0, I.sprintf)((0, T._)("%(selected)s"), {
-            selected: D ? "selected" : "unselected"
+        var ie = (0, I.sprintf)((0, T._)("%(selected)s"), {
+            selected: P ? "selected" : "unselected"
         });
-        var ie = _t[A];
-        var ae = m ? t.Children.count(y) + 1 : undefined;
-        var le = w ? "false" : undefined;
-        var ue = function e() {
+        var ae = $t[q];
+        var le = h ? t.Children.count(g) + 1 : undefined;
+        var ue = C ? "false" : undefined;
+        var se = function e() {
             
-            return r().createElement($t, null);
+            return r().createElement(Lt, null);
         };
-        var se = (0, I.sprintf)((0, T._)("Collapse row - %(rowLabelValue)s"), {
-            rowLabelValue: ne
+        var ce = (0, I.sprintf)((0, T._)("Collapse row - %(rowLabelValue)s"), {
+            rowLabelValue: te
         });
-        var ce = (0, I.sprintf)((0, T._)("Expand row - %(rowLabelValue)s"), {
-            rowLabelValue: ne
+        var de = (0, I.sprintf)((0, T._)("Expand row - %(rowLabelValue)s"), {
+            rowLabelValue: te
         });
         
-        return r().createElement(ie, Pt({
+        return r().createElement(ae, zt({
             "data-test": "row",
-            "data-test-selected": O ? D : undefined,
-            $clickable: !!C,
-            "data-has-movable-columns": w ? "true" : undefined,
+            "data-test-selected": k ? P : undefined,
+            $clickable: !!x,
+            "data-has-movable-columns": C ? "true" : undefined,
             disabled: !!d,
-            $expandable: !!p,
-            $isDraggable: !!f,
-            ref: Z,
-            tabIndex: C ? 0 : undefined
-        }, b()(_, "data"), {
-            onClick: C ? U : undefined,
-            onKeyDown: X,
-            $rowSelected: !!(O && D),
-            style: V
-        }), f && g != null &&  r().createElement(dt, Pt({
+            $expandable: !!m,
+            $isActionColumnPinned: f === null || f === void 0 ? void 0 : f.actions,
+            $isDraggable: !!v,
+            ref: ee,
+            tabIndex: x ? 0 : undefined
+        }, b()(z, "data"), {
+            onClick: x ? X : undefined,
+            onKeyDown: Y,
+            $rowSelected: !!(k && P),
+            style: F
+        }), v && w != null &&  r().createElement(vt, zt({
             "aria-label": (0, I.sprintf)((0, T._)("Reorder %(rowLabelValue)s"), {
-                rowLabelValue: ne
+                rowLabelValue: te
             }),
             setActivatorNodeRef: B,
-            listeners: L
-        }, $)), O &&  r().createElement(xe, {
+            listeners: W
+        }, L)), k &&  r().createElement(Oe, {
             align: "center",
-            appearance: C ? "rowLink" : "data",
+            appearance: x ? "rowLink" : "data",
             disabled: d,
             variant: "toggle",
-            "data-movable-column": le,
-            rowSpan: ae,
+            "data-movable-column": ue,
+            rowSpan: le,
             "data-test": "toggle"
-        },  r().createElement(kt, {
+        },  r().createElement(Et, {
             "aria-label": (0, I.sprintf)((0, T._)("%(rowLabelValue)s %(selectedString)s"), {
-                rowLabelValue: ne,
-                selectedString: oe
+                rowLabelValue: te,
+                selectedString: ie
             }),
             disabled: d,
-            onClick: Y,
-            selected: D
-        })), p && y &&  r().createElement(xe, {
+            onClick: G,
+            selected: P
+        })), m && g &&  r().createElement(Oe, {
             align: "center",
             appearance: "data",
-            "data-movable-column": le,
+            "data-movable-column": ue,
             "data-test": "expand",
-            expand: m,
-            rowSpan: ae,
+            expand: h,
+            rowSpan: le,
             variant: "expand"
-        },  r().createElement(rt, {
-            expanded: m,
-            onClick: G,
-            title: m ? se : ce,
-            "aria-controls": m ? h : undefined,
-            "aria-expanded": m
-        })), p && !y &&  r().createElement(xe, {
+        },  r().createElement(it, {
+            expanded: h,
+            onClick: J,
+            title: h ? ce : de,
+            "aria-controls": h ? y : undefined,
+            "aria-expanded": h
+        })), m && !g &&  r().createElement(Oe, {
             variant: "expand",
-            "data-movable-column": le
-        }), ee, o && !i && !l &&  r().createElement(xe, {
+            "data-movable-column": ue
+        }), ne, o && !i && !l &&  r().createElement(Oe, {
             align: "right",
-            appearance: C ? "rowLink" : "data",
+            appearance: x ? "rowLink" : "data",
             "data-test": "row-actions",
             variant: "actions",
-            "data-movable-column": le
-        }), (i || l) &&  r().createElement(xe, {
+            "data-movable-column": ue,
+            isPinned: f === null || f === void 0 ? void 0 : f.actions
+        }), (i || l) &&  r().createElement(Oe, {
             align: "right",
             appearance: "data",
             "data-test": "row-actions",
             variant: "actions",
-            "data-movable-column": le
-        }, i && J(), l &&  r().createElement(Un(), {
-            toggle: ue()
-        }, Q())));
-    }
-    Nt.propTypes = zt;
-    Nt.splunkUiType = "Table.Row";
-    /* harmony default export */    const Lt = Nt;
-    // CONCATENATED MODULE: ./src/Table/TableContext.ts
-    var Wt =  (0, t.createContext)({});
-    Wt.displayName = "Table";
+            "data-movable-column": ue,
+            isPinned: f === null || f === void 0 ? void 0 : f.actions
+        }, i && Q(), l &&  r().createElement(Yn(), {
+            toggle: se()
+        }, Z())));
+    }
+    Wt.propTypes = Mt;
+    Wt.splunkUiType = "Table.Row";
     /* harmony default export */    const Ht = Wt;
     // CONCATENATED MODULE: ./src/Table/Head.tsx
     function Kt() {
@@ -1947,9 +1981,9 @@
             return e;
         }, Kt.apply(null, arguments);
     }
-    function Bt(e, n) {
+    function Vt(e, n) {
         if (null == e) return {};
-        var t, r, o = Vt(e, n);
+        var t, r, o = Bt(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
@@ -1958,7 +1992,7 @@
         }
         return o;
     }
-    function Vt(e, n) {
+    function Bt(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -1991,6 +2025,8 @@
         /** @private. */
         onRequestToggleAllRows: w().func,
         /** @private. */
+        pinnedColumns: w().object,
+        /** @private. */
         rowSelection: w().oneOf([ "all", "some", "none" ])
     };
     var Ut = 1;
@@ -2004,7 +2040,7 @@
     var Jt = (0, T._)("All rows selected");
     var Qt = function e(n) {
         var t, r;
-        var o = un();
+        var o = cn();
         if (!n) {
             return [];
         }
@@ -2014,32 +2050,32 @@
         }));
     };
     function Zt(e) {
-        var n = e.actions, o = n === void 0 ? [] : n, i = e.actionsColumnWidth, a = e.cellMinWidth, l = a === void 0 ? 60 : a, u = e.children, s = e.elementRef, c = e.hasDragColumn, d = e.hasInfoColumn, f = e.onAutosizeColumn, v = e.onRequestMoveColumn, p = e.onRequestResizeColumn, m = e.onRequestToggleAllRows, b = e.rowSelection, h = Bt(e, [ "actions", "actionsColumnWidth", "cellMinWidth", "children", "elementRef", "hasDragColumn", "hasInfoColumn", "onAutosizeColumn", "onRequestMoveColumn", "onRequestResizeColumn", "onRequestToggleAllRows", "rowSelection" ]);
+        var n = e.actions, o = n === void 0 ? [] : n, i = e.actionsColumnWidth, a = e.cellMinWidth, l = a === void 0 ? 60 : a, u = e.children, s = e.elementRef, c = e.hasDragColumn, d = e.hasInfoColumn, f = e.pinnedColumns, v = e.onAutosizeColumn, p = e.onRequestMoveColumn, m = e.onRequestResizeColumn, b = e.onRequestToggleAllRows, h = e.rowSelection, y = Vt(e, [ "actions", "actionsColumnWidth", "cellMinWidth", "children", "elementRef", "hasDragColumn", "hasInfoColumn", "pinnedColumns", "onAutosizeColumn", "onRequestMoveColumn", "onRequestResizeColumn", "onRequestToggleAllRows", "rowSelection" ]);
         // @docs-props-type HeadPropsBase
-                var y = (0, t.useContext)(Ht), g = y.headType, w = y.tableContainerWidthWithoutBorders, C = y.resizableFillLayout;
-        var x = (0, t.useRef)(null);
-        var S = (0, t.useRef)([]);
+                var g = (0, t.useContext)(ye), w = g.headType, C = g.tableContainerWidthWithoutBorders, x = g.resizableFillLayout;
+        var S = (0, t.useRef)(null);
+        var O = (0, t.useRef)([]);
         (0, t.useEffect)((function() {
             // Validate children width
             if (false) {
                 var e;
             }
-        }), [ u, p, C ]);
-        var O = (0, t.useCallback)((function(e) {
+        }), [ u, m, x ]);
+        var k = (0, t.useCallback)((function(e) {
             var n = e.fromIndex, r = e.toIndex;
             if (r < t.Children.toArray(u).length) {
                 // HeadCell never requests less than zero
-                v === null || v === void 0 ? void 0 : v({
+                p === null || p === void 0 ? void 0 : p({
                     fromIndex: n,
                     toIndex: r
                 });
             }
-        }), [ u, v ]);
-        var k = (0, t.useCallback)((function(e, n) {
+        }), [ u, p ]);
+        var R = (0, t.useCallback)((function(e, n) {
             var t = n.columnId, r = n.id, o = n.index, i = n.width;
-            var a = Qt(x.current);
+            var a = Qt(S.current);
             if (o >= a.length) {
-                p === null || p === void 0 ? void 0 : p(e, n);
+                m === null || m === void 0 ? void 0 : m(e, n);
                 return;
             }
             var u = a[o];
@@ -2047,10 +2083,10 @@
             if (s <= 0) {
                 // handle shrinking
                 if (i >= l) {
-                    p === null || p === void 0 ? void 0 : p(e, n);
+                    m === null || m === void 0 ? void 0 : m(e, n);
                 } else {
                     // shrink the cell as small as we can
-                    p === null || p === void 0 ? void 0 : p(e, {
+                    m === null || m === void 0 ? void 0 : m(e, {
                         columnId: t,
                         id: r,
                         index: o,
@@ -2062,11 +2098,11 @@
                 var c = [];
                 var d = 0;
                 var f = true;
-                if (S.current.length !== a.length) {
-                    p === null || p === void 0 ? void 0 : p(e, n);
+                if (O.current.length !== a.length) {
+                    m === null || m === void 0 ? void 0 : m(e, n);
                     return;
                 }
-                S.current.forEach((function(e, n) {
+                O.current.forEach((function(e, n) {
                     if (e === "auto") {
                         d += 1;
                         c.push(n);
@@ -2083,25 +2119,25 @@
                         return true;
                     }));
                     if (f) {
-                        p === null || p === void 0 ? void 0 : p(e, n);
+                        m === null || m === void 0 ? void 0 : m(e, n);
                     } else {
                         // make the cell as big as we can without letting any cells go below cellMinWidth
                         // that means all auto cells are at cellMinWidth and all the set width cells stay the same size
-                        var m = 0;
+                        var p = 0;
                         c.forEach((function(e) {
                             if (e < a.length) {
-                                m += Math.max(a[e] - l, 0);
+                                p += Math.max(a[e] - l, 0);
                             }
                         }));
-                        var b = a[o] + m;
-                        p === null || p === void 0 ? void 0 : p(e, {
+                        var b = a[o] + p;
+                        m === null || m === void 0 ? void 0 : m(e, {
                             columnId: t,
                             id: r,
                             index: o,
                             width: b
                         });
                     }
-                } else if (w != null) {
+                } else if (C != null) {
                     // if there are no auto width cells, check if shrinking the last cell by requested change makes it smaller than cellMinWidth
                     /**
          * We need to calculate the percieved width of the last cell, because if the user modifies the size of the last head cell,
@@ -2112,18 +2148,18 @@
                     var y = h.reduce((function(e, n) {
                         return e + n;
                     }));
-                    var g = w - y;
+                    var g = C - y;
                     if (g - s >= l) {
-                        p === null || p === void 0 ? void 0 : p(e, n);
+                        m === null || m === void 0 ? void 0 : m(e, n);
                     } else {
                         // make the cell as big as we can without letting perceivedWidthOfLastCell go below cellMinWidth
-                        var C = g - l;
-                        var O = u + C;
-                        p === null || p === void 0 ? void 0 : p(e, {
+                        var w = g - l;
+                        var x = u + w;
+                        m === null || m === void 0 ? void 0 : m(e, {
                             columnId: t,
                             id: r,
                             index: o,
-                            width: O
+                            width: x
                         });
                     }
                 } else {
@@ -2132,98 +2168,100 @@
          * the perceived width so this case will result in columns possibly going offscreen. In testing,
          * tableContainerWidthWithoutBorders attains a value quickly enough that it isn't a problem.
          */
-                    p === null || p === void 0 ? void 0 : p(e, n);
+                    m === null || m === void 0 ? void 0 : m(e, n);
                 }
             }
-        }), [ l, p, w ]);
-        var R = (0, t.useCallback)((function(e) {
+        }), [ l, m, C ]);
+        var E = (0, t.useCallback)((function(e) {
             N(s, e);
-            x.current = e;
+            S.current = e;
         }), [ s ]);
-        var E = (0, t.useMemo)((function() {
+        var I = (0, t.useMemo)((function() {
             return t.Children.toArray(u).filter(t.isValidElement);
         }), [ u ]);
-        var I = E.length + (o.length || i ? 1 : 0);
-        var T = (0, t.useMemo)((function() {
+        var T = I.length + (o.length || i ? 1 : 0);
+        var j = (0, t.useMemo)((function() {
             var e = [];
-            var n = E.map((function(n, r) {
+            var n = I.map((function(n, r) {
                 e.push(n.props.width);
                 
                 return (0, t.cloneElement)(n, {
                     index: r,
-                    onRequestResize: C ? k : p,
-                    onRequestMoveColumn: v ? O : undefined,
-                    onAutosizeColumn: f,
+                    onRequestResize: x ? R : m,
+                    onRequestMoveColumn: p ? k : undefined,
+                    onAutosizeColumn: v,
                     key: n.key || n.props.columnId || r
                 });
             }));
-            S.current = e;
+            O.current = e;
             return n;
-        }), [ E, C, k, p, v, O, f ]);
-        var j = b === undefined ? undefined : Xt[b];
-        var D = i || 48;
-        var q = g === "fixed" ? "fixed-head" : "head";
-        var A;
-        if (j === "some") {
-            A = Gt;
-        } else if (j) {
-            A = Jt;
+        }), [ I, x, R, m, p, k, v ]);
+        var D = h === undefined ? undefined : Xt[h];
+        var P = i || 48;
+        var A = w === "fixed" ? "fixed-head" : "head";
+        var q;
+        if (D === "some") {
+            q = Gt;
+        } else if (D) {
+            q = Jt;
         } else {
-            A = Yt;
+            q = Yt;
         }
-        var P = (0, t.useMemo)((function() {
+        var _ = (0, t.useMemo)((function() {
             return {
-                minWidth: D
+                minWidth: P
             };
-        }), [ D ]);
-        var _ = (0, t.useMemo)((function() {
+        }), [ P ]);
+        var z = (0, t.useMemo)((function() {
             return {
                 minWidth: i
             };
         }), [ i ]);
         
-        return r().createElement(Mn, Kt({
-            ref: R,
-            "data-test": q,
-            $isFixed: g === "fixed",
-            $zIndex: I + Ut
-        }, h),  r().createElement(Lt, null, c &&  r().createElement(Ln, {
+        return r().createElement(Nn, Kt({
+            ref: E,
+            "data-test": A,
+            $isFixed: w === "fixed",
+            $zIndex: T + Ut
+        }, y),  r().createElement(Ht, null, c &&  r().createElement(Hn, {
             key: "drag_rows_head_cell",
             "data-test": "drag-rows-head-cell",
             align: "center",
             resizable: false
-        }), m &&  r().createElement($n, {
+        }), b &&  r().createElement(Ln, {
             key: "toggle_all",
             resizable: false,
             align: "center",
             variant: "toggleAll",
             truncate: false,
             "data-test": "toggle-all"
-        },  r().createElement(kt, {
-            "aria-label": A,
-            onClick: m,
-            selected: j
-        })), d &&  r().createElement(Nn, {
+        },  r().createElement(Et, {
+            "aria-label": q,
+            onClick: b,
+            selected: D
+        })), d &&  r().createElement(Wn, {
             key: "more_info_head_cell",
             "data-test": "more-info-head-cell",
             resizable: false,
             variant: "info"
-        }), T, o.length > 0 &&  r().createElement(zn, {
+        }), j, o.length > 0 &&  r().createElement(Mn, {
             key: "actions_head_cell",
             "data-test": "actions-head-cell",
             align: "right",
             resizable: false,
-            width: D,
-            style: P,
-            variant: "actions"
-        }, o), o.length === 0 && i &&  r().createElement(zn, {
+            width: P,
+            style: _,
+            variant: "actions",
+            isPinned: f === null || f === void 0 ? void 0 : f.actions
+        }, o), o.length === 0 && i &&  r().createElement(Mn, {
             key: "actions_head_cell",
             "data-test": "actions-head-cell",
             align: "right",
             resizable: false,
             width: i,
-            style: _,
-            variant: "actions"
+            style: z,
+            variant: "actions",
+            isPinned: f === null || f === void 0 ? void 0 : f.actions
         }, " ")));
     }
     Zt.propTypes = Ft;
@@ -2369,7 +2407,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, P = e.repositionMode, _ = P === void 0 ? "flip" : P, 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, B = K === void 0 ? true : K, V = 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, $ = 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" ]);
         // @docs-props-type HeadDropdownCellPropsBase
                 var G = ur()({
             componentName: "HeadDropdownCell",
@@ -2397,7 +2435,7 @@
         j.createDOMID)("headCellId-");
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ D, B ]);
+        }), [ D, V ]);
         var Se = (0, t.useCallback)((function(e) {
             var n = e.reason, t = e.event;
             if (n === "clickAway" && t !== undefined) {
@@ -2410,8 +2448,8 @@
                     r = r.parentNode;
                 }
             }
-            if (we && q()(f, n) && w !== undefined) {
-                if (q()(y, n)) {
+            if (we && P()(f, n) && w !== undefined) {
+                if (P()(y, n)) {
                     le === null || le === void 0 ? void 0 : le.focus();
                 }
                 if (!G) {
@@ -2442,7 +2480,7 @@
             oe(e);
             N(l, e);
         }), [ l ]);
-        var Ee = (0, t.useCallback)((function(e) {
+        var Re = (0, t.useCallback)((function(e) {
             e.stopPropagation();
             // ignore clicks on the resize handle
                         if (e.target.getAttribute("data-test") === "resize") {
@@ -2467,7 +2505,7 @@
                 }
             }
         }), [ v, Se, w, G, we, E ]);
-        var Te = (0, t.useCallback)((function(e) {
+        var Ee = (0, t.useCallback)((function(e) {
             if (w !== undefined) {
                 S === null || S === void 0 ? void 0 : S(e, {
                     index: w,
@@ -2475,7 +2513,7 @@
                 });
             }
         }), [ v, w, S ]);
-        var je = (0, t.useCallback)((function(e) {
+        var Te = (0, t.useCallback)((function(e) {
             Se({
                 reason: "contentClick",
                 event: e
@@ -2490,8 +2528,8 @@
             }
             return undefined;
         }), [ Z, re ]);
-        var qe = (0, t.useMemo)((function() {
-            return Re()({}, L, {
+        var Pe = (0, t.useMemo)((function() {
+            return Ie()({}, L, {
                 width: X
             });
         }), [ L, X ]);
@@ -2502,19 +2540,19 @@
             Ae = C;
         }
         
-        return r().createElement(Ke, sr({
-            style: qe,
+        return r().createElement(Be, sr({
+            style: Pe,
             "data-test": "head-cell",
             $isDragging: pe && ge,
-            $variant: V,
+            $variant: B,
             id: U ? xe : undefined,
             ref: Oe
-        }, Y),  r().createElement(He, null, pe &&  r().createElement(Ve, sr({
+        }, Y),  r().createElement(Ve, null, pe &&  r().createElement(Ue, sr({
             "aria-label": (0, I.sprintf)((0, T._)("Reorder %(labelString)s"), {
                 labelString: Ae
             }),
             "data-test": "drag"
-        }, be, he),  r().createElement(Be, null,  r().createElement(Ie(), null))),  r().createElement(Tn, {
+        }, be, he),  r().createElement(Fe, null,  r().createElement(je(), null))),  r().createElement(Dn, {
             align: i,
             "aria-expanded": we,
             "aria-haspopup": true,
@@ -2526,19 +2564,19 @@
             index: w,
             isMenu: true,
             label: C,
-            resizable: U && M,
+            resizable: U && $,
             onAutosizeColumn: x,
             onRequestResize: D,
-            onClick: Ee,
-            onKeyDown: Te,
-            truncate: B,
+            onClick: Re,
+            onKeyDown: Ee,
+            truncate: V,
             width: X,
             "data-test": "inner"
         }),  r().createElement(ar(), {
             align: "center",
             anchor: re,
             "aria-labelledby": xe,
-            autoCloseWhenOffScreen: q()(f, "offScreen"),
+            autoCloseWhenOffScreen: P()(f, "offScreen"),
             canCoverAnchor: s,
             defaultPlacement: "below",
             id: ve,
@@ -2546,19 +2584,19 @@
             open: !!re && we,
             pointTo: De,
             repositionMode: _,
-            retainFocus: $,
+            retainFocus: M,
             takeFocus: H
         }, or()(c) ? function() {
             
             // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
             return r().createElement("div", {
-                onClick: je
+                onClick: Te
             }, c.apply(void 0, arguments));
         } : 
         
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
         r().createElement("div", {
-            onClick: je
+            onClick: Te
         }, c))));
     }
     Cr.propTypes = gr;
@@ -2576,7 +2614,7 @@
     var Rr = z().div.withConfig({
         displayName: "HeadTableStyles__StyledDockedContainer",
         componentId: "g85wgf-1"
-    })([ "overflow:hidden;position:fixed;z-index:", ";@media print{display:none;}" ], M.variables.zindexFixedNavbar);
+    })([ "overflow:hidden;position:fixed;z-index:", ";@media print{display:none;}" ], $.variables.zindexFixedNavbar);
     var Er = z()(Rr).withConfig({
         displayName: "HeadTableStyles__StyledFixedContainer",
         componentId: "g85wgf-2"
@@ -2636,7 +2674,7 @@
  * @private
  * HeadTable is an internal component that provides a detached table head that can
  * then be positioned in different ways outside of the main table.
- */    function qr(e) {
+ */    function Pr(e) {
         var n = e.cellWidths, o = e.elementRef, i = e.hasDragColumn, a = e.hasRowExpansion, l = e.hasRowSelection, u = e.headType, s = e.horizontalOffset, c = s === void 0 ? 0 : s, d = e.isFixedColumn, f = e.tableStyle, v = e.tableWidth, p = e.tHead, m = e.top, h = e.width, y = Tr(e, [ "cellWidths", "elementRef", "hasDragColumn", "hasRowExpansion", "hasRowSelection", "headType", "horizontalOffset", "isFixedColumn", "tableStyle", "tableWidth", "tHead", "top", "width" ]);
         // @docs-props-type HeadTablePropsBase
                 var g = u === "docked";
@@ -2696,24 +2734,24 @@
             })
         }, b()(y, "dragIndex")), R));
     }
-    qr.propTypes = Dr;
-    /* harmony default export */    const Ar = qr;
+    Pr.propTypes = Dr;
+    /* harmony default export */    const Ar = Pr;
     // CONCATENATED MODULE: ./src/Table/KeyboardSensor.ts
-    function Pr(e) {
+    function qr(e) {
         "@babel/helpers - typeof";
-        return Pr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return qr = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, Pr(e);
+        }, qr(e);
     }
     function _r(e, n) {
-        return $r(e) || Mr(e, n) || Wr(e, n) || zr();
+        return Mr(e) || $r(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 Mr(e, n) {
+    function $r(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;
@@ -2735,7 +2773,7 @@
             return l;
         }
     }
-    function $r(e) {
+    function Mr(e) {
         if (Array.isArray(e)) return e;
     }
     function Nr(e) {
@@ -2746,25 +2784,25 @@
     }
     function Wr(e, n) {
         if (e) {
-            if ("string" == typeof e) return Br(e, n);
+            if ("string" == typeof e) return Vr(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Br(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Vr(e, n) : void 0;
         }
     }
     function Hr(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
     function Kr(e) {
-        if (Array.isArray(e)) return Br(e);
+        if (Array.isArray(e)) return Vr(e);
     }
-    function Br(e, n) {
+    function Vr(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
         }
         return r;
     }
-    function Vr(e, n) {
+    function Br(e, n) {
         if (!(e instanceof n)) throw new TypeError("Cannot call a class as a function");
     }
     function Fr(e, n) {
@@ -2789,14 +2827,14 @@
     }
     function Yr(e) {
         var n = Gr(e, "string");
-        return "symbol" == Pr(n) ? n : n + "";
+        return "symbol" == qr(n) ? n : n + "";
     }
     function Gr(e, n) {
-        if ("object" != Pr(e) || !e) return e;
+        if ("object" != qr(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != Pr(r)) return r;
+            if ("object" != qr(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
@@ -2807,7 +2845,7 @@
         var Jr =  function() {
         function e(n) {
             var t = this;
-            Vr(this, e);
+            Br(this, e);
             Xr(this, "listeners", []);
             Xr(this, "removeAll", (function() {
                 t.listeners.forEach((function(e) {
@@ -2878,7 +2916,7 @@
         var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : eo;
         var t = e.getBoundingClientRect();
         if (n.ignoreTransform) {
-            var r = (0, Wn.getWindow)(e).getComputedStyle(e), o = r.transform, i = r.transformOrigin;
+            var r = (0, Kn.getWindow)(e).getComputedStyle(e), o = r.transform, i = r.transformOrigin;
             if (o) {
                 t = Zr(t, o, i);
             }
@@ -2917,7 +2955,7 @@
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/documentScrollingElement.ts
         function ro(e) {
-        if (!Wn.canUseDOM || !e) {
+        if (!Kn.canUseDOM || !e) {
             return false;
         }
         return e === document.scrollingElement;
@@ -2960,13 +2998,13 @@
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/isFixed.ts
         function ao(e) {
         var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, 
-        Wn.getWindow)(e).getComputedStyle(e);
+        Kn.getWindow)(e).getComputedStyle(e);
         return n.position === "fixed";
     }
     // https://github.com/clauderic/dnd-kit/blob/694dcc2f62e5269541fc941fa6c9af46ccd682ad/packages/core/src/utilities/scroll/isScrollable.ts
         function lo(e) {
         var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, 
-        Wn.getWindow)(e).getComputedStyle(e);
+        Kn.getWindow)(e).getComputedStyle(e);
         var t = /(auto|scroll|overlay)/;
         var r = [ "overflow", "overflowX", "overflowY" ];
         return r.some((function(e) {
@@ -2984,17 +3022,17 @@
             if (!o) {
                 return t;
             }
-            if ((0, Wn.isDocument)(o) && o.scrollingElement != null && !t.includes(o.scrollingElement)) {
+            if ((0, Kn.isDocument)(o) && o.scrollingElement != null && !t.includes(o.scrollingElement)) {
                 t.push(o.scrollingElement);
                 return t;
             }
-            if (!(0, Wn.isHTMLElement)(o) || (0, Wn.isSVGElement)(o)) {
+            if (!(0, Kn.isHTMLElement)(o) || (0, Kn.isSVGElement)(o)) {
                 return t;
             }
             if (t.includes(o)) {
                 return t;
             }
-            var i = (0, Wn.getWindow)(e).getComputedStyle(o);
+            var i = (0, Kn.getWindow)(e).getComputedStyle(o);
             if (o !== e) {
                 if (lo(o, i)) {
                     t.push(o);
@@ -3040,7 +3078,7 @@
     }
     var vo =  function() {
         function e(n) {
-            Vr(this, e);
+            Br(this, e);
             Xr(this, "autoScrollEnabled", false);
             Xr(this, "referenceCoordinates", void 0);
             Xr(this, "listeners", void 0);
@@ -3048,8 +3086,8 @@
             this.props = n;
             var t = n.event.target;
             this.props = n;
-            this.listeners = new Jr((0, Wn.getOwnerDocument)(t));
-            this.windowListeners = new Jr((0, Wn.getWindow)(t));
+            this.listeners = new Jr((0, Kn.getOwnerDocument)(t));
+            this.windowListeners = new Jr((0, Kn.getWindow)(t));
             this.handleKeyDown = this.handleKeyDown.bind(this);
             this.handleCancel = this.handleCancel.bind(this);
             this.attach();
@@ -3078,7 +3116,7 @@
         }, {
             key: "handleKeyDown",
             value: function e(n) {
-                if ((0, Wn.isKeyboardEvent)(n)) {
+                if ((0, Kn.isKeyboardEvent)(n)) {
                     var t = this.props, r = t.active, i = t.context, a = t.options;
                     var l = a.keyboardCodes, u = l === void 0 ? co : l, s = a.coordinateGetter, c = a.scrollBehavior, d = c === void 0 ? "smooth" : c;
                     var f = n.code;
@@ -3104,7 +3142,7 @@
                         currentCoordinates: p
                     });
                     if (m) {
-                        var b = (0, Wn.subtract)(m, p);
+                        var b = (0, Kn.subtract)(m, p);
                         var h = {
                             x: 0,
                             y: 0
@@ -3120,22 +3158,22 @@
                             // originally it tries to always place a dragging node in the middle of the container
                                                         var j = T.top <= m.y && T.bottom >= m.y + ((v === null || v === void 0 ? void 0 : v.height) || 0);
                             var D = T.left <= m.x && T.right >= m.x + ((v === null || v === void 0 ? void 0 : v.width) || 0);
-                            var q = (C === o.KeyboardCode.Right && !O || C === o.KeyboardCode.Left && !k) && !D;
+                            var P = (C === o.KeyboardCode.Right && !O || C === o.KeyboardCode.Left && !k) && !D;
                             var A = (C === o.KeyboardCode.Down && !R || C === o.KeyboardCode.Up && !S) && !j;
-                            if (q) {
-                                var P = w.scrollLeft + b.x;
-                                var _ = C === o.KeyboardCode.Right && P <= E.x || C === o.KeyboardCode.Left && P >= I.x;
+                            if (P) {
+                                var q = w.scrollLeft + b.x;
+                                var _ = C === o.KeyboardCode.Right && q <= E.x || C === o.KeyboardCode.Left && q >= I.x;
                                 if (_ && !b.y) {
                                     // 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({
-                                        left: P,
+                                        left: q,
                                         behavior: d
                                     });
                                     return;
                                 }
                                 if (_) {
-                                    h.x = w.scrollLeft - P;
+                                    h.x = w.scrollLeft - q;
                                 } else {
                                     h.x = C === o.KeyboardCode.Right ? w.scrollLeft - E.x : w.scrollLeft - I.x;
                                 }
@@ -3148,8 +3186,8 @@
                                 break;
                             } else if (A) {
                                 var z = w.scrollTop + b.y;
-                                var M = C === o.KeyboardCode.Down && z <= E.y || C === o.KeyboardCode.Up && z >= I.y;
-                                if (M && !b.x) {
+                                var $ = C === o.KeyboardCode.Down && z <= E.y || C === o.KeyboardCode.Up && z >= I.y;
+                                if ($ && !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({
@@ -3158,7 +3196,7 @@
                                     });
                                     return;
                                 }
-                                if (M) {
+                                if ($) {
                                     h.y = w.scrollTop - z;
                                 } else {
                                     h.y = C === o.KeyboardCode.Down ? w.scrollTop - E.y : w.scrollTop - I.y;
@@ -3172,7 +3210,7 @@
                                 break;
                             }
                         }
-                        this.handleMove(n, (0, Wn.add)((0, Wn.subtract)(m, this.referenceCoordinates), h));
+                        this.handleMove(n, (0, Kn.add)((0, Kn.subtract)(m, this.referenceCoordinates), h));
                     }
                 }
             }
@@ -3307,7 +3345,7 @@
         if (!n || !i) {
             return o;
         }
-        var a = un();
+        var a = cn();
         var l = o.left + (((t = a.visualViewport) === null || t === void 0 ? void 0 : t.offsetLeft) || 0);
         var u = o.top + (((r = a.visualViewport) === null || r === void 0 ? void 0 : r.offsetTop) || 0);
         var s = o.width, c = o.height;
@@ -3355,22 +3393,22 @@
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
     function Io(e) {
-        if (Array.isArray(e)) return qo(e);
+        if (Array.isArray(e)) return Po(e);
     }
     function To(e, n) {
-        return Po(e) || Ao(e, n) || Do(e, n) || jo();
+        return qo(e) || Ao(e, n) || Do(e, n) || jo();
     }
     function jo() {
         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 Do(e, n) {
         if (e) {
-            if ("string" == typeof e) return qo(e, n);
+            if ("string" == typeof e) return Po(e, n);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? qo(e, n) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Po(e, n) : void 0;
         }
     }
-    function qo(e, n) {
+    function Po(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
@@ -3399,7 +3437,7 @@
             return l;
         }
     }
-    function Po(e) {
+    function qo(e) {
         if (Array.isArray(e)) return e;
     }
     function _o(e, n) {
@@ -3428,7 +3466,8 @@
     // Internal Helper Modules
     /** @public */
     /** @public */
-    /** @public */    var Mo = {
+    /** @public */
+    /** @public */    var $o = {
         actions: w().arrayOf(w().element),
         actionsColumnWidth: w().number,
         children: w().node,
@@ -3436,10 +3475,12 @@
         dockScrollBar: w().bool,
         elementRef: w().oneOfType([ w().func, w().object ]),
         headType: w().oneOf([ "docked", "fixed", "inline" ]),
+        horizontalOverflow: w().oneOf([ "auto", "scroll" ]),
         innerStyle: w().object,
         onRequestToggleAllRows: w().func,
         onScroll: w().func,
         outerStyle: w().object,
+        pinnedColumns: w().object,
         primaryColumnIndex: w().number,
         rowExpansion: w().oneOf([ "single", "multi", "controlled", "none" ]),
         rowSelection: w().oneOf([ "all", "some", "none" ]),
@@ -3450,7 +3491,7 @@
         onRequestResizeColumn: w().func,
         resizableFillLayout: w().bool
     };
-    var $o = function e(n) {
+    var Mo = function e(n) {
         return n === "inline";
     };
     var No = function e(n) {
@@ -3460,7 +3501,7 @@
         return n === "fixed";
     };
     var Wo = function e(n) {
-        var t = un();
+        var t = cn();
         var r = xo(n);
         return {
             top: r.top + t.pageYOffset,
@@ -3468,7 +3509,7 @@
         };
     };
     var Ho = function e(n) {
-        var t = rn();
+        var t = an();
         if (n === undefined || n === null) {
             return undefined;
         }
@@ -3493,10 +3534,10 @@
     var Ko = function e(n, t) {
         return n.indexOf(t) + 1;
     };
-    var Bo = function e(n, t) {
+    var Vo = function e(n, t) {
         return n.indexOf(t) + 1;
     };
-    var Vo = {
+    var Bo = {
         coordinateGetter: a.sortableKeyboardCoordinates
     };
     var Fo = {
@@ -3533,151 +3574,154 @@
     };
     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.innerStyle, C = e.onRequestMoveColumn, O = e.onRequestMoveRow, R = e.onRequestResizeColumn, D = e.onRequestToggleAllRows, q = e.onScroll, A = e.outerStyle, P = e.primaryColumnIndex, _ = P === void 0 ? 0 : P, z = e.resizableFillLayout, M = e.rowExpansion, $ = M === void 0 ? "none" : M, L = e.rowSelection, W = L === void 0 ? "none" : L, H = e.stripeRows, K = e.tableStyle, B = _o(e, [ "actions", "actionsColumnWidth", "children", "dockOffset", "dockScrollBar", "elementRef", "headType", "innerStyle", "onRequestMoveColumn", "onRequestMoveRow", "onRequestResizeColumn", "onRequestToggleAllRows", "onScroll", "outerStyle", "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, $ = 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" ]);
  // @docs-props-type TablePropsBase
-                var V = (0, t.useState)([]), F = To(V, 2), U = F[0], X = F[1];
-        var Y = (0, t.useState)(), G = To(Y, 2), J = G[0], re = G[1];
-        var ae = (0, t.useState)(), le = To(ae, 2), ue = le[0], se = le[1];
-        var ce = (0, t.useState)(), de = To(ce, 2), fe = de[0], ve = de[1];
-        var pe = (0, t.useState)(), me = To(pe, 2), be = me[0], he = me[1];
-        var ye = (0, t.useRef)(true);
-        var ge = (0, t.useContext)(S.ScrollContainerContext);
-        var we = (0, o.useSensors)((0, o.useSensor)(o.MouseSensor, {}), (0, o.useSensor)(o.TouchSensor, {}), (0, 
-        o.useSensor)(vo, Vo));
-        var Ce = (0, t.useState)([]), xe = To(Ce, 2), Se = xe[0], Oe = xe[1];
-        var ke = (0, t.useState)(-1), Re = To(ke, 2), Ee = Re[0], Ie = Re[1];
-        var Te = (0, t.useRef)();
-        var je = (0, t.useRef)();
-        var De = (0, t.useState)(), qe = To(De, 2), Ae = qe[0], Pe = qe[1];
-        var _e = (0, t.useRef)(null);
-        var ze = (0, t.useRef)(null);
-        var Me = (0, t.useRef)();
-        var $e = (0, t.useRef)(null);
-        var Ne = (0, t.useRef)();
+                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];
+        var se = (0, t.useState)(), ce = To(se, 2), de = ce[0], fe = ce[1];
+        var ve = (0, t.useState)(), pe = To(ve, 2), me = pe[0], be = pe[1];
+        var he = (0, t.useState)(), ge = To(he, 2), we = ge[0], Ce = ge[1];
+        var xe = (0, t.useRef)(true);
+        var Se = (0, t.useContext)(S.ScrollContainerContext);
+        var Oe = (0, o.useSensors)((0, o.useSensor)(o.MouseSensor, {}), (0, o.useSensor)(o.TouchSensor, {}), (0, 
+        o.useSensor)(vo, Bo));
+        var ke = (0, t.useState)([]), Re = To(ke, 2), Ee = Re[0], Ie = Re[1];
+        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 Ne = (0, t.useRef)(null);
         var Le = (0, t.useRef)(null);
-        var We = (0, t.useRef)(null);
-        var He = k()(g);
-        var Ke = (0, t.useRef)([]);
-        var Be = (0, t.useRef)([]);
-        var Ve = (0, t.useRef)([]);
-        var Fe = (0, t.useRef)([]);
-        var Ue = Be.current;
-        var Xe = Ke.current;
-        var Ye = Fe.current;
-        var Ge = (0, t.useCallback)((function() {
+        var We = (0, t.useRef)();
+        var He = (0, t.useRef)(null);
+        var Ke = (0, t.useRef)();
+        var Ve = (0, t.useRef)(null);
+        var Be = (0, t.useRef)(null);
+        var Fe = k()(g);
+        var Ue = (0, t.useRef)([]);
+        var Xe = (0, t.useRef)([]);
+        var Ye = (0, t.useRef)([]);
+        var Ge = (0, t.useRef)([]);
+        var Je = Xe.current;
+        var Qe = Ue.current;
+        var Ze = Ge.current;
+        var en = (0, t.useCallback)((function() {
             var e;
-            var n = un();
-            if ($o(g)) {
+            var n = cn();
+            if (Mo(g)) {
                 return;
             }
-            var t = We.current;
-            var r = ze.current;
-            var o = Le.current;
+            var t = Be.current;
+            var r = Le.current;
+            var o = Ve.current;
             if (!o || !r) {
                 return;
             }
-            var i = Qt(ze.current);
-            var a = (e = ze.current) === null || e === void 0 ? void 0 : e.clientHeight;
+            var i = Qt(Le.current);
+            var a = (e = Le.current) === null || e === void 0 ? void 0 : e.clientHeight;
             var l = Wo(o).top - n.pageYOffset - (a || 0) + o.offsetHeight;
             var u = Math.min(l, Number(f));
-            he(t === null || t === void 0 ? void 0 : t.clientWidth);
-            se(o === null || o === void 0 ? void 0 : o.clientWidth);
-            X(i);
-            ve(u);
+            Ce(t === null || t === void 0 ? void 0 : t.clientWidth);
+            fe(o === null || o === void 0 ? void 0 : o.clientWidth);
+            J(i);
+            be(u);
         }), [ f, g ]);
         (0, t.useEffect)((function() {
-            var e = ze.current;
-            var n = $e.current;
+            var e = Le.current;
+            var n = He.current;
             if (e && n) {
-                var t = Qt(ze.current);
-                if (!v()(U, t)) {
-                    Ge();
+                var t = Qt(Le.current);
+                if (!v()(G, t)) {
+                    en();
                 }
             }
-            if (He === "inline" && g === "inline") {
-                Ge();
+            if (Fe === "inline" && g === "inline") {
+                en();
             }
             if (false) {}
-        }), [ U, g, He, e, Ge ]);
-        var Je = (0, t.useCallback)((function(e) {
-            var n = We.current;
+        }), [ G, g, Fe, e, en ]);
+        (0, t.useEffect)((function() {
+            if (false) {}
+        }), [ z, C ]);
+        var nn = (0, t.useCallback)((function(e) {
+            var n = Be.current;
             q === null || q === void 0 ? void 0 : q(e);
             if ((Lo(g) || No(g)) && n) {
-                re(-n.scrollLeft);
+                ue(-n.scrollLeft);
             }
-            if (_e.current && Ne.current !== "dockedScrollBar" && n) {
-                Ne.current = "container";
-                _e.current.scrollLeft = n.scrollLeft;
+            if (Ne.current && Ke.current !== "dockedScrollBar" && n) {
+                Ke.current = "container";
+                Ne.current.scrollLeft = n.scrollLeft;
             } else {
-                Ne.current = undefined;
+                Ke.current = undefined;
             }
         }), [ g, q ]);
-        var Qe = function e() {
-            var n = We.current;
-            if (Ne.current !== "container" && n && _e.current) {
-                Ne.current = "dockedScrollBar";
-                n.scrollLeft = _e.current.scrollLeft;
+        var tn = function e() {
+            var n = Be.current;
+            if (Ke.current !== "container" && n && Ne.current) {
+                Ke.current = "dockedScrollBar";
+                n.scrollLeft = Ne.current.scrollLeft;
             } else {
-                Ne.current = undefined;
+                Ke.current = undefined;
             }
         };
-        var Ze = y()(Ge, 0);
-        var en = (0, t.useCallback)((function() {
-            Ge();
-        }), [ Ge ]);
-        var nn = (0, t.useMemo)((function() {
-            return y()(en, 50);
+        var rn = y()(en, 0);
+        var on = (0, t.useCallback)((function() {
+            en();
         }), [ en ]);
-        E()(We, nn);
+        var ln = (0, t.useMemo)((function() {
+            return y()(on, 50);
+        }), [ on ]);
+        E()(Be, ln);
         (0, t.useEffect)((function() {
             // Using the return value of useCallback to recreate componentWillUnmount
             return function() {
-                Ze.cancel();
-                nn.cancel();
+                rn.cancel();
+                ln.cancel();
             };
         }));
-        var tn = function e(n) {
+        var un = function e(n) {
             return function(e) {
-                ze.current = e;
+                Le.current = e;
                 N(n.props.elementRef, e);
             };
         };
-        var on = function e(n) {
+        var sn = function e(n) {
             if (n) {
                 // On mount, focus the applicable docked head cell if a primary head cell was focused.
-                if (Me.current) {
-                    Xo($e.current, Me.current);
-                    Me.current = undefined;
+                if (We.current) {
+                    Xo(He.current, We.current);
+                    We.current = undefined;
                 }
             } else {
                 // On unmount, focus the applicable primary head cell if a docked head cell was focused.
-                var t = Ho($e.current);
+                var t = Ho(He.current);
                 if (t) {
-                    Xo(ze.current, t);
+                    Xo(Le.current, t);
                 }
             }
-            $e.current = n;
+            He.current = n;
         };
-        var an = function e(n) {
-            var t = We.current;
-            if (!$e.current || !t || n.key !== "Tab") {
+        var dn = function e(n) {
+            var t = Be.current;
+            if (!He.current || !t || n.key !== "Tab") {
                 return;
             }
-            var r = $e.current.scrollLeft;
+            var r = He.current.scrollLeft;
             if (r !== 0) {
-                $e.current.scrollLeft = 0;
+                He.current.scrollLeft = 0;
                 t.scrollLeft += r;
             }
         };
-        var ln = function e(n, t) {
+        var fn = function e(n, t) {
             var r, o;
             var i = t.columnId, a = t.index, l = t.id;
-            var s = rn();
+            var s = an();
             if (a === undefined) {
                 return;
             }
-            var c = $ === "none" ? 1 : 2;
-            var d = (r = We.current) === null || r === void 0 ? void 0 : r.querySelectorAll("thead th:nth-child(".concat(a + c, "), tbody td:nth-child(").concat(a + c, ")"));
+            var c = H === "none" ? 1 : 2;
+            var d = (r = Be.current) === null || r === void 0 ? void 0 : r.querySelectorAll("thead th:nth-child(".concat(a + c, "), tbody td:nth-child(").concat(a + c, ")"));
             var f = s.createElement("div");
             // TODO: find a styled-components compliant way to do this
                         f.style["float"] = "left";
@@ -3694,7 +3738,7 @@
                 f.appendChild(n);
             }));
             s.body.appendChild(f);
-            R === null || R === void 0 ? void 0 : R(n, {
+            P === null || P === void 0 ? void 0 : P(n, {
                 columnId: i,
                 id: l,
                 index: a,
@@ -3702,67 +3746,67 @@
             });
             (o = f.parentNode) === null || o === void 0 ? void 0 : o.removeChild(f);
         };
-        var sn = (0, t.useCallback)((function(e) {
+        var vn = (0, t.useCallback)((function(e) {
             var n = e.active;
             var t = n.id;
-            Te.current = Ye.indexOf(t);
-            Pe(t);
-        }), [ Ye ]);
-        var cn = (0, t.useCallback)((function(e) {
+            Ae.current = Ze.indexOf(t);
+            Me(t);
+        }), [ Ze ]);
+        var pn = (0, t.useCallback)((function(e) {
             if (e.over) {
                 var n = e.over.id;
-                var t = Ye.indexOf(n);
+                var t = Ze.indexOf(n);
                 var r = t;
-                if (Te.current !== undefined && t > Te.current) {
+                if (Ae.current !== undefined && t > Ae.current) {
                     r = t + 1;
                 }
-                Ie(r);
+                Pe(r);
             } else {
-                Ie(-1);
+                Pe(-1);
             }
-        }), [ Ye ]);
+        }), [ Ze ]);
         // these are useMemo rather than useCallback so that ESLint can correctly analyze the dependencies
         // see https://github.com/facebook/react/issues/19240#issuecomment-652945246
-                var dn = (0, t.useMemo)((function() {
-            return y()(cn, 100);
-        }), [ cn ]);
+                var mn = (0, t.useMemo)((function() {
+            return y()(pn, 100);
+        }), [ pn ]);
         (0, t.useEffect)((function() {
             return function() {
-                dn.cancel();
+                mn.cancel();
             };
-        }), [ dn ]);
-        var fn = (0, t.useCallback)((function(e) {
+        }), [ mn ]);
+        var bn = (0, t.useCallback)((function(e) {
             var n = e.active, t = e.over;
             if (t && n.id !== t.id) {
-                var r = Ye.indexOf(n.id);
-                var o = Ye.indexOf(t === null || t === void 0 ? void 0 : t.id);
-                C === null || C === void 0 ? void 0 : C({
+                var r = Ze.indexOf(n.id);
+                var o = Ze.indexOf(t === null || t === void 0 ? void 0 : t.id);
+                R === null || R === void 0 ? void 0 : R({
                     fromIndex: r,
                     toIndex: o
                 });
             }
-            Pe(undefined);
-            Ie(-1);
-            je.current = undefined;
-            Te.current = undefined;
-        }), [ Ye, C ]);
-        var vn = (0, t.useCallback)((function(e) {
+            Me(undefined);
+            Pe(-1);
+            qe.current = undefined;
+            Ae.current = undefined;
+        }), [ Ze, R ]);
+        var hn = (0, t.useCallback)((function(e) {
             var n = e.active, t = e.over;
-            ye.current = true;
+            xe.current = true;
             if (t && n.id !== t.id) {
-                var r = Ue.indexOf(n.id);
-                var o = Ue.indexOf(t === null || t === void 0 ? void 0 : t.id);
-                O === null || O === void 0 ? void 0 : O({
+                var r = Je.indexOf(n.id);
+                var o = Je.indexOf(t === null || t === void 0 ? void 0 : t.id);
+                D === null || D === void 0 ? void 0 : D({
                     fromIndex: r,
                     toIndex: o
                 });
             }
-        }), [ Ue, O ]);
-        var pn = (0, t.useCallback)((function() {
-            ye.current = true;
+        }), [ Je, D ]);
+        var yn = (0, t.useCallback)((function() {
+            xe.current = true;
         }), []);
-        var mn = (0, t.useRef)({});
-        var bn = function e(n) {
+        var gn = (0, t.useRef)({});
+        var wn = function e(n) {
             var r = [];
             var o = [];
             var i = t.Children.toArray(n.props.children).filter(t.isValidElement).map((function(e, n) {
@@ -3781,53 +3825,54 @@
                     index: n,
                     dragId: a,
                     elementRef: function e(n) {
-                        mn.current[a] = n;
+                        gn.current[a] = n;
                         N(i.props.elementRef, n);
                     }
                 });
             }));
-            Ve.current = r;
-            Ye = o;
+            Ye.current = r;
+            Ze = o;
             var a = l === null || l === void 0 ? void 0 : l.filter(t.isValidElement);
             var u =  (0, t.cloneElement)(n, {
                 actions: a,
                 actionsColumnWidth: s,
-                hasInfoColumn: $ !== "none",
-                hasDragColumn: !!O,
-                onAutosizeColumn: ln,
-                onRequestMoveColumn: C,
-                onRequestResizeColumn: R,
-                onRequestToggleAllRows: D,
-                elementRef: tn(n),
-                rowSelection: W
+                hasInfoColumn: H !== "none",
+                hasDragColumn: !!D,
+                pinnedColumns: z,
+                onAutosizeColumn: fn,
+                onRequestMoveColumn: R,
+                onRequestResizeColumn: P,
+                onRequestToggleAllRows: A,
+                elementRef: un(n),
+                rowSelection: V
             }, i);
             return u;
         };
-        var hn = (0, t.useMemo)((function() {
+        var Cn = (0, t.useMemo)((function() {
             var e, n;
-            if (Ee === -1 || !ze.current || !We.current) return null;
-            var t = !!O;
-            var o = $ !== "none";
-            var i = Array.from((e = (n = ze.current.firstElementChild) === null || n === void 0 ? void 0 : n.children) !== null && e !== void 0 ? e : []).slice(o ? 1 : 0).slice(t ? 1 : 0).slice(D ? 1 : 0);
+            if (De === -1 || !Le.current || !Be.current) return null;
+            var t = !!D;
+            var o = H !== "none";
+            var i = Array.from((e = (n = Le.current.firstElementChild) === null || n === void 0 ? void 0 : n.children) !== null && e !== void 0 ? e : []).slice(o ? 1 : 0).slice(t ? 1 : 0).slice(A ? 1 : 0);
             var a;
-            if (Ee === 0) {
+            if (De === 0) {
                 var l;
                 a = ((l = i[0]) === null || l === void 0 ? void 0 : l.offsetLeft) || 0;
-            } else if (Ee >= i.length) {
+            } else if (De >= i.length) {
                 var u = i[i.length - 1];
                 a = ((u === null || u === void 0 ? void 0 : u.offsetLeft) || 0) + ((u === null || u === void 0 ? void 0 : u.offsetWidth) || 0) - 1;
  // -1 makes the last guideline visible
                         } else {
                 var s;
-                a = ((s = i[Ee]) === null || s === void 0 ? void 0 : s.offsetLeft) || 0;
+                a = ((s = i[De]) === null || s === void 0 ? void 0 : s.offsetLeft) || 0;
             }
             
             return r().createElement(ie, {
-                $height: We.current.clientHeight,
+                $height: Be.current.clientHeight,
                 $left: a
             });
-        }), [ Ee, O, $, D ]);
-        var yn = function e(n) {
+        }), [ De, D, H, A ]);
+        var xn = function e(n) {
             var r = (l === null || l === void 0 ? void 0 : l.filter(t.isValidElement).length) > 0;
             var o = false;
             var i = [];
@@ -3851,43 +3896,44 @@
                 a.push(u);
             }));
             var u = r || o || !!s;
-            Xe = i;
-            Ue = a;
+            Qe = i;
+            Je = a;
             
             return (0, t.cloneElement)(n, {
                 actions: u,
-                movableColumns: !!C,
-                onRequestMoveRow: O,
-                primaryColumnIndex: _,
-                rowExpansion: $,
-                stripeRows: H
-            }, Xe);
+                movableColumns: !!R,
+                onRequestMoveRow: D,
+                primaryColumnIndex: M,
+                rowExpansion: H,
+                pinnedColumns: z,
+                stripeRows: B
+            }, Qe);
         };
-        var gn = function e() {
-            var n = We.current;
-            var t = un();
-            if (!No(g) || !Le.current || !ze.current || !n) {
+        var Sn = function e() {
+            var n = Be.current;
+            var t = cn();
+            if (!No(g) || !Ve.current || !Le.current || !n) {
                 return false;
             }
             var r = Wo(n).top;
             return t.pageYOffset >= r - (f || 0);
         };
-        var wn = function e() {
-            var n = un();
-            var t = We.current;
-            if (!p || !Le.current || !t) {
+        var On = function e() {
+            var n = cn();
+            var t = Be.current;
+            if (!p || !Ve.current || !t) {
                 return false;
             }
             var r = xo(t);
             return r.bottom > n.innerHeight && r.top < n.innerHeight;
         };
-        var Cn = function e(n, o) {
-            if (gn()) {
+        var kn = function e(n, o) {
+            if (Sn()) {
                 // FIXME: handle inline
                 // Save the current head focus state so that it can be applied to the docked version
                 // after the `HeadTable` mounts.
-                Me.current = Ho(ze.current);
-                if (U === undefined || ue === undefined || fe === undefined || be === undefined) {
+                We.current = Ho(Le.current);
+                if (G === undefined || de === undefined || me === undefined || we === undefined) {
                     return false;
                 }
                 var i =  (0, t.cloneElement)(n);
@@ -3895,67 +3941,67 @@
                 return r().createElement(Ar, {
                     headType: "docked",
                     tHead: i,
-                    cellWidths: U,
-                    horizontalOffset: J,
-                    tableWidth: ue,
-                    top: fe,
-                    width: be,
-                    tableStyle: K,
+                    cellWidths: G,
+                    horizontalOffset: le,
+                    tableWidth: de,
+                    top: me,
+                    width: we,
+                    tableStyle: F,
                     isFixedColumn: o,
-                    onKeyUp: an,
-                    elementRef: on,
-                    hasDragColumn: !!O,
-                    hasRowExpansion: $ !== "none",
-                    hasRowSelection: !!D
+                    onKeyUp: dn,
+                    elementRef: sn,
+                    hasDragColumn: !!D,
+                    hasRowExpansion: H !== "none",
+                    hasRowSelection: !!A
                 });
             }
             return false;
         };
-        var xn = (0, t.useMemo)((function() {
+        var Rn = (0, t.useMemo)((function() {
             var e, n, t;
-            if (!_e.current || !ze.current || !Le.current) {
+            if (!Ne.current || !Le.current || !Ve.current) {
                 return 0;
             }
-            var r = un();
-            var o = (e = xo(Le.current).top) !== null && e !== void 0 ? e : 0;
-            var i = (n = (t = ze.current) === null || t === void 0 ? void 0 : t.offsetHeight) !== null && n !== void 0 ? n : 0;
+            var r = cn();
+            var o = (e = xo(Ve.current).top) !== null && e !== void 0 ? e : 0;
+            var i = (n = (t = Le.current) === null || t === void 0 ? void 0 : t.offsetHeight) !== null && n !== void 0 ? n : 0;
             var a = r.innerHeight - o - i;
-            return Math.min(a - _e.current.offsetHeight, 0);
+            return Math.min(a - Ne.current.offsetHeight, 0);
         }), []);
-        var Sn = (0, t.useMemo)((function() {
+        var En = (0, t.useMemo)((function() {
             return {
-                width: be,
-                marginBottom: xn
+                width: we,
+                marginBottom: Rn
             };
-        }), [ be, xn ]);
-        var On = (0, t.useMemo)((function() {
+        }), [ we, Rn ]);
+        var In = (0, t.useMemo)((function() {
             return {
-                width: ue
+                width: de
             };
-        }), [ ue ]);
-        var kn = function e() {
-            if (!wn()) {
+        }), [ de ]);
+        var Tn = function e() {
+            if (!On()) {
                 return false;
             }
             
             return r().createElement(ne, {
-                style: Sn,
-                onScroll: Qe,
+                style: En,
+                onScroll: tn,
                 "data-test": "docked-scroll-bar",
-                ref: _e
+                ref: Ne
             },  r().createElement(te, {
-                style: On,
+                style: In,
                 "data-test": "docked-scroll-content"
             }));
         };
-        var Rn = function e() {
-            var n = ze.current;
-            var t = We.current;
+        var jn = function e() {
+            var n = Le.current;
+            var t = Be.current;
             /**
      * there is slightly less space for the table than tableContainer's width,
      * because there is a 1 px border added to every column but the first
      */            if (n) {
-                var r = Qt(ze.current);
+                var r = Qt(Le.current);
                 var o = r === null || r === void 0 ? void 0 : r.length;
                 var i = t === null || t === void 0 ? void 0 : t.clientWidth;
                 if (i != null) {
@@ -3965,57 +4011,58 @@
             }
             return null;
         };
-        var En;
-        var In;
-        var Tn;
-        var jn = !!R;
+        var Dn;
+        var Pn;
+        var An;
+        var qn = !!P;
         t.Children.toArray(c).forEach((function(e) {
             var n = e.type.splunkUiType;
             if (n === "Table.Head") {
-                En = bn(e);
+                Dn = wn(e);
                 // Check if all HeadCells have a defined width (making the table fixed width)
                                 var r = t.Children.toArray(e.props.children).filter(t.isValidElement);
                 var o = r.every((function(e) {
                     return e.props.width && e.props.width !== undefined;
                 }));
-                jn = o;
+                qn = o;
             } else if (n === "Table.Body") {
-                In = yn(e);
+                Pn = xn(e);
             } else if (n === "Table.Caption") {
                 // the html spec mandates that a caption must be the first table child.
                 // catch the caption here so that it can be placed first later. note: a
                 // caption can be placed on the bottom side of a table by adjusting the
                 // caption's side prop.
-                Tn = e;
+                An = e;
             }
         }));
-        So(En, "A Table.Head is required.");
-        var Dn = Cn(En, jn);
+        So(Dn, "A Table.Head is required.");
+        var _n = kn(Dn, qn);
         // When a `headTable` is used, suppress focus interactions in the primary `Head`. Focus
         // interactions will be handled by the overlaid `headTable` instead.
-                var qn = t.Children.toArray(En.props.children).filter(t.isValidElement).map((function(e) {
+                var zn = t.Children.toArray(Dn.props.children).filter(t.isValidElement).map((function(e) {
             
             // TS: onClick is different for regular/dropdown head cells, that's ok
             return (0, t.cloneElement)(e, {
-                visible: !Dn
+                visible: !_n
             });
         }));
-        En =  (0, t.cloneElement)(En, {}, qn);
-        var An = ge || un();
-        var Pn = Lo(g) ? We.current : An;
-        if (z) {
-            jn = false;
+        Dn =  (0, t.cloneElement)(Dn, {}, zn);
+        var $n = Se || cn();
+        var Mn = Lo(g) ? Be.current : $n;
+        if (L) {
+            qn = false;
         }
-        var _n = Rn();
-        var zn = (0, t.useMemo)((function() {
+        var Nn = jn();
+        var Ln = (0, t.useMemo)((function() {
             return {
                 headType: g,
-                resizableFillLayout: z,
-                tableContainerWidthWithoutBorders: _n
+                horizontalOverflow: C,
+                resizableFillLayout: L,
+                tableContainerWidthWithoutBorders: Nn
             };
-        }), [ g, z, _n ]);
-        var Mn = (0, t.useMemo)((function() {
-            if (!O) {
+        }), [ g, C, L, Nn ]);
+        var Wn = (0, t.useMemo)((function() {
+            if (!D) {
                 return {
                     onDragStart: function e() {
                         return undefined;
@@ -4037,27 +4084,27 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Ko(Ue, t);
+                    var r = Ko(Je, t);
                     return typeof r === "number" ? (0, I.sprintf)((0, T._)("Picked up sortable row in position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Ue.length
+                        total: Je.length
                     }) : undefined;
                 },
                 onDragOver: function e(n) {
                     var t = n.active, r = n.over;
-                    if (ye.current) {
-                        ye.current = false;
+                    if (xe.current) {
+                        xe.current = false;
                         return undefined;
                     }
                     if (!t.id || !(r === null || r === void 0 ? void 0 : r.id)) {
                         return undefined;
                     }
-                    var o = Ko(Ue, t.id);
-                    var i = Ko(Ue, r.id);
+                    var o = Ko(Je, t.id);
+                    var i = Ko(Je, r.id);
                     return (0, I.sprintf)((0, T._)("Row moved from position %(from)d to position %(to)d of %(total)d."), {
                         from: o,
                         to: i,
-                        total: Ue.length
+                        total: Je.length
                     });
                 },
                 onDragEnd: function e(n) {
@@ -4065,10 +4112,10 @@
                     if (!(t === null || t === void 0 ? void 0 : t.id)) {
                         return undefined;
                     }
-                    var r = Ko(Ue, t.id);
+                    var r = Ko(Je, t.id);
                     return typeof r === "number" ? (0, I.sprintf)((0, T._)("Row dropped at position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Ue.length
+                        total: Je.length
                     }) : undefined;
                 },
                 onDragCancel: function e(n) {
@@ -4076,15 +4123,15 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Ko(Ue, t);
+                    var r = Ko(Je, t);
                     return typeof r === "number" ? (0, I.sprintf)((0, T._)("Row returned to its starting position of %(pos)d."), {
                         pos: r
                     }) : undefined;
                 }
             };
-        }), [ Ue, O ]);
-        var $n = (0, t.useMemo)((function() {
-            if (!C) {
+        }), [ Je, D ]);
+        var Hn = (0, t.useMemo)((function() {
+            if (!R) {
                 return {
                     onDragStart: function e() {
                         return undefined;
@@ -4106,28 +4153,28 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Bo(Ye, t);
+                    var r = Vo(Ze, t);
                     return typeof r === "number" ? (0, I.sprintf)((0, T._)("Picked up sortable column in position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Ye.length
+                        total: Ze.length
                     }) : undefined;
                 },
                 onDragOver: function e(n) {
                     var t = n.active, r = n.over;
-                    if (ye.current) {
-                        ye.current = false;
+                    if (xe.current) {
+                        xe.current = false;
                         return undefined;
                     }
                     if (!t.id || !(r === null || r === void 0 ? void 0 : r.id)) {
                         return undefined;
                     }
-                    var o = Bo(Ye, t.id);
-                    var i = Bo(Ye, r.id);
+                    var o = Vo(Ze, t.id);
+                    var i = Vo(Ze, r.id);
                     if (typeof o !== "number" || typeof i !== "number") return undefined;
                     return (0, I.sprintf)((0, T._)("Column moved from position %(from)d to position %(to)d of %(total)d."), {
                         from: o,
                         to: i,
-                        total: Ye.length
+                        total: Ze.length
                     });
                 },
                 onDragEnd: function e(n) {
@@ -4135,10 +4182,10 @@
                     if (!(t === null || t === void 0 ? void 0 : t.id)) {
                         return undefined;
                     }
-                    var r = Bo(Ye, t.id);
+                    var r = Vo(Ze, t.id);
                     return typeof r === "number" ? (0, I.sprintf)((0, T._)("Column dropped at position %(pos)d of %(total)d."), {
                         pos: r,
-                        total: Ye.length
+                        total: Ze.length
                     }) : undefined;
                 },
                 onDragCancel: function e(n) {
@@ -4146,51 +4193,51 @@
                     if (t === undefined) {
                         return undefined;
                     }
-                    var r = Bo(Ye, t);
+                    var r = Vo(Ze, t);
                     return typeof r === "number" ? (0, I.sprintf)((0, T._)("Column returned to its starting position of %(pos)d."), {
                         pos: r
                     }) : undefined;
                 }
             };
-        }), [ Ye, C ]);
-        var Nn = (0, t.useMemo)((function() {
+        }), [ Ze, R ]);
+        var Kn = (0, t.useMemo)((function() {
             return {
-                screenReaderInstructions: O ? Fo : Uo,
-                announcements: O ? Mn : $n
+                screenReaderInstructions: D ? Fo : Uo,
+                announcements: D ? Wn : Hn
             };
-        }), [ Mn, $n, O ]);
-        var Ln = (0, t.useCallback)((function(e) {
-            var n = e.active.id;
-            if (n.startsWith("col-") && C) {
-                Oe([ i.restrictToHorizontalAxis ]);
-                sn(e);
-            } else if (n.startsWith("row-") && O) {
-                Oe([ i.restrictToVerticalAxis ]);
-            }
-        }), [ C, O, sn ]);
-        var Wn = (0, t.useCallback)((function(e) {
-            Oe([]);
+        }), [ Wn, Hn, D ]);
+        var Vn = (0, t.useCallback)((function(e) {
             var n = e.active.id;
-            if (n.startsWith("col-") && C) {
-                fn(e);
-            } else if (n.startsWith("row-") && O) {
+            if (n.startsWith("col-") && R) {
+                Ie([ i.restrictToHorizontalAxis ]);
                 vn(e);
+            } else if (n.startsWith("row-") && D) {
+                Ie([ i.restrictToVerticalAxis ]);
             }
-        }), [ fn, vn, C, O ]);
-        var Hn = (0, t.useCallback)((function(e) {
+        }), [ R, D, vn ]);
+        var Bn = (0, t.useCallback)((function(e) {
+            Ie([]);
             var n = e.active.id;
-            if (n.startsWith("col-") && C) {
-                dn(e);
+            if (n.startsWith("col-") && R) {
+                bn(e);
+            } else if (n.startsWith("row-") && D) {
+                hn(e);
             }
-        }), [ dn, C ]);
-        var Kn = (0, t.useCallback)((function(e) {
-            Oe([]);
+        }), [ bn, hn, R, D ]);
+        var Fn = (0, t.useCallback)((function(e) {
             var n = e.active.id;
-            if (n.startsWith("row-") && O) {
-                pn();
+            if (n.startsWith("col-") && R) {
+                mn(e);
             }
-        }), [ pn, O ]);
-        var Bn = (0, t.useMemo)((function() {
+        }), [ mn, R ]);
+        var Un = (0, t.useCallback)((function(e) {
+            Ie([]);
+            var n = e.active.id;
+            if (n.startsWith("row-") && D) {
+                yn();
+            }
+        }), [ yn, D ]);
+        var Xn = (0, t.useMemo)((function() {
             return function(e) {
                 var n = (0, o.pointerWithin)(e);
                 // Collision detection algorithms return an array of collisions
@@ -4201,64 +4248,64 @@
                                 return (0, o.rectIntersection)(e);
             };
         }), []);
-        var Vn = Ae ? mn.current[Ae] : null;
-        var Fn = Vn ? xo(Vn).width : undefined;
-        var Un = We.current ? xo(We.current).height : undefined;
+        var Yn = $e ? gn.current[$e] : null;
+        var Gn = Yn ? xo(Yn).width : undefined;
+        var Jn = Be.current ? xo(Be.current).height : undefined;
         
         return r().createElement(Q, Oo({
             "data-test": "table",
             ref: m,
-            style: A,
-            "data-test-row-selection": D ? W : undefined
-        }, b()(B, [].concat(ko(Object.keys(Mo)), [ "style" ]))),  r().createElement(x(), {
-            target: un(),
+            style: _,
+            "data-test-row-selection": A ? V : undefined
+        }, b()(U, [].concat(ko(Object.keys($o)), [ "style" ]))),  r().createElement(x(), {
+            target: cn(),
             eventType: "scroll",
-            listener: Ze,
+            listener: rn,
             options: Yo
-        }),  r().createElement(Ht.Provider, {
-            value: zn
-        }, Dn,  r().createElement(Z, {
+        }),  r().createElement(ye.Provider, {
+            value: Ln
+        }, _n,  r().createElement(Z, {
             "data-test": "scroll-container",
-            onScroll: Je,
-            ref: We,
-            style: w,
-            $dragging: !!Ae
+            onScroll: nn,
+            ref: Be,
+            style: O,
+            $dragging: !!$e
         },  r().createElement(S.ScrollContainerProvider, {
-            value: Pn
+            value: Mn
         },  r().createElement(o.DndContext, {
-            accessibility: Nn,
-            collisionDetection: Bn,
-            modifiers: Se,
-            onDragCancel: Kn,
-            onDragEnd: Wn,
-            onDragOver: Hn,
-            onDragStart: Ln,
-            sensors: we
+            accessibility: Kn,
+            collisionDetection: Xn,
+            modifiers: Ee,
+            onDragCancel: Un,
+            onDragEnd: Bn,
+            onDragOver: Fn,
+            onDragStart: Vn,
+            sensors: Oe
         },  r().createElement(ee, {
-            ref: Le,
+            ref: Ve,
             "data-test": "main-table",
-            style: K,
-            "data-fixed-column": jn ? "true" : undefined,
-            $resizableFillLayout: z
-        }, Tn, C ?  r().createElement(a.SortableContext, {
-            items: Ye,
+            style: F,
+            "data-fixed-column": qn ? "true" : undefined,
+            $resizableFillLayout: L
+        }, An, R ?  r().createElement(a.SortableContext, {
+            items: Ze,
             strategy: a.horizontalListSortingStrategy
-        }, En) : En, O ?  r().createElement(a.SortableContext, {
-            items: Ue,
+        }, Dn) : Dn, D ?  r().createElement(a.SortableContext, {
+            items: Je,
             strategy: a.verticalListSortingStrategy
-        }, In) : In), Ae &&  r().createElement(o.DragOverlay, null,  r().createElement(oe, {
-            $width: Fn,
-            $height: Un
-        })), Ae && hn))), kn()));
+        }, Pn) : Pn), $e &&  r().createElement(o.DragOverlay, null,  r().createElement(oe, {
+            $width: Gn,
+            $height: Jn
+        })), $e && Cn))), Tn()));
     }
-    Jo.propTypes = Mo;
+    Jo.propTypes = $o;
     Jo.Body = J;
     Jo.Caption = de;
-    Jo.Cell = xe;
+    Jo.Cell = Oe;
     Jo.Head = er;
-    Jo.HeadCell = zn;
+    Jo.HeadCell = Mn;
     Jo.HeadDropdownCell = xr;
-    Jo.Row = Lt;
+    Jo.Row = Ht;
     /* harmony default export */    const Qo = Jo;
     // CONCATENATED MODULE: ./src/Table/index.ts
     module.exports = n;