@salutejs/plasma-new-hope 0.109.0-canary.1308.10039680195.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/Typography/Old/Subtitle/Subtitle.js +2 -5
- package/cjs/components/Typography/Old/Subtitle/Subtitle.js.map +1 -1
- package/cjs/components/Typography/Old/TypographyOld.js +2 -5
- package/cjs/components/Typography/Old/TypographyOld.js.map +1 -1
- package/cjs/components/Typography/Typography.js +2 -5
- package/cjs/components/Typography/Typography.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/DateStructureItem/DateStructureItem.types.js +5 -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/Typography/Old/Subtitle/Subtitle.js +2 -5
- package/emotion/cjs/components/Typography/Old/TypographyOld.js +2 -5
- package/emotion/cjs/components/Typography/Typography.js +2 -5
- 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/DateStructureItem/DateStructureItem.types.js +1 -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/Typography/Old/Subtitle/Subtitle.js +2 -5
- package/emotion/es/components/Typography/Old/TypographyOld.js +2 -5
- package/emotion/es/components/Typography/Typography.js +2 -5
- 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/Typography/Old/Subtitle/Subtitle.js +2 -5
- package/es/components/Typography/Old/Subtitle/Subtitle.js.map +1 -1
- package/es/components/Typography/Old/TypographyOld.js +2 -5
- package/es/components/Typography/Old/TypographyOld.js.map +1 -1
- package/es/components/Typography/Typography.js +2 -5
- package/es/components/Typography/Typography.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/types.js +5 -0
- 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/Typography/Old/Subtitle/Subtitle.js +2 -5
- package/styled-components/cjs/components/Typography/Old/TypographyOld.js +2 -5
- package/styled-components/cjs/components/Typography/Typography.js +2 -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/types.js +1 -0
- 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/Typography/Old/Subtitle/Subtitle.js +2 -5
- package/styled-components/es/components/Typography/Old/TypographyOld.js +2 -5
- package/styled-components/es/components/Typography/Typography.js +2 -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/components/Typography/Body/Body.d.ts +2 -10
- package/types/components/Typography/Body/Body.d.ts.map +1 -1
- package/types/components/Typography/Dspl/Dspl.d.ts +2 -10
- package/types/components/Typography/Dspl/Dspl.d.ts.map +1 -1
- package/types/components/Typography/Heading/Heading.d.ts +2 -10
- package/types/components/Typography/Heading/Heading.d.ts.map +1 -1
- package/types/components/Typography/Old/Body/Body.d.ts +2 -6
- package/types/components/Typography/Old/Body/Body.d.ts.map +1 -1
- package/types/components/Typography/Old/Button/Button.d.ts +2 -6
- package/types/components/Typography/Old/Button/Button.d.ts.map +1 -1
- package/types/components/Typography/Old/Caption/Caption.d.ts +2 -6
- package/types/components/Typography/Old/Caption/Caption.d.ts.map +1 -1
- package/types/components/Typography/Old/Display/Display.d.ts +2 -6
- package/types/components/Typography/Old/Display/Display.d.ts.map +1 -1
- package/types/components/Typography/Old/Footnote/Footnote.d.ts +2 -6
- package/types/components/Typography/Old/Footnote/Footnote.d.ts.map +1 -1
- package/types/components/Typography/Old/Headline/Headline.d.ts +2 -6
- package/types/components/Typography/Old/Headline/Headline.d.ts.map +1 -1
- package/types/components/Typography/Old/Paragraph/Paragraph.d.ts +2 -6
- package/types/components/Typography/Old/Paragraph/Paragraph.d.ts.map +1 -1
- package/types/components/Typography/Old/ParagraphText/ParagraphText.d.ts +2 -6
- package/types/components/Typography/Old/ParagraphText/ParagraphText.d.ts.map +1 -1
- package/types/components/Typography/Old/Subtitle/Subtitle.d.ts +3 -9
- package/types/components/Typography/Old/Subtitle/Subtitle.d.ts.map +1 -1
- package/types/components/Typography/Old/TypographyOld.d.ts +2 -6
- package/types/components/Typography/Old/TypographyOld.d.ts.map +1 -1
- package/types/components/Typography/Old/Underline/Underline.d.ts +2 -6
- package/types/components/Typography/Old/Underline/Underline.d.ts.map +1 -1
- package/types/components/Typography/Text/Text.d.ts +2 -10
- package/types/components/Typography/Text/Text.d.ts.map +1 -1
- package/types/components/Typography/Typography.d.ts +1 -3
- package/types/components/Typography/Typography.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/examples/typograpy/components/Old/Body/Body.d.ts +1 -3
- package/types/examples/typograpy/components/Old/Body/Body.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Button/Button.d.ts +1 -3
- package/types/examples/typograpy/components/Old/Button/Button.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Caption/Caption.d.ts +1 -3
- package/types/examples/typograpy/components/Old/Caption/Caption.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Display/Display.d.ts +1 -3
- package/types/examples/typograpy/components/Old/Display/Display.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Footnote/Footnote.d.ts +1 -3
- package/types/examples/typograpy/components/Old/Footnote/Footnote.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Headline/Headline.d.ts +1 -3
- package/types/examples/typograpy/components/Old/Headline/Headline.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Paragraph/Paragraph.d.ts +1 -3
- package/types/examples/typograpy/components/Old/Paragraph/Paragraph.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Subtitle/Subtitle.d.ts +1 -3
- package/types/examples/typograpy/components/Old/Subtitle/Subtitle.d.ts.map +1 -1
- package/types/examples/typograpy/components/Old/Underline/Underline.d.ts +1 -3
- package/types/examples/typograpy/components/Old/Underline/Underline.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/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +0 -85
- 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/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +0 -65
- 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/Calendar/{ui/CalendarDayItem/CalendarDayItem.types.js → hooks/types.js} +0 -0
- /package/{styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.types.js → emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.js} +0 -0
- /package/emotion/es/components/Calendar/{ui/CalendarDayItem/CalendarDayItem.types.js → hooks/types.js} +0 -0
- /package/{styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.types.js → emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.js} +0 -0
@@ -8,8 +8,10 @@ var IconDisclosureRight = require('../../../_Icon/Icons/IconDisclosureRight.js')
|
|
8
8
|
var IconDisclosureDownFill = require('../../../_Icon/Icons/IconDisclosureDownFill.js');
|
9
9
|
require('@linaria/react');
|
10
10
|
var types = require('../../store/types.js');
|
11
|
-
var
|
11
|
+
var constants = require('../../utils/constants.js');
|
12
|
+
var calendarGridHelper = require('../../utils/calendarGridHelper.js');
|
12
13
|
var Calendar_tokens = require('../../Calendar.tokens.js');
|
14
|
+
var reducer = require('../../store/reducer.js');
|
13
15
|
var CalendarHeader_styles = require('./CalendarHeader.styles.js');
|
14
16
|
|
15
17
|
/**
|
@@ -28,38 +30,40 @@ var CalendarHeader = function CalendarHeader(_ref) {
|
|
28
30
|
onNext = _ref.onNext,
|
29
31
|
onUpdateCalendarState = _ref.onUpdateCalendarState;
|
30
32
|
var handleCalendarState = React.useCallback(function () {
|
33
|
+
var newSize = isDouble ? reducer.sizeMap.Months["double"] : reducer.sizeMap.Months.single;
|
31
34
|
if (type === types.CalendarState.Days) {
|
32
|
-
onUpdateCalendarState === null || onUpdateCalendarState === void 0 || onUpdateCalendarState(types.CalendarState.Months,
|
35
|
+
onUpdateCalendarState === null || onUpdateCalendarState === void 0 || onUpdateCalendarState(types.CalendarState.Months, newSize);
|
33
36
|
}
|
34
|
-
if (type === types.CalendarState.Months) {
|
35
|
-
onUpdateCalendarState === null || onUpdateCalendarState === void 0 || onUpdateCalendarState(types.CalendarState.Years,
|
37
|
+
if (type === types.CalendarState.Months || type === types.CalendarState.Quarters) {
|
38
|
+
onUpdateCalendarState === null || onUpdateCalendarState === void 0 || onUpdateCalendarState(types.CalendarState.Years, newSize);
|
36
39
|
}
|
37
40
|
}, [type, onUpdateCalendarState]);
|
38
|
-
var getHeaderContent = React.useCallback(function (date) {
|
41
|
+
var getHeaderContent = React.useCallback(function (date, secondPart) {
|
39
42
|
if (!date) {
|
40
43
|
return '';
|
41
44
|
}
|
42
45
|
if (type === types.CalendarState.Days) {
|
43
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null,
|
46
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, constants.MONTH_NAMES[date.monthIndex]), /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill.IconDisclosureDownFill, {
|
44
47
|
color: "inherit",
|
45
48
|
size: size === 'xs' ? 'xs' : 's'
|
46
49
|
})));
|
47
50
|
}
|
48
|
-
if (type === types.CalendarState.Months) {
|
51
|
+
if (type === types.CalendarState.Months || type === types.CalendarState.Quarters) {
|
49
52
|
return /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill.IconDisclosureDownFill, {
|
50
53
|
color: "inherit",
|
51
54
|
size: size === 'xs' ? 'xs' : 's'
|
52
55
|
}));
|
53
56
|
}
|
54
57
|
if (type === types.CalendarState.Years) {
|
55
|
-
|
58
|
+
var yearValue = secondPart ? startYear + 12 : startYear;
|
59
|
+
return /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, yearValue, "\u2014", yearValue + constants.YEAR_RENDER_COUNT - 1, /*#__PURE__*/React.createElement(IconDisclosureDownFill.IconDisclosureDownFill, {
|
56
60
|
color: "inherit",
|
57
61
|
size: size === 'xs' ? 'xs' : 's'
|
58
62
|
}));
|
59
63
|
}
|
60
64
|
return '';
|
61
65
|
}, [type, startYear, size]);
|
62
|
-
var currentCalendarType =
|
66
|
+
var currentCalendarType = calendarGridHelper.getCalendarType(type);
|
63
67
|
var PreviousButton = React.useMemo(function () {
|
64
68
|
return /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledArrow, {
|
65
69
|
"aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 ".concat(currentCalendarType),
|
@@ -83,12 +87,14 @@ var CalendarHeader = function CalendarHeader(_ref) {
|
|
83
87
|
}));
|
84
88
|
}, [currentCalendarType, size, onNext]);
|
85
89
|
return /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledCalendarHeader, null, isDouble ? /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledNavigation, null, /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledDoubleHeaderWrapper, null, PreviousButton, /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDouble, {
|
90
|
+
onClick: handleCalendarState,
|
86
91
|
"aria-live": "polite"
|
87
92
|
}, getHeaderContent(firstDate))), /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledDoubleHeaderWrapper, {
|
88
93
|
className: Calendar_tokens.classes.doubleHeaderLastDateWrapper
|
89
94
|
}, /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDouble, {
|
95
|
+
onClick: handleCalendarState,
|
90
96
|
"aria-live": "polite"
|
91
|
-
}, getHeaderContent(secondDate)), NextButton)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeader, {
|
97
|
+
}, getHeaderContent(secondDate, true)), NextButton)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeader, {
|
92
98
|
type: "button",
|
93
99
|
"aria-live": "polite",
|
94
100
|
id: "id-grid-label",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { IconDisclosureDownFill, IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n StyledArrow,\n StyledArrows,\n StyledCalendarHeader,\n StyledDoubleHeaderWrapper,\n StyledHeader,\n StyledHeaderDate,\n StyledHeaderDouble,\n StyledNavigation,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n type = 'Days',\n startYear = 0,\n size,\n firstDate,\n secondDate,\n isDouble,\n onPrev,\n onNext,\n onUpdateCalendarState,\n}) => {\n const handleCalendarState = useCallback(() => {\n if (type === CalendarState.Days) {\n onUpdateCalendarState?.(CalendarState.Months, [3, 2]);\n }\n\n if (type === CalendarState.Months) {\n onUpdateCalendarState?.(CalendarState.Years, [3, 2]);\n }\n }, [type, onUpdateCalendarState]);\n\n const getHeaderContent = useCallback(\n (date?: DateObject) => {\n if (!date) {\n return '';\n }\n\n if (type === CalendarState.Days) {\n return (\n <>\n <StyledHeaderDate>{MONTH_NAMES[date.monthIndex]}</StyledHeaderDate>\n <StyledHeaderDate>\n {date.year}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n </>\n );\n }\n\n if (type === CalendarState.Months) {\n return (\n <StyledHeaderDate>\n {date.year}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n if (type === CalendarState.Years) {\n return (\n <StyledHeaderDate>\n {startYear}—{startYear + YEAR_RENDER_COUNT - 1}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n return '';\n },\n [type, startYear, size],\n );\n\n const currentCalendarType = getCalendarType(isDouble ? CalendarState.Days : type);\n\n const PreviousButton = useMemo(\n () => (\n <StyledArrow aria-label={`Предыдущий ${currentCalendarType}`} onClick={() => onPrev()}>\n <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onPrev],\n );\n\n const NextButton = useMemo(\n () => (\n <StyledArrow aria-label={`Следующий ${currentCalendarType}`} onClick={() => onNext()}>\n <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onNext],\n );\n\n return (\n <StyledCalendarHeader>\n {isDouble ? (\n <StyledNavigation>\n <StyledDoubleHeaderWrapper>\n {PreviousButton}\n <StyledHeaderDouble aria-live=\"polite\">{getHeaderContent(firstDate)}</StyledHeaderDouble>\n </StyledDoubleHeaderWrapper>\n <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n <StyledHeaderDouble aria-live=\"polite\">{getHeaderContent(secondDate)}</StyledHeaderDouble>\n {NextButton}\n </StyledDoubleHeaderWrapper>\n </StyledNavigation>\n ) : (\n <>\n <StyledHeader\n type=\"button\"\n aria-live=\"polite\"\n id=\"id-grid-label\"\n onClick={handleCalendarState}\n tabIndex={0}\n >\n {getHeaderContent(firstDate)}\n </StyledHeader>\n <StyledArrows>\n {PreviousButton}\n {NextButton}\n </StyledArrows>\n </>\n )}\n </StyledCalendarHeader>\n );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","handleCalendarState","useCallback","CalendarState","Days","Months","Years","getHeaderContent","date","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","IconDisclosureDownFill","color","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","useMemo","StyledArrow","concat","onClick","IconDisclosureLeft","NextButton","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","className","classes","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { IconDisclosureDownFill, IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\nimport { sizeMap } from '../../store/reducer';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n StyledArrow,\n StyledArrows,\n StyledCalendarHeader,\n StyledDoubleHeaderWrapper,\n StyledHeader,\n StyledHeaderDate,\n StyledHeaderDouble,\n StyledNavigation,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n type = 'Days',\n startYear = 0,\n size,\n firstDate,\n secondDate,\n isDouble,\n onPrev,\n onNext,\n onUpdateCalendarState,\n}) => {\n const handleCalendarState = useCallback(() => {\n const newSize: [number, number] = isDouble ? sizeMap.Months.double : sizeMap.Months.single;\n\n if (type === CalendarState.Days) {\n onUpdateCalendarState?.(CalendarState.Months, newSize);\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n onUpdateCalendarState?.(CalendarState.Years, newSize);\n }\n }, [type, onUpdateCalendarState]);\n\n const getHeaderContent = useCallback(\n (date?: DateObject, secondPart?: boolean) => {\n if (!date) {\n return '';\n }\n\n if (type === CalendarState.Days) {\n return (\n <>\n <StyledHeaderDate>{MONTH_NAMES[date.monthIndex]}</StyledHeaderDate>\n <StyledHeaderDate>\n {date.year}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n </>\n );\n }\n\n if (type === CalendarState.Months || type === CalendarState.Quarters) {\n return (\n <StyledHeaderDate>\n {date.year}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n if (type === CalendarState.Years) {\n const yearValue = secondPart ? startYear + 12 : startYear;\n\n return (\n <StyledHeaderDate>\n {yearValue}—{yearValue + YEAR_RENDER_COUNT - 1}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n return '';\n },\n [type, startYear, size],\n );\n\n const currentCalendarType = getCalendarType(type);\n\n const PreviousButton = useMemo(\n () => (\n <StyledArrow aria-label={`Предыдущий ${currentCalendarType}`} onClick={() => onPrev()}>\n <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onPrev],\n );\n\n const NextButton = useMemo(\n () => (\n <StyledArrow aria-label={`Следующий ${currentCalendarType}`} onClick={() => onNext()}>\n <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onNext],\n );\n\n return (\n <StyledCalendarHeader>\n {isDouble ? (\n <StyledNavigation>\n <StyledDoubleHeaderWrapper>\n {PreviousButton}\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(firstDate)}\n </StyledHeaderDouble>\n </StyledDoubleHeaderWrapper>\n <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n <StyledHeaderDouble onClick={handleCalendarState} aria-live=\"polite\">\n {getHeaderContent(secondDate, true)}\n </StyledHeaderDouble>\n {NextButton}\n </StyledDoubleHeaderWrapper>\n </StyledNavigation>\n ) : (\n <>\n <StyledHeader\n type=\"button\"\n aria-live=\"polite\"\n id=\"id-grid-label\"\n onClick={handleCalendarState}\n tabIndex={0}\n >\n {getHeaderContent(firstDate)}\n </StyledHeader>\n <StyledArrows>\n {PreviousButton}\n {NextButton}\n </StyledArrows>\n </>\n )}\n </StyledCalendarHeader>\n );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","handleCalendarState","useCallback","newSize","sizeMap","Months","single","CalendarState","Days","Quarters","Years","getHeaderContent","date","secondPart","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","IconDisclosureDownFill","color","yearValue","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","useMemo","StyledArrow","concat","onClick","IconDisclosureLeft","NextButton","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","className","classes","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":"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"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './CalendarHeader.
|
1
|
+
import './CalendarHeader.styles_1jfelqf.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -50,7 +50,7 @@ var StyledDoubleHeaderWrapper = /*#__PURE__*/react.styled('div')({
|
|
50
50
|
"class": "sdke0q6",
|
51
51
|
propsAsIs: false
|
52
52
|
});
|
53
|
-
var StyledHeaderDouble = /*#__PURE__*/react.styled('
|
53
|
+
var StyledHeaderDouble = /*#__PURE__*/react.styled('button')({
|
54
54
|
name: "StyledHeaderDouble",
|
55
55
|
"class": "sdtpxcv",
|
56
56
|
propsAsIs: false
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { flexCenter } from '../../mixins';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledCalendarHeader = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(${tokens.calendarHeaderWrapperPadding});\n`;\n\nexport const StyledHeader = styled.button`\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n font-family: var(${tokens.calendarHeaderFontFamily});\n font-size: var(${tokens.calendarHeaderFontSize});\n font-style: var(${tokens.calendarHeaderFontStyle});\n font-weight: var(${tokens.calendarHeaderFontWeightBold});\n letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n line-height: var(${tokens.calendarHeaderFontLineHeight});\n padding: var(${tokens.calendarHeaderPadding});\n\n color: var(${tokens.calendarContentPrimaryColor});\n\n cursor: pointer;\n display: flex;\n gap: var(${tokens.calendarHeaderDateGap});\n justify-content: space-between;\n align-items: center;\n\n &:hover,\n &:active {\n color: var(${tokens.calendarContentSecondaryColor});\n }\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: '0.563rem',\n })};\n`;\n\nexport const StyledHeaderDate = styled.span`\n ${flexCenter};\n pointer-events: none;\n`;\n\nexport const StyledArrows = styled.div`\n display: flex;\n gap: var(${tokens.calendarHeaderArrowGap});\n padding: var(${tokens.calendarHeaderArrowPadding});\n`;\n\n// NOTE: переопределение токенов IconButton\nexport const StyledArrow = styled(IconButton)`\n ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n ${iconButtonTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n ${iconButtonTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n ${iconButtonTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n ${iconButtonTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n ${iconButtonTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\nexport const StyledNavigation = styled.div`\n width: 100%;\n ${flexCenter};\n`;\n\nexport const StyledDoubleHeaderWrapper = styled.div`\n width: 100%;\n display: grid;\n grid-template-columns: var(${tokens.iconButtonWidth}) 1fr var(${tokens.iconButtonWidth});\n grid-template-areas: 'a b c';\n\n ${StyledArrow} {\n grid-area: a;\n }\n\n &.${classes.doubleHeaderLastDateWrapper} ${StyledArrow} {\n grid-area: c;\n }\n`;\n\nexport const StyledHeaderDouble = styled.
|
1
|
+
{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { flexCenter } from '../../mixins';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledCalendarHeader = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(${tokens.calendarHeaderWrapperPadding});\n`;\n\nexport const StyledHeader = styled.button`\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n font-family: var(${tokens.calendarHeaderFontFamily});\n font-size: var(${tokens.calendarHeaderFontSize});\n font-style: var(${tokens.calendarHeaderFontStyle});\n font-weight: var(${tokens.calendarHeaderFontWeightBold});\n letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n line-height: var(${tokens.calendarHeaderFontLineHeight});\n padding: var(${tokens.calendarHeaderPadding});\n\n color: var(${tokens.calendarContentPrimaryColor});\n\n cursor: pointer;\n display: flex;\n gap: var(${tokens.calendarHeaderDateGap});\n justify-content: space-between;\n align-items: center;\n\n &:hover,\n &:active {\n color: var(${tokens.calendarContentSecondaryColor});\n }\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: '0.563rem',\n })};\n`;\n\nexport const StyledHeaderDate = styled.span`\n ${flexCenter};\n pointer-events: none;\n`;\n\nexport const StyledArrows = styled.div`\n display: flex;\n gap: var(${tokens.calendarHeaderArrowGap});\n padding: var(${tokens.calendarHeaderArrowPadding});\n`;\n\n// NOTE: переопределение токенов IconButton\nexport const StyledArrow = styled(IconButton)`\n ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n ${iconButtonTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n ${iconButtonTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n ${iconButtonTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n ${iconButtonTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n ${iconButtonTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\nexport const StyledNavigation = styled.div`\n width: 100%;\n ${flexCenter};\n`;\n\nexport const StyledDoubleHeaderWrapper = styled.div`\n width: 100%;\n display: grid;\n align-items: center;\n grid-template-columns: var(${tokens.iconButtonWidth}) 1fr var(${tokens.iconButtonWidth});\n grid-template-areas: 'a b c';\n\n ${StyledArrow} {\n grid-area: a;\n }\n\n &.${classes.doubleHeaderLastDateWrapper} ${StyledArrow} {\n grid-area: c;\n }\n`;\n\nexport const StyledHeaderDouble = styled.button`\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n\n font-family: var(${tokens.calendarHeaderFontFamily});\n font-size: var(${tokens.calendarHeaderFontSize});\n font-style: var(${tokens.calendarHeaderFontStyle});\n font-weight: var(${tokens.calendarHeaderFontWeightBold});\n letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n line-height: var(${tokens.calendarHeaderFontLineHeight});\n\n color: var(${tokens.calendarContentPrimaryColor});\n\n grid-area: b;\n justify-self: center;\n cursor: pointer;\n display: flex;\n gap: var(${tokens.calendarHeaderDateGap});\n justify-content: space-between;\n align-items: center;\n margin: 0;\n height: fit-content;\n\n ${String(flexCenter)};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: '0.563rem',\n })};\n`;\n"],"names":["mergedIconButtonConfig","mergeConfig","iconButtonConfig","IconButton","component","StyledCalendarHeader","styled","name","class","propsAsIs","StyledHeader","StyledHeaderDate","StyledArrows","_exp16","StyledArrow","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble"],"mappings":";;;;;;;;;AAQA,IAAMA,sBAAsB,gBAAGC,kBAAW,CAACC,6BAAgB,CAAC,CAAA;AAC5D,IAAMC,UAAU,gBAAGC,gBAAS,CAACJ,sBAAsB,CAAC,CAAA;AAE7C,IAAMK,oBAAoB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKzC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgCjC,EAAA;AAEM,IAAME,gBAAgB,gBAAGL,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMG,YAAY,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIjC,EAAA;;AAED;AAAA,IAAAI,MAAA,GA9DkBA,SA8DlBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,UAAU,CAAA;AAAA,CAAA,CAAA;AAArC,IAAMW,WAAW,gBAAGR,YAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAYhC,EAAA;AAEM,IAAMM,gBAAgB,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMO,yBAAyB,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAc9C,EAAA;AAEM,IAAMQ,kBAAkB,gBAAGX,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiCvC;;;;;;;;;;;"}
|
@@ -4,5 +4,5 @@
|
|
4
4
|
.s13yvda3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-arrow-container-gap);padding:var(--plasma-calendar-arrow-container-padding);}
|
5
5
|
.s1i8jkj2{--plasma-icon-button-color:var(--plasma-calendar-icon-button-color);--plasma-icon-button-background-color:var(--plasma-calendar-icon-button-background);--plasma-icon-button-color-hover:var(--plasma-calendar-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-calendar-icon-button-background-hover);--plasma-icon-button-color-active:var(--plasma-calendar-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-calendar-icon-button-background-active);--plasma-icon-button-height:var(--plasma-calendar-icon-button-height);--plasma-icon-button-width:var(--plasma-calendar-icon-button-width);--plasma-icon-button-padding:var(--plasma-calendar-icon-button-padding);--plasma-icon-button-radius:var(--plasma-calendar-icon-button-radius);--plasma-icon-button-focus-color:var(--plasma-calendar-icon-button-focus-color);}
|
6
6
|
.sw3by8z{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
7
|
-
.sdke0q6{width:100%;display:grid;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.sdke0q6 .s1i8jkj2{grid-area:a;}.sdke0q6.double-header--last-date-wrapper .s1i8jkj2{grid-area:c;}
|
8
|
-
.sdtpxcv{font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
7
|
+
.sdke0q6{width:100%;display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.sdke0q6 .s1i8jkj2{grid-area:a;}.sdke0q6.double-header--last-date-wrapper .s1i8jkj2{grid-area:c;}
|
8
|
+
.sdtpxcv{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.sdtpxcv::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.sdtpxcv.focus-visible:focus::before,.sdtpxcv[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
@@ -1,4 +1,7 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{right:var(--s140bov1-0);}
|
2
|
+
.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayInCurrentMonth__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayOfWeek__5d7ee105{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabledCurrent__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{width:100%;left:-1px;right:unset;}
|
3
|
+
.DateStructureItem_styles_1nxxafr_s1wqrord__5d7ee105{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
4
|
+
.DateStructureItem_styles_1nxxafr_s1cvvf5__5d7ee105{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
5
|
+
|
6
|
+
.CalendarMonths_styles_1v3msg_s2fb05v__23f2bc74{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
|
7
|
+
.CalendarMonths_styles_1v3msg_s1nlg4aa__23f2bc74{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
@@ -4,9 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
5
5
|
var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
|
6
6
|
var React = require('react');
|
7
|
-
var
|
7
|
+
var constants = require('../../utils/constants.js');
|
8
|
+
var calendarGridHelper = require('../../utils/calendarGridHelper.js');
|
9
|
+
var calendarRangeHelper = require('../../utils/calendarRangeHelper.js');
|
8
10
|
var useMonths = require('../../hooks/useMonths.js');
|
9
11
|
var Calendar_tokens = require('../../Calendar.tokens.js');
|
12
|
+
var DateStructureItem = require('../DateStructureItem/DateStructureItem.js');
|
10
13
|
var CalendarMonths_styles = require('./CalendarMonths.styles.js');
|
11
14
|
|
12
15
|
/**
|
@@ -14,30 +17,79 @@ var CalendarMonths_styles = require('./CalendarMonths.styles.js');
|
|
14
17
|
*/
|
15
18
|
var CalendarMonths = function CalendarMonths(_ref) {
|
16
19
|
var currentDate = _ref.date,
|
20
|
+
value = _ref.value,
|
17
21
|
selectIndexes = _ref.selectIndexes,
|
22
|
+
eventList = _ref.eventList,
|
23
|
+
disabledList = _ref.disabledList,
|
24
|
+
min = _ref.min,
|
25
|
+
max = _ref.max,
|
18
26
|
outerRefs = _ref.outerRefs,
|
27
|
+
isDouble = _ref.isDouble,
|
28
|
+
isSecond = _ref.isSecond,
|
29
|
+
hoveredMonth = _ref.hoveredMonth,
|
19
30
|
onChangeMonth = _ref.onChangeMonth,
|
31
|
+
onHoverMonth = _ref.onHoverMonth,
|
20
32
|
onSetSelected = _ref.onSetSelected,
|
21
33
|
onKeyDown = _ref.onKeyDown;
|
22
|
-
var _useMonths = useMonths.useMonths(
|
34
|
+
var _useMonths = useMonths.useMonths({
|
35
|
+
date: currentDate,
|
36
|
+
value: value,
|
37
|
+
eventList: eventList,
|
38
|
+
disabledList: disabledList,
|
39
|
+
min: min,
|
40
|
+
max: max
|
41
|
+
}),
|
23
42
|
_useMonths2 = _rollupPluginBabelHelpers.slicedToArray(_useMonths, 2),
|
24
43
|
months = _useMonths2[0],
|
25
44
|
selected = _useMonths2[1];
|
26
45
|
var selectedRef = React.useRef(selected);
|
27
46
|
var onSetSelectedRef = React.useRef(onSetSelected);
|
28
|
-
var
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
var
|
36
|
-
|
37
|
-
|
47
|
+
var offset = isSecond ? constants.ROW_MONTH_STEP : 0;
|
48
|
+
var monthItemTokens = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(Calendar_tokens.innerTokens.dateStructureFontFamily), "var(".concat(Calendar_tokens.tokens.calendarMonthFontFamily, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontSize), "var(".concat(Calendar_tokens.tokens.calendarMonthFontSize, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontWeight), "var(".concat(Calendar_tokens.tokens.calendarMonthFontWeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontLineHeight), "var(".concat(Calendar_tokens.tokens.calendarMonthFontLineHeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontLetterSpacing), "var(".concat(Calendar_tokens.tokens.calendarMonthFontLetterSpacing, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureFontStyle), "var(".concat(Calendar_tokens.tokens.calendarMonthFontStyle, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureSelectedFontWeight), "var(".concat(Calendar_tokens.tokens.calendarMonthSelectedFontWeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureWidth), "var(".concat(Calendar_tokens.tokens.calendarMonthItemWidth, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureHeight), "var(".concat(Calendar_tokens.tokens.calendarMonthItemHeight, ")")), "".concat(Calendar_tokens.innerTokens.dateStructureBorderRadius), "var(".concat(Calendar_tokens.tokens.calendarMonthItemBorderRadius, ")"));
|
49
|
+
var getSelectedDate = React.useCallback(function (event) {
|
50
|
+
var _event$currentTarget$ = event.currentTarget.dataset,
|
51
|
+
day = _event$currentTarget$.day,
|
52
|
+
monthIndex = _event$currentTarget$.monthIndex,
|
53
|
+
year = _event$currentTarget$.year;
|
54
|
+
var selectedDate = {
|
55
|
+
day: Number(day),
|
56
|
+
monthIndex: Number(monthIndex),
|
57
|
+
year: Number(year)
|
58
|
+
};
|
59
|
+
if (!calendarGridHelper.canSelectDate(selectedDate, value, disabledList)) {
|
60
|
+
return;
|
61
|
+
}
|
62
|
+
return selectedDate;
|
63
|
+
}, [disabledList, value]);
|
64
|
+
var handleOnChangeMonth = React.useCallback(function (i, j) {
|
65
|
+
return function (event) {
|
66
|
+
/**
|
67
|
+
* нужно вызвать stopImmediatePropagation для случаев, когда
|
68
|
+
* обработчик события onClick навешивается снаружи.
|
69
|
+
* Как, например, в компоненте Popup
|
70
|
+
*/
|
71
|
+
event.nativeEvent.stopImmediatePropagation();
|
72
|
+
var selectedDate = getSelectedDate(event);
|
73
|
+
if (!selectedDate) {
|
74
|
+
return;
|
75
|
+
}
|
76
|
+
onChangeMonth(selectedDate, [i + offset, j]);
|
77
|
+
if (calendarRangeHelper.isSelectProcess(value)) {
|
78
|
+
onHoverMonth === null || onHoverMonth === void 0 || onHoverMonth(undefined);
|
79
|
+
}
|
80
|
+
};
|
81
|
+
}, [getSelectedDate, onChangeMonth, offset, value, onHoverMonth]);
|
82
|
+
var handleOnHoverMonth = React.useCallback(function (event) {
|
83
|
+
var selectedDate = getSelectedDate(event);
|
84
|
+
var isSelectedDone = Array.isArray(value) && value[0] && value[1];
|
85
|
+
if (!selectedDate || !Array.isArray(value) || isSelectedDone) {
|
86
|
+
return;
|
87
|
+
}
|
88
|
+
onHoverMonth === null || onHoverMonth === void 0 || onHoverMonth(selectedDate);
|
89
|
+
}, [getSelectedDate, onHoverMonth, value]);
|
38
90
|
var getRefs = React.useCallback(function (element, i, j) {
|
39
|
-
outerRefs.current[i][j] = element;
|
40
|
-
}, [outerRefs]);
|
91
|
+
outerRefs.current[i + offset][j] = element;
|
92
|
+
}, [offset, outerRefs]);
|
41
93
|
React.useEffect(function () {
|
42
94
|
if (selectedRef.current) {
|
43
95
|
var _onSetSelectedRef$cur;
|
@@ -57,23 +109,40 @@ var CalendarMonths = function CalendarMonths(_ref) {
|
|
57
109
|
monthIndex = _ref2.monthIndex,
|
58
110
|
isSelected = _ref2.isSelected,
|
59
111
|
isCurrent = _ref2.isCurrent,
|
60
|
-
monthFullName = _ref2.monthFullName
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
112
|
+
monthFullName = _ref2.monthFullName,
|
113
|
+
date = _ref2.date,
|
114
|
+
events = _ref2.events,
|
115
|
+
isOutOfMinMaxRange = _ref2.isOutOfMinMaxRange,
|
116
|
+
inRange = _ref2.inRange,
|
117
|
+
disabled = _ref2.disabled,
|
118
|
+
disabledArrowKey = _ref2.disabledArrowKey,
|
119
|
+
disabledDates = _ref2.disabledDates;
|
120
|
+
return /*#__PURE__*/React.createElement(DateStructureItem.DateStructureItem, {
|
66
121
|
ref: function ref(element) {
|
67
122
|
return getRefs(element, i, j);
|
68
123
|
},
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
124
|
+
style: monthItemTokens,
|
125
|
+
eventList: events,
|
126
|
+
disabled: disabled,
|
127
|
+
day: date.day,
|
128
|
+
year: date.year,
|
129
|
+
monthIndex: monthIndex,
|
130
|
+
isFocused: i + offset === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[0]) && j === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[1]) && !isOutOfMinMaxRange,
|
131
|
+
isSelected: isSelected,
|
132
|
+
isCurrent: isCurrent,
|
133
|
+
isDouble: isDouble,
|
134
|
+
isHovered: calendarRangeHelper.isSameDay(date, hoveredMonth),
|
135
|
+
inRange: calendarRangeHelper.getInRange(value, date, hoveredMonth, inRange),
|
136
|
+
sideInRange: calendarRangeHelper.getSideInRange(value, date, hoveredMonth, isSelected),
|
137
|
+
onClick: disabled ? undefined : handleOnChangeMonth(i, j),
|
138
|
+
onMouseOver: disabled ? undefined : handleOnHoverMonth,
|
74
139
|
key: "StyledMonth-".concat(i, "-").concat(j),
|
75
|
-
"
|
76
|
-
|
140
|
+
role: "gridcell",
|
141
|
+
"aria-label": monthFullName,
|
142
|
+
disabledArrowKey: disabledArrowKey,
|
143
|
+
disabledMonths: disabledDates,
|
144
|
+
isDayInCurrentMonth: true
|
145
|
+
}, monthName);
|
77
146
|
}));
|
78
147
|
}));
|
79
148
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarMonths.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { useMonths } from '../../hooks';\nimport { classes } from '../../Calendar.tokens';\n\nimport type { CalendarMonthsProps } from './CalendarMonths.types';\nimport { StyledCalendarMonths, StyledFlex, StyledMonth, StyledMonthRoot } from './CalendarMonths.styles';\n\n/**\n * Компонент месяцев в календаре.\n */\nexport const CalendarMonths: React.FC<CalendarMonthsProps> = ({\n date: currentDate,\n selectIndexes,\n outerRefs,\n onChangeMonth,\n onSetSelected,\n onKeyDown,\n}) => {\n const [months, selected] = useMonths(currentDate);\n const selectedRef = useRef(selected);\n const onSetSelectedRef = useRef(onSetSelected);\n\n const handleOnChangeMonth = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n /**\n * нужно вызвать stopImmediatePropagation для случаев, когда\n * обработчик события onClick навешивается снаружи.\n * Как, например, в компоненте Popup\n */\n event.nativeEvent.stopImmediatePropagation();\n\n const { monthIndex } = event.currentTarget.dataset;\n onChangeMonth(Number(monthIndex));\n },\n [onChangeMonth],\n );\n\n const getRefs = useCallback(\n (element: HTMLDivElement, i: number, j: number) => {\n outerRefs.current[i][j] = element;\n },\n [outerRefs],\n );\n\n useEffect(() => {\n if (selectedRef.current) {\n onSetSelectedRef.current?.(selectedRef.current);\n }\n }, []);\n\n return (\n <StyledCalendarMonths role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n {months.map((month, i) => (\n <StyledFlex role=\"row\" key={i}>\n {month.map(({ monthName, monthIndex, isSelected, isCurrent, monthFullName }, j) => {\n const selectedClass = isSelected ? classes.selectedItem : undefined;\n const currentClass = isCurrent ? classes.currentItem : undefined;\n\n return (\n <StyledMonthRoot\n id={`month-test-${i}-${j}`}\n className={cx(selectedClass, currentClass, classes.selectableItem)}\n ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n tabIndex={i === selectIndexes?.[0] && j === selectIndexes?.[1] ? 0 : -1}\n onClick={handleOnChangeMonth}\n data-month-index={monthIndex}\n aria-selected={isSelected}\n role=\"gridcell\"\n key={`StyledMonth-${i}-${j}`}\n aria-label={monthFullName}\n >\n <StyledMonth>{monthName}</StyledMonth>\n </StyledMonthRoot>\n );\n })}\n </StyledFlex>\n ))}\n </StyledCalendarMonths>\n );\n};\n"],"names":["CalendarMonths","_ref","currentDate","date","selectIndexes","outerRefs","onChangeMonth","onSetSelected","onKeyDown","_useMonths","useMonths","_useMonths2","_slicedToArray","months","selected","selectedRef","useRef","onSetSelectedRef","handleOnChangeMonth","useCallback","event","nativeEvent","stopImmediatePropagation","monthIndex","currentTarget","dataset","Number","getRefs","element","i","j","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarMonths","role","map","month","StyledFlex","key","_ref2","monthName","isSelected","isCurrent","monthFullName","selectedClass","classes","selectedItem","undefined","currentClass","currentItem","StyledMonthRoot","id","concat","className","cx","selectableItem","ref","tabIndex","onClick","StyledMonth"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"CalendarMonths.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\n\nimport { useMonths } from '../../hooks';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\nimport { ROW_MONTH_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\n\nimport type { CalendarMonthsProps } from './CalendarMonths.types';\nimport { StyledCalendarMonths, StyledFlex } from './CalendarMonths.styles';\n\n/**\n * Компонент месяцев в календаре.\n */\nexport const CalendarMonths: React.FC<CalendarMonthsProps> = ({\n date: currentDate,\n value,\n selectIndexes,\n eventList,\n disabledList,\n min,\n max,\n outerRefs,\n isDouble,\n isSecond,\n hoveredMonth,\n onChangeMonth,\n onHoverMonth,\n onSetSelected,\n onKeyDown,\n}) => {\n const [months, selected] = useMonths({ date: currentDate, value, eventList, disabledList, min, max });\n const selectedRef = useRef(selected);\n const onSetSelectedRef = useRef(onSetSelected);\n\n const offset = isSecond ? ROW_MONTH_STEP : 0;\n\n const monthItemTokens = {\n [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarMonthFontFamily})`,\n [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarMonthFontSize})`,\n [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarMonthFontWeight})`,\n [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarMonthFontLineHeight})`,\n [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarMonthFontLetterSpacing})`,\n [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarMonthFontStyle})`,\n [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarMonthSelectedFontWeight})`,\n [`${innerTokens.dateStructureWidth}`]: `var(${tokens.calendarMonthItemWidth})`,\n [`${innerTokens.dateStructureHeight}`]: `var(${tokens.calendarMonthItemHeight})`,\n [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarMonthItemBorderRadius})`,\n };\n\n const getSelectedDate = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n const { day, monthIndex, year } = event.currentTarget.dataset;\n\n const selectedDate = {\n day: Number(day),\n monthIndex: Number(monthIndex),\n year: Number(year),\n };\n\n if (!canSelectDate(selectedDate, value, disabledList)) {\n return;\n }\n\n return selectedDate;\n },\n [disabledList, value],\n );\n\n const handleOnChangeMonth = useCallback(\n (i: number, j: number) => (event: React.MouseEvent<HTMLDivElement>) => {\n /**\n * нужно вызвать stopImmediatePropagation для случаев, когда\n * обработчик события onClick навешивается снаружи.\n * Как, например, в компоненте Popup\n */\n event.nativeEvent.stopImmediatePropagation();\n\n const selectedDate = getSelectedDate(event);\n\n if (!selectedDate) {\n return;\n }\n\n onChangeMonth(selectedDate, [i + offset, j]);\n\n if (isSelectProcess(value)) {\n onHoverMonth?.(undefined);\n }\n },\n [getSelectedDate, onChangeMonth, offset, value, onHoverMonth],\n );\n\n const handleOnHoverMonth = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n const selectedDate = getSelectedDate(event);\n const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n return;\n }\n\n onHoverMonth?.(selectedDate);\n },\n [getSelectedDate, onHoverMonth, value],\n );\n\n const getRefs = useCallback(\n (element: HTMLDivElement, i: number, j: number) => {\n outerRefs.current[i + offset][j] = element;\n },\n [offset, outerRefs],\n );\n\n useEffect(() => {\n if (selectedRef.current) {\n onSetSelectedRef.current?.(selectedRef.current);\n }\n }, []);\n\n return (\n <StyledCalendarMonths role=\"grid\" aria-labelledby=\"id-grid-label\" onKeyDown={onKeyDown}>\n {months.map((month, i) => (\n <StyledFlex role=\"row\" key={i}>\n {month.map(\n (\n {\n monthName,\n monthIndex,\n isSelected,\n isCurrent,\n monthFullName,\n date,\n events,\n isOutOfMinMaxRange,\n inRange,\n disabled,\n disabledArrowKey,\n disabledDates,\n },\n j,\n ) => {\n return (\n <DateStructureItem\n ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n style={monthItemTokens}\n eventList={events}\n disabled={disabled}\n day={date.day}\n year={date.year}\n monthIndex={monthIndex}\n isFocused={\n i + offset === selectIndexes?.[0] &&\n j === selectIndexes?.[1] &&\n !isOutOfMinMaxRange\n }\n isSelected={isSelected}\n isCurrent={isCurrent}\n isDouble={isDouble}\n isHovered={isSameDay(date, hoveredMonth)}\n inRange={getInRange(value, date, hoveredMonth, inRange)}\n sideInRange={getSideInRange(value, date, hoveredMonth, isSelected)}\n onClick={disabled ? undefined : handleOnChangeMonth(i, j)}\n onMouseOver={disabled ? undefined : handleOnHoverMonth}\n key={`StyledMonth-${i}-${j}`}\n role=\"gridcell\"\n aria-label={monthFullName}\n disabledArrowKey={disabledArrowKey}\n disabledMonths={disabledDates}\n isDayInCurrentMonth\n >\n {monthName}\n </DateStructureItem>\n );\n },\n )}\n </StyledFlex>\n ))}\n </StyledCalendarMonths>\n );\n};\n"],"names":["CalendarMonths","_ref","currentDate","date","value","selectIndexes","eventList","disabledList","min","max","outerRefs","isDouble","isSecond","hoveredMonth","onChangeMonth","onHoverMonth","onSetSelected","onKeyDown","_useMonths","useMonths","_useMonths2","_slicedToArray","months","selected","selectedRef","useRef","onSetSelectedRef","offset","ROW_MONTH_STEP","monthItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarMonthFontFamily","dateStructureFontSize","calendarMonthFontSize","dateStructureFontWeight","calendarMonthFontWeight","dateStructureFontLineHeight","calendarMonthFontLineHeight","dateStructureFontLetterSpacing","calendarMonthFontLetterSpacing","dateStructureFontStyle","calendarMonthFontStyle","dateStructureSelectedFontWeight","calendarMonthSelectedFontWeight","dateStructureWidth","calendarMonthItemWidth","dateStructureHeight","calendarMonthItemHeight","dateStructureBorderRadius","calendarMonthItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeMonth","i","j","nativeEvent","stopImmediatePropagation","isSelectProcess","undefined","handleOnHoverMonth","isSelectedDone","Array","isArray","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarMonths","role","map","month","StyledFlex","key","_ref2","monthName","isSelected","isCurrent","monthFullName","events","isOutOfMinMaxRange","inRange","disabled","disabledArrowKey","disabledDates","DateStructureItem","ref","style","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","onMouseOver","disabledMonths","isDayInCurrentMonth"],"mappings":"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"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './CalendarMonths.
|
1
|
+
import './CalendarMonths.styles_1v3msg.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -15,19 +15,7 @@ var StyledFlex = /*#__PURE__*/react.styled('div')({
|
|
15
15
|
"class": "s1nlg4aa",
|
16
16
|
propsAsIs: false
|
17
17
|
});
|
18
|
-
var StyledMonth = /*#__PURE__*/react.styled('div')({
|
19
|
-
name: "StyledMonth",
|
20
|
-
"class": "s1cvx4bk",
|
21
|
-
propsAsIs: false
|
22
|
-
});
|
23
|
-
var StyledMonthRoot = /*#__PURE__*/react.styled('div')({
|
24
|
-
name: "StyledMonthRoot",
|
25
|
-
"class": "s14caaqm",
|
26
|
-
propsAsIs: false
|
27
|
-
});
|
28
18
|
|
29
19
|
exports.StyledCalendarMonths = StyledCalendarMonths;
|
30
20
|
exports.StyledFlex = StyledFlex;
|
31
|
-
exports.StyledMonth = StyledMonth;
|
32
|
-
exports.StyledMonthRoot = StyledMonthRoot;
|
33
21
|
//# sourceMappingURL=CalendarMonths.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarMonths.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport {
|
1
|
+
{"version":3,"file":"CalendarMonths.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Calendar.tokens';\nimport { flexCenter } from '../../mixins';\n\nexport const StyledCalendarMonths = styled.div`\n padding: var(${tokens.calendarMonthsPadding});\n box-sizing: border-box;\n`;\n\nexport const StyledFlex = styled.div`\n ${String(flexCenter)};\n`;\n"],"names":["StyledCalendarMonths","styled","name","class","propsAsIs","StyledFlex"],"mappings":";;;;;;AAKO,IAAMA,oBAAoB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGzC,EAAA;AAEM,IAAMC,UAAU,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B;;;;;"}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.s2fb05v{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
|
2
|
+
.s1nlg4aa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideInRange__5d7ee105:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1nxxafr_s140bov1__5d7ee105.DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{right:var(--s140bov1-0);}
|
2
|
+
.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemHovered__5d7ee105:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelected__5d7ee105 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105{position:relative;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105.DateStructureItem_styles_1nxxafr_focusVisible__5d7ee105:focus::before,.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemSelectable__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayInCurrentMonth__5d7ee105:not(.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_dayOfWeek__5d7ee105{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabled__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemDisabledCurrent__5d7ee105{cursor:not-allowed;opacity:0.4;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemInRange__5d7ee105:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideRight__5d7ee105:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1nxxafr_s1k1xcqq__5d7ee105.DateStructureItem_styles_1nxxafr_itemCurrent__5d7ee105 > .DateStructureItem_styles_1nxxafr_itemSideLeft__5d7ee105:before{width:100%;left:-1px;right:unset;}
|
3
|
+
.DateStructureItem_styles_1nxxafr_s1wqrord__5d7ee105{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
4
|
+
.DateStructureItem_styles_1nxxafr_s1cvvf5__5d7ee105{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
5
|
+
|
6
|
+
.CalendarQuarters_styles_14gqhct_sbn3jki__9a0615d6{padding:var(--plasma-calendar-quarters-padding);box-sizing:border-box;}
|
7
|
+
.CalendarQuarters_styles_14gqhct_s1f4w4zt__9a0615d6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|