@vuu-ui/vuu-notifications 1.0.3 → 2.0.0

package/types/NotificationsContext.d.ts

@@ -8,15 +8,28 @@ export declare const NotificationType: {
     readonly Workspace: "workspace";
 };
 export type NotificationType = ValueOf<typeof NotificationType>;
+export type DismissalStyle = "automatic" | "manual";
 export type NotificationAnimationType = "slide-in" | "slide-out" | "slide-in,slide-out";
 interface NotificationDescriptorBase<T extends NotificationType> {
     animationType?: NotificationAnimationType;
+    /**
+     * 'automatic' dismissal means the Notification will be removed after a configurable delay
+     * (6 seconds by default). 'manual' means a close button will be rendered and user must
+     * manually dismiss by clicking the close button.
+     */
+    dismissal?: DismissalStyle;
+    /**
+     * A custom icon can be provided or false can be used to suppress rendering of any icon.
+     * Default icons will be rendered for the different status values.
+     */
+    icon?: string | false;
     renderPostRefresh?: boolean;
+    showCloseButton?: boolean;
     status: ValidationStatus;
     type: T;
 }
 export interface ToastNotificationDescriptor extends NotificationDescriptorBase<"toast"> {
-    content: string;
+    content?: ReactNode;
     header: string;
 }
 export interface WorkspaceNotificationDescriptor extends NotificationDescriptorBase<"workspace"> {

package/types/ToastNotification.d.ts

@@ -1,9 +1,15 @@
 import type { ToastNotificationDescriptor } from "./NotificationsContext";
-export declare const TOAST_HEIGHT = 80;
-export declare const TOAST_WIDTH = 300;
+export type ToastHoverHandler = (id?: string) => void;
 export type ToastNotificationProps = {
-    top: number;
+    hidden?: boolean;
+    id?: string;
+    left?: number;
     notification: ToastNotificationDescriptor;
-    animated?: boolean;
+    onMeasured?: (id: string, height: number, width: number) => void;
+    onDismiss?: (id?: string) => void;
+    onHoverEntry?: ToastHoverHandler;
+    onHoverExit?: ToastHoverHandler;
+    opacity?: number;
+    top?: number;
 };
-export declare const ToastNotification: (props: ToastNotificationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToastNotification: ({ hidden, id, left, onDismiss, onMeasured, top, notification, onHoverEntry, onHoverExit, opacity, }: ToastNotificationProps) => import("react/jsx-runtime").JSX.Element;

package/types/index.d.ts

@@ -1,3 +1,3 @@
+export { NotificationType, type Notification, type NotificationAnimationType, } from "./NotificationsContext";
 export { NotificationsProvider, useNotifications, } from "./NotificationsProvider";
 export { ToastNotification, type ToastNotificationProps, } from "./ToastNotification";
-export { NotificationType } from "./NotificationsContext";