ikon-react-components-lib 1.0.2 → 1.0.4

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { AxiosInstance } from 'axios';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
@@ -184,6 +185,8 @@ export declare function AvatarGroupCount({ className, ...props }: React_2.Compon
 
 export declare function AvatarImage({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Image>): JSX.Element;
 
+export declare const axiosInstance: AxiosInstance;
+
 export declare function Badge({ className, variant, asChild, ...props }: React_2.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
 }): JSX.Element;
@@ -306,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 {
@@ -432,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> {
@@ -1066,10 +1094,24 @@ 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;
 
+export declare function RenderSidebarNav({ items, sidebarHeader, sidebarFooter, }: {
+    items: SidebarNavItem[];
+    sidebarHeader?: ReactNode;
+    sidebarFooter?: ReactNode;
+}): null;
+
 export declare function ScrollArea({ className, children, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.Root>): JSX.Element;
 
 export declare function ScrollBar({ className, orientation, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ikon-react-components-lib",
   "private": false,
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "main": "./dist/ikon-react-components-lib.cjs.js",
   "module": "./dist/ikon-react-components-lib.es.js",
@@ -73,11 +73,13 @@
     "react-dom": "^19.2.0",
     "react-hook-form": "^7.71.1",
     "react-resizable-panels": "^4.6.4",
-    "react-router-dom": "^7.13.0",
+    "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",