@cube-dev/ui-kit 0.12.6 → 0.13.0
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +297 -0
- package/cjs/_internal/hooks/index.js +1 -1
- 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 +38 -3
- 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.js +1 -1
- package/cjs/components/forms/FileInput/FileInput.js +6 -7
- package/cjs/components/forms/Form/Field.js +5 -5
- package/cjs/components/forms/Form/Form.js +19 -19
- package/cjs/components/forms/Form/index.js +1 -1
- 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 +4 -4
- 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 +7 -12
- 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 +3 -34
- 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 +10 -2
- package/cjs/components/overlays/NewNotifications/Bar/NotificationsBar.js +30 -13
- 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 +6 -3
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationAction.js +6 -3
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +9 -20
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +4 -1
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +5 -3
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +4 -1
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +4 -1
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +4 -1
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationView.js +14 -11
- 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 +3 -3
- package/cjs/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
- package/cjs/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +18 -16
- package/cjs/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +48 -0
- package/cjs/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +33 -0
- package/cjs/components/overlays/NewNotifications/NotificationsList/index.js +22 -0
- package/cjs/components/overlays/NewNotifications/NotificationsList/types.js +11 -0
- 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 +9 -5
- package/cjs/components/pickers/Menu/MenuItem.js +18 -9
- 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 +6 -3
- 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/random.js +18 -0
- package/cjs/utils/range.js +16 -0
- 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 +2 -2
- 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 +1 -1
- 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 +38 -3
- 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.js +1 -1
- package/es/components/forms/FileInput/FileInput.js +6 -7
- package/es/components/forms/Form/Field.js +5 -5
- package/es/components/forms/Form/Form.js +19 -19
- package/es/components/forms/Form/index.js +1 -1
- 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 +4 -4
- 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 +7 -12
- 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 +4 -35
- 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 +10 -2
- package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +32 -15
- 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 +6 -3
- package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +6 -3
- package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +9 -20
- package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +4 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +5 -3
- package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +4 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +4 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +4 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +14 -11
- 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 +3 -3
- package/es/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +18 -16
- package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +44 -0
- package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +29 -0
- package/es/components/overlays/NewNotifications/NotificationsList/index.js +10 -0
- package/es/components/overlays/NewNotifications/NotificationsList/types.js +10 -0
- 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 +9 -5
- package/es/components/pickers/Menu/MenuItem.js +18 -9
- 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 +6 -3
- 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/random.js +14 -0
- package/es/utils/range.js +12 -0
- 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 +2 -2
- 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 +4 -4
- package/types/components/forms/Form/Form.d.ts +3 -5
- package/types/components/overlays/NewNotifications/Bar/FloatingNotification.d.ts +3 -0
- package/types/components/overlays/NewNotifications/Bar/NotificationsBar.d.ts +8 -0
- package/types/components/overlays/NewNotifications/Notification.d.ts +3 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationAction.d.ts +3 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.d.ts +0 -2
- package/types/components/overlays/NewNotifications/NotificationView/NotificationDescription.d.ts +3 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationFooter.d.ts +3 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationHeader.d.ts +3 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationIcon.d.ts +3 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationProvider.d.ts +3 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationView.d.ts +3 -0
- package/types/components/overlays/NewNotifications/NotificationsContext/use-notifications.d.ts +1 -1
- package/types/components/overlays/NewNotifications/NotificationsList/NotificationsList.d.ts +21 -0
- package/types/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.d.ts +6 -0
- package/types/components/overlays/NewNotifications/NotificationsList/index.d.ts +2 -0
- package/types/components/overlays/NewNotifications/{NotificationsList.d.ts → NotificationsList/types.d.ts} +9 -7
- package/types/components/pickers/Menu/MenuItem.d.ts +1 -0
- package/types/stories/components/StyledButton.d.ts +3 -3
- package/types/tasty/utils/styles.d.ts +1 -1
- package/types/utils/random.d.ts +1 -0
- package/types/utils/range.d.ts +1 -0
- package/types/utils/react/interactions.d.ts +1 -2
- package/cjs/components/overlays/NewNotifications/NotificationsList.js +0 -43
- package/es/components/overlays/NewNotifications/NotificationsList.js +0 -39
@@ -1,7 +1,7 @@
|
|
1
1
|
/**
|
2
2
|
* @license MIT
|
3
3
|
* author: Cube Dev Team
|
4
|
-
* @cube-dev/ui-kit v0.
|
4
|
+
* @cube-dev/ui-kit v0.13.0
|
5
5
|
* Released under the MIT license.
|
6
6
|
*/
|
7
7
|
|
@@ -68,7 +68,7 @@ const FileInputElement = tasty(Action, {
|
|
68
68
|
},
|
69
69
|
});
|
70
70
|
function extractContents(element, callback) {
|
71
|
-
const files = element
|
71
|
+
const files = element?.files;
|
72
72
|
if (files && files.length > 0) {
|
73
73
|
const fileReader = new FileReader();
|
74
74
|
fileReader.onload = function () {
|
@@ -88,7 +88,7 @@ function FileInput(props, ref) {
|
|
88
88
|
const onLocalChange = useCallback((event) => {
|
89
89
|
const value = event.target.value;
|
90
90
|
if (type === 'file') {
|
91
|
-
onChange
|
91
|
+
onChange?.(value);
|
92
92
|
}
|
93
93
|
else if (onChange) {
|
94
94
|
extractContents(event.target, onChange);
|
@@ -99,21 +99,20 @@ function FileInput(props, ref) {
|
|
99
99
|
useImperativeHandle(ref, () => ({
|
100
100
|
...createFocusableRef(domRef, inputRef),
|
101
101
|
select() {
|
102
|
-
if (inputRef
|
102
|
+
if (inputRef?.current) {
|
103
103
|
inputRef.current.select();
|
104
104
|
}
|
105
105
|
},
|
106
106
|
getInputElement() {
|
107
|
-
return inputRef
|
107
|
+
return inputRef?.current;
|
108
108
|
},
|
109
109
|
}));
|
110
110
|
const fileInput = (_jsxs(FileInputElement, { ref: domRef, qa: qa || 'FileInput', styles: inputStyles, isDisabled: isDisabled, mods: {
|
111
111
|
selected: !!value,
|
112
112
|
'drag-hover': dragHover,
|
113
113
|
}, onKeyDown: (e) => {
|
114
|
-
var _a;
|
115
114
|
if (e.key === 'Enter' || e.key === 'Space') {
|
116
|
-
|
115
|
+
inputRef?.current?.click();
|
117
116
|
}
|
118
117
|
}, children: [_jsx("input", { ref: inputRef, id: id, name: name, "data-element": "Input", type: "file", tabIndex: -1, onChange: onLocalChange, onDragEnter: () => {
|
119
118
|
setDragHover(true);
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/**
|
2
2
|
* @license MIT
|
3
3
|
* author: Cube Dev Team
|
4
|
-
* @cube-dev/ui-kit v0.
|
4
|
+
* @cube-dev/ui-kit v0.13.0
|
5
5
|
* Released under the MIT license.
|
6
6
|
*/
|
7
7
|
|
@@ -105,7 +105,7 @@ export function Field(allProps) {
|
|
105
105
|
}
|
106
106
|
};
|
107
107
|
}, []);
|
108
|
-
let field = form
|
108
|
+
let field = form?.getFieldInstance(fieldName);
|
109
109
|
if (field) {
|
110
110
|
field.rules = rules;
|
111
111
|
}
|
@@ -140,9 +140,9 @@ export function Field(allProps) {
|
|
140
140
|
if (!field) {
|
141
141
|
form.createField(fieldName, true);
|
142
142
|
}
|
143
|
-
if (
|
143
|
+
if (field?.value == null) {
|
144
144
|
form.setFieldValue(fieldName, defaultValue, false, true);
|
145
|
-
field = form
|
145
|
+
field = form?.getFieldInstance(fieldName);
|
146
146
|
}
|
147
147
|
}
|
148
148
|
firstRunRef.current = false;
|
@@ -232,7 +232,7 @@ export function Field(allProps) {
|
|
232
232
|
newProps.message = field.errors[0];
|
233
233
|
}
|
234
234
|
}
|
235
|
-
Object.assign(newProps, getValueProps(inputType, field
|
235
|
+
Object.assign(newProps, getValueProps(inputType, field?.inputValue, onChangeHandler, child.props.allowsCustomValue));
|
236
236
|
const { onChange, onSelectionChange, ...childProps } = child.props;
|
237
237
|
// onChange event passed to the child should be executed after Form onChange logic
|
238
238
|
return cloneElement(child, 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.
|
4
|
+
* @cube-dev/ui-kit v0.13.0
|
5
5
|
* Released under the MIT license.
|
6
6
|
*/
|
7
7
|
|
@@ -42,10 +42,10 @@ function Form(props, ref) {
|
|
42
42
|
ref = useCombinedRefs(ref);
|
43
43
|
let onSubmitCallback;
|
44
44
|
if ((onSubmit || onSubmitFailed) && !otherProps.action) {
|
45
|
-
onSubmitCallback = (e) => {
|
46
|
-
if (e &&
|
47
|
-
e &&
|
48
|
-
e &&
|
45
|
+
onSubmitCallback = async (e) => {
|
46
|
+
if (e && e?.preventDefault) {
|
47
|
+
e && e?.preventDefault && e?.preventDefault();
|
48
|
+
e && e?.stopPropagation && e?.stopPropagation();
|
49
49
|
if (e.nativeEvent) {
|
50
50
|
const evt = e.nativeEvent;
|
51
51
|
if (evt.submitter &&
|
@@ -54,26 +54,26 @@ function Form(props, ref) {
|
|
54
54
|
}
|
55
55
|
}
|
56
56
|
}
|
57
|
-
|
57
|
+
if (!form || form.isSubmitting)
|
58
|
+
return;
|
59
|
+
form.setSubmitting(true);
|
60
|
+
try {
|
61
|
+
await form.validateFields();
|
58
62
|
await timeout();
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(form.getFormData()));
|
63
|
-
}
|
64
|
-
finally {
|
65
|
-
form.setSubmitting(false);
|
66
|
-
}
|
67
|
-
}
|
68
|
-
}, async (e) => {
|
63
|
+
await onSubmit?.(form.getFormData());
|
64
|
+
}
|
65
|
+
catch (e) {
|
69
66
|
await timeout();
|
70
67
|
if (e instanceof Error) {
|
71
68
|
throw e;
|
72
69
|
}
|
73
70
|
// errors are shown
|
74
71
|
// transfer errors to the callback
|
75
|
-
onSubmitFailed
|
76
|
-
}
|
72
|
+
onSubmitFailed?.(e);
|
73
|
+
}
|
74
|
+
finally {
|
75
|
+
form?.setSubmitting(false);
|
76
|
+
}
|
77
77
|
// output data from form directly
|
78
78
|
// onSubmit(Object.fromEntries(new FormData(e.target).entries()));
|
79
79
|
};
|
@@ -105,7 +105,7 @@ function Form(props, ref) {
|
|
105
105
|
}
|
106
106
|
useEffect(() => {
|
107
107
|
if (defaultValues) {
|
108
|
-
form
|
108
|
+
form?.setInitialFieldsValue(defaultValues);
|
109
109
|
}
|
110
110
|
}, [defaultValues]);
|
111
111
|
return (_jsx(FormElement, { ...filterBaseProps(otherProps, { propNames: formPropNames }), ref: domRef, noValidate: true, styles: styles, mods: { 'has-sider': labelPosition === 'side' }, onSubmit: onSubmitCallback, children: _jsx(FormContext.Provider, { value: ctx, children: _jsx(Provider, { insideForm: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationState: validationState, children: children }, void 0) }, void 0) }, void 0));
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/**
|
2
2
|
* @license MIT
|
3
3
|
* author: Cube Dev Team
|
4
|
-
* @cube-dev/ui-kit v0.
|
4
|
+
* @cube-dev/ui-kit v0.13.0
|
5
5
|
* Released under the MIT license.
|
6
6
|
*/
|
7
7
|
|
@@ -82,12 +82,10 @@ export class CubeFormInstance {
|
|
82
82
|
this.setFields = this.setFields.bind(this);
|
83
83
|
}
|
84
84
|
async submit() {
|
85
|
-
|
86
|
-
return (_a = this.onSubmit) === null || _a === void 0 ? void 0 : _a.call(this, this.getFormData());
|
85
|
+
return this.onSubmit?.(this.getFormData());
|
87
86
|
}
|
88
87
|
getFieldValue(name) {
|
89
|
-
|
90
|
-
return (_a = this.fields[name]) === null || _a === void 0 ? void 0 : _a.value;
|
88
|
+
return this.fields[name]?.value;
|
91
89
|
}
|
92
90
|
getFieldsValue() {
|
93
91
|
return Object.values(this.fields).reduce((map, field) => {
|
@@ -132,8 +130,7 @@ export class CubeFormInstance {
|
|
132
130
|
return this.fields[name];
|
133
131
|
}
|
134
132
|
setInitialFieldsValue(values) {
|
135
|
-
|
136
|
-
this.initialFields = (_a = dotize.convert(values)) !== null && _a !== void 0 ? _a : {};
|
133
|
+
this.initialFields = dotize.convert(values) ?? {};
|
137
134
|
}
|
138
135
|
resetFields(names, skipRender) {
|
139
136
|
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.
|
4
|
+
* @cube-dev/ui-kit v0.13.0
|
5
5
|
* Released under the MIT license.
|
6
6
|
*/
|
7
7
|
|
@@ -131,7 +131,7 @@ export async function applyRules(value, rules, form) {
|
|
131
131
|
for (let rule of rules) {
|
132
132
|
await applyRule(value, rule, form).catch((err) => {
|
133
133
|
if (err instanceof Error) {
|
134
|
-
err =
|
134
|
+
err = err?.message || rule.message;
|
135
135
|
}
|
136
136
|
throw err || rule.message;
|
137
137
|
});
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/**
|
2
2
|
* @license MIT
|
3
3
|
* author: Cube Dev Team
|
4
|
-
* @cube-dev/ui-kit v0.
|
4
|
+
* @cube-dev/ui-kit v0.13.0
|
5
5
|
* Released under the MIT license.
|
6
6
|
*/
|
7
7
|
|
@@ -152,19 +152,19 @@ function TextInputBase(props, ref) {
|
|
152
152
|
useImperativeHandle(ref, () => ({
|
153
153
|
...createFocusableRef(domRef, inputRef),
|
154
154
|
select() {
|
155
|
-
if (inputRef
|
155
|
+
if (inputRef?.current) {
|
156
156
|
inputRef.current.select();
|
157
157
|
}
|
158
158
|
},
|
159
159
|
getInputElement() {
|
160
|
-
return inputRef
|
160
|
+
return inputRef?.current;
|
161
161
|
},
|
162
162
|
}));
|
163
163
|
let isInvalid = validationState === 'invalid';
|
164
164
|
let validationIcon = isInvalid ? (_jsx(WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } }, void 0)) : (_jsx(CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }, void 0));
|
165
165
|
let validation = cloneElement(validationIcon);
|
166
166
|
// Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270
|
167
|
-
if (!
|
167
|
+
if (!inputProps?.placeholder) {
|
168
168
|
if (!inputProps) {
|
169
169
|
inputProps = {};
|
170
170
|
}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/**
|
2
2
|
* @license MIT
|
3
3
|
* author: Cube Dev Team
|
4
|
-
* @cube-dev/ui-kit v0.
|
4
|
+
* @cube-dev/ui-kit v0.13.0
|
5
5
|
* Released under the MIT license.
|
6
6
|
*/
|
7
7
|
|
@@ -30,7 +30,7 @@ export const Prefix = forwardRef(function Prefix(allProps, outerRef) {
|
|
30
30
|
const styles = extractStyles(props, CONTAINER_STYLES);
|
31
31
|
const ref = useCombinedRefs(outerRef);
|
32
32
|
useLayoutEffect(() => {
|
33
|
-
if (
|
33
|
+
if (ref?.current && onWidthChange) {
|
34
34
|
onWidthChange(ref.current.offsetWidth);
|
35
35
|
}
|
36
36
|
}, [children, ref, onWidthChange]);
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/**
|
2
2
|
* @license MIT
|
3
3
|
* author: Cube Dev Team
|
4
|
-
* @cube-dev/ui-kit v0.
|
4
|
+
* @cube-dev/ui-kit v0.13.0
|
5
5
|
* Released under the MIT license.
|
6
6
|
*/
|
7
7
|
|
@@ -29,7 +29,7 @@ const DEFAULT_CANCEL_PROPS = {
|
|
29
29
|
function AlertDialog(props, ref) {
|
30
30
|
const { onClose } = useDialogContext();
|
31
31
|
const { danger, actions, title, styles, noActions, content, ...otherProps } = props;
|
32
|
-
let { confirm: confirmProps, secondary: secondaryProps, cancel: cancelProps, } = actions
|
32
|
+
let { confirm: confirmProps, secondary: secondaryProps, cancel: cancelProps, } = actions ?? {};
|
33
33
|
// the confirm button is present by default
|
34
34
|
confirmProps =
|
35
35
|
confirmProps !== false
|
@@ -45,13 +45,7 @@ function AlertDialog(props, ref) {
|
|
45
45
|
...(typeof cancelProps === 'object' ? cancelProps : null),
|
46
46
|
}
|
47
47
|
: undefined;
|
48
|
-
return (_jsxs(Dialog, { ref: ref, role: "alertdialog", isDismissable: false, ...otherProps, children: [title ? (_jsx(Header, { children: _jsx(Title, { children: title }, void 0) }, void 0)) : null, content ? (_jsx(Content, { children: typeof content === 'string' ? (_jsx(Paragraph, { children: content }, void 0)) : (content) }, void 0)) : null, !noActions ? (_jsx(Footer, { children: _jsxs(ButtonGroup, { align: "end", children: [_jsx(Button, { autoFocus: true, theme: danger ? 'danger' : undefined, ...confirmProps, onPress: (e) => {
|
49
|
-
var _a, _b;
|
50
|
-
return chain((_b = (_a = confirmProps) === null || _a === void 0 ? void 0 : _a.onPress) === null || _b === void 0 ? void 0 : _b.call(_a, e), onClose === null || onClose === void 0 ? void 0 : onClose('confirm'));
|
51
|
-
} }, void 0), secondaryProps && (_jsx(Button, { ...secondaryProps, onPress: (e) => { var _a; return chain((_a = secondaryProps === null || secondaryProps === void 0 ? void 0 : secondaryProps.onPress) === null || _a === void 0 ? void 0 : _a.call(secondaryProps, e), onClose === null || onClose === void 0 ? void 0 : onClose('secondary')); } }, void 0)), cancelProps && (_jsx(Button, { ...cancelProps, onPress: (e) => {
|
52
|
-
var _a, _b;
|
53
|
-
return chain((_b = (_a = cancelProps) === null || _a === void 0 ? void 0 : _a.onPress) === null || _b === void 0 ? void 0 : _b.call(_a, e), onClose === null || onClose === void 0 ? void 0 : onClose('cancel'));
|
54
|
-
} }, void 0))] }, void 0) }, void 0)) : null] }, void 0));
|
48
|
+
return (_jsxs(Dialog, { ref: ref, role: "alertdialog", isDismissable: false, ...otherProps, children: [title ? (_jsx(Header, { children: _jsx(Title, { children: title }, void 0) }, void 0)) : null, content ? (_jsx(Content, { children: typeof content === 'string' ? (_jsx(Paragraph, { children: content }, void 0)) : (content) }, void 0)) : null, !noActions ? (_jsx(Footer, { children: _jsxs(ButtonGroup, { align: "end", children: [_jsx(Button, { autoFocus: true, theme: danger ? 'danger' : undefined, ...confirmProps, onPress: (e) => chain(confirmProps?.onPress?.(e), onClose?.('confirm')) }, void 0), secondaryProps && (_jsx(Button, { ...secondaryProps, onPress: (e) => chain(secondaryProps?.onPress?.(e), onClose?.('secondary')) }, void 0)), cancelProps && (_jsx(Button, { ...cancelProps, onPress: (e) => chain(cancelProps?.onPress?.(e), onClose?.('cancel')) }, void 0))] }, void 0) }, void 0)) : null] }, void 0));
|
55
49
|
}
|
56
50
|
/**
|
57
51
|
* AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
|