@splunk/react-ui 4.11.0 → 4.12.1

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 (102) hide show
  1. package/Accordion.js +2 -2
  2. package/Anchor.js +2 -2
  3. package/Animation.js +4 -4
  4. package/Box.js +2 -2
  5. package/Button.js +23 -23
  6. package/ButtonGroup.js +2 -2
  7. package/CHANGELOG.md +35 -0
  8. package/Calendar.js +20 -20
  9. package/Card.js +17 -17
  10. package/CardLayout.js +2 -2
  11. package/Chip.js +17 -17
  12. package/Clickable.js +7 -7
  13. package/CloseButton.js +15 -15
  14. package/Code.js +4 -4
  15. package/CollapsiblePanel.js +4 -4
  16. package/Color.js +17 -17
  17. package/ColumnLayout.js +7 -7
  18. package/ComboBox.js +12 -11
  19. package/Concertina.js +11 -11
  20. package/ControlGroup.js +4 -4
  21. package/Date.js +8 -8
  22. package/DefinitionList.js +2 -2
  23. package/Dropdown.js +4 -4
  24. package/EventListener.js +4 -4
  25. package/File.js +25 -25
  26. package/FormRows.js +10 -10
  27. package/Heading.js +3 -3
  28. package/Image.js +19 -19
  29. package/Layer.js +8 -8
  30. package/Link.js +9 -9
  31. package/List.js +2 -2
  32. package/Markdown.js +22 -22
  33. package/Menu.js +34 -34
  34. package/Message.js +35 -35
  35. package/MessageBar.js +32 -32
  36. package/Modal.js +8 -8
  37. package/ModalLayer.js +6 -6
  38. package/Monogram.js +2 -2
  39. package/Multiselect.js +96 -92
  40. package/Number.js +4 -4
  41. package/Paginator.js +20 -20
  42. package/Paragraph.js +2 -2
  43. package/Popover.js +8 -8
  44. package/Progress.js +8 -8
  45. package/RadioBar.js +4 -4
  46. package/RadioList.js +2 -2
  47. package/Resize.js +2 -2
  48. package/ResultsMenu.js +60 -39
  49. package/ScreenReaderContent.js +2 -2
  50. package/Scroll.js +6 -6
  51. package/ScrollContainerContext.js +2 -2
  52. package/Search.js +17 -16
  53. package/Select.js +89 -87
  54. package/SidePanel.js +4 -4
  55. package/Slider.js +8 -8
  56. package/SlidingPanels.js +4 -4
  57. package/StaticContent.js +2 -2
  58. package/StepBar.js +8 -8
  59. package/Switch.js +6 -6
  60. package/TabBar.js +6 -6
  61. package/TabLayout.js +4 -4
  62. package/Table.js +115 -83
  63. package/Text.js +132 -263
  64. package/TextArea.js +1447 -0
  65. package/Tooltip.js +4 -4
  66. package/TransitionOpen.js +10 -9
  67. package/Typography.js +225 -0
  68. package/WaitSpinner.js +4 -4
  69. package/cypress.json +1 -0
  70. package/package.json +14 -3
  71. package/test-runner-jest.config.js +38 -0
  72. package/types/src/ComboBox/ComboBox.d.ts +13 -4
  73. package/types/src/Multiselect/Compact.d.ts +11 -4
  74. package/types/src/Multiselect/Multiselect.d.ts +14 -5
  75. package/types/src/Multiselect/Normal.d.ts +11 -4
  76. package/types/src/ResultsMenu/ResultsMenu.d.ts +8 -2
  77. package/types/src/Search/Search.d.ts +4 -0
  78. package/types/src/Select/Select.d.ts +13 -4
  79. package/types/src/Select/SelectBase.d.ts +12 -4
  80. package/types/src/SidePanel/SidePanel.d.ts +2 -1
  81. package/types/src/Table/HeadCell.d.ts +7 -3
  82. package/types/src/Table/Table.d.ts +2 -3
  83. package/types/src/Table/TableContext.d.ts +5 -0
  84. package/types/src/Text/Text.d.ts +21 -12
  85. package/types/src/TextArea/TextArea.d.ts +190 -0
  86. package/types/src/TextArea/docs/examples/Basic.d.ts +2 -0
  87. package/types/src/TextArea/docs/examples/Disabled.d.ts +2 -0
  88. package/types/src/TextArea/docs/examples/Error.d.ts +2 -0
  89. package/types/src/TextArea/docs/examples/Inline.d.ts +2 -0
  90. package/types/src/TextArea/docs/examples/Uncontrolled.d.ts +2 -0
  91. package/types/src/TextArea/index.d.ts +2 -0
  92. package/types/src/{Text → TextArea}/syncHeightWithShadow.d.ts +1 -2
  93. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -0
  94. package/types/src/TransitionOpen/index.d.ts +1 -0
  95. package/types/src/Typography/Typography.d.ts +78 -0
  96. package/types/src/Typography/docs/examples/Basic.d.ts +2 -0
  97. package/types/src/Typography/docs/examples/Variants.d.ts +2 -0
  98. package/types/src/Typography/index.d.ts +2 -0
  99. package/types/src/Typography/test/Typography.unit.d.ts +1 -0
  100. package/usePrevious.js +2 -2
  101. package/types/src/Text/docs/examples/prisma/Multiline.d.ts +0 -10
  102. package/types/src/Text/docs/examples/prisma/Search.d.ts +0 -10
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 = 123);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 124);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -135,7 +135,7 @@ function updateReactRef(ref, current) {
135
135
 
136
136
  /***/ }),
137
137
 
138
- /***/ 123:
138
+ /***/ 124:
139
139
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
140
140
 
141
141
  "use strict";
@@ -312,7 +312,7 @@ _defineProperty(Option_Option, "defaultProps", defaultProps);
312
312
 
313
313
  /* harmony default export */ var Multiselect_Option = (Option_Option);
314
314
  // EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 2 modules
315
- var SelectBase = __webpack_require__(42);
315
+ var SelectBase = __webpack_require__(44);
316
316
 
317
317
  // CONCATENATED MODULE: ./src/Multiselect/Compact.tsx
318
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); }
@@ -377,6 +377,7 @@ var Compact_propTypes = {
377
377
  onClose: external_prop_types_default.a.func,
378
378
  onFilterChange: external_prop_types_default.a.func,
379
379
  onOpen: external_prop_types_default.a.func,
380
+ onScroll: external_prop_types_default.a.func,
380
381
  onScrollBottom: external_prop_types_default.a.func,
381
382
  placeholder: external_prop_types_default.a.string,
382
383
  repositionMode: external_prop_types_default.a.oneOf(['none', 'flip']),
@@ -471,15 +472,15 @@ var id_ = __webpack_require__(10);
471
472
  var keyboard_ = __webpack_require__(9);
472
473
 
473
474
  // EXTERNAL MODULE: external "@splunk/react-ui/Chip"
474
- var Chip_ = __webpack_require__(96);
475
+ var Chip_ = __webpack_require__(97);
475
476
  var Chip_default = /*#__PURE__*/__webpack_require__.n(Chip_);
476
477
 
477
478
  // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
478
- var ResultsMenu_ = __webpack_require__(32);
479
+ var ResultsMenu_ = __webpack_require__(34);
479
480
  var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
480
481
 
481
482
  // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
482
- var Popover_ = __webpack_require__(16);
483
+ var Popover_ = __webpack_require__(17);
483
484
  var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
484
485
 
485
486
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
@@ -662,6 +663,7 @@ var Normal_propTypes = {
662
663
  onClose: external_prop_types_default.a.func,
663
664
  onFilterChange: external_prop_types_default.a.func,
664
665
  onOpen: external_prop_types_default.a.func,
666
+ onScroll: external_prop_types_default.a.func,
665
667
  onScrollBottom: external_prop_types_default.a.func,
666
668
  placeholder: external_prop_types_default.a.string,
667
669
  repositionMode: external_prop_types_default.a.oneOf(['none', 'flip']),
@@ -812,7 +814,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
812
814
  var beforeLastChild = external_react_["Children"].toArray(children).length - (2 + ((_this$getCurrentValue = _this.getCurrentValues()) !== null && _this$getCurrentValue !== void 0 ? _this$getCurrentValue : []).length);
813
815
 
814
816
  if (_this.state.activeIndex === beforeLastChild) {
815
- onScrollBottom();
817
+ _this.handleScrollBottom(e);
816
818
  }
817
819
  }
818
820
  }
@@ -914,11 +916,11 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
914
916
  }
915
917
  });
916
918
 
917
- Normal_defineProperty(Normal_assertThisInitialized(_this), "handleScrollBottom", function () {
919
+ Normal_defineProperty(Normal_assertThisInitialized(_this), "handleScrollBottom", function (e) {
918
920
  if (_this.state.open && !_this.props.isLoadingOptions) {
919
921
  var _this$props$onScrollB, _this$props7;
920
922
 
921
- (_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);
922
924
 
923
925
  _this.setState({
924
926
  loadingMoreMessage: "".concat(_this.availableOptionCount, " options, loading more options")
@@ -955,7 +957,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
955
957
  maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : undefined,
956
958
  isLoading: _this.props.isLoadingOptions,
957
959
  onScrollBottom: _this.props.onScrollBottom ? _this.handleScrollBottom : undefined
958
- }, Object(external_lodash_["pick"])(_this.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage'), {
960
+ }, Object(external_lodash_["pick"])(_this.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage', 'onScroll'), {
959
961
  style: Object(external_lodash_["extend"])({
960
962
  width: Math.max(anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : 0, 200)
961
963
  }, _this.props.menuStyle)
@@ -1228,7 +1230,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
1228
1230
  "data-test-values": JSON.stringify(currentValues),
1229
1231
  inline: inline,
1230
1232
  $hasfocus: this.state.hasFocus
1231
- }, 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)))), {
1232
1234
  onClick: disabled ? undefined : this.handleClick,
1233
1235
  $disabled: disabled,
1234
1236
  $error: error,
@@ -1359,6 +1361,7 @@ var Multiselect_propTypes = {
1359
1361
  onClose: external_prop_types_default.a.func,
1360
1362
  onFilterChange: external_prop_types_default.a.func,
1361
1363
  onOpen: external_prop_types_default.a.func,
1364
+ onScroll: external_prop_types_default.a.func,
1362
1365
  onScrollBottom: external_prop_types_default.a.func,
1363
1366
  placeholder: external_prop_types_default.a.string,
1364
1367
  repositionMode: external_prop_types_default.a.oneOf(['none', 'flip']),
@@ -1457,28 +1460,28 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
1457
1460
  /***/ 16:
1458
1461
  /***/ (function(module, exports) {
1459
1462
 
1460
- module.exports = require("@splunk/react-ui/Popover");
1463
+ module.exports = require("@splunk/react-ui/Button");
1461
1464
 
1462
1465
  /***/ }),
1463
1466
 
1464
1467
  /***/ 17:
1465
1468
  /***/ (function(module, exports) {
1466
1469
 
1467
- module.exports = require("@splunk/react-ui/Button");
1470
+ module.exports = require("@splunk/react-ui/Popover");
1468
1471
 
1469
1472
  /***/ }),
1470
1473
 
1471
- /***/ 19:
1474
+ /***/ 2:
1472
1475
  /***/ (function(module, exports) {
1473
1476
 
1474
- module.exports = require("@splunk/react-ui/Dropdown");
1477
+ module.exports = require("react");
1475
1478
 
1476
1479
  /***/ }),
1477
1480
 
1478
- /***/ 2:
1481
+ /***/ 20:
1479
1482
  /***/ (function(module, exports) {
1480
1483
 
1481
- module.exports = require("react");
1484
+ module.exports = require("@splunk/react-ui/Dropdown");
1482
1485
 
1483
1486
  /***/ }),
1484
1487
 
@@ -1673,9 +1676,52 @@ _defineProperty(Option, "defaultProps", defaultProps);
1673
1676
  /***/ }),
1674
1677
 
1675
1678
  /***/ 29:
1676
- /***/ (function(module, exports) {
1679
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
1677
1680
 
1678
- module.exports = require("@splunk/react-ui/Link");
1681
+ "use strict";
1682
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
1683
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1684
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1685
+ /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41);
1686
+ /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__);
1687
+ /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1688
+ /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1689
+ 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); }
1690
+
1691
+
1692
+
1693
+
1694
+
1695
+
1696
+ function Prisma24(_ref) {
1697
+ var otherProps = _extends({}, _ref);
1698
+
1699
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1700
+ viewBox: "0 0 24 24"
1701
+ }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1702
+ 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",
1703
+ fill: "currentColor"
1704
+ }));
1705
+ }
1706
+
1707
+ function Prisma16(_ref2) {
1708
+ var otherProps = _extends({}, _ref2);
1709
+
1710
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1711
+ viewBox: "0 0 16 16"
1712
+ }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1713
+ 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",
1714
+ fill: "currentColor"
1715
+ }));
1716
+ }
1717
+
1718
+ function Search(props) {
1719
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1720
+ Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
1721
+ Prisma16: Prisma16,
1722
+ Prisma24: Prisma24
1723
+ }, props));
1724
+ }
1679
1725
 
1680
1726
  /***/ }),
1681
1727
 
@@ -1686,21 +1732,28 @@ module.exports = require("styled-components");
1686
1732
 
1687
1733
  /***/ }),
1688
1734
 
1689
- /***/ 32:
1735
+ /***/ 30:
1736
+ /***/ (function(module, exports) {
1737
+
1738
+ module.exports = require("@splunk/react-ui/Link");
1739
+
1740
+ /***/ }),
1741
+
1742
+ /***/ 34:
1690
1743
  /***/ (function(module, exports) {
1691
1744
 
1692
1745
  module.exports = require("@splunk/react-ui/ResultsMenu");
1693
1746
 
1694
1747
  /***/ }),
1695
1748
 
1696
- /***/ 36:
1749
+ /***/ 38:
1697
1750
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1698
1751
 
1699
1752
  "use strict";
1700
1753
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
1701
1754
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1702
1755
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1703
- /* 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);
1704
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__);
1705
1758
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1706
1759
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1731,7 +1784,7 @@ function CaretDown(props) {
1731
1784
 
1732
1785
  /***/ }),
1733
1786
 
1734
- /***/ 37:
1787
+ /***/ 39:
1735
1788
  /***/ (function(module, exports) {
1736
1789
 
1737
1790
  module.exports = require("@splunk/react-icons/Caret");
@@ -1745,7 +1798,14 @@ module.exports = require("lodash");
1745
1798
 
1746
1799
  /***/ }),
1747
1800
 
1748
- /***/ 42:
1801
+ /***/ 41:
1802
+ /***/ (function(module, exports) {
1803
+
1804
+ module.exports = require("@splunk/react-icons/Search");
1805
+
1806
+ /***/ }),
1807
+
1808
+ /***/ 44:
1749
1809
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1750
1810
 
1751
1811
  "use strict";
@@ -1781,18 +1841,18 @@ var i18n_ = __webpack_require__(5);
1781
1841
  var keyboard_ = __webpack_require__(9);
1782
1842
 
1783
1843
  // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
1784
- var Dropdown_ = __webpack_require__(19);
1844
+ var Dropdown_ = __webpack_require__(20);
1785
1845
  var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
1786
1846
 
1787
1847
  // EXTERNAL MODULE: external "@splunk/react-ui/Link"
1788
- var Link_ = __webpack_require__(29);
1848
+ var Link_ = __webpack_require__(30);
1789
1849
  var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
1790
1850
 
1791
1851
  // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
1792
1852
  var Menu_ = __webpack_require__(13);
1793
1853
 
1794
1854
  // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
1795
- var ResultsMenu_ = __webpack_require__(32);
1855
+ var ResultsMenu_ = __webpack_require__(34);
1796
1856
  var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
1797
1857
 
1798
1858
  // EXTERNAL MODULE: external "@splunk/react-ui/Text"
@@ -1800,10 +1860,10 @@ var Text_ = __webpack_require__(23);
1800
1860
  var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
1801
1861
 
1802
1862
  // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
1803
- var CaretDown = __webpack_require__(36);
1863
+ var CaretDown = __webpack_require__(38);
1804
1864
 
1805
1865
  // EXTERNAL MODULE: ./src/icons/Search.tsx
1806
- var Search = __webpack_require__(44);
1866
+ var Search = __webpack_require__(29);
1807
1867
 
1808
1868
  // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
1809
1869
  var OptionBase = __webpack_require__(28);
@@ -1813,7 +1873,7 @@ var external_styled_components_ = __webpack_require__(3);
1813
1873
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
1814
1874
 
1815
1875
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
1816
- var Button_ = __webpack_require__(17);
1876
+ var Button_ = __webpack_require__(16);
1817
1877
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
1818
1878
 
1819
1879
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -2035,6 +2095,7 @@ var propTypes = {
2035
2095
  onClose: external_prop_types_default.a.func,
2036
2096
  onFilterChange: external_prop_types_default.a.func,
2037
2097
  onOpen: external_prop_types_default.a.func,
2098
+ onScroll: external_prop_types_default.a.func,
2038
2099
  onScrollBottom: external_prop_types_default.a.func,
2039
2100
  placeholder: external_prop_types_default.a.string,
2040
2101
  prefixLabel: external_prop_types_default.a.string,
@@ -2220,7 +2281,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
2220
2281
  var beforeLastChild = external_react_["Children"].toArray(children).length - (2 + ((_this$getCurrentValue2 = _this.getCurrentValues()) !== null && _this$getCurrentValue2 !== void 0 ? _this$getCurrentValue2 : []).length);
2221
2282
 
2222
2283
  if (_this.state.activeIndex === beforeLastChild) {
2223
- onScrollBottom();
2284
+ _this.handleScrollBottom(e);
2224
2285
  }
2225
2286
  }
2226
2287
  }
@@ -2386,11 +2447,11 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
2386
2447
  });
2387
2448
  });
2388
2449
 
2389
- _defineProperty(_assertThisInitialized(_this), "handleScrollBottom", function () {
2450
+ _defineProperty(_assertThisInitialized(_this), "handleScrollBottom", function (e) {
2390
2451
  if (_this.state.open && !_this.props.isLoadingOptions) {
2391
2452
  var _this$props$onScrollB, _this$props9;
2392
2453
 
2393
- (_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);
2394
2455
  }
2395
2456
  });
2396
2457
 
@@ -2976,7 +3037,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
2976
3037
  "data-test": "results-menu",
2977
3038
  isLoading: _this2.props.isLoadingOptions,
2978
3039
  id: _this2.menuId
2979
- }, Object(external_lodash_["pick"])(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage'), {
3040
+ }, Object(external_lodash_["pick"])(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage', 'onScroll'), {
2980
3041
  style: _objectSpread(_objectSpread({}, internalMenuStyle), _this2.props.menuStyle),
2981
3042
  tabIndex: currentValues.length > 0 && !isAnyValueSelected ? 0 : undefined
2982
3043
  }), finalChildren);
@@ -3019,56 +3080,6 @@ _defineProperty(SelectBase_SelectBase, "invalidLinkAppearanceProps", ['append',
3019
3080
  /* harmony default export */ var Select_SelectBase = __webpack_exports__["c"] = (SelectBase_SelectBase);
3020
3081
 
3021
3082
 
3022
- /***/ }),
3023
-
3024
- /***/ 44:
3025
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
3026
-
3027
- "use strict";
3028
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
3029
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
3030
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3031
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
3032
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__);
3033
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
3034
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
3035
- 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); }
3036
-
3037
-
3038
-
3039
-
3040
-
3041
-
3042
- function Prisma24(_ref) {
3043
- var otherProps = _extends({}, _ref);
3044
-
3045
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
3046
- viewBox: "0 0 24 24"
3047
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
3048
- 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",
3049
- fill: "currentColor"
3050
- }));
3051
- }
3052
-
3053
- function Prisma16(_ref2) {
3054
- var otherProps = _extends({}, _ref2);
3055
-
3056
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
3057
- viewBox: "0 0 16 16"
3058
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
3059
- 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",
3060
- fill: "currentColor"
3061
- }));
3062
- }
3063
-
3064
- function Search(props) {
3065
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
3066
- Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
3067
- Prisma16: Prisma16,
3068
- Prisma24: Prisma24
3069
- }, props));
3070
- }
3071
-
3072
3083
  /***/ }),
3073
3084
 
3074
3085
  /***/ 5:
@@ -3078,13 +3089,6 @@ module.exports = require("@splunk/ui-utils/i18n");
3078
3089
 
3079
3090
  /***/ }),
3080
3091
 
3081
- /***/ 51:
3082
- /***/ (function(module, exports) {
3083
-
3084
- module.exports = require("@splunk/react-icons/Search");
3085
-
3086
- /***/ }),
3087
-
3088
3092
  /***/ 6:
3089
3093
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
3090
3094
 
@@ -3242,7 +3246,7 @@ module.exports = require("@splunk/ui-utils/keyboard");
3242
3246
 
3243
3247
  /***/ }),
3244
3248
 
3245
- /***/ 96:
3249
+ /***/ 97:
3246
3250
  /***/ (function(module, exports) {
3247
3251
 
3248
3252
  module.exports = require("@splunk/react-ui/Chip");
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 = 139);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 140);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 139:
111
+ /***/ 140:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -162,7 +162,7 @@ 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"
@@ -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");
package/Paginator.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 = 116);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 117);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 116:
104
+ /***/ 117:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -120,7 +120,7 @@ var external_prop_types_ = __webpack_require__(1);
120
120
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
121
121
 
122
122
  // EXTERNAL MODULE: external "@splunk/ui-utils/format"
123
- var format_ = __webpack_require__(41);
123
+ var format_ = __webpack_require__(43);
124
124
 
125
125
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
126
126
  var i18n_ = __webpack_require__(5);
@@ -133,7 +133,7 @@ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
133
133
  var themes_ = __webpack_require__(0);
134
134
 
135
135
  // EXTERNAL MODULE: external "@splunk/react-icons/More"
136
- var More_ = __webpack_require__(97);
136
+ var More_ = __webpack_require__(98);
137
137
  var More_default = /*#__PURE__*/__webpack_require__.n(More_);
138
138
 
139
139
  // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -206,7 +206,7 @@ function PageSeparator() {
206
206
  var external_lodash_ = __webpack_require__(4);
207
207
 
208
208
  // EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
209
- var ButtonSimple_ = __webpack_require__(45);
209
+ var ButtonSimple_ = __webpack_require__(46);
210
210
  var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
211
211
 
212
212
  // CONCATENATED MODULE: ./src/Paginator/ButtonStyles.ts
@@ -338,7 +338,7 @@ _defineProperty(Button_PaginatorButton, "defaultProps", defaultProps);
338
338
 
339
339
  /* harmony default export */ var Button = (Button_PaginatorButton);
340
340
  // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
341
- var ChevronLeft = __webpack_require__(58);
341
+ var ChevronLeft = __webpack_require__(59);
342
342
 
343
343
  // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
344
344
  var ChevronRight = __webpack_require__(27);
@@ -536,7 +536,7 @@ module.exports = require("react");
536
536
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
537
537
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
538
538
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
539
- /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31);
539
+ /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33);
540
540
  /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
541
541
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
542
542
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -586,7 +586,7 @@ module.exports = require("styled-components");
586
586
 
587
587
  /***/ }),
588
588
 
589
- /***/ 31:
589
+ /***/ 33:
590
590
  /***/ (function(module, exports) {
591
591
 
592
592
  module.exports = require("@splunk/react-icons/ChevronRight");
@@ -600,14 +600,14 @@ module.exports = require("lodash");
600
600
 
601
601
  /***/ }),
602
602
 
603
- /***/ 41:
603
+ /***/ 43:
604
604
  /***/ (function(module, exports) {
605
605
 
606
606
  module.exports = require("@splunk/ui-utils/format");
607
607
 
608
608
  /***/ }),
609
609
 
610
- /***/ 45:
610
+ /***/ 46:
611
611
  /***/ (function(module, exports) {
612
612
 
613
613
  module.exports = require("@splunk/react-ui/ButtonSimple");
@@ -621,14 +621,14 @@ module.exports = require("@splunk/ui-utils/i18n");
621
621
 
622
622
  /***/ }),
623
623
 
624
- /***/ 58:
624
+ /***/ 59:
625
625
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
626
626
 
627
627
  "use strict";
628
628
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
629
629
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
630
630
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
631
- /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59);
631
+ /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60);
632
632
  /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__);
633
633
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
634
634
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -671,13 +671,6 @@ function ChevronLeft(props) {
671
671
 
672
672
  /***/ }),
673
673
 
674
- /***/ 59:
675
- /***/ (function(module, exports) {
676
-
677
- module.exports = require("@splunk/react-icons/ChevronLeft");
678
-
679
- /***/ }),
680
-
681
674
  /***/ 6:
682
675
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
683
676
 
@@ -703,6 +696,13 @@ function SVG(props) {
703
696
 
704
697
  /***/ }),
705
698
 
699
+ /***/ 60:
700
+ /***/ (function(module, exports) {
701
+
702
+ module.exports = require("@splunk/react-icons/ChevronLeft");
703
+
704
+ /***/ }),
705
+
706
706
  /***/ 7:
707
707
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
708
708
 
@@ -828,7 +828,7 @@ module.exports = require("@splunk/react-ui/Box");
828
828
 
829
829
  /***/ }),
830
830
 
831
- /***/ 97:
831
+ /***/ 98:
832
832
  /***/ (function(module, exports) {
833
833
 
834
834
  module.exports = require("@splunk/react-icons/More");
package/Paragraph.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 = 161);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 163);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 161:
104
+ /***/ 163:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";