@salutejs/plasma-new-hope 0.176.0-canary.1511.11570259013.0 → 0.176.0-canary.1513.11570030354.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (482) hide show
  1. package/cjs/components/Slider/Slider.css +13 -15
  2. package/cjs/components/Slider/Slider.js +2 -11
  3. package/cjs/components/Slider/Slider.js.map +1 -1
  4. package/cjs/components/Slider/Slider.tokens.js +17 -23
  5. package/cjs/components/Slider/Slider.tokens.js.map +1 -1
  6. package/cjs/components/Slider/components/Double/Double.css +8 -8
  7. package/cjs/components/Slider/components/Double/Double.js +23 -58
  8. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  9. package/cjs/components/Slider/components/Single/Single.css +14 -14
  10. package/cjs/components/Slider/components/Single/Single.js +33 -64
  11. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  12. package/cjs/components/Slider/components/Single/Single.styles.js +4 -4
  13. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
  14. package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  15. package/cjs/components/Slider/components/SliderBase/SliderBase.css +5 -5
  16. package/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
  17. package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
  18. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  19. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  20. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +5 -0
  21. package/cjs/components/Slider/ui/Handler/Handler.css +3 -3
  22. package/cjs/components/Slider/ui/Handler/Handler.js +88 -49
  23. package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
  24. package/cjs/components/Slider/ui/Handler/Handler.styles.js +7 -17
  25. package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
  26. package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  27. package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -1
  28. package/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  29. package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -1
  30. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
  31. package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
  32. package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  33. package/cjs/components/Slider/utils/index.js +10 -28
  34. package/cjs/components/Slider/utils/index.js.map +1 -1
  35. package/cjs/components/Slider/variations/_view/base.js +1 -1
  36. package/cjs/components/Slider/variations/_view/base.js.map +1 -1
  37. package/cjs/index.css +13 -38
  38. package/cjs/index.js +0 -6
  39. package/cjs/index.js.map +1 -1
  40. package/cjs/utils/index.js.map +1 -1
  41. package/emotion/cjs/components/Slider/Slider.js +2 -10
  42. package/emotion/cjs/components/Slider/Slider.template-doc.mdx +0 -26
  43. package/emotion/cjs/components/Slider/Slider.tokens.js +17 -23
  44. package/emotion/cjs/components/Slider/components/Double/Double.js +19 -54
  45. package/emotion/cjs/components/Slider/components/Single/Single.js +33 -64
  46. package/emotion/cjs/components/Slider/components/Single/Single.styles.js +9 -18
  47. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
  48. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +10 -10
  49. package/emotion/cjs/components/Slider/ui/Handler/Handler.js +88 -52
  50. package/emotion/cjs/components/Slider/ui/Handler/Handler.styles.js +15 -9
  51. package/emotion/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  52. package/emotion/cjs/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
  53. package/emotion/cjs/components/Slider/utils/index.js +10 -28
  54. package/emotion/cjs/components/Slider/variations/_view/base.js +1 -2
  55. package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
  56. package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -98
  57. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  58. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  59. package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
  60. package/emotion/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -98
  61. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  62. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  63. package/emotion/cjs/index.js +0 -11
  64. package/emotion/es/components/Slider/Slider.js +2 -11
  65. package/emotion/es/components/Slider/Slider.template-doc.mdx +0 -26
  66. package/emotion/es/components/Slider/Slider.tokens.js +17 -23
  67. package/emotion/es/components/Slider/components/Double/Double.js +19 -54
  68. package/emotion/es/components/Slider/components/Single/Single.js +34 -65
  69. package/emotion/es/components/Slider/components/Single/Single.styles.js +8 -17
  70. package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
  71. package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +11 -11
  72. package/emotion/es/components/Slider/ui/Handler/Handler.js +86 -51
  73. package/emotion/es/components/Slider/ui/Handler/Handler.styles.js +16 -10
  74. package/emotion/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  75. package/emotion/es/components/Slider/ui/Thumb/Thumb.styles.js +3 -3
  76. package/emotion/es/components/Slider/utils/index.js +10 -28
  77. package/emotion/es/components/Slider/variations/_view/base.js +1 -2
  78. package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
  79. package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -98
  80. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  81. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  82. package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
  83. package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -98
  84. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  85. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  86. package/emotion/es/index.js +1 -2
  87. package/es/components/Slider/Slider.css +13 -15
  88. package/es/components/Slider/Slider.js +2 -11
  89. package/es/components/Slider/Slider.js.map +1 -1
  90. package/es/components/Slider/Slider.tokens.js +17 -23
  91. package/es/components/Slider/Slider.tokens.js.map +1 -1
  92. package/es/components/Slider/components/Double/Double.css +8 -8
  93. package/es/components/Slider/components/Double/Double.js +19 -54
  94. package/es/components/Slider/components/Double/Double.js.map +1 -1
  95. package/es/components/Slider/components/Single/Single.css +14 -14
  96. package/es/components/Slider/components/Single/Single.js +34 -65
  97. package/es/components/Slider/components/Single/Single.js.map +1 -1
  98. package/es/components/Slider/components/Single/Single.styles.js +4 -4
  99. package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
  100. package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
  101. package/es/components/Slider/components/SliderBase/SliderBase.css +5 -5
  102. package/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
  103. package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
  104. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  105. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  106. package/es/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css +5 -0
  107. package/es/components/Slider/ui/Handler/Handler.css +3 -3
  108. package/es/components/Slider/ui/Handler/Handler.js +87 -48
  109. package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
  110. package/es/components/Slider/ui/Handler/Handler.styles.js +7 -17
  111. package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
  112. package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.css +2 -0
  113. package/es/components/Slider/ui/Thumb/Thumb.css +1 -1
  114. package/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  115. package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -1
  116. package/es/components/Slider/ui/Thumb/Thumb.styles.js +1 -1
  117. package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -1
  118. package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
  119. package/es/components/Slider/utils/index.js +10 -28
  120. package/es/components/Slider/utils/index.js.map +1 -1
  121. package/es/components/Slider/variations/_view/base.js +1 -1
  122. package/es/components/Slider/variations/_view/base.js.map +1 -1
  123. package/es/index.css +13 -38
  124. package/es/index.js +0 -2
  125. package/es/index.js.map +1 -1
  126. package/es/utils/index.js.map +1 -1
  127. package/package.json +2 -2
  128. package/styled-components/cjs/components/Slider/Slider.js +2 -10
  129. package/styled-components/cjs/components/Slider/Slider.template-doc.mdx +0 -26
  130. package/styled-components/cjs/components/Slider/Slider.tokens.js +17 -23
  131. package/styled-components/cjs/components/Slider/components/Double/Double.js +19 -54
  132. package/styled-components/cjs/components/Slider/components/Single/Single.js +33 -64
  133. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +6 -6
  134. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +12 -31
  135. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -6
  136. package/styled-components/cjs/components/Slider/ui/Handler/Handler.js +88 -52
  137. package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +4 -7
  138. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +2 -3
  139. package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
  140. package/styled-components/cjs/components/Slider/utils/index.js +10 -28
  141. package/styled-components/cjs/components/Slider/variations/_view/base.js +1 -2
  142. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
  143. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -98
  144. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  145. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  146. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +3 -3
  147. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -98
  148. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  149. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  150. package/styled-components/cjs/index.js +0 -11
  151. package/styled-components/es/components/Slider/Slider.js +2 -11
  152. package/styled-components/es/components/Slider/Slider.template-doc.mdx +0 -26
  153. package/styled-components/es/components/Slider/Slider.tokens.js +17 -23
  154. package/styled-components/es/components/Slider/components/Double/Double.js +19 -54
  155. package/styled-components/es/components/Slider/components/Single/Single.js +34 -65
  156. package/styled-components/es/components/Slider/components/Single/Single.styles.js +5 -5
  157. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +12 -31
  158. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -7
  159. package/styled-components/es/components/Slider/ui/Handler/Handler.js +86 -51
  160. package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +5 -8
  161. package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +2 -3
  162. package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +2 -2
  163. package/styled-components/es/components/Slider/utils/index.js +10 -28
  164. package/styled-components/es/components/Slider/variations/_view/base.js +1 -2
  165. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
  166. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +16 -98
  167. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  168. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  169. package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +3 -3
  170. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +15 -98
  171. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  172. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  173. package/styled-components/es/index.js +1 -2
  174. package/types/components/Slider/Slider.d.ts.map +1 -1
  175. package/types/components/Slider/Slider.tokens.d.ts +16 -22
  176. package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
  177. package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
  178. package/types/components/Slider/components/Double/Double.types.d.ts +0 -1
  179. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
  180. package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
  181. package/types/components/Slider/components/Single/Single.styles.d.ts +1 -1
  182. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
  183. package/types/components/Slider/components/Single/Single.types.d.ts +7 -79
  184. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
  185. package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -1
  186. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +1 -1
  187. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
  188. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -6
  189. package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -1
  190. package/types/components/Slider/ui/Handler/Handler.d.ts.map +1 -1
  191. package/types/components/Slider/ui/Handler/Handler.styles.d.ts +2 -6
  192. package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -1
  193. package/types/components/Slider/ui/Handler/Handler.types.d.ts +1 -5
  194. package/types/components/Slider/ui/Handler/Handler.types.d.ts.map +1 -1
  195. package/types/components/Slider/ui/Thumb/Thumb.d.ts +1 -1
  196. package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -1
  197. package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -1
  198. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -1
  199. package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -1
  200. package/types/components/Slider/utils/index.d.ts +8 -26
  201. package/types/components/Slider/utils/index.d.ts.map +1 -1
  202. package/types/components/Slider/variations/_view/base.d.ts.map +1 -1
  203. package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
  204. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +2 -80
  205. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
  206. package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -1
  207. package/types/examples/plasma_web/components/Slider/Slider.d.ts +2 -80
  208. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
  209. package/types/index.d.ts +0 -1
  210. package/types/index.d.ts.map +1 -1
  211. package/types/utils/index.d.ts +1 -1
  212. package/types/utils/index.d.ts.map +1 -1
  213. package/cjs/components/NumberInput/NumberInput.css +0 -52
  214. package/cjs/components/NumberInput/NumberInput.js +0 -183
  215. package/cjs/components/NumberInput/NumberInput.js.map +0 -1
  216. package/cjs/components/NumberInput/NumberInput.styles.js +0 -9
  217. package/cjs/components/NumberInput/NumberInput.styles.js.map +0 -1
  218. package/cjs/components/NumberInput/NumberInput.styles_jeawjl.css +0 -1
  219. package/cjs/components/NumberInput/NumberInput.tokens.js +0 -93
  220. package/cjs/components/NumberInput/NumberInput.tokens.js.map +0 -1
  221. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -19
  222. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.js.map +0 -1
  223. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -22
  224. package/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +0 -1
  225. package/cjs/components/NumberInput/ui/Input/Input.css +0 -15
  226. package/cjs/components/NumberInput/ui/Input/Input.js +0 -199
  227. package/cjs/components/NumberInput/ui/Input/Input.js.map +0 -1
  228. package/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -96
  229. package/cjs/components/NumberInput/ui/Input/Input.styles.js.map +0 -1
  230. package/cjs/components/NumberInput/ui/Input/Input.styles_fhgb95.css +0 -8
  231. package/cjs/components/NumberInput/utils/index.js +0 -8
  232. package/cjs/components/NumberInput/utils/index.js.map +0 -1
  233. package/cjs/components/NumberInput/variations/_background-type/base.js +0 -9
  234. package/cjs/components/NumberInput/variations/_background-type/base.js.map +0 -1
  235. package/cjs/components/NumberInput/variations/_background-type/base_dx9knv.css +0 -1
  236. package/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  237. package/cjs/components/NumberInput/variations/_disabled/base.js.map +0 -1
  238. package/cjs/components/NumberInput/variations/_disabled/base_1sl0mh8.css +0 -1
  239. package/cjs/components/NumberInput/variations/_segmentation/base.js +0 -9
  240. package/cjs/components/NumberInput/variations/_segmentation/base.js.map +0 -1
  241. package/cjs/components/NumberInput/variations/_segmentation/base_3r9a58.css +0 -1
  242. package/cjs/components/NumberInput/variations/_shape/base.js +0 -9
  243. package/cjs/components/NumberInput/variations/_shape/base.js.map +0 -1
  244. package/cjs/components/NumberInput/variations/_shape/base_k05biw.css +0 -1
  245. package/cjs/components/NumberInput/variations/_size/base.js +0 -9
  246. package/cjs/components/NumberInput/variations/_size/base.js.map +0 -1
  247. package/cjs/components/NumberInput/variations/_size/base_yqdmk4.css +0 -1
  248. package/cjs/components/NumberInput/variations/_view/base.js +0 -9
  249. package/cjs/components/NumberInput/variations/_view/base.js.map +0 -1
  250. package/cjs/components/NumberInput/variations/_view/base_3gefjm.css +0 -1
  251. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -98
  252. package/cjs/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
  253. package/cjs/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
  254. package/cjs/components/Slider/ui/Handler/Handler.styles_irtcgm.css +0 -2
  255. package/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -122
  256. package/cjs/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
  257. package/cjs/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +0 -1
  258. package/cjs/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
  259. package/emotion/cjs/components/NumberInput/NumberInput.js +0 -193
  260. package/emotion/cjs/components/NumberInput/NumberInput.styles.js +0 -17
  261. package/emotion/cjs/components/NumberInput/NumberInput.tokens.js +0 -90
  262. package/emotion/cjs/components/NumberInput/NumberInput.types.js +0 -5
  263. package/emotion/cjs/components/NumberInput/index.js +0 -31
  264. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -18
  265. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -16
  266. package/emotion/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -5
  267. package/emotion/cjs/components/NumberInput/ui/Input/Input.js +0 -207
  268. package/emotion/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -81
  269. package/emotion/cjs/components/NumberInput/ui/Input/Input.types.js +0 -5
  270. package/emotion/cjs/components/NumberInput/ui/index.js +0 -19
  271. package/emotion/cjs/components/NumberInput/utils/index.js +0 -7
  272. package/emotion/cjs/components/NumberInput/variations/_background-type/base.js +0 -10
  273. package/emotion/cjs/components/NumberInput/variations/_background-type/tokens.json +0 -6
  274. package/emotion/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  275. package/emotion/cjs/components/NumberInput/variations/_disabled/tokens.json +0 -4
  276. package/emotion/cjs/components/NumberInput/variations/_segmentation/base.js +0 -12
  277. package/emotion/cjs/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  278. package/emotion/cjs/components/NumberInput/variations/_shape/base.js +0 -11
  279. package/emotion/cjs/components/NumberInput/variations/_shape/tokens.json +0 -1
  280. package/emotion/cjs/components/NumberInput/variations/_size/base.js +0 -13
  281. package/emotion/cjs/components/NumberInput/variations/_size/tokens.json +0 -22
  282. package/emotion/cjs/components/NumberInput/variations/_view/base.js +0 -13
  283. package/emotion/cjs/components/NumberInput/variations/_view/tokens.json +0 -14
  284. package/emotion/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
  285. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -46
  286. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -11
  287. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  288. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -46
  289. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +0 -11
  290. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  291. package/emotion/es/components/NumberInput/NumberInput.js +0 -185
  292. package/emotion/es/components/NumberInput/NumberInput.styles.js +0 -11
  293. package/emotion/es/components/NumberInput/NumberInput.tokens.js +0 -84
  294. package/emotion/es/components/NumberInput/NumberInput.types.js +0 -1
  295. package/emotion/es/components/NumberInput/index.js +0 -2
  296. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -11
  297. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -9
  298. package/emotion/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -1
  299. package/emotion/es/components/NumberInput/ui/Input/Input.js +0 -198
  300. package/emotion/es/components/NumberInput/ui/Input/Input.styles.js +0 -74
  301. package/emotion/es/components/NumberInput/ui/Input/Input.types.js +0 -1
  302. package/emotion/es/components/NumberInput/ui/index.js +0 -2
  303. package/emotion/es/components/NumberInput/utils/index.js +0 -1
  304. package/emotion/es/components/NumberInput/variations/_background-type/base.js +0 -4
  305. package/emotion/es/components/NumberInput/variations/_background-type/tokens.json +0 -6
  306. package/emotion/es/components/NumberInput/variations/_disabled/base.js +0 -3
  307. package/emotion/es/components/NumberInput/variations/_disabled/tokens.json +0 -4
  308. package/emotion/es/components/NumberInput/variations/_segmentation/base.js +0 -6
  309. package/emotion/es/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  310. package/emotion/es/components/NumberInput/variations/_shape/base.js +0 -5
  311. package/emotion/es/components/NumberInput/variations/_shape/tokens.json +0 -1
  312. package/emotion/es/components/NumberInput/variations/_size/base.js +0 -7
  313. package/emotion/es/components/NumberInput/variations/_size/tokens.json +0 -22
  314. package/emotion/es/components/NumberInput/variations/_view/base.js +0 -7
  315. package/emotion/es/components/NumberInput/variations/_view/tokens.json +0 -14
  316. package/emotion/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
  317. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -40
  318. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -5
  319. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  320. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -40
  321. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.js +0 -5
  322. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  323. package/es/components/NumberInput/NumberInput.css +0 -52
  324. package/es/components/NumberInput/NumberInput.js +0 -178
  325. package/es/components/NumberInput/NumberInput.js.map +0 -1
  326. package/es/components/NumberInput/NumberInput.styles.js +0 -5
  327. package/es/components/NumberInput/NumberInput.styles.js.map +0 -1
  328. package/es/components/NumberInput/NumberInput.styles_jeawjl.css +0 -1
  329. package/es/components/NumberInput/NumberInput.tokens.js +0 -87
  330. package/es/components/NumberInput/NumberInput.tokens.js.map +0 -1
  331. package/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -15
  332. package/es/components/NumberInput/ui/ActionButton/ActionButton.js.map +0 -1
  333. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -18
  334. package/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js.map +0 -1
  335. package/es/components/NumberInput/ui/Input/Input.css +0 -15
  336. package/es/components/NumberInput/ui/Input/Input.js +0 -195
  337. package/es/components/NumberInput/ui/Input/Input.js.map +0 -1
  338. package/es/components/NumberInput/ui/Input/Input.styles.js +0 -85
  339. package/es/components/NumberInput/ui/Input/Input.styles.js.map +0 -1
  340. package/es/components/NumberInput/ui/Input/Input.styles_fhgb95.css +0 -8
  341. package/es/components/NumberInput/utils/index.js +0 -4
  342. package/es/components/NumberInput/utils/index.js.map +0 -1
  343. package/es/components/NumberInput/variations/_background-type/base.js +0 -5
  344. package/es/components/NumberInput/variations/_background-type/base.js.map +0 -1
  345. package/es/components/NumberInput/variations/_background-type/base_dx9knv.css +0 -1
  346. package/es/components/NumberInput/variations/_disabled/base.js +0 -5
  347. package/es/components/NumberInput/variations/_disabled/base.js.map +0 -1
  348. package/es/components/NumberInput/variations/_disabled/base_1sl0mh8.css +0 -1
  349. package/es/components/NumberInput/variations/_segmentation/base.js +0 -5
  350. package/es/components/NumberInput/variations/_segmentation/base.js.map +0 -1
  351. package/es/components/NumberInput/variations/_segmentation/base_3r9a58.css +0 -1
  352. package/es/components/NumberInput/variations/_shape/base.js +0 -5
  353. package/es/components/NumberInput/variations/_shape/base.js.map +0 -1
  354. package/es/components/NumberInput/variations/_shape/base_k05biw.css +0 -1
  355. package/es/components/NumberInput/variations/_size/base.js +0 -5
  356. package/es/components/NumberInput/variations/_size/base.js.map +0 -1
  357. package/es/components/NumberInput/variations/_size/base_yqdmk4.css +0 -1
  358. package/es/components/NumberInput/variations/_view/base.js +0 -5
  359. package/es/components/NumberInput/variations/_view/base.js.map +0 -1
  360. package/es/components/NumberInput/variations/_view/base_3gefjm.css +0 -1
  361. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +0 -98
  362. package/es/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
  363. package/es/components/Slider/components/SliderBase/SliderBase.styles_1qt1224.css +0 -5
  364. package/es/components/Slider/ui/Handler/Handler.styles_irtcgm.css +0 -2
  365. package/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -118
  366. package/es/components/Slider/ui/Handler/computeKeyPressData.js.map +0 -1
  367. package/es/components/Slider/ui/Thumb/Thumb.styles_uyn20e.css +0 -1
  368. package/es/components/Slider/variations/_view/base_1s3f6q8.css +0 -1
  369. package/styled-components/cjs/components/NumberInput/NumberInput.js +0 -193
  370. package/styled-components/cjs/components/NumberInput/NumberInput.styles.js +0 -8
  371. package/styled-components/cjs/components/NumberInput/NumberInput.tokens.js +0 -90
  372. package/styled-components/cjs/components/NumberInput/NumberInput.types.js +0 -5
  373. package/styled-components/cjs/components/NumberInput/index.js +0 -31
  374. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.js +0 -18
  375. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -15
  376. package/styled-components/cjs/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -5
  377. package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +0 -207
  378. package/styled-components/cjs/components/NumberInput/ui/Input/Input.styles.js +0 -48
  379. package/styled-components/cjs/components/NumberInput/ui/Input/Input.types.js +0 -5
  380. package/styled-components/cjs/components/NumberInput/ui/index.js +0 -19
  381. package/styled-components/cjs/components/NumberInput/utils/index.js +0 -7
  382. package/styled-components/cjs/components/NumberInput/variations/_background-type/base.js +0 -10
  383. package/styled-components/cjs/components/NumberInput/variations/_background-type/tokens.json +0 -6
  384. package/styled-components/cjs/components/NumberInput/variations/_disabled/base.js +0 -9
  385. package/styled-components/cjs/components/NumberInput/variations/_disabled/tokens.json +0 -4
  386. package/styled-components/cjs/components/NumberInput/variations/_segmentation/base.js +0 -12
  387. package/styled-components/cjs/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  388. package/styled-components/cjs/components/NumberInput/variations/_shape/base.js +0 -11
  389. package/styled-components/cjs/components/NumberInput/variations/_shape/tokens.json +0 -1
  390. package/styled-components/cjs/components/NumberInput/variations/_size/base.js +0 -13
  391. package/styled-components/cjs/components/NumberInput/variations/_size/tokens.json +0 -22
  392. package/styled-components/cjs/components/NumberInput/variations/_view/base.js +0 -13
  393. package/styled-components/cjs/components/NumberInput/variations/_view/tokens.json +0 -14
  394. package/styled-components/cjs/components/Slider/ui/Handler/computeKeyPressData.js +0 -121
  395. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -46
  396. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -11
  397. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  398. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -46
  399. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.js +0 -11
  400. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  401. package/styled-components/es/components/NumberInput/NumberInput.js +0 -185
  402. package/styled-components/es/components/NumberInput/NumberInput.styles.js +0 -2
  403. package/styled-components/es/components/NumberInput/NumberInput.tokens.js +0 -84
  404. package/styled-components/es/components/NumberInput/NumberInput.types.js +0 -1
  405. package/styled-components/es/components/NumberInput/index.js +0 -2
  406. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.js +0 -11
  407. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.styles.js +0 -8
  408. package/styled-components/es/components/NumberInput/ui/ActionButton/ActionButton.types.js +0 -1
  409. package/styled-components/es/components/NumberInput/ui/Input/Input.js +0 -198
  410. package/styled-components/es/components/NumberInput/ui/Input/Input.styles.js +0 -41
  411. package/styled-components/es/components/NumberInput/ui/Input/Input.types.js +0 -1
  412. package/styled-components/es/components/NumberInput/ui/index.js +0 -2
  413. package/styled-components/es/components/NumberInput/utils/index.js +0 -1
  414. package/styled-components/es/components/NumberInput/variations/_background-type/base.js +0 -4
  415. package/styled-components/es/components/NumberInput/variations/_background-type/tokens.json +0 -6
  416. package/styled-components/es/components/NumberInput/variations/_disabled/base.js +0 -3
  417. package/styled-components/es/components/NumberInput/variations/_disabled/tokens.json +0 -4
  418. package/styled-components/es/components/NumberInput/variations/_segmentation/base.js +0 -6
  419. package/styled-components/es/components/NumberInput/variations/_segmentation/tokens.json +0 -1
  420. package/styled-components/es/components/NumberInput/variations/_shape/base.js +0 -5
  421. package/styled-components/es/components/NumberInput/variations/_shape/tokens.json +0 -1
  422. package/styled-components/es/components/NumberInput/variations/_size/base.js +0 -7
  423. package/styled-components/es/components/NumberInput/variations/_size/tokens.json +0 -22
  424. package/styled-components/es/components/NumberInput/variations/_view/base.js +0 -7
  425. package/styled-components/es/components/NumberInput/variations/_view/tokens.json +0 -14
  426. package/styled-components/es/components/Slider/ui/Handler/computeKeyPressData.js +0 -115
  427. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.config.js +0 -40
  428. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.js +0 -5
  429. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +0 -108
  430. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.config.js +0 -40
  431. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.js +0 -5
  432. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +0 -108
  433. package/types/components/NumberInput/NumberInput.d.ts +0 -38
  434. package/types/components/NumberInput/NumberInput.d.ts.map +0 -1
  435. package/types/components/NumberInput/NumberInput.styles.d.ts +0 -2
  436. package/types/components/NumberInput/NumberInput.styles.d.ts.map +0 -1
  437. package/types/components/NumberInput/NumberInput.tokens.d.ts +0 -79
  438. package/types/components/NumberInput/NumberInput.tokens.d.ts.map +0 -1
  439. package/types/components/NumberInput/NumberInput.types.d.ts +0 -112
  440. package/types/components/NumberInput/NumberInput.types.d.ts.map +0 -1
  441. package/types/components/NumberInput/index.d.ts +0 -3
  442. package/types/components/NumberInput/index.d.ts.map +0 -1
  443. package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts +0 -4
  444. package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts.map +0 -1
  445. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +0 -45
  446. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts.map +0 -1
  447. package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts +0 -7
  448. package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts.map +0 -1
  449. package/types/components/NumberInput/ui/Input/Input.d.ts +0 -16
  450. package/types/components/NumberInput/ui/Input/Input.d.ts.map +0 -1
  451. package/types/components/NumberInput/ui/Input/Input.styles.d.ts +0 -30
  452. package/types/components/NumberInput/ui/Input/Input.styles.d.ts.map +0 -1
  453. package/types/components/NumberInput/ui/Input/Input.types.d.ts +0 -16
  454. package/types/components/NumberInput/ui/Input/Input.types.d.ts.map +0 -1
  455. package/types/components/NumberInput/ui/index.d.ts +0 -3
  456. package/types/components/NumberInput/ui/index.d.ts.map +0 -1
  457. package/types/components/NumberInput/utils/index.d.ts +0 -2
  458. package/types/components/NumberInput/utils/index.d.ts.map +0 -1
  459. package/types/components/NumberInput/variations/_background-type/base.d.ts +0 -2
  460. package/types/components/NumberInput/variations/_background-type/base.d.ts.map +0 -1
  461. package/types/components/NumberInput/variations/_disabled/base.d.ts +0 -2
  462. package/types/components/NumberInput/variations/_disabled/base.d.ts.map +0 -1
  463. package/types/components/NumberInput/variations/_segmentation/base.d.ts +0 -2
  464. package/types/components/NumberInput/variations/_segmentation/base.d.ts.map +0 -1
  465. package/types/components/NumberInput/variations/_shape/base.d.ts +0 -2
  466. package/types/components/NumberInput/variations/_shape/base.d.ts.map +0 -1
  467. package/types/components/NumberInput/variations/_size/base.d.ts +0 -2
  468. package/types/components/NumberInput/variations/_size/base.d.ts.map +0 -1
  469. package/types/components/NumberInput/variations/_view/base.d.ts +0 -2
  470. package/types/components/NumberInput/variations/_view/base.d.ts.map +0 -1
  471. package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts +0 -12
  472. package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts.map +0 -1
  473. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts +0 -39
  474. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.config.d.ts.map +0 -1
  475. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts +0 -82
  476. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts.map +0 -1
  477. package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts +0 -39
  478. package/types/examples/plasma_web/components/NumberInput/NumberInput.config.d.ts.map +0 -1
  479. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts +0 -82
  480. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts.map +0 -1
  481. /package/cjs/components/{NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css → Slider/variations/_view/base_x642ct.css} +0 -0
  482. /package/es/components/{NumberInput/ui/ActionButton/ActionButton.styles_x642ct.css → Slider/variations/_view/base_x642ct.css} +0 -0
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.NumberInput = void 0;
7
- var _NumberInput = /*#__PURE__*/require("../../../../components/NumberInput");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _NumberInput2 = /*#__PURE__*/require("./NumberInput.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_NumberInput.numberInputConfig, _NumberInput2.config);
11
- var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -1,108 +0,0 @@
1
- import React, { ComponentProps, useState } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import { action } from '@storybook/addon-actions';
4
-
5
- import { WithTheme } from '../../../_helpers';
6
-
7
- import { NumberInput } from './NumberInput';
8
-
9
- const onChange = action('onChange');
10
- const onDecrement = action('onDecrement');
11
- const onIncrement = action('onIncrement');
12
-
13
- const views = ['default', 'secondary', 'accent', 'clear'];
14
- const sizes = ['l', 'm', 's', 'xs'];
15
- const shapes = ['cornered', 'pilled'];
16
- const inputBackgroundTypes = ['fill', 'clear'];
17
- const segmentation = ['default', 'segmented', 'solid'];
18
-
19
- const meta: Meta<typeof NumberInput> = {
20
- title: 'plasma_web/NumberInput',
21
- component: NumberInput,
22
- decorators: [WithTheme],
23
- argTypes: {
24
- min: {
25
- control: {
26
- type: 'number',
27
- },
28
- },
29
- max: {
30
- control: {
31
- type: 'number',
32
- },
33
- },
34
- view: {
35
- options: views,
36
- control: {
37
- type: 'select',
38
- },
39
- },
40
- size: {
41
- options: sizes,
42
- control: {
43
- type: 'inline-radio',
44
- },
45
- },
46
- shape: {
47
- options: shapes,
48
- control: {
49
- type: 'inline-radio',
50
- },
51
- },
52
- inputBackgroundType: {
53
- options: inputBackgroundTypes,
54
- control: {
55
- type: 'inline-radio',
56
- },
57
- },
58
- segmentation: {
59
- options: segmentation,
60
- control: {
61
- type: 'select',
62
- },
63
- },
64
- },
65
- };
66
-
67
- export default meta;
68
-
69
- type StoryPropsDefault = ComponentProps<typeof NumberInput>;
70
-
71
- const StoryDefault = (args: StoryPropsDefault) => {
72
- const [value, setValue] = useState(5);
73
-
74
- const handleChange = (_: any, newValue: number) => {
75
- setValue(newValue);
76
- onChange(newValue);
77
- };
78
-
79
- return (
80
- <NumberInput
81
- {...args}
82
- value={value}
83
- onChange={handleChange}
84
- onDecrement={onDecrement}
85
- onIncrement={onIncrement}
86
- />
87
- );
88
- };
89
-
90
- export const Default: StoryObj<StoryPropsDefault> = {
91
- args: {
92
- view: 'default',
93
- size: 'l',
94
- shape: 'cornered',
95
- inputBackgroundType: 'fill',
96
- segmentation: 'default',
97
- min: 0,
98
- max: 9,
99
- step: 1,
100
- width: 188,
101
- isManualInput: false,
102
- textBefore: '',
103
- textAfter: '',
104
- isLoading: false,
105
- disabled: false,
106
- },
107
- render: StoryDefault,
108
- };
@@ -1,185 +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 = ["className", "style", "width", "value", "min", "max", "step", "isLoading", "loader", "size", "view", "clear", "shape", "segmentation", "inputBackgroundType", "disabled", "textBefore", "textAfter", "customIncrementButton", "incrementIcon", "customDecrementButton", "decrementIcon", "isManualInput", "onChange", "onIncrement", "onDecrement"];
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, { forwardRef, useState } from 'react';
18
- import { cx, getSizeValueFromProp } from '../../utils';
19
- import { IconMinus, IconPlus } from '../_Icon';
20
- import { ActionButton, NumberInput } from './ui';
21
- import { classes, privateTokens } from './NumberInput.tokens';
22
- import { base } from './NumberInput.styles';
23
- import { base as viewCSS } from './variations/_view/base';
24
- import { base as sizeCSS } from './variations/_size/base';
25
- import { base as shapeCSS } from './variations/_shape/base';
26
- import { base as inputBackgroundTypeCSS } from './variations/_background-type/base';
27
- import { base as segmentationCSS } from './variations/_segmentation/base';
28
- import { base as disabledCSS } from './variations/_disabled/base';
29
- export var numberInputRoot = function numberInputRoot(Root) {
30
- return /*#__PURE__*/forwardRef(function (_ref, ref) {
31
- var _ref2;
32
- var className = _ref.className,
33
- style = _ref.style,
34
- width = _ref.width,
35
- value = _ref.value,
36
- min = _ref.min,
37
- max = _ref.max,
38
- _ref$step = _ref.step,
39
- step = _ref$step === void 0 ? 1 : _ref$step,
40
- isLoading = _ref.isLoading,
41
- loader = _ref.loader,
42
- size = _ref.size,
43
- view = _ref.view,
44
- clear = _ref.clear,
45
- shape = _ref.shape,
46
- segmentation = _ref.segmentation,
47
- _ref$inputBackgroundT = _ref.inputBackgroundType,
48
- inputBackgroundType = _ref$inputBackgroundT === void 0 ? 'fill' : _ref$inputBackgroundT,
49
- disabled = _ref.disabled,
50
- textBefore = _ref.textBefore,
51
- textAfter = _ref.textAfter,
52
- customIncrementButton = _ref.customIncrementButton,
53
- incrementIcon = _ref.incrementIcon,
54
- customDecrementButton = _ref.customDecrementButton,
55
- decrementIcon = _ref.decrementIcon,
56
- isManualInput = _ref.isManualInput,
57
- onChange = _ref.onChange,
58
- onIncrement = _ref.onIncrement,
59
- onDecrement = _ref.onDecrement,
60
- rest = _objectWithoutProperties(_ref, _excluded);
61
- var _useState = useState((_ref2 = value !== null && value !== void 0 ? value : min) !== null && _ref2 !== void 0 ? _ref2 : 0),
62
- _useState2 = _slicedToArray(_useState, 2),
63
- innerValue = _useState2[0],
64
- setInnerValue = _useState2[1];
65
- var innerWidth = width ? getSizeValueFromProp(width) : '100%';
66
- var actionIconSize = size === 'xs' ? 'xs' : 's';
67
- var solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;
68
- var segmentedViewClass = segmentation === 'segmented' ? classes.segmentedView : undefined;
69
- var clearViewClass = clear ? classes.clearView : undefined;
70
- var disabledClass = disabled ? classes.disabled : undefined;
71
- var isMinValue = function isMinValue(currentValue) {
72
- return min !== undefined && currentValue <= Number(min);
73
- };
74
- var isMaxValue = function isMaxValue(currentValue) {
75
- return max !== undefined && currentValue >= Number(max);
76
- };
77
- var decrementButtonDisabled = isMinValue(Number(innerValue)) || isLoading ? classes.actionButtonDecrementDisabled : undefined;
78
- var incrementButtonDisabled = isMaxValue(Number(innerValue)) || isLoading ? classes.actionButtonIncrementDisabled : undefined;
79
- var handleDecrement = function handleDecrement() {
80
- if (isLoading || disabled) {
81
- return;
82
- }
83
- var diffValue = Number(innerValue) - step;
84
- var resValue = !isMinValue(diffValue) ? diffValue : Number(min);
85
- setInnerValue(resValue);
86
- if (onDecrement) {
87
- onDecrement(resValue);
88
- }
89
- if (onChange) {
90
- onChange(null, resValue);
91
- }
92
- };
93
- var handleIncrement = function handleIncrement() {
94
- if (isLoading || disabled) {
95
- return;
96
- }
97
- var diffValue = Number(innerValue) + step;
98
- var resValue = !isMaxValue(diffValue) ? diffValue : Number(max);
99
- setInnerValue(resValue);
100
- if (onIncrement) {
101
- onIncrement(resValue);
102
- }
103
- if (onChange) {
104
- onChange(null, resValue);
105
- }
106
- };
107
- return /*#__PURE__*/React.createElement(Root, _extends({
108
- view: view,
109
- size: size,
110
- disabled: disabled,
111
- clear: clear,
112
- shape: shape,
113
- segmentation: segmentation,
114
- isLoading: isLoading
115
- }, segmentation === 'solid' ? {
116
- inputBackgroundType: 'clear'
117
- } : {
118
- inputBackgroundType: inputBackgroundType
119
- }, {
120
- className: cx(className, solidViewClass, segmentedViewClass, clearViewClass, disabledClass),
121
- style: _objectSpread(_objectSpread({}, style), {}, _defineProperty({}, privateTokens.inputWidth, innerWidth))
122
- }), customDecrementButton || /*#__PURE__*/React.createElement(ActionButton, {
123
- className: cx(classes.actionButtonDecrement, decrementButtonDisabled, solidViewClass, segmentedViewClass),
124
- icon: decrementIcon || /*#__PURE__*/React.createElement(IconMinus, {
125
- color: "inherit",
126
- size: actionIconSize
127
- }),
128
- onClick: handleDecrement
129
- }), /*#__PURE__*/React.createElement(NumberInput, _extends({
130
- ref: ref,
131
- segmentation: segmentation,
132
- value: innerValue,
133
- min: min,
134
- max: max,
135
- isManualInput: isManualInput,
136
- textBefore: textBefore,
137
- textAfter: textAfter,
138
- isLoading: isLoading,
139
- loader: loader,
140
- disabled: disabled,
141
- setInnerValue: setInnerValue,
142
- onChange: onChange
143
- }, rest)), customIncrementButton || /*#__PURE__*/React.createElement(ActionButton, {
144
- className: cx(classes.actionButtonIncrement, incrementButtonDisabled, solidViewClass, segmentedViewClass),
145
- icon: incrementIcon || /*#__PURE__*/React.createElement(IconPlus, {
146
- color: "inherit",
147
- size: actionIconSize
148
- }),
149
- onClick: handleIncrement
150
- }));
151
- });
152
- };
153
- export var numberInputConfig = {
154
- name: 'NumberInput',
155
- tag: 'div',
156
- layout: numberInputRoot,
157
- base: base,
158
- variations: {
159
- view: {
160
- css: viewCSS
161
- },
162
- size: {
163
- css: sizeCSS
164
- },
165
- shape: {
166
- css: shapeCSS
167
- },
168
- inputBackgroundType: {
169
- css: inputBackgroundTypeCSS
170
- },
171
- segmentation: {
172
- css: segmentationCSS
173
- },
174
- disabled: {
175
- css: disabledCSS,
176
- attrs: true
177
- }
178
- },
179
- defaults: {
180
- view: 'default',
181
- size: 'l',
182
- shape: 'cornered',
183
- segmentation: 'default'
184
- }
185
- };
@@ -1,11 +0,0 @@
1
- function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
2
- import { css } from '@emotion/react';
3
- export var base = process.env.NODE_ENV === "production" ? {
4
- name: "1dep0p4-plasma-new-hope__base",
5
- styles: "display:flex;align-items:center;label:plasma-new-hope__base;"
6
- } : {
7
- name: "1dep0p4-plasma-new-hope__base",
8
- styles: "display:flex;align-items:center;label:plasma-new-hope__base;",
9
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTnVtYmVySW5wdXQvTnVtYmVySW5wdXQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL051bWJlcklucHV0L051bWJlcklucHV0LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcbiJdfQ== */",
10
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
11
- };
@@ -1,84 +0,0 @@
1
- export var classes = {
2
- actionButtonDecrement: 'action-button-decrement',
3
- actionButtonDecrementDisabled: 'action-button-decrement-disabled',
4
- actionButtonIncrement: 'action-button-increment',
5
- actionButtonIncrementDisabled: 'action-button-increment-disabled',
6
- textBefore: 'text-before',
7
- textAfter: 'text-after',
8
- solidView: 'solid-view',
9
- segmentedView: 'segmented-view',
10
- clearView: 'clear-view',
11
- errorAnimation: 'error-animation',
12
- disabled: 'number-input-disabled',
13
- manualInput: 'manual-input-number-input'
14
- };
15
- export var privateTokens = {
16
- inputWidth: '--plasma_private-number-input_width',
17
- segmentationBorderRadius: '--plasma_private-segemntation-border-radius',
18
- segmentationInputBorderRadius: '--plasma_private-segemntation_input_border-radius'
19
- };
20
- export var tokens = {
21
- // Root size tokens
22
- rootMinWidth: '--plasma-number-input_min-width',
23
- disabledOpacity: '--plasma-number-input_disabled-opacity',
24
- // Action button view tokens
25
- iconButtonColor: '--plasma-number-input_icon-button_color',
26
- iconButtonBackgroundColor: '--plasma-number-input_icon-button_background-color',
27
- iconButtonColorHover: '--plasma-number-input_icon-button_color-hover',
28
- iconButtonColorSolidHover: '--plasma-number-input_icon-button_color_solid-hover',
29
- iconButtonBackgroundColorHover: '--plasma-number-input_icon-button_background-color-hover',
30
- iconButtonColorActive: '--plasma-number-input_icon-button_color-active',
31
- iconButtonColorSolidActive: '--plasma-number-input_icon-button_color_solid-active',
32
- iconButtonBackgroundColorActive: '--plasma-number-input_icon-button_background-color-active',
33
- actionButtonDisabledOpacity: '--plasma-number-input_action-button_disabled-opacity',
34
- // Action button size tokens
35
- iconButtonHeight: '--plasma-number-input_icon-button_height',
36
- iconButtonWidth: '--plasma-number-input_icon-button_width',
37
- iconButtonPadding: '--plasma-number-input_icon-button_padding',
38
- iconButtonRadius: '--plasma-number-input_icon-button_radius',
39
- iconButtonSegmentationRadius: '--plasma-number-input_icon-button_segmentation_radius',
40
- iconButtonFontFamily: '--plasma-number-input_icon-button_font-family',
41
- iconButtonFontSize: '--plasma-number-input_icon-button_font-size',
42
- iconButtonFontStyle: '--plasma-number-input_icon-button_font-style',
43
- iconButtonFontWeight: '--plasma-number-input_icon-button_font-weight',
44
- iconButtonLetterSpacing: '--plasma-number-input_icon-button_letter-spacing',
45
- iconButtonLineHeight: '--plasma-number-input_icon-button_line-height',
46
- // Input size tokens
47
- inputWrapperBorderWidth: '--plasma-number-input_input-wrapper_border-width',
48
- inputWrapperMargin: '--plasma-number-input_input-wrapper_margin',
49
- inputWrapperBorderRadius: '--plasma-number-input_input-wrapper_border-radius',
50
- textWrapperHeight: '--plasma-number-input_text-wrapper_height',
51
- textWrapperPadding: '--plasma-number-input_text-wrapper_padding',
52
- fontFamily: '--plasma-number-input_font-family',
53
- fontStyle: '--plasma-number-input_font-style',
54
- fontSize: '--plasma-number-input_font-size',
55
- fontWeight: '--plasma-number-input_font-weight',
56
- letterSpacing: '--plasma-number-input_letter-spacing',
57
- lineHeight: '--plasma-number-input_line-height',
58
- textBeforeMarginRight: '--plasma-number-input_text-before_margin-right',
59
- textAfterMarginLeft: '--plasma-number-input_text-after_margin-left',
60
- // Input view tokens
61
- caretColor: '--plasma-number-input_caret_color',
62
- caretColorSolid: '--plasma-number-input_caret_color-solid',
63
- color: '--plasma-number-input_color',
64
- colorSolid: '--plasma-number-input_color-solid',
65
- backgroundColor: '--plasma-number-input_background-color',
66
- backgroundColorHover: '--plasma-number-input_background-color-hover',
67
- backgroundColorFocus: '--plasma-number-input_background-color-focus',
68
- backgroundColorSolidFocus: '--plasma-number-input_background-color-solid-focus',
69
- backgroundColorSolid: '--plasma-number-input_background-color-solid',
70
- borderColor: '--plasma-number-input_border-color',
71
- borderColorHover: '--plasma-number-input_border-color-hover',
72
- borderColorFocus: '--plasma-number-input_border-color-focus',
73
- borderColorSolidFocus: '--plasma-number-input_border-color-solid-focus',
74
- borderColorSolid: '--plasma-number-input_border-color-solid',
75
- additionalTextColor: '--plasma-number-input_additional-text_color',
76
- additionalTextColorSolid: '--plasma-number-input_additional-text_color-solid',
77
- errorColor: '--plasma-number-input_error-color',
78
- backgroundErrorColor: '--plasma-number-input_background_error-color',
79
- borderErrorColor: '--plasma-number-input_border_error-color',
80
- // Loader tokens
81
- loaderSpinnerSize: '--plasma-number-input_loader-spinner_size',
82
- loaderSpinnerColor: '--plasma-number-input_loader-spinner_color',
83
- loaderSpinnerColorSolid: '--plasma-number-input_loader-spinner_color-solid'
84
- };
@@ -1,2 +0,0 @@
1
- export { numberInputRoot, numberInputConfig } from './NumberInput';
2
- export { tokens as numberInputTokens, classes as numberInputClasses } from './NumberInput.tokens';
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { StyledIconButton } from './ActionButton.styles';
3
- export var ActionButton = function ActionButton(_ref) {
4
- var icon = _ref.icon,
5
- className = _ref.className,
6
- onClick = _ref.onClick;
7
- return /*#__PURE__*/React.createElement(StyledIconButton, {
8
- className: className,
9
- onClick: onClick
10
- }, icon);
11
- };
@@ -1,9 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- import { iconButtonConfig } from '../../../IconButton';
3
- import { component, mergeConfig } from '../../../../engines';
4
- var mergedIconButtonConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
5
- var IconButton = /*#__PURE__*/component(mergedIconButtonConfig);
6
- export var StyledIconButton = /*#__PURE__*/_styled(IconButton, {
7
- target: "e1l688ca0",
8
- label: "plasma-new-hope__StyledIconButton"
9
- })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTnVtYmVySW5wdXQvdWkvQWN0aW9uQnV0dG9uL0FjdGlvbkJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWtEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTnVtYmVySW5wdXQvdWkvQWN0aW9uQnV0dG9uL0FjdGlvbkJ1dHRvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGljb25CdXR0b25Db25maWcgfSBmcm9tICcuLi8uLi8uLi9JY29uQnV0dG9uJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcblxuY29uc3QgbWVyZ2VkSWNvbkJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGljb25CdXR0b25Db25maWcpO1xuY29uc3QgSWNvbkJ1dHRvbiA9IGNvbXBvbmVudChtZXJnZWRJY29uQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgYDtcbiJdfQ== */");
@@ -1,198 +0,0 @@
1
- var _StyledSpinner;
2
- var _excluded = ["value", "min", "max", "isLoading", "loader", "disabled", "segmentation", "textBefore", "textAfter", "isManualInput", "setInnerValue", "onChange", "onBlur", "onKeyDown"];
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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
5
- 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."); }
6
- 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); }
7
- 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; }
8
- 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; } }
9
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
10
- 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; }
11
- 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; }
12
- import React, { forwardRef, useEffect, useRef, useState } from 'react';
13
- import { useForkRef } from '@salutejs/plasma-core';
14
- import { classes } from '../../NumberInput.tokens';
15
- import { cx, isNumber } from '../../../../utils';
16
- import { useDidMountEffect } from '../../../../hooks';
17
- import { numberPettern } from '../../utils';
18
- import { keyCodes } from '../../../../utils/constants';
19
- import { AdditionalText, Input, InputWrapper, DynamicInput, InputWidthHelper, TextWrapper, StyledSpinner, Loader } from './Input.styles';
20
- export var NumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
21
- var value = _ref.value,
22
- min = _ref.min,
23
- max = _ref.max,
24
- isLoading = _ref.isLoading,
25
- loader = _ref.loader,
26
- disabled = _ref.disabled,
27
- segmentation = _ref.segmentation,
28
- textBefore = _ref.textBefore,
29
- textAfter = _ref.textAfter,
30
- isManualInput = _ref.isManualInput,
31
- setInnerValue = _ref.setInnerValue,
32
- onChange = _ref.onChange,
33
- onBlur = _ref.onBlur,
34
- onKeyDown = _ref.onKeyDown,
35
- rest = _objectWithoutProperties(_ref, _excluded);
36
- var _useState = useState(value ? "".concat(String(value).length, "ch") : '1ch'),
37
- _useState2 = _slicedToArray(_useState, 2),
38
- dynamicWidth = _useState2[0],
39
- setDynamicWidth = _useState2[1];
40
- var _useState3 = useState(Number(value)),
41
- _useState4 = _slicedToArray(_useState3, 2),
42
- lastValidValue = _useState4[0],
43
- setLastValidValue = _useState4[1];
44
- var _useState5 = useState(undefined),
45
- _useState6 = _slicedToArray(_useState5, 2),
46
- errorClass = _useState6[0],
47
- setErrorClass = _useState6[1];
48
- var _useState7 = useState(),
49
- _useState8 = _slicedToArray(_useState7, 2),
50
- errorValue = _useState8[0],
51
- setErrorValue = _useState8[1];
52
- var _useState9 = useState(false),
53
- _useState10 = _slicedToArray(_useState9, 2),
54
- isEditing = _useState10[0],
55
- setIsEditing = _useState10[1];
56
- var inputHelperRef = useRef(null);
57
- var wrapperRef = useRef(null);
58
- var textWrapperRef = useRef(null);
59
- var inputRef = useRef(null);
60
- var inputForkRef = useForkRef(inputRef, ref);
61
- var solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;
62
- var manualInputClass = isManualInput ? classes.manualInput : undefined;
63
- var getInputWidth = function getInputWidth() {
64
- var _inputHelperRef$curre;
65
- var firstRender = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
66
- if (!firstRender && (_inputHelperRef$curre = inputHelperRef.current) !== null && _inputHelperRef$curre !== void 0 && _inputHelperRef$curre.clientWidth) {
67
- var _inputHelperRef$curre2;
68
- return "".concat((_inputHelperRef$curre2 = inputHelperRef.current) === null || _inputHelperRef$curre2 === void 0 ? void 0 : _inputHelperRef$curre2.clientWidth, "px");
69
- }
70
- if (value) {
71
- return "".concat(String(value).length, "ch");
72
- }
73
- return '1ch';
74
- };
75
- var setValues = function setValues(event, newValue) {
76
- setLastValidValue(newValue);
77
- setInnerValue(newValue);
78
- if (onChange) {
79
- onChange(event, newValue);
80
- }
81
- };
82
- var validateValue = function validateValue(newValue) {
83
- console.log(newValue);
84
- if (!newValue || !isNumber(newValue)) {
85
- setValues(null, lastValidValue);
86
- return;
87
- }
88
- if (String(newValue).endsWith('.')) {
89
- setValues(null, Number(newValue));
90
- return;
91
- }
92
- var resValue = Number(newValue);
93
- if (max && resValue > max) {
94
- setErrorClass(classes.errorAnimation);
95
- setErrorValue(max);
96
- return;
97
- }
98
- if (min && resValue < min) {
99
- setErrorClass(classes.errorAnimation);
100
- setErrorValue(min);
101
- }
102
- };
103
- var handleManualInputChange = function handleManualInputChange(event) {
104
- var _textWrapperRef$curre, _wrapperRef$current;
105
- if (!isManualInput || disabled) {
106
- return;
107
- }
108
- var newValue = event.target.value;
109
- if (!newValue) {
110
- setInnerValue('');
111
- if (onChange) {
112
- onChange(event, '');
113
- }
114
- return;
115
- }
116
- var cleanValue = newValue.replace(/[^-.\d]/g, '');
117
- if (cleanValue.endsWith('.')) {
118
- setInnerValue(cleanValue);
119
- if (onChange) {
120
- onChange(event, cleanValue);
121
- }
122
- return;
123
- }
124
- var isValid = numberPettern.test(cleanValue);
125
- if (!isValid) {
126
- setValues(event, lastValidValue);
127
- return;
128
- }
129
- if (textWrapperRef !== null && textWrapperRef !== void 0 && textWrapperRef.current && wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && (textWrapperRef === null || textWrapperRef === void 0 || (_textWrapperRef$curre = textWrapperRef.current) === null || _textWrapperRef$curre === void 0 ? void 0 : _textWrapperRef$curre.clientWidth) > (wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.clientWidth)) {
130
- wrapperRef.current.scrollLeft = textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;
131
- }
132
- setValues(event, Number(cleanValue));
133
- };
134
- var handleClickInputWrapper = function handleClickInputWrapper() {
135
- if (!isManualInput || !inputRef.current) {
136
- return;
137
- }
138
- if (!isEditing) {
139
- inputRef.current.select();
140
- }
141
- setIsEditing(true);
142
- };
143
- var handleBlur = function handleBlur(event) {
144
- setIsEditing(false);
145
- validateValue(value);
146
- if (onBlur) {
147
- onBlur(event);
148
- }
149
- };
150
- var handleKeyDown = function handleKeyDown(event) {
151
- if (!isManualInput || disabled) {
152
- return;
153
- }
154
- if (event.keyCode === keyCodes.Enter) {
155
- event.preventDefault();
156
- validateValue(value);
157
- if (onKeyDown) {
158
- onKeyDown(event);
159
- }
160
- }
161
- };
162
- var handleEndErrorAnimation = function handleEndErrorAnimation(correctValue) {
163
- setErrorClass(undefined);
164
- setValues(null, correctValue);
165
- };
166
- useEffect(function () {
167
- setDynamicWidth(getInputWidth());
168
- }, []);
169
- useDidMountEffect(function () {
170
- setDynamicWidth(getInputWidth(false));
171
- }, [value]);
172
- return /*#__PURE__*/React.createElement(InputWrapper, {
173
- ref: wrapperRef,
174
- className: cx(solidViewClass, errorClass, manualInputClass),
175
- isManualInput: Boolean(isManualInput),
176
- onClick: handleClickInputWrapper
177
- }, /*#__PURE__*/React.createElement(TextWrapper, {
178
- ref: textWrapperRef
179
- }, !isLoading && textBefore && /*#__PURE__*/React.createElement(AdditionalText, {
180
- className: classes.textBefore
181
- }, textBefore), isLoading ? /*#__PURE__*/React.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(StyledSpinner, null))) : /*#__PURE__*/React.createElement(DynamicInput, null, /*#__PURE__*/React.createElement(Input, _extends({
182
- ref: inputForkRef,
183
- dynamicWidth: dynamicWidth,
184
- value: value,
185
- isManualInput: Boolean(isManualInput),
186
- tabIndex: disabled || !isManualInput ? -1 : 0,
187
- onChange: handleManualInputChange,
188
- onBlur: handleBlur,
189
- onKeyDown: handleKeyDown,
190
- onAnimationEnd: function onAnimationEnd() {
191
- return handleEndErrorAnimation(Number(errorValue));
192
- }
193
- }, rest)), /*#__PURE__*/React.createElement(InputWidthHelper, {
194
- ref: inputHelperRef
195
- }, value)), !isLoading && textAfter && /*#__PURE__*/React.createElement(AdditionalText, {
196
- className: classes.textAfter
197
- }, textAfter)));
198
- });