@navikt/ds-react 7.13.0 → 7.14.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.
- package/cjs/date/{parts/DateWrapper.d.ts → Date.Dialog.d.ts} +3 -3
- package/cjs/date/{parts/DateWrapper.js → Date.Dialog.js} +13 -13
- package/cjs/date/Date.Dialog.js.map +1 -0
- package/{esm/date/parts/DateInput.d.ts → cjs/date/Date.Input.d.ts} +23 -1
- package/cjs/date/{parts/DateInput.js → Date.Input.js} +14 -9
- package/cjs/date/Date.Input.js.map +1 -0
- package/cjs/date/{utils/locale.d.ts → Date.locale.d.ts} +8 -0
- package/cjs/date/{utils/locale.js → Date.locale.js} +7 -4
- package/cjs/date/Date.locale.js.map +1 -0
- package/cjs/date/Date.typeutils.d.ts +14 -0
- package/cjs/date/Date.typeutils.js +15 -0
- package/cjs/date/Date.typeutils.js.map +1 -0
- package/cjs/date/date-utils/calendar-range.d.ts +11 -0
- package/cjs/date/date-utils/calendar-range.js +30 -0
- package/cjs/date/date-utils/calendar-range.js.map +1 -0
- package/cjs/date/date-utils/check-dates.js.map +1 -0
- package/cjs/date/date-utils/clamp-dates.d.ts +19 -0
- package/cjs/date/date-utils/clamp-dates.js +41 -0
- package/cjs/date/date-utils/clamp-dates.js.map +1 -0
- package/cjs/date/{utils → date-utils}/dates-disabled.js +2 -3
- package/cjs/date/date-utils/dates-disabled.js.map +1 -0
- package/cjs/date/date-utils/dropdown-options.d.ts +13 -0
- package/cjs/date/date-utils/dropdown-options.js +45 -0
- package/cjs/date/date-utils/dropdown-options.js.map +1 -0
- package/cjs/date/date-utils/format-date.js.map +1 -0
- package/cjs/date/date-utils/index.d.ts +8 -0
- package/cjs/date/date-utils/index.js +26 -0
- package/cjs/date/date-utils/index.js.map +1 -0
- package/cjs/date/date-utils/is-match.d.ts +3 -0
- package/cjs/date/{utils → date-utils}/is-match.js +4 -4
- package/cjs/date/date-utils/is-match.js.map +1 -0
- package/cjs/date/date-utils/parse-date.js.map +1 -0
- package/cjs/date/datepicker/DatePicker.d.ts +3 -3
- package/cjs/date/datepicker/DatePicker.js +47 -63
- package/cjs/date/datepicker/DatePicker.js.map +1 -1
- package/cjs/date/datepicker/{types.d.ts → DatePicker.types.d.ts} +6 -3
- package/cjs/date/datepicker/{types.js → DatePicker.types.js} +1 -1
- package/cjs/date/datepicker/DatePicker.types.js.map +1 -0
- package/cjs/date/{hooks → datepicker/hooks}/useDatepicker.d.ts +2 -2
- package/cjs/date/{hooks → datepicker/hooks}/useDatepicker.js +18 -17
- package/cjs/date/datepicker/hooks/useDatepicker.js.map +1 -0
- package/cjs/date/{hooks → datepicker/hooks}/useRangeDatepicker.d.ts +3 -3
- package/cjs/date/{hooks → datepicker/hooks}/useRangeDatepicker.js +41 -38
- package/cjs/date/datepicker/hooks/useRangeDatepicker.js.map +1 -0
- package/cjs/date/datepicker/index.d.ts +4 -3
- package/cjs/date/datepicker/index.js +8 -7
- package/cjs/date/datepicker/index.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.DayButton.d.ts +9 -0
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js +70 -0
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js.map +1 -0
- package/cjs/date/datepicker/parts/DatePicker.Months.d.ts +11 -0
- package/cjs/date/datepicker/parts/DatePicker.Months.js +84 -0
- package/cjs/date/datepicker/parts/DatePicker.Months.js.map +1 -0
- package/cjs/date/datepicker/parts/DatePicker.RDP.d.ts +15 -0
- package/cjs/date/datepicker/parts/DatePicker.RDP.js +106 -0
- package/cjs/date/datepicker/parts/DatePicker.RDP.js.map +1 -0
- package/cjs/date/datepicker/{DatePickerStandalone.d.ts → parts/DatePicker.Standalone.d.ts} +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Standalone.js +60 -0
- package/cjs/date/datepicker/parts/DatePicker.Standalone.js.map +1 -0
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.d.ts +9 -0
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js +64 -0
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -0
- package/cjs/date/datepicker/parts/DatePicker.WeekRow.d.ts +8 -0
- package/cjs/date/datepicker/parts/{WeekRow.js → DatePicker.WeekRow.js} +9 -17
- package/cjs/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -0
- package/cjs/date/monthpicker/MonthPicker.context.d.ts +21 -0
- package/cjs/date/monthpicker/MonthPicker.context.js +48 -0
- package/cjs/date/monthpicker/MonthPicker.context.js.map +1 -0
- package/cjs/date/monthpicker/MonthPicker.d.ts +3 -3
- package/cjs/date/monthpicker/MonthPicker.js +34 -43
- package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/{types.d.ts → MonthPicker.types.d.ts} +1 -1
- package/cjs/date/monthpicker/{types.js → MonthPicker.types.js} +1 -1
- package/cjs/date/monthpicker/MonthPicker.types.js.map +1 -0
- package/cjs/date/{utils/navigation.d.ts → monthpicker/MonthPicker.util.d.ts} +1 -1
- package/cjs/date/{utils/navigation.js → monthpicker/MonthPicker.util.js} +7 -7
- package/cjs/date/monthpicker/MonthPicker.util.js.map +1 -0
- package/cjs/date/{hooks → monthpicker/hooks}/useMonthPicker.d.ts +2 -2
- package/cjs/date/{hooks → monthpicker/hooks}/useMonthPicker.js +22 -17
- package/cjs/date/monthpicker/hooks/useMonthPicker.js.map +1 -0
- package/cjs/date/monthpicker/index.d.ts +4 -4
- package/cjs/date/monthpicker/index.js +6 -6
- package/cjs/date/monthpicker/index.js.map +1 -1
- package/cjs/date/monthpicker/{MonthButton.js → parts/MonthPicker.Button.js} +10 -10
- package/cjs/date/monthpicker/parts/MonthPicker.Button.js.map +1 -0
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.d.ts +3 -0
- package/cjs/date/monthpicker/{MonthCaption.js → parts/MonthPicker.Caption.js} +18 -18
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -0
- package/cjs/date/monthpicker/{MonthPickerStandalone.d.ts → parts/MonthPicker.Standalone.d.ts} +1 -2
- package/cjs/date/monthpicker/{MonthPickerStandalone.js → parts/MonthPicker.Standalone.js} +11 -25
- package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -0
- package/cjs/date/monthpicker/parts/MonthPicker.Table.d.ts +3 -0
- package/cjs/date/monthpicker/{MonthSelector.js → parts/MonthPicker.Table.js} +12 -13
- package/cjs/date/monthpicker/parts/MonthPicker.Table.js.map +1 -0
- package/cjs/modal/Modal.js +2 -2
- package/cjs/modal/Modal.js.map +1 -1
- package/cjs/popover/Popover.js +3 -3
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/tooltip/Tooltip.js +2 -5
- package/cjs/tooltip/Tooltip.js.map +1 -1
- package/esm/date/{parts/DateWrapper.d.ts → Date.Dialog.d.ts} +3 -3
- package/esm/date/{parts/DateWrapper.js → Date.Dialog.js} +11 -10
- package/esm/date/Date.Dialog.js.map +1 -0
- package/{cjs/date/parts/DateInput.d.ts → esm/date/Date.Input.d.ts} +23 -1
- package/esm/date/{parts/DateInput.js → Date.Input.js} +10 -6
- package/esm/date/{parts/DateInput.js.map → Date.Input.js.map} +1 -1
- package/esm/date/{utils/locale.d.ts → Date.locale.d.ts} +8 -0
- package/esm/date/{utils/locale.js → Date.locale.js} +5 -3
- package/esm/date/Date.locale.js.map +1 -0
- package/esm/date/Date.typeutils.d.ts +14 -0
- package/esm/date/Date.typeutils.js +10 -0
- package/esm/date/Date.typeutils.js.map +1 -0
- package/esm/date/date-utils/calendar-range.d.ts +11 -0
- package/esm/date/date-utils/calendar-range.js +27 -0
- package/esm/date/date-utils/calendar-range.js.map +1 -0
- package/esm/date/date-utils/check-dates.js.map +1 -0
- package/esm/date/date-utils/clamp-dates.d.ts +19 -0
- package/esm/date/date-utils/clamp-dates.js +37 -0
- package/esm/date/date-utils/clamp-dates.js.map +1 -0
- package/esm/date/{utils → date-utils}/dates-disabled.js +1 -2
- package/esm/date/date-utils/dates-disabled.js.map +1 -0
- package/esm/date/date-utils/dropdown-options.d.ts +13 -0
- package/esm/date/date-utils/dropdown-options.js +41 -0
- package/esm/date/date-utils/dropdown-options.js.map +1 -0
- package/esm/date/date-utils/format-date.js.map +1 -0
- package/esm/date/date-utils/index.d.ts +8 -0
- package/esm/date/{utils → date-utils}/index.js +3 -4
- package/esm/date/date-utils/index.js.map +1 -0
- package/esm/date/date-utils/is-match.d.ts +3 -0
- package/esm/date/{utils → date-utils}/is-match.js +1 -1
- package/esm/date/date-utils/is-match.js.map +1 -0
- package/esm/date/date-utils/parse-date.js.map +1 -0
- package/esm/date/datepicker/DatePicker.d.ts +3 -3
- package/esm/date/datepicker/DatePicker.js +46 -62
- package/esm/date/datepicker/DatePicker.js.map +1 -1
- package/esm/date/datepicker/{types.d.ts → DatePicker.types.d.ts} +6 -3
- package/esm/date/datepicker/DatePicker.types.js +2 -0
- package/esm/date/datepicker/DatePicker.types.js.map +1 -0
- package/esm/date/{hooks → datepicker/hooks}/useDatepicker.d.ts +2 -2
- package/esm/date/{hooks → datepicker/hooks}/useDatepicker.js +6 -5
- package/esm/date/datepicker/hooks/useDatepicker.js.map +1 -0
- package/esm/date/{hooks → datepicker/hooks}/useRangeDatepicker.d.ts +3 -3
- package/esm/date/{hooks → datepicker/hooks}/useRangeDatepicker.js +16 -13
- package/esm/date/datepicker/hooks/useRangeDatepicker.js.map +1 -0
- package/esm/date/datepicker/index.d.ts +4 -3
- package/esm/date/datepicker/index.js +4 -3
- package/esm/date/datepicker/index.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.DayButton.d.ts +9 -0
- package/esm/date/datepicker/parts/DatePicker.DayButton.js +41 -0
- package/esm/date/datepicker/parts/DatePicker.DayButton.js.map +1 -0
- package/esm/date/datepicker/parts/DatePicker.Months.d.ts +11 -0
- package/esm/date/datepicker/parts/DatePicker.Months.js +58 -0
- package/esm/date/datepicker/parts/DatePicker.Months.js.map +1 -0
- package/esm/date/datepicker/parts/DatePicker.RDP.d.ts +15 -0
- package/esm/date/datepicker/parts/DatePicker.RDP.js +77 -0
- package/esm/date/datepicker/parts/DatePicker.RDP.js.map +1 -0
- package/esm/date/datepicker/{DatePickerStandalone.d.ts → parts/DatePicker.Standalone.d.ts} +1 -1
- package/esm/date/datepicker/parts/DatePicker.Standalone.js +31 -0
- package/esm/date/datepicker/parts/DatePicker.Standalone.js.map +1 -0
- package/esm/date/datepicker/parts/DatePicker.WeekNumber.d.ts +9 -0
- package/esm/date/datepicker/parts/DatePicker.WeekNumber.js +35 -0
- package/esm/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -0
- package/esm/date/datepicker/parts/DatePicker.WeekRow.d.ts +8 -0
- package/esm/date/datepicker/parts/DatePicker.WeekRow.js +22 -0
- package/esm/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -0
- package/esm/date/monthpicker/MonthPicker.context.d.ts +21 -0
- package/esm/date/monthpicker/MonthPicker.context.js +41 -0
- package/esm/date/monthpicker/MonthPicker.context.js.map +1 -0
- package/esm/date/monthpicker/MonthPicker.d.ts +3 -3
- package/esm/date/monthpicker/MonthPicker.js +31 -40
- package/esm/date/monthpicker/MonthPicker.js.map +1 -1
- package/esm/date/monthpicker/{types.d.ts → MonthPicker.types.d.ts} +1 -1
- package/esm/date/monthpicker/MonthPicker.types.js +2 -0
- package/esm/date/monthpicker/MonthPicker.types.js.map +1 -0
- package/esm/date/{utils/navigation.d.ts → monthpicker/MonthPicker.util.d.ts} +1 -1
- package/esm/date/{utils/navigation.js → monthpicker/MonthPicker.util.js} +2 -2
- package/esm/date/monthpicker/MonthPicker.util.js.map +1 -0
- package/esm/date/{hooks → monthpicker/hooks}/useMonthPicker.d.ts +2 -2
- package/esm/date/{hooks → monthpicker/hooks}/useMonthPicker.js +10 -5
- package/esm/date/monthpicker/hooks/useMonthPicker.js.map +1 -0
- package/esm/date/monthpicker/index.d.ts +4 -4
- package/esm/date/monthpicker/index.js +3 -3
- package/esm/date/monthpicker/index.js.map +1 -1
- package/esm/date/monthpicker/{MonthButton.js → parts/MonthPicker.Button.js} +9 -9
- package/esm/date/monthpicker/parts/MonthPicker.Button.js.map +1 -0
- package/esm/date/monthpicker/parts/MonthPicker.Caption.d.ts +3 -0
- package/esm/date/monthpicker/{MonthCaption.js → parts/MonthPicker.Caption.js} +17 -16
- package/esm/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -0
- package/esm/date/monthpicker/{MonthPickerStandalone.d.ts → parts/MonthPicker.Standalone.d.ts} +1 -2
- package/esm/date/monthpicker/parts/MonthPicker.Standalone.js +22 -0
- package/esm/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -0
- package/esm/date/monthpicker/parts/MonthPicker.Table.d.ts +3 -0
- package/esm/date/monthpicker/{MonthSelector.js → parts/MonthPicker.Table.js} +8 -8
- package/esm/date/monthpicker/parts/MonthPicker.Table.js.map +1 -0
- package/esm/modal/Modal.js +3 -3
- package/esm/modal/Modal.js.map +1 -1
- package/esm/popover/Popover.js +4 -4
- package/esm/popover/Popover.js.map +1 -1
- package/esm/tooltip/Tooltip.js +2 -5
- package/esm/tooltip/Tooltip.js.map +1 -1
- package/package.json +5 -5
- package/src/date/{parts/DateWrapper.tsx → Date.Dialog.tsx} +12 -9
- package/src/date/{parts/DateInput.tsx → Date.Input.tsx} +30 -5
- package/src/date/{utils/locale.ts → Date.locale.ts} +11 -2
- package/src/date/Date.typeutils.ts +32 -0
- package/src/date/date-utils/calendar-range.test.ts +54 -0
- package/src/date/date-utils/calendar-range.ts +46 -0
- package/src/date/date-utils/check-dates.test.ts +49 -0
- package/src/date/date-utils/clamp-dates.test.ts +73 -0
- package/src/date/date-utils/clamp-dates.ts +63 -0
- package/src/date/{utils/__tests__ → date-utils}/dates-disabled.test.ts +1 -1
- package/src/date/{utils → date-utils}/dates-disabled.ts +1 -2
- package/src/date/date-utils/dropdown-options.test.ts +143 -0
- package/src/date/date-utils/dropdown-options.ts +79 -0
- package/src/date/{utils/__tests__ → date-utils}/format-dates.test.ts +2 -2
- package/src/date/date-utils/index.ts +12 -0
- package/src/date/{utils/__tests__ → date-utils}/is-match.test.ts +1 -1
- package/src/date/{utils → date-utils}/is-match.ts +2 -11
- package/src/date/{utils/__tests__ → date-utils}/parse-dates.test.ts +2 -1
- package/src/date/datepicker/DatePicker.tsx +67 -92
- package/src/date/datepicker/{types.ts → DatePicker.types.ts} +10 -4
- package/src/date/{hooks → datepicker/hooks}/useDatepicker.tsx +12 -13
- package/src/date/{hooks → datepicker/hooks}/useRangeDatepicker.test.tsx +1 -1
- package/src/date/{hooks → datepicker/hooks}/useRangeDatepicker.tsx +19 -19
- package/src/date/datepicker/index.ts +4 -5
- package/src/date/datepicker/parts/DatePicker.DayButton.tsx +56 -0
- package/src/date/datepicker/parts/DatePicker.Months.tsx +149 -0
- package/src/date/datepicker/parts/DatePicker.RDP.tsx +175 -0
- package/src/date/datepicker/parts/DatePicker.Standalone.tsx +93 -0
- package/src/date/datepicker/parts/DatePicker.WeekNumber.tsx +86 -0
- package/src/date/datepicker/parts/{WeekRow.tsx → DatePicker.WeekRow.tsx} +20 -21
- package/src/date/monthpicker/MonthPicker.context.tsx +103 -0
- package/src/date/monthpicker/MonthPicker.tsx +63 -68
- package/src/date/monthpicker/{types.ts → MonthPicker.types.ts} +1 -1
- package/src/date/{utils/navigation.ts → monthpicker/MonthPicker.util.ts} +2 -1
- package/src/date/{hooks → monthpicker/hooks}/useMonthPicker.tsx +14 -13
- package/src/date/monthpicker/index.ts +4 -4
- package/src/date/monthpicker/{MonthButton.tsx → parts/MonthPicker.Button.tsx} +21 -10
- package/src/date/monthpicker/{MonthCaption.tsx → parts/MonthPicker.Caption.tsx} +20 -21
- package/src/date/monthpicker/parts/MonthPicker.Standalone.tsx +86 -0
- package/src/date/monthpicker/{MonthSelector.tsx → parts/MonthPicker.Table.tsx} +7 -7
- package/src/modal/Modal.tsx +3 -3
- package/src/popover/Popover.tsx +4 -4
- package/src/tooltip/Tooltip.tsx +2 -6
- package/cjs/date/context/index.d.ts +0 -3
- package/cjs/date/context/index.js +0 -13
- package/cjs/date/context/index.js.map +0 -1
- package/cjs/date/context/useDateInputContext.d.ts +0 -21
- package/cjs/date/context/useDateInputContext.js +0 -14
- package/cjs/date/context/useDateInputContext.js.map +0 -1
- package/cjs/date/context/useDateTranslationContext.d.ts +0 -8
- package/cjs/date/context/useDateTranslationContext.js +0 -7
- package/cjs/date/context/useDateTranslationContext.js.map +0 -1
- package/cjs/date/context/useSharedMonthContext.d.ts +0 -21
- package/cjs/date/context/useSharedMonthContext.js +0 -64
- package/cjs/date/context/useSharedMonthContext.js.map +0 -1
- package/cjs/date/datepicker/DatePickerStandalone.js +0 -86
- package/cjs/date/datepicker/DatePickerStandalone.js.map +0 -1
- package/cjs/date/datepicker/parts/Caption.d.ts +0 -7
- package/cjs/date/datepicker/parts/Caption.js +0 -30
- package/cjs/date/datepicker/parts/Caption.js.map +0 -1
- package/cjs/date/datepicker/parts/DayButton.d.ts +0 -4
- package/cjs/date/datepicker/parts/DayButton.js +0 -43
- package/cjs/date/datepicker/parts/DayButton.js.map +0 -1
- package/cjs/date/datepicker/parts/DropdownCaption.d.ts +0 -7
- package/cjs/date/datepicker/parts/DropdownCaption.js +0 -46
- package/cjs/date/datepicker/parts/DropdownCaption.js.map +0 -1
- package/cjs/date/datepicker/parts/HeadRow.d.ts +0 -10
- package/cjs/date/datepicker/parts/HeadRow.js +0 -36
- package/cjs/date/datepicker/parts/HeadRow.js.map +0 -1
- package/cjs/date/datepicker/parts/Row.d.ts +0 -16
- package/cjs/date/datepicker/parts/Row.js +0 -25
- package/cjs/date/datepicker/parts/Row.js.map +0 -1
- package/cjs/date/datepicker/parts/TableHead.d.ts +0 -5
- package/cjs/date/datepicker/parts/TableHead.js +0 -19
- package/cjs/date/datepicker/parts/TableHead.js.map +0 -1
- package/cjs/date/datepicker/parts/WeekNumber.d.ts +0 -11
- package/cjs/date/datepicker/parts/WeekNumber.js +0 -33
- package/cjs/date/datepicker/parts/WeekNumber.js.map +0 -1
- package/cjs/date/datepicker/parts/WeekRow.d.ts +0 -5
- package/cjs/date/datepicker/parts/WeekRow.js.map +0 -1
- package/cjs/date/datepicker/types.js.map +0 -1
- package/cjs/date/hooks/index.d.ts +0 -6
- package/cjs/date/hooks/index.js +0 -10
- package/cjs/date/hooks/index.js.map +0 -1
- package/cjs/date/hooks/useDatepicker.js.map +0 -1
- package/cjs/date/hooks/useMonthPicker.js.map +0 -1
- package/cjs/date/hooks/useRangeDatepicker.js.map +0 -1
- package/cjs/date/monthpicker/MonthButton.js.map +0 -1
- package/cjs/date/monthpicker/MonthCaption.d.ts +0 -3
- package/cjs/date/monthpicker/MonthCaption.js.map +0 -1
- package/cjs/date/monthpicker/MonthPickerStandalone.js.map +0 -1
- package/cjs/date/monthpicker/MonthSelector.d.ts +0 -3
- package/cjs/date/monthpicker/MonthSelector.js.map +0 -1
- package/cjs/date/monthpicker/types.js.map +0 -1
- package/cjs/date/parts/DateInput.js.map +0 -1
- package/cjs/date/parts/DateWrapper.js.map +0 -1
- package/cjs/date/utils/check-dates.js.map +0 -1
- package/cjs/date/utils/dates-disabled.js.map +0 -1
- package/cjs/date/utils/format-date.js.map +0 -1
- package/cjs/date/utils/get-dates.d.ts +0 -2
- package/cjs/date/utils/get-dates.js +0 -52
- package/cjs/date/utils/get-dates.js.map +0 -1
- package/cjs/date/utils/get-initial-year.d.ts +0 -5
- package/cjs/date/utils/get-initial-year.js +0 -21
- package/cjs/date/utils/get-initial-year.js.map +0 -1
- package/cjs/date/utils/get-month-weeks.d.ts +0 -16
- package/cjs/date/utils/get-month-weeks.js +0 -46
- package/cjs/date/utils/get-month-weeks.js.map +0 -1
- package/cjs/date/utils/index.d.ts +0 -9
- package/cjs/date/utils/index.js +0 -29
- package/cjs/date/utils/index.js.map +0 -1
- package/cjs/date/utils/is-match.d.ts +0 -4
- package/cjs/date/utils/is-match.js.map +0 -1
- package/cjs/date/utils/locale.js.map +0 -1
- package/cjs/date/utils/navigation.js.map +0 -1
- package/cjs/date/utils/parse-date.js.map +0 -1
- package/esm/date/context/index.d.ts +0 -3
- package/esm/date/context/index.js +0 -4
- package/esm/date/context/index.js.map +0 -1
- package/esm/date/context/useDateInputContext.d.ts +0 -21
- package/esm/date/context/useDateInputContext.js +0 -10
- package/esm/date/context/useDateInputContext.js.map +0 -1
- package/esm/date/context/useDateTranslationContext.d.ts +0 -8
- package/esm/date/context/useDateTranslationContext.js +0 -3
- package/esm/date/context/useDateTranslationContext.js.map +0 -1
- package/esm/date/context/useSharedMonthContext.d.ts +0 -21
- package/esm/date/context/useSharedMonthContext.js +0 -36
- package/esm/date/context/useSharedMonthContext.js.map +0 -1
- package/esm/date/datepicker/DatePickerStandalone.js +0 -57
- package/esm/date/datepicker/DatePickerStandalone.js.map +0 -1
- package/esm/date/datepicker/parts/Caption.d.ts +0 -7
- package/esm/date/datepicker/parts/Caption.js +0 -23
- package/esm/date/datepicker/parts/Caption.js.map +0 -1
- package/esm/date/datepicker/parts/DayButton.d.ts +0 -4
- package/esm/date/datepicker/parts/DayButton.js +0 -18
- package/esm/date/datepicker/parts/DayButton.js.map +0 -1
- package/esm/date/datepicker/parts/DropdownCaption.d.ts +0 -7
- package/esm/date/datepicker/parts/DropdownCaption.js +0 -39
- package/esm/date/datepicker/parts/DropdownCaption.js.map +0 -1
- package/esm/date/datepicker/parts/HeadRow.d.ts +0 -10
- package/esm/date/datepicker/parts/HeadRow.js +0 -29
- package/esm/date/datepicker/parts/HeadRow.js.map +0 -1
- package/esm/date/datepicker/parts/Row.d.ts +0 -16
- package/esm/date/datepicker/parts/Row.js +0 -20
- package/esm/date/datepicker/parts/Row.js.map +0 -1
- package/esm/date/datepicker/parts/TableHead.d.ts +0 -5
- package/esm/date/datepicker/parts/TableHead.js +0 -14
- package/esm/date/datepicker/parts/TableHead.js.map +0 -1
- package/esm/date/datepicker/parts/WeekNumber.d.ts +0 -11
- package/esm/date/datepicker/parts/WeekNumber.js +0 -28
- package/esm/date/datepicker/parts/WeekNumber.js.map +0 -1
- package/esm/date/datepicker/parts/WeekRow.d.ts +0 -5
- package/esm/date/datepicker/parts/WeekRow.js +0 -31
- package/esm/date/datepicker/parts/WeekRow.js.map +0 -1
- package/esm/date/datepicker/types.js +0 -2
- package/esm/date/datepicker/types.js.map +0 -1
- package/esm/date/hooks/index.d.ts +0 -6
- package/esm/date/hooks/index.js +0 -4
- package/esm/date/hooks/index.js.map +0 -1
- package/esm/date/hooks/useDatepicker.js.map +0 -1
- package/esm/date/hooks/useMonthPicker.js.map +0 -1
- package/esm/date/hooks/useRangeDatepicker.js.map +0 -1
- package/esm/date/monthpicker/MonthButton.js.map +0 -1
- package/esm/date/monthpicker/MonthCaption.d.ts +0 -3
- package/esm/date/monthpicker/MonthCaption.js.map +0 -1
- package/esm/date/monthpicker/MonthPickerStandalone.js +0 -36
- package/esm/date/monthpicker/MonthPickerStandalone.js.map +0 -1
- package/esm/date/monthpicker/MonthSelector.d.ts +0 -3
- package/esm/date/monthpicker/MonthSelector.js.map +0 -1
- package/esm/date/monthpicker/types.js +0 -2
- package/esm/date/monthpicker/types.js.map +0 -1
- package/esm/date/parts/DateWrapper.js.map +0 -1
- package/esm/date/utils/check-dates.js.map +0 -1
- package/esm/date/utils/dates-disabled.js.map +0 -1
- package/esm/date/utils/format-date.js.map +0 -1
- package/esm/date/utils/get-dates.d.ts +0 -2
- package/esm/date/utils/get-dates.js +0 -47
- package/esm/date/utils/get-dates.js.map +0 -1
- package/esm/date/utils/get-initial-year.d.ts +0 -5
- package/esm/date/utils/get-initial-year.js +0 -18
- package/esm/date/utils/get-initial-year.js.map +0 -1
- package/esm/date/utils/get-month-weeks.d.ts +0 -16
- package/esm/date/utils/get-month-weeks.js +0 -42
- package/esm/date/utils/get-month-weeks.js.map +0 -1
- package/esm/date/utils/index.d.ts +0 -9
- package/esm/date/utils/index.js.map +0 -1
- package/esm/date/utils/is-match.d.ts +0 -4
- package/esm/date/utils/is-match.js.map +0 -1
- package/esm/date/utils/locale.js.map +0 -1
- package/esm/date/utils/navigation.js.map +0 -1
- package/esm/date/utils/parse-date.js.map +0 -1
- package/src/date/context/index.ts +0 -9
- package/src/date/context/useDateInputContext.tsx +0 -34
- package/src/date/context/useDateTranslationContext.ts +0 -9
- package/src/date/context/useSharedMonthContext.tsx +0 -68
- package/src/date/datepicker/DatePickerStandalone.tsx +0 -136
- package/src/date/datepicker/datepicker.test.tsx +0 -28
- package/src/date/datepicker/parts/Caption.tsx +0 -54
- package/src/date/datepicker/parts/DayButton.tsx +0 -32
- package/src/date/datepicker/parts/DropdownCaption.tsx +0 -110
- package/src/date/datepicker/parts/HeadRow.tsx +0 -56
- package/src/date/datepicker/parts/Row.tsx +0 -48
- package/src/date/datepicker/parts/TableHead.tsx +0 -17
- package/src/date/datepicker/parts/WeekNumber.tsx +0 -75
- package/src/date/hooks/index.ts +0 -6
- package/src/date/monthpicker/MonthPickerStandalone.tsx +0 -102
- package/src/date/utils/__tests__/check-dates.test.ts +0 -22
- package/src/date/utils/__tests__/get-dates.test.ts +0 -121
- package/src/date/utils/__tests__/get-initial-year.test.ts +0 -83
- package/src/date/utils/__tests__/get-month-weeks.test.ts +0 -116
- package/src/date/utils/get-dates.ts +0 -60
- package/src/date/utils/get-initial-year.ts +0 -25
- package/src/date/utils/get-month-weeks.ts +0 -93
- package/src/date/utils/index.ts +0 -18
- /package/cjs/date/{utils → date-utils}/check-dates.d.ts +0 -0
- /package/cjs/date/{utils → date-utils}/check-dates.js +0 -0
- /package/cjs/date/{utils → date-utils}/dates-disabled.d.ts +0 -0
- /package/cjs/date/{utils → date-utils}/format-date.d.ts +0 -0
- /package/cjs/date/{utils → date-utils}/format-date.js +0 -0
- /package/cjs/date/{utils → date-utils}/parse-date.d.ts +0 -0
- /package/cjs/date/{utils → date-utils}/parse-date.js +0 -0
- /package/cjs/date/monthpicker/{MonthButton.d.ts → parts/MonthPicker.Button.d.ts} +0 -0
- /package/esm/date/{utils → date-utils}/check-dates.d.ts +0 -0
- /package/esm/date/{utils → date-utils}/check-dates.js +0 -0
- /package/esm/date/{utils → date-utils}/dates-disabled.d.ts +0 -0
- /package/esm/date/{utils → date-utils}/format-date.d.ts +0 -0
- /package/esm/date/{utils → date-utils}/format-date.js +0 -0
- /package/esm/date/{utils → date-utils}/parse-date.d.ts +0 -0
- /package/esm/date/{utils → date-utils}/parse-date.js +0 -0
- /package/esm/date/monthpicker/{MonthButton.d.ts → parts/MonthPicker.Button.d.ts} +0 -0
- /package/src/date/{utils → date-utils}/check-dates.ts +0 -0
- /package/src/date/{utils → date-utils}/format-date.ts +0 -0
- /package/src/date/{utils → date-utils}/parse-date.ts +0 -0
|
@@ -0,0 +1,48 @@
|
|
|
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.useMonthPickerContext = exports.MonthPickerProvider = void 0;
|
|
7
|
+
const date_fns_1 = require("date-fns");
|
|
8
|
+
const react_1 = __importDefault(require("react"));
|
|
9
|
+
const create_context_1 = require("../../util/create-context");
|
|
10
|
+
const hooks_1 = require("../../util/hooks");
|
|
11
|
+
const date_utils_1 = require("../date-utils");
|
|
12
|
+
const [MonthPickerContextProvider, useMonthPickerContext] = (0, create_context_1.createContext)({
|
|
13
|
+
name: "MonthPickerContext",
|
|
14
|
+
errorMessage: "useMonthPickerContext must be used within an MonthPickerContextProvider",
|
|
15
|
+
});
|
|
16
|
+
exports.useMonthPickerContext = useMonthPickerContext;
|
|
17
|
+
const MonthPickerProvider = ({ children, disabled = [], year, onYearChange, fromDate, toDate, selected, defaultSelected, onMonthSelect, dropdownCaption, locale, }) => {
|
|
18
|
+
var _a, _b;
|
|
19
|
+
/**
|
|
20
|
+
* Controlls current displayed year in MonthPicker
|
|
21
|
+
*/
|
|
22
|
+
const [displayYear, setDisplayYear] = (0, hooks_1.useControllableState)({
|
|
23
|
+
defaultValue: (_b = (0, date_utils_1.clampDisplayYear)({
|
|
24
|
+
month: (_a = year !== null && year !== void 0 ? year : selected) !== null && _a !== void 0 ? _a : defaultSelected,
|
|
25
|
+
start: fromDate,
|
|
26
|
+
end: toDate,
|
|
27
|
+
})) !== null && _b !== void 0 ? _b : new Date(),
|
|
28
|
+
value: year,
|
|
29
|
+
onChange: onYearChange,
|
|
30
|
+
});
|
|
31
|
+
/**
|
|
32
|
+
* Allows both controlled and uncontrolled use of MonthPicker
|
|
33
|
+
*/
|
|
34
|
+
const [month, setMonth] = (0, hooks_1.useControllableState)({
|
|
35
|
+
defaultValue: defaultSelected,
|
|
36
|
+
value: selected,
|
|
37
|
+
onChange: onMonthSelect,
|
|
38
|
+
});
|
|
39
|
+
const handleDisplayYearUpdate = (newYear) => {
|
|
40
|
+
if ((0, date_fns_1.isSameYear)(newYear, displayYear)) {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
setDisplayYear(newYear);
|
|
44
|
+
};
|
|
45
|
+
return (react_1.default.createElement(MonthPickerContextProvider, { caption: dropdownCaption && fromDate && toDate ? "dropdown" : "label", disabled: disabled, selected: month, onMonthSelect: setMonth, year: displayYear, onYearChange: handleDisplayYearUpdate, locale: locale, fromDate: fromDate, toDate: toDate }, children));
|
|
46
|
+
};
|
|
47
|
+
exports.MonthPickerProvider = MonthPickerProvider;
|
|
48
|
+
//# sourceMappingURL=MonthPicker.context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MonthPicker.context.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPicker.context.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAA8C;AAC9C,kDAA0B;AAC1B,8DAA0D;AAC1D,4CAAwD;AACxD,8CAAiD;AA+BjD,MAAM,CAAC,0BAA0B,EAAE,qBAAqB,CAAC,GACvD,IAAA,8BAAa,EAA0B;IACrC,IAAI,EAAE,oBAAoB;IAC1B,YAAY,EACV,yEAAyE;CAC5E,CAAC,CAAC;AA8DyB,sDAAqB;AA5DnD,MAAM,mBAAmB,GAAG,CAAC,EAC3B,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,eAAe,EACf,aAAa,EACb,eAAe,EACf,MAAM,GACmB,EAAE,EAAE;;IAC7B;;OAEG;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,4BAAoB,EAAC;QACzD,YAAY,EACV,MAAA,IAAA,6BAAgB,EAAC;YACf,KAAK,EAAE,MAAA,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,mCAAI,eAAe;YAC1C,KAAK,EAAE,QAAQ;YACf,GAAG,EAAE,MAAM;SACZ,CAAC,mCAAI,IAAI,IAAI,EAAE;QAClB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC7C,YAAY,EAAE,eAAe;QAC7B,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,uBAAuB,GAAG,CAAC,OAAa,EAAE,EAAE;QAChD,IAAI,IAAA,qBAAU,EAAC,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC;YACrC,OAAO;QACT,CAAC;QACD,cAAc,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,0BAA0B,IACzB,OAAO,EAAE,eAAe,IAAI,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EACrE,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,QAAQ,EACvB,IAAI,EAAE,WAAW,EACjB,YAAY,EAAE,uBAAuB,EACrC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,IAEb,QAAQ,CACkB,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEO,kDAAmB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { MonthPickerInput } from "../
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
2
|
+
import { MonthPickerInput } from "../Date.Input";
|
|
3
|
+
import { MonthPickerProps } from "./MonthPicker.types";
|
|
4
|
+
import { MonthPickerStandalone } from "./parts/MonthPicker.Standalone";
|
|
5
5
|
interface MonthPickerComponent extends React.ForwardRefExoticComponent<MonthPickerProps> {
|
|
6
6
|
/**
|
|
7
7
|
* @example
|
|
@@ -29,17 +29,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
29
29
|
exports.MonthPicker = void 0;
|
|
30
30
|
const clsx_1 = __importDefault(require("clsx"));
|
|
31
31
|
const react_1 = __importStar(require("react"));
|
|
32
|
-
const react_day_picker_1 = require("react-day-picker");
|
|
33
32
|
const hooks_1 = require("../../util/hooks");
|
|
34
33
|
const useMergeRefs_1 = require("../../util/hooks/useMergeRefs");
|
|
35
34
|
const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
|
|
36
|
-
const
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
const
|
|
40
|
-
const
|
|
41
|
-
const
|
|
42
|
-
const
|
|
35
|
+
const Date_Dialog_1 = require("../Date.Dialog");
|
|
36
|
+
const Date_Input_1 = require("../Date.Input");
|
|
37
|
+
const Date_locale_1 = require("../Date.locale");
|
|
38
|
+
const MonthPicker_context_1 = require("./MonthPicker.context");
|
|
39
|
+
const MonthPicker_Caption_1 = require("./parts/MonthPicker.Caption");
|
|
40
|
+
const MonthPicker_Standalone_1 = require("./parts/MonthPicker.Standalone");
|
|
41
|
+
const MonthPicker_Table_1 = require("./parts/MonthPicker.Table");
|
|
43
42
|
/**
|
|
44
43
|
* A component that displays a month picker.
|
|
45
44
|
*
|
|
@@ -63,55 +62,47 @@ const MonthSelector_1 = __importDefault(require("./MonthSelector"));
|
|
|
63
62
|
* ```
|
|
64
63
|
*/
|
|
65
64
|
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_hooks_1.useI18n)("DatePicker", translations, (0,
|
|
65
|
+
const translate = (0, i18n_hooks_1.useI18n)("DatePicker", translations, (0, Date_locale_1.getTranslations)(locale));
|
|
67
66
|
const langProviderLocale = (0, i18n_hooks_1.useDateLocale)();
|
|
68
67
|
const ariaId = (0, hooks_1.useId)(id);
|
|
69
|
-
const [open, setOpen] = (0,
|
|
68
|
+
const [open, setOpen] = (0, hooks_1.useControllableState)({
|
|
69
|
+
defaultValue: false,
|
|
70
|
+
value: _open,
|
|
71
|
+
onChange: () => {
|
|
72
|
+
onOpenToggle === null || onOpenToggle === void 0 ? void 0 : onOpenToggle();
|
|
73
|
+
},
|
|
74
|
+
});
|
|
70
75
|
/* We use state here to insure that anchor is defined if open is true on initial render */
|
|
71
76
|
const [wrapperRef, setWrapperRef] = (0, react_1.useState)(null);
|
|
72
77
|
const mergedRef = (0, useMergeRefs_1.useMergeRefs)(setWrapperRef, ref);
|
|
73
|
-
const [selectedMonth, setSelectedMonth] = (0, react_1.useState)(defaultSelected);
|
|
74
78
|
const handleSelect = (month) => {
|
|
75
|
-
var _a;
|
|
76
|
-
!onMonthSelect && setSelectedMonth(month);
|
|
77
79
|
onMonthSelect === null || onMonthSelect === void 0 ? void 0 : onMonthSelect(month);
|
|
78
|
-
|
|
80
|
+
if (month) {
|
|
81
|
+
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
82
|
+
setOpen(false);
|
|
83
|
+
}
|
|
79
84
|
};
|
|
80
85
|
if (dropdownCaption && (!fromDate || !toDate)) {
|
|
81
86
|
console.warn("Using dropdownCaption required fromDate and toDate");
|
|
82
87
|
return null;
|
|
83
88
|
}
|
|
84
|
-
return (react_1.default.createElement(
|
|
85
|
-
react_1.default.createElement(
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
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,
|
|
99
|
-
} },
|
|
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,
|
|
89
|
+
return (react_1.default.createElement(Date_locale_1.DateTranslationContextProvider, { translate: translate },
|
|
90
|
+
react_1.default.createElement(Date_Input_1.DateInputContextProvider, { open: open, onOpen: () => setOpen((x) => !x), ariaId: ariaId, defined: true },
|
|
91
|
+
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: handleSelect, locale: locale ? (0, Date_locale_1.getLocaleFromString)(locale) : langProviderLocale },
|
|
92
|
+
react_1.default.createElement("div", { ref: mergedRef, className: (0, clsx_1.default)("navds-date__wrapper", wrapperClassName) },
|
|
93
|
+
children,
|
|
94
|
+
react_1.default.createElement(Date_Dialog_1.DateDialog, { open: open, anchor: wrapperRef, onClose: () => {
|
|
95
|
+
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
96
|
+
open && setOpen(false);
|
|
97
|
+
}, locale: locale, translate: translate, variant: "month", popoverProps: {
|
|
98
|
+
id: ariaId,
|
|
99
|
+
strategy,
|
|
108
100
|
} },
|
|
109
101
|
react_1.default.createElement("div", { className: (0, clsx_1.default)("rdp-month", className) },
|
|
110
|
-
react_1.default.createElement(
|
|
111
|
-
|
|
112
|
-
react_1.default.createElement(MonthSelector_1.default, null)))))))));
|
|
102
|
+
react_1.default.createElement(MonthPicker_Caption_1.MonthPickerCaption, null),
|
|
103
|
+
react_1.default.createElement(MonthPicker_Table_1.MonthPickerTable, null))))))));
|
|
113
104
|
});
|
|
114
|
-
exports.MonthPicker.Standalone =
|
|
115
|
-
exports.MonthPicker.Input =
|
|
105
|
+
exports.MonthPicker.Standalone = MonthPicker_Standalone_1.MonthPickerStandalone;
|
|
106
|
+
exports.MonthPicker.Input = Date_Input_1.MonthPickerInput;
|
|
116
107
|
exports.default = exports.MonthPicker;
|
|
117
108
|
//# sourceMappingURL=MonthPicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthPicker.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAoD;AACpD,
|
|
1
|
+
{"version":3,"file":"MonthPicker.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentTranslation } from "../../util/i18n/i18n.types";
|
|
2
|
-
import { Matcher } from "../
|
|
2
|
+
import { Matcher } from "../Date.typeutils";
|
|
3
3
|
export interface MonthPickerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
/**
|
|
5
5
|
* Element monthpicker anchors to. Use <MonthPicker.Input /> for built-in toggle,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MonthPicker.types.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPicker.types.ts"],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Matcher } from "
|
|
1
|
+
import { Matcher } from "../Date.typeutils";
|
|
2
2
|
export declare const nextEnabled: (months: Date[], key: string, disabled: Matcher[], currentMonth: Date, setYearState: (date: Date) => void, yearState: Date, dropdownCaption: boolean, fromDate?: Date, toDate?: Date) => Date;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.nextEnabled = void 0;
|
|
4
4
|
const date_fns_1 = require("date-fns");
|
|
5
|
-
const
|
|
5
|
+
const date_utils_1 = require("../date-utils");
|
|
6
6
|
const nextEnabled = (months, key, disabled, currentMonth, setYearState, yearState, dropdownCaption, fromDate, toDate) => {
|
|
7
7
|
const currentIndex = currentMonth.getMonth();
|
|
8
8
|
if (key === "Home") {
|
|
@@ -43,7 +43,7 @@ const nextEnabled = (months, key, disabled, currentMonth, setYearState, yearStat
|
|
|
43
43
|
}
|
|
44
44
|
if (key === "ArrowDown") {
|
|
45
45
|
if (months[currentIndex + 4] &&
|
|
46
|
-
!(0,
|
|
46
|
+
!(0, date_utils_1.isMatch)((0, date_fns_1.setYear)(months[currentIndex + 4], yearState.getFullYear()), disabled)) {
|
|
47
47
|
return (0, date_fns_1.setYear)(months[currentIndex + 4], yearState.getFullYear());
|
|
48
48
|
}
|
|
49
49
|
const fallbackNext = loopForward(currentIndex, months, yearState, setYearState, disabled, true, dropdownCaption, fromDate, toDate);
|
|
@@ -54,7 +54,7 @@ const nextEnabled = (months, key, disabled, currentMonth, setYearState, yearStat
|
|
|
54
54
|
}
|
|
55
55
|
if (key === "ArrowUp") {
|
|
56
56
|
if (months[currentIndex - 4] &&
|
|
57
|
-
!(0,
|
|
57
|
+
!(0, date_utils_1.isMatch)((0, date_fns_1.setYear)(months[currentIndex - 4], Number(yearState.getFullYear())), disabled))
|
|
58
58
|
return (0, date_fns_1.setYear)(months[currentIndex - 4], Number(yearState.getFullYear()));
|
|
59
59
|
const fallbackPrev = loopBack(currentIndex, months, disabled, yearState, setYearState, true, dropdownCaption, fromDate, toDate);
|
|
60
60
|
if (fallbackPrev)
|
|
@@ -74,7 +74,7 @@ const loopBack = (currentIndex, months, disabled, yearState, setYearState, rowCh
|
|
|
74
74
|
i = 11;
|
|
75
75
|
}
|
|
76
76
|
const month = months[i];
|
|
77
|
-
const isDisabled = !(0,
|
|
77
|
+
const isDisabled = !(0, date_utils_1.isMatch)((0, date_fns_1.setYear)(month, Number(currentYear.getFullYear())), disabled);
|
|
78
78
|
if (rowCheck) {
|
|
79
79
|
if (isDisabled && getRow(i) !== getRow(currentIndex)) {
|
|
80
80
|
return { index: i, year: Number(currentYear.getFullYear()) };
|
|
@@ -98,7 +98,7 @@ const loopForward = (currentIndex, months, yearState, setYearState, disabled, ro
|
|
|
98
98
|
i = 0;
|
|
99
99
|
}
|
|
100
100
|
const month = months[i];
|
|
101
|
-
const isDisabled = !(0,
|
|
101
|
+
const isDisabled = !(0, date_utils_1.isMatch)((0, date_fns_1.setYear)(month, Number(currentYear.getFullYear())), disabled);
|
|
102
102
|
if (rowCheck) {
|
|
103
103
|
if (isDisabled && getRow(i) !== getRow(currentIndex)) {
|
|
104
104
|
return { index: i, year: Number(currentYear.getFullYear()) };
|
|
@@ -148,9 +148,9 @@ const nextOnRow = (currentIndex, months, yearState, disabled, mode) => {
|
|
|
148
148
|
monthsOfRow = monthsOfRow.reverse();
|
|
149
149
|
for (let i = 0; i < monthsOfRow.length; i++) {
|
|
150
150
|
const month = monthsOfRow[i];
|
|
151
|
-
if (!(0,
|
|
151
|
+
if (!(0, date_utils_1.isMatch)((0, date_fns_1.setYear)(month, Number(yearState.getFullYear())), disabled)) {
|
|
152
152
|
return (0, date_fns_1.setYear)(month, Number(yearState.getFullYear()));
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
};
|
|
156
|
-
//# sourceMappingURL=
|
|
156
|
+
//# sourceMappingURL=MonthPicker.util.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MonthPicker.util.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPicker.util.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { DateInputProps } from "../../Date.Input";
|
|
3
|
+
import { MonthPickerProps } from "../MonthPicker.types";
|
|
4
4
|
export interface UseMonthPickerOptions extends Pick<MonthPickerProps, "locale" | "fromDate" | "toDate" | "disabled" | "defaultSelected"> {
|
|
5
5
|
/**
|
|
6
6
|
* Make Date-selection required
|
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useMonthpicker = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
const
|
|
6
|
-
const
|
|
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");
|
|
7
9
|
const getValidationMessage = (val = {}) => (Object.assign({ isDisabled: false, isEmpty: false, isInvalid: false, isBefore: false, isAfter: false, isValidMonth: true }, val));
|
|
8
10
|
const getIsBefore = (opt) => opt.fromDate &&
|
|
9
11
|
opt.date &&
|
|
@@ -35,13 +37,13 @@ const useMonthpicker = (opt = {}) => {
|
|
|
35
37
|
const [defaultSelected, setDefaultSelected] = (0, react_1.useState)(_defaultSelected);
|
|
36
38
|
const today = (0, react_1.useMemo)(() => new Date(), []);
|
|
37
39
|
const localeFromProvider = (0, i18n_hooks_1.useDateLocale)();
|
|
38
|
-
const locale = _locale ? (0,
|
|
40
|
+
const locale = _locale ? (0, Date_locale_1.getLocaleFromString)(_locale) : localeFromProvider;
|
|
39
41
|
// Initialize states
|
|
40
42
|
const [year, setYear] = (0, react_1.useState)((_a = defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : defaultYear) !== null && _a !== void 0 ? _a : today);
|
|
41
43
|
const [selectedMonth, setSelectedMonth] = (0, react_1.useState)(defaultSelected);
|
|
42
44
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
43
45
|
const defaultInputValue = defaultSelected
|
|
44
|
-
? (0,
|
|
46
|
+
? (0, date_utils_1.formatDateForInput)(defaultSelected, locale, "month", inputFormat)
|
|
45
47
|
: "";
|
|
46
48
|
const [inputValue, setInputValue] = (0, react_1.useState)(defaultInputValue);
|
|
47
49
|
const handleOpen = (0, react_1.useCallback)((newOpen) => {
|
|
@@ -66,28 +68,28 @@ const useMonthpicker = (opt = {}) => {
|
|
|
66
68
|
var _a;
|
|
67
69
|
updateMonth(date);
|
|
68
70
|
setYear((_a = date !== null && date !== void 0 ? date : defaultYear) !== null && _a !== void 0 ? _a : today);
|
|
69
|
-
setInputValue(date ? (0,
|
|
71
|
+
setInputValue(date ? (0, date_utils_1.formatDateForInput)(date, locale, "month", inputFormat) : "");
|
|
70
72
|
};
|
|
71
73
|
const handleFocus = (e) => {
|
|
72
74
|
var _a;
|
|
73
75
|
if (e.target.readOnly) {
|
|
74
76
|
return;
|
|
75
77
|
}
|
|
76
|
-
const day = (0,
|
|
78
|
+
const day = (0, date_utils_1.parseDate)(e.target.value, today, locale, "month", allowTwoDigitYear);
|
|
77
79
|
const isBefore = getIsBefore({ fromDate, date: day });
|
|
78
80
|
const isAfter = getIsAfter({ toDate, date: day });
|
|
79
|
-
if ((0,
|
|
81
|
+
if ((0, date_utils_1.isValidDate)(day)) {
|
|
80
82
|
!isBefore && !isAfter && setYear(day);
|
|
81
|
-
setInputValue((0,
|
|
83
|
+
setInputValue((0, date_utils_1.formatDateForInput)(day, locale, "month", inputFormat));
|
|
82
84
|
}
|
|
83
85
|
else {
|
|
84
86
|
setYear((_a = defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : defaultYear) !== null && _a !== void 0 ? _a : today);
|
|
85
87
|
}
|
|
86
88
|
};
|
|
87
89
|
const handleBlur = (e) => {
|
|
88
|
-
const day = (0,
|
|
89
|
-
(0,
|
|
90
|
-
setInputValue((0,
|
|
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));
|
|
91
93
|
};
|
|
92
94
|
/* Only allow de-selecting if not required */
|
|
93
95
|
const handleMonthClick = (month) => {
|
|
@@ -108,21 +110,22 @@ const useMonthpicker = (opt = {}) => {
|
|
|
108
110
|
}
|
|
109
111
|
updateMonth(month);
|
|
110
112
|
updateValidation();
|
|
111
|
-
setInputValue(month ? (0,
|
|
113
|
+
setInputValue(month ? (0, date_utils_1.formatDateForInput)(month, locale, "month", inputFormat) : "");
|
|
112
114
|
};
|
|
113
115
|
// When changing the input field, save its value in state and check if the
|
|
114
116
|
// string is a valid date. If it is a valid day, set it as selected and update
|
|
115
117
|
// the calendar’s month.
|
|
116
118
|
const handleChange = (e) => {
|
|
117
119
|
setInputValue(e.target.value);
|
|
118
|
-
const month = (0,
|
|
120
|
+
const month = (0, date_utils_1.parseDate)(e.target.value, today, locale, "month", allowTwoDigitYear);
|
|
119
121
|
const isBefore = getIsBefore({ fromDate, date: month });
|
|
120
122
|
const isAfter = getIsAfter({ toDate, date: month });
|
|
121
|
-
if (!(0,
|
|
123
|
+
if (!(0, date_utils_1.isValidDate)(month) ||
|
|
124
|
+
(disabled && (0, react_day_picker_1.dateMatchModifiers)(month, disabled))) {
|
|
122
125
|
updateMonth(undefined);
|
|
123
126
|
updateValidation({
|
|
124
|
-
isInvalid: (0,
|
|
125
|
-
isDisabled: disabled && (0,
|
|
127
|
+
isInvalid: (0, date_utils_1.isValidDate)(month),
|
|
128
|
+
isDisabled: disabled && (0, react_day_picker_1.dateMatchModifiers)(month, disabled),
|
|
126
129
|
isValidMonth: false,
|
|
127
130
|
isEmpty: !e.target.value,
|
|
128
131
|
isBefore: isBefore !== null && isBefore !== void 0 ? isBefore : false,
|
|
@@ -132,7 +135,9 @@ const useMonthpicker = (opt = {}) => {
|
|
|
132
135
|
}
|
|
133
136
|
if (isAfter ||
|
|
134
137
|
isBefore ||
|
|
135
|
-
(fromDate &&
|
|
138
|
+
(fromDate &&
|
|
139
|
+
toDate &&
|
|
140
|
+
!(0, react_day_picker_1.dateMatchModifiers)(month, [{ from: fromDate, to: toDate }]))) {
|
|
136
141
|
updateMonth(undefined);
|
|
137
142
|
updateValidation({
|
|
138
143
|
isValidMonth: false,
|
|
@@ -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 "
|
|
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 "./
|
|
5
|
-
export { MonthPickerInput } from "../
|
|
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
|
|
9
|
-
Object.defineProperty(exports, "useMonthpicker", { enumerable: true, get: function () { return
|
|
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
|
|
13
|
-
Object.defineProperty(exports, "MonthPickerStandalone", { enumerable: true, get: function () { return
|
|
14
|
-
var
|
|
15
|
-
Object.defineProperty(exports, "MonthPickerInput", { enumerable: true, get: function () { return
|
|
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,
|
|
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"}
|
|
@@ -30,9 +30,9 @@ exports.MonthButton = void 0;
|
|
|
30
30
|
const clsx_1 = __importDefault(require("clsx"));
|
|
31
31
|
const date_fns_1 = require("date-fns");
|
|
32
32
|
const react_1 = __importStar(require("react"));
|
|
33
|
-
const
|
|
34
|
-
const
|
|
35
|
-
const
|
|
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
36
|
const disableMonth = (month, fromDate, toDate) => {
|
|
37
37
|
if (fromDate && toDate) {
|
|
38
38
|
return (((0, date_fns_1.compareAsc)(month, fromDate) === -1 && !(0, date_fns_1.isSameMonth)(month, fromDate)) ||
|
|
@@ -48,8 +48,7 @@ const disableMonth = (month, fromDate, toDate) => {
|
|
|
48
48
|
};
|
|
49
49
|
const MonthButton = ({ month, months, focus, setFocus, tabRoot, setTabRoot, }) => {
|
|
50
50
|
const ref = (0, react_1.useRef)(null);
|
|
51
|
-
const {
|
|
52
|
-
const { fromDate, toDate, locale } = (0, react_day_picker_1.useDayPicker)();
|
|
51
|
+
const { fromDate, toDate, locale, selected, disabled, year, onYearChange, onMonthSelect, caption, } = (0, MonthPicker_context_1.useMonthPickerContext)();
|
|
53
52
|
const isSelected = selected && (0, date_fns_1.isSameMonth)(month, selected);
|
|
54
53
|
(0, react_1.useEffect)(() => {
|
|
55
54
|
if (focus) {
|
|
@@ -57,16 +56,17 @@ const MonthButton = ({ month, months, focus, setFocus, tabRoot, setTabRoot, }) =
|
|
|
57
56
|
setFocus();
|
|
58
57
|
}
|
|
59
58
|
}, [focus, month, setFocus]);
|
|
60
|
-
const isDisabled = (0,
|
|
59
|
+
const isDisabled = (0, date_utils_1.isMatch)((0, date_fns_1.setYear)(month, year.getFullYear()), disabled) ||
|
|
61
60
|
disableMonth(month, fromDate, toDate);
|
|
62
|
-
|
|
63
|
-
|
|
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
64
|
"rdp-day_selected": isSelected,
|
|
65
65
|
"rdp-day_disabled": isDisabled,
|
|
66
66
|
}), tabIndex: tabRoot && (0, date_fns_1.isSameMonth)(month, (0, date_fns_1.setYear)(tabRoot, year.getFullYear()))
|
|
67
67
|
? 0
|
|
68
68
|
: -1, onKeyDown: (e) => {
|
|
69
|
-
const next = (0,
|
|
69
|
+
const next = (0, MonthPicker_util_1.nextEnabled)(months, e.key, disabled, month, onYearChange, year, caption === "dropdown", fromDate, toDate);
|
|
70
70
|
setFocus(next);
|
|
71
71
|
setTabRoot(next);
|
|
72
72
|
}, onFocus: () => {
|
|
@@ -79,4 +79,4 @@ const MonthButton = ({ month, months, focus, setFocus, tabRoot, setTabRoot, }) =
|
|
|
79
79
|
};
|
|
80
80
|
exports.MonthButton = MonthButton;
|
|
81
81
|
exports.default = exports.MonthButton;
|
|
82
|
-
//# sourceMappingURL=
|
|
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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"}
|
|
@@ -3,20 +3,19 @@ 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.
|
|
6
|
+
exports.MonthPickerCaption = void 0;
|
|
7
7
|
const date_fns_1 = require("date-fns");
|
|
8
8
|
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const react_day_picker_1 = require("react-day-picker");
|
|
10
9
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
11
|
-
const button_1 = require("
|
|
12
|
-
const select_1 = require("
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
const {
|
|
17
|
-
const translate = (0,
|
|
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;
|
|
18
17
|
const years = [];
|
|
19
|
-
if (
|
|
18
|
+
if (caption === "dropdown" && fromDate && toDate) {
|
|
20
19
|
const fromYear = fromDate.getFullYear();
|
|
21
20
|
const toDateYear = toDate.getFullYear();
|
|
22
21
|
for (let currYear = fromYear; currYear <= toDateYear; currYear++) {
|
|
@@ -27,10 +26,12 @@ const MonthCaption = () => {
|
|
|
27
26
|
}
|
|
28
27
|
years.sort((a, b) => b.getFullYear() - a.getFullYear());
|
|
29
28
|
}
|
|
30
|
-
const handleYearChange = (event) =>
|
|
29
|
+
const handleYearChange = (event) => {
|
|
30
|
+
onYearChange((0, date_fns_1.setYear)((0, date_fns_1.startOfMonth)(new Date()), Number(event.target.value)));
|
|
31
|
+
};
|
|
31
32
|
const handleButtonClick = (val) => {
|
|
32
33
|
const newYear = Number(year.getFullYear() + val);
|
|
33
|
-
|
|
34
|
+
onYearChange((0, date_fns_1.setYear)(year, newYear));
|
|
34
35
|
};
|
|
35
36
|
const disablePreviousYear = () => {
|
|
36
37
|
return fromDate
|
|
@@ -43,10 +44,9 @@ const MonthCaption = () => {
|
|
|
43
44
|
: false;
|
|
44
45
|
};
|
|
45
46
|
return (react_1.default.createElement("div", { className: "navds-date__caption" },
|
|
46
|
-
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", type: "button" }),
|
|
47
|
-
|
|
48
|
-
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", type: "button" })));
|
|
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" })));
|
|
49
50
|
};
|
|
50
|
-
exports.
|
|
51
|
-
|
|
52
|
-
//# sourceMappingURL=MonthCaption.js.map
|
|
51
|
+
exports.MonthPickerCaption = MonthPickerCaption;
|
|
52
|
+
//# sourceMappingURL=MonthPicker.Caption.js.map
|