@splunk/react-ui 5.5.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/Card.js CHANGED
@@ -61,10 +61,10 @@
61
61
  e.r(t);
62
62
  // EXPORTS
63
63
  e.d(t, {
64
- Body: () => /* reexport */ x,
65
- Footer: () => /* reexport */ H,
66
- Header: () => /* reexport */ ae,
67
- default: () => /* reexport */ Pe
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;", " &:not(:last-child){margin-right:", ";}" ], u.mixins.reset("block"), (function(e) {
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
- }), u.variables.spacingSmall);
105
- var y = l().div.withConfig({
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 m = l()(s()).withConfig({
110
- displayName: "HeaderStyles__StyledBox",
109
+ var y = l().div.withConfig({
110
+ displayName: "HeaderStyles__StyledIconContainer",
111
111
  componentId: "eqi6uk-4"
112
- })([ "", " align-items:start;display:flex;justify-content:space-between;position:relative;min-height:30px;>:not(", "):not(", "){flex:1 0 auto;}" ], d, /* sc-sel */ v, /* sc-sel */ y);
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 g() {
123
- return g = Object.assign ? Object.assign.bind() : function(e) {
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
- }, g.apply(null, arguments);
135
+ }, h.apply(null, arguments);
132
136
  }
133
- function h(e, t) {
137
+ function O(e, t) {
134
138
  if (null == e) return {};
135
- var r, n, o = O(e, t);
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 O(e, t) {
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 w = {
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 S(e) {
163
- var t = e.children, r = e.inset, o = r === void 0 ? true : r, a = h(e, [ "children", "inset" ]);
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(b, g({
170
+ return n().createElement(g, h({
167
171
  "data-test": "body",
168
172
  $inset: o
169
173
  }, a), t);
170
174
  }
171
- S.propTypes = w;
172
- /* harmony default export */ const x = S;
175
+ x.propTypes = S;
176
+ /* harmony default export */ const j = x;
173
177
  // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
174
- const j = require("@splunk/react-ui/Clickable");
175
- var k = e.n(j);
178
+ const k = require("@splunk/react-ui/Clickable");
179
+ var C = e.n(k);
176
180
  // CONCATENATED MODULE: ./src/Card/CardStyles.ts
177
- var C = "0.2s";
178
- var P = (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, C, C, C, C, C, C, C, u.variables.borderColorWeak, (function(e) {
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 E = l().article.withConfig({
186
+ var _ = l().article.withConfig({
183
187
  displayName: "CardStyles__Styled",
184
188
  componentId: "ola3x0-0"
185
- })([ "", "" ], P);
186
- var N = l()(k()).withConfig({
189
+ })([ "", "" ], E);
190
+ var N = l()(C()).withConfig({
187
191
  displayName: "CardStyles__StyledClickable",
188
192
  componentId: "ola3x0-1"
189
- })([ "", "" ], P);
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 _ = Object.assign ? Object.assign.bind() : function(e) {
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
- }, _.apply(null, arguments);
209
+ }, I.apply(null, arguments);
206
210
  }
207
- function I(e, t) {
211
+ function q(e, t) {
208
212
  if (null == e) return {};
209
- var r, n, o = q(e, t);
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 q(e, t) {
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 R = {
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 = I(e, [ "children" ]);
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 = R;
244
- /* harmony default export */ const H = A;
247
+ A.propTypes = H;
248
+ /* harmony default export */ const W = A;
245
249
  // CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeVertical"
246
- const W = require("@splunk/react-icons/DotsThreeVertical");
247
- var B = e.n(W);
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 M = require("@splunk/react-ui/Anchor");
250
- var $ = e.n(M);
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 V = e.n(D);
257
+ var F = e.n(D);
254
258
  // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
255
- const F = require("@splunk/react-ui/Dropdown");
256
- var L = e.n(F);
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 U = require("@splunk/react-ui/Tooltip");
259
- var X = e.n(U);
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 Y = require("@splunk/ui-utils/i18n");
265
+ const z = require("@splunk/ui-utils/i18n");
262
266
  // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
263
- var z = "is deprecated and will be removed in the next major version.";
264
- var G = function e(t) {
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 J = function e(t) {
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 K = function e(t) {
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 Q(e, t) {
287
+ function Z(e, t) {
284
288
  if (null == e) return {};
285
- var r, n, o = Z(e, t);
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 Z(e, t) {
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 ee() {
306
- return ee = Object.assign ? Object.assign.bind() : function(e) {
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
- }, ee.apply(null, arguments);
318
+ }, te.apply(null, arguments);
315
319
  }
316
- var te = {
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 re = n().createElement(B(), null);
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 ne = n().forwardRef((function(e, t) {
337
+ var ae = n().forwardRef((function(e, t) {
332
338
 
333
- return n().createElement(X(), ee({
334
- content: (0, Y._)("Actions"),
339
+ return n().createElement(Y(), te({
340
+ content: (0, z._)("Actions"),
335
341
  contentRelationship: "label"
336
- }, e), n().createElement(V(), {
342
+ }, e), n().createElement(F(), {
337
343
  appearance: "secondary",
338
344
  "data-test": "actions-secondary-toggle",
339
- icon: re,
345
+ icon: oe,
340
346
  elementRef: t
341
347
  }));
342
348
  }));
343
349
  /**
344
350
  * A styled container for `Card` header content.
345
- */ function oe(e) {
346
- var t = e.actions, o = e.actionPrimary, a = e.actionsSecondary, i = e.anchor, l = e.children, c = e.subtitle, s = e.title, u = e.truncateTitle, d = u === void 0 ? true : u, b = Q(e, [ "actions", "actionPrimary", "actionsSecondary", "anchor", "children", "subtitle", "title", "truncateTitle" ]);
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
- J({
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 g;
363
+ var O;
358
364
  if (t) {
359
- g = t();
365
+ O = t();
360
366
  } else if (o || a) {
361
- g = n().createElement(n().Fragment, null, o, a && n().createElement(L(), {
362
- toggle: n().createElement(ne, null)
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(m, ee({
376
+ return n().createElement(b, te({
367
377
  "data-test": "header"
368
- }, b), (s || c) && n().createElement(v, {
369
- $truncateTitle: d
370
- }, s && n().createElement(f, null, i ? n().createElement($(), {
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
- }, s) : s), c && n().createElement(p, null, c)), l, g && n().createElement(y, null, g));
382
+ }, u) : u), s && n().createElement(p, null, s)), l, O && n().createElement(m, null, O));
373
383
  }
374
- oe.propTypes = te;
375
- /* harmony default export */ const ae = oe;
384
+ ie.propTypes = re;
385
+ /* harmony default export */ const le = ie;
376
386
  // CONCATENATED MODULE: ./src/Card/Card.tsx
377
- function ie(e) {
387
+ function ce(e) {
378
388
  "@babel/helpers - typeof";
379
- return ie = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
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
- }, ie(e);
393
+ }, ce(e);
384
394
  }
385
- function le() {
386
- return le = Object.assign ? Object.assign.bind() : function(e) {
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
- }, le.apply(null, arguments);
404
+ }, se.apply(null, arguments);
395
405
  }
396
- function ce(e, t) {
397
- return pe(e) || fe(e, t) || ue(e, t) || se();
406
+ function ue(e, t) {
407
+ return me(e) || ve(e, t) || fe(e, t) || de();
398
408
  }
399
- function se() {
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 ue(e, t) {
412
+ function fe(e, t) {
403
413
  if (e) {
404
- if ("string" == typeof e) return de(e, t);
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) ? de(e, t) : void 0;
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 de(e, t) {
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 fe(e, t) {
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 pe(e) {
448
+ function me(e) {
439
449
  if (Array.isArray(e)) return e;
440
450
  }
441
- function ve(e, t) {
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 ye(e) {
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 ? ve(Object(r), !0).forEach((function(t) {
455
- me(e, t, r[t]);
456
- })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ve(Object(r)).forEach((function(t) {
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 me(e, t, r) {
463
- return (t = be(t)) in e ? Object.defineProperty(e, 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 be(e) {
471
- var t = ge(e, "string");
472
- return "symbol" == ie(t) ? t : t + "";
480
+ function he(e) {
481
+ var t = Oe(e, "string");
482
+ return "symbol" == ce(t) ? t : t + "";
473
483
  }
474
- function ge(e, t) {
475
- if ("object" != ie(e) || !e) return e;
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" != ie(n)) return n;
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 he(e, t) {
494
+ function we(e, t) {
485
495
  if (null == e) return {};
486
- var r, n, o = Oe(e, t);
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 Oe(e, t) {
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 we = {
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 Se(e) {
532
+ function je(e) {
523
533
  return !!e.onClick || !!e.to;
524
534
  }
525
- function xe(e) {
526
- var t = e.margin, r = e.maxWidth, n = e.minWidth, o = e.style, a = he(e, [ "margin", "maxWidth", "minWidth", "style" ]);
527
- var i = ye({
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 je(e) {
539
- var t = xe(e), o = ce(t, 2), a = o[0], i = o[1];
540
- var l = i.children, c = i.elementRef, s = i.onClick, u = i.openInNewContext, d = i.selected, f = i.to, p = i.value, v = he(i, [ "children", "elementRef", "onClick", "openInNewContext", "selected", "to", "value" ]);
541
- var y = (0, r.useCallback)((function(e) {
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, le({
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 ? y : undefined,
563
+ onClick: s ? m : undefined,
554
564
  openInNewContext: u,
555
565
  to: f || undefined
556
566
  }), l);
557
567
  }
558
- function ke(e) {
559
- var t = xe(e), r = ce(t, 2), o = r[0], a = r[1];
560
- var i = a.children, l = a.elementRef, c = a.tag, s = he(a, [ "children", "elementRef", "tag" ]);
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(E, le({
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 Ce(e) {
580
+ function Ee(e) {
571
581
  // @docs-props-type CardPropsBase
572
- J({
582
+ K({
573
583
  componentName: "Card",
574
584
  propName: "selected",
575
585
  propValue: e.selected
576
586
  });
577
- return Se(e) ? n().createElement(je, e) : n().createElement(ke, e);
587
+ return je(e) ? n().createElement(Ce, e) : n().createElement(Pe, e);
578
588
  }
579
- Ce.propTypes = we;
580
- Ce.Header = ae;
581
- Ce.Body = x;
582
- Ce.Footer = H;
583
- /* harmony default export */ const Pe = Ce;
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
  /******/})();