ivt 0.5.0 → 0.5.2

package/dist/dash/index.mjs

@@ -0,0 +1,105 @@
+import { c as cn } from '../chunks/utils-DfaTa-5f.mjs';
+import { f as formatNegative, a as formatNumberWithComma, b as formatMoney } from '../chunks/format-numbers-DtAwKNYo.mjs';
+import React__default from 'react';
+import { C as Card, a as CardHeader, c as CardTitle, f as CardContent, b as CardFooter } from '../chunks/card-DeaeODxs.mjs';
+import { T as TooltipIndicator } from '../chunks/TooltipIndicator-EfXM1ogO.mjs';
+import { S as Skeleton } from '../chunks/skeleton-TvPSLZ-7.mjs';
+import { f as formatDateToBrazilian } from '../chunks/date-BF0VPeD6.mjs';
+import { c as TooltipProvider, T as Tooltip, a as TooltipTrigger, b as TooltipContent } from '../chunks/tooltip-WyVePJR7.mjs';
+import { T as TriangleAlert } from '../chunks/triangle-alert-CpLMma6K.mjs';
+import '../chunks/bundle-mjs-C9OlPgmH.mjs';
+import '../chunks/createLucideIcon-rdK7ReAV.mjs';
+import '../chunks/format-DvB2IToG.mjs';
+import '../chunks/index-DEFfOyUE.mjs';
+import '../chunks/index-SHhYuecD.mjs';
+import '../chunks/index-C8YG6ZVI.mjs';
+import 'react/jsx-runtime';
+import '../chunks/index-D4Y6_Jit.mjs';
+import '../chunks/index-B0fljwsr.mjs';
+import 'react-dom';
+import '@radix-ui/react-slot';
+import '../chunks/index-DNPAHxPV.mjs';
+import '../chunks/index-9Ejb37i6.mjs';
+import '../chunks/index-B1HovDby.mjs';
+import '../chunks/index-Dpe5NTKJ.mjs';
+import '../chunks/index-C7WDAsMc.mjs';
+import '../chunks/index-BpfkkunI.mjs';
+import '../chunks/index-LOIUbp1N.mjs';
+import '../chunks/index-DFMyqwc8.mjs';
+import '../chunks/index-CdbLHZ-v.mjs';
+
+function DashCard({ title, tooltip, value, footer, valueFormatter = (v)=>v, className, valueClassName, isLoading }) {
+    return /*#__PURE__*/ React__default.createElement(Card, {
+        className: cn("h-full gap-2", className)
+    }, /*#__PURE__*/ React__default.createElement(CardHeader, {
+        className: "gap-0"
+    }, /*#__PURE__*/ React__default.createElement(CardTitle, {
+        className: "flex flex-wrap items-center gap-2 text-sm font-medium"
+    }, title, tooltip && /*#__PURE__*/ React__default.createElement(TooltipIndicator, null, tooltip))), /*#__PURE__*/ React__default.createElement(CardContent, null, isLoading ? /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: cn("h-10 w-32 rounded-md", valueClassName)
+    }) : /*#__PURE__*/ React__default.createElement("p", {
+        className: cn("text-3xl font-bold", typeof value === "number" && formatNegative(+value), valueClassName)
+    }, valueFormatter(value))), footer && /*#__PURE__*/ React__default.createElement(CardFooter, null, isLoading ? /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: "h-4 w-20"
+    }) : footer));
+}
+
+function DashCardList({ title, tooltip, footer, content, className, valueClassName, isLoading }) {
+    return /*#__PURE__*/ React__default.createElement(Card, {
+        className: cn("h-full gap-2", className)
+    }, /*#__PURE__*/ React__default.createElement(CardHeader, {
+        className: "gap-0"
+    }, /*#__PURE__*/ React__default.createElement(CardTitle, {
+        className: "flex flex-wrap items-center gap-2 text-sm font-medium"
+    }, title, tooltip && /*#__PURE__*/ React__default.createElement(TooltipIndicator, null, tooltip))), /*#__PURE__*/ React__default.createElement(CardContent, null, isLoading ? /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: cn("h-10 w-32 rounded-md", valueClassName)
+    }) : content), footer && /*#__PURE__*/ React__default.createElement(CardFooter, null, isLoading ? /*#__PURE__*/ React__default.createElement(Skeleton, {
+        className: "h-4 w-20"
+    }) : footer));
+}
+
+const ValuePercentage = ({ percentage, prevStartDate, prevEndDate, startDate, endDate, prevValue, value, valueMaxFractionDigits = 2, valueMinFractionDigits = 2, showText = true, text = "desde o último mês", formatAsMoney = false })=>{
+    const cellCSS = percentage === 0 ? "text-muted-foreground" : percentage < 0 ? "text-destructive" : "text-positive";
+    const iconValue = percentage < 0 ? "▼" : "▲";
+    const formatValue = (val)=>{
+        const options = {
+            value: val,
+            minimumFractionDigits: valueMinFractionDigits,
+            maximumFractionDigits: valueMaxFractionDigits
+        };
+        return formatAsMoney ? formatMoney({
+            value: options.value,
+            minimumFractionDigits: options.minimumFractionDigits,
+            maximumFractionDigits: options.maximumFractionDigits,
+            currency: "BRL"
+        }) : formatNumberWithComma(options);
+    };
+    return /*#__PURE__*/ React__default.createElement(TooltipProvider, null, /*#__PURE__*/ React__default.createElement(Tooltip, null, /*#__PURE__*/ React__default.createElement(TooltipTrigger, {
+        asChild: true
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        className: cn("text-xs", cellCSS)
+    }, /*#__PURE__*/ React__default.createElement("span", {
+        className: "mr-1"
+    }, iconValue), /*#__PURE__*/ React__default.createElement("span", null, formatNumberWithComma({
+        value: percentage,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 2
+    }), "%"), " ", showText && /*#__PURE__*/ React__default.createElement("span", {
+        className: "text-muted-foreground"
+    }, text))), prevStartDate && startDate && /*#__PURE__*/ React__default.createElement(TooltipContent, {
+        side: "bottom",
+        className: "bg-secondary flex flex-col"
+    }, /*#__PURE__*/ React__default.createElement("span", null, formatDateToBrazilian(prevStartDate), " ", prevEndDate && `- ${formatDateToBrazilian(prevEndDate)}`, ":", " ", formatValue(prevValue ?? 0)), /*#__PURE__*/ React__default.createElement("span", null, formatDateToBrazilian(startDate), " ", endDate && `- ${formatDateToBrazilian(endDate)}`, ":", " ", formatValue(value ?? 0)))));
+};
+
+const ErrorMessageDashCard = ({ children, className, shouldIcon = true, ...props })=>{
+    return /*#__PURE__*/ React__default.createElement("div", {
+        className: cn("text-destructive flex flex-wrap items-center gap-1 text-sm", className),
+        ...props
+    }, shouldIcon && /*#__PURE__*/ React__default.createElement(TriangleAlert, {
+        className: "h-4 w-4"
+    }), /*#__PURE__*/ React__default.createElement("span", null, children ?? "Erro ao carregar os dados"));
+};
+
+export { DashCard, DashCardList, ErrorMessageDashCard, ValuePercentage };
+//# sourceMappingURL=index.mjs.map

package/dist/dash/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/components/default/dash/DashCard.tsx","../../src/components/default/dash/DashCardList.tsx","../../src/components/default/dash/ValuePercentage.tsx","../../src/components/default/dash/ErrorMessageDashCard.tsx"],"sourcesContent":["import { TooltipIndicator } from \"@/components/default/base\";\nimport { Card, CardContent, CardFooter, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { cn } from \"@/lib/utils\";\nimport { formatNegative } from \"@/utils/styles\";\nimport React from \"react\";\n\ninterface DashCardProps {\n\ttitle: string;\n\ttooltip?: string;\n\tvalue: number | string | null;\n\tfooter?: React.ReactNode;\n\tvalueFormatter?: (value: number | string | null) => React.ReactNode;\n\tclassName?: string;\n\tvalueClassName?: string;\n\tisLoading?: boolean;\n}\n\nexport function DashCard({\n\ttitle,\n\ttooltip,\n\tvalue,\n\tfooter,\n\tvalueFormatter = (v) => v,\n\tclassName,\n\tvalueClassName,\n\tisLoading,\n}: DashCardProps) {\n\treturn (\n\t\t<Card className={cn(\"h-full gap-2\", className)}>\n\t\t\t<CardHeader className=\"gap-0\">\n\t\t\t\t<CardTitle className=\"flex flex-wrap items-center gap-2 text-sm font-medium\">\n\t\t\t\t\t{title}\n\t\t\t\t\t{tooltip && <TooltipIndicator>{tooltip}</TooltipIndicator>}\n\t\t\t\t</CardTitle>\n\t\t\t</CardHeader>\n\n\t\t\t<CardContent>\n\t\t\t\t{isLoading ? (\n\t\t\t\t\t<Skeleton className={cn(\"h-10 w-32 rounded-md\", valueClassName)} />\n\t\t\t\t) : (\n\t\t\t\t\t<p\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"text-3xl font-bold\",\n\t\t\t\t\t\t\ttypeof value === \"number\" && formatNegative(+value),\n\t\t\t\t\t\t\tvalueClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{valueFormatter(value)}\n\t\t\t\t\t</p>\n\t\t\t\t)}\n\t\t\t</CardContent>\n\n\t\t\t{footer && <CardFooter>{isLoading ? <Skeleton className=\"h-4 w-20\" /> : footer}</CardFooter>}\n\t\t</Card>\n\t);\n}\n","import { Card, CardContent, CardFooter, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { cn } from \"@/lib/utils\";\nimport React from \"react\";\nimport { TooltipIndicator } from \"../base\";\n\ninterface DashCardListProps {\n\ttitle: string;\n\ttooltip?: string;\n\tcontent: React.ReactNode;\n\tfooter?: React.ReactNode;\n\tclassName?: string;\n\tvalueClassName?: string;\n\tisLoading?: boolean;\n}\n\nexport function DashCardList({\n\ttitle,\n\ttooltip,\n\tfooter,\n\tcontent,\n\tclassName,\n\tvalueClassName,\n\tisLoading,\n}: DashCardListProps) {\n\treturn (\n\t\t<Card className={cn(\"h-full gap-2\", className)}>\n\t\t\t<CardHeader className=\"gap-0\">\n\t\t\t\t<CardTitle className=\"flex flex-wrap items-center gap-2 text-sm font-medium\">\n\t\t\t\t\t{title}\n\t\t\t\t\t{tooltip && <TooltipIndicator>{tooltip}</TooltipIndicator>}\n\t\t\t\t</CardTitle>\n\t\t\t</CardHeader>\n\n\t\t\t<CardContent>\n\t\t\t\t{isLoading ? <Skeleton className={cn(\"h-10 w-32 rounded-md\", valueClassName)} /> : content}\n\t\t\t</CardContent>\n\n\t\t\t{footer && <CardFooter>{isLoading ? <Skeleton className=\"h-4 w-20\" /> : footer}</CardFooter>}\n\t\t</Card>\n\t);\n}\n","import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\nimport { formatDateToBrazilian } from \"@/utils/date\";\nimport { formatMoney, formatNumberWithComma } from \"@/utils/format-numbers\";\nimport React from \"react\";\n\ninterface ValuePercentageProps {\n\tpercentage: number;\n\tprevStartDate?: string | null;\n\tprevEndDate?: string | null;\n\tstartDate?: string | null;\n\tendDate?: string | null;\n\tprevValue?: number | null;\n\tvalue?: number | null;\n\tvalueMaxFractionDigits?: number;\n\tvalueMinFractionDigits?: number;\n\tshowText?: boolean;\n\ttext?: string;\n\tformatAsMoney?: boolean;\n}\n\nexport const ValuePercentage: React.FC<ValuePercentageProps> = ({\n\tpercentage,\n\tprevStartDate,\n\tprevEndDate,\n\tstartDate,\n\tendDate,\n\tprevValue,\n\tvalue,\n\tvalueMaxFractionDigits = 2,\n\tvalueMinFractionDigits = 2,\n\tshowText = true,\n\ttext = \"desde o último mês\",\n\tformatAsMoney = false,\n}) => {\n\tconst cellCSS =\n\t\tpercentage === 0\n\t\t\t? \"text-muted-foreground\"\n\t\t\t: percentage < 0\n\t\t\t\t? \"text-destructive\"\n\t\t\t\t: \"text-positive\";\n\tconst iconValue = percentage < 0 ? \"▼\" : \"▲\";\n\tconst formatValue = (val: number) => {\n\t\tconst options = {\n\t\t\tvalue: val,\n\t\t\tminimumFractionDigits: valueMinFractionDigits,\n\t\t\tmaximumFractionDigits: valueMaxFractionDigits,\n\t\t};\n\t\treturn formatAsMoney\n\t\t\t? formatMoney({\n\t\t\t\t\tvalue: options.value,\n\t\t\t\t\tminimumFractionDigits: options.minimumFractionDigits,\n\t\t\t\t\tmaximumFractionDigits: options.maximumFractionDigits,\n\t\t\t\t\tcurrency: \"BRL\",\n\t\t\t\t})\n\t\t\t: formatNumberWithComma(options);\n\t};\n\n\treturn (\n\t\t<TooltipProvider>\n\t\t\t<Tooltip>\n\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t<div className={cn(\"text-xs\", cellCSS)}>\n\t\t\t\t\t\t<span className=\"mr-1\">{iconValue}</span>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{formatNumberWithComma({\n\t\t\t\t\t\t\t\tvalue: percentage,\n\t\t\t\t\t\t\t\tminimumFractionDigits: 0,\n\t\t\t\t\t\t\t\tmaximumFractionDigits: 2,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t%\n\t\t\t\t\t\t</span>{\" \"}\n\t\t\t\t\t\t{showText && <span className=\"text-muted-foreground\">{text}</span>}\n\t\t\t\t\t</div>\n\t\t\t\t</TooltipTrigger>\n\t\t\t\t{prevStartDate && startDate && (\n\t\t\t\t\t<TooltipContent side=\"bottom\" className=\"bg-secondary flex flex-col\">\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{formatDateToBrazilian(prevStartDate)}{\" \"}\n\t\t\t\t\t\t\t{prevEndDate && `- ${formatDateToBrazilian(prevEndDate)}`}:{\" \"}\n\t\t\t\t\t\t\t{formatValue(prevValue ?? 0)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{formatDateToBrazilian(startDate)} {endDate && `- ${formatDateToBrazilian(endDate)}`}:{\" \"}\n\t\t\t\t\t\t\t{formatValue(value ?? 0)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</TooltipContent>\n\t\t\t\t)}\n\t\t\t</Tooltip>\n\t\t</TooltipProvider>\n\t);\n};\n","import { cn } from \"@/lib/utils\";\nimport { AlertTriangle } from \"lucide-react\";\nimport React from \"react\";\n\ninterface ErrorMessageDashCardProps extends React.HTMLAttributes<HTMLDivElement> {\n\tchildren?: React.ReactNode;\n\tshouldIcon?: boolean;\n}\n\nexport const ErrorMessageDashCard: React.FC<ErrorMessageDashCardProps> = ({\n\tchildren,\n\tclassName,\n\tshouldIcon = true,\n\t...props\n}) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"text-destructive flex flex-wrap items-center gap-1 text-sm\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{shouldIcon && <AlertTriangle className=\"h-4 w-4\" />}\n\t\t\t<span>{children ?? \"Erro ao carregar os dados\"}</span>\n\t\t</div>\n\t);\n};\n"],"names":["DashCard","title","tooltip","value","footer","valueFormatter","v","className","valueClassName","isLoading","React","Card","cn","CardHeader","CardTitle","TooltipIndicator","CardContent","Skeleton","p","formatNegative","CardFooter","DashCardList","content","ValuePercentage","percentage","prevStartDate","prevEndDate","startDate","endDate","prevValue","valueMaxFractionDigits","valueMinFractionDigits","showText","text","formatAsMoney","cellCSS","iconValue","formatValue","val","options","minimumFractionDigits","maximumFractionDigits","formatMoney","currency","formatNumberWithComma","TooltipProvider","Tooltip","TooltipTrigger","asChild","div","span","TooltipContent","side","formatDateToBrazilian","ErrorMessageDashCard","children","shouldIcon","props","AlertTriangle"],"mappings":"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"}

package/dist/data-table/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Table, ColumnDef } from '@tanstack/react-table';
+import { Table, ColumnDef, Row } from '@tanstack/react-table';
 import React__default from 'react';
 
 interface DataTableViewOptionsProps$2<TData> {
@@ -32,18 +32,21 @@ interface DataTableViewOptionsProps$1<TData, TValue> {
     scrollMaxHeightClass?: string;
     fixedHeader?: boolean;
     showPagination?: boolean;
+    renderTooltip?: (row: Row<TData>, rowContent: React__default.ReactNode) => React__default.ReactNode;
+    infoExtraLabel?: React__default.ReactNode;
 }
 interface ListParams$1 {
     [propName: string]: string | string[];
 }
-declare const DataTableMainFrame: <TData, TValue>({ table, columns, isLoadingTable, loadingContent, setQueryParams, dataLabel, actionColumns, messageEmpty, dividingColumnKey, pageSizeOptions, className, scrollMaxHeightClass, isScrollable, fixedHeader, showPagination, }: DataTableViewOptionsProps$1<TData, TValue>) => react_jsx_runtime.JSX.Element;
+declare const DataTableMainFrame: <TData, TValue>({ table, columns, isLoadingTable, loadingContent, setQueryParams, dataLabel, actionColumns, messageEmpty, dividingColumnKey, pageSizeOptions, className, scrollMaxHeightClass, isScrollable, fixedHeader, showPagination, renderTooltip, infoExtraLabel, }: DataTableViewOptionsProps$1<TData, TValue>) => react_jsx_runtime.JSX.Element;
 
 interface DataTablePaginationProps<TData> {
     table: Table<TData>;
     pageSizeOptions?: number[];
     dataLabel?: string;
+    infoExtraLabel?: React__default.ReactNode;
 }
-declare function DataTablePagination<TData>({ table, pageSizeOptions, dataLabel, }: DataTablePaginationProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DataTablePagination<TData>({ table, pageSizeOptions, dataLabel, infoExtraLabel, }: DataTablePaginationProps<TData>): react_jsx_runtime.JSX.Element;
 
 declare const DataTablePaginationSkeleton: React__default.FC;
 
@@ -135,6 +138,8 @@ interface DataTableViewOptionsProps<TData, TValue> {
     scrollMaxHeightClass?: string;
     fixedHeader?: boolean;
     showPagination?: boolean;
+    renderTooltip?: (row: Row<TData>, rowContent: React__default.ReactNode) => React__default.ReactNode;
+    infoExtraLabel?: React__default.ReactNode;
 }
 type RowData = {
     [key: string]: any;
@@ -142,6 +147,6 @@ type RowData = {
 interface ListParams {
     [propName: string]: string | string[];
 }
-declare const DataTableMainFrameSortable: <TData extends RowData, TValue>({ table, columns, isLoadingTable, loadingContent, setQueryParams, dataLabel, actionColumns, data, messageEmpty, onDataChange, rowKey, dividingColumnKey, pageSizeOptions, className, scrollMaxHeightClass, isScrollable, fixedHeader, showPagination, }: DataTableViewOptionsProps<TData, TValue>) => react_jsx_runtime.JSX.Element;
+declare const DataTableMainFrameSortable: <TData extends RowData, TValue>({ table, columns, isLoadingTable, loadingContent, setQueryParams, dataLabel, actionColumns, data, messageEmpty, onDataChange, rowKey, dividingColumnKey, pageSizeOptions, className, scrollMaxHeightClass, isScrollable, fixedHeader, showPagination, renderTooltip, infoExtraLabel, }: DataTableViewOptionsProps<TData, TValue>) => react_jsx_runtime.JSX.Element;
 
 export { DataTableMainFrame, DataTableMainFrameSortable, DataTablePagination, DataTablePaginationSkeleton, DataTableRowSkeleton, DataTableSearch, DataTableSkeleton, DataTableStatus, DataTableViewOptions };

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-DwA_HfJw.mjs';
-import { C as ChevronDown } from '../chunks/chevron-down-BgIYlWhk.mjs';
-import { C as Check } from '../chunks/check-M4AEcM3j.mjs';
-import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-BFcKYAot.mjs';
-import { B as Button } from '../chunks/button-ay7E6KrE.mjs';
-import { C as Command, b as CommandInput, c as CommandList, d as CommandEmpty, e as CommandGroup, f as CommandItem, S as Search } from '../chunks/command-OnnopJEP.mjs';
-import { I as Input } from '../chunks/input-CqipwgOY.mjs';
-import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from '../chunks/select-CQBb4aB3.mjs';
-import { C as ChevronLeft } from '../chunks/chevron-left-wvVA3SWH.mjs';
-import { C as ChevronRight } from '../chunks/chevron-right-aTufSnLl.mjs';
-import { c as PaginationItem, f as PaginationEllipsis } from '../chunks/pagination-CzDSUdbY.mjs';
-import { S as Skeleton } from '../chunks/skeleton-Bd9uEq1R.mjs';
-import { e as TableRow, f as TableCell, T as Table, a as TableHeader, d as TableHead, b as TableBody } from '../chunks/table-C829r3Zv.mjs';
-import { c as createLucideIcon } from '../chunks/createLucideIcon-DwD3HsEs.mjs';
-import { S as Sortable, b as SortableItem } from '../chunks/sortable-CTcnqQX_.mjs';
-import '../chunks/bundle-mjs-CXcNQyyo.mjs';
-import '../chunks/index-Db1acFFW.mjs';
-import '../chunks/index-BsVg0u5v.mjs';
-import '../chunks/index-BdYD9SA8.mjs';
+import { c as cn } from '../chunks/utils-DfaTa-5f.mjs';
+import { C as ChevronDown } from '../chunks/chevron-down-cCIwKwmA.mjs';
+import { C as Check } from '../chunks/check-CP6BCwvU.mjs';
+import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-Bx3Ak-qS.mjs';
+import { B as Button } from '../chunks/button-BrmYbiY8.mjs';
+import { C as Command, b as CommandInput, c as CommandList, d as CommandEmpty, e as CommandGroup, f as CommandItem, S as Search } from '../chunks/command-CTTPLJSd.mjs';
+import { I as Input } from '../chunks/input-BRRi8JbN.mjs';
+import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from '../chunks/select-VgTkuC8i.mjs';
+import { C as ChevronLeft } from '../chunks/chevron-left-BPWGf-Mt.mjs';
+import { C as ChevronRight } from '../chunks/chevron-right-Bk4Jys-R.mjs';
+import { c as PaginationItem, f as PaginationEllipsis } from '../chunks/pagination-CoQF8H-y.mjs';
+import { S as Skeleton } from '../chunks/skeleton-TvPSLZ-7.mjs';
+import { e as TableRow, f as TableCell, T as Table, a as TableHeader, d as TableHead, b as TableBody } from '../chunks/table-5dae4DKj.mjs';
+import { c as createLucideIcon } from '../chunks/createLucideIcon-rdK7ReAV.mjs';
+import { S as Sortable, b as SortableItem } from '../chunks/sortable-DQ0ESvYM.mjs';
+import '../chunks/bundle-mjs-C9OlPgmH.mjs';
+import '../chunks/index-DEFfOyUE.mjs';
+import '../chunks/index-SHhYuecD.mjs';
+import '../chunks/index-C8YG6ZVI.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-BBC4sR1G.mjs';
-import '../chunks/index-B7kZbHfd.mjs';
+import '../chunks/index-D4Y6_Jit.mjs';
+import '../chunks/index-B0fljwsr.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-D5pght6h.mjs';
-import '../chunks/index-BLAYpkjT.mjs';
-import '../chunks/tslib.es6-CnQYzBlA.mjs';
-import '../chunks/index-DRdSNmMB.mjs';
-import '../chunks/index-BW3aCz7h.mjs';
-import '../chunks/index-DU7dxusa.mjs';
-import '../chunks/index-C5cl9B-D.mjs';
-import '../chunks/index-BtRo1b5t.mjs';
-import '../chunks/index-BxaETqU9.mjs';
-import '../chunks/index-Bs4nZmb7.mjs';
+import '../chunks/index-DNPAHxPV.mjs';
+import '../chunks/index-2wUt7vgM.mjs';
+import '../chunks/tslib.es6-BgXxJBc3.mjs';
+import '../chunks/index-9Ejb37i6.mjs';
+import '../chunks/index-B1HovDby.mjs';
+import '../chunks/index-Dpe5NTKJ.mjs';
+import '../chunks/index-C7WDAsMc.mjs';
+import '../chunks/index-BpfkkunI.mjs';
+import '../chunks/index-LOIUbp1N.mjs';
+import '../chunks/index-DFMyqwc8.mjs';
 import 'class-variance-authority';
-import '../chunks/index-C45e7-3X.mjs';
-import '../chunks/dialog-D-h9t9_b.mjs';
-import '../chunks/x-BZdVnIMx.mjs';
+import '../chunks/index-CcfhA3fh.mjs';
+import '../chunks/dialog-BZ1Bem1X.mjs';
+import '../chunks/x-BtRqeVV7.mjs';
 import '@radix-ui/react-select';
-import '../chunks/ellipsis-x68Orkqp.mjs';
+import '../chunks/ellipsis-CvvEpdNm.mjs';
 
 const __iconNode$1 = [
     [
@@ -183,7 +183,7 @@ function DataTablePagination({ table, pageSizeOptions = [
     50,
     100,
     200
-], dataLabel = "Fundos" }) {
+], dataLabel = "Fundos", infoExtraLabel }) {
     const pageSize = pageSizeOptions[0];
     const currentPage = table.getState().pagination.pageIndex + 1;
     const rowCount = table.getRowCount();
@@ -243,7 +243,7 @@ function DataTablePagination({ table, pageSizeOptions = [
         className: "text-muted-foreground flex gap-1 text-sm"
     }, /*#__PURE__*/ React__default.createElement("p", {
         className: "ml-2"
-    }, "Mostrando ", table.getRowModel().rows.length.toLocaleString(), " de ", rowCount, " ", dataLabel, ".")), /*#__PURE__*/ React__default.createElement("div", {
+    }, "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"
     }, /*#__PURE__*/ React__default.createElement(Select, {
         value: String(table.getState().pagination.pageSize) || String(pageSize),
@@ -316,7 +316,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 })=>{
+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 currentPage = Number(table.getState().pagination.pageIndex).toString();
     const pageSize = Number(table.getState().pagination.pageSize).toString();
     const sorting = table.getState().sorting;
@@ -359,23 +359,28 @@ const DataTableMainFrame = ({ table, columns, isLoadingTable, loadingContent, se
                 colSpan: columns.length,
                 className: "h-24 text-center"
             }, /*#__PURE__*/ React__default.createElement("span", {
-                className: "inline-block max-w-[30rem] text-wrap break-words"
+                className: "inline-block max-w-120 text-wrap wrap-break-word"
             }, messageEmpty)));
         }
         return table.getRowModel().rows.map((row, index)=>{
             const rowKey = row.id ?? String(index);
-            return /*#__PURE__*/ React__default.createElement(TableRow, {
+            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")
+                }, content);
+            });
+            const rowWithTooltip = renderTooltip ? renderTooltip(row, rowContent) : /*#__PURE__*/ React__default.createElement(TableRow, {
                 key: rowKey,
                 "data-state": row.getIsSelected() && "selected",
-                className: "even:bg-body/50"
-            }, 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")
-                }, flexRender(cell.column.columnDef.cell, cell.getContext()))));
+                className: cn("even:bg-body/50")
+            }, rowContent);
+            return rowWithTooltip;
         });
     };
     const shouldForceMinHeight = table.getRowModel().rows.length > 1 || isLoadingTable;
-    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement("div", {
+    const tableContent = /*#__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", {
         className: cn("relative w-full overflow-auto", shouldForceMinHeight && "force-min-height", isScrollable && scrollMaxHeightClass && scrollMaxHeightClass)
@@ -393,7 +398,7 @@ const DataTableMainFrame = ({ table, columns, isLoadingTable, loadingContent, se
             return /*#__PURE__*/ React__default.createElement(TableHead, {
                 className: cn(dividingColumnKey?.includes(id) ? "border-r" : "", "static"),
                 key: header.id
-            }, header.isPlaceholder ? null : /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement("div", {
+            }, 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" : "",
                 onClick: !isActionsColumn ? header.column.getToggleSortingHandler() : undefined
             }, flexRender(header.column.columnDef.header, header.getContext()), (!isActionsColumn && header.column.getCanSort() && ({
@@ -408,12 +413,14 @@ const DataTableMainFrame = ({ table, columns, isLoadingTable, loadingContent, se
                 })
             })[header.column.getIsSorted()]) ?? /*#__PURE__*/ React__default.createElement(ArrowDown, {
                 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()))));
+    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, {
         table: table,
         dataLabel: dataLabel,
-        pageSizeOptions: pageSizeOptions
+        pageSizeOptions: pageSizeOptions,
+        infoExtraLabel: infoExtraLabel
     }));
 };
 
@@ -552,7 +559,7 @@ 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 })=>{
+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 currentPage = Number(table.getState().pagination.pageIndex).toString();
     const pageSize = Number(table.getState().pagination.pageSize).toString();
     const sorting = table.getState().sorting;
@@ -605,23 +612,26 @@ const DataTableMainFrameSortable = ({ table, columns, isLoadingTable, loadingCon
                 colSpan: columns.length,
                 className: "h-24 text-center"
             }, /*#__PURE__*/ React__default.createElement("span", {
-                className: "inline-block max-w-[30rem] text-wrap break-words"
+                className: "inline-block max-w-120 text-wrap wrap-break-word"
             }, messageEmpty)));
         }
         return table.getRowModel().rows.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")
+                }, flexRender(cell.column.columnDef.cell, cell.getContext())));
+            const baseRow = /*#__PURE__*/ React__default.createElement(TableRow, {
+                "data-state": row.getIsSelected() && "selected",
+                className: cn("even:bg-body/50")
+            }, rowContent);
+            const wrappedRow = renderTooltip ? renderTooltip(row, rowContent) : baseRow;
             return /*#__PURE__*/ React__default.createElement(SortableItem, {
                 key: row.id,
                 value: key,
                 asChild: true
-            }, /*#__PURE__*/ React__default.createElement(TableRow, {
-                "data-state": row.getIsSelected() && "selected",
-                className: "even:bg-body/50"
-            }, 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")
-                }, flexRender(cell.column.columnDef.cell, cell.getContext())))));
+            }, wrappedRow);
         });
     };
     const shouldForceMinHeight = table.getRowModel().rows.length > 1 || isLoadingTable;
@@ -669,7 +679,8 @@ const DataTableMainFrameSortable = ({ table, columns, isLoadingTable, loadingCon
     })), /*#__PURE__*/ React__default.createElement(TableBody, null, renderTableBodyContent()))))), isScrollable || !showPagination ? null : isLoadingTable ? /*#__PURE__*/ React__default.createElement(DataTablePaginationSkeleton, null) : /*#__PURE__*/ React__default.createElement(DataTablePagination, {
         table: table,
         dataLabel: dataLabel,
-        pageSizeOptions: pageSizeOptions
+        pageSizeOptions: pageSizeOptions,
+        infoExtraLabel: infoExtraLabel
     }));
 };