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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (440) 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/ButtonGroup/ButtonGroup.css +2 -2
  13. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  14. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  15. package/cjs/components/ButtonGroup/variations/_orientation/base.js +1 -1
  16. package/cjs/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  17. package/{es/components/ButtonGroup/variations/_orientation/base_p85v51.css → cjs/components/ButtonGroup/variations/_orientation/base_y7z7cs.css} +1 -1
  18. package/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  19. package/cjs/components/ButtonGroup/variations/_view/base.js.map +1 -1
  20. package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css +1 -0
  21. package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
  22. package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
  23. package/cjs/components/Drawer/Drawer.css +9 -6
  24. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +9 -6
  25. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +9 -6
  26. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  27. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  28. package/cjs/components/IconButton/IconButton.css +10 -7
  29. package/cjs/components/IconButton/IconButton.styles.js +1 -1
  30. package/cjs/components/IconButton/{IconButton.styles_1hknr37.css → IconButton.styles_7v8g0e.css} +1 -1
  31. package/cjs/components/Notification/Notification.css +9 -6
  32. package/cjs/components/Notification/NotificationsProvider.css +9 -6
  33. package/cjs/components/Pagination/Pagination.css +11 -8
  34. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -6
  35. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +9 -6
  36. package/cjs/components/Select/Select.css +9 -6
  37. package/cjs/components/Select/ui/SelectTarget/SelectTarget.css +9 -6
  38. package/cjs/components/TextField/TextField.js +3 -12
  39. package/cjs/components/TextField/TextField.js.map +1 -1
  40. package/cjs/components/Toast/Toast.css +9 -6
  41. package/cjs/components/Toast/ToastController.css +9 -6
  42. package/cjs/engines/common.js +0 -4
  43. package/cjs/engines/common.js.map +1 -1
  44. package/cjs/engines/index.js.map +1 -1
  45. package/cjs/index.css +12 -34
  46. package/cjs/index.js +0 -14
  47. package/cjs/index.js.map +1 -1
  48. package/cjs/utils/index.js.map +1 -1
  49. package/es/components/Button/Button.css +9 -6
  50. package/es/components/Button/Button.js +17 -3
  51. package/es/components/Button/Button.js.map +1 -1
  52. package/es/components/Button/Button.styles.js +29 -11
  53. package/es/components/Button/Button.styles.js.map +1 -1
  54. package/es/components/Button/Button.styles_nedem1.css +8 -0
  55. package/es/components/Button/Button.tokens.js +5 -0
  56. package/es/components/Button/Button.tokens.js.map +1 -1
  57. package/es/components/Button/variations/_stretching/base.js +1 -1
  58. package/es/components/Button/variations/_stretching/base.js.map +1 -1
  59. package/{cjs/components/Button/variations/_stretching/base_1lx0ute.css → es/components/Button/variations/_stretching/base_hy8dc.css} +1 -1
  60. package/es/components/ButtonGroup/ButtonGroup.css +2 -2
  61. package/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  62. package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  63. package/es/components/ButtonGroup/variations/_orientation/base.js +1 -1
  64. package/es/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  65. package/{cjs/components/ButtonGroup/variations/_orientation/base_p85v51.css → es/components/ButtonGroup/variations/_orientation/base_y7z7cs.css} +1 -1
  66. package/es/components/ButtonGroup/variations/_view/base.js +1 -1
  67. package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
  68. package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +1 -0
  69. package/es/components/Combobox/hooks/useFocusController.js +0 -1
  70. package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
  71. package/es/components/Drawer/Drawer.css +9 -6
  72. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +9 -6
  73. package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +9 -6
  74. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  75. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  76. package/es/components/IconButton/IconButton.css +10 -7
  77. package/es/components/IconButton/IconButton.styles.js +1 -1
  78. package/es/components/IconButton/{IconButton.styles_1hknr37.css → IconButton.styles_7v8g0e.css} +1 -1
  79. package/es/components/Notification/Notification.css +9 -6
  80. package/es/components/Notification/NotificationsProvider.css +9 -6
  81. package/es/components/Pagination/Pagination.css +11 -8
  82. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -6
  83. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +9 -6
  84. package/es/components/Select/Select.css +9 -6
  85. package/es/components/Select/ui/SelectTarget/SelectTarget.css +9 -6
  86. package/es/components/TextField/TextField.js +3 -12
  87. package/es/components/TextField/TextField.js.map +1 -1
  88. package/es/components/Toast/Toast.css +9 -6
  89. package/es/components/Toast/ToastController.css +9 -6
  90. package/es/engines/common.js +0 -4
  91. package/es/engines/common.js.map +1 -1
  92. package/es/engines/index.js.map +1 -1
  93. package/es/index.css +12 -34
  94. package/es/index.js +0 -8
  95. package/es/index.js.map +1 -1
  96. package/es/utils/index.js.map +1 -1
  97. package/package.json +2 -3
  98. package/styled-components/cjs/components/Button/Button.js +16 -2
  99. package/styled-components/cjs/components/Button/Button.styles.js +20 -12
  100. package/styled-components/cjs/components/Button/Button.template-doc.mdx +42 -0
  101. package/styled-components/cjs/components/Button/Button.tokens.js +5 -0
  102. package/styled-components/cjs/components/Button/variations/_stretching/base.js +1 -1
  103. package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  104. package/styled-components/cjs/components/ButtonGroup/variations/_orientation/base.js +2 -1
  105. package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  106. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  107. package/styled-components/cjs/components/TextField/TextField.js +3 -12
  108. package/styled-components/cjs/engines/common.js +0 -4
  109. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  110. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +67 -21
  111. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  112. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  113. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +19 -19
  114. package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +90 -28
  115. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  116. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  117. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +19 -19
  118. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +90 -28
  119. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  120. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  121. package/styled-components/cjs/hooks/index.js +1 -8
  122. package/styled-components/cjs/index.js +0 -11
  123. package/styled-components/cjs/utils/index.js +0 -7
  124. package/styled-components/es/components/Button/Button.js +17 -3
  125. package/styled-components/es/components/Button/Button.styles.js +19 -11
  126. package/styled-components/es/components/Button/Button.template-doc.mdx +42 -0
  127. package/styled-components/es/components/Button/Button.tokens.js +5 -0
  128. package/styled-components/es/components/Button/variations/_stretching/base.js +1 -1
  129. package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  130. package/styled-components/es/components/ButtonGroup/variations/_orientation/base.js +3 -2
  131. package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
  132. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  133. package/styled-components/es/components/TextField/TextField.js +3 -12
  134. package/styled-components/es/engines/common.js +0 -4
  135. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  136. package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +67 -21
  137. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  138. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  139. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +19 -19
  140. package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +90 -28
  141. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  142. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  143. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +19 -19
  144. package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +90 -28
  145. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  146. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  147. package/styled-components/es/hooks/index.js +1 -2
  148. package/styled-components/es/index.js +1 -2
  149. package/styled-components/es/utils/index.js +0 -1
  150. package/types/components/Button/Button.d.ts.map +1 -1
  151. package/types/components/Button/Button.styles.d.ts +5 -1
  152. package/types/components/Button/Button.styles.d.ts.map +1 -1
  153. package/types/components/Button/Button.tokens.d.ts +5 -0
  154. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  155. package/types/components/Button/Button.types.d.ts +16 -4
  156. package/types/components/Button/Button.types.d.ts.map +1 -1
  157. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +1 -0
  158. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
  159. package/types/components/ButtonGroup/variations/_orientation/base.d.ts.map +1 -1
  160. package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
  161. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +1 -1
  162. package/types/components/Notification/Notification.styles.d.ts +43 -1
  163. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  164. package/types/components/Pagination/Pagination.styles.d.ts +86 -2
  165. package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
  166. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +43 -1
  167. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts.map +1 -1
  168. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts +43 -1
  169. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +1 -1
  170. package/types/components/TextField/TextField.d.ts.map +1 -1
  171. package/types/components/Toast/Toast.styles.d.ts +43 -1
  172. package/types/components/Toast/Toast.styles.d.ts.map +1 -1
  173. package/types/components/Toast/utils.d.ts +43 -1
  174. package/types/components/Toast/utils.d.ts.map +1 -1
  175. package/types/engines/common.d.ts +3 -3
  176. package/types/engines/common.d.ts.map +1 -1
  177. package/types/engines/index.d.ts +1 -1
  178. package/types/engines/index.d.ts.map +1 -1
  179. package/types/engines/types.d.ts +0 -4
  180. package/types/engines/types.d.ts.map +1 -1
  181. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  182. package/types/examples/plasma_b2c/components/Button/Button.d.ts +43 -1
  183. package/types/examples/plasma_b2c/components/Button/Button.d.ts.map +1 -1
  184. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  185. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +43 -1
  186. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -1
  187. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  188. package/types/examples/plasma_web/components/Button/Button.d.ts +43 -1
  189. package/types/examples/plasma_web/components/Button/Button.d.ts.map +1 -1
  190. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  191. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +43 -1
  192. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -1
  193. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  194. package/types/examples/sds_engineer/components/Button/Button.d.ts +43 -1
  195. package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -1
  196. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  197. package/types/hooks/index.d.ts +0 -1
  198. package/types/hooks/index.d.ts.map +1 -1
  199. package/types/index.d.ts +0 -1
  200. package/types/index.d.ts.map +1 -1
  201. package/types/utils/index.d.ts +0 -1
  202. package/types/utils/index.d.ts.map +1 -1
  203. package/cjs/components/Button/Button.styles_uqvh6u.css +0 -5
  204. package/cjs/components/ButtonGroup/variations/_view/base_6k3uip.css +0 -1
  205. package/cjs/components/Slider/Slider.css +0 -69
  206. package/cjs/components/Slider/Slider.js +0 -48
  207. package/cjs/components/Slider/Slider.js.map +0 -1
  208. package/cjs/components/Slider/Slider.tokens.js +0 -79
  209. package/cjs/components/Slider/Slider.tokens.js.map +0 -1
  210. package/cjs/components/Slider/components/Double/Double.css +0 -62
  211. package/cjs/components/Slider/components/Double/Double.js +0 -288
  212. package/cjs/components/Slider/components/Double/Double.js.map +0 -1
  213. package/cjs/components/Slider/components/Double/Double.styles.js +0 -61
  214. package/cjs/components/Slider/components/Double/Double.styles.js.map +0 -1
  215. package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  216. package/cjs/components/Slider/components/Single/Single.css +0 -16
  217. package/cjs/components/Slider/components/Single/Single.js +0 -164
  218. package/cjs/components/Slider/components/Single/Single.js.map +0 -1
  219. package/cjs/components/Slider/components/Single/Single.styles.js +0 -45
  220. package/cjs/components/Slider/components/Single/Single.styles.js.map +0 -1
  221. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  222. package/cjs/components/Slider/components/SliderBase/SliderBase.css +0 -4
  223. package/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -82
  224. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  225. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -33
  226. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  227. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  228. package/cjs/components/Slider/ui/Handler/Handler.css +0 -4
  229. package/cjs/components/Slider/ui/Handler/Handler.js +0 -174
  230. package/cjs/components/Slider/ui/Handler/Handler.js.map +0 -1
  231. package/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -21
  232. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
  233. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  234. package/cjs/components/Slider/ui/Thumb/Thumb.css +0 -1
  235. package/cjs/components/Slider/ui/Thumb/Thumb.js +0 -31
  236. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  237. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -15
  238. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  239. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  240. package/cjs/components/Slider/utils/index.js +0 -56
  241. package/cjs/components/Slider/utils/index.js.map +0 -1
  242. package/cjs/components/Slider/variations/_disabled/base.js +0 -9
  243. package/cjs/components/Slider/variations/_disabled/base.js.map +0 -1
  244. package/cjs/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  245. package/cjs/components/Slider/variations/_size/base.js +0 -9
  246. package/cjs/components/Slider/variations/_size/base.js.map +0 -1
  247. package/cjs/components/Slider/variations/_size/base_x642ct.css +0 -1
  248. package/cjs/components/Slider/variations/_view/base.js +0 -9
  249. package/cjs/components/Slider/variations/_view/base.js.map +0 -1
  250. package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
  251. package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -15
  252. package/cjs/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  253. package/cjs/utils/canUseDOM.js +0 -12
  254. package/cjs/utils/canUseDOM.js.map +0 -1
  255. package/es/components/Button/Button.styles_uqvh6u.css +0 -5
  256. package/es/components/ButtonGroup/variations/_view/base_6k3uip.css +0 -1
  257. package/es/components/Slider/Slider.css +0 -69
  258. package/es/components/Slider/Slider.js +0 -43
  259. package/es/components/Slider/Slider.js.map +0 -1
  260. package/es/components/Slider/Slider.tokens.js +0 -74
  261. package/es/components/Slider/Slider.tokens.js.map +0 -1
  262. package/es/components/Slider/components/Double/Double.css +0 -62
  263. package/es/components/Slider/components/Double/Double.js +0 -284
  264. package/es/components/Slider/components/Double/Double.js.map +0 -1
  265. package/es/components/Slider/components/Double/Double.styles.js +0 -51
  266. package/es/components/Slider/components/Double/Double.styles.js.map +0 -1
  267. package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
  268. package/es/components/Slider/components/Single/Single.css +0 -16
  269. package/es/components/Slider/components/Single/Single.js +0 -160
  270. package/es/components/Slider/components/Single/Single.js.map +0 -1
  271. package/es/components/Slider/components/Single/Single.styles.js +0 -36
  272. package/es/components/Slider/components/Single/Single.styles.js.map +0 -1
  273. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
  274. package/es/components/Slider/components/SliderBase/SliderBase.css +0 -4
  275. package/es/components/Slider/components/SliderBase/SliderBase.js +0 -78
  276. package/es/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
  277. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -26
  278. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
  279. package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
  280. package/es/components/Slider/ui/Handler/Handler.css +0 -4
  281. package/es/components/Slider/ui/Handler/Handler.js +0 -170
  282. package/es/components/Slider/ui/Handler/Handler.js.map +0 -1
  283. package/es/components/Slider/ui/Handler/Handler.styles.js +0 -16
  284. package/es/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
  285. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +0 -2
  286. package/es/components/Slider/ui/Thumb/Thumb.css +0 -1
  287. package/es/components/Slider/ui/Thumb/Thumb.js +0 -27
  288. package/es/components/Slider/ui/Thumb/Thumb.js.map +0 -1
  289. package/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  290. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
  291. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +0 -1
  292. package/es/components/Slider/utils/index.js +0 -50
  293. package/es/components/Slider/utils/index.js.map +0 -1
  294. package/es/components/Slider/variations/_disabled/base.js +0 -5
  295. package/es/components/Slider/variations/_disabled/base.js.map +0 -1
  296. package/es/components/Slider/variations/_disabled/base_x642ct.css +0 -1
  297. package/es/components/Slider/variations/_size/base.js +0 -5
  298. package/es/components/Slider/variations/_size/base.js.map +0 -1
  299. package/es/components/Slider/variations/_size/base_x642ct.css +0 -1
  300. package/es/components/Slider/variations/_view/base.js +0 -5
  301. package/es/components/Slider/variations/_view/base.js.map +0 -1
  302. package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
  303. package/es/hooks/useIsomorphicLayoutEffect.js +0 -11
  304. package/es/hooks/useIsomorphicLayoutEffect.js.map +0 -1
  305. package/es/utils/canUseDOM.js +0 -8
  306. package/es/utils/canUseDOM.js.map +0 -1
  307. package/styled-components/cjs/components/Slider/Slider.js +0 -47
  308. package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
  309. package/styled-components/cjs/components/Slider/Slider.types.js +0 -5
  310. package/styled-components/cjs/components/Slider/components/Double/Double.js +0 -300
  311. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +0 -36
  312. package/styled-components/cjs/components/Slider/components/Double/Double.types.js +0 -5
  313. package/styled-components/cjs/components/Slider/components/Single/Single.js +0 -176
  314. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +0 -27
  315. package/styled-components/cjs/components/Slider/components/Single/Single.types.js +0 -5
  316. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -83
  317. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -21
  318. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +0 -5
  319. package/styled-components/cjs/components/Slider/components/index.js +0 -27
  320. package/styled-components/cjs/components/Slider/index.js +0 -32
  321. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +0 -183
  322. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -15
  323. package/styled-components/cjs/components/Slider/ui/Handler/Handler.types.js +0 -5
  324. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +0 -32
  325. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -18
  326. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +0 -5
  327. package/styled-components/cjs/components/Slider/ui/index.js +0 -63
  328. package/styled-components/cjs/components/Slider/utils/index.js +0 -55
  329. package/styled-components/cjs/components/Slider/variations/_disabled/base.js +0 -8
  330. package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +0 -4
  331. package/styled-components/cjs/components/Slider/variations/_size/base.js +0 -8
  332. package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
  333. package/styled-components/cjs/components/Slider/variations/_view/base.js +0 -8
  334. package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
  335. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +0 -29
  336. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +0 -16
  337. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -164
  338. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +0 -29
  339. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +0 -16
  340. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -163
  341. package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
  342. package/styled-components/cjs/utils/canUseDOM.js +0 -11
  343. package/styled-components/es/components/Slider/Slider.js +0 -38
  344. package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
  345. package/styled-components/es/components/Slider/Slider.types.js +0 -1
  346. package/styled-components/es/components/Slider/components/Double/Double.js +0 -292
  347. package/styled-components/es/components/Slider/components/Double/Double.styles.js +0 -29
  348. package/styled-components/es/components/Slider/components/Double/Double.types.js +0 -1
  349. package/styled-components/es/components/Slider/components/Single/Single.js +0 -168
  350. package/styled-components/es/components/Slider/components/Single/Single.styles.js +0 -20
  351. package/styled-components/es/components/Slider/components/Single/Single.types.js +0 -1
  352. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +0 -74
  353. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -14
  354. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +0 -1
  355. package/styled-components/es/components/Slider/components/index.js +0 -3
  356. package/styled-components/es/components/Slider/index.js +0 -3
  357. package/styled-components/es/components/Slider/ui/Handler/Handler.js +0 -174
  358. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +0 -8
  359. package/styled-components/es/components/Slider/ui/Handler/Handler.types.js +0 -1
  360. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +0 -25
  361. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
  362. package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +0 -1
  363. package/styled-components/es/components/Slider/ui/index.js +0 -5
  364. package/styled-components/es/components/Slider/utils/index.js +0 -47
  365. package/styled-components/es/components/Slider/variations/_disabled/base.js +0 -2
  366. package/styled-components/es/components/Slider/variations/_disabled/tokens.json +0 -4
  367. package/styled-components/es/components/Slider/variations/_size/base.js +0 -2
  368. package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
  369. package/styled-components/es/components/Slider/variations/_view/base.js +0 -2
  370. package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
  371. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +0 -23
  372. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +0 -10
  373. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -164
  374. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +0 -23
  375. package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +0 -10
  376. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -163
  377. package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
  378. package/styled-components/es/utils/canUseDOM.js +0 -5
  379. package/types/components/Slider/Slider.d.ts +0 -27
  380. package/types/components/Slider/Slider.d.ts.map +0 -1
  381. package/types/components/Slider/Slider.tokens.d.ts +0 -72
  382. package/types/components/Slider/Slider.tokens.d.ts.map +0 -1
  383. package/types/components/Slider/Slider.types.d.ts +0 -3
  384. package/types/components/Slider/Slider.types.d.ts.map +0 -1
  385. package/types/components/Slider/components/Double/Double.d.ts +0 -4
  386. package/types/components/Slider/components/Double/Double.d.ts.map +0 -1
  387. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -43
  388. package/types/components/Slider/components/Double/Double.styles.d.ts.map +0 -1
  389. package/types/components/Slider/components/Double/Double.types.d.ts +0 -65
  390. package/types/components/Slider/components/Double/Double.types.d.ts.map +0 -1
  391. package/types/components/Slider/components/Single/Single.d.ts +0 -4
  392. package/types/components/Slider/components/Single/Single.d.ts.map +0 -1
  393. package/types/components/Slider/components/Single/Single.styles.d.ts +0 -8
  394. package/types/components/Slider/components/Single/Single.styles.d.ts.map +0 -1
  395. package/types/components/Slider/components/Single/Single.types.d.ts +0 -55
  396. package/types/components/Slider/components/Single/Single.types.d.ts.map +0 -1
  397. package/types/components/Slider/components/SliderBase/SliderBase.d.ts +0 -4
  398. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +0 -1
  399. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -6
  400. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +0 -1
  401. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -45
  402. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +0 -1
  403. package/types/components/Slider/components/index.d.ts +0 -6
  404. package/types/components/Slider/components/index.d.ts.map +0 -1
  405. package/types/components/Slider/index.d.ts +0 -6
  406. package/types/components/Slider/index.d.ts.map +0 -1
  407. package/types/components/Slider/ui/Handler/Handler.d.ts +0 -9
  408. package/types/components/Slider/ui/Handler/Handler.d.ts.map +0 -1
  409. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +0 -4
  410. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +0 -1
  411. package/types/components/Slider/ui/Handler/Handler.types.d.ts +0 -24
  412. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +0 -1
  413. package/types/components/Slider/ui/Thumb/Thumb.d.ts +0 -4
  414. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +0 -1
  415. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +0 -5
  416. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +0 -1
  417. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -12
  418. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +0 -1
  419. package/types/components/Slider/ui/index.d.ts +0 -6
  420. package/types/components/Slider/ui/index.d.ts.map +0 -1
  421. package/types/components/Slider/utils/index.d.ts +0 -33
  422. package/types/components/Slider/utils/index.d.ts.map +0 -1
  423. package/types/components/Slider/variations/_disabled/base.d.ts +0 -2
  424. package/types/components/Slider/variations/_disabled/base.d.ts.map +0 -1
  425. package/types/components/Slider/variations/_size/base.d.ts +0 -2
  426. package/types/components/Slider/variations/_size/base.d.ts.map +0 -1
  427. package/types/components/Slider/variations/_view/base.d.ts +0 -2
  428. package/types/components/Slider/variations/_view/base.d.ts.map +0 -1
  429. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +0 -22
  430. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +0 -1
  431. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +0 -21
  432. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +0 -1
  433. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +0 -22
  434. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +0 -1
  435. package/types/examples/plasma_web/components/Slider/Slider.d.ts +0 -21
  436. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +0 -1
  437. package/types/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
  438. package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +0 -1
  439. package/types/utils/canUseDOM.d.ts +0 -6
  440. package/types/utils/canUseDOM.d.ts.map +0 -1
@@ -1,176 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.SingleSlider = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _SliderBase = /*#__PURE__*/require("../SliderBase/SliderBase");
10
- var _ui = /*#__PURE__*/require("../../ui");
11
- var _utils = /*#__PURE__*/require("../../utils");
12
- var _utils2 = /*#__PURE__*/require("../../../../utils");
13
- var _Slider = /*#__PURE__*/require("../../Slider.tokens");
14
- var _Single = /*#__PURE__*/require("./Single.styles");
15
- var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
16
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
18
- 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); }
19
- 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; }
20
- 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; }
21
- 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; }
22
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
23
- 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); }
24
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
25
- 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."); }
26
- 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); }
27
- 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; }
28
- 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; } }
29
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
30
- 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; }
31
- 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; }
32
- var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
33
- var min = _ref.min,
34
- max = _ref.max,
35
- value = _ref.value,
36
- disabled = _ref.disabled,
37
- onChangeCommitted = _ref.onChangeCommitted,
38
- onChange = _ref.onChange,
39
- ariaLabel = _ref.ariaLabel,
40
- label = _ref.label,
41
- labelContentLeft = _ref.labelContentLeft,
42
- showRangeValues = _ref.showRangeValues,
43
- showCurrentValue = _ref.showCurrentValue,
44
- hideMinValueDiff = _ref.hideMinValueDiff,
45
- hideMaxValueDiff = _ref.hideMaxValueDiff,
46
- _ref$labelPlacement = _ref.labelPlacement,
47
- labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
48
- _ref$rangeValuesPlace = _ref.rangeValuesPlacement,
49
- rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
50
- _ref$multipleStepSize = _ref.multipleStepSize,
51
- multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
52
- _ref$size = _ref.size,
53
- size = _ref$size === void 0 ? 'm' : _ref$size,
54
- rest = _objectWithoutProperties(_ref, _excluded);
55
- var _useState = (0, _react.useState)({
56
- xHandle: 0,
57
- stepSize: 0,
58
- railFillWidth: 0
59
- }),
60
- _useState2 = _slicedToArray(_useState, 2),
61
- state = _useState2[0],
62
- setState = _useState2[1];
63
- var _useState3 = (0, _react.useState)(0),
64
- _useState4 = _slicedToArray(_useState3, 2),
65
- startOffset = _useState4[0],
66
- setStartOffset = _useState4[1];
67
- var _useState5 = (0, _react.useState)(0),
68
- _useState6 = _slicedToArray(_useState5, 2),
69
- endOffset = _useState6[0],
70
- setEndOffset = _useState6[1];
71
- var _useState7 = (0, _react.useState)(value),
72
- _useState8 = _slicedToArray(_useState7, 2),
73
- dragValue = _useState8[0],
74
- setDragValue = _useState8[1];
75
- var stepSize = state.stepSize;
76
- var hasLabelContent = label || labelContentLeft;
77
- var labelPlacementClass = labelPlacement === 'outer' ? _Slider.classes.labelPlacementOuter : _Slider.classes.labelPlacementInner;
78
- var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? _Slider.classes.rangeValuesPlacementOuter : _Slider.classes.rangeValuesPlacementInner;
79
- var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? _Slider.classes.hideMinValue : '';
80
- var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? _Slider.classes.hideMaxValue : '';
81
- var startLabelRef = (0, _react.useRef)(null);
82
- var endLabelRef = (0, _react.useRef)(null);
83
- var activeFirstValue = dragValue === min ? _Slider.classes.activeRangeValue : undefined;
84
- var activeSecondValue = dragValue === max ? _Slider.classes.activeRangeValue : undefined;
85
- (0, _react.useEffect)(function () {
86
- var localValue = Math.min(Math.max(value, min), max) - min;
87
- if (rangeValuesPlacement === 'outer') {
88
- var _startLabelRef$curren, _endLabelRef$current;
89
- var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
90
- if ((0, _utils2.isNumber)(startWidth)) {
91
- setStartOffset(Number(startWidth));
92
- }
93
- var endWidth = (_endLabelRef$current = endLabelRef.current) === null || _endLabelRef$current === void 0 ? void 0 : _endLabelRef$current.offsetWidth;
94
- if ((0, _utils2.isNumber)(endWidth)) {
95
- setEndOffset(Number(endWidth));
96
- }
97
- } else {
98
- setStartOffset(1);
99
- setEndOffset(1);
100
- }
101
- setState(function (prevState) {
102
- return _objectSpread(_objectSpread({}, prevState), {}, {
103
- xHandle: stepSize * localValue,
104
- railFillWidth: stepSize * localValue
105
- });
106
- });
107
- }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
108
- var setStepSize = (0, _react.useCallback)(function (newStepSize) {
109
- setState(function (prevState) {
110
- return _objectSpread(_objectSpread({}, prevState), {}, {
111
- stepSize: newStepSize
112
- });
113
- });
114
- }, [setState]);
115
- var onHandleChange = function onHandleChange(handleValue, data) {
116
- var newHandleXPosition = data.x;
117
- var newValue = Math.round(handleValue);
118
- setState(function (prevState) {
119
- return _objectSpread(_objectSpread({}, prevState), {}, {
120
- railFillWidth: newHandleXPosition
121
- });
122
- });
123
- if (onChange) {
124
- onChange(newValue);
125
- }
126
- setDragValue(newValue);
127
- };
128
- var onHandleChangeCommitted = function onHandleChangeCommitted(handleValue, data) {
129
- var newValue = Math.round(handleValue);
130
- if (onChangeCommitted) {
131
- onChangeCommitted(newValue);
132
- }
133
- setState(function (prevState) {
134
- return _objectSpread(_objectSpread({}, prevState), {}, {
135
- xHandle: data.lastX,
136
- railFillWidth: data.lastX
137
- });
138
- });
139
- setDragValue(newValue);
140
- };
141
- return /*#__PURE__*/_react["default"].createElement(_Single.SingleWrapper, {
142
- className: labelPlacementClass
143
- }, hasLabelContent && /*#__PURE__*/_react["default"].createElement(_Single.LabelWrapper, null, labelContentLeft && /*#__PURE__*/_react["default"].createElement(_Single.LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/_react["default"].createElement(_Single.Label, null, label)), /*#__PURE__*/_react["default"].createElement(_Single.SliderBaseWrapper, {
144
- className: rangeValuesPlacementClass
145
- }, showRangeValues && /*#__PURE__*/_react["default"].createElement(_Single.StyledRangeValue, {
146
- ref: startLabelRef,
147
- className: (0, _utils2.cx)(hideMinValueDiffClass, activeFirstValue)
148
- }, min), /*#__PURE__*/_react["default"].createElement(_SliderBase.SliderBase, _extends({
149
- min: min,
150
- max: max,
151
- disabled: disabled,
152
- setStepSize: setStepSize,
153
- onChange: onHandleChangeCommitted,
154
- railFillWidth: state.railFillWidth,
155
- settings: _utils.sizeData[size],
156
- labelPlacement: labelPlacement,
157
- rangeValuesPlacement: rangeValuesPlacement
158
- }, rest), /*#__PURE__*/_react["default"].createElement(_ui.Handler, {
159
- stepSize: state.stepSize,
160
- onChangeCommitted: onHandleChangeCommitted,
161
- onChange: onHandleChange,
162
- xPosition: state.xHandle,
163
- min: min,
164
- max: max,
165
- startOffset: startOffset,
166
- endOffset: endOffset,
167
- value: dragValue,
168
- disabled: disabled,
169
- ariaLabel: ariaLabel,
170
- multipleStepSize: multipleStepSize,
171
- showCurrentValue: showCurrentValue
172
- })), showRangeValues && /*#__PURE__*/_react["default"].createElement(_Single.StyledRangeValue, {
173
- ref: endLabelRef,
174
- className: (0, _utils2.cx)(_Slider.classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
175
- }, max)));
176
- };
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.StyledRangeValue = exports.SliderBaseWrapper = exports.SingleWrapper = exports.LabelWrapper = exports.LabelContentLeft = exports.Label = void 0;
7
- var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
- var _Slider = /*#__PURE__*/require("../../Slider.tokens");
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- var LabelWrapper = exports.LabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
11
- componentId: "plasma-new-hope__sc-1qm4elt-0"
12
- })(["color:var(", ");display:flex;gap:var(", ");"], _Slider.tokens.labelColor, _Slider.tokens.labelWrapperGap);
13
- var LabelContentLeft = exports.LabelContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
14
- componentId: "plasma-new-hope__sc-1qm4elt-1"
15
- })([""]);
16
- var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.withConfig({
17
- componentId: "plasma-new-hope__sc-1qm4elt-2"
18
- })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Slider.tokens.labelFontFamily, _Slider.tokens.labelFontSize, _Slider.tokens.labelFontStyle, _Slider.tokens.labelFontWeight, _Slider.tokens.labelLetterSpacing, _Slider.tokens.labelLineHeight);
19
- var StyledRangeValue = exports.StyledRangeValue = /*#__PURE__*/_styledComponents["default"].span.withConfig({
20
- componentId: "plasma-new-hope__sc-1qm4elt-3"
21
- })(["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(", ");}"], _Slider.tokens.rangeValueColor, _Slider.tokens.rangeValueFontFamily, _Slider.tokens.rangeValueFontSize, _Slider.tokens.rangeValueFontStyle, _Slider.tokens.rangeValueFontWeight, _Slider.tokens.rangeValueLetterSpacing, _Slider.tokens.rangeValueLineHeight, _Slider.classes.hideMinValue, _Slider.classes.hideMaxValue, _Slider.classes.activeRangeValue, _Slider.tokens.labelColor);
22
- var SliderBaseWrapper = exports.SliderBaseWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
23
- componentId: "plasma-new-hope__sc-1qm4elt-4"
24
- })(["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(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, StyledRangeValue, _Slider.tokens.rangeValueBottomOffset, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeMinValueMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeMaxValueMargin);
25
- var SingleWrapper = exports.SingleWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
26
- componentId: "plasma-new-hope__sc-1qm4elt-5"
27
- })(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}}"], _Slider.tokens.disabledOpacity, _Slider.classes.labelPlacementOuter, LabelWrapper, _Slider.tokens.labelWrapperMarginBottom, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperMarginRight);
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,83 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.SliderBase = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _hooks = /*#__PURE__*/require("../../../../hooks");
10
- var _SliderBase = /*#__PURE__*/require("./SliderBase.styles");
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
- var SliderBase = exports.SliderBase = function SliderBase(_ref) {
14
- var max = _ref.max,
15
- min = _ref.min,
16
- setStepSize = _ref.setStepSize,
17
- railFillWidth = _ref.railFillWidth,
18
- children = _ref.children,
19
- _ref$railFillXPositio = _ref.railFillXPosition,
20
- railFillXPosition = _ref$railFillXPositio === void 0 ? 0 : _ref$railFillXPositio,
21
- disabled = _ref.disabled,
22
- labelPlacement = _ref.labelPlacement,
23
- rangeValuesPlacement = _ref.rangeValuesPlacement,
24
- onChange = _ref.onChange,
25
- _ref$settings = _ref.settings,
26
- settings = _ref$settings === void 0 ? {} : _ref$settings;
27
- var _settings$indent = settings.indent,
28
- indent = _settings$indent === void 0 ? 0.75 : _settings$indent,
29
- _settings$fontSizeMul = settings.fontSizeMultiplier,
30
- fontSizeMultiplier = _settings$fontSizeMul === void 0 ? 16 : _settings$fontSizeMul;
31
- var ref = (0, _react.useRef)(null);
32
- var gap = indent * fontSizeMultiplier * 2;
33
- (0, _react.useEffect)(function () {
34
- var resizeHandler = function resizeHandler() {
35
- if (ref.current) {
36
- var railSize = ref.current.offsetWidth - gap;
37
- var totalSteps = max - min;
38
- setStepSize(railSize / totalSteps);
39
- }
40
- };
41
- resizeHandler();
42
- }, [labelPlacement, rangeValuesPlacement, ref.current]);
43
- var onHandleChange = function onHandleChange(e) {
44
- if (!onChange || disabled) {
45
- return;
46
- }
47
- var _e$currentTarget$getB = e.currentTarget.getBoundingClientRect(),
48
- x = _e$currentTarget$getB.x,
49
- width = _e$currentTarget$getB.width;
50
- var lastX = e.clientX - x;
51
- var position = min + lastX / (width - gap) * (max - min);
52
- var result = Math.max(min, Math.min(max, position));
53
- onChange(result, {
54
- lastX: lastX
55
- });
56
- };
57
- (0, _hooks.useIsomorphicLayoutEffect)(function () {
58
- var resizeHandler = function resizeHandler() {
59
- if (ref.current) {
60
- var railSize = ref.current.offsetWidth - gap;
61
- var totalSteps = max - min;
62
- setStepSize(railSize / totalSteps);
63
- }
64
- };
65
- resizeHandler();
66
- window.addEventListener('resize', resizeHandler);
67
- return function () {
68
- return window.removeEventListener('resize', resizeHandler);
69
- };
70
- }, [min, max, setStepSize, ref.current, gap, labelPlacement, rangeValuesPlacement]);
71
- var fillStyle = {
72
- left: "".concat(railFillXPosition, "px"),
73
- width: "".concat(railFillWidth, "px")
74
- };
75
- return /*#__PURE__*/_react["default"].createElement(_SliderBase.Slider, {
76
- ref: ref
77
- }, /*#__PURE__*/_react["default"].createElement(_SliderBase.RailWrap, {
78
- "aria-hidden": "true",
79
- onMouseDown: onHandleChange
80
- }, /*#__PURE__*/_react["default"].createElement(_SliderBase.Rail, null, /*#__PURE__*/_react["default"].createElement(_SliderBase.Fill, {
81
- style: fillStyle
82
- }))), children);
83
- };
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Slider = exports.RailWrap = exports.Rail = exports.Fill = void 0;
7
- var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
- var _Slider = /*#__PURE__*/require("../../Slider.tokens");
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- var Slider = exports.Slider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
11
- componentId: "plasma-new-hope__sc-ik0bjb-0"
12
- })(["flex:1;position:relative;user-select:none;height:var(", ");"], _Slider.tokens.height);
13
- var RailWrap = exports.RailWrap = /*#__PURE__*/_styledComponents["default"].div.withConfig({
14
- componentId: "plasma-new-hope__sc-ik0bjb-1"
15
- })(["height:100%;"]);
16
- var Rail = exports.Rail = /*#__PURE__*/_styledComponents["default"].div.withConfig({
17
- componentId: "plasma-new-hope__sc-ik0bjb-2"
18
- })(["position:relative;top:50%;height:var(", ");border-radius:var(", ");background-color:var(", ");overflow:hidden;transform:translateY(-50%);"], _Slider.tokens.railHeight, _Slider.tokens.railBorderRadius, _Slider.tokens.railBackgroundColor);
19
- var Fill = exports.Fill = /*#__PURE__*/_styledComponents["default"].div.withConfig({
20
- componentId: "plasma-new-hope__sc-ik0bjb-3"
21
- })(["position:absolute;height:100%;top:0;left:0;background:var(", ");width:0;"], _Slider.tokens.fillColor);
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- var _Single = /*#__PURE__*/require("./Single/Single");
7
- Object.keys(_Single).forEach(function (key) {
8
- if (key === "default" || key === "__esModule") return;
9
- if (key in exports && exports[key] === _Single[key]) return;
10
- Object.defineProperty(exports, key, {
11
- enumerable: true,
12
- get: function get() {
13
- return _Single[key];
14
- }
15
- });
16
- });
17
- var _Double = /*#__PURE__*/require("./Double/Double");
18
- Object.keys(_Double).forEach(function (key) {
19
- if (key === "default" || key === "__esModule") return;
20
- if (key in exports && exports[key] === _Double[key]) return;
21
- Object.defineProperty(exports, key, {
22
- enumerable: true,
23
- get: function get() {
24
- return _Double[key];
25
- }
26
- });
27
- });
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "ThumbBase", {
7
- enumerable: true,
8
- get: function get() {
9
- return _ui.ThumbBase;
10
- }
11
- });
12
- Object.defineProperty(exports, "sliderConfig", {
13
- enumerable: true,
14
- get: function get() {
15
- return _Slider.sliderConfig;
16
- }
17
- });
18
- Object.defineProperty(exports, "sliderRoot", {
19
- enumerable: true,
20
- get: function get() {
21
- return _Slider.sliderRoot;
22
- }
23
- });
24
- Object.defineProperty(exports, "sliderTokens", {
25
- enumerable: true,
26
- get: function get() {
27
- return _Slider2.tokens;
28
- }
29
- });
30
- var _Slider = /*#__PURE__*/require("./Slider");
31
- var _Slider2 = /*#__PURE__*/require("./Slider.tokens");
32
- var _ui = /*#__PURE__*/require("./ui");
@@ -1,183 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Handler = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _reactDraggable = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react-draggable"));
10
- var _utils = /*#__PURE__*/require("../../utils");
11
- var _Thumb = /*#__PURE__*/require("../Thumb/Thumb");
12
- var _Handler = /*#__PURE__*/require("./Handler.styles");
13
- var _excluded = ["stepSize", "onChangeCommitted", "onChange", "xPosition", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset", "value"];
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
17
- function _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); }
18
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
19
- 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."); }
20
- 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); }
21
- 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; }
22
- 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; } }
23
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
24
- 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; }
25
- 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; }
26
- // TODO: PLASMA-1707
27
-
28
- var KeyboardSupport = {
29
- PageUp: 33,
30
- PageDown: 34,
31
- End: 35,
32
- Home: 36,
33
- ArrowLeft: 37,
34
- ArrowUp: 38,
35
- ArrowRight: 39,
36
- ArrowDown: 40
37
- };
38
- var Handler = exports.Handler = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
39
- var _position$x;
40
- var stepSize = _ref.stepSize,
41
- onChangeCommitted = _ref.onChangeCommitted,
42
- onChange = _ref.onChange,
43
- _ref$xPosition = _ref.xPosition,
44
- xPosition = _ref$xPosition === void 0 ? 0 : _ref$xPosition,
45
- min = _ref.min,
46
- max = _ref.max,
47
- _ref$bounds = _ref.bounds,
48
- bounds = _ref$bounds === void 0 ? [] : _ref$bounds,
49
- zIndex = _ref.zIndex,
50
- disabled = _ref.disabled,
51
- side = _ref.side,
52
- _ref$showCurrentValue = _ref.showCurrentValue,
53
- showCurrentValue = _ref$showCurrentValue === void 0 ? false : _ref$showCurrentValue,
54
- _ref$startOffset = _ref.startOffset,
55
- startOffset = _ref$startOffset === void 0 ? 0 : _ref$startOffset,
56
- _ref$endOffset = _ref.endOffset,
57
- endOffset = _ref$endOffset === void 0 ? 0 : _ref$endOffset,
58
- value = _ref.value,
59
- rest = _objectWithoutProperties(_ref, _excluded);
60
- var lastOnChangeValue = (0, _react.useRef)();
61
- var _getOffsets = (0, _utils.getOffsets)(ref, side),
62
- _getOffsets2 = _slicedToArray(_getOffsets, 2),
63
- offsetLeft = _getOffsets2[0],
64
- offsetRight = _getOffsets2[1];
65
- var _bounds = _slicedToArray(bounds, 2),
66
- leftValueBound = _bounds[0],
67
- rightValueBound = _bounds[1];
68
- var leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;
69
- var rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;
70
- var position = typeof xPosition === 'number' ? {
71
- x: xPosition,
72
- y: 0
73
- } : undefined;
74
- var tabIndex = disabled ? -1 : 0;
75
- var _useState = (0, _react.useState)((_position$x = position === null || position === void 0 ? void 0 : position.x) !== null && _position$x !== void 0 ? _position$x : 0),
76
- _useState2 = _slicedToArray(_useState, 2),
77
- positionX = _useState2[0],
78
- setPositionX = _useState2[1];
79
- var computedBounds = {
80
- left: (leftPositionBound !== null && leftPositionBound !== void 0 ? leftPositionBound : 0) + offsetLeft,
81
- right: (rightPositionBound !== null && rightPositionBound !== void 0 ? rightPositionBound : stepSize * (max - min)) - offsetRight
82
- };
83
- var showCurrentValueCondition = showCurrentValue && (positionX >= startOffset && positionX <= max * stepSize - endOffset || positionX === 0 && value !== 0);
84
- var onDrag = function onDrag(_, data) {
85
- var newValue = (0, _utils.getSliderThumbValue)(data.x, stepSize, min, max);
86
- if (lastOnChangeValue.current !== newValue) {
87
- onChange === null || onChange === void 0 || onChange(newValue, data);
88
- setPositionX(data.x);
89
- lastOnChangeValue.current = newValue;
90
- }
91
- };
92
- var onStop = function onStop(_, data) {
93
- var newValue = (0, _utils.getSliderThumbValue)(data.x, stepSize, min, max);
94
- setPositionX(data.x);
95
- onChangeCommitted && onChangeCommitted(newValue, data);
96
- };
97
- var onKeyPress = function onKeyPress(event) {
98
- event.persist();
99
- var keyCode = event.keyCode,
100
- target = event.target;
101
- if (!Object.values(KeyboardSupport).includes(keyCode)) {
102
- return;
103
- }
104
- var ArrowUp = KeyboardSupport.ArrowUp,
105
- ArrowRight = KeyboardSupport.ArrowRight,
106
- ArrowDown = KeyboardSupport.ArrowDown,
107
- ArrowLeft = KeyboardSupport.ArrowLeft,
108
- Home = KeyboardSupport.Home,
109
- End = KeyboardSupport.End,
110
- PageDown = KeyboardSupport.PageDown,
111
- PageUp = KeyboardSupport.PageUp;
112
- var computedMultipleSteps = stepSize * (rest.multipleStepSize / 100 * max);
113
- var data = {
114
- x: 0,
115
- deltaX: stepSize,
116
- lastX: xPosition,
117
- y: 0,
118
- deltaY: 0,
119
- lastY: 0,
120
- node: target
121
- };
122
- switch (keyCode) {
123
- case ArrowUp:
124
- case ArrowRight:
125
- data.x = xPosition + stepSize;
126
- break;
127
- case ArrowDown:
128
- case ArrowLeft:
129
- data.x = xPosition - stepSize;
130
- data.deltaX = -stepSize;
131
- break;
132
- case PageUp:
133
- data.x = xPosition + computedMultipleSteps;
134
- data.deltaX = computedMultipleSteps;
135
- break;
136
- case PageDown:
137
- data.x = xPosition - computedMultipleSteps;
138
- data.deltaX = -computedMultipleSteps;
139
- break;
140
- case End:
141
- data.x = max * stepSize;
142
- break;
143
- case Home:
144
- data.x = 0;
145
- break;
146
- default:
147
- data.x = 0;
148
- }
149
- var left = computedBounds.left,
150
- right = computedBounds.right;
151
-
152
- /*
153
- * INFO: Находим значение в диапазоне между указанными левой и правой границами.
154
- * Необходимо для правильного расчета положения SliderThumb.
155
- * см. функция clamp
156
- */
157
- var boundedValue = Math.max(Math.min(right, data.x), left);
158
- var computedValue = (0, _utils.getSliderThumbValue)(boundedValue, stepSize, min, max);
159
- lastOnChangeValue.current = computedValue;
160
- onChangeCommitted && onChangeCommitted(computedValue, data);
161
- };
162
- return /*#__PURE__*/_react["default"].createElement(_reactDraggable["default"], {
163
- axis: "x",
164
- bounds: computedBounds,
165
- grid: [stepSize, 1],
166
- onStop: onStop,
167
- onDrag: onDrag,
168
- position: position,
169
- disabled: disabled
170
- }, /*#__PURE__*/_react["default"].createElement(_Handler.HandlerStyled, {
171
- ref: ref,
172
- style: {
173
- zIndex: zIndex
174
- },
175
- onKeyDown: onKeyPress
176
- }, /*#__PURE__*/_react["default"].createElement(_Thumb.Thumb, _extends({
177
- tabIndex: tabIndex,
178
- min: min,
179
- max: max,
180
- value: value,
181
- disabled: disabled
182
- }, rest)), showCurrentValueCondition && /*#__PURE__*/_react["default"].createElement(_Handler.StyledValue, null, value)));
183
- });
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.StyledValue = exports.HandlerStyled = void 0;
7
- var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
- var _Slider = /*#__PURE__*/require("../../Slider.tokens");
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- var HandlerStyled = exports.HandlerStyled = /*#__PURE__*/_styledComponents["default"].div.withConfig({
11
- componentId: "plasma-new-hope__sc-a1py3c-0"
12
- })(["cursor:pointer;position:absolute;z-index:1;top:0;left:0;"]);
13
- var StyledValue = exports.StyledValue = /*#__PURE__*/_styledComponents["default"].span.withConfig({
14
- componentId: "plasma-new-hope__sc-a1py3c-1"
15
- })(["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(", ");"], _Slider.tokens.currentValueTopOffset, _Slider.tokens.currentValueFontFamily, _Slider.tokens.currentValueFontSize, _Slider.tokens.currentValueFontStyle, _Slider.tokens.currentValueFontWeight, _Slider.tokens.currentValueLetterSpacing, _Slider.tokens.currentValueLineHeight);
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Thumb = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _Thumb = /*#__PURE__*/require("./Thumb.styles");
9
- var _excluded = ["min", "max", "value", "ariaValueMin", "ariaLabel", "disabled"];
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- 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); }
12
- 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; }
13
- 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; }
14
- var Thumb = exports.Thumb = function Thumb(_ref) {
15
- var min = _ref.min,
16
- max = _ref.max,
17
- value = _ref.value,
18
- _ref$ariaValueMin = _ref.ariaValueMin,
19
- ariaValueMin = _ref$ariaValueMin === void 0 ? min : _ref$ariaValueMin,
20
- ariaLabel = _ref.ariaLabel,
21
- disabled = _ref.disabled,
22
- rest = _objectWithoutProperties(_ref, _excluded);
23
- return /*#__PURE__*/_react["default"].createElement(_Thumb.ThumbBase, _extends({
24
- role: "slider",
25
- "aria-label": ariaLabel,
26
- "aria-valuemin": ariaValueMin,
27
- "aria-valuemax": max,
28
- "aria-valuenow": value,
29
- disabled: disabled,
30
- "aria-orientation": "horizontal"
31
- }, rest));
32
- };