@cube-dev/ui-kit 0.0.0-canary-67f92c8 → 0.0.0-canary-456090a
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 +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 +1 -1
- 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 +1 -1
- 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/types.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/FloatingNotification.js +2 -10
- package/cjs/components/overlays/NewNotifications/Bar/NotificationsBar.js +3 -6
- 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 +1 -1
- package/cjs/components/overlays/NewNotifications/Dialog/index.js +1 -1
- package/cjs/components/overlays/NewNotifications/Notification.js +2 -5
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationAction.js +1 -4
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +20 -9
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -4
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +1 -4
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -4
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -4
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -4
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationView.js +9 -12
- 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 +9 -13
- package/cjs/components/overlays/NewNotifications/NotificationsList.js +43 -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 +1 -1
- 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 +1 -1
- 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 +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 +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 +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 +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 +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/get-display-name.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 +1 -1
- 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 +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 +1 -1
- 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 +1 -1
- 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/types.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/FloatingNotification.js +2 -10
- package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +3 -6
- 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 +1 -1
- package/es/components/overlays/NewNotifications/Dialog/index.js +1 -1
- package/es/components/overlays/NewNotifications/Notification.js +2 -5
- package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +1 -4
- package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +20 -9
- package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -4
- package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +1 -4
- package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -4
- package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -4
- package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -4
- package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +9 -12
- 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 +9 -13
- package/es/components/overlays/NewNotifications/NotificationsList.js +39 -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 +1 -1
- 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 +1 -1
- 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 +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 +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 +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 +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 +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/get-display-name.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 +1 -1
- 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 +4 -4
- package/types/components/overlays/NewNotifications/Bar/FloatingNotification.d.ts +0 -3
- package/types/components/overlays/NewNotifications/Bar/NotificationsBar.d.ts +0 -3
- package/types/components/overlays/NewNotifications/Notification.d.ts +0 -3
- package/types/components/overlays/NewNotifications/NotificationView/NotificationAction.d.ts +0 -3
- package/types/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.d.ts +2 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationDescription.d.ts +0 -3
- package/types/components/overlays/NewNotifications/NotificationView/NotificationFooter.d.ts +0 -3
- package/types/components/overlays/NewNotifications/NotificationView/NotificationHeader.d.ts +0 -3
- package/types/components/overlays/NewNotifications/NotificationView/NotificationIcon.d.ts +0 -3
- package/types/components/overlays/NewNotifications/NotificationView/NotificationProvider.d.ts +0 -3
- package/types/components/overlays/NewNotifications/NotificationView/NotificationView.d.ts +0 -3
- package/types/components/overlays/NewNotifications/NotificationsContext/use-notifications.d.ts +1 -1
- package/types/components/overlays/NewNotifications/{NotificationsList/types.d.ts → NotificationsList.d.ts} +7 -9
- package/types/components/pickers/Menu/MenuItem.d.ts +1 -0
- package/cjs/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +0 -48
- package/cjs/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +0 -33
- package/cjs/components/overlays/NewNotifications/NotificationsList/index.js +0 -22
- package/cjs/components/overlays/NewNotifications/NotificationsList/types.js +0 -11
- package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +0 -44
- package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +0 -29
- package/es/components/overlays/NewNotifications/NotificationsList/index.js +0 -10
- package/es/components/overlays/NewNotifications/NotificationsList/types.js +0 -10
- package/types/components/overlays/NewNotifications/NotificationsList/NotificationsList.d.ts +0 -21
- package/types/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.d.ts +0 -6
- package/types/components/overlays/NewNotifications/NotificationsList/index.d.ts +0 -2
package/es/utils/promise.js
CHANGED
package/es/utils/react/Slots.js
CHANGED
package/es/utils/react/chain.js
CHANGED
package/es/utils/react/index.js
CHANGED
package/es/utils/react/useId.js
CHANGED
package/es/utils/transitions.js
CHANGED
package/es/utils/tree.js
CHANGED
package/es/utils/warnings.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cube-dev/ui-kit",
|
|
3
|
-
"version": "0.0.0-canary-
|
|
3
|
+
"version": "0.0.0-canary-456090a",
|
|
4
4
|
"description": "UIKit for Cube Projects",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"uikit"
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"@react-aria/i18n": "^3.3.4",
|
|
23
23
|
"@react-aria/interactions": "^3.7.0",
|
|
24
24
|
"@react-aria/listbox": "^3.5.0",
|
|
25
|
-
"@react-aria/menu": "3.
|
|
25
|
+
"@react-aria/menu": "3.6.1",
|
|
26
26
|
"@react-aria/numberfield": "^3.1.1",
|
|
27
27
|
"@react-aria/overlays": "^3.7.5",
|
|
28
28
|
"@react-aria/radio": "^3.1.6",
|
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
"@react-stately/collections": "^3.3.4",
|
|
42
42
|
"@react-stately/combobox": "3.0.1",
|
|
43
43
|
"@react-stately/list": "^3.5.1",
|
|
44
|
+
"@react-stately/menu": "3.4.1",
|
|
44
45
|
"@react-stately/numberfield": "^3.0.2",
|
|
45
46
|
"@react-stately/overlays": "^3.1.6",
|
|
46
47
|
"@react-stately/radio": "^3.3.2",
|
|
@@ -49,13 +50,12 @@
|
|
|
49
50
|
"@react-stately/toggle": "^3.2.3",
|
|
50
51
|
"@react-stately/tooltip": "^3.0.8",
|
|
51
52
|
"@react-stately/tree": "^3.3.1",
|
|
52
|
-
"@react-stately/menu": "^3.3.1",
|
|
53
53
|
"@react-stately/utils": "^3.5.0",
|
|
54
54
|
"@react-types/button": "^3.4.1",
|
|
55
55
|
"@react-types/checkbox": "^3.2.5",
|
|
56
56
|
"@react-types/combobox": "^3.2.1",
|
|
57
57
|
"@react-types/dialog": "^3.3.4",
|
|
58
|
-
"@react-types/menu": "
|
|
58
|
+
"@react-types/menu": "3.7.1",
|
|
59
59
|
"@react-types/numberfield": "^3.1.3",
|
|
60
60
|
"@react-types/overlays": "^3.5.5",
|
|
61
61
|
"@react-types/radio": "^3.1.2",
|
|
@@ -9,7 +9,4 @@ export declare type FloatingNotificationProps = {
|
|
|
9
9
|
item: NotificationItemNode<CubeNotifyApiPropsWithID>;
|
|
10
10
|
state: NotificationsListState<CubeNotifyApiPropsWithID>;
|
|
11
11
|
};
|
|
12
|
-
/**
|
|
13
|
-
* @internal This component is unstable and must not be used outside of `NotificationsBar`.
|
|
14
|
-
*/
|
|
15
12
|
export declare const FloatingNotification: import("react").NamedExoticComponent<FloatingNotificationProps>;
|
|
@@ -7,9 +7,6 @@ export declare type NotificationsBarProps = {
|
|
|
7
7
|
onRemoveNotification: (id: Key) => void;
|
|
8
8
|
onDismissNotification: (id: Key) => void;
|
|
9
9
|
};
|
|
10
|
-
/**
|
|
11
|
-
* @internal Do not use it
|
|
12
|
-
*/
|
|
13
10
|
export declare function NotificationsBar(props: NotificationsBarProps): JSX.Element;
|
|
14
11
|
export declare namespace NotificationsBar {
|
|
15
12
|
var Item: (props: CubeNotifyApiPropsWithID) => null;
|
|
@@ -8,9 +8,6 @@ export declare type NotificationProps = {
|
|
|
8
8
|
*/
|
|
9
9
|
disableRemoveOnUnmount?: boolean;
|
|
10
10
|
} & CubeNotifyApiProps;
|
|
11
|
-
/**
|
|
12
|
-
* Declarative wrap over the `useNotificationsApi` hook
|
|
13
|
-
*/
|
|
14
11
|
export declare function Notification(props: NotificationProps): null;
|
|
15
12
|
export declare namespace Notification {
|
|
16
13
|
var Success: (props: NotificationProps) => JSX.Element;
|
|
@@ -7,7 +7,4 @@ export declare type NotificationActionProps = PropsWithChildren<{
|
|
|
7
7
|
*/
|
|
8
8
|
disableCloseOnAction?: boolean;
|
|
9
9
|
}> & Omit<CubeButtonProps, 'type' | 'size' | 'mods'>;
|
|
10
|
-
/**
|
|
11
|
-
* @internal This component is unstable and must not be used outside of `NotificationView`.
|
|
12
|
-
*/
|
|
13
10
|
export declare function NotificationAction(props: NotificationActionProps): JSX.Element;
|
package/types/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare type NotificationCloseButtonProps = {
|
|
3
3
|
onPress: () => void;
|
|
4
|
+
isHovered: boolean;
|
|
5
|
+
isFocused: boolean;
|
|
4
6
|
};
|
|
5
7
|
export declare const NotificationCloseButton: import("react").NamedExoticComponent<NotificationCloseButtonProps>;
|
package/types/components/overlays/NewNotifications/NotificationView/NotificationDescription.d.ts
CHANGED
|
@@ -3,9 +3,6 @@ import { NotificationProps } from './types';
|
|
|
3
3
|
export declare type NotificationDescriptionProps = {
|
|
4
4
|
description: NotificationProps['description'];
|
|
5
5
|
} & HTMLAttributes<HTMLElement>;
|
|
6
|
-
/**
|
|
7
|
-
* @internal This component is unstable and must not be used outside of `NotificationView`.
|
|
8
|
-
*/
|
|
9
6
|
export declare const NotificationDescription: import("react").NamedExoticComponent<{
|
|
10
7
|
description: NotificationProps['description'];
|
|
11
8
|
} & HTMLAttributes<HTMLElement>>;
|
|
@@ -6,8 +6,5 @@ interface NotificationFooterProps {
|
|
|
6
6
|
onClose: () => void;
|
|
7
7
|
onDismiss: () => void;
|
|
8
8
|
}
|
|
9
|
-
/**
|
|
10
|
-
* @internal This component is unstable and must not be used outside of `NotificationView`.
|
|
11
|
-
*/
|
|
12
9
|
export declare const NotificationFooter: React.NamedExoticComponent<NotificationFooterProps>;
|
|
13
10
|
export {};
|
|
@@ -3,9 +3,6 @@ import { NotificationProps } from './types';
|
|
|
3
3
|
export declare type NotificationHeaderProps = {
|
|
4
4
|
header: NotificationProps['header'];
|
|
5
5
|
} & HTMLAttributes<HTMLElement>;
|
|
6
|
-
/**
|
|
7
|
-
* @internal This component is unstable and must not be used outside of `NotificationView`.
|
|
8
|
-
*/
|
|
9
6
|
export declare const NotificationHeader: import("react").NamedExoticComponent<{
|
|
10
7
|
header: NotificationProps['header'];
|
|
11
8
|
} & HTMLAttributes<HTMLElement>>;
|
|
@@ -1,6 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { NotificationIconProps } from './types';
|
|
3
|
-
/**
|
|
4
|
-
* @internal This component is unstable and must not be used outside of `NotificationView`.
|
|
5
|
-
*/
|
|
6
3
|
export declare const NotificationIcon: import("react").NamedExoticComponent<NotificationIconProps>;
|
package/types/components/overlays/NewNotifications/NotificationView/NotificationProvider.d.ts
CHANGED
|
@@ -2,9 +2,6 @@ import { PropsWithChildren } from 'react';
|
|
|
2
2
|
interface NotificationContextType {
|
|
3
3
|
onClose?: () => void;
|
|
4
4
|
}
|
|
5
|
-
/**
|
|
6
|
-
* @internal This component is unstable and must not be used outside of `NotificationView`.
|
|
7
|
-
*/
|
|
8
5
|
export declare function NotificationProvider(props: PropsWithChildren<NotificationContextType>): JSX.Element;
|
|
9
6
|
export declare function useNotificationContext(): NotificationContextType;
|
|
10
7
|
export {};
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/**
|
|
3
|
-
* @internal This component is unstable and is a subject to change.
|
|
4
|
-
*/
|
|
5
2
|
export declare const NotificationView: import("react").ForwardRefExoticComponent<{
|
|
6
3
|
qa?: string | undefined;
|
|
7
4
|
attributes?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
|
package/types/components/overlays/NewNotifications/NotificationsContext/use-notifications.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { Key, RefObject } from 'react';
|
|
|
2
2
|
import { CubeNotificationsApi, CubeNotifyApiPropsWithID } from '../types';
|
|
3
3
|
export declare function useNotifications(rootRef: RefObject<HTMLElement | null> | null): {
|
|
4
4
|
readonly api: CubeNotificationsApi;
|
|
5
|
-
readonly
|
|
5
|
+
readonly toasts: CubeNotifyApiPropsWithID[];
|
|
6
6
|
readonly onDismissNotification: (id: Key) => void;
|
|
7
7
|
readonly addOnDismissListener: (listener: (notification: CubeNotifyApiPropsWithID) => void) => () => void | undefined;
|
|
8
8
|
};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { CollectionElement } from '@react-types/shared';
|
|
3
|
-
import { CollectionChildren
|
|
4
|
-
import { CubeNotificationProps } from '
|
|
3
|
+
import { CollectionChildren } from './hooks';
|
|
4
|
+
import type { CubeNotificationProps } from './types';
|
|
5
5
|
export declare type NotificationsListProps<T> = {
|
|
6
|
-
onDismiss?: (id: Key) => void;
|
|
7
6
|
items?: T[] | readonly T[];
|
|
8
7
|
children: CollectionChildren<T>;
|
|
9
8
|
} & (NotificationsListFactory<T> | NotificationsListStatic);
|
|
@@ -15,8 +14,7 @@ export declare type NotificationsListStatic = {
|
|
|
15
14
|
items?: 'You must either use factory or static children';
|
|
16
15
|
children: CollectionElement<CubeNotificationProps> | CollectionElement<CubeNotificationProps>[];
|
|
17
16
|
};
|
|
18
|
-
export declare
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
};
|
|
17
|
+
export declare function NotificationsList<T extends object>(props: NotificationsListProps<T>): JSX.Element;
|
|
18
|
+
export declare namespace NotificationsList {
|
|
19
|
+
var Item: (props: import("./types").BaseNotificationProps) => null;
|
|
20
|
+
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-67f92c8
|
|
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 tasty_1 = require("../../../../tasty");
|
|
15
|
-
const hooks_1 = require("../hooks");
|
|
16
|
-
const NotificationsListItem_1 = require("./NotificationsListItem");
|
|
17
|
-
const NotificationListContainer = (0, tasty_1.tasty)({
|
|
18
|
-
styles: { boxSizing: 'border-box', width: '100%' },
|
|
19
|
-
});
|
|
20
|
-
/**
|
|
21
|
-
* Provides ability to show notifications as a list.
|
|
22
|
-
*
|
|
23
|
-
* @example
|
|
24
|
-
* <NotificationsList>
|
|
25
|
-
* <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
|
|
26
|
-
* <NotificationsList.Item key="id_2" type="attention" description="Edit and test your schema without affecting the production." />
|
|
27
|
-
* <NotificationsList.Item key="id_3" type="danger" description="Edit and test your schema without affecting the production." />
|
|
28
|
-
* </NotificationsList>
|
|
29
|
-
*
|
|
30
|
-
* @example Removing a notification
|
|
31
|
-
* <NotificationsList onDismiss={(id) => removeNotification(id)}>
|
|
32
|
-
* <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
|
|
33
|
-
* </NotificationsList>
|
|
34
|
-
*/
|
|
35
|
-
function NotificationsList(props) {
|
|
36
|
-
const { items, children, onDismiss } = props;
|
|
37
|
-
const ref = (0, react_1.useRef)(null);
|
|
38
|
-
const { state, listProps } = (0, hooks_1.useNotificationsList)({
|
|
39
|
-
items,
|
|
40
|
-
children,
|
|
41
|
-
ref,
|
|
42
|
-
});
|
|
43
|
-
return ((0, jsx_runtime_1.jsx)(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => ((0, jsx_runtime_1.jsx)(NotificationsListItem_1.NotificationListItem, { item: item, state: state, onDismiss: onDismiss }, item.key))) }, void 0));
|
|
44
|
-
}
|
|
45
|
-
exports.NotificationsList = NotificationsList;
|
|
46
|
-
NotificationsList.Item = collections_1.Item;
|
|
47
|
-
|
|
48
|
-
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-67f92c8
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
"use strict";
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.NotificationListItem = void 0;
|
|
11
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
|
-
const react_1 = require("react");
|
|
13
|
-
const hooks_1 = require("../hooks");
|
|
14
|
-
const tasty_1 = require("../../../../tasty");
|
|
15
|
-
const _internal_1 = require("../../../../_internal");
|
|
16
|
-
const NotificationView_1 = require("../NotificationView");
|
|
17
|
-
const NotificationListItemWrap = (0, tasty_1.tasty)({
|
|
18
|
-
styles: { borderBottom: { '': '1bw solid #border', ':last-child': 'none' } },
|
|
19
|
-
});
|
|
20
|
-
/**
|
|
21
|
-
* @internal This component is not intended to be used
|
|
22
|
-
*/
|
|
23
|
-
function NotificationListItem(props) {
|
|
24
|
-
const { item, state, onDismiss } = props;
|
|
25
|
-
const { key, props: notificationProps } = item;
|
|
26
|
-
const ref = (0, react_1.useRef)(null);
|
|
27
|
-
const onDismissEvent = (0, _internal_1.useEvent)(() => onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss(key));
|
|
28
|
-
const { itemProps } = (0, hooks_1.useNotificationListItem)({ ref, key, state });
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)(NotificationListItemWrap, { children: (0, jsx_runtime_1.jsx)(NotificationView_1.NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: !!onDismiss, onDismiss: onDismissEvent }, void 0) }, void 0));
|
|
30
|
-
}
|
|
31
|
-
exports.NotificationListItem = NotificationListItem;
|
|
32
|
-
|
|
33
|
-
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-67f92c8
|
|
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("./NotificationsList"), exports);
|
|
21
|
-
|
|
22
|
-
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-67f92c8
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
import { useRef } from 'react';
|
|
10
|
-
import { Item } from '@react-stately/collections';
|
|
11
|
-
import { tasty } from '../../../../tasty';
|
|
12
|
-
import { useNotificationsList } from '../hooks';
|
|
13
|
-
import { NotificationListItem } from './NotificationsListItem';
|
|
14
|
-
const NotificationListContainer = tasty({
|
|
15
|
-
styles: { boxSizing: 'border-box', width: '100%' },
|
|
16
|
-
});
|
|
17
|
-
/**
|
|
18
|
-
* Provides ability to show notifications as a list.
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* <NotificationsList>
|
|
22
|
-
* <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
|
|
23
|
-
* <NotificationsList.Item key="id_2" type="attention" description="Edit and test your schema without affecting the production." />
|
|
24
|
-
* <NotificationsList.Item key="id_3" type="danger" description="Edit and test your schema without affecting the production." />
|
|
25
|
-
* </NotificationsList>
|
|
26
|
-
*
|
|
27
|
-
* @example Removing a notification
|
|
28
|
-
* <NotificationsList onDismiss={(id) => removeNotification(id)}>
|
|
29
|
-
* <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
|
|
30
|
-
* </NotificationsList>
|
|
31
|
-
*/
|
|
32
|
-
export function NotificationsList(props) {
|
|
33
|
-
const { items, children, onDismiss } = props;
|
|
34
|
-
const ref = useRef(null);
|
|
35
|
-
const { state, listProps } = useNotificationsList({
|
|
36
|
-
items,
|
|
37
|
-
children,
|
|
38
|
-
ref,
|
|
39
|
-
});
|
|
40
|
-
return (_jsx(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => (_jsx(NotificationListItem, { item: item, state: state, onDismiss: onDismiss }, item.key))) }, void 0));
|
|
41
|
-
}
|
|
42
|
-
NotificationsList.Item = Item;
|
|
43
|
-
|
|
44
|
-
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-67f92c8
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
import { useRef } from 'react';
|
|
10
|
-
import { useNotificationListItem } from '../hooks';
|
|
11
|
-
import { tasty } from '../../../../tasty';
|
|
12
|
-
import { useEvent } from '../../../../_internal';
|
|
13
|
-
import { NotificationView } from '../NotificationView';
|
|
14
|
-
const NotificationListItemWrap = tasty({
|
|
15
|
-
styles: { borderBottom: { '': '1bw solid #border', ':last-child': 'none' } },
|
|
16
|
-
});
|
|
17
|
-
/**
|
|
18
|
-
* @internal This component is not intended to be used
|
|
19
|
-
*/
|
|
20
|
-
export function NotificationListItem(props) {
|
|
21
|
-
const { item, state, onDismiss } = props;
|
|
22
|
-
const { key, props: notificationProps } = item;
|
|
23
|
-
const ref = useRef(null);
|
|
24
|
-
const onDismissEvent = useEvent(() => onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss(key));
|
|
25
|
-
const { itemProps } = useNotificationListItem({ ref, key, state });
|
|
26
|
-
return (_jsx(NotificationListItemWrap, { children: _jsx(NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: !!onDismiss, onDismiss: onDismissEvent }, void 0) }, void 0));
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { NotificationsListProps } from './types';
|
|
3
|
-
/**
|
|
4
|
-
* Provides ability to show notifications as a list.
|
|
5
|
-
*
|
|
6
|
-
* @example
|
|
7
|
-
* <NotificationsList>
|
|
8
|
-
* <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
|
|
9
|
-
* <NotificationsList.Item key="id_2" type="attention" description="Edit and test your schema without affecting the production." />
|
|
10
|
-
* <NotificationsList.Item key="id_3" type="danger" description="Edit and test your schema without affecting the production." />
|
|
11
|
-
* </NotificationsList>
|
|
12
|
-
*
|
|
13
|
-
* @example Removing a notification
|
|
14
|
-
* <NotificationsList onDismiss={(id) => removeNotification(id)}>
|
|
15
|
-
* <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
|
|
16
|
-
* </NotificationsList>
|
|
17
|
-
*/
|
|
18
|
-
export declare function NotificationsList<T extends object>(props: NotificationsListProps<T>): JSX.Element;
|
|
19
|
-
export declare namespace NotificationsList {
|
|
20
|
-
var Item: (props: Omit<import("../types").BaseNotificationProps, "onDismiss">) => null;
|
|
21
|
-
}
|