ikoncomponents 1.1.6 → 1.1.8

package/dist/ikoncomponents/data-table/function.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDataTableColumnTitle = void 0;
-const getDataTableColumnTitle = (column) => {
-    return column?.columnDef?.title ||
-        (column?.columnDef?.header && typeof column.columnDef.header == 'string' && column?.columnDef?.header) ||
+export const getDataTableColumnTitle = (column) => {
+    var _a, _b, _c;
+    return ((_a = column === null || column === void 0 ? void 0 : column.columnDef) === null || _a === void 0 ? void 0 : _a.title) ||
+        (((_b = column === null || column === void 0 ? void 0 : column.columnDef) === null || _b === void 0 ? void 0 : _b.header) && typeof column.columnDef.header == 'string' && ((_c = column === null || column === void 0 ? void 0 : column.columnDef) === null || _c === void 0 ? void 0 : _c.header)) ||
         column.id;
 };
-exports.getDataTableColumnTitle = getDataTableColumnTitle;

package/dist/ikoncomponents/data-table/index.js

@@ -1,59 +1,23 @@
-"use strict";
 "use client";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTable = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const react_table_1 = require("@tanstack/react-table");
-const lucide_react_1 = require("lucide-react");
-const button_1 = require("../../shadcn/button");
-const table_1 = require("../../shadcn/table");
-const datatable_toolbar_1 = require("./datatable-toolbar");
-const function_1 = require("./function");
-const checkbox_1 = require("../../shadcn/checkbox");
-const datatable_pagination_1 = require("./datatable-pagination");
-const action_menu_1 = require("../action-menu");
-const class_variance_authority_1 = require("class-variance-authority");
-exports.DataTable = (({ columns, data, extraParams, onTableReady }, ref) => {
-    const [sorting, setSorting] = react_1.default.useState([]);
-    const [globalFilter, setGlobalFilter] = react_1.default.useState("");
-    const [columnFilters, setColumnFilters] = react_1.default.useState([]);
-    const [pagination, setPagination] = react_1.default.useState({
-        pageIndex: extraParams?.pageIndex || 0,
-        pageSize: extraParams?.pageSize || 15,
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useImperativeHandle, useState, } from "react";
+import { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, getGroupedRowModel, getExpandedRowModel, useReactTable, getFacetedUniqueValues, getFacetedMinMaxValues, getFacetedRowModel, } from "@tanstack/react-table";
+import { ChevronDown, ChevronRight, ChevronUp, X, } from "lucide-react";
+import { Button } from "../../shadcn/button";
+import { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "../../shadcn/table";
+import { DataTableToolbar } from "./datatable-toolbar";
+import { getDataTableColumnTitle } from "./function";
+import { Checkbox } from "../../shadcn/checkbox";
+import { DataTablePagination } from "./datatable-pagination";
+import { ActionMenu } from "../action-menu";
+import { cx } from "class-variance-authority";
+export const DataTable = (({ columns, data, extraParams, onTableReady }, ref) => {
+    const [sorting, setSorting] = React.useState([]);
+    const [globalFilter, setGlobalFilter] = React.useState("");
+    const [columnFilters, setColumnFilters] = React.useState([]);
+    const [pagination, setPagination] = React.useState({
+        pageIndex: (extraParams === null || extraParams === void 0 ? void 0 : extraParams.pageIndex) || 0,
+        pageSize: (extraParams === null || extraParams === void 0 ? void 0 : extraParams.pageSize) || 15,
     });
     // useImperativeHandle(ref, () => ({
     //   toggleAllRowsExpanded: (expanded: boolean) => {
@@ -61,48 +25,48 @@ exports.DataTable = (({ columns, data, extraParams, onTableReady }, ref) => {
     //   },
     //   getTableInstance: () => table, // Optional: Expose the entire table instance if needed
     // }));
-    const [columnVisibility, setColumnVisibility] = react_1.default.useState({});
-    const [grouping, setGrouping] = react_1.default.useState([]);
-    const [expanded, setExpanded] = react_1.default.useState({});
-    const [rowSelection, setRowSelection] = react_1.default.useState({});
+    const [columnVisibility, setColumnVisibility] = React.useState({});
+    const [grouping, setGrouping] = React.useState([]);
+    const [expanded, setExpanded] = React.useState({});
+    const [rowSelection, setRowSelection] = React.useState({});
     columns = columns.map((column) => {
-        if (!column?.filterFn) {
+        if (!(column === null || column === void 0 ? void 0 : column.filterFn)) {
             column.filterFn = "arrIncludesSome";
         }
         return column;
     });
-    (0, react_1.useEffect)(() => {
-        if (extraParams?.checkBoxColumnCallback)
+    useEffect(() => {
+        if (extraParams === null || extraParams === void 0 ? void 0 : extraParams.checkBoxColumnCallback)
             extraParams.checkBoxColumnCallback(table.getFilteredSelectedRowModel().rows);
     }, [rowSelection]);
-    if (extraParams?.checkBoxColumn) {
+    if (extraParams === null || extraParams === void 0 ? void 0 : extraParams.checkBoxColumn) {
         columns.splice(0, 0, {
             id: "checkBoxColumn",
-            header: ({ table }) => ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: table.getIsAllPageRowsSelected() ||
+            header: ({ table }) => (_jsx(Checkbox, { checked: table.getIsAllPageRowsSelected() ||
                     (table.getIsSomePageRowsSelected() && "indeterminate"), onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value), "aria-label": "Select all" })),
-            cell: ({ row }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: row.getIsSelected(), onCheckedChange: (value) => row.toggleSelected(!!value), "aria-label": "Select row" }) })),
+            cell: ({ row }) => (_jsx(_Fragment, { children: _jsx(Checkbox, { checked: row.getIsSelected(), onCheckedChange: (value) => row.toggleSelected(!!value), "aria-label": "Select row" }) })),
             enableSorting: false,
             enableHiding: false,
         });
     }
-    if (extraParams?.actionMenu || extraParams?.groupActionMenu) {
+    if ((extraParams === null || extraParams === void 0 ? void 0 : extraParams.actionMenu) || (extraParams === null || extraParams === void 0 ? void 0 : extraParams.groupActionMenu)) {
         columns.push({
             id: "DTActions",
             accessorKey: "Actions",
-            header: () => (0, jsx_runtime_1.jsx)("div", { className: "text-center", children: "Action" }),
+            header: () => _jsx("div", { className: "text-center", children: "Action" }),
             size: 20,
             headerClassName: "text-center",
             cell: ({ row }) => {
                 if (row.getIsGrouped()) {
-                    return extraParams?.groupActionMenu ? ((0, jsx_runtime_1.jsx)("div", { className: "text-end", children: (0, jsx_runtime_1.jsx)(action_menu_1.ActionMenu, { actionMenus: extraParams.groupActionMenu.items, extraActionParams: {
+                    return (extraParams === null || extraParams === void 0 ? void 0 : extraParams.groupActionMenu) ? (_jsx("div", { className: "text-end", children: _jsx(ActionMenu, { actionMenus: extraParams.groupActionMenu.items, extraActionParams: {
                                 arguments: [
                                     row.original,
                                     ...(extraParams.groupActionMenu.extraArguments || []),
                                 ],
                             } }) })) : null;
                 }
-                else if (extraParams?.actionMenu) {
-                    return ((0, jsx_runtime_1.jsx)("div", { className: "text-center", children: (0, jsx_runtime_1.jsx)(action_menu_1.ActionMenu, { actionMenus: extraParams.actionMenu.items, extraActionParams: {
+                else if (extraParams === null || extraParams === void 0 ? void 0 : extraParams.actionMenu) {
+                    return (_jsx("div", { className: "text-center", children: _jsx(ActionMenu, { actionMenus: extraParams.actionMenu.items, extraActionParams: {
                                 arguments: [
                                     row.original,
                                     ...(extraParams.actionMenu.extraArguments || []),
@@ -122,10 +86,11 @@ exports.DataTable = (({ columns, data, extraParams, onTableReady }, ref) => {
     //   setPagination(state);
     //   extraParams?.onPaginationChange?.(state);
     // }
-    (0, react_1.useEffect)(() => {
-        extraParams?.onPaginationChange?.(pagination);
+    useEffect(() => {
+        var _a;
+        (_a = extraParams === null || extraParams === void 0 ? void 0 : extraParams.onPaginationChange) === null || _a === void 0 ? void 0 : _a.call(extraParams, pagination);
     }, [pagination]);
-    const table = (0, react_table_1.useReactTable)({
+    const table = useReactTable({
         data,
         columns,
         state: {
@@ -146,24 +111,24 @@ exports.DataTable = (({ columns, data, extraParams, onTableReady }, ref) => {
         onGroupingChange: setGrouping,
         onGlobalFilterChange: setGlobalFilter,
         onRowSelectionChange: setRowSelection,
-        getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
-        getPaginationRowModel: (0, react_table_1.getPaginationRowModel)(),
-        getSortedRowModel: (0, react_table_1.getSortedRowModel)(),
-        getFilteredRowModel: (0, react_table_1.getFilteredRowModel)(),
-        getGroupedRowModel: (0, react_table_1.getGroupedRowModel)(),
-        getExpandedRowModel: (0, react_table_1.getExpandedRowModel)(),
-        getFacetedRowModel: (0, react_table_1.getFacetedRowModel)(),
-        getFacetedUniqueValues: (0, react_table_1.getFacetedUniqueValues)(),
-        getFacetedMinMaxValues: (0, react_table_1.getFacetedMinMaxValues)(),
-        manualPagination: (extraParams?.pagination == undefined || extraParams?.pagination == true) ? undefined : true
+        getCoreRowModel: getCoreRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        getGroupedRowModel: getGroupedRowModel(),
+        getExpandedRowModel: getExpandedRowModel(),
+        getFacetedRowModel: getFacetedRowModel(),
+        getFacetedUniqueValues: getFacetedUniqueValues(),
+        getFacetedMinMaxValues: getFacetedMinMaxValues(),
+        manualPagination: ((extraParams === null || extraParams === void 0 ? void 0 : extraParams.pagination) == undefined || (extraParams === null || extraParams === void 0 ? void 0 : extraParams.pagination) == true) ? undefined : true
     });
-    (0, react_1.useImperativeHandle)(ref, () => table);
-    const [droppedHeaders, setDroppedHeaders] = (0, react_1.useState)([]);
+    useImperativeHandle(ref, () => table);
+    const [droppedHeaders, setDroppedHeaders] = useState([]);
     // Drag Event Handlers
     const handleDragStart = (e, header) => {
         const headerObj = {
             id: header.id,
-            title: (0, function_1.getDataTableColumnTitle)(header.column),
+            title: getDataTableColumnTitle(header.column),
         };
         e.dataTransfer.setData("headerObj", JSON.stringify(headerObj));
         e.dataTransfer.effectAllowed = "move";
@@ -190,69 +155,69 @@ exports.DataTable = (({ columns, data, extraParams, onTableReady }, ref) => {
             column.getToggleGroupingHandler()();
         }
     };
-    const [isMount, setIsMount] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
+    const [isMount, setIsMount] = useState(false);
+    useEffect(() => {
         if (!isMount) {
             setIsMount(true);
         }
-        if (extraParams?.defaultGroups) {
-            table.setGrouping(extraParams?.defaultGroups);
+        if (extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultGroups) {
+            table.setGrouping(extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultGroups);
         }
     }, []);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (onTableReady) {
             onTableReady(table);
         }
     }, [onTableReady, table]);
-    return (isMount && ((0, jsx_runtime_1.jsxs)("div", { className: "w-full h-full flex flex-col gap-3 justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-grow flex flex-col gap-3 overflow-hidden", children: [(extraParams?.defaultTools == undefined ||
+    return (isMount && (_jsxs("div", { className: "w-full h-full flex flex-col gap-3 justify-between", children: [_jsxs("div", { className: "flex-grow flex flex-col gap-3 overflow-hidden", children: [((extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultTools) == undefined ||
                         extraParams.defaultTools ||
-                        extraParams.extraTools) && ((0, jsx_runtime_1.jsx)(datatable_toolbar_1.DataTableToolbar, { table: table, extraParams: extraParams })), (0, jsx_runtime_1.jsxs)("div", { className: "flex-grow flex flex-col overflow-hidden", children: [(extraParams?.grouping == undefined || extraParams.grouping) && ((0, jsx_runtime_1.jsx)("div", { className: "w-full border-t min-h-10 px-2 py-1 flex gap-3 items-center text-sm bg-card-new", onDrop: handleDrop, onDragOver: handleDragOver, children: droppedHeaders.length === 0
+                        extraParams.extraTools) && (_jsx(DataTableToolbar, { table: table, extraParams: extraParams })), _jsxs("div", { className: "flex-grow flex flex-col overflow-hidden", children: [((extraParams === null || extraParams === void 0 ? void 0 : extraParams.grouping) == undefined || extraParams.grouping) && (_jsx("div", { className: "w-full border-t min-h-10 px-2 py-1 flex gap-3 items-center text-sm bg-card-new", onDrop: handleDrop, onDragOver: handleDragOver, children: droppedHeaders.length === 0
                                     ? "Drag a column header here to group its column"
-                                    : droppedHeaders.map((header, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "rounded-md px-2 py-1 bg-muted text-muted-foreground flex gap-3 items-center", children: [header.title, (0, jsx_runtime_1.jsx)("span", { onClick: () => handleRemoveGrouping(header.id), children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 15 }) })] }, header.id))) })), (0, jsx_runtime_1.jsx)("div", { className: "flex-grow overflow-hidden", children: (0, jsx_runtime_1.jsxs)(table_1.Table, { className: "border-t whitespace-nowrap bg-card-new", children: [(extraParams?.header == undefined || extraParams.header) && ((0, jsx_runtime_1.jsx)(table_1.TableHeader, { className: "sticky top-0 z-10 border-t bg-card-new", children: table.getHeaderGroups().map((headerGroup) => ((0, jsx_runtime_1.jsx)(table_1.TableRow, { className: (0, class_variance_authority_1.cx)(""), children: headerGroup.headers.map((header) => {
+                                    : droppedHeaders.map((header, index) => (_jsxs("div", { className: "rounded-md px-2 py-1 bg-muted text-muted-foreground flex gap-3 items-center", children: [header.title, _jsx("span", { onClick: () => handleRemoveGrouping(header.id), children: _jsx(X, { size: 15 }) })] }, header.id))) })), _jsx("div", { className: "flex-grow overflow-hidden", children: _jsxs(Table, { className: "border-t whitespace-nowrap bg-card-new", children: [((extraParams === null || extraParams === void 0 ? void 0 : extraParams.header) == undefined || extraParams.header) && (_jsx(TableHeader, { className: "sticky top-0 z-10 border-t bg-card-new", children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { className: cx(""), children: headerGroup.headers.map((header) => {
                                                     if (header.column.getIsGrouped()) {
                                                         if (header.column.getGroupedIndex() <
                                                             droppedHeaders.length - 1) {
                                                             return null;
                                                         }
-                                                        return ((0, jsx_runtime_1.jsx)(table_1.TableHead, { colSpan: droppedHeaders.length, className: (0, class_variance_authority_1.cx)("w-36 ", "text-left") }, header.id));
+                                                        return (_jsx(TableHead, { colSpan: droppedHeaders.length, className: cx("w-36 ", "text-left") }, header.id));
                                                     }
                                                     else {
-                                                        return ((0, jsx_runtime_1.jsx)(table_1.TableHead, { ...(extraParams?.grouping == undefined ||
-                                                                extraParams.grouping
-                                                                ? {
-                                                                    onDragStart: (e) => handleDragStart(e, header),
-                                                                    draggable: true,
-                                                                }
-                                                                : {}), className: (0, class_variance_authority_1.cx)("text-left"), children: header.isPlaceholder ? null : (extraParams?.sorting ==
+                                                        return (_jsx(TableHead, Object.assign({}, ((extraParams === null || extraParams === void 0 ? void 0 : extraParams.grouping) == undefined ||
+                                                            extraParams.grouping
+                                                            ? {
+                                                                onDragStart: (e) => handleDragStart(e, header),
+                                                                draggable: true,
+                                                            }
+                                                            : {}), { className: cx("text-left"), children: header.isPlaceholder ? null : ((extraParams === null || extraParams === void 0 ? void 0 : extraParams.sorting) ==
                                                                 undefined ||
                                                                 extraParams.sorting) &&
-                                                                header.column.getCanSort() ? ((0, jsx_runtime_1.jsxs)("div", { onClick: header.column.getToggleSortingHandler(), className: (0, class_variance_authority_1.cx)("-mx-2 inline-flex cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1 hover:bg-muted"), children: [(0, jsx_runtime_1.jsx)("div", { children: (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext()) }), header.column.getCanSort() ? ((0, jsx_runtime_1.jsxs)("div", { className: "-space-y-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { className: (0, class_variance_authority_1.cx)("size-3.5 text-foreground", header.column.getIsSorted() ===
+                                                                header.column.getCanSort() ? (_jsxs("div", { onClick: header.column.getToggleSortingHandler(), className: cx("-mx-2 inline-flex cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1 hover:bg-muted"), children: [_jsx("div", { children: flexRender(header.column.columnDef.header, header.getContext()) }), header.column.getCanSort() ? (_jsxs("div", { className: "-space-y-2", children: [_jsx(ChevronUp, { className: cx("size-3.5 text-foreground", header.column.getIsSorted() ===
                                                                                     "desc"
                                                                                     ? "opacity-30"
-                                                                                    : ""), "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: (0, class_variance_authority_1.cx)("size-3.5 text-foreground", header.column.getIsSorted() ===
+                                                                                    : ""), "aria-hidden": "true" }), _jsx(ChevronDown, { className: cx("size-3.5 text-foreground", header.column.getIsSorted() ===
                                                                                     "asc"
                                                                                     ? "opacity-30"
-                                                                                    : ""), "aria-hidden": "true" })] })) : null] })) : ((0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext())) }, header.id));
+                                                                                    : ""), "aria-hidden": "true" })] })) : null] })) : (flexRender(header.column.columnDef.header, header.getContext())) }), header.id));
                                                     }
-                                                }) }, headerGroup.id))) })), (0, jsx_runtime_1.jsx)(table_1.TableBody, { children: table.getRowModel().rows.length ? (table.getRowModel().rows.map((row) => row.getIsGrouped() ? ((0, jsx_runtime_1.jsx)(table_1.TableRow, { children: row.getVisibleCells().map((cell) => {
+                                                }) }, headerGroup.id))) })), _jsx(TableBody, { children: table.getRowModel().rows.length ? (table.getRowModel().rows.map((row) => row.getIsGrouped() ? (_jsx(TableRow, { children: row.getVisibleCells().map((cell) => {
+                                                    var _a;
                                                     if (cell.column.getIndex() < row.depth) {
                                                         return null;
                                                     }
                                                     return (
                                                     // colSpan={cell.column.getIndex() == row.depth ? row.depth + 1 : undefined}
-                                                    (0, jsx_runtime_1.jsx)(table_1.TableCell, { colSpan: cell.column.getIndex() == row.depth
+                                                    _jsx(TableCell, { colSpan: cell.column.getIndex() == row.depth
                                                             ? row.depth + 1
                                                             : undefined, className: cell.column.getIndex() == row.depth
                                                             ? "w-36"
-                                                            : "", children: cell.getIsGrouped() ? ((0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "link", onClick: row.getToggleExpandedHandler(), className: `text-right text-foreground`, style: {
+                                                            : "", children: cell.getIsGrouped() ? (_jsxs(Button, { variant: "link", onClick: row.getToggleExpandedHandler(), className: `text-right text-foreground`, style: {
                                                                 marginLeft: row.depth + "rem",
-                                                            }, children: [row.getIsExpanded() ? ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, {})) : ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, {})), " ", (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext()), " ", "(", row.subRows.length, ")"] })) : cell.column.id == "DTActions" ? ((0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext())) : cell.getIsAggregated() ? ((0, react_table_1.flexRender)(cell.column.columnDef.aggregatedCell ??
-                                                            cell.column.columnDef.cell, cell.getContext())) : cell.getIsPlaceholder() ? null : ((0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext())) }, cell.id));
-                                                }) }, row.id)) : ((0, jsx_runtime_1.jsx)(table_1.TableRow, { className: (0, class_variance_authority_1.cx)(row.getIsSelected() ? "bg-accent/10" : ""), ...(extraParams?.checkBoxColumn && {
-                                                    onClick: () => row.toggleSelected(!row.getIsSelected()),
-                                                }), children: row.getVisibleCells().map((cell, index) => ((0, jsx_runtime_1.jsxs)(table_1.TableCell, { className: (0, class_variance_authority_1.cx)(row.getIsSelected() ? "relative" : "", !(extraParams?.actionMenu ||
-                                                        extraParams?.groupActionMenu) && "py-2"), children: [index === 0 && row.getIsSelected() && ((0, jsx_runtime_1.jsx)("div", { className: "absolute inset-y-0 left-0 w-0.5 bg-primary" })), cell.getIsPlaceholder()
+                                                            }, children: [row.getIsExpanded() ? (_jsx(ChevronDown, {})) : (_jsx(ChevronRight, {})), " ", flexRender(cell.column.columnDef.cell, cell.getContext()), " ", "(", row.subRows.length, ")"] })) : cell.column.id == "DTActions" ? (flexRender(cell.column.columnDef.cell, cell.getContext())) : cell.getIsAggregated() ? (flexRender((_a = cell.column.columnDef.aggregatedCell) !== null && _a !== void 0 ? _a : cell.column.columnDef.cell, cell.getContext())) : cell.getIsPlaceholder() ? null : (flexRender(cell.column.columnDef.cell, cell.getContext())) }, cell.id));
+                                                }) }, row.id)) : (_jsx(TableRow, Object.assign({ className: cx(row.getIsSelected() ? "bg-accent/10" : "") }, ((extraParams === null || extraParams === void 0 ? void 0 : extraParams.checkBoxColumn) && {
+                                                onClick: () => row.toggleSelected(!row.getIsSelected()),
+                                            }), { children: row.getVisibleCells().map((cell, index) => (_jsxs(TableCell, { className: cx(row.getIsSelected() ? "relative" : "", !((extraParams === null || extraParams === void 0 ? void 0 : extraParams.actionMenu) ||
+                                                        (extraParams === null || extraParams === void 0 ? void 0 : extraParams.groupActionMenu)) && "py-2"), children: [index === 0 && row.getIsSelected() && (_jsx("div", { className: "absolute inset-y-0 left-0 w-0.5 bg-primary" })), cell.getIsPlaceholder()
                                                             ? null
-                                                            : (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext())] }, cell.id))) }, row.id)))) : ((0, jsx_runtime_1.jsx)(table_1.TableRow, { children: (0, jsx_runtime_1.jsx)(table_1.TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) })) }), extraParams?.footer && ((0, jsx_runtime_1.jsx)(table_1.TableFooter, { className: "sticky bottom-0 bg-background text-foreground", children: table.getFooterGroups().map((group) => ((0, jsx_runtime_1.jsx)(table_1.TableRow, { children: group.headers.map((header) => ((0, jsx_runtime_1.jsx)(table_1.TableCell, { children: header.isPlaceholder ? null : ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center", children: (0, react_table_1.flexRender)(header.column.columnDef.footer, header.getContext()) })) }))) }))) }))] }) })] })] }), (extraParams?.paginationBar == undefined ||
-                extraParams.paginationBar) && ((0, jsx_runtime_1.jsx)(datatable_pagination_1.DataTablePagination, { table: table, extraParams: extraParams }))] })));
+                                                            : flexRender(cell.column.columnDef.cell, cell.getContext())] }, cell.id))) }), row.id)))) : (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) })) }), (extraParams === null || extraParams === void 0 ? void 0 : extraParams.footer) && (_jsx(TableFooter, { className: "sticky bottom-0 bg-background text-foreground", children: table.getFooterGroups().map((group) => (_jsx(TableRow, { children: group.headers.map((header) => (_jsx(TableCell, { children: header.isPlaceholder ? null : (_jsx("div", { className: "flex items-center", children: flexRender(header.column.columnDef.footer, header.getContext()) })) }))) }))) }))] }) })] })] }), ((extraParams === null || extraParams === void 0 ? void 0 : extraParams.paginationBar) == undefined ||
+                extraParams.paginationBar) && (_jsx(DataTablePagination, { table: table, extraParams: extraParams }))] })));
 });

package/dist/ikoncomponents/data-table/type.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/ikoncomponents/e-chart/index.js

@@ -1,15 +1,12 @@
-"use strict";
 'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EChart = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const echarts_1 = require("echarts");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+import { getInstanceByDom, init } from 'echarts';
 function validateOption(option) {
     if (option === undefined || option === null || typeof option !== 'object') {
         option = {};
     }
-    const validatedOption = { ...option };
+    const validatedOption = Object.assign({}, option);
     if (validatedOption.toolbox === undefined ||
         validatedOption.toolbox === null ||
         typeof validatedOption.toolbox !== 'object') {
@@ -22,71 +19,68 @@ function validateOption(option) {
     }
     return validatedOption;
 }
-exports.EChart = (0, react_1.forwardRef)(({ parentDivProps = {}, option = {}, style = {}, settings = {}, loading = true, theme, isConfigurable = false, resizeKey, onClick = () => { }, onConfigure = () => { } }, ref) => {
-    const chartRef = (0, react_1.useRef)(null);
-    const chartInstanceRef = (0, react_1.useRef)(null);
+export const EChart = forwardRef(({ parentDivProps = {}, option = {}, style = {}, settings = {}, loading = true, theme, isConfigurable = false, resizeKey, onClick = () => { }, onConfigure = () => { } }, ref) => {
+    const chartRef = useRef(null);
+    const chartInstanceRef = useRef(null);
     const validatedOption = validateOption(option);
     if (isConfigurable) {
-        validatedOption.toolbox.feature = {
-            ...validatedOption.toolbox.feature,
-            myConfigureChartTool: {
+        validatedOption.toolbox.feature = Object.assign(Object.assign({}, validatedOption.toolbox.feature), { myConfigureChartTool: {
                 show: true,
                 title: 'Configure Chart',
                 icon: 'image://data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXNldHRpbmdzLTIiPjxwYXRoIGQ9Ik0yMCA3aC05Ii8+PHBhdGggZD0iTTE0IDE3SDUiLz48Y2lyY2xlIGN4PSIxNyIgY3k9IjE3IiByPSIzIi8+PGNpcmNsZSBjeD0iNyIgY3k9IjciIHI9IjMiLz48L3N2Zz4=',
-                onclick: () => onConfigure?.()
-            }
-        };
+                onclick: () => onConfigure === null || onConfigure === void 0 ? void 0 : onConfigure()
+            } });
     }
-    (0, react_1.useImperativeHandle)(ref, () => {
+    useImperativeHandle(ref, () => {
         return {
             getChartObject: () => {
-                return chartRef.current ? (0, echarts_1.getInstanceByDom)(chartRef.current) : null;
+                return chartRef.current ? getInstanceByDom(chartRef.current) : null;
             },
             setOption: (validatedOption, settings) => {
                 if (!chartRef.current) {
                     return;
                 }
-                const chart = (0, echarts_1.getInstanceByDom)(chartRef.current);
-                chart?.setOption(validatedOption, settings);
+                const chart = getInstanceByDom(chartRef.current);
+                chart === null || chart === void 0 ? void 0 : chart.setOption(validatedOption, settings);
             },
             resize: (secondResizeDelay = 0) => {
                 if (!chartRef.current) {
                     return;
                 }
-                const chart = (0, echarts_1.getInstanceByDom)(chartRef.current);
-                chart?.resize();
+                const chart = getInstanceByDom(chartRef.current);
+                chart === null || chart === void 0 ? void 0 : chart.resize();
                 if (secondResizeDelay) {
-                    setTimeout(() => chart?.resize(), secondResizeDelay);
+                    setTimeout(() => chart === null || chart === void 0 ? void 0 : chart.resize(), secondResizeDelay);
                 }
             },
             loadingVisible: (visibility) => {
                 if (!chartRef.current) {
                     return;
                 }
-                const chart = (0, echarts_1.getInstanceByDom)(chartRef.current);
-                visibility ? chart?.showLoading() : chart?.hideLoading();
+                const chart = getInstanceByDom(chartRef.current);
+                visibility ? chart === null || chart === void 0 ? void 0 : chart.showLoading() : chart === null || chart === void 0 ? void 0 : chart.hideLoading();
             },
             dispose: () => {
                 if (!chartRef.current) {
                     return;
                 }
-                const chart = (0, echarts_1.getInstanceByDom)(chartRef.current);
-                chart?.dispose();
+                const chart = getInstanceByDom(chartRef.current);
+                chart === null || chart === void 0 ? void 0 : chart.dispose();
             },
             on: (eventName, callback) => {
                 if (!chartRef.current) {
                     return;
                 }
-                const chart = (0, echarts_1.getInstanceByDom)(chartRef.current);
-                chart?.on(eventName, callback);
+                const chart = getInstanceByDom(chartRef.current);
+                chart === null || chart === void 0 ? void 0 : chart.on(eventName, callback);
             }
         };
     });
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (chartRef.current) {
-            chartInstanceRef.current = (0, echarts_1.init)(chartRef.current, theme);
+            chartInstanceRef.current = init(chartRef.current, theme);
         }
-        const resizeCallback = () => chartInstanceRef.current?.resize?.();
+        const resizeCallback = () => { var _a, _b; return (_b = (_a = chartInstanceRef.current) === null || _a === void 0 ? void 0 : _a.resize) === null || _b === void 0 ? void 0 : _b.call(_a); };
         window.addEventListener('resize', resizeCallback);
         return () => {
             if (chartInstanceRef.current) {
@@ -96,7 +90,7 @@ exports.EChart = (0, react_1.forwardRef)(({ parentDivProps = {}, option = {}, st
             window.removeEventListener('resize', resizeCallback);
         };
     }, [theme]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (chartInstanceRef.current) {
             chartInstanceRef.current.setOption(validatedOption, settings);
         }
@@ -104,17 +98,18 @@ exports.EChart = (0, react_1.forwardRef)(({ parentDivProps = {}, option = {}, st
             chartInstanceRef.current.on('click', onClick);
         }
     }, [option, settings, theme]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (chartInstanceRef.current) {
             chartInstanceRef.current.resize();
         }
     }, [resizeKey]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (chartInstanceRef.current) {
             setTimeout(() => {
-                chartInstanceRef.current?.resize();
+                var _a;
+                (_a = chartInstanceRef.current) === null || _a === void 0 ? void 0 : _a.resize();
             }, 500);
         }
     }, []);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: chartRef, ...parentDivProps, style: { width: '100%', height: '100%', ...style } }));
+    return (_jsx("div", Object.assign({ ref: chartRef }, parentDivProps, { style: Object.assign({ width: '100%', height: '100%' }, style) })));
 });

package/dist/ikoncomponents/file-input/index.js

@@ -1,12 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileInput = FileInput;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const lucide_react_1 = require("lucide-react");
-const input_1 = require("../../shadcn/input");
-const buttons_1 = require("../buttons");
-function FileInput({ tooltipContent, fileNamePlaceholder, fileName, onFileNameChange, ...props }) {
-    const inputRef = (0, react_1.useRef)(null);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: 'flex', children: [(0, jsx_runtime_1.jsx)(input_1.Input, { ref: inputRef, type: "file", className: "hidden", ...props }), (0, jsx_runtime_1.jsx)("div", { className: 'mx-1' }), (0, jsx_runtime_1.jsx)(input_1.Input, { className: 'rounded-e-none', placeholder: fileNamePlaceholder, onChange: (...args) => onFileNameChange?.(...args), value: fileName }), (0, jsx_runtime_1.jsx)(buttons_1.IconButtonWithTooltip, { tooltipContent: tooltipContent || "Browse File", onClick: () => inputRef?.current?.click(), className: 'border-s-0 rounded-s-none', children: (0, jsx_runtime_1.jsx)(lucide_react_1.Upload, {}) })] }) }));
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { Upload } from 'lucide-react';
+import { Input } from '../../shadcn/input';
+import { IconButtonWithTooltip } from '../buttons';
+export function FileInput(_a) {
+    var { tooltipContent, fileNamePlaceholder, fileName, onFileNameChange } = _a, props = __rest(_a, ["tooltipContent", "fileNamePlaceholder", "fileName", "onFileNameChange"]);
+    const inputRef = useRef(null);
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: 'flex', children: [_jsx(Input, Object.assign({ ref: inputRef, type: "file", className: "hidden" }, props)), _jsx("div", { className: 'mx-1' }), _jsx(Input, { className: 'rounded-e-none', placeholder: fileNamePlaceholder, onChange: (...args) => onFileNameChange === null || onFileNameChange === void 0 ? void 0 : onFileNameChange(...args), value: fileName }), _jsx(IconButtonWithTooltip, { tooltipContent: tooltipContent || "Browse File", onClick: () => { var _a; return (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, className: 'border-s-0 rounded-s-none', children: _jsx(Upload, {}) })] }) }));
 }

package/dist/ikoncomponents/glowing-effect/index.js

@@ -1,28 +1,26 @@
-"use strict";
 "use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GlowingEffect = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("motion/react");
-const cn_1 = require("../../utils/cn");
-exports.GlowingEffect = (({ blur = 0, inactiveZone = 0.7, proximity = 0, spread = 20, variant = "default", glow = false, className, movementDuration = 2, borderWidth = 1, disabled = true, }) => {
-    const containerRef = (0, react_1.useRef)(null);
-    const lastPosition = (0, react_1.useRef)({ x: 0, y: 0 });
-    const animationFrameRef = (0, react_1.useRef)(0);
-    const handleMove = (0, react_1.useCallback)((e) => {
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
+import { animate } from "motion/react";
+import { cn } from "../../utils/cn";
+export const GlowingEffect = (({ blur = 0, inactiveZone = 0.7, proximity = 0, spread = 20, variant = "default", glow = false, className, movementDuration = 2, borderWidth = 1, disabled = true, }) => {
+    const containerRef = useRef(null);
+    const lastPosition = useRef({ x: 0, y: 0 });
+    const animationFrameRef = useRef(0);
+    const handleMove = useCallback((e) => {
         if (!containerRef.current)
             return;
         if (animationFrameRef.current) {
             cancelAnimationFrame(animationFrameRef.current);
         }
         animationFrameRef.current = requestAnimationFrame(() => {
+            var _a, _b;
             const element = containerRef.current;
             if (!element)
                 return;
             const { left, top, width, height } = element.getBoundingClientRect();
-            const mouseX = e?.x ?? lastPosition.current.x;
-            const mouseY = e?.y ?? lastPosition.current.y;
+            const mouseX = (_a = e === null || e === void 0 ? void 0 : e.x) !== null && _a !== void 0 ? _a : lastPosition.current.x;
+            const mouseY = (_b = e === null || e === void 0 ? void 0 : e.y) !== null && _b !== void 0 ? _b : lastPosition.current.y;
             if (e) {
                 lastPosition.current = { x: mouseX, y: mouseY };
             }
@@ -46,7 +44,7 @@ exports.GlowingEffect = (({ blur = 0, inactiveZone = 0.7, proximity = 0, spread
                 90;
             const angleDiff = ((targetAngle - currentAngle + 180) % 360) - 180;
             const newAngle = currentAngle + angleDiff;
-            (0, react_2.animate)(currentAngle, newAngle, {
+            animate(currentAngle, newAngle, {
                 duration: movementDuration,
                 ease: [0.16, 1, 0.3, 1],
                 onUpdate: (value) => {
@@ -55,7 +53,7 @@ exports.GlowingEffect = (({ blur = 0, inactiveZone = 0.7, proximity = 0, spread
             });
         });
     }, [inactiveZone, proximity, movementDuration]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (disabled)
             return;
         const handleScroll = () => handleMove();
@@ -72,7 +70,7 @@ exports.GlowingEffect = (({ blur = 0, inactiveZone = 0.7, proximity = 0, spread
             document.body.removeEventListener("pointermove", handlePointerMove);
         };
     }, [handleMove, disabled]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("pointer-events-none absolute -inset-px hidden rounded-[inherit] border opacity-0 transition-opacity", glow && "opacity-100", variant === "white" && "border-white", disabled && "!block") }), (0, jsx_runtime_1.jsx)("div", { ref: containerRef, style: {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn("pointer-events-none absolute -inset-px hidden rounded-[inherit] border opacity-0 transition-opacity", glow && "opacity-100", variant === "white" && "border-white", disabled && "!block") }), _jsx("div", { ref: containerRef, style: {
                     "--blur": `${blur}px`,
                     "--spread": spread,
                     "--start": "0",
@@ -82,5 +80,5 @@ exports.GlowingEffect = (({ blur = 0, inactiveZone = 0.7, proximity = 0, spread
                     "--gradient": variant === "white"
                         ? `repeating-conic-gradient(from 236.84deg at 50% 50%,var(--black),var(--black) calc(25% / var(--repeating-conic-gradient-times)))`
                         : `linear-gradient(54.29deg, #00A5E9 22.93%, #A020F0 32.97%, #55C8FF 52.28%, #A020F0 73.13%, #071182 88.57%)`,
-                }, className: (0, cn_1.cn)("pointer-events-none absolute inset-0 rounded-[inherit] opacity-100 transition-opacity", glow && "opacity-100", blur > 0 && "blur-[var(--blur)] ", className, disabled && "!hidden"), children: (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("glow", "rounded-[inherit]", 'after:content-[""] after:rounded-[inherit] after:absolute after:inset-[calc(-1*var(--glowingeffect-border-width))]', "after:[border:var(--glowingeffect-border-width)_solid_transparent]", "after:[background:var(--gradient)] after:[background-attachment:fixed]", "after:opacity-[var(--active)] after:transition-opacity after:duration-300", "after:[mask-clip:padding-box,border-box]", "after:[mask-composite:intersect]", "after:[mask-image:linear-gradient(#0000,#0000),conic-gradient(from_calc((var(--start)-var(--spread))*1deg),#00000000_0deg,#fff,#00000000_calc(var(--spread)*2deg))]") }) })] }));
+                }, className: cn("pointer-events-none absolute inset-0 rounded-[inherit] opacity-100 transition-opacity", glow && "opacity-100", blur > 0 && "blur-[var(--blur)] ", className, disabled && "!hidden"), children: _jsx("div", { className: cn("glow", "rounded-[inherit]", 'after:content-[""] after:rounded-[inherit] after:absolute after:inset-[calc(-1*var(--glowingeffect-border-width))]', "after:[border:var(--glowingeffect-border-width)_solid_transparent]", "after:[background:var(--gradient)] after:[background-attachment:fixed]", "after:opacity-[var(--active)] after:transition-opacity after:duration-300", "after:[mask-clip:padding-box,border-box]", "after:[mask-composite:intersect]", "after:[mask-image:linear-gradient(#0000,#0000),conic-gradient(from_calc((var(--start)-var(--spread))*1deg),#00000000_0deg,#fff,#00000000_calc(var(--spread)*2deg))]") }) })] }));
 });