@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.
- package/Button.js +3 -1
- package/CHANGELOG.md +4 -1
- package/CHANGELOG.v5.mdx +35 -0
- package/Card.js +163 -162
- package/Chip.js +171 -225
- package/Clickable.js +79 -76
- package/ComboBox.js +1 -1
- package/Date.js +160 -184
- package/DualListbox.js +439 -504
- package/File.js +449 -324
- package/FormRows.js +143 -142
- package/JSONTree.js +496 -521
- package/Layer.js +162 -97
- package/Link.js +20 -13
- package/MIGRATION.v5.mdx +47 -0
- package/Markdown.js +1 -1
- package/Message.js +119 -141
- package/MessageBar.js +109 -168
- package/Multiselect.js +595 -602
- package/Popover.js +194 -190
- package/Progress.js +68 -54
- package/RadioBar.js +4 -1
- package/RadioList.js +67 -65
- package/Resize.js +377 -265
- package/ResultsMenu.js +573 -661
- package/ScrollContainerContext.js +13 -9
- package/Search.js +1 -1
- package/Select.js +206 -199
- package/Slider.js +455 -329
- package/StepBar.js +2 -2
- package/Switch.js +88 -87
- package/TabBar.js +322 -317
- package/TabLayout.js +34 -34
- package/Table.js +548 -525
- package/Text.js +20 -19
- package/TextArea.js +278 -152
- package/Tooltip.js +173 -177
- package/Tree.js +2 -2
- package/Typography.js +30 -28
- package/WaitSpinner.js +6 -11
- package/cypress/support/commands.ts +14 -4
- package/cypress/support/index.d.ts +1 -1
- package/package.json +5 -5
- package/stubs-splunkui.d.ts +0 -4
- package/types/src/Card/Card.d.ts +3 -1
- package/types/src/Card/Header.d.ts +2 -0
- package/types/src/Card/docs/examples/HeadingTitle.d.ts +3 -0
- package/types/src/Clickable/Clickable.d.ts +11 -3
- package/types/src/Link/Link.d.ts +4 -0
- package/types/src/Message/Message.d.ts +1 -1
- package/types/src/MessageBar/MessageBar.d.ts +1 -1
- package/types/src/Multiselect/Multiselect.d.ts +1 -8
- package/types/src/Multiselect/Normal.d.ts +1 -7
- package/types/src/Multiselect/docs/examples/Children.d.ts +2 -9
- package/types/src/Multiselect/docs/examples/Controlled.d.ts +2 -9
- package/types/src/Multiselect/docs/examples/CustomizeSelected.d.ts +2 -9
- package/types/src/Multiselect/docs/examples/Disabled.d.ts +2 -9
- package/types/src/Multiselect/docs/examples/Error.d.ts +2 -9
- package/types/src/Multiselect/docs/examples/Fetching.d.ts +2 -22
- package/types/src/Multiselect/docs/examples/Headings.d.ts +2 -1
- package/types/src/Multiselect/docs/examples/LoadMoreOnScrollBottom.d.ts +2 -25
- package/types/src/Multiselect/docs/examples/NewValues.d.ts +2 -9
- package/types/src/Multiselect/docs/examples/TabInput.d.ts +2 -9
- package/types/src/ResultsMenu/ResultsMenu.d.ts +23 -34
- package/types/src/Select/SelectBase.d.ts +2 -2
- package/types/src/TabBar/TabBar.d.ts +8 -5
- package/types/src/TabBar/TabBarContext.d.ts +1 -1
- package/types/src/TabLayout/TabLayout.d.ts +8 -5
- package/types/src/Typography/Typography.d.ts +27 -22
- package/types/src/Date/Icon.d.ts +0 -3
- package/types/src/TabBar/docs/examples/IconsAbove.d.ts +0 -3
- package/types/src/TabBar/docs/examples/VerticalIconsAbove.d.ts +0 -3
- /package/types/src/TabBar/docs/examples/{IconsLeft.d.ts → Icons.d.ts} +0 -0
- /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 =
|
|
12
|
-
/******/ var
|
|
13
|
-
/******/ () =>
|
|
14
|
-
/******/ : () =>
|
|
11
|
+
/******/ e.n = t => {
|
|
12
|
+
/******/ var r = t && t.__esModule ?
|
|
13
|
+
/******/ () => t["default"]
|
|
14
|
+
/******/ : () => t
|
|
15
15
|
/******/;
|
|
16
|
-
e.d(
|
|
17
|
-
a:
|
|
16
|
+
e.d(r, {
|
|
17
|
+
a: r
|
|
18
18
|
});
|
|
19
|
-
/******/ return
|
|
19
|
+
/******/ return r;
|
|
20
20
|
/******/ };
|
|
21
21
|
/******/ })();
|
|
22
22
|
/******/
|
|
23
23
|
/******/ /* webpack/runtime/define property getters */
|
|
24
24
|
/******/ (() => {
|
|
25
25
|
/******/ // define getter functions for harmony exports
|
|
26
|
-
/******/ e.d = (
|
|
27
|
-
/******/ for (var n in
|
|
28
|
-
/******/ if (e.o(
|
|
29
|
-
/******/ Object.defineProperty(
|
|
26
|
+
/******/ e.d = (t, r) => {
|
|
27
|
+
/******/ for (var n in r) {
|
|
28
|
+
/******/ if (e.o(r, n) && !e.o(t, n)) {
|
|
29
|
+
/******/ Object.defineProperty(t, n, {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get:
|
|
31
|
+
get: r[n]
|
|
32
32
|
});
|
|
33
33
|
/******/ }
|
|
34
34
|
/******/ }
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
/******/
|
|
38
38
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
39
39
|
/******/ (() => {
|
|
40
|
-
/******/ e.o = (e,
|
|
40
|
+
/******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
|
|
41
41
|
/******/;
|
|
42
42
|
})();
|
|
43
43
|
/******/
|
|
@@ -56,19 +56,19 @@
|
|
|
56
56
|
/******/ };
|
|
57
57
|
/******/ })();
|
|
58
58
|
/******/
|
|
59
|
-
/************************************************************************/ var
|
|
59
|
+
/************************************************************************/ var t = {};
|
|
60
60
|
// ESM COMPAT FLAG
|
|
61
|
-
e.r(
|
|
61
|
+
e.r(t);
|
|
62
62
|
// EXPORTS
|
|
63
|
-
e.d(
|
|
64
|
-
Body: () => /* reexport */
|
|
63
|
+
e.d(t, {
|
|
64
|
+
Body: () => /* reexport */ x,
|
|
65
65
|
Footer: () => /* reexport */ _,
|
|
66
|
-
Header: () => /* reexport */
|
|
67
|
-
default: () => /* reexport */
|
|
66
|
+
Header: () => /* reexport */ G,
|
|
67
|
+
default: () => /* reexport */ xe
|
|
68
68
|
});
|
|
69
69
|
// CONCATENATED MODULE: external "react"
|
|
70
|
-
const
|
|
71
|
-
var n = e.n(
|
|
70
|
+
const r = require("react");
|
|
71
|
+
var n = e.n(r);
|
|
72
72
|
// CONCATENATED MODULE: external "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
|
-
})([ "", " ", "
|
|
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
|
-
})([ "", " ", "
|
|
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
|
|
103
|
-
return
|
|
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;
|
|
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
|
|
119
|
-
return
|
|
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
|
|
125
|
-
var
|
|
126
|
-
for (var n in
|
|
127
|
-
({}).hasOwnProperty.call(
|
|
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,
|
|
133
|
+
function h(e, t) {
|
|
134
134
|
if (null == e) return {};
|
|
135
|
-
var
|
|
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
|
-
|
|
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,
|
|
144
|
+
function w(e, t) {
|
|
145
145
|
if (null == e) return {};
|
|
146
|
-
var
|
|
146
|
+
var r = {};
|
|
147
147
|
for (var n in e) {
|
|
148
148
|
if ({}.hasOwnProperty.call(e, n)) {
|
|
149
|
-
if (
|
|
150
|
-
|
|
149
|
+
if (t.includes(n)) continue;
|
|
150
|
+
r[n] = e[n];
|
|
151
151
|
}
|
|
152
152
|
}
|
|
153
|
-
return
|
|
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
|
|
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),
|
|
169
|
+
}, i), t);
|
|
170
170
|
}
|
|
171
171
|
S.propTypes = O;
|
|
172
|
-
/* harmony default export */ const
|
|
172
|
+
/* harmony default export */ const x = S;
|
|
173
173
|
// CONCATENATED MODULE: ./src/Card/FooterStyles.ts
|
|
174
|
-
var
|
|
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
|
|
182
|
-
var
|
|
183
|
-
for (var n in
|
|
184
|
-
({}).hasOwnProperty.call(
|
|
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,
|
|
190
|
+
function C(e, t) {
|
|
191
191
|
if (null == e) return {};
|
|
192
|
-
var
|
|
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
|
-
|
|
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,
|
|
201
|
+
function P(e, t) {
|
|
202
202
|
if (null == e) return {};
|
|
203
|
-
var
|
|
203
|
+
var r = {};
|
|
204
204
|
for (var n in e) {
|
|
205
205
|
if ({}.hasOwnProperty.call(e, n)) {
|
|
206
|
-
if (
|
|
207
|
-
|
|
206
|
+
if (t.includes(n)) continue;
|
|
207
|
+
r[n] = e[n];
|
|
208
208
|
}
|
|
209
209
|
}
|
|
210
|
-
return
|
|
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
|
|
219
|
+
var t = e.children, r = C(e, [ "children" ]);
|
|
220
220
|
// @docs-props-type FooterPropsBase
|
|
221
221
|
|
|
222
|
-
return n().createElement(
|
|
222
|
+
return n().createElement(j, k({
|
|
223
223
|
"data-test": "footer"
|
|
224
|
-
},
|
|
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
|
|
236
|
+
var H = e.n(A);
|
|
237
237
|
// CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
|
|
238
|
-
const
|
|
239
|
-
var
|
|
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,
|
|
246
|
+
function L(e, t) {
|
|
247
247
|
if (null == e) return {};
|
|
248
|
-
var
|
|
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
|
-
|
|
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,
|
|
257
|
+
function M(e, t) {
|
|
258
258
|
if (null == e) return {};
|
|
259
|
-
var
|
|
259
|
+
var r = {};
|
|
260
260
|
for (var n in e) {
|
|
261
261
|
if ({}.hasOwnProperty.call(e, n)) {
|
|
262
|
-
if (
|
|
263
|
-
|
|
262
|
+
if (t.includes(n)) continue;
|
|
263
|
+
r[n] = e[n];
|
|
264
264
|
}
|
|
265
265
|
}
|
|
266
|
-
return
|
|
266
|
+
return r;
|
|
267
267
|
}
|
|
268
268
|
function U() {
|
|
269
269
|
return U = Object.assign ? Object.assign.bind() : function(e) {
|
|
270
|
-
for (var
|
|
271
|
-
var
|
|
272
|
-
for (var n in
|
|
273
|
-
({}).hasOwnProperty.call(
|
|
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
|
|
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(
|
|
299
|
+
}, e), n().createElement(H(), {
|
|
300
300
|
appearance: "secondary",
|
|
301
301
|
"data-test": "actions-secondary-toggle",
|
|
302
302
|
icon: X,
|
|
303
|
-
elementRef:
|
|
303
|
+
elementRef: t
|
|
304
304
|
}));
|
|
305
305
|
}));
|
|
306
306
|
/**
|
|
307
307
|
* A styled container for `Card` header content.
|
|
308
|
-
*/ function
|
|
309
|
-
var
|
|
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 (
|
|
314
|
-
m =
|
|
315
|
-
} else if (
|
|
316
|
-
m = n().createElement(n().Fragment, null,
|
|
317
|
-
toggle: n().createElement(
|
|
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
|
-
|
|
330
|
-
/* harmony default export */ const
|
|
330
|
+
z.propTypes = V;
|
|
331
|
+
/* harmony default export */ const G = z;
|
|
331
332
|
// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
332
|
-
const
|
|
333
|
-
var
|
|
333
|
+
const J = require("@splunk/react-ui/Clickable");
|
|
334
|
+
var K = e.n(J);
|
|
334
335
|
// CONCATENATED MODULE: ./src/Card/CardStyles.ts
|
|
335
|
-
var
|
|
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,
|
|
337
|
-
var
|
|
338
|
-
return
|
|
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
|
|
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
|
|
350
|
+
function re(e) {
|
|
350
351
|
"@babel/helpers - typeof";
|
|
351
|
-
return
|
|
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
|
-
},
|
|
356
|
+
}, re(e);
|
|
356
357
|
}
|
|
357
358
|
function ne() {
|
|
358
359
|
return ne = Object.assign ? Object.assign.bind() : function(e) {
|
|
359
|
-
for (var
|
|
360
|
-
var
|
|
361
|
-
for (var n in
|
|
362
|
-
({}).hasOwnProperty.call(
|
|
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,
|
|
369
|
-
return se(e) || ce(e,
|
|
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,
|
|
375
|
+
function ae(e, t) {
|
|
375
376
|
if (e) {
|
|
376
|
-
if ("string" == typeof e) return le(e,
|
|
377
|
-
var
|
|
378
|
-
return "Object" ===
|
|
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,
|
|
382
|
-
(null ==
|
|
383
|
-
for (var
|
|
384
|
-
n[
|
|
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,
|
|
389
|
-
var
|
|
390
|
-
if (null !=
|
|
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 = (
|
|
394
|
-
if (Object(
|
|
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(
|
|
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 !=
|
|
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,
|
|
414
|
-
var
|
|
414
|
+
function ue(e, t) {
|
|
415
|
+
var r = Object.keys(e);
|
|
415
416
|
if (Object.getOwnPropertySymbols) {
|
|
416
417
|
var n = Object.getOwnPropertySymbols(e);
|
|
417
|
-
|
|
418
|
-
return Object.getOwnPropertyDescriptor(e,
|
|
419
|
-
}))),
|
|
418
|
+
t && (n = n.filter((function(t) {
|
|
419
|
+
return Object.getOwnPropertyDescriptor(e, t).enumerable;
|
|
420
|
+
}))), r.push.apply(r, n);
|
|
420
421
|
}
|
|
421
|
-
return
|
|
422
|
+
return r;
|
|
422
423
|
}
|
|
423
424
|
function de(e) {
|
|
424
|
-
for (var
|
|
425
|
-
var
|
|
426
|
-
|
|
427
|
-
fe(e,
|
|
428
|
-
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(
|
|
429
|
-
Object.defineProperty(e,
|
|
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,
|
|
435
|
-
return (
|
|
436
|
-
value:
|
|
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[
|
|
441
|
+
}) : e[t] = r, e;
|
|
441
442
|
}
|
|
442
443
|
function pe(e) {
|
|
443
|
-
var
|
|
444
|
-
return "symbol" ==
|
|
445
|
-
}
|
|
446
|
-
function ye(e,
|
|
447
|
-
if ("object" !=
|
|
448
|
-
var
|
|
449
|
-
if (void 0 !==
|
|
450
|
-
var n =
|
|
451
|
-
if ("object" !=
|
|
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" ===
|
|
455
|
+
return ("string" === t ? String : Number)(e);
|
|
455
456
|
}
|
|
456
|
-
function be(e,
|
|
457
|
+
function be(e, t) {
|
|
457
458
|
if (null == e) return {};
|
|
458
|
-
var
|
|
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
|
-
|
|
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,
|
|
468
|
+
function ve(e, t) {
|
|
468
469
|
if (null == e) return {};
|
|
469
|
-
var
|
|
470
|
+
var r = {};
|
|
470
471
|
for (var n in e) {
|
|
471
472
|
if ({}.hasOwnProperty.call(e, n)) {
|
|
472
|
-
if (
|
|
473
|
-
|
|
473
|
+
if (t.includes(n)) continue;
|
|
474
|
+
r[n] = e[n];
|
|
474
475
|
}
|
|
475
476
|
}
|
|
476
|
-
return
|
|
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
|
|
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:
|
|
502
|
-
margin:
|
|
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
|
|
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,
|
|
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(
|
|
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
|
|
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 =
|
|
549
|
-
Se.Body =
|
|
549
|
+
Se.Header = G;
|
|
550
|
+
Se.Body = x;
|
|
550
551
|
Se.Footer = _;
|
|
551
|
-
/* harmony default export */ const
|
|
552
|
+
/* harmony default export */ const xe = Se;
|
|
552
553
|
// CONCATENATED MODULE: ./src/Card/index.ts
|
|
553
|
-
module.exports =
|
|
554
|
+
module.exports = t;
|
|
554
555
|
/******/})();
|