@splunk/react-ui 4.14.0 → 4.16.0

package/Table.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 115);
+/******/ 	return __webpack_require__(__webpack_require__.s = 164);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -113,13 +113,13 @@ module.exports = require("styled-components");
 /* 4 */
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 /* 5 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/i18n");
+module.exports = require("lodash/omit");
 
 /***/ }),
 /* 6 */
@@ -271,6 +271,18 @@ module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 /* 10 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/keys");
+
+/***/ }),
+/* 11 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/has");
+
+/***/ }),
+/* 12 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -296,46 +308,45 @@ function updateReactRef(ref, current) {
 
 
 /***/ }),
-/* 11 */
+/* 13 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
-/* 12 */,
-/* 13 */,
-/* 14 */
+/* 14 */,
+/* 15 */,
+/* 16 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
-/* 15 */
+/* 17 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
-/* 16 */
+/* 18 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Button");
+module.exports = require("lodash/includes");
 
 /***/ }),
-/* 17 */,
-/* 18 */
+/* 19 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Popover");
+module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
-/* 19 */
+/* 20 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
 /* unused harmony export ssrWindow */
-/* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27);
+/* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
 /* eslint-disable @typescript-eslint/no-empty-function */
 
 var ssrWindow = {
@@ -404,19 +415,34 @@ function getWindow() {
 
 
 /***/ }),
-/* 20 */
+/* 21 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Dropdown");
+module.exports = require("lodash/isFinite");
 
 /***/ }),
-/* 21 */,
 /* 22 */,
-/* 23 */,
-/* 24 */,
-/* 25 */,
+/* 23 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Popover");
+
+/***/ }),
+/* 24 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Dropdown");
+
+/***/ }),
+/* 25 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/isString");
+
+/***/ }),
 /* 26 */,
-/* 27 */
+/* 27 */,
+/* 28 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -486,15 +512,27 @@ function getDocument() {
 
 
 /***/ }),
-/* 28 */,
-/* 29 */
+/* 29 */,
+/* 30 */,
+/* 31 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/throttle");
+
+/***/ }),
+/* 32 */,
+/* 33 */,
+/* 34 */,
+/* 35 */,
+/* 36 */,
+/* 37 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
 /* 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_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(35);
+/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
 /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__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);
@@ -536,34 +574,48 @@ function ChevronRight(props) {
 }
 
 /***/ }),
-/* 30 */,
-/* 31 */,
-/* 32 */,
-/* 33 */,
-/* 34 */,
-/* 35 */
+/* 38 */,
+/* 39 */,
+/* 40 */,
+/* 41 */,
+/* 42 */,
+/* 43 */,
+/* 44 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronRight");
 
 /***/ }),
-/* 36 */,
-/* 37 */,
-/* 38 */,
-/* 39 */
+/* 45 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/format");
+
+/***/ }),
+/* 46 */,
+/* 47 */,
+/* 48 */,
+/* 49 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/extend");
+
+/***/ }),
+/* 50 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScrollContainerContext");
 
 /***/ }),
-/* 40 */
+/* 51 */,
+/* 52 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
 /* 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_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41);
+/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53);
 /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Caret__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);
@@ -593,38 +645,60 @@ function CaretDown(props) {
 }
 
 /***/ }),
-/* 41 */
+/* 53 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Caret");
 
 /***/ }),
-/* 42 */,
-/* 43 */,
-/* 44 */,
-/* 45 */,
-/* 46 */,
-/* 47 */,
-/* 48 */,
-/* 49 */,
-/* 50 */,
-/* 51 */
+/* 54 */,
+/* 55 */,
+/* 56 */,
+/* 57 */,
+/* 58 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/without");
+
+/***/ }),
+/* 59 */,
+/* 60 */,
+/* 61 */,
+/* 62 */,
+/* 63 */,
+/* 64 */,
+/* 65 */,
+/* 66 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronDown");
 
 /***/ }),
-/* 52 */
+/* 67 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Tooltip");
 
 /***/ }),
-/* 53 */,
-/* 54 */,
-/* 55 */,
-/* 56 */,
-/* 57 */
+/* 68 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/isFunction");
+
+/***/ }),
+/* 69 */,
+/* 70 */,
+/* 71 */,
+/* 72 */,
+/* 73 */,
+/* 74 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/isNumber");
+
+/***/ }),
+/* 75 */,
+/* 76 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -647,21 +721,23 @@ function assertDefined(val, msg) {
 
 
 /***/ }),
-/* 58 */,
-/* 59 */,
-/* 60 */,
-/* 61 */,
-/* 62 */,
-/* 63 */,
-/* 64 */,
-/* 65 */
+/* 77 */,
+/* 78 */,
+/* 79 */,
+/* 80 */,
+/* 81 */,
+/* 82 */,
+/* 83 */,
+/* 84 */,
+/* 85 */,
+/* 86 */
 /***/ (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__(66);
+/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(87);
 /* 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);
@@ -691,20 +767,26 @@ function MoreVertical(props) {
 }
 
 /***/ }),
-/* 66 */
+/* 87 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/MoreVertical");
 
 /***/ }),
-/* 67 */
+/* 88 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/indexOf");
+
+/***/ }),
+/* 89 */
 /***/ (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__(51);
+/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66);
 /* 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);
@@ -746,40 +828,18 @@ function ChevronDown(props) {
 }
 
 /***/ }),
-/* 68 */,
-/* 69 */,
-/* 70 */,
-/* 71 */,
-/* 72 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Switch");
-
-/***/ }),
-/* 73 */,
-/* 74 */,
-/* 75 */,
-/* 76 */,
-/* 77 */,
-/* 78 */,
-/* 79 */,
-/* 80 */,
-/* 81 */,
-/* 82 */,
-/* 83 */,
-/* 84 */,
-/* 85 */,
-/* 86 */,
-/* 87 */,
-/* 88 */,
-/* 89 */,
 /* 90 */,
 /* 91 */,
 /* 92 */,
 /* 93 */,
 /* 94 */,
 /* 95 */,
-/* 96 */,
+/* 96 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Switch");
+
+/***/ }),
 /* 97 */,
 /* 98 */,
 /* 99 */,
@@ -790,40 +850,109 @@ module.exports = require("@splunk/react-ui/Switch");
 /* 104 */,
 /* 105 */,
 /* 106 */,
-/* 107 */
+/* 107 */,
+/* 108 */,
+/* 109 */,
+/* 110 */,
+/* 111 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/findIndex");
+
+/***/ }),
+/* 112 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/merge");
+
+/***/ }),
+/* 113 */,
+/* 114 */,
+/* 115 */,
+/* 116 */,
+/* 117 */,
+/* 118 */,
+/* 119 */,
+/* 120 */,
+/* 121 */,
+/* 122 */,
+/* 123 */,
+/* 124 */,
+/* 125 */,
+/* 126 */,
+/* 127 */,
+/* 128 */,
+/* 129 */,
+/* 130 */,
+/* 131 */,
+/* 132 */,
+/* 133 */,
+/* 134 */,
+/* 135 */,
+/* 136 */,
+/* 137 */,
+/* 138 */,
+/* 139 */,
+/* 140 */,
+/* 141 */,
+/* 142 */,
+/* 143 */,
+/* 144 */,
+/* 145 */,
+/* 146 */,
+/* 147 */,
+/* 148 */,
+/* 149 */,
+/* 150 */,
+/* 151 */,
+/* 152 */,
+/* 153 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/forEach");
+
+/***/ }),
+/* 154 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/isEqual");
+
+/***/ }),
+/* 155 */
 /***/ (function(module, exports) {
 
 module.exports = require("react-resize-detector");
 
 /***/ }),
-/* 108 */
+/* 156 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SortedDown");
 
 /***/ }),
-/* 109 */
+/* 157 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SortedUp");
 
 /***/ }),
-/* 110 */
+/* 158 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Sort");
 
 /***/ }),
-/* 111 */
+/* 159 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Info");
 
 /***/ }),
-/* 112 */,
-/* 113 */,
-/* 114 */,
-/* 115 */
+/* 160 */,
+/* 161 */,
+/* 162 */,
+/* 163 */,
+/* 164 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -848,22 +977,58 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(4);
+// EXTERNAL MODULE: external "lodash/forEach"
+var forEach_ = __webpack_require__(153);
+var forEach_default = /*#__PURE__*/__webpack_require__.n(forEach_);
+
+// EXTERNAL MODULE: external "lodash/has"
+var has_ = __webpack_require__(11);
+var has_default = /*#__PURE__*/__webpack_require__.n(has_);
+
+// EXTERNAL MODULE: external "lodash/indexOf"
+var indexOf_ = __webpack_require__(88);
+var indexOf_default = /*#__PURE__*/__webpack_require__.n(indexOf_);
+
+// EXTERNAL MODULE: external "lodash/isEqual"
+var isEqual_ = __webpack_require__(154);
+var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual_);
+
+// EXTERNAL MODULE: external "lodash/isNumber"
+var isNumber_ = __webpack_require__(74);
+
+// EXTERNAL MODULE: external "lodash/omit"
+var omit_ = __webpack_require__(5);
+var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
+
+// EXTERNAL MODULE: external "lodash/throttle"
+var throttle_ = __webpack_require__(31);
+var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
 
 // EXTERNAL MODULE: external "react-resize-detector"
-var external_react_resize_detector_ = __webpack_require__(107);
+var external_react_resize_detector_ = __webpack_require__(155);
 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__(15);
+var EventListener_ = __webpack_require__(17);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
-var ScrollContainerContext_ = __webpack_require__(39);
+var ScrollContainerContext_ = __webpack_require__(50);
+
+// EXTERNAL MODULE: external "lodash/findIndex"
+var findIndex_ = __webpack_require__(111);
+var findIndex_default = /*#__PURE__*/__webpack_require__.n(findIndex_);
+
+// EXTERNAL MODULE: external "lodash/includes"
+var includes_ = __webpack_require__(18);
+var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
+
+// EXTERNAL MODULE: external "lodash/without"
+var without_ = __webpack_require__(58);
+var without_default = /*#__PURE__*/__webpack_require__.n(without_);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -881,10 +1046,10 @@ var Styled = external_styled_components_default.a.tbody.withConfig({
 })(["", " z-index:0;"], themes_["mixins"].reset('table-row-group'));
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(10);
+var updateReactRef = __webpack_require__(12);
 
 // EXTERNAL MODULE: ./src/utils/ssrWindow.ts
-var ssrWindow = __webpack_require__(19);
+var ssrWindow = __webpack_require__(20);
 
 // 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); }
@@ -923,6 +1088,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
+
+
+
 var propTypes = {
   /** @private. Generally passed by Table rather than added directly. */
   actions: external_prop_types_default.a.bool,
@@ -938,6 +1107,9 @@ var propTypes = {
   /** @private. Generally passed by Table rather than added directly. */
   onRequestMoveRow: external_prop_types_default.a.func,
 
+  /** @private. Generally passed by Table rather than added directly. */
+  primaryColumnIndex: external_prop_types_default.a.number,
+
   /** @private. Generally passed by Table rather than added directly. */
   stripeRows: external_prop_types_default.a.bool
 };
@@ -1066,7 +1238,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
       Object(updateReactRef["a" /* updateReactRef */])(_this.props.elementRef, el);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "updateDragPosition", Object(external_lodash_["throttle"])(_this.updateDragPositionImpl, 100, {
+    _defineProperty(_assertThisInitialized(_this), "updateDragPosition", throttle_default()(_this.updateDragPositionImpl, 100, {
       trailing: false
     }));
 
@@ -1089,7 +1261,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
       var current = this.state.expanded;
 
       if (this.props.rowExpansion === 'single') {
-        if (Object(external_lodash_["includes"])(current, key)) {
+        if (includes_default()(current, key)) {
           this.setState({
             expanded: []
           });
@@ -1099,9 +1271,9 @@ var Body_Body = /*#__PURE__*/function (_Component) {
           });
         }
       } else if (this.props.rowExpansion === 'multi') {
-        if (Object(external_lodash_["includes"])(current, key)) {
+        if (includes_default()(current, key)) {
           this.setState({
-            expanded: Object(external_lodash_["without"])(current, key)
+            expanded: without_default()(current, key)
           });
         } else {
           this.setState({
@@ -1124,7 +1296,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
       }
 
       this.rows = Array.from(this.el.children);
-      var overIndex = Object(external_lodash_["findIndex"])(this.rows, function (row) {
+      var overIndex = findIndex_default()(this.rows, function (row) {
         var rect = row.getBoundingClientRect();
         return dragPosition > rect.top && dragPosition < rect.bottom;
       });
@@ -1183,8 +1355,9 @@ var Body_Body = /*#__PURE__*/function (_Component) {
           movableColumns = _this$props3.movableColumns,
           onRequestMoveRow = _this$props3.onRequestMoveRow,
           rowExpansion = _this$props3.rowExpansion,
+          primaryColumnIndex = _this$props3.primaryColumnIndex,
           stripeRows = _this$props3.stripeRows,
-          otherProps = _objectWithoutProperties(_this$props3, ["actions", "children", "movableColumns", "onRequestMoveRow", "rowExpansion", "stripeRows"]);
+          otherProps = _objectWithoutProperties(_this$props3, ["actions", "children", "movableColumns", "onRequestMoveRow", "rowExpansion", "primaryColumnIndex", "stripeRows"]);
 
       var rows = [];
       var guidelineRowIndex = this.calculateGuideIndex();
@@ -1205,7 +1378,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
           var key = child.key;
           var oddOrEven = i % 2 ? 'even' : 'odd';
           var stripe = stripeRows ? oddOrEven : 'none';
-          var expanded = rowExpansion === 'controlled' ? child.props.expanded : Object(external_lodash_["includes"])(_this2.state.expanded, key);
+          var expanded = rowExpansion === 'controlled' ? child.props.expanded : includes_default()(_this2.state.expanded, key);
 
           var onExpansion = function onExpansion(e) {
             _this2.handleRowExpansion(e, key, child.props.onExpansion);
@@ -1220,6 +1393,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
             expandable: rowExpansion !== 'none',
             draggable: !!onRequestMoveRow,
             movableColumns: movableColumns,
+            primaryColumnIndex: primaryColumnIndex,
             onExpansion: onExpansion,
             onRequestMoveRow: onRequestMoveRow ? _this2.onRequestMoveRow : undefined,
             onDragStart: onRequestMoveRow ? _this2.handleDragStart : undefined,
@@ -1558,11 +1732,23 @@ Cell_defineProperty(Cell_Cell, "propTypes", Cell_propTypes);
 Cell_defineProperty(Cell_Cell, "defaultProps", Cell_defaultProps);
 
 /* harmony default export */ var Table_Cell = (Cell_Cell);
+// EXTERNAL MODULE: external "lodash/keys"
+var keys_ = __webpack_require__(10);
+var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
+
+// EXTERNAL MODULE: external "lodash/isString"
+var isString_ = __webpack_require__(25);
+var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
+
+// EXTERNAL MODULE: external "lodash/merge"
+var merge_ = __webpack_require__(112);
+var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
+
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(5);
+var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SortedDown"
-var SortedDown_ = __webpack_require__(108);
+var SortedDown_ = __webpack_require__(156);
 var SortedDown_default = /*#__PURE__*/__webpack_require__.n(SortedDown_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -1609,7 +1795,7 @@ function SortedDown(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/SortedUp"
-var SortedUp_ = __webpack_require__(109);
+var SortedUp_ = __webpack_require__(157);
 var SortedUp_default = /*#__PURE__*/__webpack_require__.n(SortedUp_);
 
 // CONCATENATED MODULE: ./src/icons/SortedUp.tsx
@@ -1650,7 +1836,7 @@ function SortedUp(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/Sort"
-var Sort_ = __webpack_require__(110);
+var Sort_ = __webpack_require__(158);
 var Sort_default = /*#__PURE__*/__webpack_require__.n(Sort_);
 
 // CONCATENATED MODULE: ./src/icons/Sort.tsx
@@ -1691,10 +1877,10 @@ function CaretDown(props) {
   }, props));
 }
 // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
-var icons_CaretDown = __webpack_require__(40);
+var icons_CaretDown = __webpack_require__(52);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
+var ScreenReaderContent_ = __webpack_require__(16);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // CONCATENATED MODULE: ./src/Table/HeadInnerStyles.ts
@@ -2020,7 +2206,7 @@ function DragHandle(_ref) {
 DragHandle.propTypes = DragHandle_propTypes;
 /* harmony default export */ var Table_DragHandle = (DragHandle);
 // EXTERNAL MODULE: ./src/utils/ssrDocument.ts
-var ssrDocument = __webpack_require__(27);
+var ssrDocument = __webpack_require__(28);
 
 // CONCATENATED MODULE: ./src/Table/HeadInner.tsx
 function HeadInner_extends() { HeadInner_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 HeadInner_extends.apply(this, arguments); }
@@ -2293,7 +2479,7 @@ 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_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+  }, omit_default()(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
@@ -2386,6 +2572,8 @@ function HeadCell_defineProperty(obj, key, value) { if (key in obj) { Object.def
 
 
 
+
+
 var HeadCell_propTypes = {
   align: external_prop_types_default.a.oneOf(['left', 'center', 'right']),
   children: external_prop_types_default.a.node,
@@ -2576,7 +2764,7 @@ var HeadCell_HeadCell = /*#__PURE__*/function (_Component) {
       var draggable = !!onDragStart;
       var sortable = !!onSort && !!sortDir;
       var hasOnClick = onClick !== undefined;
-      var mergedStyle = Object(external_lodash_["merge"])(style, {
+      var mergedStyle = merge_default()(style, {
         width: width
       });
       var truncate = hasActionsHead ? false : truncateProp;
@@ -2588,7 +2776,7 @@ var HeadCell_HeadCell = /*#__PURE__*/function (_Component) {
         ref: elementRef,
         "aria-sort": onSort && (this.sortDirAriaMapping[sortDir] || 'none'),
         "data-test": "head-cell",
-        "data-test-label": Object(external_lodash_["isString"])(children) ? children : undefined,
+        "data-test-label": isString_default()(children) ? children : undefined,
         "data-test-sort-dir": onSort && sortDir,
         id: visible ? id : undefined,
         onClick: onSort || hasOnClick ? this.handleClick : undefined,
@@ -2598,7 +2786,7 @@ var HeadCell_HeadCell = /*#__PURE__*/function (_Component) {
         $variant: variant,
         $zIndex: zIndex,
         $isFixed: headType === 'fixed'
-      }, Object(external_lodash_["omit"])(this.props, [].concat(HeadCell_toConsumableArray(Object.keys(HeadCell.propTypes)), ['id', 'style'])), {
+      }, omit_default()(this.props, [].concat(HeadCell_toConsumableArray(Object.keys(HeadCell.propTypes)), ['id', 'style'])), {
         onKeyDown: draggable || onSort || hasOnClick ? this.handleKeyDown : undefined
       }), /*#__PURE__*/external_react_default.a.createElement(Table_HeadInner, {
         label: children,
@@ -2635,11 +2823,11 @@ HeadCell_defineProperty(HeadCell_HeadCell, "contextType", Table_TableContext);
 
 /* harmony default export */ var Table_HeadCell = (HeadCell_HeadCell);
 // EXTERNAL MODULE: external "@splunk/react-icons/Info"
-var Info_ = __webpack_require__(111);
+var Info_ = __webpack_require__(159);
 var Info_default = /*#__PURE__*/__webpack_require__.n(Info_);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
-var ChevronRight = __webpack_require__(29);
+var ChevronRight = __webpack_require__(37);
 
 // CONCATENATED MODULE: ./src/Table/HeadExpandRowsIcon.tsx
 
@@ -2663,22 +2851,25 @@ function HeadExpandRowsIcon() {
   });
 }
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
-var Button_ = __webpack_require__(16);
+var Button_ = __webpack_require__(19);
 var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(20);
+var Dropdown_ = __webpack_require__(24);
 var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
-var Tooltip_ = __webpack_require__(52);
+var Tooltip_ = __webpack_require__(67);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 
+// EXTERNAL MODULE: external "@splunk/ui-utils/format"
+var format_ = __webpack_require__(45);
+
 // EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
-var ChevronDown = __webpack_require__(67);
+var ChevronDown = __webpack_require__(89);
 
 // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
-var MoreVertical = __webpack_require__(65);
+var MoreVertical = __webpack_require__(86);
 
 // 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); }
@@ -2962,7 +3153,7 @@ var StyledCellExpansionDisabled = external_styled_components_default()(Table_Cel
 }));
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Switch"
-var Switch_ = __webpack_require__(72);
+var Switch_ = __webpack_require__(96);
 var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
 
 // CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
@@ -3077,6 +3268,7 @@ function Row_extends() { Row_extends = Object.assign || function (target) { for
 
 
 
+
 var StyledStripeComponents = {
   odd: StyledStripeOdd,
   even: StyledStripeEven,
@@ -3125,6 +3317,10 @@ var Row_propTypes = {
   /** @private. Generally passed by `Table` rather than added directly. */
   onRequestMoveRow: external_prop_types_default.a.func,
   onRequestToggle: external_prop_types_default.a.func,
+
+  /** @private. Generally passed by `Table` rather than added directly. */
+  primaryColumnIndex: external_prop_types_default.a.number,
+  rowScreenReaderText: external_prop_types_default.a.string,
   selected: external_prop_types_default.a.bool,
 
   /** @private. Generally passed by `Table` rather than added directly. */
@@ -3134,7 +3330,8 @@ var Row_propTypes = {
   stripe: external_prop_types_default.a.oneOf(['odd', 'even', 'none'])
 };
 var Row_defaultProps = {
-  stripe: 'none'
+  stripe: 'none',
+  primaryColumnIndex: 0
 };
 var ActionsSecondaryToggle = /*#__PURE__*/external_react_default.a.forwardRef(function (props, ref) {
   return /*#__PURE__*/external_react_default.a.createElement(Tooltip_default.a, Row_extends({
@@ -3278,6 +3475,8 @@ var Row_Row = /*#__PURE__*/function (_Component) {
   Row_createClass(Row, [{
     key: "render",
     value: function render() {
+      var _childrenCloned$prima;
+
       var _this$props5 = this.props,
           actions = _this$props5.actions,
           actionPrimary = _this$props5.actionPrimary,
@@ -3298,10 +3497,12 @@ var Row_Row = /*#__PURE__*/function (_Component) {
           onExpansion = _this$props5.onExpansion,
           onRequestMoveRow = _this$props5.onRequestMoveRow,
           onRequestToggle = _this$props5.onRequestToggle,
+          primaryColumnIndex = _this$props5.primaryColumnIndex,
+          rowScreenReaderText = _this$props5.rowScreenReaderText,
           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"]);
+          otherProps = Row_objectWithoutProperties(_this$props5, ["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 childrenCloned = !onClick ? external_react_["Children"].toArray(children).map(function (child) {
         return /*#__PURE__*/Object(external_react_["cloneElement"])(child, {
@@ -3314,6 +3515,25 @@ var Row_Row = /*#__PURE__*/function (_Component) {
           disabled: disabled
         });
       });
+      var rowLabelValue;
+
+      if (rowScreenReaderText) {
+        rowLabelValue = rowScreenReaderText;
+      } else if ((_childrenCloned$prima = childrenCloned[primaryColumnIndex]) === null || _childrenCloned$prima === void 0 ? void 0 : _childrenCloned$prima.props.children) {
+        var _childrenCloned$prima2;
+
+        rowLabelValue = "".concat((_childrenCloned$prima2 = childrenCloned[primaryColumnIndex]) === null || _childrenCloned$prima2 === void 0 ? void 0 : _childrenCloned$prima2.props.children);
+      } else {
+        var _childrenCloned$;
+
+        rowLabelValue = "".concat((_childrenCloned$ = childrenCloned[0]) === null || _childrenCloned$ === void 0 ? void 0 : _childrenCloned$.props.children);
+
+        if (false) {}
+      }
+
+      var selectedString = Object(format_["sprintf"])(Object(i18n_["_"])('%(selected)s'), {
+        selected: selected ? 'selected' : 'unselected'
+      });
       var StyledStripe = StyledStripeComponents[stripe];
       var StyledCellToggle = disabled ? StyledCellSelectionDisabled : Table_Cell;
       var rowSpan = expanded ? external_react_["Children"].count(expansionRow) + 1 : undefined;
@@ -3328,7 +3548,7 @@ var Row_Row = /*#__PURE__*/function (_Component) {
         $expandable: !!expandable,
         ref: this.handleMount,
         tabIndex: onClick ? 0 : undefined
-      }, Object(external_lodash_["omit"])(otherProps, 'data'), {
+      }, omit_default()(otherProps, 'data'), {
         onClick: onClick ? this.handleClick : undefined,
         onKeyDown: this.handleKeyDown,
         $rowSelected: !!(onRequestToggle && selected)
@@ -3342,6 +3562,10 @@ var Row_Row = /*#__PURE__*/function (_Component) {
         rowSpan: rowSpan,
         showRowGuideline: showRowGuideline
       }), onRequestToggle && /*#__PURE__*/external_react_default.a.createElement(StyledCellToggle, {
+        "aria-label": Object(format_["sprintf"])(Object(i18n_["_"])('%(rowLabelValue)s %(selectedString)s'), {
+          rowLabelValue: rowLabelValue,
+          selectedString: selectedString
+        }),
         appearance: onClick ? 'rowLink' : 'data',
         "data-test": "toggle",
         variant: "toggle",
@@ -3469,6 +3693,9 @@ function Head_defineProperty(obj, key, value) { if (key in obj) { Object.defineP
 
 
 
+
+
+
 var Head_propTypes = {
   /** @private. */
   actions: external_prop_types_default.a.arrayOf(external_prop_types_default.a.node),
@@ -3653,7 +3880,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
       }
 
       this.cells = Array.from((_this$el$firstElement3 = (_this$el3 = this.el) === null || _this$el3 === void 0 ? void 0 : (_this$el3$firstElemen = _this$el3.firstElementChild) === null || _this$el3$firstElemen === void 0 ? void 0 : _this$el3$firstElemen.children) !== null && _this$el$firstElement3 !== void 0 ? _this$el$firstElement3 : []).slice(hasInfoColumn ? 1 : 0).slice(hasDragColumn ? 1 : 0).slice(onRequestToggleAllRows ? 1 : 0);
-      var overIndex = Object(external_lodash_["findIndex"])(this.cells, function (cell) {
+      var overIndex = findIndex_default()(this.cells, function (cell) {
         var rect = cell.getBoundingClientRect();
         return dragPosition !== undefined && dragPosition > rect.left && dragPosition < rect.right;
       });
@@ -3693,6 +3920,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
           onRequestResizeColumn = _this$props5.onRequestResizeColumn,
           onRequestToggleAllRows = _this$props5.onRequestToggleAllRows,
           rowSelection = _this$props5.rowSelection;
+      var headType = this.context.headType;
       var guidelineIndex = this.calculateGuideIndex();
       var validChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]);
       var minimumIndex = validChildren.length + (actions.length || actionsColumnWidth ? 1 : 0);
@@ -3724,10 +3952,11 @@ var Head_Head = /*#__PURE__*/function (_Component) {
       var toggleState = rowSelection === undefined ? undefined : toggleStateMap[rowSelection];
       var ariaChecked = toggleState === 'some' ? 'mixed' : toggleState;
       var defaultActionsColumnWidth = actionsColumnWidth || 48;
+      var testHookValue = headType === 'fixed' ? 'fixed-head' : 'head';
       return /*#__PURE__*/external_react_default.a.createElement(HeadStyles_Styled, Head_extends({
         ref: this.handleMount,
-        "data-test": "head"
-      }, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(Head.propTypes))), /*#__PURE__*/external_react_default.a.createElement(Table_Row, null, hasDragColumn && /*#__PURE__*/external_react_default.a.createElement(StyledDragRow, {
+        "data-test": testHookValue
+      }, omit_default()(this.props, keys_default()(Head.propTypes))), /*#__PURE__*/external_react_default.a.createElement(Table_Row, null, hasDragColumn && /*#__PURE__*/external_react_default.a.createElement(StyledDragRow, {
         key: "drag_rows_head_cell",
         "data-test": "drag-rows-head-cell",
         align: "center",
@@ -3789,6 +4018,8 @@ var Head_Head = /*#__PURE__*/function (_Component) {
   return Head;
 }(external_react_["Component"]);
 
+Head_defineProperty(Head_Head, "contextType", Table_TableContext);
+
 Head_defineProperty(Head_Head, "splunkUiType", 'Table.Head');
 
 Head_defineProperty(Head_Head, "propTypes", Head_propTypes);
@@ -3796,11 +4027,19 @@ Head_defineProperty(Head_Head, "propTypes", Head_propTypes);
 Head_defineProperty(Head_Head, "defaultProps", Head_defaultProps);
 
 /* harmony default export */ var Table_Head = (Head_Head);
+// EXTERNAL MODULE: external "lodash/isFinite"
+var isFinite_ = __webpack_require__(21);
+var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_);
+
+// EXTERNAL MODULE: external "lodash/isFunction"
+var isFunction_ = __webpack_require__(68);
+var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction_);
+
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(11);
+var id_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(18);
+var Popover_ = __webpack_require__(23);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // CONCATENATED MODULE: ./src/Table/HeadDropdownCell.tsx
@@ -3852,6 +4091,11 @@ function HeadDropdownCell_defineProperty(obj, key, value) { if (key in obj) { Ob
 
 
 
+
+
+
+
+
 /** @public */
 
 var possibleCloseReasons = ['clickAway', 'contentClick', 'escapeKey', 'offScreen', 'tabKey', 'toggleClick'];
@@ -3982,8 +4226,8 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
         }
       }
 
-      if (_this.isOpen() && Object(external_lodash_["includes"])(closeReasons, reason) && index !== undefined) {
-        if (Object(external_lodash_["includes"])(focusToggleReasons, reason)) {
+      if (_this.isOpen() && includes_default()(closeReasons, reason) && index !== undefined) {
+        if (includes_default()(focusToggleReasons, reason)) {
           _this.focus();
         }
 
@@ -4099,7 +4343,7 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
       isDragging: false,
       open: false
     };
-    _this.controlledExternally = Object(external_lodash_["has"])(props, 'open');
+    _this.controlledExternally = has_default()(props, 'open');
     _this.popoverId = Object(id_["createDOMID"])('popover');
     _this.cellId = Object(id_["createDOMID"])('cellId');
 
@@ -4176,7 +4420,7 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
       var cellId = id || this.cellId;
       var headType = this.context.headType;
       return /*#__PURE__*/external_react_default.a.createElement(HeadCellStyles_Styled, HeadDropdownCell_extends({
-        style: Object(external_lodash_["merge"])(style, {
+        style: merge_default()(style, {
           width: width
         }),
         "data-test": "head-cell",
@@ -4186,7 +4430,7 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
         id: visible ? cellId : undefined,
         tabIndex: visible ? 0 : undefined,
         ref: this.handleMount
-      }, Object(external_lodash_["omit"])(this.props, [].concat(HeadDropdownCell_toConsumableArray(Object.keys(HeadDropdownCell.propTypes)), ['id', 'style'])), {
+      }, omit_default()(this.props, [].concat(HeadDropdownCell_toConsumableArray(Object.keys(HeadDropdownCell.propTypes)), ['id', 'style'])), {
         onClick: this.handleClick,
         onKeyDown: this.handleKeyDown,
         "aria-haspopup": true,
@@ -4213,7 +4457,7 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/external_react_default.a.createElement(Popover_default.a, {
         align: "center",
         open: !!el && this.isOpen(),
-        autoCloseWhenOffScreen: Object(external_lodash_["includes"])(closeReasons, 'offScreen'),
+        autoCloseWhenOffScreen: includes_default()(closeReasons, 'offScreen'),
         anchor: el,
         canCoverAnchor: canCoverHead,
         retainFocus: retainFocus,
@@ -4223,10 +4467,10 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
         id: this.popoverId,
         "aria-labelledby": id || this.cellId,
         takeFocus: takeFocus,
-        pointTo: clientX !== undefined && Object(external_lodash_["isFinite"])(clientX) ? {
+        pointTo: clientX !== undefined && isFinite_default()(clientX) ? {
           x: clientX - ((_el$getBoundingClient = el === null || el === void 0 ? void 0 : el.getBoundingClientRect().left) !== null && _el$getBoundingClient !== void 0 ? _el$getBoundingClient : 0)
         } : undefined
-      }, Object(external_lodash_["isFunction"])(children) ? function () {
+      }, isFunction_default()(children) ? function () {
         return (
           /*#__PURE__*/
           // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
@@ -4257,6 +4501,10 @@ HeadDropdownCell_defineProperty(HeadDropdownCell_HeadDropdownCell, "defaultProps
 HeadDropdownCell_defineProperty(HeadDropdownCell_HeadDropdownCell, "contextType", Table_TableContext);
 
 /* harmony default export */ var Table_HeadDropdownCell = (HeadDropdownCell_HeadDropdownCell);
+// EXTERNAL MODULE: external "lodash/extend"
+var extend_ = __webpack_require__(49);
+var extend_default = /*#__PURE__*/__webpack_require__.n(extend_);
+
 // CONCATENATED MODULE: ./src/Table/HeadTableStyles.ts
 
 
@@ -4312,6 +4560,7 @@ function HeadTable_defineProperty(obj, key, value) { if (key in obj) { Object.de
 
 
 
+
 var HeadTable_propTypes = {
   cellWidths: external_prop_types_default.a.arrayOf(external_prop_types_default.a.number).isRequired,
   dragIndex: external_prop_types_default.a.number,
@@ -4407,7 +4656,7 @@ var HeadTable_HeadTable = /*#__PURE__*/function (_Component) {
       var cells = isFixedColumn ? external_react_["Children"].toArray(tHead.props.children) : // ensure consistent keys
       external_react_["Children"].toArray(tHead.props.children).filter(external_react_["isValidElement"]).map(function (cell, i) {
         return /*#__PURE__*/Object(external_react_["cloneElement"])(cell, {
-          style: Object(external_lodash_["extend"])({}, cell.props.style, {
+          style: extend_default()({}, cell.props.style, {
             width: cellWidths[i + indexOffset]
           })
         });
@@ -4425,11 +4674,11 @@ var HeadTable_HeadTable = /*#__PURE__*/function (_Component) {
       }, /*#__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, {
+        style: extend_default()({}, tableStyle, {
           marginLeft: horizontalOffset,
           width: isFixedColumn ? undefined : tableWidth
         })
-      }, Object(external_lodash_["omit"])(otherProps, 'dragIndex')), clonedTHead));
+      }, omit_default()(otherProps, 'dragIndex')), clonedTHead));
     }
   }]);
 
@@ -4442,7 +4691,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__(57);
+var types = __webpack_require__(76);
 
 // 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); }
@@ -4489,6 +4738,12 @@ function Table_defineProperty(obj, key, value) { if (key in obj) { Object.define
 
 
 
+
+
+
+
+
+
  // Exposed as static members of the Table class
 
 
@@ -4519,6 +4774,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,
+  primaryColumnIndex: external_prop_types_default.a.number,
   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,
@@ -4533,7 +4789,8 @@ var Table_defaultProps = {
   headType: 'inline',
   rowExpansion: 'none',
   rowSelection: 'none',
-  resizableFillLayout: false
+  resizableFillLayout: false,
+  primaryColumnIndex: 0
 };
 
 var Table_Table = /*#__PURE__*/function (_Component) {
@@ -4563,7 +4820,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
       }
 
       var headCells = (_head$getEl = head.getEl()) === null || _head$getEl === void 0 ? void 0 : _head$getEl.children[0].children;
-      var activeHeadCellIndex = Object(external_lodash_["indexOf"])(headCells, document.activeElement);
+      var activeHeadCellIndex = indexOf_default()(headCells, document.activeElement);
 
       if (activeHeadCellIndex > -1) {
         return {
@@ -4573,7 +4830,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
       }
 
       var resizeButtons = (_head$getEl2 = head.getEl()) === null || _head$getEl2 === void 0 ? void 0 : _head$getEl2.querySelectorAll('[data-test=resize]');
-      var activeResizeButtonIndex = Object(external_lodash_["indexOf"])(resizeButtons, document.activeElement);
+      var activeResizeButtonIndex = indexOf_default()(resizeButtons, document.activeElement);
 
       if (activeResizeButtonIndex > -1) {
         return {
@@ -4687,9 +4944,9 @@ var Table_Table = /*#__PURE__*/function (_Component) {
       });
     });
 
-    Table_defineProperty(Table_assertThisInitialized(_this), "handleScroll", Object(external_lodash_["throttle"])(_this.updateDockedHeadState, 0));
+    Table_defineProperty(Table_assertThisInitialized(_this), "handleScroll", throttle_default()(_this.updateDockedHeadState, 0));
 
-    Table_defineProperty(Table_assertThisInitialized(_this), "handleResize", Object(external_lodash_["throttle"])(_this.updateDockedHeadState, 50));
+    Table_defineProperty(Table_assertThisInitialized(_this), "handleResize", throttle_default()(_this.updateDockedHeadState, 50));
 
     Table_defineProperty(Table_assertThisInitialized(_this), "handleContainerScroll", function (e) {
       var _this$props$onScroll, _this$props;
@@ -4826,7 +5083,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
       wrapper.style.left = '0';
       wrapper.style.maxHeight = '10px';
       wrapper.style.overflow = 'hidden';
-      Object(external_lodash_["forEach"])(cells, function (cell) {
+      forEach_default()(cells, function (cell) {
         var clone = cell.cloneNode(true); // TS: this seems safe to assume?
 
         clone.style.display = 'block';
@@ -4842,7 +5099,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
       (_wrapper$parentNode = wrapper.parentNode) === null || _wrapper$parentNode === void 0 ? void 0 : _wrapper$parentNode.removeChild(wrapper);
     });
 
-    Table_defineProperty(Table_assertThisInitialized(_this), "updateDragPosition", Object(external_lodash_["throttle"])(_this.updateDragPositionImpl, 100, {
+    Table_defineProperty(Table_assertThisInitialized(_this), "updateDragPosition", throttle_default()(_this.updateDragPositionImpl, 100, {
       trailing: false
     }));
 
@@ -4864,7 +5121,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
       if (head && headTable) {
         var cellWidths = head.getCellWidths();
 
-        if (!Object(external_lodash_["isEqual"])(this.state.cellWidths, cellWidths)) {
+        if (!isEqual_default()(this.state.cellWidths, cellWidths)) {
           this.updateDockedHeadState();
         }
       }
@@ -4928,6 +5185,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
         actions: validActions.length > 0,
         movableColumns: !!this.props.onRequestMoveColumn,
         onRequestMoveRow: this.props.onRequestMoveRow,
+        primaryColumnIndex: this.props.primaryColumnIndex,
         rowExpansion: this.props.rowExpansion,
         stripeRows: this.props.stripeRows
       });
@@ -5097,7 +5355,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
           if (!isFixedColumn) {
             // if all the HeadCells are fixed width, then the table is fixed.
             isFixedColumn = !external_react_["Children"].toArray(child.props.children).filter(external_react_["isValidElement"]).some(function (th) {
-              return !Object(external_lodash_["has"])(th.props, 'width');
+              return !has_default()(th.props, 'width');
             });
           }
         } else if (splunkUiType === 'Table.Body') {
@@ -5136,7 +5394,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
         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(EventListener_default.a, {
+      }, omit_default()(this.props, [].concat(Table_toConsumableArray(Object.keys(Table.propTypes)), ['style']))), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
         target: Object(ssrWindow["a" /* getWindow */])(),
         eventType: "scroll",
         listener: this.handleScroll,