@salutejs/plasma-new-hope 0.324.0-canary.1970.15068833000.0 → 0.324.0-canary.1972.15071772993.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Calendar/Calendar.tokens.js +2 -11
- 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 +11 -15
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -3
- 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_zk3a46.css → CalendarBase.styles_8icaul.css} +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -3
- 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_e9ada0.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.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 +6 -7
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -9
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -7
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -7
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -7
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -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_12b03hz.css +4 -0
- package/cjs/components/Calendar/utils/calendarGridHelper.js +10 -2
- package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js +7 -9
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +19 -2
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -25
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +22 -10
- 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_vzsqwo.css → RangeDate.styles_1rre7cd.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +42 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +2 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +19 -23
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -7
- 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/{es/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_eae6ii.css} +1 -1
- package/cjs/index.css +24 -34
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +2 -11
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
- 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 +3 -6
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -8
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -8
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +3 -8
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -8
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +7 -10
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +9 -3
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -13
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -3
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
- 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 +6 -0
- package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
- 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 +8 -6
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/Calendar/Calendar.tokens.js +2 -11
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +3 -3
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
- 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 +5 -8
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -7
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/emotion/es/components/Calendar/utils/calendarGridHelper.js +9 -2
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +6 -9
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +9 -3
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +5 -14
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +45 -4
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
- package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
- 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 +6 -0
- package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
- 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 +8 -6
- package/emotion/es/index.js +1 -2
- package/es/components/Calendar/Calendar.tokens.js +2 -11
- 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 +11 -15
- package/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- 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_zk3a46.css → CalendarBase.styles_8icaul.css} +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +10 -5
- 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_e9ada0.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.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 +6 -7
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -9
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -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_12b03hz.css +4 -0
- package/es/components/Calendar/utils/calendarGridHelper.js +10 -3
- package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/es/components/DatePicker/DatePicker.tokens.js +7 -10
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +19 -2
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +21 -25
- package/es/components/DatePicker/RangeDate/RangeDate.js +22 -11
- 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_vzsqwo.css → RangeDate.styles_1rre7cd.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +42 -3
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +2 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +19 -23
- package/es/components/DatePicker/SingleDate/SingleDate.js +31 -8
- 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/{cjs/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → es/components/DatePicker/SingleDate/SingleDate.styles_eae6ii.css} +1 -1
- package/es/index.css +24 -34
- package/es/index.js +0 -3
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +2 -11
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
- 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 +3 -6
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -8
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -6
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -6
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -6
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +7 -10
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +8 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -3
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
- 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 +6 -0
- package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
- 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 +8 -6
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/Calendar/Calendar.tokens.js +2 -11
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
- 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 +5 -8
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -7
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -5
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -5
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -5
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +9 -2
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +6 -9
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +8 -2
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +45 -4
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
- 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 +6 -0
- package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
- 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 +8 -6
- package/styled-components/es/index.js +1 -2
- package/types/components/Calendar/Calendar.tokens.d.ts +1 -10
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +4 -0
- 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 +0 -1
- 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 +0 -1
- 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 +0 -1
- 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 +0 -1
- 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 +1 -0
- package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +5 -8
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts +4 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +19 -0
- 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 +16 -3
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +12 -20
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
- package/cjs/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
- package/cjs/components/PaginationDots/PaginationDot.js +0 -58
- package/cjs/components/PaginationDots/PaginationDot.js.map +0 -1
- package/cjs/components/PaginationDots/PaginationDot_baul9c.css +0 -2
- package/cjs/components/PaginationDots/PaginationDots.js +0 -33
- package/cjs/components/PaginationDots/PaginationDots.js.map +0 -1
- package/cjs/components/PaginationDots/PaginationDots_fm2ha5.css +0 -2
- package/cjs/components/PaginationDots/SmartPaginationDots.css +0 -5
- package/cjs/components/PaginationDots/SmartPaginationDots.js +0 -46
- package/cjs/components/PaginationDots/SmartPaginationDots.js.map +0 -1
- package/cjs/components/PaginationDots/usePaginationDots.js +0 -40
- package/cjs/components/PaginationDots/usePaginationDots.js.map +0 -1
- package/emotion/cjs/components/PaginationDots/PaginationDot.js +0 -34
- package/emotion/cjs/components/PaginationDots/PaginationDots.js +0 -34
- package/emotion/cjs/components/PaginationDots/SmartPaginationDots.js +0 -42
- package/emotion/cjs/components/PaginationDots/index.js +0 -26
- package/emotion/cjs/components/PaginationDots/usePaginationDots.js +0 -38
- package/emotion/es/components/PaginationDots/PaginationDot.js +0 -27
- package/emotion/es/components/PaginationDots/PaginationDots.js +0 -27
- package/emotion/es/components/PaginationDots/SmartPaginationDots.js +0 -35
- package/emotion/es/components/PaginationDots/index.js +0 -3
- package/emotion/es/components/PaginationDots/usePaginationDots.js +0 -32
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
- package/es/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
- package/es/components/PaginationDots/PaginationDot.js +0 -53
- package/es/components/PaginationDots/PaginationDot.js.map +0 -1
- package/es/components/PaginationDots/PaginationDot_baul9c.css +0 -2
- package/es/components/PaginationDots/PaginationDots.js +0 -28
- package/es/components/PaginationDots/PaginationDots.js.map +0 -1
- package/es/components/PaginationDots/PaginationDots_fm2ha5.css +0 -2
- package/es/components/PaginationDots/SmartPaginationDots.css +0 -5
- package/es/components/PaginationDots/SmartPaginationDots.js +0 -38
- package/es/components/PaginationDots/SmartPaginationDots.js.map +0 -1
- package/es/components/PaginationDots/usePaginationDots.js +0 -36
- package/es/components/PaginationDots/usePaginationDots.js.map +0 -1
- package/styled-components/cjs/components/PaginationDots/PaginationDot.js +0 -32
- package/styled-components/cjs/components/PaginationDots/PaginationDots.js +0 -23
- package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js +0 -42
- package/styled-components/cjs/components/PaginationDots/index.js +0 -26
- package/styled-components/cjs/components/PaginationDots/usePaginationDots.js +0 -38
- package/styled-components/es/components/PaginationDots/PaginationDot.js +0 -25
- package/styled-components/es/components/PaginationDots/PaginationDots.js +0 -17
- package/styled-components/es/components/PaginationDots/SmartPaginationDots.js +0 -35
- package/styled-components/es/components/PaginationDots/index.js +0 -3
- package/styled-components/es/components/PaginationDots/usePaginationDots.js +0 -32
- package/types/components/PaginationDots/PaginationDot.d.ts +0 -20
- package/types/components/PaginationDots/PaginationDot.d.ts.map +0 -1
- package/types/components/PaginationDots/PaginationDots.d.ts +0 -14
- package/types/components/PaginationDots/PaginationDots.d.ts.map +0 -1
- package/types/components/PaginationDots/SmartPaginationDots.d.ts +0 -14
- package/types/components/PaginationDots/SmartPaginationDots.d.ts.map +0 -1
- package/types/components/PaginationDots/index.d.ts +0 -6
- package/types/components/PaginationDots/index.d.ts.map +0 -1
- package/types/components/PaginationDots/usePaginationDots.d.ts +0 -14
- package/types/components/PaginationDots/usePaginationDots.d.ts.map +0 -1
@@ -1,36 +0,0 @@
|
|
1
|
-
import { useRef } from 'react';
|
2
|
-
|
3
|
-
var usePaginationDots = function usePaginationDots(_ref) {
|
4
|
-
var items = _ref.items,
|
5
|
-
index = _ref.index,
|
6
|
-
_ref$visibleItems = _ref.visibleItems,
|
7
|
-
visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
|
8
|
-
var activeId = items[index].id;
|
9
|
-
var prevIndex = useRef(null);
|
10
|
-
var direction = 0;
|
11
|
-
if (prevIndex.current !== null) {
|
12
|
-
direction = index > prevIndex.current ? 1 : -1;
|
13
|
-
}
|
14
|
-
var start;
|
15
|
-
var end;
|
16
|
-
if (direction === 1) {
|
17
|
-
end = Math.min(Math.max(index + 2, visibleItems), items.length);
|
18
|
-
start = Math.max(end - visibleItems, 0);
|
19
|
-
} else if (direction === -1) {
|
20
|
-
start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
|
21
|
-
end = start + visibleItems;
|
22
|
-
} else {
|
23
|
-
start = Math.max(index - Math.floor(visibleItems / 2), 0);
|
24
|
-
end = Math.min(start + visibleItems, items.length);
|
25
|
-
start = end - visibleItems;
|
26
|
-
}
|
27
|
-
var sliced = items.slice(start, end);
|
28
|
-
prevIndex.current = index;
|
29
|
-
return {
|
30
|
-
sliced: sliced,
|
31
|
-
activeId: activeId
|
32
|
-
};
|
33
|
-
};
|
34
|
-
|
35
|
-
export { usePaginationDots };
|
36
|
-
//# sourceMappingURL=usePaginationDots.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"usePaginationDots.js","sources":["../../../src/components/PaginationDots/usePaginationDots.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport interface SmartPaginationDotsProps {\n items: Array<{ id: number | string }>;\n index: number;\n visibleItems?: number;\n}\n\nexport const usePaginationDots = ({ items, index, visibleItems = 7 }: SmartPaginationDotsProps) => {\n const activeId = items[index].id;\n const prevIndex = useRef<number | null>(null);\n let direction = 0;\n\n if (prevIndex.current !== null) {\n direction = index > prevIndex.current ? 1 : -1;\n }\n\n let start: number;\n let end: number;\n\n if (direction === 1) {\n end = Math.min(Math.max(index + 2, visibleItems), items.length);\n start = Math.max(end - visibleItems, 0);\n } else if (direction === -1) {\n start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);\n end = start + visibleItems;\n } else {\n start = Math.max(index - Math.floor(visibleItems / 2), 0);\n end = Math.min(start + visibleItems, items.length);\n start = end - visibleItems;\n }\n\n const sliced = items.slice(start, end);\n\n prevIndex.current = index;\n\n return {\n sliced,\n activeId,\n };\n};\n"],"names":["usePaginationDots","_ref","items","index","_ref$visibleItems","visibleItems","activeId","id","prevIndex","useRef","direction","current","start","end","Math","min","max","length","floor","sliced","slice"],"mappings":";;IAQaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAqE;AAAA,EAAA,IAA/DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,iBAAA,GAAAH,IAAA,CAAEI,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,iBAAA,CAAA;AAC9D,EAAA,IAAME,QAAQ,GAAGJ,KAAK,CAACC,KAAK,CAAC,CAACI,EAAE,CAAA;AAChC,EAAA,IAAMC,SAAS,GAAGC,MAAM,CAAgB,IAAI,CAAC,CAAA;EAC7C,IAAIC,SAAS,GAAG,CAAC,CAAA;AAEjB,EAAA,IAAIF,SAAS,CAACG,OAAO,KAAK,IAAI,EAAE;IAC5BD,SAAS,GAAGP,KAAK,GAAGK,SAAS,CAACG,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AAClD,GAAA;AAEA,EAAA,IAAIC,KAAa,CAAA;AACjB,EAAA,IAAIC,GAAW,CAAA;EAEf,IAAIH,SAAS,KAAK,CAAC,EAAE;AACjBG,IAAAA,GAAG,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACb,KAAK,GAAG,CAAC,EAAEE,YAAY,CAAC,EAAEH,KAAK,CAACe,MAAM,CAAC,CAAA;IAC/DL,KAAK,GAAGE,IAAI,CAACE,GAAG,CAACH,GAAG,GAAGR,YAAY,EAAE,CAAC,CAAC,CAAA;AAC3C,GAAC,MAAM,IAAIK,SAAS,KAAK,CAAC,CAAC,EAAE;IACzBE,KAAK,GAAGE,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACb,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,EAAED,KAAK,CAACe,MAAM,GAAGZ,YAAY,CAAC,CAAA;IACrEQ,GAAG,GAAGD,KAAK,GAAGP,YAAY,CAAA;AAC9B,GAAC,MAAM;AACHO,IAAAA,KAAK,GAAGE,IAAI,CAACE,GAAG,CAACb,KAAK,GAAGW,IAAI,CAACI,KAAK,CAACb,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACzDQ,IAAAA,GAAG,GAAGC,IAAI,CAACC,GAAG,CAACH,KAAK,GAAGP,YAAY,EAAEH,KAAK,CAACe,MAAM,CAAC,CAAA;IAClDL,KAAK,GAAGC,GAAG,GAAGR,YAAY,CAAA;AAC9B,GAAA;EAEA,IAAMc,MAAM,GAAGjB,KAAK,CAACkB,KAAK,CAACR,KAAK,EAAEC,GAAG,CAAC,CAAA;EAEtCL,SAAS,CAACG,OAAO,GAAGR,KAAK,CAAA;EAEzB,OAAO;AACHgB,IAAAA,MAAM,EAANA,MAAM;AACNb,IAAAA,QAAQ,EAARA,QAAAA;GACH,CAAA;AACL;;;;"}
|
@@ -1,32 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.PaginationDot = exports.DotBase = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
|
8
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
9
|
-
/**
|
10
|
-
* Элемент пагинации точками.
|
11
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
12
|
-
*/
|
13
|
-
var DotBase = exports.DotBase = /*#__PURE__*/_styledComponents["default"].li.withConfig({
|
14
|
-
componentId: "plasma-new-hope__sc-1lu8gfj-0"
|
15
|
-
})(["width:", ";height:0.375rem;border-radius:1rem;background:", ";transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;& + &{margin-left:0.375rem;}&:focus{outline:0 none;}"], function (_ref) {
|
16
|
-
var isActive = _ref.isActive;
|
17
|
-
return isActive ? '1.75rem' : '0.375rem';
|
18
|
-
}, function (_ref2) {
|
19
|
-
var isActive = _ref2.isActive;
|
20
|
-
return isActive ? 'var(--text-primary)' : 'var(--surfaceTransparentTertiary)';
|
21
|
-
});
|
22
|
-
|
23
|
-
/**
|
24
|
-
* Элемент пагинации точками.
|
25
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
26
|
-
*/
|
27
|
-
var PaginationDot = exports.PaginationDot = /*#__PURE__*/(0, _styledComponents["default"])(DotBase).withConfig({
|
28
|
-
componentId: "plasma-new-hope__sc-1lu8gfj-1"
|
29
|
-
})(["cursor:pointer;background:", ";&:hover{background:var(--text-accent);}"], function (_ref3) {
|
30
|
-
var isActive = _ref3.isActive;
|
31
|
-
return isActive ? 'var(--text-accent)' : 'var(--surfaceTransparentTertiary)';
|
32
|
-
});
|
@@ -1,23 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.PaginationDots = exports.DotsBase = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
|
8
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
9
|
-
/**
|
10
|
-
* Оборачивающий компонент для пагинации точками.
|
11
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
12
|
-
*/
|
13
|
-
var DotsBase = exports.DotsBase = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
14
|
-
componentId: "plasma-new-hope__sc-1ritf0l-0"
|
15
|
-
})(["display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none;"]);
|
16
|
-
|
17
|
-
/**
|
18
|
-
* Оборачивающий компонент для пагинации точками.
|
19
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
20
|
-
*/
|
21
|
-
var PaginationDots = exports.PaginationDots = /*#__PURE__*/(0, _styledComponents["default"])(DotsBase).withConfig({
|
22
|
-
componentId: "plasma-new-hope__sc-1ritf0l-1"
|
23
|
-
})([""]);
|
@@ -1,42 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.SmartPaginationDots = void 0;
|
7
|
-
var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
|
8
|
-
var _usePaginationDots2 = /*#__PURE__*/require("./usePaginationDots");
|
9
|
-
var _PaginationDots = /*#__PURE__*/require("./PaginationDots");
|
10
|
-
var _PaginationDot = /*#__PURE__*/require("./PaginationDot");
|
11
|
-
var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
13
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
14
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
15
|
-
/**
|
16
|
-
* Компонент для отображения точек пагинации
|
17
|
-
* с возможностью ограничения количества видимых элементов.
|
18
|
-
*/
|
19
|
-
var SmartPaginationDots = exports.SmartPaginationDots = function SmartPaginationDots(_ref) {
|
20
|
-
var items = _ref.items,
|
21
|
-
index = _ref.index,
|
22
|
-
visibleItems = _ref.visibleItems,
|
23
|
-
onIndexChange = _ref.onIndexChange,
|
24
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
25
|
-
var _usePaginationDots = (0, _usePaginationDots2.usePaginationDots)({
|
26
|
-
items: items,
|
27
|
-
index: index,
|
28
|
-
visibleItems: visibleItems
|
29
|
-
}),
|
30
|
-
sliced = _usePaginationDots.sliced,
|
31
|
-
activeId = _usePaginationDots.activeId;
|
32
|
-
return /*#__PURE__*/_react["default"].createElement(_PaginationDots.PaginationDots, rest, sliced.map(function (_ref2, i) {
|
33
|
-
var id = _ref2.id;
|
34
|
-
return /*#__PURE__*/_react["default"].createElement(_PaginationDot.PaginationDot, {
|
35
|
-
key: "item:".concat(i),
|
36
|
-
isActive: id === activeId,
|
37
|
-
onClick: function onClick() {
|
38
|
-
return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
|
39
|
-
}
|
40
|
-
});
|
41
|
-
}));
|
42
|
-
};
|
@@ -1,26 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "PaginationDot", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _PaginationDot.PaginationDot;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "PaginationDots", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _PaginationDots.PaginationDots;
|
16
|
-
}
|
17
|
-
});
|
18
|
-
Object.defineProperty(exports, "SmartPaginationDots", {
|
19
|
-
enumerable: true,
|
20
|
-
get: function get() {
|
21
|
-
return _SmartPaginationDots.SmartPaginationDots;
|
22
|
-
}
|
23
|
-
});
|
24
|
-
var _SmartPaginationDots = /*#__PURE__*/require("./SmartPaginationDots");
|
25
|
-
var _PaginationDots = /*#__PURE__*/require("./PaginationDots");
|
26
|
-
var _PaginationDot = /*#__PURE__*/require("./PaginationDot");
|
@@ -1,38 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.usePaginationDots = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("react");
|
8
|
-
var usePaginationDots = exports.usePaginationDots = function usePaginationDots(_ref) {
|
9
|
-
var items = _ref.items,
|
10
|
-
index = _ref.index,
|
11
|
-
_ref$visibleItems = _ref.visibleItems,
|
12
|
-
visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
|
13
|
-
var activeId = items[index].id;
|
14
|
-
var prevIndex = (0, _react.useRef)(null);
|
15
|
-
var direction = 0;
|
16
|
-
if (prevIndex.current !== null) {
|
17
|
-
direction = index > prevIndex.current ? 1 : -1;
|
18
|
-
}
|
19
|
-
var start;
|
20
|
-
var end;
|
21
|
-
if (direction === 1) {
|
22
|
-
end = Math.min(Math.max(index + 2, visibleItems), items.length);
|
23
|
-
start = Math.max(end - visibleItems, 0);
|
24
|
-
} else if (direction === -1) {
|
25
|
-
start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
|
26
|
-
end = start + visibleItems;
|
27
|
-
} else {
|
28
|
-
start = Math.max(index - Math.floor(visibleItems / 2), 0);
|
29
|
-
end = Math.min(start + visibleItems, items.length);
|
30
|
-
start = end - visibleItems;
|
31
|
-
}
|
32
|
-
var sliced = items.slice(start, end);
|
33
|
-
prevIndex.current = index;
|
34
|
-
return {
|
35
|
-
sliced: sliced,
|
36
|
-
activeId: activeId
|
37
|
-
};
|
38
|
-
};
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
/**
|
3
|
-
* Элемент пагинации точками.
|
4
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
5
|
-
*/
|
6
|
-
export var DotBase = /*#__PURE__*/styled.li.withConfig({
|
7
|
-
componentId: "plasma-new-hope__sc-1lu8gfj-0"
|
8
|
-
})(["width:", ";height:0.375rem;border-radius:1rem;background:", ";transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;& + &{margin-left:0.375rem;}&:focus{outline:0 none;}"], function (_ref) {
|
9
|
-
var isActive = _ref.isActive;
|
10
|
-
return isActive ? '1.75rem' : '0.375rem';
|
11
|
-
}, function (_ref2) {
|
12
|
-
var isActive = _ref2.isActive;
|
13
|
-
return isActive ? 'var(--text-primary)' : 'var(--surfaceTransparentTertiary)';
|
14
|
-
});
|
15
|
-
|
16
|
-
/**
|
17
|
-
* Элемент пагинации точками.
|
18
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
19
|
-
*/
|
20
|
-
export var PaginationDot = /*#__PURE__*/styled(DotBase).withConfig({
|
21
|
-
componentId: "plasma-new-hope__sc-1lu8gfj-1"
|
22
|
-
})(["cursor:pointer;background:", ";&:hover{background:var(--text-accent);}"], function (_ref3) {
|
23
|
-
var isActive = _ref3.isActive;
|
24
|
-
return isActive ? 'var(--text-accent)' : 'var(--surfaceTransparentTertiary)';
|
25
|
-
});
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
|
3
|
-
/**
|
4
|
-
* Оборачивающий компонент для пагинации точками.
|
5
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
6
|
-
*/
|
7
|
-
export var DotsBase = /*#__PURE__*/styled.ul.withConfig({
|
8
|
-
componentId: "plasma-new-hope__sc-1ritf0l-0"
|
9
|
-
})(["display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none;"]);
|
10
|
-
|
11
|
-
/**
|
12
|
-
* Оборачивающий компонент для пагинации точками.
|
13
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
14
|
-
*/
|
15
|
-
export var PaginationDots = /*#__PURE__*/styled(DotsBase).withConfig({
|
16
|
-
componentId: "plasma-new-hope__sc-1ritf0l-1"
|
17
|
-
})([""]);
|
@@ -1,35 +0,0 @@
|
|
1
|
-
var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
|
2
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
3
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
4
|
-
import React from 'react';
|
5
|
-
import { usePaginationDots } from "./usePaginationDots";
|
6
|
-
import { PaginationDots } from "./PaginationDots";
|
7
|
-
import { PaginationDot } from "./PaginationDot";
|
8
|
-
/**
|
9
|
-
* Компонент для отображения точек пагинации
|
10
|
-
* с возможностью ограничения количества видимых элементов.
|
11
|
-
*/
|
12
|
-
export var SmartPaginationDots = function SmartPaginationDots(_ref) {
|
13
|
-
var items = _ref.items,
|
14
|
-
index = _ref.index,
|
15
|
-
visibleItems = _ref.visibleItems,
|
16
|
-
onIndexChange = _ref.onIndexChange,
|
17
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
18
|
-
var _usePaginationDots = usePaginationDots({
|
19
|
-
items: items,
|
20
|
-
index: index,
|
21
|
-
visibleItems: visibleItems
|
22
|
-
}),
|
23
|
-
sliced = _usePaginationDots.sliced,
|
24
|
-
activeId = _usePaginationDots.activeId;
|
25
|
-
return /*#__PURE__*/React.createElement(PaginationDots, rest, sliced.map(function (_ref2, i) {
|
26
|
-
var id = _ref2.id;
|
27
|
-
return /*#__PURE__*/React.createElement(PaginationDot, {
|
28
|
-
key: "item:".concat(i),
|
29
|
-
isActive: id === activeId,
|
30
|
-
onClick: function onClick() {
|
31
|
-
return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
|
32
|
-
}
|
33
|
-
});
|
34
|
-
}));
|
35
|
-
};
|
@@ -1,32 +0,0 @@
|
|
1
|
-
import { useRef } from 'react';
|
2
|
-
export var usePaginationDots = function usePaginationDots(_ref) {
|
3
|
-
var items = _ref.items,
|
4
|
-
index = _ref.index,
|
5
|
-
_ref$visibleItems = _ref.visibleItems,
|
6
|
-
visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
|
7
|
-
var activeId = items[index].id;
|
8
|
-
var prevIndex = useRef(null);
|
9
|
-
var direction = 0;
|
10
|
-
if (prevIndex.current !== null) {
|
11
|
-
direction = index > prevIndex.current ? 1 : -1;
|
12
|
-
}
|
13
|
-
var start;
|
14
|
-
var end;
|
15
|
-
if (direction === 1) {
|
16
|
-
end = Math.min(Math.max(index + 2, visibleItems), items.length);
|
17
|
-
start = Math.max(end - visibleItems, 0);
|
18
|
-
} else if (direction === -1) {
|
19
|
-
start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
|
20
|
-
end = start + visibleItems;
|
21
|
-
} else {
|
22
|
-
start = Math.max(index - Math.floor(visibleItems / 2), 0);
|
23
|
-
end = Math.min(start + visibleItems, items.length);
|
24
|
-
start = end - visibleItems;
|
25
|
-
}
|
26
|
-
var sliced = items.slice(start, end);
|
27
|
-
prevIndex.current = index;
|
28
|
-
return {
|
29
|
-
sliced: sliced,
|
30
|
-
activeId: activeId
|
31
|
-
};
|
32
|
-
};
|
@@ -1,20 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export interface PaginationDotProps extends React.LiHTMLAttributes<HTMLLIElement> {
|
3
|
-
/**
|
4
|
-
* Элемент активен
|
5
|
-
*/
|
6
|
-
isActive: boolean;
|
7
|
-
}
|
8
|
-
/**
|
9
|
-
* Элемент пагинации точками.
|
10
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
11
|
-
*/
|
12
|
-
export declare const DotBase: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & PaginationDotProps>;
|
13
|
-
/**
|
14
|
-
* Элемент пагинации точками.
|
15
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
16
|
-
*/
|
17
|
-
export declare const PaginationDot: import("@linaria/react").StyledComponent<PaginationDotProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & {
|
18
|
-
as?: import("react").ElementType<any> | undefined;
|
19
|
-
}>;
|
20
|
-
//# sourceMappingURL=PaginationDot.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"PaginationDot.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/PaginationDot.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAC7E;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,iKAenB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa;;EAQzB,CAAC"}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
/**
|
3
|
-
* Оборачивающий компонент для пагинации точками.
|
4
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
5
|
-
*/
|
6
|
-
export declare const DotsBase: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & Record<never, unknown>>;
|
7
|
-
/**
|
8
|
-
* Оборачивающий компонент для пагинации точками.
|
9
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
10
|
-
*/
|
11
|
-
export declare const PaginationDots: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & Record<never, unknown> & {
|
12
|
-
as?: import("react").ElementType<any> | undefined;
|
13
|
-
}>;
|
14
|
-
//# sourceMappingURL=PaginationDots.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"PaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/PaginationDots.tsx"],"names":[],"mappings":";AAEA;;;GAGG;AACH,eAAO,MAAM,QAAQ,yKAQpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc;;EAAqB,CAAC"}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { SmartPaginationDotsProps as BaseProps } from './usePaginationDots';
|
3
|
-
export interface SmartPaginationDotsProps extends BaseProps, React.HTMLAttributes<HTMLUListElement> {
|
4
|
-
/**
|
5
|
-
* Обработчик изменения индекса
|
6
|
-
*/
|
7
|
-
onIndexChange?: (index: number) => void;
|
8
|
-
}
|
9
|
-
/**
|
10
|
-
* Компонент для отображения точек пагинации
|
11
|
-
* с возможностью ограничения количества видимых элементов.
|
12
|
-
*/
|
13
|
-
export declare const SmartPaginationDots: React.FC<SmartPaginationDotsProps>;
|
14
|
-
//# sourceMappingURL=SmartPaginationDots.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"SmartPaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/SmartPaginationDots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,wBAAwB,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI/F,MAAM,WAAW,wBAAyB,SAAQ,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC/F;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgBlE,CAAC"}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
export { SmartPaginationDots } from './SmartPaginationDots';
|
2
|
-
export type { SmartPaginationDotsProps } from './SmartPaginationDots';
|
3
|
-
export { PaginationDots } from './PaginationDots';
|
4
|
-
export { PaginationDot } from './PaginationDot';
|
5
|
-
export type { PaginationDotProps } from './PaginationDot';
|
6
|
-
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
export interface SmartPaginationDotsProps {
|
2
|
-
items: Array<{
|
3
|
-
id: number | string;
|
4
|
-
}>;
|
5
|
-
index: number;
|
6
|
-
visibleItems?: number;
|
7
|
-
}
|
8
|
-
export declare const usePaginationDots: ({ items, index, visibleItems }: SmartPaginationDotsProps) => {
|
9
|
-
sliced: {
|
10
|
-
id: number | string;
|
11
|
-
}[];
|
12
|
-
activeId: string | number;
|
13
|
-
};
|
14
|
-
//# sourceMappingURL=usePaginationDots.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"usePaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/usePaginationDots.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACrC,KAAK,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,iBAAiB,mCAAwC,wBAAwB;;YALvE,MAAM,GAAG,MAAM;;;CAqCrC,CAAC"}
|