@splunk/react-ui 4.21.1 → 4.22.0

package/Table.js

@@ -68,17 +68,17 @@
         HeadCell: () => /* reexport */ vn,
         HeadDropdownCell: () => /* reexport */ zo,
         Row: () => /* reexport */ qr,
-        default: () => /* reexport */ Ta
+        default: () => /* reexport */ Ti
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
     var r =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
-    var a =  e.n(o);
+    var i =  e.n(o);
     // CONCATENATED MODULE: external "lodash/forEach"
-    const i = require("lodash/forEach");
-    var l =  e.n(i);
+    const a = require("lodash/forEach");
+    var l =  e.n(a);
     // CONCATENATED MODULE: external "lodash/has"
     const s = require("lodash/has");
     var c =  e.n(s);
@@ -103,9 +103,9 @@
     const x = require("@splunk/react-ui/EventListener");
     var k =  e.n(x);
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const S = require("@splunk/ui-utils/keyboard");
+    const C = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
-    const C = require("@splunk/react-ui/ScrollContainerContext");
+    const S = require("@splunk/react-ui/ScrollContainerContext");
     // CONCATENATED MODULE: external "lodash/findIndex"
     const O = require("lodash/findIndex");
     var E =  e.n(O);
@@ -295,12 +295,12 @@
     }
     function B(e, t) {
         if (e == null) return {};
-        var n = F(e, t);
+        var n = W(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                r = a[o];
+            var i = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < i.length; o++) {
+                r = i[o];
                 if (t.indexOf(r) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
                 n[r] = e[r];
@@ -308,24 +308,24 @@
         }
         return n;
     }
-    function F(e, t) {
+    function W(e, t) {
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
-        var o, a;
-        for (a = 0; a < r.length; a++) {
-            o = r[a];
+        var o, i;
+        for (i = 0; i < r.length; i++) {
+            o = r[i];
             if (t.indexOf(o) >= 0) continue;
             n[o] = e[o];
         }
         return n;
     }
-    function K(e, t) {
+    function F(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function W(e, t) {
+    function K(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || false;
@@ -335,8 +335,8 @@
         }
     }
     function U(e, t, n) {
-        if (t) W(e.prototype, t);
-        if (n) W(e, n);
+        if (t) K(e.prototype, t);
+        if (n) K(e, n);
         return e;
     }
     function V(e, t) {
@@ -364,8 +364,8 @@
         return function n() {
             var r = Z(e), o;
             if (t) {
-                var a = Z(this).constructor;
-                o = Reflect.construct(r, arguments, a);
+                var i = Z(this).constructor;
+                o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
@@ -416,19 +416,19 @@
     }
     var te = {
         /** @private. Generally passed by Table rather than added directly. */
-        actions: a().bool,
-        children: a().node,
-        elementRef: a().oneOfType([ a().func, a().object ]),
+        actions: i().bool,
+        children: i().node,
+        elementRef: i().oneOfType([ i().func, i().object ]),
         /** @private. Generally passed by Table rather than added directly. */
-        movableColumns: a().bool,
+        movableColumns: i().bool,
         /** @private. Generally passed by Table rather than added directly. */
-        rowExpansion: a().oneOf([ "single", "multi", "none", "controlled" ]),
+        rowExpansion: i().oneOf([ "single", "multi", "none", "controlled" ]),
         /** @private. Generally passed by Table rather than added directly. */
-        onRequestMoveRow: a().func,
+        onRequestMoveRow: i().func,
         /** @private. Generally passed by Table rather than added directly. */
-        primaryColumnIndex: a().number,
+        primaryColumnIndex: i().number,
         /** @private. Generally passed by Table rather than added directly. */
-        stripeRows: a().bool
+        stripeRows: i().bool
     };
     var ne = {
         actions: false,
@@ -441,17 +441,17 @@
         // @docs-props-type BodyPropsBase
                 function o(e) {
             var r;
-            K(this, o);
+            F(this, o);
             r = t.call(this, e);
             ee(Q(r), "el", null);
             ee(Q(r), "rect", void 0);
             ee(Q(r), "rowHeight", void 0);
             ee(Q(r), "rows", void 0);
             ee(Q(r), "handleDragStart", (function(e, t) {
-                var n, o, a, i;
+                var n, o, i, a;
                 var l = $();
-                r.rect = (n = r.el) === null || n === void 0 ? void 0 : (o = n.parentElement) === null || o === void 0 ? void 0 : (a = o.parentElement) === null || a === void 0 ? void 0 : a.getBoundingClientRect();
-                r.rowHeight = (i = r.el) === null || i === void 0 ? void 0 : i.children[0].getBoundingClientRect().height;
+                r.rect = (n = r.el) === null || n === void 0 ? void 0 : (o = n.parentElement) === null || o === void 0 ? void 0 : (i = o.parentElement) === null || i === void 0 ? void 0 : i.getBoundingClientRect();
+                r.rowHeight = (a = r.el) === null || a === void 0 ? void 0 : a.children[0].getBoundingClientRect().height;
                 r.setState({
                     dragIndex: e,
                     dragDataId: t
@@ -487,12 +487,12 @@
                 var o = r.calculateGuideIndex();
  // The new index is not necessarily the same as the guidelineIndex
                                 if (t !== undefined) {
-                    var a = t < o ? o - 1 : o;
-                    if (t !== a) {
-                        var i, l;
-                        (i = (l = r.props).onRequestMoveRow) === null || i === void 0 ? void 0 : i.call(l, {
+                    var i = t < o ? o - 1 : o;
+                    if (t !== i) {
+                        var a, l;
+                        (a = (l = r.props).onRequestMoveRow) === null || a === void 0 ? void 0 : a.call(l, {
                             fromIndex: t,
-                            toIndex: a,
+                            toIndex: i,
                             dataId: n
                         });
                     }
@@ -503,15 +503,15 @@
                 r.cleanupDrag();
             }));
             ee(Q(r), "onRequestMoveRow", (function(e) {
-                var t = e.dataId, o = e.fromIndex, a = e.toIndex;
+                var t = e.dataId, o = e.fromIndex, i = e.toIndex;
                 r.setState({
                     dragDataId: t
                 });
-                if (a < n.Children.toArray(r.props.children).length) {
-                    var i, l;
-                    (i = (l = r.props).onRequestMoveRow) === null || i === void 0 ? void 0 : i.call(l, {
+                if (i < n.Children.toArray(r.props.children).length) {
+                    var a, l;
+                    (a = (l = r.props).onRequestMoveRow) === null || a === void 0 ? void 0 : a.call(l, {
                         fromIndex: o,
-                        toIndex: a,
+                        toIndex: i,
                         dataId: t
                     });
                 }
@@ -576,8 +576,8 @@
                 }));
                 if (o === -1) {
                     // must be too far left or right;
-                    var a = this.el.getBoundingClientRect();
-                    return r < a.top ? 0 : this.rows.length;
+                    var i = this.el.getBoundingClientRect();
+                    return r < i.top ? 0 : this.rows.length;
                 }
                 if (n !== undefined && o > n) {
                     return o + 1;
@@ -616,7 +616,7 @@
             key: "render",
             value: function e() {
                 var t, o = this;
-                var a = this.props, i = a.actions, l = a.children, s = a.movableColumns, c = a.onRequestMoveRow, u = a.rowExpansion, d = a.primaryColumnIndex, f = a.stripeRows, p = B(a, [ "actions", "children", "movableColumns", "onRequestMoveRow", "rowExpansion", "primaryColumnIndex", "stripeRows" ]);
+                var i = this.props, a = i.actions, l = i.children, s = i.movableColumns, c = i.onRequestMoveRow, u = i.rowExpansion, d = i.primaryColumnIndex, f = i.stripeRows, p = B(i, [ "actions", "children", "movableColumns", "onRequestMoveRow", "rowExpansion", "primaryColumnIndex", "stripeRows" ]);
                 var v = [];
                 var h = this.calculateGuideIndex();
                 var b = (t = this.state.dragDataId) === null || t === void 0 ? void 0 : t.toString();
@@ -630,18 +630,18 @@
                     }
                     if (e) {
                         if (false) {}
-                        var a = e.key;
+                        var i = e.key;
                         var l = t % 2 ? "even" : "odd";
                         var p = f ? l : "none";
-                        var m = u === "controlled" ? e.props.expanded : D()(o.state.expanded, a);
+                        var m = u === "controlled" ? e.props.expanded : D()(o.state.expanded, i);
                         var g = function t(n) {
-                            o.handleRowExpansion(n, a, e.props.onExpansion);
+                            o.handleRowExpansion(n, i, e.props.onExpansion);
                         };
                         v.push( (0, n.cloneElement)(e, {
                             index: t,
                             showRowGuideline: r,
                             stripe: p,
-                            actions: i,
+                            actions: a,
                             expanded: m,
                             expandable: u !== "none",
                             draggable: !!c,
@@ -657,7 +657,7 @@
                         if (m && e.props.expansionRow) {
                             n.Children.forEach(e.props.expansionRow, (function(e, t) {
                                 return v.push( (0, n.cloneElement)(e, {
-                                    key: "".concat(a, "-expansion-").concat(t),
+                                    key: "".concat(i, "-expansion-").concat(t),
                                     stripe: p,
                                     movableColumns: s,
                                     onRequestMoveRow: c,
@@ -685,11 +685,11 @@
     ee(re, "defaultProps", ne);
     /* harmony default export */    const oe = re;
     // CONCATENATED MODULE: ./src/Table/TableStyles.ts
-    var ae = _().div.withConfig({
+    var ie = _().div.withConfig({
         displayName: "TableStyles__Styled",
         componentId: "sc-1cmfss7-0"
     })([ "", ";max-width:100%;position:relative;z-index:1;@media print{max-height:none !important;}" ], P.mixins.reset("block"));
-    var ie = _().div.withConfig({
+    var ae = _().div.withConfig({
         displayName: "TableStyles__StyledTableContainer",
         componentId: "sc-1cmfss7-1"
     })([ "overflow:auto;&::before{content:'';width:100%;height:0;top:0;position:absolute;}" ]);
@@ -738,9 +738,9 @@
         var n = pe(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                r = a[o];
+            var i = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < i.length; o++) {
+                r = i[o];
                 if (t.indexOf(r) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
                 n[r] = e[r];
@@ -752,29 +752,29 @@
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
-        var o, a;
-        for (a = 0; a < r.length; a++) {
-            o = r[a];
+        var o, i;
+        for (i = 0; i < r.length; i++) {
+            o = r[i];
             if (t.indexOf(o) >= 0) continue;
             n[o] = e[o];
         }
         return n;
     }
     var ve = {
-        children: a().node.isRequired,
-        side: a().oneOf([ "top", "bottom" ])
+        children: i().node.isRequired,
+        side: i().oneOf([ "top", "bottom" ])
     };
     /**
  * Tables that use a docked header must place the caption on the bottom side.
  * Tables that use a fixed header cannot use captions.
  */    function he(e) {
-        var t = e.children, n = e.side, o = n === void 0 ? "top" : n, a = fe(e, [ "children", "side" ]);
+        var t = e.children, n = e.side, o = n === void 0 ? "top" : n, i = fe(e, [ "children", "side" ]);
         // @docs-props-type CaptionPropsBase
                 
         return r().createElement(ue, de({
             "data-test": "caption",
             side: o
-        }, a), t);
+        }, i), t);
     }
     he.propTypes = ve;
     he.splunkUiType = "Table.Caption";
@@ -884,9 +884,9 @@
         var n = xe(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                r = a[o];
+            var i = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < i.length; o++) {
+                r = i[o];
                 if (t.indexOf(r) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
                 n[r] = e[r];
@@ -898,9 +898,9 @@
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
-        var o, a;
-        for (a = 0; a < r.length; a++) {
-            o = r[a];
+        var o, i;
+        for (i = 0; i < r.length; i++) {
+            o = r[i];
             if (t.indexOf(o) >= 0) continue;
             n[o] = e[o];
         }
@@ -911,7 +911,7 @@
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function Se(e, t) {
+    function Ce(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || false;
@@ -920,9 +920,9 @@
             Object.defineProperty(e, r.key, r);
         }
     }
-    function Ce(e, t, n) {
-        if (t) Se(e.prototype, t);
-        if (n) Se(e, n);
+    function Se(e, t, n) {
+        if (t) Ce(e.prototype, t);
+        if (n) Ce(e, n);
         return e;
     }
     function Oe(e, t) {
@@ -950,8 +950,8 @@
         return function n() {
             var r = je(e), o;
             if (t) {
-                var a = je(this).constructor;
-                o = Reflect.construct(r, arguments, a);
+                var i = je(this).constructor;
+                o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
@@ -1001,21 +1001,21 @@
         return e;
     }
     var Pe = {
-        align: a().oneOf([ "left", "center", "right" ]),
+        align: i().oneOf([ "left", "center", "right" ]),
         /** @private */
-        appearance: a().oneOf([ "data", "link", "rowLink" ]),
-        children: a().node,
-        data: a().any,
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        onClick: a().func,
+        appearance: i().oneOf([ "data", "link", "rowLink" ]),
+        children: i().node,
+        data: i().any,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        onClick: i().func,
         /** @private */
-        onKeyDown: a().func,
+        onKeyDown: i().func,
         /** @private */
-        disabled: a().bool,
+        disabled: i().bool,
         /** @private. */
-        expand: a().bool,
+        expand: i().bool,
         /** @private. */
-        variant: a().oneOf([ "toggle", "expand", "drag", "actions" ])
+        variant: i().oneOf([ "toggle", "expand", "drag", "actions" ])
     };
     var qe = {
         align: "left"
@@ -1026,8 +1026,8 @@
         function n() {
             var e;
             ke(this, n);
-            for (var r = arguments.length, o = new Array(r), a = 0; a < r; a++) {
-                o[a] = arguments[a];
+            for (var r = arguments.length, o = new Array(r), i = 0; i < r; i++) {
+                o[i] = arguments[i];
             }
             e = t.call.apply(t, [ this ].concat(o));
             _e(Ie(e), "el", null);
@@ -1040,18 +1040,18 @@
                 o === null || o === void 0 ? void 0 : o(t, r);
             }));
             _e(Ie(e), "handleKeyDown", (function(t) {
-                var n = e.props, r = n.data, o = n.onClick, a = n.onKeyDown;
-                if ((0, S.keycode)(t.nativeEvent) === "enter") {
+                var n = e.props, r = n.data, o = n.onClick, i = n.onKeyDown;
+                if ((0, C.keycode)(t.nativeEvent) === "enter") {
                     o === null || o === void 0 ? void 0 : o(t, r);
                 }
-                a === null || a === void 0 ? void 0 : a(t);
+                i === null || i === void 0 ? void 0 : i(t);
             }));
             return e;
         }
-        Ce(n, [ {
+        Se(n, [ {
             key: "render",
             value: function e() {
-                var t = this.props, n = t.align, o = t.appearance, a = t.children, i = t.disabled, l = t.elementRef, s = t.onClick, c = t.onKeyDown, u = t.variant, d = we(t, [ "align", "appearance", "children", "disabled", "elementRef", "onClick", "onKeyDown", "variant" ]);
+                var t = this.props, n = t.align, o = t.appearance, i = t.children, a = t.disabled, l = t.elementRef, s = t.onClick, c = t.onKeyDown, u = t.variant, d = we(t, [ "align", "appearance", "children", "disabled", "elementRef", "onClick", "onKeyDown", "variant" ]);
                 var f = s !== undefined;
                 var p = f ? "link" : "data";
                 
@@ -1060,13 +1060,13 @@
                     $align: n,
                     $appearance: o || p,
                     $clickable: f ? true : undefined,
-                    $disabled: !!i,
+                    $disabled: !!a,
                     $variant: u,
                     onClick: this.handleClick,
                     onKeyDown: this.handleKeyDown,
                     ref: this.handleMount,
                     tabIndex: f ? 0 : undefined
-                }, d), a);
+                }, d), i);
             }
         } ]);
         return n;
@@ -1085,11 +1085,11 @@
     const Le = require("lodash/merge");
     var Be =  e.n(Le);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowDown"
-    const Fe = require("@splunk/react-icons/ArrowDown");
-    var Ke =  e.n(Fe);
+    const We = require("@splunk/react-icons/ArrowDown");
+    var Fe =  e.n(We);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUp"
-    const We = require("@splunk/react-icons/ArrowUp");
-    var Ue =  e.n(We);
+    const Ke = require("@splunk/react-icons/ArrowUp");
+    var Ue =  e.n(Ke);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowUpDown"
     const Ve = require("@splunk/react-icons/ArrowUpDown");
     var Ge =  e.n(Ve);
@@ -1109,7 +1109,7 @@
     var rt =  e.n(nt);
     // CONCATENATED MODULE: ./src/Table/HeadInnerStyles.ts
     var ot = "12px";
-    var at = _().div.withConfig({
+    var it = _().div.withConfig({
         displayName: "HeadInnerStyles__StyledDragContainer",
         componentId: "sc-1sa0wng-0"
     })([ "position:absolute;cursor:move;top:0;", " padding:", ";" ], (0, P.pick)({
@@ -1122,7 +1122,7 @@
             compact: "9px 4px 6px"
         }
     }));
-    var it = _().span.withConfig({
+    var at = _().span.withConfig({
         displayName: "HeadInnerStyles__StyledMenuIcon",
         componentId: "sc-1sa0wng-1"
     })([ "", " color:", ";position:relative;" ], (0, P.pick)({
@@ -1152,7 +1152,7 @@
         center: (0, j.css)([ "& > &{text-align:center;}" ])
     }), 
     /* sc-sel */
-    at, (0, P.pick)({
+    it, (0, P.pick)({
         enterprise: ot
     }));
     var st = _().div.withConfig({
@@ -1418,7 +1418,7 @@
     }));
     // CONCATENATED MODULE: ./src/Table/DragHandle.tsx
     var gt = {
-        screenReaderContent: a().string
+        screenReaderContent: i().string
     };
     var wt = {};
     function xt(e) {
@@ -1429,8 +1429,8 @@
     xt.propTypes = gt;
     /* harmony default export */    const kt = xt;
     // CONCATENATED MODULE: ./src/Table/HeadInner.tsx
-    function St() {
-        St = Object.assign || function(e) {
+    function Ct() {
+        Ct = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -1441,9 +1441,9 @@
             }
             return e;
         };
-        return St.apply(this, arguments);
+        return Ct.apply(this, arguments);
     }
-    function Ct(e) {
+    function St(e) {
         return Rt(e) || Et(e) || Tt(e) || Ot();
     }
     function Ot() {
@@ -1481,20 +1481,20 @@
         var n = [];
         var r = true;
         var o = false;
-        var a = undefined;
+        var i = undefined;
         try {
-            for (var i = e[Symbol.iterator](), l; !(r = (l = i.next()).done); r = true) {
+            for (var a = e[Symbol.iterator](), l; !(r = (l = a.next()).done); r = true) {
                 n.push(l.value);
                 if (t && n.length === t) break;
             }
         } catch (e) {
             o = true;
-            a = e;
+            i = e;
         } finally {
             try {
-                if (!r && i["return"] != null) i["return"]();
+                if (!r && a["return"] != null) a["return"]();
             } finally {
-                if (o) throw a;
+                if (o) throw i;
             }
         }
         return n;
@@ -1507,9 +1507,9 @@
         var n = At(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                r = a[o];
+            var i = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < i.length; o++) {
+                r = i[o];
                 if (t.indexOf(r) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
                 n[r] = e[r];
@@ -1521,30 +1521,30 @@
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
-        var o, a;
-        for (a = 0; a < r.length; a++) {
-            o = r[a];
+        var o, i;
+        for (i = 0; i < r.length; i++) {
+            o = r[i];
             if (t.indexOf(o) >= 0) continue;
             n[o] = e[o];
         }
         return n;
     }
     var zt = {
-        align: a().oneOf([ "left", "center", "right" ]),
-        columnId: a().any,
-        hasActionsHead: a().bool,
-        id: a().string,
-        index: a().number,
-        isMenu: a().bool,
-        label: a().node,
-        onAutosizeColumn: a().func,
-        onDragEnd: a().func,
-        onDragStart: a().func,
-        onRequestResize: a().func,
-        resizable: a().bool,
-        sortDir: a().oneOf([ "none", "asc", "desc" ]),
-        truncate: a().bool,
-        width: a().oneOfType([ a().number, a().oneOf([ "auto" ]) ])
+        align: i().oneOf([ "left", "center", "right" ]),
+        columnId: i().any,
+        hasActionsHead: i().bool,
+        id: i().string,
+        index: i().number,
+        isMenu: i().bool,
+        label: i().node,
+        onAutosizeColumn: i().func,
+        onDragEnd: i().func,
+        onDragStart: i().func,
+        onRequestResize: i().func,
+        resizable: i().bool,
+        sortDir: i().oneOf([ "none", "asc", "desc" ]),
+        truncate: i().bool,
+        width: i().oneOfType([ i().number, i().oneOf([ "auto" ]) ])
     };
     var Ht = new Set([ "none", "asc", "desc" ]);
     var Mt = Object.freeze({
@@ -1560,16 +1560,16 @@
     var Nt = Object.freeze({
         none: Ge(),
         asc: Ue(),
-        desc: Ke()
+        desc: Fe()
     });
     function Lt(e) {
-        var t = e.index, o = e.columnId, a = e.id, i = e.width, l = e.onDragEnd, s = e.onAutosizeColumn, c = e.align, u = c === void 0 ? "left" : c, d = e.label, f = e.hasActionsHead, p = f === void 0 ? false : f, v = e.isMenu, h = v === void 0 ? false : v, y = e.onDragStart, m = e.onRequestResize, g = e.resizable, w = g === void 0 ? true : g, x = e.sortDir, C = x === void 0 ? undefined : x, O = e.truncate, E = O === void 0 ? true : O, R = qt(e, [ "index", "columnId", "id", "width", "onDragEnd", "onAutosizeColumn", "align", "label", "hasActionsHead", "isMenu", "onDragStart", "onRequestResize", "resizable", "sortDir", "truncate" ]);
+        var t = e.index, o = e.columnId, i = e.id, a = e.width, l = e.onDragEnd, s = e.onAutosizeColumn, c = e.align, u = c === void 0 ? "left" : c, d = e.label, f = e.hasActionsHead, p = f === void 0 ? false : f, v = e.isMenu, h = v === void 0 ? false : v, y = e.onDragStart, m = e.onRequestResize, g = e.resizable, w = g === void 0 ? true : g, x = e.sortDir, S = x === void 0 ? undefined : x, O = e.truncate, E = O === void 0 ? true : O, R = qt(e, [ "index", "columnId", "id", "width", "onDragEnd", "onAutosizeColumn", "align", "label", "hasActionsHead", "isMenu", "onDragStart", "onRequestResize", "resizable", "sortDir", "truncate" ]);
         if (false) {}
         var D = (0, P.useSplunkTheme)(), I = D.isEnterprise;
         var T = (0, tt._)("Click to open menu");
         var j = (0, n.useState)(), _ = Dt(j, 2), q = _[0], A = _[1];
         var z = (0, n.useState)(false), M = Dt(z, 2), N = M[0], L = M[1];
-        var B = (0, n.useState)(false), F = Dt(B, 2), K = F[0], W = F[1];
+        var B = (0, n.useState)(false), W = Dt(B, 2), F = W[0], K = W[1];
         var U = (0, n.useState)(0), V = Dt(U, 2), G = V[0], X = V[1];
         var Y = (0, n.useState)(0), Q = Dt(Y, 2), J = Q[0], Z = Q[1];
         var ee = (0, n.useRef)(null);
@@ -1582,31 +1582,31 @@
         var te;
         var ne;
         var re;
-        if (C !== undefined && Ht.has(C)) {
+        if (S !== undefined && Ht.has(S)) {
             var oe = I ? $t : Nt;
-            ne = oe[C];
-            re = Mt[C];
+            ne = oe[S];
+            re = Mt[S];
         }
-        if (i === "auto") {
-            var ae;
-            var ie = ee.current;
-            var le = ie === null || ie === void 0 ? void 0 : (ae = ie.parentElement) === null || ae === void 0 ? void 0 : ae.getBoundingClientRect();
+        if (a === "auto") {
+            var ie;
+            var ae = ee.current;
+            var le = ae === null || ae === void 0 ? void 0 : (ie = ae.parentElement) === null || ie === void 0 ? void 0 : ie.getBoundingClientRect();
             te = le === null || le === void 0 ? void 0 : le.width;
         } else {
-            te = i;
+            te = a;
         }
         var se = function e(n) {
-            var r = (0, S.keycode)(n.nativeEvent);
+            var r = (0, C.keycode)(n.nativeEvent);
             if (m === undefined || t === undefined) {
                 return;
             }
-            if (i === "auto") {
+            if (a === "auto") {
                 var l;
                 var s = ee.current;
                 var c = s === null || s === void 0 ? void 0 : (l = s.parentElement) === null || l === void 0 ? void 0 : l.getBoundingClientRect();
                 te = c === null || c === void 0 ? void 0 : c.width;
             } else {
-                te = i;
+                te = a;
             }
             if (te === undefined) {
                 return;
@@ -1618,7 +1618,7 @@
                 m(n, {
                     index: t,
                     columnId: o,
-                    id: a,
+                    id: i,
                     width: u
                 });
             }
@@ -1629,19 +1629,19 @@
                 m(n, {
                     index: t,
                     columnId: o,
-                    id: a,
+                    id: i,
                     width: d
                 });
             }
         };
         var ce = function e(t) {
-            if (i === "auto") {
+            if (a === "auto") {
                 var n;
                 var r = ee.current;
                 var o = r === null || r === void 0 ? void 0 : (n = r.parentElement) === null || n === void 0 ? void 0 : n.getBoundingClientRect();
                 te = o === null || o === void 0 ? void 0 : o.width;
             } else {
-                te = i;
+                te = a;
             }
             if (te === undefined) {
                 return;
@@ -1654,13 +1654,13 @@
         };
         var ue = function e(n) {
             var r = G - n.clientX;
-            var i = Math.max(J - r, 16);
+            var a = Math.max(J - r, 16);
             if (t !== undefined) {
                 m === null || m === void 0 ? void 0 : m(n, {
                     index: t,
                     columnId: o,
-                    id: a,
-                    width: i
+                    id: i,
+                    width: a
                 });
             }
         };
@@ -1669,27 +1669,27 @@
         };
         var fe = function e(n) {
             var r;
-            var a = H();
-            var i = ee.current;
-            if (n.dataTransfer.setDragImage && (i === null || i === void 0 ? void 0 : i.parentElement)) {
-                var l = i.parentElement.getBoundingClientRect();
-                var s = i.cloneNode(true);
+            var i = H();
+            var a = ee.current;
+            if (n.dataTransfer.setDragImage && (a === null || a === void 0 ? void 0 : a.parentElement)) {
+                var l = a.parentElement.getBoundingClientRect();
+                var s = a.cloneNode(true);
                 s.style.width = "".concat(l.width, "px");
                 s.style.height = "".concat(l.height, "px");
                 s.setAttribute("data-helper", "true");
-                a.body.appendChild(s);
+                i.body.appendChild(s);
                 n.dataTransfer.setDragImage(s, n.clientX - l.left, n.clientY - l.top);
-                W(true);
+                K(true);
                 A(s);
             }
             n.dataTransfer.effectAllowed = "move";
-            n.dataTransfer.setData("text", (r = i === null || i === void 0 ? void 0 : i.textContent) !== null && r !== void 0 ? r : "");
+            n.dataTransfer.setData("text", (r = a === null || a === void 0 ? void 0 : a.textContent) !== null && r !== void 0 ? r : "");
  // Required for Firefox
                         y === null || y === void 0 ? void 0 : y(t, o);
         };
         var pe = function e() {
             A(undefined);
-            W(false);
+            K(false);
             l === null || l === void 0 ? void 0 : l();
         };
         var ve = function e(n) {
@@ -1703,7 +1703,7 @@
         var he = !!y;
         var be = $();
         
-        return r().createElement(st, St({
+        return r().createElement(st, Ct({
             draggable: he || undefined,
             onDragStart: he ? fe : undefined,
             onDragEnd: he ? pe : undefined,
@@ -1711,8 +1711,8 @@
             $hasActionsHead: !!p,
             $align: u,
             $draggable: he,
-            $dragging: !!K
-        }, b()(R, [].concat(Ct(Object.keys(Lt.propTypes)), [ "id" ]))), N &&  r().createElement(r().Fragment, null,  r().createElement(k(), {
+            $dragging: !!F
+        }, b()(R, [].concat(St(Object.keys(Lt.propTypes)), [ "id" ]))), N &&  r().createElement(r().Fragment, null,  r().createElement(k(), {
             target: be,
             eventType: "mouseup",
             listener: de
@@ -1725,7 +1725,7 @@
             onDoubleClick: ve,
             onKeyDown: se,
             "data-test": "resize"
-        }), he &&  r().createElement(at, null,  r().createElement(kt, {
+        }), he &&  r().createElement(it, null,  r().createElement(kt, {
             screenReaderContent: (0, tt._)("Press left or right arrow key to reorder the columns.")
         })),  r().createElement(lt, {
             $align: u,
@@ -1734,7 +1734,7 @@
         }, d, h && 
         
         // this icon indicates "has a menu" in all themes
-        r().createElement(it, null, I ?  r().createElement(et(), {
+        r().createElement(at, null, I ?  r().createElement(et(), {
             "data-test": "caret-down",
             screenReaderText: T,
             hideDefaultTooltip: true,
@@ -1742,8 +1742,8 @@
         }) :  r().createElement(Ye(), {
             "data-test": "caret-down",
             "aria-label": T
-        }))), C &&  r().createElement(ct, {
-            $sorted: C !== "none"
+        }))), S &&  r().createElement(ct, {
+            $sorted: S !== "none"
         }, ne !== undefined && (I ?  r().createElement(ne, {
             inline: true,
             "aria-hidden": false,
@@ -1758,22 +1758,22 @@
     Lt.propTypes = zt;
     /* harmony default export */    const Bt = Lt;
     // CONCATENATED MODULE: ./src/Table/TableContext.ts
-    var Ft =  (0, n.createContext)({});
-    Ft.displayName = "Table";
-    /* harmony default export */    const Kt = Ft;
+    var Wt =  (0, n.createContext)({});
+    Wt.displayName = "Table";
+    /* harmony default export */    const Ft = Wt;
     // CONCATENATED MODULE: ./src/Table/HeadCell.tsx
-    function Wt(e) {
+    function Kt(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            Wt = function e(t) {
+            Kt = function e(t) {
                 return typeof t;
             };
         } else {
-            Wt = function e(t) {
+            Kt = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return Wt(e);
+        return Kt(e);
     }
     function Ut() {
         Ut = Object.assign || function(e) {
@@ -1860,8 +1860,8 @@
         return function n() {
             var r = cn(e), o;
             if (t) {
-                var a = cn(this).constructor;
-                o = Reflect.construct(r, arguments, a);
+                var i = cn(this).constructor;
+                o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
@@ -1869,7 +1869,7 @@
         };
     }
     function an(e, t) {
-        if (t && (Wt(t) === "object" || typeof t === "function")) {
+        if (t && (Kt(t) === "object" || typeof t === "function")) {
             return t;
         }
         return ln(e);
@@ -1911,46 +1911,46 @@
         return e;
     }
     var dn = {
-        align: a().oneOf([ "left", "center", "right" ]),
-        children: a().node,
-        columnId: a().any,
-        elementRef: a().oneOfType([ a().func, a().object ]),
+        align: i().oneOf([ "left", "center", "right" ]),
+        children: i().node,
+        columnId: i().any,
+        elementRef: i().oneOfType([ i().func, i().object ]),
         /** @private Indicates the presence of actions. */
-        hasActionsHead: a().bool,
+        hasActionsHead: i().bool,
         /** @private The index of the cell, skipping the info column. */
-        index: a().number,
+        index: i().number,
         /** @private. */
-        onAutosizeColumn: a().func,
-        onSort: a().func,
+        onAutosizeColumn: i().func,
+        onSort: i().func,
         /** @private. */
-        onDragStart: a().func,
+        onDragStart: i().func,
         /**
    * @private. Passed through and works as expected.
    */
-        onKeyDown: a().func,
+        onKeyDown: i().func,
         /** @private. */
-        onClick: a().func,
+        onClick: i().func,
         /** @private. */
-        onRequestMoveColumn: a().func,
+        onRequestMoveColumn: i().func,
         /** @private. */
-        onRequestResize: a().func,
-        resizable: a().bool,
+        onRequestResize: i().func,
+        resizable: i().bool,
         /** @private. */
-        showGuideline: a().oneOf([ "none", "before", "after" ]),
-        sortDir: a().oneOf([ "asc", "desc", "none" ]),
-        sortKey: a().string,
-        truncate: a().bool,
+        showGuideline: i().oneOf([ "none", "before", "after" ]),
+        sortDir: i().oneOf([ "asc", "desc", "none" ]),
+        sortKey: i().string,
+        truncate: i().bool,
         /**
    * Used internally to suppress focus and id when this `HeadCell` is superseded by one in an
    * overlaid `HeadTable` for user interactions.
    * @private
    */
-        visible: a().bool,
-        width: a().oneOfType([ a().number, a().oneOf([ "auto" ]) ]),
+        visible: i().bool,
+        width: i().oneOfType([ i().number, i().oneOf([ "auto" ]) ]),
         /** @private. */
-        variant: a().oneOf([ "toggleAll", "info", "actions" ]),
+        variant: i().oneOf([ "toggleAll", "info", "actions" ]),
         /** @private. */
-        zIndex: a().number
+        zIndex: i().number
     };
     var fn = {
         align: "left",
@@ -1973,10 +1973,10 @@
                 var t, n;
                 // ignore clicks on the resize handle
                                 if (e.target.getAttribute("data-test") !== "resize" && r.props.onSort && r.props.index !== undefined) {
-                    var o = r.props, a = o.sortKey, i = o.sortDir, l = o.id, s = o.index, c = o.columnId;
+                    var o = r.props, i = o.sortKey, a = o.sortDir, l = o.id, s = o.index, c = o.columnId;
                     r.props.onSort(e, {
-                        sortKey: a,
-                        sortDir: i,
+                        sortKey: i,
+                        sortDir: a,
                         id: l,
                         columnId: c,
                         index: s
@@ -1985,18 +1985,18 @@
                 (t = (n = r.props).onClick) === null || t === void 0 ? void 0 : t.call(n);
             }));
             un(ln(r), "handleKeyDown", (function(e) {
-                var t = r.props, n = t.columnId, o = t.index, a = t.onKeyDown, i = t.onRequestMoveColumn;
+                var t = r.props, n = t.columnId, o = t.index, i = t.onKeyDown, a = t.onRequestMoveColumn;
                 if (e.target.getAttribute("data-test") !== "resize") {
-                    if ((0, S.keycode)(e.nativeEvent) === "enter") {
+                    if ((0, C.keycode)(e.nativeEvent) === "enter") {
                         r.handleClick(e);
-                    } else if ((0, S.keycode)(e.nativeEvent) === "left" && o !== undefined && o > 0) {
-                        i === null || i === void 0 ? void 0 : i({
+                    } else if ((0, C.keycode)(e.nativeEvent) === "left" && o !== undefined && o > 0) {
+                        a === null || a === void 0 ? void 0 : a({
                             fromIndex: o,
                             toIndex: o - 1,
                             columnId: n
                         });
-                    } else if ((0, S.keycode)(e.nativeEvent) === "right" && o !== undefined) {
-                        i === null || i === void 0 ? void 0 : i({
+                    } else if ((0, C.keycode)(e.nativeEvent) === "right" && o !== undefined) {
+                        a === null || a === void 0 ? void 0 : a({
                             fromIndex: o,
                             toIndex: o + 1,
                             columnId: n
@@ -2004,7 +2004,7 @@
                     }
                 }
                 if (o !== undefined) {
-                    a === null || a === void 0 ? void 0 : a(e, {
+                    i === null || i === void 0 ? void 0 : i(e, {
                         index: o,
                         columnId: n
                     });
@@ -2035,12 +2035,12 @@
         tn(n, [ {
             key: "render",
             value: function e() {
-                var t = this.props, o = t.align, a = t.children, i = t.columnId, l = t.elementRef, s = t.hasActionsHead, c = t.id, u = t.index, d = t.onAutosizeColumn, f = t.onClick, p = t.onDragStart, v = t.onRequestResize, h = t.onSort, y = t.resizable, m = t.showGuideline, g = t.sortDir, w = t.style, x = t.variant, k = t.truncate, S = t.visible, C = t.width, O = t.zIndex;
+                var t = this.props, o = t.align, i = t.children, a = t.columnId, l = t.elementRef, s = t.hasActionsHead, c = t.id, u = t.index, d = t.onAutosizeColumn, f = t.onClick, p = t.onDragStart, v = t.onRequestResize, h = t.onSort, y = t.resizable, m = t.showGuideline, g = t.sortDir, w = t.style, x = t.variant, k = t.truncate, C = t.visible, S = t.width, O = t.zIndex;
                 var E = !!p;
                 var R = !!h && !!g;
                 var D = f !== undefined;
                 var I = Be()(w, {
-                    width: C
+                    width: S
                 });
                 var T = s ? false : k;
                 var j = this.context.headType;
@@ -2050,11 +2050,11 @@
                     ref: l,
                     "aria-sort": h && (this.sortDirAriaMapping[g] || "none"),
                     "data-test": "head-cell",
-                    "data-test-label": Ne()(a) ? a : undefined,
+                    "data-test-label": Ne()(i) ? i : undefined,
                     "data-test-sort-dir": h && g,
-                    id: S ? c : undefined,
+                    id: C ? c : undefined,
                     onClick: h || D ? this.handleClick : undefined,
-                    tabIndex: S && (E || h || D) ? 0 : undefined,
+                    tabIndex: C && (E || h || D) ? 0 : undefined,
                     $dragging: this.state.isDragging || undefined,
                     $clickable: E || R || D,
                     $variant: x,
@@ -2063,20 +2063,20 @@
                 }, b()(this.props, [].concat(Vt(Object.keys(n.propTypes)), [ "id", "style" ])), {
                     onKeyDown: E || h || D ? this.handleKeyDown : undefined
                 }),  r().createElement(Bt, {
-                    label: a,
+                    label: i,
                     align: o,
-                    columnId: i,
+                    columnId: a,
                     hasActionsHead: s,
                     id: c,
                     index: u,
-                    resizable: S && y,
+                    resizable: C && y,
                     onDragStart: p ? this.handleDragStart : undefined,
                     onDragEnd: p ? this.handleDragEnd : undefined,
                     onAutosizeColumn: d,
                     onRequestResize: v,
                     sortDir: h && g,
                     truncate: T,
-                    width: C
+                    width: S
                 }), m !== "none" &&  r().createElement(vt, {
                     $position: m
                 }));
@@ -2087,7 +2087,7 @@
     un(pn, "splunkUiType", "Table.HeadCell");
     un(pn, "propTypes", dn);
     un(pn, "defaultProps", fn);
-    un(pn, "contextType", Kt);
+    un(pn, "contextType", Ft);
     /* harmony default export */    const vn = pn;
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Info"
     const hn = require("@splunk/react-icons/enterprise/Info");
@@ -2114,10 +2114,10 @@
     var xn =  e.n(wn);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
     const kn = require("@splunk/react-ui/Button");
-    var Sn =  e.n(kn);
+    var Cn =  e.n(kn);
     // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const Cn = require("@splunk/react-ui/Dropdown");
-    var On =  e.n(Cn);
+    const Sn = require("@splunk/react-ui/Dropdown");
+    var On =  e.n(Sn);
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
     const En = require("@splunk/react-ui/Tooltip");
     var Rn =  e.n(En);
@@ -2169,12 +2169,12 @@
         return e;
     }
     var qn = {
-        className: a().string,
-        expanded: a().bool
+        className: i().string,
+        expanded: i().bool
     };
     var An = function e(t) {
         var n = t.className, o = t.expanded;
-        var a = (0, P.useSplunkTheme)(), i = a.isEnterprise;
+        var i = (0, P.useSplunkTheme)(), a = i.isEnterprise;
         var l = {
             className: n
         };
@@ -2183,7 +2183,7 @@
             screenReaderText: null
         });
         var c = _n({}, l);
-        var u = i ?  r().createElement(Tn(), s) :  r().createElement(mn(), c);
+        var u = a ?  r().createElement(Tn(), s) :  r().createElement(mn(), c);
         
         return r().createElement("div", {
             "aria-hidden": true,
@@ -2245,29 +2245,29 @@
                 configurable: true
             }
         });
-        if (t) Fn(e, t);
+        if (t) Wn(e, t);
     }
-    function Fn(e, t) {
-        Fn = Object.setPrototypeOf || function e(t, n) {
+    function Wn(e, t) {
+        Wn = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return Fn(e, t);
+        return Wn(e, t);
     }
-    function Kn(e) {
+    function Fn(e) {
         var t = Vn();
         return function n() {
             var r = Gn(e), o;
             if (t) {
-                var a = Gn(this).constructor;
-                o = Reflect.construct(r, arguments, a);
+                var i = Gn(this).constructor;
+                o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
-            return Wn(this, o);
+            return Kn(this, o);
         };
     }
-    function Wn(e, t) {
+    function Kn(e, t) {
         if (t && (Mn(t) === "object" || typeof t === "function")) {
             return t;
         }
@@ -2310,22 +2310,22 @@
         return e;
     }
     var Yn = {
-        activeElementId: a().string,
-        dataId: a().oneOfType([ a().string, a().number ]),
-        index: a().number,
-        onDragEnd: a().func,
-        onDragStart: a().func,
-        onKeyDown: a().func,
-        onRequestMoveRow: a().func,
-        rowSpan: a().number,
-        showRowGuideline: a().oneOf([ "none", "before", "after" ])
+        activeElementId: i().string,
+        dataId: i().oneOfType([ i().string, i().number ]),
+        index: i().number,
+        onDragEnd: i().func,
+        onDragStart: i().func,
+        onKeyDown: i().func,
+        onRequestMoveRow: i().func,
+        rowSpan: i().number,
+        showRowGuideline: i().oneOf([ "none", "before", "after" ])
     };
     var Qn = {
         showRowGuideline: "none"
     };
     var Jn =  function(e) {
         Bn(n, e);
-        var t = Kn(n);
+        var t = Fn(n);
         function n(e) {
             var r;
             $n(this, n);
@@ -2336,7 +2336,7 @@
                 r.el = e;
             }));
             Xn(Un(r), "handleDragStart", (function(e) {
-                var t, n, o, a, i;
+                var t, n, o, i, a;
                 var l = H();
                 e.stopPropagation();
                 if (e.dataTransfer.setDragImage && ((t = r.el) === null || t === void 0 ? void 0 : t.parentElement)) {
@@ -2356,7 +2356,7 @@
                 e.dataTransfer.effectAllowed = "move";
                 e.dataTransfer.setData("text", (n = (o = r.el) === null || o === void 0 ? void 0 : o.textContent) !== null && n !== void 0 ? n : "");
  // Required for Firefox
-                                (a = (i = r.props).onDragStart) === null || a === void 0 ? void 0 : a.call(i, r.props.index, r.props.dataId);
+                                (i = (a = r.props).onDragStart) === null || i === void 0 ? void 0 : i.call(a, r.props.index, r.props.dataId);
             }));
             Xn(Un(r), "handleDragEnd", (function() {
                 var e, t;
@@ -2367,8 +2367,8 @@
                 (e = (t = r.props).onDragEnd) === null || e === void 0 ? void 0 : e.call(t);
             }));
             Xn(Un(r), "handleKeyDown", (function(e) {
-                var t = r.props, n = t.onRequestMoveRow, o = t.index, a = t.dataId, i = t.onKeyDown;
-                var l = (0, S.keycode)(e.nativeEvent);
+                var t = r.props, n = t.onRequestMoveRow, o = t.index, i = t.dataId, a = t.onKeyDown;
+                var l = (0, C.keycode)(e.nativeEvent);
                 if (l === "up" || l === "down") {
                     e.preventDefault();
                 }
@@ -2376,19 +2376,19 @@
                     n === null || n === void 0 ? void 0 : n({
                         fromIndex: o,
                         toIndex: o - 1,
-                        dataId: a
+                        dataId: i
                     });
                 } else if (l === "down" && o !== undefined) {
                     n === null || n === void 0 ? void 0 : n({
                         fromIndex: o,
                         toIndex: o + 1,
-                        dataId: a
+                        dataId: i
                     });
                 }
                 if (o !== undefined) {
-                    i === null || i === void 0 ? void 0 : i(e, {
+                    a === null || a === void 0 ? void 0 : a(e, {
                         index: o,
-                        dataId: a
+                        dataId: i
                     });
                 }
             }));
@@ -2403,8 +2403,8 @@
                 // get handle of the element and add focus
                 var t = this.props, n = t.dataId, r = t.activeElementId;
                 if (n === r) {
-                    var o, a;
-                    (o = this.el) === null || o === void 0 ? void 0 : (a = o.parentElement) === null || a === void 0 ? void 0 : a.focus();
+                    var o, i;
+                    (o = this.el) === null || o === void 0 ? void 0 : (i = o.parentElement) === null || i === void 0 ? void 0 : i.focus();
                 }
             }
         }, {
@@ -2517,10 +2517,10 @@
         prisma: "40px"
     }));
     // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
-    const ar = require("@splunk/react-ui/Switch");
-    var ir =  e.n(ar);
+    const ir = require("@splunk/react-ui/Switch");
+    var ar =  e.n(ir);
     // CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
-    var lr = _()(ir()).withConfig({
+    var lr = _()(ar()).withConfig({
         displayName: "ToggleStyles__StyledSwitch",
         componentId: "sc-1x3ikch-0"
     })([ "margin:", ";justify-content:center;" ], (0, P.pickVariant)("$allRows", {
@@ -2550,9 +2550,9 @@
         var n = ur(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                r = a[o];
+            var i = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < i.length; o++) {
+                r = i[o];
                 if (t.indexOf(r) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
                 n[r] = e[r];
@@ -2564,26 +2564,26 @@
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
-        var o, a;
-        for (a = 0; a < r.length; a++) {
-            o = r[a];
+        var o, i;
+        for (i = 0; i < r.length; i++) {
+            o = r[i];
             if (t.indexOf(o) >= 0) continue;
             n[o] = e[o];
         }
         return n;
     }
     var dr = {
-        allRows: a().bool,
-        disabled: a().bool,
-        onClick: a().func,
-        selected: a().oneOf([ true, false, "some" ])
+        allRows: i().bool,
+        disabled: i().bool,
+        onClick: i().func,
+        selected: i().oneOf([ true, false, "some" ])
     };
     function fr(e) {
-        var t = e.allRows, n = t === void 0 ? false : t, o = e.disabled, a = e.selected, i = a === void 0 ? false : a, l = cr(e, [ "allRows", "disabled", "selected" ]);
+        var t = e.allRows, n = t === void 0 ? false : t, o = e.disabled, i = e.selected, a = i === void 0 ? false : i, l = cr(e, [ "allRows", "disabled", "selected" ]);
         var s = n ? (0, tt._)("No rows selected") : (0, tt._)("Row unselected");
-        if (i === "some") {
+        if (a === "some") {
             s = (0, tt._)("Some rows selected");
-        } else if (i) {
+        } else if (a) {
             s = n ? (0, tt._)("All rows selected") : (0, tt._)("Row selected");
         }
         
@@ -2593,7 +2593,7 @@
             interactive: false,
             disabled: o,
             value: "",
-            selected: i,
+            selected: a,
             "aria-label": s,
             selectedLabel: n ? (0, tt._)("All rows selected") : (0, tt._)("Row selected"),
             unselectedLabel: n ? (0, tt._)("No rows selected") : (0, tt._)("Row unselected"),
@@ -2621,9 +2621,9 @@
         var n = br(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                r = a[o];
+            var i = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < i.length; o++) {
+                r = i[o];
                 if (t.indexOf(r) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
                 n[r] = e[r];
@@ -2635,9 +2635,9 @@
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
-        var o, a;
-        for (a = 0; a < r.length; a++) {
-            o = r[a];
+        var o, i;
+        for (i = 0; i < r.length; i++) {
+            o = r[i];
             if (t.indexOf(o) >= 0) continue;
             n[o] = e[o];
         }
@@ -2687,21 +2687,21 @@
         return function n() {
             var r = Er(e), o;
             if (t) {
-                var a = Er(this).constructor;
-                o = Reflect.construct(r, arguments, a);
+                var i = Er(this).constructor;
+                o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
-            return Sr(this, o);
+            return Cr(this, o);
         };
     }
-    function Sr(e, t) {
+    function Cr(e, t) {
         if (t && (vr(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return Cr(e);
+        return Sr(e);
     }
-    function Cr(e) {
+    function Sr(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
@@ -2758,44 +2758,44 @@
     };
     /** @public */    var Tr = {
         /** @private. Generally passed by Table rather than added directly. */
-        activeElementId: a().string,
-        actionPrimary: a().element,
-        actionsSecondary: a().element,
-        children: a().node,
-        data: a().any,
+        activeElementId: i().string,
+        actionPrimary: i().element,
+        actionsSecondary: i().element,
+        children: i().node,
+        data: i().any,
         /** @private. Generally passed by Table rather than added directly. */
-        dataId: a().oneOfType([ a().string, a().number ]),
-        disabled: a().bool,
+        dataId: i().oneOfType([ i().string, i().number ]),
+        disabled: i().bool,
         /** @private. Generally passed by Table rather than added directly. */
-        draggable: a().bool,
-        elementRef: a().oneOfType([ a().func, a().object ]),
+        draggable: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
         /** @private. */
-        expandable: a().bool,
-        expanded: a().bool,
-        expansionRow: a().oneOfType([ a().element, a().arrayOf(a().element) ]),
+        expandable: i().bool,
+        expanded: i().bool,
+        expansionRow: i().oneOfType([ i().element, i().arrayOf(i().element) ]),
         /** @private. Indicates whether the table has an actions column. */
-        actions: a().bool,
+        actions: i().bool,
         /** @private. Generally passed by `Table` rather than added directly. */
-        index: a().number,
+        index: i().number,
         /** @private. Generally passed by `Table` rather than added directly. */
-        movableColumns: a().bool,
-        onClick: a().func,
+        movableColumns: i().bool,
+        onClick: i().func,
         /** @private. Generally passed by `Table` rather than added directly. */
-        onDragStart: a().func,
-        onExpansion: a().func,
+        onDragStart: i().func,
+        onExpansion: i().func,
         /** @private. This is passed through and works as expected. */
-        onKeyDown: a().func,
+        onKeyDown: i().func,
         /** @private. Generally passed by `Table` rather than added directly. */
-        onRequestMoveRow: a().func,
-        onRequestToggle: a().func,
+        onRequestMoveRow: i().func,
+        onRequestToggle: i().func,
         /** @private. Generally passed by `Table` rather than added directly. */
-        primaryColumnIndex: a().number,
-        rowScreenReaderText: a().string,
-        selected: a().bool,
+        primaryColumnIndex: i().number,
+        rowScreenReaderText: i().string,
+        selected: i().bool,
         /** @private. Generally passed by `Table` rather than added directly. */
-        showRowGuideline: a().oneOf([ "none", "before", "after" ]),
+        showRowGuideline: i().oneOf([ "none", "before", "after" ]),
         /** @private. */
-        stripe: a().oneOf([ "odd", "even", "none" ])
+        stripe: i().oneOf([ "odd", "even", "none" ])
     };
     var jr = {
         stripe: "none",
@@ -2803,17 +2803,17 @@
     };
     var _r =  r().forwardRef((function(e, t) {
         var n = (0, P.useSplunkTheme)(), o = n.isCompact;
-        var a = o ? "20px" : "24px";
+        var i = o ? "20px" : "24px";
         
         return r().createElement(Rn(), Dr({
             content: (0, tt._)("Actions"),
             contentRelationship: "label"
-        }, e),  r().createElement(Sn(), {
+        }, e),  r().createElement(Cn(), {
             appearance: "secondary",
             "data-test": "actions-secondary-toggle",
             icon:  r().createElement(xn(), {
-                height: a,
-                width: a
+                height: i,
+                width: i
             }),
             elementRef: t
         }));
@@ -2824,62 +2824,62 @@
         function o() {
             var e;
             yr(this, o);
-            for (var r = arguments.length, a = new Array(r), i = 0; i < r; i++) {
-                a[i] = arguments[i];
+            for (var r = arguments.length, i = new Array(r), a = 0; a < r; a++) {
+                i[a] = arguments[a];
             }
-            e = t.call.apply(t, [ this ].concat(a));
-            Rr(Cr(e), "elementRef", null);
-            Rr(Cr(e), "handleClick", (function(t) {
+            e = t.call.apply(t, [ this ].concat(i));
+            Rr(Sr(e), "elementRef", null);
+            Rr(Sr(e), "handleClick", (function(t) {
                 var n = e.props, r = n.data, o = n.onClick;
-                var a = t.target;
-                while (a) {
-                    if (e.elementRef === a) {
+                var i = t.target;
+                while (i) {
+                    if (e.elementRef === i) {
                         break;
                     }
  // Ignore clicks on row-actions
-                                        if (a.tagName === "BUTTON" || a.tagName === "A") {
+                                        if (i.tagName === "BUTTON" || i.tagName === "A") {
                         return;
                     }
-                    a = a.parentNode;
+                    i = i.parentNode;
                 }
                 if (!t.defaultPrevented) {
                     o === null || o === void 0 ? void 0 : o(t, r);
                 }
             }));
-            Rr(Cr(e), "handleKeyDown", (function(t) {
-                var n = e.props, r = n.data, o = n.onClick, a = n.onKeyDown;
-                if ((0, S.keycode)(t.nativeEvent) === "enter" && o) {
+            Rr(Sr(e), "handleKeyDown", (function(t) {
+                var n = e.props, r = n.data, o = n.onClick, i = n.onKeyDown;
+                if ((0, C.keycode)(t.nativeEvent) === "enter" && o) {
                     o(t, r);
                 }
-                a === null || a === void 0 ? void 0 : a(t);
+                i === null || i === void 0 ? void 0 : i(t);
             }));
-            Rr(Cr(e), "handleToggle", (function(t) {
-                var n = e.props, r = n.data, o = n.disabled, a = n.onRequestToggle;
+            Rr(Sr(e), "handleToggle", (function(t) {
+                var n = e.props, r = n.data, o = n.disabled, i = n.onRequestToggle;
                 if (!o) {
                     t.preventDefault();
-                    a === null || a === void 0 ? void 0 : a(t, r);
+                    i === null || i === void 0 ? void 0 : i(t, r);
                 }
             }));
-            Rr(Cr(e), "handleExpansion", (function(t) {
+            Rr(Sr(e), "handleExpansion", (function(t) {
                 var n = e.props, r = n.data, o = n.onExpansion;
                 t.preventDefault();
                 o === null || o === void 0 ? void 0 : o(t, r);
             }));
-            Rr(Cr(e), "renderActionPrimary", (function() {
+            Rr(Sr(e), "renderActionPrimary", (function() {
                 var t = e.props.actionPrimary;
                 if (t && t.props.onClick) {
                     
                     return (0, n.cloneElement)(t, {
                         onClick: function n(r) {
-                            var o, a;
+                            var o, i;
                             r.preventDefault();
-                            return (o = (a = t.props).onClick) === null || o === void 0 ? void 0 : o.call(a, r, e.props.data);
+                            return (o = (i = t.props).onClick) === null || o === void 0 ? void 0 : o.call(i, r, e.props.data);
                         }
                     });
                 }
                 return t;
             }));
-            Rr(Cr(e), "renderActionsSecondary", (function() {
+            Rr(Sr(e), "renderActionsSecondary", (function() {
                 var t = e.props.actionsSecondary;
                 if (t && t.props.children) {
                     var r = n.Children.toArray(t.props.children).filter(n.isValidElement);
@@ -2888,9 +2888,9 @@
                             
                             return (0, n.cloneElement)(t, {
                                 onClick: function n(r) {
-                                    var o, a;
+                                    var o, i;
                                     r.preventDefault();
-                                    return (o = (a = t.props).onClick) === null || o === void 0 ? void 0 : o.call(a, r, e.props.data);
+                                    return (o = (i = t.props).onClick) === null || o === void 0 ? void 0 : o.call(i, r, e.props.data);
                                 }
                             });
                         }
@@ -2903,7 +2903,7 @@
                 }
                 return t;
             }));
-            Rr(Cr(e), "handleMount", (function(t) {
+            Rr(Sr(e), "handleMount", (function(t) {
                 A(e.props.elementRef, t);
                 e.elementRef = t;
             }));
@@ -2913,7 +2913,7 @@
             key: "render",
             value: function e() {
                 var t;
-                var o = this.props, a = o.actions, i = o.actionPrimary, l = o.actionsSecondary, s = o.activeElementId, c = o.children, u = o.dataId, d = o.disabled, f = o.draggable, p = o.elementRef, v = o.expandable, h = o.expanded, y = o.expansionRow, m = o.index, g = o.movableColumns, w = o.onClick, x = o.onDragStart, k = o.onExpansion, S = o.onRequestMoveRow, C = o.onRequestToggle, O = o.primaryColumnIndex, E = o.rowScreenReaderText, R = o.selected, D = o.showRowGuideline, I = o.stripe, T = hr(o, [ "actions", "actionPrimary", "actionsSecondary", "activeElementId", "children", "dataId", "disabled", "draggable", "elementRef", "expandable", "expanded", "expansionRow", "index", "movableColumns", "onClick", "onDragStart", "onExpansion", "onRequestMoveRow", "onRequestToggle", "primaryColumnIndex", "rowScreenReaderText", "selected", "showRowGuideline", "stripe" ]);
+                var o = this.props, i = o.actions, a = o.actionPrimary, l = o.actionsSecondary, s = o.activeElementId, c = o.children, u = o.dataId, d = o.disabled, f = o.draggable, p = o.elementRef, v = o.expandable, h = o.expanded, y = o.expansionRow, m = o.index, g = o.movableColumns, w = o.onClick, x = o.onDragStart, k = o.onExpansion, C = o.onRequestMoveRow, S = o.onRequestToggle, O = o.primaryColumnIndex, E = o.rowScreenReaderText, R = o.selected, D = o.showRowGuideline, I = o.stripe, T = hr(o, [ "actions", "actionPrimary", "actionsSecondary", "activeElementId", "children", "dataId", "disabled", "draggable", "elementRef", "expandable", "expanded", "expansionRow", "index", "movableColumns", "onClick", "onDragStart", "onExpansion", "onRequestMoveRow", "onRequestToggle", "primaryColumnIndex", "rowScreenReaderText", "selected", "showRowGuideline", "stripe" ]);
                 var j = !w ? n.Children.toArray(c).map((function(e) {
                     
                     return (0, n.cloneElement)(e, {
@@ -2948,7 +2948,7 @@
                 
                 return r().createElement(z, Dr({
                     "data-test": "row",
-                    "data-test-selected": C ? R : undefined,
+                    "data-test-selected": S ? R : undefined,
                     $clickable: !!w,
                     "data-has-movable-columns": g ? "true" : undefined,
                     disabled: !!d,
@@ -2958,17 +2958,17 @@
                 }, b()(T, "data"), {
                     onClick: w ? this.handleClick : undefined,
                     onKeyDown: this.handleKeyDown,
-                    $rowSelected: !!(C && R)
+                    $rowSelected: !!(S && R)
                 }), f &&  r().createElement(Zn, {
                     activeElementId: s,
                     dataId: u,
                     "data-movable-column": $,
                     index: m,
-                    onRequestMoveRow: S,
+                    onRequestMoveRow: C,
                     onDragStart: x,
                     rowSpan: M,
                     showRowGuideline: D
-                }), C &&  r().createElement(H, {
+                }), S &&  r().createElement(H, {
                     "aria-label": (0, Dn.sprintf)((0, tt._)("%(rowLabelValue)s %(selectedString)s"), {
                         rowLabelValue: _,
                         selectedString: A
@@ -3000,19 +3000,19 @@
                 })), v && !y &&  r().createElement(or, {
                     variant: "expand",
                     "data-movable-column": $
-                }), j, a && !i && !l &&  r().createElement(ze, {
+                }), j, i && !a && !l &&  r().createElement(ze, {
                     align: "right",
                     appearance: d ? "data" : "rowLink",
                     "data-test": "row-actions",
                     variant: "actions",
                     "data-movable-column": $
-                }), (i || l) &&  r().createElement(ze, {
+                }), (a || l) &&  r().createElement(ze, {
                     align: "right",
                     appearance: "rowLink",
                     "data-test": "row-actions",
                     variant: "actions",
                     "data-movable-column": $
-                }, i && this.renderActionPrimary(), l &&  r().createElement(On(), {
+                }, a && this.renderActionPrimary(), l &&  r().createElement(On(), {
                     toggle: N
                 }, this.renderActionsSecondary())));
             }
@@ -3091,12 +3091,12 @@
             Object.defineProperty(e, r.key, r);
         }
     }
-    function Fr(e, t, n) {
+    function Wr(e, t, n) {
         if (t) Br(e.prototype, t);
         if (n) Br(e, n);
         return e;
     }
-    function Kr(e, t) {
+    function Fr(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -3107,22 +3107,22 @@
                 configurable: true
             }
         });
-        if (t) Wr(e, t);
+        if (t) Kr(e, t);
     }
-    function Wr(e, t) {
-        Wr = Object.setPrototypeOf || function e(t, n) {
+    function Kr(e, t) {
+        Kr = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return Wr(e, t);
+        return Kr(e, t);
     }
     function Ur(e) {
         var t = Xr();
         return function n() {
             var r = Yr(e), o;
             if (t) {
-                var a = Yr(this).constructor;
-                o = Reflect.construct(r, arguments, a);
+                var i = Yr(this).constructor;
+                o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
@@ -3173,40 +3173,43 @@
     }
     var Jr = {
         /** @private. */
-        actions: a().arrayOf(a().node),
+        actions: i().arrayOf(i().node),
         /** @private. */
-        actionsColumnWidth: a().number,
-        children: a().node,
+        actionsColumnWidth: i().number,
+        /** @private */
+        cellMinWidth: i().number,
+        children: i().node,
         /** @private. */
-        dragPosition: a().number,
+        dragPosition: i().number,
         /** @private. */
-        dragIndex: a().number,
-        elementRef: a().oneOfType([ a().func, a().object ]),
+        dragIndex: i().number,
+        elementRef: i().oneOfType([ i().func, i().object ]),
         /** @private. */
-        hasDragColumn: a().bool,
+        hasDragColumn: i().bool,
         /** @private. */
-        hasInfoColumn: a().bool,
+        hasInfoColumn: i().bool,
         /** @private. */
-        onAutosizeColumn: a().func,
+        onAutosizeColumn: i().func,
         /** @private. */
-        onDragStart: a().func,
+        onDragStart: i().func,
         /** @private. */
-        onRequestMoveColumn: a().func,
+        onRequestMoveColumn: i().func,
         /** @private. */
-        onRequestResizeColumn: a().func,
+        onRequestResizeColumn: i().func,
         /** @private. */
-        onRequestToggleAllRows: a().func,
+        onRequestToggleAllRows: i().func,
         /** @private. */
-        rowSelection: a().oneOf([ "all", "some", "none" ])
+        rowSelection: i().oneOf([ "all", "some", "none" ])
     };
     var Zr = {
+        cellMinWidth: 60,
         actions: []
     };
     var eo = 3;
     var to = 2;
     var no = 1;
     var ro =  function(e) {
-        Kr(o, e);
+        Fr(o, e);
         var t = Ur(o);
         // @docs-props-type HeadPropsBase
                 function o(e) {
@@ -3215,29 +3218,133 @@
             r = t.call(this, e);
             Qr(Gr(r), "cells", void 0);
             Qr(Gr(r), "el", null);
+            Qr(Gr(r), "providedWidths", []);
             Qr(Gr(r), "onRequestMoveColumn", (function(e) {
-                var t = e.columnId, o = e.fromIndex, a = e.toIndex;
-                if (a < n.Children.toArray(r.props.children).length) {
-                    var i, l;
+                var t = e.columnId, o = e.fromIndex, i = e.toIndex;
+                if (i < n.Children.toArray(r.props.children).length) {
+                    var a, l;
                     // HeadCell never requests less than zero
-                                        (i = (l = r.props).onRequestMoveColumn) === null || i === void 0 ? void 0 : i.call(l, {
+                                        (a = (l = r.props).onRequestMoveColumn) === null || a === void 0 ? void 0 : a.call(l, {
                         fromIndex: o,
-                        toIndex: a,
+                        toIndex: i,
                         columnId: t
                     });
                 }
             }));
+            Qr(Gr(r), "manageResize", (function(e, t) {
+                var n = t.columnId, o = t.id, i = t.index, a = t.width;
+                var l = r.props, s = l.cellMinWidth, c = l.onRequestResizeColumn;
+                var u = r.context.tableContainerWidthWithoutBorders;
+                var d = r.getCellWidths();
+                if (i >= d.length) {
+                    c === null || c === void 0 ? void 0 : c(e, t);
+                    return;
+                }
+                var f = d[i];
+                var p = a - f;
+                if (p <= 0) {
+                    // handle shrinking
+                    if (a >= s) {
+                        c === null || c === void 0 ? void 0 : c(e, t);
+                    } else {
+                        // shrink the cell as small as we can
+                        c === null || c === void 0 ? void 0 : c(e, {
+                            columnId: n,
+                            id: o,
+                            index: i,
+                            width: s
+                        });
+                    }
+                } else {
+                    // handle expansion
+                    var v = [];
+                    var h = 0;
+                    var b = true;
+                    if (r.providedWidths.length !== d.length) {
+                        c === null || c === void 0 ? void 0 : c(e, t);
+                        return;
+                    }
+                    r.providedWidths.forEach((function(e, t) {
+                        if (e === "auto") {
+                            h += 1;
+                            v.push(t);
+                        }
+                    }));
+                    if (h > 0) {
+                        // if there are auto width cells, check if shrinking them by changePerEachAutoCell make them smaller than cellMinWidth
+                        var y = p / h;
+                        v.every((function(e) {
+                            if (e < d.length && d[e] - y < s) {
+                                b = false;
+                                return false;
+                            }
+                            return true;
+                        }));
+                        if (b) {
+                            c === null || c === void 0 ? void 0 : c(e, t);
+                        } 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;
+                            v.forEach((function(e) {
+                                if (e < d.length) {
+                                    m += Math.max(d[e] - s, 0);
+                                }
+                            }));
+                            var g = d[i] + m;
+                            c === null || c === void 0 ? void 0 : c(e, {
+                                columnId: n,
+                                id: o,
+                                index: i,
+                                width: g
+                            });
+                        }
+                    } else if (u != 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,
+           * the width of the last cell will technically be whatever they made it, but the last cell will get cut off if it extends past
+           * the table container's width.
+           */
+                        var w = d.slice(0, d.length - 1);
+                        var x = w.reduce((function(e, t) {
+                            return e + t;
+                        }));
+                        var k = u - x;
+                        if (k - p >= s) {
+                            c === null || c === void 0 ? void 0 : c(e, t);
+                        } else {
+                            // make the cell as big as we can without letting perceivedWidthOfLastCell go below cellMinWidth
+                            var C = k - s;
+                            var S = f + C;
+                            c === null || c === void 0 ? void 0 : c(e, {
+                                columnId: n,
+                                id: o,
+                                index: i,
+                                width: S
+                            });
+                        }
+                    } else {
+                        /**
+           * If tableContainerWidthWithoutBorders == null, there isn't a way to correctly calculate
+           * 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.
+           */
+                        c === null || c === void 0 ? void 0 : c(e, t);
+                    }
+                }
+            }));
             Qr(Gr(r), "handleMount", (function(e) {
                 r.el = e;
                 A(r.props.elementRef, e);
             }));
             Qr(Gr(r), "handleDragStart", (function(e, t) {
                 var n, o;
-                var a = $();
+                var i = $();
                 r.setState({
                     dragColumnId: t
                 });
-                a.addEventListener("dragend", r.handleDragEnd);
+                i.addEventListener("dragend", r.handleDragEnd);
                 (n = (o = r.props).onDragStart) === null || n === void 0 ? void 0 : n.call(o, {
                     dragIndex: e
                 });
@@ -3249,8 +3356,8 @@
  // The new index is not necessarily the same as the guidelineIndex
                                 var o = t !== undefined && t < n ? n - 1 : n;
                 if (t !== undefined && t !== o) {
-                    var a, i;
-                    (a = (i = r.props).onRequestMoveColumn) === null || a === void 0 ? void 0 : a.call(i, {
+                    var i, a;
+                    (i = (a = r.props).onRequestMoveColumn) === null || i === void 0 ? void 0 : i.call(a, {
                         fromIndex: t,
                         toIndex: o,
                         columnId: e
@@ -3264,7 +3371,7 @@
             if (false) {}
             return r;
         }
-        Fr(o, [ {
+        Wr(o, [ {
             key: "componentDidUpdate",
             value: function e() {
                 if (false) {}
@@ -3279,12 +3386,12 @@
             value: function e() {
                 var t, n, r;
                 var o = $();
-                var a = Array.from((t = (n = this.el) === null || n === void 0 ? void 0 : (r = n.firstElementChild) === null || r === void 0 ? void 0 : r.children) !== null && t !== void 0 ? t : []);
-                var i = a.map((function(e) {
+                var i = Array.from((t = (n = this.el) === null || n === void 0 ? void 0 : (r = n.firstElementChild) === null || r === void 0 ? void 0 : r.children) !== null && t !== void 0 ? t : []);
+                var a = i.map((function(e) {
                     var t = o.getComputedStyle(e);
                     return e.clientWidth - parseFloat(t.getPropertyValue("padding-right")) - parseFloat(t.getPropertyValue("padding-left"));
                 }));
-                return i;
+                return a;
             }
         }, {
             key: "getClientHeight",
@@ -3301,21 +3408,21 @@
             key: "calculateGuideIndex",
             value: function e() {
                 var t, n, r;
-                var o = this.props, a = o.dragIndex, i = o.dragPosition, l = o.hasInfoColumn, s = o.hasDragColumn, c = o.onRequestToggleAllRows;
+                var o = this.props, i = o.dragIndex, a = o.dragPosition, l = o.hasInfoColumn, s = o.hasDragColumn, c = o.onRequestToggleAllRows;
                 if (this.props.dragPosition === undefined || !this.el) {
                     return -1;
                 }
                 this.cells = Array.from((t = (n = this.el) === null || n === void 0 ? void 0 : (r = n.firstElementChild) === null || r === void 0 ? void 0 : r.children) !== null && t !== void 0 ? t : []).slice(l ? 1 : 0).slice(s ? 1 : 0).slice(c ? 1 : 0);
                 var u = E()(this.cells, (function(e) {
                     var t = e.getBoundingClientRect();
-                    return i !== undefined && i > t.left && i < t.right;
+                    return a !== undefined && a > t.left && a < t.right;
                 }));
                 if (u === -1) {
                     // must be too far left or right;
                     var d = this.el.getBoundingClientRect();
-                    return i !== undefined && i < d.left ? 0 : this.cells.length;
+                    return a !== undefined && a < d.left ? 0 : this.cells.length;
                 }
-                if (a !== undefined && u > a) {
+                if (i !== undefined && u > i) {
                     return u + 1;
                 }
                 return u;
@@ -3331,49 +3438,52 @@
             key: "render",
             value: function e() {
                 var t = this;
-                var a = this.props, i = a.actions, l = a.actionsColumnWidth, s = a.children, c = a.hasDragColumn, u = a.hasInfoColumn, d = a.onAutosizeColumn, f = a.onRequestMoveColumn, p = a.onRequestResizeColumn, v = a.onRequestToggleAllRows, h = a.rowSelection;
-                var y = this.context.headType;
-                var m = this.calculateGuideIndex();
-                var g = n.Children.toArray(s).filter(n.isValidElement);
-                var w = g.length + (i.length || l ? 1 : 0);
-                var x = g.map((function(e, r, o) {
-                    var a = "none";
-                    if (m === o.length && r + 1 === o.length) {
-                        a = "after";
-                    } else if (m === r) {
-                        a = "before";
+                var i = this.props, a = i.actions, l = i.actionsColumnWidth, s = i.children, c = i.hasDragColumn, u = i.hasInfoColumn, d = i.onAutosizeColumn, f = i.onRequestMoveColumn, p = i.onRequestResizeColumn, v = i.onRequestToggleAllRows, h = i.rowSelection;
+                var y = this.context, m = y.headType, g = y.resizableFillLayout;
+                var w = this.calculateGuideIndex();
+                var x = n.Children.toArray(s).filter(n.isValidElement);
+                var k = x.length + (a.length || l ? 1 : 0);
+                var C = [];
+                var S = x.map((function(e, r, o) {
+                    var i = "none";
+                    if (w === o.length && r + 1 === o.length) {
+                        i = "after";
+                    } else if (w === r) {
+                        i = "before";
                     }
+                    C.push(e.props.width);
                     
                     return (0, n.cloneElement)(e, {
                         index: r,
-                        showGuideline: a,
-                        onRequestResize: p,
+                        showGuideline: i,
+                        onRequestResize: g ? t.manageResize : p,
                         onDragStart: f ? t.handleDragStart : undefined,
                         onRequestMoveColumn: f ? t.onRequestMoveColumn : undefined,
                         onAutosizeColumn: d,
                         key: e.key || e.props.columnId || r,
-                        zIndex: w - r
+                        zIndex: k - r
                     });
                 }));
-                var k = {
+                this.providedWidths = C;
+                var O = {
                     all: true,
                     none: false,
                     some: "some"
                 };
-                var S = h === undefined ? undefined : k[h];
-                var C = S === "some" ? "mixed" : S;
-                var O = l || 48;
-                var E = y === "fixed" ? "fixed-head" : "head";
+                var E = h === undefined ? undefined : O[h];
+                var R = E === "some" ? "mixed" : E;
+                var D = l || 48;
+                var I = m === "fixed" ? "fixed-head" : "head";
                 
                 return r().createElement(Ar, Nr({
                     ref: this.handleMount,
-                    "data-test": E
+                    "data-test": I
                 }, b()(this.props, Me()(o.propTypes))),  r().createElement(qr, null, c &&  r().createElement(Mr, {
                     key: "drag_rows_head_cell",
                     "data-test": "drag-rows-head-cell",
                     align: "center",
                     resizable: false,
-                    zIndex: w + eo
+                    zIndex: k + eo
                 }), v &&  r().createElement(zr, {
                     key: "toggle_all",
                     "data-test": "toggle-all",
@@ -3383,10 +3493,10 @@
                     variant: "toggleAll",
                     truncate: false,
                     role: "checkbox",
-                    "aria-checked": C,
-                    zIndex: w + to
+                    "aria-checked": R,
+                    zIndex: k + to
                 },  r().createElement(pr, {
-                    selected: S,
+                    selected: E,
                     allRows: true
                 })), u &&  r().createElement(Hr, {
                     key: "more_info_head_cell",
@@ -3394,20 +3504,20 @@
                     align: "center",
                     resizable: false,
                     variant: "info",
-                    zIndex: w + no
-                },  r().createElement(gn, null)), x, i.length > 0 &&  r().createElement(vn, {
+                    zIndex: k + no
+                },  r().createElement(gn, null)), S, a.length > 0 &&  r().createElement(vn, {
                     hasActionsHead: true,
                     key: "actions_head_cell",
                     "data-test": "actions-head-cell",
                     align: "right",
                     resizable: false,
-                    width: O,
+                    width: D,
                     style: {
-                        minWidth: O
+                        minWidth: D
                     },
                     variant: "actions",
                     zIndex: 1
-                }, i), i.length === 0 && l &&  r().createElement(vn, {
+                }, a), a.length === 0 && l &&  r().createElement(vn, {
                     key: "actions_head_cell",
                     "data-test": "actions-head-cell",
                     align: "right",
@@ -3430,14 +3540,14 @@
         } ]);
         return o;
     }(n.Component);
-    Qr(ro, "contextType", Kt);
+    Qr(ro, "contextType", Ft);
     Qr(ro, "splunkUiType", "Table.Head");
     Qr(ro, "propTypes", Jr);
     Qr(ro, "defaultProps", Zr);
     /* harmony default export */    const oo = ro;
     // CONCATENATED MODULE: external "lodash/isFinite"
-    const ao = require("lodash/isFinite");
-    var io =  e.n(ao);
+    const io = require("lodash/isFinite");
+    var ao =  e.n(io);
     // CONCATENATED MODULE: external "lodash/isFunction"
     const lo = require("lodash/isFunction");
     var so =  e.n(lo);
@@ -3515,12 +3625,12 @@
             Object.defineProperty(e, r.key, r);
         }
     }
-    function So(e, t, n) {
+    function Co(e, t, n) {
         if (t) ko(e.prototype, t);
         if (n) ko(e, n);
         return e;
     }
-    function Co(e, t) {
+    function So(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -3545,8 +3655,8 @@
         return function n() {
             var r = To(e), o;
             if (t) {
-                var a = To(this).constructor;
-                o = Reflect.construct(r, arguments, a);
+                var i = To(this).constructor;
+                o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
@@ -3597,50 +3707,50 @@
     }
     /** @public */    var _o = [ "clickAway", "contentClick", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
     var Po = {
-        align: a().oneOf([ "left", "center", "right" ]),
-        canCoverHead: a().bool,
-        children: a().node.isRequired,
-        closeReasons: a().arrayOf(a().oneOf(_o)),
-        columnId: a().any,
-        defaultPlacement: a().oneOf([ "above", "below", "left", "right", "vertical", "horizontal" ]),
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        focusToggleReasons: a().arrayOf(a().oneOf(_o)),
+        align: i().oneOf([ "left", "center", "right" ]),
+        canCoverHead: i().bool,
+        children: i().node.isRequired,
+        closeReasons: i().arrayOf(i().oneOf(_o)),
+        columnId: i().any,
+        defaultPlacement: i().oneOf([ "above", "below", "left", "right", "vertical", "horizontal" ]),
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        focusToggleReasons: i().arrayOf(i().oneOf(_o)),
         /** @private The index of the cell, skipping the info column. */
-        index: a().number,
-        label: a().node,
+        index: i().number,
+        label: i().node,
         /** @private. */
-        onAutosizeColumn: a().func,
+        onAutosizeColumn: i().func,
         /** @private. */
-        onDragStart: a().func,
+        onDragStart: i().func,
         /**
    * @private. This will be passed through, and will work as expected.
    */
-        onKeyDown: a().func,
-        onRequestClose: a().func,
+        onKeyDown: i().func,
+        onRequestClose: i().func,
         /** @private. */
-        onRequestMoveColumn: a().func,
-        onRequestOpen: a().func,
+        onRequestMoveColumn: i().func,
+        onRequestOpen: i().func,
         /** @private. */
-        onRequestResize: a().func,
-        open: a().bool,
-        repositionMode: a().oneOf([ "none", "flip", "any" ]),
-        resizable: a().bool,
-        retainFocus: a().bool,
+        onRequestResize: i().func,
+        open: i().bool,
+        repositionMode: i().oneOf([ "none", "flip", "any" ]),
+        resizable: i().bool,
+        retainFocus: i().bool,
         /** @private. */
-        showGuideline: a().oneOf([ "none", "before", "after" ]),
-        takeFocus: a().bool,
-        truncate: a().bool,
+        showGuideline: i().oneOf([ "none", "before", "after" ]),
+        takeFocus: i().bool,
+        truncate: i().bool,
         /**
    * @private
    * Used internally to suppress focus when this `HeadDropdownCell` is superseded by one in an
    * overlaid `HeadTable` for user interactions.
    */
-        visible: a().bool,
-        width: a().number,
+        visible: i().bool,
+        width: i().number,
         /** @private. */
-        variant: a().oneOf([ "toggleAll", "info", "actions" ]),
+        variant: i().oneOf([ "toggleAll", "info", "actions" ]),
         /** @private. */
-        zIndex: a().number
+        zIndex: i().number
     };
     var qo = {
         align: "left",
@@ -3657,7 +3767,7 @@
         zIndex: 1
     };
     var Ao =  function(e) {
-        Co(n, e);
+        So(n, e);
         var t = Eo(n);
         // @docs-props-type HeadDropdownCellPropsBase
         /**
@@ -3679,7 +3789,7 @@
             }));
             jo(Do(r), "handleRequestClose", (function(e) {
                 var t = e.reason, n = e.event;
-                var o = r.props, a = o.closeReasons, i = o.columnId, l = o.focusToggleReasons, s = o.index, c = o.onRequestClose;
+                var o = r.props, i = o.closeReasons, a = o.columnId, l = o.focusToggleReasons, s = o.index, c = o.onRequestClose;
                 if (t === "clickAway" && n !== undefined) {
                     var u = n.target;
                     while (u) {
@@ -3690,7 +3800,7 @@
                         u = u.parentNode;
                     }
                 }
-                if (r.isOpen() && D()(a, t) && s !== undefined) {
+                if (r.isOpen() && D()(i, t) && s !== undefined) {
                     if (D()(l, t)) {
                         r.focus();
                     }
@@ -3702,7 +3812,7 @@
                     c === null || c === void 0 ? void 0 : c(n, {
                         index: s,
                         reason: t,
-                        columnId: i
+                        columnId: a
                     });
                 }
             }));
@@ -3716,8 +3826,8 @@
                     clientX: e.clientX || undefined
                 });
                 if (r.isOpen()) {
-                    var a, i;
-                    (a = (i = r).handleRequestClose) === null || a === void 0 ? void 0 : a.call(i, {
+                    var i, a;
+                    (i = (a = r).handleRequestClose) === null || i === void 0 ? void 0 : i.call(a, {
                         reason: "toggleClick",
                         event: e
                     });
@@ -3736,18 +3846,18 @@
                 }
             }));
             jo(Do(r), "handleKeyDown", (function(e) {
-                var t = r.props, n = t.columnId, o = t.index, a = t.onKeyDown, i = t.onRequestMoveColumn;
+                var t = r.props, n = t.columnId, o = t.index, i = t.onKeyDown, a = t.onRequestMoveColumn;
                 if (e.target.getAttribute("data-test") !== "resize") {
-                    if ((0, S.keycode)(e.nativeEvent) === "enter") {
+                    if ((0, C.keycode)(e.nativeEvent) === "enter") {
                         r.handleClick(e);
-                    } else if ((0, S.keycode)(e.nativeEvent) === "left" && o !== undefined && o > 0) {
-                        i === null || i === void 0 ? void 0 : i({
+                    } else if ((0, C.keycode)(e.nativeEvent) === "left" && o !== undefined && o > 0) {
+                        a === null || a === void 0 ? void 0 : a({
                             fromIndex: o,
                             toIndex: o - 1,
                             columnId: n
                         });
-                    } else if ((0, S.keycode)(e.nativeEvent) === "right" && o !== undefined) {
-                        i === null || i === void 0 ? void 0 : i({
+                    } else if ((0, C.keycode)(e.nativeEvent) === "right" && o !== undefined) {
+                        a === null || a === void 0 ? void 0 : a({
                             fromIndex: o,
                             toIndex: o + 1,
                             columnId: n
@@ -3755,7 +3865,7 @@
                     }
                 }
                 if (o !== undefined) {
-                    a === null || a === void 0 ? void 0 : a(e, {
+                    i === null || i === void 0 ? void 0 : i(e, {
                         index: o,
                         columnId: n
                     });
@@ -3790,7 +3900,7 @@
             if (false) {}
             return r;
         }
-        So(n, [ {
+        Co(n, [ {
             key: "componentDidUpdate",
             value: function e(t) {
                 if (t.visible && !this.props.visible) {
@@ -3823,13 +3933,13 @@
             key: "render",
             value: function e() {
                 var t, o = this;
-                var a = this.props, i = a.align, l = a.canCoverHead, s = a.children, c = a.closeReasons, u = a.columnId, d = a.defaultPlacement, f = a.id, p = a.index, v = a.label, h = a.onAutosizeColumn, y = a.onDragStart, m = a.onRequestResize, g = a.repositionMode, w = a.resizable, x = a.retainFocus, k = a.showGuideline, S = a.style, C = a.takeFocus, O = a.truncate, E = a.variant, R = a.visible, I = a.width, T = a.zIndex;
+                var i = this.props, a = i.align, l = i.canCoverHead, s = i.children, c = i.closeReasons, u = i.columnId, d = i.defaultPlacement, f = i.id, p = i.index, v = i.label, h = i.onAutosizeColumn, y = i.onDragStart, m = i.onRequestResize, g = i.repositionMode, w = i.resizable, x = i.retainFocus, k = i.showGuideline, C = i.style, S = i.takeFocus, O = i.truncate, E = i.variant, R = i.visible, I = i.width, T = i.zIndex;
                 var j = this.state, _ = j.el, P = j.clientX;
                 var q = f || this.cellId;
                 var A = this.context.headType;
                 
                 return r().createElement(pt, vo({
-                    style: Be()(S, {
+                    style: Be()(C, {
                         width: I
                     }),
                     "data-test": "head-cell",
@@ -3849,7 +3959,7 @@
                     $zIndex: T
                 }),  r().createElement(Bt, {
                     label: v,
-                    align: i,
+                    align: a,
                     columnId: u,
                     id: f,
                     index: p,
@@ -3875,8 +3985,8 @@
                     repositionMode: g,
                     id: this.popoverId,
                     "aria-labelledby": f || this.cellId,
-                    takeFocus: C,
-                    pointTo: P !== undefined && io()(P) ? {
+                    takeFocus: S,
+                    pointTo: P !== undefined && ao()(P) ? {
                         x: P - ((t = _ === null || _ === void 0 ? void 0 : _.getBoundingClientRect().left) !== null && t !== void 0 ? t : 0)
                     } : undefined
                 }, so()(s) ? function() {
@@ -3899,7 +4009,7 @@
     jo(Ao, "possibleCloseReasons", _o);
     jo(Ao, "propTypes", Po);
     jo(Ao, "defaultProps", qo);
-    jo(Ao, "contextType", Kt);
+    jo(Ao, "contextType", Ft);
     /* harmony default export */    const zo = Ao;
     // CONCATENATED MODULE: external "lodash/extend"
     const Ho = require("lodash/extend");
@@ -3935,8 +4045,8 @@
         }
         return Bo(e);
     }
-    function Fo() {
-        Fo = Object.assign || function(e) {
+    function Wo() {
+        Wo = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -3947,16 +4057,16 @@
             }
             return e;
         };
-        return Fo.apply(this, arguments);
+        return Wo.apply(this, arguments);
     }
-    function Ko(e, t) {
+    function Fo(e, t) {
         if (e == null) return {};
-        var n = Wo(e, t);
+        var n = Ko(e, t);
         var r, o;
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                r = a[o];
+            var i = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < i.length; o++) {
+                r = i[o];
                 if (t.indexOf(r) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
                 n[r] = e[r];
@@ -3964,13 +4074,13 @@
         }
         return n;
     }
-    function Wo(e, t) {
+    function Ko(e, t) {
         if (e == null) return {};
         var n = {};
         var r = Object.keys(e);
-        var o, a;
-        for (a = 0; a < r.length; a++) {
-            o = r[a];
+        var o, i;
+        for (i = 0; i < r.length; i++) {
+            o = r[i];
             if (t.indexOf(o) >= 0) continue;
             n[o] = e[o];
         }
@@ -4016,12 +4126,12 @@
         return Yo(e, t);
     }
     function Qo(e) {
-        var t = ea();
+        var t = ei();
         return function n() {
-            var r = ta(e), o;
+            var r = ti(e), o;
             if (t) {
-                var a = ta(this).constructor;
-                o = Reflect.construct(r, arguments, a);
+                var i = ti(this).constructor;
+                o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
@@ -4040,7 +4150,7 @@
         }
         return e;
     }
-    function ea() {
+    function ei() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -4051,13 +4161,13 @@
             return false;
         }
     }
-    function ta(e) {
-        ta = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function ti(e) {
+        ti = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return ta(e);
+        return ti(e);
     }
-    function na(e, t, n) {
+    function ni(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -4070,42 +4180,42 @@
         }
         return e;
     }
-    var ra = {
-        cellWidths: a().arrayOf(a().number).isRequired,
-        dragIndex: a().number,
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        hasDragColumn: a().bool,
-        hasRowExpansion: a().bool,
-        hasRowSelection: a().bool,
-        headType: a().oneOf([ "docked", "fixed" ]).isRequired,
-        horizontalOffset: a().number,
-        isFixedColumn: a().bool,
-        rowSelection: a().oneOf([ "all", "some", "none" ]),
-        tableStyle: a().object,
-        tableWidth: a().number.isRequired,
-        tHead: a().element.isRequired,
-        top: a().number.isRequired,
-        width: a().number.isRequired
+    var ri = {
+        cellWidths: i().arrayOf(i().number).isRequired,
+        dragIndex: i().number,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        hasDragColumn: i().bool,
+        hasRowExpansion: i().bool,
+        hasRowSelection: i().bool,
+        headType: i().oneOf([ "docked", "fixed" ]).isRequired,
+        horizontalOffset: i().number,
+        isFixedColumn: i().bool,
+        rowSelection: i().oneOf([ "all", "some", "none" ]),
+        tableStyle: i().object,
+        tableWidth: i().number.isRequired,
+        tHead: i().element.isRequired,
+        top: i().number.isRequired,
+        width: i().number.isRequired
     };
-    var oa = {
+    var oi = {
         horizontalOffset: 0
     };
     /**
  * @private
  * HeadTable is an internal component that provides a detached table head that can
  * then be positioned in different ways outside of the main table.
- */    var aa =  function(e) {
+ */    var ii =  function(e) {
         Xo(o, e);
         var t = Qo(o);
         function o() {
             var e;
             Uo(this, o);
-            for (var n = arguments.length, r = new Array(n), a = 0; a < n; a++) {
-                r[a] = arguments[a];
+            for (var n = arguments.length, r = new Array(n), i = 0; i < n; i++) {
+                r[i] = arguments[i];
             }
             e = t.call.apply(t, [ this ].concat(r));
-            na(Zo(e), "head", null);
-            na(Zo(e), "handleHeadMount", (function(t) {
+            ni(Zo(e), "head", null);
+            ni(Zo(e), "handleHeadMount", (function(t) {
                 e.head = t;
             }));
             return e;
@@ -4118,7 +4228,7 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, o = t.cellWidths, a = t.elementRef, i = t.hasDragColumn, l = t.hasRowExpansion, s = t.hasRowSelection, c = t.headType, u = t.horizontalOffset, d = t.isFixedColumn, f = t.tableStyle, p = t.tableWidth, v = t.tHead, h = t.top, y = t.width, m = Ko(t, [ "cellWidths", "elementRef", "hasDragColumn", "hasRowExpansion", "hasRowSelection", "headType", "horizontalOffset", "isFixedColumn", "tableStyle", "tableWidth", "tHead", "top", "width" ]);
+                var t = this.props, o = t.cellWidths, i = t.elementRef, a = t.hasDragColumn, l = t.hasRowExpansion, s = t.hasRowSelection, c = t.headType, u = t.horizontalOffset, d = t.isFixedColumn, f = t.tableStyle, p = t.tableWidth, v = t.tHead, h = t.top, y = t.width, m = Fo(t, [ "cellWidths", "elementRef", "hasDragColumn", "hasRowExpansion", "hasRowSelection", "headType", "horizontalOffset", "isFixedColumn", "tableStyle", "tableWidth", "tHead", "top", "width" ]);
                 var g = c === "docked";
                 var w = g ? No : Lo;
                 var x = 0;
@@ -4128,7 +4238,7 @@
                 if (s) {
                     x += 1;
                 }
-                if (i) {
+                if (a) {
                     x += 1;
                 }
  // Set the widths of the head cells if not fixed column
@@ -4141,7 +4251,7 @@
                         })
                     });
                 }));
-                var S =  (0, n.cloneElement)(v, {
+                var C =  (0, n.cloneElement)(v, {
                     ref: this.handleHeadMount,
                     "data-test": "".concat(c, "-head")
                 }, k);
@@ -4151,22 +4261,22 @@
                         top: h,
                         width: y
                     },
-                    ref: a
-                },  r().createElement($o, Fo({
+                    ref: i
+                },  r().createElement($o, Wo({
                     "data-test": "".concat(c, "-head-table"),
                     "data-fixed-column": d ? "true" : undefined,
                     style: Mo()({}, f, {
                         marginLeft: u,
                         width: d ? undefined : p
                     })
-                }, b()(m, "dragIndex")), S));
+                }, b()(m, "dragIndex")), C));
             }
         } ]);
         return o;
     }(n.Component);
-    na(aa, "propTypes", ra);
-    na(aa, "defaultProps", oa);
-    /* harmony default export */    const ia = aa;
+    ni(ii, "propTypes", ri);
+    ni(ii, "defaultProps", oi);
+    /* harmony default export */    const ai = ii;
     // CONCATENATED MODULE: ./src/utils/types.ts
     // see https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31245 for details
     // regarding the css prop. certain (versions of) libraries included in the compilation
@@ -4177,27 +4287,27 @@
     // erroneously included in react-ui's public api.
     // see https://github.com/microsoft/TypeScript/pull/12253
     // see https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html
-    function la(e, t) {
+    function li(e, t) {
         if (e === undefined || e === null) {
             throw new Error(t !== null && t !== void 0 ? t : "Unexpected undefined or null");
         }
     }
     // CONCATENATED MODULE: ./src/Table/Table.tsx
-    function sa(e) {
+    function si(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            sa = function e(t) {
+            si = function e(t) {
                 return typeof t;
             };
         } else {
-            sa = function e(t) {
+            si = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return sa(e);
+        return si(e);
     }
-    function ca() {
-        ca = Object.assign || function(e) {
+    function ci() {
+        ci = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -4208,41 +4318,41 @@
             }
             return e;
         };
-        return ca.apply(this, arguments);
+        return ci.apply(this, arguments);
     }
-    function ua(e) {
-        return va(e) || pa(e) || fa(e) || da();
+    function ui(e) {
+        return vi(e) || pi(e) || fi(e) || di();
     }
-    function da() {
+    function di() {
         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 fa(e, t) {
+    function fi(e, t) {
         if (!e) return;
-        if (typeof e === "string") return ha(e, t);
+        if (typeof e === "string") return hi(e, t);
         var n = Object.prototype.toString.call(e).slice(8, -1);
         if (n === "Object" && e.constructor) n = e.constructor.name;
         if (n === "Map" || n === "Set") return Array.from(e);
-        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return ha(e, t);
+        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return hi(e, t);
     }
-    function pa(e) {
+    function pi(e) {
         if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
     }
-    function va(e) {
-        if (Array.isArray(e)) return ha(e);
+    function vi(e) {
+        if (Array.isArray(e)) return hi(e);
     }
-    function ha(e, t) {
+    function hi(e, t) {
         if (t == null || t > e.length) t = e.length;
         for (var n = 0, r = new Array(t); n < t; n++) {
             r[n] = e[n];
         }
         return r;
     }
-    function ba(e, t) {
+    function bi(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function ya(e, t) {
+    function yi(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || false;
@@ -4251,12 +4361,12 @@
             Object.defineProperty(e, r.key, r);
         }
     }
-    function ma(e, t, n) {
-        if (t) ya(e.prototype, t);
-        if (n) ya(e, n);
+    function mi(e, t, n) {
+        if (t) yi(e.prototype, t);
+        if (n) yi(e, n);
         return e;
     }
-    function ga(e, t) {
+    function gi(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -4267,41 +4377,41 @@
                 configurable: true
             }
         });
-        if (t) wa(e, t);
+        if (t) wi(e, t);
     }
-    function wa(e, t) {
-        wa = Object.setPrototypeOf || function e(t, n) {
+    function wi(e, t) {
+        wi = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return wa(e, t);
+        return wi(e, t);
     }
-    function xa(e) {
-        var t = Ca();
+    function xi(e) {
+        var t = Si();
         return function n() {
-            var r = Oa(e), o;
+            var r = Oi(e), o;
             if (t) {
-                var a = Oa(this).constructor;
-                o = Reflect.construct(r, arguments, a);
+                var i = Oi(this).constructor;
+                o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
             }
-            return ka(this, o);
+            return ki(this, o);
         };
     }
-    function ka(e, t) {
-        if (t && (sa(t) === "object" || typeof t === "function")) {
+    function ki(e, t) {
+        if (t && (si(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return Sa(e);
+        return Ci(e);
     }
-    function Sa(e) {
+    function Ci(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function Ca() {
+    function Si() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -4312,13 +4422,13 @@
             return false;
         }
     }
-    function Oa(e) {
-        Oa = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function Oi(e) {
+        Oi = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return Oa(e);
+        return Oi(e);
     }
-    function Ea(e, t, n) {
+    function Ei(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -4333,28 +4443,28 @@
     }
     // Exposed as static members of the Table class
     // Internal Helper Modules
-    /** @public */    var Ra = {
-        actions: a().arrayOf(a().element),
-        actionsColumnWidth: a().number,
-        children: a().node,
-        dockOffset: a().number,
-        dockScrollBar: a().bool,
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        headType: a().oneOf([ "docked", "fixed", "inline" ]),
-        innerStyle: a().object,
-        onRequestToggleAllRows: a().func,
-        onScroll: a().func,
-        outerStyle: a().object,
-        primaryColumnIndex: a().number,
-        rowExpansion: a().oneOf([ "single", "multi", "controlled", "none" ]),
-        rowSelection: a().oneOf([ "all", "some", "none" ]),
-        stripeRows: a().bool,
-        tableStyle: a().object,
-        onRequestMoveColumn: a().func,
-        onRequestMoveRow: a().func,
-        onRequestResizeColumn: a().func
+    /** @public */    var Ri = {
+        actions: i().arrayOf(i().element),
+        actionsColumnWidth: i().number,
+        children: i().node,
+        dockOffset: i().number,
+        dockScrollBar: i().bool,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        headType: i().oneOf([ "docked", "fixed", "inline" ]),
+        innerStyle: i().object,
+        onRequestToggleAllRows: i().func,
+        onScroll: i().func,
+        outerStyle: i().object,
+        primaryColumnIndex: i().number,
+        rowExpansion: i().oneOf([ "single", "multi", "controlled", "none" ]),
+        rowSelection: i().oneOf([ "all", "some", "none" ]),
+        stripeRows: i().bool,
+        tableStyle: i().object,
+        onRequestMoveColumn: i().func,
+        onRequestMoveRow: i().func,
+        onRequestResizeColumn: i().func
     };
-    var Da = {
+    var Di = {
         actions: [],
         dockOffset: 0,
         headType: "inline",
@@ -4363,10 +4473,10 @@
         resizableFillLayout: false,
         primaryColumnIndex: 0
     };
-    var Ia =  function(e) {
-        ga(o, e);
-        var t = xa(o);
-        ma(o, null, [ {
+    var Ii =  function(e) {
+        gi(o, e);
+        var t = xi(o);
+        mi(o, null, [ {
             key: "getHeadFocusState",
             // @docs-props-type TablePropsBase
             /**
@@ -4383,12 +4493,12 @@
                 if (t === undefined || t === null) {
                     return undefined;
                 }
-                var a = (n = t.getEl()) === null || n === void 0 ? void 0 : n.children[0].children;
-                var i = d()(a, o.activeElement);
-                if (i > -1) {
+                var i = (n = t.getEl()) === null || n === void 0 ? void 0 : n.children[0].children;
+                var a = d()(i, o.activeElement);
+                if (a > -1) {
                     return {
                         target: "headCell",
-                        index: i
+                        index: a
                     };
                 }
                 var l = (r = t.getEl()) === null || r === void 0 ? void 0 : r.querySelectorAll("[data-test=resize]");
@@ -4424,15 +4534,15 @@
             key: "applyHeadFocusState",
             value: function e(t, n) {
                 var r, o;
-                var a = n.target, i = n.index;
+                var i = n.target, a = n.index;
                 if (false) {}
                 var l;
-                if (a === "headCell") {
+                if (i === "headCell") {
                     var s;
-                    l = t === null || t === void 0 ? void 0 : (s = t.getEl()) === null || s === void 0 ? void 0 : s.children[0].children[i];
-                } else if (a === "resizeButton") {
+                    l = t === null || t === void 0 ? void 0 : (s = t.getEl()) === null || s === void 0 ? void 0 : s.children[0].children[a];
+                } else if (i === "resizeButton") {
                     var c;
-                    l = t === null || t === void 0 ? void 0 : (c = t.getEl()) === null || c === void 0 ? void 0 : c.querySelectorAll("[data-test=resize]")[i];
+                    l = t === null || t === void 0 ? void 0 : (c = t.getEl()) === null || c === void 0 ? void 0 : c.querySelectorAll("[data-test=resize]")[a];
                 }
                 if (false) {}
                 (r = l) === null || r === void 0 ? void 0 : (o = r.focus) === null || o === void 0 ? void 0 : o.call(r);
@@ -4440,40 +4550,40 @@
         } ]);
         function o(e) {
             var n;
-            ba(this, o);
+            bi(this, o);
             n = t.call(this, e);
-            Ea(Sa(n), "dockedScrollBar", null);
-            Ea(Sa(n), "head", null);
-            Ea(Sa(n), "headFocusState", void 0);
-            Ea(Sa(n), "headTable", null);
-            Ea(Sa(n), "headTableEl", null);
-            Ea(Sa(n), "scrollSource", void 0);
-            Ea(Sa(n), "table", null);
-            Ea(Sa(n), "tableContainer", null);
-            Ea(Sa(n), "updateDockedHeadState", (function() {
+            Ei(Ci(n), "dockedScrollBar", null);
+            Ei(Ci(n), "head", null);
+            Ei(Ci(n), "headFocusState", void 0);
+            Ei(Ci(n), "headTable", null);
+            Ei(Ci(n), "headTableEl", null);
+            Ei(Ci(n), "scrollSource", void 0);
+            Ei(Ci(n), "table", null);
+            Ei(Ci(n), "tableContainer", null);
+            Ei(Ci(n), "updateDockedHeadState", (function() {
                 var e = $();
                 if (n.isInline()) {
                     return;
                 }
-                var t = Sa(n), r = t.tableContainer, a = t.head, i = t.table;
+                var t = Ci(n), r = t.tableContainer, i = t.head, a = t.table;
                 var l = n.props.dockOffset;
-                if (!i || !a) {
+                if (!a || !i) {
                     return;
                 }
-                var s = a.getCellWidths();
-                var c = a.getClientHeight();
-                var u = o.getOffset(i).top - e.pageYOffset - (c !== null && c !== void 0 ? c : 0) + i.offsetHeight;
+                var s = i.getCellWidths();
+                var c = i.getClientHeight();
+                var u = o.getOffset(a).top - e.pageYOffset - (c !== null && c !== void 0 ? c : 0) + a.offsetHeight;
                 var d = Math.min(u, l);
                 n.setState({
                     width: r === null || r === void 0 ? void 0 : r.clientWidth,
-                    tableWidth: i === null || i === void 0 ? void 0 : i.clientWidth,
+                    tableWidth: a === null || a === void 0 ? void 0 : a.clientWidth,
                     cellWidths: s,
                     top: d
                 });
             }));
-            Ea(Sa(n), "handleScroll", m()(n.updateDockedHeadState, 0));
-            Ea(Sa(n), "handleResize", m()(n.updateDockedHeadState, 50));
-            Ea(Sa(n), "handleContainerScroll", (function(e) {
+            Ei(Ci(n), "handleScroll", m()(n.updateDockedHeadState, 0));
+            Ei(Ci(n), "handleResize", m()(n.updateDockedHeadState, 50));
+            Ei(Ci(n), "handleContainerScroll", (function(e) {
                 var t, r;
                 (t = (r = n.props).onScroll) === null || t === void 0 ? void 0 : t.call(r, e);
                 if ((n.isFixed() || n.headerIsDocked()) && n.tableContainer) {
@@ -4488,7 +4598,7 @@
                     n.scrollSource = undefined;
                 }
             }));
-            Ea(Sa(n), "handleDockedScrollBarScroll", (function() {
+            Ei(Ci(n), "handleDockedScrollBarScroll", (function() {
                 if (n.scrollSource !== "container" && n.tableContainer && n.dockedScrollBar) {
                     n.scrollSource = "dockedScrollBar";
                     n.tableContainer.scrollLeft = n.dockedScrollBar.scrollLeft;
@@ -4496,7 +4606,7 @@
                     n.scrollSource = undefined;
                 }
             }));
-            Ea(Sa(n), "handleDragStart", (function(e) {
+            Ei(Ci(n), "handleDragStart", (function(e) {
                 var t = e.dragIndex;
                 var r = $();
                 n.setState({
@@ -4507,7 +4617,7 @@
                 r.addEventListener("drop", n.handleDrop);
                 r.addEventListener("dragend", n.handleDragEnd);
             }));
-            Ea(Sa(n), "handleDragOver", (function(e) {
+            Ei(Ci(n), "handleDragOver", (function(e) {
                 e.preventDefault();
  // necessary for the drop event to fire
                                 if (e.dataTransfer) {
@@ -4515,27 +4625,27 @@
                 }
                 n.updateDragPosition(e.clientX);
             }));
-            Ea(Sa(n), "handleDragEnter", (function(e) {
+            Ei(Ci(n), "handleDragEnter", (function(e) {
                 e.preventDefault();
  // necessary for the drop event to fire
                                 n.setState({
                     dragPosition: e.clientX
                 });
             }));
-            Ea(Sa(n), "handleDragEnd", (function() {
+            Ei(Ci(n), "handleDragEnd", (function() {
                 n.setState({
                     dragPosition: undefined
                 });
                 n.cleanupDrag();
             }));
-            Ea(Sa(n), "handleDrop", (function(e) {
+            Ei(Ci(n), "handleDrop", (function(e) {
                 e.preventDefault();
  // necessary to prevent cell from animating to original position;
                         }));
-            Ea(Sa(n), "handleHeadMount", (function(e) {
+            Ei(Ci(n), "handleHeadMount", (function(e) {
                 n.head = e;
             }));
-            Ea(Sa(n), "handleHeadTableMount", (function(e) {
+            Ei(Ci(n), "handleHeadTableMount", (function(e) {
                 if (e) {
                     // On mount, focus the applicable docked head cell if a primary head cell was focused.
                     if (n.headFocusState) {
@@ -4552,11 +4662,11 @@
                 }
                 n.headTable = e;
             }));
-            Ea(Sa(n), "handleHeadTableElementMount", (function(e) {
+            Ei(Ci(n), "handleHeadTableElementMount", (function(e) {
                 n.headTableEl = e;
             }));
-            Ea(Sa(n), "handleHeadTableKeyUp", (function(e) {
-                if (!n.headTableEl || !n.tableContainer || (0, S.keycode)(e.nativeEvent) !== "tab") {
+            Ei(Ci(n), "handleHeadTableKeyUp", (function(e) {
+                if (!n.headTableEl || !n.tableContainer || (0, C.keycode)(e.nativeEvent) !== "tab") {
                     return;
                 }
                 var t = n.headTableEl.scrollLeft;
@@ -4565,8 +4675,8 @@
                     n.tableContainer.scrollLeft += t;
                 }
             }));
-            Ea(Sa(n), "handleAutosizeColumn", (function(e, t) {
-                var r, o, a, i;
+            Ei(Ci(n), "handleAutosizeColumn", (function(e, t) {
+                var r, o, i, a;
                 var s = t.index, c = t.columnId;
                 var u = H();
                 if (s === undefined) {
@@ -4590,14 +4700,14 @@
                     p.appendChild(t);
                 }));
                 u.body.appendChild(p);
-                (o = (a = n.props).onRequestResizeColumn) === null || o === void 0 ? void 0 : o.call(a, e, {
+                (o = (i = n.props).onRequestResizeColumn) === null || o === void 0 ? void 0 : o.call(i, e, {
                     index: s,
                     columnId: c,
                     width: p.clientWidth + 1
                 });
-                (i = p.parentNode) === null || i === void 0 ? void 0 : i.removeChild(p);
+                (a = p.parentNode) === null || a === void 0 ? void 0 : a.removeChild(p);
             }));
-            Ea(Sa(n), "updateDragPosition", m()(n.updateDragPositionImpl, 100, {
+            Ei(Ci(n), "updateDragPosition", m()(n.updateDragPositionImpl, 100, {
                 trailing: false
             }));
             n.state = {
@@ -4606,7 +4716,7 @@
             if (false) {}
             return n;
         }
-        ma(o, [ {
+        mi(o, [ {
             key: "componentDidUpdate",
             value: function e(t) {
                 var n = this.head, r = this.headTable;
@@ -4663,20 +4773,20 @@
         }, {
             key: "createHead",
             value: function e(t) {
-                var r = this.props, o = r.actions, a = r.actionsColumnWidth, i = r.onRequestMoveColumn, l = r.onRequestMoveRow, s = r.onRequestResizeColumn, c = r.onRequestToggleAllRows, u = r.rowExpansion, d = r.rowSelection;
+                var r = this.props, o = r.actions, i = r.actionsColumnWidth, a = r.onRequestMoveColumn, l = r.onRequestMoveRow, s = r.onRequestResizeColumn, c = r.onRequestToggleAllRows, u = r.rowExpansion, d = r.rowSelection;
                 var f = this.state.dragIndex;
                 var p = n.Children.toArray(t.props.children).filter(n.isValidElement);
                 var v = o.filter(n.isValidElement);
                 var h =  (0, n.cloneElement)(t, {
                     actions: v,
-                    actionsColumnWidth: a,
+                    actionsColumnWidth: i,
                     dragIndex: f,
                     dragPosition: this.state.dragPosition,
                     hasInfoColumn: u !== "none",
                     hasDragColumn: !!l,
                     onAutosizeColumn: this.handleAutosizeColumn,
-                    onDragStart: i ? this.handleDragStart : undefined,
-                    onRequestMoveColumn: i,
+                    onDragStart: a ? this.handleDragStart : undefined,
+                    onRequestMoveColumn: a,
                     onRequestResizeColumn: s,
                     onRequestToggleAllRows: c,
                     ref: this.handleHeadMount,
@@ -4761,15 +4871,15 @@
                     // Save the current head focus state so that it can be applied to the docked version
                     // after the `HeadTable` mounts.
                     this.headFocusState = o.getHeadFocusState(this.head);
-                    var a = this.state, i = a.cellWidths, l = a.dragIndex, s = a.horizontalOffset, c = a.tableWidth, u = a.top, d = a.width;
-                    if (i === undefined || c === undefined || u === undefined || d === undefined) {
+                    var i = this.state, a = i.cellWidths, l = i.dragIndex, s = i.horizontalOffset, c = i.tableWidth, u = i.top, d = i.width;
+                    if (a === undefined || c === undefined || u === undefined || d === undefined) {
                         return false;
                     }
                     
-                    return r().createElement(ia, {
+                    return r().createElement(ai, {
                         headType: "docked",
                         tHead: t,
-                        cellWidths: i,
+                        cellWidths: a,
                         dragIndex: l,
                         horizontalOffset: s,
                         tableWidth: c,
@@ -4797,8 +4907,8 @@
                 }
                 var o = 0;
                 if (this.dockedScrollBar && this.head && this.table && this.head) {
-                    var a, i;
-                    var l = n.innerHeight - this.table.getBoundingClientRect().top - ((a = (i = this.head.getEl()) === null || i === void 0 ? void 0 : i.offsetHeight) !== null && a !== void 0 ? a : 0);
+                    var i, a;
+                    var l = n.innerHeight - this.table.getBoundingClientRect().top - ((i = (a = this.head.getEl()) === null || a === void 0 ? void 0 : a.offsetHeight) !== null && i !== void 0 ? i : 0);
                     o = Math.min(l - this.dockedScrollBar.offsetHeight, 0);
                 }
                 
@@ -4819,22 +4929,41 @@
                     "data-test": "docked-scroll-content"
                 }));
             }
+        }, {
+            key: "getTableContainerWidthWithoutBorders",
+            value: function e() {
+                /**
+       * 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 (this.head) {
+                    var t;
+                    var n = this.head.getCellWidths();
+                    var r = n.length;
+                    var o = (t = this.tableContainer) === null || t === void 0 ? void 0 : t.clientWidth;
+                    if (o != null) {
+                        var i = Math.max(0, r - 1);
+                        return o - i;
+                    }
+                }
+                return null;
+            }
         }, {
             key: "render",
             value: function e() {
                 var t = this;
-                var a = this.props, i = a.children, l = a.elementRef, s = a.headType, u = a.innerStyle, d = a.onRequestResizeColumn, f = a.onRequestToggleAllRows, p = a.outerStyle, v = a.resizableFillLayout, h = a.rowSelection, y = a.tableStyle;
+                var i = this.props, a = i.children, l = i.elementRef, s = i.headType, u = i.innerStyle, d = i.onRequestResizeColumn, f = i.onRequestToggleAllRows, p = i.outerStyle, v = i.resizableFillLayout, h = i.rowSelection, y = i.tableStyle;
                 var m;
                 var g;
                 var x;
-                var S = !!d;
-                n.Children.toArray(i).forEach((function(e) {
+                var C = !!d;
+                n.Children.toArray(a).forEach((function(e) {
                     var r = e.type.splunkUiType;
                     if (r === "Table.Head") {
                         m = t.createHead(e);
-                        if (!S) {
+                        if (!C) {
                             // if all the HeadCells are fixed width, then the table is fixed.
-                            S = !n.Children.toArray(e.props.children).filter(n.isValidElement).some((function(e) {
+                            C = !n.Children.toArray(e.props.children).filter(n.isValidElement).some((function(e) {
                                 return !c()(e.props, "width");
                             }));
                         }
@@ -4848,8 +4977,8 @@
                         x = e;
                     }
                 }));
-                la(m, "A Table.Head is required.");
-                var O = this.renderHeadTable(m, S);
+                li(m, "A Table.Head is required.");
+                var O = this.renderHeadTable(m, C);
  // When a `headTable` is used, suppress focus interactions in the primary `Head`. Focus
                 // interactions will be handled by the overlaid `headTable` instead.
                                 var E = n.Children.toArray(m.props.children).filter(n.isValidElement).map((function(e) {
@@ -4863,15 +4992,16 @@
                 var R = this.context || $();
                 var D = this.isFixed() ? this.tableContainer : R;
                 if (v) {
-                    S = false;
+                    C = false;
                 }
+                var I = this.getTableContainerWidthWithoutBorders();
                 
-                return r().createElement(ae, ca({
+                return r().createElement(ie, ci({
                     "data-test": "table",
                     ref: l,
                     style: p,
                     "data-test-row-selection": f ? h : undefined
-                }, b()(this.props, [].concat(ua(Object.keys(o.propTypes)), [ "style" ]))),  r().createElement(k(), {
+                }, b()(this.props, [].concat(ui(Object.keys(o.propTypes)), [ "style" ]))),  r().createElement(k(), {
                     target: $(),
                     eventType: "scroll",
                     listener: this.handleScroll,
@@ -4882,17 +5012,19 @@
                 }),  r().createElement(w(), {
                     handleWidth: true,
                     onResize: this.handleResize
-                }),  r().createElement(Kt.Provider, {
+                }),  r().createElement(Ft.Provider, {
                     value: {
-                        headType: s
+                        headType: s,
+                        resizableFillLayout: v,
+                        tableContainerWidthWithoutBorders: I
                     }
-                }, O,  r().createElement(ie, {
+                }, O,  r().createElement(ae, {
                     onScroll: this.handleContainerScroll,
                     ref: function e(n) {
                         t.tableContainer = n;
                     },
                     style: u
-                },  r().createElement(C.ScrollContainerProvider, {
+                },  r().createElement(S.ScrollContainerProvider, {
                     value: D
                 },  r().createElement(le, {
                     ref: function e(n) {
@@ -4900,24 +5032,24 @@
                     },
                     "data-test": "main-table",
                     style: y,
-                    "data-fixed-column": S ? "true" : undefined,
+                    "data-fixed-column": C ? "true" : undefined,
                     $resizableFillLayout: v
                 }, x, m, g))), this.renderDockedScrollbar()));
             }
         } ]);
         return o;
     }(n.Component);
-    Ea(Ia, "propTypes", Ra);
-    Ea(Ia, "contextType", C.ScrollContainerContext);
-    Ea(Ia, "defaultProps", Da);
-    Ea(Ia, "Caption", be);
-    Ea(Ia, "Head", oo);
-    Ea(Ia, "HeadCell", vn);
-    Ea(Ia, "HeadDropdownCell", zo);
-    Ea(Ia, "Body", oe);
-    Ea(Ia, "Row", qr);
-    Ea(Ia, "Cell", ze);
-    /* harmony default export */    const Ta = Ia;
+    Ei(Ii, "propTypes", Ri);
+    Ei(Ii, "contextType", S.ScrollContainerContext);
+    Ei(Ii, "defaultProps", Di);
+    Ei(Ii, "Caption", be);
+    Ei(Ii, "Head", oo);
+    Ei(Ii, "HeadCell", vn);
+    Ei(Ii, "HeadDropdownCell", zo);
+    Ei(Ii, "Body", oe);
+    Ei(Ii, "Row", qr);
+    Ei(Ii, "Cell", ze);
+    /* harmony default export */    const Ti = Ii;
     // CONCATENATED MODULE: ./src/Table/index.ts
     module.exports = t;
     /******/})();