ikoncomponents 1.6.5 → 1.6.7

package/README.md

@@ -1,36 +1,36 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/dist/ikoncomponents/assistant-ui/Assistant.js

@@ -245,7 +245,7 @@ import { AssistantRuntimeProvider } from "@assistant-ui/react";
 import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
 import { AgentTextChatTransport } from "./agentTextChatTransport";
 import { useEffect, useMemo, useState } from "react";
-import { getValidAccessToken } from "@/utils/token-management";
+import { getValidAccessToken } from "../../utils/token-management";
 export const AssistantComponent = ({ provider = "openai", model = "gpt-4o-mini", agentId = "default-agent", agentName = "Default Agent", temperature = 0.7, maxTokens = 2048, className, baseUrl = "http://localhost:3000", additionalReferenceInfo = {}, appId = "", currentUserDetails, }) => {
     const [agentList, setAgentList] = useState([]);
     const [selectedAgent, setSelectedAgent] = useState();

package/dist/ikoncomponents/assistant-ui/agentTextChatTransport.js

@@ -1,4 +1,4 @@
-import { getValidAccessToken } from "@/utils/token-management";
+import { getValidAccessToken } from "../../utils/token-management";
 import { v4 as uuidv4 } from "uuid";
 export class AgentTextChatTransport {
     constructor(options) {

package/dist/ikoncomponents/reload-component/index.d.ts

@@ -0,0 +1,6 @@
+export interface ReloadProps {
+    isLoading: boolean;
+    onReload?: () => void;
+    errorMessage?: string;
+}
+export declare function Reload({ isLoading, onReload, errorMessage, }: ReloadProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/ikoncomponents/reload-component/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loader2, RotateCcw } from "lucide-react";
+export function Reload({ isLoading, onReload, errorMessage, }) {
+    if (!isLoading && !errorMessage)
+        return null;
+    return (_jsx("div", { className: "absolute inset-0 z-50 flex items-center justify-center bg-background/60 backdrop-blur-md rounded-lg transition-all duration-300", children: _jsx("div", { className: "flex flex-col items-center gap-4", children: isLoading ? (_jsx("div", { className: "bg-background/80 p-6 rounded-2xl shadow-xl border border-border/50 backdrop-blur-xl animate-in fade-in zoom-in duration-300", children: _jsx(Loader2, { size: 48, className: "text-primary animate-spin" }) })) : (_jsx("div", { className: "bg-background/80 p-4 rounded-full shadow-lg border border-border/50 backdrop-blur-xl animate-in fade-in zoom-in duration-300", children: _jsx("button", { onClick: onReload, className: "p-3 rounded-full bg-primary/10 hover:bg-primary/20 transition-all text-primary hover:scale-110 active:scale-95", title: errorMessage || "Reload Data", children: _jsx(RotateCcw, { className: "w-6 h-6" }) }) })) }) }));
+}
+;

package/dist/ikoncomponents/table/DataTable/index.d.ts

@@ -0,0 +1,2 @@
+import { DataTableProps } from "../type";
+export declare function DataTable<T>({ data, columns, keyExtractor, onRowClick }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/table/DataTable/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from "../../../shadcn/table";
+export function DataTable({ data, columns, keyExtractor, onRowClick }) {
+    return (_jsx("div", { className: "rounded-md border bg-background shadow-sm overflow-hidden", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { className: "bg-muted border-b border-border", children: columns.map((col, index) => (_jsx(TableHead, { className: "font-semibold text-muted-foreground", children: typeof col.header === "function" ? col.header() : col.header }, index))) }) }), _jsx(TableBody, { children: data && data.length > 0 ? (data.map((row) => (_jsx(TableRow, { onClick: () => onRowClick && onRowClick(row), className: `hover:bg-muted/50 transition-colors border-b border-border ${onRowClick ? "cursor-pointer" : ""}`, children: columns.map((col, colIndex) => (_jsx(TableCell, { className: colIndex === 0 ? "font-medium" : "", children: col.cell
+                                ? col.cell(row)
+                                : col.accessorKey
+                                    ? String(row[col.accessorKey] || "N/A")
+                                    : null }, colIndex))) }, keyExtractor(onRowClick ? row : row))))) : (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length, className: "h-24 text-center text-muted-foreground", children: "No records found." }) })) })] }) }));
+}

package/dist/ikoncomponents/table/DataTablePageSize/index.d.ts

@@ -0,0 +1 @@
+export declare function DataTablePageSize(): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/table/DataTablePageSize/index.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter, usePathname, useSearchParams } from "next/navigation";
+export function DataTablePageSize() {
+    const router = useRouter();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const currentSize = searchParams.get("size") || "10";
+    const handleSizeChange = (e) => {
+        const params = new URLSearchParams(searchParams.toString());
+        params.set("size", e.target.value);
+        params.set("page", "1");
+        router.push(`${pathname}?${params.toString()}`);
+    };
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: "Rows per page:" }), _jsxs("select", { className: "h-9 rounded-md border border-border bg-background text-foreground px-2 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-primary", value: currentSize, onChange: handleSizeChange, children: [_jsx("option", { value: "10", children: "10" }), _jsx("option", { value: "20", children: "20" }), _jsx("option", { value: "50", children: "50" }), _jsx("option", { value: "100", children: "100" })] })] }));
+}

package/dist/ikoncomponents/table/DataTablePagination/index.d.ts

@@ -0,0 +1,6 @@
+interface PaginationProps {
+    totalPages: number;
+    currentPage: number;
+}
+export declare function DataTablePagination({ totalPages, currentPage }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ikoncomponents/table/DataTablePagination/index.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter, usePathname, useSearchParams } from "next/navigation";
+export function DataTablePagination({ totalPages, currentPage }) {
+    const router = useRouter();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const handlePageChange = (newPage) => {
+        const params = new URLSearchParams(searchParams.toString());
+        params.set("page", newPage.toString());
+        router.push(`${pathname}?${params.toString()}`);
+    };
+    return (_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("button", { onClick: () => handlePageChange(currentPage - 1), disabled: currentPage <= 1, className: "h-9 px-3 py-1 text-sm font-medium border border-border rounded-md bg-background text-foreground hover:bg-muted disabled:opacity-50 disabled:cursor-not-allowed transition-colors", children: "Previous" }), _jsxs("span", { className: "text-sm text-muted-foreground px-2", children: ["Page ", _jsx("span", { className: "font-semibold", children: currentPage }), " of", " ", _jsx("span", { className: "font-semibold", children: Math.max(totalPages, 1) })] }), _jsx("button", { onClick: () => handlePageChange(currentPage + 1), disabled: currentPage >= totalPages, className: "h-9 px-3 py-1 text-sm font-medium border border-border rounded-md bg-background text-foreground hover:bg-muted disabled:opacity-50 disabled:cursor-not-allowed transition-colors", children: "Next" })] }));
+}

package/dist/ikoncomponents/table/DataTableSearch/index.d.ts

@@ -0,0 +1 @@
+export declare function DataTableSearch(): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/table/DataTableSearch/index.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter, usePathname, useSearchParams } from "next/navigation";
+import { useState, useEffect } from "react";
+import { useDebounce } from "use-debounce";
+import { Search } from "lucide-react";
+export function DataTableSearch() {
+    const router = useRouter();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const [searchTerm, setSearchTerm] = useState(searchParams.get("search") || "");
+    const [debouncedSearch] = useDebounce(searchTerm, 500);
+    useEffect(() => {
+        const params = new URLSearchParams(searchParams.toString());
+        if (debouncedSearch) {
+            params.set("search", debouncedSearch);
+        }
+        else {
+            params.delete("search");
+        }
+        if (params.get("search") !== searchParams.get("search")) {
+            params.set("page", "1");
+            router.push(`${pathname}?${params.toString()}`);
+        }
+    }, [debouncedSearch, pathname, router, searchParams]);
+    return (_jsxs("div", { className: "relative w-full max-w-sm", children: [_jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx("input", { type: "text", placeholder: "Search ...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "flex h-9 w-full rounded-md border border-border bg-transparent pl-9 pr-3 py-1 text-sm shadow-sm transition-colors text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary" })] }));
+}

package/dist/ikoncomponents/table/component/DataTable.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface ColumnDef<T> {
+    header: string | (() => React.ReactNode);
+    accessorKey?: keyof T;
+    cell?: (row: T) => React.ReactNode;
+}
+interface DataTableProps<T> {
+    data: T[];
+    columns: ColumnDef<T>[];
+    keyExtractor: (row: T) => string | number;
+    onRowClick?: (row: T) => void;
+}
+export declare function DataTable<T>({ data, columns, keyExtractor, onRowClick }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ikoncomponents/table/component/DataTable.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TableHeader, TableRow, TableHead, TableBody, TableCell } from "@/shadcn/table";
+import { Table } from "lucide-react";
+export function DataTable({ data, columns, keyExtractor, onRowClick }) {
+    return (_jsx("div", { className: "rounded-md border bg-background shadow-sm overflow-hidden", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { className: "bg-muted border-b border-border", children: columns.map((col, index) => (_jsx(TableHead, { className: "font-semibold text-muted-foreground", children: typeof col.header === "function" ? col.header() : col.header }, index))) }) }), _jsx(TableBody, { children: data && data.length > 0 ? (data.map((row) => (_jsx(TableRow, { onClick: () => onRowClick && onRowClick(row), className: `hover:bg-muted/50 transition-colors border-b border-border ${onRowClick ? "cursor-pointer" : ""}`, children: columns.map((col, colIndex) => (_jsx(TableCell, { className: colIndex === 0 ? "font-medium" : "", children: col.cell
+                                ? col.cell(row)
+                                : col.accessorKey
+                                    ? String(row[col.accessorKey] || "N/A")
+                                    : null }, colIndex))) }, keyExtractor(onRowClick ? row : row))))) : (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length, className: "h-24 text-center text-muted-foreground", children: "No records found." }) })) })] }) }));
+}

package/dist/ikoncomponents/table/component/DataTablePageSize.d.ts

@@ -0,0 +1 @@
+export declare function DataTablePageSize(): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/table/component/DataTablePageSize.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter, usePathname, useSearchParams } from "next/navigation";
+export function DataTablePageSize() {
+    const router = useRouter();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const currentSize = searchParams.get("size") || "10";
+    const handleSizeChange = (e) => {
+        const params = new URLSearchParams(searchParams.toString());
+        params.set("size", e.target.value);
+        params.set("page", "1");
+        router.push(`${pathname}?${params.toString()}`);
+    };
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: "Rows per page:" }), _jsxs("select", { className: "h-9 rounded-md border border-border bg-background text-foreground px-2 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-primary", value: currentSize, onChange: handleSizeChange, children: [_jsx("option", { value: "10", children: "10" }), _jsx("option", { value: "20", children: "20" }), _jsx("option", { value: "50", children: "50" }), _jsx("option", { value: "100", children: "100" })] })] }));
+}

package/dist/ikoncomponents/table/component/DataTablePagination.d.ts

@@ -0,0 +1,6 @@
+interface PaginationProps {
+    totalPages: number;
+    currentPage: number;
+}
+export declare function DataTablePagination({ totalPages, currentPage }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ikoncomponents/table/component/DataTablePagination.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter, usePathname, useSearchParams } from "next/navigation";
+export function DataTablePagination({ totalPages, currentPage }) {
+    const router = useRouter();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const handlePageChange = (newPage) => {
+        const params = new URLSearchParams(searchParams.toString());
+        params.set("page", newPage.toString());
+        router.push(`${pathname}?${params.toString()}`);
+    };
+    return (_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("button", { onClick: () => handlePageChange(currentPage - 1), disabled: currentPage <= 1, className: "h-9 px-3 py-1 text-sm font-medium border border-border rounded-md bg-background text-foreground hover:bg-muted disabled:opacity-50 disabled:cursor-not-allowed transition-colors", children: "Previous" }), _jsxs("span", { className: "text-sm text-muted-foreground px-2", children: ["Page ", _jsx("span", { className: "font-semibold", children: currentPage }), " of", " ", _jsx("span", { className: "font-semibold", children: Math.max(totalPages, 1) })] }), _jsx("button", { onClick: () => handlePageChange(currentPage + 1), disabled: currentPage >= totalPages, className: "h-9 px-3 py-1 text-sm font-medium border border-border rounded-md bg-background text-foreground hover:bg-muted disabled:opacity-50 disabled:cursor-not-allowed transition-colors", children: "Next" })] }));
+}

package/dist/ikoncomponents/table/component/DataTableSearch.d.ts

@@ -0,0 +1 @@
+export declare function DataTableSearch(): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/table/component/DataTableSearch.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter, usePathname, useSearchParams } from "next/navigation";
+import { useState, useEffect } from "react";
+import { useDebounce } from "use-debounce";
+import { Search } from "lucide-react";
+export function DataTableSearch() {
+    const router = useRouter();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const [searchTerm, setSearchTerm] = useState(searchParams.get("search") || "");
+    const [debouncedSearch] = useDebounce(searchTerm, 500);
+    useEffect(() => {
+        const params = new URLSearchParams(searchParams.toString());
+        if (debouncedSearch) {
+            params.set("search", debouncedSearch);
+        }
+        else {
+            params.delete("search");
+        }
+        if (params.get("search") !== searchParams.get("search")) {
+            params.set("page", "1");
+            router.push(`${pathname}?${params.toString()}`);
+        }
+    }, [debouncedSearch, pathname, router, searchParams]);
+    return (_jsxs("div", { className: "relative w-full max-w-sm", children: [_jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx("input", { type: "text", placeholder: "Search ...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "flex h-9 w-full rounded-md border border-border bg-transparent pl-9 pr-3 py-1 text-sm shadow-sm transition-colors text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary" })] }));
+}

package/dist/ikoncomponents/table/index.d.ts

@@ -0,0 +1,2 @@
+import { DataTableLayoutProps } from "./type";
+export declare function DataTableLayout<T>({ data, columns, keyExtractor, totalPages, currentPage, filterComponent, actionNode, onRowClick, gridComponent, isLoading, onReload, }: DataTableLayoutProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/table/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { LayoutGrid, List } from "lucide-react";
+import { Reload } from "../reload-component";
+import { DataTable } from "./DataTable";
+import { DataTableSearch } from "./DataTableSearch";
+import { DataTablePagination } from "./DataTablePagination";
+import { DataTablePageSize } from "./DataTablePageSize";
+export function DataTableLayout({ data, columns, keyExtractor, totalPages, currentPage, filterComponent, actionNode, onRowClick, gridComponent, isLoading = false, onReload, }) {
+    const [viewMode, setViewMode] = useState("list");
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4 mb-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(DataTableSearch, {}), filterComponent && filterComponent] }), _jsxs("div", { className: "flex items-center gap-2", children: [actionNode && actionNode, _jsxs("div", { className: "flex items-center border border-border rounded-md bg-background overflow-hidden h-9", children: [_jsx("button", { onClick: () => setViewMode("list"), className: `px-2.5 h-full flex items-center justify-center transition-colors ${viewMode === "list" ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/50"}`, title: "List View", children: _jsx(List, { className: "w-4 h-4" }) }), _jsx("button", { onClick: () => setViewMode("grid"), className: `px-2.5 h-full flex items-center justify-center transition-colors ${viewMode === "grid" ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/50"}`, title: "Grid View", children: _jsx(LayoutGrid, { className: "w-4 h-4" }) })] })] })] }), _jsxs("div", { className: "relative min-h-[300px]", children: [_jsx(Reload, { isLoading: isLoading, onReload: onReload || (() => window.location.reload()) }), _jsx("div", { className: `transition-all duration-300 ${isLoading ? 'opacity-50 pointer-events-none' : ''}`, children: viewMode === "list" ? (_jsx(DataTable, { data: data, columns: columns, keyExtractor: keyExtractor, onRowClick: onRowClick })) : ((gridComponent ? gridComponent(data) : (_jsx("div", { className: "p-12 text-center text-muted-foreground border border-border border-dashed rounded-md bg-muted/20", children: "Grid view not implemented for this component yet." })))) })] }), _jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4 pt-4 border-t border-border mt-4", children: [_jsx(DataTablePageSize, {}), _jsx(DataTablePagination, { totalPages: totalPages, currentPage: currentPage })] })] }));
+}

package/dist/ikoncomponents/table/type.d.ts

@@ -0,0 +1,24 @@
+export interface DataTableLayoutProps<T> {
+    data: T[];
+    columns: ColumnDef<T>[];
+    keyExtractor: (row: T) => string | number;
+    totalPages: number;
+    currentPage: number;
+    filterComponent?: React.ReactNode;
+    actionNode?: React.ReactNode;
+    onRowClick?: (row: T) => void;
+    gridComponent?: (data: T[]) => React.ReactNode;
+    isLoading?: boolean;
+    onReload?: () => void;
+}
+export interface ColumnDef<T> {
+    header: string | (() => React.ReactNode);
+    accessorKey?: keyof T;
+    cell?: (row: T) => React.ReactNode;
+}
+export interface DataTableProps<T> {
+    data: T[];
+    columns: ColumnDef<T>[];
+    keyExtractor: (row: T) => string | number;
+    onRowClick?: (row: T) => void;
+}

package/dist/index.d.ts

@@ -60,6 +60,9 @@ export { DataTableToolbar } from "./ikoncomponents/data-table/datatable-toolbar"
 export { getDataTableColumnTitle } from "./ikoncomponents/data-table/function";
 export { DataTable } from "./ikoncomponents/data-table";
 export type { DataTableProps, DTColumnsProps, DTExtraParamsProps, DTActionMenuProps, DataTableViewOptionsProps, DTToolBarProps, DataTableFilterProps, DataTableFacetedFilterProps, DataTablePaginationProps, DragDropHeaderProp, } from "./ikoncomponents/data-table/type";
+export { DataTableLayout } from "./ikoncomponents/table";
+export type { DataTableLayoutProps, ColumnDef } from "./ikoncomponents/table/type";
+export { Reload } from "./ikoncomponents/reload-component";
 export { EChart } from "./ikoncomponents/e-chart";
 export { FileInput } from "./ikoncomponents/file-input";
 export { GlowingEffect } from "./ikoncomponents/glowing-effect";

package/dist/index.js

@@ -55,6 +55,8 @@ export { DataTablePagination } from "./ikoncomponents/data-table/datatable-pagin
 export { DataTableToolbar } from "./ikoncomponents/data-table/datatable-toolbar";
 export { getDataTableColumnTitle } from "./ikoncomponents/data-table/function";
 export { DataTable } from "./ikoncomponents/data-table";
+export { DataTableLayout } from "./ikoncomponents/table";
+export { Reload } from "./ikoncomponents/reload-component";
 export { EChart } from "./ikoncomponents/e-chart";
 export { FileInput } from "./ikoncomponents/file-input";
 export { GlowingEffect } from "./ikoncomponents/glowing-effect";