@salutejs/plasma-new-hope 0.109.0-canary.1310.10007111729.0 → 0.109.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Calendar/Calendar.tokens.js +32 -6
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/Calendar.types.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +20 -21
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +88 -140
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +23 -21
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +269 -104
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/hoc/withRange.js +17 -9
- package/cjs/components/Calendar/hoc/withRange.js.map +1 -1
- package/cjs/components/Calendar/hooks/useCalendarDateChange.js +92 -0
- package/cjs/components/Calendar/hooks/useCalendarDateChange.js.map +1 -0
- package/cjs/components/Calendar/hooks/useCalendarNavigation.js +98 -0
- package/cjs/components/Calendar/hooks/useCalendarNavigation.js.map +1 -0
- package/cjs/components/Calendar/hooks/useDays.js +34 -148
- package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
- package/cjs/components/Calendar/hooks/useKeyNavigation.js +27 -16
- package/cjs/components/Calendar/hooks/useKeyNavigation.js.map +1 -1
- package/cjs/components/Calendar/hooks/useMonths.js +37 -8
- package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
- package/cjs/components/Calendar/hooks/useQuarters.js +57 -0
- package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -0
- package/cjs/components/Calendar/hooks/useYears.js +39 -8
- package/cjs/components/Calendar/hooks/useYears.js.map +1 -1
- package/cjs/components/Calendar/store/reducer.js +34 -12
- package/cjs/components/Calendar/store/reducer.js.map +1 -1
- package/cjs/components/Calendar/store/types.js +1 -0
- package/cjs/components/Calendar/store/types.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +36 -26
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +16 -10
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +2 -2
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/{es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css → cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css} +2 -2
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +7 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +96 -27
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -13
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +2 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +7 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +149 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +21 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +2 -0
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +7 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +99 -25
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -13
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +2 -0
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -0
- package/cjs/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.js → DateStructureItem/DateStructureItem.js} +23 -21
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -0
- package/cjs/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.styles.js → DateStructureItem/DateStructureItem.styles.js} +19 -27
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -0
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1nxxafr.css +4 -0
- package/cjs/components/Calendar/utils/calendarGridHelper.js +173 -0
- package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -0
- package/cjs/components/Calendar/utils/calendarRangeHelper.js +122 -0
- package/cjs/components/Calendar/utils/calendarRangeHelper.js.map +1 -0
- package/cjs/components/Calendar/utils/constants.js +60 -0
- package/cjs/components/Calendar/utils/constants.js.map +1 -0
- package/cjs/components/Calendar/utils/getDateWithModification.js +188 -0
- package/cjs/components/Calendar/utils/getDateWithModification.js.map +1 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js +11 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/{DatePickerBase.styles_1thp2xv.css → DatePickerBase.styles_192va2p.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +22 -23
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +18 -6
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +22 -23
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/{es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css → cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css} +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +21 -22
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +7 -3
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +5 -5
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/index.css +23 -24
- package/cjs/utils/datejs.js +4 -0
- package/cjs/utils/datejs.js.map +1 -1
- package/emotion/cjs/components/Calendar/Calendar.template-doc.mdx +236 -150
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +32 -7
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +84 -139
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +261 -101
- package/emotion/cjs/components/Calendar/hoc/withRange.js +14 -6
- package/emotion/cjs/components/Calendar/hooks/index.js +22 -1
- package/emotion/cjs/components/Calendar/hooks/useCalendarDateChange.js +90 -0
- package/emotion/cjs/components/Calendar/hooks/useCalendarNavigation.js +96 -0
- package/emotion/cjs/components/Calendar/hooks/useDays.js +21 -137
- package/emotion/cjs/components/Calendar/hooks/useKeyNavigation.js +26 -15
- package/emotion/cjs/components/Calendar/hooks/useMonths.js +32 -6
- package/emotion/cjs/components/Calendar/hooks/useQuarters.js +52 -0
- package/emotion/cjs/components/Calendar/hooks/useYears.js +34 -6
- package/emotion/cjs/components/Calendar/mixins/selected.js +2 -9
- package/emotion/cjs/components/Calendar/store/reducer.js +27 -6
- package/emotion/cjs/components/Calendar/store/types.js +1 -0
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +28 -17
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +13 -8
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +14 -9
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +97 -27
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +6 -35
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +156 -0
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +18 -0
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +100 -25
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +6 -35
- package/{styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js → emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js} +22 -20
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +85 -0
- package/emotion/cjs/components/Calendar/ui/index.js +7 -0
- package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +164 -0
- package/emotion/cjs/components/Calendar/utils/calendarRangeHelper.js +117 -0
- package/emotion/cjs/components/Calendar/utils/constants.js +48 -0
- package/emotion/cjs/components/Calendar/utils/getDateWithModification.js +186 -0
- package/emotion/cjs/components/Calendar/utils/index.js +39 -243
- package/emotion/cjs/components/DatePicker/DatePicker.template-doc.mdx +10 -1
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +11 -0
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +2 -2
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +18 -6
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +7 -3
- package/emotion/cjs/components/TextArea/TextArea.js +6 -6
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +162 -267
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +162 -267
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +162 -267
- package/emotion/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/utils/datejs.js +4 -0
- package/emotion/es/components/Calendar/Calendar.template-doc.mdx +236 -150
- package/emotion/es/components/Calendar/Calendar.tokens.js +31 -6
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +88 -143
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +265 -105
- package/emotion/es/components/Calendar/hoc/withRange.js +14 -6
- package/emotion/es/components/Calendar/hooks/index.js +4 -1
- package/emotion/es/components/Calendar/hooks/useCalendarDateChange.js +84 -0
- package/emotion/es/components/Calendar/hooks/useCalendarNavigation.js +90 -0
- package/emotion/es/components/Calendar/hooks/useDays.js +22 -138
- package/emotion/es/components/Calendar/hooks/useKeyNavigation.js +27 -17
- package/emotion/es/components/Calendar/hooks/useMonths.js +33 -8
- package/emotion/es/components/Calendar/hooks/useQuarters.js +46 -0
- package/emotion/es/components/Calendar/hooks/useYears.js +35 -7
- package/emotion/es/components/Calendar/mixins/selected.js +2 -9
- package/emotion/es/components/Calendar/store/reducer.js +26 -5
- package/emotion/es/components/Calendar/store/types.js +1 -0
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +29 -17
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +13 -8
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +14 -9
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +100 -29
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +6 -35
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +149 -0
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +11 -0
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +103 -27
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +6 -35
- package/{styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js → emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js} +20 -18
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +78 -0
- package/emotion/es/components/Calendar/ui/index.js +1 -0
- package/emotion/es/components/Calendar/utils/calendarGridHelper.js +158 -0
- package/emotion/es/components/Calendar/utils/calendarRangeHelper.js +111 -0
- package/emotion/es/components/Calendar/utils/constants.js +42 -0
- package/emotion/es/components/Calendar/utils/getDateWithModification.js +180 -0
- package/emotion/es/components/Calendar/utils/index.js +4 -247
- package/emotion/es/components/DatePicker/DatePicker.template-doc.mdx +10 -1
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +11 -0
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +2 -2
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +18 -6
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +7 -3
- package/emotion/es/components/TextArea/TextArea.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +162 -267
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +162 -267
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +162 -267
- package/emotion/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/utils/datejs.js +4 -0
- package/es/components/Calendar/Calendar.tokens.js +32 -7
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/Calendar.types.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +20 -21
- package/es/components/Calendar/CalendarBase/CalendarBase.js +90 -142
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +23 -21
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +270 -105
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/hoc/withRange.js +15 -7
- package/es/components/Calendar/hoc/withRange.js.map +1 -1
- package/es/components/Calendar/hooks/useCalendarDateChange.js +88 -0
- package/es/components/Calendar/hooks/useCalendarDateChange.js.map +1 -0
- package/es/components/Calendar/hooks/useCalendarNavigation.js +94 -0
- package/es/components/Calendar/hooks/useCalendarNavigation.js.map +1 -0
- package/es/components/Calendar/hooks/useDays.js +24 -138
- package/es/components/Calendar/hooks/useDays.js.map +1 -1
- package/es/components/Calendar/hooks/useKeyNavigation.js +27 -16
- package/es/components/Calendar/hooks/useKeyNavigation.js.map +1 -1
- package/es/components/Calendar/hooks/useMonths.js +36 -7
- package/es/components/Calendar/hooks/useMonths.js.map +1 -1
- package/es/components/Calendar/hooks/useQuarters.js +53 -0
- package/es/components/Calendar/hooks/useQuarters.js.map +1 -0
- package/es/components/Calendar/hooks/useYears.js +38 -7
- package/es/components/Calendar/hooks/useYears.js.map +1 -1
- package/es/components/Calendar/store/reducer.js +28 -7
- package/es/components/Calendar/store/reducer.js.map +1 -1
- package/es/components/Calendar/store/types.js +1 -0
- package/es/components/Calendar/store/types.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +29 -19
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +15 -9
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +2 -2
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/{cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css → es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css} +2 -2
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +7 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +99 -30
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -12
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +2 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +7 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +145 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +16 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +2 -0
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +7 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +102 -28
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -12
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +2 -0
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -0
- package/es/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.js → DateStructureItem/DateStructureItem.js} +22 -20
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -0
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +55 -0
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -0
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1nxxafr.css +4 -0
- package/es/components/Calendar/utils/calendarGridHelper.js +153 -0
- package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -0
- package/es/components/Calendar/utils/calendarRangeHelper.js +110 -0
- package/es/components/Calendar/utils/calendarRangeHelper.js.map +1 -0
- package/es/components/Calendar/utils/constants.js +45 -0
- package/es/components/Calendar/utils/constants.js.map +1 -0
- package/es/components/Calendar/utils/getDateWithModification.js +184 -0
- package/es/components/Calendar/utils/getDateWithModification.js.map +1 -0
- package/es/components/DatePicker/DatePicker.tokens.js +11 -0
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/{DatePickerBase.styles_1thp2xv.css → DatePickerBase.styles_192va2p.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +22 -23
- package/es/components/DatePicker/RangeDate/RangeDate.js +18 -6
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +22 -23
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/{cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css → es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css} +2 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +21 -22
- package/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +7 -3
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/TextArea/TextArea.js +5 -5
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/index.css +23 -24
- package/es/utils/datejs.js +4 -0
- package/es/utils/datejs.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/Calendar.template-doc.mdx +236 -150
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +32 -7
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +84 -139
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +261 -101
- package/styled-components/cjs/components/Calendar/hoc/withRange.js +14 -6
- package/styled-components/cjs/components/Calendar/hooks/index.js +22 -1
- package/styled-components/cjs/components/Calendar/hooks/useCalendarDateChange.js +90 -0
- package/styled-components/cjs/components/Calendar/hooks/useCalendarNavigation.js +96 -0
- package/styled-components/cjs/components/Calendar/hooks/useDays.js +21 -137
- package/styled-components/cjs/components/Calendar/hooks/useKeyNavigation.js +26 -15
- package/styled-components/cjs/components/Calendar/hooks/useMonths.js +32 -6
- package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +52 -0
- package/styled-components/cjs/components/Calendar/hooks/useYears.js +34 -6
- package/styled-components/cjs/components/Calendar/mixins/selected.js +2 -9
- package/styled-components/cjs/components/Calendar/store/reducer.js +27 -6
- package/styled-components/cjs/components/Calendar/store/types.js +1 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +28 -17
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +13 -8
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +8 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +97 -27
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -30
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +156 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +16 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.js +5 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +100 -25
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -30
- package/{emotion/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js → styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js} +22 -20
- package/styled-components/cjs/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.styles.js → DateStructureItem/DateStructureItem.styles.js} +26 -26
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.types.js +5 -0
- package/styled-components/cjs/components/Calendar/ui/index.js +7 -0
- package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +164 -0
- package/styled-components/cjs/components/Calendar/utils/calendarRangeHelper.js +117 -0
- package/styled-components/cjs/components/Calendar/utils/constants.js +48 -0
- package/styled-components/cjs/components/Calendar/utils/getDateWithModification.js +186 -0
- package/styled-components/cjs/components/Calendar/utils/index.js +39 -243
- package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +10 -1
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +11 -0
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +18 -6
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +7 -3
- package/styled-components/cjs/components/TextArea/TextArea.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +162 -267
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +162 -267
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +162 -267
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -5
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -5
- package/styled-components/cjs/utils/datejs.js +4 -0
- package/styled-components/es/components/Calendar/Calendar.template-doc.mdx +236 -150
- package/styled-components/es/components/Calendar/Calendar.tokens.js +31 -6
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +88 -143
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +265 -105
- package/styled-components/es/components/Calendar/hoc/withRange.js +14 -6
- package/styled-components/es/components/Calendar/hooks/index.js +4 -1
- package/styled-components/es/components/Calendar/hooks/useCalendarDateChange.js +84 -0
- package/styled-components/es/components/Calendar/hooks/useCalendarNavigation.js +90 -0
- package/styled-components/es/components/Calendar/hooks/useDays.js +22 -138
- package/styled-components/es/components/Calendar/hooks/useKeyNavigation.js +27 -17
- package/styled-components/es/components/Calendar/hooks/useMonths.js +33 -8
- package/styled-components/es/components/Calendar/hooks/useQuarters.js +46 -0
- package/styled-components/es/components/Calendar/hooks/useYears.js +35 -7
- package/styled-components/es/components/Calendar/mixins/selected.js +2 -9
- package/styled-components/es/components/Calendar/store/reducer.js +26 -5
- package/styled-components/es/components/Calendar/store/types.js +1 -0
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +29 -17
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +13 -8
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +8 -3
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +100 -29
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -30
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +149 -0
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +9 -0
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.js +1 -0
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +103 -27
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -30
- package/{emotion/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js → styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js} +20 -18
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +65 -0
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.types.js +1 -0
- package/styled-components/es/components/Calendar/ui/index.js +1 -0
- package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +158 -0
- package/styled-components/es/components/Calendar/utils/calendarRangeHelper.js +111 -0
- package/styled-components/es/components/Calendar/utils/constants.js +42 -0
- package/styled-components/es/components/Calendar/utils/getDateWithModification.js +180 -0
- package/styled-components/es/components/Calendar/utils/index.js +4 -247
- package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +10 -1
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +11 -0
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +18 -6
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +7 -3
- package/styled-components/es/components/TextArea/TextArea.js +5 -5
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +162 -267
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +162 -267
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +162 -267
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -5
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -5
- package/styled-components/es/utils/datejs.js +4 -0
- package/types/components/Calendar/Calendar.tokens.d.ts +30 -6
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +86 -32
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts +4 -44
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts +4 -31
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/hoc/withRange.d.ts +3 -2
- package/types/components/Calendar/hoc/withRange.d.ts.map +1 -1
- package/types/components/Calendar/hooks/index.d.ts +3 -0
- package/types/components/Calendar/hooks/index.d.ts.map +1 -1
- package/types/components/Calendar/hooks/types.d.ts +38 -0
- package/types/components/Calendar/hooks/types.d.ts.map +1 -0
- package/types/components/Calendar/hooks/useCalendarDateChange.d.ts +11 -0
- package/types/components/Calendar/hooks/useCalendarDateChange.d.ts.map +1 -0
- package/types/components/Calendar/hooks/useCalendarNavigation.d.ts +6 -0
- package/types/components/Calendar/hooks/useCalendarNavigation.d.ts.map +1 -0
- package/types/components/Calendar/hooks/useDays.d.ts +3 -2
- package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useKeyNavigation.d.ts +2 -2
- package/types/components/Calendar/hooks/useKeyNavigation.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts +3 -2
- package/types/components/Calendar/hooks/useMonths.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useQuarters.d.ts +7 -0
- package/types/components/Calendar/hooks/useQuarters.d.ts.map +1 -0
- package/types/components/Calendar/hooks/useYears.d.ts +3 -2
- package/types/components/Calendar/hooks/useYears.d.ts.map +1 -1
- package/types/components/Calendar/mixins/selected.d.ts.map +1 -1
- package/types/components/Calendar/store/reducer.d.ts +3 -2
- package/types/components/Calendar/store/reducer.d.ts.map +1 -1
- package/types/components/Calendar/store/types.d.ts +9 -1
- package/types/components/Calendar/store/types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +3 -3
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +2 -2
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts +0 -2
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts +14 -4
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts +7 -0
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -0
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts +4 -0
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts.map +1 -0
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.d.ts +21 -0
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.d.ts.map +1 -0
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts +0 -2
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.types.d.ts +12 -3
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.d.ts +7 -0
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.d.ts.map +1 -0
- package/types/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.styles.d.ts → DateStructureItem/DateStructureItem.styles.d.ts} +4 -4
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -0
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.types.d.ts +13 -0
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.types.d.ts.map +1 -0
- package/types/components/Calendar/ui/index.d.ts +1 -0
- package/types/components/Calendar/ui/index.d.ts.map +1 -1
- package/types/components/Calendar/utils/calendarGridHelper.d.ts +29 -0
- package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -0
- package/types/components/Calendar/utils/calendarRangeHelper.d.ts +26 -0
- package/types/components/Calendar/utils/calendarRangeHelper.d.ts.map +1 -0
- package/types/components/Calendar/utils/constants.d.ts +19 -0
- package/types/components/Calendar/utils/constants.d.ts.map +1 -0
- package/types/components/Calendar/utils/getDateWithModification.d.ts +17 -0
- package/types/components/Calendar/utils/getDateWithModification.d.ts.map +1 -0
- package/types/components/Calendar/utils/index.d.ts +4 -54
- package/types/components/Calendar/utils/index.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +11 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts +1 -5
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +62 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +6 -6
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +5 -41
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +2 -2
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +5 -3
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +2 -2
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +3 -39
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +2 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts +4 -11
- package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +4 -4
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/Calendar.d.ts +4 -11
- package/types/examples/plasma_web/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +4 -4
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +4 -11
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/utils/datejs.d.ts.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +0 -4
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js.map +0 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +0 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_107vqka.css +0 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7jeg2n.css +0 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_4z2ki7.css +0 -4
- package/cjs/components/Calendar/utils/index.js +0 -276
- package/cjs/components/Calendar/utils/index.js.map +0 -1
- package/emotion/cjs/components/Breadcrumbs/README.md +0 -78
- package/emotion/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +0 -85
- package/emotion/es/components/Breadcrumbs/README.md +0 -78
- package/emotion/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +0 -78
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +0 -4
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js.map +0 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +0 -63
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +0 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_107vqka.css +0 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7jeg2n.css +0 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_4z2ki7.css +0 -4
- package/es/components/Calendar/utils/index.js +0 -242
- package/es/components/Calendar/utils/index.js.map +0 -1
- package/styled-components/cjs/components/Breadcrumbs/README.md +0 -78
- package/styled-components/es/components/Breadcrumbs/README.md +0 -78
- package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +0 -65
- package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +0 -16
- package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +0 -1
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.d.ts +0 -7
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.d.ts.map +0 -1
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map +0 -1
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.types.d.ts +0 -13
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.types.d.ts.map +0 -1
- /package/emotion/cjs/components/{Breadcrumbs/Breadcrumbs.types.js → Calendar/hooks/types.js} +0 -0
- /package/emotion/cjs/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.types.js → CalendarQuarters/CalendarQuarters.types.js} +0 -0
- /package/{styled-components/cjs/components/Breadcrumbs/Breadcrumbs.types.js → emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.types.js} +0 -0
- /package/emotion/es/components/{Breadcrumbs/Breadcrumbs.types.js → Calendar/hooks/types.js} +0 -0
- /package/emotion/es/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.types.js → CalendarQuarters/CalendarQuarters.types.js} +0 -0
- /package/{styled-components/es/components/Breadcrumbs/Breadcrumbs.types.js → emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.types.js} +0 -0
- /package/styled-components/cjs/components/Calendar/{ui/CalendarDayItem/CalendarDayItem.types.js → hooks/types.js} +0 -0
- /package/styled-components/es/components/Calendar/{ui/CalendarDayItem/CalendarDayItem.types.js → hooks/types.js} +0 -0
package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js
ADDED
@@ -0,0 +1,9 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { tokens } from '../../Calendar.tokens';
|
3
|
+
import { flexCenter } from '../../mixins';
|
4
|
+
export var StyledCalendarQuarters = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-1grqaka-0"
|
6
|
+
})(["padding:var(", ");box-sizing:border-box;"], tokens.calendarQuartersPadding);
|
7
|
+
export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
|
8
|
+
componentId: "plasma-new-hope__sc-1grqaka-1"
|
9
|
+
})(["", ";"], /*#__PURE__*/String(flexCenter));
|
package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.js
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -1,3 +1,7 @@
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
2
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
3
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
4
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
1
5
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
2
6
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
3
7
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
@@ -5,40 +9,91 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
5
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
6
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
7
11
|
import React, { useCallback, useEffect, useRef } from 'react';
|
8
|
-
import { cx } from '../../../../utils';
|
9
12
|
import { useYears } from '../../hooks';
|
10
|
-
import {
|
11
|
-
import {
|
13
|
+
import { innerTokens, tokens } from '../../Calendar.tokens';
|
14
|
+
import { ROW_YEAR_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';
|
15
|
+
import { DateStructureItem } from '../DateStructureItem/DateStructureItem';
|
16
|
+
import { StyledCalendarYears, StyledFlex } from './CalendarYears.styles';
|
12
17
|
|
13
18
|
/**
|
14
19
|
* Компонент годов в календаре.
|
15
20
|
*/
|
16
21
|
export var CalendarYears = function CalendarYears(_ref) {
|
17
22
|
var currentDate = _ref.date,
|
23
|
+
value = _ref.value,
|
18
24
|
startYear = _ref.startYear,
|
19
25
|
selectIndexes = _ref.selectIndexes,
|
26
|
+
eventList = _ref.eventList,
|
27
|
+
disabledList = _ref.disabledList,
|
28
|
+
min = _ref.min,
|
29
|
+
max = _ref.max,
|
20
30
|
outerRefs = _ref.outerRefs,
|
31
|
+
isDouble = _ref.isDouble,
|
32
|
+
isSecond = _ref.isSecond,
|
33
|
+
hoveredYear = _ref.hoveredYear,
|
21
34
|
onChangeYear = _ref.onChangeYear,
|
35
|
+
onHoverYear = _ref.onHoverYear,
|
22
36
|
onSetSelected = _ref.onSetSelected,
|
23
37
|
onKeyDown = _ref.onKeyDown;
|
24
|
-
var _useYears = useYears(
|
38
|
+
var _useYears = useYears({
|
39
|
+
date: currentDate,
|
40
|
+
value: value,
|
41
|
+
startYear: startYear,
|
42
|
+
eventList: eventList,
|
43
|
+
disabledList: disabledList,
|
44
|
+
min: min,
|
45
|
+
max: max
|
46
|
+
}),
|
25
47
|
_useYears2 = _slicedToArray(_useYears, 2),
|
26
48
|
years = _useYears2[0],
|
27
49
|
selected = _useYears2[1];
|
28
50
|
var selectedRef = useRef(selected);
|
29
51
|
var onSetSelectedRef = useRef(onSetSelected);
|
30
|
-
var
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
var
|
38
|
-
|
39
|
-
|
52
|
+
var offset = isSecond ? ROW_YEAR_STEP : 0;
|
53
|
+
var yearItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarYearFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarYearFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarYearFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarYearFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarYearFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarYearFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarYearSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureWidth), "var(".concat(tokens.calendarYearItemWidth, ")")), "".concat(innerTokens.dateStructureHeight), "var(".concat(tokens.calendarYearItemHeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarYearItemBorderRadius, ")"));
|
54
|
+
var getSelectedDate = useCallback(function (event) {
|
55
|
+
var _event$currentTarget$ = event.currentTarget.dataset,
|
56
|
+
day = _event$currentTarget$.day,
|
57
|
+
monthIndex = _event$currentTarget$.monthIndex,
|
58
|
+
year = _event$currentTarget$.year;
|
59
|
+
var selectedDate = {
|
60
|
+
day: Number(day),
|
61
|
+
monthIndex: Number(monthIndex),
|
62
|
+
year: Number(year)
|
63
|
+
};
|
64
|
+
if (!canSelectDate(selectedDate, value, disabledList)) {
|
65
|
+
return;
|
66
|
+
}
|
67
|
+
return selectedDate;
|
68
|
+
}, [disabledList, value]);
|
69
|
+
var handleOnChangeYear = useCallback(function (i, j) {
|
70
|
+
return function (event) {
|
71
|
+
/**
|
72
|
+
* нужно вызвать stopImmediatePropagation для случаев, когда
|
73
|
+
* обработчик события onClick навешивается снаружи.
|
74
|
+
* Как, например, в компоненте Popup
|
75
|
+
*/
|
76
|
+
event.nativeEvent.stopImmediatePropagation();
|
77
|
+
var selectedDate = getSelectedDate(event);
|
78
|
+
if (!selectedDate) {
|
79
|
+
return;
|
80
|
+
}
|
81
|
+
onChangeYear(selectedDate, [i + offset, j]);
|
82
|
+
if (isSelectProcess(value)) {
|
83
|
+
onHoverYear === null || onHoverYear === void 0 || onHoverYear(undefined);
|
84
|
+
}
|
85
|
+
};
|
86
|
+
}, [getSelectedDate, onChangeYear, offset, value, onHoverYear]);
|
87
|
+
var handleOnHoverYear = useCallback(function (event) {
|
88
|
+
var selectedDate = getSelectedDate(event);
|
89
|
+
var isSelectedDone = Array.isArray(value) && value[0] && value[1];
|
90
|
+
if (!selectedDate || !Array.isArray(value) || isSelectedDone) {
|
91
|
+
return;
|
92
|
+
}
|
93
|
+
onHoverYear === null || onHoverYear === void 0 || onHoverYear(selectedDate);
|
94
|
+
}, [getSelectedDate, onHoverYear, value]);
|
40
95
|
var getRefs = useCallback(function (element, i, j) {
|
41
|
-
outerRefs.current[i][j] = element;
|
96
|
+
outerRefs.current[i + offset][j] = element;
|
42
97
|
}, [outerRefs]);
|
43
98
|
useEffect(function () {
|
44
99
|
if (selectedRef.current) {
|
@@ -57,22 +112,43 @@ export var CalendarYears = function CalendarYears(_ref) {
|
|
57
112
|
}, year.map(function (_ref2, j) {
|
58
113
|
var yearValue = _ref2.yearValue,
|
59
114
|
isSelected = _ref2.isSelected,
|
60
|
-
isCurrent = _ref2.isCurrent
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
115
|
+
isCurrent = _ref2.isCurrent,
|
116
|
+
date = _ref2.date,
|
117
|
+
events = _ref2.events,
|
118
|
+
isOutOfMinMaxRange = _ref2.isOutOfMinMaxRange,
|
119
|
+
inRange = _ref2.inRange,
|
120
|
+
disabled = _ref2.disabled,
|
121
|
+
disabledArrowKey = _ref2.disabledArrowKey,
|
122
|
+
disabledDates = _ref2.disabledDates;
|
123
|
+
return /*#__PURE__*/React.createElement(DateStructureItem, {
|
65
124
|
ref: function ref(element) {
|
66
125
|
return getRefs(element, i, j);
|
67
126
|
},
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
127
|
+
style: yearItemTokens,
|
128
|
+
eventList: events,
|
129
|
+
disabled: disabled,
|
130
|
+
day: date.day,
|
131
|
+
year: yearValue,
|
132
|
+
monthIndex: date.monthIndex,
|
133
|
+
isFocused: i + offset === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[0]) && j === (selectIndexes === null || selectIndexes === void 0 ? void 0 : selectIndexes[1]) && !isOutOfMinMaxRange,
|
134
|
+
isSelected: isSelected,
|
135
|
+
isCurrent: isCurrent,
|
136
|
+
isDouble: isDouble,
|
137
|
+
isHovered: isSameDay(date, hoveredYear),
|
138
|
+
inRange: getInRange(value, date, hoveredYear, inRange),
|
139
|
+
sideInRange: getSideInRange(value, date, hoveredYear, isSelected),
|
140
|
+
onClick: disabled ? undefined : handleOnChangeYear(i, j),
|
141
|
+
onMouseOver: disabled ? undefined : handleOnHoverYear,
|
73
142
|
key: "StyledYear-".concat(i, "-").concat(j),
|
74
|
-
"
|
75
|
-
|
143
|
+
role: "gridcell",
|
144
|
+
"data-year": yearValue,
|
145
|
+
"data-month-index": date.monthIndex,
|
146
|
+
"data-day": date.day,
|
147
|
+
"aria-label": String(yearValue),
|
148
|
+
disabledArrowKey: disabledArrowKey,
|
149
|
+
disabledMonths: disabledDates,
|
150
|
+
isDayInCurrentMonth: true
|
151
|
+
}, yearValue);
|
76
152
|
}));
|
77
153
|
}));
|
78
154
|
};
|
@@ -1,36 +1,9 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import { addSelected, flexCenter } from '../../mixins';
|
2
|
+
import { tokens } from '../../Calendar.tokens';
|
3
|
+
import { flexCenter } from '../../mixins';
|
5
4
|
export var StyledCalendarYears = /*#__PURE__*/styled.div.withConfig({
|
6
5
|
componentId: "plasma-new-hope__sc-153qwc7-0"
|
7
6
|
})(["padding:var(", ");box-sizing:border-box;"], tokens.calendarYearsPadding);
|
8
7
|
export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
|
9
8
|
componentId: "plasma-new-hope__sc-153qwc7-1"
|
10
|
-
})(["", ";"], /*#__PURE__*/String(flexCenter));
|
11
|
-
export var StyledYear = /*#__PURE__*/styled.div.withConfig({
|
12
|
-
componentId: "plasma-new-hope__sc-153qwc7-2"
|
13
|
-
})(["border-radius:calc(var(", ") - 0.125rem);", ";"], tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(flexCenter));
|
14
|
-
export var StyledYearRoot = /*#__PURE__*/styled.div.withConfig({
|
15
|
-
componentId: "plasma-new-hope__sc-153qwc7-3"
|
16
|
-
})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";&.", "{", ";}"], tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontWeight, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearItemHeight, tokens.calendarYearItemWidth, tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/addSelected({
|
17
|
-
minWidth: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemWidth, ") - 0.25rem)"),
|
18
|
-
minHeight: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemHeight, ") - 0.25rem)"),
|
19
|
-
selectedFontWeight: /*#__PURE__*/"var(".concat(tokens.calendarYearSelectedFontWeight, ")"),
|
20
|
-
selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
|
21
|
-
selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
|
22
|
-
selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
|
23
|
-
currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
|
24
|
-
activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
|
25
|
-
activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
|
26
|
-
}), /*#__PURE__*/addFocus({
|
27
|
-
outlineSize: '0.063rem',
|
28
|
-
outlineOffset: '-0.125rem',
|
29
|
-
outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
|
30
|
-
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
|
31
|
-
}), classes.currentItem, /*#__PURE__*/addFocus({
|
32
|
-
outlineSize: '0.063rem',
|
33
|
-
outlineOffset: '-0.1875rem',
|
34
|
-
outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
|
35
|
-
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
|
36
|
-
}));
|
9
|
+
})(["", ";"], /*#__PURE__*/String(flexCenter));
|
@@ -1,17 +1,18 @@
|
|
1
|
-
var _excluded = ["isFocused", "dayOfWeek", "disabled", "isCurrent", "isSelected", "isDayInCurrentMonth", "isDouble", "inRange", "isHovered", "sideInRange", "eventList", "day", "monthIndex", "year", "onClick", "onMouseOver", "onFocus", "disabledArrowKey", "disabledMonths"];
|
1
|
+
var _excluded = ["children", "isFocused", "dayOfWeek", "disabled", "isCurrent", "isSelected", "isDayInCurrentMonth", "isDouble", "inRange", "isHovered", "sideInRange", "eventList", "day", "monthIndex", "year", "onClick", "onMouseOver", "onFocus", "disabledArrowKey", "disabledMonths"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
5
5
|
import React, { forwardRef, memo } from 'react';
|
6
6
|
import { cx } from '../../../../utils';
|
7
7
|
import { classes } from '../../Calendar.tokens';
|
8
|
-
import {
|
8
|
+
import { StyledItem, StyledItemRoot, StyledEvent, StyledEvents } from './DateStructureItem.styles';
|
9
9
|
|
10
10
|
/**
|
11
|
-
* Компонент
|
11
|
+
* Компонент элемента даты в сетке календаря.
|
12
12
|
*/
|
13
|
-
export var
|
14
|
-
var
|
13
|
+
export var DateStructureItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, outerRef) {
|
14
|
+
var children = _ref.children,
|
15
|
+
isFocused = _ref.isFocused,
|
15
16
|
dayOfWeek = _ref.dayOfWeek,
|
16
17
|
disabled = _ref.disabled,
|
17
18
|
isCurrent = _ref.isCurrent,
|
@@ -33,20 +34,21 @@ export var CalendarDayItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function
|
|
33
34
|
disabledMonths = _ref.disabledMonths,
|
34
35
|
rest = _objectWithoutProperties(_ref, _excluded);
|
35
36
|
var selectableClass = !dayOfWeek && !disabled ? classes.selectableItem : undefined;
|
36
|
-
var selectedClass = isSelected ? classes.selectedItem : undefined;
|
37
|
-
var currentClass = isCurrent ? classes.currentItem : undefined;
|
38
|
-
var hoveredClass = isHovered ? classes.hoveredItem : undefined;
|
37
|
+
var selectedClass = isDayInCurrentMonth && isSelected ? classes.selectedItem : undefined;
|
38
|
+
var currentClass = isDayInCurrentMonth && isCurrent ? classes.currentItem : undefined;
|
39
|
+
var hoveredClass = isDayInCurrentMonth && isHovered ? classes.hoveredItem : undefined;
|
39
40
|
var dayOfWeekClass = dayOfWeek ? classes.dayOfWeek : undefined;
|
40
|
-
var
|
41
|
-
var
|
42
|
-
var
|
43
|
-
var
|
44
|
-
var
|
45
|
-
var
|
41
|
+
var dayInCurrentMonthClass = isDayInCurrentMonth ? classes.dayInCurrentMonth : undefined;
|
42
|
+
var disabledClass = disabled && !isCurrent ? classes.disabled : undefined;
|
43
|
+
var disabledCurrentClass = disabled && isCurrent ? classes.disabledCurrent : undefined;
|
44
|
+
var sideInRangeLeft = isDayInCurrentMonth && sideInRange === 'left' ? classes.sideLeft : undefined;
|
45
|
+
var sideInRangeRight = isDayInCurrentMonth && sideInRange === 'right' ? classes.sideRight : undefined;
|
46
|
+
var sideInRangeClass = isDayInCurrentMonth && sideInRange ? classes.sideInRange : undefined;
|
47
|
+
var inRangeStyle = isDayInCurrentMonth && inRange ? classes.inRange : undefined;
|
46
48
|
var sideOffset = !isSelected && isCurrent ? -1 : 0;
|
47
|
-
return /*#__PURE__*/React.createElement(
|
49
|
+
return /*#__PURE__*/React.createElement(StyledItemRoot, _extends({
|
48
50
|
ref: outerRef,
|
49
|
-
className: cx(dayOfWeekClass, selectableClass, selectedClass, currentClass, disabledClass, disabledCurrentClass, hoveredClass),
|
51
|
+
className: cx(dayOfWeekClass, selectableClass, selectedClass, currentClass, disabledClass, disabledCurrentClass, hoveredClass, dayInCurrentMonthClass),
|
50
52
|
tabIndex: isFocused ? 0 : -1,
|
51
53
|
dayOfWeek: dayOfWeek,
|
52
54
|
isCurrent: isCurrent,
|
@@ -66,10 +68,10 @@ export var CalendarDayItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function
|
|
66
68
|
"aria-selected": isSelected,
|
67
69
|
"aria-disabled": disabled,
|
68
70
|
"aria-describedby": disabled ? 'withShift' : undefined
|
69
|
-
}, rest), /*#__PURE__*/React.createElement(
|
71
|
+
}, rest), /*#__PURE__*/React.createElement(StyledItem, {
|
70
72
|
className: cx(sideInRangeClass, sideInRangeLeft, sideInRangeRight, inRangeStyle),
|
71
73
|
offset: sideOffset
|
72
|
-
},
|
74
|
+
}, children), /*#__PURE__*/React.createElement(StyledEvents, {
|
73
75
|
"aria-hidden": true
|
74
76
|
}, [eventList[0], eventList[1], eventList[2]].map(function (event, i) {
|
75
77
|
return event && /*#__PURE__*/React.createElement(StyledEvent, _extends({
|
package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js
ADDED
@@ -0,0 +1,65 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { classes, innerTokens, tokens } from '../../Calendar.tokens';
|
3
|
+
import { addFocus } from '../../../../mixins';
|
4
|
+
import { addActive, addSelected, flexCenter } from '../../mixins';
|
5
|
+
var inRange = function inRange() {
|
6
|
+
return "\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 100%;\n height: calc(100% - 0.125rem);\n background: var(".concat(tokens.calendarRangeBackground, ");\n }\n");
|
7
|
+
};
|
8
|
+
var sideInRange = function sideInRange() {
|
9
|
+
return "\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.75rem;\n height: calc(100% - 0.125rem);\n background: var(".concat(tokens.calendarRangeBackground, ");\n }\n");
|
10
|
+
};
|
11
|
+
export var StyledItem = /*#__PURE__*/styled.div.withConfig({
|
12
|
+
componentId: "plasma-new-hope__sc-14wxiia-0"
|
13
|
+
})(["border-radius:calc(var(", ") - 0.125rem);", ";&.", "{", ";}&.", "{", ";}&.", "{&:before{left:", ";}}&.", "{&:before{right:", ";}}"], innerTokens.dateStructureBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/String(classes.inRange), /*#__PURE__*/inRange(), /*#__PURE__*/String(classes.sideInRange), /*#__PURE__*/sideInRange(), /*#__PURE__*/String(classes.sideLeft), function (_ref) {
|
14
|
+
var offset = _ref.offset;
|
15
|
+
return "".concat(offset, "px");
|
16
|
+
}, /*#__PURE__*/String(classes.sideRight), function (_ref2) {
|
17
|
+
var offset = _ref2.offset;
|
18
|
+
return "".concat(offset, "px");
|
19
|
+
});
|
20
|
+
var disabledItem = function disabledItem() {
|
21
|
+
return "\n cursor: not-allowed;\n opacity: 0.4;\n";
|
22
|
+
};
|
23
|
+
var disabledCurrentItem = function disabledCurrentItem() {
|
24
|
+
return "\n ".concat(disabledItem(), ";\n");
|
25
|
+
};
|
26
|
+
export var StyledItemRoot = /*#__PURE__*/styled.div.withConfig({
|
27
|
+
componentId: "plasma-new-hope__sc-14wxiia-1"
|
28
|
+
})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-width:var(", ");min-height:var(", ");border-radius:var(", ");", ";color:", ";&.", "{", ";", ";&.", "{", ";}}&.", ":not(.", "){", ";}&.", "{color:var(", ");}&.", "{", ";}&.", "{", ";}&.", "{& > .", ":before{width:calc(100% + 2px);height:100%;}& > .", ":before{width:100%;right:-1px;left:unset;}& > .", ":before{width:100%;left:-1px;right:unset;}}"], innerTokens.dateStructureFontFamily, innerTokens.dateStructureFontSize, innerTokens.dateStructureFontStyle, innerTokens.dateStructureFontWeight, innerTokens.dateStructureFontLetterSpacing, innerTokens.dateStructureFontLineHeight, innerTokens.dateStructureWidth, innerTokens.dateStructureHeight, innerTokens.dateStructureBorderRadius, /*#__PURE__*/String(flexCenter), function (_ref3) {
|
29
|
+
var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
|
30
|
+
return isDayInCurrentMonth ? "var(".concat(tokens.calendarContentPrimaryColor, ")") : "var(".concat(tokens.calendarContentSecondaryColor, ")");
|
31
|
+
}, /*#__PURE__*/String(classes.selectableItem), /*#__PURE__*/addSelected({
|
32
|
+
minWidth: /*#__PURE__*/"calc(var(".concat(innerTokens.dateStructureWidth, ") - 0.25rem)"),
|
33
|
+
minHeight: /*#__PURE__*/"calc(var(".concat(innerTokens.dateStructureHeight, ") - 0.25rem)"),
|
34
|
+
selectedFontWeight: /*#__PURE__*/"var(".concat(innerTokens.dateStructureSelectedFontWeight, ")"),
|
35
|
+
selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
|
36
|
+
selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
|
37
|
+
selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
|
38
|
+
currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
|
39
|
+
activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
|
40
|
+
activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
|
41
|
+
}), /*#__PURE__*/addFocus({
|
42
|
+
outlineSize: '0.063rem',
|
43
|
+
outlineOffset: '-0.125rem',
|
44
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
|
45
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(innerTokens.dateStructureBorderRadius, ") + 0.125rem)")
|
46
|
+
}), classes.currentItem, /*#__PURE__*/addFocus({
|
47
|
+
outlineSize: '0.063rem',
|
48
|
+
outlineOffset: '-0.1875rem',
|
49
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
|
50
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(innerTokens.dateStructureBorderRadius, ") + 0.125rem)")
|
51
|
+
}), classes.dayInCurrentMonth, classes.disabled, /*#__PURE__*/addActive({
|
52
|
+
activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
|
53
|
+
activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")"),
|
54
|
+
activeFontWeight: /*#__PURE__*/"var(".concat(innerTokens.dateStructureSelectedFontWeight, ")")
|
55
|
+
}), classes.dayOfWeek, tokens.calendarDayOfWeekColor, classes.disabled, /*#__PURE__*/disabledItem(), classes.disabledCurrent, /*#__PURE__*/disabledCurrentItem(), classes.currentItem, classes.inRange, classes.sideRight, classes.sideLeft);
|
56
|
+
export var StyledEvents = /*#__PURE__*/styled.div.withConfig({
|
57
|
+
componentId: "plasma-new-hope__sc-14wxiia-2"
|
58
|
+
})(["display:flex;position:absolute;bottom:0.25rem;"]);
|
59
|
+
export var StyledEvent = /*#__PURE__*/styled.div.withConfig({
|
60
|
+
componentId: "plasma-new-hope__sc-14wxiia-3"
|
61
|
+
})(["margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:", ";"], function (_ref4) {
|
62
|
+
var _ref4$color = _ref4.color,
|
63
|
+
color = _ref4$color === void 0 ? 'var(--plasma-colors-accent)' : _ref4$color;
|
64
|
+
return color;
|
65
|
+
});
|
package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.types.js
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -1,4 +1,5 @@
|
|
1
1
|
export { CalendarHeader } from './CalendarHeader/CalendarHeader';
|
2
2
|
export { CalendarDays } from './CalendarDays/CalendarDays';
|
3
3
|
export { CalendarMonths } from './CalendarMonths/CalendarMonths';
|
4
|
+
export { CalendarQuarters } from './CalendarQuarters/CalendarQuarters';
|
4
5
|
export { CalendarYears } from './CalendarYears/CalendarYears';
|
@@ -0,0 +1,158 @@
|
|
1
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
2
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
3
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
4
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
5
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
6
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
7
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
8
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
9
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
11
|
+
import { isSelectProcess } from './calendarRangeHelper';
|
12
|
+
import { MONTH_NAMES, YEAR_RENDER_COUNT } from './constants';
|
13
|
+
export var getDaysInMonth = function getDaysInMonth(monthIndex, year) {
|
14
|
+
return new Date(year, monthIndex + 1, 0).getDate();
|
15
|
+
};
|
16
|
+
export var getOffsetDayInWeek = function getOffsetDayInWeek(monthIndex, year) {
|
17
|
+
return (new Date(year, monthIndex).getDay() || 7) - 1;
|
18
|
+
};
|
19
|
+
export var getStartYear = function getStartYear(year) {
|
20
|
+
return Math.floor(year / YEAR_RENDER_COUNT) * YEAR_RENDER_COUNT;
|
21
|
+
};
|
22
|
+
export var getNextDate = function getNextDate(currentYear, currentMonth) {
|
23
|
+
return currentMonth + 1 === MONTH_NAMES.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
|
24
|
+
};
|
25
|
+
export var getPrevDate = function getPrevDate(currentYear, currentMonth) {
|
26
|
+
return currentMonth - 1 < 0 ? [currentYear - 1, 11] : [currentYear, currentMonth - 1];
|
27
|
+
};
|
28
|
+
export var getDateFromValue = function getDateFromValue(date) {
|
29
|
+
var state = date || new Date();
|
30
|
+
return {
|
31
|
+
day: date !== undefined ? state.getDate() : 0,
|
32
|
+
monthIndex: state.getMonth(),
|
33
|
+
year: state.getFullYear()
|
34
|
+
};
|
35
|
+
};
|
36
|
+
export var getDateFromNow = function getDateFromNow() {
|
37
|
+
var nowDate = new Date();
|
38
|
+
return {
|
39
|
+
day: nowDate.getDate(),
|
40
|
+
monthIndex: nowDate.getMonth(),
|
41
|
+
year: nowDate.getFullYear()
|
42
|
+
};
|
43
|
+
};
|
44
|
+
export var IsCurrentDay = function IsCurrentDay(date, currentDay) {
|
45
|
+
var _getDateFromNow = getDateFromNow(),
|
46
|
+
day = _getDateFromNow.day,
|
47
|
+
currentMonthIndex = _getDateFromNow.monthIndex,
|
48
|
+
currentYear = _getDateFromNow.year;
|
49
|
+
return day === currentDay && date.monthIndex === currentMonthIndex && date.year === currentYear;
|
50
|
+
};
|
51
|
+
export var isSelectedDay = function isSelectedDay(date, currentDay, value) {
|
52
|
+
if (!value) {
|
53
|
+
return false;
|
54
|
+
}
|
55
|
+
var _getDateFromValue = getDateFromValue(value),
|
56
|
+
day = _getDateFromValue.day,
|
57
|
+
monthIndex = _getDateFromValue.monthIndex,
|
58
|
+
year = _getDateFromValue.year;
|
59
|
+
return day === currentDay && date.monthIndex === monthIndex && date.year === year;
|
60
|
+
};
|
61
|
+
export var isCurrentMonth = function isCurrentMonth(date, monthIndex) {
|
62
|
+
var _getDateFromNow2 = getDateFromNow(),
|
63
|
+
currentMonthIndex = _getDateFromNow2.monthIndex,
|
64
|
+
currentYear = _getDateFromNow2.year;
|
65
|
+
return monthIndex === currentMonthIndex && date.year === currentYear;
|
66
|
+
};
|
67
|
+
export var isSelectedMonth = function isSelectedMonth(date, currentMonth, value) {
|
68
|
+
if (!value) {
|
69
|
+
return false;
|
70
|
+
}
|
71
|
+
var _getDateFromValue2 = getDateFromValue(value),
|
72
|
+
monthIndex = _getDateFromValue2.monthIndex,
|
73
|
+
year = _getDateFromValue2.year;
|
74
|
+
return currentMonth === monthIndex && date.year === year;
|
75
|
+
};
|
76
|
+
export var isCurrentYear = function isCurrentYear(year) {
|
77
|
+
var _getDateFromNow3 = getDateFromNow(),
|
78
|
+
currentYear = _getDateFromNow3.year;
|
79
|
+
return year === currentYear;
|
80
|
+
};
|
81
|
+
export var isSelectedYear = function isSelectedYear(yearValue, value) {
|
82
|
+
if (!value) {
|
83
|
+
return false;
|
84
|
+
}
|
85
|
+
var _getDateFromValue3 = getDateFromValue(value),
|
86
|
+
year = _getDateFromValue3.year;
|
87
|
+
return yearValue === year;
|
88
|
+
};
|
89
|
+
|
90
|
+
/**
|
91
|
+
* Метод для получения набора неповторяющихся дат.
|
92
|
+
*/
|
93
|
+
export var getPropsMap = function getPropsMap(props) {
|
94
|
+
return props.reduce(function (acc, prop) {
|
95
|
+
var _getDateFromValue4 = getDateFromValue(prop.date),
|
96
|
+
year = _getDateFromValue4.year,
|
97
|
+
monthIndex = _getDateFromValue4.monthIndex,
|
98
|
+
day = _getDateFromValue4.day;
|
99
|
+
var key = "".concat(year, "-").concat(monthIndex, "-").concat(day);
|
100
|
+
var propList = acc.get(key) || [];
|
101
|
+
propList.push(prop);
|
102
|
+
return acc.set(key, propList);
|
103
|
+
}, new Map());
|
104
|
+
};
|
105
|
+
|
106
|
+
/**
|
107
|
+
* Метод проверяет, можно ли выбрать день.
|
108
|
+
*/
|
109
|
+
export var canSelectDate = function canSelectDate(_ref, value, disabledList) {
|
110
|
+
var year = _ref.year,
|
111
|
+
monthIndex = _ref.monthIndex,
|
112
|
+
day = _ref.day;
|
113
|
+
if (!isSelectProcess(value)) {
|
114
|
+
return true;
|
115
|
+
}
|
116
|
+
var hoverDate = new Date(year, monthIndex, day);
|
117
|
+
var _value = _slicedToArray(value, 1),
|
118
|
+
startDate = _value[0];
|
119
|
+
if (!(disabledList !== null && disabledList !== void 0 && disabledList.length)) {
|
120
|
+
return true;
|
121
|
+
}
|
122
|
+
var offDisabledRange = disabledList.some(function (_ref2) {
|
123
|
+
var date = _ref2.date;
|
124
|
+
return startDate < date && date < hoverDate || startDate > date && date > hoverDate;
|
125
|
+
});
|
126
|
+
return !offDisabledRange;
|
127
|
+
};
|
128
|
+
|
129
|
+
/**
|
130
|
+
* Метод для получения двумерного массива и возвращения выбранного элемента.
|
131
|
+
*/
|
132
|
+
export var getMatrix = function getMatrix(items) {
|
133
|
+
var rowSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 7;
|
134
|
+
var newItems = _toConsumableArray(items);
|
135
|
+
var selected;
|
136
|
+
var result = newItems.reduce(function (acc, item, index) {
|
137
|
+
if (index % rowSize === 0) {
|
138
|
+
acc.push([]);
|
139
|
+
}
|
140
|
+
acc[acc.length - 1].push(item);
|
141
|
+
if (item.isSelected) {
|
142
|
+
selected = [acc.length - 1, index % rowSize];
|
143
|
+
}
|
144
|
+
return acc;
|
145
|
+
}, []);
|
146
|
+
return [result, selected];
|
147
|
+
};
|
148
|
+
export var getCalendarType = function getCalendarType(type) {
|
149
|
+
switch (type) {
|
150
|
+
case 'Months':
|
151
|
+
case 'Quarters':
|
152
|
+
return 'год';
|
153
|
+
case 'Years':
|
154
|
+
return 'период';
|
155
|
+
default:
|
156
|
+
return 'месяц';
|
157
|
+
}
|
158
|
+
};
|