@cube-dev/ui-kit 0.0.0-canary-d37d372 → 0.0.0-canary-5b7252a

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 (602) hide show
  1. package/cjs/_internal/hooks/index.js +7 -3
  2. package/cjs/_internal/hooks/use-chained-callback.js +1 -1
  3. package/cjs/_internal/hooks/use-deprecation-warning.js +1 -1
  4. package/cjs/_internal/hooks/use-effect-once.js +18 -0
  5. package/cjs/_internal/hooks/use-event.js +1 -1
  6. package/cjs/_internal/hooks/use-is-first-render.js +22 -0
  7. package/cjs/_internal/hooks/use-sync-ref.js +1 -1
  8. package/cjs/_internal/hooks/use-timer/index.js +1 -1
  9. package/cjs/_internal/hooks/use-timer/timer.js +1 -1
  10. package/cjs/_internal/hooks/use-timer/use-timer.js +1 -1
  11. package/cjs/_internal/hooks/use-update-effect.js +24 -0
  12. package/cjs/_internal/hooks/use-warn.js +46 -0
  13. package/cjs/_internal/index.js +1 -1
  14. package/cjs/components/Base.js +1 -1
  15. package/cjs/components/Block.js +1 -1
  16. package/cjs/components/GlobalStyles.js +1 -1
  17. package/cjs/components/GridProvider.js +1 -1
  18. package/cjs/components/HiddenInput.js +1 -1
  19. package/cjs/components/OpenTrasition.js +1 -1
  20. package/cjs/components/Root.js +1 -1
  21. package/cjs/components/actions/Action.js +1 -1
  22. package/cjs/components/actions/Button/Button.js +1 -1
  23. package/cjs/components/actions/Button/Submit.js +1 -1
  24. package/cjs/components/actions/Button/index.js +1 -1
  25. package/cjs/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  26. package/cjs/components/actions/index.js +1 -1
  27. package/cjs/components/content/ActiveZone/ActiveZone.js +1 -1
  28. package/cjs/components/content/Alert/Alert.js +1 -1
  29. package/cjs/components/content/Alert/index.js +1 -1
  30. package/cjs/components/content/Alert/types.js +1 -1
  31. package/cjs/components/content/Alert/use-alert.js +1 -1
  32. package/cjs/components/content/Avatar/Avatar.js +1 -1
  33. package/cjs/components/content/Badge/Badge.js +1 -1
  34. package/cjs/components/content/Card/Card.js +1 -1
  35. package/cjs/components/content/Content.js +1 -1
  36. package/cjs/components/content/CopySnippet/CopySnippet.js +1 -1
  37. package/cjs/components/content/CopySnippet/index.js +1 -1
  38. package/cjs/components/content/Divider.js +1 -1
  39. package/cjs/components/content/Footer.js +1 -1
  40. package/cjs/components/content/Header.js +1 -1
  41. package/cjs/components/content/Paragraph.js +1 -1
  42. package/cjs/components/content/Placeholder/Placeholder.js +1 -1
  43. package/cjs/components/content/PrismCode/PrismCode.js +1 -1
  44. package/cjs/components/content/Result/Result.js +1 -1
  45. package/cjs/components/content/Skeleton/Skeleton.js +1 -1
  46. package/cjs/components/content/Tag/Tag.js +1 -1
  47. package/cjs/components/content/Text.js +1 -1
  48. package/cjs/components/content/Title.js +1 -1
  49. package/cjs/components/forms/Checkbox/Checkbox.js +1 -1
  50. package/cjs/components/forms/Checkbox/CheckboxGroup.js +1 -1
  51. package/cjs/components/forms/Checkbox/context.js +1 -1
  52. package/cjs/components/forms/{FieldWrapper.js → FieldWrapper/FieldWrapper.js} +19 -17
  53. package/cjs/components/forms/FieldWrapper/extract-field-wrapper-props.js +50 -0
  54. package/cjs/components/forms/FieldWrapper/index.js +24 -0
  55. package/cjs/components/{pickers/RangeSlider/Header.js → forms/FieldWrapper/types.js} +1 -6
  56. package/cjs/components/forms/FileInput/FileInput.js +3 -3
  57. package/cjs/components/forms/Form/Field/Field.js +137 -0
  58. package/cjs/components/forms/Form/Field/FieldContext.js +68 -0
  59. package/cjs/components/forms/Form/Field/index.js +24 -0
  60. package/cjs/components/forms/Form/Field/types.js +11 -0
  61. package/cjs/components/forms/Form/Form.js +2 -2
  62. package/cjs/components/forms/Form/{Field.js → LegacyField.js} +1 -1
  63. package/cjs/components/forms/Form/index.js +12 -1
  64. package/cjs/components/forms/Form/types.js +1 -1
  65. package/cjs/components/forms/Form/useForm.js +2 -1
  66. package/cjs/components/forms/Form/validation.js +1 -1
  67. package/cjs/components/forms/Input/Input.js +1 -1
  68. package/cjs/components/forms/Input/index.js +1 -1
  69. package/cjs/components/forms/Label.js +1 -1
  70. package/cjs/components/forms/NumberInput/NumberInput.js +3 -3
  71. package/cjs/components/forms/NumberInput/StepButton.js +1 -1
  72. package/cjs/components/forms/PasswordInput/PasswordInput.js +1 -1
  73. package/cjs/components/forms/RadioGroup/Radio.js +1 -1
  74. package/cjs/components/forms/RadioGroup/RadioGroup.js +1 -1
  75. package/cjs/components/forms/RadioGroup/context.js +1 -1
  76. package/cjs/components/forms/SearchInput/SearchInput.js +1 -1
  77. package/cjs/components/forms/Switch/Switch.js +15 -12
  78. package/cjs/components/forms/TextArea/TextArea.js +30 -27
  79. package/cjs/components/forms/TextInput/TextInput.js +16 -9
  80. package/cjs/components/forms/TextInput/TextInputBase.js +8 -36
  81. package/cjs/components/forms/TextInput/index.js +23 -0
  82. package/cjs/components/forms/index.js +1 -1
  83. package/cjs/components/layout/Flex.js +1 -1
  84. package/cjs/components/layout/Flow.js +1 -1
  85. package/cjs/components/layout/Grid.js +1 -1
  86. package/cjs/components/layout/Prefix.js +1 -1
  87. package/cjs/components/layout/Space.js +1 -1
  88. package/cjs/components/layout/Suffix.js +1 -1
  89. package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  90. package/cjs/components/navigation/Link/Link.js +1 -1
  91. package/cjs/components/organisms/FileTabs/FileTabs.js +1 -1
  92. package/cjs/components/organisms/Modal/Modal.js +1 -1
  93. package/cjs/components/organisms/StatsCard/StatsCard.js +1 -1
  94. package/cjs/components/other/Base64Upload/Base64Upload.js +1 -1
  95. package/cjs/components/other/CloudLogo/CloudLogo.js +1 -1
  96. package/cjs/components/overlays/AlertDialog/AlertDialog.js +1 -1
  97. package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  98. package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  99. package/cjs/components/overlays/AlertDialog/index.js +1 -1
  100. package/cjs/components/overlays/AlertDialog/types.js +1 -1
  101. package/cjs/components/overlays/Dialog/Dialog.js +1 -1
  102. package/cjs/components/overlays/Dialog/DialogContainer.js +1 -1
  103. package/cjs/components/overlays/Dialog/DialogForm.js +1 -1
  104. package/cjs/components/overlays/Dialog/DialogTrigger.js +1 -1
  105. package/cjs/components/overlays/Dialog/context.js +1 -1
  106. package/cjs/components/overlays/Dialog/index.js +1 -1
  107. package/cjs/components/overlays/Modal/Modal.js +1 -1
  108. package/cjs/components/overlays/Modal/OpenTransition.js +1 -1
  109. package/cjs/components/overlays/Modal/Overlay.js +1 -1
  110. package/cjs/components/overlays/Modal/Popover.js +1 -1
  111. package/cjs/components/overlays/Modal/Tray.js +1 -1
  112. package/cjs/components/overlays/Modal/Underlay.js +1 -1
  113. package/cjs/components/overlays/Modal/index.js +1 -1
  114. package/cjs/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
  115. package/cjs/components/overlays/NewNotifications/Bar/NotificationsBar.js +1 -1
  116. package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
  117. package/cjs/components/overlays/NewNotifications/Bar/index.js +1 -1
  118. package/cjs/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +1 -1
  119. package/cjs/components/overlays/NewNotifications/Dialog/index.js +1 -1
  120. package/cjs/components/overlays/NewNotifications/Notification.js +1 -1
  121. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationAction.js +1 -1
  122. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
  123. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
  124. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +1 -1
  125. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
  126. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
  127. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
  128. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationView.js +1 -1
  129. package/cjs/components/overlays/NewNotifications/NotificationView/index.js +1 -1
  130. package/cjs/components/overlays/NewNotifications/NotificationView/types.js +1 -1
  131. package/cjs/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
  132. package/cjs/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
  133. package/cjs/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +1 -1
  134. package/cjs/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +1 -1
  135. package/cjs/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +1 -1
  136. package/cjs/components/overlays/NewNotifications/NotificationsList/index.js +1 -1
  137. package/cjs/components/overlays/NewNotifications/NotificationsList/types.js +1 -1
  138. package/cjs/components/overlays/NewNotifications/hooks/index.js +1 -1
  139. package/cjs/components/overlays/NewNotifications/hooks/types.js +1 -1
  140. package/cjs/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
  141. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
  142. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
  143. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-observer.js +1 -1
  144. package/cjs/components/overlays/NewNotifications/index.js +1 -1
  145. package/cjs/components/overlays/NewNotifications/types.js +1 -1
  146. package/cjs/components/overlays/Notification/Notification.js +1 -1
  147. package/cjs/components/overlays/OverlayWrapper.js +1 -1
  148. package/cjs/components/overlays/Toasts/Toast.js +1 -1
  149. package/cjs/components/overlays/Toasts/index.js +1 -1
  150. package/cjs/components/overlays/Toasts/types.js +1 -1
  151. package/cjs/components/overlays/Toasts/use-toasts-api.js +1 -1
  152. package/cjs/components/overlays/Tooltip/Tooltip.js +1 -1
  153. package/cjs/components/overlays/Tooltip/TooltipProvider.js +1 -1
  154. package/cjs/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  155. package/cjs/components/overlays/Tooltip/context.js +1 -1
  156. package/cjs/components/pickers/ComboBox/ComboBox.js +12 -9
  157. package/cjs/components/pickers/Menu/Menu.js +1 -1
  158. package/cjs/components/pickers/Menu/MenuButton.js +1 -1
  159. package/cjs/components/pickers/Menu/MenuItem.js +1 -1
  160. package/cjs/components/pickers/Menu/MenuSection.js +1 -1
  161. package/cjs/components/pickers/Menu/MenuTrigger.js +1 -1
  162. package/cjs/components/pickers/Menu/context.js +1 -1
  163. package/cjs/components/pickers/Menu/styled.js +1 -1
  164. package/cjs/components/pickers/Select/Select.js +1 -1
  165. package/cjs/components/portal/Portal.js +1 -1
  166. package/cjs/components/portal/PortalProvider.js +1 -1
  167. package/cjs/components/portal/index.js +1 -1
  168. package/cjs/components/portal/storybook/templates/CustomRoot.js +1 -1
  169. package/cjs/components/portal/storybook/templates/PortalOrder.js +1 -1
  170. package/cjs/components/portal/storybook/templates/basic.js +1 -1
  171. package/cjs/components/portal/storybook/templates/index.js +1 -1
  172. package/cjs/components/portal/types.js +1 -1
  173. package/cjs/components/portal/usePortal.js +1 -1
  174. package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  175. package/cjs/components/status/LoadingAnimation/index.js +1 -1
  176. package/cjs/components/status/Spin/Cube.js +1 -1
  177. package/cjs/components/status/Spin/InternalSpinner.js +1 -1
  178. package/cjs/components/status/Spin/Spin.js +1 -1
  179. package/cjs/components/status/Spin/SpinsContainer.js +1 -1
  180. package/cjs/components/status/Spin/index.js +1 -1
  181. package/cjs/components/status/Spin/types.js +1 -1
  182. package/cjs/components/status/index.js +1 -1
  183. package/cjs/data/themes.js +1 -1
  184. package/cjs/icons/Attention.js +1 -1
  185. package/cjs/icons/Cross.js +1 -1
  186. package/cjs/icons/Danger.js +1 -1
  187. package/cjs/icons/Success.js +1 -1
  188. package/cjs/icons/index.js +1 -1
  189. package/cjs/index.js +1 -1
  190. package/cjs/provider.js +1 -1
  191. package/cjs/providers/StyleProvider.js +1 -1
  192. package/cjs/services/notification.js +1 -1
  193. package/cjs/shared/form.js +1 -1
  194. package/cjs/shared/index.js +1 -1
  195. package/cjs/stories/FormFieldArgs.js +2 -20
  196. package/cjs/stories/components/ConfirmDeletionDialogForm.js +1 -1
  197. package/cjs/stories/components/DialogFormApp.js +1 -1
  198. package/cjs/stories/components/StyledButton.js +1 -1
  199. package/cjs/stories/lists/baseProps.js +1 -1
  200. package/cjs/styled/index.js +1 -1
  201. package/cjs/styled/styled.js +1 -1
  202. package/cjs/tasty/index.js +1 -1
  203. package/cjs/tasty/providers/BreakpointsProvider.js +1 -1
  204. package/cjs/tasty/styles/align.js +1 -1
  205. package/cjs/tasty/styles/border.js +1 -1
  206. package/cjs/tasty/styles/boxShadow.combinator.js +1 -1
  207. package/cjs/tasty/styles/color.js +1 -1
  208. package/cjs/tasty/styles/createStyle.js +1 -1
  209. package/cjs/tasty/styles/dimension.js +1 -1
  210. package/cjs/tasty/styles/display.js +1 -1
  211. package/cjs/tasty/styles/fill.js +1 -1
  212. package/cjs/tasty/styles/flow.js +1 -1
  213. package/cjs/tasty/styles/font.js +1 -1
  214. package/cjs/tasty/styles/fontStyle.js +1 -1
  215. package/cjs/tasty/styles/gap.js +1 -1
  216. package/cjs/tasty/styles/groupRadius.js +1 -1
  217. package/cjs/tasty/styles/height.js +1 -1
  218. package/cjs/tasty/styles/index.js +1 -1
  219. package/cjs/tasty/styles/justify.js +1 -1
  220. package/cjs/tasty/styles/list.js +1 -1
  221. package/cjs/tasty/styles/margin.js +1 -1
  222. package/cjs/tasty/styles/marginBlock.js +1 -1
  223. package/cjs/tasty/styles/marginInline.js +1 -1
  224. package/cjs/tasty/styles/outline.js +1 -1
  225. package/cjs/tasty/styles/padding.js +1 -1
  226. package/cjs/tasty/styles/paddingBlock.js +1 -1
  227. package/cjs/tasty/styles/paddingInline.js +1 -1
  228. package/cjs/tasty/styles/predefined.js +1 -1
  229. package/cjs/tasty/styles/preset.js +1 -1
  230. package/cjs/tasty/styles/radius.js +1 -1
  231. package/cjs/tasty/styles/reset.js +1 -1
  232. package/cjs/tasty/styles/shadow.js +1 -1
  233. package/cjs/tasty/styles/styledScrollbar.js +1 -1
  234. package/cjs/tasty/styles/transition.js +1 -1
  235. package/cjs/tasty/styles/types.js +1 -1
  236. package/cjs/tasty/styles/width.js +1 -1
  237. package/cjs/tasty/tasty.js +1 -1
  238. package/cjs/tasty/types.js +1 -1
  239. package/cjs/tasty/utils/colors.js +1 -1
  240. package/cjs/tasty/utils/dotize.js +1 -1
  241. package/cjs/tasty/utils/filterBaseProps.js +1 -1
  242. package/cjs/tasty/utils/get-display-name.js +1 -1
  243. package/cjs/tasty/utils/index.js +1 -1
  244. package/cjs/tasty/utils/mergeStyles.js +1 -1
  245. package/cjs/tasty/utils/modAttrs.js +1 -1
  246. package/cjs/tasty/utils/renderStyles.js +1 -1
  247. package/cjs/tasty/utils/responsive.js +1 -1
  248. package/cjs/tasty/utils/string.js +1 -1
  249. package/cjs/tasty/utils/styles.js +1 -1
  250. package/cjs/tasty/utils/warnings.js +1 -1
  251. package/cjs/test/index.js +9 -1
  252. package/cjs/test/render.js +20 -13
  253. package/cjs/test/setup.js +1 -1
  254. package/cjs/test/utils/index.js +1 -1
  255. package/cjs/test/utils/wait.js +1 -1
  256. package/cjs/tokens.js +1 -1
  257. package/cjs/type-checks.js +1 -1
  258. package/cjs/utils/ResizeSensor.js +1 -1
  259. package/cjs/utils/modules.js +1 -1
  260. package/cjs/utils/promise.js +1 -1
  261. package/cjs/utils/random.js +1 -1
  262. package/cjs/utils/range.js +1 -1
  263. package/cjs/utils/react/Slots.js +1 -1
  264. package/cjs/utils/react/chain.js +1 -1
  265. package/cjs/utils/react/index.js +1 -1
  266. package/cjs/utils/react/interactions.js +1 -1
  267. package/cjs/utils/react/isTextOnly.js +1 -1
  268. package/cjs/utils/react/mapProps.js +1 -1
  269. package/cjs/utils/react/mergeProps.js +1 -1
  270. package/cjs/utils/react/nullableValue.js +1 -1
  271. package/cjs/utils/react/useCombinedRefs.js +1 -1
  272. package/cjs/utils/react/useId.js +1 -1
  273. package/cjs/utils/react/useLayoutEffect.js +1 -1
  274. package/cjs/utils/react/useViewportSize.js +1 -1
  275. package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
  276. package/cjs/utils/transitions.js +1 -1
  277. package/cjs/utils/tree.js +1 -1
  278. package/cjs/utils/warnings.js +1 -1
  279. package/es/_internal/hooks/index.js +7 -3
  280. package/es/_internal/hooks/use-chained-callback.js +1 -1
  281. package/es/_internal/hooks/use-deprecation-warning.js +1 -1
  282. package/es/_internal/hooks/use-effect-once.js +14 -0
  283. package/es/_internal/hooks/use-event.js +1 -1
  284. package/es/_internal/hooks/use-is-first-render.js +18 -0
  285. package/es/_internal/hooks/use-sync-ref.js +1 -1
  286. package/es/_internal/hooks/use-timer/index.js +1 -1
  287. package/es/_internal/hooks/use-timer/timer.js +1 -1
  288. package/es/_internal/hooks/use-timer/use-timer.js +1 -1
  289. package/es/_internal/hooks/use-update-effect.js +20 -0
  290. package/es/_internal/hooks/use-warn.js +23 -0
  291. package/es/_internal/index.js +1 -1
  292. package/es/components/Base.js +1 -1
  293. package/es/components/Block.js +1 -1
  294. package/es/components/GlobalStyles.js +1 -1
  295. package/es/components/GridProvider.js +1 -1
  296. package/es/components/HiddenInput.js +1 -1
  297. package/es/components/OpenTrasition.js +1 -1
  298. package/es/components/Root.js +1 -1
  299. package/es/components/actions/Action.js +1 -1
  300. package/es/components/actions/Button/Button.js +1 -1
  301. package/es/components/actions/Button/Submit.js +1 -1
  302. package/es/components/actions/Button/index.js +1 -1
  303. package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  304. package/es/components/actions/index.js +1 -1
  305. package/es/components/content/ActiveZone/ActiveZone.js +1 -1
  306. package/es/components/content/Alert/Alert.js +1 -1
  307. package/es/components/content/Alert/index.js +1 -1
  308. package/es/components/content/Alert/types.js +1 -1
  309. package/es/components/content/Alert/use-alert.js +1 -1
  310. package/es/components/content/Avatar/Avatar.js +1 -1
  311. package/es/components/content/Badge/Badge.js +1 -1
  312. package/es/components/content/Card/Card.js +1 -1
  313. package/es/components/content/Content.js +1 -1
  314. package/es/components/content/CopySnippet/CopySnippet.js +1 -1
  315. package/es/components/content/CopySnippet/index.js +1 -1
  316. package/es/components/content/Divider.js +1 -1
  317. package/es/components/content/Footer.js +1 -1
  318. package/es/components/content/Header.js +1 -1
  319. package/es/components/content/Paragraph.js +1 -1
  320. package/es/components/content/Placeholder/Placeholder.js +1 -1
  321. package/es/components/content/PrismCode/PrismCode.js +1 -1
  322. package/es/components/content/Result/Result.js +1 -1
  323. package/es/components/content/Skeleton/Skeleton.js +1 -1
  324. package/es/components/content/Tag/Tag.js +1 -1
  325. package/es/components/content/Text.js +1 -1
  326. package/es/components/content/Title.js +1 -1
  327. package/es/components/forms/Checkbox/Checkbox.js +1 -1
  328. package/es/components/forms/Checkbox/CheckboxGroup.js +1 -1
  329. package/es/components/forms/Checkbox/context.js +1 -1
  330. package/es/components/forms/{FieldWrapper.js → FieldWrapper/FieldWrapper.js} +19 -17
  331. package/es/components/forms/FieldWrapper/extract-field-wrapper-props.js +46 -0
  332. package/es/components/forms/FieldWrapper/index.js +12 -0
  333. package/es/components/forms/FieldWrapper/types.js +10 -0
  334. package/es/components/forms/FileInput/FileInput.js +2 -2
  335. package/es/components/forms/Form/Field/Field.js +133 -0
  336. package/es/components/forms/Form/Field/FieldContext.js +44 -0
  337. package/es/components/forms/Form/Field/index.js +12 -0
  338. package/es/components/forms/Form/Field/types.js +10 -0
  339. package/es/components/forms/Form/Form.js +2 -2
  340. package/es/components/forms/Form/{Field.js → LegacyField.js} +1 -1
  341. package/es/components/forms/Form/index.js +2 -1
  342. package/es/components/forms/Form/types.js +1 -1
  343. package/es/components/forms/Form/useForm.js +2 -1
  344. package/es/components/forms/Form/validation.js +1 -1
  345. package/es/components/forms/Input/Input.js +1 -1
  346. package/es/components/forms/Input/index.js +1 -1
  347. package/es/components/forms/Label.js +1 -1
  348. package/es/components/forms/NumberInput/NumberInput.js +3 -3
  349. package/es/components/forms/NumberInput/StepButton.js +1 -1
  350. package/es/components/forms/PasswordInput/PasswordInput.js +1 -1
  351. package/es/components/forms/RadioGroup/Radio.js +1 -1
  352. package/es/components/forms/RadioGroup/RadioGroup.js +1 -1
  353. package/es/components/forms/RadioGroup/context.js +1 -1
  354. package/es/components/forms/SearchInput/SearchInput.js +1 -1
  355. package/es/components/forms/Switch/Switch.js +15 -12
  356. package/es/components/forms/TextArea/TextArea.js +30 -27
  357. package/es/components/forms/TextInput/TextInput.js +16 -9
  358. package/es/components/forms/TextInput/TextInputBase.js +9 -37
  359. package/es/components/forms/TextInput/index.js +11 -0
  360. package/es/components/forms/index.js +1 -1
  361. package/es/components/layout/Flex.js +1 -1
  362. package/es/components/layout/Flow.js +1 -1
  363. package/es/components/layout/Grid.js +1 -1
  364. package/es/components/layout/Prefix.js +1 -1
  365. package/es/components/layout/Space.js +1 -1
  366. package/es/components/layout/Suffix.js +1 -1
  367. package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  368. package/es/components/navigation/Link/Link.js +1 -1
  369. package/es/components/organisms/FileTabs/FileTabs.js +1 -1
  370. package/es/components/organisms/Modal/Modal.js +1 -1
  371. package/es/components/organisms/StatsCard/StatsCard.js +1 -1
  372. package/es/components/other/Base64Upload/Base64Upload.js +1 -1
  373. package/es/components/other/CloudLogo/CloudLogo.js +1 -1
  374. package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
  375. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  376. package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  377. package/es/components/overlays/AlertDialog/index.js +1 -1
  378. package/es/components/overlays/AlertDialog/types.js +1 -1
  379. package/es/components/overlays/Dialog/Dialog.js +1 -1
  380. package/es/components/overlays/Dialog/DialogContainer.js +1 -1
  381. package/es/components/overlays/Dialog/DialogForm.js +1 -1
  382. package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
  383. package/es/components/overlays/Dialog/context.js +1 -1
  384. package/es/components/overlays/Dialog/index.js +1 -1
  385. package/es/components/overlays/Modal/Modal.js +1 -1
  386. package/es/components/overlays/Modal/OpenTransition.js +1 -1
  387. package/es/components/overlays/Modal/Overlay.js +1 -1
  388. package/es/components/overlays/Modal/Popover.js +1 -1
  389. package/es/components/overlays/Modal/Tray.js +1 -1
  390. package/es/components/overlays/Modal/Underlay.js +1 -1
  391. package/es/components/overlays/Modal/index.js +1 -1
  392. package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
  393. package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +1 -1
  394. package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
  395. package/es/components/overlays/NewNotifications/Bar/index.js +1 -1
  396. package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +1 -1
  397. package/es/components/overlays/NewNotifications/Dialog/index.js +1 -1
  398. package/es/components/overlays/NewNotifications/Notification.js +1 -1
  399. package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +1 -1
  400. package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
  401. package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
  402. package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +1 -1
  403. package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
  404. package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
  405. package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
  406. package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +1 -1
  407. package/es/components/overlays/NewNotifications/NotificationView/index.js +1 -1
  408. package/es/components/overlays/NewNotifications/NotificationView/types.js +1 -1
  409. package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
  410. package/es/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
  411. package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +1 -1
  412. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +1 -1
  413. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +1 -1
  414. package/es/components/overlays/NewNotifications/NotificationsList/index.js +1 -1
  415. package/es/components/overlays/NewNotifications/NotificationsList/types.js +1 -1
  416. package/es/components/overlays/NewNotifications/hooks/index.js +1 -1
  417. package/es/components/overlays/NewNotifications/hooks/types.js +1 -1
  418. package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
  419. package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
  420. package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
  421. package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +1 -1
  422. package/es/components/overlays/NewNotifications/index.js +1 -1
  423. package/es/components/overlays/NewNotifications/types.js +1 -1
  424. package/es/components/overlays/Notification/Notification.js +1 -1
  425. package/es/components/overlays/OverlayWrapper.js +1 -1
  426. package/es/components/overlays/Toasts/Toast.js +1 -1
  427. package/es/components/overlays/Toasts/index.js +1 -1
  428. package/es/components/overlays/Toasts/types.js +1 -1
  429. package/es/components/overlays/Toasts/use-toasts-api.js +1 -1
  430. package/es/components/overlays/Tooltip/Tooltip.js +1 -1
  431. package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
  432. package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  433. package/es/components/overlays/Tooltip/context.js +1 -1
  434. package/es/components/pickers/ComboBox/ComboBox.js +12 -9
  435. package/es/components/pickers/Menu/Menu.js +1 -1
  436. package/es/components/pickers/Menu/MenuButton.js +1 -1
  437. package/es/components/pickers/Menu/MenuItem.js +1 -1
  438. package/es/components/pickers/Menu/MenuSection.js +1 -1
  439. package/es/components/pickers/Menu/MenuTrigger.js +1 -1
  440. package/es/components/pickers/Menu/context.js +1 -1
  441. package/es/components/pickers/Menu/styled.js +1 -1
  442. package/es/components/pickers/Select/Select.js +1 -1
  443. package/es/components/portal/Portal.js +1 -1
  444. package/es/components/portal/PortalProvider.js +1 -1
  445. package/es/components/portal/index.js +1 -1
  446. package/es/components/portal/storybook/templates/CustomRoot.js +1 -1
  447. package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
  448. package/es/components/portal/storybook/templates/basic.js +1 -1
  449. package/es/components/portal/storybook/templates/index.js +1 -1
  450. package/es/components/portal/types.js +1 -1
  451. package/es/components/portal/usePortal.js +1 -1
  452. package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  453. package/es/components/status/LoadingAnimation/index.js +1 -1
  454. package/es/components/status/Spin/Cube.js +1 -1
  455. package/es/components/status/Spin/InternalSpinner.js +1 -1
  456. package/es/components/status/Spin/Spin.js +1 -1
  457. package/es/components/status/Spin/SpinsContainer.js +1 -1
  458. package/es/components/status/Spin/index.js +1 -1
  459. package/es/components/status/Spin/types.js +1 -1
  460. package/es/components/status/index.js +1 -1
  461. package/es/data/themes.js +1 -1
  462. package/es/icons/Attention.js +1 -1
  463. package/es/icons/Cross.js +1 -1
  464. package/es/icons/Danger.js +1 -1
  465. package/es/icons/Success.js +1 -1
  466. package/es/icons/index.js +1 -1
  467. package/es/index.js +1 -1
  468. package/es/provider.js +1 -1
  469. package/es/providers/StyleProvider.js +1 -1
  470. package/es/services/notification.js +1 -1
  471. package/es/shared/form.js +1 -1
  472. package/es/shared/index.js +1 -1
  473. package/es/stories/FormFieldArgs.js +1 -19
  474. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  475. package/es/stories/components/DialogFormApp.js +1 -1
  476. package/es/stories/components/StyledButton.js +1 -1
  477. package/es/stories/lists/baseProps.js +1 -1
  478. package/es/styled/index.js +1 -1
  479. package/es/styled/styled.js +1 -1
  480. package/es/tasty/index.js +1 -1
  481. package/es/tasty/providers/BreakpointsProvider.js +1 -1
  482. package/es/tasty/styles/align.js +1 -1
  483. package/es/tasty/styles/border.js +1 -1
  484. package/es/tasty/styles/boxShadow.combinator.js +1 -1
  485. package/es/tasty/styles/color.js +1 -1
  486. package/es/tasty/styles/createStyle.js +1 -1
  487. package/es/tasty/styles/dimension.js +1 -1
  488. package/es/tasty/styles/display.js +1 -1
  489. package/es/tasty/styles/fill.js +1 -1
  490. package/es/tasty/styles/flow.js +1 -1
  491. package/es/tasty/styles/font.js +1 -1
  492. package/es/tasty/styles/fontStyle.js +1 -1
  493. package/es/tasty/styles/gap.js +1 -1
  494. package/es/tasty/styles/groupRadius.js +1 -1
  495. package/es/tasty/styles/height.js +1 -1
  496. package/es/tasty/styles/index.js +1 -1
  497. package/es/tasty/styles/justify.js +1 -1
  498. package/es/tasty/styles/list.js +1 -1
  499. package/es/tasty/styles/margin.js +1 -1
  500. package/es/tasty/styles/marginBlock.js +1 -1
  501. package/es/tasty/styles/marginInline.js +1 -1
  502. package/es/tasty/styles/outline.js +1 -1
  503. package/es/tasty/styles/padding.js +1 -1
  504. package/es/tasty/styles/paddingBlock.js +1 -1
  505. package/es/tasty/styles/paddingInline.js +1 -1
  506. package/es/tasty/styles/predefined.js +1 -1
  507. package/es/tasty/styles/preset.js +1 -1
  508. package/es/tasty/styles/radius.js +1 -1
  509. package/es/tasty/styles/reset.js +1 -1
  510. package/es/tasty/styles/shadow.js +1 -1
  511. package/es/tasty/styles/styledScrollbar.js +1 -1
  512. package/es/tasty/styles/transition.js +1 -1
  513. package/es/tasty/styles/types.js +1 -1
  514. package/es/tasty/styles/width.js +1 -1
  515. package/es/tasty/tasty.js +1 -1
  516. package/es/tasty/types.js +1 -1
  517. package/es/tasty/utils/colors.js +1 -1
  518. package/es/tasty/utils/dotize.js +1 -1
  519. package/es/tasty/utils/filterBaseProps.js +1 -1
  520. package/es/tasty/utils/get-display-name.js +1 -1
  521. package/es/tasty/utils/index.js +1 -1
  522. package/es/tasty/utils/mergeStyles.js +1 -1
  523. package/es/tasty/utils/modAttrs.js +1 -1
  524. package/es/tasty/utils/renderStyles.js +1 -1
  525. package/es/tasty/utils/responsive.js +1 -1
  526. package/es/tasty/utils/string.js +1 -1
  527. package/es/tasty/utils/styles.js +1 -1
  528. package/es/tasty/utils/warnings.js +1 -1
  529. package/es/test/index.js +5 -1
  530. package/es/test/render.js +18 -2
  531. package/es/test/setup.js +1 -1
  532. package/es/test/utils/index.js +1 -1
  533. package/es/test/utils/wait.js +1 -1
  534. package/es/tokens.js +1 -1
  535. package/es/type-checks.js +1 -1
  536. package/es/utils/ResizeSensor.js +1 -1
  537. package/es/utils/modules.js +1 -1
  538. package/es/utils/promise.js +1 -1
  539. package/es/utils/random.js +1 -1
  540. package/es/utils/range.js +1 -1
  541. package/es/utils/react/Slots.js +1 -1
  542. package/es/utils/react/chain.js +1 -1
  543. package/es/utils/react/index.js +1 -1
  544. package/es/utils/react/interactions.js +1 -1
  545. package/es/utils/react/isTextOnly.js +1 -1
  546. package/es/utils/react/mapProps.js +1 -1
  547. package/es/utils/react/mergeProps.js +1 -1
  548. package/es/utils/react/nullableValue.js +1 -1
  549. package/es/utils/react/useCombinedRefs.js +1 -1
  550. package/es/utils/react/useId.js +1 -1
  551. package/es/utils/react/useLayoutEffect.js +1 -1
  552. package/es/utils/react/useViewportSize.js +1 -1
  553. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  554. package/es/utils/transitions.js +1 -1
  555. package/es/utils/tree.js +1 -1
  556. package/es/utils/warnings.js +1 -1
  557. package/package.json +1 -4
  558. package/types/_internal/hooks/index.d.ts +6 -2
  559. package/types/_internal/hooks/use-effect-once.d.ts +2 -0
  560. package/types/_internal/hooks/use-is-first-render.d.ts +1 -0
  561. package/types/_internal/hooks/use-update-effect.d.ts +2 -0
  562. package/types/_internal/hooks/use-warn.d.ts +2 -0
  563. package/types/components/forms/FieldWrapper/FieldWrapper.d.ts +7 -0
  564. package/types/components/forms/FieldWrapper/extract-field-wrapper-props.d.ts +9 -0
  565. package/types/components/forms/FieldWrapper/index.d.ts +3 -0
  566. package/types/components/forms/{FieldWrapper.d.ts → FieldWrapper/types.d.ts} +15 -20
  567. package/types/components/forms/Form/Field/Field.d.ts +4 -0
  568. package/types/components/forms/Form/Field/FieldContext.d.ts +29 -0
  569. package/types/components/forms/Form/Field/index.d.ts +3 -0
  570. package/types/components/forms/Form/Field/types.d.ts +25 -0
  571. package/types/components/forms/Form/{Field.d.ts → LegacyField.d.ts} +1 -1
  572. package/types/components/forms/Form/index.d.ts +1 -0
  573. package/types/components/forms/Form/useForm.d.ts +1 -1
  574. package/types/components/forms/Switch/Switch.d.ts +2 -3
  575. package/types/components/forms/TextArea/TextArea.d.ts +3 -4
  576. package/types/components/forms/TextInput/TextInput.d.ts +5 -0
  577. package/types/components/forms/TextInput/TextInputBase.d.ts +1 -2
  578. package/types/components/forms/TextInput/index.d.ts +2 -0
  579. package/types/components/pickers/ComboBox/ComboBox.d.ts +5 -5
  580. package/types/stories/FormFieldArgs.d.ts +0 -22
  581. package/types/test/index.d.ts +4 -0
  582. package/types/test/render.d.ts +58 -1
  583. package/cjs/components/pickers/RangeSlider/Gradation.js +0 -28
  584. package/cjs/components/pickers/RangeSlider/RangeInput.js +0 -37
  585. package/cjs/components/pickers/RangeSlider/RangeSlider.js +0 -99
  586. package/cjs/components/pickers/RangeSlider/Slide.js +0 -28
  587. package/cjs/components/pickers/RangeSlider/Thumb.js +0 -36
  588. package/cjs/components/pickers/RangeSlider/styled.js +0 -118
  589. package/es/components/pickers/RangeSlider/Gradation.js +0 -24
  590. package/es/components/pickers/RangeSlider/Header.js +0 -12
  591. package/es/components/pickers/RangeSlider/RangeInput.js +0 -33
  592. package/es/components/pickers/RangeSlider/RangeSlider.js +0 -96
  593. package/es/components/pickers/RangeSlider/Slide.js +0 -24
  594. package/es/components/pickers/RangeSlider/Thumb.js +0 -32
  595. package/es/components/pickers/RangeSlider/styled.js +0 -115
  596. package/types/components/pickers/RangeSlider/Gradation.d.ts +0 -8
  597. package/types/components/pickers/RangeSlider/Header.d.ts +0 -1
  598. package/types/components/pickers/RangeSlider/RangeInput.d.ts +0 -10
  599. package/types/components/pickers/RangeSlider/RangeSlider.d.ts +0 -18
  600. package/types/components/pickers/RangeSlider/Slide.d.ts +0 -9
  601. package/types/components/pickers/RangeSlider/Thumb.d.ts +0 -9
  602. package/types/components/pickers/RangeSlider/styled.d.ts +0 -8
@@ -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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -21,9 +21,9 @@ const interactions_2 = require("../../../utils/react/interactions");
21
21
  const react_2 = require("../../../utils/react");
22
22
  const HiddenInput_1 = require("../../HiddenInput");
23
23
  const Label_1 = require("../Label");
24
- const Form_1 = require("../Form/Form");
25
24
  const FieldWrapper_1 = require("../FieldWrapper");
26
25
  const nullableValue_1 = require("../../../utils/react/nullableValue");
26
+ const Form_1 = require("../Form");
27
27
  const SwitchWrapperElement = (0, tasty_1.tasty)({
28
28
  qa: 'SwitchWrapper',
29
29
  styles: {
@@ -93,10 +93,20 @@ const SwitchElement = (0, tasty_1.tasty)({
93
93
  },
94
94
  },
95
95
  });
96
- function Switch(props, ref) {
96
+ /**
97
+ * Switches allow users to turn an individual option on or off.
98
+ * They are usually used to activate or deactivate a specific setting.
99
+ */
100
+ exports.Switch = (0, react_1.forwardRef)(function Switch(props, ref) {
97
101
  props = (0, nullableValue_1.castNullableIsSelected)(props);
98
102
  props = (0, provider_1.useProviderProps)(props);
99
- props = (0, Form_1.useFormProps)(props);
103
+ props = (0, Form_1.useFieldProps)(props, {
104
+ valuePropsMapper: ({ value, onChange }) => ({
105
+ isSelected: value != null ? value : false,
106
+ isIndeterminate: false,
107
+ onChange: onChange,
108
+ }),
109
+ });
100
110
  let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, labelSuffix, ...otherProps } = props;
101
111
  label = label || children;
102
112
  let styles = (0, tasty_1.extractStyles)(props, tasty_1.OUTER_STYLES);
@@ -143,13 +153,6 @@ function Switch(props, ref) {
143
153
  return ((0, jsx_runtime_1.jsxs)(SwitchLabelElement, { styles: styles, mods: mods, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [switchField, label && ((0, jsx_runtime_1.jsxs)(tasty_1.Element, { styles: labelStyles, mods: {
144
154
  disabled: isDisabled,
145
155
  }, ...(0, tasty_1.filterBaseProps)(labelProps), children: [label, isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }, void 0) : null, (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0)] }, void 0)) : null] }, void 0))] }, void 0));
146
- }
147
- /**
148
- * Switches allow users to turn an individual option on or off.
149
- * They are usually used to activate or deactivate a specific setting.
150
- */
151
- let _Switch = (0, react_1.forwardRef)(Switch);
152
- exports.Switch = _Switch;
153
- _Switch.cubeInputType = 'Checkbox';
156
+ });
154
157
 
155
158
 
@@ -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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -12,22 +12,35 @@ const jsx_runtime_1 = require("react/jsx-runtime");
12
12
  const react_1 = require("react");
13
13
  const utils_1 = require("@react-stately/utils");
14
14
  const textfield_1 = require("@react-aria/textfield");
15
- const TextInputBase_1 = require("../TextInput/TextInputBase");
15
+ const TextInput_1 = require("../TextInput");
16
16
  const provider_1 = require("../../../provider");
17
17
  const nullableValue_1 = require("../../../utils/react/nullableValue");
18
18
  const react_2 = require("../../../utils/react");
19
- function TextArea(props, ref) {
19
+ const Form_1 = require("../Form");
20
+ const _internal_1 = require("../../../_internal");
21
+ /**
22
+ * TextInputs are text inputs that allow users to input custom text entries
23
+ * with a keyboard. Various decorations can be displayed around the field to
24
+ * communicate the entry requirements.
25
+ */
26
+ exports.TextArea = (0, react_1.forwardRef)(function TextArea(props, ref) {
20
27
  props = (0, nullableValue_1.castNullableStringValue)(props);
21
28
  props = (0, provider_1.useProviderProps)(props);
22
- let { autoSize = false, isDisabled = false, isReadOnly = false, isRequired = false, onChange, rows, ...otherProps } = props;
23
- rows = rows || 3;
24
- let [inputValue, setInputValue] = (0, utils_1.useControlledState)(props.value, props.defaultValue, () => { });
25
- let inputRef = (0, react_1.useRef)(null);
26
- let onHeightChange = (0, react_1.useCallback)(() => {
29
+ props = (0, Form_1.useFieldProps)(props, {
30
+ defaultValidationTrigger: 'onBlur',
31
+ valuePropsMapper: ({ value, onChange }) => ({
32
+ onChange,
33
+ value: value?.toString() ?? '',
34
+ }),
35
+ });
36
+ const { autoSize = false, isDisabled = false, isReadOnly = false, isRequired = false, onChange, rows = 3, ...otherProps } = props;
37
+ const [inputValue, setInputValue] = (0, utils_1.useControlledState)(props.value, props.defaultValue, () => { });
38
+ const inputRef = (0, react_1.useRef)(null);
39
+ const onHeightChange = (0, _internal_1.useEvent)(() => {
27
40
  if (autoSize && inputRef.current) {
28
- let input = inputRef.current;
29
- let prevAlignment = input.style.alignSelf;
30
- let computedStyle = getComputedStyle(input);
41
+ const input = inputRef.current;
42
+ const prevAlignment = input.style.alignSelf;
43
+ const computedStyle = getComputedStyle(input);
31
44
  input.style.alignSelf = 'start';
32
45
  input.style.height = 'auto';
33
46
  input.style.height = input.scrollHeight
@@ -38,26 +51,16 @@ function TextArea(props, ref) {
38
51
  2}px`;
39
52
  input.style.alignSelf = prevAlignment;
40
53
  }
41
- }, [inputRef]);
54
+ });
42
55
  (0, react_2.useLayoutEffect)(() => {
43
- if (inputRef.current) {
44
- onHeightChange();
45
- }
46
- }, [onHeightChange, inputValue, inputRef]);
47
- let { labelProps, inputProps } = (0, textfield_1.useTextField)({
56
+ onHeightChange();
57
+ }, [onHeightChange, inputValue]);
58
+ const { labelProps, inputProps } = (0, textfield_1.useTextField)({
48
59
  ...props,
49
60
  onChange: (0, react_2.chain)(onChange, setInputValue),
50
61
  inputElementType: 'textarea',
51
62
  }, inputRef);
52
- return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ...otherProps, ref: ref, multiLine: true, inputRef: inputRef, labelProps: labelProps, inputProps: inputProps, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }, void 0));
53
- }
54
- /**
55
- * TextInputs are text inputs that allow users to input custom text entries
56
- * with a keyboard. Various decorations can be displayed around the field to
57
- * communicate the entry requirements.
58
- */
59
- const _TextArea = (0, react_1.forwardRef)(TextArea);
60
- exports.TextArea = _TextArea;
61
- _TextArea.cubeInputType = 'Text';
63
+ return ((0, jsx_runtime_1.jsx)(TextInput_1.TextInputBase, { ...otherProps, ref: ref, multiLine: true, inputRef: inputRef, labelProps: labelProps, inputProps: inputProps, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }, void 0));
64
+ });
62
65
 
63
66
 
@@ -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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -13,19 +13,26 @@ const react_1 = require("react");
13
13
  const textfield_1 = require("@react-aria/textfield");
14
14
  const provider_1 = require("../../../provider");
15
15
  const nullableValue_1 = require("../../../utils/react/nullableValue");
16
+ const Form_1 = require("../Form");
16
17
  const TextInputBase_1 = require("./TextInputBase");
17
- exports.TextInput = (0, react_1.forwardRef)(function TextInput(props, ref) {
18
- (0, nullableValue_1.castNullableStringValue)(props);
19
- props = (0, provider_1.useProviderProps)(props);
20
- let inputRef = (0, react_1.useRef)(null);
21
- let { labelProps, inputProps } = (0, textfield_1.useTextField)(props, inputRef);
22
- return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ...props, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef }, void 0));
23
- });
24
18
  /**
25
19
  * TextInputs are text inputs that allow users to input custom text entries
26
20
  * with a keyboard. Various decorations can be displayed around the field to
27
21
  * communicate the entry requirements.
28
22
  */
29
- exports.TextInput.cubeInputType = 'Text';
23
+ exports.TextInput = (0, react_1.forwardRef)(function TextInput(props, ref) {
24
+ props = (0, nullableValue_1.castNullableStringValue)(props);
25
+ props = (0, provider_1.useProviderProps)(props);
26
+ props = (0, Form_1.useFieldProps)(props, {
27
+ defaultValidationTrigger: 'onBlur',
28
+ valuePropsMapper: ({ value, onChange }) => ({
29
+ onChange,
30
+ value: value?.toString() ?? '',
31
+ }),
32
+ });
33
+ const inputRef = (0, react_1.useRef)(null);
34
+ const { labelProps, inputProps } = (0, textfield_1.useTextField)(props, inputRef);
35
+ return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ...props, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef }, void 0));
36
+ });
30
37
 
31
38
 
@@ -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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -13,8 +13,6 @@ const icons_1 = require("@ant-design/icons");
13
13
  const utils_1 = require("@react-spectrum/utils");
14
14
  const react_1 = require("react");
15
15
  const interactions_1 = require("@react-aria/interactions");
16
- const Form_1 = require("../Form");
17
- const provider_1 = require("../../../provider");
18
16
  const tasty_1 = require("../../../tasty");
19
17
  const interactions_2 = require("../../../utils/react/interactions");
20
18
  const FieldWrapper_1 = require("../FieldWrapper");
@@ -138,12 +136,10 @@ exports.DEFAULT_INPUT_STYLES = {
138
136
  },
139
137
  };
140
138
  const InputElement = (0, tasty_1.tasty)({ qa: 'Input', styles: exports.DEFAULT_INPUT_STYLES });
141
- function TextInputBase(props, ref) {
142
- props = (0, provider_1.useProviderProps)(props);
143
- props = (0, Form_1.useFormProps)(props);
144
- let { qa, label, extra, mods, 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, icon, labelSuffix, ...otherProps } = props;
145
- let styles = (0, tasty_1.extractStyles)(otherProps, STYLE_LIST);
146
- let type = otherProps.type;
139
+ exports.TextInputBase = (0, react_1.forwardRef)(function TextInputBase(props, ref) {
140
+ let { qa, mods, prefix, isDisabled, multiLine, autoFocus, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, rows = 1, size, validationState, icon, type, ...otherProps } = props;
141
+ const { fieldWrapperProps, rest } = (0, FieldWrapper_1.extractFieldWrapperProps)(props);
142
+ const styles = (0, tasty_1.extractStyles)(rest, STYLE_LIST);
147
143
  inputStyles = (0, tasty_1.extractStyles)(otherProps, INPUT_STYLE_PROPS_LIST, inputStyles);
148
144
  let ElementType = multiLine ? 'textarea' : 'input';
149
145
  let { isFocused, focusProps } = (0, interactions_2.useFocus)({ isDisabled });
@@ -155,9 +151,7 @@ function TextInputBase(props, ref) {
155
151
  (0, react_1.useImperativeHandle)(ref, () => ({
156
152
  ...(0, utils_1.createFocusableRef)(domRef, inputRef),
157
153
  select() {
158
- if (inputRef?.current) {
159
- inputRef.current.select();
160
- }
154
+ inputRef?.current?.select();
161
155
  },
162
156
  getInputElement() {
163
157
  return inputRef?.current;
@@ -208,29 +202,7 @@ function TextInputBase(props, ref) {
208
202
  let textField = ((0, jsx_runtime_1.jsxs)(InputWrapperElement, { ref: wrapperRef, qa: qa || 'TextInput', mods: modifiers, "data-size": size, styles: wrapperStyles, ...wrapperProps, children: [(0, jsx_runtime_1.jsx)(InputElement, { as: ElementType, ...(0, react_2.mergeProps)(inputProps, focusProps, hoverProps), ref: inputRef, rows: multiLine ? rows : undefined, mods: modifiers, style: {
209
203
  WebkitTextSecurity: multiLine && type === 'password' ? 'disc' : 'initial',
210
204
  }, autoFocus: autoFocus, "data-size": size, styles: inputStyles, isDisabled: isDisabled }, void 0), prefix ? (0, jsx_runtime_1.jsx)("div", { "data-element": "Prefix", children: prefix }, void 0) : null, (0, jsx_runtime_1.jsxs)("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? ((0, jsx_runtime_1.jsxs)("div", { "data-element": "State", children: [validationState && !isLoading ? validation : null, isLoading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, { "data-element": "InputIcon" }, void 0)] }, void 0)) : null, suffixPosition === 'after' ? suffix : null] }, void 0)] }, void 0));
211
- return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
212
- labelPosition,
213
- label,
214
- extra,
215
- styles,
216
- isRequired,
217
- labelStyles,
218
- necessityIndicator,
219
- necessityLabel,
220
- labelProps,
221
- isDisabled,
222
- validationState,
223
- message,
224
- description,
225
- requiredMark,
226
- tooltip,
227
- isHidden,
228
- labelSuffix,
229
- Component: textField,
230
- ref: domRef,
231
- } }, void 0));
232
- }
233
- const _TextInputBase = (0, react_1.forwardRef)(TextInputBase);
234
- exports.TextInputBase = _TextInputBase;
205
+ return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...fieldWrapperProps, ref: domRef, styles: styles, isDisabled: isDisabled, Component: textField }, void 0));
206
+ });
235
207
 
236
208
 
@@ -0,0 +1,23 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ "use strict";
9
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
12
+ }) : (function(o, m, k, k2) {
13
+ if (k2 === undefined) k2 = k;
14
+ o[k2] = m[k];
15
+ }));
16
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
17
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
18
+ };
19
+ Object.defineProperty(exports, "__esModule", { value: true });
20
+ __exportStar(require("./TextInput"), exports);
21
+ __exportStar(require("./TextInputBase"), exports);
22
+
23
+
@@ -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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
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-d37d372
4
+ * @cube-dev/ui-kit v0.0.0-canary-5b7252a
5
5
  * Released under the MIT license.
6
6
  */
7
7