@splunk/react-ui 4.12.1 → 4.14.0

package/SlidingPanels.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 = 147);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 10:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 142:
+/***/ 147:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -151,10 +151,10 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "react-spring"
-var external_react_spring_ = __webpack_require__(18);
+var external_react_spring_ = __webpack_require__(21);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(31);
+var Animation_ = __webpack_require__(34);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -182,7 +182,7 @@ var Styled = external_styled_components_default()(external_react_spring_["animat
 })(["", ";", ";"], themes_["mixins"].reset('block'), themes_["mixins"].clearfix());
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(10);
 
 // CONCATENATED MODULE: ./src/SlidingPanels/Panel.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); }
@@ -588,17 +588,17 @@ SlidingPanels_defineProperty(SlidingPanels_SlidingPanels, "getDerivedStateFromPr
 
 /***/ }),
 
-/***/ 18:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("react-spring");
+module.exports = require("react");
 
 /***/ }),
 
-/***/ 2:
+/***/ 21:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("react-spring");
 
 /***/ }),
 
@@ -609,7 +609,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 31:
+/***/ 34:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Animation");

package/SplitButton.js

@@ -0,0 +1,511 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 148);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/themes");
+
+/***/ }),
+
+/***/ 1:
+/***/ (function(module, exports) {
+
+module.exports = require("prop-types");
+
+/***/ }),
+
+/***/ 13:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Menu");
+
+/***/ }),
+
+/***/ 148:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ SplitButton_SplitButton; });
+__webpack_require__.d(__webpack_exports__, "Item", function() { return /* reexport */ SplitButton_Item; });
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(2);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+
+// EXTERNAL MODULE: external "prop-types"
+var external_prop_types_ = __webpack_require__(1);
+var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
+
+// EXTERNAL MODULE: external "@splunk/react-icons/ChevronDown"
+var ChevronDown_ = __webpack_require__(51);
+var ChevronDown_default = /*#__PURE__*/__webpack_require__.n(ChevronDown_);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
+var Dropdown_ = __webpack_require__(20);
+var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/Menu"
+var Menu_ = __webpack_require__(13);
+var Menu_default = /*#__PURE__*/__webpack_require__.n(Menu_);
+
+// EXTERNAL MODULE: external "@splunk/themes"
+var themes_ = __webpack_require__(0);
+
+// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
+var i18n_ = __webpack_require__(5);
+
+// EXTERNAL MODULE: external "styled-components"
+var external_styled_components_ = __webpack_require__(3);
+var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/Button"
+var Button_ = __webpack_require__(16);
+var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/Box"
+var Box_ = __webpack_require__(8);
+var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
+
+// CONCATENATED MODULE: ./src/SplitButton/SplitButtonStyles.ts
+
+
+
+
+var StyledButton = external_styled_components_default()(Button_default.a).withConfig({
+  displayName: "SplitButtonStyles__StyledButton",
+  componentId: "sc-9igsyh-0"
+})(["", ""], Object(themes_["pick"])({
+  prisma: function prisma(_ref) {
+    var appearance = _ref.appearance;
+    return appearance === 'default' && Object(external_styled_components_["css"])(["&:first-child{border-right:1px solid ", ";}"], themes_["variables"].interactiveColorBorder);
+  }
+})); // `shouldRenderSeparator` prevents this component from receiving an $apperance prop of default
+// TS doesn't agree so adding styles below to style 'default' for completeness
+
+var StyledSeparator = external_styled_components_default()(Box_default.a).withConfig({
+  displayName: "SplitButtonStyles__StyledSeparator",
+  componentId: "sc-9igsyh-1"
+})(["width:", ";height:", ";background-color:", ";"], Object(themes_["pick"])({
+  prisma: Object(themes_["pickVariant"])('$appearance', {
+    primary: '2px',
+    destructive: '2px',
+    "default": '0px'
+  }),
+  enterprise: '1px'
+}), themes_["variables"].inputHeight, Object(themes_["pickVariant"])('$appearance', {
+  primary: {
+    enterprise: themes_["variables"].white,
+    prisma: {
+      light: themes_["variables"].white,
+      dark: themes_["variables"].black
+    }
+  },
+  destructive: {
+    enterprise: {
+      light: themes_["variables"].white,
+      dark: themes_["variables"].black
+    },
+    prisma: {
+      light: themes_["variables"].white,
+      dark: themes_["variables"].black
+    }
+  },
+  "default": 'transparent'
+}));
+var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
+  displayName: "SplitButtonStyles__StyledBox",
+  componentId: "sc-9igsyh-2"
+})(["[data-inline] + &{margin-left:", ";}"], Object(themes_["pick"])({
+  enterprise: themes_["variables"].spacingHalf,
+  prisma: themes_["variables"].spacingSmall
+}));
+
+// EXTERNAL MODULE: external "lodash"
+var external_lodash_ = __webpack_require__(4);
+
+// CONCATENATED MODULE: ./src/SplitButton/Item.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); }
+
+function _extends() { _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 _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+var propTypes = {
+  appearance: external_prop_types_default.a.oneOf(['default', 'primary', 'destructive']),
+  children: external_prop_types_default.a.node,
+  disabled: external_prop_types_default.a.bool,
+  isMain: external_prop_types_default.a.bool,
+  onClick: external_prop_types_default.a.func
+};
+var defaultProps = {
+  appearance: 'default'
+};
+
+/**
+ * An item within a `SplitButton`. This inherits from
+ * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
+ * so any elements passed to it must also be pure.
+ */
+var Item_Item = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Item, _PureComponent);
+
+  var _super = _createSuper(Item);
+
+  function Item() {
+    var _this;
+
+    _classCallCheck(this, Item);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "item", null);
+
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
+      var _this$props = _this.props,
+          disabled = _this$props.disabled,
+          onClick = _this$props.onClick;
+
+      if (!disabled) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+      }
+    });
+
+    return _this;
+  }
+
+  _createClass(Item, [{
+    key: "scrollIntoViewIfNeeded",
+    value: function scrollIntoViewIfNeeded() {
+      var _this$item;
+
+      (_this$item = this.item) === null || _this$item === void 0 ? void 0 : _this$item.scrollIntoViewIfNeeded();
+    }
+    /**
+     * Place focus on the item.
+     */
+
+  }, {
+    key: "focus",
+    value: function focus() {
+      var _this$item2;
+
+      (_this$item2 = this.item) === null || _this$item2 === void 0 ? void 0 : _this$item2.focus();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props2 = this.props,
+          disabled = _this$props2.disabled,
+          isMain = _this$props2.isMain,
+          children = _this$props2.children,
+          appearance = _this$props2.appearance,
+          otherProps = _objectWithoutProperties(_this$props2, ["disabled", "isMain", "children", "appearance"]);
+
+      if (isMain) {
+        return /*#__PURE__*/external_react_default.a.createElement(StyledButton, _extends({
+          onClick: this.handleClick,
+          disabled: disabled,
+          append: true,
+          appearance: appearance
+        }, otherProps), children);
+      }
+
+      return /*#__PURE__*/external_react_default.a.createElement(Menu_default.a.Item, _extends({
+        ref: function ref(c) {
+          _this2.item = c;
+        },
+        onClick: this.handleClick,
+        disabled: disabled
+      }, Object(external_lodash_["omit"])(otherProps, ['role'])), children);
+    }
+  }]);
+
+  return Item;
+}(external_react_["PureComponent"]);
+
+_defineProperty(Item_Item, "propTypes", propTypes);
+
+_defineProperty(Item_Item, "defaultProps", defaultProps);
+
+/* harmony default export */ var SplitButton_Item = (Item_Item);
+// CONCATENATED MODULE: ./src/SplitButton/SplitButton.tsx
+function SplitButton_extends() { SplitButton_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 SplitButton_extends.apply(this, arguments); }
+
+function SplitButton_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = SplitButton_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function SplitButton_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+
+
+
+var SplitButton_propTypes = {
+  appearance: external_prop_types_default.a.oneOf(['default', 'primary', 'destructive']),
+  children: external_prop_types_default.a.node,
+  disabled: external_prop_types_default.a.bool,
+  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
+  onClick: external_prop_types_default.a.func
+};
+
+function SplitButton(_ref) {
+  var _ref$appearance = _ref.appearance,
+      appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
+      children = _ref.children,
+      disabled = _ref.disabled,
+      elementRef = _ref.elementRef,
+      onClick = _ref.onClick,
+      otherProps = SplitButton_objectWithoutProperties(_ref, ["appearance", "children", "disabled", "elementRef", "onClick"]);
+
+  // @docs-props-type SplitButtonPropsBase
+  var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
+      isPrisma = _useSplunkTheme.isPrisma,
+      isEnterprise = _useSplunkTheme.isEnterprise;
+
+  var filteredChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]);
+  var indexOfMain = filteredChildren.findIndex(function (item) {
+    return item.props.isMain;
+  });
+
+  if (indexOfMain === -1) {
+    // didn't find it, so use first element
+    indexOfMain = 0;
+  }
+
+  var mainButton = /*#__PURE__*/Object(external_react_["cloneElement"])(filteredChildren[indexOfMain], {
+    isMain: true,
+    appearance: appearance,
+    disabled: disabled || filteredChildren[indexOfMain].props.disabled
+  }); // Remove mainButton from array of dropdown items
+
+  filteredChildren.splice(indexOfMain, 1);
+  var numDisabledItems = 0;
+  filteredChildren.forEach(function (item) {
+    if (item.props.disabled) {
+      numDisabledItems += 1;
+    }
+  });
+  var items = filteredChildren;
+  var toggle = /*#__PURE__*/external_react_default.a.createElement(StyledButton, {
+    prepend: true // disable toggle if all items within dropdown are disabled
+    ,
+    disabled: disabled || numDisabledItems === items.length,
+    appearance: appearance,
+    "data-test": "split-button-toggle",
+    "aria-label": Object(i18n_["_"])('Open more options'),
+    icon: /*#__PURE__*/external_react_default.a.createElement(ChevronDown_default.a, null)
+  });
+  var shouldRenderSeparator = isPrisma && appearance !== 'default' || isEnterprise && appearance === 'primary';
+  return /*#__PURE__*/external_react_default.a.createElement(StyledBox, SplitButton_extends({
+    "aria-label": Object(i18n_["_"])('Split button'),
+    "data-test": "split-button-container",
+    elementRef: elementRef,
+    inline: true,
+    flex: true,
+    role: "group",
+    onClick: disabled ? undefined : onClick
+  }, otherProps), mainButton, shouldRenderSeparator && /*#__PURE__*/external_react_default.a.createElement(StyledSeparator, {
+    inline: true,
+    $appearance: appearance
+  }), /*#__PURE__*/external_react_default.a.createElement(Dropdown_default.a, {
+    toggle: toggle
+  }, /*#__PURE__*/external_react_default.a.createElement(Menu_default.a, null, items)));
+}
+
+SplitButton.propTypes = SplitButton_propTypes;
+SplitButton.Item = SplitButton_Item;
+/* harmony default export */ var SplitButton_SplitButton = (SplitButton);
+
+// CONCATENATED MODULE: ./src/SplitButton/index.ts
+
+
+
+/***/ }),
+
+/***/ 16:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Button");
+
+/***/ }),
+
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 20:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Dropdown");
+
+/***/ }),
+
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
+
+/***/ }),
+
+/***/ 4:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash");
+
+/***/ }),
+
+/***/ 5:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/i18n");
+
+/***/ }),
+
+/***/ 51:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/ChevronDown");
+
+/***/ }),
+
+/***/ 8:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Box");
+
+/***/ })
+
+/******/ });

package/StaticContent.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 172);
+/******/ 	return __webpack_require__(__webpack_require__.s = 179);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 172:
+/***/ 179:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/StepBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 118);
+/******/ 	return __webpack_require__(__webpack_require__.s = 123);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 10:
+/***/ 11:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 118:
+/***/ 123:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,10 +128,10 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(10);
+var id_ = __webpack_require__(11);
 
 // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
-var useSplunkTheme_ = __webpack_require__(40);
+var useSplunkTheme_ = __webpack_require__(42);
 var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -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__(50);
+var Error_ = __webpack_require__(53);
 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__(51);
+var Success_ = __webpack_require__(54);
 var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
 
 // CONCATENATED MODULE: ./src/icons/Success.tsx
@@ -504,21 +504,21 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 40:
+/***/ 42:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/useSplunkTheme");
 
 /***/ }),
 
-/***/ 50:
+/***/ 53:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Error");
 
 /***/ }),
 
-/***/ 51:
+/***/ 54:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Success");