@salutejs/plasma-new-hope 0.231.0-canary.1603.12468946891.0 → 0.231.0-canary.1657.12468366213.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (290) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +4 -4
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +4 -4
  3. package/cjs/components/Combobox/ComboboxOld/Combobox.css +4 -4
  4. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  5. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  6. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  7. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  8. package/cjs/components/DatePicker/RangeDate/RangeDate.css +4 -4
  9. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
  10. package/cjs/components/DatePicker/SingleDate/SingleDate.css +4 -4
  11. package/cjs/components/Dropdown/Dropdown.css +4 -4
  12. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -4
  13. package/cjs/components/Flow/Flow.css +1 -0
  14. package/cjs/components/Flow/Flow.js +58 -0
  15. package/cjs/components/Flow/Flow.js.map +1 -0
  16. package/cjs/components/Flow/Flow.styles.js +9 -0
  17. package/cjs/components/Flow/Flow.styles.js.map +1 -0
  18. package/cjs/components/Flow/Flow.styles_1xdoipm.css +1 -0
  19. package/cjs/components/Pagination/Pagination.css +4 -4
  20. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  21. package/cjs/components/Popover/Popover.css +4 -4
  22. package/cjs/components/Popover/Popover.js +5 -9
  23. package/cjs/components/Popover/Popover.js.map +1 -1
  24. package/cjs/components/Popover/Popover.styles.js +7 -7
  25. package/cjs/components/Popover/Popover.styles.js.map +1 -1
  26. package/cjs/components/Popover/{Popover.styles_gh4xvw.css → Popover.styles_mzmbre.css} +2 -2
  27. package/cjs/components/Popover/Popover.tokens.js +1 -2
  28. package/cjs/components/Popover/Popover.tokens.js.map +1 -1
  29. package/cjs/components/Portal/Portal.js +1 -1
  30. package/cjs/components/Portal/Portal.js.map +1 -1
  31. package/cjs/components/Range/Range.css +4 -4
  32. package/cjs/components/Select/Select.css +4 -4
  33. package/cjs/components/Select/ui/Target/Target.css +4 -4
  34. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +4 -4
  35. package/cjs/components/Slider/Slider.css +4 -4
  36. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +4 -4
  37. package/cjs/components/TextArea/ui/Hint/Hint.css +4 -4
  38. package/cjs/components/TextField/ui/Hint/Hint.css +4 -4
  39. package/cjs/index.css +6 -10
  40. package/cjs/index.js +3 -4
  41. package/cjs/index.js.map +1 -1
  42. package/emotion/cjs/components/Flow/Flow.js +66 -0
  43. package/emotion/cjs/components/Flow/Flow.styles.js +17 -0
  44. package/emotion/cjs/components/Flow/Flow.types.js +5 -0
  45. package/emotion/cjs/components/Flow/index.js +18 -0
  46. package/emotion/cjs/components/Popover/Popover.js +6 -10
  47. package/emotion/cjs/components/Popover/Popover.styles.js +16 -8
  48. package/emotion/cjs/components/Popover/Popover.template-doc.mdx +43 -128
  49. package/emotion/cjs/components/Popover/Popover.tokens.js +1 -2
  50. package/emotion/cjs/components/Portal/Portal.js +1 -1
  51. package/emotion/cjs/components/_Icon/index.js +1 -8
  52. package/emotion/cjs/examples/plasma_b2c/components/Flow/Flow.config.js +10 -0
  53. package/emotion/cjs/examples/plasma_b2c/components/Flow/Flow.js +11 -0
  54. package/emotion/cjs/examples/plasma_b2c/components/Flow/Flow.stories.tsx +114 -0
  55. package/emotion/cjs/index.js +11 -11
  56. package/emotion/es/components/Flow/Flow.js +57 -0
  57. package/emotion/es/components/Flow/Flow.styles.js +11 -0
  58. package/emotion/es/components/Flow/Flow.types.js +1 -0
  59. package/emotion/es/components/Flow/index.js +1 -0
  60. package/emotion/es/components/Popover/Popover.js +7 -11
  61. package/emotion/es/components/Popover/Popover.styles.js +16 -8
  62. package/emotion/es/components/Popover/Popover.template-doc.mdx +43 -128
  63. package/emotion/es/components/Popover/Popover.tokens.js +1 -2
  64. package/emotion/es/components/Portal/Portal.js +1 -1
  65. package/emotion/es/components/_Icon/index.js +1 -2
  66. package/emotion/es/examples/plasma_b2c/components/Flow/Flow.config.js +4 -0
  67. package/emotion/es/examples/plasma_b2c/components/Flow/Flow.js +5 -0
  68. package/emotion/es/examples/plasma_b2c/components/Flow/Flow.stories.tsx +114 -0
  69. package/emotion/es/index.js +1 -1
  70. package/es/components/Autocomplete/Autocomplete.css +4 -4
  71. package/es/components/Combobox/ComboboxNew/Combobox.css +4 -4
  72. package/es/components/Combobox/ComboboxOld/Combobox.css +4 -4
  73. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  74. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  75. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  76. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  77. package/es/components/DatePicker/RangeDate/RangeDate.css +4 -4
  78. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
  79. package/es/components/DatePicker/SingleDate/SingleDate.css +4 -4
  80. package/es/components/Dropdown/Dropdown.css +4 -4
  81. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -4
  82. package/es/components/Flow/Flow.css +1 -0
  83. package/es/components/Flow/Flow.js +53 -0
  84. package/es/components/Flow/Flow.js.map +1 -0
  85. package/es/components/Flow/Flow.styles.js +5 -0
  86. package/es/components/Flow/Flow.styles.js.map +1 -0
  87. package/es/components/Flow/Flow.styles_1xdoipm.css +1 -0
  88. package/es/components/Pagination/Pagination.css +4 -4
  89. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  90. package/es/components/Popover/Popover.css +4 -4
  91. package/es/components/Popover/Popover.js +7 -11
  92. package/es/components/Popover/Popover.js.map +1 -1
  93. package/es/components/Popover/Popover.styles.js +7 -7
  94. package/es/components/Popover/Popover.styles.js.map +1 -1
  95. package/es/components/Popover/{Popover.styles_gh4xvw.css → Popover.styles_mzmbre.css} +2 -2
  96. package/es/components/Popover/Popover.tokens.js +1 -2
  97. package/es/components/Popover/Popover.tokens.js.map +1 -1
  98. package/es/components/Portal/Portal.js +1 -1
  99. package/es/components/Portal/Portal.js.map +1 -1
  100. package/es/components/Range/Range.css +4 -4
  101. package/es/components/Select/Select.css +4 -4
  102. package/es/components/Select/ui/Target/Target.css +4 -4
  103. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +4 -4
  104. package/es/components/Slider/Slider.css +4 -4
  105. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +4 -4
  106. package/es/components/TextArea/ui/Hint/Hint.css +4 -4
  107. package/es/components/TextField/ui/Hint/Hint.css +4 -4
  108. package/es/index.css +6 -10
  109. package/es/index.js +1 -2
  110. package/es/index.js.map +1 -1
  111. package/package.json +2 -3
  112. package/styled-components/cjs/components/ElasticGrid/ElasticGrid.js +5 -0
  113. package/styled-components/cjs/components/ElasticGrid/index.js +5 -0
  114. package/styled-components/cjs/components/Flow/Flow.js +66 -0
  115. package/styled-components/cjs/components/Flow/Flow.styles.js +8 -0
  116. package/styled-components/cjs/components/Flow/Flow.types.js +5 -0
  117. package/styled-components/cjs/components/Flow/index.js +18 -0
  118. package/styled-components/cjs/components/Popover/Popover.js +6 -10
  119. package/styled-components/cjs/components/Popover/Popover.styles.js +4 -4
  120. package/styled-components/cjs/components/Popover/Popover.template-doc.mdx +43 -128
  121. package/styled-components/cjs/components/Popover/Popover.tokens.js +1 -2
  122. package/styled-components/cjs/components/Portal/Portal.js +1 -1
  123. package/styled-components/cjs/components/_Icon/index.js +1 -8
  124. package/styled-components/cjs/examples/plasma_b2c/components/Flow/Flow.config.js +10 -0
  125. package/styled-components/cjs/examples/plasma_b2c/components/Flow/Flow.js +11 -0
  126. package/styled-components/cjs/examples/plasma_b2c/components/Flow/Flow.stories.tsx +114 -0
  127. package/styled-components/cjs/index.js +11 -11
  128. package/styled-components/es/components/ElasticGrid/ElasticGrid.js +1 -0
  129. package/styled-components/es/components/ElasticGrid/index.js +1 -0
  130. package/styled-components/es/components/Flow/Flow.js +57 -0
  131. package/styled-components/es/components/Flow/Flow.styles.js +2 -0
  132. package/styled-components/es/components/Flow/Flow.types.js +1 -0
  133. package/styled-components/es/components/Flow/index.js +1 -0
  134. package/styled-components/es/components/Popover/Popover.js +7 -11
  135. package/styled-components/es/components/Popover/Popover.styles.js +4 -4
  136. package/styled-components/es/components/Popover/Popover.template-doc.mdx +43 -128
  137. package/styled-components/es/components/Popover/Popover.tokens.js +1 -2
  138. package/styled-components/es/components/Portal/Portal.js +1 -1
  139. package/styled-components/es/components/_Icon/index.js +1 -2
  140. package/styled-components/es/examples/plasma_b2c/components/Flow/Flow.config.js +4 -0
  141. package/styled-components/es/examples/plasma_b2c/components/Flow/Flow.js +5 -0
  142. package/styled-components/es/examples/plasma_b2c/components/Flow/Flow.stories.tsx +114 -0
  143. package/styled-components/es/index.js +1 -1
  144. package/types/components/ElasticGrid/ElasticGrid.d.ts +2 -0
  145. package/types/components/ElasticGrid/ElasticGrid.d.ts.map +1 -0
  146. package/types/components/ElasticGrid/index.d.ts +2 -0
  147. package/types/components/ElasticGrid/index.d.ts.map +1 -0
  148. package/types/components/Flow/Flow.d.ts +13 -0
  149. package/types/components/Flow/Flow.d.ts.map +1 -0
  150. package/types/components/Flow/Flow.styles.d.ts +2 -0
  151. package/types/components/Flow/Flow.styles.d.ts.map +1 -0
  152. package/types/components/Flow/Flow.types.d.ts +35 -0
  153. package/types/components/Flow/Flow.types.d.ts.map +1 -0
  154. package/types/components/Flow/index.d.ts +2 -0
  155. package/types/components/Flow/index.d.ts.map +1 -0
  156. package/types/components/Popover/Popover.d.ts.map +1 -1
  157. package/types/components/Popover/Popover.styles.d.ts +1 -1
  158. package/types/components/Popover/Popover.styles.d.ts.map +1 -1
  159. package/types/components/Popover/Popover.tokens.d.ts +0 -1
  160. package/types/components/Popover/Popover.tokens.d.ts.map +1 -1
  161. package/types/components/Popover/Popover.types.d.ts +4 -4
  162. package/types/components/Popover/Popover.types.d.ts.map +1 -1
  163. package/types/components/Portal/Portal.types.d.ts +1 -1
  164. package/types/components/Portal/Portal.types.d.ts.map +1 -1
  165. package/types/components/_Icon/index.d.ts +0 -1
  166. package/types/components/_Icon/index.d.ts.map +1 -1
  167. package/types/examples/plasma_b2c/components/Flow/Flow.config.d.ts +5 -0
  168. package/types/examples/plasma_b2c/components/Flow/Flow.config.d.ts.map +1 -0
  169. package/types/examples/plasma_b2c/components/Flow/Flow.d.ts +3 -0
  170. package/types/examples/plasma_b2c/components/Flow/Flow.d.ts.map +1 -0
  171. package/types/index.d.ts +1 -1
  172. package/types/index.d.ts.map +1 -1
  173. package/cjs/components/Tree/Tree.css +0 -7
  174. package/cjs/components/Tree/Tree.js +0 -99
  175. package/cjs/components/Tree/Tree.js.map +0 -1
  176. package/cjs/components/Tree/Tree.styles.js +0 -43
  177. package/cjs/components/Tree/Tree.styles.js.map +0 -1
  178. package/cjs/components/Tree/Tree.styles_1mwgczn.css +0 -5
  179. package/cjs/components/Tree/Tree.tokens.js +0 -43
  180. package/cjs/components/Tree/Tree.tokens.js.map +0 -1
  181. package/cjs/components/Tree/utils/sizeToIconSize.js +0 -11
  182. package/cjs/components/Tree/utils/sizeToIconSize.js.map +0 -1
  183. package/cjs/components/_Icon/Icon.assets/Folder.js +0 -25
  184. package/cjs/components/_Icon/Icon.assets/Folder.js.map +0 -1
  185. package/cjs/components/_Icon/Icons/IconFolder.js +0 -23
  186. package/cjs/components/_Icon/Icons/IconFolder.js.map +0 -1
  187. package/emotion/cjs/components/Tree/Tree.js +0 -100
  188. package/emotion/cjs/components/Tree/Tree.styles.js +0 -38
  189. package/emotion/cjs/components/Tree/Tree.template-doc.mdx +0 -103
  190. package/emotion/cjs/components/Tree/Tree.tokens.js +0 -41
  191. package/emotion/cjs/components/Tree/index.js +0 -19
  192. package/emotion/cjs/components/Tree/utils/index.js +0 -12
  193. package/emotion/cjs/components/Tree/utils/sizeToIconSize.js +0 -10
  194. package/emotion/cjs/components/_Icon/Icon.assets/Folder.js +0 -24
  195. package/emotion/cjs/components/_Icon/Icons/IconFolder.js +0 -22
  196. package/emotion/cjs/examples/plasma_b2c/components/Tree/Tree.config.js +0 -25
  197. package/emotion/cjs/examples/plasma_b2c/components/Tree/Tree.js +0 -13
  198. package/emotion/cjs/examples/plasma_b2c/components/Tree/Tree.stories.tsx +0 -117
  199. package/emotion/cjs/examples/plasma_web/components/Tree/Tree.config.js +0 -25
  200. package/emotion/cjs/examples/plasma_web/components/Tree/Tree.js +0 -13
  201. package/emotion/cjs/examples/plasma_web/components/Tree/Tree.stories.tsx +0 -117
  202. package/emotion/es/components/Tree/Tree.js +0 -91
  203. package/emotion/es/components/Tree/Tree.styles.js +0 -31
  204. package/emotion/es/components/Tree/Tree.template-doc.mdx +0 -103
  205. package/emotion/es/components/Tree/Tree.tokens.js +0 -35
  206. package/emotion/es/components/Tree/index.js +0 -2
  207. package/emotion/es/components/Tree/utils/index.js +0 -1
  208. package/emotion/es/components/Tree/utils/sizeToIconSize.js +0 -4
  209. package/emotion/es/components/_Icon/Icon.assets/Folder.js +0 -17
  210. package/emotion/es/components/_Icon/Icons/IconFolder.js +0 -15
  211. package/emotion/es/examples/plasma_b2c/components/Tree/Tree.config.js +0 -19
  212. package/emotion/es/examples/plasma_b2c/components/Tree/Tree.js +0 -8
  213. package/emotion/es/examples/plasma_b2c/components/Tree/Tree.stories.tsx +0 -117
  214. package/emotion/es/examples/plasma_web/components/Tree/Tree.config.js +0 -19
  215. package/emotion/es/examples/plasma_web/components/Tree/Tree.js +0 -8
  216. package/emotion/es/examples/plasma_web/components/Tree/Tree.stories.tsx +0 -117
  217. package/es/components/Tree/Tree.css +0 -7
  218. package/es/components/Tree/Tree.js +0 -94
  219. package/es/components/Tree/Tree.js.map +0 -1
  220. package/es/components/Tree/Tree.styles.js +0 -35
  221. package/es/components/Tree/Tree.styles.js.map +0 -1
  222. package/es/components/Tree/Tree.styles_1mwgczn.css +0 -5
  223. package/es/components/Tree/Tree.tokens.js +0 -38
  224. package/es/components/Tree/Tree.tokens.js.map +0 -1
  225. package/es/components/Tree/utils/sizeToIconSize.js +0 -7
  226. package/es/components/Tree/utils/sizeToIconSize.js.map +0 -1
  227. package/es/components/_Icon/Icon.assets/Folder.js +0 -21
  228. package/es/components/_Icon/Icon.assets/Folder.js.map +0 -1
  229. package/es/components/_Icon/Icons/IconFolder.js +0 -19
  230. package/es/components/_Icon/Icons/IconFolder.js.map +0 -1
  231. package/styled-components/cjs/components/Tree/Tree.js +0 -100
  232. package/styled-components/cjs/components/Tree/Tree.styles.js +0 -26
  233. package/styled-components/cjs/components/Tree/Tree.template-doc.mdx +0 -103
  234. package/styled-components/cjs/components/Tree/Tree.tokens.js +0 -41
  235. package/styled-components/cjs/components/Tree/index.js +0 -19
  236. package/styled-components/cjs/components/Tree/utils/index.js +0 -12
  237. package/styled-components/cjs/components/Tree/utils/sizeToIconSize.js +0 -10
  238. package/styled-components/cjs/components/_Icon/Icon.assets/Folder.js +0 -24
  239. package/styled-components/cjs/components/_Icon/Icons/IconFolder.js +0 -22
  240. package/styled-components/cjs/examples/plasma_b2c/components/Tree/Tree.config.js +0 -25
  241. package/styled-components/cjs/examples/plasma_b2c/components/Tree/Tree.js +0 -13
  242. package/styled-components/cjs/examples/plasma_b2c/components/Tree/Tree.stories.tsx +0 -117
  243. package/styled-components/cjs/examples/plasma_web/components/Tree/Tree.config.js +0 -25
  244. package/styled-components/cjs/examples/plasma_web/components/Tree/Tree.js +0 -13
  245. package/styled-components/cjs/examples/plasma_web/components/Tree/Tree.stories.tsx +0 -117
  246. package/styled-components/es/components/Tree/Tree.js +0 -91
  247. package/styled-components/es/components/Tree/Tree.styles.js +0 -18
  248. package/styled-components/es/components/Tree/Tree.template-doc.mdx +0 -103
  249. package/styled-components/es/components/Tree/Tree.tokens.js +0 -35
  250. package/styled-components/es/components/Tree/index.js +0 -2
  251. package/styled-components/es/components/Tree/utils/index.js +0 -1
  252. package/styled-components/es/components/Tree/utils/sizeToIconSize.js +0 -4
  253. package/styled-components/es/components/_Icon/Icon.assets/Folder.js +0 -17
  254. package/styled-components/es/components/_Icon/Icons/IconFolder.js +0 -15
  255. package/styled-components/es/examples/plasma_b2c/components/Tree/Tree.config.js +0 -19
  256. package/styled-components/es/examples/plasma_b2c/components/Tree/Tree.js +0 -8
  257. package/styled-components/es/examples/plasma_b2c/components/Tree/Tree.stories.tsx +0 -117
  258. package/styled-components/es/examples/plasma_web/components/Tree/Tree.config.js +0 -19
  259. package/styled-components/es/examples/plasma_web/components/Tree/Tree.js +0 -8
  260. package/styled-components/es/examples/plasma_web/components/Tree/Tree.stories.tsx +0 -117
  261. package/types/components/Tree/Tree.d.ts +0 -20
  262. package/types/components/Tree/Tree.d.ts.map +0 -1
  263. package/types/components/Tree/Tree.styles.d.ts +0 -7
  264. package/types/components/Tree/Tree.styles.d.ts.map +0 -1
  265. package/types/components/Tree/Tree.tokens.d.ts +0 -36
  266. package/types/components/Tree/Tree.tokens.d.ts.map +0 -1
  267. package/types/components/Tree/Tree.types.d.ts +0 -154
  268. package/types/components/Tree/Tree.types.d.ts.map +0 -1
  269. package/types/components/Tree/index.d.ts +0 -3
  270. package/types/components/Tree/index.d.ts.map +0 -1
  271. package/types/components/Tree/utils/index.d.ts +0 -2
  272. package/types/components/Tree/utils/index.d.ts.map +0 -1
  273. package/types/components/Tree/utils/sizeToIconSize.d.ts +0 -2
  274. package/types/components/Tree/utils/sizeToIconSize.d.ts.map +0 -1
  275. package/types/components/_Icon/Icon.assets/Folder.d.ts +0 -4
  276. package/types/components/_Icon/Icon.assets/Folder.d.ts.map +0 -1
  277. package/types/components/_Icon/Icons/IconFolder.d.ts +0 -4
  278. package/types/components/_Icon/Icons/IconFolder.d.ts.map +0 -1
  279. package/types/examples/plasma_b2c/components/Tree/Tree.config.d.ts +0 -18
  280. package/types/examples/plasma_b2c/components/Tree/Tree.config.d.ts.map +0 -1
  281. package/types/examples/plasma_b2c/components/Tree/Tree.d.ts +0 -13
  282. package/types/examples/plasma_b2c/components/Tree/Tree.d.ts.map +0 -1
  283. package/types/examples/plasma_web/components/Tree/Tree.config.d.ts +0 -18
  284. package/types/examples/plasma_web/components/Tree/Tree.config.d.ts.map +0 -1
  285. package/types/examples/plasma_web/components/Tree/Tree.d.ts +0 -13
  286. package/types/examples/plasma_web/components/Tree/Tree.d.ts.map +0 -1
  287. /package/emotion/cjs/components/{Tree/Tree.types.js → ElasticGrid/ElasticGrid.js} +0 -0
  288. /package/{styled-components/cjs/components/Tree/Tree.types.js → emotion/cjs/components/ElasticGrid/index.js} +0 -0
  289. /package/emotion/es/components/{Tree/Tree.types.js → ElasticGrid/ElasticGrid.js} +0 -0
  290. /package/{styled-components/es/components/Tree/Tree.types.js → emotion/es/components/ElasticGrid/index.js} +0 -0
@@ -1,117 +0,0 @@
1
- import * as React from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { StoryObj, Meta } from '@storybook/react';
4
-
5
- import { WithTheme } from '../../../_helpers';
6
-
7
- import { Tree } from './Tree';
8
-
9
- const treeData: any[] = [
10
- {
11
- title: 'Parent 1',
12
- key: '0-0',
13
- children: [
14
- {
15
- title: 'Parent 1-0',
16
- key: '0-0-0',
17
- children: [
18
- {
19
- title: 'Leaf',
20
- key: '0-0-0-0',
21
- disabled: true,
22
- },
23
- {
24
- title: 'Leaf',
25
- key: '0-0-0-1',
26
- children: [
27
- {
28
- title: 'Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf',
29
- key: '0-0-0-0-0',
30
- },
31
- {
32
- title: 'Leaf',
33
- key: '0-0-0-0-1',
34
- },
35
- ],
36
- },
37
- ],
38
- },
39
- {
40
- title: 'Parent 1-1',
41
- key: '0-0-1',
42
- children: [{ title: 'Leaf', key: '0-0-1-0' }],
43
- },
44
- ],
45
- },
46
- {
47
- title: 'Parent 2',
48
- key: '0-1',
49
- children: [
50
- {
51
- title: 'Parent 2-0',
52
- key: '0-1-0',
53
- },
54
- ],
55
- },
56
- ];
57
-
58
- type StoryTreeProps = ComponentProps<typeof Tree>;
59
-
60
- const size = ['xs', 's', 'm', 'l'];
61
- const arrowPlacements = ['left', 'right'];
62
-
63
- const meta: Meta<StoryTreeProps> = {
64
- title: 'web/Data Entry/Tree',
65
- decorators: [WithTheme],
66
- component: Tree,
67
- argTypes: {
68
- size: {
69
- control: 'select',
70
- options: size,
71
- },
72
- checkable: {
73
- control: 'boolean',
74
- },
75
- multiple: {
76
- control: 'boolean',
77
- },
78
- arrowPlacement: {
79
- options: arrowPlacements,
80
- control: {
81
- type: 'inline-radio',
82
- },
83
- },
84
- defaultExpandAll: {
85
- control: 'boolean',
86
- },
87
- fullWidthItemSelection: {
88
- control: 'boolean',
89
- },
90
- height: {
91
- control: 'number',
92
- },
93
- hasIcon: {
94
- control: 'boolean',
95
- },
96
- },
97
- args: {
98
- size: 'm',
99
- fullWidthItemSelection: false,
100
- checkable: false,
101
- multiple: false,
102
- arrowPlacement: 'left',
103
- defaultExpandAll: true,
104
- height: undefined,
105
- hasIcon: true,
106
- },
107
- };
108
-
109
- export default meta;
110
-
111
- const StoryDefault = (args: StoryTreeProps) => {
112
- return <Tree {...args} items={treeData} />;
113
- };
114
-
115
- export const Default: StoryObj<StoryTreeProps> = {
116
- render: (args) => <StoryDefault {...args} />,
117
- };
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import 'rc-tree/assets/index.css';
3
- import { RootProps } from '../../engines';
4
- import type { TreeProps } from './Tree.types';
5
- /**
6
- * Многоуровневый раскрывающийся список в виде дерева.
7
- */
8
- export declare const treeRoot: (Root: RootProps<HTMLDivElement, TreeProps>) => React.ForwardRefExoticComponent<TreeProps & React.RefAttributes<HTMLDivElement>>;
9
- export declare const treeConfig: {
10
- name: string;
11
- tag: string;
12
- layout: (Root: RootProps<HTMLDivElement, TreeProps>) => React.ForwardRefExoticComponent<TreeProps & React.RefAttributes<HTMLDivElement>>;
13
- base: import("@linaria/core").LinariaClassName;
14
- variations: {};
15
- defaults: {
16
- view: string;
17
- size: string;
18
- };
19
- };
20
- //# sourceMappingURL=Tree.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,0BAA0B,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C;;GAEG;AACH,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC,qFAqE9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBAvEQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;CAiFlE,CAAC"}
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const IconArrowWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
3
- export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps>;
4
- export declare const IconFolderWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
- export declare const StyledFolder: import("@linaria/react").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps>;
6
- export declare const base: import("@linaria/core").LinariaClassName;
7
- //# sourceMappingURL=Tree.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tree.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.styles.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,gBAAgB,qKAW5B,CAAC;AAEF,eAAO,MAAM,WAAW,iGAIvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,YAAY,iGAAuB,CAAC;AAEjD,eAAO,MAAM,IAAI,0CA2KhB,CAAC"}
@@ -1,36 +0,0 @@
1
- export declare const classes: {
2
- treeInverted: string;
3
- treeItemFilled: string;
4
- };
5
- export declare const treeTokens: {
6
- arrowColor: string;
7
- arrowColorHover: string;
8
- arrowColorActive: string;
9
- color: string;
10
- colorSelected: string;
11
- fontFamily: string;
12
- fontSize: string;
13
- fontStyle: string;
14
- fontWeight: string;
15
- letterSpacing: string;
16
- lineHeight: string;
17
- itemHeight: string;
18
- itemPadding: string;
19
- itemPaddingTight: string;
20
- itemIndent: string;
21
- itemBorderRadius: string;
22
- iconFolderMargin: string;
23
- switcherMargin: string;
24
- switcherSize: string;
25
- checkboxSize: string;
26
- checkboxInnerSize: string;
27
- checkboxBorderRadius: string;
28
- checkboxMargin: string;
29
- checkboxBorderColor: string;
30
- checkboxBackgroundColor: string;
31
- itemBackgroundColor: string;
32
- itemBackgroundColorHover: string;
33
- itemBackgroundColorActive: string;
34
- itemDisabledOpacity: string;
35
- };
36
- //# sourceMappingURL=Tree.tokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tree.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BtB,CAAC"}
@@ -1,154 +0,0 @@
1
- import type { Key, ReactNode, CSSProperties, HTMLAttributes } from 'react';
2
- declare type EventDataNode = {
3
- key: Key;
4
- expanded: boolean;
5
- selected: boolean;
6
- checked: boolean;
7
- loaded: boolean;
8
- loading: boolean;
9
- halfChecked: boolean;
10
- dragOver: boolean;
11
- dragOverGapTop: boolean;
12
- dragOverGapBottom: boolean;
13
- pos: string;
14
- active: boolean;
15
- } & TreeItem;
16
- interface CheckInfo {
17
- event: 'check';
18
- node: EventDataNode;
19
- checked: boolean;
20
- nativeEvent: MouseEvent;
21
- checkedNodes: TreeItem[];
22
- checkedNodesPositions?: {
23
- node: TreeItem;
24
- pos: string;
25
- }[];
26
- halfCheckedKeys?: Key[];
27
- }
28
- declare type TreeItem = {
29
- /**
30
- * Уникальный идентификатор элемента.
31
- */
32
- key: Key;
33
- /**
34
- * Заголовок элемента.
35
- */
36
- title?: ReactNode | ((data: TreeItem) => React.ReactNode);
37
- /**
38
- * Classname для текущего элемента.
39
- */
40
- className?: string;
41
- /**
42
- * Стиль для текущего элемента.
43
- */
44
- style?: CSSProperties;
45
- /**
46
- * Флаг выключения элемента.
47
- * @default false
48
- */
49
- disabled?: boolean;
50
- /**
51
- * Иконка для текущего элемента.
52
- */
53
- icon?: React.ReactNode;
54
- };
55
- export interface TreeProps extends HTMLAttributes<HTMLElement> {
56
- /**
57
- * Список элементов.
58
- */
59
- items: TreeItem[];
60
- /**
61
- * Флаг включения чекбоксов в элементах.
62
- * @default false
63
- */
64
- checkable?: boolean;
65
- /**
66
- * Флаг множественного выбора.
67
- * @default false
68
- */
69
- multiple?: boolean;
70
- /**
71
- * Classname для дерева.
72
- */
73
- className?: string;
74
- /**
75
- * Выделенные элементы по умолчанию.
76
- */
77
- defaultCheckedKeys?: Key[];
78
- /**
79
- * Раскрытые элементы по умолчанию.
80
- */
81
- defaultExpandedKeys?: Key[];
82
- /**
83
- * Выбранные элементы по умолчанию.
84
- */
85
- defaultSelectedKeys?: Key[];
86
- /**
87
- * Флаг раскрытия всех элементов по умолчанию.
88
- * @default false
89
- */
90
- defaultExpandAll?: boolean;
91
- /**
92
- * Callback при выборе элемента.
93
- */
94
- onTreeSelect?: (selectedKeys: Key[], info: {
95
- event: 'select';
96
- selected: boolean;
97
- node: EventDataNode;
98
- selectedNodes: TreeItem[];
99
- nativeEvent: MouseEvent;
100
- }) => void;
101
- /**
102
- * Callback при выделении элемента.
103
- */
104
- onTreeCheck?: (checked: {
105
- checked: Key[];
106
- halfChecked: Key[];
107
- } | Key[], info: CheckInfo) => void;
108
- /**
109
- * Callback при раскрытии элемента.
110
- */
111
- onTreeExpand?: (expandedKeys: Key[], info: {
112
- node: EventDataNode;
113
- expanded: boolean;
114
- nativeEvent: MouseEvent;
115
- }) => void;
116
- /**
117
- * Сторона иконки раскрытия элемента.
118
- * @default left
119
- */
120
- arrowPlacement?: 'left' | 'right';
121
- /**
122
- * Флаг включения виртуализации в дерево со скроллом.
123
- * @default false
124
- */
125
- virtual?: boolean;
126
- /**
127
- * Высота дерева.
128
- */
129
- height?: number;
130
- /**
131
- * Флаг включения стиля на всю ширину для выбранного элемента.
132
- * @default false
133
- */
134
- fullWidthItemSelection?: boolean;
135
- /**
136
- * Флаг включения/отключения иконки у элемента.
137
- * @default false
138
- */
139
- hasIcon?: boolean;
140
- /**
141
- * Общая иконка для всего дерева.
142
- */
143
- icon?: React.ReactNode;
144
- /**
145
- * Размер дерева.
146
- */
147
- size?: string;
148
- /**
149
- * Вид дерева.
150
- */
151
- view?: string;
152
- }
153
- export {};
154
- //# sourceMappingURL=Tree.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tree.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.types.ts"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- export { treeConfig } from './Tree';
2
- export { treeTokens } from './Tree.tokens';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
@@ -1,2 +0,0 @@
1
- export { sizeToIconSize } from './sizeToIconSize';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tree/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const sizeToIconSize: (size?: string | undefined) => "s" | "xs";
2
- //# sourceMappingURL=sizeToIconSize.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sizeToIconSize.d.ts","sourceRoot":"","sources":["../../../../src/components/Tree/utils/sizeToIconSize.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,2CAI1B,CAAC"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IconProps } from '../IconRoot';
3
- export declare const Folder: React.FC<IconProps>;
4
- //# sourceMappingURL=Folder.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Folder.d.ts","sourceRoot":"","sources":["../../../../src/components/_Icon/Icon.assets/Folder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAStC,CAAC"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IconProps } from '../IconRoot';
3
- export declare const IconFolder: React.FC<IconProps>;
4
- //# sourceMappingURL=IconFolder.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconFolder.d.ts","sourceRoot":"","sources":["../../../../src/components/_Icon/Icons/IconFolder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAY,SAAS,EAAE,MAAM,aAAa,CAAC;AAElD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAE1C,CAAC"}
@@ -1,18 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- };
6
- variations: {
7
- view: {
8
- default: import("@linaria/core").LinariaClassName;
9
- };
10
- size: {
11
- l: import("@linaria/core").LinariaClassName;
12
- m: import("@linaria/core").LinariaClassName;
13
- s: import("@linaria/core").LinariaClassName;
14
- xs: import("@linaria/core").LinariaClassName;
15
- };
16
- };
17
- };
18
- //# sourceMappingURL=Tree.config.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tree.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tree/Tree.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CA4GlB,CAAC"}
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Tree: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
- view: {
4
- default: import("@linaria/core").LinariaClassName;
5
- };
6
- size: {
7
- l: import("@linaria/core").LinariaClassName;
8
- m: import("@linaria/core").LinariaClassName;
9
- s: import("@linaria/core").LinariaClassName;
10
- xs: import("@linaria/core").LinariaClassName;
11
- };
12
- }> & import("../../../../components/Tree/Tree.types").TreeProps & import("react").RefAttributes<HTMLDivElement>>;
13
- //# sourceMappingURL=Tree.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tree/Tree.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,IAAI;;;;;;;;;;gHAA0B,CAAC"}
@@ -1,18 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- };
6
- variations: {
7
- view: {
8
- default: import("@linaria/core").LinariaClassName;
9
- };
10
- size: {
11
- l: import("@linaria/core").LinariaClassName;
12
- m: import("@linaria/core").LinariaClassName;
13
- s: import("@linaria/core").LinariaClassName;
14
- xs: import("@linaria/core").LinariaClassName;
15
- };
16
- };
17
- };
18
- //# sourceMappingURL=Tree.config.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tree.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Tree/Tree.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CA4GlB,CAAC"}
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Tree: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
- view: {
4
- default: import("@linaria/core").LinariaClassName;
5
- };
6
- size: {
7
- l: import("@linaria/core").LinariaClassName;
8
- m: import("@linaria/core").LinariaClassName;
9
- s: import("@linaria/core").LinariaClassName;
10
- xs: import("@linaria/core").LinariaClassName;
11
- };
12
- }> & import("../../../../components/Tree/Tree.types").TreeProps & import("react").RefAttributes<HTMLDivElement>>;
13
- //# sourceMappingURL=Tree.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Tree/Tree.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,IAAI;;;;;;;;;;gHAA0B,CAAC"}