analytica-frontend-lib 1.1.35 → 1.1.36

package/dist/NotificationCard-IYDURfYp.d.ts

@@ -0,0 +1,402 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+/**
+ * Types for notification system
+ */
+/**
+ * Notification type enum
+ */
+type NotificationType = 'ACTIVITY' | 'TRAIL' | 'GOAL' | 'ANNOUNCEMENT' | 'GENERAL';
+/**
+ * Entity type for navigation
+ */
+declare enum NotificationEntityType {
+    ACTIVITY = "ACTIVITY",
+    TRAIL = "TRAIL",
+    GOAL = "GOAL"
+}
+/**
+ * Notification interface
+ */
+interface Notification {
+    /**
+     * Unique identifier for the notification
+     */
+    id: string;
+    /**
+     * Notification title
+     */
+    title: string;
+    /**
+     * Notification message content
+     */
+    message: string;
+    /**
+     * Type of notification
+     */
+    type: NotificationType;
+    /**
+     * Whether the notification has been read
+     */
+    isRead: boolean;
+    /**
+     * When the notification was created
+     */
+    createdAt: Date;
+    /**
+     * Type of entity this notification refers to (optional)
+     */
+    entityType?: NotificationEntityType | null;
+    /**
+     * ID of the entity this notification refers to (optional)
+     */
+    entityId?: string | null;
+    /**
+     * Sender information (optional)
+     */
+    sender?: {
+        id: string;
+        user: {
+            id: string;
+            name: string;
+            email: string;
+        };
+    } | null;
+    /**
+     * Activity information (optional)
+     */
+    activity?: {
+        id: string;
+        title: string;
+        type: string;
+    } | null;
+    /**
+     * Goal information (optional)
+     */
+    goal?: {
+        id: string;
+        title: string;
+    } | null;
+}
+/**
+ * Backend notification response from API
+ */
+interface BackendNotification {
+    id: string;
+    senderUserInstitutionId: string | null;
+    receiverUserInstitutionId: string;
+    title: string;
+    description: string;
+    entityType: string | null;
+    entityId: string | null;
+    read: boolean;
+    createdAt: string;
+    updatedAt: string;
+    sender?: {
+        id: string;
+        user: {
+            id: string;
+            name: string;
+            email: string;
+        };
+    } | null;
+    activity?: {
+        id: string;
+        title: string;
+        type: string;
+    } | null;
+    goal?: {
+        id: string;
+        title: string;
+    } | null;
+}
+/**
+ * API response for fetching notifications from backend
+ */
+interface BackendNotificationsResponse {
+    notifications: BackendNotification[];
+    pagination: {
+        page: number;
+        limit: number;
+        total: number;
+        totalPages: number;
+    };
+}
+/**
+ * API response for fetching notifications (frontend format)
+ */
+interface NotificationsResponse {
+    /**
+     * List of notifications
+     */
+    notifications: Notification[];
+    /**
+     * Total count of notifications
+     */
+    totalCount: number;
+    /**
+     * Count of unread notifications
+     */
+    unreadCount: number;
+    /**
+     * Whether there are more notifications to load
+     */
+    hasMore: boolean;
+}
+/**
+ * Parameters for fetching notifications
+ */
+interface FetchNotificationsParams {
+    /**
+     * Page number for pagination
+     */
+    page?: number;
+    /**
+     * Number of items per page
+     */
+    limit?: number;
+    /**
+     * Filter by read status
+     */
+    read?: boolean;
+    /**
+     * Filter by entity type
+     */
+    entityType?: string;
+}
+/**
+ * Notification grouped by time period
+ */
+interface NotificationGroup {
+    /**
+     * Group label (e.g., "Hoje", "Última semana")
+     */
+    label: string;
+    /**
+     * Notifications in this group
+     */
+    notifications: Notification[];
+}
+/**
+ * API client interface for dependency injection
+ */
+interface NotificationApiClient {
+    get: <T>(url: string, config?: {
+        params?: Record<string, unknown>;
+    }) => Promise<{
+        data: T;
+    }>;
+    patch: <T>(url: string, data?: Record<string, unknown>) => Promise<{
+        data: T;
+    }>;
+    delete: <T>(url: string) => Promise<{
+        data: T;
+    }>;
+}
+
+interface NotificationItem extends Omit<Notification, 'createdAt'> {
+    time: string;
+    createdAt: string | Date;
+}
+interface BaseNotificationProps {
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Empty state image path
+     */
+    emptyStateImage?: string;
+    /**
+     * Empty state title
+     */
+    emptyStateTitle?: string;
+    /**
+     * Empty state description
+     */
+    emptyStateDescription?: string;
+}
+interface SingleNotificationCardMode extends BaseNotificationProps {
+    /**
+     * Component mode - single card
+     */
+    mode: 'single';
+    /**
+     * The notification title
+     */
+    title: string;
+    /**
+     * The notification message content
+     */
+    message: string;
+    /**
+     * Time displayed (e.g., "Há 3h", "12 Fev")
+     */
+    time: string;
+    /**
+     * Whether the notification has been read
+     */
+    isRead: boolean;
+    /**
+     * Callback when user marks notification as read
+     */
+    onMarkAsRead: () => void;
+    /**
+     * Callback when user deletes notification
+     */
+    onDelete: () => void;
+    /**
+     * Optional callback for navigation action
+     */
+    onNavigate?: () => void;
+    /**
+     * Label for the action button (only shown if onNavigate is provided)
+     */
+    actionLabel?: string;
+}
+interface NotificationListMode extends BaseNotificationProps {
+    /**
+     * Component mode - list
+     */
+    mode: 'list';
+    /**
+     * Array of notifications for list mode
+     */
+    notifications?: NotificationItem[];
+    /**
+     * Array of grouped notifications
+     */
+    groupedNotifications?: NotificationGroup[];
+    /**
+     * Loading state for list mode
+     */
+    loading?: boolean;
+    /**
+     * Error state for list mode
+     */
+    error?: string | null;
+    /**
+     * Callback for retry when error occurs
+     */
+    onRetry?: () => void;
+    /**
+     * Callback when user marks a notification as read in list mode
+     */
+    onMarkAsReadById?: (id: string) => void;
+    /**
+     * Callback when user deletes a notification in list mode
+     */
+    onDeleteById?: (id: string) => void;
+    /**
+     * Callback when user navigates from a notification in list mode
+     */
+    onNavigateById?: (entityType?: NotificationEntityType, entityId?: string) => void;
+    /**
+     * Function to get action label for a notification
+     */
+    getActionLabel?: (entityType?: NotificationEntityType) => string | undefined;
+    /**
+     * Custom empty state component
+     */
+    renderEmpty?: () => ReactNode;
+}
+interface NotificationCenterMode extends BaseNotificationProps {
+    /**
+     * Component mode - center
+     */
+    mode: 'center';
+    /**
+     * Array of grouped notifications
+     */
+    groupedNotifications?: NotificationGroup[];
+    /**
+     * Loading state for center mode
+     */
+    loading?: boolean;
+    /**
+     * Error state for center mode
+     */
+    error?: string | null;
+    /**
+     * Callback for retry when error occurs
+     */
+    onRetry?: () => void;
+    /**
+     * Whether center mode is currently active (controls dropdown/modal visibility)
+     */
+    isActive?: boolean;
+    /**
+     * Callback when center mode is toggled
+     */
+    onToggleActive?: () => void;
+    /**
+     * Number of unread notifications for badge display
+     */
+    unreadCount?: number;
+    /**
+     * Callback when all notifications should be marked as read
+     */
+    onMarkAllAsRead?: () => void;
+    /**
+     * Callback to fetch notifications (called when center opens)
+     */
+    onFetchNotifications?: () => void;
+    /**
+     * Callback when user marks a notification as read in center mode
+     */
+    onMarkAsReadById?: (id: string) => void;
+    /**
+     * Callback when user deletes a notification in center mode
+     */
+    onDeleteById?: (id: string) => void;
+    /**
+     * Callback when user navigates from a notification in center mode
+     */
+    onNavigateById?: (entityType?: NotificationEntityType, entityId?: string) => void;
+    /**
+     * Function to get action label for a notification
+     */
+    getActionLabel?: (entityType?: NotificationEntityType) => string | undefined;
+}
+type NotificationCardProps = SingleNotificationCardMode | NotificationListMode | NotificationCenterMode;
+interface LegacyNotificationCardProps extends BaseNotificationProps {
+    title?: string;
+    message?: string;
+    time?: string;
+    isRead?: boolean;
+    onMarkAsRead?: () => void;
+    onDelete?: () => void;
+    onNavigate?: () => void;
+    actionLabel?: string;
+    notifications?: NotificationItem[];
+    groupedNotifications?: NotificationGroup[];
+    loading?: boolean;
+    error?: string | null;
+    onRetry?: () => void;
+    onMarkAsReadById?: (id: string) => void;
+    onDeleteById?: (id: string) => void;
+    onNavigateById?: (entityType?: NotificationEntityType, entityId?: string) => void;
+    getActionLabel?: (entityType?: NotificationEntityType) => string | undefined;
+    renderEmpty?: () => ReactNode;
+    variant?: 'card' | 'center';
+    isActive?: boolean;
+    onToggleActive?: () => void;
+    unreadCount?: number;
+    onMarkAllAsRead?: () => void;
+    onFetchNotifications?: () => void;
+}
+/**
+ * NotificationCard component - can display single notification, list of notifications, or center mode
+ *
+ * @param props - The notification card properties
+ * @returns JSX element representing the notification card, list, or center
+ */
+declare const NotificationCard: (props: NotificationCardProps) => react_jsx_runtime.JSX.Element;
+/**
+ * Legacy NotificationCard component for backward compatibility
+ * Automatically detects mode based on provided props
+ */
+declare const LegacyNotificationCard: (props: LegacyNotificationCardProps) => react_jsx_runtime.JSX.Element;
+
+export { type BackendNotification as B, type FetchNotificationsParams as F, type LegacyNotificationCardProps as L, type NotificationApiClient as N, type Notification as a, type NotificationGroup as b, NotificationCard as c, type NotificationItem as d, NotificationEntityType as e, type NotificationType as f, type BackendNotificationsResponse as g, type NotificationsResponse as h, type NotificationCardProps as i, LegacyNotificationCard as j };

package/dist/Radio/index.d.mts

@@ -81,7 +81,7 @@ declare const Radio: react.ForwardRefExoticComponent<{
     value?: string;
     /** Default checked state for uncontrolled radios */
     defaultChecked?: boolean;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "defaultChecked" | "type"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "type" | "size"> & react.RefAttributes<HTMLInputElement>>;
 /**
  * RadioGroup store interface
  */
@@ -198,6 +198,6 @@ declare const RadioGroupItem: react.ForwardRefExoticComponent<{
     state?: RadioState;
     /** Additional CSS classes */
     className?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "checked" | "type" | "name" | "onChange"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "name" | "type" | "size" | "value" | "checked"> & react.RefAttributes<HTMLInputElement>>;
 
 export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioProps, Radio as default, useRadioGroupStore };

package/dist/Radio/index.d.ts

@@ -81,7 +81,7 @@ declare const Radio: react.ForwardRefExoticComponent<{
     value?: string;
     /** Default checked state for uncontrolled radios */
     defaultChecked?: boolean;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "defaultChecked" | "type"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "type" | "size"> & react.RefAttributes<HTMLInputElement>>;
 /**
  * RadioGroup store interface
  */
@@ -198,6 +198,6 @@ declare const RadioGroupItem: react.ForwardRefExoticComponent<{
     state?: RadioState;
     /** Additional CSS classes */
     className?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "checked" | "type" | "name" | "onChange"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "name" | "type" | "size" | "value" | "checked"> & react.RefAttributes<HTMLInputElement>>;
 
 export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioProps, Radio as default, useRadioGroupStore };

package/dist/Search/index.d.mts

@@ -22,6 +22,6 @@ declare const Search: react.ForwardRefExoticComponent<{
     containerClassName?: string;
     /** Callback when clear button is clicked */
     onClear?: () => void;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onSelect"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "onSelect" | "size"> & react.RefAttributes<HTMLInputElement>>;
 
 export { Search as default };

package/dist/Search/index.d.ts

@@ -22,6 +22,6 @@ declare const Search: react.ForwardRefExoticComponent<{
     containerClassName?: string;
     /** Callback when clear button is clicked */
     onClear?: () => void;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onSelect"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "onSelect" | "size"> & react.RefAttributes<HTMLInputElement>>;
 
 export { Search as default };

package/dist/index.css

@@ -820,6 +820,9 @@
   .h-14 {
     height: calc(var(--spacing) * 14);
   }
+  .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
   .h-20 {
     height: calc(var(--spacing) * 20);
   }
@@ -895,12 +898,21 @@
   .max-h-32 {
     max-height: calc(var(--spacing) * 32);
   }
+  .max-h-\[80vh\] {
+    max-height: 80vh;
+  }
   .max-h-\[300px\] {
     max-height: 300px;
   }
+  .max-h-\[350px\] {
+    max-height: 350px;
+  }
   .max-h-\[400px\] {
     max-height: 400px;
   }
+  .max-h-\[500px\] {
+    max-height: 500px;
+  }
   .max-h-\[600px\] {
     max-height: 600px;
   }
@@ -994,6 +1006,9 @@
   .w-11 {
     width: calc(var(--spacing) * 11);
   }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
   .w-20 {
     width: calc(var(--spacing) * 20);
   }
@@ -1088,6 +1103,9 @@
   .max-w-\[266px\] {
     max-width: 266px;
   }
+  .max-w-\[316px\] {
+    max-width: 316px;
+  }
   .max-w-\[324px\] {
     max-width: 324px;
   }
@@ -1103,6 +1121,9 @@
   .max-w-\[390px\] {
     max-width: 390px;
   }
+  .max-w-\[400px\] {
+    max-width: 400px;
+  }
   .max-w-\[420px\] {
     max-width: 420px;
   }
@@ -2914,6 +2935,10 @@
     --tw-leading: 21px;
     line-height: 21px;
   }
+  .leading-\[23px\] {
+    --tw-leading: 23px;
+    line-height: 23px;
+  }
   .leading-\[150\%\] {
     --tw-leading: 150%;
     line-height: 150%;
@@ -3484,6 +3509,9 @@
   .capitalize {
     text-transform: capitalize;
   }
+  .lowercase {
+    text-transform: lowercase;
+  }
   .uppercase {
     text-transform: uppercase;
   }