@salutejs/plasma-new-hope 0.195.0-canary.1534.11913376384.0 → 0.195.0-canary.1546.11913646617.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (270) hide show
  1. package/cjs/_virtual/_rollupPluginBabelHelpers.js +0 -333
  2. package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  3. package/cjs/components/Badge/Badge.css +4 -4
  4. package/cjs/components/Badge/Badge.js +17 -7
  5. package/cjs/components/Badge/Badge.js.map +1 -1
  6. package/cjs/components/Badge/Badge.tokens.js +10 -5
  7. package/cjs/components/Badge/Badge.tokens.js.map +1 -1
  8. package/cjs/components/Badge/variations/_clear/base.js +1 -1
  9. package/cjs/components/Badge/variations/_clear/base.js.map +1 -1
  10. package/cjs/components/Badge/variations/_clear/base_wiboj8.css +1 -0
  11. package/cjs/components/Badge/variations/_size/base.js +1 -1
  12. package/cjs/components/Badge/variations/_size/base.js.map +1 -1
  13. package/{es/components/Badge/variations/_size/base_to0y5x.css → cjs/components/Badge/variations/_size/base_bu5opk.css} +1 -1
  14. package/cjs/components/Badge/variations/_transparent/base.js +1 -1
  15. package/cjs/components/Badge/variations/_transparent/base.js.map +1 -1
  16. package/cjs/components/Badge/variations/_transparent/base_aapqhz.css +1 -0
  17. package/cjs/components/Badge/variations/_view/base.js +1 -1
  18. package/cjs/components/Badge/variations/_view/base.js.map +1 -1
  19. package/cjs/components/Badge/variations/_view/base_j3xzf3.css +1 -0
  20. package/cjs/index.css +4 -18
  21. package/cjs/index.js +0 -6
  22. package/cjs/index.js.map +1 -1
  23. package/emotion/cjs/components/Badge/Badge.js +17 -7
  24. package/emotion/cjs/components/Badge/Badge.template-doc.mdx +40 -16
  25. package/emotion/cjs/components/Badge/Badge.tokens.js +10 -6
  26. package/emotion/cjs/components/Badge/variations/_clear/base.js +1 -1
  27. package/emotion/cjs/components/Badge/variations/_size/base.js +2 -1
  28. package/emotion/cjs/components/Badge/variations/_transparent/base.js +1 -1
  29. package/emotion/cjs/components/Badge/variations/_view/base.js +1 -1
  30. package/emotion/cjs/components/_Icon/index.js +1 -8
  31. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +15 -15
  32. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
  33. package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +14 -14
  34. package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
  35. package/emotion/cjs/index.js +0 -11
  36. package/emotion/es/components/Badge/Badge.js +18 -8
  37. package/emotion/es/components/Badge/Badge.template-doc.mdx +40 -16
  38. package/emotion/es/components/Badge/Badge.tokens.js +9 -5
  39. package/emotion/es/components/Badge/variations/_clear/base.js +2 -2
  40. package/emotion/es/components/Badge/variations/_size/base.js +3 -2
  41. package/emotion/es/components/Badge/variations/_transparent/base.js +2 -2
  42. package/emotion/es/components/Badge/variations/_view/base.js +2 -2
  43. package/emotion/es/components/_Icon/index.js +1 -2
  44. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +15 -15
  45. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
  46. package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +14 -14
  47. package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
  48. package/emotion/es/index.js +1 -2
  49. package/es/_virtual/_rollupPluginBabelHelpers.js +1 -332
  50. package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  51. package/es/components/Badge/Badge.css +4 -4
  52. package/es/components/Badge/Badge.js +20 -10
  53. package/es/components/Badge/Badge.js.map +1 -1
  54. package/es/components/Badge/Badge.tokens.js +10 -6
  55. package/es/components/Badge/Badge.tokens.js.map +1 -1
  56. package/es/components/Badge/variations/_clear/base.js +1 -1
  57. package/es/components/Badge/variations/_clear/base.js.map +1 -1
  58. package/es/components/Badge/variations/_clear/base_wiboj8.css +1 -0
  59. package/es/components/Badge/variations/_size/base.js +1 -1
  60. package/es/components/Badge/variations/_size/base.js.map +1 -1
  61. package/{cjs/components/Badge/variations/_size/base_to0y5x.css → es/components/Badge/variations/_size/base_bu5opk.css} +1 -1
  62. package/es/components/Badge/variations/_transparent/base.js +1 -1
  63. package/es/components/Badge/variations/_transparent/base.js.map +1 -1
  64. package/es/components/Badge/variations/_transparent/base_aapqhz.css +1 -0
  65. package/es/components/Badge/variations/_view/base.js +1 -1
  66. package/es/components/Badge/variations/_view/base.js.map +1 -1
  67. package/es/components/Badge/variations/_view/base_j3xzf3.css +1 -0
  68. package/es/index.css +4 -18
  69. package/es/index.js +0 -2
  70. package/es/index.js.map +1 -1
  71. package/package.json +4 -4
  72. package/styled-components/cjs/components/Badge/Badge.js +17 -7
  73. package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +40 -16
  74. package/styled-components/cjs/components/Badge/Badge.tokens.js +10 -6
  75. package/styled-components/cjs/components/Badge/variations/_clear/base.js +1 -1
  76. package/styled-components/cjs/components/Badge/variations/_size/base.js +2 -1
  77. package/styled-components/cjs/components/Badge/variations/_transparent/base.js +1 -1
  78. package/styled-components/cjs/components/Badge/variations/_view/base.js +1 -1
  79. package/styled-components/cjs/components/_Icon/index.js +1 -8
  80. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +5 -5
  81. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
  82. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +5 -5
  83. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
  84. package/styled-components/cjs/index.js +0 -11
  85. package/styled-components/es/components/Badge/Badge.js +18 -8
  86. package/styled-components/es/components/Badge/Badge.template-doc.mdx +40 -16
  87. package/styled-components/es/components/Badge/Badge.tokens.js +9 -5
  88. package/styled-components/es/components/Badge/variations/_clear/base.js +2 -2
  89. package/styled-components/es/components/Badge/variations/_size/base.js +3 -2
  90. package/styled-components/es/components/Badge/variations/_transparent/base.js +2 -2
  91. package/styled-components/es/components/Badge/variations/_view/base.js +2 -2
  92. package/styled-components/es/components/_Icon/index.js +1 -2
  93. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +5 -5
  94. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
  95. package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +5 -5
  96. package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
  97. package/styled-components/es/index.js +1 -2
  98. package/types/components/Badge/Badge.d.ts.map +1 -1
  99. package/types/components/Badge/Badge.tokens.d.ts +8 -4
  100. package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
  101. package/types/components/Badge/Badge.types.d.ts +18 -5
  102. package/types/components/Badge/Badge.types.d.ts.map +1 -1
  103. package/types/components/Badge/variations/_clear/base.d.ts.map +1 -1
  104. package/types/components/Badge/variations/_size/base.d.ts.map +1 -1
  105. package/types/components/_Icon/index.d.ts +0 -1
  106. package/types/components/_Icon/index.d.ts.map +1 -1
  107. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
  108. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +61 -4
  109. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
  110. package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
  111. package/types/examples/plasma_web/components/Badge/Badge.d.ts +61 -4
  112. package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
  113. package/types/index.d.ts +0 -1
  114. package/types/index.d.ts.map +1 -1
  115. package/cjs/components/Badge/variations/_clear/base_oopyb7.css +0 -1
  116. package/cjs/components/Badge/variations/_transparent/base_1l6036y.css +0 -1
  117. package/cjs/components/Badge/variations/_view/base_qlxank.css +0 -1
  118. package/cjs/components/Dropzone/Dropzone.css +0 -15
  119. package/cjs/components/Dropzone/Dropzone.js +0 -252
  120. package/cjs/components/Dropzone/Dropzone.js.map +0 -1
  121. package/cjs/components/Dropzone/Dropzone.styles.js +0 -47
  122. package/cjs/components/Dropzone/Dropzone.styles.js.map +0 -1
  123. package/cjs/components/Dropzone/Dropzone.styles_1fo7dbq.css +0 -7
  124. package/cjs/components/Dropzone/Dropzone.tokens.js +0 -47
  125. package/cjs/components/Dropzone/Dropzone.tokens.js.map +0 -1
  126. package/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
  127. package/cjs/components/Dropzone/variations/_disabled/base.js.map +0 -1
  128. package/cjs/components/Dropzone/variations/_disabled/base_3qwygi.css +0 -1
  129. package/cjs/components/Dropzone/variations/_size/base.js +0 -9
  130. package/cjs/components/Dropzone/variations/_size/base.js.map +0 -1
  131. package/cjs/components/Dropzone/variations/_size/base_1bt22g1.css +0 -1
  132. package/cjs/components/Dropzone/variations/_view/base.js +0 -9
  133. package/cjs/components/Dropzone/variations/_view/base.js.map +0 -1
  134. package/cjs/components/Dropzone/variations/_view/base_1pdzq6t.css +0 -1
  135. package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -24
  136. package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js.map +0 -1
  137. package/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -23
  138. package/cjs/components/_Icon/Icons/IconArrowBarDown.js.map +0 -1
  139. package/emotion/cjs/components/Dropzone/Dropzone.js +0 -271
  140. package/emotion/cjs/components/Dropzone/Dropzone.styles.js +0 -67
  141. package/emotion/cjs/components/Dropzone/Dropzone.template-docs.mdx +0 -136
  142. package/emotion/cjs/components/Dropzone/Dropzone.tokens.js +0 -44
  143. package/emotion/cjs/components/Dropzone/Dropzone.types.js +0 -5
  144. package/emotion/cjs/components/Dropzone/index.js +0 -31
  145. package/emotion/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
  146. package/emotion/cjs/components/Dropzone/variations/_disabled/tokens.json +0 -4
  147. package/emotion/cjs/components/Dropzone/variations/_size/base.js +0 -10
  148. package/emotion/cjs/components/Dropzone/variations/_size/tokens.json +0 -19
  149. package/emotion/cjs/components/Dropzone/variations/_view/base.js +0 -10
  150. package/emotion/cjs/components/Dropzone/variations/_view/tokens.json +0 -9
  151. package/emotion/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -23
  152. package/emotion/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -22
  153. package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -25
  154. package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -11
  155. package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
  156. package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -25
  157. package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.js +0 -11
  158. package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
  159. package/emotion/es/components/Dropzone/Dropzone.js +0 -263
  160. package/emotion/es/components/Dropzone/Dropzone.styles.js +0 -60
  161. package/emotion/es/components/Dropzone/Dropzone.template-docs.mdx +0 -136
  162. package/emotion/es/components/Dropzone/Dropzone.tokens.js +0 -38
  163. package/emotion/es/components/Dropzone/Dropzone.types.js +0 -1
  164. package/emotion/es/components/Dropzone/index.js +0 -2
  165. package/emotion/es/components/Dropzone/variations/_disabled/base.js +0 -3
  166. package/emotion/es/components/Dropzone/variations/_disabled/tokens.json +0 -4
  167. package/emotion/es/components/Dropzone/variations/_size/base.js +0 -4
  168. package/emotion/es/components/Dropzone/variations/_size/tokens.json +0 -19
  169. package/emotion/es/components/Dropzone/variations/_view/base.js +0 -4
  170. package/emotion/es/components/Dropzone/variations/_view/tokens.json +0 -9
  171. package/emotion/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -16
  172. package/emotion/es/components/_Icon/Icons/IconArrowBarDown.js +0 -15
  173. package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -19
  174. package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -5
  175. package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
  176. package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -19
  177. package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.js +0 -5
  178. package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
  179. package/es/components/Badge/variations/_clear/base_oopyb7.css +0 -1
  180. package/es/components/Badge/variations/_transparent/base_1l6036y.css +0 -1
  181. package/es/components/Badge/variations/_view/base_qlxank.css +0 -1
  182. package/es/components/Dropzone/Dropzone.css +0 -15
  183. package/es/components/Dropzone/Dropzone.js +0 -247
  184. package/es/components/Dropzone/Dropzone.js.map +0 -1
  185. package/es/components/Dropzone/Dropzone.styles.js +0 -37
  186. package/es/components/Dropzone/Dropzone.styles.js.map +0 -1
  187. package/es/components/Dropzone/Dropzone.styles_1fo7dbq.css +0 -7
  188. package/es/components/Dropzone/Dropzone.tokens.js +0 -41
  189. package/es/components/Dropzone/Dropzone.tokens.js.map +0 -1
  190. package/es/components/Dropzone/variations/_disabled/base.js +0 -5
  191. package/es/components/Dropzone/variations/_disabled/base.js.map +0 -1
  192. package/es/components/Dropzone/variations/_disabled/base_3qwygi.css +0 -1
  193. package/es/components/Dropzone/variations/_size/base.js +0 -5
  194. package/es/components/Dropzone/variations/_size/base.js.map +0 -1
  195. package/es/components/Dropzone/variations/_size/base_1bt22g1.css +0 -1
  196. package/es/components/Dropzone/variations/_view/base.js +0 -5
  197. package/es/components/Dropzone/variations/_view/base.js.map +0 -1
  198. package/es/components/Dropzone/variations/_view/base_1pdzq6t.css +0 -1
  199. package/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -20
  200. package/es/components/_Icon/Icon.assets/ArrowBarDown.js.map +0 -1
  201. package/es/components/_Icon/Icons/IconArrowBarDown.js +0 -19
  202. package/es/components/_Icon/Icons/IconArrowBarDown.js.map +0 -1
  203. package/styled-components/cjs/components/Dropzone/Dropzone.js +0 -271
  204. package/styled-components/cjs/components/Dropzone/Dropzone.styles.js +0 -29
  205. package/styled-components/cjs/components/Dropzone/Dropzone.template-docs.mdx +0 -136
  206. package/styled-components/cjs/components/Dropzone/Dropzone.tokens.js +0 -44
  207. package/styled-components/cjs/components/Dropzone/Dropzone.types.js +0 -5
  208. package/styled-components/cjs/components/Dropzone/index.js +0 -31
  209. package/styled-components/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
  210. package/styled-components/cjs/components/Dropzone/variations/_disabled/tokens.json +0 -4
  211. package/styled-components/cjs/components/Dropzone/variations/_size/base.js +0 -10
  212. package/styled-components/cjs/components/Dropzone/variations/_size/tokens.json +0 -19
  213. package/styled-components/cjs/components/Dropzone/variations/_view/base.js +0 -10
  214. package/styled-components/cjs/components/Dropzone/variations/_view/tokens.json +0 -9
  215. package/styled-components/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -23
  216. package/styled-components/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -22
  217. package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -25
  218. package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -11
  219. package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
  220. package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -25
  221. package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.js +0 -11
  222. package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
  223. package/styled-components/es/components/Dropzone/Dropzone.js +0 -263
  224. package/styled-components/es/components/Dropzone/Dropzone.styles.js +0 -21
  225. package/styled-components/es/components/Dropzone/Dropzone.template-docs.mdx +0 -136
  226. package/styled-components/es/components/Dropzone/Dropzone.tokens.js +0 -38
  227. package/styled-components/es/components/Dropzone/Dropzone.types.js +0 -1
  228. package/styled-components/es/components/Dropzone/index.js +0 -2
  229. package/styled-components/es/components/Dropzone/variations/_disabled/base.js +0 -3
  230. package/styled-components/es/components/Dropzone/variations/_disabled/tokens.json +0 -4
  231. package/styled-components/es/components/Dropzone/variations/_size/base.js +0 -4
  232. package/styled-components/es/components/Dropzone/variations/_size/tokens.json +0 -19
  233. package/styled-components/es/components/Dropzone/variations/_view/base.js +0 -4
  234. package/styled-components/es/components/Dropzone/variations/_view/tokens.json +0 -9
  235. package/styled-components/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -16
  236. package/styled-components/es/components/_Icon/Icons/IconArrowBarDown.js +0 -15
  237. package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -19
  238. package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -5
  239. package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
  240. package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -19
  241. package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.js +0 -5
  242. package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
  243. package/types/components/Dropzone/Dropzone.d.ts +0 -59
  244. package/types/components/Dropzone/Dropzone.d.ts.map +0 -1
  245. package/types/components/Dropzone/Dropzone.styles.d.ts +0 -9
  246. package/types/components/Dropzone/Dropzone.styles.d.ts.map +0 -1
  247. package/types/components/Dropzone/Dropzone.tokens.d.ts +0 -39
  248. package/types/components/Dropzone/Dropzone.tokens.d.ts.map +0 -1
  249. package/types/components/Dropzone/Dropzone.types.d.ts +0 -77
  250. package/types/components/Dropzone/Dropzone.types.d.ts.map +0 -1
  251. package/types/components/Dropzone/index.d.ts +0 -3
  252. package/types/components/Dropzone/index.d.ts.map +0 -1
  253. package/types/components/Dropzone/variations/_disabled/base.d.ts +0 -2
  254. package/types/components/Dropzone/variations/_disabled/base.d.ts.map +0 -1
  255. package/types/components/Dropzone/variations/_size/base.d.ts +0 -2
  256. package/types/components/Dropzone/variations/_size/base.d.ts.map +0 -1
  257. package/types/components/Dropzone/variations/_view/base.d.ts +0 -2
  258. package/types/components/Dropzone/variations/_view/base.d.ts.map +0 -1
  259. package/types/components/_Icon/Icon.assets/ArrowBarDown.d.ts +0 -4
  260. package/types/components/_Icon/Icon.assets/ArrowBarDown.d.ts.map +0 -1
  261. package/types/components/_Icon/Icons/IconArrowBarDown.d.ts +0 -4
  262. package/types/components/_Icon/Icons/IconArrowBarDown.d.ts.map +0 -1
  263. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.config.d.ts +0 -18
  264. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.config.d.ts.map +0 -1
  265. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.d.ts +0 -29
  266. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.d.ts.map +0 -1
  267. package/types/examples/plasma_web/components/Dropzone/Dropzone.config.d.ts +0 -18
  268. package/types/examples/plasma_web/components/Dropzone/Dropzone.config.d.ts.map +0 -1
  269. package/types/examples/plasma_web/components/Dropzone/Dropzone.d.ts +0 -29
  270. package/types/examples/plasma_web/components/Dropzone/Dropzone.d.ts.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropzone.tokens.js","sources":["../../../src/components/Dropzone/Dropzone.tokens.ts"],"sourcesContent":["export const classes = {\n stretch: 'dropzone-stretch',\n active: 'dropzone-active',\n verticalContentPlacing: 'dropzone-vertical-content-placing',\n disabled: 'dropzone-disabled',\n};\n\nexport const privateTokens = {\n width: '--plasma_private-dropzone-width',\n height: '--plasma_private-dropzone-height',\n};\n\nexport const tokens = {\n background: '--plasma-dropzone-background',\n backgroundHover: '--plasma-dropzone-background-hover',\n overlayColorActive: '--plasma-dropzone-overlay-color-active',\n border: '--plasma-dropzone-border-color',\n borderColorHover: '--plasma-dropzone-border-color-hover',\n borderColorActive: '--plasma-dropzone-border-color-active',\n\n titleColor: '--plasma-dropzone-title-color',\n descriptionColor: '--plasma-dropzone-description-color',\n\n padding: '--plasma-dropzone-padding',\n borderRadius: '--plasma-dropzone-border-radius',\n contentGap: '--plasma-dropzone-content-gap',\n titleWrapperGap: '--plasma-dropzone-title-wrapper-gap',\n titleWrapperGapColumn: '--plasma-dropzone-title-wrapper-column-gap',\n\n titleFontFamily: '--plasma-dropzone-title-font-family',\n titleFontSize: '--plasma-dropzone-title-font-size',\n titleFontStyle: '--plasma-dropzone-title-font-style',\n titleFontWeight: '--plasma-dropzone-title-font-weight',\n titleLetterSpacing: '--plasma-dropzone-title-letter-spacing',\n titleLineHeight: '--plasma-dropzone-title-line-height',\n\n descriptionFontFamily: '--plasma-dropzone-description-font-family',\n descriptionFontSize: '--plasma-dropzone-description-font-size',\n descriptionFontStyle: '--plasma-dropzone-description-font-style',\n descriptionFontWeight: '--plasma-dropzone-description-font-weight',\n descriptionLetterSpacing: '--plasma-dropzone-description-letter-spacing',\n descriptionLineHeight: '--plasma-dropzone-description-line-height',\n\n disabledOpacity: '--plasma-dropzone-disabled-opacity',\n};\n"],"names":["classes","stretch","active","verticalContentPlacing","disabled","privateTokens","width","height","tokens","background","backgroundHover","overlayColorActive","border","borderColorHover","borderColorActive","titleColor","descriptionColor","padding","borderRadius","contentGap","titleWrapperGap","titleWrapperGapColumn","titleFontFamily","titleFontSize","titleFontStyle","titleFontWeight","titleLetterSpacing","titleLineHeight","descriptionFontFamily","descriptionFontSize","descriptionFontStyle","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","disabledOpacity"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,MAAM,EAAE,iBAAiB;AACzBC,EAAAA,sBAAsB,EAAE,mCAAmC;AAC3DC,EAAAA,QAAQ,EAAE,mBAAA;AACd,EAAC;AAEM,IAAMC,aAAa,GAAG;AACzBC,EAAAA,KAAK,EAAE,iCAAiC;AACxCC,EAAAA,MAAM,EAAE,kCAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,eAAe,EAAE,oCAAoC;AACrDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,MAAM,EAAE,gCAAgC;AACxCC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,iBAAiB,EAAE,uCAAuC;AAE1DC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,gBAAgB,EAAE,qCAAqC;AAEvDC,EAAAA,OAAO,EAAE,2BAA2B;AACpCC,EAAAA,YAAY,EAAE,iCAAiC;AAC/CC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,qBAAqB,EAAE,4CAA4C;AAEnEC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,eAAe,EAAE,qCAAqC;AAEtDC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,wBAAwB,EAAE,8CAA8C;AACxEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAElEC,EAAAA,eAAe,EAAE,oCAAA;AACrB;;;;"}
@@ -1,5 +0,0 @@
1
- import './base_3qwygi.css';
2
- var base = "b1t0rfqa";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Dropzone/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Dropzone.tokens';\n\nexport const base = css`\n &.${classes.disabled} {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAKhB;;;;"}
@@ -1 +0,0 @@
1
- .b1t0rfqa.dropzone-disabled{opacity:var(--plasma-dropzone-disabled-opacity);cursor:not-allowed;}
@@ -1,5 +0,0 @@
1
- import './base_1bt22g1.css';
2
- var base = "b1q81cck";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Dropzone/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../Dropzone.tokens';\nimport { Content, Description, DropzoneHandlerOverlay, Title, TitleWrapper } from '../../Dropzone.styles';\n\nexport const base = css`\n padding: var(${tokens.padding});\n border-radius: var(${tokens.borderRadius});\n height: var(${privateTokens.height});\n width: var(${privateTokens.width});\n\n &.${classes.stretch} {\n width: 100%;\n }\n\n ${DropzoneHandlerOverlay} {\n border-radius: var(${tokens.borderRadius});\n }\n\n ${Content} {\n gap: var(${tokens.contentGap});\n }\n\n ${TitleWrapper} {\n display: flex;\n align-items: center;\n justify-content: center;\n\n gap: var(${tokens.titleWrapperGap});\n\n &.${classes.verticalContentPlacing} {\n flex-direction: column;\n gap: var(${tokens.titleWrapperGapColumn});\n }\n }\n\n ${Title} {\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleLetterSpacing});\n line-height: var(${tokens.titleLineHeight});\n }\n\n ${Description} {\n font-family: var(${tokens.descriptionFontFamily});\n font-size: var(${tokens.descriptionFontSize});\n font-style: var(${tokens.descriptionFontStyle});\n font-weight: var(${tokens.descriptionFontWeight});\n letter-spacing: var(${tokens.descriptionLetterSpacing});\n line-height: var(${tokens.descriptionLineHeight});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAgDhB;;;;"}
@@ -1 +0,0 @@
1
- .b1q81cck{padding:var(--plasma-dropzone-padding);border-radius:var(--plasma-dropzone-border-radius);height:var(--plasma_private-dropzone-height);width:var(--plasma_private-dropzone-width);}.b1q81cck.dropzone-stretch{width:100%;}.b1q81cck .dqiwesh{border-radius:var(--plasma-dropzone-border-radius);}.b1q81cck .c1afz1o5{gap:var(--plasma-dropzone-content-gap);}.b1q81cck .twnyozc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-dropzone-title-wrapper-gap);}.b1q81cck .twnyozc.dropzone-vertical-content-placing{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-dropzone-title-wrapper-column-gap);}.b1q81cck .tahwclk{font-family:var(--plasma-dropzone-title-font-family);font-size:var(--plasma-dropzone-title-font-size);font-style:var(--plasma-dropzone-title-font-style);font-weight:var(--plasma-dropzone-title-font-weight);-webkit-letter-spacing:var(--plasma-dropzone-title-letter-spacing);-moz-letter-spacing:var(--plasma-dropzone-title-letter-spacing);-ms-letter-spacing:var(--plasma-dropzone-title-letter-spacing);letter-spacing:var(--plasma-dropzone-title-letter-spacing);line-height:var(--plasma-dropzone-title-line-height);}.b1q81cck .d1nsxook{font-family:var(--plasma-dropzone-description-font-family);font-size:var(--plasma-dropzone-description-font-size);font-style:var(--plasma-dropzone-description-font-style);font-weight:var(--plasma-dropzone-description-font-weight);-webkit-letter-spacing:var(--plasma-dropzone-description-letter-spacing);-moz-letter-spacing:var(--plasma-dropzone-description-letter-spacing);-ms-letter-spacing:var(--plasma-dropzone-description-letter-spacing);letter-spacing:var(--plasma-dropzone-description-letter-spacing);line-height:var(--plasma-dropzone-description-line-height);}
@@ -1,5 +0,0 @@
1
- import './base_1pdzq6t.css';
2
- var base = "byh8zio";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Dropzone/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Dropzone.tokens';\nimport { Description, DropzoneHandlerOverlay, TitleWrapper } from '../../Dropzone.styles';\n\nexport const base = css`\n background: var(${tokens.background});\n border: var(${tokens.border});\n\n &:not(.${classes.active}):hover,\n &:not(.${classes.active}):focus-within {\n background: var(${tokens.backgroundHover});\n border-color: var(${tokens.borderColorHover});\n outline: none;\n }\n\n &.${classes.active} {\n border-color: var(${tokens.borderColorActive});\n\n ${DropzoneHandlerOverlay} {\n background: var(${tokens.overlayColorActive});\n }\n }\n\n ${TitleWrapper} {\n color: var(${tokens.titleColor});\n }\n\n ${Description} {\n color: var(${tokens.descriptionColor});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA0BhB;;;;"}
@@ -1 +0,0 @@
1
- .byh8zio{background:var(--plasma-dropzone-background);border:var(--plasma-dropzone-border-color);}.byh8zio:not(.dropzone-active):hover,.byh8zio:not(.dropzone-active):focus-within{background:var(--plasma-dropzone-background-hover);border-color:var(--plasma-dropzone-border-color-hover);outline:none;}.byh8zio.dropzone-active{border-color:var(--plasma-dropzone-border-color-active);}.byh8zio.dropzone-active .dqiwesh{background:var(--plasma-dropzone-overlay-color-active);}.byh8zio .twnyozc{color:var(--plasma-dropzone-title-color);}.byh8zio .d1nsxook{color:var(--plasma-dropzone-description-color);}
@@ -1,20 +0,0 @@
1
- import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React from 'react';
3
-
4
- var _path;
5
- var ArrowBarDown = function ArrowBarDown(props) {
6
- return /*#__PURE__*/React.createElement("svg", _extends({
7
- width: "100%",
8
- viewBox: "0 0 16 16",
9
- fill: "none",
10
- xmlns: "http://www.w3.org/2000/svg"
11
- }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
12
- fillRule: "evenodd",
13
- clipRule: "evenodd",
14
- d: "M7.95833 1.875C8.23448 1.875 8.45833 2.09886 8.45833 2.375V10.4043L11.2686 7.54868C11.4623 7.35186 11.7789 7.34933 11.9757 7.54302C12.1725 7.73672 12.1751 8.05329 11.9814 8.25011L8.3147 11.9759C8.21782 12.0744 8.08453 12.1283 7.94645 12.1251C7.80837 12.1218 7.67779 12.0615 7.5857 11.9586L4.25237 8.23278C4.06824 8.02698 4.08582 7.71088 4.29162 7.52676C4.49742 7.34264 4.81351 7.36021 4.99763 7.56601L7.45833 10.3164V2.375C7.45833 2.09886 7.68219 1.875 7.95833 1.875ZM2.5 14.0001C2.5 13.724 2.72386 13.5001 3 13.5001H13C13.2761 13.5001 13.5 13.724 13.5 14.0001C13.5 14.2763 13.2761 14.5001 13 14.5001H3C2.72386 14.5001 2.5 14.2763 2.5 14.0001Z",
15
- fill: "currentColor"
16
- })));
17
- };
18
-
19
- export { ArrowBarDown };
20
- //# sourceMappingURL=ArrowBarDown.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ArrowBarDown.js","sources":["../../../../src/components/_Icon/Icon.assets/ArrowBarDown.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const ArrowBarDown: React.FC<IconProps> = (props) => (\n <svg width=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.95833 1.875C8.23448 1.875 8.45833 2.09886 8.45833 2.375V10.4043L11.2686 7.54868C11.4623 7.35186 11.7789 7.34933 11.9757 7.54302C12.1725 7.73672 12.1751 8.05329 11.9814 8.25011L8.3147 11.9759C8.21782 12.0744 8.08453 12.1283 7.94645 12.1251C7.80837 12.1218 7.67779 12.0615 7.5857 11.9586L4.25237 8.23278C4.06824 8.02698 4.08582 7.71088 4.29162 7.52676C4.49742 7.34264 4.81351 7.36021 4.99763 7.56601L7.45833 10.3164V2.375C7.45833 2.09886 7.68219 1.875 7.95833 1.875ZM2.5 14.0001C2.5 13.724 2.72386 13.5001 3 13.5001H13C13.2761 13.5001 13.5 13.724 13.5 14.0001C13.5 14.2763 13.2761 14.5001 13 14.5001H3C2.72386 14.5001 2.5 14.2763 2.5 14.0001Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"names":["ArrowBarDown","props","React","createElement","_extends","width","viewBox","fill","xmlns","_path","fillRule","clipRule","d"],"mappings":";;;;IAIaA,YAAiC,GAAG,SAApCA,YAAiCA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBACnDC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,KAAK,EAAC,4BAAA;GAAiCP,EAAAA,KAAK,GAAAQ,KAAA,KAAAA,KAAA,gBAC1FP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIO,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,CAAC,EAAC,qoBAAqoB;AACvoBL,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAAA;;;;"}
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import { ArrowBarDown } from '../Icon.assets/ArrowBarDown.js';
3
- import { IconRoot } from '../IconRoot.js';
4
-
5
- var IconArrowBarDown = function IconArrowBarDown(_ref) {
6
- var _ref$size = _ref.size,
7
- size = _ref$size === void 0 ? 'xs' : _ref$size,
8
- color = _ref.color,
9
- className = _ref.className;
10
- return /*#__PURE__*/React.createElement(IconRoot, {
11
- className: className,
12
- size: size,
13
- color: color,
14
- icon: ArrowBarDown
15
- });
16
- };
17
-
18
- export { IconArrowBarDown };
19
- //# sourceMappingURL=IconArrowBarDown.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconArrowBarDown.js","sources":["../../../../src/components/_Icon/Icons/IconArrowBarDown.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowBarDown } from '../Icon.assets/ArrowBarDown';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconArrowBarDown: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n return <IconRoot className={className} size={size} color={color} icon={ArrowBarDown} />;\n};\n"],"names":["IconArrowBarDown","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","ArrowBarDown"],"mappings":";;;;IAKaA,gBAAqC,GAAG,SAAxCA,gBAAqCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACjF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,YAAAA;AAAa,GAAE,CAAC,CAAA;AAC3F;;;;"}
@@ -1,271 +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.dropzoneRoot = exports.dropzoneConfig = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
10
- var _utils = /*#__PURE__*/require("../../utils");
11
- var _Icon = /*#__PURE__*/require("../../components/_Icon");
12
- var _base = /*#__PURE__*/require("./variations/_view/base");
13
- var _base2 = /*#__PURE__*/require("./variations/_size/base");
14
- var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
15
- var _Dropzone = /*#__PURE__*/require("./Dropzone.styles");
16
- var _Dropzone2 = /*#__PURE__*/require("./Dropzone.tokens");
17
- var _IconArrowBarDown;
18
- var _excluded = ["className", "style", "accept", "multiple", "title", "description", "icon", "iconPlacement", "size", "view", "disabled", "stretch", "width", "height", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "validator", "onClick", "onChange", "onChoseFiles"];
19
- 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); }
20
- 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; }
21
- 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); }
22
- 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; }
23
- 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; }
24
- 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; }
25
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
26
- 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); }
27
- function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
28
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
29
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
30
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
31
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
32
- function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
33
- function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
34
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
35
- 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."); }
36
- 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); }
37
- 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; }
38
- 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; } }
39
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
40
- 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; }
41
- 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; }
42
- var dropzoneRoot = exports.dropzoneRoot = function dropzoneRoot(Root) {
43
- return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
44
- var className = _ref.className,
45
- style = _ref.style,
46
- accept = _ref.accept,
47
- multiple = _ref.multiple,
48
- title = _ref.title,
49
- description = _ref.description,
50
- icon = _ref.icon,
51
- iconPlacement = _ref.iconPlacement,
52
- size = _ref.size,
53
- view = _ref.view,
54
- disabled = _ref.disabled,
55
- stretch = _ref.stretch,
56
- width = _ref.width,
57
- height = _ref.height,
58
- onDragEnter = _ref.onDragEnter,
59
- onDragLeave = _ref.onDragLeave,
60
- onDragOver = _ref.onDragOver,
61
- onDrop = _ref.onDrop,
62
- validator = _ref.validator,
63
- onClick = _ref.onClick,
64
- onChange = _ref.onChange,
65
- onChoseFiles = _ref.onChoseFiles,
66
- rest = _objectWithoutProperties(_ref, _excluded);
67
- var _useState = (0, _react.useState)(false),
68
- _useState2 = _slicedToArray(_useState, 2),
69
- isDropzoneActive = _useState2[0],
70
- setIsDropzoneActive = _useState2[1];
71
- var inputRef = (0, _react.useRef)(null);
72
- var forkInputRef = (0, _plasmaCore.useForkRef)(outerRef, inputRef);
73
- var innerWidth = width ? (0, _utils.getSizeValueFromProp)(width) : 'fit-content';
74
- var innerHeight = height ? (0, _utils.getSizeValueFromProp)(height) : 'fit-content';
75
- var processFiles = /*#__PURE__*/function () {
76
- var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(rawFiles, callback, afterAction) {
77
- var files, res;
78
- return _regeneratorRuntime().wrap(function _callee$(_context) {
79
- while (1) switch (_context.prev = _context.next) {
80
- case 0:
81
- if (rawFiles !== null && rawFiles !== void 0 && rawFiles.length) {
82
- _context.next = 2;
83
- break;
84
- }
85
- return _context.abrupt("return");
86
- case 2:
87
- files = _toConsumableArray(rawFiles);
88
- res = {
89
- acceptedFiles: files
90
- };
91
- if (!validator) {
92
- _context.next = 8;
93
- break;
94
- }
95
- _context.next = 7;
96
- return validator === null || validator === void 0 ? void 0 : validator(files);
97
- case 7:
98
- res = _context.sent;
99
- case 8:
100
- if (!callback) {
101
- _context.next = 11;
102
- break;
103
- }
104
- _context.next = 11;
105
- return callback(res);
106
- case 11:
107
- if (afterAction) {
108
- afterAction();
109
- }
110
- case 12:
111
- case "end":
112
- return _context.stop();
113
- }
114
- }, _callee);
115
- }));
116
- return function processFiles(_x, _x2, _x3) {
117
- return _ref2.apply(this, arguments);
118
- };
119
- }();
120
- var handleDragEnter = function handleDragEnter(event) {
121
- if (disabled) {
122
- return;
123
- }
124
- event.preventDefault();
125
- event.stopPropagation();
126
- if (onDragEnter) {
127
- onDragEnter(event);
128
- }
129
- setIsDropzoneActive(true);
130
- };
131
- var handleDragLeave = function handleDragLeave(event) {
132
- if (disabled) {
133
- return;
134
- }
135
- event.preventDefault();
136
- if (onDragLeave) {
137
- onDragLeave(event);
138
- }
139
- setIsDropzoneActive(false);
140
- };
141
- var handleDragOver = function handleDragOver(event) {
142
- if (disabled) {
143
- return;
144
- }
145
- event.preventDefault();
146
- if (onDragOver) {
147
- onDragOver(event);
148
- }
149
- var rawFiles = event.dataTransfer.files;
150
- if (!isDropzoneActive && rawFiles && rawFiles.length > 0) {
151
- setIsDropzoneActive(true);
152
- }
153
- };
154
- var handleDrop = /*#__PURE__*/function () {
155
- var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
156
- var rawFiles, afterAction;
157
- return _regeneratorRuntime().wrap(function _callee2$(_context2) {
158
- while (1) switch (_context2.prev = _context2.next) {
159
- case 0:
160
- if (!disabled) {
161
- _context2.next = 2;
162
- break;
163
- }
164
- return _context2.abrupt("return");
165
- case 2:
166
- event.preventDefault();
167
- event.persist();
168
- rawFiles = event.dataTransfer.files;
169
- afterAction = function afterAction() {
170
- event.dataTransfer.clearData();
171
- setIsDropzoneActive(false);
172
- };
173
- _context2.next = 8;
174
- return processFiles(rawFiles, onDrop, afterAction);
175
- case 8:
176
- case "end":
177
- return _context2.stop();
178
- }
179
- }, _callee2);
180
- }));
181
- return function handleDrop(_x4) {
182
- return _ref3.apply(this, arguments);
183
- };
184
- }();
185
- var handleClick = function handleClick(event) {
186
- if (!inputRef.current || disabled) {
187
- return;
188
- }
189
- inputRef.current.click();
190
- if (onClick) {
191
- onClick(event);
192
- }
193
- };
194
- var handleChange = /*#__PURE__*/function () {
195
- var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(event) {
196
- var rawFiles;
197
- return _regeneratorRuntime().wrap(function _callee3$(_context3) {
198
- while (1) switch (_context3.prev = _context3.next) {
199
- case 0:
200
- if (!disabled) {
201
- _context3.next = 2;
202
- break;
203
- }
204
- return _context3.abrupt("return");
205
- case 2:
206
- if (onChange) {
207
- onChange(event);
208
- }
209
- rawFiles = event.target.files;
210
- _context3.next = 6;
211
- return processFiles(rawFiles, onChoseFiles);
212
- case 6:
213
- case "end":
214
- return _context3.stop();
215
- }
216
- }, _callee3);
217
- }));
218
- return function handleChange(_x5) {
219
- return _ref4.apply(this, arguments);
220
- };
221
- }();
222
- return /*#__PURE__*/_react["default"].createElement(Root, {
223
- className: (0, _utils.cx)(className, isDropzoneActive && _Dropzone2.classes.active, stretch && _Dropzone2.classes.stretch, disabled && _Dropzone2.classes.disabled),
224
- view: view,
225
- size: size,
226
- disabled: disabled,
227
- tabIndex: 0,
228
- style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty({}, _Dropzone2.privateTokens.width, innerWidth), _Dropzone2.privateTokens.height, innerHeight))
229
- }, /*#__PURE__*/_react["default"].createElement(_Dropzone.DropzoneHandlerOverlay, {
230
- onDragEnter: handleDragEnter,
231
- onDragLeave: handleDragLeave,
232
- onDragOver: handleDragOver,
233
- onDrop: handleDrop,
234
- onClick: handleClick
235
- }), /*#__PURE__*/_react["default"].createElement(_Dropzone.Content, null, /*#__PURE__*/_react["default"].createElement(_Dropzone.TitleWrapper, {
236
- className: (0, _utils.cx)(iconPlacement === 'top' && _Dropzone2.classes.verticalContentPlacing)
237
- }, icon || _IconArrowBarDown || (_IconArrowBarDown = /*#__PURE__*/_react["default"].createElement(_Icon.IconArrowBarDown, {
238
- color: "inherit",
239
- size: "s"
240
- })), title && /*#__PURE__*/_react["default"].createElement(_Dropzone.Title, null, title)), description && /*#__PURE__*/_react["default"].createElement(_Dropzone.Description, null, description)), /*#__PURE__*/_react["default"].createElement(_Dropzone.HiddenInput, _extends({
241
- ref: forkInputRef,
242
- type: "file",
243
- accept: accept,
244
- multiple: multiple,
245
- tabIndex: -1,
246
- onChange: handleChange
247
- }, rest)));
248
- });
249
- };
250
- var dropzoneConfig = exports.dropzoneConfig = {
251
- name: 'Dropzone',
252
- tag: 'div',
253
- layout: dropzoneRoot,
254
- base: _Dropzone.base,
255
- variations: {
256
- view: {
257
- css: _base.base
258
- },
259
- size: {
260
- css: _base2.base
261
- },
262
- disabled: {
263
- css: _base3.base,
264
- attrs: true
265
- }
266
- },
267
- defaults: {
268
- view: 'default',
269
- size: 'm'
270
- }
271
- };
@@ -1,29 +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.base = exports.TitleWrapper = exports.Title = exports.HiddenInput = exports.DropzoneHandlerOverlay = exports.Description = exports.Content = void 0;
8
- var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
9
- 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); }
10
- 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; }
11
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;"]);
12
- var DropzoneHandlerOverlay = exports.DropzoneHandlerOverlay = /*#__PURE__*/_styledComponents["default"].div.withConfig({
13
- componentId: "plasma-new-hope__sc-mq500f-0"
14
- })(["position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;"]);
15
- var Content = exports.Content = /*#__PURE__*/_styledComponents["default"].div.withConfig({
16
- componentId: "plasma-new-hope__sc-mq500f-1"
17
- })(["display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;"]);
18
- var TitleWrapper = exports.TitleWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
19
- componentId: "plasma-new-hope__sc-mq500f-2"
20
- })([""]);
21
- var Title = exports.Title = /*#__PURE__*/_styledComponents["default"].span.withConfig({
22
- componentId: "plasma-new-hope__sc-mq500f-3"
23
- })([""]);
24
- var Description = exports.Description = /*#__PURE__*/_styledComponents["default"].span.withConfig({
25
- componentId: "plasma-new-hope__sc-mq500f-4"
26
- })([""]);
27
- var HiddenInput = exports.HiddenInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
28
- componentId: "plasma-new-hope__sc-mq500f-5"
29
- })(["display:none;"]);
@@ -1,136 +0,0 @@
1
- ---
2
- id: dropzone
3
- title: Dropzone
4
- ---
5
-
6
- import { PropsTable } from '@site/src/components';
7
-
8
- # Dropzone
9
- Компонент для загрузки файлов, без отображения индикации загрузки.
10
- Компонент не предполагает наличия валиации, так как является частью Upload.
11
- Но валидацию можно задать с помощью callback `validator`.
12
- <PropsTable name="Dropzone" />
13
-
14
- # Типизация
15
-
16
- ```tsx
17
- type DropzoneProps = {
18
- /**
19
- * Массив форматов файлов, которые могут быть прикреплены (см. HTML-атрибут 'accept' для 'input').
20
- */
21
- acceptedFileFormats?: string[];
22
- /**
23
- * Позовляет выбирать несколько файлов для загрузки
24
- */
25
- multiple?: boolean;
26
- /**
27
- * Слот для Title
28
- */
29
- title?: string;
30
- /**
31
- * Слот для описания
32
- */
33
- description?: ReactNode;
34
- /**
35
- * Слот для иконки
36
- */
37
- icon?: ReactNode;
38
- /**
39
- * Расположение иконки
40
- * @default 'left'
41
- */
42
- iconPlacement?: 'top' | 'left';
43
- /**
44
- * Размер компонента
45
- */
46
- size?: string;
47
- /**
48
- * Вид компонента
49
- */
50
- view?: string;
51
- /**
52
- * Компонент неактивен
53
- */
54
- disabled?: boolean;
55
- /**
56
- * Компонент растягивается на всю доступную ширину
57
- */
58
- stretch?: boolean;
59
- /**
60
- * Функция, вызываемая в момент вхождения курсора внутрь границ Dropzone
61
- */
62
- onDragEnter?: () => void;
63
- /**
64
- * Функция, вызываемая в момент выхода курсора из Dropzone
65
- */
66
- onDragLeave?: () => void;
67
- /**
68
- * Функция, вызываемая при нахождении курсора внутри Dropzone
69
- */
70
- onDragOver?: () => void;
71
- /**
72
- * Функция, вызываемая при drop файлов
73
- */
74
- onDrop?: () => void;
75
- /**
76
- * Функция, вызываемая для валидации файлов, перед onDropFiles
77
- */
78
- validator?: (files: File[]) => ValidatorReturnType;
79
- /**
80
- * Функция, вызываемая при наличии файлов, после onDrop
81
- */
82
- onDropFiles?: FileProcessHandler;
83
- /**
84
- * Функция, вызываемая при выборе файлов
85
- */
86
- onChoseFiles?: FileProcessHandler;
87
- } & Omit<InputHTMLAttributes<HTMLInputElement>, 'accept'>;
88
- ```
89
-
90
- # Пример
91
-
92
- ```tsx live
93
- import React from 'react';
94
- import { Dropzone } from '@salutejs/{{ package }}';
95
-
96
- export function App() {
97
- const onDragEnter = () => {
98
- console.log("onDragEnter")
99
- }
100
-
101
- const onDragLeave = () => {
102
- console.log("onDragLeave")
103
- }
104
-
105
- const onDrop = () => {
106
- console.log("onDrop")
107
- }
108
-
109
- const onDropFiles = () => {
110
- console.log("onDropFiles")
111
- }
112
-
113
- const onChange = () => {
114
- console.log("onChange")
115
- }
116
-
117
- const onChoseFiles = () => {
118
- console.log("onChoseFiles")
119
- }
120
-
121
- return (
122
- <Dropzone
123
- iconPlacement="top"
124
- width="240"
125
- title="Click to upload"
126
- description="or drag and drop files here"
127
- onDragEnter={onDragEnter}
128
- onDragLeave={onDragLeave}
129
- onDrop={onDrop}
130
- onDropFiles={onDropFiles}
131
- onChange={onChange}
132
- onChoseFiles={onChoseFiles}
133
- />
134
- );
135
- }
136
- ```
@@ -1,44 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.tokens = exports.privateTokens = exports.classes = void 0;
7
- var classes = exports.classes = {
8
- stretch: 'dropzone-stretch',
9
- active: 'dropzone-active',
10
- verticalContentPlacing: 'dropzone-vertical-content-placing',
11
- disabled: 'dropzone-disabled'
12
- };
13
- var privateTokens = exports.privateTokens = {
14
- width: '--plasma_private-dropzone-width',
15
- height: '--plasma_private-dropzone-height'
16
- };
17
- var tokens = exports.tokens = {
18
- background: '--plasma-dropzone-background',
19
- backgroundHover: '--plasma-dropzone-background-hover',
20
- overlayColorActive: '--plasma-dropzone-overlay-color-active',
21
- border: '--plasma-dropzone-border-color',
22
- borderColorHover: '--plasma-dropzone-border-color-hover',
23
- borderColorActive: '--plasma-dropzone-border-color-active',
24
- titleColor: '--plasma-dropzone-title-color',
25
- descriptionColor: '--plasma-dropzone-description-color',
26
- padding: '--plasma-dropzone-padding',
27
- borderRadius: '--plasma-dropzone-border-radius',
28
- contentGap: '--plasma-dropzone-content-gap',
29
- titleWrapperGap: '--plasma-dropzone-title-wrapper-gap',
30
- titleWrapperGapColumn: '--plasma-dropzone-title-wrapper-column-gap',
31
- titleFontFamily: '--plasma-dropzone-title-font-family',
32
- titleFontSize: '--plasma-dropzone-title-font-size',
33
- titleFontStyle: '--plasma-dropzone-title-font-style',
34
- titleFontWeight: '--plasma-dropzone-title-font-weight',
35
- titleLetterSpacing: '--plasma-dropzone-title-letter-spacing',
36
- titleLineHeight: '--plasma-dropzone-title-line-height',
37
- descriptionFontFamily: '--plasma-dropzone-description-font-family',
38
- descriptionFontSize: '--plasma-dropzone-description-font-size',
39
- descriptionFontStyle: '--plasma-dropzone-description-font-style',
40
- descriptionFontWeight: '--plasma-dropzone-description-font-weight',
41
- descriptionLetterSpacing: '--plasma-dropzone-description-letter-spacing',
42
- descriptionLineHeight: '--plasma-dropzone-description-line-height',
43
- disabledOpacity: '--plasma-dropzone-disabled-opacity'
44
- };
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });