@salutejs/plasma-new-hope 0.324.0-canary.1972.15071772993.0 → 0.324.0-canary.1975.15178599766.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Calendar/Calendar.tokens.js +11 -2
- 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 +15 -11
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -9
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/{CalendarBase.styles_8icaul.css → CalendarBase.styles_zk3a46.css} +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +18 -14
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -9
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
- package/{es/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css} +2 -2
- package/cjs/components/Calendar/hooks/useQuarters.js +1 -1
- package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -6
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +6 -3
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +9 -3
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +3 -0
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +6 -5
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +3 -2
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -1
- 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 +6 -5
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +3 -2
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +7 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +2 -0
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +6 -5
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +3 -2
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +7 -1
- 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 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +4 -0
- package/cjs/components/Calendar/utils/calendarGridHelper.js +2 -10
- package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js +9 -7
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +2 -19
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +2 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +25 -21
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +10 -22
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/{RangeDate.styles_1rre7cd.css → RangeDate.styles_vzsqwo.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +23 -19
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +2 -42
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +5 -38
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +2 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +23 -19
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +7 -31
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_eae6ii.css → SingleDate.styles_4wd0mq.css} +1 -1
- package/cjs/components/Mask/Mask.js +9 -2
- package/cjs/components/Mask/Mask.js.map +1 -1
- package/cjs/components/Slider/Slider.css +6 -6
- package/cjs/components/Slider/components/Single/Single.css +6 -6
- package/cjs/components/Slider/components/Single/Single.styles.js +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/cjs/components/Slider/components/Single/{Single.styles_e0wk24.css → Single.styles_1h9lsl3.css} +1 -1
- package/cjs/engines/linaria.js +3 -2
- package/cjs/engines/linaria.js.map +1 -1
- package/cjs/index.css +34 -30
- package/emotion/cjs/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +11 -2
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -12
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +7 -7
- package/emotion/cjs/components/Calendar/hooks/useQuarters.js +1 -1
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +6 -3
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +8 -3
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +3 -2
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +8 -3
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +3 -2
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +8 -3
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +3 -2
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +8 -3
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +3 -10
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +10 -7
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +3 -9
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -25
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +13 -4
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -46
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -14
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +6 -33
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
- package/emotion/cjs/components/Mask/Mask.js +9 -2
- package/emotion/cjs/components/Progress/Progress.template-doc.mdx +1 -0
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +6 -6
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
- 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_b2c/components/DatePicker/DatePicker.stories.tsx +0 -6
- package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +32 -27
- package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
- 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/plasma_web/components/DatePicker/DatePicker.stories.tsx +6 -8
- package/emotion/es/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
- package/emotion/es/components/Calendar/Calendar.tokens.js +11 -2
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +3 -12
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +3 -3
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +8 -8
- package/emotion/es/components/Calendar/hooks/useQuarters.js +1 -1
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +8 -5
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +7 -2
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -4
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -2
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -4
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +7 -2
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -4
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +7 -2
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/emotion/es/components/Calendar/utils/calendarGridHelper.js +2 -9
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +9 -6
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +3 -9
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +10 -26
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +14 -5
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -45
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +3 -15
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +7 -34
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
- package/emotion/es/components/Mask/Mask.js +9 -2
- package/emotion/es/components/Progress/Progress.template-doc.mdx +1 -0
- package/emotion/es/components/Slider/components/Single/Single.styles.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
- 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_b2c/components/DatePicker/DatePicker.stories.tsx +0 -6
- package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +32 -27
- package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
- 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/plasma_web/components/DatePicker/DatePicker.stories.tsx +6 -8
- package/es/components/Calendar/Calendar.tokens.js +11 -2
- 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 +15 -11
- package/es/components/Calendar/CalendarBase/CalendarBase.js +4 -9
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
- package/es/components/Calendar/CalendarBase/{CalendarBase.styles_8icaul.css → CalendarBase.styles_zk3a46.css} +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +18 -14
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +5 -10
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
- package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css} +2 -2
- package/es/components/Calendar/hooks/useQuarters.js +2 -2
- package/es/components/Calendar/hooks/useQuarters.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -6
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +8 -5
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +9 -4
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +3 -0
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +6 -5
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -2
- 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 +6 -5
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +7 -2
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +2 -0
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +6 -5
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +7 -2
- 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 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +4 -0
- package/es/components/Calendar/utils/calendarGridHelper.js +3 -10
- package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/es/components/DatePicker/DatePicker.tokens.js +10 -7
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +2 -19
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +2 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +25 -21
- package/es/components/DatePicker/RangeDate/RangeDate.js +11 -22
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/{RangeDate.styles_1rre7cd.css → RangeDate.styles_vzsqwo.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +23 -19
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -42
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +5 -38
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +2 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +23 -19
- package/es/components/DatePicker/SingleDate/SingleDate.js +8 -31
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/{SingleDate.styles_eae6ii.css → SingleDate.styles_4wd0mq.css} +1 -1
- package/es/components/Mask/Mask.js +9 -2
- package/es/components/Mask/Mask.js.map +1 -1
- package/es/components/Slider/Slider.css +6 -6
- package/es/components/Slider/components/Single/Single.css +6 -6
- package/es/components/Slider/components/Single/Single.styles.js +1 -1
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/es/components/Slider/components/Single/{Single.styles_e0wk24.css → Single.styles_1h9lsl3.css} +1 -1
- package/es/engines/linaria.js +3 -2
- package/es/engines/linaria.js.map +1 -1
- package/es/index.css +34 -30
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +11 -2
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -12
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
- package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +1 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +6 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +8 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +3 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +6 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +3 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +6 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +3 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +6 -2
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +3 -10
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +10 -7
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +2 -8
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -25
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -46
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -14
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +6 -33
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/cjs/components/Mask/Mask.js +9 -2
- package/styled-components/cjs/components/Progress/Progress.template-doc.mdx +1 -0
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
- 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_b2c/components/DatePicker/DatePicker.stories.tsx +0 -6
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +12 -7
- package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
- 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/plasma_web/components/DatePicker/DatePicker.stories.tsx +6 -8
- package/styled-components/es/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
- package/styled-components/es/components/Calendar/Calendar.tokens.js +11 -2
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +3 -12
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +3 -3
- package/styled-components/es/components/Calendar/hooks/useQuarters.js +1 -1
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +8 -5
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +7 -3
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -4
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +5 -1
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -4
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +5 -1
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -4
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +5 -1
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +2 -9
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +9 -6
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +2 -8
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +10 -26
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -45
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +3 -15
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +7 -34
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/es/components/Mask/Mask.js +9 -2
- package/styled-components/es/components/Progress/Progress.template-doc.mdx +1 -0
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
- 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_b2c/components/DatePicker/DatePicker.stories.tsx +0 -6
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +12 -7
- package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
- 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/plasma_web/components/DatePicker/DatePicker.stories.tsx +6 -8
- package/types/components/Calendar/Calendar.tokens.d.ts +10 -1
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +0 -4
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts +1 -0
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.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 +1 -0
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts +1 -0
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts +1 -0
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
- package/types/components/Calendar/utils/calendarGridHelper.d.ts +0 -1
- package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +8 -5
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts +1 -4
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -19
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.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 +3 -16
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +20 -12
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Mask/Mask.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
- package/types/engines/linaria.d.ts.map +1 -1
- package/types/engines/types.d.ts +1 -0
- package/types/engines/types.d.ts.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +0 -2
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +0 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +0 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +0 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +0 -4
- package/cjs/components/DatePicker/DatePickerBase.styles_10sa0ht.css +0 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +0 -2
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +0 -2
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +0 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +0 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +0 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +0 -4
- package/es/components/DatePicker/DatePickerBase.styles_10sa0ht.css +0 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +0 -2
package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx
CHANGED
@@ -175,9 +175,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
175
175
|
valueSuccess: false,
|
176
176
|
lang: 'ru',
|
177
177
|
format: 'DD.MM.YYYY',
|
178
|
-
calendarWidth: 0,
|
179
|
-
calendarHeight: 0,
|
180
|
-
stretch: false,
|
181
178
|
},
|
182
179
|
render: (args) => <StoryDefault {...args} />,
|
183
180
|
};
|
@@ -263,8 +260,12 @@ const StoryRange = ({
|
|
263
260
|
showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
|
264
261
|
}
|
265
262
|
onToggle={(is) => setIsOpen(is)}
|
266
|
-
onChangeFirstValue={
|
267
|
-
|
263
|
+
onChangeFirstValue={(e, currentValue) => {
|
264
|
+
onChangeFirstValue(e, currentValue);
|
265
|
+
}}
|
266
|
+
onChangeSecondValue={(e, currentValue) => {
|
267
|
+
onChangeSecondValue(e, currentValue);
|
268
|
+
}}
|
268
269
|
lang={lang}
|
269
270
|
min={min}
|
270
271
|
max={max}
|
@@ -300,9 +301,6 @@ export const Range: StoryObj<StoryPropsRange> = {
|
|
300
301
|
secondTextfieldTextAfter: '',
|
301
302
|
size: 'l',
|
302
303
|
view: 'default',
|
303
|
-
calendarWidth: 0,
|
304
|
-
calendarHeight: 0,
|
305
|
-
stretch: false,
|
306
304
|
isDoubleCalendar: false,
|
307
305
|
closeAfterDateSelect: true,
|
308
306
|
dividerVariant: 'dash',
|
@@ -13,8 +13,7 @@ export var classes = {
|
|
13
13
|
hoveredItem: 'item-hovered',
|
14
14
|
doubleHeaderDate: 'double-header-date',
|
15
15
|
doubleHeaderLastDateWrapper: 'double-header--last-date-wrapper',
|
16
|
-
disabledPrevButton: 'disabled-prev-button'
|
17
|
-
stretch: 'plasma-calendar-stretch'
|
16
|
+
disabledPrevButton: 'disabled-prev-button'
|
18
17
|
};
|
19
18
|
export var innerTokens = {
|
20
19
|
dateStructureFontFamily: '--plasma-calendar-date-structure-font-family',
|
@@ -24,6 +23,8 @@ export var innerTokens = {
|
|
24
23
|
dateStructureFontLetterSpacing: '--plasma-calendar-date-structure-font-letter-spacing',
|
25
24
|
dateStructureFontLineHeight: '--plasma-calendar-date-structure-line-height',
|
26
25
|
dateStructureSelectedFontWeight: '--plasma-calendar-date-structure-selected-font-weight',
|
26
|
+
dateStructureWidth: '--plasma-calendar-date-structure-width',
|
27
|
+
dateStructureHeight: '--plasma-calendar-date-structure-height',
|
27
28
|
dateStructureBorderRadius: '--plasma-calendar-date-structure-border-radius'
|
28
29
|
};
|
29
30
|
export var tokens = {
|
@@ -34,6 +35,8 @@ export var tokens = {
|
|
34
35
|
/* Токены размера сетки лет */
|
35
36
|
calendarYearsPadding: '--plasma-calendar-years-padding',
|
36
37
|
calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',
|
38
|
+
calendarYearItemWidth: '--plasma-calendar-year-item-width',
|
39
|
+
calendarYearItemHeight: '--plasma-calendar-year-item-height',
|
37
40
|
calendarYearFontFamily: '--plasma-calendar-year-font-family',
|
38
41
|
calendarYearFontSize: '--plasma-calendar-year-font-size',
|
39
42
|
calendarYearFontStyle: '--plasma-calendar-year-font-style',
|
@@ -44,6 +47,8 @@ export var tokens = {
|
|
44
47
|
/* Токены размера сетки дней */
|
45
48
|
calendarQuartersPadding: '--plasma-calendar-quarters-padding',
|
46
49
|
calendarQuarterItemBorderRadius: '--plasma-calendar-quarter-item-border-radius',
|
50
|
+
calendarQuarterItemWidth: '--plasma-calendar-quarter-item-width',
|
51
|
+
calendarQuarterItemHeight: '--plasma-calendar-quarter-item-height',
|
47
52
|
calendarQuarterFontFamily: '--plasma-calendar-quarter-font-family',
|
48
53
|
calendarQuarterFontSize: '--plasma-calendar-quarter-font-size',
|
49
54
|
calendarQuarterFontStyle: '--plasma-calendar-quarter-font-style',
|
@@ -54,6 +59,8 @@ export var tokens = {
|
|
54
59
|
/* Токены размера сетки месяцев */
|
55
60
|
calendarMonthsPadding: '--plasma-calendar-months-padding',
|
56
61
|
calendarMonthItemBorderRadius: '--plasma-calendar-month-item-border-radius',
|
62
|
+
calendarMonthItemWidth: '--plasma-calendar-month-item-width',
|
63
|
+
calendarMonthItemHeight: '--plasma-calendar-month-item-height',
|
57
64
|
calendarMonthFontFamily: '--plasma-calendar-month-font-family',
|
58
65
|
calendarMonthFontSize: '--plasma-calendar-month-font-size',
|
59
66
|
calendarMonthFontStyle: '--plasma-calendar-month-font-style',
|
@@ -64,6 +71,8 @@ export var tokens = {
|
|
64
71
|
/* Токены размера сетки дней */
|
65
72
|
calendarDaysPadding: '--plasma-calendar-days-padding',
|
66
73
|
calendarDayItemBorderRadius: '--plasma-calendar-day-item-border-radius',
|
74
|
+
calendarDayItemWidth: '--plasma-calendar-day-item-width',
|
75
|
+
calendarDayItemHeight: '--plasma-calendar-day-item-height',
|
67
76
|
calendarDayFontFamily: '--plasma-calendar-day-font-family',
|
68
77
|
calendarDayFontSize: '--plasma-calendar-day-font-size',
|
69
78
|
calendarDayFontStyle: '--plasma-calendar-day-font-style',
|
@@ -1,9 +1,5 @@
|
|
1
|
-
|
2
|
-
var _excluded = ["className", "value", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "locale", "stretch", "onChangeValue"];
|
1
|
+
var _excluded = ["value", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
|
3
2
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
4
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
5
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
6
|
-
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); }
|
7
3
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
8
4
|
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."); }
|
9
5
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
@@ -13,13 +9,11 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
13
9
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
14
10
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
15
11
|
import React, { useCallback, useMemo, useReducer, useState, forwardRef, useEffect } from 'react';
|
16
|
-
import cls from 'classnames';
|
17
12
|
import { getInitialState, reducer, sizeMap } from "../store/reducer";
|
18
13
|
import { ActionType, CalendarState } from "../store/types";
|
19
14
|
import { I18N, isValueUpdate } from "../utils";
|
20
15
|
import { useKeyNavigation, useCalendarNavigation, useCalendarDateChange } from "../hooks";
|
21
16
|
import { CalendarDays, CalendarHeader, CalendarMonths, CalendarQuarters, CalendarYears } from "../ui";
|
22
|
-
import { classes } from "../Calendar.tokens";
|
23
17
|
import { base as viewCSS } from "./variations/_view/base";
|
24
18
|
import { base as sizeCSS } from "./variations/_size/base";
|
25
19
|
import { IsOutOfRange, StyledCalendar } from "./CalendarBase.styles";
|
@@ -28,8 +22,7 @@ import { IsOutOfRange, StyledCalendar } from "./CalendarBase.styles";
|
|
28
22
|
*/
|
29
23
|
export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
30
24
|
return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
|
31
|
-
var
|
32
|
-
externalValue = _ref.value,
|
25
|
+
var externalValue = _ref.value,
|
33
26
|
minDate = _ref.min,
|
34
27
|
maxDate = _ref.max,
|
35
28
|
renderFromDate = _ref.renderFromDate,
|
@@ -44,10 +37,9 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
44
37
|
disabledQuarterList = _ref.disabledQuarterList,
|
45
38
|
eventYearList = _ref.eventYearList,
|
46
39
|
disabledYearList = _ref.disabledYearList,
|
40
|
+
onChangeValue = _ref.onChangeValue,
|
47
41
|
_ref$locale = _ref.locale,
|
48
42
|
locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
|
49
|
-
stretch = _ref.stretch,
|
50
|
-
onChangeValue = _ref.onChangeValue,
|
51
43
|
rest = _objectWithoutProperties(_ref, _excluded);
|
52
44
|
var _useMemo = useMemo(function () {
|
53
45
|
return Array.isArray(externalValue) ? externalValue : [externalValue];
|
@@ -156,7 +148,6 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
156
148
|
}, [value]);
|
157
149
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
158
150
|
ref: outerRootRef,
|
159
|
-
className: cls(className, _defineProperty({}, classes.stretch, stretch)),
|
160
151
|
"aria-label": I18N.selectDate[locale]
|
161
152
|
}, rest), isOutOfRange && /*#__PURE__*/React.createElement(IsOutOfRange, {
|
162
153
|
key: outOfRangeKey,
|
@@ -2,8 +2,8 @@ var _templateObject;
|
|
2
2
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
3
3
|
import { css } from 'styled-components';
|
4
4
|
import styled from 'styled-components';
|
5
|
-
import {
|
6
|
-
export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n width: var(", ");\n height: var(", ");\n border: var(", ") solid var(", ");\n box-sizing: border-box;\n
|
5
|
+
import { tokens } from "../Calendar.tokens";
|
6
|
+
export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n width: var(", ");\n height: var(", ");\n border: var(", ") solid var(", ");\n box-sizing: border-box;\n"])), tokens.calendarWidth, tokens.calendarHeight, tokens.calendarBorderWidth, tokens.calendarBorderColor);
|
7
7
|
export var IsOutOfRange = /*#__PURE__*/styled.div.withConfig({
|
8
8
|
componentId: "plasma-new-hope__sc-1xkgu4c-0"
|
9
9
|
})(["position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0);"]);
|
@@ -1,10 +1,6 @@
|
|
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
1
|
var _StyledSeparator, _StyledSeparator2, _StyledSeparator3, _StyledSeparator4;
|
3
|
-
var _excluded = ["
|
2
|
+
var _excluded = ["value", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
|
4
3
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
5
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
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); }
|
8
4
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
9
5
|
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."); }
|
10
6
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
@@ -14,14 +10,12 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
14
10
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
15
11
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
16
12
|
import React, { useState, useCallback, useMemo, forwardRef, useEffect, useReducer } from 'react';
|
17
|
-
import cls from 'classnames';
|
18
13
|
import { YEAR_RENDER_COUNT, getNextDate, isValueUpdate, I18N } from "../utils";
|
19
14
|
import { useKeyNavigation, useCalendarNavigation, useCalendarDateChange } from "../hooks";
|
20
15
|
import { CalendarDays, CalendarHeader, CalendarMonths, CalendarQuarters, CalendarYears } from "../ui";
|
21
16
|
import { getInitialState, reducer, sizeMap } from "../store/reducer";
|
22
17
|
import { ActionType, CalendarState } from "../store/types";
|
23
18
|
import { IsOutOfRange } from "../CalendarBase/CalendarBase.styles";
|
24
|
-
import { classes } from "../Calendar.tokens";
|
25
19
|
import { base as viewCSS } from "./variations/_view/base";
|
26
20
|
import { StyledCalendar, StyledSeparator, StyledWrapper } from "./CalendarDouble.styles";
|
27
21
|
/**
|
@@ -29,8 +23,7 @@ import { StyledCalendar, StyledSeparator, StyledWrapper } from "./CalendarDouble
|
|
29
23
|
*/
|
30
24
|
export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
31
25
|
return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
|
32
|
-
var
|
33
|
-
externalValue = _ref.value,
|
26
|
+
var externalValue = _ref.value,
|
34
27
|
minDate = _ref.min,
|
35
28
|
maxDate = _ref.max,
|
36
29
|
renderFromDate = _ref.renderFromDate,
|
@@ -45,10 +38,9 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
45
38
|
disabledQuarterList = _ref.disabledQuarterList,
|
46
39
|
eventYearList = _ref.eventYearList,
|
47
40
|
disabledYearList = _ref.disabledYearList,
|
41
|
+
onChangeValue = _ref.onChangeValue,
|
48
42
|
_ref$locale = _ref.locale,
|
49
43
|
locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
|
50
|
-
stretch = _ref.stretch,
|
51
|
-
onChangeValue = _ref.onChangeValue,
|
52
44
|
rest = _objectWithoutProperties(_ref, _excluded);
|
53
45
|
var _useMemo = useMemo(function () {
|
54
46
|
return Array.isArray(externalValue) ? externalValue : [externalValue];
|
@@ -213,7 +205,6 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
213
205
|
}, [date, calendarState]);
|
214
206
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
215
207
|
ref: outerRootRef,
|
216
|
-
className: cls(className, _defineProperty({}, classes.stretch, stretch)),
|
217
208
|
"aria-label": I18N.selectDate[locale]
|
218
209
|
}, rest), isOutOfRange && /*#__PURE__*/React.createElement(IsOutOfRange, {
|
219
210
|
key: outOfRangeKey,
|
@@ -2,11 +2,11 @@ var _templateObject;
|
|
2
2
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
3
3
|
import { css } from 'styled-components';
|
4
4
|
import styled from 'styled-components';
|
5
|
-
import {
|
6
|
-
export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n display: flex;\n flex-direction: column;\n\n width: var(", ");\n height: var(", ");\n
|
5
|
+
import { tokens } from "../Calendar.tokens";
|
6
|
+
export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n display: flex;\n flex-direction: column;\n\n width: var(", ");\n height: var(", ");\n"])), tokens.calendarWidth, tokens.calendarHeight);
|
7
7
|
export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
|
8
8
|
componentId: "plasma-new-hope__sc-1dp3a9f-0"
|
9
9
|
})(["background-color:var(", ");min-width:0.063rem;margin:0.5rem 1rem 0 1rem;"], tokens.calendarSeparatorBackground);
|
10
10
|
export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
|
11
11
|
componentId: "plasma-new-hope__sc-1dp3a9f-1"
|
12
|
-
})(["display:flex;
|
12
|
+
})(["display:flex;"]);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { useMemo } from 'react';
|
2
|
-
import { QUARTER_NAMES, getMatrix, isDateInRange, getDatesWithModifications, quarterDates, isSelectedMonth as isSelectedQuarter, isCurrentQuarter } from "../utils";
|
2
|
+
import { QUARTER_NAMES, getMatrix, isDateInRange, getDatesWithModifications, quarterDates, isSelectedMonth as isSelectedQuarter, isCurrentMonth as isCurrentQuarter } from "../utils";
|
3
3
|
import { CalendarState } from "../store/types";
|
4
4
|
/**
|
5
5
|
* Хук для получения списка месяцев.
|
@@ -8,12 +8,12 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
8
8
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
10
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
11
|
-
import React, {
|
11
|
+
import React, { useCallback, useEffect, useRef } from 'react';
|
12
12
|
import { useDays } from "../../hooks";
|
13
13
|
import { canSelectDate, FULL_DAY_NAMES, getInRange, getSideInRange, isSameDay, isSelectProcess, ROW_STEP, SHORT_DAY_NAMES, I18N } from "../../utils";
|
14
14
|
import { DateStructureItem } from "../DateStructureItem/DateStructureItem";
|
15
15
|
import { innerTokens, tokens } from "../../Calendar.tokens";
|
16
|
-
import { StyledCalendarDays, StyledCalendarDaysHint } from "./CalendarDays.styles";
|
16
|
+
import { StyledCalendarDays, StyledCalendarDaysHint, StyledFlex } from "./CalendarDays.styles";
|
17
17
|
/**
|
18
18
|
* Компонент дней в календаре.
|
19
19
|
*/
|
@@ -51,7 +51,7 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
51
51
|
var selectedRef = useRef(selected);
|
52
52
|
var onSetSelectedRef = useRef(onSetSelected);
|
53
53
|
var offset = isSecond ? ROW_STEP : 0;
|
54
|
-
var dayItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarDayFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarDayFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarDayFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarDayFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarDayFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarDayFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarDaySelectedFontWeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarDayItemBorderRadius, ")"));
|
54
|
+
var dayItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarDayFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarDayFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarDayFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarDayFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarDayFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarDayFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarDaySelectedFontWeight, ")")), "".concat(innerTokens.dateStructureWidth), "var(".concat(tokens.calendarDayItemWidth, ")")), "".concat(innerTokens.dateStructureHeight), "var(".concat(tokens.calendarDayItemHeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarDayItemBorderRadius, ")"));
|
55
55
|
var getSelectedDate = useCallback(function (event) {
|
56
56
|
var _event$currentTarget$ = event.currentTarget.dataset,
|
57
57
|
day = _event$currentTarget$.day,
|
@@ -108,7 +108,9 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
108
108
|
onMouseLeave: handleMouseOutGrid
|
109
109
|
}, /*#__PURE__*/React.createElement(StyledCalendarDaysHint, {
|
110
110
|
id: "withShift"
|
111
|
-
}, I18N.navigationByShift[locale]), /*#__PURE__*/React.createElement(
|
111
|
+
}, I18N.navigationByShift[locale]), /*#__PURE__*/React.createElement(StyledFlex, {
|
112
|
+
role: "row"
|
113
|
+
}, SHORT_DAY_NAMES[locale].map(function (name) {
|
112
114
|
return /*#__PURE__*/React.createElement(DateStructureItem, {
|
113
115
|
role: "columnheader",
|
114
116
|
"aria-label": FULL_DAY_NAMES[locale][name],
|
@@ -118,7 +120,8 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
118
120
|
style: dayItemTokens
|
119
121
|
}, name);
|
120
122
|
})), days.map(function (day, i) {
|
121
|
-
return /*#__PURE__*/React.createElement(
|
123
|
+
return /*#__PURE__*/React.createElement(StyledFlex, {
|
124
|
+
role: "row",
|
122
125
|
key: i
|
123
126
|
}, day.map(function (_ref2, j) {
|
124
127
|
var date = _ref2.date,
|
@@ -1,8 +1,12 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
|
+
import { flexCenter } from "../../mixins";
|
2
3
|
import { tokens } from "../../Calendar.tokens";
|
3
|
-
export var
|
4
|
+
export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
|
4
5
|
componentId: "plasma-new-hope__sc-3ydwr5-0"
|
5
|
-
})(["
|
6
|
-
export var
|
6
|
+
})(["", ";"], /*#__PURE__*/String(flexCenter));
|
7
|
+
export var StyledCalendarDays = /*#__PURE__*/styled.div.withConfig({
|
7
8
|
componentId: "plasma-new-hope__sc-3ydwr5-1"
|
9
|
+
})(["outline:none;padding:var(", ");box-sizing:border-box;"], tokens.calendarDaysPadding);
|
10
|
+
export var StyledCalendarDaysHint = /*#__PURE__*/styled.span.withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-3ydwr5-2"
|
8
12
|
})(["display:none;"]);
|
@@ -8,12 +8,12 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
8
8
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
10
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
11
|
-
import React, {
|
11
|
+
import React, { useCallback, useEffect, useRef } from 'react';
|
12
12
|
import { useMonths } from "../../hooks";
|
13
13
|
import { innerTokens, tokens } from "../../Calendar.tokens";
|
14
14
|
import { ROW_MONTH_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from "../../utils";
|
15
15
|
import { DateStructureItem } from "../DateStructureItem/DateStructureItem";
|
16
|
-
import { StyledCalendarMonths } from "./CalendarMonths.styles";
|
16
|
+
import { StyledCalendarMonths, StyledFlex } from "./CalendarMonths.styles";
|
17
17
|
|
18
18
|
/**
|
19
19
|
* Компонент месяцев в календаре.
|
@@ -52,7 +52,7 @@ export var CalendarMonths = function CalendarMonths(_ref) {
|
|
52
52
|
var selectedRef = useRef(selected);
|
53
53
|
var onSetSelectedRef = useRef(onSetSelected);
|
54
54
|
var offset = isSecond ? ROW_MONTH_STEP : 0;
|
55
|
-
var monthItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarMonthFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarMonthFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarMonthFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarMonthFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarMonthFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarMonthFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarMonthSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarMonthItemBorderRadius, ")"));
|
55
|
+
var monthItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarMonthFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarMonthFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarMonthFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarMonthFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarMonthFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarMonthFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarMonthSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureWidth), "var(".concat(tokens.calendarMonthItemWidth, ")")), "".concat(innerTokens.dateStructureHeight), "var(".concat(tokens.calendarMonthItemHeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarMonthItemBorderRadius, ")"));
|
56
56
|
var getSelectedDate = useCallback(function (event) {
|
57
57
|
var _event$currentTarget$ = event.currentTarget.dataset,
|
58
58
|
day = _event$currentTarget$.day,
|
@@ -112,7 +112,8 @@ export var CalendarMonths = function CalendarMonths(_ref) {
|
|
112
112
|
onKeyDown: onKeyDown,
|
113
113
|
onMouseLeave: handleMouseOutGrid
|
114
114
|
}, months.map(function (month, i) {
|
115
|
-
return /*#__PURE__*/React.createElement(
|
115
|
+
return /*#__PURE__*/React.createElement(StyledFlex, {
|
116
|
+
role: "row",
|
116
117
|
key: i
|
117
118
|
}, month.map(function (_ref2, j) {
|
118
119
|
var monthName = _ref2.monthName,
|
@@ -1,5 +1,9 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { tokens } from "../../Calendar.tokens";
|
3
|
+
import { flexCenter } from "../../mixins";
|
3
4
|
export var StyledCalendarMonths = /*#__PURE__*/styled.div.withConfig({
|
4
5
|
componentId: "plasma-new-hope__sc-mx5ps9-0"
|
5
|
-
})(["padding:var(", ");box-sizing:border-box;
|
6
|
+
})(["padding:var(", ");box-sizing:border-box;"], tokens.calendarMonthsPadding);
|
7
|
+
export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
|
8
|
+
componentId: "plasma-new-hope__sc-mx5ps9-1"
|
9
|
+
})(["", ";"], /*#__PURE__*/String(flexCenter));
|
@@ -8,12 +8,12 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
8
8
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
10
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
11
|
-
import React, {
|
11
|
+
import React, { useCallback, useEffect, useRef } from 'react';
|
12
12
|
import { useQuarters } from "../../hooks";
|
13
13
|
import { innerTokens, tokens } from "../../Calendar.tokens";
|
14
14
|
import { ROW_QUARTER_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from "../../utils";
|
15
15
|
import { DateStructureItem } from "../DateStructureItem/DateStructureItem";
|
16
|
-
import { StyledCalendarQuarters } from "./CalendarQuarters.styles";
|
16
|
+
import { StyledCalendarQuarters, StyledFlex } from "./CalendarQuarters.styles";
|
17
17
|
|
18
18
|
/**
|
19
19
|
* Компонент кварталов в календаре.
|
@@ -50,7 +50,7 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
|
|
50
50
|
var selectedRef = useRef(selected);
|
51
51
|
var onSetSelectedRef = useRef(onSetSelected);
|
52
52
|
var offset = isSecond ? ROW_QUARTER_STEP : 0;
|
53
|
-
var quarterItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarQuarterFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarQuarterFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarQuarterFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarQuarterFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarQuarterFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarQuarterFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarQuarterSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarQuarterItemBorderRadius, ")"));
|
53
|
+
var quarterItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarQuarterFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarQuarterFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarQuarterFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarQuarterFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarQuarterFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarQuarterFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarQuarterSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureWidth), "var(".concat(tokens.calendarQuarterItemWidth, ")")), "".concat(innerTokens.dateStructureHeight), "var(".concat(tokens.calendarQuarterItemHeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarQuarterItemBorderRadius, ")"));
|
54
54
|
var getSelectedDate = useCallback(function (event) {
|
55
55
|
var _event$currentTarget$ = event.currentTarget.dataset,
|
56
56
|
day = _event$currentTarget$.day,
|
@@ -110,7 +110,8 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
|
|
110
110
|
onKeyDown: onKeyDown,
|
111
111
|
onMouseLeave: handleMouseOutGrid
|
112
112
|
}, quarters.map(function (quarter, i) {
|
113
|
-
return /*#__PURE__*/React.createElement(
|
113
|
+
return /*#__PURE__*/React.createElement(StyledFlex, {
|
114
|
+
role: "row",
|
114
115
|
key: i
|
115
116
|
}, quarter.map(function (_ref2, j) {
|
116
117
|
var quarterName = _ref2.quarterName,
|
package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js
CHANGED
@@ -1,5 +1,9 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { tokens } from "../../Calendar.tokens";
|
3
|
+
import { flexCenter } from "../../mixins";
|
3
4
|
export var StyledCalendarQuarters = /*#__PURE__*/styled.div.withConfig({
|
4
5
|
componentId: "plasma-new-hope__sc-1grqaka-0"
|
5
|
-
})(["padding:var(", ");box-sizing:border-box;
|
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));
|
@@ -8,12 +8,12 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
8
8
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
10
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
11
|
-
import React, {
|
11
|
+
import React, { useCallback, useEffect, useRef } from 'react';
|
12
12
|
import { useYears } from "../../hooks";
|
13
13
|
import { innerTokens, tokens } from "../../Calendar.tokens";
|
14
14
|
import { ROW_YEAR_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from "../../utils";
|
15
15
|
import { DateStructureItem } from "../DateStructureItem/DateStructureItem";
|
16
|
-
import { StyledCalendarYears } from "./CalendarYears.styles";
|
16
|
+
import { StyledCalendarYears, StyledFlex } from "./CalendarYears.styles";
|
17
17
|
|
18
18
|
/**
|
19
19
|
* Компонент годов в календаре.
|
@@ -52,7 +52,7 @@ export var CalendarYears = function CalendarYears(_ref) {
|
|
52
52
|
var selectedRef = useRef(selected);
|
53
53
|
var onSetSelectedRef = useRef(onSetSelected);
|
54
54
|
var offset = isSecond ? ROW_YEAR_STEP : 0;
|
55
|
-
var yearItemTokens = _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.dateStructureBorderRadius), "var(".concat(tokens.calendarYearItemBorderRadius, ")"));
|
55
|
+
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, ")"));
|
56
56
|
var getSelectedDate = useCallback(function (event) {
|
57
57
|
var _event$currentTarget$ = event.currentTarget.dataset,
|
58
58
|
day = _event$currentTarget$.day,
|
@@ -112,7 +112,8 @@ export var CalendarYears = function CalendarYears(_ref) {
|
|
112
112
|
onKeyDown: onKeyDown,
|
113
113
|
onMouseLeave: handleMouseOutGrid
|
114
114
|
}, years.map(function (year, i) {
|
115
|
-
return /*#__PURE__*/React.createElement(
|
115
|
+
return /*#__PURE__*/React.createElement(StyledFlex, {
|
116
|
+
role: "row",
|
116
117
|
key: i
|
117
118
|
}, year.map(function (_ref2, j) {
|
118
119
|
var yearValue = _ref2.yearValue,
|
@@ -1,5 +1,9 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { tokens } from "../../Calendar.tokens";
|
3
|
+
import { flexCenter } from "../../mixins";
|
3
4
|
export var StyledCalendarYears = /*#__PURE__*/styled.div.withConfig({
|
4
5
|
componentId: "plasma-new-hope__sc-153qwc7-0"
|
5
|
-
})(["padding:var(", ");box-sizing:border-box;
|
6
|
+
})(["padding:var(", ");box-sizing:border-box;"], tokens.calendarYearsPadding);
|
7
|
+
export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
|
8
|
+
componentId: "plasma-new-hope__sc-153qwc7-1"
|
9
|
+
})(["", ";"], /*#__PURE__*/String(flexCenter));
|
package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js
CHANGED
@@ -25,12 +25,12 @@ var disabledCurrentItem = function disabledCurrentItem() {
|
|
25
25
|
};
|
26
26
|
export var StyledItemRoot = /*#__PURE__*/styled.div.withConfig({
|
27
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;border-radius:var(", ");", ";color:", ";&.", "{", ";", ";&.", "{", ";}}&.", ":not(.", "){", ";}&.", "{color:var(", ");}&.", "{color:", ";", ";}&.", "{color:", ";", ";}&.", "{& > .", ":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.dateStructureBorderRadius, /*#__PURE__*/String(flexCenter), function (_ref3) {
|
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(", ");}&.", "{color:", ";", ";}&.", "{color:", ";", ";}&.", "{& > .", ":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
29
|
var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
|
30
30
|
return isDayInCurrentMonth ? "var(".concat(tokens.calendarContentPrimaryColor, ")") : "var(".concat(tokens.calendarContentSecondaryColor, ")");
|
31
31
|
}, /*#__PURE__*/String(classes.selectableItem), /*#__PURE__*/addSelected({
|
32
|
-
minWidth:
|
33
|
-
minHeight:
|
32
|
+
minWidth: /*#__PURE__*/"calc(var(".concat(innerTokens.dateStructureWidth, ") - 0.25rem)"),
|
33
|
+
minHeight: /*#__PURE__*/"calc(var(".concat(innerTokens.dateStructureHeight, ") - 0.25rem)"),
|
34
34
|
selectedFontWeight: /*#__PURE__*/"var(".concat(innerTokens.dateStructureSelectedFontWeight, ")"),
|
35
35
|
selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
|
36
36
|
selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
|
@@ -64,13 +64,6 @@ export var isCurrentMonth = function isCurrentMonth(date, monthIndex) {
|
|
64
64
|
currentYear = _getDateFromNow2.year;
|
65
65
|
return monthIndex === currentMonthIndex && date.year === currentYear;
|
66
66
|
};
|
67
|
-
export var isCurrentQuarter = function isCurrentQuarter(date, monthIndex) {
|
68
|
-
var _getDateFromNow3 = getDateFromNow(),
|
69
|
-
currentMonthIndex = _getDateFromNow3.monthIndex,
|
70
|
-
currentYear = _getDateFromNow3.year;
|
71
|
-
var currentQuarterCondition = currentMonthIndex - monthIndex <= 3 && currentMonthIndex - monthIndex > 0;
|
72
|
-
return currentQuarterCondition && date.year === currentYear;
|
73
|
-
};
|
74
67
|
export var isSelectedMonth = function isSelectedMonth(date, currentMonth, value) {
|
75
68
|
if (!value) {
|
76
69
|
return false;
|
@@ -81,8 +74,8 @@ export var isSelectedMonth = function isSelectedMonth(date, currentMonth, value)
|
|
81
74
|
return currentMonth === monthIndex && date.year === year;
|
82
75
|
};
|
83
76
|
export var isCurrentYear = function isCurrentYear(year) {
|
84
|
-
var
|
85
|
-
currentYear =
|
77
|
+
var _getDateFromNow3 = getDateFromNow(),
|
78
|
+
currentYear = _getDateFromNow3.year;
|
86
79
|
return year === currentYear;
|
87
80
|
};
|
88
81
|
export var isSelectedYear = function isSelectedYear(yearValue, value) {
|
@@ -1,12 +1,7 @@
|
|
1
1
|
export var classes = {
|
2
2
|
datePickerError: 'date-picker-error',
|
3
3
|
datePickerSuccess: 'date-picker-success',
|
4
|
-
datePickerRoot: 'date-picker-root'
|
5
|
-
datePickerStretch: 'date-picker-stretch',
|
6
|
-
datePickerCalendarStretch: 'date-picker-calendar-stretch'
|
7
|
-
};
|
8
|
-
export var pivateTokens = {
|
9
|
-
calendarDoubleWidth: '--plasma_private-calendar-double-width'
|
4
|
+
datePickerRoot: 'date-picker-root'
|
10
5
|
};
|
11
6
|
export var tokens = {
|
12
7
|
width: '--plasma-date-picker-width',
|
@@ -137,6 +132,8 @@ export var tokens = {
|
|
137
132
|
calendarBorderColor: '--plasma-date-picker-calendar-border-color',
|
138
133
|
calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
|
139
134
|
calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
|
135
|
+
calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
|
136
|
+
calendarYearItemHeight: '--plasma-date-picker-calendar__year-item-height',
|
140
137
|
calendarYearFontFamily: '--plasma-date-picker-calendar__year-font-family',
|
141
138
|
calendarYearFontSize: '--plasma-date-picker-calendar__year-font-size',
|
142
139
|
calendarYearFontStyle: '--plasma-date-picker-calendar__year-font-style',
|
@@ -146,6 +143,8 @@ export var tokens = {
|
|
146
143
|
calendarYearSelectedFontWeight: '--plasma-date-picker-calendar__year-selected-font-weight',
|
147
144
|
calendarMonthsPadding: '--plasma-date-picker-calendar__months-padding',
|
148
145
|
calendarMonthItemBorderRadius: '--plasma-date-picker-calendar__month-item-border-radius',
|
146
|
+
calendarMonthItemWidth: '--plasma-date-picker-calendar__month-item-width',
|
147
|
+
calendarMonthItemHeight: '--plasma-date-picker-calendar__month-item-height',
|
149
148
|
calendarMonthFontFamily: '--plasma-date-picker-calendar__month-font-family',
|
150
149
|
calendarMonthFontSize: '--plasma-date-picker-calendar__month-font-size',
|
151
150
|
calendarMonthFontStyle: '--plasma-date-picker-calendar__month-font-style',
|
@@ -155,6 +154,8 @@ export var tokens = {
|
|
155
154
|
calendarMonthSelectedFontWeight: '--plasma-date-picker-calendar__month-selected-font-weight',
|
156
155
|
calendarQuartersPadding: '--plasma-date-picker-calendar__quarters-padding',
|
157
156
|
calendarQuarterItemBorderRadius: '--plasma-date-picker-calendar__quarter-item-border-radius',
|
157
|
+
calendarQuarterItemWidth: '--plasma-date-picker-calendar__quarter-item-width',
|
158
|
+
calendarQuarterItemHeight: '--plasma-date-picker-calendar__quarter-item-height',
|
158
159
|
calendarQuarterFontFamily: '--plasma-date-picker-calendar__quarter-font-family',
|
159
160
|
calendarQuarterFontSize: '--plasma-date-picker-calendar__quarter-font-size',
|
160
161
|
calendarQuarterFontStyle: '--plasma-date-picker-calendar__quarter-font-style',
|
@@ -164,6 +165,8 @@ export var tokens = {
|
|
164
165
|
calendarQuarterSelectedFontWeight: '--plasma-date-picker-calendar__quarter-selected-font-weight',
|
165
166
|
calendarDaysPadding: '--plasma-date-picker-calendar__days-padding',
|
166
167
|
calendarDayItemBorderRadius: '--plasma-date-picker-calendar__day-item-border-radius',
|
168
|
+
calendarDayItemWidth: '--plasma-date-picker-calendar__day-item-width',
|
169
|
+
calendarDayItemHeight: '--plasma-date-picker-calendar__day-item-height',
|
167
170
|
calendarDayFontFamily: '--plasma-date-picker-calendar__day-font-family',
|
168
171
|
calendarDayFontSize: '--plasma-date-picker-calendar__day-font-size',
|
169
172
|
calendarDayFontStyle: '--plasma-date-picker-calendar__day-font-style',
|