@splunk/react-ui 4.38.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 +151 -169
- package/ButtonGroup.js +41 -49
- package/ButtonSimple.js +264 -295
- package/CHANGELOG.md +28 -0
- 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 +371 -412
- package/ColumnLayout.js +72 -96
- package/ComboBox.js +266 -303
- 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 +506 -532
- 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 +1589 -1902
- 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 +50 -58
- package/Scroll.js +209 -244
- package/Search.js +379 -391
- package/Select.js +1077 -1345
- package/SidePanel.js +122 -142
- package/Slider.js +132 -145
- package/SlidingPanels.js +238 -270
- package/SplitButton.js +222 -245
- package/StaticContent.js +68 -76
- package/StepBar.js +206 -205
- package/Switch.js +176 -205
- package/TabBar.js +222 -258
- package/TabLayout.js +114 -139
- package/Table.js +2017 -2180
- 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 +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 +14 -14
- package/types/src/Button/Button.d.ts +5 -1
- 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 +2 -2
- package/types/src/Color/Palette.d.ts +4 -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 -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/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 +1 -1
- package/types/src/Select/SelectAllOption.d.ts +4 -4
- 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/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 +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/useForceUpdate.js +30 -32
- package/useKeyPress.js +1 -1
- 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/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/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/Modal.js
CHANGED
|
@@ -61,10 +61,10 @@
|
|
|
61
61
|
e.r(t);
|
|
62
62
|
// EXPORTS
|
|
63
63
|
e.d(t, {
|
|
64
|
-
Body: () => /* reexport */
|
|
64
|
+
Body: () => /* reexport */ A,
|
|
65
65
|
Footer: () => /* reexport */ V,
|
|
66
66
|
Header: () => /* reexport */ ye,
|
|
67
|
-
default: () => /* reexport */
|
|
67
|
+
default: () => /* reexport */ $e
|
|
68
68
|
});
|
|
69
69
|
// CONCATENATED MODULE: external "react"
|
|
70
70
|
const r = require("react");
|
|
@@ -82,8 +82,8 @@
|
|
|
82
82
|
const u = require("lodash/memoize");
|
|
83
83
|
var p = e.n(u);
|
|
84
84
|
// CONCATENATED MODULE: external "lodash/omit"
|
|
85
|
-
const
|
|
86
|
-
var
|
|
85
|
+
const d = require("lodash/omit");
|
|
86
|
+
var f = e.n(d);
|
|
87
87
|
// CONCATENATED MODULE: external "@splunk/react-ui/ModalLayer"
|
|
88
88
|
const y = require("@splunk/react-ui/ModalLayer");
|
|
89
89
|
var b = e.n(y);
|
|
@@ -98,17 +98,17 @@
|
|
|
98
98
|
var x = e.n(g);
|
|
99
99
|
// CONCATENATED MODULE: external "@splunk/react-ui/Box"
|
|
100
100
|
const O = require("@splunk/react-ui/Box");
|
|
101
|
-
var
|
|
101
|
+
var w = e.n(O);
|
|
102
102
|
// CONCATENATED MODULE: external "@splunk/themes"
|
|
103
|
-
const
|
|
103
|
+
const S = require("@splunk/themes");
|
|
104
104
|
// CONCATENATED MODULE: ./src/Modal/BodyStyles.ts
|
|
105
|
-
var k = x()(
|
|
105
|
+
var k = x()(w()).withConfig({
|
|
106
106
|
displayName: "BodyStyles__StyledBox",
|
|
107
107
|
componentId: "lv54z7-0"
|
|
108
|
-
})([ "background-color:", ";", " flex:0 1 auto;overflow:auto;" ], (0,
|
|
109
|
-
enterprise:
|
|
110
|
-
prisma:
|
|
111
|
-
}), (0,
|
|
108
|
+
})([ "background-color:", ";", " flex:0 1 auto;overflow:auto;" ], (0, S.pick)({
|
|
109
|
+
enterprise: S.variables.backgroundColor,
|
|
110
|
+
prisma: S.variables.backgroundColorDialog
|
|
111
|
+
}), (0, S.pick)({
|
|
112
112
|
enterprise: {
|
|
113
113
|
comfortable: (0, g.css)([ "padding:28px;" ]),
|
|
114
114
|
compact: (0, g.css)([ "padding:24px;" ])
|
|
@@ -120,90 +120,80 @@
|
|
|
120
120
|
}));
|
|
121
121
|
// CONCATENATED MODULE: ./src/Modal/Body.tsx
|
|
122
122
|
function j() {
|
|
123
|
-
j = Object.assign
|
|
123
|
+
return j = Object.assign ? Object.assign.bind() : function(e) {
|
|
124
124
|
for (var t = 1; t < arguments.length; t++) {
|
|
125
125
|
var r = arguments[t];
|
|
126
126
|
for (var n in r) {
|
|
127
|
-
|
|
128
|
-
e[n] = r[n];
|
|
129
|
-
}
|
|
127
|
+
({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
|
|
130
128
|
}
|
|
131
129
|
}
|
|
132
130
|
return e;
|
|
133
|
-
};
|
|
134
|
-
return j.apply(this, arguments);
|
|
131
|
+
}, j.apply(null, arguments);
|
|
135
132
|
}
|
|
136
133
|
function C(e, t) {
|
|
137
|
-
return T(e) ||
|
|
134
|
+
return T(e) || _(e, t) || P(e, t) || I();
|
|
138
135
|
}
|
|
139
136
|
function I() {
|
|
140
137
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
141
138
|
}
|
|
142
|
-
function
|
|
143
|
-
if (
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return E(e, t);
|
|
139
|
+
function P(e, t) {
|
|
140
|
+
if (e) {
|
|
141
|
+
if ("string" == typeof e) return E(e, t);
|
|
142
|
+
var r = {}.toString.call(e).slice(8, -1);
|
|
143
|
+
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) ? E(e, t) : void 0;
|
|
144
|
+
}
|
|
149
145
|
}
|
|
150
146
|
function E(e, t) {
|
|
151
|
-
|
|
152
|
-
for (var r = 0, n =
|
|
147
|
+
(null == t || t > e.length) && (t = e.length);
|
|
148
|
+
for (var r = 0, n = Array(t); r < t; r++) {
|
|
153
149
|
n[r] = e[r];
|
|
154
150
|
}
|
|
155
151
|
return n;
|
|
156
152
|
}
|
|
157
|
-
function
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
var o = false;
|
|
162
|
-
var i = undefined;
|
|
163
|
-
try {
|
|
164
|
-
for (var a = e[Symbol.iterator](), l; !(n = (l = a.next()).done); n = true) {
|
|
165
|
-
r.push(l.value);
|
|
166
|
-
if (t && r.length === t) break;
|
|
167
|
-
}
|
|
168
|
-
} catch (e) {
|
|
169
|
-
o = true;
|
|
170
|
-
i = e;
|
|
171
|
-
} finally {
|
|
153
|
+
function _(e, t) {
|
|
154
|
+
var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
155
|
+
if (null != r) {
|
|
156
|
+
var n, o, i, a, l = [], c = !0, s = !1;
|
|
172
157
|
try {
|
|
173
|
-
if (
|
|
158
|
+
if (i = (r = r.call(e)).next, 0 === t) {
|
|
159
|
+
if (Object(r) !== r) return;
|
|
160
|
+
c = !1;
|
|
161
|
+
} else for (;!(c = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); c = !0) {
|
|
162
|
+
}
|
|
163
|
+
} catch (e) {
|
|
164
|
+
s = !0, o = e;
|
|
174
165
|
} finally {
|
|
175
|
-
|
|
166
|
+
try {
|
|
167
|
+
if (!c && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
|
|
168
|
+
} finally {
|
|
169
|
+
if (s) throw o;
|
|
170
|
+
}
|
|
176
171
|
}
|
|
172
|
+
return l;
|
|
177
173
|
}
|
|
178
|
-
return r;
|
|
179
174
|
}
|
|
180
175
|
function T(e) {
|
|
181
176
|
if (Array.isArray(e)) return e;
|
|
182
177
|
}
|
|
183
178
|
function M(e, t) {
|
|
184
|
-
if (
|
|
185
|
-
var r = q(e, t);
|
|
186
|
-
var n, o;
|
|
179
|
+
if (null == e) return {};
|
|
180
|
+
var r, n, o = q(e, t);
|
|
187
181
|
if (Object.getOwnPropertySymbols) {
|
|
188
182
|
var i = Object.getOwnPropertySymbols(e);
|
|
189
|
-
for (
|
|
190
|
-
|
|
191
|
-
if (t.indexOf(n) >= 0) continue;
|
|
192
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
|
|
193
|
-
r[n] = e[n];
|
|
183
|
+
for (n = 0; n < i.length; n++) {
|
|
184
|
+
r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
|
|
194
185
|
}
|
|
195
186
|
}
|
|
196
|
-
return
|
|
187
|
+
return o;
|
|
197
188
|
}
|
|
198
189
|
function q(e, t) {
|
|
199
|
-
if (
|
|
190
|
+
if (null == e) return {};
|
|
200
191
|
var r = {};
|
|
201
|
-
var n
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
r[o] = e[o];
|
|
192
|
+
for (var n in e) {
|
|
193
|
+
if ({}.hasOwnProperty.call(e, n)) {
|
|
194
|
+
if (t.includes(n)) continue;
|
|
195
|
+
r[n] = e[n];
|
|
196
|
+
}
|
|
207
197
|
}
|
|
208
198
|
return r;
|
|
209
199
|
}
|
|
@@ -229,67 +219,59 @@
|
|
|
229
219
|
}, t));
|
|
230
220
|
}
|
|
231
221
|
D.propTypes = F;
|
|
232
|
-
/* harmony default export */ const
|
|
222
|
+
/* harmony default export */ const A = D;
|
|
233
223
|
// CONCATENATED MODULE: external "@splunk/react-ui/Divider"
|
|
234
|
-
const
|
|
235
|
-
var
|
|
224
|
+
const R = require("@splunk/react-ui/Divider");
|
|
225
|
+
var B = e.n(R);
|
|
236
226
|
// CONCATENATED MODULE: ./src/Modal/FooterStyles.ts
|
|
237
|
-
var
|
|
227
|
+
var H = x()(w()).withConfig({
|
|
238
228
|
displayName: "FooterStyles__StyledBox",
|
|
239
229
|
componentId: "yszcmv-0"
|
|
240
230
|
})([ "flex:0 0 auto;text-align:right;padding:", ";background-color:", ";& > button{min-width:80px;}" ], (0,
|
|
241
|
-
|
|
242
|
-
enterprise:
|
|
231
|
+
S.pick)({
|
|
232
|
+
enterprise: S.variables.spacingLarge,
|
|
243
233
|
prisma: {
|
|
244
234
|
comfortable: "24px",
|
|
245
235
|
compact: "18px 24px"
|
|
246
236
|
}
|
|
247
|
-
}), (0,
|
|
248
|
-
enterprise:
|
|
249
|
-
prisma:
|
|
237
|
+
}), (0, S.pick)({
|
|
238
|
+
enterprise: S.variables.backgroundColor,
|
|
239
|
+
prisma: S.variables.backgroundColorDialog
|
|
250
240
|
}));
|
|
251
241
|
// CONCATENATED MODULE: ./src/Modal/ModalContext.tsx
|
|
252
242
|
var N = (0, r.createContext)({});
|
|
253
243
|
/* harmony default export */ const z = N;
|
|
254
244
|
// CONCATENATED MODULE: ./src/Modal/Footer.tsx
|
|
255
245
|
function L() {
|
|
256
|
-
L = Object.assign
|
|
246
|
+
return L = Object.assign ? Object.assign.bind() : function(e) {
|
|
257
247
|
for (var t = 1; t < arguments.length; t++) {
|
|
258
248
|
var r = arguments[t];
|
|
259
249
|
for (var n in r) {
|
|
260
|
-
|
|
261
|
-
e[n] = r[n];
|
|
262
|
-
}
|
|
250
|
+
({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
|
|
263
251
|
}
|
|
264
252
|
}
|
|
265
253
|
return e;
|
|
266
|
-
};
|
|
267
|
-
return L.apply(this, arguments);
|
|
254
|
+
}, L.apply(null, arguments);
|
|
268
255
|
}
|
|
269
256
|
function X(e, t) {
|
|
270
|
-
if (
|
|
271
|
-
var r = $(e, t);
|
|
272
|
-
var n, o;
|
|
257
|
+
if (null == e) return {};
|
|
258
|
+
var r, n, o = $(e, t);
|
|
273
259
|
if (Object.getOwnPropertySymbols) {
|
|
274
260
|
var i = Object.getOwnPropertySymbols(e);
|
|
275
|
-
for (
|
|
276
|
-
|
|
277
|
-
if (t.indexOf(n) >= 0) continue;
|
|
278
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
|
|
279
|
-
r[n] = e[n];
|
|
261
|
+
for (n = 0; n < i.length; n++) {
|
|
262
|
+
r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
|
|
280
263
|
}
|
|
281
264
|
}
|
|
282
|
-
return
|
|
265
|
+
return o;
|
|
283
266
|
}
|
|
284
267
|
function $(e, t) {
|
|
285
|
-
if (
|
|
268
|
+
if (null == e) return {};
|
|
286
269
|
var r = {};
|
|
287
|
-
var n
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
r[o] = e[o];
|
|
270
|
+
for (var n in e) {
|
|
271
|
+
if ({}.hasOwnProperty.call(e, n)) {
|
|
272
|
+
if (t.includes(n)) continue;
|
|
273
|
+
r[n] = e[n];
|
|
274
|
+
}
|
|
293
275
|
}
|
|
294
276
|
return r;
|
|
295
277
|
}
|
|
@@ -304,9 +286,9 @@
|
|
|
304
286
|
var i = (0, r.useContext)(z), a = i.divider;
|
|
305
287
|
var l = a === "both" || a === "footer";
|
|
306
288
|
|
|
307
|
-
return n().createElement(n().Fragment, null, l && n().createElement(
|
|
289
|
+
return n().createElement(n().Fragment, null, l && n().createElement(B(), {
|
|
308
290
|
"aria-hidden": true
|
|
309
|
-
}), n().createElement(
|
|
291
|
+
}), n().createElement(H, L({
|
|
310
292
|
"data-test": "footer"
|
|
311
293
|
}, o), t));
|
|
312
294
|
}
|
|
@@ -324,20 +306,20 @@
|
|
|
324
306
|
const Z = require("@splunk/react-ui/ButtonSimple");
|
|
325
307
|
var ee = e.n(Z);
|
|
326
308
|
// CONCATENATED MODULE: ./src/Modal/HeaderStyles.ts
|
|
327
|
-
var te = x()(
|
|
309
|
+
var te = x()(w()).withConfig({
|
|
328
310
|
displayName: "HeaderStyles__StyledBox",
|
|
329
311
|
componentId: "sc-1y722ut-0"
|
|
330
|
-
})([ "", ";flex:0 0 auto;position:relative;min-height:", ";background-color:", ";padding:", ";align-items:flex-start;padding-right:", ";" ],
|
|
331
|
-
|
|
312
|
+
})([ "", ";flex:0 0 auto;position:relative;min-height:", ";background-color:", ";padding:", ";align-items:flex-start;padding-right:", ";" ], S.mixins.reset("flex"), (0,
|
|
313
|
+
S.pick)({
|
|
332
314
|
enterprise: "30px",
|
|
333
315
|
prisma: {
|
|
334
316
|
comfortable: "60px",
|
|
335
317
|
compact: "52px"
|
|
336
318
|
}
|
|
337
|
-
}), (0,
|
|
338
|
-
enterprise:
|
|
339
|
-
prisma:
|
|
340
|
-
}), (0,
|
|
319
|
+
}), (0, S.pick)({
|
|
320
|
+
enterprise: S.variables.backgroundColor,
|
|
321
|
+
prisma: S.variables.backgroundColorDialog
|
|
322
|
+
}), (0, S.pick)({
|
|
341
323
|
enterprise: "25px 28px",
|
|
342
324
|
prisma: {
|
|
343
325
|
comfortable: "18px 24px",
|
|
@@ -345,7 +327,7 @@
|
|
|
345
327
|
}
|
|
346
328
|
}), (function(e) {
|
|
347
329
|
var t = e.$close;
|
|
348
|
-
return t && (0,
|
|
330
|
+
return t && (0, S.pick)({
|
|
349
331
|
enterprise: "54px",
|
|
350
332
|
prisma: {
|
|
351
333
|
comfortable: "64px",
|
|
@@ -356,30 +338,30 @@
|
|
|
356
338
|
var re = x().div.withConfig({
|
|
357
339
|
displayName: "HeaderStyles__StyledTitleWrapper",
|
|
358
340
|
componentId: "sc-1y722ut-1"
|
|
359
|
-
})([ "", ";flex-direction:column;align-self:center;" ],
|
|
341
|
+
})([ "", ";flex-direction:column;align-self:center;" ], S.mixins.reset("flex"));
|
|
360
342
|
var ne = x().div.withConfig({
|
|
361
343
|
displayName: "HeaderStyles__StyledIcon",
|
|
362
344
|
componentId: "sc-1y722ut-2"
|
|
363
|
-
})([ "", ";align-items:center;justify-content:center;margin-right:", ";background-color:", ";width:", ";height:", ";flex-shrink:0;" ],
|
|
364
|
-
|
|
345
|
+
})([ "", ";align-items:center;justify-content:center;margin-right:", ";background-color:", ";width:", ";height:", ";flex-shrink:0;" ], S.mixins.reset("inline-flex"), S.variables.spacingLarge, S.variables.transparent, (0,
|
|
346
|
+
S.pick)({
|
|
365
347
|
comfortable: "40px",
|
|
366
348
|
compact: "32px"
|
|
367
|
-
}), (0,
|
|
349
|
+
}), (0, S.pick)({
|
|
368
350
|
comfortable: "40px",
|
|
369
351
|
compact: "32px"
|
|
370
352
|
}));
|
|
371
353
|
var oe = x().h2.withConfig({
|
|
372
354
|
displayName: "HeaderStyles__StyledTitle",
|
|
373
355
|
componentId: "sc-1y722ut-3"
|
|
374
|
-
})([ "", ";", " margin:0;overflow-wrap:break-word;" ],
|
|
375
|
-
|
|
376
|
-
enterprise: (0, g.css)([ "", "" ],
|
|
356
|
+
})([ "", ";", " margin:0;overflow-wrap:break-word;" ], S.mixins.reset("block"), (0,
|
|
357
|
+
S.pick)({
|
|
358
|
+
enterprise: (0, g.css)([ "", "" ], S.mixins.typography({
|
|
377
359
|
size: 20,
|
|
378
360
|
weight: "semiBold",
|
|
379
361
|
color: "active",
|
|
380
362
|
lineHeight: 22
|
|
381
363
|
})),
|
|
382
|
-
prisma: (0, g.css)([ "", "" ],
|
|
364
|
+
prisma: (0, g.css)([ "", "" ], S.mixins.typography({
|
|
383
365
|
size: 20,
|
|
384
366
|
weight: "semiBold",
|
|
385
367
|
color: "active",
|
|
@@ -389,24 +371,24 @@
|
|
|
389
371
|
var ie = x().p.withConfig({
|
|
390
372
|
displayName: "HeaderStyles__StyledSubtitle",
|
|
391
373
|
componentId: "sc-1y722ut-4"
|
|
392
|
-
})([ "", ";overflow-wrap:break-word;" ],
|
|
374
|
+
})([ "", ";overflow-wrap:break-word;" ], S.mixins.reset("block"));
|
|
393
375
|
var ae = x().div.withConfig({
|
|
394
376
|
displayName: "HeaderStyles__StyledButtonsWrapper",
|
|
395
377
|
componentId: "sc-1y722ut-5"
|
|
396
|
-
})([ "", ";position:absolute;top:", ";right:", ";bottom:50%;", " max-height:35px;transform-origin:bottom right;transform:rotate(-90deg) translateX(100%);" ],
|
|
397
|
-
|
|
378
|
+
})([ "", ";position:absolute;top:", ";right:", ";bottom:50%;", " max-height:35px;transform-origin:bottom right;transform:rotate(-90deg) translateX(100%);" ], S.mixins.reset("block"), (0,
|
|
379
|
+
S.pick)({
|
|
398
380
|
enterprise: 0,
|
|
399
381
|
prisma: {
|
|
400
382
|
comfortable: "-2px",
|
|
401
383
|
compact: "-6px"
|
|
402
384
|
}
|
|
403
|
-
}), (0,
|
|
385
|
+
}), (0, S.pick)({
|
|
404
386
|
enterprise: 0,
|
|
405
387
|
prisma: {
|
|
406
388
|
comfortable: "-2px",
|
|
407
389
|
compact: "-6px"
|
|
408
390
|
}
|
|
409
|
-
}), (0,
|
|
391
|
+
}), (0, S.pick)({
|
|
410
392
|
prisma: {
|
|
411
393
|
comfortable: (0, g.css)([ "min-height:35px;" ]),
|
|
412
394
|
compact: (0, g.css)([ "min-height:30px;" ])
|
|
@@ -415,54 +397,46 @@
|
|
|
415
397
|
var le = x().div.withConfig({
|
|
416
398
|
displayName: "HeaderStyles__StyledClose",
|
|
417
399
|
componentId: "sc-1y722ut-6"
|
|
418
|
-
})([ "", ";position:absolute;right:0;top:0;transform:rotate(90deg) translate(-50%,-50%);" ],
|
|
400
|
+
})([ "", ";position:absolute;right:0;top:0;transform:rotate(90deg) translate(-50%,-50%);" ], S.mixins.reset("block"));
|
|
419
401
|
var ce = x()(ee()).withConfig({
|
|
420
402
|
displayName: "HeaderStyles__StyledButtonSimple",
|
|
421
403
|
componentId: "sc-1y722ut-7"
|
|
422
|
-
})([ "float:right;width:", ";height:", ";text-align:center;" ],
|
|
404
|
+
})([ "float:right;width:", ";height:", ";text-align:center;" ], S.variables.inputHeight, S.variables.inputHeight);
|
|
423
405
|
// CONCATENATED MODULE: ./src/Modal/Header.tsx
|
|
424
406
|
function se() {
|
|
425
|
-
se = Object.assign
|
|
407
|
+
return se = Object.assign ? Object.assign.bind() : function(e) {
|
|
426
408
|
for (var t = 1; t < arguments.length; t++) {
|
|
427
409
|
var r = arguments[t];
|
|
428
410
|
for (var n in r) {
|
|
429
|
-
|
|
430
|
-
e[n] = r[n];
|
|
431
|
-
}
|
|
411
|
+
({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
|
|
432
412
|
}
|
|
433
413
|
}
|
|
434
414
|
return e;
|
|
435
|
-
};
|
|
436
|
-
return se.apply(this, arguments);
|
|
415
|
+
}, se.apply(null, arguments);
|
|
437
416
|
}
|
|
438
417
|
function ue(e, t) {
|
|
439
|
-
if (
|
|
440
|
-
var r = pe(e, t);
|
|
441
|
-
var n, o;
|
|
418
|
+
if (null == e) return {};
|
|
419
|
+
var r, n, o = pe(e, t);
|
|
442
420
|
if (Object.getOwnPropertySymbols) {
|
|
443
421
|
var i = Object.getOwnPropertySymbols(e);
|
|
444
|
-
for (
|
|
445
|
-
|
|
446
|
-
if (t.indexOf(n) >= 0) continue;
|
|
447
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
|
|
448
|
-
r[n] = e[n];
|
|
422
|
+
for (n = 0; n < i.length; n++) {
|
|
423
|
+
r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
|
|
449
424
|
}
|
|
450
425
|
}
|
|
451
|
-
return
|
|
426
|
+
return o;
|
|
452
427
|
}
|
|
453
428
|
function pe(e, t) {
|
|
454
|
-
if (
|
|
429
|
+
if (null == e) return {};
|
|
455
430
|
var r = {};
|
|
456
|
-
var n
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
r[o] = e[o];
|
|
431
|
+
for (var n in e) {
|
|
432
|
+
if ({}.hasOwnProperty.call(e, n)) {
|
|
433
|
+
if (t.includes(n)) continue;
|
|
434
|
+
r[n] = e[n];
|
|
435
|
+
}
|
|
462
436
|
}
|
|
463
437
|
return r;
|
|
464
438
|
}
|
|
465
|
-
var
|
|
439
|
+
var de = {
|
|
466
440
|
children: i().node,
|
|
467
441
|
icon: i().node,
|
|
468
442
|
onRequestClose: i().func,
|
|
@@ -471,12 +445,12 @@
|
|
|
471
445
|
};
|
|
472
446
|
/**
|
|
473
447
|
* A styled container for `Modal` header content.
|
|
474
|
-
*/ function
|
|
448
|
+
*/ function fe(e) {
|
|
475
449
|
var t = e.children, o = e.icon, i = e.onRequestClose, a = e.subtitle, l = e.title, c = ue(e, [ "children", "icon", "onRequestClose", "subtitle", "title" ]);
|
|
476
450
|
// @docs-props-type StepPropsBase
|
|
477
|
-
var s = (0, r.useContext)(z), u = s.titleId, p = s.subtitleId,
|
|
478
|
-
var
|
|
479
|
-
var y = (0,
|
|
451
|
+
var s = (0, r.useContext)(z), u = s.titleId, p = s.subtitleId, d = s.divider;
|
|
452
|
+
var f = d === "both" || d === "header";
|
|
453
|
+
var y = (0, S.useSplunkTheme)(), b = y.isCompact, m = y.isEnterprise;
|
|
480
454
|
var v = b ? "20px" : "24px";
|
|
481
455
|
|
|
482
456
|
return n().createElement(n().Fragment, null, n().createElement(te, se({
|
|
@@ -502,22 +476,22 @@
|
|
|
502
476
|
"data-test": "cross",
|
|
503
477
|
height: v,
|
|
504
478
|
width: v
|
|
505
|
-
}))))),
|
|
479
|
+
}))))), f && n().createElement(B(), {
|
|
506
480
|
"aria-hidden": true
|
|
507
481
|
}));
|
|
508
482
|
}
|
|
509
|
-
|
|
510
|
-
/* harmony default export */ const ye =
|
|
483
|
+
fe.propTypes = de;
|
|
484
|
+
/* harmony default export */ const ye = fe;
|
|
511
485
|
// CONCATENATED MODULE: external "react-spring"
|
|
512
486
|
const be = require("react-spring");
|
|
513
487
|
// CONCATENATED MODULE: ./src/Modal/ModalStyles.ts
|
|
514
488
|
var me = x()(be.animated.div).withConfig({
|
|
515
489
|
displayName: "ModalStyles__Styled",
|
|
516
490
|
componentId: "sc-5fn8ds-0"
|
|
517
|
-
})([ "", ";flex-direction:column;position:fixed;left:50%;transform:translateX(-50%);z-index:", ";", "" ],
|
|
518
|
-
|
|
519
|
-
enterprise: (0, g.css)([ "box-shadow:0 1px 5px ", ";max-height:calc(100vh - ", " * 4);max-width:calc(100vw - ", " * 4);" ],
|
|
520
|
-
prisma: (0, g.css)([ "box-shadow:", ";max-height:calc(100vh - ", " * 4);max-width:calc(100vw - ", " * 4);border-radius:", ";overflow:hidden;" ],
|
|
491
|
+
})([ "", ";flex-direction:column;position:fixed;left:50%;transform:translateX(-50%);z-index:", ";", "" ], S.mixins.reset("flex"), S.variables.zindexModal, (0,
|
|
492
|
+
S.pick)({
|
|
493
|
+
enterprise: (0, g.css)([ "box-shadow:0 1px 5px ", ";max-height:calc(100vh - ", " * 4);max-width:calc(100vw - ", " * 4);" ], S.variables.black, S.variables.spacingLarge, S.variables.spacingLarge),
|
|
494
|
+
prisma: (0, g.css)([ "box-shadow:", ";max-height:calc(100vh - ", " * 4);max-width:calc(100vw - ", " * 4);border-radius:", ";overflow:hidden;" ], S.variables.modalShadow, S.variables.spacingXLarge, S.variables.spacingXLarge, S.variables.borderRadius)
|
|
521
495
|
}));
|
|
522
496
|
// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
|
|
523
497
|
/**
|
|
@@ -540,42 +514,38 @@
|
|
|
540
514
|
}
|
|
541
515
|
// CONCATENATED MODULE: ./src/Modal/Modal.tsx
|
|
542
516
|
function he() {
|
|
543
|
-
he = Object.assign
|
|
517
|
+
return he = Object.assign ? Object.assign.bind() : function(e) {
|
|
544
518
|
for (var t = 1; t < arguments.length; t++) {
|
|
545
519
|
var r = arguments[t];
|
|
546
520
|
for (var n in r) {
|
|
547
|
-
|
|
548
|
-
e[n] = r[n];
|
|
549
|
-
}
|
|
521
|
+
({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
|
|
550
522
|
}
|
|
551
523
|
}
|
|
552
524
|
return e;
|
|
553
|
-
};
|
|
554
|
-
return he.apply(this, arguments);
|
|
525
|
+
}, he.apply(null, arguments);
|
|
555
526
|
}
|
|
556
527
|
function ge(e) {
|
|
557
|
-
return
|
|
528
|
+
return Se(e) || we(e) || Oe(e) || xe();
|
|
558
529
|
}
|
|
559
530
|
function xe() {
|
|
560
531
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
561
532
|
}
|
|
562
533
|
function Oe(e, t) {
|
|
563
|
-
if (
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return ke(e, t);
|
|
569
|
-
}
|
|
570
|
-
function Se(e) {
|
|
571
|
-
if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
|
|
534
|
+
if (e) {
|
|
535
|
+
if ("string" == typeof e) return ke(e, t);
|
|
536
|
+
var r = {}.toString.call(e).slice(8, -1);
|
|
537
|
+
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) ? ke(e, t) : void 0;
|
|
538
|
+
}
|
|
572
539
|
}
|
|
573
540
|
function we(e) {
|
|
541
|
+
if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
|
|
542
|
+
}
|
|
543
|
+
function Se(e) {
|
|
574
544
|
if (Array.isArray(e)) return ke(e);
|
|
575
545
|
}
|
|
576
546
|
function ke(e, t) {
|
|
577
|
-
|
|
578
|
-
for (var r = 0, n =
|
|
547
|
+
(null == t || t > e.length) && (t = e.length);
|
|
548
|
+
for (var r = 0, n = Array(t); r < t; r++) {
|
|
579
549
|
n[r] = e[r];
|
|
580
550
|
}
|
|
581
551
|
return n;
|
|
@@ -584,138 +554,119 @@
|
|
|
584
554
|
var r = Object.keys(e);
|
|
585
555
|
if (Object.getOwnPropertySymbols) {
|
|
586
556
|
var n = Object.getOwnPropertySymbols(e);
|
|
587
|
-
|
|
557
|
+
t && (n = n.filter((function(t) {
|
|
588
558
|
return Object.getOwnPropertyDescriptor(e, t).enumerable;
|
|
589
|
-
}));
|
|
590
|
-
r.push.apply(r, n);
|
|
559
|
+
}))), r.push.apply(r, n);
|
|
591
560
|
}
|
|
592
561
|
return r;
|
|
593
562
|
}
|
|
594
563
|
function Ce(e) {
|
|
595
564
|
for (var t = 1; t < arguments.length; t++) {
|
|
596
|
-
var r = arguments[t]
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
}
|
|
602
|
-
Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
|
|
603
|
-
} else {
|
|
604
|
-
je(Object(r)).forEach((function(t) {
|
|
605
|
-
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
|
|
606
|
-
}));
|
|
607
|
-
}
|
|
565
|
+
var r = null != arguments[t] ? arguments[t] : {};
|
|
566
|
+
t % 2 ? je(Object(r), !0).forEach((function(t) {
|
|
567
|
+
Be(e, t, r[t]);
|
|
568
|
+
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : je(Object(r)).forEach((function(t) {
|
|
569
|
+
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
|
|
570
|
+
}));
|
|
608
571
|
}
|
|
609
572
|
return e;
|
|
610
573
|
}
|
|
611
574
|
function Ie(e) {
|
|
612
575
|
"@babel/helpers - typeof";
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
}
|
|
618
|
-
Ie = function e(t) {
|
|
619
|
-
return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
|
|
620
|
-
};
|
|
621
|
-
}
|
|
622
|
-
return Ie(e);
|
|
576
|
+
return Ie = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
577
|
+
return typeof e;
|
|
578
|
+
} : function(e) {
|
|
579
|
+
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
580
|
+
}, Ie(e);
|
|
623
581
|
}
|
|
624
|
-
function
|
|
625
|
-
if (!(e instanceof t))
|
|
626
|
-
throw new TypeError("Cannot call a class as a function");
|
|
627
|
-
}
|
|
582
|
+
function Pe(e, t) {
|
|
583
|
+
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
|
|
628
584
|
}
|
|
629
585
|
function Ee(e, t) {
|
|
630
586
|
for (var r = 0; r < t.length; r++) {
|
|
631
587
|
var n = t[r];
|
|
632
|
-
n.enumerable = n.enumerable ||
|
|
633
|
-
n.
|
|
634
|
-
if ("value" in n) n.writable = true;
|
|
635
|
-
Object.defineProperty(e, n.key, n);
|
|
588
|
+
n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0),
|
|
589
|
+
Object.defineProperty(e, He(n.key), n);
|
|
636
590
|
}
|
|
637
591
|
}
|
|
638
|
-
function
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
592
|
+
function _e(e, t, r) {
|
|
593
|
+
return t && Ee(e.prototype, t), r && Ee(e, r), Object.defineProperty(e, "prototype", {
|
|
594
|
+
writable: !1
|
|
595
|
+
}), e;
|
|
642
596
|
}
|
|
643
597
|
function Te(e, t) {
|
|
644
|
-
if (typeof t !== "
|
|
645
|
-
throw new TypeError("Super expression must either be null or a function");
|
|
646
|
-
}
|
|
598
|
+
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
|
|
647
599
|
e.prototype = Object.create(t && t.prototype, {
|
|
648
600
|
constructor: {
|
|
649
601
|
value: e,
|
|
650
|
-
writable:
|
|
651
|
-
configurable:
|
|
602
|
+
writable: !0,
|
|
603
|
+
configurable: !0
|
|
652
604
|
}
|
|
653
|
-
})
|
|
654
|
-
|
|
605
|
+
}), Object.defineProperty(e, "prototype", {
|
|
606
|
+
writable: !1
|
|
607
|
+
}), t && Me(e, t);
|
|
655
608
|
}
|
|
656
609
|
function Me(e, t) {
|
|
657
|
-
Me = Object.setPrototypeOf
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
};
|
|
661
|
-
return Me(e, t);
|
|
610
|
+
return Me = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
|
|
611
|
+
return e.__proto__ = t, e;
|
|
612
|
+
}, Me(e, t);
|
|
662
613
|
}
|
|
663
614
|
function qe(e) {
|
|
664
|
-
var t =
|
|
665
|
-
return function
|
|
666
|
-
var n =
|
|
615
|
+
var t = Ae();
|
|
616
|
+
return function() {
|
|
617
|
+
var r, n = Re(e);
|
|
667
618
|
if (t) {
|
|
668
|
-
var
|
|
669
|
-
|
|
670
|
-
} else
|
|
671
|
-
|
|
672
|
-
}
|
|
673
|
-
return Fe(this, o);
|
|
619
|
+
var o = Re(this).constructor;
|
|
620
|
+
r = Reflect.construct(n, arguments, o);
|
|
621
|
+
} else r = n.apply(this, arguments);
|
|
622
|
+
return Fe(this, r);
|
|
674
623
|
};
|
|
675
624
|
}
|
|
676
625
|
function Fe(e, t) {
|
|
677
|
-
if (t && (Ie(t)
|
|
678
|
-
|
|
679
|
-
}
|
|
626
|
+
if (t && ("object" == Ie(t) || "function" == typeof t)) return t;
|
|
627
|
+
if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
|
|
680
628
|
return De(e);
|
|
681
629
|
}
|
|
682
630
|
function De(e) {
|
|
683
|
-
if (
|
|
684
|
-
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
685
|
-
}
|
|
631
|
+
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
686
632
|
return e;
|
|
687
633
|
}
|
|
688
|
-
function
|
|
689
|
-
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
690
|
-
if (Reflect.construct.sham) return false;
|
|
691
|
-
if (typeof Proxy === "function") return true;
|
|
634
|
+
function Ae() {
|
|
692
635
|
try {
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
return
|
|
636
|
+
var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
|
|
637
|
+
} catch (e) {}
|
|
638
|
+
return (Ae = function t() {
|
|
639
|
+
return !!e;
|
|
640
|
+
})();
|
|
641
|
+
}
|
|
642
|
+
function Re(e) {
|
|
643
|
+
return Re = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
|
|
644
|
+
return e.__proto__ || Object.getPrototypeOf(e);
|
|
645
|
+
}, Re(e);
|
|
646
|
+
}
|
|
647
|
+
function Be(e, t, r) {
|
|
648
|
+
return (t = He(t)) in e ? Object.defineProperty(e, t, {
|
|
649
|
+
value: r,
|
|
650
|
+
enumerable: !0,
|
|
651
|
+
configurable: !0,
|
|
652
|
+
writable: !0
|
|
653
|
+
}) : e[t] = r, e;
|
|
654
|
+
}
|
|
655
|
+
function He(e) {
|
|
656
|
+
var t = Ne(e, "string");
|
|
657
|
+
return "symbol" == Ie(t) ? t : t + "";
|
|
658
|
+
}
|
|
659
|
+
function Ne(e, t) {
|
|
660
|
+
if ("object" != Ie(e) || !e) return e;
|
|
661
|
+
var r = e[Symbol.toPrimitive];
|
|
662
|
+
if (void 0 !== r) {
|
|
663
|
+
var n = r.call(e, t || "default");
|
|
664
|
+
if ("object" != Ie(n)) return n;
|
|
665
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
697
666
|
}
|
|
667
|
+
return ("string" === t ? String : Number)(e);
|
|
698
668
|
}
|
|
699
|
-
|
|
700
|
-
Ae = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
|
|
701
|
-
return t.__proto__ || Object.getPrototypeOf(t);
|
|
702
|
-
};
|
|
703
|
-
return Ae(e);
|
|
704
|
-
}
|
|
705
|
-
function He(e, t, r) {
|
|
706
|
-
if (t in e) {
|
|
707
|
-
Object.defineProperty(e, t, {
|
|
708
|
-
value: r,
|
|
709
|
-
enumerable: true,
|
|
710
|
-
configurable: true,
|
|
711
|
-
writable: true
|
|
712
|
-
});
|
|
713
|
-
} else {
|
|
714
|
-
e[t] = r;
|
|
715
|
-
}
|
|
716
|
-
return e;
|
|
717
|
-
}
|
|
718
|
-
var Be = {
|
|
669
|
+
/** @public */ var ze = {
|
|
719
670
|
children: i().node,
|
|
720
671
|
closeOnClickAway: i().bool,
|
|
721
672
|
divider: i().oneOf([ "header", "footer", "both", "none" ]),
|
|
@@ -725,33 +676,33 @@
|
|
|
725
676
|
open: i().bool,
|
|
726
677
|
returnFocus: i().oneOfType([ i().func, i().object ])
|
|
727
678
|
};
|
|
728
|
-
var
|
|
679
|
+
var Le = {
|
|
729
680
|
// TODO: Set to `false` in next major version
|
|
730
681
|
closeOnClickAway: true,
|
|
731
682
|
divider: "both",
|
|
732
683
|
initialFocus: "first",
|
|
733
684
|
open: false
|
|
734
685
|
};
|
|
735
|
-
var
|
|
686
|
+
var Xe = function(e) {
|
|
736
687
|
Te(o, e);
|
|
737
688
|
var t = qe(o);
|
|
738
689
|
// @docs-props-type ModalPropsBase
|
|
739
690
|
// this timeout ensures that the Modal is finished rendering before setting the focus
|
|
740
691
|
function o(e) {
|
|
741
692
|
var i;
|
|
742
|
-
|
|
693
|
+
Pe(this, o);
|
|
743
694
|
i = t.call(this, e);
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
695
|
+
Be(De(i), "el", null);
|
|
696
|
+
Be(De(i), "initialFocusTimeoutId", undefined);
|
|
697
|
+
Be(De(i), "initialFocus", null);
|
|
698
|
+
Be(De(i), "headerTitleId", void 0);
|
|
699
|
+
Be(De(i), "headerSubtitleId", void 0);
|
|
700
|
+
Be(De(i), "getDefaultMotionStyle", (function() {
|
|
750
701
|
return {
|
|
751
702
|
top: 0
|
|
752
703
|
};
|
|
753
704
|
}));
|
|
754
|
-
|
|
705
|
+
Be(De(i), "getMotionStyle", (function() {
|
|
755
706
|
if (i.props.open) {
|
|
756
707
|
return {
|
|
757
708
|
top: 40
|
|
@@ -761,12 +712,12 @@
|
|
|
761
712
|
top: 0
|
|
762
713
|
};
|
|
763
714
|
}));
|
|
764
|
-
|
|
715
|
+
Be(De(i), "handleFocus", (function(e) {
|
|
765
716
|
var t = i.props, r = t.initialFocus, n = t.open;
|
|
766
717
|
if (n) {
|
|
767
718
|
i.initialFocusTimeoutId = l()((function() {
|
|
768
719
|
var e;
|
|
769
|
-
|
|
720
|
+
// not using the takeFocus() util here because it
|
|
770
721
|
// doesn't work for all values of "initialFocus"
|
|
771
722
|
// and it has a nested defer() call, which we want to avoid
|
|
772
723
|
if (i.initialFocus !== r) {
|
|
@@ -781,7 +732,7 @@
|
|
|
781
732
|
} else if (Ie(r) === "object") {
|
|
782
733
|
e = r;
|
|
783
734
|
}
|
|
784
|
-
|
|
735
|
+
// Typescript isn't happy with optional chaining here
|
|
785
736
|
if (e != null && "focus" in e) {
|
|
786
737
|
e.focus();
|
|
787
738
|
}
|
|
@@ -810,21 +761,21 @@
|
|
|
810
761
|
}
|
|
811
762
|
}
|
|
812
763
|
}));
|
|
813
|
-
|
|
764
|
+
Be(De(i), "handleModalMount", (function(e) {
|
|
814
765
|
i.el = e;
|
|
815
766
|
ve(i.props.elementRef, e);
|
|
816
767
|
}));
|
|
817
|
-
|
|
768
|
+
Be(De(i), "handleModalKeyDown", (function(e) {
|
|
818
769
|
if (i.el !== null) {
|
|
819
770
|
(0, m.handleTab)(i.el, e.nativeEvent);
|
|
820
771
|
}
|
|
821
772
|
}));
|
|
822
|
-
|
|
773
|
+
Be(De(i), "handleRequestClose", (function(e) {
|
|
823
774
|
var t, r;
|
|
824
775
|
i.initialFocus = null;
|
|
825
776
|
(t = (r = i.props).onRequestClose) === null || t === void 0 ? void 0 : t.call(r, e);
|
|
826
777
|
}));
|
|
827
|
-
|
|
778
|
+
Be(De(i), "getProviderValue", p()((function(e) {
|
|
828
779
|
var t = e.titleId, r = e.subtitleId, n = e.divider;
|
|
829
780
|
return {
|
|
830
781
|
titleId: t,
|
|
@@ -832,17 +783,17 @@
|
|
|
832
783
|
divider: n
|
|
833
784
|
};
|
|
834
785
|
})));
|
|
835
|
-
|
|
786
|
+
Be(De(i), "getModalStyles", p()((function(e) {
|
|
836
787
|
var t = e.opacity, r = e.style, n = e.top;
|
|
837
788
|
return Ce(Ce({}, r), {}, {
|
|
838
789
|
opacity: t,
|
|
839
790
|
top: n
|
|
840
791
|
});
|
|
841
792
|
})));
|
|
842
|
-
|
|
793
|
+
Be(De(i), "renderModal", (function(e) {
|
|
843
794
|
var t = i.props, a = t.children, l = t.divider, c = t.style;
|
|
844
795
|
var u = e.top, p = e.opacity;
|
|
845
|
-
var
|
|
796
|
+
var d = r.Children.toArray(a).filter(r.isValidElement);
|
|
846
797
|
|
|
847
798
|
return n().createElement(me, he({
|
|
848
799
|
ref: i.handleModalMount,
|
|
@@ -857,19 +808,19 @@
|
|
|
857
808
|
role: "dialog",
|
|
858
809
|
"aria-labelledby": i.headerTitleId,
|
|
859
810
|
"aria-describedby": i.headerSubtitleId
|
|
860
|
-
},
|
|
811
|
+
}, f()(i.props, [].concat(ge(s()(o.propTypes)), [ "style" ]))), n().createElement(z.Provider, {
|
|
861
812
|
value: i.getProviderValue({
|
|
862
813
|
titleId: i.headerTitleId,
|
|
863
814
|
subtitleId: i.headerSubtitleId,
|
|
864
815
|
divider: l
|
|
865
816
|
})
|
|
866
|
-
},
|
|
817
|
+
}, d));
|
|
867
818
|
}));
|
|
868
819
|
i.headerTitleId = (0, v.createDOMID)("titleId");
|
|
869
820
|
i.headerSubtitleId = (0, v.createDOMID)("subtitleId");
|
|
870
821
|
return i;
|
|
871
822
|
}
|
|
872
|
-
|
|
823
|
+
_e(o, [ {
|
|
873
824
|
key: "componentDidMount",
|
|
874
825
|
value: function e() {
|
|
875
826
|
this.handleFocus();
|
|
@@ -903,12 +854,12 @@
|
|
|
903
854
|
} ]);
|
|
904
855
|
return o;
|
|
905
856
|
}(r.Component);
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
/* harmony default export */ const
|
|
857
|
+
Be(Xe, "propTypes", ze);
|
|
858
|
+
Be(Xe, "defaultProps", Le);
|
|
859
|
+
Be(Xe, "Header", ye);
|
|
860
|
+
Be(Xe, "Body", A);
|
|
861
|
+
Be(Xe, "Footer", V);
|
|
862
|
+
/* harmony default export */ const $e = Xe;
|
|
912
863
|
// CONCATENATED MODULE: ./src/Modal/index.ts
|
|
913
864
|
module.exports = t;
|
|
914
865
|
/******/})();
|