@splunk/react-ui 5.8.0 → 5.9.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/Anchor.js +2 -1
- package/CHANGELOG.md +22 -0
- package/Calendar.js +134 -134
- package/Clickable.js +131 -94
- package/CollapsiblePanel.js +173 -135
- package/ComboBox.js +1 -0
- package/Dropdown.js +27 -18
- package/File.js +35 -35
- package/Menu.js +259 -215
- package/Modal.js +174 -181
- package/Monogram.js +2 -2
- package/Multiselect.js +401 -321
- package/Number.js +2 -1
- package/Search.js +15 -14
- package/SelectBase.js +777 -719
- package/Table.js +116 -119
- package/Text.js +26 -26
- package/docs-llm/Avatar.md +2 -8
- package/docs-llm/Multiselect.md +5 -3
- package/docs-llm/Notifications.md +46 -0
- package/docs-llm/Tree.md +7 -2
- package/docs-llm/llms.txt +6 -2
- package/package.json +4 -4
- package/types/src/Multiselect/Compact.d.ts +8 -3
- package/types/src/Multiselect/Multiselect.d.ts +8 -3
- package/types/src/Multiselect/Normal.d.ts +8 -3
- package/types/src/Multiselect/Option.d.ts +6 -3
- package/types/src/Multiselect/docs/examples/Disabled.d.ts +1 -0
- package/types/src/SelectBase/SelectBase.d.ts +1 -1
package/Modal.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 = t => {
|
|
12
|
+
/******/ var r = t && t.__esModule ?
|
|
13
|
+
/******/ () => t["default"]
|
|
14
|
+
/******/ : () => t
|
|
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 n in
|
|
28
|
-
/******/ if (e.o(
|
|
29
|
-
/******/ Object.defineProperty(
|
|
26
|
+
/******/ e.d = (t, r) => {
|
|
27
|
+
/******/ for (var n in r) {
|
|
28
|
+
/******/ if (e.o(r, n) && !e.o(t, n)) {
|
|
29
|
+
/******/ Object.defineProperty(t, n, {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get:
|
|
31
|
+
get: r[n]
|
|
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, t) => Object.prototype.hasOwnProperty.call(e, t)
|
|
41
41
|
/******/;
|
|
42
42
|
})();
|
|
43
43
|
/******/
|
|
@@ -56,19 +56,19 @@
|
|
|
56
56
|
/******/ };
|
|
57
57
|
/******/ })();
|
|
58
58
|
/******/
|
|
59
|
-
/************************************************************************/ var
|
|
59
|
+
/************************************************************************/ var t = {};
|
|
60
60
|
// ESM COMPAT FLAG
|
|
61
|
-
e.r(
|
|
61
|
+
e.r(t);
|
|
62
62
|
// EXPORTS
|
|
63
|
-
e.d(
|
|
63
|
+
e.d(t, {
|
|
64
64
|
Body: () => /* reexport */ D,
|
|
65
65
|
Footer: () => /* reexport */ V,
|
|
66
66
|
Header: () => /* reexport */ ue,
|
|
67
67
|
default: () => /* reexport */ _e
|
|
68
68
|
});
|
|
69
69
|
// CONCATENATED MODULE: external "react"
|
|
70
|
-
const
|
|
71
|
-
var n = e.n(
|
|
70
|
+
const r = require("react");
|
|
71
|
+
var n = e.n(r);
|
|
72
72
|
// CONCATENATED MODULE: external "lodash/defer"
|
|
73
73
|
const o = require("lodash/defer");
|
|
74
74
|
var i = e.n(o);
|
|
@@ -102,58 +102,54 @@
|
|
|
102
102
|
var w = g()(O()).withConfig({
|
|
103
103
|
displayName: "BodyStyles__StyledBox",
|
|
104
104
|
componentId: "lv54z7-0"
|
|
105
|
-
})([ "background-color:", ";padding:", " ", ";flex:0 1 auto;overflow:auto;" ],
|
|
106
|
-
S.pick)({
|
|
107
|
-
enterprise: S.variables.backgroundColor,
|
|
108
|
-
prisma: S.variables.backgroundColorDialog
|
|
109
|
-
}), S.variables.spacingMedium, S.variables.spacingXLarge);
|
|
105
|
+
})([ "background-color:", ";padding:", " ", ";flex:0 1 auto;overflow:auto;" ], S.variables.backgroundColorDialog, S.variables.spacingMedium, S.variables.spacingXLarge);
|
|
110
106
|
// CONCATENATED MODULE: ./src/Modal/Body.tsx
|
|
111
107
|
function x() {
|
|
112
108
|
return x = Object.assign ? Object.assign.bind() : function(e) {
|
|
113
|
-
for (var
|
|
114
|
-
var
|
|
115
|
-
for (var n in
|
|
116
|
-
({}).hasOwnProperty.call(
|
|
109
|
+
for (var t = 1; t < arguments.length; t++) {
|
|
110
|
+
var r = arguments[t];
|
|
111
|
+
for (var n in r) {
|
|
112
|
+
({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
|
|
117
113
|
}
|
|
118
114
|
}
|
|
119
115
|
return e;
|
|
120
116
|
}, x.apply(null, arguments);
|
|
121
117
|
}
|
|
122
|
-
function j(e,
|
|
123
|
-
return I(e) || E(e,
|
|
118
|
+
function j(e, t) {
|
|
119
|
+
return I(e) || E(e, t) || k(e, t) || C();
|
|
124
120
|
}
|
|
125
121
|
function C() {
|
|
126
122
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
127
123
|
}
|
|
128
|
-
function k(e,
|
|
124
|
+
function k(e, t) {
|
|
129
125
|
if (e) {
|
|
130
|
-
if ("string" == typeof e) return P(e,
|
|
131
|
-
var
|
|
132
|
-
return "Object" ===
|
|
126
|
+
if ("string" == typeof e) return P(e, t);
|
|
127
|
+
var r = {}.toString.call(e).slice(8, -1);
|
|
128
|
+
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) ? P(e, t) : void 0;
|
|
133
129
|
}
|
|
134
130
|
}
|
|
135
|
-
function P(e,
|
|
136
|
-
(null ==
|
|
137
|
-
for (var
|
|
138
|
-
n[
|
|
131
|
+
function P(e, t) {
|
|
132
|
+
(null == t || t > e.length) && (t = e.length);
|
|
133
|
+
for (var r = 0, n = Array(t); r < t; r++) {
|
|
134
|
+
n[r] = e[r];
|
|
139
135
|
}
|
|
140
136
|
return n;
|
|
141
137
|
}
|
|
142
|
-
function E(e,
|
|
143
|
-
var
|
|
144
|
-
if (null !=
|
|
138
|
+
function E(e, t) {
|
|
139
|
+
var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
140
|
+
if (null != r) {
|
|
145
141
|
var n, o, i, a, l = [], u = !0, c = !1;
|
|
146
142
|
try {
|
|
147
|
-
if (i = (
|
|
148
|
-
if (Object(
|
|
143
|
+
if (i = (r = r.call(e)).next, 0 === t) {
|
|
144
|
+
if (Object(r) !== r) return;
|
|
149
145
|
u = !1;
|
|
150
|
-
} else for (;!(u = (n = i.call(
|
|
146
|
+
} else for (;!(u = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); u = !0) {
|
|
151
147
|
}
|
|
152
148
|
} catch (e) {
|
|
153
149
|
c = !0, o = e;
|
|
154
150
|
} finally {
|
|
155
151
|
try {
|
|
156
|
-
if (!u && null !=
|
|
152
|
+
if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
|
|
157
153
|
} finally {
|
|
158
154
|
if (c) throw o;
|
|
159
155
|
}
|
|
@@ -164,27 +160,27 @@
|
|
|
164
160
|
function I(e) {
|
|
165
161
|
if (Array.isArray(e)) return e;
|
|
166
162
|
}
|
|
167
|
-
function q(e,
|
|
163
|
+
function q(e, t) {
|
|
168
164
|
if (null == e) return {};
|
|
169
|
-
var
|
|
165
|
+
var r, n, o = _(e, t);
|
|
170
166
|
if (Object.getOwnPropertySymbols) {
|
|
171
167
|
var i = Object.getOwnPropertySymbols(e);
|
|
172
168
|
for (n = 0; n < i.length; n++) {
|
|
173
|
-
|
|
169
|
+
r = i[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
|
|
174
170
|
}
|
|
175
171
|
}
|
|
176
172
|
return o;
|
|
177
173
|
}
|
|
178
|
-
function _(e,
|
|
174
|
+
function _(e, t) {
|
|
179
175
|
if (null == e) return {};
|
|
180
|
-
var
|
|
176
|
+
var r = {};
|
|
181
177
|
for (var n in e) {
|
|
182
178
|
if ({}.hasOwnProperty.call(e, n)) {
|
|
183
|
-
if (-1 !==
|
|
184
|
-
|
|
179
|
+
if (-1 !== t.indexOf(n)) continue;
|
|
180
|
+
r[n] = e[n];
|
|
185
181
|
}
|
|
186
182
|
}
|
|
187
|
-
return
|
|
183
|
+
return r;
|
|
188
184
|
}
|
|
189
185
|
var T = {
|
|
190
186
|
children: c().node
|
|
@@ -192,10 +188,10 @@
|
|
|
192
188
|
/**
|
|
193
189
|
* A styled container for `Modal` body content.
|
|
194
190
|
*/ function A(e) {
|
|
195
|
-
var
|
|
191
|
+
var t = e.children, o = q(e, [ "children" ]);
|
|
196
192
|
// @docs-props-type BodyPropsBase
|
|
197
|
-
var i = (0,
|
|
198
|
-
var c = (0,
|
|
193
|
+
var i = (0, r.useState)(), a = j(i, 2), l = a[0], u = a[1];
|
|
194
|
+
var c = (0, r.useCallback)((function(e) {
|
|
199
195
|
u(e);
|
|
200
196
|
}), []);
|
|
201
197
|
|
|
@@ -205,7 +201,7 @@
|
|
|
205
201
|
ref: c
|
|
206
202
|
}), n().createElement(b.ScrollContainerProvider, {
|
|
207
203
|
value: l
|
|
208
|
-
},
|
|
204
|
+
}, t));
|
|
209
205
|
}
|
|
210
206
|
A.propTypes = T;
|
|
211
207
|
/* harmony default export */ const D = A;
|
|
@@ -222,41 +218,41 @@
|
|
|
222
218
|
none: (0, m.css)([ "text-align:right;" ])
|
|
223
219
|
}));
|
|
224
220
|
// CONCATENATED MODULE: ./src/Modal/ModalContext.tsx
|
|
225
|
-
var F = (0,
|
|
221
|
+
var F = (0, r.createContext)({});
|
|
226
222
|
/* harmony default export */ const N = F;
|
|
227
223
|
// CONCATENATED MODULE: ./src/Modal/Footer.tsx
|
|
228
224
|
function L() {
|
|
229
225
|
return L = Object.assign ? Object.assign.bind() : function(e) {
|
|
230
|
-
for (var
|
|
231
|
-
var
|
|
232
|
-
for (var n in
|
|
233
|
-
({}).hasOwnProperty.call(
|
|
226
|
+
for (var t = 1; t < arguments.length; t++) {
|
|
227
|
+
var r = arguments[t];
|
|
228
|
+
for (var n in r) {
|
|
229
|
+
({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
|
|
234
230
|
}
|
|
235
231
|
}
|
|
236
232
|
return e;
|
|
237
233
|
}, L.apply(null, arguments);
|
|
238
234
|
}
|
|
239
|
-
function H(e,
|
|
235
|
+
function H(e, t) {
|
|
240
236
|
if (null == e) return {};
|
|
241
|
-
var
|
|
237
|
+
var r, n, o = X(e, t);
|
|
242
238
|
if (Object.getOwnPropertySymbols) {
|
|
243
239
|
var i = Object.getOwnPropertySymbols(e);
|
|
244
240
|
for (n = 0; n < i.length; n++) {
|
|
245
|
-
|
|
241
|
+
r = i[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
|
|
246
242
|
}
|
|
247
243
|
}
|
|
248
244
|
return o;
|
|
249
245
|
}
|
|
250
|
-
function X(e,
|
|
246
|
+
function X(e, t) {
|
|
251
247
|
if (null == e) return {};
|
|
252
|
-
var
|
|
248
|
+
var r = {};
|
|
253
249
|
for (var n in e) {
|
|
254
250
|
if ({}.hasOwnProperty.call(e, n)) {
|
|
255
|
-
if (-1 !==
|
|
256
|
-
|
|
251
|
+
if (-1 !== t.indexOf(n)) continue;
|
|
252
|
+
r[n] = e[n];
|
|
257
253
|
}
|
|
258
254
|
}
|
|
259
|
-
return
|
|
255
|
+
return r;
|
|
260
256
|
}
|
|
261
257
|
var z = {
|
|
262
258
|
children: c().node,
|
|
@@ -265,9 +261,9 @@
|
|
|
265
261
|
/**
|
|
266
262
|
* A styled container for `Modal` footer content.
|
|
267
263
|
*/ function $(e) {
|
|
268
|
-
var
|
|
264
|
+
var t = e.children, o = e.layout, i = o === void 0 ? "auto" : o, a = H(e, [ "children", "layout" ]);
|
|
269
265
|
// @docs-props-type FooterPropsBase
|
|
270
|
-
var l = (0,
|
|
266
|
+
var l = (0, r.useContext)(N), u = l.divider;
|
|
271
267
|
var c = u === "both" || u === "footer";
|
|
272
268
|
|
|
273
269
|
return n().createElement(n().Fragment, null, c && n().createElement(R(), {
|
|
@@ -276,7 +272,7 @@
|
|
|
276
272
|
}), n().createElement(B, L({
|
|
277
273
|
"data-test": "footer",
|
|
278
274
|
$layout: i
|
|
279
|
-
}, a),
|
|
275
|
+
}, a), t));
|
|
280
276
|
}
|
|
281
277
|
$.propTypes = z;
|
|
282
278
|
/* harmony default export */ const V = $;
|
|
@@ -299,10 +295,7 @@
|
|
|
299
295
|
comfortable: "60px",
|
|
300
296
|
compact: "52px"
|
|
301
297
|
}
|
|
302
|
-
}),
|
|
303
|
-
enterprise: S.variables.backgroundColor,
|
|
304
|
-
prisma: S.variables.backgroundColorDialog
|
|
305
|
-
}), S.variables.spacingLarge, S.variables.spacingXLarge, S.variables.spacingSmall);
|
|
298
|
+
}), S.variables.backgroundColorDialog, S.variables.spacingLarge, S.variables.spacingXLarge, S.variables.spacingSmall);
|
|
306
299
|
var Y = g().div.withConfig({
|
|
307
300
|
displayName: "HeaderStyles__StyledTitleWrapper",
|
|
308
301
|
componentId: "sc-1y722ut-1"
|
|
@@ -315,43 +308,43 @@
|
|
|
315
308
|
displayName: "HeaderStyles__StyledSubtitle",
|
|
316
309
|
componentId: "sc-1y722ut-3"
|
|
317
310
|
})([ "", ";overflow-wrap:break-word;" ], S.mixins.reset("block"));
|
|
318
|
-
var
|
|
311
|
+
var te = g()(J()).withConfig({
|
|
319
312
|
displayName: "HeaderStyles__StyledButton",
|
|
320
313
|
componentId: "sc-1y722ut-4"
|
|
321
314
|
})([ "flex-shrink:0;flex-grow:0;align-self:flex-start;margin-left:auto;" ]);
|
|
322
315
|
// CONCATENATED MODULE: ./src/Modal/Header.tsx
|
|
323
|
-
function
|
|
324
|
-
return
|
|
325
|
-
for (var
|
|
326
|
-
var
|
|
327
|
-
for (var n in
|
|
328
|
-
({}).hasOwnProperty.call(
|
|
316
|
+
function re() {
|
|
317
|
+
return re = Object.assign ? Object.assign.bind() : function(e) {
|
|
318
|
+
for (var t = 1; t < arguments.length; t++) {
|
|
319
|
+
var r = arguments[t];
|
|
320
|
+
for (var n in r) {
|
|
321
|
+
({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
|
|
329
322
|
}
|
|
330
323
|
}
|
|
331
324
|
return e;
|
|
332
|
-
},
|
|
325
|
+
}, re.apply(null, arguments);
|
|
333
326
|
}
|
|
334
|
-
function ne(e,
|
|
327
|
+
function ne(e, t) {
|
|
335
328
|
if (null == e) return {};
|
|
336
|
-
var
|
|
329
|
+
var r, n, o = oe(e, t);
|
|
337
330
|
if (Object.getOwnPropertySymbols) {
|
|
338
331
|
var i = Object.getOwnPropertySymbols(e);
|
|
339
332
|
for (n = 0; n < i.length; n++) {
|
|
340
|
-
|
|
333
|
+
r = i[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
|
|
341
334
|
}
|
|
342
335
|
}
|
|
343
336
|
return o;
|
|
344
337
|
}
|
|
345
|
-
function oe(e,
|
|
338
|
+
function oe(e, t) {
|
|
346
339
|
if (null == e) return {};
|
|
347
|
-
var
|
|
340
|
+
var r = {};
|
|
348
341
|
for (var n in e) {
|
|
349
342
|
if ({}.hasOwnProperty.call(e, n)) {
|
|
350
|
-
if (-1 !==
|
|
351
|
-
|
|
343
|
+
if (-1 !== t.indexOf(n)) continue;
|
|
344
|
+
r[n] = e[n];
|
|
352
345
|
}
|
|
353
346
|
}
|
|
354
|
-
return
|
|
347
|
+
return r;
|
|
355
348
|
}
|
|
356
349
|
var ie = {
|
|
357
350
|
children: c().node,
|
|
@@ -367,22 +360,22 @@
|
|
|
367
360
|
/**
|
|
368
361
|
* A styled container for `Modal` header content.
|
|
369
362
|
*/ function le(e) {
|
|
370
|
-
var
|
|
363
|
+
var t = e.children, o = e.icon, i = e.hideCloseButton, a = i === void 0 ? false : i, l = e.title, u = e.subtitle, c = ne(e, [ "children", "icon", "hideCloseButton", "title", "subtitle" ]);
|
|
371
364
|
// @docs-props-type HeaderPropsBase
|
|
372
|
-
var s = (0,
|
|
365
|
+
var s = (0, r.useContext)(N), f = s.titleId, d = s.subtitleId, p = s.divider, y = s.onRequestClose;
|
|
373
366
|
var v = p === "both" || p === "header";
|
|
374
|
-
var b = (0,
|
|
367
|
+
var b = (0, r.isValidElement)(o) && (0, r.cloneElement)(o, {
|
|
375
368
|
width: o.props.width || "48px",
|
|
376
369
|
height: o.props.height || "48px"
|
|
377
370
|
});
|
|
378
|
-
var m = (0,
|
|
371
|
+
var m = (0, r.useCallback)((function(e) {
|
|
379
372
|
y === null || y === void 0 ? void 0 : y({
|
|
380
373
|
event: e,
|
|
381
374
|
reason: "clickCloseButton"
|
|
382
375
|
});
|
|
383
376
|
}), [ y ]);
|
|
384
377
|
|
|
385
|
-
return n().createElement(n().Fragment, null, n().createElement(Q,
|
|
378
|
+
return n().createElement(n().Fragment, null, n().createElement(Q, re({
|
|
386
379
|
"data-test": "header"
|
|
387
380
|
}, c), b, l ? n().createElement(Y, null, l && n().createElement(Z, {
|
|
388
381
|
id: f,
|
|
@@ -390,7 +383,7 @@
|
|
|
390
383
|
}, l), u && n().createElement(ee, {
|
|
391
384
|
id: d,
|
|
392
385
|
"data-test": "subtitle"
|
|
393
|
-
}, u)) :
|
|
386
|
+
}, u)) : t, !a && y && n().createElement(te, {
|
|
394
387
|
appearance: "subtle",
|
|
395
388
|
"aria-label": (0, W._)("Close"),
|
|
396
389
|
"data-test": "close",
|
|
@@ -426,13 +419,13 @@
|
|
|
426
419
|
* @returns The element or component to focus, or null if none found
|
|
427
420
|
*/;
|
|
428
421
|
}
|
|
429
|
-
function de(e,
|
|
430
|
-
if (e === "first" &&
|
|
431
|
-
var
|
|
432
|
-
return (
|
|
422
|
+
function de(e, t) {
|
|
423
|
+
if (e === "first" && t) {
|
|
424
|
+
var r;
|
|
425
|
+
return (r = (0, y.getSortedTabbableElements)(t)[0]) !== null && r !== void 0 ? r : null;
|
|
433
426
|
}
|
|
434
427
|
if (e === "container") {
|
|
435
|
-
return
|
|
428
|
+
return t;
|
|
436
429
|
}
|
|
437
430
|
if (fe(e) === "object") {
|
|
438
431
|
return e;
|
|
@@ -446,14 +439,14 @@
|
|
|
446
439
|
* @param ref - The React callback or object ref. Can be `null` or `undefined`.
|
|
447
440
|
* @param current - The new value of the ref.
|
|
448
441
|
*/
|
|
449
|
-
function pe(e,
|
|
442
|
+
function pe(e, t) {
|
|
450
443
|
if (e) {
|
|
451
444
|
if (typeof e === "function") {
|
|
452
|
-
e(
|
|
445
|
+
e(t);
|
|
453
446
|
} else {
|
|
454
447
|
// the public signature of this util uses React.Ref<T> to mirror the way React types refs.
|
|
455
448
|
// the intention here is to signal "we will take care of setting 'current', not you".
|
|
456
|
-
e.current =
|
|
449
|
+
e.current = t;
|
|
457
450
|
// eslint-disable-line no-param-reassign
|
|
458
451
|
}
|
|
459
452
|
}
|
|
@@ -469,93 +462,93 @@
|
|
|
469
462
|
}
|
|
470
463
|
function ve() {
|
|
471
464
|
return ve = Object.assign ? Object.assign.bind() : function(e) {
|
|
472
|
-
for (var
|
|
473
|
-
var
|
|
474
|
-
for (var n in
|
|
475
|
-
({}).hasOwnProperty.call(
|
|
465
|
+
for (var t = 1; t < arguments.length; t++) {
|
|
466
|
+
var r = arguments[t];
|
|
467
|
+
for (var n in r) {
|
|
468
|
+
({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
|
|
476
469
|
}
|
|
477
470
|
}
|
|
478
471
|
return e;
|
|
479
472
|
}, ve.apply(null, arguments);
|
|
480
473
|
}
|
|
481
|
-
function be(e,
|
|
482
|
-
var
|
|
474
|
+
function be(e, t) {
|
|
475
|
+
var r = Object.keys(e);
|
|
483
476
|
if (Object.getOwnPropertySymbols) {
|
|
484
477
|
var n = Object.getOwnPropertySymbols(e);
|
|
485
|
-
|
|
486
|
-
return Object.getOwnPropertyDescriptor(e,
|
|
487
|
-
}))),
|
|
478
|
+
t && (n = n.filter((function(t) {
|
|
479
|
+
return Object.getOwnPropertyDescriptor(e, t).enumerable;
|
|
480
|
+
}))), r.push.apply(r, n);
|
|
488
481
|
}
|
|
489
|
-
return
|
|
482
|
+
return r;
|
|
490
483
|
}
|
|
491
484
|
function me(e) {
|
|
492
|
-
for (var
|
|
493
|
-
var
|
|
494
|
-
|
|
495
|
-
ge(e,
|
|
496
|
-
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(
|
|
497
|
-
Object.defineProperty(e,
|
|
485
|
+
for (var t = 1; t < arguments.length; t++) {
|
|
486
|
+
var r = null != arguments[t] ? arguments[t] : {};
|
|
487
|
+
t % 2 ? be(Object(r), !0).forEach((function(t) {
|
|
488
|
+
ge(e, t, r[t]);
|
|
489
|
+
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : be(Object(r)).forEach((function(t) {
|
|
490
|
+
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
|
|
498
491
|
}));
|
|
499
492
|
}
|
|
500
493
|
return e;
|
|
501
494
|
}
|
|
502
|
-
function ge(e,
|
|
503
|
-
return (
|
|
504
|
-
value:
|
|
495
|
+
function ge(e, t, r) {
|
|
496
|
+
return (t = he(t)) in e ? Object.defineProperty(e, t, {
|
|
497
|
+
value: r,
|
|
505
498
|
enumerable: !0,
|
|
506
499
|
configurable: !0,
|
|
507
500
|
writable: !0
|
|
508
|
-
}) : e[
|
|
501
|
+
}) : e[t] = r, e;
|
|
509
502
|
}
|
|
510
503
|
function he(e) {
|
|
511
|
-
var
|
|
512
|
-
return "symbol" == ye(
|
|
504
|
+
var t = Oe(e, "string");
|
|
505
|
+
return "symbol" == ye(t) ? t : t + "";
|
|
513
506
|
}
|
|
514
|
-
function Oe(e,
|
|
507
|
+
function Oe(e, t) {
|
|
515
508
|
if ("object" != ye(e) || !e) return e;
|
|
516
|
-
var
|
|
517
|
-
if (void 0 !==
|
|
518
|
-
var n =
|
|
509
|
+
var r = e[Symbol.toPrimitive];
|
|
510
|
+
if (void 0 !== r) {
|
|
511
|
+
var n = r.call(e, t || "default");
|
|
519
512
|
if ("object" != ye(n)) return n;
|
|
520
513
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
521
514
|
}
|
|
522
|
-
return ("string" ===
|
|
515
|
+
return ("string" === t ? String : Number)(e);
|
|
523
516
|
}
|
|
524
|
-
function Se(e,
|
|
525
|
-
return ke(e) || Ce(e,
|
|
517
|
+
function Se(e, t) {
|
|
518
|
+
return ke(e) || Ce(e, t) || xe(e, t) || we();
|
|
526
519
|
}
|
|
527
520
|
function we() {
|
|
528
521
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
529
522
|
}
|
|
530
|
-
function xe(e,
|
|
523
|
+
function xe(e, t) {
|
|
531
524
|
if (e) {
|
|
532
|
-
if ("string" == typeof e) return je(e,
|
|
533
|
-
var
|
|
534
|
-
return "Object" ===
|
|
525
|
+
if ("string" == typeof e) return je(e, t);
|
|
526
|
+
var r = {}.toString.call(e).slice(8, -1);
|
|
527
|
+
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) ? je(e, t) : void 0;
|
|
535
528
|
}
|
|
536
529
|
}
|
|
537
|
-
function je(e,
|
|
538
|
-
(null ==
|
|
539
|
-
for (var
|
|
540
|
-
n[
|
|
530
|
+
function je(e, t) {
|
|
531
|
+
(null == t || t > e.length) && (t = e.length);
|
|
532
|
+
for (var r = 0, n = Array(t); r < t; r++) {
|
|
533
|
+
n[r] = e[r];
|
|
541
534
|
}
|
|
542
535
|
return n;
|
|
543
536
|
}
|
|
544
|
-
function Ce(e,
|
|
545
|
-
var
|
|
546
|
-
if (null !=
|
|
537
|
+
function Ce(e, t) {
|
|
538
|
+
var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
539
|
+
if (null != r) {
|
|
547
540
|
var n, o, i, a, l = [], u = !0, c = !1;
|
|
548
541
|
try {
|
|
549
|
-
if (i = (
|
|
550
|
-
if (Object(
|
|
542
|
+
if (i = (r = r.call(e)).next, 0 === t) {
|
|
543
|
+
if (Object(r) !== r) return;
|
|
551
544
|
u = !1;
|
|
552
|
-
} else for (;!(u = (n = i.call(
|
|
545
|
+
} else for (;!(u = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); u = !0) {
|
|
553
546
|
}
|
|
554
547
|
} catch (e) {
|
|
555
548
|
c = !0, o = e;
|
|
556
549
|
} finally {
|
|
557
550
|
try {
|
|
558
|
-
if (!u && null !=
|
|
551
|
+
if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
|
|
559
552
|
} finally {
|
|
560
553
|
if (c) throw o;
|
|
561
554
|
}
|
|
@@ -566,27 +559,27 @@
|
|
|
566
559
|
function ke(e) {
|
|
567
560
|
if (Array.isArray(e)) return e;
|
|
568
561
|
}
|
|
569
|
-
function Pe(e,
|
|
562
|
+
function Pe(e, t) {
|
|
570
563
|
if (null == e) return {};
|
|
571
|
-
var
|
|
564
|
+
var r, n, o = Ee(e, t);
|
|
572
565
|
if (Object.getOwnPropertySymbols) {
|
|
573
566
|
var i = Object.getOwnPropertySymbols(e);
|
|
574
567
|
for (n = 0; n < i.length; n++) {
|
|
575
|
-
|
|
568
|
+
r = i[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
|
|
576
569
|
}
|
|
577
570
|
}
|
|
578
571
|
return o;
|
|
579
572
|
}
|
|
580
|
-
function Ee(e,
|
|
573
|
+
function Ee(e, t) {
|
|
581
574
|
if (null == e) return {};
|
|
582
|
-
var
|
|
575
|
+
var r = {};
|
|
583
576
|
for (var n in e) {
|
|
584
577
|
if ({}.hasOwnProperty.call(e, n)) {
|
|
585
|
-
if (-1 !==
|
|
586
|
-
|
|
578
|
+
if (-1 !== t.indexOf(n)) continue;
|
|
579
|
+
r[n] = e[n];
|
|
587
580
|
}
|
|
588
581
|
}
|
|
589
|
-
return
|
|
582
|
+
return r;
|
|
590
583
|
}
|
|
591
584
|
/** @public */ var Ie = {
|
|
592
585
|
children: c().node,
|
|
@@ -599,26 +592,26 @@
|
|
|
599
592
|
returnFocus: c().oneOfType([ c().func, c().object ]).isRequired
|
|
600
593
|
};
|
|
601
594
|
function qe(e) {
|
|
602
|
-
var
|
|
595
|
+
var t = e.children, o = e.closeOnClickAway, a = e.elementRef, u = e.divider, c = u === void 0 ? "both" : u, s = e.initialFocus, d = s === void 0 ? "first" : s, b = e.onRequestClose, m = e.open, g = m === void 0 ? false : m, h = e.returnFocus, O = e.style, S = Pe(e, [ "children", "closeOnClickAway", "elementRef", "divider", "initialFocus", "onRequestClose", "open", "returnFocus", "style" ]);
|
|
603
596
|
// @docs-props-type ModalPropsBase
|
|
604
|
-
var w = (0,
|
|
597
|
+
var w = (0, r.useRef)(null);
|
|
605
598
|
// this timeout ensures that the Modal is finished rendering before setting the focus
|
|
606
599
|
var x;
|
|
607
|
-
var j = (0,
|
|
608
|
-
var C = (0,
|
|
609
|
-
var k = (0,
|
|
600
|
+
var j = (0, r.useRef)(undefined);
|
|
601
|
+
var C = (0, r.useRef)(null);
|
|
602
|
+
var k = (0, r.useState)((function() {
|
|
610
603
|
return {
|
|
611
604
|
headerTitleId: (0, v.createDOMID)("titleId"),
|
|
612
605
|
headerSubtitleId: (0, v.createDOMID)("subtitleId")
|
|
613
606
|
};
|
|
614
607
|
})), P = Se(k, 1), E = P[0], I = E.headerTitleId, q = E.headerSubtitleId;
|
|
615
608
|
var _ = p()(g);
|
|
616
|
-
var T = (0,
|
|
609
|
+
var T = (0, r.useCallback)((function() {
|
|
617
610
|
return {
|
|
618
611
|
top: 0
|
|
619
612
|
};
|
|
620
613
|
}), []);
|
|
621
|
-
var A = (0,
|
|
614
|
+
var A = (0, r.useCallback)((function() {
|
|
622
615
|
if (g) {
|
|
623
616
|
return {
|
|
624
617
|
top: 40
|
|
@@ -628,7 +621,7 @@
|
|
|
628
621
|
top: 0
|
|
629
622
|
};
|
|
630
623
|
}), [ g ]);
|
|
631
|
-
var D = (0,
|
|
624
|
+
var D = (0, r.useCallback)((function(e) {
|
|
632
625
|
if (g) {
|
|
633
626
|
j.current = i()((function() {
|
|
634
627
|
// not using the takeFocus() util here because it
|
|
@@ -656,15 +649,15 @@
|
|
|
656
649
|
h();
|
|
657
650
|
} else {
|
|
658
651
|
i()((function() {
|
|
659
|
-
var e,
|
|
660
|
-
(e = h.current) === null || e === void 0 ? void 0 : (
|
|
652
|
+
var e, t;
|
|
653
|
+
(e = h.current) === null || e === void 0 ? void 0 : (t = e.focus) === null || t === void 0 ? void 0 : t.call(e);
|
|
661
654
|
}));
|
|
662
655
|
}
|
|
663
656
|
}
|
|
664
657
|
}
|
|
665
658
|
}
|
|
666
659
|
}), [ d, g, h ]);
|
|
667
|
-
(0,
|
|
660
|
+
(0, r.useEffect)((function() {
|
|
668
661
|
if (C.current !== d) {
|
|
669
662
|
// cancel the defer() set up in handleInitialFocus()
|
|
670
663
|
// so that focus won't jump around if "initialFocus" changes
|
|
@@ -672,20 +665,20 @@
|
|
|
672
665
|
}
|
|
673
666
|
D(_);
|
|
674
667
|
}), [ D, d, g, x, _ ]);
|
|
675
|
-
var M = (0,
|
|
668
|
+
var M = (0, r.useCallback)((function(e) {
|
|
676
669
|
w.current = e;
|
|
677
670
|
pe(a, e);
|
|
678
671
|
}), [ a, w ]);
|
|
679
|
-
var R = function e(
|
|
672
|
+
var R = function e(t) {
|
|
680
673
|
if (w.current !== null) {
|
|
681
|
-
(0, y.handleTab)(w.current,
|
|
674
|
+
(0, y.handleTab)(w.current, t.nativeEvent);
|
|
682
675
|
}
|
|
683
676
|
};
|
|
684
|
-
var B = (0,
|
|
677
|
+
var B = (0, r.useCallback)((function(e) {
|
|
685
678
|
C.current = null;
|
|
686
679
|
b === null || b === void 0 ? void 0 : b(e);
|
|
687
680
|
}), [ b ]);
|
|
688
|
-
var F = (0,
|
|
681
|
+
var F = (0, r.useMemo)((function() {
|
|
689
682
|
return {
|
|
690
683
|
divider: c,
|
|
691
684
|
onRequestClose: b,
|
|
@@ -694,15 +687,15 @@
|
|
|
694
687
|
};
|
|
695
688
|
}), [ c, b, I, q ]);
|
|
696
689
|
var L = l()((function(e) {
|
|
697
|
-
var
|
|
698
|
-
return me(me({},
|
|
699
|
-
opacity:
|
|
690
|
+
var t = e.opacity, r = e.modalStyle, n = e.top;
|
|
691
|
+
return me(me({}, r), {}, {
|
|
692
|
+
opacity: t,
|
|
700
693
|
top: n
|
|
701
694
|
});
|
|
702
695
|
}));
|
|
703
|
-
var H = (0,
|
|
696
|
+
var H = (0, r.useCallback)((function(e) {
|
|
704
697
|
var o = e.top, i = e.opacity;
|
|
705
|
-
var a =
|
|
698
|
+
var a = r.Children.toArray(t).filter(r.isValidElement);
|
|
706
699
|
|
|
707
700
|
return n().createElement(se, ve({
|
|
708
701
|
ref: M,
|
|
@@ -720,7 +713,7 @@
|
|
|
720
713
|
}, S), n().createElement(N.Provider, {
|
|
721
714
|
value: F
|
|
722
715
|
}, a));
|
|
723
|
-
}), [
|
|
716
|
+
}), [ t, L, M, I, q, S, O, F ]);
|
|
724
717
|
var X = o ? "interactive" : "visible";
|
|
725
718
|
|
|
726
719
|
return n().createElement(f(), {
|
|
@@ -738,5 +731,5 @@
|
|
|
738
731
|
qe.Body = D;
|
|
739
732
|
/* harmony default export */ const _e = qe;
|
|
740
733
|
// CONCATENATED MODULE: ./src/Modal/index.ts
|
|
741
|
-
module.exports =
|
|
734
|
+
module.exports = t;
|
|
742
735
|
/******/})();
|