@splunk/react-ui 4.3.0 → 4.5.0

package/ControlGroup.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 151);
+/******/ 	return __webpack_require__(__webpack_require__.s = 135);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,14 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
-
-/***/ }),
-
-/***/ 151:
+/***/ 135:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -124,6 +117,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_ControlGroup_ControlGroup; });
+__webpack_require__.d(__webpack_exports__, "ControlGroupContext", function() { return /* reexport */ ControlGroup_ControlGroupContext; });
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(2);
@@ -147,11 +141,11 @@ var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
+var ScreenReaderContent_ = __webpack_require__(15);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
-var Tooltip_ = __webpack_require__(45);
+var Tooltip_ = __webpack_require__(46);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -221,11 +215,26 @@ var StyledHelp = external_styled_components_default.a.div.withConfig({
   prisma: '4px'
 }));
 
+// CONCATENATED MODULE: ./src/ControlGroup/ControlGroupContext.tsx
+
+
+/**
+ * A React context used to inform subcomponets of ControlGroup of parent component values.
+ * The context interface is `ControlGroupContextValue`.
+ * Defaults to `'{}'`.
+ * @public
+ */
+var ControlGroupContext = /*#__PURE__*/external_react_default.a.createContext({});
+/* harmony default export */ var ControlGroup_ControlGroupContext = (ControlGroupContext);
 // CONCATENATED MODULE: ./src/ControlGroup/ControlGroup.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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 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; }
@@ -273,6 +282,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+ // props ControlGroup may access and/or override on children
+
 var propTypes = {
   children: external_prop_types_default.a.node,
   controlsLayout: external_prop_types_default.a.oneOf(['fill', 'fillJoin', 'none', 'stack']),
@@ -298,7 +309,14 @@ var defaultProps = {
   labelWidth: 120,
   size: 'medium'
 };
-
+// Style cloned onto child elements when fill behavior set.
+var FLEX_GROW_STYLE = {
+  flexGrow: 1
+}; // Margin bootom values cloned onto child elements when the stacking behavior is needed.
+
+var CHILD_MARGIN_BOTTOM_DEFAULT = '0';
+var CHILD_MARGIN_BOTTOM_PRISMA = '16px';
+var CHILD_MARGIN_BOTTOM_PRISMA_COMPACT = '12px';
 /**
  * `ControlGroup` places a label and optional help text around one or more controls. The `ControlGroup`
  * will automatically add aria attributes to associate the controls with the labels and help text to
@@ -317,6 +335,7 @@ var defaultProps = {
  * attribute. If `inputId` is supported but not set a generated id is used instead. If `inputId` isn't
  * supported `id` is used. The `labelFor` prop may be used to override the `for` attribute.
  */
+
 var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
   _inherits(ControlGroup, _Component);
 
@@ -334,6 +353,38 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "labelId", void 0);
 
+    _defineProperty(_assertThisInitialized(_this), "contextValue", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "childIds", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "stackLayoutChildStyle", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "getChildID", function (key, index) {
+      var childKey = "".concat(key, "-").concat(index);
+      var value = _this.childIds[childKey];
+
+      if (!value || !value.length) {
+        value = Object(id_["createDOMID"])(key);
+        _this.childIds[childKey] = value;
+      }
+
+      return value;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getStackLayoutChildStyle", function (isPrisma, isCompact) {
+      if (isPrisma) {
+        if (isCompact) {
+          _this.stackLayoutChildStyle.marginBottom = CHILD_MARGIN_BOTTOM_PRISMA_COMPACT;
+        }
+
+        _this.stackLayoutChildStyle.marginBottom = CHILD_MARGIN_BOTTOM_PRISMA;
+      } else {
+        _this.stackLayoutChildStyle.marginBottom = CHILD_MARGIN_BOTTOM_DEFAULT;
+      }
+
+      return _this.stackLayoutChildStyle;
+    });
+
     _defineProperty(_assertThisInitialized(_this), "hasInputId", function (item) {
       return item.type && item.type.propTypes && Object.prototype.hasOwnProperty.call(item.type.propTypes, 'inputId');
     });
@@ -370,10 +421,43 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
 
     _this.labelId = Object(id_["createDOMID"])('label');
     _this.helpId = Object(id_["createDOMID"])('help');
+    _this.contextValue = _this.createContextValue();
+    _this.childIds = {};
+    _this.stackLayoutChildStyle = {};
     return _this;
   }
 
   _createClass(ControlGroup, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
+      if (external_react_default.a.Children.count(nextProps.children) !== external_react_default.a.Children.count(this.props.children)) {
+        this.childIds = {};
+      }
+
+      return true;
+    }
+  }, {
+    key: "createContextValue",
+    value: function createContextValue() {
+      return {
+        labelAttrs: {
+          text: this.props.label,
+          id: this.labelId
+        }
+      };
+    }
+  }, {
+    key: "getContextValue",
+    value: function getContextValue() {
+      var _this$contextValue$la, _this$contextValue$la2;
+
+      if (this.props.label !== ((_this$contextValue$la = this.contextValue.labelAttrs) === null || _this$contextValue$la === void 0 ? void 0 : _this$contextValue$la.text) || this.labelId !== ((_this$contextValue$la2 = this.contextValue.labelAttrs) === null || _this$contextValue$la2 === void 0 ? void 0 : _this$contextValue$la2.id)) {
+        this.contextValue = this.createContextValue();
+      }
+
+      return this.contextValue;
+    }
+  }, {
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -393,19 +477,11 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
           tooltip = _this$props.tooltip,
           otherProps = _objectWithoutProperties(_this$props, ["children", "controlsLayout", "error", "help", "hideLabel", "label", "labelFor", "labelPosition", "labelWidth", "size", "splunkTheme", "tooltip"]);
 
-      var isPrisma = splunkTheme.family === 'prisma';
-      var isCompact = splunkTheme.density === 'compact';
+      var isPrisma = splunkTheme.isPrisma,
+          isCompact = splunkTheme.isCompact;
       var validChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]);
       var count = validChildren.length;
-      var writableOtherProps = otherProps;
-      var stackMarginBottom = '0px';
-
-      if (isPrisma && isCompact) {
-        stackMarginBottom = '12px';
-      } else if (isPrisma) {
-        stackMarginBottom = '16px';
-      } // Clean the Children
-
+      var writableOtherProps = otherProps; // Clean the Children
 
       var cloneWithProps = function cloneWithProps(item, i) {
         var cloneProps = {
@@ -448,8 +524,10 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
           cloneProps.inline = false;
 
           if (i < count - 1) {
-            cloneProps.style = item.props.style ? Object(external_lodash_["clone"])(item.props.style) : {};
-            cloneProps.style.marginBottom = stackMarginBottom;
+            // The spread operator is used as css styles are not nested, so there is no need for a deep copy.
+            var stackStyle = _this2.getStackLayoutChildStyle(isPrisma, isCompact);
+
+            cloneProps.style = item.props.style ? _objectSpread(_objectSpread({}, item.props.style), stackStyle) : stackStyle;
           }
         }
 
@@ -467,15 +545,16 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
         }
 
         if (count === 1 && (controlsLayout === 'fillJoin' || controlsLayout === 'fill')) {
-          cloneProps.style = item.props.style ? Object(external_lodash_["clone"])(item.props.style) : {};
-          cloneProps.style.flexGrow = 1; // some controls like Select do not grow by default
+          // Some controls like Select do not grow by default, so flexGrow is applied
+          // The spread operator is used as css styles are not nested, so there is no need for a deep copy.
+          cloneProps.style = item.props.style ? _objectSpread(_objectSpread({}, item.props.style), FLEX_GROW_STYLE) : FLEX_GROW_STYLE;
         }
 
         if (!labelFor && item) {
           if (_this2.hasInputId(item)) {
-            cloneProps.inputId = item.props.inputId || Object(id_["createDOMID"])('id');
+            cloneProps.inputId = item.props.inputId || _this2.getChildID('input-id', i);
           } else {
-            cloneProps.id = item.props.id || Object(id_["createDOMID"])('id');
+            cloneProps.id = item.props.id || _this2.getChildID('id', i);
           }
         }
 
@@ -514,7 +593,9 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
         "data-test": "control-group",
         $error: error
-      }, writableOtherProps), hideLabel ? /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, styledLabel) : styledLabel, /*#__PURE__*/external_react_default.a.createElement(StyledControlsComponent, {
+      }, writableOtherProps), /*#__PURE__*/external_react_default.a.createElement(ControlGroup_ControlGroupContext.Provider, {
+        value: this.getContextValue()
+      }, hideLabel ? /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, styledLabel) : styledLabel, /*#__PURE__*/external_react_default.a.createElement(StyledControlsComponent, {
         "data-test": "controls",
         flex: controlsLayout !== 'none',
         style: contentMarginStyle
@@ -522,7 +603,7 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
         "data-test": "help",
         id: this.helpId,
         style: contentMarginStyle
-      }, help));
+      }, help)));
     }
   }]);
 
@@ -536,10 +617,18 @@ _defineProperty(ControlGroup_ControlGroup, "defaultProps", defaultProps);
 var ControlGroupWithTheme = Object(themes_["withSplunkTheme"])(ControlGroup_ControlGroup);
 ControlGroupWithTheme.propTypes = ControlGroup_ControlGroup.propTypes;
 /* harmony default export */ var src_ControlGroup_ControlGroup = (ControlGroupWithTheme);
+
 // CONCATENATED MODULE: ./src/ControlGroup/index.ts
 
 
 
+/***/ }),
+
+/***/ 15:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ScreenReaderContent");
+
 /***/ }),
 
 /***/ 2:
@@ -563,7 +652,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 45:
+/***/ 46:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Tooltip");

package/Date.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 132);
+/******/ 	return __webpack_require__(__webpack_require__.s = 136);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,34 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 132:
+/***/ 11:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
+/**
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
+ *
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
+ * @param current - The new value of the ref.
+ */
+function updateReactRef(ref, current) {
+  if (ref) {
+    if (typeof ref === 'function') {
+      ref(current);
+    } else {
+      // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+      // the intention here is to signal "we will take care of setting 'current', not you".
+      ref.current = current; // eslint-disable-line no-param-reassign
+    }
+  }
+}
+
+
+
+/***/ }),
+
+/***/ 136:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -141,11 +168,11 @@ var id_ = __webpack_require__(10);
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Calendar"
-var Calendar_ = __webpack_require__(75);
+var Calendar_ = __webpack_require__(77);
 var Calendar_default = /*#__PURE__*/__webpack_require__.n(Calendar_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(17);
+var Popover_ = __webpack_require__(16);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -156,7 +183,7 @@ 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/Text"
-var Text_ = __webpack_require__(26);
+var Text_ = __webpack_require__(21);
 var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 
 // CONCATENATED MODULE: ./src/Date/DateStyles.ts
@@ -179,7 +206,10 @@ var StyledText = external_styled_components_default()(Text_default.a).withConfig
 var IconContainer = external_styled_components_default.a.div.withConfig({
   displayName: "DateStyles__IconContainer",
   componentId: "kacgdc-1"
-})(["position:absolute;height:100%;left:0;top:0;z-index:1;display:flex;align-items:center;padding:0 8px;border-bottom-left-radius:3px;border-top-left-radius:3px;color:", ";pointer-events:none;"], Object(themes_["pickVariant"])('$disabled', {
+})(["display:flex;align-items:center;padding:", ";color:", ";pointer-events:none;"], Object(themes_["pick"])({
+  comfortable: '0 8px',
+  compact: '0 6px'
+}), Object(themes_["pickVariant"])('$disabled', {
   "false": themes_["variables"].contentColorMuted,
   "true": themes_["variables"].contentColorDisabled
 }));
@@ -204,6 +234,9 @@ function CalendarIcon(props) {
     d: "M16.6001 2C17.1524 2 17.6001 2.44772 17.6001 3V4H19C20.1046 4 21 4.89543 21 6V8.5V9.5V19.5C21 19.7761 20.7761 20 20.5 20H3.5C3.22386 20 3 19.7761 3 19.5V9.5V8.5V6C3 4.89543 3.89543 4 5 4H6.6001V3C6.6001 2.44772 7.04781 2 7.6001 2C8.15238 2 8.6001 2.44772 8.6001 3V4H15.6001V3C15.6001 2.44772 16.0478 2 16.6001 2ZM6.6001 6C6.6001 6.55228 7.04781 7 7.6001 7C8.15238 7 8.6001 6.55228 8.6001 6H15.6001C15.6001 6.55228 16.0478 7 16.6001 7C17.1524 7 17.6001 6.55228 17.6001 6H19V8H5L5 6H6.6001ZM19 10H5V18H19V10Z"
   }));
 }
+// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
+var updateReactRef = __webpack_require__(11);
+
 // CONCATENATED MODULE: ./src/Date/Date.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); }
 
@@ -242,6 +275,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 var propTypes = {
   defaultValue: external_prop_types_default.a.string,
   describedBy: external_prop_types_default.a.string,
@@ -413,6 +447,14 @@ var _Date = /*#__PURE__*/function (_Component) {
       _this.setState({
         anchor: el
       });
+
+      Object(updateReactRef["a" /* updateReactRef */])(_this.props.elementRef, el);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleInputMount", function (el) {
+      _this.setState({
+        input: el
+      });
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleRequestClose", function (_ref3) {
@@ -429,6 +471,7 @@ var _Date = /*#__PURE__*/function (_Component) {
     _this.state = {
       anchor: null,
       calendarOpen: false,
+      input: null,
       value: _this.isControlled() ? undefined : dateString
     };
     _this.popoverId = Object(id_["createDOMID"])('calender');
@@ -467,9 +510,9 @@ var _Date = /*#__PURE__*/function (_Component) {
   }, {
     key: "focus",
     value: function focus() {
-      var _this$state$anchor;
+      var _this$state$input;
 
-      (_this$state$anchor = this.state.anchor) === null || _this$state$anchor === void 0 ? void 0 : _this$state$anchor.focus();
+      (_this$state$input = this.state.input) === null || _this$state$input === void 0 ? void 0 : _this$state$input.focus();
     }
   }, {
     key: "render",
@@ -477,8 +520,11 @@ var _Date = /*#__PURE__*/function (_Component) {
       var _this$props5 = this.props,
           highlightToday = _this$props5.highlightToday,
           splunkTheme = _this$props5.splunkTheme;
-      var isPrisma = splunkTheme.family === 'prisma';
+      var isPrisma = splunkTheme.isPrisma;
       var currentValue = this.getValue();
+      var startAdornment = isPrisma && /*#__PURE__*/external_react_default.a.createElement(IconContainer, {
+        $disabled: this.props.disabled
+      }, /*#__PURE__*/external_react_default.a.createElement(CalendarIcon, null));
       return /*#__PURE__*/external_react_default.a.createElement(StyledText, Date_extends({
         autoCapitalize: "off",
         autoComplete: "off",
@@ -487,24 +533,15 @@ var _Date = /*#__PURE__*/function (_Component) {
         "data-test": "date",
         "data-test-value": currentValue,
         "data-test-popover-id": this.popoverId,
+        elementRef: this.handleMount,
+        inputRef: this.handleInputMount,
         onChange: this.handleInputChange,
         onClick: this.handleClick,
         onFocus: this.handleFocus,
         onKeyDown: this.handleKeyDown,
         value: this.getTextInputValue(),
-        inputRef: this.handleMount
-      }, Object(external_lodash_["omit"])(this.props, 'className', 'defaultValue', 'multiline', 'locale', 'onChange', 'onClick', 'onFocus', 'onKeyDown', 'onSelect', 'spellCheck', 'value'), {
-        inputStyle: isPrisma ? {
-          paddingLeft: '26px'
-        } : undefined
-      }), isPrisma && /*#__PURE__*/external_react_default.a.createElement(IconContainer, {
-        $disabled: this.props.disabled
-      }, /*#__PURE__*/external_react_default.a.createElement(CalendarIcon, {
-        style: {
-          width: 24,
-          height: 24
-        }
-      })), /*#__PURE__*/external_react_default.a.createElement(Popover_default.a, {
+        startAdornment: startAdornment
+      }, Object(external_lodash_["omit"])(this.props, 'className', 'defaultValue', 'elementRef', 'multiline', 'locale', 'onChange', 'onClick', 'onFocus', 'onKeyDown', 'onSelect', 'spellCheck', 'value')), /*#__PURE__*/external_react_default.a.createElement(Popover_default.a, {
         anchor: this.state.anchor,
         id: this.popoverId,
         open: this.props.disabled ? false : this.state.calendarOpen,
@@ -539,7 +576,7 @@ DateWithTheme.momentFormat = _Date.momentFormat;
 
 /***/ }),
 
-/***/ 17:
+/***/ 16:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
@@ -560,7 +597,7 @@ module.exports = require("moment");
 
 /***/ }),
 
-/***/ 26:
+/***/ 21:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Text");
@@ -581,7 +618,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 75:
+/***/ 77:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Calendar");

package/DefinitionList.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 = 120);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 115:
+/***/ 120:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Dropdown.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 167);
+/******/ 	return __webpack_require__(__webpack_require__.s = 171);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 12:
+/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,7 +128,14 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 167:
+/***/ 16:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Popover");
+
+/***/ }),
+
+/***/ 171:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -154,11 +161,11 @@ var external_lodash_ = __webpack_require__(4);
 var id_ = __webpack_require__(10);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(17);
+var Popover_ = __webpack_require__(16);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // CONCATENATED MODULE: ./src/Dropdown/Dropdown.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); }
@@ -444,13 +451,6 @@ _defineProperty(Dropdown_Dropdown, "defaultProps", defaultProps);
 
 
 
-/***/ }),
-
-/***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Popover");
-
 /***/ }),
 
 /***/ 2: