primus-react-ui 1.0.10 → 1.0.14

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import React$1, { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChartType, ChartData, ChartOptions, ChartDataset } from 'chart.js';
 
 declare const AccountDashboard: React$1.FC<{
     apiUrl?: string;
@@ -101,7 +102,15 @@ interface PrimusLoginProps {
 declare function PrimusLogin({ onLogin, socialProviders, onSocialLogin, authEndpoint, showEmailLogin, title, subtitle, logo, theme: themeOverride, }: PrimusLoginProps): react_jsx_runtime.JSX.Element;
 declare const LoginPage: typeof PrimusLogin;
 
-declare const UserProfile: React$1.FC;
+interface UserProfileProps {
+    user?: {
+        name: string;
+        email?: string;
+    };
+    showLogout?: boolean;
+    onLogout?: () => void;
+}
+declare const UserProfile: React$1.FC<UserProfileProps>;
 
 interface PrimusUser {
     id?: string;
@@ -198,13 +207,55 @@ declare function usePrimusTheme(): PrimusThemeContextValue;
  */
 declare function PrimusThemeToggle(): react_jsx_runtime.JSX.Element;
 
-declare const NotificationFeed: React$1.FC;
+interface Notification$1 {
+    id: string;
+    title: string;
+    message: string;
+    type: 'info' | 'success' | 'warning' | 'error';
+    timestamp: string;
+    read: boolean;
+}
+interface UseNotificationsOptions {
+    apiUrl?: string;
+    useMock?: boolean;
+    mockData?: Notification$1[];
+}
+declare const useNotifications: ({ apiUrl, useMock, mockData }?: UseNotificationsOptions) => {
+    notifications: Notification$1[];
+    unreadCount: number;
+    loading: boolean;
+    markAsRead: (id: string) => void;
+    markAllAsRead: () => void;
+    refresh: () => Promise<void>;
+};
 
+interface PrimusNotificationFeedProps {
+    useMock?: boolean;
+    mockData?: Notification$1[];
+    apiUrl?: string;
+    className?: string;
+}
+declare const PrimusNotificationFeed: React$1.FC<PrimusNotificationFeedProps>;
+
+interface Notification {
+    id: string;
+    title: string;
+    message: string;
+    type: 'info' | 'success' | 'warning' | 'error';
+    timestamp: string;
+    read: boolean;
+}
 interface PrimusNotificationCenterProps {
     /** Override the theme from context (optional) */
     theme?: PrimusTheme;
     /** Custom API URL (optional) */
     apiUrl?: string;
+    /** Polling interval in ms */
+    pollInterval?: number;
+    /** Use mock data instead of API */
+    useMock?: boolean;
+    /** Mock notification list */
+    mockData?: Notification[];
 }
 /**
  * PrimusNotificationCenter - Enterprise Notification Component
@@ -227,27 +278,10 @@ interface PrimusNotificationCenterProps {
  * <PrimusNotificationCenter theme="light" />
  * ```
  */
-declare function PrimusNotificationCenter({ theme: themeOverride, apiUrl }: PrimusNotificationCenterProps): react_jsx_runtime.JSX.Element;
+declare function PrimusNotificationCenter({ theme: themeOverride, apiUrl, pollInterval, useMock, mockData, }: PrimusNotificationCenterProps): react_jsx_runtime.JSX.Element;
 declare const NotificationBell: typeof PrimusNotificationCenter;
 declare const PrimusNotifications: typeof PrimusNotificationCenter;
 
-interface Notification {
-    id: string;
-    title: string;
-    message: string;
-    type: 'info' | 'success' | 'warning' | 'error';
-    timestamp: string;
-    read: boolean;
-}
-declare const useNotifications: (apiUrl?: string) => {
-    notifications: Notification[];
-    unreadCount: number;
-    loading: boolean;
-    markAsRead: (id: string) => void;
-    markAllAsRead: () => void;
-    refresh: () => Promise<void>;
-};
-
 interface PrimusNotification {
     id: string;
     title: string;
@@ -375,6 +409,8 @@ interface SidebarItem {
     label: string;
     icon?: React$1.ReactNode;
     href?: string;
+    route?: string;
+    target?: string;
     onClick?: () => void;
     active?: boolean;
     badge?: string | number;
@@ -444,8 +480,19 @@ interface PrimusDataTableProps<T> {
     searchPlaceholder?: string;
     /** Enable search */
     searchable?: boolean;
+    /** Enable client-side pagination */
+    paginated?: boolean;
+    /** Page size when paginated */
+    pageSize?: number;
+    /** Controlled page index */
+    pageIndex?: number;
+    /** Page change handler */
+    onPageChange?: (payload: {
+        pageIndex: number;
+        pageSize: number;
+    }) => void;
 }
-declare function PrimusDataTable<T extends Record<string, any>>({ data, columns, rowKey, loading, selectable, selectedKeys, onSelectionChange, onRowClick, actions, emptyMessage, searchPlaceholder, searchable, }: PrimusDataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function PrimusDataTable<T extends Record<string, any>>({ data, columns, rowKey, loading, selectable, selectedKeys, onSelectionChange, onRowClick, actions, emptyMessage, searchPlaceholder, searchable, paginated, pageSize, pageIndex, onPageChange, }: PrimusDataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface PrimusModalProps {
     open: boolean;
@@ -482,4 +529,282 @@ interface DashboardGridProps {
 }
 declare const DashboardGrid: React$1.FC<DashboardGridProps>;
 
-export { AICopilot, AccountDashboard, AgentDirectory, CheckoutForm, type CheckoutFormProps, ClaimStatusTracker, type ClaimStatusTrackerProps, type ClaimStep, type Column, type CreditCardProps, CreditCardVisual, CreditScoreCard, DashboardGrid, type DashboardGridProps, type Document, DocumentViewer, type DocumentViewerProps, type FeatureFlag, FeatureFlagToggle, FileUploader, FraudDetectionDashboard, KYCVerification, LoanCalculator, LogViewer, LoginPage, type Notification, NotificationBell, NotificationFeed, PolicyCard, type PolicyProps, PremiumCalculator, PrimusDashboard, type PrimusDashboardProps, PrimusDataTable, type PrimusDataTableProps, PrimusHeader, type PrimusHeaderProps, PrimusLayout, type PrimusLayoutProps, PrimusLogin, type PrimusLoginProps, PrimusModal, type PrimusModalProps, type PrimusNotification, PrimusNotificationCenter, PrimusNotifications, PrimusProvider, type PrimusProviderProps, PrimusSidebar, type PrimusSidebarProps, PrimusStatCard, type PrimusTheme, PrimusThemeProvider, PrimusThemeToggle, QuoteComparison, SecurityDashboard, type SidebarItem, type SocialProvider, type StatCardProps, type Transaction, TransactionHistory, type TransactionHistoryProps, type UseRealtimeNotificationsOptions, UserProfile, themeColors, useNotifications, usePrimusAuth, usePrimusTheme, useRealtimeNotifications };
+interface PrimusActivityItem {
+    id?: string;
+    title: string;
+    description?: string;
+    timestamp?: string | Date;
+    status?: 'success' | 'warning' | 'error' | 'info';
+}
+interface PrimusActivityFeedProps {
+    items: PrimusActivityItem[];
+    maxItems?: number;
+    showTimestamps?: boolean;
+    groupByDate?: boolean;
+    loading?: boolean;
+}
+declare const PrimusActivityFeed: React$1.FC<PrimusActivityFeedProps>;
+
+interface PrimusChartSeries {
+    name: string;
+    data: number[];
+    color?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    fill?: boolean;
+}
+interface PrimusChartBaseProps<TType extends ChartType = ChartType> {
+    type: TType;
+    data?: ChartData<TType>;
+    labels?: Array<string | number | Date>;
+    series?: PrimusChartSeries[];
+    options?: ChartOptions<TType>;
+    responsive?: boolean;
+    maintainAspectRatio?: boolean;
+    legend?: boolean;
+    height?: number;
+    width?: number;
+    ariaLabel?: string;
+    className?: string;
+    datasetTransform?: (dataset: ChartDataset<TType, number[]>) => ChartDataset<TType, number[]>;
+}
+declare const PrimusChartBase: <TType extends ChartType = ChartType>({ type, data, labels, series, options, responsive, maintainAspectRatio, legend, height, width, ariaLabel, className, datasetTransform, }: PrimusChartBaseProps<TType>) => react_jsx_runtime.JSX.Element;
+
+type PrimusLineChartProps = Omit<PrimusChartBaseProps<'line'>, 'type' | 'datasetTransform'> & {
+    options?: ChartOptions<'line'>;
+};
+declare const PrimusLineChart: React$1.FC<PrimusLineChartProps>;
+
+type PrimusAreaChartProps = Omit<PrimusChartBaseProps<'line'>, 'type' | 'datasetTransform'> & {
+    options?: ChartOptions<'line'>;
+};
+declare const PrimusAreaChart: React$1.FC<PrimusAreaChartProps>;
+
+type PrimusBarChartProps = Omit<PrimusChartBaseProps<'bar'>, 'type' | 'datasetTransform'> & {
+    options?: ChartOptions<'bar'>;
+    stacked?: boolean;
+};
+declare const PrimusBarChart: React$1.FC<PrimusBarChartProps>;
+
+type PrimusPieChartProps = Omit<PrimusChartBaseProps<'pie' | 'doughnut'>, 'type' | 'datasetTransform'> & {
+    donut?: boolean;
+    cutout?: string;
+    options?: ChartOptions<'pie' | 'doughnut'>;
+};
+declare const PrimusPieChart: React$1.FC<PrimusPieChartProps>;
+
+interface PrimusSparklineProps {
+    series?: PrimusChartSeries[];
+    data?: number[];
+    type?: 'line' | 'area';
+    height?: number;
+    width?: number;
+    strokeWidth?: number;
+    className?: string;
+    ariaLabel?: string;
+}
+declare const PrimusSparkline: React$1.FC<PrimusSparklineProps>;
+
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    color?: 'sapphire' | 'emerald' | 'ruby';
+}
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label?: string;
+    error?: string;
+    startIcon?: React$1.ReactNode;
+    endIcon?: React$1.ReactNode;
+    onClear?: () => void;
+    size?: 'sm' | 'md' | 'lg';
+    loading?: boolean;
+}
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+interface CheckboxProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    error?: string;
+}
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLInputElement>>;
+
+interface RadioGroupProps {
+    name: string;
+    options: Array<{
+        value: string;
+        label: string;
+        disabled?: boolean;
+    }>;
+    value?: string;
+    onChange?: (value: string) => void;
+    error?: string;
+    disabled?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+}
+declare const RadioGroup: React$1.FC<RadioGroupProps>;
+
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface SelectProps {
+    label?: string;
+    error?: string;
+    options: SelectOption[];
+    placeholder?: string;
+    value?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    multiple?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+declare const Select: React$1.FC<SelectProps>;
+
+interface ToggleProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const Toggle: React$1.FC<ToggleProps>;
+
+interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    error?: string;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+}
+declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    variant?: 'default' | 'outlined' | 'elevated';
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+}
+declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface BadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
+
+interface TableColumn<T = any> {
+    key: string;
+    header: string;
+    render?: (item: T) => React$1.ReactNode;
+    width?: string;
+}
+interface TableProps<T = any> {
+    columns: TableColumn<T>[];
+    data: T[];
+    striped?: boolean;
+    hoverable?: boolean;
+    bordered?: boolean;
+    style?: React$1.CSSProperties;
+}
+declare function Table<T extends Record<string, any>>({ columns, data, striped, hoverable, bordered, style, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
+
+interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+}
+declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface GridProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    columns?: number;
+    rows?: number;
+    gap?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | string;
+    width?: string;
+    height?: string;
+    responsive?: boolean;
+}
+declare const Grid: React$1.ForwardRefExoticComponent<GridProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface StackProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    direction?: 'horizontal' | 'vertical';
+    gap?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around';
+}
+declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: React$1.ReactNode;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    closeOnOverlayClick?: boolean;
+}
+declare const Modal: React$1.FC<ModalProps>;
+
+interface PrimusDateRangeOption {
+    label: string;
+    start: string | Date;
+    end: string | Date;
+}
+interface PrimusDateRangePickerProps {
+    startDate?: string | null;
+    endDate?: string | null;
+    ranges?: Array<string | PrimusDateRangeOption>;
+    min?: string;
+    max?: string;
+    disabled?: boolean;
+    onRangeChange?: (payload: {
+        startDate: string | null;
+        endDate: string | null;
+        label?: string;
+    }) => void;
+}
+declare const PrimusDateRangePicker: React$1.FC<PrimusDateRangePickerProps>;
+
+type PrimusFilterType = 'select' | 'toggle' | 'search';
+interface PrimusFilterConfig {
+    key: string;
+    label: string;
+    type: PrimusFilterType;
+    options?: Array<{
+        label: string;
+        value: string;
+        disabled?: boolean;
+    }>;
+    placeholder?: string;
+}
+interface PrimusFilterBarProps {
+    filters: PrimusFilterConfig[];
+    activeFilters: Record<string, any>;
+    onChange?: (nextFilters: Record<string, any>) => void;
+    children?: React$1.ReactNode;
+}
+declare const PrimusFilterBar: React$1.FC<PrimusFilterBarProps>;
+
+interface PrimusExportMenuProps {
+    formats?: string[];
+    includeCharts?: boolean;
+    includeStats?: boolean;
+    includeTables?: boolean;
+    onExport?: (payload: {
+        format: string;
+        includeCharts: boolean;
+        includeStats: boolean;
+        includeTables: boolean;
+    }) => void;
+}
+declare const PrimusExportMenu: React$1.FC<PrimusExportMenuProps>;
+
+interface PrimusSearchProps {
+    placeholder?: string;
+    debounce?: number;
+    value?: string;
+    showSuggestions?: boolean;
+    suggestions?: string[];
+    onSearch?: (value: string) => void;
+}
+declare const PrimusSearch: React$1.FC<PrimusSearchProps>;
+
+export { AICopilot, AccountDashboard, AgentDirectory, Badge, Button, Card, Checkbox, CheckoutForm, type CheckoutFormProps, ClaimStatusTracker, type ClaimStatusTrackerProps, type ClaimStep, type Column, Container, type CreditCardProps, CreditCardVisual, CreditScoreCard, DashboardGrid, type DashboardGridProps, type Document, DocumentViewer, type DocumentViewerProps, type FeatureFlag, FeatureFlagToggle, FileUploader, FraudDetectionDashboard, Grid, Input, KYCVerification, LoanCalculator, LogViewer, LoginPage, Modal, type Notification$1 as Notification, NotificationBell, PrimusNotificationFeed as NotificationFeed, PolicyCard, type PolicyProps, PremiumCalculator, PrimusActivityFeed, type PrimusActivityFeedProps, type PrimusActivityItem, PrimusAreaChart, type PrimusAreaChartProps, Badge as PrimusBadge, PrimusBarChart, type PrimusBarChartProps, Button as PrimusButton, Card as PrimusCard, PrimusChartBase, type PrimusChartBaseProps, type PrimusChartSeries, Checkbox as PrimusCheckbox, Container as PrimusContainer, PrimusDashboard, type PrimusDashboardProps, PrimusDataTable, type PrimusDataTableProps, PrimusDateRangePicker, PrimusExportMenu, PrimusFilterBar, Grid as PrimusGrid, PrimusHeader, type PrimusHeaderProps, Input as PrimusInput, PrimusLayout, type PrimusLayoutProps, PrimusLineChart, type PrimusLineChartProps, PrimusLogin, type PrimusLoginProps, PrimusModal, Modal as PrimusModalComponent, type PrimusModalProps, type PrimusNotification, PrimusNotificationCenter, PrimusNotificationFeed, PrimusNotifications, PrimusPieChart, type PrimusPieChartProps, PrimusProvider, type PrimusProviderProps, RadioGroup as PrimusRadioGroup, PrimusSearch, Select as PrimusSelect, PrimusSidebar, type PrimusSidebarProps, PrimusSparkline, type PrimusSparklineProps, Stack as PrimusStack, PrimusStatCard, Table as PrimusTable, Textarea as PrimusTextarea, type PrimusTheme, PrimusThemeProvider, PrimusThemeToggle, Toggle as PrimusToggle, QuoteComparison, RadioGroup, SecurityDashboard, Select, type SidebarItem, type SocialProvider, Stack, type StatCardProps, Table, Textarea, Toggle, type Transaction, TransactionHistory, type TransactionHistoryProps, type UseNotificationsOptions, type UseRealtimeNotificationsOptions, UserProfile, type UserProfileProps, themeColors, useNotifications, usePrimusAuth, usePrimusTheme, useRealtimeNotifications };