ivt 0.5.6 → 0.5.8

package/dist/data-table/index.mjs

@@ -1,45 +1,45 @@
 import * as React$1 from 'react';
 import React__default, { forwardRef, createElement } from 'react';
-import { c as cn } from '../chunks/utils-D8c5tyzG.mjs';
-import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from '../chunks/select-BdW90s0k.mjs';
-import { C as ChevronLeft } from '../chunks/chevron-left-Cla2-kGr.mjs';
-import { C as ChevronRight } from '../chunks/chevron-right-C3X2iYjh.mjs';
-import { c as PaginationItem, f as PaginationEllipsis } from '../chunks/pagination-m1KTCwr8.mjs';
-import { B as Button } from '../chunks/button-D_MnAjQl.mjs';
-import { S as Skeleton } from '../chunks/skeleton-CGj35I4b.mjs';
-import { e as TableRow, f as TableCell, T as Table, a as TableHeader, d as TableHead, b as TableBody } from '../chunks/table-YJw4-dig.mjs';
-import { c as createLucideIcon } from '../chunks/createLucideIcon-BQUZb4BK.mjs';
-import { S as Sortable, b as SortableItem } from '../chunks/sortable-CxR7dghC.mjs';
-import { S as Search, C as Command, b as CommandInput, c as CommandList, d as CommandEmpty, f as CommandItem, e as CommandGroup } from '../chunks/command-c98KtQLr.mjs';
-import { I as Input } from '../chunks/input-DKrW5tuu.mjs';
-import { C as ChevronDown } from '../chunks/chevron-down-CNWi6KOF.mjs';
-import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-n__dGmWJ.mjs';
-import { C as Check } from '../chunks/check-DEf9V4Nh.mjs';
-import '../chunks/bundle-mjs-CGLhO34T.mjs';
+import { c as cn } from '../chunks/utils-Cle2i1lJ.mjs';
+import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from '../chunks/select-Bkmq2X8X.mjs';
+import { C as ChevronLeft } from '../chunks/chevron-left-iSYNdGiZ.mjs';
+import { C as ChevronRight } from '../chunks/chevron-right-BDBexrwi.mjs';
+import { c as PaginationItem, f as PaginationEllipsis } from '../chunks/pagination-DVnnlPCe.mjs';
+import { B as Button } from '../chunks/button-C8kDXHHO.mjs';
+import { S as Skeleton } from '../chunks/skeleton-CXrLE3fs.mjs';
+import { e as TableRow, f as TableCell, T as Table, a as TableHeader, d as TableHead, b as TableBody } from '../chunks/table-nPqfWR0d.mjs';
+import { c as createLucideIcon } from '../chunks/createLucideIcon-Cs209BXY.mjs';
+import { S as Sortable, b as SortableItem } from '../chunks/sortable-DC4HebwV.mjs';
+import { S as Search, C as Command, b as CommandInput, c as CommandList, d as CommandEmpty, f as CommandItem, e as CommandGroup } from '../chunks/command-Dmn5Zotf.mjs';
+import { I as Input } from '../chunks/input-Cq3hRDLY.mjs';
+import { C as ChevronDown } from '../chunks/chevron-down-BW_fza_f.mjs';
+import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-Cxd1LZHE.mjs';
+import { C as Check } from '../chunks/check-LwrFK8tw.mjs';
+import '../chunks/bundle-mjs-CDsJv8mx.mjs';
 import '@radix-ui/react-select';
-import '../chunks/ellipsis-S2vrEUTX.mjs';
+import '../chunks/ellipsis-z3pVR1Ha.mjs';
 import '@radix-ui/react-slot';
 import 'class-variance-authority';
 import 'react-dom';
-import '../chunks/index-BmDvd1mU.mjs';
-import '../chunks/index-DSLICNwF.mjs';
-import '../chunks/index-BUvLOcM1.mjs';
-import '../chunks/index-C_z2VNWo.mjs';
+import '../chunks/index-BamMmpxT.mjs';
+import '../chunks/index-TBrLKN9p.mjs';
+import '../chunks/index-ZrPnvFCM.mjs';
+import '../chunks/index-D3kx7k_i.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-DLownQDQ.mjs';
-import '../chunks/index-T-_ESk_G.mjs';
-import '../chunks/index-6boixHzs.mjs';
-import '../chunks/index-B2gDNmb8.mjs';
-import '../chunks/index-BmW-kojJ.mjs';
-import '../chunks/index-Cq-A6c3g.mjs';
-import '../chunks/index-M3WHAYcQ.mjs';
-import '../chunks/tslib.es6-dqPUMt5Y.mjs';
-import '../chunks/index-4TCt3gOI.mjs';
-import '../chunks/index-BjgE_yhl.mjs';
-import '../chunks/dialog-Bzks3Ko4.mjs';
-import '../chunks/x-DYQCuAK0.mjs';
-import '../chunks/index-BWnbRXP-.mjs';
-import '../chunks/index-DkGvxlDJ.mjs';
+import '../chunks/index-Bbl_XfK5.mjs';
+import '../chunks/index-D33V_3rS.mjs';
+import '../chunks/index-D1Oqvl53.mjs';
+import '../chunks/index-Df3YRRgX.mjs';
+import '../chunks/index-CJznEDFQ.mjs';
+import '../chunks/index-Ctl41mbz.mjs';
+import '../chunks/index-g06EAstv.mjs';
+import '../chunks/tslib.es6--9nUwZOO.mjs';
+import '../chunks/index-BwahdO40.mjs';
+import '../chunks/index-wKi7FsfC.mjs';
+import '../chunks/dialog-DGL-wjm5.mjs';
+import '../chunks/x-CSOUAHrZ.mjs';
+import '../chunks/index-CHnGKuc1.mjs';
+import '../chunks/index-EhkpAtV_.mjs';
 
 const __iconNode$1 = [
     [
@@ -138,7 +138,7 @@ function DataTablePagination({ table, pageSizeOptions = [
     50,
     100,
     200
-], dataLabel = "Fundos", infoExtraLabel }) {
+], dataLabel = "Fundos", infoExtraLabel, showPaginationControls = true, showDataLabel = true, footerAction, maxVisualRows }) {
     const pageSize = pageSizeOptions[0];
     const currentPage = table.getState().pagination.pageIndex + 1;
     const rowCount = table.getRowCount();
@@ -192,14 +192,17 @@ function DataTablePagination({ table, pageSizeOptions = [
         }
         return items;
     };
+    if (!showPaginationControls && !showDataLabel) {
+        return null;
+    }
     return /*#__PURE__*/ React__default.createElement("div", {
         className: "mt-4 flex flex-wrap items-center justify-between gap-2"
-    }, /*#__PURE__*/ React__default.createElement("div", {
-        className: "text-muted-foreground flex gap-1 text-sm"
+    }, showDataLabel && /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement("div", {
+        className: "text-muted-foreground flex items-center gap-4 text-sm"
     }, /*#__PURE__*/ React__default.createElement("p", {
         className: "ml-2"
-    }, "Mostrando ", table.getRowModel().rows.length.toLocaleString(), " de ", rowCount, " ", dataLabel, ".", " ", infoExtraLabel && infoExtraLabel)), /*#__PURE__*/ React__default.createElement("div", {
-        className: "flex flex-wrap items-center justify-between gap-2 gap-y-4"
+    }, "Mostrando", " ", (maxVisualRows ? Math.min(table.getRowModel().rows.length, maxVisualRows) : table.getRowModel().rows.length).toLocaleString(), " ", "de ", rowCount, " ", dataLabel, ". ", infoExtraLabel && infoExtraLabel)), /*#__PURE__*/ React__default.createElement("div", null, footerAction && /*#__PURE__*/ React__default.createElement("div", null, footerAction))), showPaginationControls && /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex flex-wrap items-center justify-between gap-2 gap-y-4 ml-auto"
     }, /*#__PURE__*/ React__default.createElement(Select, {
         value: String(table.getState().pagination.pageSize) || String(pageSize),
         onValueChange: (value)=>table.setPageSize(Number(value))
@@ -271,7 +274,7 @@ function DataTableRowSkeleton(props) {
             }))))));
 }
 
-const DataTableMainFrame = ({ table, columns, isLoadingTable, loadingContent, setQueryParams, dataLabel, actionColumns = [], messageEmpty = /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, "Sem resultados"), dividingColumnKey, pageSizeOptions, className, scrollMaxHeightClass = "sm:max-h-[calc(100vh-300px)]", isScrollable = false, fixedHeader = false, showPagination = true, renderTooltip, infoExtraLabel })=>{
+const DataTableMainFrame = ({ table, columns, isLoadingTable, loadingContent, setQueryParams, dataLabel, actionColumns = [], messageEmpty = /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, "Sem resultados"), dividingColumnKey, pageSizeOptions, className, scrollMaxHeightClass = "sm:max-h-[calc(100vh-300px)]", isScrollable = false, fixedHeader = false, showPagination = true, showDataLabel = true, renderTooltip, renderSubComponent, infoExtraLabel, footerAction, maxVisualRows })=>{
     const currentPage = Number(table.getState().pagination.pageIndex).toString();
     const pageSize = Number(table.getState().pagination.pageSize).toString();
     const sorting = table.getState().sorting;
@@ -317,13 +320,20 @@ const DataTableMainFrame = ({ table, columns, isLoadingTable, loadingContent, se
                 className: "inline-block max-w-120 text-wrap wrap-break-word"
             }, messageEmpty)));
         }
-        return table.getRowModel().rows.map((row, index)=>{
+        const rows = table.getRowModel().rows;
+        const rowsToRender = maxVisualRows ? rows.slice(0, maxVisualRows) : rows;
+        return rowsToRender.map((row, index)=>{
+            // Se estivermos usando renderSubComponent (modo Master-Detail),
+            // ignoramos as sub-linhas no loop principal para não duplicá-las
+            if (renderSubComponent && row.depth > 0) {
+                return null;
+            }
             const rowKey = row.id ?? String(index);
             const rowContent = row.getVisibleCells().map((cell)=>{
                 const content = flexRender(cell.column.columnDef.cell, cell.getContext());
                 return /*#__PURE__*/ React__default.createElement(TableCell, {
                     key: cell.id,
-                    className: cn("p-2", dividingColumnKey?.includes(cell.column.id) && "border-r")
+                    className: cn("p-2", dividingColumnKey?.includes(cell.column.id) && "border-r", cell.column.columnDef.meta?.className)
                 }, content);
             });
             const rowWithTooltip = renderTooltip ? renderTooltip(row, rowContent) : /*#__PURE__*/ React__default.createElement(TableRow, {
@@ -331,7 +341,15 @@ const DataTableMainFrame = ({ table, columns, isLoadingTable, loadingContent, se
                 "data-state": row.getIsSelected() && "selected",
                 className: cn("even:bg-body/50")
             }, rowContent);
-            return rowWithTooltip;
+            return /*#__PURE__*/ React__default.createElement(React__default.Fragment, {
+                key: rowKey
+            }, rowWithTooltip, row.getIsExpanded() && renderSubComponent && /*#__PURE__*/ React__default.createElement(TableRow, {
+                className: cn("even:bg-body/50")
+            }, /*#__PURE__*/ React__default.createElement(TableCell, {
+                colSpan: row.getVisibleCells().length
+            }, renderSubComponent({
+                row
+            }))));
         });
     };
     const shouldForceMinHeight = table.getRowModel().rows.length > 1 || isLoadingTable;
@@ -351,7 +369,7 @@ const DataTableMainFrame = ({ table, columns, isLoadingTable, loadingContent, se
                 ...actionColumns
             ].includes(id);
             return /*#__PURE__*/ React__default.createElement(TableHead, {
-                className: cn(dividingColumnKey?.includes(id) ? "border-r" : "", "static"),
+                className: cn(dividingColumnKey?.includes(id) ? "border-r" : "", header.column.columnDef.meta?.className, "static"),
                 key: header.id
             }, header.isPlaceholder ? null : /*#__PURE__*/ React__default.createElement("div", {
                 className: !isActionsColumn && header.column.getCanSort() ? "flex w-fit items-center justify-start cursor-pointer gap-1 font-medium" : "",
@@ -371,14 +389,63 @@ const DataTableMainFrame = ({ table, columns, isLoadingTable, loadingContent, se
             })));
         }));
     })), /*#__PURE__*/ React__default.createElement(TableBody, null, renderTableBodyContent()))));
-    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, tableContent, isScrollable || !showPagination ? null : isLoadingTable ? /*#__PURE__*/ React__default.createElement(DataTablePaginationSkeleton, null) : /*#__PURE__*/ React__default.createElement(DataTablePagination, {
+    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, tableContent, isScrollable ? null : isLoadingTable ? /*#__PURE__*/ React__default.createElement(DataTablePaginationSkeleton, null) : /*#__PURE__*/ React__default.createElement(DataTablePagination, {
         table: table,
         dataLabel: dataLabel,
         pageSizeOptions: pageSizeOptions,
-        infoExtraLabel: infoExtraLabel
+        infoExtraLabel: infoExtraLabel,
+        showPaginationControls: showPagination,
+        showDataLabel: showDataLabel,
+        footerAction: footerAction,
+        maxVisualRows: maxVisualRows
     }));
 };
 
+// Utils para manipular árvores de forma imutável
+/** biome-ignore-all lint/suspicious/noExplicitAny: <any> */ // Encontra um item e retorna caminho + referência
+function findItemPath(tree, id, path = []) {
+    for(let i = 0; i < tree.length; i++){
+        const node = tree[i];
+        // Encontrou o item
+        if (node.id === id) {
+            return {
+                path: [
+                    ...path,
+                    i
+                ],
+                node
+            };
+        }
+        // Recursão em subRows
+        if (Array.isArray(node.subRows) && node.subRows.length > 0) {
+            const result = findItemPath(node.subRows, id, [
+                ...path,
+                i,
+                "subRows"
+            ]);
+            if (result) return result;
+        }
+    }
+    return null;
+}
+function removeAtPath(tree, path) {
+    let ref = tree;
+    for(let i = 0; i < path.length - 1; i++){
+        ref = ref[path[i]];
+    }
+    const index = path[path.length - 1];
+    const removed = ref.splice(index, 1)[0];
+    return removed;
+}
+function insertAtPath(tree, path, item) {
+    let ref = tree;
+    for(let i = 0; i < path.length - 1; i++){
+        ref = ref[path[i]];
+    }
+    const index = path[path.length - 1];
+    ref.splice(index, 0, item);
+}
+
 const getRowKey = (row, rowKey)=>{
     if (typeof rowKey === "function") {
         return rowKey(row);
@@ -393,14 +460,16 @@ const getRowKey = (row, rowKey)=>{
     }
     return row[rowKey];
 };
-const DataTableMainFrameSortable = ({ table, columns, isLoadingTable, loadingContent, setQueryParams, dataLabel, actionColumns = [], data, messageEmpty = /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, "Sem resultados"), onDataChange, rowKey, dividingColumnKey, pageSizeOptions, className, scrollMaxHeightClass = "sm:max-h-[calc(100vh-300px)]", isScrollable = false, fixedHeader = false, showPagination = true, renderTooltip, infoExtraLabel })=>{
+const DataTableMainFrameSortable = ({ table, columns, isLoadingTable, loadingContent, setQueryParams, dataLabel, actionColumns = [], data, messageEmpty = /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, "Sem resultados"), onDataChange, rowKey, dividingColumnKey, pageSizeOptions, className, scrollMaxHeightClass = "sm:max-h-[calc(100vh-300px)]", isScrollable = false, fixedHeader = false, showPagination = true, showDataLabel = true, renderTooltip, infoExtraLabel, footerAction, sortableValue: propValue, sortableOnValueChange: propOnValueChange, sortableOnDragStart: propOnDragStart, sortableOnDragEnd: propOnDragEnd, maxVisualRows })=>{
     const currentPage = Number(table.getState().pagination.pageIndex).toString();
     const pageSize = Number(table.getState().pagination.pageSize).toString();
     const sorting = table.getState().sorting;
     const [newData, setNewData] = React__default.useState(data);
     const handleValueChange = (updatedData)=>{
         setNewData(updatedData);
-        onDataChange?.(updatedData);
+        if (onDataChange) {
+            onDataChange(updatedData);
+        }
     };
     React__default.useEffect(()=>{
         setNewData(data);
@@ -449,12 +518,14 @@ const DataTableMainFrameSortable = ({ table, columns, isLoadingTable, loadingCon
                 className: "inline-block max-w-120 text-wrap wrap-break-word"
             }, messageEmpty)));
         }
-        return table.getRowModel().rows.map((row)=>{
+        const rows = table.getRowModel().rows;
+        const rowsToRender = maxVisualRows ? rows.slice(0, maxVisualRows) : rows;
+        return rowsToRender.map((row)=>{
             const rowData = row.original;
             const key = getRowKey(rowData, rowKey);
             const rowContent = row.getVisibleCells().map((cell)=>/*#__PURE__*/ React__default.createElement(TableCell, {
                     key: cell.id,
-                    className: cn("p-2 py-1", dividingColumnKey?.includes(cell.column.id) && "border-r")
+                    className: cn("p-2 py-1", dividingColumnKey?.includes(cell.column.id) && "border-r", cell.column.columnDef.meta?.className)
                 }, flexRender(cell.column.columnDef.cell, cell.getContext())));
             const baseRow = /*#__PURE__*/ React__default.createElement(TableRow, {
                 "data-state": row.getIsSelected() && "selected",
@@ -468,13 +539,80 @@ const DataTableMainFrameSortable = ({ table, columns, isLoadingTable, loadingCon
             }, wrappedRow);
         });
     };
-    const shouldForceMinHeight = table.getRowModel().rows.length > 1 || isLoadingTable;
-    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement(Sortable, {
-        value: newData.map((item)=>({
+    const [activeId, setActiveId] = React__default.useState(null);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: <useMemo>
+    const siblings = React__default.useMemo(()=>{
+        if (!activeId) return table.getRowModel().rows.map((row)=>({
+                ...row.original,
+                id: getRowKey(row.original, rowKey)
+            }));
+        const activeRow = table.getRowModel().rows.find((row)=>getRowKey(row.original, rowKey) === activeId);
+        if (!activeRow) return [];
+        const parentId = activeRow.parentId;
+        return table.getRowModel().rows.filter((row)=>row.parentId === parentId).map((row)=>({
+                ...row.original,
+                id: getRowKey(row.original, rowKey)
+            }));
+    }, [
+        activeId,
+        table.getRowModel().rows,
+        rowKey
+    ]);
+    const internalHandleDragStart = (event)=>{
+        setActiveId(event.active.id);
+    };
+    const internalHandleDragEnd = (event)=>{
+        setActiveId(null);
+        const { active, over } = event;
+        if (!active || !over) return;
+        const sourceId = active.id;
+        const targetId = over.id;
+        if (sourceId === targetId) return;
+        const tree = newData.map((item)=>({
                 ...item,
                 id: getRowKey(item, rowKey)
-            })),
-        onValueChange: handleValueChange
+            }));
+        const source = findItemPath(tree, sourceId);
+        const target = findItemPath(tree, targetId);
+        if (!source || !target) return;
+        // -----------------------------
+        // 🔒 1. TRAVAR MOVIMENTAÇÃO ENTRE NÍVEIS DIFERENTES
+        // -----------------------------
+        const sourcePath = source.path;
+        const targetPath = target.path;
+        // Pega o "caminho do pai" (remove o último índice, que é o índice do item em si)
+        const sourceParentPath = sourcePath.slice(0, -1);
+        const targetParentPath = targetPath.slice(0, -1);
+        // Compara se os arrays são iguais (mesmo tamanho e mesmos valores)
+        const isSameParent = sourceParentPath.length === targetParentPath.length && sourceParentPath.every((val, index)=>val === targetParentPath[index]);
+        if (!isSameParent) {
+            return;
+        }
+        // -----------------------------
+        // 🔄 2. MOVIMENTO PERMITIDO → REORDENAR
+        // -----------------------------
+        const removedItem = removeAtPath(tree, sourcePath);
+        const destPath = [
+            ...targetPath
+        ];
+        destPath[destPath.length - 1] = targetPath[targetPath.length - 1];
+        insertAtPath(tree, destPath, removedItem);
+        handleValueChange(tree);
+    };
+    const shouldForceMinHeight = table.getRowModel().rows.length > 1 || isLoadingTable;
+    const finalValue = propValue ?? (maxVisualRows ? table.getRowModel().rows.slice(0, maxVisualRows) : table.getRowModel().rows).map((row)=>({
+            ...row.original,
+            id: getRowKey(row.original, rowKey)
+        }));
+    const finalOnValueChange = propOnValueChange ?? handleValueChange;
+    const finalOnDragStart = propOnDragStart ?? internalHandleDragStart;
+    const finalOnDragEnd = propOnDragEnd ?? internalHandleDragEnd;
+    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement(Sortable, {
+        value: finalValue,
+        contextItems: siblings,
+        onValueChange: finalOnValueChange,
+        onDragStart: finalOnDragStart,
+        onDragEnd: finalOnDragEnd
     }, /*#__PURE__*/ React__default.createElement("div", {
         className: cn("bg-background mx-1 h-full w-full rounded-md border whitespace-nowrap", className)
     }, /*#__PURE__*/ React__default.createElement("div", {
@@ -491,7 +629,7 @@ const DataTableMainFrameSortable = ({ table, columns, isLoadingTable, loadingCon
                 ...actionColumns
             ].includes(id);
             return /*#__PURE__*/ React__default.createElement(TableHead, {
-                className: dividingColumnKey?.includes(id) ? "border-r" : "",
+                className: cn(dividingColumnKey?.includes(id) ? "border-r" : "", header.column.columnDef.meta?.className),
                 key: header.id
             }, header.isPlaceholder ? null : /*#__PURE__*/ React__default.createElement("div", {
                 className: !isActionsColumn && header.column.getCanSort() ? "flex w-fit items-center justify-start cursor-pointer gap-1 font-medium" : "",
@@ -510,11 +648,15 @@ const DataTableMainFrameSortable = ({ table, columns, isLoadingTable, loadingCon
                 className: "h-3.5 w-3.5"
             })));
         }));
-    })), /*#__PURE__*/ React__default.createElement(TableBody, null, renderTableBodyContent()))))), isScrollable || !showPagination ? null : isLoadingTable ? /*#__PURE__*/ React__default.createElement(DataTablePaginationSkeleton, null) : /*#__PURE__*/ React__default.createElement(DataTablePagination, {
+    })), /*#__PURE__*/ React__default.createElement(TableBody, null, renderTableBodyContent()))))), isScrollable ? null : isLoadingTable ? /*#__PURE__*/ React__default.createElement(DataTablePaginationSkeleton, null) : /*#__PURE__*/ React__default.createElement(DataTablePagination, {
         table: table,
         dataLabel: dataLabel,
         pageSizeOptions: pageSizeOptions,
-        infoExtraLabel: infoExtraLabel
+        infoExtraLabel: infoExtraLabel,
+        showPaginationControls: showPagination,
+        showDataLabel: showDataLabel,
+        footerAction: footerAction,
+        maxVisualRows: maxVisualRows
     }));
 };