@hortiview/shared-components 2.8.7 → 2.9.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/CHANGELOG.md +35 -0
- package/dist/{AlertBanner-D-NTP_6i.js → AlertBanner-Dss0v6W0.js} +3 -3
- package/dist/{BigLoadingSpinner-CCxsMWnc.js → BigLoadingSpinner-BeHzqdOg.js} +1 -1
- package/dist/{GenericCard-DOKyENNm.js → GenericCard-MjxZ1L7r.js} +3 -3
- package/dist/ListAreaService-Dx9WBGHB.js +125 -0
- package/dist/{OfflineView-DHtzNLwt.js → OfflineView-D168VIXv.js} +3 -3
- package/dist/assets/BaseView.css +1 -1
- package/dist/assets/BasicHeading.css +1 -1
- package/dist/assets/BlockView.css +1 -1
- package/dist/assets/ContextMenu.css +1 -1
- package/dist/assets/CustomTextField.css +1 -1
- package/dist/assets/EmptyView.css +1 -0
- package/dist/assets/Filter.css +1 -1
- package/dist/assets/FormDatePicker.css +1 -1
- package/dist/assets/FormSelect.css +1 -1
- package/dist/assets/FormText.css +1 -1
- package/dist/assets/HashTabView.css +1 -1
- package/dist/assets/InfoGroup.css +1 -1
- package/dist/assets/ListAreaService.css +1 -1
- package/dist/assets/Modal.css +1 -1
- package/dist/assets/OnboardingBanner.css +1 -1
- package/dist/assets/Select.css +1 -1
- package/dist/components/AlertBanner/AlertBanner.js +4 -4
- package/dist/components/AlertBanner/AlertBanner.test.js +1 -1
- package/dist/components/AlertBanner/LinkBanner.js +3 -3
- package/dist/components/BaseView/BaseView.d.ts +17 -1
- package/dist/components/BaseView/BaseView.js +119 -76
- package/dist/components/BaseView/BaseView.service.d.ts +7 -0
- package/dist/components/BaseView/BaseView.service.js +27 -0
- package/dist/components/BaseView/BaseView.test.js +18 -17
- package/dist/components/BasicHeading/BasicHeading.d.ts +6 -1
- package/dist/components/BasicHeading/BasicHeading.js +57 -53
- package/dist/components/BasicHeading/BasicHeading.test.js +24 -24
- package/dist/components/BlockView/BlockView.d.ts +15 -3
- package/dist/components/BlockView/BlockView.js +69 -58
- package/dist/components/ChipCard/ChipCard.js +7 -7
- package/dist/components/ContextMenu/ContextMenu.d.ts +2 -0
- package/dist/components/ContextMenu/ContextMenu.js +52 -41
- package/dist/components/DeleteModal/DeleteModal.js +4 -4
- package/dist/components/DetailContentWrapper/DetailContentWrapper.d.ts +18 -3
- package/dist/components/DetailContentWrapper/DetailContentWrapper.js +13 -11
- package/dist/components/Disclaimer/Disclaimer.js +3 -3
- package/dist/components/EmptyView/EmptyView.d.ts +18 -6
- package/dist/components/EmptyView/EmptyView.js +37 -309
- package/dist/components/EmptyView/EmptyView.test.js +34 -38
- package/dist/components/Filter/Filter.d.ts +5 -1
- package/dist/components/Filter/Filter.js +113 -98
- package/dist/components/FormComponents/FormCheckBox/FormCheckBox.js +1 -1
- package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js +4 -4
- package/dist/components/FormComponents/FormNumber/CustomTextField.js +21 -20
- package/dist/components/FormComponents/FormRadio/FormRadio.js +1 -1
- package/dist/components/FormComponents/FormSelect/FormSelect.js +33 -33
- package/dist/components/FormComponents/FormSelect/SelectTooltipText.js +2 -2
- package/dist/components/FormComponents/FormSlider/FormSlider.js +3 -3
- package/dist/components/FormComponents/FormText/FormText.js +45 -44
- package/dist/components/FormComponents/FormToggle/FormToggle.js +3 -3
- package/dist/components/GenericTable/GenericTable.js +17 -17
- package/dist/components/GenericTable/Mobile/GenericCard.js +4 -4
- package/dist/components/GenericTable/Mobile/GenericCard.test.js +1 -1
- package/dist/components/GenericTable/Mobile/GenericCardList.js +3 -3
- package/dist/components/HashTabView/HashTabView.js +119 -117
- package/dist/components/HeaderFilter/HeaderFilter.js +1 -1
- package/dist/components/Iconify/Iconify.d.ts +4 -0
- package/dist/components/Iconify/Iconify.js +1 -1
- package/dist/components/InfoCard/InfoCard.js +3 -3
- package/dist/components/InfoGroup/InfoGroup.js +47 -38
- package/dist/components/ListArea/ListArea.d.ts +6 -2
- package/dist/components/ListArea/ListArea.js +37 -32
- package/dist/components/ListArea/ListArea.test.js +2 -2
- package/dist/components/ListArea/ListAreaService.js +4 -4
- package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.js +2 -2
- package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js +1 -1
- package/dist/components/LoadingSpinner/Default/LoadingSpinner.js +4 -4
- package/dist/components/Modal/Modal.js +119 -103
- package/dist/components/OfflineView/OfflineView.js +4 -4
- package/dist/components/OfflineView/OfflineView.test.js +1 -1
- package/dist/components/OnboardingBanner/OnboardingBanner.js +35 -33
- package/dist/components/OverflowTooltip/OverflowTooltip.js +1 -1
- package/dist/components/OverflowTooltip/OverflowTooltip.test.js +1 -1
- package/dist/components/SearchBar/SearchBar.js +2 -2
- package/dist/components/Select/Select.js +2 -2
- package/dist/components/Stepper/Stepper.js +1 -1
- package/dist/components/Stepper/components/StepperButton.js +1 -1
- package/dist/components/Stepper/components/StepperHeader.js +2 -2
- package/dist/components/Stepper/components/StepperIndicator.js +1 -1
- package/dist/{find-B-dm7n_F.js → find-Dpy_M6vm.js} +1 -1
- package/dist/{index.es-DObVvepK.js → index.es-BLIkMu0q.js} +2 -2
- package/dist/{index.es-DENZVv7_.js → index.es-BLolvOHO.js} +5 -5
- package/dist/{index.es-BXj90wb_.js → index.es-BjvSa9Z-.js} +2 -2
- package/dist/{index.es-Dfju71Pi.js → index.es-Bus5gEri.js} +1 -1
- package/dist/{index.es-IXyb5F6n.js → index.es-BzdG6flH.js} +2 -2
- package/dist/{index.es-DqSY-ePE.js → index.es-CXq42ihP.js} +9 -9
- package/dist/{index.es-45NOgWlB.js → index.es-CijDQQVg.js} +2 -2
- package/dist/{index.es-BGordhUK.js → index.es-DCSgIiJH.js} +1 -1
- package/dist/{index.es-D1IpdMde.js → index.es-DDRyb2df.js} +2 -2
- package/dist/{index.es-DeF-y7fd.js → index.es-DNRm4vOy.js} +1 -1
- package/dist/{index.es-0QJC9VS2.js → index.es-DUcI2Zyr.js} +2 -2
- package/dist/{index.es-DwzB1d7_.js → index.es-DYs8W4jv.js} +1 -1
- package/dist/{index.es-B6ZgiW2s.js → index.es-D_hWWij3.js} +13 -13
- package/dist/{index.es-CK4oZMKs.js → index.es-Dq_bXeGZ.js} +13 -13
- package/dist/{index.es-t7hFwQSs.js → index.es-Ds9rRj5B.js} +2 -2
- package/dist/{index.es-DDYCugj-.js → index.es-DsGuBR0Z.js} +1 -1
- package/dist/{index.es-Bg8hxXM8.js → index.es-P5F6NJPB.js} +360 -255
- package/dist/{index.es-Cq04gn3U.js → index.es-b2h35xzk.js} +4 -4
- package/dist/{index.es-Bgjh6euR.js → index.es-vqlyMiew.js} +1 -1
- package/dist/{keyboard-B-WUULl-.js → keyboard-BfmK7HK_.js} +1 -1
- package/dist/main.js +2 -2
- package/dist/{map-Dbvlv_6y.js → map-LUrszKZW.js} +2 -2
- package/dist/{slicedToArray-BWk2gTCn.js → slicedToArray-uk6yv91z.js} +1 -1
- package/package.json +1 -1
- package/dist/ListAreaService-CI-s1Xx5.js +0 -124
- package/dist/includes-Bt-Stz_B.js +0 -110
|
@@ -1,27 +1,28 @@
|
|
|
1
|
-
import { _ as T, a as
|
|
2
|
-
import { _ as
|
|
3
|
-
import { _ as
|
|
4
|
-
import m, { useLayoutEffect as
|
|
5
|
-
import { b as
|
|
6
|
-
import { B as
|
|
7
|
-
import { I as
|
|
8
|
-
import { I as
|
|
9
|
-
import { D as
|
|
10
|
-
import { G as
|
|
11
|
-
import {
|
|
12
|
-
|
|
1
|
+
import { B as rr, z as ar, l as Ee, m as we, C as Re, D as tr, E as nr, v as lr, w as ir, x as or, h as dr, _ as T, a as $, c as v, b as S, d as oe, P as a } from "./index-Cpb-8cAN.js";
|
|
2
|
+
import { _ as de, a as D, b as ce, c as se, d as j, e as M, f as me } from "./defineProperty-CmuOyxyf.js";
|
|
3
|
+
import { _ as qe } from "./slicedToArray-uk6yv91z.js";
|
|
4
|
+
import m, { useLayoutEffect as cr, useEffect as Se, useState as ie, useMemo as F, forwardRef as _, useRef as H, useImperativeHandle as U, createContext as sr } from "react";
|
|
5
|
+
import { b as De, j as ye } from "./index.es-BjvSa9Z-.js";
|
|
6
|
+
import { B as mr } from "./index.es-DUcI2Zyr.js";
|
|
7
|
+
import { I as ur } from "./index.es-DYs8W4jv.js";
|
|
8
|
+
import { I as yr } from "./index.es-BzdG6flH.js";
|
|
9
|
+
import { D as pr } from "./index.es-Bus5gEri.js";
|
|
10
|
+
import { G as gr } from "./index.es-DsGuBR0Z.js";
|
|
11
|
+
import { g as vr } from "./_commonjsHelpers-BkfeUUK-.js";
|
|
12
|
+
import { r as fr } from "./es.string.iterator-DrqCBub-.js";
|
|
13
|
+
var hr = function() {
|
|
13
14
|
};
|
|
14
15
|
function qa(e) {
|
|
15
|
-
for (var
|
|
16
|
-
|
|
17
|
-
e && e.addEventListener && e.addEventListener.apply(e,
|
|
16
|
+
for (var i = [], r = 1; r < arguments.length; r++)
|
|
17
|
+
i[r - 1] = arguments[r];
|
|
18
|
+
e && e.addEventListener && e.addEventListener.apply(e, i);
|
|
18
19
|
}
|
|
19
|
-
function
|
|
20
|
-
for (var
|
|
21
|
-
|
|
22
|
-
e && e.removeEventListener && e.removeEventListener.apply(e,
|
|
20
|
+
function Sa(e) {
|
|
21
|
+
for (var i = [], r = 1; r < arguments.length; r++)
|
|
22
|
+
i[r - 1] = arguments[r];
|
|
23
|
+
e && e.removeEventListener && e.removeEventListener.apply(e, i);
|
|
23
24
|
}
|
|
24
|
-
var
|
|
25
|
+
var Me = typeof window < "u", br = Me ? cr : Se, je = {
|
|
25
26
|
x: 0,
|
|
26
27
|
y: 0,
|
|
27
28
|
width: 0,
|
|
@@ -31,26 +32,130 @@ var ve = typeof window < "u", je = ve ? Ie : ge, fe = {
|
|
|
31
32
|
bottom: 0,
|
|
32
33
|
right: 0
|
|
33
34
|
};
|
|
34
|
-
function
|
|
35
|
-
var e =
|
|
35
|
+
function Cr() {
|
|
36
|
+
var e = ie(null), i = e[0], r = e[1], l = ie(je), n = l[0], t = l[1], o = F(function() {
|
|
36
37
|
return new window.ResizeObserver(function(c) {
|
|
37
38
|
if (c[0]) {
|
|
38
|
-
var d = c[0].contentRect, s = d.x,
|
|
39
|
-
t({ x: s, y, width:
|
|
39
|
+
var d = c[0].contentRect, s = d.x, u = d.y, p = d.width, g = d.height, b = d.top, f = d.left, y = d.bottom, h = d.right;
|
|
40
|
+
t({ x: s, y: u, width: p, height: g, top: b, left: f, bottom: y, right: h });
|
|
40
41
|
}
|
|
41
42
|
});
|
|
42
43
|
}, []);
|
|
43
|
-
return
|
|
44
|
-
if (
|
|
45
|
-
return o.observe(
|
|
44
|
+
return br(function() {
|
|
45
|
+
if (i)
|
|
46
|
+
return o.observe(i), function() {
|
|
46
47
|
o.disconnect();
|
|
47
48
|
};
|
|
48
|
-
}, [
|
|
49
|
+
}, [i]), [r, n];
|
|
49
50
|
}
|
|
50
|
-
const
|
|
51
|
-
return [
|
|
51
|
+
const Tr = Me && typeof window.ResizeObserver < "u" ? Cr : function() {
|
|
52
|
+
return [hr, je];
|
|
52
53
|
};
|
|
53
|
-
var
|
|
54
|
+
var pe = {}, ge;
|
|
55
|
+
function $r() {
|
|
56
|
+
if (ge) return pe;
|
|
57
|
+
ge = 1;
|
|
58
|
+
var e = /* @__PURE__ */ Ee(), i = rr().includes, r = /* @__PURE__ */ ar(), l = /* @__PURE__ */ fr(), n = r(function() {
|
|
59
|
+
return !Array(1).includes();
|
|
60
|
+
});
|
|
61
|
+
return e({ target: "Array", proto: !0, forced: n }, {
|
|
62
|
+
includes: function(o) {
|
|
63
|
+
return i(this, o, arguments.length > 1 ? arguments[1] : void 0);
|
|
64
|
+
}
|
|
65
|
+
}), l("includes"), pe;
|
|
66
|
+
}
|
|
67
|
+
var V, ve;
|
|
68
|
+
function _r() {
|
|
69
|
+
if (ve) return V;
|
|
70
|
+
ve = 1, $r();
|
|
71
|
+
var e = /* @__PURE__ */ we();
|
|
72
|
+
return V = e("Array", "includes"), V;
|
|
73
|
+
}
|
|
74
|
+
var fe = {}, J, he;
|
|
75
|
+
function Nr() {
|
|
76
|
+
if (he) return J;
|
|
77
|
+
he = 1;
|
|
78
|
+
var e = /* @__PURE__ */ tr(), i = /* @__PURE__ */ nr(), r = /* @__PURE__ */ Re(), l = r("match");
|
|
79
|
+
return J = function(n) {
|
|
80
|
+
var t;
|
|
81
|
+
return e(n) && ((t = n[l]) !== void 0 ? !!t : i(n) === "RegExp");
|
|
82
|
+
}, J;
|
|
83
|
+
}
|
|
84
|
+
var Q, be;
|
|
85
|
+
function Or() {
|
|
86
|
+
if (be) return Q;
|
|
87
|
+
be = 1;
|
|
88
|
+
var e = /* @__PURE__ */ Nr(), i = TypeError;
|
|
89
|
+
return Q = function(r) {
|
|
90
|
+
if (e(r))
|
|
91
|
+
throw new i("The method doesn't accept regular expressions");
|
|
92
|
+
return r;
|
|
93
|
+
}, Q;
|
|
94
|
+
}
|
|
95
|
+
var X, Ce;
|
|
96
|
+
function kr() {
|
|
97
|
+
if (Ce) return X;
|
|
98
|
+
Ce = 1;
|
|
99
|
+
var e = /* @__PURE__ */ Re(), i = e("match");
|
|
100
|
+
return X = function(r) {
|
|
101
|
+
var l = /./;
|
|
102
|
+
try {
|
|
103
|
+
"/./"[r](l);
|
|
104
|
+
} catch {
|
|
105
|
+
try {
|
|
106
|
+
return l[i] = !1, "/./"[r](l);
|
|
107
|
+
} catch {
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
return !1;
|
|
111
|
+
}, X;
|
|
112
|
+
}
|
|
113
|
+
var Te;
|
|
114
|
+
function Br() {
|
|
115
|
+
if (Te) return fe;
|
|
116
|
+
Te = 1;
|
|
117
|
+
var e = /* @__PURE__ */ Ee(), i = /* @__PURE__ */ lr(), r = /* @__PURE__ */ Or(), l = /* @__PURE__ */ or(), n = /* @__PURE__ */ ir(), t = /* @__PURE__ */ kr(), o = i("".indexOf);
|
|
118
|
+
return e({ target: "String", proto: !0, forced: !t("includes") }, {
|
|
119
|
+
includes: function(d) {
|
|
120
|
+
return !!~o(
|
|
121
|
+
n(l(this)),
|
|
122
|
+
n(r(d)),
|
|
123
|
+
arguments.length > 1 ? arguments[1] : void 0
|
|
124
|
+
);
|
|
125
|
+
}
|
|
126
|
+
}), fe;
|
|
127
|
+
}
|
|
128
|
+
var Y, $e;
|
|
129
|
+
function Pr() {
|
|
130
|
+
if ($e) return Y;
|
|
131
|
+
$e = 1, Br();
|
|
132
|
+
var e = /* @__PURE__ */ we();
|
|
133
|
+
return Y = e("String", "includes"), Y;
|
|
134
|
+
}
|
|
135
|
+
var Z, _e;
|
|
136
|
+
function xr() {
|
|
137
|
+
if (_e) return Z;
|
|
138
|
+
_e = 1;
|
|
139
|
+
var e = /* @__PURE__ */ dr(), i = /* @__PURE__ */ _r(), r = /* @__PURE__ */ Pr(), l = Array.prototype, n = String.prototype;
|
|
140
|
+
return Z = function(t) {
|
|
141
|
+
var o = t.includes;
|
|
142
|
+
return t === l || e(l, t) && o === l.includes ? i : typeof t == "string" || t === n || e(n, t) && o === n.includes ? r : o;
|
|
143
|
+
}, Z;
|
|
144
|
+
}
|
|
145
|
+
var ee, Ne;
|
|
146
|
+
function Ar() {
|
|
147
|
+
if (Ne) return ee;
|
|
148
|
+
Ne = 1;
|
|
149
|
+
var e = /* @__PURE__ */ xr();
|
|
150
|
+
return ee = e, ee;
|
|
151
|
+
}
|
|
152
|
+
var re, Oe;
|
|
153
|
+
function Ir() {
|
|
154
|
+
return Oe || (Oe = 1, re = /* @__PURE__ */ Ar()), re;
|
|
155
|
+
}
|
|
156
|
+
var Lr = Ir();
|
|
157
|
+
const ke = /* @__PURE__ */ vr(Lr);
|
|
158
|
+
var Er = {
|
|
54
159
|
/**
|
|
55
160
|
* Alignment of the Card Body.
|
|
56
161
|
*
|
|
@@ -93,7 +198,7 @@ var Ge = {
|
|
|
93
198
|
* Defaults to **'default'**.
|
|
94
199
|
*/
|
|
95
200
|
variant: a.oneOf(["default", "flat", "outlined", "raised"])
|
|
96
|
-
},
|
|
201
|
+
}, wr = {
|
|
97
202
|
bodyAlignment: "left-top",
|
|
98
203
|
children: null,
|
|
99
204
|
height: "auto",
|
|
@@ -101,7 +206,7 @@ var Ge = {
|
|
|
101
206
|
style: null,
|
|
102
207
|
themeColor: "surface",
|
|
103
208
|
variant: "default"
|
|
104
|
-
},
|
|
209
|
+
}, Rr = {
|
|
105
210
|
/**
|
|
106
211
|
* Override the default (`primary`) color with the `secondary` color. Most commonly used when the control is placed on a darker surface.
|
|
107
212
|
*
|
|
@@ -180,7 +285,7 @@ var Ge = {
|
|
|
180
285
|
* Defaults to **'button'**.
|
|
181
286
|
*/
|
|
182
287
|
type: a.oneOf(["button", "submit", "reset"])
|
|
183
|
-
},
|
|
288
|
+
}, qr = {
|
|
184
289
|
actionButtonThemeColor: "primary",
|
|
185
290
|
children: null,
|
|
186
291
|
className: void 0,
|
|
@@ -192,7 +297,7 @@ var Ge = {
|
|
|
192
297
|
leadingIcon: null,
|
|
193
298
|
trailingIcon: null,
|
|
194
299
|
type: "button"
|
|
195
|
-
},
|
|
300
|
+
}, Sr = {
|
|
196
301
|
/**
|
|
197
302
|
* Programmatically sets the toggle state of the button when used as a toggle button. If not set, the toggle state will be managed internally.
|
|
198
303
|
*
|
|
@@ -276,8 +381,8 @@ var Ge = {
|
|
|
276
381
|
*
|
|
277
382
|
* Defaults to **empty string**.
|
|
278
383
|
*/
|
|
279
|
-
variant:
|
|
280
|
-
},
|
|
384
|
+
variant: De(a.oneOf(["", "filled-danger-alt", "filled-danger", "filled-primary", "filled-secondary", "color-primary", "color-secondary", "color-on-dark"]), ["primary-alt", "secondary-alt", "primary", "danger-alt", "danger"], "CardActionIcon", "Please use one of '','filled-danger-alt','filled-danger','filled-primary','filled-secondary','color-primary','color-secondary','color-on-dark'.")
|
|
385
|
+
}, Dr = {
|
|
281
386
|
ariaLabel: null,
|
|
282
387
|
children: null,
|
|
283
388
|
className: void 0,
|
|
@@ -290,7 +395,7 @@ var Ge = {
|
|
|
290
395
|
toggleOnAriaLabel: null,
|
|
291
396
|
toggleOnAriaLabelledBy: null,
|
|
292
397
|
variant: ""
|
|
293
|
-
},
|
|
398
|
+
}, Mr = {
|
|
294
399
|
/**
|
|
295
400
|
* Add buttons to card actions.
|
|
296
401
|
*
|
|
@@ -309,11 +414,11 @@ var Ge = {
|
|
|
309
414
|
* Defaults to **'leading'**.
|
|
310
415
|
*/
|
|
311
416
|
alignment: a.oneOf(["leading", "center", "trailing"])
|
|
312
|
-
},
|
|
417
|
+
}, jr = {
|
|
313
418
|
actionButtons: null,
|
|
314
419
|
actionIcons: null,
|
|
315
420
|
alignment: "leading"
|
|
316
|
-
},
|
|
421
|
+
}, Ur = {
|
|
317
422
|
/**
|
|
318
423
|
* Content to be rendered inside the title block. Accepts any valid markup.
|
|
319
424
|
*
|
|
@@ -331,21 +436,21 @@ var Ge = {
|
|
|
331
436
|
*
|
|
332
437
|
* Defaults to **'body2'**.
|
|
333
438
|
*/
|
|
334
|
-
typographyType:
|
|
335
|
-
},
|
|
439
|
+
typographyType: De(a.oneOf(["body1", "body2", "button", "caption", "display1", "display2", "display3", "display4", "display5", "display6", "overline", "subtitle1", "subtitle2"]), ["headline1", "headline2", "headline3", "headline4", "headline5", "headline6"], "CardBody", "Please use one of 'body1','body2','button','caption','display1','display2','display3','display4','display5','display6','overline','subtitle1','subtitle2'.")
|
|
440
|
+
}, zr = {
|
|
336
441
|
children: null,
|
|
337
442
|
themeColor: "surface",
|
|
338
443
|
typographyType: "body2"
|
|
339
|
-
},
|
|
444
|
+
}, Wr = {
|
|
340
445
|
/**
|
|
341
446
|
* Content to be rendered inside the content block. Accepts any valid markup.
|
|
342
447
|
*
|
|
343
448
|
* Defaults to **null**.
|
|
344
449
|
*/
|
|
345
450
|
children: a.node
|
|
346
|
-
},
|
|
451
|
+
}, Gr = {
|
|
347
452
|
children: null
|
|
348
|
-
},
|
|
453
|
+
}, Fr = {
|
|
349
454
|
/**
|
|
350
455
|
* Theme color for the Card Divider. Leave empty for gray.
|
|
351
456
|
*
|
|
@@ -358,10 +463,10 @@ var Ge = {
|
|
|
358
463
|
* Defaults to **'dense'**.
|
|
359
464
|
*/
|
|
360
465
|
dividerVariant: a.oneOf(["dense", "tall"])
|
|
361
|
-
},
|
|
466
|
+
}, Hr = {
|
|
362
467
|
dividerThemeColor: "on-surface-stroke",
|
|
363
468
|
dividerVariant: "dense"
|
|
364
|
-
},
|
|
469
|
+
}, Kr = {
|
|
365
470
|
/**
|
|
366
471
|
* Content to be rendered inside the title block. Mostly commonly a Select, Textfield component, however any valid components or markup may be used.
|
|
367
472
|
*
|
|
@@ -380,11 +485,11 @@ var Ge = {
|
|
|
380
485
|
* Defaults to **'tabs'**.
|
|
381
486
|
*/
|
|
382
487
|
filterType: a.oneOf(["tabs", "chips", "select", "select-2"])
|
|
383
|
-
},
|
|
488
|
+
}, Vr = {
|
|
384
489
|
children: null,
|
|
385
490
|
className: void 0,
|
|
386
491
|
filterType: "tabs"
|
|
387
|
-
},
|
|
492
|
+
}, Jr = {
|
|
388
493
|
/**
|
|
389
494
|
* Most commonly text or a Typography component, but accepts any valid markup.
|
|
390
495
|
*
|
|
@@ -403,11 +508,11 @@ var Ge = {
|
|
|
403
508
|
* Defaults to **false**.
|
|
404
509
|
*/
|
|
405
510
|
rtl: a.bool
|
|
406
|
-
},
|
|
511
|
+
}, Qr = {
|
|
407
512
|
children: null,
|
|
408
513
|
className: void 0,
|
|
409
514
|
rtl: !1
|
|
410
|
-
},
|
|
515
|
+
}, Xr = {
|
|
411
516
|
/**
|
|
412
517
|
* Url for Card media
|
|
413
518
|
*
|
|
@@ -426,10 +531,10 @@ var Ge = {
|
|
|
426
531
|
* Defaults to **'30%'**.
|
|
427
532
|
*/
|
|
428
533
|
width: a.oneOfType([a.number, a.string])
|
|
429
|
-
},
|
|
534
|
+
}, Yr = {
|
|
430
535
|
mediaUrl: null,
|
|
431
536
|
width: "30%"
|
|
432
|
-
},
|
|
537
|
+
}, Zr = {
|
|
433
538
|
/**
|
|
434
539
|
* Child components will be rendered on top of the provided image. Use `contentBottom` and `contentTop` to control content positioning. Accepts any valid markup.
|
|
435
540
|
*
|
|
@@ -466,14 +571,14 @@ var Ge = {
|
|
|
466
571
|
* Defaults to **'square'**.
|
|
467
572
|
*/
|
|
468
573
|
ratio: a.oneOf(["square", "sixteen-nine", "four-three", "four-five", "two-one"])
|
|
469
|
-
},
|
|
574
|
+
}, ea = {
|
|
470
575
|
children: null,
|
|
471
576
|
contentPlacement: "bottom",
|
|
472
577
|
imageUrl: null,
|
|
473
578
|
overlay: !1,
|
|
474
579
|
overlayThemeColor: "dark",
|
|
475
580
|
ratio: "square"
|
|
476
|
-
},
|
|
581
|
+
}, ra = {
|
|
477
582
|
/**
|
|
478
583
|
* Content to be rendered inside the Card Overlay. Useful for angles or other non semantic elements displayed in the Card.
|
|
479
584
|
*
|
|
@@ -498,12 +603,12 @@ var Ge = {
|
|
|
498
603
|
* Defaults to **'full'**.
|
|
499
604
|
*/
|
|
500
605
|
position: a.oneOf(["full", "leading", "trailing"])
|
|
501
|
-
},
|
|
606
|
+
}, aa = {
|
|
502
607
|
children: null,
|
|
503
608
|
className: void 0,
|
|
504
609
|
overlayThemeColor: "dark",
|
|
505
610
|
position: "full"
|
|
506
|
-
},
|
|
611
|
+
}, ta = {
|
|
507
612
|
/**
|
|
508
613
|
* Content to be rendered as the primary action.
|
|
509
614
|
*
|
|
@@ -522,9 +627,9 @@ var Ge = {
|
|
|
522
627
|
* Defaults to **'div'**.
|
|
523
628
|
*/
|
|
524
629
|
tag: a.oneOfType([a.string, a.elementType, a.instanceOf(m.Component)])
|
|
525
|
-
},
|
|
630
|
+
}, na = {
|
|
526
631
|
children: null
|
|
527
|
-
},
|
|
632
|
+
}, la = {
|
|
528
633
|
/**
|
|
529
634
|
* The css class name to be passed through to the component markup.
|
|
530
635
|
*
|
|
@@ -536,7 +641,7 @@ var Ge = {
|
|
|
536
641
|
*
|
|
537
642
|
* Defaults to **null**.
|
|
538
643
|
*/
|
|
539
|
-
leadingBlock:
|
|
644
|
+
leadingBlock: ye(a.node, "CardTitle", "leadingBlockType"),
|
|
540
645
|
/**
|
|
541
646
|
* The type of media that will render in the leading block. See README for size constraints.
|
|
542
647
|
*
|
|
@@ -590,14 +695,14 @@ var Ge = {
|
|
|
590
695
|
*
|
|
591
696
|
* Defaults to **null**.
|
|
592
697
|
*/
|
|
593
|
-
trailingBlock:
|
|
698
|
+
trailingBlock: ye(a.node, "CardTitle", "trailingBlockType"),
|
|
594
699
|
/**
|
|
595
700
|
* The type of media that will render in the trailing block. See README for size constraints.
|
|
596
701
|
*
|
|
597
702
|
* Defaults to **empty string**.
|
|
598
703
|
*/
|
|
599
704
|
trailingBlockType: a.oneOf(["", "title-actions", "avatar", "badge", "icon", "icon-with-background", "thumbnail"])
|
|
600
|
-
},
|
|
705
|
+
}, ia = {
|
|
601
706
|
className: void 0,
|
|
602
707
|
leadingBlock: null,
|
|
603
708
|
leadingBlockType: "",
|
|
@@ -610,303 +715,303 @@ var Ge = {
|
|
|
610
715
|
themeColor: "surface",
|
|
611
716
|
trailingBlock: null,
|
|
612
717
|
trailingBlockType: ""
|
|
613
|
-
},
|
|
614
|
-
function
|
|
615
|
-
var r =
|
|
616
|
-
if (
|
|
617
|
-
var
|
|
618
|
-
|
|
718
|
+
}, oa = ["bodyAlignment", "children", "className", "direction", "height", "loadingCard", "outlined", "style", "themeColor", "variant"];
|
|
719
|
+
function Be(e, i) {
|
|
720
|
+
var r = oe(e);
|
|
721
|
+
if (M) {
|
|
722
|
+
var l = M(e);
|
|
723
|
+
i && (l = me(l).call(l, function(n) {
|
|
619
724
|
return j(e, n).enumerable;
|
|
620
|
-
})), r.push.apply(r,
|
|
725
|
+
})), r.push.apply(r, l);
|
|
621
726
|
}
|
|
622
727
|
return r;
|
|
623
728
|
}
|
|
624
|
-
function
|
|
625
|
-
for (var
|
|
626
|
-
var r,
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
}) :
|
|
630
|
-
|
|
729
|
+
function Pe(e) {
|
|
730
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
731
|
+
var r, l, n = arguments[i] != null ? arguments[i] : {};
|
|
732
|
+
i % 2 ? S(r = Be(Object(n), !0)).call(r, function(t) {
|
|
733
|
+
de(e, t, n[t]);
|
|
734
|
+
}) : D ? ce(e, D(n)) : S(l = Be(Object(n))).call(l, function(t) {
|
|
735
|
+
se(e, t, j(n, t));
|
|
631
736
|
});
|
|
632
737
|
}
|
|
633
738
|
return e;
|
|
634
739
|
}
|
|
635
|
-
var
|
|
636
|
-
var r = e.bodyAlignment,
|
|
740
|
+
var E = wr, Ue = /* @__PURE__ */ _(function(e, i) {
|
|
741
|
+
var r = e.bodyAlignment, l = r === void 0 ? E.bodyAlignment : r, n = e.children, t = n === void 0 ? E.children : n, o = e.className, c = o === void 0 ? E.className : o, d = e.direction, s = d === void 0 ? E.direction : d, u = e.height, p = u === void 0 ? E.height : u, g = e.loadingCard, b = g === void 0 ? E.loadingCard : g;
|
|
637
742
|
e.outlined;
|
|
638
|
-
var f = e.style,
|
|
639
|
-
height:
|
|
743
|
+
var f = e.style, y = f === void 0 ? E.style : f, h = e.themeColor, B = h === void 0 ? E.themeColor : h, N = e.variant, A = N === void 0 ? E.variant : N, I = T(e, oa), w = ie(Pe({
|
|
744
|
+
height: p,
|
|
640
745
|
direction: s
|
|
641
|
-
},
|
|
642
|
-
return
|
|
746
|
+
}, y)), P = qe(w, 2), q = P[0], L = P[1], C = H();
|
|
747
|
+
return U(i, function() {
|
|
643
748
|
return C.current;
|
|
644
|
-
}, []),
|
|
645
|
-
|
|
646
|
-
height:
|
|
749
|
+
}, []), Se(function() {
|
|
750
|
+
L(Pe({
|
|
751
|
+
height: p,
|
|
647
752
|
// display: 'flex', do we need this?
|
|
648
753
|
direction: s
|
|
649
|
-
},
|
|
650
|
-
}, [
|
|
754
|
+
}, y));
|
|
755
|
+
}, [p, s, y]), /* @__PURE__ */ m.createElement("div", $({
|
|
651
756
|
ref: C,
|
|
652
|
-
className: v("lmnt", "lmnt-card", "mdc-card",
|
|
653
|
-
style:
|
|
654
|
-
},
|
|
757
|
+
className: v("lmnt", "lmnt-card", "mdc-card", A === "outlined" && "mdc-card--outlined", A === "flat" && "lmnt-card--flat", A === "raised" && "lmnt-card--raised", b && "lmnt-card--loading", "lmnt-card--".concat(l), "lmnt-theme-".concat(B, "-bg"), c),
|
|
758
|
+
style: q
|
|
759
|
+
}, I), t);
|
|
655
760
|
});
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
var
|
|
659
|
-
var r = e.children,
|
|
660
|
-
return
|
|
661
|
-
}, [
|
|
662
|
-
return /* @__PURE__ */ m.createElement(
|
|
663
|
-
ref:
|
|
761
|
+
Ue.displayName = "Card";
|
|
762
|
+
Ue.propTypes = Er;
|
|
763
|
+
var da = ["children", "className", "customRef", "disabled", "fullWidth", "href", "label", "leadingIcon", "actionButtonThemeColor", "trailingIcon", "type"], x = qr, ze = /* @__PURE__ */ _(function(e, i) {
|
|
764
|
+
var r = e.children, l = r === void 0 ? x.children : r, n = e.className, t = n === void 0 ? x.className : n, o = e.customRef, c = o === void 0 ? x.customRef : o, d = e.disabled, s = d === void 0 ? x.disabled : d, u = e.fullWidth, p = u === void 0 ? x.fullWidth : u, g = e.href, b = g === void 0 ? x.href : g, f = e.label, y = f === void 0 ? x.label : f, h = e.leadingIcon, B = h === void 0 ? x.leadingIcon : h, N = e.actionButtonThemeColor, A = N === void 0 ? x.actionButtonThemeColor : N, I = e.trailingIcon, w = I === void 0 ? x.trailingIcon : I, P = e.type, q = P === void 0 ? x.type : P, L = T(e, da), C = F(function() {
|
|
765
|
+
return y || l;
|
|
766
|
+
}, [y, l]);
|
|
767
|
+
return /* @__PURE__ */ m.createElement(mr, $({
|
|
768
|
+
ref: i,
|
|
664
769
|
customRef: c,
|
|
665
770
|
disabled: s,
|
|
666
|
-
fullWidth:
|
|
771
|
+
fullWidth: p,
|
|
667
772
|
href: b,
|
|
668
|
-
label:
|
|
773
|
+
label: y,
|
|
669
774
|
leadingIcon: B,
|
|
670
|
-
themeColor:
|
|
671
|
-
trailingIcon:
|
|
672
|
-
type:
|
|
775
|
+
themeColor: A,
|
|
776
|
+
trailingIcon: w,
|
|
777
|
+
type: q,
|
|
673
778
|
variant: "text",
|
|
674
779
|
className: v("mdc-card__action mdc-card__action--button", t)
|
|
675
|
-
},
|
|
780
|
+
}, L), C);
|
|
676
781
|
});
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
var
|
|
782
|
+
ze.displayName = "CardActionButton";
|
|
783
|
+
ze.propTypes = Rr;
|
|
784
|
+
var ca = ["active", "ariaLabel", "ariaLabelledBy", "children", "className", "disabled", "onClick", "toggleOff", "toggleOffAriaLabel", "toggleOffAriaLabelledBy", "toggleOn", "toggleOnAriaLabel", "toggleOnAriaLabelledBy", "variant"], O = Dr, We = /* @__PURE__ */ _(function(e, i) {
|
|
680
785
|
e.active;
|
|
681
|
-
var r = e.ariaLabel,
|
|
786
|
+
var r = e.ariaLabel, l = r === void 0 ? O.ariaLabel : r;
|
|
682
787
|
e.ariaLabelledBy;
|
|
683
|
-
var n = e.children, t = n === void 0 ?
|
|
684
|
-
return typeof t == "string" ? /* @__PURE__ */ m.createElement(
|
|
788
|
+
var n = e.children, t = n === void 0 ? O.children : n, o = e.className, c = o === void 0 ? O.className : o, d = e.disabled, s = d === void 0 ? O.disabled : d, u = e.onClick, p = u === void 0 ? O.onClick : u, g = e.toggleOff, b = g === void 0 ? O.toggleOff : g, f = e.toggleOffAriaLabel, y = f === void 0 ? O.toggleOffAriaLabel : f, h = e.toggleOffAriaLabelledBy, B = h === void 0 ? O.toggleOffAriaLabelledBy : h, N = e.toggleOn, A = N === void 0 ? O.toggleOn : N, I = e.toggleOnAriaLabel, w = I === void 0 ? O.toggleOnAriaLabel : I, P = e.toggleOnAriaLabelledBy, q = P === void 0 ? O.toggleOnAriaLabelledBy : P, L = e.variant, C = L === void 0 ? O.variant : L, K = T(e, ca), er = F(function() {
|
|
789
|
+
return typeof t == "string" ? /* @__PURE__ */ m.createElement(ur, {
|
|
685
790
|
icon: t
|
|
686
791
|
}) : t;
|
|
687
792
|
}, [t]);
|
|
688
|
-
return /* @__PURE__ */ m.createElement(
|
|
689
|
-
ref:
|
|
793
|
+
return /* @__PURE__ */ m.createElement(yr, $({
|
|
794
|
+
ref: i,
|
|
690
795
|
variant: C,
|
|
691
796
|
disabled: s,
|
|
692
|
-
onClick:
|
|
693
|
-
ariaLabel:
|
|
694
|
-
toggleOffAriaLabel:
|
|
797
|
+
onClick: p,
|
|
798
|
+
ariaLabel: l,
|
|
799
|
+
toggleOffAriaLabel: y,
|
|
695
800
|
toggleOffAriaLabelledBy: B,
|
|
696
|
-
toggleOnAriaLabel:
|
|
697
|
-
toggleOnAriaLabelledBy:
|
|
698
|
-
toggleOn:
|
|
801
|
+
toggleOnAriaLabel: w,
|
|
802
|
+
toggleOnAriaLabelledBy: q,
|
|
803
|
+
toggleOn: A,
|
|
699
804
|
toggleOff: b,
|
|
700
805
|
className: v("mdc-card__action mdc-card__action--icon", c)
|
|
701
|
-
},
|
|
806
|
+
}, K), er);
|
|
702
807
|
});
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
var
|
|
706
|
-
var r = e.alignment,
|
|
707
|
-
return /* @__PURE__ */ m.createElement("div",
|
|
708
|
-
ref:
|
|
709
|
-
className: v("lmnt", "mdc-card__actions",
|
|
710
|
-
},
|
|
808
|
+
We.displayName = "CardActionIcon";
|
|
809
|
+
We.propTypes = Sr;
|
|
810
|
+
var sa = ["alignment", "actionIcons", "actionButtons", "className"], z = jr, Ge = /* @__PURE__ */ _(function(e, i) {
|
|
811
|
+
var r = e.alignment, l = r === void 0 ? z.alignment : r, n = e.actionIcons, t = n === void 0 ? z.actionIcons : n, o = e.actionButtons, c = o === void 0 ? z.actionButtons : o, d = e.className, s = d === void 0 ? z.className : d, u = T(e, sa);
|
|
812
|
+
return /* @__PURE__ */ m.createElement("div", $({
|
|
813
|
+
ref: i,
|
|
814
|
+
className: v("lmnt", "mdc-card__actions", l === "leading" && "lmnt-card__actions--leading", l === "center" && "lmnt-card__actions--center", l === "trailing" && "lmnt-card__actions--trailing", s)
|
|
815
|
+
}, u), c && /* @__PURE__ */ m.createElement("div", {
|
|
711
816
|
className: "mdc-card__action-buttons"
|
|
712
|
-
}, c), t &&
|
|
817
|
+
}, c), t && l === "leading" && /* @__PURE__ */ m.createElement("div", {
|
|
713
818
|
className: "mdc-card__action-icons"
|
|
714
819
|
}, t));
|
|
715
820
|
});
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
var
|
|
719
|
-
var r = e.children,
|
|
720
|
-
return /* @__PURE__ */ m.createElement("div",
|
|
721
|
-
ref:
|
|
821
|
+
Ge.displayName = "CardActions";
|
|
822
|
+
Ge.propTypes = Mr;
|
|
823
|
+
var ma = ["children", "typographyType", "themeColor", "className"], W = zr, Fe = /* @__PURE__ */ _(function(e, i) {
|
|
824
|
+
var r = e.children, l = r === void 0 ? W.children : r, n = e.typographyType, t = n === void 0 ? W.typographyType : n, o = e.themeColor, c = o === void 0 ? W.themeColor : o, d = e.className, s = d === void 0 ? W.className : d, u = T(e, ma);
|
|
825
|
+
return /* @__PURE__ */ m.createElement("div", $({
|
|
826
|
+
ref: i,
|
|
722
827
|
className: v("lmnt-card-body", t === "body1" && " mdc-typography--body1", t === "body2" && " mdc-typography--body2", t === "button" && " mdc-typography--button", t === "caption" && " mdc-typography--caption", t === "headline1" && " mdc-typography--headline1", t === "headline2" && " mdc-typography--headline2", t === "headline3" && " mdc-typography--headline3", t === "headline4" && " mdc-typography--headline4", t === "headline5" && " mdc-typography--headline5", t === "headline6" && " mdc-typography--headline6", t === "display1" && " mdc-typography--headline1", t === "display2" && " mdc-typography--headline2", t === "display3" && " mdc-typography--headline3", t === "display4" && " mdc-typography--headline4", t === "display5" && " mdc-typography--headline5", t === "display6" && " mdc-typography--headline6", t === "overline" && " mdc-typography--overline", t === "subtitle1" && " mdc-typography--subtitle1", t === "subtitle2" && " mdc-typography--subtitle2", "lmnt-theme-".concat(c, "-bg"), s)
|
|
723
|
-
},
|
|
828
|
+
}, u), l);
|
|
724
829
|
});
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
var
|
|
728
|
-
var r = e.children,
|
|
729
|
-
return /* @__PURE__ */ m.createElement("div",
|
|
730
|
-
ref:
|
|
830
|
+
Fe.displayName = "CardBody";
|
|
831
|
+
Fe.propTypes = Ur;
|
|
832
|
+
var ua = ["children", "className"], xe = Gr, He = /* @__PURE__ */ _(function(e, i) {
|
|
833
|
+
var r = e.children, l = r === void 0 ? xe.children : r, n = e.className, t = n === void 0 ? xe.className : n, o = T(e, ua);
|
|
834
|
+
return /* @__PURE__ */ m.createElement("div", $({
|
|
835
|
+
ref: i,
|
|
731
836
|
className: v(["lmnt", "mdc-card__content"], t)
|
|
732
|
-
}, o),
|
|
837
|
+
}, o), l);
|
|
733
838
|
});
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
var
|
|
737
|
-
var r = e.className,
|
|
738
|
-
return /* @__PURE__ */ m.createElement(
|
|
739
|
-
ref:
|
|
839
|
+
He.displayName = "CardContent";
|
|
840
|
+
He.propTypes = Wr;
|
|
841
|
+
var ya = ["className", "dividerVariant", "dividerThemeColor"], ae = Hr, Ke = /* @__PURE__ */ _(function(e, i) {
|
|
842
|
+
var r = e.className, l = r === void 0 ? ae.className : r, n = e.dividerVariant, t = n === void 0 ? ae.dividerVariant : n, o = e.dividerThemeColor, c = o === void 0 ? ae.dividerThemeColor : o, d = T(e, ya);
|
|
843
|
+
return /* @__PURE__ */ m.createElement(pr, $({
|
|
844
|
+
ref: i,
|
|
740
845
|
variant: t,
|
|
741
846
|
themeColor: c,
|
|
742
|
-
className: v("mdc-card__divider", "lmnt-card-divider",
|
|
847
|
+
className: v("mdc-card__divider", "lmnt-card-divider", l)
|
|
743
848
|
}, d));
|
|
744
849
|
});
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
var
|
|
748
|
-
var r = e.children,
|
|
749
|
-
return /* @__PURE__ */ m.createElement("div",
|
|
750
|
-
ref:
|
|
850
|
+
Ke.displayName = "CardDivider";
|
|
851
|
+
Ke.propTypes = Fr;
|
|
852
|
+
var pa = ["children", "className", "filterType"], te = Vr, Ve = /* @__PURE__ */ _(function(e, i) {
|
|
853
|
+
var r = e.children, l = r === void 0 ? te.children : r, n = e.className, t = n === void 0 ? te.className : n, o = e.filterType, c = o === void 0 ? te.filterType : o, d = T(e, pa);
|
|
854
|
+
return /* @__PURE__ */ m.createElement("div", $({
|
|
855
|
+
ref: i,
|
|
751
856
|
className: v("lmnt", "lmnt-card__filters", c === "chips" && "lmnt-card__filters--chips", c === "select" && "lmnt-card__filters--select", c === "select-2" && "lmnt-card__filters--select lmnt-card__filters--select-2", t)
|
|
752
|
-
}, d),
|
|
857
|
+
}, d), l);
|
|
753
858
|
});
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
var
|
|
859
|
+
Ve.displayName = "CardFilter";
|
|
860
|
+
Ve.propTypes = Kr;
|
|
861
|
+
var ga = /* @__PURE__ */ sr({
|
|
757
862
|
groupRect: {}
|
|
758
|
-
}),
|
|
759
|
-
var r = e.children,
|
|
760
|
-
return
|
|
863
|
+
}), va = ["children", "className", "rtl"], ne = Qr, Je = /* @__PURE__ */ _(function(e, i) {
|
|
864
|
+
var r = e.children, l = r === void 0 ? ne.children : r, n = e.className, t = n === void 0 ? ne.className : n, o = e.rtl, c = o === void 0 ? ne.rtl : o, d = T(e, va), s = Tr(), u = qe(s, 2), p = u[0], g = u[1], b = H(p);
|
|
865
|
+
return U(i, function() {
|
|
761
866
|
return b.current;
|
|
762
|
-
}, []),
|
|
867
|
+
}, []), U(p, function() {
|
|
763
868
|
return b.current;
|
|
764
869
|
}, []), // eslint-disable-next-line react/jsx-no-constructed-context-values
|
|
765
|
-
/* @__PURE__ */ m.createElement(
|
|
870
|
+
/* @__PURE__ */ m.createElement(ga.Provider, {
|
|
766
871
|
value: {
|
|
767
|
-
groupRect:
|
|
872
|
+
groupRect: g
|
|
768
873
|
}
|
|
769
|
-
}, /* @__PURE__ */ m.createElement(
|
|
874
|
+
}, /* @__PURE__ */ m.createElement(gr, $({
|
|
770
875
|
className: v("lmnt-card__horizontal-group", "lmnt-card--horizontal", t),
|
|
771
876
|
ref: b,
|
|
772
877
|
gap: "none",
|
|
773
878
|
direction: c ? "horizontal-reverse" : "horizontal",
|
|
774
879
|
secondaryAlign: "start"
|
|
775
|
-
}, d),
|
|
880
|
+
}, d), l));
|
|
776
881
|
});
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
var
|
|
780
|
-
var r = e.children,
|
|
781
|
-
|
|
782
|
-
return
|
|
882
|
+
Je.propTypes = Jr;
|
|
883
|
+
Je.displayName = "CardHorizontalGroup";
|
|
884
|
+
var fa = ["children", "className", "position", "overlayThemeColor"], G = aa, ue = /* @__PURE__ */ _(function(e, i) {
|
|
885
|
+
var r = e.children, l = r === void 0 ? G.children : r, n = e.className, t = n === void 0 ? G.className : n, o = e.position, c = o === void 0 ? G.position : o, d = e.overlayThemeColor, s = d === void 0 ? G.overlayThemeColor : d, u = T(e, fa), p = H();
|
|
886
|
+
U(i, function() {
|
|
887
|
+
return p.current;
|
|
783
888
|
}, []);
|
|
784
|
-
var
|
|
785
|
-
return c !== "none" && v("lmnt", "lmnt-card-overlay ", !
|
|
889
|
+
var g = F(function() {
|
|
890
|
+
return c !== "none" && v("lmnt", "lmnt-card-overlay ", !ke(s).call(s, "gradient") && s !== "surface" && "lmnt-card-overlay__".concat(s), ke(s).call(s, "gradient") && s !== "surface" && "lmnt-theme--bg-".concat(s), s === "surface" && "lmnt-theme-surface-bg", "lmnt-card-overlay__".concat(c), t);
|
|
786
891
|
}, [s, c, t]);
|
|
787
|
-
return /* @__PURE__ */ m.createElement("div",
|
|
788
|
-
className:
|
|
789
|
-
},
|
|
892
|
+
return /* @__PURE__ */ m.createElement("div", $({
|
|
893
|
+
className: g
|
|
894
|
+
}, u), l && l);
|
|
790
895
|
});
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
var
|
|
794
|
-
function
|
|
795
|
-
var r =
|
|
796
|
-
if (
|
|
797
|
-
var
|
|
798
|
-
|
|
896
|
+
ue.displayName = "CardOverlay";
|
|
897
|
+
ue.propTypes = ra;
|
|
898
|
+
var ha = ["children", "className", "contentPlacement", "imageUrl", "overlay", "overlayThemeColor", "ratio", "style"];
|
|
899
|
+
function Ae(e, i) {
|
|
900
|
+
var r = oe(e);
|
|
901
|
+
if (M) {
|
|
902
|
+
var l = M(e);
|
|
903
|
+
i && (l = me(l).call(l, function(n) {
|
|
799
904
|
return j(e, n).enumerable;
|
|
800
|
-
})), r.push.apply(r,
|
|
905
|
+
})), r.push.apply(r, l);
|
|
801
906
|
}
|
|
802
907
|
return r;
|
|
803
908
|
}
|
|
804
|
-
function
|
|
805
|
-
for (var
|
|
806
|
-
var r,
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
}) :
|
|
810
|
-
|
|
909
|
+
function ba(e) {
|
|
910
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
911
|
+
var r, l, n = arguments[i] != null ? arguments[i] : {};
|
|
912
|
+
i % 2 ? S(r = Ae(Object(n), !0)).call(r, function(t) {
|
|
913
|
+
de(e, t, n[t]);
|
|
914
|
+
}) : D ? ce(e, D(n)) : S(l = Ae(Object(n))).call(l, function(t) {
|
|
915
|
+
se(e, t, j(n, t));
|
|
811
916
|
});
|
|
812
917
|
}
|
|
813
918
|
return e;
|
|
814
919
|
}
|
|
815
|
-
var
|
|
816
|
-
var r = e.children,
|
|
817
|
-
return /* @__PURE__ */ m.createElement("div",
|
|
818
|
-
ref:
|
|
819
|
-
className: v("lmnt", "mdc-card__media", (
|
|
820
|
-
style:
|
|
920
|
+
var R = ea, Qe = /* @__PURE__ */ _(function(e, i) {
|
|
921
|
+
var r = e.children, l = r === void 0 ? R.children : r, n = e.className, t = n === void 0 ? R.className : n, o = e.contentPlacement, c = o === void 0 ? R.contentPlacement : o, d = e.imageUrl, s = d === void 0 ? R.imageUrl : d, u = e.overlay, p = u === void 0 ? R.overlay : u, g = e.overlayThemeColor, b = g === void 0 ? R.overlayThemeColor : g, f = e.ratio, y = f === void 0 ? R.ratio : f, h = e.style, B = h === void 0 ? R.style : h, N = T(e, ha);
|
|
922
|
+
return /* @__PURE__ */ m.createElement("div", $({
|
|
923
|
+
ref: i,
|
|
924
|
+
className: v("lmnt", "mdc-card__media", (y === "square" || !y) && "mdc-card__media--square", y === "sixteen-nine" && "mdc-card__media--16-9", y === "four-three" && "lmnt-card__media--4-3", y === "four-five" && "lmnt-card__media--4-5", y === "two-one" && "lmnt-card__media--2-1", t),
|
|
925
|
+
style: ba({
|
|
821
926
|
backgroundImage: "url(".concat(s, ")")
|
|
822
927
|
}, B)
|
|
823
|
-
}, N),
|
|
928
|
+
}, N), p && /* @__PURE__ */ m.createElement(ue, {
|
|
824
929
|
overlayThemeColor: b
|
|
825
|
-
}),
|
|
826
|
-
className: v("mdc-card__media-content",
|
|
930
|
+
}), l && /* @__PURE__ */ m.createElement("div", {
|
|
931
|
+
className: v("mdc-card__media-content", p && "lmnt-card__media-content--with-overlay", c === "bottom" && "lmnt-card__content--bottom", c === "top" && "lmnt-card__content--top")
|
|
827
932
|
}, /* @__PURE__ */ m.createElement("div", {
|
|
828
933
|
className: "lmnt-card__media-inner-content"
|
|
829
|
-
},
|
|
934
|
+
}, l)));
|
|
830
935
|
});
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
var
|
|
834
|
-
var r = e.children,
|
|
835
|
-
return /* @__PURE__ */ m.createElement(c,
|
|
836
|
-
ref:
|
|
936
|
+
Qe.displayName = "CardMedia";
|
|
937
|
+
Qe.propTypes = Zr;
|
|
938
|
+
var Ca = ["children", "className", "tag"], Ie = na, Xe = /* @__PURE__ */ _(function(e, i) {
|
|
939
|
+
var r = e.children, l = r === void 0 ? Ie.children : r, n = e.className, t = n === void 0 ? Ie.className : n, o = e.tag, c = o === void 0 ? "div" : o, d = T(e, Ca);
|
|
940
|
+
return /* @__PURE__ */ m.createElement(c, $({
|
|
941
|
+
ref: i,
|
|
837
942
|
tabIndex: "0",
|
|
838
943
|
className: v(["lmnt", "mdc-card__primary-action"], t)
|
|
839
|
-
}, d),
|
|
944
|
+
}, d), l);
|
|
840
945
|
});
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
var
|
|
844
|
-
var r = e.className,
|
|
845
|
-
return /* @__PURE__ */ m.createElement("div",
|
|
846
|
-
ref:
|
|
847
|
-
className: v("lmnt", "lmnt-card-title",
|
|
848
|
-
},
|
|
946
|
+
Xe.displayName = "CardPrimaryAction";
|
|
947
|
+
Xe.propTypes = ta;
|
|
948
|
+
var Ta = ["className", "leadingBlock", "leadingBlockType", "overlineText", "placement", "primaryText", "secondaryText", "stackedSecondaryText", "stacked", "themeColor", "trailingBlock", "trailingBlockType"], k = ia, Ye = /* @__PURE__ */ _(function(e, i) {
|
|
949
|
+
var r = e.className, l = r === void 0 ? k.className : r, n = e.leadingBlock, t = n === void 0 ? k.leadingBlock : n, o = e.leadingBlockType, c = o === void 0 ? k.leadingBlockType : o, d = e.overlineText, s = d === void 0 ? k.overlineText : d, u = e.placement, p = u === void 0 ? k.placement : u, g = e.primaryText, b = g === void 0 ? k.primaryText : g, f = e.secondaryText, y = f === void 0 ? k.secondaryText : f, h = e.stackedSecondaryText, B = h === void 0 ? k.stackedSecondaryText : h, N = e.stacked, A = N === void 0 ? k.stacked : N, I = e.themeColor, w = I === void 0 ? k.themeColor : I, P = e.trailingBlock, q = P === void 0 ? k.trailingBlock : P, L = e.trailingBlockType, C = L === void 0 ? k.trailingBlockType : L, K = T(e, Ta);
|
|
950
|
+
return /* @__PURE__ */ m.createElement("div", $({
|
|
951
|
+
ref: i,
|
|
952
|
+
className: v("lmnt", "lmnt-card-title", A && "lmnt-card-title--stacked", p === "top" && "lmnt-card-title--top-placement", p === "bottom" && "lmnt-card-title--bottom-placement", w === "primary" && "lmnt-theme-primary-bg", w === "secondary" && "lmnt-theme-secondary-bg", l)
|
|
953
|
+
}, K), c ? /* @__PURE__ */ m.createElement("div", {
|
|
849
954
|
className: v("lmnt-card-title__leadingBlock", c === "avatar" && "lmnt-card-title__leadingBlock--avatar", c === "icon" && "lmnt-card-title__leadingBlock--icon", c === "icon-with-background" && "lmnt-card-title__leadingBlock--icon-with-background", c === "thumbnail" && "lmnt-card-title__leadingBlock--thumbnail")
|
|
850
955
|
}, t) : null, /* @__PURE__ */ m.createElement("div", {
|
|
851
956
|
className: "lmnt-card-title__text"
|
|
852
957
|
}, s && /* @__PURE__ */ m.createElement("div", {
|
|
853
958
|
className: "lmnt-card-title__overlineText"
|
|
854
|
-
}, s), b, (
|
|
855
|
-
className: v("lmnt-card-title-secondaryText-container", !
|
|
856
|
-
},
|
|
959
|
+
}, s), b, (y || B) && /* @__PURE__ */ m.createElement("div", {
|
|
960
|
+
className: v("lmnt-card-title-secondaryText-container", !A && "lmnt-card-title__items")
|
|
961
|
+
}, y && /* @__PURE__ */ m.createElement("div", {
|
|
857
962
|
className: "lmnt-card-title__secondaryText"
|
|
858
|
-
},
|
|
963
|
+
}, y), B && /* @__PURE__ */ m.createElement("div", {
|
|
859
964
|
className: "lmnt-card-title__secondaryText"
|
|
860
965
|
}, B))), C ? /* @__PURE__ */ m.createElement("div", {
|
|
861
966
|
className: v("lmnt-card-title__trailingBlock", C === "title-actions" && "lmnt-card-title__trailingBlock--title-actions", C === "avatar" && "lmnt-card-title__trailingBlock--avatar", C === "icon" && "lmnt-card-title__trailingBlock--icon", C === "icon-with-background" && "lmnt-card-title__trailingBlock--icon-with-background", C === "thumbnail" && "lmnt-card-title__trailingBlock--thumbnail", C === "badge" && "lmnt-card-title__trailingBlock--badge")
|
|
862
|
-
},
|
|
967
|
+
}, q) : null);
|
|
863
968
|
});
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
var
|
|
867
|
-
function
|
|
868
|
-
var r =
|
|
869
|
-
if (
|
|
870
|
-
var
|
|
871
|
-
|
|
969
|
+
Ye.displayName = "CardTitle";
|
|
970
|
+
Ye.propTypes = la;
|
|
971
|
+
var $a = ["style", "mediaUrl", "width"];
|
|
972
|
+
function Le(e, i) {
|
|
973
|
+
var r = oe(e);
|
|
974
|
+
if (M) {
|
|
975
|
+
var l = M(e);
|
|
976
|
+
i && (l = me(l).call(l, function(n) {
|
|
872
977
|
return j(e, n).enumerable;
|
|
873
|
-
})), r.push.apply(r,
|
|
978
|
+
})), r.push.apply(r, l);
|
|
874
979
|
}
|
|
875
980
|
return r;
|
|
876
981
|
}
|
|
877
|
-
function
|
|
878
|
-
for (var
|
|
879
|
-
var r,
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
}) :
|
|
883
|
-
|
|
982
|
+
function _a(e) {
|
|
983
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
984
|
+
var r, l, n = arguments[i] != null ? arguments[i] : {};
|
|
985
|
+
i % 2 ? S(r = Le(Object(n), !0)).call(r, function(t) {
|
|
986
|
+
de(e, t, n[t]);
|
|
987
|
+
}) : D ? ce(e, D(n)) : S(l = Le(Object(n))).call(l, function(t) {
|
|
988
|
+
se(e, t, j(n, t));
|
|
884
989
|
});
|
|
885
990
|
}
|
|
886
991
|
return e;
|
|
887
992
|
}
|
|
888
|
-
var
|
|
889
|
-
var r = e.style,
|
|
890
|
-
return
|
|
993
|
+
var le = Yr, Ze = /* @__PURE__ */ _(function(e, i) {
|
|
994
|
+
var r = e.style, l = r === void 0 ? le.style : r, n = e.mediaUrl, t = n === void 0 ? le.mediaUrl : n, o = e.width, c = o === void 0 ? le.width : o, d = T(e, $a), s = H();
|
|
995
|
+
return U(i, function() {
|
|
891
996
|
return s.current;
|
|
892
|
-
}, []), /* @__PURE__ */ m.createElement("img",
|
|
997
|
+
}, []), /* @__PURE__ */ m.createElement("img", $({
|
|
893
998
|
src: t,
|
|
894
999
|
alt: "leadingCardMedia",
|
|
895
1000
|
width: c,
|
|
896
|
-
style:
|
|
1001
|
+
style: _a({
|
|
897
1002
|
flexShrink: 0
|
|
898
|
-
},
|
|
1003
|
+
}, l)
|
|
899
1004
|
}, d));
|
|
900
1005
|
});
|
|
901
|
-
|
|
902
|
-
|
|
1006
|
+
Ze.propTypes = Xr;
|
|
1007
|
+
Ze.displayName = "CardLeadingMedia";
|
|
903
1008
|
export {
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
1009
|
+
Ue as C,
|
|
1010
|
+
He as a,
|
|
1011
|
+
Fe as b,
|
|
1012
|
+
Ye as c,
|
|
1013
|
+
Ke as d,
|
|
1014
|
+
Sa as e,
|
|
1015
|
+
Me as i,
|
|
911
1016
|
qa as o
|
|
912
1017
|
};
|