@cube-dev/ui-kit 0.0.0-canary-fcfd64b → 0.0.0-canary-4e8aabc

package/types/components/overlays/NewNotifications/Bar/FloatingNotification.d.ts

@@ -1,12 +0,0 @@
-import { Key } from 'react';
-import { CubeNotifyApiPropsWithID } from '../types';
-import { NotificationItemNode, NotificationsListState } from '../hooks';
-export declare type FloatingNotificationProps = {
-    id: Key;
-    isDisabledTimer: boolean;
-    onRemoveNotification: (id: Key) => void;
-    onDismissNotification: (id: Key) => void;
-    item: NotificationItemNode<CubeNotifyApiPropsWithID>;
-    state: NotificationsListState<CubeNotifyApiPropsWithID>;
-};
-export declare const FloatingNotification: import("react").NamedExoticComponent<FloatingNotificationProps>;

package/types/components/overlays/NewNotifications/Bar/NotificationsBar.d.ts

@@ -1,13 +0,0 @@
-import { Key } from 'react';
-import { CubeNotifyApiPropsWithID } from '../types';
-import { CollectionChildren } from '../hooks';
-export declare type NotificationsBarProps = {
-    items: Iterable<CubeNotifyApiPropsWithID>;
-    children: CollectionChildren<CubeNotifyApiPropsWithID>;
-    onRemoveNotification: (id: Key) => void;
-    onDismissNotification: (id: Key) => void;
-};
-export declare function NotificationsBar(props: NotificationsBarProps): JSX.Element;
-export declare namespace NotificationsBar {
-    var Item: (props: CubeNotifyApiPropsWithID) => null;
-}

package/types/components/overlays/NewNotifications/Bar/TransitionComponent.d.ts

@@ -1,4 +0,0 @@
-import { PropsWithChildren } from 'react';
-import type { TransitionProps } from 'react-transition-group/Transition';
-export declare type TransitionComponentProps = PropsWithChildren<Partial<TransitionProps>>;
-export declare function TransitionComponent(props: TransitionComponentProps): JSX.Element;

package/types/components/overlays/NewNotifications/Bar/index.d.ts

@@ -1 +0,0 @@
-export * from './NotificationsBar';

package/types/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-import { CubeDialogProps, CubeDialogTriggerProps } from '../../Dialog';
-import { CubeNotifyApiProps } from '../types';
-export declare type NotificationsDialogTriggerProps = Omit<CubeDialogTriggerProps, 'type'> & {
-    onCloseNotificationInBar?: (props: CubeNotifyApiProps) => void;
-};
-export declare function NotificationsDialogTrigger(props: NotificationsDialogTriggerProps): JSX.Element;
-export declare type NotificationsDialogProps = {
-    title?: ReactNode;
-} & CubeDialogProps;
-export declare function NotificationsDialog(props: NotificationsDialogProps): JSX.Element;

package/types/components/overlays/NewNotifications/Dialog/index.d.ts

@@ -1 +0,0 @@
-export * from './NotificationsDialogTrigger';

package/types/components/overlays/NewNotifications/Notification.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { CubeNotifyApiProps } from './types';
-export declare function Notification(props: CubeNotifyApiProps): null;
-export declare namespace Notification {
-    var Success: (props: CubeNotifyApiProps) => JSX.Element;
-    var Danger: (props: CubeNotifyApiProps) => JSX.Element;
-    var Attention: (props: CubeNotifyApiProps) => JSX.Element;
-}

package/types/components/overlays/NewNotifications/NotificationView/NotificationAction.d.ts

@@ -1,10 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { CubeButtonProps } from '../../../actions';
-export declare type NotificationActionProps = PropsWithChildren<{
-    type?: 'primary' | 'secondary';
-    /**
-     * @default false
-     */
-    disableCloseOnAction?: boolean;
-}> & Omit<CubeButtonProps, 'type' | 'size' | 'mods'>;
-export declare function NotificationAction(props: NotificationActionProps): JSX.Element;

package/types/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare type NotificationCloseButtonProps = {
-    onPress: () => void;
-    isHovered: boolean;
-    isFocused: boolean;
-};
-export declare const NotificationCloseButton: import("react").NamedExoticComponent<NotificationCloseButtonProps>;

package/types/components/overlays/NewNotifications/NotificationView/NotificationDescription.d.ts

@@ -1,8 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { NotificationProps } from './types';
-export declare type NotificationDescriptionProps = {
-    description: NotificationProps['description'];
-} & HTMLAttributes<HTMLElement>;
-export declare const NotificationDescription: import("react").NamedExoticComponent<{
-    description: NotificationProps['description'];
-} & HTMLAttributes<HTMLElement>>;

package/types/components/overlays/NewNotifications/NotificationView/NotificationFooter.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { CubeNotificationProps } from '../types';
-interface NotificationFooterProps {
-    hasDescription: boolean;
-    actions: CubeNotificationProps['actions'];
-    onClose: () => void;
-    onDismiss: () => void;
-}
-export declare const NotificationFooter: React.NamedExoticComponent<NotificationFooterProps>;
-export {};

package/types/components/overlays/NewNotifications/NotificationView/NotificationHeader.d.ts

@@ -1,8 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { NotificationProps } from './types';
-export declare type NotificationHeaderProps = {
-    header: NotificationProps['header'];
-} & HTMLAttributes<HTMLElement>;
-export declare const NotificationHeader: import("react").NamedExoticComponent<{
-    header: NotificationProps['header'];
-} & HTMLAttributes<HTMLElement>>;

package/types/components/overlays/NewNotifications/NotificationView/NotificationIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { NotificationIconProps } from './types';
-export declare const NotificationIcon: import("react").NamedExoticComponent<NotificationIconProps>;

package/types/components/overlays/NewNotifications/NotificationView/NotificationProvider.d.ts

@@ -1,7 +0,0 @@
-import { PropsWithChildren } from 'react';
-interface NotificationContextType {
-    onClose?: () => void;
-}
-export declare function NotificationProvider(props: PropsWithChildren<NotificationContextType>): JSX.Element;
-export declare function useNotificationContext(): NotificationContextType;
-export {};

package/types/components/overlays/NewNotifications/NotificationView/NotificationView.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { NotificationProps } from './types';
-export declare const NotificationView: import("react").ForwardRefExoticComponent<NotificationProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/components/overlays/NewNotifications/NotificationView/index.d.ts

@@ -1,2 +0,0 @@
-export * from './NotificationView';
-export * from './NotificationAction';

package/types/components/overlays/NewNotifications/NotificationView/types.d.ts

@@ -1,15 +0,0 @@
-import type { ReactNode, HTMLAttributes } from 'react';
-import type { CubeNotificationType, CubeNotificationProps } from '../types';
-import { Styles } from '../../../../tasty';
-import { Timer } from '../../../../_internal';
-export declare type NotificationProps = {
-    qa?: string;
-    attributes?: HTMLAttributes<HTMLDivElement>;
-    styles?: Styles;
-    timer?: Timer | null;
-    onClose?: () => void;
-} & CubeNotificationProps;
-export declare type NotificationIconProps = {
-    type: CubeNotificationType;
-    icon?: ReactNode;
-};

package/types/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.d.ts

@@ -1,9 +0,0 @@
-import { PropsWithChildren, RefObject } from 'react';
-import { CubeNotificationsApi, CubeNotifyApiProps } from '../types';
-export declare const NotificationsContext: import("react").Context<{
-    api: CubeNotificationsApi;
-    addOnDismissListener: (listener: (toast: CubeNotifyApiProps) => void) => () => void;
-} | null>;
-export declare function NotificationsProvider(props: PropsWithChildren<{
-    rootRef: RefObject<HTMLElement | null> | null;
-}>): JSX.Element;

package/types/components/overlays/NewNotifications/NotificationsContext/index.d.ts

@@ -1 +0,0 @@
-export { NotificationsProvider, NotificationsContext, } from './NotificationsProvider';

package/types/components/overlays/NewNotifications/NotificationsContext/use-notifications-api.d.ts

@@ -1 +0,0 @@
-export declare function useNotificationsApi(): import("..").CubeNotificationsApi;

package/types/components/overlays/NewNotifications/NotificationsContext/use-notifications.d.ts

@@ -1,8 +0,0 @@
-import { Key, RefObject } from 'react';
-import { CubeNotificationsApi, CubeNotifyApiProps, CubeNotifyApiPropsWithID } from '../types';
-export declare function useNotifications(rootRef: RefObject<HTMLElement | null> | null): {
-    readonly api: CubeNotificationsApi;
-    readonly toasts: CubeNotifyApiPropsWithID[];
-    readonly onDismissNotification: (id: Key) => void;
-    readonly addOnDismissListener: (listener: (toast: CubeNotifyApiProps) => void) => () => void | undefined;
-};

package/types/components/overlays/NewNotifications/NotificationsList.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { CollectionElement } from '@react-types/shared';
-import type { CubeNotificationProps } from './types';
-import { CollectionChildren } from './hooks';
-export declare type NotificationsListProps<T> = {
-    items?: T[] | readonly T[];
-    children: CollectionChildren<T>;
-} & (NotificationsListFactory<T> | NotificationsListStatic);
-export declare type NotificationsListFactory<T> = {
-    items: T[] | readonly T[];
-    children: (item: T) => CollectionElement<CubeNotificationProps>;
-};
-export declare type NotificationsListStatic = {
-    items?: 'You must either use factory or static children';
-    children: CollectionElement<CubeNotificationProps> | CollectionElement<CubeNotificationProps>[];
-};
-export declare function NotificationsList<T extends object>(props: NotificationsListProps<T>): JSX.Element;
-export declare namespace NotificationsList {
-    var Item: (props: CubeNotificationProps) => null;
-}

package/types/components/overlays/NewNotifications/hooks/index.d.ts

@@ -1,5 +0,0 @@
-export * from './use-notifications-list';
-export * from './use-notification-list-item';
-export * from './use-notifications-api';
-export * from './use-notifications-observer';
-export * from './types';

package/types/components/overlays/NewNotifications/hooks/types.d.ts

@@ -1,10 +0,0 @@
-import type { ListState } from '@react-stately/list';
-import type { Collection, CollectionElement, Node } from '@react-types/shared';
-import type { CubeNotificationProps } from '../types';
-export declare type CollectionChildren<T, R = T> = CollectionElement<R> | CollectionElement<R>[] | ((item: T) => CollectionElement<R>);
-export declare type NotificationItemNode<T> = Omit<Node<CubeNotificationProps>, 'props'> & {
-    props: T;
-};
-export declare type NotificationsListState<T> = Omit<ListState<T>, 'collection'> & {
-    collection: Collection<NotificationItemNode<T>>;
-};

package/types/components/overlays/NewNotifications/hooks/use-notification-list-item.d.ts

@@ -1,9 +0,0 @@
-import type { Key, MutableRefObject } from 'react';
-import { SelectableItemAria } from '@react-aria/selection';
-import type { ListState } from '@react-stately/list';
-export declare type UseNotificationListItemPropsType<T extends object> = {
-    key: Key;
-    ref: MutableRefObject<HTMLElement | null>;
-    state: ListState<T>;
-};
-export declare function useNotificationListItem<T extends object>(props: UseNotificationListItemPropsType<T>): SelectableItemAria;

package/types/components/overlays/NewNotifications/hooks/use-notifications-api.d.ts

@@ -1 +0,0 @@
-export declare function useNotificationsApi(): import("..").CubeNotificationsApi;

package/types/components/overlays/NewNotifications/hooks/use-notifications-list.d.ts

@@ -1,12 +0,0 @@
-import type { HTMLAttributes, MutableRefObject } from 'react';
-import { CollectionChildren, NotificationsListState } from './types';
-export declare type UseNotificationsListPropsType<T, R> = {
-    items?: Iterable<T>;
-    children: CollectionChildren<T, R>;
-    ref: MutableRefObject<HTMLElement | null>;
-};
-export declare type UseNotificationsListReturnType<R> = {
-    listProps: HTMLAttributes<HTMLElement>;
-    state: NotificationsListState<R>;
-};
-export declare function useNotificationsList<T extends object, R>(props: UseNotificationsListPropsType<T, R>): UseNotificationsListReturnType<R>;

package/types/components/overlays/NewNotifications/hooks/use-notifications-observer.d.ts

@@ -1,2 +0,0 @@
-import { CubeNotifyApiProps } from '../types';
-export declare function useNotificationsObserver(callback: (notification: CubeNotifyApiProps) => void): void;

package/types/components/overlays/NewNotifications/index.d.ts

@@ -1,8 +0,0 @@
-export { NotificationsProvider } from './NotificationsContext';
-export * from './NotificationsList';
-export * from './hooks';
-export { NotificationAction } from './NotificationView';
-export * from './Dialog';
-export type { NotificationActionProps } from './NotificationView';
-export type { CubeNotificationType, CubeNotifyApiProps, CubeNotificationsApi, CubeNotificationMeta, CubeNotificationsApiNotifyCallback, CubeNotificationsApiNotifyAction, } from './types';
-export * from './Notification';

package/types/components/overlays/NewNotifications/types.d.ts

@@ -1,93 +0,0 @@
-import { Key, ReactChild, ReactElement, ReactFragment, ReactNode } from 'react';
-import { NotificationAction, NotificationActionProps } from './NotificationView';
-export declare type CubeNotificationType = 'success' | 'danger' | 'attention';
-export declare type NotificationActionComponent = ReactElement<NotificationActionProps, typeof NotificationAction>;
-declare type NotificationActionType = NotificationActionComponent | [NotificationActionComponent] | [NotificationActionComponent, NotificationActionComponent];
-declare type NotificationActionCallbackArg = {
-    onClose: () => void;
-    onDismiss: () => void;
-};
-export declare type CubeNotificationProps = {
-    /**
-     * @default 'attention'
-     */
-    type?: CubeNotificationType;
-    /**
-     * The delay before the notification hides (in milliseconds) If set to `null`, it will never dismiss.
-     *
-     * @default 5000
-     */
-    duration?: number | null;
-    /**
-     * ID of the notification. Mostly used when you need to prevent duplicate. By default, we generate a unique id for each notification
-     */
-    id?: Key;
-    /**
-     * If true, notification will have the close button.
-     * @default true
-     */
-    isDismissible?: boolean;
-    /**
-     * Callback fires when a notificaiton is dismissed either by clicking the close button or the timeout.
-     */
-    onDismiss?: () => void;
-    /**
-     * Callback fires when a notificaiton is closed by interacting with the notification (via actions)
-     */
-    onClose?: () => void;
-    /**
-     * When set to false, notification will not appear in `<NotificaitonsDialog />` when dismissed
-     * @default true
-     */
-    putNotificationInDropdownOnDismiss?: boolean;
-    /**
-     * Title of the notification
-     */
-    header?: ReactChild | ReactFragment;
-    description?: ReactChild | ReactFragment;
-    /**
-     * Custom Icon for the notification
-     */
-    icon?: ReactNode;
-    /**
-     * Custom Actions in the notification
-     */
-    actions?: ((arg: NotificationActionCallbackArg) => NotificationActionType) | NotificationActionType;
-} & (NotificationWithHeader | NotificationWithDescription) & (DismissibleNotification | NonDismissibleNotification);
-declare type NotificationWithHeader = {
-    header: ReactChild | ReactFragment;
-    description?: ReactChild | ReactFragment;
-};
-declare type NotificationWithDescription = {
-    header?: ReactChild | ReactFragment;
-    description: ReactChild | ReactFragment;
-};
-declare type DismissibleNotification = {
-    isDismissible?: true;
-    onDismiss?: () => void;
-    duration?: number;
-};
-declare type NonDismissibleNotification = {
-    isDismissible: false;
-    onDismiss?: never;
-    duration?: null;
-};
-export declare type CubeNotifyApiProps = CubeNotificationProps & {
-    meta?: CubeNotificationMeta;
-};
-export declare type CubeNotifyApiPropsWithID = CubeNotificationProps & {
-    id: NonNullable<CubeNotificationProps['id']>;
-};
-export declare type CubeNotificationsApiNotifyCallback = (props: CubeNotifyApiProps) => {
-    id: Key;
-    update: (props: Partial<CubeNotifyApiProps>) => void;
-    remove: () => void;
-};
-export declare type CubeNotificationsApiNotifyAction = CubeNotificationsApiNotifyCallback & Record<CubeNotificationType, CubeNotificationsApiNotifyCallback>;
-export declare type CubeNotificationsApi = {
-    notify: CubeNotificationsApiNotifyAction;
-    update: (id: Key, props: Partial<CubeNotifyApiProps>) => void;
-    remove: (id: Key) => void;
-};
-export declare type CubeNotificationMeta = Record<string, unknown>;
-export {};

package/types/components/overlays/Toasts/Toast.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { CubeToastsApiProps } from './types';
-export declare function Toast(props: CubeToastsApiProps): null;
-export declare namespace Toast {
-    var Success: (props: CubeToastsApiProps) => JSX.Element;
-    var Danger: (props: CubeToastsApiProps) => JSX.Element;
-    var Attention: (props: CubeToastsApiProps) => JSX.Element;
-}

package/types/components/overlays/Toasts/index.d.ts

@@ -1,3 +0,0 @@
-export * from './use-toasts-api';
-export * from './Toast';
-export type { CubeToastsApi, CubeToastsApiProps, CubeToastsApiToastCallback, CubeToastsApiToastAction, } from './types';

package/types/components/overlays/Toasts/types.d.ts

@@ -1,23 +0,0 @@
-import { Key, ReactChild, ReactFragment, ReactNode } from 'react';
-import { CubeNotificationType, CubeNotifyApiProps } from '../NewNotifications';
-export declare type CubeToastsApiProps = {
-    description: ReactChild | ReactFragment;
-    header?: ReactChild | ReactFragment;
-    id?: Key;
-    onDismiss?: () => void;
-    duration?: number;
-    icon?: ReactNode;
-    type?: CubeNotificationType;
-};
-export declare type CubeToastsApi = {
-    toast: CubeToastsApiToastAction;
-    update: (id: Key, props: Partial<CubeToastsApiProps>) => void;
-    remove: (id: Key) => void;
-};
-export declare type CubeToastsApiToastCallback = (props: CubeToastsApiProps | ReactChild | ReactFragment) => {
-    id: Key;
-    update: (props: Partial<CubeNotifyApiProps>) => void;
-    remove: () => void;
-};
-export declare type CubeToastsApiToastShortcuts = Record<CubeNotificationType, CubeToastsApiToastCallback>;
-export declare type CubeToastsApiToastAction = CubeToastsApiToastCallback & CubeToastsApiToastShortcuts;

package/types/components/overlays/Toasts/use-toasts-api.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare function useToastsApi(): {
-    readonly toast: any;
-    readonly update: (id: import("react").Key, props: Partial<import("../NewNotifications").CubeNotifyApiProps>) => void;
-    readonly remove: (id: import("react").Key) => void;
-};

package/types/icons/Attention.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function Attention(): JSX.Element;

package/types/icons/Cross.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function Cross(): JSX.Element;

package/types/icons/Danger.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function Danger(): JSX.Element;

package/types/icons/Success.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function Success(): JSX.Element;

package/types/icons/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Danger';
-export * from './Attention';
-export * from './Success';
-export * from './Cross';

package/types/utils/react/get-display-name.d.ts

@@ -1,2 +0,0 @@
-import { ElementType } from 'react';
-export declare function getDisplayName<T>(Component: ElementType<T>, fallbackName?: string): string;