@salutejs/plasma-new-hope 0.81.0-canary.1194.9112023499.0 → 0.81.0-canary.1203.9111654116.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (321) hide show
  1. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  2. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  3. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  4. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +4 -1
  5. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  6. package/cjs/components/Calendar/hooks/useDays.js +6 -3
  7. package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
  8. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  9. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  10. package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
  11. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  12. package/cjs/components/TextField/TextField.js +3 -12
  13. package/cjs/components/TextField/TextField.js.map +1 -1
  14. package/cjs/engines/common.js +0 -4
  15. package/cjs/engines/common.js.map +1 -1
  16. package/cjs/engines/index.js.map +1 -1
  17. package/cjs/index.css +0 -25
  18. package/cjs/index.js +0 -14
  19. package/cjs/index.js.map +1 -1
  20. package/cjs/utils/index.js.map +1 -1
  21. package/es/components/Calendar/Calendar.types.js.map +1 -1
  22. package/es/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  23. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  24. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +4 -1
  25. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  26. package/es/components/Calendar/hooks/useDays.js +6 -3
  27. package/es/components/Calendar/hooks/useDays.js.map +1 -1
  28. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  29. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  30. package/es/components/Combobox/hooks/useFocusController.js +0 -1
  31. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  32. package/es/components/TextField/TextField.js +3 -12
  33. package/es/components/TextField/TextField.js.map +1 -1
  34. package/es/engines/common.js +0 -4
  35. package/es/engines/common.js.map +1 -1
  36. package/es/engines/index.js.map +1 -1
  37. package/es/index.css +0 -25
  38. package/es/index.js +0 -8
  39. package/es/index.js.map +1 -1
  40. package/es/utils/index.js.map +1 -1
  41. package/package.json +2 -3
  42. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  43. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +4 -1
  44. package/styled-components/cjs/components/Calendar/hooks/useDays.js +6 -3
  45. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  46. package/styled-components/cjs/components/TextField/TextField.js +3 -12
  47. package/styled-components/cjs/engines/common.js +0 -4
  48. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +18 -6
  49. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +18 -6
  50. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +18 -6
  51. package/styled-components/cjs/hooks/index.js +1 -8
  52. package/styled-components/cjs/index.js +0 -11
  53. package/styled-components/cjs/utils/index.js +0 -7
  54. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +3 -1
  55. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +4 -1
  56. package/styled-components/es/components/Calendar/hooks/useDays.js +6 -3
  57. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -1
  58. package/styled-components/es/components/TextField/TextField.js +3 -12
  59. package/styled-components/es/engines/common.js +0 -4
  60. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +18 -6
  61. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +18 -6
  62. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +18 -6
  63. package/styled-components/es/hooks/index.js +1 -2
  64. package/styled-components/es/index.js +1 -2
  65. package/styled-components/es/utils/index.js +0 -1
  66. package/types/components/Calendar/Calendar.types.d.ts +4 -0
  67. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  68. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  69. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  70. package/types/components/Calendar/hooks/useDays.d.ts +1 -1
  71. package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
  72. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  73. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +1 -0
  74. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
  75. package/types/components/TextField/TextField.d.ts.map +1 -1
  76. package/types/engines/common.d.ts +3 -3
  77. package/types/engines/common.d.ts.map +1 -1
  78. package/types/engines/index.d.ts +1 -1
  79. package/types/engines/index.d.ts.map +1 -1
  80. package/types/engines/types.d.ts +0 -4
  81. package/types/engines/types.d.ts.map +1 -1
  82. package/types/hooks/index.d.ts +0 -1
  83. package/types/hooks/index.d.ts.map +1 -1
  84. package/types/index.d.ts +0 -1
  85. package/types/index.d.ts.map +1 -1
  86. package/types/utils/index.d.ts +0 -1
  87. package/types/utils/index.d.ts.map +1 -1
  88. package/cjs/components/Slider/Slider.css +0 -69
  89. package/cjs/components/Slider/Slider.js +0 -48
  90. package/cjs/components/Slider/Slider.js.map +0 -1
  91. package/cjs/components/Slider/Slider.tokens.js +0 -79
  92. package/cjs/components/Slider/Slider.tokens.js.map +0 -1
  93. package/cjs/components/Slider/components/Double/Double.css +0 -62
  94. package/cjs/components/Slider/components/Double/Double.js +0 -288
  95. package/cjs/components/Slider/components/Double/Double.js.map +0 -1
  96. package/cjs/components/Slider/components/Double/Double.styles.js +0 -61
  97. package/cjs/components/Slider/components/Double/Double.styles.js.map +0 -1
  98. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  99. package/cjs/components/Slider/components/Single/Single.css +0 -16
  100. package/cjs/components/Slider/components/Single/Single.js +0 -162
  101. package/cjs/components/Slider/components/Single/Single.js.map +0 -1
  102. package/cjs/components/Slider/components/Single/Single.styles.js +0 -45
  103. package/cjs/components/Slider/components/Single/Single.styles.js.map +0 -1
  104. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  105. package/cjs/components/Slider/components/SliderBase/SliderBase.css +0 -4
  106. package/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -82
  107. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  108. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -33
  109. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  110. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  111. package/cjs/components/Slider/ui/Handler/Handler.css +0 -4
  112. package/cjs/components/Slider/ui/Handler/Handler.js +0 -174
  113. package/cjs/components/Slider/ui/Handler/Handler.js.map +0 -1
  114. package/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -21
  115. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
  116. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  117. package/cjs/components/Slider/ui/Thumb/Thumb.css +0 -1
  118. package/cjs/components/Slider/ui/Thumb/Thumb.js +0 -31
  119. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  120. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -15
  121. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  122. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  123. package/cjs/components/Slider/utils/index.js +0 -56
  124. package/cjs/components/Slider/utils/index.js.map +0 -1
  125. package/cjs/components/Slider/variations/_disabled/base.js +0 -9
  126. package/cjs/components/Slider/variations/_disabled/base.js.map +0 -1
  127. package/cjs/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  128. package/cjs/components/Slider/variations/_size/base.js +0 -9
  129. package/cjs/components/Slider/variations/_size/base.js.map +0 -1
  130. package/cjs/components/Slider/variations/_size/base_x642ct.css +0 -1
  131. package/cjs/components/Slider/variations/_view/base.js +0 -9
  132. package/cjs/components/Slider/variations/_view/base.js.map +0 -1
  133. package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
  134. package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -15
  135. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  136. package/cjs/utils/canUseDOM.js +0 -12
  137. package/cjs/utils/canUseDOM.js.map +0 -1
  138. package/es/components/Slider/Slider.css +0 -69
  139. package/es/components/Slider/Slider.js +0 -43
  140. package/es/components/Slider/Slider.js.map +0 -1
  141. package/es/components/Slider/Slider.tokens.js +0 -74
  142. package/es/components/Slider/Slider.tokens.js.map +0 -1
  143. package/es/components/Slider/components/Double/Double.css +0 -62
  144. package/es/components/Slider/components/Double/Double.js +0 -284
  145. package/es/components/Slider/components/Double/Double.js.map +0 -1
  146. package/es/components/Slider/components/Double/Double.styles.js +0 -51
  147. package/es/components/Slider/components/Double/Double.styles.js.map +0 -1
  148. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  149. package/es/components/Slider/components/Single/Single.css +0 -16
  150. package/es/components/Slider/components/Single/Single.js +0 -158
  151. package/es/components/Slider/components/Single/Single.js.map +0 -1
  152. package/es/components/Slider/components/Single/Single.styles.js +0 -36
  153. package/es/components/Slider/components/Single/Single.styles.js.map +0 -1
  154. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  155. package/es/components/Slider/components/SliderBase/SliderBase.css +0 -4
  156. package/es/components/Slider/components/SliderBase/SliderBase.js +0 -78
  157. package/es/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  158. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -26
  159. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  160. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  161. package/es/components/Slider/ui/Handler/Handler.css +0 -4
  162. package/es/components/Slider/ui/Handler/Handler.js +0 -170
  163. package/es/components/Slider/ui/Handler/Handler.js.map +0 -1
  164. package/es/components/Slider/ui/Handler/Handler.styles.js +0 -16
  165. package/es/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
  166. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  167. package/es/components/Slider/ui/Thumb/Thumb.css +0 -1
  168. package/es/components/Slider/ui/Thumb/Thumb.js +0 -27
  169. package/es/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  170. package/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  171. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  172. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  173. package/es/components/Slider/utils/index.js +0 -50
  174. package/es/components/Slider/utils/index.js.map +0 -1
  175. package/es/components/Slider/variations/_disabled/base.js +0 -5
  176. package/es/components/Slider/variations/_disabled/base.js.map +0 -1
  177. package/es/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  178. package/es/components/Slider/variations/_size/base.js +0 -5
  179. package/es/components/Slider/variations/_size/base.js.map +0 -1
  180. package/es/components/Slider/variations/_size/base_x642ct.css +0 -1
  181. package/es/components/Slider/variations/_view/base.js +0 -5
  182. package/es/components/Slider/variations/_view/base.js.map +0 -1
  183. package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
  184. package/es/hooks/useIsomorphicLayoutEffect.js +0 -11
  185. package/es/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  186. package/es/utils/canUseDOM.js +0 -8
  187. package/es/utils/canUseDOM.js.map +0 -1
  188. package/styled-components/cjs/components/Slider/Slider.js +0 -47
  189. package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
  190. package/styled-components/cjs/components/Slider/Slider.types.js +0 -5
  191. package/styled-components/cjs/components/Slider/components/Double/Double.js +0 -300
  192. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +0 -36
  193. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +0 -5
  194. package/styled-components/cjs/components/Slider/components/Single/Single.js +0 -174
  195. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +0 -27
  196. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +0 -5
  197. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -83
  198. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -21
  199. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +0 -5
  200. package/styled-components/cjs/components/Slider/components/index.js +0 -27
  201. package/styled-components/cjs/components/Slider/index.js +0 -32
  202. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +0 -183
  203. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -15
  204. package/styled-components/cjs/components/Slider/ui/Handler/Handler.types.js +0 -5
  205. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +0 -32
  206. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -18
  207. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +0 -5
  208. package/styled-components/cjs/components/Slider/ui/index.js +0 -63
  209. package/styled-components/cjs/components/Slider/utils/index.js +0 -55
  210. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +0 -8
  211. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +0 -4
  212. package/styled-components/cjs/components/Slider/variations/_size/base.js +0 -8
  213. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  214. package/styled-components/cjs/components/Slider/variations/_view/base.js +0 -8
  215. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  216. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +0 -29
  217. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +0 -16
  218. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -164
  219. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +0 -29
  220. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +0 -16
  221. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -163
  222. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
  223. package/styled-components/cjs/utils/canUseDOM.js +0 -11
  224. package/styled-components/es/components/Slider/Slider.js +0 -38
  225. package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
  226. package/styled-components/es/components/Slider/Slider.types.js +0 -1
  227. package/styled-components/es/components/Slider/components/Double/Double.js +0 -292
  228. package/styled-components/es/components/Slider/components/Double/Double.styles.js +0 -29
  229. package/styled-components/es/components/Slider/components/Double/Double.types.js +0 -1
  230. package/styled-components/es/components/Slider/components/Single/Single.js +0 -166
  231. package/styled-components/es/components/Slider/components/Single/Single.styles.js +0 -20
  232. package/styled-components/es/components/Slider/components/Single/Single.types.js +0 -1
  233. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +0 -74
  234. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -14
  235. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +0 -1
  236. package/styled-components/es/components/Slider/components/index.js +0 -3
  237. package/styled-components/es/components/Slider/index.js +0 -3
  238. package/styled-components/es/components/Slider/ui/Handler/Handler.js +0 -174
  239. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +0 -8
  240. package/styled-components/es/components/Slider/ui/Handler/Handler.types.js +0 -1
  241. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +0 -25
  242. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  243. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +0 -1
  244. package/styled-components/es/components/Slider/ui/index.js +0 -5
  245. package/styled-components/es/components/Slider/utils/index.js +0 -47
  246. package/styled-components/es/components/Slider/variations/_disabled/base.js +0 -2
  247. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +0 -4
  248. package/styled-components/es/components/Slider/variations/_size/base.js +0 -2
  249. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  250. package/styled-components/es/components/Slider/variations/_view/base.js +0 -2
  251. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  252. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +0 -23
  253. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +0 -10
  254. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -164
  255. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +0 -23
  256. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +0 -10
  257. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -163
  258. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
  259. package/styled-components/es/utils/canUseDOM.js +0 -5
  260. package/types/components/Slider/Slider.d.ts +0 -27
  261. package/types/components/Slider/Slider.d.ts.map +0 -1
  262. package/types/components/Slider/Slider.tokens.d.ts +0 -72
  263. package/types/components/Slider/Slider.tokens.d.ts.map +0 -1
  264. package/types/components/Slider/Slider.types.d.ts +0 -3
  265. package/types/components/Slider/Slider.types.d.ts.map +0 -1
  266. package/types/components/Slider/components/Double/Double.d.ts +0 -4
  267. package/types/components/Slider/components/Double/Double.d.ts.map +0 -1
  268. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -43
  269. package/types/components/Slider/components/Double/Double.styles.d.ts.map +0 -1
  270. package/types/components/Slider/components/Double/Double.types.d.ts +0 -65
  271. package/types/components/Slider/components/Double/Double.types.d.ts.map +0 -1
  272. package/types/components/Slider/components/Single/Single.d.ts +0 -4
  273. package/types/components/Slider/components/Single/Single.d.ts.map +0 -1
  274. package/types/components/Slider/components/Single/Single.styles.d.ts +0 -8
  275. package/types/components/Slider/components/Single/Single.styles.d.ts.map +0 -1
  276. package/types/components/Slider/components/Single/Single.types.d.ts +0 -55
  277. package/types/components/Slider/components/Single/Single.types.d.ts.map +0 -1
  278. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +0 -4
  279. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +0 -1
  280. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -6
  281. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +0 -1
  282. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -45
  283. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +0 -1
  284. package/types/components/Slider/components/index.d.ts +0 -6
  285. package/types/components/Slider/components/index.d.ts.map +0 -1
  286. package/types/components/Slider/index.d.ts +0 -6
  287. package/types/components/Slider/index.d.ts.map +0 -1
  288. package/types/components/Slider/ui/Handler/Handler.d.ts +0 -9
  289. package/types/components/Slider/ui/Handler/Handler.d.ts.map +0 -1
  290. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +0 -4
  291. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +0 -1
  292. package/types/components/Slider/ui/Handler/Handler.types.d.ts +0 -24
  293. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +0 -1
  294. package/types/components/Slider/ui/Thumb/Thumb.d.ts +0 -4
  295. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +0 -1
  296. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +0 -5
  297. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +0 -1
  298. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -12
  299. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +0 -1
  300. package/types/components/Slider/ui/index.d.ts +0 -6
  301. package/types/components/Slider/ui/index.d.ts.map +0 -1
  302. package/types/components/Slider/utils/index.d.ts +0 -33
  303. package/types/components/Slider/utils/index.d.ts.map +0 -1
  304. package/types/components/Slider/variations/_disabled/base.d.ts +0 -2
  305. package/types/components/Slider/variations/_disabled/base.d.ts.map +0 -1
  306. package/types/components/Slider/variations/_size/base.d.ts +0 -2
  307. package/types/components/Slider/variations/_size/base.d.ts.map +0 -1
  308. package/types/components/Slider/variations/_view/base.d.ts +0 -2
  309. package/types/components/Slider/variations/_view/base.d.ts.map +0 -1
  310. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +0 -22
  311. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +0 -1
  312. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +0 -21
  313. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +0 -1
  314. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +0 -22
  315. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +0 -1
  316. package/types/examples/plasma_web/components/Slider/Slider.d.ts +0 -21
  317. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +0 -1
  318. package/types/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
  319. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +0 -1
  320. package/types/utils/canUseDOM.d.ts +0 -6
  321. package/types/utils/canUseDOM.d.ts.map +0 -1
@@ -1,166 +0,0 @@
1
- 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); }
2
- var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
3
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
7
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
8
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
9
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
10
- 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."); }
11
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
12
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
13
- 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; } }
14
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
15
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
16
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
17
- import React, { useCallback, useEffect, useState, useRef } from 'react';
18
- import { SliderBase } from '../SliderBase/SliderBase';
19
- import { Handler } from '../../ui';
20
- import { sizeData } from '../../utils';
21
- import { cx, isNumber } from '../../../../utils';
22
- import { classes } from '../../Slider.tokens';
23
- import { Label, LabelContentLeft, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue } from './Single.styles';
24
- export var SingleSlider = function SingleSlider(_ref) {
25
- var min = _ref.min,
26
- max = _ref.max,
27
- value = _ref.value,
28
- disabled = _ref.disabled,
29
- onChangeCommitted = _ref.onChangeCommitted,
30
- onChange = _ref.onChange,
31
- ariaLabel = _ref.ariaLabel,
32
- label = _ref.label,
33
- labelContentLeft = _ref.labelContentLeft,
34
- showRangeValues = _ref.showRangeValues,
35
- showCurrentValue = _ref.showCurrentValue,
36
- hideMinValueDiff = _ref.hideMinValueDiff,
37
- hideMaxValueDiff = _ref.hideMaxValueDiff,
38
- _ref$labelPlacement = _ref.labelPlacement,
39
- labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
40
- _ref$rangeValuesPlace = _ref.rangeValuesPlacement,
41
- rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
42
- _ref$multipleStepSize = _ref.multipleStepSize,
43
- multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
44
- _ref$size = _ref.size,
45
- size = _ref$size === void 0 ? 'm' : _ref$size,
46
- rest = _objectWithoutProperties(_ref, _excluded);
47
- var _useState = useState({
48
- xHandle: 0,
49
- stepSize: 0,
50
- railFillWidth: 0
51
- }),
52
- _useState2 = _slicedToArray(_useState, 2),
53
- state = _useState2[0],
54
- setState = _useState2[1];
55
- var _useState3 = useState(0),
56
- _useState4 = _slicedToArray(_useState3, 2),
57
- startOffset = _useState4[0],
58
- setStartOffset = _useState4[1];
59
- var _useState5 = useState(0),
60
- _useState6 = _slicedToArray(_useState5, 2),
61
- endOffset = _useState6[0],
62
- setEndOffset = _useState6[1];
63
- var _useState7 = useState(value),
64
- _useState8 = _slicedToArray(_useState7, 2),
65
- dragValue = _useState8[0],
66
- setDragValue = _useState8[1];
67
- var stepSize = state.stepSize;
68
- var hasLabelContent = label || labelContentLeft;
69
- var labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;
70
- var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;
71
- var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? classes.hideMinValue : '';
72
- var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? classes.hideMaxValue : '';
73
- var startLabelRef = useRef(null);
74
- var endLabelRef = useRef(null);
75
- var activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;
76
- var activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;
77
- useEffect(function () {
78
- var localValue = Math.min(Math.max(value, min), max) - min;
79
- if (rangeValuesPlacement === 'outer') {
80
- var _startLabelRef$curren, _endLabelRef$current;
81
- var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
82
- if (isNumber(startWidth)) {
83
- setStartOffset(Number(startWidth));
84
- }
85
- var endWidth = (_endLabelRef$current = endLabelRef.current) === null || _endLabelRef$current === void 0 ? void 0 : _endLabelRef$current.offsetWidth;
86
- if (isNumber(endWidth)) {
87
- setEndOffset(Number(endWidth));
88
- }
89
- } else {
90
- setStartOffset(1);
91
- setEndOffset(1);
92
- }
93
- setState(function (prevState) {
94
- return _objectSpread(_objectSpread({}, prevState), {}, {
95
- xHandle: stepSize * localValue,
96
- railFillWidth: stepSize * localValue
97
- });
98
- });
99
- }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
100
- var setStepSize = useCallback(function (newStepSize) {
101
- setState(function (prevState) {
102
- return _objectSpread(_objectSpread({}, prevState), {}, {
103
- stepSize: newStepSize
104
- });
105
- });
106
- }, [setState]);
107
- var onHandleChange = function onHandleChange(handleValue, data) {
108
- var newHandleXPosition = data.x;
109
- setState(function (prevState) {
110
- return _objectSpread(_objectSpread({}, prevState), {}, {
111
- railFillWidth: newHandleXPosition
112
- });
113
- });
114
- if (onChange) {
115
- onChange(handleValue);
116
- }
117
- setDragValue(handleValue);
118
- };
119
- var onHandleChangeCommitted = function onHandleChangeCommitted(handleValue, data) {
120
- if (onChangeCommitted) {
121
- onChangeCommitted(handleValue);
122
- }
123
- setState(function (prevState) {
124
- return _objectSpread(_objectSpread({}, prevState), {}, {
125
- xHandle: data.lastX,
126
- railFillWidth: data.lastX
127
- });
128
- });
129
- setDragValue(handleValue);
130
- };
131
- return /*#__PURE__*/React.createElement(SingleWrapper, {
132
- className: labelPlacementClass
133
- }, hasLabelContent && /*#__PURE__*/React.createElement(LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(SliderBaseWrapper, {
134
- className: rangeValuesPlacementClass
135
- }, showRangeValues && /*#__PURE__*/React.createElement(StyledRangeValue, {
136
- ref: startLabelRef,
137
- className: cx(hideMinValueDiffClass, activeFirstValue)
138
- }, min), /*#__PURE__*/React.createElement(SliderBase, _extends({
139
- min: min,
140
- max: max,
141
- disabled: disabled,
142
- setStepSize: setStepSize,
143
- onChange: onHandleChangeCommitted,
144
- railFillWidth: state.railFillWidth,
145
- settings: sizeData[size],
146
- labelPlacement: labelPlacement,
147
- rangeValuesPlacement: rangeValuesPlacement
148
- }, rest), /*#__PURE__*/React.createElement(Handler, {
149
- stepSize: state.stepSize,
150
- onChangeCommitted: onHandleChangeCommitted,
151
- onChange: onHandleChange,
152
- xPosition: state.xHandle,
153
- min: min,
154
- max: max,
155
- startOffset: startOffset,
156
- endOffset: endOffset,
157
- value: value,
158
- disabled: disabled,
159
- ariaLabel: ariaLabel,
160
- multipleStepSize: multipleStepSize,
161
- showCurrentValue: showCurrentValue
162
- })), showRangeValues && /*#__PURE__*/React.createElement(StyledRangeValue, {
163
- ref: endLabelRef,
164
- className: cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
165
- }, max)));
166
- };
@@ -1,20 +0,0 @@
1
- import styled from 'styled-components';
2
- import { classes, tokens } from '../../Slider.tokens';
3
- export var LabelWrapper = /*#__PURE__*/styled.div.withConfig({
4
- componentId: "plasma-new-hope__sc-1qm4elt-0"
5
- })(["color:var(", ");display:flex;gap:var(", ");"], tokens.labelColor, tokens.labelWrapperGap);
6
- export var LabelContentLeft = /*#__PURE__*/styled.div.withConfig({
7
- componentId: "plasma-new-hope__sc-1qm4elt-1"
8
- })([""]);
9
- export var Label = /*#__PURE__*/styled.label.withConfig({
10
- componentId: "plasma-new-hope__sc-1qm4elt-2"
11
- })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight);
12
- export var StyledRangeValue = /*#__PURE__*/styled.span.withConfig({
13
- componentId: "plasma-new-hope__sc-1qm4elt-3"
14
- })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");transition:opacity 0.1s ease-in-out;&.", ",&.", "{opacity:0;}&.", "{color:var(", ");}"], tokens.rangeValueColor, tokens.rangeValueFontFamily, tokens.rangeValueFontSize, tokens.rangeValueFontStyle, tokens.rangeValueFontWeight, tokens.rangeValueLetterSpacing, tokens.rangeValueLineHeight, classes.hideMinValue, classes.hideMaxValue, classes.activeRangeValue, tokens.labelColor);
15
- export var SliderBaseWrapper = /*#__PURE__*/styled.div.withConfig({
16
- componentId: "plasma-new-hope__sc-1qm4elt-4"
17
- })(["position:relative;display:flex;flex:1;&.", "{", "{position:absolute;bottom:var(", ");left:0;&.", "{left:unset;right:0;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], classes.rangeValuesPlacementOuter, StyledRangeValue, tokens.rangeValueBottomOffset, classes.maxRangeValue, classes.rangeValuesPlacementInner, StyledRangeValue, tokens.rangeMinValueMargin, classes.maxRangeValue, tokens.rangeMaxValueMargin);
18
- export var SingleWrapper = /*#__PURE__*/styled.div.withConfig({
19
- componentId: "plasma-new-hope__sc-1qm4elt-5"
20
- })(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}}"], tokens.disabledOpacity, classes.labelPlacementOuter, LabelWrapper, tokens.labelWrapperMarginBottom, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperMarginRight);
@@ -1,74 +0,0 @@
1
- import React, { useRef, useEffect } from 'react';
2
- import { useIsomorphicLayoutEffect } from '../../../../hooks';
3
- import { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';
4
- export var SliderBase = function SliderBase(_ref) {
5
- var max = _ref.max,
6
- min = _ref.min,
7
- setStepSize = _ref.setStepSize,
8
- railFillWidth = _ref.railFillWidth,
9
- children = _ref.children,
10
- _ref$railFillXPositio = _ref.railFillXPosition,
11
- railFillXPosition = _ref$railFillXPositio === void 0 ? 0 : _ref$railFillXPositio,
12
- disabled = _ref.disabled,
13
- labelPlacement = _ref.labelPlacement,
14
- rangeValuesPlacement = _ref.rangeValuesPlacement,
15
- onChange = _ref.onChange,
16
- _ref$settings = _ref.settings,
17
- settings = _ref$settings === void 0 ? {} : _ref$settings;
18
- var _settings$indent = settings.indent,
19
- indent = _settings$indent === void 0 ? 0.75 : _settings$indent,
20
- _settings$fontSizeMul = settings.fontSizeMultiplier,
21
- fontSizeMultiplier = _settings$fontSizeMul === void 0 ? 16 : _settings$fontSizeMul;
22
- var ref = useRef(null);
23
- var gap = indent * fontSizeMultiplier * 2;
24
- useEffect(function () {
25
- var resizeHandler = function resizeHandler() {
26
- if (ref.current) {
27
- var railSize = ref.current.offsetWidth - gap;
28
- var totalSteps = max - min;
29
- setStepSize(railSize / totalSteps);
30
- }
31
- };
32
- resizeHandler();
33
- }, [labelPlacement, rangeValuesPlacement, ref.current]);
34
- var onHandleChange = function onHandleChange(e) {
35
- if (!onChange || disabled) {
36
- return;
37
- }
38
- var _e$currentTarget$getB = e.currentTarget.getBoundingClientRect(),
39
- x = _e$currentTarget$getB.x,
40
- width = _e$currentTarget$getB.width;
41
- var lastX = e.clientX - x;
42
- var position = min + lastX / (width - gap) * (max - min);
43
- var result = Math.max(min, Math.min(max, position));
44
- onChange(result, {
45
- lastX: lastX
46
- });
47
- };
48
- useIsomorphicLayoutEffect(function () {
49
- var resizeHandler = function resizeHandler() {
50
- if (ref.current) {
51
- var railSize = ref.current.offsetWidth - gap;
52
- var totalSteps = max - min;
53
- setStepSize(railSize / totalSteps);
54
- }
55
- };
56
- resizeHandler();
57
- window.addEventListener('resize', resizeHandler);
58
- return function () {
59
- return window.removeEventListener('resize', resizeHandler);
60
- };
61
- }, [min, max, setStepSize, ref.current, gap, labelPlacement, rangeValuesPlacement]);
62
- var fillStyle = {
63
- left: "".concat(railFillXPosition, "px"),
64
- width: "".concat(railFillWidth, "px")
65
- };
66
- return /*#__PURE__*/React.createElement(Slider, {
67
- ref: ref
68
- }, /*#__PURE__*/React.createElement(RailWrap, {
69
- "aria-hidden": "true",
70
- onMouseDown: onHandleChange
71
- }, /*#__PURE__*/React.createElement(Rail, null, /*#__PURE__*/React.createElement(Fill, {
72
- style: fillStyle
73
- }))), children);
74
- };
@@ -1,14 +0,0 @@
1
- import styled from 'styled-components';
2
- import { tokens } from '../../Slider.tokens';
3
- export var Slider = /*#__PURE__*/styled.div.withConfig({
4
- componentId: "plasma-new-hope__sc-ik0bjb-0"
5
- })(["flex:1;position:relative;user-select:none;height:var(", ");"], tokens.height);
6
- export var RailWrap = /*#__PURE__*/styled.div.withConfig({
7
- componentId: "plasma-new-hope__sc-ik0bjb-1"
8
- })(["height:100%;"]);
9
- export var Rail = /*#__PURE__*/styled.div.withConfig({
10
- componentId: "plasma-new-hope__sc-ik0bjb-2"
11
- })(["position:relative;top:50%;height:var(", ");border-radius:var(", ");background-color:var(", ");overflow:hidden;transform:translateY(-50%);"], tokens.railHeight, tokens.railBorderRadius, tokens.railBackgroundColor);
12
- export var Fill = /*#__PURE__*/styled.div.withConfig({
13
- componentId: "plasma-new-hope__sc-ik0bjb-3"
14
- })(["position:absolute;height:100%;top:0;left:0;background:var(", ");width:0;"], tokens.fillColor);
@@ -1,3 +0,0 @@
1
- export * from './Single/Single';
2
- export * from './Double/Double';
3
- export {};
@@ -1,3 +0,0 @@
1
- export { sliderConfig, sliderRoot } from './Slider';
2
- export { tokens as sliderTokens } from './Slider.tokens';
3
- export { ThumbBase } from './ui';
@@ -1,174 +0,0 @@
1
- var _excluded = ["stepSize", "onChangeCommitted", "onChange", "xPosition", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset"];
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
- 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."); }
5
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
7
- 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; } }
8
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
9
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
10
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
11
- import React, { useState, useRef, forwardRef } from 'react';
12
- import Draggable from 'react-draggable';
13
- import { getSliderThumbValue, getOffsets } from '../../utils';
14
- import { Thumb } from '../Thumb/Thumb';
15
- import { HandlerStyled, StyledValue } from './Handler.styles';
16
-
17
- // TODO: PLASMA-1707
18
-
19
- var KeyboardSupport = {
20
- PageUp: 33,
21
- PageDown: 34,
22
- End: 35,
23
- Home: 36,
24
- ArrowLeft: 37,
25
- ArrowUp: 38,
26
- ArrowRight: 39,
27
- ArrowDown: 40
28
- };
29
- export var Handler = /*#__PURE__*/forwardRef(function (_ref, ref) {
30
- var _lastOnChangeValue$cu, _position$x;
31
- var stepSize = _ref.stepSize,
32
- onChangeCommitted = _ref.onChangeCommitted,
33
- onChange = _ref.onChange,
34
- _ref$xPosition = _ref.xPosition,
35
- xPosition = _ref$xPosition === void 0 ? 0 : _ref$xPosition,
36
- min = _ref.min,
37
- max = _ref.max,
38
- _ref$bounds = _ref.bounds,
39
- bounds = _ref$bounds === void 0 ? [] : _ref$bounds,
40
- zIndex = _ref.zIndex,
41
- disabled = _ref.disabled,
42
- side = _ref.side,
43
- _ref$showCurrentValue = _ref.showCurrentValue,
44
- showCurrentValue = _ref$showCurrentValue === void 0 ? false : _ref$showCurrentValue,
45
- _ref$startOffset = _ref.startOffset,
46
- startOffset = _ref$startOffset === void 0 ? 0 : _ref$startOffset,
47
- _ref$endOffset = _ref.endOffset,
48
- endOffset = _ref$endOffset === void 0 ? 0 : _ref$endOffset,
49
- rest = _objectWithoutProperties(_ref, _excluded);
50
- var lastOnChangeValue = useRef();
51
- var currentSliderValue = (_lastOnChangeValue$cu = lastOnChangeValue === null || lastOnChangeValue === void 0 ? void 0 : lastOnChangeValue.current) !== null && _lastOnChangeValue$cu !== void 0 ? _lastOnChangeValue$cu : rest.value;
52
- var _getOffsets = getOffsets(ref, side),
53
- _getOffsets2 = _slicedToArray(_getOffsets, 2),
54
- offsetLeft = _getOffsets2[0],
55
- offsetRight = _getOffsets2[1];
56
- var _bounds = _slicedToArray(bounds, 2),
57
- leftValueBound = _bounds[0],
58
- rightValueBound = _bounds[1];
59
- var leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;
60
- var rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;
61
- var position = typeof xPosition === 'number' ? {
62
- x: xPosition,
63
- y: 0
64
- } : undefined;
65
- var tabIndex = disabled ? -1 : 0;
66
- var _useState = useState((_position$x = position === null || position === void 0 ? void 0 : position.x) !== null && _position$x !== void 0 ? _position$x : 0),
67
- _useState2 = _slicedToArray(_useState, 2),
68
- positionX = _useState2[0],
69
- setPositionX = _useState2[1];
70
- var computedBounds = {
71
- left: (leftPositionBound !== null && leftPositionBound !== void 0 ? leftPositionBound : 0) + offsetLeft,
72
- right: (rightPositionBound !== null && rightPositionBound !== void 0 ? rightPositionBound : stepSize * (max - min)) - offsetRight
73
- };
74
- var showCurrentValueCondition = showCurrentValue && positionX >= startOffset && positionX <= max * stepSize - endOffset;
75
- var onDrag = function onDrag(_, data) {
76
- var newValue = getSliderThumbValue(data.x, stepSize, min, max);
77
- if (lastOnChangeValue.current !== newValue) {
78
- onChange === null || onChange === void 0 || onChange(newValue, data);
79
- setPositionX(data.x);
80
- lastOnChangeValue.current = newValue;
81
- }
82
- };
83
- var onStop = function onStop(_, data) {
84
- var newValue = getSliderThumbValue(data.x, stepSize, min, max);
85
- setPositionX(data.x);
86
- onChangeCommitted && onChangeCommitted(newValue, data);
87
- };
88
- var onKeyPress = function onKeyPress(event) {
89
- event.persist();
90
- var keyCode = event.keyCode,
91
- target = event.target;
92
- if (!Object.values(KeyboardSupport).includes(keyCode)) {
93
- return;
94
- }
95
- var ArrowUp = KeyboardSupport.ArrowUp,
96
- ArrowRight = KeyboardSupport.ArrowRight,
97
- ArrowDown = KeyboardSupport.ArrowDown,
98
- ArrowLeft = KeyboardSupport.ArrowLeft,
99
- Home = KeyboardSupport.Home,
100
- End = KeyboardSupport.End,
101
- PageDown = KeyboardSupport.PageDown,
102
- PageUp = KeyboardSupport.PageUp;
103
- var computedMultipleSteps = stepSize * (rest.multipleStepSize / 100 * max);
104
- var data = {
105
- x: 0,
106
- deltaX: stepSize,
107
- lastX: xPosition,
108
- y: 0,
109
- deltaY: 0,
110
- lastY: 0,
111
- node: target
112
- };
113
- switch (keyCode) {
114
- case ArrowUp:
115
- case ArrowRight:
116
- data.x = xPosition + stepSize;
117
- break;
118
- case ArrowDown:
119
- case ArrowLeft:
120
- data.x = xPosition - stepSize;
121
- data.deltaX = -stepSize;
122
- break;
123
- case PageUp:
124
- data.x = xPosition + computedMultipleSteps;
125
- data.deltaX = computedMultipleSteps;
126
- break;
127
- case PageDown:
128
- data.x = xPosition - computedMultipleSteps;
129
- data.deltaX = -computedMultipleSteps;
130
- break;
131
- case End:
132
- data.x = max * stepSize;
133
- break;
134
- case Home:
135
- data.x = 0;
136
- break;
137
- default:
138
- data.x = 0;
139
- }
140
- var left = computedBounds.left,
141
- right = computedBounds.right;
142
-
143
- /*
144
- * INFO: Находим значение в диапазоне между указанными левой и правой границами.
145
- * Необходимо для правильного расчета положения SliderThumb.
146
- * см. функция clamp
147
- */
148
- var boundedValue = Math.max(Math.min(right, data.x), left);
149
- var computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);
150
- lastOnChangeValue.current = computedValue;
151
- onChangeCommitted && onChangeCommitted(computedValue, data);
152
- };
153
- return /*#__PURE__*/React.createElement(Draggable, {
154
- axis: "x",
155
- bounds: computedBounds,
156
- grid: [stepSize, 1],
157
- onStop: onStop,
158
- onDrag: onDrag,
159
- position: position,
160
- disabled: disabled
161
- }, /*#__PURE__*/React.createElement(HandlerStyled, {
162
- ref: ref,
163
- style: {
164
- zIndex: zIndex
165
- },
166
- onKeyDown: onKeyPress
167
- }, /*#__PURE__*/React.createElement(Thumb, _extends({
168
- tabIndex: tabIndex,
169
- min: min,
170
- max: max,
171
- value: currentSliderValue,
172
- disabled: disabled
173
- }, rest)), showCurrentValueCondition && /*#__PURE__*/React.createElement(StyledValue, null, currentSliderValue)));
174
- });
@@ -1,8 +0,0 @@
1
- import styled from 'styled-components';
2
- import { tokens } from '../../Slider.tokens';
3
- export var HandlerStyled = /*#__PURE__*/styled.div.withConfig({
4
- componentId: "plasma-new-hope__sc-a1py3c-0"
5
- })(["cursor:pointer;position:absolute;z-index:1;top:0;left:0;"]);
6
- export var StyledValue = /*#__PURE__*/styled.span.withConfig({
7
- componentId: "plasma-new-hope__sc-a1py3c-1"
8
- })(["position:absolute;z-index:1;top:var(", ");text-align:center;width:100%;margin-left:-0.125rem;display:flex;justify-content:center;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.currentValueTopOffset, tokens.currentValueFontFamily, tokens.currentValueFontSize, tokens.currentValueFontStyle, tokens.currentValueFontWeight, tokens.currentValueLetterSpacing, tokens.currentValueLineHeight);
@@ -1,25 +0,0 @@
1
- var _excluded = ["min", "max", "value", "ariaValueMin", "ariaLabel", "disabled"];
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
- import React from 'react';
6
- import { ThumbBase } from './Thumb.styles';
7
- export var Thumb = function Thumb(_ref) {
8
- var min = _ref.min,
9
- max = _ref.max,
10
- value = _ref.value,
11
- _ref$ariaValueMin = _ref.ariaValueMin,
12
- ariaValueMin = _ref$ariaValueMin === void 0 ? min : _ref$ariaValueMin,
13
- ariaLabel = _ref.ariaLabel,
14
- disabled = _ref.disabled,
15
- rest = _objectWithoutProperties(_ref, _excluded);
16
- return /*#__PURE__*/React.createElement(ThumbBase, _extends({
17
- role: "slider",
18
- "aria-label": ariaLabel,
19
- "aria-valuemin": ariaValueMin,
20
- "aria-valuemax": max,
21
- "aria-valuenow": value,
22
- disabled: disabled,
23
- "aria-orientation": "horizontal"
24
- }, rest));
25
- };
@@ -1,11 +0,0 @@
1
- import styled from 'styled-components';
2
- import { addFocus } from '../../../../mixins';
3
- import { tokens } from '../../Slider.tokens';
4
- export var ThumbBase = /*#__PURE__*/styled.div.withConfig({
5
- componentId: "plasma-new-hope__sc-13botku-0"
6
- })(["width:var(", ");height:var(", ");position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(", ");margin:0.125rem;transition:border-color 0.1s ease-in-out;&:after{background:var(", ");margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}&:not([disabled]):hover:after,&:not([disabled]):active:after{background:var(", ");}&[disabled]{cursor:not-allowed;}&:focus{outline:none;}", ""], tokens.thumbSize, tokens.thumbSize, tokens.thumbBackgroundColor, tokens.thumbBorderColor, tokens.thumbFocusBorderColor, /*#__PURE__*/addFocus({
7
- outlineOffset: '0.125rem',
8
- outlineSize: '0.125rem',
9
- outlineRadius: '50%',
10
- outlineColor: /*#__PURE__*/"var(".concat(tokens.thumbFocusBorderColor, ")")
11
- }));
@@ -1,5 +0,0 @@
1
- export * from './Handler/Handler';
2
- export * from './Thumb/Thumb';
3
- export { ThumbBase } from './Thumb/Thumb.styles';
4
- export * from './Handler/Handler.types';
5
- export * from './Thumb/Thumb.types';
@@ -1,47 +0,0 @@
1
- /**
2
- * Расчитать значение слайдера с учетом его координат и шага изменений.
3
- * @param {number} handleCenterXRelative
4
- * @param {number} stepSize
5
- * @param {number} min
6
- * @param {number} max
7
- * @return {number}
8
- */
9
- export function getSliderThumbValue(handleCenterXRelative, stepSize, min, max) {
10
- var newValue = Math.round(handleCenterXRelative / stepSize) + min;
11
- return Math.min(Math.max(newValue, min), max);
12
- }
13
-
14
- /**
15
- * Расчитывает значение отступа слайдера на основе его положения (справа, слева) на отрезке слайдера.
16
- * Значение используется для правильного расчета ограничения движения слайдера.
17
- * @param ref
18
- * @param {'left' | 'right'} side
19
- * @return Array<number>
20
- */
21
- export function getOffsets(ref, side) {
22
- if (!ref || !('current' in ref) || !ref.current || !side) {
23
- return [0, 0];
24
- }
25
- var size = ref.current.clientWidth;
26
- if (side === 'left') {
27
- return [0, size];
28
- }
29
- if (side === 'right') {
30
- return [size, 0];
31
- }
32
- return [0, 0];
33
- }
34
- export var sizeData = {
35
- s: {
36
- indent: 0.5,
37
- fontSizeMultiplier: 16
38
- },
39
- m: {
40
- indent: 0.75,
41
- fontSizeMultiplier: 16
42
- },
43
- l: {
44
- indent: 0.75,
45
- fontSizeMultiplier: 16
46
- }
47
- };
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-slider-disabled-opacity"]
4
- }
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);