@salutejs/plasma-new-hope 0.78.0-canary.1203.8970261959.0 → 0.78.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (450) hide show
  1. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  2. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -3
  3. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  4. package/cjs/components/Calendar/hooks/useDays.js +3 -6
  5. package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
  6. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +1 -2
  7. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  8. package/cjs/components/Combobox/Combobox.css +20 -7
  9. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +18 -6
  10. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  11. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +18 -6
  12. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  13. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +18 -6
  14. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  15. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +18 -6
  16. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  17. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -23
  18. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +81 -10
  19. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  20. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +21 -9
  21. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  22. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +4 -0
  23. package/cjs/components/Combobox/utils/index.js +23 -0
  24. package/cjs/components/Combobox/utils/index.js.map +1 -0
  25. package/cjs/components/Dropdown/Dropdown.css +28 -2
  26. package/cjs/components/Dropdown/Dropdown.js +141 -54
  27. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  28. package/cjs/components/Dropdown/Dropdown.styles.js +40 -7
  29. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  30. package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +3 -0
  31. package/cjs/components/Dropdown/Dropdown.tokens.js +26 -23
  32. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  33. package/cjs/components/Dropdown/hooks/useHashMaps.js +34 -0
  34. package/cjs/components/Dropdown/hooks/useHashMaps.js.map +1 -0
  35. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +247 -0
  36. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -0
  37. package/cjs/components/Dropdown/reducers/focusedPathReducer.js +37 -0
  38. package/cjs/components/Dropdown/reducers/focusedPathReducer.js.map +1 -0
  39. package/cjs/components/Dropdown/reducers/pathReducer.js +41 -0
  40. package/cjs/components/Dropdown/reducers/pathReducer.js.map +1 -0
  41. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +125 -0
  42. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -0
  43. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +7 -4
  44. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +79 -100
  45. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  46. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +31 -5
  47. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  48. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +5 -0
  49. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +30 -0
  50. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -0
  51. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +4 -0
  52. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -0
  53. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +112 -0
  54. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -0
  55. package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +1 -1
  56. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +1 -0
  57. package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +1 -1
  58. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +1 -0
  59. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +29 -0
  60. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -0
  61. package/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles_3w3l45.css +2 -0
  62. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +7 -0
  63. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +99 -0
  64. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -0
  65. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +115 -0
  66. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js.map +1 -0
  67. package/cjs/components/Dropdown/ui/DropdownOld/utils/index.js +23 -0
  68. package/cjs/components/Dropdown/ui/DropdownOld/utils/index.js.map +1 -0
  69. package/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base.js +9 -0
  70. package/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base.js.map +1 -0
  71. package/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base.js +9 -0
  72. package/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base.js.map +1 -0
  73. package/cjs/components/Dropdown/utils/index.js +16 -0
  74. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  75. package/cjs/components/Pagination/Pagination.css +17 -7
  76. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -7
  77. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  78. package/cjs/components/Select/Select.css +17 -7
  79. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +18 -6
  80. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  81. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +18 -6
  82. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  83. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +18 -6
  84. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  85. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +18 -6
  86. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  87. package/cjs/components/Select/ui/SelectItem/SelectItem.css +19 -7
  88. package/cjs/components/Select/ui/SelectItem/SelectItem.js +3 -3
  89. package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  90. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  91. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  92. package/cjs/components/Select/ui/SelectItem/{SelectItem.styles_6h17aw.css → SelectItem.styles_vk39mp.css} +1 -1
  93. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  94. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  95. package/cjs/index.css +21 -8
  96. package/cjs/index.js +13 -2
  97. package/cjs/index.js.map +1 -1
  98. package/es/components/Calendar/Calendar.types.js.map +1 -1
  99. package/es/components/Calendar/CalendarBase/CalendarBase.js +1 -3
  100. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  101. package/es/components/Calendar/hooks/useDays.js +3 -6
  102. package/es/components/Calendar/hooks/useDays.js.map +1 -1
  103. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +1 -2
  104. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  105. package/es/components/Combobox/Combobox.css +20 -7
  106. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +18 -6
  107. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  108. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +18 -6
  109. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  110. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +18 -6
  111. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  112. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +18 -6
  113. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  114. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -23
  115. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +82 -11
  116. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  117. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +19 -10
  118. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  119. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +4 -0
  120. package/es/components/Combobox/utils/index.js +19 -0
  121. package/es/components/Combobox/utils/index.js.map +1 -0
  122. package/es/components/Dropdown/Dropdown.css +28 -2
  123. package/es/components/Dropdown/Dropdown.js +147 -60
  124. package/es/components/Dropdown/Dropdown.js.map +1 -1
  125. package/es/components/Dropdown/Dropdown.styles.js +39 -7
  126. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  127. package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +3 -0
  128. package/es/components/Dropdown/Dropdown.tokens.js +26 -23
  129. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  130. package/es/components/Dropdown/hooks/useHashMaps.js +30 -0
  131. package/es/components/Dropdown/hooks/useHashMaps.js.map +1 -0
  132. package/es/components/Dropdown/hooks/useKeyboardNavigation.js +242 -0
  133. package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -0
  134. package/es/components/Dropdown/reducers/focusedPathReducer.js +33 -0
  135. package/es/components/Dropdown/reducers/focusedPathReducer.js.map +1 -0
  136. package/es/components/Dropdown/reducers/pathReducer.js +37 -0
  137. package/es/components/Dropdown/reducers/pathReducer.js.map +1 -0
  138. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +121 -0
  139. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -0
  140. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +7 -4
  141. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +80 -100
  142. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  143. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +30 -5
  144. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  145. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +5 -0
  146. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +23 -0
  147. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -0
  148. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +4 -0
  149. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -0
  150. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +107 -0
  151. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -0
  152. package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +1 -1
  153. package/es/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +1 -0
  154. package/es/components/Dropdown/ui/DropdownItemOld/variations/_size/base_x642ct.css +1 -0
  155. package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +1 -1
  156. package/es/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +1 -0
  157. package/es/components/Dropdown/ui/DropdownItemOld/variations/_view/base_x642ct.css +1 -0
  158. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +24 -0
  159. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js.map +1 -0
  160. package/es/components/Dropdown/ui/DropdownOld/Dropdown.styles_3w3l45.css +2 -0
  161. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +7 -0
  162. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +94 -0
  163. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -0
  164. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +111 -0
  165. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js.map +1 -0
  166. package/es/components/Dropdown/ui/DropdownOld/utils/index.js +18 -0
  167. package/es/components/Dropdown/ui/DropdownOld/utils/index.js.map +1 -0
  168. package/es/components/Dropdown/ui/DropdownOld/variations/_size/base.js +5 -0
  169. package/es/components/Dropdown/ui/DropdownOld/variations/_size/base.js.map +1 -0
  170. package/es/components/Dropdown/ui/DropdownOld/variations/_size/base_x642ct.css +1 -0
  171. package/es/components/Dropdown/ui/DropdownOld/variations/_view/base.js +5 -0
  172. package/es/components/Dropdown/ui/DropdownOld/variations/_view/base.js.map +1 -0
  173. package/es/components/Dropdown/ui/DropdownOld/variations/_view/base_x642ct.css +1 -0
  174. package/es/components/Dropdown/utils/index.js +16 -2
  175. package/es/components/Dropdown/utils/index.js.map +1 -1
  176. package/es/components/Pagination/Pagination.css +17 -7
  177. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -7
  178. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  179. package/es/components/Select/Select.css +17 -7
  180. package/es/components/Select/ui/SelectDivider/SelectDivider.css +18 -6
  181. package/es/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  182. package/es/components/Select/ui/SelectFooter/SelectFooter.css +18 -6
  183. package/es/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  184. package/es/components/Select/ui/SelectGroup/SelectGroup.css +18 -6
  185. package/es/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  186. package/es/components/Select/ui/SelectHeader/SelectHeader.css +18 -6
  187. package/es/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  188. package/es/components/Select/ui/SelectItem/SelectItem.css +19 -7
  189. package/es/components/Select/ui/SelectItem/SelectItem.js +3 -3
  190. package/es/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  191. package/es/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  192. package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  193. package/es/components/Select/ui/SelectItem/{SelectItem.styles_6h17aw.css → SelectItem.styles_vk39mp.css} +1 -1
  194. package/es/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  195. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  196. package/es/index.css +21 -8
  197. package/es/index.js +6 -1
  198. package/es/index.js.map +1 -1
  199. package/package.json +2 -2
  200. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -3
  201. package/styled-components/cjs/components/Calendar/hooks/useDays.js +3 -6
  202. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +1 -2
  203. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +91 -2
  204. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +27 -7
  205. package/styled-components/cjs/components/Combobox/utils/index.js +23 -0
  206. package/styled-components/cjs/components/Dropdown/Dropdown.js +140 -54
  207. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +22 -7
  208. package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +325 -66
  209. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +26 -23
  210. package/styled-components/cjs/components/Dropdown/hooks/useHashMaps.js +32 -0
  211. package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +249 -0
  212. package/styled-components/cjs/components/Dropdown/index.js +9 -1
  213. package/styled-components/cjs/components/Dropdown/reducers/focusedPathReducer.js +40 -0
  214. package/styled-components/cjs/components/Dropdown/reducers/pathReducer.js +44 -0
  215. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +117 -0
  216. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +5 -0
  217. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +77 -105
  218. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +24 -19
  219. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +33 -0
  220. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +5 -0
  221. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +119 -0
  222. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +19 -0
  223. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/Dropdown.types.js +5 -0
  224. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +101 -0
  225. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +118 -0
  226. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/utils/index.js +21 -0
  227. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_size/base.js +8 -0
  228. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_size/tokens.json +1 -0
  229. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_view/base.js +8 -0
  230. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/variations/_view/tokens.json +1 -0
  231. package/styled-components/cjs/components/Dropdown/ui/index.js +39 -5
  232. package/styled-components/cjs/components/Dropdown/utils/index.js +15 -1
  233. package/styled-components/cjs/components/Dropdown/variations/_size/tokens.json +1 -9
  234. package/styled-components/cjs/components/Dropdown/variations/_view/tokens.json +1 -1
  235. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +1 -1
  236. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  237. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  238. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +6 -18
  239. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +25 -0
  240. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.js +11 -0
  241. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +292 -0
  242. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +6 -18
  243. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +25 -0
  244. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.js +11 -0
  245. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +292 -0
  246. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +6 -18
  247. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +1 -3
  248. package/styled-components/es/components/Calendar/hooks/useDays.js +3 -6
  249. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +1 -2
  250. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +90 -3
  251. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +23 -6
  252. package/styled-components/es/components/Combobox/utils/index.js +15 -0
  253. package/styled-components/es/components/Dropdown/Dropdown.js +142 -55
  254. package/styled-components/es/components/Dropdown/Dropdown.styles.js +18 -5
  255. package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +325 -66
  256. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +26 -23
  257. package/styled-components/es/components/Dropdown/hooks/useHashMaps.js +26 -0
  258. package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +243 -0
  259. package/styled-components/es/components/Dropdown/index.js +1 -0
  260. package/styled-components/es/components/Dropdown/reducers/focusedPathReducer.js +34 -0
  261. package/styled-components/es/components/Dropdown/reducers/pathReducer.js +38 -0
  262. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +111 -0
  263. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +1 -0
  264. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +78 -107
  265. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +21 -15
  266. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +25 -0
  267. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +1 -0
  268. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +111 -0
  269. package/styled-components/es/components/Dropdown/ui/DropdownOld/Dropdown.styles.js +13 -0
  270. package/styled-components/es/components/Dropdown/ui/DropdownOld/Dropdown.types.js +1 -0
  271. package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +92 -0
  272. package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.js +112 -0
  273. package/styled-components/es/components/Dropdown/ui/DropdownOld/utils/index.js +15 -0
  274. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_size/base.js +2 -0
  275. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_size/tokens.json +1 -0
  276. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_view/base.js +2 -0
  277. package/styled-components/es/components/Dropdown/ui/DropdownOld/variations/_view/tokens.json +1 -0
  278. package/styled-components/es/components/Dropdown/ui/index.js +5 -1
  279. package/styled-components/es/components/Dropdown/utils/index.js +15 -1
  280. package/styled-components/es/components/Dropdown/variations/_size/tokens.json +1 -9
  281. package/styled-components/es/components/Dropdown/variations/_view/tokens.json +1 -1
  282. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +2 -2
  283. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  284. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  285. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +6 -18
  286. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +19 -0
  287. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.js +5 -0
  288. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +292 -0
  289. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +6 -18
  290. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +19 -0
  291. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.js +5 -0
  292. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +292 -0
  293. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +6 -18
  294. package/types/components/Calendar/Calendar.types.d.ts +0 -4
  295. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  296. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  297. package/types/components/Calendar/hooks/useDays.d.ts +1 -1
  298. package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
  299. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  300. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +0 -1
  301. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
  302. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts +15 -13
  303. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts.map +1 -1
  304. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts +5 -1
  305. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts.map +1 -1
  306. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts +59 -2
  307. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts.map +1 -1
  308. package/types/components/Combobox/utils/index.d.ts +4 -0
  309. package/types/components/Combobox/utils/index.d.ts.map +1 -0
  310. package/types/components/Dropdown/Dropdown.d.ts +4 -4
  311. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  312. package/types/components/Dropdown/Dropdown.styles.d.ts +8 -1
  313. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  314. package/types/components/Dropdown/Dropdown.tokens.d.ts +24 -22
  315. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  316. package/types/components/Dropdown/Dropdown.types.d.ts +64 -40
  317. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  318. package/types/components/Dropdown/hooks/useHashMaps.d.ts +6 -0
  319. package/types/components/Dropdown/hooks/useHashMaps.d.ts.map +1 -0
  320. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts +37 -0
  321. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +1 -0
  322. package/types/components/Dropdown/index.d.ts +3 -1
  323. package/types/components/Dropdown/index.d.ts.map +1 -1
  324. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts +16 -0
  325. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts.map +1 -0
  326. package/types/components/Dropdown/reducers/pathReducer.d.ts +20 -0
  327. package/types/components/Dropdown/reducers/pathReducer.d.ts.map +1 -0
  328. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts +5 -0
  329. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -0
  330. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +26 -0
  331. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -0
  332. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts +2 -56
  333. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  334. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +5 -2
  335. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  336. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +44 -38
  337. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  338. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts +7 -0
  339. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts.map +1 -0
  340. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts +60 -0
  341. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts.map +1 -0
  342. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts +58 -0
  343. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts.map +1 -0
  344. package/types/components/Dropdown/ui/DropdownItemOld/variations/_size/base.d.ts.map +1 -0
  345. package/types/components/Dropdown/ui/DropdownItemOld/variations/_view/base.d.ts.map +1 -0
  346. package/types/components/Dropdown/ui/DropdownOld/Dropdown.styles.d.ts +8 -0
  347. package/types/components/Dropdown/ui/DropdownOld/Dropdown.styles.d.ts.map +1 -0
  348. package/types/components/Dropdown/ui/DropdownOld/Dropdown.types.d.ts +76 -0
  349. package/types/components/Dropdown/ui/DropdownOld/Dropdown.types.d.ts.map +1 -0
  350. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts +26 -0
  351. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts.map +1 -0
  352. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.d.ts +113 -0
  353. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.d.ts.map +1 -0
  354. package/types/components/Dropdown/ui/DropdownOld/utils/index.d.ts +4 -0
  355. package/types/components/Dropdown/ui/DropdownOld/utils/index.d.ts.map +1 -0
  356. package/types/components/Dropdown/ui/DropdownOld/variations/_size/base.d.ts +2 -0
  357. package/types/components/Dropdown/ui/DropdownOld/variations/_size/base.d.ts.map +1 -0
  358. package/types/components/Dropdown/ui/DropdownOld/variations/_view/base.d.ts +2 -0
  359. package/types/components/Dropdown/ui/DropdownOld/variations/_view/base.d.ts.map +1 -0
  360. package/types/components/Dropdown/ui/index.d.ts +5 -1
  361. package/types/components/Dropdown/ui/index.d.ts.map +1 -1
  362. package/types/components/Dropdown/utils/index.d.ts +5 -2
  363. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  364. package/types/components/Select/ui/SelectItem/SelectItem.d.ts +2 -2
  365. package/types/components/Select/ui/SelectItem/SelectItem.d.ts.map +1 -1
  366. package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts +2 -2
  367. package/types/components/Select/utils/index.d.ts +1 -1
  368. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  369. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -0
  370. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +13 -0
  371. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -0
  372. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map +1 -0
  373. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +13 -0
  374. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -0
  375. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +0 -1
  376. package/cjs/components/Dropdown/Dropdown.styles_1daxhqh.css +0 -2
  377. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +0 -4
  378. package/cjs/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +0 -1
  379. package/cjs/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +0 -1
  380. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +0 -1
  381. package/es/components/Dropdown/Dropdown.styles_1daxhqh.css +0 -2
  382. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +0 -4
  383. package/es/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +0 -1
  384. package/es/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +0 -1
  385. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +0 -19
  386. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +0 -9
  387. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +0 -27
  388. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +0 -13
  389. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +0 -194
  390. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +0 -27
  391. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +0 -13
  392. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  393. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +0 -27
  394. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +0 -13
  395. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +0 -195
  396. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +0 -27
  397. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +0 -13
  398. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  399. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.config.js +0 -22
  400. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.js +0 -21
  401. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +0 -277
  402. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +0 -19
  403. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +0 -9
  404. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +0 -21
  405. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +0 -7
  406. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +0 -194
  407. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +0 -21
  408. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +0 -7
  409. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  410. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +0 -21
  411. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +0 -7
  412. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +0 -195
  413. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +0 -21
  414. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +0 -7
  415. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  416. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.config.js +0 -16
  417. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.js +0 -15
  418. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +0 -277
  419. package/types/components/Dropdown/ui/DropdownItem/variations/_size/base.d.ts.map +0 -1
  420. package/types/components/Dropdown/ui/DropdownItem/variations/_view/base.d.ts.map +0 -1
  421. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.d.ts.map +0 -1
  422. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts +0 -30
  423. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts.map +0 -1
  424. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts.map +0 -1
  425. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts +0 -30
  426. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts.map +0 -1
  427. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts +0 -18
  428. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts.map +0 -1
  429. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts +0 -30
  430. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts.map +0 -1
  431. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts +0 -18
  432. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts.map +0 -1
  433. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts +0 -30
  434. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts.map +0 -1
  435. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts +0 -15
  436. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts.map +0 -1
  437. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts +0 -51
  438. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts.map +0 -1
  439. /package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base_x642ct.css +0 -0
  440. /package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base_x642ct.css +0 -0
  441. /package/{es/components/Dropdown/ui/DropdownItem → cjs/components/Dropdown/ui/DropdownOld}/variations/_size/base_x642ct.css +0 -0
  442. /package/{es/components/Dropdown/ui/DropdownItem → cjs/components/Dropdown/ui/DropdownOld}/variations/_view/base_x642ct.css +0 -0
  443. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +0 -0
  444. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +0 -0
  445. /package/styled-components/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +0 -0
  446. /package/styled-components/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +0 -0
  447. /package/types/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.d.ts +0 -0
  448. /package/types/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.d.ts +0 -0
  449. /package/types/examples/plasma_b2c/components/Dropdown/{Normal/Dropdown.config.d.ts → Dropdown.config.d.ts} +0 -0
  450. /package/types/examples/{plasma_b2c/components/Dropdown/Tight → plasma_web/components/Dropdown}/Dropdown.config.d.ts +0 -0
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.config = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var _Dropdown = /*#__PURE__*/require("../../../../components/Dropdown");
9
+ var config = exports.config = {
10
+ defaults: {
11
+ view: 'default',
12
+ size: 'm'
13
+ },
14
+ variations: {
15
+ size: {
16
+ xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":10rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.375rem;", ":0.3125rem;", ":0.3125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
17
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":12.5rem;", ":0.625rem;", ":0.6875rem;", ":0.75rem;", ":0.6875rem;", ":0.75rem;", ":0.5rem;", ":0.4375rem;", ":0.4375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
18
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":15rem;", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.625rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight),
19
+ l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight)
20
+ },
21
+ view: {
22
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--text-secondary);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], _Dropdown.dropdownTokens.disabledOpacity, _Dropdown.dropdownTokens.focusColor, _Dropdown.dropdownTokens.background, _Dropdown.dropdownTokens.boxShadow, _Dropdown.dropdownTokens.disclosureIconColor, _Dropdown.dropdownTokens.itemBackground, _Dropdown.dropdownTokens.itemBackgroundHover, _Dropdown.dropdownTokens.itemColor)
23
+ }
24
+ }
25
+ };
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Dropdown = void 0;
7
+ var _Dropdown = /*#__PURE__*/require("../../../../components/Dropdown");
8
+ var _engines = /*#__PURE__*/require("../../../../engines");
9
+ var _Dropdown2 = /*#__PURE__*/require("./Dropdown.config");
10
+ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Dropdown.dropdownConfig, _Dropdown2.config);
11
+ var Dropdown = exports.Dropdown = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -0,0 +1,292 @@
1
+ import React from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { Meta, StoryObj } from '@storybook/react';
4
+ import { action } from '@storybook/addon-actions';
5
+
6
+ import { WithTheme } from '../../../_helpers';
7
+ import { Button } from '../Button/Button';
8
+ import type { DropdownPlacement, DropdownTrigger } from '../../../../components/Dropdown/Dropdown.types';
9
+
10
+ import { Dropdown } from './Dropdown';
11
+
12
+ type StoryDropdownProps = ComponentProps<typeof Dropdown>;
13
+
14
+ const placements: Array<DropdownPlacement> = ['top', 'bottom', 'right', 'left', 'auto'];
15
+ const triggers: Array<DropdownTrigger> = ['click', 'hover'];
16
+ const size = ['xs', 's', 'm', 'l'];
17
+ const variant = ['normal', 'tight'];
18
+
19
+ const meta: Meta<StoryDropdownProps> = {
20
+ title: 'plasma_web/Dropdown',
21
+ decorators: [WithTheme],
22
+ component: Dropdown,
23
+ argTypes: {
24
+ placement: {
25
+ options: placements,
26
+ control: {
27
+ type: 'select',
28
+ },
29
+ },
30
+ trigger: {
31
+ options: triggers,
32
+ control: {
33
+ type: 'select',
34
+ },
35
+ },
36
+ size: {
37
+ options: size,
38
+ control: {
39
+ type: 'select',
40
+ },
41
+ },
42
+ variant: {
43
+ options: variant,
44
+ control: {
45
+ type: 'select',
46
+ },
47
+ },
48
+ },
49
+ args: {
50
+ trigger: 'click',
51
+ offset: [0, 0],
52
+ listWidth: 'auto',
53
+ hasArrow: true,
54
+ closeOnOverlayClick: true,
55
+ closeOnSelect: true,
56
+ size: 'm',
57
+ variant: 'normal',
58
+ },
59
+ };
60
+
61
+ export default meta;
62
+
63
+ const items = [
64
+ {
65
+ value: 'north_america',
66
+ label: 'Северная Америка',
67
+ },
68
+ {
69
+ value: 'south_america',
70
+ label: 'Южная Америка',
71
+ items: [
72
+ {
73
+ value: 'brazil',
74
+ label: 'Бразилия',
75
+ items: [
76
+ {
77
+ value: 'rio_de_janeiro',
78
+ label: 'Рио-де-Жанейро',
79
+ },
80
+ {
81
+ value: 'sao_paulo',
82
+ label: 'Сан-Паулу',
83
+ },
84
+ ],
85
+ },
86
+ {
87
+ value: 'argentina',
88
+ label: 'Аргентина',
89
+ items: [
90
+ {
91
+ value: 'buenos_aires',
92
+ label: 'Буэнос-Айрес',
93
+ },
94
+ {
95
+ value: 'cordoba',
96
+ label: 'Кордова',
97
+ },
98
+ ],
99
+ },
100
+ {
101
+ value: 'colombia',
102
+ label: 'Колумбия',
103
+ items: [
104
+ {
105
+ value: 'bogota',
106
+ label: 'Богота',
107
+ },
108
+ {
109
+ value: 'medellin',
110
+ label: 'Медельин',
111
+ },
112
+ ],
113
+ },
114
+ ],
115
+ },
116
+ {
117
+ value: 'europe',
118
+ label: 'Европа',
119
+ items: [
120
+ {
121
+ value: 'france',
122
+ label: 'Франция',
123
+ items: [
124
+ {
125
+ value: 'paris',
126
+ label: 'Париж',
127
+ },
128
+ {
129
+ value: 'lyon',
130
+ label: 'Лион',
131
+ },
132
+ ],
133
+ },
134
+ {
135
+ value: 'germany',
136
+ label: 'Германия',
137
+ items: [
138
+ {
139
+ value: 'berlin',
140
+ label: 'Берлин',
141
+ },
142
+ {
143
+ value: 'munich',
144
+ label: 'Мюнхен',
145
+ },
146
+ ],
147
+ },
148
+ {
149
+ value: 'italy',
150
+ label: 'Италия',
151
+ items: [
152
+ {
153
+ value: 'rome',
154
+ label: 'Рим',
155
+ },
156
+ {
157
+ value: 'milan',
158
+ label: 'Милан',
159
+ },
160
+ ],
161
+ },
162
+ {
163
+ value: 'spain',
164
+ label: 'Испания',
165
+ items: [
166
+ {
167
+ value: 'madrid',
168
+ label: 'Мадрид',
169
+ },
170
+ {
171
+ value: 'barcelona',
172
+ label: 'Барселона',
173
+ },
174
+ ],
175
+ },
176
+ {
177
+ value: 'united_kingdom',
178
+ label: 'Великобритания',
179
+ items: [
180
+ {
181
+ value: 'london',
182
+ label: 'Лондон',
183
+ },
184
+ {
185
+ value: 'manchester',
186
+ label: 'Манчестер',
187
+ },
188
+ ],
189
+ },
190
+ ],
191
+ },
192
+ {
193
+ value: 'asia',
194
+ label: 'Азия',
195
+ items: [
196
+ {
197
+ value: 'china',
198
+ label: 'Китай',
199
+ items: [
200
+ {
201
+ value: 'beijing',
202
+ label: 'Пекин',
203
+ },
204
+ {
205
+ value: 'shanghai',
206
+ label: 'Шанхай',
207
+ },
208
+ ],
209
+ },
210
+ {
211
+ value: 'japan',
212
+ label: 'Япония',
213
+ items: [
214
+ {
215
+ value: 'tokyo',
216
+ label: 'Токио',
217
+ },
218
+ {
219
+ value: 'osaka',
220
+ label: 'Осака',
221
+ },
222
+ ],
223
+ },
224
+ {
225
+ value: 'india',
226
+ label: 'Индия',
227
+ items: [
228
+ {
229
+ value: 'delhi',
230
+ label: 'Дели',
231
+ },
232
+ {
233
+ value: 'mumbai',
234
+ label: 'Мумбаи',
235
+ },
236
+ ],
237
+ },
238
+ {
239
+ value: 'south_korea',
240
+ label: 'Южная Корея',
241
+ items: [
242
+ {
243
+ value: 'seoul',
244
+ label: 'Сеул',
245
+ },
246
+ {
247
+ value: 'busan',
248
+ label: 'Пусан',
249
+ },
250
+ ],
251
+ },
252
+ {
253
+ value: 'thailand',
254
+ label: 'Таиланд',
255
+ items: [
256
+ {
257
+ value: 'bangkok',
258
+ label: 'Бангкок',
259
+ },
260
+ {
261
+ value: 'phuket',
262
+ label: 'Пхукет',
263
+ },
264
+ ],
265
+ },
266
+ ],
267
+ },
268
+ {
269
+ value: 'africa',
270
+ label: 'Африка',
271
+ disabled: true,
272
+ },
273
+ ];
274
+
275
+ const StoryNormal = (args: StoryDropdownProps) => {
276
+ return (
277
+ <Dropdown
278
+ {...args}
279
+ items={items}
280
+ onToggle={action('onToggle')}
281
+ onHover={action('onHover')}
282
+ onItemSelect={action('onItemSelect')}
283
+ onItemClick={action('onItemClick')}
284
+ >
285
+ <Button text="Список стран" />
286
+ </Dropdown>
287
+ );
288
+ };
289
+
290
+ export const Default: StoryObj<StoryDropdownProps> = {
291
+ render: (args) => <StoryNormal {...args} />,
292
+ };
@@ -79,7 +79,7 @@ const baseEvents = [
79
79
  ];
80
80
 
81
81
  const StoryDefault = (args: CalendarProps) => {
82
- const { isRange, isDouble, min, max, date, includeEdgeDates } = args;
82
+ const { isRange, isDouble, min, max, date } = args;
83
83
  const [value, setValue] = useState(new Date(2023, 10, 16));
84
84
  const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
85
85
 
@@ -110,7 +110,6 @@ const StoryDefault = (args: CalendarProps) => {
110
110
  disabledList={disabledDays}
111
111
  min={min}
112
112
  max={max}
113
- includeEdgeDates={includeEdgeDates}
114
113
  onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
115
114
  />
116
115
  );
@@ -122,13 +121,12 @@ export const Default: StoryObj<CalendarProps> = {
122
121
  max: new Date(2023, 11, 24),
123
122
  isDouble: false,
124
123
  isRange: false,
125
- includeEdgeDates: false,
126
124
  },
127
125
  render: (args) => <StoryDefault {...args} />,
128
126
  };
129
127
 
130
128
  const StoryBase = (args: CalendarBaseProps) => {
131
- const { min, max, type, includeEdgeDates } = args;
129
+ const { min, max, type } = args;
132
130
  const [value, setValue] = useState(new Date(2023, 10, 16));
133
131
 
134
132
  const handleOnChange = useCallback((newValue: Date) => {
@@ -152,7 +150,6 @@ const StoryBase = (args: CalendarBaseProps) => {
152
150
  disabledList={disabledDays}
153
151
  min={min}
154
152
  max={max}
155
- includeEdgeDates={includeEdgeDates}
156
153
  type={type}
157
154
  onChangeValue={handleOnChange}
158
155
  />
@@ -171,14 +168,13 @@ export const Base: StoryObj<CalendarBaseProps> = {
171
168
  args: {
172
169
  min: new Date(2023, 10, 1),
173
170
  max: new Date(2023, 11, 24),
174
- includeEdgeDates: false,
175
171
  type: 'Days',
176
172
  },
177
173
  render: (args) => <StoryBase {...args} />,
178
174
  };
179
175
 
180
176
  const StoryDouble = (args: CalendarDoubleProps) => {
181
- const { min, max, includeEdgeDates } = args;
177
+ const { min, max } = args;
182
178
  const [value, setValue] = useState(new Date(2023, 10, 16));
183
179
  const handleOnChange = useCallback((newValue: Date) => {
184
180
  setValue(newValue);
@@ -201,7 +197,6 @@ const StoryDouble = (args: CalendarDoubleProps) => {
201
197
  disabledList={disabledDays}
202
198
  min={min}
203
199
  max={max}
204
- includeEdgeDates={includeEdgeDates}
205
200
  onChangeValue={handleOnChange}
206
201
  />
207
202
  );
@@ -211,13 +206,12 @@ export const Double: StoryObj<CalendarDoubleProps> = {
211
206
  args: {
212
207
  min: new Date(2023, 10, 1),
213
208
  max: new Date(2023, 11, 24),
214
- includeEdgeDates: false,
215
209
  },
216
210
  render: (args) => <StoryDouble {...args} />,
217
211
  };
218
212
 
219
213
  const StoryRange = (args: CalendarBaseRangeProps) => {
220
- const { min, max, type, includeEdgeDates } = args;
214
+ const { min, max, type } = args;
221
215
  const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]);
222
216
  const handleOnChange = useCallback((newValue: [Date, Date?]) => {
223
217
  onChangeValue(newValue);
@@ -243,7 +237,6 @@ const StoryRange = (args: CalendarBaseRangeProps) => {
243
237
  disabledList={disabledList}
244
238
  min={min}
245
239
  max={max}
246
- includeEdgeDates={includeEdgeDates}
247
240
  type={type}
248
241
  onChangeValue={handleOnChange}
249
242
  />
@@ -262,14 +255,13 @@ export const Range: StoryObj<CalendarBaseRangeProps> = {
262
255
  args: {
263
256
  min: new Date(2023, 10, 1),
264
257
  max: new Date(2023, 11, 24),
265
- includeEdgeDates: false,
266
258
  type: 'Days',
267
259
  },
268
260
  render: (args) => <StoryRange {...args} />,
269
261
  };
270
262
 
271
263
  const StoryRangeDouble = (args: CalendarBaseRangeProps) => {
272
- const { min, max, includeEdgeDates } = args;
264
+ const { min, max } = args;
273
265
  const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]);
274
266
  const handleOnChange = useCallback((newValue: [Date, Date?]) => {
275
267
  onChangeValue(newValue);
@@ -295,7 +287,6 @@ const StoryRangeDouble = (args: CalendarBaseRangeProps) => {
295
287
  disabledList={disabledList}
296
288
  min={min}
297
289
  max={max}
298
- includeEdgeDates={includeEdgeDates}
299
290
  onChangeValue={handleOnChange}
300
291
  />
301
292
  );
@@ -305,13 +296,12 @@ export const RangeDouble: StoryObj<CalendarBaseRangeProps> = {
305
296
  args: {
306
297
  min: new Date(2023, 10, 1),
307
298
  max: new Date(2023, 11, 24),
308
- includeEdgeDates: false,
309
299
  },
310
300
  render: (args) => <StoryRangeDouble {...args} />,
311
301
  };
312
302
 
313
303
  const StoryWithPopover = (args: CalendarProps) => {
314
- const { isDouble, min, max, includeEdgeDates } = args;
304
+ const { isDouble, min, max } = args;
315
305
  const [isOpen, setIsOpen] = useState(false);
316
306
  const [textValue, setTextValue] = useState('2023-10-16');
317
307
  const [value, setValue] = useState(new Date(textValue));
@@ -350,7 +340,6 @@ const StoryWithPopover = (args: CalendarProps) => {
350
340
  disabledList={disabledDays}
351
341
  min={min}
352
342
  max={max}
353
- includeEdgeDates={includeEdgeDates}
354
343
  isDouble={isDouble}
355
344
  isRange={false}
356
345
  onChangeValue={handleOnChange}
@@ -364,7 +353,6 @@ export const WithPopover: StoryObj<CalendarProps> = {
364
353
  min: new Date(2023, 9, 1),
365
354
  max: new Date(2023, 11, 24),
366
355
  isDouble: false,
367
- includeEdgeDates: false,
368
356
  },
369
357
  render: (args) => <StoryWithPopover {...args} />,
370
358
  };
@@ -1,4 +1,4 @@
1
- var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "onChangeValue"];
1
+ var _excluded = ["value", "min", "max", "type", "eventList", "disabledList", "onChangeValue"];
2
2
  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); }
3
3
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
4
  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."); }
@@ -25,7 +25,6 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
25
25
  var externalValue = _ref.value,
26
26
  min = _ref.min,
27
27
  max = _ref.max,
28
- includeEdgeDates = _ref.includeEdgeDates,
29
28
  _ref$type = _ref.type,
30
29
  type = _ref$type === void 0 ? 'Days' : _ref$type,
31
30
  eventList = _ref.eventList,
@@ -234,7 +233,6 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
234
233
  disabledList: disabledList,
235
234
  min: min,
236
235
  max: max,
237
- includeEdgeDates: includeEdgeDates,
238
236
  value: externalValue,
239
237
  date: date,
240
238
  hoveredDay: hoveredDay,
@@ -182,7 +182,6 @@ var getDaysWithModifications = function getDaysWithModifications(days) {
182
182
  var disabledList = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
183
183
  var min = arguments.length > 3 ? arguments[3] : undefined;
184
184
  var max = arguments.length > 4 ? arguments[4] : undefined;
185
- var includeEdgeDates = arguments.length > 5 ? arguments[5] : undefined;
186
185
  var eventsMap = getPropsMap(eventList);
187
186
  var disabledDaysMap = getPropsMap(disabledList);
188
187
  var daysList = days.filter(function (_ref3) {
@@ -200,9 +199,7 @@ var getDaysWithModifications = function getDaysWithModifications(days) {
200
199
  day = date.day;
201
200
  var keyDay = "".concat(year, "-").concat(monthIndex, "-").concat(day);
202
201
  var currentDate = new Date(year, monthIndex, day);
203
- var minValue = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
204
- var maxValue = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
205
- var isOutOfMinMaxRange = minValue || maxValue;
202
+ var isOutOfMinMaxRange = min && min >= currentDate || max && max <= currentDate;
206
203
  dayItem.events = eventsMap.get(keyDay);
207
204
  dayItem.disabled = disabledDaysMap.has(keyDay) || isOutOfMinMaxRange;
208
205
  dayItem.isOutOfMinMaxRange = isOutOfMinMaxRange;
@@ -215,7 +212,7 @@ var getDaysWithModifications = function getDaysWithModifications(days) {
215
212
  /**
216
213
  * Хук для получения списка дней.
217
214
  */
218
- export var useDays = function useDays(date, value, eventList, disabledList, min, max, includeEdgeDates) {
215
+ export var useDays = function useDays(date, value, eventList, disabledList, min, max) {
219
216
  return useMemo(function () {
220
217
  var monthIndex = date.monthIndex,
221
218
  year = date.year;
@@ -223,7 +220,7 @@ export var useDays = function useDays(date, value, eventList, disabledList, min,
223
220
  var offsetDayInWeek = getOffsetDayInWeek(monthIndex, year);
224
221
  var days = [].concat(_toConsumableArray(getDaysInPrevMonth(date, offsetDayInWeek, value)), _toConsumableArray(getDaysInCurrentMonth(date, daysInMonth, value)), _toConsumableArray(getDaysInNextMonth(date, daysInMonth, offsetDayInWeek, value)));
225
222
  if (eventList !== null && eventList !== void 0 && eventList.length || disabledList !== null && disabledList !== void 0 && disabledList.length || max || min) {
226
- var modifiedDays = getDaysWithModifications(days, eventList, disabledList, min, max, includeEdgeDates);
223
+ var modifiedDays = getDaysWithModifications(days, eventList, disabledList, min, max);
227
224
  return getMatrix(modifiedDays);
228
225
  }
229
226
  return getMatrix(days);
@@ -20,7 +20,6 @@ export var CalendarDays = function CalendarDays(_ref) {
20
20
  disabledList = _ref.disabledList,
21
21
  min = _ref.min,
22
22
  max = _ref.max,
23
- includeEdgeDates = _ref.includeEdgeDates,
24
23
  hoveredDay = _ref.hoveredDay,
25
24
  selectIndexes = _ref.selectIndexes,
26
25
  isDouble = _ref.isDouble,
@@ -30,7 +29,7 @@ export var CalendarDays = function CalendarDays(_ref) {
30
29
  onHoverDay = _ref.onHoverDay,
31
30
  onSetSelected = _ref.onSetSelected,
32
31
  onKeyDown = _ref.onKeyDown;
33
- var _useDays = useDays(currentDate, value, eventList, disabledList, min, max, includeEdgeDates),
32
+ var _useDays = useDays(currentDate, value, eventList, disabledList, min, max),
34
33
  _useDays2 = _slicedToArray(_useDays, 2),
35
34
  days = _useDays2[0],
36
35
  selected = _useDays2[1];
@@ -1,8 +1,95 @@
1
- import { dropdownItemRoot } from '../../../Dropdown';
1
+ 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); }
2
+ var _excluded = ["id", "className", "children", "text", "isSelected", "name", "checked", "value", "view", "size", "disabled", "role", "contentLeft", "contentRight", "onSelect", "onClick", "onChange"];
3
+ 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); }
4
+ 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; }
5
+ 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; }
6
+ 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; }
7
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
8
+ 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); }
9
+ 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; }
10
+ 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; }
11
+ import React, { forwardRef, useCallback, useMemo } from 'react';
12
+ import { safeUseId } from '@salutejs/plasma-core';
13
+ import { classes } from '../../Combobox.tokens';
14
+ import { getValidComponent } from '../../utils';
15
+ import { cx } from '../../../../utils';
2
16
  import { base as viewCSS } from './variations/_view/base';
3
17
  import { base as sizeCSS } from './variations/_size/base';
4
- import { base } from './ComboboxItem.styles';
5
- export var comboboxItemRoot = dropdownItemRoot;
18
+ import { StyledContentLeft, StyledContentRight, StyledText, base } from './ComboboxItem.styles';
19
+ export var comboboxItemRoot = function comboboxItemRoot(Root) {
20
+ return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
21
+ var id = _ref.id,
22
+ className = _ref.className,
23
+ children = _ref.children,
24
+ text = _ref.text,
25
+ isSelected = _ref.isSelected,
26
+ name = _ref.name,
27
+ checked = _ref.checked,
28
+ value = _ref.value,
29
+ view = _ref.view,
30
+ size = _ref.size,
31
+ disabled = _ref.disabled,
32
+ _ref$role = _ref.role,
33
+ role = _ref$role === void 0 ? 'option' : _ref$role,
34
+ ContentLeftComponent = _ref.contentLeft,
35
+ ContentRightComponent = _ref.contentRight,
36
+ onSelect = _ref.onSelect,
37
+ onClick = _ref.onClick,
38
+ onChange = _ref.onChange,
39
+ rest = _objectWithoutProperties(_ref, _excluded);
40
+ var uniqId = safeUseId();
41
+ var innerId = id || uniqId;
42
+ var withComboboxItemIsSelected = checked || isSelected ? classes.comboboxItemIsDisabled : undefined;
43
+ var withComboboxItemIsDisabled = disabled ? classes.comboboxItemIsDisabled : undefined;
44
+ var handleOnClick = useCallback(function (event) {
45
+ if (disabled) {
46
+ return;
47
+ }
48
+ onClick === null || onClick === void 0 || onClick(event);
49
+ if (onSelect && !ContentLeftComponent) {
50
+ onSelect(value, text);
51
+ }
52
+ }, [onSelect, disabled]);
53
+ var handleOnChange = useCallback(function (event) {
54
+ if (disabled) {
55
+ return;
56
+ }
57
+ onChange === null || onChange === void 0 || onChange(event);
58
+ if (onSelect && ContentLeftComponent) {
59
+ onSelect(value, text);
60
+ }
61
+ }, [onSelect, disabled]);
62
+ var contentProps = _objectSpread({
63
+ name: name,
64
+ value: value,
65
+ checked: checked || isSelected,
66
+ disabled: disabled,
67
+ tabIndex: -1
68
+ }, !disabled && {
69
+ onChange: handleOnChange
70
+ });
71
+ var ContentLeft = useMemo(function () {
72
+ return getValidComponent(ContentLeftComponent, contentProps);
73
+ }, [ContentRightComponent, contentProps]);
74
+ var ContentRight = useMemo(function () {
75
+ return getValidComponent(ContentRightComponent, contentProps);
76
+ }, [ContentRightComponent, contentProps]);
77
+ return /*#__PURE__*/React.createElement(Root, _extends({
78
+ className: cx(withComboboxItemIsSelected, withComboboxItemIsDisabled, className),
79
+ view: view,
80
+ size: size,
81
+ id: innerId,
82
+ isSelected: isSelected,
83
+ role: role,
84
+ ref: outerRootRef,
85
+ tabIndex: 0,
86
+ "aria-disabled": disabled,
87
+ "aria-selected": isSelected,
88
+ onClick: handleOnClick,
89
+ "data-value": value
90
+ }, rest), text ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledContentLeft, null, ContentLeftComponent && ContentLeft), /*#__PURE__*/React.createElement(StyledText, null, text), /*#__PURE__*/React.createElement(StyledContentRight, null, ContentRightComponent && ContentRight)) : children);
91
+ });
92
+ };
6
93
  export var comboboxItemConfig = {
7
94
  name: 'ComboboxItem',
8
95
  tag: 'div',