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