@splunk/react-ui 5.0.0-beta.4 → 5.0.0-beta.5

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.
Files changed (74) hide show
  1. package/Button.js +3 -1
  2. package/CHANGELOG.md +4 -1
  3. package/CHANGELOG.v5.mdx +35 -0
  4. package/Card.js +163 -162
  5. package/Chip.js +171 -225
  6. package/Clickable.js +79 -76
  7. package/ComboBox.js +1 -1
  8. package/Date.js +160 -184
  9. package/DualListbox.js +439 -504
  10. package/File.js +449 -324
  11. package/FormRows.js +143 -142
  12. package/JSONTree.js +496 -521
  13. package/Layer.js +162 -97
  14. package/Link.js +20 -13
  15. package/MIGRATION.v5.mdx +47 -0
  16. package/Markdown.js +1 -1
  17. package/Message.js +119 -141
  18. package/MessageBar.js +109 -168
  19. package/Multiselect.js +595 -602
  20. package/Popover.js +194 -190
  21. package/Progress.js +68 -54
  22. package/RadioBar.js +4 -1
  23. package/RadioList.js +67 -65
  24. package/Resize.js +377 -265
  25. package/ResultsMenu.js +573 -661
  26. package/ScrollContainerContext.js +13 -9
  27. package/Search.js +1 -1
  28. package/Select.js +206 -199
  29. package/Slider.js +455 -329
  30. package/StepBar.js +2 -2
  31. package/Switch.js +88 -87
  32. package/TabBar.js +322 -317
  33. package/TabLayout.js +34 -34
  34. package/Table.js +548 -525
  35. package/Text.js +20 -19
  36. package/TextArea.js +278 -152
  37. package/Tooltip.js +173 -177
  38. package/Tree.js +2 -2
  39. package/Typography.js +30 -28
  40. package/WaitSpinner.js +6 -11
  41. package/cypress/support/commands.ts +14 -4
  42. package/cypress/support/index.d.ts +1 -1
  43. package/package.json +5 -5
  44. package/stubs-splunkui.d.ts +0 -4
  45. package/types/src/Card/Card.d.ts +3 -1
  46. package/types/src/Card/Header.d.ts +2 -0
  47. package/types/src/Card/docs/examples/HeadingTitle.d.ts +3 -0
  48. package/types/src/Clickable/Clickable.d.ts +11 -3
  49. package/types/src/Link/Link.d.ts +4 -0
  50. package/types/src/Message/Message.d.ts +1 -1
  51. package/types/src/MessageBar/MessageBar.d.ts +1 -1
  52. package/types/src/Multiselect/Multiselect.d.ts +1 -8
  53. package/types/src/Multiselect/Normal.d.ts +1 -7
  54. package/types/src/Multiselect/docs/examples/Children.d.ts +2 -9
  55. package/types/src/Multiselect/docs/examples/Controlled.d.ts +2 -9
  56. package/types/src/Multiselect/docs/examples/CustomizeSelected.d.ts +2 -9
  57. package/types/src/Multiselect/docs/examples/Disabled.d.ts +2 -9
  58. package/types/src/Multiselect/docs/examples/Error.d.ts +2 -9
  59. package/types/src/Multiselect/docs/examples/Fetching.d.ts +2 -22
  60. package/types/src/Multiselect/docs/examples/Headings.d.ts +2 -1
  61. package/types/src/Multiselect/docs/examples/LoadMoreOnScrollBottom.d.ts +2 -25
  62. package/types/src/Multiselect/docs/examples/NewValues.d.ts +2 -9
  63. package/types/src/Multiselect/docs/examples/TabInput.d.ts +2 -9
  64. package/types/src/ResultsMenu/ResultsMenu.d.ts +23 -34
  65. package/types/src/Select/SelectBase.d.ts +2 -2
  66. package/types/src/TabBar/TabBar.d.ts +8 -5
  67. package/types/src/TabBar/TabBarContext.d.ts +1 -1
  68. package/types/src/TabLayout/TabLayout.d.ts +8 -5
  69. package/types/src/Typography/Typography.d.ts +27 -22
  70. package/types/src/Date/Icon.d.ts +0 -3
  71. package/types/src/TabBar/docs/examples/IconsAbove.d.ts +0 -3
  72. package/types/src/TabBar/docs/examples/VerticalIconsAbove.d.ts +0 -3
  73. /package/types/src/TabBar/docs/examples/{IconsLeft.d.ts → Icons.d.ts} +0 -0
  74. /package/types/src/TabBar/docs/examples/{VerticalIconsLeft.d.ts → VerticalIcons.d.ts} +0 -0
package/Card.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 = r => {
12
- /******/ var t = r && r.__esModule ?
13
- /******/ () => r["default"]
14
- /******/ : () => r
11
+ /******/ e.n = t => {
12
+ /******/ var r = t && t.__esModule ?
13
+ /******/ () => t["default"]
14
+ /******/ : () => t
15
15
  /******/;
16
- e.d(t, {
17
- a: t
16
+ e.d(r, {
17
+ a: r
18
18
  });
19
- /******/ return t;
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 = (r, t) => {
27
- /******/ for (var n in t) {
28
- /******/ if (e.o(t, n) && !e.o(r, n)) {
29
- /******/ Object.defineProperty(r, n, {
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: t[n]
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, r) => Object.prototype.hasOwnProperty.call(e, r)
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 r = {};
59
+ /************************************************************************/ var t = {};
60
60
  // ESM COMPAT FLAG
61
- e.r(r);
61
+ e.r(t);
62
62
  // EXPORTS
63
- e.d(r, {
64
- Body: () => /* reexport */ j,
63
+ e.d(t, {
64
+ Body: () => /* reexport */ x,
65
65
  Footer: () => /* reexport */ _,
66
- Header: () => /* reexport */ J,
67
- default: () => /* reexport */ je
66
+ Header: () => /* reexport */ G,
67
+ default: () => /* reexport */ xe
68
68
  });
69
69
  // CONCATENATED MODULE: external "react"
70
- const t = require("react");
71
- var n = e.n(t);
70
+ const r = require("react");
71
+ var n = e.n(r);
72
72
  // CONCATENATED MODULE: external "prop-types"
73
73
  const o = require("prop-types");
74
74
  var i = e.n(o);
@@ -88,24 +88,24 @@
88
88
  var f = l().div.withConfig({
89
89
  displayName: "HeaderStyles__StyledTitle",
90
90
  componentId: "eqi6uk-0"
91
- })([ "", " ", " margin:0;overflow-wrap:break-word;padding:0;" ], u.mixins.reset("block"), u.mixins.typography("title3"));
91
+ })([ "", " ", " overflow-wrap:break-word;" ], u.mixins.reset("block"), u.mixins.typography("title3"));
92
92
  var p = l().div.withConfig({
93
93
  displayName: "HeaderStyles__StyledSubtitle",
94
94
  componentId: "eqi6uk-1"
95
- })([ "", " ", " margin:0;overflow-wrap:break-word;padding:0;" ], u.mixins.reset("block"), u.mixins.typography("body", {
95
+ })([ "", " ", " overflow-wrap:break-word;" ], u.mixins.reset("block"), u.mixins.typography("body", {
96
96
  color: "active"
97
97
  }));
98
98
  var y = l().div.withConfig({
99
99
  displayName: "HeaderStyles__StyledTitleContainer",
100
100
  componentId: "eqi6uk-2"
101
101
  })([ "", " flex:0 1 auto;", " &:not(:last-child){margin-right:", ";}" ], u.mixins.reset("block"), (function(e) {
102
- var r = e.$truncateTitle;
103
- return r && (0, a.css)([ "overflow:hidden;& > ", ",& > ", "{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}" ], /* sc-sel */ f, /* sc-sel */ p);
102
+ var t = e.$truncateTitle;
103
+ return t && (0, a.css)([ "overflow:hidden;& > ", ",& > ", ",& > ", " *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}" ], /* sc-sel */ f, /* sc-sel */ p, /* sc-sel */ f);
104
104
  }), u.variables.spacingSmall);
105
105
  var b = l().div.withConfig({
106
106
  displayName: "HeaderStyles__StyledActionContainer",
107
107
  componentId: "eqi6uk-3"
108
- })([ "", " align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;gap:", ";" ], u.mixins.reset("block"), u.variables.spacingSmall);
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
109
  var v = l()(s()).withConfig({
110
110
  displayName: "HeaderStyles__StyledBox",
111
111
  componentId: "eqi6uk-4"
@@ -115,42 +115,42 @@
115
115
  displayName: "BodyStyles__StyledBox",
116
116
  componentId: "sc-1130udp-0"
117
117
  })([ "", ";overflow:auto;height:100%;" ], (function(e) {
118
- var r = e.$inset;
119
- return r && (0, a.css)([ "", "" ], d);
118
+ var t = e.$inset;
119
+ return t && (0, a.css)([ "", "" ], d);
120
120
  }));
121
121
  // CONCATENATED MODULE: ./src/Card/Body.tsx
122
122
  function g() {
123
123
  return g = Object.assign ? Object.assign.bind() : function(e) {
124
- for (var r = 1; r < arguments.length; r++) {
125
- var t = arguments[r];
126
- for (var n in t) {
127
- ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
124
+ for (var t = 1; t < arguments.length; t++) {
125
+ var r = arguments[t];
126
+ for (var n in r) {
127
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
128
128
  }
129
129
  }
130
130
  return e;
131
131
  }, g.apply(null, arguments);
132
132
  }
133
- function h(e, r) {
133
+ function h(e, t) {
134
134
  if (null == e) return {};
135
- var t, n, o = w(e, r);
135
+ var r, n, o = w(e, t);
136
136
  if (Object.getOwnPropertySymbols) {
137
137
  var i = Object.getOwnPropertySymbols(e);
138
138
  for (n = 0; n < i.length; n++) {
139
- t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
139
+ r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
140
140
  }
141
141
  }
142
142
  return o;
143
143
  }
144
- function w(e, r) {
144
+ function w(e, t) {
145
145
  if (null == e) return {};
146
- var t = {};
146
+ var r = {};
147
147
  for (var n in e) {
148
148
  if ({}.hasOwnProperty.call(e, n)) {
149
- if (r.includes(n)) continue;
150
- t[n] = e[n];
149
+ if (t.includes(n)) continue;
150
+ r[n] = e[n];
151
151
  }
152
152
  }
153
- return t;
153
+ return r;
154
154
  }
155
155
  var O = {
156
156
  children: i().node,
@@ -160,54 +160,54 @@
160
160
  /**
161
161
  * A styled container for `Card` body content.
162
162
  */ function S(e) {
163
- var r = e.children, t = e.inset, o = t === void 0 ? true : t, i = h(e, [ "children", "inset" ]);
163
+ var t = e.children, r = e.inset, o = r === void 0 ? true : r, i = h(e, [ "children", "inset" ]);
164
164
  // @docs-props-type BodyPropsBase
165
165
 
166
166
  return n().createElement(m, g({
167
167
  "data-test": "body",
168
168
  $inset: o
169
- }, i), r);
169
+ }, i), t);
170
170
  }
171
171
  S.propTypes = O;
172
- /* harmony default export */ const j = S;
172
+ /* harmony default export */ const x = S;
173
173
  // CONCATENATED MODULE: ./src/Card/FooterStyles.ts
174
- var x = l()(s()).withConfig({
174
+ var j = l()(s()).withConfig({
175
175
  displayName: "FooterStyles__StyledBox",
176
176
  componentId: "sc-1yu3r4s-0"
177
177
  })([ "", " ", " text-align:right;align-self:end;" ], u.mixins.typography("body"), d);
178
178
  // CONCATENATED MODULE: ./src/Card/Footer.tsx
179
179
  function k() {
180
180
  return k = Object.assign ? Object.assign.bind() : function(e) {
181
- for (var r = 1; r < arguments.length; r++) {
182
- var t = arguments[r];
183
- for (var n in t) {
184
- ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
181
+ for (var t = 1; t < arguments.length; t++) {
182
+ var r = arguments[t];
183
+ for (var n in r) {
184
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
185
185
  }
186
186
  }
187
187
  return e;
188
188
  }, k.apply(null, arguments);
189
189
  }
190
- function C(e, r) {
190
+ function C(e, t) {
191
191
  if (null == e) return {};
192
- var t, n, o = P(e, r);
192
+ var r, n, o = P(e, t);
193
193
  if (Object.getOwnPropertySymbols) {
194
194
  var i = Object.getOwnPropertySymbols(e);
195
195
  for (n = 0; n < i.length; n++) {
196
- t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
196
+ r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
197
197
  }
198
198
  }
199
199
  return o;
200
200
  }
201
- function P(e, r) {
201
+ function P(e, t) {
202
202
  if (null == e) return {};
203
- var t = {};
203
+ var r = {};
204
204
  for (var n in e) {
205
205
  if ({}.hasOwnProperty.call(e, n)) {
206
- if (r.includes(n)) continue;
207
- t[n] = e[n];
206
+ if (t.includes(n)) continue;
207
+ r[n] = e[n];
208
208
  }
209
209
  }
210
- return t;
210
+ return r;
211
211
  }
212
212
  var E = {
213
213
  children: i().node,
@@ -216,12 +216,12 @@
216
216
  /**
217
217
  * A styled container for `Card` footer content.
218
218
  */ function T(e) {
219
- var r = e.children, t = C(e, [ "children" ]);
219
+ var t = e.children, r = C(e, [ "children" ]);
220
220
  // @docs-props-type FooterPropsBase
221
221
 
222
- return n().createElement(x, k({
222
+ return n().createElement(j, k({
223
223
  "data-test": "footer"
224
- }, t), r);
224
+ }, r), t);
225
225
  }
226
226
  T.propTypes = E;
227
227
  /* harmony default export */ const _ = T;
@@ -233,44 +233,44 @@
233
233
  var R = e.n(N);
234
234
  // CONCATENATED MODULE: external "@splunk/react-ui/Button"
235
235
  const A = require("@splunk/react-ui/Button");
236
- var W = e.n(A);
236
+ var H = e.n(A);
237
237
  // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
238
- const B = require("@splunk/react-ui/Dropdown");
239
- var H = e.n(B);
238
+ const W = require("@splunk/react-ui/Dropdown");
239
+ var B = e.n(W);
240
240
  // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
241
241
  const $ = require("@splunk/react-ui/Tooltip");
242
242
  var D = e.n($);
243
243
  // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
244
244
  const F = require("@splunk/ui-utils/i18n");
245
245
  // CONCATENATED MODULE: ./src/Card/Header.tsx
246
- function L(e, r) {
246
+ function L(e, t) {
247
247
  if (null == e) return {};
248
- var t, n, o = M(e, r);
248
+ var r, n, o = M(e, t);
249
249
  if (Object.getOwnPropertySymbols) {
250
250
  var i = Object.getOwnPropertySymbols(e);
251
251
  for (n = 0; n < i.length; n++) {
252
- t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
252
+ r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
253
253
  }
254
254
  }
255
255
  return o;
256
256
  }
257
- function M(e, r) {
257
+ function M(e, t) {
258
258
  if (null == e) return {};
259
- var t = {};
259
+ var r = {};
260
260
  for (var n in e) {
261
261
  if ({}.hasOwnProperty.call(e, n)) {
262
- if (r.includes(n)) continue;
263
- t[n] = e[n];
262
+ if (t.includes(n)) continue;
263
+ r[n] = e[n];
264
264
  }
265
265
  }
266
- return t;
266
+ return r;
267
267
  }
268
268
  function U() {
269
269
  return U = Object.assign ? Object.assign.bind() : function(e) {
270
- for (var r = 1; r < arguments.length; r++) {
271
- var t = arguments[r];
272
- for (var n in t) {
273
- ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
270
+ for (var t = 1; t < arguments.length; t++) {
271
+ var r = arguments[t];
272
+ for (var n in r) {
273
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
274
274
  }
275
275
  }
276
276
  return e;
@@ -291,30 +291,31 @@
291
291
  // when we want actions to be the intended use case
292
292
  var X = n().createElement(q(), null);
293
293
  // `forwardRef` is used to enable focus on toggle when Dropdown is closing
294
- var z = n().forwardRef((function(e, r) {
294
+ var Y = n().forwardRef((function(e, t) {
295
295
 
296
296
  return n().createElement(D(), U({
297
297
  content: (0, F._)("Actions"),
298
298
  contentRelationship: "label"
299
- }, e), n().createElement(W(), {
299
+ }, e), n().createElement(H(), {
300
300
  appearance: "secondary",
301
301
  "data-test": "actions-secondary-toggle",
302
302
  icon: X,
303
- elementRef: r
303
+ elementRef: t
304
304
  }));
305
305
  }));
306
306
  /**
307
307
  * A styled container for `Card` header content.
308
- */ function G(e) {
309
- var r = e.actions, t = e.actionPrimary, o = e.actionsSecondary, i = e.anchor, a = e.children, l = e.subtitle, c = e.title, s = e.truncateTitle, u = s === void 0 ? true : s, d = L(e, [ "actions", "actionPrimary", "actionsSecondary", "anchor", "children", "subtitle", "title", "truncateTitle" ]);
308
+ */ function z(e) {
309
+ var t = e.actions, r = e.actionPrimary, o = e.actionsSecondary, i = e.anchor, a = e.children, l = e.subtitle, c = e.title, s = e.truncateTitle, u = s === void 0 ? true : s, d = L(e, [ "actions", "actionPrimary", "actionsSecondary", "anchor", "children", "subtitle", "title", "truncateTitle" ]);
310
310
  // @docs-props-type HeaderPropsBase
311
311
  if (false) {}
312
+ if (false) {}
312
313
  var m;
313
- if (r) {
314
- m = r();
315
- } else if (t || o) {
316
- m = n().createElement(n().Fragment, null, t, o && n().createElement(H(), {
317
- toggle: n().createElement(z, null)
314
+ if (t) {
315
+ m = t();
316
+ } else if (r || o) {
317
+ m = n().createElement(n().Fragment, null, r, o && n().createElement(B(), {
318
+ toggle: n().createElement(Y, null)
318
319
  }, o));
319
320
  }
320
321
 
@@ -326,80 +327,80 @@
326
327
  name: i
327
328
  }, c) : c), l && n().createElement(p, null, l)), a, m && n().createElement(b, null, m));
328
329
  }
329
- G.propTypes = V;
330
- /* harmony default export */ const J = G;
330
+ z.propTypes = V;
331
+ /* harmony default export */ const G = z;
331
332
  // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
332
- const K = require("@splunk/react-ui/Clickable");
333
- var Q = e.n(K);
333
+ const J = require("@splunk/react-ui/Clickable");
334
+ var K = e.n(J);
334
335
  // CONCATENATED MODULE: ./src/Card/CardStyles.ts
335
- var Y = "0.2s";
336
- var Z = (0, a.css)([ "", ";gap:", " 0;grid-template-rows:min-content;background-color:", ";min-width:100px;flex:1;vertical-align:top;border:2px solid ", ";border-radius:", ";box-shadow:", ";transition:height ", ",width ", ",min-width ", ",max-width ", ",margin ", ",box-shadow ", ",border-color ", ";&[data-clickable='true']{cursor:pointer;", " &: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.borderColorWeak, u.variables.borderRadius, u.variables.embossShadow, Y, Y, Y, Y, Y, Y, Y, (function(e) {
337
- var r = e.$selected;
338
- return r && (0, a.css)([ "background-color:", ";" ], u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlaySelected));
336
+ var Q = "0.2s";
337
+ var Z = (0, a.css)([ "", ";gap:", " 0;grid-template-rows:min-content;background-color:", ";min-width:100px;flex:1;vertical-align:top;border:2px solid ", ";border-radius:", ";box-shadow:", ";transition:height ", ",width ", ",min-width ", ",max-width ", ",margin ", ",box-shadow ", ",border-color ", ";&[data-clickable='true']{cursor:pointer;", " &: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.borderColorWeak, u.variables.borderRadius, u.variables.embossShadow, Q, Q, Q, Q, Q, Q, Q, (function(e) {
338
+ var t = e.$selected;
339
+ return t && (0, a.css)([ "background-color:", ";" ], u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlaySelected));
339
340
  }), u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlayHover), u.variables.overlayShadow, /* sc-sel */ f, u.variables.focusShadow, /* sc-sel */ f);
340
341
  var ee = l().article.withConfig({
341
342
  displayName: "CardStyles__Styled",
342
343
  componentId: "ola3x0-0"
343
344
  })([ "", "" ], Z);
344
- var re = l()(Q()).withConfig({
345
+ var te = l()(K()).withConfig({
345
346
  displayName: "CardStyles__StyledClickable",
346
347
  componentId: "ola3x0-1"
347
348
  })([ "", "" ], Z);
348
349
  // CONCATENATED MODULE: ./src/Card/Card.tsx
349
- function te(e) {
350
+ function re(e) {
350
351
  "@babel/helpers - typeof";
351
- return te = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
352
+ return re = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
352
353
  return typeof e;
353
354
  } : function(e) {
354
355
  return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
355
- }, te(e);
356
+ }, re(e);
356
357
  }
357
358
  function ne() {
358
359
  return ne = Object.assign ? Object.assign.bind() : function(e) {
359
- for (var r = 1; r < arguments.length; r++) {
360
- var t = arguments[r];
361
- for (var n in t) {
362
- ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
360
+ for (var t = 1; t < arguments.length; t++) {
361
+ var r = arguments[t];
362
+ for (var n in r) {
363
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
363
364
  }
364
365
  }
365
366
  return e;
366
367
  }, ne.apply(null, arguments);
367
368
  }
368
- function oe(e, r) {
369
- return se(e) || ce(e, r) || ae(e, r) || ie();
369
+ function oe(e, t) {
370
+ return se(e) || ce(e, t) || ae(e, t) || ie();
370
371
  }
371
372
  function ie() {
372
373
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
373
374
  }
374
- function ae(e, r) {
375
+ function ae(e, t) {
375
376
  if (e) {
376
- if ("string" == typeof e) return le(e, r);
377
- var t = {}.toString.call(e).slice(8, -1);
378
- return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? le(e, r) : void 0;
377
+ if ("string" == typeof e) return le(e, t);
378
+ var r = {}.toString.call(e).slice(8, -1);
379
+ 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) ? le(e, t) : void 0;
379
380
  }
380
381
  }
381
- function le(e, r) {
382
- (null == r || r > e.length) && (r = e.length);
383
- for (var t = 0, n = Array(r); t < r; t++) {
384
- n[t] = e[t];
382
+ function le(e, t) {
383
+ (null == t || t > e.length) && (t = e.length);
384
+ for (var r = 0, n = Array(t); r < t; r++) {
385
+ n[r] = e[r];
385
386
  }
386
387
  return n;
387
388
  }
388
- function ce(e, r) {
389
- var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
390
- if (null != t) {
389
+ function ce(e, t) {
390
+ var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
391
+ if (null != r) {
391
392
  var n, o, i, a, l = [], c = !0, s = !1;
392
393
  try {
393
- if (i = (t = t.call(e)).next, 0 === r) {
394
- if (Object(t) !== t) return;
394
+ if (i = (r = r.call(e)).next, 0 === t) {
395
+ if (Object(r) !== r) return;
395
396
  c = !1;
396
- } else for (;!(c = (n = i.call(t)).done) && (l.push(n.value), l.length !== r); c = !0) {
397
+ } else for (;!(c = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); c = !0) {
397
398
  }
398
399
  } catch (e) {
399
400
  s = !0, o = e;
400
401
  } finally {
401
402
  try {
402
- if (!c && null != t["return"] && (a = t["return"](), Object(a) !== a)) return;
403
+ if (!c && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
403
404
  } finally {
404
405
  if (s) throw o;
405
406
  }
@@ -410,70 +411,70 @@
410
411
  function se(e) {
411
412
  if (Array.isArray(e)) return e;
412
413
  }
413
- function ue(e, r) {
414
- var t = Object.keys(e);
414
+ function ue(e, t) {
415
+ var r = Object.keys(e);
415
416
  if (Object.getOwnPropertySymbols) {
416
417
  var n = Object.getOwnPropertySymbols(e);
417
- r && (n = n.filter((function(r) {
418
- return Object.getOwnPropertyDescriptor(e, r).enumerable;
419
- }))), t.push.apply(t, n);
418
+ t && (n = n.filter((function(t) {
419
+ return Object.getOwnPropertyDescriptor(e, t).enumerable;
420
+ }))), r.push.apply(r, n);
420
421
  }
421
- return t;
422
+ return r;
422
423
  }
423
424
  function de(e) {
424
- for (var r = 1; r < arguments.length; r++) {
425
- var t = null != arguments[r] ? arguments[r] : {};
426
- r % 2 ? ue(Object(t), !0).forEach((function(r) {
427
- fe(e, r, t[r]);
428
- })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ue(Object(t)).forEach((function(r) {
429
- Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
425
+ for (var t = 1; t < arguments.length; t++) {
426
+ var r = null != arguments[t] ? arguments[t] : {};
427
+ t % 2 ? ue(Object(r), !0).forEach((function(t) {
428
+ fe(e, t, r[t]);
429
+ })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ue(Object(r)).forEach((function(t) {
430
+ Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
430
431
  }));
431
432
  }
432
433
  return e;
433
434
  }
434
- function fe(e, r, t) {
435
- return (r = pe(r)) in e ? Object.defineProperty(e, r, {
436
- value: t,
435
+ function fe(e, t, r) {
436
+ return (t = pe(t)) in e ? Object.defineProperty(e, t, {
437
+ value: r,
437
438
  enumerable: !0,
438
439
  configurable: !0,
439
440
  writable: !0
440
- }) : e[r] = t, e;
441
+ }) : e[t] = r, e;
441
442
  }
442
443
  function pe(e) {
443
- var r = ye(e, "string");
444
- return "symbol" == te(r) ? r : r + "";
445
- }
446
- function ye(e, r) {
447
- if ("object" != te(e) || !e) return e;
448
- var t = e[Symbol.toPrimitive];
449
- if (void 0 !== t) {
450
- var n = t.call(e, r || "default");
451
- if ("object" != te(n)) return n;
444
+ var t = ye(e, "string");
445
+ return "symbol" == re(t) ? t : t + "";
446
+ }
447
+ function ye(e, t) {
448
+ if ("object" != re(e) || !e) return e;
449
+ var r = e[Symbol.toPrimitive];
450
+ if (void 0 !== r) {
451
+ var n = r.call(e, t || "default");
452
+ if ("object" != re(n)) return n;
452
453
  throw new TypeError("@@toPrimitive must return a primitive value.");
453
454
  }
454
- return ("string" === r ? String : Number)(e);
455
+ return ("string" === t ? String : Number)(e);
455
456
  }
456
- function be(e, r) {
457
+ function be(e, t) {
457
458
  if (null == e) return {};
458
- var t, n, o = ve(e, r);
459
+ var r, n, o = ve(e, t);
459
460
  if (Object.getOwnPropertySymbols) {
460
461
  var i = Object.getOwnPropertySymbols(e);
461
462
  for (n = 0; n < i.length; n++) {
462
- t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
463
+ r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
463
464
  }
464
465
  }
465
466
  return o;
466
467
  }
467
- function ve(e, r) {
468
+ function ve(e, t) {
468
469
  if (null == e) return {};
469
- var t = {};
470
+ var r = {};
470
471
  for (var n in e) {
471
472
  if ({}.hasOwnProperty.call(e, n)) {
472
- if (r.includes(n)) continue;
473
- t[n] = e[n];
473
+ if (t.includes(n)) continue;
474
+ r[n] = e[n];
474
475
  }
475
476
  }
476
- return t;
477
+ return r;
477
478
  }
478
479
  /** @public */ var me = {
479
480
  children: i().node,
@@ -495,11 +496,11 @@
495
496
  return !!e.onClick || !!e.to;
496
497
  }
497
498
  function he(e) {
498
- var r = e.margin, t = e.maxWidth, n = e.minWidth, o = e.style, i = be(e, [ "margin", "maxWidth", "minWidth", "style" ]);
499
+ var t = e.margin, r = e.maxWidth, n = e.minWidth, o = e.style, i = be(e, [ "margin", "maxWidth", "minWidth", "style" ]);
499
500
  var a = de({
500
501
  minWidth: n,
501
- maxWidth: t,
502
- margin: r
502
+ maxWidth: r,
503
+ margin: t
503
504
  }, o);
504
505
  var l = {
505
506
  "data-test": "card",
@@ -508,16 +509,16 @@
508
509
  return [ l, i ];
509
510
  }
510
511
  function we(e) {
511
- var r = he(e), o = oe(r, 2), i = o[0], a = o[1];
512
+ var t = he(e), o = oe(t, 2), i = o[0], a = o[1];
512
513
  var l = a.children, c = a.elementRef, s = a.onClick, u = a.openInNewContext, d = a.selected, f = a.to, p = a.value, y = be(a, [ "children", "elementRef", "onClick", "openInNewContext", "selected", "to", "value" ]);
513
- var b = (0, t.useCallback)((function(e) {
514
+ var b = (0, r.useCallback)((function(e) {
514
515
  s === null || s === void 0 ? void 0 : s(e, {
515
516
  selected: d || false,
516
517
  value: p
517
518
  });
518
519
  }), [ s, d, p ]);
519
520
 
520
- return n().createElement(re, ne({
521
+ return n().createElement(te, ne({
521
522
  "data-clickable": true,
522
523
  $selected: d || false,
523
524
  elementRef: c
@@ -528,7 +529,7 @@
528
529
  }), l);
529
530
  }
530
531
  function Oe(e) {
531
- var r = he(e), t = oe(r, 2), o = t[0], i = t[1];
532
+ var t = he(e), r = oe(t, 2), o = r[0], i = r[1];
532
533
  var a = i.children, l = i.elementRef, c = i.tag, s = be(i, [ "children", "elementRef", "tag" ]);
533
534
 
534
535
  return n().createElement(ee, ne({
@@ -545,10 +546,10 @@
545
546
  return ge(e) ? n().createElement(we, e) : n().createElement(Oe, e);
546
547
  }
547
548
  Se.propTypes = me;
548
- Se.Header = J;
549
- Se.Body = j;
549
+ Se.Header = G;
550
+ Se.Body = x;
550
551
  Se.Footer = _;
551
- /* harmony default export */ const je = Se;
552
+ /* harmony default export */ const xe = Se;
552
553
  // CONCATENATED MODULE: ./src/Card/index.ts
553
- module.exports = r;
554
+ module.exports = t;
554
555
  /******/})();