@midas-ds/components 17.33.5 → 17.33.6
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 +6 -0
- package/accordion/index.js +1 -1
- package/badge/index.js +1 -1
- package/breadcrumbs/index.js +1 -1
- package/button/index.js +1 -1
- package/calendar/index.js +1 -1
- package/card/index.js +1 -1
- package/character-counter/index.js +1 -1
- package/checkbox/index.js +1 -1
- package/chunks/{Button.module-0C2ArlRs.js → Button.module-CXkKBjuB.js} +0 -1
- package/chunks/{FeedbackStatusIcon-DvMDGBGL.js → FeedbackStatusIcon-Ba31xgcy.js} +1 -2
- package/chunks/{TextField.module-Bg4LNalb.js → TextField.module-B-5HJOZt.js} +0 -1
- package/chunks/{accordion-DRXQI8XG.js → accordion-BKnABSyU.js} +4 -5
- package/chunks/{badge-C4bXJmhn.js → badge-C5Sdu_uw.js} +1 -2
- package/chunks/{breadcrumbs-BGnyY3bO.js → breadcrumbs-BwYDyKWo.js} +1 -2
- package/chunks/{button-dpe6hXmI.js → button-S2AY4EEn.js} +4 -5
- package/chunks/{calendar-Bq2qqFIW.js → calendar-BOTC3DKx.js} +26 -27
- package/chunks/{card-C0S9Kyi2.js → card-mIB1NewO.js} +3 -4
- package/chunks/{character-counter-CSoVSrxZ.js → character-counter-IbkPoEcq.js} +0 -1
- package/chunks/{checkbox-BGxv1TyT.js → checkbox-CzH8BdsB.js} +38 -40
- package/chunks/{clear-button-DWtOkhCH.js → clear-button-CeQy0RdK.js} +2 -3
- package/chunks/{clsx-DAqHMl_k.js → clsx-BtGY0yFD.js} +1 -2
- package/chunks/{color-scheme-switch-D7EpvqTW.js → color-scheme-switch-BpmV-r9p.js} +28 -29
- package/chunks/{combobox-f4uuMJcb.js → combobox-DQ3d6pLc.js} +16 -18
- package/chunks/{date-field-BCfp9ZpN.js → date-field-DSBHnHdN.js} +16 -17
- package/chunks/{date-picker-DH8j2eU9.js → date-picker-CLizY8Vq.js} +39 -40
- package/chunks/{drop-zone-DNhEbH4w.js → drop-zone-BL3Z-Sbj.js} +1 -2
- package/chunks/{field-error-BHoPnRe4.js → field-error-C5ynuTRu.js} +2 -3
- package/chunks/{file-list-DT3zkJbO.js → file-list-etDe20pj.js} +9 -10
- package/chunks/{file-trigger-Dp5nH8oS.js → file-trigger-gOeeZzDP.js} +1 -2
- package/chunks/{grid-SIgkSK_-.js → grid-CFn_pqQX.js} +1 -2
- package/chunks/{heading-DcOjYrUM.js → heading-CIlMdywy.js} +1 -2
- package/chunks/{icons-UBHIX2oV.js → icons-a0WawN46.js} +1 -2
- package/chunks/{info-banner-DXjPEG69.js → info-banner-BKB7_CPh.js} +6 -7
- package/chunks/{label-2ac-zqbe.js → label-B5-Kmj4t.js} +8 -9
- package/chunks/{layout-BT-UgQne.js → layout-Cs8Oc8sf.js} +82 -83
- package/chunks/{link-B76JDA2N.js → link-CG_mHnLv.js} +2 -3
- package/chunks/{link-button-BeXxC22w.js → link-button-4xRbQqH2.js} +2 -3
- package/chunks/{list-box-BzBJX0nP.js → list-box-frfQGO1x.js} +5 -6
- package/chunks/{logo-DSJ1bUJZ.js → logo-Xe8PO0US.js} +2 -3
- package/chunks/{menu-DbQ98noD.js → menu-7gP2Sovj.js} +1 -2
- package/chunks/{modal-CzApHmjO.js → modal-BQrpnHT5.js} +15 -17
- package/chunks/{popover-B82BcP5n.js → popover-C7Ain5Qz.js} +1 -2
- package/chunks/{progress-bar-CJOm7oiN.js → progress-bar-DE7UoEWR.js} +9 -10
- package/chunks/{radio-DgFKSBa5.js → radio-DAB7WeIP.js} +17 -18
- package/chunks/{search-field-CpQnnJKa.js → search-field-BI1h0UBl.js} +23 -25
- package/chunks/{select-CdVW8cwA.js → select-BHpUGcW7.js} +38 -40
- package/chunks/{skeleton-R_3dS7Ro.js → skeleton-6y5HNJZp.js} +1 -2
- package/chunks/{spinner-CIjfJeGm.js → spinner-YKC-Vk3v.js} +2 -3
- package/chunks/{splitDataAttributes-_JTFOOIb.js → splitDataAttributes-ChyO_Kvc.js} +1 -2
- package/chunks/{stack-BAHKom_Q.js → stack-DKjRicm1.js} +1 -2
- package/chunks/{table-D02AQ0Xr.js → table-Fsf-jJip.js} +16 -17
- package/chunks/{tabs-CbcNTa7J.js → tabs-ZCpVhr_r.js} +2 -3
- package/chunks/{tag-BEawJnJm.js → tag-B1suqFhD.js} +2 -3
- package/chunks/{text-DnvD4Cjc.js → text-D7tnzTru.js} +1 -2
- package/chunks/textfield-C-lRIIil.js +110 -0
- package/chunks/time-field-1I6BMlaj.js +59 -0
- package/chunks/{toast-B8J42Yss.js → toast-DTqQhHFN.js} +13 -14
- package/chunks/{toggle-button-DD_bXanH.js → toggle-button-BVyG8F2K.js} +6 -7
- package/chunks/{tooltip-1GBTeMrm.js → tooltip-CR1uxtPd.js} +2 -4
- package/chunks/{useLocalizedStringFormatter-CeyBc0x0.js → useLocalizedStringFormatter-DhIAL1D7.js} +1 -2
- package/clear-button/index.js +1 -1
- package/color-scheme-switch/index.js +1 -1
- package/combobox/index.js +1 -1
- package/date-field/index.js +1 -1
- package/date-picker/index.js +1 -1
- package/drop-zone/index.js +1 -1
- package/field-error/index.js +1 -1
- package/file-list/index.js +1 -1
- package/file-trigger/index.js +1 -1
- package/grid/index.js +1 -1
- package/heading/index.js +1 -1
- package/icons/index.js +1 -1
- package/index.js +50 -52
- package/info-banner/index.js +1 -1
- package/label/index.js +1 -1
- package/layout/index.js +1 -1
- package/link/index.js +1 -1
- package/link-button/index.js +1 -1
- package/list-box/index.js +1 -1
- package/logo/index.js +1 -1
- package/menu/index.js +1 -1
- package/modal/index.js +1 -1
- package/package.json +1 -1
- 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/stack/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/time-field/index.js +1 -1
- package/toast/index.js +1 -1
- package/toggle-button/index.js +1 -1
- package/tooltip/index.js +1 -1
- package/chunks/textfield-CeFppAMx.js +0 -113
- package/chunks/time-field-H-mXlxua.js +0 -60
package/CHANGELOG.md
CHANGED
package/accordion/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as Accordion, t as AccordionItem } from "../chunks/accordion-
|
|
1
|
+
export { n as Accordion, t as AccordionItem } from "../chunks/accordion-BKnABSyU.js";
|
package/badge/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as Badge, t as BadgeContainer } from "../chunks/badge-
|
|
1
|
+
export { n as Badge, t as BadgeContainer } from "../chunks/badge-C5Sdu_uw.js";
|
package/breadcrumbs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { t as Breadcrumb, n as Breadcrumbs } from "../chunks/breadcrumbs-
|
|
1
|
+
export { t as Breadcrumb, n as Breadcrumbs } from "../chunks/breadcrumbs-BwYDyKWo.js";
|
package/button/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as Button, t as ButtonGroup } from "../chunks/button-
|
|
1
|
+
export { n as Button, t as ButtonGroup } from "../chunks/button-S2AY4EEn.js";
|
package/calendar/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as Calendar, t as RangeCalendar } from "../chunks/calendar-
|
|
1
|
+
export { n as Calendar, t as RangeCalendar } from "../chunks/calendar-BOTC3DKx.js";
|
package/card/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { r as Card, i as CardActionArea, a as CardActions, n as CardBody, o as CardContent, t as CardHeader, s as CardImage, c as CardLink, l as CardTitle } from "../chunks/card-
|
|
1
|
+
export { r as Card, i as CardActionArea, a as CardActions, n as CardBody, o as CardContent, t as CardHeader, s as CardImage, c as CardLink, l as CardTitle } from "../chunks/card-mIB1NewO.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { t as CharacterCounter } from "../chunks/character-counter-
|
|
1
|
+
export { t as CharacterCounter } from "../chunks/character-counter-IbkPoEcq.js";
|
package/checkbox/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as Checkbox, r as CheckboxButton, i as CheckboxField, t as CheckboxGroup } from "../chunks/checkbox-
|
|
1
|
+
export { n as Checkbox, r as CheckboxButton, i as CheckboxField, t as CheckboxGroup } from "../chunks/checkbox-CzH8BdsB.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./useLocalizedStringFormatter-
|
|
1
|
+
import { t as e } from "./useLocalizedStringFormatter-DhIAL1D7.js";
|
|
2
2
|
import { jsx as t } from "react/jsx-runtime";
|
|
3
3
|
import { Check as n, Flag as r, Info as i, TriangleAlert as a } from "lucide-react";
|
|
4
4
|
var o = {
|
|
@@ -32,5 +32,4 @@ var o = {
|
|
|
32
32
|
...a
|
|
33
33
|
});
|
|
34
34
|
};
|
|
35
|
-
//#endregion
|
|
36
35
|
export { l as t };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { t as e } from "./clsx-
|
|
3
|
-
import { n as t } from "./button-
|
|
4
|
-
import { t as n } from "./heading-
|
|
5
|
-
import { t as r } from "./FeedbackStatusIcon-
|
|
2
|
+
import { t as e } from "./clsx-BtGY0yFD.js";
|
|
3
|
+
import { n as t } from "./button-S2AY4EEn.js";
|
|
4
|
+
import { t as n } from "./heading-CIlMdywy.js";
|
|
5
|
+
import { t as r } from "./FeedbackStatusIcon-Ba31xgcy.js";
|
|
6
6
|
import { createContext as i, useContext as a, useEffect as o } from "react";
|
|
7
7
|
import { Disclosure as s, DisclosureGroup as c, DisclosurePanel as l, composeRenderProps as u } from "react-aria-components";
|
|
8
8
|
import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
@@ -83,5 +83,4 @@ import '../assets/accordion.css';var h = {
|
|
|
83
83
|
})] }))
|
|
84
84
|
});
|
|
85
85
|
};
|
|
86
|
-
//#endregion
|
|
87
86
|
export { _ as n, y as t };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./clsx-
|
|
1
|
+
import { t as e } from "./clsx-BtGY0yFD.js";
|
|
2
2
|
import * as t from "react";
|
|
3
3
|
import { jsx as n } from "react/jsx-runtime";
|
|
4
4
|
import '../assets/badge.css';var r = {
|
|
@@ -18,5 +18,4 @@ import '../assets/badge.css';var r = {
|
|
|
18
18
|
...a,
|
|
19
19
|
children: t
|
|
20
20
|
});
|
|
21
|
-
//#endregion
|
|
22
21
|
export { i as n, a as t };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./clsx-
|
|
1
|
+
import { t as e } from "./clsx-BtGY0yFD.js";
|
|
2
2
|
import { Breadcrumb as t, Breadcrumbs as n } from "react-aria-components";
|
|
3
3
|
import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
4
4
|
import '../assets/breadcrumbs.css';var o = {
|
|
@@ -19,5 +19,4 @@ import '../assets/breadcrumbs.css';var o = {
|
|
|
19
19
|
}) : null] });
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
//#endregion
|
|
23
22
|
export { s as n, c as t };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { t as e } from "./clsx-
|
|
3
|
-
import { t } from "./spinner-
|
|
4
|
-
import { t as n } from "./Button.module-
|
|
2
|
+
import { t as e } from "./clsx-BtGY0yFD.js";
|
|
3
|
+
import { t } from "./spinner-YKC-Vk3v.js";
|
|
4
|
+
import { t as n } from "./Button.module-CXkKBjuB.js";
|
|
5
5
|
import { forwardRef as r } from "react";
|
|
6
6
|
import { Button as i, ButtonContext as a, composeRenderProps as o, useContextProps as s } from "react-aria-components";
|
|
7
7
|
import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
8
|
-
import '../assets/button2.css'
|
|
8
|
+
import '../assets/button2.css';// src/button/Button.tsx
|
|
9
9
|
var d = r((r, d) => {
|
|
10
10
|
let [f, p] = s(r, d, a), { className: m, fullwidth: h, icon: g, iconPlacement: _, iconSize: v, isPending: y, size: b = "large", variant: x = "primary", ...S } = f;
|
|
11
11
|
return /* @__PURE__ */ l(i, {
|
|
@@ -30,5 +30,4 @@ var f = { buttonGroup: "_buttonGroup_o1hqg_1" }, p = ({ children: t, className:
|
|
|
30
30
|
...i,
|
|
31
31
|
children: t
|
|
32
32
|
});
|
|
33
|
-
//#endregion
|
|
34
33
|
export { d as n, p as t };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { t as e } from "./clsx-
|
|
2
|
-
import { n as t } from "./button-
|
|
3
|
-
import { t as n } from "./heading-
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
1
|
+
import { t as e } from "./clsx-BtGY0yFD.js";
|
|
2
|
+
import { n as t } from "./button-S2AY4EEn.js";
|
|
3
|
+
import { t as n } from "./heading-CIlMdywy.js";
|
|
4
|
+
import { n as r } from "./select-BHpUGcW7.js";
|
|
5
|
+
import { a as i, c as a, o } from "./list-box-frfQGO1x.js";
|
|
6
|
+
import { t as s } from "./field-error-C5ynuTRu.js";
|
|
7
7
|
import * as c from "react";
|
|
8
8
|
import { clsx as l } from "clsx";
|
|
9
9
|
import { Calendar as u, CalendarCell as d, CalendarGrid as f, CalendarMonthPicker as p, CalendarYearPicker as m, RangeCalendar as h, RangeCalendarContext as g, Select as _ } from "react-aria-components";
|
|
@@ -26,18 +26,18 @@ import '../assets/calendar.css';var S = {
|
|
|
26
26
|
"data-readonly": n || void 0
|
|
27
27
|
})
|
|
28
28
|
});
|
|
29
|
-
}, w = ({ isDisabled: e, isReadOnly: t, items: n, ...
|
|
29
|
+
}, w = ({ isDisabled: e, isReadOnly: t, items: n, ...s }) => /* @__PURE__ */ y(_, {
|
|
30
30
|
isDisabled: e,
|
|
31
31
|
"data-readonly": t || void 0,
|
|
32
|
-
...
|
|
33
|
-
children: [/* @__PURE__ */ v(
|
|
32
|
+
...s,
|
|
33
|
+
children: [/* @__PURE__ */ v(r, {
|
|
34
34
|
size: "small",
|
|
35
35
|
isDisabled: e
|
|
36
|
-
}), /* @__PURE__ */ v(
|
|
36
|
+
}), /* @__PURE__ */ v(i, { children: /* @__PURE__ */ v(a, {
|
|
37
37
|
items: n,
|
|
38
38
|
virtualized: !1,
|
|
39
39
|
size: "small",
|
|
40
|
-
children: (e) => /* @__PURE__ */ v(
|
|
40
|
+
children: (e) => /* @__PURE__ */ v(o, {
|
|
41
41
|
id: e.id,
|
|
42
42
|
textValue: e.formatted,
|
|
43
43
|
children: e.formatted
|
|
@@ -74,35 +74,34 @@ import '../assets/calendar.css';var S = {
|
|
|
74
74
|
})
|
|
75
75
|
]
|
|
76
76
|
});
|
|
77
|
-
}, E = ({ className: e, errorMessage: t, showMonthYearPicker: n, ...
|
|
77
|
+
}, E = ({ className: e, errorMessage: t, showMonthYearPicker: n, ...r }) => /* @__PURE__ */ y("div", {
|
|
78
78
|
className: S.container,
|
|
79
79
|
children: [/* @__PURE__ */ y(u, {
|
|
80
80
|
className: l(S.calendar, e),
|
|
81
|
-
"data-readonly":
|
|
82
|
-
...
|
|
81
|
+
"data-readonly": r.isReadOnly || void 0,
|
|
82
|
+
...r,
|
|
83
83
|
children: [/* @__PURE__ */ v(T, {
|
|
84
|
-
...
|
|
84
|
+
...r,
|
|
85
85
|
showMonthYearPicker: n
|
|
86
|
-
}), /* @__PURE__ */ v(C, { ...
|
|
87
|
-
}), /* @__PURE__ */ v(
|
|
88
|
-
isInvalid:
|
|
86
|
+
}), /* @__PURE__ */ v(C, { ...r })]
|
|
87
|
+
}), /* @__PURE__ */ v(s, {
|
|
88
|
+
isInvalid: r.isInvalid,
|
|
89
89
|
children: t
|
|
90
90
|
})]
|
|
91
|
-
}), D = ({ className: e, errorMessage: t, showMonthYearPicker: n, commitBehavior:
|
|
91
|
+
}), D = ({ className: e, errorMessage: t, showMonthYearPicker: n, commitBehavior: r, ...i }) => /* @__PURE__ */ y("div", {
|
|
92
92
|
className: S.container,
|
|
93
93
|
children: [/* @__PURE__ */ y(h, {
|
|
94
94
|
className: l(S.calendar, e),
|
|
95
|
-
"data-readonly":
|
|
96
|
-
commitBehavior:
|
|
97
|
-
...
|
|
95
|
+
"data-readonly": i.isReadOnly || void 0,
|
|
96
|
+
commitBehavior: r ?? (n ? "reset" : void 0),
|
|
97
|
+
...i,
|
|
98
98
|
children: [/* @__PURE__ */ v(T, {
|
|
99
|
-
...
|
|
99
|
+
...i,
|
|
100
100
|
showMonthYearPicker: n
|
|
101
|
-
}), /* @__PURE__ */ v(C, { ...
|
|
102
|
-
}), /* @__PURE__ */ v(
|
|
103
|
-
isInvalid:
|
|
101
|
+
}), /* @__PURE__ */ v(C, { ...i })]
|
|
102
|
+
}), /* @__PURE__ */ v(s, {
|
|
103
|
+
isInvalid: i.isInvalid,
|
|
104
104
|
children: t
|
|
105
105
|
})]
|
|
106
106
|
});
|
|
107
|
-
//#endregion
|
|
108
107
|
export { E as n, D as t };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { t as e } from "./clsx-
|
|
2
|
-
import { t } from "./heading-
|
|
3
|
-
import { t as n } from "./text-
|
|
1
|
+
import { t as e } from "./clsx-BtGY0yFD.js";
|
|
2
|
+
import { t } from "./heading-CIlMdywy.js";
|
|
3
|
+
import { t as n } from "./text-D7tnzTru.js";
|
|
4
4
|
import * as r from "react";
|
|
5
5
|
import { Button as i, Link as a } from "react-aria-components";
|
|
6
6
|
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
@@ -99,5 +99,4 @@ import '../assets/card.css';var l = {
|
|
|
99
99
|
})]
|
|
100
100
|
}), t]
|
|
101
101
|
});
|
|
102
|
-
//#endregion
|
|
103
102
|
export { h as a, v as c, g as i, m as l, b as n, p as o, f as r, _ as s, S as t };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { t as e } from "./
|
|
3
|
-
import { t } from "./
|
|
4
|
-
import {
|
|
5
|
-
import { t as
|
|
6
|
-
import { t as a } from "./
|
|
7
|
-
import { t as o } from "./
|
|
2
|
+
import { t as e } from "./field-error-C5ynuTRu.js";
|
|
3
|
+
import { t } from "./text-D7tnzTru.js";
|
|
4
|
+
import { t as n } from "./clsx-BtGY0yFD.js";
|
|
5
|
+
import { t as r } from "./splitDataAttributes-ChyO_Kvc.js";
|
|
6
|
+
import { n as i, t as a } from "./label-B5-Kmj4t.js";
|
|
7
|
+
import { t as o } from "./useLocalizedStringFormatter-DhIAL1D7.js";
|
|
8
8
|
import * as s from "react";
|
|
9
9
|
import { forwardRef as c, useContext as l } from "react";
|
|
10
10
|
import { CheckboxButton as u, CheckboxField as d, CheckboxGroup as f, CheckboxGroupStateContext as p, composeRenderProps as m } from "react-aria-components";
|
|
@@ -17,27 +17,27 @@ import '../assets/checkbox.css';var x = {
|
|
|
17
17
|
checkboxField: "_checkboxField_iv1ij_144",
|
|
18
18
|
checkboxGroup: "_checkboxGroup_iv1ij_155",
|
|
19
19
|
checkboxList: "_checkboxList_iv1ij_166"
|
|
20
|
-
}, S = ({ className:
|
|
21
|
-
className:
|
|
22
|
-
...
|
|
23
|
-
}), C = c(({ className:
|
|
24
|
-
className:
|
|
20
|
+
}, S = ({ className: e, ...t }) => /* @__PURE__ */ g(d, {
|
|
21
|
+
className: n(x.checkboxField, e),
|
|
22
|
+
...t
|
|
23
|
+
}), C = c(({ className: e, ...t }, r) => /* @__PURE__ */ g(u, {
|
|
24
|
+
className: n(x.checkboxButton, e),
|
|
25
25
|
ref: r,
|
|
26
|
-
...
|
|
27
|
-
})), w = c(({ className:
|
|
28
|
-
let [u, d] =
|
|
26
|
+
...t
|
|
27
|
+
})), w = c(({ className: n, description: i, errorMessage: a, errorPosition: o = "top", children: s, ...c }, l) => {
|
|
28
|
+
let [u, d] = r(c);
|
|
29
29
|
return /* @__PURE__ */ _(S, {
|
|
30
30
|
...d,
|
|
31
31
|
children: [
|
|
32
|
-
|
|
32
|
+
i && /* @__PURE__ */ g(t, {
|
|
33
33
|
slot: "description",
|
|
34
|
-
children:
|
|
34
|
+
children: i
|
|
35
35
|
}),
|
|
36
|
-
|
|
36
|
+
o === "top" && /* @__PURE__ */ g(e, { children: a }),
|
|
37
37
|
/* @__PURE__ */ g(C, {
|
|
38
38
|
...u,
|
|
39
39
|
ref: l,
|
|
40
|
-
className:
|
|
40
|
+
className: n,
|
|
41
41
|
children: ({ isIndeterminate: e }) => /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
|
|
42
42
|
className: x.indicator,
|
|
43
43
|
children: g(e ? y : v, {
|
|
@@ -46,13 +46,12 @@ import '../assets/checkbox.css';var x = {
|
|
|
46
46
|
})
|
|
47
47
|
}), s] })
|
|
48
48
|
}),
|
|
49
|
-
|
|
49
|
+
o === "bottom" && /* @__PURE__ */ g(e, { children: a })
|
|
50
50
|
]
|
|
51
51
|
});
|
|
52
52
|
});
|
|
53
53
|
w.displayName = "Checkbox";
|
|
54
|
-
|
|
55
|
-
//#region src/checkbox/useSelectAll.ts
|
|
54
|
+
// src/checkbox/useSelectAll.ts
|
|
56
55
|
var T = (e, t) => {
|
|
57
56
|
let n = t?.value ?? [], r = s.Children.toArray(e).filter((e) => s.isValidElement(e) && e.type === w), i = r.filter((e) => !e.props.isDisabled).map((e) => e.props.value || ""), a = r.filter((e) => e.props.isDisabled).map((e) => e.props.value || "").filter((e) => n.includes(e)), o = n.filter((e) => i.includes(e)).length, c = o === 0, l = o === i.length;
|
|
58
57
|
return {
|
|
@@ -64,43 +63,42 @@ var T = (e, t) => {
|
|
|
64
63
|
}, E = {
|
|
65
64
|
en: { selectAll: "Select all" },
|
|
66
65
|
sv: { selectAll: "Välj alla" }
|
|
67
|
-
}, D = ({ checkboxes: e, label:
|
|
68
|
-
let
|
|
66
|
+
}, D = ({ checkboxes: e, label: t }) => {
|
|
67
|
+
let n = l(p), r = o(E), { allSelected: i, someSelected: a, checkboxValues: s, disabledSelectedValues: c } = T(e, n);
|
|
69
68
|
return /* @__PURE__ */ g(p.Provider, {
|
|
70
69
|
value: null,
|
|
71
70
|
children: /* @__PURE__ */ g(w, {
|
|
72
|
-
isSelected:
|
|
73
|
-
isIndeterminate:
|
|
74
|
-
isReadOnly:
|
|
75
|
-
isDisabled:
|
|
71
|
+
isSelected: i,
|
|
72
|
+
isIndeterminate: a,
|
|
73
|
+
isReadOnly: n?.isReadOnly,
|
|
74
|
+
isDisabled: n?.isDisabled,
|
|
76
75
|
onChange: (e) => {
|
|
77
|
-
|
|
76
|
+
n?.setValue(e ? [...s, ...c] : c);
|
|
78
77
|
},
|
|
79
|
-
children:
|
|
78
|
+
children: t || r.format("selectAll")
|
|
80
79
|
})
|
|
81
80
|
});
|
|
82
|
-
}, O = ({ label:
|
|
81
|
+
}, O = ({ label: r, description: o, errorMessage: s, errorPosition: c = "top", popover: l, showSelectAll: u, selectAllLabel: d, className: p, children: v, ...y }) => /* @__PURE__ */ g(f, {
|
|
83
82
|
...y,
|
|
84
|
-
className:
|
|
85
|
-
children: m(v, (
|
|
86
|
-
/* @__PURE__ */ g(
|
|
83
|
+
className: n(x.checkboxGroup, p),
|
|
84
|
+
children: m(v, (n) => /* @__PURE__ */ _(h, { children: [
|
|
85
|
+
/* @__PURE__ */ g(i, {
|
|
87
86
|
popover: l,
|
|
88
|
-
children:
|
|
87
|
+
children: r && /* @__PURE__ */ g(a, { children: r })
|
|
89
88
|
}),
|
|
90
|
-
o && /* @__PURE__ */ g(
|
|
89
|
+
o && /* @__PURE__ */ g(t, {
|
|
91
90
|
slot: "description",
|
|
92
91
|
children: o
|
|
93
92
|
}),
|
|
94
|
-
c === "top" && s && /* @__PURE__ */ g(
|
|
93
|
+
c === "top" && s && /* @__PURE__ */ g(e, { children: s }),
|
|
95
94
|
/* @__PURE__ */ _("div", {
|
|
96
95
|
className: x.checkboxList,
|
|
97
96
|
children: [u && /* @__PURE__ */ g(D, {
|
|
98
97
|
label: d,
|
|
99
|
-
checkboxes:
|
|
100
|
-
}),
|
|
98
|
+
checkboxes: n
|
|
99
|
+
}), n]
|
|
101
100
|
}),
|
|
102
|
-
c === "bottom" && s && /* @__PURE__ */ g(
|
|
101
|
+
c === "bottom" && s && /* @__PURE__ */ g(e, { children: s })
|
|
103
102
|
] }))
|
|
104
103
|
});
|
|
105
|
-
//#endregion
|
|
106
104
|
export { S as i, w as n, C as r, O as t };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { n as e } from "./button-
|
|
2
|
+
import { n as e } from "./button-S2AY4EEn.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import { jsx as t } from "react/jsx-runtime";
|
|
5
5
|
import { X as n } from "lucide-react";
|
|
6
|
-
|
|
6
|
+
// src/clear-button/ClearButton.tsx
|
|
7
7
|
var r = (r) => /* @__PURE__ */ t(e, {
|
|
8
8
|
variant: "icon",
|
|
9
9
|
slot: null,
|
|
@@ -13,5 +13,4 @@ var r = (r) => /* @__PURE__ */ t(e, {
|
|
|
13
13
|
"aria-hidden": !0
|
|
14
14
|
})
|
|
15
15
|
});
|
|
16
|
-
//#endregion
|
|
17
16
|
export { r as t };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { t as e } from "./
|
|
3
|
-
import { t } from "./
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
2
|
+
import { t as e } from "./icons-a0WawN46.js";
|
|
3
|
+
import { n as t, t as n } from "./toggle-button-BVyG8F2K.js";
|
|
4
|
+
import { t as r } from "./useLocalizedStringFormatter-DhIAL1D7.js";
|
|
5
|
+
import { n as i } from "./button-S2AY4EEn.js";
|
|
6
|
+
import { a, o, r as s } from "./menu-7gP2Sovj.js";
|
|
7
|
+
import { t as c } from "./clsx-BtGY0yFD.js";
|
|
8
8
|
import * as l from "react";
|
|
9
9
|
import { useEffect as u, useState as d } from "react";
|
|
10
10
|
import { MenuItem as f, SelectionIndicator as p } from "react-aria-components";
|
|
@@ -44,14 +44,14 @@ import '../assets/color-scheme-switch.css';var b = {
|
|
|
44
44
|
a(e), r?.(e);
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
|
-
}, C = ({ selector:
|
|
47
|
+
}, C = ({ selector: i = ":root", defaultScheme: a = "light dark", scheme: o, onSchemeChange: s, defaultValue: c, className: l }) => {
|
|
48
48
|
let { resolved: u, onChange: d } = S({
|
|
49
|
-
selector:
|
|
50
|
-
defaultScheme: c ? Array.from(c)[0] :
|
|
49
|
+
selector: i,
|
|
50
|
+
defaultScheme: c ? Array.from(c)[0] : a,
|
|
51
51
|
scheme: o,
|
|
52
52
|
onSchemeChange: s
|
|
53
|
-
}), f =
|
|
54
|
-
return /* @__PURE__ */ h(
|
|
53
|
+
}), f = r(x);
|
|
54
|
+
return /* @__PURE__ */ h(n, {
|
|
55
55
|
selectionMode: "single",
|
|
56
56
|
selectedKeys: /* @__PURE__ */ new Set([u]),
|
|
57
57
|
onSelectionChange: (e) => {
|
|
@@ -61,7 +61,7 @@ import '../assets/color-scheme-switch.css';var b = {
|
|
|
61
61
|
"aria-label": f.format("colorScheme"),
|
|
62
62
|
className: l,
|
|
63
63
|
children: [
|
|
64
|
-
/* @__PURE__ */ h(
|
|
64
|
+
/* @__PURE__ */ h(t, {
|
|
65
65
|
id: "light",
|
|
66
66
|
className: b.button,
|
|
67
67
|
children: [
|
|
@@ -70,7 +70,7 @@ import '../assets/color-scheme-switch.css';var b = {
|
|
|
70
70
|
/* @__PURE__ */ m(p, { className: b.selectionIndicator })
|
|
71
71
|
]
|
|
72
72
|
}),
|
|
73
|
-
/* @__PURE__ */ h(
|
|
73
|
+
/* @__PURE__ */ h(t, {
|
|
74
74
|
id: "dark",
|
|
75
75
|
className: b.button,
|
|
76
76
|
children: [
|
|
@@ -79,11 +79,11 @@ import '../assets/color-scheme-switch.css';var b = {
|
|
|
79
79
|
/* @__PURE__ */ m(p, { className: b.selectionIndicator })
|
|
80
80
|
]
|
|
81
81
|
}),
|
|
82
|
-
/* @__PURE__ */ h(
|
|
82
|
+
/* @__PURE__ */ h(t, {
|
|
83
83
|
id: "light dark",
|
|
84
84
|
className: b.button,
|
|
85
85
|
children: [
|
|
86
|
-
/* @__PURE__ */ m(
|
|
86
|
+
/* @__PURE__ */ m(e, {}),
|
|
87
87
|
/* @__PURE__ */ m(y, { children: f.format("system") }),
|
|
88
88
|
/* @__PURE__ */ m(p, { className: b.selectionIndicator })
|
|
89
89
|
]
|
|
@@ -97,32 +97,32 @@ import '../assets/color-scheme-switch.css';var b = {
|
|
|
97
97
|
menuItem: "_menuItem_y8ah9_21"
|
|
98
98
|
}, T = {
|
|
99
99
|
light: v,
|
|
100
|
-
"light dark":
|
|
100
|
+
"light dark": e,
|
|
101
101
|
dark: _
|
|
102
|
-
}, E = (e) => e === "light" ? "triggerLightMode" : e === "dark" ? "triggerDarkMode" : "triggerSystem", D = ({ selector:
|
|
102
|
+
}, E = (e) => e === "light" ? "triggerLightMode" : e === "dark" ? "triggerDarkMode" : "triggerSystem", D = ({ selector: t = ":root", defaultScheme: n = "light dark", scheme: u, onSchemeChange: d, className: p }) => {
|
|
103
103
|
let { resolved: b, onChange: C } = S({
|
|
104
|
-
selector:
|
|
105
|
-
defaultScheme:
|
|
104
|
+
selector: t,
|
|
105
|
+
defaultScheme: n,
|
|
106
106
|
scheme: u,
|
|
107
107
|
onSchemeChange: d
|
|
108
108
|
}), D = T[b];
|
|
109
109
|
l.useEffect(() => {
|
|
110
|
-
let e = document.querySelector(
|
|
111
|
-
e ? b === "light dark" ? delete e.dataset.colorScheme : e.dataset.colorScheme = b : console.warn(`No element found for selector: "${
|
|
112
|
-
}, [b,
|
|
113
|
-
let O =
|
|
114
|
-
return /* @__PURE__ */ h(
|
|
110
|
+
let e = document.querySelector(t);
|
|
111
|
+
e ? b === "light dark" ? delete e.dataset.colorScheme : e.dataset.colorScheme = b : console.warn(`No element found for selector: "${t}"`);
|
|
112
|
+
}, [b, t]);
|
|
113
|
+
let O = r(x);
|
|
114
|
+
return /* @__PURE__ */ h(o, { children: [/* @__PURE__ */ h(i, {
|
|
115
115
|
variant: "icon",
|
|
116
116
|
size: "medium",
|
|
117
|
-
className:
|
|
117
|
+
className: c(w.trigger, p),
|
|
118
118
|
"aria-label": O.format(E(b)),
|
|
119
119
|
children: [/* @__PURE__ */ m(D, { size: 20 }), /* @__PURE__ */ m(g, {
|
|
120
120
|
size: 20,
|
|
121
121
|
className: w.chevron
|
|
122
122
|
})]
|
|
123
|
-
}), /* @__PURE__ */ m(
|
|
123
|
+
}), /* @__PURE__ */ m(s, {
|
|
124
124
|
placement: "bottom start",
|
|
125
|
-
children: /* @__PURE__ */ h(
|
|
125
|
+
children: /* @__PURE__ */ h(a, {
|
|
126
126
|
onAction: (e) => C(e),
|
|
127
127
|
className: w.menu,
|
|
128
128
|
children: [
|
|
@@ -142,11 +142,10 @@ import '../assets/color-scheme-switch.css';var b = {
|
|
|
142
142
|
id: "light dark",
|
|
143
143
|
textValue: O.format("system"),
|
|
144
144
|
className: w.menuItem,
|
|
145
|
-
children: [/* @__PURE__ */ m(
|
|
145
|
+
children: [/* @__PURE__ */ m(e, { size: 20 }), /* @__PURE__ */ m(y, { children: O.format("system") })]
|
|
146
146
|
})
|
|
147
147
|
]
|
|
148
148
|
})
|
|
149
149
|
})] });
|
|
150
150
|
};
|
|
151
|
-
//#endregion
|
|
152
151
|
export { C as n, D as t };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { t as e } from "./clsx-
|
|
3
|
-
import { t } from "./
|
|
4
|
-
import {
|
|
5
|
-
import { t as i } from "./
|
|
6
|
-
import { t as
|
|
7
|
-
import {
|
|
2
|
+
import { t as e } from "./clsx-BtGY0yFD.js";
|
|
3
|
+
import { n as t, t as n } from "./label-B5-Kmj4t.js";
|
|
4
|
+
import { t as r } from "./text-D7tnzTru.js";
|
|
5
|
+
import { t as i } from "./field-error-C5ynuTRu.js";
|
|
6
|
+
import { a, c as o, t as s } from "./list-box-frfQGO1x.js";
|
|
7
|
+
import { t as c } from "./useLocalizedStringFormatter-DhIAL1D7.js";
|
|
8
8
|
import { useRef as l } from "react";
|
|
9
9
|
import { Button as u, ComboBox as d, Input as f } from "react-aria-components";
|
|
10
10
|
import { jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
@@ -27,10 +27,9 @@ import '../assets/combobox.css';var g = {
|
|
|
27
27
|
noResultsFound: "Inga träffar"
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
|
|
31
|
-
//#region src/combobox/ComboBox.tsx
|
|
30
|
+
// src/combobox/ComboBox.tsx
|
|
32
31
|
function v({ label: v, description: y, errorMessage: b, children: x, items: S, className: C, errorPosition: w = "top", size: T = "large", popover: E, listBoxProps: D, ...O }) {
|
|
33
|
-
let k = l(null), A =
|
|
32
|
+
let k = l(null), A = c(_), j = (e) => {
|
|
34
33
|
e.currentTarget.value && k.current?.select();
|
|
35
34
|
};
|
|
36
35
|
return /* @__PURE__ */ m(d, {
|
|
@@ -38,15 +37,15 @@ function v({ label: v, description: y, errorMessage: b, children: x, items: S, c
|
|
|
38
37
|
...O,
|
|
39
38
|
"data-readonly": O.isReadOnly || void 0,
|
|
40
39
|
children: [
|
|
41
|
-
/* @__PURE__ */ p(
|
|
40
|
+
/* @__PURE__ */ p(t, {
|
|
42
41
|
popover: E,
|
|
43
|
-
children: v && /* @__PURE__ */ p(
|
|
42
|
+
children: v && /* @__PURE__ */ p(n, { children: v })
|
|
44
43
|
}),
|
|
45
|
-
y && /* @__PURE__ */ p(
|
|
44
|
+
y && /* @__PURE__ */ p(r, {
|
|
46
45
|
slot: "description",
|
|
47
46
|
children: y
|
|
48
47
|
}),
|
|
49
|
-
w === "top" && /* @__PURE__ */ p(
|
|
48
|
+
w === "top" && /* @__PURE__ */ p(i, {
|
|
50
49
|
"data-testid": "fieldError",
|
|
51
50
|
children: b
|
|
52
51
|
}),
|
|
@@ -70,15 +69,15 @@ function v({ label: v, description: y, errorMessage: b, children: x, items: S, c
|
|
|
70
69
|
})
|
|
71
70
|
})]
|
|
72
71
|
}),
|
|
73
|
-
w === "bottom" && /* @__PURE__ */ p(
|
|
72
|
+
w === "bottom" && /* @__PURE__ */ p(i, {
|
|
74
73
|
"data-testid": "fieldError",
|
|
75
74
|
children: b
|
|
76
75
|
}),
|
|
77
|
-
/* @__PURE__ */ p(
|
|
76
|
+
/* @__PURE__ */ p(a, {
|
|
78
77
|
offset: 4,
|
|
79
|
-
children: /* @__PURE__ */ p(
|
|
78
|
+
children: /* @__PURE__ */ p(o, {
|
|
80
79
|
items: S,
|
|
81
|
-
renderEmptyState: () => /* @__PURE__ */ p(
|
|
80
|
+
renderEmptyState: () => /* @__PURE__ */ p(s, { children: A.format("noResultsFound") }),
|
|
82
81
|
...D,
|
|
83
82
|
children: x
|
|
84
83
|
})
|
|
@@ -86,5 +85,4 @@ function v({ label: v, description: y, errorMessage: b, children: x, items: S, c
|
|
|
86
85
|
]
|
|
87
86
|
});
|
|
88
87
|
}
|
|
89
|
-
//#endregion
|
|
90
88
|
export { v as t };
|