@cube-dev/ui-kit 0.10.13 → 0.11.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/_internal/hooks/index.js +5 -1
- package/cjs/_internal/hooks/use-chained-callback.js +23 -0
- package/cjs/_internal/hooks/use-deprecation-warning.js +1 -1
- package/cjs/_internal/hooks/use-event.js +26 -0
- package/cjs/_internal/hooks/use-sync-ref.js +21 -0
- package/cjs/_internal/hooks/use-timer/index.js +23 -0
- package/cjs/_internal/hooks/use-timer/timer.js +61 -0
- package/cjs/_internal/hooks/use-timer/use-timer.js +49 -0
- package/cjs/_internal/index.js +1 -1
- package/cjs/components/Base.js +1 -1
- package/cjs/components/Block.js +1 -1
- package/cjs/components/GlobalStyles.js +1 -1
- package/cjs/components/GridProvider.js +1 -1
- package/cjs/components/HiddenInput.js +1 -1
- package/cjs/components/OpenTrasition.js +1 -1
- package/cjs/components/Root.js +3 -2
- package/cjs/components/actions/Action.js +1 -1
- package/cjs/components/actions/Button/Button.js +1 -1
- package/cjs/components/actions/Button/Submit.js +1 -1
- package/cjs/components/actions/Button/index.js +1 -1
- package/cjs/components/actions/ButtonGroup/ButtonGroup.js +1 -1
- package/cjs/components/actions/index.js +1 -1
- package/cjs/components/content/ActiveZone/ActiveZone.js +1 -1
- package/cjs/components/content/Alert/Alert.js +1 -1
- package/cjs/components/content/Alert/index.js +1 -1
- package/cjs/components/content/Alert/types.js +1 -1
- package/cjs/components/content/Alert/use-alert.js +1 -1
- package/cjs/components/content/Avatar/Avatar.js +1 -1
- package/cjs/components/content/Badge/Badge.js +1 -1
- package/cjs/components/content/Card/Card.js +1 -1
- package/cjs/components/content/Content.js +1 -1
- package/cjs/components/content/CopySnippet/CopySnippet.js +11 -24
- 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 +1 -1
- package/cjs/components/forms/Form/Form.js +1 -1
- package/cjs/components/forms/Form/index.js +1 -1
- package/cjs/components/forms/Form/useForm.js +1 -1
- package/cjs/components/forms/Form/validation.js +1 -1
- package/cjs/components/forms/Input/Input.js +1 -1
- package/cjs/components/forms/Input/index.js +1 -1
- package/cjs/components/forms/Label.js +1 -1
- package/cjs/components/forms/NumberInput/NumberInput.js +1 -1
- package/cjs/components/forms/NumberInput/StepButton.js +1 -1
- package/cjs/components/forms/PasswordInput/PasswordInput.js +1 -1
- package/cjs/components/forms/RadioGroup/Radio.js +1 -1
- package/cjs/components/forms/RadioGroup/RadioGroup.js +1 -1
- package/cjs/components/forms/RadioGroup/context.js +1 -1
- package/cjs/components/forms/SearchInput/SearchInput.js +1 -1
- package/cjs/components/forms/Switch/Switch.js +1 -1
- package/cjs/components/forms/TextArea/TextArea.js +1 -1
- package/cjs/components/forms/TextInput/TextInput.js +1 -1
- package/cjs/components/forms/TextInput/TextInputBase.js +1 -1
- package/cjs/components/forms/index.js +1 -1
- package/cjs/components/layout/Flex.js +1 -1
- package/cjs/components/layout/Flow.js +1 -1
- package/cjs/components/layout/Grid.js +1 -1
- package/cjs/components/layout/Prefix.js +1 -1
- package/cjs/components/layout/Space.js +1 -1
- package/cjs/components/layout/Suffix.js +1 -1
- package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
- package/cjs/components/navigation/Link/Link.js +1 -1
- package/cjs/components/organisms/FileTabs/FileTabs.js +1 -1
- package/cjs/components/organisms/Modal/Modal.js +1 -1
- package/cjs/components/organisms/StatsCard/StatsCard.js +1 -1
- package/cjs/components/other/Base64Upload/Base64Upload.js +1 -1
- package/cjs/components/other/CloudLogo/CloudLogo.js +1 -1
- package/cjs/components/overlays/AlertDialog/AlertDialog.js +1 -1
- package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +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 +3 -6
- 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 +49 -0
- package/cjs/components/overlays/NewNotifications/Bar/NotificationsBar.js +66 -0
- package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js +61 -0
- package/cjs/components/overlays/NewNotifications/Bar/index.js +22 -0
- package/cjs/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +43 -0
- package/cjs/components/overlays/NewNotifications/Dialog/index.js +22 -0
- package/cjs/components/overlays/NewNotifications/Notification.js +38 -0
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationAction.js +32 -0
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +40 -0
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +30 -0
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +65 -0
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +21 -0
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +67 -0
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +30 -0
- package/cjs/components/overlays/NewNotifications/NotificationView/NotificationView.js +80 -0
- package/cjs/components/overlays/NewNotifications/NotificationView/index.js +23 -0
- package/cjs/components/overlays/NewNotifications/NotificationView/types.js +11 -0
- package/cjs/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +25 -0
- package/cjs/components/overlays/NewNotifications/NotificationsContext/index.js +15 -0
- package/cjs/components/overlays/NewNotifications/NotificationsContext/use-notifications-api.js +24 -0
- package/cjs/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +91 -0
- package/cjs/components/overlays/NewNotifications/NotificationsList.js +43 -0
- package/cjs/components/overlays/NewNotifications/hooks/index.js +26 -0
- package/cjs/components/overlays/NewNotifications/hooks/types.js +11 -0
- package/cjs/components/overlays/NewNotifications/hooks/use-notification-list-item.js +18 -0
- package/cjs/components/overlays/NewNotifications/hooks/use-notifications-api.js +24 -0
- package/cjs/components/overlays/NewNotifications/hooks/use-notifications-list.js +33 -0
- package/cjs/components/overlays/NewNotifications/hooks/use-notifications-observer.js +22 -0
- package/cjs/components/overlays/NewNotifications/index.js +30 -0
- package/cjs/components/overlays/NewNotifications/types.js +11 -0
- package/cjs/components/overlays/Notification/Notification.js +1 -1
- package/cjs/components/overlays/OverlayWrapper.js +1 -1
- package/cjs/components/overlays/Toasts/Toast.js +40 -0
- package/cjs/components/overlays/Toasts/index.js +23 -0
- package/cjs/components/overlays/Toasts/types.js +11 -0
- package/cjs/components/overlays/Toasts/use-toasts-api.js +43 -0
- package/cjs/components/overlays/Tooltip/Tooltip.js +1 -1
- package/cjs/components/overlays/Tooltip/TooltipProvider.js +1 -1
- package/cjs/components/overlays/Tooltip/TooltipTrigger.js +1 -1
- package/cjs/components/overlays/Tooltip/context.js +1 -1
- package/cjs/components/pickers/ComboBox/ComboBox.js +1 -1
- package/cjs/components/pickers/Menu/Menu.js +1 -1
- package/cjs/components/pickers/Menu/MenuButton.js +1 -1
- package/cjs/components/pickers/Menu/MenuItem.js +1 -1
- package/cjs/components/pickers/Menu/MenuSection.js +1 -1
- package/cjs/components/pickers/Menu/MenuTrigger.js +1 -1
- package/cjs/components/pickers/Menu/context.js +1 -1
- package/cjs/components/pickers/Menu/styled.js +1 -1
- package/cjs/components/pickers/Select/Select.js +1 -1
- package/cjs/components/portal/Portal.js +1 -1
- package/cjs/components/portal/PortalProvider.js +1 -1
- package/cjs/components/portal/index.js +1 -1
- package/cjs/components/portal/storybook/templates/CustomRoot.js +1 -1
- package/cjs/components/portal/storybook/templates/PortalOrder.js +1 -1
- package/cjs/components/portal/storybook/templates/basic.js +1 -1
- package/cjs/components/portal/storybook/templates/index.js +1 -1
- package/cjs/components/portal/types.js +1 -1
- package/cjs/components/portal/usePortal.js +1 -1
- package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
- package/cjs/components/status/LoadingAnimation/index.js +1 -1
- package/cjs/components/status/Spin/Cube.js +1 -1
- package/cjs/components/status/Spin/InternalSpinner.js +1 -1
- package/cjs/components/status/Spin/Spin.js +1 -1
- package/cjs/components/status/Spin/SpinsContainer.js +1 -1
- package/cjs/components/status/Spin/index.js +1 -1
- package/cjs/components/status/Spin/types.js +1 -1
- package/cjs/components/status/index.js +1 -1
- package/cjs/data/themes.js +1 -1
- package/cjs/icons/Attention.js +17 -0
- package/cjs/icons/Cross.js +17 -0
- package/cjs/icons/Danger.js +17 -0
- package/cjs/icons/Success.js +17 -0
- package/cjs/icons/index.js +25 -0
- package/cjs/index.js +3 -1
- package/cjs/provider.js +1 -1
- package/cjs/providers/StyleProvider.js +1 -1
- package/cjs/services/notification.js +4 -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 +5 -4
- 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 +4 -3
- 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 +2 -1
- package/cjs/test/render.js +12 -1
- 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 +5 -4
- package/cjs/utils/react/chain.js +1 -1
- package/cjs/utils/react/get-display-name.js +21 -0
- package/cjs/utils/react/index.js +12 -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 +5 -1
- package/es/_internal/hooks/use-chained-callback.js +19 -0
- package/es/_internal/hooks/use-deprecation-warning.js +1 -1
- package/es/_internal/hooks/use-event.js +22 -0
- package/es/_internal/hooks/use-sync-ref.js +17 -0
- package/es/_internal/hooks/use-timer/index.js +11 -0
- package/es/_internal/hooks/use-timer/timer.js +57 -0
- package/es/_internal/hooks/use-timer/use-timer.js +45 -0
- package/es/_internal/index.js +1 -1
- package/es/components/Base.js +1 -1
- package/es/components/Block.js +1 -1
- package/es/components/GlobalStyles.js +1 -1
- package/es/components/GridProvider.js +1 -1
- package/es/components/HiddenInput.js +1 -1
- package/es/components/OpenTrasition.js +1 -1
- package/es/components/Root.js +3 -2
- package/es/components/actions/Action.js +1 -1
- package/es/components/actions/Button/Button.js +1 -1
- package/es/components/actions/Button/Submit.js +1 -1
- package/es/components/actions/Button/index.js +1 -1
- package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
- package/es/components/actions/index.js +1 -1
- package/es/components/content/ActiveZone/ActiveZone.js +1 -1
- package/es/components/content/Alert/Alert.js +1 -1
- package/es/components/content/Alert/index.js +1 -1
- package/es/components/content/Alert/types.js +1 -1
- package/es/components/content/Alert/use-alert.js +1 -1
- package/es/components/content/Avatar/Avatar.js +1 -1
- package/es/components/content/Badge/Badge.js +1 -1
- package/es/components/content/Card/Card.js +1 -1
- package/es/components/content/Content.js +1 -1
- package/es/components/content/CopySnippet/CopySnippet.js +11 -24
- 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 +1 -1
- package/es/components/forms/Form/Form.js +1 -1
- package/es/components/forms/Form/index.js +1 -1
- package/es/components/forms/Form/useForm.js +1 -1
- package/es/components/forms/Form/validation.js +1 -1
- package/es/components/forms/Input/Input.js +1 -1
- package/es/components/forms/Input/index.js +1 -1
- package/es/components/forms/Label.js +1 -1
- package/es/components/forms/NumberInput/NumberInput.js +1 -1
- package/es/components/forms/NumberInput/StepButton.js +1 -1
- package/es/components/forms/PasswordInput/PasswordInput.js +1 -1
- package/es/components/forms/RadioGroup/Radio.js +1 -1
- package/es/components/forms/RadioGroup/RadioGroup.js +1 -1
- package/es/components/forms/RadioGroup/context.js +1 -1
- package/es/components/forms/SearchInput/SearchInput.js +1 -1
- package/es/components/forms/Switch/Switch.js +1 -1
- package/es/components/forms/TextArea/TextArea.js +1 -1
- package/es/components/forms/TextInput/TextInput.js +1 -1
- package/es/components/forms/TextInput/TextInputBase.js +1 -1
- package/es/components/forms/index.js +1 -1
- package/es/components/layout/Flex.js +1 -1
- package/es/components/layout/Flow.js +1 -1
- package/es/components/layout/Grid.js +1 -1
- package/es/components/layout/Prefix.js +1 -1
- package/es/components/layout/Space.js +1 -1
- package/es/components/layout/Suffix.js +1 -1
- package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
- package/es/components/navigation/Link/Link.js +1 -1
- package/es/components/organisms/FileTabs/FileTabs.js +1 -1
- package/es/components/organisms/Modal/Modal.js +1 -1
- package/es/components/organisms/StatsCard/StatsCard.js +1 -1
- package/es/components/other/Base64Upload/Base64Upload.js +1 -1
- package/es/components/other/CloudLogo/CloudLogo.js +1 -1
- package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
- package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +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 +3 -6
- 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 +46 -0
- package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +62 -0
- package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +54 -0
- package/es/components/overlays/NewNotifications/Bar/index.js +10 -0
- package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +38 -0
- package/es/components/overlays/NewNotifications/Dialog/index.js +10 -0
- package/es/components/overlays/NewNotifications/Notification.js +34 -0
- package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +28 -0
- package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +37 -0
- package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +27 -0
- package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +40 -0
- package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +18 -0
- package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +64 -0
- package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +22 -0
- package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +77 -0
- package/es/components/overlays/NewNotifications/NotificationView/index.js +11 -0
- package/es/components/overlays/NewNotifications/NotificationView/types.js +10 -0
- package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +21 -0
- package/es/components/overlays/NewNotifications/NotificationsContext/index.js +10 -0
- package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications-api.js +17 -0
- package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +87 -0
- package/es/components/overlays/NewNotifications/NotificationsList.js +39 -0
- package/es/components/overlays/NewNotifications/hooks/index.js +14 -0
- package/es/components/overlays/NewNotifications/hooks/types.js +10 -0
- package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +14 -0
- package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +17 -0
- package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +29 -0
- package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +18 -0
- package/es/components/overlays/NewNotifications/index.js +15 -0
- package/es/components/overlays/NewNotifications/types.js +10 -0
- package/es/components/overlays/Notification/Notification.js +1 -1
- package/es/components/overlays/OverlayWrapper.js +1 -1
- package/es/components/overlays/Toasts/Toast.js +36 -0
- package/es/components/overlays/Toasts/index.js +11 -0
- package/es/components/overlays/Toasts/types.js +10 -0
- package/es/components/overlays/Toasts/use-toasts-api.js +39 -0
- package/es/components/overlays/Tooltip/Tooltip.js +1 -1
- package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
- package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
- package/es/components/overlays/Tooltip/context.js +1 -1
- package/es/components/pickers/ComboBox/ComboBox.js +1 -1
- package/es/components/pickers/Menu/Menu.js +1 -1
- package/es/components/pickers/Menu/MenuButton.js +1 -1
- package/es/components/pickers/Menu/MenuItem.js +1 -1
- package/es/components/pickers/Menu/MenuSection.js +1 -1
- package/es/components/pickers/Menu/MenuTrigger.js +1 -1
- package/es/components/pickers/Menu/context.js +1 -1
- package/es/components/pickers/Menu/styled.js +1 -1
- package/es/components/pickers/Select/Select.js +1 -1
- package/es/components/portal/Portal.js +1 -1
- package/es/components/portal/PortalProvider.js +1 -1
- package/es/components/portal/index.js +1 -1
- package/es/components/portal/storybook/templates/CustomRoot.js +1 -1
- package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
- package/es/components/portal/storybook/templates/basic.js +1 -1
- package/es/components/portal/storybook/templates/index.js +1 -1
- package/es/components/portal/types.js +1 -1
- package/es/components/portal/usePortal.js +1 -1
- package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
- package/es/components/status/LoadingAnimation/index.js +1 -1
- package/es/components/status/Spin/Cube.js +1 -1
- package/es/components/status/Spin/InternalSpinner.js +1 -1
- package/es/components/status/Spin/Spin.js +1 -1
- package/es/components/status/Spin/SpinsContainer.js +1 -1
- package/es/components/status/Spin/index.js +1 -1
- package/es/components/status/Spin/types.js +1 -1
- package/es/components/status/index.js +1 -1
- package/es/data/themes.js +1 -1
- package/es/icons/Attention.js +13 -0
- package/es/icons/Cross.js +13 -0
- package/es/icons/Danger.js +13 -0
- package/es/icons/Success.js +13 -0
- package/es/icons/index.js +13 -0
- package/es/index.js +3 -1
- package/es/provider.js +1 -1
- package/es/providers/StyleProvider.js +1 -1
- package/es/services/notification.js +4 -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 +5 -4
- 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 +4 -3
- 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 +2 -1
- package/es/test/render.js +2 -1
- 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 +5 -4
- package/es/utils/react/chain.js +1 -1
- package/es/utils/react/get-display-name.js +17 -0
- package/es/utils/react/index.js +2 -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 +2 -1
- package/types/_internal/hooks/index.d.ts +4 -0
- package/types/_internal/hooks/use-chained-callback.d.ts +1 -0
- package/types/_internal/hooks/use-event.d.ts +7 -0
- package/types/_internal/hooks/use-sync-ref.d.ts +2 -0
- package/types/_internal/hooks/use-timer/index.d.ts +2 -0
- package/types/_internal/hooks/use-timer/timer.d.ts +15 -0
- package/types/_internal/hooks/use-timer/use-timer.d.ts +10 -0
- package/types/components/actions/Button/Button.d.ts +1 -1
- package/types/components/overlays/AlertDialog/AlertDialogApiProvider.d.ts +1 -1
- package/types/components/overlays/NewNotifications/Bar/FloatingNotification.d.ts +12 -0
- package/types/components/overlays/NewNotifications/Bar/NotificationsBar.d.ts +13 -0
- package/types/components/overlays/NewNotifications/Bar/TransitionComponent.d.ts +4 -0
- package/types/components/overlays/NewNotifications/Bar/index.d.ts +1 -0
- package/types/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.d.ts +11 -0
- package/types/components/overlays/NewNotifications/Dialog/index.d.ts +1 -0
- package/types/components/overlays/NewNotifications/Notification.d.ts +8 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationAction.d.ts +10 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.d.ts +7 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationDescription.d.ts +8 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationFooter.d.ts +10 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationHeader.d.ts +8 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationIcon.d.ts +3 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationProvider.d.ts +7 -0
- package/types/components/overlays/NewNotifications/NotificationView/NotificationView.d.ts +8 -0
- package/types/components/overlays/NewNotifications/NotificationView/index.d.ts +2 -0
- package/types/components/overlays/NewNotifications/NotificationView/types.d.ts +16 -0
- package/types/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.d.ts +9 -0
- package/types/components/overlays/NewNotifications/NotificationsContext/index.d.ts +1 -0
- package/types/components/overlays/NewNotifications/NotificationsContext/use-notifications-api.d.ts +1 -0
- package/types/components/overlays/NewNotifications/NotificationsContext/use-notifications.d.ts +8 -0
- package/types/components/overlays/NewNotifications/NotificationsList.d.ts +20 -0
- package/types/components/overlays/NewNotifications/hooks/index.d.ts +5 -0
- package/types/components/overlays/NewNotifications/hooks/types.d.ts +10 -0
- package/types/components/overlays/NewNotifications/hooks/use-notification-list-item.d.ts +9 -0
- package/types/components/overlays/NewNotifications/hooks/use-notifications-api.d.ts +1 -0
- package/types/components/overlays/NewNotifications/hooks/use-notifications-list.d.ts +12 -0
- package/types/components/overlays/NewNotifications/hooks/use-notifications-observer.d.ts +2 -0
- package/types/components/overlays/NewNotifications/index.d.ts +8 -0
- package/types/components/overlays/NewNotifications/types.d.ts +87 -0
- package/types/components/overlays/Toasts/Toast.d.ts +8 -0
- package/types/components/overlays/Toasts/index.d.ts +3 -0
- package/types/components/overlays/Toasts/types.d.ts +23 -0
- package/types/components/overlays/Toasts/use-toasts-api.d.ts +6 -0
- package/types/icons/Attention.d.ts +2 -0
- package/types/icons/Cross.d.ts +2 -0
- package/types/icons/Danger.d.ts +2 -0
- package/types/icons/Success.d.ts +2 -0
- package/types/icons/index.d.ts +4 -0
- package/types/index.d.ts +2 -0
- package/types/services/notification.d.ts +3 -0
- package/types/stories/components/StyledButton.d.ts +1 -1
- package/types/test/index.d.ts +1 -0
- package/types/test/render.d.ts +1 -0
- package/types/utils/react/get-display-name.d.ts +2 -0
- package/types/utils/react/index.d.ts +1 -0
@@ -1,7 +1,7 @@
|
|
1
1
|
/**
|
2
2
|
* @license MIT
|
3
3
|
* author: Cube Dev Team
|
4
|
-
* @cube-dev/ui-kit v0.
|
4
|
+
* @cube-dev/ui-kit v0.11.0
|
5
5
|
* Released under the MIT license.
|
6
6
|
*/
|
7
7
|
|
@@ -18,5 +18,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
18
18
|
};
|
19
19
|
Object.defineProperty(exports, "__esModule", { value: true });
|
20
20
|
__exportStar(require("./use-deprecation-warning"), exports);
|
21
|
+
__exportStar(require("./use-event"), exports);
|
22
|
+
__exportStar(require("./use-sync-ref"), exports);
|
23
|
+
__exportStar(require("./use-chained-callback"), exports);
|
24
|
+
__exportStar(require("./use-timer"), exports);
|
21
25
|
|
22
26
|
|
@@ -0,0 +1,23 @@
|
|
1
|
+
/**
|
2
|
+
* @license MIT
|
3
|
+
* author: Cube Dev Team
|
4
|
+
* @cube-dev/ui-kit v0.11.0
|
5
|
+
* Released under the MIT license.
|
6
|
+
*/
|
7
|
+
|
8
|
+
"use strict";
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
10
|
+
exports.useChainedCallback = void 0;
|
11
|
+
const use_event_1 = require("./use-event");
|
12
|
+
function useChainedCallback(...callbacks) {
|
13
|
+
return (0, use_event_1.useEvent)((...args) => {
|
14
|
+
callbacks.forEach((callback) => {
|
15
|
+
if (typeof callback === 'function') {
|
16
|
+
callback(...args);
|
17
|
+
}
|
18
|
+
});
|
19
|
+
});
|
20
|
+
}
|
21
|
+
exports.useChainedCallback = useChainedCallback;
|
22
|
+
|
23
|
+
|
@@ -0,0 +1,26 @@
|
|
1
|
+
/**
|
2
|
+
* @license MIT
|
3
|
+
* author: Cube Dev Team
|
4
|
+
* @cube-dev/ui-kit v0.11.0
|
5
|
+
* Released under the MIT license.
|
6
|
+
*/
|
7
|
+
|
8
|
+
"use strict";
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
10
|
+
exports.useEvent = void 0;
|
11
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
12
|
+
const react_1 = require("react");
|
13
|
+
const use_sync_ref_1 = require("./use-sync-ref");
|
14
|
+
/**
|
15
|
+
* useEvent shim from the latest React RFC.
|
16
|
+
*
|
17
|
+
* @see https://github.com/reactjs/rfcs/pull/220
|
18
|
+
* @see https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md#internal-implementation
|
19
|
+
*/
|
20
|
+
function useEvent(callback) {
|
21
|
+
const callbackRef = (0, use_sync_ref_1.useSyncRef)(callback);
|
22
|
+
return (0, react_1.useCallback)((...args) => callbackRef.current(...args), []);
|
23
|
+
}
|
24
|
+
exports.useEvent = useEvent;
|
25
|
+
|
26
|
+
|
@@ -0,0 +1,21 @@
|
|
1
|
+
/**
|
2
|
+
* @license MIT
|
3
|
+
* author: Cube Dev Team
|
4
|
+
* @cube-dev/ui-kit v0.11.0
|
5
|
+
* Released under the MIT license.
|
6
|
+
*/
|
7
|
+
|
8
|
+
"use strict";
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
10
|
+
exports.useSyncRef = void 0;
|
11
|
+
const react_1 = require("react");
|
12
|
+
function useSyncRef(value) {
|
13
|
+
const ref = (0, react_1.useRef)(value);
|
14
|
+
(0, react_1.useLayoutEffect)(() => {
|
15
|
+
ref.current = value;
|
16
|
+
});
|
17
|
+
return ref;
|
18
|
+
}
|
19
|
+
exports.useSyncRef = useSyncRef;
|
20
|
+
|
21
|
+
|
@@ -0,0 +1,23 @@
|
|
1
|
+
/**
|
2
|
+
* @license MIT
|
3
|
+
* author: Cube Dev Team
|
4
|
+
* @cube-dev/ui-kit v0.11.0
|
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("./timer"), exports);
|
21
|
+
__exportStar(require("./use-timer"), exports);
|
22
|
+
|
23
|
+
|
@@ -0,0 +1,61 @@
|
|
1
|
+
/**
|
2
|
+
* @license MIT
|
3
|
+
* author: Cube Dev Team
|
4
|
+
* @cube-dev/ui-kit v0.11.0
|
5
|
+
* Released under the MIT license.
|
6
|
+
*/
|
7
|
+
|
8
|
+
"use strict";
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
10
|
+
exports.Timer = void 0;
|
11
|
+
class Timer {
|
12
|
+
constructor(callback, delay) {
|
13
|
+
this.timerId = null;
|
14
|
+
this.startTime = null;
|
15
|
+
this._status = 'stopped';
|
16
|
+
this.callback = callback;
|
17
|
+
this.delay = delay;
|
18
|
+
this.remaining = delay;
|
19
|
+
this.resume();
|
20
|
+
}
|
21
|
+
get status() {
|
22
|
+
return this._status;
|
23
|
+
}
|
24
|
+
set status(status) {
|
25
|
+
this._status = status;
|
26
|
+
}
|
27
|
+
reset() {
|
28
|
+
this.clear();
|
29
|
+
this.remaining = this.delay;
|
30
|
+
this.status = 'stopped';
|
31
|
+
}
|
32
|
+
pause() {
|
33
|
+
if (this.timerId === null || this.startTime === null) {
|
34
|
+
return;
|
35
|
+
}
|
36
|
+
this.clear();
|
37
|
+
this.remaining -= Date.now() - this.startTime;
|
38
|
+
this.status = 'paused';
|
39
|
+
}
|
40
|
+
resume() {
|
41
|
+
if (this.timerId !== null)
|
42
|
+
return;
|
43
|
+
this.startTime = Date.now();
|
44
|
+
this.clear();
|
45
|
+
this.timerId = setTimeout(() => {
|
46
|
+
this.reset();
|
47
|
+
this.callback();
|
48
|
+
}, this.remaining);
|
49
|
+
this.status = 'running';
|
50
|
+
}
|
51
|
+
clear() {
|
52
|
+
if (this.timerId === null) {
|
53
|
+
return;
|
54
|
+
}
|
55
|
+
clearTimeout(this.timerId);
|
56
|
+
this.timerId = null;
|
57
|
+
}
|
58
|
+
}
|
59
|
+
exports.Timer = Timer;
|
60
|
+
|
61
|
+
|
@@ -0,0 +1,49 @@
|
|
1
|
+
/**
|
2
|
+
* @license MIT
|
3
|
+
* author: Cube Dev Team
|
4
|
+
* @cube-dev/ui-kit v0.11.0
|
5
|
+
* Released under the MIT license.
|
6
|
+
*/
|
7
|
+
|
8
|
+
"use strict";
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
10
|
+
exports.useTimer = void 0;
|
11
|
+
const react_1 = require("react");
|
12
|
+
const use_event_1 = require("../use-event");
|
13
|
+
const timer_1 = require("./timer");
|
14
|
+
function useTimer(props = {}) {
|
15
|
+
const { callback, delay, isDisabled, timer: propsTimer = null } = props;
|
16
|
+
const callbackEvent = (0, use_event_1.useEvent)(() => callback === null || callback === void 0 ? void 0 : callback());
|
17
|
+
const [timer, setTimer] = (0, react_1.useState)(() => {
|
18
|
+
if (propsTimer) {
|
19
|
+
return propsTimer;
|
20
|
+
}
|
21
|
+
if (typeof delay === 'number') {
|
22
|
+
return new timer_1.Timer(callbackEvent, delay);
|
23
|
+
}
|
24
|
+
return null;
|
25
|
+
});
|
26
|
+
if (isDisabled) {
|
27
|
+
timer === null || timer === void 0 ? void 0 : timer.reset();
|
28
|
+
}
|
29
|
+
else {
|
30
|
+
timer === null || timer === void 0 ? void 0 : timer.resume();
|
31
|
+
}
|
32
|
+
(0, react_1.useEffect)(() => {
|
33
|
+
setTimer(propsTimer);
|
34
|
+
return () => timer === null || timer === void 0 ? void 0 : timer.reset();
|
35
|
+
}, [propsTimer]);
|
36
|
+
(0, react_1.useEffect)(() => {
|
37
|
+
if (propsTimer)
|
38
|
+
return;
|
39
|
+
if (typeof delay === 'number') {
|
40
|
+
setTimer(new timer_1.Timer(callbackEvent, delay));
|
41
|
+
}
|
42
|
+
return () => timer === null || timer === void 0 ? void 0 : timer.reset();
|
43
|
+
}, [delay, propsTimer]);
|
44
|
+
(0, react_1.useEffect)(() => () => timer === null || timer === void 0 ? void 0 : timer.reset(), [timer]);
|
45
|
+
return { timer };
|
46
|
+
}
|
47
|
+
exports.useTimer = useTimer;
|
48
|
+
|
49
|
+
|
package/cjs/_internal/index.js
CHANGED
package/cjs/components/Base.js
CHANGED
package/cjs/components/Block.js
CHANGED
package/cjs/components/Root.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
/**
|
2
2
|
* @license MIT
|
3
3
|
* author: Cube Dev Team
|
4
|
-
* @cube-dev/ui-kit v0.
|
4
|
+
* @cube-dev/ui-kit v0.11.0
|
5
5
|
* Released under the MIT license.
|
6
6
|
*/
|
7
7
|
|
@@ -18,6 +18,7 @@ const overlays_1 = require("@react-aria/overlays");
|
|
18
18
|
const styled_components_1 = require("styled-components");
|
19
19
|
const tokens_1 = require("../tokens");
|
20
20
|
const AlertDialog_1 = require("./overlays/AlertDialog");
|
21
|
+
const NewNotifications_1 = require("./overlays/NewNotifications");
|
21
22
|
const RootElement = (0, tasty_1.tasty)({
|
22
23
|
id: 'cube-ui-kit-root',
|
23
24
|
className: 'root',
|
@@ -44,7 +45,7 @@ const Root = (allProps) => {
|
|
44
45
|
}
|
45
46
|
}, []);
|
46
47
|
const styles = (0, tasty_1.extractStyles)(props, STYLES, DEFAULT_STYLES);
|
47
|
-
return ((0, jsx_runtime_1.jsx)(provider_1.Provider, { router: router, root: rootRef, children: (0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, { disableVendorPrefixes: true, children: (0, jsx_runtime_1.jsxs)(RootElement, { ref: ref, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }, void 0), (0, jsx_runtime_1.jsx)(overlays_1.ModalProvider, { children: (0, jsx_runtime_1.jsx)(portal_1.PortalProvider, { value: ref, children: (0, jsx_runtime_1.jsx)(AlertDialog_1.AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0));
|
48
|
+
return ((0, jsx_runtime_1.jsx)(provider_1.Provider, { router: router, root: rootRef, children: (0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, { disableVendorPrefixes: true, children: (0, jsx_runtime_1.jsxs)(RootElement, { ref: ref, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }, void 0), (0, jsx_runtime_1.jsx)(overlays_1.ModalProvider, { children: (0, jsx_runtime_1.jsx)(portal_1.PortalProvider, { value: ref, children: (0, jsx_runtime_1.jsx)(NewNotifications_1.NotificationsProvider, { rootRef: ref, children: (0, jsx_runtime_1.jsx)(AlertDialog_1.AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0));
|
48
49
|
};
|
49
50
|
exports.Root = Root;
|
50
51
|
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/**
|
2
2
|
* @license MIT
|
3
3
|
* author: Cube Dev Team
|
4
|
-
* @cube-dev/ui-kit v0.
|
4
|
+
* @cube-dev/ui-kit v0.11.0
|
5
5
|
* Released under the MIT license.
|
6
6
|
*/
|
7
7
|
|
@@ -12,15 +12,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
13
13
|
exports.CopySnippet = void 0;
|
14
14
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
15
|
+
const icons_1 = require("@ant-design/icons");
|
15
16
|
const clipboard_copy_1 = __importDefault(require("clipboard-copy"));
|
16
17
|
const actions_1 = require("../../actions");
|
17
18
|
const Card_1 = require("../Card/Card");
|
18
19
|
const tasty_1 = require("../../../tasty");
|
19
20
|
const PrismCode_1 = require("../../content/PrismCode/PrismCode");
|
20
|
-
const notification_1 = require("../../../services/notification");
|
21
|
-
const icons_1 = require("@ant-design/icons");
|
22
21
|
const TooltipTrigger_1 = require("../../overlays/Tooltip/TooltipTrigger");
|
23
22
|
const Tooltip_1 = require("../../overlays/Tooltip/Tooltip");
|
23
|
+
const Toasts_1 = require("../../overlays/Toasts");
|
24
24
|
const ActionElement = (0, tasty_1.tasty)(actions_1.Action, {
|
25
25
|
styles: {
|
26
26
|
display: 'block',
|
@@ -111,32 +111,19 @@ const CopyButton = (0, tasty_1.tasty)(actions_1.Button, {
|
|
111
111
|
},
|
112
112
|
});
|
113
113
|
function CopySnippet(allProps) {
|
114
|
-
|
115
|
-
|
116
|
-
const codeTitle = title || 'Code example';
|
114
|
+
const { code = '', title = 'Code example', nowrap, prefix = '', language, showScroll = true, serif, children, padding = '1.125x 1.5x', showOverlay = true, showTooltip = false, styles, ...props } = allProps;
|
115
|
+
const { toast } = (0, Toasts_1.useToastsApi)();
|
117
116
|
async function onCopy() {
|
118
117
|
await (0, clipboard_copy_1.default)(code);
|
119
|
-
|
118
|
+
toast.success(`${title} copied`);
|
120
119
|
}
|
121
|
-
|
122
|
-
const multiline =
|
123
|
-
const formattedCode =
|
120
|
+
const pristineCode = code.replace(/\n$/, '');
|
121
|
+
const multiline = pristineCode.includes('\n') && !nowrap;
|
122
|
+
const formattedCode = pristineCode
|
124
123
|
.split(/\n/g)
|
125
|
-
.map((line) => `${prefix
|
124
|
+
.map((line) => `${prefix}${line} `)
|
126
125
|
.join('\n');
|
127
|
-
|
128
|
-
preset: 'default',
|
129
|
-
...styles,
|
130
|
-
};
|
131
|
-
const Snippet = ((0, jsx_runtime_1.jsx)(CopySnippetElement, { styles: styles, ...props, children: (0, jsx_runtime_1.jsxs)("div", { "data-element": "Grid", children: [(0, jsx_runtime_1.jsx)(StyledBlock, { mods: {
|
132
|
-
nowrap,
|
133
|
-
multiline,
|
134
|
-
scroll: showScroll,
|
135
|
-
serif,
|
136
|
-
}, styles: { padding }, children: (0, jsx_runtime_1.jsx)(PrismCode_1.PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(ButtonContainer, { styles: { padding }, mods: { overlay: showOverlay }, children: (0, jsx_runtime_1.jsx)(CopyButton, { label: `Copy ${codeTitle}`, mods: {
|
137
|
-
multiline,
|
138
|
-
'with-scroll': showScroll,
|
139
|
-
}, onPress: onCopy }, void 0) }, void 0)] }, void 0) }, void 0));
|
126
|
+
const Snippet = ((0, jsx_runtime_1.jsx)(CopySnippetElement, { styles: { preset: 'default', ...styles }, ...props, children: (0, jsx_runtime_1.jsxs)("div", { "data-element": "Grid", children: [(0, jsx_runtime_1.jsx)(StyledBlock, { mods: { nowrap, multiline, scroll: showScroll, serif }, styles: { padding }, children: (0, jsx_runtime_1.jsx)(PrismCode_1.PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(ButtonContainer, { styles: { padding }, mods: { overlay: showOverlay }, children: (0, jsx_runtime_1.jsx)(CopyButton, { label: `Copy ${title}`, mods: { multiline, 'with-scroll': showScroll }, onPress: onCopy }, void 0) }, void 0)] }, void 0) }, void 0));
|
140
127
|
if (showTooltip) {
|
141
128
|
return ((0, jsx_runtime_1.jsxs)(TooltipTrigger_1.TooltipTrigger, { children: [(0, jsx_runtime_1.jsx)(ActionElement, { children: Snippet }, void 0), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { children: formattedCode }, void 0)] }, void 0));
|
142
129
|
}
|