@salutejs/plasma-new-hope 0.77.1-canary.1197.8831064988.0 → 0.77.1-canary.1201.8930079977.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (357) hide show
  1. package/cjs/components/Combobox/Combobox.css +17 -7
  2. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +15 -6
  3. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  4. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +15 -6
  5. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  6. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +15 -6
  7. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  8. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +15 -6
  9. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  10. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -23
  11. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +81 -10
  12. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  13. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +21 -9
  14. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  15. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +4 -0
  16. package/cjs/components/Combobox/utils/index.js +23 -0
  17. package/cjs/components/Combobox/utils/index.js.map +1 -0
  18. package/cjs/components/Dropdown/Dropdown.css +25 -2
  19. package/cjs/components/Dropdown/Dropdown.js +138 -54
  20. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  21. package/cjs/components/Dropdown/Dropdown.styles.js +40 -7
  22. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  23. package/cjs/components/Dropdown/Dropdown.styles_1tihqkp.css +3 -0
  24. package/cjs/components/Dropdown/Dropdown.tokens.js +26 -23
  25. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  26. package/cjs/components/Dropdown/hooks/useHashMaps.js +31 -0
  27. package/cjs/components/Dropdown/hooks/useHashMaps.js.map +1 -0
  28. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +200 -0
  29. package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -0
  30. package/cjs/components/Dropdown/reducers/focusedPathReducer.js +37 -0
  31. package/cjs/components/Dropdown/reducers/focusedPathReducer.js.map +1 -0
  32. package/cjs/components/Dropdown/reducers/pathReducer.js +41 -0
  33. package/cjs/components/Dropdown/reducers/pathReducer.js.map +1 -0
  34. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +119 -0
  35. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -0
  36. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +7 -4
  37. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +79 -100
  38. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  39. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +90 -5
  40. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  41. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +5 -0
  42. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +30 -0
  43. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -0
  44. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +4 -0
  45. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -0
  46. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +112 -0
  47. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -0
  48. package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +1 -1
  49. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +1 -0
  50. package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +1 -1
  51. package/cjs/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +1 -0
  52. package/cjs/components/Dropdown/utils/index.js +16 -0
  53. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  54. package/cjs/components/Pagination/Pagination.css +14 -7
  55. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +14 -7
  56. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  57. package/cjs/components/Select/Select.css +14 -7
  58. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +15 -6
  59. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  60. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +15 -6
  61. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  62. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +15 -6
  63. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  64. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +15 -6
  65. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  66. package/cjs/components/Select/ui/SelectItem/SelectItem.css +16 -7
  67. package/cjs/components/Select/ui/SelectItem/SelectItem.js +3 -3
  68. package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  69. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  70. package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  71. package/cjs/components/Select/ui/SelectItem/{SelectItem.styles_6h17aw.css → SelectItem.styles_vk39mp.css} +1 -1
  72. package/cjs/components/TextField/TextField.js +2 -2
  73. package/cjs/components/TextField/TextField.js.map +1 -1
  74. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  75. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  76. package/cjs/index.css +18 -8
  77. package/cjs/index.js +8 -2
  78. package/cjs/index.js.map +1 -1
  79. package/es/components/Combobox/Combobox.css +17 -7
  80. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +15 -6
  81. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +2 -2
  82. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +15 -6
  83. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +2 -2
  84. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +15 -6
  85. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +2 -2
  86. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +15 -6
  87. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +2 -2
  88. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -23
  89. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +82 -11
  90. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
  91. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +19 -10
  92. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -1
  93. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +4 -0
  94. package/es/components/Combobox/utils/index.js +19 -0
  95. package/es/components/Combobox/utils/index.js.map +1 -0
  96. package/es/components/Dropdown/Dropdown.css +25 -2
  97. package/es/components/Dropdown/Dropdown.js +144 -60
  98. package/es/components/Dropdown/Dropdown.js.map +1 -1
  99. package/es/components/Dropdown/Dropdown.styles.js +39 -7
  100. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  101. package/es/components/Dropdown/Dropdown.styles_1tihqkp.css +3 -0
  102. package/es/components/Dropdown/Dropdown.tokens.js +26 -23
  103. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  104. package/es/components/Dropdown/hooks/useHashMaps.js +27 -0
  105. package/es/components/Dropdown/hooks/useHashMaps.js.map +1 -0
  106. package/es/components/Dropdown/hooks/useKeyboardNavigation.js +196 -0
  107. package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -0
  108. package/es/components/Dropdown/reducers/focusedPathReducer.js +33 -0
  109. package/es/components/Dropdown/reducers/focusedPathReducer.js.map +1 -0
  110. package/es/components/Dropdown/reducers/pathReducer.js +37 -0
  111. package/es/components/Dropdown/reducers/pathReducer.js.map +1 -0
  112. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +115 -0
  113. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -0
  114. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +7 -4
  115. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +80 -100
  116. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  117. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +89 -5
  118. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  119. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1o4szyu.css +5 -0
  120. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +23 -0
  121. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map +1 -0
  122. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles_12e50g5.css +4 -0
  123. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -0
  124. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +107 -0
  125. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -0
  126. package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +1 -1
  127. package/es/components/Dropdown/ui/DropdownItemOld/variations/_size/base.js.map +1 -0
  128. package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +1 -1
  129. package/es/components/Dropdown/ui/DropdownItemOld/variations/_view/base.js.map +1 -0
  130. package/es/components/Dropdown/utils/index.js +16 -2
  131. package/es/components/Dropdown/utils/index.js.map +1 -1
  132. package/es/components/Pagination/Pagination.css +14 -7
  133. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +14 -7
  134. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  135. package/es/components/Select/Select.css +14 -7
  136. package/es/components/Select/ui/SelectDivider/SelectDivider.css +15 -6
  137. package/es/components/Select/ui/SelectDivider/SelectDivider.js +2 -2
  138. package/es/components/Select/ui/SelectFooter/SelectFooter.css +15 -6
  139. package/es/components/Select/ui/SelectFooter/SelectFooter.js +2 -2
  140. package/es/components/Select/ui/SelectGroup/SelectGroup.css +15 -6
  141. package/es/components/Select/ui/SelectGroup/SelectGroup.js +2 -2
  142. package/es/components/Select/ui/SelectHeader/SelectHeader.css +15 -6
  143. package/es/components/Select/ui/SelectHeader/SelectHeader.js +2 -2
  144. package/es/components/Select/ui/SelectItem/SelectItem.css +16 -7
  145. package/es/components/Select/ui/SelectItem/SelectItem.js +3 -3
  146. package/es/components/Select/ui/SelectItem/SelectItem.js.map +1 -1
  147. package/es/components/Select/ui/SelectItem/SelectItem.styles.js +2 -2
  148. package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -1
  149. package/es/components/Select/ui/SelectItem/{SelectItem.styles_6h17aw.css → SelectItem.styles_vk39mp.css} +1 -1
  150. package/es/components/TextField/TextField.js +3 -3
  151. package/es/components/TextField/TextField.js.map +1 -1
  152. package/es/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  153. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  154. package/es/index.css +18 -8
  155. package/es/index.js +4 -1
  156. package/es/index.js.map +1 -1
  157. package/package.json +3 -3
  158. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +91 -2
  159. package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +27 -7
  160. package/styled-components/cjs/components/Combobox/utils/index.js +23 -0
  161. package/styled-components/cjs/components/Dropdown/Dropdown.js +140 -54
  162. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +22 -7
  163. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +26 -23
  164. package/styled-components/cjs/components/Dropdown/hooks/useHashMaps.js +29 -0
  165. package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +199 -0
  166. package/styled-components/cjs/components/Dropdown/index.js +9 -1
  167. package/styled-components/cjs/components/Dropdown/reducers/focusedPathReducer.js +40 -0
  168. package/styled-components/cjs/components/Dropdown/reducers/pathReducer.js +44 -0
  169. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +114 -0
  170. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +5 -0
  171. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +77 -105
  172. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +83 -18
  173. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +33 -0
  174. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +5 -0
  175. package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +119 -0
  176. package/styled-components/cjs/components/Dropdown/ui/index.js +19 -5
  177. package/styled-components/cjs/components/Dropdown/utils/index.js +15 -1
  178. package/styled-components/cjs/components/Dropdown/variations/_size/tokens.json +1 -9
  179. package/styled-components/cjs/components/Dropdown/variations/_view/tokens.json +1 -1
  180. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +1 -1
  181. package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  182. package/styled-components/cjs/components/TextField/TextField.js +4 -4
  183. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  184. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +25 -0
  185. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.js +11 -0
  186. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +292 -0
  187. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +90 -3
  188. package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +23 -6
  189. package/styled-components/es/components/Combobox/utils/index.js +15 -0
  190. package/styled-components/es/components/Dropdown/Dropdown.js +142 -55
  191. package/styled-components/es/components/Dropdown/Dropdown.styles.js +18 -5
  192. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +26 -23
  193. package/styled-components/es/components/Dropdown/hooks/useHashMaps.js +23 -0
  194. package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +193 -0
  195. package/styled-components/es/components/Dropdown/index.js +1 -0
  196. package/styled-components/es/components/Dropdown/reducers/focusedPathReducer.js +34 -0
  197. package/styled-components/es/components/Dropdown/reducers/pathReducer.js +38 -0
  198. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +108 -0
  199. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.type.js +1 -0
  200. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +78 -107
  201. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +80 -14
  202. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +25 -0
  203. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.js +1 -0
  204. package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +111 -0
  205. package/styled-components/es/components/Dropdown/ui/index.js +3 -1
  206. package/styled-components/es/components/Dropdown/utils/index.js +15 -1
  207. package/styled-components/es/components/Dropdown/variations/_size/tokens.json +1 -9
  208. package/styled-components/es/components/Dropdown/variations/_view/tokens.json +1 -1
  209. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +2 -2
  210. package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +1 -1
  211. package/styled-components/es/components/TextField/TextField.js +4 -4
  212. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +1 -2
  213. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +19 -0
  214. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.js +5 -0
  215. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +292 -0
  216. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts +15 -13
  217. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts.map +1 -1
  218. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts +5 -1
  219. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts.map +1 -1
  220. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts +59 -2
  221. package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts.map +1 -1
  222. package/types/components/Combobox/utils/index.d.ts +4 -0
  223. package/types/components/Combobox/utils/index.d.ts.map +1 -0
  224. package/types/components/Dropdown/Dropdown.d.ts +4 -4
  225. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  226. package/types/components/Dropdown/Dropdown.styles.d.ts +8 -1
  227. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  228. package/types/components/Dropdown/Dropdown.tokens.d.ts +24 -22
  229. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  230. package/types/components/Dropdown/Dropdown.types.d.ts +64 -40
  231. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  232. package/types/components/Dropdown/hooks/useHashMaps.d.ts +6 -0
  233. package/types/components/Dropdown/hooks/useHashMaps.d.ts.map +1 -0
  234. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts +23 -0
  235. package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +1 -0
  236. package/types/components/Dropdown/index.d.ts +3 -1
  237. package/types/components/Dropdown/index.d.ts.map +1 -1
  238. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts +16 -0
  239. package/types/components/Dropdown/reducers/focusedPathReducer.d.ts.map +1 -0
  240. package/types/components/Dropdown/reducers/pathReducer.d.ts +20 -0
  241. package/types/components/Dropdown/reducers/pathReducer.d.ts.map +1 -0
  242. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts +5 -0
  243. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -0
  244. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +26 -0
  245. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -0
  246. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts +2 -56
  247. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  248. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +5 -2
  249. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  250. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +44 -38
  251. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  252. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts +7 -0
  253. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.d.ts.map +1 -0
  254. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts +60 -0
  255. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItem.type.d.ts.map +1 -0
  256. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts +58 -0
  257. package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts.map +1 -0
  258. package/types/components/Dropdown/ui/DropdownItemOld/variations/_size/base.d.ts.map +1 -0
  259. package/types/components/Dropdown/ui/DropdownItemOld/variations/_view/base.d.ts.map +1 -0
  260. package/types/components/Dropdown/ui/index.d.ts +3 -1
  261. package/types/components/Dropdown/ui/index.d.ts.map +1 -1
  262. package/types/components/Dropdown/utils/index.d.ts +5 -2
  263. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  264. package/types/components/Select/ui/SelectItem/SelectItem.d.ts +2 -2
  265. package/types/components/Select/ui/SelectItem/SelectItem.d.ts.map +1 -1
  266. package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts +2 -2
  267. package/types/components/Select/utils/index.d.ts +1 -1
  268. package/types/components/TextField/TextField.d.ts +2 -2
  269. package/types/components/TextField/TextField.d.ts.map +1 -1
  270. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  271. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -0
  272. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +13 -0
  273. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -0
  274. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +2 -2
  275. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  276. package/types/examples/plasma_web/components/TextField/TextField.d.ts +2 -2
  277. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  278. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +2 -2
  279. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -1
  280. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +0 -1
  281. package/cjs/components/Dropdown/Dropdown.styles_1daxhqh.css +0 -2
  282. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +0 -4
  283. package/cjs/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +0 -1
  284. package/cjs/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +0 -1
  285. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_936wgl.css +0 -1
  286. package/es/components/Dropdown/Dropdown.styles_1daxhqh.css +0 -2
  287. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1juhjtq.css +0 -4
  288. package/es/components/Dropdown/ui/DropdownItem/variations/_size/base.js.map +0 -1
  289. package/es/components/Dropdown/ui/DropdownItem/variations/_view/base.js.map +0 -1
  290. package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +0 -80
  291. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +0 -19
  292. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +0 -9
  293. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +0 -27
  294. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +0 -13
  295. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +0 -194
  296. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +0 -27
  297. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +0 -13
  298. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  299. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +0 -27
  300. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +0 -13
  301. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +0 -195
  302. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +0 -27
  303. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +0 -13
  304. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  305. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.config.js +0 -22
  306. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.js +0 -21
  307. package/styled-components/cjs/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +0 -277
  308. package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +0 -80
  309. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_size/tokens.json +0 -19
  310. package/styled-components/es/components/Dropdown/ui/DropdownItem/variations/_view/tokens.json +0 -9
  311. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.js +0 -21
  312. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.js +0 -7
  313. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.stories.tsx +0 -194
  314. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.js +0 -21
  315. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.js +0 -7
  316. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  317. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js +0 -21
  318. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.js +0 -7
  319. package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx +0 -195
  320. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js +0 -21
  321. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.js +0 -7
  322. package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx +0 -195
  323. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.config.js +0 -16
  324. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.js +0 -15
  325. package/styled-components/es/examples/sds_engineer/components/Dropdown/Dropdown.stories.tsx +0 -277
  326. package/types/components/Dropdown/ui/DropdownItem/variations/_size/base.d.ts.map +0 -1
  327. package/types/components/Dropdown/ui/DropdownItem/variations/_view/base.d.ts.map +0 -1
  328. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.d.ts.map +0 -1
  329. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts +0 -30
  330. package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.d.ts.map +0 -1
  331. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts +0 -18
  332. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.d.ts.map +0 -1
  333. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts +0 -30
  334. package/types/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.d.ts.map +0 -1
  335. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts +0 -18
  336. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.d.ts.map +0 -1
  337. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts +0 -30
  338. package/types/examples/plasma_web/components/Dropdown/Normal/Dropdown.d.ts.map +0 -1
  339. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts +0 -18
  340. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.d.ts.map +0 -1
  341. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts +0 -30
  342. package/types/examples/plasma_web/components/Dropdown/Tight/Dropdown.d.ts.map +0 -1
  343. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts +0 -15
  344. package/types/examples/sds_engineer/components/Dropdown/Dropdown.config.d.ts.map +0 -1
  345. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts +0 -51
  346. package/types/examples/sds_engineer/components/Dropdown/Dropdown.d.ts.map +0 -1
  347. /package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base_x642ct.css +0 -0
  348. /package/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base_x642ct.css +0 -0
  349. /package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base_x642ct.css +0 -0
  350. /package/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base_x642ct.css +0 -0
  351. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +0 -0
  352. /package/styled-components/cjs/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +0 -0
  353. /package/styled-components/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.js +0 -0
  354. /package/styled-components/es/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.js +0 -0
  355. /package/types/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_size/base.d.ts +0 -0
  356. /package/types/components/Dropdown/ui/{DropdownItem → DropdownItemOld}/variations/_view/base.d.ts +0 -0
  357. /package/types/examples/plasma_b2c/components/Dropdown/{Normal/Dropdown.config.d.ts → Dropdown.config.d.ts} +0 -0
@@ -1,16 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { dropdownTokens } from '../../../../components/Dropdown';
3
- export var config = {
4
- defaults: {
5
- view: 'primary',
6
- size: 'm'
7
- },
8
- variations: {
9
- size: {
10
- m: /*#__PURE__*/css(["", ":15rem;", ":auto;", ":0;", ":0.5rem;", ":0;", ":0.5rem;", ":0;", ":auto;", ":1.25rem;", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.75rem;", ":0;", ":0;", ":0;", ":0;", ":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);", ":auto;", ":auto;", ":0.3125rem;", ":0.75rem;", ":0.4375rem;", ":0.75rem;", ":0;", ":0;", ":0;", ":0;", ":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);", ":auto;", ":0.063rem;", ":0;", ":0;", ":0;", ":0;", ":auto;", ":0;", ":0;", ":0;", ":0;", ":0;", ":0;", ":0.25rem;", ":0;", ":0.25rem;", ":0.75rem;", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0;", ":0;", ":0;", ":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-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":auto;", ":1.25rem;", ":0.25rem;", ":0.75rem;", ":0.5rem;", ":0.75rem;", ":0;", ":0;", ":0;", ":0;", ":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);"], dropdownTokens.width, dropdownTokens.height, dropdownTokens.borderRadius, dropdownTokens.paddingTop, dropdownTokens.paddingRight, dropdownTokens.paddingBottom, dropdownTokens.paddingLeft, dropdownTokens.headerWidth, dropdownTokens.headerHeight, dropdownTokens.headerPaddingTop, dropdownTokens.headerPaddingRight, dropdownTokens.headerPaddingBottom, dropdownTokens.headerPaddingLeft, dropdownTokens.headerMarginTop, dropdownTokens.headerMarginRight, dropdownTokens.headerMarginBottom, dropdownTokens.headerMarginLeft, dropdownTokens.headerFontFamily, dropdownTokens.headerFontSize, dropdownTokens.headerFontStyle, dropdownTokens.headerFontWeightBold, dropdownTokens.headerFontLetterSpacing, dropdownTokens.headerFontLineHeight, dropdownTokens.itemWidth, dropdownTokens.itemHeight, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemMarginTop, dropdownTokens.itemMarginRight, dropdownTokens.itemMarginBottom, dropdownTokens.itemMarginLeft, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight, dropdownTokens.dividerWidth, dropdownTokens.dividerHeight, dropdownTokens.dividerMarginTop, dropdownTokens.dividerMarginRight, dropdownTokens.dividerMarginBottom, dropdownTokens.dividerMarginLeft, dropdownTokens.groupWidth, dropdownTokens.groupPaddingTop, dropdownTokens.groupPaddingRight, dropdownTokens.groupPaddingBottom, dropdownTokens.groupPaddingLeft, dropdownTokens.groupMarginTop, dropdownTokens.groupMarginRight, dropdownTokens.groupMarginBottom, dropdownTokens.groupMarginLeft, dropdownTokens.groupLabelPaddingTop, dropdownTokens.groupLabelPaddingRight, dropdownTokens.groupLabelPaddingBottom, dropdownTokens.groupLabelPaddingLeft, dropdownTokens.groupLabelMarginTop, dropdownTokens.groupLabelMarginRight, dropdownTokens.groupLabelMarginBottom, dropdownTokens.groupLabelMarginLeft, dropdownTokens.groupLabelFontFamily, dropdownTokens.groupLabelFontSize, dropdownTokens.groupLabelFontStyle, dropdownTokens.groupLabelFontWeight, dropdownTokens.groupLabelLetterSpacing, dropdownTokens.groupLabelLineHeight, dropdownTokens.footerWidth, dropdownTokens.footerHeight, dropdownTokens.footerPaddingTop, dropdownTokens.footerPaddingRight, dropdownTokens.footerPaddingBottom, dropdownTokens.footerPaddingLeft, dropdownTokens.footerMarginTop, dropdownTokens.footerMarginRight, dropdownTokens.footerMarginBottom, dropdownTokens.footerMarginLeft, dropdownTokens.footerFontFamily, dropdownTokens.footerFontSize, dropdownTokens.footerFontStyle, dropdownTokens.footerFontWeightBold, dropdownTokens.footerFontLetterSpacing, dropdownTokens.footerFontLineHeight)
11
- },
12
- view: {
13
- primary: /*#__PURE__*/css(["", ":0.4;", ":var(--plasma-colors-white);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--plasma-colors-transparent);", ":var(--on-light-text-primary);", ":rgba(12,143,230,0.12);", ":var(--on-light-surface-transparent-secondary);", ":inherit;", ":var(--on-light-surface-transparent-secondary);", ":inherit;", ":var(--plasma-colors-overlay-blur);", ":var(--plasma-colors-transparent);", ":var(--plasma-colors-transparent);", ":var(--on-light-text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.headerBackground, dropdownTokens.itemBackground, dropdownTokens.itemColor, dropdownTokens.itemBackgroundHover, dropdownTokens.itemBackgroundSelected, dropdownTokens.itemColorSelected, dropdownTokens.itemBackgroundSelectedHover, dropdownTokens.itemColorSelectedHover, dropdownTokens.dividerColor, dropdownTokens.footerBackground, dropdownTokens.groupBackground, dropdownTokens.groupLabelColor)
14
- }
15
- }
16
- };
@@ -1,15 +0,0 @@
1
- import { dropdownConfig, dropdownDividerConfig, dropdownFooterConfig, dropdownGroupConfig, dropdownHeaderConfig, dropdownItemConfig } from '../../../../components/Dropdown';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './Dropdown.config';
4
- var mergedConfig = /*#__PURE__*/mergeConfig(dropdownConfig, config);
5
- export var Dropdown = /*#__PURE__*/component(mergedConfig);
6
- var mergedDividerConfig = /*#__PURE__*/mergeConfig(dropdownDividerConfig);
7
- export var DropdownDivider = /*#__PURE__*/component(mergedDividerConfig);
8
- var mergedFooterConfig = /*#__PURE__*/mergeConfig(dropdownFooterConfig);
9
- export var DropdownFooter = /*#__PURE__*/component(mergedFooterConfig);
10
- var mergedGroupConfig = /*#__PURE__*/mergeConfig(dropdownGroupConfig);
11
- export var DropdownGroup = /*#__PURE__*/component(mergedGroupConfig);
12
- var mergedHeaderConfig = /*#__PURE__*/mergeConfig(dropdownHeaderConfig);
13
- export var DropdownHeader = /*#__PURE__*/component(mergedHeaderConfig);
14
- var mergedItemConfig = /*#__PURE__*/mergeConfig(dropdownItemConfig);
15
- export var DropdownItem = /*#__PURE__*/component(mergedItemConfig);
@@ -1,277 +0,0 @@
1
- import React, { useRef, useState } from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { Meta, StoryObj } from '@storybook/react';
4
- import styled from 'styled-components';
5
- import { css } from 'styled-components';
6
- import { action } from '@storybook/addon-actions';
7
-
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
9
- import { mergeConfig } from '../../../../engines';
10
- import { dropdownConfig } from '../../../../components/Dropdown';
11
- import { Checkbox } from '../Checkbox/Checkbox';
12
- import { Radiobox } from '../Radiobox/Radiobox';
13
- import { Button } from '../Button/Button';
14
-
15
- import { Dropdown, DropdownDivider, DropdownFooter, DropdownGroup, DropdownHeader, DropdownItem } from './Dropdown';
16
- import { config } from './Dropdown.config';
17
-
18
- type StoryDropdownPropsCustom = {
19
- skidding?: number;
20
- distance?: number;
21
- };
22
-
23
- type StoryDropdownProps = ComponentProps<typeof Dropdown> & StoryDropdownPropsCustom;
24
-
25
- const placements: Array<string> = ['top', 'bottom', 'right', 'left', 'auto'];
26
- const triggers: Array<string> = ['click', 'hover'];
27
-
28
- const meta: Meta<StoryDropdownProps> = {
29
- title: 'sds_engineer/Dropdown',
30
- decorators: [WithTheme],
31
- component: Dropdown,
32
- argTypes: {
33
- placement: {
34
- options: placements,
35
- control: {
36
- type: 'select',
37
- },
38
- },
39
- trigger: {
40
- options: triggers,
41
- control: {
42
- type: 'select',
43
- },
44
- },
45
- ...argTypesFromConfig(mergeConfig(dropdownConfig, config)),
46
- },
47
- args: {
48
- placement: 'bottom',
49
- trigger: 'click',
50
- closeOnOverlayClick: true,
51
- closeOnEsc: true,
52
- isFocusTrapped: true,
53
- skidding: 0,
54
- distance: 6,
55
- },
56
- };
57
-
58
- export default meta;
59
-
60
- const StyledCheckbox = styled(Checkbox)`
61
- margin-left: 0rem;
62
- margin-bottom: 0rem;
63
- `;
64
-
65
- const StyledRadiobox = styled(Radiobox)`
66
- margin-left: 0rem;
67
- margin-bottom: 0rem;
68
- `;
69
-
70
- const headerClass = css`
71
- text-transform: uppercase;
72
- color: rgba(23, 23, 23, 0.56);
73
- `;
74
-
75
- const TrashIcon = (props) => (
76
- <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
77
- <path
78
- fillRule="evenodd"
79
- clipRule="evenodd"
80
- d="M8 5.5A2.5 2.5 0 0110.5 3h3A2.5 2.5 0 0116 5.5V6h-2v-.5a.5.5 0 00-.5-.5h-3a.5.5 0 00-.5.5V6H8v-.5zM4 8a1 1 0 011-1h14a1 1 0 110 2h-1v9.5a2.5 2.5 0 01-2.5 2.5h-7A2.5 2.5 0 016 18.5V9H5a1 1 0 01-1-1z"
81
- fill="currentColor"
82
- />
83
- </svg>
84
- );
85
-
86
- const StyledTrashIcon = styled(TrashIcon)`
87
- width: 1.25rem;
88
- height: 1.25rem;
89
- `;
90
-
91
- const onChange = action('onChange');
92
- const onSelect = action('onSelect');
93
- const onClick = action('onClick');
94
-
95
- const dropdownItems = [...Array(4).keys()].map((num) => ({
96
- value: `item_${num}`,
97
- child: `Item ${num}`,
98
- }));
99
-
100
- const StoryDefault = (args: StoryDropdownProps) => {
101
- const [selected, setSelected] = useState('');
102
- const [isOpen, setIsOpen] = useState(false);
103
- const [isOpenDropdown2, setIsOpenDropdown2] = useState(false);
104
-
105
- const onMainClose = () => {
106
- setIsOpen(false);
107
- setIsOpenDropdown2(false);
108
- };
109
-
110
- const onMainToggle = (openValue: boolean) => {
111
- setIsOpen(openValue);
112
-
113
- if (!openValue) {
114
- onMainClose();
115
- }
116
- };
117
-
118
- const handleSelect = (value: string, text: string) => {
119
- setSelected(value);
120
- onSelect(value, text);
121
- };
122
-
123
- return (
124
- <div>
125
- <h3>This is header</h3>
126
- <Dropdown target={<Button>Target</Button>} isOpen={isOpen} onToggle={onMainToggle} {...args}>
127
- <DropdownHeader className={headerClass}>Header</DropdownHeader>
128
- <DropdownDivider />
129
- {dropdownItems.map((item) => (
130
- <DropdownItem
131
- key={item.value}
132
- isSelected={item.value === selected}
133
- onSelect={() => handleSelect(item.value, item.child)}
134
- onClick={onClick}
135
- value={item.value}
136
- >
137
- {item.child}
138
- </DropdownItem>
139
- ))}
140
- <Dropdown
141
- target={<DropdownItem>Nested dropdown ➞</DropdownItem>}
142
- onToggle={(is) => setIsOpenDropdown2(is)}
143
- isOpen={isOpenDropdown2}
144
- offset={[0, 0]}
145
- >
146
- <DropdownGroup label="This is radiogroup">
147
- <DropdownItem
148
- contentLeft={StyledRadiobox}
149
- name="test"
150
- value="1"
151
- onChange={onChange}
152
- text="Nested 1"
153
- />
154
-
155
- <DropdownItem
156
- contentLeft={StyledRadiobox}
157
- name="test"
158
- value="2"
159
- onChange={onChange}
160
- text="Nested 2"
161
- />
162
- <DropdownItem
163
- contentLeft={StyledRadiobox}
164
- name="test"
165
- value="3"
166
- onChange={onChange}
167
- text="Nested 3"
168
- />
169
- </DropdownGroup>
170
- <DropdownItem contentLeft={StyledCheckbox} text="Nested 4" />
171
- <DropdownItem contentRight={StyledCheckbox} text="Nested 5" />
172
-
173
- <DropdownItem contentLeft={StyledTrashIcon} text="Nested 6" />
174
- <Button onClick={() => setIsOpenDropdown2(false)}>Close nested</Button>
175
- </Dropdown>
176
-
177
- <DropdownItem onClick={onClick} value="disabled" disabled>
178
- disabled
179
- </DropdownItem>
180
-
181
- <DropdownGroup label="Group">
182
- <DropdownItem
183
- contentLeft={StyledRadiobox}
184
- name="test"
185
- value="1"
186
- disabled
187
- onChange={onChange}
188
- text="Disabled 1"
189
- />
190
-
191
- <DropdownItem name="test" value="2" disabled text="Disabled group 2" />
192
- </DropdownGroup>
193
-
194
- <DropdownDivider />
195
- <DropdownFooter className={headerClass}>Footer</DropdownFooter>
196
- </Dropdown>
197
- </div>
198
- );
199
- };
200
-
201
- export const Default: StoryObj<StoryDropdownProps> = {
202
- render: (args) => <StoryDefault {...args} />,
203
- };
204
-
205
- const StoryContextMenu = (args: StoryDropdownProps) => {
206
- const [contextPosition, setContextPosition] = useState([0, 0]);
207
- const dropdownRef = useRef<HTMLDivElement | null>(null);
208
- const [selected, setSelected] = useState('');
209
- const [isOpen, setIsOpen] = useState(false);
210
-
211
- const onMainToggle = (openValue: boolean) => {
212
- setIsOpen(openValue);
213
- };
214
-
215
- const handleSelect = (value: string, text: string) => {
216
- setSelected(value);
217
- onSelect(value, text);
218
- setIsOpen(false);
219
- };
220
-
221
- const onClickAway = (event: React.MouseEvent<HTMLDivElement>) => {
222
- event.preventDefault();
223
- if (dropdownRef?.current && !dropdownRef.current?.contains(event.target as Element)) {
224
- setIsOpen(false);
225
- }
226
- };
227
-
228
- const onContextMenu = (event: React.MouseEvent<HTMLDivElement>) => {
229
- event.preventDefault();
230
-
231
- const { clientX, clientY } = event;
232
-
233
- setContextPosition([clientX, clientY]);
234
- setIsOpen(true);
235
- };
236
-
237
- return (
238
- <div
239
- style={{
240
- width: '100%',
241
- height: '100%',
242
- background: 'gainsboro',
243
- }}
244
- onClick={onClickAway}
245
- onContextMenu={onContextMenu}
246
- >
247
- <div>Right-click the mouse button - to open</div>
248
- <div>Left-click the mouse button - to close</div>
249
- <div
250
- ref={dropdownRef}
251
- style={{ position: 'absolute', top: `${contextPosition[1]}px`, left: `${contextPosition[0]}px` }}
252
- >
253
- <Dropdown isOpen={isOpen} onToggle={onMainToggle} {...args}>
254
- <DropdownHeader className={headerClass}>Header</DropdownHeader>
255
- <DropdownDivider />
256
- {dropdownItems.map((item) => (
257
- <DropdownItem
258
- key={item.value}
259
- isSelected={item.value === selected}
260
- onSelect={() => handleSelect(item.value, item.child)}
261
- onClick={onClick}
262
- value={item.value}
263
- >
264
- {item.child}
265
- </DropdownItem>
266
- ))}
267
- <DropdownDivider />
268
- <DropdownFooter className={headerClass}>Footer</DropdownFooter>
269
- </Dropdown>
270
- </div>
271
- </div>
272
- );
273
- };
274
-
275
- export const ContextMenu: StoryObj<StoryDropdownProps> = {
276
- render: (args) => <StoryContextMenu {...args} />,
277
- };
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Dropdown/ui/DropdownItem/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Dropdown/ui/DropdownItem/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CA4FlB,CAAC"}
@@ -1,30 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Dropdown: import("react").FunctionComponent<import("../../../../../engines/types").PropsType<{
3
- size: {
4
- xs: import("@linaria/core").LinariaClassName;
5
- s: import("@linaria/core").LinariaClassName;
6
- m: import("@linaria/core").LinariaClassName;
7
- l: import("@linaria/core").LinariaClassName;
8
- };
9
- view: {
10
- default: import("@linaria/core").LinariaClassName;
11
- };
12
- }> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../../components/Dropdown/Dropdown.types").CustomDropdownProps & import("react").RefAttributes<HTMLDivElement>>;
13
- export declare const DropdownItem: import("react").FunctionComponent<import("../../../../../engines/types").PropsType<import("../../../../../engines/types").Variants> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onSelect"> & {
14
- id?: string | undefined;
15
- disabled?: boolean | undefined;
16
- label?: import("react").ReactNode;
17
- role?: string | undefined;
18
- contentLeft?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
19
- contentRight?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
20
- name?: string | undefined;
21
- checked?: boolean | undefined;
22
- text?: string | undefined;
23
- value?: string | number | boolean | undefined;
24
- isSelected?: boolean | undefined;
25
- onClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
26
- onSelect?: ((value?: any, text?: any) => void) | undefined;
27
- size?: string | undefined;
28
- view?: string | undefined;
29
- } & import("react").RefAttributes<HTMLDivElement>>;
30
- //# sourceMappingURL=Dropdown.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,QAAQ;;;;;;;;;;sLAA0B,CAAC;AAGhD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;kDAA8B,CAAC"}
@@ -1,18 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- };
6
- variations: {
7
- size: {
8
- xs: import("@linaria/core").LinariaClassName;
9
- s: import("@linaria/core").LinariaClassName;
10
- m: import("@linaria/core").LinariaClassName;
11
- l: import("@linaria/core").LinariaClassName;
12
- };
13
- view: {
14
- default: import("@linaria/core").LinariaClassName;
15
- };
16
- };
17
- };
18
- //# sourceMappingURL=Dropdown.config.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.config.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CA4FlB,CAAC"}
@@ -1,30 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Dropdown: import("react").FunctionComponent<import("../../../../../engines/types").PropsType<{
3
- size: {
4
- xs: import("@linaria/core").LinariaClassName;
5
- s: import("@linaria/core").LinariaClassName;
6
- m: import("@linaria/core").LinariaClassName;
7
- l: import("@linaria/core").LinariaClassName;
8
- };
9
- view: {
10
- default: import("@linaria/core").LinariaClassName;
11
- };
12
- }> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../../components/Dropdown/Dropdown.types").CustomDropdownProps & import("react").RefAttributes<HTMLDivElement>>;
13
- export declare const DropdownItem: import("react").FunctionComponent<import("../../../../../engines/types").PropsType<import("../../../../../engines/types").Variants> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onSelect"> & {
14
- id?: string | undefined;
15
- disabled?: boolean | undefined;
16
- label?: import("react").ReactNode;
17
- role?: string | undefined;
18
- contentLeft?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
19
- contentRight?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
20
- name?: string | undefined;
21
- checked?: boolean | undefined;
22
- text?: string | undefined;
23
- value?: string | number | boolean | undefined;
24
- isSelected?: boolean | undefined;
25
- onClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
26
- onSelect?: ((value?: any, text?: any) => void) | undefined;
27
- size?: string | undefined;
28
- view?: string | undefined;
29
- } & import("react").RefAttributes<HTMLDivElement>>;
30
- //# sourceMappingURL=Dropdown.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,QAAQ;;;;;;;;;;sLAA0B,CAAC;AAGhD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;kDAA8B,CAAC"}
@@ -1,18 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- };
6
- variations: {
7
- size: {
8
- xs: import("@linaria/core").LinariaClassName;
9
- s: import("@linaria/core").LinariaClassName;
10
- m: import("@linaria/core").LinariaClassName;
11
- l: import("@linaria/core").LinariaClassName;
12
- };
13
- view: {
14
- default: import("@linaria/core").LinariaClassName;
15
- };
16
- };
17
- };
18
- //# sourceMappingURL=Dropdown.config.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CA4FlB,CAAC"}
@@ -1,30 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Dropdown: import("react").FunctionComponent<import("../../../../../engines/types").PropsType<{
3
- size: {
4
- xs: import("@linaria/core").LinariaClassName;
5
- s: import("@linaria/core").LinariaClassName;
6
- m: import("@linaria/core").LinariaClassName;
7
- l: import("@linaria/core").LinariaClassName;
8
- };
9
- view: {
10
- default: import("@linaria/core").LinariaClassName;
11
- };
12
- }> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../../components/Dropdown/Dropdown.types").CustomDropdownProps & import("react").RefAttributes<HTMLDivElement>>;
13
- export declare const DropdownItem: import("react").FunctionComponent<import("../../../../../engines/types").PropsType<import("../../../../../engines/types").Variants> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onSelect"> & {
14
- id?: string | undefined;
15
- disabled?: boolean | undefined;
16
- label?: import("react").ReactNode;
17
- role?: string | undefined;
18
- contentLeft?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
19
- contentRight?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
20
- name?: string | undefined;
21
- checked?: boolean | undefined;
22
- text?: string | undefined;
23
- value?: string | number | boolean | undefined;
24
- isSelected?: boolean | undefined;
25
- onClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
26
- onSelect?: ((value?: any, text?: any) => void) | undefined;
27
- size?: string | undefined;
28
- view?: string | undefined;
29
- } & import("react").RefAttributes<HTMLDivElement>>;
30
- //# sourceMappingURL=Dropdown.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_web/components/Dropdown/Normal/Dropdown.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,QAAQ;;;;;;;;;;sLAA0B,CAAC;AAGhD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;kDAA8B,CAAC"}
@@ -1,18 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- };
6
- variations: {
7
- size: {
8
- xs: import("@linaria/core").LinariaClassName;
9
- s: import("@linaria/core").LinariaClassName;
10
- m: import("@linaria/core").LinariaClassName;
11
- l: import("@linaria/core").LinariaClassName;
12
- };
13
- view: {
14
- default: import("@linaria/core").LinariaClassName;
15
- };
16
- };
17
- };
18
- //# sourceMappingURL=Dropdown.config.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CA4FlB,CAAC"}
@@ -1,30 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Dropdown: import("react").FunctionComponent<import("../../../../../engines/types").PropsType<{
3
- size: {
4
- xs: import("@linaria/core").LinariaClassName;
5
- s: import("@linaria/core").LinariaClassName;
6
- m: import("@linaria/core").LinariaClassName;
7
- l: import("@linaria/core").LinariaClassName;
8
- };
9
- view: {
10
- default: import("@linaria/core").LinariaClassName;
11
- };
12
- }> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../../components/Dropdown/Dropdown.types").CustomDropdownProps & import("react").RefAttributes<HTMLDivElement>>;
13
- export declare const DropdownItem: import("react").FunctionComponent<import("../../../../../engines/types").PropsType<import("../../../../../engines/types").Variants> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onSelect"> & {
14
- id?: string | undefined;
15
- disabled?: boolean | undefined;
16
- label?: import("react").ReactNode;
17
- role?: string | undefined;
18
- contentLeft?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
19
- contentRight?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
20
- name?: string | undefined;
21
- checked?: boolean | undefined;
22
- text?: string | undefined;
23
- value?: string | number | boolean | undefined;
24
- isSelected?: boolean | undefined;
25
- onClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
26
- onSelect?: ((value?: any, text?: any) => void) | undefined;
27
- size?: string | undefined;
28
- view?: string | undefined;
29
- } & import("react").RefAttributes<HTMLDivElement>>;
30
- //# sourceMappingURL=Dropdown.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_web/components/Dropdown/Tight/Dropdown.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,QAAQ;;;;;;;;;;sLAA0B,CAAC;AAGhD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;kDAA8B,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- view: string;
4
- size: string;
5
- };
6
- variations: {
7
- size: {
8
- m: import("@linaria/core").LinariaClassName;
9
- };
10
- view: {
11
- primary: import("@linaria/core").LinariaClassName;
12
- };
13
- };
14
- };
15
- //# sourceMappingURL=Dropdown.config.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Dropdown/Dropdown.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAgIlB,CAAC"}
@@ -1,51 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Dropdown: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
- size: {
4
- m: import("@linaria/core").LinariaClassName;
5
- };
6
- view: {
7
- primary: import("@linaria/core").LinariaClassName;
8
- };
9
- }> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/Dropdown/Dropdown.types").CustomDropdownProps & import("react").RefAttributes<HTMLDivElement>>;
10
- export declare const DropdownDivider: import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
11
- id?: string | undefined;
12
- size?: string | undefined;
13
- view?: string | undefined;
14
- } & import("react").RefAttributes<HTMLDivElement>>;
15
- export declare const DropdownFooter: import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
16
- id?: string | undefined;
17
- size?: string | undefined;
18
- view?: string | undefined;
19
- } & import("react").RefAttributes<HTMLDivElement>>;
20
- export declare const DropdownGroup: import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
21
- id?: string | undefined;
22
- labelClassName?: string | undefined;
23
- groupClassName?: string | undefined;
24
- label?: import("react").ReactNode;
25
- role?: string | undefined;
26
- size?: string | undefined;
27
- view?: string | undefined;
28
- } & import("react").RefAttributes<HTMLDivElement>>;
29
- export declare const DropdownHeader: import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
30
- id?: string | undefined;
31
- size?: string | undefined;
32
- view?: string | undefined;
33
- } & import("react").RefAttributes<HTMLDivElement>>;
34
- export declare const DropdownItem: import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onSelect"> & {
35
- id?: string | undefined;
36
- disabled?: boolean | undefined;
37
- label?: import("react").ReactNode;
38
- role?: string | undefined;
39
- contentLeft?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
40
- contentRight?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
41
- name?: string | undefined;
42
- checked?: boolean | undefined;
43
- text?: string | undefined;
44
- value?: string | number | boolean | undefined;
45
- isSelected?: boolean | undefined;
46
- onClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
47
- onSelect?: ((value?: any, text?: any) => void) | undefined;
48
- size?: string | undefined;
49
- view?: string | undefined;
50
- } & import("react").RefAttributes<HTMLDivElement>>;
51
- //# sourceMappingURL=Dropdown.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Dropdown/Dropdown.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,QAAQ;;;;;;;mLAA0B,CAAC;AAGhD,eAAO,MAAM,eAAe;;;;kDAAiC,CAAC;AAG9D,eAAO,MAAM,cAAc;;;;kDAAgC,CAAC;AAG5D,eAAO,MAAM,aAAa;;;;;;;;kDAA+B,CAAC;AAG1D,eAAO,MAAM,cAAc;;;;kDAAgC,CAAC;AAG5D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;kDAA8B,CAAC"}