@navikt/ds-react 7.6.0 → 7.8.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 (390) hide show
  1. package/cjs/chips/Removable.d.ts +0 -5
  2. package/cjs/chips/Removable.js +2 -2
  3. package/cjs/chips/Removable.js.map +1 -1
  4. package/cjs/copybutton/CopyButton.d.ts +1 -6
  5. package/cjs/copybutton/CopyButton.js +8 -6
  6. package/cjs/copybutton/CopyButton.js.map +1 -1
  7. package/cjs/date/context/index.d.ts +2 -1
  8. package/cjs/date/context/index.js +5 -2
  9. package/cjs/date/context/index.js.map +1 -1
  10. package/cjs/date/context/useDateInputContext.d.ts +3 -3
  11. package/cjs/date/context/useDateInputContext.js +4 -4
  12. package/cjs/date/context/useDateInputContext.js.map +1 -1
  13. package/cjs/date/context/useDateTranslationContext.d.ts +8 -0
  14. package/cjs/date/context/useDateTranslationContext.js +7 -0
  15. package/cjs/date/context/useDateTranslationContext.js.map +1 -0
  16. package/cjs/date/datepicker/DatePicker.js +18 -16
  17. package/cjs/date/datepicker/DatePicker.js.map +1 -1
  18. package/cjs/date/datepicker/DatePickerStandalone.js +17 -14
  19. package/cjs/date/datepicker/DatePickerStandalone.js.map +1 -1
  20. package/cjs/date/datepicker/parts/Caption.js +2 -3
  21. package/cjs/date/datepicker/parts/Caption.js.map +1 -1
  22. package/cjs/date/datepicker/parts/DropdownCaption.js +2 -2
  23. package/cjs/date/datepicker/parts/DropdownCaption.js.map +1 -1
  24. package/cjs/date/datepicker/parts/WeekNumber.js +14 -6
  25. package/cjs/date/datepicker/parts/WeekNumber.js.map +1 -1
  26. package/cjs/date/datepicker/parts/WeekRow.js +2 -3
  27. package/cjs/date/datepicker/parts/WeekRow.js.map +1 -1
  28. package/cjs/date/datepicker/types.d.ts +8 -0
  29. package/cjs/date/monthpicker/MonthCaption.js +1 -3
  30. package/cjs/date/monthpicker/MonthCaption.js.map +1 -1
  31. package/cjs/date/monthpicker/MonthPicker.js +30 -28
  32. package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
  33. package/cjs/date/monthpicker/MonthPickerStandalone.js +16 -12
  34. package/cjs/date/monthpicker/MonthPickerStandalone.js.map +1 -1
  35. package/cjs/date/monthpicker/types.d.ts +8 -0
  36. package/cjs/date/parts/DateInput.js +1 -2
  37. package/cjs/date/parts/DateInput.js.map +1 -1
  38. package/cjs/date/parts/DateWrapper.d.ts +3 -1
  39. package/cjs/date/parts/DateWrapper.js +3 -3
  40. package/cjs/date/parts/DateWrapper.js.map +1 -1
  41. package/cjs/date/utils/index.d.ts +1 -1
  42. package/cjs/date/utils/index.js +2 -1
  43. package/cjs/date/utils/index.js.map +1 -1
  44. package/cjs/date/utils/locale.d.ts +12 -2
  45. package/cjs/date/utils/locale.js +18 -2
  46. package/cjs/date/utils/locale.js.map +1 -1
  47. package/cjs/form/combobox/Combobox.d.ts +1 -1
  48. package/cjs/form/combobox/ComboboxWrapper.js +6 -6
  49. package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
  50. package/cjs/form/combobox/FilteredOptions/AddNewOption.js +3 -1
  51. package/cjs/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
  52. package/cjs/form/combobox/FilteredOptions/FilteredOptions.js +4 -4
  53. package/cjs/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
  54. package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js +1 -1
  55. package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
  56. package/cjs/form/combobox/FilteredOptions/LoadingMessage.js +3 -1
  57. package/cjs/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
  58. package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.d.ts +1 -1
  59. package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js +6 -5
  60. package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
  61. package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +4 -4
  62. package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
  63. package/cjs/form/combobox/Input/Input.context.d.ts +1 -1
  64. package/cjs/form/combobox/Input/Input.context.js.map +1 -1
  65. package/cjs/form/combobox/Input/Input.js +1 -1
  66. package/cjs/form/combobox/Input/Input.js.map +1 -1
  67. package/cjs/form/combobox/Input/InputController.d.ts +1 -1
  68. package/cjs/form/combobox/Input/InputController.js +10 -10
  69. package/cjs/form/combobox/Input/InputController.js.map +1 -1
  70. package/cjs/form/combobox/Input/ToggleListButton.d.ts +1 -4
  71. package/cjs/form/combobox/Input/ToggleListButton.js +3 -5
  72. package/cjs/form/combobox/Input/ToggleListButton.js.map +1 -1
  73. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +8 -6
  74. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  75. package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.d.ts +2 -1
  76. package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js +9 -5
  77. package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js.map +1 -1
  78. package/cjs/form/combobox/types.d.ts +7 -22
  79. package/cjs/form/form-summary/FormSummaryEditLink.js +4 -2
  80. package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -1
  81. package/cjs/form/search/Search.d.ts +2 -1
  82. package/cjs/form/search/Search.js +8 -3
  83. package/cjs/form/search/Search.js.map +1 -1
  84. package/cjs/form/textarea/Textarea.d.ts +1 -0
  85. package/cjs/form/textarea/Textarea.js.map +1 -1
  86. package/cjs/guide-panel/GuidePanel.js +11 -3
  87. package/cjs/guide-panel/GuidePanel.js.map +1 -1
  88. package/cjs/guide-panel/Illustration.d.ts +2 -8
  89. package/cjs/guide-panel/Illustration.darkside.d.ts +2 -0
  90. package/cjs/guide-panel/Illustration.darkside.js +30 -0
  91. package/cjs/guide-panel/Illustration.darkside.js.map +1 -0
  92. package/cjs/guide-panel/Illustration.js +4 -18
  93. package/cjs/guide-panel/Illustration.js.map +1 -1
  94. package/cjs/guide-panel/index.d.ts +0 -1
  95. package/cjs/guide-panel/index.js +1 -3
  96. package/cjs/guide-panel/index.js.map +1 -1
  97. package/cjs/help-text/HelpText.d.ts +1 -1
  98. package/cjs/help-text/HelpText.js +6 -3
  99. package/cjs/help-text/HelpText.js.map +1 -1
  100. package/cjs/index.d.ts +1 -1
  101. package/cjs/index.js +2 -3
  102. package/cjs/index.js.map +1 -1
  103. package/cjs/internal-header/InternalHeaderButton.d.ts +1 -1
  104. package/cjs/internal-header/InternalHeaderUserButton.d.ts +1 -1
  105. package/cjs/internal-header/InternalHeaderUserButton.js +1 -1
  106. package/cjs/internal-header/InternalHeaderUserButton.js.map +1 -1
  107. package/cjs/layout/base/BasePrimitive.js +4 -1
  108. package/cjs/layout/base/BasePrimitive.js.map +1 -1
  109. package/cjs/layout/bleed/Bleed.js +5 -2
  110. package/cjs/layout/bleed/Bleed.js.map +1 -1
  111. package/cjs/layout/box/Box.d.ts +6 -1
  112. package/cjs/layout/box/Box.darkside.d.ts +70 -0
  113. package/cjs/layout/box/Box.darkside.js +98 -0
  114. package/cjs/layout/box/Box.darkside.js.map +1 -0
  115. package/cjs/layout/box/Box.js +19 -6
  116. package/cjs/layout/box/Box.js.map +1 -1
  117. package/cjs/layout/box/index.js +2 -0
  118. package/cjs/layout/box/index.js.map +1 -1
  119. package/cjs/layout/grid/HGrid.js +4 -1
  120. package/cjs/layout/grid/HGrid.js.map +1 -1
  121. package/cjs/layout/page/Page.d.ts +1 -0
  122. package/cjs/layout/page/Page.js +5 -0
  123. package/cjs/layout/page/Page.js.map +1 -1
  124. package/cjs/layout/stack/Stack.js +4 -1
  125. package/cjs/layout/stack/Stack.js.map +1 -1
  126. package/cjs/layout/utilities/css.d.ts +2 -2
  127. package/cjs/layout/utilities/css.js +8 -9
  128. package/cjs/layout/utilities/css.js.map +1 -1
  129. package/cjs/layout/utilities/types.d.ts +10 -0
  130. package/cjs/modal/Modal.js +1 -1
  131. package/cjs/modal/Modal.js.map +1 -1
  132. package/cjs/modal/ModalHeader.js +1 -1
  133. package/cjs/modal/ModalHeader.js.map +1 -1
  134. package/cjs/popover/Popover.js +1 -1
  135. package/cjs/popover/Popover.js.map +1 -1
  136. package/cjs/provider/Provider.d.ts +35 -10
  137. package/cjs/provider/Provider.js +13 -14
  138. package/cjs/provider/Provider.js.map +1 -1
  139. package/cjs/table/ExpandableRow.js +3 -3
  140. package/cjs/table/ExpandableRow.js.map +1 -1
  141. package/cjs/tabs/Tabs.context.d.ts +1 -1
  142. package/cjs/timeline/Timeline.d.ts +1 -0
  143. package/cjs/timeline/Timeline.js.map +1 -1
  144. package/cjs/util/i18n/i18n.context.d.ts +1 -1
  145. package/cjs/util/i18n/i18n.context.js +15 -14
  146. package/cjs/util/i18n/i18n.context.js.map +1 -1
  147. package/cjs/util/i18n/locales/en.d.ts +51 -36
  148. package/cjs/util/i18n/locales/en.js +52 -37
  149. package/cjs/util/i18n/locales/en.js.map +1 -1
  150. package/cjs/util/i18n/locales/index.d.ts +3 -0
  151. package/cjs/util/i18n/locales/index.js +14 -0
  152. package/cjs/util/i18n/locales/index.js.map +1 -0
  153. package/cjs/util/i18n/locales/nb.d.ts +54 -37
  154. package/cjs/util/i18n/locales/nb.js +56 -39
  155. package/cjs/util/i18n/locales/nb.js.map +1 -1
  156. package/cjs/util/i18n/locales/nn.d.ts +51 -36
  157. package/cjs/util/i18n/locales/nn.js +52 -37
  158. package/cjs/util/i18n/locales/nn.js.map +1 -1
  159. package/esm/chips/Removable.d.ts +0 -5
  160. package/esm/chips/Removable.js +2 -2
  161. package/esm/chips/Removable.js.map +1 -1
  162. package/esm/copybutton/CopyButton.d.ts +1 -6
  163. package/esm/copybutton/CopyButton.js +8 -6
  164. package/esm/copybutton/CopyButton.js.map +1 -1
  165. package/esm/date/context/index.d.ts +2 -1
  166. package/esm/date/context/index.js +2 -1
  167. package/esm/date/context/index.js.map +1 -1
  168. package/esm/date/context/useDateInputContext.d.ts +3 -3
  169. package/esm/date/context/useDateInputContext.js +3 -3
  170. package/esm/date/context/useDateInputContext.js.map +1 -1
  171. package/esm/date/context/useDateTranslationContext.d.ts +8 -0
  172. package/esm/date/context/useDateTranslationContext.js +3 -0
  173. package/esm/date/context/useDateTranslationContext.js.map +1 -0
  174. package/esm/date/datepicker/DatePicker.js +21 -19
  175. package/esm/date/datepicker/DatePicker.js.map +1 -1
  176. package/esm/date/datepicker/DatePickerStandalone.js +19 -16
  177. package/esm/date/datepicker/DatePickerStandalone.js.map +1 -1
  178. package/esm/date/datepicker/parts/Caption.js +2 -3
  179. package/esm/date/datepicker/parts/Caption.js.map +1 -1
  180. package/esm/date/datepicker/parts/DropdownCaption.js +3 -3
  181. package/esm/date/datepicker/parts/DropdownCaption.js.map +1 -1
  182. package/esm/date/datepicker/parts/WeekNumber.js +15 -7
  183. package/esm/date/datepicker/parts/WeekNumber.js.map +1 -1
  184. package/esm/date/datepicker/parts/WeekRow.js +2 -3
  185. package/esm/date/datepicker/parts/WeekRow.js.map +1 -1
  186. package/esm/date/datepicker/types.d.ts +8 -0
  187. package/esm/date/monthpicker/MonthCaption.js +2 -4
  188. package/esm/date/monthpicker/MonthCaption.js.map +1 -1
  189. package/esm/date/monthpicker/MonthPicker.js +33 -31
  190. package/esm/date/monthpicker/MonthPicker.js.map +1 -1
  191. package/esm/date/monthpicker/MonthPickerStandalone.js +18 -14
  192. package/esm/date/monthpicker/MonthPickerStandalone.js.map +1 -1
  193. package/esm/date/monthpicker/types.d.ts +8 -0
  194. package/esm/date/parts/DateInput.js +2 -3
  195. package/esm/date/parts/DateInput.js.map +1 -1
  196. package/esm/date/parts/DateWrapper.d.ts +3 -1
  197. package/esm/date/parts/DateWrapper.js +4 -4
  198. package/esm/date/parts/DateWrapper.js.map +1 -1
  199. package/esm/date/utils/index.d.ts +1 -1
  200. package/esm/date/utils/index.js +1 -1
  201. package/esm/date/utils/index.js.map +1 -1
  202. package/esm/date/utils/locale.d.ts +12 -2
  203. package/esm/date/utils/locale.js +16 -1
  204. package/esm/date/utils/locale.js.map +1 -1
  205. package/esm/form/combobox/Combobox.d.ts +1 -1
  206. package/esm/form/combobox/ComboboxWrapper.js +6 -6
  207. package/esm/form/combobox/ComboboxWrapper.js.map +1 -1
  208. package/esm/form/combobox/FilteredOptions/AddNewOption.js +3 -1
  209. package/esm/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
  210. package/esm/form/combobox/FilteredOptions/FilteredOptions.js +4 -4
  211. package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
  212. package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js +1 -1
  213. package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
  214. package/esm/form/combobox/FilteredOptions/LoadingMessage.js +3 -1
  215. package/esm/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
  216. package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.d.ts +1 -1
  217. package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js +6 -5
  218. package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
  219. package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +4 -4
  220. package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
  221. package/esm/form/combobox/Input/Input.context.d.ts +1 -1
  222. package/esm/form/combobox/Input/Input.context.js.map +1 -1
  223. package/esm/form/combobox/Input/Input.js +1 -1
  224. package/esm/form/combobox/Input/Input.js.map +1 -1
  225. package/esm/form/combobox/Input/InputController.d.ts +1 -1
  226. package/esm/form/combobox/Input/InputController.js +10 -10
  227. package/esm/form/combobox/Input/InputController.js.map +1 -1
  228. package/esm/form/combobox/Input/ToggleListButton.d.ts +1 -4
  229. package/esm/form/combobox/Input/ToggleListButton.js +3 -5
  230. package/esm/form/combobox/Input/ToggleListButton.js.map +1 -1
  231. package/esm/form/combobox/SelectedOptions/SelectedOptions.js +8 -6
  232. package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  233. package/esm/form/combobox/SelectedOptions/selectedOptionsContext.d.ts +2 -1
  234. package/esm/form/combobox/SelectedOptions/selectedOptionsContext.js +9 -5
  235. package/esm/form/combobox/SelectedOptions/selectedOptionsContext.js.map +1 -1
  236. package/esm/form/combobox/types.d.ts +7 -22
  237. package/esm/form/form-summary/FormSummaryEditLink.js +4 -2
  238. package/esm/form/form-summary/FormSummaryEditLink.js.map +1 -1
  239. package/esm/form/search/Search.d.ts +2 -1
  240. package/esm/form/search/Search.js +8 -3
  241. package/esm/form/search/Search.js.map +1 -1
  242. package/esm/form/textarea/Textarea.d.ts +1 -0
  243. package/esm/form/textarea/Textarea.js.map +1 -1
  244. package/esm/guide-panel/GuidePanel.js +11 -3
  245. package/esm/guide-panel/GuidePanel.js.map +1 -1
  246. package/esm/guide-panel/Illustration.d.ts +2 -8
  247. package/esm/guide-panel/Illustration.darkside.d.ts +2 -0
  248. package/esm/guide-panel/Illustration.darkside.js +23 -0
  249. package/esm/guide-panel/Illustration.darkside.js.map +1 -0
  250. package/esm/guide-panel/Illustration.js +4 -18
  251. package/esm/guide-panel/Illustration.js.map +1 -1
  252. package/esm/guide-panel/index.d.ts +0 -1
  253. package/esm/guide-panel/index.js +0 -1
  254. package/esm/guide-panel/index.js.map +1 -1
  255. package/esm/help-text/HelpText.d.ts +1 -1
  256. package/esm/help-text/HelpText.js +6 -3
  257. package/esm/help-text/HelpText.js.map +1 -1
  258. package/esm/index.d.ts +1 -1
  259. package/esm/index.js +1 -1
  260. package/esm/index.js.map +1 -1
  261. package/esm/internal-header/InternalHeaderButton.d.ts +1 -1
  262. package/esm/internal-header/InternalHeaderUserButton.d.ts +1 -1
  263. package/esm/internal-header/InternalHeaderUserButton.js +1 -1
  264. package/esm/internal-header/InternalHeaderUserButton.js.map +1 -1
  265. package/esm/layout/base/BasePrimitive.js +4 -1
  266. package/esm/layout/base/BasePrimitive.js.map +1 -1
  267. package/esm/layout/bleed/Bleed.js +5 -2
  268. package/esm/layout/bleed/Bleed.js.map +1 -1
  269. package/esm/layout/box/Box.d.ts +6 -1
  270. package/esm/layout/box/Box.darkside.d.ts +70 -0
  271. package/esm/layout/box/Box.darkside.js +69 -0
  272. package/esm/layout/box/Box.darkside.js.map +1 -0
  273. package/esm/layout/box/Box.js +18 -5
  274. package/esm/layout/box/Box.js.map +1 -1
  275. package/esm/layout/grid/HGrid.js +4 -1
  276. package/esm/layout/grid/HGrid.js.map +1 -1
  277. package/esm/layout/page/Page.d.ts +1 -0
  278. package/esm/layout/page/Page.js +5 -0
  279. package/esm/layout/page/Page.js.map +1 -1
  280. package/esm/layout/stack/Stack.js +4 -1
  281. package/esm/layout/stack/Stack.js.map +1 -1
  282. package/esm/layout/utilities/css.d.ts +2 -2
  283. package/esm/layout/utilities/css.js +8 -9
  284. package/esm/layout/utilities/css.js.map +1 -1
  285. package/esm/layout/utilities/types.d.ts +10 -0
  286. package/esm/modal/Modal.js +2 -2
  287. package/esm/modal/Modal.js.map +1 -1
  288. package/esm/modal/ModalHeader.js +1 -1
  289. package/esm/modal/ModalHeader.js.map +1 -1
  290. package/esm/popover/Popover.js +2 -2
  291. package/esm/popover/Popover.js.map +1 -1
  292. package/esm/provider/Provider.d.ts +35 -10
  293. package/esm/provider/Provider.js +11 -15
  294. package/esm/provider/Provider.js.map +1 -1
  295. package/esm/table/ExpandableRow.js +3 -3
  296. package/esm/table/ExpandableRow.js.map +1 -1
  297. package/esm/tabs/Tabs.context.d.ts +1 -1
  298. package/esm/timeline/Timeline.d.ts +1 -0
  299. package/esm/timeline/Timeline.js.map +1 -1
  300. package/esm/util/i18n/i18n.context.d.ts +1 -1
  301. package/esm/util/i18n/i18n.context.js +15 -14
  302. package/esm/util/i18n/i18n.context.js.map +1 -1
  303. package/esm/util/i18n/locales/en.d.ts +51 -36
  304. package/esm/util/i18n/locales/en.js +52 -37
  305. package/esm/util/i18n/locales/en.js.map +1 -1
  306. package/esm/util/i18n/locales/index.d.ts +3 -0
  307. package/esm/util/i18n/locales/index.js +5 -0
  308. package/esm/util/i18n/locales/index.js.map +1 -0
  309. package/esm/util/i18n/locales/nb.d.ts +54 -37
  310. package/esm/util/i18n/locales/nb.js +56 -39
  311. package/esm/util/i18n/locales/nb.js.map +1 -1
  312. package/esm/util/i18n/locales/nn.d.ts +51 -36
  313. package/esm/util/i18n/locales/nn.js +52 -37
  314. package/esm/util/i18n/locales/nn.js.map +1 -1
  315. package/package.json +13 -3
  316. package/src/chips/Removable.tsx +1 -9
  317. package/src/copybutton/CopyButton.tsx +14 -30
  318. package/src/date/context/index.ts +5 -1
  319. package/src/date/context/useDateInputContext.tsx +6 -4
  320. package/src/date/context/useDateTranslationContext.ts +9 -0
  321. package/src/date/datepicker/DatePicker.tsx +41 -32
  322. package/src/date/datepicker/DatePickerStandalone.tsx +46 -37
  323. package/src/date/datepicker/parts/Caption.tsx +2 -3
  324. package/src/date/datepicker/parts/DropdownCaption.tsx +3 -3
  325. package/src/date/datepicker/parts/WeekNumber.tsx +34 -15
  326. package/src/date/datepicker/parts/WeekRow.tsx +2 -3
  327. package/src/date/datepicker/types.ts +8 -0
  328. package/src/date/monthpicker/MonthCaption.tsx +2 -4
  329. package/src/date/monthpicker/MonthPicker.tsx +67 -54
  330. package/src/date/monthpicker/MonthPickerStandalone.tsx +39 -26
  331. package/src/date/monthpicker/types.ts +8 -0
  332. package/src/date/parts/DateInput.tsx +2 -3
  333. package/src/date/parts/DateWrapper.tsx +6 -4
  334. package/src/date/utils/index.ts +5 -1
  335. package/src/date/utils/locale.ts +17 -1
  336. package/src/form/combobox/ComboboxWrapper.tsx +6 -6
  337. package/src/form/combobox/FilteredOptions/AddNewOption.tsx +3 -1
  338. package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +4 -4
  339. package/src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx +1 -1
  340. package/src/form/combobox/FilteredOptions/LoadingMessage.tsx +3 -1
  341. package/src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx +6 -6
  342. package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +4 -4
  343. package/src/form/combobox/Input/Input.context.tsx +3 -3
  344. package/src/form/combobox/Input/Input.tsx +1 -1
  345. package/src/form/combobox/Input/InputController.tsx +5 -27
  346. package/src/form/combobox/Input/ToggleListButton.tsx +8 -24
  347. package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +17 -11
  348. package/src/form/combobox/SelectedOptions/selectedOptionsContext.tsx +10 -7
  349. package/src/form/combobox/__tests__/combobox.test.tsx +2 -1
  350. package/src/form/combobox/types.ts +11 -24
  351. package/src/form/form-summary/FormSummaryEditLink.tsx +7 -6
  352. package/src/form/search/Search.tsx +35 -13
  353. package/src/form/textarea/Textarea.tsx +1 -0
  354. package/src/guide-panel/GuidePanel.tsx +59 -15
  355. package/src/guide-panel/Illustration.darkside.tsx +96 -0
  356. package/src/guide-panel/Illustration.tsx +5 -22
  357. package/src/guide-panel/index.ts +0 -1
  358. package/src/help-text/HelpText.tsx +8 -6
  359. package/src/index.ts +1 -5
  360. package/src/internal-header/InternalHeaderButton.tsx +1 -1
  361. package/src/internal-header/InternalHeaderUserButton.tsx +2 -2
  362. package/src/layout/base/BasePrimitive.tsx +29 -25
  363. package/src/layout/bleed/Bleed.tsx +8 -0
  364. package/src/layout/box/Box.darkside.tsx +154 -0
  365. package/src/layout/box/Box.tsx +90 -61
  366. package/src/layout/box/index.ts +3 -0
  367. package/src/layout/grid/HGrid.tsx +7 -3
  368. package/src/layout/page/Page.tsx +10 -0
  369. package/src/layout/stack/Stack.tsx +8 -4
  370. package/src/layout/utilities/css.ts +18 -12
  371. package/src/layout/utilities/types.ts +24 -0
  372. package/src/modal/Modal.tsx +2 -2
  373. package/src/modal/ModalHeader.tsx +1 -1
  374. package/src/popover/Popover.tsx +2 -2
  375. package/src/provider/Provider.tsx +56 -13
  376. package/src/table/ExpandableRow.tsx +10 -3
  377. package/src/timeline/Timeline.tsx +1 -0
  378. package/src/util/i18n/i18n.context.test.tsx +29 -8
  379. package/src/util/i18n/i18n.context.ts +15 -14
  380. package/src/util/i18n/locales/en.ts +52 -37
  381. package/src/util/i18n/locales/index.ts +4 -0
  382. package/src/util/i18n/locales/nb.ts +56 -39
  383. package/src/util/i18n/locales/nn.ts +52 -37
  384. package/cjs/provider/i18n/LanguageProvider.d.ts +0 -26
  385. package/cjs/provider/i18n/LanguageProvider.js +0 -54
  386. package/cjs/provider/i18n/LanguageProvider.js.map +0 -1
  387. package/esm/provider/i18n/LanguageProvider.d.ts +0 -26
  388. package/esm/provider/i18n/LanguageProvider.js +0 -23
  389. package/esm/provider/i18n/LanguageProvider.js.map +0 -1
  390. package/src/provider/i18n/LanguageProvider.tsx +0 -49
@@ -62,7 +62,8 @@ const MonthSelector_1 = __importDefault(require("./MonthSelector"));
62
62
  * );
63
63
  * ```
64
64
  */
65
- exports.MonthPicker = (0, react_1.forwardRef)(({ children, dropdownCaption = false, fromDate, toDate, disabled = [], selected, open: _open, id, onClose, onOpenToggle, locale, onMonthSelect, className, wrapperClassName, defaultSelected, year, onYearChange, strategy = "absolute", }, ref) => {
65
+ exports.MonthPicker = (0, react_1.forwardRef)(({ children, dropdownCaption = false, fromDate, toDate, disabled = [], selected, open: _open, id, onClose, onOpenToggle, locale, translations, onMonthSelect, className, wrapperClassName, defaultSelected, year, onYearChange, strategy = "absolute", }, ref) => {
66
+ const translate = (0, i18n_context_1.useI18n)("DatePicker", translations, (0, utils_1.getTranslations)(locale));
66
67
  const langProviderLocale = (0, i18n_context_1.useDateLocale)();
67
68
  const ariaId = (0, hooks_1.useId)(id);
68
69
  const [open, setOpen] = (0, react_1.useState)(_open !== null && _open !== void 0 ? _open : false);
@@ -80,34 +81,35 @@ exports.MonthPicker = (0, react_1.forwardRef)(({ children, dropdownCaption = fal
80
81
  console.warn("Using dropdownCaption required fromDate and toDate");
81
82
  return null;
82
83
  }
83
- return (react_1.default.createElement(context_1.DateContext.Provider, { value: {
84
- open: _open !== null && _open !== void 0 ? _open : open,
85
- onOpen: () => {
86
- setOpen((x) => !x);
87
- onOpenToggle === null || onOpenToggle === void 0 ? void 0 : onOpenToggle();
88
- },
89
- ariaId,
90
- defined: true,
91
- } },
92
- react_1.default.createElement("div", { ref: mergedRef, className: (0, clsx_1.default)("navds-date__wrapper", wrapperClassName) },
93
- children,
94
- react_1.default.createElement(DateWrapper_1.DateWrapper, { open: _open !== null && _open !== void 0 ? _open : open, anchor: wrapperRef, onClose: () => { var _a; return (_a = onClose === null || onClose === void 0 ? void 0 : onClose()) !== null && _a !== void 0 ? _a : setOpen(false); }, locale: locale, variant: "month", popoverProps: {
95
- id: ariaId,
96
- strategy,
97
- } },
98
- react_1.default.createElement(react_day_picker_1.DayPickerProvider, { initialProps: {
99
- locale: locale
100
- ? (0, utils_1.getLocaleFromString)(locale)
101
- : langProviderLocale,
102
- selected: selected !== null && selected !== void 0 ? selected : selectedMonth,
103
- toDate,
104
- fromDate,
105
- month: selected !== null && selected !== void 0 ? selected : selectedMonth,
84
+ return (react_1.default.createElement(context_1.DateTranslationContextProvider, { translate: translate },
85
+ react_1.default.createElement(context_1.DateInputContext.Provider, { value: {
86
+ open: _open !== null && _open !== void 0 ? _open : open,
87
+ onOpen: () => {
88
+ setOpen((x) => !x);
89
+ onOpenToggle === null || onOpenToggle === void 0 ? void 0 : onOpenToggle();
90
+ },
91
+ ariaId,
92
+ defined: true,
93
+ } },
94
+ react_1.default.createElement("div", { ref: mergedRef, className: (0, clsx_1.default)("navds-date__wrapper", wrapperClassName) },
95
+ children,
96
+ react_1.default.createElement(DateWrapper_1.DateWrapper, { open: _open !== null && _open !== void 0 ? _open : open, anchor: wrapperRef, onClose: () => { var _a; return (_a = onClose === null || onClose === void 0 ? void 0 : onClose()) !== null && _a !== void 0 ? _a : setOpen(false); }, locale: locale, translate: translate, variant: "month", popoverProps: {
97
+ id: ariaId,
98
+ strategy,
106
99
  } },
107
- react_1.default.createElement("div", { className: (0, clsx_1.default)("rdp-month", className) },
108
- react_1.default.createElement(context_1.SharedMonthProvider, { dropdownCaption: dropdownCaption, disabled: disabled, selected: selected !== null && selected !== void 0 ? selected : selectedMonth, onSelect: handleSelect, year: year, onYearChange: onYearChange },
109
- react_1.default.createElement(MonthCaption_1.default, null),
110
- react_1.default.createElement(MonthSelector_1.default, null))))))));
100
+ react_1.default.createElement(react_day_picker_1.DayPickerProvider, { initialProps: {
101
+ locale: locale
102
+ ? (0, utils_1.getLocaleFromString)(locale)
103
+ : langProviderLocale,
104
+ selected: selected !== null && selected !== void 0 ? selected : selectedMonth,
105
+ toDate,
106
+ fromDate,
107
+ month: selected !== null && selected !== void 0 ? selected : selectedMonth,
108
+ } },
109
+ react_1.default.createElement("div", { className: (0, clsx_1.default)("rdp-month", className) },
110
+ react_1.default.createElement(context_1.SharedMonthProvider, { dropdownCaption: dropdownCaption, disabled: disabled, selected: selected !== null && selected !== void 0 ? selected : selectedMonth, onSelect: handleSelect, year: year, onYearChange: onYearChange },
111
+ react_1.default.createElement(MonthCaption_1.default, null),
112
+ react_1.default.createElement(MonthSelector_1.default, null)))))))));
111
113
  });
112
114
  exports.MonthPicker.Standalone = MonthPickerStandalone_1.default;
113
115
  exports.MonthPicker.Input = DateInput_1.MonthPickerInput;
@@ -1 +1 @@
1
- {"version":3,"file":"MonthPicker.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPicker.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"MonthPicker.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPicker.tsx"],"names":[],"mappings":"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"}
@@ -30,11 +30,14 @@ exports.MonthPickerStandalone = void 0;
30
30
  const clsx_1 = __importDefault(require("clsx"));
31
31
  const react_1 = __importStar(require("react"));
32
32
  const react_day_picker_1 = require("react-day-picker");
33
+ const i18n_context_1 = require("../../util/i18n/i18n.context");
33
34
  const context_1 = require("../context");
34
35
  const utils_1 = require("../utils");
35
36
  const MonthCaption_1 = __importDefault(require("./MonthCaption"));
36
37
  const MonthSelector_1 = __importDefault(require("./MonthSelector"));
37
- exports.MonthPickerStandalone = (0, react_1.forwardRef)(({ dropdownCaption = false, fromDate, toDate, disabled = [], selected, className, locale = "nb", onMonthSelect, defaultSelected, year, onYearChange, }, ref) => {
38
+ exports.MonthPickerStandalone = (0, react_1.forwardRef)(({ dropdownCaption = false, fromDate, toDate, disabled = [], selected, className, locale, translations, onMonthSelect, defaultSelected, year, onYearChange, }, ref) => {
39
+ const translate = (0, i18n_context_1.useI18n)("DatePicker", translations, (0, utils_1.getTranslations)(locale));
40
+ const langProviderLocale = (0, i18n_context_1.useDateLocale)();
38
41
  const [selectedMonth, setSelectedMonth] = (0, react_1.useState)(defaultSelected);
39
42
  const handleSelect = (month) => {
40
43
  setSelectedMonth(month);
@@ -45,17 +48,18 @@ exports.MonthPickerStandalone = (0, react_1.forwardRef)(({ dropdownCaption = fal
45
48
  return null;
46
49
  }
47
50
  return (react_1.default.createElement("div", { ref: ref, className: (0, clsx_1.default)("navds-date__wrapper", className) },
48
- react_1.default.createElement(react_day_picker_1.DayPickerProvider, { initialProps: {
49
- locale: (0, utils_1.getLocaleFromString)(locale),
50
- selected: selected !== null && selected !== void 0 ? selected : selectedMonth,
51
- toDate,
52
- fromDate,
53
- month: selected !== null && selected !== void 0 ? selected : selectedMonth,
54
- } },
55
- react_1.default.createElement("div", { className: "navds-date rdp-month" },
56
- react_1.default.createElement(context_1.SharedMonthProvider, { dropdownCaption: dropdownCaption, disabled: disabled, selected: selected !== null && selected !== void 0 ? selected : selectedMonth, onSelect: handleSelect, year: year, onYearChange: onYearChange },
57
- react_1.default.createElement(MonthCaption_1.default, null),
58
- react_1.default.createElement(MonthSelector_1.default, null))))));
51
+ react_1.default.createElement(context_1.DateTranslationContextProvider, { translate: translate },
52
+ react_1.default.createElement(react_day_picker_1.DayPickerProvider, { initialProps: {
53
+ locale: locale ? (0, utils_1.getLocaleFromString)(locale) : langProviderLocale,
54
+ selected: selected !== null && selected !== void 0 ? selected : selectedMonth,
55
+ toDate,
56
+ fromDate,
57
+ month: selected !== null && selected !== void 0 ? selected : selectedMonth,
58
+ } },
59
+ react_1.default.createElement("div", { className: "navds-date rdp-month" },
60
+ react_1.default.createElement(context_1.SharedMonthProvider, { dropdownCaption: dropdownCaption, disabled: disabled, selected: selected !== null && selected !== void 0 ? selected : selectedMonth, onSelect: handleSelect, year: year, onYearChange: onYearChange },
61
+ react_1.default.createElement(MonthCaption_1.default, null),
62
+ react_1.default.createElement(MonthSelector_1.default, null)))))));
59
63
  });
60
64
  exports.default = exports.MonthPickerStandalone;
61
65
  //# sourceMappingURL=MonthPickerStandalone.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MonthPickerStandalone.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPickerStandalone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAoD;AACpD,uDAAqD;AACrD,wCAAiD;AACjD,oCAA+C;AAC/C,kEAA0C;AAC1C,oEAA4C;AAkB/B,QAAA,qBAAqB,GAAG,IAAA,kBAAU,EAI7C,CACE,EACE,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,EAAE,EACb,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,IAAI,EACb,aAAa,EACb,eAAe,EACf,IAAI,EACJ,YAAY,GACb,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAChD,eAAe,CAChB,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;QACpC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAI,eAAe,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9C,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;QACnE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC;QAC5D,8BAAC,oCAAiB,IAChB,YAAY,EAAE;gBACZ,MAAM,EAAE,IAAA,2BAAmB,EAAC,MAAM,CAAC;gBACnC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa;gBACnC,MAAM;gBACN,QAAQ;gBACR,KAAK,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa;aACjC;YAED,uCAAK,SAAS,EAAC,sBAAsB;gBACnC,8BAAC,6BAAmB,IAClB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa,EACnC,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY;oBAE1B,8BAAC,sBAAY,OAAG;oBAChB,8BAAC,uBAAa,OAAG,CACG,CAClB,CACY,CAChB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,6BAAqB,CAAC"}
1
+ {"version":3,"file":"MonthPickerStandalone.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPickerStandalone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAoD;AACpD,uDAAqD;AACrD,+DAAsE;AACtE,wCAGoB;AACpB,oCAAgE;AAChE,kEAA0C;AAC1C,oEAA4C;AAkB/B,QAAA,qBAAqB,GAAG,IAAA,kBAAU,EAI7C,CACE,EACE,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,EAAE,EACb,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,eAAe,EACf,IAAI,EACJ,YAAY,GACb,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,IAAA,sBAAO,EACvB,YAAY,EACZ,YAAY,EACZ,IAAA,uBAAe,EAAC,MAAM,CAAC,CACxB,CAAC;IACF,MAAM,kBAAkB,GAAG,IAAA,4BAAa,GAAE,CAAC;IAC3C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAChD,eAAe,CAChB,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;QACpC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAI,eAAe,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9C,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;QACnE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC;QAC5D,8BAAC,wCAA8B,IAAC,SAAS,EAAE,SAAS;YAClD,8BAAC,oCAAiB,IAChB,YAAY,EAAE;oBACZ,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,IAAA,2BAAmB,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,kBAAkB;oBACjE,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa;oBACnC,MAAM;oBACN,QAAQ;oBACR,KAAK,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa;iBACjC;gBAED,uCAAK,SAAS,EAAC,sBAAsB;oBACnC,8BAAC,6BAAmB,IAClB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,aAAa,EACnC,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY;wBAE1B,8BAAC,sBAAY,OAAG;wBAChB,8BAAC,uBAAa,OAAG,CACG,CAClB,CACY,CACW,CAC7B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,6BAAqB,CAAC"}
@@ -1,3 +1,4 @@
1
+ import { ComponentTranslation } from "../../util/i18n/i18n.types";
1
2
  import { Matcher } from "../utils";
2
3
  export interface MonthPickerProps extends React.HTMLAttributes<HTMLDivElement> {
3
4
  /**
@@ -24,8 +25,15 @@ export interface MonthPickerProps extends React.HTMLAttributes<HTMLDivElement> {
24
25
  /**
25
26
  * Changes monthpicker locale
26
27
  * @default "nb" (norsk bokmål)
28
+ * @deprecated Use `<Provider />`-component
27
29
  */
28
30
  locale?: "nb" | "nn" | "en";
31
+ /**
32
+ * i18n-API for customizing texts and labels.
33
+ *
34
+ * **NB: If you need to change the language, use [Provider](https://aksel.nav.no/komponenter/core/provider#84d7ea5ec517) instead.**
35
+ */
36
+ translations?: ComponentTranslation<"DatePicker">;
29
37
  /**
30
38
  * Display dropdown for choosing year. Needs `fromDate` + `toDate` to work.
31
39
  * @default false
@@ -45,12 +45,11 @@ const ReadOnlyIcon_1 = require("../../form/ReadOnlyIcon");
45
45
  const useFormField_1 = require("../../form/useFormField");
46
46
  const typography_1 = require("../../typography");
47
47
  const util_1 = require("../../util");
48
- const i18n_context_1 = require("../../util/i18n/i18n.context");
49
48
  const context_1 = require("../context");
50
49
  const DateInput = (0, react_1.forwardRef)((props, ref) => {
51
50
  const { className, hideLabel = false, label, description, variant = "datepicker", setAnchorRef } = props, rest = __rest(props, ["className", "hideLabel", "label", "description", "variant", "setAnchorRef"]);
52
51
  const buttonRef = (0, react_1.useRef)(null);
53
- const translate = (0, i18n_context_1.useI18n)("DatePicker");
52
+ const translate = (0, context_1.useDateTranslationContext)().translate;
54
53
  const isDatepickerVariant = variant === "datepicker";
55
54
  const conditionalVariables = {
56
55
  prefix: isDatepickerVariant ? "datepicker-input" : "monthpicker-input",
@@ -1 +1 @@
1
- {"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../src/date/parts/DateInput.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../src/date/parts/DateInput.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import { TFunction } from "../../util/i18n/i18n.context";
2
3
  type DateWrapperProps = {
3
4
  open: boolean;
4
5
  children: React.ReactNode;
@@ -6,11 +7,12 @@ type DateWrapperProps = {
6
7
  anchor: HTMLDivElement | null;
7
8
  /** @deprecated Temporary to support locale prop */
8
9
  locale: "nb" | "nn" | "en" | undefined;
10
+ translate: TFunction<"DatePicker">;
9
11
  variant: "single" | "multiple" | "range" | "month";
10
12
  popoverProps: {
11
13
  id?: string;
12
14
  strategy?: "absolute" | "fixed";
13
15
  };
14
16
  };
15
- export declare const DateWrapper: ({ open, children, onClose, anchor, locale, variant, popoverProps, }: DateWrapperProps) => React.JSX.Element;
17
+ export declare const DateWrapper: ({ open, children, onClose, anchor, locale, translate, variant, popoverProps, }: DateWrapperProps) => React.JSX.Element;
16
18
  export {};
@@ -42,8 +42,8 @@ const variantToLabel = {
42
42
  range: "chooseDateRange",
43
43
  month: "chooseMonth",
44
44
  };
45
- const DateWrapper = ({ open, children, onClose, anchor, locale, variant, popoverProps, }) => {
46
- const translate = (0, i18n_context_1.useI18n)("DatePicker", (0, utils_1.getTranslations)(locale));
45
+ const DateWrapper = ({ open, children, onClose, anchor, locale, translate, variant, popoverProps, }) => {
46
+ const translateGlobal = (0, i18n_context_1.useI18n)("global", (0, utils_1.getGlobalTranslations)(locale));
47
47
  const modalRef = (0, react_1.useRef)(null);
48
48
  const isInModal = (0, Modal_context_1.useModalContext)(false) !== undefined;
49
49
  const hideModal = (0, hooks_1.useMedia)("screen and (min-width: 768px)", true) && !isInModal;
@@ -61,7 +61,7 @@ const DateWrapper = ({ open, children, onClose, anchor, locale, variant, popover
61
61
  }), closeOnBackdropClick: true },
62
62
  react_1.default.createElement("div", { className: "navds-date__modal-body" },
63
63
  children,
64
- react_1.default.createElement(button_1.Button, { variant: "tertiary", onClick: () => { var _a; return (_a = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _a === void 0 ? void 0 : _a.close(); }, size: "small", type: "button" }, translate("close")))));
64
+ react_1.default.createElement(button_1.Button, { variant: "tertiary", onClick: () => { var _a; return (_a = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _a === void 0 ? void 0 : _a.close(); }, size: "small", type: "button" }, translateGlobal("close")))));
65
65
  };
66
66
  exports.DateWrapper = DateWrapper;
67
67
  //# sourceMappingURL=DateWrapper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DateWrapper.js","sourceRoot":"","sources":["../../../src/date/parts/DateWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsC;AACtC,yCAAsC;AACtC,uCAAoC;AACpC,6DAA4D;AAC5D,2CAAwC;AACxC,4CAA4C;AAC5C,+DAAuD;AACvD,oCAA2C;AAE3C,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,YAAY;IACpB,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,aAAa;CACZ,CAAC;AAgBJ,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,MAAM,EACN,OAAO,EACP,YAAY,GACK,EAAE,EAAE;IACrB,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,YAAY,EAAE,IAAA,uBAAe,EAAC,MAAM,CAAC,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,+BAAe,EAAC,KAAK,CAAC,KAAK,SAAS,CAAC;IACvD,MAAM,SAAS,GACb,IAAA,gBAAQ,EAAC,+BAA+B,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IAEhE,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,8BAAC,iBAAO,kBACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,cAAE,EAAC,qBAAqB,EAAE;gBACnC,YAAY,EAAE,OAAO,KAAK,OAAO;aAClC,CAAC,EACF,IAAI,EAAE,KAAK,IACP,YAAY,GAEf,QAAQ,CACD,CACX,CAAC;IACJ,CAAC;IACD,OAAO,CACL,8BAAC,aAAK,IACJ,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO,EAAE,CAAC;QACZ,CAAC,gBACW,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAC9C,SAAS,EAAE,IAAA,cAAE,EAAC,mBAAmB,EAAE;YACjC,0BAA0B,EAAE,SAAS;YACrC,YAAY,EAAE,OAAO,KAAK,OAAO;SAClC,CAAC,EACF,oBAAoB;QAEpB,uCAAK,SAAS,EAAC,wBAAwB;YACpC,QAAQ;YACT,8BAAC,eAAM,IACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,EACzC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,IAEZ,SAAS,CAAC,OAAO,CAAC,CACZ,CACL,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AA9DW,QAAA,WAAW,eA8DtB"}
1
+ {"version":3,"file":"DateWrapper.js","sourceRoot":"","sources":["../../../src/date/parts/DateWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsC;AACtC,yCAAsC;AACtC,uCAAoC;AACpC,6DAA4D;AAC5D,2CAAwC;AACxC,4CAA4C;AAC5C,+DAAkE;AAClE,oCAAiD;AAEjD,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,YAAY;IACpB,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,aAAa;CACZ,CAAC;AAiBJ,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,EACT,OAAO,EACP,YAAY,GACK,EAAE,EAAE;IACrB,MAAM,eAAe,GAAG,IAAA,sBAAO,EAAC,QAAQ,EAAE,IAAA,6BAAqB,EAAC,MAAM,CAAC,CAAC,CAAC;IACzE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,+BAAe,EAAC,KAAK,CAAC,KAAK,SAAS,CAAC;IACvD,MAAM,SAAS,GACb,IAAA,gBAAQ,EAAC,+BAA+B,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IAEhE,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,8BAAC,iBAAO,kBACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,cAAE,EAAC,qBAAqB,EAAE;gBACnC,YAAY,EAAE,OAAO,KAAK,OAAO;aAClC,CAAC,EACF,IAAI,EAAE,KAAK,IACP,YAAY,GAEf,QAAQ,CACD,CACX,CAAC;IACJ,CAAC;IACD,OAAO,CACL,8BAAC,aAAK,IACJ,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO,EAAE,CAAC;QACZ,CAAC,gBACW,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAC9C,SAAS,EAAE,IAAA,cAAE,EAAC,mBAAmB,EAAE;YACjC,0BAA0B,EAAE,SAAS;YACrC,YAAY,EAAE,OAAO,KAAK,OAAO;SAClC,CAAC,EACF,oBAAoB;QAEpB,uCAAK,SAAS,EAAC,wBAAwB;YACpC,QAAQ;YACT,8BAAC,eAAM,IACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,EACzC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,IAEZ,eAAe,CAAC,OAAO,CAAC,CAClB,CACL,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,WAAW,eA+DtB"}
@@ -1,7 +1,7 @@
1
1
  export { formatDateForInput } from "./format-date";
2
2
  export { getMonths, getYears } from "./get-dates";
3
3
  export { INPUT_DATE_STRING_FORMAT_DATE, INPUT_DATE_STRING_FORMAT_MONTH, parseDate, } from "./parse-date";
4
- export { getLocaleFromString, getTranslations } from "./locale";
4
+ export { getLocaleFromString, getTranslations, getGlobalTranslations, } from "./locale";
5
5
  export { disableDate } from "./dates-disabled";
6
6
  export { dateIsInCurrentMonth, isValidDate } from "./check-dates";
7
7
  export { getInitialYear } from "./get-initial-year";
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.nextEnabled = exports.isDateInRange = exports.isMatch = exports.getInitialYear = exports.isValidDate = exports.dateIsInCurrentMonth = exports.disableDate = exports.getTranslations = exports.getLocaleFromString = exports.parseDate = exports.INPUT_DATE_STRING_FORMAT_MONTH = exports.INPUT_DATE_STRING_FORMAT_DATE = exports.getYears = exports.getMonths = exports.formatDateForInput = void 0;
3
+ exports.nextEnabled = exports.isDateInRange = exports.isMatch = exports.getInitialYear = exports.isValidDate = exports.dateIsInCurrentMonth = exports.disableDate = exports.getGlobalTranslations = exports.getTranslations = exports.getLocaleFromString = exports.parseDate = exports.INPUT_DATE_STRING_FORMAT_MONTH = exports.INPUT_DATE_STRING_FORMAT_DATE = exports.getYears = exports.getMonths = exports.formatDateForInput = void 0;
4
4
  var format_date_1 = require("./format-date");
5
5
  Object.defineProperty(exports, "formatDateForInput", { enumerable: true, get: function () { return format_date_1.formatDateForInput; } });
6
6
  var get_dates_1 = require("./get-dates");
@@ -13,6 +13,7 @@ Object.defineProperty(exports, "parseDate", { enumerable: true, get: function ()
13
13
  var locale_1 = require("./locale");
14
14
  Object.defineProperty(exports, "getLocaleFromString", { enumerable: true, get: function () { return locale_1.getLocaleFromString; } });
15
15
  Object.defineProperty(exports, "getTranslations", { enumerable: true, get: function () { return locale_1.getTranslations; } });
16
+ Object.defineProperty(exports, "getGlobalTranslations", { enumerable: true, get: function () { return locale_1.getGlobalTranslations; } });
16
17
  var dates_disabled_1 = require("./dates-disabled");
17
18
  Object.defineProperty(exports, "disableDate", { enumerable: true, get: function () { return dates_disabled_1.disableDate; } });
18
19
  var check_dates_1 = require("./check-dates");
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/utils/index.ts"],"names":[],"mappings":";;;AAAA,6CAAmD;AAA1C,iHAAA,kBAAkB,OAAA;AAC3B,yCAAkD;AAAzC,sGAAA,SAAS,OAAA;AAAE,qGAAA,QAAQ,OAAA;AAC5B,2CAIsB;AAHpB,2HAAA,6BAA6B,OAAA;AAC7B,4HAAA,8BAA8B,OAAA;AAC9B,uGAAA,SAAS,OAAA;AAEX,mCAAgE;AAAvD,6GAAA,mBAAmB,OAAA;AAAE,yGAAA,eAAe,OAAA;AAC7C,mDAA+C;AAAtC,6GAAA,WAAW,OAAA;AAEpB,6CAAkE;AAAzD,mHAAA,oBAAoB,OAAA;AAAE,0GAAA,WAAW,OAAA;AAC1C,uDAAoD;AAA3C,kHAAA,cAAc,OAAA;AACvB,uCAAkE;AAAzD,mGAAA,OAAO,OAAA;AAAE,yGAAA,aAAa,OAAA;AAC/B,2CAA2C;AAAlC,yGAAA,WAAW,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/utils/index.ts"],"names":[],"mappings":";;;AAAA,6CAAmD;AAA1C,iHAAA,kBAAkB,OAAA;AAC3B,yCAAkD;AAAzC,sGAAA,SAAS,OAAA;AAAE,qGAAA,QAAQ,OAAA;AAC5B,2CAIsB;AAHpB,2HAAA,6BAA6B,OAAA;AAC7B,4HAAA,8BAA8B,OAAA;AAC9B,uGAAA,SAAS,OAAA;AAEX,mCAIkB;AAHhB,6GAAA,mBAAmB,OAAA;AACnB,yGAAA,eAAe,OAAA;AACf,+GAAA,qBAAqB,OAAA;AAEvB,mDAA+C;AAAtC,6GAAA,WAAW,OAAA;AAEpB,6CAAkE;AAAzD,mHAAA,oBAAoB,OAAA;AAAE,0GAAA,WAAW,OAAA;AAC1C,uDAAoD;AAA3C,kHAAA,cAAc,OAAA;AACvB,uCAAkE;AAAzD,mGAAA,OAAO,OAAA;AAAE,yGAAA,aAAa,OAAA;AAC/B,2CAA2C;AAAlC,yGAAA,WAAW,OAAA"}
@@ -2,10 +2,9 @@
2
2
  export declare const getLocaleFromString: (locale?: "nb" | "nn" | "en") => import("date-fns/locale").Locale;
3
3
  /**
4
4
  * @private
5
- * Temporary for backwards compatibility with locale prop
5
+ * Temporary for backwards compatibility with locale prop. Can be removed when locale prop has been removed.
6
6
  */
7
7
  export declare const getTranslations: (locale: string | undefined) => {
8
- close: string;
9
8
  chooseDate: string;
10
9
  chooseDates: string;
11
10
  chooseDateRange: string;
@@ -24,3 +23,14 @@ export declare const getTranslations: (locale: string | undefined) => {
24
23
  closeDatePicker: string;
25
24
  closeMonthPicker: string;
26
25
  } | undefined;
26
+ /**
27
+ * @private
28
+ * Temporary for backwards compatibility with locale prop. Can be removed when locale prop has been removed.
29
+ */
30
+ export declare const getGlobalTranslations: (locale: string | undefined) => {
31
+ dateLocale: import("date-fns/locale").Locale;
32
+ showMore: string;
33
+ showLess: string;
34
+ readOnly: string;
35
+ close: string;
36
+ } | undefined;
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.getTranslations = exports.getLocaleFromString = void 0;
6
+ exports.getGlobalTranslations = exports.getTranslations = exports.getLocaleFromString = void 0;
7
7
  const locale_1 = require("date-fns/locale");
8
8
  const en_1 = __importDefault(require("../../util/i18n/locales/en"));
9
9
  const nn_1 = __importDefault(require("../../util/i18n/locales/nn"));
@@ -21,7 +21,7 @@ const getLocaleFromString = (locale = "nb") => {
21
21
  exports.getLocaleFromString = getLocaleFromString;
22
22
  /**
23
23
  * @private
24
- * Temporary for backwards compatibility with locale prop
24
+ * Temporary for backwards compatibility with locale prop. Can be removed when locale prop has been removed.
25
25
  */
26
26
  const getTranslations = (locale) => {
27
27
  switch (locale) {
@@ -35,4 +35,20 @@ const getTranslations = (locale) => {
35
35
  }
36
36
  };
37
37
  exports.getTranslations = getTranslations;
38
+ /**
39
+ * @private
40
+ * Temporary for backwards compatibility with locale prop. Can be removed when locale prop has been removed.
41
+ */
42
+ const getGlobalTranslations = (locale) => {
43
+ switch (locale) {
44
+ case "nn":
45
+ return nn_1.default.global;
46
+ case "en":
47
+ case "en-GB":
48
+ return en_1.default.global;
49
+ default:
50
+ return undefined;
51
+ }
52
+ };
53
+ exports.getGlobalTranslations = getGlobalTranslations;
38
54
  //# sourceMappingURL=locale.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"locale.js","sourceRoot":"","sources":["../../../src/date/utils/locale.ts"],"names":[],"mappings":";;;;;;AAAA,4CAA+C;AAC/C,oEAAyD;AACzD,oEAAyD;AAEzD,eAAe;AACR,MAAM,mBAAmB,GAAG,CAAC,SAA6B,IAAI,EAAE,EAAE;IACvE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,IAAI;YACP,OAAO,WAAE,CAAC;QACZ,KAAK,IAAI;YACP,OAAO,aAAI,CAAC;QACd;YACE,OAAO,WAAE,CAAC;IACd,CAAC;AACH,CAAC,CAAC;AATW,QAAA,mBAAmB,uBAS9B;AAEF;;;GAGG;AACI,MAAM,eAAe,GAAG,CAAC,MAA0B,EAAE,EAAE;IAC5D,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,IAAI;YACP,OAAO,YAAe,CAAC,UAAU,CAAC;QACpC,KAAK,IAAI,CAAC;QACV,KAAK,OAAO;YACV,OAAO,YAAe,CAAC,UAAU,CAAC;QACpC;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC,CAAC;AAVW,QAAA,eAAe,mBAU1B"}
1
+ {"version":3,"file":"locale.js","sourceRoot":"","sources":["../../../src/date/utils/locale.ts"],"names":[],"mappings":";;;;;;AAAA,4CAA+C;AAC/C,oEAAyD;AACzD,oEAAyD;AAEzD,eAAe;AACR,MAAM,mBAAmB,GAAG,CAAC,SAA6B,IAAI,EAAE,EAAE;IACvE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,IAAI;YACP,OAAO,WAAE,CAAC;QACZ,KAAK,IAAI;YACP,OAAO,aAAI,CAAC;QACd;YACE,OAAO,WAAE,CAAC;IACd,CAAC;AACH,CAAC,CAAC;AATW,QAAA,mBAAmB,uBAS9B;AAEF;;;GAGG;AACI,MAAM,eAAe,GAAG,CAAC,MAA0B,EAAE,EAAE;IAC5D,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,IAAI;YACP,OAAO,YAAe,CAAC,UAAU,CAAC;QACpC,KAAK,IAAI,CAAC;QACV,KAAK,OAAO;YACV,OAAO,YAAe,CAAC,UAAU,CAAC;QACpC;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC,CAAC;AAVW,QAAA,eAAe,mBAU1B;AAEF;;;GAGG;AACI,MAAM,qBAAqB,GAAG,CAAC,MAA0B,EAAE,EAAE;IAClE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,IAAI;YACP,OAAO,YAAe,CAAC,MAAM,CAAC;QAChC,KAAK,IAAI,CAAC;QACV,KAAK,OAAO;YACV,OAAO,YAAe,CAAC,MAAM,CAAC;QAChC;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC,CAAC;AAVW,QAAA,qBAAqB,yBAUhC"}
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  import { ComboboxProps } from "./types";
3
- export declare const Combobox: React.ForwardRefExoticComponent<Omit<ComboboxProps, "value" | "onChange" | "size" | "disabled" | "options" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
3
+ export declare const Combobox: React.ForwardRefExoticComponent<Omit<ComboboxProps, "options" | "disabled" | "value" | "onChange" | "size" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
4
4
  export default Combobox;
@@ -33,20 +33,20 @@ const ComboboxWrapper = ({ children, className, hasError, inputProps, inputSize,
33
33
  const { toggleOpenButtonRef, clearInput, readOnly } = (0, Input_context_1.useInputContext)();
34
34
  const wrapperRef = (0, react_1.useRef)(null);
35
35
  const [hasFocusWithin, setHasFocusWithin] = (0, react_1.useState)(false);
36
- function onFocusInsideWrapper(e) {
36
+ function onFocusInsideWrapper(event) {
37
37
  var _a;
38
- if (!((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) &&
39
- (toggleOpenButtonRef === null || toggleOpenButtonRef === void 0 ? void 0 : toggleOpenButtonRef.current) !== e.target) {
38
+ if (!((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)) &&
39
+ (toggleOpenButtonRef === null || toggleOpenButtonRef === void 0 ? void 0 : toggleOpenButtonRef.current) !== event.target) {
40
40
  toggleIsListOpen(true);
41
41
  setHasFocusWithin(true);
42
42
  }
43
43
  }
44
- function onBlurWrapper(e) {
44
+ function onBlurWrapper(event) {
45
45
  var _a;
46
- if (!((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget))) {
46
+ if (!((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget))) {
47
47
  toggleIsListOpen(false);
48
48
  setHasFocusWithin(false);
49
- clearInput(e);
49
+ clearInput(event);
50
50
  }
51
51
  }
52
52
  return (react_1.default.createElement("div", { ref: wrapperRef, className: (0, clsx_1.default)(className, "navds-form-field", `navds-form-field--${inputSize}`, {
@@ -1 +1 @@
1
- {"version":3,"file":"ComboboxWrapper.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAgD;AAChD,yDAAwD;AAcxD,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,gBAAgB,GACK,EAAE,EAAE;IACzB,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAExE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,oBAAoB,CAAC,CAAC;;QAC7B,IACE,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA;YAC9C,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,MAAK,CAAC,CAAC,MAAM,EACzC,CAAC;YACD,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,SAAS,aAAa,CAAC,CAAC;;QACtB,IAAI,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA,EAAE,CAAC;YACnD,gBAAgB,CAAC,KAAK,CAAC,CAAC;YACxB,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,UAAU,CAAC,CAAC,CAAC,CAAC;QAChB,CAAC;IACH,CAAC;IAED,OAAO,CACL,uCACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,SAAS,EAAE,EAChC;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACjD,yBAAyB,EAAE,cAAc;YACzC,0BAA0B,EAAE,QAAQ;YACpC,4BAA4B,EAAE,QAAQ;SACvC,CACF,EACD,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,aAAa,IAEpB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"ComboboxWrapper.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAgD;AAChD,yDAAwD;AAcxD,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,gBAAgB,GACK,EAAE,EAAE;IACzB,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAExE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,oBAAoB,CAAC,KAAuC;;QACnE,IACE,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;YAClD,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,MAAK,KAAK,CAAC,MAAM,EAC7C,CAAC;YACD,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,SAAS,aAAa,CAAC,KAAuC;;QAC5D,IAAI,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA,EAAE,CAAC;YACvD,gBAAgB,CAAC,KAAK,CAAC,CAAC;YACxB,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;IAED,OAAO,CACL,uCACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,IAAA,cAAE,EACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,SAAS,EAAE,EAChC;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACjD,yBAAyB,EAAE,cAAc;YACzC,0BAA0B,EAAE,QAAQ;YACpC,4BAA4B,EAAE,QAAQ;SACvC,CACF,EACD,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,aAAa,IAEpB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
@@ -7,6 +7,7 @@ const clsx_1 = __importDefault(require("clsx"));
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const aksel_icons_1 = require("@navikt/aksel-icons");
9
9
  const typography_1 = require("../../../typography");
10
+ const i18n_context_1 = require("../../../util/i18n/i18n.context");
10
11
  const Input_context_1 = require("../Input/Input.context");
11
12
  const selectedOptionsContext_1 = require("../SelectedOptions/selectedOptionsContext");
12
13
  const combobox_utils_1 = require("../combobox-utils");
@@ -16,6 +17,7 @@ const AddNewOption = () => {
16
17
  const { inputProps: { id }, size, searchTerm, } = (0, Input_context_1.useInputContext)();
17
18
  const { setIsMouseLastUsedInputDevice, toggleIsListOpen, activeDecendantId, virtualFocus, } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
18
19
  const { isMultiSelect, selectedOptions, toggleOption } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
20
+ const translate = (0, i18n_context_1.useI18n)("Combobox");
19
21
  return (react_1.default.createElement("li", { tabIndex: -1, onMouseMove: () => {
20
22
  if (activeDecendantId !== filtered_options_util_1.default.getAddNewOptionId(id)) {
21
23
  virtualFocus.moveFocusToElement(filtered_options_util_1.default.getAddNewOptionId(id));
@@ -30,7 +32,7 @@ const AddNewOption = () => {
30
32
  }), role: "option", "aria-selected": false },
31
33
  react_1.default.createElement(aksel_icons_1.PlusIcon, { "aria-hidden": true }),
32
34
  react_1.default.createElement(typography_1.BodyShort, { size: size },
33
- "Legg til",
35
+ translate("addOption"),
34
36
  " ",
35
37
  react_1.default.createElement(typography_1.Label, { as: "span", size: size },
36
38
  "\u201C",
@@ -1 +1 @@
1
- {"version":3,"file":"AddNewOption.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/AddNewOption.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAsB;AACtB,kDAA0B;AAC1B,qDAA+C;AAC/C,oDAAuD;AACvD,0DAAyD;AACzD,sFAAsF;AACtF,sDAA+D;AAC/D,oFAA0D;AAC1D,qEAAqE;AAErE,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,EAClB,IAAI,EACJ,UAAU,GACX,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EACJ,6BAA6B,EAC7B,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAChC,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,GACpD,IAAA,kDAAyB,GAAE,CAAC;IAC9B,OAAO,CACL,sCACE,QAAQ,EAAE,CAAC,CAAC,EACZ,WAAW,EAAE,GAAG,EAAE;YAChB,IAAI,iBAAiB,KAAK,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC;gBACpE,YAAY,CAAC,kBAAkB,CAC7B,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAC1C,CAAC;gBACF,6BAA6B,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,YAAY,CAAC,IAAA,iCAAgB,EAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;YAClD,IAAI,CAAC,aAAa,IAAI,CAAC,IAAA,yBAAQ,EAAC,UAAU,EAAE,eAAe,CAAC;gBAC1D,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC,EACD,EAAE,EAAE,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAC7C,SAAS,EAAE,IAAA,cAAE,EACX,iEAAiE,EACjE;YACE,8CAA8C,EAC5C,iBAAiB,KAAK,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC;SAClE,CACF,EACD,IAAI,EAAC,QAAQ,mBACE,KAAK;QAEpB,8BAAC,sBAAQ,0BAAe;QACxB,8BAAC,sBAAS,IAAC,IAAI,EAAE,IAAI;;YACV,GAAG;YACZ,8BAAC,kBAAK,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI;;gBACjB,UAAU;yBACZ,CACE,CACT,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"AddNewOption.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/AddNewOption.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAsB;AACtB,kDAA0B;AAC1B,qDAA+C;AAC/C,oDAAuD;AACvD,kEAA0D;AAC1D,0DAAyD;AACzD,sFAAsF;AACtF,sDAA+D;AAC/D,oFAA0D;AAC1D,qEAAqE;AAErE,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,EAClB,IAAI,EACJ,UAAU,GACX,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EACJ,6BAA6B,EAC7B,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAChC,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,GACpD,IAAA,kDAAyB,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,UAAU,CAAC,CAAC;IACtC,OAAO,CACL,sCACE,QAAQ,EAAE,CAAC,CAAC,EACZ,WAAW,EAAE,GAAG,EAAE;YAChB,IAAI,iBAAiB,KAAK,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC;gBACpE,YAAY,CAAC,kBAAkB,CAC7B,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAC1C,CAAC;gBACF,6BAA6B,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,YAAY,CAAC,IAAA,iCAAgB,EAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;YAClD,IAAI,CAAC,aAAa,IAAI,CAAC,IAAA,yBAAQ,EAAC,UAAU,EAAE,eAAe,CAAC;gBAC1D,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC,EACD,EAAE,EAAE,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAC7C,SAAS,EAAE,IAAA,cAAE,EACX,iEAAiE,EACjE;YACE,8CAA8C,EAC5C,iBAAiB,KAAK,+BAAmB,CAAC,iBAAiB,CAAC,EAAE,CAAC;SAClE,CACF,EACD,IAAI,EAAC,QAAQ,mBACE,KAAK;QAEpB,8BAAC,sBAAQ,0BAAe;QACxB,8BAAC,sBAAS,IAAC,IAAI,EAAE,IAAI;YAClB,SAAS,CAAC,WAAW,CAAC;YAAE,GAAG;YAC5B,8BAAC,kBAAK,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI;;gBACjB,UAAU;yBACZ,CACE,CACT,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
@@ -18,23 +18,23 @@ const FilteredOptions = () => {
18
18
  const { inputProps: { id }, } = (0, Input_context_1.useInputContext)();
19
19
  const { allowNewValues, isLoading, isListOpen, filteredOptions, setFilteredOptionsRef, isMouseLastUsedInputDevice, isValueNew, } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
20
20
  const { maxSelected } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
21
- const shouldRenderNonSelectables = (maxSelected === null || maxSelected === void 0 ? void 0 : maxSelected.isLimitReached) || // Render maxSelected message
21
+ const shouldRenderNonSelectables = maxSelected.isLimitReached || // Render maxSelected message
22
22
  isLoading || // Render loading message
23
23
  (!isLoading && filteredOptions.length === 0 && !allowNewValues); // Render no hits message
24
- const shouldRenderFilteredOptionsList = (allowNewValues && isValueNew && !(maxSelected === null || maxSelected === void 0 ? void 0 : maxSelected.isLimitReached)) || // Render add new option
24
+ const shouldRenderFilteredOptionsList = (allowNewValues && isValueNew && !maxSelected.isLimitReached) || // Render add new option
25
25
  filteredOptions.length > 0; // Render filtered options
26
26
  return (react_1.default.createElement("div", { className: (0, clsx_1.default)("navds-combobox__list", {
27
27
  "navds-combobox__list--closed": !isListOpen,
28
28
  "navds-combobox__list--with-hover": isMouseLastUsedInputDevice,
29
29
  }), id: filtered_options_util_1.default.getFilteredOptionsId(id), tabIndex: -1 },
30
30
  shouldRenderNonSelectables && (react_1.default.createElement("div", { className: "navds-combobox__list_non-selectables", role: "status" },
31
- (maxSelected === null || maxSelected === void 0 ? void 0 : maxSelected.isLimitReached) && react_1.default.createElement(MaxSelectedMessage_1.default, null),
31
+ maxSelected.isLimitReached && react_1.default.createElement(MaxSelectedMessage_1.default, null),
32
32
  isLoading && react_1.default.createElement(LoadingMessage_1.default, null),
33
33
  !isLoading && filteredOptions.length === 0 && !allowNewValues && (react_1.default.createElement(NoSearchHitsMessage_1.default, null)))),
34
34
  shouldRenderFilteredOptionsList && (
35
35
  /* biome-ignore lint/a11y/useFocusableInteractive: Interaction is not handeled by listbox itself. */
36
36
  react_1.default.createElement("ul", { ref: setFilteredOptionsRef, role: "listbox", className: "navds-combobox__list-options" },
37
- isValueNew && !(maxSelected === null || maxSelected === void 0 ? void 0 : maxSelected.isLimitReached) && allowNewValues && (react_1.default.createElement(AddNewOption_1.default, null)),
37
+ isValueNew && !maxSelected.isLimitReached && allowNewValues && (react_1.default.createElement(AddNewOption_1.default, null)),
38
38
  filteredOptions.map((option) => (react_1.default.createElement(FilteredOptionsItem_1.default, { key: option.value, option: option })))))));
39
39
  };
40
40
  exports.default = FilteredOptions;
@@ -1 +1 @@
1
- {"version":3,"file":"FilteredOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/FilteredOptions.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAsB;AACtB,kDAA0B;AAC1B,0DAAyD;AACzD,sFAAsF;AACtF,kEAA0C;AAC1C,gFAAwD;AACxD,sEAA8C;AAC9C,8EAAsD;AACtD,gFAAwD;AACxD,oFAA0D;AAC1D,qEAAqE;AAErE,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,GACnB,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EACJ,cAAc,EACd,SAAS,EACT,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,0BAA0B,EAC1B,UAAU,GACX,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAChC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAEpD,MAAM,0BAA0B,GAC9B,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,KAAI,6BAA6B;QAC5D,SAAS,IAAI,yBAAyB;QACtC,CAAC,CAAC,SAAS,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,yBAAyB;IAE5F,MAAM,+BAA+B,GACnC,CAAC,cAAc,IAAI,UAAU,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,CAAA,CAAC,IAAI,wBAAwB;QAC1F,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,0BAA0B;IAExD,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,sBAAsB,EAAE;YACpC,8BAA8B,EAAE,CAAC,UAAU;YAC3C,kCAAkC,EAAE,0BAA0B;SAC/D,CAAC,EACF,EAAE,EAAE,+BAAmB,CAAC,oBAAoB,CAAC,EAAE,CAAC,EAChD,QAAQ,EAAE,CAAC,CAAC;QAEX,0BAA0B,IAAI,CAC7B,uCAAK,SAAS,EAAC,sCAAsC,EAAC,IAAI,EAAC,QAAQ;YAChE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,KAAI,8BAAC,4BAAkB,OAAG;YACrD,SAAS,IAAI,8BAAC,wBAAc,OAAG;YAC/B,CAAC,SAAS,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,cAAc,IAAI,CAChE,8BAAC,6BAAmB,OAAG,CACxB,CACG,CACP;QAEA,+BAA+B,IAAI;QAClC,oGAAoG;QACpG,sCACE,GAAG,EAAE,qBAAqB,EAC1B,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,8BAA8B;YAEvC,UAAU,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,CAAA,IAAI,cAAc,IAAI,CAC/D,8BAAC,sBAAY,OAAG,CACjB;YACA,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC/B,8BAAC,6BAAmB,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAC3D,CAAC,CACC,CACN,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"FilteredOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/FilteredOptions.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAsB;AACtB,kDAA0B;AAC1B,0DAAyD;AACzD,sFAAsF;AACtF,kEAA0C;AAC1C,gFAAwD;AACxD,sEAA8C;AAC9C,8EAAsD;AACtD,gFAAwD;AACxD,oFAA0D;AAC1D,qEAAqE;AAErE,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,GACnB,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EACJ,cAAc,EACd,SAAS,EACT,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,0BAA0B,EAC1B,UAAU,GACX,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAChC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAEpD,MAAM,0BAA0B,GAC9B,WAAW,CAAC,cAAc,IAAI,6BAA6B;QAC3D,SAAS,IAAI,yBAAyB;QACtC,CAAC,CAAC,SAAS,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,yBAAyB;IAE5F,MAAM,+BAA+B,GACnC,CAAC,cAAc,IAAI,UAAU,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,IAAI,wBAAwB;QACzF,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,0BAA0B;IAExD,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,sBAAsB,EAAE;YACpC,8BAA8B,EAAE,CAAC,UAAU;YAC3C,kCAAkC,EAAE,0BAA0B;SAC/D,CAAC,EACF,EAAE,EAAE,+BAAmB,CAAC,oBAAoB,CAAC,EAAE,CAAC,EAChD,QAAQ,EAAE,CAAC,CAAC;QAEX,0BAA0B,IAAI,CAC7B,uCAAK,SAAS,EAAC,sCAAsC,EAAC,IAAI,EAAC,QAAQ;YAChE,WAAW,CAAC,cAAc,IAAI,8BAAC,4BAAkB,OAAG;YACpD,SAAS,IAAI,8BAAC,wBAAc,OAAG;YAC/B,CAAC,SAAS,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,cAAc,IAAI,CAChE,8BAAC,6BAAmB,OAAG,CACxB,CACG,CACP;QAEA,+BAA+B,IAAI;QAClC,oGAAoG;QACpG,sCACE,GAAG,EAAE,qBAAqB,EAC1B,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,8BAA8B;YAEvC,UAAU,IAAI,CAAC,WAAW,CAAC,cAAc,IAAI,cAAc,IAAI,CAC9D,8BAAC,sBAAY,OAAG,CACjB;YACA,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC/B,8BAAC,6BAAmB,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAC3D,CAAC,CACC,CACN,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
@@ -26,7 +26,7 @@ const FilteredOptionsItem = ({ option }) => {
26
26
  const { setIsMouseLastUsedInputDevice, toggleIsListOpen, activeDecendantId, virtualFocus, } = (0, filteredOptionsContext_1.useFilteredOptionsContext)();
27
27
  const { isMultiSelect, maxSelected, selectedOptions, toggleOption } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
28
28
  const [start, highlight, end] = useTextHighlight(option.label, searchTerm);
29
- const isDisabled = (_option) => (maxSelected === null || maxSelected === void 0 ? void 0 : maxSelected.isLimitReached) && !(0, combobox_utils_1.isInList)(_option.value, selectedOptions);
29
+ const isDisabled = (_option) => maxSelected.isLimitReached && !(0, combobox_utils_1.isInList)(_option.value, selectedOptions);
30
30
  return (react_1.default.createElement("li", { className: (0, clsx_1.default)("navds-combobox__list-item", {
31
31
  "navds-combobox__list-item--focus": activeDecendantId ===
32
32
  filtered_options_util_1.default.getOptionId(id, option.label),
@@ -1 +1 @@
1
- {"version":3,"file":"FilteredOptionsItem.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FilteredOptionsItem.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx"],"names":[],"mappings":"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"}
@@ -5,12 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  const react_1 = __importDefault(require("react"));
7
7
  const loader_1 = require("../../../loader");
8
+ const i18n_context_1 = require("../../../util/i18n/i18n.context");
8
9
  const Input_context_1 = require("../Input/Input.context");
9
10
  const filtered_options_util_1 = __importDefault(require("./filtered-options-util"));
10
11
  const LoadingMessage = () => {
11
12
  const { inputProps: { id }, } = (0, Input_context_1.useInputContext)();
13
+ const translate = (0, i18n_context_1.useI18n)("Combobox");
12
14
  return (react_1.default.createElement("div", { className: "navds-combobox__list-item--loading", id: filtered_options_util_1.default.getIsLoadingId(id) },
13
- react_1.default.createElement(loader_1.Loader, { title: "S\u00F8ker..." })));
15
+ react_1.default.createElement(loader_1.Loader, { title: translate("loading") })));
14
16
  };
15
17
  exports.default = LoadingMessage;
16
18
  //# sourceMappingURL=LoadingMessage.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LoadingMessage.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/LoadingMessage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAAyC;AACzC,0DAAyD;AACzD,oFAA0D;AAE1D,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,GACnB,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,OAAO,CACL,uCACE,SAAS,EAAC,oCAAoC,EAC9C,EAAE,EAAE,+BAAmB,CAAC,cAAc,CAAC,EAAE,CAAC;QAE1C,8BAAC,eAAM,IAAC,KAAK,EAAC,eAAU,GAAG,CACvB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"LoadingMessage.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/LoadingMessage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAAyC;AACzC,kEAA0D;AAC1D,0DAAyD;AACzD,oFAA0D;AAE1D,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,GACnB,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,UAAU,CAAC,CAAC;IACtC,OAAO,CACL,uCACE,SAAS,EAAC,oCAAoC,EAC9C,EAAE,EAAE,+BAAmB,CAAC,cAAc,CAAC,EAAE,CAAC;QAE1C,8BAAC,eAAM,IAAC,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,GAAI,CACnC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
- declare const MaxSelectedMessage: () => React.JSX.Element | null;
2
+ declare const MaxSelectedMessage: () => React.JSX.Element;
3
3
  export default MaxSelectedMessage;
@@ -4,17 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  const react_1 = __importDefault(require("react"));
7
+ const i18n_context_1 = require("../../../util/i18n/i18n.context");
7
8
  const Input_context_1 = require("../Input/Input.context");
8
9
  const selectedOptionsContext_1 = require("../SelectedOptions/selectedOptionsContext");
9
10
  const filtered_options_util_1 = __importDefault(require("./filtered-options-util"));
10
11
  const MaxSelectedMessage = () => {
11
- var _a;
12
12
  const { inputProps: { id }, } = (0, Input_context_1.useInputContext)();
13
13
  const { maxSelected, selectedOptions } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
14
- if (!maxSelected) {
15
- return null;
16
- }
17
- return (react_1.default.createElement("div", { className: "navds-combobox__list-item--max-selected", id: filtered_options_util_1.default.getMaxSelectedOptionsId(id) }, (_a = maxSelected.message) !== null && _a !== void 0 ? _a : `${selectedOptions.length} av ${maxSelected.limit} er valgt.`));
14
+ const translate = (0, i18n_context_1.useI18n)("Combobox");
15
+ return (react_1.default.createElement("div", { className: "navds-combobox__list-item--max-selected", id: filtered_options_util_1.default.getMaxSelectedOptionsId(id) }, translate("maxSelected", {
16
+ selected: selectedOptions.length,
17
+ limit: maxSelected.limit || 0,
18
+ })));
18
19
  };
19
20
  exports.default = MaxSelectedMessage;
20
21
  //# sourceMappingURL=MaxSelectedMessage.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MaxSelectedMessage.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0DAAyD;AACzD,sFAAsF;AACtF,oFAA0D;AAE1D,MAAM,kBAAkB,GAAG,GAAG,EAAE;;IAC9B,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,GACnB,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAErE,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uCACE,SAAS,EAAC,yCAAyC,EACnD,EAAE,EAAE,+BAAmB,CAAC,uBAAuB,CAAC,EAAE,CAAC,IAElD,MAAA,WAAW,CAAC,OAAO,mCAClB,GAAG,eAAe,CAAC,MAAM,OAAO,WAAW,CAAC,KAAK,YAAY,CAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"MaxSelectedMessage.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kEAA0D;AAC1D,0DAAyD;AACzD,sFAAsF;AACtF,oFAA0D;AAE1D,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,GACnB,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACrE,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,OAAO,CACL,uCACE,SAAS,EAAC,yCAAyC,EACnD,EAAE,EAAE,+BAAmB,CAAC,uBAAuB,CAAC,EAAE,CAAC,IAElD,SAAS,CAAC,aAAa,EAAE;QACxB,QAAQ,EAAE,eAAe,CAAC,MAAM;QAChC,KAAK,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;KAC9B,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}