@cube-dev/ui-kit 0.9.8 → 0.9.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (413) hide show
  1. package/cjs/components/Base.js +1 -1
  2. package/cjs/components/Block.js +1 -1
  3. package/cjs/components/GlobalStyles.js +1 -1
  4. package/cjs/components/GridProvider.js +1 -1
  5. package/cjs/components/HiddenInput.js +1 -1
  6. package/cjs/components/OpenTrasition.js +1 -1
  7. package/cjs/components/Root.js +1 -1
  8. package/cjs/components/actions/Action.js +1 -1
  9. package/cjs/components/actions/Button/Button.js +10 -10
  10. package/cjs/components/actions/Button/Submit.js +1 -1
  11. package/cjs/components/actions/Button/index.js +1 -1
  12. package/cjs/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  13. package/cjs/components/actions/index.js +1 -1
  14. package/cjs/components/content/ActiveZone/ActiveZone.js +1 -1
  15. package/cjs/components/content/Avatar/Avatar.js +1 -1
  16. package/cjs/components/content/Badge/Badge.js +1 -1
  17. package/cjs/components/content/Card/Card.js +1 -1
  18. package/cjs/components/content/Content.js +1 -1
  19. package/cjs/components/content/Divider.js +1 -1
  20. package/cjs/components/content/Footer.js +1 -1
  21. package/cjs/components/content/Header.js +1 -1
  22. package/cjs/components/content/Paragraph.js +1 -1
  23. package/cjs/components/content/Placeholder/Placeholder.js +1 -1
  24. package/cjs/components/content/PrismCode/PrismCode.js +1 -1
  25. package/cjs/components/content/Result/Result.js +4 -3
  26. package/cjs/components/content/Skeleton/Skeleton.js +1 -1
  27. package/cjs/components/content/Tag/Tag.js +1 -1
  28. package/cjs/components/content/Text.js +4 -2
  29. package/cjs/components/content/Title.js +1 -1
  30. package/cjs/components/forms/Checkbox/Checkbox.js +3 -2
  31. package/cjs/components/forms/Checkbox/CheckboxGroup.js +3 -2
  32. package/cjs/components/forms/Checkbox/context.js +1 -1
  33. package/cjs/components/forms/FieldWrapper.js +51 -45
  34. package/cjs/components/forms/FileInput/FileInput.js +3 -2
  35. package/cjs/components/forms/Form/Field.js +17 -7
  36. package/cjs/components/forms/Form/Form.js +1 -1
  37. package/cjs/components/forms/Form/index.js +1 -1
  38. package/cjs/components/forms/Form/useForm.js +1 -1
  39. package/cjs/components/forms/Form/validation.js +1 -1
  40. package/cjs/components/forms/Label.js +1 -1
  41. package/cjs/components/forms/NumberInput/NumberInput.js +1 -1
  42. package/cjs/components/forms/NumberInput/StepButton.js +1 -1
  43. package/cjs/components/forms/PasswordInput/PasswordInput.js +1 -1
  44. package/cjs/components/forms/RadioGroup/Radio.js +1 -1
  45. package/cjs/components/forms/RadioGroup/RadioGroup.js +3 -2
  46. package/cjs/components/forms/RadioGroup/context.js +1 -1
  47. package/cjs/components/forms/SearchInput/SearchInput.js +1 -1
  48. package/cjs/components/forms/Switch/Switch.js +3 -2
  49. package/cjs/components/forms/TextArea/TextArea.js +1 -1
  50. package/cjs/components/forms/TextInput/TextInput.js +1 -1
  51. package/cjs/components/forms/TextInput/TextInputBase.js +3 -2
  52. package/cjs/components/forms/index.js +1 -1
  53. package/cjs/components/layout/Flex.js +1 -1
  54. package/cjs/components/layout/Flow.js +1 -1
  55. package/cjs/components/layout/Grid.js +1 -1
  56. package/cjs/components/layout/Prefix.js +1 -1
  57. package/cjs/components/layout/Space.js +1 -1
  58. package/cjs/components/layout/Suffix.js +1 -1
  59. package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  60. package/cjs/components/navigation/Link/Link.js +1 -1
  61. package/cjs/components/organisms/Alert/Alert.js +1 -1
  62. package/cjs/components/organisms/CopySnippet/CopySnippet.js +1 -1
  63. package/cjs/components/organisms/DirectoryTree/DirectoryTree.js +1 -1
  64. package/cjs/components/organisms/FileTabs/FileTabs.js +1 -1
  65. package/cjs/components/organisms/Modal/Modal.js +1 -1
  66. package/cjs/components/organisms/SearchResults/SearchResults.js +1 -1
  67. package/cjs/components/organisms/StatsCard/StatsCard.js +1 -1
  68. package/cjs/components/organisms/TopBar/TopBar.js +1 -1
  69. package/cjs/components/other/Base64Upload/Base64Upload.js +1 -1
  70. package/cjs/components/other/CloudLogo/CloudLogo.js +1 -1
  71. package/cjs/components/overlays/AlertDialog/AlertDialog.js +1 -1
  72. package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  73. package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  74. package/cjs/components/overlays/AlertDialog/index.js +1 -1
  75. package/cjs/components/overlays/AlertDialog/types.js +1 -1
  76. package/cjs/components/overlays/Dialog/Dialog.js +4 -7
  77. package/cjs/components/overlays/Dialog/DialogContainer.js +1 -1
  78. package/cjs/components/overlays/Dialog/DialogForm.js +1 -1
  79. package/cjs/components/overlays/Dialog/DialogTrigger.js +1 -1
  80. package/cjs/components/overlays/Dialog/context.js +1 -1
  81. package/cjs/components/overlays/Dialog/index.js +1 -1
  82. package/cjs/components/overlays/Modal/Modal.js +1 -1
  83. package/cjs/components/overlays/Modal/OpenTransition.js +1 -1
  84. package/cjs/components/overlays/Modal/Overlay.js +1 -1
  85. package/cjs/components/overlays/Modal/Popover.js +1 -1
  86. package/cjs/components/overlays/Modal/Tray.js +1 -1
  87. package/cjs/components/overlays/Modal/Underlay.js +1 -1
  88. package/cjs/components/overlays/Modal/index.js +1 -1
  89. package/cjs/components/overlays/Notification/Notification.js +1 -1
  90. package/cjs/components/overlays/OverlayWrapper.js +1 -1
  91. package/cjs/components/overlays/Tooltip/Tooltip.js +1 -1
  92. package/cjs/components/overlays/Tooltip/TooltipProvider.js +1 -1
  93. package/cjs/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  94. package/cjs/components/overlays/Tooltip/context.js +1 -1
  95. package/cjs/components/pickers/ComboBox/ComboBox.js +3 -2
  96. package/cjs/components/pickers/Menu/Menu.js +78 -0
  97. package/cjs/components/pickers/Menu/MenuButton.js +67 -0
  98. package/cjs/components/pickers/Menu/MenuItem.js +56 -0
  99. package/cjs/components/pickers/Menu/MenuSection.js +34 -0
  100. package/cjs/components/pickers/Menu/MenuTrigger.js +111 -0
  101. package/cjs/components/pickers/Menu/context.js +37 -0
  102. package/cjs/components/pickers/Menu/styled.js +89 -0
  103. package/cjs/components/pickers/Select/Select.js +3 -2
  104. package/cjs/components/portal/Portal.js +1 -1
  105. package/cjs/components/portal/PortalProvider.js +1 -1
  106. package/cjs/components/portal/index.js +1 -1
  107. package/cjs/components/portal/storybook/templates/CustomRoot.js +20 -0
  108. package/cjs/components/portal/storybook/templates/PortalOrder.js +17 -0
  109. package/cjs/components/portal/storybook/templates/basic.js +1 -1
  110. package/cjs/components/portal/storybook/templates/index.js +3 -1
  111. package/cjs/components/portal/types.js +1 -1
  112. package/cjs/components/portal/usePortal.js +1 -1
  113. package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  114. package/cjs/components/status/Spin/Spin.js +1 -1
  115. package/cjs/components/types.js +1 -1
  116. package/cjs/data/themes.js +1 -1
  117. package/cjs/index.js +8 -3
  118. package/cjs/provider.js +1 -1
  119. package/cjs/providers/BreakpointsProvider.js +1 -1
  120. package/cjs/providers/StylesProvider.js +1 -1
  121. package/cjs/services/notification.js +1 -1
  122. package/cjs/shared/form.js +1 -1
  123. package/cjs/shared/index.js +1 -1
  124. package/cjs/stories/FormFieldArgs.js +8 -3
  125. package/cjs/stories/components/ConfirmDeletionDialogForm.js +1 -1
  126. package/cjs/stories/components/DialogFormApp.js +1 -1
  127. package/cjs/stories/components/StyledButton.js +1 -1
  128. package/cjs/stories/lists/baseProps.js +1 -1
  129. package/cjs/styled/index.js +1 -1
  130. package/cjs/styled/styled.js +7 -4
  131. package/cjs/styles/align.js +1 -1
  132. package/cjs/styles/border.js +1 -1
  133. package/cjs/styles/boxShadow.combinator.js +1 -1
  134. package/cjs/styles/color.js +1 -1
  135. package/cjs/styles/createStyle.js +1 -1
  136. package/cjs/styles/dimension.js +1 -1
  137. package/cjs/styles/display.js +1 -1
  138. package/cjs/styles/fill.js +1 -1
  139. package/cjs/styles/flow.js +1 -1
  140. package/cjs/styles/font.js +1 -1
  141. package/cjs/styles/fontStyle.js +1 -1
  142. package/cjs/styles/gap.js +1 -1
  143. package/cjs/styles/groupRadius.js +1 -1
  144. package/cjs/styles/height.js +1 -1
  145. package/cjs/styles/index.js +1 -1
  146. package/cjs/styles/justify.js +1 -1
  147. package/cjs/styles/list.js +1 -1
  148. package/cjs/styles/margin.js +1 -1
  149. package/cjs/styles/marginBlock.js +1 -1
  150. package/cjs/styles/marginInline.js +1 -1
  151. package/cjs/styles/outline.js +1 -1
  152. package/cjs/styles/padding.js +1 -1
  153. package/cjs/styles/paddingBlock.js +1 -1
  154. package/cjs/styles/paddingInline.js +1 -1
  155. package/cjs/styles/predefined.js +1 -1
  156. package/cjs/styles/preset.js +1 -1
  157. package/cjs/styles/radius.js +1 -1
  158. package/cjs/styles/reset.js +1 -1
  159. package/cjs/styles/shadow.js +1 -1
  160. package/cjs/styles/styledScrollbar.js +1 -1
  161. package/cjs/styles/transition.js +1 -1
  162. package/cjs/styles/types.js +1 -1
  163. package/cjs/styles/width.js +1 -1
  164. package/cjs/test/index.js +22 -0
  165. package/cjs/test/setup.js +3 -1
  166. package/cjs/test/utils/index.js +22 -0
  167. package/cjs/test/utils/wait.js +16 -0
  168. package/cjs/tokens.js +3 -3
  169. package/cjs/utils/ResizeSensor.js +1 -1
  170. package/cjs/utils/colors.js +1 -1
  171. package/cjs/utils/dotize.js +1 -1
  172. package/cjs/utils/escape-string.js +1 -1
  173. package/cjs/utils/filterBaseProps.js +1 -1
  174. package/cjs/utils/index.js +1 -1
  175. package/cjs/utils/interactions.js +1 -1
  176. package/cjs/utils/mergeStyles.js +1 -1
  177. package/cjs/utils/modules.js +1 -1
  178. package/cjs/utils/promise.js +1 -1
  179. package/cjs/utils/react/Slots.js +1 -1
  180. package/cjs/utils/react/chain.js +1 -1
  181. package/cjs/utils/react/index.js +1 -1
  182. package/cjs/utils/react/isTextOnly.js +1 -1
  183. package/cjs/utils/react/mapProps.js +1 -1
  184. package/cjs/utils/react/mergeProps.js +1 -1
  185. package/cjs/utils/react/modAttrs.js +1 -1
  186. package/cjs/utils/react/nullableValue.js +1 -1
  187. package/cjs/utils/react/useCombinedRefs.js +1 -1
  188. package/cjs/utils/react/useId.js +1 -1
  189. package/cjs/utils/react/useLayoutEffect.js +1 -1
  190. package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
  191. package/cjs/utils/renderStyles.js +1 -1
  192. package/cjs/utils/responsive.js +1 -1
  193. package/cjs/utils/string.js +1 -1
  194. package/cjs/utils/styles.js +1 -1
  195. package/cjs/utils/transitions.js +1 -1
  196. package/cjs/utils/tree.js +1 -1
  197. package/cjs/utils/warnings.js +1 -1
  198. package/es/components/Base.js +1 -1
  199. package/es/components/Block.js +1 -1
  200. package/es/components/GlobalStyles.js +1 -1
  201. package/es/components/GridProvider.js +1 -1
  202. package/es/components/HiddenInput.js +1 -1
  203. package/es/components/OpenTrasition.js +1 -1
  204. package/es/components/Root.js +1 -1
  205. package/es/components/actions/Action.js +1 -1
  206. package/es/components/actions/Button/Button.js +10 -10
  207. package/es/components/actions/Button/Submit.js +1 -1
  208. package/es/components/actions/Button/index.js +1 -1
  209. package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  210. package/es/components/actions/index.js +1 -1
  211. package/es/components/content/ActiveZone/ActiveZone.js +1 -1
  212. package/es/components/content/Avatar/Avatar.js +1 -1
  213. package/es/components/content/Badge/Badge.js +1 -1
  214. package/es/components/content/Card/Card.js +1 -1
  215. package/es/components/content/Content.js +1 -1
  216. package/es/components/content/Divider.js +1 -1
  217. package/es/components/content/Footer.js +1 -1
  218. package/es/components/content/Header.js +1 -1
  219. package/es/components/content/Paragraph.js +1 -1
  220. package/es/components/content/Placeholder/Placeholder.js +1 -1
  221. package/es/components/content/PrismCode/PrismCode.js +1 -1
  222. package/es/components/content/Result/Result.js +4 -3
  223. package/es/components/content/Skeleton/Skeleton.js +1 -1
  224. package/es/components/content/Tag/Tag.js +1 -1
  225. package/es/components/content/Text.js +4 -2
  226. package/es/components/content/Title.js +1 -1
  227. package/es/components/forms/Checkbox/Checkbox.js +3 -2
  228. package/es/components/forms/Checkbox/CheckboxGroup.js +3 -2
  229. package/es/components/forms/Checkbox/context.js +1 -1
  230. package/es/components/forms/FieldWrapper.js +52 -46
  231. package/es/components/forms/FileInput/FileInput.js +3 -2
  232. package/es/components/forms/Form/Field.js +17 -7
  233. package/es/components/forms/Form/Form.js +1 -1
  234. package/es/components/forms/Form/index.js +1 -1
  235. package/es/components/forms/Form/useForm.js +1 -1
  236. package/es/components/forms/Form/validation.js +1 -1
  237. package/es/components/forms/Label.js +1 -1
  238. package/es/components/forms/NumberInput/NumberInput.js +1 -1
  239. package/es/components/forms/NumberInput/StepButton.js +1 -1
  240. package/es/components/forms/PasswordInput/PasswordInput.js +1 -1
  241. package/es/components/forms/RadioGroup/Radio.js +1 -1
  242. package/es/components/forms/RadioGroup/RadioGroup.js +3 -2
  243. package/es/components/forms/RadioGroup/context.js +1 -1
  244. package/es/components/forms/SearchInput/SearchInput.js +1 -1
  245. package/es/components/forms/Switch/Switch.js +3 -2
  246. package/es/components/forms/TextArea/TextArea.js +1 -1
  247. package/es/components/forms/TextInput/TextInput.js +1 -1
  248. package/es/components/forms/TextInput/TextInputBase.js +3 -2
  249. package/es/components/forms/index.js +1 -1
  250. package/es/components/layout/Flex.js +1 -1
  251. package/es/components/layout/Flow.js +1 -1
  252. package/es/components/layout/Grid.js +1 -1
  253. package/es/components/layout/Prefix.js +1 -1
  254. package/es/components/layout/Space.js +1 -1
  255. package/es/components/layout/Suffix.js +1 -1
  256. package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  257. package/es/components/navigation/Link/Link.js +1 -1
  258. package/es/components/organisms/Alert/Alert.js +1 -1
  259. package/es/components/organisms/CopySnippet/CopySnippet.js +1 -1
  260. package/es/components/organisms/DirectoryTree/DirectoryTree.js +1 -1
  261. package/es/components/organisms/FileTabs/FileTabs.js +1 -1
  262. package/es/components/organisms/Modal/Modal.js +1 -1
  263. package/es/components/organisms/SearchResults/SearchResults.js +1 -1
  264. package/es/components/organisms/StatsCard/StatsCard.js +1 -1
  265. package/es/components/organisms/TopBar/TopBar.js +1 -1
  266. package/es/components/other/Base64Upload/Base64Upload.js +1 -1
  267. package/es/components/other/CloudLogo/CloudLogo.js +1 -1
  268. package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
  269. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  270. package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  271. package/es/components/overlays/AlertDialog/index.js +1 -1
  272. package/es/components/overlays/AlertDialog/types.js +1 -1
  273. package/es/components/overlays/Dialog/Dialog.js +4 -7
  274. package/es/components/overlays/Dialog/DialogContainer.js +1 -1
  275. package/es/components/overlays/Dialog/DialogForm.js +1 -1
  276. package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
  277. package/es/components/overlays/Dialog/context.js +1 -1
  278. package/es/components/overlays/Dialog/index.js +1 -1
  279. package/es/components/overlays/Modal/Modal.js +1 -1
  280. package/es/components/overlays/Modal/OpenTransition.js +1 -1
  281. package/es/components/overlays/Modal/Overlay.js +1 -1
  282. package/es/components/overlays/Modal/Popover.js +1 -1
  283. package/es/components/overlays/Modal/Tray.js +1 -1
  284. package/es/components/overlays/Modal/Underlay.js +1 -1
  285. package/es/components/overlays/Modal/index.js +1 -1
  286. package/es/components/overlays/Notification/Notification.js +1 -1
  287. package/es/components/overlays/OverlayWrapper.js +1 -1
  288. package/es/components/overlays/Tooltip/Tooltip.js +1 -1
  289. package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
  290. package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  291. package/es/components/overlays/Tooltip/context.js +1 -1
  292. package/es/components/pickers/ComboBox/ComboBox.js +3 -2
  293. package/es/components/pickers/Menu/Menu.js +72 -0
  294. package/es/components/pickers/Menu/MenuButton.js +63 -0
  295. package/es/components/pickers/Menu/MenuItem.js +52 -0
  296. package/es/components/pickers/Menu/MenuSection.js +30 -0
  297. package/es/components/pickers/Menu/MenuTrigger.js +89 -0
  298. package/es/components/pickers/Menu/context.js +14 -0
  299. package/es/components/pickers/Menu/styled.js +86 -0
  300. package/es/components/pickers/Select/Select.js +3 -2
  301. package/es/components/portal/Portal.js +1 -1
  302. package/es/components/portal/PortalProvider.js +1 -1
  303. package/es/components/portal/index.js +1 -1
  304. package/es/components/portal/storybook/templates/CustomRoot.js +16 -0
  305. package/es/components/portal/storybook/templates/PortalOrder.js +13 -0
  306. package/es/components/portal/storybook/templates/basic.js +1 -1
  307. package/es/components/portal/storybook/templates/index.js +3 -1
  308. package/es/components/portal/types.js +1 -1
  309. package/es/components/portal/usePortal.js +1 -1
  310. package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  311. package/es/components/status/Spin/Spin.js +1 -1
  312. package/es/components/types.js +1 -1
  313. package/es/data/themes.js +1 -1
  314. package/es/index.js +4 -2
  315. package/es/provider.js +1 -1
  316. package/es/providers/BreakpointsProvider.js +1 -1
  317. package/es/providers/StylesProvider.js +1 -1
  318. package/es/services/notification.js +1 -1
  319. package/es/shared/form.js +1 -1
  320. package/es/shared/index.js +1 -1
  321. package/es/stories/FormFieldArgs.js +7 -2
  322. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  323. package/es/stories/components/DialogFormApp.js +1 -1
  324. package/es/stories/components/StyledButton.js +1 -1
  325. package/es/stories/lists/baseProps.js +1 -1
  326. package/es/styled/index.js +1 -1
  327. package/es/styled/styled.js +6 -4
  328. package/es/styles/align.js +1 -1
  329. package/es/styles/border.js +1 -1
  330. package/es/styles/boxShadow.combinator.js +1 -1
  331. package/es/styles/color.js +1 -1
  332. package/es/styles/createStyle.js +1 -1
  333. package/es/styles/dimension.js +1 -1
  334. package/es/styles/display.js +1 -1
  335. package/es/styles/fill.js +1 -1
  336. package/es/styles/flow.js +1 -1
  337. package/es/styles/font.js +1 -1
  338. package/es/styles/fontStyle.js +1 -1
  339. package/es/styles/gap.js +1 -1
  340. package/es/styles/groupRadius.js +1 -1
  341. package/es/styles/height.js +1 -1
  342. package/es/styles/index.js +1 -1
  343. package/es/styles/justify.js +1 -1
  344. package/es/styles/list.js +1 -1
  345. package/es/styles/margin.js +1 -1
  346. package/es/styles/marginBlock.js +1 -1
  347. package/es/styles/marginInline.js +1 -1
  348. package/es/styles/outline.js +1 -1
  349. package/es/styles/padding.js +1 -1
  350. package/es/styles/paddingBlock.js +1 -1
  351. package/es/styles/paddingInline.js +1 -1
  352. package/es/styles/predefined.js +1 -1
  353. package/es/styles/preset.js +1 -1
  354. package/es/styles/radius.js +1 -1
  355. package/es/styles/reset.js +1 -1
  356. package/es/styles/shadow.js +1 -1
  357. package/es/styles/styledScrollbar.js +1 -1
  358. package/es/styles/transition.js +1 -1
  359. package/es/styles/types.js +1 -1
  360. package/es/styles/width.js +1 -1
  361. package/es/test/index.js +10 -0
  362. package/es/test/setup.js +3 -1
  363. package/es/test/utils/index.js +10 -0
  364. package/es/test/utils/wait.js +12 -0
  365. package/es/tokens.js +3 -3
  366. package/es/utils/ResizeSensor.js +1 -1
  367. package/es/utils/colors.js +1 -1
  368. package/es/utils/dotize.js +1 -1
  369. package/es/utils/escape-string.js +1 -1
  370. package/es/utils/filterBaseProps.js +1 -1
  371. package/es/utils/index.js +1 -1
  372. package/es/utils/interactions.js +1 -1
  373. package/es/utils/mergeStyles.js +1 -1
  374. package/es/utils/modules.js +1 -1
  375. package/es/utils/promise.js +1 -1
  376. package/es/utils/react/Slots.js +1 -1
  377. package/es/utils/react/chain.js +1 -1
  378. package/es/utils/react/index.js +1 -1
  379. package/es/utils/react/isTextOnly.js +1 -1
  380. package/es/utils/react/mapProps.js +1 -1
  381. package/es/utils/react/mergeProps.js +1 -1
  382. package/es/utils/react/modAttrs.js +1 -1
  383. package/es/utils/react/nullableValue.js +1 -1
  384. package/es/utils/react/useCombinedRefs.js +1 -1
  385. package/es/utils/react/useId.js +1 -1
  386. package/es/utils/react/useLayoutEffect.js +1 -1
  387. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  388. package/es/utils/renderStyles.js +1 -1
  389. package/es/utils/responsive.js +1 -1
  390. package/es/utils/string.js +1 -1
  391. package/es/utils/styles.js +1 -1
  392. package/es/utils/transitions.js +1 -1
  393. package/es/utils/tree.js +1 -1
  394. package/es/utils/warnings.js +1 -1
  395. package/package.json +6 -3
  396. package/types/components/content/Result/Result.d.ts +8 -1
  397. package/types/components/pickers/Menu/Menu.d.ts +28 -0
  398. package/types/components/pickers/Menu/MenuButton.d.ts +8 -0
  399. package/types/components/pickers/Menu/MenuItem.d.ts +12 -0
  400. package/types/components/pickers/Menu/MenuSection.d.ts +10 -0
  401. package/types/components/pickers/Menu/MenuTrigger.d.ts +19 -0
  402. package/types/components/pickers/Menu/context.d.ts +11 -0
  403. package/types/components/pickers/Menu/styled.d.ts +160 -0
  404. package/types/components/portal/storybook/templates/CustomRoot.d.ts +3 -0
  405. package/types/components/portal/storybook/templates/PortalOrder.d.ts +3 -0
  406. package/types/components/portal/storybook/templates/index.d.ts +2 -0
  407. package/types/index.d.ts +5 -1
  408. package/types/shared/form.d.ts +6 -2
  409. package/types/stories/FormFieldArgs.d.ts +6 -0
  410. package/types/styled/styled.d.ts +2 -1
  411. package/types/test/index.d.ts +1 -0
  412. package/types/test/utils/index.d.ts +1 -0
  413. package/types/test/utils/wait.d.ts +1 -0
package/es/components/forms/TextInput/TextInputBase.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -73,7 +73,7 @@ export const DEFAULT_INPUT_STYLES = {
73
73
  function TextInputBase(props, ref) {
74
74
  props = useProviderProps(props);
75
75
  props = useFormProps(props);
76
- let { qa, label, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, ...otherProps } = props;
76
+ let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, ...otherProps } = props;
77
77
  let [suffixWidth, setSuffixWidth] = useState(0);
78
78
  let [prefixWidth, setPrefixWidth] = useState(0);
79
79
  let styles = extractStyles(otherProps, STYLE_LIST);
@@ -141,6 +141,7 @@ function TextInputBase(props, ref) {
141
141
  return (_jsx(FieldWrapper, { ...{
142
142
  labelPosition,
143
143
  label,
144
+ extra,
144
145
  styles,
145
146
  isRequired,
146
147
  labelStyles,
package/es/components/forms/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/layout/Flex.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/layout/Flow.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/layout/Grid.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/layout/Prefix.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/layout/Space.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/layout/Suffix.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/navigation/LegacyTabs/LegacyTabs.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/navigation/Link/Link.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/organisms/Alert/Alert.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/organisms/CopySnippet/CopySnippet.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/organisms/DirectoryTree/DirectoryTree.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/organisms/FileTabs/FileTabs.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/organisms/Modal/Modal.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/organisms/SearchResults/SearchResults.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/organisms/StatsCard/StatsCard.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/organisms/TopBar/TopBar.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/other/Base64Upload/Base64Upload.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/other/CloudLogo/CloudLogo.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/AlertDialog/AlertDialog.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/AlertDialog/AlertDialogZone.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/AlertDialog/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/AlertDialog/types.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Dialog/Dialog.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -127,13 +127,10 @@ function Dialog(props, ref) {
127
127
  content: {
128
128
  styles: {
129
129
  flexGrow: 1,
130
- padding: {
131
- '': '@dialog-content-padding-v @dialog-padding-h 0 @dialog-padding-h',
132
- ':last-child': '@dialog-content-padding-v @dialog-padding-h',
133
- },
130
+ padding: '@dialog-content-padding-v @dialog-padding-h 0 @dialog-padding-h',
134
131
  margin: {
135
- '': '@dialog-content-padding-v bottom',
136
- ':last-child': '0',
132
+ '': '0',
133
+ ':last-child': '@dialog-content-padding-v bottom',
137
134
  },
138
135
  gap: '@dialog-content-gap',
139
136
  height: {
package/es/components/overlays/Dialog/DialogContainer.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Dialog/DialogForm.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Dialog/DialogTrigger.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Dialog/context.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Dialog/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Modal/Modal.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Modal/OpenTransition.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Modal/Overlay.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Modal/Popover.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Modal/Tray.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Modal/Underlay.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Modal/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Notification/Notification.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/OverlayWrapper.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Tooltip/Tooltip.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Tooltip/TooltipProvider.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Tooltip/TooltipTrigger.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/overlays/Tooltip/context.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/pickers/ComboBox/ComboBox.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.9.8
4
+ * @cube-dev/ui-kit v0.9.11
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -61,7 +61,7 @@ function ComboBox(props, ref) {
61
61
  var _a;
62
62
  props = useProviderProps(props);
63
63
  props = useFormProps(props);
64
- let { qa, label, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, multiLine, autoFocus, inputRef, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, triggerStyles, suffix, listBoxStyles, overlayStyles, hideTrigger, message, description, size, autoComplete = 'off', direction = 'bottom', shouldFlip = true, requiredMark = true, menuTrigger = 'input', loadingState, filter, styles, ...otherProps } = props;
64
+ let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, multiLine, autoFocus, inputRef, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, triggerStyles, suffix, listBoxStyles, overlayStyles, hideTrigger, message, description, size, autoComplete = 'off', direction = 'bottom', shouldFlip = true, requiredMark = true, menuTrigger = 'input', loadingState, filter, styles, ...otherProps } = props;
65
65
  let isAsync = loadingState != null;
66
66
  let { contains } = useFilter({ sensitivity: 'base' });
67
67
  let [suffixWidth, setSuffixWidth] = useState(0);
@@ -146,6 +146,7 @@ function ComboBox(props, ref) {
146
146
  return (_jsx(FieldWrapper, { ...{
147
147
  labelPosition,
148
148
  label,
149
+ extra,
149
150
  styles,
150
151
  isRequired,
151
152
  labelStyles,
package/es/components/pickers/Menu/Menu.js ADDED
@@ -0,0 +1,72 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.9.11
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
+ import React from 'react';
10
+ import { Item as BaseItem, Section as BaseSection, } from '@react-stately/collections';
11
+ import { useMenu } from '@react-aria/menu';
12
+ import { mergeProps, useSyncRef } from '@react-aria/utils';
13
+ import { useDOMRef } from '@react-spectrum/utils';
14
+ import { useTreeState } from '@react-stately/tree';
15
+ import { useContextStyles } from '../../../providers/StylesProvider';
16
+ import { CONTAINER_STYLES } from '../../../styles/list';
17
+ import { extractStyles } from '../../../utils/styles';
18
+ import { StyledMenu, StyledMenuHeader } from './styled';
19
+ import { MenuItem } from './MenuItem';
20
+ import { MenuSection } from './MenuSection';
21
+ import { useMenuContext } from './context';
22
+ function Menu(props, ref) {
23
+ const domRef = useDOMRef(ref);
24
+ const contextProps = useMenuContext();
25
+ const { header, footer, styles } = props;
26
+ const completeProps = {
27
+ ...mergeProps(contextProps, props, {
28
+ mods: {
29
+ footer: !!footer,
30
+ header: !!header,
31
+ },
32
+ }),
33
+ };
34
+ const state = useTreeState(completeProps);
35
+ const { menuProps } = useMenu(completeProps, state, domRef);
36
+ const containerStyles = extractStyles(completeProps, CONTAINER_STYLES);
37
+ const menuStyles = useContextStyles('Menu', props) || {};
38
+ const completeStyles = {
39
+ ...menuStyles,
40
+ ...containerStyles,
41
+ ...styles,
42
+ };
43
+ useSyncRef(contextProps, domRef);
44
+ return (_jsxs(StyledMenu, { ...mergeProps(menuProps, completeProps), styles: completeStyles, ref: domRef, children: [header && _jsx(StyledMenuHeader, { children: header }, void 0), [...state.collection].map((item) => {
45
+ if (item.type === 'section') {
46
+ return (_jsx(MenuSection, { item: item, state: state, onAction: completeProps.onAction }, item.key));
47
+ }
48
+ let menuItem = (_jsx(MenuItem, { item: item, state: state, onAction: completeProps.onAction }, item.key));
49
+ if (item.wrapper) {
50
+ menuItem = item.wrapper(menuItem);
51
+ }
52
+ return menuItem;
53
+ })] }, void 0));
54
+ }
55
+ // forwardRef doesn't support generic parameters, so cast the result to the correct type
56
+ // https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
57
+ const _Menu = React.forwardRef(Menu);
58
+ const Item = Object.assign(BaseItem, {
59
+ displayName: 'Item',
60
+ });
61
+ const Section = Object.assign(BaseSection, {
62
+ displayName: 'Section',
63
+ });
64
+ const __Menu = Object.assign(_Menu, {
65
+ Item,
66
+ Section,
67
+ displayName: 'Menu',
68
+ });
69
+ __Menu.displayName = 'Menu';
70
+ export { __Menu as Menu };
71
+
72
+
package/es/components/pickers/Menu/MenuButton.js ADDED
@@ -0,0 +1,63 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.9.11
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
+ import { Button } from '../../actions';
10
+ import { Text } from '../../content/Text';
11
+ import { Space } from '../../layout/Space';
12
+ import { CheckOutlined } from '@ant-design/icons';
13
+ const ACTION_BUTTON = {
14
+ border: {
15
+ '': '#clear',
16
+ pressed: '#clear',
17
+ },
18
+ fill: {
19
+ '': '#clear',
20
+ hovered: '#dark.04',
21
+ 'pressed | selected': '#purple.1',
22
+ disabled: '#clear',
23
+ },
24
+ color: {
25
+ '': '#dark-02',
26
+ hovered: '#dark-02',
27
+ 'pressed | selected': '#purple-text',
28
+ disabled: '#dark-04',
29
+ },
30
+ cursor: {
31
+ '': 'pointer',
32
+ disabled: 'default',
33
+ },
34
+ shadow: '#clear',
35
+ padding: {
36
+ '': '(0.75x - 1px) (1.5x - 1px)',
37
+ 'selectable & !selected': '(0.75x - 1px) (1.5x - 1px) (0.75x - 1px) (1.5x - 1px + 22px)',
38
+ },
39
+ display: 'flex',
40
+ flow: 'row',
41
+ justifyContent: 'start',
42
+ Postfix: {
43
+ color: {
44
+ '': '#dark-03',
45
+ hovered: '#dark-03',
46
+ 'pressed | selected': '#purple-text',
47
+ disabled: '#dark-04',
48
+ },
49
+ },
50
+ };
51
+ const getPostfix = (postfix) => typeof postfix === 'string' ? (_jsx(Text, { nowrap: true, color: "inherit", "data-element": "Postfix", children: postfix }, void 0)) : (postfix);
52
+ export function MenuButton({ children, icon, postfix, ...props }) {
53
+ const { isSelected, isSelectable } = props;
54
+ const checkIcon = isSelectable && isSelected ? _jsx(CheckOutlined, {}, void 0) : null;
55
+ const mods = {
56
+ ...props.mods,
57
+ selectable: isSelectable,
58
+ selected: isSelected,
59
+ };
60
+ return (_jsxs(Button, { type: "neutral", size: "small", styles: ACTION_BUTTON, ...props, icon: checkIcon, mods: mods, children: [icon && _jsx(Text, { color: "inherit", children: icon }, void 0), _jsxs(Space, { gap: "1x", placeContent: "space-between", overflow: "auto", width: "100%", children: [_jsx(Text, { color: "inherit", ellipsis: true, children: children }, void 0), postfix && getPostfix(postfix)] }, void 0)] }, void 0));
61
+ }
62
+
63
+