@salutejs/plasma-new-hope 0.326.0-canary.2013.15518408913.0 → 0.326.0-canary.2014.15531870271.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/Carousel/Carousel.css +4 -0
- package/cjs/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +1 -1
- package/cjs/components/Carousel/Carousel.js.map +1 -0
- package/cjs/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +9 -9
- package/cjs/components/Carousel/Carousel.styles.js.map +1 -0
- package/cjs/components/Carousel/Carousel.styles_zmchjj.css +4 -0
- package/cjs/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +5 -5
- package/cjs/components/Carousel/CarouselItem.js.map +1 -0
- package/cjs/components/Carousel/CarouselItem_cqjszm.css +1 -0
- package/cjs/components/Carousel/useCarousel.js.map +1 -0
- package/cjs/components/Carousel/{CarouselOld/useDragScroll.js → useDragScroll.js} +1 -1
- package/cjs/components/Carousel/useDragScroll.js.map +1 -0
- package/cjs/components/Sheet/hooks/useOverflow.js +2 -1
- package/cjs/components/Sheet/hooks/useOverflow.js.map +1 -1
- package/cjs/index.css +4 -17
- package/cjs/index.js +3 -10
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Carousel/Carousel.styles.js +49 -0
- package/emotion/cjs/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +2 -2
- package/emotion/cjs/components/Carousel/index.js +3 -23
- package/emotion/cjs/components/Sheet/hooks/useOverflow.js +2 -1
- package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
- package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +28 -92
- package/emotion/cjs/hooks/index.js +0 -7
- package/emotion/es/components/Carousel/Carousel.styles.js +42 -0
- package/emotion/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +2 -2
- package/emotion/es/components/Carousel/index.js +3 -7
- package/emotion/es/components/Sheet/hooks/useOverflow.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
- package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.js +2 -2
- package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +28 -92
- package/emotion/es/hooks/index.js +0 -1
- package/es/components/Carousel/Carousel.css +4 -0
- package/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +1 -1
- package/es/components/Carousel/Carousel.js.map +1 -0
- package/es/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +9 -9
- package/es/components/Carousel/Carousel.styles.js.map +1 -0
- package/es/components/Carousel/Carousel.styles_zmchjj.css +4 -0
- package/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +5 -5
- package/es/components/Carousel/CarouselItem.js.map +1 -0
- package/es/components/Carousel/CarouselItem_cqjszm.css +1 -0
- package/es/components/Carousel/useCarousel.js.map +1 -0
- package/es/components/Carousel/{CarouselOld/useDragScroll.js → useDragScroll.js} +1 -1
- package/es/components/Carousel/useDragScroll.js.map +1 -0
- package/es/components/Sheet/hooks/useOverflow.js +2 -1
- package/es/components/Sheet/hooks/useOverflow.js.map +1 -1
- package/es/index.css +4 -17
- package/es/index.js +3 -6
- package/es/index.js.map +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +3 -3
- package/styled-components/cjs/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +1 -1
- package/styled-components/cjs/components/Carousel/index.js +3 -23
- package/styled-components/cjs/components/Sheet/hooks/useOverflow.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
- package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +28 -92
- package/styled-components/cjs/hooks/index.js +0 -7
- package/styled-components/es/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +3 -3
- package/styled-components/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +1 -1
- package/styled-components/es/components/Carousel/index.js +3 -7
- package/styled-components/es/components/Sheet/hooks/useOverflow.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
- package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +28 -92
- package/styled-components/es/hooks/index.js +0 -1
- package/types/components/Carousel/{CarouselOld/Carousel.d.ts → Carousel.d.ts} +1 -1
- package/types/components/Carousel/Carousel.d.ts.map +1 -0
- package/types/components/Carousel/Carousel.styles.d.ts.map +1 -0
- package/types/components/Carousel/{CarouselOld/Carousel.types.d.ts → Carousel.types.d.ts} +1 -1
- package/types/components/Carousel/Carousel.types.d.ts.map +1 -0
- package/types/components/Carousel/CarouselItem.d.ts.map +1 -0
- package/types/components/Carousel/index.d.ts +4 -7
- package/types/components/Carousel/index.d.ts.map +1 -1
- package/types/components/Carousel/useCarousel.d.ts.map +1 -0
- package/types/components/Carousel/useDragScroll.d.ts.map +1 -0
- package/types/components/Sheet/hooks/useOverflow.d.ts.map +1 -1
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.css +0 -12
- package/cjs/components/Carousel/CarouselNew/Carousel.js +0 -98
- package/cjs/components/Carousel/CarouselNew/Carousel.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -11
- package/cjs/components/Carousel/CarouselNew/Carousel.styles.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.styles_1gx7oht.css +0 -4
- package/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -23
- package/cjs/components/Carousel/CarouselNew/Carousel.tokens.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -428
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -62
- package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.css +0 -5
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -227
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -39
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles_1i4srxq.css +0 -5
- package/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -50
- package/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -9
- package/cjs/components/Carousel/CarouselNew/variations/_size/base.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -9
- package/cjs/components/Carousel/CarouselNew/variations/_view/base.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Carousel/CarouselOld/Carousel.css +0 -4
- package/cjs/components/Carousel/CarouselOld/Carousel.js.map +0 -1
- package/cjs/components/Carousel/CarouselOld/Carousel.styles.js.map +0 -1
- package/cjs/components/Carousel/CarouselOld/Carousel.styles_12r304j.css +0 -4
- package/cjs/components/Carousel/CarouselOld/CarouselItem.js.map +0 -1
- package/cjs/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css +0 -1
- package/cjs/components/Carousel/CarouselOld/useCarousel.js.map +0 -1
- package/cjs/components/Carousel/CarouselOld/useDragScroll.js.map +0 -1
- package/cjs/hooks/useDidMountLayoutEffect.js +0 -19
- package/cjs/hooks/useDidMountLayoutEffect.js.map +0 -1
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.js +0 -99
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -51
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -21
- package/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -419
- package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -229
- package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -38
- package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -47
- package/emotion/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -38
- package/emotion/cjs/components/Carousel/CarouselNew/ui/index.js +0 -27
- package/emotion/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
- package/emotion/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -8
- package/emotion/cjs/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
- package/emotion/cjs/components/Carousel/CarouselOld/Carousel.styles.js +0 -49
- package/emotion/cjs/components/Carousel/CarouselOld/index.js +0 -32
- package/emotion/cjs/hooks/useDidMountLayoutEffect.js +0 -17
- package/emotion/es/components/Carousel/CarouselNew/Carousel.js +0 -94
- package/emotion/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -44
- package/emotion/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -15
- package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -409
- package/emotion/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -219
- package/emotion/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -31
- package/emotion/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -41
- package/emotion/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -31
- package/emotion/es/components/Carousel/CarouselNew/ui/index.js +0 -2
- package/emotion/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -2
- package/emotion/es/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
- package/emotion/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -2
- package/emotion/es/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
- package/emotion/es/components/Carousel/CarouselOld/Carousel.styles.js +0 -42
- package/emotion/es/components/Carousel/CarouselOld/index.js +0 -3
- package/emotion/es/hooks/useDidMountLayoutEffect.js +0 -11
- package/es/components/Carousel/CarouselNew/Carousel.css +0 -12
- package/es/components/Carousel/CarouselNew/Carousel.js +0 -89
- package/es/components/Carousel/CarouselNew/Carousel.js.map +0 -1
- package/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -7
- package/es/components/Carousel/CarouselNew/Carousel.styles.js.map +0 -1
- package/es/components/Carousel/CarouselNew/Carousel.styles_1gx7oht.css +0 -4
- package/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -18
- package/es/components/Carousel/CarouselNew/Carousel.tokens.js.map +0 -1
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -413
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map +0 -1
- package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -58
- package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.css +0 -5
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -218
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js.map +0 -1
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -31
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js.map +0 -1
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles_1i4srxq.css +0 -5
- package/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -44
- package/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js.map +0 -1
- package/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -5
- package/es/components/Carousel/CarouselNew/variations/_size/base.js.map +0 -1
- package/es/components/Carousel/CarouselNew/variations/_size/base_x642ct.css +0 -1
- package/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -5
- package/es/components/Carousel/CarouselNew/variations/_view/base.js.map +0 -1
- package/es/components/Carousel/CarouselNew/variations/_view/base_x642ct.css +0 -1
- package/es/components/Carousel/CarouselOld/Carousel.css +0 -4
- package/es/components/Carousel/CarouselOld/Carousel.js.map +0 -1
- package/es/components/Carousel/CarouselOld/Carousel.styles.js.map +0 -1
- package/es/components/Carousel/CarouselOld/Carousel.styles_12r304j.css +0 -4
- package/es/components/Carousel/CarouselOld/CarouselItem.js.map +0 -1
- package/es/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css +0 -1
- package/es/components/Carousel/CarouselOld/useCarousel.js.map +0 -1
- package/es/components/Carousel/CarouselOld/useDragScroll.js.map +0 -1
- package/es/hooks/useDidMountLayoutEffect.js +0 -15
- package/es/hooks/useDidMountLayoutEffect.js.map +0 -1
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js +0 -99
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -32
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -21
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.types.js +0 -5
- package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -419
- package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -65
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -229
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -24
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -47
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -37
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/index.js +0 -27
- package/styled-components/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
- package/styled-components/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Carousel/CarouselOld/Carousel.types.js +0 -5
- package/styled-components/cjs/components/Carousel/CarouselOld/index.js +0 -32
- package/styled-components/cjs/components/Carousel/CarouselOld/useDragScroll.js +0 -65
- package/styled-components/cjs/hooks/useDidMountLayoutEffect.js +0 -17
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.js +0 -94
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -24
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -15
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.types.js +0 -1
- package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -409
- package/styled-components/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -59
- package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -219
- package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -17
- package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -41
- package/styled-components/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -30
- package/styled-components/es/components/Carousel/CarouselNew/ui/index.js +0 -2
- package/styled-components/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -2
- package/styled-components/es/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
- package/styled-components/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -2
- package/styled-components/es/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Carousel/CarouselOld/Carousel.types.js +0 -1
- package/styled-components/es/components/Carousel/CarouselOld/index.js +0 -3
- package/styled-components/es/components/Carousel/CarouselOld/useDragScroll.js +0 -59
- package/styled-components/es/hooks/useDidMountLayoutEffect.js +0 -11
- package/types/components/Carousel/CarouselNew/Carousel.d.ts +0 -32
- package/types/components/Carousel/CarouselNew/Carousel.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts +0 -15
- package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts +0 -16
- package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/Carousel.types.d.ts +0 -167
- package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts +0 -61
- package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/hooks/useDragScroll.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/ui/Dots/Dots.d.ts +0 -4
- package/types/components/Carousel/CarouselNew/ui/Dots/Dots.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/ui/Dots/Dots.styles.d.ts +0 -6
- package/types/components/Carousel/CarouselNew/ui/Dots/Dots.styles.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/ui/Dots/utils/index.d.ts +0 -4
- package/types/components/Carousel/CarouselNew/ui/Dots/utils/index.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts +0 -4
- package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/ui/index.d.ts +0 -3
- package/types/components/Carousel/CarouselNew/ui/index.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/variations/_size/base.d.ts +0 -2
- package/types/components/Carousel/CarouselNew/variations/_size/base.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/variations/_view/base.d.ts +0 -2
- package/types/components/Carousel/CarouselNew/variations/_view/base.d.ts.map +0 -1
- package/types/components/Carousel/CarouselOld/Carousel.d.ts.map +0 -1
- package/types/components/Carousel/CarouselOld/Carousel.styles.d.ts.map +0 -1
- package/types/components/Carousel/CarouselOld/Carousel.types.d.ts.map +0 -1
- package/types/components/Carousel/CarouselOld/CarouselItem.d.ts.map +0 -1
- package/types/components/Carousel/CarouselOld/index.d.ts +0 -5
- package/types/components/Carousel/CarouselOld/index.d.ts.map +0 -1
- package/types/components/Carousel/CarouselOld/useCarousel.d.ts.map +0 -1
- package/types/components/Carousel/CarouselOld/useDragScroll.d.ts +0 -2
- package/types/components/Carousel/CarouselOld/useDragScroll.d.ts.map +0 -1
- package/types/hooks/useDidMountLayoutEffect.d.ts +0 -2
- package/types/hooks/useDidMountLayoutEffect.d.ts.map +0 -1
- /package/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
- /package/emotion/cjs/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
- /package/emotion/cjs/components/Carousel/{CarouselNew/Carousel.types.js → Carousel.types.js} +0 -0
- /package/emotion/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
- /package/emotion/cjs/components/Carousel/{CarouselNew/hooks/useDragScroll.js → useDragScroll.js} +0 -0
- /package/emotion/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
- /package/emotion/es/components/Carousel/{CarouselNew/Carousel.types.js → Carousel.types.js} +0 -0
- /package/emotion/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
- /package/emotion/es/components/Carousel/{CarouselNew/hooks/useDragScroll.js → useDragScroll.js} +0 -0
- /package/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
- /package/styled-components/cjs/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
- /package/{emotion/cjs/components/Carousel/CarouselOld → styled-components/cjs/components/Carousel}/Carousel.types.js +0 -0
- /package/styled-components/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
- /package/{emotion/cjs/components/Carousel/CarouselOld → styled-components/cjs/components/Carousel}/useDragScroll.js +0 -0
- /package/styled-components/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
- /package/{emotion/es/components/Carousel/CarouselOld → styled-components/es/components/Carousel}/Carousel.types.js +0 -0
- /package/styled-components/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
- /package/{emotion/es/components/Carousel/CarouselOld → styled-components/es/components/Carousel}/useDragScroll.js +0 -0
- /package/types/components/Carousel/{CarouselOld/Carousel.styles.d.ts → Carousel.styles.d.ts} +0 -0
- /package/types/components/Carousel/{CarouselOld/CarouselItem.d.ts → CarouselItem.d.ts} +0 -0
- /package/types/components/Carousel/{CarouselOld/useCarousel.d.ts → useCarousel.d.ts} +0 -0
- /package/types/components/Carousel/{CarouselNew/hooks/useDragScroll.d.ts → useDragScroll.d.ts} +0 -0
@@ -1,229 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.Dots = void 0;
|
8
|
-
var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
|
9
|
-
var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
|
10
|
-
var _hooks = /*#__PURE__*/require("../../../../../hooks");
|
11
|
-
var _Carousel = /*#__PURE__*/require("../../Carousel.tokens");
|
12
|
-
var _index = /*#__PURE__*/require("./utils/index");
|
13
|
-
var _Dots = /*#__PURE__*/require("./Dots.styles");
|
14
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
15
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
17
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
18
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
19
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
20
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
21
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
22
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
23
|
-
var SIZE = 16; // размер точки в px
|
24
|
-
var ANIMATION_DURATION = 0.3; // скорость анимации в секундах
|
25
|
-
|
26
|
-
var Dots = exports.Dots = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
27
|
-
var _ref$index = _ref.index,
|
28
|
-
originalIndex = _ref$index === void 0 ? 0 : _ref$index,
|
29
|
-
onChange = _ref.onChange,
|
30
|
-
_ref$centered = _ref.centered,
|
31
|
-
centered = _ref$centered === void 0 ? false : _ref$centered,
|
32
|
-
_ref$count = _ref.count,
|
33
|
-
count = _ref$count === void 0 ? 0 : _ref$count,
|
34
|
-
_ref$visibleCount = _ref.visibleCount,
|
35
|
-
originalVisibleCount = _ref$visibleCount === void 0 ? 0 : _ref$visibleCount;
|
36
|
-
// Трансформируем входные параметры для корректной работы в дальнейшем
|
37
|
-
var _getInitialData = (0, _index.getInitialData)(originalIndex, count, originalVisibleCount),
|
38
|
-
_getInitialData2 = _slicedToArray(_getInitialData, 2),
|
39
|
-
index = _getInitialData2[0],
|
40
|
-
visibleCount = _getInitialData2[1];
|
41
|
-
|
42
|
-
// Рефки на DOM-ноды
|
43
|
-
var transitionWrapperRef = (0, _react.useRef)(null);
|
44
|
-
var dotWrapperRef = (0, _react.useRef)(null);
|
45
|
-
var leftAnimationWrapperRef = (0, _react.useRef)(null);
|
46
|
-
var rightAnimationWrapperRef = (0, _react.useRef)(null);
|
47
|
-
|
48
|
-
// Консистентные переменные
|
49
|
-
var isAnimating = (0, _react.useRef)(false);
|
50
|
-
var prevIndex = (0, _react.useRef)(-Infinity);
|
51
|
-
var prevActiveIndex = (0, _react.useRef)(Infinity);
|
52
|
-
var isRightDirection = index > prevIndex.current;
|
53
|
-
var diffDotsRange = Math.abs(index - prevIndex.current);
|
54
|
-
var activeIndex = (0, _index.getActiveIndex)(index, isRightDirection, count, visibleCount);
|
55
|
-
var hiddenDotsLeft = activeIndex < index;
|
56
|
-
var hiddenDotsRight = index + (visibleCount - 1 - activeIndex) < count - 1;
|
57
|
-
var handleClick = function handleClick(i) {
|
58
|
-
if (isAnimating.current) return;
|
59
|
-
if (onChange) {
|
60
|
-
onChange(index + (i - activeIndex));
|
61
|
-
}
|
62
|
-
};
|
63
|
-
var handleTransitionEnd = function handleTransitionEnd() {
|
64
|
-
if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current || !rightAnimationWrapperRef || !rightAnimationWrapperRef.current || !leftAnimationWrapperRef || !leftAnimationWrapperRef.current) {
|
65
|
-
return;
|
66
|
-
}
|
67
|
-
dotWrapperRef.current.classList.remove(_Carousel.classes.animating);
|
68
|
-
transitionWrapperRef.current.classList.remove(_Carousel.classes.animating);
|
69
|
-
Array.from(dotWrapperRef.current.children).forEach(function (child) {
|
70
|
-
var _child$classList;
|
71
|
-
(_child$classList = child.classList).remove.apply(_child$classList, [_Carousel.classes.active, _Carousel.classes.animateOut, _Carousel.classes.temporaryNatural, _Carousel.classes.shrinking]);
|
72
|
-
});
|
73
|
-
dotWrapperRef.current.children[activeIndex].classList.add(_Carousel.classes.active);
|
74
|
-
if (centered) {
|
75
|
-
transitionWrapperRef.current.style.transform = "translateX(".concat(visibleCount * SIZE / 2 - SIZE / 2 - activeIndex * SIZE, "px)");
|
76
|
-
} else {
|
77
|
-
transitionWrapperRef.current.style.transform = 'translateX(0)';
|
78
|
-
}
|
79
|
-
setTimeout(function () {
|
80
|
-
if (transitionWrapperRef && transitionWrapperRef.current) {
|
81
|
-
isAnimating.current = false;
|
82
|
-
}
|
83
|
-
});
|
84
|
-
|
85
|
-
// Очищаем блоки с анимированными точками
|
86
|
-
leftAnimationWrapperRef.current.innerText = '';
|
87
|
-
rightAnimationWrapperRef.current.innerText = '';
|
88
|
-
prevIndex.current = index;
|
89
|
-
prevActiveIndex.current = activeIndex;
|
90
|
-
isAnimating.current = false;
|
91
|
-
};
|
92
|
-
(0, _react.useLayoutEffect)(function () {
|
93
|
-
if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current) {
|
94
|
-
return;
|
95
|
-
}
|
96
|
-
|
97
|
-
// Вычисляем начальный сдвиг по горизонтали, чтобы точка стала по центру
|
98
|
-
if (centered) {
|
99
|
-
transitionWrapperRef.current.style.transform = "translateX(".concat(visibleCount * SIZE / 2 - SIZE / 2 - activeIndex * SIZE, "px)");
|
100
|
-
}
|
101
|
-
prevIndex.current = index;
|
102
|
-
prevActiveIndex.current = activeIndex;
|
103
|
-
}, []);
|
104
|
-
(0, _hooks.useDidMountLayoutEffect)(function () {
|
105
|
-
var _dotWrapperRef$curren;
|
106
|
-
if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current || !leftAnimationWrapperRef || !leftAnimationWrapperRef.current || !rightAnimationWrapperRef || !rightAnimationWrapperRef.current || isAnimating.current) {
|
107
|
-
return;
|
108
|
-
}
|
109
|
-
isAnimating.current = true;
|
110
|
-
dotWrapperRef.current.classList.add(_Carousel.classes.animating);
|
111
|
-
transitionWrapperRef.current.classList.add(_Carousel.classes.animating);
|
112
|
-
var targetIndex = (0, _index.getTargetIndex)(index, prevIndex.current, prevActiveIndex.current, diffDotsRange);
|
113
|
-
var dotsToAdd = Math.abs(targetIndex - activeIndex);
|
114
|
-
if (centered) {
|
115
|
-
transitionWrapperRef.current.style.transform = "translateX(".concat(visibleCount * SIZE / 2 - SIZE / 2 - targetIndex * SIZE, "px)");
|
116
|
-
} else if (dotsToAdd > 0) {
|
117
|
-
transitionWrapperRef.current.style.transform = "translateX(".concat(-SIZE * (targetIndex - activeIndex), "px)");
|
118
|
-
}
|
119
|
-
|
120
|
-
// Стираем все активные классы и устанавливаем активный класс на таргет.
|
121
|
-
// В конце анимации произойдет переопределение активного класса.
|
122
|
-
Array.from(dotWrapperRef.current.children).forEach(function (child) {
|
123
|
-
child.classList.remove(_Carousel.classes.active);
|
124
|
-
});
|
125
|
-
(_dotWrapperRef$curren = dotWrapperRef.current.children[targetIndex]) === null || _dotWrapperRef$curren === void 0 || _dotWrapperRef$curren.classList.add(_Carousel.classes.active);
|
126
|
-
if (index > prevIndex.current) {
|
127
|
-
// Двигаемся вправо
|
128
|
-
|
129
|
-
// Если мы добавляем 1 и более точек, то нужно начать
|
130
|
-
// приводить размер крайней правой точки (что будет в m размере?)
|
131
|
-
// к натуральному размеру
|
132
|
-
if (dotsToAdd >= 1) {
|
133
|
-
var _dotWrapperRef$curren2;
|
134
|
-
(_dotWrapperRef$curren2 = dotWrapperRef.current.children[visibleCount - 1]) === null || _dotWrapperRef$curren2 === void 0 || _dotWrapperRef$curren2.classList.add(_Carousel.classes.temporaryNatural);
|
135
|
-
}
|
136
|
-
|
137
|
-
// Т.к. мы двигаемся вправо, то нужно начать уменьшать размер крайней левой точки
|
138
|
-
// (опять же, что в m size?)
|
139
|
-
if (dotsToAdd >= 1) {
|
140
|
-
var _dotWrapperRef$curren3;
|
141
|
-
(_dotWrapperRef$curren3 = dotWrapperRef.current.children[dotsToAdd]) === null || _dotWrapperRef$curren3 === void 0 || _dotWrapperRef$curren3.classList.add(_Carousel.classes.shrinking);
|
142
|
-
}
|
143
|
-
if (dotsToAdd > 0) {
|
144
|
-
var _loop = function _loop() {
|
145
|
-
var _dotWrapperRef$curren4;
|
146
|
-
var node = document.createElement('div');
|
147
|
-
node.textContent = '';
|
148
|
-
node.classList.add(_Carousel.classes.dot);
|
149
|
-
node.style.opacity = '0';
|
150
|
-
var delay = i * (ANIMATION_DURATION / dotsToAdd);
|
151
|
-
node.style.animationDelay = "".concat(delay, "s");
|
152
|
-
rightAnimationWrapperRef.current.appendChild(node);
|
153
|
-
var duration = ANIMATION_DURATION / dotsToAdd;
|
154
|
-
requestAnimationFrame(function () {
|
155
|
-
node.classList.add(_Carousel.classes.animateIn);
|
156
|
-
node.style.animationDuration = "".concat(duration, "s");
|
157
|
-
});
|
158
|
-
var currentDomNode = (_dotWrapperRef$curren4 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren4 === void 0 ? void 0 : _dotWrapperRef$curren4[i];
|
159
|
-
currentDomNode === null || currentDomNode === void 0 || currentDomNode.classList.add(_Carousel.classes.animateOut);
|
160
|
-
currentDomNode.style.animationDelay = "".concat(delay, "s");
|
161
|
-
currentDomNode.style.animationDuration = "".concat(duration, "s");
|
162
|
-
};
|
163
|
-
for (var i = 0; i < dotsToAdd; i++) {
|
164
|
-
_loop();
|
165
|
-
}
|
166
|
-
}
|
167
|
-
} else {
|
168
|
-
// Двигаемся влево
|
169
|
-
|
170
|
-
// Если мы добавляем 1 и более точек, то нужно начать
|
171
|
-
// приводить размер крайней левой точки (что будет в m размере?)
|
172
|
-
// к натуральному размеру.
|
173
|
-
if (dotsToAdd >= 1) {
|
174
|
-
var _dotWrapperRef$curren5;
|
175
|
-
(_dotWrapperRef$curren5 = dotWrapperRef.current.children[0]) === null || _dotWrapperRef$curren5 === void 0 || _dotWrapperRef$curren5.classList.add(_Carousel.classes.temporaryNatural);
|
176
|
-
}
|
177
|
-
|
178
|
-
// Т.к. мы двигаемся влево, то нужно начать уменьшать размер крайней правой точки
|
179
|
-
// (опять же, что в m size?)
|
180
|
-
if (dotsToAdd >= 1) {
|
181
|
-
var _dotWrapperRef$curren6;
|
182
|
-
(_dotWrapperRef$curren6 = dotWrapperRef.current.children[visibleCount - 1 - dotsToAdd]) === null || _dotWrapperRef$curren6 === void 0 || _dotWrapperRef$curren6.classList.add(_Carousel.classes.shrinking);
|
183
|
-
}
|
184
|
-
if (dotsToAdd > 0) {
|
185
|
-
var _loop2 = function _loop2() {
|
186
|
-
var _dotWrapperRef$curren7;
|
187
|
-
var node = document.createElement('div');
|
188
|
-
node.textContent = '';
|
189
|
-
node.classList.add(_Carousel.classes.dot);
|
190
|
-
node.style.opacity = '0';
|
191
|
-
var delay = (dotsToAdd - 1 - _i) * (ANIMATION_DURATION / dotsToAdd);
|
192
|
-
node.style.animationDelay = "".concat(delay, "s");
|
193
|
-
leftAnimationWrapperRef.current.prepend(node);
|
194
|
-
var duration = ANIMATION_DURATION / dotsToAdd;
|
195
|
-
requestAnimationFrame(function () {
|
196
|
-
node.classList.add(_Carousel.classes.animateIn);
|
197
|
-
node.style.animationDuration = "".concat(duration, "s");
|
198
|
-
});
|
199
|
-
var currentDomNode = (_dotWrapperRef$curren7 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren7 === void 0 ? void 0 : _dotWrapperRef$curren7[dotWrapperRef.current.children.length - 1 - _i];
|
200
|
-
currentDomNode === null || currentDomNode === void 0 || currentDomNode.classList.add(_Carousel.classes.animateOut);
|
201
|
-
currentDomNode.style.animationDelay = "".concat(_i * (ANIMATION_DURATION / dotsToAdd), "s");
|
202
|
-
currentDomNode.style.animationDuration = "".concat(duration, "s");
|
203
|
-
};
|
204
|
-
for (var _i = dotsToAdd - 1; _i >= 0; _i--) {
|
205
|
-
_loop2();
|
206
|
-
}
|
207
|
-
}
|
208
|
-
}
|
209
|
-
}, [index]);
|
210
|
-
return /*#__PURE__*/_react["default"].createElement(_Dots.Wrapper, null, /*#__PURE__*/_react["default"].createElement(_Dots.TransitionWrapper, {
|
211
|
-
ref: transitionWrapperRef,
|
212
|
-
onTransitionEnd: handleTransitionEnd
|
213
|
-
}, /*#__PURE__*/_react["default"].createElement(_Dots.LeftAnimationWrapper, {
|
214
|
-
ref: leftAnimationWrapperRef
|
215
|
-
}), /*#__PURE__*/_react["default"].createElement(_Dots.DotWrapper, {
|
216
|
-
ref: dotWrapperRef,
|
217
|
-
className: (0, _classnames["default"])(hiddenDotsLeft && _Carousel.classes.availableDotsLeft, hiddenDotsRight && _Carousel.classes.availableDotsRight)
|
218
|
-
}, Array(visibleCount).fill(0).map(function (_, i) {
|
219
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
220
|
-
key: i,
|
221
|
-
className: (0, _classnames["default"])(_Carousel.classes.dot, i === activeIndex && _Carousel.classes.active),
|
222
|
-
onClick: function onClick() {
|
223
|
-
return handleClick(i);
|
224
|
-
}
|
225
|
-
});
|
226
|
-
})), /*#__PURE__*/_react["default"].createElement(_Dots.RightAnimationWrapper, {
|
227
|
-
ref: rightAnimationWrapperRef
|
228
|
-
})));
|
229
|
-
});
|
@@ -1,24 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Wrapper = exports.TransitionWrapper = exports.RightAnimationWrapper = exports.LeftAnimationWrapper = exports.DotWrapper = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
|
8
|
-
var _Carousel = /*#__PURE__*/require("../../Carousel.tokens");
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
10
|
-
var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
11
|
-
componentId: "plasma-new-hope__sc-feybgn-0"
|
12
|
-
})(["display:flex;align-items:center;justify-content:center;--duration:0.3s;--half-duration:0.15s;"]);
|
13
|
-
var TransitionWrapper = exports.TransitionWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
14
|
-
componentId: "plasma-new-hope__sc-feybgn-1"
|
15
|
-
})(["position:relative;display:flex;transition:transform 0s ease;&.", "{transition:transform var(--duration) ease;}& .", "{width:0.5rem;height:0.5rem;margin:0 0.25rem;cursor:pointer;background-color:var(", ");border-radius:100%;&.", "{background-color:var(", ");}@keyframes fadeOut{from{transform:scale(0.75);opacity:1;}to{transform:scale(0);opacity:0;}}&.", "{animation:fadeOut var(--half-duration) ease forwards;}@keyframes shrinking{from{transform:scale(1);}to{transform:scale(0.75);}}&.", "{animation:shrinking var(--half-duration) var(--half-duration) ease forwards;}}"], _Carousel.classes.animating, _Carousel.classes.dot, _Carousel.tokens.paginationDotBackground, _Carousel.classes.active, _Carousel.tokens.paginationDotActiveBackground, _Carousel.classes.animateOut, _Carousel.classes.shrinking);
|
16
|
-
var DotWrapper = exports.DotWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
17
|
-
componentId: "plasma-new-hope__sc-feybgn-2"
|
18
|
-
})(["display:flex;&.", "{.", ":not(.", "):first-child{transform:scale(0.75);}}&.", "{.", ":not(.", "):last-child{transform:scale(0.75);}}&.", " .", "{transition:background-color var(--duration) ease;}"], _Carousel.classes.availableDotsLeft, _Carousel.classes.dot, _Carousel.classes.temporaryNatural, _Carousel.classes.availableDotsRight, _Carousel.classes.dot, _Carousel.classes.temporaryNatural, _Carousel.classes.animating, _Carousel.classes.dot);
|
19
|
-
var LeftAnimationWrapper = exports.LeftAnimationWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
20
|
-
componentId: "plasma-new-hope__sc-feybgn-3"
|
21
|
-
})(["position:absolute;top:0;right:100%;bottom:0;display:flex;& .", "{transition:transform var(--duration) ease;@keyframes fadeIn{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}&.", "{animation:fadeIn var(--half-duration) ease forwards;}&:first-child{@keyframes fadeInFirst{from{transform:scale(0);opacity:0;}to{transform:scale(0.75);opacity:1;}}&.", "{animation:fadeInFirst var(--half-duration) ease forwards;}}}"], _Carousel.classes.dot, _Carousel.classes.animateIn, _Carousel.classes.animateIn);
|
22
|
-
var RightAnimationWrapper = exports.RightAnimationWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
23
|
-
componentId: "plasma-new-hope__sc-feybgn-4"
|
24
|
-
})(["position:absolute;top:0;left:100%;bottom:0;display:flex;& .", "{transition:transform var(--duration) ease;@keyframes fadeIn{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}&.", "{animation:fadeIn var(--half-duration) ease forwards;}&:last-child{@keyframes fadeInLast{from{transform:scale(0);opacity:0;}to{transform:scale(0.75);opacity:1;}}&.", "{animation:fadeInLast var(--half-duration) ease forwards;}}}"], _Carousel.classes.dot, _Carousel.classes.animateIn, _Carousel.classes.animateIn);
|
@@ -1,47 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.getTargetIndex = exports.getInitialData = exports.getActiveIndex = void 0;
|
7
|
-
var getInitialData = exports.getInitialData = function getInitialData(index, count, visibleCount) {
|
8
|
-
var newIndex = index;
|
9
|
-
var newVisibleCount = visibleCount;
|
10
|
-
|
11
|
-
// Ограничения на макс. и мин. значения индекса
|
12
|
-
if (index < 0) {
|
13
|
-
newIndex = 0;
|
14
|
-
} else if (index >= count) {
|
15
|
-
newIndex = count - 1;
|
16
|
-
}
|
17
|
-
|
18
|
-
// Ограничение на количество точек
|
19
|
-
if (visibleCount > count) {
|
20
|
-
newVisibleCount = count;
|
21
|
-
}
|
22
|
-
return [newIndex, newVisibleCount];
|
23
|
-
};
|
24
|
-
var getActiveIndex = exports.getActiveIndex = function getActiveIndex(index, isRightDirection, count, visibleCount) {
|
25
|
-
if (index < Math.trunc(visibleCount / 2)) {
|
26
|
-
return index;
|
27
|
-
}
|
28
|
-
if (count - 1 - index < Math.trunc(visibleCount / 2)) {
|
29
|
-
return visibleCount - 1 - (count - 1 - index);
|
30
|
-
}
|
31
|
-
if (visibleCount % 2) {
|
32
|
-
return Math.trunc(visibleCount / 2);
|
33
|
-
}
|
34
|
-
if (isRightDirection) {
|
35
|
-
return visibleCount / 2;
|
36
|
-
}
|
37
|
-
return visibleCount / 2 - 1;
|
38
|
-
};
|
39
|
-
var getTargetIndex = exports.getTargetIndex = function getTargetIndex(index, prevIndex, prevActiveIndex, diffDotsRange) {
|
40
|
-
var targetIndex = 0;
|
41
|
-
if (index > prevIndex) {
|
42
|
-
targetIndex = prevActiveIndex + diffDotsRange;
|
43
|
-
} else {
|
44
|
-
targetIndex = prevActiveIndex - diffDotsRange;
|
45
|
-
}
|
46
|
-
return targetIndex;
|
47
|
-
};
|
@@ -1,37 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.CarouselItem = void 0;
|
7
|
-
var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
|
8
|
-
var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
|
9
|
-
var _excluded = ["scrollSnapAlign", "scrollSnapStop", "children"];
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
11
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
12
|
-
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; }
|
13
|
-
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; }
|
14
|
-
var StyledItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
15
|
-
componentId: "plasma-new-hope__sc-1j1qvbq-0"
|
16
|
-
})(["scroll-snap-align:", ";scroll-snap-stop:", ";"], function (_ref) {
|
17
|
-
var scrollSnapAlign = _ref.scrollSnapAlign;
|
18
|
-
return scrollSnapAlign || 'none';
|
19
|
-
}, function (_ref2) {
|
20
|
-
var scrollSnapAlign = _ref2.scrollSnapAlign,
|
21
|
-
scrollSnapStop = _ref2.scrollSnapStop;
|
22
|
-
return scrollSnapAlign ? scrollSnapStop : 'normal';
|
23
|
-
});
|
24
|
-
var CarouselItem = exports.CarouselItem = function CarouselItem(_ref3) {
|
25
|
-
var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
|
26
|
-
scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,
|
27
|
-
_ref3$scrollSnapStop = _ref3.scrollSnapStop,
|
28
|
-
scrollSnapStop = _ref3$scrollSnapStop === void 0 ? 'always' : _ref3$scrollSnapStop,
|
29
|
-
children = _ref3.children,
|
30
|
-
rest = _objectWithoutProperties(_ref3, _excluded);
|
31
|
-
return /*#__PURE__*/_react["default"].createElement(StyledItem, _extends({
|
32
|
-
scrollSnapAlign: scrollSnapAlign,
|
33
|
-
scrollSnapStop: scrollSnapStop,
|
34
|
-
role: "group",
|
35
|
-
"aria-roledescription": "slide"
|
36
|
-
}, rest), children);
|
37
|
-
};
|
@@ -1,27 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
var _Item = /*#__PURE__*/require("./Item/Item");
|
7
|
-
Object.keys(_Item).forEach(function (key) {
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
9
|
-
if (key in exports && exports[key] === _Item[key]) return;
|
10
|
-
Object.defineProperty(exports, key, {
|
11
|
-
enumerable: true,
|
12
|
-
get: function get() {
|
13
|
-
return _Item[key];
|
14
|
-
}
|
15
|
-
});
|
16
|
-
});
|
17
|
-
var _Dots = /*#__PURE__*/require("./Dots/Dots");
|
18
|
-
Object.keys(_Dots).forEach(function (key) {
|
19
|
-
if (key === "default" || key === "__esModule") return;
|
20
|
-
if (key in exports && exports[key] === _Dots[key]) return;
|
21
|
-
Object.defineProperty(exports, key, {
|
22
|
-
enumerable: true,
|
23
|
-
get: function get() {
|
24
|
-
return _Dots[key];
|
25
|
-
}
|
26
|
-
});
|
27
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
[]
|
@@ -1 +0,0 @@
|
|
1
|
-
[]
|
@@ -1,32 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "CarouselGridWrapper", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _Carousel2.CarouselGridWrapper;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "CarouselItem", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _CarouselItem.CarouselItem;
|
16
|
-
}
|
17
|
-
});
|
18
|
-
Object.defineProperty(exports, "carouselConfig", {
|
19
|
-
enumerable: true,
|
20
|
-
get: function get() {
|
21
|
-
return _Carousel.carouselConfig;
|
22
|
-
}
|
23
|
-
});
|
24
|
-
Object.defineProperty(exports, "carouselRoot", {
|
25
|
-
enumerable: true,
|
26
|
-
get: function get() {
|
27
|
-
return _Carousel.carouselRoot;
|
28
|
-
}
|
29
|
-
});
|
30
|
-
var _Carousel = /*#__PURE__*/require("./Carousel");
|
31
|
-
var _Carousel2 = /*#__PURE__*/require("./Carousel.styles");
|
32
|
-
var _CarouselItem = /*#__PURE__*/require("./CarouselItem");
|
@@ -1,65 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.useDragScroll = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("react");
|
8
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
9
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
10
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
11
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
12
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
13
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
14
|
-
var SCROLL_SPEED = 2;
|
15
|
-
var useDragScroll = exports.useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
|
16
|
-
var _useState = (0, _react.useState)(false),
|
17
|
-
_useState2 = _slicedToArray(_useState, 2),
|
18
|
-
isDragging = _useState2[0],
|
19
|
-
setDragging = _useState2[1];
|
20
|
-
var _useState3 = (0, _react.useState)(0),
|
21
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
22
|
-
startX = _useState4[0],
|
23
|
-
setStartX = _useState4[1];
|
24
|
-
var _useState5 = (0, _react.useState)(0),
|
25
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
26
|
-
scrollLeft = _useState6[0],
|
27
|
-
setScrollLeft = _useState6[1];
|
28
|
-
var handleMouseMove = (0, _react.useCallback)(function (e) {
|
29
|
-
if (isDragging && scrollRef && scrollRef.current) {
|
30
|
-
var dx = (e.clientX - startX) * SCROLL_SPEED;
|
31
|
-
scrollRef.current.scrollLeft = scrollLeft - dx;
|
32
|
-
}
|
33
|
-
}, [scrollRef, scrollLeft, isDragging, startX]);
|
34
|
-
var handleMouseUp = (0, _react.useCallback)(function () {
|
35
|
-
setDragging(false);
|
36
|
-
if (scrollRef && scrollRef.current) {
|
37
|
-
scrollRef.current.style.cursor = 'grab';
|
38
|
-
}
|
39
|
-
}, [scrollRef, setDragging]);
|
40
|
-
var handleMouseDown = (0, _react.useCallback)(function (e) {
|
41
|
-
setDragging(true);
|
42
|
-
if (scrollRef && scrollRef.current) {
|
43
|
-
setStartX(e.clientX);
|
44
|
-
setScrollLeft(scrollRef.current.scrollLeft);
|
45
|
-
scrollRef.current.style.cursor = 'grabbing';
|
46
|
-
}
|
47
|
-
}, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
|
48
|
-
(0, _react.useEffect)(function () {
|
49
|
-
if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
|
50
|
-
scrollRef.current.style.userSelect = 'none';
|
51
|
-
scrollRef.current.addEventListener('mousedown', handleMouseDown);
|
52
|
-
scrollRef.current.addEventListener('mouseup', handleMouseUp);
|
53
|
-
scrollRef.current.addEventListener('mouseleave', handleMouseUp);
|
54
|
-
scrollRef.current.addEventListener('mousemove', handleMouseMove);
|
55
|
-
}
|
56
|
-
return function () {
|
57
|
-
if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
|
58
|
-
scrollRef.current.removeEventListener('mousedown', handleMouseDown);
|
59
|
-
scrollRef.current.removeEventListener('mouseup', handleMouseUp);
|
60
|
-
scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
|
61
|
-
scrollRef.current.removeEventListener('mousemove', handleMouseMove);
|
62
|
-
}
|
63
|
-
};
|
64
|
-
}, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
|
65
|
-
};
|
@@ -1,17 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.useDidMountLayoutEffect = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("react");
|
8
|
-
var useDidMountLayoutEffect = exports.useDidMountLayoutEffect = function useDidMountLayoutEffect(fn, inputs) {
|
9
|
-
var didMountRef = (0, _react.useRef)(false);
|
10
|
-
(0, _react.useLayoutEffect)(function () {
|
11
|
-
if (didMountRef.current) {
|
12
|
-
fn();
|
13
|
-
} else {
|
14
|
-
didMountRef.current = true;
|
15
|
-
}
|
16
|
-
}, inputs);
|
17
|
-
};
|
@@ -1,94 +0,0 @@
|
|
1
|
-
var _br;
|
2
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
3
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
4
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
5
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
6
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
7
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
8
|
-
import React, { forwardRef, useState, useCallback, Children } from 'react';
|
9
|
-
// import { useForkRef } from '@salutejs/plasma-core';
|
10
|
-
|
11
|
-
import { base as sizeCSS } from "./variations/_size/base";
|
12
|
-
import { base as viewCSS } from "./variations/_view/base";
|
13
|
-
import { base } from "./Carousel.styles";
|
14
|
-
// import { base, CarouselWrapper, CarouselTrack } from './Carousel.styles';
|
15
|
-
|
16
|
-
import { useCarousel } from "./hooks/useCarousel";
|
17
|
-
import { useDragScroll } from "./hooks/useDragScroll";
|
18
|
-
import { Dots } from "./ui";
|
19
|
-
|
20
|
-
/**
|
21
|
-
* Компонент для создания списков с прокруткой.
|
22
|
-
*/
|
23
|
-
export var carouselNewRoot = function carouselNewRoot(Root) {
|
24
|
-
return /*#__PURE__*/forwardRef(function (_ref,
|
25
|
-
// @ts-ignore
|
26
|
-
ref) {
|
27
|
-
var view = _ref.view,
|
28
|
-
size = _ref.size,
|
29
|
-
outerIndex = _ref.index,
|
30
|
-
scrollAlign = _ref.scrollAlign,
|
31
|
-
detectActive = _ref.detectActive,
|
32
|
-
detectThreshold = _ref.detectThreshold,
|
33
|
-
onIndexChange = _ref.onIndexChange,
|
34
|
-
children = _ref.children,
|
35
|
-
_ref$isDragScrollDisa = _ref.isDragScrollDisabled,
|
36
|
-
isDragScrollDisabled = _ref$isDragScrollDisa === void 0 ? false : _ref$isDragScrollDisa,
|
37
|
-
paginationOptions = _ref.paginationOptions;
|
38
|
-
var _useState = useState(0),
|
39
|
-
_useState2 = _slicedToArray(_useState, 2),
|
40
|
-
internalIndex = _useState2[0],
|
41
|
-
setInternalIndex = _useState2[1];
|
42
|
-
var index = outerIndex !== null && outerIndex !== void 0 ? outerIndex : internalIndex;
|
43
|
-
var handleChangeIndex = useCallback(function (index) {
|
44
|
-
if (onIndexChange) {
|
45
|
-
onIndexChange(index);
|
46
|
-
}
|
47
|
-
setInternalIndex(index);
|
48
|
-
}, [onIndexChange]);
|
49
|
-
|
50
|
-
// const { scrollRef, trackRef } = useCarousel({
|
51
|
-
var _useCarousel = useCarousel({
|
52
|
-
index: index,
|
53
|
-
scrollAlign: scrollAlign,
|
54
|
-
detectActive: detectActive,
|
55
|
-
detectThreshold: detectThreshold,
|
56
|
-
onIndexChange: onIndexChange
|
57
|
-
}),
|
58
|
-
scrollRef = _useCarousel.scrollRef;
|
59
|
-
|
60
|
-
// const handleRef = useForkRef(scrollRef, ref);
|
61
|
-
|
62
|
-
useDragScroll(scrollRef, isDragScrollDisabled);
|
63
|
-
var slidesAmount = Children.count(children);
|
64
|
-
return /*#__PURE__*/React.createElement(Root, {
|
65
|
-
size: size,
|
66
|
-
view: view,
|
67
|
-
index: index
|
68
|
-
}, _br || (_br = /*#__PURE__*/React.createElement("br", null)), !(paginationOptions !== null && paginationOptions !== void 0 && paginationOptions.disabled) && /*#__PURE__*/React.createElement(Dots, {
|
69
|
-
index: index,
|
70
|
-
onChange: handleChangeIndex,
|
71
|
-
visibleCount: (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.visibleDots) || slidesAmount,
|
72
|
-
count: slidesAmount,
|
73
|
-
centered: (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.centered) || false
|
74
|
-
}));
|
75
|
-
});
|
76
|
-
};
|
77
|
-
export var carouselNewConfig = {
|
78
|
-
name: 'Carousel',
|
79
|
-
tag: 'div',
|
80
|
-
layout: carouselNewRoot,
|
81
|
-
base: base,
|
82
|
-
variations: {
|
83
|
-
view: {
|
84
|
-
css: viewCSS
|
85
|
-
},
|
86
|
-
size: {
|
87
|
-
css: sizeCSS
|
88
|
-
}
|
89
|
-
},
|
90
|
-
defaults: {
|
91
|
-
view: 'default',
|
92
|
-
size: 's'
|
93
|
-
}
|
94
|
-
};
|
@@ -1,24 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
import { css } from 'styled-components';
|
3
|
-
export var base = /*#__PURE__*/css(["position:relative;padding:20px 0;border-top:2px solid #ff000038;&:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#ff000038;}"]);
|
4
|
-
|
5
|
-
/**
|
6
|
-
* Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
|
7
|
-
* При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
|
8
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
9
|
-
*/
|
10
|
-
export var CarouselGridWrapper = /*#__PURE__*/styled.div.withConfig({
|
11
|
-
componentId: "plasma-new-hope__sc-vln28v-0"
|
12
|
-
})(["overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);"]);
|
13
|
-
export var CarouselWrapper = /*#__PURE__*/styled.div.withConfig({
|
14
|
-
componentId: "plasma-new-hope__sc-vln28v-1"
|
15
|
-
})(["position:relative;margin:0;padding:0;list-style:none;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:", ";", " &{scroll-padding:0 var(--plasma-grid-margin);padding-left:var(--plasma-grid-margin);}user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);"], function (_ref) {
|
16
|
-
var scrollSnapType = _ref.scrollSnapType;
|
17
|
-
return "x ".concat(scrollSnapType);
|
18
|
-
}, CarouselGridWrapper);
|
19
|
-
export var CarouselTrack = /*#__PURE__*/styled.div.withConfig({
|
20
|
-
componentId: "plasma-new-hope__sc-vln28v-2"
|
21
|
-
})(["display:inline-flex;flex-direction:row;gap:", ";"], function (_ref2) {
|
22
|
-
var gap = _ref2.gap;
|
23
|
-
return gap || 0;
|
24
|
-
});
|