pillardash-ui-react 0.1.28 → 0.1.30

package/dist/index.d.ts

@@ -174,12 +174,32 @@ declare const alert: {
     show: (props: Omit<AlertProps, "onClose">) => void;
 };
 
+type ConfirmationType = "default" | "danger" | "warning" | "success" | "info";
+interface ConfirmationPopupProps {
+    isOpen: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+    title?: string;
+    message?: string;
+    confirmText?: string;
+    cancelText?: string;
+    type?: ConfirmationType;
+    showIcon?: boolean;
+    showCloseButton?: boolean;
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    isLoading?: boolean;
+    className?: string;
+    overlayClassName?: string;
+    maxWidth?: "sm" | "md" | "lg";
+}
+
 type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
 type ModalPosition = 'left' | 'right' | 'center';
 interface ModalProps {
     isOpen: boolean;
     onClose: () => void;
-    title?: string;
+    title?: React$1.ReactNode;
     children: React$1.ReactNode;
     size?: ModalSize;
     position?: ModalPosition;
@@ -198,5 +218,171 @@ declare const Modal: React$1.FC<ModalProps>;
 
 declare const ModalExample: React$1.FC;
 
-export { AlertContext, AlertProvider, Button, Card, CheckBox, EmptyStateCard, ExportButton, ExportFormatEnum, FileUpload, Input, Modal, ModalExample, Search, Select, SelectButton, TextEditor, alert, useAlert };
-export type { AlertContextProps, AlertItem, AlertProps, AlertType, ButtonProps, CheckBoxProps, EmptyStateProps, FileUploadProps, InputProps, ModalProps, SearchProps, SelectButtonOption, SelectButtonProps, SelectOption, SelectProps, TextEditorProps };
+interface TableProps<T> {
+    data: T[];
+    columns: Column<T>[];
+    title?: string;
+    subtitle?: string;
+    itemsPerPage?: number;
+    currentView?: string;
+    onViewChange?: (view: string) => void;
+    totalItems?: number;
+    currentPage?: number;
+    onPageChange?: (page: number) => void;
+    loading?: boolean;
+    showPagination?: boolean;
+}
+interface Column<T> {
+    title: string;
+    value: keyof T | ((data: T) => React$1.ReactNode);
+    width?: string;
+}
+interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    totalItems: number;
+    itemsPerPage: number;
+    onPageChange?: (page: number) => void;
+    onViewChange?: (itemsPerPage: string) => void;
+    loading?: boolean;
+}
+type TableDropdownProps = {
+    actions: {
+        label: string;
+        onClick: () => void;
+        icon?: React$1.ReactNode;
+        disabled?: boolean;
+        variant?: "default" | "danger";
+    }[];
+    trigger?: React$1.ReactNode;
+    className?: string;
+    dropdownClassName?: string;
+};
+
+declare function Table<T>({ data, columns, itemsPerPage, onViewChange, totalItems, currentPage, onPageChange, loading, showPagination, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+
+declare function Pagination({ currentPage, totalPages, totalItems, itemsPerPage, onPageChange, onViewChange, loading, }: PaginationProps): react_jsx_runtime.JSX.Element;
+
+declare function TableSkeleton({ columns, rows }: {
+    columns: number;
+    rows: number;
+}): react_jsx_runtime.JSX.Element;
+
+type SkeletonVariant = 'text' | 'rectangular' | 'circular' | 'rounded' | 'card' | 'avatar' | 'button' | 'image' | 'line';
+type SkeletonAnimation = 'pulse' | 'wave' | 'none';
+type SkeletonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+interface SkeletonLoaderProps {
+    /** Variant of the skeleton */
+    variant?: SkeletonVariant;
+    /** Animation type */
+    animation?: SkeletonAnimation;
+    /** Predefined size (overridden by width/height if provided) */
+    size?: SkeletonSize;
+    /** Custom width */
+    width?: string | number;
+    /** Custom height */
+    height?: string | number;
+    /** Number of skeleton items to render */
+    count?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Whether to show shimmer effect */
+    shimmer?: boolean;
+    /** Custom border radius */
+    borderRadius?: string;
+    /** Background color intensity */
+    intensity?: 'light' | 'medium' | 'dark';
+    /** Delay before showing skeleton (in ms) */
+    delay?: number;
+}
+declare const SkeletonLoader: React$1.FC<SkeletonLoaderProps>;
+
+declare const SkeletonText: React$1.FC<Omit<SkeletonLoaderProps, 'variant'>>;
+declare const SkeletonAvatar: React$1.FC<Omit<SkeletonLoaderProps, 'variant'>>;
+declare const SkeletonButton: React$1.FC<Omit<SkeletonLoaderProps, 'variant'>>;
+declare const SkeletonCard: React$1.FC<Omit<SkeletonLoaderProps, 'variant'>>;
+declare const SkeletonImage: React$1.FC<Omit<SkeletonLoaderProps, 'variant'>>;
+declare const SkeletonProfile: React$1.FC<{
+    showBio?: boolean;
+}>;
+declare const SkeletonList: React$1.FC<{
+    itemCount?: number;
+    showAvatar?: boolean;
+    showMeta?: boolean;
+}>;
+declare const SkeletonTable: React$1.FC<{
+    rows?: number;
+    columns?: number;
+    showHeader?: boolean;
+}>;
+declare const SkeletonLoaderExample: () => react_jsx_runtime.JSX.Element;
+
+declare const SKELETON_LOADER_VERSION = "1.0.0";
+interface SkeletonLoaderModule {
+    SkeletonLoader: typeof SkeletonLoader;
+    SkeletonText: typeof SkeletonText;
+    SkeletonAvatar: typeof SkeletonAvatar;
+    SkeletonButton: typeof SkeletonButton;
+    SkeletonCard: typeof SkeletonCard;
+    SkeletonImage: typeof SkeletonImage;
+    SkeletonProfile: typeof SkeletonProfile;
+    SkeletonList: typeof SkeletonList;
+    SkeletonTable: typeof SkeletonTable;
+}
+declare const SKELETON_PRESETS: {
+    readonly sizes: {
+        readonly xs: {
+            readonly width: "4rem";
+            readonly height: "1rem";
+        };
+        readonly sm: {
+            readonly width: "6rem";
+            readonly height: "1.25rem";
+        };
+        readonly md: {
+            readonly width: "8rem";
+            readonly height: "1.5rem";
+        };
+        readonly lg: {
+            readonly width: "12rem";
+            readonly height: "2rem";
+        };
+        readonly xl: {
+            readonly width: "16rem";
+            readonly height: "2.5rem";
+        };
+    };
+    readonly variants: readonly ["text", "rectangular", "circular", "rounded", "card", "avatar", "button", "image", "line"];
+    readonly animations: readonly ["pulse", "wave", "none"];
+    readonly intensities: readonly ["light", "medium", "dark"];
+};
+declare const SKELETON_PATTERNS: {
+    readonly userProfile: {
+        readonly variant: "avatar";
+        readonly size: "lg";
+        readonly animation: "pulse";
+    };
+    readonly cardTitle: {
+        readonly variant: "text";
+        readonly width: "75%";
+        readonly height: "1.5rem";
+    };
+    readonly cardDescription: {
+        readonly variant: "text";
+        readonly count: 2;
+        readonly width: "100%";
+        readonly height: "1rem";
+        readonly intensity: "light";
+    };
+    readonly button: {
+        readonly variant: "button";
+        readonly animation: "wave";
+    };
+    readonly image: {
+        readonly variant: "image";
+        readonly shimmer: true;
+    };
+};
+
+export { AlertContext, AlertProvider, Button, Card, CheckBox, EmptyStateCard, ExportButton, ExportFormatEnum, FileUpload, Input, Modal, ModalExample, Pagination, SKELETON_LOADER_VERSION, SKELETON_PATTERNS, SKELETON_PRESETS, Search, Select, SelectButton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonImage, SkeletonList, SkeletonLoader, SkeletonLoaderExample, SkeletonProfile, SkeletonTable, SkeletonText, Table, TableSkeleton, TextEditor, alert, useAlert };
+export type { AlertContextProps, AlertItem, AlertProps, AlertType, ButtonProps, CheckBoxProps, Column, ConfirmationPopupProps, ConfirmationType, EmptyStateProps, FileUploadProps, InputProps, ModalProps, PaginationProps, SearchProps, SelectButtonOption, SelectButtonProps, SelectOption, SelectProps, SkeletonAnimation, SkeletonLoaderModule, SkeletonLoaderProps, SkeletonSize, SkeletonVariant, TableDropdownProps, TableProps, TextEditorProps };