@splunk/react-ui 4.9.0 → 4.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/Accordion.js +4 -4
  2. package/Anchor.js +2 -2
  3. package/Animation.js +4 -4
  4. package/AnimationToggle.js +2 -2
  5. package/Box.js +2 -2
  6. package/Button.js +24 -48
  7. package/ButtonGroup.js +6 -27
  8. package/ButtonSimple.js +4 -4
  9. package/CHANGELOG.md +63 -6
  10. package/Calendar.js +39 -39
  11. package/Card.js +54 -68
  12. package/CardLayout.js +14 -35
  13. package/Chip.js +19 -19
  14. package/Clickable.js +28 -13
  15. package/CloseButton.js +15 -15
  16. package/Code.js +8 -5
  17. package/CollapsiblePanel.js +6 -6
  18. package/Color.js +21 -21
  19. package/ColumnLayout.js +7 -7
  20. package/ComboBox.js +19 -14
  21. package/Concertina.js +13 -13
  22. package/ControlGroup.js +28 -18
  23. package/Date.js +10 -10
  24. package/DefinitionList.js +2 -2
  25. package/Dropdown.js +6 -6
  26. package/EventListener.js +4 -4
  27. package/File.js +31 -31
  28. package/FormRows.js +11 -11
  29. package/Heading.js +2 -2
  30. package/Image.js +21 -21
  31. package/JSONTree.js +40 -22
  32. package/Layer.js +72 -22
  33. package/Link.js +9 -9
  34. package/List.js +2 -2
  35. package/Markdown.js +26 -29
  36. package/Menu.js +53 -53
  37. package/Message.js +33 -33
  38. package/MessageBar.js +46 -39
  39. package/Modal.js +8 -8
  40. package/ModalLayer.js +16 -7
  41. package/Monogram.js +27 -15
  42. package/Multiselect.js +101 -97
  43. package/Number.js +6 -6
  44. package/Paginator.js +46 -49
  45. package/Paragraph.js +2 -2
  46. package/Popover.js +18 -13
  47. package/Progress.js +8 -8
  48. package/RadioBar.js +145 -41
  49. package/RadioList.js +2 -2
  50. package/Resize.js +4 -4
  51. package/ResultsMenu.js +62 -41
  52. package/ScreenReaderContent.js +2 -2
  53. package/Scroll.js +6 -6
  54. package/ScrollContainerContext.js +2 -2
  55. package/Search.js +19 -18
  56. package/Select.js +81 -79
  57. package/SidePanel.js +4 -4
  58. package/Slider.js +8 -8
  59. package/SlidingPanels.js +16 -7
  60. package/StaticContent.js +2 -2
  61. package/StepBar.js +8 -8
  62. package/Switch.js +8 -8
  63. package/TabBar.js +15 -15
  64. package/TabLayout.js +4 -4
  65. package/Table.js +119 -92
  66. package/Text.js +121 -241
  67. package/TextArea.js +1444 -0
  68. package/Tooltip.js +17 -6
  69. package/TransitionOpen.js +20 -10
  70. package/Typography.js +225 -0
  71. package/WaitSpinner.js +4 -4
  72. package/cypress.json +1 -0
  73. package/package.json +21 -8
  74. package/stubs-splunkui.d.ts +13 -0
  75. package/test-runner-jest.config.js +38 -0
  76. package/types/src/Accordion/AccordionContext.d.ts +0 -1
  77. package/types/src/Button/Button.d.ts +0 -2
  78. package/types/src/ButtonGroup/ButtonGroupContext.d.ts +0 -1
  79. package/types/src/Card/Body.d.ts +6 -1
  80. package/types/src/Card/Card.d.ts +0 -2
  81. package/types/src/CardLayout/CardLayoutContext.d.ts +0 -1
  82. package/types/src/Clickable/Clickable.d.ts +5 -0
  83. package/types/src/ComboBox/ComboBox.d.ts +15 -5
  84. package/types/src/Concertina/ConcertinaContext.d.ts +0 -1
  85. package/types/src/ControlGroup/ControlGroup.d.ts +9 -2
  86. package/types/src/Date/Date.d.ts +3 -3
  87. package/types/src/File/FileContext.d.ts +0 -1
  88. package/types/src/FormRows/FormRows.d.ts +1 -1
  89. package/types/src/FormRows/FormRowsContext.d.ts +0 -1
  90. package/types/src/FormRows/Row.d.ts +1 -1
  91. package/types/src/JSONTree/JSONTree.d.ts +2 -2
  92. package/types/src/JSONTree/TreeNode.d.ts +1 -1
  93. package/types/src/JSONTree/docs/examples/WithShiftModifier.d.ts +1 -0
  94. package/types/src/Layer/LayerStack.d.ts +8 -2
  95. package/types/src/Markdown/Markdown.d.ts +2 -3
  96. package/types/src/Menu/MenuContext.d.ts +0 -1
  97. package/types/src/Modal/ModalContext.d.ts +0 -1
  98. package/types/src/ModalLayer/ModalLayer.d.ts +2 -0
  99. package/types/src/Monogram/Monogram.d.ts +2 -2
  100. package/types/src/Multiselect/Compact.d.ts +11 -4
  101. package/types/src/Multiselect/Multiselect.d.ts +14 -5
  102. package/types/src/Multiselect/Normal.d.ts +11 -4
  103. package/types/src/Number/Number.d.ts +3 -3
  104. package/types/src/Popover/Popover.d.ts +1 -0
  105. package/types/src/Popover/PopoverContext.d.ts +0 -1
  106. package/types/src/RadioBar/Option.d.ts +10 -2
  107. package/types/src/RadioBar/RadioBar.d.ts +4 -1
  108. package/types/src/RadioBar/RadioBarContext.d.ts +4 -2
  109. package/types/src/RadioList/RadioListContext.d.ts +0 -1
  110. package/types/src/ResultsMenu/ResultsMenu.d.ts +8 -2
  111. package/types/src/Search/Search.d.ts +4 -0
  112. package/types/src/Select/Select.d.ts +13 -4
  113. package/types/src/Select/SelectBase.d.ts +12 -4
  114. package/types/src/SidePanel/SidePanel.d.ts +2 -1
  115. package/types/src/Slider/Slider.d.ts +3 -3
  116. package/types/src/SlidingPanels/SlidingPanels.d.ts +2 -0
  117. package/types/src/StepBar/StepBarContext.d.ts +0 -1
  118. package/types/src/TabBar/TabBarContext.d.ts +0 -1
  119. package/types/src/Table/HeadCell.d.ts +7 -3
  120. package/types/src/Table/Table.d.ts +2 -3
  121. package/types/src/Table/TableContext.d.ts +5 -0
  122. package/types/src/Text/Text.d.ts +22 -12
  123. package/types/src/TextArea/TextArea.d.ts +190 -0
  124. package/types/src/TextArea/docs/examples/Basic.d.ts +2 -0
  125. package/types/src/TextArea/docs/examples/Disabled.d.ts +2 -0
  126. package/types/src/TextArea/docs/examples/Error.d.ts +2 -0
  127. package/types/src/TextArea/docs/examples/Inline.d.ts +2 -0
  128. package/types/src/TextArea/docs/examples/Uncontrolled.d.ts +2 -0
  129. package/types/src/TextArea/index.d.ts +2 -0
  130. package/types/src/{Text → TextArea}/syncHeightWithShadow.d.ts +1 -2
  131. package/types/src/Tooltip/Tooltip.d.ts +8 -5
  132. package/types/src/TransitionOpen/TransitionOpen.d.ts +3 -0
  133. package/types/src/TransitionOpen/index.d.ts +1 -0
  134. package/types/src/Typography/Typography.d.ts +78 -0
  135. package/types/src/Typography/docs/examples/Basic.d.ts +2 -0
  136. package/types/src/Typography/docs/examples/Variants.d.ts +2 -0
  137. package/types/src/Typography/index.d.ts +2 -0
  138. package/types/src/Typography/test/Typography.unit.d.ts +1 -0
  139. package/types/src/fixtures/FetchOptions.d.ts +82 -2
  140. package/usePrevious.js +2 -2
  141. package/FetchOptions.js +0 -359
  142. package/types/src/FetchOptions/FetchOptions.d.ts +0 -82
  143. package/types/src/FetchOptions/index.d.ts +0 -2
package/Multiselect.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 128);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 124);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,14 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 100:
112
- /***/ (function(module, exports) {
113
-
114
- module.exports = require("@splunk/react-ui/Chip");
115
-
116
- /***/ }),
117
-
118
- /***/ 12:
111
+ /***/ 11:
119
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
113
 
121
114
  "use strict";
@@ -142,7 +135,7 @@ function updateReactRef(ref, current) {
142
135
 
143
136
  /***/ }),
144
137
 
145
- /***/ 128:
138
+ /***/ 124:
146
139
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
147
140
 
148
141
  "use strict";
@@ -319,7 +312,7 @@ _defineProperty(Option_Option, "defaultProps", defaultProps);
319
312
 
320
313
  /* harmony default export */ var Multiselect_Option = (Option_Option);
321
314
  // EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 2 modules
322
- var SelectBase = __webpack_require__(42);
315
+ var SelectBase = __webpack_require__(44);
323
316
 
324
317
  // CONCATENATED MODULE: ./src/Multiselect/Compact.tsx
325
318
  function Compact_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Compact_typeof = function _typeof(obj) { return typeof obj; }; } else { Compact_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Compact_typeof(obj); }
@@ -384,6 +377,7 @@ var Compact_propTypes = {
384
377
  onClose: external_prop_types_default.a.func,
385
378
  onFilterChange: external_prop_types_default.a.func,
386
379
  onOpen: external_prop_types_default.a.func,
380
+ onScroll: external_prop_types_default.a.func,
387
381
  onScrollBottom: external_prop_types_default.a.func,
388
382
  placeholder: external_prop_types_default.a.string,
389
383
  repositionMode: external_prop_types_default.a.oneOf(['none', 'flip']),
@@ -478,15 +472,15 @@ var id_ = __webpack_require__(10);
478
472
  var keyboard_ = __webpack_require__(9);
479
473
 
480
474
  // EXTERNAL MODULE: external "@splunk/react-ui/Chip"
481
- var Chip_ = __webpack_require__(100);
475
+ var Chip_ = __webpack_require__(97);
482
476
  var Chip_default = /*#__PURE__*/__webpack_require__.n(Chip_);
483
477
 
484
478
  // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
485
- var ResultsMenu_ = __webpack_require__(32);
479
+ var ResultsMenu_ = __webpack_require__(33);
486
480
  var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
487
481
 
488
482
  // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
489
- var Popover_ = __webpack_require__(16);
483
+ var Popover_ = __webpack_require__(17);
490
484
  var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
491
485
 
492
486
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
@@ -580,7 +574,7 @@ var StyledOverlay = external_styled_components_default.a.div.withConfig({
580
574
  });
581
575
 
582
576
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
583
- var updateReactRef = __webpack_require__(12);
577
+ var updateReactRef = __webpack_require__(11);
584
578
 
585
579
  // CONCATENATED MODULE: ./src/Multiselect/Normal.tsx
586
580
  function Normal_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Normal_typeof = function _typeof(obj) { return typeof obj; }; } else { Normal_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Normal_typeof(obj); }
@@ -669,6 +663,7 @@ var Normal_propTypes = {
669
663
  onClose: external_prop_types_default.a.func,
670
664
  onFilterChange: external_prop_types_default.a.func,
671
665
  onOpen: external_prop_types_default.a.func,
666
+ onScroll: external_prop_types_default.a.func,
672
667
  onScrollBottom: external_prop_types_default.a.func,
673
668
  placeholder: external_prop_types_default.a.string,
674
669
  repositionMode: external_prop_types_default.a.oneOf(['none', 'flip']),
@@ -819,7 +814,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
819
814
  var beforeLastChild = external_react_["Children"].toArray(children).length - (2 + ((_this$getCurrentValue = _this.getCurrentValues()) !== null && _this$getCurrentValue !== void 0 ? _this$getCurrentValue : []).length);
820
815
 
821
816
  if (_this.state.activeIndex === beforeLastChild) {
822
- onScrollBottom();
817
+ _this.handleScrollBottom(e);
823
818
  }
824
819
  }
825
820
  }
@@ -921,11 +916,11 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
921
916
  }
922
917
  });
923
918
 
924
- Normal_defineProperty(Normal_assertThisInitialized(_this), "handleScrollBottom", function () {
919
+ Normal_defineProperty(Normal_assertThisInitialized(_this), "handleScrollBottom", function (e) {
925
920
  if (_this.state.open && !_this.props.isLoadingOptions) {
926
921
  var _this$props$onScrollB, _this$props7;
927
922
 
928
- (_this$props$onScrollB = (_this$props7 = _this.props).onScrollBottom) === null || _this$props$onScrollB === void 0 ? void 0 : _this$props$onScrollB.call(_this$props7);
923
+ (_this$props$onScrollB = (_this$props7 = _this.props).onScrollBottom) === null || _this$props$onScrollB === void 0 ? void 0 : _this$props$onScrollB.call(_this$props7, e);
929
924
 
930
925
  _this.setState({
931
926
  loadingMoreMessage: "".concat(_this.availableOptionCount, " options, loading more options")
@@ -962,7 +957,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
962
957
  maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : undefined,
963
958
  isLoading: _this.props.isLoadingOptions,
964
959
  onScrollBottom: _this.props.onScrollBottom ? _this.handleScrollBottom : undefined
965
- }, Object(external_lodash_["pick"])(_this.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage'), {
960
+ }, Object(external_lodash_["pick"])(_this.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage', 'onScroll'), {
966
961
  style: Object(external_lodash_["extend"])({
967
962
  width: Math.max(anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : 0, 200)
968
963
  }, _this.props.menuStyle)
@@ -1235,7 +1230,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
1235
1230
  "data-test-values": JSON.stringify(currentValues),
1236
1231
  inline: inline,
1237
1232
  $hasfocus: this.state.hasFocus
1238
- }, external_lodash_["omit"].apply(void 0, [otherProps, 'animateLoading', 'controlledFilter', 'defaultValues', 'footerMessage', 'inputRef', 'isLoadingOptions', 'labelledBy', 'menuStyle', 'noOptionsMessage', 'onChange', 'onFilterChange', 'onScrollBottom', 'onClose', 'onOpen', 'values', 'useClickawayOverlay'].concat(_toConsumableArray(Object(external_lodash_["keys"])(ariaProps)))), {
1233
+ }, external_lodash_["omit"].apply(void 0, [otherProps, 'animateLoading', 'controlledFilter', 'defaultValues', 'footerMessage', 'inputRef', 'isLoadingOptions', 'labelledBy', 'menuStyle', 'noOptionsMessage', 'onChange', 'onFilterChange', 'onScroll', 'onScrollBottom', 'onClose', 'onOpen', 'values', 'useClickawayOverlay'].concat(_toConsumableArray(Object(external_lodash_["keys"])(ariaProps)))), {
1239
1234
  onClick: disabled ? undefined : this.handleClick,
1240
1235
  $disabled: disabled,
1241
1236
  $error: error,
@@ -1366,6 +1361,7 @@ var Multiselect_propTypes = {
1366
1361
  onClose: external_prop_types_default.a.func,
1367
1362
  onFilterChange: external_prop_types_default.a.func,
1368
1363
  onOpen: external_prop_types_default.a.func,
1364
+ onScroll: external_prop_types_default.a.func,
1369
1365
  onScrollBottom: external_prop_types_default.a.func,
1370
1366
  placeholder: external_prop_types_default.a.string,
1371
1367
  repositionMode: external_prop_types_default.a.oneOf(['none', 'flip']),
@@ -1464,28 +1460,28 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
1464
1460
  /***/ 16:
1465
1461
  /***/ (function(module, exports) {
1466
1462
 
1467
- module.exports = require("@splunk/react-ui/Popover");
1463
+ module.exports = require("@splunk/react-ui/Button");
1468
1464
 
1469
1465
  /***/ }),
1470
1466
 
1471
1467
  /***/ 17:
1472
1468
  /***/ (function(module, exports) {
1473
1469
 
1474
- module.exports = require("@splunk/react-ui/Button");
1470
+ module.exports = require("@splunk/react-ui/Popover");
1475
1471
 
1476
1472
  /***/ }),
1477
1473
 
1478
- /***/ 19:
1474
+ /***/ 2:
1479
1475
  /***/ (function(module, exports) {
1480
1476
 
1481
- module.exports = require("@splunk/react-ui/Dropdown");
1477
+ module.exports = require("react");
1482
1478
 
1483
1479
  /***/ }),
1484
1480
 
1485
- /***/ 2:
1481
+ /***/ 20:
1486
1482
  /***/ (function(module, exports) {
1487
1483
 
1488
- module.exports = require("react");
1484
+ module.exports = require("@splunk/react-ui/Dropdown");
1489
1485
 
1490
1486
  /***/ }),
1491
1487
 
@@ -1693,21 +1689,71 @@ module.exports = require("styled-components");
1693
1689
 
1694
1690
  /***/ }),
1695
1691
 
1696
- /***/ 32:
1692
+ /***/ 33:
1697
1693
  /***/ (function(module, exports) {
1698
1694
 
1699
1695
  module.exports = require("@splunk/react-ui/ResultsMenu");
1700
1696
 
1701
1697
  /***/ }),
1702
1698
 
1703
- /***/ 36:
1699
+ /***/ 34:
1700
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
1701
+
1702
+ "use strict";
1703
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
1704
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1705
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1706
+ /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41);
1707
+ /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__);
1708
+ /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1709
+ /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1710
+ 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); }
1711
+
1712
+
1713
+
1714
+
1715
+
1716
+
1717
+ function Prisma24(_ref) {
1718
+ var otherProps = _extends({}, _ref);
1719
+
1720
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1721
+ viewBox: "0 0 24 24"
1722
+ }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1723
+ d: "M10.5,3.0015 C14.6421,3.0015 18,6.3593 18,10.5015 C18,12.2112 17.4279,13.7873 16.4647,15.0489 L20.7077,19.292 C21.0983,19.6825 21.0983,20.3156 20.7077,20.7062 C20.3172,21.0967 19.6841,21.0967 19.2935,20.7062 L15.0509,16.4635 C13.7888,17.4283 12.2113,18.0015 10.5,18.0015 C6.3579,18.0015 3,14.6436 3,10.5015 C3,6.3593 6.3579,3.0015 10.5,3.0015 Z M10.5,5.0015 C7.4624,5.0015 5,7.4639 5,10.5015 C5,13.539 7.4624,16.0015 10.5,16.0015 C13.5376,16.0015 16,13.539 16,10.5015 C16,7.4639 13.5376,5.0015 10.5,5.0015 Z",
1724
+ fill: "currentColor"
1725
+ }));
1726
+ }
1727
+
1728
+ function Prisma16(_ref2) {
1729
+ var otherProps = _extends({}, _ref2);
1730
+
1731
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1732
+ viewBox: "0 0 16 16"
1733
+ }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1734
+ d: "M6.85277,2.0015 C9.53288,2.0015 11.7055,4.1741 11.7055,6.8542 C11.7055,7.8463 11.4079,8.7688 10.897,9.5373 L10.9245,9.5098 L14.0018,12.5871 L12.5876,14.0014 L9.51025,10.924 L9.53587,10.8984 C8.76733,11.4093 7.84481,11.707 6.85277,11.707 C4.17266,11.707 2,9.5343 2,6.8542 C2,4.1741 4.17266,2.0015 6.85277,2.0015 Z M6.85277,4.0015 C5.27723,4.0015 4,5.2787 4,6.8542 C4,8.4298 5.27723,9.707 6.85277,9.707 C8.42831,9.707 9.70554,8.4298 9.70554,6.8542 C9.70554,5.2787 8.42831,4.0015 6.85277,4.0015 Z",
1735
+ fill: "currentColor"
1736
+ }));
1737
+ }
1738
+
1739
+ function Search(props) {
1740
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1741
+ Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
1742
+ Prisma16: Prisma16,
1743
+ Prisma24: Prisma24
1744
+ }, props));
1745
+ }
1746
+
1747
+ /***/ }),
1748
+
1749
+ /***/ 38:
1704
1750
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1705
1751
 
1706
1752
  "use strict";
1707
1753
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
1708
1754
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1709
1755
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1710
- /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(37);
1756
+ /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39);
1711
1757
  /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__);
1712
1758
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1713
1759
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1738,7 +1784,7 @@ function CaretDown(props) {
1738
1784
 
1739
1785
  /***/ }),
1740
1786
 
1741
- /***/ 37:
1787
+ /***/ 39:
1742
1788
  /***/ (function(module, exports) {
1743
1789
 
1744
1790
  module.exports = require("@splunk/react-icons/Caret");
@@ -1752,7 +1798,14 @@ module.exports = require("lodash");
1752
1798
 
1753
1799
  /***/ }),
1754
1800
 
1755
- /***/ 42:
1801
+ /***/ 41:
1802
+ /***/ (function(module, exports) {
1803
+
1804
+ module.exports = require("@splunk/react-icons/Search");
1805
+
1806
+ /***/ }),
1807
+
1808
+ /***/ 44:
1756
1809
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1757
1810
 
1758
1811
  "use strict";
@@ -1788,7 +1841,7 @@ var i18n_ = __webpack_require__(5);
1788
1841
  var keyboard_ = __webpack_require__(9);
1789
1842
 
1790
1843
  // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
1791
- var Dropdown_ = __webpack_require__(19);
1844
+ var Dropdown_ = __webpack_require__(20);
1792
1845
  var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
1793
1846
 
1794
1847
  // EXTERNAL MODULE: external "@splunk/react-ui/Link"
@@ -1799,7 +1852,7 @@ var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
1799
1852
  var Menu_ = __webpack_require__(13);
1800
1853
 
1801
1854
  // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
1802
- var ResultsMenu_ = __webpack_require__(32);
1855
+ var ResultsMenu_ = __webpack_require__(33);
1803
1856
  var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
1804
1857
 
1805
1858
  // EXTERNAL MODULE: external "@splunk/react-ui/Text"
@@ -1807,10 +1860,10 @@ var Text_ = __webpack_require__(23);
1807
1860
  var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
1808
1861
 
1809
1862
  // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
1810
- var CaretDown = __webpack_require__(36);
1863
+ var CaretDown = __webpack_require__(38);
1811
1864
 
1812
1865
  // EXTERNAL MODULE: ./src/icons/Search.tsx
1813
- var Search = __webpack_require__(44);
1866
+ var Search = __webpack_require__(34);
1814
1867
 
1815
1868
  // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
1816
1869
  var OptionBase = __webpack_require__(28);
@@ -1820,7 +1873,7 @@ var external_styled_components_ = __webpack_require__(3);
1820
1873
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
1821
1874
 
1822
1875
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
1823
- var Button_ = __webpack_require__(17);
1876
+ var Button_ = __webpack_require__(16);
1824
1877
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
1825
1878
 
1826
1879
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -2042,6 +2095,7 @@ var propTypes = {
2042
2095
  onClose: external_prop_types_default.a.func,
2043
2096
  onFilterChange: external_prop_types_default.a.func,
2044
2097
  onOpen: external_prop_types_default.a.func,
2098
+ onScroll: external_prop_types_default.a.func,
2045
2099
  onScrollBottom: external_prop_types_default.a.func,
2046
2100
  placeholder: external_prop_types_default.a.string,
2047
2101
  prefixLabel: external_prop_types_default.a.string,
@@ -2227,7 +2281,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
2227
2281
  var beforeLastChild = external_react_["Children"].toArray(children).length - (2 + ((_this$getCurrentValue2 = _this.getCurrentValues()) !== null && _this$getCurrentValue2 !== void 0 ? _this$getCurrentValue2 : []).length);
2228
2282
 
2229
2283
  if (_this.state.activeIndex === beforeLastChild) {
2230
- onScrollBottom();
2284
+ _this.handleScrollBottom(e);
2231
2285
  }
2232
2286
  }
2233
2287
  }
@@ -2393,11 +2447,11 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
2393
2447
  });
2394
2448
  });
2395
2449
 
2396
- _defineProperty(_assertThisInitialized(_this), "handleScrollBottom", function () {
2450
+ _defineProperty(_assertThisInitialized(_this), "handleScrollBottom", function (e) {
2397
2451
  if (_this.state.open && !_this.props.isLoadingOptions) {
2398
2452
  var _this$props$onScrollB, _this$props9;
2399
2453
 
2400
- (_this$props$onScrollB = (_this$props9 = _this.props).onScrollBottom) === null || _this$props$onScrollB === void 0 ? void 0 : _this$props$onScrollB.call(_this$props9);
2454
+ (_this$props$onScrollB = (_this$props9 = _this.props).onScrollBottom) === null || _this$props$onScrollB === void 0 ? void 0 : _this$props$onScrollB.call(_this$props9, e);
2401
2455
  }
2402
2456
  });
2403
2457
 
@@ -2983,7 +3037,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
2983
3037
  "data-test": "results-menu",
2984
3038
  isLoading: _this2.props.isLoadingOptions,
2985
3039
  id: _this2.menuId
2986
- }, Object(external_lodash_["pick"])(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage'), {
3040
+ }, Object(external_lodash_["pick"])(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage', 'onScroll'), {
2987
3041
  style: _objectSpread(_objectSpread({}, internalMenuStyle), _this2.props.menuStyle),
2988
3042
  tabIndex: currentValues.length > 0 && !isAnyValueSelected ? 0 : undefined
2989
3043
  }), finalChildren);
@@ -3026,56 +3080,6 @@ _defineProperty(SelectBase_SelectBase, "invalidLinkAppearanceProps", ['append',
3026
3080
  /* harmony default export */ var Select_SelectBase = __webpack_exports__["c"] = (SelectBase_SelectBase);
3027
3081
 
3028
3082
 
3029
- /***/ }),
3030
-
3031
- /***/ 44:
3032
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
3033
-
3034
- "use strict";
3035
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
3036
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
3037
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3038
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
3039
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__);
3040
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
3041
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
3042
- 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); }
3043
-
3044
-
3045
-
3046
-
3047
-
3048
-
3049
- function Prisma24(_ref) {
3050
- var otherProps = _extends({}, _ref);
3051
-
3052
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
3053
- viewBox: "0 0 24 24"
3054
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
3055
- d: "M10.5,3.0015 C14.6421,3.0015 18,6.3593 18,10.5015 C18,12.2112 17.4279,13.7873 16.4647,15.0489 L20.7077,19.292 C21.0983,19.6825 21.0983,20.3156 20.7077,20.7062 C20.3172,21.0967 19.6841,21.0967 19.2935,20.7062 L15.0509,16.4635 C13.7888,17.4283 12.2113,18.0015 10.5,18.0015 C6.3579,18.0015 3,14.6436 3,10.5015 C3,6.3593 6.3579,3.0015 10.5,3.0015 Z M10.5,5.0015 C7.4624,5.0015 5,7.4639 5,10.5015 C5,13.539 7.4624,16.0015 10.5,16.0015 C13.5376,16.0015 16,13.539 16,10.5015 C16,7.4639 13.5376,5.0015 10.5,5.0015 Z",
3056
- fill: "currentColor"
3057
- }));
3058
- }
3059
-
3060
- function Prisma16(_ref2) {
3061
- var otherProps = _extends({}, _ref2);
3062
-
3063
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
3064
- viewBox: "0 0 16 16"
3065
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
3066
- d: "M6.85277,2.0015 C9.53288,2.0015 11.7055,4.1741 11.7055,6.8542 C11.7055,7.8463 11.4079,8.7688 10.897,9.5373 L10.9245,9.5098 L14.0018,12.5871 L12.5876,14.0014 L9.51025,10.924 L9.53587,10.8984 C8.76733,11.4093 7.84481,11.707 6.85277,11.707 C4.17266,11.707 2,9.5343 2,6.8542 C2,4.1741 4.17266,2.0015 6.85277,2.0015 Z M6.85277,4.0015 C5.27723,4.0015 4,5.2787 4,6.8542 C4,8.4298 5.27723,9.707 6.85277,9.707 C8.42831,9.707 9.70554,8.4298 9.70554,6.8542 C9.70554,5.2787 8.42831,4.0015 6.85277,4.0015 Z",
3067
- fill: "currentColor"
3068
- }));
3069
- }
3070
-
3071
- function Search(props) {
3072
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
3073
- Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
3074
- Prisma16: Prisma16,
3075
- Prisma24: Prisma24
3076
- }, props));
3077
- }
3078
-
3079
3083
  /***/ }),
3080
3084
 
3081
3085
  /***/ 5:
@@ -3085,13 +3089,6 @@ module.exports = require("@splunk/ui-utils/i18n");
3085
3089
 
3086
3090
  /***/ }),
3087
3091
 
3088
- /***/ 51:
3089
- /***/ (function(module, exports) {
3090
-
3091
- module.exports = require("@splunk/react-icons/Search");
3092
-
3093
- /***/ }),
3094
-
3095
3092
  /***/ 6:
3096
3093
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
3097
3094
 
@@ -3247,6 +3244,13 @@ module.exports = require("@splunk/react-ui/Box");
3247
3244
 
3248
3245
  module.exports = require("@splunk/ui-utils/keyboard");
3249
3246
 
3247
+ /***/ }),
3248
+
3249
+ /***/ 97:
3250
+ /***/ (function(module, exports) {
3251
+
3252
+ module.exports = require("@splunk/react-ui/Chip");
3253
+
3250
3254
  /***/ })
3251
3255
 
3252
3256
  /******/ });
package/Number.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 144);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 140);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 11:
104
+ /***/ 12:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 144:
111
+ /***/ 140:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -162,11 +162,11 @@ var external_styled_components_ = __webpack_require__(3);
162
162
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
163
163
 
164
164
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
165
- var Button_ = __webpack_require__(17);
165
+ var Button_ = __webpack_require__(16);
166
166
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
167
167
 
168
168
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
169
- var Clickable_ = __webpack_require__(11);
169
+ var Clickable_ = __webpack_require__(12);
170
170
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
171
171
 
172
172
  // EXTERNAL MODULE: external "@splunk/react-ui/Text"
@@ -765,7 +765,7 @@ NumberWithTheme.propTypes = Number_Number.propTypes;
765
765
 
766
766
  /***/ }),
767
767
 
768
- /***/ 17:
768
+ /***/ 16:
769
769
  /***/ (function(module, exports) {
770
770
 
771
771
  module.exports = require("@splunk/react-ui/Button");