@salutejs/plasma-new-hope 0.324.0-canary.1972.15071772993.0 → 0.324.0-canary.1976.15107513065.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/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
- package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
- 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/Carousel/Carousel.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/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/DatePicker/utils/getOriginalDates.js.map +1 -1
- package/cjs/components/DatePicker/utils/normalizeDates.js.map +1 -1
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/SelectNative/SelectNative.js.map +1 -1
- package/cjs/components/Select/ui/SelectNative/SelectNative.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/Target.css +2 -2
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +2 -2
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/Toast/ToastNew/ToastNew.js.map +1 -1
- package/cjs/components/Toast/ToastNew/ToastNew.styles.js.map +1 -1
- package/cjs/index.css +28 -24
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +2 -2
- 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 +3 -15
- 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/DatePicker/hooks/useDatePicker.js +1 -1
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -1
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +12 -12
- package/emotion/cjs/components/Select/ui/SelectNative/SelectNative.styles.js +1 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +7 -7
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -5
- package/emotion/cjs/components/Slider/components/Double/Double.styles.js +7 -7
- package/emotion/cjs/components/TextField/TextField.styles.js +22 -22
- package/emotion/cjs/components/Toast/ToastNew/ToastNew.styles.js +4 -4
- 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_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/ui/SuggestionItem/SuggestionItem.styles.js +2 -2
- 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 +4 -16
- 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/DatePicker/hooks/useDatePicker.js +1 -1
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +1 -1
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +12 -12
- package/emotion/es/components/Select/ui/SelectNative/SelectNative.styles.js +1 -1
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +7 -7
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -5
- package/emotion/es/components/Slider/components/Double/Double.styles.js +7 -7
- package/emotion/es/components/TextField/TextField.styles.js +22 -22
- package/emotion/es/components/Toast/ToastNew/ToastNew.styles.js +4 -4
- 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_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/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
- 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/Carousel/Carousel.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/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/DatePicker/utils/getOriginalDates.js.map +1 -1
- package/es/components/DatePicker/utils/normalizeDates.js.map +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/SelectNative/SelectNative.js.map +1 -1
- package/es/components/Select/ui/SelectNative/SelectNative.styles.js.map +1 -1
- package/es/components/Select/ui/Target/Target.css +2 -2
- package/es/components/Select/ui/Target/ui/Button/Button.css +2 -2
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/Toast/ToastNew/ToastNew.js.map +1 -1
- package/es/components/Toast/ToastNew/ToastNew.styles.js.map +1 -1
- package/es/index.css +28 -24
- package/package.json +3 -4
- 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 +3 -15
- 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/DatePicker/hooks/useDatePicker.js +1 -1
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -1
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +2 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.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_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/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 +4 -16
- 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/DatePicker/hooks/useDatePicker.js +1 -1
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +1 -1
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.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_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/Autocomplete/Autocomplete.d.ts +1 -1
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- 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/Carousel/Carousel.d.ts +1 -1
- package/types/components/Carousel/Carousel.d.ts.map +1 -1
- package/types/components/Carousel/Carousel.types.d.ts +1 -1
- package/types/components/Carousel/Carousel.types.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 +4 -17
- 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 +4 -4
- 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/Select/Select.d.ts +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Select/ui/SelectNative/SelectNative.styles.d.ts.map +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -1
- package/types/components/Toast/ToastNew/ToastNew.d.ts +1 -1
- package/types/components/Toast/ToastNew/ToastNew.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
@@ -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',
|
@@ -5,18 +5,12 @@ import { calendarBaseConfig, calendarBaseTokens } from "../Calendar";
|
|
5
5
|
import { tokens } from "./DatePicker.tokens";
|
6
6
|
var mergedCalendarConfig = /*#__PURE__*/mergeConfig(calendarBaseConfig);
|
7
7
|
var Calendar = /*#__PURE__*/component(mergedCalendarConfig);
|
8
|
-
export var baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(tokens.calendarShadow, ");\n border-radius: var(").concat(tokens.calendarBorderRadius, ");\n margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n \n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n \n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
|
8
|
+
export var baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(tokens.calendarShadow, ");\n border-radius: var(").concat(tokens.calendarBorderRadius, ");\n margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarWidth, ": var(").concat(tokens.calendarWidth, ");\n ").concat(calendarBaseTokens.calendarHeight, ": var(").concat(tokens.calendarHeight, ");\n ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearItemWidth, ": var(").concat(tokens.calendarYearItemWidth, ");\n ").concat(calendarBaseTokens.calendarYearItemHeight, ": var(").concat(tokens.calendarYearItemHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(tokens.calendarMonthItemWidth, ");\n ").concat(calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(tokens.calendarMonthItemHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarQuarterItemWidth, ": var(").concat(tokens.calendarQuarterItemWidth, ");\n ").concat(calendarBaseTokens.calendarQuarterItemHeight, ": var(").concat(tokens.calendarQuarterItemHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayItemWidth, ": var(").concat(tokens.calendarDayItemWidth, ");\n ").concat(calendarBaseTokens.calendarDayItemHeight, ": var(").concat(tokens.calendarDayItemHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n\n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n\n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
|
9
9
|
|
10
10
|
// NOTE: переопределение токенов Calendar
|
11
11
|
export var StyledCalendar = /*#__PURE__*/styled(Calendar).withConfig({
|
12
12
|
componentId: "plasma-new-hope__sc-1i6o09y-0"
|
13
|
-
})(["
|
14
|
-
var innerWidth = _ref.innerWidth;
|
15
|
-
return innerWidth || "var(".concat(tokens.calendarWidth, ")");
|
16
|
-
}, function (_ref2) {
|
17
|
-
var innerHeight = _ref2.innerHeight;
|
18
|
-
return innerHeight || "var(".concat(tokens.calendarHeight, ")");
|
19
|
-
});
|
13
|
+
})(["width:var(", ");", ""], tokens.width, baseCalendarTokens);
|
20
14
|
export var InputHidden = /*#__PURE__*/styled.input.withConfig({
|
21
15
|
componentId: "plasma-new-hope__sc-1i6o09y-1"
|
22
16
|
})(["", ";"], /*#__PURE__*/applyHidden());
|
@@ -1,9 +1,5 @@
|
|
1
|
-
|
2
|
-
var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "value", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "hasRequiredIndicator", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "calendarWidth", "calendarHeight", "stretch", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
1
|
+
var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "value", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "hasRequiredIndicator", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
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,8 +9,7 @@ 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, { createRef, forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
|
16
|
-
import
|
17
|
-
import { noop } from "../../../utils";
|
12
|
+
import { cx, noop } from "../../../utils";
|
18
13
|
import { getDateFormatDelimiter } from "../utils/dateHelper";
|
19
14
|
import { useDatePicker } from "../hooks/useDatePicker";
|
20
15
|
import { classes } from "../DatePicker.tokens";
|
@@ -108,9 +103,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
108
103
|
_ref$closeAfterDateSe = _ref.closeAfterDateSelect,
|
109
104
|
closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
|
110
105
|
offset = _ref.offset,
|
111
|
-
calendarWidth = _ref.calendarWidth,
|
112
|
-
calendarHeight = _ref.calendarHeight,
|
113
|
-
stretch = _ref.stretch,
|
114
106
|
onToggle = _ref.onToggle,
|
115
107
|
onChange = _ref.onChange,
|
116
108
|
onChangeFirstValue = _ref.onChangeFirstValue,
|
@@ -492,25 +484,21 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
492
484
|
useLayoutEffect(function () {
|
493
485
|
updateExternalSecondDate(defaultSecondDate);
|
494
486
|
}, [defaultSecondDate, format, lang]);
|
495
|
-
var RootWrapper = useCallback(
|
496
|
-
var children = _ref6.children
|
497
|
-
rootWrapperClassName = _ref6.className,
|
498
|
-
onClick = _ref6.onClick;
|
487
|
+
var RootWrapper = useCallback(function (_ref6) {
|
488
|
+
var children = _ref6.children;
|
499
489
|
return /*#__PURE__*/React.createElement(Root, {
|
500
|
-
ref: rootWrapperRef,
|
501
490
|
view: view,
|
502
491
|
size: size,
|
503
|
-
className:
|
492
|
+
className: cx(classes.datePickerRoot, className),
|
504
493
|
disabled: disabled,
|
505
|
-
readOnly: !disabled && readOnly
|
506
|
-
onClick: onClick
|
494
|
+
readOnly: !disabled && readOnly
|
507
495
|
}, children);
|
508
|
-
}
|
496
|
+
}, [view, size, disabled, readOnly]);
|
509
497
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
510
498
|
ref: rootRef,
|
511
499
|
view: view,
|
512
500
|
size: size,
|
513
|
-
className:
|
501
|
+
className: cx(classes.datePickerRoot, className),
|
514
502
|
disabled: disabled,
|
515
503
|
readOnly: !disabled && readOnly
|
516
504
|
}, rest), /*#__PURE__*/React.createElement(RangeDatePopover, {
|
@@ -535,19 +523,15 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
535
523
|
closeOnOverlayClick: closeOnOverlayClick,
|
536
524
|
closeOnEsc: closeOnEsc,
|
537
525
|
offset: offset,
|
538
|
-
stretch: stretch,
|
539
|
-
calendarWidth: calendarWidth,
|
540
|
-
calendarHeight: calendarHeight,
|
541
526
|
type: type,
|
542
527
|
onToggle: handleToggle,
|
543
528
|
lang: lang,
|
544
529
|
isDoubleCalendar: isDoubleCalendar,
|
545
530
|
rootWrapper: RootWrapper,
|
546
531
|
onChangeStartOfRange: handleChangeStartOfRange,
|
547
|
-
onChangeValue: handleChangeCalendarValue
|
548
|
-
setIsInnerOpen: setIsInnerOpen
|
532
|
+
onChangeValue: handleChangeCalendarValue
|
549
533
|
}), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
|
550
|
-
className:
|
534
|
+
className: cx(rangeErrorClass, rangeSuccessClass)
|
551
535
|
}, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
|
552
536
|
name: name,
|
553
537
|
type: "hidden",
|
@@ -3,7 +3,7 @@ import { css } from 'styled-components';
|
|
3
3
|
import { component, mergeConfig } from "../../../engines";
|
4
4
|
import { rangeConfig, rangeTokens } from "../../Range";
|
5
5
|
import { classes, tokens } from "../DatePicker.tokens";
|
6
|
-
import {
|
6
|
+
import { popoverConfig } from "../../Popover";
|
7
7
|
var mergedRangeConfig = /*#__PURE__*/mergeConfig(rangeConfig);
|
8
8
|
var Range = /*#__PURE__*/component(mergedRangeConfig);
|
9
9
|
var mergedPopoverConfig = /*#__PURE__*/mergeConfig(popoverConfig);
|
@@ -16,7 +16,7 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
|
|
16
16
|
export var StyledRange = /*#__PURE__*/styled(Range).withConfig({
|
17
17
|
componentId: "plasma-new-hope__sc-14j95rs-1"
|
18
18
|
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], rangeTokens.background, tokens.background, rangeTokens.backgroundError, tokens.backgroundError, rangeTokens.backgroundSuccess, tokens.backgroundSuccess, rangeTokens.borderColor, tokens.borderColor, rangeTokens.borderColorError, tokens.borderColorError, rangeTokens.borderColorSuccess, tokens.borderColorSuccess, rangeTokens.borderWidth, tokens.textFieldBorderWidth, rangeTokens.dividerColor, tokens.dividerColor, rangeTokens.labelColor, tokens.labelColor, rangeTokens.leftHelperColor, tokens.leftHelperColor, rangeTokens.textFieldColor, tokens.textFieldColor, rangeTokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColor, rangeTokens.textFieldPlaceholderColorFocus, tokens.textFieldPlaceholderColorFocus, rangeTokens.textFieldCaretColor, tokens.textFieldCaretColor, rangeTokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundColorFocus, rangeTokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColor, rangeTokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundErrorColorFocus, rangeTokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColor, rangeTokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBackgroundSuccessColorFocus, rangeTokens.textFieldBorderWidth, tokens.textFieldBorderWidth, rangeTokens.textFieldBorderColorFocus, tokens.textFieldBorderColorFocus, rangeTokens.textFieldBorderColorError, tokens.textFieldBorderColorError, rangeTokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorFocus, rangeTokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccess, rangeTokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessFocus, rangeTokens.textFieldTextBeforeColor, tokens.textFieldTextBeforeColor, rangeTokens.textFieldTextAfterColor, tokens.textFieldTextAfterColor, rangeTokens.focusColor, tokens.focusColor, rangeTokens.borderRadius, tokens.borderRadius, rangeTokens.dividerPadding, tokens.dividerPadding, rangeTokens.dividerFontFamily, tokens.dividerFontFamily, rangeTokens.dividerFontStyle, tokens.dividerFontStyle, rangeTokens.dividerFontSize, tokens.dividerFontSize, rangeTokens.dividerFontWeight, tokens.dividerFontWeight, rangeTokens.dividerLetterSpacing, tokens.dividerLetterSpacing, rangeTokens.dividerLineHeight, tokens.dividerLineHeight, rangeTokens.leftContentMargin, tokens.leftContentMargin, rangeTokens.rightContentMargin, tokens.rightContentMargin, rangeTokens.labelOffset, tokens.labelOffset, rangeTokens.labelFontFamily, tokens.labelFontFamily, rangeTokens.labelFontStyle, tokens.labelFontStyle, rangeTokens.labelFontSize, tokens.labelFontSize, rangeTokens.labelFontWeight, tokens.labelFontWeight, rangeTokens.labelLetterSpacing, tokens.labelLetterSpacing, rangeTokens.labelLineHeight, tokens.labelLineHeight, rangeTokens.indicatorColor, tokens.indicatorColor, rangeTokens.indicatorSize, tokens.indicatorSize, rangeTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, rangeTokens.indicatorPlacement, tokens.indicatorPlacement, rangeTokens.indicatorOuterPlacement, tokens.indicatorOuterPlacement, rangeTokens.indicatorPlacementRight, tokens.indicatorPlacementRight, rangeTokens.indicatorOuterPlacementRight, tokens.indicatorOuterPlacementRight, rangeTokens.textFieldHeight, tokens.textFieldHeight, rangeTokens.textFieldBorderRadius, tokens.textFieldBorderRadius, rangeTokens.textFieldPadding, tokens.textFieldPadding, rangeTokens.textFieldFontFamily, tokens.textFieldFontFamily, rangeTokens.textFieldFontStyle, tokens.textFieldFontStyle, rangeTokens.textFieldFontSize, tokens.textFieldFontSize, rangeTokens.textFieldFontWeight, tokens.textFieldFontWeight, rangeTokens.textFieldLetterSpacing, tokens.textFieldLetterSpacing, rangeTokens.textFieldLineHeight, tokens.textFieldLineHeight, rangeTokens.leftHelperOffset, tokens.leftHelperOffset, rangeTokens.leftHelperFontFamily, tokens.leftHelperFontFamily, rangeTokens.leftHelperFontStyle, tokens.leftHelperFontStyle, rangeTokens.leftHelperFontSize, tokens.leftHelperFontSize, rangeTokens.leftHelperFontWeight, tokens.leftHelperFontWeight, rangeTokens.leftHelperLetterSpacing, tokens.leftHelperLetterSpacing, rangeTokens.leftHelperLineHeight, tokens.leftHelperLineHeight, rangeTokens.textFieldLeftContentMargin, tokens.textFieldLeftContentMargin, rangeTokens.textFieldRightContentMargin, tokens.textFieldRightContentMargin, rangeTokens.textFieldTextBeforeMargin, tokens.textFieldTextBeforeMargin, rangeTokens.textFieldTextAfterMargin, tokens.textFieldTextAfterMargin, rangeTokens.backgroundReadOnly, tokens.backgroundReadOnly, rangeTokens.labelColorReadOnly, tokens.labelColorReadOnly, rangeTokens.leftHelperColorReadOnly, tokens.leftHelperColorReadOnly, rangeTokens.dividerColorReadOnly, tokens.dividerColorReadOnly, rangeTokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, rangeTokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, rangeTokens.textFieldPlaceholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly);
|
19
|
-
export var base = /*#__PURE__*/css(["display:inline-block
|
19
|
+
export var base = /*#__PURE__*/css(["display:inline-block;"]);
|
20
20
|
export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
|
21
21
|
componentId: "plasma-new-hope__sc-14j95rs-2"
|
22
22
|
})(["color:var(", ");&.", "{color:var(", ");}&.", "{color:var(", ");}"], tokens.leftHelperColor, classes.datePickerError, tokens.leftHelperColorError, classes.datePickerSuccess, tokens.leftHelperColorSuccess);
|
package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js
CHANGED
@@ -1,12 +1,6 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
4
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
5
|
-
import React, { useRef } from 'react';
|
6
|
-
import cls from 'classnames';
|
7
|
-
import { getPlacements, getSizeValueFromProp } from "../../../../utils";
|
1
|
+
import React from 'react';
|
2
|
+
import { getPlacements } from "../../../../utils";
|
8
3
|
import { StyledPopover } from "../RangeDate.styles";
|
9
|
-
import { classes } from "../../DatePicker.tokens";
|
10
4
|
import { StyledCalendar, StyledCalendarDouble } from "./RangeDatePopover.styles";
|
11
5
|
export var RangeDatePopover = function RangeDatePopover(_ref) {
|
12
6
|
var Root = _ref.rootWrapper,
|
@@ -37,35 +31,14 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
|
|
37
31
|
closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
|
38
32
|
closeOnEsc = _ref.closeOnEsc,
|
39
33
|
offset = _ref.offset,
|
40
|
-
calendarWidth = _ref.calendarWidth,
|
41
|
-
calendarHeight = _ref.calendarHeight,
|
42
|
-
stretch = _ref.stretch,
|
43
34
|
type = _ref.type,
|
44
35
|
size = _ref.size,
|
45
36
|
_ref$lang = _ref.lang,
|
46
37
|
lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
|
47
|
-
disabled = _ref.disabled,
|
48
|
-
readOnly = _ref.readOnly,
|
49
|
-
setIsInnerOpen = _ref.setIsInnerOpen,
|
50
38
|
onChangeValue = _ref.onChangeValue,
|
51
39
|
onChangeStartOfRange = _ref.onChangeStartOfRange,
|
52
40
|
onToggle = _ref.onToggle;
|
53
41
|
var innerIsOpen = Boolean(isOpen || opened);
|
54
|
-
var calendarRootRef = useRef(null);
|
55
|
-
var doubleCalendarRootRef = useRef(null);
|
56
|
-
var calendarWidthValue = calendarWidth ? getSizeValueFromProp(calendarWidth, 'rem') : undefined;
|
57
|
-
var calendarHeightValue = calendarHeight ? getSizeValueFromProp(calendarHeight, 'rem') : undefined;
|
58
|
-
var handleCalendarRootClick = function handleCalendarRootClick(event) {
|
59
|
-
if (disabled || readOnly) {
|
60
|
-
return;
|
61
|
-
}
|
62
|
-
if (innerIsOpen && stretch && (event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current) || event.target === (doubleCalendarRootRef === null || doubleCalendarRootRef === void 0 ? void 0 : doubleCalendarRootRef.current))) {
|
63
|
-
setIsInnerOpen(false);
|
64
|
-
if (onToggle) {
|
65
|
-
onToggle(false, event);
|
66
|
-
}
|
67
|
-
}
|
68
|
-
};
|
69
42
|
if (isDoubleCalendar) {
|
70
43
|
return /*#__PURE__*/React.createElement(StyledPopover, {
|
71
44
|
opened: innerIsOpen,
|
@@ -79,14 +52,7 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
|
|
79
52
|
isFocusTrapped: false,
|
80
53
|
target: target,
|
81
54
|
preventOverflow: false
|
82
|
-
}, /*#__PURE__*/React.createElement(Root, {
|
83
|
-
ref: doubleCalendarRootRef,
|
84
|
-
className: cls(classes.datePickerRoot, _defineProperty({}, classes.datePickerStretch, stretch)),
|
85
|
-
onClick: handleCalendarRootClick
|
86
|
-
}, /*#__PURE__*/React.createElement(StyledCalendarDouble, {
|
87
|
-
className: cls(_defineProperty({}, classes.datePickerCalendarStretch, stretch)),
|
88
|
-
innerWidth: calendarWidthValue,
|
89
|
-
innerHeight: calendarHeightValue,
|
55
|
+
}, /*#__PURE__*/React.createElement(Root, null, /*#__PURE__*/React.createElement(StyledCalendarDouble, {
|
90
56
|
size: size,
|
91
57
|
value: calendarValue,
|
92
58
|
eventList: eventList,
|
@@ -120,14 +86,7 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
|
|
120
86
|
target: target,
|
121
87
|
preventOverflow: false,
|
122
88
|
closeOnEsc: closeOnEsc
|
123
|
-
}, /*#__PURE__*/React.createElement(Root, {
|
124
|
-
ref: calendarRootRef,
|
125
|
-
className: cls(classes.datePickerRoot, _defineProperty({}, classes.datePickerStretch, stretch)),
|
126
|
-
onClick: handleCalendarRootClick
|
127
|
-
}, /*#__PURE__*/React.createElement(StyledCalendar, {
|
128
|
-
className: cls(_defineProperty({}, classes.datePickerCalendarStretch, stretch)),
|
129
|
-
innerWidth: calendarWidthValue,
|
130
|
-
innerHeight: calendarHeightValue,
|
89
|
+
}, /*#__PURE__*/React.createElement(Root, null, /*#__PURE__*/React.createElement(StyledCalendar, {
|
131
90
|
size: size,
|
132
91
|
value: calendarValue,
|
133
92
|
eventList: eventList,
|