@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.
- package/CHANGELOG.md +270 -0
- package/cjs/_internal/hooks/index.js +3 -7
- package/cjs/_internal/hooks/use-chained-callback.js +1 -1
- package/cjs/_internal/hooks/use-deprecation-warning.js +1 -1
- package/cjs/_internal/hooks/use-event.js +1 -1
- package/cjs/_internal/hooks/use-sync-ref.js +1 -1
- package/cjs/_internal/hooks/use-timer/index.js +1 -1
- package/cjs/_internal/hooks/use-timer/timer.js +1 -1
- package/cjs/_internal/hooks/use-timer/use-timer.js +7 -7
- package/cjs/_internal/index.js +1 -1
- package/cjs/components/Base.js +2 -2
- package/cjs/components/Block.js +1 -1
- package/cjs/components/GlobalStyles.js +1 -1
- package/cjs/components/GridProvider.js +2 -3
- package/cjs/components/HiddenInput.js +1 -1
- package/cjs/components/OpenTrasition.js +1 -1
- package/cjs/components/Root.js +2 -2
- package/cjs/components/actions/Action.js +2 -2
- package/cjs/components/actions/Button/Button.js +3 -3
- package/cjs/components/actions/Button/Submit.js +1 -1
- package/cjs/components/actions/Button/index.js +1 -1
- package/cjs/components/actions/ButtonGroup/ButtonGroup.js +1 -1
- package/cjs/components/actions/index.js +1 -1
- package/cjs/components/content/ActiveZone/ActiveZone.js +1 -1
- package/cjs/components/content/Alert/Alert.js +1 -1
- package/cjs/components/content/Alert/index.js +1 -1
- package/cjs/components/content/Alert/types.js +1 -1
- package/cjs/components/content/Alert/use-alert.js +2 -3
- package/cjs/components/content/Avatar/Avatar.js +1 -1
- package/cjs/components/content/Badge/Badge.js +1 -1
- package/cjs/components/content/Card/Card.js +1 -1
- package/cjs/components/content/Content.js +1 -1
- package/cjs/components/content/CopySnippet/CopySnippet.js +1 -1
- package/cjs/components/content/CopySnippet/index.js +1 -1
- package/cjs/components/content/Divider.js +1 -1
- package/cjs/components/content/Footer.js +1 -1
- package/cjs/components/content/Header.js +1 -1
- package/cjs/components/content/Paragraph.js +1 -1
- package/cjs/components/content/Placeholder/Placeholder.js +1 -1
- package/cjs/components/content/PrismCode/PrismCode.js +1 -1
- package/cjs/components/content/Result/Result.js +2 -2
- package/cjs/components/content/Skeleton/Skeleton.js +1 -1
- package/cjs/components/content/Tag/Tag.js +1 -1
- package/cjs/components/content/Text.js +1 -1
- package/cjs/components/content/Title.js +1 -1
- package/cjs/components/forms/Checkbox/Checkbox.js +1 -1
- package/cjs/components/forms/Checkbox/CheckboxGroup.js +1 -1
- package/cjs/components/forms/Checkbox/context.js +1 -1
- package/cjs/components/forms/{FieldWrapper/FieldWrapper.js → FieldWrapper.js} +10 -13
- package/cjs/components/forms/FileInput/FileInput.js +8 -9
- package/cjs/components/forms/Form/{LegacyField.js → Field.js} +5 -5
- package/cjs/components/forms/Form/Form.js +8 -8
- package/cjs/components/forms/Form/index.js +1 -12
- package/cjs/components/forms/Form/types.js +1 -1
- package/cjs/components/forms/Form/useForm.js +4 -7
- package/cjs/components/forms/Form/validation.js +2 -2
- package/cjs/components/forms/Input/Input.js +1 -1
- package/cjs/components/forms/Input/index.js +1 -1
- package/cjs/components/forms/Label.js +1 -1
- package/cjs/components/forms/NumberInput/NumberInput.js +1 -1
- package/cjs/components/forms/NumberInput/StepButton.js +1 -1
- package/cjs/components/forms/PasswordInput/PasswordInput.js +1 -1
- package/cjs/components/forms/RadioGroup/Radio.js +1 -1
- package/cjs/components/forms/RadioGroup/RadioGroup.js +1 -1
- package/cjs/components/forms/RadioGroup/context.js +1 -1
- package/cjs/components/forms/SearchInput/SearchInput.js +1 -1
- package/cjs/components/forms/Switch/Switch.js +1 -1
- package/cjs/components/forms/TextArea/TextArea.js +1 -1
- package/cjs/components/forms/TextInput/TextInput.js +1 -1
- package/cjs/components/forms/TextInput/TextInputBase.js +28 -10
- package/cjs/components/forms/index.js +1 -1
- package/cjs/components/layout/Flex.js +1 -1
- package/cjs/components/layout/Flow.js +1 -1
- package/cjs/components/layout/Grid.js +1 -1
- package/cjs/components/layout/Prefix.js +2 -2
- package/cjs/components/layout/Space.js +1 -1
- package/cjs/components/layout/Suffix.js +1 -1
- package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
- package/cjs/components/navigation/Link/Link.js +1 -1
- package/cjs/components/organisms/FileTabs/FileTabs.js +1 -1
- package/cjs/components/organisms/Modal/Modal.js +1 -1
- package/cjs/components/organisms/StatsCard/StatsCard.js +1 -1
- package/cjs/components/other/Base64Upload/Base64Upload.js +1 -1
- package/cjs/components/other/CloudLogo/CloudLogo.js +1 -1
- package/cjs/components/overlays/AlertDialog/AlertDialog.js +3 -9
- package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +6 -7
- package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +2 -2
- package/cjs/components/overlays/AlertDialog/index.js +1 -1
- package/cjs/components/overlays/AlertDialog/types.js +1 -1
- package/cjs/components/overlays/Dialog/Dialog.js +1 -1
- package/cjs/components/overlays/Dialog/DialogContainer.js +1 -1
- package/cjs/components/overlays/Dialog/DialogForm.js +7 -7
- package/cjs/components/overlays/Dialog/DialogTrigger.js +1 -1
- package/cjs/components/overlays/Dialog/context.js +1 -1
- package/cjs/components/overlays/Dialog/index.js +1 -1
- package/cjs/components/overlays/Modal/Modal.js +1 -1
- package/cjs/components/overlays/Modal/OpenTransition.js +1 -1
- package/cjs/components/overlays/Modal/Overlay.js +3 -3
- package/cjs/components/overlays/Modal/Popover.js +1 -1
- package/cjs/components/overlays/Modal/Tray.js +1 -1
- package/cjs/components/overlays/Modal/Underlay.js +1 -1
- package/cjs/components/overlays/Modal/index.js +1 -1
- package/cjs/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
- package/cjs/components/overlays/NewNotifications/Bar/NotificationsBar.js +5 -4
- package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
- package/cjs/components/overlays/NewNotifications/Bar/index.js +1 -1
- package/cjs/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +2 -2
- package/cjs/components/overlays/NewNotifications/Dialog/index.js +1 -1
- package/cjs/components/overlays/NewNotifications/Notification.js +2 -2
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationAction.js +3 -3
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +2 -3
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationView.js +3 -3
- package/cjs/components/overlays/NewNotifications/NotificationView/index.js +1 -1
- package/cjs/components/overlays/NewNotifications/NotificationView/types.js +1 -1
- package/cjs/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
- package/cjs/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
- package/cjs/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +6 -8
- package/cjs/components/overlays/NewNotifications/NotificationsList.js +1 -1
- package/cjs/components/overlays/NewNotifications/hooks/index.js +1 -1
- package/cjs/components/overlays/NewNotifications/hooks/types.js +1 -1
- package/cjs/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
- package/cjs/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
- package/cjs/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
- package/cjs/components/overlays/NewNotifications/hooks/use-notifications-observer.js +3 -4
- package/cjs/components/overlays/NewNotifications/index.js +1 -1
- package/cjs/components/overlays/NewNotifications/types.js +1 -1
- package/cjs/components/overlays/Notification/Notification.js +1 -1
- package/cjs/components/overlays/OverlayWrapper.js +1 -1
- package/cjs/components/overlays/Toasts/Toast.js +2 -2
- package/cjs/components/overlays/Toasts/index.js +1 -1
- package/cjs/components/overlays/Toasts/types.js +1 -1
- package/cjs/components/overlays/Toasts/use-toasts-api.js +1 -1
- package/cjs/components/overlays/Tooltip/Tooltip.js +5 -5
- package/cjs/components/overlays/Tooltip/TooltipProvider.js +1 -1
- package/cjs/components/overlays/Tooltip/TooltipTrigger.js +2 -3
- package/cjs/components/overlays/Tooltip/context.js +1 -1
- package/cjs/components/pickers/ComboBox/ComboBox.js +2 -3
- package/cjs/components/pickers/Menu/Menu.js +1 -1
- package/cjs/components/pickers/Menu/MenuButton.js +1 -1
- package/cjs/components/pickers/Menu/MenuItem.js +1 -1
- package/cjs/components/pickers/Menu/MenuSection.js +1 -1
- package/cjs/components/pickers/Menu/MenuTrigger.js +1 -1
- package/cjs/components/pickers/Menu/context.js +1 -1
- package/cjs/components/pickers/Menu/styled.js +1 -1
- package/cjs/components/pickers/Select/Select.js +5 -6
- package/cjs/components/portal/Portal.js +1 -1
- package/cjs/components/portal/PortalProvider.js +1 -1
- package/cjs/components/portal/index.js +1 -1
- package/cjs/components/portal/storybook/templates/CustomRoot.js +1 -1
- package/cjs/components/portal/storybook/templates/PortalOrder.js +1 -1
- package/cjs/components/portal/storybook/templates/basic.js +1 -1
- package/cjs/components/portal/storybook/templates/index.js +1 -1
- package/cjs/components/portal/types.js +1 -1
- package/cjs/components/portal/usePortal.js +5 -7
- package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
- package/cjs/components/status/LoadingAnimation/index.js +1 -1
- package/cjs/components/status/Spin/Cube.js +1 -1
- package/cjs/components/status/Spin/InternalSpinner.js +1 -1
- package/cjs/components/status/Spin/Spin.js +1 -1
- package/cjs/components/status/Spin/SpinsContainer.js +1 -1
- package/cjs/components/status/Spin/index.js +1 -1
- package/cjs/components/status/Spin/types.js +1 -1
- package/cjs/components/status/index.js +1 -1
- package/cjs/data/themes.js +1 -1
- package/cjs/icons/Attention.js +1 -1
- package/cjs/icons/Cross.js +1 -1
- package/cjs/icons/Danger.js +1 -1
- package/cjs/icons/Success.js +1 -1
- package/cjs/icons/index.js +1 -1
- package/cjs/index.js +1 -1
- package/cjs/provider.js +1 -1
- package/cjs/providers/StyleProvider.js +1 -1
- package/cjs/services/notification.js +1 -1
- package/cjs/shared/form.js +1 -1
- package/cjs/shared/index.js +1 -1
- package/cjs/stories/FormFieldArgs.js +1 -1
- package/cjs/stories/components/ConfirmDeletionDialogForm.js +1 -1
- package/cjs/stories/components/DialogFormApp.js +1 -1
- package/cjs/stories/components/StyledButton.js +1 -1
- package/cjs/stories/lists/baseProps.js +1 -1
- package/cjs/styled/index.js +1 -1
- package/cjs/styled/styled.js +11 -12
- package/cjs/tasty/index.js +1 -1
- package/cjs/tasty/providers/BreakpointsProvider.js +1 -1
- package/cjs/tasty/styles/align.js +1 -1
- package/cjs/tasty/styles/border.js +1 -1
- package/cjs/tasty/styles/boxShadow.combinator.js +1 -1
- package/cjs/tasty/styles/color.js +1 -1
- package/cjs/tasty/styles/createStyle.js +2 -2
- package/cjs/tasty/styles/dimension.js +1 -1
- package/cjs/tasty/styles/display.js +1 -1
- package/cjs/tasty/styles/fill.js +1 -1
- package/cjs/tasty/styles/flow.js +1 -1
- package/cjs/tasty/styles/font.js +1 -1
- package/cjs/tasty/styles/fontStyle.js +1 -1
- package/cjs/tasty/styles/gap.js +1 -1
- package/cjs/tasty/styles/groupRadius.js +1 -1
- package/cjs/tasty/styles/height.js +1 -1
- package/cjs/tasty/styles/index.js +1 -1
- package/cjs/tasty/styles/justify.js +1 -1
- package/cjs/tasty/styles/list.js +1 -1
- package/cjs/tasty/styles/margin.js +1 -1
- package/cjs/tasty/styles/marginBlock.js +1 -1
- package/cjs/tasty/styles/marginInline.js +1 -1
- package/cjs/tasty/styles/outline.js +1 -1
- package/cjs/tasty/styles/padding.js +1 -1
- package/cjs/tasty/styles/paddingBlock.js +1 -1
- package/cjs/tasty/styles/paddingInline.js +1 -1
- package/cjs/tasty/styles/predefined.js +1 -1
- package/cjs/tasty/styles/preset.js +1 -1
- package/cjs/tasty/styles/radius.js +1 -1
- package/cjs/tasty/styles/reset.js +1 -1
- package/cjs/tasty/styles/shadow.js +1 -1
- package/cjs/tasty/styles/styledScrollbar.js +1 -1
- package/cjs/tasty/styles/transition.js +1 -1
- package/cjs/tasty/styles/types.js +1 -1
- package/cjs/tasty/styles/width.js +1 -1
- package/cjs/tasty/tasty.js +8 -9
- package/cjs/tasty/types.js +1 -1
- package/cjs/tasty/utils/colors.js +1 -1
- package/cjs/tasty/utils/dotize.js +1 -1
- package/cjs/tasty/utils/filterBaseProps.js +2 -2
- package/cjs/tasty/utils/get-display-name.js +2 -3
- package/cjs/tasty/utils/index.js +1 -1
- package/cjs/tasty/utils/mergeStyles.js +3 -3
- package/cjs/tasty/utils/modAttrs.js +1 -1
- package/cjs/tasty/utils/renderStyles.js +1 -1
- package/cjs/tasty/utils/responsive.js +1 -1
- package/cjs/tasty/utils/string.js +1 -1
- package/cjs/tasty/utils/styles.js +1 -1
- package/cjs/tasty/utils/warnings.js +1 -1
- package/cjs/test/index.js +1 -1
- package/cjs/test/render.js +1 -1
- package/cjs/test/setup.js +1 -1
- package/cjs/test/utils/index.js +1 -1
- package/cjs/test/utils/wait.js +1 -1
- package/cjs/tokens.js +1 -1
- package/cjs/type-checks.js +1 -1
- package/cjs/utils/ResizeSensor.js +19 -19
- package/cjs/utils/modules.js +1 -1
- package/cjs/utils/promise.js +1 -1
- package/cjs/utils/react/Slots.js +7 -12
- package/cjs/utils/react/chain.js +1 -1
- package/cjs/utils/react/index.js +1 -1
- package/cjs/utils/react/interactions.js +1 -1
- package/cjs/utils/react/isTextOnly.js +1 -1
- package/cjs/utils/react/mapProps.js +1 -1
- package/cjs/utils/react/mergeProps.js +3 -3
- package/cjs/utils/react/nullableValue.js +1 -1
- package/cjs/utils/react/useCombinedRefs.js +1 -1
- package/cjs/utils/react/useId.js +1 -1
- package/cjs/utils/react/useLayoutEffect.js +1 -1
- package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
- package/cjs/utils/transitions.js +1 -1
- package/cjs/utils/tree.js +1 -1
- package/cjs/utils/warnings.js +1 -1
- package/es/_internal/hooks/index.js +3 -7
- package/es/_internal/hooks/use-chained-callback.js +1 -1
- package/es/_internal/hooks/use-deprecation-warning.js +1 -1
- package/es/_internal/hooks/use-event.js +1 -1
- package/es/_internal/hooks/use-sync-ref.js +1 -1
- package/es/_internal/hooks/use-timer/index.js +1 -1
- package/es/_internal/hooks/use-timer/timer.js +1 -1
- package/es/_internal/hooks/use-timer/use-timer.js +7 -7
- package/es/_internal/index.js +1 -1
- package/es/components/Base.js +2 -2
- package/es/components/Block.js +1 -1
- package/es/components/GlobalStyles.js +1 -1
- package/es/components/GridProvider.js +2 -3
- package/es/components/HiddenInput.js +1 -1
- package/es/components/OpenTrasition.js +1 -1
- package/es/components/Root.js +2 -2
- package/es/components/actions/Action.js +2 -2
- package/es/components/actions/Button/Button.js +3 -3
- package/es/components/actions/Button/Submit.js +1 -1
- package/es/components/actions/Button/index.js +1 -1
- package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
- package/es/components/actions/index.js +1 -1
- package/es/components/content/ActiveZone/ActiveZone.js +1 -1
- package/es/components/content/Alert/Alert.js +1 -1
- package/es/components/content/Alert/index.js +1 -1
- package/es/components/content/Alert/types.js +1 -1
- package/es/components/content/Alert/use-alert.js +2 -3
- package/es/components/content/Avatar/Avatar.js +1 -1
- package/es/components/content/Badge/Badge.js +1 -1
- package/es/components/content/Card/Card.js +1 -1
- package/es/components/content/Content.js +1 -1
- package/es/components/content/CopySnippet/CopySnippet.js +1 -1
- package/es/components/content/CopySnippet/index.js +1 -1
- package/es/components/content/Divider.js +1 -1
- package/es/components/content/Footer.js +1 -1
- package/es/components/content/Header.js +1 -1
- package/es/components/content/Paragraph.js +1 -1
- package/es/components/content/Placeholder/Placeholder.js +1 -1
- package/es/components/content/PrismCode/PrismCode.js +1 -1
- package/es/components/content/Result/Result.js +2 -2
- package/es/components/content/Skeleton/Skeleton.js +1 -1
- package/es/components/content/Tag/Tag.js +1 -1
- package/es/components/content/Text.js +1 -1
- package/es/components/content/Title.js +1 -1
- package/es/components/forms/Checkbox/Checkbox.js +1 -1
- package/es/components/forms/Checkbox/CheckboxGroup.js +1 -1
- package/es/components/forms/Checkbox/context.js +1 -1
- package/es/components/forms/{FieldWrapper/FieldWrapper.js → FieldWrapper.js} +10 -13
- package/es/components/forms/FileInput/FileInput.js +7 -8
- package/es/components/forms/Form/{LegacyField.js → Field.js} +5 -5
- package/es/components/forms/Form/Form.js +8 -8
- package/es/components/forms/Form/index.js +1 -2
- package/es/components/forms/Form/types.js +1 -1
- package/es/components/forms/Form/useForm.js +4 -7
- package/es/components/forms/Form/validation.js +2 -2
- package/es/components/forms/Input/Input.js +1 -1
- package/es/components/forms/Input/index.js +1 -1
- package/es/components/forms/Label.js +1 -1
- package/es/components/forms/NumberInput/NumberInput.js +1 -1
- package/es/components/forms/NumberInput/StepButton.js +1 -1
- package/es/components/forms/PasswordInput/PasswordInput.js +1 -1
- package/es/components/forms/RadioGroup/Radio.js +1 -1
- package/es/components/forms/RadioGroup/RadioGroup.js +1 -1
- package/es/components/forms/RadioGroup/context.js +1 -1
- package/es/components/forms/SearchInput/SearchInput.js +1 -1
- package/es/components/forms/Switch/Switch.js +1 -1
- package/es/components/forms/TextArea/TextArea.js +1 -1
- package/es/components/forms/TextInput/TextInput.js +1 -1
- package/es/components/forms/TextInput/TextInputBase.js +29 -11
- package/es/components/forms/index.js +1 -1
- package/es/components/layout/Flex.js +1 -1
- package/es/components/layout/Flow.js +1 -1
- package/es/components/layout/Grid.js +1 -1
- package/es/components/layout/Prefix.js +2 -2
- package/es/components/layout/Space.js +1 -1
- package/es/components/layout/Suffix.js +1 -1
- package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
- package/es/components/navigation/Link/Link.js +1 -1
- package/es/components/organisms/FileTabs/FileTabs.js +1 -1
- package/es/components/organisms/Modal/Modal.js +1 -1
- package/es/components/organisms/StatsCard/StatsCard.js +1 -1
- package/es/components/other/Base64Upload/Base64Upload.js +1 -1
- package/es/components/other/CloudLogo/CloudLogo.js +1 -1
- package/es/components/overlays/AlertDialog/AlertDialog.js +3 -9
- package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +6 -7
- package/es/components/overlays/AlertDialog/AlertDialogZone.js +2 -2
- package/es/components/overlays/AlertDialog/index.js +1 -1
- package/es/components/overlays/AlertDialog/types.js +1 -1
- package/es/components/overlays/Dialog/Dialog.js +1 -1
- package/es/components/overlays/Dialog/DialogContainer.js +1 -1
- package/es/components/overlays/Dialog/DialogForm.js +7 -7
- package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
- package/es/components/overlays/Dialog/context.js +1 -1
- package/es/components/overlays/Dialog/index.js +1 -1
- package/es/components/overlays/Modal/Modal.js +1 -1
- package/es/components/overlays/Modal/OpenTransition.js +1 -1
- package/es/components/overlays/Modal/Overlay.js +3 -3
- package/es/components/overlays/Modal/Popover.js +1 -1
- package/es/components/overlays/Modal/Tray.js +1 -1
- package/es/components/overlays/Modal/Underlay.js +1 -1
- package/es/components/overlays/Modal/index.js +1 -1
- package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
- package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +5 -4
- package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
- package/es/components/overlays/NewNotifications/Bar/index.js +1 -1
- package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +2 -2
- package/es/components/overlays/NewNotifications/Dialog/index.js +1 -1
- package/es/components/overlays/NewNotifications/Notification.js +2 -2
- package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +3 -3
- package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +2 -3
- package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +3 -3
- package/es/components/overlays/NewNotifications/NotificationView/index.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/types.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +6 -8
- package/es/components/overlays/NewNotifications/NotificationsList.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/index.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/types.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +3 -4
- package/es/components/overlays/NewNotifications/index.js +1 -1
- package/es/components/overlays/NewNotifications/types.js +1 -1
- package/es/components/overlays/Notification/Notification.js +1 -1
- package/es/components/overlays/OverlayWrapper.js +1 -1
- package/es/components/overlays/Toasts/Toast.js +2 -2
- package/es/components/overlays/Toasts/index.js +1 -1
- package/es/components/overlays/Toasts/types.js +1 -1
- package/es/components/overlays/Toasts/use-toasts-api.js +1 -1
- package/es/components/overlays/Tooltip/Tooltip.js +5 -5
- package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
- package/es/components/overlays/Tooltip/TooltipTrigger.js +2 -3
- package/es/components/overlays/Tooltip/context.js +1 -1
- package/es/components/pickers/ComboBox/ComboBox.js +2 -3
- package/es/components/pickers/Menu/Menu.js +1 -1
- package/es/components/pickers/Menu/MenuButton.js +1 -1
- package/es/components/pickers/Menu/MenuItem.js +1 -1
- package/es/components/pickers/Menu/MenuSection.js +1 -1
- package/es/components/pickers/Menu/MenuTrigger.js +1 -1
- package/es/components/pickers/Menu/context.js +1 -1
- package/es/components/pickers/Menu/styled.js +1 -1
- package/es/components/pickers/Select/Select.js +5 -6
- package/es/components/portal/Portal.js +1 -1
- package/es/components/portal/PortalProvider.js +1 -1
- package/es/components/portal/index.js +1 -1
- package/es/components/portal/storybook/templates/CustomRoot.js +1 -1
- package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
- package/es/components/portal/storybook/templates/basic.js +1 -1
- package/es/components/portal/storybook/templates/index.js +1 -1
- package/es/components/portal/types.js +1 -1
- package/es/components/portal/usePortal.js +5 -7
- package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
- package/es/components/status/LoadingAnimation/index.js +1 -1
- package/es/components/status/Spin/Cube.js +1 -1
- package/es/components/status/Spin/InternalSpinner.js +1 -1
- package/es/components/status/Spin/Spin.js +1 -1
- package/es/components/status/Spin/SpinsContainer.js +1 -1
- package/es/components/status/Spin/index.js +1 -1
- package/es/components/status/Spin/types.js +1 -1
- package/es/components/status/index.js +1 -1
- package/es/data/themes.js +1 -1
- package/es/icons/Attention.js +1 -1
- package/es/icons/Cross.js +1 -1
- package/es/icons/Danger.js +1 -1
- package/es/icons/Success.js +1 -1
- package/es/icons/index.js +1 -1
- package/es/index.js +1 -1
- package/es/provider.js +1 -1
- package/es/providers/StyleProvider.js +1 -1
- package/es/services/notification.js +1 -1
- package/es/shared/form.js +1 -1
- package/es/shared/index.js +1 -1
- package/es/stories/FormFieldArgs.js +1 -1
- package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
- package/es/stories/components/DialogFormApp.js +1 -1
- package/es/stories/components/StyledButton.js +1 -1
- package/es/stories/lists/baseProps.js +1 -1
- package/es/styled/index.js +1 -1
- package/es/styled/styled.js +11 -12
- package/es/tasty/index.js +1 -1
- package/es/tasty/providers/BreakpointsProvider.js +1 -1
- package/es/tasty/styles/align.js +1 -1
- package/es/tasty/styles/border.js +1 -1
- package/es/tasty/styles/boxShadow.combinator.js +1 -1
- package/es/tasty/styles/color.js +1 -1
- package/es/tasty/styles/createStyle.js +2 -2
- package/es/tasty/styles/dimension.js +1 -1
- package/es/tasty/styles/display.js +1 -1
- package/es/tasty/styles/fill.js +1 -1
- package/es/tasty/styles/flow.js +1 -1
- package/es/tasty/styles/font.js +1 -1
- package/es/tasty/styles/fontStyle.js +1 -1
- package/es/tasty/styles/gap.js +1 -1
- package/es/tasty/styles/groupRadius.js +1 -1
- package/es/tasty/styles/height.js +1 -1
- package/es/tasty/styles/index.js +1 -1
- package/es/tasty/styles/justify.js +1 -1
- package/es/tasty/styles/list.js +1 -1
- package/es/tasty/styles/margin.js +1 -1
- package/es/tasty/styles/marginBlock.js +1 -1
- package/es/tasty/styles/marginInline.js +1 -1
- package/es/tasty/styles/outline.js +1 -1
- package/es/tasty/styles/padding.js +1 -1
- package/es/tasty/styles/paddingBlock.js +1 -1
- package/es/tasty/styles/paddingInline.js +1 -1
- package/es/tasty/styles/predefined.js +1 -1
- package/es/tasty/styles/preset.js +1 -1
- package/es/tasty/styles/radius.js +1 -1
- package/es/tasty/styles/reset.js +1 -1
- package/es/tasty/styles/shadow.js +1 -1
- package/es/tasty/styles/styledScrollbar.js +1 -1
- package/es/tasty/styles/transition.js +1 -1
- package/es/tasty/styles/types.js +1 -1
- package/es/tasty/styles/width.js +1 -1
- package/es/tasty/tasty.js +8 -9
- package/es/tasty/types.js +1 -1
- package/es/tasty/utils/colors.js +1 -1
- package/es/tasty/utils/dotize.js +1 -1
- package/es/tasty/utils/filterBaseProps.js +2 -2
- package/es/tasty/utils/get-display-name.js +2 -3
- package/es/tasty/utils/index.js +1 -1
- package/es/tasty/utils/mergeStyles.js +3 -3
- package/es/tasty/utils/modAttrs.js +1 -1
- package/es/tasty/utils/renderStyles.js +1 -1
- package/es/tasty/utils/responsive.js +1 -1
- package/es/tasty/utils/string.js +1 -1
- package/es/tasty/utils/styles.js +1 -1
- package/es/tasty/utils/warnings.js +1 -1
- package/es/test/index.js +1 -1
- package/es/test/render.js +1 -1
- package/es/test/setup.js +1 -1
- package/es/test/utils/index.js +1 -1
- package/es/test/utils/wait.js +1 -1
- package/es/tokens.js +1 -1
- package/es/type-checks.js +1 -1
- package/es/utils/ResizeSensor.js +19 -19
- package/es/utils/modules.js +1 -1
- package/es/utils/promise.js +1 -1
- package/es/utils/react/Slots.js +7 -12
- package/es/utils/react/chain.js +1 -1
- package/es/utils/react/index.js +1 -1
- package/es/utils/react/interactions.js +1 -1
- package/es/utils/react/isTextOnly.js +1 -1
- package/es/utils/react/mapProps.js +1 -1
- package/es/utils/react/mergeProps.js +3 -3
- package/es/utils/react/nullableValue.js +1 -1
- package/es/utils/react/useCombinedRefs.js +1 -1
- package/es/utils/react/useId.js +1 -1
- package/es/utils/react/useLayoutEffect.js +1 -1
- package/es/utils/react/wrapNodeIfPlain.js +1 -1
- package/es/utils/transitions.js +1 -1
- package/es/utils/tree.js +1 -1
- package/es/utils/warnings.js +1 -1
- package/package.json +1 -1
- package/types/_internal/hooks/index.d.ts +2 -6
- package/types/components/forms/{FieldWrapper/types.d.ts → FieldWrapper.d.ts} +20 -15
- package/types/components/forms/Form/{LegacyField.d.ts → Field.d.ts} +1 -1
- package/types/components/forms/Form/index.d.ts +0 -1
- package/cjs/_internal/hooks/use-effect-once.js +0 -18
- package/cjs/_internal/hooks/use-is-first-render.js +0 -22
- package/cjs/_internal/hooks/use-update-effect.js +0 -24
- package/cjs/_internal/hooks/use-warn.js +0 -46
- package/cjs/components/forms/FieldWrapper/extract-field-wrapper-props.js +0 -50
- package/cjs/components/forms/FieldWrapper/index.js +0 -24
- package/cjs/components/forms/FieldWrapper/types.js +0 -11
- package/cjs/components/forms/Form/Field/Field.js +0 -153
- package/cjs/components/forms/Form/Field/FieldContext.js +0 -62
- package/cjs/components/forms/Form/Field/index.js +0 -23
- package/cjs/components/forms/Form/Field/types.js +0 -11
- package/es/_internal/hooks/use-effect-once.js +0 -14
- package/es/_internal/hooks/use-is-first-render.js +0 -18
- package/es/_internal/hooks/use-update-effect.js +0 -20
- package/es/_internal/hooks/use-warn.js +0 -23
- package/es/components/forms/FieldWrapper/extract-field-wrapper-props.js +0 -46
- package/es/components/forms/FieldWrapper/index.js +0 -12
- package/es/components/forms/FieldWrapper/types.js +0 -10
- package/es/components/forms/Form/Field/Field.js +0 -149
- package/es/components/forms/Form/Field/FieldContext.js +0 -38
- package/es/components/forms/Form/Field/index.js +0 -11
- package/es/components/forms/Form/Field/types.js +0 -10
- package/types/_internal/hooks/use-effect-once.d.ts +0 -2
- package/types/_internal/hooks/use-is-first-render.d.ts +0 -1
- package/types/_internal/hooks/use-update-effect.d.ts +0 -2
- package/types/_internal/hooks/use-warn.d.ts +0 -2
- package/types/components/forms/FieldWrapper/FieldWrapper.d.ts +0 -7
- package/types/components/forms/FieldWrapper/extract-field-wrapper-props.d.ts +0 -9
- package/types/components/forms/FieldWrapper/index.d.ts +0 -3
- package/types/components/forms/Form/Field/Field.d.ts +0 -4
- package/types/components/forms/Form/Field/FieldContext.d.ts +0 -26
- package/types/components/forms/Form/Field/index.d.ts +0 -2
- package/types/components/forms/Form/Field/types.d.ts +0 -28
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-bee8cc8
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -12,7 +12,6 @@ const tasty_1 = require("../../../tasty");
|
|
|
12
12
|
const _internal_1 = require("../../../_internal");
|
|
13
13
|
const STYLE_LIST = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
|
|
14
14
|
function useAlert(props) {
|
|
15
|
-
var _a;
|
|
16
15
|
const { type, isDisabled = false, theme } = props;
|
|
17
16
|
const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST);
|
|
18
17
|
(0, _internal_1.useDeprecationWarning)(typeof type === 'undefined', {
|
|
@@ -20,7 +19,7 @@ function useAlert(props) {
|
|
|
20
19
|
name: 'Alert',
|
|
21
20
|
betterAlternative: 'theme',
|
|
22
21
|
});
|
|
23
|
-
const _theme = isDisabled ? 'disabled' :
|
|
22
|
+
const _theme = isDisabled ? 'disabled' : theme ?? type ?? 'note';
|
|
24
23
|
return {
|
|
25
24
|
styles,
|
|
26
25
|
theme: _theme,
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-bee8cc8
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -81,7 +81,7 @@ const statusIconMap = {
|
|
|
81
81
|
};
|
|
82
82
|
function Result(props, ref) {
|
|
83
83
|
let { children, icon, status, subTitle, subtitle, title, ...otherProps } = props;
|
|
84
|
-
subtitle = subtitle
|
|
84
|
+
subtitle = subtitle ?? subTitle;
|
|
85
85
|
if (icon && status) {
|
|
86
86
|
console.warn('Don\'t use "icon" and "status" together, it can lead to possible errors.');
|
|
87
87
|
}
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-bee8cc8
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -11,14 +11,14 @@ exports.FieldWrapper = void 0;
|
|
|
11
11
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
12
|
const react_1 = require("react");
|
|
13
13
|
const icons_1 = require("@ant-design/icons");
|
|
14
|
-
const Paragraph_1 = require("
|
|
15
|
-
const tasty_1 = require("
|
|
16
|
-
const TooltipProvider_1 = require("
|
|
17
|
-
const Text_1 = require("
|
|
18
|
-
const react_2 = require("
|
|
19
|
-
const Space_1 = require("
|
|
20
|
-
const Flex_1 = require("
|
|
21
|
-
const Label_1 = require("
|
|
14
|
+
const Paragraph_1 = require("../content/Paragraph");
|
|
15
|
+
const tasty_1 = require("../../tasty");
|
|
16
|
+
const TooltipProvider_1 = require("../overlays/Tooltip/TooltipProvider");
|
|
17
|
+
const Text_1 = require("../content/Text");
|
|
18
|
+
const react_2 = require("../../utils/react");
|
|
19
|
+
const Space_1 = require("../layout/Space");
|
|
20
|
+
const Flex_1 = require("../layout/Flex");
|
|
21
|
+
const Label_1 = require("./Label");
|
|
22
22
|
const FieldElement = (0, tasty_1.tasty)({
|
|
23
23
|
qa: 'Field',
|
|
24
24
|
styles: {
|
|
@@ -68,9 +68,6 @@ const MessageElement = (0, tasty_1.tasty)({
|
|
|
68
68
|
userSelect: 'none',
|
|
69
69
|
},
|
|
70
70
|
});
|
|
71
|
-
/**
|
|
72
|
-
* @internal Do not use this component directly.
|
|
73
|
-
*/
|
|
74
71
|
function FieldWrapper(props, ref) {
|
|
75
72
|
const { as, labelPosition = 'top', label, extra, styles, isRequired, isDisabled, labelStyles, necessityIndicator, labelProps, fieldProps, message, messageStyles, description, Component, validationState, requiredMark = true, tooltip, isHidden, labelSuffix, } = props;
|
|
76
73
|
const labelComponent = label ? ((0, jsx_runtime_1.jsx)(Label_1.Label, { as: as === 'label' ? 'div' : 'label', styles: labelStyles, labelPosition: labelPosition, isRequired: requiredMark ? isRequired : false, isDisabled: isDisabled, necessityIndicator: necessityIndicator, validationState: validationState, "aria-label": label, ...labelProps, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeContent: "baseline space-between", width: "100%", children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { placeItems: "center", gap: "0.25x", children: [(0, jsx_runtime_1.jsx)("div", { children: label }, void 0), tooltip ? ((0, jsx_runtime_1.jsx)(TooltipProvider_1.TooltipProvider, { activeWrap: true, title: tooltip, width: "initial max-content 40x", children: (0, jsx_runtime_1.jsx)(icons_1.InfoCircleOutlined, { style: { color: 'var(--primary-color)', margin: '0 4px' } }, void 0) }, void 0)) : null, (0, jsx_runtime_1.jsx)("div", { children: labelSuffix }, void 0)] }, void 0), extra && (0, jsx_runtime_1.jsx)(Text_1.Text, { preset: "t3", children: extra }, void 0)] }, void 0) }, void 0)) : null;
|
|
@@ -81,7 +78,7 @@ function FieldWrapper(props, ref) {
|
|
|
81
78
|
invalid: validationState === 'invalid',
|
|
82
79
|
valid: validationState === 'valid',
|
|
83
80
|
};
|
|
84
|
-
return ((0, jsx_runtime_1.jsxs)(FieldElement, { ref: ref, as: as
|
|
81
|
+
return ((0, jsx_runtime_1.jsxs)(FieldElement, { ref: ref, as: as || 'div', mods: mods, isHidden: isHidden, styles: styles, ...fieldProps, children: [labelComponent || descriptionComponent ? ((0, jsx_runtime_1.jsxs)("div", { "data-element": "LabelArea", children: [labelComponent, descriptionComponent] }, void 0)) : null, (0, jsx_runtime_1.jsxs)("div", { "data-element": "InputArea", children: [Component, message && !isDisabled && ((0, jsx_runtime_1.jsx)(MessageElement, { mods: mods, styles: messageStyles, role: validationState === 'invalid' ? 'alert' : undefined, children: message }, void 0))] }, void 0)] }, void 0));
|
|
85
82
|
}
|
|
86
83
|
/**
|
|
87
84
|
* A wrapper for form fields to provide additional decoration for inputs.
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-bee8cc8
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -12,10 +12,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
12
12
|
const react_1 = require("react");
|
|
13
13
|
const utils_1 = require("@react-spectrum/utils");
|
|
14
14
|
const provider_1 = require("../../../provider");
|
|
15
|
-
const
|
|
15
|
+
const Action_1 = require("../../actions/Action");
|
|
16
16
|
const tasty_1 = require("../../../tasty");
|
|
17
17
|
const FieldWrapper_1 = require("../FieldWrapper");
|
|
18
|
-
const FileInputElement = (0, tasty_1.tasty)(
|
|
18
|
+
const FileInputElement = (0, tasty_1.tasty)(Action_1.Action, {
|
|
19
19
|
styles: {
|
|
20
20
|
display: 'inline-flex',
|
|
21
21
|
position: 'relative',
|
|
@@ -71,7 +71,7 @@ const FileInputElement = (0, tasty_1.tasty)(actions_1.Action, {
|
|
|
71
71
|
},
|
|
72
72
|
});
|
|
73
73
|
function extractContents(element, callback) {
|
|
74
|
-
const files = element
|
|
74
|
+
const files = element?.files;
|
|
75
75
|
if (files && files.length > 0) {
|
|
76
76
|
const fileReader = new FileReader();
|
|
77
77
|
fileReader.onload = function () {
|
|
@@ -91,7 +91,7 @@ function FileInput(props, ref) {
|
|
|
91
91
|
const onLocalChange = (0, react_1.useCallback)((event) => {
|
|
92
92
|
const value = event.target.value;
|
|
93
93
|
if (type === 'file') {
|
|
94
|
-
onChange
|
|
94
|
+
onChange?.(value);
|
|
95
95
|
}
|
|
96
96
|
else if (onChange) {
|
|
97
97
|
extractContents(event.target, onChange);
|
|
@@ -102,21 +102,20 @@ function FileInput(props, ref) {
|
|
|
102
102
|
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
103
103
|
...(0, utils_1.createFocusableRef)(domRef, inputRef),
|
|
104
104
|
select() {
|
|
105
|
-
if (inputRef
|
|
105
|
+
if (inputRef?.current) {
|
|
106
106
|
inputRef.current.select();
|
|
107
107
|
}
|
|
108
108
|
},
|
|
109
109
|
getInputElement() {
|
|
110
|
-
return inputRef
|
|
110
|
+
return inputRef?.current;
|
|
111
111
|
},
|
|
112
112
|
}));
|
|
113
113
|
const fileInput = ((0, jsx_runtime_1.jsxs)(FileInputElement, { ref: domRef, qa: qa || 'FileInput', styles: inputStyles, isDisabled: isDisabled, mods: {
|
|
114
114
|
selected: !!value,
|
|
115
115
|
'drag-hover': dragHover,
|
|
116
116
|
}, onKeyDown: (e) => {
|
|
117
|
-
var _a;
|
|
118
117
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
119
|
-
|
|
118
|
+
inputRef?.current?.click();
|
|
120
119
|
}
|
|
121
120
|
}, children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, id: id, name: name, "data-element": "Input", type: "file", tabIndex: -1, onChange: onLocalChange, onDragEnter: () => {
|
|
122
121
|
setDragHover(true);
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-bee8cc8
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -108,7 +108,7 @@ function Field(allProps) {
|
|
|
108
108
|
}
|
|
109
109
|
};
|
|
110
110
|
}, []);
|
|
111
|
-
let field = form
|
|
111
|
+
let field = form?.getFieldInstance(fieldName);
|
|
112
112
|
if (field) {
|
|
113
113
|
field.rules = rules;
|
|
114
114
|
}
|
|
@@ -143,9 +143,9 @@ function Field(allProps) {
|
|
|
143
143
|
if (!field) {
|
|
144
144
|
form.createField(fieldName, true);
|
|
145
145
|
}
|
|
146
|
-
if (
|
|
146
|
+
if (field?.value == null) {
|
|
147
147
|
form.setFieldValue(fieldName, defaultValue, false, true);
|
|
148
|
-
field = form
|
|
148
|
+
field = form?.getFieldInstance(fieldName);
|
|
149
149
|
}
|
|
150
150
|
}
|
|
151
151
|
firstRunRef.current = false;
|
|
@@ -235,7 +235,7 @@ function Field(allProps) {
|
|
|
235
235
|
newProps.message = field.errors[0];
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
|
-
Object.assign(newProps, getValueProps(inputType, field
|
|
238
|
+
Object.assign(newProps, getValueProps(inputType, field?.inputValue, onChangeHandler, child.props.allowsCustomValue));
|
|
239
239
|
const { onChange, onSelectionChange, ...childProps } = child.props;
|
|
240
240
|
// onChange event passed to the child should be executed after Form onChange logic
|
|
241
241
|
return (0, react_1.cloneElement)(child, (0, react_2.mergeProps)(childProps, newProps, onChange ? { onChange } : {}, onSelectionChange ? { onSelectionChange } : {}));
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-bee8cc8
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -47,9 +47,9 @@ function Form(props, ref) {
|
|
|
47
47
|
let onSubmitCallback;
|
|
48
48
|
if ((onSubmit || onSubmitFailed) && !otherProps.action) {
|
|
49
49
|
onSubmitCallback = async (e) => {
|
|
50
|
-
if (e &&
|
|
51
|
-
e &&
|
|
52
|
-
e &&
|
|
50
|
+
if (e && e?.preventDefault) {
|
|
51
|
+
e && e?.preventDefault && e?.preventDefault();
|
|
52
|
+
e && e?.stopPropagation && e?.stopPropagation();
|
|
53
53
|
if (e.nativeEvent) {
|
|
54
54
|
const evt = e.nativeEvent;
|
|
55
55
|
if (evt.submitter &&
|
|
@@ -64,7 +64,7 @@ function Form(props, ref) {
|
|
|
64
64
|
try {
|
|
65
65
|
await form.validateFields();
|
|
66
66
|
await (0, promise_1.timeout)();
|
|
67
|
-
await
|
|
67
|
+
await onSubmit?.(form.getFormData());
|
|
68
68
|
}
|
|
69
69
|
catch (e) {
|
|
70
70
|
await (0, promise_1.timeout)();
|
|
@@ -73,10 +73,10 @@ function Form(props, ref) {
|
|
|
73
73
|
}
|
|
74
74
|
// errors are shown
|
|
75
75
|
// transfer errors to the callback
|
|
76
|
-
onSubmitFailed
|
|
76
|
+
onSubmitFailed?.(e);
|
|
77
77
|
}
|
|
78
78
|
finally {
|
|
79
|
-
form
|
|
79
|
+
form?.setSubmitting(false);
|
|
80
80
|
}
|
|
81
81
|
// output data from form directly
|
|
82
82
|
// onSubmit(Object.fromEntries(new FormData(e.target).entries()));
|
|
@@ -109,7 +109,7 @@ function Form(props, ref) {
|
|
|
109
109
|
}
|
|
110
110
|
(0, react_1.useEffect)(() => {
|
|
111
111
|
if (defaultValues) {
|
|
112
|
-
form
|
|
112
|
+
form?.setInitialFieldsValue(defaultValues);
|
|
113
113
|
}
|
|
114
114
|
}, [defaultValues]);
|
|
115
115
|
return ((0, jsx_runtime_1.jsx)(FormElement, { ...(0, tasty_1.filterBaseProps)(otherProps, { propNames: formPropNames }), ref: domRef, noValidate: true, styles: styles, mods: { 'has-sider': labelPosition === 'side' }, onSubmit: onSubmitCallback, children: (0, jsx_runtime_1.jsx)(exports.FormContext.Provider, { value: ctx, children: (0, jsx_runtime_1.jsx)(provider_1.Provider, { insideForm: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationState: validationState, children: children }, void 0) }, void 0) }, void 0));
|
|
@@ -1,21 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-bee8cc8
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
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
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
10
|
exports.FormContext = exports.useForm = exports.Field = exports.Form = exports.useFormProps = void 0;
|
|
21
11
|
const Field_1 = require("./Field");
|
|
@@ -27,6 +17,5 @@ Object.defineProperty(exports, "useFormProps", { enumerable: true, get: function
|
|
|
27
17
|
Object.defineProperty(exports, "FormContext", { enumerable: true, get: function () { return Form_1.FormContext; } });
|
|
28
18
|
const Form = Object.assign(Form_1.Form, { Item: Field_1.Field, useForm: useForm_1.useForm });
|
|
29
19
|
exports.Form = Form;
|
|
30
|
-
__exportStar(require("./Field"), exports);
|
|
31
20
|
|
|
32
21
|
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-bee8cc8
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -85,12 +85,10 @@ class CubeFormInstance {
|
|
|
85
85
|
this.setFields = this.setFields.bind(this);
|
|
86
86
|
}
|
|
87
87
|
async submit() {
|
|
88
|
-
|
|
89
|
-
return (_a = this.onSubmit) === null || _a === void 0 ? void 0 : _a.call(this, this.getFormData());
|
|
88
|
+
return this.onSubmit?.(this.getFormData());
|
|
90
89
|
}
|
|
91
90
|
getFieldValue(name) {
|
|
92
|
-
|
|
93
|
-
return (_a = this.fields[name]) === null || _a === void 0 ? void 0 : _a.value;
|
|
91
|
+
return this.fields[name]?.value;
|
|
94
92
|
}
|
|
95
93
|
getFieldsValue() {
|
|
96
94
|
return Object.values(this.fields).reduce((map, field) => {
|
|
@@ -135,8 +133,7 @@ class CubeFormInstance {
|
|
|
135
133
|
return this.fields[name];
|
|
136
134
|
}
|
|
137
135
|
setInitialFieldsValue(values) {
|
|
138
|
-
|
|
139
|
-
this.initialFields = (_a = tasty_1.dotize.convert(values)) !== null && _a !== void 0 ? _a : {};
|
|
136
|
+
this.initialFields = tasty_1.dotize.convert(values) ?? {};
|
|
140
137
|
}
|
|
141
138
|
resetFields(names, skipRender) {
|
|
142
139
|
const fieldsValue = this.getFieldsValue();
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-bee8cc8
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -138,7 +138,7 @@ async function applyRules(value, rules, form) {
|
|
|
138
138
|
for (let rule of rules) {
|
|
139
139
|
await applyRule(value, rule, form).catch((err) => {
|
|
140
140
|
if (err instanceof Error) {
|
|
141
|
-
err =
|
|
141
|
+
err = err?.message || rule.message;
|
|
142
142
|
}
|
|
143
143
|
throw err || rule.message;
|
|
144
144
|
});
|