@midas-ds/components 16.3.0 → 16.3.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 (58) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/accordion/index.js +1 -1
  3. package/assets/Select.css +1 -1
  4. package/button/index.js +1 -1
  5. package/calendar/index.js +1 -1
  6. package/checkbox/index.js +1 -1
  7. package/chunks/{AccordionItem-BUUDZ7l6.js → AccordionItem-D6vWtoJN.js} +2 -2
  8. package/chunks/{Button-wBgWrXj3.js → Button-BYrLbzir.js} +1 -1
  9. package/chunks/{CheckboxGroup-BQ8EpX7O.js → CheckboxGroup-C6LIpj_R.js} +2 -2
  10. package/chunks/{ColorSchemeSwitch-DugvPh6T.js → ColorSchemeSwitch-D-vCkxQo.js} +1 -1
  11. package/chunks/{ComboBox-DVK0dL2W.js → ComboBox-CzwpRxSH.js} +2 -2
  12. package/chunks/{DateField-06YL8tj_.js → DateField-DPJrihTz.js} +1 -1
  13. package/chunks/{DateRangePicker-CZRWDV_g.js → DateRangePicker-DzgK_p0d.js} +2 -2
  14. package/chunks/{Dialog-DC0cGNj5.js → Dialog-DprWZBKT.js} +2 -2
  15. package/chunks/{FeedbackStatusIcon-COWuMusk.js → FeedbackStatusIcon-YJaUAfjp.js} +1 -1
  16. package/chunks/{InfoBanner-DLiVpNON.js → InfoBanner-BOKZ4lBE.js} +3 -3
  17. package/chunks/{Label-Dup4lWaR.js → Label-6SXmzRZE.js} +2 -2
  18. package/chunks/{Layout-DX3HUm5b.js → Layout-DveMXIKw.js} +3 -3
  19. package/chunks/{ListBoxLoadMoreItem-CB67meAb.js → ListBoxLoadMoreItem-CygpsU3W.js} +2 -2
  20. package/chunks/{Logo-InDSslpO.js → Logo-CsWcKqIg.js} +1 -1
  21. package/chunks/{ProgressBar-CbwvcHvk.js → ProgressBar-67lCngwJ.js} +1 -1
  22. package/chunks/{Radio-BDHczAt5.js → Radio-XQA8CylD.js} +1 -1
  23. package/chunks/{RangeCalendar-BSth1Fmv.js → RangeCalendar-Bt8q3FZi.js} +1 -1
  24. package/chunks/{SearchField-DTkfUFwn.js → SearchField-CxoPi6Ql.js} +2 -2
  25. package/chunks/Select-BNCz_ox4.js +221 -0
  26. package/chunks/{Select-CPM82ww2.js → Select-CyYUhMOg.js} +4 -4
  27. package/chunks/{Spinner-BORNnHph.js → Spinner-tvJ7rPiT.js} +1 -1
  28. package/chunks/{Tag-DxBoeE_n.js → Tag-BKcduKRR.js} +1 -1
  29. package/chunks/{TextArea-DQ_dAC-2.js → TextArea-BM5wOL3b.js} +3 -3
  30. package/chunks/{Toast-DTwUGSJ8.js → Toast-C-EV39pd.js} +2 -2
  31. package/chunks/useLocalizedStringFormatter-BHvsRxDk.js +25 -0
  32. package/color-scheme-switch/index.js +1 -1
  33. package/combobox/index.js +1 -1
  34. package/date-field/index.js +1 -1
  35. package/date-picker/index.js +1 -1
  36. package/index.d.ts +1 -0
  37. package/index.js +65 -63
  38. package/info-banner/index.js +1 -1
  39. package/label/index.js +1 -1
  40. package/layout/index.js +1 -1
  41. package/legacy-select/index.js +1 -1
  42. package/list-box/index.js +1 -1
  43. package/logo/index.js +1 -1
  44. package/modal/index.js +1 -1
  45. package/package.json +1 -1
  46. package/progress-bar/index.js +1 -1
  47. package/radio/index.js +1 -1
  48. package/search-field/index.js +1 -1
  49. package/select/MultiSelectValue.d.ts +4 -0
  50. package/select/SelectTrigger.d.ts +4 -2
  51. package/select/index.js +1 -1
  52. package/spinner/index.js +1 -1
  53. package/tag/index.js +1 -1
  54. package/textfield/index.js +1 -1
  55. package/toast/index.js +1 -1
  56. package/chunks/Select-C8Fr7Vn3.js +0 -208
  57. package/chunks/useLocalizedStringFormatter-ZgRJmvHC.js +0 -25
  58. package/select/SelectValueTag.d.ts +0 -5
package/combobox/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { C as a, a as b, b as x } from "../chunks/ComboBox-DVK0dL2W.js";
1
+ import { C as a, a as b, b as x } from "../chunks/ComboBox-CzwpRxSH.js";
2
2
  export {
3
3
  a as ComboBox,
4
4
  b as ComboBoxItem,
@@ -1,4 +1,4 @@
1
- import { D as t } from "../chunks/DateField-06YL8tj_.js";
1
+ import { D as t } from "../chunks/DateField-DPJrihTz.js";
2
2
  import { a as r, b as o, D as p } from "../chunks/DateInputDivider-CkTB5q5k.js";
3
3
  export {
4
4
  t as DateField,
@@ -1,4 +1,4 @@
1
- import { D as r, a as t } from "../chunks/DateRangePicker-CZRWDV_g.js";
1
+ import { D as r, a as t } from "../chunks/DateRangePicker-DzgK_p0d.js";
2
2
  export {
3
3
  r as DatePicker,
4
4
  t as DateRangePicker
package/index.d.ts CHANGED
@@ -40,3 +40,4 @@ export * from './toggle-button';
40
40
  export * from './tooltip';
41
41
  export * from './list-box';
42
42
  export * from './menu';
43
+ export { useLocalizedStringFormatter } from './utils/intl';
package/index.js CHANGED
@@ -1,84 +1,85 @@
1
- import { a as r, A as e } from "./chunks/AccordionItem-BUUDZ7l6.js";
1
+ import { a as r, A as e } from "./chunks/AccordionItem-D6vWtoJN.js";
2
2
  import { B as s, a as p } from "./chunks/BadgeContainer-CKVsfTlF.js";
3
3
  import { B as m } from "./chunks/Breadcrumbs-By2bMbQd.js";
4
- import { B as i } from "./chunks/Button-wBgWrXj3.js";
4
+ import { B as f } from "./chunks/Button-BYrLbzir.js";
5
5
  import { B as d } from "./chunks/ButtonGroup-Dr6HOBo2.js";
6
- import { C as l, R as C } from "./chunks/RangeCalendar-BSth1Fmv.js";
7
- import { C as g, d as u, c as B, a as c, e as L, f as S, b as D } from "./chunks/Card-ia98VoKL.js";
6
+ import { C as l, R as u } from "./chunks/RangeCalendar-Bt8q3FZi.js";
7
+ import { C as g, d as b, c, a as B, e as L, f as S, b as D } from "./chunks/Card-ia98VoKL.js";
8
8
  import { C as G } from "./chunks/CharacterCounter-R6vh7AE5.js";
9
9
  import { C as R } from "./chunks/Checkbox-BTAfwDxU.js";
10
- import { C as M } from "./chunks/CheckboxGroup-BQ8EpX7O.js";
11
- import { C as v } from "./chunks/ColorSchemeSwitch-DugvPh6T.js";
12
- import { C as h, a as H, b as y } from "./chunks/ComboBox-DVK0dL2W.js";
13
- import { D as N } from "./chunks/DateField-06YL8tj_.js";
14
- import { a as Q, b as Z, D as j } from "./chunks/DateInputDivider-CkTB5q5k.js";
15
- import { D as z, a as J } from "./chunks/DateRangePicker-CZRWDV_g.js";
10
+ import { C as F } from "./chunks/CheckboxGroup-C6LIpj_R.js";
11
+ import { C as v } from "./chunks/ColorSchemeSwitch-D-vCkxQo.js";
12
+ import { C as h, a as H, b as y } from "./chunks/ComboBox-CzwpRxSH.js";
13
+ import { D as N } from "./chunks/DateField-DPJrihTz.js";
14
+ import { a as E, b as Q, D as Z } from "./chunks/DateInputDivider-CkTB5q5k.js";
15
+ import { D as q, a as J } from "./chunks/DateRangePicker-DzgK_p0d.js";
16
16
  import { F as O } from "./chunks/FieldError-Bra5aRT3.js";
17
17
  import { D as V, F as W } from "./chunks/FileUpload-h1PxqQmb.js";
18
18
  import { G as Y } from "./chunks/Grid-B-WgMwON.js";
19
19
  import { G as $ } from "./chunks/GridItem-5t1Z14sM.js";
20
20
  import { H as ao } from "./chunks/Heading-D8tNNJkt.js";
21
- import { I as eo } from "./chunks/InfoBanner-DLiVpNON.js";
22
- import { L as so } from "./chunks/Label-Dup4lWaR.js";
23
- import { H as xo, L as mo, N as fo, S as io, a as no } from "./chunks/Layout-DX3HUm5b.js";
21
+ import { I as eo } from "./chunks/InfoBanner-BOKZ4lBE.js";
22
+ import { L as so } from "./chunks/Label-6SXmzRZE.js";
23
+ import { H as xo, L as mo, N as io, S as fo, a as no } from "./chunks/Layout-DveMXIKw.js";
24
24
  import { L as lo } from "./chunks/Link-yTNUNv3C.js";
25
- import { L as bo } from "./chunks/LinkButton-3nAekUJ4.js";
26
- import { L as uo } from "./chunks/Logo-InDSslpO.js";
27
- import { M as co } from "./chunks/Dialog-DC0cGNj5.js";
25
+ import { L as Co } from "./chunks/LinkButton-3nAekUJ4.js";
26
+ import { L as bo } from "./chunks/Logo-CsWcKqIg.js";
27
+ import { M as Bo } from "./chunks/Dialog-DprWZBKT.js";
28
28
  import { P as So } from "./chunks/Popover-BcEtFiU1.js";
29
- import { P as Io } from "./chunks/ProgressBar-CbwvcHvk.js";
30
- import { R as Po, a as Ro } from "./chunks/Radio-BDHczAt5.js";
31
- import { S as Mo } from "./chunks/SearchField-DTkfUFwn.js";
32
- import { S as vo } from "./chunks/Select-C8Fr7Vn3.js";
33
- import { S as ho } from "./chunks/Select-CPM82ww2.js";
29
+ import { P as Io } from "./chunks/ProgressBar-67lCngwJ.js";
30
+ import { R as Po, a as Ro } from "./chunks/Radio-XQA8CylD.js";
31
+ import { S as Fo } from "./chunks/SearchField-CxoPi6Ql.js";
32
+ import { S as vo } from "./chunks/Select-BNCz_ox4.js";
33
+ import { S as ho } from "./chunks/Select-CyYUhMOg.js";
34
34
  import { S as yo } from "./chunks/Skeleton-DqIHQLQl.js";
35
- import { S as No } from "./chunks/Spinner-BORNnHph.js";
36
- import { b as Qo, C as Zo, R as jo, T as qo, c as zo, a as Jo } from "./chunks/Table-BgsgXhC_.js";
35
+ import { S as No } from "./chunks/Spinner-tvJ7rPiT.js";
36
+ import { b as Eo, C as Qo, R as Zo, T as jo, c as qo, a as Jo } from "./chunks/Table-BgsgXhC_.js";
37
37
  import { a as Oo, c as Uo, b as Vo, T as Wo } from "./chunks/TabList-D2XV5ixe.js";
38
- import { T as Yo, a as _o } from "./chunks/Tag-DxBoeE_n.js";
38
+ import { T as Yo, a as _o } from "./chunks/Tag-BKcduKRR.js";
39
39
  import { T as oa } from "./chunks/Text-TWzJxnto.js";
40
- import { I as ra, b as ea, a as ta, T as sa } from "./chunks/TextArea-DQ_dAC-2.js";
41
- import { G as xa, b as ma, T as fa, a as ia, t as na } from "./chunks/Toast-DTwUGSJ8.js";
40
+ import { I as ra, b as ea, a as ta, T as sa } from "./chunks/TextArea-BM5wOL3b.js";
41
+ import { G as xa, b as ma, T as ia, a as fa, t as na } from "./chunks/Toast-C-EV39pd.js";
42
42
  import { T as Ta, a as la } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
43
- import { T as ba, a as ga } from "./chunks/Tooltip-m032jGgF.js";
44
- import { L as Ba } from "./chunks/ListBox-D5BBeZWL.js";
45
- import { L as La, a as Sa } from "./chunks/ListBoxLoadMoreItem-CB67meAb.js";
43
+ import { T as Ca, a as ga } from "./chunks/Tooltip-m032jGgF.js";
44
+ import { L as ca } from "./chunks/ListBox-D5BBeZWL.js";
45
+ import { L as La, a as Sa } from "./chunks/ListBoxLoadMoreItem-CygpsU3W.js";
46
46
  import { c as Ia, L as Ga, a as Pa, b as Ra } from "./chunks/ListBoxSection-MZB_5DdD.js";
47
- import { M as Ma, a as Fa, b as va, c as Aa, S as ha } from "./chunks/Separator-BcnQEA9f.js";
48
- import { DialogTrigger as ya, MenuTrigger as wa, RouterProvider as Na } from "react-aria-components";
49
- import { useToastState as Qa } from "react-stately";
47
+ import { M as Fa, a as Ma, b as va, c as Aa, S as ha } from "./chunks/Separator-BcnQEA9f.js";
48
+ import { u as ya } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
49
+ import { DialogTrigger as Na, MenuTrigger as za, RouterProvider as Ea } from "react-aria-components";
50
+ import { useToastState as Za } from "react-stately";
50
51
  export {
51
52
  r as Accordion,
52
53
  e as AccordionItem,
53
54
  s as Badge,
54
55
  p as BadgeContainer,
55
56
  m as Breadcrumbs,
56
- i as Button,
57
+ f as Button,
57
58
  d as ButtonGroup,
58
59
  l as Calendar,
59
60
  g as Card,
60
- u as CardActionArea,
61
- B as CardActions,
62
- c as CardContent,
61
+ b as CardActionArea,
62
+ c as CardActions,
63
+ B as CardContent,
63
64
  L as CardImage,
64
65
  S as CardLink,
65
66
  D as CardTitle,
66
- Qo as Cell,
67
+ Eo as Cell,
67
68
  G as CharacterCounter,
68
69
  R as Checkbox,
69
- M as CheckboxGroup,
70
+ F as CheckboxGroup,
70
71
  v as ColorSchemeSwitch,
71
- Zo as Column,
72
+ Qo as Column,
72
73
  h as ComboBox,
73
74
  H as ComboBoxItem,
74
75
  y as ComboBoxSection,
75
76
  N as DateField,
76
- Q as DateInput,
77
- Z as DateInputDivider,
78
- z as DatePicker,
77
+ E as DateInput,
78
+ Q as DateInputDivider,
79
+ q as DatePicker,
79
80
  J as DateRangePicker,
80
- j as DateSegment,
81
- ya as DialogTrigger,
81
+ Z as DateSegment,
82
+ Na as DialogTrigger,
82
83
  V as DropZone,
83
84
  O as FieldError,
84
85
  W as FileTrigger,
@@ -93,41 +94,41 @@ export {
93
94
  mo as Layout,
94
95
  ho as LegacySelect,
95
96
  lo as Link,
96
- bo as LinkButton,
97
- Ba as ListBox,
97
+ Co as LinkButton,
98
+ ca as ListBox,
98
99
  La as ListBoxButton,
99
100
  Ia as ListBoxHeader,
100
101
  Ga as ListBoxItem,
101
102
  Sa as ListBoxLoadMoreItem,
102
103
  Pa as ListBoxPopover,
103
104
  Ra as ListBoxSection,
104
- uo as Logo,
105
- Ma as Menu,
106
- Fa as MenuItem,
105
+ bo as Logo,
106
+ Fa as Menu,
107
+ Ma as MenuItem,
107
108
  va as MenuPopover,
108
109
  Aa as MenuSection,
109
- wa as MenuTrigger,
110
- co as Modal,
111
- fo as Navbar,
110
+ za as MenuTrigger,
111
+ Bo as Modal,
112
+ io as Navbar,
112
113
  So as Popover,
113
114
  Io as ProgressBar,
114
115
  Po as Radio,
115
116
  Ro as RadioGroup,
116
- C as RangeCalendar,
117
- Na as RouterProvider,
118
- jo as Row,
119
- Mo as SearchField,
117
+ u as RangeCalendar,
118
+ Ea as RouterProvider,
119
+ Zo as Row,
120
+ Fo as SearchField,
120
121
  vo as Select,
121
122
  ha as Separator,
122
- io as Sidebar,
123
+ fo as Sidebar,
123
124
  no as SidebarLink,
124
125
  yo as Skeleton,
125
126
  No as Spinner,
126
127
  Oo as Tab,
127
128
  Uo as TabList,
128
129
  Vo as TabPanel,
129
- qo as Table,
130
- zo as TableBody,
130
+ jo as Table,
131
+ qo as TableBody,
131
132
  Jo as TableHeader,
132
133
  Wo as Tabs,
133
134
  Yo as Tag,
@@ -137,12 +138,13 @@ export {
137
138
  ta as TextField,
138
139
  sa as TextFieldBase,
139
140
  ma as Toast,
140
- fa as ToastProvider,
141
- ia as ToastRegion,
141
+ ia as ToastProvider,
142
+ fa as ToastRegion,
142
143
  Ta as ToggleButton,
143
144
  la as ToggleButtonGroup,
144
- ba as Tooltip,
145
+ Ca as Tooltip,
145
146
  ga as TooltipTrigger,
146
147
  na as toastQueue,
147
- Qa as useToastState
148
+ ya as useLocalizedStringFormatter,
149
+ Za as useToastState
148
150
  };
@@ -1,4 +1,4 @@
1
- import { I as r } from "../chunks/InfoBanner-DLiVpNON.js";
1
+ import { I as r } from "../chunks/InfoBanner-BOKZ4lBE.js";
2
2
  export {
3
3
  r as InfoBanner
4
4
  };
package/label/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { L as o } from "../chunks/Label-Dup4lWaR.js";
1
+ import { L as o } from "../chunks/Label-6SXmzRZE.js";
2
2
  export {
3
3
  o as Label
4
4
  };
package/layout/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-DX3HUm5b.js";
1
+ import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-DveMXIKw.js";
2
2
  export {
3
3
  e as Header,
4
4
  s as Layout,
@@ -1,4 +1,4 @@
1
- import { S as c } from "../chunks/Select-CPM82ww2.js";
1
+ import { S as c } from "../chunks/Select-CyYUhMOg.js";
2
2
  export {
3
3
  c as LegacySelect
4
4
  };
package/list-box/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { L as s } from "../chunks/ListBox-D5BBeZWL.js";
2
- import { L, a as e } from "../chunks/ListBoxLoadMoreItem-CB67meAb.js";
2
+ import { L, a as e } from "../chunks/ListBoxLoadMoreItem-CygpsU3W.js";
3
3
  import { c as r, L as i, a as B, b as m } from "../chunks/ListBoxSection-MZB_5DdD.js";
4
4
  export {
5
5
  s as ListBox,
package/logo/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { L } from "../chunks/Logo-InDSslpO.js";
1
+ import { L } from "../chunks/Logo-CsWcKqIg.js";
2
2
  export {
3
3
  L as Logo
4
4
  };
package/modal/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { M as a } from "../chunks/Dialog-DC0cGNj5.js";
1
+ import { M as a } from "../chunks/Dialog-DprWZBKT.js";
2
2
  import { DialogTrigger as g } from "react-aria-components";
3
3
  export {
4
4
  g as DialogTrigger,
package/package.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "description": "Midas Components",
15
15
  "homepage": "https://designsystem.migrationsverket.se/",
16
16
  "license": "CC0-1.0",
17
- "version": "16.3.0",
17
+ "version": "16.3.1",
18
18
  "module": "./index.js",
19
19
  "type": "module",
20
20
  "main": "./index.js",
@@ -1,4 +1,4 @@
1
- import { P as s } from "../chunks/ProgressBar-CbwvcHvk.js";
1
+ import { P as s } from "../chunks/ProgressBar-67lCngwJ.js";
2
2
  export {
3
3
  s as ProgressBar
4
4
  };
package/radio/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { R as r, a as R } from "../chunks/Radio-BDHczAt5.js";
1
+ import { R as r, a as R } from "../chunks/Radio-XQA8CylD.js";
2
2
  export {
3
3
  r as Radio,
4
4
  R as RadioGroup
@@ -1,4 +1,4 @@
1
- import { S as a } from "../chunks/SearchField-DTkfUFwn.js";
1
+ import { S as a } from "../chunks/SearchField-CxoPi6Ql.js";
2
2
  export {
3
3
  a as SearchField
4
4
  };
@@ -0,0 +1,4 @@
1
+ import { MidasSelectProps, SelectionMode } from '.';
2
+ type MultiSelectValueProps<T extends object, M extends SelectionMode = 'single'> = Pick<MidasSelectProps<T, M>, 'isDisabled'>;
3
+ export declare const MultiSelectValue: <T extends object, M extends SelectionMode = "single">({ isDisabled, }: MultiSelectValueProps<T, M>) => import("react/jsx-runtime").JSX.Element;
4
+ export {};
@@ -1,6 +1,8 @@
1
1
  import { Size } from '../common/types';
2
- interface SelectTriggerProps {
2
+ import { MidasSelectProps } from './Select';
3
+ import { SelectionMode } from '.';
4
+ interface SelectTriggerProps<T extends object, M extends SelectionMode = 'single'> extends Pick<MidasSelectProps<T, M>, 'isDisabled' | 'selectionMode'> {
3
5
  size: Size;
4
6
  }
5
- export declare const SelectTrigger: ({ size }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
7
+ export declare const SelectTrigger: <T extends object, M extends SelectionMode = "single">({ isDisabled, selectionMode, size, }: SelectTriggerProps<T, M>) => import("react/jsx-runtime").JSX.Element;
6
8
  export {};
package/select/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { S as r } from "../chunks/Select-C8Fr7Vn3.js";
1
+ import { S as r } from "../chunks/Select-BNCz_ox4.js";
2
2
  export {
3
3
  r as Select
4
4
  };
package/spinner/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { S as n } from "../chunks/Spinner-BORNnHph.js";
1
+ import { S as n } from "../chunks/Spinner-tvJ7rPiT.js";
2
2
  export {
3
3
  n as Spinner
4
4
  };
package/tag/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { T as r, a as T } from "../chunks/Tag-DxBoeE_n.js";
1
+ import { T as r, a as T } from "../chunks/Tag-BKcduKRR.js";
2
2
  export {
3
3
  r as Tag,
4
4
  T as TagGroup
@@ -1,4 +1,4 @@
1
- import { I as s, b as t, a as x, T } from "../chunks/TextArea-DQ_dAC-2.js";
1
+ import { I as s, b as t, a as x, T } from "../chunks/TextArea-BM5wOL3b.js";
2
2
  export {
3
3
  s as Input,
4
4
  t as TextArea,
package/toast/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { G as s, b as t, T as e, a as r, t as T } from "../chunks/Toast-DTwUGSJ8.js";
1
+ import { G as s, b as t, T as e, a as r, t as T } from "../chunks/Toast-C-EV39pd.js";
2
2
  import { useToastState as u } from "react-stately";
3
3
  export {
4
4
  s as GlobalToastRegion,
@@ -1,208 +0,0 @@
1
- import { jsx as e, jsxs as d } from "react/jsx-runtime";
2
- import { SelectStateContext as m, Button as v, TagList as V, Select as x, SelectValue as C } from "react-aria-components";
3
- import { FocusScope as b } from "@react-aria/focus";
4
- import { a as T, L as N } from "./Label-Dup4lWaR.js";
5
- import { a as y, c as h } from "./clsx-AexbMWKp.js";
6
- import { T as B } from "./Text-TWzJxnto.js";
7
- import { F as _ } from "./FieldError-Bra5aRT3.js";
8
- import f, { useContext as p } from "react";
9
- import { C as L } from "./Checkbox-BTAfwDxU.js";
10
- import { u } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
11
- import { useFocusManager as M } from "react-aria";
12
- import { X as F } from "./x-BXShoIAM.js";
13
- import { L as I } from "./ListBox-D5BBeZWL.js";
14
- import { P as G } from "./Popover-BcEtFiU1.js";
15
- import { a as j, T as k } from "./Tag-DxBoeE_n.js";
16
- import { C as R } from "./chevron-down-DgT-uSF9.js";
17
- import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, w = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, g = {
18
- en: $,
19
- sv: w
20
- }, D = "_select_nivht_1", z = "_triggerContainer_nivht_7", E = "_trigger_nivht_7", K = "_medium_nivht_28", P = "_selectValue_nivht_71", W = "_placeholder_nivht_81", X = "_selectValueTag_nivht_95", q = "_clearButton_nivht_109", H = "_truncate_nivht_121", J = "_popover_nivht_158", O = "_selectAll_nivht_184", Q = "_tagGroup_nivht_247", a = {
21
- select: D,
22
- triggerContainer: z,
23
- trigger: E,
24
- medium: K,
25
- selectValue: P,
26
- placeholder: W,
27
- selectValueTag: X,
28
- clearButton: q,
29
- truncate: H,
30
- popover: J,
31
- selectAll: O,
32
- tagGroup: Q
33
- }, U = () => {
34
- const t = f.useContext(m), l = u(g), s = () => t?.setValue(
35
- t?.selectionManager.isSelectAll ? null : Array.from(t.collection.getKeys())
36
- );
37
- return /* @__PURE__ */ e(
38
- L,
39
- {
40
- className: a.selectAll,
41
- isIndeterminate: !t?.selectionManager.isSelectAll && !t?.selectionManager.isEmpty,
42
- isSelected: t?.selectionManager.isSelectAll,
43
- onChange: s,
44
- children: l.format("selectAll")
45
- }
46
- );
47
- }, Y = ({
48
- isDisabled: t,
49
- selectedItems: l,
50
- selectedText: s
51
- }) => {
52
- const c = u(g), o = () => l.length === 1 ? s : `${l.length} ${c.format("selected")}`;
53
- return /* @__PURE__ */ d(
54
- "div",
55
- {
56
- className: a.selectValueTag,
57
- "data-disabled": t || void 0,
58
- children: [
59
- /* @__PURE__ */ e("span", { className: a.truncate, children: o() }),
60
- /* @__PURE__ */ e(Z, { isDisabled: t })
61
- ]
62
- }
63
- );
64
- }, Z = ({
65
- isDisabled: t
66
- }) => {
67
- const l = f.useContext(m), s = u(g), c = M(), o = () => {
68
- c?.focusFirst(), l?.setValue(null);
69
- };
70
- return /* @__PURE__ */ e(
71
- v,
72
- {
73
- "aria-label": s.format("clearAll"),
74
- className: a.clearButton,
75
- onPress: o,
76
- slot: null,
77
- isDisabled: t,
78
- children: /* @__PURE__ */ e(
79
- F,
80
- {
81
- width: 20,
82
- height: 20
83
- }
84
- )
85
- }
86
- );
87
- }, ee = ({
88
- showTags: t,
89
- isDisabled: l
90
- }) => {
91
- const s = u(g), c = p(m), o = (n) => {
92
- c?.selectionManager.toggleSelection(Array.from(n)[0]);
93
- };
94
- return !c?.selectedItems.length || !t ? null : /* @__PURE__ */ e(
95
- j,
96
- {
97
- "aria-label": s.format("selectedItems"),
98
- className: a.tagGroup,
99
- onRemove: o,
100
- selectionBehavior: "toggle",
101
- children: /* @__PURE__ */ e(V, { items: c.selectedItems, children: (n) => /* @__PURE__ */ e(
102
- k,
103
- {
104
- dismissable: !0,
105
- id: n.key,
106
- isDisabled: l,
107
- textValue: n.textValue,
108
- children: n.textValue
109
- },
110
- n.key
111
- ) })
112
- }
113
- );
114
- }, te = ({ size: t }) => {
115
- const l = p(m);
116
- return /* @__PURE__ */ e(
117
- v,
118
- {
119
- className: y(
120
- {
121
- [a.medium]: t === "medium"
122
- },
123
- a.trigger
124
- ),
125
- "data-invalid": !!l?.displayValidation.isInvalid || void 0,
126
- children: /* @__PURE__ */ e(
127
- "span",
128
- {
129
- "aria-hidden": "true",
130
- style: { display: "flex" },
131
- children: /* @__PURE__ */ e(R, { size: 20 })
132
- }
133
- )
134
- }
135
- );
136
- };
137
- function pe({
138
- children: t,
139
- description: l,
140
- errorMessage: s,
141
- errorPosition: c = "top",
142
- items: o,
143
- label: n,
144
- popover: S,
145
- size: A = "large",
146
- ...r
147
- }) {
148
- return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ d(
149
- x,
150
- {
151
- ...r,
152
- className: h(r.className, a.select),
153
- children: [
154
- /* @__PURE__ */ e(T, { popover: S, children: n && /* @__PURE__ */ e(N, { "data-disabled": r.isDisabled || void 0, children: n }) }),
155
- l && /* @__PURE__ */ e(B, { slot: "description", children: l }),
156
- c === "top" && /* @__PURE__ */ e(_, { children: s }),
157
- /* @__PURE__ */ d(
158
- "div",
159
- {
160
- className: a.triggerContainer,
161
- "data-disabled": r.isDisabled || void 0,
162
- children: [
163
- /* @__PURE__ */ e(te, { size: A }),
164
- /* @__PURE__ */ e(
165
- C,
166
- {
167
- className: a.selectValue,
168
- "data-disabled": r.isDisabled || void 0,
169
- children: (i) => i.isPlaceholder || r.selectionMode !== "multiple" ? /* @__PURE__ */ e("div", { className: h(a.placeholder), children: /* @__PURE__ */ e("span", { className: h(a.truncate), children: i.selectedText || i.defaultChildren }) }) : /* @__PURE__ */ e(
170
- Y,
171
- {
172
- ...r,
173
- ...i
174
- }
175
- )
176
- }
177
- )
178
- ]
179
- }
180
- ),
181
- c === "bottom" && /* @__PURE__ */ e(_, { children: s }),
182
- /* @__PURE__ */ d(
183
- G,
184
- {
185
- className: a.popover,
186
- offset: 0,
187
- hideArrow: !0,
188
- children: [
189
- r.isSelectableAll && /* @__PURE__ */ e(U, {}),
190
- /* @__PURE__ */ e(
191
- I,
192
- {
193
- escapeKeyBehavior: "none",
194
- items: o,
195
- children: t
196
- }
197
- )
198
- ]
199
- }
200
- ),
201
- /* @__PURE__ */ e(ee, { ...r })
202
- ]
203
- }
204
- ) });
205
- }
206
- export {
207
- pe as S
208
- };
@@ -1,25 +0,0 @@
1
- import { LocalizedStringFormatter as n, LocalizedStringDictionary as c } from "@internationalized/string";
2
- import { useMemo as u } from "react";
3
- import { useLocale as m } from "react-aria-components";
4
- const t = "sv", i = /* @__PURE__ */ new WeakMap();
5
- function d(e) {
6
- let o = i.get(e);
7
- return o || (o = new c(e, t), i.set(e, o)), o;
8
- }
9
- function f(e, o) {
10
- return d(e);
11
- }
12
- function y(e, o) {
13
- if (!e || typeof e != "object" || !(t in e))
14
- throw new Error(
15
- `useLocalizedStringFormatter: Default language "${t}" must be defined in dictionary.`
16
- );
17
- const { locale: a } = m(), r = f(e);
18
- return u(
19
- () => new n(a, r),
20
- [r, a]
21
- );
22
- }
23
- export {
24
- y as u
25
- };
@@ -1,5 +0,0 @@
1
- import { SelectValueRenderProps } from 'react-aria-components';
2
- import { MidasSelectProps, SelectionMode } from './';
3
- type SelectValueTagProps<T extends object, M extends SelectionMode = 'single'> = SelectValueRenderProps<T> & Pick<MidasSelectProps<T, M>, 'isDisabled'>;
4
- export declare const SelectValueTag: <T extends object, M extends SelectionMode = "single">({ isDisabled, selectedItems, selectedText, }: SelectValueTagProps<T, M>) => import("react/jsx-runtime").JSX.Element;
5
- export {};