@navikt/ds-react 7.5.3 → 7.6.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 (169) hide show
  1. package/cjs/date/datepicker/DatePicker.js +5 -3
  2. package/cjs/date/datepicker/DatePicker.js.map +1 -1
  3. package/cjs/date/datepicker/DatePickerStandalone.js +5 -3
  4. package/cjs/date/datepicker/DatePickerStandalone.js.map +1 -1
  5. package/cjs/date/datepicker/parts/Caption.js +6 -5
  6. package/cjs/date/datepicker/parts/Caption.js.map +1 -1
  7. package/cjs/date/datepicker/parts/DropdownCaption.js +10 -13
  8. package/cjs/date/datepicker/parts/DropdownCaption.js.map +1 -1
  9. package/cjs/date/datepicker/parts/WeekNumber.d.ts +1 -2
  10. package/cjs/date/datepicker/parts/WeekNumber.js +8 -19
  11. package/cjs/date/datepicker/parts/WeekNumber.js.map +1 -1
  12. package/cjs/date/datepicker/parts/WeekRow.js +5 -3
  13. package/cjs/date/datepicker/parts/WeekRow.js.map +1 -1
  14. package/cjs/date/hooks/useDatepicker.js +4 -2
  15. package/cjs/date/hooks/useDatepicker.js.map +1 -1
  16. package/cjs/date/hooks/useMonthPicker.js +4 -2
  17. package/cjs/date/hooks/useMonthPicker.js.map +1 -1
  18. package/cjs/date/hooks/useRangeDatepicker.js +4 -2
  19. package/cjs/date/hooks/useRangeDatepicker.js.map +1 -1
  20. package/cjs/date/monthpicker/MonthCaption.js +6 -4
  21. package/cjs/date/monthpicker/MonthCaption.js.map +1 -1
  22. package/cjs/date/monthpicker/MonthPicker.js +6 -2
  23. package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
  24. package/cjs/date/parts/DateInput.js +5 -5
  25. package/cjs/date/parts/DateInput.js.map +1 -1
  26. package/cjs/date/parts/DateWrapper.d.ts +2 -1
  27. package/cjs/date/parts/DateWrapper.js +11 -3
  28. package/cjs/date/parts/DateWrapper.js.map +1 -1
  29. package/cjs/date/utils/index.d.ts +1 -2
  30. package/cjs/date/utils/index.js +2 -7
  31. package/cjs/date/utils/index.js.map +1 -1
  32. package/cjs/date/utils/locale.d.ts +24 -0
  33. package/cjs/date/utils/locale.js +22 -1
  34. package/cjs/date/utils/locale.js.map +1 -1
  35. package/cjs/form/combobox/Combobox.d.ts +1 -1
  36. package/cjs/form/combobox/Input/InputController.d.ts +1 -1
  37. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
  38. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  39. package/cjs/form/switch/Switch.js +8 -3
  40. package/cjs/form/switch/Switch.js.map +1 -1
  41. package/cjs/internal-header/InternalHeader.js +9 -0
  42. package/cjs/internal-header/InternalHeader.js.map +1 -1
  43. package/cjs/overlays/action-menu/ActionMenu.d.ts +2 -1
  44. package/cjs/overlays/action-menu/ActionMenu.js +8 -4
  45. package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
  46. package/cjs/provider/theme/AkselTheme.d.ts +12 -1
  47. package/cjs/provider/theme/AkselTheme.js +6 -4
  48. package/cjs/provider/theme/AkselTheme.js.map +1 -1
  49. package/cjs/read-more/ReadMore.d.ts +1 -1
  50. package/cjs/read-more/ReadMore.js +6 -3
  51. package/cjs/read-more/ReadMore.js.map +1 -1
  52. package/cjs/stepper/Step.js +1 -1
  53. package/cjs/stepper/Step.js.map +1 -1
  54. package/cjs/stepper/Stepper.js +3 -2
  55. package/cjs/stepper/Stepper.js.map +1 -1
  56. package/cjs/util/TextareaAutoSize.js +1 -1
  57. package/cjs/util/TextareaAutoSize.js.map +1 -1
  58. package/cjs/util/i18n/locales/en.d.ts +20 -0
  59. package/cjs/util/i18n/locales/en.js +20 -0
  60. package/cjs/util/i18n/locales/en.js.map +1 -1
  61. package/cjs/util/i18n/locales/nb.d.ts +20 -0
  62. package/cjs/util/i18n/locales/nb.js +20 -0
  63. package/cjs/util/i18n/locales/nb.js.map +1 -1
  64. package/cjs/util/i18n/locales/nn.d.ts +20 -0
  65. package/cjs/util/i18n/locales/nn.js +20 -0
  66. package/cjs/util/i18n/locales/nn.js.map +1 -1
  67. package/esm/date/datepicker/DatePicker.js +6 -4
  68. package/esm/date/datepicker/DatePicker.js.map +1 -1
  69. package/esm/date/datepicker/DatePickerStandalone.js +6 -4
  70. package/esm/date/datepicker/DatePickerStandalone.js.map +1 -1
  71. package/esm/date/datepicker/parts/Caption.js +6 -5
  72. package/esm/date/datepicker/parts/Caption.js.map +1 -1
  73. package/esm/date/datepicker/parts/DropdownCaption.js +8 -11
  74. package/esm/date/datepicker/parts/DropdownCaption.js.map +1 -1
  75. package/esm/date/datepicker/parts/WeekNumber.d.ts +1 -2
  76. package/esm/date/datepicker/parts/WeekNumber.js +8 -19
  77. package/esm/date/datepicker/parts/WeekNumber.js.map +1 -1
  78. package/esm/date/datepicker/parts/WeekRow.js +5 -3
  79. package/esm/date/datepicker/parts/WeekRow.js.map +1 -1
  80. package/esm/date/hooks/useDatepicker.js +4 -2
  81. package/esm/date/hooks/useDatepicker.js.map +1 -1
  82. package/esm/date/hooks/useMonthPicker.js +4 -2
  83. package/esm/date/hooks/useMonthPicker.js.map +1 -1
  84. package/esm/date/hooks/useRangeDatepicker.js +4 -2
  85. package/esm/date/hooks/useRangeDatepicker.js.map +1 -1
  86. package/esm/date/monthpicker/MonthCaption.js +7 -5
  87. package/esm/date/monthpicker/MonthCaption.js.map +1 -1
  88. package/esm/date/monthpicker/MonthPicker.js +6 -2
  89. package/esm/date/monthpicker/MonthPicker.js.map +1 -1
  90. package/esm/date/parts/DateInput.js +5 -5
  91. package/esm/date/parts/DateInput.js.map +1 -1
  92. package/esm/date/parts/DateWrapper.d.ts +2 -1
  93. package/esm/date/parts/DateWrapper.js +11 -3
  94. package/esm/date/parts/DateWrapper.js.map +1 -1
  95. package/esm/date/utils/index.d.ts +1 -2
  96. package/esm/date/utils/index.js +1 -2
  97. package/esm/date/utils/index.js.map +1 -1
  98. package/esm/date/utils/locale.d.ts +24 -0
  99. package/esm/date/utils/locale.js +17 -0
  100. package/esm/date/utils/locale.js.map +1 -1
  101. package/esm/form/combobox/Combobox.d.ts +1 -1
  102. package/esm/form/combobox/Input/InputController.d.ts +1 -1
  103. package/esm/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
  104. package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  105. package/esm/form/switch/Switch.js +8 -3
  106. package/esm/form/switch/Switch.js.map +1 -1
  107. package/esm/internal-header/InternalHeader.js +9 -0
  108. package/esm/internal-header/InternalHeader.js.map +1 -1
  109. package/esm/overlays/action-menu/ActionMenu.d.ts +2 -1
  110. package/esm/overlays/action-menu/ActionMenu.js +8 -4
  111. package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
  112. package/esm/provider/theme/AkselTheme.d.ts +12 -1
  113. package/esm/provider/theme/AkselTheme.js +6 -4
  114. package/esm/provider/theme/AkselTheme.js.map +1 -1
  115. package/esm/read-more/ReadMore.d.ts +1 -1
  116. package/esm/read-more/ReadMore.js +6 -3
  117. package/esm/read-more/ReadMore.js.map +1 -1
  118. package/esm/stepper/Step.js +1 -1
  119. package/esm/stepper/Step.js.map +1 -1
  120. package/esm/stepper/Stepper.js +3 -2
  121. package/esm/stepper/Stepper.js.map +1 -1
  122. package/esm/util/TextareaAutoSize.js +1 -1
  123. package/esm/util/TextareaAutoSize.js.map +1 -1
  124. package/esm/util/i18n/locales/en.d.ts +20 -0
  125. package/esm/util/i18n/locales/en.js +20 -0
  126. package/esm/util/i18n/locales/en.js.map +1 -1
  127. package/esm/util/i18n/locales/nb.d.ts +20 -0
  128. package/esm/util/i18n/locales/nb.js +20 -0
  129. package/esm/util/i18n/locales/nb.js.map +1 -1
  130. package/esm/util/i18n/locales/nn.d.ts +20 -0
  131. package/esm/util/i18n/locales/nn.js +20 -0
  132. package/esm/util/i18n/locales/nn.js.map +1 -1
  133. package/package.json +3 -3
  134. package/src/date/datepicker/DatePicker.tsx +5 -4
  135. package/src/date/datepicker/DatePickerStandalone.tsx +5 -4
  136. package/src/date/datepicker/parts/Caption.tsx +5 -6
  137. package/src/date/datepicker/parts/DropdownCaption.tsx +7 -12
  138. package/src/date/datepicker/parts/WeekNumber.tsx +12 -35
  139. package/src/date/datepicker/parts/WeekRow.tsx +5 -8
  140. package/src/date/hooks/useDatepicker.tsx +4 -2
  141. package/src/date/hooks/useMonthPicker.tsx +4 -2
  142. package/src/date/hooks/useRangeDatepicker.tsx +4 -2
  143. package/src/date/monthpicker/MonthCaption.tsx +9 -10
  144. package/src/date/monthpicker/MonthPicker.tsx +6 -2
  145. package/src/date/parts/DateInput.tsx +8 -9
  146. package/src/date/parts/DateWrapper.tsx +14 -4
  147. package/src/date/utils/index.ts +1 -8
  148. package/src/date/utils/locale.ts +18 -0
  149. package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +5 -1
  150. package/src/form/switch/Switch.tsx +30 -24
  151. package/src/internal-header/InternalHeader.tsx +28 -8
  152. package/src/overlays/action-menu/ActionMenu.tsx +90 -56
  153. package/src/provider/theme/AkselTheme.tsx +22 -4
  154. package/src/react-css.d.ts +2 -0
  155. package/src/read-more/ReadMore.tsx +10 -2
  156. package/src/stepper/Step.tsx +3 -0
  157. package/src/stepper/Stepper.tsx +5 -2
  158. package/src/util/TextareaAutoSize.tsx +1 -0
  159. package/src/util/i18n/locales/en.ts +20 -0
  160. package/src/util/i18n/locales/nb.ts +20 -0
  161. package/src/util/i18n/locales/nn.ts +20 -0
  162. package/src/util/i18n/locales.test.tsx +44 -12
  163. package/cjs/date/utils/labels.d.ts +0 -18
  164. package/cjs/date/utils/labels.js +0 -201
  165. package/cjs/date/utils/labels.js.map +0 -1
  166. package/esm/date/utils/labels.d.ts +0 -18
  167. package/esm/date/utils/labels.js +0 -189
  168. package/esm/date/utils/labels.js.map +0 -1
  169. package/src/date/utils/labels.ts +0 -219
@@ -1,219 +0,0 @@
1
- import { Locale } from "date-fns";
2
- import { Labels, NavButtonLabel } from "react-day-picker";
3
-
4
- const labelNext: NavButtonLabel = (date, options) => {
5
- switch (options?.locale?.code) {
6
- case "nb":
7
- return "Gå til neste måned";
8
- case "nn":
9
- return "Gå til neste månad";
10
- case "en":
11
- return "Go to next month";
12
- default:
13
- return "Gå til neste måned";
14
- }
15
- };
16
-
17
- const labelPrevious: NavButtonLabel = (date, options) => {
18
- switch (options?.locale?.code) {
19
- case "nb":
20
- return "Gå til forrige måned";
21
- case "nn":
22
- return "Gå til førre månad";
23
- case "en":
24
- return "Go to previous month";
25
- default:
26
- return "Gå til forrige måned";
27
- }
28
- };
29
-
30
- export const labelYearDropdown = (locale: Locale) => {
31
- switch (locale?.code) {
32
- case "nb":
33
- return "År";
34
- case "nn":
35
- return "År";
36
- case "en":
37
- return "Year";
38
- default:
39
- return "År";
40
- }
41
- };
42
-
43
- export const labelMonthDropdown = (locale: Locale) => {
44
- switch (locale?.code) {
45
- case "nb":
46
- return "Måned";
47
- case "nn":
48
- return "Månad";
49
- case "en":
50
- return "Month";
51
- default:
52
- return "Måned";
53
- }
54
- };
55
-
56
- export const labelNextYear = (localeCode: string | undefined) => {
57
- switch (localeCode) {
58
- case "nb":
59
- return "Gå til neste år";
60
- case "nn":
61
- return "Gå til neste år";
62
- case "en-GB":
63
- return "Go to next year";
64
- default:
65
- return "Gå til neste måned";
66
- }
67
- };
68
-
69
- export const labelPrevYear = (localeCode: string | undefined): string => {
70
- switch (localeCode) {
71
- case "nb":
72
- return "Gå til forrige år";
73
- case "nn":
74
- return "Gå til førre år";
75
- case "en-GB":
76
- return "Go to next year";
77
- default:
78
- return "Gå til neste år";
79
- }
80
- };
81
-
82
- export const labels: Partial<Labels> = {
83
- labelNext,
84
- labelPrevious,
85
- };
86
-
87
- export const labelWeekNumber = ({
88
- localeCode,
89
- week,
90
- }: {
91
- localeCode?: string;
92
- week: number;
93
- }): string => {
94
- switch (localeCode) {
95
- case "nb":
96
- return `Uke ${week}`;
97
- case "nn":
98
- return `Veke ${week}`;
99
- case "en-GB":
100
- return `Week ${week}`;
101
- default:
102
- return `Uke ${week}`;
103
- }
104
- };
105
-
106
- export const labelWeekNumberButton = ({
107
- localeCode,
108
- week,
109
- }: {
110
- localeCode?: string;
111
- week: number;
112
- }): string => {
113
- switch (localeCode) {
114
- case "nb":
115
- return `Velg uke ${week}`;
116
- case "nn":
117
- return `Vel veke ${week}`;
118
- case "en-GB":
119
- return `Pick week ${week}`;
120
- default:
121
- return `Velg uke ${week}`;
122
- }
123
- };
124
-
125
- export const labelWeek = (localeCode?: string): string => {
126
- switch (localeCode) {
127
- case "nb":
128
- return `Uke:`;
129
- case "nn":
130
- return `Veke:`;
131
- case "en-GB":
132
- return `Week:`;
133
- default:
134
- return `Uke:`;
135
- }
136
- };
137
-
138
- const modalLabelSingle = (localeCode?: string): string => {
139
- switch (localeCode) {
140
- case "nb":
141
- return `Velg dato`;
142
- case "nn":
143
- return `Vel dato`;
144
- case "en-GB":
145
- return `Pick a date`;
146
- default:
147
- return `Velg dato`;
148
- }
149
- };
150
-
151
- const modalLabelMultiple = (localeCode?: string): string => {
152
- switch (localeCode) {
153
- case "nb":
154
- return `Velg datoer`;
155
- case "nn":
156
- return `Vel datoar`;
157
- case "en-GB":
158
- return `Pick dates`;
159
- default:
160
- return `Velg datoer`;
161
- }
162
- };
163
-
164
- const modalLabelRanged = (localeCode?: string): string => {
165
- switch (localeCode) {
166
- case "nb":
167
- return `Velg start- og sluttdato`;
168
- case "nn":
169
- return `Vel start- og sluttdato`;
170
- case "en-GB":
171
- return `Pick a start and end date`;
172
- default:
173
- return `Velg start- og sluttdato`;
174
- }
175
- };
176
-
177
- const modalLabelMonth = (localeCode?: string): string => {
178
- switch (localeCode) {
179
- case "nb":
180
- return `Velg måned`;
181
- case "nn":
182
- return `Vel månad`;
183
- case "en-GB":
184
- return `Pick a month`;
185
- default:
186
- return `Velg måned`;
187
- }
188
- };
189
-
190
- export const modalLabel = (
191
- localeCode: string,
192
- variant: "single" | "multiple" | "range" | "month",
193
- ) => {
194
- switch (variant) {
195
- case "single":
196
- return modalLabelSingle(localeCode);
197
- case "multiple":
198
- return modalLabelMultiple(localeCode);
199
- case "range":
200
- return modalLabelRanged(localeCode);
201
- case "month":
202
- return modalLabelMonth(localeCode);
203
- default:
204
- return modalLabelSingle(localeCode);
205
- }
206
- };
207
-
208
- export const modalCloseButtonLabel = (localeCode?: string): string => {
209
- switch (localeCode) {
210
- case "nb":
211
- return `Lukk`;
212
- case "nn":
213
- return `Lukk`;
214
- case "en-GB":
215
- return `Close`;
216
- default:
217
- return `Lukk`;
218
- }
219
- };