@salutejs/plasma-new-hope 0.326.0-canary.2013.15538813402.0 → 0.326.0-canary.2015.15553048256.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 (271) 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/index.css +4 -18
  14. package/cjs/index.js +3 -10
  15. package/cjs/index.js.map +1 -1
  16. package/emotion/cjs/components/Carousel/Carousel.styles.js +49 -0
  17. package/emotion/cjs/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +2 -2
  18. package/emotion/cjs/components/Carousel/index.js +3 -23
  19. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
  20. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +1 -1
  21. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +30 -83
  22. package/emotion/cjs/hooks/index.js +0 -7
  23. package/emotion/es/components/Carousel/Carousel.styles.js +42 -0
  24. package/emotion/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +2 -2
  25. package/emotion/es/components/Carousel/index.js +3 -7
  26. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
  27. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.js +2 -2
  28. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +30 -83
  29. package/emotion/es/hooks/index.js +0 -1
  30. package/es/components/Carousel/Carousel.css +4 -0
  31. package/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +1 -1
  32. package/es/components/Carousel/Carousel.js.map +1 -0
  33. package/es/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +9 -9
  34. package/es/components/Carousel/Carousel.styles.js.map +1 -0
  35. package/es/components/Carousel/Carousel.styles_zmchjj.css +4 -0
  36. package/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +5 -5
  37. package/es/components/Carousel/CarouselItem.js.map +1 -0
  38. package/es/components/Carousel/CarouselItem_cqjszm.css +1 -0
  39. package/es/components/Carousel/useCarousel.js.map +1 -0
  40. package/es/components/Carousel/{CarouselOld/useDragScroll.js → useDragScroll.js} +1 -1
  41. package/es/components/Carousel/useDragScroll.js.map +1 -0
  42. package/es/index.css +4 -18
  43. package/es/index.js +3 -6
  44. package/es/index.js.map +1 -1
  45. package/package.json +5 -5
  46. package/styled-components/cjs/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +3 -3
  47. package/styled-components/cjs/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +1 -1
  48. package/styled-components/cjs/components/Carousel/index.js +3 -23
  49. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
  50. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +1 -1
  51. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +30 -83
  52. package/styled-components/cjs/hooks/index.js +0 -7
  53. package/styled-components/es/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +3 -3
  54. package/styled-components/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +1 -1
  55. package/styled-components/es/components/Carousel/index.js +3 -7
  56. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
  57. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.js +2 -2
  58. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +30 -83
  59. package/styled-components/es/hooks/index.js +0 -1
  60. package/types/components/Carousel/{CarouselOld/Carousel.d.ts → Carousel.d.ts} +1 -1
  61. package/types/components/Carousel/Carousel.d.ts.map +1 -0
  62. package/types/components/Carousel/Carousel.styles.d.ts.map +1 -0
  63. package/types/components/Carousel/{CarouselOld/Carousel.types.d.ts → Carousel.types.d.ts} +1 -1
  64. package/types/components/Carousel/Carousel.types.d.ts.map +1 -0
  65. package/types/components/Carousel/CarouselItem.d.ts.map +1 -0
  66. package/types/components/Carousel/index.d.ts +4 -7
  67. package/types/components/Carousel/index.d.ts.map +1 -1
  68. package/types/components/Carousel/useCarousel.d.ts.map +1 -0
  69. package/types/components/Carousel/useDragScroll.d.ts.map +1 -0
  70. package/types/hooks/index.d.ts +0 -1
  71. package/types/hooks/index.d.ts.map +1 -1
  72. package/cjs/components/Carousel/CarouselNew/Carousel.css +0 -43
  73. package/cjs/components/Carousel/CarouselNew/Carousel.js +0 -113
  74. package/cjs/components/Carousel/CarouselNew/Carousel.js.map +0 -1
  75. package/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -52
  76. package/cjs/components/Carousel/CarouselNew/Carousel.styles.js.map +0 -1
  77. package/cjs/components/Carousel/CarouselNew/Carousel.styles_1fs4wwn.css +0 -5
  78. package/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -24
  79. package/cjs/components/Carousel/CarouselNew/Carousel.tokens.js.map +0 -1
  80. package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -428
  81. package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js.map +0 -1
  82. package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -62
  83. package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
  84. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.css +0 -5
  85. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -227
  86. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js.map +0 -1
  87. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -39
  88. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js.map +0 -1
  89. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles_ea836d.css +0 -5
  90. package/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -50
  91. package/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js.map +0 -1
  92. package/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -9
  93. package/cjs/components/Carousel/CarouselNew/variations/_size/base.js.map +0 -1
  94. package/cjs/components/Carousel/CarouselNew/variations/_size/base_x642ct.css +0 -1
  95. package/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -9
  96. package/cjs/components/Carousel/CarouselNew/variations/_view/base.js.map +0 -1
  97. package/cjs/components/Carousel/CarouselNew/variations/_view/base_x642ct.css +0 -1
  98. package/cjs/components/Carousel/CarouselOld/Carousel.css +0 -4
  99. package/cjs/components/Carousel/CarouselOld/Carousel.js.map +0 -1
  100. package/cjs/components/Carousel/CarouselOld/Carousel.styles.js.map +0 -1
  101. package/cjs/components/Carousel/CarouselOld/Carousel.styles_12r304j.css +0 -4
  102. package/cjs/components/Carousel/CarouselOld/CarouselItem.js.map +0 -1
  103. package/cjs/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css +0 -1
  104. package/cjs/components/Carousel/CarouselOld/useCarousel.js.map +0 -1
  105. package/cjs/components/Carousel/CarouselOld/useDragScroll.js.map +0 -1
  106. package/cjs/hooks/useDidMountLayoutEffect.js +0 -19
  107. package/cjs/hooks/useDidMountLayoutEffect.js.map +0 -1
  108. package/emotion/cjs/components/Carousel/CarouselNew/Carousel.js +0 -112
  109. package/emotion/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -59
  110. package/emotion/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -22
  111. package/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -419
  112. package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -229
  113. package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -38
  114. package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -47
  115. package/emotion/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -38
  116. package/emotion/cjs/components/Carousel/CarouselNew/ui/index.js +0 -27
  117. package/emotion/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -8
  118. package/emotion/cjs/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
  119. package/emotion/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -8
  120. package/emotion/cjs/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
  121. package/emotion/cjs/components/Carousel/CarouselOld/Carousel.styles.js +0 -49
  122. package/emotion/cjs/components/Carousel/CarouselOld/index.js +0 -32
  123. package/emotion/cjs/hooks/useDidMountLayoutEffect.js +0 -17
  124. package/emotion/es/components/Carousel/CarouselNew/Carousel.js +0 -104
  125. package/emotion/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -52
  126. package/emotion/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -16
  127. package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -409
  128. package/emotion/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -219
  129. package/emotion/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -31
  130. package/emotion/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -41
  131. package/emotion/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -31
  132. package/emotion/es/components/Carousel/CarouselNew/ui/index.js +0 -2
  133. package/emotion/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -2
  134. package/emotion/es/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
  135. package/emotion/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -2
  136. package/emotion/es/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
  137. package/emotion/es/components/Carousel/CarouselOld/Carousel.styles.js +0 -42
  138. package/emotion/es/components/Carousel/CarouselOld/index.js +0 -3
  139. package/emotion/es/hooks/useDidMountLayoutEffect.js +0 -11
  140. package/es/components/Carousel/CarouselNew/Carousel.css +0 -43
  141. package/es/components/Carousel/CarouselNew/Carousel.js +0 -104
  142. package/es/components/Carousel/CarouselNew/Carousel.js.map +0 -1
  143. package/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -43
  144. package/es/components/Carousel/CarouselNew/Carousel.styles.js.map +0 -1
  145. package/es/components/Carousel/CarouselNew/Carousel.styles_1fs4wwn.css +0 -5
  146. package/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -19
  147. package/es/components/Carousel/CarouselNew/Carousel.tokens.js.map +0 -1
  148. package/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -413
  149. package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map +0 -1
  150. package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -58
  151. package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
  152. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.css +0 -5
  153. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -218
  154. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js.map +0 -1
  155. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -31
  156. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js.map +0 -1
  157. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles_ea836d.css +0 -5
  158. package/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -44
  159. package/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js.map +0 -1
  160. package/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -5
  161. package/es/components/Carousel/CarouselNew/variations/_size/base.js.map +0 -1
  162. package/es/components/Carousel/CarouselNew/variations/_size/base_x642ct.css +0 -1
  163. package/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -5
  164. package/es/components/Carousel/CarouselNew/variations/_view/base.js.map +0 -1
  165. package/es/components/Carousel/CarouselNew/variations/_view/base_x642ct.css +0 -1
  166. package/es/components/Carousel/CarouselOld/Carousel.css +0 -4
  167. package/es/components/Carousel/CarouselOld/Carousel.js.map +0 -1
  168. package/es/components/Carousel/CarouselOld/Carousel.styles.js.map +0 -1
  169. package/es/components/Carousel/CarouselOld/Carousel.styles_12r304j.css +0 -4
  170. package/es/components/Carousel/CarouselOld/CarouselItem.js.map +0 -1
  171. package/es/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css +0 -1
  172. package/es/components/Carousel/CarouselOld/useCarousel.js.map +0 -1
  173. package/es/components/Carousel/CarouselOld/useDragScroll.js.map +0 -1
  174. package/es/hooks/useDidMountLayoutEffect.js +0 -15
  175. package/es/hooks/useDidMountLayoutEffect.js.map +0 -1
  176. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js +0 -112
  177. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -31
  178. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -22
  179. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.types.js +0 -5
  180. package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -419
  181. package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -65
  182. package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -229
  183. package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -24
  184. package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -47
  185. package/styled-components/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -37
  186. package/styled-components/cjs/components/Carousel/CarouselNew/ui/index.js +0 -27
  187. package/styled-components/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -8
  188. package/styled-components/cjs/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
  189. package/styled-components/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -8
  190. package/styled-components/cjs/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
  191. package/styled-components/cjs/components/Carousel/CarouselOld/Carousel.types.js +0 -5
  192. package/styled-components/cjs/components/Carousel/CarouselOld/index.js +0 -32
  193. package/styled-components/cjs/components/Carousel/CarouselOld/useDragScroll.js +0 -65
  194. package/styled-components/cjs/hooks/useDidMountLayoutEffect.js +0 -17
  195. package/styled-components/es/components/Carousel/CarouselNew/Carousel.js +0 -104
  196. package/styled-components/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -23
  197. package/styled-components/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -16
  198. package/styled-components/es/components/Carousel/CarouselNew/Carousel.types.js +0 -1
  199. package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -409
  200. package/styled-components/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -59
  201. package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -219
  202. package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -17
  203. package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -41
  204. package/styled-components/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -30
  205. package/styled-components/es/components/Carousel/CarouselNew/ui/index.js +0 -2
  206. package/styled-components/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -2
  207. package/styled-components/es/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
  208. package/styled-components/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -2
  209. package/styled-components/es/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
  210. package/styled-components/es/components/Carousel/CarouselOld/Carousel.types.js +0 -1
  211. package/styled-components/es/components/Carousel/CarouselOld/index.js +0 -3
  212. package/styled-components/es/components/Carousel/CarouselOld/useDragScroll.js +0 -59
  213. package/styled-components/es/hooks/useDidMountLayoutEffect.js +0 -11
  214. package/types/components/Carousel/CarouselNew/Carousel.d.ts +0 -26
  215. package/types/components/Carousel/CarouselNew/Carousel.d.ts.map +0 -1
  216. package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts +0 -94
  217. package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map +0 -1
  218. package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts +0 -17
  219. package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts.map +0 -1
  220. package/types/components/Carousel/CarouselNew/Carousel.types.d.ts +0 -122
  221. package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map +0 -1
  222. package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts +0 -65
  223. package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map +0 -1
  224. package/types/components/Carousel/CarouselNew/hooks/useDragScroll.d.ts.map +0 -1
  225. package/types/components/Carousel/CarouselNew/ui/Dots/Dots.d.ts +0 -4
  226. package/types/components/Carousel/CarouselNew/ui/Dots/Dots.d.ts.map +0 -1
  227. package/types/components/Carousel/CarouselNew/ui/Dots/Dots.styles.d.ts +0 -6
  228. package/types/components/Carousel/CarouselNew/ui/Dots/Dots.styles.d.ts.map +0 -1
  229. package/types/components/Carousel/CarouselNew/ui/Dots/utils/index.d.ts +0 -4
  230. package/types/components/Carousel/CarouselNew/ui/Dots/utils/index.d.ts.map +0 -1
  231. package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts +0 -4
  232. package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts.map +0 -1
  233. package/types/components/Carousel/CarouselNew/ui/index.d.ts +0 -3
  234. package/types/components/Carousel/CarouselNew/ui/index.d.ts.map +0 -1
  235. package/types/components/Carousel/CarouselNew/variations/_size/base.d.ts +0 -2
  236. package/types/components/Carousel/CarouselNew/variations/_size/base.d.ts.map +0 -1
  237. package/types/components/Carousel/CarouselNew/variations/_view/base.d.ts +0 -2
  238. package/types/components/Carousel/CarouselNew/variations/_view/base.d.ts.map +0 -1
  239. package/types/components/Carousel/CarouselOld/Carousel.d.ts.map +0 -1
  240. package/types/components/Carousel/CarouselOld/Carousel.styles.d.ts.map +0 -1
  241. package/types/components/Carousel/CarouselOld/Carousel.types.d.ts.map +0 -1
  242. package/types/components/Carousel/CarouselOld/CarouselItem.d.ts.map +0 -1
  243. package/types/components/Carousel/CarouselOld/index.d.ts +0 -5
  244. package/types/components/Carousel/CarouselOld/index.d.ts.map +0 -1
  245. package/types/components/Carousel/CarouselOld/useCarousel.d.ts.map +0 -1
  246. package/types/components/Carousel/CarouselOld/useDragScroll.d.ts +0 -2
  247. package/types/components/Carousel/CarouselOld/useDragScroll.d.ts.map +0 -1
  248. package/types/hooks/useDidMountLayoutEffect.d.ts +0 -2
  249. package/types/hooks/useDidMountLayoutEffect.d.ts.map +0 -1
  250. /package/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  251. /package/emotion/cjs/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
  252. /package/emotion/cjs/components/Carousel/{CarouselNew/Carousel.types.js → Carousel.types.js} +0 -0
  253. /package/emotion/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  254. /package/emotion/cjs/components/Carousel/{CarouselNew/hooks/useDragScroll.js → useDragScroll.js} +0 -0
  255. /package/emotion/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
  256. /package/emotion/es/components/Carousel/{CarouselNew/Carousel.types.js → Carousel.types.js} +0 -0
  257. /package/emotion/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  258. /package/emotion/es/components/Carousel/{CarouselNew/hooks/useDragScroll.js → useDragScroll.js} +0 -0
  259. /package/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  260. /package/styled-components/cjs/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
  261. /package/{emotion/cjs/components/Carousel/CarouselOld → styled-components/cjs/components/Carousel}/Carousel.types.js +0 -0
  262. /package/styled-components/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  263. /package/{emotion/cjs/components/Carousel/CarouselOld → styled-components/cjs/components/Carousel}/useDragScroll.js +0 -0
  264. /package/styled-components/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
  265. /package/{emotion/es/components/Carousel/CarouselOld → styled-components/es/components/Carousel}/Carousel.types.js +0 -0
  266. /package/styled-components/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  267. /package/{emotion/es/components/Carousel/CarouselOld → styled-components/es/components/Carousel}/useDragScroll.js +0 -0
  268. /package/types/components/Carousel/{CarouselOld/Carousel.styles.d.ts → Carousel.styles.d.ts} +0 -0
  269. /package/types/components/Carousel/{CarouselOld/CarouselItem.d.ts → CarouselItem.d.ts} +0 -0
  270. /package/types/components/Carousel/{CarouselOld/useCarousel.d.ts → useCarousel.d.ts} +0 -0
  271. /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;margin-top:0.75rem;--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,104 +0,0 @@
1
- var _IconDisclosureLeft, _IconDisclosureRight;
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, Children } from 'react';
9
- import { IconDisclosureLeft, IconDisclosureRight } from "../../_Icon";
10
- import { classes } from "./Carousel.tokens";
11
- import { base as sizeCSS } from "./variations/_size/base";
12
- import { base as viewCSS } from "./variations/_view/base";
13
- import { base, CarouselWrapper, CarouselTrack, ControlsWrapper, IconButton } from "./Carousel.styles";
14
- import { useCarousel } from "./hooks/useCarousel";
15
- import { useDragScroll } from "./hooks/useDragScroll";
16
- import { Dots } from "./ui";
17
-
18
- /**
19
- * Компонент для создания списков с прокруткой.
20
- */
21
- export var carouselNewRoot = function carouselNewRoot(Root) {
22
- return /*#__PURE__*/forwardRef(function (_ref, ref) {
23
- var view = _ref.view,
24
- size = _ref.size,
25
- scrollAlign = _ref.scrollAlign,
26
- children = _ref.children,
27
- _ref$isDragScrollDisa = _ref.isDragScrollDisabled,
28
- isDragScrollDisabled = _ref$isDragScrollDisa === void 0 ? false : _ref$isDragScrollDisa,
29
- gap = _ref.gap,
30
- paginationOptions = _ref.paginationOptions,
31
- className = _ref.className,
32
- style = _ref.style;
33
- var _useState = useState(0),
34
- _useState2 = _slicedToArray(_useState, 2),
35
- index = _useState2[0],
36
- setIndex = _useState2[1];
37
- var slidesAmount = Children.count(children);
38
- var handleClickLeft = function handleClickLeft() {
39
- setIndex(Math.max(0, index - 1));
40
- };
41
- var handleClickRight = function handleClickRight() {
42
- setIndex(Math.min(slidesAmount - 1, index + 1));
43
- };
44
- var _useCarousel = useCarousel({
45
- index: index,
46
- scrollAlign: scrollAlign,
47
- onIndexChange: setIndex
48
- }),
49
- scrollRef = _useCarousel.scrollRef,
50
- trackRef = _useCarousel.trackRef;
51
- useDragScroll(scrollRef, isDragScrollDisabled);
52
- return /*#__PURE__*/React.createElement(Root, {
53
- className: className,
54
- style: style,
55
- size: size,
56
- view: view,
57
- ref: ref
58
- }, /*#__PURE__*/React.createElement(ControlsWrapper, null, index !== 0 && /*#__PURE__*/React.createElement(IconButton, {
59
- pin: "circle-circle",
60
- onClick: handleClickLeft
61
- }, _IconDisclosureLeft || (_IconDisclosureLeft = /*#__PURE__*/React.createElement(IconDisclosureLeft, {
62
- size: "m",
63
- color: "inherit"
64
- }))), /*#__PURE__*/React.createElement(CarouselWrapper, {
65
- ref: scrollRef
66
- }, /*#__PURE__*/React.createElement(CarouselTrack, {
67
- ref: trackRef
68
- // aria-live={ariaLive}
69
- ,
70
- gap: gap
71
- }, children)), index !== slidesAmount - 1 && /*#__PURE__*/React.createElement(IconButton, {
72
- className: classes.rightControlButton,
73
- pin: "circle-circle",
74
- onClick: handleClickRight
75
- }, _IconDisclosureRight || (_IconDisclosureRight = /*#__PURE__*/React.createElement(IconDisclosureRight, {
76
- size: "m",
77
- color: "inherit"
78
- })))), !(paginationOptions !== null && paginationOptions !== void 0 && paginationOptions.disabled) && /*#__PURE__*/React.createElement(Dots, {
79
- index: index,
80
- onChange: setIndex,
81
- visibleCount: (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.visibleDots) || slidesAmount,
82
- count: slidesAmount,
83
- centered: (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.centered) || false
84
- }));
85
- });
86
- };
87
- export var carouselNewConfig = {
88
- name: 'Carousel',
89
- tag: 'div',
90
- layout: carouselNewRoot,
91
- base: base,
92
- variations: {
93
- view: {
94
- css: viewCSS
95
- },
96
- size: {
97
- css: sizeCSS
98
- }
99
- },
100
- defaults: {
101
- view: 'default',
102
- size: 's'
103
- }
104
- };