@navikt/ds-react 7.12.2 → 7.14.0-alpha.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 (310) hide show
  1. package/cjs/date/Date.Dialog.d.ts +18 -0
  2. package/cjs/date/Date.Dialog.js +67 -0
  3. package/cjs/date/Date.Dialog.js.map +1 -0
  4. package/cjs/date/Date.Input.d.ts +50 -0
  5. package/cjs/date/Date.Input.js +96 -0
  6. package/cjs/date/Date.Input.js.map +1 -0
  7. package/cjs/date/Date.locale.d.ts +44 -0
  8. package/cjs/date/Date.locale.js +57 -0
  9. package/cjs/date/Date.locale.js.map +1 -0
  10. package/cjs/date/Date.typeutils.d.ts +14 -0
  11. package/cjs/date/Date.typeutils.js +15 -0
  12. package/cjs/date/Date.typeutils.js.map +1 -0
  13. package/cjs/date/date-utils/calendar-range.d.ts +11 -0
  14. package/cjs/date/date-utils/calendar-range.js +30 -0
  15. package/cjs/date/date-utils/calendar-range.js.map +1 -0
  16. package/cjs/date/date-utils/check-dates.d.ts +8 -0
  17. package/cjs/date/date-utils/check-dates.js +20 -0
  18. package/cjs/date/date-utils/check-dates.js.map +1 -0
  19. package/cjs/date/date-utils/clamp-dates.d.ts +19 -0
  20. package/cjs/date/date-utils/clamp-dates.js +41 -0
  21. package/cjs/date/date-utils/clamp-dates.js.map +1 -0
  22. package/cjs/date/date-utils/dates-disabled.d.ts +1 -0
  23. package/cjs/date/date-utils/dates-disabled.js +29 -0
  24. package/cjs/date/date-utils/dates-disabled.js.map +1 -0
  25. package/cjs/date/date-utils/dropdown-options.d.ts +13 -0
  26. package/cjs/date/date-utils/dropdown-options.js +45 -0
  27. package/cjs/date/date-utils/dropdown-options.js.map +1 -0
  28. package/cjs/date/date-utils/format-date.d.ts +2 -0
  29. package/cjs/date/date-utils/format-date.js +13 -0
  30. package/cjs/date/date-utils/format-date.js.map +1 -0
  31. package/cjs/date/date-utils/index.d.ts +8 -0
  32. package/cjs/date/date-utils/index.js +27 -0
  33. package/cjs/date/date-utils/index.js.map +1 -0
  34. package/cjs/date/date-utils/is-match.d.ts +3 -0
  35. package/cjs/date/date-utils/is-match.js +61 -0
  36. package/cjs/date/date-utils/is-match.js.map +1 -0
  37. package/cjs/date/date-utils/parse-date.d.ts +4 -0
  38. package/cjs/date/date-utils/parse-date.js +87 -0
  39. package/cjs/date/date-utils/parse-date.js.map +1 -0
  40. package/cjs/date/datepicker/DatePicker.d.ts +3 -3
  41. package/cjs/date/datepicker/DatePicker.js +47 -63
  42. package/cjs/date/datepicker/DatePicker.js.map +1 -1
  43. package/cjs/date/datepicker/DatePicker.types.d.ts +108 -0
  44. package/cjs/date/datepicker/DatePicker.types.js +3 -0
  45. package/cjs/date/datepicker/DatePicker.types.js.map +1 -0
  46. package/cjs/date/datepicker/hooks/useDatepicker.d.ts +90 -0
  47. package/cjs/date/datepicker/hooks/useDatepicker.js +164 -0
  48. package/cjs/date/datepicker/hooks/useDatepicker.js.map +1 -0
  49. package/cjs/date/datepicker/hooks/useRangeDatepicker.d.ts +76 -0
  50. package/cjs/date/datepicker/hooks/useRangeDatepicker.js +322 -0
  51. package/cjs/date/datepicker/hooks/useRangeDatepicker.js.map +1 -0
  52. package/cjs/date/datepicker/index.d.ts +4 -3
  53. package/cjs/date/datepicker/index.js +8 -7
  54. package/cjs/date/datepicker/index.js.map +1 -1
  55. package/cjs/date/datepicker/parts/DatePicker.DayButton.d.ts +9 -0
  56. package/cjs/date/datepicker/parts/DatePicker.DayButton.js +70 -0
  57. package/cjs/date/datepicker/parts/DatePicker.DayButton.js.map +1 -0
  58. package/cjs/date/datepicker/parts/DatePicker.Months.d.ts +11 -0
  59. package/cjs/date/datepicker/parts/DatePicker.Months.js +84 -0
  60. package/cjs/date/datepicker/parts/DatePicker.Months.js.map +1 -0
  61. package/cjs/date/datepicker/parts/DatePicker.RDP.d.ts +15 -0
  62. package/cjs/date/datepicker/parts/DatePicker.RDP.js +103 -0
  63. package/cjs/date/datepicker/parts/DatePicker.RDP.js.map +1 -0
  64. package/cjs/date/datepicker/parts/DatePicker.Standalone.d.ts +18 -0
  65. package/cjs/date/datepicker/parts/DatePicker.Standalone.js +60 -0
  66. package/cjs/date/datepicker/parts/DatePicker.Standalone.js.map +1 -0
  67. package/cjs/date/datepicker/parts/DatePicker.WeekNumber.d.ts +9 -0
  68. package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js +64 -0
  69. package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -0
  70. package/cjs/date/datepicker/parts/DatePicker.WeekRow.d.ts +8 -0
  71. package/cjs/date/datepicker/parts/DatePicker.WeekRow.js +28 -0
  72. package/cjs/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -0
  73. package/cjs/date/monthpicker/MonthPicker.context.d.ts +21 -0
  74. package/cjs/date/monthpicker/MonthPicker.context.js +48 -0
  75. package/cjs/date/monthpicker/MonthPicker.context.js.map +1 -0
  76. package/cjs/date/monthpicker/MonthPicker.d.ts +3 -3
  77. package/cjs/date/monthpicker/MonthPicker.js +34 -43
  78. package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
  79. package/cjs/date/monthpicker/MonthPicker.types.d.ts +86 -0
  80. package/cjs/date/monthpicker/MonthPicker.types.js +3 -0
  81. package/cjs/date/monthpicker/MonthPicker.types.js.map +1 -0
  82. package/cjs/date/monthpicker/MonthPicker.util.d.ts +2 -0
  83. package/cjs/date/monthpicker/MonthPicker.util.js +156 -0
  84. package/cjs/date/monthpicker/MonthPicker.util.js.map +1 -0
  85. package/cjs/date/monthpicker/hooks/useMonthPicker.d.ts +85 -0
  86. package/cjs/date/monthpicker/hooks/useMonthPicker.js +179 -0
  87. package/cjs/date/monthpicker/hooks/useMonthPicker.js.map +1 -0
  88. package/cjs/date/monthpicker/index.d.ts +4 -4
  89. package/cjs/date/monthpicker/index.js +6 -6
  90. package/cjs/date/monthpicker/index.js.map +1 -1
  91. package/cjs/date/monthpicker/parts/MonthPicker.Button.d.ts +11 -0
  92. package/cjs/date/monthpicker/parts/MonthPicker.Button.js +82 -0
  93. package/cjs/date/monthpicker/parts/MonthPicker.Button.js.map +1 -0
  94. package/cjs/date/monthpicker/parts/MonthPicker.Caption.d.ts +3 -0
  95. package/cjs/date/monthpicker/parts/MonthPicker.Caption.js +52 -0
  96. package/cjs/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -0
  97. package/cjs/date/monthpicker/parts/MonthPicker.Standalone.d.ts +10 -0
  98. package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js +51 -0
  99. package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -0
  100. package/cjs/date/monthpicker/parts/MonthPicker.Table.d.ts +3 -0
  101. package/cjs/date/monthpicker/parts/MonthPicker.Table.js +79 -0
  102. package/cjs/date/monthpicker/parts/MonthPicker.Table.js.map +1 -0
  103. package/cjs/form/combobox/Combobox.d.ts +1 -1
  104. package/cjs/form/combobox/Input/InputController.d.ts +1 -1
  105. package/cjs/form/confirmation-panel/ConfirmationPanel.js +6 -1
  106. package/cjs/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
  107. package/cjs/modal/Modal.js +2 -2
  108. package/cjs/modal/Modal.js.map +1 -1
  109. package/cjs/popover/Popover.js +3 -3
  110. package/cjs/popover/Popover.js.map +1 -1
  111. package/cjs/theme/Theme.d.ts +7 -1
  112. package/cjs/theme/Theme.js +24 -2
  113. package/cjs/theme/Theme.js.map +1 -1
  114. package/cjs/theme/index.d.ts +1 -1
  115. package/cjs/theme/index.js.map +1 -1
  116. package/cjs/tooltip/Tooltip.js +2 -5
  117. package/cjs/tooltip/Tooltip.js.map +1 -1
  118. package/esm/date/Date.Dialog.d.ts +18 -0
  119. package/esm/date/Date.Dialog.js +38 -0
  120. package/esm/date/Date.Dialog.js.map +1 -0
  121. package/esm/date/Date.Input.d.ts +50 -0
  122. package/esm/date/Date.Input.js +66 -0
  123. package/esm/date/Date.Input.js.map +1 -0
  124. package/esm/date/Date.locale.d.ts +44 -0
  125. package/esm/date/Date.locale.js +47 -0
  126. package/esm/date/Date.locale.js.map +1 -0
  127. package/esm/date/Date.typeutils.d.ts +14 -0
  128. package/esm/date/Date.typeutils.js +10 -0
  129. package/esm/date/Date.typeutils.js.map +1 -0
  130. package/esm/date/date-utils/calendar-range.d.ts +11 -0
  131. package/esm/date/date-utils/calendar-range.js +27 -0
  132. package/esm/date/date-utils/calendar-range.js.map +1 -0
  133. package/esm/date/date-utils/check-dates.d.ts +8 -0
  134. package/esm/date/date-utils/check-dates.js +14 -0
  135. package/esm/date/date-utils/check-dates.js.map +1 -0
  136. package/esm/date/date-utils/clamp-dates.d.ts +19 -0
  137. package/esm/date/date-utils/clamp-dates.js +37 -0
  138. package/esm/date/date-utils/clamp-dates.js.map +1 -0
  139. package/esm/date/date-utils/dates-disabled.d.ts +1 -0
  140. package/esm/date/date-utils/dates-disabled.js +25 -0
  141. package/esm/date/date-utils/dates-disabled.js.map +1 -0
  142. package/esm/date/date-utils/dropdown-options.d.ts +13 -0
  143. package/esm/date/date-utils/dropdown-options.js +41 -0
  144. package/esm/date/date-utils/dropdown-options.js.map +1 -0
  145. package/esm/date/date-utils/format-date.d.ts +2 -0
  146. package/esm/date/date-utils/format-date.js +9 -0
  147. package/esm/date/date-utils/format-date.js.map +1 -0
  148. package/esm/date/date-utils/index.d.ts +8 -0
  149. package/esm/date/date-utils/index.js +9 -0
  150. package/esm/date/date-utils/index.js.map +1 -0
  151. package/esm/date/date-utils/is-match.d.ts +3 -0
  152. package/esm/date/date-utils/is-match.js +57 -0
  153. package/esm/date/date-utils/is-match.js.map +1 -0
  154. package/esm/date/date-utils/parse-date.d.ts +4 -0
  155. package/esm/date/date-utils/parse-date.js +83 -0
  156. package/esm/date/date-utils/parse-date.js.map +1 -0
  157. package/esm/date/datepicker/DatePicker.d.ts +3 -3
  158. package/esm/date/datepicker/DatePicker.js +46 -62
  159. package/esm/date/datepicker/DatePicker.js.map +1 -1
  160. package/esm/date/datepicker/DatePicker.types.d.ts +108 -0
  161. package/esm/date/datepicker/DatePicker.types.js +2 -0
  162. package/esm/date/datepicker/DatePicker.types.js.map +1 -0
  163. package/esm/date/datepicker/hooks/useDatepicker.d.ts +90 -0
  164. package/esm/date/datepicker/hooks/useDatepicker.js +160 -0
  165. package/esm/date/datepicker/hooks/useDatepicker.js.map +1 -0
  166. package/esm/date/datepicker/hooks/useRangeDatepicker.d.ts +76 -0
  167. package/esm/date/datepicker/hooks/useRangeDatepicker.js +318 -0
  168. package/esm/date/datepicker/hooks/useRangeDatepicker.js.map +1 -0
  169. package/esm/date/datepicker/index.d.ts +4 -3
  170. package/esm/date/datepicker/index.js +4 -3
  171. package/esm/date/datepicker/index.js.map +1 -1
  172. package/esm/date/datepicker/parts/DatePicker.DayButton.d.ts +9 -0
  173. package/esm/date/datepicker/parts/DatePicker.DayButton.js +41 -0
  174. package/esm/date/datepicker/parts/DatePicker.DayButton.js.map +1 -0
  175. package/esm/date/datepicker/parts/DatePicker.Months.d.ts +11 -0
  176. package/esm/date/datepicker/parts/DatePicker.Months.js +58 -0
  177. package/esm/date/datepicker/parts/DatePicker.Months.js.map +1 -0
  178. package/esm/date/datepicker/parts/DatePicker.RDP.d.ts +15 -0
  179. package/esm/date/datepicker/parts/DatePicker.RDP.js +74 -0
  180. package/esm/date/datepicker/parts/DatePicker.RDP.js.map +1 -0
  181. package/esm/date/datepicker/parts/DatePicker.Standalone.d.ts +18 -0
  182. package/esm/date/datepicker/parts/DatePicker.Standalone.js +31 -0
  183. package/esm/date/datepicker/parts/DatePicker.Standalone.js.map +1 -0
  184. package/esm/date/datepicker/parts/DatePicker.WeekNumber.d.ts +9 -0
  185. package/esm/date/datepicker/parts/DatePicker.WeekNumber.js +35 -0
  186. package/esm/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -0
  187. package/esm/date/datepicker/parts/DatePicker.WeekRow.d.ts +8 -0
  188. package/esm/date/datepicker/parts/DatePicker.WeekRow.js +22 -0
  189. package/esm/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -0
  190. package/esm/date/monthpicker/MonthPicker.context.d.ts +21 -0
  191. package/esm/date/monthpicker/MonthPicker.context.js +41 -0
  192. package/esm/date/monthpicker/MonthPicker.context.js.map +1 -0
  193. package/esm/date/monthpicker/MonthPicker.d.ts +3 -3
  194. package/esm/date/monthpicker/MonthPicker.js +31 -40
  195. package/esm/date/monthpicker/MonthPicker.js.map +1 -1
  196. package/esm/date/monthpicker/MonthPicker.types.d.ts +86 -0
  197. package/esm/date/monthpicker/MonthPicker.types.js +2 -0
  198. package/esm/date/monthpicker/MonthPicker.types.js.map +1 -0
  199. package/esm/date/monthpicker/MonthPicker.util.d.ts +2 -0
  200. package/esm/date/monthpicker/MonthPicker.util.js +152 -0
  201. package/esm/date/monthpicker/MonthPicker.util.js.map +1 -0
  202. package/esm/date/monthpicker/hooks/useMonthPicker.d.ts +85 -0
  203. package/esm/date/monthpicker/hooks/useMonthPicker.js +175 -0
  204. package/esm/date/monthpicker/hooks/useMonthPicker.js.map +1 -0
  205. package/esm/date/monthpicker/index.d.ts +4 -4
  206. package/esm/date/monthpicker/index.js +3 -3
  207. package/esm/date/monthpicker/index.js.map +1 -1
  208. package/esm/date/monthpicker/parts/MonthPicker.Button.d.ts +11 -0
  209. package/esm/date/monthpicker/parts/MonthPicker.Button.js +52 -0
  210. package/esm/date/monthpicker/parts/MonthPicker.Button.js.map +1 -0
  211. package/esm/date/monthpicker/parts/MonthPicker.Caption.d.ts +3 -0
  212. package/esm/date/monthpicker/parts/MonthPicker.Caption.js +46 -0
  213. package/esm/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -0
  214. package/esm/date/monthpicker/parts/MonthPicker.Standalone.d.ts +10 -0
  215. package/esm/date/monthpicker/parts/MonthPicker.Standalone.js +22 -0
  216. package/esm/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -0
  217. package/esm/date/monthpicker/parts/MonthPicker.Table.d.ts +3 -0
  218. package/esm/date/monthpicker/parts/MonthPicker.Table.js +50 -0
  219. package/esm/date/monthpicker/parts/MonthPicker.Table.js.map +1 -0
  220. package/esm/form/combobox/Combobox.d.ts +1 -1
  221. package/esm/form/combobox/Input/InputController.d.ts +1 -1
  222. package/esm/form/confirmation-panel/ConfirmationPanel.js +6 -1
  223. package/esm/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
  224. package/esm/modal/Modal.js +3 -3
  225. package/esm/modal/Modal.js.map +1 -1
  226. package/esm/popover/Popover.js +4 -4
  227. package/esm/popover/Popover.js.map +1 -1
  228. package/esm/theme/Theme.d.ts +7 -1
  229. package/esm/theme/Theme.js +22 -2
  230. package/esm/theme/Theme.js.map +1 -1
  231. package/esm/theme/index.d.ts +1 -1
  232. package/esm/theme/index.js.map +1 -1
  233. package/esm/tooltip/Tooltip.js +2 -5
  234. package/esm/tooltip/Tooltip.js.map +1 -1
  235. package/package.json +7 -8
  236. package/src/date/{parts/DateWrapper.tsx → Date.Dialog.tsx} +12 -9
  237. package/src/date/{parts/DateInput.tsx → Date.Input.tsx} +30 -5
  238. package/src/date/{utils/locale.ts → Date.locale.ts} +11 -2
  239. package/src/date/Date.typeutils.ts +32 -0
  240. package/src/date/date-utils/calendar-range.test.ts +54 -0
  241. package/src/date/date-utils/calendar-range.ts +46 -0
  242. package/src/date/date-utils/check-dates.test.ts +49 -0
  243. package/src/date/date-utils/check-dates.ts +28 -0
  244. package/src/date/date-utils/clamp-dates.test.ts +156 -0
  245. package/src/date/date-utils/clamp-dates.ts +63 -0
  246. package/src/date/{utils/__tests__ → date-utils}/dates-disabled.test.ts +1 -1
  247. package/src/date/{utils → date-utils}/dates-disabled.ts +1 -2
  248. package/src/date/date-utils/dropdown-options.test.ts +143 -0
  249. package/src/date/date-utils/dropdown-options.ts +79 -0
  250. package/src/date/{utils/__tests__ → date-utils}/format-dates.test.ts +2 -2
  251. package/src/date/date-utils/index.ts +16 -0
  252. package/src/date/{utils/__tests__ → date-utils}/is-match.test.ts +1 -1
  253. package/src/date/{utils → date-utils}/is-match.ts +2 -11
  254. package/src/date/{utils/__tests__ → date-utils}/parse-dates.test.ts +2 -1
  255. package/src/date/datepicker/DatePicker.tsx +67 -92
  256. package/src/date/datepicker/{types.ts → DatePicker.types.ts} +10 -4
  257. package/src/date/{hooks → datepicker/hooks}/useDatepicker.tsx +12 -13
  258. package/src/date/{hooks → datepicker/hooks}/useRangeDatepicker.test.tsx +1 -1
  259. package/src/date/{hooks → datepicker/hooks}/useRangeDatepicker.tsx +19 -19
  260. package/src/date/datepicker/index.ts +4 -5
  261. package/src/date/datepicker/parts/DatePicker.DayButton.tsx +56 -0
  262. package/src/date/datepicker/parts/DatePicker.Months.tsx +149 -0
  263. package/src/date/datepicker/parts/DatePicker.RDP.tsx +170 -0
  264. package/src/date/datepicker/parts/DatePicker.Standalone.tsx +93 -0
  265. package/src/date/datepicker/parts/DatePicker.WeekNumber.tsx +86 -0
  266. package/src/date/datepicker/parts/{WeekRow.tsx → DatePicker.WeekRow.tsx} +20 -21
  267. package/src/date/monthpicker/MonthPicker.context.tsx +103 -0
  268. package/src/date/monthpicker/MonthPicker.tsx +63 -68
  269. package/src/date/monthpicker/{types.ts → MonthPicker.types.ts} +1 -1
  270. package/src/date/{utils/navigation.ts → monthpicker/MonthPicker.util.ts} +2 -1
  271. package/src/date/{hooks → monthpicker/hooks}/useMonthPicker.tsx +14 -13
  272. package/src/date/monthpicker/index.ts +4 -4
  273. package/src/date/monthpicker/{MonthButton.tsx → parts/MonthPicker.Button.tsx} +21 -10
  274. package/src/date/monthpicker/{MonthCaption.tsx → parts/MonthPicker.Caption.tsx} +20 -21
  275. package/src/date/monthpicker/parts/MonthPicker.Standalone.tsx +86 -0
  276. package/src/date/monthpicker/{MonthSelector.tsx → parts/MonthPicker.Table.tsx} +7 -7
  277. package/src/form/confirmation-panel/ConfirmationPanel.tsx +7 -0
  278. package/src/modal/Modal.tsx +3 -3
  279. package/src/popover/Popover.tsx +4 -4
  280. package/src/react-css.d.ts +4 -0
  281. package/src/theme/RenameCSS.test.ts +80 -0
  282. package/src/theme/Theme.tsx +45 -8
  283. package/src/theme/index.ts +1 -1
  284. package/src/tooltip/Tooltip.tsx +2 -6
  285. package/src/date/context/index.ts +0 -9
  286. package/src/date/context/useDateInputContext.tsx +0 -34
  287. package/src/date/context/useDateTranslationContext.ts +0 -9
  288. package/src/date/context/useSharedMonthContext.tsx +0 -68
  289. package/src/date/datepicker/DatePickerStandalone.tsx +0 -136
  290. package/src/date/datepicker/datepicker.test.tsx +0 -28
  291. package/src/date/datepicker/parts/Caption.tsx +0 -54
  292. package/src/date/datepicker/parts/DayButton.tsx +0 -32
  293. package/src/date/datepicker/parts/DropdownCaption.tsx +0 -110
  294. package/src/date/datepicker/parts/HeadRow.tsx +0 -56
  295. package/src/date/datepicker/parts/Row.tsx +0 -48
  296. package/src/date/datepicker/parts/TableHead.tsx +0 -17
  297. package/src/date/datepicker/parts/WeekNumber.tsx +0 -75
  298. package/src/date/hooks/index.ts +0 -6
  299. package/src/date/monthpicker/MonthPickerStandalone.tsx +0 -102
  300. package/src/date/utils/__tests__/check-dates.test.ts +0 -22
  301. package/src/date/utils/__tests__/get-dates.test.ts +0 -121
  302. package/src/date/utils/__tests__/get-initial-year.test.ts +0 -83
  303. package/src/date/utils/__tests__/get-month-weeks.test.ts +0 -116
  304. package/src/date/utils/check-dates.ts +0 -13
  305. package/src/date/utils/get-dates.ts +0 -60
  306. package/src/date/utils/get-initial-year.ts +0 -25
  307. package/src/date/utils/get-month-weeks.ts +0 -93
  308. package/src/date/utils/index.ts +0 -18
  309. /package/src/date/{utils → date-utils}/format-date.ts +0 -0
  310. /package/src/date/{utils → date-utils}/parse-date.ts +0 -0
@@ -0,0 +1,179 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useMonthpicker = void 0;
4
+ const react_1 = require("react");
5
+ const react_day_picker_1 = require("react-day-picker");
6
+ const i18n_hooks_1 = require("../../../util/i18n/i18n.hooks");
7
+ const Date_locale_1 = require("../../Date.locale");
8
+ const date_utils_1 = require("../../date-utils");
9
+ const getValidationMessage = (val = {}) => (Object.assign({ isDisabled: false, isEmpty: false, isInvalid: false, isBefore: false, isAfter: false, isValidMonth: true }, val));
10
+ const getIsBefore = (opt) => opt.fromDate &&
11
+ opt.date &&
12
+ (opt.fromDate.getFullYear() > opt.date.getFullYear() ||
13
+ (opt.fromDate.getFullYear() === opt.date.getFullYear() &&
14
+ opt.fromDate.getMonth() > opt.date.getMonth()));
15
+ const getIsAfter = (opt) => opt.toDate &&
16
+ opt.date &&
17
+ (opt.toDate.getFullYear() < opt.date.getFullYear() ||
18
+ (opt.toDate.getFullYear() === opt.date.getFullYear() &&
19
+ opt.toDate.getMonth() < opt.date.getMonth()));
20
+ /**
21
+ *
22
+ * @see 🏷️ {@link UseMonthPickerOptions}
23
+ * @see 🏷️ {@link UseMonthPickerValue}
24
+ * @see 🏷️ {@link MonthValidationT}
25
+ * @example
26
+ * const { monthpickerProps, inputProps } = useMonthpicker({
27
+ * fromDate: new Date("Aug 23 2019"),
28
+ * toDate: new Date("Feb 23 2024"),
29
+ * onMonthChange: console.log,
30
+ * onValidate: console.log,
31
+ * });
32
+ */
33
+ const useMonthpicker = (opt = {}) => {
34
+ var _a;
35
+ const { locale: _locale, defaultSelected: _defaultSelected, fromDate, toDate, disabled, required, onMonthChange, inputFormat, onValidate, defaultYear, allowTwoDigitYear = true, } = opt;
36
+ const [anchorRef, setAnchorRef] = (0, react_1.useState)(null);
37
+ const [defaultSelected, setDefaultSelected] = (0, react_1.useState)(_defaultSelected);
38
+ const today = (0, react_1.useMemo)(() => new Date(), []);
39
+ const localeFromProvider = (0, i18n_hooks_1.useDateLocale)();
40
+ const locale = _locale ? (0, Date_locale_1.getLocaleFromString)(_locale) : localeFromProvider;
41
+ // Initialize states
42
+ const [year, setYear] = (0, react_1.useState)((_a = defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : defaultYear) !== null && _a !== void 0 ? _a : today);
43
+ const [selectedMonth, setSelectedMonth] = (0, react_1.useState)(defaultSelected);
44
+ const [open, setOpen] = (0, react_1.useState)(false);
45
+ const defaultInputValue = defaultSelected
46
+ ? (0, date_utils_1.formatDateForInput)(defaultSelected, locale, "month", inputFormat)
47
+ : "";
48
+ const [inputValue, setInputValue] = (0, react_1.useState)(defaultInputValue);
49
+ const handleOpen = (0, react_1.useCallback)((newOpen) => {
50
+ var _a, _b;
51
+ setOpen(newOpen);
52
+ newOpen &&
53
+ setYear((_b = (_a = selectedMonth !== null && selectedMonth !== void 0 ? selectedMonth : defaultSelected) !== null && _a !== void 0 ? _a : defaultYear) !== null && _b !== void 0 ? _b : today);
54
+ }, [defaultSelected, defaultYear, selectedMonth, today]);
55
+ const updateMonth = (date) => {
56
+ onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(date);
57
+ setSelectedMonth(date);
58
+ };
59
+ const updateValidation = (val = {}) => onValidate === null || onValidate === void 0 ? void 0 : onValidate(getValidationMessage(val));
60
+ const reset = () => {
61
+ var _a;
62
+ updateMonth(defaultSelected);
63
+ setYear((_a = defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : defaultYear) !== null && _a !== void 0 ? _a : today);
64
+ setInputValue(defaultInputValue !== null && defaultInputValue !== void 0 ? defaultInputValue : "");
65
+ setDefaultSelected(_defaultSelected);
66
+ };
67
+ const setSelected = (date) => {
68
+ var _a;
69
+ updateMonth(date);
70
+ setYear((_a = date !== null && date !== void 0 ? date : defaultYear) !== null && _a !== void 0 ? _a : today);
71
+ setInputValue(date ? (0, date_utils_1.formatDateForInput)(date, locale, "month", inputFormat) : "");
72
+ };
73
+ const handleFocus = (e) => {
74
+ var _a;
75
+ if (e.target.readOnly) {
76
+ return;
77
+ }
78
+ const day = (0, date_utils_1.parseDate)(e.target.value, today, locale, "month", allowTwoDigitYear);
79
+ const isBefore = getIsBefore({ fromDate, date: day });
80
+ const isAfter = getIsAfter({ toDate, date: day });
81
+ if ((0, date_utils_1.isValidDate)(day)) {
82
+ !isBefore && !isAfter && setYear(day);
83
+ setInputValue((0, date_utils_1.formatDateForInput)(day, locale, "month", inputFormat));
84
+ }
85
+ else {
86
+ setYear((_a = defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : defaultYear) !== null && _a !== void 0 ? _a : today);
87
+ }
88
+ };
89
+ const handleBlur = (e) => {
90
+ const day = (0, date_utils_1.parseDate)(e.target.value, today, locale, "month", allowTwoDigitYear);
91
+ (0, date_utils_1.isValidDate)(day) &&
92
+ setInputValue((0, date_utils_1.formatDateForInput)(day, locale, "month", inputFormat));
93
+ };
94
+ /* Only allow de-selecting if not required */
95
+ const handleMonthClick = (month) => {
96
+ if (!month && required) {
97
+ return;
98
+ }
99
+ if (month) {
100
+ handleOpen(false);
101
+ setYear(month);
102
+ anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.focus();
103
+ }
104
+ if (!month) {
105
+ updateMonth(undefined);
106
+ updateValidation({ isValidMonth: false, isEmpty: true });
107
+ setInputValue("");
108
+ setYear(defaultYear !== null && defaultYear !== void 0 ? defaultYear : today);
109
+ return;
110
+ }
111
+ updateMonth(month);
112
+ updateValidation();
113
+ setInputValue(month ? (0, date_utils_1.formatDateForInput)(month, locale, "month", inputFormat) : "");
114
+ };
115
+ // When changing the input field, save its value in state and check if the
116
+ // string is a valid date. If it is a valid day, set it as selected and update
117
+ // the calendar’s month.
118
+ const handleChange = (e) => {
119
+ setInputValue(e.target.value);
120
+ const month = (0, date_utils_1.parseDate)(e.target.value, today, locale, "month", allowTwoDigitYear);
121
+ const isBefore = getIsBefore({ fromDate, date: month });
122
+ const isAfter = getIsAfter({ toDate, date: month });
123
+ if (!(0, date_utils_1.isValidDate)(month) ||
124
+ (disabled && (0, react_day_picker_1.dateMatchModifiers)(month, disabled))) {
125
+ updateMonth(undefined);
126
+ updateValidation({
127
+ isInvalid: (0, date_utils_1.isValidDate)(month),
128
+ isDisabled: disabled && (0, react_day_picker_1.dateMatchModifiers)(month, disabled),
129
+ isValidMonth: false,
130
+ isEmpty: !e.target.value,
131
+ isBefore: isBefore !== null && isBefore !== void 0 ? isBefore : false,
132
+ isAfter: isAfter !== null && isAfter !== void 0 ? isAfter : false,
133
+ });
134
+ return;
135
+ }
136
+ if (isAfter ||
137
+ isBefore ||
138
+ (fromDate &&
139
+ toDate &&
140
+ !(0, react_day_picker_1.dateMatchModifiers)(month, [{ from: fromDate, to: toDate }]))) {
141
+ updateMonth(undefined);
142
+ updateValidation({
143
+ isValidMonth: false,
144
+ isBefore: isBefore !== null && isBefore !== void 0 ? isBefore : false,
145
+ isAfter: isAfter !== null && isAfter !== void 0 ? isAfter : false,
146
+ });
147
+ return;
148
+ }
149
+ updateMonth(month);
150
+ updateValidation();
151
+ setYear(month);
152
+ };
153
+ const monthpickerProps = {
154
+ year,
155
+ onYearChange: (y) => setYear(y !== null && y !== void 0 ? y : today),
156
+ onMonthSelect: handleMonthClick,
157
+ selected: selectedMonth,
158
+ locale: _locale,
159
+ fromDate,
160
+ toDate,
161
+ open,
162
+ onOpenToggle: () => handleOpen(!open),
163
+ onClose: () => {
164
+ handleOpen(false);
165
+ anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.focus();
166
+ },
167
+ disabled,
168
+ };
169
+ const inputProps = {
170
+ onChange: handleChange,
171
+ onFocus: handleFocus,
172
+ onBlur: handleBlur,
173
+ value: inputValue,
174
+ setAnchorRef,
175
+ };
176
+ return { monthpickerProps, inputProps, reset, selectedMonth, setSelected };
177
+ };
178
+ exports.useMonthpicker = useMonthpicker;
179
+ //# sourceMappingURL=useMonthPicker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useMonthPicker.js","sourceRoot":"","sources":["../../../../src/date/monthpicker/hooks/useMonthPicker.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
- export { useMonthpicker, type MonthValidationT } from "../hooks";
1
+ export { useMonthpicker, type MonthValidationT } from "./hooks/useMonthPicker";
2
2
  export { default as MonthPicker } from "./MonthPicker";
3
- export { type MonthPickerProps } from "./types";
4
- export { MonthPickerStandalone, type MonthPickerStandaloneProps, } from "./MonthPickerStandalone";
5
- export { MonthPickerInput } from "../parts/DateInput";
3
+ export { type MonthPickerProps } from "./MonthPicker.types";
4
+ export { MonthPickerStandalone, type MonthPickerStandaloneProps, } from "./parts/MonthPicker.Standalone";
5
+ export { MonthPickerInput } from "../Date.Input";
@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  };
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.MonthPickerInput = exports.MonthPickerStandalone = exports.MonthPicker = exports.useMonthpicker = void 0;
8
- var hooks_1 = require("../hooks");
9
- Object.defineProperty(exports, "useMonthpicker", { enumerable: true, get: function () { return hooks_1.useMonthpicker; } });
8
+ var useMonthPicker_1 = require("./hooks/useMonthPicker");
9
+ Object.defineProperty(exports, "useMonthpicker", { enumerable: true, get: function () { return useMonthPicker_1.useMonthpicker; } });
10
10
  var MonthPicker_1 = require("./MonthPicker");
11
11
  Object.defineProperty(exports, "MonthPicker", { enumerable: true, get: function () { return __importDefault(MonthPicker_1).default; } });
12
- var MonthPickerStandalone_1 = require("./MonthPickerStandalone");
13
- Object.defineProperty(exports, "MonthPickerStandalone", { enumerable: true, get: function () { return MonthPickerStandalone_1.MonthPickerStandalone; } });
14
- var DateInput_1 = require("../parts/DateInput");
15
- Object.defineProperty(exports, "MonthPickerInput", { enumerable: true, get: function () { return DateInput_1.MonthPickerInput; } });
12
+ var MonthPicker_Standalone_1 = require("./parts/MonthPicker.Standalone");
13
+ Object.defineProperty(exports, "MonthPickerStandalone", { enumerable: true, get: function () { return MonthPicker_Standalone_1.MonthPickerStandalone; } });
14
+ var Date_Input_1 = require("../Date.Input");
15
+ Object.defineProperty(exports, "MonthPickerInput", { enumerable: true, get: function () { return Date_Input_1.MonthPickerInput; } });
16
16
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/monthpicker/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,kCAAiE;AAAxD,uGAAA,cAAc,OAAA;AACvB,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAE/B,iEAGiC;AAF/B,8HAAA,qBAAqB,OAAA;AAGvB,gDAAsD;AAA7C,6GAAA,gBAAgB,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/monthpicker/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,yDAA+E;AAAtE,gHAAA,cAAc,OAAA;AACvB,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAE/B,yEAGwC;AAFtC,+HAAA,qBAAqB,OAAA;AAGvB,4CAAiD;AAAxC,8GAAA,gBAAgB,OAAA"}
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ interface MonthType {
3
+ month: Date;
4
+ months: Date[];
5
+ focus: Date | undefined;
6
+ setFocus: (date?: Date) => void;
7
+ tabRoot?: Date;
8
+ setTabRoot: (date?: Date) => void;
9
+ }
10
+ export declare const MonthButton: ({ month, months, focus, setFocus, tabRoot, setTabRoot, }: MonthType) => React.JSX.Element;
11
+ export default MonthButton;
@@ -0,0 +1,82 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ exports.MonthButton = void 0;
30
+ const clsx_1 = __importDefault(require("clsx"));
31
+ const date_fns_1 = require("date-fns");
32
+ const react_1 = __importStar(require("react"));
33
+ const date_utils_1 = require("../../date-utils");
34
+ const MonthPicker_context_1 = require("../MonthPicker.context");
35
+ const MonthPicker_util_1 = require("../MonthPicker.util");
36
+ const disableMonth = (month, fromDate, toDate) => {
37
+ if (fromDate && toDate) {
38
+ return (((0, date_fns_1.compareAsc)(month, fromDate) === -1 && !(0, date_fns_1.isSameMonth)(month, fromDate)) ||
39
+ ((0, date_fns_1.compareDesc)(month, toDate) === -1 && !(0, date_fns_1.isSameMonth)(month, toDate)));
40
+ }
41
+ if (fromDate) {
42
+ return (0, date_fns_1.compareAsc)(month, fromDate) === -1 && !(0, date_fns_1.isSameMonth)(month, fromDate);
43
+ }
44
+ if (toDate) {
45
+ return (0, date_fns_1.compareDesc)(month, toDate) === -1 && !(0, date_fns_1.isSameMonth)(month, toDate);
46
+ }
47
+ return false;
48
+ };
49
+ const MonthButton = ({ month, months, focus, setFocus, tabRoot, setTabRoot, }) => {
50
+ const ref = (0, react_1.useRef)(null);
51
+ const { fromDate, toDate, locale, selected, disabled, year, onYearChange, onMonthSelect, caption, } = (0, MonthPicker_context_1.useMonthPickerContext)();
52
+ const isSelected = selected && (0, date_fns_1.isSameMonth)(month, selected);
53
+ (0, react_1.useEffect)(() => {
54
+ if (focus) {
55
+ (0, date_fns_1.isSameMonth)(month, focus) && ref.current && ref.current.focus();
56
+ setFocus();
57
+ }
58
+ }, [focus, month, setFocus]);
59
+ const isDisabled = (0, date_utils_1.isMatch)((0, date_fns_1.setYear)(month, year.getFullYear()), disabled) ||
60
+ disableMonth(month, fromDate, toDate);
61
+ const isThisMonth = (0, date_utils_1.dateIsInCurrentMonth)(month, year);
62
+ return (react_1.default.createElement("button", { ref: ref, type: "button", onClick: () => onMonthSelect === null || onMonthSelect === void 0 ? void 0 : onMonthSelect(isSelected ? undefined : month), disabled: isDisabled, "aria-pressed": !!isSelected, "data-current-month": isThisMonth, className: (0, clsx_1.default)("navds-date__month-button", {
63
+ "rdp-day_today": isThisMonth,
64
+ "rdp-day_selected": isSelected,
65
+ "rdp-day_disabled": isDisabled,
66
+ }), tabIndex: tabRoot && (0, date_fns_1.isSameMonth)(month, (0, date_fns_1.setYear)(tabRoot, year.getFullYear()))
67
+ ? 0
68
+ : -1, onKeyDown: (e) => {
69
+ const next = (0, MonthPicker_util_1.nextEnabled)(months, e.key, disabled, month, onYearChange, year, caption === "dropdown", fromDate, toDate);
70
+ setFocus(next);
71
+ setTabRoot(next);
72
+ }, onFocus: () => {
73
+ setTabRoot(focus);
74
+ } },
75
+ react_1.default.createElement("span", { "aria-hidden": "true" }, (0, date_fns_1.format)(new Date(month), "LLL", { locale })
76
+ .replace(".", "")
77
+ .substring(0, 3)),
78
+ react_1.default.createElement("span", { className: "navds-sr-only" }, (0, date_fns_1.format)(new Date(month), "LLLL", { locale }))));
79
+ };
80
+ exports.MonthButton = MonthButton;
81
+ exports.default = exports.MonthButton;
82
+ //# sourceMappingURL=MonthPicker.Button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MonthPicker.Button.js","sourceRoot":"","sources":["../../../../src/date/monthpicker/parts/MonthPicker.Button.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ declare const MonthPickerCaption: () => React.JSX.Element;
3
+ export { MonthPickerCaption };
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.MonthPickerCaption = void 0;
7
+ const date_fns_1 = require("date-fns");
8
+ const react_1 = __importDefault(require("react"));
9
+ const aksel_icons_1 = require("@navikt/aksel-icons");
10
+ const button_1 = require("../../../button");
11
+ const select_1 = require("../../../form/select");
12
+ const Date_locale_1 = require("../../Date.locale");
13
+ const MonthPicker_context_1 = require("../MonthPicker.context");
14
+ const MonthPickerCaption = () => {
15
+ const { fromDate, toDate, locale, year, onYearChange, caption } = (0, MonthPicker_context_1.useMonthPickerContext)();
16
+ const translate = (0, Date_locale_1.useDateTranslationContext)().translate;
17
+ const years = [];
18
+ if (caption === "dropdown" && fromDate && toDate) {
19
+ const fromYear = fromDate.getFullYear();
20
+ const toDateYear = toDate.getFullYear();
21
+ for (let currYear = fromYear; currYear <= toDateYear; currYear++) {
22
+ years.push((0, date_fns_1.setYear)((0, date_fns_1.startOfYear)(new Date()), currYear));
23
+ }
24
+ if (!years.map((x) => x.getFullYear()).includes(year.getFullYear())) {
25
+ years.push((0, date_fns_1.setYear)((0, date_fns_1.startOfYear)(new Date()), year.getFullYear()));
26
+ }
27
+ years.sort((a, b) => b.getFullYear() - a.getFullYear());
28
+ }
29
+ const handleYearChange = (event) => {
30
+ onYearChange((0, date_fns_1.setYear)((0, date_fns_1.startOfMonth)(new Date()), Number(event.target.value)));
31
+ };
32
+ const handleButtonClick = (val) => {
33
+ const newYear = Number(year.getFullYear() + val);
34
+ onYearChange((0, date_fns_1.setYear)(year, newYear));
35
+ };
36
+ const disablePreviousYear = () => {
37
+ return fromDate
38
+ ? (0, date_fns_1.isBefore)((year === null || year === void 0 ? void 0 : year.getFullYear()) - 1, fromDate === null || fromDate === void 0 ? void 0 : fromDate.getFullYear())
39
+ : false;
40
+ };
41
+ const disableNextYear = () => {
42
+ return toDate
43
+ ? (0, date_fns_1.isAfter)((year === null || year === void 0 ? void 0 : year.getFullYear()) + 1, toDate === null || toDate === void 0 ? void 0 : toDate.getFullYear())
44
+ : false;
45
+ };
46
+ return (react_1.default.createElement("div", { className: "navds-date__caption" },
47
+ react_1.default.createElement(button_1.Button, { className: "navds-date__caption-button", disabled: disablePreviousYear(), onClick: () => handleButtonClick(-1), icon: react_1.default.createElement(aksel_icons_1.ArrowLeftIcon, { title: translate("goToPreviousYear") }), variant: "tertiary-neutral", type: "button" }),
48
+ caption === "dropdown" ? (react_1.default.createElement(select_1.Select, { label: translate("year"), hideLabel: true, value: year.getFullYear(), onChange: handleYearChange, className: "navds-date__caption__year" }, years.map((yearOpt) => (react_1.default.createElement("option", { key: yearOpt.getFullYear(), value: yearOpt.getFullYear() }, (0, date_fns_1.format)(yearOpt, "yyyy", { locale })))))) : (react_1.default.createElement("span", { className: "navds-date__year-label", "aria-live": "polite" }, year.getFullYear())),
49
+ react_1.default.createElement(button_1.Button, { className: "navds-date__caption-button", disabled: disableNextYear(), onClick: () => handleButtonClick(1), icon: react_1.default.createElement(aksel_icons_1.ArrowRightIcon, { title: translate("goToNextYear") }), variant: "tertiary-neutral", type: "button" })));
50
+ };
51
+ exports.MonthPickerCaption = MonthPickerCaption;
52
+ //# sourceMappingURL=MonthPicker.Caption.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MonthPicker.Caption.js","sourceRoot":"","sources":["../../../../src/date/monthpicker/parts/MonthPicker.Caption.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ import { MonthPickerProps } from "../MonthPicker.types";
3
+ export interface MonthPickerStandaloneProps extends Omit<MonthPickerProps, "open" | "onClose" | "onOpenToggle" | "wrapperClassName" | "strategy"> {
4
+ /**
5
+ * Monthpicker classname
6
+ */
7
+ className?: string;
8
+ }
9
+ export type MonthPickerStandaloneType = React.ForwardRefExoticComponent<MonthPickerStandaloneProps & React.RefAttributes<HTMLDivElement>>;
10
+ export declare const MonthPickerStandalone: React.ForwardRefExoticComponent<MonthPickerStandaloneProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,51 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ exports.MonthPickerStandalone = void 0;
30
+ const clsx_1 = __importDefault(require("clsx"));
31
+ const react_1 = __importStar(require("react"));
32
+ const i18n_hooks_1 = require("../../../util/i18n/i18n.hooks");
33
+ const Date_locale_1 = require("../../Date.locale");
34
+ const MonthPicker_context_1 = require("../MonthPicker.context");
35
+ const MonthPicker_Caption_1 = require("./MonthPicker.Caption");
36
+ const MonthPicker_Table_1 = require("./MonthPicker.Table");
37
+ exports.MonthPickerStandalone = (0, react_1.forwardRef)(({ dropdownCaption = false, fromDate, toDate, disabled = [], selected, className, locale, translations, onMonthSelect, defaultSelected, year, onYearChange, }, ref) => {
38
+ const translate = (0, i18n_hooks_1.useI18n)("DatePicker", translations, (0, Date_locale_1.getTranslations)(locale));
39
+ const langProviderLocale = (0, i18n_hooks_1.useDateLocale)();
40
+ if (dropdownCaption && (!fromDate || !toDate)) {
41
+ console.warn("Using dropdownCaption required fromDate and toDate");
42
+ return null;
43
+ }
44
+ return (react_1.default.createElement("div", { ref: ref, className: (0, clsx_1.default)("navds-date__wrapper", className) },
45
+ react_1.default.createElement(Date_locale_1.DateTranslationContextProvider, { translate: translate },
46
+ react_1.default.createElement(MonthPicker_context_1.MonthPickerProvider, { dropdownCaption: dropdownCaption, defaultSelected: defaultSelected, selected: selected, disabled: disabled, fromDate: fromDate, toDate: toDate, year: year, onYearChange: onYearChange, onMonthSelect: onMonthSelect, locale: locale ? (0, Date_locale_1.getLocaleFromString)(locale) : langProviderLocale },
47
+ react_1.default.createElement("div", { className: "navds-date rdp-month" },
48
+ react_1.default.createElement(MonthPicker_Caption_1.MonthPickerCaption, null),
49
+ react_1.default.createElement(MonthPicker_Table_1.MonthPickerTable, null))))));
50
+ });
51
+ //# sourceMappingURL=MonthPicker.Standalone.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MonthPicker.Standalone.js","sourceRoot":"","sources":["../../../../src/date/monthpicker/parts/MonthPicker.Standalone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,8DAAuE;AACvE,mDAI2B;AAC3B,gEAA6D;AAE7D,+DAA2D;AAC3D,2DAAuD;AAiB1C,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,oBAAO,EACvB,YAAY,EACZ,YAAY,EACZ,IAAA,6BAAe,EAAC,MAAM,CAAC,CACxB,CAAC;IACF,MAAM,kBAAkB,GAAG,IAAA,0BAAa,GAAE,CAAC;IAE3C,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,4CAA8B,IAAC,SAAS,EAAE,SAAS;YAClD,8BAAC,yCAAmB,IAClB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,IAAA,iCAAmB,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,kBAAkB;gBAEjE,uCAAK,SAAS,EAAC,sBAAsB;oBACnC,8BAAC,wCAAkB,OAAG;oBACtB,8BAAC,oCAAgB,OAAG,CAChB,CACc,CACS,CAC7B,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ declare const MonthPickerTable: () => React.JSX.Element;
3
+ export { MonthPickerTable };
@@ -0,0 +1,79 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ exports.MonthPickerTable = void 0;
30
+ const date_fns_1 = require("date-fns");
31
+ const react_1 = __importStar(require("react"));
32
+ const typography_1 = require("../../../typography");
33
+ const date_utils_1 = require("../../date-utils");
34
+ const MonthPicker_context_1 = require("../MonthPicker.context");
35
+ const MonthPicker_Button_1 = __importDefault(require("./MonthPicker.Button"));
36
+ const getAllMonths = () => {
37
+ const months = [];
38
+ const date = (0, date_fns_1.startOfMonth)(new Date());
39
+ for (let month = 0; month <= 11; month++) {
40
+ months.push((0, date_fns_1.setMonth)(date, month));
41
+ }
42
+ return months;
43
+ };
44
+ const MonthPickerTable = () => {
45
+ const [focus, setFocus] = (0, react_1.useState)();
46
+ const { selected, year, disabled } = (0, MonthPicker_context_1.useMonthPickerContext)();
47
+ const months = getAllMonths();
48
+ const hasSelected = selected &&
49
+ months.some((m) => (0, date_fns_1.isSameMonth)((0, date_fns_1.setYear)(m, year.getFullYear()), selected));
50
+ const getRootFallback = () => {
51
+ const today = (0, date_fns_1.startOfMonth)(new Date());
52
+ if ((year === null || year === void 0 ? void 0 : year.getFullYear()) === today.getFullYear() &&
53
+ !(0, date_utils_1.isMatch)(today, disabled)) {
54
+ return today;
55
+ }
56
+ for (let i = 0; i < months.length; i++) {
57
+ const m = months[i];
58
+ if (!(0, date_utils_1.isMatch)((0, date_fns_1.setYear)(m, year.getFullYear()), disabled)) {
59
+ return (0, date_fns_1.setYear)(m, year.getFullYear());
60
+ }
61
+ }
62
+ };
63
+ const [tabRoot, setTabRoot] = (0, react_1.useState)(hasSelected ? selected : getRootFallback());
64
+ if ((tabRoot === null || tabRoot === void 0 ? void 0 : tabRoot.getFullYear()) !== year.getFullYear()) {
65
+ setTabRoot(hasSelected ? selected : getRootFallback());
66
+ }
67
+ const tableMonths = [
68
+ months.slice(0, 4),
69
+ months.slice(4, 8),
70
+ months.slice(8, 12),
71
+ ];
72
+ return (react_1.default.createElement(typography_1.BodyShort, { as: "table", className: "rdp-table" },
73
+ react_1.default.createElement("tbody", { className: "rdp-tbody" }, tableMonths.map((tableRow, i) => (react_1.default.createElement("tr", { className: "rdp-row", key: i }, tableRow.map((month) => {
74
+ return (react_1.default.createElement("td", { key: month.toDateString(), className: "rdp-cell" },
75
+ react_1.default.createElement(MonthPicker_Button_1.default, { month: (0, date_fns_1.setYear)(month, year.getFullYear()), months: months, focus: focus, setFocus: setFocus, tabRoot: tabRoot, setTabRoot: setTabRoot })));
76
+ })))))));
77
+ };
78
+ exports.MonthPickerTable = MonthPickerTable;
79
+ //# sourceMappingURL=MonthPicker.Table.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MonthPicker.Table.js","sourceRoot":"","sources":["../../../../src/date/monthpicker/parts/MonthPicker.Table.tsx"],"names":[],"mappings":"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"}
@@ -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, "onChange" | "value" | "size" | "disabled" | "options" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
3
+ export declare const Combobox: React.ForwardRefExoticComponent<Omit<ComboboxProps, "size" | "disabled" | "value" | "onChange" | "onClear" | "options"> & React.RefAttributes<HTMLInputElement>>;
4
4
  export default Combobox;
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import { ComboboxProps } from "../types";
3
- export declare const InputController: React.ForwardRefExoticComponent<Omit<ComboboxProps, "onChange" | "value" | "label" | "size" | "disabled" | "options" | "hideLabel" | "description" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
3
+ export declare const InputController: React.ForwardRefExoticComponent<Omit<ComboboxProps, "size" | "disabled" | "description" | "value" | "onChange" | "label" | "hideLabel" | "onClear" | "options"> & React.RefAttributes<HTMLInputElement>>;
@@ -66,11 +66,16 @@ exports.ConfirmationPanel = (0, react_1.forwardRef)((_a, ref) => {
66
66
  var { className, children, label } = _a, props = __rest(_a, ["className", "children", "label"]);
67
67
  const { errorId, showErrorMsg, hasError, size, inputProps } = (0, useFormField_1.useFormField)(props, "confirmation-panel");
68
68
  const id = (0, hooks_1.useId)();
69
+ const currentRole = hasError
70
+ ? "danger"
71
+ : props.checked
72
+ ? "success"
73
+ : "warning";
69
74
  return (react_1.default.createElement("div", { className: (0, clsx_1.default)("navds-confirmation-panel", "navds-form-field", className, {
70
75
  "navds-confirmation-panel--small": size === "small",
71
76
  "navds-confirmation-panel--error": hasError,
72
77
  "navds-confirmation-panel--checked": !!props.checked,
73
- }) },
78
+ }), "data-color-role": currentRole },
74
79
  react_1.default.createElement("div", { className: "navds-confirmation-panel__inner" },
75
80
  children && (react_1.default.createElement(typography_1.BodyLong, { size: props.size, className: "navds-confirmation-panel__content", id: `confirmation-panel-${id}`, as: "div" }, children)),
76
81
  react_1.default.createElement(checkbox_1.Checkbox, Object.assign({ ref: ref }, props, inputProps, { "aria-describedby": (0, clsx_1.default)(inputProps["aria-describedby"], children && `confirmation-panel-${id}`), error: hasError, size: size }), label)),
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmationPanel.js","sourceRoot":"","sources":["../../../src/form/confirmation-panel/ConfirmationPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,iDAA0D;AAC1D,4CAAyC;AACzC,0CAAsD;AACtD,kDAA+C;AAyB/C;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAGzC,CAAC,EAAwC,EAAE,GAAG,EAAE,EAAE;QAAjD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,cAAtC,kCAAwC,CAAF;IACvC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAY,EACxE,KAAK,EACL,oBAAoB,CACrB,CAAC;IAEF,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,0BAA0B,EAAE,kBAAkB,EAAE,SAAS,EAAE;YACvE,iCAAiC,EAAE,IAAI,KAAK,OAAO;YACnD,iCAAiC,EAAE,QAAQ;YAC3C,mCAAmC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO;SACrD,CAAC;QAEF,uCAAK,SAAS,EAAC,iCAAiC;YAC7C,QAAQ,IAAI,CACX,8BAAC,qBAAQ,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAC,mCAAmC,EAC7C,EAAE,EAAE,sBAAsB,EAAE,EAAE,EAC9B,EAAE,EAAC,KAAK,IAEP,QAAQ,CACA,CACZ;YACD,8BAAC,mBAAQ,kBACP,GAAG,EAAE,GAAG,IACJ,KAAK,EACL,UAAU,wBACI,IAAA,cAAE,EAClB,UAAU,CAAC,kBAAkB,CAAC,EAC9B,QAAQ,IAAI,sBAAsB,EAAE,EAAE,CACvC,EACD,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,IAAI,KAET,KAAK,CACG,CACP;QACN,uCAAK,SAAS,EAAC,yBAAyB,EAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,IAC/D,YAAY,IAAI,CACf,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,UAC/B,KAAK,CAAC,KAAK,CACC,CAChB,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,yBAAiB,CAAC"}
1
+ {"version":3,"file":"ConfirmationPanel.js","sourceRoot":"","sources":["../../../src/form/confirmation-panel/ConfirmationPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,iDAA0D;AAC1D,4CAAyC;AACzC,0CAAsD;AACtD,kDAA+C;AAyB/C;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAGzC,CAAC,EAAwC,EAAE,GAAG,EAAE,EAAE;QAAjD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,cAAtC,kCAAwC,CAAF;IACvC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAY,EACxE,KAAK,EACL,oBAAoB,CACrB,CAAC;IAEF,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,MAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,OAAO;YACb,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC,0BAA0B,EAAE,kBAAkB,EAAE,SAAS,EAAE;YACvE,iCAAiC,EAAE,IAAI,KAAK,OAAO;YACnD,iCAAiC,EAAE,QAAQ;YAC3C,mCAAmC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO;SACrD,CAAC,qBACe,WAAW;QAE5B,uCAAK,SAAS,EAAC,iCAAiC;YAC7C,QAAQ,IAAI,CACX,8BAAC,qBAAQ,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAC,mCAAmC,EAC7C,EAAE,EAAE,sBAAsB,EAAE,EAAE,EAC9B,EAAE,EAAC,KAAK,IAEP,QAAQ,CACA,CACZ;YACD,8BAAC,mBAAQ,kBACP,GAAG,EAAE,GAAG,IACJ,KAAK,EACL,UAAU,wBACI,IAAA,cAAE,EAClB,UAAU,CAAC,kBAAkB,CAAC,EAC9B,QAAQ,IAAI,sBAAsB,EAAE,EAAE,CACvC,EACD,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,IAAI,KAET,KAAK,CACG,CACP;QACN,uCAAK,SAAS,EAAC,yBAAyB,EAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,IAC/D,YAAY,IAAI,CACf,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,UAC/B,KAAK,CAAC,KAAK,CACC,CAChB,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,yBAAiB,CAAC"}