@splunk/react-ui 5.6.0 → 5.7.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/AnchorMenu.js +124 -120
- package/ButtonSimple.js +165 -101
- package/CHANGELOG.md +17 -1
- package/Card.js +147 -137
- package/Menu.js +12 -12
- package/Multiselect.js +3 -0
- package/Slider.js +1 -0
- package/package.json +1 -1
- package/types/src/Button/Button.d.ts +4 -4
- package/types/src/ButtonSimple/ButtonSimple.d.ts +1 -3
- package/types/src/Card/Header.d.ts +6 -1
- package/types/src/Card/docs/examples/Icon.d.ts +7 -0
- package/types/src/Multiselect/Option.d.ts +4 -0
package/Card.js
CHANGED
|
@@ -61,10 +61,10 @@
|
|
|
61
61
|
e.r(t);
|
|
62
62
|
// EXPORTS
|
|
63
63
|
e.d(t, {
|
|
64
|
-
Body: () => /* reexport */
|
|
65
|
-
Footer: () => /* reexport */
|
|
66
|
-
Header: () => /* reexport */
|
|
67
|
-
default: () => /* reexport */
|
|
64
|
+
Body: () => /* reexport */ j,
|
|
65
|
+
Footer: () => /* reexport */ W,
|
|
66
|
+
Header: () => /* reexport */ le,
|
|
67
|
+
default: () => /* reexport */ _e
|
|
68
68
|
});
|
|
69
69
|
// CONCATENATED MODULE: external "react"
|
|
70
70
|
const r = require("react");
|
|
@@ -98,20 +98,24 @@
|
|
|
98
98
|
var v = l().div.withConfig({
|
|
99
99
|
displayName: "HeaderStyles__StyledTitleContainer",
|
|
100
100
|
componentId: "eqi6uk-2"
|
|
101
|
-
})([ "", " flex:0 1 auto;
|
|
101
|
+
})([ "", " flex:0 1 auto;align-self:center;margin-right:auto;", "" ], u.mixins.reset("block"), (function(e) {
|
|
102
102
|
var t = e.$truncateTitle;
|
|
103
103
|
return t && (0, i.css)([ "overflow:hidden;& > ", ",& > ", ",& > ", " *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}" ], /* sc-sel */ f, /* sc-sel */ p, /* sc-sel */ f);
|
|
104
|
-
})
|
|
105
|
-
var
|
|
104
|
+
}));
|
|
105
|
+
var m = l().div.withConfig({
|
|
106
106
|
displayName: "HeaderStyles__StyledActionContainer",
|
|
107
107
|
componentId: "eqi6uk-3"
|
|
108
108
|
})([ "", " align-items:center;flex:0 0 auto;justify-content:space-between;gap:", ";transform:translateY(calc(-1 * (", " - 20px) / 2));" ], u.mixins.reset("flex"), u.variables.spacingSmall, u.variables.inputHeight);
|
|
109
|
-
var
|
|
110
|
-
displayName: "
|
|
109
|
+
var y = l().div.withConfig({
|
|
110
|
+
displayName: "HeaderStyles__StyledIconContainer",
|
|
111
111
|
componentId: "eqi6uk-4"
|
|
112
|
-
})([ "", " align-items:
|
|
113
|
-
// CONCATENATED MODULE: ./src/Card/BodyStyles.ts
|
|
112
|
+
})([ "", " align-items:center;flex:0 0 auto;" ], u.mixins.reset("flex"));
|
|
114
113
|
var b = l()(s()).withConfig({
|
|
114
|
+
displayName: "HeaderStyles__StyledBox",
|
|
115
|
+
componentId: "eqi6uk-5"
|
|
116
|
+
})([ "", " align-items:start;display:flex;justify-content:space-between;position:relative;min-height:30px;gap:", ";>:not(:is( ", ",", ",", " ) ){flex:1 0 auto;}" ], d, u.variables.spacingSmall, /* sc-sel */ v, /* sc-sel */ m, /* sc-sel */ y);
|
|
117
|
+
// CONCATENATED MODULE: ./src/Card/BodyStyles.ts
|
|
118
|
+
var g = l()(s()).withConfig({
|
|
115
119
|
displayName: "BodyStyles__StyledBox",
|
|
116
120
|
componentId: "sc-1130udp-0"
|
|
117
121
|
})([ "", ";overflow:auto;height:100%;" ], (function(e) {
|
|
@@ -119,8 +123,8 @@
|
|
|
119
123
|
return t && (0, i.css)([ "", "" ], d);
|
|
120
124
|
}));
|
|
121
125
|
// CONCATENATED MODULE: ./src/Card/Body.tsx
|
|
122
|
-
function
|
|
123
|
-
return
|
|
126
|
+
function h() {
|
|
127
|
+
return h = Object.assign ? Object.assign.bind() : function(e) {
|
|
124
128
|
for (var t = 1; t < arguments.length; t++) {
|
|
125
129
|
var r = arguments[t];
|
|
126
130
|
for (var n in r) {
|
|
@@ -128,11 +132,11 @@
|
|
|
128
132
|
}
|
|
129
133
|
}
|
|
130
134
|
return e;
|
|
131
|
-
},
|
|
135
|
+
}, h.apply(null, arguments);
|
|
132
136
|
}
|
|
133
|
-
function
|
|
137
|
+
function O(e, t) {
|
|
134
138
|
if (null == e) return {};
|
|
135
|
-
var r, n, o =
|
|
139
|
+
var r, n, o = w(e, t);
|
|
136
140
|
if (Object.getOwnPropertySymbols) {
|
|
137
141
|
var a = Object.getOwnPropertySymbols(e);
|
|
138
142
|
for (n = 0; n < a.length; n++) {
|
|
@@ -141,7 +145,7 @@
|
|
|
141
145
|
}
|
|
142
146
|
return o;
|
|
143
147
|
}
|
|
144
|
-
function
|
|
148
|
+
function w(e, t) {
|
|
145
149
|
if (null == e) return {};
|
|
146
150
|
var r = {};
|
|
147
151
|
for (var n in e) {
|
|
@@ -152,49 +156,49 @@
|
|
|
152
156
|
}
|
|
153
157
|
return r;
|
|
154
158
|
}
|
|
155
|
-
var
|
|
159
|
+
var S = {
|
|
156
160
|
children: a().node,
|
|
157
161
|
elementRef: a().oneOfType([ a().func, a().object ]),
|
|
158
162
|
inset: a().bool
|
|
159
163
|
};
|
|
160
164
|
/**
|
|
161
165
|
* A styled container for `Card` body content.
|
|
162
|
-
*/ function
|
|
163
|
-
var t = e.children, r = e.inset, o = r === void 0 ? true : r, a =
|
|
166
|
+
*/ function x(e) {
|
|
167
|
+
var t = e.children, r = e.inset, o = r === void 0 ? true : r, a = O(e, [ "children", "inset" ]);
|
|
164
168
|
// @docs-props-type BodyPropsBase
|
|
165
169
|
|
|
166
|
-
return n().createElement(
|
|
170
|
+
return n().createElement(g, h({
|
|
167
171
|
"data-test": "body",
|
|
168
172
|
$inset: o
|
|
169
173
|
}, a), t);
|
|
170
174
|
}
|
|
171
|
-
|
|
172
|
-
/* harmony default export */ const
|
|
175
|
+
x.propTypes = S;
|
|
176
|
+
/* harmony default export */ const j = x;
|
|
173
177
|
// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
174
|
-
const
|
|
175
|
-
var
|
|
178
|
+
const k = require("@splunk/react-ui/Clickable");
|
|
179
|
+
var C = e.n(k);
|
|
176
180
|
// CONCATENATED MODULE: ./src/Card/CardStyles.ts
|
|
177
|
-
var
|
|
178
|
-
var
|
|
181
|
+
var P = "0.2s";
|
|
182
|
+
var E = (0, i.css)([ "", ";gap:", " 0;grid-template-rows:min-content;background-color:", ";min-width:100px;flex:1;vertical-align:top;border:1px solid ", ";border-radius:", ";box-shadow:", ";transition:height ", ",width ", ",min-width ", ",max-width ", ",margin ", ",box-shadow ", ",border-color ", ";&[data-clickable='true']{cursor:pointer;border-color:", ";", " &:hover{background-color:", ";box-shadow:", ";", "{text-decoration:underline;}}&:focus{box-shadow:", ";", "{text-decoration:underline;}}}" ], u.mixins.reset("inline-grid"), u.variables.spacingLarge, u.variables.backgroundColorSection, u.variables.transparent, u.variables.borderRadius, u.variables.embossShadow, P, P, P, P, P, P, P, u.variables.borderColorWeak, (function(e) {
|
|
179
183
|
var t = e.$selected;
|
|
180
184
|
return t && (0, i.css)([ "background-color:", ";" ], u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlaySelected));
|
|
181
185
|
}), u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlayHover), u.variables.overlayShadow, /* sc-sel */ f, u.variables.focusShadow, /* sc-sel */ f);
|
|
182
|
-
var
|
|
186
|
+
var _ = l().article.withConfig({
|
|
183
187
|
displayName: "CardStyles__Styled",
|
|
184
188
|
componentId: "ola3x0-0"
|
|
185
|
-
})([ "", "" ],
|
|
186
|
-
var N = l()(
|
|
189
|
+
})([ "", "" ], E);
|
|
190
|
+
var N = l()(C()).withConfig({
|
|
187
191
|
displayName: "CardStyles__StyledClickable",
|
|
188
192
|
componentId: "ola3x0-1"
|
|
189
|
-
})([ "", "" ],
|
|
193
|
+
})([ "", "" ], E);
|
|
190
194
|
// CONCATENATED MODULE: ./src/Card/FooterStyles.ts
|
|
191
195
|
var T = l()(s()).withConfig({
|
|
192
196
|
displayName: "FooterStyles__StyledBox",
|
|
193
197
|
componentId: "sc-1yu3r4s-0"
|
|
194
198
|
})([ "", " ", " text-align:right;align-self:end;" ], u.mixins.typography("body"), d);
|
|
195
199
|
// CONCATENATED MODULE: ./src/Card/Footer.tsx
|
|
196
|
-
function
|
|
197
|
-
return
|
|
200
|
+
function I() {
|
|
201
|
+
return I = Object.assign ? Object.assign.bind() : function(e) {
|
|
198
202
|
for (var t = 1; t < arguments.length; t++) {
|
|
199
203
|
var r = arguments[t];
|
|
200
204
|
for (var n in r) {
|
|
@@ -202,11 +206,11 @@
|
|
|
202
206
|
}
|
|
203
207
|
}
|
|
204
208
|
return e;
|
|
205
|
-
},
|
|
209
|
+
}, I.apply(null, arguments);
|
|
206
210
|
}
|
|
207
|
-
function
|
|
211
|
+
function q(e, t) {
|
|
208
212
|
if (null == e) return {};
|
|
209
|
-
var r, n, o =
|
|
213
|
+
var r, n, o = R(e, t);
|
|
210
214
|
if (Object.getOwnPropertySymbols) {
|
|
211
215
|
var a = Object.getOwnPropertySymbols(e);
|
|
212
216
|
for (n = 0; n < a.length; n++) {
|
|
@@ -215,7 +219,7 @@
|
|
|
215
219
|
}
|
|
216
220
|
return o;
|
|
217
221
|
}
|
|
218
|
-
function
|
|
222
|
+
function R(e, t) {
|
|
219
223
|
if (null == e) return {};
|
|
220
224
|
var r = {};
|
|
221
225
|
for (var n in e) {
|
|
@@ -226,63 +230,63 @@
|
|
|
226
230
|
}
|
|
227
231
|
return r;
|
|
228
232
|
}
|
|
229
|
-
var
|
|
233
|
+
var H = {
|
|
230
234
|
children: a().node,
|
|
231
235
|
elementRef: a().oneOfType([ a().func, a().object ])
|
|
232
236
|
};
|
|
233
237
|
/**
|
|
234
238
|
* A styled container for `Card` footer content.
|
|
235
239
|
*/ function A(e) {
|
|
236
|
-
var t = e.children, r =
|
|
240
|
+
var t = e.children, r = q(e, [ "children" ]);
|
|
237
241
|
// @docs-props-type FooterPropsBase
|
|
238
242
|
|
|
239
|
-
return n().createElement(T,
|
|
243
|
+
return n().createElement(T, I({
|
|
240
244
|
"data-test": "footer"
|
|
241
245
|
}, r), t);
|
|
242
246
|
}
|
|
243
|
-
A.propTypes =
|
|
244
|
-
/* harmony default export */ const
|
|
247
|
+
A.propTypes = H;
|
|
248
|
+
/* harmony default export */ const W = A;
|
|
245
249
|
// CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeVertical"
|
|
246
|
-
const
|
|
247
|
-
var
|
|
250
|
+
const B = require("@splunk/react-icons/DotsThreeVertical");
|
|
251
|
+
var M = e.n(B);
|
|
248
252
|
// CONCATENATED MODULE: external "@splunk/react-ui/Anchor"
|
|
249
|
-
const
|
|
250
|
-
var
|
|
253
|
+
const $ = require("@splunk/react-ui/Anchor");
|
|
254
|
+
var V = e.n($);
|
|
251
255
|
// CONCATENATED MODULE: external "@splunk/react-ui/Button"
|
|
252
256
|
const D = require("@splunk/react-ui/Button");
|
|
253
|
-
var
|
|
257
|
+
var F = e.n(D);
|
|
254
258
|
// CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
|
|
255
|
-
const
|
|
256
|
-
var
|
|
259
|
+
const L = require("@splunk/react-ui/Dropdown");
|
|
260
|
+
var U = e.n(L);
|
|
257
261
|
// CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
|
|
258
|
-
const
|
|
259
|
-
var
|
|
262
|
+
const X = require("@splunk/react-ui/Tooltip");
|
|
263
|
+
var Y = e.n(X);
|
|
260
264
|
// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
261
|
-
const
|
|
265
|
+
const z = require("@splunk/ui-utils/i18n");
|
|
262
266
|
// CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
|
|
263
|
-
var
|
|
264
|
-
var
|
|
267
|
+
var G = "is deprecated and will be removed in the next major version.";
|
|
268
|
+
var J = function e(t) {
|
|
265
269
|
var r = t.additionalMessage, n = r === void 0 ? "" : r, o = t.componentName;
|
|
266
270
|
useEffect((function() {
|
|
267
271
|
if (false) {}
|
|
268
272
|
}), [ n, o ]);
|
|
269
273
|
};
|
|
270
|
-
var
|
|
274
|
+
var K = function e(t) {
|
|
271
275
|
var n = t.additionalMessage, o = n === void 0 ? "" : n, a = t.componentName, i = t.propName, l = t.propValue;
|
|
272
276
|
(0, r.useEffect)((function() {
|
|
273
277
|
if (false) {}
|
|
274
278
|
}), [ o, a, i, l ]);
|
|
275
279
|
};
|
|
276
|
-
var
|
|
280
|
+
var Q = function e(t) {
|
|
277
281
|
var r = t.additionalMessage, n = r === void 0 ? "" : r, o = t.componentName, a = t.deprecatedPropValue, i = t.propName, l = t.propValue;
|
|
278
282
|
useEffect((function() {
|
|
279
283
|
if (false) {}
|
|
280
284
|
}), [ n, o, i, l, a ]);
|
|
281
285
|
};
|
|
282
286
|
// CONCATENATED MODULE: ./src/Card/Header.tsx
|
|
283
|
-
function
|
|
287
|
+
function Z(e, t) {
|
|
284
288
|
if (null == e) return {};
|
|
285
|
-
var r, n, o =
|
|
289
|
+
var r, n, o = ee(e, t);
|
|
286
290
|
if (Object.getOwnPropertySymbols) {
|
|
287
291
|
var a = Object.getOwnPropertySymbols(e);
|
|
288
292
|
for (n = 0; n < a.length; n++) {
|
|
@@ -291,7 +295,7 @@
|
|
|
291
295
|
}
|
|
292
296
|
return o;
|
|
293
297
|
}
|
|
294
|
-
function
|
|
298
|
+
function ee(e, t) {
|
|
295
299
|
if (null == e) return {};
|
|
296
300
|
var r = {};
|
|
297
301
|
for (var n in e) {
|
|
@@ -302,8 +306,8 @@
|
|
|
302
306
|
}
|
|
303
307
|
return r;
|
|
304
308
|
}
|
|
305
|
-
function
|
|
306
|
-
return
|
|
309
|
+
function te() {
|
|
310
|
+
return te = Object.assign ? Object.assign.bind() : function(e) {
|
|
307
311
|
for (var t = 1; t < arguments.length; t++) {
|
|
308
312
|
var r = arguments[t];
|
|
309
313
|
for (var n in r) {
|
|
@@ -311,14 +315,15 @@
|
|
|
311
315
|
}
|
|
312
316
|
}
|
|
313
317
|
return e;
|
|
314
|
-
},
|
|
318
|
+
}, te.apply(null, arguments);
|
|
315
319
|
}
|
|
316
|
-
var
|
|
320
|
+
var re = {
|
|
317
321
|
actionPrimary: a().node,
|
|
318
322
|
actionsSecondary: a().node,
|
|
319
323
|
anchor: a().string,
|
|
320
324
|
children: a().node,
|
|
321
325
|
elementRef: a().oneOfType([ a().func, a().object ]),
|
|
326
|
+
icon: a().node,
|
|
322
327
|
subtitle: a().node,
|
|
323
328
|
title: a().node,
|
|
324
329
|
truncateTitle: a().bool
|
|
@@ -326,26 +331,27 @@
|
|
|
326
331
|
// The order of the interfaces is necessary to maintain proper error messages: HeaderWithActions then HeaderWithActionsRenderProp
|
|
327
332
|
// If the actions comes first the error will report that actions should be undefined
|
|
328
333
|
// when we want actions to be the intended use case
|
|
329
|
-
var
|
|
334
|
+
var ne = "36px";
|
|
335
|
+
var oe = n().createElement(M(), null);
|
|
330
336
|
// `forwardRef` is used to enable focus on toggle when Dropdown is closing
|
|
331
|
-
var
|
|
337
|
+
var ae = n().forwardRef((function(e, t) {
|
|
332
338
|
|
|
333
|
-
return n().createElement(
|
|
334
|
-
content: (0,
|
|
339
|
+
return n().createElement(Y(), te({
|
|
340
|
+
content: (0, z._)("Actions"),
|
|
335
341
|
contentRelationship: "label"
|
|
336
|
-
}, e), n().createElement(
|
|
342
|
+
}, e), n().createElement(F(), {
|
|
337
343
|
appearance: "secondary",
|
|
338
344
|
"data-test": "actions-secondary-toggle",
|
|
339
|
-
icon:
|
|
345
|
+
icon: oe,
|
|
340
346
|
elementRef: t
|
|
341
347
|
}));
|
|
342
348
|
}));
|
|
343
349
|
/**
|
|
344
350
|
* A styled container for `Card` header content.
|
|
345
|
-
*/ function
|
|
346
|
-
var t = e.actions, o = e.actionPrimary, a = e.actionsSecondary, i = e.anchor, l = e.children, c = e.
|
|
351
|
+
*/ function ie(e) {
|
|
352
|
+
var t = e.actions, o = e.actionPrimary, a = e.actionsSecondary, i = e.anchor, l = e.children, c = e.icon, s = e.subtitle, u = e.title, d = e.truncateTitle, g = d === void 0 ? true : d, h = Z(e, [ "actions", "actionPrimary", "actionsSecondary", "anchor", "children", "icon", "subtitle", "title", "truncateTitle" ]);
|
|
347
353
|
// @docs-props-type HeaderPropsBase
|
|
348
|
-
|
|
354
|
+
K({
|
|
349
355
|
additionalMessage: "Pass the Anchor component to the 'title' prop instead.",
|
|
350
356
|
componentName: "Card.Header",
|
|
351
357
|
propName: "anchor",
|
|
@@ -354,36 +360,40 @@
|
|
|
354
360
|
(0, r.useEffect)((function() {
|
|
355
361
|
if (false) {}
|
|
356
362
|
}), [ t, o, a ]);
|
|
357
|
-
var
|
|
363
|
+
var O;
|
|
358
364
|
if (t) {
|
|
359
|
-
|
|
365
|
+
O = t();
|
|
360
366
|
} else if (o || a) {
|
|
361
|
-
|
|
362
|
-
toggle: n().createElement(
|
|
367
|
+
O = n().createElement(n().Fragment, null, o, a && n().createElement(U(), {
|
|
368
|
+
toggle: n().createElement(ae, null)
|
|
363
369
|
}, a));
|
|
364
370
|
}
|
|
371
|
+
var w = (0, r.isValidElement)(c) && (0, r.cloneElement)(c, {
|
|
372
|
+
width: c.props.width || ne,
|
|
373
|
+
height: c.props.height || ne
|
|
374
|
+
});
|
|
365
375
|
|
|
366
|
-
return n().createElement(
|
|
376
|
+
return n().createElement(b, te({
|
|
367
377
|
"data-test": "header"
|
|
368
|
-
},
|
|
369
|
-
$truncateTitle:
|
|
370
|
-
},
|
|
378
|
+
}, h), w && n().createElement(y, null, w), (u || s) && n().createElement(v, {
|
|
379
|
+
$truncateTitle: g
|
|
380
|
+
}, u && n().createElement(f, null, i ? n().createElement(V(), {
|
|
371
381
|
name: i
|
|
372
|
-
},
|
|
382
|
+
}, u) : u), s && n().createElement(p, null, s)), l, O && n().createElement(m, null, O));
|
|
373
383
|
}
|
|
374
|
-
|
|
375
|
-
/* harmony default export */ const
|
|
384
|
+
ie.propTypes = re;
|
|
385
|
+
/* harmony default export */ const le = ie;
|
|
376
386
|
// CONCATENATED MODULE: ./src/Card/Card.tsx
|
|
377
|
-
function
|
|
387
|
+
function ce(e) {
|
|
378
388
|
"@babel/helpers - typeof";
|
|
379
|
-
return
|
|
389
|
+
return ce = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
380
390
|
return typeof e;
|
|
381
391
|
} : function(e) {
|
|
382
392
|
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
383
|
-
},
|
|
393
|
+
}, ce(e);
|
|
384
394
|
}
|
|
385
|
-
function
|
|
386
|
-
return
|
|
395
|
+
function se() {
|
|
396
|
+
return se = Object.assign ? Object.assign.bind() : function(e) {
|
|
387
397
|
for (var t = 1; t < arguments.length; t++) {
|
|
388
398
|
var r = arguments[t];
|
|
389
399
|
for (var n in r) {
|
|
@@ -391,29 +401,29 @@
|
|
|
391
401
|
}
|
|
392
402
|
}
|
|
393
403
|
return e;
|
|
394
|
-
},
|
|
404
|
+
}, se.apply(null, arguments);
|
|
395
405
|
}
|
|
396
|
-
function
|
|
397
|
-
return
|
|
406
|
+
function ue(e, t) {
|
|
407
|
+
return me(e) || ve(e, t) || fe(e, t) || de();
|
|
398
408
|
}
|
|
399
|
-
function
|
|
409
|
+
function de() {
|
|
400
410
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
401
411
|
}
|
|
402
|
-
function
|
|
412
|
+
function fe(e, t) {
|
|
403
413
|
if (e) {
|
|
404
|
-
if ("string" == typeof e) return
|
|
414
|
+
if ("string" == typeof e) return pe(e, t);
|
|
405
415
|
var r = {}.toString.call(e).slice(8, -1);
|
|
406
|
-
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) ?
|
|
416
|
+
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) ? pe(e, t) : void 0;
|
|
407
417
|
}
|
|
408
418
|
}
|
|
409
|
-
function
|
|
419
|
+
function pe(e, t) {
|
|
410
420
|
(null == t || t > e.length) && (t = e.length);
|
|
411
421
|
for (var r = 0, n = Array(t); r < t; r++) {
|
|
412
422
|
n[r] = e[r];
|
|
413
423
|
}
|
|
414
424
|
return n;
|
|
415
425
|
}
|
|
416
|
-
function
|
|
426
|
+
function ve(e, t) {
|
|
417
427
|
var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
418
428
|
if (null != r) {
|
|
419
429
|
var n, o, a, i, l = [], c = !0, s = !1;
|
|
@@ -435,10 +445,10 @@
|
|
|
435
445
|
return l;
|
|
436
446
|
}
|
|
437
447
|
}
|
|
438
|
-
function
|
|
448
|
+
function me(e) {
|
|
439
449
|
if (Array.isArray(e)) return e;
|
|
440
450
|
}
|
|
441
|
-
function
|
|
451
|
+
function ye(e, t) {
|
|
442
452
|
var r = Object.keys(e);
|
|
443
453
|
if (Object.getOwnPropertySymbols) {
|
|
444
454
|
var n = Object.getOwnPropertySymbols(e);
|
|
@@ -448,42 +458,42 @@
|
|
|
448
458
|
}
|
|
449
459
|
return r;
|
|
450
460
|
}
|
|
451
|
-
function
|
|
461
|
+
function be(e) {
|
|
452
462
|
for (var t = 1; t < arguments.length; t++) {
|
|
453
463
|
var r = null != arguments[t] ? arguments[t] : {};
|
|
454
|
-
t % 2 ?
|
|
455
|
-
|
|
456
|
-
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) :
|
|
464
|
+
t % 2 ? ye(Object(r), !0).forEach((function(t) {
|
|
465
|
+
ge(e, t, r[t]);
|
|
466
|
+
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ye(Object(r)).forEach((function(t) {
|
|
457
467
|
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
|
|
458
468
|
}));
|
|
459
469
|
}
|
|
460
470
|
return e;
|
|
461
471
|
}
|
|
462
|
-
function
|
|
463
|
-
return (t =
|
|
472
|
+
function ge(e, t, r) {
|
|
473
|
+
return (t = he(t)) in e ? Object.defineProperty(e, t, {
|
|
464
474
|
value: r,
|
|
465
475
|
enumerable: !0,
|
|
466
476
|
configurable: !0,
|
|
467
477
|
writable: !0
|
|
468
478
|
}) : e[t] = r, e;
|
|
469
479
|
}
|
|
470
|
-
function
|
|
471
|
-
var t =
|
|
472
|
-
return "symbol" ==
|
|
480
|
+
function he(e) {
|
|
481
|
+
var t = Oe(e, "string");
|
|
482
|
+
return "symbol" == ce(t) ? t : t + "";
|
|
473
483
|
}
|
|
474
|
-
function
|
|
475
|
-
if ("object" !=
|
|
484
|
+
function Oe(e, t) {
|
|
485
|
+
if ("object" != ce(e) || !e) return e;
|
|
476
486
|
var r = e[Symbol.toPrimitive];
|
|
477
487
|
if (void 0 !== r) {
|
|
478
488
|
var n = r.call(e, t || "default");
|
|
479
|
-
if ("object" !=
|
|
489
|
+
if ("object" != ce(n)) return n;
|
|
480
490
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
481
491
|
}
|
|
482
492
|
return ("string" === t ? String : Number)(e);
|
|
483
493
|
}
|
|
484
|
-
function
|
|
494
|
+
function we(e, t) {
|
|
485
495
|
if (null == e) return {};
|
|
486
|
-
var r, n, o =
|
|
496
|
+
var r, n, o = Se(e, t);
|
|
487
497
|
if (Object.getOwnPropertySymbols) {
|
|
488
498
|
var a = Object.getOwnPropertySymbols(e);
|
|
489
499
|
for (n = 0; n < a.length; n++) {
|
|
@@ -492,7 +502,7 @@
|
|
|
492
502
|
}
|
|
493
503
|
return o;
|
|
494
504
|
}
|
|
495
|
-
function
|
|
505
|
+
function Se(e, t) {
|
|
496
506
|
if (null == e) return {};
|
|
497
507
|
var r = {};
|
|
498
508
|
for (var n in e) {
|
|
@@ -503,7 +513,7 @@
|
|
|
503
513
|
}
|
|
504
514
|
return r;
|
|
505
515
|
}
|
|
506
|
-
/** @public */ var
|
|
516
|
+
/** @public */ var xe = {
|
|
507
517
|
children: a().node,
|
|
508
518
|
elementRef: a().oneOfType([ a().func, a().object ]),
|
|
509
519
|
/** @private */
|
|
@@ -519,12 +529,12 @@
|
|
|
519
529
|
value: a().any,
|
|
520
530
|
tag: a().oneOf([ "article", "div", "aside", "section" ])
|
|
521
531
|
};
|
|
522
|
-
function
|
|
532
|
+
function je(e) {
|
|
523
533
|
return !!e.onClick || !!e.to;
|
|
524
534
|
}
|
|
525
|
-
function
|
|
526
|
-
var t = e.margin, r = e.maxWidth, n = e.minWidth, o = e.style, a =
|
|
527
|
-
var i =
|
|
535
|
+
function ke(e) {
|
|
536
|
+
var t = e.margin, r = e.maxWidth, n = e.minWidth, o = e.style, a = we(e, [ "margin", "maxWidth", "minWidth", "style" ]);
|
|
537
|
+
var i = be({
|
|
528
538
|
minWidth: n,
|
|
529
539
|
maxWidth: r,
|
|
530
540
|
margin: t
|
|
@@ -535,31 +545,31 @@
|
|
|
535
545
|
};
|
|
536
546
|
return [ l, a ];
|
|
537
547
|
}
|
|
538
|
-
function
|
|
539
|
-
var t =
|
|
540
|
-
var l = i.children, c = i.elementRef, s = i.onClick, u = i.openInNewContext, d = i.selected, f = i.to, p = i.value, v =
|
|
541
|
-
var
|
|
548
|
+
function Ce(e) {
|
|
549
|
+
var t = ke(e), o = ue(t, 2), a = o[0], i = o[1];
|
|
550
|
+
var l = i.children, c = i.elementRef, s = i.onClick, u = i.openInNewContext, d = i.selected, f = i.to, p = i.value, v = we(i, [ "children", "elementRef", "onClick", "openInNewContext", "selected", "to", "value" ]);
|
|
551
|
+
var m = (0, r.useCallback)((function(e) {
|
|
542
552
|
s === null || s === void 0 ? void 0 : s(e, {
|
|
543
553
|
selected: d || false,
|
|
544
554
|
value: p
|
|
545
555
|
});
|
|
546
556
|
}), [ s, d, p ]);
|
|
547
557
|
|
|
548
|
-
return n().createElement(N,
|
|
558
|
+
return n().createElement(N, se({
|
|
549
559
|
"data-clickable": true,
|
|
550
560
|
$selected: d || false,
|
|
551
561
|
elementRef: c
|
|
552
562
|
}, a, v, {
|
|
553
|
-
onClick: s ?
|
|
563
|
+
onClick: s ? m : undefined,
|
|
554
564
|
openInNewContext: u,
|
|
555
565
|
to: f || undefined
|
|
556
566
|
}), l);
|
|
557
567
|
}
|
|
558
|
-
function
|
|
559
|
-
var t =
|
|
560
|
-
var i = a.children, l = a.elementRef, c = a.tag, s =
|
|
568
|
+
function Pe(e) {
|
|
569
|
+
var t = ke(e), r = ue(t, 2), o = r[0], a = r[1];
|
|
570
|
+
var i = a.children, l = a.elementRef, c = a.tag, s = we(a, [ "children", "elementRef", "tag" ]);
|
|
561
571
|
|
|
562
|
-
return n().createElement(
|
|
572
|
+
return n().createElement(_, se({
|
|
563
573
|
$selected: false,
|
|
564
574
|
ref: l,
|
|
565
575
|
as: c
|
|
@@ -567,20 +577,20 @@
|
|
|
567
577
|
onClick: undefined
|
|
568
578
|
}), i);
|
|
569
579
|
}
|
|
570
|
-
function
|
|
580
|
+
function Ee(e) {
|
|
571
581
|
// @docs-props-type CardPropsBase
|
|
572
|
-
|
|
582
|
+
K({
|
|
573
583
|
componentName: "Card",
|
|
574
584
|
propName: "selected",
|
|
575
585
|
propValue: e.selected
|
|
576
586
|
});
|
|
577
|
-
return
|
|
587
|
+
return je(e) ? n().createElement(Ce, e) : n().createElement(Pe, e);
|
|
578
588
|
}
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
/* harmony default export */ const
|
|
589
|
+
Ee.propTypes = xe;
|
|
590
|
+
Ee.Header = le;
|
|
591
|
+
Ee.Body = j;
|
|
592
|
+
Ee.Footer = W;
|
|
593
|
+
/* harmony default export */ const _e = Ee;
|
|
584
594
|
// CONCATENATED MODULE: ./src/Card/index.ts
|
|
585
595
|
module.exports = t;
|
|
586
596
|
/******/})();
|