@salutejs/plasma-new-hope 0.83.0-canary.1194.9157747369.0 → 0.83.0-canary.1213.9159050781.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (366) hide show
  1. package/cjs/components/Button/Button.css +9 -6
  2. package/cjs/components/Button/Button.js +16 -2
  3. package/cjs/components/Button/Button.js.map +1 -1
  4. package/cjs/components/Button/Button.styles.js +31 -10
  5. package/cjs/components/Button/Button.styles.js.map +1 -1
  6. package/cjs/components/Button/Button.styles_nedem1.css +8 -0
  7. package/cjs/components/Button/Button.tokens.js +5 -0
  8. package/cjs/components/Button/Button.tokens.js.map +1 -1
  9. package/cjs/components/Button/variations/_stretching/base.js +1 -1
  10. package/cjs/components/Button/variations/_stretching/base.js.map +1 -1
  11. package/{es/components/Button/variations/_stretching/base_1lx0ute.css → cjs/components/Button/variations/_stretching/base_hy8dc.css} +1 -1
  12. package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
  13. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  14. package/cjs/components/Drawer/Drawer.css +9 -6
  15. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +9 -6
  16. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +9 -6
  17. package/cjs/components/IconButton/IconButton.css +10 -7
  18. package/cjs/components/IconButton/IconButton.styles.js +1 -1
  19. package/cjs/components/IconButton/{IconButton.styles_1hknr37.css → IconButton.styles_7v8g0e.css} +1 -1
  20. package/cjs/components/Notification/Notification.css +9 -6
  21. package/cjs/components/Notification/NotificationsProvider.css +9 -6
  22. package/cjs/components/Pagination/Pagination.css +9 -6
  23. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -6
  24. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +9 -6
  25. package/cjs/components/Select/Select.css +9 -6
  26. package/cjs/components/Select/ui/SelectTarget/SelectTarget.css +9 -6
  27. package/cjs/components/TextField/TextField.js +3 -12
  28. package/cjs/components/TextField/TextField.js.map +1 -1
  29. package/cjs/components/Toast/Toast.css +9 -6
  30. package/cjs/components/Toast/ToastController.css +9 -6
  31. package/cjs/engines/common.js +0 -4
  32. package/cjs/engines/common.js.map +1 -1
  33. package/cjs/engines/index.js.map +1 -1
  34. package/cjs/index.css +10 -32
  35. package/cjs/index.js +0 -14
  36. package/cjs/index.js.map +1 -1
  37. package/cjs/utils/index.js.map +1 -1
  38. package/es/components/Button/Button.css +9 -6
  39. package/es/components/Button/Button.js +17 -3
  40. package/es/components/Button/Button.js.map +1 -1
  41. package/es/components/Button/Button.styles.js +29 -11
  42. package/es/components/Button/Button.styles.js.map +1 -1
  43. package/es/components/Button/Button.styles_nedem1.css +8 -0
  44. package/es/components/Button/Button.tokens.js +5 -0
  45. package/es/components/Button/Button.tokens.js.map +1 -1
  46. package/es/components/Button/variations/_stretching/base.js +1 -1
  47. package/es/components/Button/variations/_stretching/base.js.map +1 -1
  48. package/{cjs/components/Button/variations/_stretching/base_1lx0ute.css → es/components/Button/variations/_stretching/base_hy8dc.css} +1 -1
  49. package/es/components/Combobox/hooks/useFocusController.js +0 -1
  50. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  51. package/es/components/Drawer/Drawer.css +9 -6
  52. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +9 -6
  53. package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +9 -6
  54. package/es/components/IconButton/IconButton.css +10 -7
  55. package/es/components/IconButton/IconButton.styles.js +1 -1
  56. package/es/components/IconButton/{IconButton.styles_1hknr37.css → IconButton.styles_7v8g0e.css} +1 -1
  57. package/es/components/Notification/Notification.css +9 -6
  58. package/es/components/Notification/NotificationsProvider.css +9 -6
  59. package/es/components/Pagination/Pagination.css +9 -6
  60. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -6
  61. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +9 -6
  62. package/es/components/Select/Select.css +9 -6
  63. package/es/components/Select/ui/SelectTarget/SelectTarget.css +9 -6
  64. package/es/components/TextField/TextField.js +3 -12
  65. package/es/components/TextField/TextField.js.map +1 -1
  66. package/es/components/Toast/Toast.css +9 -6
  67. package/es/components/Toast/ToastController.css +9 -6
  68. package/es/engines/common.js +0 -4
  69. package/es/engines/common.js.map +1 -1
  70. package/es/engines/index.js.map +1 -1
  71. package/es/index.css +10 -32
  72. package/es/index.js +0 -8
  73. package/es/index.js.map +1 -1
  74. package/es/utils/index.js.map +1 -1
  75. package/package.json +2 -3
  76. package/styled-components/cjs/components/Button/Button.js +16 -2
  77. package/styled-components/cjs/components/Button/Button.styles.js +20 -12
  78. package/styled-components/cjs/components/Button/Button.template-doc.mdx +42 -0
  79. package/styled-components/cjs/components/Button/Button.tokens.js +5 -0
  80. package/styled-components/cjs/components/Button/variations/_stretching/base.js +1 -1
  81. package/styled-components/cjs/components/TextField/TextField.js +3 -12
  82. package/styled-components/cjs/engines/common.js +0 -4
  83. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  84. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +67 -21
  85. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +19 -19
  86. package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +90 -28
  87. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +19 -19
  88. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +90 -28
  89. package/styled-components/cjs/hooks/index.js +1 -8
  90. package/styled-components/cjs/index.js +0 -11
  91. package/styled-components/cjs/utils/index.js +0 -7
  92. package/styled-components/es/components/Button/Button.js +17 -3
  93. package/styled-components/es/components/Button/Button.styles.js +19 -11
  94. package/styled-components/es/components/Button/Button.template-doc.mdx +42 -0
  95. package/styled-components/es/components/Button/Button.tokens.js +5 -0
  96. package/styled-components/es/components/Button/variations/_stretching/base.js +1 -1
  97. package/styled-components/es/components/TextField/TextField.js +3 -12
  98. package/styled-components/es/engines/common.js +0 -4
  99. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  100. package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +67 -21
  101. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +19 -19
  102. package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +90 -28
  103. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +19 -19
  104. package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +90 -28
  105. package/styled-components/es/hooks/index.js +1 -2
  106. package/styled-components/es/index.js +1 -2
  107. package/styled-components/es/utils/index.js +0 -1
  108. package/types/components/Button/Button.d.ts.map +1 -1
  109. package/types/components/Button/Button.styles.d.ts +5 -1
  110. package/types/components/Button/Button.styles.d.ts.map +1 -1
  111. package/types/components/Button/Button.tokens.d.ts +5 -0
  112. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  113. package/types/components/Button/Button.types.d.ts +10 -0
  114. package/types/components/Button/Button.types.d.ts.map +1 -1
  115. package/types/components/TextField/TextField.d.ts.map +1 -1
  116. package/types/engines/common.d.ts +3 -3
  117. package/types/engines/common.d.ts.map +1 -1
  118. package/types/engines/index.d.ts +1 -1
  119. package/types/engines/index.d.ts.map +1 -1
  120. package/types/engines/types.d.ts +0 -4
  121. package/types/engines/types.d.ts.map +1 -1
  122. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  123. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  124. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  125. package/types/hooks/index.d.ts +0 -1
  126. package/types/hooks/index.d.ts.map +1 -1
  127. package/types/index.d.ts +0 -1
  128. package/types/index.d.ts.map +1 -1
  129. package/types/utils/index.d.ts +0 -1
  130. package/types/utils/index.d.ts.map +1 -1
  131. package/cjs/components/Button/Button.styles_uqvh6u.css +0 -5
  132. package/cjs/components/Slider/Slider.css +0 -69
  133. package/cjs/components/Slider/Slider.js +0 -48
  134. package/cjs/components/Slider/Slider.js.map +0 -1
  135. package/cjs/components/Slider/Slider.tokens.js +0 -79
  136. package/cjs/components/Slider/Slider.tokens.js.map +0 -1
  137. package/cjs/components/Slider/components/Double/Double.css +0 -62
  138. package/cjs/components/Slider/components/Double/Double.js +0 -288
  139. package/cjs/components/Slider/components/Double/Double.js.map +0 -1
  140. package/cjs/components/Slider/components/Double/Double.styles.js +0 -61
  141. package/cjs/components/Slider/components/Double/Double.styles.js.map +0 -1
  142. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  143. package/cjs/components/Slider/components/Single/Single.css +0 -16
  144. package/cjs/components/Slider/components/Single/Single.js +0 -164
  145. package/cjs/components/Slider/components/Single/Single.js.map +0 -1
  146. package/cjs/components/Slider/components/Single/Single.styles.js +0 -45
  147. package/cjs/components/Slider/components/Single/Single.styles.js.map +0 -1
  148. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  149. package/cjs/components/Slider/components/SliderBase/SliderBase.css +0 -4
  150. package/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -82
  151. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  152. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -33
  153. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  154. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  155. package/cjs/components/Slider/ui/Handler/Handler.css +0 -4
  156. package/cjs/components/Slider/ui/Handler/Handler.js +0 -174
  157. package/cjs/components/Slider/ui/Handler/Handler.js.map +0 -1
  158. package/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -21
  159. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
  160. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  161. package/cjs/components/Slider/ui/Thumb/Thumb.css +0 -1
  162. package/cjs/components/Slider/ui/Thumb/Thumb.js +0 -31
  163. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  164. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -15
  165. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  166. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  167. package/cjs/components/Slider/utils/index.js +0 -56
  168. package/cjs/components/Slider/utils/index.js.map +0 -1
  169. package/cjs/components/Slider/variations/_disabled/base.js +0 -9
  170. package/cjs/components/Slider/variations/_disabled/base.js.map +0 -1
  171. package/cjs/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  172. package/cjs/components/Slider/variations/_size/base.js +0 -9
  173. package/cjs/components/Slider/variations/_size/base.js.map +0 -1
  174. package/cjs/components/Slider/variations/_size/base_x642ct.css +0 -1
  175. package/cjs/components/Slider/variations/_view/base.js +0 -9
  176. package/cjs/components/Slider/variations/_view/base.js.map +0 -1
  177. package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
  178. package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -15
  179. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  180. package/cjs/utils/canUseDOM.js +0 -12
  181. package/cjs/utils/canUseDOM.js.map +0 -1
  182. package/es/components/Button/Button.styles_uqvh6u.css +0 -5
  183. package/es/components/Slider/Slider.css +0 -69
  184. package/es/components/Slider/Slider.js +0 -43
  185. package/es/components/Slider/Slider.js.map +0 -1
  186. package/es/components/Slider/Slider.tokens.js +0 -74
  187. package/es/components/Slider/Slider.tokens.js.map +0 -1
  188. package/es/components/Slider/components/Double/Double.css +0 -62
  189. package/es/components/Slider/components/Double/Double.js +0 -284
  190. package/es/components/Slider/components/Double/Double.js.map +0 -1
  191. package/es/components/Slider/components/Double/Double.styles.js +0 -51
  192. package/es/components/Slider/components/Double/Double.styles.js.map +0 -1
  193. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  194. package/es/components/Slider/components/Single/Single.css +0 -16
  195. package/es/components/Slider/components/Single/Single.js +0 -160
  196. package/es/components/Slider/components/Single/Single.js.map +0 -1
  197. package/es/components/Slider/components/Single/Single.styles.js +0 -36
  198. package/es/components/Slider/components/Single/Single.styles.js.map +0 -1
  199. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  200. package/es/components/Slider/components/SliderBase/SliderBase.css +0 -4
  201. package/es/components/Slider/components/SliderBase/SliderBase.js +0 -78
  202. package/es/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  203. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -26
  204. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  205. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  206. package/es/components/Slider/ui/Handler/Handler.css +0 -4
  207. package/es/components/Slider/ui/Handler/Handler.js +0 -170
  208. package/es/components/Slider/ui/Handler/Handler.js.map +0 -1
  209. package/es/components/Slider/ui/Handler/Handler.styles.js +0 -16
  210. package/es/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
  211. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  212. package/es/components/Slider/ui/Thumb/Thumb.css +0 -1
  213. package/es/components/Slider/ui/Thumb/Thumb.js +0 -27
  214. package/es/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  215. package/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  216. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  217. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  218. package/es/components/Slider/utils/index.js +0 -50
  219. package/es/components/Slider/utils/index.js.map +0 -1
  220. package/es/components/Slider/variations/_disabled/base.js +0 -5
  221. package/es/components/Slider/variations/_disabled/base.js.map +0 -1
  222. package/es/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  223. package/es/components/Slider/variations/_size/base.js +0 -5
  224. package/es/components/Slider/variations/_size/base.js.map +0 -1
  225. package/es/components/Slider/variations/_size/base_x642ct.css +0 -1
  226. package/es/components/Slider/variations/_view/base.js +0 -5
  227. package/es/components/Slider/variations/_view/base.js.map +0 -1
  228. package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
  229. package/es/hooks/useIsomorphicLayoutEffect.js +0 -11
  230. package/es/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  231. package/es/utils/canUseDOM.js +0 -8
  232. package/es/utils/canUseDOM.js.map +0 -1
  233. package/styled-components/cjs/components/Slider/Slider.js +0 -47
  234. package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
  235. package/styled-components/cjs/components/Slider/Slider.types.js +0 -5
  236. package/styled-components/cjs/components/Slider/components/Double/Double.js +0 -300
  237. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +0 -36
  238. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +0 -5
  239. package/styled-components/cjs/components/Slider/components/Single/Single.js +0 -176
  240. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +0 -27
  241. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +0 -5
  242. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -83
  243. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -21
  244. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +0 -5
  245. package/styled-components/cjs/components/Slider/components/index.js +0 -27
  246. package/styled-components/cjs/components/Slider/index.js +0 -32
  247. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +0 -183
  248. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -15
  249. package/styled-components/cjs/components/Slider/ui/Handler/Handler.types.js +0 -5
  250. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +0 -32
  251. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -18
  252. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +0 -5
  253. package/styled-components/cjs/components/Slider/ui/index.js +0 -63
  254. package/styled-components/cjs/components/Slider/utils/index.js +0 -55
  255. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +0 -8
  256. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +0 -4
  257. package/styled-components/cjs/components/Slider/variations/_size/base.js +0 -8
  258. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  259. package/styled-components/cjs/components/Slider/variations/_view/base.js +0 -8
  260. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  261. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +0 -29
  262. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +0 -16
  263. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -164
  264. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +0 -29
  265. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +0 -16
  266. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -163
  267. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
  268. package/styled-components/cjs/utils/canUseDOM.js +0 -11
  269. package/styled-components/es/components/Slider/Slider.js +0 -38
  270. package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
  271. package/styled-components/es/components/Slider/Slider.types.js +0 -1
  272. package/styled-components/es/components/Slider/components/Double/Double.js +0 -292
  273. package/styled-components/es/components/Slider/components/Double/Double.styles.js +0 -29
  274. package/styled-components/es/components/Slider/components/Double/Double.types.js +0 -1
  275. package/styled-components/es/components/Slider/components/Single/Single.js +0 -168
  276. package/styled-components/es/components/Slider/components/Single/Single.styles.js +0 -20
  277. package/styled-components/es/components/Slider/components/Single/Single.types.js +0 -1
  278. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +0 -74
  279. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -14
  280. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +0 -1
  281. package/styled-components/es/components/Slider/components/index.js +0 -3
  282. package/styled-components/es/components/Slider/index.js +0 -3
  283. package/styled-components/es/components/Slider/ui/Handler/Handler.js +0 -174
  284. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +0 -8
  285. package/styled-components/es/components/Slider/ui/Handler/Handler.types.js +0 -1
  286. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +0 -25
  287. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  288. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +0 -1
  289. package/styled-components/es/components/Slider/ui/index.js +0 -5
  290. package/styled-components/es/components/Slider/utils/index.js +0 -47
  291. package/styled-components/es/components/Slider/variations/_disabled/base.js +0 -2
  292. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +0 -4
  293. package/styled-components/es/components/Slider/variations/_size/base.js +0 -2
  294. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  295. package/styled-components/es/components/Slider/variations/_view/base.js +0 -2
  296. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  297. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +0 -23
  298. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +0 -10
  299. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -164
  300. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +0 -23
  301. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +0 -10
  302. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -163
  303. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
  304. package/styled-components/es/utils/canUseDOM.js +0 -5
  305. package/types/components/Slider/Slider.d.ts +0 -27
  306. package/types/components/Slider/Slider.d.ts.map +0 -1
  307. package/types/components/Slider/Slider.tokens.d.ts +0 -72
  308. package/types/components/Slider/Slider.tokens.d.ts.map +0 -1
  309. package/types/components/Slider/Slider.types.d.ts +0 -3
  310. package/types/components/Slider/Slider.types.d.ts.map +0 -1
  311. package/types/components/Slider/components/Double/Double.d.ts +0 -4
  312. package/types/components/Slider/components/Double/Double.d.ts.map +0 -1
  313. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -43
  314. package/types/components/Slider/components/Double/Double.styles.d.ts.map +0 -1
  315. package/types/components/Slider/components/Double/Double.types.d.ts +0 -65
  316. package/types/components/Slider/components/Double/Double.types.d.ts.map +0 -1
  317. package/types/components/Slider/components/Single/Single.d.ts +0 -4
  318. package/types/components/Slider/components/Single/Single.d.ts.map +0 -1
  319. package/types/components/Slider/components/Single/Single.styles.d.ts +0 -8
  320. package/types/components/Slider/components/Single/Single.styles.d.ts.map +0 -1
  321. package/types/components/Slider/components/Single/Single.types.d.ts +0 -55
  322. package/types/components/Slider/components/Single/Single.types.d.ts.map +0 -1
  323. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +0 -4
  324. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +0 -1
  325. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -6
  326. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +0 -1
  327. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -45
  328. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +0 -1
  329. package/types/components/Slider/components/index.d.ts +0 -6
  330. package/types/components/Slider/components/index.d.ts.map +0 -1
  331. package/types/components/Slider/index.d.ts +0 -6
  332. package/types/components/Slider/index.d.ts.map +0 -1
  333. package/types/components/Slider/ui/Handler/Handler.d.ts +0 -9
  334. package/types/components/Slider/ui/Handler/Handler.d.ts.map +0 -1
  335. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +0 -4
  336. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +0 -1
  337. package/types/components/Slider/ui/Handler/Handler.types.d.ts +0 -24
  338. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +0 -1
  339. package/types/components/Slider/ui/Thumb/Thumb.d.ts +0 -4
  340. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +0 -1
  341. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +0 -5
  342. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +0 -1
  343. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -12
  344. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +0 -1
  345. package/types/components/Slider/ui/index.d.ts +0 -6
  346. package/types/components/Slider/ui/index.d.ts.map +0 -1
  347. package/types/components/Slider/utils/index.d.ts +0 -33
  348. package/types/components/Slider/utils/index.d.ts.map +0 -1
  349. package/types/components/Slider/variations/_disabled/base.d.ts +0 -2
  350. package/types/components/Slider/variations/_disabled/base.d.ts.map +0 -1
  351. package/types/components/Slider/variations/_size/base.d.ts +0 -2
  352. package/types/components/Slider/variations/_size/base.d.ts.map +0 -1
  353. package/types/components/Slider/variations/_view/base.d.ts +0 -2
  354. package/types/components/Slider/variations/_view/base.d.ts.map +0 -1
  355. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +0 -22
  356. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +0 -1
  357. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +0 -21
  358. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +0 -1
  359. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +0 -22
  360. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +0 -1
  361. package/types/examples/plasma_web/components/Slider/Slider.d.ts +0 -21
  362. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +0 -1
  363. package/types/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
  364. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +0 -1
  365. package/types/utils/canUseDOM.d.ts +0 -6
  366. package/types/utils/canUseDOM.d.ts.map +0 -1
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useIsomorphicLayoutEffect = void 0;
7
- var _react = /*#__PURE__*/require("react");
8
- var _utils = /*#__PURE__*/require("../utils");
9
- /**
10
- * Runs effect safely on server.
11
- */
12
- var useIsomorphicLayoutEffect = exports.useIsomorphicLayoutEffect = _utils.canUseDOM ? _react.useLayoutEffect : _react.useEffect;
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.canUseDOM = void 0;
7
- /**
8
- * This constant tells you whether can DOM be used.
9
- * https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js
10
- */
11
- var canUseDOM = exports.canUseDOM = /*#__PURE__*/Boolean(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
@@ -1,38 +0,0 @@
1
- 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); }
2
- import React, { forwardRef } from 'react';
3
- import { base as viewCSS } from './variations/_view/base';
4
- import { base as sizeCSS } from './variations/_size/base';
5
- import { base as disabledCSS } from './variations/_disabled/base';
6
- import { SingleSlider, DoubleSlider } from './components';
7
- var isSingleValueProps = function isSingleValueProps(props) {
8
- return typeof props.value === 'number';
9
- };
10
- export var sliderRoot = function sliderRoot(Root) {
11
- return /*#__PURE__*/forwardRef(function (props, ref) {
12
- return /*#__PURE__*/React.createElement(Root, _extends({
13
- ref: ref
14
- }, props), isSingleValueProps(props) && /*#__PURE__*/React.createElement(SingleSlider, props), !isSingleValueProps(props) && /*#__PURE__*/React.createElement(DoubleSlider, props));
15
- });
16
- };
17
- export var sliderConfig = {
18
- name: 'Slider',
19
- tag: 'div',
20
- layout: sliderRoot,
21
- base: '',
22
- variations: {
23
- view: {
24
- css: viewCSS
25
- },
26
- size: {
27
- css: sizeCSS
28
- },
29
- disabled: {
30
- css: disabledCSS,
31
- attrs: true
32
- }
33
- },
34
- defaults: {
35
- view: 'default',
36
- size: 'm'
37
- }
38
- };
@@ -1,71 +0,0 @@
1
- export var classes = {
2
- labelPlacementOuter: 'slider-label-placement-outer',
3
- labelPlacementInner: 'slider-label-placement-inner',
4
- rangeValuesPlacementOuter: 'slider-range-values-placement-outer',
5
- rangeValuesPlacementInner: 'slider-range-values-placement-inner',
6
- maxRangeValue: 'slider-max-range-value',
7
- hideMinValue: 'slider-hide-min-value',
8
- hideMaxValue: 'slider-hide-max-value',
9
- textFieldActive: 'slider-text-field-active',
10
- firstTextField: 'slider-first-text-field',
11
- secondTextField: 'slider-second-text-field',
12
- activeRangeValue: 'slider-active-range-value'
13
- };
14
- export var tokens = {
15
- height: '--plasma-slider-height',
16
- labelWrapperGap: '--plasma-slider-label-wrapper-gap',
17
- labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',
18
- labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',
19
- labelColor: '--plasma-slider-label-color',
20
- labelFontFamily: '--plasma-slider-label-font-family',
21
- labelFontSize: '--plasma-slider-label-font-size',
22
- labelFontStyle: '--plasma-slider-label-font-style',
23
- labelFontWeight: '--plasma-slider-label-font-weight',
24
- labelLetterSpacing: '--plasma-slider-label-letter-spacing',
25
- labelLineHeight: '--plasma-slider-label-line-height',
26
- rangeMinValueMargin: '--plasma-slider-range-min-value-margin',
27
- rangeMaxValueMargin: '--plasma-slider-range-max-value-margin',
28
- rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',
29
- rangeValueColor: '--plasma-slider-range-value-color',
30
- rangeValueFontFamily: '--plasma-slider-range-value-font-family',
31
- rangeValueFontSize: '--plasma-slider-range-value-font-size',
32
- rangeValueFontStyle: '--plasma-slider-range-value-font-style',
33
- rangeValueFontWeight: '--plasma-slider-range-value-font-weight',
34
- rangeValueLetterSpacing: '--plasma-slider-range-value-letter-spacing',
35
- rangeValueLineHeight: '--plasma-slider-range-value-line-height',
36
- doubleWrapperGap: '--plasma-slider-double-wrapper-gap',
37
- thumbSize: '--plasma-slider-thumb-size',
38
- thumbBorder: '--plasma-slider-thumb-border',
39
- thumbBorderColor: '--plasma-slider-thumb-border-color',
40
- thumbBackgroundColor: '--plasma-slider-thumb-background-color',
41
- thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',
42
- currentValueTopOffset: '--plasma-slider-current-value-top-offset',
43
- currentValueFontFamily: '--plasma-slider-current-value-font-family',
44
- currentValueFontSize: '--plasma-slider-current-value-font-size',
45
- currentValueFontStyle: '--plasma-slider-current-value-font-style',
46
- currentValueFontWeight: '--plasma-slider-current-value-font-weight',
47
- currentValueLetterSpacing: '--plasma-slider-current-value-letter-spacing',
48
- currentValueLineHeight: '--plasma-slider-current-value-line-height',
49
- railBackgroundColor: '--plasma-slider-rail-background-color',
50
- railHeight: '--plasma-slider-rail-height',
51
- railBorderRadius: '--plasma-slider-rail-border-radius',
52
- railIndent: '--plasma-slider-rail-indent',
53
- fillColor: '--plasma-slider-fill-color',
54
- textFieldWrapperGap: '--plasma-slider-text-field-wrapper-gap',
55
- textFieldFontFamily: '--plasma-slider-text-field-font-family',
56
- textFieldFontSize: '--plasma-slider-text-field-font-size',
57
- textFieldFontStyle: '--plasma-slider-text-field-font-style',
58
- textFieldFontWeight: '--plasma-slider-text-field-font-weight',
59
- textFieldLetterSpacing: '--plasma-slider-text-field-letter-spacing',
60
- textFieldLineHeight: '--plasma-slider-text-field-line-height',
61
- textFieldHeight: '--plasma-slider-text-field-height',
62
- textFieldPadding: '--plasma-slider-text-field-padding',
63
- textFieldBorderRadius: '--plasma-slider-text-field-border-radius',
64
- textFieldColor: '--plasma-slider-text-field-color',
65
- textFieldActiveColor: '--plasma-slider-text-field-active-color',
66
- textFieldBackgroundColor: '--plasma-slider-text-field-background-color',
67
- textFieldCaretColor: '--plasma-slider-text-field-caret-color',
68
- textFieldPlaceholderColor: '--plasma-slider-text-field-placeholder-color',
69
- textFiledFocusColor: '--plasma-slider-text-field-focus-color',
70
- disabledOpacity: '--plasma-slider-disabled-opacity'
71
- };
@@ -1,292 +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", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
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, useRef, useState } 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 { SliderWrapper, InputsWrapper, Label, LabelContentLeft, LabelWrapper, StyledInput, DoubleWrapper } from './Double.styles';
24
- function getXCenterHandle(handle) {
25
- var _handle$parentElement;
26
- var containerX = ((_handle$parentElement = handle.parentElement) === null || _handle$parentElement === void 0 || (_handle$parentElement = _handle$parentElement.getBoundingClientRect()) === null || _handle$parentElement === void 0 ? void 0 : _handle$parentElement.x) || 0;
27
- var handleRect = handle.getBoundingClientRect();
28
- var handlePosition = handleRect.x;
29
- return handlePosition - containerX;
30
- }
31
- export var DoubleSlider = function DoubleSlider(_ref) {
32
- var min = _ref.min,
33
- max = _ref.max,
34
- value = _ref.value,
35
- disabled = _ref.disabled,
36
- label = _ref.label,
37
- labelContentLeft = _ref.labelContentLeft,
38
- _ref$size = _ref.size,
39
- size = _ref$size === void 0 ? 'm' : _ref$size,
40
- onChangeCommitted = _ref.onChangeCommitted,
41
- onChangeTextField = _ref.onChangeTextField,
42
- onBlurTextField = _ref.onBlurTextField,
43
- onKeyDownTextField = _ref.onKeyDownTextField,
44
- onChange = _ref.onChange,
45
- ariaLabel = _ref.ariaLabel,
46
- _ref$multipleStepSize = _ref.multipleStepSize,
47
- multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
48
- rest = _objectWithoutProperties(_ref, _excluded);
49
- var _useState = useState({
50
- stepSize: 0,
51
- railFillWidth: 0,
52
- railFillXPosition: 0,
53
- xFirstHandle: 0,
54
- xSecondHandle: 0,
55
- firstHandleZIndex: 100,
56
- secondHandleZIndex: 101,
57
- firstValue: value[0],
58
- secondValue: value[1]
59
- }),
60
- _useState2 = _slicedToArray(_useState, 2),
61
- state = _useState2[0],
62
- setState = _useState2[1];
63
- var _useState3 = useState(false),
64
- _useState4 = _slicedToArray(_useState3, 2),
65
- firstInputActive = _useState4[0],
66
- setFirstInputActive = _useState4[1];
67
- var _useState5 = useState(false),
68
- _useState6 = _slicedToArray(_useState5, 2),
69
- secondInputActive = _useState6[0],
70
- setSecondInputActive = _useState6[1];
71
- var _useState7 = useState(value[0]),
72
- _useState8 = _slicedToArray(_useState7, 2),
73
- firstValue = _useState8[0],
74
- setFirstValue = _useState8[1];
75
- var _useState9 = useState(value[1]),
76
- _useState10 = _slicedToArray(_useState9, 2),
77
- secondValue = _useState10[0],
78
- setSecondValue = _useState10[1];
79
- var firstHandleRef = useRef(null);
80
- var secondHandleRef = useRef(null);
81
- var firstHandleValue = useRef(value[0]);
82
- var secondHandleValue = useRef(value[1]);
83
- var stepSize = state.stepSize;
84
- var hasLabelContent = label || labelContentLeft;
85
- var firstInputActiveClass = firstInputActive && !disabled ? classes.textFieldActive : undefined;
86
- var secondInputActiveClass = secondInputActive && !disabled ? classes.textFieldActive : undefined;
87
- useEffect(function () {
88
- var firstLocalValue = Math.min(Math.max(value[0], min), max) - min;
89
- var secondLocalValue = Math.min(Math.max(value[1], min), max) - min;
90
- setFirstValue(value[0]);
91
- setSecondValue(value[1]);
92
- setState(function (prevState) {
93
- return _objectSpread(_objectSpread({}, prevState), {}, {
94
- railFillXPosition: stepSize * firstLocalValue,
95
- railFillWidth: stepSize * secondLocalValue - stepSize * firstLocalValue,
96
- xFirstHandle: stepSize * firstLocalValue,
97
- xSecondHandle: stepSize * secondLocalValue
98
- });
99
- });
100
- }, [value, stepSize, min, max, setFirstValue, setSecondValue]);
101
- var setStepSize = useCallback(function (newStepSize) {
102
- setState(function (prevState) {
103
- return _objectSpread(_objectSpread({}, prevState), {}, {
104
- stepSize: newStepSize
105
- });
106
- });
107
- }, [setState]);
108
- var onFirstHandleChange = function onFirstHandleChange(handleValue, data) {
109
- if (!(secondHandleRef !== null && secondHandleRef !== void 0 && secondHandleRef.current)) {
110
- return;
111
- }
112
- var newHandleXPosition = data.x;
113
- var secondHandleXPosition = getXCenterHandle(secondHandleRef.current);
114
- var fillWidth = secondHandleXPosition - newHandleXPosition;
115
- firstHandleValue.current = handleValue;
116
- setFirstValue(handleValue);
117
- setState(function (prevState) {
118
- return _objectSpread(_objectSpread({}, prevState), {}, {
119
- firstHandleZIndex: 101,
120
- secondHandleZIndex: 100,
121
- railFillWidth: fillWidth < 0 ? 0 : fillWidth,
122
- railFillXPosition: newHandleXPosition
123
- });
124
- });
125
- if (onChange) {
126
- onChange([handleValue, value[1]]);
127
- }
128
- };
129
- var onFirstHandleChangeCommitted = function onFirstHandleChangeCommitted(handleValue, data) {
130
- setFirstValue(handleValue);
131
- if (onChangeCommitted) {
132
- onChangeCommitted([handleValue, value[1]]);
133
- }
134
- setState(function (prevState) {
135
- return _objectSpread(_objectSpread({}, prevState), {}, {
136
- firstValue: handleValue,
137
- xFirstHandle: data.lastX
138
- });
139
- });
140
- };
141
- var onFirstTextfieldChange = function onFirstTextfieldChange(event) {
142
- if (!isNumber(event.target.value)) {
143
- return;
144
- }
145
- var handleValue = Number(event.target.value);
146
- setFirstValue(handleValue);
147
- if (onChangeTextField) {
148
- onChangeTextField([handleValue, secondValue], event);
149
- }
150
- };
151
- var onFirstTextfieldBlur = function onFirstTextfieldBlur(event) {
152
- if (!isNumber(event.target.value)) {
153
- return;
154
- }
155
- var handleValue = Number(event.target.value);
156
- setFirstValue(handleValue);
157
- if (onBlurTextField) {
158
- onBlurTextField && onBlurTextField([handleValue, secondValue], event);
159
- }
160
- };
161
- var onSecondHandleChange = function onSecondHandleChange(handleValue, data) {
162
- if (!(firstHandleRef !== null && firstHandleRef !== void 0 && firstHandleRef.current)) {
163
- return;
164
- }
165
- var firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);
166
- var newHandleXPosition = data.x;
167
- var fillWidth = newHandleXPosition - firstXHandleXPosition;
168
- secondHandleValue.current = handleValue;
169
- setSecondValue(handleValue);
170
- setState(function (prevState) {
171
- return _objectSpread(_objectSpread({}, prevState), {}, {
172
- firstHandleZIndex: 100,
173
- secondHandleZIndex: 101,
174
- railFillWidth: fillWidth < 0 ? 0 : fillWidth,
175
- railFillXPosition: firstXHandleXPosition
176
- });
177
- });
178
- if (onChange) {
179
- onChange([value[0], handleValue]);
180
- }
181
- };
182
- var onSecondHandleChangeCommitted = function onSecondHandleChangeCommitted(handleValue, data) {
183
- if (onChangeCommitted) {
184
- onChangeCommitted([value[0], handleValue]);
185
- }
186
- setSecondValue(handleValue);
187
- setState(function (prevState) {
188
- return _objectSpread(_objectSpread({}, prevState), {}, {
189
- secondValue: handleValue,
190
- xSecondHandle: data.lastX
191
- });
192
- });
193
- };
194
- var onSecondTextfieldChange = function onSecondTextfieldChange(event) {
195
- if (!isNumber(event.target.value)) {
196
- return;
197
- }
198
- var handleValue = Number(event.target.value);
199
- setSecondValue(handleValue);
200
- if (onChangeTextField) {
201
- onChangeTextField([firstValue, handleValue], event);
202
- }
203
- };
204
- var onSecondTextfieldBlur = function onSecondTextfieldBlur(event) {
205
- if (!isNumber(event.target.value)) {
206
- return;
207
- }
208
- var handleValue = Number(event.target.value);
209
- setSecondValue(handleValue);
210
- if (onBlurTextField) {
211
- onBlurTextField([firstValue, handleValue], event);
212
- }
213
- };
214
- var onTextfieldKeyDown = function onTextfieldKeyDown(event) {
215
- if (onKeyDownTextField) {
216
- onKeyDownTextField([firstValue, secondValue], event);
217
- }
218
- };
219
- var _ref2 = ariaLabel || [],
220
- _ref3 = _slicedToArray(_ref2, 2),
221
- ariaLabelLeft = _ref3[0],
222
- ariaLabelRight = _ref3[1];
223
- var currentFirstSliderValue = Math.max(state.firstValue, min);
224
- return /*#__PURE__*/React.createElement(DoubleWrapper, null, hasLabelContent && /*#__PURE__*/React.createElement(LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(SliderWrapper, null, /*#__PURE__*/React.createElement(SliderBase, _extends({
225
- min: min,
226
- max: max,
227
- disabled: disabled,
228
- setStepSize: setStepSize,
229
- railFillWidth: state.railFillWidth,
230
- settings: sizeData[size],
231
- railFillXPosition: state.railFillXPosition
232
- }, rest), /*#__PURE__*/React.createElement(Handler, {
233
- ref: firstHandleRef,
234
- stepSize: state.stepSize,
235
- multipleStepSize: multipleStepSize,
236
- onChangeCommitted: onFirstHandleChangeCommitted,
237
- onChange: onFirstHandleChange,
238
- min: min,
239
- max: state.secondValue,
240
- disabled: disabled,
241
- bounds: [min, state.secondValue],
242
- side: "left",
243
- xPosition: state.xFirstHandle,
244
- zIndex: state.firstHandleZIndex,
245
- value: currentFirstSliderValue,
246
- ariaLabel: ariaLabelLeft,
247
- onMouseEnter: function onMouseEnter() {
248
- return setFirstInputActive(true);
249
- },
250
- onMouseLeave: function onMouseLeave() {
251
- return setFirstInputActive(false);
252
- }
253
- }), /*#__PURE__*/React.createElement(Handler, {
254
- ref: secondHandleRef,
255
- stepSize: state.stepSize,
256
- multipleStepSize: multipleStepSize,
257
- onChangeCommitted: onSecondHandleChangeCommitted,
258
- onChange: onSecondHandleChange,
259
- min: min,
260
- ariaValueMin: currentFirstSliderValue,
261
- max: max,
262
- disabled: disabled,
263
- bounds: [state.firstValue, max],
264
- side: "right",
265
- xPosition: state.xSecondHandle,
266
- zIndex: state.secondHandleZIndex,
267
- value: Math.max(state.secondValue, min),
268
- ariaLabel: ariaLabelRight,
269
- onMouseEnter: function onMouseEnter() {
270
- return setSecondInputActive(true);
271
- },
272
- onMouseLeave: function onMouseLeave() {
273
- return setSecondInputActive(false);
274
- }
275
- })), /*#__PURE__*/React.createElement(InputsWrapper, null, /*#__PURE__*/React.createElement(StyledInput, {
276
- className: cx(classes.firstTextField, firstInputActiveClass),
277
- enumerationType: "plain",
278
- disabled: disabled,
279
- value: firstValue,
280
- onChange: onFirstTextfieldChange,
281
- onBlur: onFirstTextfieldBlur,
282
- onKeyDown: onTextfieldKeyDown
283
- }), /*#__PURE__*/React.createElement(StyledInput, {
284
- className: cx(classes.secondTextField, secondInputActiveClass),
285
- enumerationType: "plain",
286
- disabled: disabled,
287
- value: secondValue,
288
- onChange: onSecondTextfieldChange,
289
- onBlur: onSecondTextfieldBlur,
290
- onKeyDown: onTextfieldKeyDown
291
- }))));
292
- };
@@ -1,29 +0,0 @@
1
- import styled from 'styled-components';
2
- import { classes, tokens } from '../../Slider.tokens';
3
- import { component, mergeConfig } from '../../../../engines';
4
- import { textFieldConfig, textFieldTokens } from '../../../TextField';
5
- var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
6
- var TextField = /*#__PURE__*/component(mergedConfig);
7
- export var LabelWrapper = /*#__PURE__*/styled.div.withConfig({
8
- componentId: "plasma-new-hope__sc-97pdfk-0"
9
- })(["color:var(", ");display:flex;gap:var(", ");margin-bottom:var(", ");"], tokens.labelColor, tokens.labelWrapperGap, tokens.labelWrapperMarginBottom);
10
- export var LabelContentLeft = /*#__PURE__*/styled.div.withConfig({
11
- componentId: "plasma-new-hope__sc-97pdfk-1"
12
- })([""]);
13
- export var Label = /*#__PURE__*/styled.label.withConfig({
14
- componentId: "plasma-new-hope__sc-97pdfk-2"
15
- })(["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);
16
- export var InputsWrapper = /*#__PURE__*/styled.div.withConfig({
17
- componentId: "plasma-new-hope__sc-97pdfk-3"
18
- })(["display:flex;gap:var(", ");margin-top:var(", ");"], tokens.textFieldWrapperGap, tokens.doubleWrapperGap);
19
-
20
- // NOTE: переопределение токенов TextField
21
- export var StyledInput = /*#__PURE__*/styled(TextField).withConfig({
22
- componentId: "plasma-new-hope__sc-97pdfk-4"
23
- })(["flex:1;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", " > div{border-top-right-radius:0;border-bottom-right-radius:0;}&.", " > div{border-top-left-radius:0;border-bottom-left-radius:0;}input:focus,&.", "{", ":var(", ");}"], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, classes.firstTextField, classes.secondTextField, classes.textFieldActive, textFieldTokens.color, tokens.textFiledFocusColor);
24
- export var DoubleWrapper = /*#__PURE__*/styled.div.withConfig({
25
- componentId: "plasma-new-hope__sc-97pdfk-5"
26
- })(["opacity:var(", ");"], tokens.disabledOpacity);
27
- export var SliderWrapper = /*#__PURE__*/styled.div.withConfig({
28
- componentId: "plasma-new-hope__sc-97pdfk-6"
29
- })([""]);
@@ -1,168 +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
- var newValue = Math.round(handleValue);
110
- setState(function (prevState) {
111
- return _objectSpread(_objectSpread({}, prevState), {}, {
112
- railFillWidth: newHandleXPosition
113
- });
114
- });
115
- if (onChange) {
116
- onChange(newValue);
117
- }
118
- setDragValue(newValue);
119
- };
120
- var onHandleChangeCommitted = function onHandleChangeCommitted(handleValue, data) {
121
- var newValue = Math.round(handleValue);
122
- if (onChangeCommitted) {
123
- onChangeCommitted(newValue);
124
- }
125
- setState(function (prevState) {
126
- return _objectSpread(_objectSpread({}, prevState), {}, {
127
- xHandle: data.lastX,
128
- railFillWidth: data.lastX
129
- });
130
- });
131
- setDragValue(newValue);
132
- };
133
- return /*#__PURE__*/React.createElement(SingleWrapper, {
134
- className: labelPlacementClass
135
- }, hasLabelContent && /*#__PURE__*/React.createElement(LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(SliderBaseWrapper, {
136
- className: rangeValuesPlacementClass
137
- }, showRangeValues && /*#__PURE__*/React.createElement(StyledRangeValue, {
138
- ref: startLabelRef,
139
- className: cx(hideMinValueDiffClass, activeFirstValue)
140
- }, min), /*#__PURE__*/React.createElement(SliderBase, _extends({
141
- min: min,
142
- max: max,
143
- disabled: disabled,
144
- setStepSize: setStepSize,
145
- onChange: onHandleChangeCommitted,
146
- railFillWidth: state.railFillWidth,
147
- settings: sizeData[size],
148
- labelPlacement: labelPlacement,
149
- rangeValuesPlacement: rangeValuesPlacement
150
- }, rest), /*#__PURE__*/React.createElement(Handler, {
151
- stepSize: state.stepSize,
152
- onChangeCommitted: onHandleChangeCommitted,
153
- onChange: onHandleChange,
154
- xPosition: state.xHandle,
155
- min: min,
156
- max: max,
157
- startOffset: startOffset,
158
- endOffset: endOffset,
159
- value: dragValue,
160
- disabled: disabled,
161
- ariaLabel: ariaLabel,
162
- multipleStepSize: multipleStepSize,
163
- showCurrentValue: showCurrentValue
164
- })), showRangeValues && /*#__PURE__*/React.createElement(StyledRangeValue, {
165
- ref: endLabelRef,
166
- className: cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
167
- }, max)));
168
- };