@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.
Files changed (143) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/accordion/AccordionItem.d.ts +5 -0
  3. package/accordion/index.js +1 -1
  4. package/badge/index.js +1 -1
  5. package/breadcrumbs/index.js +1 -1
  6. package/button/index.js +2 -2
  7. package/calendar/index.js +1 -1
  8. package/card/index.js +1 -1
  9. package/character-counter/index.js +1 -1
  10. package/checkbox/index.js +2 -2
  11. package/chunks/AccordionItem-BDkCTxFM.js +132 -0
  12. package/chunks/{BadgeContainer-BJAC-kV0.js → BadgeContainer-CKVsfTlF.js} +1 -1
  13. package/chunks/Breadcrumbs-By2bMbQd.js +28 -0
  14. package/chunks/Button-DbQwg49l.js +46 -0
  15. package/chunks/{ButtonGroup-B6mr4JGY.js → ButtonGroup-Dr6HOBo2.js} +1 -1
  16. package/chunks/Card-ia98VoKL.js +130 -0
  17. package/chunks/CharacterCounter-DeuE2det.js +21 -0
  18. package/chunks/Checkbox-ClhO-AzB.js +122 -0
  19. package/chunks/CheckboxGroup-CIFMaanI.js +84 -0
  20. package/chunks/{ColorSchemeSwitch-Cd6VSXql.js → ColorSchemeSwitch-DugvPh6T.js} +17 -17
  21. package/chunks/ComboBox-D86agoIk.js +108 -0
  22. package/chunks/DateField-CdJdPIuj.js +46 -0
  23. package/chunks/DateInputDivider-CkTB5q5k.js +36 -0
  24. package/chunks/DateRangePicker-p0l1tSMb.js +117 -0
  25. package/chunks/Dialog-BndmKdiv.js +66 -0
  26. package/chunks/Dropdown-CWP2clB2.js +79 -0
  27. package/chunks/FeedbackStatusIcon-COWuMusk.js +56 -0
  28. package/chunks/FieldError-C0HRIcAx.js +23 -0
  29. package/chunks/FileUpload-h1PxqQmb.js +16 -0
  30. package/chunks/{Grid-DeB7TdcZ.js → Grid-B-WgMwON.js} +2 -2
  31. package/chunks/{GridItem-B_3FFhPs.js → GridItem-5t1Z14sM.js} +1 -1
  32. package/chunks/Heading-D8tNNJkt.js +38 -0
  33. package/chunks/InfoBanner-tXWNVxpu.js +72 -0
  34. package/chunks/Label-B7taTXkd.js +73 -0
  35. package/chunks/{Layout-InD0Hl7F.js → Layout-DPRkHK4y.js} +70 -70
  36. package/chunks/Link-yTNUNv3C.js +54 -0
  37. package/chunks/LinkButton-3nAekUJ4.js +63 -0
  38. package/chunks/{ListBox-CKDglhFH.js → ListBox-D4tO_OrO.js} +18 -18
  39. package/chunks/ListBoxLoadMoreItem-BKptRAtt.js +41 -0
  40. package/chunks/ListBoxSection-DKHba2X0.js +49 -0
  41. package/chunks/{Logo-D80UDT1x.js → Logo-InDSslpO.js} +2 -2
  42. package/chunks/Popover-BAdqdN6C.js +38 -0
  43. package/chunks/ProgressBar-B2W7BTjA.js +53 -0
  44. package/chunks/Radio-BzuxVV_g.js +43 -0
  45. package/chunks/RangeCalendar-CuXHsT-k.js +99 -0
  46. package/chunks/{SearchField-Dr3DAs9W.js → SearchField-CLrAjcdA.js} +39 -39
  47. package/chunks/{Select-fDRXxmLm.js → Select-C-0lWpoz.js} +48 -46
  48. package/chunks/Select-CzfIyTE7.js +576 -0
  49. package/chunks/Separator-BcnQEA9f.js +76 -0
  50. package/chunks/{Skeleton-Bcg_xgAx.js → Skeleton-DqIHQLQl.js} +1 -1
  51. package/chunks/Spinner-CL9evrHm.js +49 -0
  52. package/chunks/TabList-D2XV5ixe.js +81 -0
  53. package/chunks/Table-B1rlSIhS.js +139 -0
  54. package/chunks/Tag-CEfQksg8.js +53 -0
  55. package/chunks/{Text-WP6RbnnK.js → Text-TWzJxnto.js} +9 -9
  56. package/chunks/TextArea-34YgkUEE.js +124 -0
  57. package/chunks/{Toast-CP_V12b3.js → Toast-CCA9sCnB.js} +46 -45
  58. package/chunks/ToggleButtonGroup-CXKTrLbb.js +29 -0
  59. package/chunks/Tooltip-CtstfI8u.js +46 -0
  60. package/chunks/clsx-AexbMWKp.js +24 -0
  61. package/chunks/useLocalizedStringFormatter-ZgRJmvHC.js +25 -0
  62. package/color-scheme-switch/index.js +1 -1
  63. package/combobox/index.js +1 -1
  64. package/common/FeedbackStatusIcon.d.ts +6 -0
  65. package/common/intl/translations.json.d.ts +17 -0
  66. package/date-field/index.js +2 -2
  67. package/date-picker/index.js +1 -1
  68. package/dropdown/index.js +1 -1
  69. package/field-error/index.js +1 -1
  70. package/file-upload/index.js +1 -1
  71. package/grid/index.js +2 -2
  72. package/heading/index.js +1 -1
  73. package/index.js +68 -68
  74. package/info-banner/index.js +1 -1
  75. package/label/index.js +1 -1
  76. package/layout/index.js +1 -1
  77. package/legacy-select/index.js +1 -1
  78. package/link/index.js +3 -3
  79. package/link-button/index.js +3 -3
  80. package/list-box/index.js +3 -3
  81. package/logo/index.js +1 -1
  82. package/menu/index.js +5 -5
  83. package/modal/index.js +2 -2
  84. package/package.json +2 -3
  85. package/popover/index.js +1 -1
  86. package/progress-bar/index.js +1 -1
  87. package/radio/index.js +1 -1
  88. package/search-field/index.js +1 -1
  89. package/select/index.js +1 -1
  90. package/skeleton/index.js +1 -1
  91. package/spinner/index.js +1 -1
  92. package/table/index.js +1 -1
  93. package/tabs/index.js +1 -1
  94. package/tag/index.js +1 -1
  95. package/text/index.js +1 -1
  96. package/textfield/index.js +1 -1
  97. package/toast/Toast.d.ts +1 -1
  98. package/toast/index.js +1 -1
  99. package/toggle-button/index.js +1 -1
  100. package/tooltip/index.js +1 -1
  101. package/chunks/AccordionItem-BCoomT4-.js +0 -132
  102. package/chunks/Breadcrumbs-CnuqEeOL.js +0 -28
  103. package/chunks/Button-CHs1wv7n.js +0 -46
  104. package/chunks/Card-D58EJCcV.js +0 -130
  105. package/chunks/CharacterCounter-CzCvDmNP.js +0 -21
  106. package/chunks/Checkbox-CogzFDe3.js +0 -119
  107. package/chunks/CheckboxGroup-BLx25gqn.js +0 -83
  108. package/chunks/ComboBox-8YAwADqL.js +0 -108
  109. package/chunks/DateField-CpbYROK1.js +0 -46
  110. package/chunks/DateInputDivider-C43xP4is.js +0 -36
  111. package/chunks/DateRangePicker-CICkmtXG.js +0 -116
  112. package/chunks/Dialog-DBn9L3SP.js +0 -66
  113. package/chunks/Dropdown-Cctv2Qpv.js +0 -79
  114. package/chunks/FieldError-CZKAYQ-n.js +0 -23
  115. package/chunks/FileUpload-DILt4rAn.js +0 -16
  116. package/chunks/Heading-DIw3iLMN.js +0 -38
  117. package/chunks/InfoBanner-Bw3rjGtB.js +0 -72
  118. package/chunks/Label-CKe9pgXT.js +0 -73
  119. package/chunks/Link-C3w5O2wT.js +0 -54
  120. package/chunks/LinkButton-D6X0Dvoz.js +0 -63
  121. package/chunks/ListBoxLoadMoreItem-y9pCuqRe.js +0 -41
  122. package/chunks/ListBoxSection-CvtRigQb.js +0 -49
  123. package/chunks/Popover-DktRiuCr.js +0 -38
  124. package/chunks/ProgressBar-Bjxi5TgY.js +0 -53
  125. package/chunks/Radio-DqFFcFra.js +0 -43
  126. package/chunks/RangeCalendar-CIxwICEf.js +0 -99
  127. package/chunks/Select-BSqv5Qi-.js +0 -566
  128. package/chunks/Separator-Cw1vlSYO.js +0 -76
  129. package/chunks/Spinner-B2EAm49Z.js +0 -48
  130. package/chunks/TabList-BIBQcX2n.js +0 -81
  131. package/chunks/Table-Cy-R3Ma8.js +0 -139
  132. package/chunks/Tag-BZnq1_yZ.js +0 -53
  133. package/chunks/TextArea-3fPkKmNx.js +0 -124
  134. package/chunks/ToggleButtonGroup-CgNeypuW.js +0 -29
  135. package/chunks/Tooltip-C53p0sfk.js +0 -46
  136. package/chunks/clsx-CuNqTHjr.js +0 -11
  137. package/chunks/icon-map-Ckc-nEUA.js +0 -31
  138. package/chunks/internationalized-C9snpc7V.js +0 -1955
  139. package/chunks/react-aria-components-mIKW9wOa.js +0 -22645
  140. package/chunks/react-stately-DRNKkAB0.js +0 -2586
  141. package/chunks/useLocalizedStringFormatter-CPwiI7nv.js +0 -25
  142. package/chunks/variables-BkqZ2WGF.js +0 -5
  143. package/common/icon-map.d.ts +0 -6
@@ -1,132 +0,0 @@
1
- import { jsx as n, jsxs as l } from "react/jsx-runtime";
2
- import { c as _ } from "./clsx-CuNqTHjr.js";
3
- import { a6 as v, a7 as I, a8 as N } from "./react-aria-components-mIKW9wOa.js";
4
- import { i as B } from "./icon-map-Ckc-nEUA.js";
5
- import { createContext as $, useContext as b, useEffect as w } from "react";
6
- import { B as A } from "./Button-CHs1wv7n.js";
7
- import { H as M } from "./Heading-DIw3iLMN.js";
8
- import { C as T } from "./chevron-down-DgT-uSF9.js";
9
- import '../assets/AccordionItem.css';const k = "_root_17bdp_1", j = "_contained_17bdp_5", d = {
10
- root: k,
11
- contained: j
12
- }, u = $(void 0), oe = ({
13
- variant: o,
14
- children: c,
15
- className: r,
16
- isContained: i,
17
- size: t = "large",
18
- ...a
19
- }) => {
20
- const s = i || o === "contained";
21
- return /* @__PURE__ */ n(u.Provider, { value: { isContained: s, size: t }, children: /* @__PURE__ */ n(
22
- v,
23
- {
24
- className: _(
25
- d.root,
26
- s ? d.contained : d.uncontained,
27
- r
28
- ),
29
- ...a,
30
- children: c
31
- }
32
- ) });
33
- }, z = "_item_1em4f_1", H = "_contained_1em4f_18", y = "_medium_1em4f_28", D = "_success_1em4f_33", E = "_warning_1em4f_39", P = "_info_1em4f_45", R = "_important_1em4f_51", S = "_triggerButton_1em4f_62", W = "_triggerText_1em4f_66", q = "_trigger_1em4f_62", F = "_triggerMainContent_1em4f_77", G = "_chevronIcon_1em4f_94", J = "_statusIcon_1em4f_100", K = "_panel_1em4f_122", L = "_content_1em4f_130", O = "_hasBackground_1em4f_135", Q = "_header_1em4f_139", e = {
34
- item: z,
35
- contained: H,
36
- medium: y,
37
- success: D,
38
- warning: E,
39
- info: P,
40
- important: R,
41
- triggerButton: S,
42
- triggerText: W,
43
- trigger: q,
44
- triggerMainContent: F,
45
- " ": "_ _1em4f_1",
46
- chevronIcon: G,
47
- statusIcon: J,
48
- panel: K,
49
- content: L,
50
- hasBackground: O,
51
- header: Q
52
- }, se = ({
53
- title: o,
54
- children: c,
55
- className: r,
56
- headingLevel: i = "h2",
57
- type: t,
58
- hasBackground: a = !0,
59
- size: s = "large",
60
- isContained: h,
61
- ...p
62
- }) => {
63
- const f = b(u), m = h ?? f?.isContained ?? !1, x = typeof o == "object";
64
- w(() => {
65
- t && !m && console.warn(
66
- "AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency."
67
- );
68
- }, [t, m]);
69
- const g = t ? B[t] : null, C = g ? /* @__PURE__ */ n(
70
- g,
71
- {
72
- size: 20,
73
- className: e.statusIcon
74
- }
75
- ) : null;
76
- return /* @__PURE__ */ l(
77
- I,
78
- {
79
- ...p,
80
- className: _(
81
- e.item,
82
- t && e[t],
83
- (s === "medium" || f?.size === "medium") && e.medium,
84
- m && e.contained,
85
- r
86
- ),
87
- children: [
88
- /* @__PURE__ */ n("div", { className: e.trigger, children: /* @__PURE__ */ l(
89
- A,
90
- {
91
- className: e.triggerButton,
92
- slot: "trigger",
93
- variant: "icon",
94
- children: [
95
- /* @__PURE__ */ n(
96
- T,
97
- {
98
- size: 20,
99
- className: e.chevronIcon
100
- }
101
- ),
102
- /* @__PURE__ */ n("div", { className: e.triggerMainContent, children: x ? o : /* @__PURE__ */ n(
103
- M,
104
- {
105
- level: 3,
106
- elementType: i,
107
- className: e.triggerText,
108
- children: o
109
- }
110
- ) }),
111
- C
112
- ]
113
- }
114
- ) }),
115
- /* @__PURE__ */ n(N, { className: e.panel, children: /* @__PURE__ */ n(
116
- "div",
117
- {
118
- className: _(
119
- e.content,
120
- a && e.hasBackground
121
- ),
122
- children: c
123
- }
124
- ) })
125
- ]
126
- }
127
- );
128
- };
129
- export {
130
- se as A,
131
- oe as a
132
- };
@@ -1,28 +0,0 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import { C as d, D as i } from "./react-aria-components-mIKW9wOa.js";
3
- import { c as m } from "./clsx-CuNqTHjr.js";
4
- import { L as p } from "./Link-C3w5O2wT.js";
5
- import '../assets/Breadcrumbs.css';const f = "_container_1k7pu_1", l = {
6
- container: f
7
- }, h = ({
8
- items: r,
9
- className: e,
10
- ...a
11
- }) => /* @__PURE__ */ c(
12
- d,
13
- {
14
- className: m(l.container, e),
15
- ...a,
16
- children: r.map(({ title: o, href: s, isDisabled: n }, t) => /* @__PURE__ */ c(i, { children: /* @__PURE__ */ c(
17
- p,
18
- {
19
- href: s,
20
- isDisabled: n,
21
- children: o
22
- }
23
- ) }, o.toLocaleLowerCase() + t))
24
- }
25
- );
26
- export {
27
- h as B
28
- };
@@ -1,46 +0,0 @@
1
- import { jsx as m, jsxs as a, Fragment as l } from "react/jsx-runtime";
2
- import { B as r } from "./Button.module-Cm0H98vy.js";
3
- import { k as p } from "./react-aria-components-mIKW9wOa.js";
4
- import { c as u } from "./clsx-CuNqTHjr.js";
5
- import { S as f } from "./Spinner-B2EAm49Z.js";
6
- const B = ({
7
- variant: i = "primary",
8
- fullwidth: t,
9
- className: n,
10
- iconPlacement: d,
11
- size: s = "large",
12
- icon: o,
13
- iconSize: c,
14
- ...e
15
- }) => /* @__PURE__ */ m(
16
- p,
17
- {
18
- className: u(
19
- r.button,
20
- i === "primary" && r.primary,
21
- i === "secondary" && r.secondary,
22
- i === "tertiary" && r.tertiary,
23
- i === "danger" && r.danger,
24
- i === "icon" && r.iconBtn,
25
- t && r.fullwidth,
26
- s === "medium" && r.medium,
27
- d === "right" && r.iconRight,
28
- n
29
- ),
30
- ...e,
31
- children: /* @__PURE__ */ a(l, { children: [
32
- o && !e.isPending && /* @__PURE__ */ m(
33
- o,
34
- {
35
- "aria-hidden": !0,
36
- size: c ?? 20
37
- }
38
- ),
39
- e.isPending && /* @__PURE__ */ m(f, { small: !0 }),
40
- e.children
41
- ] })
42
- }
43
- );
44
- export {
45
- B
46
- };
@@ -1,130 +0,0 @@
1
- import { jsx as r, jsxs as l } from "react/jsx-runtime";
2
- import { c as n } from "./clsx-CuNqTHjr.js";
3
- import * as e from "react";
4
- import { H as m } from "./Heading-DIw3iLMN.js";
5
- import { k as _, E as C } from "./react-aria-components-mIKW9wOa.js";
6
- import { A as x } from "./arrow-right-DNeP8Eqv.js";
7
- import '../assets/Card.css';const A = "_card_1x9yi_1", h = "_horizontal_1x9yi_11", I = "_cardLink_1x9yi_16", u = "_cardContent_1x9yi_21", p = "_cardActions_1x9yi_40", z = "_cardActionArea_1x9yi_50", f = "_cardImage_1x9yi_83", k = "_cardLinkIcon_1x9yi_115", c = {
8
- card: A,
9
- horizontal: h,
10
- cardLink: I,
11
- cardContent: u,
12
- cardActions: p,
13
- cardActionArea: z,
14
- cardImage: f,
15
- cardLinkIcon: k
16
- }, i = e.createContext({
17
- horizontal: void 0,
18
- titleId: void 0
19
- }), $ = ({
20
- horizontal: t,
21
- className: o,
22
- children: a,
23
- ...s
24
- }) => {
25
- const d = `card-title-${e.useId()}`;
26
- return /* @__PURE__ */ r(i.Provider, { value: { horizontal: t, titleId: d }, children: /* @__PURE__ */ r(
27
- "div",
28
- {
29
- ...s,
30
- className: n(
31
- c.card,
32
- t && c.horizontal,
33
- o
34
- ),
35
- children: a
36
- }
37
- ) });
38
- }, j = ({
39
- children: t,
40
- ...o
41
- }) => {
42
- const { horizontal: a } = e.useContext(i);
43
- return /* @__PURE__ */ r(
44
- "div",
45
- {
46
- ...o,
47
- className: n(c.cardContent, a && c.horizontal),
48
- children: t
49
- }
50
- );
51
- }, E = ({
52
- elementType: t = "h2",
53
- children: o
54
- }) => {
55
- const { horizontal: a, titleId: s } = e.useContext(i);
56
- return /* @__PURE__ */ r(
57
- m,
58
- {
59
- level: a ? 5 : 3,
60
- elementType: t,
61
- isExpressive: a,
62
- className: n(c.cardTitle, a && c.horizontal),
63
- id: s,
64
- children: o
65
- }
66
- );
67
- }, H = ({
68
- children: t,
69
- ...o
70
- }) => {
71
- const { horizontal: a } = e.useContext(i);
72
- return /* @__PURE__ */ r(
73
- "div",
74
- {
75
- ...o,
76
- className: n(c.cardActions, a && c.horizontal),
77
- children: t
78
- }
79
- );
80
- }, R = ({ children: t, className: o, ...a }) => {
81
- const { titleId: s } = e.useContext(i);
82
- return /* @__PURE__ */ r(
83
- _,
84
- {
85
- ...a,
86
- "aria-labelledby": s,
87
- className: n(c.cardActionArea, o),
88
- children: t
89
- }
90
- );
91
- }, T = ({
92
- as: t = "img",
93
- className: o,
94
- ...a
95
- }) => /* @__PURE__ */ r(
96
- t,
97
- {
98
- ...a,
99
- className: n(c.cardImage, o)
100
- }
101
- ), w = ({
102
- children: t,
103
- as: o,
104
- ...a
105
- }) => /* @__PURE__ */ l(
106
- o || C,
107
- {
108
- ...a,
109
- className: n(c.cardLink, a.className),
110
- children: [
111
- t,
112
- /* @__PURE__ */ r(
113
- x,
114
- {
115
- className: c.cardLinkIcon,
116
- size: 24
117
- }
118
- )
119
- ]
120
- }
121
- );
122
- export {
123
- $ as C,
124
- j as a,
125
- E as b,
126
- H as c,
127
- R as d,
128
- T as e,
129
- w as f
130
- };
@@ -1,21 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import * as d from "react";
3
- import { F as f, G as i } from "./react-aria-components-mIKW9wOa.js";
4
- import '../assets/CharacterCounter.css';const h = "_characterCounter_1f0mh_1", m = {
5
- characterCounter: h
6
- }, u = d.forwardRef((t, o) => {
7
- [t] = f(t, o, i);
8
- const { maxLength: e, value: c, isLonely: n } = t, { length: a } = c?.toString() ?? "", r = e !== void 0;
9
- return /* @__PURE__ */ s(
10
- "span",
11
- {
12
- className: m.characterCounter,
13
- "data-exceeded": r && a > e || void 0,
14
- "data-lonely": n || void 0,
15
- children: r ? `${a} / ${e}` : a
16
- }
17
- );
18
- });
19
- export {
20
- u as C
21
- };
@@ -1,119 +0,0 @@
1
- import { jsxs as h, jsx as c } from "react/jsx-runtime";
2
- import * as o from "react";
3
- import v from "react";
4
- import { l, aG as b, a2 as m, aH as k, aI as R, aJ as _, F as C, aK as I, aL as P, aM as G, aN as y, aO as L, aP as N } from "./react-aria-components-mIKW9wOa.js";
5
- import { i as u } from "./variables-BkqZ2WGF.js";
6
- import { c as w } from "./createLucideIcon-D4r5Phnh.js";
7
- import { C as B } from "./check-BxlvVsvD.js";
8
- import '../assets/Checkbox.css';const g = [["path", { d: "M5 12h14", key: "1ays0h" }]], D = w("minus", g), F = v.createContext(null), M = "_checkboxInner_19c98_1", O = "_checkbox_19c98_1", j = "_checkboxGroup_19c98_143", q = "_checkboxList_19c98_154", x = {
9
- checkboxInner: M,
10
- checkbox: O,
11
- checkboxGroup: j,
12
- checkboxList: q
13
- }, $ = o.forwardRef((e, a) => {
14
- const { hoverProps: t, isHovered: s } = e.hoverResult, { pressProps: i, isPressed: d } = e.pressResult, { isFocused: n, isFocusVisible: r, focusProps: f } = e.focusRingAria;
15
- return /* @__PURE__ */ h(
16
- "label",
17
- {
18
- ref: a,
19
- ...b(t, i, e.labelProps),
20
- slot: e.slot || void 0,
21
- className: l(x.checkbox, e.className),
22
- "data-hovered": s || void 0,
23
- "data-selected": e.isSelected || void 0,
24
- "data-indeterminate": e.isIndeterminate || void 0,
25
- "data-pressed": d || void 0,
26
- "data-disabled": e.isDisabled || void 0,
27
- "data-readonly": e.isReadOnly || void 0,
28
- "data-invalid": e.isInvalid || void 0,
29
- "data-focused": n || void 0,
30
- "data-focus-visible": r || void 0,
31
- "data-required": e.isRequired || void 0,
32
- children: [
33
- /* @__PURE__ */ c("div", { className: l(x.checkboxInner), children: e.isIndeterminate ? /* @__PURE__ */ c(
34
- D,
35
- {
36
- size: 14,
37
- color: u
38
- }
39
- ) : /* @__PURE__ */ c(
40
- B,
41
- {
42
- size: 14,
43
- color: u
44
- }
45
- ) }),
46
- /* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(
47
- "input",
48
- {
49
- ...b(e.inputProps, f),
50
- ref: e.inputRef
51
- }
52
- ) }),
53
- e.children
54
- ]
55
- }
56
- );
57
- }), z = o.forwardRef((e, a) => {
58
- const t = k(
59
- {
60
- ...e,
61
- value: e.value || ""
62
- },
63
- e.state,
64
- e.inputRef
65
- );
66
- return /* @__PURE__ */ c(
67
- $,
68
- {
69
- ...e,
70
- ...t,
71
- ref: a
72
- }
73
- );
74
- }), A = o.forwardRef((e, a) => {
75
- const t = R(e, _(e), e.inputRef);
76
- return /* @__PURE__ */ c(
77
- $,
78
- {
79
- ...e,
80
- ...t,
81
- ref: a
82
- }
83
- );
84
- }), Q = o.forwardRef(
85
- (e, a) => {
86
- [e, a] = C(e, a, N);
87
- const t = I(L), s = e.validationBehavior ?? t?.validationBehavior ?? "native", i = o.useContext(F), d = o.useRef(null), n = P(e), r = G({
88
- ref: a,
89
- isDisabled: e.isDisabled
90
- }), f = y();
91
- return i ? /* @__PURE__ */ c(
92
- z,
93
- {
94
- ...e,
95
- state: i,
96
- inputRef: d,
97
- hoverResult: n,
98
- pressResult: r,
99
- focusRingAria: f,
100
- validationBehavior: s
101
- }
102
- ) : /* @__PURE__ */ c(
103
- A,
104
- {
105
- ...e,
106
- inputRef: d,
107
- hoverResult: n,
108
- pressResult: r,
109
- focusRingAria: f,
110
- validationBehavior: s
111
- }
112
- );
113
- }
114
- );
115
- export {
116
- Q as C,
117
- F as a,
118
- x as s
119
- };
@@ -1,83 +0,0 @@
1
- import { jsx as o, jsxs as f } from "react/jsx-runtime";
2
- import { a as v, L as C } from "./Label-CKe9pgXT.js";
3
- import { T as S } from "./Text-WP6RbnnK.js";
4
- import * as a from "react";
5
- import { C as d, s as h, a as k } from "./Checkbox-CogzFDe3.js";
6
- import { I as y, a1 as $ } from "./react-aria-components-mIKW9wOa.js";
7
- import { F as g } from "./FieldError-CZKAYQ-n.js";
8
- import { t as A } from "./react-stately-DRNKkAB0.js";
9
- import { u as P } from "./useLocalizedStringFormatter-CPwiI7nv.js";
10
- const V = (e, { value: t }) => {
11
- const c = a.Children.toArray(e).filter(
12
- (l) => a.isValidElement(l) && l.type === d
13
- ), i = a.Children.count(c), s = a.Children.toArray(e).filter((l) => a.isValidElement(l)).filter((l) => !!l && l.type === d).map((l) => l.props.value), n = t.length === 0, r = t.length === i;
14
- return {
15
- allSelected: r,
16
- someSelected: !n && !r,
17
- checkboxValues: s
18
- };
19
- }, b = ({ state: e, errorMessage: t }) => /* @__PURE__ */ o(y.Provider, { value: e.displayValidation, children: /* @__PURE__ */ o(g, { children: t }) }), L = { selectAll: "Select all" }, F = { selectAll: "Välj alla" }, p = {
20
- en: L,
21
- sv: F
22
- };
23
- function z(e) {
24
- const t = A(e), c = P(p), { groupProps: i, labelProps: s, descriptionProps: n } = $(
25
- e,
26
- t
27
- ), { allSelected: r, someSelected: m, checkboxValues: l } = V(
28
- e.children,
29
- t
30
- ), u = (x) => {
31
- t.setValue(x ? l : []);
32
- };
33
- return /* @__PURE__ */ f(
34
- "div",
35
- {
36
- ...i,
37
- className: h.checkboxGroup,
38
- "data-readonly": e.isReadOnly || void 0,
39
- "data-disabled": e.isDisabled || void 0,
40
- children: [
41
- /* @__PURE__ */ o(v, { popover: e.popover, children: e.label && /* @__PURE__ */ o(C, { ...s, children: e.label }) }),
42
- e.description && /* @__PURE__ */ o(
43
- S,
44
- {
45
- slot: "description",
46
- ...n,
47
- children: e.description
48
- }
49
- ),
50
- e.errorPosition === "top" && /* @__PURE__ */ o(
51
- b,
52
- {
53
- ...e,
54
- state: t
55
- }
56
- ),
57
- /* @__PURE__ */ f("div", { className: h.checkboxList, children: [
58
- e.showSelectAll && /* @__PURE__ */ o(
59
- d,
60
- {
61
- isSelected: r,
62
- isIndeterminate: m,
63
- isReadOnly: e.isReadOnly,
64
- onChange: u,
65
- children: e.selectAllLabel || c.format("selectAll")
66
- }
67
- ),
68
- /* @__PURE__ */ o(k.Provider, { value: t, children: e.children })
69
- ] }),
70
- e.errorPosition === "bottom" && /* @__PURE__ */ o(
71
- b,
72
- {
73
- ...e,
74
- state: t
75
- }
76
- )
77
- ]
78
- }
79
- );
80
- }
81
- export {
82
- z as C
83
- };
@@ -1,108 +0,0 @@
1
- import { jsxs as l, jsx as t } from "react/jsx-runtime";
2
- import $ from "react";
3
- import { T as y, U as F, k as w, V as S } from "./react-aria-components-mIKW9wOa.js";
4
- import { c as a } from "./clsx-CuNqTHjr.js";
5
- import { a as v, L as R } from "./Label-CKe9pgXT.js";
6
- import { T as u } from "./Text-WP6RbnnK.js";
7
- import { F as f } from "./FieldError-CZKAYQ-n.js";
8
- import { L as B } from "./ListBox-CKDglhFH.js";
9
- import { a as N, L as C, b as g } from "./ListBoxSection-CvtRigQb.js";
10
- import { C as E } from "./chevron-down-DgT-uSF9.js";
11
- import { u as T } from "./useLocalizedStringFormatter-CPwiI7nv.js";
12
- import '../assets/ComboBox.css';const I = "_combobox_ti2ot_1", U = "_inputField_ti2ot_6", j = "_medium_ti2ot_28", O = "_wrap_ti2ot_74", V = "_button_ti2ot_80", k = "_icon_ti2ot_116", z = "_emptyState_ti2ot_122", o = {
13
- combobox: I,
14
- inputField: U,
15
- medium: j,
16
- wrap: O,
17
- button: V,
18
- icon: k,
19
- emptyState: z
20
- }, D = { showList: "Show list", noResultsFound: "No results found" }, M = { showList: "Visa lista", noResultsFound: "Inga träffar" }, W = {
21
- en: D,
22
- sv: M
23
- };
24
- function ot({
25
- label: e,
26
- description: i,
27
- errorMessage: r,
28
- children: p,
29
- items: b,
30
- className: h,
31
- errorPosition: n = "top",
32
- size: c = "large",
33
- popover: _,
34
- ...s
35
- }) {
36
- const m = $.useRef(null), d = T(W), x = (L) => {
37
- L.currentTarget.value && m.current?.select();
38
- };
39
- return /* @__PURE__ */ l(
40
- y,
41
- {
42
- className: a(o.combobox, h),
43
- ...s,
44
- "data-readonly": s.isReadOnly || void 0,
45
- children: [
46
- /* @__PURE__ */ t(v, { popover: _, children: e && /* @__PURE__ */ t(R, { children: e }) }),
47
- i && /* @__PURE__ */ t(u, { slot: "description", children: i }),
48
- n === "top" && /* @__PURE__ */ t(f, { "data-testid": "fieldError", children: r }),
49
- /* @__PURE__ */ l("div", { className: o.wrap, children: [
50
- /* @__PURE__ */ t(
51
- F,
52
- {
53
- className: a(o.inputField, {
54
- [o.medium]: c === "medium"
55
- }),
56
- "data-readonly": s.isReadOnly || void 0,
57
- onMouseUp: x,
58
- ref: m
59
- }
60
- ),
61
- /* @__PURE__ */ t(
62
- w,
63
- {
64
- className: a(o.button, {
65
- [o.medium]: c === "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
- E,
75
- {
76
- size: 20,
77
- "aria-hidden": !0
78
- }
79
- )
80
- }
81
- )
82
- }
83
- )
84
- ] }),
85
- n === "bottom" && /* @__PURE__ */ t(f, { "data-testid": "fieldError", children: r }),
86
- /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(
87
- B,
88
- {
89
- items: b,
90
- renderEmptyState: () => /* @__PURE__ */ t(u, { className: o.emptyState, children: d.format("noResultsFound") }),
91
- children: p
92
- }
93
- ) })
94
- ]
95
- }
96
- );
97
- }
98
- function q(e) {
99
- return /* @__PURE__ */ t(C, { ...e });
100
- }
101
- function et(e) {
102
- return /* @__PURE__ */ t(g, { ...e, children: /* @__PURE__ */ t(S, { 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
- };