@salutejs/plasma-new-hope 0.336.0-canary.2210.17550717632.0 → 0.336.0-canary.2210.17574972381.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 (228) hide show
  1. package/cjs/components/CodeField/CodeField.css +7 -7
  2. package/cjs/components/CodeField/CodeField.styles.js +1 -1
  3. package/cjs/components/CodeField/CodeField.styles.js.map +1 -1
  4. package/cjs/components/CodeField/{CodeField.styles_7tebk.css → CodeField.styles_14p25hi.css} +1 -1
  5. package/cjs/components/Combobox/ComboboxNew/Combobox.css +6 -6
  6. package/cjs/components/Combobox/ComboboxNew/Combobox.js +22 -23
  7. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  8. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +3 -4
  9. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  10. package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_isfa46.css → Combobox.styles_261unw.css} +1 -1
  11. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
  12. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  13. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
  14. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  15. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +6 -6
  16. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +11 -5
  17. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  18. package/cjs/components/Combobox/ComboboxOld/Combobox.css +2 -2
  19. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -2
  20. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -2
  21. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -2
  22. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -2
  23. package/cjs/components/Drawer/hooks/useDrawer.js +12 -0
  24. package/cjs/components/Drawer/hooks/useDrawer.js.map +1 -1
  25. package/cjs/components/Dropdown/Dropdown.css +2 -2
  26. package/cjs/components/Dropdown/Dropdown.js +6 -10
  27. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  28. package/cjs/components/Dropdown/Dropdown.styles.js +2 -9
  29. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  30. package/{es/components/Dropdown/Dropdown.styles_zheit5.css → cjs/components/Dropdown/Dropdown.styles_kkvnr1.css} +1 -1
  31. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
  32. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
  33. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.css +2 -2
  34. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -9
  35. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  36. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
  37. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  38. package/cjs/components/Pagination/Pagination.css +2 -2
  39. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  40. package/cjs/components/Select/Select.css +2 -2
  41. package/cjs/components/Select/Select.js +4 -3
  42. package/cjs/components/Select/Select.js.map +1 -1
  43. package/cjs/components/Select/Select.styles.js +3 -4
  44. package/cjs/components/Select/Select.styles.js.map +1 -1
  45. package/{es/components/Select/Select.styles_bjoo18.css → cjs/components/Select/Select.styles_dta4dl.css} +1 -1
  46. package/cjs/components/Select/hooks/useKeyboardNavigation.js +3 -7
  47. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  48. package/cjs/components/Select/ui/Inner/Inner.css +2 -2
  49. package/cjs/components/Select/ui/Inner/Inner.js +11 -5
  50. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  51. package/cjs/components/Table/Table.css +2 -2
  52. package/cjs/components/Table/ui/Cell/Cell.css +2 -2
  53. package/cjs/components/Table/ui/EditableCell/EditableCell.css +2 -2
  54. package/cjs/components/Table/ui/HeadCell/HeadCell.css +2 -2
  55. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
  56. package/cjs/index.css +17 -17
  57. package/emotion/cjs/components/CodeField/CodeField.styles.js +13 -13
  58. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +20 -22
  59. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +16 -16
  60. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
  61. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
  62. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +50 -9
  63. package/emotion/cjs/components/Drawer/hooks/useDrawer.js +11 -0
  64. package/emotion/cjs/components/Dropdown/Dropdown.js +6 -10
  65. package/emotion/cjs/components/Dropdown/Dropdown.styles.js +5 -8
  66. package/emotion/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
  67. package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +48 -11
  68. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
  69. package/emotion/cjs/components/Select/Select.js +4 -2
  70. package/emotion/cjs/components/Select/Select.styles.js +8 -8
  71. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +3 -7
  72. package/emotion/cjs/components/Select/ui/Inner/Inner.js +50 -9
  73. package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  74. package/emotion/es/components/CodeField/CodeField.styles.js +13 -13
  75. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +20 -22
  76. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +16 -16
  77. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
  78. package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
  79. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +11 -6
  80. package/emotion/es/components/Drawer/hooks/useDrawer.js +11 -0
  81. package/emotion/es/components/Dropdown/Dropdown.js +6 -10
  82. package/emotion/es/components/Dropdown/Dropdown.styles.js +5 -8
  83. package/emotion/es/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
  84. package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -8
  85. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
  86. package/emotion/es/components/Select/Select.js +4 -2
  87. package/emotion/es/components/Select/Select.styles.js +8 -8
  88. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +3 -7
  89. package/emotion/es/components/Select/ui/Inner/Inner.js +11 -6
  90. package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  91. package/es/components/CodeField/CodeField.css +7 -7
  92. package/es/components/CodeField/CodeField.styles.js +1 -1
  93. package/es/components/CodeField/CodeField.styles.js.map +1 -1
  94. package/es/components/CodeField/{CodeField.styles_7tebk.css → CodeField.styles_14p25hi.css} +1 -1
  95. package/es/components/Combobox/ComboboxNew/Combobox.css +6 -6
  96. package/es/components/Combobox/ComboboxNew/Combobox.js +22 -23
  97. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  98. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +3 -4
  99. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  100. package/es/components/Combobox/ComboboxNew/{Combobox.styles_isfa46.css → Combobox.styles_261unw.css} +1 -1
  101. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
  102. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  103. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
  104. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  105. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +6 -6
  106. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +12 -6
  107. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  108. package/es/components/Combobox/ComboboxOld/Combobox.css +2 -2
  109. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -2
  110. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -2
  111. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -2
  112. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -2
  113. package/es/components/Drawer/hooks/useDrawer.js +12 -0
  114. package/es/components/Drawer/hooks/useDrawer.js.map +1 -1
  115. package/es/components/Dropdown/Dropdown.css +2 -2
  116. package/es/components/Dropdown/Dropdown.js +6 -10
  117. package/es/components/Dropdown/Dropdown.js.map +1 -1
  118. package/es/components/Dropdown/Dropdown.styles.js +2 -9
  119. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  120. package/{cjs/components/Dropdown/Dropdown.styles_zheit5.css → es/components/Dropdown/Dropdown.styles_kkvnr1.css} +1 -1
  121. package/es/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
  122. package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
  123. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css +2 -2
  124. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +10 -10
  125. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  126. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
  127. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  128. package/es/components/Pagination/Pagination.css +2 -2
  129. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  130. package/es/components/Select/Select.css +2 -2
  131. package/es/components/Select/Select.js +4 -3
  132. package/es/components/Select/Select.js.map +1 -1
  133. package/es/components/Select/Select.styles.js +3 -4
  134. package/es/components/Select/Select.styles.js.map +1 -1
  135. package/{cjs/components/Select/Select.styles_bjoo18.css → es/components/Select/Select.styles_dta4dl.css} +1 -1
  136. package/es/components/Select/hooks/useKeyboardNavigation.js +3 -7
  137. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  138. package/es/components/Select/ui/Inner/Inner.css +2 -2
  139. package/es/components/Select/ui/Inner/Inner.js +12 -6
  140. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  141. package/es/components/Table/Table.css +2 -2
  142. package/es/components/Table/ui/Cell/Cell.css +2 -2
  143. package/es/components/Table/ui/EditableCell/EditableCell.css +2 -2
  144. package/es/components/Table/ui/HeadCell/HeadCell.css +2 -2
  145. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
  146. package/es/index.css +17 -17
  147. package/package.json +2 -2
  148. package/styled-components/cjs/components/CodeField/CodeField.styles.js +7 -7
  149. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +20 -22
  150. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +9 -9
  151. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
  152. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
  153. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +50 -9
  154. package/styled-components/cjs/components/Drawer/hooks/useDrawer.js +11 -0
  155. package/styled-components/cjs/components/Dropdown/Dropdown.js +6 -10
  156. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +3 -7
  157. package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
  158. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +48 -11
  159. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
  160. package/styled-components/cjs/components/Select/Select.js +4 -2
  161. package/styled-components/cjs/components/Select/Select.styles.js +5 -5
  162. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +3 -7
  163. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +50 -9
  164. package/styled-components/es/components/CodeField/CodeField.styles.js +7 -7
  165. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +20 -22
  166. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +9 -9
  167. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -1
  168. package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +3 -7
  169. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +11 -6
  170. package/styled-components/es/components/Drawer/hooks/useDrawer.js +11 -0
  171. package/styled-components/es/components/Dropdown/Dropdown.js +6 -10
  172. package/styled-components/es/components/Dropdown/Dropdown.styles.js +3 -7
  173. package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +3 -7
  174. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +9 -8
  175. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +1 -1
  176. package/styled-components/es/components/Select/Select.js +4 -2
  177. package/styled-components/es/components/Select/Select.styles.js +5 -5
  178. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +3 -7
  179. package/styled-components/es/components/Select/ui/Inner/Inner.js +11 -6
  180. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  181. package/types/components/Autocomplete/Autocomplete.types.d.ts +6 -6
  182. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
  183. package/types/components/CodeField/CodeField.styles.d.ts.map +1 -1
  184. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  185. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +0 -1
  186. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  187. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -1
  188. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +6 -6
  189. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  190. package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.d.ts.map +1 -1
  191. package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.type.d.ts +2 -1
  192. package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.type.d.ts.map +1 -1
  193. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts +6 -2
  194. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  195. package/types/components/Drawer/hooks/useDrawer.d.ts.map +1 -1
  196. package/types/components/Dropdown/Dropdown.d.ts +4 -4
  197. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  198. package/types/components/Dropdown/Dropdown.styles.d.ts +0 -1
  199. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  200. package/types/components/Dropdown/Dropdown.types.d.ts +6 -6
  201. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  202. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
  203. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +2 -3
  204. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
  205. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +7 -3
  206. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  207. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +6 -6
  208. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  209. package/types/components/Select/Select.d.ts.map +1 -1
  210. package/types/components/Select/Select.styles.d.ts +0 -1
  211. package/types/components/Select/Select.styles.d.ts.map +1 -1
  212. package/types/components/Select/Select.types.d.ts +10 -10
  213. package/types/components/Select/Select.types.d.ts.map +1 -1
  214. package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
  215. package/types/components/Select/ui/Inner/Inner.type.d.ts +2 -1
  216. package/types/components/Select/ui/Inner/Inner.type.d.ts.map +1 -1
  217. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +11 -3
  218. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  219. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +6 -6
  220. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
  221. package/types/examples/components/Autocomplete/Autocomplete.d.ts +40 -40
  222. package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  223. package/types/examples/components/Combobox/Combobox.d.ts +24 -24
  224. package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
  225. package/types/examples/components/Dropdown/Dropdown.d.ts +2 -2
  226. package/types/examples/components/Dropdown/Dropdown.d.ts.map +1 -1
  227. package/types/examples/components/Select/Select.d.ts +6 -6
  228. package/types/examples/components/Select/Select.d.ts.map +1 -1
@@ -3,20 +3,17 @@ import { css } from "@emotion/react";
3
3
  import { getCorrectHeight } from "./utils";
4
4
  import { tokens, constants } from "./Dropdown.tokens";
5
5
  export var ListWrapper = /*#__PURE__*/ styled("div", {
6
- target: "e1ofxa2w0",
6
+ target: "et72kcn0",
7
7
  label: "ListWrapper"
8
8
  })("width:", function(param) {
9
9
  var listWidth = param.listWidth;
10
10
  return listWidth || "var(".concat(tokens.width, ")");
11
- }, ";padding:calc(var(", tokens.padding, ") + var(", tokens.borderWidth, ",0rem));border-radius:var(", tokens.borderRadius, ");box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ",inset 0 0 0 var(", tokens.borderWidth, ",0) var(", tokens.borderColor, ",transparent);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4vRHJvcGRvd24udHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL0Ryb3Bkb3duLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICAgIGxpc3RXaWR0aD86IERyb3Bkb3duUHJvcHNbJ2xpc3RXaWR0aCddO1xufT5gXG4gICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCBgdmFyKCR7dG9rZW5zLndpZHRofSlgfTtcbiAgICBwYWRkaW5nOiBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKyB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwKSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3J9LCB0cmFuc3BhcmVudCk7XG5gO1xuXG5leHBvcnQgY29uc3QgVWwgPSBzdHlsZWQudWw8e1xuICAgIGxpc3RNYXhIZWlnaHQ6IERyb3Bkb3duUHJvcHNbJ2xpc3RIZWlnaHQnXTtcbiAgICBsaXN0T3ZlcmZsb3c6IERyb3Bkb3duUHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyBsaXN0TWF4SGVpZ2h0IH0pID0+IChsaXN0TWF4SGVpZ2h0ID8gZ2V0Q29ycmVjdEhlaWdodChsaXN0TWF4SGVpZ2h0KSA6ICdhdXRvJyl9O1xuICAgIG92ZXJmbG93LXk6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAndmlzaWJsZSd9O1xuICAgIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pIC0gMC4xMjVyZW0gLSB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8yQiJ9 */");
11
+ }, ";padding:calc(var(", tokens.padding, ") + var(", tokens.borderWidth, ",0rem));border-radius:var(", tokens.borderRadius, ");box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ",inset 0 0 0 var(", tokens.borderWidth, ",0) var(", tokens.borderColor, ",transparent);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4vRHJvcGRvd24udHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL0Ryb3Bkb3duLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICAgIGxpc3RXaWR0aD86IERyb3Bkb3duUHJvcHNbJ2xpc3RXaWR0aCddO1xufT5gXG4gICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCBgdmFyKCR7dG9rZW5zLndpZHRofSlgfTtcbiAgICBwYWRkaW5nOiBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKyB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwKSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3J9LCB0cmFuc3BhcmVudCk7XG5gO1xuXG5leHBvcnQgY29uc3QgVWwgPSBzdHlsZWQudWw8e1xuICAgIGxpc3RNYXhIZWlnaHQ6IERyb3Bkb3duUHJvcHNbJ2xpc3RIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgbGlzdE1heEhlaWdodCB9KSA9PiAobGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdy14OiBoaWRkZW47XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmJvcmRlcldpZHRofSwgMHJlbSkpO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMkIifQ== */");
12
12
  export var Ul = /*#__PURE__*/ styled("ul", {
13
- target: "e1ofxa2w1",
13
+ target: "et72kcn1",
14
14
  label: "Ul"
15
15
  })("max-height:", function(param) {
16
16
  var listMaxHeight = param.listMaxHeight;
17
17
  return listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto';
18
- }, ";overflow-y:", function(param) {
19
- var listOverflow = param.listOverflow;
20
- return listOverflow || 'visible';
21
- }, ";border-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.borderWidth, ",0rem));margin:0;padding:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4vRHJvcGRvd24udHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL0Ryb3Bkb3duLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICAgIGxpc3RXaWR0aD86IERyb3Bkb3duUHJvcHNbJ2xpc3RXaWR0aCddO1xufT5gXG4gICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCBgdmFyKCR7dG9rZW5zLndpZHRofSlgfTtcbiAgICBwYWRkaW5nOiBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKyB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwKSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3J9LCB0cmFuc3BhcmVudCk7XG5gO1xuXG5leHBvcnQgY29uc3QgVWwgPSBzdHlsZWQudWw8e1xuICAgIGxpc3RNYXhIZWlnaHQ6IERyb3Bkb3duUHJvcHNbJ2xpc3RIZWlnaHQnXTtcbiAgICBsaXN0T3ZlcmZsb3c6IERyb3Bkb3duUHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyBsaXN0TWF4SGVpZ2h0IH0pID0+IChsaXN0TWF4SGVpZ2h0ID8gZ2V0Q29ycmVjdEhlaWdodChsaXN0TWF4SGVpZ2h0KSA6ICdhdXRvJyl9O1xuICAgIG92ZXJmbG93LXk6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAndmlzaWJsZSd9O1xuICAgIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pIC0gMC4xMjVyZW0gLSB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ca0IifQ== */");
22
- export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4vRHJvcGRvd24udHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL0Ryb3Bkb3duLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICAgIGxpc3RXaWR0aD86IERyb3Bkb3duUHJvcHNbJ2xpc3RXaWR0aCddO1xufT5gXG4gICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCBgdmFyKCR7dG9rZW5zLndpZHRofSlgfTtcbiAgICBwYWRkaW5nOiBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKyB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwKSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3J9LCB0cmFuc3BhcmVudCk7XG5gO1xuXG5leHBvcnQgY29uc3QgVWwgPSBzdHlsZWQudWw8e1xuICAgIGxpc3RNYXhIZWlnaHQ6IERyb3Bkb3duUHJvcHNbJ2xpc3RIZWlnaHQnXTtcbiAgICBsaXN0T3ZlcmZsb3c6IERyb3Bkb3duUHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyBsaXN0TWF4SGVpZ2h0IH0pID0+IChsaXN0TWF4SGVpZ2h0ID8gZ2V0Q29ycmVjdEhlaWdodChsaXN0TWF4SGVpZ2h0KSA6ICdhdXRvJyl9O1xuICAgIG92ZXJmbG93LXk6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAndmlzaWJsZSd9O1xuICAgIGJvcmRlci1yYWRpdXM6IGNhbGModmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pIC0gMC4xMjVyZW0gLSB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCb0IifQ== */");
18
+ }, ";overflow-x:hidden;overflow-y:auto;border-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.borderWidth, ",0rem));margin:0;padding:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4vRHJvcGRvd24udHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL0Ryb3Bkb3duLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICAgIGxpc3RXaWR0aD86IERyb3Bkb3duUHJvcHNbJ2xpc3RXaWR0aCddO1xufT5gXG4gICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCBgdmFyKCR7dG9rZW5zLndpZHRofSlgfTtcbiAgICBwYWRkaW5nOiBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKyB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwKSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3J9LCB0cmFuc3BhcmVudCk7XG5gO1xuXG5leHBvcnQgY29uc3QgVWwgPSBzdHlsZWQudWw8e1xuICAgIGxpc3RNYXhIZWlnaHQ6IERyb3Bkb3duUHJvcHNbJ2xpc3RIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgbGlzdE1heEhlaWdodCB9KSA9PiAobGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdy14OiBoaWRkZW47XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmJvcmRlcldpZHRofSwgMHJlbSkpO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmtCIn0= */");
19
+ export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgRHJvcGRvd25Qcm9wcyB9IGZyb20gJy4vRHJvcGRvd24udHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL0Ryb3Bkb3duLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBMaXN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICAgIGxpc3RXaWR0aD86IERyb3Bkb3duUHJvcHNbJ2xpc3RXaWR0aCddO1xufT5gXG4gICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCBgdmFyKCR7dG9rZW5zLndpZHRofSlgfTtcbiAgICBwYWRkaW5nOiBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKyB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyV2lkdGh9LCAwKSB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3J9LCB0cmFuc3BhcmVudCk7XG5gO1xuXG5leHBvcnQgY29uc3QgVWwgPSBzdHlsZWQudWw8e1xuICAgIGxpc3RNYXhIZWlnaHQ6IERyb3Bkb3duUHJvcHNbJ2xpc3RIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgbGlzdE1heEhlaWdodCB9KSA9PiAobGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdy14OiBoaWRkZW47XG4gICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmJvcmRlcldpZHRofSwgMHJlbSkpO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Qm9CIn0= */");
@@ -162,13 +162,9 @@ export var useKeyNavigation = function(param) {
162
162
  case keys.Tab:
163
163
  case keys.Escape:
164
164
  {
165
- dispatchFocusedPath({
166
- type: 'reset'
167
- });
168
- dispatchPath({
169
- type: 'reset'
170
- });
171
- handleGlobalToggle(false, event);
165
+ if (path[0]) {
166
+ handleGlobalToggle(false, event);
167
+ }
172
168
  break;
173
169
  }
174
170
  case keys.Home:
@@ -1,11 +1,11 @@
1
- import React from "react";
1
+ import React, { useRef } from "react";
2
2
  import { safeUseId } from "../../../../utils";
3
3
  import { DropdownItem } from "../DropdownItem/DropdownItem";
4
4
  import { Ul, ListWrapper } from "../../Dropdown.styles";
5
5
  import { FloatingPopover } from "../../FloatingPopover";
6
6
  import { getPlacement } from "../../utils";
7
7
  var DropdownInner = function(param) {
8
- var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, trigger = param.trigger, listMaxHeight = param.listMaxHeight, listOverflow = param.listOverflow, listWidth = param.listWidth;
8
+ var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, trigger = param.trigger, listWidth = param.listWidth, portal = param.portal;
9
9
  var handleToggle = function(opened) {
10
10
  if (opened) {
11
11
  dispatchPath({
@@ -20,6 +20,7 @@ var DropdownInner = function(param) {
20
20
  });
21
21
  }
22
22
  };
23
+ var listWrapperRef = useRef(null);
23
24
  var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
24
25
  var treeId = safeUseId();
25
26
  var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
@@ -40,14 +41,15 @@ var DropdownInner = function(param) {
40
41
  ariaLevel: nextLevel,
41
42
  ariaLabel: item.label
42
43
  }),
43
- isInner: true
44
+ isInner: true,
45
+ portal: portal
44
46
  }, /*#__PURE__*/ React.createElement(ListWrapper, {
47
+ ref: listWrapperRef,
45
48
  listWidth: listWidth
46
49
  }, /*#__PURE__*/ React.createElement(Ul, {
47
50
  id: listId,
48
51
  role: "group",
49
- listMaxHeight: listMaxHeight,
50
- listOverflow: listOverflow
52
+ listMaxHeight: item.listMaxHeight
51
53
  }, item.items.map(function(innerItem, innerIndex) {
52
54
  return /*#__PURE__*/ React.createElement(DropdownInner, {
53
55
  key: "".concat(innerIndex, "/").concat(currentLevel),
@@ -57,9 +59,8 @@ var DropdownInner = function(param) {
57
59
  dispatchPath: dispatchPath,
58
60
  index: innerIndex,
59
61
  trigger: trigger,
60
- listMaxHeight: listMaxHeight,
61
- listOverflow: listOverflow,
62
- listWidth: listWidth
62
+ listWidth: listWidth,
63
+ portal: listWrapperRef
63
64
  });
64
65
  }))));
65
66
  }
@@ -133,7 +133,7 @@ export var DropdownItem = function(param) {
133
133
  };
134
134
  var handleHover = function() {
135
135
  if (onHover) {
136
- onHover(index);
136
+ onHover(index, item);
137
137
  }
138
138
  };
139
139
  return /*#__PURE__*/ React.createElement(React.Fragment, null, dividerBefore && /*#__PURE__*/ React.createElement(Divider, {
@@ -210,6 +210,7 @@ import { Context } from "./Select.context";
210
210
  var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
211
211
  var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
212
212
  var treeId = safeUseId();
213
+ var listWrapperRef = useRef(null);
213
214
  var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView(status, outerView);
214
215
  // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
215
216
  var requiredProps = props.target === 'button-like' ? undefined : {
@@ -496,12 +497,12 @@ import { Context } from "./Select.context";
496
497
  disabled: disabled,
497
498
  readOnly: readOnly
498
499
  }, rest), /*#__PURE__*/ React.createElement(ListWrapper, {
500
+ ref: listWrapperRef,
499
501
  listWidth: listWidth
500
502
  }, /*#__PURE__*/ React.createElement(Ul, {
501
503
  role: "tree",
502
504
  id: "".concat(treeId, "_tree_level_1"),
503
505
  "aria-multiselectable": Boolean(props.multiselect),
504
- listOverflow: listOverflow,
505
506
  listMaxHeight: listMaxHeight || listHeight,
506
507
  onScroll: virtual ? undefined : handleScroll,
507
508
  ref: targetRef,
@@ -522,7 +523,8 @@ import { Context } from "./Select.context";
522
523
  path: path,
523
524
  dispatchPath: dispatchPath,
524
525
  index: index,
525
- listWidth: listWidth
526
+ listWidth: listWidth,
527
+ portal: listWrapperRef
526
528
  });
527
529
  }), afterList))))));
528
530
  });
@@ -3,21 +3,21 @@ import { css } from "@emotion/react";
3
3
  import { getCorrectHeight } from "./utils";
4
4
  import { tokens, constants } from "./Select.tokens";
5
5
  export var ListWrapper = /*#__PURE__*/ styled("div", {
6
- target: "e1xzgqp00",
6
+ target: "e28p6sx0",
7
7
  label: "ListWrapper"
8
8
  })("width:", function(param) {
9
9
  var listWidth = param.listWidth;
10
10
  return listWidth || '100%';
11
- }, ";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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RPdmVyZmxvdz86IFNlbGVjdFByb3BzWydsaXN0T3ZlcmZsb3cnXTtcbiAgICBsaXN0TWF4SGVpZ2h0PzogU2VsZWN0UHJvcHNbJ2xpc3RNYXhIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgdmlydHVhbCwgbGlzdE1heEhlaWdodCB9KSA9PlxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tbmVzdGVkLXRlcm5hcnlcbiAgICAgICAgdmlydHVhbCA/ICdhdXRvJyA6IGxpc3RNYXhIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RNYXhIZWlnaHQpIDogJ2F1dG8nfTtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwsIGxpc3RPdmVyZmxvdyB9KSA9PiAodmlydHVhbCA/ICd2aXNpYmxlJyA6IGxpc3RPdmVyZmxvdyB8fCAndmlzaWJsZScpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8yQiJ9 */");
11
+ }, ";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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0byd9O1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwgfSkgPT4gKHZpcnR1YWwgPyAndmlzaWJsZScgOiAnYXV0bycpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8yQiJ9 */");
12
12
  export var Ul = /*#__PURE__*/ styled("ul", {
13
- target: "e1xzgqp01",
13
+ target: "e28p6sx1",
14
14
  label: "Ul"
15
15
  })("max-height:", function(param) {
16
16
  var virtual = param.virtual, listMaxHeight = param.listMaxHeight;
17
17
  return(// eslint-disable-next-line no-nested-ternary
18
18
  virtual ? 'auto' : listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto');
19
- }, ";overflow-y:", function(param) {
20
- var virtual = param.virtual, listOverflow = param.listOverflow;
21
- return virtual ? 'visible' : listOverflow || 'visible';
22
- }, ";border-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.dropdownBorderWidth, ",0rem));margin:0;padding:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RPdmVyZmxvdz86IFNlbGVjdFByb3BzWydsaXN0T3ZlcmZsb3cnXTtcbiAgICBsaXN0TWF4SGVpZ2h0PzogU2VsZWN0UHJvcHNbJ2xpc3RNYXhIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgdmlydHVhbCwgbGlzdE1heEhlaWdodCB9KSA9PlxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tbmVzdGVkLXRlcm5hcnlcbiAgICAgICAgdmlydHVhbCA/ICdhdXRvJyA6IGxpc3RNYXhIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RNYXhIZWlnaHQpIDogJ2F1dG8nfTtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwsIGxpc3RPdmVyZmxvdyB9KSA9PiAodmlydHVhbCA/ICd2aXNpYmxlJyA6IGxpc3RPdmVyZmxvdyB8fCAndmlzaWJsZScpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ca0IifQ== */");
23
- export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RPdmVyZmxvdz86IFNlbGVjdFByb3BzWydsaXN0T3ZlcmZsb3cnXTtcbiAgICBsaXN0TWF4SGVpZ2h0PzogU2VsZWN0UHJvcHNbJ2xpc3RNYXhIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgdmlydHVhbCwgbGlzdE1heEhlaWdodCB9KSA9PlxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tbmVzdGVkLXRlcm5hcnlcbiAgICAgICAgdmlydHVhbCA/ICdhdXRvJyA6IGxpc3RNYXhIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RNYXhIZWlnaHQpIDogJ2F1dG8nfTtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwsIGxpc3RPdmVyZmxvdyB9KSA9PiAodmlydHVhbCA/ICd2aXNpYmxlJyA6IGxpc3RPdmVyZmxvdyB8fCAndmlzaWJsZScpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDb0IifQ== */");
19
+ }, ";overflow-x:hidden;overflow-y:", function(param) {
20
+ var virtual = param.virtual;
21
+ return virtual ? 'visible' : 'auto';
22
+ }, ";border-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.dropdownBorderWidth, ",0rem));margin:0;padding:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0byd9O1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwgfSkgPT4gKHZpcnR1YWwgPyAndmlzaWJsZScgOiAnYXV0bycpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ca0IifQ== */");
23
+ export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0V2lkdGg/OiBTZWxlY3RQcm9wc1snbGlzdFdpZHRoJ107XG59PmBcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICB2aXJ0dWFsOiBTZWxlY3RQcm9wc1sndmlydHVhbCddO1xuICAgIGxpc3RNYXhIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgbWF4LWhlaWdodDogJHsoeyB2aXJ0dWFsLCBsaXN0TWF4SGVpZ2h0IH0pID0+XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1uZXN0ZWQtdGVybmFyeVxuICAgICAgICB2aXJ0dWFsID8gJ2F1dG8nIDogbGlzdE1heEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdE1heEhlaWdodCkgOiAnYXV0byd9O1xuICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICBvdmVyZmxvdy15OiAkeyh7IHZpcnR1YWwgfSkgPT4gKHZpcnR1YWwgPyAndmlzaWJsZScgOiAnYXV0bycpfTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KSAtIDAuMTI1cmVtIC0gdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSk7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDb0IifQ== */");
@@ -177,13 +177,9 @@ export var useKeyNavigation = function(param) {
177
177
  case keys.Tab:
178
178
  case keys.Escape:
179
179
  {
180
- dispatchFocusedPath({
181
- type: 'reset'
182
- });
183
- dispatchPath({
184
- type: 'reset'
185
- });
186
- handleListToggle(false);
180
+ if (path[0]) {
181
+ handleListToggle(false);
182
+ }
187
183
  break;
188
184
  }
189
185
  case keys.Home:
@@ -1,10 +1,10 @@
1
- import React from "react";
1
+ import React, { useRef } from "react";
2
2
  import { isEmpty, safeUseId } from "../../../../utils";
3
3
  import { Ul, ListWrapper } from "../../Select.styles";
4
4
  import { FloatingPopover } from "../../FloatingPopover";
5
5
  import { Item } from "./ui/Item/Item";
6
6
  export var Inner = function(param) {
7
- var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth;
7
+ var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth, portal = param.portal;
8
8
  var handleToggle = function(opened) {
9
9
  if (opened) {
10
10
  dispatchPath({
@@ -19,6 +19,7 @@ export var Inner = function(param) {
19
19
  });
20
20
  }
21
21
  };
22
+ var listWrapperRef = useRef(null);
22
23
  var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
23
24
  var treeId = safeUseId();
24
25
  var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
@@ -39,13 +40,16 @@ export var Inner = function(param) {
39
40
  ariaLevel: nextLevel,
40
41
  ariaLabel: item.label
41
42
  }),
42
- isInner: true
43
+ isInner: true,
44
+ portal: portal
43
45
  }, /*#__PURE__*/ React.createElement(ListWrapper, {
44
- listWidth: listWidth
46
+ listWidth: listWidth,
47
+ ref: listWrapperRef
45
48
  }, /*#__PURE__*/ React.createElement(Ul, {
46
49
  role: "group",
47
50
  id: listId,
48
- virtual: false
51
+ virtual: false,
52
+ listMaxHeight: item === null || item === void 0 ? void 0 : item.listMaxHeight
49
53
  }, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(innerItem, innerIndex) {
50
54
  return /*#__PURE__*/ React.createElement(Inner, {
51
55
  key: "".concat(innerIndex, "/").concat(currentLevel),
@@ -54,7 +58,8 @@ export var Inner = function(param) {
54
58
  path: path,
55
59
  dispatchPath: dispatchPath,
56
60
  index: innerIndex,
57
- listWidth: listWidth
61
+ listWidth: listWidth,
62
+ portal: listWrapperRef
58
63
  });
59
64
  }))));
60
65
  }
@@ -0,0 +1,7 @@
1
+ import { component, mergeConfig } from "../../../engines";
2
+ import { comboboxNewConfig } from "../../..";
3
+ import { config } from "./Combobox.config";
4
+ var mergedConfig = mergeConfig(comboboxNewConfig, config);
5
+ var ComboboxComponent = component(mergedConfig);
6
+ var Combobox = ComboboxComponent;
7
+ export { Combobox };
@@ -1,10 +1,10 @@
1
- .CodeField_styles_7tebk_b1xx9skx__ab75953b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeField_styles_7tebk_b1xx9skx__ab75953b.CodeField_styles_7tebk_codefieldCaptionAlignLeft__ab75953b{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
2
- .CodeField_styles_7tebk_c1wzspax__ab75953b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
3
- .CodeField_styles_7tebk_c7swj1z__ab75953b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
4
- .CodeField_styles_7tebk_s13uxcg8__ab75953b{width:var(--plasma-codefield-separator-width);}
5
- .CodeField_styles_7tebk_ig5h1kg__ab75953b{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;}
6
- .CodeField_styles_7tebk_c1jpzjak__ab75953b{text-align:var(--c1jpzjak-0);-webkit-align-self:var(--c1jpzjak-0);-ms-flex-item-align:var(--c1jpzjak-0);align-self:var(--c1jpzjak-0);width:var(--c1jpzjak-1);white-space:pre-line;}
7
-
1
+ .CodeField_styles_14p25hi_b1xx9skx__a0f2e82d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeField_styles_14p25hi_b1xx9skx__a0f2e82d.CodeField_styles_14p25hi_codefieldCaptionAlignLeft__a0f2e82d{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
2
+ .CodeField_styles_14p25hi_c1wzspax__a0f2e82d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
3
+ .CodeField_styles_14p25hi_c7swj1z__a0f2e82d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
4
+ .CodeField_styles_14p25hi_s13uxcg8__a0f2e82d{width:var(--plasma-codefield-separator-width);}
5
+ .CodeField_styles_14p25hi_ig5h1kg__a0f2e82d{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;}
6
+ .CodeField_styles_14p25hi_c1jpzjak__a0f2e82d{text-align:var(--c1jpzjak-0);-webkit-align-self:var(--c1jpzjak-0);-ms-flex-item-align:var(--c1jpzjak-0);align-self:var(--c1jpzjak-0);width:var(--c1jpzjak-1);white-space:pre-line;}
7
+ .CodeField_styles_14p25hi_h1x845wl__a0f2e82d{display:none;}
8
8
 
9
9
  .base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_c1jpzjak__e66aaab8{color:var(--plasma-codefield-caption-color);}.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_c1jpzjak__e66aaab8.base_9a5yza_codefieldCaptionError__e66aaab8{color:var(--plasma-codefield-caption-color-error);}.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{color:var(--plasma-codefield-code-color);caret-color:var(--plasma-codefield-caret-color);background-color:var(--plasma-codefield-background-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color);}.base_9a5yza_b1g41h91__e66aaab8:hover .base_9a5yza_codefieldItemHoverEnabled__e66aaab8{background-color:var(--plasma-codefield-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color-hover);}.base_9a5yza_b1g41h91__e66aaab8:focus-within .base_9a5yza_ig5h1kg__e66aaab8:focus-within{background-color:var(--plasma-codefield-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color-focus);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeErrorAnimation__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{color:var(--plasma-codefield-code-color-error);background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8:focus-within .base_9a5yza_ig5h1kg__e66aaab8{background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8.base_9a5yza_codefieldCodeErrorFade__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{-webkit-animation:base_9a5yza_fadeErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_fadeErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemErrorAnimation__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8,.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8:focus-within{color:var(--plasma-codefield-code-color-error);background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8.base_9a5yza_codefieldCodeErrorFade__e66aaab8,.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8:focus-within.base_9a5yza_codefieldCodeErrorFade__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards :local(fadeError-b1g41h91) 0.3s :local(forwards);animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards :local(fadeError-b1g41h91) 0.3s :local(forwards);}@-webkit-keyframes base_9a5yza_shakingErrorB1g41h91__e66aaab8{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes base_9a5yza_shakingErrorB1g41h91__e66aaab8{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes base_9a5yza_fadeErrorB1g41h91__e66aaab8{50%{color:var(--plasma-codefield-code-color-error);}100%{color:transparent;}}@keyframes base_9a5yza_fadeErrorB1g41h91__e66aaab8{50%{color:var(--plasma-codefield-code-color-error);}100%{color:transparent;}}
10
10
 
@@ -1,4 +1,4 @@
1
- import './CodeField.styles_7tebk.css';
1
+ import './CodeField.styles_14p25hi.css';
2
2
  import { styled } from '@linaria/react';
3
3
 
4
4
  var base = "b1xx9skx";
@@ -1 +1 @@
1
- {"version":3,"file":"CodeField.styles.js","sources":["../../../src/components/CodeField/CodeField.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { classes, tokens } from './CodeField.tokens';\n\nexport const base = css`\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: min-content;\n align-items: center;\n\n &.${classes.captionAlignLeft} {\n align-items: flex-start;\n }\n`;\n\nexport const CodeWrapper = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const CodeGroup = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const Separator = styled.div`\n width: var(${tokens.separatorWidth});\n`;\n\nexport const ItemInput = styled.input`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n outline: none;\n pointer-events: none;\n text-align: center;\n`;\n\nexport const CaptionWrapper = styled.div<{ captionAlign: 'left' | 'center'; widthValue?: string }>`\n text-align: ${({ captionAlign }) => captionAlign};\n align-self: ${({ captionAlign }) => captionAlign};\n width: ${({ widthValue }) => widthValue || 'auto'};\n white-space: pre-line;\n`;\n\nexport const HiddenInput = styled.input``;\n"],"names":["base","CodeWrapper","styled","name","class","propsAsIs","CodeGroup","Separator","ItemInput","_exp4","_ref","captionAlign","_exp5","_ref2","widthValue","CaptionWrapper","vars","HiddenInput"],"mappings":";;AAKO,IAAMA,IAAI,GAUhB,WAAA;AAEM,IAAMC,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC,EAAA;AAEM,IAAMC,SAAS,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG9B,EAAA;AAEM,IAAME,SAAS,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE9B,EAAA;AAEM,IAAMG,SAAS,gBAAGN,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ9B,EAAA;AAAC,IAAAI,KAAA,GAtCgBA,SAsChBA,KAAAA,GAAA;AAAA,EAAA,OAIgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAmBA,YAAY,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA1ClCA,SA0CkCA,KAAAA,GAAA;AAAA,EAAA,OACvC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OAAiBA,UAAU,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH9C,IAAMC,cAAc,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAW,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAElBP,KAAkC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACvCG,KAAwC,EAAA,CAAA;AAAA,GAAA;AAAA,CAEpD,EAAA;AAEM,IAAMK,WAAW,gBAAGf,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ;;;;"}
1
+ {"version":3,"file":"CodeField.styles.js","sources":["../../../src/components/CodeField/CodeField.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { classes, tokens } from './CodeField.tokens';\n\nexport const base = css`\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: min-content;\n align-items: center;\n\n &.${classes.captionAlignLeft} {\n align-items: flex-start;\n }\n`;\n\nexport const CodeWrapper = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const CodeGroup = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const Separator = styled.div`\n width: var(${tokens.separatorWidth});\n`;\n\nexport const ItemInput = styled.input`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n outline: none;\n pointer-events: none;\n text-align: center;\n`;\n\nexport const CaptionWrapper = styled.div<{ captionAlign: 'left' | 'center'; widthValue?: string }>`\n text-align: ${({ captionAlign }) => captionAlign};\n align-self: ${({ captionAlign }) => captionAlign};\n width: ${({ widthValue }) => widthValue || 'auto'};\n white-space: pre-line;\n`;\n\nexport const HiddenInput = styled.input`\n display: none;\n`;\n"],"names":["base","CodeWrapper","styled","name","class","propsAsIs","CodeGroup","Separator","ItemInput","_exp4","_ref","captionAlign","_exp5","_ref2","widthValue","CaptionWrapper","vars","HiddenInput"],"mappings":";;AAKO,IAAMA,IAAI,GAUhB,WAAA;AAEM,IAAMC,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC,EAAA;AAEM,IAAMC,SAAS,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG9B,EAAA;AAEM,IAAME,SAAS,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE9B,EAAA;AAEM,IAAMG,SAAS,gBAAGN,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ9B,EAAA;AAAC,IAAAI,KAAA,GAtCgBA,SAsChBA,KAAAA,GAAA;AAAA,EAAA,OAIgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAmBA,YAAY,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA1ClCA,SA0CkCA,KAAAA,GAAA;AAAA,EAAA,OACvC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OAAiBA,UAAU,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH9C,IAAMC,cAAc,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAW,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAElBP,KAAkC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACvCG,KAAwC,EAAA,CAAA;AAAA,GAAA;AAAA,CAEpD,EAAA;AAEM,IAAMK,WAAW,gBAAGf,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEhC;;;;"}
@@ -4,4 +4,4 @@
4
4
  .s13uxcg8{width:var(--plasma-codefield-separator-width);}
5
5
  .ig5h1kg{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;}
6
6
  .c1jpzjak{text-align:var(--c1jpzjak-0);-webkit-align-self:var(--c1jpzjak-0);-ms-flex-item-align:var(--c1jpzjak-0);align-self:var(--c1jpzjak-0);width:var(--c1jpzjak-1);white-space:pre-line;}
7
-
7
+ .h1x845wl{display:none;}
@@ -161,12 +161,12 @@
161
161
 
162
162
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
163
163
 
164
- .Combobox_styles_isfa46_lxiiees__91df7bfb{width:var(--lxiiees-0);padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
165
- .Combobox_styles_isfa46_u1veo3wn__91df7bfb{max-height:var(--u1veo3wn-0);overflow-y:var(--u1veo3wn-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_isfa46_u1veo3wn__91df7bfb .Combobox_styles_isfa46_comboboxEmptyStateWrapper__91df7bfb{box-shadow:none;}
166
- .Combobox_styles_isfa46_i1hxiinv__91df7bfb{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1hxiinv-0);}.Combobox_styles_isfa46_i1hxiinv__91df7bfb .Combobox_styles_isfa46_arrowInverse__91df7bfb{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_isfa46_i1hxiinv__91df7bfb:hover,.Combobox_styles_isfa46_i1hxiinv__91df7bfb:active{color:var(--i1hxiinv-1);}
167
- .Combobox_styles_isfa46_sr87xox__91df7bfb{width:var(--sr87xox-0);height:var(--sr87xox-0);}
164
+ .Combobox_styles_261unw_lxiiees__2c339479{width:var(--lxiiees-0);padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
165
+ .Combobox_styles_261unw_u1veo3wn__2c339479{max-height:var(--u1veo3wn-0);overflow-x:hidden;overflow-y:var(--u1veo3wn-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_261unw_u1veo3wn__2c339479 .Combobox_styles_261unw_comboboxEmptyStateWrapper__2c339479{box-shadow:none;}
166
+ .Combobox_styles_261unw_i1hxiinv__2c339479{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1hxiinv-0);}.Combobox_styles_261unw_i1hxiinv__2c339479 .Combobox_styles_261unw_arrowInverse__2c339479{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_261unw_i1hxiinv__2c339479:hover,.Combobox_styles_261unw_i1hxiinv__2c339479:active{color:var(--i1hxiinv-1);}
167
+ .Combobox_styles_261unw_sr87xox__2c339479{width:var(--sr87xox-0);height:var(--sr87xox-0);}
168
168
 
169
- .Combobox_styles_isfa46_spp7ogj__91df7bfb{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
170
- .Combobox_styles_isfa46_s3gft12__91df7bfb{margin:0;padding:0;}
169
+ .Combobox_styles_261unw_spp7ogj__2c339479{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
170
+ .Combobox_styles_261unw_s3gft12__2c339479{margin:0;padding:0;}
171
171
 
172
172
  .SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
@@ -56,7 +56,6 @@ var comboboxRoot = function comboboxRoot(Root) {
56
56
  textAfter = props.textAfter,
57
57
  _props$variant = props.variant,
58
58
  variant = _props$variant === void 0 ? 'normal' : _props$variant,
59
- listOverflow = props.listOverflow,
60
59
  listHeight = props.listHeight,
61
60
  listMaxHeight = props.listMaxHeight,
62
61
  listWidth = props.listWidth,
@@ -113,6 +112,7 @@ var comboboxRoot = function comboboxRoot(Root) {
113
112
  var floatingPopoverRef = useRef(null);
114
113
  var inputForkRef = useForkRef(inputRef, ref);
115
114
  var treeId = safeUseId();
115
+ var listWrapperRef = useRef(null);
116
116
  var filteredItems = useMemo(function () {
117
117
  return filterItems(transformedItems, textValue, getTextValue(multiple, value, valueToItemMap, renderValue), filter);
118
118
  }, [transformedItems, textValue, filter]);
@@ -182,22 +182,11 @@ var comboboxRoot = function comboboxRoot(Root) {
182
182
  setInternalValue(newValue);
183
183
  }
184
184
  };
185
- var handleClickArrow = function handleClickArrow() {
186
- if (disabled || readOnly) {
187
- return;
188
- }
189
- if (isCurrentListOpen) {
190
- dispatchPath({
191
- type: 'reset'
192
- });
193
- } else {
194
- dispatchPath({
195
- type: 'opened_first_level'
196
- });
197
- }
198
- dispatchFocusedPath({
199
- type: 'reset'
200
- });
185
+ var handleClickArrow = function handleClickArrow(e) {
186
+ handleListToggle(!isCurrentListOpen);
187
+
188
+ // При клике на иконку закрытия фокус не должен становиться в инпут.
189
+ e.stopPropagation();
201
190
  };
202
191
 
203
192
  // Обработчик изменения значения в инпуте
@@ -341,6 +330,13 @@ var comboboxRoot = function comboboxRoot(Root) {
341
330
  onChange(isCurrentChecked ? '' : item.value, item);
342
331
  }
343
332
  };
333
+
334
+ // Обработчик клика на таргет
335
+ var handleTargetClick = function handleTargetClick() {
336
+ if (!isCurrentListOpen) {
337
+ handleListToggle(true);
338
+ }
339
+ };
344
340
  var getChips = function getChips() {
345
341
  if (multiple && Array.isArray(value)) {
346
342
  if (value.length === 0) return [];
@@ -466,13 +462,14 @@ var comboboxRoot = function comboboxRoot(Root) {
466
462
  }, /*#__PURE__*/React.createElement(FloatingPopover, {
467
463
  ref: floatingPopoverRef,
468
464
  opened: isCurrentListOpen,
469
- onToggle: handleListToggle,
470
465
  placement: placement,
471
466
  portal: portal,
472
467
  listWidth: listWidth,
473
468
  offset: _offset,
474
469
  target: function target(referenceRef) {
475
- return /*#__PURE__*/React.createElement(StyledTextField, _extends({
470
+ return /*#__PURE__*/React.createElement("div", {
471
+ onClick: handleTargetClick
472
+ }, /*#__PURE__*/React.createElement(StyledTextField, _extends({
476
473
  ref: name ? inputRef : inputForkRef,
477
474
  inputWrapperRef: referenceRef,
478
475
  value: textValue,
@@ -486,7 +483,8 @@ var comboboxRoot = function comboboxRoot(Root) {
486
483
  contentLeft: contentLeft,
487
484
  contentRight: /*#__PURE__*/React.createElement(IconArrowWrapper, {
488
485
  disabled: disabled,
489
- onClick: handleClickArrow
486
+ onClick: handleClickArrow,
487
+ className: classes.comboboxTargetArrow
490
488
  }, /*#__PURE__*/React.createElement(StyledArrow, {
491
489
  color: "inherit",
492
490
  size: sizeToIconSize(size),
@@ -513,7 +511,7 @@ var comboboxRoot = function comboboxRoot(Root) {
513
511
  enumerationType: 'plain'
514
512
  }, rest, {
515
513
  _onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
516
- }));
514
+ })));
517
515
  },
518
516
  zIndex: zIndex,
519
517
  isInner: false
@@ -525,6 +523,7 @@ var comboboxRoot = function comboboxRoot(Root) {
525
523
  readOnly: readOnly,
526
524
  name: name
527
525
  }, /*#__PURE__*/React.createElement(ListWrapper, {
526
+ ref: listWrapperRef,
528
527
  listWidth: listWidth
529
528
  }, /*#__PURE__*/React.createElement(Ul, {
530
529
  role: "tree",
@@ -533,7 +532,6 @@ var comboboxRoot = function comboboxRoot(Root) {
533
532
  listMaxHeight: listMaxHeight || listHeight,
534
533
  ref: targetRef,
535
534
  virtual: virtual,
536
- listOverflow: listOverflow,
537
535
  onScroll: virtual ? undefined : onScroll
538
536
  }, beforeList, isEmpty(filteredItems) ? /*#__PURE__*/React.createElement(StyledEmptyState, {
539
537
  className: classes.emptyStateWrapper,
@@ -557,7 +555,8 @@ var comboboxRoot = function comboboxRoot(Root) {
557
555
  path: path,
558
556
  dispatchPath: dispatchPath,
559
557
  index: index,
560
- listWidth: listWidth
558
+ listWidth: listWidth,
559
+ portal: listWrapperRef
561
560
  });
562
561
  })), afterList)))))));
563
562
  });