ikoncomponents 1.6.9 → 1.7.0

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

@@ -1,14 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

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

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

@@ -1,16 +0,0 @@
-"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

@@ -1,6 +0,0 @@
-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

@@ -1,14 +0,0 @@
-"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

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

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

@@ -1,27 +0,0 @@
-"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/utils/userType.d.ts

@@ -1,13 +0,0 @@
-export interface UserData {
-    userId: string;
-    userName: string;
-    userLogin: string;
-    password: string;
-    userPhone?: string;
-    userEmail: string;
-    userThumbnail?: string | null;
-    userType?: string;
-    active?: boolean;
-    accountId?: string;
-    userDeleted?: boolean;
-}

package/dist/utils/userType.js

@@ -1 +0,0 @@
-export {};