@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.
Files changed (280) hide show
  1. package/cjs/components/Carousel/Carousel.css +4 -0
  2. package/cjs/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +1 -1
  3. package/cjs/components/Carousel/Carousel.js.map +1 -0
  4. package/cjs/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +9 -9
  5. package/cjs/components/Carousel/Carousel.styles.js.map +1 -0
  6. package/cjs/components/Carousel/Carousel.styles_zmchjj.css +4 -0
  7. package/cjs/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +5 -5
  8. package/cjs/components/Carousel/CarouselItem.js.map +1 -0
  9. package/cjs/components/Carousel/CarouselItem_cqjszm.css +1 -0
  10. package/cjs/components/Carousel/useCarousel.js.map +1 -0
  11. package/cjs/components/Carousel/{CarouselOld/useDragScroll.js → useDragScroll.js} +1 -1
  12. package/cjs/components/Carousel/useDragScroll.js.map +1 -0
  13. package/cjs/components/Sheet/hooks/useOverflow.js +2 -1
  14. package/cjs/components/Sheet/hooks/useOverflow.js.map +1 -1
  15. package/cjs/index.css +4 -17
  16. package/cjs/index.js +3 -10
  17. package/cjs/index.js.map +1 -1
  18. package/emotion/cjs/components/Carousel/Carousel.styles.js +49 -0
  19. package/emotion/cjs/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +2 -2
  20. package/emotion/cjs/components/Carousel/index.js +3 -23
  21. package/emotion/cjs/components/Sheet/hooks/useOverflow.js +2 -1
  22. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
  23. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +1 -1
  24. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +28 -92
  25. package/emotion/cjs/hooks/index.js +0 -7
  26. package/emotion/es/components/Carousel/Carousel.styles.js +42 -0
  27. package/emotion/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +2 -2
  28. package/emotion/es/components/Carousel/index.js +3 -7
  29. package/emotion/es/components/Sheet/hooks/useOverflow.js +2 -1
  30. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
  31. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.js +2 -2
  32. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +28 -92
  33. package/emotion/es/hooks/index.js +0 -1
  34. package/es/components/Carousel/Carousel.css +4 -0
  35. package/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +1 -1
  36. package/es/components/Carousel/Carousel.js.map +1 -0
  37. package/es/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +9 -9
  38. package/es/components/Carousel/Carousel.styles.js.map +1 -0
  39. package/es/components/Carousel/Carousel.styles_zmchjj.css +4 -0
  40. package/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +5 -5
  41. package/es/components/Carousel/CarouselItem.js.map +1 -0
  42. package/es/components/Carousel/CarouselItem_cqjszm.css +1 -0
  43. package/es/components/Carousel/useCarousel.js.map +1 -0
  44. package/es/components/Carousel/{CarouselOld/useDragScroll.js → useDragScroll.js} +1 -1
  45. package/es/components/Carousel/useDragScroll.js.map +1 -0
  46. package/es/components/Sheet/hooks/useOverflow.js +2 -1
  47. package/es/components/Sheet/hooks/useOverflow.js.map +1 -1
  48. package/es/index.css +4 -17
  49. package/es/index.js +3 -6
  50. package/es/index.js.map +1 -1
  51. package/package.json +5 -5
  52. package/styled-components/cjs/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +3 -3
  53. package/styled-components/cjs/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +1 -1
  54. package/styled-components/cjs/components/Carousel/index.js +3 -23
  55. package/styled-components/cjs/components/Sheet/hooks/useOverflow.js +2 -1
  56. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
  57. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +1 -1
  58. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +28 -92
  59. package/styled-components/cjs/hooks/index.js +0 -7
  60. package/styled-components/es/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +3 -3
  61. package/styled-components/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +1 -1
  62. package/styled-components/es/components/Carousel/index.js +3 -7
  63. package/styled-components/es/components/Sheet/hooks/useOverflow.js +2 -1
  64. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
  65. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.js +2 -2
  66. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +28 -92
  67. package/styled-components/es/hooks/index.js +0 -1
  68. package/types/components/Carousel/{CarouselOld/Carousel.d.ts → Carousel.d.ts} +1 -1
  69. package/types/components/Carousel/Carousel.d.ts.map +1 -0
  70. package/types/components/Carousel/Carousel.styles.d.ts.map +1 -0
  71. package/types/components/Carousel/{CarouselOld/Carousel.types.d.ts → Carousel.types.d.ts} +1 -1
  72. package/types/components/Carousel/Carousel.types.d.ts.map +1 -0
  73. package/types/components/Carousel/CarouselItem.d.ts.map +1 -0
  74. package/types/components/Carousel/index.d.ts +4 -7
  75. package/types/components/Carousel/index.d.ts.map +1 -1
  76. package/types/components/Carousel/useCarousel.d.ts.map +1 -0
  77. package/types/components/Carousel/useDragScroll.d.ts.map +1 -0
  78. package/types/components/Sheet/hooks/useOverflow.d.ts.map +1 -1
  79. package/types/hooks/index.d.ts +0 -1
  80. package/types/hooks/index.d.ts.map +1 -1
  81. package/cjs/components/Carousel/CarouselNew/Carousel.css +0 -12
  82. package/cjs/components/Carousel/CarouselNew/Carousel.js +0 -98
  83. package/cjs/components/Carousel/CarouselNew/Carousel.js.map +0 -1
  84. package/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -11
  85. package/cjs/components/Carousel/CarouselNew/Carousel.styles.js.map +0 -1
  86. package/cjs/components/Carousel/CarouselNew/Carousel.styles_1gx7oht.css +0 -4
  87. package/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -23
  88. package/cjs/components/Carousel/CarouselNew/Carousel.tokens.js.map +0 -1
  89. package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -428
  90. package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js.map +0 -1
  91. package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -62
  92. package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
  93. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.css +0 -5
  94. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -227
  95. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js.map +0 -1
  96. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -39
  97. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js.map +0 -1
  98. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles_1i4srxq.css +0 -5
  99. package/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -50
  100. package/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js.map +0 -1
  101. package/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -9
  102. package/cjs/components/Carousel/CarouselNew/variations/_size/base.js.map +0 -1
  103. package/cjs/components/Carousel/CarouselNew/variations/_size/base_x642ct.css +0 -1
  104. package/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -9
  105. package/cjs/components/Carousel/CarouselNew/variations/_view/base.js.map +0 -1
  106. package/cjs/components/Carousel/CarouselNew/variations/_view/base_x642ct.css +0 -1
  107. package/cjs/components/Carousel/CarouselOld/Carousel.css +0 -4
  108. package/cjs/components/Carousel/CarouselOld/Carousel.js.map +0 -1
  109. package/cjs/components/Carousel/CarouselOld/Carousel.styles.js.map +0 -1
  110. package/cjs/components/Carousel/CarouselOld/Carousel.styles_12r304j.css +0 -4
  111. package/cjs/components/Carousel/CarouselOld/CarouselItem.js.map +0 -1
  112. package/cjs/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css +0 -1
  113. package/cjs/components/Carousel/CarouselOld/useCarousel.js.map +0 -1
  114. package/cjs/components/Carousel/CarouselOld/useDragScroll.js.map +0 -1
  115. package/cjs/hooks/useDidMountLayoutEffect.js +0 -19
  116. package/cjs/hooks/useDidMountLayoutEffect.js.map +0 -1
  117. package/emotion/cjs/components/Carousel/CarouselNew/Carousel.js +0 -99
  118. package/emotion/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -51
  119. package/emotion/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -21
  120. package/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -419
  121. package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -229
  122. package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -38
  123. package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -47
  124. package/emotion/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -38
  125. package/emotion/cjs/components/Carousel/CarouselNew/ui/index.js +0 -27
  126. package/emotion/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -8
  127. package/emotion/cjs/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
  128. package/emotion/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -8
  129. package/emotion/cjs/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
  130. package/emotion/cjs/components/Carousel/CarouselOld/Carousel.styles.js +0 -49
  131. package/emotion/cjs/components/Carousel/CarouselOld/index.js +0 -32
  132. package/emotion/cjs/hooks/useDidMountLayoutEffect.js +0 -17
  133. package/emotion/es/components/Carousel/CarouselNew/Carousel.js +0 -94
  134. package/emotion/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -44
  135. package/emotion/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -15
  136. package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -409
  137. package/emotion/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -219
  138. package/emotion/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -31
  139. package/emotion/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -41
  140. package/emotion/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -31
  141. package/emotion/es/components/Carousel/CarouselNew/ui/index.js +0 -2
  142. package/emotion/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -2
  143. package/emotion/es/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
  144. package/emotion/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -2
  145. package/emotion/es/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
  146. package/emotion/es/components/Carousel/CarouselOld/Carousel.styles.js +0 -42
  147. package/emotion/es/components/Carousel/CarouselOld/index.js +0 -3
  148. package/emotion/es/hooks/useDidMountLayoutEffect.js +0 -11
  149. package/es/components/Carousel/CarouselNew/Carousel.css +0 -12
  150. package/es/components/Carousel/CarouselNew/Carousel.js +0 -89
  151. package/es/components/Carousel/CarouselNew/Carousel.js.map +0 -1
  152. package/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -7
  153. package/es/components/Carousel/CarouselNew/Carousel.styles.js.map +0 -1
  154. package/es/components/Carousel/CarouselNew/Carousel.styles_1gx7oht.css +0 -4
  155. package/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -18
  156. package/es/components/Carousel/CarouselNew/Carousel.tokens.js.map +0 -1
  157. package/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -413
  158. package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map +0 -1
  159. package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -58
  160. package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
  161. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.css +0 -5
  162. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -218
  163. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js.map +0 -1
  164. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -31
  165. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js.map +0 -1
  166. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles_1i4srxq.css +0 -5
  167. package/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -44
  168. package/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js.map +0 -1
  169. package/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -5
  170. package/es/components/Carousel/CarouselNew/variations/_size/base.js.map +0 -1
  171. package/es/components/Carousel/CarouselNew/variations/_size/base_x642ct.css +0 -1
  172. package/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -5
  173. package/es/components/Carousel/CarouselNew/variations/_view/base.js.map +0 -1
  174. package/es/components/Carousel/CarouselNew/variations/_view/base_x642ct.css +0 -1
  175. package/es/components/Carousel/CarouselOld/Carousel.css +0 -4
  176. package/es/components/Carousel/CarouselOld/Carousel.js.map +0 -1
  177. package/es/components/Carousel/CarouselOld/Carousel.styles.js.map +0 -1
  178. package/es/components/Carousel/CarouselOld/Carousel.styles_12r304j.css +0 -4
  179. package/es/components/Carousel/CarouselOld/CarouselItem.js.map +0 -1
  180. package/es/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css +0 -1
  181. package/es/components/Carousel/CarouselOld/useCarousel.js.map +0 -1
  182. package/es/components/Carousel/CarouselOld/useDragScroll.js.map +0 -1
  183. package/es/hooks/useDidMountLayoutEffect.js +0 -15
  184. package/es/hooks/useDidMountLayoutEffect.js.map +0 -1
  185. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js +0 -99
  186. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -32
  187. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -21
  188. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.types.js +0 -5
  189. package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -419
  190. package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -65
  191. package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -229
  192. package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -24
  193. package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -47
  194. package/styled-components/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -37
  195. package/styled-components/cjs/components/Carousel/CarouselNew/ui/index.js +0 -27
  196. package/styled-components/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -8
  197. package/styled-components/cjs/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
  198. package/styled-components/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -8
  199. package/styled-components/cjs/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
  200. package/styled-components/cjs/components/Carousel/CarouselOld/Carousel.types.js +0 -5
  201. package/styled-components/cjs/components/Carousel/CarouselOld/index.js +0 -32
  202. package/styled-components/cjs/components/Carousel/CarouselOld/useDragScroll.js +0 -65
  203. package/styled-components/cjs/hooks/useDidMountLayoutEffect.js +0 -17
  204. package/styled-components/es/components/Carousel/CarouselNew/Carousel.js +0 -94
  205. package/styled-components/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -24
  206. package/styled-components/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -15
  207. package/styled-components/es/components/Carousel/CarouselNew/Carousel.types.js +0 -1
  208. package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -409
  209. package/styled-components/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -59
  210. package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -219
  211. package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -17
  212. package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -41
  213. package/styled-components/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -30
  214. package/styled-components/es/components/Carousel/CarouselNew/ui/index.js +0 -2
  215. package/styled-components/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -2
  216. package/styled-components/es/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
  217. package/styled-components/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -2
  218. package/styled-components/es/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
  219. package/styled-components/es/components/Carousel/CarouselOld/Carousel.types.js +0 -1
  220. package/styled-components/es/components/Carousel/CarouselOld/index.js +0 -3
  221. package/styled-components/es/components/Carousel/CarouselOld/useDragScroll.js +0 -59
  222. package/styled-components/es/hooks/useDidMountLayoutEffect.js +0 -11
  223. package/types/components/Carousel/CarouselNew/Carousel.d.ts +0 -32
  224. package/types/components/Carousel/CarouselNew/Carousel.d.ts.map +0 -1
  225. package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts +0 -15
  226. package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map +0 -1
  227. package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts +0 -16
  228. package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts.map +0 -1
  229. package/types/components/Carousel/CarouselNew/Carousel.types.d.ts +0 -167
  230. package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map +0 -1
  231. package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts +0 -61
  232. package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map +0 -1
  233. package/types/components/Carousel/CarouselNew/hooks/useDragScroll.d.ts.map +0 -1
  234. package/types/components/Carousel/CarouselNew/ui/Dots/Dots.d.ts +0 -4
  235. package/types/components/Carousel/CarouselNew/ui/Dots/Dots.d.ts.map +0 -1
  236. package/types/components/Carousel/CarouselNew/ui/Dots/Dots.styles.d.ts +0 -6
  237. package/types/components/Carousel/CarouselNew/ui/Dots/Dots.styles.d.ts.map +0 -1
  238. package/types/components/Carousel/CarouselNew/ui/Dots/utils/index.d.ts +0 -4
  239. package/types/components/Carousel/CarouselNew/ui/Dots/utils/index.d.ts.map +0 -1
  240. package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts +0 -4
  241. package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts.map +0 -1
  242. package/types/components/Carousel/CarouselNew/ui/index.d.ts +0 -3
  243. package/types/components/Carousel/CarouselNew/ui/index.d.ts.map +0 -1
  244. package/types/components/Carousel/CarouselNew/variations/_size/base.d.ts +0 -2
  245. package/types/components/Carousel/CarouselNew/variations/_size/base.d.ts.map +0 -1
  246. package/types/components/Carousel/CarouselNew/variations/_view/base.d.ts +0 -2
  247. package/types/components/Carousel/CarouselNew/variations/_view/base.d.ts.map +0 -1
  248. package/types/components/Carousel/CarouselOld/Carousel.d.ts.map +0 -1
  249. package/types/components/Carousel/CarouselOld/Carousel.styles.d.ts.map +0 -1
  250. package/types/components/Carousel/CarouselOld/Carousel.types.d.ts.map +0 -1
  251. package/types/components/Carousel/CarouselOld/CarouselItem.d.ts.map +0 -1
  252. package/types/components/Carousel/CarouselOld/index.d.ts +0 -5
  253. package/types/components/Carousel/CarouselOld/index.d.ts.map +0 -1
  254. package/types/components/Carousel/CarouselOld/useCarousel.d.ts.map +0 -1
  255. package/types/components/Carousel/CarouselOld/useDragScroll.d.ts +0 -2
  256. package/types/components/Carousel/CarouselOld/useDragScroll.d.ts.map +0 -1
  257. package/types/hooks/useDidMountLayoutEffect.d.ts +0 -2
  258. package/types/hooks/useDidMountLayoutEffect.d.ts.map +0 -1
  259. /package/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  260. /package/emotion/cjs/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
  261. /package/emotion/cjs/components/Carousel/{CarouselNew/Carousel.types.js → Carousel.types.js} +0 -0
  262. /package/emotion/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  263. /package/emotion/cjs/components/Carousel/{CarouselNew/hooks/useDragScroll.js → useDragScroll.js} +0 -0
  264. /package/emotion/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
  265. /package/emotion/es/components/Carousel/{CarouselNew/Carousel.types.js → Carousel.types.js} +0 -0
  266. /package/emotion/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  267. /package/emotion/es/components/Carousel/{CarouselNew/hooks/useDragScroll.js → useDragScroll.js} +0 -0
  268. /package/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  269. /package/styled-components/cjs/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
  270. /package/{emotion/cjs/components/Carousel/CarouselOld → styled-components/cjs/components/Carousel}/Carousel.types.js +0 -0
  271. /package/styled-components/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  272. /package/{emotion/cjs/components/Carousel/CarouselOld → styled-components/cjs/components/Carousel}/useDragScroll.js +0 -0
  273. /package/styled-components/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
  274. /package/{emotion/es/components/Carousel/CarouselOld → styled-components/es/components/Carousel}/Carousel.types.js +0 -0
  275. /package/styled-components/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  276. /package/{emotion/es/components/Carousel/CarouselOld → styled-components/es/components/Carousel}/useDragScroll.js +0 -0
  277. /package/types/components/Carousel/{CarouselOld/Carousel.styles.d.ts → Carousel.styles.d.ts} +0 -0
  278. /package/types/components/Carousel/{CarouselOld/CarouselItem.d.ts → CarouselItem.d.ts} +0 -0
  279. /package/types/components/Carousel/{CarouselOld/useCarousel.d.ts → useCarousel.d.ts} +0 -0
  280. /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,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -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
- });