@splunk/react-ui 4.4.0 → 4.5.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 (132) hide show
  1. package/Accordion.js +37 -21
  2. package/Anchor.js +2 -2
  3. package/AnimationToggle.js +2 -2
  4. package/Box.js +2 -2
  5. package/Button.js +36 -12
  6. package/ButtonGroup.js +27 -6
  7. package/ButtonSimple.js +6 -6
  8. package/CHANGELOG.md +54 -1
  9. package/Calendar.js +14 -14
  10. package/Card.js +49 -23
  11. package/CardLayout.js +31 -10
  12. package/Chip.js +77 -53
  13. package/Clickable.js +2 -2
  14. package/CloseButton.js +6 -6
  15. package/Code.js +4 -4
  16. package/CollapsiblePanel.js +6 -6
  17. package/Color.js +103 -56
  18. package/ColumnLayout.js +4 -4
  19. package/ComboBox.js +22 -17
  20. package/Concertina.js +73 -68
  21. package/ControlGroup.js +72 -24
  22. package/Date.js +9 -9
  23. package/DefinitionList.js +6 -6
  24. package/Dropdown.js +12 -12
  25. package/EventListener.js +168 -0
  26. package/FetchOptions.js +8 -8
  27. package/File.js +93 -82
  28. package/FormRows.js +66 -58
  29. package/Image.js +14 -14
  30. package/JSONTree.js +5 -5
  31. package/Layer.js +32 -20
  32. package/Link.js +6 -6
  33. package/List.js +2 -2
  34. package/Markdown.js +250 -88
  35. package/Menu.js +70 -64
  36. package/Message.js +18 -18
  37. package/Modal.js +68 -14
  38. package/ModalLayer.js +4 -4
  39. package/Monogram.js +12 -11
  40. package/Multiselect.js +122 -78
  41. package/Number.js +19 -16
  42. package/Paginator.js +10 -10
  43. package/Paragraph.js +2 -2
  44. package/Popover.js +52 -38
  45. package/Progress.js +6 -6
  46. package/RadioBar.js +56 -69
  47. package/RadioList.js +2 -2
  48. package/Resize.js +19 -15
  49. package/ResultsMenu.js +8 -8
  50. package/ScreenReaderContent.js +2 -2
  51. package/Scroll.js +16 -14
  52. package/ScrollContainerContext.js +5 -5
  53. package/Search.d.ts +2 -0
  54. package/Search.js +797 -0
  55. package/Select.js +83 -43
  56. package/SidePanel.js +6 -6
  57. package/Slider.js +29 -25
  58. package/SlidingPanels.js +4 -4
  59. package/StaticContent.js +2 -2
  60. package/StepBar.js +56 -52
  61. package/Switch.js +8 -8
  62. package/TabBar.js +126 -85
  63. package/TabLayout.js +4 -5
  64. package/Table.js +188 -138
  65. package/Text.js +69 -63
  66. package/Tooltip.js +11 -11
  67. package/TransitionOpen.js +9 -9
  68. package/WaitSpinner.js +3 -4
  69. package/package.json +4 -5
  70. package/types/src/Accordion/AccordionContext.d.ts +10 -0
  71. package/types/src/Accordion/Panel.d.ts +0 -9
  72. package/types/src/Button/Button.d.ts +4 -2
  73. package/types/src/ButtonGroup/ButtonGroupContext.d.ts +7 -0
  74. package/types/src/ButtonSimple/ButtonSimple.d.ts +5 -5
  75. package/types/src/Card/Card.d.ts +2 -0
  76. package/types/src/CardLayout/CardLayoutContext.d.ts +8 -0
  77. package/types/src/Color/Color.d.ts +2 -2
  78. package/types/src/ComboBox/ComboBox.d.ts +4 -3
  79. package/types/src/Concertina/ConcertinaContext.d.ts +8 -0
  80. package/types/src/Concertina/Panel.d.ts +2 -4
  81. package/types/src/ControlGroup/ControlGroup.d.ts +6 -1
  82. package/types/src/Date/Date.d.ts +3 -3
  83. package/types/src/EventListener/EventListener.d.ts +18 -0
  84. package/types/src/EventListener/index.d.ts +2 -0
  85. package/types/src/File/File.d.ts +6 -4
  86. package/types/src/File/FileContext.d.ts +3 -0
  87. package/types/src/File/Item.d.ts +5 -8
  88. package/types/src/FormRows/FormRows.d.ts +2 -2
  89. package/types/src/FormRows/FormRowsContext.d.ts +10 -0
  90. package/types/src/FormRows/Row.d.ts +5 -16
  91. package/types/src/Markdown/Markdown.d.ts +2 -0
  92. package/types/src/Markdown/renderers/MarkdownBlockquote.d.ts +14 -0
  93. package/types/src/Markdown/renderers/MarkdownCode.d.ts +15 -0
  94. package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +16 -0
  95. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +15 -0
  96. package/types/src/Markdown/renderers/MarkdownImage.d.ts +18 -0
  97. package/types/src/Markdown/renderers/MarkdownItem.d.ts +14 -0
  98. package/types/src/Markdown/renderers/MarkdownLink.d.ts +18 -0
  99. package/types/src/Markdown/renderers/MarkdownList.d.ts +26 -0
  100. package/types/src/Markdown/renderers/MarkdownParagraph.d.ts +14 -0
  101. package/types/src/Markdown/renderers/index.d.ts +10 -0
  102. package/types/src/Modal/Modal.d.ts +15 -3
  103. package/types/src/Monogram/Monogram.d.ts +5 -1
  104. package/types/src/Multiselect/Compact.d.ts +12 -4
  105. package/types/src/Multiselect/Multiselect.d.ts +14 -4
  106. package/types/src/Multiselect/Normal.d.ts +7 -2
  107. package/types/src/Number/Number.d.ts +11 -7
  108. package/types/src/Popover/Popover.d.ts +2 -2
  109. package/types/src/RadioBar/Option.d.ts +4 -14
  110. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  111. package/types/src/RadioBar/RadioBarContext.d.ts +9 -0
  112. package/types/src/Scroll/Inner.d.ts +1 -1
  113. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +4 -4
  114. package/types/src/Search/Option.d.ts +60 -0
  115. package/types/src/Search/Search.d.ts +97 -0
  116. package/types/src/Search/index.d.ts +2 -0
  117. package/types/src/Select/Select.d.ts +6 -2
  118. package/types/src/Select/SelectBase.d.ts +12 -5
  119. package/types/src/Slider/Slider.d.ts +2 -2
  120. package/types/src/StepBar/Step.d.ts +1 -13
  121. package/types/src/StepBar/StepBarContext.d.ts +8 -0
  122. package/types/src/TabBar/Tab.d.ts +5 -13
  123. package/types/src/TabBar/TabBarContext.d.ts +14 -0
  124. package/types/src/Table/Body.d.ts +1 -1
  125. package/types/src/Table/Head.d.ts +1 -1
  126. package/types/src/Table/Row.d.ts +10 -3
  127. package/types/src/Table/Table.d.ts +3 -2
  128. package/types/src/Text/Text.d.ts +11 -7
  129. package/types/src/icons/Sort.d.ts +3 -0
  130. package/types/src/usePrevious/index.d.ts +2 -0
  131. package/types/src/usePrevious/usePrevious.d.ts +12 -0
  132. package/usePrevious.js +137 -0
package/RadioBar.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 = 124);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 123);
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
- /***/ 124:
111
+ /***/ 123:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -133,12 +133,12 @@ var external_lodash_ = __webpack_require__(4);
133
133
  // EXTERNAL MODULE: external "@splunk/themes"
134
134
  var themes_ = __webpack_require__(0);
135
135
 
136
- // EXTERNAL MODULE: external "@splunk/react-ui/ButtonGroup"
137
- var ButtonGroup_ = __webpack_require__(91);
138
- var ButtonGroup_default = /*#__PURE__*/__webpack_require__.n(ButtonGroup_);
136
+ // EXTERNAL MODULE: external "@splunk/react-ui/Box"
137
+ var Box_ = __webpack_require__(8);
138
+ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
139
139
 
140
140
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
141
- var Button_ = __webpack_require__(16);
141
+ var Button_ = __webpack_require__(17);
142
142
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
143
143
 
144
144
  // EXTERNAL MODULE: external "styled-components"
@@ -146,7 +146,7 @@ var external_styled_components_ = __webpack_require__(3);
146
146
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
147
147
 
148
148
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
149
- var Clickable_ = __webpack_require__(11);
149
+ var Clickable_ = __webpack_require__(12);
150
150
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
151
151
 
152
152
  // CONCATENATED MODULE: ./src/RadioBar/OptionStyles.ts
@@ -183,6 +183,11 @@ var StyledLabel = external_styled_components_default.a.div.withConfig({
183
183
  componentId: "fyq77p-2"
184
184
  })(["flex:0 1 auto;", " &:not(:first-child){margin-left:8px;}"], themes_["mixins"].ellipsis);
185
185
 
186
+ // CONCATENATED MODULE: ./src/RadioBar/RadioBarContext.tsx
187
+
188
+ var RadioBarContext = /*#__PURE__*/Object(external_react_["createContext"])({});
189
+ RadioBarContext.displayName = 'RadioBar';
190
+ /* harmony default export */ var RadioBar_RadioBarContext = (RadioBarContext);
186
191
  // CONCATENATED MODULE: ./src/RadioBar/Option.tsx
187
192
  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); }
188
193
 
@@ -194,44 +199,40 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
194
199
 
195
200
 
196
201
 
202
+
197
203
  var propTypes = {
198
- /** @private */
199
- appearance: external_prop_types_default.a.oneOf(['default', 'pill', 'prisma']),
200
204
  disabled: external_prop_types_default.a.bool,
201
205
  icon: external_prop_types_default.a.node,
202
206
  label: external_prop_types_default.a.string,
203
207
 
204
- /** @private Set by `RadioBar`. */
205
- onClick: external_prop_types_default.a.func,
206
-
207
208
  /** @private Set by `RadioBar`. */
208
209
  selected: external_prop_types_default.a.bool,
209
210
 
210
211
  /** The value of the `Option`. */
211
- value: external_prop_types_default.a.any.isRequired,
212
-
213
- /** @private Set by `RadioBar`. */
214
- error: external_prop_types_default.a.bool
212
+ value: external_prop_types_default.a.any.isRequired
215
213
  };
216
214
 
217
215
  function Option(_ref) {
218
- var appearance = _ref.appearance,
219
- disabled = _ref.disabled,
216
+ var disabled = _ref.disabled,
220
217
  label = _ref.label,
221
218
  icon = _ref.icon,
222
- onClick = _ref.onClick,
223
219
  selected = _ref.selected,
224
220
  value = _ref.value,
225
- otherProps = _objectWithoutProperties(_ref, ["appearance", "disabled", "label", "icon", "onClick", "selected", "value"]);
221
+ otherProps = _objectWithoutProperties(_ref, ["disabled", "label", "icon", "selected", "value"]);
226
222
 
227
223
  // @docs-props-type OptionPropsBase
228
- if (appearance === 'prisma') {
224
+ var _useContext = Object(external_react_["useContext"])(RadioBar_RadioBarContext),
225
+ onClickContext = _useContext.onClick,
226
+ appearanceContext = _useContext.appearance,
227
+ errorContext = _useContext.error;
228
+
229
+ if (appearanceContext === 'prisma') {
229
230
  return /*#__PURE__*/external_react_default.a.createElement(StyledClickable, _extends({
230
231
  "data-test": "option",
231
232
  "data-test-value": value
232
233
  }, otherProps, {
233
234
  onClick: selected ? undefined : function (e) {
234
- return onClick === null || onClick === void 0 ? void 0 : onClick(e, {
235
+ return onClickContext === null || onClickContext === void 0 ? void 0 : onClickContext(e, {
235
236
  value: value,
236
237
  label: label
237
238
  });
@@ -241,21 +242,22 @@ function Option(_ref) {
241
242
  $selected: selected,
242
243
  tabIndex: selected ? -1 : undefined,
243
244
  disabled: disabled
244
- }), icon && /*#__PURE__*/external_react_default.a.createElement(StyledIcon, null, icon), /*#__PURE__*/external_react_default.a.createElement(StyledLabel, null, label));
245
+ }), icon && /*#__PURE__*/external_react_default.a.createElement(StyledIcon, null, icon), label && /*#__PURE__*/external_react_default.a.createElement(StyledLabel, null, label));
245
246
  }
246
247
 
247
248
  return /*#__PURE__*/external_react_default.a.createElement(Button_default.a, _extends({
248
249
  "data-test": "option",
249
250
  "data-test-value": value,
250
- appearance: appearance,
251
+ appearance: appearanceContext,
251
252
  disabled: disabled,
252
253
  label: label,
253
254
  icon: icon,
254
255
  selected: selected,
255
- value: value
256
+ value: value,
257
+ error: errorContext
256
258
  }, otherProps, {
257
259
  onClick: selected ? undefined : function (e) {
258
- return onClick === null || onClick === void 0 ? void 0 : onClick(e, {
260
+ return onClickContext === null || onClickContext === void 0 ? void 0 : onClickContext(e, {
259
261
  value: value,
260
262
  label: label
261
263
  });
@@ -268,10 +270,6 @@ function Option(_ref) {
268
270
 
269
271
  Option.propTypes = propTypes;
270
272
  /* harmony default export */ var RadioBar_Option = (Option);
271
- // EXTERNAL MODULE: external "@splunk/react-ui/Box"
272
- var Box_ = __webpack_require__(8);
273
- var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
274
-
275
273
  // CONCATENATED MODULE: ./src/RadioBar/RadioBarStyles.ts
276
274
 
277
275
 
@@ -329,6 +327,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
329
327
 
330
328
 
331
329
 
330
+
331
+ /** @public */
332
+
332
333
  var RadioBar_propTypes = {
333
334
  appearance: external_prop_types_default.a.oneOf(['default', 'pill', 'flat']),
334
335
  children: external_prop_types_default.a.node,
@@ -415,8 +416,6 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
415
416
  }, {
416
417
  key: "render",
417
418
  value: function render() {
418
- var _this2 = this;
419
-
420
419
  var _this$props2 = this.props,
421
420
  appearance = _this$props2.appearance,
422
421
  children = _this$props2.children,
@@ -428,45 +427,40 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
428
427
  otherProps = RadioBar_objectWithoutProperties(_this$props2, ["appearance", "children", "describedBy", "error", "labelledBy", "splunkTheme", "value"]);
429
428
 
430
429
  var selectedValue = this.isControlled() ? value : this.state.value;
431
- var isPrisma = splunkTheme.family === 'prisma';
430
+ var isPrisma = splunkTheme.isPrisma;
432
431
  var disabled = true;
433
- var childrenFormatted = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (item, i) {
432
+ var contextValue = {
433
+ appearance: isPrisma ? 'prisma' : appearance,
434
+ onClick: this.handleClick,
435
+ error: isPrisma ? false : error
436
+ };
437
+ var childrenFormatted = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (item, i, _ref) {
438
+ var length = _ref.length;
439
+
434
440
  if (item.props && !item.props.disabled) {
435
441
  disabled = false;
436
442
  }
437
443
 
438
444
  return /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
439
- appearance: isPrisma ? 'prisma' : appearance,
440
- key: item.key || i,
441
- onClick: _this2.handleClick,
442
- role: 'radio',
443
445
  selected: item.props.value === selectedValue,
444
- disabled: item.props.disabled,
445
- error: isPrisma ? false : error
446
+ key: item.key || i,
447
+ append: i < length - 1,
448
+ prepend: i > 0
446
449
  });
447
450
  });
448
-
449
- if (isPrisma) {
450
- return /*#__PURE__*/external_react_default.a.createElement(StyledRadioBar, RadioBar_extends({
451
- $disabled: disabled,
452
- $error: error,
453
- "data-test": "radio-bar",
454
- "data-test-value": selectedValue,
455
- role: "radiogroup",
456
- "aria-labelledby": labelledBy,
457
- "aria-describedby": describedBy,
458
- flex: true
459
- }, Object(external_lodash_["omit"])(otherProps, 'onChange')), childrenFormatted);
460
- }
461
-
462
- return /*#__PURE__*/external_react_default.a.createElement(ButtonGroup_default.a, RadioBar_extends({
463
- "aria-describedby": describedBy,
464
- "aria-labelledby": labelledBy,
451
+ var RadioBarTag = isPrisma ? StyledRadioBar : Box_default.a;
452
+ return /*#__PURE__*/external_react_default.a.createElement(RadioBarTag, RadioBar_extends({
453
+ $disabled: disabled,
454
+ $error: error,
465
455
  "data-test": "radio-bar",
466
456
  "data-test-value": selectedValue,
467
- flex: true,
468
- role: "radiogroup"
469
- }, Object(external_lodash_["omit"])(otherProps, 'onChange')), childrenFormatted);
457
+ role: "radiogroup",
458
+ "aria-labelledby": labelledBy,
459
+ "aria-describedby": describedBy,
460
+ flex: true
461
+ }, Object(external_lodash_["omit"])(otherProps, 'onChange')), /*#__PURE__*/external_react_default.a.createElement(RadioBar_RadioBarContext.Provider, {
462
+ value: contextValue
463
+ }, childrenFormatted));
470
464
  }
471
465
  }]);
472
466
 
@@ -491,7 +485,7 @@ RadioBarWithThemeOption.Option = RadioBar_Option;
491
485
 
492
486
  /***/ }),
493
487
 
494
- /***/ 16:
488
+ /***/ 17:
495
489
  /***/ (function(module, exports) {
496
490
 
497
491
  module.exports = require("@splunk/react-ui/Button");
@@ -524,13 +518,6 @@ module.exports = require("lodash");
524
518
 
525
519
  module.exports = require("@splunk/react-ui/Box");
526
520
 
527
- /***/ }),
528
-
529
- /***/ 91:
530
- /***/ (function(module, exports) {
531
-
532
- module.exports = require("@splunk/react-ui/ButtonGroup");
533
-
534
521
  /***/ })
535
522
 
536
523
  /******/ });
package/RadioList.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 = 117);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 124);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 117:
111
+ /***/ 124:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
package/Resize.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 = 153);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 159);
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";
@@ -131,18 +131,18 @@ function updateReactRef(ref, current) {
131
131
  /***/ 14:
132
132
  /***/ (function(module, exports) {
133
133
 
134
- module.exports = require("@splunk/react-ui/ScreenReaderContent");
134
+ module.exports = require("@splunk/react-ui/EventListener");
135
135
 
136
136
  /***/ }),
137
137
 
138
138
  /***/ 15:
139
139
  /***/ (function(module, exports) {
140
140
 
141
- module.exports = require("react-event-listener");
141
+ module.exports = require("@splunk/react-ui/ScreenReaderContent");
142
142
 
143
143
  /***/ }),
144
144
 
145
- /***/ 153:
145
+ /***/ 159:
146
146
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
147
147
 
148
148
  "use strict";
@@ -163,12 +163,12 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
163
163
  // EXTERNAL MODULE: external "lodash"
164
164
  var external_lodash_ = __webpack_require__(4);
165
165
 
166
- // EXTERNAL MODULE: external "react-event-listener"
167
- var external_react_event_listener_ = __webpack_require__(15);
168
- var external_react_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_react_event_listener_);
166
+ // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
167
+ var EventListener_ = __webpack_require__(14);
168
+ var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
169
169
 
170
170
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
171
- var ScreenReaderContent_ = __webpack_require__(14);
171
+ var ScreenReaderContent_ = __webpack_require__(15);
172
172
  var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
173
173
 
174
174
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
@@ -267,7 +267,7 @@ var StyledResize = external_styled_components_default.a.button.withConfig({
267
267
  }));
268
268
 
269
269
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
270
- var updateReactRef = __webpack_require__(12);
270
+ var updateReactRef = __webpack_require__(11);
271
271
 
272
272
  // CONCATENATED MODULE: ./src/Resize/Resize.tsx
273
273
  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); }
@@ -544,11 +544,15 @@ var Resize_Resize = /*#__PURE__*/function (_Component) {
544
544
  ref: this.handleMount
545
545
  }, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(Resize.propTypes))), /*#__PURE__*/external_react_default.a.createElement(StyledBorder, {
546
546
  $borderSides: borderSides
547
- }, el && beforeHandles, children, el && afterHandles, dragDirection && /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {
548
- target: "window",
549
- onMouseMove: this.handleDrag,
550
- onMouseUp: this.handleDragEnd
551
- })));
547
+ }, el && beforeHandles, children, el && afterHandles, dragDirection && /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
548
+ target: window,
549
+ eventType: "mousemove",
550
+ listener: this.handleDrag
551
+ }), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
552
+ target: window,
553
+ eventType: "mouseup",
554
+ listener: this.handleDragEnd
555
+ }))));
552
556
  }
553
557
  }]);
554
558
 
package/ResultsMenu.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 = 150);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 160);
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";
@@ -135,7 +135,7 @@ module.exports = require("@splunk/react-ui/Menu");
135
135
 
136
136
  /***/ }),
137
137
 
138
- /***/ 150:
138
+ /***/ 160:
139
139
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
140
140
 
141
141
  "use strict";
@@ -160,7 +160,7 @@ var external_lodash_ = __webpack_require__(4);
160
160
  var i18n_ = __webpack_require__(5);
161
161
 
162
162
  // EXTERNAL MODULE: external "@splunk/ui-utils/userAgent"
163
- var userAgent_ = __webpack_require__(92);
163
+ var userAgent_ = __webpack_require__(94);
164
164
 
165
165
  // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
166
166
  var Menu_ = __webpack_require__(13);
@@ -171,7 +171,7 @@ var external_styled_components_ = __webpack_require__(3);
171
171
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
172
172
 
173
173
  // EXTERNAL MODULE: external "@splunk/react-ui/WaitSpinner"
174
- var WaitSpinner_ = __webpack_require__(93);
174
+ var WaitSpinner_ = __webpack_require__(95);
175
175
  var WaitSpinner_default = /*#__PURE__*/__webpack_require__.n(WaitSpinner_);
176
176
 
177
177
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -232,7 +232,7 @@ var StyledLoadingMessage = external_styled_components_default.a.div.withConfig({
232
232
  }));
233
233
 
234
234
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
235
- var updateReactRef = __webpack_require__(12);
235
+ var updateReactRef = __webpack_require__(11);
236
236
 
237
237
  // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenu.tsx
238
238
  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); }
@@ -537,14 +537,14 @@ module.exports = require("@splunk/ui-utils/i18n");
537
537
 
538
538
  /***/ }),
539
539
 
540
- /***/ 92:
540
+ /***/ 94:
541
541
  /***/ (function(module, exports) {
542
542
 
543
543
  module.exports = require("@splunk/ui-utils/userAgent");
544
544
 
545
545
  /***/ }),
546
546
 
547
- /***/ 93:
547
+ /***/ 95:
548
548
  /***/ (function(module, exports) {
549
549
 
550
550
  module.exports = require("@splunk/react-ui/WaitSpinner");
@@ -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 = 161);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 146:
104
+ /***/ 161:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
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 = 131);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 138);
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
- /***/ 131:
131
+ /***/ 138:
132
132
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
133
133
 
134
134
  "use strict";
@@ -159,18 +159,18 @@ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(exte
159
159
  // EXTERNAL MODULE: external "@splunk/themes"
160
160
  var themes_ = __webpack_require__(0);
161
161
 
162
- // EXTERNAL MODULE: external "react-event-listener"
163
- var external_react_event_listener_ = __webpack_require__(15);
164
- var external_react_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_react_event_listener_);
165
-
166
162
  // EXTERNAL MODULE: external "react-spring"
167
163
  var external_react_spring_ = __webpack_require__(18);
168
164
 
165
+ // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
166
+ var EventListener_ = __webpack_require__(14);
167
+ var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
168
+
169
169
  // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
170
170
  var ScrollContainerContext_ = __webpack_require__(35);
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); }
@@ -354,11 +354,13 @@ var Inner_Inner = /*#__PURE__*/function (_Component) {
354
354
  scrollLeft: left
355
355
  }), /*#__PURE__*/external_react_default.a.createElement(ScrollContainerContext_["ScrollContainerProvider"], {
356
356
  value: containerEl
357
- }, children)), stopScrollPropagation === true && containerEl && /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {
358
- onWheel: Object(external_react_event_listener_["withOptions"])(this.handleWheel, {
357
+ }, children)), stopScrollPropagation === true && containerEl && /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
358
+ target: containerEl,
359
+ eventType: "wheel",
360
+ listener: this.handleWheel,
361
+ options: {
359
362
  passive: false
360
- }),
361
- target: containerEl
363
+ }
362
364
  }));
363
365
  }
364
366
  }]);
@@ -538,10 +540,10 @@ Scroll_defineProperty(Scroll_Scroll, "defaultProps", Scroll_defaultProps);
538
540
 
539
541
  /***/ }),
540
542
 
541
- /***/ 15:
543
+ /***/ 14:
542
544
  /***/ (function(module, exports) {
543
545
 
544
- module.exports = require("react-event-listener");
546
+ module.exports = require("@splunk/react-ui/EventListener");
545
547
 
546
548
  /***/ }),
547
549
 
@@ -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 = 168);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 174);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
89
89
 
90
- /***/ 168:
90
+ /***/ 174:
91
91
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
92
92
 
93
93
  "use strict";
@@ -107,13 +107,13 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
107
107
 
108
108
  /**
109
109
  * A React context used to manage a custom scroll container for child elements
110
- * that need to react to scrolling. The context type is `Element | 'window' | null | undefined`.
111
- * Defaults to `'window'`. Consumers of this context must gracefully handle values
110
+ * that need to react to scrolling. The context type is `Window | Document | HTMLElement | null | undefined`.
111
+ * Defaults to `window`. Consumers of this context must gracefully handle values
112
112
  * of `null` and `undefined`.
113
113
  * @public
114
114
  */
115
115
 
116
- var ScrollContainerContext = /*#__PURE__*/external_react_default.a.createContext('window');
116
+ var ScrollContainerContext = /*#__PURE__*/external_react_default.a.createContext(window);
117
117
  /**
118
118
  * `ScrollContainerProvider` is an alias of `ScrollContainerContext.Provider`.
119
119
  * @public
package/Search.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default } from './types/src/Search';
2
+ export * from './types/src/Search';