analytica-frontend-lib 1.2.21 → 1.2.23

package/dist/{TableProvider-CDcL1tDj.d.mts → TableProvider-BnAnv3OV.d.mts}

@@ -92,6 +92,49 @@ interface PaginationConfig {
     /** Total pages (if known from backend) */
     totalPages?: number;
 }
+/**
+ * Empty state configuration
+ */
+interface EmptyStateConfig {
+    /** Custom component to render when table is empty (no data and no search active) */
+    component?: ReactNode;
+    /** Image to display in empty state (path from project) */
+    image?: string;
+    /** Title text for empty state */
+    title?: string;
+    /** Description text for empty state */
+    description?: string;
+    /** Button text for empty state action (optional) */
+    buttonText?: string;
+    /** Icon to display on button (optional) */
+    buttonIcon?: ReactNode;
+    /** Callback when empty state button is clicked */
+    onButtonClick?: () => void;
+    /** Button variant (solid, outline, or link) */
+    buttonVariant?: 'solid' | 'outline' | 'link';
+    /** Button action color (primary, positive, or negative) */
+    buttonAction?: 'primary' | 'positive' | 'negative';
+}
+/**
+ * Loading state configuration
+ */
+interface LoadingStateConfig {
+    /** Custom component to render when table is loading */
+    component?: ReactNode;
+}
+/**
+ * No search result state configuration
+ */
+interface NoSearchResultConfig {
+    /** Custom component to render when search returns no results */
+    component?: ReactNode;
+    /** Title for no search result state */
+    title?: string;
+    /** Description for no search result state */
+    description?: string;
+    /** Image to display in no search result state */
+    image?: string;
+}
 /**
  * Table components exposed via render prop
  */
@@ -131,8 +174,12 @@ interface TableProviderProps<T = Record<string, unknown>> {
     readonly paginationConfig?: PaginationConfig;
     /** Search placeholder text */
     readonly searchPlaceholder?: string;
-    /** Image for no search result state */
-    readonly noSearchResultImage?: string;
+    /** Empty state configuration (when table is empty with no search) */
+    readonly emptyState?: EmptyStateConfig;
+    /** Loading state configuration (when table is loading) */
+    readonly loadingState?: LoadingStateConfig;
+    /** No search result state configuration (when search returns no results) */
+    readonly noSearchResultState?: NoSearchResultConfig;
     /** Key field name to use for unique row identification (recommended for better performance) */
     readonly rowKey?: keyof T;
     /** Callback when any parameter changes */
@@ -187,6 +234,6 @@ interface TableProviderProps<T = Record<string, unknown>> {
  * />
  * ```
  */
-declare function TableProvider<T extends Record<string, unknown>>({ data, headers, loading, variant, enableSearch, enableFilters, enableTableSort, enablePagination, enableRowClick, initialFilters, paginationConfig, searchPlaceholder, noSearchResultImage, rowKey, onParamsChange, onRowClick, children, }: TableProviderProps<T>): react_jsx_runtime.JSX.Element;
+declare function TableProvider<T extends Record<string, unknown>>({ data, headers, loading, variant, enableSearch, enableFilters, enableTableSort, enablePagination, enableRowClick, initialFilters, paginationConfig, searchPlaceholder, emptyState, loadingState, noSearchResultState, rowKey, onParamsChange, onRowClick, children, }: TableProviderProps<T>): react_jsx_runtime.JSX.Element;
 
-export { type ColumnConfig as C, type FilterConfig as F, type PaginationConfig as P, TableProvider as T, type UseTableFilterOptions as U, type UseTableFilterReturn as a, type TableParams as b, type TableProviderProps as c, type TableComponents as d, useTableFilter as u };
+export { type ColumnConfig as C, type EmptyStateConfig as E, type FilterConfig as F, type LoadingStateConfig as L, type NoSearchResultConfig as N, type PaginationConfig as P, TableProvider as T, type UseTableFilterOptions as U, type UseTableFilterReturn as a, type TableParams as b, type TableProviderProps as c, type TableComponents as d, useTableFilter as u };

package/dist/{TableProvider-D4Ak7ofz.d.ts → TableProvider-GfPlLqzg.d.ts}

@@ -92,6 +92,49 @@ interface PaginationConfig {
     /** Total pages (if known from backend) */
     totalPages?: number;
 }
+/**
+ * Empty state configuration
+ */
+interface EmptyStateConfig {
+    /** Custom component to render when table is empty (no data and no search active) */
+    component?: ReactNode;
+    /** Image to display in empty state (path from project) */
+    image?: string;
+    /** Title text for empty state */
+    title?: string;
+    /** Description text for empty state */
+    description?: string;
+    /** Button text for empty state action (optional) */
+    buttonText?: string;
+    /** Icon to display on button (optional) */
+    buttonIcon?: ReactNode;
+    /** Callback when empty state button is clicked */
+    onButtonClick?: () => void;
+    /** Button variant (solid, outline, or link) */
+    buttonVariant?: 'solid' | 'outline' | 'link';
+    /** Button action color (primary, positive, or negative) */
+    buttonAction?: 'primary' | 'positive' | 'negative';
+}
+/**
+ * Loading state configuration
+ */
+interface LoadingStateConfig {
+    /** Custom component to render when table is loading */
+    component?: ReactNode;
+}
+/**
+ * No search result state configuration
+ */
+interface NoSearchResultConfig {
+    /** Custom component to render when search returns no results */
+    component?: ReactNode;
+    /** Title for no search result state */
+    title?: string;
+    /** Description for no search result state */
+    description?: string;
+    /** Image to display in no search result state */
+    image?: string;
+}
 /**
  * Table components exposed via render prop
  */
@@ -131,8 +174,12 @@ interface TableProviderProps<T = Record<string, unknown>> {
     readonly paginationConfig?: PaginationConfig;
     /** Search placeholder text */
     readonly searchPlaceholder?: string;
-    /** Image for no search result state */
-    readonly noSearchResultImage?: string;
+    /** Empty state configuration (when table is empty with no search) */
+    readonly emptyState?: EmptyStateConfig;
+    /** Loading state configuration (when table is loading) */
+    readonly loadingState?: LoadingStateConfig;
+    /** No search result state configuration (when search returns no results) */
+    readonly noSearchResultState?: NoSearchResultConfig;
     /** Key field name to use for unique row identification (recommended for better performance) */
     readonly rowKey?: keyof T;
     /** Callback when any parameter changes */
@@ -187,6 +234,6 @@ interface TableProviderProps<T = Record<string, unknown>> {
  * />
  * ```
  */
-declare function TableProvider<T extends Record<string, unknown>>({ data, headers, loading, variant, enableSearch, enableFilters, enableTableSort, enablePagination, enableRowClick, initialFilters, paginationConfig, searchPlaceholder, noSearchResultImage, rowKey, onParamsChange, onRowClick, children, }: TableProviderProps<T>): react_jsx_runtime.JSX.Element;
+declare function TableProvider<T extends Record<string, unknown>>({ data, headers, loading, variant, enableSearch, enableFilters, enableTableSort, enablePagination, enableRowClick, initialFilters, paginationConfig, searchPlaceholder, emptyState, loadingState, noSearchResultState, rowKey, onParamsChange, onRowClick, children, }: TableProviderProps<T>): react_jsx_runtime.JSX.Element;
 
-export { type ColumnConfig as C, type FilterConfig as F, type PaginationConfig as P, TableProvider as T, type UseTableFilterOptions as U, type UseTableFilterReturn as a, type TableParams as b, type TableProviderProps as c, type TableComponents as d, useTableFilter as u };
+export { type ColumnConfig as C, type EmptyStateConfig as E, type FilterConfig as F, type LoadingStateConfig as L, type NoSearchResultConfig as N, type PaginationConfig as P, TableProvider as T, type UseTableFilterOptions as U, type UseTableFilterReturn as a, type TableParams as b, type TableProviderProps as c, type TableComponents as d, useTableFilter as u };

package/dist/index.css

@@ -908,6 +908,9 @@
   .h-\[122px\] {
     height: 122px;
   }
+  .h-\[150px\] {
+    height: 150px;
+  }
   .h-\[152px\] {
     height: 152px;
   }
@@ -1016,6 +1019,9 @@
   .min-h-\[600px\] {
     min-height: 600px;
   }
+  .min-h-\[705px\] {
+    min-height: 705px;
+  }
   .min-h-full {
     min-height: 100%;
   }
@@ -1124,6 +1130,9 @@
   .w-\[160px\] {
     width: 160px;
   }
+  .w-\[170px\] {
+    width: 170px;
+  }
   .w-\[180px\] {
     width: 180px;
   }
@@ -2984,9 +2993,6 @@
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
-  .py-12 {
-    padding-block: calc(var(--spacing) * 12);
-  }
   .py-\[17px\] {
     padding-block: 17px;
   }
@@ -3138,6 +3144,9 @@
   .text-\[8px\] {
     font-size: 8px;
   }
+  .text-\[18px\] {
+    font-size: 18px;
+  }
   .leading-4 {
     --tw-leading: calc(var(--spacing) * 4);
     line-height: calc(var(--spacing) * 4);
@@ -3178,6 +3187,14 @@
     --tw-leading: 23px;
     line-height: 23px;
   }
+  .leading-\[27px\] {
+    --tw-leading: 27px;
+    line-height: 27px;
+  }
+  .leading-\[35px\] {
+    --tw-leading: 35px;
+    line-height: 35px;
+  }
   .leading-\[42px\] {
     --tw-leading: 42px;
     line-height: 42px;