@splunk/react-ui 4.41.0 → 4.42.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 (41) hide show
  1. package/ButtonGroup.js +1 -3
  2. package/CHANGELOG.md +22 -0
  3. package/Dropdown.js +33 -32
  4. package/Layer.js +115 -97
  5. package/Link.js +19 -21
  6. package/Menu.js +9 -8
  7. package/MessageBar.js +54 -56
  8. package/Multiselect.js +1051 -1035
  9. package/Number.js +51 -48
  10. package/Popover.js +481 -479
  11. package/Resize.js +61 -61
  12. package/ResultsMenu.js +4 -4
  13. package/Scroll.js +482 -475
  14. package/Select.js +532 -513
  15. package/Table.js +1515 -1433
  16. package/Text.js +29 -17
  17. package/TextArea.js +37 -37
  18. package/Tooltip.js +300 -207
  19. package/package.json +4 -4
  20. package/types/src/ButtonGroup/ButtonGroup.d.ts +0 -4
  21. package/types/src/Dropdown/Dropdown.d.ts +2 -1
  22. package/types/src/Layer/Layer.d.ts +2 -1
  23. package/types/src/Link/Link.d.ts +0 -2
  24. package/types/src/Number/Number.d.ts +10 -2
  25. package/types/src/Popover/Popover.d.ts +1 -4
  26. package/types/src/Resize/Resize.d.ts +0 -11
  27. package/types/src/Scroll/Inner.d.ts +17 -19
  28. package/types/src/Select/SelectBase.d.ts +6 -4
  29. package/types/src/Table/ExpandButton.d.ts +8 -0
  30. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  31. package/types/src/Table/HeadInner.d.ts +5 -1
  32. package/types/src/Table/Row.d.ts +8 -2
  33. package/types/src/Tooltip/Tooltip.d.ts +38 -5
  34. package/types/src/Tooltip/docs/examples/CustomProps.d.ts +2 -0
  35. package/types/src/Tooltip/docs/examples/Toggletip.d.ts +2 -0
  36. package/types/src/useControlled/useControlled.d.ts +5 -4
  37. package/useControlled.js +37 -15
  38. package/usePrevious.js +62 -30
  39. package/useRovingFocus.js +5 -4
  40. package/types/src/Table/icons/ExpansionRow.d.ts +0 -6
  41. package/types/src/Tooltip/docs/examples/CustomContent.d.ts +0 -2
package/Select.js CHANGED
@@ -6,10 +6,13 @@
6
6
  /***/ (e, t, n) => {
7
7
  // EXPORTS
8
8
  n.d(t, {
9
- default: () => /* reexport */ l
9
+ default: () => /* reexport */ i
10
10
  });
11
11
  // EXTERNAL MODULE: external "react"
12
12
  var r = n(9497);
13
+ // EXTERNAL MODULE: external "lodash/has"
14
+ var o = n(5919);
15
+ var l = n.n(o);
13
16
  // CONCATENATED MODULE: ./src/useControlled/useControlled.tsx
14
17
  /**
15
18
  * This is a private component not intended for use outside @splunk/react-ui
@@ -21,22 +24,26 @@
21
24
  *
22
25
  * Return the controlled state of the component.
23
26
  */
24
- function o(e) {
25
- var t = e.defaultValue, n = e.value, o = e.componentName, l = o === void 0 ? "this component" : o, a = e.defaultValuePropName, i = a === void 0 ? "defaultValue" : a, u = e.valuePropName, c = u === void 0 ? "value" : u;
26
- var s = (0, r.useRef)(n != null);
27
- var f = (0, r.useRef)(t);
27
+ function a(e) {
28
+ var t = e.componentProps, n = e.componentName, o = n === void 0 ? "this component" : n, a = e.defaultValuePropName, i = a === void 0 ? "defaultValue" : a, u = e.valuePropName, c = u === void 0 ? "value" : u;
29
+ var s = (0, r.useRef)(l()(t, c));
30
+ var f = (0, r.useRef)(t[i]);
28
31
  (0, r.useEffect)((function() {
29
32
  if (false) {}
30
- }), [ l, t, i, c ]);
33
+ }), [ o, t, i, c ]);
31
34
  (0, r.useEffect)((function() {
32
35
  if (false) {}
33
36
  if (false) {}
34
- }), [ l, t, i, n, c ]);
37
+ }), [ o, t, i, c ]);
35
38
  return s.current;
36
39
  }
37
- /* harmony default export */ const l = o;
40
+ /* harmony default export */ const i = a;
38
41
  } // CONCATENATED MODULE: ./src/useControlled/index.ts
39
42
  /***/ ,
43
+ /***/ 5919:
44
+ /***/ e => {
45
+ e.exports = require("lodash/has");
46
+ /***/ },
40
47
  /***/ 9497:
41
48
  /***/ e => {
42
49
  e.exports = require("react");
@@ -129,8 +136,8 @@
129
136
  n.d(r, {
130
137
  Divider: () => /* reexport */ T.Divider,
131
138
  Heading: () => /* reexport */ T.Heading,
132
- Option: () => /* reexport */ _t,
133
- default: () => /* reexport */ Zt
139
+ Option: () => /* reexport */ Mt,
140
+ default: () => /* reexport */ tn
134
141
  });
135
142
  // EXTERNAL MODULE: external "react"
136
143
  var e = n(9497);
@@ -138,8 +145,8 @@
138
145
  // CONCATENATED MODULE: external "prop-types"
139
146
  const o = require("prop-types");
140
147
  var l = n.n(o);
141
- // CONCATENATED MODULE: external "lodash/has"
142
- const a = require("lodash/has");
148
+ // EXTERNAL MODULE: external "lodash/has"
149
+ var a = n(5919);
143
150
  var i = n.n(a);
144
151
  // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
145
152
  const u = require("@splunk/ui-utils/i18n");
@@ -163,10 +170,10 @@
163
170
  var O = n.n(g);
164
171
  // CONCATENATED MODULE: external "lodash/uniq"
165
172
  const S = require("lodash/uniq");
166
- var w = n.n(S);
173
+ var C = n.n(S);
167
174
  // CONCATENATED MODULE: external "lodash/without"
168
- const C = require("lodash/without");
169
- var k = n.n(C);
175
+ const k = require("lodash/without");
176
+ var w = n.n(k);
170
177
  // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
171
178
  const x = require("@splunk/react-ui/Dropdown");
172
179
  var j = n.n(x);
@@ -180,52 +187,55 @@
180
187
  var A = n.n(R);
181
188
  // CONCATENATED MODULE: external "@splunk/react-ui/Text"
182
189
  const _ = require("@splunk/react-ui/Text");
183
- var L = n.n(_);
190
+ var I = n.n(_);
191
+ // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
192
+ const M = require("@splunk/react-ui/ScreenReaderContent");
193
+ var L = n.n(M);
184
194
  // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
185
- const M = require("@splunk/react-ui/usePrevious");
186
- var I = n.n(M);
195
+ const q = require("@splunk/react-ui/usePrevious");
196
+ var D = n.n(q);
187
197
  // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
188
- const q = require("@splunk/ui-utils/filter");
198
+ const B = require("@splunk/ui-utils/filter");
189
199
  // CONCATENATED MODULE: external "@splunk/ui-utils/id"
190
- const B = require("@splunk/ui-utils/id");
200
+ const V = require("@splunk/ui-utils/id");
191
201
  // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
192
- const D = require("@splunk/ui-utils/keyboard");
202
+ const N = require("@splunk/ui-utils/keyboard");
193
203
  // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
194
- const V = require("@splunk/react-icons/CaretSmallDown");
195
- var N = n.n(V);
196
- // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
197
- const K = require("@splunk/react-icons/enterprise/Caret");
204
+ const K = require("@splunk/react-icons/CaretSmallDown");
198
205
  var F = n.n(K);
206
+ // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
207
+ const H = require("@splunk/react-icons/enterprise/Caret");
208
+ var z = n.n(H);
199
209
  // CONCATENATED MODULE: external "@splunk/themes"
200
- const H = require("@splunk/themes");
210
+ const $ = require("@splunk/themes");
201
211
  // CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
202
- var z = function e() {
203
- var n = (0, H.useSplunkTheme)(), r = n.isEnterprise;
204
- var o = r ? t().createElement(F(), {
212
+ var W = function e() {
213
+ var n = (0, $.useSplunkTheme)(), r = n.isEnterprise;
214
+ var o = r ? t().createElement(z(), {
205
215
  screenReaderText: null,
206
216
  hideDefaultTooltip: true,
207
217
  size: .5
208
- }) : t().createElement(N(), null);
218
+ }) : t().createElement(F(), null);
209
219
  return o;
210
220
  };
211
- /* harmony default export */ const $ = z;
221
+ /* harmony default export */ const U = W;
212
222
  // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
213
- const W = require("@splunk/react-icons/enterprise/Search");
214
- var U = n.n(W);
215
- // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
216
- const J = require("@splunk/react-icons/Magnifier");
223
+ const J = require("@splunk/react-icons/enterprise/Search");
217
224
  var X = n.n(J);
225
+ // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
226
+ const G = require("@splunk/react-icons/Magnifier");
227
+ var Q = n.n(G);
218
228
  // CONCATENATED MODULE: ./src/Select/icons/Search.tsx
219
- var G = function e() {
220
- var n = (0, H.useSplunkTheme)(), r = n.isEnterprise, o = n.isCompact;
229
+ var Y = function e() {
230
+ var n = (0, $.useSplunkTheme)(), r = n.isEnterprise, o = n.isCompact;
221
231
  var l = (0, u._)("Search");
222
232
  var a = o ? "20px" : "24px";
223
- var i = r ? t().createElement(U(), {
233
+ var i = r ? t().createElement(X(), {
224
234
  role: "presentation",
225
235
  size: "16px",
226
236
  screenReaderText: l,
227
237
  hideDefaultTooltip: true
228
- }) : t().createElement(X(), {
238
+ }) : t().createElement(Q(), {
229
239
  role: "presentation",
230
240
  "aria-label": l,
231
241
  width: a,
@@ -233,18 +243,18 @@
233
243
  });
234
244
  return i;
235
245
  };
236
- /* harmony default export */ const Q = G;
246
+ /* harmony default export */ const Z = Y;
237
247
  // CONCATENATED MODULE: ./src/Select/OptionBase.tsx
238
- function Y(e) {
248
+ function ee(e) {
239
249
  "@babel/helpers - typeof";
240
- return Y = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
250
+ return ee = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
241
251
  return typeof e;
242
252
  } : function(e) {
243
253
  return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
244
- }, Y(e);
254
+ }, ee(e);
245
255
  }
246
- function Z() {
247
- return Z = Object.assign ? Object.assign.bind() : function(e) {
256
+ function te() {
257
+ return te = Object.assign ? Object.assign.bind() : function(e) {
248
258
  for (var t = 1; t < arguments.length; t++) {
249
259
  var n = arguments[t];
250
260
  for (var r in n) {
@@ -252,9 +262,9 @@
252
262
  }
253
263
  }
254
264
  return e;
255
- }, Z.apply(null, arguments);
265
+ }, te.apply(null, arguments);
256
266
  }
257
- function ee(e, t) {
267
+ function ne(e, t) {
258
268
  var n = Object.keys(e);
259
269
  if (Object.getOwnPropertySymbols) {
260
270
  var r = Object.getOwnPropertySymbols(e);
@@ -264,42 +274,42 @@
264
274
  }
265
275
  return n;
266
276
  }
267
- function te(e) {
277
+ function re(e) {
268
278
  for (var t = 1; t < arguments.length; t++) {
269
279
  var n = null != arguments[t] ? arguments[t] : {};
270
- t % 2 ? ee(Object(n), !0).forEach((function(t) {
271
- ne(e, t, n[t]);
272
- })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ee(Object(n)).forEach((function(t) {
280
+ t % 2 ? ne(Object(n), !0).forEach((function(t) {
281
+ oe(e, t, n[t]);
282
+ })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ne(Object(n)).forEach((function(t) {
273
283
  Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
274
284
  }));
275
285
  }
276
286
  return e;
277
287
  }
278
- function ne(e, t, n) {
279
- return (t = re(t)) in e ? Object.defineProperty(e, t, {
288
+ function oe(e, t, n) {
289
+ return (t = le(t)) in e ? Object.defineProperty(e, t, {
280
290
  value: n,
281
291
  enumerable: !0,
282
292
  configurable: !0,
283
293
  writable: !0
284
294
  }) : e[t] = n, e;
285
295
  }
286
- function re(e) {
287
- var t = oe(e, "string");
288
- return "symbol" == Y(t) ? t : t + "";
296
+ function le(e) {
297
+ var t = ae(e, "string");
298
+ return "symbol" == ee(t) ? t : t + "";
289
299
  }
290
- function oe(e, t) {
291
- if ("object" != Y(e) || !e) return e;
300
+ function ae(e, t) {
301
+ if ("object" != ee(e) || !e) return e;
292
302
  var n = e[Symbol.toPrimitive];
293
303
  if (void 0 !== n) {
294
304
  var r = n.call(e, t || "default");
295
- if ("object" != Y(r)) return r;
305
+ if ("object" != ee(r)) return r;
296
306
  throw new TypeError("@@toPrimitive must return a primitive value.");
297
307
  }
298
308
  return ("string" === t ? String : Number)(e);
299
309
  }
300
- function le(e, t) {
310
+ function ie(e, t) {
301
311
  if (null == e) return {};
302
- var n, r, o = ae(e, t);
312
+ var n, r, o = ue(e, t);
303
313
  if (Object.getOwnPropertySymbols) {
304
314
  var l = Object.getOwnPropertySymbols(e);
305
315
  for (r = 0; r < l.length; r++) {
@@ -308,7 +318,7 @@
308
318
  }
309
319
  return o;
310
320
  }
311
- function ae(e, t) {
321
+ function ue(e, t) {
312
322
  if (null == e) return {};
313
323
  var n = {};
314
324
  for (var r in e) {
@@ -319,7 +329,7 @@
319
329
  }
320
330
  return n;
321
331
  }
322
- var ie = {
332
+ var ce = {
323
333
  /** @private */
324
334
  active: l().bool,
325
335
  children: l().node,
@@ -349,8 +359,8 @@
349
359
  };
350
360
  /**
351
361
  * An option within a `Multiselect`.
352
- */ function ue(n) {
353
- var r = n.children, o = n.descriptionPosition, l = o === void 0 ? "bottom" : o, a = n.disabled, i = n.elementRef, u = n.icon, c = n.label, s = n.multiple, f = n.onClick, p = n.role, d = p === void 0 ? "option" : p, v = n.value, b = le(n, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
362
+ */ function se(n) {
363
+ var r = n.children, o = n.descriptionPosition, l = o === void 0 ? "bottom" : o, a = n.disabled, i = n.elementRef, u = n.icon, c = n.label, s = n.multiple, f = n.onClick, p = n.role, d = p === void 0 ? "option" : p, v = n.value, b = ie(n, [ "children", "descriptionPosition", "disabled", "elementRef", "icon", "label", "multiple", "onClick", "role", "value" ]);
354
364
  // @docs-props-type OptionPropsBase
355
365
  var m = (0, e.useCallback)((function(e) {
356
366
  if (!a) {
@@ -360,12 +370,12 @@
360
370
  }
361
371
  }), [ a, f, v ]);
362
372
  var y = v.toString();
363
- var h = te({
373
+ var h = re({
364
374
  descriptionPosition: l,
365
375
  disabled: a
366
376
  }, b);
367
377
 
368
- return t().createElement(T.Item, Z({
378
+ return t().createElement(T.Item, te({
369
379
  "data-test-value": v,
370
380
  "data-test": "option",
371
381
  elementRef: i
@@ -378,12 +388,12 @@
378
388
  value: y
379
389
  }), r || c);
380
390
  }
381
- ue.propTypes = ie;
382
- ue.type = T.Item;
391
+ se.propTypes = ce;
392
+ se.type = T.Item;
383
393
  // For components to distinguish if their children are Options or Headings/Dividers
384
- /* harmony default export */ const ce = ue;
394
+ /* harmony default export */ const fe = se;
385
395
  // CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
386
- var se = {
396
+ var pe = {
387
397
  active: l().bool,
388
398
  changedToggle: l().bool,
389
399
  elementRef: l().oneOfType([ l().func, l().object ]),
@@ -393,12 +403,12 @@
393
403
  selected: l().oneOf([ false, true, "some" ]),
394
404
  totalCount: l().number
395
405
  };
396
- function fe(e) {
406
+ function de(e) {
397
407
  var n = e.active, r = e.elementRef, o = e.id, l = e.onClick, a = e.selectAllLabel, i = e.totalCount, u = e.changedToggle, c = e.selected;
398
408
  // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select all menu item
399
409
  var s = u ? " (".concat(i === null || i === void 0 ? void 0 : i.toString(), ")") : "";
400
410
 
401
- return t().createElement(ce, {
411
+ return t().createElement(fe, {
402
412
  active: n,
403
413
  elementRef: r,
404
414
  "aria-keyshortcuts": "Control+A",
@@ -416,16 +426,16 @@
416
426
  value: "selectAll"
417
427
  });
418
428
  }
419
- fe.propTypes = se;
420
- /* harmony default export */ const pe = fe;
429
+ de.propTypes = pe;
430
+ /* harmony default export */ const ve = de;
421
431
  // CONCATENATED MODULE: external "styled-components"
422
- const de = require("styled-components");
423
- var ve = n.n(de);
424
- // CONCATENATED MODULE: external "@splunk/react-ui/Button"
425
- const be = require("@splunk/react-ui/Button");
432
+ const be = require("styled-components");
426
433
  var me = n.n(be);
434
+ // CONCATENATED MODULE: external "@splunk/react-ui/Button"
435
+ const ye = require("@splunk/react-ui/Button");
436
+ var he = n.n(ye);
427
437
  // CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
428
- var ye = ve()(me()).withConfig({
438
+ var ge = me()(he()).withConfig({
429
439
  displayName: "SelectBaseStyles__StyledButton",
430
440
  componentId: "sc-16cj7sk-0"
431
441
  })([ "&[data-inline]{width:", ";}", "" ], (function(e) {
@@ -435,76 +445,76 @@
435
445
  var t = e.$multiple;
436
446
  return !t && "flex-grow: 0;";
437
447
  }));
438
- var he = ve().span.withConfig({
448
+ var Oe = me().span.withConfig({
439
449
  displayName: "SelectBaseStyles__StyledLinkIcon",
440
450
  componentId: "sc-16cj7sk-1"
441
451
  })([ "padding-right:2px;" ]);
442
- var ge = ve().span.withConfig({
452
+ var Se = me().span.withConfig({
443
453
  displayName: "SelectBaseStyles__StyledLinkCaret",
444
454
  componentId: "sc-16cj7sk-2"
445
455
  })([ "padding-left:2px;" ]);
446
- var Oe = ve().div.withConfig({
456
+ var Ce = me().div.withConfig({
447
457
  displayName: "SelectBaseStyles__StyledFilter",
448
458
  componentId: "sc-16cj7sk-3"
449
- })([ "padding:", ";min-width:160px;" ], (0, H.pick)({
459
+ })([ "padding:", ";min-width:160px;" ], (0, $.pick)({
450
460
  enterprise: "8px",
451
461
  prisma: "10px 16px"
452
462
  }));
453
- var Se = ve().span.withConfig({
463
+ var ke = me().span.withConfig({
454
464
  displayName: "SelectBaseStyles__StyledSearchIconWrapper",
455
465
  componentId: "sc-16cj7sk-4"
456
- })([ "color:", ";pointer-events:none;padding:", ";" ], (0, H.pick)({
466
+ })([ "color:", ";pointer-events:none;padding:", ";" ], (0, $.pick)({
457
467
  enterprise: {
458
- light: H.variables.gray60,
459
- dark: H.variables.white
468
+ light: $.variables.gray60,
469
+ dark: $.variables.white
460
470
  },
461
- prisma: H.variables.contentColorMuted
462
- }), (0, H.pick)({
471
+ prisma: $.variables.contentColorMuted
472
+ }), (0, $.pick)({
463
473
  comfortable: "0 8px",
464
474
  compact: "0 6px"
465
475
  }));
466
- var we = ve().span.withConfig({
476
+ var we = me().span.withConfig({
467
477
  displayName: "SelectBaseStyles__StyledCount",
468
478
  componentId: "sc-16cj7sk-5"
469
- })([ "padding-right:", ";" ], H.variables.spacingXSmall);
470
- var Ce = ve()(E()).withConfig({
479
+ })([ "padding-right:", ";" ], $.variables.spacingXSmall);
480
+ var xe = me()(E()).withConfig({
471
481
  displayName: "SelectBaseStyles__StyledControlsLink",
472
482
  componentId: "sc-16cj7sk-6"
473
483
  })([ "margin-right:20px;", ";" ], (function(e) {
474
484
  var t = e.$disabled;
475
- return t && (0, de.css)([ "color:", ";" ], H.variables.contentColorDisabled);
485
+ return t && (0, be.css)([ "color:", ";" ], $.variables.contentColorDisabled);
476
486
  }));
477
- var ke = ve().div.withConfig({
487
+ var je = me().div.withConfig({
478
488
  displayName: "SelectBaseStyles__StyledToggleAllControls",
479
489
  componentId: "sc-16cj7sk-7"
480
- })([ "padding:", ";", "" ], (0, H.pick)({
490
+ })([ "padding:", ";", "" ], (0, $.pick)({
481
491
  enterprise: "5px 8px",
482
492
  prisma: "10px 16px"
483
- }), (0, H.pickVariant)("$placement", {
493
+ }), (0, $.pickVariant)("$placement", {
484
494
  above: {
485
- enterprise: (0, de.css)([ "border-top:", ";" ], H.variables.border),
486
- prisma: (0, de.css)([ "border-top:1px solid ", ";" ], H.variables.neutral200)
495
+ enterprise: (0, be.css)([ "border-top:", ";" ], $.variables.border),
496
+ prisma: (0, be.css)([ "border-top:1px solid ", ";" ], $.variables.neutral200)
487
497
  },
488
498
  below: {
489
- enterprise: (0, de.css)([ "border-bottom:", ";" ], H.variables.border),
490
- prisma: (0, de.css)([ "border-bottom:1px solid ", ";" ], H.variables.neutral200)
499
+ enterprise: (0, be.css)([ "border-bottom:", ";" ], $.variables.border),
500
+ prisma: (0, be.css)([ "border-bottom:1px solid ", ";" ], $.variables.neutral200)
491
501
  }
492
502
  }));
493
503
  // EXTERNAL MODULE: ./src/useControlled/index.ts + 1 modules
494
- var xe = n(2907);
504
+ var Pe = n(2907);
495
505
  // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
496
506
  // A utility for matching keyboard characters to list values
497
- var je = function e(t, n) {
507
+ var Ee = function e(t, n) {
498
508
  return t ? t.label.charAt(n).toLowerCase() : "";
499
509
  };
500
- var Pe = function e(t, n) {
510
+ var Te = function e(t, n) {
501
511
  if (!t.length) {
502
512
  return t;
503
513
  }
504
514
  var r = null;
505
515
  var o = false;
506
516
  var l = t.filter((function(e) {
507
- var t = je(e, n.index);
517
+ var t = Ee(e, n.index);
508
518
  if (t === n.value) {
509
519
  o = true;
510
520
  return true;
@@ -512,7 +522,7 @@
512
522
  // If we haven't found a match yet, keep track of the next closest match.
513
523
  // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
514
524
  if (!o) {
515
- var l = je(r, n.index);
525
+ var l = Ee(r, n.index);
516
526
  if (!l) {
517
527
  r = e;
518
528
  } else if (t > n.value) {
@@ -531,7 +541,7 @@
531
541
  };
532
542
  // CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
533
543
  // A utility that attempts to move an element into view by scrolling it's derived parent.
534
- var Ee = function e(t) {
544
+ var Re = function e(t) {
535
545
  if (!t) {
536
546
  return;
537
547
  }
@@ -549,7 +559,7 @@
549
559
  };
550
560
  // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
551
561
  /* eslint-disable @typescript-eslint/no-empty-function */
552
- var Te = {
562
+ var Ae = {
553
563
  body: {
554
564
  appendChild: function e() {
555
565
  return [];
@@ -603,14 +613,14 @@
603
613
  search: ""
604
614
  }
605
615
  };
606
- function Re() {
607
- var e = typeof document !== "undefined" ? document : Te;
616
+ function _e() {
617
+ var e = typeof document !== "undefined" ? document : Ae;
608
618
  return e;
609
619
  }
610
620
  // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
611
621
  /* eslint-disable @typescript-eslint/no-empty-function */
612
- var Ae = {
613
- document: Te,
622
+ var Ie = {
623
+ document: Ae,
614
624
  navigator: {
615
625
  userAgent: ""
616
626
  },
@@ -664,25 +674,25 @@
664
674
  clearTimeout(t);
665
675
  }
666
676
  };
667
- function _e() {
668
- var e = typeof window !== "undefined" ? window : Ae;
677
+ function Me() {
678
+ var e = typeof window !== "undefined" ? window : Ie;
669
679
  return e;
670
680
  }
671
681
  // CONCATENATED MODULE: ./src/Select/SelectBase.tsx
672
682
  function Le(e) {
673
- return qe(e) || Ie(e) || Ne(e) || Me();
683
+ return Be(e) || De(e) || Fe(e) || qe();
674
684
  }
675
- function Me() {
685
+ function qe() {
676
686
  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
677
687
  }
678
- function Ie(e) {
688
+ function De(e) {
679
689
  if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
680
690
  }
681
- function qe(e) {
682
- if (Array.isArray(e)) return Ke(e);
691
+ function Be(e) {
692
+ if (Array.isArray(e)) return He(e);
683
693
  }
684
- function Be() {
685
- return Be = Object.assign ? Object.assign.bind() : function(e) {
694
+ function Ve() {
695
+ return Ve = Object.assign ? Object.assign.bind() : function(e) {
686
696
  for (var t = 1; t < arguments.length; t++) {
687
697
  var n = arguments[t];
688
698
  for (var r in n) {
@@ -690,29 +700,29 @@
690
700
  }
691
701
  }
692
702
  return e;
693
- }, Be.apply(null, arguments);
703
+ }, Ve.apply(null, arguments);
694
704
  }
695
- function De(e, t) {
696
- return He(e) || Fe(e, t) || Ne(e, t) || Ve();
705
+ function Ne(e, t) {
706
+ return $e(e) || ze(e, t) || Fe(e, t) || Ke();
697
707
  }
698
- function Ve() {
708
+ function Ke() {
699
709
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
700
710
  }
701
- function Ne(e, t) {
711
+ function Fe(e, t) {
702
712
  if (e) {
703
- if ("string" == typeof e) return Ke(e, t);
713
+ if ("string" == typeof e) return He(e, t);
704
714
  var n = {}.toString.call(e).slice(8, -1);
705
- return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? Ke(e, t) : void 0;
715
+ return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? He(e, t) : void 0;
706
716
  }
707
717
  }
708
- function Ke(e, t) {
718
+ function He(e, t) {
709
719
  (null == t || t > e.length) && (t = e.length);
710
720
  for (var n = 0, r = Array(t); n < t; n++) {
711
721
  r[n] = e[n];
712
722
  }
713
723
  return r;
714
724
  }
715
- function Fe(e, t) {
725
+ function ze(e, t) {
716
726
  var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
717
727
  if (null != n) {
718
728
  var r, o, l, a, i = [], u = !0, c = !1;
@@ -734,12 +744,12 @@
734
744
  return i;
735
745
  }
736
746
  }
737
- function He(e) {
747
+ function $e(e) {
738
748
  if (Array.isArray(e)) return e;
739
749
  }
740
- function ze(e, t) {
750
+ function We(e, t) {
741
751
  if (null == e) return {};
742
- var n, r, o = $e(e, t);
752
+ var n, r, o = Ue(e, t);
743
753
  if (Object.getOwnPropertySymbols) {
744
754
  var l = Object.getOwnPropertySymbols(e);
745
755
  for (r = 0; r < l.length; r++) {
@@ -748,7 +758,7 @@
748
758
  }
749
759
  return o;
750
760
  }
751
- function $e(e, t) {
761
+ function Ue(e, t) {
752
762
  if (null == e) return {};
753
763
  var n = {};
754
764
  for (var r in e) {
@@ -759,15 +769,15 @@
759
769
  }
760
770
  return n;
761
771
  }
762
- function We(e) {
772
+ function Je(e) {
763
773
  "@babel/helpers - typeof";
764
- return We = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
774
+ return Je = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
765
775
  return typeof e;
766
776
  } : function(e) {
767
777
  return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
768
- }, We(e);
778
+ }, Je(e);
769
779
  }
770
- function Ue(e, t) {
780
+ function Xe(e, t) {
771
781
  var n = Object.keys(e);
772
782
  if (Object.getOwnPropertySymbols) {
773
783
  var r = Object.getOwnPropertySymbols(e);
@@ -777,40 +787,40 @@
777
787
  }
778
788
  return n;
779
789
  }
780
- function Je(e) {
790
+ function Ge(e) {
781
791
  for (var t = 1; t < arguments.length; t++) {
782
792
  var n = null != arguments[t] ? arguments[t] : {};
783
- t % 2 ? Ue(Object(n), !0).forEach((function(t) {
784
- Xe(e, t, n[t]);
785
- })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Ue(Object(n)).forEach((function(t) {
793
+ t % 2 ? Xe(Object(n), !0).forEach((function(t) {
794
+ Qe(e, t, n[t]);
795
+ })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Xe(Object(n)).forEach((function(t) {
786
796
  Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
787
797
  }));
788
798
  }
789
799
  return e;
790
800
  }
791
- function Xe(e, t, n) {
792
- return (t = Ge(t)) in e ? Object.defineProperty(e, t, {
801
+ function Qe(e, t, n) {
802
+ return (t = Ye(t)) in e ? Object.defineProperty(e, t, {
793
803
  value: n,
794
804
  enumerable: !0,
795
805
  configurable: !0,
796
806
  writable: !0
797
807
  }) : e[t] = n, e;
798
808
  }
799
- function Ge(e) {
800
- var t = Qe(e, "string");
801
- return "symbol" == We(t) ? t : t + "";
809
+ function Ye(e) {
810
+ var t = Ze(e, "string");
811
+ return "symbol" == Je(t) ? t : t + "";
802
812
  }
803
- function Qe(e, t) {
804
- if ("object" != We(e) || !e) return e;
813
+ function Ze(e, t) {
814
+ if ("object" != Je(e) || !e) return e;
805
815
  var n = e[Symbol.toPrimitive];
806
816
  if (void 0 !== n) {
807
817
  var r = n.call(e, t || "default");
808
- if ("object" != We(r)) return r;
818
+ if ("object" != Je(r)) return r;
809
819
  throw new TypeError("@@toPrimitive must return a primitive value.");
810
820
  }
811
821
  return ("string" === t ? String : Number)(e);
812
822
  }
813
- var Ye = {
823
+ var et = {
814
824
  allowKeyMatching: l().bool,
815
825
  allowNewValues: l().bool,
816
826
  animateLoading: l().bool,
@@ -859,82 +869,84 @@
859
869
  /** @private. */
860
870
  virtualization: l().number
861
871
  };
862
- var Ze = h()((function(e) {
872
+ var tt = h()((function(e) {
863
873
  return [ e ];
864
874
  }));
865
875
  // preserve separate widths for single vs. multi mode
866
- var et = h()((function(e) {
876
+ var nt = h()((function(e) {
867
877
  var t = e.anchorWidth, n = e.isMultiple, r = e.maxHeight, o = e.menuStyle;
868
- return n ? Je({
878
+ return n ? Ge({
869
879
  width: Math.max(t !== null && t !== void 0 ? t : 0, 200),
870
880
  maxHeight: r
871
- }, o) : Je({
881
+ }, o) : Ge({
872
882
  minWidth: t !== null && t !== void 0 ? t : undefined,
873
883
  maxWidth: Math.max(t !== null && t !== void 0 ? t : 0, 300),
874
884
  maxHeight: r
875
885
  }, o);
876
886
  }));
877
- var tt = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
878
- function nt(e) {
887
+ var rt = [ "clickAway", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
888
+ function ot(e) {
879
889
  return e && i()(e.props, "value");
880
890
  }
881
- function rt(e, t) {
882
- return "".concat(We(e), "-").concat(e, "-").concat(t);
891
+ function lt(e, t) {
892
+ return "".concat(Je(e), "-").concat(e, "-").concat(t);
883
893
  }
884
- var ot = [ "append", "error", "prepend" ];
885
- var lt = (0, u._)("No matches");
886
- var at = (0, u._)("Select...");
887
- var it = function e(n) {
888
- var r = n.activeItemId, o = n.filterKeyword, l = n.hasChildren, a = n.inputId, i = n.inputRef, c = n.menuListboxId, s = n.multiple, f = n.onClearAll, p = n.onSelectAll, d = n.onTextBlur, v = n.onTextChange, b = n.onTextFocus, m = n.onTextKeyDown, y = n.optionSelection, h = n.placement, g = n.selectAllAppearance, O = n.textHasFocus;
889
- var S = (0, u._)("Select all options".concat(y.current === "all" ? " disabled" : ""));
890
- var w = (0, u._)("Clear all options".concat(y.current === "none" ? " disabled" : ""));
894
+ var at = [ "append", "error", "prepend" ];
895
+ var it = (0, u._)("No matches");
896
+ var ut = (0, u._)("Select...");
897
+ var ct = function e(n) {
898
+ var r = n.activeItemId, o = n.filterA11yId, l = n.filterKeyword, a = n.hasChildren, i = n.inputId, c = n.inputRef, s = n.menuListboxId, f = n.multiple, p = n.onClearAll, d = n.onSelectAll, v = n.onTextBlur, b = n.onTextChange, m = n.onTextFocus, y = n.onTextKeyDown, h = n.optionSelection, g = n.placement, O = n.selectAllAppearance, S = n.textHasFocus;
899
+ var C = (0, u._)("Select all options".concat(h.current === "all" ? " disabled" : ""));
900
+ var k = (0, u._)("Clear all options".concat(h.current === "none" ? " disabled" : ""));
891
901
  // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
892
- var C = t().createElement(ke, {
893
- $placement: h,
902
+ var w = t().createElement(je, {
903
+ $placement: g,
894
904
  key: "selectAll"
895
- }, t().createElement(Ce, {
896
- $disabled: y.current === "all",
897
- "aria-label": S,
898
- onClick: p,
905
+ }, t().createElement(xe, {
906
+ $disabled: h.current === "all",
907
+ "aria-label": C,
908
+ onClick: d,
899
909
  "data-test": "select-all"
900
- }, o ? (0, u._)("Select all Matches") : (0, u._)("Select all")), t().createElement(Ce, {
901
- $disabled: y.current === "none",
902
- "aria-label": w,
903
- onClick: f,
910
+ }, l ? (0, u._)("Select all Matches") : (0, u._)("Select all")), t().createElement(xe, {
911
+ $disabled: h.current === "none",
912
+ "aria-label": k,
913
+ onClick: p,
904
914
  "data-test": "clear-all"
905
- }, o ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
915
+ }, l ? (0, u._)("Clear all Matches") : (0, u._)("Clear all")));
906
916
 
907
917
  return t().createElement("div", {
908
918
  key: "controls"
909
- }, t().createElement(Oe, {
919
+ }, o && t().createElement(L(), {
920
+ id: o
921
+ }, (0, u._)("Type to filter")), t().createElement(Ce, {
910
922
  key: "filter",
911
923
  "data-test": "filter"
912
- }, t().createElement(L(), {
913
- value: o,
924
+ }, t().createElement(I(), {
925
+ value: l,
914
926
  autoCapitalize: "off",
915
927
  autoComplete: "off",
916
928
  autoCorrect: "off",
917
929
  spellCheck: false,
918
- onChange: v,
919
- onKeyDown: m,
920
- onFocus: b,
921
- onBlur: d,
930
+ onChange: b,
931
+ onKeyDown: y,
932
+ onFocus: m,
933
+ onBlur: v,
922
934
  placeholder: (0, u._)("filter"),
923
935
  role: "combobox",
924
936
  "aria-expanded": "true",
925
- "aria-controls": c,
926
- "aria-owns": l ? r : undefined,
937
+ "aria-controls": s,
938
+ "aria-owns": a ? r : undefined,
927
939
  "aria-label": (0, u._)("Filter"),
928
940
  "aria-autocomplete": "list",
929
- "aria-activedescendant": O && l ? r : undefined,
930
- inputRef: i,
931
- inputId: a,
941
+ "aria-activedescendant": S && a ? r : undefined,
942
+ inputRef: c,
943
+ inputId: i,
932
944
  canClear: true,
933
- startAdornment: t().createElement(Se, null, t().createElement(Q, null))
934
- })), s && l && g === "buttongroup" && C);
945
+ startAdornment: t().createElement(ke, null, t().createElement(Z, null))
946
+ })), f && a && O === "buttongroup" && w);
935
947
  };
936
- var ut = false;
937
- var ct = function e(t) {
948
+ var st = false;
949
+ var ft = function e(t) {
938
950
  var n = t.prefixLabel, r = t.label, o = t.suffixLabel;
939
951
  var l = r;
940
952
  if (n) {
@@ -945,16 +957,16 @@
945
957
  }
946
958
  return l;
947
959
  };
948
- function st(n) {
949
- var r = n.appearance, o = n.append, l = n.children, a = n.currentValues, i = a === void 0 ? [] : a, c = n.describedBy, s = n.disabled, f = n.elementRef, d = n.error, v = n.inline, b = n.labelText, m = n.labelledBy, y = n.multiple, h = n.onClick, g = n.placeholder, S = n.prefixLabel, w = n.prepend, C = n.required, k = n.suffixLabel, x = n.toggle, j = n.toggleContent, P = ze(n, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
960
+ function pt(n) {
961
+ var r = n.appearance, o = n.append, l = n.children, a = n.currentValues, i = a === void 0 ? [] : a, c = n.describedBy, s = n.disabled, f = n.elementRef, d = n.error, v = n.inline, b = n.labelText, m = n.labelledBy, y = n.multiple, h = n.onClick, g = n.placeholder, S = n.prefixLabel, C = n.prepend, k = n.required, w = n.suffixLabel, x = n.toggle, j = n.toggleContent, P = We(n, [ "appearance", "append", "children", "currentValues", "describedBy", "disabled", "elementRef", "error", "inline", "labelText", "labelledBy", "multiple", "onClick", "placeholder", "prefixLabel", "prepend", "required", "suffixLabel", "toggle", "toggleContent" ]);
950
962
  var T;
951
963
  var R;
952
964
  var A = [];
953
965
  // Generate buttonLabels
954
966
  var _ = e.Children.toArray(l);
955
- var L = i.reduce((function(e, t, n, r) {
967
+ var I = i.reduce((function(e, t, n, r) {
956
968
  var o = p()(_, (function(e) {
957
- return nt(e) && e.props.value === t;
969
+ return ot(e) && e.props.value === t;
958
970
  }));
959
971
  if (o) {
960
972
  var l = o.props, a = l.children, c = l.icon, s = l.label;
@@ -976,20 +988,20 @@
976
988
  }
977
989
  return e;
978
990
  }), []);
979
- R = L;
991
+ R = I;
980
992
  // only apply prefix / suffix if the label is not empty
981
993
  if (R.length > 0) {
982
994
  // If there's more than one item selected, read out the selected total
983
995
  // rather than reading out each selected item
984
- A = ct({
996
+ A = ft({
985
997
  prefixLabel: S,
986
998
  label: R.length > 1 ? [ "".concat(i.length, " items selected") ] : A,
987
- suffixLabel: k
999
+ suffixLabel: w
988
1000
  });
989
- R = ct({
1001
+ R = ft({
990
1002
  prefixLabel: S,
991
1003
  label: R,
992
- suffixLabel: k
1004
+ suffixLabel: w
993
1005
  });
994
1006
  }
995
1007
  // single <Select> behaviour is to show the placeholder if all parts of the label
@@ -997,18 +1009,19 @@
997
1009
  if (R.length === 0 || !y && R.every((function(e) {
998
1010
  return e === "";
999
1011
  }))) {
1000
- R = Ze(g);
1012
+ R = tt(g);
1001
1013
  A = R;
1002
1014
  }
1003
- var M = Je({
1015
+ var M = Object.keys(P).includes("aria-labelledby");
1016
+ var L = Ge({
1004
1017
  "aria-describedby": c,
1005
- "aria-label": "".concat(b ? "".concat(b, ", ") : "").concat(A.join("")),
1018
+ "aria-label": m || M ? undefined : "".concat(b ? "".concat(b, ", ") : "").concat(A.join("")),
1019
+ // aria-labelledby takes precedence over aria-label, so existence of both is redundant
1006
1020
  "aria-labelledby": m,
1007
- // aria-labelledby takes precedence over aria-label if exists
1008
- "aria-required": C,
1021
+ "aria-required": k,
1009
1022
  "data-select-appearance": r,
1010
1023
  append: o,
1011
- prepend: w,
1024
+ prepend: C,
1012
1025
  onClick: h,
1013
1026
  role: "combobox",
1014
1027
  disabled: s,
@@ -1016,23 +1029,23 @@
1016
1029
  error: d
1017
1030
  }, P);
1018
1031
  if (y) {
1019
- M["data-test-values"] = JSON.stringify(i);
1032
+ L["data-test-values"] = JSON.stringify(i);
1020
1033
  } else {
1021
- var I = De(i, 1), q = I[0];
1022
- M["data-test-value"] = q;
1034
+ var q = Ne(i, 1), D = q[0];
1035
+ L["data-test-value"] = D;
1023
1036
  }
1024
1037
  if (x) {
1025
1038
 
1026
- return (0, e.cloneElement)(x, M);
1039
+ return (0, e.cloneElement)(x, L);
1027
1040
  }
1028
1041
  if (r === "link") {
1029
1042
 
1030
- return t().createElement(E(), Be({}, M, {
1043
+ return t().createElement(E(), Ve({}, L, {
1031
1044
  "data-select-appearance": "link"
1032
- }), !!T && t().createElement(he, null, T), R || g, t().createElement(ge, null, t().createElement($, null)));
1045
+ }), !!T && t().createElement(Oe, null, T), R || g, t().createElement(Se, null, t().createElement(U, null)));
1033
1046
  }
1034
1047
 
1035
- return t().createElement(ye, Be({}, M, {
1048
+ return t().createElement(ge, Ve({}, L, {
1036
1049
  $multiple: y,
1037
1050
  appearance: r,
1038
1051
  label: R,
@@ -1041,34 +1054,37 @@
1041
1054
  inline: v,
1042
1055
  isMenu: true,
1043
1056
  onClick: h
1044
- }, O()(P, ot)), !!i.length && y && t().createElement(we, {
1057
+ }, O()(P, at)), !!i.length && y && t().createElement(we, {
1045
1058
  "data-role": "count"
1046
1059
  }, "(", i.length, ")"));
1047
1060
  }
1048
- st[x.legacyRefMode] = true;
1049
- function ft(n) {
1050
- var r = n.allowKeyMatching, o = r === void 0 ? true : r, l = n.animateLoading, a = n.appearance, i = a === void 0 ? "toggle" : a, c = n.append, s = n.allowNewValues, f = n.children, d = n.defaultPlacement, b = d === void 0 ? "vertical" : d, y = n.defaultValues, h = n.describedBy, g = n.disabled, O = n.elementRef, S = n.error, C = n.filter, x = n.footerMessage, P = n.inline, E = n.inputId, _ = n.inputRef, L = n.isLoadingOptions, M = n.labelledBy, V = n.labelText, N = n.loadingMessage, K = n.menuStyle, F = K === void 0 ? {} : K, H = n.multiple, z = n.name, $ = n.noOptionsMessage, W = $ === void 0 ? lt : $, U = n.onChange, J = n.onScroll, X = n.onScrollBottom, G = n.onFilterChange, Q = n.onClick, Y = n.onClose, Z = n.onOpen, ee = n.required, te = n.placeholder, ne = te === void 0 ? at : te, re = n.prefixLabel, oe = n.prepend, le = n.repositionMode, ae = le === void 0 ? "flip" : le, ie = n.selectAllAppearance, ue = ie === void 0 ? "buttongroup" : ie, se = n.showSelectedValuesFirst, fe = n.suffixLabel, de = n.tabConfirmsNewValue, ve = n.values, be = n.virtualization, me = n.toggle, ye = n.toggleContent, he = ye === void 0 ? "optionChildren" : ye, ge = ze(n, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent" ]);
1061
+ pt[x.legacyRefMode] = true;
1062
+ function dt(n) {
1063
+ var r = n.allowKeyMatching, o = r === void 0 ? true : r, l = n.animateLoading, a = n.appearance, i = a === void 0 ? "toggle" : a, c = n.append, s = n.allowNewValues, f = n.children, d = n.defaultPlacement, b = d === void 0 ? "vertical" : d, y = n.defaultValues, h = n.describedBy, g = n.disabled, O = n.elementRef, S = n.error, k = n.filter, x = n.footerMessage, P = n.inline, E = n.inputId, _ = n.inputRef, I = n.isLoadingOptions, M = n.labelledBy, L = n.labelText, q = n.loadingMessage, K = n.menuStyle, F = K === void 0 ? {} : K, H = n.multiple, z = n.name, $ = n.noOptionsMessage, W = $ === void 0 ? it : $, U = n.onChange, J = n.onScroll, X = n.onScrollBottom, G = n.onFilterChange, Q = n.onClick, Y = n.onClose, Z = n.onOpen, ee = n.required, te = n.placeholder, ne = te === void 0 ? ut : te, re = n.prefixLabel, oe = n.prepend, le = n.repositionMode, ae = le === void 0 ? "flip" : le, ie = n.selectAllAppearance, ue = ie === void 0 ? "buttongroup" : ie, ce = n.showSelectedValuesFirst, se = n.suffixLabel, pe = n.tabConfirmsNewValue, de = n.values, be = n.virtualization, me = n.toggle, ye = n.toggleContent, he = ye === void 0 ? "optionChildren" : ye, ge = We(n, [ "allowKeyMatching", "animateLoading", "appearance", "append", "allowNewValues", "children", "defaultPlacement", "defaultValues", "describedBy", "disabled", "elementRef", "error", "filter", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "labelText", "loadingMessage", "menuStyle", "multiple", "name", "noOptionsMessage", "onChange", "onScroll", "onScrollBottom", "onFilterChange", "onClick", "onClose", "onOpen", "required", "placeholder", "prefixLabel", "prepend", "repositionMode", "selectAllAppearance", "showSelectedValuesFirst", "suffixLabel", "tabConfirmsNewValue", "values", "virtualization", "toggle", "toggleContent" ]);
1051
1064
  // @docs-props-type SelectBasePropsBase
1052
- var Oe = (0, xe["default"])({
1053
- value: ve,
1054
- defaultValue: y,
1055
- componentName: "SelectBase"
1065
+ var Oe = (0, Pe["default"])({
1066
+ componentName: "SelectBase",
1067
+ /* eslint-disable-next-line prefer-rest-params */
1068
+ componentProps: arguments[0],
1069
+ // see SUI-7028
1070
+ defaultValuePropName: "defaultValues",
1071
+ valuePropName: "values"
1056
1072
  });
1057
1073
  // states
1058
1074
  var Se = (0, e.useState)((function() {
1059
1075
  return {
1060
- activeItemId: (0, B.createDOMID)("active-item"),
1061
- menuListboxId: (0, B.createDOMID)("menu-listbox")
1076
+ activeItemId: (0, V.createDOMID)("active-item"),
1077
+ menuListboxId: (0, V.createDOMID)("menu-listbox")
1062
1078
  };
1063
- })), we = De(Se, 1), Ce = we[0], ke = Ce.activeItemId, je = Ce.menuListboxId;
1064
- var Te = (0, e.useState)(0), Re = De(Te, 2), Ae = Re[0], Me = Re[1];
1065
- var Ie = (0, e.useState)(""), qe = De(Ie, 2), Ve = qe[0], Ne = qe[1];
1066
- var Ke = (0, e.useState)(false), Fe = De(Ke, 2), He = Fe[0], $e = Fe[1];
1067
- var We = (0, e.useState)(false), Ue = De(We, 2), Je = Ue[0], Xe = Ue[1];
1068
- var Ge = (0, e.useState)([]), Qe = De(Ge, 2), Ye = Qe[0], Ze = Qe[1];
1069
- var ot = (0, e.useState)(y || []), ct = De(ot, 2), ft = ct[0], pt = ct[1];
1079
+ })), Ce = Ne(Se, 1), ke = Ce[0], we = ke.activeItemId, xe = ke.menuListboxId;
1080
+ var je = (0, e.useState)(0), Ee = Ne(je, 2), Ae = Ee[0], _e = Ee[1];
1081
+ var Ie = (0, e.useState)(""), qe = Ne(Ie, 2), De = qe[0], Be = qe[1];
1082
+ var Ke = (0, e.useState)(false), Fe = Ne(Ke, 2), He = Fe[0], ze = Fe[1];
1083
+ var $e = (0, e.useState)(false), Ue = Ne($e, 2), Je = Ue[0], Xe = Ue[1];
1084
+ var Ge = (0, e.useState)([]), Qe = Ne(Ge, 2), Ye = Qe[0], Ze = Qe[1];
1085
+ var et = (0, e.useState)(y || []), tt = Ne(et, 2), at = tt[0], ft = tt[1];
1070
1086
  // previous state
1071
- var dt = I()(Ae);
1087
+ var dt = D()(Ae);
1072
1088
  // refs
1073
1089
  var vt = (0, e.useRef)(null);
1074
1090
  var bt = (0, e.useRef)(null);
@@ -1078,58 +1094,59 @@
1078
1094
  var gt = (0, e.useRef)(dt);
1079
1095
  var Ot = (0, e.useRef)();
1080
1096
  var St = (0, e.useRef)({});
1081
- var wt = (0, e.useRef)(0);
1082
- var Ct = (0, e.useRef)([]);
1083
- var kt = (0, e.useRef)(null);
1097
+ var Ct = (0, e.useRef)(0);
1098
+ var kt = (0, e.useRef)([]);
1099
+ var wt = (0, e.useRef)(null);
1084
1100
  var xt = (0, e.useRef)();
1085
1101
  var jt = (0, e.useRef)(0);
1086
1102
  var Pt = (0, e.useRef)("none");
1103
+ var Et = (0, e.useState)(k ? (0, V.createDOMID)("filter") : undefined), Tt = Ne(Et, 1), Rt = Tt[0];
1087
1104
  (0, e.useEffect)((function() {
1088
1105
  if (false) {}
1089
1106
  }), [ i, c, S, oe ]);
1090
- var Et = (0, e.useCallback)((function() {
1091
- var e = Oe ? ve : ft;
1107
+ var At = (0, e.useCallback)((function() {
1108
+ var e = Oe ? de : at;
1092
1109
  return H || e == null ? e : e.slice(0, 1);
1093
- }), [ Oe, H, ve, ft ]);
1094
- var Tt = (0, e.useCallback)((function() {
1110
+ }), [ Oe, H, de, at ]);
1111
+ var _t = (0, e.useCallback)((function() {
1095
1112
  var e;
1096
1113
  // in non-multiple mode, don't move values to the top of the list
1097
- return H && se !== "never" ? (e = Et()) !== null && e !== void 0 ? e : [] : [];
1098
- }), [ Et, H, se ]);
1099
- var Rt = (0, e.useCallback)((function(e) {
1100
- var t = Ve;
1101
- $e(true);
1102
- Ze(Tt());
1114
+ return H && ce !== "never" ? (e = At()) !== null && e !== void 0 ? e : [] : [];
1115
+ }), [ At, H, ce ]);
1116
+ var It = (0, e.useCallback)((function(e) {
1117
+ var t = De;
1118
+ ze(true);
1119
+ Ze(_t());
1103
1120
  // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
1104
1121
  if (H) {
1105
- Ne("");
1122
+ Be("");
1106
1123
  }
1107
- if (t !== Ve) {
1124
+ if (t !== De) {
1108
1125
  G === null || G === void 0 ? void 0 : G(e, {
1109
- keyword: Ve
1126
+ keyword: De
1110
1127
  });
1111
1128
  }
1112
- }), [ Ve, Tt, H, G ]);
1129
+ }), [ De, _t, H, G ]);
1113
1130
  (0, e.useEffect)((function() {
1114
1131
  if (He) {
1115
1132
  Z === null || Z === void 0 ? void 0 : Z();
1116
- if (kt.current && !C) {
1117
- kt.current.focus();
1133
+ if (wt.current && !k) {
1134
+ wt.current.focus();
1118
1135
  } else {
1119
1136
  var e;
1120
- Me((e = xt.current) !== null && e !== void 0 ? e : 0);
1137
+ _e((e = xt.current) !== null && e !== void 0 ? e : 0);
1121
1138
  }
1122
1139
  }
1123
- }), [ Z, He, Ye, Ve, C ]);
1124
- var At = (0, e.useCallback)((function() {
1125
- $e(false);
1126
- Me(0);
1140
+ }), [ Z, He, Ye, De, k ]);
1141
+ var Mt = (0, e.useCallback)((function() {
1142
+ ze(false);
1143
+ _e(0);
1127
1144
  gt.current = null;
1128
1145
  Y === null || Y === void 0 ? void 0 : Y();
1129
1146
  }), [ Y ]);
1130
- var _t = (0, e.useCallback)((function(e, t) {
1147
+ var Lt = (0, e.useCallback)((function(e, t) {
1131
1148
  var n;
1132
- var r = (n = Et()) !== null && n !== void 0 ? n : [];
1149
+ var r = (n = At()) !== null && n !== void 0 ? n : [];
1133
1150
  var o = r.indexOf(t);
1134
1151
  var l;
1135
1152
  if (H) {
@@ -1144,18 +1161,18 @@
1144
1161
  }
1145
1162
  var a = !Oe;
1146
1163
  if (a) {
1147
- pt(l);
1164
+ ft(l);
1148
1165
  }
1149
1166
  if (H) {
1150
1167
  // in uncontrolled multiple mode, keep the menu open
1151
1168
  if (a) {
1152
- $e(true);
1169
+ ze(true);
1153
1170
  }
1154
1171
  } else {
1155
1172
  var i;
1156
1173
  // non-multiple mode only supports a single selection
1157
1174
  // so close the menu once a selection is made
1158
- At({
1175
+ Mt({
1159
1176
  reason: "contentClick"
1160
1177
  });
1161
1178
  (i = vt.current) === null || i === void 0 ? void 0 : i.focus();
@@ -1165,120 +1182,120 @@
1165
1182
  name: z,
1166
1183
  reason: "valueToggle"
1167
1184
  });
1168
- }), [ Et, At, Oe, H, z, U ]);
1169
- var Lt = function e() {
1185
+ }), [ At, Mt, Oe, H, z, U ]);
1186
+ var qt = function e() {
1170
1187
  bt.current = null;
1171
1188
  yt.current = [];
1172
1189
  if (mt.current) {
1173
1190
  clearTimeout(mt.current);
1174
1191
  }
1175
1192
  };
1176
- var Mt = (0, e.useCallback)((function(e) {
1193
+ var Dt = (0, e.useCallback)((function(e) {
1177
1194
  var n;
1178
1195
  // this doesn't make sense if we can't select multiple values
1179
1196
  if (!H) {
1180
1197
  return;
1181
1198
  }
1182
- var r = (n = Et()) !== null && n !== void 0 ? n : [];
1183
- var o = w()(r.concat(Ct.current));
1199
+ var r = (n = At()) !== null && n !== void 0 ? n : [];
1200
+ var o = C()(r.concat(kt.current));
1184
1201
  o = t().Children.toArray(f).filter((function(e) {
1185
- return nt(e) && m()(o, e.props.value) && (!e.props.disabled || m()(r, e.props.value));
1202
+ return ot(e) && m()(o, e.props.value) && (!e.props.disabled || m()(r, e.props.value));
1186
1203
  })).map((function(e) {
1187
1204
  return e.props.value;
1188
1205
  }));
1189
1206
  if (!Oe) {
1190
- pt(o);
1207
+ ft(o);
1191
1208
  }
1192
1209
  U === null || U === void 0 ? void 0 : U(e, {
1193
1210
  values: o,
1194
1211
  name: z,
1195
1212
  reason: "selectAll"
1196
1213
  });
1197
- }), [ f, Et, Oe, H, z, U ]);
1198
- var It = (0, e.useCallback)((function(e) {
1214
+ }), [ f, At, Oe, H, z, U ]);
1215
+ var Bt = (0, e.useCallback)((function(e) {
1199
1216
  var n;
1200
1217
  // this doesn't make sense if we can't select multiple values
1201
1218
  if (!H) {
1202
1219
  return;
1203
1220
  }
1204
- var r = (n = Et()) !== null && n !== void 0 ? n : [];
1205
- var o = k().apply(void 0, [ r ].concat(Le(Ct.current)));
1221
+ var r = (n = At()) !== null && n !== void 0 ? n : [];
1222
+ var o = w().apply(void 0, [ r ].concat(Le(kt.current)));
1206
1223
  // this will unselect all selected values unless those values are disabled or hidden by the filter
1207
1224
  var l = t().Children.toArray(f).filter((function(e) {
1208
- return nt(e) && (m()(r, e.props.value) && e.props.disabled || m()(o, e.props.value));
1225
+ return ot(e) && (m()(r, e.props.value) && e.props.disabled || m()(o, e.props.value));
1209
1226
  })).map((function(e) {
1210
1227
  return e.props.value;
1211
1228
  }));
1212
1229
  if (!Oe) {
1213
- pt(l);
1230
+ ft(l);
1214
1231
  }
1215
1232
  U === null || U === void 0 ? void 0 : U(e, {
1216
1233
  values: l,
1217
1234
  name: z,
1218
1235
  reason: "clearAll"
1219
1236
  });
1220
- }), [ f, Et, Oe, H, z, U ]);
1221
- var qt = (0, e.useCallback)((function(e) {
1222
- if (He && !L) {
1237
+ }), [ f, At, Oe, H, z, U ]);
1238
+ var Vt = (0, e.useCallback)((function(e) {
1239
+ if (He && !I) {
1223
1240
  X === null || X === void 0 ? void 0 : X(e);
1224
1241
  }
1225
- }), [ He, L, X ]);
1226
- var Bt = (0, e.useCallback)((function(t) {
1227
- var n = (0, D.keycode)(t.nativeEvent);
1242
+ }), [ He, I, X ]);
1243
+ var Nt = (0, e.useCallback)((function(t) {
1244
+ var n = (0, N.keycode)(t.nativeEvent);
1228
1245
  if (n === "tab") {
1229
- if (de && Ot.current && wt.current <= 1) {
1246
+ if (pe && Ot.current && Ct.current <= 1) {
1230
1247
  t.preventDefault();
1231
- _t(t, Ot.current);
1248
+ Lt(t, Ot.current);
1232
1249
  }
1233
1250
  }
1234
1251
  if (t.shiftKey || t.metaKey || t.ctrlKey) {
1235
1252
  if (n === "a" && (t.ctrlKey || t.metaKey)) {
1236
1253
  // handle control + A
1237
1254
  if (Pt.current === "all") {
1238
- It(t);
1255
+ Bt(t);
1239
1256
  } else {
1240
- Mt(t);
1257
+ Dt(t);
1241
1258
  }
1242
1259
  }
1243
1260
  return;
1244
1261
  }
1245
1262
  if (n === "down") {
1246
1263
  t.preventDefault();
1247
- Me(Math.min(Ae + 1, ue === "checkbox" ? wt.current : wt.current - 1));
1264
+ _e(Math.min(Ae + 1, ue === "checkbox" ? Ct.current : Ct.current - 1));
1248
1265
  if (f && X) {
1249
1266
  var r;
1250
- var o = e.Children.toArray(f).length - (2 + ((r = Et()) !== null && r !== void 0 ? r : []).length);
1267
+ var o = e.Children.toArray(f).length - (2 + ((r = At()) !== null && r !== void 0 ? r : []).length);
1251
1268
  if (Ae === o) {
1252
- qt(t);
1269
+ Vt(t);
1253
1270
  }
1254
1271
  }
1255
1272
  }
1256
1273
  if (n === "up") {
1257
1274
  t.preventDefault();
1258
- Me(Math.max(Ae - 1, 0));
1275
+ _e(Math.max(Ae - 1, 0));
1259
1276
  }
1260
1277
  if (n === "enter" && Ot.current && He) {
1261
1278
  if (Ot.current === "selectAll") {
1262
1279
  if (Pt.current === "all") {
1263
- It(t);
1280
+ Bt(t);
1264
1281
  } else {
1265
- Mt(t);
1282
+ Dt(t);
1266
1283
  }
1267
1284
  } else {
1268
1285
  t.preventDefault();
1269
- _t(t, Ot.current);
1286
+ Lt(t, Ot.current);
1270
1287
  }
1271
1288
  }
1272
- }), [ Ae, f, Et, It, qt, Mt, X, He, ue, de, _t ]);
1273
- var Dt = (0, e.useCallback)((function(e, t) {
1289
+ }), [ Ae, f, At, Bt, Vt, Dt, X, He, ue, pe, Lt ]);
1290
+ var Kt = (0, e.useCallback)((function(e, t) {
1274
1291
  var n = t.value;
1275
1292
  e.preventDefault();
1276
1293
  if (!He) {
1277
1294
  return;
1278
1295
  }
1279
- _t(e, n);
1280
- }), [ He, _t ]);
1281
- var Vt = (0, e.useCallback)((function(e, t) {
1296
+ Lt(e, n);
1297
+ }), [ He, Lt ]);
1298
+ var Ft = (0, e.useCallback)((function(e, t) {
1282
1299
  var n = e.nativeEvent.key;
1283
1300
  // Checking for a single character to avoid complications from double-byte languages and emojis.
1284
1301
  if (n.length === 1) {
@@ -1289,13 +1306,13 @@
1289
1306
  };
1290
1307
  if (!bt.current) {
1291
1308
  if (n === " ") {
1292
- Lt();
1309
+ qt();
1293
1310
  return;
1294
1311
  }
1295
- r = Pe(ht.current, o);
1312
+ r = Te(ht.current, o);
1296
1313
  } else if (yt.current.length > 1) {
1297
1314
  o.index = bt.current.index + 1;
1298
- r = Pe(yt.current, o);
1315
+ r = Te(yt.current, o);
1299
1316
  }
1300
1317
  if (r.length) {
1301
1318
  var l;
@@ -1309,7 +1326,7 @@
1309
1326
  }
1310
1327
  var u = r[a];
1311
1328
  var c = u.value, s = u.label;
1312
- var f = St.current[rt(c, s)];
1329
+ var f = St.current[lt(c, s)];
1313
1330
  f === null || f === void 0 ? void 0 : (l = f.focus) === null || l === void 0 ? void 0 : l.call(f);
1314
1331
  }
1315
1332
  yt.current = r;
@@ -1317,34 +1334,34 @@
1317
1334
  if (mt.current) {
1318
1335
  clearTimeout(mt.current);
1319
1336
  }
1320
- mt.current = setTimeout(Lt, 500);
1337
+ mt.current = setTimeout(qt, 500);
1321
1338
  e.preventDefault();
1322
1339
  e.stopPropagation();
1323
1340
  }
1324
1341
  }), []);
1325
- var Nt = (0, e.useCallback)((function(e, t) {
1342
+ var Ht = (0, e.useCallback)((function(e, t) {
1326
1343
  var n = t.value;
1327
- Ne(n);
1328
- $e(true);
1329
- Me(0);
1344
+ Be(n);
1345
+ ze(true);
1346
+ _e(0);
1330
1347
  G === null || G === void 0 ? void 0 : G(e, {
1331
1348
  keyword: n
1332
1349
  });
1333
1350
  }), [ G ]);
1334
- var Kt = (0, e.useCallback)((function() {
1351
+ var zt = (0, e.useCallback)((function() {
1335
1352
  Xe(true);
1336
1353
  }), []);
1337
- var Ft = (0, e.useCallback)((function() {
1354
+ var $t = (0, e.useCallback)((function() {
1338
1355
  Xe(false);
1339
1356
  }), []);
1340
- var Ht = (0, e.useCallback)((function(e) {
1357
+ var Wt = (0, e.useCallback)((function(e) {
1341
1358
  if (gt.current !== Ae) {
1342
- Ee(e);
1359
+ Re(e);
1343
1360
  }
1344
1361
  }), [ Ae ]);
1345
- var zt = (0, e.useCallback)((function(e, t, n) {
1362
+ var Ut = (0, e.useCallback)((function(e, t, n) {
1346
1363
  if (n) {
1347
- kt.current = e;
1364
+ wt.current = e;
1348
1365
  }
1349
1366
  if (e == null) {
1350
1367
  delete St.current[t];
@@ -1352,30 +1369,30 @@
1352
1369
  St.current[t] = e;
1353
1370
  }
1354
1371
  }), [ St ]);
1355
- var $t = (0, e.useCallback)((function(e) {
1372
+ var Jt = (0, e.useCallback)((function(e) {
1356
1373
  vt.current = e;
1357
1374
  }), [ vt ]);
1358
- var Wt = (0, e.useMemo)((function() {
1375
+ var Xt = (0, e.useMemo)((function() {
1359
1376
  var e;
1360
- return (e = Et()) !== null && e !== void 0 ? e : [];
1361
- }), [ Et ]);
1362
- var Ut = e.Children.toArray(f);
1363
- var Jt = Wt.some((function(e) {
1364
- var t = p()(Ut, (function(t) {
1365
- return nt(t) && t.props.value === e;
1377
+ return (e = At()) !== null && e !== void 0 ? e : [];
1378
+ }), [ At ]);
1379
+ var Gt = e.Children.toArray(f);
1380
+ var Qt = Xt.some((function(e) {
1381
+ var t = p()(Gt, (function(t) {
1382
+ return ot(t) && t.props.value === e;
1366
1383
  }));
1367
1384
  return t && !t.props.disabled;
1368
1385
  }));
1369
- var Xt = se === "immediately" ? Tt() : Ye;
1370
- var Gt = (0, e.useMemo)((function() {
1371
- wt.current = 0;
1386
+ var Yt = ce === "immediately" ? _t() : Ye;
1387
+ var Zt = (0, e.useMemo)((function() {
1388
+ Ct.current = 0;
1372
1389
  xt.current = undefined;
1373
1390
  jt.current = 0;
1374
1391
  Ot.current = undefined;
1375
1392
  ht.current = [];
1376
1393
  var n = function e(t, n) {
1377
1394
  return function(e) {
1378
- return zt(e, t, n);
1395
+ return Ut(e, t, n);
1379
1396
  };
1380
1397
  };
1381
1398
  var r;
@@ -1385,19 +1402,19 @@
1385
1402
  var i;
1386
1403
  var c = e.Children.toArray(f).reduce((function(u, c, s) {
1387
1404
  // ignore Headings and Dividers
1388
- if (!nt(c)) {
1405
+ if (!ot(c)) {
1389
1406
  u.push(c);
1390
1407
  return u;
1391
1408
  }
1392
1409
  var f = c.props, p = f.disabled, d = f.hidden, v = f.label, b = f.value;
1393
1410
  // Find out if the search string exactly matches a value
1394
- if (b === Ve) {
1411
+ if (b === De) {
1395
1412
  r = true;
1396
1413
  }
1397
- var m = Wt && Wt.indexOf(b) >= 0;
1414
+ var m = Xt && Xt.indexOf(b) >= 0;
1398
1415
  var y = !!m && !p && !i;
1399
- var h = o && !H && !C && !L && !X;
1400
- var g = rt(b, v);
1416
+ var h = o && !H && !k && !I && !X;
1417
+ var g = lt(b, v);
1401
1418
  var O = -1;
1402
1419
  if (h && !p && !d) {
1403
1420
  ht.current.push({
@@ -1410,9 +1427,9 @@
1410
1427
  var S = (0, e.cloneElement)(c, {
1411
1428
  elementRef: n(g, y),
1412
1429
  key: c.key || s,
1413
- onClick: Dt,
1430
+ onClick: Kt,
1414
1431
  onKeyDown: h ? function(e) {
1415
- return Vt(e, O);
1432
+ return Ft(e, O);
1416
1433
  } : undefined,
1417
1434
  selected: m,
1418
1435
  multiple: H,
@@ -1421,7 +1438,7 @@
1421
1438
  if (y) {
1422
1439
  i = true;
1423
1440
  }
1424
- if (Xt && Xt.indexOf(b) >= 0) {
1441
+ if (Yt && Yt.indexOf(b) >= 0) {
1425
1442
  if (l === 0) {
1426
1443
  u.splice(l, 0, t().createElement(T.Divider, {
1427
1444
  key: "topDivider"
@@ -1437,16 +1454,16 @@
1437
1454
  }), []);
1438
1455
  // In multiple mode, add missing items
1439
1456
  if (H) {
1440
- v()(Wt, (function(e) {
1457
+ v()(Xt, (function(e) {
1441
1458
  var o = p()(c, (function(t) {
1442
- return nt(t) && t.props && t.props.value === e;
1459
+ return ot(t) && t.props && t.props.value === e;
1443
1460
  }));
1444
1461
  if (!o) {
1445
- if (e === Ve) {
1462
+ if (e === De) {
1446
1463
  r = true;
1447
1464
  }
1448
- var i = Xt && Xt.indexOf(e) >= 0;
1449
- var u = Xt.length;
1465
+ var i = Yt && Yt.indexOf(e) >= 0;
1466
+ var u = Yt.length;
1450
1467
  if (l === 0) {
1451
1468
  c.splice(0, 0, t().createElement(T.Divider, {
1452
1469
  key: "topDivider"
@@ -1455,13 +1472,13 @@
1455
1472
  a = true;
1456
1473
  }
1457
1474
  var s = String(e);
1458
- var f = rt(e, s);
1459
- c.splice(i ? 0 : u + 1, 0, t().createElement(ce, {
1475
+ var f = lt(e, s);
1476
+ c.splice(i ? 0 : u + 1, 0, t().createElement(fe, {
1460
1477
  elementRef: n(f),
1461
1478
  label: s,
1462
1479
  value: e,
1463
1480
  key: "missing-value-".concat(e),
1464
- onClick: Dt,
1481
+ onClick: Kt,
1465
1482
  multiple: H,
1466
1483
  selected: true
1467
1484
  }));
@@ -1471,38 +1488,38 @@
1471
1488
  }
1472
1489
  }));
1473
1490
  }
1474
- var d = C === "controlled";
1491
+ var d = k === "controlled";
1475
1492
  // Filter the items
1476
- var b = (0, q.stringToKeywords)(Ve);
1493
+ var b = (0, B.stringToKeywords)(De);
1477
1494
  c = d ? c : c.filter((function(e) {
1478
- if (nt(e)) {
1479
- return (0, q.testPhrase)(e.props.label, b);
1495
+ if (ot(e)) {
1496
+ return (0, B.testPhrase)(e.props.label, b);
1480
1497
  }
1481
1498
  return true;
1482
1499
  // Keep all headers and non-interactive options
1483
1500
  })).map((function(t) {
1484
- if (!nt(t)) {
1501
+ if (!ot(t)) {
1485
1502
  return t;
1486
1503
  }
1487
1504
  // highlight matched text
1488
- var n = b && (0, q.keywordLocations)(t.props.label, b);
1505
+ var n = b && (0, B.keywordLocations)(t.props.label, b);
1489
1506
 
1490
1507
  return (0, e.cloneElement)(t, {
1491
1508
  matchRanges: n || undefined
1492
1509
  });
1493
1510
  }));
1494
1511
  // Add the option to add the new value
1495
- if (s && !r && Ve) {
1512
+ if (s && !r && De) {
1496
1513
  var m = a ? l + 1 : l;
1497
- var y = "".concat(Ve, " (new value)");
1498
- var h = rt(Ve, y);
1499
- c.splice(m, 0, t().createElement(ce, {
1514
+ var y = "".concat(De, " (new value)");
1515
+ var h = lt(De, y);
1516
+ c.splice(m, 0, t().createElement(fe, {
1500
1517
  elementRef: n(h),
1501
1518
  label: y,
1502
- value: Ve,
1519
+ value: De,
1503
1520
  key: "newValue",
1504
1521
  multiple: H,
1505
- onClick: Dt
1522
+ onClick: Kt
1506
1523
  }));
1507
1524
  }
1508
1525
  // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
@@ -1511,7 +1528,7 @@
1511
1528
  // Highlight the selected Items and remove hidden
1512
1529
  c = c.reduce((function(t, n) {
1513
1530
  // ignore Dividers & Headings
1514
- if (!nt(n)) {
1531
+ if (!ot(n)) {
1515
1532
  t.push(n);
1516
1533
  return t;
1517
1534
  }
@@ -1520,11 +1537,11 @@
1520
1537
  return t;
1521
1538
  }
1522
1539
  if (n.props.selected && !n.props.disabled && xt.current == null) {
1523
- xt.current = wt.current;
1540
+ xt.current = Ct.current;
1524
1541
  }
1525
1542
  var r = g === Ae;
1526
1543
  g += 1;
1527
- wt.current += 1;
1544
+ Ct.current += 1;
1528
1545
  jt.current += n.props.selected ? 1 : 0;
1529
1546
  if (n.key !== "newValue" && !n.props.disabled && !n.props.selected) {
1530
1547
  O = false;
@@ -1538,23 +1555,23 @@
1538
1555
  }
1539
1556
  var o = (0, e.cloneElement)(n, {
1540
1557
  active: r,
1541
- elementRef: Ht,
1542
- id: ke
1558
+ elementRef: Wt,
1559
+ id: we
1543
1560
  });
1544
1561
  t.push(o);
1545
1562
  return t;
1546
1563
  }), []);
1547
1564
  Pt.current = jt.current === 0 && "none" || O && "all" || "some";
1548
1565
  // add select all option
1549
- if (ue === "checkbox" && H && wt.current > 0) {
1566
+ if (ue === "checkbox" && H && Ct.current > 0) {
1550
1567
  var S;
1551
1568
  if (Pt.current === "all") {
1552
- if (Ve === "") {
1569
+ if (De === "") {
1553
1570
  S = (0, u._)("Clear all");
1554
1571
  } else {
1555
1572
  S = (0, u._)("Clear all matches");
1556
1573
  }
1557
- } else if (Ve === "") {
1574
+ } else if (De === "") {
1558
1575
  S = (0, u._)("Select all");
1559
1576
  } else {
1560
1577
  S = (0, u._)("Select all matches");
@@ -1562,99 +1579,101 @@
1562
1579
  if (Ae === 0 && Je) {
1563
1580
  Ot.current = "selectAll";
1564
1581
  }
1565
- c.unshift( t().createElement(pe, {
1582
+ c.unshift( t().createElement(ve, {
1566
1583
  key: "select-all-option",
1567
1584
  active: Ae === 0,
1568
1585
  changedToggle: !!me,
1569
- elementRef: Ht,
1570
- id: Ae === 0 ? ke : undefined,
1571
- onClick: Pt.current === "all" ? It : Mt,
1586
+ elementRef: Wt,
1587
+ id: Ae === 0 ? we : undefined,
1588
+ onClick: Pt.current === "all" ? Bt : Dt,
1572
1589
  selectAllLabel: S,
1573
1590
  selected: Pt.current === "all" || Pt.current !== "none" && "some",
1574
- totalCount: Wt.length,
1591
+ totalCount: Xt.length,
1575
1592
  tabIndex: -1
1576
1593
  }), t().createElement(T.Divider, {
1577
1594
  key: "selectAllDivider"
1578
1595
  }));
1579
1596
  }
1580
- Ct.current = c.reduce((function(e, t) {
1581
- if (nt(t)) {
1597
+ kt.current = c.reduce((function(e, t) {
1598
+ if (ot(t)) {
1582
1599
  e.push(t.props.value);
1583
1600
  }
1584
1601
  return e;
1585
1602
  }), []);
1586
- ut = c.some((function(e) {
1587
- return nt(e);
1603
+ st = c.some((function(e) {
1604
+ return ot(e);
1588
1605
  }));
1589
1606
  return c;
1590
- }), [ Ae, ke, o, s, f, Wt, C, Ve, Ht, It, Dt, Vt, zt, Mt, L, H, Xt, X, ue, Je, me ]);
1591
- var Qt = function e(n) {
1607
+ }), [ Ae, we, o, s, f, Xt, k, De, Wt, Bt, Kt, Ft, Ut, Dt, I, H, Yt, X, ue, Je, me ]);
1608
+ var en = function e(n) {
1592
1609
  var r = n.anchorWidth, o = n.maxHeight, a = n.placement;
1593
- var i = et({
1610
+ var i = nt({
1594
1611
  anchorWidth: r,
1595
1612
  isMultiple: H,
1596
1613
  maxHeight: o,
1597
1614
  menuStyle: F
1598
1615
  });
1599
- var u = Wt.length > 0 && !Jt && !C ? 0 : undefined;
1616
+ var u = Xt.length > 0 && !Qt && !k ? 0 : undefined;
1600
1617
  var c = {
1601
1618
  "aria-multiselectable": H || undefined,
1602
- childrenStart: !!C && t().createElement(it, {
1603
- activeItemId: ke,
1604
- filterKeyword: Ve,
1605
- hasChildren: ut,
1619
+ childrenStart: !!k && t().createElement(ct, {
1620
+ activeItemId: we,
1621
+ filterA11yId: Rt,
1622
+ filterKeyword: De,
1623
+ hasChildren: st,
1606
1624
  inputId: E,
1607
1625
  inputRef: _,
1608
- menuListboxId: je,
1626
+ menuListboxId: xe,
1609
1627
  multiple: H,
1610
- onClearAll: It,
1611
- onSelectAll: Mt,
1612
- onTextBlur: Ft,
1613
- onTextChange: Nt,
1614
- onTextFocus: Kt,
1615
- onTextKeyDown: Bt,
1628
+ onClearAll: Bt,
1629
+ onSelectAll: Dt,
1630
+ onTextBlur: $t,
1631
+ onTextChange: Ht,
1632
+ onTextFocus: zt,
1633
+ onTextKeyDown: Nt,
1616
1634
  optionSelection: Pt,
1617
1635
  placement: a,
1618
1636
  selectAllAppearance: ue,
1619
1637
  textHasFocus: Je
1620
1638
  }),
1621
- focusMode: C ? "never" : undefined,
1622
- isLoading: L,
1623
- menuId: je,
1624
- onScrollBottom: X ? qt : undefined,
1639
+ focusMode: k ? "never" : undefined,
1640
+ isLoading: I,
1641
+ menuId: xe,
1642
+ onScrollBottom: X ? Vt : undefined,
1625
1643
  placement: a !== null && a !== void 0 ? a : undefined,
1626
1644
  noOptionsMessage: W,
1627
1645
  footerMessage: x,
1628
1646
  animateLoading: l,
1629
- loadingMessage: N,
1647
+ loadingMessage: q,
1630
1648
  onScroll: J,
1631
1649
  style: i,
1632
1650
  tabIndex: u
1633
1651
  };
1634
1652
  if (be) {
1635
1653
 
1636
- return t().createElement(R.VirtualizedResultsMenu, Be({
1654
+ return t().createElement(R.VirtualizedResultsMenu, Ve({
1637
1655
  virtualization: be
1638
- }, c), Gt);
1656
+ }, c), Zt);
1639
1657
  }
1640
1658
 
1641
- return t().createElement(A(), c, Gt);
1659
+ return t().createElement(A(), c, Zt);
1642
1660
  };
1643
1661
 
1644
1662
  return t().createElement(j(), {
1645
- closeReasons: tt,
1663
+ closeReasons: rt,
1646
1664
  inputId: E,
1647
- toggle: t().createElement(st, Be({
1665
+ "aria-labelledby": Rt,
1666
+ toggle: t().createElement(pt, Ve({
1648
1667
  appearance: i,
1649
1668
  append: c,
1650
- currentValues: Et(),
1669
+ currentValues: At(),
1651
1670
  "data-test": H ? "multiselect" : "select",
1652
1671
  describedBy: h,
1653
1672
  disabled: g,
1654
1673
  elementRef: O,
1655
1674
  error: S,
1656
1675
  inline: P,
1657
- labelText: V,
1676
+ labelText: L,
1658
1677
  labelledBy: M,
1659
1678
  multiple: H,
1660
1679
  onClick: Q,
@@ -1662,28 +1681,28 @@
1662
1681
  prefixLabel: re,
1663
1682
  prepend: oe,
1664
1683
  required: ee,
1665
- suffixLabel: fe,
1684
+ suffixLabel: se,
1666
1685
  toggle: me,
1667
1686
  toggleContent: he
1668
1687
  }, ge), f),
1669
- onRequestOpen: Rt,
1670
- onRequestClose: At,
1688
+ onRequestOpen: It,
1689
+ onRequestClose: Mt,
1671
1690
  open: He,
1672
1691
  openWithArrowKeys: true,
1673
1692
  repositionMode: ae,
1674
- defaultPlacement: C ? b : undefined,
1675
- canCoverAnchor: _e().innerHeight < 500,
1676
- ref: $t,
1693
+ defaultPlacement: k ? b : undefined,
1694
+ canCoverAnchor: Me().innerHeight < 500,
1695
+ ref: Jt,
1677
1696
  retainFocus: false,
1678
- takeFocus: Wt.length === 0 || Wt.length > 0 && !Jt || !!C
1679
- }, Qt);
1680
- }
1681
- ft.propTypes = Ye;
1682
- ft.componentType = "SelectBase";
1683
- ft.Option = ce;
1684
- ft.Divider = T.Divider;
1685
- ft.Heading = T.Heading;
1686
- /* harmony default export */ const pt = ft;
1697
+ takeFocus: Xt.length === 0 || Xt.length > 0 && !Qt || !!k
1698
+ }, en);
1699
+ }
1700
+ dt.propTypes = et;
1701
+ dt.componentType = "SelectBase";
1702
+ dt.Option = fe;
1703
+ dt.Divider = T.Divider;
1704
+ dt.Heading = T.Heading;
1705
+ /* harmony default export */ const vt = dt;
1687
1706
  // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
1688
1707
  /**
1689
1708
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -1691,7 +1710,7 @@
1691
1710
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
1692
1711
  * @param current - The new value of the ref.
1693
1712
  */
1694
- function dt(e, t) {
1713
+ function bt(e, t) {
1695
1714
  if (e) {
1696
1715
  if (typeof e === "function") {
1697
1716
  e(t);
@@ -1704,16 +1723,16 @@
1704
1723
  }
1705
1724
  }
1706
1725
  // CONCATENATED MODULE: ./src/Select/Option.tsx
1707
- function vt(e) {
1726
+ function mt(e) {
1708
1727
  "@babel/helpers - typeof";
1709
- return vt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
1728
+ return mt = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
1710
1729
  return typeof e;
1711
1730
  } : function(e) {
1712
1731
  return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
1713
- }, vt(e);
1732
+ }, mt(e);
1714
1733
  }
1715
- function bt() {
1716
- return bt = Object.assign ? Object.assign.bind() : function(e) {
1734
+ function yt() {
1735
+ return yt = Object.assign ? Object.assign.bind() : function(e) {
1717
1736
  for (var t = 1; t < arguments.length; t++) {
1718
1737
  var n = arguments[t];
1719
1738
  for (var r in n) {
@@ -1721,24 +1740,24 @@
1721
1740
  }
1722
1741
  }
1723
1742
  return e;
1724
- }, bt.apply(null, arguments);
1743
+ }, yt.apply(null, arguments);
1725
1744
  }
1726
- function mt(e, t) {
1745
+ function ht(e, t) {
1727
1746
  if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
1728
1747
  }
1729
- function yt(e, t) {
1748
+ function gt(e, t) {
1730
1749
  for (var n = 0; n < t.length; n++) {
1731
1750
  var r = t[n];
1732
1751
  r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0),
1733
- Object.defineProperty(e, Pt(r.key), r);
1752
+ Object.defineProperty(e, Tt(r.key), r);
1734
1753
  }
1735
1754
  }
1736
- function ht(e, t, n) {
1737
- return t && yt(e.prototype, t), n && yt(e, n), Object.defineProperty(e, "prototype", {
1755
+ function Ot(e, t, n) {
1756
+ return t && gt(e.prototype, t), n && gt(e, n), Object.defineProperty(e, "prototype", {
1738
1757
  writable: !1
1739
1758
  }), e;
1740
1759
  }
1741
- function gt(e, t) {
1760
+ function St(e, t) {
1742
1761
  if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
1743
1762
  e.prototype = Object.create(t && t.prototype, {
1744
1763
  constructor: {
@@ -1748,69 +1767,69 @@
1748
1767
  }
1749
1768
  }), Object.defineProperty(e, "prototype", {
1750
1769
  writable: !1
1751
- }), t && Ot(e, t);
1770
+ }), t && Ct(e, t);
1752
1771
  }
1753
- function Ot(e, t) {
1754
- return Ot = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
1772
+ function Ct(e, t) {
1773
+ return Ct = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
1755
1774
  return e.__proto__ = t, e;
1756
- }, Ot(e, t);
1775
+ }, Ct(e, t);
1757
1776
  }
1758
- function St(e) {
1759
- var t = kt();
1777
+ function kt(e) {
1778
+ var t = jt();
1760
1779
  return function() {
1761
- var n, r = xt(e);
1780
+ var n, r = Pt(e);
1762
1781
  if (t) {
1763
- var o = xt(this).constructor;
1782
+ var o = Pt(this).constructor;
1764
1783
  n = Reflect.construct(r, arguments, o);
1765
1784
  } else n = r.apply(this, arguments);
1766
1785
  return wt(this, n);
1767
1786
  };
1768
1787
  }
1769
1788
  function wt(e, t) {
1770
- if (t && ("object" == vt(t) || "function" == typeof t)) return t;
1789
+ if (t && ("object" == mt(t) || "function" == typeof t)) return t;
1771
1790
  if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
1772
- return Ct(e);
1791
+ return xt(e);
1773
1792
  }
1774
- function Ct(e) {
1793
+ function xt(e) {
1775
1794
  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
1776
1795
  return e;
1777
1796
  }
1778
- function kt() {
1797
+ function jt() {
1779
1798
  try {
1780
1799
  var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
1781
1800
  } catch (e) {}
1782
- return (kt = function t() {
1801
+ return (jt = function t() {
1783
1802
  return !!e;
1784
1803
  })();
1785
1804
  }
1786
- function xt(e) {
1787
- return xt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
1805
+ function Pt(e) {
1806
+ return Pt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
1788
1807
  return e.__proto__ || Object.getPrototypeOf(e);
1789
- }, xt(e);
1808
+ }, Pt(e);
1790
1809
  }
1791
- function jt(e, t, n) {
1792
- return (t = Pt(t)) in e ? Object.defineProperty(e, t, {
1810
+ function Et(e, t, n) {
1811
+ return (t = Tt(t)) in e ? Object.defineProperty(e, t, {
1793
1812
  value: n,
1794
1813
  enumerable: !0,
1795
1814
  configurable: !0,
1796
1815
  writable: !0
1797
1816
  }) : e[t] = n, e;
1798
1817
  }
1799
- function Pt(e) {
1800
- var t = Et(e, "string");
1801
- return "symbol" == vt(t) ? t : t + "";
1818
+ function Tt(e) {
1819
+ var t = Rt(e, "string");
1820
+ return "symbol" == mt(t) ? t : t + "";
1802
1821
  }
1803
- function Et(e, t) {
1804
- if ("object" != vt(e) || !e) return e;
1822
+ function Rt(e, t) {
1823
+ if ("object" != mt(e) || !e) return e;
1805
1824
  var n = e[Symbol.toPrimitive];
1806
1825
  if (void 0 !== n) {
1807
1826
  var r = n.call(e, t || "default");
1808
- if ("object" != vt(r)) return r;
1827
+ if ("object" != mt(r)) return r;
1809
1828
  throw new TypeError("@@toPrimitive must return a primitive value.");
1810
1829
  }
1811
1830
  return ("string" === t ? String : Number)(e);
1812
1831
  }
1813
- var Tt = {
1832
+ var At = {
1814
1833
  /** @private */
1815
1834
  active: l().bool,
1816
1835
  children: l().node,
@@ -1834,7 +1853,7 @@
1834
1853
  truncate: l().bool,
1835
1854
  value: l().oneOfType([ l().string, l().number, l().bool ]).isRequired
1836
1855
  };
1837
- var Rt = {
1856
+ var _t = {
1838
1857
  active: false,
1839
1858
  descriptionPosition: "bottom",
1840
1859
  disabled: false,
@@ -1846,29 +1865,29 @@
1846
1865
  * An option within a `Select`. This inherits from
1847
1866
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
1848
1867
  * so any elements passed to it must also be pure.
1849
- */ var At = function(e) {
1850
- gt(r, e);
1851
- var n = St(r);
1868
+ */ var It = function(e) {
1869
+ St(r, e);
1870
+ var n = kt(r);
1852
1871
  function r() {
1853
1872
  var e;
1854
- mt(this, r);
1873
+ ht(this, r);
1855
1874
  for (var o = arguments.length, l = new Array(o), a = 0; a < o; a++) {
1856
1875
  l[a] = arguments[a];
1857
1876
  }
1858
1877
  e = n.call.apply(n, [ this ].concat(l));
1859
- jt(Ct(e), "optionBaseRef", t().createRef());
1860
- jt(Ct(e), "handleMount", (function(t) {
1861
- dt(e.props.elementRef, t);
1862
- dt(e.optionBaseRef, t);
1878
+ Et(xt(e), "optionBaseRef", t().createRef());
1879
+ Et(xt(e), "handleMount", (function(t) {
1880
+ bt(e.props.elementRef, t);
1881
+ bt(e.optionBaseRef, t);
1863
1882
  }));
1864
1883
  return e;
1865
1884
  }
1866
1885
  // @docs-props-type OptionPropsBase
1867
- ht(r, [ {
1886
+ Ot(r, [ {
1868
1887
  key: "scrollIntoViewIfNeeded",
1869
1888
  // eslint-disable-next-line react/no-unused-class-component-methods
1870
1889
  value: function e() {
1871
- Ee(this.optionBaseRef.current);
1890
+ Re(this.optionBaseRef.current);
1872
1891
  }
1873
1892
  /**
1874
1893
  * Place focus on the button.
@@ -1884,7 +1903,7 @@
1884
1903
  key: "render",
1885
1904
  value: function e() {
1886
1905
 
1887
- return t().createElement(ce, bt({}, this.props, {
1906
+ return t().createElement(fe, yt({}, this.props, {
1888
1907
  elementRef: this.handleMount,
1889
1908
  multiple: false
1890
1909
  }), this.props.children || this.props.label);
@@ -1892,9 +1911,9 @@
1892
1911
  } ]);
1893
1912
  return r;
1894
1913
  }(e.PureComponent);
1895
- jt(At, "propTypes", Tt);
1896
- jt(At, "defaultProps", Rt);
1897
- /* harmony default export */ const _t = At;
1914
+ Et(It, "propTypes", At);
1915
+ Et(It, "defaultProps", _t);
1916
+ /* harmony default export */ const Mt = It;
1898
1917
  // CONCATENATED MODULE: ./src/Select/Select.tsx
1899
1918
  function Lt(e) {
1900
1919
  "@babel/helpers - typeof";
@@ -1904,8 +1923,8 @@
1904
1923
  return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
1905
1924
  }, Lt(e);
1906
1925
  }
1907
- function Mt() {
1908
- return Mt = Object.assign ? Object.assign.bind() : function(e) {
1926
+ function qt() {
1927
+ return qt = Object.assign ? Object.assign.bind() : function(e) {
1909
1928
  for (var t = 1; t < arguments.length; t++) {
1910
1929
  var n = arguments[t];
1911
1930
  for (var r in n) {
@@ -1913,11 +1932,11 @@
1913
1932
  }
1914
1933
  }
1915
1934
  return e;
1916
- }, Mt.apply(null, arguments);
1935
+ }, qt.apply(null, arguments);
1917
1936
  }
1918
- function It(e, t) {
1937
+ function Dt(e, t) {
1919
1938
  if (null == e) return {};
1920
- var n, r, o = qt(e, t);
1939
+ var n, r, o = Bt(e, t);
1921
1940
  if (Object.getOwnPropertySymbols) {
1922
1941
  var l = Object.getOwnPropertySymbols(e);
1923
1942
  for (r = 0; r < l.length; r++) {
@@ -1926,7 +1945,7 @@
1926
1945
  }
1927
1946
  return o;
1928
1947
  }
1929
- function qt(e, t) {
1948
+ function Bt(e, t) {
1930
1949
  if (null == e) return {};
1931
1950
  var n = {};
1932
1951
  for (var r in e) {
@@ -1937,22 +1956,22 @@
1937
1956
  }
1938
1957
  return n;
1939
1958
  }
1940
- function Bt(e, t) {
1959
+ function Vt(e, t) {
1941
1960
  if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
1942
1961
  }
1943
- function Dt(e, t) {
1962
+ function Nt(e, t) {
1944
1963
  for (var n = 0; n < t.length; n++) {
1945
1964
  var r = t[n];
1946
1965
  r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0),
1947
- Object.defineProperty(e, Jt(r.key), r);
1966
+ Object.defineProperty(e, Gt(r.key), r);
1948
1967
  }
1949
1968
  }
1950
- function Vt(e, t, n) {
1951
- return t && Dt(e.prototype, t), n && Dt(e, n), Object.defineProperty(e, "prototype", {
1969
+ function Kt(e, t, n) {
1970
+ return t && Nt(e.prototype, t), n && Nt(e, n), Object.defineProperty(e, "prototype", {
1952
1971
  writable: !1
1953
1972
  }), e;
1954
1973
  }
1955
- function Nt(e, t) {
1974
+ function Ft(e, t) {
1956
1975
  if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
1957
1976
  e.prototype = Object.create(t && t.prototype, {
1958
1977
  constructor: {
@@ -1962,59 +1981,59 @@
1962
1981
  }
1963
1982
  }), Object.defineProperty(e, "prototype", {
1964
1983
  writable: !1
1965
- }), t && Kt(e, t);
1984
+ }), t && Ht(e, t);
1966
1985
  }
1967
- function Kt(e, t) {
1968
- return Kt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
1986
+ function Ht(e, t) {
1987
+ return Ht = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
1969
1988
  return e.__proto__ = t, e;
1970
- }, Kt(e, t);
1989
+ }, Ht(e, t);
1971
1990
  }
1972
- function Ft(e) {
1973
- var t = $t();
1991
+ function zt(e) {
1992
+ var t = Ut();
1974
1993
  return function() {
1975
- var n, r = Wt(e);
1994
+ var n, r = Jt(e);
1976
1995
  if (t) {
1977
- var o = Wt(this).constructor;
1996
+ var o = Jt(this).constructor;
1978
1997
  n = Reflect.construct(r, arguments, o);
1979
1998
  } else n = r.apply(this, arguments);
1980
- return Ht(this, n);
1999
+ return $t(this, n);
1981
2000
  };
1982
2001
  }
1983
- function Ht(e, t) {
2002
+ function $t(e, t) {
1984
2003
  if (t && ("object" == Lt(t) || "function" == typeof t)) return t;
1985
2004
  if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
1986
- return zt(e);
2005
+ return Wt(e);
1987
2006
  }
1988
- function zt(e) {
2007
+ function Wt(e) {
1989
2008
  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
1990
2009
  return e;
1991
2010
  }
1992
- function $t() {
2011
+ function Ut() {
1993
2012
  try {
1994
2013
  var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
1995
2014
  } catch (e) {}
1996
- return ($t = function t() {
2015
+ return (Ut = function t() {
1997
2016
  return !!e;
1998
2017
  })();
1999
2018
  }
2000
- function Wt(e) {
2001
- return Wt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
2019
+ function Jt(e) {
2020
+ return Jt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
2002
2021
  return e.__proto__ || Object.getPrototypeOf(e);
2003
- }, Wt(e);
2022
+ }, Jt(e);
2004
2023
  }
2005
- function Ut(e, t, n) {
2006
- return (t = Jt(t)) in e ? Object.defineProperty(e, t, {
2024
+ function Xt(e, t, n) {
2025
+ return (t = Gt(t)) in e ? Object.defineProperty(e, t, {
2007
2026
  value: n,
2008
2027
  enumerable: !0,
2009
2028
  configurable: !0,
2010
2029
  writable: !0
2011
2030
  }) : e[t] = n, e;
2012
2031
  }
2013
- function Jt(e) {
2014
- var t = Xt(e, "string");
2032
+ function Gt(e) {
2033
+ var t = Qt(e, "string");
2015
2034
  return "symbol" == Lt(t) ? t : t + "";
2016
2035
  }
2017
- function Xt(e, t) {
2036
+ function Qt(e, t) {
2018
2037
  if ("object" != Lt(e) || !e) return e;
2019
2038
  var n = e[Symbol.toPrimitive];
2020
2039
  if (void 0 !== n) {
@@ -2027,7 +2046,7 @@
2027
2046
  /* eslint-disable max-classes-per-file */
2028
2047
  /** @public */
2029
2048
  /** @public */
2030
- /** @public */ var Gt = {
2049
+ /** @public */ var Yt = {
2031
2050
  allowKeyMatching: l().bool,
2032
2051
  animateLoading: l().bool,
2033
2052
  appearance: l().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
@@ -2068,7 +2087,7 @@
2068
2087
  /** @private. */
2069
2088
  virtualization: l().number
2070
2089
  };
2071
- var Qt = {
2090
+ var Zt = {
2072
2091
  allowKeyMatching: true,
2073
2092
  animateLoading: false,
2074
2093
  appearance: "toggle",
@@ -2086,13 +2105,13 @@
2086
2105
  prepend: false,
2087
2106
  toggleContent: "optionChildren"
2088
2107
  };
2089
- var Yt = function(e) {
2090
- Nt(r, e);
2091
- var n = Ft(r);
2108
+ var en = function(e) {
2109
+ Ft(r, e);
2110
+ var n = zt(r);
2092
2111
  // @docs-props-type SelectPropsBase
2093
2112
  function r(e) {
2094
2113
  var t;
2095
- Bt(this, r);
2114
+ Vt(this, r);
2096
2115
  t = n.call(this, e);
2097
2116
  var o = {};
2098
2117
  // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
@@ -2110,7 +2129,7 @@
2110
2129
  if (false) {}
2111
2130
  return t;
2112
2131
  }
2113
- Vt(r, [ {
2132
+ Kt(r, [ {
2114
2133
  key: "componentDidUpdate",
2115
2134
  value: function e(t) {
2116
2135
  if (false) {}
@@ -2118,7 +2137,7 @@
2118
2137
  }, {
2119
2138
  key: "render",
2120
2139
  value: function e() {
2121
- var n = this.props, r = n.defaultValue, o = n.onChange, l = n.value, a = It(n, [ "defaultValue", "onChange", "value" ]);
2140
+ var n = this.props, r = n.defaultValue, o = n.onChange, l = n.value, a = Dt(n, [ "defaultValue", "onChange", "value" ]);
2122
2141
  var u = {
2123
2142
  onChange: function e(t, n) {
2124
2143
  var r = n.name, l = n.values;
@@ -2140,19 +2159,19 @@
2140
2159
  u.defaultValues = this.state.defaultValues;
2141
2160
  }
2142
2161
 
2143
- return t().createElement(pt, Mt({}, a, u, {
2162
+ return t().createElement(vt, qt({}, a, u, {
2144
2163
  multiple: false
2145
2164
  }));
2146
2165
  }
2147
2166
  } ]);
2148
2167
  return r;
2149
2168
  }(e.Component);
2150
- Ut(Yt, "propTypes", Gt);
2151
- Ut(Yt, "defaultProps", Qt);
2152
- Ut(Yt, "Option", _t);
2153
- Ut(Yt, "Heading", T.Heading);
2154
- Ut(Yt, "Divider", T.Divider);
2155
- /* harmony default export */ const Zt = Yt;
2169
+ Xt(en, "propTypes", Yt);
2170
+ Xt(en, "defaultProps", Zt);
2171
+ Xt(en, "Option", Mt);
2172
+ Xt(en, "Heading", T.Heading);
2173
+ Xt(en, "Divider", T.Divider);
2174
+ /* harmony default export */ const tn = en;
2156
2175
  }) // CONCATENATED MODULE: ./src/Select/index.ts
2157
2176
  ();
2158
2177
  module.exports = r;