@midas-ds/components 15.4.0 → 15.5.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 +16 -0
- package/accordion/AccordionItem.d.ts +5 -0
- package/accordion/index.js +1 -1
- package/badge/index.js +1 -1
- package/breadcrumbs/index.js +1 -1
- package/button/index.js +2 -2
- package/calendar/index.js +1 -1
- package/card/index.js +1 -1
- package/character-counter/index.js +1 -1
- package/checkbox/index.js +2 -2
- package/chunks/AccordionItem-BDkCTxFM.js +132 -0
- package/chunks/{BadgeContainer-BJAC-kV0.js → BadgeContainer-CKVsfTlF.js} +1 -1
- package/chunks/Breadcrumbs-By2bMbQd.js +28 -0
- package/chunks/Button-DbQwg49l.js +46 -0
- package/chunks/{ButtonGroup-B6mr4JGY.js → ButtonGroup-Dr6HOBo2.js} +1 -1
- package/chunks/Card-ia98VoKL.js +130 -0
- package/chunks/CharacterCounter-DeuE2det.js +21 -0
- package/chunks/Checkbox-ClhO-AzB.js +122 -0
- package/chunks/CheckboxGroup-CIFMaanI.js +84 -0
- package/chunks/{ColorSchemeSwitch-Cd6VSXql.js → ColorSchemeSwitch-DugvPh6T.js} +17 -17
- package/chunks/ComboBox-D86agoIk.js +108 -0
- package/chunks/DateField-CdJdPIuj.js +46 -0
- package/chunks/DateInputDivider-CkTB5q5k.js +36 -0
- package/chunks/DateRangePicker-p0l1tSMb.js +117 -0
- package/chunks/Dialog-BndmKdiv.js +66 -0
- package/chunks/Dropdown-CWP2clB2.js +79 -0
- package/chunks/FeedbackStatusIcon-COWuMusk.js +56 -0
- package/chunks/FieldError-C0HRIcAx.js +23 -0
- package/chunks/FileUpload-h1PxqQmb.js +16 -0
- package/chunks/{Grid-DeB7TdcZ.js → Grid-B-WgMwON.js} +2 -2
- package/chunks/{GridItem-B_3FFhPs.js → GridItem-5t1Z14sM.js} +1 -1
- package/chunks/Heading-D8tNNJkt.js +38 -0
- package/chunks/InfoBanner-tXWNVxpu.js +72 -0
- package/chunks/Label-B7taTXkd.js +73 -0
- package/chunks/{Layout-InD0Hl7F.js → Layout-DPRkHK4y.js} +70 -70
- package/chunks/Link-yTNUNv3C.js +54 -0
- package/chunks/LinkButton-3nAekUJ4.js +63 -0
- package/chunks/{ListBox-CKDglhFH.js → ListBox-D4tO_OrO.js} +18 -18
- package/chunks/ListBoxLoadMoreItem-BKptRAtt.js +41 -0
- package/chunks/ListBoxSection-DKHba2X0.js +49 -0
- package/chunks/{Logo-D80UDT1x.js → Logo-InDSslpO.js} +2 -2
- package/chunks/Popover-BAdqdN6C.js +38 -0
- package/chunks/ProgressBar-B2W7BTjA.js +53 -0
- package/chunks/Radio-BzuxVV_g.js +43 -0
- package/chunks/RangeCalendar-CuXHsT-k.js +99 -0
- package/chunks/{SearchField-Dr3DAs9W.js → SearchField-CLrAjcdA.js} +39 -39
- package/chunks/{Select-fDRXxmLm.js → Select-C-0lWpoz.js} +48 -46
- package/chunks/Select-CzfIyTE7.js +576 -0
- package/chunks/Separator-BcnQEA9f.js +76 -0
- package/chunks/{Skeleton-Bcg_xgAx.js → Skeleton-DqIHQLQl.js} +1 -1
- package/chunks/Spinner-CL9evrHm.js +49 -0
- package/chunks/TabList-D2XV5ixe.js +81 -0
- package/chunks/Table-B1rlSIhS.js +139 -0
- package/chunks/Tag-CEfQksg8.js +53 -0
- package/chunks/{Text-WP6RbnnK.js → Text-TWzJxnto.js} +9 -9
- package/chunks/TextArea-34YgkUEE.js +124 -0
- package/chunks/{Toast-CP_V12b3.js → Toast-CCA9sCnB.js} +46 -45
- package/chunks/ToggleButtonGroup-CXKTrLbb.js +29 -0
- package/chunks/Tooltip-CtstfI8u.js +46 -0
- package/chunks/clsx-AexbMWKp.js +24 -0
- package/chunks/useLocalizedStringFormatter-ZgRJmvHC.js +25 -0
- package/color-scheme-switch/index.js +1 -1
- package/combobox/index.js +1 -1
- package/common/FeedbackStatusIcon.d.ts +6 -0
- package/common/intl/translations.json.d.ts +17 -0
- package/date-field/index.js +2 -2
- package/date-picker/index.js +1 -1
- package/dropdown/index.js +1 -1
- package/field-error/index.js +1 -1
- package/file-upload/index.js +1 -1
- package/grid/index.js +2 -2
- package/heading/index.js +1 -1
- package/index.js +68 -68
- package/info-banner/index.js +1 -1
- package/label/index.js +1 -1
- package/layout/index.js +1 -1
- package/legacy-select/index.js +1 -1
- package/link/index.js +3 -3
- package/link-button/index.js +3 -3
- package/list-box/index.js +3 -3
- package/logo/index.js +1 -1
- package/menu/index.js +5 -5
- package/modal/index.js +2 -2
- package/package.json +2 -3
- package/popover/index.js +1 -1
- package/progress-bar/index.js +1 -1
- package/radio/index.js +1 -1
- package/search-field/index.js +1 -1
- package/select/index.js +1 -1
- package/skeleton/index.js +1 -1
- package/spinner/index.js +1 -1
- package/table/index.js +1 -1
- package/tabs/index.js +1 -1
- package/tag/index.js +1 -1
- package/text/index.js +1 -1
- package/textfield/index.js +1 -1
- package/toast/Toast.d.ts +1 -1
- package/toast/index.js +1 -1
- package/toggle-button/index.js +1 -1
- package/tooltip/index.js +1 -1
- package/chunks/AccordionItem-BCoomT4-.js +0 -132
- package/chunks/Breadcrumbs-CnuqEeOL.js +0 -28
- package/chunks/Button-CHs1wv7n.js +0 -46
- package/chunks/Card-D58EJCcV.js +0 -130
- package/chunks/CharacterCounter-CzCvDmNP.js +0 -21
- package/chunks/Checkbox-CogzFDe3.js +0 -119
- package/chunks/CheckboxGroup-BLx25gqn.js +0 -83
- package/chunks/ComboBox-8YAwADqL.js +0 -108
- package/chunks/DateField-CpbYROK1.js +0 -46
- package/chunks/DateInputDivider-C43xP4is.js +0 -36
- package/chunks/DateRangePicker-CICkmtXG.js +0 -116
- package/chunks/Dialog-DBn9L3SP.js +0 -66
- package/chunks/Dropdown-Cctv2Qpv.js +0 -79
- package/chunks/FieldError-CZKAYQ-n.js +0 -23
- package/chunks/FileUpload-DILt4rAn.js +0 -16
- package/chunks/Heading-DIw3iLMN.js +0 -38
- package/chunks/InfoBanner-Bw3rjGtB.js +0 -72
- package/chunks/Label-CKe9pgXT.js +0 -73
- package/chunks/Link-C3w5O2wT.js +0 -54
- package/chunks/LinkButton-D6X0Dvoz.js +0 -63
- package/chunks/ListBoxLoadMoreItem-y9pCuqRe.js +0 -41
- package/chunks/ListBoxSection-CvtRigQb.js +0 -49
- package/chunks/Popover-DktRiuCr.js +0 -38
- package/chunks/ProgressBar-Bjxi5TgY.js +0 -53
- package/chunks/Radio-DqFFcFra.js +0 -43
- package/chunks/RangeCalendar-CIxwICEf.js +0 -99
- package/chunks/Select-BSqv5Qi-.js +0 -566
- package/chunks/Separator-Cw1vlSYO.js +0 -76
- package/chunks/Spinner-B2EAm49Z.js +0 -48
- package/chunks/TabList-BIBQcX2n.js +0 -81
- package/chunks/Table-Cy-R3Ma8.js +0 -139
- package/chunks/Tag-BZnq1_yZ.js +0 -53
- package/chunks/TextArea-3fPkKmNx.js +0 -124
- package/chunks/ToggleButtonGroup-CgNeypuW.js +0 -29
- package/chunks/Tooltip-C53p0sfk.js +0 -46
- package/chunks/clsx-CuNqTHjr.js +0 -11
- package/chunks/icon-map-Ckc-nEUA.js +0 -31
- package/chunks/internationalized-C9snpc7V.js +0 -1955
- package/chunks/react-aria-components-mIKW9wOa.js +0 -22645
- package/chunks/react-stately-DRNKkAB0.js +0 -2586
- package/chunks/useLocalizedStringFormatter-CPwiI7nv.js +0 -25
- package/chunks/variables-BkqZ2WGF.js +0 -5
- package/common/icon-map.d.ts +0 -6
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsxs as e, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import * as i from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { VisuallyHidden as a } from "react-aria";
|
|
4
|
+
import { a as y, T as r } from "./ToggleButtonGroup-CXKTrLbb.js";
|
|
4
5
|
import { c as d } from "./createLucideIcon-D4r5Phnh.js";
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import '../assets/ColorSchemeSwitch.css';const u = [
|
|
6
|
+
import { u } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
|
|
7
|
+
import '../assets/ColorSchemeSwitch.css';const g = [
|
|
8
8
|
[
|
|
9
9
|
"path",
|
|
10
10
|
{
|
|
@@ -13,7 +13,7 @@ import '../assets/ColorSchemeSwitch.css';const u = [
|
|
|
13
13
|
}
|
|
14
14
|
],
|
|
15
15
|
["path", { d: "M20.054 15.987H3.946", key: "14rxg9" }]
|
|
16
|
-
], k = d("laptop",
|
|
16
|
+
], k = d("laptop", g);
|
|
17
17
|
const M = [
|
|
18
18
|
["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
|
|
19
19
|
], f = d("moon", M);
|
|
@@ -29,10 +29,10 @@ const S = [
|
|
|
29
29
|
["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
|
|
30
30
|
], _ = d("sun", S), b = "_button_1dy1i_1", c = {
|
|
31
31
|
button: b
|
|
32
|
-
},
|
|
33
|
-
en:
|
|
34
|
-
sv:
|
|
35
|
-
},
|
|
32
|
+
}, N = { darkMode: "Dark Mode", lightMode: "Light Mode", system: "System Setting" }, j = { darkMode: "Mörkt läge", lightMode: "Ljust läge", system: "Systeminställning" }, v = {
|
|
33
|
+
en: N,
|
|
34
|
+
sv: j
|
|
35
|
+
}, E = ({
|
|
36
36
|
selector: o = "body",
|
|
37
37
|
defaultValue: m = /* @__PURE__ */ new Set(["light dark"]),
|
|
38
38
|
className: h
|
|
@@ -45,7 +45,7 @@ const S = [
|
|
|
45
45
|
Array.from(s).join(" ")
|
|
46
46
|
) : console.warn(`No element found for selector: "${o}"`);
|
|
47
47
|
}, [s, o]);
|
|
48
|
-
const n =
|
|
48
|
+
const n = u(v);
|
|
49
49
|
return /* @__PURE__ */ e(
|
|
50
50
|
y,
|
|
51
51
|
{
|
|
@@ -56,35 +56,35 @@ const S = [
|
|
|
56
56
|
className: h,
|
|
57
57
|
children: [
|
|
58
58
|
/* @__PURE__ */ e(
|
|
59
|
-
|
|
59
|
+
r,
|
|
60
60
|
{
|
|
61
61
|
id: "light dark",
|
|
62
62
|
className: c.button,
|
|
63
63
|
children: [
|
|
64
64
|
/* @__PURE__ */ t(k, {}),
|
|
65
|
-
/* @__PURE__ */ t(
|
|
65
|
+
/* @__PURE__ */ t(a, { children: n.format("system") })
|
|
66
66
|
]
|
|
67
67
|
}
|
|
68
68
|
),
|
|
69
69
|
/* @__PURE__ */ e(
|
|
70
|
-
|
|
70
|
+
r,
|
|
71
71
|
{
|
|
72
72
|
id: "light",
|
|
73
73
|
className: c.button,
|
|
74
74
|
children: [
|
|
75
75
|
/* @__PURE__ */ t(_, {}),
|
|
76
|
-
/* @__PURE__ */ t(
|
|
76
|
+
/* @__PURE__ */ t(a, { children: n.format("lightMode") })
|
|
77
77
|
]
|
|
78
78
|
}
|
|
79
79
|
),
|
|
80
80
|
/* @__PURE__ */ e(
|
|
81
|
-
|
|
81
|
+
r,
|
|
82
82
|
{
|
|
83
83
|
id: "dark",
|
|
84
84
|
className: c.button,
|
|
85
85
|
children: [
|
|
86
86
|
/* @__PURE__ */ t(f, {}),
|
|
87
|
-
/* @__PURE__ */ t(
|
|
87
|
+
/* @__PURE__ */ t(a, { children: n.format("darkMode") })
|
|
88
88
|
]
|
|
89
89
|
}
|
|
90
90
|
)
|
|
@@ -93,5 +93,5 @@ const S = [
|
|
|
93
93
|
);
|
|
94
94
|
};
|
|
95
95
|
export {
|
|
96
|
-
C
|
|
96
|
+
E as C
|
|
97
97
|
};
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { jsxs as l, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import y from "react";
|
|
3
|
+
import { ComboBox as B, Input as F, Button as w, Collection as C } from "react-aria-components";
|
|
4
|
+
import { c as s } from "./clsx-AexbMWKp.js";
|
|
5
|
+
import { a as S, L as v } from "./Label-B7taTXkd.js";
|
|
6
|
+
import { T as u } from "./Text-TWzJxnto.js";
|
|
7
|
+
import { F as p } from "./FieldError-C0HRIcAx.js";
|
|
8
|
+
import { L as R } from "./ListBox-D4tO_OrO.js";
|
|
9
|
+
import { a as N, L as g, b as E } from "./ListBoxSection-DKHba2X0.js";
|
|
10
|
+
import { C as I } from "./chevron-down-DgT-uSF9.js";
|
|
11
|
+
import { u as T } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
|
|
12
|
+
import '../assets/ComboBox.css';const j = "_combobox_ti2ot_1", O = "_inputField_ti2ot_6", U = "_medium_ti2ot_28", z = "_wrap_ti2ot_74", D = "_button_ti2ot_80", M = "_icon_ti2ot_116", V = "_emptyState_ti2ot_122", o = {
|
|
13
|
+
combobox: j,
|
|
14
|
+
inputField: O,
|
|
15
|
+
medium: U,
|
|
16
|
+
wrap: z,
|
|
17
|
+
button: D,
|
|
18
|
+
icon: M,
|
|
19
|
+
emptyState: V
|
|
20
|
+
}, W = { showList: "Show list", noResultsFound: "No results found" }, $ = { showList: "Visa lista", noResultsFound: "Inga träffar" }, k = {
|
|
21
|
+
en: W,
|
|
22
|
+
sv: $
|
|
23
|
+
};
|
|
24
|
+
function ot({
|
|
25
|
+
label: e,
|
|
26
|
+
description: i,
|
|
27
|
+
errorMessage: r,
|
|
28
|
+
children: f,
|
|
29
|
+
items: h,
|
|
30
|
+
className: _,
|
|
31
|
+
errorPosition: a = "top",
|
|
32
|
+
size: m = "large",
|
|
33
|
+
popover: b,
|
|
34
|
+
...n
|
|
35
|
+
}) {
|
|
36
|
+
const c = y.useRef(null), d = T(k), x = (L) => {
|
|
37
|
+
L.currentTarget.value && c.current?.select();
|
|
38
|
+
};
|
|
39
|
+
return /* @__PURE__ */ l(
|
|
40
|
+
B,
|
|
41
|
+
{
|
|
42
|
+
className: s(o.combobox, _),
|
|
43
|
+
...n,
|
|
44
|
+
"data-readonly": n.isReadOnly || void 0,
|
|
45
|
+
children: [
|
|
46
|
+
/* @__PURE__ */ t(S, { popover: b, children: e && /* @__PURE__ */ t(v, { children: e }) }),
|
|
47
|
+
i && /* @__PURE__ */ t(u, { slot: "description", children: i }),
|
|
48
|
+
a === "top" && /* @__PURE__ */ t(p, { "data-testid": "fieldError", children: r }),
|
|
49
|
+
/* @__PURE__ */ l("div", { className: o.wrap, children: [
|
|
50
|
+
/* @__PURE__ */ t(
|
|
51
|
+
F,
|
|
52
|
+
{
|
|
53
|
+
className: s(o.inputField, {
|
|
54
|
+
[o.medium]: m === "medium"
|
|
55
|
+
}),
|
|
56
|
+
"data-readonly": n.isReadOnly || void 0,
|
|
57
|
+
onMouseUp: x,
|
|
58
|
+
ref: c
|
|
59
|
+
}
|
|
60
|
+
),
|
|
61
|
+
/* @__PURE__ */ t(
|
|
62
|
+
w,
|
|
63
|
+
{
|
|
64
|
+
className: s(o.button, {
|
|
65
|
+
[o.medium]: m === "medium"
|
|
66
|
+
}),
|
|
67
|
+
"aria-label": d.format("showList"),
|
|
68
|
+
children: /* @__PURE__ */ t(
|
|
69
|
+
"div",
|
|
70
|
+
{
|
|
71
|
+
className: o.icon,
|
|
72
|
+
"aria-hidden": "true",
|
|
73
|
+
children: /* @__PURE__ */ t(
|
|
74
|
+
I,
|
|
75
|
+
{
|
|
76
|
+
size: 20,
|
|
77
|
+
"aria-hidden": !0
|
|
78
|
+
}
|
|
79
|
+
)
|
|
80
|
+
}
|
|
81
|
+
)
|
|
82
|
+
}
|
|
83
|
+
)
|
|
84
|
+
] }),
|
|
85
|
+
a === "bottom" && /* @__PURE__ */ t(p, { "data-testid": "fieldError", children: r }),
|
|
86
|
+
/* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(
|
|
87
|
+
R,
|
|
88
|
+
{
|
|
89
|
+
items: h,
|
|
90
|
+
renderEmptyState: () => /* @__PURE__ */ t(u, { className: o.emptyState, children: d.format("noResultsFound") }),
|
|
91
|
+
children: f
|
|
92
|
+
}
|
|
93
|
+
) })
|
|
94
|
+
]
|
|
95
|
+
}
|
|
96
|
+
);
|
|
97
|
+
}
|
|
98
|
+
function q(e) {
|
|
99
|
+
return /* @__PURE__ */ t(g, { ...e });
|
|
100
|
+
}
|
|
101
|
+
function et(e) {
|
|
102
|
+
return /* @__PURE__ */ t(E, { ...e, children: /* @__PURE__ */ t(C, { items: e.children, children: (i) => /* @__PURE__ */ t(q, { children: i.name }, i.id) }) });
|
|
103
|
+
}
|
|
104
|
+
export {
|
|
105
|
+
ot as C,
|
|
106
|
+
q as a,
|
|
107
|
+
et as b
|
|
108
|
+
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsxs as F, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { DateField as u } from "react-aria-components";
|
|
3
|
+
import { c as m } from "./clsx-AexbMWKp.js";
|
|
4
|
+
import { a as _, D as f } from "./DateInputDivider-CkTB5q5k.js";
|
|
5
|
+
import { F as s } from "./FieldError-C0HRIcAx.js";
|
|
6
|
+
import { a as h, L as D } from "./Label-B7taTXkd.js";
|
|
7
|
+
import { T as b } from "./Text-TWzJxnto.js";
|
|
8
|
+
import '../assets/DateField.css';const x = "_dateField_y3sba_1", y = "_inputField_y3sba_7", L = "_medium_y3sba_37", i = {
|
|
9
|
+
dateField: x,
|
|
10
|
+
inputField: y,
|
|
11
|
+
medium: L
|
|
12
|
+
}, S = ({
|
|
13
|
+
className: r,
|
|
14
|
+
description: t,
|
|
15
|
+
errorMessage: d,
|
|
16
|
+
errorPosition: a = "top",
|
|
17
|
+
label: l,
|
|
18
|
+
size: o = "large",
|
|
19
|
+
popover: n,
|
|
20
|
+
...p
|
|
21
|
+
}) => /* @__PURE__ */ F(
|
|
22
|
+
u,
|
|
23
|
+
{
|
|
24
|
+
...p,
|
|
25
|
+
className: m(i.dateField, r),
|
|
26
|
+
children: [
|
|
27
|
+
/* @__PURE__ */ e(h, { popover: n, children: l && /* @__PURE__ */ e(D, { children: l }) }),
|
|
28
|
+
t && /* @__PURE__ */ e(b, { slot: "description", children: t }),
|
|
29
|
+
a === "top" && /* @__PURE__ */ e(s, { children: d }),
|
|
30
|
+
/* @__PURE__ */ e(
|
|
31
|
+
"div",
|
|
32
|
+
{
|
|
33
|
+
className: m(i.inputField, {
|
|
34
|
+
[i.medium]: o === "medium"
|
|
35
|
+
}),
|
|
36
|
+
"data-testid": "date-field_input-field",
|
|
37
|
+
children: /* @__PURE__ */ e(_, { children: (c) => /* @__PURE__ */ e(f, { segment: c }) })
|
|
38
|
+
}
|
|
39
|
+
),
|
|
40
|
+
a === "bottom" && /* @__PURE__ */ e(s, { children: d })
|
|
41
|
+
]
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
export {
|
|
45
|
+
S as D
|
|
46
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { DateSegment as d, DateInput as i } from "react-aria-components";
|
|
3
|
+
import { c as s } from "./clsx-AexbMWKp.js";
|
|
4
|
+
import '../assets/DateInputDivider.css';const m = "_dateSegment_15g5c_1", c = {
|
|
5
|
+
dateSegment: m
|
|
6
|
+
}, _ = ({
|
|
7
|
+
className: t,
|
|
8
|
+
...e
|
|
9
|
+
}) => /* @__PURE__ */ a(
|
|
10
|
+
d,
|
|
11
|
+
{
|
|
12
|
+
className: s(c.dateSegment, t),
|
|
13
|
+
...e
|
|
14
|
+
}
|
|
15
|
+
), o = "_dateInput_14x1f_1", r = "_divider_14x1f_21", n = {
|
|
16
|
+
dateInput: o,
|
|
17
|
+
divider: r
|
|
18
|
+
}, g = ({ className: t, ...e }) => /* @__PURE__ */ a(
|
|
19
|
+
i,
|
|
20
|
+
{
|
|
21
|
+
className: s(n.dateInput, t),
|
|
22
|
+
...e
|
|
23
|
+
}
|
|
24
|
+
), I = () => /* @__PURE__ */ a(
|
|
25
|
+
"span",
|
|
26
|
+
{
|
|
27
|
+
"aria-hidden": "true",
|
|
28
|
+
className: n.divider,
|
|
29
|
+
children: "-"
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
export {
|
|
33
|
+
_ as D,
|
|
34
|
+
g as a,
|
|
35
|
+
I as b
|
|
36
|
+
};
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { Group as P, Button as b, Popover as f, Dialog as v, DatePicker as x, DateRangePicker as F } from "react-aria-components";
|
|
3
|
+
import { a as m } from "./clsx-AexbMWKp.js";
|
|
4
|
+
import { C as M, R as N } from "./RangeCalendar-CuXHsT-k.js";
|
|
5
|
+
import { a as p, D as k, b as B } from "./DateInputDivider-CkTB5q5k.js";
|
|
6
|
+
import { F as h } from "./FieldError-C0HRIcAx.js";
|
|
7
|
+
import { a as u, L as y } from "./Label-B7taTXkd.js";
|
|
8
|
+
import { T as _ } from "./Text-TWzJxnto.js";
|
|
9
|
+
import { c as C } from "./createLucideIcon-D4r5Phnh.js";
|
|
10
|
+
import '../assets/DateRangePicker.css';const I = [
|
|
11
|
+
["path", { d: "M8 2v4", key: "1cmpym" }],
|
|
12
|
+
["path", { d: "M16 2v4", key: "4m81vk" }],
|
|
13
|
+
["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
|
|
14
|
+
["path", { d: "M3 10h18", key: "8toen8" }],
|
|
15
|
+
["path", { d: "M8 14h.01", key: "6423bh" }],
|
|
16
|
+
["path", { d: "M12 14h.01", key: "1etili" }],
|
|
17
|
+
["path", { d: "M16 14h.01", key: "1gbofw" }],
|
|
18
|
+
["path", { d: "M8 18h.01", key: "lrp35t" }],
|
|
19
|
+
["path", { d: "M12 18h.01", key: "mhygvu" }],
|
|
20
|
+
["path", { d: "M16 18h.01", key: "kzsmim" }]
|
|
21
|
+
], L = C("calendar-days", I), O = "_datePicker_175bg_1", R = "_inputField_175bg_8", j = "_medium_175bg_24", w = "_readOnly_175bg_42", T = "_calendarButton_175bg_60", $ = "_dialog_175bg_108", a = {
|
|
22
|
+
datePicker: O,
|
|
23
|
+
inputField: R,
|
|
24
|
+
medium: j,
|
|
25
|
+
readOnly: w,
|
|
26
|
+
calendarButton: T,
|
|
27
|
+
dialog: $
|
|
28
|
+
}, g = ({
|
|
29
|
+
children: i,
|
|
30
|
+
isDisabled: r,
|
|
31
|
+
isInvalid: n,
|
|
32
|
+
isReadOnly: t,
|
|
33
|
+
size: d = "large"
|
|
34
|
+
}) => /* @__PURE__ */ l(
|
|
35
|
+
P,
|
|
36
|
+
{
|
|
37
|
+
className: m(a.inputField, {
|
|
38
|
+
[a.medium]: d === "medium",
|
|
39
|
+
[a.readOnly]: t
|
|
40
|
+
}),
|
|
41
|
+
children: [
|
|
42
|
+
i,
|
|
43
|
+
/* @__PURE__ */ e(
|
|
44
|
+
b,
|
|
45
|
+
{
|
|
46
|
+
className: m(a.calendarButton, {
|
|
47
|
+
[a.medium]: d === "medium",
|
|
48
|
+
[a.readOnly]: t
|
|
49
|
+
}),
|
|
50
|
+
"data-invalid": n || void 0,
|
|
51
|
+
isDisabled: r,
|
|
52
|
+
children: /* @__PURE__ */ e(
|
|
53
|
+
L,
|
|
54
|
+
{
|
|
55
|
+
"aria-hidden": !0,
|
|
56
|
+
size: 20
|
|
57
|
+
}
|
|
58
|
+
)
|
|
59
|
+
}
|
|
60
|
+
)
|
|
61
|
+
]
|
|
62
|
+
}
|
|
63
|
+
), D = ({
|
|
64
|
+
children: i
|
|
65
|
+
}) => /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(v, { className: a.dialog, children: i }) }), K = ({
|
|
66
|
+
className: i,
|
|
67
|
+
description: r,
|
|
68
|
+
errorMessage: n,
|
|
69
|
+
errorPosition: t = "top",
|
|
70
|
+
label: d,
|
|
71
|
+
popover: s,
|
|
72
|
+
...c
|
|
73
|
+
}) => /* @__PURE__ */ l(
|
|
74
|
+
x,
|
|
75
|
+
{
|
|
76
|
+
className: m(a.datePicker, i),
|
|
77
|
+
...c,
|
|
78
|
+
children: [
|
|
79
|
+
/* @__PURE__ */ e(u, { popover: s, children: d && /* @__PURE__ */ e(y, { children: d }) }),
|
|
80
|
+
r && /* @__PURE__ */ e(_, { slot: "description", children: r }),
|
|
81
|
+
t === "top" && /* @__PURE__ */ e(h, { children: n }),
|
|
82
|
+
/* @__PURE__ */ e(g, { ...c, children: /* @__PURE__ */ e(p, { children: (o) => /* @__PURE__ */ e(k, { segment: o }) }) }),
|
|
83
|
+
t === "bottom" && /* @__PURE__ */ e(h, { children: n }),
|
|
84
|
+
/* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(M, {}) })
|
|
85
|
+
]
|
|
86
|
+
}
|
|
87
|
+
), Q = ({
|
|
88
|
+
className: i,
|
|
89
|
+
description: r,
|
|
90
|
+
errorMessage: n,
|
|
91
|
+
errorPosition: t = "top",
|
|
92
|
+
label: d,
|
|
93
|
+
popover: s,
|
|
94
|
+
...c
|
|
95
|
+
}) => /* @__PURE__ */ l(
|
|
96
|
+
F,
|
|
97
|
+
{
|
|
98
|
+
className: m(a.datePicker, i),
|
|
99
|
+
...c,
|
|
100
|
+
children: [
|
|
101
|
+
/* @__PURE__ */ e(u, { popover: s, children: d && /* @__PURE__ */ e(y, { children: d }) }),
|
|
102
|
+
r && /* @__PURE__ */ e(_, { slot: "description", children: r }),
|
|
103
|
+
t === "top" && /* @__PURE__ */ e(h, { children: n }),
|
|
104
|
+
/* @__PURE__ */ l(g, { ...c, children: [
|
|
105
|
+
/* @__PURE__ */ e(p, { slot: "start", children: (o) => /* @__PURE__ */ e(k, { segment: o }) }),
|
|
106
|
+
/* @__PURE__ */ e(B, {}),
|
|
107
|
+
/* @__PURE__ */ e(p, { slot: "end", children: (o) => /* @__PURE__ */ e(k, { segment: o }) })
|
|
108
|
+
] }),
|
|
109
|
+
t === "bottom" && /* @__PURE__ */ e(h, { children: n }),
|
|
110
|
+
/* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(N, {}) })
|
|
111
|
+
]
|
|
112
|
+
}
|
|
113
|
+
);
|
|
114
|
+
export {
|
|
115
|
+
K as D,
|
|
116
|
+
Q as a
|
|
117
|
+
};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { jsx as o, jsxs as e } from "react/jsx-runtime";
|
|
2
|
+
import { ModalOverlay as c, Modal as i, Dialog as n } from "react-aria-components";
|
|
3
|
+
import { B as _ } from "./Button-DbQwg49l.js";
|
|
4
|
+
import { H as y } from "./Heading-D8tNNJkt.js";
|
|
5
|
+
import { c as v } from "./clsx-AexbMWKp.js";
|
|
6
|
+
import { X as f } from "./x-BXShoIAM.js";
|
|
7
|
+
import { u as h } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
|
|
8
|
+
import '../assets/Dialog.css';const p = "_modal_skl37_1", g = "_overlay_skl37_24", B = "_modalHeader_skl37_48", H = "_modalTitle_skl37_59", k = "_modalBody_skl37_65", l = {
|
|
9
|
+
modal: p,
|
|
10
|
+
overlay: g,
|
|
11
|
+
modalHeader: B,
|
|
12
|
+
modalTitle: H,
|
|
13
|
+
modalBody: k
|
|
14
|
+
}, x = { close: "Close" }, M = { close: "Stäng" }, N = {
|
|
15
|
+
en: x,
|
|
16
|
+
sv: M
|
|
17
|
+
}, D = ({
|
|
18
|
+
children: s,
|
|
19
|
+
title: a,
|
|
20
|
+
hideCloseButton: r = !1,
|
|
21
|
+
className: t,
|
|
22
|
+
...d
|
|
23
|
+
}) => {
|
|
24
|
+
const m = h(N);
|
|
25
|
+
return /* @__PURE__ */ o(
|
|
26
|
+
c,
|
|
27
|
+
{
|
|
28
|
+
...d,
|
|
29
|
+
className: v(l.overlay, t),
|
|
30
|
+
children: /* @__PURE__ */ o(i, { className: l.modal, children: /* @__PURE__ */ e(n, { children: [
|
|
31
|
+
/* @__PURE__ */ e("div", { className: l.modalHeader, children: [
|
|
32
|
+
/* @__PURE__ */ o("div", { className: l.modalTitle, children: a && /* @__PURE__ */ o(
|
|
33
|
+
y,
|
|
34
|
+
{
|
|
35
|
+
level: 3,
|
|
36
|
+
elementType: "h2",
|
|
37
|
+
slot: "title",
|
|
38
|
+
children: a
|
|
39
|
+
}
|
|
40
|
+
) }),
|
|
41
|
+
!r && /* @__PURE__ */ o(
|
|
42
|
+
_,
|
|
43
|
+
{
|
|
44
|
+
slot: "close",
|
|
45
|
+
variant: "tertiary",
|
|
46
|
+
icon: f,
|
|
47
|
+
iconPlacement: "right",
|
|
48
|
+
children: m.format("close")
|
|
49
|
+
}
|
|
50
|
+
)
|
|
51
|
+
] }),
|
|
52
|
+
/* @__PURE__ */ o(
|
|
53
|
+
"div",
|
|
54
|
+
{
|
|
55
|
+
className: l.modalBody,
|
|
56
|
+
tabIndex: -1,
|
|
57
|
+
children: s
|
|
58
|
+
}
|
|
59
|
+
)
|
|
60
|
+
] }) })
|
|
61
|
+
}
|
|
62
|
+
);
|
|
63
|
+
};
|
|
64
|
+
export {
|
|
65
|
+
D as M
|
|
66
|
+
};
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { jsxs as t, jsx as n, Fragment as a } from "react/jsx-runtime";
|
|
2
|
+
import { MenuTrigger as m, Popover as s, Menu as d, MenuItem as u } from "react-aria-components";
|
|
3
|
+
import { B as h } from "./Button-DbQwg49l.js";
|
|
4
|
+
import { c as x } from "./clsx-AexbMWKp.js";
|
|
5
|
+
import { c as f } from "./createLucideIcon-D4r5Phnh.js";
|
|
6
|
+
import '../assets/Dropdown.css';const w = [
|
|
7
|
+
["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
|
|
8
|
+
["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
|
|
9
|
+
["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
|
|
10
|
+
], y = f("ellipsis-vertical", w), _ = "_dropDownMenu_1493w_1", v = "_menuItem_1493w_17", l = {
|
|
11
|
+
dropDownMenu: _,
|
|
12
|
+
menuItem: v
|
|
13
|
+
};
|
|
14
|
+
function k({
|
|
15
|
+
label: e,
|
|
16
|
+
title: r,
|
|
17
|
+
children: c,
|
|
18
|
+
icon: i = y,
|
|
19
|
+
...o
|
|
20
|
+
}) {
|
|
21
|
+
return /* @__PURE__ */ t(m, { ...o, children: [
|
|
22
|
+
/* @__PURE__ */ t(
|
|
23
|
+
h,
|
|
24
|
+
{
|
|
25
|
+
"aria-label": e || o["aria-label"],
|
|
26
|
+
variant: "icon",
|
|
27
|
+
children: [
|
|
28
|
+
r,
|
|
29
|
+
/* @__PURE__ */ n(
|
|
30
|
+
i,
|
|
31
|
+
{
|
|
32
|
+
size: 20,
|
|
33
|
+
"aria-hidden": !0
|
|
34
|
+
}
|
|
35
|
+
)
|
|
36
|
+
]
|
|
37
|
+
}
|
|
38
|
+
),
|
|
39
|
+
/* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
|
|
40
|
+
d,
|
|
41
|
+
{
|
|
42
|
+
...o,
|
|
43
|
+
className: l.dropDownMenu,
|
|
44
|
+
children: c
|
|
45
|
+
}
|
|
46
|
+
) })
|
|
47
|
+
] });
|
|
48
|
+
}
|
|
49
|
+
function p(e) {
|
|
50
|
+
const r = e.textValue || (typeof e.children == "string" ? e.children : void 0);
|
|
51
|
+
return /* @__PURE__ */ n(
|
|
52
|
+
u,
|
|
53
|
+
{
|
|
54
|
+
...e,
|
|
55
|
+
textValue: r,
|
|
56
|
+
className: ({ isFocused: c, isOpen: i }) => x(
|
|
57
|
+
l.menuItem,
|
|
58
|
+
e.className,
|
|
59
|
+
c && "focused",
|
|
60
|
+
i && "open"
|
|
61
|
+
),
|
|
62
|
+
children: ({ hasSubmenu: c }) => /* @__PURE__ */ t(a, { children: [
|
|
63
|
+
e.children,
|
|
64
|
+
c && /* @__PURE__ */ n(
|
|
65
|
+
"svg",
|
|
66
|
+
{
|
|
67
|
+
className: "chevron",
|
|
68
|
+
viewBox: "0 0 24 24",
|
|
69
|
+
children: /* @__PURE__ */ n("path", { d: "m9 18 6-6-6-6" })
|
|
70
|
+
}
|
|
71
|
+
)
|
|
72
|
+
] })
|
|
73
|
+
}
|
|
74
|
+
);
|
|
75
|
+
}
|
|
76
|
+
export {
|
|
77
|
+
k as D,
|
|
78
|
+
p as a
|
|
79
|
+
};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { c as n } from "./createLucideIcon-D4r5Phnh.js";
|
|
3
|
+
import { I as m } from "./info-kdfED7Wh.js";
|
|
4
|
+
import { C as c } from "./check-BxlvVsvD.js";
|
|
5
|
+
import { u as f } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
|
|
6
|
+
const p = [
|
|
7
|
+
[
|
|
8
|
+
"path",
|
|
9
|
+
{
|
|
10
|
+
d: "M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528",
|
|
11
|
+
key: "1jaruq"
|
|
12
|
+
}
|
|
13
|
+
]
|
|
14
|
+
], g = n("flag", p);
|
|
15
|
+
const l = [
|
|
16
|
+
[
|
|
17
|
+
"path",
|
|
18
|
+
{
|
|
19
|
+
d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
|
|
20
|
+
key: "wmoenq"
|
|
21
|
+
}
|
|
22
|
+
],
|
|
23
|
+
["path", { d: "M12 9v4", key: "juzpu7" }],
|
|
24
|
+
["path", { d: "M12 17h.01", key: "p32p05" }]
|
|
25
|
+
], k = n("triangle-alert", l), d = { ok: "okay", information: "information", importantInformation: "important information", warning: "warning" }, u = { ok: "okej", information: "information", importantInformation: "viktig information", warning: "varning" }, I = {
|
|
26
|
+
en: d,
|
|
27
|
+
sv: u
|
|
28
|
+
}, h = {
|
|
29
|
+
success: c,
|
|
30
|
+
info: m,
|
|
31
|
+
important: g,
|
|
32
|
+
warning: k
|
|
33
|
+
}, w = {
|
|
34
|
+
success: "ok",
|
|
35
|
+
info: "information",
|
|
36
|
+
important: "importantInformation",
|
|
37
|
+
warning: "warning"
|
|
38
|
+
}, F = ({
|
|
39
|
+
status: o,
|
|
40
|
+
"aria-label": a,
|
|
41
|
+
size: t = 20,
|
|
42
|
+
...i
|
|
43
|
+
}) => {
|
|
44
|
+
const r = f(I), s = h[o];
|
|
45
|
+
return /* @__PURE__ */ e(
|
|
46
|
+
s,
|
|
47
|
+
{
|
|
48
|
+
"aria-label": a || r.format(w[o]),
|
|
49
|
+
size: t,
|
|
50
|
+
...i
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
};
|
|
54
|
+
export {
|
|
55
|
+
F
|
|
56
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import * as s from "react";
|
|
3
|
+
import { FieldErrorContext as c, FieldError as f } from "react-aria-components";
|
|
4
|
+
import { c as a } from "./clsx-AexbMWKp.js";
|
|
5
|
+
import { T as d } from "./Text-TWzJxnto.js";
|
|
6
|
+
import '../assets/FieldError.css';const m = "_fieldError_u3cks_1", E = {
|
|
7
|
+
fieldError: m
|
|
8
|
+
}, _ = s.forwardRef(
|
|
9
|
+
(r, n) => {
|
|
10
|
+
const { children: o, isInvalid: l } = r, t = a(E.fieldError, r.className), e = s.useContext(c);
|
|
11
|
+
return !e && l && typeof o != "function" ? /* @__PURE__ */ i(d, { className: t, children: o }) : e?.isInvalid ? /* @__PURE__ */ i(
|
|
12
|
+
f,
|
|
13
|
+
{
|
|
14
|
+
...r,
|
|
15
|
+
ref: n,
|
|
16
|
+
className: t
|
|
17
|
+
}
|
|
18
|
+
) : null;
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
export {
|
|
22
|
+
_ as F
|
|
23
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { FileTrigger as s, DropZone as n } from "react-aria-components";
|
|
3
|
+
import { c as p } from "./clsx-AexbMWKp.js";
|
|
4
|
+
import '../assets/FileUpload.css';const t = "_dropzone_ffm4g_1", i = {
|
|
5
|
+
dropzone: t
|
|
6
|
+
}, g = ({ className: o, ...e }) => /* @__PURE__ */ r(
|
|
7
|
+
n,
|
|
8
|
+
{
|
|
9
|
+
...e,
|
|
10
|
+
className: p(i.dropzone, o)
|
|
11
|
+
}
|
|
12
|
+
), l = (o) => /* @__PURE__ */ r(s, { ...o });
|
|
13
|
+
export {
|
|
14
|
+
g as D,
|
|
15
|
+
l as F
|
|
16
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { s } from "./GridItem-
|
|
3
|
-
import { c as m } from "./clsx-
|
|
2
|
+
import { s } from "./GridItem-5t1Z14sM.js";
|
|
3
|
+
import { c as m } from "./clsx-AexbMWKp.js";
|
|
4
4
|
const t = ({
|
|
5
5
|
children: r,
|
|
6
6
|
isContained: o = !1,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import { c as x } from "./clsx-
|
|
2
|
+
import { c as x } from "./clsx-AexbMWKp.js";
|
|
3
3
|
import '../assets/GridItem.css';const r = "_container_1q01q_1", d = "_removeMargins_1q01q_13", a = "_contained_1q01q_17", g = "_flex_1q01q_23", u = "_fluid_1q01q_52", h = "_col_1q01q_58", l = {
|
|
4
4
|
container: r,
|
|
5
5
|
removeMargins: d,
|