@cube-dev/ui-kit 0.0.0-canary-1be35be → 0.0.0-canary-f2f75e5

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 (643) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/cjs/_internal/hooks/index.js +12 -4
  3. package/cjs/_internal/hooks/use-chained-callback.js +2 -1
  4. package/cjs/_internal/hooks/use-deprecation-warning.js +6 -2
  5. package/cjs/_internal/hooks/use-effect-once.js +18 -0
  6. package/cjs/_internal/hooks/use-event.js +1 -1
  7. package/cjs/_internal/hooks/use-is-first-render.js +22 -0
  8. package/cjs/_internal/hooks/use-sync-ref.js +1 -1
  9. package/cjs/_internal/hooks/use-timer/index.js +6 -2
  10. package/cjs/_internal/hooks/use-timer/timer.js +1 -1
  11. package/cjs/_internal/hooks/use-timer/use-timer.js +1 -1
  12. package/cjs/_internal/hooks/use-update-effect.js +24 -0
  13. package/cjs/_internal/hooks/use-warn.js +50 -0
  14. package/cjs/_internal/index.js +6 -2
  15. package/cjs/components/Base.js +2 -2
  16. package/cjs/components/Block.js +2 -2
  17. package/cjs/components/GlobalStyles.js +1 -1
  18. package/cjs/components/GridProvider.js +7 -3
  19. package/cjs/components/HiddenInput.js +1 -1
  20. package/cjs/components/OpenTrasition.js +2 -2
  21. package/cjs/components/Root.js +2 -2
  22. package/cjs/components/actions/Action.js +2 -2
  23. package/cjs/components/actions/Button/Button.js +2 -2
  24. package/cjs/components/actions/Button/index.js +6 -3
  25. package/cjs/components/actions/ButtonGroup/ButtonGroup.js +2 -2
  26. package/cjs/components/actions/index.js +6 -2
  27. package/cjs/components/actions/use-action.js +1 -1
  28. package/cjs/components/content/ActiveZone/ActiveZone.js +2 -2
  29. package/cjs/components/content/Alert/Alert.js +2 -2
  30. package/cjs/components/content/Alert/index.js +6 -2
  31. package/cjs/components/content/Alert/types.js +1 -1
  32. package/cjs/components/content/Alert/use-alert.js +1 -1
  33. package/cjs/components/content/Avatar/Avatar.js +2 -2
  34. package/cjs/components/content/Badge/Badge.js +2 -2
  35. package/cjs/components/content/Card/Card.js +2 -2
  36. package/cjs/components/content/Content.js +2 -2
  37. package/cjs/components/content/CopySnippet/CopySnippet.js +4 -4
  38. package/cjs/components/content/CopySnippet/index.js +6 -2
  39. package/cjs/components/content/Divider.js +2 -2
  40. package/cjs/components/content/Footer.js +2 -2
  41. package/cjs/components/content/Header.js +2 -2
  42. package/cjs/components/content/Paragraph.js +2 -2
  43. package/cjs/components/content/Placeholder/Placeholder.js +2 -2
  44. package/cjs/components/content/PrismCode/PrismCode.js +2 -2
  45. package/cjs/components/content/Result/Result.js +3 -3
  46. package/cjs/components/content/Skeleton/Skeleton.js +12 -12
  47. package/cjs/components/content/Tag/Tag.js +3 -3
  48. package/cjs/components/content/Text.js +8 -8
  49. package/cjs/components/content/Title.js +4 -4
  50. package/cjs/components/forms/Checkbox/Checkbox.js +31 -14
  51. package/cjs/components/forms/Checkbox/CheckboxGroup.js +30 -25
  52. package/cjs/components/forms/Checkbox/context.js +1 -1
  53. package/cjs/components/forms/{FieldWrapper.js → FieldWrapper/FieldWrapper.js} +22 -20
  54. package/cjs/components/forms/FieldWrapper/extract-field-wrapper-props.js +50 -0
  55. package/cjs/components/forms/FieldWrapper/index.js +28 -0
  56. package/cjs/components/forms/FieldWrapper/types.js +11 -0
  57. package/cjs/components/forms/FileInput/FileInput.js +5 -5
  58. package/cjs/components/forms/Form/{Field.js → Field/LegacyField.js} +48 -27
  59. package/cjs/components/forms/Form/Field/index.js +29 -0
  60. package/cjs/components/forms/Form/Field/types.js +11 -0
  61. package/cjs/components/forms/Form/Field/use-field-props.js +61 -0
  62. package/cjs/components/forms/Form/Field/use-field.js +133 -0
  63. package/cjs/components/forms/Form/Form.js +3 -3
  64. package/cjs/components/forms/Form/Submit/Submit.js +25 -0
  65. package/cjs/components/forms/Form/Submit/index.js +26 -0
  66. package/cjs/components/forms/Form/SubmitError.js +2 -2
  67. package/cjs/components/forms/Form/index.js +20 -3
  68. package/cjs/components/forms/Form/types.js +1 -1
  69. package/cjs/components/forms/Form/useForm.js +2 -1
  70. package/cjs/components/forms/Form/validation.js +1 -1
  71. package/cjs/components/forms/Input/Input.js +3 -7
  72. package/cjs/components/forms/Input/index.js +6 -2
  73. package/cjs/components/forms/Label.js +4 -4
  74. package/cjs/components/forms/NumberInput/NumberInput.js +17 -11
  75. package/cjs/components/forms/NumberInput/StepButton.js +3 -3
  76. package/cjs/components/forms/PasswordInput/PasswordInput.js +23 -6
  77. package/cjs/components/forms/RadioGroup/Radio.js +17 -8
  78. package/cjs/components/forms/RadioGroup/RadioGroup.js +13 -5
  79. package/cjs/components/forms/RadioGroup/context.js +1 -1
  80. package/cjs/components/forms/SearchInput/SearchInput.js +4 -4
  81. package/cjs/components/forms/Slider/Gradation.js +2 -2
  82. package/cjs/components/forms/Slider/Header.js +1 -1
  83. package/cjs/components/forms/Slider/RangeSlider.js +3 -3
  84. package/cjs/components/forms/Slider/Slider.js +5 -4
  85. package/cjs/components/forms/Slider/SliderBase.js +5 -5
  86. package/cjs/components/forms/Slider/SliderInput.js +2 -2
  87. package/cjs/components/forms/Slider/SliderThumb.js +2 -2
  88. package/cjs/components/forms/Slider/SliderTrack.js +2 -2
  89. package/cjs/components/forms/Slider/elements.js +1 -1
  90. package/cjs/components/forms/Slider/index.js +6 -2
  91. package/cjs/components/forms/Slider/types.js +1 -1
  92. package/cjs/components/forms/Switch/Switch.js +19 -15
  93. package/cjs/components/forms/TextArea/TextArea.js +30 -27
  94. package/cjs/components/forms/TextInput/TextInput.js +16 -9
  95. package/cjs/components/forms/TextInput/TextInputBase.js +12 -40
  96. package/cjs/components/forms/TextInput/index.js +27 -0
  97. package/cjs/components/forms/index.js +6 -2
  98. package/cjs/components/layout/Flex.js +2 -2
  99. package/cjs/components/layout/Flow.js +2 -2
  100. package/cjs/components/layout/Grid.js +2 -2
  101. package/cjs/components/layout/Prefix.js +2 -2
  102. package/cjs/components/layout/Space.js +2 -2
  103. package/cjs/components/layout/Suffix.js +2 -2
  104. package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +4 -4
  105. package/cjs/components/navigation/Link/Link.js +2 -2
  106. package/cjs/components/organisms/FileTabs/FileTabs.js +4 -4
  107. package/cjs/components/organisms/Modal/Modal.js +3 -3
  108. package/cjs/components/organisms/StatsCard/StatsCard.js +2 -2
  109. package/cjs/components/other/Base64Upload/Base64Upload.js +2 -2
  110. package/cjs/components/other/CloudLogo/CloudLogo.js +2 -2
  111. package/cjs/components/overlays/AlertDialog/AlertDialog.js +2 -2
  112. package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +2 -2
  113. package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +2 -2
  114. package/cjs/components/overlays/AlertDialog/index.js +6 -2
  115. package/cjs/components/overlays/AlertDialog/types.js +1 -1
  116. package/cjs/components/overlays/Dialog/Dialog.js +17 -5
  117. package/cjs/components/overlays/Dialog/DialogContainer.js +2 -2
  118. package/cjs/components/overlays/Dialog/DialogForm.js +4 -6
  119. package/cjs/components/overlays/Dialog/DialogTrigger.js +11 -11
  120. package/cjs/components/overlays/Dialog/context.js +1 -1
  121. package/cjs/components/overlays/Dialog/index.js +6 -2
  122. package/cjs/components/overlays/Modal/Modal.js +23 -9
  123. package/cjs/components/overlays/Modal/OpenTransition.js +12 -3
  124. package/cjs/components/overlays/Modal/Overlay.js +6 -4
  125. package/cjs/components/overlays/Modal/Popover.js +20 -5
  126. package/cjs/components/overlays/Modal/Tray.js +14 -4
  127. package/cjs/components/overlays/Modal/Underlay.js +2 -2
  128. package/cjs/components/overlays/Modal/index.js +16 -1
  129. package/cjs/components/overlays/Modal/types.js +11 -0
  130. package/cjs/components/overlays/NewNotifications/Bar/FloatingNotification.js +2 -2
  131. package/cjs/components/overlays/NewNotifications/Bar/NotificationsBar.js +2 -2
  132. package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js +2 -2
  133. package/cjs/components/overlays/NewNotifications/Bar/index.js +6 -2
  134. package/cjs/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +3 -3
  135. package/cjs/components/overlays/NewNotifications/Dialog/index.js +6 -2
  136. package/cjs/components/overlays/NewNotifications/Notification.js +4 -4
  137. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationAction.js +2 -2
  138. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +3 -3
  139. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +2 -2
  140. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +7 -3
  141. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +2 -2
  142. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +5 -5
  143. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +2 -2
  144. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationView.js +2 -2
  145. package/cjs/components/overlays/NewNotifications/NotificationView/index.js +6 -2
  146. package/cjs/components/overlays/NewNotifications/NotificationView/types.js +1 -1
  147. package/cjs/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +2 -2
  148. package/cjs/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
  149. package/cjs/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +1 -1
  150. package/cjs/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +2 -2
  151. package/cjs/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +2 -2
  152. package/cjs/components/overlays/NewNotifications/NotificationsList/index.js +6 -2
  153. package/cjs/components/overlays/NewNotifications/NotificationsList/types.js +1 -1
  154. package/cjs/components/overlays/NewNotifications/hooks/index.js +6 -2
  155. package/cjs/components/overlays/NewNotifications/hooks/types.js +1 -1
  156. package/cjs/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
  157. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
  158. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
  159. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-observer.js +1 -1
  160. package/cjs/components/overlays/NewNotifications/index.js +6 -2
  161. package/cjs/components/overlays/NewNotifications/types.js +1 -1
  162. package/cjs/components/overlays/Notification/Notification.js +2 -2
  163. package/cjs/components/overlays/OverlayWrapper.js +3 -3
  164. package/cjs/components/overlays/Toasts/Toast.js +4 -4
  165. package/cjs/components/overlays/Toasts/index.js +6 -2
  166. package/cjs/components/overlays/Toasts/types.js +1 -1
  167. package/cjs/components/overlays/Toasts/use-toasts-api.js +1 -1
  168. package/cjs/components/overlays/Tooltip/Tooltip.js +2 -2
  169. package/cjs/components/overlays/Tooltip/TooltipProvider.js +2 -2
  170. package/cjs/components/overlays/Tooltip/TooltipTrigger.js +4 -4
  171. package/cjs/components/overlays/Tooltip/context.js +1 -1
  172. package/cjs/components/pickers/ComboBox/ComboBox.js +31 -19
  173. package/cjs/components/pickers/Menu/Menu.js +3 -3
  174. package/cjs/components/pickers/Menu/MenuButton.js +5 -5
  175. package/cjs/components/pickers/Menu/MenuItem.js +3 -3
  176. package/cjs/components/pickers/Menu/MenuSection.js +3 -3
  177. package/cjs/components/pickers/Menu/MenuTrigger.js +10 -6
  178. package/cjs/components/pickers/Menu/context.js +6 -2
  179. package/cjs/components/pickers/Menu/styled.js +1 -1
  180. package/cjs/components/pickers/Select/Select.js +26 -11
  181. package/cjs/components/portal/Portal.js +2 -2
  182. package/cjs/components/portal/PortalProvider.js +1 -1
  183. package/cjs/components/portal/index.js +6 -2
  184. package/cjs/components/portal/storybook/templates/CustomRoot.js +2 -2
  185. package/cjs/components/portal/storybook/templates/PortalOrder.js +2 -2
  186. package/cjs/components/portal/storybook/templates/basic.js +2 -2
  187. package/cjs/components/portal/storybook/templates/index.js +6 -2
  188. package/cjs/components/portal/types.js +1 -1
  189. package/cjs/components/portal/usePortal.js +1 -1
  190. package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +3 -3
  191. package/cjs/components/status/LoadingAnimation/index.js +1 -1
  192. package/cjs/components/status/Spin/Cube.js +1 -1
  193. package/cjs/components/status/Spin/InternalSpinner.js +2 -2
  194. package/cjs/components/status/Spin/Spin.js +3 -3
  195. package/cjs/components/status/Spin/SpinsContainer.js +1 -1
  196. package/cjs/components/status/Spin/index.js +6 -2
  197. package/cjs/components/status/Spin/types.js +1 -1
  198. package/cjs/components/status/index.js +6 -2
  199. package/cjs/data/themes.js +1 -1
  200. package/cjs/icons/Attention.js +2 -2
  201. package/cjs/icons/Cross.js +2 -2
  202. package/cjs/icons/Danger.js +2 -2
  203. package/cjs/icons/Success.js +2 -2
  204. package/cjs/icons/index.js +6 -2
  205. package/cjs/index.js +9 -7
  206. package/cjs/provider.js +3 -3
  207. package/cjs/providers/StyleProvider.js +2 -2
  208. package/cjs/services/notification.js +2 -2
  209. package/cjs/shared/form.js +1 -1
  210. package/cjs/shared/index.js +6 -2
  211. package/cjs/styled/index.js +6 -2
  212. package/cjs/styled/styled.js +9 -5
  213. package/cjs/tasty/index.js +6 -2
  214. package/cjs/tasty/providers/BreakpointsProvider.js +2 -2
  215. package/cjs/tasty/styles/align.js +1 -1
  216. package/cjs/tasty/styles/border.js +1 -1
  217. package/cjs/tasty/styles/boxShadow.combinator.js +1 -1
  218. package/cjs/tasty/styles/color.js +1 -1
  219. package/cjs/tasty/styles/createStyle.js +1 -1
  220. package/cjs/tasty/styles/dimension.js +1 -1
  221. package/cjs/tasty/styles/display.js +1 -1
  222. package/cjs/tasty/styles/fill.js +1 -1
  223. package/cjs/tasty/styles/flow.js +1 -1
  224. package/cjs/tasty/styles/font.js +1 -1
  225. package/cjs/tasty/styles/fontStyle.js +1 -1
  226. package/cjs/tasty/styles/gap.js +1 -1
  227. package/cjs/tasty/styles/groupRadius.js +1 -1
  228. package/cjs/tasty/styles/height.js +1 -1
  229. package/cjs/tasty/styles/index.js +6 -2
  230. package/cjs/tasty/styles/justify.js +1 -1
  231. package/cjs/tasty/styles/list.js +1 -1
  232. package/cjs/tasty/styles/margin.js +1 -1
  233. package/cjs/tasty/styles/marginBlock.js +1 -1
  234. package/cjs/tasty/styles/marginInline.js +1 -1
  235. package/cjs/tasty/styles/outline.js +1 -1
  236. package/cjs/tasty/styles/padding.js +1 -1
  237. package/cjs/tasty/styles/paddingBlock.js +1 -1
  238. package/cjs/tasty/styles/paddingInline.js +1 -1
  239. package/cjs/tasty/styles/predefined.js +1 -1
  240. package/cjs/tasty/styles/preset.js +1 -1
  241. package/cjs/tasty/styles/radius.js +1 -1
  242. package/cjs/tasty/styles/reset.js +1 -1
  243. package/cjs/tasty/styles/shadow.js +1 -1
  244. package/cjs/tasty/styles/styledScrollbar.js +1 -1
  245. package/cjs/tasty/styles/transition.js +1 -1
  246. package/cjs/tasty/styles/types.js +1 -1
  247. package/cjs/tasty/styles/width.js +1 -1
  248. package/cjs/tasty/tasty.js +9 -5
  249. package/cjs/tasty/types.js +1 -1
  250. package/cjs/tasty/utils/colors.js +1 -1
  251. package/cjs/tasty/utils/dotize.js +1 -1
  252. package/cjs/tasty/utils/filterBaseProps.js +1 -1
  253. package/cjs/tasty/utils/get-display-name.js +1 -1
  254. package/cjs/tasty/utils/index.js +1 -1
  255. package/cjs/tasty/utils/mergeStyles.js +1 -1
  256. package/cjs/tasty/utils/modAttrs.js +1 -1
  257. package/cjs/tasty/utils/renderStyles.js +1 -1
  258. package/cjs/tasty/utils/responsive.js +1 -1
  259. package/cjs/tasty/utils/string.js +1 -1
  260. package/cjs/tasty/utils/styles.js +1 -1
  261. package/cjs/tasty/utils/warnings.js +1 -1
  262. package/cjs/test/index.js +14 -2
  263. package/cjs/test/render.js +7 -3
  264. package/cjs/test/setup.js +48 -4
  265. package/cjs/test/utils/index.js +6 -2
  266. package/cjs/test/utils/wait.js +1 -1
  267. package/cjs/tokens.js +1 -1
  268. package/cjs/type-checks.js +1 -1
  269. package/cjs/utils/ResizeSensor.js +1 -1
  270. package/cjs/utils/modules.js +1 -1
  271. package/cjs/utils/promise.js +1 -1
  272. package/cjs/utils/random.js +1 -1
  273. package/cjs/utils/range.js +1 -1
  274. package/cjs/utils/react/Slots.js +3 -3
  275. package/cjs/utils/react/chain.js +1 -1
  276. package/cjs/utils/react/index.js +1 -1
  277. package/cjs/utils/react/interactions.js +1 -1
  278. package/cjs/utils/react/isTextOnly.js +1 -1
  279. package/cjs/utils/react/mapProps.js +1 -1
  280. package/cjs/utils/react/mergeProps.js +1 -1
  281. package/cjs/utils/react/nullableValue.js +1 -1
  282. package/cjs/utils/react/useCombinedRefs.js +1 -1
  283. package/cjs/utils/react/useId.js +1 -1
  284. package/cjs/utils/react/useLayoutEffect.js +6 -2
  285. package/cjs/utils/react/useViewportSize.js +1 -1
  286. package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
  287. package/cjs/utils/transitions.js +1 -1
  288. package/cjs/utils/tree.js +1 -1
  289. package/cjs/utils/warnings.js +2 -2
  290. package/es/_internal/hooks/index.js +7 -3
  291. package/es/_internal/hooks/use-chained-callback.js +2 -1
  292. package/es/_internal/hooks/use-deprecation-warning.js +1 -1
  293. package/es/_internal/hooks/use-effect-once.js +14 -0
  294. package/es/_internal/hooks/use-event.js +1 -1
  295. package/es/_internal/hooks/use-is-first-render.js +18 -0
  296. package/es/_internal/hooks/use-sync-ref.js +1 -1
  297. package/es/_internal/hooks/use-timer/index.js +1 -1
  298. package/es/_internal/hooks/use-timer/timer.js +1 -1
  299. package/es/_internal/hooks/use-timer/use-timer.js +1 -1
  300. package/es/_internal/hooks/use-update-effect.js +20 -0
  301. package/es/_internal/hooks/use-warn.js +23 -0
  302. package/es/_internal/index.js +1 -1
  303. package/es/components/Base.js +2 -2
  304. package/es/components/Block.js +2 -2
  305. package/es/components/GlobalStyles.js +1 -1
  306. package/es/components/GridProvider.js +2 -2
  307. package/es/components/HiddenInput.js +1 -1
  308. package/es/components/OpenTrasition.js +2 -2
  309. package/es/components/Root.js +2 -2
  310. package/es/components/actions/Action.js +2 -2
  311. package/es/components/actions/Button/Button.js +2 -2
  312. package/es/components/actions/Button/index.js +1 -2
  313. package/es/components/actions/ButtonGroup/ButtonGroup.js +2 -2
  314. package/es/components/actions/index.js +1 -1
  315. package/es/components/actions/use-action.js +1 -1
  316. package/es/components/content/ActiveZone/ActiveZone.js +2 -2
  317. package/es/components/content/Alert/Alert.js +2 -2
  318. package/es/components/content/Alert/index.js +1 -1
  319. package/es/components/content/Alert/types.js +1 -1
  320. package/es/components/content/Alert/use-alert.js +1 -1
  321. package/es/components/content/Avatar/Avatar.js +2 -2
  322. package/es/components/content/Badge/Badge.js +2 -2
  323. package/es/components/content/Card/Card.js +2 -2
  324. package/es/components/content/Content.js +2 -2
  325. package/es/components/content/CopySnippet/CopySnippet.js +4 -4
  326. package/es/components/content/CopySnippet/index.js +1 -1
  327. package/es/components/content/Divider.js +2 -2
  328. package/es/components/content/Footer.js +2 -2
  329. package/es/components/content/Header.js +2 -2
  330. package/es/components/content/Paragraph.js +2 -2
  331. package/es/components/content/Placeholder/Placeholder.js +2 -2
  332. package/es/components/content/PrismCode/PrismCode.js +2 -2
  333. package/es/components/content/Result/Result.js +3 -3
  334. package/es/components/content/Skeleton/Skeleton.js +12 -12
  335. package/es/components/content/Tag/Tag.js +3 -3
  336. package/es/components/content/Text.js +8 -8
  337. package/es/components/content/Title.js +4 -4
  338. package/es/components/forms/Checkbox/Checkbox.js +32 -15
  339. package/es/components/forms/Checkbox/CheckboxGroup.js +30 -25
  340. package/es/components/forms/Checkbox/context.js +1 -1
  341. package/es/components/forms/{FieldWrapper.js → FieldWrapper/FieldWrapper.js} +22 -20
  342. package/es/components/forms/FieldWrapper/extract-field-wrapper-props.js +46 -0
  343. package/es/components/forms/FieldWrapper/index.js +12 -0
  344. package/es/components/forms/FieldWrapper/types.js +10 -0
  345. package/es/components/forms/FileInput/FileInput.js +4 -4
  346. package/es/components/forms/Form/{Field.js → Field/LegacyField.js} +47 -27
  347. package/es/components/forms/Form/Field/index.js +13 -0
  348. package/es/components/forms/Form/Field/types.js +10 -0
  349. package/es/components/forms/Form/Field/use-field-props.js +57 -0
  350. package/es/components/forms/Form/Field/use-field.js +129 -0
  351. package/es/components/forms/Form/Form.js +3 -3
  352. package/es/components/forms/Form/Submit/Submit.js +22 -0
  353. package/es/components/forms/Form/Submit/index.js +10 -0
  354. package/es/components/forms/Form/SubmitError.js +2 -2
  355. package/es/components/forms/Form/index.js +5 -3
  356. package/es/components/forms/Form/types.js +1 -1
  357. package/es/components/forms/Form/useForm.js +2 -1
  358. package/es/components/forms/Form/validation.js +1 -1
  359. package/es/components/forms/Input/Input.js +3 -7
  360. package/es/components/forms/Input/index.js +1 -1
  361. package/es/components/forms/Label.js +4 -4
  362. package/es/components/forms/NumberInput/NumberInput.js +17 -11
  363. package/es/components/forms/NumberInput/StepButton.js +3 -3
  364. package/es/components/forms/PasswordInput/PasswordInput.js +23 -6
  365. package/es/components/forms/RadioGroup/Radio.js +18 -9
  366. package/es/components/forms/RadioGroup/RadioGroup.js +14 -6
  367. package/es/components/forms/RadioGroup/context.js +1 -1
  368. package/es/components/forms/SearchInput/SearchInput.js +4 -4
  369. package/es/components/forms/Slider/Gradation.js +2 -2
  370. package/es/components/forms/Slider/Header.js +1 -1
  371. package/es/components/forms/Slider/RangeSlider.js +3 -3
  372. package/es/components/forms/Slider/Slider.js +5 -4
  373. package/es/components/forms/Slider/SliderBase.js +5 -5
  374. package/es/components/forms/Slider/SliderInput.js +2 -2
  375. package/es/components/forms/Slider/SliderThumb.js +2 -2
  376. package/es/components/forms/Slider/SliderTrack.js +2 -2
  377. package/es/components/forms/Slider/elements.js +1 -1
  378. package/es/components/forms/Slider/index.js +1 -1
  379. package/es/components/forms/Slider/types.js +1 -1
  380. package/es/components/forms/Switch/Switch.js +19 -15
  381. package/es/components/forms/TextArea/TextArea.js +31 -28
  382. package/es/components/forms/TextInput/TextInput.js +16 -9
  383. package/es/components/forms/TextInput/TextInputBase.js +13 -41
  384. package/es/components/forms/TextInput/index.js +11 -0
  385. package/es/components/forms/index.js +1 -1
  386. package/es/components/layout/Flex.js +2 -2
  387. package/es/components/layout/Flow.js +2 -2
  388. package/es/components/layout/Grid.js +2 -2
  389. package/es/components/layout/Prefix.js +2 -2
  390. package/es/components/layout/Space.js +2 -2
  391. package/es/components/layout/Suffix.js +2 -2
  392. package/es/components/navigation/LegacyTabs/LegacyTabs.js +4 -4
  393. package/es/components/navigation/Link/Link.js +2 -2
  394. package/es/components/organisms/FileTabs/FileTabs.js +4 -4
  395. package/es/components/organisms/Modal/Modal.js +3 -3
  396. package/es/components/organisms/StatsCard/StatsCard.js +2 -2
  397. package/es/components/other/Base64Upload/Base64Upload.js +2 -2
  398. package/es/components/other/CloudLogo/CloudLogo.js +2 -2
  399. package/es/components/overlays/AlertDialog/AlertDialog.js +2 -2
  400. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +2 -2
  401. package/es/components/overlays/AlertDialog/AlertDialogZone.js +2 -2
  402. package/es/components/overlays/AlertDialog/index.js +1 -1
  403. package/es/components/overlays/AlertDialog/types.js +1 -1
  404. package/es/components/overlays/Dialog/Dialog.js +14 -5
  405. package/es/components/overlays/Dialog/DialogContainer.js +2 -2
  406. package/es/components/overlays/Dialog/DialogForm.js +5 -7
  407. package/es/components/overlays/Dialog/DialogTrigger.js +11 -11
  408. package/es/components/overlays/Dialog/context.js +1 -1
  409. package/es/components/overlays/Dialog/index.js +1 -1
  410. package/es/components/overlays/Modal/Modal.js +23 -9
  411. package/es/components/overlays/Modal/OpenTransition.js +11 -3
  412. package/es/components/overlays/Modal/Overlay.js +6 -4
  413. package/es/components/overlays/Modal/Popover.js +21 -6
  414. package/es/components/overlays/Modal/Tray.js +14 -4
  415. package/es/components/overlays/Modal/Underlay.js +2 -2
  416. package/es/components/overlays/Modal/index.js +2 -1
  417. package/es/components/overlays/Modal/types.js +10 -0
  418. package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +2 -2
  419. package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +2 -2
  420. package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +2 -2
  421. package/es/components/overlays/NewNotifications/Bar/index.js +1 -1
  422. package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +3 -3
  423. package/es/components/overlays/NewNotifications/Dialog/index.js +1 -1
  424. package/es/components/overlays/NewNotifications/Notification.js +4 -4
  425. package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +2 -2
  426. package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +3 -3
  427. package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +2 -2
  428. package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +2 -2
  429. package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +2 -2
  430. package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +5 -5
  431. package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +2 -2
  432. package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +2 -2
  433. package/es/components/overlays/NewNotifications/NotificationView/index.js +1 -1
  434. package/es/components/overlays/NewNotifications/NotificationView/types.js +1 -1
  435. package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +2 -2
  436. package/es/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
  437. package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +1 -1
  438. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +2 -2
  439. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +2 -2
  440. package/es/components/overlays/NewNotifications/NotificationsList/index.js +1 -1
  441. package/es/components/overlays/NewNotifications/NotificationsList/types.js +1 -1
  442. package/es/components/overlays/NewNotifications/hooks/index.js +1 -1
  443. package/es/components/overlays/NewNotifications/hooks/types.js +1 -1
  444. package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
  445. package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
  446. package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
  447. package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +1 -1
  448. package/es/components/overlays/NewNotifications/index.js +1 -1
  449. package/es/components/overlays/NewNotifications/types.js +1 -1
  450. package/es/components/overlays/Notification/Notification.js +2 -2
  451. package/es/components/overlays/OverlayWrapper.js +3 -3
  452. package/es/components/overlays/Toasts/Toast.js +4 -4
  453. package/es/components/overlays/Toasts/index.js +1 -1
  454. package/es/components/overlays/Toasts/types.js +1 -1
  455. package/es/components/overlays/Toasts/use-toasts-api.js +1 -1
  456. package/es/components/overlays/Tooltip/Tooltip.js +2 -2
  457. package/es/components/overlays/Tooltip/TooltipProvider.js +2 -2
  458. package/es/components/overlays/Tooltip/TooltipTrigger.js +4 -4
  459. package/es/components/overlays/Tooltip/context.js +1 -1
  460. package/es/components/pickers/ComboBox/ComboBox.js +29 -17
  461. package/es/components/pickers/Menu/Menu.js +3 -3
  462. package/es/components/pickers/Menu/MenuButton.js +5 -5
  463. package/es/components/pickers/Menu/MenuItem.js +3 -3
  464. package/es/components/pickers/Menu/MenuSection.js +3 -3
  465. package/es/components/pickers/Menu/MenuTrigger.js +5 -5
  466. package/es/components/pickers/Menu/context.js +1 -1
  467. package/es/components/pickers/Menu/styled.js +1 -1
  468. package/es/components/pickers/Select/Select.js +27 -12
  469. package/es/components/portal/Portal.js +2 -2
  470. package/es/components/portal/PortalProvider.js +1 -1
  471. package/es/components/portal/index.js +1 -1
  472. package/es/components/portal/storybook/templates/CustomRoot.js +2 -2
  473. package/es/components/portal/storybook/templates/PortalOrder.js +2 -2
  474. package/es/components/portal/storybook/templates/basic.js +2 -2
  475. package/es/components/portal/storybook/templates/index.js +1 -1
  476. package/es/components/portal/types.js +1 -1
  477. package/es/components/portal/usePortal.js +1 -1
  478. package/es/components/status/LoadingAnimation/LoadingAnimation.js +3 -3
  479. package/es/components/status/LoadingAnimation/index.js +1 -1
  480. package/es/components/status/Spin/Cube.js +1 -1
  481. package/es/components/status/Spin/InternalSpinner.js +2 -2
  482. package/es/components/status/Spin/Spin.js +3 -3
  483. package/es/components/status/Spin/SpinsContainer.js +1 -1
  484. package/es/components/status/Spin/index.js +1 -1
  485. package/es/components/status/Spin/types.js +1 -1
  486. package/es/components/status/index.js +1 -1
  487. package/es/data/themes.js +1 -1
  488. package/es/icons/Attention.js +2 -2
  489. package/es/icons/Cross.js +2 -2
  490. package/es/icons/Danger.js +2 -2
  491. package/es/icons/Success.js +2 -2
  492. package/es/icons/index.js +1 -1
  493. package/es/index.js +2 -3
  494. package/es/provider.js +3 -3
  495. package/es/providers/StyleProvider.js +2 -2
  496. package/es/services/notification.js +2 -2
  497. package/es/shared/form.js +1 -1
  498. package/es/shared/index.js +1 -1
  499. package/es/styled/index.js +1 -1
  500. package/es/styled/styled.js +4 -4
  501. package/es/tasty/index.js +1 -1
  502. package/es/tasty/providers/BreakpointsProvider.js +2 -2
  503. package/es/tasty/styles/align.js +1 -1
  504. package/es/tasty/styles/border.js +1 -1
  505. package/es/tasty/styles/boxShadow.combinator.js +1 -1
  506. package/es/tasty/styles/color.js +1 -1
  507. package/es/tasty/styles/createStyle.js +1 -1
  508. package/es/tasty/styles/dimension.js +1 -1
  509. package/es/tasty/styles/display.js +1 -1
  510. package/es/tasty/styles/fill.js +1 -1
  511. package/es/tasty/styles/flow.js +1 -1
  512. package/es/tasty/styles/font.js +1 -1
  513. package/es/tasty/styles/fontStyle.js +1 -1
  514. package/es/tasty/styles/gap.js +1 -1
  515. package/es/tasty/styles/groupRadius.js +1 -1
  516. package/es/tasty/styles/height.js +1 -1
  517. package/es/tasty/styles/index.js +1 -1
  518. package/es/tasty/styles/justify.js +1 -1
  519. package/es/tasty/styles/list.js +1 -1
  520. package/es/tasty/styles/margin.js +1 -1
  521. package/es/tasty/styles/marginBlock.js +1 -1
  522. package/es/tasty/styles/marginInline.js +1 -1
  523. package/es/tasty/styles/outline.js +1 -1
  524. package/es/tasty/styles/padding.js +1 -1
  525. package/es/tasty/styles/paddingBlock.js +1 -1
  526. package/es/tasty/styles/paddingInline.js +1 -1
  527. package/es/tasty/styles/predefined.js +1 -1
  528. package/es/tasty/styles/preset.js +1 -1
  529. package/es/tasty/styles/radius.js +1 -1
  530. package/es/tasty/styles/reset.js +1 -1
  531. package/es/tasty/styles/shadow.js +1 -1
  532. package/es/tasty/styles/styledScrollbar.js +1 -1
  533. package/es/tasty/styles/transition.js +1 -1
  534. package/es/tasty/styles/types.js +1 -1
  535. package/es/tasty/styles/width.js +1 -1
  536. package/es/tasty/tasty.js +4 -4
  537. package/es/tasty/types.js +1 -1
  538. package/es/tasty/utils/colors.js +1 -1
  539. package/es/tasty/utils/dotize.js +1 -1
  540. package/es/tasty/utils/filterBaseProps.js +1 -1
  541. package/es/tasty/utils/get-display-name.js +1 -1
  542. package/es/tasty/utils/index.js +1 -1
  543. package/es/tasty/utils/mergeStyles.js +1 -1
  544. package/es/tasty/utils/modAttrs.js +1 -1
  545. package/es/tasty/utils/renderStyles.js +1 -1
  546. package/es/tasty/utils/responsive.js +1 -1
  547. package/es/tasty/utils/string.js +1 -1
  548. package/es/tasty/utils/styles.js +1 -1
  549. package/es/tasty/utils/warnings.js +1 -1
  550. package/es/test/index.js +5 -1
  551. package/es/test/render.js +2 -2
  552. package/es/test/setup.js +43 -2
  553. package/es/test/utils/index.js +1 -1
  554. package/es/test/utils/wait.js +1 -1
  555. package/es/tokens.js +1 -1
  556. package/es/type-checks.js +1 -1
  557. package/es/utils/ResizeSensor.js +1 -1
  558. package/es/utils/modules.js +1 -1
  559. package/es/utils/promise.js +1 -1
  560. package/es/utils/random.js +1 -1
  561. package/es/utils/range.js +1 -1
  562. package/es/utils/react/Slots.js +3 -3
  563. package/es/utils/react/chain.js +1 -1
  564. package/es/utils/react/index.js +1 -1
  565. package/es/utils/react/interactions.js +1 -1
  566. package/es/utils/react/isTextOnly.js +1 -1
  567. package/es/utils/react/mapProps.js +1 -1
  568. package/es/utils/react/mergeProps.js +1 -1
  569. package/es/utils/react/nullableValue.js +1 -1
  570. package/es/utils/react/useCombinedRefs.js +1 -1
  571. package/es/utils/react/useId.js +1 -1
  572. package/es/utils/react/useLayoutEffect.js +1 -1
  573. package/es/utils/react/useViewportSize.js +1 -1
  574. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  575. package/es/utils/transitions.js +1 -1
  576. package/es/utils/tree.js +1 -1
  577. package/es/utils/warnings.js +2 -2
  578. package/package.json +2 -1
  579. package/types/_internal/hooks/index.d.ts +6 -2
  580. package/types/_internal/hooks/use-effect-once.d.ts +2 -0
  581. package/types/_internal/hooks/use-is-first-render.d.ts +1 -0
  582. package/types/_internal/hooks/use-update-effect.d.ts +2 -0
  583. package/types/_internal/hooks/use-warn.d.ts +2 -0
  584. package/types/components/actions/Button/index.d.ts +0 -1
  585. package/types/components/forms/Checkbox/CheckboxGroup.d.ts +1 -2
  586. package/types/components/forms/FieldWrapper/FieldWrapper.d.ts +7 -0
  587. package/types/components/forms/FieldWrapper/extract-field-wrapper-props.d.ts +9 -0
  588. package/types/components/forms/FieldWrapper/index.d.ts +3 -0
  589. package/types/components/forms/{FieldWrapper.d.ts → FieldWrapper/types.d.ts} +15 -20
  590. package/types/components/forms/Form/Field/LegacyField.d.ts +14 -0
  591. package/types/components/forms/Form/Field/index.d.ts +4 -0
  592. package/types/components/forms/Form/Field/types.d.ts +72 -0
  593. package/types/components/forms/Form/Field/use-field-props.d.ts +19 -0
  594. package/types/components/forms/Form/Field/use-field.d.ts +7 -0
  595. package/types/components/forms/Form/Form.d.ts +3 -1
  596. package/types/components/forms/Form/Submit/Submit.d.ts +8 -0
  597. package/types/components/forms/Form/Submit/index.d.ts +1 -0
  598. package/types/components/forms/Form/index.d.ts +5 -1
  599. package/types/components/forms/Form/useForm.d.ts +1 -1
  600. package/types/components/forms/Input/Input.d.ts +1 -1
  601. package/types/components/forms/NumberInput/NumberInput.d.ts +2 -3
  602. package/types/components/forms/PasswordInput/PasswordInput.d.ts +3 -1
  603. package/types/components/forms/Slider/types.d.ts +1 -1
  604. package/types/components/forms/Switch/Switch.d.ts +2 -3
  605. package/types/components/forms/TextArea/TextArea.d.ts +3 -4
  606. package/types/components/forms/TextInput/TextInput.d.ts +5 -0
  607. package/types/components/forms/TextInput/TextInputBase.d.ts +1 -2
  608. package/types/components/forms/TextInput/index.d.ts +2 -0
  609. package/types/components/other/Base64Upload/Base64Upload.d.ts +4 -1
  610. package/types/components/overlays/Dialog/DialogForm.d.ts +1 -2
  611. package/types/components/overlays/Dialog/DialogTrigger.d.ts +2 -1
  612. package/types/components/overlays/Modal/Modal.d.ts +2 -1
  613. package/types/components/overlays/Modal/OpenTransition.d.ts +6 -1
  614. package/types/components/overlays/Modal/Overlay.d.ts +2 -1
  615. package/types/components/overlays/Modal/Popover.d.ts +3 -1
  616. package/types/components/overlays/Modal/Tray.d.ts +2 -1
  617. package/types/components/overlays/Modal/index.d.ts +1 -0
  618. package/types/components/overlays/Modal/types.d.ts +9 -0
  619. package/types/components/pickers/ComboBox/ComboBox.d.ts +5 -5
  620. package/types/components/pickers/Select/Select.d.ts +5 -2
  621. package/types/index.d.ts +1 -2
  622. package/types/shared/form.d.ts +10 -0
  623. package/types/test/index.d.ts +4 -0
  624. package/types/test/setup.d.ts +0 -1
  625. package/cjs/components/actions/Button/Submit.js +0 -29
  626. package/cjs/stories/FormFieldArgs.js +0 -324
  627. package/cjs/stories/components/ConfirmDeletionDialogForm.js +0 -36
  628. package/cjs/stories/components/DialogFormApp.js +0 -19
  629. package/cjs/stories/components/StyledButton.js +0 -37
  630. package/cjs/stories/lists/baseProps.js +0 -42
  631. package/es/components/actions/Button/Submit.js +0 -26
  632. package/es/stories/FormFieldArgs.js +0 -321
  633. package/es/stories/components/ConfirmDeletionDialogForm.js +0 -32
  634. package/es/stories/components/DialogFormApp.js +0 -15
  635. package/es/stories/components/StyledButton.js +0 -33
  636. package/es/stories/lists/baseProps.js +0 -39
  637. package/types/components/actions/Button/Submit.d.ts +0 -3
  638. package/types/components/forms/Form/Field.d.ts +0 -41
  639. package/types/stories/FormFieldArgs.d.ts +0 -369
  640. package/types/stories/components/ConfirmDeletionDialogForm.d.ts +0 -8
  641. package/types/stories/components/DialogFormApp.d.ts +0 -2
  642. package/types/stories/components/StyledButton.d.ts +0 -119
  643. package/types/stories/lists/baseProps.d.ts +0 -1
package/es/type-checks.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/utils/range.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -26,7 +26,7 @@ export function SlotProvider(props) {
26
26
  ...o,
27
27
  [p]: mergeProps(parentSlots[p] ?? {}, slots[p] ?? {}),
28
28
  }), {}), [parentSlots, slots]);
29
- return _jsx(SlotContext.Provider, { value: value, children: children }, void 0);
29
+ return _jsx(SlotContext.Provider, { value: value, children: children });
30
30
  }
31
31
  export function ClearSlots(props) {
32
32
  const { children, ...otherProps } = props;
@@ -37,7 +37,7 @@ export function ClearSlots(props) {
37
37
  content = cloneElement(Children.only(children), otherProps);
38
38
  }
39
39
  }
40
- return (_jsx(SlotContext.Provider, { value: INITIAL_VALUE, children: content }, void 0));
40
+ return (_jsx(SlotContext.Provider, { value: INITIAL_VALUE, children: content }));
41
41
  }
42
42
 
43
43
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/utils/tree.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
4
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -11,7 +11,7 @@ const SUGGESTED_PROP_MAP = {
11
11
  selected: 'isSelected',
12
12
  };
13
13
  const PREFIX = 'CubeUIKit';
14
- const devMode = process.env.NODE_ENV !== 'production';
14
+ const devMode = process.env.NODE_ENV === 'development';
15
15
  export function propDeprecationWarning(name, props, propList) {
16
16
  propList.forEach((prop) => {
17
17
  if (prop in props) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cube-dev/ui-kit",
3
- "version": "0.0.0-canary-1be35be",
3
+ "version": "0.0.0-canary-f2f75e5",
4
4
  "description": "UIKit for Cube Projects",
5
5
  "keywords": [
6
6
  "uikit"
@@ -71,6 +71,7 @@
71
71
  "clsx": "^1.1.1",
72
72
  "email-validator": "^2.0.4",
73
73
  "prismjs": "^1.25.0",
74
+ "react-focus-lock": "^2.9.3",
74
75
  "react-is": "^17.0.0",
75
76
  "react-keyed-flatten-children": "1.3.0",
76
77
  "react-transition-group": "^4.4.2",
@@ -1,5 +1,9 @@
1
- export * from './use-deprecation-warning';
1
+ export * from './use-warn';
2
+ export * from './use-timer';
2
3
  export * from './use-event';
3
4
  export * from './use-sync-ref';
5
+ export * from './use-effect-once';
6
+ export * from './use-update-effect';
7
+ export * from './use-is-first-render';
4
8
  export * from './use-chained-callback';
5
- export * from './use-timer';
9
+ export * from './use-deprecation-warning';
@@ -0,0 +1,2 @@
1
+ import { EffectCallback } from 'react';
2
+ export declare function useEffectOnce(effect: EffectCallback): void;
@@ -0,0 +1 @@
1
+ export declare function useIsFirstRender(): boolean;
@@ -0,0 +1,2 @@
1
+ import { DependencyList, EffectCallback } from 'react';
2
+ export declare function useUpdateEffect(effect: EffectCallback, deps?: DependencyList): void;
@@ -0,0 +1,2 @@
1
+ import { warn } from '../../utils/warnings';
2
+ export declare function useWarn<T>(condition: T, ...args: Parameters<typeof warn>): void;
@@ -1,2 +1 @@
1
1
  export * from './Button';
2
- export * from './Submit';
@@ -9,8 +9,7 @@ export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProp
9
9
  * Checkbox groups allow users to select a single option from a list of mutually exclusive options.
10
10
  * All possible options are exposed up front for users to compare.
11
11
  */
12
- declare const _CheckboxGroup: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxGroupProps, "value" | "defaultValue"> & {
12
+ export declare const CheckboxGroup: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxGroupProps, "value" | "defaultValue"> & {
13
13
  value?: any;
14
14
  defaultValue?: any;
15
15
  } & import("react").RefAttributes<unknown>>;
16
- export { _CheckboxGroup as CheckboxGroup };
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { CubeFieldWrapperProps } from './types';
3
+ /**
4
+ * A wrapper for form fields to provide additional decoration for inputs.
5
+ * @internal Do not use this component directly.
6
+ */
7
+ export declare const FieldWrapper: import("react").ForwardRefExoticComponent<CubeFieldWrapperProps & import("react").RefAttributes<unknown>>;
@@ -0,0 +1,9 @@
1
+ import { CubeFieldWrapperProps } from './types';
2
+ export declare function extractFieldWrapperProps<Props extends CubeFieldWrapperProps, FieldWrapperKeys extends keyof CubeFieldWrapperProps = keyof CubeFieldWrapperProps, ActualWrapperProps extends {
3
+ [K in keyof Pick<Props, keyof CubeFieldWrapperProps>]: CubeFieldWrapperProps[K];
4
+ } = {
5
+ [K in keyof Pick<Props, keyof CubeFieldWrapperProps>]: CubeFieldWrapperProps[K];
6
+ }, RestProps extends Omit<Props, FieldWrapperKeys> = Omit<Props, FieldWrapperKeys>>(props: Props): Readonly<{
7
+ fieldWrapperProps: ActualWrapperProps;
8
+ rest: RestProps;
9
+ }>;
@@ -0,0 +1,3 @@
1
+ export * from './FieldWrapper';
2
+ export * from './extract-field-wrapper-props';
3
+ export * from './types';
@@ -1,36 +1,31 @@
1
1
  import { ReactNode } from 'react';
2
- import { LabelPosition, NecessityIndicator, ValidationState } from '../../shared';
3
- import { Props, Styles } from '../../tasty';
2
+ import { LabelPosition, NecessityIndicator, ValidationState } from '../../../shared';
3
+ import { Props, Styles } from '../../../tasty';
4
4
  export declare type CubeFieldWrapperProps = {
5
5
  as?: string;
6
- labelPosition?: LabelPosition;
7
- label?: ReactNode;
8
- labelSuffix?: ReactNode;
9
- labelStyles?: Styles;
6
+ validationState?: ValidationState;
10
7
  styles?: Styles;
11
8
  /** Whether the input is required */
12
9
  isRequired?: boolean;
13
10
  /** Whether the input is disabled */
14
11
  isDisabled?: boolean;
15
- necessityIndicator?: NecessityIndicator;
16
- labelProps?: Props;
17
12
  fieldProps?: Props;
18
- /** Custom message for the field. It will be placed below the label and the input */
19
- message?: string | ReactNode;
20
- /** Styles for the message */
21
- messageStyles?: Styles;
13
+ isHidden?: boolean;
14
+ label?: ReactNode;
15
+ labelPosition?: LabelPosition;
16
+ labelSuffix?: ReactNode;
17
+ labelStyles?: Styles;
18
+ labelProps?: Props;
22
19
  /** The description for the field. It will be placed below the label */
23
20
  description?: ReactNode;
24
- Component?: JSX.Element;
25
- validationState?: ValidationState;
26
21
  requiredMark?: boolean;
27
22
  tooltip?: ReactNode;
28
23
  extra?: ReactNode;
29
- isHidden?: boolean;
30
24
  necessityLabel?: ReactNode;
25
+ necessityIndicator?: NecessityIndicator;
26
+ /** Custom message for the field. It will be placed below the label and the input */
27
+ message?: string | ReactNode;
28
+ /** Styles for the message */
29
+ messageStyles?: Styles;
30
+ Component?: JSX.Element;
31
31
  };
32
- /**
33
- * A wrapper for form fields to provide additional decoration for inputs.
34
- */
35
- declare const _FieldWrapper: import("react").ForwardRefExoticComponent<CubeFieldWrapperProps & import("react").RefAttributes<unknown>>;
36
- export { _FieldWrapper as FieldWrapper };
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { FieldTypes } from '../types';
3
+ import { LegacyCubeFieldProps } from './types';
4
+ /**
5
+ * @deprecated Use component without `Field`
6
+ *
7
+ * ```tsx
8
+ <Form>
9
+ <Checkbox />
10
+ </Form>
11
+ *```
12
+ */
13
+ export declare function Field<T extends FieldTypes>(props: LegacyCubeFieldProps<T>): JSX.Element | null;
14
+ export declare function useInsideLegacyField(): boolean;
@@ -0,0 +1,4 @@
1
+ export * from './use-field';
2
+ export * from './use-field-props';
3
+ export * from './types';
4
+ export * from './LegacyField';
@@ -0,0 +1,72 @@
1
+ import { ReactElement, ReactNode } from 'react';
2
+ import { Styles } from '../../../../tasty';
3
+ import { FieldTypes } from '../types';
4
+ import { LabelPosition, OptionalFieldBaseProps, ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared';
5
+ import { CubeFormInstance } from '../useForm';
6
+ export interface LegacyCubeFieldProps<T extends FieldTypes> extends OptionalFieldBaseProps {
7
+ /** The initial value of the input. */
8
+ defaultValue?: any;
9
+ /** The type of the input. `Input`, `Checkbox`, RadioGroup`, `Select`, `ComboBox` etc... */
10
+ type?: string;
11
+ /** The unique ID of the field */
12
+ id?: string;
13
+ /** The id prefix for the field to avoid collisions between forms */
14
+ idPrefix?: string;
15
+ children?: ReactElement | ((CubeFormInstance: any) => ReactElement);
16
+ /** Function that checks whether to perform update of the form state. */
17
+ shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean);
18
+ /** Validation rules */
19
+ rules?: ValidationRule[];
20
+ /** The form instance */
21
+ form?: CubeFormInstance<T>;
22
+ /** The message for the field or text for the error */
23
+ message?: ReactNode;
24
+ /** The description for the field */
25
+ description?: ReactNode;
26
+ /** Tooltip for the label that explains something. */
27
+ tooltip?: ReactNode;
28
+ /** Field name. It's used as a key the form data. */
29
+ name?: string[] | string;
30
+ /** Whether the field is hidden. */
31
+ isHidden?: boolean;
32
+ /** Whether the field is disabled. */
33
+ isDisabled?: boolean;
34
+ /** Whether the field is loading. */
35
+ isLoading?: boolean;
36
+ styles?: Styles;
37
+ labelPosition?: LabelPosition;
38
+ labelStyles?: Styles;
39
+ labelSuffix?: ReactNode;
40
+ }
41
+ export interface CubeFieldProps<T extends FieldTypes> {
42
+ /** The initial value of the input. */
43
+ defaultValue?: any;
44
+ /** The unique ID of the field */
45
+ id?: string;
46
+ /** The id prefix for the field to avoid collisions between forms */
47
+ idPrefix?: string;
48
+ /** Function that checks whether to perform update of the form state. */
49
+ shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean);
50
+ /** Validation rules */
51
+ rules?: ValidationRule[];
52
+ /** The form instance */
53
+ form?: CubeFormInstance<T>;
54
+ /** Field name. It's used as a key the form data. */
55
+ name?: string;
56
+ /** The validation state of the field */
57
+ validationState?: ValidationState;
58
+ /** On which event perform the validation for the field */
59
+ validateTrigger?: ValidateTrigger;
60
+ }
61
+ export declare type FieldReturnValue<T extends FieldTypes> = {
62
+ id: string;
63
+ name: string;
64
+ value: any;
65
+ validateTrigger?: ValidateTrigger;
66
+ validationState?: ValidationState;
67
+ form?: CubeFormInstance<T>;
68
+ onChange?: (value: any, dontTouch: boolean, validateTrigger: ValidateTrigger) => void;
69
+ message?: React.ReactNode;
70
+ isRequired?: boolean;
71
+ onBlur: () => void;
72
+ };
@@ -0,0 +1,19 @@
1
+ import type { ValidateTrigger } from '../../../../shared';
2
+ import type { CubeFieldProps } from './types';
3
+ import type { FieldTypes } from '../types';
4
+ export declare type UseFieldPropsParams = {
5
+ valuePropsMapper?: ({ value, onChange }: {
6
+ value: any;
7
+ onChange: any;
8
+ }) => any;
9
+ /**
10
+ * @default 'onBlur'
11
+ */
12
+ defaultValidationTrigger?: ValidateTrigger;
13
+ /**
14
+ * prop helps to prevent calling hook conditionally, but changing this prop during render is unsafe and forbidden
15
+ * If you want to change this prop after mount, remount the component with a new value.
16
+ */
17
+ unsafe__isDisabled?: boolean;
18
+ };
19
+ export declare function useFieldProps<T extends FieldTypes, Props extends CubeFieldProps<T>>(props: Props, params?: UseFieldPropsParams): Props;
@@ -0,0 +1,7 @@
1
+ import { ValidateTrigger } from '../../../../shared';
2
+ import { FieldTypes } from '../types';
3
+ import { CubeFieldProps, FieldReturnValue } from './types';
4
+ export declare type UseFieldParams = {
5
+ defaultValidationTrigger?: ValidateTrigger;
6
+ };
7
+ export declare function useField<T extends FieldTypes, Props extends CubeFieldProps<T>>(props: Props, params: UseFieldParams): FieldReturnValue<T>;
@@ -5,7 +5,9 @@ import { FormBaseProps } from '../../../shared';
5
5
  import { CubeFormData, CubeFormInstance } from './useForm';
6
6
  import { FieldTypes } from './types';
7
7
  export declare const FormContext: import("react").Context<{}>;
8
- export declare function useFormProps(props: any): any;
8
+ export declare function useFormProps<Props>(props: Props): Props & {
9
+ form: CubeFormInstance<any>;
10
+ };
9
11
  export interface CubeFormProps<T extends FieldTypes = FieldTypes> extends FormBaseProps, BaseProps, ContainerStyleProps, Pick<FormHTMLAttributes<HTMLFormElement>, 'action' | 'autoComplete' | 'encType' | 'method' | 'target'> {
10
12
  /** Form name */
11
13
  name?: string;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { CubeButtonProps } from '../../../actions';
3
+ import { FieldTypes } from '../types';
4
+ import { CubeFormInstance } from '../useForm';
5
+ export interface CubeSubmitProps<T extends FieldTypes = FieldTypes> extends CubeButtonProps {
6
+ form?: CubeFormInstance<T>;
7
+ }
8
+ export declare const Submit: import("react").ForwardRefExoticComponent<CubeSubmitProps<FieldTypes> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
@@ -0,0 +1 @@
1
+ export * from './Submit';
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { CubeAlertProps } from '../../content/Alert';
3
+ import { Submit } from './Submit';
3
4
  import { Field } from './Field';
4
5
  import { SubmitError } from './SubmitError';
5
6
  import { useForm } from './useForm';
@@ -10,13 +11,16 @@ declare const Form: (<T extends import("./types").FieldTypes>(props: import("./F
10
11
  Item: typeof Field;
11
12
  SubmitError: typeof SubmitError;
12
13
  useForm: typeof useForm;
14
+ Submit: typeof Submit;
13
15
  } & {
14
16
  Item: typeof Field;
15
17
  useForm: typeof useForm;
18
+ Submit: import("react").ForwardRefExoticComponent<import("./Submit").CubeSubmitProps<import("./types").FieldTypes> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
16
19
  SubmitError: (props: CubeAlertProps) => JSX.Element | null;
17
20
  };
18
- export { useFormProps, Form, Field, useForm, FormContext, SubmitError };
21
+ export { useFormProps, Form, Field, useForm, FormContext, Submit, SubmitError };
19
22
  export type { CubeFormProps } from './Form';
20
23
  export type { CubeFormInstance } from './useForm';
21
24
  export type { FieldTypes, Fields } from './types';
25
+ export * from './Field';
22
26
  export type { CubeAlertProps as CubeSubmitErrorProps };
@@ -31,7 +31,7 @@ export declare class CubeFormInstance<T extends FieldTypes, TFormData extends Cu
31
31
  isFieldInvalid<Name extends keyof T>(name: Name): boolean;
32
32
  isFieldTouched<Name extends keyof T>(name: Name): boolean;
33
33
  getFieldError<Name extends keyof T>(name: Name): ReactNode[];
34
- createField<Name extends keyof T>(name: Name, skipRender?: boolean): void;
34
+ createField<Name extends keyof T>(name: Name, skipRender?: boolean): TFormData[Name];
35
35
  removeField<Name extends keyof T>(name: Name, skipRender?: boolean): void;
36
36
  setFields<Names extends keyof T>(newFields: SetFieldsArrType<T, Names>[]): void;
37
37
  setSubmitting(isSubmitting: boolean): void;
@@ -1,4 +1,4 @@
1
- import { TextInput } from '../TextInput/TextInput';
1
+ import { TextInput } from '../TextInput';
2
2
  import { PasswordInput } from '../PasswordInput/PasswordInput';
3
3
  import { NumberInput } from '../NumberInput/NumberInput';
4
4
  import { FileInput } from '../FileInput/FileInput';
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { CubeTextInputBaseProps } from '../TextInput/TextInputBase';
2
+ import { CubeTextInputBaseProps } from '../TextInput';
3
3
  import type { AriaNumberFieldProps } from '@react-types/numberfield';
4
4
  export interface CubeNumberInputProps extends Omit<CubeTextInputBaseProps, 'defaultValue' | 'value' | 'onChange'>, AriaNumberFieldProps {
5
5
  /** Whether or to hide stepper */
@@ -8,8 +8,7 @@ export interface CubeNumberInputProps extends Omit<CubeTextInputBaseProps, 'defa
8
8
  /**
9
9
  * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
10
10
  */
11
- declare const _NumberInput: import("react").ForwardRefExoticComponent<Omit<CubeNumberInputProps, "value" | "defaultValue"> & {
11
+ export declare const NumberInput: import("react").ForwardRefExoticComponent<Omit<CubeNumberInputProps, "value" | "defaultValue"> & {
12
12
  value?: any;
13
13
  defaultValue?: any;
14
14
  } & import("react").RefAttributes<unknown>>;
15
- export { _NumberInput as NumberInput };
@@ -1,5 +1,7 @@
1
1
  /// <reference types="react" />
2
- import { CubeTextInputBaseProps } from '../TextInput/TextInputBase';
2
+ import { CubeTextInputBaseProps } from '../TextInput';
3
+ import { WithNullableValue } from '../../../utils/react/nullableValue';
4
+ export declare type CubePasswordInputProps = WithNullableValue<CubeTextInputBaseProps>;
3
5
  /**
4
6
  * PasswordInputs are password inputs that allow users to input passwords or code entries
5
7
  * with a keyboard. Various decorations can be displayed around the field to
@@ -12,5 +12,5 @@ export interface CubeSliderBaseProps<T> extends Omit<AriaSliderProps<T>, 'label'
12
12
  /** Whether the value's label is displayed. True by default if there's a `label`, false by default if not. */
13
13
  showValueLabel?: boolean;
14
14
  /** A function that returns the content to display as the value's label. Overrides default formatted number. */
15
- getValueLabel?: (value: T) => string | undefined;
15
+ getValueLabel?: (value: T) => string;
16
16
  }
@@ -10,8 +10,7 @@ export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleP
10
10
  * Switches allow users to turn an individual option on or off.
11
11
  * They are usually used to activate or deactivate a specific setting.
12
12
  */
13
- declare let _Switch: import("react").ForwardRefExoticComponent<Omit<CubeSwitchProps, "isSelected" | "defaultSelected"> & {
13
+ export declare const Switch: import("react").ForwardRefExoticComponent<Omit<CubeSwitchProps, "isSelected" | "defaultSelected"> & {
14
14
  isSelected?: any;
15
15
  defaultSelected?: any;
16
- } & import("react").RefAttributes<unknown>>;
17
- export { _Switch as Switch };
16
+ } & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;