@splunk/react-ui 4.3.0 → 4.5.0

package/Table.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 105);
+/******/ 	return __webpack_require__(__webpack_require__.s = 108);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -276,8 +276,7 @@ module.exports = require("@splunk/ui-utils/keyboard");
 module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
-/* 11 */,
-/* 12 */
+/* 11 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -303,38 +302,39 @@ function updateReactRef(ref, current) {
 
 
 /***/ }),
+/* 12 */,
 /* 13 */,
 /* 14 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
+module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 /* 15 */
 /***/ (function(module, exports) {
 
-module.exports = require("react-event-listener");
+module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 /* 16 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Button");
+module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 /* 17 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Popover");
+module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
-/* 18 */
+/* 18 */,
+/* 19 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Dropdown");
 
 /***/ }),
-/* 19 */,
 /* 20 */,
 /* 21 */,
 /* 22 */,
@@ -459,15 +459,16 @@ module.exports = require("@splunk/react-icons/Caret");
 /* 42 */,
 /* 43 */,
 /* 44 */,
-/* 45 */
+/* 45 */,
+/* 46 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Tooltip");
 
 /***/ }),
-/* 46 */,
 /* 47 */,
-/* 48 */
+/* 48 */,
+/* 49 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -490,19 +491,20 @@ function assertDefined(val, msg) {
 
 
 /***/ }),
-/* 49 */,
 /* 50 */,
 /* 51 */,
 /* 52 */,
 /* 53 */,
-/* 54 */
+/* 54 */,
+/* 55 */,
+/* 56 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoreVertical; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(55);
+/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(57);
 /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -532,20 +534,21 @@ function MoreVertical(props) {
 }
 
 /***/ }),
-/* 55 */
+/* 57 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/MoreVertical");
 
 /***/ }),
-/* 56 */
+/* 58 */,
+/* 59 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronDown; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(57);
+/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60);
 /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -587,25 +590,22 @@ function ChevronDown(props) {
 }
 
 /***/ }),
-/* 57 */
+/* 60 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronDown");
 
 /***/ }),
-/* 58 */,
-/* 59 */,
-/* 60 */,
 /* 61 */,
-/* 62 */
+/* 62 */,
+/* 63 */,
+/* 64 */,
+/* 65 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Switch");
 
 /***/ }),
-/* 63 */,
-/* 64 */,
-/* 65 */,
 /* 66 */,
 /* 67 */,
 /* 68 */,
@@ -636,41 +636,44 @@ module.exports = require("@splunk/react-ui/Switch");
 /* 93 */,
 /* 94 */,
 /* 95 */,
-/* 96 */
+/* 96 */,
+/* 97 */,
+/* 98 */,
+/* 99 */
 /***/ (function(module, exports) {
 
 module.exports = require("react-resize-detector");
 
 /***/ }),
-/* 97 */
+/* 100 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Sort");
+module.exports = require("@splunk/react-icons/SortedDown");
 
 /***/ }),
-/* 98 */
+/* 101 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/SortedDown");
+module.exports = require("@splunk/react-icons/SortedUp");
 
 /***/ }),
-/* 99 */
+/* 102 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/SortedUp");
+module.exports = require("@splunk/react-icons/Sort");
 
 /***/ }),
-/* 100 */
+/* 103 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Info");
 
 /***/ }),
-/* 101 */,
-/* 102 */,
-/* 103 */,
 /* 104 */,
-/* 105 */
+/* 105 */,
+/* 106 */,
+/* 107 */,
+/* 108 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -698,14 +701,14 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
 
-// EXTERNAL MODULE: external "react-event-listener"
-var external_react_event_listener_ = __webpack_require__(15);
-var external_react_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_react_event_listener_);
-
 // EXTERNAL MODULE: external "react-resize-detector"
-var external_react_resize_detector_ = __webpack_require__(96);
+var external_react_resize_detector_ = __webpack_require__(99);
 var external_react_resize_detector_default = /*#__PURE__*/__webpack_require__.n(external_react_resize_detector_);
 
+// EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
+var EventListener_ = __webpack_require__(14);
+var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
+
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
 var keyboard_ = __webpack_require__(9);
 
@@ -728,7 +731,7 @@ var Styled = external_styled_components_default.a.tbody.withConfig({
 })(["", ""], themes_["mixins"].reset('table-row-group'));
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // CONCATENATED MODULE: ./src/Table/Body.tsx
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -776,7 +779,7 @@ var propTypes = {
   movableColumns: external_prop_types_default.a.bool,
 
   /** @private. Generally passed by Table rather than added directly. */
-  rowExpansion: external_prop_types_default.a.oneOf(['single', 'multi', 'none']),
+  rowExpansion: external_prop_types_default.a.oneOf(['single', 'multi', 'none', 'controlled']),
 
   /** @private. Generally passed by Table rather than added directly. */
   onRequestMoveRow: external_prop_types_default.a.func,
@@ -927,7 +930,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "handleRowExpansion",
-    value: function handleRowExpansion(key) {
+    value: function handleRowExpansion(event, key, onExpansion) {
       var current = this.state.expanded;
 
       if (this.props.rowExpansion === 'single') {
@@ -951,6 +954,8 @@ var Body_Body = /*#__PURE__*/function (_Component) {
           });
         }
       }
+
+      onExpansion === null || onExpansion === void 0 ? void 0 : onExpansion(event);
     }
   }, {
     key: "calculateGuideIndex",
@@ -1044,7 +1049,12 @@ var Body_Body = /*#__PURE__*/function (_Component) {
           var key = child.key;
           var oddOrEven = i % 2 ? 'even' : 'odd';
           var stripe = stripeRows ? oddOrEven : 'none';
-          var expanded = Object(external_lodash_["includes"])(_this2.state.expanded, key);
+          var expanded = rowExpansion === 'controlled' ? child.props.expanded : Object(external_lodash_["includes"])(_this2.state.expanded, key);
+
+          var onExpansion = function onExpansion(e) {
+            _this2.handleRowExpansion(e, key, child.props.onExpansion);
+          };
+
           rows.push( /*#__PURE__*/Object(external_react_["cloneElement"])(child, {
             index: i,
             showRowGuideline: showRowGuideline,
@@ -1054,9 +1064,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
             expandable: rowExpansion !== 'none',
             draggable: !!onRequestMoveRow,
             movableColumns: movableColumns,
-            onExpansion: function onExpansion() {
-              return _this2.handleRowExpansion(key);
-            },
+            onExpansion: onExpansion,
             onRequestMoveRow: onRequestMoveRow ? _this2.onRequestMoveRow : undefined,
             onDragStart: onRequestMoveRow ? _this2.handleDragStart : undefined,
             key: child.key || child.props.dataId || i,
@@ -1114,7 +1122,10 @@ var StyledTableContainer = external_styled_components_default.a.div.withConfig({
 var StyledTable = external_styled_components_default.a.table.withConfig({
   displayName: "TableStyles__StyledTable",
   componentId: "sc-1cmfss7-2"
-})(["", ";position:relative;border-collapse:collapse;border-spacing:0;min-width:100%;&[data-fixed-column='true']{table-layout:fixed;min-width:0;width:0;}@media print{width:100%;max-width:100%;table-layout:auto;}"], themes_["mixins"].reset('table'));
+})(["", ";position:relative;border-collapse:collapse;border-spacing:0;min-width:100%;&[data-fixed-column='true']{table-layout:fixed;min-width:0;width:0;}", " @media print{width:100%;max-width:100%;table-layout:auto;}"], themes_["mixins"].reset('table'), function (_ref) {
+  var $resizableFillLayout = _ref.$resizableFillLayout;
+  return $resizableFillLayout && Object(external_styled_components_["css"])(["width:100%;min-width:100%;table-layout:fixed;"]);
+});
 var StyledDockedScrollbar = external_styled_components_default.a.div.withConfig({
   displayName: "TableStyles__StyledDockedScrollbar",
   componentId: "sc-1cmfss7-3"
@@ -1129,8 +1140,8 @@ var StyledTableCaption = external_styled_components_default.a.caption.withConfig
 })(["padding:", ";font-size:", ";caption-side:", ";"], Object(themes_["pick"])({
   enterprise: "".concat(themes_["variables"].spacingQuarter, " 0"),
   prisma: "5px 0"
-}), themes_["variables"].fontSizeLarge, function (_ref) {
-  var side = _ref.side;
+}), themes_["variables"].fontSizeLarge, function (_ref2) {
+  var side = _ref2.side;
   return side;
 });
 
@@ -1394,12 +1405,8 @@ Cell_defineProperty(Cell_Cell, "defaultProps", Cell_defaultProps);
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
 
-// EXTERNAL MODULE: external "@splunk/react-icons/Sort"
-var Sort_ = __webpack_require__(97);
-var Sort_default = /*#__PURE__*/__webpack_require__.n(Sort_);
-
 // EXTERNAL MODULE: external "@splunk/react-icons/SortedDown"
-var SortedDown_ = __webpack_require__(98);
+var SortedDown_ = __webpack_require__(100);
 var SortedDown_default = /*#__PURE__*/__webpack_require__.n(SortedDown_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -1422,7 +1429,7 @@ function Prisma24(_ref) {
   return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], SortedDown_extends({
     viewBox: "0 0 24 24"
   }, otherProps), /*#__PURE__*/external_react_default.a.createElement("path", {
-    d: "M6.55086 12.3369C6.16033 11.9464 5.52717 11.9464 5.13664 12.3369C4.74612 12.7275 4.74612 13.3606 5.13664 13.7512L10.9391 19.5536C11.5249 20.1394 12.4746 20.1394 13.0604 19.5536L18.8628 13.7512C19.2534 13.3606 19.2534 12.7275 18.8628 12.3369C18.4723 11.9464 17.8391 11.9464 17.4486 12.3369L13 16.7855L13 5.00234C13 4.45006 12.5523 4.00234 12 4.00234C11.4477 4.00234 11 4.45006 11 5.00234V16.7861L6.55086 12.3369Z",
+    d: "M6.55086 12.337C6.16033 11.9465 5.52717 11.9465 5.13664 12.337C4.74612 12.7276 4.74612 13.3607 5.13664 13.7512L10.9391 19.5537C11.5249 20.1395 12.4746 20.1395 13.0604 19.5537L18.8628 13.7513C19.2534 13.3607 19.2534 12.7276 18.8628 12.337C18.4723 11.9465 17.8391 11.9465 17.4486 12.337L13 16.7856V5.00244C13 4.45016 12.5523 4.00244 12 4.00244C11.4477 4.00244 11 4.45016 11 5.00244V16.7862L6.55086 12.337Z",
     fill: "currentColor"
   }));
 }
@@ -1433,7 +1440,7 @@ function Prisma16(_ref2) {
   return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], SortedDown_extends({
     viewBox: "0 0 16 16"
   }, otherProps), /*#__PURE__*/external_react_default.a.createElement("path", {
-    d: "M8.98828 10.1858L12.5713 6.60289L13.9855 8.01711L7.98834 14.0142L1.99316 8.01904L3.40737 6.60482L6.98828 10.1857L6.98828 2.02002H8.98828L8.98828 10.1858Z",
+    d: "M8 2C8.55228 2 9 2.44772 9 3V10.0858L11.7929 7.29289C12.1834 6.90237 12.8166 6.90237 13.2071 7.29289C13.5976 7.68342 13.5976 8.31658 13.2071 8.70711L9.06066 12.8536C8.47487 13.4393 7.52513 13.4393 6.93934 12.8536L2.79289 8.70711C2.40237 8.31658 2.40237 7.68342 2.79289 7.29289C3.18342 6.90237 3.81658 6.90237 4.20711 7.29289L7 10.0858V3C7 2.44772 7.44772 2 8 2Z",
     fill: "currentColor"
   }));
 }
@@ -1446,7 +1453,7 @@ function SortedDown(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/SortedUp"
-var SortedUp_ = __webpack_require__(99);
+var SortedUp_ = __webpack_require__(101);
 var SortedUp_default = /*#__PURE__*/__webpack_require__.n(SortedUp_);
 
 // CONCATENATED MODULE: ./src/icons/SortedUp.tsx
@@ -1463,7 +1470,7 @@ function SortedUp_Prisma24(_ref) {
   return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], SortedUp_extends({
     viewBox: "0 0 24 24"
   }, otherProps), /*#__PURE__*/external_react_default.a.createElement("path", {
-    d: "M6.55135 11.6631C6.16082 12.0536 5.52766 12.0536 5.13713 11.6631C4.74661 11.2725 4.74661 10.6394 5.13713 10.2488L10.9396 4.44642C11.5253 3.86064 12.4751 3.86063 13.0609 4.44642L18.8633 10.2488C19.2538 10.6394 19.2538 11.2725 18.8633 11.6631C18.4728 12.0536 17.8396 12.0536 17.4491 11.6631L13 7.21397L13 19.0009C13 19.5532 12.5523 20.0009 12 20.0009C11.4477 20.0009 11 19.5532 11 19.0009V7.21441L6.55135 11.6631Z",
+    d: "M6.55135 11.6631C6.16082 12.0536 5.52766 12.0536 5.13713 11.6631C4.74661 11.2725 4.74661 10.6394 5.13713 10.2488L10.9396 4.44642C11.5253 3.86064 12.4751 3.86063 13.0609 4.44642L18.8633 10.2488C19.2538 10.6394 19.2538 11.2725 18.8633 11.6631C18.4728 12.0536 17.8396 12.0536 17.4491 11.6631L13 7.21397V19.0009C13 19.5532 12.5523 20.0009 12 20.0009C11.4477 20.0009 11 19.5532 11 19.0009V7.21441L6.55135 11.6631Z",
     fill: "currentColor"
   }));
 }
@@ -1474,7 +1481,7 @@ function SortedUp_Prisma16(_ref2) {
   return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], SortedUp_extends({
     viewBox: "0 0 16 16"
   }, otherProps), /*#__PURE__*/external_react_default.a.createElement("path", {
-    d: "M3.40737 9.39518L1.99316 7.98096L7.98834 1.98584L13.9855 7.98289L12.5713 9.39711L8.98828 5.81418L8.98828 13.98H6.98828L6.98828 5.81431L3.40737 9.39518Z",
+    d: "M9 5.91414L11.7929 8.70703C12.1834 9.09756 12.8166 9.09756 13.2071 8.70703C13.5976 8.31651 13.5976 7.68334 13.2071 7.29282L9.06066 3.14637C8.47487 2.56059 7.52513 2.56058 6.93934 3.14637L2.79289 7.29282C2.40237 7.68334 2.40237 8.31651 2.79289 8.70703C3.18342 9.09756 3.81658 9.09756 4.20711 8.70703L7 5.91414V12.9999C7 13.5522 7.44772 13.9999 8 13.9999C8.55228 13.9999 9 13.5522 9 12.9999V5.91414Z",
     fill: "currentColor"
   }));
 }
@@ -1486,11 +1493,52 @@ function SortedUp(props) {
     Prisma24: SortedUp_Prisma24
   }, props));
 }
+// EXTERNAL MODULE: external "@splunk/react-icons/Sort"
+var Sort_ = __webpack_require__(102);
+var Sort_default = /*#__PURE__*/__webpack_require__.n(Sort_);
+
+// CONCATENATED MODULE: ./src/icons/Sort.tsx
+function Sort_extends() { Sort_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Sort_extends.apply(this, arguments); }
+
+
+
+
+
+
+function Sort_Prisma24(_ref) {
+  var otherProps = Sort_extends({}, _ref);
+
+  return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], Sort_extends({
+    viewBox: "0 0 24 24"
+  }, otherProps), /*#__PURE__*/external_react_default.a.createElement("path", {
+    d: "M7.2788 9.00002C6.84609 9.00002 6.61768 9.51239 6.90691 9.83423L11.4078 14.8426C11.6065 15.0637 11.953 15.0636 12.1517 14.8425L16.6499 9.8341C16.939 9.51223 16.7106 9 16.2779 9L7.2788 9.00002Z",
+    fill: "currentColor"
+  }));
+}
+
+function Sort_Prisma16(_ref2) {
+  var otherProps = Sort_extends({}, _ref2);
+
+  return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], Sort_extends({
+    viewBox: "0 0 16 16"
+  }, otherProps), /*#__PURE__*/external_react_default.a.createElement("path", {
+    d: "M6.93934 2.14662C7.52513 1.56083 8.47487 1.56083 9.06066 2.14662L11.7071 4.79306C12.0976 5.18359 12.0976 5.81675 11.7071 6.20728C11.3166 6.5978 10.6834 6.5978 10.2929 6.20728L9 4.91438V11.0859L10.2929 9.79297C10.6834 9.40244 11.3166 9.40244 11.7071 9.79297C12.0976 10.1835 12.0976 10.8167 11.7071 11.2072L9.06066 13.8536C8.47487 14.4394 7.52513 14.4394 6.93934 13.8536L4.29289 11.2072C3.90237 10.8167 3.90237 10.1835 4.29289 9.79297C4.68342 9.40244 5.31658 9.40244 5.70711 9.79297L7 11.0859V4.91438L5.70711 6.20728C5.31658 6.5978 4.68342 6.5978 4.29289 6.20728C3.90237 5.81675 3.90237 5.18359 4.29289 4.79306L6.93934 2.14662Z",
+    fill: "currentColor"
+  }));
+}
+
+function CaretDown(props) {
+  return /*#__PURE__*/external_react_default.a.createElement(ThemedIcon["a" /* default */], Sort_extends({
+    Enterprise: Sort_default.a,
+    Prisma16: Sort_Prisma16,
+    Prisma24: Sort_Prisma24
+  }, props));
+}
 // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
-var CaretDown = __webpack_require__(36);
+var icons_CaretDown = __webpack_require__(36);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
+var ScreenReaderContent_ = __webpack_require__(15);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // CONCATENATED MODULE: ./src/Table/HeadInnerStyles.ts
@@ -1523,10 +1571,7 @@ var StyledMenuIcon = external_styled_components_default.a.span.withConfig({
 var StyledLabel = external_styled_components_default.a.span.withConfig({
   displayName: "HeadInnerStyles__StyledLabel",
   componentId: "sc-1sa0wng-2"
-})(["flex:0 1 auto;position:relative;word-wrap:break-word;word-break:break-word;order:", ";", " ", " ", " ", " ", " + &{margin-left:", ";}"], Object(themes_["pick"])({
-  enterprise: 1,
-  prisma: 2
-}), Object(themes_["pick"])({
+})(["flex:0 1 auto;position:relative;word-wrap:break-word;word-break:break-word;", " ", " ", " ", " ", " + &{margin-left:", ";}"], Object(themes_["pick"])({
   enterprise: function enterprise(_ref) {
     var $align = _ref.$align;
     return $align !== 'right' && Object(external_styled_components_["css"])(["display:flex;justify-content:space-between;"]);
@@ -1592,10 +1637,7 @@ var HeadInnerStyles_Styled = external_styled_components_default.a.div.withConfig
 var StyledSortIcon = external_styled_components_default.a.span.withConfig({
   displayName: "HeadInnerStyles__StyledSortIcon",
   componentId: "sc-1sa0wng-4"
-})(["flex:0 0 auto;order:", ";", ";margin-top:-1px;", " color:", ";", " ", ""], Object(themes_["pick"])({
-  enterprise: 2,
-  prisma: 1
-}), Object(themes_["pick"])({
+})(["flex:0 0 auto;", ";margin-top:-1px;", " color:", ";", ""], Object(themes_["pick"])({
   enterprise: Object(external_styled_components_["css"])(["right:0;"]),
   prisma: Object(external_styled_components_["css"])(["left:0;"])
 }), Object(themes_["pick"])({
@@ -1612,11 +1654,6 @@ var StyledSortIcon = external_styled_components_default.a.span.withConfig({
     enterprise: themes_["variables"].accentColor,
     prisma: themes_["variables"].contentColorDefault
   }));
-}, function (_ref6) {
-  var $sorted = _ref6.$sorted;
-  return !$sorted && Object(themes_["pick"])({
-    prisma: Object(external_styled_components_["css"])(["display:none;"])
-  });
 });
 var StyledResize = external_styled_components_default.a.button.withConfig({
   displayName: "HeadInnerStyles__StyledResize",
@@ -1855,7 +1892,6 @@ function HeadInner_objectWithoutPropertiesLoose(source, excluded) { if (source =
 
 
 
-
 var HeadInner_propTypes = {
   align: external_prop_types_default.a.oneOf(['left', 'center', 'right']),
   columnId: external_prop_types_default.a.any,
@@ -1871,14 +1907,14 @@ var HeadInner_propTypes = {
   resizable: external_prop_types_default.a.bool,
   sortDir: external_prop_types_default.a.string,
   truncate: external_prop_types_default.a.bool,
-  width: external_prop_types_default.a.number
+  width: external_prop_types_default.a.oneOfType([external_prop_types_default.a.number, external_prop_types_default.a.oneOf(['auto'])])
 };
 
 function HeadInner(_ref) {
   var index = _ref.index,
       columnId = _ref.columnId,
       id = _ref.id,
-      width = _ref.width,
+      widthProp = _ref.width,
       onDragEnd = _ref.onDragEnd,
       onAutosizeColumn = _ref.onAutosizeColumn,
       _ref$align = _ref.align,
@@ -1932,20 +1968,44 @@ function HeadInner(_ref) {
       return cloneEl === null || cloneEl === void 0 ? void 0 : cloneEl.remove();
     };
   }, [cloneEl]);
+  var width;
 
-  var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
-      family = _useSplunkTheme.family;
+  if (widthProp === 'auto') {
+    var _el$parentElement;
 
-  var isPrisma = family === 'prisma';
+    var el = ref.current;
+    var rect = el === null || el === void 0 ? void 0 : (_el$parentElement = el.parentElement) === null || _el$parentElement === void 0 ? void 0 : _el$parentElement.getBoundingClientRect();
+    width = rect === null || rect === void 0 ? void 0 : rect.width;
+  } else {
+    width = widthProp;
+  }
 
   var handleResizeKeyDown = function handleResizeKeyDown(e) {
     var key = Object(keyboard_["keycode"])(e.nativeEvent);
 
-    if (onRequestResize === undefined || width === undefined || index === undefined) {
+    if (onRequestResize === undefined || index === undefined) {
+      return;
+    }
+
+    if (widthProp === 'auto') {
+      var _el$parentElement2;
+
+      var _el = ref.current;
+
+      var _rect = _el === null || _el === void 0 ? void 0 : (_el$parentElement2 = _el.parentElement) === null || _el$parentElement2 === void 0 ? void 0 : _el$parentElement2.getBoundingClientRect();
+
+      width = _rect === null || _rect === void 0 ? void 0 : _rect.width;
+    } else {
+      width = widthProp;
+    }
+
+    if (width === undefined) {
       return;
     }
 
     if (key === 'left') {
+      e.preventDefault(); // prevent text selection
+
       var newWidth = Math.max(width - 10, 20);
       onRequestResize(e, {
         index: index,
@@ -1956,6 +2016,8 @@ function HeadInner(_ref) {
     }
 
     if (key === 'right') {
+      e.preventDefault(); // prevent text selection
+
       var _newWidth = width + 10;
 
       onRequestResize(e, {
@@ -1968,6 +2030,22 @@ function HeadInner(_ref) {
   };
 
   var handleStartResize = function handleStartResize(e) {
+    if (widthProp === 'auto') {
+      var _el2$parentElement;
+
+      var _el2 = ref.current;
+
+      var _rect2 = _el2 === null || _el2 === void 0 ? void 0 : (_el2$parentElement = _el2.parentElement) === null || _el2$parentElement === void 0 ? void 0 : _el2$parentElement.getBoundingClientRect();
+
+      width = _rect2 === null || _rect2 === void 0 ? void 0 : _rect2.width;
+    } else {
+      width = widthProp;
+    }
+
+    if (width === undefined) {
+      return;
+    }
+
     e.preventDefault(); // prevent text selection
 
     setStartClientX(e.clientX);
@@ -1999,13 +2077,14 @@ function HeadInner(_ref) {
     var el = ref.current;
 
     if (e.dataTransfer.setDragImage && (el === null || el === void 0 ? void 0 : el.parentElement)) {
-      var rect = el.parentElement.getBoundingClientRect();
+      var _rect3 = el.parentElement.getBoundingClientRect();
+
       var clone = el.cloneNode(true);
-      clone.style.width = "".concat(rect.width, "px");
-      clone.style.height = "".concat(rect.height, "px");
+      clone.style.width = "".concat(_rect3.width, "px");
+      clone.style.height = "".concat(_rect3.height, "px");
       clone.setAttribute('data-helper', 'true');
       document.body.appendChild(clone);
-      e.dataTransfer.setDragImage(clone, e.clientX - rect.left, e.clientY - rect.top);
+      e.dataTransfer.setDragImage(clone, e.clientX - _rect3.left, e.clientY - _rect3.top);
       setIsDragging(true);
       setCloneEl(clone);
     }
@@ -2041,11 +2120,15 @@ function HeadInner(_ref) {
     $align: align,
     $draggable: draggable,
     $dragging: !!isDragging
-  }, Object(external_lodash_["omit"])(otherProps, [].concat(_toConsumableArray(Object.keys(HeadInner.propTypes)), ['id']))), isResizing && /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {
-    target: "window",
-    onMouseUp: handleEndResize,
-    onMouseMove: handleResize
-  }), onRequestResize && resizable && /*#__PURE__*/external_react_default.a.createElement(StyledResize, {
+  }, Object(external_lodash_["omit"])(otherProps, [].concat(_toConsumableArray(Object.keys(HeadInner.propTypes)), ['id']))), isResizing && /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+    target: window,
+    eventType: "mouseup",
+    listener: handleEndResize
+  }), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+    target: window,
+    eventType: "mousemove",
+    listener: handleResize
+  })), onRequestResize && resizable && /*#__PURE__*/external_react_default.a.createElement(StyledResize, {
     onMouseDown: handleStartResize,
     onDoubleClick: handleDoubleClick,
     onKeyDown: handleResizeKeyDown,
@@ -2053,23 +2136,18 @@ function HeadInner(_ref) {
   }), draggable && /*#__PURE__*/external_react_default.a.createElement(StyledDragContainer, null, /*#__PURE__*/external_react_default.a.createElement(Table_DragHandle, {
     screenReaderContent: Object(i18n_["_"])('Press left or right arrow key to reorder the columns.')
   })), /*#__PURE__*/external_react_default.a.createElement(StyledLabel, {
-    $sorted: !!sortDir && sortDir !== 'none',
     $align: align,
     $truncate: truncate,
     $fill: isMenu
-  }, label, (isMenu || sortDir && isPrisma) && /*#__PURE__*/external_react_default.a.createElement(StyledMenuIcon, null, /*#__PURE__*/external_react_default.a.createElement(CaretDown["a" /* default */], {
+  }, label, isMenu && /*#__PURE__*/external_react_default.a.createElement(StyledMenuIcon, null, /*#__PURE__*/external_react_default.a.createElement(icons_CaretDown["a" /* default */], {
     enterpriseSize: 0.5,
-    prismaSize: "small" // this icon indicates both "has a menu" in all themes and "is sortable" in Prisma
-    // so we need to avoid having the wrong screenReaderText when the column isn't sortable
+    prismaSize: "small" // this icon indicates "has a menu" in all themes
     ,
-    screenReaderText: sortDir === 'none' && isPrisma ? Object(i18n_["_"])('Click to sort') : undefined
+    screenReaderText: Object(i18n_["_"])('Click to open menu')
   }))), sortDir && /*#__PURE__*/external_react_default.a.createElement(StyledSortIcon, {
     $sorted: sortDir !== 'none'
-  }, sortDir === 'none' && !isPrisma &&
-  /*#__PURE__*/
-  // hideDefaultTooltip causes react-icons to use an aria-label here
-  external_react_default.a.createElement(Sort_default.a, {
-    hideDefaultTooltip: true,
+  }, sortDir === 'none' && /*#__PURE__*/external_react_default.a.createElement(CaretDown, {
+    prismaSize: "small",
     screenReaderText: Object(i18n_["_"])('Click to sort')
   }), sortDir === 'asc' && /*#__PURE__*/external_react_default.a.createElement(SortedUp, {
     prismaSize: "small",
@@ -2175,7 +2253,7 @@ var HeadCell_propTypes = {
    * @private
    */
   visible: external_prop_types_default.a.bool,
-  width: external_prop_types_default.a.number,
+  width: external_prop_types_default.a.oneOfType([external_prop_types_default.a.number, external_prop_types_default.a.oneOf(['auto'])]),
 
   /** @private. */
   variant: external_prop_types_default.a.oneOf(['toggleAll', 'info', 'actions'])
@@ -2368,7 +2446,7 @@ HeadCell_defineProperty(HeadCell_HeadCell, "defaultProps", HeadCell_defaultProps
 
 /* harmony default export */ var Table_HeadCell = (HeadCell_HeadCell);
 // EXTERNAL MODULE: external "@splunk/react-icons/Info"
-var Info_ = __webpack_require__(100);
+var Info_ = __webpack_require__(103);
 var Info_default = /*#__PURE__*/__webpack_require__.n(Info_);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
@@ -2396,22 +2474,22 @@ function HeadExpandRowsIcon() {
   });
 }
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
-var Button_ = __webpack_require__(16);
+var Button_ = __webpack_require__(17);
 var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(18);
+var Dropdown_ = __webpack_require__(19);
 var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
-var Tooltip_ = __webpack_require__(45);
+var Tooltip_ = __webpack_require__(46);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 
 // EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
-var ChevronDown = __webpack_require__(56);
+var ChevronDown = __webpack_require__(59);
 
 // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
-var MoreVertical = __webpack_require__(54);
+var MoreVertical = __webpack_require__(56);
 
 // CONCATENATED MODULE: ./src/Table/RowDragCell.tsx
 function RowDragCell_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { RowDragCell_typeof = function _typeof(obj) { return typeof obj; }; } else { RowDragCell_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return RowDragCell_typeof(obj); }
@@ -2693,7 +2771,7 @@ var StyledCellExpansionDisabled = external_styled_components_default()(Table_Cel
 }));
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Switch"
-var Switch_ = __webpack_require__(62);
+var Switch_ = __webpack_require__(65);
 var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
 
 // CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
@@ -2806,6 +2884,7 @@ function Row_extends() { Row_extends = Object.assign || function (target) { for
 
 
 
+
 var StyledStripeComponents = {
   odd: StyledStripeOdd,
   even: StyledStripeEven,
@@ -2831,8 +2910,6 @@ var Row_propTypes = {
 
   /** @private. */
   expandable: external_prop_types_default.a.bool,
-
-  /** @private. */
   expanded: external_prop_types_default.a.bool,
   expansionRow: external_prop_types_default.a.oneOfType([external_prop_types_default.a.element, external_prop_types_default.a.arrayOf(external_prop_types_default.a.element)]),
 
@@ -2848,8 +2925,6 @@ var Row_propTypes = {
 
   /** @private. Generally passed by `Table` rather than added directly. */
   onDragStart: external_prop_types_default.a.func,
-
-  /** @private. */
   onExpansion: external_prop_types_default.a.func,
 
   /** @private. This is passed through and works as expected. */
@@ -2897,6 +2972,8 @@ var Row_Row = /*#__PURE__*/function (_Component) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
+    Row_defineProperty(Row_assertThisInitialized(_this), "elementRef", null);
+
     Row_defineProperty(Row_assertThisInitialized(_this), "handleClick", function (e) {
       var _this$props = _this.props,
           data = _this$props.data,
@@ -2904,7 +2981,11 @@ var Row_Row = /*#__PURE__*/function (_Component) {
       var el = e.target;
 
       while (el) {
-        // Ignore clicks on row-actions
+        if (_this.elementRef === el) {
+          break;
+        } // Ignore clicks on row-actions
+
+
         if (el.tagName === 'BUTTON' || el.tagName === 'A') {
           return;
         }
@@ -2942,6 +3023,14 @@ var Row_Row = /*#__PURE__*/function (_Component) {
       }
     });
 
+    Row_defineProperty(Row_assertThisInitialized(_this), "handleExpansion", function (e) {
+      var _this$props4 = _this.props,
+          data = _this$props4.data,
+          onExpansion = _this$props4.onExpansion;
+      e.preventDefault();
+      onExpansion === null || onExpansion === void 0 ? void 0 : onExpansion(e, data);
+    });
+
     Row_defineProperty(Row_assertThisInitialized(_this), "renderActionPrimary", function () {
       var actionPrimary = _this.props.actionPrimary;
 
@@ -2950,6 +3039,7 @@ var Row_Row = /*#__PURE__*/function (_Component) {
           onClick: function onClick(e) {
             var _actionPrimary$props$, _actionPrimary$props;
 
+            e.preventDefault();
             return (_actionPrimary$props$ = (_actionPrimary$props = actionPrimary.props).onClick) === null || _actionPrimary$props$ === void 0 ? void 0 : _actionPrimary$props$.call(_actionPrimary$props, e, _this.props.data);
           }
         });
@@ -2969,6 +3059,7 @@ var Row_Row = /*#__PURE__*/function (_Component) {
               onClick: function onClick(e) {
                 var _action$props$onClick, _action$props;
 
+                e.preventDefault();
                 return (_action$props$onClick = (_action$props = action.props).onClick) === null || _action$props$onClick === void 0 ? void 0 : _action$props$onClick.call(_action$props, e, _this.props.data);
               }
             });
@@ -2984,36 +3075,41 @@ var Row_Row = /*#__PURE__*/function (_Component) {
       return actionsSecondary;
     });
 
+    Row_defineProperty(Row_assertThisInitialized(_this), "handleMount", function (el) {
+      Object(updateReactRef["a" /* updateReactRef */])(_this.props.elementRef, el);
+      _this.elementRef = el;
+    });
+
     return _this;
   }
 
   Row_createClass(Row, [{
     key: "render",
     value: function render() {
-      var _this$props4 = this.props,
-          actions = _this$props4.actions,
-          actionPrimary = _this$props4.actionPrimary,
-          actionsSecondary = _this$props4.actionsSecondary,
-          activeElementId = _this$props4.activeElementId,
-          children = _this$props4.children,
-          dataId = _this$props4.dataId,
-          disabled = _this$props4.disabled,
-          draggable = _this$props4.draggable,
-          elementRef = _this$props4.elementRef,
-          expandable = _this$props4.expandable,
-          expanded = _this$props4.expanded,
-          expansionRow = _this$props4.expansionRow,
-          index = _this$props4.index,
-          movableColumns = _this$props4.movableColumns,
-          onClick = _this$props4.onClick,
-          onDragStart = _this$props4.onDragStart,
-          onExpansion = _this$props4.onExpansion,
-          onRequestMoveRow = _this$props4.onRequestMoveRow,
-          onRequestToggle = _this$props4.onRequestToggle,
-          selected = _this$props4.selected,
-          showRowGuideline = _this$props4.showRowGuideline,
-          stripe = _this$props4.stripe,
-          otherProps = Row_objectWithoutProperties(_this$props4, ["actions", "actionPrimary", "actionsSecondary", "activeElementId", "children", "dataId", "disabled", "draggable", "elementRef", "expandable", "expanded", "expansionRow", "index", "movableColumns", "onClick", "onDragStart", "onExpansion", "onRequestMoveRow", "onRequestToggle", "selected", "showRowGuideline", "stripe"]);
+      var _this$props5 = this.props,
+          actions = _this$props5.actions,
+          actionPrimary = _this$props5.actionPrimary,
+          actionsSecondary = _this$props5.actionsSecondary,
+          activeElementId = _this$props5.activeElementId,
+          children = _this$props5.children,
+          dataId = _this$props5.dataId,
+          disabled = _this$props5.disabled,
+          draggable = _this$props5.draggable,
+          elementRef = _this$props5.elementRef,
+          expandable = _this$props5.expandable,
+          expanded = _this$props5.expanded,
+          expansionRow = _this$props5.expansionRow,
+          index = _this$props5.index,
+          movableColumns = _this$props5.movableColumns,
+          onClick = _this$props5.onClick,
+          onDragStart = _this$props5.onDragStart,
+          onExpansion = _this$props5.onExpansion,
+          onRequestMoveRow = _this$props5.onRequestMoveRow,
+          onRequestToggle = _this$props5.onRequestToggle,
+          selected = _this$props5.selected,
+          showRowGuideline = _this$props5.showRowGuideline,
+          stripe = _this$props5.stripe,
+          otherProps = Row_objectWithoutProperties(_this$props5, ["actions", "actionPrimary", "actionsSecondary", "activeElementId", "children", "dataId", "disabled", "draggable", "elementRef", "expandable", "expanded", "expansionRow", "index", "movableColumns", "onClick", "onDragStart", "onExpansion", "onRequestMoveRow", "onRequestToggle", "selected", "showRowGuideline", "stripe"]);
 
       var childrenCloned = !onClick ? external_react_["Children"].toArray(children).map(function (child) {
         return /*#__PURE__*/Object(external_react_["cloneElement"])(child, {
@@ -3038,7 +3134,7 @@ var Row_Row = /*#__PURE__*/function (_Component) {
         "data-has-movable-columns": movableColumns ? 'true' : undefined,
         disabled: !!disabled,
         $expandable: !!expandable,
-        ref: elementRef,
+        ref: this.handleMount,
         tabIndex: onClick ? 0 : undefined
       }, otherProps, {
         onClick: onClick ? this.handleClick : undefined,
@@ -3073,7 +3169,7 @@ var Row_Row = /*#__PURE__*/function (_Component) {
         "data-movable-column": dataMovableColumn,
         "data-test": "expand",
         expand: expanded,
-        onClick: onExpansion,
+        onClick: this.handleExpansion,
         rowSpan: rowSpan,
         variant: "expand"
       }, /*#__PURE__*/external_react_default.a.createElement("div", {
@@ -3323,10 +3419,11 @@ var Head_Head = /*#__PURE__*/function (_Component) {
       var _this$el$firstElement, _this$el, _this$el$firstElement2;
 
       var headRowCells = Array.from((_this$el$firstElement = (_this$el = this.el) === null || _this$el === void 0 ? void 0 : (_this$el$firstElement2 = _this$el.firstElementChild) === null || _this$el$firstElement2 === void 0 ? void 0 : _this$el$firstElement2.children) !== null && _this$el$firstElement !== void 0 ? _this$el$firstElement : []);
-      return headRowCells.map(function (el) {
+      var result = headRowCells.map(function (el) {
         var computedStyle = window.getComputedStyle(el);
         return el.clientWidth - parseFloat(computedStyle.getPropertyValue('padding-right')) - parseFloat(computedStyle.getPropertyValue('padding-left'));
       });
+      return result;
     }
   }, {
     key: "getClientHeight",
@@ -3495,7 +3592,7 @@ Head_defineProperty(Head_Head, "defaultProps", Head_defaultProps);
 var id_ = __webpack_require__(10);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(17);
+var Popover_ = __webpack_require__(16);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // CONCATENATED MODULE: ./src/Table/HeadDropdownCell.tsx
@@ -4106,11 +4203,11 @@ var HeadTable_HeadTable = /*#__PURE__*/function (_Component) {
         ref: elementRef
       }, /*#__PURE__*/external_react_default.a.createElement(HeadTableStyles_Styled, HeadTable_extends({
         "data-test": "".concat(headType, "-head-table"),
+        "data-fixed-column": isFixedColumn ? 'true' : undefined,
         style: Object(external_lodash_["extend"])({}, tableStyle, {
           marginLeft: horizontalOffset,
           width: isFixedColumn ? undefined : tableWidth
-        }),
-        "data-fixed-column": isFixedColumn ? 'true' : undefined
+        })
       }, Object(external_lodash_["omit"])(otherProps, 'dragIndex')), clonedTHead));
     }
   }]);
@@ -4124,7 +4221,7 @@ HeadTable_defineProperty(HeadTable_HeadTable, "defaultProps", HeadTable_defaultP
 
 /* harmony default export */ var Table_HeadTable = (HeadTable_HeadTable);
 // EXTERNAL MODULE: ./src/utils/types.ts
-var types = __webpack_require__(48);
+var types = __webpack_require__(49);
 
 // CONCATENATED MODULE: ./src/Table/Table.tsx
 function Table_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Table_typeof = function _typeof(obj) { return typeof obj; }; } else { Table_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Table_typeof(obj); }
@@ -4198,7 +4295,7 @@ var Table_propTypes = {
   onRequestToggleAllRows: external_prop_types_default.a.func,
   onScroll: external_prop_types_default.a.func,
   outerStyle: external_prop_types_default.a.object,
-  rowExpansion: external_prop_types_default.a.oneOf(['single', 'multi', 'none']),
+  rowExpansion: external_prop_types_default.a.oneOf(['single', 'multi', 'controlled', 'none']),
   rowSelection: external_prop_types_default.a.oneOf(['all', 'some', 'none']),
   stripeRows: external_prop_types_default.a.bool,
   tableStyle: external_prop_types_default.a.object,
@@ -4211,7 +4308,8 @@ var Table_defaultProps = {
   dockOffset: 0,
   headType: 'inline',
   rowExpansion: 'none',
-  rowSelection: 'none'
+  rowSelection: 'none',
+  resizableFillLayout: false
 };
 
 var Table_Table = /*#__PURE__*/function (_Component) {
@@ -4666,6 +4764,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
       var showDockedHeader = this.showDockedHeader();
 
       if ((this.showFixed() || showDockedHeader) && this.props.headType !== 'inline') {
+        // FIXME: handle inline
         if (showDockedHeader) {
           // Save the current head focus state so that it can be applied to the docked version
           // after the `HeadTable` mounts.
@@ -4753,6 +4852,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
           onRequestResizeColumn = _this$props4.onRequestResizeColumn,
           onRequestToggleAllRows = _this$props4.onRequestToggleAllRows,
           outerStyle = _this$props4.outerStyle,
+          resizableFillLayout = _this$props4.resizableFillLayout,
           rowSelection = _this$props4.rowSelection,
           tableStyle = _this$props4.tableStyle;
       var tHead;
@@ -4795,16 +4895,26 @@ var Table_Table = /*#__PURE__*/function (_Component) {
         );
       });
       tHead = /*#__PURE__*/Object(external_react_["cloneElement"])(tHead, {}, headCells);
-      var defaultScrollContainer = this.context || 'window';
+      var defaultScrollContainer = this.context || window;
       var scrollContainer = this.isFixed() ? this.tableContainer : defaultScrollContainer;
+
+      if (resizableFillLayout) {
+        isFixedColumn = false;
+      }
+
       return /*#__PURE__*/external_react_default.a.createElement(TableStyles_Styled, Table_extends({
         "data-test": "table",
         ref: elementRef,
         style: outerStyle,
         "data-test-row-selection": onRequestToggleAllRows ? rowSelection : undefined
-      }, Object(external_lodash_["omit"])(this.props, [].concat(Table_toConsumableArray(Object.keys(Table.propTypes)), ['style']))), /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {
-        target: "window",
-        onScroll: this.handleScroll
+      }, Object(external_lodash_["omit"])(this.props, [].concat(Table_toConsumableArray(Object.keys(Table.propTypes)), ['style']))), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+        target: window,
+        eventType: "scroll",
+        listener: this.handleScroll,
+        options: {
+          passive: false,
+          capture: true
+        }
       }), /*#__PURE__*/external_react_default.a.createElement(external_react_resize_detector_default.a, {
         handleWidth: true,
         onResize: this.handleResize
@@ -4822,7 +4932,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
         },
         "data-test": "main-table",
         style: tableStyle,
-        "data-fixed-column": isFixedColumn ? 'true' : undefined
+        "data-fixed-column": isFixedColumn ? 'true' : undefined,
+        $resizableFillLayout: resizableFillLayout
       }, tCaption, tHead, tBody))), this.renderDockedScrollbar());
     }
   }]);