@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.
- package/Accordion.js +131 -153
- package/Anchor.js +50 -58
- package/Animation.js +64 -59
- package/AnimationToggle.js +59 -61
- package/Box.js +59 -67
- package/Breadcrumbs.js +113 -127
- package/Button.js +151 -169
- package/ButtonGroup.js +41 -49
- package/ButtonSimple.js +264 -295
- package/CHANGELOG.md +49 -0
- package/Calendar.js +353 -414
- package/Card.js +186 -244
- package/CardLayout.js +86 -83
- package/Chip.js +136 -146
- package/Clickable.js +180 -198
- package/CloseButton.js +52 -60
- package/Code.js +24 -31
- package/CollapsiblePanel.js +172 -202
- package/Color.js +371 -412
- package/ColumnLayout.js +72 -96
- package/ComboBox.js +266 -303
- package/Concertina.js +406 -454
- package/ControlGroup.js +178 -210
- package/Date.js +116 -131
- package/DefinitionList.js +125 -149
- package/Divider.js +81 -79
- package/Dropdown.js +226 -237
- package/DualListbox.js +150 -186
- package/EventListener.js +4 -1
- package/File.js +1032 -955
- package/FormRows.js +281 -334
- package/Heading.js +27 -35
- package/Image.js +101 -116
- package/JSONTree.js +301 -344
- package/Layer.js +118 -126
- package/Link.js +141 -159
- package/List.js +61 -77
- package/MIGRATION.mdx +123 -38
- package/Markdown.js +288 -347
- package/Menu.js +506 -532
- package/Message.js +197 -207
- package/MessageBar.js +58 -66
- package/Modal.js +241 -290
- package/ModalLayer.js +130 -148
- package/Monogram.js +138 -138
- package/Multiselect.js +3137 -3433
- package/Number.js +164 -178
- package/Paginator.js +296 -335
- package/Paragraph.js +24 -32
- package/Popover.js +450 -442
- package/Progress.js +65 -75
- package/RadioBar.js +301 -303
- package/RadioList.js +77 -119
- package/Resize.js +105 -127
- package/ResultsMenu.js +373 -385
- package/ScreenReaderContent.js +50 -58
- package/Scroll.js +209 -244
- package/Search.js +379 -391
- package/Select.js +2085 -2345
- package/SidePanel.js +122 -142
- package/Slider.js +132 -145
- package/SlidingPanels.js +238 -270
- package/SplitButton.d.ts +2 -0
- package/SplitButton.js +222 -245
- package/StaticContent.js +68 -76
- package/StepBar.js +206 -205
- package/Switch.js +176 -205
- package/TabBar.js +235 -268
- package/TabLayout.js +122 -141
- package/Table.js +2103 -2261
- package/Text.js +379 -493
- package/TextArea.js +411 -441
- package/Tooltip.js +116 -132
- package/TransitionOpen.js +160 -178
- package/Tree.js +268 -287
- package/Typography.js +48 -52
- package/WaitSpinner.js +61 -69
- package/cypress/support/commands.ts +9 -0
- package/cypress/support/index.d.ts +6 -0
- package/cypress/tsconfig.cypress.json +1 -0
- package/docker-compose.yml +0 -1
- package/package.json +15 -15
- package/types/src/Button/Button.d.ts +5 -1
- package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
- package/types/src/Card/Card.d.ts +1 -0
- package/types/src/Card/Footer.d.ts +1 -0
- package/types/src/Chip/Chip.d.ts +3 -6
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
- package/types/src/Color/Color.d.ts +2 -2
- package/types/src/Color/Palette.d.ts +4 -2
- package/types/src/ComboBox/ComboBox.d.ts +1 -1
- package/types/src/ComboBox/Option.d.ts +1 -1
- package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
- package/types/src/Date/Date.d.ts +2 -2
- package/types/src/File/File.d.ts +2 -3
- package/types/src/File/Retry.d.ts +1 -2
- package/types/src/Menu/Item.d.ts +18 -5
- package/types/src/Menu/Menu.d.ts +3 -3
- package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
- package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
- package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
- package/types/src/Multiselect/Compact.d.ts +1 -1
- package/types/src/Multiselect/Multiselect.d.ts +1 -1
- package/types/src/Multiselect/Normal.d.ts +1 -1
- package/types/src/Multiselect/Option.d.ts +2 -0
- package/types/src/Number/Number.d.ts +3 -3
- package/types/src/Popover/Popover.d.ts +3 -4
- package/types/src/RadioBar/RadioBar.d.ts +2 -2
- package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
- package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
- package/types/src/Search/Option.d.ts +9 -3
- package/types/src/Select/Option.d.ts +3 -1
- package/types/src/Select/OptionBase.d.ts +7 -5
- package/types/src/Select/Select.d.ts +4 -2
- package/types/src/Select/SelectAllOption.d.ts +4 -4
- package/types/src/Select/SelectBase.d.ts +104 -66
- package/types/src/Select/docs/examples/Appearance.d.ts +0 -2
- package/types/src/SidePanel/SidePanel.d.ts +1 -1
- package/types/src/Slider/Slider.d.ts +2 -2
- package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
- package/types/src/StepBar/Step.d.ts +1 -2
- package/types/src/Switch/Switch.d.ts +0 -1
- package/types/src/TabBar/Tab.d.ts +1 -1
- package/types/src/TabBar/TabBar.d.ts +3 -1
- package/types/src/TabLayout/TabLayout.d.ts +2 -0
- package/types/src/Table/Cell.d.ts +0 -2
- package/types/src/Table/HeadDropdownCell.d.ts +2 -0
- package/types/src/Table/HeadInner.d.ts +5 -1
- package/types/src/Table/Table.d.ts +0 -1
- package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
- package/types/src/Text/IconOutlinedHide.d.ts +1 -2
- package/types/src/Text/IconOutlinedView.d.ts +1 -2
- package/types/src/Text/Text.d.ts +2 -2
- package/types/src/TextArea/TextArea.d.ts +2 -2
- package/types/src/Tooltip/Tooltip.d.ts +4 -4
- package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
- package/types/src/WaitSpinner/WaitSpinner.d.ts +0 -1
- package/types/src/useControlled/index.d.ts +2 -0
- package/types/src/useControlled/useControlled.d.ts +21 -0
- package/types/src/useResizeObserver/index.d.ts +2 -0
- package/types/src/useResizeObserver/useResizeObserver.d.ts +12 -0
- package/useControlled.js +112 -0
- package/useForceUpdate.js +30 -32
- package/useKeyPress.d.ts +2 -0
- package/useKeyPress.js +1 -1
- package/useResizeObserver.d.ts +2 -0
- package/useResizeObserver.js +137 -0
- package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
- package/types/src/Chip/docs/examples/Basic.d.ts +0 -2
- package/types/src/Chip/docs/examples/prisma/Appearance.d.ts +0 -2
- package/types/src/Color/docs/examples/prisma/Controlled.d.ts +0 -2
- package/types/src/Color/docs/examples/prisma/ThemeVariables.d.ts +0 -1
- package/types/src/Color/docs/examples/prisma/Uncontrolled.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/Basic.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/BasicMenu.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/ControlledDropdown.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/Dialog.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/OtherToggles.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/ScrollingMenu.d.ts +0 -2
- package/types/src/File/docs/examples/prisma/Disabled.d.ts +0 -12
- package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
- package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
- package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
- package/types/src/Message/docs/examples/prisma/Title.d.ts +0 -2
- package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
- package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
- package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
- package/types/src/WaitSpinner/docs/examples/prisma/Basic.d.ts +0 -2
- /package/types/src/Color/docs/examples/{prisma/CustomizedPalette.d.ts → CustomizedPalette.d.ts} +0 -0
- /package/types/src/Color/docs/examples/{prisma/HideInput.d.ts → HideInput.d.ts} +0 -0
- /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
- /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 =
|
|
12
|
-
/******/ var
|
|
13
|
-
/******/ () =>
|
|
14
|
-
/******/ : () =>
|
|
11
|
+
/******/ e.n = n => {
|
|
12
|
+
/******/ var r = n && n.__esModule ?
|
|
13
|
+
/******/ () => n["default"]
|
|
14
|
+
/******/ : () => n
|
|
15
15
|
/******/;
|
|
16
|
-
e.d(
|
|
17
|
-
a:
|
|
16
|
+
e.d(r, {
|
|
17
|
+
a: r
|
|
18
18
|
});
|
|
19
|
-
/******/ return
|
|
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 = (
|
|
27
|
-
/******/ for (var t in
|
|
28
|
-
/******/ if (e.o(
|
|
29
|
-
/******/ Object.defineProperty(
|
|
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:
|
|
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,
|
|
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
|
|
59
|
+
/************************************************************************/ var n = {};
|
|
60
60
|
// ESM COMPAT FLAG
|
|
61
|
-
e.r(
|
|
61
|
+
e.r(n);
|
|
62
62
|
// EXPORTS
|
|
63
|
-
e.d(
|
|
63
|
+
e.d(n, {
|
|
64
64
|
Divider: () => /* reexport */ g.Divider,
|
|
65
65
|
Heading: () => /* reexport */ g.Heading,
|
|
66
|
-
Option: () => /* reexport */
|
|
67
|
-
default: () => /* reexport */
|
|
66
|
+
Option: () => /* reexport */ Y,
|
|
67
|
+
default: () => /* reexport */ be
|
|
68
68
|
});
|
|
69
69
|
// CONCATENATED MODULE: external "react"
|
|
70
|
-
const
|
|
71
|
-
var t = e.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
|
|
100
|
+
var w = e.n(O);
|
|
101
101
|
// CONCATENATED MODULE: external "@splunk/react-ui/Popover"
|
|
102
|
-
const
|
|
103
|
-
var
|
|
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
|
|
109
|
+
var I = e.n(C);
|
|
110
110
|
// CONCATENATED MODULE: ./src/Search/Option.tsx
|
|
111
|
-
function
|
|
111
|
+
function M(e) {
|
|
112
112
|
"@babel/helpers - typeof";
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
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
|
|
139
|
-
if (
|
|
140
|
-
var
|
|
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 (
|
|
145
|
-
|
|
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
|
|
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
|
|
166
|
-
if (
|
|
167
|
-
|
|
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
|
|
171
|
-
for (var
|
|
172
|
-
var t = r
|
|
173
|
-
t.enumerable = t.enumerable ||
|
|
174
|
-
t.
|
|
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
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
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
|
|
185
|
-
if (typeof
|
|
186
|
-
|
|
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:
|
|
192
|
-
configurable:
|
|
172
|
+
writable: !0,
|
|
173
|
+
configurable: !0
|
|
193
174
|
}
|
|
194
|
-
})
|
|
195
|
-
|
|
175
|
+
}), Object.defineProperty(e, "prototype", {
|
|
176
|
+
writable: !1
|
|
177
|
+
}), n && T(e, n);
|
|
196
178
|
}
|
|
197
|
-
function
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
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,
|
|
218
|
-
if (
|
|
219
|
-
|
|
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 (
|
|
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
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
return
|
|
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
|
|
242
|
-
return
|
|
243
|
-
};
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
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
|
|
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
|
|
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
|
|
286
|
-
|
|
287
|
-
var
|
|
288
|
-
function
|
|
267
|
+
*/ var X = function(e) {
|
|
268
|
+
B(r, e);
|
|
269
|
+
var n = _(r);
|
|
270
|
+
function r() {
|
|
289
271
|
var e;
|
|
290
|
-
|
|
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 =
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
var
|
|
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(
|
|
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
|
-
|
|
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
|
|
311
|
-
(
|
|
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
|
|
317
|
-
var
|
|
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,
|
|
321
|
-
ref: function e(
|
|
322
|
-
|
|
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
|
|
333
|
-
}(
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
/* harmony default export */ const
|
|
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
|
|
330
|
+
function $(e, n) {
|
|
346
331
|
if (e) {
|
|
347
332
|
if (typeof e === "function") {
|
|
348
|
-
e(
|
|
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 =
|
|
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
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
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
|
|
373
|
-
var
|
|
362
|
+
function Q(e, n) {
|
|
363
|
+
var r = Object.keys(e);
|
|
374
364
|
if (Object.getOwnPropertySymbols) {
|
|
375
365
|
var t = Object.getOwnPropertySymbols(e);
|
|
376
|
-
|
|
377
|
-
return Object.getOwnPropertyDescriptor(e,
|
|
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
|
|
370
|
+
return r;
|
|
382
371
|
}
|
|
383
|
-
function
|
|
384
|
-
for (var
|
|
385
|
-
var
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
}
|
|
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
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
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
|
|
414
|
-
return
|
|
405
|
+
function te(e, n) {
|
|
406
|
+
return le(e) || ue(e, n) || ie(e, n) || oe();
|
|
415
407
|
}
|
|
416
|
-
function
|
|
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
|
|
420
|
-
if (
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
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
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
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 (
|
|
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
|
-
|
|
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
|
|
447
|
+
function le(e) {
|
|
458
448
|
if (Array.isArray(e)) return e;
|
|
459
449
|
}
|
|
460
|
-
function
|
|
461
|
-
if (
|
|
462
|
-
var
|
|
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 (
|
|
467
|
-
|
|
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
|
|
474
|
-
}
|
|
475
|
-
function
|
|
476
|
-
if (
|
|
477
|
-
var
|
|
478
|
-
var t
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
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
|
|
470
|
+
return r;
|
|
486
471
|
}
|
|
487
|
-
|
|
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
|
|
517
|
-
var
|
|
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
|
|
506
|
+
return r > a && r < l && t > i && t < u;
|
|
520
507
|
}
|
|
521
|
-
var
|
|
522
|
-
var
|
|
508
|
+
var ve = s()((function(e) {
|
|
509
|
+
var n = e.anchorWidth, r = e.maxHeight, t = e.menuStyle;
|
|
523
510
|
return u()({
|
|
524
|
-
maxHeight:
|
|
511
|
+
maxHeight: r,
|
|
525
512
|
overflow: "auto",
|
|
526
|
-
width: Math.max(
|
|
513
|
+
width: Math.max(n !== null && n !== void 0 ? n : 0, 200)
|
|
527
514
|
}, t);
|
|
528
515
|
}));
|
|
529
|
-
function
|
|
530
|
-
var
|
|
531
|
-
m._)("Search...") : K,
|
|
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 ||
|
|
534
|
-
|
|
535
|
-
var U = (0,
|
|
536
|
-
var
|
|
537
|
-
var
|
|
538
|
-
var
|
|
539
|
-
var be = (0,
|
|
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 =
|
|
532
|
+
})), ye = te(be, 1), me = ye[0], he = me.popoverId, ge = me.menuId, Oe = me.activeItemId;
|
|
546
533
|
// previous state
|
|
547
|
-
var
|
|
548
|
-
|
|
549
|
-
var
|
|
550
|
-
var
|
|
551
|
-
var Pe = (0,
|
|
552
|
-
var ke = (0,
|
|
553
|
-
var Ce = (0,
|
|
554
|
-
var
|
|
555
|
-
var
|
|
556
|
-
var
|
|
557
|
-
|
|
558
|
-
|
|
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
|
|
561
|
-
|
|
562
|
-
|
|
547
|
+
var Ee = function e(n) {
|
|
548
|
+
$(je, n);
|
|
549
|
+
$(C, n);
|
|
563
550
|
};
|
|
564
551
|
var qe = function e() {
|
|
565
|
-
return Pe.current ?
|
|
552
|
+
return Pe.current ? F : se;
|
|
566
553
|
};
|
|
567
|
-
var
|
|
568
|
-
var
|
|
569
|
-
var t =
|
|
570
|
-
var o = !
|
|
571
|
-
return e.props.label !== undefined && e.props.value ===
|
|
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
|
|
563
|
+
return n;
|
|
577
564
|
};
|
|
578
|
-
var
|
|
579
|
-
|
|
580
|
-
|
|
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
|
-
|
|
590
|
-
|
|
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
|
|
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
|
-
|
|
586
|
+
xe();
|
|
600
587
|
}
|
|
601
|
-
H === null || H === void 0 ? void 0 : H(
|
|
588
|
+
H === null || H === void 0 ? void 0 : H(n, r);
|
|
602
589
|
};
|
|
603
|
-
var
|
|
604
|
-
var t =
|
|
590
|
+
var _e = function e(n, r) {
|
|
591
|
+
var t = r.value;
|
|
605
592
|
if (!Pe.current) {
|
|
606
593
|
pe(t);
|
|
607
594
|
}
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
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(
|
|
616
|
-
|
|
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(
|
|
622
|
-
var
|
|
623
|
-
var t = (0, h.keycode)(
|
|
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
|
-
|
|
624
|
+
Ae();
|
|
638
625
|
break;
|
|
639
626
|
|
|
640
627
|
case "down":
|
|
641
|
-
|
|
628
|
+
G(Math.min(Y + 1, r - 1));
|
|
642
629
|
break;
|
|
643
630
|
|
|
644
631
|
case "up":
|
|
645
|
-
|
|
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)(
|
|
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
|
-
|
|
641
|
+
xe();
|
|
654
642
|
}
|
|
655
|
-
L === null || L === void 0 ? void 0 : L(
|
|
643
|
+
L === null || L === void 0 ? void 0 : L(n);
|
|
656
644
|
};
|
|
657
645
|
var Ve = function e() {
|
|
658
646
|
if (!ne && !s) {
|
|
659
|
-
|
|
647
|
+
xe();
|
|
660
648
|
}
|
|
661
649
|
};
|
|
662
|
-
var Ke = function e(
|
|
663
|
-
var
|
|
664
|
-
var o = t === "offScreen" || t === "escapeKey" || t === "clickAway" &&
|
|
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
|
-
|
|
654
|
+
Ae();
|
|
667
655
|
}
|
|
668
656
|
};
|
|
669
|
-
var
|
|
670
|
-
if (
|
|
671
|
-
|
|
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
|
|
675
|
-
var a =
|
|
676
|
-
var l =
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
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,
|
|
683
|
-
var t = function r
|
|
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,
|
|
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(
|
|
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 (
|
|
682
|
+
if (n === Y) {
|
|
695
683
|
if (!e.props.disabled) {
|
|
696
|
-
|
|
684
|
+
Me.current = e.props.value;
|
|
697
685
|
}
|
|
698
686
|
|
|
699
|
-
return (0,
|
|
700
|
-
ref:
|
|
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,
|
|
695
|
+
return (0, r.cloneElement)(e, {
|
|
708
696
|
onClick: t
|
|
709
697
|
});
|
|
710
698
|
}));
|
|
711
699
|
}
|
|
712
|
-
var f =
|
|
700
|
+
var f = ve({
|
|
713
701
|
anchorWidth: a,
|
|
714
702
|
maxHeight: u,
|
|
715
|
-
menuStyle:
|
|
703
|
+
menuStyle: x
|
|
716
704
|
});
|
|
717
705
|
|
|
718
|
-
return t().createElement(k(),
|
|
706
|
+
return t().createElement(k(), J({
|
|
719
707
|
style: f,
|
|
720
708
|
focusMode: "never",
|
|
721
|
-
isLoading:
|
|
722
|
-
}, b()(
|
|
723
|
-
noOptionsMessage:
|
|
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
|
|
731
|
-
var ze =
|
|
732
|
-
var Ue = ne && !!
|
|
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 &&
|
|
736
|
-
"aria-expanded": z ? ne && !!
|
|
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(
|
|
728
|
+
return t().createElement(I(), J({
|
|
741
729
|
"data-test": "search"
|
|
742
|
-
}, v()(
|
|
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":
|
|
737
|
+
"data-test-value": We,
|
|
750
738
|
"data-test-open": Ue,
|
|
751
739
|
describedBy: l,
|
|
752
740
|
disabled: s,
|
|
753
|
-
elementRef:
|
|
741
|
+
elementRef: Re,
|
|
754
742
|
error: g,
|
|
755
743
|
inline: P,
|
|
756
|
-
inputRef:
|
|
757
|
-
labelledBy:
|
|
758
|
-
name:
|
|
759
|
-
onFocus:
|
|
744
|
+
inputRef: Ee,
|
|
745
|
+
labelledBy: E,
|
|
746
|
+
name: A,
|
|
747
|
+
onFocus: Te,
|
|
760
748
|
onClick: Ve,
|
|
761
|
-
onChange:
|
|
749
|
+
onChange: _e,
|
|
762
750
|
onKeyDown: Le,
|
|
763
|
-
placeholder:
|
|
751
|
+
placeholder: N,
|
|
764
752
|
spellCheck: false,
|
|
765
753
|
value: ze,
|
|
766
754
|
role: Xe
|
|
767
|
-
}, Ye), t().createElement(
|
|
755
|
+
}, Ye), t().createElement(j(), {
|
|
768
756
|
anchor: function() {
|
|
769
|
-
return
|
|
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
|
-
},
|
|
766
|
+
}, Fe));
|
|
779
767
|
}
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
/* harmony default export */ const
|
|
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 =
|
|
774
|
+
module.exports = n;
|
|
787
775
|
/******/})();
|