@salutejs/plasma-new-hope 0.109.0-canary.1310.10007111729.0 → 0.109.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Calendar/Calendar.tokens.js +32 -6
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/Calendar.types.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +20 -21
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +88 -140
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +23 -21
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +269 -104
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/hoc/withRange.js +17 -9
- package/cjs/components/Calendar/hoc/withRange.js.map +1 -1
- package/cjs/components/Calendar/hooks/useCalendarDateChange.js +92 -0
- package/cjs/components/Calendar/hooks/useCalendarDateChange.js.map +1 -0
- package/cjs/components/Calendar/hooks/useCalendarNavigation.js +98 -0
- package/cjs/components/Calendar/hooks/useCalendarNavigation.js.map +1 -0
- package/cjs/components/Calendar/hooks/useDays.js +34 -148
- package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
- package/cjs/components/Calendar/hooks/useKeyNavigation.js +27 -16
- package/cjs/components/Calendar/hooks/useKeyNavigation.js.map +1 -1
- package/cjs/components/Calendar/hooks/useMonths.js +37 -8
- package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
- package/cjs/components/Calendar/hooks/useQuarters.js +57 -0
- package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -0
- package/cjs/components/Calendar/hooks/useYears.js +39 -8
- package/cjs/components/Calendar/hooks/useYears.js.map +1 -1
- package/cjs/components/Calendar/store/reducer.js +34 -12
- package/cjs/components/Calendar/store/reducer.js.map +1 -1
- package/cjs/components/Calendar/store/types.js +1 -0
- package/cjs/components/Calendar/store/types.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +36 -26
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +16 -10
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +2 -2
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/{es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css → cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css} +2 -2
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +7 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +96 -27
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -13
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +2 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +7 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +149 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +21 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +2 -0
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +7 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +99 -25
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -13
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +2 -0
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -0
- package/cjs/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.js → DateStructureItem/DateStructureItem.js} +23 -21
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -0
- package/cjs/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.styles.js → DateStructureItem/DateStructureItem.styles.js} +19 -27
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -0
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1nxxafr.css +4 -0
- package/cjs/components/Calendar/utils/calendarGridHelper.js +173 -0
- package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -0
- package/cjs/components/Calendar/utils/calendarRangeHelper.js +122 -0
- package/cjs/components/Calendar/utils/calendarRangeHelper.js.map +1 -0
- package/cjs/components/Calendar/utils/constants.js +60 -0
- package/cjs/components/Calendar/utils/constants.js.map +1 -0
- package/cjs/components/Calendar/utils/getDateWithModification.js +188 -0
- package/cjs/components/Calendar/utils/getDateWithModification.js.map +1 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js +11 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/{DatePickerBase.styles_1thp2xv.css → DatePickerBase.styles_192va2p.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +22 -23
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +18 -6
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +22 -23
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/{es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css → cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css} +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +21 -22
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +7 -3
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +5 -5
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/index.css +23 -24
- package/cjs/utils/datejs.js +4 -0
- package/cjs/utils/datejs.js.map +1 -1
- package/emotion/cjs/components/Calendar/Calendar.template-doc.mdx +236 -150
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +32 -7
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +84 -139
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +261 -101
- package/emotion/cjs/components/Calendar/hoc/withRange.js +14 -6
- package/emotion/cjs/components/Calendar/hooks/index.js +22 -1
- package/emotion/cjs/components/Calendar/hooks/useCalendarDateChange.js +90 -0
- package/emotion/cjs/components/Calendar/hooks/useCalendarNavigation.js +96 -0
- package/emotion/cjs/components/Calendar/hooks/useDays.js +21 -137
- package/emotion/cjs/components/Calendar/hooks/useKeyNavigation.js +26 -15
- package/emotion/cjs/components/Calendar/hooks/useMonths.js +32 -6
- package/emotion/cjs/components/Calendar/hooks/useQuarters.js +52 -0
- package/emotion/cjs/components/Calendar/hooks/useYears.js +34 -6
- package/emotion/cjs/components/Calendar/mixins/selected.js +2 -9
- package/emotion/cjs/components/Calendar/store/reducer.js +27 -6
- package/emotion/cjs/components/Calendar/store/types.js +1 -0
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +28 -17
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +13 -8
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +14 -9
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +97 -27
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +6 -35
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +156 -0
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +18 -0
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +100 -25
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +6 -35
- package/{styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js → emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js} +22 -20
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +85 -0
- package/emotion/cjs/components/Calendar/ui/index.js +7 -0
- package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +164 -0
- package/emotion/cjs/components/Calendar/utils/calendarRangeHelper.js +117 -0
- package/emotion/cjs/components/Calendar/utils/constants.js +48 -0
- package/emotion/cjs/components/Calendar/utils/getDateWithModification.js +186 -0
- package/emotion/cjs/components/Calendar/utils/index.js +39 -243
- package/emotion/cjs/components/DatePicker/DatePicker.template-doc.mdx +10 -1
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +11 -0
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +2 -2
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +18 -6
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +7 -3
- package/emotion/cjs/components/TextArea/TextArea.js +6 -6
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +162 -267
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +162 -267
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +162 -267
- package/emotion/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/utils/datejs.js +4 -0
- package/emotion/es/components/Calendar/Calendar.template-doc.mdx +236 -150
- package/emotion/es/components/Calendar/Calendar.tokens.js +31 -6
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +88 -143
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +265 -105
- package/emotion/es/components/Calendar/hoc/withRange.js +14 -6
- package/emotion/es/components/Calendar/hooks/index.js +4 -1
- package/emotion/es/components/Calendar/hooks/useCalendarDateChange.js +84 -0
- package/emotion/es/components/Calendar/hooks/useCalendarNavigation.js +90 -0
- package/emotion/es/components/Calendar/hooks/useDays.js +22 -138
- package/emotion/es/components/Calendar/hooks/useKeyNavigation.js +27 -17
- package/emotion/es/components/Calendar/hooks/useMonths.js +33 -8
- package/emotion/es/components/Calendar/hooks/useQuarters.js +46 -0
- package/emotion/es/components/Calendar/hooks/useYears.js +35 -7
- package/emotion/es/components/Calendar/mixins/selected.js +2 -9
- package/emotion/es/components/Calendar/store/reducer.js +26 -5
- package/emotion/es/components/Calendar/store/types.js +1 -0
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +29 -17
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +13 -8
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +14 -9
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +100 -29
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +6 -35
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +149 -0
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +11 -0
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +103 -27
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +6 -35
- package/{styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js → emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js} +20 -18
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +78 -0
- package/emotion/es/components/Calendar/ui/index.js +1 -0
- package/emotion/es/components/Calendar/utils/calendarGridHelper.js +158 -0
- package/emotion/es/components/Calendar/utils/calendarRangeHelper.js +111 -0
- package/emotion/es/components/Calendar/utils/constants.js +42 -0
- package/emotion/es/components/Calendar/utils/getDateWithModification.js +180 -0
- package/emotion/es/components/Calendar/utils/index.js +4 -247
- package/emotion/es/components/DatePicker/DatePicker.template-doc.mdx +10 -1
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +11 -0
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +2 -2
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +18 -6
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +7 -3
- package/emotion/es/components/TextArea/TextArea.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +162 -267
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +162 -267
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +162 -267
- package/emotion/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/utils/datejs.js +4 -0
- package/es/components/Calendar/Calendar.tokens.js +32 -7
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/Calendar.types.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +20 -21
- package/es/components/Calendar/CalendarBase/CalendarBase.js +90 -142
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +23 -21
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +270 -105
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/hoc/withRange.js +15 -7
- package/es/components/Calendar/hoc/withRange.js.map +1 -1
- package/es/components/Calendar/hooks/useCalendarDateChange.js +88 -0
- package/es/components/Calendar/hooks/useCalendarDateChange.js.map +1 -0
- package/es/components/Calendar/hooks/useCalendarNavigation.js +94 -0
- package/es/components/Calendar/hooks/useCalendarNavigation.js.map +1 -0
- package/es/components/Calendar/hooks/useDays.js +24 -138
- package/es/components/Calendar/hooks/useDays.js.map +1 -1
- package/es/components/Calendar/hooks/useKeyNavigation.js +27 -16
- package/es/components/Calendar/hooks/useKeyNavigation.js.map +1 -1
- package/es/components/Calendar/hooks/useMonths.js +36 -7
- package/es/components/Calendar/hooks/useMonths.js.map +1 -1
- package/es/components/Calendar/hooks/useQuarters.js +53 -0
- package/es/components/Calendar/hooks/useQuarters.js.map +1 -0
- package/es/components/Calendar/hooks/useYears.js +38 -7
- package/es/components/Calendar/hooks/useYears.js.map +1 -1
- package/es/components/Calendar/store/reducer.js +28 -7
- package/es/components/Calendar/store/reducer.js.map +1 -1
- package/es/components/Calendar/store/types.js +1 -0
- package/es/components/Calendar/store/types.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +29 -19
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +15 -9
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +2 -2
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/{cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css → es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css} +2 -2
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +7 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +99 -30
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -12
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +2 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +7 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +145 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +16 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +2 -0
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +7 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +102 -28
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -12
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +2 -0
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -0
- package/es/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.js → DateStructureItem/DateStructureItem.js} +22 -20
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -0
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +55 -0
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -0
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1nxxafr.css +4 -0
- package/es/components/Calendar/utils/calendarGridHelper.js +153 -0
- package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -0
- package/es/components/Calendar/utils/calendarRangeHelper.js +110 -0
- package/es/components/Calendar/utils/calendarRangeHelper.js.map +1 -0
- package/es/components/Calendar/utils/constants.js +45 -0
- package/es/components/Calendar/utils/constants.js.map +1 -0
- package/es/components/Calendar/utils/getDateWithModification.js +184 -0
- package/es/components/Calendar/utils/getDateWithModification.js.map +1 -0
- package/es/components/DatePicker/DatePicker.tokens.js +11 -0
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/{DatePickerBase.styles_1thp2xv.css → DatePickerBase.styles_192va2p.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +22 -23
- package/es/components/DatePicker/RangeDate/RangeDate.js +18 -6
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +22 -23
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/{cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css → es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css} +2 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +21 -22
- package/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +7 -3
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/TextArea/TextArea.js +5 -5
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/index.css +23 -24
- package/es/utils/datejs.js +4 -0
- package/es/utils/datejs.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/Calendar.template-doc.mdx +236 -150
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +32 -7
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +84 -139
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +261 -101
- package/styled-components/cjs/components/Calendar/hoc/withRange.js +14 -6
- package/styled-components/cjs/components/Calendar/hooks/index.js +22 -1
- package/styled-components/cjs/components/Calendar/hooks/useCalendarDateChange.js +90 -0
- package/styled-components/cjs/components/Calendar/hooks/useCalendarNavigation.js +96 -0
- package/styled-components/cjs/components/Calendar/hooks/useDays.js +21 -137
- package/styled-components/cjs/components/Calendar/hooks/useKeyNavigation.js +26 -15
- package/styled-components/cjs/components/Calendar/hooks/useMonths.js +32 -6
- package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +52 -0
- package/styled-components/cjs/components/Calendar/hooks/useYears.js +34 -6
- package/styled-components/cjs/components/Calendar/mixins/selected.js +2 -9
- package/styled-components/cjs/components/Calendar/store/reducer.js +27 -6
- package/styled-components/cjs/components/Calendar/store/types.js +1 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +28 -17
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +13 -8
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +8 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +97 -27
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -30
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +156 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +16 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.js +5 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +100 -25
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -30
- package/{emotion/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js → styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js} +22 -20
- package/styled-components/cjs/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.styles.js → DateStructureItem/DateStructureItem.styles.js} +26 -26
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.types.js +5 -0
- package/styled-components/cjs/components/Calendar/ui/index.js +7 -0
- package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +164 -0
- package/styled-components/cjs/components/Calendar/utils/calendarRangeHelper.js +117 -0
- package/styled-components/cjs/components/Calendar/utils/constants.js +48 -0
- package/styled-components/cjs/components/Calendar/utils/getDateWithModification.js +186 -0
- package/styled-components/cjs/components/Calendar/utils/index.js +39 -243
- package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +10 -1
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +11 -0
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +18 -6
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +7 -3
- package/styled-components/cjs/components/TextArea/TextArea.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +162 -267
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +162 -267
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +162 -267
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -5
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -5
- package/styled-components/cjs/utils/datejs.js +4 -0
- package/styled-components/es/components/Calendar/Calendar.template-doc.mdx +236 -150
- package/styled-components/es/components/Calendar/Calendar.tokens.js +31 -6
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +88 -143
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +265 -105
- package/styled-components/es/components/Calendar/hoc/withRange.js +14 -6
- package/styled-components/es/components/Calendar/hooks/index.js +4 -1
- package/styled-components/es/components/Calendar/hooks/useCalendarDateChange.js +84 -0
- package/styled-components/es/components/Calendar/hooks/useCalendarNavigation.js +90 -0
- package/styled-components/es/components/Calendar/hooks/useDays.js +22 -138
- package/styled-components/es/components/Calendar/hooks/useKeyNavigation.js +27 -17
- package/styled-components/es/components/Calendar/hooks/useMonths.js +33 -8
- package/styled-components/es/components/Calendar/hooks/useQuarters.js +46 -0
- package/styled-components/es/components/Calendar/hooks/useYears.js +35 -7
- package/styled-components/es/components/Calendar/mixins/selected.js +2 -9
- package/styled-components/es/components/Calendar/store/reducer.js +26 -5
- package/styled-components/es/components/Calendar/store/types.js +1 -0
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +29 -17
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +13 -8
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +8 -3
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +100 -29
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -30
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +149 -0
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +9 -0
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.js +1 -0
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +103 -27
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -30
- package/{emotion/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js → styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js} +20 -18
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +65 -0
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.types.js +1 -0
- package/styled-components/es/components/Calendar/ui/index.js +1 -0
- package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +158 -0
- package/styled-components/es/components/Calendar/utils/calendarRangeHelper.js +111 -0
- package/styled-components/es/components/Calendar/utils/constants.js +42 -0
- package/styled-components/es/components/Calendar/utils/getDateWithModification.js +180 -0
- package/styled-components/es/components/Calendar/utils/index.js +4 -247
- package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +10 -1
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +11 -0
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +18 -6
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +7 -3
- package/styled-components/es/components/TextArea/TextArea.js +5 -5
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +162 -267
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +162 -267
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +162 -267
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -5
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -5
- package/styled-components/es/utils/datejs.js +4 -0
- package/types/components/Calendar/Calendar.tokens.d.ts +30 -6
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +86 -32
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts +4 -44
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts +4 -31
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/hoc/withRange.d.ts +3 -2
- package/types/components/Calendar/hoc/withRange.d.ts.map +1 -1
- package/types/components/Calendar/hooks/index.d.ts +3 -0
- package/types/components/Calendar/hooks/index.d.ts.map +1 -1
- package/types/components/Calendar/hooks/types.d.ts +38 -0
- package/types/components/Calendar/hooks/types.d.ts.map +1 -0
- package/types/components/Calendar/hooks/useCalendarDateChange.d.ts +11 -0
- package/types/components/Calendar/hooks/useCalendarDateChange.d.ts.map +1 -0
- package/types/components/Calendar/hooks/useCalendarNavigation.d.ts +6 -0
- package/types/components/Calendar/hooks/useCalendarNavigation.d.ts.map +1 -0
- package/types/components/Calendar/hooks/useDays.d.ts +3 -2
- package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useKeyNavigation.d.ts +2 -2
- package/types/components/Calendar/hooks/useKeyNavigation.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts +3 -2
- package/types/components/Calendar/hooks/useMonths.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useQuarters.d.ts +7 -0
- package/types/components/Calendar/hooks/useQuarters.d.ts.map +1 -0
- package/types/components/Calendar/hooks/useYears.d.ts +3 -2
- package/types/components/Calendar/hooks/useYears.d.ts.map +1 -1
- package/types/components/Calendar/mixins/selected.d.ts.map +1 -1
- package/types/components/Calendar/store/reducer.d.ts +3 -2
- package/types/components/Calendar/store/reducer.d.ts.map +1 -1
- package/types/components/Calendar/store/types.d.ts +9 -1
- package/types/components/Calendar/store/types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +3 -3
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +2 -2
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts +0 -2
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts +14 -4
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts +7 -0
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -0
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts +4 -0
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts.map +1 -0
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.d.ts +21 -0
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.d.ts.map +1 -0
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts +0 -2
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.types.d.ts +12 -3
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.d.ts +7 -0
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.d.ts.map +1 -0
- package/types/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.styles.d.ts → DateStructureItem/DateStructureItem.styles.d.ts} +4 -4
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -0
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.types.d.ts +13 -0
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.types.d.ts.map +1 -0
- package/types/components/Calendar/ui/index.d.ts +1 -0
- package/types/components/Calendar/ui/index.d.ts.map +1 -1
- package/types/components/Calendar/utils/calendarGridHelper.d.ts +29 -0
- package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -0
- package/types/components/Calendar/utils/calendarRangeHelper.d.ts +26 -0
- package/types/components/Calendar/utils/calendarRangeHelper.d.ts.map +1 -0
- package/types/components/Calendar/utils/constants.d.ts +19 -0
- package/types/components/Calendar/utils/constants.d.ts.map +1 -0
- package/types/components/Calendar/utils/getDateWithModification.d.ts +17 -0
- package/types/components/Calendar/utils/getDateWithModification.d.ts.map +1 -0
- package/types/components/Calendar/utils/index.d.ts +4 -54
- package/types/components/Calendar/utils/index.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +11 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts +1 -5
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +62 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +6 -6
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +5 -41
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +2 -2
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +5 -3
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +2 -2
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +3 -39
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +2 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts +4 -11
- package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +4 -4
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/Calendar.d.ts +4 -11
- package/types/examples/plasma_web/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +4 -4
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +4 -11
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/utils/datejs.d.ts.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +0 -4
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js.map +0 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +0 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_107vqka.css +0 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7jeg2n.css +0 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_4z2ki7.css +0 -4
- package/cjs/components/Calendar/utils/index.js +0 -276
- package/cjs/components/Calendar/utils/index.js.map +0 -1
- package/emotion/cjs/components/Breadcrumbs/README.md +0 -78
- package/emotion/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +0 -85
- package/emotion/es/components/Breadcrumbs/README.md +0 -78
- package/emotion/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +0 -78
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +0 -4
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js.map +0 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +0 -63
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +0 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_107vqka.css +0 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7jeg2n.css +0 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_4z2ki7.css +0 -4
- package/es/components/Calendar/utils/index.js +0 -242
- package/es/components/Calendar/utils/index.js.map +0 -1
- package/styled-components/cjs/components/Breadcrumbs/README.md +0 -78
- package/styled-components/es/components/Breadcrumbs/README.md +0 -78
- package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +0 -65
- package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +0 -16
- package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +0 -1
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.d.ts +0 -7
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.d.ts.map +0 -1
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map +0 -1
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.types.d.ts +0 -13
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.types.d.ts.map +0 -1
- /package/emotion/cjs/components/{Breadcrumbs/Breadcrumbs.types.js → Calendar/hooks/types.js} +0 -0
- /package/emotion/cjs/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.types.js → CalendarQuarters/CalendarQuarters.types.js} +0 -0
- /package/{styled-components/cjs/components/Breadcrumbs/Breadcrumbs.types.js → emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.types.js} +0 -0
- /package/emotion/es/components/{Breadcrumbs/Breadcrumbs.types.js → Calendar/hooks/types.js} +0 -0
- /package/emotion/es/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.types.js → CalendarQuarters/CalendarQuarters.types.js} +0 -0
- /package/{styled-components/es/components/Breadcrumbs/Breadcrumbs.types.js → emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.types.js} +0 -0
- /package/styled-components/cjs/components/Calendar/{ui/CalendarDayItem/CalendarDayItem.types.js → hooks/types.js} +0 -0
- /package/styled-components/es/components/Calendar/{ui/CalendarDayItem/CalendarDayItem.types.js → hooks/types.js} +0 -0
@@ -0,0 +1,90 @@
|
|
1
|
+
import { useCallback } from 'react';
|
2
|
+
import { ActionType, CalendarState } from '../store/types';
|
3
|
+
import { YEAR_RENDER_COUNT } from '../utils';
|
4
|
+
export var useCalendarNavigation = function useCalendarNavigation(_ref) {
|
5
|
+
var calendarState = _ref.calendarState,
|
6
|
+
dispatch = _ref.dispatch,
|
7
|
+
date = _ref.date;
|
8
|
+
var handlePrev = useCallback(function () {
|
9
|
+
var withShift = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
10
|
+
if (calendarState === CalendarState.Days) {
|
11
|
+
if (withShift) {
|
12
|
+
dispatch({
|
13
|
+
type: ActionType.PREVIOUS_YEAR,
|
14
|
+
payload: {
|
15
|
+
step: 1
|
16
|
+
}
|
17
|
+
});
|
18
|
+
return;
|
19
|
+
}
|
20
|
+
dispatch({
|
21
|
+
type: ActionType.PREVIOUS_MONTH,
|
22
|
+
payload: {
|
23
|
+
monthIndex: date.monthIndex,
|
24
|
+
year: date.year
|
25
|
+
}
|
26
|
+
});
|
27
|
+
return;
|
28
|
+
}
|
29
|
+
if (calendarState === CalendarState.Months || calendarState === CalendarState.Quarters) {
|
30
|
+
dispatch({
|
31
|
+
type: ActionType.PREVIOUS_YEAR,
|
32
|
+
payload: {
|
33
|
+
step: 1
|
34
|
+
}
|
35
|
+
});
|
36
|
+
return;
|
37
|
+
}
|
38
|
+
if (calendarState === CalendarState.Years) {
|
39
|
+
dispatch({
|
40
|
+
type: ActionType.PREVIOUS_START_YEAR,
|
41
|
+
payload: {
|
42
|
+
yearsCount: YEAR_RENDER_COUNT
|
43
|
+
}
|
44
|
+
});
|
45
|
+
}
|
46
|
+
}, [date, calendarState]);
|
47
|
+
var handleNext = useCallback(function () {
|
48
|
+
var withShift = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
49
|
+
if (calendarState === CalendarState.Days) {
|
50
|
+
if (withShift) {
|
51
|
+
dispatch({
|
52
|
+
type: ActionType.NEXT_YEAR,
|
53
|
+
payload: {
|
54
|
+
step: 1
|
55
|
+
}
|
56
|
+
});
|
57
|
+
return;
|
58
|
+
}
|
59
|
+
dispatch({
|
60
|
+
type: ActionType.NEXT_MONTH,
|
61
|
+
payload: {
|
62
|
+
monthIndex: date.monthIndex,
|
63
|
+
year: date.year
|
64
|
+
}
|
65
|
+
});
|
66
|
+
return;
|
67
|
+
}
|
68
|
+
if (calendarState === CalendarState.Months || calendarState === CalendarState.Quarters) {
|
69
|
+
dispatch({
|
70
|
+
type: ActionType.NEXT_YEAR,
|
71
|
+
payload: {
|
72
|
+
step: 1
|
73
|
+
}
|
74
|
+
});
|
75
|
+
return;
|
76
|
+
}
|
77
|
+
if (calendarState === CalendarState.Years) {
|
78
|
+
dispatch({
|
79
|
+
type: ActionType.NEXT_START_YEAR,
|
80
|
+
payload: {
|
81
|
+
yearsCount: YEAR_RENDER_COUNT
|
82
|
+
}
|
83
|
+
});
|
84
|
+
}
|
85
|
+
}, [date, calendarState]);
|
86
|
+
return {
|
87
|
+
handlePrev: handlePrev,
|
88
|
+
handleNext: handleNext
|
89
|
+
};
|
90
|
+
};
|
@@ -9,7 +9,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
11
11
|
import { useMemo } from 'react';
|
12
|
-
import {
|
12
|
+
import { getDatesWithModifications, getDaysInMonth, getMatrix, getNextDate, getOffsetDayInWeek, getPrevDate, IsCurrentDay, isDateInRange, isSelectedDay } from '../utils';
|
13
|
+
import { CalendarState } from '../store/types';
|
13
14
|
/**
|
14
15
|
* Метод возвращающий массив дней в предыдущем месяце.
|
15
16
|
*/
|
@@ -24,7 +25,7 @@ var getDaysInPrevMonth = function getDaysInPrevMonth(date, offsetDayInWeek, valu
|
|
24
25
|
isCurrent: false,
|
25
26
|
isSelected: false,
|
26
27
|
isDayInCurrentMonth: false,
|
27
|
-
inRange: Array.isArray(value) ?
|
28
|
+
inRange: Array.isArray(value) ? isDateInRange(prevYear, prevMonth, daysInPrevMonth - (offsetDayInWeek - i) + 1, value) : false,
|
28
29
|
date: {
|
29
30
|
day: daysInPrevMonth - (offsetDayInWeek - i) + 1,
|
30
31
|
monthIndex: prevMonth,
|
@@ -45,7 +46,7 @@ var getDaysInCurrentMonth = function getDaysInCurrentMonth(date, daysInMonth, va
|
|
45
46
|
return isSelectedDay(date, i + 1, v);
|
46
47
|
})) : isSelectedDay(date, i + 1, value),
|
47
48
|
isDayInCurrentMonth: true,
|
48
|
-
inRange: Array.isArray(value) ?
|
49
|
+
inRange: Array.isArray(value) ? isDateInRange(date.year, date.monthIndex, i + 1, value) : false,
|
49
50
|
date: {
|
50
51
|
day: i + 1,
|
51
52
|
monthIndex: date.monthIndex,
|
@@ -70,7 +71,7 @@ var getDaysInNextMonth = function getDaysInNextMonth(date, daysInMonth, offsetDa
|
|
70
71
|
isCurrent: false,
|
71
72
|
isSelected: false,
|
72
73
|
isDayInCurrentMonth: false,
|
73
|
-
inRange: Array.isArray(value) ?
|
74
|
+
inRange: Array.isArray(value) ? isDateInRange(nextYear, nextMonthIndex, i + 1, value) : false,
|
74
75
|
date: {
|
75
76
|
day: i + 1,
|
76
77
|
monthIndex: nextMonthIndex,
|
@@ -79,143 +80,18 @@ var getDaysInNextMonth = function getDaysInNextMonth(date, daysInMonth, offsetDa
|
|
79
80
|
};
|
80
81
|
});
|
81
82
|
};
|
82
|
-
var isDisabledArrowLeft = function isDisabledArrowLeft(date, min) {
|
83
|
-
var currentDate = new Date(date);
|
84
|
-
currentDate.setDate(currentDate.getDate() - 1);
|
85
|
-
return min && min >= currentDate || min && min >= date;
|
86
|
-
};
|
87
|
-
var isDisabledArrowRight = function isDisabledArrowRight(date, max) {
|
88
|
-
var currentDate = new Date(date);
|
89
|
-
currentDate.setDate(currentDate.getDate() + 1);
|
90
|
-
return max && max <= currentDate || max && max <= date;
|
91
|
-
};
|
92
|
-
var isDisabledArrowUp = function isDisabledArrowUp(date, min) {
|
93
|
-
var currentDate = new Date(date);
|
94
|
-
currentDate.setDate(date.getDate() - 7);
|
95
|
-
return min && min >= currentDate;
|
96
|
-
};
|
97
|
-
var isDisabledArrowDown = function isDisabledArrowDown(date, max) {
|
98
|
-
var currentDate = new Date(date);
|
99
|
-
currentDate.setDate(date.getDate() + 7);
|
100
|
-
return max && max <= currentDate;
|
101
|
-
};
|
102
|
-
var isDisabledNextMonth = function isDisabledNextMonth(_ref, max) {
|
103
|
-
var year = _ref.year,
|
104
|
-
monthIndex = _ref.monthIndex,
|
105
|
-
day = _ref.day;
|
106
|
-
if (!max) {
|
107
|
-
return false;
|
108
|
-
}
|
109
|
-
var currentDate = new Date(year, monthIndex, day);
|
110
|
-
currentDate.setDate(currentDate.getDate() + 1);
|
111
|
-
var isOut = true;
|
112
|
-
while (isOut && currentDate <= max) {
|
113
|
-
isOut = max <= currentDate;
|
114
|
-
currentDate.setDate(currentDate.getDate() + 1);
|
115
|
-
}
|
116
|
-
return isOut;
|
117
|
-
};
|
118
|
-
var isDisabledPreviousMonth = function isDisabledPreviousMonth(_ref2, min) {
|
119
|
-
var year = _ref2.year,
|
120
|
-
monthIndex = _ref2.monthIndex,
|
121
|
-
day = _ref2.day;
|
122
|
-
if (!min) {
|
123
|
-
return false;
|
124
|
-
}
|
125
|
-
var currentDate = new Date(year, monthIndex, day);
|
126
|
-
currentDate.setDate(currentDate.getDate() - 1);
|
127
|
-
var isOut = true;
|
128
|
-
while (isOut && currentDate >= min) {
|
129
|
-
isOut = min >= currentDate;
|
130
|
-
currentDate.setDate(currentDate.getDate() - 1);
|
131
|
-
}
|
132
|
-
return isOut;
|
133
|
-
};
|
134
|
-
var getDisabledArrowKey = function getDisabledArrowKey(currentDate, min, max) {
|
135
|
-
var disabledArrowKey = [];
|
136
|
-
if (isDisabledArrowLeft(currentDate, min)) {
|
137
|
-
disabledArrowKey.push('left');
|
138
|
-
}
|
139
|
-
if (isDisabledArrowRight(currentDate, max)) {
|
140
|
-
disabledArrowKey.push('right');
|
141
|
-
}
|
142
|
-
if (isDisabledArrowDown(currentDate, max)) {
|
143
|
-
disabledArrowKey.push('down');
|
144
|
-
}
|
145
|
-
if (isDisabledArrowUp(currentDate, min)) {
|
146
|
-
disabledArrowKey.push('up');
|
147
|
-
}
|
148
|
-
return disabledArrowKey.join(',');
|
149
|
-
};
|
150
|
-
var getDisabledMonths = function getDisabledMonths(list, min, max) {
|
151
|
-
var disabledMonth = [];
|
152
|
-
if (isDisabledPreviousMonth(list[0], min)) {
|
153
|
-
disabledMonth.push('previous');
|
154
|
-
}
|
155
|
-
if (isDisabledNextMonth(list[list.length - 1], max)) {
|
156
|
-
disabledMonth.push('next');
|
157
|
-
}
|
158
|
-
return disabledMonth.join(',');
|
159
|
-
};
|
160
|
-
|
161
|
-
/**
|
162
|
-
* Метод для получения набора неповторяющихся дат.
|
163
|
-
*/
|
164
|
-
var getPropsMap = function getPropsMap(props) {
|
165
|
-
return props.reduce(function (acc, prop) {
|
166
|
-
var _getDateFromValue = getDateFromValue(prop.date),
|
167
|
-
year = _getDateFromValue.year,
|
168
|
-
monthIndex = _getDateFromValue.monthIndex,
|
169
|
-
day = _getDateFromValue.day;
|
170
|
-
var key = "".concat(year, "-").concat(monthIndex, "-").concat(day);
|
171
|
-
var propList = acc.get(key) || [];
|
172
|
-
propList.push(prop);
|
173
|
-
return acc.set(key, propList);
|
174
|
-
}, new Map());
|
175
|
-
};
|
176
|
-
|
177
|
-
/**
|
178
|
-
* Метод модифицирующий дни (добавляющий свойства events и disabled).
|
179
|
-
*/
|
180
|
-
var getDaysWithModifications = function getDaysWithModifications(days) {
|
181
|
-
var eventList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
182
|
-
var disabledList = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
183
|
-
var min = arguments.length > 3 ? arguments[3] : undefined;
|
184
|
-
var max = arguments.length > 4 ? arguments[4] : undefined;
|
185
|
-
var includeEdgeDates = arguments.length > 5 ? arguments[5] : undefined;
|
186
|
-
var eventsMap = getPropsMap(eventList);
|
187
|
-
var disabledDaysMap = getPropsMap(disabledList);
|
188
|
-
var daysList = days.filter(function (_ref3) {
|
189
|
-
var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
|
190
|
-
return isDayInCurrentMonth;
|
191
|
-
}).map(function (_ref4) {
|
192
|
-
var date = _ref4.date;
|
193
|
-
return date;
|
194
|
-
});
|
195
|
-
var disabledMonths = getDisabledMonths(daysList, min, max);
|
196
|
-
return days.map(function (dayItem) {
|
197
|
-
var date = dayItem.date;
|
198
|
-
var year = date.year,
|
199
|
-
monthIndex = date.monthIndex,
|
200
|
-
day = date.day;
|
201
|
-
var keyDay = "".concat(year, "-").concat(monthIndex, "-").concat(day);
|
202
|
-
var currentDate = new Date(year, monthIndex, day);
|
203
|
-
var minValue = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
|
204
|
-
var maxValue = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
|
205
|
-
var isOutOfMinMaxRange = minValue || maxValue;
|
206
|
-
dayItem.events = eventsMap.get(keyDay);
|
207
|
-
dayItem.disabled = disabledDaysMap.has(keyDay) || isOutOfMinMaxRange;
|
208
|
-
dayItem.isOutOfMinMaxRange = isOutOfMinMaxRange;
|
209
|
-
dayItem.disabledArrowKey = getDisabledArrowKey(currentDate, min, max);
|
210
|
-
dayItem.disabledMonths = disabledMonths;
|
211
|
-
return dayItem;
|
212
|
-
});
|
213
|
-
};
|
214
83
|
|
215
84
|
/**
|
216
85
|
* Хук для получения списка дней.
|
217
86
|
*/
|
218
|
-
export var useDays = function useDays(
|
87
|
+
export var useDays = function useDays(_ref) {
|
88
|
+
var date = _ref.date,
|
89
|
+
value = _ref.value,
|
90
|
+
eventList = _ref.eventList,
|
91
|
+
disabledList = _ref.disabledList,
|
92
|
+
min = _ref.min,
|
93
|
+
max = _ref.max,
|
94
|
+
includeEdgeDates = _ref.includeEdgeDates;
|
219
95
|
return useMemo(function () {
|
220
96
|
var monthIndex = date.monthIndex,
|
221
97
|
year = date.year;
|
@@ -223,7 +99,15 @@ export var useDays = function useDays(date, value, eventList, disabledList, min,
|
|
223
99
|
var offsetDayInWeek = getOffsetDayInWeek(monthIndex, year);
|
224
100
|
var days = [].concat(_toConsumableArray(getDaysInPrevMonth(date, offsetDayInWeek, value)), _toConsumableArray(getDaysInCurrentMonth(date, daysInMonth, value)), _toConsumableArray(getDaysInNextMonth(date, daysInMonth, offsetDayInWeek, value)));
|
225
101
|
if (eventList !== null && eventList !== void 0 && eventList.length || disabledList !== null && disabledList !== void 0 && disabledList.length || max || min) {
|
226
|
-
var modifiedDays =
|
102
|
+
var modifiedDays = getDatesWithModifications({
|
103
|
+
dates: days,
|
104
|
+
type: CalendarState.Days,
|
105
|
+
includeEdgeDates: includeEdgeDates,
|
106
|
+
min: min,
|
107
|
+
max: max,
|
108
|
+
eventList: eventList,
|
109
|
+
disabledList: disabledList
|
110
|
+
});
|
227
111
|
return getMatrix(modifiedDays);
|
228
112
|
}
|
229
113
|
return getMatrix(days);
|
@@ -12,16 +12,16 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
12
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
13
13
|
import { useCallback, useLayoutEffect, useRef, useState } from 'react';
|
14
14
|
import { Keys } from '../Calendar.types';
|
15
|
-
import {
|
16
|
-
|
15
|
+
import { offsetMap } from '../utils';
|
16
|
+
import { sizeMap } from '../store/reducer';
|
17
17
|
/**
|
18
18
|
* Метод для получения стороны двойного календаря.
|
19
19
|
*/
|
20
|
-
var getDoubleCalendarSide = function getDoubleCalendarSide(
|
21
|
-
if (
|
20
|
+
var getDoubleCalendarSide = function getDoubleCalendarSide(currentIndex, calendarState) {
|
21
|
+
if (currentIndex >= 0 && currentIndex < offsetMap[calendarState]) {
|
22
22
|
return 'first';
|
23
23
|
}
|
24
|
-
if (
|
24
|
+
if (currentIndex >= offsetMap[calendarState] && currentIndex < offsetMap[calendarState] * 2) {
|
25
25
|
return 'second';
|
26
26
|
}
|
27
27
|
return '';
|
@@ -151,7 +151,7 @@ function getCorrectColumnIndex(_ref7) {
|
|
151
151
|
return item;
|
152
152
|
}) - 1;
|
153
153
|
}
|
154
|
-
var getCorrectIndexes = function getCorrectIndexes(refs, _ref8, rowSize, columnSize, withShift, defaultState) {
|
154
|
+
var getCorrectIndexes = function getCorrectIndexes(refs, _ref8, rowSize, columnSize, withShift, defaultState, calendarState) {
|
155
155
|
var _refs$current7;
|
156
156
|
var _ref9 = _slicedToArray(_ref8, 2),
|
157
157
|
rowIndex = _ref9[0],
|
@@ -175,13 +175,13 @@ var getCorrectIndexes = function getCorrectIndexes(refs, _ref8, rowSize, columnS
|
|
175
175
|
}
|
176
176
|
}
|
177
177
|
if (newRowIndex === minColumnIndex - 1) {
|
178
|
-
newRowIndex =
|
178
|
+
newRowIndex = offsetMap[calendarState] - 1;
|
179
179
|
while (newRowIndex > minRowIndex && !isVisible(refs, newRowIndex, newColumnIndex)) {
|
180
180
|
newRowIndex--;
|
181
181
|
}
|
182
182
|
}
|
183
183
|
if (newRowIndex === rowSize + 1) {
|
184
|
-
newRowIndex = rowSize + 1 -
|
184
|
+
newRowIndex = rowSize + 1 - offsetMap[calendarState];
|
185
185
|
while (newRowIndex <= maxRowIndex && !isVisible(refs, newRowIndex, newColumnIndex)) {
|
186
186
|
newRowIndex++;
|
187
187
|
}
|
@@ -219,7 +219,8 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
219
219
|
isDouble = _ref10$isDouble === void 0 ? false : _ref10$isDouble,
|
220
220
|
size = _ref10.size,
|
221
221
|
onPrev = _ref10.onPrev,
|
222
|
-
onNext = _ref10.onNext
|
222
|
+
onNext = _ref10.onNext,
|
223
|
+
calendarState = _ref10.calendarState;
|
223
224
|
var _size = _slicedToArray(size, 2),
|
224
225
|
rowSize = _size[0],
|
225
226
|
columnSize = _size[1];
|
@@ -246,12 +247,13 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
246
247
|
var refs = outerRefs.current;
|
247
248
|
var isSecond = isDouble && isNext;
|
248
249
|
var isFirst = isDouble && !isNext;
|
250
|
+
var firstEndIndex = Math.floor(sizeMap[calendarState]["double"][0] / 2);
|
249
251
|
|
250
252
|
// Определяем какую часть сдвоенного календаря взять
|
251
253
|
if (isFirst) {
|
252
|
-
refs = outerRefs.current.slice(0,
|
254
|
+
refs = outerRefs.current.slice(0, firstEndIndex);
|
253
255
|
} else if (isSecond) {
|
254
|
-
refs = outerRefs.current.slice(
|
256
|
+
refs = outerRefs.current.slice(firstEndIndex, sizeMap[calendarState]["double"][1]);
|
255
257
|
}
|
256
258
|
var refsList = (_refs = refs) === null || _refs === void 0 ? void 0 : _refs.flatMap(function (items) {
|
257
259
|
return items.filter(Boolean);
|
@@ -294,7 +296,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
294
296
|
return;
|
295
297
|
}
|
296
298
|
}
|
297
|
-
var _getCorrectIndexes = getCorrectIndexes(outerRefs, selectIndexes, rowSize, columnSize, withShiftState.current, currentIndexes.current),
|
299
|
+
var _getCorrectIndexes = getCorrectIndexes(outerRefs, selectIndexes, rowSize, columnSize, withShiftState.current, currentIndexes.current, calendarState),
|
298
300
|
_getCorrectIndexes2 = _slicedToArray(_getCorrectIndexes, 2),
|
299
301
|
newRowIndex = _getCorrectIndexes2[0],
|
300
302
|
newColumnIndex = _getCorrectIndexes2[1];
|
@@ -314,7 +316,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
314
316
|
if (item) {
|
315
317
|
item.focus();
|
316
318
|
}
|
317
|
-
}, [selectIndexes]);
|
319
|
+
}, [selectIndexes, outerRefs]);
|
318
320
|
var onKeyDown = useCallback(function (event) {
|
319
321
|
setIsOutOfMinMaxRange(false);
|
320
322
|
var keyCode = event.keyCode,
|
@@ -341,6 +343,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
341
343
|
switch (keyCode) {
|
342
344
|
case Keys.pageUp:
|
343
345
|
{
|
346
|
+
event.preventDefault();
|
344
347
|
var isDisabledPreviousMonth = hasDisabledMonths({
|
345
348
|
item: outerRefs.current[currentRowIndex][currentColumnIndex],
|
346
349
|
key: 'previous'
|
@@ -354,6 +357,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
354
357
|
}
|
355
358
|
case Keys.pageDown:
|
356
359
|
{
|
360
|
+
event.preventDefault();
|
357
361
|
var isDisabledNextMonth = hasDisabledMonths({
|
358
362
|
item: outerRefs.current[currentRowIndex][currentColumnIndex],
|
359
363
|
key: 'next'
|
@@ -367,6 +371,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
367
371
|
}
|
368
372
|
case Keys.home:
|
369
373
|
{
|
374
|
+
event.preventDefault();
|
370
375
|
newColumnIndex = minColumnIndex;
|
371
376
|
if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
|
372
377
|
break;
|
@@ -376,6 +381,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
376
381
|
}
|
377
382
|
case Keys.end:
|
378
383
|
{
|
384
|
+
event.preventDefault();
|
379
385
|
newColumnIndex = columnSize;
|
380
386
|
if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
|
381
387
|
break;
|
@@ -385,6 +391,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
385
391
|
}
|
386
392
|
case Keys.left:
|
387
393
|
{
|
394
|
+
event.preventDefault();
|
388
395
|
newRowIndex = prevColumnIndex < minColumnIndex ? prevRowIndex : currentRowIndex;
|
389
396
|
newColumnIndex = prevColumnIndex < minColumnIndex ? columnSize : prevColumnIndex;
|
390
397
|
withShiftState.current = withShift;
|
@@ -419,7 +426,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
419
426
|
if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
|
420
427
|
break;
|
421
428
|
}
|
422
|
-
if (!isDouble || getDoubleCalendarSide(currentRowIndex) === 'first') {
|
429
|
+
if (!isDouble || getDoubleCalendarSide(currentRowIndex, calendarState) === 'first') {
|
423
430
|
if (isCurrentDateDisabledArrowLeft) {
|
424
431
|
newRowIndex = currentRowIndex;
|
425
432
|
newColumnIndex = currentColumnIndex;
|
@@ -432,6 +439,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
432
439
|
}
|
433
440
|
case Keys.up:
|
434
441
|
{
|
442
|
+
event.preventDefault();
|
435
443
|
newRowIndex = prevRowIndex < minRowIndex ? rowSize : prevRowIndex;
|
436
444
|
withShiftState.current = withShift;
|
437
445
|
var isCurrentDateDisabledArrowUp = hasDisabledArrowKey({
|
@@ -470,7 +478,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
470
478
|
if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
|
471
479
|
break;
|
472
480
|
}
|
473
|
-
if (!isDouble || getDoubleCalendarSide(currentRowIndex) === 'first') {
|
481
|
+
if (!isDouble || getDoubleCalendarSide(currentRowIndex, calendarState) === 'first') {
|
474
482
|
if (isCurrentDateDisabledArrowUp) {
|
475
483
|
newRowIndex = currentRowIndex;
|
476
484
|
newColumnIndex = currentColumnIndex;
|
@@ -483,6 +491,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
483
491
|
}
|
484
492
|
case Keys.right:
|
485
493
|
{
|
494
|
+
event.preventDefault();
|
486
495
|
newRowIndex = nextColumnIndex > columnSize ? nextRowIndex : currentRowIndex;
|
487
496
|
newColumnIndex = nextColumnIndex > columnSize ? minColumnIndex : nextColumnIndex;
|
488
497
|
withShiftState.current = withShift;
|
@@ -515,7 +524,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
515
524
|
if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
|
516
525
|
break;
|
517
526
|
}
|
518
|
-
if (!isDouble || getDoubleCalendarSide(currentRowIndex) === 'second') {
|
527
|
+
if (!isDouble || getDoubleCalendarSide(currentRowIndex, calendarState) === 'second') {
|
519
528
|
if (isCurrentDateDisabledArrowRight) {
|
520
529
|
newRowIndex = currentRowIndex;
|
521
530
|
newColumnIndex = currentColumnIndex;
|
@@ -528,6 +537,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
528
537
|
}
|
529
538
|
case Keys.down:
|
530
539
|
{
|
540
|
+
event.preventDefault();
|
531
541
|
newRowIndex = nextRowIndex > rowSize ? minRowIndex : nextRowIndex;
|
532
542
|
withShiftState.current = withShift;
|
533
543
|
var isCurrentDateDisabledArrowDown = hasDisabledArrowKey({
|
@@ -566,7 +576,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref10) {
|
|
566
576
|
if (isVisible(outerRefs, newRowIndex, newColumnIndex)) {
|
567
577
|
break;
|
568
578
|
}
|
569
|
-
if (!isDouble || getDoubleCalendarSide(currentRowIndex) === 'second') {
|
579
|
+
if (!isDouble || getDoubleCalendarSide(currentRowIndex, calendarState) === 'second') {
|
570
580
|
if (isCurrentDateDisabledArrowDown) {
|
571
581
|
newRowIndex = currentRowIndex;
|
572
582
|
newColumnIndex = currentColumnIndex;
|
@@ -1,20 +1,45 @@
|
|
1
1
|
import { useMemo } from 'react';
|
2
|
-
import { SHORT_MONTH_NAME, isSelectedMonth, isCurrentMonth, getMatrix, MONTH_NAMES } from '../utils';
|
3
|
-
|
2
|
+
import { SHORT_MONTH_NAME, isSelectedMonth, isCurrentMonth, getMatrix, MONTH_NAMES, isDateInRange, getDatesWithModifications } from '../utils';
|
3
|
+
import { CalendarState } from '../store/types';
|
4
4
|
/**
|
5
5
|
* Хук для получения списка месяцев.
|
6
6
|
*/
|
7
|
-
export var useMonths = function useMonths(
|
7
|
+
export var useMonths = function useMonths(_ref) {
|
8
|
+
var date = _ref.date,
|
9
|
+
value = _ref.value,
|
10
|
+
eventList = _ref.eventList,
|
11
|
+
disabledList = _ref.disabledList,
|
12
|
+
min = _ref.min,
|
13
|
+
max = _ref.max;
|
8
14
|
return useMemo(function () {
|
9
|
-
var
|
15
|
+
var months = SHORT_MONTH_NAME.map(function (monthName, monthIndex) {
|
10
16
|
return {
|
11
17
|
monthName: monthName,
|
12
18
|
monthIndex: monthIndex,
|
13
19
|
isCurrent: isCurrentMonth(date, monthIndex),
|
14
|
-
isSelected:
|
15
|
-
|
20
|
+
isSelected: Array.isArray(value) ? Boolean(value.find(function (v) {
|
21
|
+
return isSelectedMonth(date, monthIndex, v);
|
22
|
+
})) : isSelectedMonth(date, monthIndex, value),
|
23
|
+
inRange: Array.isArray(value) ? isDateInRange(date.year, monthIndex, 1, value) : false,
|
24
|
+
monthFullName: MONTH_NAMES[monthIndex],
|
25
|
+
date: {
|
26
|
+
year: date.year,
|
27
|
+
monthIndex: monthIndex,
|
28
|
+
day: 1
|
29
|
+
}
|
16
30
|
};
|
17
31
|
});
|
18
|
-
|
19
|
-
|
32
|
+
if (eventList !== null && eventList !== void 0 && eventList.length || disabledList !== null && disabledList !== void 0 && disabledList.length || max || min) {
|
33
|
+
var modifiedMonths = getDatesWithModifications({
|
34
|
+
dates: months,
|
35
|
+
type: CalendarState.Months,
|
36
|
+
min: min,
|
37
|
+
max: max,
|
38
|
+
eventList: eventList,
|
39
|
+
disabledList: disabledList
|
40
|
+
});
|
41
|
+
return getMatrix(modifiedMonths, 3);
|
42
|
+
}
|
43
|
+
return getMatrix(months, 3);
|
44
|
+
}, [date, value, eventList, disabledList, max, min]);
|
20
45
|
};
|
@@ -0,0 +1,46 @@
|
|
1
|
+
import { useMemo } from 'react';
|
2
|
+
import { QUARTER_NAMES, getMatrix, isDateInRange, getDatesWithModifications, quarterDates, isSelectedMonth as isSelectedQuarter, isCurrentMonth as isCurrentQuarter } from '../utils';
|
3
|
+
import { CalendarState } from '../store/types';
|
4
|
+
/**
|
5
|
+
* Хук для получения списка месяцев.
|
6
|
+
*/
|
7
|
+
export var useQuarters = function useQuarters(_ref) {
|
8
|
+
var date = _ref.date,
|
9
|
+
value = _ref.value,
|
10
|
+
eventList = _ref.eventList,
|
11
|
+
disabledList = _ref.disabledList,
|
12
|
+
min = _ref.min,
|
13
|
+
max = _ref.max;
|
14
|
+
return useMemo(function () {
|
15
|
+
var quarters = QUARTER_NAMES.map(function (quarterName) {
|
16
|
+
var _quarterDates$quarter = quarterDates[quarterName],
|
17
|
+
monthIndex = _quarterDates$quarter.monthIndex,
|
18
|
+
day = _quarterDates$quarter.day;
|
19
|
+
return {
|
20
|
+
quarterName: quarterName,
|
21
|
+
isCurrent: isCurrentQuarter(date, monthIndex),
|
22
|
+
isSelected: Array.isArray(value) ? Boolean(value.find(function (v) {
|
23
|
+
return isSelectedQuarter(date, monthIndex, v);
|
24
|
+
})) : isSelectedQuarter(date, monthIndex, value),
|
25
|
+
inRange: Array.isArray(value) ? isDateInRange(date.year, monthIndex, day, value) : false,
|
26
|
+
date: {
|
27
|
+
year: date.year,
|
28
|
+
monthIndex: monthIndex,
|
29
|
+
day: 1
|
30
|
+
}
|
31
|
+
};
|
32
|
+
});
|
33
|
+
if (eventList !== null && eventList !== void 0 && eventList.length || disabledList !== null && disabledList !== void 0 && disabledList.length || max || min) {
|
34
|
+
var modifiedQuarters = getDatesWithModifications({
|
35
|
+
dates: quarters,
|
36
|
+
type: CalendarState.Quarters,
|
37
|
+
min: min,
|
38
|
+
max: max,
|
39
|
+
eventList: eventList,
|
40
|
+
disabledList: disabledList
|
41
|
+
});
|
42
|
+
return getMatrix(modifiedQuarters, 2);
|
43
|
+
}
|
44
|
+
return getMatrix(quarters, 2);
|
45
|
+
}, [date, value, eventList, disabledList, max, min]);
|
46
|
+
};
|
@@ -1,18 +1,46 @@
|
|
1
1
|
import { useMemo } from 'react';
|
2
|
-
import { YEAR_RENDER_COUNT, isCurrentYear, isSelectedYear, getMatrix } from '../utils';
|
2
|
+
import { YEAR_RENDER_COUNT, isCurrentYear, isSelectedYear, getMatrix, isDateInRange, getDatesWithModifications } from '../utils';
|
3
|
+
import { CalendarState } from '../store/types';
|
3
4
|
/**
|
4
5
|
* Хук для получения списка годов.
|
5
6
|
*/
|
6
|
-
export var useYears = function useYears(
|
7
|
+
export var useYears = function useYears(_ref) {
|
8
|
+
var date = _ref.date,
|
9
|
+
value = _ref.value,
|
10
|
+
startYear = _ref.startYear,
|
11
|
+
eventList = _ref.eventList,
|
12
|
+
disabledList = _ref.disabledList,
|
13
|
+
min = _ref.min,
|
14
|
+
max = _ref.max;
|
7
15
|
return useMemo(function () {
|
8
16
|
// type-coverage:ignore-next-line
|
9
|
-
var
|
17
|
+
var years = Array.from(Array(YEAR_RENDER_COUNT), function (_, i) {
|
18
|
+
var yearValue = startYear + i;
|
10
19
|
return {
|
11
20
|
isCurrent: isCurrentYear(startYear + i),
|
12
|
-
isSelected:
|
13
|
-
|
21
|
+
isSelected: Array.isArray(value) ? Boolean(value.find(function (v) {
|
22
|
+
return isSelectedYear(yearValue, v);
|
23
|
+
})) : isSelectedYear(yearValue, value),
|
24
|
+
inRange: Array.isArray(value) ? isDateInRange(yearValue, 0, 1, value) : false,
|
25
|
+
date: {
|
26
|
+
year: yearValue,
|
27
|
+
monthIndex: 0,
|
28
|
+
day: 1
|
29
|
+
},
|
30
|
+
yearValue: yearValue
|
14
31
|
};
|
15
32
|
});
|
16
|
-
|
17
|
-
|
33
|
+
if (eventList !== null && eventList !== void 0 && eventList.length || disabledList !== null && disabledList !== void 0 && disabledList.length || max || min) {
|
34
|
+
var modifiedMonths = getDatesWithModifications({
|
35
|
+
dates: years,
|
36
|
+
type: CalendarState.Years,
|
37
|
+
min: min,
|
38
|
+
max: max,
|
39
|
+
eventList: eventList,
|
40
|
+
disabledList: disabledList
|
41
|
+
});
|
42
|
+
return getMatrix(modifiedMonths, 3);
|
43
|
+
}
|
44
|
+
return getMatrix(years, 3);
|
45
|
+
}, [date, startYear, value, eventList, disabledList, max, min]);
|
18
46
|
};
|
@@ -1,5 +1,4 @@
|
|
1
1
|
import { classes } from '../Calendar.tokens';
|
2
|
-
import { addActive } from './active';
|
3
2
|
export var addSelected = function addSelected(args) {
|
4
3
|
var minWidth = args.minWidth,
|
5
4
|
minHeight = args.minHeight,
|
@@ -7,12 +6,6 @@ export var addSelected = function addSelected(args) {
|
|
7
6
|
selectedBackground = args.selectedBackground,
|
8
7
|
selectedColor = args.selectedColor,
|
9
8
|
selectableBackgroundHover = args.selectableBackgroundHover,
|
10
|
-
currentBorderColor = args.currentBorderColor
|
11
|
-
|
12
|
-
activeColor = args.activeColor;
|
13
|
-
return "\n outline: none;\n cursor: pointer;\n\n &:hover {\n background-color: ".concat(selectableBackgroundHover, ";\n };\n \n\n &.").concat(classes.hoveredItem, ", &.").concat(classes.hoveredItem, ":hover {\n background-color: ").concat(selectedBackground, ";\n color: ").concat(selectedColor, ";\n cursor: pointer;\n font-weight: ").concat(selectedFontWeight, ";\n }\n\n &.").concat(classes.selectedItem, ":not(.").concat(classes.currentItem, ") {\n border: 0;\n background-color: ").concat(selectedBackground, ";\n color: ").concat(selectedColor, ";\n cursor: default;\n font-weight: ").concat(selectedFontWeight, ";\n };\n \n ").concat(addActive({
|
14
|
-
activeBackground: activeBackground,
|
15
|
-
activeColor: activeColor,
|
16
|
-
activeFontWeight: selectedFontWeight
|
17
|
-
}), ";\n\n &.").concat(classes.currentItem, " {\n border: 0.063rem solid ").concat(currentBorderColor, ";\n\n &.").concat(classes.selectedItem, " {\n background-color: initial;\n color: ").concat(selectedColor, ";\n font-weight: ").concat(selectedFontWeight, ";\n\n & > div:first-of-type {\n background-color: ").concat(selectedBackground, ";\n min-width: ").concat(minWidth, ";\n min-height: ").concat(minHeight, ";\n }\n }\n };\n ");
|
9
|
+
currentBorderColor = args.currentBorderColor;
|
10
|
+
return "\n outline: none;\n cursor: pointer;\n\n &:hover {\n background-color: ".concat(selectableBackgroundHover, ";\n };\n \n\n &.").concat(classes.hoveredItem, ", &.").concat(classes.hoveredItem, ":hover {\n background-color: ").concat(selectedBackground, ";\n color: ").concat(selectedColor, ";\n cursor: pointer;\n font-weight: ").concat(selectedFontWeight, ";\n }\n\n &.").concat(classes.selectedItem, ":not(.").concat(classes.currentItem, ") {\n border: 0;\n background-color: ").concat(selectedBackground, ";\n color: ").concat(selectedColor, ";\n cursor: default;\n font-weight: ").concat(selectedFontWeight, ";\n };\n\n &.").concat(classes.currentItem, " {\n border: 0.063rem solid ").concat(currentBorderColor, ";\n\n &.").concat(classes.selectedItem, " {\n background-color: initial;\n color: ").concat(selectedColor, ";\n font-weight: ").concat(selectedFontWeight, ";\n\n & > div:first-of-type {\n background-color: ").concat(selectedBackground, ";\n min-width: ").concat(minWidth, ";\n min-height: ").concat(minHeight, ";\n }\n }\n };\n ");
|
18
11
|
};
|