@cube-dev/ui-kit 0.0.0-canary-85915a2 → 0.0.0-canary-bee8cc8

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 (559) hide show
  1. package/CHANGELOG.md +270 -0
  2. package/cjs/_internal/hooks/index.js +3 -7
  3. package/cjs/_internal/hooks/use-chained-callback.js +1 -1
  4. package/cjs/_internal/hooks/use-deprecation-warning.js +1 -1
  5. package/cjs/_internal/hooks/use-event.js +1 -1
  6. package/cjs/_internal/hooks/use-sync-ref.js +1 -1
  7. package/cjs/_internal/hooks/use-timer/index.js +1 -1
  8. package/cjs/_internal/hooks/use-timer/timer.js +1 -1
  9. package/cjs/_internal/hooks/use-timer/use-timer.js +7 -7
  10. package/cjs/_internal/index.js +1 -1
  11. package/cjs/components/Base.js +2 -2
  12. package/cjs/components/Block.js +1 -1
  13. package/cjs/components/GlobalStyles.js +1 -1
  14. package/cjs/components/GridProvider.js +2 -3
  15. package/cjs/components/HiddenInput.js +1 -1
  16. package/cjs/components/OpenTrasition.js +1 -1
  17. package/cjs/components/Root.js +2 -2
  18. package/cjs/components/actions/Action.js +2 -2
  19. package/cjs/components/actions/Button/Button.js +3 -3
  20. package/cjs/components/actions/Button/Submit.js +1 -1
  21. package/cjs/components/actions/Button/index.js +1 -1
  22. package/cjs/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  23. package/cjs/components/actions/index.js +1 -1
  24. package/cjs/components/content/ActiveZone/ActiveZone.js +1 -1
  25. package/cjs/components/content/Alert/Alert.js +1 -1
  26. package/cjs/components/content/Alert/index.js +1 -1
  27. package/cjs/components/content/Alert/types.js +1 -1
  28. package/cjs/components/content/Alert/use-alert.js +2 -3
  29. package/cjs/components/content/Avatar/Avatar.js +1 -1
  30. package/cjs/components/content/Badge/Badge.js +1 -1
  31. package/cjs/components/content/Card/Card.js +1 -1
  32. package/cjs/components/content/Content.js +1 -1
  33. package/cjs/components/content/CopySnippet/CopySnippet.js +1 -1
  34. package/cjs/components/content/CopySnippet/index.js +1 -1
  35. package/cjs/components/content/Divider.js +1 -1
  36. package/cjs/components/content/Footer.js +1 -1
  37. package/cjs/components/content/Header.js +1 -1
  38. package/cjs/components/content/Paragraph.js +1 -1
  39. package/cjs/components/content/Placeholder/Placeholder.js +1 -1
  40. package/cjs/components/content/PrismCode/PrismCode.js +1 -1
  41. package/cjs/components/content/Result/Result.js +2 -2
  42. package/cjs/components/content/Skeleton/Skeleton.js +1 -1
  43. package/cjs/components/content/Tag/Tag.js +1 -1
  44. package/cjs/components/content/Text.js +1 -1
  45. package/cjs/components/content/Title.js +1 -1
  46. package/cjs/components/forms/Checkbox/Checkbox.js +1 -1
  47. package/cjs/components/forms/Checkbox/CheckboxGroup.js +1 -1
  48. package/cjs/components/forms/Checkbox/context.js +1 -1
  49. package/cjs/components/forms/{FieldWrapper/FieldWrapper.js → FieldWrapper.js} +10 -13
  50. package/cjs/components/forms/FileInput/FileInput.js +8 -9
  51. package/cjs/components/forms/Form/{LegacyField.js → Field.js} +5 -5
  52. package/cjs/components/forms/Form/Form.js +8 -8
  53. package/cjs/components/forms/Form/index.js +1 -12
  54. package/cjs/components/forms/Form/types.js +1 -1
  55. package/cjs/components/forms/Form/useForm.js +4 -7
  56. package/cjs/components/forms/Form/validation.js +2 -2
  57. package/cjs/components/forms/Input/Input.js +1 -1
  58. package/cjs/components/forms/Input/index.js +1 -1
  59. package/cjs/components/forms/Label.js +1 -1
  60. package/cjs/components/forms/NumberInput/NumberInput.js +1 -1
  61. package/cjs/components/forms/NumberInput/StepButton.js +1 -1
  62. package/cjs/components/forms/PasswordInput/PasswordInput.js +1 -1
  63. package/cjs/components/forms/RadioGroup/Radio.js +1 -1
  64. package/cjs/components/forms/RadioGroup/RadioGroup.js +1 -1
  65. package/cjs/components/forms/RadioGroup/context.js +1 -1
  66. package/cjs/components/forms/SearchInput/SearchInput.js +1 -1
  67. package/cjs/components/forms/Switch/Switch.js +1 -1
  68. package/cjs/components/forms/TextArea/TextArea.js +1 -1
  69. package/cjs/components/forms/TextInput/TextInput.js +1 -1
  70. package/cjs/components/forms/TextInput/TextInputBase.js +28 -10
  71. package/cjs/components/forms/index.js +1 -1
  72. package/cjs/components/layout/Flex.js +1 -1
  73. package/cjs/components/layout/Flow.js +1 -1
  74. package/cjs/components/layout/Grid.js +1 -1
  75. package/cjs/components/layout/Prefix.js +2 -2
  76. package/cjs/components/layout/Space.js +1 -1
  77. package/cjs/components/layout/Suffix.js +1 -1
  78. package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  79. package/cjs/components/navigation/Link/Link.js +1 -1
  80. package/cjs/components/organisms/FileTabs/FileTabs.js +1 -1
  81. package/cjs/components/organisms/Modal/Modal.js +1 -1
  82. package/cjs/components/organisms/StatsCard/StatsCard.js +1 -1
  83. package/cjs/components/other/Base64Upload/Base64Upload.js +1 -1
  84. package/cjs/components/other/CloudLogo/CloudLogo.js +1 -1
  85. package/cjs/components/overlays/AlertDialog/AlertDialog.js +3 -9
  86. package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +6 -7
  87. package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +2 -2
  88. package/cjs/components/overlays/AlertDialog/index.js +1 -1
  89. package/cjs/components/overlays/AlertDialog/types.js +1 -1
  90. package/cjs/components/overlays/Dialog/Dialog.js +1 -1
  91. package/cjs/components/overlays/Dialog/DialogContainer.js +1 -1
  92. package/cjs/components/overlays/Dialog/DialogForm.js +7 -7
  93. package/cjs/components/overlays/Dialog/DialogTrigger.js +1 -1
  94. package/cjs/components/overlays/Dialog/context.js +1 -1
  95. package/cjs/components/overlays/Dialog/index.js +1 -1
  96. package/cjs/components/overlays/Modal/Modal.js +1 -1
  97. package/cjs/components/overlays/Modal/OpenTransition.js +1 -1
  98. package/cjs/components/overlays/Modal/Overlay.js +3 -3
  99. package/cjs/components/overlays/Modal/Popover.js +1 -1
  100. package/cjs/components/overlays/Modal/Tray.js +1 -1
  101. package/cjs/components/overlays/Modal/Underlay.js +1 -1
  102. package/cjs/components/overlays/Modal/index.js +1 -1
  103. package/cjs/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
  104. package/cjs/components/overlays/NewNotifications/Bar/NotificationsBar.js +5 -4
  105. package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
  106. package/cjs/components/overlays/NewNotifications/Bar/index.js +1 -1
  107. package/cjs/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +2 -2
  108. package/cjs/components/overlays/NewNotifications/Dialog/index.js +1 -1
  109. package/cjs/components/overlays/NewNotifications/Notification.js +2 -2
  110. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationAction.js +3 -3
  111. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
  112. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
  113. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +2 -3
  114. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
  115. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
  116. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
  117. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationView.js +3 -3
  118. package/cjs/components/overlays/NewNotifications/NotificationView/index.js +1 -1
  119. package/cjs/components/overlays/NewNotifications/NotificationView/types.js +1 -1
  120. package/cjs/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
  121. package/cjs/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
  122. package/cjs/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +6 -8
  123. package/cjs/components/overlays/NewNotifications/NotificationsList.js +1 -1
  124. package/cjs/components/overlays/NewNotifications/hooks/index.js +1 -1
  125. package/cjs/components/overlays/NewNotifications/hooks/types.js +1 -1
  126. package/cjs/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
  127. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
  128. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
  129. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-observer.js +3 -4
  130. package/cjs/components/overlays/NewNotifications/index.js +1 -1
  131. package/cjs/components/overlays/NewNotifications/types.js +1 -1
  132. package/cjs/components/overlays/Notification/Notification.js +1 -1
  133. package/cjs/components/overlays/OverlayWrapper.js +1 -1
  134. package/cjs/components/overlays/Toasts/Toast.js +2 -2
  135. package/cjs/components/overlays/Toasts/index.js +1 -1
  136. package/cjs/components/overlays/Toasts/types.js +1 -1
  137. package/cjs/components/overlays/Toasts/use-toasts-api.js +1 -1
  138. package/cjs/components/overlays/Tooltip/Tooltip.js +5 -5
  139. package/cjs/components/overlays/Tooltip/TooltipProvider.js +1 -1
  140. package/cjs/components/overlays/Tooltip/TooltipTrigger.js +2 -3
  141. package/cjs/components/overlays/Tooltip/context.js +1 -1
  142. package/cjs/components/pickers/ComboBox/ComboBox.js +2 -3
  143. package/cjs/components/pickers/Menu/Menu.js +1 -1
  144. package/cjs/components/pickers/Menu/MenuButton.js +1 -1
  145. package/cjs/components/pickers/Menu/MenuItem.js +1 -1
  146. package/cjs/components/pickers/Menu/MenuSection.js +1 -1
  147. package/cjs/components/pickers/Menu/MenuTrigger.js +1 -1
  148. package/cjs/components/pickers/Menu/context.js +1 -1
  149. package/cjs/components/pickers/Menu/styled.js +1 -1
  150. package/cjs/components/pickers/Select/Select.js +5 -6
  151. package/cjs/components/portal/Portal.js +1 -1
  152. package/cjs/components/portal/PortalProvider.js +1 -1
  153. package/cjs/components/portal/index.js +1 -1
  154. package/cjs/components/portal/storybook/templates/CustomRoot.js +1 -1
  155. package/cjs/components/portal/storybook/templates/PortalOrder.js +1 -1
  156. package/cjs/components/portal/storybook/templates/basic.js +1 -1
  157. package/cjs/components/portal/storybook/templates/index.js +1 -1
  158. package/cjs/components/portal/types.js +1 -1
  159. package/cjs/components/portal/usePortal.js +5 -7
  160. package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  161. package/cjs/components/status/LoadingAnimation/index.js +1 -1
  162. package/cjs/components/status/Spin/Cube.js +1 -1
  163. package/cjs/components/status/Spin/InternalSpinner.js +1 -1
  164. package/cjs/components/status/Spin/Spin.js +1 -1
  165. package/cjs/components/status/Spin/SpinsContainer.js +1 -1
  166. package/cjs/components/status/Spin/index.js +1 -1
  167. package/cjs/components/status/Spin/types.js +1 -1
  168. package/cjs/components/status/index.js +1 -1
  169. package/cjs/data/themes.js +1 -1
  170. package/cjs/icons/Attention.js +1 -1
  171. package/cjs/icons/Cross.js +1 -1
  172. package/cjs/icons/Danger.js +1 -1
  173. package/cjs/icons/Success.js +1 -1
  174. package/cjs/icons/index.js +1 -1
  175. package/cjs/index.js +1 -1
  176. package/cjs/provider.js +1 -1
  177. package/cjs/providers/StyleProvider.js +1 -1
  178. package/cjs/services/notification.js +1 -1
  179. package/cjs/shared/form.js +1 -1
  180. package/cjs/shared/index.js +1 -1
  181. package/cjs/stories/FormFieldArgs.js +1 -1
  182. package/cjs/stories/components/ConfirmDeletionDialogForm.js +1 -1
  183. package/cjs/stories/components/DialogFormApp.js +1 -1
  184. package/cjs/stories/components/StyledButton.js +1 -1
  185. package/cjs/stories/lists/baseProps.js +1 -1
  186. package/cjs/styled/index.js +1 -1
  187. package/cjs/styled/styled.js +11 -12
  188. package/cjs/tasty/index.js +1 -1
  189. package/cjs/tasty/providers/BreakpointsProvider.js +1 -1
  190. package/cjs/tasty/styles/align.js +1 -1
  191. package/cjs/tasty/styles/border.js +1 -1
  192. package/cjs/tasty/styles/boxShadow.combinator.js +1 -1
  193. package/cjs/tasty/styles/color.js +1 -1
  194. package/cjs/tasty/styles/createStyle.js +2 -2
  195. package/cjs/tasty/styles/dimension.js +1 -1
  196. package/cjs/tasty/styles/display.js +1 -1
  197. package/cjs/tasty/styles/fill.js +1 -1
  198. package/cjs/tasty/styles/flow.js +1 -1
  199. package/cjs/tasty/styles/font.js +1 -1
  200. package/cjs/tasty/styles/fontStyle.js +1 -1
  201. package/cjs/tasty/styles/gap.js +1 -1
  202. package/cjs/tasty/styles/groupRadius.js +1 -1
  203. package/cjs/tasty/styles/height.js +1 -1
  204. package/cjs/tasty/styles/index.js +1 -1
  205. package/cjs/tasty/styles/justify.js +1 -1
  206. package/cjs/tasty/styles/list.js +1 -1
  207. package/cjs/tasty/styles/margin.js +1 -1
  208. package/cjs/tasty/styles/marginBlock.js +1 -1
  209. package/cjs/tasty/styles/marginInline.js +1 -1
  210. package/cjs/tasty/styles/outline.js +1 -1
  211. package/cjs/tasty/styles/padding.js +1 -1
  212. package/cjs/tasty/styles/paddingBlock.js +1 -1
  213. package/cjs/tasty/styles/paddingInline.js +1 -1
  214. package/cjs/tasty/styles/predefined.js +1 -1
  215. package/cjs/tasty/styles/preset.js +1 -1
  216. package/cjs/tasty/styles/radius.js +1 -1
  217. package/cjs/tasty/styles/reset.js +1 -1
  218. package/cjs/tasty/styles/shadow.js +1 -1
  219. package/cjs/tasty/styles/styledScrollbar.js +1 -1
  220. package/cjs/tasty/styles/transition.js +1 -1
  221. package/cjs/tasty/styles/types.js +1 -1
  222. package/cjs/tasty/styles/width.js +1 -1
  223. package/cjs/tasty/tasty.js +8 -9
  224. package/cjs/tasty/types.js +1 -1
  225. package/cjs/tasty/utils/colors.js +1 -1
  226. package/cjs/tasty/utils/dotize.js +1 -1
  227. package/cjs/tasty/utils/filterBaseProps.js +2 -2
  228. package/cjs/tasty/utils/get-display-name.js +2 -3
  229. package/cjs/tasty/utils/index.js +1 -1
  230. package/cjs/tasty/utils/mergeStyles.js +3 -3
  231. package/cjs/tasty/utils/modAttrs.js +1 -1
  232. package/cjs/tasty/utils/renderStyles.js +1 -1
  233. package/cjs/tasty/utils/responsive.js +1 -1
  234. package/cjs/tasty/utils/string.js +1 -1
  235. package/cjs/tasty/utils/styles.js +1 -1
  236. package/cjs/tasty/utils/warnings.js +1 -1
  237. package/cjs/test/index.js +1 -1
  238. package/cjs/test/render.js +1 -1
  239. package/cjs/test/setup.js +1 -1
  240. package/cjs/test/utils/index.js +1 -1
  241. package/cjs/test/utils/wait.js +1 -1
  242. package/cjs/tokens.js +1 -1
  243. package/cjs/type-checks.js +1 -1
  244. package/cjs/utils/ResizeSensor.js +19 -19
  245. package/cjs/utils/modules.js +1 -1
  246. package/cjs/utils/promise.js +1 -1
  247. package/cjs/utils/react/Slots.js +7 -12
  248. package/cjs/utils/react/chain.js +1 -1
  249. package/cjs/utils/react/index.js +1 -1
  250. package/cjs/utils/react/interactions.js +1 -1
  251. package/cjs/utils/react/isTextOnly.js +1 -1
  252. package/cjs/utils/react/mapProps.js +1 -1
  253. package/cjs/utils/react/mergeProps.js +3 -3
  254. package/cjs/utils/react/nullableValue.js +1 -1
  255. package/cjs/utils/react/useCombinedRefs.js +1 -1
  256. package/cjs/utils/react/useId.js +1 -1
  257. package/cjs/utils/react/useLayoutEffect.js +1 -1
  258. package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
  259. package/cjs/utils/transitions.js +1 -1
  260. package/cjs/utils/tree.js +1 -1
  261. package/cjs/utils/warnings.js +1 -1
  262. package/es/_internal/hooks/index.js +3 -7
  263. package/es/_internal/hooks/use-chained-callback.js +1 -1
  264. package/es/_internal/hooks/use-deprecation-warning.js +1 -1
  265. package/es/_internal/hooks/use-event.js +1 -1
  266. package/es/_internal/hooks/use-sync-ref.js +1 -1
  267. package/es/_internal/hooks/use-timer/index.js +1 -1
  268. package/es/_internal/hooks/use-timer/timer.js +1 -1
  269. package/es/_internal/hooks/use-timer/use-timer.js +7 -7
  270. package/es/_internal/index.js +1 -1
  271. package/es/components/Base.js +2 -2
  272. package/es/components/Block.js +1 -1
  273. package/es/components/GlobalStyles.js +1 -1
  274. package/es/components/GridProvider.js +2 -3
  275. package/es/components/HiddenInput.js +1 -1
  276. package/es/components/OpenTrasition.js +1 -1
  277. package/es/components/Root.js +2 -2
  278. package/es/components/actions/Action.js +2 -2
  279. package/es/components/actions/Button/Button.js +3 -3
  280. package/es/components/actions/Button/Submit.js +1 -1
  281. package/es/components/actions/Button/index.js +1 -1
  282. package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  283. package/es/components/actions/index.js +1 -1
  284. package/es/components/content/ActiveZone/ActiveZone.js +1 -1
  285. package/es/components/content/Alert/Alert.js +1 -1
  286. package/es/components/content/Alert/index.js +1 -1
  287. package/es/components/content/Alert/types.js +1 -1
  288. package/es/components/content/Alert/use-alert.js +2 -3
  289. package/es/components/content/Avatar/Avatar.js +1 -1
  290. package/es/components/content/Badge/Badge.js +1 -1
  291. package/es/components/content/Card/Card.js +1 -1
  292. package/es/components/content/Content.js +1 -1
  293. package/es/components/content/CopySnippet/CopySnippet.js +1 -1
  294. package/es/components/content/CopySnippet/index.js +1 -1
  295. package/es/components/content/Divider.js +1 -1
  296. package/es/components/content/Footer.js +1 -1
  297. package/es/components/content/Header.js +1 -1
  298. package/es/components/content/Paragraph.js +1 -1
  299. package/es/components/content/Placeholder/Placeholder.js +1 -1
  300. package/es/components/content/PrismCode/PrismCode.js +1 -1
  301. package/es/components/content/Result/Result.js +2 -2
  302. package/es/components/content/Skeleton/Skeleton.js +1 -1
  303. package/es/components/content/Tag/Tag.js +1 -1
  304. package/es/components/content/Text.js +1 -1
  305. package/es/components/content/Title.js +1 -1
  306. package/es/components/forms/Checkbox/Checkbox.js +1 -1
  307. package/es/components/forms/Checkbox/CheckboxGroup.js +1 -1
  308. package/es/components/forms/Checkbox/context.js +1 -1
  309. package/es/components/forms/{FieldWrapper/FieldWrapper.js → FieldWrapper.js} +10 -13
  310. package/es/components/forms/FileInput/FileInput.js +7 -8
  311. package/es/components/forms/Form/{LegacyField.js → Field.js} +5 -5
  312. package/es/components/forms/Form/Form.js +8 -8
  313. package/es/components/forms/Form/index.js +1 -2
  314. package/es/components/forms/Form/types.js +1 -1
  315. package/es/components/forms/Form/useForm.js +4 -7
  316. package/es/components/forms/Form/validation.js +2 -2
  317. package/es/components/forms/Input/Input.js +1 -1
  318. package/es/components/forms/Input/index.js +1 -1
  319. package/es/components/forms/Label.js +1 -1
  320. package/es/components/forms/NumberInput/NumberInput.js +1 -1
  321. package/es/components/forms/NumberInput/StepButton.js +1 -1
  322. package/es/components/forms/PasswordInput/PasswordInput.js +1 -1
  323. package/es/components/forms/RadioGroup/Radio.js +1 -1
  324. package/es/components/forms/RadioGroup/RadioGroup.js +1 -1
  325. package/es/components/forms/RadioGroup/context.js +1 -1
  326. package/es/components/forms/SearchInput/SearchInput.js +1 -1
  327. package/es/components/forms/Switch/Switch.js +1 -1
  328. package/es/components/forms/TextArea/TextArea.js +1 -1
  329. package/es/components/forms/TextInput/TextInput.js +1 -1
  330. package/es/components/forms/TextInput/TextInputBase.js +29 -11
  331. package/es/components/forms/index.js +1 -1
  332. package/es/components/layout/Flex.js +1 -1
  333. package/es/components/layout/Flow.js +1 -1
  334. package/es/components/layout/Grid.js +1 -1
  335. package/es/components/layout/Prefix.js +2 -2
  336. package/es/components/layout/Space.js +1 -1
  337. package/es/components/layout/Suffix.js +1 -1
  338. package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  339. package/es/components/navigation/Link/Link.js +1 -1
  340. package/es/components/organisms/FileTabs/FileTabs.js +1 -1
  341. package/es/components/organisms/Modal/Modal.js +1 -1
  342. package/es/components/organisms/StatsCard/StatsCard.js +1 -1
  343. package/es/components/other/Base64Upload/Base64Upload.js +1 -1
  344. package/es/components/other/CloudLogo/CloudLogo.js +1 -1
  345. package/es/components/overlays/AlertDialog/AlertDialog.js +3 -9
  346. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +6 -7
  347. package/es/components/overlays/AlertDialog/AlertDialogZone.js +2 -2
  348. package/es/components/overlays/AlertDialog/index.js +1 -1
  349. package/es/components/overlays/AlertDialog/types.js +1 -1
  350. package/es/components/overlays/Dialog/Dialog.js +1 -1
  351. package/es/components/overlays/Dialog/DialogContainer.js +1 -1
  352. package/es/components/overlays/Dialog/DialogForm.js +7 -7
  353. package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
  354. package/es/components/overlays/Dialog/context.js +1 -1
  355. package/es/components/overlays/Dialog/index.js +1 -1
  356. package/es/components/overlays/Modal/Modal.js +1 -1
  357. package/es/components/overlays/Modal/OpenTransition.js +1 -1
  358. package/es/components/overlays/Modal/Overlay.js +3 -3
  359. package/es/components/overlays/Modal/Popover.js +1 -1
  360. package/es/components/overlays/Modal/Tray.js +1 -1
  361. package/es/components/overlays/Modal/Underlay.js +1 -1
  362. package/es/components/overlays/Modal/index.js +1 -1
  363. package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
  364. package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +5 -4
  365. package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
  366. package/es/components/overlays/NewNotifications/Bar/index.js +1 -1
  367. package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +2 -2
  368. package/es/components/overlays/NewNotifications/Dialog/index.js +1 -1
  369. package/es/components/overlays/NewNotifications/Notification.js +2 -2
  370. package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +3 -3
  371. package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
  372. package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
  373. package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +2 -3
  374. package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
  375. package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
  376. package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
  377. package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +3 -3
  378. package/es/components/overlays/NewNotifications/NotificationView/index.js +1 -1
  379. package/es/components/overlays/NewNotifications/NotificationView/types.js +1 -1
  380. package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
  381. package/es/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
  382. package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +6 -8
  383. package/es/components/overlays/NewNotifications/NotificationsList.js +1 -1
  384. package/es/components/overlays/NewNotifications/hooks/index.js +1 -1
  385. package/es/components/overlays/NewNotifications/hooks/types.js +1 -1
  386. package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
  387. package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
  388. package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
  389. package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +3 -4
  390. package/es/components/overlays/NewNotifications/index.js +1 -1
  391. package/es/components/overlays/NewNotifications/types.js +1 -1
  392. package/es/components/overlays/Notification/Notification.js +1 -1
  393. package/es/components/overlays/OverlayWrapper.js +1 -1
  394. package/es/components/overlays/Toasts/Toast.js +2 -2
  395. package/es/components/overlays/Toasts/index.js +1 -1
  396. package/es/components/overlays/Toasts/types.js +1 -1
  397. package/es/components/overlays/Toasts/use-toasts-api.js +1 -1
  398. package/es/components/overlays/Tooltip/Tooltip.js +5 -5
  399. package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
  400. package/es/components/overlays/Tooltip/TooltipTrigger.js +2 -3
  401. package/es/components/overlays/Tooltip/context.js +1 -1
  402. package/es/components/pickers/ComboBox/ComboBox.js +2 -3
  403. package/es/components/pickers/Menu/Menu.js +1 -1
  404. package/es/components/pickers/Menu/MenuButton.js +1 -1
  405. package/es/components/pickers/Menu/MenuItem.js +1 -1
  406. package/es/components/pickers/Menu/MenuSection.js +1 -1
  407. package/es/components/pickers/Menu/MenuTrigger.js +1 -1
  408. package/es/components/pickers/Menu/context.js +1 -1
  409. package/es/components/pickers/Menu/styled.js +1 -1
  410. package/es/components/pickers/Select/Select.js +5 -6
  411. package/es/components/portal/Portal.js +1 -1
  412. package/es/components/portal/PortalProvider.js +1 -1
  413. package/es/components/portal/index.js +1 -1
  414. package/es/components/portal/storybook/templates/CustomRoot.js +1 -1
  415. package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
  416. package/es/components/portal/storybook/templates/basic.js +1 -1
  417. package/es/components/portal/storybook/templates/index.js +1 -1
  418. package/es/components/portal/types.js +1 -1
  419. package/es/components/portal/usePortal.js +5 -7
  420. package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  421. package/es/components/status/LoadingAnimation/index.js +1 -1
  422. package/es/components/status/Spin/Cube.js +1 -1
  423. package/es/components/status/Spin/InternalSpinner.js +1 -1
  424. package/es/components/status/Spin/Spin.js +1 -1
  425. package/es/components/status/Spin/SpinsContainer.js +1 -1
  426. package/es/components/status/Spin/index.js +1 -1
  427. package/es/components/status/Spin/types.js +1 -1
  428. package/es/components/status/index.js +1 -1
  429. package/es/data/themes.js +1 -1
  430. package/es/icons/Attention.js +1 -1
  431. package/es/icons/Cross.js +1 -1
  432. package/es/icons/Danger.js +1 -1
  433. package/es/icons/Success.js +1 -1
  434. package/es/icons/index.js +1 -1
  435. package/es/index.js +1 -1
  436. package/es/provider.js +1 -1
  437. package/es/providers/StyleProvider.js +1 -1
  438. package/es/services/notification.js +1 -1
  439. package/es/shared/form.js +1 -1
  440. package/es/shared/index.js +1 -1
  441. package/es/stories/FormFieldArgs.js +1 -1
  442. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  443. package/es/stories/components/DialogFormApp.js +1 -1
  444. package/es/stories/components/StyledButton.js +1 -1
  445. package/es/stories/lists/baseProps.js +1 -1
  446. package/es/styled/index.js +1 -1
  447. package/es/styled/styled.js +11 -12
  448. package/es/tasty/index.js +1 -1
  449. package/es/tasty/providers/BreakpointsProvider.js +1 -1
  450. package/es/tasty/styles/align.js +1 -1
  451. package/es/tasty/styles/border.js +1 -1
  452. package/es/tasty/styles/boxShadow.combinator.js +1 -1
  453. package/es/tasty/styles/color.js +1 -1
  454. package/es/tasty/styles/createStyle.js +2 -2
  455. package/es/tasty/styles/dimension.js +1 -1
  456. package/es/tasty/styles/display.js +1 -1
  457. package/es/tasty/styles/fill.js +1 -1
  458. package/es/tasty/styles/flow.js +1 -1
  459. package/es/tasty/styles/font.js +1 -1
  460. package/es/tasty/styles/fontStyle.js +1 -1
  461. package/es/tasty/styles/gap.js +1 -1
  462. package/es/tasty/styles/groupRadius.js +1 -1
  463. package/es/tasty/styles/height.js +1 -1
  464. package/es/tasty/styles/index.js +1 -1
  465. package/es/tasty/styles/justify.js +1 -1
  466. package/es/tasty/styles/list.js +1 -1
  467. package/es/tasty/styles/margin.js +1 -1
  468. package/es/tasty/styles/marginBlock.js +1 -1
  469. package/es/tasty/styles/marginInline.js +1 -1
  470. package/es/tasty/styles/outline.js +1 -1
  471. package/es/tasty/styles/padding.js +1 -1
  472. package/es/tasty/styles/paddingBlock.js +1 -1
  473. package/es/tasty/styles/paddingInline.js +1 -1
  474. package/es/tasty/styles/predefined.js +1 -1
  475. package/es/tasty/styles/preset.js +1 -1
  476. package/es/tasty/styles/radius.js +1 -1
  477. package/es/tasty/styles/reset.js +1 -1
  478. package/es/tasty/styles/shadow.js +1 -1
  479. package/es/tasty/styles/styledScrollbar.js +1 -1
  480. package/es/tasty/styles/transition.js +1 -1
  481. package/es/tasty/styles/types.js +1 -1
  482. package/es/tasty/styles/width.js +1 -1
  483. package/es/tasty/tasty.js +8 -9
  484. package/es/tasty/types.js +1 -1
  485. package/es/tasty/utils/colors.js +1 -1
  486. package/es/tasty/utils/dotize.js +1 -1
  487. package/es/tasty/utils/filterBaseProps.js +2 -2
  488. package/es/tasty/utils/get-display-name.js +2 -3
  489. package/es/tasty/utils/index.js +1 -1
  490. package/es/tasty/utils/mergeStyles.js +3 -3
  491. package/es/tasty/utils/modAttrs.js +1 -1
  492. package/es/tasty/utils/renderStyles.js +1 -1
  493. package/es/tasty/utils/responsive.js +1 -1
  494. package/es/tasty/utils/string.js +1 -1
  495. package/es/tasty/utils/styles.js +1 -1
  496. package/es/tasty/utils/warnings.js +1 -1
  497. package/es/test/index.js +1 -1
  498. package/es/test/render.js +1 -1
  499. package/es/test/setup.js +1 -1
  500. package/es/test/utils/index.js +1 -1
  501. package/es/test/utils/wait.js +1 -1
  502. package/es/tokens.js +1 -1
  503. package/es/type-checks.js +1 -1
  504. package/es/utils/ResizeSensor.js +19 -19
  505. package/es/utils/modules.js +1 -1
  506. package/es/utils/promise.js +1 -1
  507. package/es/utils/react/Slots.js +7 -12
  508. package/es/utils/react/chain.js +1 -1
  509. package/es/utils/react/index.js +1 -1
  510. package/es/utils/react/interactions.js +1 -1
  511. package/es/utils/react/isTextOnly.js +1 -1
  512. package/es/utils/react/mapProps.js +1 -1
  513. package/es/utils/react/mergeProps.js +3 -3
  514. package/es/utils/react/nullableValue.js +1 -1
  515. package/es/utils/react/useCombinedRefs.js +1 -1
  516. package/es/utils/react/useId.js +1 -1
  517. package/es/utils/react/useLayoutEffect.js +1 -1
  518. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  519. package/es/utils/transitions.js +1 -1
  520. package/es/utils/tree.js +1 -1
  521. package/es/utils/warnings.js +1 -1
  522. package/package.json +1 -1
  523. package/types/_internal/hooks/index.d.ts +2 -6
  524. package/types/components/forms/{FieldWrapper/types.d.ts → FieldWrapper.d.ts} +20 -15
  525. package/types/components/forms/Form/{LegacyField.d.ts → Field.d.ts} +1 -1
  526. package/types/components/forms/Form/index.d.ts +0 -1
  527. package/cjs/_internal/hooks/use-effect-once.js +0 -18
  528. package/cjs/_internal/hooks/use-is-first-render.js +0 -22
  529. package/cjs/_internal/hooks/use-update-effect.js +0 -24
  530. package/cjs/_internal/hooks/use-warn.js +0 -46
  531. package/cjs/components/forms/FieldWrapper/extract-field-wrapper-props.js +0 -50
  532. package/cjs/components/forms/FieldWrapper/index.js +0 -24
  533. package/cjs/components/forms/FieldWrapper/types.js +0 -11
  534. package/cjs/components/forms/Form/Field/Field.js +0 -153
  535. package/cjs/components/forms/Form/Field/FieldContext.js +0 -62
  536. package/cjs/components/forms/Form/Field/index.js +0 -23
  537. package/cjs/components/forms/Form/Field/types.js +0 -11
  538. package/es/_internal/hooks/use-effect-once.js +0 -14
  539. package/es/_internal/hooks/use-is-first-render.js +0 -18
  540. package/es/_internal/hooks/use-update-effect.js +0 -20
  541. package/es/_internal/hooks/use-warn.js +0 -23
  542. package/es/components/forms/FieldWrapper/extract-field-wrapper-props.js +0 -46
  543. package/es/components/forms/FieldWrapper/index.js +0 -12
  544. package/es/components/forms/FieldWrapper/types.js +0 -10
  545. package/es/components/forms/Form/Field/Field.js +0 -149
  546. package/es/components/forms/Form/Field/FieldContext.js +0 -38
  547. package/es/components/forms/Form/Field/index.js +0 -11
  548. package/es/components/forms/Form/Field/types.js +0 -10
  549. package/types/_internal/hooks/use-effect-once.d.ts +0 -2
  550. package/types/_internal/hooks/use-is-first-render.d.ts +0 -1
  551. package/types/_internal/hooks/use-update-effect.d.ts +0 -2
  552. package/types/_internal/hooks/use-warn.d.ts +0 -2
  553. package/types/components/forms/FieldWrapper/FieldWrapper.d.ts +0 -7
  554. package/types/components/forms/FieldWrapper/extract-field-wrapper-props.d.ts +0 -9
  555. package/types/components/forms/FieldWrapper/index.d.ts +0 -3
  556. package/types/components/forms/Form/Field/Field.d.ts +0 -4
  557. package/types/components/forms/Form/Field/FieldContext.d.ts +0 -26
  558. package/types/components/forms/Form/Field/index.d.ts +0 -2
  559. package/types/components/forms/Form/Field/types.d.ts +0 -28
@@ -1,46 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
17
- Object.defineProperty(o, "default", { enumerable: true, value: v });
18
- }) : function(o, v) {
19
- o["default"] = v;
20
- });
21
- var __importStar = (this && this.__importStar) || function (mod) {
22
- if (mod && mod.__esModule) return mod;
23
- var result = {};
24
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
25
- __setModuleDefault(result, mod);
26
- return result;
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.useWarn = void 0;
30
- const React = __importStar(require("react"));
31
- const warnings_1 = require("../../utils/warnings");
32
- function useWarn(condition, ...args) {
33
- const didWarn = React.useRef(false);
34
- React.useEffect(() => {
35
- if (didWarn.current)
36
- return;
37
- didWarn.current = true;
38
- if (condition) {
39
- (0, warnings_1.warn)(...args);
40
- }
41
- // eslint-disable-next-line react-hooks/exhaustive-deps
42
- }, [condition]);
43
- }
44
- exports.useWarn = useWarn;
45
-
46
-
@@ -1,50 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
5
- * Released under the MIT license.
6
- */
7
-
8
- "use strict";
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.extractFieldWrapperProps = void 0;
11
- const createFieldWrapperPropsKeys = (arr) => new Set(arr);
12
- const fieldWrapperPropsKeys = createFieldWrapperPropsKeys([
13
- 'as',
14
- 'validationState',
15
- 'styles',
16
- 'isRequired',
17
- 'isDisabled',
18
- 'fieldProps',
19
- 'isHidden',
20
- 'label',
21
- 'labelPosition',
22
- 'labelSuffix',
23
- 'labelStyles',
24
- 'labelProps',
25
- 'description',
26
- 'requiredMark',
27
- 'tooltip',
28
- 'extra',
29
- 'necessityLabel',
30
- 'necessityIndicator',
31
- 'message',
32
- 'messageStyles',
33
- 'Component',
34
- ]);
35
- function extractFieldWrapperProps(props) {
36
- const fieldWrapperProps = {};
37
- const rest = {};
38
- for (const [key, prop] of Object.entries(props)) {
39
- if (fieldWrapperPropsKeys.has(key)) {
40
- fieldWrapperProps[key] = prop;
41
- }
42
- else {
43
- rest[key] = prop;
44
- }
45
- }
46
- return { fieldWrapperProps, rest };
47
- }
48
- exports.extractFieldWrapperProps = extractFieldWrapperProps;
49
-
50
-
@@ -1,24 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
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("./FieldWrapper"), exports);
21
- __exportStar(require("./extract-field-wrapper-props"), exports);
22
- __exportStar(require("./types"), exports);
23
-
24
-
@@ -1,11 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
5
- * Released under the MIT license.
6
- */
7
-
8
- "use strict";
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
-
11
-
@@ -1,153 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
5
- * Released under the MIT license.
6
- */
7
-
8
- "use strict";
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.Field = void 0;
11
- const jsx_runtime_1 = require("react/jsx-runtime");
12
- const react_1 = require("react");
13
- const Form_1 = require("../Form");
14
- const _internal_1 = require("../../../../_internal");
15
- const FieldContext_1 = require("./FieldContext");
16
- const ID_MAP = {};
17
- function createId(name) {
18
- if (!name)
19
- return;
20
- if (!ID_MAP[name]) {
21
- ID_MAP[name] = [];
22
- }
23
- let i = 0;
24
- let id;
25
- do {
26
- id = i ? `${name}_${i}` : name;
27
- i++;
28
- } while (ID_MAP[name].includes(id));
29
- ID_MAP[name].push(id);
30
- return id;
31
- }
32
- function removeId(name, id) {
33
- if (!ID_MAP[name])
34
- return;
35
- ID_MAP[name] = ID_MAP[name].filter((_id) => _id !== id);
36
- }
37
- // function getDefaultValidateTrigger(type) {
38
- // type = type || '';
39
- //
40
- // return type === 'Number' || type.includes('Text') ? 'onBlur' : 'onChange';
41
- // }
42
- function Field(props) {
43
- const finalProps = (0, Form_1.useFormProps)(props);
44
- let { defaultValue, id, idPrefix, children, name, form, rules, validateTrigger, validationState, shouldUpdate, } = finalProps;
45
- const nonInput = !name;
46
- const fieldName = name != null ? (Array.isArray(name) ? name.join('.') : name) : '';
47
- const isFirstRender = (0, _internal_1.useIsFirstRender)();
48
- const [fieldId, setFieldId] = (0, react_1.useState)(id !== null && id !== void 0 ? id : (idPrefix ? `${idPrefix}_${fieldName}` : fieldName));
49
- (0, _internal_1.useWarn)(!form, 'Form Field requires declared form instance if field name is specified');
50
- (0, react_1.useEffect)(() => {
51
- let newId;
52
- if (!id && !nonInput) {
53
- newId = createId(fieldId);
54
- setFieldId(newId);
55
- }
56
- return () => {
57
- if (!id) {
58
- removeId(idPrefix ? `${idPrefix}_${fieldName}` : fieldName, newId);
59
- }
60
- if (fieldName && form) {
61
- form.removeField(fieldName);
62
- }
63
- };
64
- }, []);
65
- let field = form === null || form === void 0 ? void 0 : form.getFieldInstance(fieldName);
66
- if (field) {
67
- field.rules = rules;
68
- }
69
- let isRequired = rules && !!rules.find((rule) => rule.required);
70
- (0, react_1.useEffect)(() => {
71
- if (!form)
72
- return;
73
- if (field) {
74
- form.forceReRender();
75
- }
76
- else {
77
- form.createField(fieldName);
78
- }
79
- }, [field]);
80
- const onBlurHandler = (0, _internal_1.useEvent)(() => {
81
- if (validateTrigger === 'onBlur') {
82
- // We need a timeout so the change event can be done.
83
- setTimeout(() => {
84
- form.validateField(fieldName).catch(() => { }); // do nothing on fail
85
- });
86
- }
87
- });
88
- const onChangeHandler = (0, _internal_1.useEvent)((val, dontTouch) => {
89
- var _a;
90
- const field = form.getFieldInstance(fieldName);
91
- if (shouldUpdate) {
92
- const fieldsValue = form.getFieldsValue();
93
- // check if we should update the value of the field
94
- const shouldNotBeUpdated = typeof shouldUpdate === 'boolean'
95
- ? !shouldUpdate
96
- : !shouldUpdate(fieldsValue, {
97
- ...fieldsValue,
98
- [fieldName]: val,
99
- });
100
- if (shouldNotBeUpdated) {
101
- return;
102
- }
103
- }
104
- form.setFieldValue(fieldName, val, !dontTouch, false, dontTouch);
105
- if (!dontTouch &&
106
- (validateTrigger === 'onChange' || ((_a = field === null || field === void 0 ? void 0 : field.errors) === null || _a === void 0 ? void 0 : _a.length))) {
107
- form.validateField(fieldName).catch(() => { }); // do nothing on fail
108
- }
109
- });
110
- const contextValue = (0, react_1.useMemo)(() => {
111
- var _a, _b, _c;
112
- return ({
113
- id: fieldId,
114
- name: fieldName,
115
- value: (_a = field === null || field === void 0 ? void 0 : field.inputValue) !== null && _a !== void 0 ? _a : null,
116
- validateTrigger,
117
- shouldUpdate,
118
- validationState: validationState !== null && validationState !== void 0 ? validationState : (((_b = field === null || field === void 0 ? void 0 : field.errors) === null || _b === void 0 ? void 0 : _b.length) ? 'invalid' : undefined),
119
- ...(isRequired && { isRequired }),
120
- ...(((_c = field === null || field === void 0 ? void 0 : field.errors) === null || _c === void 0 ? void 0 : _c.length) && { message: field.errors[0] }),
121
- onBlur: onBlurHandler,
122
- onChange: onChangeHandler,
123
- });
124
- }, [
125
- isRequired,
126
- shouldUpdate,
127
- validateTrigger,
128
- validationState,
129
- fieldId,
130
- fieldName,
131
- field === null || field === void 0 ? void 0 : field.errors,
132
- field === null || field === void 0 ? void 0 : field.inputValue,
133
- onBlurHandler,
134
- onChangeHandler,
135
- ]);
136
- const child = react_1.Children.only(typeof children === 'function' ? children(form) : children);
137
- if (!form || !child) {
138
- return null;
139
- }
140
- if (isFirstRender && defaultValue != null) {
141
- if (!field) {
142
- form.createField(fieldName, true);
143
- }
144
- if ((field === null || field === void 0 ? void 0 : field.value) == null) {
145
- form.setFieldValue(fieldName, defaultValue, false, true);
146
- field = form === null || form === void 0 ? void 0 : form.getFieldInstance(fieldName);
147
- }
148
- }
149
- return (0, jsx_runtime_1.jsx)(FieldContext_1.FieldProvider, { value: contextValue, children: child }, void 0);
150
- }
151
- exports.Field = Field;
152
-
153
-
@@ -1,62 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
17
- Object.defineProperty(o, "default", { enumerable: true, value: v });
18
- }) : function(o, v) {
19
- o["default"] = v;
20
- });
21
- var __importStar = (this && this.__importStar) || function (mod) {
22
- if (mod && mod.__esModule) return mod;
23
- var result = {};
24
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
25
- __setModuleDefault(result, mod);
26
- return result;
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.useFieldProps = exports.FieldProvider = void 0;
30
- const jsx_runtime_1 = require("react/jsx-runtime");
31
- const React = __importStar(require("react"));
32
- const _internal_1 = require("../../../../_internal");
33
- const FieldContext = React.createContext(null);
34
- function FieldProvider(props) {
35
- const { children, value } = props;
36
- return ((0, jsx_runtime_1.jsx)(FieldContext.Provider, { value: value, children: children }, void 0));
37
- }
38
- exports.FieldProvider = FieldProvider;
39
- function useFieldProps(props, params = {}) {
40
- const { valuePropsMapper, defaultValidationTrigger = 'onBlur' } = params;
41
- const fieldContext = React.useContext(FieldContext);
42
- const onBlurChained = (0, _internal_1.useChainedCallback)(fieldContext === null || fieldContext === void 0 ? void 0 : fieldContext.onBlur, props.onBlur);
43
- if (fieldContext === null) {
44
- return props;
45
- }
46
- const { value, onChange, validateTrigger = defaultValidationTrigger, ...rest } = fieldContext;
47
- return {
48
- ...props,
49
- ...(valuePropsMapper
50
- ? valuePropsMapper({
51
- value,
52
- onChange: (value, dontTouch) => onChange === null || onChange === void 0 ? void 0 : onChange(value, dontTouch, validateTrigger),
53
- })
54
- : { value, onChange }),
55
- ...rest,
56
- validateTrigger,
57
- onBlur: onBlurChained,
58
- };
59
- }
60
- exports.useFieldProps = useFieldProps;
61
-
62
-
@@ -1,23 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
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("./Field"), exports);
21
- __exportStar(require("./FieldContext"), exports);
22
-
23
-
@@ -1,11 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
5
- * Released under the MIT license.
6
- */
7
-
8
- "use strict";
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
-
11
-
@@ -1,14 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
5
- * Released under the MIT license.
6
- */
7
-
8
- import { useEffect } from 'react';
9
- export function useEffectOnce(effect) {
10
- // eslint-disable-next-line react-hooks/exhaustive-deps
11
- useEffect(effect, []);
12
- }
13
-
14
-
@@ -1,18 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
5
- * Released under the MIT license.
6
- */
7
-
8
- import { useRef } from 'react';
9
- export function useIsFirstRender() {
10
- const isFirst = useRef(true);
11
- if (isFirst.current) {
12
- isFirst.current = false;
13
- return true;
14
- }
15
- return isFirst.current;
16
- }
17
-
18
-
@@ -1,20 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
5
- * Released under the MIT license.
6
- */
7
-
8
- import { useEffect } from 'react';
9
- import { useIsFirstRender } from './use-is-first-render';
10
- export function useUpdateEffect(effect, deps) {
11
- const isFirst = useIsFirstRender();
12
- useEffect(() => {
13
- if (!isFirst) {
14
- return effect();
15
- }
16
- // eslint-disable-next-line react-hooks/exhaustive-deps
17
- }, deps);
18
- }
19
-
20
-
@@ -1,23 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
5
- * Released under the MIT license.
6
- */
7
-
8
- import * as React from 'react';
9
- import { warn } from '../../utils/warnings';
10
- export function useWarn(condition, ...args) {
11
- const didWarn = React.useRef(false);
12
- React.useEffect(() => {
13
- if (didWarn.current)
14
- return;
15
- didWarn.current = true;
16
- if (condition) {
17
- warn(...args);
18
- }
19
- // eslint-disable-next-line react-hooks/exhaustive-deps
20
- }, [condition]);
21
- }
22
-
23
-
@@ -1,46 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
5
- * Released under the MIT license.
6
- */
7
-
8
- const createFieldWrapperPropsKeys = (arr) => new Set(arr);
9
- const fieldWrapperPropsKeys = createFieldWrapperPropsKeys([
10
- 'as',
11
- 'validationState',
12
- 'styles',
13
- 'isRequired',
14
- 'isDisabled',
15
- 'fieldProps',
16
- 'isHidden',
17
- 'label',
18
- 'labelPosition',
19
- 'labelSuffix',
20
- 'labelStyles',
21
- 'labelProps',
22
- 'description',
23
- 'requiredMark',
24
- 'tooltip',
25
- 'extra',
26
- 'necessityLabel',
27
- 'necessityIndicator',
28
- 'message',
29
- 'messageStyles',
30
- 'Component',
31
- ]);
32
- export function extractFieldWrapperProps(props) {
33
- const fieldWrapperProps = {};
34
- const rest = {};
35
- for (const [key, prop] of Object.entries(props)) {
36
- if (fieldWrapperPropsKeys.has(key)) {
37
- fieldWrapperProps[key] = prop;
38
- }
39
- else {
40
- rest[key] = prop;
41
- }
42
- }
43
- return { fieldWrapperProps, rest };
44
- }
45
-
46
-
@@ -1,12 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
5
- * Released under the MIT license.
6
- */
7
-
8
- export * from './FieldWrapper';
9
- export * from './extract-field-wrapper-props';
10
- export * from './types';
11
-
12
-
@@ -1,10 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
5
- * Released under the MIT license.
6
- */
7
-
8
- export {};
9
-
10
-
@@ -1,149 +0,0 @@
1
- /**
2
- * @license MIT
3
- * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
5
- * Released under the MIT license.
6
- */
7
-
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- import { Children, useEffect, useMemo, useState } from 'react';
10
- import { useFormProps } from '../Form';
11
- import { useEvent, useIsFirstRender, useWarn } from '../../../../_internal';
12
- import { FieldProvider } from './FieldContext';
13
- const ID_MAP = {};
14
- function createId(name) {
15
- if (!name)
16
- return;
17
- if (!ID_MAP[name]) {
18
- ID_MAP[name] = [];
19
- }
20
- let i = 0;
21
- let id;
22
- do {
23
- id = i ? `${name}_${i}` : name;
24
- i++;
25
- } while (ID_MAP[name].includes(id));
26
- ID_MAP[name].push(id);
27
- return id;
28
- }
29
- function removeId(name, id) {
30
- if (!ID_MAP[name])
31
- return;
32
- ID_MAP[name] = ID_MAP[name].filter((_id) => _id !== id);
33
- }
34
- // function getDefaultValidateTrigger(type) {
35
- // type = type || '';
36
- //
37
- // return type === 'Number' || type.includes('Text') ? 'onBlur' : 'onChange';
38
- // }
39
- export function Field(props) {
40
- const finalProps = useFormProps(props);
41
- let { defaultValue, id, idPrefix, children, name, form, rules, validateTrigger, validationState, shouldUpdate, } = finalProps;
42
- const nonInput = !name;
43
- const fieldName = name != null ? (Array.isArray(name) ? name.join('.') : name) : '';
44
- const isFirstRender = useIsFirstRender();
45
- const [fieldId, setFieldId] = useState(id !== null && id !== void 0 ? id : (idPrefix ? `${idPrefix}_${fieldName}` : fieldName));
46
- useWarn(!form, 'Form Field requires declared form instance if field name is specified');
47
- useEffect(() => {
48
- let newId;
49
- if (!id && !nonInput) {
50
- newId = createId(fieldId);
51
- setFieldId(newId);
52
- }
53
- return () => {
54
- if (!id) {
55
- removeId(idPrefix ? `${idPrefix}_${fieldName}` : fieldName, newId);
56
- }
57
- if (fieldName && form) {
58
- form.removeField(fieldName);
59
- }
60
- };
61
- }, []);
62
- let field = form === null || form === void 0 ? void 0 : form.getFieldInstance(fieldName);
63
- if (field) {
64
- field.rules = rules;
65
- }
66
- let isRequired = rules && !!rules.find((rule) => rule.required);
67
- useEffect(() => {
68
- if (!form)
69
- return;
70
- if (field) {
71
- form.forceReRender();
72
- }
73
- else {
74
- form.createField(fieldName);
75
- }
76
- }, [field]);
77
- const onBlurHandler = useEvent(() => {
78
- if (validateTrigger === 'onBlur') {
79
- // We need a timeout so the change event can be done.
80
- setTimeout(() => {
81
- form.validateField(fieldName).catch(() => { }); // do nothing on fail
82
- });
83
- }
84
- });
85
- const onChangeHandler = useEvent((val, dontTouch) => {
86
- var _a;
87
- const field = form.getFieldInstance(fieldName);
88
- if (shouldUpdate) {
89
- const fieldsValue = form.getFieldsValue();
90
- // check if we should update the value of the field
91
- const shouldNotBeUpdated = typeof shouldUpdate === 'boolean'
92
- ? !shouldUpdate
93
- : !shouldUpdate(fieldsValue, {
94
- ...fieldsValue,
95
- [fieldName]: val,
96
- });
97
- if (shouldNotBeUpdated) {
98
- return;
99
- }
100
- }
101
- form.setFieldValue(fieldName, val, !dontTouch, false, dontTouch);
102
- if (!dontTouch &&
103
- (validateTrigger === 'onChange' || ((_a = field === null || field === void 0 ? void 0 : field.errors) === null || _a === void 0 ? void 0 : _a.length))) {
104
- form.validateField(fieldName).catch(() => { }); // do nothing on fail
105
- }
106
- });
107
- const contextValue = useMemo(() => {
108
- var _a, _b, _c;
109
- return ({
110
- id: fieldId,
111
- name: fieldName,
112
- value: (_a = field === null || field === void 0 ? void 0 : field.inputValue) !== null && _a !== void 0 ? _a : null,
113
- validateTrigger,
114
- shouldUpdate,
115
- validationState: validationState !== null && validationState !== void 0 ? validationState : (((_b = field === null || field === void 0 ? void 0 : field.errors) === null || _b === void 0 ? void 0 : _b.length) ? 'invalid' : undefined),
116
- ...(isRequired && { isRequired }),
117
- ...(((_c = field === null || field === void 0 ? void 0 : field.errors) === null || _c === void 0 ? void 0 : _c.length) && { message: field.errors[0] }),
118
- onBlur: onBlurHandler,
119
- onChange: onChangeHandler,
120
- });
121
- }, [
122
- isRequired,
123
- shouldUpdate,
124
- validateTrigger,
125
- validationState,
126
- fieldId,
127
- fieldName,
128
- field === null || field === void 0 ? void 0 : field.errors,
129
- field === null || field === void 0 ? void 0 : field.inputValue,
130
- onBlurHandler,
131
- onChangeHandler,
132
- ]);
133
- const child = Children.only(typeof children === 'function' ? children(form) : children);
134
- if (!form || !child) {
135
- return null;
136
- }
137
- if (isFirstRender && defaultValue != null) {
138
- if (!field) {
139
- form.createField(fieldName, true);
140
- }
141
- if ((field === null || field === void 0 ? void 0 : field.value) == null) {
142
- form.setFieldValue(fieldName, defaultValue, false, true);
143
- field = form === null || form === void 0 ? void 0 : form.getFieldInstance(fieldName);
144
- }
145
- }
146
- return _jsx(FieldProvider, { value: contextValue, children: child }, void 0);
147
- }
148
-
149
-