ikoncomponents 1.4.8 → 1.5.0

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

@@ -1,223 +0,0 @@
-"use client";
-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) => {
-    //     table.toggleAllRowsExpanded(expanded);
-    //   },
-    //   getTableInstance: () => table, // Optional: Expose the entire table instance if needed
-    // }));
-    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 === null || column === void 0 ? void 0 : column.filterFn)) {
-            column.filterFn = "arrIncludesSome";
-        }
-        return column;
-    });
-    useEffect(() => {
-        if (extraParams === null || extraParams === void 0 ? void 0 : extraParams.checkBoxColumnCallback)
-            extraParams.checkBoxColumnCallback(table.getFilteredSelectedRowModel().rows);
-    }, [rowSelection]);
-    if (extraParams === null || extraParams === void 0 ? void 0 : extraParams.checkBoxColumn) {
-        columns.splice(0, 0, {
-            id: "checkBoxColumn",
-            header: ({ table }) => (_jsx(Checkbox, { checked: table.getIsAllPageRowsSelected() ||
-                    (table.getIsSomePageRowsSelected() && "indeterminate"), onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value), "aria-label": "Select all" })),
-            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 === null || extraParams === void 0 ? void 0 : extraParams.actionMenu) || (extraParams === null || extraParams === void 0 ? void 0 : extraParams.groupActionMenu)) {
-        columns.push({
-            id: "DTActions",
-            accessorKey: "Actions",
-            header: () => _jsx("div", { className: "text-center", children: "Action" }),
-            size: 20,
-            headerClassName: "text-center",
-            cell: ({ row }) => {
-                if (row.getIsGrouped()) {
-                    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 === 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 || []),
-                                ],
-                            } }) }));
-                }
-                else {
-                    return null;
-                }
-            },
-            enableSorting: false,
-            enableHiding: false,
-        });
-    }
-    // const onPaginationChange = (state: any) => {
-    //   console.warn(state);
-    //   setPagination(state);
-    //   extraParams?.onPaginationChange?.(state);
-    // }
-    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 = useReactTable({
-        data,
-        columns,
-        state: {
-            sorting,
-            globalFilter,
-            columnFilters,
-            columnVisibility,
-            rowSelection,
-            grouping,
-            expanded,
-            pagination,
-        },
-        onPaginationChange: setPagination,
-        onSortingChange: setSorting,
-        onExpandedChange: setExpanded,
-        onColumnFiltersChange: setColumnFilters,
-        onColumnVisibilityChange: setColumnVisibility,
-        onGroupingChange: setGrouping,
-        onGlobalFilterChange: setGlobalFilter,
-        onRowSelectionChange: setRowSelection,
-        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
-    });
-    useImperativeHandle(ref, () => table);
-    const [droppedHeaders, setDroppedHeaders] = useState([]);
-    // Drag Event Handlers
-    const handleDragStart = (e, header) => {
-        const headerObj = {
-            id: header.id,
-            title: getDataTableColumnTitle(header.column),
-        };
-        e.dataTransfer.setData("headerObj", JSON.stringify(headerObj));
-        e.dataTransfer.effectAllowed = "move";
-    };
-    const handleDrop = (e) => {
-        e.preventDefault();
-        const headerObj = JSON.parse(e.dataTransfer.getData("headerObj"));
-        if (!droppedHeaders.find((e) => e.id == headerObj.id)) {
-            setDroppedHeaders((prevHeaders) => [...prevHeaders, headerObj]);
-            const column = table.getColumn(headerObj.id);
-            if (column) {
-                column.getToggleGroupingHandler()();
-            }
-        }
-    };
-    const handleDragOver = (e) => {
-        e.preventDefault(); // Necessary to allow dropping
-    };
-    const handleRemoveGrouping = (groupId) => {
-        const newDroppedHeaders = droppedHeaders.filter((header) => header.id !== groupId);
-        setDroppedHeaders(() => [...newDroppedHeaders]);
-        const column = table.getColumn(groupId);
-        if (column) {
-            column.getToggleGroupingHandler()();
-        }
-    };
-    const [isMount, setIsMount] = useState(false);
-    useEffect(() => {
-        if (!isMount) {
-            setIsMount(true);
-        }
-        if (extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultGroups) {
-            table.setGrouping(extraParams === null || extraParams === void 0 ? void 0 : extraParams.defaultGroups);
-        }
-    }, []);
-    useEffect(() => {
-        if (onTableReady) {
-            onTableReady(table);
-        }
-    }, [onTableReady, table]);
-    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) && (_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) => (_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 (_jsx(TableHead, { colSpan: droppedHeaders.length, className: cx("w-36 ", "text-left") }, header.id));
-                                                    }
-                                                    else {
-                                                        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() ? (_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" }), _jsx(ChevronDown, { className: cx("size-3.5 text-foreground", header.column.getIsSorted() ===
-                                                                                    "asc"
-                                                                                    ? "opacity-30"
-                                                                                    : ""), "aria-hidden": "true" })] })) : null] })) : (flexRender(header.column.columnDef.header, header.getContext())) }), header.id));
-                                                    }
-                                                }) }, 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}
-                                                    _jsx(TableCell, { colSpan: cell.column.getIndex() == row.depth
-                                                            ? row.depth + 1
-                                                            : undefined, className: cell.column.getIndex() == row.depth
-                                                            ? "w-36"
-                                                            : "", children: cell.getIsGrouped() ? (_jsxs(Button, { variant: "link", onClick: row.getToggleExpandedHandler(), className: `text-right text-foreground`, style: {
-                                                                marginLeft: row.depth + "rem",
-                                                            }, 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
-                                                            : 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.d.ts

@@ -1,61 +0,0 @@
-import { Column, ColumnDef, PaginationState, Table } from "@tanstack/react-table";
-import { ActionMenuProps } from "../action-menu/type";
-export interface DataTableProps<TData, TValue> {
-    data: TData[];
-    columns: DTColumnsProps<TData, TValue>[];
-    extraParams?: DTExtraParamsProps;
-    onTableReady?: (table: any) => void;
-}
-export type DTColumnsProps<TData, TValue = unknown> = ColumnDef<TData, TValue> & {
-    title?: string;
-    headerClassName?: string;
-};
-export interface DTExtraParamsProps {
-    defaultGroups?: string[];
-    grouping?: boolean;
-    header?: boolean;
-    footer?: boolean;
-    defaultTools?: ("columnFilter" | "search" | "filter")[] | boolean;
-    extraTools?: any;
-    sorting?: boolean;
-    paginationBar?: boolean;
-    rowsPerPage?: boolean;
-    pagination?: boolean;
-    numberOfRows?: boolean;
-    checkBoxColumn?: boolean;
-    checkBoxColumnCallback?: (selectedRows: any[]) => void;
-    actionMenu?: DTActionMenuProps;
-    groupActionMenu?: DTActionMenuProps;
-    pageSize?: number;
-    pageIndex?: number;
-    pageSizeArray?: number[];
-    rowSelection?: boolean;
-    onPaginationChange?: (state: PaginationState) => void;
-    defaultRowSelection?: (row: any) => boolean;
-}
-export interface DTActionMenuProps {
-    items: ActionMenuProps[];
-    extraArguments?: any[];
-}
-export interface DataTableViewOptionsProps<TData> {
-    table: Table<TData>;
-}
-export interface DTToolBarProps<TData> {
-    table: Table<TData>;
-    extraParams?: DTExtraParamsProps;
-}
-export interface DataTableFilterProps<TData> {
-    table: Table<TData>;
-}
-export interface DataTableFacetedFilterProps<TData, TValue> {
-    column: Column<TData, TValue>;
-}
-export interface DataTablePaginationProps<TData> {
-    table: Table<TData>;
-    extraParams?: DTExtraParamsProps;
-}
-export interface DragDropHeaderProp {
-    id: string;
-    title: string;
-}
-//# sourceMappingURL=type.d.ts.map

package/dist/ikoncomponents/data-table/type.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/ikoncomponents/data-table/type.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,SAAS,EACT,eAAe,EACf,KAAK,EACN,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,MAAM;IAC3C,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;IACzC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,MAAM,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,IAAI,SAAS,CAC7D,KAAK,EACL,MAAM,CACP,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAE,GAAG,OAAO,CAAC;IAClE,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACvD,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CAC7C;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,GAAG,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,yBAAyB,CAAC,KAAK;IAC9C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;CACrB;AACD,MAAM,WAAW,cAAc,CAAC,KAAK;IACnC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AACD,MAAM,WAAW,oBAAoB,CAAC,KAAK;IACzC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,MAAM,WAAW,2BAA2B,CAAC,KAAK,EAAE,MAAM;IACxD,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAC/B;AACD,MAAM,WAAW,wBAAwB,CAAC,KAAK;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf"}

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

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

package/dist/ikoncomponents/e-chart/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-interface Props {
-    parentDivProps?: any;
-    option?: Record<string | number, any>;
-    style?: Record<string, string>;
-    settings?: Record<string, any>;
-    loading?: boolean;
-    theme?: string | object | null;
-    isConfigurable?: boolean;
-    resizeKey?: null | boolean | number | string;
-    onClick?: (...args: any) => void;
-    onConfigure?: (...args: any) => void;
-}
-export declare const EChart: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/e-chart/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ikoncomponents/e-chart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgF,MAAM,OAAO,CAAC;AAGrG,UAAU,KAAK;IACb,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7C,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CACtC;AA4BD,eAAO,MAAM,MAAM,2EAyIjB,CAAC"}

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

@@ -1,115 +0,0 @@
-'use client';
-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 = Object.assign({}, option);
-    if (validatedOption.toolbox === undefined ||
-        validatedOption.toolbox === null ||
-        typeof validatedOption.toolbox !== 'object') {
-        validatedOption.toolbox = {};
-    }
-    if (validatedOption.toolbox.feature === undefined ||
-        validatedOption.toolbox.feature === null ||
-        typeof validatedOption.toolbox.feature !== 'object') {
-        validatedOption.toolbox.feature = {};
-    }
-    return validatedOption;
-}
-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 = 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 === null || onConfigure === void 0 ? void 0 : onConfigure()
-            } });
-    }
-    useImperativeHandle(ref, () => {
-        return {
-            getChartObject: () => {
-                return chartRef.current ? getInstanceByDom(chartRef.current) : null;
-            },
-            setOption: (validatedOption, settings) => {
-                if (!chartRef.current) {
-                    return;
-                }
-                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 = getInstanceByDom(chartRef.current);
-                chart === null || chart === void 0 ? void 0 : chart.resize();
-                if (secondResizeDelay) {
-                    setTimeout(() => chart === null || chart === void 0 ? void 0 : chart.resize(), secondResizeDelay);
-                }
-            },
-            loadingVisible: (visibility) => {
-                if (!chartRef.current) {
-                    return;
-                }
-                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 = getInstanceByDom(chartRef.current);
-                chart === null || chart === void 0 ? void 0 : chart.dispose();
-            },
-            on: (eventName, callback) => {
-                if (!chartRef.current) {
-                    return;
-                }
-                const chart = getInstanceByDom(chartRef.current);
-                chart === null || chart === void 0 ? void 0 : chart.on(eventName, callback);
-            }
-        };
-    });
-    useEffect(() => {
-        if (chartRef.current) {
-            chartInstanceRef.current = init(chartRef.current, theme);
-        }
-        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) {
-                chartInstanceRef.current.dispose();
-                chartInstanceRef.current = null;
-            }
-            window.removeEventListener('resize', resizeCallback);
-        };
-    }, [theme]);
-    useEffect(() => {
-        if (chartInstanceRef.current) {
-            chartInstanceRef.current.setOption(validatedOption, settings);
-        }
-        if (chartInstanceRef.current) {
-            chartInstanceRef.current.on('click', onClick);
-        }
-    }, [option, settings, theme]);
-    useEffect(() => {
-        if (chartInstanceRef.current) {
-            chartInstanceRef.current.resize();
-        }
-    }, [resizeKey]);
-    useEffect(() => {
-        if (chartInstanceRef.current) {
-            setTimeout(() => {
-                var _a;
-                (_a = chartInstanceRef.current) === null || _a === void 0 ? void 0 : _a.resize();
-            }, 500);
-        }
-    }, []);
-    return (_jsx("div", Object.assign({ ref: chartRef }, parentDivProps, { style: Object.assign({ width: '100%', height: '100%' }, style) })));
-});

package/dist/ikoncomponents/file-input/index.d.ts

@@ -1,2 +0,0 @@
-export declare function FileInput({ tooltipContent, fileNamePlaceholder, fileName, onFileNameChange, ...props }: any): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/file-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ikoncomponents/file-input/index.tsx"],"names":[],"mappings":"AAKA,wBAAgB,SAAS,CAAC,EAAE,cAAc,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,2CAmB3G"}

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

@@ -1,21 +0,0 @@
-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/fileUpload/index.d.ts

@@ -1,16 +0,0 @@
-export interface FileUploaderProps {
-    label?: string;
-    isDrag?: boolean;
-    onFileSelect: (fileObj: any) => Promise<any> | void;
-}
-export declare const convertFileToObject: (file: File) => Promise<{
-    message: string;
-    fileName: string;
-    size: number;
-    type: string;
-    lastModified: number;
-    base64: string;
-}>;
-export declare function FileUploader({ label, isDrag, onFileSelect, }: FileUploaderProps): import("react/jsx-runtime").JSX.Element;
-export declare function getImageFromObject(obj: any): string;
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/fileUpload/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ikoncomponents/fileUpload/index.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;CACrD;AAGD,eAAO,MAAM,mBAAmB,GAAU,MAAM,IAAI;;;;;;;EAYnD,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,KAAqB,EACrB,MAAc,EACd,YAAY,GACb,EAAE,iBAAiB,2CA6EnB;AAGD,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,GAAG,UAU1C"}

package/dist/ikoncomponents/fileUpload/index.js

@@ -1,69 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { UploadCloud, FileUp } from "lucide-react";
-// --- Helper: Convert File to Object with Base64 ---
-export const convertFileToObject = async (file) => {
-    const arrayBuffer = await file.arrayBuffer();
-    const base64 = btoa(String.fromCharCode(...new Uint8Array(arrayBuffer)));
-    return {
-        message: "File processed successfully",
-        fileName: file.name,
-        size: file.size,
-        type: file.type,
-        lastModified: file.lastModified,
-        base64: base64,
-    };
-};
-export function FileUploader({ label = "Upload File", isDrag = false, onFileSelect, }) {
-    const [isDragging, setIsDragging] = useState(false);
-    const handleFile = async (file) => {
-        if (!file)
-            return;
-        const fileObj = await convertFileToObject(file); // convert to object
-        await onFileSelect(fileObj); // pass object to parent
-    };
-    // ---- DRAG HANDLERS ----
-    const handleDrop = (e) => {
-        var _a;
-        if (!isDrag)
-            return;
-        e.preventDefault();
-        setIsDragging(false);
-        const file = (_a = e.dataTransfer.files) === null || _a === void 0 ? void 0 : _a[0];
-        if (file)
-            handleFile(file);
-    };
-    const handleDragOver = (e) => {
-        if (!isDrag)
-            return;
-        e.preventDefault();
-        setIsDragging(true);
-    };
-    const handleDragLeave = () => {
-        if (!isDrag)
-            return;
-        setIsDragging(false);
-    };
-    const handleInputChange = (e) => {
-        var _a;
-        const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
-        if (file)
-            handleFile(file);
-    };
-    return (_jsxs("div", { className: "flex flex-col gap-2 w-full", children: [_jsx("label", { className: "text-sm font-medium", children: label }), _jsx("input", { type: "file", id: "fileInput", className: "hidden", onChange: handleInputChange }), isDrag ? (_jsx("div", { className: `border-2 border-dashed rounded-lg p-6 text-center cursor-pointer transition
-            ${isDragging ? "border-blue-600 bg-blue-50" : "border-gray-300"}
-          `, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: () => { var _a; return (_a = document.getElementById("fileInput")) === null || _a === void 0 ? void 0 : _a.click(); }, children: _jsxs("div", { className: "flex flex-col items-center gap-3", children: [_jsx(UploadCloud, { className: "w-10 h-10 text-blue-600" }), _jsxs("p", { className: "text-gray-600", children: ["Drag & drop your file here or", " ", _jsx("span", { className: "text-blue-600 underline", children: "browse" })] })] }) })) : (
-            // ----- SIMPLE UPLOAD BOX -----
-            _jsxs("div", { className: "border rounded-lg p-4 flex flex-col items-center gap-2 cursor-pointer text-center", onClick: () => { var _a; return (_a = document.getElementById("fileInput")) === null || _a === void 0 ? void 0 : _a.click(); }, children: [_jsx(FileUp, { className: "w-8 h-8 text-blue-600" }), _jsx("span", { className: "text-blue-600 underline", children: "Browse File" })] }))] }));
-}
-// --- Helper Function: Recreate Image from File Object ---
-export function getImageFromObject(obj) {
-    const byteCharacters = atob(obj.base64);
-    const byteNumbers = new Array(byteCharacters.length)
-        .fill(0)
-        .map((_, i) => byteCharacters.charCodeAt(i));
-    const byteArray = new Uint8Array(byteNumbers);
-    const blob = new Blob([byteArray], { type: obj.type });
-    return URL.createObjectURL(blob); // usable in <img src="..." />
-}

package/dist/ikoncomponents/form-fields/combobox-input/index.d.ts

@@ -1,3 +0,0 @@
-import { FormComboboxInputProps } from "../types";
-export declare function FormComboboxInput({ formControl, name, label, placeholder, formDescription, items, disabled, onSelect, }: FormComboboxInputProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/form-fields/combobox-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ikoncomponents/form-fields/combobox-input/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAclD,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,IAAI,EACJ,KAAK,EACL,WAAW,EACX,eAAe,EACf,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,sBAAsB,2CA8ExB"}

package/dist/ikoncomponents/form-fields/combobox-input/index.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from "../../../shadcn/form";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
-import { Button } from "../../../shadcn/button";
-import { cn } from "../../../utils/cn";
-import { Check, ChevronsUpDown } from "lucide-react";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../../../shadcn/command";
-export function FormComboboxInput({ formControl, name, label, placeholder, formDescription, items, disabled, onSelect, }) {
-    return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => {
-                var _a;
-                return (_jsxs(FormItem, { className: "", children: [label && (_jsx(_Fragment, { children: _jsx(FormLabel, { children: label }) })), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full", children: _jsx(FormControl, { children: _jsxs(Button, { variant: "outline", role: "combobox", className: cn("justify-between", !field.value && "text-muted-foreground"), disabled: disabled == true ||
-                                                (disabled && disabled(...arguments)), children: [field.value
-                                                    ? ((_a = items.find((item) => item.value === field.value)) === null || _a === void 0 ? void 0 : _a.label) || field.value
-                                                    : placeholder, _jsx(ChevronsUpDown, { className: "opacity-50" })] }) }) }), _jsx(PopoverContent, { className: "p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Search..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No items found." }), _jsx(CommandGroup, { children: items.map((item) => (_jsxs(CommandItem, { value: item.value, disabled: (item.disabled == true || (item.disabled && item.disabled(item))), onSelect: (value) => {
-                                                                field.onChange(value);
-                                                                onSelect && onSelect(value);
-                                                            }, children: [(item === null || item === void 0 ? void 0 : item.label) || item.value, _jsx(Check, { className: cn("ml-auto", item.value === field.value
-                                                                        ? "opacity-100"
-                                                                        : "opacity-0") })] }, item.value))) })] })] }) })] }), formDescription && (_jsx(FormDescription, { children: formDescription })), _jsx(FormMessage, {})] }));
-            } }) }));
-}

package/dist/ikoncomponents/form-fields/combobox-input-value/index.d.ts

@@ -1,19 +0,0 @@
-import { Control } from "react-hook-form";
-export interface FormComboboxInputProps {
-    formControl: Control<any>;
-    name: string;
-    label?: string;
-    placeholder?: string;
-    formDescription?: string;
-    items: {
-        value: string;
-        label: string;
-        disabled?: boolean | ((item: any) => boolean);
-    }[];
-    disabled?: boolean | ((...args: any[]) => boolean);
-    onSelect?: (value: any) => void;
-    value?: string;
-    onChange?: (value: any) => void;
-}
-export declare function FormComboboxInputWithValue(props: FormComboboxInputProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/form-fields/combobox-input-value/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ikoncomponents/form-fields/combobox-input-value/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAuBzD,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,CAAA;KAAE,EAAE,CAAC;IACzF,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,sBAAsB,2CAiFvE"}