@salutejs/plasma-new-hope 0.339.0-canary.2286.18557548158.0 → 0.339.0-canary.2287.18675801044.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 (399) hide show
  1. package/cjs/components/Pagination/Pagination.css +0 -19
  2. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -19
  3. package/cjs/components/Select/Select.css +0 -19
  4. package/cjs/components/Select/Select.js +9 -42
  5. package/cjs/components/Select/Select.js.map +1 -1
  6. package/cjs/components/Select/Select.tokens.js +0 -2
  7. package/cjs/components/Select/Select.tokens.js.map +1 -1
  8. package/cjs/components/Select/hooks/useKeyboardNavigation.js +1 -185
  9. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  10. package/cjs/components/Select/hooks/usePathMaps.js +3 -7
  11. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  12. package/cjs/components/Table/Table.css +0 -19
  13. package/cjs/components/Table/ui/Cell/Cell.css +0 -19
  14. package/cjs/components/Table/ui/EditableCell/EditableCell.css +0 -19
  15. package/cjs/components/Table/ui/HeadCell/HeadCell.css +0 -19
  16. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -19
  17. package/cjs/components/TimePicker/TimePicker.css +15 -11
  18. package/cjs/components/TimePicker/TimePicker.js +22 -458
  19. package/cjs/components/TimePicker/TimePicker.js.map +1 -1
  20. package/cjs/components/TimePicker/TimePicker.styles.js +17 -21
  21. package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
  22. package/cjs/components/TimePicker/{TimePicker.styles_ar3obv.css → TimePicker.styles_2lk4d9.css} +4 -3
  23. package/cjs/components/TimePicker/utils/index.js +1 -33
  24. package/cjs/components/TimePicker/utils/index.js.map +1 -1
  25. package/cjs/components/TimePickerGrid/TimePickerGrid.css +10 -0
  26. package/cjs/components/TimePickerGrid/TimePickerGrid.js +714 -0
  27. package/cjs/components/TimePickerGrid/TimePickerGrid.js.map +1 -0
  28. package/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +27 -0
  29. package/cjs/components/TimePickerGrid/TimePickerGrid.styles.js.map +1 -0
  30. package/cjs/components/TimePickerGrid/TimePickerGrid.styles_mz2mkl.css +2 -0
  31. package/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +40 -0
  32. package/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js.map +1 -0
  33. package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +7 -0
  34. package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
  35. package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +1 -0
  36. package/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +12 -12
  37. package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
  38. package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +7 -0
  39. package/cjs/components/TimePickerGrid/utils/index.js +135 -0
  40. package/cjs/components/TimePickerGrid/utils/index.js.map +1 -0
  41. package/cjs/components/TimePickerGrid/variations/_disabled/base.js +9 -0
  42. package/cjs/components/TimePickerGrid/variations/_disabled/base.js.map +1 -0
  43. package/cjs/components/TimePickerGrid/variations/_disabled/base_x642ct.css +1 -0
  44. package/cjs/components/TimePickerGrid/variations/_size/base.js +9 -0
  45. package/cjs/components/TimePickerGrid/variations/_size/base.js.map +1 -0
  46. package/cjs/components/TimePickerGrid/variations/_size/base_x642ct.css +1 -0
  47. package/cjs/components/TimePickerGrid/variations/_view/base.js +9 -0
  48. package/cjs/components/TimePickerGrid/variations/_view/base.js.map +1 -0
  49. package/cjs/components/TimePickerGrid/variations/_view/base_x642ct.css +1 -0
  50. package/cjs/components/Tree/utils/traverseTree.js +23 -2
  51. package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
  52. package/cjs/index.css +15 -30
  53. package/cjs/index.js +0 -2
  54. package/cjs/index.js.map +1 -1
  55. package/cjs/utils/index.js.map +1 -1
  56. package/emotion/cjs/components/Select/Select.js +6 -31
  57. package/emotion/cjs/components/Select/Select.tokens.js +0 -2
  58. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +0 -166
  59. package/emotion/cjs/components/Select/hooks/usePathMaps.js +3 -35
  60. package/emotion/cjs/components/Select/reducers/index.js +0 -1
  61. package/emotion/cjs/components/Select/ui/index.js +0 -1
  62. package/emotion/cjs/components/TimePicker/TimePicker.js +22 -488
  63. package/emotion/cjs/components/TimePicker/TimePicker.styles.js +17 -7
  64. package/emotion/cjs/components/TimePicker/utils/index.js +1 -25
  65. package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.js +903 -0
  66. package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +34 -0
  67. package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +50 -0
  68. package/emotion/cjs/components/TimePickerGrid/hooks/useKeyboardNavigation.js +30 -0
  69. package/emotion/cjs/components/TimePickerGrid/index.js +26 -0
  70. package/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
  71. package/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +71 -0
  72. package/emotion/cjs/components/TimePickerGrid/utils/index.js +166 -0
  73. package/emotion/cjs/components/TimePickerGrid/variations/_disabled/base.js +12 -0
  74. package/emotion/cjs/components/TimePickerGrid/variations/_size/base.js +12 -0
  75. package/emotion/cjs/components/TimePickerGrid/variations/_view/base.js +12 -0
  76. package/emotion/cjs/components/Tree/utils/traverseTree.js +60 -2
  77. package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
  78. package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
  79. package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +7 -7
  80. package/emotion/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +32 -0
  81. package/emotion/cjs/examples/components/TimePickerGrid/TimePickerGrid.js +15 -0
  82. package/emotion/cjs/utils/index.js +0 -4
  83. package/emotion/es/components/Select/Select.js +8 -33
  84. package/emotion/es/components/Select/Select.tokens.js +0 -2
  85. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +0 -166
  86. package/emotion/es/components/Select/hooks/usePathMaps.js +4 -36
  87. package/emotion/es/components/Select/reducers/index.js +0 -1
  88. package/emotion/es/components/Select/ui/index.js +0 -1
  89. package/emotion/es/components/TimePicker/TimePicker.js +25 -491
  90. package/emotion/es/components/TimePicker/TimePicker.styles.js +14 -7
  91. package/emotion/es/components/TimePicker/utils/index.js +1 -22
  92. package/emotion/es/components/TimePickerGrid/TimePickerGrid.js +844 -0
  93. package/emotion/es/components/TimePickerGrid/TimePickerGrid.styles.js +11 -0
  94. package/emotion/es/components/TimePickerGrid/TimePickerGrid.tokens.js +32 -0
  95. package/emotion/es/components/TimePickerGrid/hooks/useKeyboardNavigation.js +20 -0
  96. package/emotion/es/components/TimePickerGrid/index.js +2 -0
  97. package/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +103 -0
  98. package/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +33 -0
  99. package/emotion/es/components/TimePickerGrid/utils/index.js +133 -0
  100. package/emotion/es/components/TimePickerGrid/variations/_disabled/base.js +2 -0
  101. package/emotion/es/components/TimePickerGrid/variations/_size/base.js +2 -0
  102. package/emotion/es/components/TimePickerGrid/variations/_view/base.js +2 -0
  103. package/emotion/es/components/Tree/utils/traverseTree.js +59 -1
  104. package/emotion/es/examples/components/Select/Select.config.js +24 -24
  105. package/emotion/es/examples/components/TimePicker/TimePicker.config.js +7 -7
  106. package/emotion/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +22 -0
  107. package/emotion/es/examples/components/TimePickerGrid/TimePickerGrid.js +5 -0
  108. package/emotion/es/utils/index.js +0 -1
  109. package/es/components/Pagination/Pagination.css +0 -19
  110. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -19
  111. package/es/components/Select/Select.css +0 -19
  112. package/es/components/Select/Select.js +9 -42
  113. package/es/components/Select/Select.js.map +1 -1
  114. package/es/components/Select/Select.tokens.js +0 -2
  115. package/es/components/Select/Select.tokens.js.map +1 -1
  116. package/es/components/Select/hooks/useKeyboardNavigation.js +1 -185
  117. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  118. package/es/components/Select/hooks/usePathMaps.js +3 -7
  119. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  120. package/es/components/Table/Table.css +0 -19
  121. package/es/components/Table/ui/Cell/Cell.css +0 -19
  122. package/es/components/Table/ui/EditableCell/EditableCell.css +0 -19
  123. package/es/components/Table/ui/HeadCell/HeadCell.css +0 -19
  124. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -19
  125. package/es/components/TimePicker/TimePicker.css +15 -11
  126. package/es/components/TimePicker/TimePicker.js +26 -462
  127. package/es/components/TimePicker/TimePicker.js.map +1 -1
  128. package/es/components/TimePicker/TimePicker.styles.js +17 -21
  129. package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
  130. package/es/components/TimePicker/{TimePicker.styles_ar3obv.css → TimePicker.styles_2lk4d9.css} +4 -3
  131. package/es/components/TimePicker/utils/index.js +2 -32
  132. package/es/components/TimePicker/utils/index.js.map +1 -1
  133. package/es/components/TimePickerGrid/TimePickerGrid.css +10 -0
  134. package/es/components/TimePickerGrid/TimePickerGrid.js +705 -0
  135. package/es/components/TimePickerGrid/TimePickerGrid.js.map +1 -0
  136. package/es/components/TimePickerGrid/TimePickerGrid.styles.js +22 -0
  137. package/es/components/TimePickerGrid/TimePickerGrid.styles.js.map +1 -0
  138. package/es/components/TimePickerGrid/TimePickerGrid.styles_mz2mkl.css +2 -0
  139. package/es/components/TimePickerGrid/TimePickerGrid.tokens.js +35 -0
  140. package/es/components/TimePickerGrid/TimePickerGrid.tokens.js.map +1 -0
  141. package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +7 -0
  142. package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +109 -0
  143. package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +1 -0
  144. package/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +11 -11
  145. package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
  146. package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +7 -0
  147. package/es/components/TimePickerGrid/utils/index.js +126 -0
  148. package/es/components/TimePickerGrid/utils/index.js.map +1 -0
  149. package/es/components/TimePickerGrid/variations/_disabled/base.js +5 -0
  150. package/es/components/TimePickerGrid/variations/_disabled/base.js.map +1 -0
  151. package/es/components/TimePickerGrid/variations/_disabled/base_x642ct.css +1 -0
  152. package/es/components/TimePickerGrid/variations/_size/base.js +5 -0
  153. package/es/components/TimePickerGrid/variations/_size/base.js.map +1 -0
  154. package/es/components/TimePickerGrid/variations/_size/base_x642ct.css +1 -0
  155. package/es/components/TimePickerGrid/variations/_view/base.js +5 -0
  156. package/es/components/TimePickerGrid/variations/_view/base.js.map +1 -0
  157. package/es/components/TimePickerGrid/variations/_view/base_x642ct.css +1 -0
  158. package/es/components/Tree/utils/traverseTree.js +23 -2
  159. package/es/components/Tree/utils/traverseTree.js.map +1 -1
  160. package/es/index.css +15 -30
  161. package/es/index.js +0 -1
  162. package/es/index.js.map +1 -1
  163. package/es/utils/index.js.map +1 -1
  164. package/package.json +2 -2
  165. package/styled-components/cjs/components/Select/Select.js +6 -31
  166. package/styled-components/cjs/components/Select/Select.tokens.js +0 -2
  167. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +0 -166
  168. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +3 -35
  169. package/styled-components/cjs/components/Select/reducers/index.js +0 -1
  170. package/styled-components/cjs/components/Select/ui/index.js +0 -1
  171. package/styled-components/cjs/components/TimePicker/TimePicker.js +22 -488
  172. package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +57 -3
  173. package/styled-components/cjs/components/TimePicker/utils/index.js +1 -25
  174. package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.js +903 -0
  175. package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +79 -0
  176. package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +50 -0
  177. package/styled-components/cjs/components/TimePickerGrid/hooks/useKeyboardNavigation.js +30 -0
  178. package/styled-components/cjs/components/TimePickerGrid/index.js +26 -0
  179. package/styled-components/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
  180. package/styled-components/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +16 -14
  181. package/styled-components/cjs/components/TimePickerGrid/utils/index.js +166 -0
  182. package/styled-components/cjs/components/TimePickerGrid/variations/_disabled/base.js +14 -0
  183. package/styled-components/cjs/components/TimePickerGrid/variations/_size/base.js +14 -0
  184. package/styled-components/cjs/components/TimePickerGrid/variations/_view/base.js +14 -0
  185. package/styled-components/cjs/components/Tree/utils/traverseTree.js +60 -2
  186. package/styled-components/cjs/examples/components/Select/Select.config.js +4 -12
  187. package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +3 -2
  188. package/styled-components/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +102 -0
  189. package/styled-components/cjs/examples/components/TimePickerGrid/TimePickerGrid.js +15 -0
  190. package/styled-components/cjs/utils/index.js +0 -4
  191. package/styled-components/es/components/Select/Select.js +8 -33
  192. package/styled-components/es/components/Select/Select.tokens.js +0 -2
  193. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +0 -166
  194. package/styled-components/es/components/Select/hooks/usePathMaps.js +4 -36
  195. package/styled-components/es/components/Select/reducers/index.js +0 -1
  196. package/styled-components/es/components/Select/ui/index.js +0 -1
  197. package/styled-components/es/components/TimePicker/TimePicker.js +25 -491
  198. package/styled-components/es/components/TimePicker/TimePicker.styles.js +54 -3
  199. package/styled-components/es/components/TimePicker/utils/index.js +1 -22
  200. package/styled-components/es/components/TimePickerGrid/TimePickerGrid.js +844 -0
  201. package/styled-components/es/components/TimePickerGrid/TimePickerGrid.styles.js +21 -0
  202. package/styled-components/es/components/TimePickerGrid/TimePickerGrid.tokens.js +32 -0
  203. package/styled-components/es/components/TimePickerGrid/hooks/useKeyboardNavigation.js +20 -0
  204. package/styled-components/es/components/TimePickerGrid/index.js +2 -0
  205. package/styled-components/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +103 -0
  206. package/styled-components/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +11 -9
  207. package/styled-components/es/components/TimePickerGrid/utils/index.js +133 -0
  208. package/styled-components/es/components/TimePickerGrid/variations/_disabled/base.js +4 -0
  209. package/styled-components/es/components/TimePickerGrid/variations/_size/base.js +4 -0
  210. package/styled-components/es/components/TimePickerGrid/variations/_view/base.js +4 -0
  211. package/styled-components/es/components/Tree/utils/traverseTree.js +59 -1
  212. package/styled-components/es/examples/components/Select/Select.config.js +4 -12
  213. package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +3 -2
  214. package/styled-components/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +92 -0
  215. package/styled-components/es/examples/components/TimePickerGrid/TimePickerGrid.js +5 -0
  216. package/styled-components/es/utils/index.js +0 -1
  217. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +0 -12
  218. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  219. package/types/components/Select/Select.d.ts.map +1 -1
  220. package/types/components/Select/Select.tokens.d.ts +0 -2
  221. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  222. package/types/components/Select/Select.types.d.ts +2 -26
  223. package/types/components/Select/Select.types.d.ts.map +1 -1
  224. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +2 -6
  225. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  226. package/types/components/Select/hooks/usePathMaps.d.ts +1 -2
  227. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  228. package/types/components/Select/reducers/index.d.ts +0 -1
  229. package/types/components/Select/reducers/index.d.ts.map +1 -1
  230. package/types/components/Select/ui/index.d.ts +0 -1
  231. package/types/components/Select/ui/index.d.ts.map +1 -1
  232. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +0 -12
  233. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
  234. package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
  235. package/types/components/TimePicker/TimePicker.styles.d.ts +19 -0
  236. package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
  237. package/types/components/TimePicker/utils/index.d.ts +1 -2
  238. package/types/components/TimePicker/utils/index.d.ts.map +1 -1
  239. package/types/components/TimePickerGrid/TimePickerGrid.d.ts +63 -0
  240. package/types/components/TimePickerGrid/TimePickerGrid.d.ts.map +1 -0
  241. package/types/components/TimePickerGrid/TimePickerGrid.styles.d.ts +5 -0
  242. package/types/components/TimePickerGrid/TimePickerGrid.styles.d.ts.map +1 -0
  243. package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts +33 -0
  244. package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts.map +1 -0
  245. package/types/components/TimePickerGrid/TimePickerGrid.types.d.ts +69 -0
  246. package/types/components/TimePickerGrid/TimePickerGrid.types.d.ts.map +1 -0
  247. package/types/components/TimePickerGrid/hooks/useKeyboardNavigation.d.ts +14 -0
  248. package/types/components/TimePickerGrid/hooks/useKeyboardNavigation.d.ts.map +1 -0
  249. package/types/components/TimePickerGrid/index.d.ts +4 -0
  250. package/types/components/TimePickerGrid/index.d.ts.map +1 -0
  251. package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.d.ts +3 -0
  252. package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.d.ts.map +1 -0
  253. package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.d.ts.map +1 -0
  254. package/types/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.d.ts +9 -8
  255. package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.types.d.ts.map +1 -0
  256. package/types/components/TimePickerGrid/utils/index.d.ts +24 -0
  257. package/types/components/TimePickerGrid/utils/index.d.ts.map +1 -0
  258. package/types/components/TimePickerGrid/variations/_disabled/base.d.ts +2 -0
  259. package/types/components/TimePickerGrid/variations/_disabled/base.d.ts.map +1 -0
  260. package/types/components/TimePickerGrid/variations/_size/base.d.ts +2 -0
  261. package/types/components/TimePickerGrid/variations/_size/base.d.ts.map +1 -0
  262. package/types/components/TimePickerGrid/variations/_view/base.d.ts +2 -0
  263. package/types/components/TimePickerGrid/variations/_view/base.d.ts.map +1 -0
  264. package/types/components/Tree/utils/traverseTree.d.ts.map +1 -1
  265. package/types/examples/components/Select/Select.config.d.ts.map +1 -1
  266. package/types/examples/components/Select/Select.d.ts +0 -12
  267. package/types/examples/components/Select/Select.d.ts.map +1 -1
  268. package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -1
  269. package/types/examples/components/TimePickerGrid/TimePickerGrid.config.d.ts +21 -0
  270. package/types/examples/components/TimePickerGrid/TimePickerGrid.config.d.ts.map +1 -0
  271. package/types/examples/components/TimePickerGrid/TimePickerGrid.d.ts +33 -0
  272. package/types/examples/components/TimePickerGrid/TimePickerGrid.d.ts.map +1 -0
  273. package/types/utils/index.d.ts +0 -1
  274. package/types/utils/index.d.ts.map +1 -1
  275. package/cjs/components/Select/reducers/treePathReducer.js +0 -87
  276. package/cjs/components/Select/reducers/treePathReducer.js.map +0 -1
  277. package/cjs/components/Select/ui/TreeList/TreeList.css +0 -57
  278. package/cjs/components/Select/ui/TreeList/TreeList.js +0 -90
  279. package/cjs/components/Select/ui/TreeList/TreeList.js.map +0 -1
  280. package/cjs/components/Select/ui/TreeList/TreeList.styles.js +0 -30
  281. package/cjs/components/Select/ui/TreeList/TreeList.styles.js.map +0 -1
  282. package/cjs/components/Select/ui/TreeList/TreeList.styles_1t38mek.css +0 -2
  283. package/cjs/components/Select/ui/TreeList/ui/Item/Item.css +0 -54
  284. package/cjs/components/Select/ui/TreeList/ui/Item/Item.js +0 -71
  285. package/cjs/components/Select/ui/TreeList/ui/Item/Item.js.map +0 -1
  286. package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +0 -214
  287. package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js.map +0 -1
  288. package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles_i0dby2.css +0 -15
  289. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -89
  290. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js.map +0 -1
  291. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -89
  292. package/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js.map +0 -1
  293. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
  294. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
  295. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
  296. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
  297. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
  298. package/cjs/utils/deepCopy.js +0 -30
  299. package/cjs/utils/deepCopy.js.map +0 -1
  300. package/emotion/cjs/components/Select/reducers/treePathReducer.js +0 -98
  301. package/emotion/cjs/components/Select/ui/TreeList/TreeList.js +0 -124
  302. package/emotion/cjs/components/Select/ui/TreeList/TreeList.styles.js +0 -36
  303. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.js +0 -101
  304. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +0 -186
  305. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -112
  306. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -112
  307. package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
  308. package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -71
  309. package/emotion/cjs/utils/deepCopy.js +0 -82
  310. package/emotion/es/components/Select/reducers/treePathReducer.js +0 -81
  311. package/emotion/es/components/Select/ui/TreeList/TreeList.js +0 -73
  312. package/emotion/es/components/Select/ui/TreeList/TreeList.styles.js +0 -13
  313. package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.js +0 -50
  314. package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +0 -122
  315. package/emotion/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -61
  316. package/emotion/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -61
  317. package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
  318. package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -33
  319. package/emotion/es/utils/deepCopy.js +0 -72
  320. package/es/components/Select/reducers/treePathReducer.js +0 -82
  321. package/es/components/Select/reducers/treePathReducer.js.map +0 -1
  322. package/es/components/Select/ui/TreeList/TreeList.css +0 -57
  323. package/es/components/Select/ui/TreeList/TreeList.js +0 -82
  324. package/es/components/Select/ui/TreeList/TreeList.js.map +0 -1
  325. package/es/components/Select/ui/TreeList/TreeList.styles.js +0 -25
  326. package/es/components/Select/ui/TreeList/TreeList.styles.js.map +0 -1
  327. package/es/components/Select/ui/TreeList/TreeList.styles_1t38mek.css +0 -2
  328. package/es/components/Select/ui/TreeList/ui/Item/Item.css +0 -54
  329. package/es/components/Select/ui/TreeList/ui/Item/Item.js +0 -63
  330. package/es/components/Select/ui/TreeList/ui/Item/Item.js.map +0 -1
  331. package/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +0 -196
  332. package/es/components/Select/ui/TreeList/ui/Item/Item.styles.js.map +0 -1
  333. package/es/components/Select/ui/TreeList/ui/Item/Item.styles_i0dby2.css +0 -15
  334. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -81
  335. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js.map +0 -1
  336. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -81
  337. package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js.map +0 -1
  338. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
  339. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -56
  340. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
  341. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
  342. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
  343. package/es/utils/deepCopy.js +0 -26
  344. package/es/utils/deepCopy.js.map +0 -1
  345. package/styled-components/cjs/components/Select/reducers/treePathReducer.js +0 -98
  346. package/styled-components/cjs/components/Select/ui/TreeList/TreeList.js +0 -124
  347. package/styled-components/cjs/components/Select/ui/TreeList/TreeList.styles.js +0 -50
  348. package/styled-components/cjs/components/Select/ui/TreeList/TreeList.types.js +0 -4
  349. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.js +0 -101
  350. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +0 -300
  351. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.types.js +0 -4
  352. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -112
  353. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -112
  354. package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
  355. package/styled-components/cjs/utils/deepCopy.js +0 -82
  356. package/styled-components/es/components/Select/reducers/treePathReducer.js +0 -81
  357. package/styled-components/es/components/Select/ui/TreeList/TreeList.js +0 -73
  358. package/styled-components/es/components/Select/ui/TreeList/TreeList.styles.js +0 -27
  359. package/styled-components/es/components/Select/ui/TreeList/TreeList.types.js +0 -1
  360. package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.js +0 -50
  361. package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +0 -236
  362. package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.types.js +0 -1
  363. package/styled-components/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js +0 -61
  364. package/styled-components/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js +0 -61
  365. package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
  366. package/styled-components/es/utils/deepCopy.js +0 -72
  367. package/types/components/Select/reducers/treePathReducer.d.ts +0 -14
  368. package/types/components/Select/reducers/treePathReducer.d.ts.map +0 -1
  369. package/types/components/Select/ui/TreeList/TreeList.d.ts +0 -4
  370. package/types/components/Select/ui/TreeList/TreeList.d.ts.map +0 -1
  371. package/types/components/Select/ui/TreeList/TreeList.styles.d.ts +0 -6
  372. package/types/components/Select/ui/TreeList/TreeList.styles.d.ts.map +0 -1
  373. package/types/components/Select/ui/TreeList/TreeList.types.d.ts +0 -9
  374. package/types/components/Select/ui/TreeList/TreeList.types.d.ts.map +0 -1
  375. package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts +0 -4
  376. package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts.map +0 -1
  377. package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts +0 -64
  378. package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts.map +0 -1
  379. package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts +0 -14
  380. package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts.map +0 -1
  381. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.d.ts +0 -4
  382. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.d.ts.map +0 -1
  383. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.d.ts +0 -4
  384. package/types/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.d.ts.map +0 -1
  385. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts +0 -3
  386. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts.map +0 -1
  387. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts.map +0 -1
  388. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts.map +0 -1
  389. package/types/utils/deepCopy.d.ts +0 -2
  390. package/types/utils/deepCopy.d.ts.map +0 -1
  391. /package/emotion/cjs/components/{Select/ui/TreeList/TreeList.types.js → TimePickerGrid/TimePickerGrid.types.js} +0 -0
  392. /package/emotion/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
  393. /package/emotion/es/components/{Select/ui/TreeList/TreeList.types.js → TimePickerGrid/TimePickerGrid.types.js} +0 -0
  394. /package/emotion/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
  395. /package/{emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.types.js → styled-components/cjs/components/TimePickerGrid/TimePickerGrid.types.js} +0 -0
  396. /package/styled-components/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
  397. /package/{emotion/es/components/Select/ui/TreeList/ui/Item/Item.types.js → styled-components/es/components/TimePickerGrid/TimePickerGrid.types.js} +0 -0
  398. /package/styled-components/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
  399. /package/types/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.d.ts +0 -0
@@ -1,81 +0,0 @@
1
- function _type_of(obj) {
2
- "@swc/helpers - typeof";
3
- return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
4
- }
5
- import { deepCopy } from "../../../utils";
6
- // Утилита для поиска ключа в объекте по пути.
7
- export var keyExists = function(obj, path) {
8
- if ((typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object' || obj === null || !Array.isArray(path)) {
9
- return false;
10
- }
11
- var current = obj;
12
- for(var i = 0; i < path.length; i++){
13
- var key = path[i];
14
- if (current === null || (typeof current === "undefined" ? "undefined" : _type_of(current)) !== 'object' || !(key in current)) {
15
- return false;
16
- }
17
- current = current[key];
18
- }
19
- return true;
20
- };
21
- function createObjectAtPath(obj, path) {
22
- if ((typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object' || obj === null) {
23
- return;
24
- }
25
- var current = obj;
26
- for(var i = 0; i < path.length; i++){
27
- var key = path[i];
28
- if (i === path.length - 1) {
29
- current[key] = {};
30
- break;
31
- }
32
- if (current[key] === undefined || current[key] === null) {
33
- current[key] = {};
34
- }
35
- current = current[key];
36
- }
37
- return obj;
38
- }
39
- function removeObjectAtPath(obj, path) {
40
- if (path.length === 0) {
41
- return obj;
42
- }
43
- var current = obj;
44
- for(var i = 0; i < path.length; i++){
45
- var key = path[i];
46
- if (current === null || (typeof current === "undefined" ? "undefined" : _type_of(current)) !== 'object' || !(key in current)) {
47
- return obj;
48
- }
49
- if (i === path.length - 1) {
50
- delete current[key];
51
- break;
52
- }
53
- current = current[key];
54
- }
55
- return obj;
56
- }
57
- export function treePathReducer(state, action) {
58
- switch(action.type){
59
- case 'reset':
60
- {
61
- return {};
62
- }
63
- case 'toggled_level':
64
- {
65
- var stateCopy = deepCopy(state);
66
- var isTargetLevelOpened = keyExists(stateCopy, action.value);
67
- if (isTargetLevelOpened) {
68
- // нужно закрыть текущий уровень
69
- removeObjectAtPath(stateCopy, action.value);
70
- } else {
71
- // нужно открыть требуемый уровень
72
- createObjectAtPath(stateCopy, action.value);
73
- }
74
- return stateCopy;
75
- }
76
- default:
77
- {
78
- return state;
79
- }
80
- }
81
- }
@@ -1,73 +0,0 @@
1
- import React, { useRef } from "react";
2
- import { useVirtualizer } from "@tanstack/react-virtual";
3
- import { getHeightAsNumber } from "../../../../utils";
4
- import { Item } from "./ui/Item/Item";
5
- import { ListWrapper, ScrollContainer } from "./TreeList.styles";
6
- export var TreeList = function(param) {
7
- var items = param.items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll, virtual = param.virtual;
8
- if (virtual) {
9
- return /*#__PURE__*/ React.createElement(VirtualTreeList, {
10
- items: items,
11
- listMaxHeight: listMaxHeight,
12
- onScroll: onScroll
13
- });
14
- }
15
- return /*#__PURE__*/ React.createElement(ListWrapper, null, /*#__PURE__*/ React.createElement(ScrollContainer, {
16
- listMaxHeight: listMaxHeight,
17
- onScroll: onScroll
18
- }, items === null || items === void 0 ? void 0 : items.map(function(item, index) {
19
- return /*#__PURE__*/ React.createElement(Item, {
20
- key: index,
21
- index: index,
22
- item: item
23
- });
24
- })));
25
- };
26
- var VirtualTreeList = function(param) {
27
- var _param_items = param.items, items = _param_items === void 0 ? [] : _param_items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll;
28
- var _virtualItems_;
29
- var parentRef = useRef(null);
30
- var virtualizer = useVirtualizer({
31
- count: items.length,
32
- getScrollElement: function() {
33
- return parentRef.current;
34
- },
35
- estimateSize: function() {
36
- return 48;
37
- }
38
- });
39
- var virtualItems = virtualizer.getVirtualItems();
40
- var _virtualItems__start;
41
- return /*#__PURE__*/ React.createElement(ListWrapper, null, /*#__PURE__*/ React.createElement("div", {
42
- ref: parentRef,
43
- style: {
44
- height: 'auto',
45
- maxHeight: getHeightAsNumber(listMaxHeight),
46
- overflowY: 'auto'
47
- },
48
- onScroll: onScroll
49
- }, /*#__PURE__*/ React.createElement("div", {
50
- style: {
51
- height: virtualizer.getTotalSize(),
52
- width: '100%',
53
- position: 'relative'
54
- }
55
- }, /*#__PURE__*/ React.createElement("div", {
56
- style: {
57
- position: 'absolute',
58
- top: 0,
59
- left: 0,
60
- width: '100%',
61
- transform: "translateY(".concat((_virtualItems__start = (_virtualItems_ = virtualItems[0]) === null || _virtualItems_ === void 0 ? void 0 : _virtualItems_.start) !== null && _virtualItems__start !== void 0 ? _virtualItems__start : 0, "px)")
62
- }
63
- }, virtualItems.map(function(virtualRow) {
64
- return /*#__PURE__*/ React.createElement("div", {
65
- key: virtualRow.key,
66
- "data-index": virtualRow.index,
67
- ref: virtualizer.measureElement
68
- }, /*#__PURE__*/ React.createElement(Item, {
69
- item: items[virtualRow.index],
70
- index: virtualRow.index
71
- }));
72
- })))));
73
- };
@@ -1,27 +0,0 @@
1
- import styled from "styled-components";
2
- import { constants, tokens } from "../../Select.tokens";
3
- export var ListWrapper = styled.div.withConfig({
4
- displayName: "TreeList.styles__ListWrapper",
5
- componentId: "sc-2a5707f5-0"
6
- })([
7
- "width:100%;padding:calc(var(",
8
- ") + var(",
9
- ",0rem));border-radius:var(",
10
- ");box-sizing:border-box;background:var(",
11
- ");box-shadow:",
12
- ",inset 0 0 0 var(",
13
- ",0rem) var(",
14
- ",transparent);"
15
- ], tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
16
- export var ScrollContainer = styled.div.withConfig({
17
- displayName: "TreeList.styles__ScrollContainer",
18
- componentId: "sc-2a5707f5-1"
19
- })([
20
- "max-height:",
21
- ";overflow-x:hidden;overflow-y:auto;border-radius:calc(var(",
22
- ") - 0.125rem - var(",
23
- ",0rem));"
24
- ], function(param) {
25
- var listMaxHeight = param.listMaxHeight;
26
- return listMaxHeight || 'auto';
27
- }, tokens.borderRadius, tokens.dropdownBorderWidth);
@@ -1,50 +0,0 @@
1
- import React, { useContext } from "react";
2
- import { keyExists } from "../../../../reducers/treePathReducer";
3
- import { Context } from "../../../../Select.context";
4
- import { ItemArrowLeft } from "./ui/ItemArrowLeft/ItemArrowLeft";
5
- import { ItemArrowRight } from "./ui/ItemArrowRight/ItemArrowRight";
6
- import { ItemWrapper, ChildItems } from "./Item.styles";
7
- export var Item = function(param) {
8
- var item = param.item, index = param.index;
9
- var _item_items;
10
- var value = item.value, disabled = item.disabled, isDisabled = item.isDisabled;
11
- var isLeaf = !(item === null || item === void 0 ? void 0 : item.items);
12
- var _useContext = useContext(Context), treePath = _useContext.treePath, dispatchTreePath = _useContext.dispatchTreePath, arrowPlacement = _useContext.arrowPlacement, handleItemClick = _useContext.handleItemClick, handleCheckboxChange = _useContext.handleCheckboxChange, valueToPathMap = _useContext.valueToPathMap;
13
- var isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);
14
- var itemDisabled = Boolean(disabled || isDisabled);
15
- var handleClick = function(e) {
16
- if (!isLeaf) {
17
- dispatchTreePath({
18
- type: 'toggled_level',
19
- value: valueToPathMap.get(value.toString()) || []
20
- });
21
- }
22
- if (handleItemClick) {
23
- handleItemClick(item, e);
24
- }
25
- };
26
- var handleChange = function(e) {
27
- if (itemDisabled) return;
28
- e.stopPropagation();
29
- handleCheckboxChange(item);
30
- };
31
- return /*#__PURE__*/ React.createElement(ItemWrapper, null, arrowPlacement === 'left' ? /*#__PURE__*/ React.createElement(ItemArrowLeft, {
32
- item: item,
33
- onClick: handleClick,
34
- onChange: handleChange,
35
- isCurrentLevelOpened: isCurrentLevelOpened,
36
- index: index
37
- }) : /*#__PURE__*/ React.createElement(ItemArrowRight, {
38
- item: item,
39
- onClick: handleClick,
40
- onChange: handleChange,
41
- isCurrentLevelOpened: isCurrentLevelOpened,
42
- index: index
43
- }), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/ React.createElement(ChildItems, null, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(item, index) {
44
- return /*#__PURE__*/ React.createElement(Item, {
45
- item: item,
46
- index: index,
47
- key: index
48
- });
49
- })));
50
- };
@@ -1,236 +0,0 @@
1
- import styled from "styled-components";
2
- import { addFocus, applyEllipsis } from "../../../../../../mixins";
3
- import { component, mergeConfig } from "../../../../../../engines";
4
- import { classes, tokens, constants } from "../../../../Select.tokens";
5
- import { checkboxConfig, checkboxTokens } from "../../../../../Checkbox";
6
- import { cellConfig, cellTokens } from "../../../../../Cell";
7
- import { indicatorConfig, indicatorTokens } from "../../../../../Indicator";
8
- import { IconDisclosureRightCentered, IconDone } from "../../../../../_Icon";
9
- export var ItemWrapper = styled.div.withConfig({
10
- displayName: "Item.styles__ItemWrapper",
11
- componentId: "sc-9fbb8f6d-0"
12
- })([
13
- ""
14
- ]);
15
- var mergedCheckboxConfig = mergeConfig(checkboxConfig);
16
- var Checkbox = component(mergedCheckboxConfig);
17
- var mergedCellConfig = mergeConfig(cellConfig);
18
- var Cell = component(mergedCellConfig);
19
- var mergedIndicatorConfig = mergeConfig(indicatorConfig);
20
- var Indicator = component(mergedIndicatorConfig);
21
- export var StyledWrapper = styled.div.withConfig({
22
- displayName: "Item.styles__StyledWrapper",
23
- componentId: "sc-9fbb8f6d-1"
24
- })([
25
- "",
26
- ":",
27
- ";",
28
- ":var(",
29
- ");",
30
- ":var(",
31
- ");",
32
- ":var(",
33
- ");",
34
- ":var(",
35
- ");",
36
- ":var(",
37
- ");",
38
- ":var(",
39
- ");",
40
- ":var(",
41
- ");",
42
- ":var(",
43
- ");",
44
- ":var(",
45
- ");",
46
- ":var(",
47
- ");",
48
- ":var(",
49
- ");",
50
- ":var(",
51
- ");",
52
- ":var(",
53
- ");width:100%;& div.cell-content,& div.cell-textbox{flex:1;}& div.cell-textbox-title{position:relative;}& div.cell-textbox-title:before{content:'&nbsp;';visibility:hidden;}& div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"
54
- ], cellTokens.cellTitleColor, function(param) {
55
- var disabled = param.disabled;
56
- return disabled ? "var(".concat(tokens.itemDisabledColor, ")") : "var(".concat(constants.cellTitleColor, ")");
57
- }, cellTokens.cellBackgroundColor, constants.cellBackgroundColor, cellTokens.cellPadding, tokens.cellPadding, cellTokens.cellPaddingLeftContent, tokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, tokens.cellPaddingContent, cellTokens.cellPaddingRightContent, tokens.cellPaddingRightContent, cellTokens.cellTextboxGap, tokens.cellTextboxGap, cellTokens.cellGap, tokens.cellGap, cellTokens.cellTitleFontFamily, tokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, tokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, tokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, tokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, tokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, tokens.cellTitleLineHeight);
58
- export var StyledCell = styled(Cell).withConfig({
59
- displayName: "Item.styles__StyledCell",
60
- componentId: "sc-9fbb8f6d-2"
61
- })([
62
- ""
63
- ]);
64
- export var StyledCheckbox = styled(Checkbox).withConfig({
65
- displayName: "Item.styles__StyledCheckbox",
66
- componentId: "sc-9fbb8f6d-3"
67
- })([
68
- "",
69
- ":var(",
70
- ");",
71
- ":var(",
72
- ");",
73
- ":var(",
74
- ");",
75
- ":var(",
76
- ");",
77
- ":var(",
78
- ");",
79
- ":var(",
80
- ");",
81
- ":var(",
82
- ");"
83
- ], checkboxTokens.triggerSize, tokens.checkboxTriggerSize, checkboxTokens.triggerBorderRadius, tokens.checkboxTriggerBorderRadius, checkboxTokens.fillColor, tokens.checkboxFillColor, checkboxTokens.iconColor, tokens.checkboxIconColor, checkboxTokens.triggerBorderWidth, tokens.checkboxTriggerBorderWidth, checkboxTokens.triggerBorderColor, tokens.checkboxTriggerBorderColor, checkboxTokens.triggerBorderCheckedColor, tokens.checkboxTriggerBorderCheckedColor);
84
- export var StyledIndicator = styled(Indicator).withConfig({
85
- displayName: "Item.styles__StyledIndicator",
86
- componentId: "sc-9fbb8f6d-4"
87
- })([
88
- "",
89
- ":var(",
90
- ");",
91
- ":var(",
92
- ");"
93
- ], indicatorTokens.size, tokens.indicatorSize, indicatorTokens.color, tokens.itemIconColor);
94
- // TODO: Удалить после поддержки JS переменных в конфиге компонент
95
- export var sizeMap = {
96
- xs: '1rem',
97
- s: '1.5rem'
98
- };
99
- export var StyledArrowLeft = styled(IconDisclosureRightCentered).withConfig({
100
- displayName: "Item.styles__StyledArrowLeft",
101
- componentId: "sc-9fbb8f6d-5"
102
- })([
103
- "width:",
104
- ";height:",
105
- ";&.",
106
- "{transform:rotate(90deg);}"
107
- ], function(param) {
108
- var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
109
- return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
110
- }, function(param) {
111
- var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
112
- return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
113
- }, classes.arrowInverse);
114
- export var StyledArrowRight = styled(IconDisclosureRightCentered).withConfig({
115
- displayName: "Item.styles__StyledArrowRight",
116
- componentId: "sc-9fbb8f6d-6"
117
- })([
118
- "width:",
119
- ";height:",
120
- ";transform:rotate(90deg);&.",
121
- "{transform:rotate(-90deg);}"
122
- ], function(param) {
123
- var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
124
- return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
125
- }, function(param) {
126
- var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
127
- return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
128
- }, classes.arrowInverse);
129
- export var StyledIconDone = styled(IconDone).withConfig({
130
- displayName: "Item.styles__StyledIconDone",
131
- componentId: "sc-9fbb8f6d-7"
132
- })([
133
- "width:",
134
- ";height:",
135
- ";"
136
- ], function(param) {
137
- var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
138
- return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
139
- }, function(param) {
140
- var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
141
- return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
142
- });
143
- export var DisclosureIconWrapper = styled.div.withConfig({
144
- displayName: "Item.styles__DisclosureIconWrapper",
145
- componentId: "sc-9fbb8f6d-8"
146
- })([
147
- "line-height:0;color:var(",
148
- ");visibility:",
149
- ";&:hover{color:var(",
150
- ");}"
151
- ], tokens.disclosureIconColor, function(param) {
152
- var visibility = param.visibility;
153
- return visibility || 'visible';
154
- }, tokens.disclosureIconColorHover);
155
- export var IconWrapper = styled.div.withConfig({
156
- displayName: "Item.styles__IconWrapper",
157
- componentId: "sc-9fbb8f6d-9"
158
- })([
159
- "display:flex;align-items:center;justify-content:center;flex:none;width:",
160
- ";height:",
161
- ";line-height:0;color:var(",
162
- ");"
163
- ], function(param) {
164
- var variant = param.variant;
165
- return "var(".concat(variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize, ")");
166
- }, function(param) {
167
- var variant = param.variant;
168
- return "var(".concat(variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize, ")");
169
- }, tokens.itemIconColor);
170
- export var StyledText = styled.div.withConfig({
171
- displayName: "Item.styles__StyledText",
172
- componentId: "sc-9fbb8f6d-10"
173
- })([
174
- "",
175
- ";flex:1;"
176
- ], applyEllipsis());
177
- export var Wrapper = styled.div.withConfig({
178
- displayName: "Item.styles__Wrapper",
179
- componentId: "sc-9fbb8f6d-11"
180
- })([
181
- "display:flex;align-items:center;gap:var(",
182
- ");min-height:var(",
183
- ");margin:0;box-sizing:content-box;padding:",
184
- ";font-family:var(",
185
- ");font-size:var(",
186
- ");font-style:var(",
187
- ");font-weight:var(",
188
- ");letter-spacing:var(",
189
- ");line-height:var(",
190
- ");background-color:var(",
191
- ");color:var(--text-primary);border-radius:calc(var(",
192
- ") - 0.125rem - var(",
193
- ",0rem));user-select:none;background-clip:padding-box;&:hover:not(.",
194
- "){cursor:pointer;background-color:var(",
195
- ");}&.",
196
- "{background-color:var(",
197
- ");}&.",
198
- "{opacity:var(",
199
- ");color:var(",
200
- ");cursor:not-allowed;}:focus{outline:none;}",
201
- ";"
202
- ], tokens.itemGap, tokens.itemHeight, function(param) {
203
- var variant = param.variant;
204
- return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
205
- }, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, constants.itemBackground, tokens.borderRadius, tokens.dropdownBorderWidth, classes.dropdownItemIsDisabled, tokens.itemBackgroundHover, classes.dropdownItemIsActive, tokens.itemBackgroundHover, classes.dropdownItemIsDisabled, tokens.itemDisabledOpacity, tokens.itemDisabledColor, addFocus({
206
- outlineSize: '0',
207
- outlineOffset: '0',
208
- outlineColor: "var(".concat(constants.focusColor, ")"),
209
- outlineRadius: "calc(var(".concat(tokens.borderRadius, ") - 0.125rem - var(").concat(tokens.dropdownBorderWidth, ", 0rem))"),
210
- hasTransition: false,
211
- customFocusRules: "\n &.".concat(classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: inset 0 0 0 0.0625rem var(").concat(constants.focusColor, ");\n }\n ")
212
- }));
213
- export var StyledCheckboxWrapper = styled.span.withConfig({
214
- displayName: "Item.styles__StyledCheckboxWrapper",
215
- componentId: "sc-9fbb8f6d-12"
216
- })([
217
- ""
218
- ]);
219
- export var ChildItems = styled.div.withConfig({
220
- displayName: "Item.styles__ChildItems",
221
- componentId: "sc-9fbb8f6d-13"
222
- })([
223
- ""
224
- ]);
225
- export var Offset = styled.div.withConfig({
226
- displayName: "Item.styles__Offset",
227
- componentId: "sc-9fbb8f6d-14"
228
- })([
229
- "width:calc(",
230
- " * var(",
231
- "));flex:none;margin-right:calc(var(",
232
- ") * -1);"
233
- ], function(param) {
234
- var depth = param.depth;
235
- return depth || 0;
236
- }, tokens.itemTreeOffsetWidth, tokens.itemGap);
@@ -1,61 +0,0 @@
1
- import React, { useContext } from "react";
2
- import { sizeToIconSize } from "../../../../../../utils";
3
- import { Context } from "../../../../../../Select.context";
4
- import { classes } from "../../../../../../Select.tokens";
5
- import { DisclosureIconWrapper, IconWrapper, StyledArrowLeft, StyledCell, StyledCheckbox, StyledCheckboxWrapper, StyledIconDone, StyledIndicator, StyledText, StyledWrapper, Wrapper, Offset } from "../../Item.styles";
6
- export var ItemArrowLeft = function(param) {
7
- var item = param.item, index = param.index, onClick = param.onClick, onChange = param.onChange, isCurrentLevelOpened = param.isCurrentLevelOpened;
8
- var _valueToPathMap_get;
9
- var label = item.label, disabled = item.disabled, isDisabled = item.isDisabled, contentLeft = item.contentLeft, contentRight = item.contentRight;
10
- var isLeaf = !(item === null || item === void 0 ? void 0 : item.items);
11
- var _useContext = useContext(Context), checked = _useContext.checked, multiselect = _useContext.multiselect, size = _useContext.size, variant = _useContext.variant, renderItem = _useContext.renderItem, // eslint-disable-next-line @typescript-eslint/ban-ts-comment
12
- // @ts-ignore
13
- _checkboxAppearance = _useContext._checkboxAppearance, focusedPath = _useContext.focusedPath, valueToPathMap = _useContext.valueToPathMap;
14
- var itemDisabled = Boolean(disabled || isDisabled);
15
- var currentItemDepth = (((_valueToPathMap_get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap_get === void 0 ? void 0 : _valueToPathMap_get.length) || 0) - 1;
16
- var withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;
17
- var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? classes.dropdownItemIsFocused : undefined;
18
- return /*#__PURE__*/ React.createElement(Wrapper, {
19
- className: focusedClass,
20
- onClick: onClick,
21
- variant: variant,
22
- role: "treeitem"
23
- }, /*#__PURE__*/ React.createElement(Offset, {
24
- depth: currentItemDepth
25
- }), /*#__PURE__*/ React.createElement(DisclosureIconWrapper, {
26
- visibility: isLeaf ? 'hidden' : 'visible'
27
- }, /*#__PURE__*/ React.createElement(StyledArrowLeft, {
28
- size: sizeToIconSize(size, variant),
29
- color: "inherit",
30
- className: withArrowInverse
31
- })), multiselect && /*#__PURE__*/ React.createElement(IconWrapper, {
32
- variant: variant
33
- }, /*#__PURE__*/ React.createElement(StyledCheckboxWrapper, {
34
- onClick: function(e) {
35
- return e.stopPropagation();
36
- }
37
- }, /*#__PURE__*/ React.createElement(StyledCheckbox, {
38
- disabled: itemDisabled,
39
- checked: Boolean(checked.get(item.value)),
40
- indeterminate: checked.get(item.value) === 'indeterminate',
41
- onChange: onChange,
42
- appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
43
- }))), renderItem ? /*#__PURE__*/ React.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/ React.createElement(StyledWrapper, {
44
- disabled: itemDisabled
45
- }, /*#__PURE__*/ React.createElement(StyledCell, {
46
- contentLeft: contentLeft,
47
- contentRight: contentRight,
48
- // TODO: #1548
49
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
50
- // @ts-ignore
51
- title: /*#__PURE__*/ React.createElement("span", null, label)
52
- })), !multiselect && /*#__PURE__*/ React.createElement(IconWrapper, {
53
- variant: variant
54
- }, checked.get(item.value) === 'dot' && /*#__PURE__*/ React.createElement(StyledIndicator, {
55
- size: "s",
56
- view: "default"
57
- }), checked.get(item.value) === 'done' && /*#__PURE__*/ React.createElement(StyledIconDone, {
58
- size: sizeToIconSize(size, variant),
59
- color: "inherit"
60
- })));
61
- };
@@ -1,61 +0,0 @@
1
- import React, { useContext } from "react";
2
- import { sizeToIconSize } from "../../../../../../utils";
3
- import { Context } from "../../../../../../Select.context";
4
- import { classes } from "../../../../../../Select.tokens";
5
- import { DisclosureIconWrapper, IconWrapper, StyledArrowRight, StyledCell, StyledCheckbox, StyledCheckboxWrapper, StyledIconDone, StyledIndicator, StyledText, StyledWrapper, Wrapper, Offset } from "../../Item.styles";
6
- export var ItemArrowRight = function(param) {
7
- var item = param.item, index = param.index, onClick = param.onClick, onChange = param.onChange, isCurrentLevelOpened = param.isCurrentLevelOpened;
8
- var _valueToPathMap_get;
9
- var label = item.label, disabled = item.disabled, isDisabled = item.isDisabled, contentLeft = item.contentLeft, contentRight = item.contentRight;
10
- var isLeaf = !(item === null || item === void 0 ? void 0 : item.items);
11
- var _useContext = useContext(Context), checked = _useContext.checked, multiselect = _useContext.multiselect, size = _useContext.size, variant = _useContext.variant, renderItem = _useContext.renderItem, // eslint-disable-next-line @typescript-eslint/ban-ts-comment
12
- // @ts-ignore
13
- _checkboxAppearance = _useContext._checkboxAppearance, focusedPath = _useContext.focusedPath, valueToPathMap = _useContext.valueToPathMap;
14
- var itemDisabled = Boolean(disabled || isDisabled);
15
- var currentItemDepth = (((_valueToPathMap_get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap_get === void 0 ? void 0 : _valueToPathMap_get.length) || 0) - 1;
16
- var withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;
17
- var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? classes.dropdownItemIsFocused : undefined;
18
- return /*#__PURE__*/ React.createElement(Wrapper, {
19
- className: focusedClass,
20
- onClick: onClick,
21
- variant: variant,
22
- role: "treeitem"
23
- }, /*#__PURE__*/ React.createElement(Offset, {
24
- depth: currentItemDepth
25
- }), multiselect && /*#__PURE__*/ React.createElement(IconWrapper, {
26
- variant: variant
27
- }, /*#__PURE__*/ React.createElement(StyledCheckboxWrapper, {
28
- onClick: function(e) {
29
- return e.stopPropagation();
30
- }
31
- }, /*#__PURE__*/ React.createElement(StyledCheckbox, {
32
- disabled: itemDisabled,
33
- checked: Boolean(checked.get(item.value)),
34
- indeterminate: checked.get(item.value) === 'indeterminate',
35
- onChange: onChange,
36
- appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
37
- }))), !multiselect && /*#__PURE__*/ React.createElement(IconWrapper, {
38
- variant: variant
39
- }, checked.get(item.value) === 'dot' && /*#__PURE__*/ React.createElement(StyledIndicator, {
40
- size: "s",
41
- view: "default"
42
- }), checked.get(item.value) === 'done' && /*#__PURE__*/ React.createElement(StyledIconDone, {
43
- size: sizeToIconSize(size, variant),
44
- color: "inherit"
45
- })), renderItem ? /*#__PURE__*/ React.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/ React.createElement(StyledWrapper, {
46
- disabled: itemDisabled
47
- }, /*#__PURE__*/ React.createElement(StyledCell, {
48
- contentLeft: contentLeft,
49
- contentRight: contentRight,
50
- // TODO: #1548
51
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
52
- // @ts-ignore
53
- title: /*#__PURE__*/ React.createElement("span", null, label)
54
- })), /*#__PURE__*/ React.createElement(DisclosureIconWrapper, {
55
- visibility: isLeaf ? 'hidden' : 'visible'
56
- }, /*#__PURE__*/ React.createElement(StyledArrowRight, {
57
- size: sizeToIconSize(size, variant),
58
- color: "inherit",
59
- className: withArrowInverse
60
- })));
61
- };
@@ -1,50 +0,0 @@
1
- function _define_property(obj, key, value) {
2
- if (key in obj) {
3
- Object.defineProperty(obj, key, {
4
- value: value,
5
- enumerable: true,
6
- configurable: true,
7
- writable: true
8
- });
9
- } else {
10
- obj[key] = value;
11
- }
12
- return obj;
13
- }
14
- import React from "react";
15
- import cls from "classnames";
16
- import { classes } from "../../TimePicker.tokens";
17
- import { StyledTimeColumn, StyledTimeItem, StyledEmpty, CustomScrollbar, ScrollbarTrack, ScrollbarThumb, StyledRoot } from "./TimeColumn.styles";
18
- export var renderTimeColumn = function(param) {
19
- var values = param.values, dropdownHeight = param.dropdownHeight, column = param.column, columnRef = param.columnRef, scrollbarState = param.scrollbarState, setScrollbar = param.setScrollbar, scrollbarRef = param.scrollbarRef, thumbRef = param.thumbRef, timeoutRef = param.timeoutRef, timeItemRefs = param.timeItemRefs, activeTime = param.activeTime, handleTimeItemClick = param.handleTimeItemClick, handleTimeItemKeyDown = param.handleTimeItemKeyDown, createScrollbarDragHandler = param.createScrollbarDragHandler;
20
- return /*#__PURE__*/ React.createElement(StyledRoot, null, /*#__PURE__*/ React.createElement(StyledTimeColumn, {
21
- key: column,
22
- ref: columnRef,
23
- height: dropdownHeight,
24
- className: classes.timeColumn
25
- }, values.map(function(value, index) {
26
- return /*#__PURE__*/ React.createElement(StyledTimeItem, {
27
- key: value,
28
- ref: function(el) {
29
- timeItemRefs.current["".concat(column, "-").concat(value)] = el;
30
- },
31
- className: cls(_define_property({}, classes.timeItemActive, activeTime[column] === index)),
32
- onClick: function() {
33
- return handleTimeItemClick(value, column);
34
- },
35
- onKeyDown: function(e) {
36
- return handleTimeItemKeyDown(e, column, value);
37
- }
38
- }, value);
39
- }), /*#__PURE__*/ React.createElement(StyledEmpty, null)), /*#__PURE__*/ React.createElement(CustomScrollbar, {
40
- ref: scrollbarRef,
41
- className: cls(_define_property({}, classes.scrollbarVisible, scrollbarState.isVisible))
42
- }, /*#__PURE__*/ React.createElement(ScrollbarTrack, null, /*#__PURE__*/ React.createElement(ScrollbarThumb, {
43
- ref: thumbRef,
44
- style: {
45
- height: "".concat(scrollbarState.thumbHeight, "px"),
46
- top: "".concat(scrollbarState.thumbPosition, "px")
47
- },
48
- onMouseDown: createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef)
49
- }))));
50
- };