@salutejs/plasma-new-hope 0.78.0-canary.1195.8939186735.0 → 0.78.0-canary.1201.8968491632.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (425) hide show
  1. package/cjs/components/Button/Button.styles.js +0 -1
  2. package/cjs/components/Button/Button.styles.js.map +1 -1
  3. package/cjs/components/Combobox/Combobox.css +17 -7
  4. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +15 -6
  5. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  6. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +15 -6
  7. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  8. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +15 -6
  9. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  10. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +15 -6
  11. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  12. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -23
  13. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +81 -10
  14. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  15. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +21 -9
  16. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  17. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +4 -0
  18. package/cjs/components/Combobox/utils/index.js +23 -0
  19. package/cjs/components/Combobox/utils/index.js.map +1 -0
  20. package/cjs/components/Drawer/Drawer.js +0 -1
  21. package/cjs/components/Drawer/Drawer.js.map +1 -1
  22. package/cjs/components/Dropdown/Dropdown.css +25 -2
  23. package/cjs/components/Dropdown/Dropdown.js +138 -54
  24. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  25. package/cjs/components/Dropdown/Dropdown.styles.js +40 -7
  26. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  27. package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +3 -0
  28. package/cjs/components/Dropdown/Dropdown.tokens.js +26 -23
  29. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  30. package/cjs/components/Dropdown/hooks/useHashMaps.js +34 -0
  31. package/cjs/components/Dropdown/hooks/useHashMaps.js.map +1 -0
  32. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +223 -0
  33. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -0
  34. package/cjs/components/Dropdown/reducers/focusedPathReducer.js +37 -0
  35. package/cjs/components/Dropdown/reducers/focusedPathReducer.js.map +1 -0
  36. package/cjs/components/Dropdown/reducers/pathReducer.js +41 -0
  37. package/cjs/components/Dropdown/reducers/pathReducer.js.map +1 -0
  38. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +122 -0
  39. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -0
  40. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +7 -4
  41. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +79 -100
  42. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  43. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +31 -5
  44. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  45. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +5 -0
  46. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +30 -0
  47. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -0
  48. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +4 -0
  49. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -0
  50. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +112 -0
  51. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -0
  52. package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +1 -1
  53. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +1 -0
  54. package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +1 -1
  55. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +1 -0
  56. package/cjs/components/Dropdown/utils/index.js +16 -0
  57. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  58. package/cjs/components/Pagination/Pagination.css +14 -7
  59. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +14 -7
  60. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  61. package/cjs/components/Select/Select.css +14 -7
  62. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +15 -6
  63. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  64. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +15 -6
  65. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  66. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +15 -6
  67. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  68. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +15 -6
  69. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  70. package/cjs/components/Select/ui/SelectItem/SelectItem.css +16 -7
  71. package/cjs/components/Select/ui/SelectItem/SelectItem.js +3 -3
  72. package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  73. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  74. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  75. package/cjs/components/Select/ui/SelectItem/{SelectItem.styles_6h17aw.css → SelectItem.styles_vk39mp.css} +1 -1
  76. package/cjs/components/TextField/TextField.js +2 -2
  77. package/cjs/components/TextField/TextField.js.map +1 -1
  78. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  79. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  80. package/cjs/index.css +18 -10
  81. package/cjs/index.js +8 -7
  82. package/cjs/index.js.map +1 -1
  83. package/es/components/Button/Button.styles.js +0 -1
  84. package/es/components/Button/Button.styles.js.map +1 -1
  85. package/es/components/Combobox/Combobox.css +17 -7
  86. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +15 -6
  87. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  88. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +15 -6
  89. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  90. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +15 -6
  91. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  92. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +15 -6
  93. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  94. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -23
  95. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +82 -11
  96. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  97. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +19 -10
  98. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  99. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +4 -0
  100. package/es/components/Combobox/utils/index.js +19 -0
  101. package/es/components/Combobox/utils/index.js.map +1 -0
  102. package/es/components/Drawer/Drawer.js +0 -1
  103. package/es/components/Drawer/Drawer.js.map +1 -1
  104. package/es/components/Dropdown/Dropdown.css +25 -2
  105. package/es/components/Dropdown/Dropdown.js +144 -60
  106. package/es/components/Dropdown/Dropdown.js.map +1 -1
  107. package/es/components/Dropdown/Dropdown.styles.js +39 -7
  108. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  109. package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +3 -0
  110. package/es/components/Dropdown/Dropdown.tokens.js +26 -23
  111. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  112. package/es/components/Dropdown/hooks/useHashMaps.js +30 -0
  113. package/es/components/Dropdown/hooks/useHashMaps.js.map +1 -0
  114. package/es/components/Dropdown/hooks/useKeyboardNavigation.js +218 -0
  115. package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -0
  116. package/es/components/Dropdown/reducers/focusedPathReducer.js +33 -0
  117. package/es/components/Dropdown/reducers/focusedPathReducer.js.map +1 -0
  118. package/es/components/Dropdown/reducers/pathReducer.js +37 -0
  119. package/es/components/Dropdown/reducers/pathReducer.js.map +1 -0
  120. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +118 -0
  121. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -0
  122. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +7 -4
  123. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +80 -100
  124. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  125. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +30 -5
  126. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  127. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +5 -0
  128. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +23 -0
  129. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -0
  130. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +4 -0
  131. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -0
  132. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +107 -0
  133. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -0
  134. package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +1 -1
  135. package/es/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +1 -0
  136. package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +1 -1
  137. package/es/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +1 -0
  138. package/es/components/Dropdown/utils/index.js +16 -2
  139. package/es/components/Dropdown/utils/index.js.map +1 -1
  140. package/es/components/Pagination/Pagination.css +14 -7
  141. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +14 -7
  142. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  143. package/es/components/Select/Select.css +14 -7
  144. package/es/components/Select/ui/SelectDivider/SelectDivider.css +15 -6
  145. package/es/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  146. package/es/components/Select/ui/SelectFooter/SelectFooter.css +15 -6
  147. package/es/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  148. package/es/components/Select/ui/SelectGroup/SelectGroup.css +15 -6
  149. package/es/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  150. package/es/components/Select/ui/SelectHeader/SelectHeader.css +15 -6
  151. package/es/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  152. package/es/components/Select/ui/SelectItem/SelectItem.css +16 -7
  153. package/es/components/Select/ui/SelectItem/SelectItem.js +3 -3
  154. package/es/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  155. package/es/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  156. package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  157. package/es/components/Select/ui/SelectItem/{SelectItem.styles_6h17aw.css → SelectItem.styles_vk39mp.css} +1 -1
  158. package/es/components/TextField/TextField.js +3 -3
  159. package/es/components/TextField/TextField.js.map +1 -1
  160. package/es/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  161. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  162. package/es/index.css +18 -10
  163. package/es/index.js +4 -3
  164. package/es/index.js.map +1 -1
  165. package/package.json +2 -2
  166. package/styled-components/cjs/components/Button/Button.styles.js +2 -10
  167. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +91 -2
  168. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +27 -7
  169. package/styled-components/cjs/components/Combobox/utils/index.js +23 -0
  170. package/styled-components/cjs/components/Dropdown/Dropdown.js +140 -54
  171. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +22 -7
  172. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +26 -23
  173. package/styled-components/cjs/components/Dropdown/hooks/useHashMaps.js +32 -0
  174. package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +221 -0
  175. package/styled-components/cjs/components/Dropdown/index.js +9 -1
  176. package/styled-components/cjs/components/Dropdown/reducers/focusedPathReducer.js +40 -0
  177. package/styled-components/cjs/components/Dropdown/reducers/pathReducer.js +44 -0
  178. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +117 -0
  179. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +5 -0
  180. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +77 -105
  181. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +24 -19
  182. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +33 -0
  183. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +5 -0
  184. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +119 -0
  185. package/styled-components/cjs/components/Dropdown/ui/index.js +19 -5
  186. package/styled-components/cjs/components/Dropdown/utils/index.js +15 -1
  187. package/styled-components/cjs/components/Dropdown/variations/_size/tokens.json +1 -9
  188. package/styled-components/cjs/components/Dropdown/variations/_view/tokens.json +1 -1
  189. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +1 -1
  190. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  191. package/styled-components/cjs/components/TextField/TextField.js +4 -4
  192. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  193. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +25 -0
  194. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.js +11 -0
  195. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +292 -0
  196. package/styled-components/cjs/index.js +0 -11
  197. package/styled-components/es/components/Button/Button.styles.js +2 -10
  198. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +90 -3
  199. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +23 -6
  200. package/styled-components/es/components/Combobox/utils/index.js +15 -0
  201. package/styled-components/es/components/Dropdown/Dropdown.js +142 -55
  202. package/styled-components/es/components/Dropdown/Dropdown.styles.js +18 -5
  203. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +26 -23
  204. package/styled-components/es/components/Dropdown/hooks/useHashMaps.js +26 -0
  205. package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +215 -0
  206. package/styled-components/es/components/Dropdown/index.js +1 -0
  207. package/styled-components/es/components/Dropdown/reducers/focusedPathReducer.js +34 -0
  208. package/styled-components/es/components/Dropdown/reducers/pathReducer.js +38 -0
  209. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +111 -0
  210. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +1 -0
  211. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +78 -107
  212. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +21 -15
  213. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +25 -0
  214. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +1 -0
  215. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +111 -0
  216. package/styled-components/es/components/Dropdown/ui/index.js +3 -1
  217. package/styled-components/es/components/Dropdown/utils/index.js +15 -1
  218. package/styled-components/es/components/Dropdown/variations/_size/tokens.json +1 -9
  219. package/styled-components/es/components/Dropdown/variations/_view/tokens.json +1 -1
  220. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +2 -2
  221. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  222. package/styled-components/es/components/TextField/TextField.js +4 -4
  223. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  224. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +19 -0
  225. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.js +5 -0
  226. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +292 -0
  227. package/styled-components/es/index.js +0 -1
  228. package/types/components/Button/Button.styles.d.ts +0 -1
  229. package/types/components/Button/Button.styles.d.ts.map +1 -1
  230. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts +15 -13
  231. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts.map +1 -1
  232. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts +5 -1
  233. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts.map +1 -1
  234. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts +59 -2
  235. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts.map +1 -1
  236. package/types/components/Combobox/utils/index.d.ts +4 -0
  237. package/types/components/Combobox/utils/index.d.ts.map +1 -0
  238. package/types/components/Dropdown/Dropdown.d.ts +4 -4
  239. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  240. package/types/components/Dropdown/Dropdown.styles.d.ts +8 -1
  241. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  242. package/types/components/Dropdown/Dropdown.tokens.d.ts +24 -22
  243. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  244. package/types/components/Dropdown/Dropdown.types.d.ts +64 -40
  245. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  246. package/types/components/Dropdown/hooks/useHashMaps.d.ts +6 -0
  247. package/types/components/Dropdown/hooks/useHashMaps.d.ts.map +1 -0
  248. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts +37 -0
  249. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +1 -0
  250. package/types/components/Dropdown/index.d.ts +3 -1
  251. package/types/components/Dropdown/index.d.ts.map +1 -1
  252. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts +16 -0
  253. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts.map +1 -0
  254. package/types/components/Dropdown/reducers/pathReducer.d.ts +20 -0
  255. package/types/components/Dropdown/reducers/pathReducer.d.ts.map +1 -0
  256. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts +5 -0
  257. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -0
  258. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +26 -0
  259. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -0
  260. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts +2 -56
  261. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  262. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +5 -2
  263. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  264. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +44 -38
  265. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  266. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts +7 -0
  267. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts.map +1 -0
  268. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts +60 -0
  269. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts.map +1 -0
  270. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts +58 -0
  271. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts.map +1 -0
  272. package/types/components/Dropdown/ui/DropdownItemOld/variations/_size/base.d.ts.map +1 -0
  273. package/types/components/Dropdown/ui/DropdownItemOld/variations/_view/base.d.ts.map +1 -0
  274. package/types/components/Dropdown/ui/index.d.ts +3 -1
  275. package/types/components/Dropdown/ui/index.d.ts.map +1 -1
  276. package/types/components/Dropdown/utils/index.d.ts +5 -2
  277. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  278. package/types/components/Select/ui/SelectItem/SelectItem.d.ts +2 -2
  279. package/types/components/Select/ui/SelectItem/SelectItem.d.ts.map +1 -1
  280. package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts +2 -2
  281. package/types/components/Select/utils/index.d.ts +1 -1
  282. package/types/components/TextField/TextField.d.ts +2 -2
  283. package/types/components/TextField/TextField.d.ts.map +1 -1
  284. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  285. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -0
  286. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +13 -0
  287. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -0
  288. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +2 -2
  289. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  290. package/types/examples/plasma_web/components/TextField/TextField.d.ts +2 -2
  291. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  292. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +2 -2
  293. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -1
  294. package/types/index.d.ts +0 -1
  295. package/types/index.d.ts.map +1 -1
  296. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +0 -1
  297. package/cjs/components/Dropdown/Dropdown.styles_1daxhqh.css +0 -2
  298. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +0 -4
  299. package/cjs/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +0 -1
  300. package/cjs/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +0 -1
  301. package/cjs/components/IconButton/IconButton.css +0 -24
  302. package/cjs/components/IconButton/IconButton.js +0 -50
  303. package/cjs/components/IconButton/IconButton.js.map +0 -1
  304. package/cjs/components/IconButton/IconButton.styles.js +0 -16
  305. package/cjs/components/IconButton/IconButton.styles.js.map +0 -1
  306. package/cjs/components/IconButton/IconButton.styles_1hknr37.css +0 -1
  307. package/cjs/components/IconButton/IconButton.tokens.js +0 -32
  308. package/cjs/components/IconButton/IconButton.tokens.js.map +0 -1
  309. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +0 -1
  310. package/es/components/Dropdown/Dropdown.styles_1daxhqh.css +0 -2
  311. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +0 -4
  312. package/es/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +0 -1
  313. package/es/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +0 -1
  314. package/es/components/IconButton/IconButton.css +0 -24
  315. package/es/components/IconButton/IconButton.js +0 -45
  316. package/es/components/IconButton/IconButton.js.map +0 -1
  317. package/es/components/IconButton/IconButton.styles.js +0 -12
  318. package/es/components/IconButton/IconButton.styles.js.map +0 -1
  319. package/es/components/IconButton/IconButton.styles_1hknr37.css +0 -1
  320. package/es/components/IconButton/IconButton.tokens.js +0 -28
  321. package/es/components/IconButton/IconButton.tokens.js.map +0 -1
  322. package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +0 -80
  323. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +0 -19
  324. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +0 -9
  325. package/styled-components/cjs/components/IconButton/IconButton.js +0 -47
  326. package/styled-components/cjs/components/IconButton/IconButton.styles.js +0 -12
  327. package/styled-components/cjs/components/IconButton/IconButton.tokens.js +0 -31
  328. package/styled-components/cjs/components/IconButton/index.js +0 -25
  329. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +0 -27
  330. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +0 -13
  331. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +0 -194
  332. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +0 -27
  333. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +0 -13
  334. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  335. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +0 -45
  336. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.js +0 -11
  337. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +0 -69
  338. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +0 -27
  339. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +0 -13
  340. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +0 -195
  341. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +0 -27
  342. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +0 -13
  343. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  344. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +0 -45
  345. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.js +0 -11
  346. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +0 -69
  347. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.config.js +0 -22
  348. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.js +0 -21
  349. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +0 -277
  350. package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +0 -80
  351. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +0 -19
  352. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +0 -9
  353. package/styled-components/es/components/IconButton/IconButton.js +0 -41
  354. package/styled-components/es/components/IconButton/IconButton.styles.js +0 -6
  355. package/styled-components/es/components/IconButton/IconButton.tokens.js +0 -25
  356. package/styled-components/es/components/IconButton/index.js +0 -2
  357. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +0 -21
  358. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +0 -7
  359. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +0 -194
  360. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +0 -21
  361. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +0 -7
  362. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  363. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +0 -39
  364. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.js +0 -5
  365. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +0 -69
  366. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +0 -21
  367. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +0 -7
  368. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +0 -195
  369. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +0 -21
  370. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +0 -7
  371. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  372. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +0 -39
  373. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.js +0 -5
  374. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +0 -69
  375. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.config.js +0 -16
  376. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.js +0 -15
  377. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +0 -277
  378. package/types/components/Dropdown/ui/DropdownItem/variations/_size/base.d.ts.map +0 -1
  379. package/types/components/Dropdown/ui/DropdownItem/variations/_view/base.d.ts.map +0 -1
  380. package/types/components/IconButton/IconButton.d.ts +0 -35
  381. package/types/components/IconButton/IconButton.d.ts.map +0 -1
  382. package/types/components/IconButton/IconButton.styles.d.ts +0 -3
  383. package/types/components/IconButton/IconButton.styles.d.ts.map +0 -1
  384. package/types/components/IconButton/IconButton.tokens.d.ts +0 -26
  385. package/types/components/IconButton/IconButton.tokens.d.ts.map +0 -1
  386. package/types/components/IconButton/index.d.ts +0 -3
  387. package/types/components/IconButton/index.d.ts.map +0 -1
  388. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.d.ts.map +0 -1
  389. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts +0 -30
  390. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts.map +0 -1
  391. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts +0 -18
  392. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts.map +0 -1
  393. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts +0 -30
  394. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts.map +0 -1
  395. package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts +0 -38
  396. package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +0 -1
  397. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +0 -32
  398. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +0 -1
  399. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts +0 -18
  400. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts.map +0 -1
  401. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts +0 -30
  402. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts.map +0 -1
  403. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts +0 -18
  404. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts.map +0 -1
  405. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts +0 -30
  406. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts.map +0 -1
  407. package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts +0 -38
  408. package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +0 -1
  409. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +0 -32
  410. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +0 -1
  411. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts +0 -15
  412. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts.map +0 -1
  413. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts +0 -51
  414. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts.map +0 -1
  415. /package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base_x642ct.css +0 -0
  416. /package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base_x642ct.css +0 -0
  417. /package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base_x642ct.css +0 -0
  418. /package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base_x642ct.css +0 -0
  419. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +0 -0
  420. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +0 -0
  421. /package/styled-components/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +0 -0
  422. /package/styled-components/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +0 -0
  423. /package/types/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.d.ts +0 -0
  424. /package/types/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.d.ts +0 -0
  425. /package/types/examples/plasma_b2c/components/Dropdown/{Normal/Dropdown.config.d.ts → Dropdown.config.d.ts} +0 -0
package/es/index.js CHANGED
@@ -16,8 +16,6 @@ export { useDidMountEffect } from './hooks/useDidMountEffect.js';
16
16
  export { composableStyle, cx } from './utils/index.js';
17
17
  export { buttonConfig, buttonRoot } from './components/Button/Button.js';
18
18
  export { classes as buttonClasses, tokens as buttonTokens } from './components/Button/Button.tokens.js';
19
- export { iconButtonConfig, iconButtonRoot } from './components/IconButton/IconButton.js';
20
- export { tokens as iconButtonTokens } from './components/IconButton/IconButton.tokens.js';
21
19
  export { buttonGroupConfig, buttonGroupRoot } from './components/ButtonGroup/ButtonGroup.js';
22
20
  export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './components/ButtonGroup/ButtonGroup.tokens.js';
23
21
  export { chipConfig, chipRoot } from './components/Chip/Chip.js';
@@ -88,11 +86,14 @@ export { drawerHeaderConfig, drawerHeaderRoot } from './components/Drawer/ui/Dra
88
86
  export { classes as drawerClasses, tokens as drawerTokens } from './components/Drawer/Drawer.tokens.js';
89
87
  export { dropdownConfig, dropdownRoot } from './components/Dropdown/Dropdown.js';
90
88
  export { classes as dropdownClasses, tokens as dropdownTokens } from './components/Dropdown/Dropdown.tokens.js';
89
+ export { useKeyNavigation as useDropdownKeyNavigation } from './components/Dropdown/hooks/useKeyboardNavigation.js';
91
90
  export { dropdownDividerConfig, dropdownDividerRoot } from './components/Dropdown/ui/DropdownDivider/DropdownDivider.js';
92
91
  export { dropdownFooterConfig, dropdownFooterRoot } from './components/Dropdown/ui/DropdownFooter/DropdownFooter.js';
93
92
  export { dropdownGroupConfig, dropdownGroupRoot } from './components/Dropdown/ui/DropdownGroup/DropdownGroup.js';
94
93
  export { dropdownHeaderConfig, dropdownHeaderRoot } from './components/Dropdown/ui/DropdownHeader/DropdownHeader.js';
95
- export { dropdownItemConfig, dropdownItemRoot } from './components/Dropdown/ui/DropdownItem/DropdownItem.js';
94
+ export { DropdownItem } from './components/Dropdown/ui/DropdownItem/DropdownItem.js';
95
+ export { DropdownInner } from './components/Dropdown/ui/DropdownInner/DropdownInner.js';
96
+ export { dropdownItemOldConfig, dropdownItemOldRoot } from './components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js';
96
97
  export { headerLogoConfig } from './components/Header/ui/HeaderLogo/HeaderLogo.js';
97
98
  export { headerArrowConfig } from './components/Header/ui/HeaderArrow/HeaderArrow.js';
98
99
  export { headerTitleWrapperConfig } from './components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js';
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.78.0-canary.1195.8939186735.0",
3
+ "version": "0.78.0-canary.1201.8968491632.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -102,5 +102,5 @@
102
102
  "react-popper": "2.3.0",
103
103
  "storeon": "3.1.5"
104
104
  },
105
- "gitHead": "971487fea70bdcaaf1e15827b75bb1ed06d24d5a"
105
+ "gitHead": "7f06c4a8fca1a387042504b15ed436b1e76a90ea"
106
106
  }
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.baseContent = exports.base = exports.StyledSpinner = exports.Loader = exports.LoadWrap = exports.ButtonText = void 0;
7
+ exports.base = exports.StyledSpinner = exports.Loader = exports.LoadWrap = exports.ButtonText = void 0;
8
8
  var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
9
9
  var _mixins = /*#__PURE__*/require("../../mixins");
10
10
  var _engines = /*#__PURE__*/require("../../engines");
@@ -38,12 +38,4 @@ var Loader = exports.Loader = /*#__PURE__*/_styledComponents["default"].div.with
38
38
  })(["position:absolute;"]);
39
39
  var StyledSpinner = exports.StyledSpinner = /*#__PURE__*/(0, _styledComponents["default"])(Spinner).withConfig({
40
40
  componentId: "plasma-new-hope__sc-9d9bqj-3"
41
- })(["", ":var(", ");", ":var(", ");"], _Spinner.spinnerTokens.size, _Button.tokens.buttonSpinnerSize, _Spinner.spinnerTokens.color, _Button.tokens.buttonSpinnerColor);
42
-
43
- // INFO: Для возможности переиспользования стилей в других компонентах
44
- var baseContent = exports.baseContent = /*#__PURE__*/"\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE: \n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.".concat(String(_Button.classes.buttonSquare), " {\n width: var(").concat(_Button.tokens.buttonHeight, ");\n padding: 0;\n }\n\n color: var(").concat(_Button.tokens.buttonColor, ");\n background-color: var(").concat(_Button.tokens.buttonBackgroundColor, ");\n\n :hover {\n color: var(").concat(_Button.tokens.buttonColorHover, ", var(").concat(_Button.tokens.buttonColor, "));\n background-color: var(").concat(_Button.tokens.buttonBackgroundColorHover, ", var(").concat(_Button.tokens.buttonBackgroundColor, "));\n\n scale: var(").concat(_Button.tokens.buttonScaleHover, ");\n }\n\n :active {\n color: var(").concat(_Button.tokens.buttonColorActive, ", var(").concat(_Button.tokens.buttonColor, "));\n background-color: var(").concat(_Button.tokens.buttonBackgroundColorActive, ", var(").concat(_Button.tokens.buttonBackgroundColor, "));\n\n scale: var(").concat(_Button.tokens.buttonScaleActive, ");\n }\n\n height: var(").concat(_Button.tokens.buttonHeight, ");\n width: var(").concat(_Button.tokens.buttonWidth, ");\n\n /* TODO: #714 move these calc's to plasma-mapping | ds-generator and add Math.round() */\n padding: 0 var(").concat(_Button.tokens.buttonPadding, ", calc(var(").concat(_Button.tokens.buttonHeight, ") * 1.618 / 4));\n\n font-family: var(").concat(_Button.tokens.buttonFontFamily, ");\n font-size: var(").concat(_Button.tokens.buttonFontSize, ");\n font-style: var(").concat(_Button.tokens.buttonFontStyle, ");\n font-weight: var(").concat(_Button.tokens.buttonFontWeight, ");\n letter-spacing: var(").concat(_Button.tokens.buttonLetterSpacing, ");\n line-height: var(").concat(_Button.tokens.buttonLineHeight, ");\n\n /* TODO: #710 make it token API ? */\n --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n :focus {\n outline: none;\n }\n\n ").concat((0, _mixins.addFocus)({
45
- outlineOffset: '-0.125rem',
46
- outlineSize: 'var(--plasma_private-btn-outline-size)',
47
- outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',
48
- outlineColor: "var(".concat(_Button.tokens.buttonFocusColor, ")")
49
- }), "\n\n &[disabled] {\n opacity: var(").concat(_Button.tokens.buttonDisabledOpacity, ");\n cursor: not-allowed;\n\n :hover,\n :active {\n scale: none;\n\n color: var(").concat(_Button.tokens.buttonColor, ");\n background-color: var(").concat(_Button.tokens.buttonBackgroundColor, ");\n }\n }\n\n &.").concat(_Button.classes.fixedStretching, " {\n width: var(").concat(_Button.tokens.buttonWidth, ");\n }\n &.").concat(_Button.classes.filledStretching, " {\n width: 100%;\n }\n &.").concat(_Button.classes.autoStretching, " {\n width: auto;\n }\n");
41
+ })(["", ":var(", ");", ":var(", ");"], _Spinner.spinnerTokens.size, _Button.tokens.buttonSpinnerSize, _Spinner.spinnerTokens.color, _Button.tokens.buttonSpinnerColor);
@@ -1,14 +1,103 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.comboboxItemRoot = exports.comboboxItemConfig = void 0;
7
- var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
8
+ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
+ var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
10
+ var _Combobox = /*#__PURE__*/require("../../Combobox.tokens");
11
+ var _utils = /*#__PURE__*/require("../../utils");
12
+ var _utils2 = /*#__PURE__*/require("../../../../utils");
8
13
  var _base = /*#__PURE__*/require("./variations/_view/base");
9
14
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
10
15
  var _ComboboxItem = /*#__PURE__*/require("./ComboboxItem.styles");
11
- var comboboxItemRoot = exports.comboboxItemRoot = _Dropdown.dropdownItemRoot;
16
+ var _excluded = ["id", "className", "children", "text", "isSelected", "name", "checked", "value", "view", "size", "disabled", "role", "contentLeft", "contentRight", "onSelect", "onClick", "onChange"];
17
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
18
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
19
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
20
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
23
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
24
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
25
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
26
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
27
+ var comboboxItemRoot = exports.comboboxItemRoot = function comboboxItemRoot(Root) {
28
+ return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
29
+ var id = _ref.id,
30
+ className = _ref.className,
31
+ children = _ref.children,
32
+ text = _ref.text,
33
+ isSelected = _ref.isSelected,
34
+ name = _ref.name,
35
+ checked = _ref.checked,
36
+ value = _ref.value,
37
+ view = _ref.view,
38
+ size = _ref.size,
39
+ disabled = _ref.disabled,
40
+ _ref$role = _ref.role,
41
+ role = _ref$role === void 0 ? 'option' : _ref$role,
42
+ ContentLeftComponent = _ref.contentLeft,
43
+ ContentRightComponent = _ref.contentRight,
44
+ onSelect = _ref.onSelect,
45
+ onClick = _ref.onClick,
46
+ onChange = _ref.onChange,
47
+ rest = _objectWithoutProperties(_ref, _excluded);
48
+ var uniqId = (0, _plasmaCore.safeUseId)();
49
+ var innerId = id || uniqId;
50
+ var withComboboxItemIsSelected = checked || isSelected ? _Combobox.classes.comboboxItemIsDisabled : undefined;
51
+ var withComboboxItemIsDisabled = disabled ? _Combobox.classes.comboboxItemIsDisabled : undefined;
52
+ var handleOnClick = (0, _react.useCallback)(function (event) {
53
+ if (disabled) {
54
+ return;
55
+ }
56
+ onClick === null || onClick === void 0 || onClick(event);
57
+ if (onSelect && !ContentLeftComponent) {
58
+ onSelect(value, text);
59
+ }
60
+ }, [onSelect, disabled]);
61
+ var handleOnChange = (0, _react.useCallback)(function (event) {
62
+ if (disabled) {
63
+ return;
64
+ }
65
+ onChange === null || onChange === void 0 || onChange(event);
66
+ if (onSelect && ContentLeftComponent) {
67
+ onSelect(value, text);
68
+ }
69
+ }, [onSelect, disabled]);
70
+ var contentProps = _objectSpread({
71
+ name: name,
72
+ value: value,
73
+ checked: checked || isSelected,
74
+ disabled: disabled,
75
+ tabIndex: -1
76
+ }, !disabled && {
77
+ onChange: handleOnChange
78
+ });
79
+ var ContentLeft = (0, _react.useMemo)(function () {
80
+ return (0, _utils.getValidComponent)(ContentLeftComponent, contentProps);
81
+ }, [ContentRightComponent, contentProps]);
82
+ var ContentRight = (0, _react.useMemo)(function () {
83
+ return (0, _utils.getValidComponent)(ContentRightComponent, contentProps);
84
+ }, [ContentRightComponent, contentProps]);
85
+ return /*#__PURE__*/_react["default"].createElement(Root, _extends({
86
+ className: (0, _utils2.cx)(withComboboxItemIsSelected, withComboboxItemIsDisabled, className),
87
+ view: view,
88
+ size: size,
89
+ id: innerId,
90
+ isSelected: isSelected,
91
+ role: role,
92
+ ref: outerRootRef,
93
+ tabIndex: 0,
94
+ "aria-disabled": disabled,
95
+ "aria-selected": isSelected,
96
+ onClick: handleOnClick,
97
+ "data-value": value
98
+ }, rest), text ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ComboboxItem.StyledContentLeft, null, ContentLeftComponent && ContentLeft), /*#__PURE__*/_react["default"].createElement(_ComboboxItem.StyledText, null, text), /*#__PURE__*/_react["default"].createElement(_ComboboxItem.StyledContentRight, null, ContentRightComponent && ContentRight)) : children);
99
+ });
100
+ };
12
101
  var comboboxItemConfig = exports.comboboxItemConfig = {
13
102
  name: 'ComboboxItem',
14
103
  tag: 'div',
@@ -1,13 +1,33 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
- exports.mappingOverride = exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
7
+ exports.baseContent = exports.base = exports.StyledText = exports.StyledContentRight = exports.StyledContentLeft = void 0;
8
+ var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
8
9
  var _Combobox = /*#__PURE__*/require("../../Combobox.tokens");
9
- var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
10
- var _DropdownItem = /*#__PURE__*/require("../../../Dropdown/ui/DropdownItem/DropdownItem.styles");
11
- // NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
12
- var mappingOverride = exports.mappingOverride = /*#__PURE__*/"\n ".concat(_Dropdown.dropdownTokens.itemBackground, ": var(").concat(_Combobox.tokens.itemBackground, ");\n ").concat(_Dropdown.dropdownTokens.itemColor, ": var(").concat(_Combobox.tokens.itemColor, ");\n ").concat(_Dropdown.dropdownTokens.itemBackgroundHover, ": var(").concat(_Combobox.tokens.itemBackgroundHover, ");\n ").concat(_Dropdown.dropdownTokens.itemBackgroundSelected, ": var(").concat(_Combobox.tokens.itemBackgroundSelected, ");\n ").concat(_Dropdown.dropdownTokens.itemColorSelected, ": var(").concat(_Combobox.tokens.itemColorSelected, ");\n ").concat(_Dropdown.dropdownTokens.itemBackgroundSelectedHover, ": var(").concat(_Combobox.tokens.itemBackgroundSelectedHover, ");\n ").concat(_Dropdown.dropdownTokens.itemColorSelectedHover, ": var(").concat(_Combobox.tokens.itemColorSelectedHover, ");\n ").concat(_Dropdown.dropdownTokens.itemContentLeftColor, ": var(").concat(_Combobox.tokens.itemContentLeftColor, ");\n ").concat(_Dropdown.dropdownTokens.itemContentRightColor, ": var(").concat(_Combobox.tokens.itemContentRightColor, ");\n ").concat(_Dropdown.dropdownTokens.disabledOpacity, ": var(").concat(_Combobox.tokens.disabledOpacity, ");\n ").concat(_Dropdown.dropdownTokens.focusColor, ": var(").concat(_Combobox.tokens.focusColor, ");\n ").concat(_Dropdown.dropdownTokens.itemWidth, ": var(").concat(_Combobox.tokens.itemWidth, ");\n ").concat(_Dropdown.dropdownTokens.itemHeight, ": var(").concat(_Combobox.tokens.itemHeight, ");\n ").concat(_Dropdown.dropdownTokens.itemBorderRadius, ": var(").concat(_Combobox.tokens.itemBorderRadius, ");\n ").concat(_Dropdown.dropdownTokens.itemPaddingTop, ": var(").concat(_Combobox.tokens.itemPaddingTop, ");\n ").concat(_Dropdown.dropdownTokens.itemPaddingRight, ": var(").concat(_Combobox.tokens.itemPaddingRight, ");\n ").concat(_Dropdown.dropdownTokens.itemPaddingBottom, ": var(").concat(_Combobox.tokens.itemPaddingBottom, ");\n ").concat(_Dropdown.dropdownTokens.itemPaddingLeft, ": var(").concat(_Combobox.tokens.itemPaddingLeft, ");\n ").concat(_Dropdown.dropdownTokens.itemMarginTop, ": var(").concat(_Combobox.tokens.itemMarginTop, ");\n ").concat(_Dropdown.dropdownTokens.itemMarginRight, ": var(").concat(_Combobox.tokens.itemMarginRight, ");\n ").concat(_Dropdown.dropdownTokens.itemMarginBottom, ": var(").concat(_Combobox.tokens.itemMarginBottom, ");\n ").concat(_Dropdown.dropdownTokens.itemMarginLeft, ": var(").concat(_Combobox.tokens.itemMarginLeft, ");\n ").concat(_Dropdown.dropdownTokens.itemFontFamily, ": var(").concat(_Combobox.tokens.itemFontFamily, ");\n ").concat(_Dropdown.dropdownTokens.itemFontSize, ": var(").concat(_Combobox.tokens.itemFontSize, ");\n ").concat(_Dropdown.dropdownTokens.itemFontStyle, ": var(").concat(_Combobox.tokens.itemFontStyle, ");\n ").concat(_Dropdown.dropdownTokens.itemFontWeightBold, ": var(").concat(_Combobox.tokens.itemFontWeightBold, ");\n ").concat(_Dropdown.dropdownTokens.itemFontLetterSpacing, ": var(").concat(_Combobox.tokens.itemFontLetterSpacing, ");\n ").concat(_Dropdown.dropdownTokens.itemFontLineHeight, ": var(").concat(_Combobox.tokens.itemFontLineHeight, ");\n ").concat(_Dropdown.dropdownTokens.itemContentLeftWidth, ": var(").concat(_Combobox.tokens.itemContentLeftWidth, ");\n ").concat(_Dropdown.dropdownTokens.itemContentRightWidth, ": var(").concat(_Combobox.tokens.itemContentRightWidth, ");\n");
13
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";"], _DropdownItem.baseContent, mappingOverride);
10
+ var _mixins = /*#__PURE__*/require("../../../../mixins");
11
+ var _templateObject;
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
+ var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
16
+ componentId: "plasma-new-hope__sc-i4bkda-0"
17
+ })(["display:inline-flex;min-width:var(", ");color:var(", ");"], _Combobox.tokens.itemContentLeftWidth, _Combobox.tokens.itemContentLeftColor);
18
+ var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
19
+ componentId: "plasma-new-hope__sc-i4bkda-1"
20
+ })(["margin-left:auto;display:inline-flex;min-width:var(", ");color:var(", ");"], _Combobox.tokens.itemContentRightWidth, _Combobox.tokens.itemContentRightColor);
21
+ var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
22
+ componentId: "plasma-new-hope__sc-i4bkda-2"
23
+ })(["", ";"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
24
+
25
+ // INFO: Для возможности переиспользования стилей в других компонентах
26
+ var baseContent = exports.baseContent = /*#__PURE__*/"\n box-sizing: content-box;\n display: flex;\n align-items: center;\n user-select: none;\n\n :focus {\n outline: none;\n }\n\n ".concat((0, _mixins.addFocus)({
27
+ outlineSize: '0.0625rem',
28
+ outlineOffset: '0',
29
+ outlineColor: "var(".concat(_Combobox.tokens.focusColor, ")"),
30
+ outlineRadius: "var(".concat(_Combobox.tokens.itemBorderRadius, ")"),
31
+ hasTransition: false
32
+ }), ";\n\n width: 100%;\n\n font-family: var(").concat(_Combobox.tokens.itemFontFamily, ");\n font-size: var(").concat(_Combobox.tokens.itemFontSize, ");\n font-style: var(").concat(_Combobox.tokens.itemFontStyle, ");\n font-weight: var(").concat(_Combobox.tokens.itemFontWeightBold, ");\n letter-spacing: var(").concat(_Combobox.tokens.itemFontLetterSpacing, ");\n line-height: var(").concat(_Combobox.tokens.itemFontLineHeight, ");\n\n background: var(").concat(_Combobox.tokens.itemBackground, ");\n color: var(").concat(_Combobox.tokens.itemColor, ");\n border-radius: var(").concat(_Combobox.tokens.itemBorderRadius, ");\n\n width: var(").concat(_Combobox.tokens.itemWidth, ");\n height: var(").concat(_Combobox.tokens.itemHeight, ");\n\n padding: var(").concat(_Combobox.tokens.itemPaddingTop, ") var(").concat(_Combobox.tokens.itemPaddingRight, ") var(").concat(_Combobox.tokens.itemPaddingBottom, ")\n var(").concat(_Combobox.tokens.itemPaddingLeft, ");\n\n margin: var(").concat(_Combobox.tokens.itemMarginTop, ") var(").concat(_Combobox.tokens.itemMarginRight, ") var(").concat(_Combobox.tokens.itemMarginBottom, ")\n var(").concat(_Combobox.tokens.itemMarginLeft, ");\n\n &:hover:not(.").concat(_Combobox.classes.comboboxItemIsDisabled, ") {\n cursor: pointer;\n background: var(").concat(_Combobox.tokens.itemBackgroundHover, ");\n }\n\n &.").concat(String(_Combobox.classes.comboboxItemIsSelected), " {\n color: var(").concat(_Combobox.tokens.itemColorSelected, ");\n background: var(").concat(_Combobox.tokens.itemBackgroundSelected, ");\n\n &:hover:not(.").concat(_Combobox.classes.comboboxItemIsDisabled, ") {\n background: var(").concat(_Combobox.tokens.itemBackgroundSelectedHover, ");\n }\n }\n\n &.").concat(_Combobox.classes.comboboxItemIsDisabled, " {\n opacity: var(").concat(_Combobox.tokens.disabledOpacity, ");\n cursor: not-allowed;\n }\n");
33
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n"])), baseContent);
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getValidComponent = void 0;
7
+ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
8
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
9
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
10
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
11
+ var isReactObject = function isReactObject(element) {
12
+ return _typeof(element) === 'object' || typeof element === 'function';
13
+ };
14
+ var getValidComponent = exports.getValidComponent = function getValidComponent(element, props) {
15
+ if ( /*#__PURE__*/(0, _react.isValidElement)(element)) {
16
+ return /*#__PURE__*/(0, _react.cloneElement)(element, props);
17
+ }
18
+ if (isReactObject(element)) {
19
+ var Component = element;
20
+ return /*#__PURE__*/_react["default"].createElement(Component, props);
21
+ }
22
+ return element;
23
+ };
@@ -6,86 +6,172 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.dropdownRoot = exports.dropdownConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
9
+ var _utils = /*#__PURE__*/require("../../utils");
10
+ var _pathReducer = /*#__PURE__*/require("./reducers/pathReducer");
11
+ var _focusedPathReducer = /*#__PURE__*/require("./reducers/focusedPathReducer");
12
+ var _ui = /*#__PURE__*/require("./ui");
10
13
  var _base = /*#__PURE__*/require("./variations/_view/base");
11
14
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
12
15
  var _Dropdown = /*#__PURE__*/require("./Dropdown.styles");
13
- var _utils = /*#__PURE__*/require("./utils");
14
- var _excluded = ["id", "target", "children", "hasArrow", "role", "view", "size", "frame", "onToggle", "isFocusTrapped", "isOpen", "placement", "trigger", "offset", "preventOverflow", "closeOnOverlayClick", "closeOnEsc"];
16
+ var _utils2 = /*#__PURE__*/require("./utils");
17
+ var _Dropdown2 = /*#__PURE__*/require("./Dropdown.tokens");
18
+ var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
19
+ var _useHashMaps3 = /*#__PURE__*/require("./hooks/useHashMaps");
20
+ var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listWidth", "listHeight", "listOverflow", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "variant", "hasArrow"];
15
21
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
22
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
17
23
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
24
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
25
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
26
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
27
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
28
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
29
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
18
30
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
19
31
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
20
32
  /**
21
- * Выпадающий список без внешнего контроля видимости.
33
+ * Выпадающий список.
22
34
  */
23
35
  var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
24
- return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
25
- var id = _ref.id,
26
- target = _ref.target,
36
+ return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
37
+ var items = _ref.items,
27
38
  children = _ref.children,
28
- hasArrow = _ref.hasArrow,
29
- role = _ref.role,
30
- view = _ref.view,
31
- size = _ref.size,
32
- frame = _ref.frame,
33
- _onToggle = _ref.onToggle,
34
- _ref$isFocusTrapped = _ref.isFocusTrapped,
35
- isFocusTrapped = _ref$isFocusTrapped === void 0 ? true : _ref$isFocusTrapped,
36
- _ref$isOpen = _ref.isOpen,
37
- isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
38
39
  _ref$placement = _ref.placement,
39
- placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
40
- _ref$trigger = _ref.trigger,
41
- trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
40
+ placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
42
41
  _ref$offset = _ref.offset,
43
- offset = _ref$offset === void 0 ? [0, 6] : _ref$offset,
44
- _ref$preventOverflow = _ref.preventOverflow,
45
- preventOverflow = _ref$preventOverflow === void 0 ? false : _ref$preventOverflow,
42
+ offset = _ref$offset === void 0 ? [0, 0] : _ref$offset,
46
43
  _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
47
- closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? false : _ref$closeOnOverlayCl,
48
- _ref$closeOnEsc = _ref.closeOnEsc,
49
- closeOnEsc = _ref$closeOnEsc === void 0 ? false : _ref$closeOnEsc,
44
+ closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
45
+ onToggle = _ref.onToggle,
46
+ size = _ref.size,
47
+ view = _ref.view,
48
+ _ref$itemRole = _ref.itemRole,
49
+ itemRole = _ref$itemRole === void 0 ? 'treeitem' : _ref$itemRole,
50
+ className = _ref.className,
51
+ listWidth = _ref.listWidth,
52
+ listHeight = _ref.listHeight,
53
+ listOverflow = _ref.listOverflow,
54
+ _ref$closeOnSelect = _ref.closeOnSelect,
55
+ closeOnSelect = _ref$closeOnSelect === void 0 ? true : _ref$closeOnSelect,
56
+ onHover = _ref.onHover,
57
+ onItemSelect = _ref.onItemSelect,
58
+ onItemClick = _ref.onItemClick,
59
+ _ref$trigger = _ref.trigger,
60
+ trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
61
+ _ref$variant = _ref.variant,
62
+ variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
63
+ _ref$hasArrow = _ref.hasArrow,
64
+ hasArrow = _ref$hasArrow === void 0 ? true : _ref$hasArrow,
50
65
  rest = _objectWithoutProperties(_ref, _excluded);
51
- var uniqId = (0, _plasmaCore.useUniqId)();
52
- var innerId = id || uniqId;
53
- var rootRef = (0, _react.useRef)(null);
54
- var dropdownRef = (0, _react.useRef)(null);
55
- var handleRef = (0, _plasmaCore.useForkRef)(rootRef, outerRootRef);
56
- var trapRef = (0, _plasmaCore.useFocusTrap)(isOpen && isFocusTrapped);
57
- var dropdownForkRef = (0, _plasmaCore.useForkRef)(dropdownRef, trapRef);
58
- return /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {
59
- role: role,
60
- isOpen: isOpen,
66
+ var _useReducer = (0, _react.useReducer)(_pathReducer.pathReducer, []),
67
+ _useReducer2 = _slicedToArray(_useReducer, 2),
68
+ path = _useReducer2[0],
69
+ dispatchPath = _useReducer2[1];
70
+ var _useReducer3 = (0, _react.useReducer)(_focusedPathReducer.focusedPathReducer, []),
71
+ _useReducer4 = _slicedToArray(_useReducer3, 2),
72
+ focusedPath = _useReducer4[0],
73
+ dispatchFocusedPath = _useReducer4[1];
74
+ var _useHashMaps = (0, _useHashMaps3.useHashMaps)(items),
75
+ _useHashMaps2 = _slicedToArray(_useHashMaps, 2),
76
+ pathMap = _useHashMaps2[0],
77
+ focusedToValueMap = _useHashMaps2[1];
78
+ var handleGlobalToggle = function handleGlobalToggle(opened, event) {
79
+ if (opened) {
80
+ dispatchPath({
81
+ type: 'opened_first_level'
82
+ });
83
+ } else {
84
+ dispatchFocusedPath({
85
+ type: 'reset'
86
+ });
87
+ dispatchPath({
88
+ type: 'reset'
89
+ });
90
+ }
91
+ if (onToggle) {
92
+ onToggle(opened, event);
93
+ }
94
+ };
95
+ var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
96
+ focusedPath: focusedPath,
97
+ dispatchFocusedPath: dispatchFocusedPath,
98
+ path: path,
99
+ dispatchPath: dispatchPath,
100
+ pathMap: pathMap,
101
+ focusedToValueMap: focusedToValueMap,
102
+ handleGlobalToggle: handleGlobalToggle,
103
+ closeOnSelect: closeOnSelect,
104
+ onItemSelect: onItemSelect,
105
+ onItemClick: onItemClick
106
+ }),
107
+ onKeyDown = _useKeyNavigation.onKeyDown;
108
+ var isCurrentListOpen = Boolean(path[0]);
109
+ var getActiveDescendant = function getActiveDescendant() {
110
+ var _focusedToValueMap$ge;
111
+ var focusedPathAsString = focusedPath.reduce(function (acc, n) {
112
+ return "".concat(acc, "/").concat(n);
113
+ }, '').replace(/^(\/)/, '');
114
+ return focusedToValueMap === null || focusedToValueMap === void 0 || (_focusedToValueMap$ge = focusedToValueMap.get(focusedPathAsString)) === null || _focusedToValueMap$ge === void 0 ? void 0 : _focusedToValueMap$ge.value.toString();
115
+ };
116
+ return /*#__PURE__*/_react["default"].createElement(Root, _extends({
117
+ className: (0, _utils.cx)(className, _Dropdown2.classes.dropdownRoot),
118
+ ref: ref,
119
+ view: view,
120
+ size: size,
121
+ items: items
122
+ }, rest), /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {
123
+ isOpen: isCurrentListOpen,
61
124
  usePortal: false,
62
- onToggle: function onToggle(is, event) {
63
- return _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(is, event);
64
- },
65
- id: innerId,
66
- ref: dropdownForkRef,
67
- target: target,
125
+ onToggle: handleGlobalToggle,
68
126
  offset: offset,
69
- preventOverflow: preventOverflow,
70
- hasArrow: hasArrow,
71
- placement: (0, _utils.getPlacements)(placement),
127
+ placement: (0, _utils2.getPlacements)(placement),
72
128
  trigger: trigger,
73
129
  closeOnOverlayClick: closeOnOverlayClick,
74
- closeOnEsc: closeOnEsc,
75
- isFocusTrapped: isFocusTrapped,
76
- frame: frame
77
- }, /*#__PURE__*/_react["default"].createElement(Root, _extends({
78
- ref: handleRef,
79
- view: view,
80
- size: size
81
- }, rest), /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledDropdown, null, children)));
130
+ isFocusTrapped: false,
131
+ target: (0, _utils2.childrenWithProps)(children, {
132
+ role: 'combobox',
133
+ 'aria-controls': 'listbox1',
134
+ 'aria-expanded': isCurrentListOpen,
135
+ 'aria-activedescendant': getActiveDescendant(),
136
+ onKeyDown: onKeyDown
137
+ }),
138
+ preventOverflow: false
139
+ }, /*#__PURE__*/_react["default"].createElement(_Dropdown.Ul, {
140
+ listHeight: listHeight,
141
+ listOverflow: listOverflow,
142
+ role: "tree",
143
+ id: "listbox1",
144
+ listWidth: listWidth
145
+ }, items.map(function (item, index) {
146
+ return /*#__PURE__*/_react["default"].createElement(_ui.DropdownInner, {
147
+ key: "".concat(index, "/0"),
148
+ item: item,
149
+ currentLevel: 0,
150
+ focusedPath: focusedPath,
151
+ trigger: trigger,
152
+ path: path,
153
+ dispatchPath: dispatchPath,
154
+ index: index,
155
+ itemRole: itemRole,
156
+ listHeight: listHeight,
157
+ listOverflow: listOverflow,
158
+ handleGlobalToggle: handleGlobalToggle,
159
+ closeOnSelect: closeOnSelect,
160
+ onHover: onHover,
161
+ onItemSelect: onItemSelect,
162
+ onItemClick: onItemClick,
163
+ listWidth: listWidth,
164
+ variant: variant,
165
+ hasArrow: hasArrow
166
+ });
167
+ }))));
82
168
  });
83
169
  };
84
170
  var dropdownConfig = exports.dropdownConfig = {
85
171
  name: 'Dropdown',
86
172
  tag: 'div',
87
173
  layout: dropdownRoot,
88
- base: '',
174
+ base: _Dropdown.base,
89
175
  variations: {
90
176
  view: {
91
177
  css: _base.base
@@ -1,19 +1,34 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
- exports.StyledPopover = exports.StyledDropdown = void 0;
7
- var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
7
+ exports.base = exports.Ul = exports.StyledPopover = void 0;
8
+ var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
8
9
  var _engines = /*#__PURE__*/require("../../engines");
9
10
  var _Popover = /*#__PURE__*/require("../Popover");
11
+ var _utils = /*#__PURE__*/require("./utils");
10
12
  var _Dropdown = /*#__PURE__*/require("./Dropdown.tokens");
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
- // issue #823
13
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
15
  var Popover = /*#__PURE__*/(0, _engines.component)(_Popover.popoverConfig);
14
16
  var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["default"])(Popover).withConfig({
15
17
  componentId: "plasma-new-hope__sc-13ezpo5-0"
16
- })([".", "{display:block;}"], /*#__PURE__*/String(_Popover.popoverClasses.target));
17
- var StyledDropdown = exports.StyledDropdown = /*#__PURE__*/_styledComponents["default"].div.withConfig({
18
+ })([".", ",.", "{display:block;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
19
+ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
18
20
  componentId: "plasma-new-hope__sc-13ezpo5-1"
19
- })(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");padding:var(", ") var(", ") var(", ") var(", ");"], _Dropdown.tokens.background, _Dropdown.tokens.boxShadow, _Dropdown.tokens.borderRadius, _Dropdown.tokens.width, _Dropdown.tokens.height, _Dropdown.tokens.paddingTop, _Dropdown.tokens.paddingRight, _Dropdown.tokens.paddingBottom, _Dropdown.tokens.paddingLeft);
21
+ })(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Dropdown.tokens.background, _Dropdown.tokens.boxShadow, _Dropdown.tokens.borderRadius, function (_ref) {
22
+ var listWidth = _ref.listWidth;
23
+ return listWidth || "var(".concat(_Dropdown.tokens.width, ")");
24
+ }, function (_ref2) {
25
+ var listHeight = _ref2.listHeight;
26
+ return listHeight ? (0, _utils.getCorrectHeight)(listHeight) : 'auto';
27
+ }, function (_ref3) {
28
+ var listOverflow = _ref3.listOverflow;
29
+ return listOverflow || 'initial';
30
+ }, function (_ref4) {
31
+ var isInnerUl = _ref4.isInnerUl;
32
+ return isInnerUl ? "calc(var(".concat(_Dropdown.tokens.padding, ") * -1) 0 0 var(").concat(_Dropdown.tokens.padding, ")") : 0;
33
+ }, _Dropdown.tokens.padding);
34
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);