@cube-dev/ui-kit 0.0.0-canary-fad98a1 → 0.0.0-canary-4e8aabc
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 -5
- package/cjs/_internal/hooks/use-deprecation-warning.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 +2 -3
- 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 +24 -11
- 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 +4 -4
- 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 +9 -3
- 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 +2 -2
- 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 +2 -2
- 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 +6 -3
- 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/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/index.js +1 -3
- package/cjs/provider.js +1 -1
- package/cjs/providers/StyleProvider.js +1 -1
- package/cjs/services/notification.js +1 -4
- 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 +4 -5
- 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 +3 -4
- 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 -2
- package/cjs/test/render.js +1 -12
- package/cjs/test/setup.js +1 -1
- package/cjs/test/utils/index.js +1 -1
- package/cjs/test/utils/wait.js +2 -2
- 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 +4 -5
- package/cjs/utils/react/chain.js +1 -1
- package/cjs/utils/react/index.js +1 -12
- 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 -5
- package/es/_internal/hooks/use-deprecation-warning.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 +2 -3
- 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 +24 -11
- 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 +4 -4
- 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 +9 -3
- 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 +2 -2
- 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 +2 -2
- 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 +6 -3
- 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/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/index.js +1 -3
- package/es/provider.js +1 -1
- package/es/providers/StyleProvider.js +1 -1
- package/es/services/notification.js +1 -4
- 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 +4 -5
- 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 +3 -4
- 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 -2
- package/es/test/render.js +1 -2
- package/es/test/setup.js +1 -1
- package/es/test/utils/index.js +1 -1
- package/es/test/utils/wait.js +2 -2
- 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 +4 -5
- package/es/utils/react/chain.js +1 -1
- package/es/utils/react/index.js +1 -2
- 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 +1 -2
- package/types/_internal/hooks/index.d.ts +0 -4
- package/types/components/actions/Button/Button.d.ts +1 -1
- package/types/components/forms/Form/Field.d.ts +4 -0
- package/types/components/overlays/AlertDialog/AlertDialogApiProvider.d.ts +1 -1
- package/types/index.d.ts +0 -2
- package/types/services/notification.d.ts +0 -3
- package/types/stories/components/StyledButton.d.ts +1 -1
- package/types/test/index.d.ts +0 -1
- package/types/test/render.d.ts +0 -1
- package/types/utils/react/index.d.ts +0 -1
- package/cjs/_internal/hooks/use-chained-callback.js +0 -23
- package/cjs/_internal/hooks/use-event.js +0 -26
- package/cjs/_internal/hooks/use-sync-ref.js +0 -21
- package/cjs/_internal/hooks/use-timer/index.js +0 -23
- package/cjs/_internal/hooks/use-timer/timer.js +0 -61
- package/cjs/_internal/hooks/use-timer/use-timer.js +0 -49
- package/cjs/components/overlays/NewNotifications/Bar/FloatingNotification.js +0 -49
- package/cjs/components/overlays/NewNotifications/Bar/NotificationsBar.js +0 -66
- package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js +0 -61
- package/cjs/components/overlays/NewNotifications/Bar/index.js +0 -22
- package/cjs/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +0 -43
- package/cjs/components/overlays/NewNotifications/Dialog/index.js +0 -22
- package/cjs/components/overlays/NewNotifications/Notification.js +0 -40
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationAction.js +0 -32
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +0 -40
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +0 -30
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +0 -65
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +0 -21
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +0 -67
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +0 -30
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationView.js +0 -80
- package/cjs/components/overlays/NewNotifications/NotificationView/index.js +0 -23
- package/cjs/components/overlays/NewNotifications/NotificationView/types.js +0 -11
- package/cjs/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +0 -25
- package/cjs/components/overlays/NewNotifications/NotificationsContext/index.js +0 -15
- package/cjs/components/overlays/NewNotifications/NotificationsContext/use-notifications-api.js +0 -24
- package/cjs/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +0 -90
- package/cjs/components/overlays/NewNotifications/NotificationsList.js +0 -43
- package/cjs/components/overlays/NewNotifications/hooks/index.js +0 -26
- package/cjs/components/overlays/NewNotifications/hooks/types.js +0 -11
- package/cjs/components/overlays/NewNotifications/hooks/use-notification-list-item.js +0 -18
- package/cjs/components/overlays/NewNotifications/hooks/use-notifications-api.js +0 -24
- package/cjs/components/overlays/NewNotifications/hooks/use-notifications-list.js +0 -33
- package/cjs/components/overlays/NewNotifications/hooks/use-notifications-observer.js +0 -22
- package/cjs/components/overlays/NewNotifications/index.js +0 -30
- package/cjs/components/overlays/NewNotifications/types.js +0 -11
- package/cjs/components/overlays/Toasts/Toast.js +0 -40
- package/cjs/components/overlays/Toasts/index.js +0 -23
- package/cjs/components/overlays/Toasts/types.js +0 -11
- package/cjs/components/overlays/Toasts/use-toasts-api.js +0 -43
- package/cjs/icons/Attention.js +0 -17
- package/cjs/icons/Cross.js +0 -17
- package/cjs/icons/Danger.js +0 -17
- package/cjs/icons/Success.js +0 -17
- package/cjs/icons/index.js +0 -25
- package/cjs/utils/react/get-display-name.js +0 -21
- package/es/_internal/hooks/use-chained-callback.js +0 -19
- package/es/_internal/hooks/use-event.js +0 -22
- package/es/_internal/hooks/use-sync-ref.js +0 -17
- package/es/_internal/hooks/use-timer/index.js +0 -11
- package/es/_internal/hooks/use-timer/timer.js +0 -57
- package/es/_internal/hooks/use-timer/use-timer.js +0 -45
- package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +0 -46
- package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +0 -62
- package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +0 -54
- package/es/components/overlays/NewNotifications/Bar/index.js +0 -10
- package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +0 -38
- package/es/components/overlays/NewNotifications/Dialog/index.js +0 -10
- package/es/components/overlays/NewNotifications/Notification.js +0 -36
- package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +0 -28
- package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +0 -37
- package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +0 -27
- package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +0 -40
- package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +0 -18
- package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +0 -64
- package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +0 -22
- package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +0 -77
- package/es/components/overlays/NewNotifications/NotificationView/index.js +0 -11
- package/es/components/overlays/NewNotifications/NotificationView/types.js +0 -10
- package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +0 -21
- package/es/components/overlays/NewNotifications/NotificationsContext/index.js +0 -10
- package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications-api.js +0 -17
- package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +0 -86
- package/es/components/overlays/NewNotifications/NotificationsList.js +0 -39
- package/es/components/overlays/NewNotifications/hooks/index.js +0 -14
- package/es/components/overlays/NewNotifications/hooks/types.js +0 -10
- package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +0 -14
- package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +0 -17
- package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +0 -29
- package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +0 -18
- package/es/components/overlays/NewNotifications/index.js +0 -15
- package/es/components/overlays/NewNotifications/types.js +0 -10
- package/es/components/overlays/Toasts/Toast.js +0 -36
- package/es/components/overlays/Toasts/index.js +0 -11
- package/es/components/overlays/Toasts/types.js +0 -10
- package/es/components/overlays/Toasts/use-toasts-api.js +0 -39
- package/es/icons/Attention.js +0 -13
- package/es/icons/Cross.js +0 -13
- package/es/icons/Danger.js +0 -13
- package/es/icons/Success.js +0 -13
- package/es/icons/index.js +0 -13
- package/es/utils/react/get-display-name.js +0 -17
- package/types/_internal/hooks/use-chained-callback.d.ts +0 -1
- package/types/_internal/hooks/use-event.d.ts +0 -7
- package/types/_internal/hooks/use-sync-ref.d.ts +0 -2
- package/types/_internal/hooks/use-timer/index.d.ts +0 -2
- package/types/_internal/hooks/use-timer/timer.d.ts +0 -15
- package/types/_internal/hooks/use-timer/use-timer.d.ts +0 -10
- package/types/components/overlays/NewNotifications/Bar/FloatingNotification.d.ts +0 -12
- package/types/components/overlays/NewNotifications/Bar/NotificationsBar.d.ts +0 -13
- package/types/components/overlays/NewNotifications/Bar/TransitionComponent.d.ts +0 -4
- package/types/components/overlays/NewNotifications/Bar/index.d.ts +0 -1
- package/types/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.d.ts +0 -11
- package/types/components/overlays/NewNotifications/Dialog/index.d.ts +0 -1
- package/types/components/overlays/NewNotifications/Notification.d.ts +0 -8
- package/types/components/overlays/NewNotifications/NotificationView/NotificationAction.d.ts +0 -10
- package/types/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.d.ts +0 -7
- package/types/components/overlays/NewNotifications/NotificationView/NotificationDescription.d.ts +0 -8
- package/types/components/overlays/NewNotifications/NotificationView/NotificationFooter.d.ts +0 -10
- package/types/components/overlays/NewNotifications/NotificationView/NotificationHeader.d.ts +0 -8
- package/types/components/overlays/NewNotifications/NotificationView/NotificationIcon.d.ts +0 -3
- package/types/components/overlays/NewNotifications/NotificationView/NotificationProvider.d.ts +0 -7
- package/types/components/overlays/NewNotifications/NotificationView/NotificationView.d.ts +0 -3
- package/types/components/overlays/NewNotifications/NotificationView/index.d.ts +0 -2
- package/types/components/overlays/NewNotifications/NotificationView/types.d.ts +0 -15
- package/types/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.d.ts +0 -9
- package/types/components/overlays/NewNotifications/NotificationsContext/index.d.ts +0 -1
- package/types/components/overlays/NewNotifications/NotificationsContext/use-notifications-api.d.ts +0 -1
- package/types/components/overlays/NewNotifications/NotificationsContext/use-notifications.d.ts +0 -8
- package/types/components/overlays/NewNotifications/NotificationsList.d.ts +0 -20
- package/types/components/overlays/NewNotifications/hooks/index.d.ts +0 -5
- package/types/components/overlays/NewNotifications/hooks/types.d.ts +0 -10
- package/types/components/overlays/NewNotifications/hooks/use-notification-list-item.d.ts +0 -9
- package/types/components/overlays/NewNotifications/hooks/use-notifications-api.d.ts +0 -1
- package/types/components/overlays/NewNotifications/hooks/use-notifications-list.d.ts +0 -12
- package/types/components/overlays/NewNotifications/hooks/use-notifications-observer.d.ts +0 -2
- package/types/components/overlays/NewNotifications/index.d.ts +0 -8
- package/types/components/overlays/NewNotifications/types.d.ts +0 -93
- package/types/components/overlays/Toasts/Toast.d.ts +0 -8
- package/types/components/overlays/Toasts/index.d.ts +0 -3
- package/types/components/overlays/Toasts/types.d.ts +0 -23
- package/types/components/overlays/Toasts/use-toasts-api.d.ts +0 -6
- package/types/icons/Attention.d.ts +0 -2
- package/types/icons/Cross.d.ts +0 -2
- package/types/icons/Danger.d.ts +0 -2
- package/types/icons/Success.d.ts +0 -2
- package/types/icons/index.d.ts +0 -4
- package/types/utils/react/get-display-name.d.ts +0 -2
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
-
import { forwardRef } from 'react';
|
|
10
|
-
import { useHover } from '@react-aria/interactions';
|
|
11
|
-
import { useFocusRing } from '@react-aria/focus';
|
|
12
|
-
import { mergeProps, useId } from '@react-aria/utils';
|
|
13
|
-
import { tasty } from '../../../../tasty';
|
|
14
|
-
import { useEvent, useTimer } from '../../../../_internal';
|
|
15
|
-
import { ClearSlots } from '../../../../utils/react';
|
|
16
|
-
import { NotificationIcon } from './NotificationIcon';
|
|
17
|
-
import { NotificationHeader } from './NotificationHeader';
|
|
18
|
-
import { NotificationDescription } from './NotificationDescription';
|
|
19
|
-
import { NotificationFooter } from './NotificationFooter';
|
|
20
|
-
import { NotificationCloseButton } from './NotificationCloseButton';
|
|
21
|
-
import { NotificationProvider } from './NotificationProvider';
|
|
22
|
-
const NotificationContainer = tasty({
|
|
23
|
-
styles: {
|
|
24
|
-
boxSizing: 'border-box',
|
|
25
|
-
position: 'relative',
|
|
26
|
-
display: 'grid',
|
|
27
|
-
width: '100%',
|
|
28
|
-
padding: '1.5x 1x 1.5x 1.5x',
|
|
29
|
-
radius: '0.5x',
|
|
30
|
-
gridAreas: `
|
|
31
|
-
"icon . header"
|
|
32
|
-
"icon . description"
|
|
33
|
-
". . footer"
|
|
34
|
-
`,
|
|
35
|
-
gridColumns: 'min-content 1x minmax(0, auto)',
|
|
36
|
-
gridRows: 'minmax(0, auto) minmax(0, auto) minmax(0, auto)',
|
|
37
|
-
fill: '#white',
|
|
38
|
-
boxShadow: {
|
|
39
|
-
'': '0 0 0 4bw #purple-04.0 inset',
|
|
40
|
-
focused: '0 0 0 4bw #purple-04 inset',
|
|
41
|
-
},
|
|
42
|
-
'&::before': {
|
|
43
|
-
zIndex: 0,
|
|
44
|
-
content: '""',
|
|
45
|
-
position: 'absolute',
|
|
46
|
-
top: '-8px',
|
|
47
|
-
left: '0',
|
|
48
|
-
right: '-8px',
|
|
49
|
-
bottom: '0',
|
|
50
|
-
display: { '': 'none', 'is-dismissible': 'flex' },
|
|
51
|
-
},
|
|
52
|
-
},
|
|
53
|
-
});
|
|
54
|
-
export const NotificationView = forwardRef(function NotificationView(props, ref) {
|
|
55
|
-
const { onClose, actions, header, icon, description, id, styles, type = 'attention', isDismissible = true, duration = null, attributes = {}, qa = 'notification', timer: propsTimer, onDismiss, } = props;
|
|
56
|
-
const labelID = useId();
|
|
57
|
-
const descriptionID = useId();
|
|
58
|
-
const onCloseEvent = useEvent(() => {
|
|
59
|
-
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
60
|
-
});
|
|
61
|
-
const onDismissEvent = useEvent(() => {
|
|
62
|
-
if (isDismissible) {
|
|
63
|
-
onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
const { hoverProps, isHovered } = useHover({});
|
|
67
|
-
const { isFocusVisible, focusProps } = useFocusRing({ within: true });
|
|
68
|
-
useTimer({
|
|
69
|
-
timer: propsTimer,
|
|
70
|
-
delay: duration,
|
|
71
|
-
callback: onDismissEvent,
|
|
72
|
-
isDisabled: isFocusVisible || isHovered || !isDismissible,
|
|
73
|
-
});
|
|
74
|
-
return (_jsx(ClearSlots, { children: _jsx(NotificationProvider, { onClose: onClose, children: _jsxs(NotificationContainer, { ...mergeProps(attributes, hoverProps, focusProps), styles: styles, ref: ref, "data-id": id, "data-qa": qa, "aria-labelledby": labelID, "aria-describedby": descriptionID, mods: { focused: isFocusVisible, 'is-dismissible': isDismissible }, children: [_jsx(NotificationIcon, { icon: icon, type: type }, void 0), header && _jsx(NotificationHeader, { header: header, id: labelID }, void 0), description && (_jsx(NotificationDescription, { description: description, id: descriptionID }, void 0)), _jsx(NotificationFooter, { hasDescription: !!description, actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }, void 0), isDismissible && (_jsx(NotificationCloseButton, { onPress: onDismissEvent, isHovered: isHovered, isFocused: isFocusVisible }, void 0))] }, void 0) }, void 0) }, void 0));
|
|
75
|
-
});
|
|
76
|
-
|
|
77
|
-
|
package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
-
import { createContext, useMemo } from 'react';
|
|
10
|
-
import { Portal } from '../../../portal';
|
|
11
|
-
import { NotificationsBar } from '../Bar';
|
|
12
|
-
import { useNotifications } from './use-notifications';
|
|
13
|
-
export const NotificationsContext = createContext(null);
|
|
14
|
-
export function NotificationsProvider(props) {
|
|
15
|
-
const { children, rootRef } = props;
|
|
16
|
-
const { toasts, api, addOnDismissListener, onDismissNotification } = useNotifications(rootRef);
|
|
17
|
-
const providerValue = useMemo(() => ({ api, addOnDismissListener }), []);
|
|
18
|
-
return (_jsxs(NotificationsContext.Provider, { value: providerValue, children: [_jsx(Portal, { children: _jsx(NotificationsBar, { items: toasts, onRemoveNotification: api.remove, onDismissNotification: onDismissNotification, children: (notification) => (_jsx(NotificationsBar.Item, { ...notification }, notification.id)) }, void 0) }, void 0), children] }, void 0));
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
|
package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications-api.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { useContext } from 'react';
|
|
9
|
-
import invariant from 'tiny-invariant';
|
|
10
|
-
import { NotificationsContext } from './NotificationsProvider';
|
|
11
|
-
export function useNotificationsApi() {
|
|
12
|
-
const context = useContext(NotificationsContext);
|
|
13
|
-
invariant(context !== null, "You can't use Notifications outside of the <Root /> component. Please, check if your component is descendant of <Root/> component");
|
|
14
|
-
return context.api;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { useEffect, useMemo, useRef, useState } from 'react';
|
|
9
|
-
import { useEvent } from '../../../../_internal';
|
|
10
|
-
const DISMISS_EVENT_NAME = 'cube:notification:dismiss';
|
|
11
|
-
export function useNotifications(rootRef) {
|
|
12
|
-
const idRef = useRef(0);
|
|
13
|
-
const listeners = useRef([]);
|
|
14
|
-
const [toasts, setToasts] = useState(new Map());
|
|
15
|
-
const addToast = Object.assign(useEvent((props) => {
|
|
16
|
-
const nextID = idRef.current++;
|
|
17
|
-
const { id = nextID, duration, isDismissible = true, ...rest } = props;
|
|
18
|
-
setToasts((toasts) => {
|
|
19
|
-
const newToasts = new Map(toasts);
|
|
20
|
-
newToasts.set(id, {
|
|
21
|
-
id,
|
|
22
|
-
duration: isDismissible ? 5000 : null,
|
|
23
|
-
...rest,
|
|
24
|
-
});
|
|
25
|
-
return newToasts;
|
|
26
|
-
});
|
|
27
|
-
return {
|
|
28
|
-
id,
|
|
29
|
-
remove: () => removeToast(id),
|
|
30
|
-
update: (props) => updateToast(id, props),
|
|
31
|
-
};
|
|
32
|
-
}), {
|
|
33
|
-
success: (props) => addToast({ type: 'success', ...props }),
|
|
34
|
-
danger: (props) => addToast({ type: 'danger', ...props }),
|
|
35
|
-
attention: (props) => addToast({ type: 'attention', ...props }),
|
|
36
|
-
});
|
|
37
|
-
const updateToast = useEvent((id, props) => {
|
|
38
|
-
setToasts((toasts) => {
|
|
39
|
-
const currentToast = toasts.get(id);
|
|
40
|
-
if (currentToast) {
|
|
41
|
-
const newToasts = new Map(toasts);
|
|
42
|
-
newToasts.set(id, {
|
|
43
|
-
...currentToast,
|
|
44
|
-
...props,
|
|
45
|
-
});
|
|
46
|
-
return newToasts;
|
|
47
|
-
}
|
|
48
|
-
return toasts;
|
|
49
|
-
});
|
|
50
|
-
});
|
|
51
|
-
const removeToast = useEvent((id) => {
|
|
52
|
-
setToasts((toasts) => {
|
|
53
|
-
if (toasts.has(id)) {
|
|
54
|
-
const newToasts = new Map(toasts);
|
|
55
|
-
newToasts.delete(id);
|
|
56
|
-
return newToasts;
|
|
57
|
-
}
|
|
58
|
-
return toasts;
|
|
59
|
-
});
|
|
60
|
-
});
|
|
61
|
-
const onDismissNotification = useEvent((id) => {
|
|
62
|
-
var _a;
|
|
63
|
-
const toast = toasts.get(id);
|
|
64
|
-
if ((toast === null || toast === void 0 ? void 0 : toast.putNotificationInDropdownOnDismiss) !== false) {
|
|
65
|
-
(_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new CustomEvent(DISMISS_EVENT_NAME, { detail: toast }));
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
const addOnDismissListener = useEvent((listener) => {
|
|
69
|
-
var _a;
|
|
70
|
-
const callback = (e) => listener(e.detail);
|
|
71
|
-
const unsub = () => { var _a; return (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener(DISMISS_EVENT_NAME, callback); };
|
|
72
|
-
listeners.current.push(unsub);
|
|
73
|
-
(_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener(DISMISS_EVENT_NAME, callback);
|
|
74
|
-
return unsub;
|
|
75
|
-
});
|
|
76
|
-
useEffect(() => () => listeners.current.forEach((cb) => cb()), []);
|
|
77
|
-
const api = useMemo(() => ({ notify: addToast, update: updateToast, remove: removeToast }), []);
|
|
78
|
-
return {
|
|
79
|
-
api,
|
|
80
|
-
toasts: useMemo(() => [...toasts.values()], [toasts]),
|
|
81
|
-
onDismissNotification,
|
|
82
|
-
addOnDismissListener,
|
|
83
|
-
};
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
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 { NotificationView } from './NotificationView';
|
|
13
|
-
import { useNotificationListItem, useNotificationsList, } from './hooks';
|
|
14
|
-
const NotificationListContainer = tasty({
|
|
15
|
-
styles: { boxSizing: 'border-box', width: '100%' },
|
|
16
|
-
});
|
|
17
|
-
export function NotificationsList(props) {
|
|
18
|
-
const { items, children } = props;
|
|
19
|
-
const ref = useRef(null);
|
|
20
|
-
const { state, listProps } = useNotificationsList({
|
|
21
|
-
items,
|
|
22
|
-
children,
|
|
23
|
-
ref,
|
|
24
|
-
});
|
|
25
|
-
return (_jsx(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => (_jsx(NotificationListItem, { item: item, state: state }, item.key))) }, void 0));
|
|
26
|
-
}
|
|
27
|
-
NotificationsList.Item = Item;
|
|
28
|
-
const notificationStyles = {
|
|
29
|
-
borderBottom: { '': '1bw solid #border', ':last-child': 'none' },
|
|
30
|
-
};
|
|
31
|
-
function NotificationListItem(props) {
|
|
32
|
-
const { item, state } = props;
|
|
33
|
-
const { key, props: notificationProps } = item;
|
|
34
|
-
const ref = useRef(null);
|
|
35
|
-
const { itemProps } = useNotificationListItem({ ref, key, state });
|
|
36
|
-
return (_jsx(NotificationView, { ref: ref, isDismissible: false, attributes: itemProps, styles: notificationStyles, ...notificationProps }, void 0));
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
export * from './use-notifications-list';
|
|
9
|
-
export * from './use-notification-list-item';
|
|
10
|
-
export * from './use-notifications-api';
|
|
11
|
-
export * from './use-notifications-observer';
|
|
12
|
-
export * from './types';
|
|
13
|
-
|
|
14
|
-
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { useSelectableItem } from '@react-aria/selection';
|
|
9
|
-
export function useNotificationListItem(props) {
|
|
10
|
-
const { ref, key, state: { selectionManager }, } = props;
|
|
11
|
-
return useSelectableItem({ ref, key, selectionManager });
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { useContext } from 'react';
|
|
9
|
-
import invariant from 'tiny-invariant';
|
|
10
|
-
import { NotificationsContext } from '../NotificationsContext';
|
|
11
|
-
export function useNotificationsApi() {
|
|
12
|
-
const context = useContext(NotificationsContext);
|
|
13
|
-
invariant(context !== null, "You can't use Notifications outside of the <Root /> component. Please, check if your component is descendant of <Root/> component");
|
|
14
|
-
return context.api;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { useListState } from '@react-stately/list';
|
|
9
|
-
import { useSelectableList } from '@react-aria/selection';
|
|
10
|
-
export function useNotificationsList(props) {
|
|
11
|
-
const { ref, children, items } = props;
|
|
12
|
-
const state = useListState({
|
|
13
|
-
selectionMode: 'none',
|
|
14
|
-
children: children,
|
|
15
|
-
items: items,
|
|
16
|
-
suppressTextValueWarning: true,
|
|
17
|
-
});
|
|
18
|
-
const { listProps } = useSelectableList({
|
|
19
|
-
ref,
|
|
20
|
-
allowsTabNavigation: true,
|
|
21
|
-
...state,
|
|
22
|
-
});
|
|
23
|
-
return {
|
|
24
|
-
listProps,
|
|
25
|
-
state,
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { useContext, useEffect } from 'react';
|
|
9
|
-
import { useEvent } from '../../../../_internal';
|
|
10
|
-
import { NotificationsContext } from '../NotificationsContext';
|
|
11
|
-
export function useNotificationsObserver(callback) {
|
|
12
|
-
var _a;
|
|
13
|
-
const { addOnDismissListener } = (_a = useContext(NotificationsContext)) !== null && _a !== void 0 ? _a : {};
|
|
14
|
-
const callbackEvent = useEvent(callback);
|
|
15
|
-
useEffect(() => addOnDismissListener === null || addOnDismissListener === void 0 ? void 0 : addOnDismissListener(callbackEvent), [addOnDismissListener]);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
export { NotificationsProvider } from './NotificationsContext';
|
|
9
|
-
export * from './NotificationsList';
|
|
10
|
-
export * from './hooks';
|
|
11
|
-
export { NotificationAction } from './NotificationView';
|
|
12
|
-
export * from './Dialog';
|
|
13
|
-
export * from './Notification';
|
|
14
|
-
|
|
15
|
-
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
import { useEffect } from 'react';
|
|
10
|
-
import { useId } from '@react-aria/utils';
|
|
11
|
-
import { useToastsApi } from './use-toasts-api';
|
|
12
|
-
export function Toast(props) {
|
|
13
|
-
const { id: propsId } = props;
|
|
14
|
-
const { toast, update, remove } = useToastsApi();
|
|
15
|
-
const defaultId = useId();
|
|
16
|
-
const id = propsId !== null && propsId !== void 0 ? propsId : defaultId;
|
|
17
|
-
useEffect(() => {
|
|
18
|
-
toast({ ...props, id });
|
|
19
|
-
return () => remove(id);
|
|
20
|
-
}, [id]);
|
|
21
|
-
useEffect(() => {
|
|
22
|
-
update(id, props);
|
|
23
|
-
});
|
|
24
|
-
return null;
|
|
25
|
-
}
|
|
26
|
-
Toast.Success = function ToastSuccess(props) {
|
|
27
|
-
return _jsx(Toast, { type: "success", ...props }, void 0);
|
|
28
|
-
};
|
|
29
|
-
Toast.Danger = function ToastDanger(props) {
|
|
30
|
-
return _jsx(Toast, { type: "danger", ...props }, void 0);
|
|
31
|
-
};
|
|
32
|
-
Toast.Attention = function ToastAttention(props) {
|
|
33
|
-
return _jsx(Toast, { type: "attention", ...props }, void 0);
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { useMemo } from 'react';
|
|
9
|
-
import { isElement, isFragment } from 'react-is';
|
|
10
|
-
import { useNotificationsApi } from '../NewNotifications';
|
|
11
|
-
export function useToastsApi() {
|
|
12
|
-
const { notify, update, remove } = useNotificationsApi();
|
|
13
|
-
const toast = useMemo(() => Object.assign((props) => notify({
|
|
14
|
-
isDismissible: true,
|
|
15
|
-
putNotificationInDropdownOnDismiss: false,
|
|
16
|
-
duration: 5000,
|
|
17
|
-
...unwrapProps(props),
|
|
18
|
-
}), {
|
|
19
|
-
success: (props) => toast({ type: 'success', ...unwrapProps(props) }),
|
|
20
|
-
danger: (props) => toast({ type: 'danger', ...unwrapProps(props) }),
|
|
21
|
-
attention: (props) => toast({ type: 'attention', ...unwrapProps(props) }),
|
|
22
|
-
}), []);
|
|
23
|
-
return { toast, update, remove };
|
|
24
|
-
}
|
|
25
|
-
function unwrapProps(props) {
|
|
26
|
-
return {
|
|
27
|
-
...(propsIsDescription(props)
|
|
28
|
-
? { description: props }
|
|
29
|
-
: props),
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
function propsIsDescription(props) {
|
|
33
|
-
return (isElement(props) ||
|
|
34
|
-
isFragment(props) ||
|
|
35
|
-
typeof props === 'string' ||
|
|
36
|
-
typeof props === 'number');
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
package/es/icons/Attention.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
export function Attention() {
|
|
10
|
-
return (_jsx("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M7.94 11.04c-.82 0-1.49.67-1.49 1.49.08 1.96 2.9 1.96 2.97 0 0-.82-.67-1.49-1.48-1.49ZM9.42 2.68a1.93 1.93 0 0 0-3.39 1.58l.9 5.13c.2 1.12 1.8 1.12 2.02 0l.9-5.13c.1-.56-.06-1.14-.43-1.58Z" }, void 0) }, void 0));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
|
package/es/icons/Cross.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
export function Cross() {
|
|
10
|
-
return (_jsx("svg", { viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "m9.1 8 4.67-4.67a.78.78 0 1 0-1.1-1.1L8 6.9 3.33 2.23a.78.78 0 1 0-1.1 1.1L6.9 8l-4.67 4.67a.78.78 0 1 0 1.1 1.1L8 9.1l4.67 4.67a.78.78 0 0 0 1.1 0c.3-.3.3-.8 0-1.1L9.1 8Z" }, void 0) }, void 0));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
|
package/es/icons/Danger.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
-
export function Danger() {
|
|
10
|
-
return (_jsxs("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M13.58 15.5H2.42a2.4 2.4 0 0 1-2.1-1.21 2.4 2.4 0 0 1 0-2.42l5.59-9.66A2.4 2.4 0 0 1 8 1c.87 0 1.66.45 2.1 1.2l5.57 9.67a2.4 2.4 0 0 1 0 2.42 2.4 2.4 0 0 1-2.09 1.2ZM8 2.6a.8.8 0 0 0-.7.4l-5.58 9.67a.8.8 0 0 0 0 .8c.07.12.28.4.7.4h11.16a.8.8 0 0 0 .7-.4.8.8 0 0 0 0-.8L8.7 3a.8.8 0 0 0-.7-.4Zm0 9.67a.8.8 0 1 1 0-1.62.8.8 0 1 1 0 1.62Zm0-3.23a.8.8 0 0 1-.8-.8V6.64a.8.8 0 1 1 1.6 0v1.6a.8.8 0 0 1-.8.81Z" }, void 0), _jsx("path", { d: "M7.2 6.8a.8.8 0 1 1 1.6 0v2.4a.8.8 0 0 1-1.6 0V6.8Z" }, void 0)] }, void 0));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
|
package/es/icons/Success.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
export function Success() {
|
|
10
|
-
return (_jsx("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "m13.67 5.88-5.8 5.8a1.1 1.1 0 0 1-1.55 0l-3-3a1.1 1.1 0 0 1 1.56-1.55l2.21 2.21 5.03-5.02a1.1 1.1 0 0 1 1.55 1.56Z" }, void 0) }, void 0));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
|
package/es/icons/index.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
export * from './Danger';
|
|
9
|
-
export * from './Attention';
|
|
10
|
-
export * from './Success';
|
|
11
|
-
export * from './Cross';
|
|
12
|
-
|
|
13
|
-
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-fad98a1
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
const DEFAULT_NAME = 'Anonymous';
|
|
9
|
-
export function getDisplayName(Component, fallbackName = DEFAULT_NAME) {
|
|
10
|
-
var _a, _b;
|
|
11
|
-
if (typeof Component === 'function') {
|
|
12
|
-
return (_b = (_a = Component.displayName) !== null && _a !== void 0 ? _a : Component.name) !== null && _b !== void 0 ? _b : fallbackName;
|
|
13
|
-
}
|
|
14
|
-
return fallbackName;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function useChainedCallback(...callbacks: (((...args: any) => any) | null | undefined | boolean)[]): (...args: any[]) => void;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* useEvent shim from the latest React RFC.
|
|
3
|
-
*
|
|
4
|
-
* @see https://github.com/reactjs/rfcs/pull/220
|
|
5
|
-
* @see https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md#internal-implementation
|
|
6
|
-
*/
|
|
7
|
-
export declare function useEvent<Func extends (...args: Args) => Result, Args extends Parameters<any> = Parameters<Func>, Result extends ReturnType<any> = ReturnType<Func>>(callback: Func): (...args: Args) => Result;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export declare class Timer {
|
|
2
|
-
private readonly callback;
|
|
3
|
-
private readonly delay;
|
|
4
|
-
private remaining;
|
|
5
|
-
private timerId;
|
|
6
|
-
private startTime;
|
|
7
|
-
private _status;
|
|
8
|
-
get status(): "paused" | "running" | "stopped";
|
|
9
|
-
private set status(value);
|
|
10
|
-
constructor(callback: () => unknown, delay: number);
|
|
11
|
-
reset(): void;
|
|
12
|
-
pause(): void;
|
|
13
|
-
resume(): void;
|
|
14
|
-
private clear;
|
|
15
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Timer } from './timer';
|
|
2
|
-
export declare type UseTimerProps = {
|
|
3
|
-
callback?: () => void;
|
|
4
|
-
delay?: number | null;
|
|
5
|
-
isDisabled?: boolean;
|
|
6
|
-
timer?: Timer | null;
|
|
7
|
-
};
|
|
8
|
-
export declare function useTimer(props?: UseTimerProps): {
|
|
9
|
-
readonly timer: Timer | null;
|
|
10
|
-
};
|