@salutejs/plasma-new-hope 0.149.0-canary.1418.10942866373.0 → 0.149.0-canary.1437.10948458812.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (456) hide show
  1. package/cjs/components/Attach/Attach.css +48 -0
  2. package/cjs/components/Attach/Attach.js +182 -0
  3. package/cjs/components/Attach/Attach.js.map +1 -0
  4. package/cjs/components/Attach/Attach.styles.js +23 -0
  5. package/cjs/components/Attach/Attach.styles.js.map +1 -0
  6. package/cjs/components/Attach/Attach.styles_fl8wha.css +3 -0
  7. package/cjs/components/Attach/Attach.tokens.js +130 -0
  8. package/cjs/components/Attach/Attach.tokens.js.map +1 -0
  9. package/cjs/components/Attach/components/AttachButton/AttachButton.css +34 -0
  10. package/cjs/components/Attach/components/AttachButton/AttachButton.js +49 -0
  11. package/cjs/components/Attach/components/AttachButton/AttachButton.js.map +1 -0
  12. package/cjs/components/Attach/ui/Button/Button.styles.js +23 -0
  13. package/cjs/components/Attach/ui/Button/Button.styles.js.map +1 -0
  14. package/cjs/components/Attach/ui/Button/Button.styles_bj69th.css +1 -0
  15. package/cjs/components/Attach/ui/Cell/Cell.styles.js +25 -0
  16. package/cjs/components/Attach/ui/Cell/Cell.styles.js.map +1 -0
  17. package/cjs/components/Attach/ui/Cell/Cell.styles_69w962.css +1 -0
  18. package/cjs/components/Attach/ui/IconButton/IconButton.styles.js +32 -0
  19. package/cjs/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -0
  20. package/cjs/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +2 -0
  21. package/cjs/components/Attach/utils/extractExtension.js +10 -0
  22. package/cjs/components/Attach/utils/extractExtension.js.map +1 -0
  23. package/cjs/components/Attach/utils/getFileicon.js +45 -0
  24. package/cjs/components/Attach/utils/getFileicon.js.map +1 -0
  25. package/cjs/components/Attach/utils/truncateFilename.js +24 -0
  26. package/cjs/components/Attach/utils/truncateFilename.js.map +1 -0
  27. package/cjs/components/Attach/variations/_size/base.js +9 -0
  28. package/cjs/components/Attach/variations/_size/base.js.map +1 -0
  29. package/cjs/components/Attach/variations/_size/base_eax0b8.css +1 -0
  30. package/cjs/components/Attach/variations/_view/base.js +9 -0
  31. package/cjs/components/Attach/variations/_view/base.js.map +1 -0
  32. package/cjs/components/Attach/variations/_view/base_1nvsg1b.css +1 -0
  33. package/cjs/components/Cell/Cell.js +3 -2
  34. package/cjs/components/Cell/Cell.js.map +1 -1
  35. package/cjs/components/TextField/TextField.js +1 -3
  36. package/cjs/components/TextField/TextField.js.map +1 -1
  37. package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +33 -0
  38. package/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -0
  39. package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +37 -0
  40. package/cjs/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -0
  41. package/cjs/components/_Icon/Icon.assets/BlankOutline.js +24 -0
  42. package/cjs/components/_Icon/Icon.assets/BlankOutline.js.map +1 -0
  43. package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +29 -0
  44. package/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -0
  45. package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +33 -0
  46. package/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -0
  47. package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +33 -0
  48. package/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -0
  49. package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +24 -0
  50. package/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -0
  51. package/cjs/components/_Icon/Icon.assets/Plus.js +24 -0
  52. package/cjs/components/_Icon/Icon.assets/Plus.js.map +1 -0
  53. package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +23 -0
  54. package/cjs/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -0
  55. package/cjs/components/_Icon/Icons/IconBlankDocOutline.js +23 -0
  56. package/cjs/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -0
  57. package/cjs/components/_Icon/Icons/IconBlankOutline.js +23 -0
  58. package/cjs/components/_Icon/Icons/IconBlankOutline.js.map +1 -0
  59. package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +23 -0
  60. package/cjs/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -0
  61. package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +23 -0
  62. package/cjs/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -0
  63. package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +23 -0
  64. package/cjs/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -0
  65. package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +23 -0
  66. package/cjs/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -0
  67. package/cjs/components/_Icon/Icons/IconPlus.js +23 -0
  68. package/cjs/components/_Icon/Icons/IconPlus.js.map +1 -0
  69. package/cjs/index.css +15 -0
  70. package/cjs/index.js +5 -2
  71. package/cjs/index.js.map +1 -1
  72. package/emotion/cjs/components/Attach/Attach.js +187 -0
  73. package/emotion/cjs/components/Attach/Attach.styles.js +36 -0
  74. package/emotion/cjs/components/Attach/Attach.template-doc.mdx +63 -0
  75. package/emotion/cjs/components/Attach/Attach.tokens.js +128 -0
  76. package/emotion/cjs/components/Attach/components/AttachButton/AttachButton.js +51 -0
  77. package/emotion/cjs/components/Attach/components/AttachButton/index.js +12 -0
  78. package/emotion/cjs/components/Attach/index.js +25 -0
  79. package/emotion/cjs/components/Attach/ui/Button/Button.js +12 -0
  80. package/emotion/cjs/components/Attach/ui/Button/Button.styles.js +17 -0
  81. package/emotion/cjs/components/{Mask/index.js → Attach/ui/Cell/Cell.js} +3 -3
  82. package/emotion/cjs/components/Attach/ui/Cell/Cell.styles.js +17 -0
  83. package/emotion/cjs/components/Attach/ui/IconButton/IconButton.js +12 -0
  84. package/emotion/cjs/components/Attach/ui/IconButton/IconButton.styles.js +21 -0
  85. package/emotion/cjs/components/Attach/utils/extractExtension.js +9 -0
  86. package/emotion/cjs/components/Attach/utils/getFileicon.js +38 -0
  87. package/emotion/cjs/components/Attach/utils/index.js +26 -0
  88. package/emotion/cjs/components/Attach/utils/truncateFilename.js +23 -0
  89. package/emotion/cjs/components/Attach/variations/_size/base.js +9 -0
  90. package/emotion/cjs/components/Attach/variations/_view/base.js +9 -0
  91. package/emotion/cjs/components/Cell/Cell.js +3 -2
  92. package/emotion/cjs/components/TextField/TextField.js +2 -4
  93. package/emotion/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +32 -0
  94. package/emotion/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +36 -0
  95. package/emotion/cjs/components/_Icon/Icon.assets/BlankOutline.js +23 -0
  96. package/emotion/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +28 -0
  97. package/emotion/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +32 -0
  98. package/emotion/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +32 -0
  99. package/emotion/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +23 -0
  100. package/emotion/cjs/components/_Icon/Icon.assets/Plus.js +23 -0
  101. package/emotion/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +22 -0
  102. package/emotion/cjs/components/_Icon/Icons/IconBlankDocOutline.js +22 -0
  103. package/emotion/cjs/components/_Icon/Icons/IconBlankOutline.js +22 -0
  104. package/emotion/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +22 -0
  105. package/emotion/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +22 -0
  106. package/emotion/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +22 -0
  107. package/emotion/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +22 -0
  108. package/emotion/cjs/components/_Icon/Icons/IconPlus.js +22 -0
  109. package/emotion/cjs/components/_Icon/index.js +57 -1
  110. package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +37 -0
  111. package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.js +11 -0
  112. package/emotion/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +181 -0
  113. package/emotion/cjs/examples/plasma_web/components/Attach/Attach.config.js +37 -0
  114. package/emotion/cjs/examples/plasma_web/components/Attach/Attach.js +11 -0
  115. package/emotion/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +181 -0
  116. package/emotion/cjs/index.js +4 -4
  117. package/emotion/es/components/Attach/Attach.js +178 -0
  118. package/emotion/es/components/Attach/Attach.styles.js +29 -0
  119. package/emotion/es/components/Attach/Attach.template-doc.mdx +63 -0
  120. package/emotion/es/components/Attach/Attach.tokens.js +122 -0
  121. package/emotion/es/components/Attach/components/AttachButton/AttachButton.js +42 -0
  122. package/emotion/es/components/Attach/components/AttachButton/index.js +1 -0
  123. package/emotion/es/components/Attach/index.js +2 -0
  124. package/emotion/es/components/Attach/ui/Button/Button.js +1 -0
  125. package/emotion/es/components/Attach/ui/Button/Button.styles.js +10 -0
  126. package/emotion/es/components/Attach/ui/Cell/Cell.js +1 -0
  127. package/emotion/es/components/Attach/ui/Cell/Cell.styles.js +10 -0
  128. package/emotion/es/components/Attach/ui/IconButton/IconButton.js +1 -0
  129. package/emotion/es/components/Attach/ui/IconButton/IconButton.styles.js +14 -0
  130. package/emotion/es/components/Attach/utils/extractExtension.js +3 -0
  131. package/emotion/es/components/Attach/utils/getFileicon.js +31 -0
  132. package/emotion/es/components/Attach/utils/index.js +3 -0
  133. package/emotion/es/components/Attach/utils/truncateFilename.js +17 -0
  134. package/emotion/es/components/Attach/variations/_size/base.js +3 -0
  135. package/emotion/es/components/Attach/variations/_view/base.js +3 -0
  136. package/emotion/es/components/Cell/Cell.js +3 -2
  137. package/emotion/es/components/TextField/TextField.js +2 -4
  138. package/emotion/es/components/_Icon/Icon.assets/BlankCsvOutline.js +25 -0
  139. package/emotion/es/components/_Icon/Icon.assets/BlankDocOutline.js +29 -0
  140. package/emotion/es/components/_Icon/Icon.assets/BlankOutline.js +16 -0
  141. package/emotion/es/components/_Icon/Icon.assets/BlankPdfOutline.js +21 -0
  142. package/emotion/es/components/_Icon/Icon.assets/BlankTxtOutline.js +25 -0
  143. package/emotion/es/components/_Icon/Icon.assets/BlankXlsOutline.js +25 -0
  144. package/emotion/es/components/_Icon/Icon.assets/CloseCircleOutline.js +16 -0
  145. package/emotion/es/components/_Icon/Icon.assets/Plus.js +16 -0
  146. package/emotion/es/components/_Icon/Icons/IconBlankCsvOutline.js +15 -0
  147. package/emotion/es/components/_Icon/Icons/IconBlankDocOutline.js +15 -0
  148. package/emotion/es/components/_Icon/Icons/IconBlankOutline.js +15 -0
  149. package/emotion/es/components/_Icon/Icons/IconBlankPdfOutline.js +15 -0
  150. package/emotion/es/components/_Icon/Icons/IconBlankTxtOutline.js +15 -0
  151. package/emotion/es/components/_Icon/Icons/IconBlankXlsOutline.js +15 -0
  152. package/emotion/es/components/_Icon/Icons/IconCloseCircleOutline.js +15 -0
  153. package/emotion/es/components/_Icon/Icons/IconPlus.js +15 -0
  154. package/emotion/es/components/_Icon/index.js +9 -1
  155. package/emotion/es/examples/plasma_b2c/components/Attach/Attach.config.js +31 -0
  156. package/emotion/es/examples/plasma_b2c/components/Attach/Attach.js +5 -0
  157. package/emotion/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +181 -0
  158. package/emotion/es/examples/plasma_web/components/Attach/Attach.config.js +31 -0
  159. package/emotion/es/examples/plasma_web/components/Attach/Attach.js +5 -0
  160. package/emotion/es/examples/plasma_web/components/Attach/Attach.stories.tsx +181 -0
  161. package/emotion/es/index.js +1 -1
  162. package/es/components/Attach/Attach.css +48 -0
  163. package/es/components/Attach/Attach.js +177 -0
  164. package/es/components/Attach/Attach.js.map +1 -0
  165. package/es/components/Attach/Attach.styles.js +17 -0
  166. package/es/components/Attach/Attach.styles.js.map +1 -0
  167. package/es/components/Attach/Attach.styles_fl8wha.css +3 -0
  168. package/es/components/Attach/Attach.tokens.js +125 -0
  169. package/es/components/Attach/Attach.tokens.js.map +1 -0
  170. package/es/components/Attach/components/AttachButton/AttachButton.css +34 -0
  171. package/es/components/Attach/components/AttachButton/AttachButton.js +45 -0
  172. package/es/components/Attach/components/AttachButton/AttachButton.js.map +1 -0
  173. package/es/components/Attach/ui/Button/Button.styles.js +19 -0
  174. package/es/components/Attach/ui/Button/Button.styles.js.map +1 -0
  175. package/es/components/Attach/ui/Button/Button.styles_bj69th.css +1 -0
  176. package/es/components/Attach/ui/Cell/Cell.styles.js +21 -0
  177. package/es/components/Attach/ui/Cell/Cell.styles.js.map +1 -0
  178. package/es/components/Attach/ui/Cell/Cell.styles_69w962.css +1 -0
  179. package/es/components/Attach/ui/IconButton/IconButton.styles.js +27 -0
  180. package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -0
  181. package/es/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +2 -0
  182. package/es/components/Attach/utils/extractExtension.js +6 -0
  183. package/es/components/Attach/utils/extractExtension.js.map +1 -0
  184. package/es/components/Attach/utils/getFileicon.js +41 -0
  185. package/es/components/Attach/utils/getFileicon.js.map +1 -0
  186. package/es/components/Attach/utils/truncateFilename.js +20 -0
  187. package/es/components/Attach/utils/truncateFilename.js.map +1 -0
  188. package/es/components/Attach/variations/_size/base.js +5 -0
  189. package/es/components/Attach/variations/_size/base.js.map +1 -0
  190. package/es/components/Attach/variations/_size/base_eax0b8.css +1 -0
  191. package/es/components/Attach/variations/_view/base.js +5 -0
  192. package/es/components/Attach/variations/_view/base.js.map +1 -0
  193. package/es/components/Attach/variations/_view/base_1nvsg1b.css +1 -0
  194. package/es/components/Cell/Cell.js +3 -2
  195. package/es/components/Cell/Cell.js.map +1 -1
  196. package/es/components/TextField/TextField.js +1 -3
  197. package/es/components/TextField/TextField.js.map +1 -1
  198. package/es/components/_Icon/Icon.assets/BlankCsvOutline.js +29 -0
  199. package/es/components/_Icon/Icon.assets/BlankCsvOutline.js.map +1 -0
  200. package/es/components/_Icon/Icon.assets/BlankDocOutline.js +33 -0
  201. package/es/components/_Icon/Icon.assets/BlankDocOutline.js.map +1 -0
  202. package/es/components/_Icon/Icon.assets/BlankOutline.js +20 -0
  203. package/es/components/_Icon/Icon.assets/BlankOutline.js.map +1 -0
  204. package/es/components/_Icon/Icon.assets/BlankPdfOutline.js +25 -0
  205. package/es/components/_Icon/Icon.assets/BlankPdfOutline.js.map +1 -0
  206. package/es/components/_Icon/Icon.assets/BlankTxtOutline.js +29 -0
  207. package/es/components/_Icon/Icon.assets/BlankTxtOutline.js.map +1 -0
  208. package/es/components/_Icon/Icon.assets/BlankXlsOutline.js +29 -0
  209. package/es/components/_Icon/Icon.assets/BlankXlsOutline.js.map +1 -0
  210. package/es/components/_Icon/Icon.assets/CloseCircleOutline.js +20 -0
  211. package/es/components/_Icon/Icon.assets/CloseCircleOutline.js.map +1 -0
  212. package/es/components/_Icon/Icon.assets/Plus.js +20 -0
  213. package/es/components/_Icon/Icon.assets/Plus.js.map +1 -0
  214. package/es/components/_Icon/Icons/IconBlankCsvOutline.js +19 -0
  215. package/es/components/_Icon/Icons/IconBlankCsvOutline.js.map +1 -0
  216. package/es/components/_Icon/Icons/IconBlankDocOutline.js +19 -0
  217. package/es/components/_Icon/Icons/IconBlankDocOutline.js.map +1 -0
  218. package/es/components/_Icon/Icons/IconBlankOutline.js +19 -0
  219. package/es/components/_Icon/Icons/IconBlankOutline.js.map +1 -0
  220. package/es/components/_Icon/Icons/IconBlankPdfOutline.js +19 -0
  221. package/es/components/_Icon/Icons/IconBlankPdfOutline.js.map +1 -0
  222. package/es/components/_Icon/Icons/IconBlankTxtOutline.js +19 -0
  223. package/es/components/_Icon/Icons/IconBlankTxtOutline.js.map +1 -0
  224. package/es/components/_Icon/Icons/IconBlankXlsOutline.js +19 -0
  225. package/es/components/_Icon/Icons/IconBlankXlsOutline.js.map +1 -0
  226. package/es/components/_Icon/Icons/IconCloseCircleOutline.js +19 -0
  227. package/es/components/_Icon/Icons/IconCloseCircleOutline.js.map +1 -0
  228. package/es/components/_Icon/Icons/IconPlus.js +19 -0
  229. package/es/components/_Icon/Icons/IconPlus.js.map +1 -0
  230. package/es/index.css +15 -0
  231. package/es/index.js +2 -1
  232. package/es/index.js.map +1 -1
  233. package/package.json +2 -4
  234. package/styled-components/cjs/components/Attach/Attach.js +187 -0
  235. package/styled-components/cjs/components/Attach/Attach.styles.js +18 -0
  236. package/styled-components/cjs/components/Attach/Attach.template-doc.mdx +63 -0
  237. package/styled-components/cjs/components/Attach/Attach.tokens.js +128 -0
  238. package/styled-components/cjs/components/Attach/components/AttachButton/AttachButton.js +51 -0
  239. package/styled-components/cjs/components/Attach/components/AttachButton/index.js +12 -0
  240. package/styled-components/cjs/components/Attach/index.js +25 -0
  241. package/styled-components/cjs/components/Attach/ui/Button/Button.js +12 -0
  242. package/styled-components/cjs/components/Attach/ui/Button/Button.styles.js +16 -0
  243. package/styled-components/cjs/components/{Mask/index.js → Attach/ui/Cell/Cell.js} +3 -3
  244. package/styled-components/cjs/components/Attach/ui/Cell/Cell.styles.js +16 -0
  245. package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.js +12 -0
  246. package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.styles.js +19 -0
  247. package/styled-components/cjs/components/Attach/utils/extractExtension.js +9 -0
  248. package/styled-components/cjs/components/Attach/utils/getFileicon.js +38 -0
  249. package/styled-components/cjs/components/Attach/utils/index.js +26 -0
  250. package/styled-components/cjs/components/Attach/utils/truncateFilename.js +23 -0
  251. package/styled-components/cjs/components/Attach/variations/_size/base.js +9 -0
  252. package/styled-components/cjs/components/Attach/variations/_view/base.js +9 -0
  253. package/styled-components/cjs/components/Cell/Cell.js +3 -2
  254. package/styled-components/cjs/components/TextField/TextField.js +1 -3
  255. package/styled-components/cjs/components/_Icon/Icon.assets/BlankCsvOutline.js +32 -0
  256. package/styled-components/cjs/components/_Icon/Icon.assets/BlankDocOutline.js +36 -0
  257. package/styled-components/cjs/components/_Icon/Icon.assets/BlankOutline.js +23 -0
  258. package/styled-components/cjs/components/_Icon/Icon.assets/BlankPdfOutline.js +28 -0
  259. package/styled-components/cjs/components/_Icon/Icon.assets/BlankTxtOutline.js +32 -0
  260. package/styled-components/cjs/components/_Icon/Icon.assets/BlankXlsOutline.js +32 -0
  261. package/styled-components/cjs/components/_Icon/Icon.assets/CloseCircleOutline.js +23 -0
  262. package/styled-components/cjs/components/_Icon/Icon.assets/Plus.js +23 -0
  263. package/styled-components/cjs/components/_Icon/Icons/IconBlankCsvOutline.js +22 -0
  264. package/styled-components/cjs/components/_Icon/Icons/IconBlankDocOutline.js +22 -0
  265. package/styled-components/cjs/components/_Icon/Icons/IconBlankOutline.js +22 -0
  266. package/styled-components/cjs/components/_Icon/Icons/IconBlankPdfOutline.js +22 -0
  267. package/styled-components/cjs/components/_Icon/Icons/IconBlankTxtOutline.js +22 -0
  268. package/styled-components/cjs/components/_Icon/Icons/IconBlankXlsOutline.js +22 -0
  269. package/styled-components/cjs/components/_Icon/Icons/IconCloseCircleOutline.js +22 -0
  270. package/styled-components/cjs/components/_Icon/Icons/IconPlus.js +22 -0
  271. package/styled-components/cjs/components/_Icon/index.js +57 -1
  272. package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.config.js +37 -0
  273. package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.js +11 -0
  274. package/styled-components/cjs/examples/plasma_b2c/components/Attach/Attach.stories.tsx +181 -0
  275. package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.config.js +37 -0
  276. package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.js +11 -0
  277. package/styled-components/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx +181 -0
  278. package/styled-components/cjs/index.js +4 -4
  279. package/styled-components/es/components/Attach/Attach.js +178 -0
  280. package/styled-components/es/components/Attach/Attach.styles.js +10 -0
  281. package/styled-components/es/components/Attach/Attach.template-doc.mdx +63 -0
  282. package/styled-components/es/components/Attach/Attach.tokens.js +122 -0
  283. package/styled-components/es/components/Attach/components/AttachButton/AttachButton.js +42 -0
  284. package/styled-components/es/components/Attach/components/AttachButton/index.js +1 -0
  285. package/styled-components/es/components/Attach/index.js +2 -0
  286. package/styled-components/es/components/Attach/ui/Button/Button.js +1 -0
  287. package/styled-components/es/components/Attach/ui/Button/Button.styles.js +9 -0
  288. package/styled-components/es/components/Attach/ui/Cell/Cell.js +1 -0
  289. package/styled-components/es/components/Attach/ui/Cell/Cell.styles.js +9 -0
  290. package/styled-components/es/components/Attach/ui/IconButton/IconButton.js +1 -0
  291. package/styled-components/es/components/Attach/ui/IconButton/IconButton.styles.js +12 -0
  292. package/styled-components/es/components/Attach/utils/extractExtension.js +3 -0
  293. package/styled-components/es/components/Attach/utils/getFileicon.js +31 -0
  294. package/styled-components/es/components/Attach/utils/index.js +3 -0
  295. package/styled-components/es/components/Attach/utils/truncateFilename.js +17 -0
  296. package/styled-components/es/components/Attach/variations/_size/base.js +3 -0
  297. package/styled-components/es/components/Attach/variations/_view/base.js +3 -0
  298. package/styled-components/es/components/Cell/Cell.js +3 -2
  299. package/styled-components/es/components/TextField/TextField.js +1 -3
  300. package/styled-components/es/components/_Icon/Icon.assets/BlankCsvOutline.js +25 -0
  301. package/styled-components/es/components/_Icon/Icon.assets/BlankDocOutline.js +29 -0
  302. package/styled-components/es/components/_Icon/Icon.assets/BlankOutline.js +16 -0
  303. package/styled-components/es/components/_Icon/Icon.assets/BlankPdfOutline.js +21 -0
  304. package/styled-components/es/components/_Icon/Icon.assets/BlankTxtOutline.js +25 -0
  305. package/styled-components/es/components/_Icon/Icon.assets/BlankXlsOutline.js +25 -0
  306. package/styled-components/es/components/_Icon/Icon.assets/CloseCircleOutline.js +16 -0
  307. package/styled-components/es/components/_Icon/Icon.assets/Plus.js +16 -0
  308. package/styled-components/es/components/_Icon/Icons/IconBlankCsvOutline.js +15 -0
  309. package/styled-components/es/components/_Icon/Icons/IconBlankDocOutline.js +15 -0
  310. package/styled-components/es/components/_Icon/Icons/IconBlankOutline.js +15 -0
  311. package/styled-components/es/components/_Icon/Icons/IconBlankPdfOutline.js +15 -0
  312. package/styled-components/es/components/_Icon/Icons/IconBlankTxtOutline.js +15 -0
  313. package/styled-components/es/components/_Icon/Icons/IconBlankXlsOutline.js +15 -0
  314. package/styled-components/es/components/_Icon/Icons/IconCloseCircleOutline.js +15 -0
  315. package/styled-components/es/components/_Icon/Icons/IconPlus.js +15 -0
  316. package/styled-components/es/components/_Icon/index.js +9 -1
  317. package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.config.js +31 -0
  318. package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.js +5 -0
  319. package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx +181 -0
  320. package/styled-components/es/examples/plasma_web/components/Attach/Attach.config.js +31 -0
  321. package/styled-components/es/examples/plasma_web/components/Attach/Attach.js +5 -0
  322. package/styled-components/es/examples/plasma_web/components/Attach/Attach.stories.tsx +181 -0
  323. package/styled-components/es/index.js +1 -1
  324. package/types/components/Attach/Attach.d.ts +23 -0
  325. package/types/components/Attach/Attach.d.ts.map +1 -0
  326. package/types/components/Attach/Attach.styles.d.ts +5 -0
  327. package/types/components/Attach/Attach.styles.d.ts.map +1 -0
  328. package/types/components/Attach/Attach.tokens.d.ts +119 -0
  329. package/types/components/Attach/Attach.tokens.d.ts.map +1 -0
  330. package/types/components/Attach/Attach.types.d.ts +43 -0
  331. package/types/components/Attach/Attach.types.d.ts.map +1 -0
  332. package/types/components/Attach/components/AttachButton/AttachButton.d.ts +4 -0
  333. package/types/components/Attach/components/AttachButton/AttachButton.d.ts.map +1 -0
  334. package/types/components/Attach/components/AttachButton/index.d.ts +2 -0
  335. package/types/components/Attach/components/AttachButton/index.d.ts.map +1 -0
  336. package/types/components/Attach/index.d.ts +4 -0
  337. package/types/components/Attach/index.d.ts.map +1 -0
  338. package/types/components/Attach/ui/Button/Button.d.ts +2 -0
  339. package/types/components/Attach/ui/Button/Button.d.ts.map +1 -0
  340. package/types/components/Attach/ui/Button/Button.styles.d.ts +45 -0
  341. package/types/components/Attach/ui/Button/Button.styles.d.ts.map +1 -0
  342. package/types/components/Attach/ui/Cell/Cell.d.ts +2 -0
  343. package/types/components/Attach/ui/Cell/Cell.d.ts.map +1 -0
  344. package/types/components/Attach/ui/Cell/Cell.styles.d.ts +33 -0
  345. package/types/components/Attach/ui/Cell/Cell.styles.d.ts.map +1 -0
  346. package/types/components/Attach/ui/IconButton/IconButton.d.ts +2 -0
  347. package/types/components/Attach/ui/IconButton/IconButton.d.ts.map +1 -0
  348. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +88 -0
  349. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts.map +1 -0
  350. package/types/components/Attach/utils/extractExtension.d.ts +2 -0
  351. package/types/components/Attach/utils/extractExtension.d.ts.map +1 -0
  352. package/types/components/Attach/utils/getFileicon.d.ts +3 -0
  353. package/types/components/Attach/utils/getFileicon.d.ts.map +1 -0
  354. package/types/components/Attach/utils/index.d.ts +4 -0
  355. package/types/components/Attach/utils/index.d.ts.map +1 -0
  356. package/types/components/Attach/utils/truncateFilename.d.ts +7 -0
  357. package/types/components/Attach/utils/truncateFilename.d.ts.map +1 -0
  358. package/types/components/Attach/variations/_size/base.d.ts +2 -0
  359. package/types/components/Attach/variations/_size/base.d.ts.map +1 -0
  360. package/types/components/Attach/variations/_view/base.d.ts +2 -0
  361. package/types/components/Attach/variations/_view/base.d.ts.map +1 -0
  362. package/types/components/Cell/Cell.d.ts.map +1 -1
  363. package/types/components/Cell/Cell.types.d.ts +1 -1
  364. package/types/components/Cell/Cell.types.d.ts.map +1 -1
  365. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts +2 -2
  366. package/types/components/TextField/TextField.d.ts.map +1 -1
  367. package/types/components/_Icon/Icon.assets/BlankCsvOutline.d.ts +4 -0
  368. package/types/components/_Icon/Icon.assets/BlankCsvOutline.d.ts.map +1 -0
  369. package/types/components/_Icon/Icon.assets/BlankDocOutline.d.ts +4 -0
  370. package/types/components/_Icon/Icon.assets/BlankDocOutline.d.ts.map +1 -0
  371. package/types/components/_Icon/Icon.assets/BlankOutline.d.ts +4 -0
  372. package/types/components/_Icon/Icon.assets/BlankOutline.d.ts.map +1 -0
  373. package/types/components/_Icon/Icon.assets/BlankPdfOutline.d.ts +4 -0
  374. package/types/components/_Icon/Icon.assets/BlankPdfOutline.d.ts.map +1 -0
  375. package/types/components/_Icon/Icon.assets/BlankTxtOutline.d.ts +4 -0
  376. package/types/components/_Icon/Icon.assets/BlankTxtOutline.d.ts.map +1 -0
  377. package/types/components/_Icon/Icon.assets/BlankXlsOutline.d.ts +4 -0
  378. package/types/components/_Icon/Icon.assets/BlankXlsOutline.d.ts.map +1 -0
  379. package/types/components/_Icon/Icon.assets/CloseCircleOutline.d.ts +4 -0
  380. package/types/components/_Icon/Icon.assets/CloseCircleOutline.d.ts.map +1 -0
  381. package/types/components/_Icon/Icon.assets/Plus.d.ts +4 -0
  382. package/types/components/_Icon/Icon.assets/Plus.d.ts.map +1 -0
  383. package/types/components/_Icon/Icons/IconBlankCsvOutline.d.ts +4 -0
  384. package/types/components/_Icon/Icons/IconBlankCsvOutline.d.ts.map +1 -0
  385. package/types/components/_Icon/Icons/IconBlankDocOutline.d.ts +4 -0
  386. package/types/components/_Icon/Icons/IconBlankDocOutline.d.ts.map +1 -0
  387. package/types/components/_Icon/Icons/IconBlankOutline.d.ts +4 -0
  388. package/types/components/_Icon/Icons/IconBlankOutline.d.ts.map +1 -0
  389. package/types/components/_Icon/Icons/IconBlankPdfOutline.d.ts +4 -0
  390. package/types/components/_Icon/Icons/IconBlankPdfOutline.d.ts.map +1 -0
  391. package/types/components/_Icon/Icons/IconBlankTxtOutline.d.ts +4 -0
  392. package/types/components/_Icon/Icons/IconBlankTxtOutline.d.ts.map +1 -0
  393. package/types/components/_Icon/Icons/IconBlankXlsOutline.d.ts +4 -0
  394. package/types/components/_Icon/Icons/IconBlankXlsOutline.d.ts.map +1 -0
  395. package/types/components/_Icon/Icons/IconCloseCircleOutline.d.ts +4 -0
  396. package/types/components/_Icon/Icons/IconCloseCircleOutline.d.ts.map +1 -0
  397. package/types/components/_Icon/Icons/IconPlus.d.ts +4 -0
  398. package/types/components/_Icon/Icons/IconPlus.d.ts.map +1 -0
  399. package/types/components/_Icon/index.d.ts +8 -0
  400. package/types/components/_Icon/index.d.ts.map +1 -1
  401. package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts +30 -0
  402. package/types/examples/plasma_b2c/components/Attach/Attach.config.d.ts.map +1 -0
  403. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +224 -0
  404. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts.map +1 -0
  405. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +2 -2
  406. package/types/examples/plasma_web/components/Attach/Attach.config.d.ts +30 -0
  407. package/types/examples/plasma_web/components/Attach/Attach.config.d.ts.map +1 -0
  408. package/types/examples/plasma_web/components/Attach/Attach.d.ts +224 -0
  409. package/types/examples/plasma_web/components/Attach/Attach.d.ts.map +1 -0
  410. package/types/examples/plasma_web/components/Cell/Cell.d.ts +2 -2
  411. package/types/index.d.ts +1 -1
  412. package/types/index.d.ts.map +1 -1
  413. package/cjs/components/Mask/Mask.js +0 -45
  414. package/cjs/components/Mask/Mask.js.map +0 -1
  415. package/emotion/cjs/components/Mask/Mask.js +0 -55
  416. package/emotion/cjs/components/Mask/Mask.template-doc.mdx +0 -125
  417. package/emotion/cjs/examples/plasma_b2c/components/Mask/Mask.js +0 -9
  418. package/emotion/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx +0 -127
  419. package/emotion/cjs/examples/plasma_web/components/Mask/Mask.js +0 -9
  420. package/emotion/cjs/examples/plasma_web/components/Mask/Mask.stories.tsx +0 -125
  421. package/emotion/es/components/Mask/Mask.js +0 -45
  422. package/emotion/es/components/Mask/Mask.template-doc.mdx +0 -125
  423. package/emotion/es/components/Mask/index.js +0 -1
  424. package/emotion/es/examples/plasma_b2c/components/Mask/Mask.js +0 -3
  425. package/emotion/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx +0 -127
  426. package/emotion/es/examples/plasma_web/components/Mask/Mask.js +0 -3
  427. package/emotion/es/examples/plasma_web/components/Mask/Mask.stories.tsx +0 -125
  428. package/es/components/Mask/Mask.js +0 -41
  429. package/es/components/Mask/Mask.js.map +0 -1
  430. package/styled-components/cjs/components/Mask/Mask.js +0 -55
  431. package/styled-components/cjs/components/Mask/Mask.template-doc.mdx +0 -125
  432. package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.js +0 -9
  433. package/styled-components/cjs/examples/plasma_b2c/components/Mask/Mask.stories.tsx +0 -127
  434. package/styled-components/cjs/examples/plasma_web/components/Mask/Mask.js +0 -9
  435. package/styled-components/cjs/examples/plasma_web/components/Mask/Mask.stories.tsx +0 -125
  436. package/styled-components/es/components/Mask/Mask.js +0 -45
  437. package/styled-components/es/components/Mask/Mask.template-doc.mdx +0 -125
  438. package/styled-components/es/components/Mask/index.js +0 -1
  439. package/styled-components/es/examples/plasma_b2c/components/Mask/Mask.js +0 -3
  440. package/styled-components/es/examples/plasma_b2c/components/Mask/Mask.stories.tsx +0 -127
  441. package/styled-components/es/examples/plasma_web/components/Mask/Mask.js +0 -3
  442. package/styled-components/es/examples/plasma_web/components/Mask/Mask.stories.tsx +0 -125
  443. package/types/components/Mask/Mask.d.ts +0 -5
  444. package/types/components/Mask/Mask.d.ts.map +0 -1
  445. package/types/components/Mask/Mask.types.d.ts +0 -62
  446. package/types/components/Mask/Mask.types.d.ts.map +0 -1
  447. package/types/components/Mask/index.d.ts +0 -2
  448. package/types/components/Mask/index.d.ts.map +0 -1
  449. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +0 -191
  450. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +0 -1
  451. package/types/examples/plasma_web/components/Mask/Mask.d.ts +0 -191
  452. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +0 -1
  453. /package/emotion/cjs/components/{Mask/Mask.types.js → Attach/Attach.types.js} +0 -0
  454. /package/emotion/es/components/{Mask/Mask.types.js → Attach/Attach.types.js} +0 -0
  455. /package/styled-components/cjs/components/{Mask/Mask.types.js → Attach/Attach.types.js} +0 -0
  456. /package/styled-components/es/components/{Mask/Mask.types.js → Attach/Attach.types.js} +0 -0
@@ -0,0 +1,224 @@
1
+ /// <reference types="react" />
2
+ export declare const Attach: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
+ view: {
4
+ default: import("@linaria/core").LinariaClassName;
5
+ accent: import("@linaria/core").LinariaClassName;
6
+ secondary: import("@linaria/core").LinariaClassName;
7
+ clear: import("@linaria/core").LinariaClassName;
8
+ positive: import("@linaria/core").LinariaClassName;
9
+ success: import("@linaria/core").LinariaClassName;
10
+ warning: import("@linaria/core").LinariaClassName;
11
+ critical: import("@linaria/core").LinariaClassName;
12
+ negative: import("@linaria/core").LinariaClassName;
13
+ dark: import("@linaria/core").LinariaClassName;
14
+ black: import("@linaria/core").LinariaClassName;
15
+ white: import("@linaria/core").LinariaClassName;
16
+ };
17
+ size: {
18
+ l: import("@linaria/core").LinariaClassName;
19
+ m: import("@linaria/core").LinariaClassName;
20
+ s: import("@linaria/core").LinariaClassName;
21
+ xs: import("@linaria/core").LinariaClassName;
22
+ };
23
+ }> & ((import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
24
+ text?: string | undefined;
25
+ contentLeft?: import("react").ReactNode;
26
+ contentPlacing?: ("default" | "relaxed") | undefined;
27
+ isLoading?: boolean | undefined;
28
+ loader?: import("react").ReactNode;
29
+ stretch?: boolean | undefined;
30
+ stretching?: ("auto" | "fixed" | "filled") | undefined;
31
+ square?: boolean | undefined;
32
+ focused?: boolean | undefined;
33
+ disabled?: boolean | undefined;
34
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
35
+ view?: string | undefined;
36
+ size?: string | undefined;
37
+ outlined?: boolean | undefined;
38
+ shiftLeft?: boolean | undefined;
39
+ shiftRight?: boolean | undefined;
40
+ blur?: "small" | "medium" | "large" | undefined;
41
+ } & {
42
+ value?: string | number | undefined;
43
+ contentRight?: undefined;
44
+ } & import("../../../../components/Attach/Attach.types").BaseAttachProps & {
45
+ buttonType?: "button" | undefined;
46
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
47
+ text?: string | undefined;
48
+ contentLeft?: import("react").ReactNode;
49
+ contentPlacing?: ("default" | "relaxed") | undefined;
50
+ isLoading?: boolean | undefined;
51
+ loader?: import("react").ReactNode;
52
+ stretch?: boolean | undefined;
53
+ stretching?: ("auto" | "fixed" | "filled") | undefined;
54
+ square?: boolean | undefined;
55
+ focused?: boolean | undefined;
56
+ disabled?: boolean | undefined;
57
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
58
+ view?: string | undefined;
59
+ size?: string | undefined;
60
+ outlined?: boolean | undefined;
61
+ shiftLeft?: boolean | undefined;
62
+ shiftRight?: boolean | undefined;
63
+ blur?: "small" | "medium" | "large" | undefined;
64
+ } & {
65
+ value?: string | number | undefined;
66
+ contentRight?: undefined;
67
+ } & import("../../../../components/Attach/Attach.types").BaseAttachProps & {
68
+ buttonType?: "button" | undefined;
69
+ } & {
70
+ value?: undefined;
71
+ contentRight?: import("react").ReactNode;
72
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
73
+ text?: string | undefined;
74
+ contentLeft?: import("react").ReactNode;
75
+ contentPlacing?: ("default" | "relaxed") | undefined;
76
+ isLoading?: boolean | undefined;
77
+ loader?: import("react").ReactNode;
78
+ stretch?: boolean | undefined;
79
+ stretching?: ("auto" | "fixed" | "filled") | undefined;
80
+ square?: boolean | undefined;
81
+ focused?: boolean | undefined;
82
+ disabled?: boolean | undefined;
83
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
84
+ view?: string | undefined;
85
+ size?: string | undefined;
86
+ outlined?: boolean | undefined;
87
+ shiftLeft?: boolean | undefined;
88
+ shiftRight?: boolean | undefined;
89
+ blur?: "small" | "medium" | "large" | undefined;
90
+ } & {
91
+ value?: string | number | undefined;
92
+ contentRight?: undefined;
93
+ } & import("../../../../components/Attach/Attach.types").BaseAttachProps & {
94
+ buttonType?: "iconButton" | undefined;
95
+ icon?: import("react").ReactNode;
96
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
97
+ text?: string | undefined;
98
+ contentLeft?: import("react").ReactNode;
99
+ contentPlacing?: ("default" | "relaxed") | undefined;
100
+ isLoading?: boolean | undefined;
101
+ loader?: import("react").ReactNode;
102
+ stretch?: boolean | undefined;
103
+ stretching?: ("auto" | "fixed" | "filled") | undefined;
104
+ square?: boolean | undefined;
105
+ focused?: boolean | undefined;
106
+ disabled?: boolean | undefined;
107
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
108
+ view?: string | undefined;
109
+ size?: string | undefined;
110
+ outlined?: boolean | undefined;
111
+ shiftLeft?: boolean | undefined;
112
+ shiftRight?: boolean | undefined;
113
+ blur?: "small" | "medium" | "large" | undefined;
114
+ } & {
115
+ value?: string | number | undefined;
116
+ contentRight?: undefined;
117
+ } & import("../../../../components/Attach/Attach.types").BaseAttachProps & {
118
+ buttonType?: "iconButton" | undefined;
119
+ icon?: import("react").ReactNode;
120
+ } & {
121
+ value?: undefined;
122
+ contentRight?: import("react").ReactNode;
123
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
124
+ text?: string | undefined;
125
+ contentLeft?: import("react").ReactNode;
126
+ contentPlacing?: ("default" | "relaxed") | undefined;
127
+ isLoading?: boolean | undefined;
128
+ loader?: import("react").ReactNode;
129
+ stretch?: boolean | undefined;
130
+ stretching?: ("auto" | "fixed" | "filled") | undefined;
131
+ square?: boolean | undefined;
132
+ focused?: boolean | undefined;
133
+ disabled?: boolean | undefined;
134
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
135
+ view?: string | undefined;
136
+ size?: string | undefined;
137
+ outlined?: boolean | undefined;
138
+ shiftLeft?: boolean | undefined;
139
+ shiftRight?: boolean | undefined;
140
+ blur?: "small" | "medium" | "large" | undefined;
141
+ } & {
142
+ value?: undefined;
143
+ contentRight?: import("react").ReactNode;
144
+ } & import("../../../../components/Attach/Attach.types").BaseAttachProps & {
145
+ buttonType?: "button" | undefined;
146
+ } & {
147
+ value?: string | number | undefined;
148
+ contentRight?: undefined;
149
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
150
+ text?: string | undefined;
151
+ contentLeft?: import("react").ReactNode;
152
+ contentPlacing?: ("default" | "relaxed") | undefined;
153
+ isLoading?: boolean | undefined;
154
+ loader?: import("react").ReactNode;
155
+ stretch?: boolean | undefined;
156
+ stretching?: ("auto" | "fixed" | "filled") | undefined;
157
+ square?: boolean | undefined;
158
+ focused?: boolean | undefined;
159
+ disabled?: boolean | undefined;
160
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
161
+ view?: string | undefined;
162
+ size?: string | undefined;
163
+ outlined?: boolean | undefined;
164
+ shiftLeft?: boolean | undefined;
165
+ shiftRight?: boolean | undefined;
166
+ blur?: "small" | "medium" | "large" | undefined;
167
+ } & {
168
+ value?: undefined;
169
+ contentRight?: import("react").ReactNode;
170
+ } & import("../../../../components/Attach/Attach.types").BaseAttachProps & {
171
+ buttonType?: "button" | undefined;
172
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
173
+ text?: string | undefined;
174
+ contentLeft?: import("react").ReactNode;
175
+ contentPlacing?: ("default" | "relaxed") | undefined;
176
+ isLoading?: boolean | undefined;
177
+ loader?: import("react").ReactNode;
178
+ stretch?: boolean | undefined;
179
+ stretching?: ("auto" | "fixed" | "filled") | undefined;
180
+ square?: boolean | undefined;
181
+ focused?: boolean | undefined;
182
+ disabled?: boolean | undefined;
183
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
184
+ view?: string | undefined;
185
+ size?: string | undefined;
186
+ outlined?: boolean | undefined;
187
+ shiftLeft?: boolean | undefined;
188
+ shiftRight?: boolean | undefined;
189
+ blur?: "small" | "medium" | "large" | undefined;
190
+ } & {
191
+ value?: undefined;
192
+ contentRight?: import("react").ReactNode;
193
+ } & import("../../../../components/Attach/Attach.types").BaseAttachProps & {
194
+ buttonType?: "iconButton" | undefined;
195
+ icon?: import("react").ReactNode;
196
+ } & {
197
+ value?: string | number | undefined;
198
+ contentRight?: undefined;
199
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
200
+ text?: string | undefined;
201
+ contentLeft?: import("react").ReactNode;
202
+ contentPlacing?: ("default" | "relaxed") | undefined;
203
+ isLoading?: boolean | undefined;
204
+ loader?: import("react").ReactNode;
205
+ stretch?: boolean | undefined;
206
+ stretching?: ("auto" | "fixed" | "filled") | undefined;
207
+ square?: boolean | undefined;
208
+ focused?: boolean | undefined;
209
+ disabled?: boolean | undefined;
210
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
211
+ view?: string | undefined;
212
+ size?: string | undefined;
213
+ outlined?: boolean | undefined;
214
+ shiftLeft?: boolean | undefined;
215
+ shiftRight?: boolean | undefined;
216
+ blur?: "small" | "medium" | "large" | undefined;
217
+ } & {
218
+ value?: undefined;
219
+ contentRight?: import("react").ReactNode;
220
+ } & import("../../../../components/Attach/Attach.types").BaseAttachProps & {
221
+ buttonType?: "iconButton" | undefined;
222
+ icon?: import("react").ReactNode;
223
+ } & import("react").RefAttributes<HTMLDivElement>))>;
224
+ //# sourceMappingURL=Attach.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Attach/Attach.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
@@ -12,7 +12,7 @@ export declare const Cell: import("react").FunctionComponent<import("../../../..
12
12
  };
13
13
  }> & (({
14
14
  size?: string | undefined;
15
- view: string;
15
+ view?: string | undefined;
16
16
  contentLeft?: import("react").ReactNode;
17
17
  contentRight?: import("react").ReactNode;
18
18
  alignContentLeft?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
@@ -27,7 +27,7 @@ export declare const Cell: import("react").FunctionComponent<import("../../../..
27
27
  children?: undefined;
28
28
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
29
29
  size?: string | undefined;
30
- view: string;
30
+ view?: string | undefined;
31
31
  contentLeft?: import("react").ReactNode;
32
32
  contentRight?: import("react").ReactNode;
33
33
  alignContentLeft?: import("../../../../components/Cell/Cell.types").AlignProp | undefined;
package/types/index.d.ts CHANGED
@@ -55,5 +55,5 @@ export * from './components/Price';
55
55
  export * from './components/Autocomplete';
56
56
  export * from './components/EmptyState';
57
57
  export * from './components/Editable';
58
- export * from './components/Mask';
58
+ export * from './components/Attach';
59
59
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC"}
@@ -1,45 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
- var React = require('react');
7
- var maskInputCompose = require('@salutejs/react-maskinput');
8
-
9
- var _excluded = ["maskFormat"];
10
- var defaultFormatChars = [{
11
- str: '0',
12
- regexp: /[0-9]/
13
- }, {
14
- str: '*',
15
- regexp: /./
16
- }, {
17
- str: 'a',
18
- regexp: /[a-zA-Z]/
19
- }, {
20
- str: 'я',
21
- regexp: /[а-яА-ЯёЁ]/
22
- }];
23
- var composeMask = function composeMask(InputComponent) {
24
- var MaskedInput = maskInputCompose(InputComponent);
25
- return /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
26
- var _ref$maskFormat = _ref.maskFormat,
27
- maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
28
- rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
29
- // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'
30
- var _useState = React.useState(null),
31
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
32
- ref = _useState2[0],
33
- setRef = _useState2[1];
34
- React.useImperativeHandle(outerRef, function () {
35
- return ref;
36
- }, [ref]);
37
- return /*#__PURE__*/React.createElement(MaskedInput, _rollupPluginBabelHelpers.extends({
38
- getReference: setRef,
39
- maskFormat: maskFormat
40
- }, rest));
41
- });
42
- };
43
-
44
- exports.composeMask = composeMask;
45
- //# sourceMappingURL=Mask.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Mask.js","sources":["../../../src/components/Mask/Mask.tsx"],"sourcesContent":["import React, { forwardRef, useImperativeHandle, useState } from 'react';\nimport type { FC } from 'react';\nimport maskInputCompose from '@salutejs/react-maskinput';\n\nimport type { CustomInputProps, MaskProps } from './Mask.types';\n\nconst defaultFormatChars = [\n {\n str: '0',\n regexp: /[0-9]/,\n },\n {\n str: '*',\n regexp: /./,\n },\n {\n str: 'a',\n regexp: /[a-zA-Z]/,\n },\n {\n str: 'я',\n regexp: /[а-яА-ЯёЁ]/,\n },\n];\n\nexport const composeMask = <T extends CustomInputProps>(InputComponent: FC<T>) => {\n const MaskedInput = maskInputCompose(InputComponent);\n\n return forwardRef<HTMLInputElement, T & MaskProps>(({ maskFormat = defaultFormatChars, ...rest }, outerRef) => {\n // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'\n const [ref, setRef] = useState<HTMLInputElement | null>(null);\n\n useImperativeHandle(outerRef, () => ref as HTMLInputElement, [ref]);\n\n return <MaskedInput getReference={setRef} maskFormat={maskFormat} {...(rest as T)} />;\n });\n};\n"],"names":["defaultFormatChars","str","regexp","composeMask","InputComponent","MaskedInput","maskInputCompose","forwardRef","_ref","outerRef","_ref$maskFormat","maskFormat","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","ref","setRef","useImperativeHandle","React","createElement","_extends","getReference"],"mappings":";;;;;;;;;AAMA,IAAMA,kBAAkB,GAAG,CACvB;AACIC,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,OAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,GAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,EACD;AACID,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE,YAAA;AACZ,CAAC,CACJ,CAAA;IAEYC,WAAW,GAAG,SAAdA,WAAWA,CAAgCC,cAAqB,EAAK;AAC9E,EAAA,IAAMC,WAAW,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;AAEpD,EAAA,oBAAOG,gBAAU,CAAkC,UAAAC,IAAA,EAA+CC,QAAQ,EAAK;AAAA,IAAA,IAAAC,eAAA,GAAAF,IAAA,CAAzDG,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAGV,KAAAA,CAAAA,GAAAA,kBAAkB,GAAAU,eAAA;AAAKE,MAAAA,IAAI,GAAAC,iDAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAC1F;AACA,IAAA,IAAAC,SAAA,GAAsBC,cAAQ,CAA0B,IAAI,CAAC;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAtDI,MAAAA,GAAG,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,MAAM,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAElBI,yBAAmB,CAACZ,QAAQ,EAAE,YAAA;AAAA,MAAA,OAAMU,GAAG,CAAA;AAAA,KAAoB,EAAE,CAACA,GAAG,CAAC,CAAC,CAAA;AAEnE,IAAA,oBAAOG,KAAA,CAAAC,aAAA,CAAClB,WAAW,EAAAmB,iCAAA,CAAA;AAACC,MAAAA,YAAY,EAAEL,MAAO;AAACT,MAAAA,UAAU,EAAEA,UAAAA;KAAiBC,EAAAA,IAAI,CAAS,CAAC,CAAA;AACzF,GAAC,CAAC,CAAA;AACN;;;;"}
@@ -1,55 +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.composeMask = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _reactMaskinput = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@salutejs/react-maskinput"));
10
- var _excluded = ["maskFormat"];
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
- 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); }
13
- 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; }
14
- 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); }
15
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
16
- 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."); }
17
- 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); }
18
- 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; }
19
- 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; } }
20
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
21
- 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; }
22
- 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; }
23
- var defaultFormatChars = [{
24
- str: '0',
25
- regexp: /[0-9]/
26
- }, {
27
- str: '*',
28
- regexp: /./
29
- }, {
30
- str: 'a',
31
- regexp: /[a-zA-Z]/
32
- }, {
33
- str: 'я',
34
- regexp: /[а-яА-ЯёЁ]/
35
- }];
36
- var composeMask = exports.composeMask = function composeMask(InputComponent) {
37
- var MaskedInput = (0, _reactMaskinput["default"])(InputComponent);
38
- return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
39
- var _ref$maskFormat = _ref.maskFormat,
40
- maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
41
- rest = _objectWithoutProperties(_ref, _excluded);
42
- // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'
43
- var _useState = (0, _react.useState)(null),
44
- _useState2 = _slicedToArray(_useState, 2),
45
- ref = _useState2[0],
46
- setRef = _useState2[1];
47
- (0, _react.useImperativeHandle)(outerRef, function () {
48
- return ref;
49
- }, [ref]);
50
- return /*#__PURE__*/_react["default"].createElement(MaskedInput, _extends({
51
- getReference: setRef,
52
- maskFormat: maskFormat
53
- }, rest));
54
- });
55
- };
@@ -1,125 +0,0 @@
1
- ---
2
- id: mask
3
- title: Mask
4
- ---
5
-
6
- import { PropsTable, Description } from '@site/src/components';
7
-
8
- import Tabs from '@theme/Tabs';
9
- import TabItem from '@theme/TabItem';
10
-
11
- # Mask
12
- <Description name="Mask" />
13
- <PropsTable name="Mask" exclude={['css']} />
14
-
15
- ## Использование
16
- Компонент `Mask` представляет собой поле ввода с возможностью маскирования значения.
17
- Он реализован на компоненте [TextField](https://plasma.sberdevices.ru/b2c/components/textfield/)
18
- и наследует практически все его свойства (`size`, `view`, `disabled`, `label` и тд.)
19
-
20
- ```tsx live
21
- import React from 'react';
22
- import { Mask } from '@salutejs/{{ package }}';
23
- import { IconDone } from '@salutejs/plasma-icons';
24
-
25
- export function App() {
26
- return (
27
- <div>
28
- <Mask
29
- label="Лейбл"
30
- leftHelper="Подсказка к полю"
31
- placeholder="Введите дату"
32
- mask="00/00/0000"
33
- maskString="DD/MM/YYYY"
34
- size="l"
35
- />
36
- </div>
37
- );
38
- }
39
- ```
40
-
41
- ### Маска
42
- Маска задается с помощью свойства `mask`.
43
- Поддерживает следующие символы:
44
-
45
- | Обозначение | Описание |
46
- |-------------|---------------------------------------|
47
- | 0 | любая цифра от 0 до 9 |
48
- | a (англ.) | A-Z, a-z |
49
- | я | А-Я, а-я, ё, Ё |
50
- | q | буква "q" |
51
- | 2 | цифра "2" |
52
- | * | любой символ |
53
- | \ | символ экранирования "\a" - буква "a" |
54
-
55
-
56
- <Tabs>
57
- <TabItem value="phone" label="Маска телефона">
58
- Пример маски для ввода телефона
59
-
60
- ```tsx live
61
- import React from 'react';
62
- import { Mask } from '@salutejs/{{ package }}';
63
-
64
- export function App() {
65
- return (
66
- <div>
67
- <Mask
68
- label="Маска телефона"
69
- placeholder="Введите телефон"
70
- mask="+7 (000) 000 - 00 - 00"
71
- maskChar="_"
72
- size="l"
73
- alwaysShowMask
74
- />
75
- </div>
76
- );
77
- }
78
- ```
79
- </TabItem>
80
- <TabItem value="date" label="Маска даты">
81
- Пример маски для ввода даты
82
-
83
- ```tsx live
84
- import React from 'react';
85
- import { Mask } from '@salutejs/{{ package }}';
86
-
87
- export function App() {
88
- return (
89
- <div>
90
- <Mask
91
- label="Маска даты"
92
- placeholder="Введите дату"
93
- mask="00/00/0000"
94
- maskString="DD/MM/YYYY"
95
- size="l"
96
- />
97
- </div>
98
- );
99
- }
100
- ```
101
- </TabItem>
102
- <TabItem value="time" label="Маска времени">
103
- Пример маски для ввода даты
104
-
105
- ```tsx live
106
- import React from 'react';
107
- import { Mask } from '@salutejs/{{ package }}';
108
-
109
- export function App() {
110
- return (
111
- <div>
112
- <Mask
113
- label="Маска времени"
114
- placeholder="Введите время"
115
- mask="1\0:00"
116
- maskChar="_"
117
- size="l"
118
- showPrefix
119
- />
120
- </div>
121
- );
122
- }
123
- ```
124
- </TabItem>
125
- </Tabs>
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Mask = void 0;
7
- var _Mask = /*#__PURE__*/require("../../../../components/Mask");
8
- var _TextField = /*#__PURE__*/require("../TextField/TextField");
9
- var Mask = exports.Mask = /*#__PURE__*/(0, _Mask.composeMask)(_TextField.TextField);
@@ -1,127 +0,0 @@
1
- import React, { useEffect, useRef } from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { StoryObj, Meta } from '@storybook/react';
4
- import { action } from '@storybook/addon-actions';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
-
8
- import { Mask } from './Mask';
9
-
10
- const onChange = action('onChange');
11
-
12
- const sizes = ['l', 'm', 's', 'xs'];
13
- const views = ['default', 'positive', 'warning', 'negative'];
14
-
15
- const meta: Meta<typeof Mask> = {
16
- title: 'plasma_b2c/Mask',
17
- component: Mask,
18
- decorators: [WithTheme],
19
- argTypes: {
20
- view: {
21
- options: views,
22
- control: {
23
- type: 'select',
24
- },
25
- },
26
- size: {
27
- options: sizes,
28
- control: {
29
- type: 'inline-radio',
30
- },
31
- },
32
- },
33
- };
34
-
35
- export default meta;
36
-
37
- type StoryPropsDefault = Omit<
38
- ComponentProps<typeof Mask>,
39
- | 'helperBlock'
40
- | 'contentLeft'
41
- | 'htmlSize'
42
- | 'contentRight'
43
- | 'type'
44
- | 'name'
45
- | 'onFocus'
46
- | 'onBlur'
47
- | 'onChange'
48
- | 'value'
49
- | 'checked'
50
- | 'maxLength'
51
- | 'minLength'
52
- | 'required'
53
- | 'enumerationType'
54
- | 'chips'
55
- | 'onChangeChips'
56
- >;
57
-
58
- const StoryDemo = ({ view, ...rest }: StoryPropsDefault) => {
59
- return (
60
- <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem', width: '50%' }}>
61
- <Mask
62
- label="Маска телефона"
63
- mask="+7 (000) 000 - 00 - 00"
64
- maskChar="_"
65
- showStartChars={false}
66
- view={view}
67
- onChange={onChange}
68
- {...rest}
69
- />
70
-
71
- <Mask
72
- label="Маска телефона: отображается всегда"
73
- mask="+7 (000) 000 - 00 - 00"
74
- maskChar="_"
75
- view={view}
76
- alwaysShowMask
77
- onChange={onChange}
78
- {...rest}
79
- value="+79123"
80
- name="example"
81
- />
82
-
83
- <Mask
84
- label="Маска даты"
85
- mask="00/00/0000"
86
- maskString="DD/MM/YYYY"
87
- alwaysShowMask
88
- view={view}
89
- onChange={onChange}
90
- {...rest}
91
- />
92
-
93
- <Mask
94
- label="Маска даты: значения по умолчанию"
95
- // eslint-disable-next-line no-octal-escape
96
- mask="12.\04.0000"
97
- maskChar="_"
98
- alwaysShowMask
99
- view={view}
100
- onChange={onChange}
101
- {...rest}
102
- />
103
-
104
- <Mask
105
- label="Маска времени"
106
- mask="00:00"
107
- maskChar="_"
108
- alwaysShowMask
109
- view={view}
110
- onChange={onChange}
111
- {...rest}
112
- />
113
- </div>
114
- );
115
- };
116
-
117
- export const Default: StoryObj<StoryPropsDefault> = {
118
- args: {
119
- size: 'l',
120
- view: 'default',
121
- labelPlacement: 'outer',
122
- placeholder: 'Заполните поле',
123
- disabled: false,
124
- readOnly: false,
125
- },
126
- render: (args) => <StoryDemo {...args} />,
127
- };
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Mask = void 0;
7
- var _Mask = /*#__PURE__*/require("../../../../components/Mask");
8
- var _TextField = /*#__PURE__*/require("../TextField/TextField");
9
- var Mask = exports.Mask = /*#__PURE__*/(0, _Mask.composeMask)(_TextField.TextField);