@splunk/react-ui 4.6.0 → 4.7.0

package/Switch.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 141);
+/******/ 	return __webpack_require__(__webpack_require__.s = 147);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,14 +108,21 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 12:
+/***/ 11:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 141:
+/***/ 14:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ScreenReaderContent");
+
+/***/ }),
+
+/***/ 147:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -138,17 +145,14 @@ var AnimationToggle_ = __webpack_require__(34);
 var AnimationToggle_default = /*#__PURE__*/__webpack_require__.n(AnimationToggle_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(15);
+var ScreenReaderContent_ = __webpack_require__(14);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
-// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(5);
-
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
 var id_ = __webpack_require__(10);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Check"
-var Check_ = __webpack_require__(46);
+var Check_ = __webpack_require__(47);
 var Check_default = /*#__PURE__*/__webpack_require__.n(Check_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -196,7 +200,7 @@ var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(12);
+var Clickable_ = __webpack_require__(11);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // CONCATENATED MODULE: ./src/Switch/SwitchStyles.ts
@@ -495,7 +499,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-
 var propTypes = {
   appearance: external_prop_types_default.a.oneOf(['checkbox', 'toggle']),
   children: external_prop_types_default.a.node,
@@ -521,10 +524,7 @@ var defaultProps = {
   error: false,
   inline: false,
   interactive: true,
-  selected: false,
-  selectedLabel: Object(i18n_["_"])('Selected'),
-  someSelectedLabel: Object(i18n_["_"])('Some selected'),
-  unselectedLabel: Object(i18n_["_"])('Not selected')
+  selected: false
 };
 // unclear why the manual ref is needed here (only for styled-components)
 var StyledClickables = {
@@ -651,7 +651,6 @@ var Switch_Switch = /*#__PURE__*/function (_Component) {
         ref: function ref(c) {
           _this2.toggle = c;
         },
-        title: stateLabels["".concat(selected)],
         onClick: disabled || !interactive ? undefined : this.handleContainerClick,
         'data-test': 'button',
         'data-selected': selected
@@ -689,6 +688,7 @@ var Switch_Switch = /*#__PURE__*/function (_Component) {
       };
 
       var switchState = disabled && 'disabled' || error && 'error' || null;
+      var hasCustomizedScreenReaderContent = !!selectedLabel || !!someSelectedLabel || !!unselectedLabel;
       return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
         flex: true,
         inline: inline,
@@ -702,7 +702,7 @@ var Switch_Switch = /*#__PURE__*/function (_Component) {
       }, otherProps), appearance === 'toggle' && /*#__PURE__*/external_react_default.a.createElement(AnimationToggle_default.a, {
         on: renderToggle('200ms'),
         off: renderToggle()
-      }), appearance !== 'toggle' && renderNonToggle(), interactive && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, stateLabels["".concat(selected)]), children && /*#__PURE__*/external_react_default.a.createElement(StyledLabel, {
+      }), appearance !== 'toggle' && renderNonToggle(), interactive && hasCustomizedScreenReaderContent && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, stateLabels["".concat(selected)]), children && /*#__PURE__*/external_react_default.a.createElement(StyledLabel, {
         $disabled: disabled,
         "data-test": "label",
         id: labelId,
@@ -724,13 +724,6 @@ _defineProperty(Switch_Switch, "defaultProps", defaultProps);
 
 
 
-/***/ }),
-
-/***/ 15:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
-
 /***/ }),
 
 /***/ 2:
@@ -754,20 +747,13 @@ module.exports = require("@splunk/react-ui/AnimationToggle");
 
 /***/ }),
 
-/***/ 46:
+/***/ 47:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Check");
 
 /***/ }),
 
-/***/ 5:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
 /***/ 8:
 /***/ (function(module, exports) {
 

package/TabBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 125);
+/******/ 	return __webpack_require__(__webpack_require__.s = 131);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -109,6 +109,13 @@ module.exports = require("@splunk/ui-utils/id");
 /***/ }),
 
 /***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Clickable");
+
+/***/ }),
+
+/***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,14 +142,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 12:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Clickable");
-
-/***/ }),
-
-/***/ 125:
+/***/ 131:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -202,11 +202,11 @@ var Popover_ = __webpack_require__(16);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(15);
+var ScreenReaderContent_ = __webpack_require__(14);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(12);
+var Clickable_ = __webpack_require__(11);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // CONCATENATED MODULE: ./src/TabBar/TabStyles.ts
@@ -342,7 +342,7 @@ var StyledTooltipContent = external_styled_components_default.a.div.withConfig({
 })(["padding:8px;font-size:", ";"], themes_["variables"].fontSizeSmall);
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(12);
 
 // CONCATENATED MODULE: ./src/TabBar/TabBarContext.tsx
 
@@ -586,6 +586,9 @@ _defineProperty(Tab_Tab, "defaultProps", defaultProps);
 _defineProperty(Tab_Tab, "contextType", TabBar_TabBarContext);
 
 /* harmony default export */ var TabBar_Tab = (Tab_Tab);
+// EXTERNAL MODULE: ./src/utils/navigateList.ts
+var navigateList = __webpack_require__(39);
+
 // CONCATENATED MODULE: ./src/TabBar/TabBar.tsx
 function TabBar_extends() { TabBar_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 TabBar_extends.apply(this, arguments); }
 
@@ -599,6 +602,7 @@ function TabBar_objectWithoutPropertiesLoose(source, excluded) { if (source == n
 
 
 
+
 var minTabWidth = 50;
 /** @public */
 
@@ -687,43 +691,14 @@ function TabBar(_ref) {
     var key = Object(keyboard_["keycode"])(e.nativeEvent);
     var tabToFocusRef;
 
-    function checkNextTab(nextTabIndex) {
-      for (var i = 0; i < tabRefs.length; i += 1) {
-        var _tabRefs$pointer$curr;
-
-        var pointer = (i + nextTabIndex) % tabRefs.length;
-
-        if (((_tabRefs$pointer$curr = tabRefs[pointer].current) === null || _tabRefs$pointer$curr === void 0 ? void 0 : _tabRefs$pointer$curr.props.disabled) !== true) {
-          return tabRefs[pointer];
-        }
-      }
-
-      return tabRefs[focusedTabIndex.current];
-    }
-
-    function checkPrevTab(prevTabIndex) {
-      for (var i = tabRefs.length; i > 0; i -= 1) {
-        var _tabRefs$pointer$curr2;
-
-        var pointer = (i + prevTabIndex) % tabRefs.length;
-
-        if (((_tabRefs$pointer$curr2 = tabRefs[pointer].current) === null || _tabRefs$pointer$curr2 === void 0 ? void 0 : _tabRefs$pointer$curr2.props.disabled) !== true) {
-          return tabRefs[pointer];
-        }
-      }
-
-      return tabRefs[focusedTabIndex.current];
-    }
-
     if (key === nextTabKey) {
-      tabToFocusRef = checkNextTab(focusedTabIndex.current + 1);
+      tabToFocusRef = Object(navigateList["a" /* getNextListItem */])(tabRefs, focusedTabIndex.current, focusedTabIndex.current + 1);
     } else if (key === previousTabKey) {
-      tabToFocusRef = checkPrevTab(focusedTabIndex.current - 1);
+      tabToFocusRef = Object(navigateList["b" /* getPrevListItem */])(tabRefs, focusedTabIndex.current, focusedTabIndex.current - 1);
     } else if (key === 'home') {
-      // eslint-disable-next-line prefer-destructuring
-      tabToFocusRef = checkNextTab(0);
+      tabToFocusRef = Object(navigateList["a" /* getNextListItem */])(tabRefs, focusedTabIndex.current, 0);
     } else if (key === 'end') {
-      tabToFocusRef = checkNextTab(tabRefs.length - 1);
+      tabToFocusRef = Object(navigateList["b" /* getPrevListItem */])(tabRefs, focusedTabIndex.current, tabRefs.length - 1);
     }
 
     if (tabToFocusRef != null) {
@@ -766,7 +741,7 @@ TabBar.Tab = TabBar_Tab;
 
 /***/ }),
 
-/***/ 15:
+/***/ 14:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScreenReaderContent");
@@ -792,6 +767,45 @@ module.exports = require("react");
 
 module.exports = require("styled-components");
 
+/***/ }),
+
+/***/ 39:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getNextListItem; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getPrevListItem; });
+// A utility for keyboard navigation of lists
+function getNextListItem(refs, currentIndex, nextIndex) {
+  for (var i = 0; i < refs.length; i += 1) {
+    var _refs$pointer$current;
+
+    var pointer = (i + nextIndex) % refs.length;
+
+    if (((_refs$pointer$current = refs[pointer].current) === null || _refs$pointer$current === void 0 ? void 0 : _refs$pointer$current.props.disabled) !== true) {
+      return refs[pointer];
+    }
+  }
+
+  return refs[currentIndex];
+}
+
+function getPrevListItem(refs, currentIndex, prevIndex) {
+  for (var i = refs.length; i > 0; i -= 1) {
+    var _refs$pointer$current2;
+
+    var pointer = (i + prevIndex) % refs.length;
+
+    if (((_refs$pointer$current2 = refs[pointer].current) === null || _refs$pointer$current2 === void 0 ? void 0 : _refs$pointer$current2.props.disabled) !== true) {
+      return refs[pointer];
+    }
+  }
+
+  return refs[currentIndex];
+}
+
+
+
 /***/ }),
 
 /***/ 9:

package/TabLayout.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 142);
+/******/ 	return __webpack_require__(__webpack_require__.s = 148);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 142:
+/***/ 148:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -134,7 +134,7 @@ var external_lodash_ = __webpack_require__(4);
 var id_ = __webpack_require__(10);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/TabBar"
-var TabBar_ = __webpack_require__(75);
+var TabBar_ = __webpack_require__(82);
 var TabBar_default = /*#__PURE__*/__webpack_require__.n(TabBar_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -405,7 +405,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 75:
+/***/ 82:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/TabBar");

package/Table.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 108);
+/******/ 	return __webpack_require__(__webpack_require__.s = 114);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -276,7 +276,8 @@ module.exports = require("@splunk/ui-utils/keyboard");
 module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
-/* 11 */
+/* 11 */,
+/* 12 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -302,18 +303,17 @@ function updateReactRef(ref, current) {
 
 
 /***/ }),
-/* 12 */,
 /* 13 */,
 /* 14 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/EventListener");
+module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 /* 15 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
+module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 /* 16 */
@@ -461,16 +461,19 @@ module.exports = require("@splunk/react-icons/Caret");
 /* 44 */,
 /* 45 */,
 /* 46 */,
-/* 47 */
+/* 47 */,
+/* 48 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Tooltip");
 
 /***/ }),
-/* 48 */,
 /* 49 */,
 /* 50 */,
-/* 51 */
+/* 51 */,
+/* 52 */,
+/* 53 */,
+/* 54 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -493,20 +496,20 @@ function assertDefined(val, msg) {
 
 
 /***/ }),
-/* 52 */,
-/* 53 */,
-/* 54 */,
 /* 55 */,
 /* 56 */,
 /* 57 */,
-/* 58 */
+/* 58 */,
+/* 59 */,
+/* 60 */,
+/* 61 */
 /***/ (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__(59);
+/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(62);
 /* 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);
@@ -536,21 +539,21 @@ function MoreVertical(props) {
 }
 
 /***/ }),
-/* 59 */
+/* 62 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/MoreVertical");
 
 /***/ }),
-/* 60 */,
-/* 61 */
+/* 63 */,
+/* 64 */
 /***/ (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__(62);
+/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65);
 /* 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);
@@ -592,25 +595,22 @@ function ChevronDown(props) {
 }
 
 /***/ }),
-/* 62 */
+/* 65 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronDown");
 
 /***/ }),
-/* 63 */,
-/* 64 */,
-/* 65 */,
 /* 66 */,
-/* 67 */
+/* 67 */,
+/* 68 */,
+/* 69 */,
+/* 70 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Switch");
 
 /***/ }),
-/* 68 */,
-/* 69 */,
-/* 70 */,
 /* 71 */,
 /* 72 */,
 /* 73 */,
@@ -640,40 +640,46 @@ module.exports = require("@splunk/react-ui/Switch");
 /* 97 */,
 /* 98 */,
 /* 99 */,
-/* 100 */
+/* 100 */,
+/* 101 */,
+/* 102 */,
+/* 103 */,
+/* 104 */,
+/* 105 */,
+/* 106 */
 /***/ (function(module, exports) {
 
 module.exports = require("react-resize-detector");
 
 /***/ }),
-/* 101 */
+/* 107 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SortedDown");
 
 /***/ }),
-/* 102 */
+/* 108 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SortedUp");
 
 /***/ }),
-/* 103 */
+/* 109 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Sort");
 
 /***/ }),
-/* 104 */
+/* 110 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Info");
 
 /***/ }),
-/* 105 */,
-/* 106 */,
-/* 107 */,
-/* 108 */
+/* 111 */,
+/* 112 */,
+/* 113 */,
+/* 114 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -702,11 +708,11 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "react-resize-detector"
-var external_react_resize_detector_ = __webpack_require__(100);
+var external_react_resize_detector_ = __webpack_require__(106);
 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_ = __webpack_require__(15);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
@@ -731,7 +737,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__(11);
+var updateReactRef = __webpack_require__(12);
 
 // 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); }
@@ -1406,7 +1412,7 @@ Cell_defineProperty(Cell_Cell, "defaultProps", Cell_defaultProps);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SortedDown"
-var SortedDown_ = __webpack_require__(101);
+var SortedDown_ = __webpack_require__(107);
 var SortedDown_default = /*#__PURE__*/__webpack_require__.n(SortedDown_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -1453,7 +1459,7 @@ function SortedDown(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/SortedUp"
-var SortedUp_ = __webpack_require__(102);
+var SortedUp_ = __webpack_require__(108);
 var SortedUp_default = /*#__PURE__*/__webpack_require__.n(SortedUp_);
 
 // CONCATENATED MODULE: ./src/icons/SortedUp.tsx
@@ -1494,7 +1500,7 @@ function SortedUp(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/Sort"
-var Sort_ = __webpack_require__(103);
+var Sort_ = __webpack_require__(109);
 var Sort_default = /*#__PURE__*/__webpack_require__.n(Sort_);
 
 // CONCATENATED MODULE: ./src/icons/Sort.tsx
@@ -1538,7 +1544,7 @@ function CaretDown(props) {
 var icons_CaretDown = __webpack_require__(36);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(15);
+var ScreenReaderContent_ = __webpack_require__(14);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // CONCATENATED MODULE: ./src/Table/HeadInnerStyles.ts
@@ -2446,7 +2452,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__(104);
+var Info_ = __webpack_require__(110);
 var Info_default = /*#__PURE__*/__webpack_require__.n(Info_);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
@@ -2482,14 +2488,14 @@ var Dropdown_ = __webpack_require__(19);
 var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
-var Tooltip_ = __webpack_require__(47);
+var Tooltip_ = __webpack_require__(48);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 
 // EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
-var ChevronDown = __webpack_require__(61);
+var ChevronDown = __webpack_require__(64);
 
 // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
-var MoreVertical = __webpack_require__(58);
+var MoreVertical = __webpack_require__(61);
 
 // 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); }
@@ -2771,7 +2777,7 @@ var StyledCellExpansionDisabled = external_styled_components_default()(Table_Cel
 }));
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Switch"
-var Switch_ = __webpack_require__(67);
+var Switch_ = __webpack_require__(70);
 var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
 
 // CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
@@ -2885,6 +2891,7 @@ function Row_extends() { Row_extends = Object.assign || function (target) { for
 
 
 
+
 var StyledStripeComponents = {
   odd: StyledStripeOdd,
   even: StyledStripeEven,
@@ -3136,7 +3143,7 @@ var Row_Row = /*#__PURE__*/function (_Component) {
         $expandable: !!expandable,
         ref: this.handleMount,
         tabIndex: onClick ? 0 : undefined
-      }, otherProps, {
+      }, Object(external_lodash_["omit"])(otherProps, 'data'), {
         onClick: onClick ? this.handleClick : undefined,
         onKeyDown: this.handleKeyDown,
         $rowSelected: !!(onRequestToggle && selected)
@@ -4221,7 +4228,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__(51);
+var types = __webpack_require__(54);
 
 // 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); }