@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
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useLayoutEffect, useRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\nimport { useDidMountEffect, useOutsideClick } from 'src/hooks';\nimport { RootProps } from 'src/engines';\n\nimport { FloatingPopover } from './FloatingPopover';\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField, VirtualList } from './ui';\nimport { Ul, InfiniteLoaderWrapper, base, StyledLeftHelper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n// Пороговое значение количества результирующих элементов в списке,\n// при котором возможна виртуализация (при virtual=true);\nconst VIRTUAL_ITEM_AMOUNT_THRESHOLD = 10;\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, Omit<AutocompleteProps, 'hintText'>>) =>\n forwardRef<HTMLInputElement, AutocompleteProps>(\n (\n {\n value: outerValue,\n defaultValue,\n onChange,\n suggestions,\n view,\n size,\n labelPlacement,\n keepPlaceholder,\n disabled,\n readOnly,\n label,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n onScroll,\n listMaxHeight,\n listWidth,\n portal,\n filter,\n onSuggestionSelect,\n threshold = 2,\n renderList,\n renderListEnd,\n renderItem,\n onSearch,\n hintText,\n hintView = 'default',\n hintSize = 'm',\n beforeList,\n afterList,\n virtual = false,\n ...rest\n },\n ref,\n ) => {\n const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n const [innerValue, setInnerValue] = useState<string | number>('');\n const [isOpen, setIsOpen] = useState(false);\n\n const listId = safeUseId();\n const value = outerValue ?? innerValue;\n\n const helperTextId = safeUseId();\n const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n const targetRef = useOutsideClick<HTMLUListElement>(() => {\n setIsOpen(false);\n }, floatingPopoverRef);\n\n const handleFocus = () => {\n if (value.toString().length >= threshold) {\n setIsOpen(true);\n }\n };\n\n const handleItemClick = (e: SuggestionItemType) => {\n setInnerValue(e.label);\n\n if (onSuggestionSelect) {\n onSuggestionSelect(e);\n }\n\n setIsOpen(false);\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const currentValue = e.target.value;\n\n setInnerValue(currentValue);\n\n if (onChange) {\n onChange(e);\n }\n\n if (currentValue.toString().length >= threshold) {\n setIsOpen(true);\n } else {\n setIsOpen(false);\n }\n };\n\n const defaultFilterCallback = ({ label }: { label: string }) => {\n return label.toLowerCase().includes(value.toString().toLowerCase());\n };\n\n const helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n };\n\n const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n virtual = virtual && finalResults.length > VIRTUAL_ITEM_AMOUNT_THRESHOLD;\n\n const { onKeyDown } = useKeyNavigation({\n isOpen,\n setIsOpen,\n focused,\n dispatchFocused,\n finalResults,\n handleItemClick,\n });\n\n useDidMountEffect(() => {\n dispatchFocused({ type: 'reset' });\n }, [value]);\n\n useLayoutEffect(() => {\n if (defaultValue) {\n setInnerValue(defaultValue);\n }\n }, [defaultValue]);\n\n return (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n hintView={hintView}\n hintSize={hintSize}\n >\n <FloatingPopover\n ref={floatingPopoverRef}\n opened={isOpen}\n portal={portal}\n listWidth={listWidth}\n target={(referenceRef) => (\n <StyledTextField\n ref={ref}\n inputWrapperRef={referenceRef}\n value={value}\n onChange={handleChange}\n onSearch={focused === null ? onSearch : undefined}\n size={size}\n view={view}\n disabled={disabled}\n readOnly={readOnly}\n label={label}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onFocus={handleFocus}\n onKeyDown={onKeyDown}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={listId}\n aria-expanded={isOpen}\n aria-activedescendant={`${listId}/${focused}`}\n aria-describedby={helperTextId}\n hintText={String(hintText || '')}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n leftHelper={\n leftHelper && (\n <StyledLeftHelper onClick={helperTextStopPropagation}>\n {leftHelper}\n </StyledLeftHelper>\n )\n }\n {...rest}\n />\n )}\n >\n {(renderList && renderList(finalResults)) ||\n (Boolean(finalResults.length) && (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n >\n <Ul\n ref={targetRef}\n id={listId}\n role=\"listbox\"\n aria-label={label}\n onScroll={virtual ? undefined : onScroll}\n listMaxHeight={listMaxHeight}\n virtual={virtual}\n >\n {virtual ? (\n <VirtualList\n items={finalResults}\n onClick={handleItemClick}\n listId={listId}\n listMaxHeight={listMaxHeight}\n onScroll={onScroll}\n renderItem={renderItem}\n />\n ) : (\n <>\n {beforeList}\n\n {finalResults.map((suggestion, index) => (\n <SuggestionItem\n key={index}\n item={suggestion}\n onClick={handleItemClick}\n id={`${listId}/${index}`}\n focused={focused === index}\n renderItem={renderItem}\n />\n ))}\n\n {afterList}\n </>\n )}\n\n {renderListEnd && (\n <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n )}\n </Ul>\n </Root>\n ))}\n </FloatingPopover>\n </Root>\n );\n },\n );\n\nexport const autocompleteConfig = {\n name: 'Autocomplete',\n tag: 'div',\n layout: autocompleteRoot,\n base,\n defaults: {\n view: 'default',\n size: 'l',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n css: '',\n },\n },\n};\n"],"names":["VIRTUAL_ITEM_AMOUNT_THRESHOLD","autocompleteRoot","Root","forwardRef","_ref","ref","_StyledLeftHelper","outerValue","value","defaultValue","onChange","suggestions","view","size","labelPlacement","keepPlaceholder","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","renderItem","onSearch","hintText","_ref$hintView","hintView","_ref$hintSize","hintSize","beforeList","afterList","_ref$virtual","virtual","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","floatingPopoverRef","useRef","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","helperTextStopPropagation","event","stopPropagation","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","useLayoutEffect","React","createElement","FloatingPopover","opened","referenceRef","StyledTextField","_extends","inputWrapperRef","undefined","onFocus","role","concat","String","StyledLeftHelper","onClick","Boolean","Ul","id","VirtualList","items","Fragment","map","suggestion","index","SuggestionItem","key","item","InfiniteLoaderWrapper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useLayoutEffect, useRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { useDidMountEffect, useOutsideClick } from '../../hooks';\nimport { RootProps } from '../../engines';\n\nimport { FloatingPopover } from './FloatingPopover';\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField, VirtualList } from './ui';\nimport { Ul, InfiniteLoaderWrapper, base, StyledLeftHelper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n// Пороговое значение количества результирующих элементов в списке,\n// при котором возможна виртуализация (при virtual=true);\nconst VIRTUAL_ITEM_AMOUNT_THRESHOLD = 10;\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, Omit<AutocompleteProps, 'hintText'>>) =>\n forwardRef<HTMLInputElement, AutocompleteProps>(\n (\n {\n value: outerValue,\n defaultValue,\n onChange,\n suggestions,\n view,\n size,\n labelPlacement,\n keepPlaceholder,\n disabled,\n readOnly,\n label,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n onScroll,\n listMaxHeight,\n listWidth,\n portal,\n filter,\n onSuggestionSelect,\n threshold = 2,\n renderList,\n renderListEnd,\n renderItem,\n onSearch,\n hintText,\n hintView = 'default',\n hintSize = 'm',\n beforeList,\n afterList,\n virtual = false,\n ...rest\n },\n ref,\n ) => {\n const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n const [innerValue, setInnerValue] = useState<string | number>('');\n const [isOpen, setIsOpen] = useState(false);\n\n const listId = safeUseId();\n const value = outerValue ?? innerValue;\n\n const helperTextId = safeUseId();\n const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n const targetRef = useOutsideClick<HTMLUListElement>(() => {\n setIsOpen(false);\n }, floatingPopoverRef);\n\n const handleFocus = () => {\n if (value.toString().length >= threshold) {\n setIsOpen(true);\n }\n };\n\n const handleItemClick = (e: SuggestionItemType) => {\n setInnerValue(e.label);\n\n if (onSuggestionSelect) {\n onSuggestionSelect(e);\n }\n\n setIsOpen(false);\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const currentValue = e.target.value;\n\n setInnerValue(currentValue);\n\n if (onChange) {\n onChange(e);\n }\n\n if (currentValue.toString().length >= threshold) {\n setIsOpen(true);\n } else {\n setIsOpen(false);\n }\n };\n\n const defaultFilterCallback = ({ label }: { label: string }) => {\n return label.toLowerCase().includes(value.toString().toLowerCase());\n };\n\n const helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n };\n\n const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n virtual = virtual && finalResults.length > VIRTUAL_ITEM_AMOUNT_THRESHOLD;\n\n const { onKeyDown } = useKeyNavigation({\n isOpen,\n setIsOpen,\n focused,\n dispatchFocused,\n finalResults,\n handleItemClick,\n });\n\n useDidMountEffect(() => {\n dispatchFocused({ type: 'reset' });\n }, [value]);\n\n useLayoutEffect(() => {\n if (defaultValue) {\n setInnerValue(defaultValue);\n }\n }, [defaultValue]);\n\n return (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n hintView={hintView}\n hintSize={hintSize}\n >\n <FloatingPopover\n ref={floatingPopoverRef}\n opened={isOpen}\n portal={portal}\n listWidth={listWidth}\n target={(referenceRef) => (\n <StyledTextField\n ref={ref}\n inputWrapperRef={referenceRef}\n value={value}\n onChange={handleChange}\n onSearch={focused === null ? onSearch : undefined}\n size={size}\n view={view}\n disabled={disabled}\n readOnly={readOnly}\n label={label}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onFocus={handleFocus}\n onKeyDown={onKeyDown}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={listId}\n aria-expanded={isOpen}\n aria-activedescendant={`${listId}/${focused}`}\n aria-describedby={helperTextId}\n hintText={String(hintText || '')}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n leftHelper={\n leftHelper && (\n <StyledLeftHelper onClick={helperTextStopPropagation}>\n {leftHelper}\n </StyledLeftHelper>\n )\n }\n {...rest}\n />\n )}\n >\n {(renderList && renderList(finalResults)) ||\n (Boolean(finalResults.length) && (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n disabled={disabled}\n readOnly={readOnly}\n >\n <Ul\n ref={targetRef}\n id={listId}\n role=\"listbox\"\n aria-label={label}\n onScroll={virtual ? undefined : onScroll}\n listMaxHeight={listMaxHeight}\n virtual={virtual}\n >\n {virtual ? (\n <VirtualList\n items={finalResults}\n onClick={handleItemClick}\n listId={listId}\n listMaxHeight={listMaxHeight}\n onScroll={onScroll}\n renderItem={renderItem}\n />\n ) : (\n <>\n {beforeList}\n\n {finalResults.map((suggestion, index) => (\n <SuggestionItem\n key={index}\n item={suggestion}\n onClick={handleItemClick}\n id={`${listId}/${index}`}\n focused={focused === index}\n renderItem={renderItem}\n />\n ))}\n\n {afterList}\n </>\n )}\n\n {renderListEnd && (\n <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n )}\n </Ul>\n </Root>\n ))}\n </FloatingPopover>\n </Root>\n );\n },\n );\n\nexport const autocompleteConfig = {\n name: 'Autocomplete',\n tag: 'div',\n layout: autocompleteRoot,\n base,\n defaults: {\n view: 'default',\n size: 'l',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n css: '',\n },\n },\n};\n"],"names":["VIRTUAL_ITEM_AMOUNT_THRESHOLD","autocompleteRoot","Root","forwardRef","_ref","ref","_StyledLeftHelper","outerValue","value","defaultValue","onChange","suggestions","view","size","labelPlacement","keepPlaceholder","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","renderItem","onSearch","hintText","_ref$hintView","hintView","_ref$hintSize","hintSize","beforeList","afterList","_ref$virtual","virtual","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","floatingPopoverRef","useRef","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","helperTextStopPropagation","event","stopPropagation","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","useLayoutEffect","React","createElement","FloatingPopover","opened","referenceRef","StyledTextField","_extends","inputWrapperRef","undefined","onFocus","role","concat","String","StyledLeftHelper","onClick","Boolean","Ul","id","VirtualList","items","Fragment","map","suggestion","index","SuggestionItem","key","item","InfiniteLoaderWrapper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SuggestionItem.styles.js","sources":["../../../../../src/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { addFocus, applyEllipsis } from '
|
1
|
+
{"version":3,"file":"SuggestionItem.styles.js","sources":["../../../../../src/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { tokens, classes } from '../../Autocomplete.tokens';\n\nexport const StyledText = styled.div`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.li`\n display: flex;\n align-items: center;\n margin: 0;\n box-sizing: content-box;\n padding: var(${tokens.itemPadding});\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeight});\n letter-spacing: var(${tokens.itemFontLetterSpacing});\n line-height: var(${tokens.itemFontLineHeight});\n background: var(${tokens.itemBackground});\n color: var(${tokens.itemColor});\n border-radius: var(${tokens.itemBorderRadius});\n user-select: none;\n\n &:hover {\n cursor: pointer;\n background: var(${tokens.itemBackgroundHover});\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0.0625rem',\n outlineOffset: '0',\n outlineColor: `var(${tokens.focusColor})`,\n outlineRadius: `var(${tokens.itemBorderRadius})`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.suggestionItemIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(${tokens.focusColor});\n }\n `,\n })};\n`;\n"],"names":["StyledText","styled","name","class","propsAsIs","Wrapper"],"mappings":";;;;;;AAKO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG/B,EAAA;AAEM,IAAMC,OAAO,gBAAGJ,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAuC5B;;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VirtualList.js","sources":["../../../../../src/components/Autocomplete/ui/VirtualList/VirtualList.tsx"],"sourcesContent":["import React from 'react';\nimport List from 'rc-virtual-list';\nimport { getHeightAsNumber } from '
|
1
|
+
{"version":3,"file":"VirtualList.js","sources":["../../../../../src/components/Autocomplete/ui/VirtualList/VirtualList.tsx"],"sourcesContent":["import React from 'react';\nimport List from 'rc-virtual-list';\n\nimport { getHeightAsNumber } from '../../../../utils';\nimport { SuggestionItem } from '../SuggestionItem/SuggestionItem';\nimport type { SuggestionItemType } from '../../Autocomplete.types';\n\ninterface Props {\n items: SuggestionItemType[];\n onClick: (e: SuggestionItemType) => void;\n listId: string;\n listMaxHeight?: string;\n onScroll?: (e: React.UIEvent<HTMLUListElement>) => void;\n renderItem?: (item: SuggestionItemType) => React.ReactNode;\n}\n\nexport const VirtualList: React.FC<Props> = ({ items, onClick, listId, listMaxHeight, onScroll, renderItem }) => (\n <List data={items} height={getHeightAsNumber(listMaxHeight)} itemHeight={100} itemKey=\"id\" onScroll={onScroll}>\n {(item, index, props) => (\n <div {...props}>\n <SuggestionItem\n item={item}\n onClick={onClick}\n id={`${listId}/${index}`}\n focused={false}\n renderItem={renderItem}\n />\n </div>\n )}\n </List>\n);\n"],"names":["VirtualList","_ref","items","onClick","listId","listMaxHeight","onScroll","renderItem","React","createElement","List","data","height","getHeightAsNumber","itemHeight","itemKey","item","index","props","SuggestionItem","id","concat","focused"],"mappings":";;;;;;;;;;;;;;IAgBaA,WAA4B,GAAG,SAA/BA,WAA4BA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,UAAU,GAAAN,IAAA,CAAVM,UAAU,CAAA;AAAA,EAAA,oBACtGC,sBAAA,CAAAC,aAAA,CAACC,qBAAI,EAAA;AAACC,IAAAA,IAAI,EAAET,KAAM;AAACU,IAAAA,MAAM,EAAEC,mCAAiB,CAACR,aAAa,CAAE;AAACS,IAAAA,UAAU,EAAE,GAAI;AAACC,IAAAA,OAAO,EAAC,IAAI;AAACT,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACzG,UAACU,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAA;IAAA,oBAChBV,sBAAA,CAAAC,aAAA,CAASS,KAAAA,EAAAA,KAAK,eACVV,sBAAA,CAAAC,aAAA,CAACU,6BAAc,EAAA;AACXH,MAAAA,IAAI,EAAEA,IAAK;AACXb,MAAAA,OAAO,EAAEA,OAAQ;MACjBiB,EAAE,EAAA,EAAA,CAAAC,MAAA,CAAKjB,MAAM,OAAAiB,MAAA,CAAIJ,KAAK,CAAG;AACzBK,MAAAA,OAAO,EAAE,KAAM;AACff,MAAAA,UAAU,EAAEA,UAAAA;AAAW,KAC1B,CACA,CAAC,CAAA;AAAA,GAER,CAAC,CAAA;AAAA;;;;"}
|
@@ -17,8 +17,7 @@ var classes = {
|
|
17
17
|
hoveredItem: 'item-hovered',
|
18
18
|
doubleHeaderDate: 'double-header-date',
|
19
19
|
doubleHeaderLastDateWrapper: 'double-header--last-date-wrapper',
|
20
|
-
disabledPrevButton: 'disabled-prev-button'
|
21
|
-
stretch: 'plasma-calendar-stretch'
|
20
|
+
disabledPrevButton: 'disabled-prev-button'
|
22
21
|
};
|
23
22
|
var innerTokens = {
|
24
23
|
dateStructureFontFamily: '--plasma-calendar-date-structure-font-family',
|
@@ -28,6 +27,8 @@ var innerTokens = {
|
|
28
27
|
dateStructureFontLetterSpacing: '--plasma-calendar-date-structure-font-letter-spacing',
|
29
28
|
dateStructureFontLineHeight: '--plasma-calendar-date-structure-line-height',
|
30
29
|
dateStructureSelectedFontWeight: '--plasma-calendar-date-structure-selected-font-weight',
|
30
|
+
dateStructureWidth: '--plasma-calendar-date-structure-width',
|
31
|
+
dateStructureHeight: '--plasma-calendar-date-structure-height',
|
31
32
|
dateStructureBorderRadius: '--plasma-calendar-date-structure-border-radius'
|
32
33
|
};
|
33
34
|
var tokens = {
|
@@ -38,6 +39,8 @@ var tokens = {
|
|
38
39
|
/* Токены размера сетки лет */
|
39
40
|
calendarYearsPadding: '--plasma-calendar-years-padding',
|
40
41
|
calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',
|
42
|
+
calendarYearItemWidth: '--plasma-calendar-year-item-width',
|
43
|
+
calendarYearItemHeight: '--plasma-calendar-year-item-height',
|
41
44
|
calendarYearFontFamily: '--plasma-calendar-year-font-family',
|
42
45
|
calendarYearFontSize: '--plasma-calendar-year-font-size',
|
43
46
|
calendarYearFontStyle: '--plasma-calendar-year-font-style',
|
@@ -48,6 +51,8 @@ var tokens = {
|
|
48
51
|
/* Токены размера сетки дней */
|
49
52
|
calendarQuartersPadding: '--plasma-calendar-quarters-padding',
|
50
53
|
calendarQuarterItemBorderRadius: '--plasma-calendar-quarter-item-border-radius',
|
54
|
+
calendarQuarterItemWidth: '--plasma-calendar-quarter-item-width',
|
55
|
+
calendarQuarterItemHeight: '--plasma-calendar-quarter-item-height',
|
51
56
|
calendarQuarterFontFamily: '--plasma-calendar-quarter-font-family',
|
52
57
|
calendarQuarterFontSize: '--plasma-calendar-quarter-font-size',
|
53
58
|
calendarQuarterFontStyle: '--plasma-calendar-quarter-font-style',
|
@@ -58,6 +63,8 @@ var tokens = {
|
|
58
63
|
/* Токены размера сетки месяцев */
|
59
64
|
calendarMonthsPadding: '--plasma-calendar-months-padding',
|
60
65
|
calendarMonthItemBorderRadius: '--plasma-calendar-month-item-border-radius',
|
66
|
+
calendarMonthItemWidth: '--plasma-calendar-month-item-width',
|
67
|
+
calendarMonthItemHeight: '--plasma-calendar-month-item-height',
|
61
68
|
calendarMonthFontFamily: '--plasma-calendar-month-font-family',
|
62
69
|
calendarMonthFontSize: '--plasma-calendar-month-font-size',
|
63
70
|
calendarMonthFontStyle: '--plasma-calendar-month-font-style',
|
@@ -68,6 +75,8 @@ var tokens = {
|
|
68
75
|
/* Токены размера сетки дней */
|
69
76
|
calendarDaysPadding: '--plasma-calendar-days-padding',
|
70
77
|
calendarDayItemBorderRadius: '--plasma-calendar-day-item-border-radius',
|
78
|
+
calendarDayItemWidth: '--plasma-calendar-day-item-width',
|
79
|
+
calendarDayItemHeight: '--plasma-calendar-day-item-height',
|
71
80
|
calendarDayFontFamily: '--plasma-calendar-day-font-family',
|
72
81
|
calendarDayFontSize: '--plasma-calendar-day-font-size',
|
73
82
|
calendarDayFontStyle: '--plasma-calendar-day-font-style',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Calendar.tokens.js","sources":["../../../src/components/Calendar/Calendar.tokens.ts"],"sourcesContent":["export const classes = {\n dayOfWeek: 'day-of-week',\n dayInCurrentMonth: 'day-in-current-month',\n disabled: 'item-disabled',\n disabledCurrent: 'item-disabled-current',\n sideInRange: 'item-side-in-range',\n inRange: 'item-in-range',\n sideLeft: 'item-side-left',\n sideRight: 'item-side-right',\n selectableItem: 'item-selectable',\n selectedItem: 'item-selected',\n currentItem: 'item-current',\n hoveredItem: 'item-hovered',\n doubleHeaderDate: 'double-header-date',\n doubleHeaderLastDateWrapper: 'double-header--last-date-wrapper',\n disabledPrevButton: 'disabled-prev-button',\n stretch: 'plasma-calendar-stretch',\n};\n\nexport const innerTokens = {\n dateStructureFontFamily: '--plasma-calendar-date-structure-font-family',\n dateStructureFontSize: '--plasma-calendar-date-structure-font-size',\n dateStructureFontStyle: '--plasma-calendar-date-structure-font-style',\n dateStructureFontWeight: '--plasma-calendar-date-structure-font-weight',\n dateStructureFontLetterSpacing: '--plasma-calendar-date-structure-font-letter-spacing',\n dateStructureFontLineHeight: '--plasma-calendar-date-structure-line-height',\n\n dateStructureSelectedFontWeight: '--plasma-calendar-date-structure-selected-font-weight',\n\n dateStructureBorderRadius: '--plasma-calendar-date-structure-border-radius',\n};\n\nexport const tokens = {\n calendarWidth: '--plasma-calendar-width',\n calendarHeight: '--plasma-calendar-height',\n calendarBorderWidth: '--plasma-calendar-border-width',\n calendarBorderColor: '--plasma-calendar-border-color',\n\n /* Токены размера сетки лет */\n calendarYearsPadding: '--plasma-calendar-years-padding',\n calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',\n\n calendarYearFontFamily: '--plasma-calendar-year-font-family',\n calendarYearFontSize: '--plasma-calendar-year-font-size',\n calendarYearFontStyle: '--plasma-calendar-year-font-style',\n calendarYearFontLetterSpacing: '--plasma-calendar-year-font-letter-spacing',\n calendarYearFontLineHeight: '--plasma-calendar-year-line-height',\n calendarYearFontWeight: '--plasma-calendar-year-font-weight',\n calendarYearSelectedFontWeight: '--plasma-calendar-year-selected-font-weight',\n\n /* Токены размера сетки дней */\n calendarQuartersPadding: '--plasma-calendar-quarters-padding',\n calendarQuarterItemBorderRadius: '--plasma-calendar-quarter-item-border-radius',\n\n calendarQuarterFontFamily: '--plasma-calendar-quarter-font-family',\n calendarQuarterFontSize: '--plasma-calendar-quarter-font-size',\n calendarQuarterFontStyle: '--plasma-calendar-quarter-font-style',\n calendarQuarterFontLetterSpacing: '--plasma-calendar-quarter-font-letter-spacing',\n calendarQuarterFontLineHeight: '--plasma-calendar-quarter-line-height',\n calendarQuarterFontWeight: '--plasma-calendar-quarter-font-weight',\n calendarQuarterSelectedFontWeight: '--plasma-calendar-quarter-selected-font-weight',\n\n /* Токены размера сетки месяцев */\n calendarMonthsPadding: '--plasma-calendar-months-padding',\n calendarMonthItemBorderRadius: '--plasma-calendar-month-item-border-radius',\n\n calendarMonthFontFamily: '--plasma-calendar-month-font-family',\n calendarMonthFontSize: '--plasma-calendar-month-font-size',\n calendarMonthFontStyle: '--plasma-calendar-month-font-style',\n calendarMonthFontLetterSpacing: '--plasma-calendar-month-font-letter-spacing',\n calendarMonthFontLineHeight: '--plasma-calendar-month-line-height',\n calendarMonthFontWeight: '--plasma-calendar-month-font-weight',\n calendarMonthSelectedFontWeight: '--plasma-calendar-month-selected-font-weight',\n\n /* Токены размера сетки дней */\n calendarDaysPadding: '--plasma-calendar-days-padding',\n calendarDayItemBorderRadius: '--plasma-calendar-day-item-border-radius',\n\n calendarDayFontFamily: '--plasma-calendar-day-font-family',\n calendarDayFontSize: '--plasma-calendar-day-font-size',\n calendarDayFontStyle: '--plasma-calendar-day-font-style',\n calendarDayFontLetterSpacing: '--plasma-calendar-day-font-letter-spacing',\n calendarDayFontLineHeight: '--plasma-calendar-day-line-height',\n calendarDayFontWeight: '--plasma-calendar-day-font-weight',\n calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight',\n\n calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color',\n\n /* Токены шапки календаря */\n calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',\n calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',\n calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',\n\n calendarHeaderPadding: '--plasma-calendar-header-padding',\n calendarHeaderDateGap: '--plasma-calendar-header-date-gap',\n\n calendarHeaderFontFamily: '--plasma-calendar-header-font-family',\n calendarHeaderFontSize: '--plasma-calendar-header-font-size',\n calendarHeaderFontStyle: '--plasma-calendar-header-font-style',\n calendarHeaderFontLetterSpacing: '--plasma-calendar-header-font-letter-spacing',\n calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',\n calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',\n calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',\n calendarHeaderArrowColor: '--plasma-calendar-header-arrow-color',\n\n /* Токены стрелок навигации календаря */\n iconButtonColor: '--plasma-calendar-icon-button-color',\n iconButtonBackgroundColor: '--plasma-calendar-icon-button-background',\n iconButtonColorHover: '--plasma-calendar-icon-button-color-hover',\n iconButtonBackgroundColorHover: '--plasma-calendar-icon-button-background-hover',\n iconButtonColorActive: '--plasma-calendar-icon-button-color-active',\n iconButtonBackgroundColorActive: '--plasma-calendar-icon-button-background-active',\n iconButtonHeight: '--plasma-calendar-icon-button-height',\n iconButtonWidth: '--plasma-calendar-icon-button-width',\n iconButtonPadding: '--plasma-calendar-icon-button-padding',\n iconButtonRadius: '--plasma-calendar-icon-button-radius',\n iconButtonFocusColor: '--plasma-calendar-icon-button-focus-color',\n\n calendarBackgroundColor: '--plasma-calendar-background',\n calendarSelectedItemBackground: '--plasma-calendar-selected-item-background',\n calendarSelectedItemColor: '--plasma-calendar-selected-item-color',\n calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover',\n calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color',\n calendarCurrentItemBorderWidth: '--plasma-calendar-current-item-border-width',\n calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover',\n calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover',\n calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover',\n calendarActiveItemBackground: '--plasma-calendar-active-item-bg',\n calendarActiveItemColor: '--plasma-calendar-active-item-color',\n calendarHoveredItemBackground: '--plasma-calendar-hovered-item-bg',\n calendarHoveredItemColor: '--plasma-calendar-hovered-item-color',\n calendarSeparatorBackground: '--plasma-calendar-separator-background',\n calendarRangeBackground: '--plasma-calendar-range-background',\n calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',\n calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',\n calendarContentPrimaryDisabledColor: '--plasma-calendar-content-primary-disabled-color',\n calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',\n calendarContentSecondaryDisabledColor: '--plasma-calendar-content-secondary-disabled-color',\n calendarDisabledOpacity: '--plasma-calendar-disabled-opacity',\n};\n"],"names":["classes","dayOfWeek","dayInCurrentMonth","disabled","disabledCurrent","sideInRange","inRange","sideLeft","sideRight","selectableItem","selectedItem","currentItem","hoveredItem","doubleHeaderDate","doubleHeaderLastDateWrapper","disabledPrevButton","stretch","innerTokens","dateStructureFontFamily","dateStructureFontSize","dateStructureFontStyle","dateStructureFontWeight","dateStructureFontLetterSpacing","dateStructureFontLineHeight","dateStructureSelectedFontWeight","dateStructureBorderRadius","tokens","calendarWidth","calendarHeight","calendarBorderWidth","calendarBorderColor","calendarYearsPadding","calendarYearItemBorderRadius","calendarYearFontFamily","calendarYearFontSize","calendarYearFontStyle","calendarYearFontLetterSpacing","calendarYearFontLineHeight","calendarYearFontWeight","calendarYearSelectedFontWeight","calendarQuartersPadding","calendarQuarterItemBorderRadius","calendarQuarterFontFamily","calendarQuarterFontSize","calendarQuarterFontStyle","calendarQuarterFontLetterSpacing","calendarQuarterFontLineHeight","calendarQuarterFontWeight","calendarQuarterSelectedFontWeight","calendarMonthsPadding","calendarMonthItemBorderRadius","calendarMonthFontFamily","calendarMonthFontSize","calendarMonthFontStyle","calendarMonthFontLetterSpacing","calendarMonthFontLineHeight","calendarMonthFontWeight","calendarMonthSelectedFontWeight","calendarDaysPadding","calendarDayItemBorderRadius","calendarDayFontFamily","calendarDayFontSize","calendarDayFontStyle","calendarDayFontLetterSpacing","calendarDayFontLineHeight","calendarDayFontWeight","calendarDaySelectedFontWeight","calendarDayOfWeekColor","calendarHeaderWrapperPadding","calendarHeaderArrowGap","calendarHeaderArrowPadding","calendarHeaderPadding","calendarHeaderDateGap","calendarHeaderFontFamily","calendarHeaderFontSize","calendarHeaderFontStyle","calendarHeaderFontLetterSpacing","calendarHeaderFontLineHeight","calendarHeaderFontWeight","calendarHeaderFontWeightBold","calendarHeaderArrowColor","iconButtonColor","iconButtonBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonFocusColor","calendarBackgroundColor","calendarSelectedItemBackground","calendarSelectedItemColor","calendarSelectableItemBackgroundHover","calendarCurrentItemBorderColor","calendarCurrentItemBorderWidth","calendarCurrentItemBackgroundHover","calendarCurrentItemColorHover","calendarCurrentItemChildBackgroundHover","calendarActiveItemBackground","calendarActiveItemColor","calendarHoveredItemBackground","calendarHoveredItemColor","calendarSeparatorBackground","calendarRangeBackground","calendarOutlineFocusColor","calendarContentPrimaryColor","calendarContentPrimaryDisabledColor","calendarContentSecondaryColor","calendarContentSecondaryDisabledColor","calendarDisabledOpacity"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Calendar.tokens.js","sources":["../../../src/components/Calendar/Calendar.tokens.ts"],"sourcesContent":["export const classes = {\n dayOfWeek: 'day-of-week',\n dayInCurrentMonth: 'day-in-current-month',\n disabled: 'item-disabled',\n disabledCurrent: 'item-disabled-current',\n sideInRange: 'item-side-in-range',\n inRange: 'item-in-range',\n sideLeft: 'item-side-left',\n sideRight: 'item-side-right',\n selectableItem: 'item-selectable',\n selectedItem: 'item-selected',\n currentItem: 'item-current',\n hoveredItem: 'item-hovered',\n doubleHeaderDate: 'double-header-date',\n doubleHeaderLastDateWrapper: 'double-header--last-date-wrapper',\n disabledPrevButton: 'disabled-prev-button',\n};\n\nexport const innerTokens = {\n dateStructureFontFamily: '--plasma-calendar-date-structure-font-family',\n dateStructureFontSize: '--plasma-calendar-date-structure-font-size',\n dateStructureFontStyle: '--plasma-calendar-date-structure-font-style',\n dateStructureFontWeight: '--plasma-calendar-date-structure-font-weight',\n dateStructureFontLetterSpacing: '--plasma-calendar-date-structure-font-letter-spacing',\n dateStructureFontLineHeight: '--plasma-calendar-date-structure-line-height',\n\n dateStructureSelectedFontWeight: '--plasma-calendar-date-structure-selected-font-weight',\n\n dateStructureWidth: '--plasma-calendar-date-structure-width',\n dateStructureHeight: '--plasma-calendar-date-structure-height',\n\n dateStructureBorderRadius: '--plasma-calendar-date-structure-border-radius',\n};\n\nexport const tokens = {\n calendarWidth: '--plasma-calendar-width',\n calendarHeight: '--plasma-calendar-height',\n calendarBorderWidth: '--plasma-calendar-border-width',\n calendarBorderColor: '--plasma-calendar-border-color',\n\n /* Токены размера сетки лет */\n calendarYearsPadding: '--plasma-calendar-years-padding',\n calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',\n calendarYearItemWidth: '--plasma-calendar-year-item-width',\n calendarYearItemHeight: '--plasma-calendar-year-item-height',\n\n calendarYearFontFamily: '--plasma-calendar-year-font-family',\n calendarYearFontSize: '--plasma-calendar-year-font-size',\n calendarYearFontStyle: '--plasma-calendar-year-font-style',\n calendarYearFontLetterSpacing: '--plasma-calendar-year-font-letter-spacing',\n calendarYearFontLineHeight: '--plasma-calendar-year-line-height',\n calendarYearFontWeight: '--plasma-calendar-year-font-weight',\n calendarYearSelectedFontWeight: '--plasma-calendar-year-selected-font-weight',\n\n /* Токены размера сетки дней */\n calendarQuartersPadding: '--plasma-calendar-quarters-padding',\n calendarQuarterItemBorderRadius: '--plasma-calendar-quarter-item-border-radius',\n calendarQuarterItemWidth: '--plasma-calendar-quarter-item-width',\n calendarQuarterItemHeight: '--plasma-calendar-quarter-item-height',\n\n calendarQuarterFontFamily: '--plasma-calendar-quarter-font-family',\n calendarQuarterFontSize: '--plasma-calendar-quarter-font-size',\n calendarQuarterFontStyle: '--plasma-calendar-quarter-font-style',\n calendarQuarterFontLetterSpacing: '--plasma-calendar-quarter-font-letter-spacing',\n calendarQuarterFontLineHeight: '--plasma-calendar-quarter-line-height',\n calendarQuarterFontWeight: '--plasma-calendar-quarter-font-weight',\n calendarQuarterSelectedFontWeight: '--plasma-calendar-quarter-selected-font-weight',\n\n /* Токены размера сетки месяцев */\n calendarMonthsPadding: '--plasma-calendar-months-padding',\n calendarMonthItemBorderRadius: '--plasma-calendar-month-item-border-radius',\n calendarMonthItemWidth: '--plasma-calendar-month-item-width',\n calendarMonthItemHeight: '--plasma-calendar-month-item-height',\n\n calendarMonthFontFamily: '--plasma-calendar-month-font-family',\n calendarMonthFontSize: '--plasma-calendar-month-font-size',\n calendarMonthFontStyle: '--plasma-calendar-month-font-style',\n calendarMonthFontLetterSpacing: '--plasma-calendar-month-font-letter-spacing',\n calendarMonthFontLineHeight: '--plasma-calendar-month-line-height',\n calendarMonthFontWeight: '--plasma-calendar-month-font-weight',\n calendarMonthSelectedFontWeight: '--plasma-calendar-month-selected-font-weight',\n\n /* Токены размера сетки дней */\n calendarDaysPadding: '--plasma-calendar-days-padding',\n calendarDayItemBorderRadius: '--plasma-calendar-day-item-border-radius',\n calendarDayItemWidth: '--plasma-calendar-day-item-width',\n calendarDayItemHeight: '--plasma-calendar-day-item-height',\n\n calendarDayFontFamily: '--plasma-calendar-day-font-family',\n calendarDayFontSize: '--plasma-calendar-day-font-size',\n calendarDayFontStyle: '--plasma-calendar-day-font-style',\n calendarDayFontLetterSpacing: '--plasma-calendar-day-font-letter-spacing',\n calendarDayFontLineHeight: '--plasma-calendar-day-line-height',\n calendarDayFontWeight: '--plasma-calendar-day-font-weight',\n calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight',\n\n calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color',\n\n /* Токены шапки календаря */\n calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',\n calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',\n calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',\n\n calendarHeaderPadding: '--plasma-calendar-header-padding',\n calendarHeaderDateGap: '--plasma-calendar-header-date-gap',\n\n calendarHeaderFontFamily: '--plasma-calendar-header-font-family',\n calendarHeaderFontSize: '--plasma-calendar-header-font-size',\n calendarHeaderFontStyle: '--plasma-calendar-header-font-style',\n calendarHeaderFontLetterSpacing: '--plasma-calendar-header-font-letter-spacing',\n calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',\n calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',\n calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',\n calendarHeaderArrowColor: '--plasma-calendar-header-arrow-color',\n\n /* Токены стрелок навигации календаря */\n iconButtonColor: '--plasma-calendar-icon-button-color',\n iconButtonBackgroundColor: '--plasma-calendar-icon-button-background',\n iconButtonColorHover: '--plasma-calendar-icon-button-color-hover',\n iconButtonBackgroundColorHover: '--plasma-calendar-icon-button-background-hover',\n iconButtonColorActive: '--plasma-calendar-icon-button-color-active',\n iconButtonBackgroundColorActive: '--plasma-calendar-icon-button-background-active',\n iconButtonHeight: '--plasma-calendar-icon-button-height',\n iconButtonWidth: '--plasma-calendar-icon-button-width',\n iconButtonPadding: '--plasma-calendar-icon-button-padding',\n iconButtonRadius: '--plasma-calendar-icon-button-radius',\n iconButtonFocusColor: '--plasma-calendar-icon-button-focus-color',\n\n calendarBackgroundColor: '--plasma-calendar-background',\n calendarSelectedItemBackground: '--plasma-calendar-selected-item-background',\n calendarSelectedItemColor: '--plasma-calendar-selected-item-color',\n calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover',\n calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color',\n calendarCurrentItemBorderWidth: '--plasma-calendar-current-item-border-width',\n calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover',\n calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover',\n calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover',\n calendarActiveItemBackground: '--plasma-calendar-active-item-bg',\n calendarActiveItemColor: '--plasma-calendar-active-item-color',\n calendarHoveredItemBackground: '--plasma-calendar-hovered-item-bg',\n calendarHoveredItemColor: '--plasma-calendar-hovered-item-color',\n calendarSeparatorBackground: '--plasma-calendar-separator-background',\n calendarRangeBackground: '--plasma-calendar-range-background',\n calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',\n calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',\n calendarContentPrimaryDisabledColor: '--plasma-calendar-content-primary-disabled-color',\n calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',\n calendarContentSecondaryDisabledColor: '--plasma-calendar-content-secondary-disabled-color',\n calendarDisabledOpacity: '--plasma-calendar-disabled-opacity',\n};\n"],"names":["classes","dayOfWeek","dayInCurrentMonth","disabled","disabledCurrent","sideInRange","inRange","sideLeft","sideRight","selectableItem","selectedItem","currentItem","hoveredItem","doubleHeaderDate","doubleHeaderLastDateWrapper","disabledPrevButton","innerTokens","dateStructureFontFamily","dateStructureFontSize","dateStructureFontStyle","dateStructureFontWeight","dateStructureFontLetterSpacing","dateStructureFontLineHeight","dateStructureSelectedFontWeight","dateStructureWidth","dateStructureHeight","dateStructureBorderRadius","tokens","calendarWidth","calendarHeight","calendarBorderWidth","calendarBorderColor","calendarYearsPadding","calendarYearItemBorderRadius","calendarYearItemWidth","calendarYearItemHeight","calendarYearFontFamily","calendarYearFontSize","calendarYearFontStyle","calendarYearFontLetterSpacing","calendarYearFontLineHeight","calendarYearFontWeight","calendarYearSelectedFontWeight","calendarQuartersPadding","calendarQuarterItemBorderRadius","calendarQuarterItemWidth","calendarQuarterItemHeight","calendarQuarterFontFamily","calendarQuarterFontSize","calendarQuarterFontStyle","calendarQuarterFontLetterSpacing","calendarQuarterFontLineHeight","calendarQuarterFontWeight","calendarQuarterSelectedFontWeight","calendarMonthsPadding","calendarMonthItemBorderRadius","calendarMonthItemWidth","calendarMonthItemHeight","calendarMonthFontFamily","calendarMonthFontSize","calendarMonthFontStyle","calendarMonthFontLetterSpacing","calendarMonthFontLineHeight","calendarMonthFontWeight","calendarMonthSelectedFontWeight","calendarDaysPadding","calendarDayItemBorderRadius","calendarDayItemWidth","calendarDayItemHeight","calendarDayFontFamily","calendarDayFontSize","calendarDayFontStyle","calendarDayFontLetterSpacing","calendarDayFontLineHeight","calendarDayFontWeight","calendarDaySelectedFontWeight","calendarDayOfWeekColor","calendarHeaderWrapperPadding","calendarHeaderArrowGap","calendarHeaderArrowPadding","calendarHeaderPadding","calendarHeaderDateGap","calendarHeaderFontFamily","calendarHeaderFontSize","calendarHeaderFontStyle","calendarHeaderFontLetterSpacing","calendarHeaderFontLineHeight","calendarHeaderFontWeight","calendarHeaderFontWeightBold","calendarHeaderArrowColor","iconButtonColor","iconButtonBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonFocusColor","calendarBackgroundColor","calendarSelectedItemBackground","calendarSelectedItemColor","calendarSelectableItemBackgroundHover","calendarCurrentItemBorderColor","calendarCurrentItemBorderWidth","calendarCurrentItemBackgroundHover","calendarCurrentItemColorHover","calendarCurrentItemChildBackgroundHover","calendarActiveItemBackground","calendarActiveItemColor","calendarHoveredItemBackground","calendarHoveredItemColor","calendarSeparatorBackground","calendarRangeBackground","calendarOutlineFocusColor","calendarContentPrimaryColor","calendarContentPrimaryDisabledColor","calendarContentSecondaryColor","calendarContentSecondaryDisabledColor","calendarDisabledOpacity"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Calendar.types.js","sources":["../../../src/components/Calendar/Calendar.types.ts"],"sourcesContent":["import { HTMLAttributes, MutableRefObject } from 'react';\n\nimport type { CalendarBaseProps } from './CalendarBase/CalendarBase';\nimport type { CalendarDoubleProps } from './CalendarDouble/CalendarDouble';\nimport type { CalendarStateType } from './store/types';\n\nexport enum Keys {\n pageUp = 33,\n pageDown = 34,\n home = 36,\n end = 35,\n left = 37,\n right = 39,\n up = 38,\n down = 40,\n enter = 13,\n space = 32,\n}\n\nexport interface DateObject {\n day: number;\n monthIndex: number;\n year: number;\n}\n\nexport interface ItemProps {\n isCurrent: boolean;\n isSelected: boolean;\n}\n\nexport interface DateItem extends ItemProps {\n date: DateObject;\n isDayInCurrentMonth?: boolean;\n inRange?: boolean;\n events?: EventDay[];\n disabled?: boolean;\n isOutOfMinMaxRange?: boolean;\n disabledArrowKey?: string;\n disabledMonths?: string;\n disabledDates?: string;\n disabledYears?: string;\n monthName?: string;\n monthIndex?: number;\n monthFullName?: string;\n yearValue?: number;\n quarterName?: string;\n}\n\nexport type DateBasePorps = {\n isDouble?: boolean;\n isHovered?: boolean;\n inRange?: boolean;\n sideInRange?: 'left' | 'right';\n disabled?: boolean;\n};\n\nexport interface DateStructureProps extends Partial<ItemProps>, DateBasePorps {\n isDayInCurrentMonth?: boolean;\n dayOfWeek?: boolean;\n}\n\nexport type QuarterPartialDate = {\n monthIndex: number;\n day: number;\n};\n\nexport interface QuarterProps extends Partial<ItemProps>, DateBasePorps {\n quarterName: number;\n quarterIndex: number;\n}\n\nexport interface MonthsProps extends Partial<ItemProps>, DateBasePorps {}\n\nexport interface MonthsItem extends ItemProps {\n monthName: string;\n monthIndex: number;\n monthFullName?: string;\n}\n\nexport interface YearsProps extends ItemProps {}\n\nexport interface YearsItem extends ItemProps {\n yearValue: number;\n}\n\nexport interface EventDay {\n date: Date;\n color?: string;\n}\n\nexport interface DisabledDay {\n date: Date;\n}\n\nexport type DateType = Date | undefined | null;\n\nexport type CalendarValueType = DateType | [DateType, DateType];\n\nexport type DateInfo = {\n name: string;\n fullValue: CalendarValueType;\n};\n\nexport type Locales = 'ru' | 'en';\n\nexport interface Calendar extends HTMLAttributes<HTMLDivElement> {\n /**\n * Выбранное значение.\n */\n value: CalendarValueType;\n /**\n * Обработчик изменения значения.\n */\n onChangeValue: (value: Date, dateInfo?: DateInfo) => void;\n /**\n * Состояние календаря, отвечающее за отображение.\n */\n date?: DateObject;\n /**\n * Минимальное значение даты.\n */\n min?: Date;\n /**\n * Максимальное значение даты.\n */\n max?: Date;\n /**\n * Дата с которой начинается календарная сетка.\n */\n renderFromDate?: Date;\n /**\n * Должны ли значения минимального и максимального дня включаться в диапазон.\n */\n includeEdgeDates?: boolean;\n /**\n * Список событий.\n */\n eventList?: EventDay[];\n /**\n * Список отключенных дней.\n */\n disabledList?: DisabledDay[];\n /**\n * Список событий по месяцам.\n */\n eventMonthList?: EventDay[];\n /**\n * Список отключенных месяцев.\n */\n disabledMonthList?: DisabledDay[];\n /**\n * Список событий по кварталам.\n */\n eventQuarterList?: EventDay[];\n /**\n * Список отключенных кварталов.\n */\n disabledQuarterList?: DisabledDay[];\n /**\n * Список событий по годам.\n */\n eventYearList?: EventDay[];\n /**\n * Список отключенных годов.\n */\n disabledYearList?: DisabledDay[];\n /**\n * Конечный тип отображения календаря: дни, месяца, года, кварталы.\n */\n type?: CalendarStateType;\n /**\n * Выбранный язык календаря. Влияет на название дней, месяцев\n */\n locale?: Locales;\n
|
1
|
+
{"version":3,"file":"Calendar.types.js","sources":["../../../src/components/Calendar/Calendar.types.ts"],"sourcesContent":["import { HTMLAttributes, MutableRefObject } from 'react';\n\nimport type { CalendarBaseProps } from './CalendarBase/CalendarBase';\nimport type { CalendarDoubleProps } from './CalendarDouble/CalendarDouble';\nimport type { CalendarStateType } from './store/types';\n\nexport enum Keys {\n pageUp = 33,\n pageDown = 34,\n home = 36,\n end = 35,\n left = 37,\n right = 39,\n up = 38,\n down = 40,\n enter = 13,\n space = 32,\n}\n\nexport interface DateObject {\n day: number;\n monthIndex: number;\n year: number;\n}\n\nexport interface ItemProps {\n isCurrent: boolean;\n isSelected: boolean;\n}\n\nexport interface DateItem extends ItemProps {\n date: DateObject;\n isDayInCurrentMonth?: boolean;\n inRange?: boolean;\n events?: EventDay[];\n disabled?: boolean;\n isOutOfMinMaxRange?: boolean;\n disabledArrowKey?: string;\n disabledMonths?: string;\n disabledDates?: string;\n disabledYears?: string;\n monthName?: string;\n monthIndex?: number;\n monthFullName?: string;\n yearValue?: number;\n quarterName?: string;\n}\n\nexport type DateBasePorps = {\n isDouble?: boolean;\n isHovered?: boolean;\n inRange?: boolean;\n sideInRange?: 'left' | 'right';\n disabled?: boolean;\n};\n\nexport interface DateStructureProps extends Partial<ItemProps>, DateBasePorps {\n isDayInCurrentMonth?: boolean;\n dayOfWeek?: boolean;\n}\n\nexport type QuarterPartialDate = {\n monthIndex: number;\n day: number;\n};\n\nexport interface QuarterProps extends Partial<ItemProps>, DateBasePorps {\n quarterName: number;\n quarterIndex: number;\n}\n\nexport interface MonthsProps extends Partial<ItemProps>, DateBasePorps {}\n\nexport interface MonthsItem extends ItemProps {\n monthName: string;\n monthIndex: number;\n monthFullName?: string;\n}\n\nexport interface YearsProps extends ItemProps {}\n\nexport interface YearsItem extends ItemProps {\n yearValue: number;\n}\n\nexport interface EventDay {\n date: Date;\n color?: string;\n}\n\nexport interface DisabledDay {\n date: Date;\n}\n\nexport type DateType = Date | undefined | null;\n\nexport type CalendarValueType = DateType | [DateType, DateType];\n\nexport type DateInfo = {\n name: string;\n fullValue: CalendarValueType;\n};\n\nexport type Locales = 'ru' | 'en';\n\nexport interface Calendar extends HTMLAttributes<HTMLDivElement> {\n /**\n * Выбранное значение.\n */\n value: CalendarValueType;\n /**\n * Обработчик изменения значения.\n */\n onChangeValue: (value: Date, dateInfo?: DateInfo) => void;\n /**\n * Состояние календаря, отвечающее за отображение.\n */\n date?: DateObject;\n /**\n * Минимальное значение даты.\n */\n min?: Date;\n /**\n * Максимальное значение даты.\n */\n max?: Date;\n /**\n * Дата с которой начинается календарная сетка.\n */\n renderFromDate?: Date;\n /**\n * Должны ли значения минимального и максимального дня включаться в диапазон.\n */\n includeEdgeDates?: boolean;\n /**\n * Список событий.\n */\n eventList?: EventDay[];\n /**\n * Список отключенных дней.\n */\n disabledList?: DisabledDay[];\n /**\n * Список событий по месяцам.\n */\n eventMonthList?: EventDay[];\n /**\n * Список отключенных месяцев.\n */\n disabledMonthList?: DisabledDay[];\n /**\n * Список событий по кварталам.\n */\n eventQuarterList?: EventDay[];\n /**\n * Список отключенных кварталов.\n */\n disabledQuarterList?: DisabledDay[];\n /**\n * Список событий по годам.\n */\n eventYearList?: EventDay[];\n /**\n * Список отключенных годов.\n */\n disabledYearList?: DisabledDay[];\n /**\n * Конечный тип отображения календаря: дни, месяца, года, кварталы.\n */\n type?: CalendarStateType;\n /**\n * Выбранный язык календаря. Влияет на название дней, месяцев\n */\n locale?: Locales;\n}\n\nexport type CalendarConfigProps = {\n /**\n * Размер календаря.\n */\n size?: string;\n /**\n * Вид календаря.\n */\n view?: string;\n};\n\nexport type CalendarRange<T> = Omit<T, 'value' | 'onChangeValue'> & {\n /**\n * Выбранное значение.\n */\n value: [DateType, DateType];\n /**\n * Обработчик изменения значения.\n */\n onChangeValue: (values: [DateType, DateType], dateInfo?: DateInfo) => void;\n /**\n * Обработчик для выбора стартового значения в диапазоне.\n */\n onChangeStartOfRange?: (value: Date, dateInfo?: DateInfo) => void;\n};\n\nexport interface DaysMetaDescription {\n refs: MutableRefObject<HTMLDivElement[][]>;\n rowSize: number;\n newRowIndex: number;\n newColumnIndex: number;\n columnSize: number;\n minColumnIndex: number;\n defaultState?: number[];\n}\n\nexport type KeyboardArrowKey = 'left' | 'right' | 'up' | 'down';\n\ntype BaseProps = {\n /**\n * Выбранное значение.\n */\n value: Date;\n /**\n * Режим выбора: диапазон или одинарный.\n */\n isRange?: false;\n /**\n * Режим отображения: двойной или одинарный.\n */\n isDouble?: false;\n} & CalendarBaseProps;\n\ntype BaseRangeProps = {\n /**\n * Режим выбора: диапазон или одинарный.\n */\n isRange: true;\n /**\n * Режим отображения: двойной или одинарный.\n */\n isDouble?: false;\n} & CalendarRange<CalendarBaseProps>;\n\ntype DoubleProps = {\n /**\n * Выбранное значение.\n */\n value: Date;\n /**\n * Режим отображения: двойной или одинарный.\n */\n isDouble?: true;\n /**\n * Режим выбора: диапазон или одинарный.\n */\n isRange?: false;\n} & CalendarDoubleProps;\n\ntype DoubleRangeProps = {\n /**\n * Режим выбора: диапазон или одинарный.\n */\n isRange: true;\n /**\n * Режим отображения: двойной или одинарный.\n */\n isDouble?: true;\n} & CalendarRange<CalendarDoubleProps>;\n\nexport type ComponentVariation = {\n base: React.FC<CalendarBaseProps>;\n baseRange: React.FC<CalendarRange<CalendarBaseProps>>;\n double: React.FC<CalendarDoubleProps>;\n doubleRange: React.FC<CalendarRange<CalendarDoubleProps>>;\n};\n\nexport type CalendarProps = BaseProps | BaseRangeProps | DoubleProps | DoubleRangeProps;\n"],"names":["Keys"],"mappings":";;;;AAMYA,IAAAA,IAAI,0BAAJA,IAAI,EAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,UAAA,CAAA,GAAA,EAAA,CAAA,GAAA,UAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,KAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,OAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,OAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,OAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAJA,IAAI,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
|
@@ -38,21 +38,25 @@
|
|
38
38
|
.CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8.CalendarHeader_styles_13bk6ms_focusVisible__821c1ed8:focus::before,.CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
39
39
|
.CalendarHeader_styles_13bk6ms_s1fi7s2r__821c1ed8{color:var(--plasma-calendar-header-arrow-color);}
|
40
40
|
|
41
|
-
.
|
42
|
-
.
|
43
|
-
.
|
44
|
-
.
|
41
|
+
.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemInRange__1f08c8b0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideInRange__1f08c8b0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideLeft__1f08c8b0:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideRight__1f08c8b0:before{right:var(--s140bov1-0);}
|
42
|
+
.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemHovered__1f08c8b0,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemHovered__1f08c8b0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0:not(.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_focusVisible__1f08c8b0:focus::before,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0{position:relative;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_focusVisible__1f08c8b0:focus::before,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_dayInCurrentMonth__1f08c8b0:not(.DateStructureItem_styles_1hkk03u_itemDisabled__1f08c8b0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_dayOfWeek__1f08c8b0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemDisabled__1f08c8b0{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemDisabledCurrent__1f08c8b0{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemInRange__1f08c8b0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemSideRight__1f08c8b0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemSideLeft__1f08c8b0:before{width:100%;left:-1px;right:unset;}
|
43
|
+
.DateStructureItem_styles_1hkk03u_s1wqrord__1f08c8b0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
44
|
+
.DateStructureItem_styles_1hkk03u_s1cvvf5__1f08c8b0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
45
45
|
|
46
|
-
.
|
47
|
-
.
|
46
|
+
.CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
47
|
+
.CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}
|
48
|
+
.CalendarDays_styles_1oq8sud_scupvll__be296257{display:none;}
|
48
49
|
|
49
|
-
.
|
50
|
+
.CalendarMonths_styles_1v3msg_s2fb05v__23f2bc74{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
|
51
|
+
.CalendarMonths_styles_1v3msg_s1nlg4aa__23f2bc74{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
50
52
|
|
51
|
-
.
|
53
|
+
.CalendarQuarters_styles_14gqhct_sbn3jki__9a0615d6{padding:var(--plasma-calendar-quarters-padding);box-sizing:border-box;}
|
54
|
+
.CalendarQuarters_styles_14gqhct_s1f4w4zt__9a0615d6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
52
55
|
|
53
|
-
.
|
56
|
+
.CalendarYears_styles_1d4ov6t_sq90exc__41427687{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;}
|
57
|
+
.CalendarYears_styles_1d4ov6t_sp45mzt__41427687{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
54
58
|
|
55
59
|
.base_ds2lcv_bw5u18k__536fbc96{background:var(--plasma-calendar-background);}
|
56
60
|
|
57
|
-
.
|
58
|
-
.
|
61
|
+
.CalendarBase_styles_zk3a46_s154tyhv__15b3ced3{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;width:var(--plasma-calendar-width);height:var(--plasma-calendar-height);border:var(--plasma-calendar-border-width) solid var(--plasma-calendar-border-color);box-sizing:border-box;}
|
62
|
+
.CalendarBase_styles_zk3a46_i1hf4g69__15b3ced3{position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}
|
@@ -4,10 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
5
5
|
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
6
6
|
var React = require('react');
|
7
|
-
var cls = require('classnames');
|
8
7
|
var reducer = require('../store/reducer.js');
|
9
8
|
var types = require('../store/types.js');
|
10
|
-
var Calendar_tokens = require('../Calendar.tokens.js');
|
11
9
|
var base = require('./variations/_view/base.js');
|
12
10
|
var base$1 = require('./variations/_size/base.js');
|
13
11
|
var CalendarBase_styles = require('./CalendarBase.styles.js');
|
@@ -25,16 +23,14 @@ var constants = require('../utils/constants.js');
|
|
25
23
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
26
24
|
|
27
25
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
28
|
-
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
29
26
|
|
30
|
-
var _excluded = ["
|
27
|
+
var _excluded = ["value", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
|
31
28
|
/**
|
32
29
|
* Компонент календаря.
|
33
30
|
*/
|
34
31
|
var calendarBaseRoot = function calendarBaseRoot(Root) {
|
35
32
|
return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
|
36
|
-
var
|
37
|
-
externalValue = _ref.value,
|
33
|
+
var externalValue = _ref.value,
|
38
34
|
minDate = _ref.min,
|
39
35
|
maxDate = _ref.max,
|
40
36
|
renderFromDate = _ref.renderFromDate,
|
@@ -49,10 +45,9 @@ var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
49
45
|
disabledQuarterList = _ref.disabledQuarterList,
|
50
46
|
eventYearList = _ref.eventYearList,
|
51
47
|
disabledYearList = _ref.disabledYearList,
|
48
|
+
onChangeValue = _ref.onChangeValue,
|
52
49
|
_ref$locale = _ref.locale,
|
53
50
|
locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
|
54
|
-
stretch = _ref.stretch,
|
55
|
-
onChangeValue = _ref.onChangeValue,
|
56
51
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
57
52
|
var _useMemo = React.useMemo(function () {
|
58
53
|
return Array.isArray(externalValue) ? externalValue : [externalValue];
|
@@ -161,7 +156,6 @@ var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
161
156
|
}, [value]);
|
162
157
|
return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
|
163
158
|
ref: outerRootRef,
|
164
|
-
className: cls__default.default(className, _rollupPluginBabelHelpers.defineProperty({}, Calendar_tokens.classes.stretch, stretch)),
|
165
159
|
"aria-label": constants.I18N.selectDate[locale]
|
166
160
|
}, rest), isOutOfRange && /*#__PURE__*/React__default.default.createElement(CalendarBase_styles.IsOutOfRange, {
|
167
161
|
key: outOfRangeKey,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarBase.js","sources":["../../../../src/components/Calendar/CalendarBase/CalendarBase.tsx"],"sourcesContent":["import React, {\n useCallback,\n useMemo,\n useReducer,\n useState,\n KeyboardEvent,\n HTMLAttributes,\n forwardRef,\n useEffect,\n} from 'react';\nimport cls from 'classnames';\n\nimport type { Calendar, CalendarConfigProps, DateObject } from '../Calendar.types';\nimport { getInitialState, reducer, sizeMap } from '../store/reducer';\nimport { ActionType, CalendarState } from '../store/types';\nimport { I18N, isValueUpdate } from '../utils';\nimport { useKeyNavigation, useCalendarNavigation, useCalendarDateChange } from '../hooks';\nimport { CalendarDays, CalendarHeader, CalendarMonths, CalendarQuarters, CalendarYears } from '../ui';\nimport { RootProps } from '../../../engines';\nimport { classes } from '../Calendar.tokens';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { IsOutOfRange, StyledCalendar } from './CalendarBase.styles';\n\nexport type CalendarBaseProps = Calendar & CalendarConfigProps;\n\n/**\n * Компонент календаря.\n */\nexport const calendarBaseRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, CalendarBaseProps>(\n (\n {\n className,\n value: externalValue,\n min: minDate,\n max: maxDate,\n renderFromDate,\n includeEdgeDates,\n type = 'Days',\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n locale = 'ru',\n stretch,\n onChangeValue,\n ...rest\n },\n outerRootRef,\n ) => {\n const [firstValue, secondValue] = useMemo(\n () => (Array.isArray(externalValue) ? externalValue : [externalValue]),\n [externalValue],\n );\n const value = secondValue || firstValue;\n\n const [hoveredItem, setHoveredItem] = useState<DateObject | undefined>();\n const [prevType, setPrevType] = useState(type);\n const [prevValue, setPrevValue] = useState(value);\n const [outOfRangeKey, setOutOfRangeKey] = useState<number>(0);\n\n const min = minDate && new Date(minDate);\n const max = maxDate && new Date(maxDate);\n const renderFrom = renderFromDate && new Date(renderFromDate);\n\n const [state, dispatch] = useReducer(reducer, getInitialState(value, min, renderFrom, type));\n\n const { date, calendarState, startYear, size } = state;\n\n const { handleNext, handlePrev } = useCalendarNavigation({\n calendarState,\n date,\n dispatch,\n });\n\n const [selectIndexes, onKeyDown, onSelectIndexes, outerRefs, isOutOfRange] = useKeyNavigation({\n size,\n calendarState,\n onNext: handleNext,\n onPrev: handlePrev,\n });\n\n const {\n handleOnChangeDay,\n handleOnChangeMonth,\n handleOnChangeQuarter,\n handleOnChangeYear,\n handleUpdateCalendarState,\n } = useCalendarDateChange({ type, onChangeValue, onSelectIndexes, dispatch });\n\n // Изменяем ключ каждый раз как пытаемся перейти на даты которые находятся за пределами min/max ограничений.\n // Это необходимо для того чтобы screen-reader корректно озвучивал уведомление aria-live=\"assertive\"\n // о том что нет доступных дат\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n setOutOfRangeKey((previousState) => Number(!previousState));\n\n onKeyDown(event);\n },\n [onKeyDown],\n );\n\n useEffect(() => {\n if (prevType !== calendarState) {\n dispatch({\n type: ActionType.UPDATE_CALENDAR_STATE,\n payload: { calendarState, size: sizeMap[calendarState].single },\n });\n\n setPrevType(calendarState);\n }\n }, [calendarState]);\n\n useEffect(() => {\n if ((value && prevValue && isValueUpdate(value, prevValue)) || (value && !prevValue)) {\n dispatch({\n type: ActionType.UPDATE_DATE,\n payload: { value },\n });\n }\n\n if (!value && !prevValue) {\n dispatch({\n type: ActionType.UPDATE_DATE,\n payload: { value: renderFrom || min || new Date() },\n });\n }\n\n setPrevValue(value);\n }, [value]);\n\n return (\n <Root\n ref={outerRootRef}\n className={cls(className, { [classes.stretch]: stretch })}\n aria-label={I18N.selectDate[locale]}\n {...rest}\n >\n {isOutOfRange && (\n <IsOutOfRange\n key={outOfRangeKey}\n aria-atomic=\"true\"\n role=\"alert\"\n aria-live=\"assertive\"\n aria-relevant=\"additions\"\n >\n Далее нет доступных дат.\n </IsOutOfRange>\n )}\n <CalendarHeader\n size={rest.size}\n firstDate={date}\n startYear={startYear}\n type={calendarState}\n onPrev={handlePrev}\n onNext={handleNext}\n onUpdateCalendarState={handleUpdateCalendarState}\n locale={locale}\n />\n {calendarState === CalendarState.Days && (\n <CalendarDays\n value={externalValue}\n date={date}\n min={min}\n max={max}\n eventList={eventList}\n disabledList={disabledList}\n includeEdgeDates={includeEdgeDates}\n hoveredDay={hoveredItem}\n selectIndexes={selectIndexes}\n onChangeDay={handleOnChangeDay}\n onSetSelected={onSelectIndexes}\n onHoverDay={setHoveredItem}\n onKeyDown={handleKeyDown}\n outerRefs={outerRefs}\n locale={locale}\n />\n )}\n {calendarState === CalendarState.Months && (\n <CalendarMonths\n value={externalValue}\n date={date}\n min={min}\n max={max}\n eventList={eventMonthList}\n disabledList={disabledMonthList}\n hoveredMonth={hoveredItem}\n selectIndexes={selectIndexes}\n onChangeMonth={handleOnChangeMonth}\n onSetSelected={onSelectIndexes}\n onHoverMonth={setHoveredItem}\n onKeyDown={onKeyDown}\n outerRefs={outerRefs}\n locale={locale}\n />\n )}\n {calendarState === CalendarState.Quarters && (\n <CalendarQuarters\n value={externalValue}\n date={date}\n min={min}\n max={max}\n eventList={eventQuarterList}\n disabledList={disabledQuarterList}\n hoveredQuarter={hoveredItem}\n selectIndexes={selectIndexes}\n onChangeQuarter={handleOnChangeQuarter}\n onSetSelected={onSelectIndexes}\n onHoverQuarter={setHoveredItem}\n onKeyDown={onKeyDown}\n outerRefs={outerRefs}\n />\n )}\n {calendarState === CalendarState.Years && (\n <CalendarYears\n value={externalValue}\n date={date}\n startYear={startYear}\n selectIndexes={selectIndexes}\n min={min}\n max={max}\n eventList={eventYearList}\n disabledList={disabledYearList}\n hoveredYear={hoveredItem}\n onChangeYear={handleOnChangeYear}\n onSetSelected={onSelectIndexes}\n onHoverYear={setHoveredItem}\n onKeyDown={onKeyDown}\n outerRefs={outerRefs}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const calendarBaseConfig = {\n name: 'CalendarBase',\n tag: 'div',\n layout: calendarBaseRoot,\n base: StyledCalendar,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["calendarBaseRoot","Root","forwardRef","_ref","outerRootRef","className","externalValue","value","minDate","min","maxDate","max","renderFromDate","includeEdgeDates","_ref$type","type","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$locale","locale","stretch","onChangeValue","rest","_objectWithoutProperties","_excluded","_useMemo","useMemo","Array","isArray","_useMemo2","_slicedToArray","firstValue","secondValue","_useState","useState","_useState2","hoveredItem","setHoveredItem","_useState3","_useState4","prevType","setPrevType","_useState5","_useState6","prevValue","setPrevValue","_useState7","_useState8","outOfRangeKey","setOutOfRangeKey","Date","renderFrom","_useReducer","useReducer","reducer","getInitialState","_useReducer2","state","dispatch","date","calendarState","startYear","size","_useCalendarNavigatio","useCalendarNavigation","handleNext","handlePrev","_useKeyNavigation","useKeyNavigation","onNext","onPrev","_useKeyNavigation2","selectIndexes","onKeyDown","onSelectIndexes","outerRefs","isOutOfRange","_useCalendarDateChang","useCalendarDateChange","handleOnChangeDay","handleOnChangeMonth","handleOnChangeQuarter","handleOnChangeYear","handleUpdateCalendarState","handleKeyDown","useCallback","event","previousState","Number","useEffect","ActionType","UPDATE_CALENDAR_STATE","payload","sizeMap","single","isValueUpdate","UPDATE_DATE","React","createElement","_extends","ref","cls","_defineProperty","classes","I18N","selectDate","IsOutOfRange","key","role","CalendarHeader","firstDate","onUpdateCalendarState","CalendarState","Days","CalendarDays","hoveredDay","onChangeDay","onSetSelected","onHoverDay","Months","CalendarMonths","hoveredMonth","onChangeMonth","onHoverMonth","Quarters","CalendarQuarters","hoveredQuarter","onChangeQuarter","onHoverQuarter","Years","CalendarYears","hoveredYear","onChangeYear","onHoverYear","calendarBaseConfig","name","tag","layout","base","StyledCalendar","variations","view","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"CalendarBase.js","sources":["../../../../src/components/Calendar/CalendarBase/CalendarBase.tsx"],"sourcesContent":["import React, {\n useCallback,\n useMemo,\n useReducer,\n useState,\n KeyboardEvent,\n HTMLAttributes,\n forwardRef,\n useEffect,\n} from 'react';\n\nimport type { Calendar, CalendarConfigProps, DateObject } from '../Calendar.types';\nimport { getInitialState, reducer, sizeMap } from '../store/reducer';\nimport { ActionType, CalendarState } from '../store/types';\nimport { I18N, isValueUpdate } from '../utils';\nimport { useKeyNavigation, useCalendarNavigation, useCalendarDateChange } from '../hooks';\nimport { CalendarDays, CalendarHeader, CalendarMonths, CalendarQuarters, CalendarYears } from '../ui';\nimport { RootProps } from '../../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { IsOutOfRange, StyledCalendar } from './CalendarBase.styles';\n\nexport type CalendarBaseProps = Calendar & CalendarConfigProps;\n\n/**\n * Компонент календаря.\n */\nexport const calendarBaseRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, CalendarBaseProps>(\n (\n {\n value: externalValue,\n min: minDate,\n max: maxDate,\n renderFromDate,\n includeEdgeDates,\n type = 'Days',\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n onChangeValue,\n locale = 'ru',\n ...rest\n },\n outerRootRef,\n ) => {\n const [firstValue, secondValue] = useMemo(\n () => (Array.isArray(externalValue) ? externalValue : [externalValue]),\n [externalValue],\n );\n const value = secondValue || firstValue;\n\n const [hoveredItem, setHoveredItem] = useState<DateObject | undefined>();\n const [prevType, setPrevType] = useState(type);\n const [prevValue, setPrevValue] = useState(value);\n const [outOfRangeKey, setOutOfRangeKey] = useState<number>(0);\n\n const min = minDate && new Date(minDate);\n const max = maxDate && new Date(maxDate);\n const renderFrom = renderFromDate && new Date(renderFromDate);\n\n const [state, dispatch] = useReducer(reducer, getInitialState(value, min, renderFrom, type));\n\n const { date, calendarState, startYear, size } = state;\n\n const { handleNext, handlePrev } = useCalendarNavigation({\n calendarState,\n date,\n dispatch,\n });\n\n const [selectIndexes, onKeyDown, onSelectIndexes, outerRefs, isOutOfRange] = useKeyNavigation({\n size,\n calendarState,\n onNext: handleNext,\n onPrev: handlePrev,\n });\n\n const {\n handleOnChangeDay,\n handleOnChangeMonth,\n handleOnChangeQuarter,\n handleOnChangeYear,\n handleUpdateCalendarState,\n } = useCalendarDateChange({ type, onChangeValue, onSelectIndexes, dispatch });\n\n // Изменяем ключ каждый раз как пытаемся перейти на даты которые находятся за пределами min/max ограничений.\n // Это необходимо для того чтобы screen-reader корректно озвучивал уведомление aria-live=\"assertive\"\n // о том что нет доступных дат\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n setOutOfRangeKey((previousState) => Number(!previousState));\n\n onKeyDown(event);\n },\n [onKeyDown],\n );\n\n useEffect(() => {\n if (prevType !== calendarState) {\n dispatch({\n type: ActionType.UPDATE_CALENDAR_STATE,\n payload: { calendarState, size: sizeMap[calendarState].single },\n });\n\n setPrevType(calendarState);\n }\n }, [calendarState]);\n\n useEffect(() => {\n if ((value && prevValue && isValueUpdate(value, prevValue)) || (value && !prevValue)) {\n dispatch({\n type: ActionType.UPDATE_DATE,\n payload: { value },\n });\n }\n\n if (!value && !prevValue) {\n dispatch({\n type: ActionType.UPDATE_DATE,\n payload: { value: renderFrom || min || new Date() },\n });\n }\n\n setPrevValue(value);\n }, [value]);\n\n return (\n <Root ref={outerRootRef} aria-label={I18N.selectDate[locale]} {...rest}>\n {isOutOfRange && (\n <IsOutOfRange\n key={outOfRangeKey}\n aria-atomic=\"true\"\n role=\"alert\"\n aria-live=\"assertive\"\n aria-relevant=\"additions\"\n >\n Далее нет доступных дат.\n </IsOutOfRange>\n )}\n <CalendarHeader\n size={rest.size}\n firstDate={date}\n startYear={startYear}\n type={calendarState}\n onPrev={handlePrev}\n onNext={handleNext}\n onUpdateCalendarState={handleUpdateCalendarState}\n locale={locale}\n />\n {calendarState === CalendarState.Days && (\n <CalendarDays\n value={externalValue}\n date={date}\n min={min}\n max={max}\n eventList={eventList}\n disabledList={disabledList}\n includeEdgeDates={includeEdgeDates}\n hoveredDay={hoveredItem}\n selectIndexes={selectIndexes}\n onChangeDay={handleOnChangeDay}\n onSetSelected={onSelectIndexes}\n onHoverDay={setHoveredItem}\n onKeyDown={handleKeyDown}\n outerRefs={outerRefs}\n locale={locale}\n />\n )}\n {calendarState === CalendarState.Months && (\n <CalendarMonths\n value={externalValue}\n date={date}\n min={min}\n max={max}\n eventList={eventMonthList}\n disabledList={disabledMonthList}\n hoveredMonth={hoveredItem}\n selectIndexes={selectIndexes}\n onChangeMonth={handleOnChangeMonth}\n onSetSelected={onSelectIndexes}\n onHoverMonth={setHoveredItem}\n onKeyDown={onKeyDown}\n outerRefs={outerRefs}\n locale={locale}\n />\n )}\n {calendarState === CalendarState.Quarters && (\n <CalendarQuarters\n value={externalValue}\n date={date}\n min={min}\n max={max}\n eventList={eventQuarterList}\n disabledList={disabledQuarterList}\n hoveredQuarter={hoveredItem}\n selectIndexes={selectIndexes}\n onChangeQuarter={handleOnChangeQuarter}\n onSetSelected={onSelectIndexes}\n onHoverQuarter={setHoveredItem}\n onKeyDown={onKeyDown}\n outerRefs={outerRefs}\n />\n )}\n {calendarState === CalendarState.Years && (\n <CalendarYears\n value={externalValue}\n date={date}\n startYear={startYear}\n selectIndexes={selectIndexes}\n min={min}\n max={max}\n eventList={eventYearList}\n disabledList={disabledYearList}\n hoveredYear={hoveredItem}\n onChangeYear={handleOnChangeYear}\n onSetSelected={onSelectIndexes}\n onHoverYear={setHoveredItem}\n onKeyDown={onKeyDown}\n outerRefs={outerRefs}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const calendarBaseConfig = {\n name: 'CalendarBase',\n tag: 'div',\n layout: calendarBaseRoot,\n base: StyledCalendar,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["calendarBaseRoot","Root","forwardRef","_ref","outerRootRef","externalValue","value","minDate","min","maxDate","max","renderFromDate","includeEdgeDates","_ref$type","type","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","onChangeValue","_ref$locale","locale","rest","_objectWithoutProperties","_excluded","_useMemo","useMemo","Array","isArray","_useMemo2","_slicedToArray","firstValue","secondValue","_useState","useState","_useState2","hoveredItem","setHoveredItem","_useState3","_useState4","prevType","setPrevType","_useState5","_useState6","prevValue","setPrevValue","_useState7","_useState8","outOfRangeKey","setOutOfRangeKey","Date","renderFrom","_useReducer","useReducer","reducer","getInitialState","_useReducer2","state","dispatch","date","calendarState","startYear","size","_useCalendarNavigatio","useCalendarNavigation","handleNext","handlePrev","_useKeyNavigation","useKeyNavigation","onNext","onPrev","_useKeyNavigation2","selectIndexes","onKeyDown","onSelectIndexes","outerRefs","isOutOfRange","_useCalendarDateChang","useCalendarDateChange","handleOnChangeDay","handleOnChangeMonth","handleOnChangeQuarter","handleOnChangeYear","handleUpdateCalendarState","handleKeyDown","useCallback","event","previousState","Number","useEffect","ActionType","UPDATE_CALENDAR_STATE","payload","sizeMap","single","isValueUpdate","UPDATE_DATE","React","createElement","_extends","ref","I18N","selectDate","IsOutOfRange","key","role","CalendarHeader","firstDate","onUpdateCalendarState","CalendarState","Days","CalendarDays","hoveredDay","onChangeDay","onSetSelected","onHoverDay","Months","CalendarMonths","hoveredMonth","onChangeMonth","onHoverMonth","Quarters","CalendarQuarters","hoveredQuarter","onChangeQuarter","onHoverQuarter","Years","CalendarYears","hoveredYear","onChangeYear","onHoverYear","calendarBaseConfig","name","tag","layout","base","StyledCalendar","variations","view","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarBase.styles.js","sources":["../../../../src/components/Calendar/CalendarBase/CalendarBase.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport {
|
1
|
+
{"version":3,"file":"CalendarBase.styles.js","sources":["../../../../src/components/Calendar/CalendarBase/CalendarBase.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { tokens } from '../Calendar.tokens';\n\nexport const StyledCalendar = css`\n position: relative;\n user-select: none;\n z-index: 1;\n\n width: var(${tokens.calendarWidth});\n height: var(${tokens.calendarHeight});\n border: var(${tokens.calendarBorderWidth}) solid var(${tokens.calendarBorderColor});\n box-sizing: border-box;\n`;\n\nexport const IsOutOfRange = styled.div`\n position: absolute;\n padding: 0;\n margin: 0;\n height: 0;\n width: 0;\n border: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n`;\n"],"names":["StyledCalendar","IsOutOfRange","styled","name","class","propsAsIs"],"mappings":";;;;;;AAKO,IAAMA,cAAc,GAS1B,WAAA;AAEM,IAAMC,YAAY,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASjC;;;;;"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
.s154tyhv{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;width:var(--plasma-calendar-width);height:var(--plasma-calendar-height);border:var(--plasma-calendar-border-width) solid var(--plasma-calendar-border-color);box-sizing:border-box;
|
1
|
+
.s154tyhv{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;width:var(--plasma-calendar-width);height:var(--plasma-calendar-height);border:var(--plasma-calendar-border-width) solid var(--plasma-calendar-border-color);box-sizing:border-box;}
|
2
2
|
.i1hf4g69{position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}
|