@salutejs/plasma-new-hope 0.336.0-canary.2227.17672582071.0 → 0.336.0-canary.2228.17762482450.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (491) hide show
  1. package/cjs/components/Attach/Attach.css +9 -7
  2. package/cjs/components/Attach/Attach.js +13 -59
  3. package/cjs/components/Attach/Attach.js.map +1 -1
  4. package/cjs/components/Attach/Attach.styles.js +21 -9
  5. package/cjs/components/Attach/Attach.styles.js.map +1 -1
  6. package/cjs/components/Attach/Attach.styles_pso18d.css +7 -0
  7. package/cjs/components/Attach/utils/getFileicon.js +2 -2
  8. package/cjs/components/Attach/utils/getFileicon.js.map +1 -1
  9. package/cjs/components/Attach/variations/_helperTextView/base.js +1 -1
  10. package/cjs/components/Attach/variations/_helperTextView/base_1tgnvl9.css +1 -0
  11. package/cjs/components/Attach/variations/_size/base.js +1 -1
  12. package/cjs/components/Attach/variations/_size/base.js.map +1 -1
  13. package/cjs/components/Attach/variations/_size/{base_a4eelx.css → base_909kyb.css} +1 -1
  14. package/cjs/components/Autocomplete/Autocomplete.css +3 -0
  15. package/cjs/components/CodeField/CodeField.css +7 -6
  16. package/cjs/components/CodeField/CodeField.js +63 -27
  17. package/cjs/components/CodeField/CodeField.js.map +1 -1
  18. package/cjs/components/CodeField/CodeField.styles.js +7 -1
  19. package/cjs/components/CodeField/CodeField.styles.js.map +1 -1
  20. package/cjs/components/CodeField/{CodeField.styles_ebdpd0.css → CodeField.styles_14p25hi.css} +1 -0
  21. package/cjs/components/CodeField/hooks/useWebOTP.js +95 -0
  22. package/cjs/components/CodeField/hooks/useWebOTP.js.map +1 -0
  23. package/cjs/components/CodeField/utils/handleCodeError.js +2 -2
  24. package/cjs/components/CodeField/utils/handleCodeError.js.map +1 -1
  25. package/cjs/components/CodeField/utils/handleItemError.js +14 -4
  26. package/cjs/components/CodeField/utils/handleItemError.js.map +1 -1
  27. package/cjs/components/CodeField/utils/isWebOTPSupported.js +10 -0
  28. package/cjs/components/CodeField/utils/isWebOTPSupported.js.map +1 -0
  29. package/cjs/components/Combobox/ComboboxNew/Combobox.css +3 -0
  30. package/cjs/components/Combobox/ComboboxNew/Combobox.js +65 -66
  31. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  32. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +1 -4
  33. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  34. package/cjs/components/DatePicker/RangeDate/RangeDate.css +3 -0
  35. package/cjs/components/DatePicker/RangeDate/RangeDate.js +30 -22
  36. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  37. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +3 -0
  38. package/cjs/components/DatePicker/SingleDate/SingleDate.css +3 -0
  39. package/cjs/components/Pagination/Pagination.css +15 -10
  40. package/cjs/components/Pagination/Pagination.js +57 -5
  41. package/cjs/components/Pagination/Pagination.js.map +1 -1
  42. package/cjs/components/Pagination/Pagination.styles.js +19 -7
  43. package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
  44. package/cjs/components/Pagination/{Pagination.styles_ska0td.css → Pagination.styles_qhyqps.css} +5 -3
  45. package/cjs/components/Pagination/Pagination.tokens.js +3 -0
  46. package/cjs/components/Pagination/Pagination.tokens.js.map +1 -1
  47. package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.css +3 -3
  48. package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +1 -1
  49. package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js.map +1 -1
  50. package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/{PaginationQuickJumpToPage.styles_89ax1q.css → PaginationQuickJumpToPage.styles_1sw6ww1.css} +2 -2
  51. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -0
  52. package/cjs/components/Popover/Popover.js +4 -1
  53. package/cjs/components/Popover/Popover.js.map +1 -1
  54. package/cjs/components/Range/Range.css +3 -0
  55. package/cjs/components/Select/Select.css +3 -0
  56. package/cjs/components/Select/Select.js +35 -21
  57. package/cjs/components/Select/Select.js.map +1 -1
  58. package/cjs/components/Select/hooks/usePathMaps.js +1 -4
  59. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  60. package/cjs/components/Select/ui/Target/Target.css +3 -0
  61. package/cjs/components/Select/ui/Target/Target.js +0 -2
  62. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  63. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +3 -0
  64. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +32 -49
  65. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  66. package/cjs/components/Slider/Slider.css +3 -0
  67. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +3 -0
  68. package/cjs/components/Switch/Switch.css +6 -6
  69. package/cjs/components/Switch/Switch.js +5 -2
  70. package/cjs/components/Switch/Switch.js.map +1 -1
  71. package/cjs/components/Switch/Switch.styles.js +1 -1
  72. package/cjs/components/Switch/Switch.styles.js.map +1 -1
  73. package/cjs/components/Switch/{Switch.styles_qjefea.css → Switch.styles_158fwwl.css} +1 -1
  74. package/cjs/components/Switch/Switch.tokens.js +2 -1
  75. package/cjs/components/Switch/Switch.tokens.js.map +1 -1
  76. package/cjs/components/Table/Table.css +3 -0
  77. package/cjs/components/Table/ui/Cell/Cell.css +3 -0
  78. package/cjs/components/Table/ui/EditableCell/EditableCell.css +3 -0
  79. package/cjs/components/Table/ui/HeadCell/HeadCell.css +3 -0
  80. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +3 -0
  81. package/cjs/components/TextField/TextField.js +20 -4
  82. package/cjs/components/TextField/TextField.js.map +1 -1
  83. package/cjs/components/TextField/TextField.tokens.js +1 -0
  84. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  85. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +58 -0
  86. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +86 -0
  87. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -0
  88. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +25 -0
  89. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +1 -0
  90. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles_y9tozi.css +2 -0
  91. package/cjs/components/Tree/Tree.css +7 -6
  92. package/cjs/components/Tree/Tree.js +42 -1
  93. package/cjs/components/Tree/Tree.js.map +1 -1
  94. package/cjs/components/Tree/Tree.styles.js +17 -2
  95. package/cjs/components/Tree/Tree.styles.js.map +1 -1
  96. package/cjs/components/Tree/Tree.styles_1bw3k0r.css +8 -0
  97. package/cjs/components/Tree/Tree.tokens.js +5 -2
  98. package/cjs/components/Tree/Tree.tokens.js.map +1 -1
  99. package/cjs/components/Tree/utils/traverseTree.js +3 -3
  100. package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
  101. package/cjs/engines/common.js.map +1 -1
  102. package/cjs/engines/index.js.map +1 -1
  103. package/cjs/index.css +44 -35
  104. package/emotion/cjs/components/Attach/Attach.js +12 -51
  105. package/emotion/cjs/components/Attach/Attach.styles.js +28 -13
  106. package/emotion/cjs/components/Attach/utils/getFileicon.js +3 -3
  107. package/emotion/cjs/components/Attach/utils/index.js +2 -10
  108. package/emotion/cjs/components/Attach/variations/_size/base.js +1 -1
  109. package/emotion/cjs/components/CodeField/CodeField.js +61 -23
  110. package/emotion/cjs/components/CodeField/CodeField.styles.js +18 -11
  111. package/emotion/cjs/components/CodeField/hooks/useWebOTP.js +246 -0
  112. package/emotion/cjs/components/CodeField/utils/handleCodeError.js +2 -2
  113. package/emotion/cjs/components/CodeField/utils/handleItemError.js +12 -3
  114. package/emotion/cjs/components/CodeField/utils/index.js +4 -0
  115. package/emotion/cjs/components/CodeField/utils/isWebOTPSupported.js +13 -0
  116. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +67 -74
  117. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +2 -5
  118. package/emotion/cjs/components/Combobox/ComboboxNew/utils/index.js +0 -4
  119. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +24 -22
  120. package/emotion/cjs/components/Pagination/Pagination.js +53 -5
  121. package/emotion/cjs/components/Pagination/Pagination.styles.js +28 -14
  122. package/emotion/cjs/components/Pagination/Pagination.tokens.js +3 -0
  123. package/emotion/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +6 -6
  124. package/emotion/cjs/components/Popover/Popover.js +3 -1
  125. package/emotion/cjs/components/Select/Select.js +36 -19
  126. package/emotion/cjs/components/Select/hooks/usePathMaps.js +2 -5
  127. package/emotion/cjs/components/Select/ui/Target/Target.js +1 -2
  128. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +32 -71
  129. package/emotion/cjs/components/Select/utils/index.js +0 -4
  130. package/emotion/cjs/components/Switch/Switch.js +4 -2
  131. package/emotion/cjs/components/Switch/Switch.styles.js +11 -11
  132. package/emotion/cjs/components/Switch/Switch.tokens.js +2 -1
  133. package/emotion/cjs/components/TextField/TextField.js +21 -5
  134. package/emotion/cjs/components/TextField/TextField.tokens.js +1 -0
  135. package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +78 -0
  136. package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +49 -0
  137. package/emotion/cjs/components/TextField/ui/index.js +12 -3
  138. package/emotion/cjs/components/Tree/Tree.js +31 -1
  139. package/emotion/cjs/components/Tree/Tree.styles.js +23 -13
  140. package/emotion/cjs/components/Tree/Tree.tokens.js +5 -2
  141. package/emotion/cjs/components/Tree/utils/traverseTree.js +3 -3
  142. package/emotion/cjs/examples/components/Pagination/Pagination.config.js +12 -12
  143. package/emotion/cjs/examples/components/Tree/Tree.config.js +5 -5
  144. package/emotion/es/components/Attach/Attach.js +16 -55
  145. package/emotion/es/components/Attach/Attach.styles.js +20 -11
  146. package/emotion/es/components/Attach/utils/getFileicon.js +1 -1
  147. package/emotion/es/components/Attach/utils/index.js +1 -3
  148. package/emotion/es/components/Attach/variations/_size/base.js +2 -2
  149. package/emotion/es/components/CodeField/CodeField.js +64 -26
  150. package/emotion/es/components/CodeField/CodeField.styles.js +15 -11
  151. package/emotion/es/components/CodeField/hooks/useWebOTP.js +236 -0
  152. package/emotion/es/components/CodeField/utils/handleCodeError.js +2 -2
  153. package/emotion/es/components/CodeField/utils/handleItemError.js +12 -3
  154. package/emotion/es/components/CodeField/utils/index.js +1 -0
  155. package/emotion/es/components/CodeField/utils/isWebOTPSupported.js +3 -0
  156. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +68 -75
  157. package/emotion/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +2 -5
  158. package/emotion/es/components/Combobox/ComboboxNew/utils/index.js +0 -1
  159. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +24 -22
  160. package/emotion/es/components/Pagination/Pagination.js +55 -7
  161. package/emotion/es/components/Pagination/Pagination.styles.js +23 -15
  162. package/emotion/es/components/Pagination/Pagination.tokens.js +3 -0
  163. package/emotion/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +6 -6
  164. package/emotion/es/components/Popover/Popover.js +4 -2
  165. package/emotion/es/components/Select/Select.js +36 -19
  166. package/emotion/es/components/Select/hooks/usePathMaps.js +2 -5
  167. package/emotion/es/components/Select/ui/Target/Target.js +1 -2
  168. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +33 -72
  169. package/emotion/es/components/Select/utils/index.js +0 -1
  170. package/emotion/es/components/Switch/Switch.js +4 -2
  171. package/emotion/es/components/Switch/Switch.styles.js +11 -11
  172. package/emotion/es/components/Switch/Switch.tokens.js +2 -1
  173. package/emotion/es/components/TextField/TextField.js +22 -6
  174. package/emotion/es/components/TextField/TextField.tokens.js +1 -0
  175. package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +63 -0
  176. package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +27 -0
  177. package/emotion/es/components/TextField/ui/index.js +1 -0
  178. package/emotion/es/components/Tree/Tree.js +32 -2
  179. package/emotion/es/components/Tree/Tree.styles.js +20 -13
  180. package/emotion/es/components/Tree/Tree.tokens.js +5 -2
  181. package/emotion/es/components/Tree/utils/traverseTree.js +3 -3
  182. package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  183. package/emotion/es/examples/components/Pagination/Pagination.config.js +12 -12
  184. package/emotion/es/examples/components/Tree/Tree.config.js +5 -5
  185. package/es/components/Attach/Attach.css +9 -7
  186. package/es/components/Attach/Attach.js +17 -63
  187. package/es/components/Attach/Attach.js.map +1 -1
  188. package/es/components/Attach/Attach.styles.js +19 -9
  189. package/es/components/Attach/Attach.styles.js.map +1 -1
  190. package/es/components/Attach/Attach.styles_pso18d.css +7 -0
  191. package/es/components/Attach/utils/getFileicon.js +2 -2
  192. package/es/components/Attach/utils/getFileicon.js.map +1 -1
  193. package/es/components/Attach/variations/_helperTextView/base.js +1 -1
  194. package/es/components/Attach/variations/_helperTextView/base_1tgnvl9.css +1 -0
  195. package/es/components/Attach/variations/_size/base.js +1 -1
  196. package/es/components/Attach/variations/_size/base.js.map +1 -1
  197. package/es/components/Attach/variations/_size/{base_a4eelx.css → base_909kyb.css} +1 -1
  198. package/es/components/Autocomplete/Autocomplete.css +3 -0
  199. package/es/components/CodeField/CodeField.css +7 -6
  200. package/es/components/CodeField/CodeField.js +66 -30
  201. package/es/components/CodeField/CodeField.js.map +1 -1
  202. package/es/components/CodeField/CodeField.styles.js +7 -2
  203. package/es/components/CodeField/CodeField.styles.js.map +1 -1
  204. package/es/components/CodeField/{CodeField.styles_ebdpd0.css → CodeField.styles_14p25hi.css} +1 -0
  205. package/es/components/CodeField/hooks/useWebOTP.js +91 -0
  206. package/es/components/CodeField/hooks/useWebOTP.js.map +1 -0
  207. package/es/components/CodeField/utils/handleCodeError.js +2 -2
  208. package/es/components/CodeField/utils/handleCodeError.js.map +1 -1
  209. package/es/components/CodeField/utils/handleItemError.js +14 -4
  210. package/es/components/CodeField/utils/handleItemError.js.map +1 -1
  211. package/es/components/CodeField/utils/isWebOTPSupported.js +6 -0
  212. package/es/components/CodeField/utils/isWebOTPSupported.js.map +1 -0
  213. package/es/components/Combobox/ComboboxNew/Combobox.css +3 -0
  214. package/es/components/Combobox/ComboboxNew/Combobox.js +66 -67
  215. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  216. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +1 -4
  217. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  218. package/es/components/DatePicker/RangeDate/RangeDate.css +3 -0
  219. package/es/components/DatePicker/RangeDate/RangeDate.js +30 -22
  220. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  221. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +3 -0
  222. package/es/components/DatePicker/SingleDate/SingleDate.css +3 -0
  223. package/es/components/Pagination/Pagination.css +15 -10
  224. package/es/components/Pagination/Pagination.js +59 -7
  225. package/es/components/Pagination/Pagination.js.map +1 -1
  226. package/es/components/Pagination/Pagination.styles.js +18 -8
  227. package/es/components/Pagination/Pagination.styles.js.map +1 -1
  228. package/es/components/Pagination/{Pagination.styles_ska0td.css → Pagination.styles_qhyqps.css} +5 -3
  229. package/es/components/Pagination/Pagination.tokens.js +3 -0
  230. package/es/components/Pagination/Pagination.tokens.js.map +1 -1
  231. package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.css +3 -3
  232. package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +1 -1
  233. package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js.map +1 -1
  234. package/es/components/Pagination/ui/PaginationQuickJumpToPage/{PaginationQuickJumpToPage.styles_89ax1q.css → PaginationQuickJumpToPage.styles_1sw6ww1.css} +2 -2
  235. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -0
  236. package/es/components/Popover/Popover.js +4 -1
  237. package/es/components/Popover/Popover.js.map +1 -1
  238. package/es/components/Range/Range.css +3 -0
  239. package/es/components/Select/Select.css +3 -0
  240. package/es/components/Select/Select.js +35 -21
  241. package/es/components/Select/Select.js.map +1 -1
  242. package/es/components/Select/hooks/usePathMaps.js +1 -4
  243. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  244. package/es/components/Select/ui/Target/Target.css +3 -0
  245. package/es/components/Select/ui/Target/Target.js +0 -2
  246. package/es/components/Select/ui/Target/Target.js.map +1 -1
  247. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +3 -0
  248. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +33 -50
  249. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  250. package/es/components/Slider/Slider.css +3 -0
  251. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +3 -0
  252. package/es/components/Switch/Switch.css +6 -6
  253. package/es/components/Switch/Switch.js +5 -2
  254. package/es/components/Switch/Switch.js.map +1 -1
  255. package/es/components/Switch/Switch.styles.js +1 -1
  256. package/es/components/Switch/Switch.styles.js.map +1 -1
  257. package/es/components/Switch/{Switch.styles_qjefea.css → Switch.styles_158fwwl.css} +1 -1
  258. package/es/components/Switch/Switch.tokens.js +2 -1
  259. package/es/components/Switch/Switch.tokens.js.map +1 -1
  260. package/es/components/Table/Table.css +3 -0
  261. package/es/components/Table/ui/Cell/Cell.css +3 -0
  262. package/es/components/Table/ui/EditableCell/EditableCell.css +3 -0
  263. package/es/components/Table/ui/HeadCell/HeadCell.css +3 -0
  264. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +3 -0
  265. package/es/components/TextField/TextField.js +20 -4
  266. package/es/components/TextField/TextField.js.map +1 -1
  267. package/es/components/TextField/TextField.tokens.js +1 -0
  268. package/es/components/TextField/TextField.tokens.js.map +1 -1
  269. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +58 -0
  270. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +78 -0
  271. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -0
  272. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +21 -0
  273. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +1 -0
  274. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles_y9tozi.css +2 -0
  275. package/es/components/Tree/Tree.css +7 -6
  276. package/es/components/Tree/Tree.js +43 -2
  277. package/es/components/Tree/Tree.js.map +1 -1
  278. package/es/components/Tree/Tree.styles.js +17 -3
  279. package/es/components/Tree/Tree.styles.js.map +1 -1
  280. package/es/components/Tree/Tree.styles_1bw3k0r.css +8 -0
  281. package/es/components/Tree/Tree.tokens.js +5 -2
  282. package/es/components/Tree/Tree.tokens.js.map +1 -1
  283. package/es/components/Tree/utils/traverseTree.js +3 -3
  284. package/es/components/Tree/utils/traverseTree.js.map +1 -1
  285. package/es/engines/common.js.map +1 -1
  286. package/es/engines/index.js.map +1 -1
  287. package/es/index.css +44 -35
  288. package/package.json +4 -4
  289. package/styled-components/cjs/components/Attach/Attach.js +12 -51
  290. package/styled-components/cjs/components/Attach/Attach.styles.js +31 -11
  291. package/styled-components/cjs/components/Attach/utils/getFileicon.js +3 -3
  292. package/styled-components/cjs/components/Attach/utils/index.js +2 -10
  293. package/styled-components/cjs/components/Attach/variations/_size/base.js +1 -1
  294. package/styled-components/cjs/components/CodeField/CodeField.js +61 -23
  295. package/styled-components/cjs/components/CodeField/CodeField.styles.js +14 -5
  296. package/styled-components/cjs/components/CodeField/hooks/useWebOTP.js +246 -0
  297. package/styled-components/cjs/components/CodeField/utils/handleCodeError.js +2 -2
  298. package/styled-components/cjs/components/CodeField/utils/handleItemError.js +12 -3
  299. package/styled-components/cjs/components/CodeField/utils/index.js +4 -0
  300. package/styled-components/cjs/components/CodeField/utils/isWebOTPSupported.js +13 -0
  301. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +67 -74
  302. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +2 -5
  303. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js +0 -4
  304. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +24 -22
  305. package/styled-components/cjs/components/Pagination/Pagination.js +53 -5
  306. package/styled-components/cjs/components/Pagination/Pagination.styles.js +39 -12
  307. package/styled-components/cjs/components/Pagination/Pagination.tokens.js +3 -0
  308. package/styled-components/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +5 -5
  309. package/styled-components/cjs/components/Popover/Popover.js +3 -1
  310. package/styled-components/cjs/components/Select/Select.js +36 -19
  311. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +2 -5
  312. package/styled-components/cjs/components/Select/ui/Target/Target.js +1 -2
  313. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +32 -71
  314. package/styled-components/cjs/components/Select/utils/index.js +0 -4
  315. package/styled-components/cjs/components/Switch/Switch.js +4 -2
  316. package/styled-components/cjs/components/Switch/Switch.styles.js +9 -8
  317. package/styled-components/cjs/components/Switch/Switch.tokens.js +2 -1
  318. package/styled-components/cjs/components/TextField/TextField.js +20 -4
  319. package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -0
  320. package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +78 -0
  321. package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +114 -0
  322. package/styled-components/cjs/components/TextField/ui/index.js +12 -3
  323. package/styled-components/cjs/components/Tree/Tree.js +31 -1
  324. package/styled-components/cjs/components/Tree/Tree.styles.js +24 -8
  325. package/styled-components/cjs/components/Tree/Tree.tokens.js +5 -2
  326. package/styled-components/cjs/components/Tree/utils/traverseTree.js +3 -3
  327. package/styled-components/cjs/examples/components/Pagination/Pagination.config.js +18 -11
  328. package/styled-components/cjs/examples/components/Tree/Tree.config.js +6 -2
  329. package/styled-components/es/components/Attach/Attach.js +16 -55
  330. package/styled-components/es/components/Attach/Attach.styles.js +23 -9
  331. package/styled-components/es/components/Attach/utils/getFileicon.js +1 -1
  332. package/styled-components/es/components/Attach/utils/index.js +1 -3
  333. package/styled-components/es/components/Attach/variations/_size/base.js +2 -2
  334. package/styled-components/es/components/CodeField/CodeField.js +64 -26
  335. package/styled-components/es/components/CodeField/CodeField.styles.js +11 -5
  336. package/styled-components/es/components/CodeField/hooks/useWebOTP.js +236 -0
  337. package/styled-components/es/components/CodeField/utils/handleCodeError.js +2 -2
  338. package/styled-components/es/components/CodeField/utils/handleItemError.js +12 -3
  339. package/styled-components/es/components/CodeField/utils/index.js +1 -0
  340. package/styled-components/es/components/CodeField/utils/isWebOTPSupported.js +3 -0
  341. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +68 -75
  342. package/styled-components/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +2 -5
  343. package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js +0 -1
  344. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +24 -22
  345. package/styled-components/es/components/Pagination/Pagination.js +55 -7
  346. package/styled-components/es/components/Pagination/Pagination.styles.js +34 -13
  347. package/styled-components/es/components/Pagination/Pagination.tokens.js +3 -0
  348. package/styled-components/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +5 -5
  349. package/styled-components/es/components/Popover/Popover.js +4 -2
  350. package/styled-components/es/components/Select/Select.js +36 -19
  351. package/styled-components/es/components/Select/hooks/usePathMaps.js +2 -5
  352. package/styled-components/es/components/Select/ui/Target/Target.js +1 -2
  353. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +33 -72
  354. package/styled-components/es/components/Select/utils/index.js +0 -1
  355. package/styled-components/es/components/Switch/Switch.js +4 -2
  356. package/styled-components/es/components/Switch/Switch.styles.js +9 -8
  357. package/styled-components/es/components/Switch/Switch.tokens.js +2 -1
  358. package/styled-components/es/components/TextField/TextField.js +21 -5
  359. package/styled-components/es/components/TextField/TextField.tokens.js +1 -0
  360. package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +63 -0
  361. package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +92 -0
  362. package/styled-components/es/components/TextField/ui/index.js +1 -0
  363. package/styled-components/es/components/Tree/Tree.js +32 -2
  364. package/styled-components/es/components/Tree/Tree.styles.js +21 -8
  365. package/styled-components/es/components/Tree/Tree.tokens.js +5 -2
  366. package/styled-components/es/components/Tree/utils/traverseTree.js +3 -3
  367. package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
  368. package/styled-components/es/examples/components/Pagination/Pagination.config.js +18 -11
  369. package/styled-components/es/examples/components/Tree/Tree.config.js +6 -2
  370. package/types/components/Attach/Attach.d.ts.map +1 -1
  371. package/types/components/Attach/Attach.styles.d.ts +3 -1
  372. package/types/components/Attach/Attach.styles.d.ts.map +1 -1
  373. package/types/components/Attach/Attach.types.d.ts +7 -0
  374. package/types/components/Attach/Attach.types.d.ts.map +1 -1
  375. package/types/components/Attach/utils/getFileicon.d.ts +1 -1
  376. package/types/components/Attach/utils/index.d.ts +1 -3
  377. package/types/components/Attach/utils/index.d.ts.map +1 -1
  378. package/types/components/CodeField/CodeField.d.ts.map +1 -1
  379. package/types/components/CodeField/CodeField.styles.d.ts +1 -0
  380. package/types/components/CodeField/CodeField.styles.d.ts.map +1 -1
  381. package/types/components/CodeField/hooks/useWebOTP.d.ts +20 -0
  382. package/types/components/CodeField/hooks/useWebOTP.d.ts.map +1 -0
  383. package/types/components/CodeField/utils/handleCodeError.d.ts +2 -2
  384. package/types/components/CodeField/utils/handleCodeError.d.ts.map +1 -1
  385. package/types/components/CodeField/utils/handleItemError.d.ts +3 -2
  386. package/types/components/CodeField/utils/handleItemError.d.ts.map +1 -1
  387. package/types/components/CodeField/utils/index.d.ts +1 -0
  388. package/types/components/CodeField/utils/index.d.ts.map +1 -1
  389. package/types/components/CodeField/utils/isWebOTPSupported.d.ts +2 -0
  390. package/types/components/CodeField/utils/isWebOTPSupported.d.ts.map +1 -0
  391. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  392. package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts +1 -2
  393. package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts.map +1 -1
  394. package/types/components/Combobox/ComboboxNew/utils/index.d.ts +0 -1
  395. package/types/components/Combobox/ComboboxNew/utils/index.d.ts.map +1 -1
  396. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  397. package/types/components/Pagination/Pagination.d.ts.map +1 -1
  398. package/types/components/Pagination/Pagination.styles.d.ts +2 -0
  399. package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
  400. package/types/components/Pagination/Pagination.tokens.d.ts +3 -0
  401. package/types/components/Pagination/Pagination.tokens.d.ts.map +1 -1
  402. package/types/components/Pagination/Pagination.types.d.ts +6 -0
  403. package/types/components/Pagination/Pagination.types.d.ts.map +1 -1
  404. package/types/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.d.ts.map +1 -1
  405. package/types/components/Popover/Popover.d.ts.map +1 -1
  406. package/types/components/Select/Select.d.ts.map +1 -1
  407. package/types/components/Select/hooks/usePathMaps.d.ts +1 -2
  408. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  409. package/types/components/Select/ui/Target/Target.d.ts +0 -1
  410. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  411. package/types/components/Select/ui/Target/Target.types.d.ts +1 -2
  412. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  413. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  414. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
  415. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  416. package/types/components/Select/utils/index.d.ts +0 -1
  417. package/types/components/Select/utils/index.d.ts.map +1 -1
  418. package/types/components/Switch/Switch.d.ts.map +1 -1
  419. package/types/components/Switch/Switch.styles.d.ts.map +1 -1
  420. package/types/components/Switch/Switch.tokens.d.ts +1 -0
  421. package/types/components/Switch/Switch.tokens.d.ts.map +1 -1
  422. package/types/components/Switch/Switch.types.d.ts +5 -0
  423. package/types/components/Switch/Switch.types.d.ts.map +1 -1
  424. package/types/components/TextField/TextField.d.ts.map +1 -1
  425. package/types/components/TextField/TextField.tokens.d.ts +1 -0
  426. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  427. package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts +21 -0
  428. package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts.map +1 -0
  429. package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts +3 -0
  430. package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts.map +1 -0
  431. package/types/components/TextField/ui/index.d.ts +1 -0
  432. package/types/components/TextField/ui/index.d.ts.map +1 -1
  433. package/types/components/Tree/Tree.d.ts +3 -3
  434. package/types/components/Tree/Tree.d.ts.map +1 -1
  435. package/types/components/Tree/Tree.styles.d.ts +3 -0
  436. package/types/components/Tree/Tree.styles.d.ts.map +1 -1
  437. package/types/components/Tree/Tree.tokens.d.ts +3 -0
  438. package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
  439. package/types/components/Tree/Tree.types.d.ts +50 -1
  440. package/types/components/Tree/Tree.types.d.ts.map +1 -1
  441. package/types/components/Tree/utils/traverseTree.d.ts.map +1 -1
  442. package/types/engines/common.d.ts +3 -3
  443. package/types/engines/common.d.ts.map +1 -1
  444. package/types/engines/index.d.ts +1 -1
  445. package/types/engines/index.d.ts.map +1 -1
  446. package/types/engines/types.d.ts +4 -0
  447. package/types/engines/types.d.ts.map +1 -1
  448. package/types/examples/components/Attach/Attach.d.ts.map +1 -1
  449. package/types/examples/components/Pagination/Pagination.config.d.ts.map +1 -1
  450. package/types/examples/components/Tree/Tree.config.d.ts.map +1 -1
  451. package/types/examples/components/Tree/Tree.d.ts.map +1 -1
  452. package/cjs/components/Attach/Attach.styles_1w3ga58.css +0 -5
  453. package/cjs/components/Attach/utils/addSeparator.js +0 -18
  454. package/cjs/components/Attach/utils/addSeparator.js.map +0 -1
  455. package/cjs/components/Attach/utils/index.js +0 -8
  456. package/cjs/components/Attach/utils/index.js.map +0 -1
  457. package/cjs/components/Attach/variations/_helperTextView/base_1vgke1p.css +0 -1
  458. package/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js +0 -17
  459. package/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js.map +0 -1
  460. package/cjs/components/Select/utils/getRemovedElement.js +0 -17
  461. package/cjs/components/Select/utils/getRemovedElement.js.map +0 -1
  462. package/cjs/components/Tree/Tree.styles_6sla5y.css +0 -7
  463. package/emotion/cjs/components/Attach/utils/addSeparator.js +0 -20
  464. package/emotion/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js +0 -20
  465. package/emotion/cjs/components/Select/utils/getRemovedElement.js +0 -20
  466. package/emotion/es/components/Attach/utils/addSeparator.js +0 -10
  467. package/emotion/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js +0 -10
  468. package/emotion/es/components/Select/utils/getRemovedElement.js +0 -10
  469. package/es/components/Attach/Attach.styles_1w3ga58.css +0 -5
  470. package/es/components/Attach/utils/addSeparator.js +0 -14
  471. package/es/components/Attach/utils/addSeparator.js.map +0 -1
  472. package/es/components/Attach/utils/index.js +0 -4
  473. package/es/components/Attach/utils/index.js.map +0 -1
  474. package/es/components/Attach/variations/_helperTextView/base_1vgke1p.css +0 -1
  475. package/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js +0 -13
  476. package/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js.map +0 -1
  477. package/es/components/Select/utils/getRemovedElement.js +0 -13
  478. package/es/components/Select/utils/getRemovedElement.js.map +0 -1
  479. package/es/components/Tree/Tree.styles_6sla5y.css +0 -7
  480. package/styled-components/cjs/components/Attach/utils/addSeparator.js +0 -20
  481. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js +0 -20
  482. package/styled-components/cjs/components/Select/utils/getRemovedElement.js +0 -20
  483. package/styled-components/es/components/Attach/utils/addSeparator.js +0 -10
  484. package/styled-components/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js +0 -10
  485. package/styled-components/es/components/Select/utils/getRemovedElement.js +0 -10
  486. package/types/components/Attach/utils/addSeparator.d.ts +0 -2
  487. package/types/components/Attach/utils/addSeparator.d.ts.map +0 -1
  488. package/types/components/Combobox/ComboboxNew/utils/getRemovedElement.d.ts +0 -2
  489. package/types/components/Combobox/ComboboxNew/utils/getRemovedElement.d.ts.map +0 -1
  490. package/types/components/Select/utils/getRemovedElement.d.ts +0 -2
  491. package/types/components/Select/utils/getRemovedElement.d.ts.map +0 -1
@@ -0,0 +1,92 @@
1
+ import styled from "styled-components";
2
+ import { component, mergeConfig } from "../../../../engines";
3
+ import { addFocus } from "../../../../mixins";
4
+ import { chipConfig, chipTokens } from "../../../Chip";
5
+ import { tokens } from "../../TextField.tokens";
6
+ // issue #823
7
+ var mergedConfig = mergeConfig(chipConfig);
8
+ var Chip = component(mergedConfig);
9
+ // NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
10
+ export var StyledChip = styled(Chip).withConfig({
11
+ displayName: "TextFieldChipNew.styles__StyledChip",
12
+ componentId: "sc-ffa02158-0"
13
+ })([
14
+ "",
15
+ ":var(",
16
+ ");",
17
+ ":var(",
18
+ ");",
19
+ ":var(",
20
+ ");",
21
+ ":var(",
22
+ ");",
23
+ ":var(",
24
+ ");",
25
+ ":var(",
26
+ ");",
27
+ ":var(",
28
+ ");",
29
+ ":var(",
30
+ ");",
31
+ ":var(",
32
+ ");",
33
+ ":var(",
34
+ ");",
35
+ ":var(",
36
+ ");",
37
+ ":var(",
38
+ ");",
39
+ ":var(",
40
+ ");",
41
+ ":var(",
42
+ ");",
43
+ ":var(",
44
+ ");",
45
+ ":var(",
46
+ ");",
47
+ ":var(",
48
+ ");",
49
+ ":var(",
50
+ ");",
51
+ ":var(",
52
+ ");",
53
+ ":var(",
54
+ ");",
55
+ ":var(",
56
+ ");",
57
+ ":var(",
58
+ ");",
59
+ ":var(",
60
+ ");",
61
+ ":var(",
62
+ ");",
63
+ ":var(",
64
+ ");",
65
+ ":0.4;",
66
+ " &[readonly]{opacity:var(",
67
+ ");}"
68
+ ], chipTokens.color, tokens.chipColor, chipTokens.background, tokens.chipBackground, chipTokens.colorHover, tokens.chipColorHover, chipTokens.backgroundHover, tokens.chipBackgroundHover, chipTokens.colorActive, tokens.chipColorActive, chipTokens.backgroundActive, tokens.chipBackgroundActive, chipTokens.backgroundReadOnly, tokens.chipBackgroundReadOnly, chipTokens.colorReadOnly, tokens.chipColorReadOnly, chipTokens.backgroundReadOnlyHover, tokens.chipBackgroundReadOnlyHover, chipTokens.colorReadOnlyHover, tokens.chipColorReadOnlyHover, chipTokens.borderRadius, tokens.chipBorderRadius, chipTokens.width, tokens.chipWidth, chipTokens.height, tokens.chipHeight, chipTokens.padding, tokens.chipPadding, chipTokens.fontFamily, tokens.chipFontFamily, chipTokens.fontSize, tokens.chipFontSize, chipTokens.fontStyle, tokens.chipFontStyle, chipTokens.fontWeight, tokens.chipFontWeight, chipTokens.letterSpacing, tokens.chipLetterSpacing, chipTokens.lineHeight, tokens.chipLineHeight, chipTokens.clearContentMarginLeft, tokens.chipClearContentMarginLeft, chipTokens.clearContentMarginRight, tokens.chipClearContentMarginRight, chipTokens.closeIconSize, tokens.chipCloseIconSize, chipTokens.closeIconColor, tokens.chipCloseIconColor, chipTokens.focusColor, tokens.focusColor, chipTokens.disabledOpacity, addFocus({
69
+ outlineOffset: '0.0625rem',
70
+ outlineSize: '0.0625rem',
71
+ outlineRadius: "calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
72
+ outlineColor: "var(".concat(tokens.focusColor, ")")
73
+ }), tokens.chipOpacityReadonly);
74
+ export var TextChip = styled.button.withConfig({
75
+ displayName: "TextFieldChipNew.styles__TextChip",
76
+ componentId: "sc-ffa02158-1"
77
+ })([
78
+ "display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(",
79
+ ");font-size:var(",
80
+ ");font-style:var(",
81
+ ");font-weight:var(",
82
+ ");letter-spacing:var(",
83
+ ");line-height:var(",
84
+ ");color:var(",
85
+ ");",
86
+ " &:after{content:',';}&:last-child{&:after{content:'';}}"
87
+ ], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.color, addFocus({
88
+ outlineOffset: '0.0625rem',
89
+ outlineSize: '0.0625rem',
90
+ outlineRadius: "calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
91
+ outlineColor: "var(".concat(tokens.focusColor, ")")
92
+ }));
@@ -1 +1,2 @@
1
1
  export { TextFieldChip } from "./TextFieldChip/TextFieldChip";
2
+ export { TextFieldChipNew } from "./TextFieldChipNew/TextFieldChipNew";
@@ -99,14 +99,14 @@ function _unsupported_iterable_to_array(o, minLen) {
99
99
  import React, { forwardRef, useState, useMemo } from "react";
100
100
  import Tree from "rc-tree";
101
101
  import { cx } from "../../utils";
102
- import { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight } from "./Tree.styles";
102
+ import { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight, Line } from "./Tree.styles";
103
103
  import { sizeToIconSize, traverseTree } from "./utils";
104
104
  import { classes } from "./Tree.tokens";
105
105
  /**
106
106
  * Многоуровневый раскрывающийся список в виде дерева.
107
107
  */ export var treeRoot = function(Root) {
108
108
  return /*#__PURE__*/ forwardRef(function(param, ref) {
109
- var items = param.items, _param_arrowPlacement = param.arrowPlacement, arrowPlacement = _param_arrowPlacement === void 0 ? 'left' : _param_arrowPlacement, _param_virtual = param.virtual, virtual = _param_virtual === void 0 ? true : _param_virtual, height = param.height, itemHeight = param.itemHeight, size = param.size, view = param.view, _param_fullWidthItemSelection = param.fullWidthItemSelection, fullWidthItemSelection = _param_fullWidthItemSelection === void 0 ? false : _param_fullWidthItemSelection, _param_multiple = param.multiple, multiple = _param_multiple === void 0 ? false : _param_multiple, _param_defaultExpandAll = param.defaultExpandAll, defaultExpandAll = _param_defaultExpandAll === void 0 ? false : _param_defaultExpandAll, _param_autoExpandParent = param.autoExpandParent, autoExpandParent = _param_autoExpandParent === void 0 ? false : _param_autoExpandParent, _param_checkable = param.checkable, checkable = _param_checkable === void 0 ? false : _param_checkable, outerSelectedKeys = param.selectedKeys, checkedKeys = param.checkedKeys, expandedKeys = param.expandedKeys, defaultCheckedKeys = param.defaultCheckedKeys, defaultExpandedKeys = param.defaultExpandedKeys, defaultSelectedKeys = param.defaultSelectedKeys, className = param.className, onTreeSelect = param.onTreeSelect, onTreeCheck = param.onTreeCheck, onTreeExpand = param.onTreeExpand, _param_hasIcon = param.hasIcon, hasIcon = _param_hasIcon === void 0 ? false : _param_hasIcon, icon = param.icon, renderTitle = param.renderTitle, _param_mode = param.mode, mode = _param_mode === void 0 ? 'default' : _param_mode;
109
+ var items = param.items, _param_arrowPlacement = param.arrowPlacement, arrowPlacement = _param_arrowPlacement === void 0 ? 'left' : _param_arrowPlacement, _param_virtual = param.virtual, virtual = _param_virtual === void 0 ? true : _param_virtual, height = param.height, itemHeight = param.itemHeight, size = param.size, view = param.view, _param_fullWidthItemSelection = param.fullWidthItemSelection, fullWidthItemSelection = _param_fullWidthItemSelection === void 0 ? false : _param_fullWidthItemSelection, _param_multiple = param.multiple, multiple = _param_multiple === void 0 ? false : _param_multiple, _param_defaultExpandAll = param.defaultExpandAll, defaultExpandAll = _param_defaultExpandAll === void 0 ? false : _param_defaultExpandAll, _param_autoExpandParent = param.autoExpandParent, autoExpandParent = _param_autoExpandParent === void 0 ? false : _param_autoExpandParent, _param_checkable = param.checkable, checkable = _param_checkable === void 0 ? false : _param_checkable, outerSelectedKeys = param.selectedKeys, checkedKeys = param.checkedKeys, expandedKeys = param.expandedKeys, defaultCheckedKeys = param.defaultCheckedKeys, defaultExpandedKeys = param.defaultExpandedKeys, defaultSelectedKeys = param.defaultSelectedKeys, className = param.className, onTreeSelect = param.onTreeSelect, onTreeCheck = param.onTreeCheck, onTreeExpand = param.onTreeExpand, _param_hasIcon = param.hasIcon, hasIcon = _param_hasIcon === void 0 ? false : _param_hasIcon, icon = param.icon, renderTitle = param.renderTitle, _param_mode = param.mode, mode = _param_mode === void 0 ? 'default' : _param_mode, _param_draggable = param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, onDragStart = param.onDragStart, onDragEnter = param.onDragEnter, onDragOver = param.onDragOver, onDragLeave = param.onDragLeave, onDragEnd = param.onDragEnd, onDrop = param.onDrop, allowDrop = param.allowDrop;
110
110
  var _useState = _sliced_to_array(useState(defaultSelectedKeys || []), 2), selected = _useState[0], setSelected = _useState[1];
111
111
  var selectedKeys = outerSelectedKeys !== null && outerSelectedKeys !== void 0 ? outerSelectedKeys : selected;
112
112
  var isRadioMode = mode === 'radio' && !multiple;
@@ -179,6 +179,36 @@ import { classes } from "./Tree.tokens";
179
179
  fullWidthItemSelection: fullWidthItemSelection,
180
180
  arrowPlacement: arrowPlacement
181
181
  }, /*#__PURE__*/ React.createElement(Title, null, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/ React.createElement(ContentRight, null, item.contentRight));
182
+ },
183
+ draggable: draggable,
184
+ onDragStart: onDragStart,
185
+ onDragEnter: onDragEnter,
186
+ onDragOver: onDragOver,
187
+ onDragLeave: onDragLeave,
188
+ onDragEnd: onDragEnd,
189
+ onDrop: onDrop,
190
+ allowDrop: allowDrop,
191
+ dropIndicatorRender: function(props) {
192
+ var offset = 0;
193
+ var dropPosition = props.dropPosition, dropLevelOffset = props.dropLevelOffset, indent = props.indent;
194
+ var left = -dropLevelOffset * indent + offset;
195
+ var style = {};
196
+ switch(dropPosition){
197
+ case -1:
198
+ style.top = 0;
199
+ break;
200
+ case 1:
201
+ style.bottom = 0;
202
+ break;
203
+ default:
204
+ style.bottom = 0;
205
+ style.left = indent + offset;
206
+ break;
207
+ }
208
+ return /*#__PURE__*/ React.createElement(Line, {
209
+ style: style,
210
+ left: left
211
+ });
182
212
  }
183
213
  })));
184
214
  });
@@ -5,7 +5,7 @@ import { IconDisclosureRightCentered, IconFolder } from "../_Icon";
5
5
  import { treeTokens as tokens, classes } from "./Tree.tokens";
6
6
  export var IconArrowWrapper = styled.div.withConfig({
7
7
  displayName: "Tree.styles__IconArrowWrapper",
8
- componentId: "sc-b806b1cc-0"
8
+ componentId: "sc-8ac26406-0"
9
9
  })([
10
10
  "line-height:0;color:var(",
11
11
  ");&:hover{color:var(",
@@ -14,19 +14,19 @@ export var IconArrowWrapper = styled.div.withConfig({
14
14
  ], tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive);
15
15
  export var StyledArrow = styled(IconDisclosureRightCentered).withConfig({
16
16
  displayName: "Tree.styles__StyledArrow",
17
- componentId: "sc-b806b1cc-1"
17
+ componentId: "sc-8ac26406-1"
18
18
  })([
19
19
  "transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"
20
20
  ]);
21
21
  export var StyledFolder = styled(IconFolder).withConfig({
22
22
  displayName: "Tree.styles__StyledFolder",
23
- componentId: "sc-b806b1cc-2"
23
+ componentId: "sc-8ac26406-2"
24
24
  })([
25
25
  ""
26
26
  ]);
27
27
  export var TitleWrapper = styled.div.withConfig({
28
28
  displayName: "Tree.styles__TitleWrapper",
29
- componentId: "sc-b806b1cc-3"
29
+ componentId: "sc-8ac26406-3"
30
30
  })([
31
31
  "display:flex;align-items:center;justify-content:space-between;margin:",
32
32
  ";",
@@ -37,7 +37,7 @@ export var TitleWrapper = styled.div.withConfig({
37
37
  }, applyEllipsis());
38
38
  export var Title = styled.span.withConfig({
39
39
  displayName: "Tree.styles__Title",
40
- componentId: "sc-b806b1cc-4"
40
+ componentId: "sc-8ac26406-4"
41
41
  })([
42
42
  "margin:var(",
43
43
  ");",
@@ -45,12 +45,25 @@ export var Title = styled.span.withConfig({
45
45
  ], tokens.iconFolderMargin, applyEllipsis());
46
46
  export var ContentRight = styled.div.withConfig({
47
47
  displayName: "Tree.styles__ContentRight",
48
- componentId: "sc-b806b1cc-5"
48
+ componentId: "sc-8ac26406-5"
49
49
  })([
50
50
  "line-height:0;"
51
51
  ]);
52
+ export var Line = styled.div.withConfig({
53
+ displayName: "Tree.styles__Line",
54
+ componentId: "sc-8ac26406-6"
55
+ })([
56
+ "left:",
57
+ "px;right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(",
58
+ ");border-radius:1px;pointer-events:none;"
59
+ ], function(param) {
60
+ var left = param.left;
61
+ return left;
62
+ }, tokens.itemDraggableLineColor);
52
63
  export var base = css([
53
- ".rc-tree{margin:0;border:1px solid transparent;}.rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.rc-tree .rc-tree-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}.rc-tree .rc-tree-treenode.dragging{background:rgba(100,100,255,0.1);}.rc-tree .rc-tree-treenode.drop-container > .draggable::after{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px red;content:'';}.rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode{border-left:2px solid chocolate;}.rc-tree .rc-tree-treenode.drop-target{background-color:yellowgreen;}.rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode{border-left:none;}.rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer;color:var(",
64
+ ".rc-tree{margin:0;border:1px solid transparent;}.rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.rc-tree .rc-tree-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}.rc-tree .rc-tree-treenode.dragging{opacity:0.28;}.rc-tree .rc-tree-treenode.drop-container::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.",
65
+ "::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.drag-over::before{box-shadow:inset 0 0 0 1px var(",
66
+ ");}.rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer;color:var(",
54
67
  ");}.rc-tree.",
55
68
  " .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper{cursor:default;}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-switcher,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-iconEle{cursor:default;}.rc-tree .rc-tree-treenode span.rc-tree-switcher,.rc-tree .rc-tree-treenode span.rc-tree-checkbox,.rc-tree .rc-tree-treenode span.rc-tree-iconEle{cursor:pointer;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,.rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize{background-image:none;}.rc-tree .rc-tree-treenode span.rc-tree-icon_loading{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{flex:none;}.rc-tree.",
56
69
  " .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{display:none;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open{background-position:-93px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close{background-position:-75px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox{width:13px;height:13px;margin:0 3px;background-position:0 0;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked{background-position:-14px 0;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate{background-position:-14px -28px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled{background-position:0 -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled{background-position:-14px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled{position:relative;background:#ccc;border-radius:3px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);transform:scale(1);content:' ';}.rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop{background:none;}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop{background-position:-56px -18px;}.rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop{background-position:-56px -36px;}.rc-tree-child-tree{display:none;}.rc-tree-child-tree-open{display:block;}.rc-tree-treenode-disabled > span:not(.rc-tree-switcher),.rc-tree-treenode-disabled > a,.rc-tree-treenode-disabled > a span{color:#767676;cursor:not-allowed;}.rc-tree-treenode-active{background:rgba(0,0,0,0.1);}.rc-tree-node-selected{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.rc-tree-icon__open{margin-right:0;vertical-align:top;background-position:-110px -16px;}.rc-tree-icon__close{margin-right:0;vertical-align:top;background-position:-110px 0;}.rc-tree-icon__docu{margin-right:0;vertical-align:top;background-position:-110px -32px;}.rc-tree-icon__customize{display:block;line-height:0;color:var(",
@@ -112,4 +125,4 @@ export var base = css([
112
125
  ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize{color:var(",
113
126
  ");;}.rc-tree-indent-unit{width:var(",
114
127
  ");}"
115
- ], tokens.color, classes.treeRadioMode, classes.treeInverted, tokens.iconFolderColor, tokens.iconFolderMargin, tokens.itemHeight, classes.treeItemFilled, tokens.itemPadding, classes.treeInverted, classes.treeItemFilled, tokens.itemPaddingTight, tokens.itemTop, tokens.itemBottom, tokens.switcherSize, tokens.itemBorderRadius, tokens.itemDisabledOpacity, classes.treeItemFilled, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemPrimaryBackground, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorSelected, classes.treeRadioMode, tokens.itemBackgroundColorHover, classes.treeRadioMode, tokens.itemBackgroundColorActive, tokens.switcherSize, tokens.switcherSize, tokens.switcherMargin, classes.treeInverted, tokens.switcherMarginInverted, classes.treeInverted, classes.treeInverted, tokens.checkboxSize, tokens.checkboxSize, tokens.checkboxMargin, tokens.checkboxInnerSize, tokens.checkboxInnerSize, tokens.checkboxBorderColor, tokens.checkboxBorderRadius, tokens.itemDisabledBorderColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.color, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, classes.treeInverted, classes.treeInverted, tokens.colorSelected, tokens.itemDisabledColor, tokens.colorSelected, tokens.itemDisabledColor, tokens.itemIndent);
128
+ ], classes.treeLeafNode, tokens.itemDraggableBorderColor, tokens.color, classes.treeRadioMode, classes.treeInverted, tokens.iconFolderColor, tokens.iconFolderMargin, tokens.itemHeight, classes.treeItemFilled, tokens.itemPadding, classes.treeInverted, classes.treeItemFilled, tokens.itemPaddingTight, tokens.itemTop, tokens.itemBottom, tokens.switcherSize, tokens.itemBorderRadius, tokens.itemDisabledOpacity, classes.treeItemFilled, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemPrimaryBackground, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorSelected, classes.treeRadioMode, tokens.itemBackgroundColorHover, classes.treeRadioMode, tokens.itemBackgroundColorActive, tokens.switcherSize, tokens.switcherSize, tokens.switcherMargin, classes.treeInverted, tokens.switcherMarginInverted, classes.treeInverted, classes.treeInverted, tokens.checkboxSize, tokens.checkboxSize, tokens.checkboxMargin, tokens.checkboxInnerSize, tokens.checkboxInnerSize, tokens.checkboxBorderColor, tokens.checkboxBorderRadius, tokens.itemDisabledBorderColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.color, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, classes.treeInverted, classes.treeInverted, tokens.colorSelected, tokens.itemDisabledColor, tokens.colorSelected, tokens.itemDisabledColor, tokens.itemIndent);
@@ -3,7 +3,8 @@ export var classes = {
3
3
  treeItemFilled: 'tree-item-filled',
4
4
  treeItemPrimaryBackground: 'tree-item-primary-background',
5
5
  treeItemHasSelectedChildren: 'tree-item-has-selected-children',
6
- treeRadioMode: 'tree-radio-mode'
6
+ treeRadioMode: 'tree-radio-mode',
7
+ treeLeafNode: 'tree-leaf-node'
7
8
  };
8
9
  export var treeTokens = {
9
10
  arrowColor: '--plasma-tree-arrow-color',
@@ -41,5 +42,7 @@ export var treeTokens = {
41
42
  itemBackgroundColorActive: '--plasma-tree-item-background-color-active',
42
43
  itemDisabledOpacity: '--plasma-tree-item-disabled-opacity',
43
44
  itemDisabledColor: '--plasma-tree-item-disabled-color',
44
- itemDisabledBorderColor: '--plasma-tree-item-disabled-border-color'
45
+ itemDisabledBorderColor: '--plasma-tree-item-disabled-border-color',
46
+ itemDraggableBorderColor: '--plasma-tree-item-draggable-border-color',
47
+ itemDraggableLineColor: '--plasma-tree-item-draggable-line-color'
45
48
  };
@@ -102,6 +102,9 @@ var dfs = function(node, selectedKeys, rootParentsSelected, parents) {
102
102
  })[0]) === null || _parents_filter_ === void 0 ? void 0 : _parents_filter_.key)) {
103
103
  node.className = cls(node.className, classes.treeItemPrimaryBackground);
104
104
  }
105
+ if (!node.children) {
106
+ node.className = cls(node.className, classes.treeLeafNode);
107
+ }
105
108
  };
106
109
  var getRootParentsSelectedChildren = function(node, selectedKeysSet) {
107
110
  var rootParentsSelected = new Set();
@@ -127,9 +130,6 @@ var getRootParentsSelectedChildren = function(node, selectedKeysSet) {
127
130
  };
128
131
  // Перебираем и клонируем элементы в дереве, а также добавляем к ним класснеймы.
129
132
  export var traverseTree = function(items, selectedKeys) {
130
- if (!selectedKeys || selectedKeys.length === 0) {
131
- return items;
132
- }
133
133
  var selectedKeysSet = new Set(selectedKeys);
134
134
  var copyItems = deepCopy(items);
135
135
  var rootParentsSelected = getRootParentsSelectedChildren({
@@ -1,7 +0,0 @@
1
- import { component, mergeConfig } from "../../../engines";
2
- import { comboboxNewConfig } from "../../..";
3
- import { config } from "./Combobox.config";
4
- var mergedConfig = mergeConfig(comboboxNewConfig, config);
5
- var ComboboxComponent = component(mergedConfig);
6
- var Combobox = ComboboxComponent;
7
- export { Combobox };
@@ -26,8 +26,9 @@ export var config = {
26
26
  ":transparent;",
27
27
  ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );",
28
28
  ":var(--text-primary);",
29
+ ":var(--text-secondary);",
29
30
  ":var(--surface-accent);"
30
- ], paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
31
+ ], paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
31
32
  secondary: css([
32
33
  "",
33
34
  ":var(--text-primary);",
@@ -46,8 +47,9 @@ export var config = {
46
47
  ":var(--surface-solid-secondary);",
47
48
  ":transparent;",
48
49
  ":var(--text-primary);",
50
+ ":var(--text-secondary);",
49
51
  ":var(--surface-accent);"
50
- ], paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
52
+ ], paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
51
53
  clear: css([
52
54
  "",
53
55
  ":var(--text-primary);",
@@ -66,8 +68,9 @@ export var config = {
66
68
  ":var(--surface-solid-card);",
67
69
  ":transparent;",
68
70
  ":var(--text-primary);",
71
+ ":var(--text-secondary);",
69
72
  ":var(--surface-accent);"
70
- ], paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor)
73
+ ], paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor)
71
74
  },
72
75
  viewCurrentPage: {
73
76
  default: css([
@@ -132,8 +135,9 @@ export var config = {
132
135
  ":4rem;",
133
136
  ":3.5rem;",
134
137
  ":0 0.625rem;",
135
- ":0.0625rem;"
136
- ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
138
+ ":0.0625rem;",
139
+ ":0.5rem 2.5rem;"
140
+ ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
137
141
  m: css([
138
142
  "",
139
143
  ":var(--plasma-typo-body-m-font-family);",
@@ -167,8 +171,9 @@ export var config = {
167
171
  ":3.5rem;",
168
172
  ":3rem;",
169
173
  ":0 0.625rem;",
170
- ":0.0625rem;"
171
- ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
174
+ ":0.0625rem;",
175
+ ":0.5rem 2.5rem;"
176
+ ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
172
177
  s: css([
173
178
  "",
174
179
  ":var(--plasma-typo-body-s-font-family);",
@@ -202,8 +207,9 @@ export var config = {
202
207
  ":3rem;",
203
208
  ":2.5rem;",
204
209
  ":0 0.625rem;",
205
- ":0.0625rem;"
206
- ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
210
+ ":0.0625rem;",
211
+ ":0.5rem 2.5rem;"
212
+ ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
207
213
  xs: css([
208
214
  "",
209
215
  ":var(--plasma-typo-body-xs-font-family);",
@@ -237,8 +243,9 @@ export var config = {
237
243
  ":2.5rem;",
238
244
  ":2rem;",
239
245
  ":0 0.625rem;",
240
- ":0.0625rem;"
241
- ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth)
246
+ ":0.0625rem;",
247
+ ":0.5rem 2.5rem;"
248
+ ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap)
242
249
  },
243
250
  type: {
244
251
  compact: css([
@@ -23,8 +23,12 @@ export var config = {
23
23
  ":var(--text-accent);",
24
24
  ":0.4;",
25
25
  ":var(--text-secondary);",
26
- ":var(--text-secondary);"
27
- ], tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
26
+ ":var(--text-secondary);",
27
+ ":var(--surface-positive);",
28
+ ":var(--surface-solid-default);",
29
+ ":var(--surface-positive);",
30
+ ":var(--surface-solid-default);"
31
+ ], tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor)
28
32
  },
29
33
  size: {
30
34
  l: css([
@@ -1 +1 @@
1
- {"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAiB7C,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,uFAuLjE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAzLQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;CA8MtE,CAAC"}
1
+ {"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAmB7C,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,uFAwIjE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBA1IQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;CA+JtE,CAAC"}
@@ -1,6 +1,8 @@
1
1
  export declare const base: import("@linaria/core").LinariaClassName;
2
2
  export declare const StyledHiddenInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
3
- export declare const StyledHiddenInputHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
3
  export declare const StyledAttachButtonWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
4
  export declare const StyledHelperText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
+ export declare const FilenameWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
6
+ export declare const TruncatedFilenamePart: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
7
+ export declare const FilenameExtensionPart: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
6
8
  //# sourceMappingURL=Attach.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Attach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,8KAE7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAInC,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAErC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAG5B,CAAC"}
1
+ {"version":3,"file":"Attach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,8KAE7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAErC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAG5B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAK3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,uKAEjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,uKAAgB,CAAC"}
@@ -6,8 +6,15 @@ export type BaseAttachProps = {
6
6
  * Массив форматов файлов, которые могут быть прикреплены (см. HTML-атрибут 'accept' для 'input').
7
7
  */
8
8
  acceptedFileFormats?: string[];
9
+ /**
10
+ * Скрыть кнопку после выбора файла
11
+ * @default false
12
+ */
13
+ hideButtonOnAttach?: boolean;
9
14
  /**
10
15
  * Отображать прикрепленный файл
16
+ * @description Если `hideButtonOnAttach` установлен как `false`,
17
+ * данное свойство будет всегда иметь значение `true`
11
18
  * @default true
12
19
  */
13
20
  hasAttachment?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Attach.types.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG;IAC1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,CAC1B;IACI;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC;CACzB,GACD;IACI,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CACN,GACG,WAAW,CAAC;AAEhB,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAC"}
1
+ {"version":3,"file":"Attach.types.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG;IAC1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,CAC1B;IACI;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC;CACzB,GACD;IACI,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CACN,GACG,WAAW,CAAC;AAEhB,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAC"}
@@ -1,2 +1,2 @@
1
- export declare const getFileicon: (extension?: string, size?: string) => JSX.Element;
1
+ export declare const getFileIcon: (extension?: string, size?: string) => JSX.Element;
2
2
  //# sourceMappingURL=getFileicon.d.ts.map
@@ -1,5 +1,3 @@
1
1
  export { extractExtension } from './extractExtension';
2
- export { getFileicon } from './getFileicon';
3
- export { addSeparator } from './addSeparator';
4
- export declare const separator = "...";
2
+ export { getFileIcon } from './getFileicon';
5
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Attach/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,SAAS,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Attach/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAGnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAUxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLAkRxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBApRQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6S5E,CAAC"}
1
+ {"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAG9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAkBxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLA6TxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA/TQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwV5E,CAAC"}
@@ -7,4 +7,5 @@ export declare const CaptionWrapper: import("@linaria/react").StyledComponent<im
7
7
  captionAlign: "left" | "center";
8
8
  widthValue?: string;
9
9
  }>;
10
+ export declare const HiddenInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
10
11
  //# sourceMappingURL=CodeField.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CodeField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAGrB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAErB,CAAC;AAEF,eAAO,MAAM,SAAS,8KAQrB,CAAC;AAEF,eAAO,MAAM,cAAc;kBAA8B,MAAM,GAAG,QAAQ;iBAAe,MAAM;EAK9F,CAAC"}
1
+ {"version":3,"file":"CodeField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAGrB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAErB,CAAC;AAEF,eAAO,MAAM,SAAS,8KAQrB,CAAC;AAEF,eAAO,MAAM,cAAc;kBAA8B,MAAM,GAAG,QAAQ;iBAAe,MAAM;EAK9F,CAAC;AAEF,eAAO,MAAM,WAAW,8KAEvB,CAAC"}
@@ -0,0 +1,20 @@
1
+ type UseWebOTPProps = {
2
+ codeString: string;
3
+ enableSMSAutoRead: boolean;
4
+ disabled: boolean;
5
+ codeLength: number;
6
+ codeSetter: (newCode: Array<string>) => void;
7
+ onFullCodeEnter?: (code: string) => void;
8
+ };
9
+ type OTPTransport = 'sms';
10
+ declare global {
11
+ interface CredentialRequestOptions {
12
+ otp?: {
13
+ transport: OTPTransport[];
14
+ };
15
+ signal?: AbortSignal;
16
+ }
17
+ }
18
+ export declare const useWebOTP: ({ codeString, enableSMSAutoRead, disabled, codeLength, codeSetter, onFullCodeEnter, }: UseWebOTPProps) => void;
19
+ export {};
20
+ //# sourceMappingURL=useWebOTP.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useWebOTP.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/hooks/useWebOTP.ts"],"names":[],"mappings":"AAIA,KAAK,cAAc,GAAG;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,KAAK,YAAY,GAAG,KAAK,CAAC;AAM1B,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,wBAAwB;QAC9B,GAAG,CAAC,EAAE;YACF,SAAS,EAAE,YAAY,EAAE,CAAC;SAC7B,CAAC;QACF,MAAM,CAAC,EAAE,WAAW,CAAC;KACxB;CACJ;AAMD,eAAO,MAAM,SAAS,0FAOnB,cAAc,SA+DhB,CAAC"}
@@ -7,9 +7,9 @@ type ValidateSymbolsArgs = {
7
7
  inputContainerRef: MutableRefObject<HTMLDivElement | null>;
8
8
  inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;
9
9
  captionRef: MutableRefObject<HTMLDivElement | null>;
10
- setCode: Dispatch<SetStateAction<Array<string>>>;
10
+ setInnerValue: Dispatch<SetStateAction<Array<string>>>;
11
11
  codeSetter: (newCode: Array<string>) => void;
12
12
  };
13
- export declare const handleCodeError: ({ codeLength, codeErrorBehavior, currentCode, inputRefs, inputContainerRef, captionRef, setCode, codeSetter, }: ValidateSymbolsArgs) => void;
13
+ export declare const handleCodeError: ({ codeLength, codeErrorBehavior, currentCode, inputRefs, inputContainerRef, captionRef, setInnerValue, codeSetter, }: ValidateSymbolsArgs) => void;
14
14
  export {};
15
15
  //# sourceMappingURL=handleCodeError.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"handleCodeError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/handleCodeError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAM5D,KAAK,mBAAmB,GAAG;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,iBAAiB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,UAAU,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,mHASzB,mBAAmB,SA8CrB,CAAC"}
1
+ {"version":3,"file":"handleCodeError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/handleCodeError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAM5D,KAAK,mBAAmB,GAAG;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,iBAAiB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,UAAU,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACvD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,yHASzB,mBAAmB,SA8CrB,CAAC"}
@@ -6,9 +6,10 @@ type ValidateSymbolsArgs = {
6
6
  index: number;
7
7
  newCode: Array<string>;
8
8
  inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;
9
- setCode: Dispatch<SetStateAction<Array<string>>>;
9
+ setInnerValue: Dispatch<SetStateAction<Array<string>>>;
10
10
  codeSetter: (newCode: Array<string>) => void;
11
+ onChange?: (value: string) => void;
11
12
  };
12
- export declare const handleItemError: ({ currentSymbol, itemErrorBehavior, index, newCode, inputRefs, setCode, codeSetter, }: ValidateSymbolsArgs) => void;
13
+ export declare const handleItemError: ({ currentSymbol, itemErrorBehavior, index, newCode, inputRefs, setInnerValue, codeSetter, onChange, }: ValidateSymbolsArgs) => void;
13
14
  export {};
14
15
  //# sourceMappingURL=handleItemError.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"handleItemError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/handleItemError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAK5D,KAAK,mBAAmB,GAAG;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,0FAQzB,mBAAmB,SA4CrB,CAAC"}
1
+ {"version":3,"file":"handleItemError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/handleItemError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAK5D,KAAK,mBAAmB,GAAG;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACvD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,eAAe,0GASzB,mBAAmB,SAuDrB,CAAC"}
@@ -1,4 +1,5 @@
1
1
  export { getFieldPattern, getPlaceholderValue, getCodeValue } from './initialValuesHelper';
2
2
  export { handleItemError } from './handleItemError';
3
3
  export { handleCodeError } from './handleCodeError';
4
+ export { isWebOTPSupported } from './isWebOTPSupported';
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const isWebOTPSupported: () => boolean;
2
+ //# sourceMappingURL=isWebOTPSupported.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"isWebOTPSupported.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeField/utils/isWebOTPSupported.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,eAO7B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA8BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,2FA2kBtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA7kBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAkmB3F,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA6BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,2FA0jBtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA5jBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAilB3F,CAAC"}
@@ -4,7 +4,6 @@ export type PathMapType = Map<string, number>;
4
4
  export type FocusedToValueMapType = Map<string, ItemOptionTransformed>;
5
5
  export type ValueToCheckedMapType = Map<ItemOptionTransformed['value'], boolean | 'done' | 'dot' | 'indeterminate'>;
6
6
  export type ValueToItemMapType = Map<ItemOptionTransformed['value'], ItemOptionTransformed>;
7
- export type LabelToItemMapType = Map<ItemOptionTransformed['label'], ItemOptionTransformed>;
8
7
  export declare const getPathMap: (items: ComboboxProps["items"]) => [PathMapType, FocusedToValueMapType];
9
- export declare const getTreeMaps: (items: ComboboxProps["items"]) => [ValueToCheckedMapType, ValueToItemMapType, LabelToItemMapType];
8
+ export declare const getTreeMaps: (items: ComboboxProps["items"]) => [ValueToCheckedMapType, ValueToItemMapType];
10
9
  //# sourceMappingURL=getPathMaps.d.ts.map