@cube-dev/ui-kit 0.0.0-canary-5a0e8ed → 0.0.0-canary-89a0ed8
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/cjs/_internal/hooks/index.js +4 -1
- package/cjs/_internal/hooks/use-chained-callback.js +23 -0
- package/cjs/_internal/hooks/use-deprecation-warning.js +1 -1
- package/cjs/_internal/hooks/use-event.js +26 -0
- package/cjs/_internal/hooks/use-sync-ref.js +21 -0
- package/cjs/_internal/index.js +1 -1
- package/cjs/components/Base.js +1 -1
- package/cjs/components/Block.js +1 -1
- package/cjs/components/GlobalStyles.js +1 -1
- package/cjs/components/GridProvider.js +1 -1
- package/cjs/components/HiddenInput.js +1 -1
- package/cjs/components/OpenTrasition.js +1 -1
- package/cjs/components/Root.js +3 -2
- package/cjs/components/actions/Action.js +1 -1
- package/cjs/components/actions/Button/Button.js +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- package/cjs/components/forms/Form/Field.js +1 -1
- package/cjs/components/forms/Form/Form.js +1 -1
- package/cjs/components/forms/Form/index.js +1 -1
- package/cjs/components/forms/Form/useForm.js +1 -1
- package/cjs/components/forms/Form/validation.js +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
- package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
- 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 +1 -1
- 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 +1 -1
- 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/Bar.js +44 -0
- package/cjs/components/overlays/NewNotifications/Bar/FloatingNotification.js +25 -0
- package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js +61 -0
- package/cjs/components/overlays/NewNotifications/Bar/index.js +22 -0
- package/cjs/components/overlays/NewNotifications/Notification/Notification.js +72 -0
- package/cjs/components/overlays/NewNotifications/Notification/NotificationAction.js +23 -0
- package/cjs/components/overlays/NewNotifications/Notification/NotificationCloseButton.js +41 -0
- package/cjs/components/overlays/NewNotifications/Notification/NotificationDescription.js +21 -0
- package/cjs/components/overlays/NewNotifications/Notification/NotificationFooter.js +25 -0
- package/cjs/components/overlays/NewNotifications/Notification/NotificationHeader.js +21 -0
- package/cjs/components/overlays/NewNotifications/Notification/NotificationIcon.js +57 -0
- package/cjs/components/overlays/NewNotifications/Notification/index.js +23 -0
- package/cjs/components/overlays/NewNotifications/Notification/types.js +11 -0
- package/cjs/components/overlays/NewNotifications/NotificationsDialog/NotificationsDialogTrigger.js +34 -0
- package/cjs/components/overlays/NewNotifications/NotificationsDialog/index.js +22 -0
- package/cjs/components/overlays/NewNotifications/NotificationsList.js +47 -0
- package/cjs/components/overlays/NewNotifications/NotificationsProvider.js +72 -0
- package/cjs/components/overlays/NewNotifications/index.js +28 -0
- package/cjs/components/overlays/NewNotifications/timer.js +45 -0
- package/cjs/components/overlays/NewNotifications/types.js +11 -0
- package/cjs/components/overlays/Notification/Notification.js +1 -1
- package/cjs/components/overlays/OverlayWrapper.js +1 -1
- package/cjs/components/overlays/Tooltip/Tooltip.js +1 -1
- package/cjs/components/overlays/Tooltip/TooltipProvider.js +1 -1
- package/cjs/components/overlays/Tooltip/TooltipTrigger.js +1 -1
- package/cjs/components/overlays/Tooltip/context.js +1 -1
- package/cjs/components/pickers/ComboBox/ComboBox.js +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +17 -0
- package/cjs/icons/Cross.js +17 -0
- package/cjs/icons/Danger.js +17 -0
- package/cjs/icons/Success.js +17 -0
- package/cjs/icons/index.js +25 -0
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- package/cjs/tasty/utils/index.js +1 -1
- package/cjs/tasty/utils/mergeStyles.js +1 -1
- 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 +2 -2
- package/cjs/type-checks.js +1 -1
- package/cjs/utils/ResizeSensor.js +1 -1
- package/cjs/utils/modules.js +1 -1
- package/cjs/utils/promise.js +1 -1
- package/cjs/utils/react/Slots.js +1 -1
- 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 +1 -1
- 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 +4 -1
- package/es/_internal/hooks/use-chained-callback.js +19 -0
- package/es/_internal/hooks/use-deprecation-warning.js +1 -1
- package/es/_internal/hooks/use-event.js +22 -0
- package/es/_internal/hooks/use-sync-ref.js +17 -0
- package/es/_internal/index.js +1 -1
- package/es/components/Base.js +1 -1
- package/es/components/Block.js +1 -1
- package/es/components/GlobalStyles.js +1 -1
- package/es/components/GridProvider.js +1 -1
- package/es/components/HiddenInput.js +1 -1
- package/es/components/OpenTrasition.js +1 -1
- package/es/components/Root.js +3 -2
- package/es/components/actions/Action.js +1 -1
- package/es/components/actions/Button/Button.js +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- package/es/components/forms/Form/Field.js +1 -1
- package/es/components/forms/Form/Form.js +1 -1
- package/es/components/forms/Form/index.js +1 -1
- package/es/components/forms/Form/useForm.js +1 -1
- package/es/components/forms/Form/validation.js +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
- package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
- 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 +1 -1
- 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 +1 -1
- 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/Bar.js +40 -0
- package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +22 -0
- package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +54 -0
- package/es/components/overlays/NewNotifications/Bar/index.js +10 -0
- package/es/components/overlays/NewNotifications/Notification/Notification.js +69 -0
- package/es/components/overlays/NewNotifications/Notification/NotificationAction.js +19 -0
- package/es/components/overlays/NewNotifications/Notification/NotificationCloseButton.js +38 -0
- package/es/components/overlays/NewNotifications/Notification/NotificationDescription.js +18 -0
- package/es/components/overlays/NewNotifications/Notification/NotificationFooter.js +21 -0
- package/es/components/overlays/NewNotifications/Notification/NotificationHeader.js +18 -0
- package/es/components/overlays/NewNotifications/Notification/NotificationIcon.js +54 -0
- package/es/components/overlays/NewNotifications/Notification/index.js +11 -0
- package/es/components/overlays/NewNotifications/Notification/types.js +10 -0
- package/es/components/overlays/NewNotifications/NotificationsDialog/NotificationsDialogTrigger.js +29 -0
- package/es/components/overlays/NewNotifications/NotificationsDialog/index.js +10 -0
- package/es/components/overlays/NewNotifications/NotificationsList.js +43 -0
- package/es/components/overlays/NewNotifications/NotificationsProvider.js +64 -0
- package/es/components/overlays/NewNotifications/index.js +12 -0
- package/es/components/overlays/NewNotifications/timer.js +41 -0
- package/es/components/overlays/NewNotifications/types.js +10 -0
- package/es/components/overlays/Notification/Notification.js +1 -1
- package/es/components/overlays/OverlayWrapper.js +1 -1
- package/es/components/overlays/Tooltip/Tooltip.js +1 -1
- package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
- package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
- package/es/components/overlays/Tooltip/context.js +1 -1
- package/es/components/pickers/ComboBox/ComboBox.js +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +13 -0
- package/es/icons/Cross.js +13 -0
- package/es/icons/Danger.js +13 -0
- package/es/icons/Success.js +13 -0
- package/es/icons/index.js +13 -0
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- package/es/tasty/utils/index.js +1 -1
- package/es/tasty/utils/mergeStyles.js +1 -1
- 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 +2 -2
- package/es/type-checks.js +1 -1
- package/es/utils/ResizeSensor.js +1 -1
- package/es/utils/modules.js +1 -1
- package/es/utils/promise.js +1 -1
- package/es/utils/react/Slots.js +1 -1
- 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 +1 -1
- 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 +3 -3
- package/types/_internal/hooks/index.d.ts +3 -0
- package/types/_internal/hooks/use-chained-callback.d.ts +1 -0
- package/types/_internal/hooks/use-event.d.ts +7 -0
- package/types/_internal/hooks/use-sync-ref.d.ts +2 -0
- package/types/components/actions/Button/Button.d.ts +1 -1
- package/types/components/overlays/NewNotifications/Bar/Bar.d.ts +7 -0
- package/types/components/overlays/NewNotifications/Bar/FloatingNotification.d.ts +8 -0
- package/types/components/overlays/NewNotifications/Bar/TransitionComponent.d.ts +4 -0
- package/types/components/overlays/NewNotifications/Bar/index.d.ts +1 -0
- package/types/components/overlays/NewNotifications/Notification/Notification.d.ts +3 -0
- package/types/components/overlays/NewNotifications/Notification/NotificationAction.d.ts +6 -0
- package/types/components/overlays/NewNotifications/Notification/NotificationCloseButton.d.ts +7 -0
- package/types/components/overlays/NewNotifications/Notification/NotificationDescription.d.ts +7 -0
- package/types/components/overlays/NewNotifications/Notification/NotificationFooter.d.ts +7 -0
- package/types/components/overlays/NewNotifications/Notification/NotificationHeader.d.ts +7 -0
- package/types/components/overlays/NewNotifications/Notification/NotificationIcon.d.ts +3 -0
- package/types/components/overlays/NewNotifications/Notification/index.d.ts +2 -0
- package/types/components/overlays/NewNotifications/Notification/types.d.ts +10 -0
- package/types/components/overlays/NewNotifications/NotificationsDialog/NotificationsDialogTrigger.d.ts +4 -0
- package/types/components/overlays/NewNotifications/NotificationsDialog/index.d.ts +1 -0
- package/types/components/overlays/NewNotifications/NotificationsList.d.ts +10 -0
- package/types/components/overlays/NewNotifications/NotificationsProvider.d.ts +14 -0
- package/types/components/overlays/NewNotifications/index.d.ts +5 -0
- package/types/components/overlays/NewNotifications/timer.d.ts +12 -0
- package/types/components/overlays/NewNotifications/types.d.ts +47 -0
- package/types/icons/Attention.d.ts +2 -0
- package/types/icons/Cross.d.ts +2 -0
- package/types/icons/Danger.d.ts +2 -0
- package/types/icons/Success.d.ts +2 -0
- package/types/icons/index.d.ts +4 -0
- package/types/stories/components/StyledButton.d.ts +1 -1
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* author: Cube Dev Team
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-89a0ed8
|
|
5
|
+
* Released under the MIT license.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.NotificationAction = void 0;
|
|
11
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
|
+
const tasty_1 = require("../../../../tasty");
|
|
13
|
+
const actions_1 = require("../../../actions");
|
|
14
|
+
const Action = (0, tasty_1.tasty)(actions_1.Button, {
|
|
15
|
+
color: { '': '#purple-text', primary: '#purple-text', secondary: '#dark-03' },
|
|
16
|
+
});
|
|
17
|
+
function NotificationAction(props) {
|
|
18
|
+
const { children, type = 'primary', ...buttonProps } = props;
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(Action, { ...buttonProps, type: "link", size: "small", mods: { primary: type === 'primary', secondary: type === 'secondary' }, children: children }, void 0));
|
|
20
|
+
}
|
|
21
|
+
exports.NotificationAction = NotificationAction;
|
|
22
|
+
|
|
23
|
+
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* author: Cube Dev Team
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-89a0ed8
|
|
5
|
+
* Released under the MIT license.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.NotificationCloseButton = void 0;
|
|
11
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
|
+
const react_1 = require("react");
|
|
13
|
+
const actions_1 = require("../../../actions");
|
|
14
|
+
const tasty_1 = require("../../../../tasty");
|
|
15
|
+
const icons_1 = require("../../../../icons");
|
|
16
|
+
const CloseButton = (0, tasty_1.tasty)(actions_1.Button, {
|
|
17
|
+
styles: {
|
|
18
|
+
position: 'absolute',
|
|
19
|
+
right: 0,
|
|
20
|
+
top: 0,
|
|
21
|
+
display: 'flex',
|
|
22
|
+
placeItems: 'center',
|
|
23
|
+
padding: '0.75x',
|
|
24
|
+
width: '3.5x',
|
|
25
|
+
height: '3.5x',
|
|
26
|
+
fill: '#white',
|
|
27
|
+
shadow: '0 0.5x 2x #shadow',
|
|
28
|
+
color: { '': '#dark-02', hovered: '#dark-03', pressed: '#dark-02' },
|
|
29
|
+
borderRadius: '50%',
|
|
30
|
+
visibility: { '': 'hidden', show: 'visible' },
|
|
31
|
+
opacity: { '': '0', show: '1' },
|
|
32
|
+
transform: 'translate(50%, -50%)',
|
|
33
|
+
transition: 'opacity, visibility 0.2s ease-in-out',
|
|
34
|
+
},
|
|
35
|
+
});
|
|
36
|
+
exports.NotificationCloseButton = (0, react_1.memo)(function NotificationCloseButton(props) {
|
|
37
|
+
const { onPress, isHovered, isFocused } = props;
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)(CloseButton, { type: "neutral", mods: { show: isHovered || isFocused }, onPress: onPress, icon: (0, jsx_runtime_1.jsx)(icons_1.Cross, {}, void 0), label: "Close the notification" }, void 0));
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* author: Cube Dev Team
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-89a0ed8
|
|
5
|
+
* Released under the MIT license.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.NotificationDescription = void 0;
|
|
11
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
|
+
const react_1 = require("react");
|
|
13
|
+
const tasty_1 = require("../../../../tasty");
|
|
14
|
+
const Paragraph_1 = require("../../../content/Paragraph");
|
|
15
|
+
const Description = (0, tasty_1.tasty)(Paragraph_1.Paragraph, { gridArea: 'description' });
|
|
16
|
+
exports.NotificationDescription = (0, react_1.memo)(function NotificationDescription(props) {
|
|
17
|
+
const { description, ...descriptionProps } = props;
|
|
18
|
+
return (0, jsx_runtime_1.jsx)(Description, { ...descriptionProps, children: description }, void 0);
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* author: Cube Dev Team
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-89a0ed8
|
|
5
|
+
* Released under the MIT license.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.NotificationFooter = void 0;
|
|
11
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
|
+
const tasty_1 = require("../../../../tasty");
|
|
13
|
+
const actions_1 = require("../../../actions");
|
|
14
|
+
const FooterArea = (0, tasty_1.tasty)(actions_1.ButtonGroup, {
|
|
15
|
+
gridArea: 'footer',
|
|
16
|
+
gap: '2x',
|
|
17
|
+
styles: { '&:not(:empty)': { margin: '1x top' } },
|
|
18
|
+
});
|
|
19
|
+
function NotificationFooter(props) {
|
|
20
|
+
const { actions } = props;
|
|
21
|
+
return (0, jsx_runtime_1.jsx)(FooterArea, { children: actions }, void 0);
|
|
22
|
+
}
|
|
23
|
+
exports.NotificationFooter = NotificationFooter;
|
|
24
|
+
|
|
25
|
+
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* author: Cube Dev Team
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-89a0ed8
|
|
5
|
+
* Released under the MIT license.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.NotificationHeader = void 0;
|
|
11
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
|
+
const react_1 = require("react");
|
|
13
|
+
const Title_1 = require("../../../content/Title");
|
|
14
|
+
const tasty_1 = require("../../../../tasty");
|
|
15
|
+
const Header = (0, tasty_1.tasty)(Title_1.Title, { gridArea: 'header', margin: '0.25x 0 0.5x' });
|
|
16
|
+
exports.NotificationHeader = (0, react_1.memo)(function NotificationHeader(props) {
|
|
17
|
+
const { header, ...headerProps } = props;
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(Header, { as: "div", preset: "h6", ...headerProps, children: header }, void 0));
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* author: Cube Dev Team
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-89a0ed8
|
|
5
|
+
* Released under the MIT license.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.NotificationIcon = void 0;
|
|
11
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
|
+
const react_1 = require("react");
|
|
13
|
+
const tasty_1 = require("../../../../tasty");
|
|
14
|
+
const icons_1 = require("../../../../icons");
|
|
15
|
+
const IconContainer = (0, tasty_1.tasty)({
|
|
16
|
+
styles: {
|
|
17
|
+
boxSizing: 'border-box',
|
|
18
|
+
display: 'flex',
|
|
19
|
+
gridArea: 'icon',
|
|
20
|
+
fill: {
|
|
21
|
+
'': '#note-bg',
|
|
22
|
+
attention: '#note-bg',
|
|
23
|
+
success: '#success-bg',
|
|
24
|
+
danger: '#danger-bg',
|
|
25
|
+
},
|
|
26
|
+
color: {
|
|
27
|
+
'': '#note-text',
|
|
28
|
+
attention: '#note-text',
|
|
29
|
+
success: '#success-text',
|
|
30
|
+
danger: '#danger-text',
|
|
31
|
+
},
|
|
32
|
+
borderRadius: '0.5x',
|
|
33
|
+
width: '3x',
|
|
34
|
+
height: '3x',
|
|
35
|
+
padding: '0.5x',
|
|
36
|
+
alignItems: 'center',
|
|
37
|
+
justifyContent: 'center',
|
|
38
|
+
},
|
|
39
|
+
});
|
|
40
|
+
exports.NotificationIcon = (0, react_1.memo)(function NotificationIcon(props) {
|
|
41
|
+
const { icon, type } = props;
|
|
42
|
+
if (icon) {
|
|
43
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: icon }, void 0);
|
|
44
|
+
}
|
|
45
|
+
return ((0, jsx_runtime_1.jsx)(IconContainer, { mods: {
|
|
46
|
+
attention: type === 'attention',
|
|
47
|
+
success: type === 'success',
|
|
48
|
+
danger: type === 'danger',
|
|
49
|
+
}, children: iconsByType[type] }, void 0));
|
|
50
|
+
});
|
|
51
|
+
const iconsByType = {
|
|
52
|
+
attention: (0, jsx_runtime_1.jsx)(icons_1.Attention, {}, void 0),
|
|
53
|
+
success: (0, jsx_runtime_1.jsx)(icons_1.Success, {}, void 0),
|
|
54
|
+
danger: (0, jsx_runtime_1.jsx)(icons_1.Danger, {}, void 0),
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* author: Cube Dev Team
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-89a0ed8
|
|
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("./Notification"), exports);
|
|
21
|
+
__exportStar(require("./NotificationAction"), exports);
|
|
22
|
+
|
|
23
|
+
|
package/cjs/components/overlays/NewNotifications/NotificationsDialog/NotificationsDialogTrigger.js
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* author: Cube Dev Team
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-89a0ed8
|
|
5
|
+
* Released under the MIT license.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.NotificationsDialog = exports.NotificationsDialogTrigger = void 0;
|
|
11
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
|
+
const tasty_1 = require("../../../../tasty");
|
|
13
|
+
const Dialog_1 = require("../../Dialog");
|
|
14
|
+
function NotificationsDialogTrigger(props) {
|
|
15
|
+
return (0, jsx_runtime_1.jsx)(Dialog_1.DialogTrigger, { ...props, type: "popover" }, void 0);
|
|
16
|
+
}
|
|
17
|
+
exports.NotificationsDialogTrigger = NotificationsDialogTrigger;
|
|
18
|
+
const StyledDialogContent = (0, tasty_1.tasty)(Dialog_1.Dialog, {
|
|
19
|
+
styledScrollbar: true,
|
|
20
|
+
height: '100%',
|
|
21
|
+
border: '1bw solid #border',
|
|
22
|
+
radius: '0.5x',
|
|
23
|
+
overflow: 'auto',
|
|
24
|
+
});
|
|
25
|
+
const StyledDialog = (0, tasty_1.tasty)(Dialog_1.Dialog, {
|
|
26
|
+
height: 'auto calc(100vh - 12x)',
|
|
27
|
+
});
|
|
28
|
+
function NotificationsDialog(props) {
|
|
29
|
+
const { children, ...dialogProps } = props;
|
|
30
|
+
return ((0, jsx_runtime_1.jsx)(StyledDialog, { ...dialogProps, children: (0, jsx_runtime_1.jsx)(StyledDialogContent, { children: children }, void 0) }, void 0));
|
|
31
|
+
}
|
|
32
|
+
exports.NotificationsDialog = NotificationsDialog;
|
|
33
|
+
|
|
34
|
+
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* author: Cube Dev Team
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-89a0ed8
|
|
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("./NotificationsDialogTrigger"), exports);
|
|
21
|
+
|
|
22
|
+
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* author: Cube Dev Team
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-89a0ed8
|
|
5
|
+
* Released under the MIT license.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.NotificationsList = void 0;
|
|
11
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
|
+
const react_1 = require("react");
|
|
13
|
+
const collections_1 = require("@react-stately/collections");
|
|
14
|
+
const list_1 = require("@react-stately/list");
|
|
15
|
+
const selection_1 = require("@react-aria/selection");
|
|
16
|
+
const tasty_1 = require("../../../tasty");
|
|
17
|
+
const Notification_1 = require("./Notification");
|
|
18
|
+
const NotificationListContainer = (0, tasty_1.tasty)({});
|
|
19
|
+
function NotificationsList(props) {
|
|
20
|
+
const listRef = (0, react_1.useRef)(null);
|
|
21
|
+
const state = (0, list_1.useListState)({ selectionMode: 'none', ...props });
|
|
22
|
+
const { listProps } = (0, selection_1.useSelectableList)({
|
|
23
|
+
ref: listRef,
|
|
24
|
+
allowsTabNavigation: true,
|
|
25
|
+
...props,
|
|
26
|
+
...state,
|
|
27
|
+
});
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)(NotificationListContainer, { ref: listRef, ...listProps, children: [...state.collection].map((item) => ((0, jsx_runtime_1.jsx)(NotificationListItem, { item: item, state: state }, item.key))) }, void 0));
|
|
29
|
+
}
|
|
30
|
+
exports.NotificationsList = NotificationsList;
|
|
31
|
+
NotificationsList.Item = collections_1.Item;
|
|
32
|
+
const NotificationItemContainer = (0, tasty_1.tasty)({
|
|
33
|
+
styles: { borderBottom: { '': '1bw solid #border', ':last-child': 'none' } },
|
|
34
|
+
});
|
|
35
|
+
function NotificationListItem(props) {
|
|
36
|
+
const { item, state } = props;
|
|
37
|
+
const { key, props: notificationProps } = item;
|
|
38
|
+
const ref = (0, react_1.useRef)(null);
|
|
39
|
+
let { itemProps } = (0, selection_1.useSelectableItem)({
|
|
40
|
+
ref,
|
|
41
|
+
key,
|
|
42
|
+
selectionManager: state.selectionManager,
|
|
43
|
+
});
|
|
44
|
+
return ((0, jsx_runtime_1.jsx)(NotificationItemContainer, { children: (0, jsx_runtime_1.jsx)(Notification_1.Notification, { ref: ref, isClosable: false, attributes: itemProps, ...notificationProps }, void 0) }, void 0));
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* author: Cube Dev Team
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-89a0ed8
|
|
5
|
+
* Released under the MIT license.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
10
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
exports.NotificationsProvider = exports.useNotifications = void 0;
|
|
14
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
|
+
const react_1 = require("react");
|
|
16
|
+
const tiny_invariant_1 = __importDefault(require("tiny-invariant"));
|
|
17
|
+
const Bar_1 = require("./Bar");
|
|
18
|
+
const _internal_1 = require("../../../_internal");
|
|
19
|
+
const NotificationsContext = (0, react_1.createContext)(null);
|
|
20
|
+
function useNotifications() {
|
|
21
|
+
const context = (0, react_1.useContext)(NotificationsContext);
|
|
22
|
+
(0, tiny_invariant_1.default)(context !== null, "You can't use Notifications outside of the <Root /> component. Please, check if your component is descendant of <Root/> component");
|
|
23
|
+
return context;
|
|
24
|
+
}
|
|
25
|
+
exports.useNotifications = useNotifications;
|
|
26
|
+
function NotificationsProvider(props) {
|
|
27
|
+
const { children } = props;
|
|
28
|
+
const idRef = (0, react_1.useRef)(0);
|
|
29
|
+
const [toasts, setToasts] = (0, react_1.useState)(new Map());
|
|
30
|
+
const addToast = (0, _internal_1.useEvent)((props) => {
|
|
31
|
+
const { id = ++idRef.current, ...rest } = props;
|
|
32
|
+
setToasts((toasts) => {
|
|
33
|
+
const newToasts = new Map(toasts);
|
|
34
|
+
newToasts.set(id, rest);
|
|
35
|
+
return newToasts;
|
|
36
|
+
});
|
|
37
|
+
return {
|
|
38
|
+
id,
|
|
39
|
+
remove: () => removeToast(id),
|
|
40
|
+
update: (props) => updateToast(id, props),
|
|
41
|
+
};
|
|
42
|
+
});
|
|
43
|
+
const updateToast = (0, _internal_1.useEvent)((id, props) => {
|
|
44
|
+
setToasts((toasts) => {
|
|
45
|
+
const currentToast = toasts.get(id);
|
|
46
|
+
if (currentToast) {
|
|
47
|
+
const newToasts = new Map(toasts);
|
|
48
|
+
newToasts.set(id, {
|
|
49
|
+
...currentToast,
|
|
50
|
+
...props,
|
|
51
|
+
});
|
|
52
|
+
return newToasts;
|
|
53
|
+
}
|
|
54
|
+
return toasts;
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
const removeToast = (0, _internal_1.useEvent)((id) => {
|
|
58
|
+
setToasts((toasts) => {
|
|
59
|
+
if (toasts.has(id)) {
|
|
60
|
+
const newToasts = new Map(toasts);
|
|
61
|
+
newToasts.delete(id);
|
|
62
|
+
return newToasts;
|
|
63
|
+
}
|
|
64
|
+
return toasts;
|
|
65
|
+
});
|
|
66
|
+
});
|
|
67
|
+
const api = (0, react_1.useMemo)(() => ({ notify: addToast, update: updateToast, remove: removeToast }), []);
|
|
68
|
+
return ((0, jsx_runtime_1.jsxs)(NotificationsContext.Provider, { value: api, children: [(0, jsx_runtime_1.jsx)(Bar_1.NotificationsBar, { toasts: toasts, onRemoveToast: removeToast }, void 0), children] }, void 0));
|
|
69
|
+
}
|
|
70
|
+
exports.NotificationsProvider = NotificationsProvider;
|
|
71
|
+
|
|
72
|
+
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* author: Cube Dev Team
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-89a0ed8
|
|
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
|
+
exports.NotificationAction = exports.useNotifications = exports.NotificationsProvider = void 0;
|
|
21
|
+
var NotificationsProvider_1 = require("./NotificationsProvider");
|
|
22
|
+
Object.defineProperty(exports, "NotificationsProvider", { enumerable: true, get: function () { return NotificationsProvider_1.NotificationsProvider; } });
|
|
23
|
+
Object.defineProperty(exports, "useNotifications", { enumerable: true, get: function () { return NotificationsProvider_1.useNotifications; } });
|
|
24
|
+
__exportStar(require("./NotificationsList"), exports);
|
|
25
|
+
var Notification_1 = require("./Notification");
|
|
26
|
+
Object.defineProperty(exports, "NotificationAction", { enumerable: true, get: function () { return Notification_1.NotificationAction; } });
|
|
27
|
+
|
|
28
|
+
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* author: Cube Dev Team
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-89a0ed8
|
|
5
|
+
* Released under the MIT license.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
"use strict";
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.Timer = void 0;
|
|
11
|
+
class Timer {
|
|
12
|
+
constructor(callback, delay) {
|
|
13
|
+
this.timerId = null;
|
|
14
|
+
this.startTime = null;
|
|
15
|
+
this.reset = () => {
|
|
16
|
+
this.clear();
|
|
17
|
+
this.remaining = this.delay;
|
|
18
|
+
};
|
|
19
|
+
this.pause = () => {
|
|
20
|
+
if (this.timerId === null || this.startTime === null) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
this.clear();
|
|
24
|
+
this.remaining -= Date.now() - this.startTime;
|
|
25
|
+
};
|
|
26
|
+
this.resume = () => {
|
|
27
|
+
this.startTime = Date.now();
|
|
28
|
+
this.clear();
|
|
29
|
+
this.timerId = setTimeout(this.callback, this.remaining);
|
|
30
|
+
};
|
|
31
|
+
this.callback = callback;
|
|
32
|
+
this.delay = delay;
|
|
33
|
+
this.remaining = delay;
|
|
34
|
+
this.resume();
|
|
35
|
+
}
|
|
36
|
+
clear() {
|
|
37
|
+
if (this.timerId) {
|
|
38
|
+
clearTimeout(this.timerId);
|
|
39
|
+
this.timerId = null;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
exports.Timer = Timer;
|
|
44
|
+
|
|
45
|
+
|