@splunk/react-ui 4.38.0 → 4.40.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 (172) hide show
  1. package/Accordion.js +131 -153
  2. package/Anchor.js +50 -58
  3. package/Animation.js +64 -59
  4. package/AnimationToggle.js +59 -61
  5. package/Box.js +59 -67
  6. package/Breadcrumbs.js +113 -127
  7. package/Button.js +151 -169
  8. package/ButtonGroup.js +41 -49
  9. package/ButtonSimple.js +264 -295
  10. package/CHANGELOG.md +49 -0
  11. package/Calendar.js +353 -414
  12. package/Card.js +186 -244
  13. package/CardLayout.js +86 -83
  14. package/Chip.js +136 -146
  15. package/Clickable.js +180 -198
  16. package/CloseButton.js +52 -60
  17. package/Code.js +24 -31
  18. package/CollapsiblePanel.js +172 -202
  19. package/Color.js +371 -412
  20. package/ColumnLayout.js +72 -96
  21. package/ComboBox.js +266 -303
  22. package/Concertina.js +406 -454
  23. package/ControlGroup.js +178 -210
  24. package/Date.js +116 -131
  25. package/DefinitionList.js +125 -149
  26. package/Divider.js +81 -79
  27. package/Dropdown.js +226 -237
  28. package/DualListbox.js +150 -186
  29. package/EventListener.js +4 -1
  30. package/File.js +1032 -955
  31. package/FormRows.js +281 -334
  32. package/Heading.js +27 -35
  33. package/Image.js +101 -116
  34. package/JSONTree.js +301 -344
  35. package/Layer.js +118 -126
  36. package/Link.js +141 -159
  37. package/List.js +61 -77
  38. package/MIGRATION.mdx +123 -38
  39. package/Markdown.js +288 -347
  40. package/Menu.js +506 -532
  41. package/Message.js +197 -207
  42. package/MessageBar.js +58 -66
  43. package/Modal.js +241 -290
  44. package/ModalLayer.js +130 -148
  45. package/Monogram.js +138 -138
  46. package/Multiselect.js +3137 -3433
  47. package/Number.js +164 -178
  48. package/Paginator.js +296 -335
  49. package/Paragraph.js +24 -32
  50. package/Popover.js +450 -442
  51. package/Progress.js +65 -75
  52. package/RadioBar.js +301 -303
  53. package/RadioList.js +77 -119
  54. package/Resize.js +105 -127
  55. package/ResultsMenu.js +373 -385
  56. package/ScreenReaderContent.js +50 -58
  57. package/Scroll.js +209 -244
  58. package/Search.js +379 -391
  59. package/Select.js +2085 -2345
  60. package/SidePanel.js +122 -142
  61. package/Slider.js +132 -145
  62. package/SlidingPanels.js +238 -270
  63. package/SplitButton.d.ts +2 -0
  64. package/SplitButton.js +222 -245
  65. package/StaticContent.js +68 -76
  66. package/StepBar.js +206 -205
  67. package/Switch.js +176 -205
  68. package/TabBar.js +235 -268
  69. package/TabLayout.js +122 -141
  70. package/Table.js +2103 -2261
  71. package/Text.js +379 -493
  72. package/TextArea.js +411 -441
  73. package/Tooltip.js +116 -132
  74. package/TransitionOpen.js +160 -178
  75. package/Tree.js +268 -287
  76. package/Typography.js +48 -52
  77. package/WaitSpinner.js +61 -69
  78. package/cypress/support/commands.ts +9 -0
  79. package/cypress/support/index.d.ts +6 -0
  80. package/cypress/tsconfig.cypress.json +1 -0
  81. package/docker-compose.yml +0 -1
  82. package/package.json +15 -15
  83. package/types/src/Button/Button.d.ts +5 -1
  84. package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
  85. package/types/src/Card/Card.d.ts +1 -0
  86. package/types/src/Card/Footer.d.ts +1 -0
  87. package/types/src/Chip/Chip.d.ts +3 -6
  88. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
  89. package/types/src/Color/Color.d.ts +2 -2
  90. package/types/src/Color/Palette.d.ts +4 -2
  91. package/types/src/ComboBox/ComboBox.d.ts +1 -1
  92. package/types/src/ComboBox/Option.d.ts +1 -1
  93. package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
  94. package/types/src/Date/Date.d.ts +2 -2
  95. package/types/src/File/File.d.ts +2 -3
  96. package/types/src/File/Retry.d.ts +1 -2
  97. package/types/src/Menu/Item.d.ts +18 -5
  98. package/types/src/Menu/Menu.d.ts +3 -3
  99. package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
  100. package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
  101. package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
  102. package/types/src/Multiselect/Compact.d.ts +1 -1
  103. package/types/src/Multiselect/Multiselect.d.ts +1 -1
  104. package/types/src/Multiselect/Normal.d.ts +1 -1
  105. package/types/src/Multiselect/Option.d.ts +2 -0
  106. package/types/src/Number/Number.d.ts +3 -3
  107. package/types/src/Popover/Popover.d.ts +3 -4
  108. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  109. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
  110. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
  111. package/types/src/Search/Option.d.ts +9 -3
  112. package/types/src/Select/Option.d.ts +3 -1
  113. package/types/src/Select/OptionBase.d.ts +7 -5
  114. package/types/src/Select/Select.d.ts +4 -2
  115. package/types/src/Select/SelectAllOption.d.ts +4 -4
  116. package/types/src/Select/SelectBase.d.ts +104 -66
  117. package/types/src/Select/docs/examples/Appearance.d.ts +0 -2
  118. package/types/src/SidePanel/SidePanel.d.ts +1 -1
  119. package/types/src/Slider/Slider.d.ts +2 -2
  120. package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
  121. package/types/src/StepBar/Step.d.ts +1 -2
  122. package/types/src/Switch/Switch.d.ts +0 -1
  123. package/types/src/TabBar/Tab.d.ts +1 -1
  124. package/types/src/TabBar/TabBar.d.ts +3 -1
  125. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  126. package/types/src/Table/Cell.d.ts +0 -2
  127. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  128. package/types/src/Table/HeadInner.d.ts +5 -1
  129. package/types/src/Table/Table.d.ts +0 -1
  130. package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
  131. package/types/src/Text/IconOutlinedHide.d.ts +1 -2
  132. package/types/src/Text/IconOutlinedView.d.ts +1 -2
  133. package/types/src/Text/Text.d.ts +2 -2
  134. package/types/src/TextArea/TextArea.d.ts +2 -2
  135. package/types/src/Tooltip/Tooltip.d.ts +4 -4
  136. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
  137. package/types/src/WaitSpinner/WaitSpinner.d.ts +0 -1
  138. package/types/src/useControlled/index.d.ts +2 -0
  139. package/types/src/useControlled/useControlled.d.ts +21 -0
  140. package/types/src/useResizeObserver/index.d.ts +2 -0
  141. package/types/src/useResizeObserver/useResizeObserver.d.ts +12 -0
  142. package/useControlled.js +112 -0
  143. package/useForceUpdate.js +30 -32
  144. package/useKeyPress.d.ts +2 -0
  145. package/useKeyPress.js +1 -1
  146. package/useResizeObserver.d.ts +2 -0
  147. package/useResizeObserver.js +137 -0
  148. package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
  149. package/types/src/Chip/docs/examples/Basic.d.ts +0 -2
  150. package/types/src/Chip/docs/examples/prisma/Appearance.d.ts +0 -2
  151. package/types/src/Color/docs/examples/prisma/Controlled.d.ts +0 -2
  152. package/types/src/Color/docs/examples/prisma/ThemeVariables.d.ts +0 -1
  153. package/types/src/Color/docs/examples/prisma/Uncontrolled.d.ts +0 -2
  154. package/types/src/Dropdown/docs/examples/prisma/Basic.d.ts +0 -2
  155. package/types/src/Dropdown/docs/examples/prisma/BasicMenu.d.ts +0 -2
  156. package/types/src/Dropdown/docs/examples/prisma/ControlledDropdown.d.ts +0 -2
  157. package/types/src/Dropdown/docs/examples/prisma/Dialog.d.ts +0 -2
  158. package/types/src/Dropdown/docs/examples/prisma/OtherToggles.d.ts +0 -2
  159. package/types/src/Dropdown/docs/examples/prisma/ScrollingMenu.d.ts +0 -2
  160. package/types/src/File/docs/examples/prisma/Disabled.d.ts +0 -12
  161. package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
  162. package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
  163. package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
  164. package/types/src/Message/docs/examples/prisma/Title.d.ts +0 -2
  165. package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
  166. package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
  167. package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
  168. package/types/src/WaitSpinner/docs/examples/prisma/Basic.d.ts +0 -2
  169. /package/types/src/Color/docs/examples/{prisma/CustomizedPalette.d.ts → CustomizedPalette.d.ts} +0 -0
  170. /package/types/src/Color/docs/examples/{prisma/HideInput.d.ts → HideInput.d.ts} +0 -0
  171. /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
  172. /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/ResultsMenu.js CHANGED
@@ -61,8 +61,8 @@
61
61
  e.r(t);
62
62
  // EXPORTS
63
63
  e.d(t, {
64
- VirtualizedResultsMenu: () => /* reexport */ Re,
65
- default: () => /* reexport */ V
64
+ VirtualizedResultsMenu: () => /* reexport */ qe,
65
+ default: () => /* reexport */ K
66
66
  });
67
67
  // CONCATENATED MODULE: external "react"
68
68
  const r = require("react");
@@ -72,10 +72,10 @@
72
72
  var i = e.n(o);
73
73
  // CONCATENATED MODULE: external "lodash/keys"
74
74
  const u = require("lodash/keys");
75
- var a = e.n(u);
75
+ var l = e.n(u);
76
76
  // CONCATENATED MODULE: external "lodash/memoize"
77
- const l = require("lodash/memoize");
78
- var c = e.n(l);
77
+ const a = require("lodash/memoize");
78
+ var c = e.n(a);
79
79
  // CONCATENATED MODULE: external "lodash/omit"
80
80
  const s = require("lodash/omit");
81
81
  var f = e.n(s);
@@ -87,11 +87,11 @@
87
87
  const p = require("@splunk/react-ui/Menu");
88
88
  var m = e.n(p);
89
89
  // CONCATENATED MODULE: external "styled-components"
90
- const h = require("styled-components");
91
- var y = e.n(h);
90
+ const b = require("styled-components");
91
+ var y = e.n(b);
92
92
  // CONCATENATED MODULE: external "@splunk/react-ui/WaitSpinner"
93
- const b = require("@splunk/react-ui/WaitSpinner");
94
- var g = e.n(b);
93
+ const h = require("@splunk/react-ui/WaitSpinner");
94
+ var g = e.n(h);
95
95
  // CONCATENATED MODULE: external "@splunk/themes"
96
96
  const S = require("@splunk/themes");
97
97
  // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenuStyles.ts
@@ -100,7 +100,7 @@
100
100
  componentId: "avbhl8-0"
101
101
  })([ "", ";flex-direction:column;max-height:calc(100vh - 20px);", "" ], S.mixins.reset("flex"), (0,
102
102
  S.pick)({
103
- prisma: (0, h.css)([ "border-radius:", ";background-color:", ";" ], S.variables.borderRadius, S.variables.backgroundColorPopup)
103
+ prisma: (0, b.css)([ "border-radius:", ";background-color:", ";" ], S.variables.borderRadius, S.variables.backgroundColorPopup)
104
104
  }));
105
105
  var O = y().div.withConfig({
106
106
  displayName: "ResultsMenuStyles__StyledFooter",
@@ -117,11 +117,11 @@
117
117
  }), (function(e) {
118
118
  var t = e.$placement;
119
119
  return t === "above" ? (0, S.pick)({
120
- prisma: (0, h.css)([ "border-bottom:1px solid ", ";" ], S.variables.neutral200),
121
- enterprise: (0, h.css)([ "border-bottom:", ";" ], S.variables.border)
120
+ prisma: (0, b.css)([ "border-bottom:1px solid ", ";" ], S.variables.neutral200),
121
+ enterprise: (0, b.css)([ "border-bottom:", ";" ], S.variables.border)
122
122
  }) : (0, S.pick)({
123
- prisma: (0, h.css)([ "border-top:1px solid ", ";" ], S.variables.neutral200),
124
- enterprise: (0, h.css)([ "border-top:", ";" ], S.variables.border)
123
+ prisma: (0, b.css)([ "border-top:1px solid ", ";" ], S.variables.neutral200),
124
+ enterprise: (0, b.css)([ "border-top:", ";" ], S.variables.border)
125
125
  });
126
126
  }));
127
127
  var M = y().li.withConfig({
@@ -139,13 +139,13 @@
139
139
  componentId: "avbhl8-3"
140
140
  })([ "overflow:auto;flex-direction:column;", "" ], (function(e) {
141
141
  var t = e.$removeBottomRadius;
142
- return t && (0, h.css)([ "border-bottom-left-radius:0;border-bottom-right-radius:0;" ]);
142
+ return t && (0, b.css)([ "border-bottom-left-radius:0;border-bottom-right-radius:0;" ]);
143
143
  }));
144
- var k = y()(g()).withConfig({
144
+ var j = y()(g()).withConfig({
145
145
  displayName: "ResultsMenuStyles__StyledWait",
146
146
  componentId: "avbhl8-4"
147
147
  })([ "flex:0 0 auto;" ]);
148
- var x = y().div.withConfig({
148
+ var k = y().div.withConfig({
149
149
  displayName: "ResultsMenuStyles__StyledLoadingMessage",
150
150
  componentId: "avbhl8-5"
151
151
  })([ "flex:1 0 0;color:", ";" ], (0, S.pick)({
@@ -159,7 +159,7 @@
159
159
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
160
160
  * @param current - The new value of the ref.
161
161
  */
162
- function j(e, t) {
162
+ function x(e, t) {
163
163
  if (e) {
164
164
  if (typeof e === "function") {
165
165
  e(t);
@@ -174,126 +174,111 @@
174
174
  // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenu.tsx
175
175
  function T(e) {
176
176
  "@babel/helpers - typeof";
177
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
178
- T = function e(t) {
179
- return typeof t;
180
- };
181
- } else {
182
- T = function e(t) {
183
- return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
184
- };
185
- }
186
- return T(e);
177
+ return T = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
178
+ return typeof e;
179
+ } : function(e) {
180
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
181
+ }, T(e);
187
182
  }
188
- function I() {
189
- I = Object.assign || function(e) {
183
+ function P() {
184
+ return P = Object.assign ? Object.assign.bind() : function(e) {
190
185
  for (var t = 1; t < arguments.length; t++) {
191
186
  var r = arguments[t];
192
187
  for (var n in r) {
193
- if (Object.prototype.hasOwnProperty.call(r, n)) {
194
- e[n] = r[n];
195
- }
188
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
196
189
  }
197
190
  }
198
191
  return e;
199
- };
200
- return I.apply(this, arguments);
192
+ }, P.apply(null, arguments);
201
193
  }
202
- function P(e, t) {
203
- if (!(e instanceof t)) {
204
- throw new TypeError("Cannot call a class as a function");
205
- }
194
+ function I(e, t) {
195
+ if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
206
196
  }
207
197
  function C(e, t) {
208
198
  for (var r = 0; r < t.length; r++) {
209
199
  var n = t[r];
210
- n.enumerable = n.enumerable || false;
211
- n.configurable = true;
212
- if ("value" in n) n.writable = true;
213
- Object.defineProperty(e, n.key, n);
200
+ n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0),
201
+ Object.defineProperty(e, D(n.key), n);
214
202
  }
215
203
  }
216
- function R(e, t, r) {
217
- if (t) C(e.prototype, t);
218
- if (r) C(e, r);
219
- return e;
204
+ function A(e, t, r) {
205
+ return t && C(e.prototype, t), r && C(e, r), Object.defineProperty(e, "prototype", {
206
+ writable: !1
207
+ }), e;
220
208
  }
221
- function A(e, t) {
222
- if (typeof t !== "function" && t !== null) {
223
- throw new TypeError("Super expression must either be null or a function");
224
- }
209
+ function R(e, t) {
210
+ if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
225
211
  e.prototype = Object.create(t && t.prototype, {
226
212
  constructor: {
227
213
  value: e,
228
- writable: true,
229
- configurable: true
214
+ writable: !0,
215
+ configurable: !0
230
216
  }
231
- });
232
- if (t) _(e, t);
217
+ }), Object.defineProperty(e, "prototype", {
218
+ writable: !1
219
+ }), t && _(e, t);
233
220
  }
234
221
  function _(e, t) {
235
- _ = Object.setPrototypeOf || function e(t, r) {
236
- t.__proto__ = r;
237
- return t;
238
- };
239
- return _(e, t);
222
+ return _ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
223
+ return e.__proto__ = t, e;
224
+ }, _(e, t);
240
225
  }
241
226
  function L(e) {
242
227
  var t = F();
243
- return function r() {
244
- var n = H(e), o;
228
+ return function() {
229
+ var r, n = H(e);
245
230
  if (t) {
246
- var i = H(this).constructor;
247
- o = Reflect.construct(n, arguments, i);
248
- } else {
249
- o = n.apply(this, arguments);
250
- }
251
- return B(this, o);
231
+ var o = H(this).constructor;
232
+ r = Reflect.construct(n, arguments, o);
233
+ } else r = n.apply(this, arguments);
234
+ return B(this, r);
252
235
  };
253
236
  }
254
237
  function B(e, t) {
255
- if (t && (T(t) === "object" || typeof t === "function")) {
256
- return t;
257
- }
238
+ if (t && ("object" == T(t) || "function" == typeof t)) return t;
239
+ if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
258
240
  return q(e);
259
241
  }
260
242
  function q(e) {
261
- if (e === void 0) {
262
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
263
- }
243
+ if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
264
244
  return e;
265
245
  }
266
246
  function F() {
267
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
268
- if (Reflect.construct.sham) return false;
269
- if (typeof Proxy === "function") return true;
270
247
  try {
271
- Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
272
- return true;
273
- } catch (e) {
274
- return false;
275
- }
248
+ var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
249
+ } catch (e) {}
250
+ return (F = function t() {
251
+ return !!e;
252
+ })();
276
253
  }
277
254
  function H(e) {
278
- H = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
279
- return t.__proto__ || Object.getPrototypeOf(t);
280
- };
281
- return H(e);
255
+ return H = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
256
+ return e.__proto__ || Object.getPrototypeOf(e);
257
+ }, H(e);
282
258
  }
283
- function D(e, t, r) {
284
- if (t in e) {
285
- Object.defineProperty(e, t, {
286
- value: r,
287
- enumerable: true,
288
- configurable: true,
289
- writable: true
290
- });
291
- } else {
292
- e[t] = r;
259
+ function N(e, t, r) {
260
+ return (t = D(t)) in e ? Object.defineProperty(e, t, {
261
+ value: r,
262
+ enumerable: !0,
263
+ configurable: !0,
264
+ writable: !0
265
+ }) : e[t] = r, e;
266
+ }
267
+ function D(e) {
268
+ var t = U(e, "string");
269
+ return "symbol" == T(t) ? t : t + "";
270
+ }
271
+ function U(e, t) {
272
+ if ("object" != T(e) || !e) return e;
273
+ var r = e[Symbol.toPrimitive];
274
+ if (void 0 !== r) {
275
+ var n = r.call(e, t || "default");
276
+ if ("object" != T(n)) return n;
277
+ throw new TypeError("@@toPrimitive must return a primitive value.");
293
278
  }
294
- return e;
279
+ return ("string" === t ? String : Number)(e);
295
280
  }
296
- var N = {
281
+ var z = {
297
282
  animateLoading: i().bool,
298
283
  children: i().node,
299
284
  childrenStart: i().node,
@@ -308,54 +293,54 @@
308
293
  placement: i().string,
309
294
  menuId: i().string
310
295
  };
311
- var U = {
296
+ var $ = {
312
297
  animateLoading: false,
313
298
  isLoading: false,
314
299
  loadingMessage: (0, d._)("Loading..."),
315
300
  noOptionsMessage: (0, d._)("No matches")
316
301
  };
317
- var z = c()((function(e) {
302
+ var V = c()((function(e) {
318
303
  return {
319
304
  height: e
320
305
  };
321
306
  }));
322
307
  // @docs-props-type ResultsMenuPropsBase
323
- var $ = function(e) {
324
- A(o, e);
308
+ var W = function(e) {
309
+ R(o, e);
325
310
  var t = L(o);
326
311
  function o(e) {
327
312
  var n;
328
- P(this, o);
313
+ I(this, o);
329
314
  n = t.call(this, e);
330
- D(q(n), "scrollBottomOffset", void 0);
331
- D(q(n), "itemMinHeight", void 0);
332
- D(q(n), "handleMenuMount", (function(e) {
315
+ N(q(n), "scrollBottomOffset", void 0);
316
+ N(q(n), "itemMinHeight", void 0);
317
+ N(q(n), "handleMenuMount", (function(e) {
333
318
  n.setState({
334
319
  menuEl: e
335
320
  });
336
321
  }));
337
- D(q(n), "handleMount", (function(e) {
322
+ N(q(n), "handleMount", (function(e) {
338
323
  n.setState({
339
324
  containerEl: e
340
325
  });
341
- j(n.props.elementRef, e);
326
+ x(n.props.elementRef, e);
342
327
  }));
343
- D(q(n), "handleMouseEnter", (function() {
328
+ N(q(n), "handleMouseEnter", (function() {
344
329
  n.setState({
345
330
  windowTop: document.documentElement.scrollTop
346
331
  });
347
332
  }));
348
- D(q(n), "handleMouseLeave", (function() {
333
+ N(q(n), "handleMouseLeave", (function() {
349
334
  n.setState({
350
335
  windowTop: document.documentElement.scrollTop
351
336
  });
352
337
  }));
353
- D(q(n), "handleScroll", (function(e) {
338
+ N(q(n), "handleScroll", (function(e) {
354
339
  var t, r;
355
340
  if (n.props.onScrollBottom != null) {
356
341
  if (e.target && n.state.menuEl) {
357
342
  var o = n.state.menuEl.scrollHeight - n.state.menuEl.offsetHeight - n.scrollBottomOffset;
358
- // Adding 1 due to border of menu item.
343
+ // Adding 1 due to border of menu item.
359
344
  if (n.state.menuEl.scrollTop + 1 >= o) {
360
345
  n.handleScrollBottom(e);
361
346
  }
@@ -363,19 +348,19 @@
363
348
  }
364
349
  (t = (r = n.props).onScroll) === null || t === void 0 ? void 0 : t.call(r, e);
365
350
  }));
366
- D(q(n), "handleWheelMenu", (function(e) {
351
+ N(q(n), "handleWheelMenu", (function(e) {
367
352
  // Safety net to ensure window doesn't scroll if menu is scrolled pass the numberOfItemsLoaded at high velocity.
368
353
  e.stopPropagation();
369
354
  document.documentElement.scrollTop = n.state.windowTop;
370
355
  }));
371
- D(q(n), "handleScrollBottomOnFullMenu", (function() {
356
+ N(q(n), "handleScrollBottomOnFullMenu", (function() {
372
357
  var e = r.Children.count(n.props.children);
373
358
  var t = n.state.childrenCount;
374
359
  // If menu is full length, load more items.
375
360
  if (n.checkFullHeight()) {
376
361
  n.handleScrollBottom(null);
377
362
  }
378
- // avoid triggering this logic if this.state.childrenCount is null
363
+ // avoid triggering this logic if this.state.childrenCount is null
379
364
  // because that's not a real change in the number of children
380
365
  // and thus we want to avoid resetting the value of scrollBottomTriggered
381
366
  if (t != null && e !== t) {
@@ -390,7 +375,7 @@
390
375
  });
391
376
  }
392
377
  }));
393
- D(q(n), "createMenuContextValue", (function() {
378
+ N(q(n), "createMenuContextValue", (function() {
394
379
  return {
395
380
  role: "listbox",
396
381
  preventFocus: n.props.focusMode === "never"
@@ -403,12 +388,12 @@
403
388
  scrollBottomTriggered: false,
404
389
  windowTop: 0
405
390
  };
406
- // The remaining amount of pixels when scrolled from bottom of menu to trigger onScrollBottom().
391
+ // The remaining amount of pixels when scrolled from bottom of menu to trigger onScrollBottom().
407
392
  n.scrollBottomOffset = 400;
408
393
  n.itemMinHeight = 28;
409
394
  return n;
410
395
  }
411
- R(o, [ {
396
+ A(o, [ {
412
397
  key: "componentDidUpdate",
413
398
  value: function e() {
414
399
  var t, r;
@@ -416,7 +401,7 @@
416
401
  if (!v.isIE11 || !o || !i) {
417
402
  return;
418
403
  }
419
- // If onScrollBottom is defined, determine if it should be triggered.
404
+ // If onScrollBottom is defined, determine if it should be triggered.
420
405
  if (((t = this.props) === null || t === void 0 ? void 0 : t.onScrollBottom) && ((r = this.props) === null || r === void 0 ? void 0 : r.children)) {
421
406
  this.handleScrollBottomOnFullMenu();
422
407
  }
@@ -451,26 +436,26 @@
451
436
  }, {
452
437
  key: "render",
453
438
  value: function e() {
454
- var t = this.props, i = t.animateLoading, u = t.children, l = t.childrenStart, c = t.focusMode, s = t.isLoading, d = t.loadingMessage, v = t.noOptionsMessage, h = t.onScrollBottom, y = t.placement, b = t.style, g = t.tabIndex, S = t.menuId, O = t["aria-multiselectable"];
455
- var j = f()(this.props, a()(o.propTypes));
439
+ var t = this.props, i = t.animateLoading, u = t.children, a = t.childrenStart, c = t.focusMode, s = t.isLoading, d = t.loadingMessage, v = t.noOptionsMessage, b = t.onScrollBottom, y = t.placement, h = t.style, g = t.tabIndex, S = t.menuId, O = t["aria-multiselectable"];
440
+ var x = f()(this.props, l()(o.propTypes));
456
441
  // Assumption: that you cannot be filtered if you are a result
457
442
  var T = r.Children.toArray(u).filter(r.isValidElement).some((function(e) {
458
443
  var t = e.type;
459
- return !(t === p.Divider && t.filterFirst || (t === p.Divider || t === p.Heading) && (t.filterLast || t.filterConsecutive));
444
+ return !(t.as === "Divider" && t.filterFirst || (t.as === "Divider" || t.as === "Heading") && (t.filterLast || t.filterConsecutive));
460
445
  }));
461
- var P = this.checkFullHeight();
462
- var C = z(this.state.scrollBottomTriggered ? this.state.numberOfItemsLoaded * this.itemMinHeight || 0 : 0);
446
+ var I = this.checkFullHeight();
447
+ var C = V(this.state.scrollBottomTriggered ? this.state.numberOfItemsLoaded * this.itemMinHeight || 0 : 0);
463
448
  /* eslint-disable jsx-a11y/aria-role */
464
- return n().createElement(E, I({
449
+ return n().createElement(E, P({
465
450
  "data-test": "results-menu",
466
451
  key: "wrapper",
467
452
  ref: this.handleMount,
468
- onWheel: h ? this.handleWheelMenu : undefined,
469
- onMouseEnter: h ? this.handleMouseEnter : undefined,
470
- onMouseLeave: h ? this.handleMouseLeave : undefined
471
- }, f()(j, "tabIndex", "aria-multiselectable", "menuId"), {
472
- style: b
473
- }), y !== "above" && l, y === "above" && this.renderFooterMessage(), n().createElement(p.MenuContext.Provider, {
453
+ onWheel: b ? this.handleWheelMenu : undefined,
454
+ onMouseEnter: b ? this.handleMouseEnter : undefined,
455
+ onMouseLeave: b ? this.handleMouseLeave : undefined
456
+ }, f()(x, "tabIndex", "aria-multiselectable", "menuId"), {
457
+ style: h
458
+ }), y !== "above" && a, y === "above" && this.renderFooterMessage(), n().createElement(p.MenuContext.Provider, {
474
459
  value: this.createMenuContextValue()
475
460
  }, n().createElement(w, {
476
461
  key: "menu",
@@ -485,27 +470,27 @@
485
470
  }, !T && v && !s && n().createElement(m().Item, {
486
471
  "data-test": "no-results-message",
487
472
  disabled: true
488
- }, v), u, h && !P &&
473
+ }, v), u, b && !I &&
489
474
 
490
475
  // Bottom spacer fills in the space of new items being loaded by using the minimum possible height x menuItems.
491
476
  n().createElement("div", {
492
477
  "data-test": "results-menu-bottom-spacer",
493
478
  style: C
494
- }), s && n().createElement(M, null, i && n().createElement(k, null), n().createElement(x, null, d)))), y !== "above" && this.renderFooterMessage(), y === "above" && l);
479
+ }), s && n().createElement(M, null, i && n().createElement(j, null), n().createElement(k, null, d)))), y !== "above" && this.renderFooterMessage(), y === "above" && a);
495
480
  }
496
481
  } ]);
497
482
  return o;
498
483
  }(r.Component);
499
- D($, "propTypes", N);
500
- D($, "defaultProps", U);
501
- /* harmony default export */ const V = $;
484
+ N(W, "propTypes", z);
485
+ N(W, "defaultProps", $);
486
+ /* harmony default export */ const K = W;
502
487
  // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
503
- const W = require("@splunk/ui-utils/keyboard");
488
+ const G = require("@splunk/ui-utils/keyboard");
504
489
  // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
505
- const K = require("@splunk/ui-utils/focus");
490
+ const X = require("@splunk/ui-utils/focus");
506
491
  // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/groupChildren.ts
507
492
  // Cheap(er than processing potentially thousands of array elements) memoization
508
- var G = {
493
+ var J = {
509
494
  result: []
510
495
  };
511
496
  /**
@@ -522,18 +507,18 @@
522
507
  * @param {number} groupSize The size of each group to be created
523
508
  * @returns A 2d array where each inner-array is a group of size `groupSize` of children
524
509
  * and the order of the `children` received equals the order of the flattened result
525
- */ var X = function e(t, n) {
526
- if (G.children === t && G.groupSize === n) {
527
- return G.result;
510
+ */ var Q = function e(t, n) {
511
+ if (J.children === t && J.groupSize === n) {
512
+ return J.result;
528
513
  }
529
- G.children = t;
530
- G.groupSize = n;
514
+ J.children = t;
515
+ J.groupSize = n;
531
516
  if (n <= 1) {
532
517
  if (false) {}
533
- // don't break in non-__DEV__ and return one big group
534
- G.result = [ r.Children.toArray(t) ];
518
+ // don't break in non-__DEV__ and return one big group
519
+ J.result = [ r.Children.toArray(t) ];
535
520
  } else {
536
- G.result = r.Children.toArray(t).reduce((function(e, t, r) {
521
+ J.result = r.Children.toArray(t).reduce((function(e, t, r) {
537
522
  var o = Math.floor(r / n);
538
523
  if (!Array.isArray(e[o])) {
539
524
  // eslint-disable-next-line no-param-reassign
@@ -543,16 +528,16 @@
543
528
  return e;
544
529
  }), []);
545
530
  }
546
- return G.result;
531
+ return J.result;
547
532
  };
548
533
  // CONCATENATED MODULE: external "@splunk/ui-utils/id"
549
- const J = require("@splunk/ui-utils/id");
534
+ const Y = require("@splunk/ui-utils/id");
550
535
  // CONCATENATED MODULE: ./src/utils/getMenuChildNode.tsx
551
536
  // TODO(SUI-5919): fix the ref handling in the other components so this isn't needed
552
537
  /**
553
538
  * @private Get the HTML <anchor> or <button> node for a received derivative of Menu.Item
554
539
  */
555
- var Q = function e(t) {
540
+ var Z = function e(t) {
556
541
  var r, n, o, i;
557
542
  if (t.el) {
558
543
  return t.el;
@@ -573,71 +558,70 @@
573
558
  return null;
574
559
  };
575
560
  // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/VirtualizedItem.ts
576
- function Y(e, t) {
577
- return ne(e) || re(e, t) || ee(e, t) || Z();
561
+ function ee(e, t) {
562
+ return ie(e) || oe(e, t) || re(e, t) || te();
578
563
  }
579
- function Z() {
564
+ function te() {
580
565
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
581
566
  }
582
- function ee(e, t) {
583
- if (!e) return;
584
- if (typeof e === "string") return te(e, t);
585
- var r = Object.prototype.toString.call(e).slice(8, -1);
586
- if (r === "Object" && e.constructor) r = e.constructor.name;
587
- if (r === "Map" || r === "Set") return Array.from(e);
588
- if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return te(e, t);
567
+ function re(e, t) {
568
+ if (e) {
569
+ if ("string" == typeof e) return ne(e, t);
570
+ var r = {}.toString.call(e).slice(8, -1);
571
+ return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? ne(e, t) : void 0;
572
+ }
589
573
  }
590
- function te(e, t) {
591
- if (t == null || t > e.length) t = e.length;
592
- for (var r = 0, n = new Array(t); r < t; r++) {
574
+ function ne(e, t) {
575
+ (null == t || t > e.length) && (t = e.length);
576
+ for (var r = 0, n = Array(t); r < t; r++) {
593
577
  n[r] = e[r];
594
578
  }
595
579
  return n;
596
580
  }
597
- function re(e, t) {
598
- if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
599
- var r = [];
600
- var n = true;
601
- var o = false;
602
- var i = undefined;
603
- try {
604
- for (var u = e[Symbol.iterator](), a; !(n = (a = u.next()).done); n = true) {
605
- r.push(a.value);
606
- if (t && r.length === t) break;
607
- }
608
- } catch (e) {
609
- o = true;
610
- i = e;
611
- } finally {
581
+ function oe(e, t) {
582
+ var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
583
+ if (null != r) {
584
+ var n, o, i, u, l = [], a = !0, c = !1;
612
585
  try {
613
- if (!n && u["return"] != null) u["return"]();
586
+ if (i = (r = r.call(e)).next, 0 === t) {
587
+ if (Object(r) !== r) return;
588
+ a = !1;
589
+ } else for (;!(a = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); a = !0) {
590
+ }
591
+ } catch (e) {
592
+ c = !0, o = e;
614
593
  } finally {
615
- if (o) throw i;
594
+ try {
595
+ if (!a && null != r["return"] && (u = r["return"](), Object(u) !== u)) return;
596
+ } finally {
597
+ if (c) throw o;
598
+ }
616
599
  }
600
+ return l;
617
601
  }
618
- return r;
619
602
  }
620
- function ne(e) {
603
+ function ie(e) {
621
604
  if (Array.isArray(e)) return e;
622
605
  }
623
- var oe = {
606
+ // This wrapper should only be used with Menu.Item/derivatives thereof, so omitting Heading/Divider is fine
607
+ var ue = {
624
608
  children: i().node,
625
609
  onMount: i().func.isRequired,
626
610
  onUnmount: i().func.isRequired
627
611
  };
628
- /** @private Used by `VirtualizedResultsMenu` */ var ie = n().forwardRef((function(e, t) {
612
+ /** @private Used by `VirtualizedResultsMenu` */ var le = n().forwardRef((function(e, t) {
629
613
  var n = e.children, o = e.onMount, i = e.onUnmount;
630
- var u = (0, r.useState)(), a = Y(u, 2), l = a[0], c = a[1];
614
+ var u = (0, r.useState)(), l = ee(u, 2), a = l[0], c = l[1];
631
615
  (0, r.useEffect)((function() {
632
- if (l) {
633
- o(l);
616
+ if (a) {
617
+ o(a);
634
618
  }
635
619
  return function() {
636
- if (l) {
637
- i(l);
620
+ if (a) {
621
+ i(a);
638
622
  }
639
623
  };
640
- }), [ l, o, i ]);
624
+ }), [ a, o, i ]);
641
625
  var s = r.Children.only(n);
642
626
  if (!s) {
643
627
  if (false) {}
@@ -650,13 +634,13 @@
650
634
  if (!n) {
651
635
  return;
652
636
  }
653
- j(t, r);
654
- j(c, Q(n));
637
+ x(t, r);
638
+ x(c, Z(n));
655
639
  }
656
640
  });
657
641
  }));
658
- ie.propTypes = oe;
659
- ie.as = "Item";
642
+ le.propTypes = ue;
643
+ le.as = "Item";
660
644
  // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/injectVirtualizedItem.tsx
661
645
  /**
662
646
  * Find the index of an array element which is nearest to targetIndex and is a Menu.Item component
@@ -664,7 +648,7 @@
664
648
  * @param {Number} targetIndex The target index. This is the ideal value to return.
665
649
  * @returns The index in the array of the nearest `Menu.Item` component to `targetIndex`, or -1 if no element is a `Menu.Item` component
666
650
  */
667
- var ue = function e(t, r) {
651
+ var ae = function e(t, r) {
668
652
  var n = -1;
669
653
  var o = -1;
670
654
  t.forEach((function(e, t) {
@@ -684,19 +668,19 @@
684
668
  * with a VirtualizedItem instance.
685
669
  * - If `trackFirstElement` the **FIRST** non-divider/heading item will also be replaced.
686
670
  * - If `trackLastElement` the **LAST** non-divider/heading item will also be replaced.
687
- */ var ae = function e(t, r, o) {
688
- var i = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {}, u = i.trackFirstElement, a = i.trackLastElement;
671
+ */ var ce = function e(t, r, o) {
672
+ var i = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {}, u = i.trackFirstElement, l = i.trackLastElement;
689
673
  if (!Array.isArray(t)) {
690
674
  return [];
691
675
  }
692
- var l = ue(t, Math.floor(t.length / 2));
693
- var c = u && ue(t, 0);
694
- var s = a && ue(t, t.length - 1);
676
+ var a = ae(t, Math.floor(t.length / 2));
677
+ var c = u && ae(t, 0);
678
+ var s = l && ae(t, t.length - 1);
695
679
  return t.map((function(e, t) {
696
- if (t === l || t === c || t === s) {
680
+ if (t === a || t === c || t === s) {
697
681
 
698
- return n().createElement(ie, {
699
- key: (0, J.createGUID)(),
682
+ return n().createElement(le, {
683
+ key: (0, Y.createGUID)(),
700
684
  onMount: r,
701
685
  onUnmount: o
702
686
  }, e);
@@ -705,151 +689,152 @@
705
689
  }));
706
690
  };
707
691
  // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.tsx
708
- function le() {
709
- le = Object.assign || function(e) {
692
+ function se(e) {
693
+ "@babel/helpers - typeof";
694
+ return se = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
695
+ return typeof e;
696
+ } : function(e) {
697
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
698
+ }, se(e);
699
+ }
700
+ function fe() {
701
+ return fe = Object.assign ? Object.assign.bind() : function(e) {
710
702
  for (var t = 1; t < arguments.length; t++) {
711
703
  var r = arguments[t];
712
704
  for (var n in r) {
713
- if (Object.prototype.hasOwnProperty.call(r, n)) {
714
- e[n] = r[n];
715
- }
705
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
716
706
  }
717
707
  }
718
708
  return e;
719
- };
720
- return le.apply(this, arguments);
709
+ }, fe.apply(null, arguments);
721
710
  }
722
- function ce(e) {
723
- return de(e) || fe(e) || me(e) || se();
711
+ function de(e) {
712
+ return me(e) || pe(e) || he(e) || ve();
724
713
  }
725
- function se() {
714
+ function ve() {
726
715
  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
727
716
  }
728
- function fe(e) {
729
- if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
717
+ function pe(e) {
718
+ if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
730
719
  }
731
- function de(e) {
732
- if (Array.isArray(e)) return he(e);
720
+ function me(e) {
721
+ if (Array.isArray(e)) return ge(e);
733
722
  }
734
- function ve(e, t) {
735
- return be(e) || ye(e, t) || me(e, t) || pe();
723
+ function be(e, t) {
724
+ return Ee(e) || Se(e, t) || he(e, t) || ye();
736
725
  }
737
- function pe() {
726
+ function ye() {
738
727
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
739
728
  }
740
- function me(e, t) {
741
- if (!e) return;
742
- if (typeof e === "string") return he(e, t);
743
- var r = Object.prototype.toString.call(e).slice(8, -1);
744
- if (r === "Object" && e.constructor) r = e.constructor.name;
745
- if (r === "Map" || r === "Set") return Array.from(e);
746
- if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return he(e, t);
747
- }
748
729
  function he(e, t) {
749
- if (t == null || t > e.length) t = e.length;
750
- for (var r = 0, n = new Array(t); r < t; r++) {
730
+ if (e) {
731
+ if ("string" == typeof e) return ge(e, t);
732
+ var r = {}.toString.call(e).slice(8, -1);
733
+ return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? ge(e, t) : void 0;
734
+ }
735
+ }
736
+ function ge(e, t) {
737
+ (null == t || t > e.length) && (t = e.length);
738
+ for (var r = 0, n = Array(t); r < t; r++) {
751
739
  n[r] = e[r];
752
740
  }
753
741
  return n;
754
742
  }
755
- function ye(e, t) {
756
- if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
757
- var r = [];
758
- var n = true;
759
- var o = false;
760
- var i = undefined;
761
- try {
762
- for (var u = e[Symbol.iterator](), a; !(n = (a = u.next()).done); n = true) {
763
- r.push(a.value);
764
- if (t && r.length === t) break;
765
- }
766
- } catch (e) {
767
- o = true;
768
- i = e;
769
- } finally {
743
+ function Se(e, t) {
744
+ var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
745
+ if (null != r) {
746
+ var n, o, i, u, l = [], a = !0, c = !1;
770
747
  try {
771
- if (!n && u["return"] != null) u["return"]();
748
+ if (i = (r = r.call(e)).next, 0 === t) {
749
+ if (Object(r) !== r) return;
750
+ a = !1;
751
+ } else for (;!(a = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); a = !0) {
752
+ }
753
+ } catch (e) {
754
+ c = !0, o = e;
772
755
  } finally {
773
- if (o) throw i;
756
+ try {
757
+ if (!a && null != r["return"] && (u = r["return"](), Object(u) !== u)) return;
758
+ } finally {
759
+ if (c) throw o;
760
+ }
774
761
  }
762
+ return l;
775
763
  }
776
- return r;
777
764
  }
778
- function be(e) {
765
+ function Ee(e) {
779
766
  if (Array.isArray(e)) return e;
780
767
  }
781
- function ge(e, t) {
782
- if (e == null) return {};
783
- var r = Se(e, t);
784
- var n, o;
768
+ function Oe(e, t) {
769
+ if (null == e) return {};
770
+ var r, n, o = Me(e, t);
785
771
  if (Object.getOwnPropertySymbols) {
786
772
  var i = Object.getOwnPropertySymbols(e);
787
- for (o = 0; o < i.length; o++) {
788
- n = i[o];
789
- if (t.indexOf(n) >= 0) continue;
790
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
791
- r[n] = e[n];
773
+ for (n = 0; n < i.length; n++) {
774
+ r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
792
775
  }
793
776
  }
794
- return r;
777
+ return o;
795
778
  }
796
- function Se(e, t) {
797
- if (e == null) return {};
779
+ function Me(e, t) {
780
+ if (null == e) return {};
798
781
  var r = {};
799
- var n = Object.keys(e);
800
- var o, i;
801
- for (i = 0; i < n.length; i++) {
802
- o = n[i];
803
- if (t.indexOf(o) >= 0) continue;
804
- r[o] = e[o];
782
+ for (var n in e) {
783
+ if ({}.hasOwnProperty.call(e, n)) {
784
+ if (t.includes(n)) continue;
785
+ r[n] = e[n];
786
+ }
805
787
  }
806
788
  return r;
807
789
  }
808
- function Ee(e, t) {
790
+ function we(e, t) {
809
791
  var r = Object.keys(e);
810
792
  if (Object.getOwnPropertySymbols) {
811
793
  var n = Object.getOwnPropertySymbols(e);
812
- if (t) n = n.filter((function(t) {
794
+ t && (n = n.filter((function(t) {
813
795
  return Object.getOwnPropertyDescriptor(e, t).enumerable;
814
- }));
815
- r.push.apply(r, n);
796
+ }))), r.push.apply(r, n);
816
797
  }
817
798
  return r;
818
799
  }
819
- function Oe(e) {
800
+ function je(e) {
820
801
  for (var t = 1; t < arguments.length; t++) {
821
- var r = arguments[t] != null ? arguments[t] : {};
822
- if (t % 2) {
823
- Ee(Object(r), true).forEach((function(t) {
824
- Me(e, t, r[t]);
825
- }));
826
- } else if (Object.getOwnPropertyDescriptors) {
827
- Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
828
- } else {
829
- Ee(Object(r)).forEach((function(t) {
830
- Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
831
- }));
832
- }
802
+ var r = null != arguments[t] ? arguments[t] : {};
803
+ t % 2 ? we(Object(r), !0).forEach((function(t) {
804
+ ke(e, t, r[t]);
805
+ })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : we(Object(r)).forEach((function(t) {
806
+ Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
807
+ }));
833
808
  }
834
809
  return e;
835
810
  }
836
- function Me(e, t, r) {
837
- if (t in e) {
838
- Object.defineProperty(e, t, {
839
- value: r,
840
- enumerable: true,
841
- configurable: true,
842
- writable: true
843
- });
844
- } else {
845
- e[t] = r;
811
+ function ke(e, t, r) {
812
+ return (t = xe(t)) in e ? Object.defineProperty(e, t, {
813
+ value: r,
814
+ enumerable: !0,
815
+ configurable: !0,
816
+ writable: !0
817
+ }) : e[t] = r, e;
818
+ }
819
+ function xe(e) {
820
+ var t = Te(e, "string");
821
+ return "symbol" == se(t) ? t : t + "";
822
+ }
823
+ function Te(e, t) {
824
+ if ("object" != se(e) || !e) return e;
825
+ var r = e[Symbol.toPrimitive];
826
+ if (void 0 !== r) {
827
+ var n = r.call(e, t || "default");
828
+ if ("object" != se(n)) return n;
829
+ throw new TypeError("@@toPrimitive must return a primitive value.");
846
830
  }
847
- return e;
831
+ return ("string" === t ? String : Number)(e);
848
832
  }
849
- var we = Oe(Oe({}, f()(N, "onDownKeyPress", "onEndKeyPress", "onHomeKeyPress", "onUpKeyPress")), {}, {
833
+ // TODO(SUI-5920): add transitions to this component in React 18
834
+ var Pe = je(je({}, f()(z, "onDownKeyPress", "onEndKeyPress", "onHomeKeyPress", "onUpKeyPress")), {}, {
850
835
  virtualization: i().number
851
836
  });
852
- var ke = [];
837
+ var Ie = [];
853
838
  /**
854
839
  * A wrapper for `ResultsMenu` which virtualizes the `children`. The received `children` array will be split into **"panes"** each with `virtualization` entries
855
840
  * and, at any given time, 3 or fewer of these panes will be rendered in the DOM.
@@ -868,37 +853,37 @@
868
853
  * @throws in `__DEV__` when `virtualization` is too small as compared to the menu height (`virtualization` must be greater than the number of visible items in the rendered menu)
869
854
  * @throws in `__DEV__` when `virtualization` is less than or equal to 1 (`virtualization` must be ≥ 2)
870
855
  * @throws in `__DEV__` when `virtualization` is changed during the lifecycle of the `VirtualizedResultsMenu` component
871
- */ function xe(e) {
872
- var t = e.virtualization, o = t === void 0 ? 2 : t, i = e.elementRef, u = e.children, a = ge(e, [ "virtualization", "elementRef", "children" ]);
856
+ */ function Ce(e) {
857
+ var t = e.virtualization, o = t === void 0 ? 2 : t, i = e.elementRef, u = e.children, l = e.focusMode, a = l === void 0 ? "normal" : l, c = Oe(e, [ "virtualization", "elementRef", "children", "focusMode" ]);
873
858
  // @docs-props-type VirtualizedResultsMenuPropsBase
874
- var l = (0, r.useRef)(o);
875
- // If a user tries to set virtualization to a value smaller than the number of options
859
+ var s = (0, r.useRef)(o);
860
+ // If a user tries to set virtualization to a value smaller than the number of options
876
861
  // visible at a given moment then the menu will flicker endlessly. This state is set in
877
862
  // the IntersectionObserver to fix the issue, but in `__DEV__` an error is thrown.
878
- var c = (0, r.useState)(o), s = ve(c, 2), f = s[0], d = s[1];
863
+ var f = (0, r.useState)(o), d = be(f, 2), v = d[0], p = d[1];
879
864
  (0, r.useEffect)((function() {
880
865
  if (false) {}
881
866
  }), [ o ]);
882
- // `useRef` will recompute its initial value every render cycle.
867
+ // `useRef` will recompute its initial value every render cycle.
883
868
  // To avoid the array processing we can provide an initialization function to useState and init the ref with the result
884
- var v = (0, r.useState)((function() {
885
- return X(u, f);
886
- })), p = ve(v, 1), m = p[0];
869
+ var m = (0, r.useState)((function() {
870
+ return Q(u, v);
871
+ })), b = be(m, 1), y = b[0];
887
872
  // NOSONAR
888
873
  // `windowPanes` is an array of arrays, each of length `virtualization`. Each "pane" is just a subset of
889
874
  // `children` which will be rendered in a chunk, and at most 3 of these panes will render at any given time.
890
- var h = (0, r.useRef)(m);
891
- var y = (0, r.useRef)(0);
892
- var b = (0, r.useRef)(null);
893
- // An IntersectionObserver is used to detect when pane changes are needed.
875
+ var h = (0, r.useRef)(y);
876
+ var g = (0, r.useRef)(0);
877
+ var S = (0, r.useRef)(null);
878
+ // An IntersectionObserver is used to detect when pane changes are needed.
894
879
  // When loadPrevPaneRef or loadNextPaneRef entries intersect the menu, the currentPaneId will be updated.
895
- var g = (0, r.useRef)();
896
- var S = (0, r.useRef)(ke);
897
- var E = (0, r.useRef)(ke);
898
- var O = (0, r.useCallback)((function() {
880
+ var E = (0, r.useRef)();
881
+ var O = (0, r.useRef)(Ie);
882
+ var M = (0, r.useRef)(Ie);
883
+ var w = (0, r.useCallback)((function() {
899
884
  var e;
900
885
  var t = h.current, r = t === void 0 ? [] : t;
901
- var n = y.current;
886
+ var n = g.current;
902
887
  /**
903
888
  * create onMount for an child of the menu which will be used to trigger pane
904
889
  * changes upon intersection with the menu's visible bounds
@@ -909,7 +894,7 @@
909
894
  return;
910
895
  }
911
896
  t.current.push(e);
912
- (r = g.current) === null || r === void 0 ? void 0 : r.observe(e);
897
+ (r = E.current) === null || r === void 0 ? void 0 : r.observe(e);
913
898
  };
914
899
  };
915
900
  /**
@@ -919,48 +904,48 @@
919
904
  if (!t) {
920
905
  return;
921
906
  }
922
- var n = E.current.indexOf(t);
907
+ var n = M.current.indexOf(t);
923
908
  if (n >= 0) {
924
- E.current.splice(n, 1);
909
+ M.current.splice(n, 1);
925
910
  }
926
- var o = S.current.indexOf(t);
911
+ var o = O.current.indexOf(t);
927
912
  if (o) {
928
- S.current.splice(o, 1);
913
+ O.current.splice(o, 1);
929
914
  }
930
- (r = g.current) === null || r === void 0 ? void 0 : r.unobserve(t);
915
+ (r = E.current) === null || r === void 0 ? void 0 : r.unobserve(t);
931
916
  };
932
- return [].concat(ce(ae(r[n - 1], o(E), i, {
917
+ return [].concat(de(ce(r[n - 1], o(M), i, {
933
918
  trackFirstElement: true
934
- })), ce((e = r[n]) !== null && e !== void 0 ? e : []), ce(ae(r[n + 1], o(S), i, {
919
+ })), de((e = r[n]) !== null && e !== void 0 ? e : []), de(ce(r[n + 1], o(O), i, {
935
920
  trackLastElement: true
936
921
  })));
937
922
  }), []);
938
- var M = (0, r.useState)(O), w = ve(M, 2), k = w[0], x = w[1];
939
- var T = (0, r.useCallback)((function(e) {
940
- var t = y.current;
941
- y.current = Math.max(0, Math.min(e, h.current.length - 1));
942
- if (t === y.current) {
923
+ var j = (0, r.useState)(w), k = be(j, 2), T = k[0], P = k[1];
924
+ var I = (0, r.useCallback)((function(e) {
925
+ var t = g.current;
926
+ g.current = Math.max(0, Math.min(e, h.current.length - 1));
927
+ if (t === g.current) {
943
928
  // no change in current pane
944
929
  return;
945
930
  }
946
- x(O);
947
- }), [ O ]);
948
- // Link an IntersectionObserver instance with the menu children to be observed
949
- var I = (0, r.useCallback)((function(e) {
931
+ P(w);
932
+ }), [ w ]);
933
+ // Link an IntersectionObserver instance with the menu children to be observed
934
+ var C = (0, r.useCallback)((function(e) {
950
935
  var t;
951
- j(i, e);
952
- b.current = e;
953
- // This is overly defensive and could probably be removed
954
- (t = g.current) === null || t === void 0 ? void 0 : t.disconnect();
936
+ x(i, e);
937
+ S.current = e;
938
+ // This is overly defensive and could probably be removed
939
+ (t = E.current) === null || t === void 0 ? void 0 : t.disconnect();
955
940
  if (!e) {
956
941
  return;
957
942
  }
958
- E.current = [];
959
- S.current = [];
960
- // Run the observation flow
961
- g.current = new IntersectionObserver((function(t) {
943
+ M.current = [];
944
+ O.current = [];
945
+ // Run the observation flow
946
+ E.current = new IntersectionObserver((function(t) {
962
947
  var r;
963
- var n = y.current;
948
+ var n = g.current;
964
949
  var o = e.firstElementChild;
965
950
  if (!!o && o.scrollHeight < e.clientHeight) {
966
951
  var i;
@@ -971,7 +956,7 @@
971
956
  return e.isIntersecting;
972
957
  }))) {
973
958
  // The menu hasn't scrolled, is on pane 0, and already has an intersection, the `virtualization` prop is too small
974
- d((function(e) {
959
+ p((function(e) {
975
960
  return e + 10;
976
961
  }));
977
962
  if (false) {}
@@ -983,31 +968,31 @@
983
968
  // don't process if the pane changed or the entry isn't intersecting
984
969
  return;
985
970
  }
986
- if (E.current.includes(e.target)) {
971
+ if (M.current.includes(e.target)) {
987
972
  u = true;
988
- T(n - 1);
989
- } else if (S.current.includes(e.target)) {
973
+ I(n - 1);
974
+ } else if (O.current.includes(e.target)) {
990
975
  u = true;
991
- T(n + 1);
976
+ I(n + 1);
992
977
  }
993
978
  }));
994
979
  }), {
995
980
  root: e
996
981
  });
997
- }), [ i, T ]);
998
- var P = (0, r.useCallback)((function(e) {
999
- var t = b.current;
982
+ }), [ i, I ]);
983
+ var A = (0, r.useCallback)((function(e) {
984
+ var t = S.current;
1000
985
  if (!t) {
1001
986
  return;
1002
987
  }
1003
988
  e.preventDefault();
1004
- var r = (0, W.keycode)(e);
989
+ var r = (0, G.keycode)(e);
1005
990
  if (r === "home") {
1006
991
  var n;
1007
- if (y.current !== 0) {
1008
- T(0);
992
+ if (g.current !== 0) {
993
+ I(0);
1009
994
  }
1010
- var o = (0, K.getSortedTabbableElements)(t, {
995
+ var o = (0, X.getSortedTabbableElements)(t, {
1011
996
  ignoreTabIndex: true
1012
997
  });
1013
998
  var i = o[0];
@@ -1016,67 +1001,70 @@
1016
1001
  }
1017
1002
  var u = h.current.length - 1;
1018
1003
  if (r === "end") {
1019
- var a;
1020
- if (y.current !== u) {
1021
- T(u);
1004
+ var l;
1005
+ if (g.current !== u) {
1006
+ I(u);
1022
1007
  }
1023
- var l = (0, K.getSortedTabbableElements)(t, {
1008
+ var a = (0, X.getSortedTabbableElements)(t, {
1024
1009
  ignoreTabIndex: true
1025
1010
  });
1026
- var c = l[l.length - 1];
1027
- c === null || c === void 0 ? void 0 : (a = c.focus) === null || a === void 0 ? void 0 : a.call(c);
1011
+ var c = a[a.length - 1];
1012
+ c === null || c === void 0 ? void 0 : (l = c.focus) === null || l === void 0 ? void 0 : l.call(c);
1028
1013
  return;
1029
1014
  }
1030
- var s = (0, K.getSortedTabbableElements)(t, {
1015
+ var s = (0, X.getSortedTabbableElements)(t, {
1031
1016
  ignoreTabIndex: true
1032
1017
  });
1033
1018
  var f = (e === null || e === void 0 ? void 0 : e.target) instanceof Element ? e.target : null;
1034
1019
  var d = t === null || t === void 0 ? void 0 : t.querySelector(":focus");
1035
1020
  var v = f || d;
1036
1021
  var p = v ? s.indexOf(v) : -1;
1037
- (0, K.handleFocus)(r, s, p, {
1022
+ (0, X.handleFocus)(r, s, p, {
1038
1023
  enableLoop: false,
1039
1024
  // VirtualizedResultsMenu does not support looping focus
1040
1025
  orientation: "vertical",
1041
1026
  enableTab: false,
1042
1027
  enableHomeEnd: false
1043
1028
  });
1044
- }), [ T ]);
1029
+ }), [ I ]);
1045
1030
  (0, r.useEffect)((function() {
1046
- d((function(e) {
1031
+ p((function(e) {
1047
1032
  if (false) {}
1048
1033
  return o;
1049
1034
  }));
1050
1035
  }), [ o ]);
1051
1036
  (0, r.useEffect)((function() {
1052
- h.current = X(u, f);
1053
- x(O);
1054
- }), [ u, f, O ]);
1037
+ h.current = Q(u, v);
1038
+ P(w);
1039
+ }), [ u, v, w ]);
1055
1040
  (0, r.useEffect)((function() {
1056
1041
  return function() {
1057
1042
  var e;
1058
- return (e = g.current) === null || e === void 0 ? void 0 : e.disconnect();
1043
+ return (e = E.current) === null || e === void 0 ? void 0 : e.disconnect();
1059
1044
  };
1060
1045
  }), []);
1061
1046
  (0, r.useEffect)((function() {
1062
- var e = b.current;
1047
+ if (a === "never") {
1048
+ return undefined;
1049
+ }
1050
+ var e = S.current;
1063
1051
  if (e) {
1064
- e.addEventListener("keydown", P);
1052
+ e.addEventListener("keydown", A);
1065
1053
  }
1066
1054
  return function() {
1067
- e === null || e === void 0 ? void 0 : e.removeEventListener("keydown", P);
1055
+ e === null || e === void 0 ? void 0 : e.removeEventListener("keydown", A);
1068
1056
  };
1069
- }), [ P ]);
1057
+ }), [ A, a ]);
1070
1058
 
1071
- return n().createElement(V, le({
1072
- elementRef: I,
1073
- focusMode: "normal"
1074
- }, a), k);
1059
+ return n().createElement(K, fe({
1060
+ elementRef: C,
1061
+ focusMode: a
1062
+ }, c), T);
1075
1063
  }
1076
- xe.propTypes = we;
1064
+ Ce.propTypes = Pe;
1077
1065
  // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
1078
1066
  /* eslint-disable @typescript-eslint/no-empty-function */
1079
- var je = {
1067
+ var Ae = {
1080
1068
  body: {
1081
1069
  appendChild: function e() {
1082
1070
  return [];
@@ -1130,14 +1118,14 @@
1130
1118
  search: ""
1131
1119
  }
1132
1120
  };
1133
- function Te() {
1134
- var e = typeof document !== "undefined" ? document : je;
1121
+ function Re() {
1122
+ var e = typeof document !== "undefined" ? document : Ae;
1135
1123
  return e;
1136
1124
  }
1137
1125
  // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
1138
1126
  /* eslint-disable @typescript-eslint/no-empty-function */
1139
- var Ie = {
1140
- document: je,
1127
+ var _e = {
1128
+ document: Ae,
1141
1129
  navigator: {
1142
1130
  userAgent: ""
1143
1131
  },
@@ -1191,14 +1179,14 @@
1191
1179
  clearTimeout(t);
1192
1180
  }
1193
1181
  };
1194
- function Pe() {
1195
- var e = typeof window !== "undefined" ? window : Ie;
1182
+ function Le() {
1183
+ var e = typeof window !== "undefined" ? window : _e;
1196
1184
  return e;
1197
1185
  }
1198
1186
  // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/index.ts
1199
1187
  // In environments without IntersectionObserver support this should just export ResultsMenu
1200
- var Ce = "IntersectionObserver" in Pe() ? xe : V;
1201
- /* harmony default export */ const Re = Ce;
1188
+ var Be = "IntersectionObserver" in Le() ? Ce : K;
1189
+ /* harmony default export */ const qe = Be;
1202
1190
  // CONCATENATED MODULE: ./src/ResultsMenu/index.ts
1203
1191
  module.exports = t;
1204
1192
  /******/})();