@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/Scroll.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 = 145);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 141);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 12:
104
+ /***/ 11:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
128
128
 
129
129
  /***/ }),
130
130
 
131
- /***/ 145:
131
+ /***/ 141:
132
132
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
133
133
 
134
134
  "use strict";
@@ -167,10 +167,10 @@ var EventListener_ = __webpack_require__(15);
167
167
  var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
168
168
 
169
169
  // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
170
- var ScrollContainerContext_ = __webpack_require__(35);
170
+ var ScrollContainerContext_ = __webpack_require__(37);
171
171
 
172
172
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
173
- var updateReactRef = __webpack_require__(12);
173
+ var updateReactRef = __webpack_require__(11);
174
174
 
175
175
  // CONCATENATED MODULE: ./src/Scroll/Inner.tsx
176
176
  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); }
@@ -575,7 +575,7 @@ module.exports = require("@splunk/react-ui/Animation");
575
575
 
576
576
  /***/ }),
577
577
 
578
- /***/ 35:
578
+ /***/ 37:
579
579
  /***/ (function(module, exports) {
580
580
 
581
581
  module.exports = require("@splunk/react-ui/ScrollContainerContext");
@@ -82,12 +82,12 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 182);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 178);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
89
89
 
90
- /***/ 182:
90
+ /***/ 178:
91
91
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
92
92
 
93
93
  "use strict";
package/Search.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 = 170);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 168);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("@splunk/ui-utils/id");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 104:
104
+ /***/ 101:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/react-ui/usePrevious");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 12:
111
+ /***/ 11:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -142,14 +142,7 @@ module.exports = require("@splunk/react-ui/Menu");
142
142
 
143
143
  /***/ }),
144
144
 
145
- /***/ 16:
146
- /***/ (function(module, exports) {
147
-
148
- module.exports = require("@splunk/react-ui/Popover");
149
-
150
- /***/ }),
151
-
152
- /***/ 170:
145
+ /***/ 168:
153
146
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
154
147
 
155
148
  "use strict";
@@ -186,15 +179,15 @@ var keyboard_ = __webpack_require__(9);
186
179
  var Menu_ = __webpack_require__(13);
187
180
 
188
181
  // EXTERNAL MODULE: external "@splunk/react-ui/usePrevious"
189
- var usePrevious_ = __webpack_require__(104);
182
+ var usePrevious_ = __webpack_require__(101);
190
183
  var usePrevious_default = /*#__PURE__*/__webpack_require__.n(usePrevious_);
191
184
 
192
185
  // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
193
- var Popover_ = __webpack_require__(16);
186
+ var Popover_ = __webpack_require__(17);
194
187
  var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
195
188
 
196
189
  // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
197
- var ResultsMenu_ = __webpack_require__(32);
190
+ var ResultsMenu_ = __webpack_require__(33);
198
191
  var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
199
192
 
200
193
  // EXTERNAL MODULE: external "@splunk/react-ui/Text"
@@ -337,7 +330,7 @@ _defineProperty(Option_Option, "defaultProps", defaultProps);
337
330
 
338
331
  /* harmony default export */ var Search_Option = (Option_Option);
339
332
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
340
- var updateReactRef = __webpack_require__(12);
333
+ var updateReactRef = __webpack_require__(11);
341
334
 
342
335
  // CONCATENATED MODULE: ./src/Search/Search.tsx
343
336
  function Search_extends() { Search_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 Search_extends.apply(this, arguments); }
@@ -400,6 +393,7 @@ var Search_propTypes = {
400
393
  onFocus: external_prop_types_default.a.func,
401
394
  onKeyDown: external_prop_types_default.a.func,
402
395
  onOpen: external_prop_types_default.a.func,
396
+ onScroll: external_prop_types_default.a.func,
403
397
  placeholder: external_prop_types_default.a.string,
404
398
  value: external_prop_types_default.a.string
405
399
  };
@@ -678,7 +672,7 @@ function Search(_ref2) {
678
672
  controlledExternally: true,
679
673
  maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : undefined,
680
674
  isLoading: isLoadingOptions
681
- }, Object(external_lodash_["pick"])(otherProps, 'className'), {
675
+ }, Object(external_lodash_["pick"])(otherProps, 'className', 'onScroll'), {
682
676
  noOptionsMessage: noOptionsMessage,
683
677
  footerMessage: footerMessage,
684
678
  animateLoading: animateLoading,
@@ -702,7 +696,7 @@ function Search(_ref2) {
702
696
 
703
697
  return /*#__PURE__*/external_react_default.a.createElement(Text_default.a, Search_extends({
704
698
  "data-test": "search"
705
- }, Object(external_lodash_["omit"])(otherProps, 'className'), {
699
+ }, Object(external_lodash_["omit"])(otherProps, 'className', 'onScroll'), {
706
700
  appearance: "search",
707
701
  autoCapitalize: "off",
708
702
  autoComplete: "off",
@@ -750,6 +744,13 @@ Search.Heading = Menu_["Heading"];
750
744
 
751
745
 
752
746
 
747
+ /***/ }),
748
+
749
+ /***/ 17:
750
+ /***/ (function(module, exports) {
751
+
752
+ module.exports = require("@splunk/react-ui/Popover");
753
+
753
754
  /***/ }),
754
755
 
755
756
  /***/ 2:
@@ -766,7 +767,7 @@ module.exports = require("@splunk/react-ui/Text");
766
767
 
767
768
  /***/ }),
768
769
 
769
- /***/ 32:
770
+ /***/ 33:
770
771
  /***/ (function(module, exports) {
771
772
 
772
773
  module.exports = require("@splunk/react-ui/ResultsMenu");
package/Select.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 = 171);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 169);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -115,14 +115,14 @@ module.exports = require("@splunk/react-ui/Menu");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 17:
118
+ /***/ 16:
119
119
  /***/ (function(module, exports) {
120
120
 
121
121
  module.exports = require("@splunk/react-ui/Button");
122
122
 
123
123
  /***/ }),
124
124
 
125
- /***/ 171:
125
+ /***/ 169:
126
126
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
127
127
 
128
128
  "use strict";
@@ -150,7 +150,7 @@ var external_lodash_ = __webpack_require__(4);
150
150
  var i18n_ = __webpack_require__(5);
151
151
 
152
152
  // EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 2 modules
153
- var SelectBase = __webpack_require__(42);
153
+ var SelectBase = __webpack_require__(44);
154
154
 
155
155
  // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
156
156
  var OptionBase = __webpack_require__(28);
@@ -351,6 +351,7 @@ var Select_propTypes = {
351
351
  onClose: external_prop_types_default.a.func,
352
352
  onFilterChange: external_prop_types_default.a.func,
353
353
  onOpen: external_prop_types_default.a.func,
354
+ onScroll: external_prop_types_default.a.func,
354
355
  onScrollBottom: external_prop_types_default.a.func,
355
356
  placeholder: external_prop_types_default.a.string,
356
357
  prefixLabel: external_prop_types_default.a.string,
@@ -466,17 +467,17 @@ Select_defineProperty(Select_Select, "Divider", SelectBase["a" /* Divider */]);
466
467
 
467
468
  /***/ }),
468
469
 
469
- /***/ 19:
470
+ /***/ 2:
470
471
  /***/ (function(module, exports) {
471
472
 
472
- module.exports = require("@splunk/react-ui/Dropdown");
473
+ module.exports = require("react");
473
474
 
474
475
  /***/ }),
475
476
 
476
- /***/ 2:
477
+ /***/ 20:
477
478
  /***/ (function(module, exports) {
478
479
 
479
- module.exports = require("react");
480
+ module.exports = require("@splunk/react-ui/Dropdown");
480
481
 
481
482
  /***/ }),
482
483
 
@@ -684,21 +685,71 @@ module.exports = require("styled-components");
684
685
 
685
686
  /***/ }),
686
687
 
687
- /***/ 32:
688
+ /***/ 33:
688
689
  /***/ (function(module, exports) {
689
690
 
690
691
  module.exports = require("@splunk/react-ui/ResultsMenu");
691
692
 
692
693
  /***/ }),
693
694
 
694
- /***/ 36:
695
+ /***/ 34:
696
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
697
+
698
+ "use strict";
699
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
700
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
701
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
702
+ /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41);
703
+ /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__);
704
+ /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
705
+ /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
706
+ 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); }
707
+
708
+
709
+
710
+
711
+
712
+
713
+ function Prisma24(_ref) {
714
+ var otherProps = _extends({}, _ref);
715
+
716
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
717
+ viewBox: "0 0 24 24"
718
+ }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
719
+ 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",
720
+ fill: "currentColor"
721
+ }));
722
+ }
723
+
724
+ function Prisma16(_ref2) {
725
+ var otherProps = _extends({}, _ref2);
726
+
727
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
728
+ viewBox: "0 0 16 16"
729
+ }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
730
+ 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",
731
+ fill: "currentColor"
732
+ }));
733
+ }
734
+
735
+ function Search(props) {
736
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
737
+ Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
738
+ Prisma16: Prisma16,
739
+ Prisma24: Prisma24
740
+ }, props));
741
+ }
742
+
743
+ /***/ }),
744
+
745
+ /***/ 38:
695
746
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
696
747
 
697
748
  "use strict";
698
749
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
699
750
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
700
751
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
701
- /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(37);
752
+ /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39);
702
753
  /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__);
703
754
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
704
755
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -729,7 +780,7 @@ function CaretDown(props) {
729
780
 
730
781
  /***/ }),
731
782
 
732
- /***/ 37:
783
+ /***/ 39:
733
784
  /***/ (function(module, exports) {
734
785
 
735
786
  module.exports = require("@splunk/react-icons/Caret");
@@ -743,7 +794,14 @@ module.exports = require("lodash");
743
794
 
744
795
  /***/ }),
745
796
 
746
- /***/ 42:
797
+ /***/ 41:
798
+ /***/ (function(module, exports) {
799
+
800
+ module.exports = require("@splunk/react-icons/Search");
801
+
802
+ /***/ }),
803
+
804
+ /***/ 44:
747
805
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
748
806
 
749
807
  "use strict";
@@ -779,7 +837,7 @@ var i18n_ = __webpack_require__(5);
779
837
  var keyboard_ = __webpack_require__(9);
780
838
 
781
839
  // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
782
- var Dropdown_ = __webpack_require__(19);
840
+ var Dropdown_ = __webpack_require__(20);
783
841
  var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
784
842
 
785
843
  // EXTERNAL MODULE: external "@splunk/react-ui/Link"
@@ -790,7 +848,7 @@ var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
790
848
  var Menu_ = __webpack_require__(13);
791
849
 
792
850
  // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
793
- var ResultsMenu_ = __webpack_require__(32);
851
+ var ResultsMenu_ = __webpack_require__(33);
794
852
  var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
795
853
 
796
854
  // EXTERNAL MODULE: external "@splunk/react-ui/Text"
@@ -798,10 +856,10 @@ var Text_ = __webpack_require__(23);
798
856
  var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
799
857
 
800
858
  // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
801
- var CaretDown = __webpack_require__(36);
859
+ var CaretDown = __webpack_require__(38);
802
860
 
803
861
  // EXTERNAL MODULE: ./src/icons/Search.tsx
804
- var Search = __webpack_require__(44);
862
+ var Search = __webpack_require__(34);
805
863
 
806
864
  // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
807
865
  var OptionBase = __webpack_require__(28);
@@ -811,7 +869,7 @@ var external_styled_components_ = __webpack_require__(3);
811
869
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
812
870
 
813
871
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
814
- var Button_ = __webpack_require__(17);
872
+ var Button_ = __webpack_require__(16);
815
873
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
816
874
 
817
875
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -1033,6 +1091,7 @@ var propTypes = {
1033
1091
  onClose: external_prop_types_default.a.func,
1034
1092
  onFilterChange: external_prop_types_default.a.func,
1035
1093
  onOpen: external_prop_types_default.a.func,
1094
+ onScroll: external_prop_types_default.a.func,
1036
1095
  onScrollBottom: external_prop_types_default.a.func,
1037
1096
  placeholder: external_prop_types_default.a.string,
1038
1097
  prefixLabel: external_prop_types_default.a.string,
@@ -1218,7 +1277,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1218
1277
  var beforeLastChild = external_react_["Children"].toArray(children).length - (2 + ((_this$getCurrentValue2 = _this.getCurrentValues()) !== null && _this$getCurrentValue2 !== void 0 ? _this$getCurrentValue2 : []).length);
1219
1278
 
1220
1279
  if (_this.state.activeIndex === beforeLastChild) {
1221
- onScrollBottom();
1280
+ _this.handleScrollBottom(e);
1222
1281
  }
1223
1282
  }
1224
1283
  }
@@ -1384,11 +1443,11 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1384
1443
  });
1385
1444
  });
1386
1445
 
1387
- _defineProperty(_assertThisInitialized(_this), "handleScrollBottom", function () {
1446
+ _defineProperty(_assertThisInitialized(_this), "handleScrollBottom", function (e) {
1388
1447
  if (_this.state.open && !_this.props.isLoadingOptions) {
1389
1448
  var _this$props$onScrollB, _this$props9;
1390
1449
 
1391
- (_this$props$onScrollB = (_this$props9 = _this.props).onScrollBottom) === null || _this$props$onScrollB === void 0 ? void 0 : _this$props$onScrollB.call(_this$props9);
1450
+ (_this$props$onScrollB = (_this$props9 = _this.props).onScrollBottom) === null || _this$props$onScrollB === void 0 ? void 0 : _this$props$onScrollB.call(_this$props9, e);
1392
1451
  }
1393
1452
  });
1394
1453
 
@@ -1974,7 +2033,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
1974
2033
  "data-test": "results-menu",
1975
2034
  isLoading: _this2.props.isLoadingOptions,
1976
2035
  id: _this2.menuId
1977
- }, Object(external_lodash_["pick"])(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage'), {
2036
+ }, Object(external_lodash_["pick"])(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage', 'onScroll'), {
1978
2037
  style: _objectSpread(_objectSpread({}, internalMenuStyle), _this2.props.menuStyle),
1979
2038
  tabIndex: currentValues.length > 0 && !isAnyValueSelected ? 0 : undefined
1980
2039
  }), finalChildren);
@@ -2017,56 +2076,6 @@ _defineProperty(SelectBase_SelectBase, "invalidLinkAppearanceProps", ['append',
2017
2076
  /* harmony default export */ var Select_SelectBase = __webpack_exports__["c"] = (SelectBase_SelectBase);
2018
2077
 
2019
2078
 
2020
- /***/ }),
2021
-
2022
- /***/ 44:
2023
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
2024
-
2025
- "use strict";
2026
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
2027
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
2028
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2029
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
2030
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__);
2031
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
2032
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
2033
- 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); }
2034
-
2035
-
2036
-
2037
-
2038
-
2039
-
2040
- function Prisma24(_ref) {
2041
- var otherProps = _extends({}, _ref);
2042
-
2043
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
2044
- viewBox: "0 0 24 24"
2045
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
2046
- 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",
2047
- fill: "currentColor"
2048
- }));
2049
- }
2050
-
2051
- function Prisma16(_ref2) {
2052
- var otherProps = _extends({}, _ref2);
2053
-
2054
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
2055
- viewBox: "0 0 16 16"
2056
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
2057
- 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",
2058
- fill: "currentColor"
2059
- }));
2060
- }
2061
-
2062
- function Search(props) {
2063
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
2064
- Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
2065
- Prisma16: Prisma16,
2066
- Prisma24: Prisma24
2067
- }, props));
2068
- }
2069
-
2070
2079
  /***/ }),
2071
2080
 
2072
2081
  /***/ 5:
@@ -2076,13 +2085,6 @@ module.exports = require("@splunk/ui-utils/i18n");
2076
2085
 
2077
2086
  /***/ }),
2078
2087
 
2079
- /***/ 51:
2080
- /***/ (function(module, exports) {
2081
-
2082
- module.exports = require("@splunk/react-icons/Search");
2083
-
2084
- /***/ }),
2085
-
2086
2088
  /***/ 6:
2087
2089
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2088
2090
 
package/SidePanel.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 = 172);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 170);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 172:
104
+ /***/ 170:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -123,7 +123,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
123
123
  var external_lodash_ = __webpack_require__(4);
124
124
 
125
125
  // EXTERNAL MODULE: external "@splunk/react-ui/ModalLayer"
126
- var ModalLayer_ = __webpack_require__(78);
126
+ var ModalLayer_ = __webpack_require__(77);
127
127
  var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
128
128
 
129
129
  // EXTERNAL MODULE: external "styled-components"
@@ -372,7 +372,7 @@ module.exports = require("@splunk/react-ui/TransitionOpen");
372
372
 
373
373
  /***/ }),
374
374
 
375
- /***/ 78:
375
+ /***/ 77:
376
376
  /***/ (function(module, exports) {
377
377
 
378
378
  module.exports = require("@splunk/react-ui/ModalLayer");
package/Slider.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 = 173);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 171);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 105:
104
+ /***/ 102:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("decimal.js-light");
@@ -115,14 +115,14 @@ module.exports = require("@splunk/react-ui/EventListener");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 16:
118
+ /***/ 17:
119
119
  /***/ (function(module, exports) {
120
120
 
121
121
  module.exports = require("@splunk/react-ui/Popover");
122
122
 
123
123
  /***/ }),
124
124
 
125
- /***/ 173:
125
+ /***/ 171:
126
126
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
127
127
 
128
128
  "use strict";
@@ -141,7 +141,7 @@ var external_prop_types_ = __webpack_require__(1);
141
141
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
142
142
 
143
143
  // EXTERNAL MODULE: external "decimal.js-light"
144
- var external_decimal_js_light_ = __webpack_require__(105);
144
+ var external_decimal_js_light_ = __webpack_require__(102);
145
145
  var external_decimal_js_light_default = /*#__PURE__*/__webpack_require__.n(external_decimal_js_light_);
146
146
 
147
147
  // EXTERNAL MODULE: external "lodash"
@@ -158,7 +158,7 @@ var EventListener_ = __webpack_require__(15);
158
158
  var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
159
159
 
160
160
  // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
161
- var Popover_ = __webpack_require__(16);
161
+ var Popover_ = __webpack_require__(17);
162
162
  var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
163
163
 
164
164
  // EXTERNAL MODULE: external "styled-components"
@@ -166,7 +166,7 @@ var external_styled_components_ = __webpack_require__(3);
166
166
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
167
167
 
168
168
  // EXTERNAL MODULE: external "tinycolor2"
169
- var external_tinycolor2_ = __webpack_require__(46);
169
+ var external_tinycolor2_ = __webpack_require__(47);
170
170
  var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
171
171
 
172
172
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -789,7 +789,7 @@ module.exports = require("lodash");
789
789
 
790
790
  /***/ }),
791
791
 
792
- /***/ 46:
792
+ /***/ 47:
793
793
  /***/ (function(module, exports) {
794
794
 
795
795
  module.exports = require("tinycolor2");
package/SlidingPanels.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 = 146);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 142);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 12:
104
+ /***/ 11:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
128
128
 
129
129
  /***/ }),
130
130
 
131
- /***/ 146:
131
+ /***/ 142:
132
132
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
133
133
 
134
134
  "use strict";
@@ -182,7 +182,7 @@ var Styled = external_styled_components_default()(external_react_spring_["animat
182
182
  })(["", ";", ";"], themes_["mixins"].reset('block'), themes_["mixins"].clearfix());
183
183
 
184
184
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
185
- var updateReactRef = __webpack_require__(12);
185
+ var updateReactRef = __webpack_require__(11);
186
186
 
187
187
  // CONCATENATED MODULE: ./src/SlidingPanels/Panel.tsx
188
188
  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); }
@@ -382,6 +382,8 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
382
382
 
383
383
  SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "panelInstances", {});
384
384
 
385
+ SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "allowAnimationUpdates", true);
386
+
385
387
  SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "willEnter", function () {
386
388
  return {
387
389
  translateX: 0
@@ -417,9 +419,11 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
417
419
  SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "handleAnimationEnd", function () {
418
420
  var _this$props$onAnimati, _this$props;
419
421
 
420
- _this.setState({
421
- animating: false
422
- });
422
+ if (_this.allowAnimationUpdates) {
423
+ _this.setState({
424
+ animating: false
425
+ });
426
+ }
423
427
 
424
428
  (_this$props$onAnimati = (_this$props = _this.props).onAnimationEnd) === null || _this$props$onAnimati === void 0 ? void 0 : _this$props$onAnimati.call(_this$props);
425
429
  });
@@ -517,6 +521,11 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
517
521
  }
518
522
 
519
523
  SlidingPanels_createClass(SlidingPanels, [{
524
+ key: "componentWillUnmount",
525
+ value: function componentWillUnmount() {
526
+ this.allowAnimationUpdates = false;
527
+ }
528
+ }, {
520
529
  key: "render",
521
530
  value: function render() {
522
531
  var _this$state = this.state,