@midas-ds/components 17.29.0 → 17.30.1

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 (171) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/accordion/index.js +1 -1
  3. package/badge/index.js +1 -1
  4. package/breadcrumbs/index.js +1 -1
  5. package/button/index.js +1 -1
  6. package/calendar/index.js +1 -1
  7. package/card/index.js +1 -1
  8. package/checkbox/index.js +1 -1
  9. package/chunks/FeedbackStatusIcon-DvMDGBGL.js +36 -0
  10. package/chunks/{accordion-DIVTJU3O.js → accordion-DlVM6IKH.js} +24 -24
  11. package/chunks/{badge-BfK6XrlL.js → badge-C4bXJmhn.js} +1 -1
  12. package/chunks/{breadcrumbs-DV0ZJc62.js → breadcrumbs-BGnyY3bO.js} +1 -1
  13. package/chunks/{button-CenXTGXL.js → button-dpe6hXmI.js} +2 -2
  14. package/chunks/calendar-BnT8aqrk.js +108 -0
  15. package/chunks/card-C0S9Kyi2.js +103 -0
  16. package/chunks/checkbox-B1RWLsu9.js +106 -0
  17. package/chunks/clear-button-DWtOkhCH.js +17 -0
  18. package/chunks/clsx-DAqHMl_k.js +7 -0
  19. package/chunks/color-scheme-switch-DVyIszaD.js +160 -0
  20. package/chunks/{combobox-DIou4Z-d.js → combobox-BLAVO2ax.js} +25 -25
  21. package/chunks/{date-field-BF2f9bSf.js → date-field-D5QLfSD_.js} +5 -5
  22. package/chunks/date-picker-BWSHiwIN.js +142 -0
  23. package/chunks/{drop-zone-DH3ZyHsr.js → drop-zone-DNhEbH4w.js} +1 -1
  24. package/chunks/{field-error-LtNtEKDp.js → field-error-BHoPnRe4.js} +2 -2
  25. package/chunks/file-list-Ntos8dkG.js +139 -0
  26. package/chunks/{grid-Cn_8RSvj.js → grid-BR68fpvW.js} +1 -1
  27. package/chunks/{heading-BEl_z-5T.js → heading-DcOjYrUM.js} +1 -1
  28. package/chunks/{info-banner-osR4e6nB.js → info-banner-DXjPEG69.js} +15 -15
  29. package/chunks/label-pGlER0ro.js +50 -0
  30. package/chunks/layout-Bue2Lkbc.js +378 -0
  31. package/chunks/link-B76JDA2N.js +44 -0
  32. package/chunks/link-button-BeXxC22w.js +44 -0
  33. package/chunks/{list-box-BN_MSiOD.js → list-box-BzBJX0nP.js} +3 -3
  34. package/chunks/{logo-DyZ2pXt7.js → logo-DSJ1bUJZ.js} +1 -1
  35. package/chunks/menu-DbQ98noD.js +48 -0
  36. package/chunks/modal-C8rs1jfL.js +66 -0
  37. package/chunks/{popover-DGcogqbS.js → popover-B82BcP5n.js} +1 -1
  38. package/chunks/{progress-bar-CknF4qAm.js → progress-bar-S6GNHQRZ.js} +2 -2
  39. package/chunks/{radio-BD1EuxSa.js → radio-uAtTm38S.js} +4 -4
  40. package/chunks/search-field-Bx3JApAJ.js +91 -0
  41. package/chunks/select-CuKVJ1x9.js +177 -0
  42. package/chunks/{skeleton-B_BPRPJy.js → skeleton-R_3dS7Ro.js} +1 -1
  43. package/chunks/spinner-CIjfJeGm.js +29 -0
  44. package/chunks/{stack-LF3ExhH9.js → stack-BAHKom_Q.js} +1 -1
  45. package/chunks/table-DDTeIVh8.js +84 -0
  46. package/chunks/{tabs-Co09VWvC.js → tabs-owuRVJ3N.js} +1 -1
  47. package/chunks/tag-BEawJnJm.js +78 -0
  48. package/chunks/{text-DwmZ-ew8.js → text-DnvD4Cjc.js} +1 -1
  49. package/chunks/textfield-G6u6RJD5.js +113 -0
  50. package/chunks/{time-field-CmjGBQph.js → time-field-Mm1iDLzS.js} +6 -6
  51. package/chunks/{toast-gJgjitZF.js → toast-DZuvVRD_.js} +21 -21
  52. package/chunks/{toggle-button-CIvsOXQf.js → toggle-button-DD_bXanH.js} +1 -1
  53. package/chunks/{tooltip-BkesIUIF.js → tooltip-1GBTeMrm.js} +1 -1
  54. package/clear-button/index.js +1 -1
  55. package/color-scheme-switch/index.js +1 -1
  56. package/combobox/index.js +1 -1
  57. package/date-field/index.js +1 -1
  58. package/date-picker/index.js +1 -1
  59. package/drop-zone/index.js +1 -1
  60. package/field-error/index.js +1 -1
  61. package/file-list/index.js +1 -1
  62. package/grid/index.js +1 -1
  63. package/heading/index.js +1 -1
  64. package/index.js +52 -50
  65. package/info-banner/index.js +1 -1
  66. package/label/index.js +1 -1
  67. package/layout/Layout.d.ts +1 -2
  68. package/layout/context/LayoutContext.d.ts +7 -1
  69. package/layout/index.js +1 -1
  70. package/link/index.js +1 -1
  71. package/link-button/index.js +1 -1
  72. package/list-box/index.js +1 -1
  73. package/logo/index.js +1 -1
  74. package/menu/index.js +1 -1
  75. package/modal/index.js +1 -1
  76. package/package.json +4 -2
  77. package/popover/index.js +1 -1
  78. package/progress-bar/index.js +1 -1
  79. package/radio/index.js +1 -1
  80. package/search-field/index.js +1 -1
  81. package/select/index.js +1 -1
  82. package/skeleton/index.js +1 -1
  83. package/spinner/index.js +1 -1
  84. package/stack/index.js +1 -1
  85. package/table/index.js +1 -1
  86. package/tabs/index.js +1 -1
  87. package/tag/index.js +1 -1
  88. package/text/index.js +1 -1
  89. package/textfield/index.js +1 -1
  90. package/time-field/index.js +1 -1
  91. package/toast/index.js +1 -1
  92. package/toggle-button/index.js +1 -1
  93. package/tooltip/index.js +1 -1
  94. package/accordion/Accordion.stories.d.ts +0 -23
  95. package/accordion/AccordionItem.stories.d.ts +0 -25
  96. package/badge/Badge.stories.d.ts +0 -17
  97. package/breadcrumbs/Breadcrumbs.stories.d.ts +0 -25
  98. package/button/Button.stories.d.ts +0 -25
  99. package/button/ButtonGroup.stories.d.ts +0 -15
  100. package/calendar/Calendar.stories.d.ts +0 -17
  101. package/calendar/RangeCalendar.stories.d.ts +0 -15
  102. package/card/Card.stories.d.ts +0 -19
  103. package/checkbox/Checkbox.stories.d.ts +0 -30
  104. package/checkbox/CheckboxGroup.stories.d.ts +0 -31
  105. package/chunks/FeedbackStatusIcon-DRI7WrSU.js +0 -54
  106. package/chunks/arrow-right-Db_H9KjE.js +0 -10
  107. package/chunks/calendar-Bl_obez5.js +0 -111
  108. package/chunks/card-zIYA-SQh.js +0 -103
  109. package/chunks/check-DV00NPU0.js +0 -7
  110. package/chunks/checkbox-Bqd8B58G.js +0 -110
  111. package/chunks/chevron-down-CP7nEDei.js +0 -7
  112. package/chunks/chevron-right-DwqboCdU.js +0 -7
  113. package/chunks/clear-button-D3I1X3yG.js +0 -17
  114. package/chunks/clsx-Di52oYUU.js +0 -23
  115. package/chunks/color-scheme-switch-DVZjdwc9.js +0 -203
  116. package/chunks/createLucideIcon-BgluSHFG.js +0 -39
  117. package/chunks/date-picker-DZivTUB_.js +0 -187
  118. package/chunks/file-list-B4vG_egr.js +0 -161
  119. package/chunks/info-jCyacVsy.js +0 -19
  120. package/chunks/label-LWlgvAwz.js +0 -50
  121. package/chunks/layout-Db5um0f7.js +0 -426
  122. package/chunks/link-BAgs4RwY.js +0 -59
  123. package/chunks/link-button-BuPMEGUj.js +0 -52
  124. package/chunks/menu-aT2IR0tO.js +0 -49
  125. package/chunks/modal-C-UsxdO0.js +0 -66
  126. package/chunks/search-field-GNTRFpzf.js +0 -100
  127. package/chunks/select-oLCNpryY.js +0 -177
  128. package/chunks/spinner-LdHPVms_.js +0 -32
  129. package/chunks/square-arrow-out-up-right-DkgXD7hj.js +0 -17
  130. package/chunks/table-CmNWoAYO.js +0 -150
  131. package/chunks/tag-BIcqtf7b.js +0 -78
  132. package/chunks/textfield-BSvCsAyC.js +0 -112
  133. package/chunks/x-BJAOO5a5.js +0 -10
  134. package/color-scheme-switch/ColorSchemeSwitch.stories.d.ts +0 -7
  135. package/color-scheme-switch/ColorSchemeSwitchMenu.stories.d.ts +0 -8
  136. package/combobox/ComboBox.stories.d.ts +0 -43
  137. package/date-field/DateField.stories.d.ts +0 -15
  138. package/date-picker/DatePicker.stories.d.ts +0 -17
  139. package/date-picker/DateRangePicker.stories.d.ts +0 -39
  140. package/drop-zone/DropZone.stories.d.ts +0 -16
  141. package/file-list/FileList.stories.d.ts +0 -31
  142. package/grid/Grid.stories.d.ts +0 -28
  143. package/heading/Heading.stories.d.ts +0 -30
  144. package/info-banner/InfoBanner.stories.d.ts +0 -16
  145. package/label/Label.stories.d.ts +0 -10
  146. package/layout/Layout.stories.d.ts +0 -9
  147. package/link/Link.stories.d.ts +0 -14
  148. package/link-button/LinkButton.stories.d.ts +0 -13
  149. package/list-box/ListBox.stories.d.ts +0 -24
  150. package/logo/Logo.stories.d.ts +0 -7
  151. package/menu/Menu.stories.d.ts +0 -35
  152. package/modal/Modal.stories.d.ts +0 -15
  153. package/popover/Popover.stories.d.ts +0 -18
  154. package/progress-bar/ProgressBar.stories.d.ts +0 -18
  155. package/radio/Radio.stories.d.ts +0 -110
  156. package/radio/RadioGroup.stories.d.ts +0 -27
  157. package/search-field/SearchField.stories.d.ts +0 -34
  158. package/select/Select.stories.d.ts +0 -53
  159. package/skeleton/Skeleton.Form.stories.d.ts +0 -20
  160. package/skeleton/Skeleton.stories.d.ts +0 -10
  161. package/spinner/Spinner.stories.d.ts +0 -20
  162. package/stack/Stack.stories.d.ts +0 -24
  163. package/table/Table.stories.d.ts +0 -39
  164. package/tabs/Tabs.stories.d.ts +0 -31
  165. package/tag/Tag.stories.d.ts +0 -17
  166. package/text/Text.stories.d.ts +0 -10
  167. package/textfield/TextArea.stories.d.ts +0 -365
  168. package/textfield/TextField.stories.d.ts +0 -39
  169. package/time-field/TimeField.stories.d.ts +0 -37
  170. package/toast/Toast.stories.d.ts +0 -24
  171. package/tooltip/Tooltip.stories.d.ts +0 -26
@@ -1,203 +0,0 @@
1
- 'use client';
2
- import { t as e } from "./clsx-Di52oYUU.js";
3
- import { t } from "./createLucideIcon-BgluSHFG.js";
4
- import { t as n } from "./chevron-down-CP7nEDei.js";
5
- import { t as r } from "./useLocalizedStringFormatter-CeyBc0x0.js";
6
- import { n as i } from "./button-CenXTGXL.js";
7
- import { t as a } from "./icons-UBHIX2oV.js";
8
- import { n as o, t as s } from "./toggle-button-CIvsOXQf.js";
9
- import { a as c, o as l, r as u } from "./menu-aT2IR0tO.js";
10
- import * as d from "react";
11
- import { useEffect as f, useState as p } from "react";
12
- import { MenuItem as m, SelectionIndicator as h } from "react-aria-components";
13
- import { jsx as g, jsxs as _ } from "react/jsx-runtime";
14
- import { VisuallyHidden as v } from "react-aria";
15
- import '../assets/color-scheme-switch.css';var y = t("moon", [["path", {
16
- d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
17
- key: "kfwtm"
18
- }]]), b = t("sun", [
19
- ["circle", {
20
- cx: "12",
21
- cy: "12",
22
- r: "4",
23
- key: "4exip2"
24
- }],
25
- ["path", {
26
- d: "M12 2v2",
27
- key: "tus03m"
28
- }],
29
- ["path", {
30
- d: "M12 20v2",
31
- key: "1lh1kg"
32
- }],
33
- ["path", {
34
- d: "m4.93 4.93 1.41 1.41",
35
- key: "149t6j"
36
- }],
37
- ["path", {
38
- d: "m17.66 17.66 1.41 1.41",
39
- key: "ptbguv"
40
- }],
41
- ["path", {
42
- d: "M2 12h2",
43
- key: "1t8f8n"
44
- }],
45
- ["path", {
46
- d: "M20 12h2",
47
- key: "1q8mjw"
48
- }],
49
- ["path", {
50
- d: "m6.34 17.66-1.41 1.41",
51
- key: "1m8zz5"
52
- }],
53
- ["path", {
54
- d: "m19.07 4.93-1.41 1.41",
55
- key: "1shlcs"
56
- }]
57
- ]), x = {
58
- button: "_button_1r8vq_1",
59
- selectionIndicator: "_selectionIndicator_1r8vq_14"
60
- }, S = {
61
- en: {
62
- colorScheme: "Color scheme",
63
- darkMode: "Dark mode",
64
- lightMode: "Light mode",
65
- system: "Follows system",
66
- triggerDarkMode: "Color scheme: Dark mode",
67
- triggerLightMode: "Color scheme: Light mode",
68
- triggerSystem: "Color scheme: Follows system"
69
- },
70
- sv: {
71
- colorScheme: "Färgschema",
72
- darkMode: "Mörkt läge",
73
- lightMode: "Ljust läge",
74
- system: "Följer systemet",
75
- triggerDarkMode: "Färgschema: Mörkt läge",
76
- triggerLightMode: "Färgschema: Ljust läge",
77
- triggerSystem: "Färgschema: Följer systemet"
78
- }
79
- }, C = ({ selector: e = ":root", defaultScheme: t = "light dark", scheme: n, onSchemeChange: r }) => {
80
- let [i, a] = p(n ?? t), o = n ?? i;
81
- return f(() => {
82
- let t = document.querySelector(e);
83
- if (!t) {
84
- console.warn(`No element found for selector: "${e}"`);
85
- return;
86
- }
87
- o === "light dark" ? delete t.dataset.colorScheme : t.dataset.colorScheme = o;
88
- }, [o, e]), {
89
- resolved: o,
90
- onChange: (e) => {
91
- a(e), r?.(e);
92
- }
93
- };
94
- }, w = ({ selector: e = ":root", defaultScheme: t = "light dark", scheme: n, onSchemeChange: i, defaultValue: c, className: l }) => {
95
- let { resolved: u, onChange: d } = C({
96
- selector: e,
97
- defaultScheme: c ? Array.from(c)[0] : t,
98
- scheme: n,
99
- onSchemeChange: i
100
- }), f = r(S);
101
- return /* @__PURE__ */ _(s, {
102
- selectionMode: "single",
103
- selectedKeys: /* @__PURE__ */ new Set([u]),
104
- onSelectionChange: (e) => {
105
- d(Array.from(e)[0]);
106
- },
107
- disallowEmptySelection: !0,
108
- "aria-label": f.format("colorScheme"),
109
- className: l,
110
- children: [
111
- /* @__PURE__ */ _(o, {
112
- id: "light",
113
- className: x.button,
114
- children: [
115
- /* @__PURE__ */ g(b, {}),
116
- /* @__PURE__ */ g(v, { children: f.format("lightMode") }),
117
- /* @__PURE__ */ g(h, { className: x.selectionIndicator })
118
- ]
119
- }),
120
- /* @__PURE__ */ _(o, {
121
- id: "dark",
122
- className: x.button,
123
- children: [
124
- /* @__PURE__ */ g(y, {}),
125
- /* @__PURE__ */ g(v, { children: f.format("darkMode") }),
126
- /* @__PURE__ */ g(h, { className: x.selectionIndicator })
127
- ]
128
- }),
129
- /* @__PURE__ */ _(o, {
130
- id: "light dark",
131
- className: x.button,
132
- children: [
133
- /* @__PURE__ */ g(a, {}),
134
- /* @__PURE__ */ g(v, { children: f.format("system") }),
135
- /* @__PURE__ */ g(h, { className: x.selectionIndicator })
136
- ]
137
- })
138
- ]
139
- });
140
- }, T = {
141
- trigger: "_trigger_y8ah9_1",
142
- chevron: "_chevron_y8ah9_6",
143
- menu: "_menu_y8ah9_17",
144
- menuItem: "_menuItem_y8ah9_21"
145
- }, E = {
146
- light: b,
147
- "light dark": a,
148
- dark: y
149
- }, D = (e) => e === "light" ? "triggerLightMode" : e === "dark" ? "triggerDarkMode" : "triggerSystem", O = ({ selector: t = ":root", defaultScheme: o = "light dark", scheme: s, onSchemeChange: f, className: p }) => {
150
- let { resolved: h, onChange: x } = C({
151
- selector: t,
152
- defaultScheme: o,
153
- scheme: s,
154
- onSchemeChange: f
155
- }), w = E[h];
156
- d.useEffect(() => {
157
- let e = document.querySelector(t);
158
- if (!e) {
159
- console.warn(`No element found for selector: "${t}"`);
160
- return;
161
- }
162
- h === "light dark" ? delete e.dataset.colorScheme : e.dataset.colorScheme = h;
163
- }, [h, t]);
164
- let O = r(S);
165
- return /* @__PURE__ */ _(l, { children: [/* @__PURE__ */ _(i, {
166
- variant: "icon",
167
- size: "medium",
168
- className: e(T.trigger, p),
169
- "aria-label": O.format(D(h)),
170
- children: [/* @__PURE__ */ g(w, { size: 20 }), /* @__PURE__ */ g(n, {
171
- size: 20,
172
- className: T.chevron
173
- })]
174
- }), /* @__PURE__ */ g(u, {
175
- placement: "bottom start",
176
- children: /* @__PURE__ */ _(c, {
177
- onAction: (e) => x(e),
178
- className: T.menu,
179
- children: [
180
- /* @__PURE__ */ _(m, {
181
- id: "light",
182
- textValue: O.format("lightMode"),
183
- className: T.menuItem,
184
- children: [/* @__PURE__ */ g(b, { size: 20 }), /* @__PURE__ */ g(v, { children: O.format("lightMode") })]
185
- }),
186
- /* @__PURE__ */ _(m, {
187
- id: "dark",
188
- textValue: O.format("darkMode"),
189
- className: T.menuItem,
190
- children: [/* @__PURE__ */ g(y, { size: 20 }), /* @__PURE__ */ g(v, { children: O.format("darkMode") })]
191
- }),
192
- /* @__PURE__ */ _(m, {
193
- id: "light dark",
194
- textValue: O.format("system"),
195
- className: T.menuItem,
196
- children: [/* @__PURE__ */ g(a, { size: 20 }), /* @__PURE__ */ g(v, { children: O.format("system") })]
197
- })
198
- ]
199
- })
200
- })] });
201
- };
202
- //#endregion
203
- export { w as n, O as t };
@@ -1,39 +0,0 @@
1
- import { createElement as e, forwardRef as t } from "react";
2
- //#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
3
- var n = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), r = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), i = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), a = (e) => {
4
- let t = i(e);
5
- return t.charAt(0).toUpperCase() + t.slice(1);
6
- }, o = {
7
- xmlns: "http://www.w3.org/2000/svg",
8
- width: 24,
9
- height: 24,
10
- viewBox: "0 0 24 24",
11
- fill: "none",
12
- stroke: "currentColor",
13
- strokeWidth: 2,
14
- strokeLinecap: "round",
15
- strokeLinejoin: "round"
16
- }, s = (e) => {
17
- for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
18
- return !1;
19
- }, c = t(({ color: t = "currentColor", size: r = 24, strokeWidth: i = 2, absoluteStrokeWidth: a, className: c = "", children: l, iconNode: u, ...d }, f) => e("svg", {
20
- ref: f,
21
- ...o,
22
- width: r,
23
- height: r,
24
- stroke: t,
25
- strokeWidth: a ? Number(i) * 24 / Number(r) : i,
26
- className: n("lucide", c),
27
- ...!l && !s(d) && { "aria-hidden": "true" },
28
- ...d
29
- }, [...u.map(([t, n]) => e(t, n)), ...Array.isArray(l) ? l : [l]])), l = (i, o) => {
30
- let s = t(({ className: t, ...s }, l) => e(c, {
31
- ref: l,
32
- iconNode: o,
33
- className: n(`lucide-${r(a(i))}`, `lucide-${i}`, t),
34
- ...s
35
- }));
36
- return s.displayName = a(i), s;
37
- };
38
- //#endregion
39
- export { l as t };
@@ -1,187 +0,0 @@
1
- 'use client';
2
- import { n as e } from "./clsx-Di52oYUU.js";
3
- import { t } from "./createLucideIcon-BgluSHFG.js";
4
- import { n, t as r } from "./calendar-Bl_obez5.js";
5
- import { t as i } from "./useLocalizedStringFormatter-CeyBc0x0.js";
6
- import { n as a } from "./button-CenXTGXL.js";
7
- import { n as o, t as s } from "./label-LWlgvAwz.js";
8
- import { t as c } from "./text-DwmZ-ew8.js";
9
- import { t as l } from "./field-error-LtNtEKDp.js";
10
- import { t as u } from "./clear-button-D3I1X3yG.js";
11
- import { n as d, r as f, t as p } from "./date-field-BF2f9bSf.js";
12
- import * as m from "react";
13
- import { DatePicker as h, DatePickerStateContext as g, DateRangePicker as _, DateRangePickerStateContext as v, Group as y, Popover as b } from "react-aria-components";
14
- import { jsx as x, jsxs as S } from "react/jsx-runtime";
15
- import { FocusScope as C, useFocusManager as w } from "react-aria";
16
- import '../assets/date-picker.css';var T = t("calendar-days", [
17
- ["path", {
18
- d: "M8 2v4",
19
- key: "1cmpym"
20
- }],
21
- ["path", {
22
- d: "M16 2v4",
23
- key: "4m81vk"
24
- }],
25
- ["rect", {
26
- width: "18",
27
- height: "18",
28
- x: "3",
29
- y: "4",
30
- rx: "2",
31
- key: "1hopcy"
32
- }],
33
- ["path", {
34
- d: "M3 10h18",
35
- key: "8toen8"
36
- }],
37
- ["path", {
38
- d: "M8 14h.01",
39
- key: "6423bh"
40
- }],
41
- ["path", {
42
- d: "M12 14h.01",
43
- key: "1etili"
44
- }],
45
- ["path", {
46
- d: "M16 14h.01",
47
- key: "1gbofw"
48
- }],
49
- ["path", {
50
- d: "M8 18h.01",
51
- key: "lrp35t"
52
- }],
53
- ["path", {
54
- d: "M12 18h.01",
55
- key: "mhygvu"
56
- }],
57
- ["path", {
58
- d: "M16 18h.01",
59
- key: "kzsmim"
60
- }]
61
- ]), E = {
62
- en: {
63
- clear: "Clear date",
64
- "open-calendar": "Open calendar"
65
- },
66
- sv: {
67
- clear: "Rensa datum",
68
- "open-calendar": "Öppna kalender"
69
- }
70
- }, D = {
71
- datePicker: "_datePicker_14wog_1",
72
- inputField: "_inputField_14wog_8",
73
- medium: "_medium_14wog_24",
74
- readOnly: "_readOnly_14wog_47",
75
- buttonGroup: "_buttonGroup_14wog_52",
76
- iconButton: "_iconButton_14wog_58",
77
- popover: "_popover_14wog_81 _dropdownAnimation_1ljkv_4"
78
- }, O = (e) => !!e && !!e.value && Object.prototype.hasOwnProperty.call(e.value, "start"), k = ({ isClearable: t, isDisabled: n, isReadOnly: r, size: a }) => {
79
- let o = m.useContext(g), s = m.useContext(v), c = i(E), l = w(), d = s ?? o, f = O(d) ? !!d.value.start && d.value.end : !!d?.value;
80
- return t && f && !r ? /* @__PURE__ */ x(u, {
81
- onPress: () => {
82
- d?.setValue(null), l?.focusFirst();
83
- },
84
- size: a,
85
- isDisabled: n,
86
- "aria-label": c.format("clear"),
87
- className: e(D.iconButton, { [D.medium]: a === "medium" })
88
- }) : null;
89
- }, A = ({ children: t, isDisabled: n, isInvalid: r, isReadOnly: o, size: s = "large", isClearable: c = !1 }) => {
90
- let l = i(E);
91
- return /* @__PURE__ */ x(y, {
92
- className: e(D.inputField, {
93
- [D.medium]: s === "medium",
94
- [D.readOnly]: o
95
- }),
96
- children: /* @__PURE__ */ S(C, { children: [t, /* @__PURE__ */ S("div", {
97
- className: D.buttonGroup,
98
- children: [/* @__PURE__ */ x(k, {
99
- isClearable: c,
100
- isDisabled: n,
101
- isReadOnly: o,
102
- size: s
103
- }), /* @__PURE__ */ x(a, {
104
- variant: "icon",
105
- "aria-label": l.format("open-calendar"),
106
- className: e(D.iconButton, {
107
- [D.medium]: s === "medium",
108
- [D.readOnly]: o
109
- }),
110
- "data-invalid": r || void 0,
111
- size: s,
112
- children: /* @__PURE__ */ x(T, {
113
- "aria-hidden": !0,
114
- size: 20
115
- })
116
- })]
117
- })] })
118
- });
119
- }, j = ({ children: e }) => /* @__PURE__ */ x(b, {
120
- className: D.popover,
121
- children: e
122
- }), M = m.forwardRef(({ className: t, description: r, errorMessage: i, errorPosition: a = "top", label: u, popover: p, isClearable: m = !1, isReadOnly: g, isDisabled: _, size: v, ...y }, b) => /* @__PURE__ */ S(h, {
123
- className: e(D.datePicker, t),
124
- isReadOnly: g,
125
- isDisabled: _,
126
- ref: b,
127
- ...y,
128
- children: [
129
- /* @__PURE__ */ x(o, {
130
- popover: p,
131
- children: u && /* @__PURE__ */ x(s, { children: u })
132
- }),
133
- r && /* @__PURE__ */ x(c, {
134
- slot: "description",
135
- children: r
136
- }),
137
- a === "top" && /* @__PURE__ */ x(l, { children: i }),
138
- /* @__PURE__ */ x(A, {
139
- isClearable: m,
140
- isReadOnly: g,
141
- isDisabled: _,
142
- size: v,
143
- ...y,
144
- children: /* @__PURE__ */ x(d, { children: (e) => /* @__PURE__ */ x(f, { segment: e }) })
145
- }),
146
- a === "bottom" && /* @__PURE__ */ x(l, { children: i }),
147
- /* @__PURE__ */ x(j, { children: /* @__PURE__ */ x(n, {}) })
148
- ]
149
- })), N = ({ className: t, description: n, errorMessage: i, errorPosition: a = "top", label: u, popover: m, isClearable: h = !1, isReadOnly: g, isDisabled: v, size: y, ...b }) => /* @__PURE__ */ S(_, {
150
- className: e(D.datePicker, t),
151
- isReadOnly: g,
152
- isDisabled: v,
153
- ...b,
154
- children: [
155
- /* @__PURE__ */ x(o, {
156
- popover: m,
157
- children: u && /* @__PURE__ */ x(s, { children: u })
158
- }),
159
- n && /* @__PURE__ */ x(c, {
160
- slot: "description",
161
- children: n
162
- }),
163
- a === "top" && /* @__PURE__ */ x(l, { children: i }),
164
- /* @__PURE__ */ S(A, {
165
- isClearable: h,
166
- isReadOnly: g,
167
- isDisabled: v,
168
- size: y,
169
- ...b,
170
- children: [
171
- /* @__PURE__ */ x(d, {
172
- slot: "start",
173
- children: (e) => /* @__PURE__ */ x(f, { segment: e })
174
- }),
175
- /* @__PURE__ */ x(p, {}),
176
- /* @__PURE__ */ x(d, {
177
- slot: "end",
178
- children: (e) => /* @__PURE__ */ x(f, { segment: e })
179
- })
180
- ]
181
- }),
182
- a === "bottom" && /* @__PURE__ */ x(l, { children: i }),
183
- /* @__PURE__ */ x(j, { children: /* @__PURE__ */ x(r, {}) })
184
- ]
185
- });
186
- //#endregion
187
- export { M as n, N as t };
@@ -1,161 +0,0 @@
1
- 'use client';
2
- import { t as e } from "./clsx-Di52oYUU.js";
3
- import { t } from "./createLucideIcon-BgluSHFG.js";
4
- import { t as n } from "./FeedbackStatusIcon-DRI7WrSU.js";
5
- import { t as r } from "./x-BJAOO5a5.js";
6
- import { t as i } from "./useLocalizedStringFormatter-CeyBc0x0.js";
7
- import { n as a } from "./button-CenXTGXL.js";
8
- import { t as o } from "./field-error-LtNtEKDp.js";
9
- import { t as s } from "./progress-bar-CknF4qAm.js";
10
- import { useEffect as c, useId as l, useRef as u } from "react";
11
- import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
12
- import { FocusScope as m, VisuallyHidden as h, useFocusManager as g } from "react-aria";
13
- import '../assets/file-list.css';var _ = t("trash-2", [
14
- ["path", {
15
- d: "M10 11v6",
16
- key: "nco0om"
17
- }],
18
- ["path", {
19
- d: "M14 11v6",
20
- key: "outv1u"
21
- }],
22
- ["path", {
23
- d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
24
- key: "miytrc"
25
- }],
26
- ["path", {
27
- d: "M3 6h18",
28
- key: "d0wm0j"
29
- }],
30
- ["path", {
31
- d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
32
- key: "e791ji"
33
- }]
34
- ]), v = {
35
- fileList: "_fileList_mb5n3_1",
36
- fileListItem: "_fileListItem_mb5n3_18",
37
- row: "_row_mb5n3_25",
38
- iconSlot: "_iconSlot_mb5n3_46",
39
- progressIcon: "_progressIcon_mb5n3_70",
40
- ring: "_ring_mb5n3_82",
41
- successRing: "_successRing_mb5n3_1",
42
- checkmark: "_checkmark_mb5n3_106",
43
- successCheckmark: "_successCheckmark_mb5n3_1",
44
- successIcon: "_successIcon_mb5n3_121",
45
- errorReveal: "_errorReveal_mb5n3_163",
46
- fileInfo: "_fileInfo_mb5n3_169",
47
- fileName: "_fileName_mb5n3_177",
48
- fileSize: "_fileSize_mb5n3_186",
49
- deleteButton: "_deleteButton_mb5n3_192"
50
- }, y = ({ className: t, children: n, ...r }) => {
51
- let i = u(null);
52
- return /* @__PURE__ */ f(m, { children: /* @__PURE__ */ p("ul", {
53
- ...r,
54
- ref: i,
55
- tabIndex: -1,
56
- className: e(v.fileList, t),
57
- children: [/* @__PURE__ */ f(b, { containerRef: i }), n]
58
- }) });
59
- }, b = ({ containerRef: e }) => {
60
- let t = g(), n = u(t);
61
- return c(() => {
62
- n.current = t;
63
- }), c(() => {
64
- let t = e.current;
65
- if (!t) return;
66
- let r = new MutationObserver((e) => {
67
- e.some((e) => e.removedNodes.length > 0) && document.activeElement === document.body && (n.current?.focusFirst({ tabbable: !0 }) || t.focus());
68
- });
69
- return r.observe(t, { childList: !0 }), () => r.disconnect();
70
- }, [e]), null;
71
- }, x = {
72
- en: {
73
- removeFile: "Remove",
74
- cancelUpload: "Cancel",
75
- uploading: "Uploading",
76
- uploadComplete: "Upload complete",
77
- uploadFailed: "Upload failed"
78
- },
79
- sv: {
80
- removeFile: "Ta bort",
81
- cancelUpload: "Avbryt",
82
- uploading: "Laddar upp",
83
- uploadComplete: "Uppladdning klar",
84
- uploadFailed: "Uppladdning misslyckades"
85
- }
86
- }, S = ({ fileName: t, fileSize: c, status: u = "idle", progress: m, errorMessage: g, onCancel: y, onDelete: b, className: S }) => {
87
- let C = i(x), w = u === "uploading", T = u === "success", E = u === "error", D = E && !!g, O = l(), k = l(), A = T ? C.format("uploadComplete") : E ? C.format("uploadFailed") : void 0, j = [A && k, D && O].filter(Boolean).join(" ") || void 0, M = w ? y ?? b : b;
88
- return /* @__PURE__ */ p("li", {
89
- className: e(v.fileListItem, S),
90
- "data-status": u,
91
- children: [
92
- /* @__PURE__ */ p("div", {
93
- className: v.row,
94
- children: [
95
- /* @__PURE__ */ p("span", {
96
- className: v.iconSlot,
97
- children: [
98
- w && /* @__PURE__ */ f(s, {
99
- shape: "circular",
100
- small: !0,
101
- value: m,
102
- isIndeterminate: m === void 0,
103
- "aria-label": `${C.format("uploading")} ${t}`,
104
- className: v.progressIcon
105
- }),
106
- /* @__PURE__ */ f("span", {
107
- className: v.ring,
108
- "aria-hidden": !0
109
- }),
110
- T && /* @__PURE__ */ f(n, {
111
- status: "success",
112
- "aria-hidden": !0,
113
- size: 16,
114
- className: e(v.checkmark, v.successIcon)
115
- })
116
- ]
117
- }),
118
- A && /* @__PURE__ */ f(h, {
119
- id: k,
120
- children: A
121
- }),
122
- /* @__PURE__ */ p("span", {
123
- className: v.fileInfo,
124
- children: [/* @__PURE__ */ f("span", {
125
- className: v.fileName,
126
- children: t
127
- }), c && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(h, { children: ", " }), /* @__PURE__ */ f("span", {
128
- className: v.fileSize,
129
- children: c
130
- })] })]
131
- }),
132
- M && /* @__PURE__ */ f(a, {
133
- variant: "icon",
134
- onPress: M,
135
- "aria-label": `${C.format(w ? "cancelUpload" : "removeFile")} ${t}`,
136
- "aria-describedby": j,
137
- className: v.deleteButton,
138
- children: f(w ? r : _, {
139
- size: 20,
140
- "aria-hidden": !0
141
- })
142
- })
143
- ]
144
- }),
145
- /* @__PURE__ */ f("div", {
146
- id: O,
147
- className: v.errorReveal,
148
- children: g && /* @__PURE__ */ f(o, {
149
- isInvalid: !0,
150
- children: g
151
- })
152
- }),
153
- /* @__PURE__ */ p(h, {
154
- role: "status",
155
- children: [T && `${C.format("uploadComplete")}: ${t}`, D && `${t}: ${g}`]
156
- })
157
- ]
158
- });
159
- };
160
- //#endregion
161
- export { y as n, S as t };
@@ -1,19 +0,0 @@
1
- import { t as e } from "./createLucideIcon-BgluSHFG.js";
2
- var t = e("info", [
3
- ["circle", {
4
- cx: "12",
5
- cy: "12",
6
- r: "10",
7
- key: "1mglay"
8
- }],
9
- ["path", {
10
- d: "M12 16v-4",
11
- key: "1dtifu"
12
- }],
13
- ["path", {
14
- d: "M12 8h.01",
15
- key: "e9boi3"
16
- }]
17
- ]);
18
- //#endregion
19
- export { t };
@@ -1,50 +0,0 @@
1
- import { t as e } from "./clsx-Di52oYUU.js";
2
- import { t } from "./info-jCyacVsy.js";
3
- import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
4
- import { n as r } from "./button-CenXTGXL.js";
5
- import { t as i } from "./popover-DGcogqbS.js";
6
- import { t as a } from "./modal-C-UsxdO0.js";
7
- import * as o from "react";
8
- import s, { useContext as c } from "react";
9
- import { Label as l } from "react-aria-components";
10
- import { jsx as u, jsxs as d } from "react/jsx-runtime";
11
- import '../assets/label.css';var f = { labelBase: "_labelBase_f5wtf_1" }, p = {
12
- labelPopover: "_labelPopover_15nnd_1",
13
- labelPopoverTrigger: "_labelPopoverTrigger_15nnd_7"
14
- }, m = {
15
- en: { moreInfo: "More info" },
16
- sv: { moreInfo: "Mer information" }
17
- }, h = ({ children: e, "aria-label": o }) => {
18
- let s = c(g), l = n(m);
19
- return /* @__PURE__ */ d(a, { children: [/* @__PURE__ */ u(r, {
20
- "aria-label": o || l.format("moreInfo"),
21
- className: p.labelPopoverTrigger,
22
- id: s?.popoverId,
23
- size: "medium",
24
- slot: null,
25
- variant: "icon",
26
- children: /* @__PURE__ */ u(t, { size: 20 })
27
- }), /* @__PURE__ */ u(i, { children: e })] });
28
- }, g = s.createContext(void 0), _ = ({ children: e, popover: t }) => {
29
- let n = s.useId();
30
- return t ? /* @__PURE__ */ u(g.Provider, {
31
- value: { popoverId: n },
32
- children: /* @__PURE__ */ d("div", {
33
- className: p.labelPopover,
34
- children: [e, /* @__PURE__ */ u(h, { ...t })]
35
- })
36
- }) : e;
37
- }, v = "label", y = ({ children: t, className: n, elementType: r = v, ...i }) => {
38
- let a = {
39
- className: e(f.labelBase, n),
40
- elementType: r || v,
41
- ...i
42
- }, s = o.useContext(g);
43
- return /* @__PURE__ */ u(l, {
44
- ...a,
45
- "aria-describedby": s?.popoverId,
46
- children: t
47
- });
48
- };
49
- //#endregion
50
- export { _ as n, y as t };