@cube-dev/ui-kit 0.113.0 → 0.114.0

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 type TransitionComponentProps = PropsWithChildren<Partial<TransitionProps>>;
-export declare function TransitionComponent(props: TransitionComponentProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-export interface NotificationsDialogContextValue {
-    insideNotificationsDialog: boolean;
-}
-export declare const NotificationsDialogContext: import("react").Context<NotificationsDialogContextValue | null>;
-export declare function NotificationsDialogProvider({ children, }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function useNotificationsDialogContext(): boolean;

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

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-import { CubeDialogProps, CubeDialogTriggerProps } from '../../Dialog';
-import { CubeNotifyApiPropsWithID } from '../types';
-export type NotificationsDialogTriggerProps = Omit<CubeDialogTriggerProps, 'type'> & {
-    onCloseNotificationInBar?: (props: CubeNotifyApiPropsWithID) => void;
-};
-export declare function NotificationsDialogTrigger(props: NotificationsDialogTriggerProps): import("react/jsx-runtime").JSX.Element;
-export type NotificationsDialogProps = {
-    title?: ReactNode;
-} & CubeDialogProps;
-export declare function NotificationsDialog(props: NotificationsDialogProps): import("react/jsx-runtime").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,18 +0,0 @@
-import { CubeNotifyApiProps } from './types';
-export type NotificationProps = {
-    /**
-     * If set to true, when the component gets unmounted, notifications will not be removed from the bar
-     *
-     * @default false
-     */
-    disableRemoveOnUnmount?: boolean;
-} & CubeNotifyApiProps;
-/**
- * Declarative wrap over the `useNotificationsApi` hook
- */
-export declare function Notification(props: NotificationProps): null;
-export declare namespace Notification {
-    var Success: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
-    var Danger: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
-    var Attention: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
-}

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

@@ -1,13 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { CubeButtonProps } from '../../../actions';
-export type NotificationActionProps = PropsWithChildren<{
-    type?: 'primary' | 'secondary';
-    /**
-     * @default false
-     */
-    disableCloseOnAction?: boolean;
-}> & Omit<CubeButtonProps, 'type' | 'size' | 'mods'>;
-/**
- * @internal This component is unstable and must not be used outside of `NotificationView`.
- */
-export declare function NotificationAction(props: NotificationActionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +0,0 @@
-export type NotificationCloseButtonProps = {
-    onPress: () => void;
-};
-export declare const NotificationCloseButton: import("react").NamedExoticComponent<NotificationCloseButtonProps>;

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

@@ -1,9 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { NotificationProps } from './types';
-export type NotificationDescriptionProps = {
-    description: NotificationProps['description'];
-} & HTMLAttributes<HTMLElement>;
-/**
- * @internal This component is unstable and must not be used outside of `NotificationView`.
- */
-export declare const NotificationDescription: import("react").NamedExoticComponent<NotificationDescriptionProps>;

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import { CubeNotificationProps } from '../types';
-interface NotificationFooterProps {
-    hasDescription: boolean;
-    actions: CubeNotificationProps['actions'];
-    onClose: () => void;
-    onDismiss: () => void;
-}
-/**
- * @internal This component is unstable and must not be used outside of `NotificationView`.
- */
-export declare const NotificationFooter: React.NamedExoticComponent<NotificationFooterProps>;
-export {};

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

@@ -1,9 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { NotificationProps } from './types';
-export type NotificationHeaderProps = {
-    header: NotificationProps['header'];
-} & HTMLAttributes<HTMLElement>;
-/**
- * @internal This component is unstable and must not be used outside of `NotificationView`.
- */
-export declare const NotificationHeader: import("react").NamedExoticComponent<NotificationHeaderProps>;

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

@@ -1,9 +0,0 @@
-import { NotificationIconProps } from './types';
-export declare const SuccessIcon: {
-    (props: import("../../../../icons").CubeIconProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-/**
- * @internal This component is unstable and must not be used outside of `NotificationView`.
- */
-export declare const NotificationIcon: import("react").NamedExoticComponent<NotificationIconProps>;

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

@@ -1,10 +0,0 @@
-import { PropsWithChildren } from 'react';
-interface NotificationContextType {
-    onClose?: () => void;
-}
-/**
- * @internal This component is unstable and must not be used outside of `NotificationView`.
- */
-export declare function NotificationProvider(props: PropsWithChildren<NotificationContextType>): import("react/jsx-runtime").JSX.Element;
-export declare function useNotificationContext(): NotificationContextType;
-export {};

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

@@ -1,10 +0,0 @@
-/**
- * @internal This component is unstable and is a subject to change.
- */
-export declare const NotificationView: import("react").ForwardRefExoticComponent<{
-    qa?: string;
-    attributes?: import("react").HTMLAttributes<HTMLDivElement>;
-    styles?: import("../../../../tasty").Styles;
-    timer?: import("../../../../_internal").Timer | null;
-    onClose?: () => void;
-} & import("../types").BaseNotificationProps & 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,16 +0,0 @@
-import { Timer } from '../../../../_internal';
-import { Styles } from '../../../../tasty';
-import { BaseNotificationProps } from '../types';
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { CubeNotificationType } from '../types';
-export type NotificationProps = {
-    qa?: string;
-    attributes?: HTMLAttributes<HTMLDivElement>;
-    styles?: Styles;
-    timer?: Timer | null;
-    onClose?: () => void;
-} & BaseNotificationProps;
-export type NotificationIconProps = {
-    type: CubeNotificationType;
-    icon?: ReactNode;
-};

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

@@ -1,5 +0,0 @@
-import { CubeNotificationsApi, CubeNotifyApiPropsWithID } from '../types';
-export declare const NotificationsContext: import("react").Context<{
-    api: CubeNotificationsApi;
-    addOnDismissListener: (listener: (notification: CubeNotifyApiPropsWithID) => void) => () => void;
-} | null>;

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

@@ -1,4 +0,0 @@
-import { PropsWithChildren, RefObject } from 'react';
-export declare function NotificationsProvider(props: PropsWithChildren<{
-    rootRef: RefObject<HTMLElement | null> | null;
-}>): import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -1,21 +0,0 @@
-import type { CubeNotificationProps } from '../types';
-import type { NotificationsListProps } from './types';
-/**
- * Provides ability to show notifications as a list.
- *
- * @example
- *   <NotificationsList>
- *     <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
- *     <NotificationsList.Item key="id_2" type="attention" description="Edit and test your schema without affecting the production." />
- *     <NotificationsList.Item key="id_3" type="danger" description="Edit and test your schema without affecting the production." />
- *   </NotificationsList>
- *
- * @example Removing a notification
- *   <NotificationsList onDismiss={(id) => removeNotification(id)}>
- *     <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
- *   </NotificationsList>
- */
-export declare function NotificationsList<T extends object>(props: NotificationsListProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare namespace NotificationsList {
-    var Item: (props: Omit<CubeNotificationProps, "onDismiss">) => null;
-}

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

@@ -1,5 +0,0 @@
-import { NotificationListItemProps } from './types';
-/**
- * @internal This component is not intended to be used
- */
-export declare function NotificationListItem(props: NotificationListItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +0,0 @@
-export * from './NotificationsList';
-export type { NotificationsListProps } from './types';

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

@@ -1,22 +0,0 @@
-import { CollectionElement } from '@react-types/shared';
-import { Key } from 'react';
-import { CollectionChildren, NotificationItemNode, NotificationsListState } from '../hooks';
-import { CubeNotificationProps } from '../types';
-export type NotificationsListProps<T> = {
-    onDismiss?: (id: Key) => void;
-    items?: T[] | readonly T[];
-    children: CollectionChildren<T>;
-} & (NotificationsListFactory<T> | NotificationsListStatic);
-export type NotificationsListFactory<T> = {
-    items: T[] | readonly T[];
-    children: (item: T) => CollectionElement<CubeNotificationProps>;
-};
-export type NotificationsListStatic = {
-    items?: 'You must either use factory or static children';
-    children: CollectionElement<CubeNotificationProps> | CollectionElement<CubeNotificationProps>[];
-};
-export type NotificationListItemProps = {
-    onDismiss?: NotificationsListProps<unknown>['onDismiss'];
-    item: NotificationItemNode<CubeNotificationProps>;
-    state: NotificationsListState<CubeNotificationProps>;
-};

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 { Collection, CollectionElement, Node } from '@react-types/shared';
-import type { ListState } from 'react-stately';
-import type { CubeNotificationProps } from '../types';
-export type CollectionChildren<T, R = T> = CollectionElement<R> | CollectionElement<R>[] | ((item: T) => CollectionElement<R>);
-export type NotificationItemNode<T> = Omit<Node<CubeNotificationProps>, 'props'> & {
-    props: T;
-};
-export 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 { SelectableItemAria } from '@react-aria/selection';
-import type { Key, MutableRefObject } from 'react';
-import type { ListState } from 'react-stately';
-export 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 { CollectionChildren, NotificationsListState } from './types';
-import type { HTMLAttributes, MutableRefObject } from 'react';
-export type UseNotificationsListPropsType<T, R> = {
-    items?: Iterable<T>;
-    children: CollectionChildren<T, R>;
-    ref: MutableRefObject<HTMLElement | null>;
-};
-export 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 { CubeNotifyApiPropsWithID } from '../types';
-export declare function useNotificationsObserver(callback: (notification: CubeNotifyApiPropsWithID) => void): void;

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

@@ -1,8 +0,0 @@
-export { NotificationsProvider, NotificationsContext, } 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, CubeNotifyApiPropsWithID, } from './types';
-export * from './Notification';

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

@@ -1,76 +0,0 @@
-import { Key, ReactElement, ReactNode } from 'react';
-import { NotificationAction, NotificationActionProps } from './NotificationView';
-export type CubeNotificationType = 'success' | 'danger' | 'attention';
-export type NotificationActionComponent = ReactElement<NotificationActionProps, typeof NotificationAction>;
-type NotificationActionType = NotificationActionComponent | [NotificationActionComponent] | [NotificationActionComponent, NotificationActionComponent];
-type NotificationActionCallbackArg = {
-    onClose: () => void;
-    onDismiss: () => void;
-};
-export type BaseNotificationProps = {
-    /**
-     * @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?: ReactNode;
-    description: ReactNode;
-    /**
-     * Custom Icon for the notification
-     */
-    icon?: ReactNode;
-    /**
-     * Custom Actions in the notification
-     */
-    actions?: ((arg: NotificationActionCallbackArg) => NotificationActionType) | NotificationActionType;
-};
-export type CubeNotificationProps = BaseNotificationProps;
-export type CubeNotifyApiProps = {
-    meta?: CubeNotificationMeta;
-} & CubeNotificationProps;
-export type CubeNotifyApiPropsWithID = {
-    id: NonNullable<CubeNotificationProps['id']>;
-} & CubeNotifyApiProps;
-export type CubeNotificationsApiNotifyCallback = (props: CubeNotifyApiProps) => {
-    id: Key;
-    update: (props: Partial<CubeNotifyApiProps>) => void;
-    remove: () => void;
-};
-export type CubeNotificationsApiNotifyAction = CubeNotificationsApiNotifyCallback & Record<CubeNotificationType, CubeNotificationsApiNotifyCallback>;
-export type CubeNotificationsApi = {
-    notify: CubeNotificationsApiNotifyAction;
-    update: (id: Key, props: Partial<CubeNotifyApiProps>) => void;
-    remove: (id: Key) => void;
-};
-export type CubeNotificationMeta = Record<string, unknown>;
-export {};

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

@@ -1,6 +0,0 @@
-import { CubeCardProps } from '../../content/Card/Card';
-export interface CubeNotificationProps extends CubeCardProps {
-    type?: 'success' | 'note' | 'danger';
-    onClose?: () => void;
-}
-export declare function Notification(allProps: CubeNotificationProps): import("react/jsx-runtime").JSX.Element;

package/types/services/notification.d.ts

@@ -1,28 +0,0 @@
-import { CubeNotificationProps } from '../components/overlays/Notification/Notification';
-export interface NotificationData {
-    id: number;
-    type?: CubeNotificationProps['type'];
-    message?: string;
-}
-export interface NotificationService {
-    root: Element | null;
-    defaultOptions: {
-        duration: number;
-    };
-    items: NotificationData[];
-    init: () => void;
-    render: () => void;
-    _render: (items?: NotificationData[]) => void;
-    show: (type: CubeNotificationProps['type'], message: string, options?: CubeNotificationOptions) => void;
-    close: (number: any) => void;
-    success: (message: string, options?: CubeNotificationOptions) => void;
-    info: (message: string, options?: CubeNotificationOptions) => void;
-    danger: (message: string, options?: CubeNotificationOptions) => void;
-}
-export interface CubeNotificationOptions {
-    duration?: number;
-}
-/**
- * @deprecated consider using `useNotificationsApi` instead
- */
-export declare const notification: NotificationService;