ikon-react-components-lib 1.0.3 → 1.0.4

package/dist/index.d.ts

@@ -309,6 +309,13 @@ export declare function CollapsibleContent({ ...props }: React.ComponentProps<ty
 
 export declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): JSX.Element;
 
+export declare type ColumnsProps<TData, TValue = unknown> = ColumnDef<TData, TValue> & {
+    header: string | (() => React.ReactNode);
+    accessorKey?: keyof TData;
+    cell?: (row: TData) => React.ReactNode;
+    footer?: (row: TData) => React.ReactNode;
+};
+
 export declare function ComboboxInput({ placeholder, items, disabled, onSelect, defaultValue }: ComboBoxInputProps): JSX.Element;
 
 export declare interface ComboBoxInputProps {
@@ -435,6 +442,24 @@ export declare interface DataTableFilterProps<TData> {
     table: Table_2<TData>;
 }
 
+export declare function DataTableLayout<T>({ data, columns, totalPages, actionNode, toggleViewMode, gridComponent, isLoading, onReload, filterComponent, hiddenColumns }: DataTableLayoutProps<T>): JSX.Element;
+
+export declare interface DataTableLayoutProps<T> {
+    data: T[];
+    columns: ColumnsProps<T, unknown>[];
+    totalPages: number;
+    toggleViewMode?: boolean;
+    hiddenColumns?: string[];
+    filterComponent?: React.ReactNode;
+    actionNode?: React.ReactNode;
+    onRowClick?: (row: T) => void;
+    gridComponent?: (data: T[]) => React.ReactNode;
+    isLoading?: boolean;
+    onReload?: () => void;
+    showFooter?: boolean;
+    footerLabel?: string;
+}
+
 export declare function DataTablePagination<TData>({ table, extraParams, }: DataTablePaginationProps<TData>): JSX.Element;
 
 export declare interface DataTablePaginationProps<TData> {
@@ -1069,6 +1094,14 @@ declare interface RefreshContextType {
     refreshCounter: number;
 }
 
+export declare function Reload({ isLoading, onReload, errorMessage, }: ReloadProps): JSX.Element | null;
+
+declare interface ReloadProps {
+    isLoading: boolean;
+    onReload?: () => void;
+    errorMessage?: string;
+}
+
 export declare function RenderAppBreadcrumb({ breadcrumb, }: {
     breadcrumb: BreadcrumbItemProps;
 }): JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ikon-react-components-lib",
   "private": false,
-  "version": "1.0.3",
+  "version": "1.0.4",
   "type": "module",
   "main": "./dist/ikon-react-components-lib.cjs.js",
   "module": "./dist/ikon-react-components-lib.es.js",
@@ -74,10 +74,12 @@
     "react-hook-form": "^7.71.1",
     "react-resizable-panels": "^4.6.4",
     "react-router": "^7.13.1",
+    "react-router-dom": "^7.13.2",
     "recharts": "^2.15.4",
     "remark-gfm": "^4.0.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
+    "use-debounce": "^10.1.1",
     "uuid": "^13.0.0",
     "vaul": "^1.1.2",
     "zod": "^4.3.6",