@splunk/react-ui 4.6.0 → 4.9.0

package/StepBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 117);
+/******/ 	return __webpack_require__(__webpack_require__.s = 122);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 117:
+/***/ 122:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -142,7 +142,7 @@ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(exte
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Error"
-var Error_ = __webpack_require__(68);
+var Error_ = __webpack_require__(49);
 var Error_default = /*#__PURE__*/__webpack_require__.n(Error_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -179,7 +179,7 @@ function AlertFilled(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/Success"
-var Success_ = __webpack_require__(69);
+var Success_ = __webpack_require__(50);
 var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
 
 // CONCATENATED MODULE: ./src/icons/Success.tsx
@@ -511,6 +511,20 @@ module.exports = require("@splunk/themes/useSplunkTheme");
 
 /***/ }),
 
+/***/ 49:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/Error");
+
+/***/ }),
+
+/***/ 50:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/Success");
+
+/***/ }),
+
 /***/ 6:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -536,20 +550,6 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 68:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/Error");
-
-/***/ }),
-
-/***/ 69:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/Success");
-
-/***/ }),
-
 /***/ 7:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 

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__(83);
 var TabBar_default = /*#__PURE__*/__webpack_require__.n(TabBar_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -405,7 +405,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 75:
+/***/ 83:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/TabBar");