@salutejs/plasma-new-hope 0.109.0-canary.1310.10007111729.0 → 0.109.1-canary.1301.10056166255.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Accordion/Accordion.js +1 -1
- package/cjs/components/Accordion/Accordion.js.map +1 -1
- package/cjs/components/Accordion/Accordion.tokens.js +4 -1
- package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +16 -9
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Accordion/utils/index.js +4 -3
- package/cjs/components/Accordion/utils/index.js.map +1 -1
- 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/Accordion/Accordion.js +1 -1
- package/emotion/cjs/components/Accordion/Accordion.tokens.js +4 -1
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +19 -7
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/emotion/cjs/components/Accordion/utils/index.js +4 -3
- 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/Accordion/Accordion.config.js +6 -6
- package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +5 -3
- 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/Accordion/Accordion.config.js +8 -8
- package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +6 -4
- 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/Accordion/Accordion.js +1 -1
- package/emotion/es/components/Accordion/Accordion.tokens.js +4 -1
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +20 -7
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/emotion/es/components/Accordion/utils/index.js +4 -3
- 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/Accordion/Accordion.config.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +5 -3
- 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/Accordion/Accordion.config.js +8 -8
- package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +6 -4
- 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/Accordion/Accordion.js +1 -1
- package/es/components/Accordion/Accordion.js.map +1 -1
- package/es/components/Accordion/Accordion.tokens.js +4 -1
- package/es/components/Accordion/Accordion.tokens.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +15 -8
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Accordion/utils/index.js +4 -3
- package/es/components/Accordion/utils/index.js.map +1 -1
- 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/Accordion/Accordion.js +1 -1
- package/styled-components/cjs/components/Accordion/Accordion.tokens.js +4 -1
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +19 -7
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/styled-components/cjs/components/Accordion/utils/index.js +4 -3
- 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/Accordion/Accordion.config.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +5 -3
- 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/Accordion/Accordion.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +6 -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/Accordion/Accordion.js +1 -1
- package/styled-components/es/components/Accordion/Accordion.tokens.js +4 -1
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +20 -7
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
- package/styled-components/es/components/Accordion/utils/index.js +4 -3
- 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/Accordion/Accordion.config.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +5 -3
- 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/Accordion/Accordion.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +6 -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/Accordion/Accordion.tokens.d.ts +3 -0
- package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +5 -0
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +1 -1
- package/types/components/Accordion/utils/index.d.ts +4 -2
- package/types/components/Accordion/utils/index.d.ts.map +1 -1
- 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/Accordion/Accordion.config.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/Accordion/Accordion.config.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
@@ -6,6 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.customDayjs = void 0;
|
7
7
|
var _dayjs = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("dayjs"));
|
8
8
|
var _customParseFormat = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("dayjs/plugin/customParseFormat"));
|
9
|
+
var _quarterOfYear = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("dayjs/plugin/quarterOfYear"));
|
10
|
+
var _advancedFormat = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("dayjs/plugin/advancedFormat"));
|
9
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
12
|
_dayjs["default"].extend(_customParseFormat["default"]);
|
13
|
+
_dayjs["default"].extend(_quarterOfYear["default"]);
|
14
|
+
_dayjs["default"].extend(_advancedFormat["default"]);
|
11
15
|
var customDayjs = exports.customDayjs = _dayjs["default"];
|
@@ -58,7 +58,7 @@ export var accordionRoot = function accordionRoot(Root) {
|
|
58
58
|
size: size,
|
59
59
|
view: view,
|
60
60
|
className: cx(stretchingClass, classes.accordionRoot, className)
|
61
|
-
}, getChildren(childrenArray, activeIndex, disabled, updateValue));
|
61
|
+
}, getChildren(childrenArray, activeIndex, view, disabled, updateValue));
|
62
62
|
});
|
63
63
|
};
|
64
64
|
export var accordionConfig = {
|
@@ -6,7 +6,8 @@ export var classes = {
|
|
6
6
|
clearAccordionItem: 'clear-accordion-item',
|
7
7
|
accordionItemShowBody: 'accordion-item-show-body',
|
8
8
|
accordionPlusAnimationElement: 'accordion-plus-animation-element',
|
9
|
-
accordionDisabled: 'accordion-disabled'
|
9
|
+
accordionDisabled: 'accordion-disabled',
|
10
|
+
accordionItemBody: 'accordion-item-body'
|
10
11
|
};
|
11
12
|
export var tokens = {
|
12
13
|
accordionGap: '--plasma-accordion-gap',
|
@@ -17,8 +18,10 @@ export var tokens = {
|
|
17
18
|
accordionItemPadding: '--plasma-accordion-item-padding',
|
18
19
|
accordionItemPaddingVertical: '--plasma-accordion-item-padding-vertical',
|
19
20
|
accordionItemPaddingHorizontal: '--plasma-accordion-item-padding-horizontal',
|
21
|
+
accordionItemPaddingHorizontalLeft: '--plasma-accordion-item-padding-horizontal-left',
|
20
22
|
accordionItemGap: '--plasma-accordion-item-gap',
|
21
23
|
accordionItemFocus: '--plasma-accordion-item-focus',
|
24
|
+
accordionItemBorder: '--plasma-accordion-item-border',
|
22
25
|
accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
|
23
26
|
accordionItemTitleColor: '--plasma-accordion-item-title-color',
|
24
27
|
accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
|
@@ -1,4 +1,10 @@
|
|
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); }
|
1
2
|
var _StyledMinus, _StyledArrow;
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
5
|
+
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; }
|
6
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
7
|
+
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); }
|
2
8
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
3
9
|
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."); }
|
4
10
|
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,6 +14,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
8
14
|
import React, { useState, useRef, useEffect } from 'react';
|
9
15
|
import { convertRoundnessMatrix } from '../../../../utils/roundness';
|
10
16
|
import { classes, tokens } from '../../Accordion.tokens';
|
17
|
+
import { cx } from '../../../../utils';
|
11
18
|
import { StyledAccordionItem, StyledAccordionHeader, StyledAccordionBody, StyledAccordionTitle, StyledAccordionContentLeft, StyledAccordionHeaderLeft, StyledAccordionContentRight, StyledArrow, StyledMinus, StyledPlus, StyledAccordionBodyAnimate } from './AccordionItem.styles';
|
12
19
|
export var AccordionItem = function AccordionItem(_ref) {
|
13
20
|
var _ref2;
|
@@ -21,8 +28,13 @@ export var AccordionItem = function AccordionItem(_ref) {
|
|
21
28
|
_ref$type = _ref.type,
|
22
29
|
type = _ref$type === void 0 ? 'sign' : _ref$type,
|
23
30
|
index = _ref.index,
|
31
|
+
className = _ref.className,
|
32
|
+
style = _ref.style,
|
24
33
|
eventKey = _ref.eventKey,
|
25
34
|
disabled = _ref.disabled,
|
35
|
+
_ref$alignWithTitle = _ref.alignWithTitle,
|
36
|
+
alignWithTitle = _ref$alignWithTitle === void 0 ? true : _ref$alignWithTitle,
|
37
|
+
view = _ref.view,
|
26
38
|
onChange = _ref.onChange;
|
27
39
|
var key = (_ref2 = eventKey !== null && eventKey !== void 0 ? eventKey : index) !== null && _ref2 !== void 0 ? _ref2 : 0;
|
28
40
|
var _useState = useState(),
|
@@ -41,7 +53,7 @@ export var AccordionItem = function AccordionItem(_ref) {
|
|
41
53
|
useEffect(function () {
|
42
54
|
var _leftContentRef$curre, _leftContentRef$curre2;
|
43
55
|
var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
|
44
|
-
var leftPaddingBody = leftContentWidth ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
|
56
|
+
var leftPaddingBody = leftContentWidth && (alignWithTitle || view === 'clear') ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
|
45
57
|
setLeftPadding(leftPaddingBody);
|
46
58
|
}, [value, type, leftContentRef, setLeftPadding]);
|
47
59
|
var openedBodyClass = value ? classes.accordionItemShowBody : undefined;
|
@@ -65,16 +77,15 @@ export var AccordionItem = function AccordionItem(_ref) {
|
|
65
77
|
var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPLus, null) : undefined;
|
66
78
|
var rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;
|
67
79
|
return /*#__PURE__*/React.createElement(StyledAccordionItem, {
|
68
|
-
className: classes.accordionItem,
|
80
|
+
className: cx(classes.accordionItem, className, disabledClass),
|
69
81
|
key: key,
|
70
|
-
style: {
|
82
|
+
style: _objectSpread({
|
71
83
|
borderRadius: accordionBorderRadius
|
72
|
-
}
|
84
|
+
}, style)
|
73
85
|
}, /*#__PURE__*/React.createElement(StyledAccordionHeader, {
|
74
86
|
role: "tab",
|
75
87
|
tabIndex: 0,
|
76
88
|
onClick: handleOpen,
|
77
|
-
className: disabledClass,
|
78
89
|
"aria-expanded": value,
|
79
90
|
"aria-controls": "accordion-item-section".concat(key),
|
80
91
|
id: "accordion-item-".concat(key)
|
@@ -87,9 +98,11 @@ export var AccordionItem = function AccordionItem(_ref) {
|
|
87
98
|
"aria-labelledby": "accordion-item-".concat(key),
|
88
99
|
"aria-hidden": !value,
|
89
100
|
id: "accordion-item-section".concat(key),
|
90
|
-
className: openedBodyClass,
|
101
|
+
className: cx(openedBodyClass),
|
91
102
|
style: {
|
92
103
|
paddingLeft: "".concat(leftPadding)
|
93
104
|
}
|
94
|
-
}, /*#__PURE__*/React.createElement(StyledAccordionBody,
|
105
|
+
}, /*#__PURE__*/React.createElement(StyledAccordionBody, {
|
106
|
+
className: classes.accordionItemBody
|
107
|
+
}, children)));
|
95
108
|
};
|
@@ -4,8 +4,8 @@ import styled from 'styled-components';
|
|
4
4
|
import { IconChevronDownFill, IconMinus } from '../../../_Icon';
|
5
5
|
import { classes, tokens } from '../../Accordion.tokens';
|
6
6
|
import { addFocus } from '../../../../mixins';
|
7
|
-
export var StyledAccordionItem = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n background: var(", ");\n border-bottom: var(", ");\n\n &:last-child {\n border-bottom:
|
8
|
-
export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n width: 100%;\n border: none;\n padding: var(", ");\n display: flex;\n gap: var(", ");\n justify-content: space-between;\n align-items: center;\n background: none;\n box-sizing: border-box;\n cursor: pointer;\n\n
|
7
|
+
export var StyledAccordionItem = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n background: var(", ");\n border: var(", ");\n border-bottom: var(", ");\n\n &:last-child {\n border-bottom: var(", ");\n }\n\n &.", " {\n opacity: 0.4;\n cursor: not-allowed;\n }\n"])), tokens.accordionItemBackground, tokens.accordionItemBorder, tokens.accordionItemBorderBottom, tokens.accordionItemBorder, classes.accordionDisabled);
|
8
|
+
export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n width: 100%;\n border: none;\n padding: var(", ");\n display: flex;\n gap: var(", ");\n justify-content: space-between;\n align-items: center;\n background: none;\n box-sizing: border-box;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n\n ", "\n"])), tokens.accordionItemPadding, tokens.accordionItemGap, /*#__PURE__*/addFocus({
|
9
9
|
outlineOffset: '0.125rem',
|
10
10
|
outlineSize: '0.125rem',
|
11
11
|
outlineRadius: '0',
|
@@ -14,9 +14,9 @@ export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 |
|
|
14
14
|
export var StyledAccordionHeaderLeft = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n gap: var(", ");\n justify-content: space-between;\n align-items: center;\n"])), tokens.accordionItemGap);
|
15
15
|
export var StyledAccordionContentRight = /*#__PURE__*/styled.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n transition: 0.2s;\n transform: rotate(90deg);\n\n &.", " {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n"])), classes.accordionItemShowBody);
|
16
16
|
export var StyledAccordionContentLeft = /*#__PURE__*/styled.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n transition: 0.2s;\n display: flex;\n align-items: center;\n\n &.", " {\n transition: 0.2s;\n transform: rotate(180deg);\n }\n"])), classes.accordionItemShowBody);
|
17
|
-
export var StyledAccordionTitle = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(", ");\n font-family: var(", ");\n font-size: var(", ");\n font-weight: var(", ");\n font-style: var(", ");\n letter-spacing: var(", ");\n line-height: var(", ");\n"])), tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
|
17
|
+
export var StyledAccordionTitle = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(", ");\n font-family: var(", ");\n font-size: var(", ");\n font-weight: var(", ");\n font-style: var(", ");\n letter-spacing: var(", ");\n line-height: var(", ");\n text-align: left;\n"])), tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
|
18
18
|
export var StyledAccordionBodyAnimate = /*#__PURE__*/styled.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.2s ease-out;\n overflow: hidden;\n\n &.", " {\n grid-template-rows: 1fr;\n padding-bottom: var(", ");\n\n &.", " {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n }\n"])), classes.accordionItemShowBody, tokens.accordionItemPaddingVertical, classes.accordionPlusAnimationElement);
|
19
|
-
export var StyledAccordionBody = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(", ");\n font-family: var(", ");\n font-size: var(", ");\n font-weight: var(", ");\n font-style: var(", ");\n letter-spacing: var(", ");\n line-height: var(", ");\n overflow: hidden;\n padding-right: var(", ");\n padding-left: var(", ");\n"])), tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.
|
19
|
+
export var StyledAccordionBody = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(", ");\n font-family: var(", ");\n font-size: var(", ");\n font-weight: var(", ");\n font-style: var(", ");\n letter-spacing: var(", ");\n line-height: var(", ");\n overflow: hidden;\n padding-right: var(", ");\n padding-left: var(", ");\n text-align: left;\n"])), tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontalLeft);
|
20
20
|
export var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n pointer-events: none;\n user-select: none;\n color: var(", ");\n"])), tokens.accordionItemTextColor);
|
21
21
|
export var StyledMinus = /*#__PURE__*/styled(IconMinus)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n pointer-events: none;\n user-select: none;\n color: var(", ");\n display: flex;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n\n &.", " {\n transition: 0.2s;\n transform: rotate(90deg);\n }\n\n &.", " {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n"])), tokens.accordionItemTextColor, classes.accordionPlusAnimationElement, classes.accordionItemShowBody);
|
22
22
|
export var StyledPlus = /*#__PURE__*/styled.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n"])));
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { Children, cloneElement, isValidElement } from 'react';
|
2
|
-
export var updatePropsRecursively = function updatePropsRecursively(children, activeIndex, disabled, updateValue) {
|
2
|
+
export var updatePropsRecursively = function updatePropsRecursively(children, activeIndex, view, disabled, updateValue) {
|
3
3
|
return Children.map(children || [], function (child, index) {
|
4
4
|
if (! /*#__PURE__*/isValidElement(child)) {
|
5
5
|
return child;
|
@@ -10,12 +10,13 @@ export var updatePropsRecursively = function updatePropsRecursively(children, ac
|
|
10
10
|
var _child$props$eventKey;
|
11
11
|
return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
|
12
12
|
})) !== -1),
|
13
|
+
view: view,
|
13
14
|
disabled: disabled,
|
14
15
|
onChange: updateValue
|
15
16
|
};
|
16
17
|
return /*#__PURE__*/cloneElement(child, props);
|
17
18
|
});
|
18
19
|
};
|
19
|
-
export var getChildren = function getChildren(children, activeIndex, disabled, updateValue) {
|
20
|
-
return updatePropsRecursively(children, activeIndex, disabled, updateValue);
|
20
|
+
export var getChildren = function getChildren(children, activeIndex, view, disabled, updateValue) {
|
21
|
+
return updatePropsRecursively(children, activeIndex, view, disabled, updateValue);
|
21
22
|
};
|
@@ -3,7 +3,10 @@ id: calendar
|
|
3
3
|
title: Calendar
|
4
4
|
---
|
5
5
|
|
6
|
-
import { PropsTable, Description } from '@site/src/components';
|
6
|
+
import { PropsTable, Description, StorybookLink } from '@site/src/components';
|
7
|
+
|
8
|
+
import Tabs from '@theme/Tabs';
|
9
|
+
import TabItem from '@theme/TabItem';
|
7
10
|
|
8
11
|
# Calendar
|
9
12
|
Компоненты календарей для выбора даты или диапазона дат.
|
@@ -15,194 +18,277 @@ import { PropsTable, Description } from '@site/src/components';
|
|
15
18
|
|
16
19
|
Представляет собой универсальный компонент `Calendar`, в котором можно настроить любое доступное представление: базовый, двойной, базовый с диапазоном, двойной с диапазоном.
|
17
20
|
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
<
|
21
|
+
<Tabs>
|
22
|
+
<TabItem value="calendar" label="Calendar" default>
|
23
|
+
```tsx live
|
24
|
+
import React from 'react';
|
25
|
+
import { Calendar } from '@salutejs/{{ package }}';
|
26
|
+
|
27
|
+
export function App() {
|
28
|
+
const isRange = false;
|
29
|
+
const isDouble = false;
|
30
|
+
const min = new Date(2022, 4, 0);
|
31
|
+
const max = new Date(2022, 6, 15);
|
32
|
+
const date = {
|
33
|
+
day: 6,
|
34
|
+
monthIndex: 5,
|
35
|
+
year: 2022,
|
36
|
+
}
|
37
|
+
|
38
|
+
const [value, setValue] = React.useState(undefined);
|
39
|
+
const [valueRange, setValueRange] = React.useState([undefined]);
|
40
|
+
|
41
|
+
const handleOnChange = React.useCallback((newValue) => {
|
42
|
+
setValue(newValue);
|
43
|
+
}, []);
|
44
|
+
const handleOnRangeChange = React.useCallback((newValue) => {
|
45
|
+
setValueRange(newValue);
|
46
|
+
}, []);
|
47
|
+
|
48
|
+
const baseEvents = [
|
49
|
+
{
|
50
|
+
date: new Date(2022, 5, 6),
|
51
|
+
},
|
52
|
+
{
|
53
|
+
date: new Date(2022, 5, 10),
|
54
|
+
color: 'red',
|
55
|
+
},
|
56
|
+
{
|
57
|
+
date: new Date(2022, 5, 10),
|
58
|
+
color: 'green',
|
59
|
+
},
|
60
|
+
{
|
61
|
+
date: new Date(2022, 5, 10),
|
62
|
+
color: 'blue',
|
63
|
+
},
|
64
|
+
];
|
65
|
+
|
66
|
+
const eventsRange = Array.from(Array(10),((_, day) => ({
|
67
|
+
date: new Date(2022, 5, 15 + day),
|
68
|
+
color: 'purple',
|
69
|
+
})));
|
70
|
+
|
71
|
+
const disabledDays = Array.from(Array(5),((_, day) => ({
|
72
|
+
date: new Date(2022, 5, 11 + day),
|
73
|
+
|
74
|
+
})));
|
75
|
+
|
76
|
+
return (
|
77
|
+
<div>
|
78
|
+
<Calendar
|
79
|
+
isRange={isRange}
|
80
|
+
isDouble={isDouble}
|
81
|
+
value={(isRange ? valueRange : value)}
|
82
|
+
eventList={[...baseEvents, ...eventsRange]}
|
83
|
+
disabledList={disabledDays}
|
84
|
+
date={date}
|
85
|
+
min={min}
|
86
|
+
max={max}
|
87
|
+
onChangeValue={(isRange ? handleOnRangeChange : handleOnChange)}
|
88
|
+
/>
|
89
|
+
</div>
|
90
|
+
);
|
91
|
+
}
|
92
|
+
```
|
93
|
+
</TabItem>
|
94
|
+
<TabItem value="calendar_base" label="CalendarBase">
|
95
|
+
<Description name="CalendarBase" />
|
96
|
+
<PropsTable name="CalendarBase" />
|
97
|
+
|
98
|
+
```tsx live
|
99
|
+
import React from 'react';
|
100
|
+
import { CalendarBase } from '@salutejs/{{ package }}';
|
101
|
+
|
102
|
+
export function App() {
|
103
|
+
const min = new Date(2022, 4, 0);
|
104
|
+
const max = new Date(2022, 7, 15);
|
105
|
+
|
106
|
+
const [value, setValue] = React.useState(new Date(2022, 5, 6));
|
107
|
+
const handleOnChange = React.useCallback((newValue) => {
|
108
|
+
setValue(newValue);
|
109
|
+
}, []);
|
110
|
+
|
111
|
+
return (
|
112
|
+
<div>
|
113
|
+
<CalendarBase
|
114
|
+
value={value}
|
115
|
+
min={min}
|
116
|
+
max={max}
|
117
|
+
onChangeValue={handleOnChange}
|
118
|
+
/>
|
119
|
+
</div>
|
120
|
+
);
|
121
|
+
}
|
122
|
+
```
|
123
|
+
</TabItem>
|
124
|
+
<TabItem value="calendar_double" label="CalendarDouble">
|
125
|
+
<Description name="CalendarDouble" />
|
126
|
+
<PropsTable name="CalendarDouble" />
|
127
|
+
|
128
|
+
```tsx live
|
129
|
+
import React from 'react';
|
130
|
+
import { CalendarDouble } from '@salutejs/{{ package }}';
|
131
|
+
|
132
|
+
export function App() {
|
133
|
+
const min = new Date(2022, 4, 0);
|
134
|
+
const max = new Date(2022, 7, 15);
|
135
|
+
|
136
|
+
const [value, setValue] = React.useState(new Date(2022, 5, 6));
|
137
|
+
const handleOnChange = React.useCallback((newValue) => {
|
138
|
+
setValue(newValue);
|
139
|
+
}, []);
|
140
|
+
|
141
|
+
return (
|
142
|
+
<div>
|
143
|
+
<CalendarDouble
|
144
|
+
value={value}
|
145
|
+
min={min}
|
146
|
+
max={max}
|
147
|
+
onChangeValue={handleOnChange}
|
148
|
+
/>
|
149
|
+
</div>
|
150
|
+
);
|
151
|
+
}
|
152
|
+
```
|
153
|
+
</TabItem>
|
154
|
+
<TabItem value="calendar_base_range" label="CalendarBaseRange">
|
155
|
+
<Description name="CalendarBaseRange" />
|
156
|
+
<PropsTable name="CalendarBaseRange" />
|
157
|
+
|
158
|
+
```tsx live
|
159
|
+
import React from 'react';
|
160
|
+
import { CalendarBaseRange } from '@salutejs/{{ package }}';
|
161
|
+
|
162
|
+
export function App() {
|
163
|
+
const min = new Date(2022, 4, 0);
|
164
|
+
const max = new Date(2022, 7, 15);
|
165
|
+
|
166
|
+
const [value, setValue] = React.useState([new Date(2022, 5, 6), new Date(2022, 5, 16)]);
|
167
|
+
const handleOnChange = React.useCallback((newValue) => {
|
168
|
+
setValue(newValue);
|
169
|
+
}, []);
|
170
|
+
|
171
|
+
return (
|
172
|
+
<div>
|
173
|
+
<CalendarBaseRange
|
174
|
+
value={value}
|
175
|
+
min={min}
|
176
|
+
max={max}
|
177
|
+
onChangeValue={handleOnChange}
|
178
|
+
/>
|
179
|
+
</div>
|
180
|
+
);
|
181
|
+
}
|
182
|
+
```
|
183
|
+
</TabItem>
|
184
|
+
<TabItem value="calendar_double_range" label="CalendarDoubleRange">
|
185
|
+
<Description name="CalendarDoubleRange" />
|
186
|
+
<PropsTable name="CalendarDoubleRange" />
|
187
|
+
|
188
|
+
```tsx live
|
189
|
+
import React from 'react';
|
190
|
+
import { CalendarDoubleRange } from '@salutejs/{{ package }}';
|
191
|
+
|
192
|
+
export function App() {
|
193
|
+
const min = new Date(2022, 4, 0);
|
194
|
+
const max = new Date(2022, 7, 15);
|
195
|
+
|
196
|
+
const [value, setValue] = React.useState([new Date(2022, 5, 6), new Date(2022, 6, 16)]);
|
197
|
+
const handleOnChange = React.useCallback((newValue) => {
|
198
|
+
setValue(newValue);
|
199
|
+
}, []);
|
200
|
+
|
201
|
+
return (
|
202
|
+
<div>
|
203
|
+
<CalendarDoubleRange
|
204
|
+
value={value}
|
205
|
+
min={min}
|
206
|
+
max={max}
|
207
|
+
onChangeValue={handleOnChange}
|
208
|
+
/>
|
209
|
+
</div>
|
210
|
+
);
|
211
|
+
}
|
212
|
+
```
|
213
|
+
</TabItem>
|
214
|
+
</Tabs>
|
215
|
+
|
216
|
+
## Размер календаря.
|
217
|
+
Размер календаря задается с помощью свойства `size`.
|
92
218
|
|
93
219
|
```tsx live
|
94
220
|
import React from 'react';
|
95
221
|
import { CalendarBase } from '@salutejs/{{ package }}';
|
96
222
|
|
97
223
|
export function App() {
|
98
|
-
const
|
99
|
-
const max = new Date(2022, 7, 15);
|
100
|
-
|
101
|
-
const [value, setValue] = React.useState(new Date(2022, 5, 6));
|
224
|
+
const [value, setValue] = React.useState(undefined);
|
102
225
|
const handleOnChange = React.useCallback((newValue) => {
|
103
226
|
setValue(newValue);
|
104
227
|
}, []);
|
105
228
|
|
106
229
|
return (
|
107
|
-
<div>
|
230
|
+
<div style=\{{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "2rem" }}>
|
108
231
|
<CalendarBase
|
109
232
|
value={value}
|
110
|
-
min={min}
|
111
|
-
max={max}
|
112
233
|
onChangeValue={handleOnChange}
|
234
|
+
size="l"
|
113
235
|
/>
|
114
|
-
|
115
|
-
);
|
116
|
-
}
|
117
|
-
```
|
118
|
-
|
119
|
-
## CalendarDouble
|
120
|
-
<Description name="CalendarDouble" />
|
121
|
-
<PropsTable name="CalendarDouble" />
|
122
|
-
|
123
|
-
```tsx live
|
124
|
-
import React from 'react';
|
125
|
-
import { CalendarDouble } from '@salutejs/{{ package }}';
|
126
|
-
|
127
|
-
export function App() {
|
128
|
-
const min = new Date(2022, 4, 0);
|
129
|
-
const max = new Date(2022, 7, 15);
|
130
|
-
|
131
|
-
const [value, setValue] = React.useState(new Date(2022, 5, 6));
|
132
|
-
const handleOnChange = React.useCallback((newValue) => {
|
133
|
-
setValue(newValue);
|
134
|
-
}, []);
|
135
|
-
|
136
|
-
return (
|
137
|
-
<div>
|
138
|
-
<CalendarDouble
|
236
|
+
<CalendarBase
|
139
237
|
value={value}
|
140
|
-
min={min}
|
141
|
-
max={max}
|
142
238
|
onChangeValue={handleOnChange}
|
239
|
+
size="m"
|
143
240
|
/>
|
144
|
-
|
145
|
-
);
|
146
|
-
}
|
147
|
-
```
|
148
|
-
|
149
|
-
## CalendarBaseRange
|
150
|
-
<Description name="CalendarBaseRange" />
|
151
|
-
<PropsTable name="CalendarBaseRange" />
|
152
|
-
|
153
|
-
```tsx live
|
154
|
-
import React from 'react';
|
155
|
-
import { CalendarBaseRange } from '@salutejs/{{ package }}';
|
156
|
-
|
157
|
-
export function App() {
|
158
|
-
const min = new Date(2022, 4, 0);
|
159
|
-
const max = new Date(2022, 7, 15);
|
160
|
-
|
161
|
-
const [value, setValue] = React.useState([new Date(2022, 5, 6), new Date(2022, 5, 16)]);
|
162
|
-
const handleOnChange = React.useCallback((newValue) => {
|
163
|
-
setValue(newValue);
|
164
|
-
}, []);
|
165
|
-
|
166
|
-
return (
|
167
|
-
<div>
|
168
|
-
<CalendarBaseRange
|
241
|
+
<CalendarBase
|
169
242
|
value={value}
|
170
|
-
min={min}
|
171
|
-
max={max}
|
172
243
|
onChangeValue={handleOnChange}
|
244
|
+
size="s"
|
245
|
+
/>
|
246
|
+
<CalendarBase
|
247
|
+
value={value}
|
248
|
+
onChangeValue={handleOnChange}
|
249
|
+
size="xs"
|
173
250
|
/>
|
174
251
|
</div>
|
175
252
|
);
|
176
253
|
}
|
177
254
|
```
|
178
255
|
|
179
|
-
##
|
180
|
-
|
181
|
-
<PropsTable name="CalendarDoubleRange" />
|
256
|
+
## Сетка выбора даты.
|
257
|
+
Конечное отображение сетки календаря задается с помощью свойства `type`.
|
182
258
|
|
183
259
|
```tsx live
|
184
260
|
import React from 'react';
|
185
|
-
import {
|
261
|
+
import { CalendarBase } from '@salutejs/{{ package }}';
|
186
262
|
|
187
263
|
export function App() {
|
188
|
-
const
|
189
|
-
const max = new Date(2022, 7, 15);
|
190
|
-
|
191
|
-
const [value, setValue] = React.useState([new Date(2022, 5, 6), new Date(2022, 6, 16)]);
|
264
|
+
const [value, setValue] = React.useState(undefined);
|
192
265
|
const handleOnChange = React.useCallback((newValue) => {
|
193
266
|
setValue(newValue);
|
194
267
|
}, []);
|
195
268
|
|
196
269
|
return (
|
197
|
-
<div>
|
198
|
-
<
|
270
|
+
<div style=\{{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "2rem" }}>
|
271
|
+
<CalendarBase
|
272
|
+
value={value}
|
273
|
+
onChangeValue={handleOnChange}
|
274
|
+
type="Days"
|
275
|
+
/>
|
276
|
+
<CalendarBase
|
277
|
+
value={value}
|
278
|
+
onChangeValue={handleOnChange}
|
279
|
+
type="Months"
|
280
|
+
/>
|
281
|
+
<CalendarBase
|
199
282
|
value={value}
|
200
|
-
min={min}
|
201
|
-
max={max}
|
202
283
|
onChangeValue={handleOnChange}
|
284
|
+
type="Quarters"
|
285
|
+
/>
|
286
|
+
<CalendarBase
|
287
|
+
value={value}
|
288
|
+
onChangeValue={handleOnChange}
|
289
|
+
type="Years"
|
203
290
|
/>
|
204
291
|
</div>
|
205
292
|
);
|
206
293
|
}
|
207
|
-
```
|
208
|
-
|
294
|
+
```
|