@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/Search.js CHANGED
@@ -8,27 +8,27 @@
8
8
  /******/ /* webpack/runtime/compat get default export */
9
9
  /******/ (() => {
10
10
  /******/ // getDefaultExport function for compatibility with non-harmony modules
11
- /******/ e.n = r => {
12
- /******/ var n = r && r.__esModule ?
13
- /******/ () => r["default"]
14
- /******/ : () => r
11
+ /******/ e.n = n => {
12
+ /******/ var r = n && n.__esModule ?
13
+ /******/ () => n["default"]
14
+ /******/ : () => n
15
15
  /******/;
16
- e.d(n, {
17
- a: n
16
+ e.d(r, {
17
+ a: r
18
18
  });
19
- /******/ return n;
19
+ /******/ return r;
20
20
  /******/ };
21
21
  /******/ })();
22
22
  /******/
23
23
  /******/ /* webpack/runtime/define property getters */
24
24
  /******/ (() => {
25
25
  /******/ // define getter functions for harmony exports
26
- /******/ e.d = (r, n) => {
27
- /******/ for (var t in n) {
28
- /******/ if (e.o(n, t) && !e.o(r, t)) {
29
- /******/ Object.defineProperty(r, t, {
26
+ /******/ e.d = (n, r) => {
27
+ /******/ for (var t in r) {
28
+ /******/ if (e.o(r, t) && !e.o(n, t)) {
29
+ /******/ Object.defineProperty(n, t, {
30
30
  enumerable: true,
31
- get: n[t]
31
+ get: r[t]
32
32
  });
33
33
  /******/ }
34
34
  /******/ }
@@ -37,7 +37,7 @@
37
37
  /******/
38
38
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
39
39
  /******/ (() => {
40
- /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
40
+ /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
41
41
  /******/;
42
42
  })();
43
43
  /******/
@@ -56,19 +56,19 @@
56
56
  /******/ };
57
57
  /******/ })();
58
58
  /******/
59
- /************************************************************************/ var r = {};
59
+ /************************************************************************/ var n = {};
60
60
  // ESM COMPAT FLAG
61
- e.r(r);
61
+ e.r(n);
62
62
  // EXPORTS
63
- e.d(r, {
63
+ e.d(n, {
64
64
  Divider: () => /* reexport */ g.Divider,
65
65
  Heading: () => /* reexport */ g.Heading,
66
- Option: () => /* reexport */ U,
67
- default: () => /* reexport */ fe
66
+ Option: () => /* reexport */ Y,
67
+ default: () => /* reexport */ be
68
68
  });
69
69
  // CONCATENATED MODULE: external "react"
70
- const n = require("react");
71
- var t = e.n(n);
70
+ const r = require("react");
71
+ var t = e.n(r);
72
72
  // CONCATENATED MODULE: external "prop-types"
73
73
  const o = require("prop-types");
74
74
  var i = e.n(o);
@@ -97,171 +97,152 @@
97
97
  const g = require("@splunk/react-ui/Menu");
98
98
  // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
99
99
  const O = require("@splunk/react-ui/usePrevious");
100
- var j = e.n(O);
100
+ var w = e.n(O);
101
101
  // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
102
- const w = require("@splunk/react-ui/Popover");
103
- var S = e.n(w);
102
+ const S = require("@splunk/react-ui/Popover");
103
+ var j = e.n(S);
104
104
  // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
105
105
  const P = require("@splunk/react-ui/ResultsMenu");
106
106
  var k = e.n(P);
107
107
  // CONCATENATED MODULE: external "@splunk/react-ui/Text"
108
108
  const C = require("@splunk/react-ui/Text");
109
- var R = e.n(C);
109
+ var I = e.n(C);
110
110
  // CONCATENATED MODULE: ./src/Search/Option.tsx
111
- function I(e) {
111
+ function M(e) {
112
112
  "@babel/helpers - typeof";
113
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
114
- I = function e(r) {
115
- return typeof r;
116
- };
117
- } else {
118
- I = function e(r) {
119
- return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
120
- };
121
- }
122
- return I(e);
123
- }
124
- function M() {
125
- M = Object.assign || function(e) {
126
- for (var r = 1; r < arguments.length; r++) {
127
- var n = arguments[r];
128
- for (var t in n) {
129
- if (Object.prototype.hasOwnProperty.call(n, t)) {
130
- e[t] = n[t];
131
- }
113
+ return M = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
114
+ return typeof e;
115
+ } : function(e) {
116
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
117
+ }, M(e);
118
+ }
119
+ function R() {
120
+ return R = Object.assign ? Object.assign.bind() : function(e) {
121
+ for (var n = 1; n < arguments.length; n++) {
122
+ var r = arguments[n];
123
+ for (var t in r) {
124
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
132
125
  }
133
126
  }
134
127
  return e;
135
- };
136
- return M.apply(this, arguments);
128
+ }, R.apply(null, arguments);
137
129
  }
138
- function D(e, r) {
139
- if (e == null) return {};
140
- var n = q(e, r);
141
- var t, o;
130
+ function E(e, n) {
131
+ if (null == e) return {};
132
+ var r, t, o = q(e, n);
142
133
  if (Object.getOwnPropertySymbols) {
143
134
  var i = Object.getOwnPropertySymbols(e);
144
- for (o = 0; o < i.length; o++) {
145
- t = i[o];
146
- if (r.indexOf(t) >= 0) continue;
147
- if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
148
- n[t] = e[t];
135
+ for (t = 0; t < i.length; t++) {
136
+ r = i[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
149
137
  }
150
138
  }
151
- return n;
152
- }
153
- function q(e, r) {
154
- if (e == null) return {};
155
- var n = {};
156
- var t = Object.keys(e);
157
- var o, i;
158
- for (i = 0; i < t.length; i++) {
159
- o = t[i];
160
- if (r.indexOf(o) >= 0) continue;
161
- n[o] = e[o];
162
- }
163
- return n;
139
+ return o;
164
140
  }
165
- function x(e, r) {
166
- if (!(e instanceof r)) {
167
- throw new TypeError("Cannot call a class as a function");
141
+ function q(e, n) {
142
+ if (null == e) return {};
143
+ var r = {};
144
+ for (var t in e) {
145
+ if ({}.hasOwnProperty.call(e, t)) {
146
+ if (n.includes(t)) continue;
147
+ r[t] = e[t];
148
+ }
168
149
  }
150
+ return r;
151
+ }
152
+ function D(e, n) {
153
+ if (!(e instanceof n)) throw new TypeError("Cannot call a class as a function");
169
154
  }
170
- function E(e, r) {
171
- for (var n = 0; n < r.length; n++) {
172
- var t = r[n];
173
- t.enumerable = t.enumerable || false;
174
- t.configurable = true;
175
- if ("value" in t) t.writable = true;
176
- Object.defineProperty(e, t.key, t);
155
+ function x(e, n) {
156
+ for (var r = 0; r < n.length; r++) {
157
+ var t = n[r];
158
+ t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0),
159
+ Object.defineProperty(e, F(t.key), t);
177
160
  }
178
161
  }
179
- function _(e, r, n) {
180
- if (r) E(e.prototype, r);
181
- if (n) E(e, n);
182
- return e;
162
+ function A(e, n, r) {
163
+ return n && x(e.prototype, n), r && x(e, r), Object.defineProperty(e, "prototype", {
164
+ writable: !1
165
+ }), e;
183
166
  }
184
- function A(e, r) {
185
- if (typeof r !== "function" && r !== null) {
186
- throw new TypeError("Super expression must either be null or a function");
187
- }
188
- e.prototype = Object.create(r && r.prototype, {
167
+ function B(e, n) {
168
+ if ("function" != typeof n && null !== n) throw new TypeError("Super expression must either be null or a function");
169
+ e.prototype = Object.create(n && n.prototype, {
189
170
  constructor: {
190
171
  value: e,
191
- writable: true,
192
- configurable: true
172
+ writable: !0,
173
+ configurable: !0
193
174
  }
194
- });
195
- if (r) B(e, r);
175
+ }), Object.defineProperty(e, "prototype", {
176
+ writable: !1
177
+ }), n && T(e, n);
196
178
  }
197
- function B(e, r) {
198
- B = Object.setPrototypeOf || function e(r, n) {
199
- r.__proto__ = n;
200
- return r;
201
- };
202
- return B(e, r);
203
- }
204
- function T(e) {
205
- var r = V();
206
- return function n() {
207
- var t = K(e), o;
208
- if (r) {
209
- var i = K(this).constructor;
210
- o = Reflect.construct(t, arguments, i);
211
- } else {
212
- o = t.apply(this, arguments);
213
- }
214
- return H(this, o);
179
+ function T(e, n) {
180
+ return T = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, n) {
181
+ return e.__proto__ = n, e;
182
+ }, T(e, n);
183
+ }
184
+ function _(e) {
185
+ var n = V();
186
+ return function() {
187
+ var r, t = K(e);
188
+ if (n) {
189
+ var o = K(this).constructor;
190
+ r = Reflect.construct(t, arguments, o);
191
+ } else r = t.apply(this, arguments);
192
+ return H(this, r);
215
193
  };
216
194
  }
217
- function H(e, r) {
218
- if (r && (I(r) === "object" || typeof r === "function")) {
219
- return r;
220
- }
195
+ function H(e, n) {
196
+ if (n && ("object" == M(n) || "function" == typeof n)) return n;
197
+ if (void 0 !== n) throw new TypeError("Derived constructors may only return object or undefined");
221
198
  return L(e);
222
199
  }
223
200
  function L(e) {
224
- if (e === void 0) {
225
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
226
- }
201
+ if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
227
202
  return e;
228
203
  }
229
204
  function V() {
230
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
231
- if (Reflect.construct.sham) return false;
232
- if (typeof Proxy === "function") return true;
233
205
  try {
234
- Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
235
- return true;
236
- } catch (e) {
237
- return false;
238
- }
206
+ var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
207
+ } catch (e) {}
208
+ return (V = function n() {
209
+ return !!e;
210
+ })();
239
211
  }
240
212
  function K(e) {
241
- K = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
242
- return r.__proto__ || Object.getPrototypeOf(r);
243
- };
244
- return K(e);
245
- }
246
- function F(e, r, n) {
247
- if (r in e) {
248
- Object.defineProperty(e, r, {
249
- value: n,
250
- enumerable: true,
251
- configurable: true,
252
- writable: true
253
- });
254
- } else {
255
- e[r] = n;
213
+ return K = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
214
+ return e.__proto__ || Object.getPrototypeOf(e);
215
+ }, K(e);
216
+ }
217
+ function N(e, n, r) {
218
+ return (n = F(n)) in e ? Object.defineProperty(e, n, {
219
+ value: r,
220
+ enumerable: !0,
221
+ configurable: !0,
222
+ writable: !0
223
+ }) : e[n] = r, e;
224
+ }
225
+ function F(e) {
226
+ var n = W(e, "string");
227
+ return "symbol" == M(n) ? n : n + "";
228
+ }
229
+ function W(e, n) {
230
+ if ("object" != M(e) || !e) return e;
231
+ var r = e[Symbol.toPrimitive];
232
+ if (void 0 !== r) {
233
+ var t = r.call(e, n || "default");
234
+ if ("object" != M(t)) return t;
235
+ throw new TypeError("@@toPrimitive must return a primitive value.");
256
236
  }
257
- return e;
237
+ return ("string" === n ? String : Number)(e);
258
238
  }
259
- var W = {
239
+ var z = {
260
240
  /** @private */
261
241
  active: i().bool,
262
242
  description: i().string,
263
243
  descriptionPosition: i().oneOf([ "right", "bottom" ]),
264
244
  disabled: i().bool,
245
+ endAdornment: i().node,
265
246
  icon: i().node,
266
247
  label: i().string,
267
248
  matchRanges: i().arrayOf(i().shape({
@@ -269,10 +250,11 @@
269
250
  end: i().number.isRequired
270
251
  })),
271
252
  onClick: i().func,
253
+ startAdornment: i().node,
272
254
  truncate: i().bool,
273
255
  value: i().string.isRequired
274
256
  };
275
- var N = {
257
+ var U = {
276
258
  active: false,
277
259
  descriptionPosition: "bottom",
278
260
  disabled: false,
@@ -282,21 +264,21 @@
282
264
  * An option within a `Search`. This inherits from
283
265
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
284
266
  * so any elements passed to it must also be pure.
285
- */ var z = function(e) {
286
- A(n, e);
287
- var r = T(n);
288
- function n() {
267
+ */ var X = function(e) {
268
+ B(r, e);
269
+ var n = _(r);
270
+ function r() {
289
271
  var e;
290
- x(this, n);
272
+ D(this, r);
291
273
  for (var t = arguments.length, o = new Array(t), i = 0; i < t; i++) {
292
274
  o[i] = arguments[i];
293
275
  }
294
- e = r.call.apply(r, [ this ].concat(o));
295
- F(L(e), "item", null);
296
- F(L(e), "handleClick", (function(r) {
297
- var n = e.props, t = n.disabled, o = n.onClick, i = n.to, a = n.value;
276
+ e = n.call.apply(n, [ this ].concat(o));
277
+ N(L(e), "item", null);
278
+ N(L(e), "handleClick", (function(n) {
279
+ var r = e.props, t = r.disabled, o = r.onClick, i = r.to, a = r.value;
298
280
  if (!t) {
299
- o === null || o === void 0 ? void 0 : o(r, {
281
+ o === null || o === void 0 ? void 0 : o(n, {
300
282
  to: i,
301
283
  value: a
302
284
  });
@@ -304,22 +286,25 @@
304
286
  }));
305
287
  return e;
306
288
  }
307
- _(n, [ {
289
+ // @docs-props-type OptionPropsBase
290
+ // TODO:(SUI-2802) This component remains a class instead of functional because of the Menu's `scrollIntoViewIfNeeded` behavior.
291
+ A(r, [ {
308
292
  key: "scrollIntoViewIfNeeded",
293
+ // eslint-disable-next-line react/no-unused-class-component-methods
309
294
  value: function e() {
310
- var r;
311
- (r = this.item) === null || r === void 0 ? void 0 : r.scrollIntoViewIfNeeded();
295
+ var n;
296
+ (n = this.item) === null || n === void 0 ? void 0 : n.scrollIntoViewIfNeeded();
312
297
  }
313
298
  }, {
314
299
  key: "render",
315
300
  value: function e() {
316
- var r = this;
317
- var n = this.props, o = n.value, i = n.label, a = D(n, [ "value", "label" ]);
301
+ var n = this;
302
+ var r = this.props, o = r.value, i = r.label, a = E(r, [ "value", "label" ]);
318
303
  var u = i === undefined ? o : i;
319
304
 
320
- return t().createElement(g.Item, M({
321
- ref: function e(n) {
322
- r.item = n;
305
+ return t().createElement(g.Item, R({
306
+ ref: function e(r) {
307
+ n.item = r;
323
308
  },
324
309
  "data-test": "search-option",
325
310
  "data-test-value": o
@@ -329,12 +314,12 @@
329
314
  }), u);
330
315
  }
331
316
  } ]);
332
- return n;
333
- }(n.PureComponent);
334
- F(z, "propTypes", W);
335
- F(z, "defaultProps", N);
336
- F(z, "type", g.Item);
337
- /* harmony default export */ const U = z;
317
+ return r;
318
+ }(r.PureComponent);
319
+ N(X, "propTypes", z);
320
+ N(X, "defaultProps", U);
321
+ N(X, "type", g.Item);
322
+ /* harmony default export */ const Y = X;
338
323
  // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
339
324
  /**
340
325
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -342,149 +327,151 @@
342
327
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
343
328
  * @param current - The new value of the ref.
344
329
  */
345
- function X(e, r) {
330
+ function $(e, n) {
346
331
  if (e) {
347
332
  if (typeof e === "function") {
348
- e(r);
333
+ e(n);
349
334
  } else {
350
335
  // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
351
336
  // the intention here is to signal "we will take care of setting 'current', not you".
352
- e.current = r;
337
+ e.current = n;
353
338
  // eslint-disable-line no-param-reassign
354
339
  }
355
340
  }
356
341
  }
357
342
  // CONCATENATED MODULE: ./src/Search/Search.tsx
358
- function Y() {
359
- Y = Object.assign || function(e) {
360
- for (var r = 1; r < arguments.length; r++) {
361
- var n = arguments[r];
362
- for (var t in n) {
363
- if (Object.prototype.hasOwnProperty.call(n, t)) {
364
- e[t] = n[t];
365
- }
343
+ function G(e) {
344
+ "@babel/helpers - typeof";
345
+ return G = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
346
+ return typeof e;
347
+ } : function(e) {
348
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
349
+ }, G(e);
350
+ }
351
+ function J() {
352
+ return J = Object.assign ? Object.assign.bind() : function(e) {
353
+ for (var n = 1; n < arguments.length; n++) {
354
+ var r = arguments[n];
355
+ for (var t in r) {
356
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
366
357
  }
367
358
  }
368
359
  return e;
369
- };
370
- return Y.apply(this, arguments);
360
+ }, J.apply(null, arguments);
371
361
  }
372
- function $(e, r) {
373
- var n = Object.keys(e);
362
+ function Q(e, n) {
363
+ var r = Object.keys(e);
374
364
  if (Object.getOwnPropertySymbols) {
375
365
  var t = Object.getOwnPropertySymbols(e);
376
- if (r) t = t.filter((function(r) {
377
- return Object.getOwnPropertyDescriptor(e, r).enumerable;
378
- }));
379
- n.push.apply(n, t);
366
+ n && (t = t.filter((function(n) {
367
+ return Object.getOwnPropertyDescriptor(e, n).enumerable;
368
+ }))), r.push.apply(r, t);
380
369
  }
381
- return n;
370
+ return r;
382
371
  }
383
- function G(e) {
384
- for (var r = 1; r < arguments.length; r++) {
385
- var n = arguments[r] != null ? arguments[r] : {};
386
- if (r % 2) {
387
- $(Object(n), true).forEach((function(r) {
388
- J(e, r, n[r]);
389
- }));
390
- } else if (Object.getOwnPropertyDescriptors) {
391
- Object.defineProperties(e, Object.getOwnPropertyDescriptors(n));
392
- } else {
393
- $(Object(n)).forEach((function(r) {
394
- Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
395
- }));
396
- }
372
+ function Z(e) {
373
+ for (var n = 1; n < arguments.length; n++) {
374
+ var r = null != arguments[n] ? arguments[n] : {};
375
+ n % 2 ? Q(Object(r), !0).forEach((function(n) {
376
+ ee(e, n, r[n]);
377
+ })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Q(Object(r)).forEach((function(n) {
378
+ Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
379
+ }));
397
380
  }
398
381
  return e;
399
382
  }
400
- function J(e, r, n) {
401
- if (r in e) {
402
- Object.defineProperty(e, r, {
403
- value: n,
404
- enumerable: true,
405
- configurable: true,
406
- writable: true
407
- });
408
- } else {
409
- e[r] = n;
383
+ function ee(e, n, r) {
384
+ return (n = ne(n)) in e ? Object.defineProperty(e, n, {
385
+ value: r,
386
+ enumerable: !0,
387
+ configurable: !0,
388
+ writable: !0
389
+ }) : e[n] = r, e;
390
+ }
391
+ function ne(e) {
392
+ var n = re(e, "string");
393
+ return "symbol" == G(n) ? n : n + "";
394
+ }
395
+ function re(e, n) {
396
+ if ("object" != G(e) || !e) return e;
397
+ var r = e[Symbol.toPrimitive];
398
+ if (void 0 !== r) {
399
+ var t = r.call(e, n || "default");
400
+ if ("object" != G(t)) return t;
401
+ throw new TypeError("@@toPrimitive must return a primitive value.");
410
402
  }
411
- return e;
403
+ return ("string" === n ? String : Number)(e);
412
404
  }
413
- function Q(e, r) {
414
- return te(e) || ne(e, r) || ee(e, r) || Z();
405
+ function te(e, n) {
406
+ return le(e) || ue(e, n) || ie(e, n) || oe();
415
407
  }
416
- function Z() {
408
+ function oe() {
417
409
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
418
410
  }
419
- function ee(e, r) {
420
- if (!e) return;
421
- if (typeof e === "string") return re(e, r);
422
- var n = Object.prototype.toString.call(e).slice(8, -1);
423
- if (n === "Object" && e.constructor) n = e.constructor.name;
424
- if (n === "Map" || n === "Set") return Array.from(e);
425
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return re(e, r);
426
- }
427
- function re(e, r) {
428
- if (r == null || r > e.length) r = e.length;
429
- for (var n = 0, t = new Array(r); n < r; n++) {
430
- t[n] = e[n];
411
+ function ie(e, n) {
412
+ if (e) {
413
+ if ("string" == typeof e) return ae(e, n);
414
+ var r = {}.toString.call(e).slice(8, -1);
415
+ 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) ? ae(e, n) : void 0;
416
+ }
417
+ }
418
+ function ae(e, n) {
419
+ (null == n || n > e.length) && (n = e.length);
420
+ for (var r = 0, t = Array(n); r < n; r++) {
421
+ t[r] = e[r];
431
422
  }
432
423
  return t;
433
424
  }
434
- function ne(e, r) {
435
- if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
436
- var n = [];
437
- var t = true;
438
- var o = false;
439
- var i = undefined;
440
- try {
441
- for (var a = e[Symbol.iterator](), u; !(t = (u = a.next()).done); t = true) {
442
- n.push(u.value);
443
- if (r && n.length === r) break;
444
- }
445
- } catch (e) {
446
- o = true;
447
- i = e;
448
- } finally {
425
+ function ue(e, n) {
426
+ var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
427
+ if (null != r) {
428
+ var t, o, i, a, u = [], l = !0, c = !1;
449
429
  try {
450
- if (!t && a["return"] != null) a["return"]();
430
+ if (i = (r = r.call(e)).next, 0 === n) {
431
+ if (Object(r) !== r) return;
432
+ l = !1;
433
+ } else for (;!(l = (t = i.call(r)).done) && (u.push(t.value), u.length !== n); l = !0) {
434
+ }
435
+ } catch (e) {
436
+ c = !0, o = e;
451
437
  } finally {
452
- if (o) throw i;
438
+ try {
439
+ if (!l && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
440
+ } finally {
441
+ if (c) throw o;
442
+ }
453
443
  }
444
+ return u;
454
445
  }
455
- return n;
456
446
  }
457
- function te(e) {
447
+ function le(e) {
458
448
  if (Array.isArray(e)) return e;
459
449
  }
460
- function oe(e, r) {
461
- if (e == null) return {};
462
- var n = ie(e, r);
463
- var t, o;
450
+ function ce(e, n) {
451
+ if (null == e) return {};
452
+ var r, t, o = fe(e, n);
464
453
  if (Object.getOwnPropertySymbols) {
465
454
  var i = Object.getOwnPropertySymbols(e);
466
- for (o = 0; o < i.length; o++) {
467
- t = i[o];
468
- if (r.indexOf(t) >= 0) continue;
469
- if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
470
- n[t] = e[t];
455
+ for (t = 0; t < i.length; t++) {
456
+ r = i[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
471
457
  }
472
458
  }
473
- return n;
474
- }
475
- function ie(e, r) {
476
- if (e == null) return {};
477
- var n = {};
478
- var t = Object.keys(e);
479
- var o, i;
480
- for (i = 0; i < t.length; i++) {
481
- o = t[i];
482
- if (r.indexOf(o) >= 0) continue;
483
- n[o] = e[o];
459
+ return o;
460
+ }
461
+ function fe(e, n) {
462
+ if (null == e) return {};
463
+ var r = {};
464
+ for (var t in e) {
465
+ if ({}.hasOwnProperty.call(e, t)) {
466
+ if (n.includes(t)) continue;
467
+ r[t] = e[t];
468
+ }
484
469
  }
485
- return n;
470
+ return r;
486
471
  }
487
- var ae = {
472
+ /** @public */
473
+ /** @public */
474
+ /** @public */ var se = {
488
475
  animateLoading: i().bool,
489
476
  children: i().node,
490
477
  defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
@@ -513,114 +500,114 @@
513
500
  placeholder: i().string,
514
501
  value: i().string
515
502
  };
516
- function ue(e, r) {
517
- var n = r.clientX, t = r.clientY;
503
+ function de(e, n) {
504
+ var r = n.clientX, t = n.clientY;
518
505
  var o = e.getBoundingClientRect(), i = o.top, a = o.left, u = o.bottom, l = o.right;
519
- return n > a && n < l && t > i && t < u;
506
+ return r > a && r < l && t > i && t < u;
520
507
  }
521
- var le = s()((function(e) {
522
- var r = e.anchorWidth, n = e.maxHeight, t = e.menuStyle;
508
+ var ve = s()((function(e) {
509
+ var n = e.anchorWidth, r = e.maxHeight, t = e.menuStyle;
523
510
  return u()({
524
- maxHeight: n,
511
+ maxHeight: r,
525
512
  overflow: "auto",
526
- width: Math.max(r !== null && r !== void 0 ? r : 0, 200)
513
+ width: Math.max(n !== null && n !== void 0 ? n : 0, 200)
527
514
  }, t);
528
515
  }));
529
- function ce(e) {
530
- var r = e.animateLoading, o = r === void 0 ? false : r, i = e.children, a = e.defaultPlacement, u = e.defaultValue, l = e.describedBy, f = e.disabled, s = f === void 0 ? false : f, d = e.elementRef, p = e.error, g = p === void 0 ? false : p, O = e.footerMessage, w = e.inline, P = w === void 0 ? false : w, C = e.inputRef, I = e.isLoadingOptions, M = I === void 0 ? false : I, D = e.labelledBy, q = e.loadingMessage, x = e.menuStyle, E = x === void 0 ? {} : x, _ = e.name, A = e.noOptionsMessage, B = e.onChange, T = e.onClose, H = e.onFocus, L = e.onKeyDown, V = e.onOpen, K = e.placeholder, F = K === void 0 ? (0,
531
- m._)("Search...") : K, W = e.value, N = oe(e, [ "animateLoading", "children", "defaultPlacement", "defaultValue", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFocus", "onKeyDown", "onOpen", "placeholder", "value" ]);
516
+ function pe(e) {
517
+ var n = e.animateLoading, o = n === void 0 ? false : n, i = e.children, a = e.defaultPlacement, u = e.defaultValue, l = e.describedBy, f = e.disabled, s = f === void 0 ? false : f, d = e.elementRef, p = e.error, g = p === void 0 ? false : p, O = e.footerMessage, S = e.inline, P = S === void 0 ? false : S, C = e.inputRef, M = e.isLoadingOptions, R = M === void 0 ? false : M, E = e.labelledBy, q = e.loadingMessage, D = e.menuStyle, x = D === void 0 ? {} : D, A = e.name, B = e.noOptionsMessage, T = e.onChange, _ = e.onClose, H = e.onFocus, L = e.onKeyDown, V = e.onOpen, K = e.placeholder, N = K === void 0 ? (0,
518
+ m._)("Search...") : K, F = e.value, W = ce(e, [ "animateLoading", "children", "defaultPlacement", "defaultValue", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFocus", "onKeyDown", "onOpen", "placeholder", "value" ]);
532
519
  // @docs-props-type SearchPropsBase
533
- var z = !!i || M;
534
- // state
535
- var U = (0, n.useState)(0), $ = Q(U, 2), J = $[0], Z = $[1];
536
- var ee = (0, n.useState)(false), re = Q(ee, 2), ne = re[0], te = re[1];
537
- var ie = (0, n.useState)(undefined), ae = Q(ie, 2), ce = ae[0], fe = ae[1];
538
- var se = (0, n.useState)(u || ""), de = Q(se, 2), ve = de[0], pe = de[1];
539
- var be = (0, n.useState)((function() {
520
+ var z = !!i || R;
521
+ // state
522
+ var U = (0, r.useState)(0), X = te(U, 2), Y = X[0], G = X[1];
523
+ var Q = (0, r.useState)(false), ee = te(Q, 2), ne = ee[0], re = ee[1];
524
+ var oe = (0, r.useState)(undefined), ie = te(oe, 2), ae = ie[0], ue = ie[1];
525
+ var le = (0, r.useState)(u || ""), fe = te(le, 2), se = fe[0], pe = fe[1];
526
+ var be = (0, r.useState)((function() {
540
527
  return {
541
528
  popoverId: (0, y.createDOMID)("popover"),
542
529
  menuId: (0, y.createDOMID)("menu"),
543
530
  activeItemId: (0, y.createDOMID)("active-item")
544
531
  };
545
- })), ye = Q(be, 1), me = ye[0], he = me.popoverId, ge = me.menuId, Oe = me.activeItemId;
532
+ })), ye = te(be, 1), me = ye[0], he = me.popoverId, ge = me.menuId, Oe = me.activeItemId;
546
533
  // previous state
547
- var je = j()(J);
548
- // refs
549
- var we = (0, n.useRef)(null);
550
- var Se = (0, n.useRef)(null);
551
- var Pe = (0, n.useRef)(W !== undefined && W !== null);
552
- var ke = (0, n.useRef)(false);
553
- var Ce = (0, n.useRef)([]);
554
- var Re = (0, n.useRef)(je);
555
- var Ie = (0, n.useRef)(undefined);
556
- var Me = function e(r) {
557
- X(we, r);
558
- X(d, r);
534
+ var we = w()(Y);
535
+ // refs
536
+ var Se = (0, r.useRef)(null);
537
+ var je = (0, r.useRef)(null);
538
+ var Pe = (0, r.useRef)(F !== undefined && F !== null);
539
+ var ke = (0, r.useRef)(false);
540
+ var Ce = (0, r.useRef)([]);
541
+ var Ie = (0, r.useRef)(we);
542
+ var Me = (0, r.useRef)(undefined);
543
+ var Re = function e(n) {
544
+ $(Se, n);
545
+ $(d, n);
559
546
  };
560
- var De = function e(r) {
561
- X(Se, r);
562
- X(C, r);
547
+ var Ee = function e(n) {
548
+ $(je, n);
549
+ $(C, n);
563
550
  };
564
551
  var qe = function e() {
565
- return Pe.current ? W : ve;
552
+ return Pe.current ? F : se;
566
553
  };
567
- var xe = function e() {
568
- var r = qe();
569
- var t = n.Children.toArray(i).filter(n.isValidElement);
570
- var o = !ce && t.find((function(e) {
571
- return e.props.label !== undefined && e.props.value === r;
554
+ var De = function e() {
555
+ var n = qe();
556
+ var t = r.Children.toArray(i).filter(r.isValidElement);
557
+ var o = !ae && t.find((function(e) {
558
+ return e.props.label !== undefined && e.props.value === n;
572
559
  }));
573
560
  if (o) {
574
561
  return o === null || o === void 0 ? void 0 : o.props.label;
575
562
  }
576
- return r;
563
+ return n;
577
564
  };
578
- var Ee = function e() {
579
- te(true);
580
- Z(-1);
565
+ var xe = function e() {
566
+ re(true);
567
+ G(-1);
581
568
  V === null || V === void 0 ? void 0 : V();
582
569
  };
583
- var _e = function e() {
584
- te(false);
585
- Re.current = null;
586
- T === null || T === void 0 ? void 0 : T();
587
- };
588
570
  var Ae = function e() {
589
- var r;
590
- (r = Se.current) === null || r === void 0 ? void 0 : r.focus();
571
+ re(false);
572
+ Ie.current = null;
573
+ _ === null || _ === void 0 ? void 0 : _();
574
+ };
575
+ var Be = function e() {
576
+ var n;
577
+ (n = je.current) === null || n === void 0 ? void 0 : n.focus();
591
578
  };
592
- var Be = function e(r, n) {
579
+ var Te = function e(n, r) {
593
580
  /* SUI-930 On IE 11 this handler is essentially deferred after calling
594
581
  * this.textInput.focus(). this.focusCalledInternally enables the focus event to be ignored
595
582
  * when the menu closes. */
596
583
  if (ke.current) {
597
584
  ke.current = false;
598
585
  } else {
599
- Ee();
586
+ xe();
600
587
  }
601
- H === null || H === void 0 ? void 0 : H(r, n);
588
+ H === null || H === void 0 ? void 0 : H(n, r);
602
589
  };
603
- var Te = function e(r, n) {
604
- var t = n.value;
590
+ var _e = function e(n, r) {
591
+ var t = r.value;
605
592
  if (!Pe.current) {
606
593
  pe(t);
607
594
  }
608
- Z(-1);
609
- fe(t);
610
- B === null || B === void 0 ? void 0 : B(r, {
595
+ G(-1);
596
+ ue(t);
597
+ T === null || T === void 0 ? void 0 : T(n, {
611
598
  value: t,
612
- name: _
599
+ name: A
613
600
  });
614
601
  };
615
- var He = function e(r, n) {
616
- Te(r, G({}, n));
602
+ var He = function e(n, r) {
603
+ _e(n, Z({}, r));
617
604
  ke.current = true;
605
+ Be();
618
606
  Ae();
619
- _e();
620
607
  };
621
- var Le = function e(r) {
622
- var n = Ce.current.length;
623
- var t = (0, h.keycode)(r.nativeEvent);
608
+ var Le = function e(n) {
609
+ var r = Ce.current.length;
610
+ var t = (0, h.keycode)(n.nativeEvent);
624
611
  if (ne) {
625
612
  switch (t) {
626
613
  case "enter":
@@ -634,139 +621,140 @@
634
621
  }
635
622
 
636
623
  case "tab":
637
- _e();
624
+ Ae();
638
625
  break;
639
626
 
640
627
  case "down":
641
- Z(Math.min(J + 1, n - 1));
628
+ G(Math.min(Y + 1, r - 1));
642
629
  break;
643
630
 
644
631
  case "up":
645
- Z(Math.max(J - 1, 0));
632
+ G(Math.max(Y - 1, 0));
646
633
  break;
647
634
 
648
635
  default:
649
636
  // do nothing
650
637
  }
651
- } else if ((0, h.addsCharacter)(r.nativeEvent) !== false || // Safari 9.0 returns undefined
638
+ } else if ((0, h.addsCharacter)(n.nativeEvent) !== false ||
639
+ // Safari 9.0 returns undefined
652
640
  t === "enter" || t === "backspace" || t === "down" || t === "up") {
653
- Ee();
641
+ xe();
654
642
  }
655
- L === null || L === void 0 ? void 0 : L(r);
643
+ L === null || L === void 0 ? void 0 : L(n);
656
644
  };
657
645
  var Ve = function e() {
658
646
  if (!ne && !s) {
659
- Ee();
647
+ xe();
660
648
  }
661
649
  };
662
- var Ke = function e(r) {
663
- var n = r.event, t = r.reason;
664
- var o = t === "offScreen" || t === "escapeKey" || t === "clickAway" && we.current && !ue(we.current, n);
650
+ var Ke = function e(n) {
651
+ var r = n.event, t = n.reason;
652
+ var o = t === "offScreen" || t === "escapeKey" || t === "clickAway" && Se.current && !de(Se.current, r);
665
653
  if (o) {
666
- _e();
654
+ Ae();
667
655
  }
668
656
  };
669
- var Fe = function e(r) {
670
- if (Re.current !== J) {
671
- r === null || r === void 0 ? void 0 : r.scrollIntoViewIfNeeded();
657
+ var Ne = function e(n) {
658
+ if (Ie.current !== Y) {
659
+ n === null || n === void 0 ? void 0 : n.scrollIntoViewIfNeeded();
672
660
  }
673
661
  };
674
- var We = function e(r) {
675
- var a = r.anchorWidth, u = r.maxHeight;
676
- var l = n.Children.toArray(i).filter(n.isValidElement);
677
- // Highlight Active
678
- Ie.current = undefined;
679
- // Only update the menu options if they are valid and the dropdown is open.
662
+ var Fe = function e(n) {
663
+ var a = n.anchorWidth, u = n.maxHeight;
664
+ var l = r.Children.toArray(i).filter(r.isValidElement);
665
+ // Highlight Active
666
+ Me.current = undefined;
667
+ // Only update the menu options if they are valid and the dropdown is open.
680
668
  // This is necessary to handle the outro animation of the dropdown.
681
669
  if (z && ne) {
682
- Ce.current = l.map((function(e, r) {
683
- var t = function r(n, t) {
670
+ Ce.current = l.map((function(e, n) {
671
+ var t = function n(r, t) {
684
672
  var o, i;
685
- var a = (o = (i = e.props).onClick) === null || o === void 0 ? void 0 : o.call(i, n, t);
673
+ var a = (o = (i = e.props).onClick) === null || o === void 0 ? void 0 : o.call(i, r, t);
686
674
  if (a !== false) {
687
- He(n, t);
675
+ He(r, t);
688
676
  }
689
677
  };
690
678
  if (!c()(e.props, "active")) {
691
679
  // ignore Headings and Dividers
692
680
  return e;
693
681
  }
694
- if (r === J) {
682
+ if (n === Y) {
695
683
  if (!e.props.disabled) {
696
- Ie.current = e.props.value;
684
+ Me.current = e.props.value;
697
685
  }
698
686
 
699
- return (0, n.cloneElement)(e, {
700
- ref: Fe,
687
+ return (0, r.cloneElement)(e, {
688
+ ref: Ne,
701
689
  id: Oe,
702
690
  onClick: t,
703
691
  active: true
704
692
  });
705
693
  }
706
694
 
707
- return (0, n.cloneElement)(e, {
695
+ return (0, r.cloneElement)(e, {
708
696
  onClick: t
709
697
  });
710
698
  }));
711
699
  }
712
- var f = le({
700
+ var f = ve({
713
701
  anchorWidth: a,
714
702
  maxHeight: u,
715
- menuStyle: E
703
+ menuStyle: x
716
704
  });
717
705
 
718
- return t().createElement(k(), Y({
706
+ return t().createElement(k(), J({
719
707
  style: f,
720
708
  focusMode: "never",
721
- isLoading: M
722
- }, b()(N, "onScroll"), {
723
- noOptionsMessage: A,
709
+ isLoading: R
710
+ }, b()(W, "onScroll"), {
711
+ noOptionsMessage: B,
724
712
  footerMessage: O,
725
713
  animateLoading: o,
726
714
  loadingMessage: q,
727
715
  menuId: ge
728
716
  }), Ce.current);
729
717
  };
730
- var Ne = qe();
731
- var ze = xe();
732
- var Ue = ne && !!we.current && z;
718
+ var We = qe();
719
+ var ze = De();
720
+ var Ue = ne && !!Se.current && z;
733
721
  var Xe = z ? "combobox" : "searchbox";
734
722
  var Ye = {
735
- "aria-activedescendant": Ue && J > -1 ? Oe : undefined,
736
- "aria-expanded": z ? ne && !!we.current : undefined,
723
+ "aria-activedescendant": Ue && Y > -1 ? Oe : undefined,
724
+ "aria-expanded": z ? ne && !!Se.current : undefined,
737
725
  "aria-controls": Ue ? ge : undefined
738
726
  };
739
727
 
740
- return t().createElement(R(), Y({
728
+ return t().createElement(I(), J({
741
729
  "data-test": "search"
742
- }, v()(N, "onScroll"), {
730
+ }, v()(W, "onScroll"), {
743
731
  appearance: "search",
744
732
  autoCapitalize: "off",
745
733
  autoComplete: "off",
746
734
  autoCorrect: "off",
747
735
  "data-test-popover-id": he,
748
736
  "data-test-label": ze,
749
- "data-test-value": Ne,
737
+ "data-test-value": We,
750
738
  "data-test-open": Ue,
751
739
  describedBy: l,
752
740
  disabled: s,
753
- elementRef: Me,
741
+ elementRef: Re,
754
742
  error: g,
755
743
  inline: P,
756
- inputRef: De,
757
- labelledBy: D,
758
- name: _,
759
- onFocus: Be,
744
+ inputRef: Ee,
745
+ labelledBy: E,
746
+ name: A,
747
+ onFocus: Te,
760
748
  onClick: Ve,
761
- onChange: Te,
749
+ onChange: _e,
762
750
  onKeyDown: Le,
763
- placeholder: F,
751
+ placeholder: N,
764
752
  spellCheck: false,
765
753
  value: ze,
766
754
  role: Xe
767
- }, Ye), t().createElement(S(), {
755
+ }, Ye), t().createElement(j(), {
768
756
  anchor: function() {
769
- return we.current;
757
+ return Se.current;
770
758
  }(),
771
759
  autoCloseWhenOffScreen: true,
772
760
  canCoverAnchor: false,
@@ -775,13 +763,13 @@
775
763
  onRequestClose: Ke,
776
764
  open: Ue,
777
765
  repositionMode: "flip"
778
- }, We));
766
+ }, Fe));
779
767
  }
780
- ce.propTypes = ae;
781
- ce.Option = U;
782
- ce.Divider = g.Divider;
783
- ce.Heading = g.Heading;
784
- /* harmony default export */ const fe = ce;
768
+ pe.propTypes = se;
769
+ pe.Option = Y;
770
+ pe.Divider = g.Divider;
771
+ pe.Heading = g.Heading;
772
+ /* harmony default export */ const be = pe;
785
773
  // CONCATENATED MODULE: ./src/Search/index.ts
786
- module.exports = r;
774
+ module.exports = n;
787
775
  /******/})();