@salutejs/plasma-new-hope 0.340.0-canary.2254.19231200304.0 → 0.340.0-canary.2254.19262020278.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 (644) hide show
  1. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  2. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  3. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +6 -0
  4. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  5. package/cjs/components/Combobox/ComboboxNew/Combobox.css +19 -0
  6. package/cjs/components/Combobox/ComboboxNew/Combobox.js +93 -19
  7. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  8. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  9. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  10. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +8 -2
  11. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  12. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +319 -1
  13. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  14. package/cjs/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js +7 -0
  15. package/cjs/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js.map +1 -1
  16. package/cjs/components/Combobox/ComboboxNew/reducers/treePathReducer.js +161 -0
  17. package/cjs/components/Combobox/ComboboxNew/reducers/treePathReducer.js.map +1 -0
  18. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.css +57 -0
  19. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js +96 -0
  20. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js.map +1 -0
  21. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js +30 -0
  22. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js.map +1 -0
  23. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles_1auklgl.css +2 -0
  24. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.css +54 -0
  25. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js +144 -0
  26. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js.map +1 -0
  27. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js +205 -0
  28. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js.map +1 -0
  29. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles_7nhjnm.css +15 -0
  30. package/cjs/components/Combobox/ComboboxNew/utils/filterItems.js +4 -3
  31. package/cjs/components/Combobox/ComboboxNew/utils/filterItems.js.map +1 -1
  32. package/cjs/components/DatePicker/utils/normalizeDates.js +3 -6
  33. package/cjs/components/DatePicker/utils/normalizeDates.js.map +1 -1
  34. package/cjs/components/DateTimePicker/DateTimePicker.css +200 -0
  35. package/cjs/components/DateTimePicker/DateTimePicker.js +337 -0
  36. package/cjs/components/DateTimePicker/DateTimePicker.js.map +1 -0
  37. package/cjs/components/DateTimePicker/DateTimePicker.styles.js +23 -0
  38. package/cjs/components/DateTimePicker/DateTimePicker.styles.js.map +1 -0
  39. package/cjs/components/DateTimePicker/DateTimePicker.styles_x7parr.css +3 -0
  40. package/cjs/components/DateTimePicker/DateTimePicker.tokens.js +268 -0
  41. package/cjs/components/DateTimePicker/DateTimePicker.tokens.js.map +1 -0
  42. package/cjs/components/DateTimePicker/hooks/useDateTimePicker.js +445 -0
  43. package/cjs/components/DateTimePicker/hooks/useDateTimePicker.js.map +1 -0
  44. package/cjs/components/DateTimePicker/hooks/useKeyboardNavigation.js +40 -0
  45. package/cjs/components/DateTimePicker/hooks/useKeyboardNavigation.js.map +1 -0
  46. package/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.css +82 -0
  47. package/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js +36 -0
  48. package/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js.map +1 -0
  49. package/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js +83 -0
  50. package/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js.map +1 -0
  51. package/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles_1yl3xrz.css +2 -0
  52. package/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.css +34 -0
  53. package/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.js +44 -0
  54. package/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.js.map +1 -0
  55. package/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js +92 -0
  56. package/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js.map +1 -0
  57. package/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles_pdofx1.css +6 -0
  58. package/cjs/components/DateTimePicker/ui/Input/Input.css +80 -0
  59. package/cjs/components/DateTimePicker/ui/Input/Input.js +70 -0
  60. package/cjs/components/DateTimePicker/ui/Input/Input.js.map +1 -0
  61. package/cjs/components/DateTimePicker/ui/Input/Input.styles.js +24 -0
  62. package/cjs/components/DateTimePicker/ui/Input/Input.styles.js.map +1 -0
  63. package/cjs/components/DateTimePicker/ui/Input/Input.styles_1af0tdj.css +1 -0
  64. package/cjs/components/DateTimePicker/ui/Popover/Popover.css +11 -0
  65. package/cjs/components/DateTimePicker/ui/Popover/Popover.js +37 -0
  66. package/cjs/components/DateTimePicker/ui/Popover/Popover.js.map +1 -0
  67. package/cjs/components/DateTimePicker/ui/Popover/Popover.styles.js +44 -0
  68. package/cjs/components/DateTimePicker/ui/Popover/Popover.styles.js.map +1 -0
  69. package/cjs/components/DateTimePicker/ui/Popover/Popover.styles_1v6vurg.css +2 -0
  70. package/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.css +12 -0
  71. package/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.js +30 -0
  72. package/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.js.map +1 -0
  73. package/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.js +40 -0
  74. package/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.js.map +1 -0
  75. package/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles_31tnfx.css +1 -0
  76. package/cjs/components/DateTimePicker/utils/getFormattedDateTime.js +81 -0
  77. package/cjs/components/DateTimePicker/utils/getFormattedDateTime.js.map +1 -0
  78. package/cjs/components/DateTimePicker/utils/getMaskedValue.js +53 -0
  79. package/cjs/components/DateTimePicker/utils/getMaskedValue.js.map +1 -0
  80. package/cjs/components/DateTimePicker/utils/getOriginalDateTime.js +73 -0
  81. package/cjs/components/DateTimePicker/utils/getOriginalDateTime.js.map +1 -0
  82. package/cjs/components/DateTimePicker/utils/normalizeDateTime.js +33 -0
  83. package/cjs/components/DateTimePicker/utils/normalizeDateTime.js.map +1 -0
  84. package/cjs/components/DateTimePicker/variations/_disabled/base.js +9 -0
  85. package/cjs/components/DateTimePicker/variations/_disabled/base.js.map +1 -0
  86. package/cjs/components/DateTimePicker/variations/_disabled/base_7ophop.css +1 -0
  87. package/cjs/components/DateTimePicker/variations/_readonly/base.js +9 -0
  88. package/cjs/components/DateTimePicker/variations/_readonly/base.js.map +1 -0
  89. package/cjs/components/DateTimePicker/variations/_readonly/base_rrpgsr.css +1 -0
  90. package/cjs/components/DateTimePicker/variations/_size/base.js +9 -0
  91. package/cjs/components/DateTimePicker/variations/_size/base.js.map +1 -0
  92. package/cjs/components/DateTimePicker/variations/_size/base_19i3bl1.css +1 -0
  93. package/cjs/components/DateTimePicker/variations/_tooltip-size/base.js +9 -0
  94. package/cjs/components/DateTimePicker/variations/_tooltip-size/base.js.map +1 -0
  95. package/cjs/components/DateTimePicker/variations/_tooltip-size/base_x642ct.css +1 -0
  96. package/cjs/components/DateTimePicker/variations/_view/base.js +9 -0
  97. package/cjs/components/DateTimePicker/variations/_view/base.js.map +1 -0
  98. package/cjs/components/DateTimePicker/variations/_view/base_1a1ebsk.css +1 -0
  99. package/cjs/components/Select/Select.js +2 -1
  100. package/cjs/components/Select/Select.js.map +1 -1
  101. package/cjs/components/Select/hooks/useKeyboardNavigation.js +127 -38
  102. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  103. package/cjs/components/Select/reducers/focusedPathReducer.js +7 -0
  104. package/cjs/components/Select/reducers/focusedPathReducer.js.map +1 -1
  105. package/cjs/components/Select/reducers/treePathReducer.js +12 -0
  106. package/cjs/components/Select/reducers/treePathReducer.js.map +1 -1
  107. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -2
  108. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  109. package/cjs/components/Select/ui/TreeList/TreeList.js +3 -3
  110. package/cjs/components/Select/ui/TreeList/TreeList.js.map +1 -1
  111. package/cjs/components/Select/ui/TreeList/ui/Item/Item.js +22 -5
  112. package/cjs/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -1
  113. package/cjs/components/TimePickerGrid/TimePickerGrid.js +206 -276
  114. package/cjs/components/TimePickerGrid/TimePickerGrid.js.map +1 -1
  115. package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +2 -1
  116. package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +1 -1
  117. package/cjs/components/Tree/utils/deepCopy.js +29 -0
  118. package/cjs/components/Tree/utils/deepCopy.js.map +1 -0
  119. package/cjs/components/Tree/utils/traverseTree.js +1 -1
  120. package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
  121. package/cjs/index.css +48 -0
  122. package/cjs/index.js +8 -0
  123. package/cjs/index.js.map +1 -1
  124. package/cjs/utils/index.js.map +1 -1
  125. package/cjs/utils/isArraysEqual.js +12 -0
  126. package/cjs/utils/isArraysEqual.js.map +1 -0
  127. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  128. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +6 -0
  129. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +82 -17
  130. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  131. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +35 -3
  132. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +312 -0
  133. package/emotion/cjs/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js +7 -0
  134. package/emotion/cjs/components/Combobox/ComboboxNew/reducers/index.js +1 -0
  135. package/emotion/cjs/components/Combobox/ComboboxNew/reducers/treePathReducer.js +174 -0
  136. package/emotion/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js +130 -0
  137. package/emotion/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js +36 -0
  138. package/emotion/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.types.js +4 -0
  139. package/emotion/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js +192 -0
  140. package/emotion/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js +183 -0
  141. package/emotion/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.types.js +4 -0
  142. package/emotion/cjs/components/Combobox/ComboboxNew/ui/index.js +1 -0
  143. package/emotion/cjs/components/Combobox/ComboboxNew/utils/filterItems.js +14 -6
  144. package/emotion/cjs/components/Combobox/ComboboxNew/utils/index.js +3 -0
  145. package/emotion/cjs/components/DatePicker/utils/normalizeDates.js +3 -6
  146. package/emotion/cjs/components/DateTimePicker/DateTimePicker.js +459 -0
  147. package/emotion/cjs/components/DateTimePicker/DateTimePicker.styles.js +39 -0
  148. package/emotion/cjs/components/DateTimePicker/DateTimePicker.tokens.js +269 -0
  149. package/emotion/cjs/components/DateTimePicker/DateTimePicker.types.js +4 -0
  150. package/emotion/cjs/components/DateTimePicker/hooks/useDateTimePicker.js +499 -0
  151. package/emotion/cjs/components/DateTimePicker/hooks/useKeyboardNavigation.js +52 -0
  152. package/emotion/cjs/components/DateTimePicker/index.js +26 -0
  153. package/emotion/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js +93 -0
  154. package/emotion/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js +61 -0
  155. package/emotion/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.js +53 -0
  156. package/emotion/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js +88 -0
  157. package/emotion/cjs/components/DateTimePicker/ui/Input/Input.js +167 -0
  158. package/emotion/cjs/components/DateTimePicker/ui/Input/Input.styles.js +25 -0
  159. package/emotion/cjs/components/DateTimePicker/ui/Popover/Popover.js +153 -0
  160. package/emotion/cjs/components/DateTimePicker/ui/Popover/Popover.styles.js +43 -0
  161. package/emotion/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.js +87 -0
  162. package/emotion/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.js +31 -0
  163. package/emotion/cjs/components/DateTimePicker/ui/index.js +29 -0
  164. package/emotion/cjs/components/DateTimePicker/utils/getFormattedDateTime.js +118 -0
  165. package/emotion/cjs/components/DateTimePicker/utils/getMaskedValue.js +52 -0
  166. package/emotion/cjs/components/DateTimePicker/utils/getOriginalDateTime.js +128 -0
  167. package/emotion/cjs/components/DateTimePicker/utils/index.js +19 -0
  168. package/emotion/cjs/components/DateTimePicker/utils/normalizeDateTime.js +30 -0
  169. package/emotion/cjs/components/DateTimePicker/variations/_disabled/base.js +13 -0
  170. package/emotion/cjs/components/DateTimePicker/variations/_readonly/base.js +14 -0
  171. package/emotion/cjs/components/DateTimePicker/variations/_size/base.js +14 -0
  172. package/emotion/cjs/components/DateTimePicker/variations/_tooltip-size/base.js +12 -0
  173. package/emotion/cjs/components/DateTimePicker/variations/_view/base.js +14 -0
  174. package/emotion/cjs/components/Select/Select.js +2 -1
  175. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +156 -44
  176. package/emotion/cjs/components/Select/reducers/focusedPathReducer.js +7 -0
  177. package/emotion/cjs/components/Select/reducers/treePathReducer.js +12 -0
  178. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -2
  179. package/emotion/cjs/components/Select/ui/TreeList/TreeList.js +7 -3
  180. package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.js +49 -5
  181. package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.js +213 -282
  182. package/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +2 -2
  183. package/emotion/cjs/components/Tree/utils/deepCopy.js +83 -0
  184. package/emotion/cjs/components/Tree/utils/index.js +4 -0
  185. package/emotion/cjs/components/Tree/utils/traverseTree.js +1 -1
  186. package/emotion/cjs/examples/components/Combobox/Combobox.config.js +15 -15
  187. package/emotion/cjs/examples/components/DateTimePicker/DateTimePicker.config.js +40 -0
  188. package/emotion/cjs/examples/components/DateTimePicker/DateTimePicker.js +15 -0
  189. package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
  190. package/emotion/cjs/index.js +1 -0
  191. package/emotion/cjs/utils/index.js +4 -0
  192. package/emotion/cjs/utils/isArraysEqual.js +15 -0
  193. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  194. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +6 -0
  195. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +85 -20
  196. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  197. package/emotion/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +35 -3
  198. package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +313 -0
  199. package/emotion/es/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js +7 -0
  200. package/emotion/es/components/Combobox/ComboboxNew/reducers/index.js +1 -0
  201. package/emotion/es/components/Combobox/ComboboxNew/reducers/treePathReducer.js +157 -0
  202. package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js +79 -0
  203. package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js +13 -0
  204. package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.types.js +1 -0
  205. package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js +141 -0
  206. package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js +119 -0
  207. package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.types.js +1 -0
  208. package/emotion/es/components/Combobox/ComboboxNew/ui/index.js +1 -0
  209. package/emotion/es/components/Combobox/ComboboxNew/utils/filterItems.js +3 -3
  210. package/emotion/es/components/Combobox/ComboboxNew/utils/index.js +1 -1
  211. package/emotion/es/components/DatePicker/utils/normalizeDates.js +3 -6
  212. package/emotion/es/components/DateTimePicker/DateTimePicker.js +395 -0
  213. package/emotion/es/components/DateTimePicker/DateTimePicker.styles.js +13 -0
  214. package/emotion/es/components/DateTimePicker/DateTimePicker.tokens.js +248 -0
  215. package/emotion/es/components/DateTimePicker/DateTimePicker.types.js +1 -0
  216. package/emotion/es/components/DateTimePicker/hooks/useDateTimePicker.js +489 -0
  217. package/emotion/es/components/DateTimePicker/hooks/useKeyboardNavigation.js +34 -0
  218. package/emotion/es/components/DateTimePicker/index.js +2 -0
  219. package/emotion/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js +78 -0
  220. package/emotion/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js +36 -0
  221. package/emotion/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.js +38 -0
  222. package/emotion/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js +53 -0
  223. package/emotion/es/components/DateTimePicker/ui/Input/Input.js +111 -0
  224. package/emotion/es/components/DateTimePicker/ui/Input/Input.styles.js +11 -0
  225. package/emotion/es/components/DateTimePicker/ui/Popover/Popover.js +102 -0
  226. package/emotion/es/components/DateTimePicker/ui/Popover/Popover.styles.js +20 -0
  227. package/emotion/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.js +72 -0
  228. package/emotion/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.js +16 -0
  229. package/emotion/es/components/DateTimePicker/ui/index.js +6 -0
  230. package/emotion/es/components/DateTimePicker/utils/getFormattedDateTime.js +108 -0
  231. package/emotion/es/components/DateTimePicker/utils/getMaskedValue.js +42 -0
  232. package/emotion/es/components/DateTimePicker/utils/getOriginalDateTime.js +118 -0
  233. package/emotion/es/components/DateTimePicker/utils/index.js +2 -0
  234. package/emotion/es/components/DateTimePicker/utils/normalizeDateTime.js +20 -0
  235. package/emotion/es/components/DateTimePicker/variations/_disabled/base.js +3 -0
  236. package/emotion/es/components/DateTimePicker/variations/_readonly/base.js +4 -0
  237. package/emotion/es/components/DateTimePicker/variations/_size/base.js +4 -0
  238. package/emotion/es/components/DateTimePicker/variations/_tooltip-size/base.js +2 -0
  239. package/emotion/es/components/DateTimePicker/variations/_view/base.js +4 -0
  240. package/emotion/es/components/Select/Select.js +2 -1
  241. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +157 -44
  242. package/emotion/es/components/Select/reducers/focusedPathReducer.js +7 -0
  243. package/emotion/es/components/Select/reducers/treePathReducer.js +12 -0
  244. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -2
  245. package/emotion/es/components/Select/ui/TreeList/TreeList.js +7 -3
  246. package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.js +50 -6
  247. package/emotion/es/components/TimePickerGrid/TimePickerGrid.js +213 -282
  248. package/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +2 -2
  249. package/emotion/es/components/Tree/utils/deepCopy.js +73 -0
  250. package/emotion/es/components/Tree/utils/index.js +1 -0
  251. package/emotion/es/components/Tree/utils/traverseTree.js +1 -1
  252. package/emotion/es/examples/components/Combobox/Combobox.config.js +15 -15
  253. package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  254. package/emotion/es/examples/components/DateTimePicker/DateTimePicker.config.js +30 -0
  255. package/emotion/es/examples/components/DateTimePicker/DateTimePicker.js +5 -0
  256. package/emotion/es/examples/components/Select/Select.config.js +24 -24
  257. package/emotion/es/index.js +1 -0
  258. package/emotion/es/utils/index.js +1 -0
  259. package/emotion/es/utils/isArraysEqual.js +5 -0
  260. package/es/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  261. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  262. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +6 -0
  263. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  264. package/es/components/Combobox/ComboboxNew/Combobox.css +19 -0
  265. package/es/components/Combobox/ComboboxNew/Combobox.js +95 -21
  266. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  267. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  268. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  269. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +8 -2
  270. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  271. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +319 -1
  272. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  273. package/es/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js +7 -0
  274. package/es/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js.map +1 -1
  275. package/es/components/Combobox/ComboboxNew/reducers/treePathReducer.js +156 -0
  276. package/es/components/Combobox/ComboboxNew/reducers/treePathReducer.js.map +1 -0
  277. package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.css +57 -0
  278. package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js +88 -0
  279. package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js.map +1 -0
  280. package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js +25 -0
  281. package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js.map +1 -0
  282. package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles_1auklgl.css +2 -0
  283. package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.css +54 -0
  284. package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js +136 -0
  285. package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js.map +1 -0
  286. package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js +187 -0
  287. package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js.map +1 -0
  288. package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles_7nhjnm.css +15 -0
  289. package/es/components/Combobox/ComboboxNew/utils/filterItems.js +4 -4
  290. package/es/components/Combobox/ComboboxNew/utils/filterItems.js.map +1 -1
  291. package/es/components/DatePicker/utils/normalizeDates.js +3 -6
  292. package/es/components/DatePicker/utils/normalizeDates.js.map +1 -1
  293. package/es/components/DateTimePicker/DateTimePicker.css +200 -0
  294. package/es/components/DateTimePicker/DateTimePicker.js +327 -0
  295. package/es/components/DateTimePicker/DateTimePicker.js.map +1 -0
  296. package/es/components/DateTimePicker/DateTimePicker.styles.js +17 -0
  297. package/es/components/DateTimePicker/DateTimePicker.styles.js.map +1 -0
  298. package/es/components/DateTimePicker/DateTimePicker.styles_x7parr.css +3 -0
  299. package/es/components/DateTimePicker/DateTimePicker.tokens.js +262 -0
  300. package/es/components/DateTimePicker/DateTimePicker.tokens.js.map +1 -0
  301. package/es/components/DateTimePicker/hooks/useDateTimePicker.js +441 -0
  302. package/es/components/DateTimePicker/hooks/useDateTimePicker.js.map +1 -0
  303. package/es/components/DateTimePicker/hooks/useKeyboardNavigation.js +35 -0
  304. package/es/components/DateTimePicker/hooks/useKeyboardNavigation.js.map +1 -0
  305. package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.css +82 -0
  306. package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js +28 -0
  307. package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js.map +1 -0
  308. package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js +78 -0
  309. package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js.map +1 -0
  310. package/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles_1yl3xrz.css +2 -0
  311. package/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.css +34 -0
  312. package/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.js +35 -0
  313. package/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.js.map +1 -0
  314. package/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js +83 -0
  315. package/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js.map +1 -0
  316. package/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles_pdofx1.css +6 -0
  317. package/es/components/DateTimePicker/ui/Input/Input.css +80 -0
  318. package/es/components/DateTimePicker/ui/Input/Input.js +61 -0
  319. package/es/components/DateTimePicker/ui/Input/Input.js.map +1 -0
  320. package/es/components/DateTimePicker/ui/Input/Input.styles.js +20 -0
  321. package/es/components/DateTimePicker/ui/Input/Input.styles.js.map +1 -0
  322. package/es/components/DateTimePicker/ui/Input/Input.styles_1af0tdj.css +1 -0
  323. package/es/components/DateTimePicker/ui/Popover/Popover.css +11 -0
  324. package/es/components/DateTimePicker/ui/Popover/Popover.js +29 -0
  325. package/es/components/DateTimePicker/ui/Popover/Popover.js.map +1 -0
  326. package/es/components/DateTimePicker/ui/Popover/Popover.styles.js +39 -0
  327. package/es/components/DateTimePicker/ui/Popover/Popover.styles.js.map +1 -0
  328. package/es/components/DateTimePicker/ui/Popover/Popover.styles_1v6vurg.css +2 -0
  329. package/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.css +12 -0
  330. package/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.js +22 -0
  331. package/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.js.map +1 -0
  332. package/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.js +36 -0
  333. package/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.js.map +1 -0
  334. package/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles_31tnfx.css +1 -0
  335. package/es/components/DateTimePicker/utils/getFormattedDateTime.js +77 -0
  336. package/es/components/DateTimePicker/utils/getFormattedDateTime.js.map +1 -0
  337. package/es/components/DateTimePicker/utils/getMaskedValue.js +49 -0
  338. package/es/components/DateTimePicker/utils/getMaskedValue.js.map +1 -0
  339. package/es/components/DateTimePicker/utils/getOriginalDateTime.js +69 -0
  340. package/es/components/DateTimePicker/utils/getOriginalDateTime.js.map +1 -0
  341. package/es/components/DateTimePicker/utils/normalizeDateTime.js +29 -0
  342. package/es/components/DateTimePicker/utils/normalizeDateTime.js.map +1 -0
  343. package/es/components/DateTimePicker/variations/_disabled/base.js +5 -0
  344. package/es/components/DateTimePicker/variations/_disabled/base.js.map +1 -0
  345. package/es/components/DateTimePicker/variations/_disabled/base_7ophop.css +1 -0
  346. package/es/components/DateTimePicker/variations/_readonly/base.js +5 -0
  347. package/es/components/DateTimePicker/variations/_readonly/base.js.map +1 -0
  348. package/es/components/DateTimePicker/variations/_readonly/base_rrpgsr.css +1 -0
  349. package/es/components/DateTimePicker/variations/_size/base.js +5 -0
  350. package/es/components/DateTimePicker/variations/_size/base.js.map +1 -0
  351. package/es/components/DateTimePicker/variations/_size/base_19i3bl1.css +1 -0
  352. package/es/components/DateTimePicker/variations/_tooltip-size/base.js +5 -0
  353. package/es/components/DateTimePicker/variations/_tooltip-size/base.js.map +1 -0
  354. package/es/components/DateTimePicker/variations/_tooltip-size/base_x642ct.css +1 -0
  355. package/es/components/DateTimePicker/variations/_view/base.js +5 -0
  356. package/es/components/DateTimePicker/variations/_view/base.js.map +1 -0
  357. package/es/components/DateTimePicker/variations/_view/base_1a1ebsk.css +1 -0
  358. package/es/components/Select/Select.js +2 -1
  359. package/es/components/Select/Select.js.map +1 -1
  360. package/es/components/Select/hooks/useKeyboardNavigation.js +127 -38
  361. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  362. package/es/components/Select/reducers/focusedPathReducer.js +7 -0
  363. package/es/components/Select/reducers/focusedPathReducer.js.map +1 -1
  364. package/es/components/Select/reducers/treePathReducer.js +12 -0
  365. package/es/components/Select/reducers/treePathReducer.js.map +1 -1
  366. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -2
  367. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  368. package/es/components/Select/ui/TreeList/TreeList.js +3 -3
  369. package/es/components/Select/ui/TreeList/TreeList.js.map +1 -1
  370. package/es/components/Select/ui/TreeList/ui/Item/Item.js +23 -6
  371. package/es/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -1
  372. package/es/components/TimePickerGrid/TimePickerGrid.js +208 -278
  373. package/es/components/TimePickerGrid/TimePickerGrid.js.map +1 -1
  374. package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +2 -1
  375. package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +1 -1
  376. package/es/components/Tree/utils/deepCopy.js +25 -0
  377. package/es/components/Tree/utils/deepCopy.js.map +1 -0
  378. package/es/components/Tree/utils/traverseTree.js +1 -1
  379. package/es/components/Tree/utils/traverseTree.js.map +1 -1
  380. package/es/index.css +48 -0
  381. package/es/index.js +3 -0
  382. package/es/index.js.map +1 -1
  383. package/es/utils/index.js.map +1 -1
  384. package/es/utils/isArraysEqual.js +8 -0
  385. package/es/utils/isArraysEqual.js.map +1 -0
  386. package/package.json +2 -2
  387. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  388. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +6 -0
  389. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +82 -17
  390. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  391. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +35 -3
  392. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +312 -0
  393. package/styled-components/cjs/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js +7 -0
  394. package/styled-components/cjs/components/Combobox/ComboboxNew/reducers/index.js +1 -0
  395. package/styled-components/cjs/components/Combobox/ComboboxNew/reducers/treePathReducer.js +174 -0
  396. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js +130 -0
  397. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js +50 -0
  398. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.types.js +4 -0
  399. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js +192 -0
  400. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js +296 -0
  401. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.types.js +4 -0
  402. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/index.js +1 -0
  403. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/filterItems.js +14 -6
  404. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js +3 -0
  405. package/styled-components/cjs/components/DatePicker/utils/normalizeDates.js +3 -6
  406. package/styled-components/cjs/components/DateTimePicker/DateTimePicker.js +459 -0
  407. package/styled-components/cjs/components/DateTimePicker/DateTimePicker.styles.js +89 -0
  408. package/styled-components/cjs/components/DateTimePicker/DateTimePicker.tokens.js +269 -0
  409. package/styled-components/cjs/components/DateTimePicker/DateTimePicker.types.js +4 -0
  410. package/styled-components/cjs/components/DateTimePicker/hooks/useDateTimePicker.js +499 -0
  411. package/styled-components/cjs/components/DateTimePicker/hooks/useKeyboardNavigation.js +52 -0
  412. package/styled-components/cjs/components/DateTimePicker/index.js +26 -0
  413. package/styled-components/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js +93 -0
  414. package/styled-components/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js +75 -0
  415. package/styled-components/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.js +53 -0
  416. package/styled-components/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js +132 -0
  417. package/styled-components/cjs/components/DateTimePicker/ui/Input/Input.js +167 -0
  418. package/styled-components/cjs/components/DateTimePicker/ui/Input/Input.styles.js +176 -0
  419. package/styled-components/cjs/components/DateTimePicker/ui/Popover/Popover.js +153 -0
  420. package/styled-components/cjs/components/DateTimePicker/ui/Popover/Popover.styles.js +56 -0
  421. package/styled-components/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.js +87 -0
  422. package/styled-components/cjs/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.js +69 -0
  423. package/styled-components/cjs/components/DateTimePicker/ui/index.js +29 -0
  424. package/styled-components/cjs/components/DateTimePicker/utils/getFormattedDateTime.js +118 -0
  425. package/styled-components/cjs/components/DateTimePicker/utils/getMaskedValue.js +52 -0
  426. package/styled-components/cjs/components/DateTimePicker/utils/getOriginalDateTime.js +128 -0
  427. package/styled-components/cjs/components/DateTimePicker/utils/index.js +19 -0
  428. package/styled-components/cjs/components/DateTimePicker/utils/normalizeDateTime.js +30 -0
  429. package/styled-components/cjs/components/DateTimePicker/variations/_disabled/base.js +16 -0
  430. package/styled-components/cjs/components/DateTimePicker/variations/_readonly/base.js +18 -0
  431. package/styled-components/cjs/components/DateTimePicker/variations/_size/base.js +24 -0
  432. package/styled-components/cjs/components/DateTimePicker/variations/_tooltip-size/base.js +14 -0
  433. package/styled-components/cjs/components/DateTimePicker/variations/_view/base.js +18 -0
  434. package/styled-components/cjs/components/Select/Select.js +2 -1
  435. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +156 -44
  436. package/styled-components/cjs/components/Select/reducers/focusedPathReducer.js +7 -0
  437. package/styled-components/cjs/components/Select/reducers/treePathReducer.js +12 -0
  438. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -2
  439. package/styled-components/cjs/components/Select/ui/TreeList/TreeList.js +7 -3
  440. package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.js +49 -5
  441. package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.js +213 -282
  442. package/styled-components/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +2 -2
  443. package/styled-components/cjs/components/Tree/utils/deepCopy.js +83 -0
  444. package/styled-components/cjs/components/Tree/utils/index.js +4 -0
  445. package/styled-components/cjs/components/Tree/utils/traverseTree.js +1 -1
  446. package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +20 -12
  447. package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
  448. package/styled-components/cjs/examples/components/DateTimePicker/DateTimePicker.config.js +786 -0
  449. package/styled-components/cjs/examples/components/DateTimePicker/DateTimePicker.js +15 -0
  450. package/styled-components/cjs/examples/components/Select/Select.config.js +7 -7
  451. package/styled-components/cjs/index.js +1 -0
  452. package/styled-components/cjs/utils/index.js +4 -0
  453. package/styled-components/cjs/utils/isArraysEqual.js +15 -0
  454. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  455. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +6 -0
  456. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +85 -20
  457. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  458. package/styled-components/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +35 -3
  459. package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +313 -0
  460. package/styled-components/es/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js +7 -0
  461. package/styled-components/es/components/Combobox/ComboboxNew/reducers/index.js +1 -0
  462. package/styled-components/es/components/Combobox/ComboboxNew/reducers/treePathReducer.js +157 -0
  463. package/styled-components/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js +79 -0
  464. package/styled-components/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js +27 -0
  465. package/styled-components/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.types.js +1 -0
  466. package/styled-components/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js +141 -0
  467. package/styled-components/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js +232 -0
  468. package/styled-components/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.types.js +1 -0
  469. package/styled-components/es/components/Combobox/ComboboxNew/ui/index.js +1 -0
  470. package/styled-components/es/components/Combobox/ComboboxNew/utils/filterItems.js +3 -3
  471. package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js +1 -1
  472. package/styled-components/es/components/DatePicker/utils/normalizeDates.js +3 -6
  473. package/styled-components/es/components/DateTimePicker/DateTimePicker.js +395 -0
  474. package/styled-components/es/components/DateTimePicker/DateTimePicker.styles.js +28 -0
  475. package/styled-components/es/components/DateTimePicker/DateTimePicker.tokens.js +248 -0
  476. package/styled-components/es/components/DateTimePicker/DateTimePicker.types.js +1 -0
  477. package/styled-components/es/components/DateTimePicker/hooks/useDateTimePicker.js +489 -0
  478. package/styled-components/es/components/DateTimePicker/hooks/useKeyboardNavigation.js +34 -0
  479. package/styled-components/es/components/DateTimePicker/index.js +2 -0
  480. package/styled-components/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js +78 -0
  481. package/styled-components/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js +50 -0
  482. package/styled-components/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.js +38 -0
  483. package/styled-components/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js +97 -0
  484. package/styled-components/es/components/DateTimePicker/ui/Input/Input.js +111 -0
  485. package/styled-components/es/components/DateTimePicker/ui/Input/Input.styles.js +162 -0
  486. package/styled-components/es/components/DateTimePicker/ui/Popover/Popover.js +102 -0
  487. package/styled-components/es/components/DateTimePicker/ui/Popover/Popover.styles.js +33 -0
  488. package/styled-components/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.js +72 -0
  489. package/styled-components/es/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.js +54 -0
  490. package/styled-components/es/components/DateTimePicker/ui/index.js +6 -0
  491. package/styled-components/es/components/DateTimePicker/utils/getFormattedDateTime.js +108 -0
  492. package/styled-components/es/components/DateTimePicker/utils/getMaskedValue.js +42 -0
  493. package/styled-components/es/components/DateTimePicker/utils/getOriginalDateTime.js +118 -0
  494. package/styled-components/es/components/DateTimePicker/utils/index.js +2 -0
  495. package/styled-components/es/components/DateTimePicker/utils/normalizeDateTime.js +20 -0
  496. package/styled-components/es/components/DateTimePicker/variations/_disabled/base.js +6 -0
  497. package/styled-components/es/components/DateTimePicker/variations/_readonly/base.js +8 -0
  498. package/styled-components/es/components/DateTimePicker/variations/_size/base.js +14 -0
  499. package/styled-components/es/components/DateTimePicker/variations/_tooltip-size/base.js +4 -0
  500. package/styled-components/es/components/DateTimePicker/variations/_view/base.js +8 -0
  501. package/styled-components/es/components/Select/Select.js +2 -1
  502. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +157 -44
  503. package/styled-components/es/components/Select/reducers/focusedPathReducer.js +7 -0
  504. package/styled-components/es/components/Select/reducers/treePathReducer.js +12 -0
  505. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +5 -2
  506. package/styled-components/es/components/Select/ui/TreeList/TreeList.js +7 -3
  507. package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.js +50 -6
  508. package/styled-components/es/components/TimePickerGrid/TimePickerGrid.js +213 -282
  509. package/styled-components/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +2 -2
  510. package/styled-components/es/components/Tree/utils/deepCopy.js +73 -0
  511. package/styled-components/es/components/Tree/utils/index.js +1 -0
  512. package/styled-components/es/components/Tree/utils/traverseTree.js +1 -1
  513. package/styled-components/es/examples/components/Combobox/Combobox.config.js +20 -12
  514. package/styled-components/es/examples/components/DateTimePicker/DateTimePicker.config.js +776 -0
  515. package/styled-components/es/examples/components/DateTimePicker/DateTimePicker.js +5 -0
  516. package/styled-components/es/examples/components/Select/Select.config.js +7 -7
  517. package/styled-components/es/index.js +1 -0
  518. package/styled-components/es/utils/index.js +1 -0
  519. package/styled-components/es/utils/isArraysEqual.js +5 -0
  520. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  521. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  522. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  523. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +2 -0
  524. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  525. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +17 -3
  526. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  527. package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts +2 -1
  528. package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts.map +1 -1
  529. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +8 -3
  530. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
  531. package/types/components/Combobox/ComboboxNew/reducers/focusedPathReducer.d.ts +3 -0
  532. package/types/components/Combobox/ComboboxNew/reducers/focusedPathReducer.d.ts.map +1 -1
  533. package/types/components/Combobox/ComboboxNew/reducers/index.d.ts +1 -0
  534. package/types/components/Combobox/ComboboxNew/reducers/index.d.ts.map +1 -1
  535. package/types/components/Combobox/ComboboxNew/reducers/treePathReducer.d.ts +28 -0
  536. package/types/components/Combobox/ComboboxNew/reducers/treePathReducer.d.ts.map +1 -0
  537. package/types/components/Combobox/ComboboxNew/ui/TreeList/TreeList.d.ts +4 -0
  538. package/types/components/Combobox/ComboboxNew/ui/TreeList/TreeList.d.ts.map +1 -0
  539. package/types/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.d.ts +6 -0
  540. package/types/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.d.ts.map +1 -0
  541. package/types/components/Combobox/ComboboxNew/ui/TreeList/TreeList.types.d.ts +11 -0
  542. package/types/components/Combobox/ComboboxNew/ui/TreeList/TreeList.types.d.ts.map +1 -0
  543. package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.d.ts +4 -0
  544. package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.d.ts.map +1 -0
  545. package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.d.ts +62 -0
  546. package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.d.ts.map +1 -0
  547. package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.types.d.ts +6 -0
  548. package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.types.d.ts.map +1 -0
  549. package/types/components/Combobox/ComboboxNew/ui/index.d.ts +1 -0
  550. package/types/components/Combobox/ComboboxNew/ui/index.d.ts.map +1 -1
  551. package/types/components/Combobox/ComboboxNew/utils/filterItems.d.ts +1 -0
  552. package/types/components/Combobox/ComboboxNew/utils/filterItems.d.ts.map +1 -1
  553. package/types/components/Combobox/ComboboxNew/utils/index.d.ts +1 -1
  554. package/types/components/Combobox/ComboboxNew/utils/index.d.ts.map +1 -1
  555. package/types/components/DatePicker/utils/normalizeDates.d.ts.map +1 -1
  556. package/types/components/DateTimePicker/DateTimePicker.d.ts +73 -0
  557. package/types/components/DateTimePicker/DateTimePicker.d.ts.map +1 -0
  558. package/types/components/DateTimePicker/DateTimePicker.styles.d.ts +4 -0
  559. package/types/components/DateTimePicker/DateTimePicker.styles.d.ts.map +1 -0
  560. package/types/components/DateTimePicker/DateTimePicker.tokens.d.ts +257 -0
  561. package/types/components/DateTimePicker/DateTimePicker.tokens.d.ts.map +1 -0
  562. package/types/components/DateTimePicker/DateTimePicker.types.d.ts +160 -0
  563. package/types/components/DateTimePicker/DateTimePicker.types.d.ts.map +1 -0
  564. package/types/components/DateTimePicker/hooks/useDateTimePicker.d.ts +26 -0
  565. package/types/components/DateTimePicker/hooks/useDateTimePicker.d.ts.map +1 -0
  566. package/types/components/DateTimePicker/hooks/useKeyboardNavigation.d.ts +18 -0
  567. package/types/components/DateTimePicker/hooks/useKeyboardNavigation.d.ts.map +1 -0
  568. package/types/components/DateTimePicker/index.d.ts +4 -0
  569. package/types/components/DateTimePicker/index.d.ts.map +1 -0
  570. package/types/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.d.ts +11 -0
  571. package/types/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.d.ts.map +1 -0
  572. package/types/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.d.ts +10 -0
  573. package/types/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.d.ts.map +1 -0
  574. package/types/components/DateTimePicker/ui/DateShortcut/DateShortcutList.d.ts +12 -0
  575. package/types/components/DateTimePicker/ui/DateShortcut/DateShortcutList.d.ts.map +1 -0
  576. package/types/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.d.ts +44 -0
  577. package/types/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.d.ts.map +1 -0
  578. package/types/components/DateTimePicker/ui/Input/Input.d.ts +8 -0
  579. package/types/components/DateTimePicker/ui/Input/Input.d.ts.map +1 -0
  580. package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts +298 -0
  581. package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts.map +1 -0
  582. package/types/components/DateTimePicker/ui/Popover/Popover.d.ts +8 -0
  583. package/types/components/DateTimePicker/ui/Popover/Popover.d.ts.map +1 -0
  584. package/types/components/DateTimePicker/ui/Popover/Popover.styles.d.ts +6 -0
  585. package/types/components/DateTimePicker/ui/Popover/Popover.styles.d.ts.map +1 -0
  586. package/types/components/DateTimePicker/ui/TimeGrid/TimeGrid.d.ts +9 -0
  587. package/types/components/DateTimePicker/ui/TimeGrid/TimeGrid.d.ts.map +1 -0
  588. package/types/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.d.ts +23 -0
  589. package/types/components/DateTimePicker/ui/TimeGrid/TimeGrid.styles.d.ts.map +1 -0
  590. package/types/components/DateTimePicker/ui/index.d.ts +7 -0
  591. package/types/components/DateTimePicker/ui/index.d.ts.map +1 -0
  592. package/types/components/DateTimePicker/utils/getFormattedDateTime.d.ts +27 -0
  593. package/types/components/DateTimePicker/utils/getFormattedDateTime.d.ts.map +1 -0
  594. package/types/components/DateTimePicker/utils/getMaskedValue.d.ts +13 -0
  595. package/types/components/DateTimePicker/utils/getMaskedValue.d.ts.map +1 -0
  596. package/types/components/DateTimePicker/utils/getOriginalDateTime.d.ts +19 -0
  597. package/types/components/DateTimePicker/utils/getOriginalDateTime.d.ts.map +1 -0
  598. package/types/components/DateTimePicker/utils/index.d.ts +3 -0
  599. package/types/components/DateTimePicker/utils/index.d.ts.map +1 -0
  600. package/types/components/DateTimePicker/utils/normalizeDateTime.d.ts +15 -0
  601. package/types/components/DateTimePicker/utils/normalizeDateTime.d.ts.map +1 -0
  602. package/types/components/DateTimePicker/variations/_disabled/base.d.ts +2 -0
  603. package/types/components/DateTimePicker/variations/_disabled/base.d.ts.map +1 -0
  604. package/types/components/DateTimePicker/variations/_readonly/base.d.ts +2 -0
  605. package/types/components/DateTimePicker/variations/_readonly/base.d.ts.map +1 -0
  606. package/types/components/DateTimePicker/variations/_size/base.d.ts +2 -0
  607. package/types/components/DateTimePicker/variations/_size/base.d.ts.map +1 -0
  608. package/types/components/DateTimePicker/variations/_tooltip-size/base.d.ts +2 -0
  609. package/types/components/DateTimePicker/variations/_tooltip-size/base.d.ts.map +1 -0
  610. package/types/components/DateTimePicker/variations/_view/base.d.ts +2 -0
  611. package/types/components/DateTimePicker/variations/_view/base.d.ts.map +1 -0
  612. package/types/components/Select/Select.d.ts.map +1 -1
  613. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +2 -1
  614. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  615. package/types/components/Select/reducers/focusedPathReducer.d.ts +3 -0
  616. package/types/components/Select/reducers/focusedPathReducer.d.ts.map +1 -1
  617. package/types/components/Select/reducers/treePathReducer.d.ts +6 -0
  618. package/types/components/Select/reducers/treePathReducer.d.ts.map +1 -1
  619. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  620. package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts.map +1 -1
  621. package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts +1 -9
  622. package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts.map +1 -1
  623. package/types/components/TimePickerGrid/TimePickerGrid.d.ts.map +1 -1
  624. package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.d.ts +1 -1
  625. package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.d.ts.map +1 -1
  626. package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.types.d.ts +2 -1
  627. package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.types.d.ts.map +1 -1
  628. package/types/components/Tree/utils/deepCopy.d.ts +6 -0
  629. package/types/components/Tree/utils/deepCopy.d.ts.map +1 -0
  630. package/types/components/Tree/utils/index.d.ts +1 -0
  631. package/types/components/Tree/utils/index.d.ts.map +1 -1
  632. package/types/examples/components/Combobox/Combobox.config.d.ts.map +1 -1
  633. package/types/examples/components/Combobox/Combobox.d.ts +48 -0
  634. package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
  635. package/types/examples/components/DateTimePicker/DateTimePicker.config.d.ts +29 -0
  636. package/types/examples/components/DateTimePicker/DateTimePicker.config.d.ts.map +1 -0
  637. package/types/examples/components/DateTimePicker/DateTimePicker.d.ts +42 -0
  638. package/types/examples/components/DateTimePicker/DateTimePicker.d.ts.map +1 -0
  639. package/types/index.d.ts +1 -0
  640. package/types/index.d.ts.map +1 -1
  641. package/types/utils/index.d.ts +1 -0
  642. package/types/utils/index.d.ts.map +1 -1
  643. package/types/utils/isArraysEqual.d.ts +2 -0
  644. package/types/utils/isArraysEqual.d.ts.map +1 -0
@@ -1,4 +1,30 @@
1
+ function _array_like_to_array(arr, len) {
2
+ if (len == null || len > arr.length) len = arr.length;
3
+ for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
4
+ return arr2;
5
+ }
6
+ function _array_without_holes(arr) {
7
+ if (Array.isArray(arr)) return _array_like_to_array(arr);
8
+ }
9
+ function _iterable_to_array(iter) {
10
+ if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
11
+ }
12
+ function _non_iterable_spread() {
13
+ throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
14
+ }
15
+ function _to_consumable_array(arr) {
16
+ return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
17
+ }
18
+ function _unsupported_iterable_to_array(o, minLen) {
19
+ if (!o) return;
20
+ if (typeof o === "string") return _array_like_to_array(o, minLen);
21
+ var n = Object.prototype.toString.call(o).slice(8, -1);
22
+ if (n === "Object" && o.constructor) n = o.constructor.name;
23
+ if (n === "Map" || n === "Set") return Array.from(n);
24
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
25
+ }
1
26
  import { isEmpty } from "../../../../utils";
27
+ import { keyExists } from "../../../Select/reducers";
2
28
  var JUMP_SIZE = 10;
3
29
  export var keys = {
4
30
  Enter: 'Enter',
@@ -21,7 +47,53 @@ export var getItemByFocused = function(focusedPath, focusedToValueMap) {
21
47
  }, '').replace(/^(\/)/, '');
22
48
  return focusedToValueMap.get(focusedPathAsString);
23
49
  };
50
+ // #TODO: подумать над идеей выноса логики фокуса непосредственно в focusedPathReducer.
24
51
  export var useKeyNavigation = function(param) {
52
+ var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown, setTextValue = param.setTextValue, multiple = param.multiple, value = param.value, textValue = param.textValue, valueToItemMap = param.valueToItemMap, treePath = param.treePath, dispatchTreePath = param.dispatchTreePath, treeView = param.treeView, valueToPathMap = param.valueToPathMap, items = param.items;
53
+ if (treeView) {
54
+ return keyboardNavigationTree({
55
+ focusedPath: focusedPath,
56
+ dispatchFocusedPath: dispatchFocusedPath,
57
+ path: path,
58
+ dispatchPath: dispatchPath,
59
+ pathMap: pathMap,
60
+ focusedToValueMap: focusedToValueMap,
61
+ handleListToggle: handleListToggle,
62
+ handlePressDown: handlePressDown,
63
+ setTextValue: setTextValue,
64
+ multiple: multiple,
65
+ value: value,
66
+ textValue: textValue,
67
+ valueToItemMap: valueToItemMap,
68
+ treePath: treePath,
69
+ dispatchTreePath: dispatchTreePath,
70
+ treeView: treeView,
71
+ valueToPathMap: valueToPathMap,
72
+ items: items
73
+ });
74
+ }
75
+ return keyboardNavigationDefault({
76
+ focusedPath: focusedPath,
77
+ dispatchFocusedPath: dispatchFocusedPath,
78
+ path: path,
79
+ dispatchPath: dispatchPath,
80
+ pathMap: pathMap,
81
+ focusedToValueMap: focusedToValueMap,
82
+ handleListToggle: handleListToggle,
83
+ handlePressDown: handlePressDown,
84
+ setTextValue: setTextValue,
85
+ multiple: multiple,
86
+ value: value,
87
+ textValue: textValue,
88
+ valueToItemMap: valueToItemMap,
89
+ treePath: treePath,
90
+ dispatchTreePath: dispatchTreePath,
91
+ treeView: treeView,
92
+ valueToPathMap: valueToPathMap,
93
+ items: items
94
+ });
95
+ };
96
+ var keyboardNavigationDefault = function(param) {
25
97
  var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown, setTextValue = param.setTextValue, multiple = param.multiple, value = param.value, textValue = param.textValue, valueToItemMap = param.valueToItemMap;
26
98
  var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
27
99
  var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
@@ -280,3 +352,244 @@ export var useKeyNavigation = function(param) {
280
352
  onKeyDown: onKeyDown
281
353
  };
282
354
  };
355
+ var keyboardNavigationTree = function(param) {
356
+ var focusedPath = param.focusedPath, dispatchFocusedPath = param.dispatchFocusedPath, path = param.path, dispatchPath = param.dispatchPath, pathMap = param.pathMap, focusedToValueMap = param.focusedToValueMap, handleListToggle = param.handleListToggle, handlePressDown = param.handlePressDown, setTextValue = param.setTextValue, multiple = param.multiple, value = param.value, textValue = param.textValue, valueToItemMap = param.valueToItemMap, treePath = param.treePath, dispatchTreePath = param.dispatchTreePath, valueToPathMap = param.valueToPathMap, items = param.items;
357
+ var _currentItem_parent_items, _currentItem_parent;
358
+ var currentItem = getItemByFocused(focusedPath, focusedToValueMap);
359
+ var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
360
+ var currentLength = (currentItem === null || currentItem === void 0 ? void 0 : (_currentItem_parent = currentItem.parent) === null || _currentItem_parent === void 0 ? void 0 : (_currentItem_parent_items = _currentItem_parent.items) === null || _currentItem_parent_items === void 0 ? void 0 : _currentItem_parent_items.length) || pathMap.get('root') || 0;
361
+ var isValidFocus = function(focusCandidate) {
362
+ if (!Array.isArray(items) || !Array.isArray(focusCandidate)) return false;
363
+ var currentLevel = items;
364
+ var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
365
+ try {
366
+ for(var _iterator = focusCandidate[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
367
+ var index = _step.value;
368
+ if (!Array.isArray(currentLevel) || index >= currentLevel.length) {
369
+ return false;
370
+ }
371
+ var node = currentLevel[index];
372
+ currentLevel = node.items || [];
373
+ }
374
+ } catch (err) {
375
+ _didIteratorError = true;
376
+ _iteratorError = err;
377
+ } finally{
378
+ try {
379
+ if (!_iteratorNormalCompletion && _iterator.return != null) {
380
+ _iterator.return();
381
+ }
382
+ } finally{
383
+ if (_didIteratorError) {
384
+ throw _iteratorError;
385
+ }
386
+ }
387
+ }
388
+ return true;
389
+ };
390
+ var onKeyDown = function(event) {
391
+ switch(event.code){
392
+ case keys.ArrowUp:
393
+ {
394
+ if (path[0]) {
395
+ event.stopPropagation();
396
+ event.preventDefault();
397
+ }
398
+ /**
399
+ * Если список открыт и фокус уже установлен на каком-либо элементе.
400
+ * */ if (focusedPath.length) {
401
+ /**
402
+ * Если это не первый элемент, то нужно вначале найти элемент для фокуса.
403
+ * Т.к. если верхний элемент раскрыт, то и перемещаться нужно не на него,
404
+ * а на его самый нижний дочерний элемент.
405
+ * */ if (currentIndex > 0) {
406
+ var nextFocus = _to_consumable_array(focusedPath.slice(0, -1)).concat([
407
+ currentIndex - 1
408
+ ]);
409
+ for(var i = 0; i <= focusedPath.length; i++){
410
+ var focusedPathAsString = nextFocus.reduce(function(acc, n) {
411
+ return "".concat(acc, "/").concat(n);
412
+ }, '').replace(/^(\/)/, '');
413
+ var item = focusedToValueMap.get(focusedPathAsString);
414
+ var isLevelOpened = keyExists(treePath, valueToPathMap.get(item === null || item === void 0 ? void 0 : item.value.toString()) || []);
415
+ if (isLevelOpened) {
416
+ var _item_items;
417
+ nextFocus = _to_consumable_array(nextFocus).concat([
418
+ ((item === null || item === void 0 ? void 0 : (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.length) || 0) - 1
419
+ ]);
420
+ } else {
421
+ break;
422
+ }
423
+ }
424
+ dispatchFocusedPath({
425
+ type: 'set_focus',
426
+ value: nextFocus
427
+ });
428
+ } else {
429
+ /**
430
+ * Если элемент первый, то нужно лишь подняться к его родителю.
431
+ * */ dispatchFocusedPath({
432
+ type: 'return_prev_focus'
433
+ });
434
+ }
435
+ } else {
436
+ /**
437
+ * Если список закрыт, то нужно его открыть и установить фокус на первый элемент.
438
+ * */ dispatchPath({
439
+ type: 'opened_first_level'
440
+ });
441
+ dispatchFocusedPath({
442
+ type: 'set_initial_focus'
443
+ });
444
+ handleListToggle(true);
445
+ }
446
+ break;
447
+ }
448
+ case keys.ArrowDown:
449
+ {
450
+ if (path[0]) {
451
+ event.stopPropagation();
452
+ event.preventDefault();
453
+ }
454
+ /**
455
+ * Если список открыт и фокус уже установлен на каком-либо элементе.
456
+ * */ if (focusedPath.length) {
457
+ /**
458
+ * Заходим сюда если у элемента есть другие вложенные элементы.
459
+ * */ if ((currentItem === null || currentItem === void 0 ? void 0 : currentItem.items) && (currentItem === null || currentItem === void 0 ? void 0 : currentItem.items.length)) {
460
+ var isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(currentItem.value.toString()) || []);
461
+ /**
462
+ * Если у этого элемента открыт его дочерний список,
463
+ * то устанавливаем фокус на первый элемент из этого списка
464
+ * и сразу же выходим из обработчика события.
465
+ * */ if (isCurrentLevelOpened) {
466
+ dispatchFocusedPath({
467
+ type: 'add_focus',
468
+ value: 0
469
+ });
470
+ break;
471
+ }
472
+ }
473
+ /**
474
+ * Если мы еще не достигли конца списка, то движемся к следующему элементу.
475
+ * */ if (currentIndex + 1 < currentLength) {
476
+ dispatchFocusedPath({
477
+ type: 'change_last_focus',
478
+ value: currentIndex + 1
479
+ });
480
+ } else {
481
+ /**
482
+ * Если же достигли последнего элемента на текущем уровне, то нужно определить,
483
+ * на какой из элементов ниже мы перейдем.
484
+ * Переход фокуса отсюда может быть только на уровни выше, при чем сразу на несколько.
485
+ * */ var focusCandidate = _to_consumable_array(focusedPath);
486
+ var nextFocus1 = null;
487
+ while(focusCandidate.length > 1){
488
+ focusCandidate = _to_consumable_array(focusCandidate.slice(0, -2)).concat([
489
+ (focusCandidate.at(-2) || 0) + 1
490
+ ]);
491
+ if (isValidFocus(focusCandidate)) {
492
+ nextFocus1 = focusCandidate;
493
+ break;
494
+ }
495
+ }
496
+ if (nextFocus1) {
497
+ dispatchFocusedPath({
498
+ type: 'set_focus',
499
+ value: nextFocus1
500
+ });
501
+ } else {
502
+ break;
503
+ }
504
+ }
505
+ } else {
506
+ /**
507
+ * Если список закрыт, то нужно его открыть и установить фокус на первый элемент.
508
+ * */ dispatchPath({
509
+ type: 'opened_first_level'
510
+ });
511
+ dispatchFocusedPath({
512
+ type: 'set_initial_focus'
513
+ });
514
+ handleListToggle(true);
515
+ }
516
+ break;
517
+ }
518
+ case keys.ArrowLeft:
519
+ {
520
+ if (path[0]) {
521
+ event.stopPropagation();
522
+ event.preventDefault();
523
+ if (focusedPath.length) {
524
+ dispatchTreePath({
525
+ type: 'close_level',
526
+ value: valueToPathMap.get((currentItem === null || currentItem === void 0 ? void 0 : currentItem.value.toString()) || '') || []
527
+ });
528
+ }
529
+ }
530
+ break;
531
+ }
532
+ case keys.ArrowRight:
533
+ {
534
+ if (path[0]) {
535
+ event.stopPropagation();
536
+ event.preventDefault();
537
+ if (!focusedPath.length || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.disabled) || !(currentItem === null || currentItem === void 0 ? void 0 : currentItem.items)) {
538
+ break;
539
+ }
540
+ dispatchTreePath({
541
+ type: 'open_level',
542
+ value: valueToPathMap.get(currentItem.value.toString()) || []
543
+ });
544
+ }
545
+ break;
546
+ }
547
+ case keys.Enter:
548
+ {
549
+ event.preventDefault();
550
+ if (!currentItem || (currentItem === null || currentItem === void 0 ? void 0 : currentItem.disabled)) {
551
+ break;
552
+ }
553
+ if (!path[0]) {
554
+ dispatchPath({
555
+ type: 'opened_first_level'
556
+ });
557
+ dispatchFocusedPath({
558
+ type: 'set_initial_focus'
559
+ });
560
+ break;
561
+ }
562
+ handlePressDown(currentItem);
563
+ break;
564
+ }
565
+ case keys.Tab:
566
+ case keys.Escape:
567
+ {
568
+ if (path[0]) {
569
+ handleListToggle(false);
570
+ }
571
+ if (multiple) {
572
+ setTextValue('');
573
+ } else if (textValue !== value) {
574
+ // Проверяем, отличается ли значение в инпуте от выбранного value после нажатия Tab/Enter.
575
+ // Если изменилось, то возвращаем label выбранного айтема.
576
+ // Если нет выбранного элемента, то стираем значение инпута.
577
+ if (isEmpty(value)) {
578
+ setTextValue('');
579
+ } else {
580
+ var _valueToItemMap_get;
581
+ setTextValue(((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || '');
582
+ }
583
+ }
584
+ break;
585
+ }
586
+ default:
587
+ {
588
+ break;
589
+ }
590
+ }
591
+ };
592
+ return {
593
+ onKeyDown: onKeyDown
594
+ };
595
+ };
@@ -29,6 +29,10 @@ export function focusedPathReducer(state, action) {
29
29
  {
30
30
  return [];
31
31
  }
32
+ case 'set_focus':
33
+ {
34
+ return action.value;
35
+ }
32
36
  case 'set_initial_focus':
33
37
  {
34
38
  return [
@@ -49,6 +53,9 @@ export function focusedPathReducer(state, action) {
49
53
  }
50
54
  case 'return_prev_focus':
51
55
  {
56
+ if (state.length === 1) {
57
+ return state;
58
+ }
52
59
  return state.slice(0, -1);
53
60
  }
54
61
  default:
@@ -1,2 +1,3 @@
1
1
  export * from "./pathReducer";
2
2
  export * from "./focusedPathReducer";
3
+ export * from "./treePathReducer";
@@ -0,0 +1,157 @@
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
+ /**
58
+ * Утилита, которая получает на вход список отфильтрованных элементов и
59
+ * callback, с помощью которого эти элементы были отфильтрованы.
60
+ * Возвращает TreePathState, т.е. список раскрытых групп.
61
+ * По умолчанию группа не раскрывается, если в ней не было найдено ни одного элемента.
62
+ * Но т.к. поиск может осуществляться как по элементам, так и по группам,
63
+ * то может возникнуть ситуация, когда будет найдена как группа с определенным названием,
64
+ * так и элемент с таким же названием внутри нее, и в таком случае мы должны частично раскрыть группу,
65
+ * вплоть то найденного элемента.
66
+ * Если найдена только группа, без элементов внутри нее, то саму эту группу
67
+ * раскрывать не нужно. Нужно раскрыть только родителя этой группы.
68
+ */ function generateNestedTreePathFromFilteredItems(filteredItems, filterCb, textValue) {
69
+ var result = {};
70
+ function traverse(items, currentPath) {
71
+ var hasFoundItems = false;
72
+ var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
73
+ try {
74
+ for(var _iterator = items[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
75
+ var item = _step.value;
76
+ var isFound = filterCb(item, textValue);
77
+ if (item.items && item.items.length > 0) {
78
+ // Обрабатываем детей
79
+ var childPath = {};
80
+ var foundInChildren = traverse(item.items, childPath);
81
+ if (foundInChildren) {
82
+ // Если в детях найдены элементы - добавляем путь
83
+ currentPath[item.value] = childPath;
84
+ hasFoundItems = true;
85
+ }
86
+ // Если сама группа найдена, но в детях ничего нет - НЕ добавляем путь
87
+ // Просто отмечаем что что-то найдено на этом уровне
88
+ if (isFound && !foundInChildren) {
89
+ hasFoundItems = true;
90
+ }
91
+ } else if (isFound) {
92
+ // Для конечного элемента не добавляем путь в currentPath,
93
+ // но отмечаем что на этом уровне есть найденные элементы
94
+ hasFoundItems = true;
95
+ }
96
+ }
97
+ } catch (err) {
98
+ _didIteratorError = true;
99
+ _iteratorError = err;
100
+ } finally{
101
+ try {
102
+ if (!_iteratorNormalCompletion && _iterator.return != null) {
103
+ _iterator.return();
104
+ }
105
+ } finally{
106
+ if (_didIteratorError) {
107
+ throw _iteratorError;
108
+ }
109
+ }
110
+ }
111
+ return hasFoundItems;
112
+ }
113
+ traverse(filteredItems, result);
114
+ return result;
115
+ }
116
+ export function treePathReducer(state, action) {
117
+ switch(action.type){
118
+ case 'reset':
119
+ {
120
+ return {};
121
+ }
122
+ case 'toggled_level':
123
+ {
124
+ var stateCopy = deepCopy(state);
125
+ var isTargetLevelOpened = keyExists(stateCopy, action.value);
126
+ if (isTargetLevelOpened) {
127
+ // нужно закрыть текущий уровень
128
+ removeObjectAtPath(stateCopy, action.value);
129
+ } else {
130
+ // нужно открыть требуемый уровень
131
+ createObjectAtPath(stateCopy, action.value);
132
+ }
133
+ return stateCopy;
134
+ }
135
+ case 'expand_by_key':
136
+ {
137
+ var _action_value = action.value, filteredItems = _action_value.filteredItems, filterCb = _action_value.filterCb, textValue = _action_value.textValue;
138
+ return generateNestedTreePathFromFilteredItems(filteredItems, filterCb, textValue);
139
+ }
140
+ case 'open_level':
141
+ {
142
+ var stateCopy1 = deepCopy(state);
143
+ createObjectAtPath(stateCopy1, action.value);
144
+ return stateCopy1;
145
+ }
146
+ case 'close_level':
147
+ {
148
+ var stateCopy2 = deepCopy(state);
149
+ removeObjectAtPath(stateCopy2, action.value);
150
+ return stateCopy2;
151
+ }
152
+ default:
153
+ {
154
+ return state;
155
+ }
156
+ }
157
+ }
@@ -0,0 +1,79 @@
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, beforeList = param.beforeList, afterList = param.afterList;
8
+ if (virtual) {
9
+ return /*#__PURE__*/ React.createElement(VirtualTreeList, {
10
+ items: items,
11
+ listMaxHeight: listMaxHeight,
12
+ onScroll: onScroll,
13
+ beforeList: beforeList,
14
+ afterList: afterList
15
+ });
16
+ }
17
+ return /*#__PURE__*/ React.createElement(ListWrapper, null, /*#__PURE__*/ React.createElement(ScrollContainer, {
18
+ listMaxHeight: listMaxHeight,
19
+ onScroll: onScroll
20
+ }, beforeList, items === null || items === void 0 ? void 0 : items.map(function(item, index) {
21
+ return /*#__PURE__*/ React.createElement(Item, {
22
+ key: index,
23
+ item: item,
24
+ pathToItem: [
25
+ index
26
+ ]
27
+ });
28
+ }), afterList));
29
+ };
30
+ var VirtualTreeList = function(param) {
31
+ var _param_items = param.items, items = _param_items === void 0 ? [] : _param_items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll, beforeList = param.beforeList, afterList = param.afterList;
32
+ var _virtualItems_;
33
+ var parentRef = useRef(null);
34
+ var virtualizer = useVirtualizer({
35
+ count: items.length,
36
+ getScrollElement: function() {
37
+ return parentRef.current;
38
+ },
39
+ estimateSize: function() {
40
+ return 48;
41
+ }
42
+ });
43
+ var virtualItems = virtualizer.getVirtualItems();
44
+ var _virtualItems__start;
45
+ return /*#__PURE__*/ React.createElement(ListWrapper, null, beforeList, /*#__PURE__*/ React.createElement("div", {
46
+ ref: parentRef,
47
+ style: {
48
+ height: 'auto',
49
+ maxHeight: getHeightAsNumber(listMaxHeight),
50
+ overflowY: 'auto'
51
+ },
52
+ onScroll: onScroll
53
+ }, /*#__PURE__*/ React.createElement("div", {
54
+ style: {
55
+ height: virtualizer.getTotalSize(),
56
+ width: '100%',
57
+ position: 'relative'
58
+ }
59
+ }, /*#__PURE__*/ React.createElement("div", {
60
+ style: {
61
+ position: 'absolute',
62
+ top: 0,
63
+ left: 0,
64
+ width: '100%',
65
+ 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)")
66
+ }
67
+ }, virtualItems.map(function(virtualRow) {
68
+ return /*#__PURE__*/ React.createElement("div", {
69
+ key: virtualRow.key,
70
+ "data-index": virtualRow.index,
71
+ ref: virtualizer.measureElement
72
+ }, /*#__PURE__*/ React.createElement(Item, {
73
+ item: items[virtualRow.index],
74
+ pathToItem: [
75
+ virtualRow.index
76
+ ]
77
+ }));
78
+ })))), afterList);
79
+ };
@@ -0,0 +1,13 @@
1
+ import styled from "@emotion/styled";
2
+ import { constants, tokens } from "../../Combobox.tokens";
3
+ export var ListWrapper = /*#__PURE__*/ styled("div", {
4
+ target: "e1w1aqp20",
5
+ label: "ListWrapper"
6
+ })("width:100%;padding:calc(var(", tokens.padding, ") + var(", tokens.dropdownBorderWidth, ",0rem));border-radius:var(", tokens.borderRadius, ");box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ",inset 0 0 0 var(", tokens.dropdownBorderWidth, ",0rem) var(", tokens.dropdownBorderColor, ",transparent);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db21ib2JveC9Db21ib2JveE5ldy91aS9UcmVlTGlzdC9UcmVlTGlzdC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvdWkvVHJlZUxpc3QvVHJlZUxpc3Quc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnc3JjL2NvbXBvbmVudHMvU2VsZWN0JztcblxuaW1wb3J0IHsgY29uc3RhbnRzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9Db21ib2JveC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmc6IGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSArIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fSxcbiAgICAgICAgaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJDb2xvcn0sIHRyYW5zcGFyZW50KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTY3JvbGxDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0TWF4SGVpZ2h0PzogU2VsZWN0UHJvcHNbJ2xpc3RNYXhIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgbGlzdE1heEhlaWdodCB9KSA9PiBsaXN0TWF4SGVpZ2h0IHx8ICdhdXRvJ307XG4gICAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSkgLSAwLjEyNXJlbSAtIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMkIifQ== */");
7
+ export var ScrollContainer = /*#__PURE__*/ styled("div", {
8
+ target: "e1w1aqp21",
9
+ label: "ScrollContainer"
10
+ })("max-height:", function(param) {
11
+ var listMaxHeight = param.listMaxHeight;
12
+ return listMaxHeight || 'auto';
13
+ }, ";overflow-x:hidden;overflow-y:auto;border-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.dropdownBorderWidth, ",0rem));", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db21ib2JveC9Db21ib2JveE5ldy91aS9UcmVlTGlzdC9UcmVlTGlzdC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvdWkvVHJlZUxpc3QvVHJlZUxpc3Quc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnc3JjL2NvbXBvbmVudHMvU2VsZWN0JztcblxuaW1wb3J0IHsgY29uc3RhbnRzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9Db21ib2JveC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmc6IGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSArIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fSxcbiAgICAgICAgaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJDb2xvcn0sIHRyYW5zcGFyZW50KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTY3JvbGxDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0TWF4SGVpZ2h0PzogU2VsZWN0UHJvcHNbJ2xpc3RNYXhIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgbGlzdE1heEhlaWdodCB9KSA9PiBsaXN0TWF4SGVpZ2h0IHx8ICdhdXRvJ307XG4gICAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSkgLSAwLjEyNXJlbSAtIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlK0IifQ== */");