ivt 0.8.5 → 0.8.7

package/dist/context-menu/index.mjs

@@ -1,29 +1,29 @@
 import * as React from 'react';
-import { P as Primitive, c as composeEventHandlers } from '../chunks/index-B-46hbYc.mjs';
-import { c as createContextScope } from '../chunks/index-RaUpQCps.mjs';
-import { c as createMenuScope, R as Root3, A as Anchor2, P as Portal, C as Content2$1, I as Item2$1, a as CheckboxItem, b as ItemIndicator, d as RadioItem, L as Label, S as Separator, G as Group, e as Sub, f as SubContent, g as SubTrigger, h as RadioGroup, i as Arrow2, j as Circle } from '../chunks/index-C5uKwhOD.mjs';
-import { u as useCallbackRef } from '../chunks/index-Dp_x2nI3.mjs';
-import { u as useControllableState } from '../chunks/index-SLs8oClH.mjs';
+import { P as Primitive, c as composeEventHandlers } from '../chunks/index-Dsw02Eup.mjs';
+import { c as createContextScope } from '../chunks/index-D4jPaBZ2.mjs';
+import { c as createMenuScope, R as Root3, A as Anchor2, P as Portal, C as Content2$1, I as Item2$1, a as CheckboxItem, b as ItemIndicator, d as RadioItem, L as Label, S as Separator, G as Group, e as Sub, f as SubContent, g as SubTrigger, h as RadioGroup, i as Arrow2, j as Circle } from '../chunks/index-zIaBOKQ3.mjs';
+import { u as useCallbackRef } from '../chunks/index-DC-gAYjS.mjs';
+import { u as useControllableState } from '../chunks/index-1toTCGyr.mjs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { c as cn } from '../chunks/utils-Dws4Ft8U.mjs';
-import { C as Check } from '../chunks/check-VfNn6myv.mjs';
-import { C as ChevronRight } from '../chunks/chevron-right-Bb52eown.mjs';
+import { c as cn } from '../chunks/utils-BDcRwQMd.mjs';
+import { C as Check } from '../chunks/check-Ds358kZc.mjs';
+import { C as ChevronRight } from '../chunks/chevron-right-Dq6zFe5E.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/createLucideIcon-D3jW_oal.mjs';
+import '../chunks/createLucideIcon-C11Tr46U.mjs';
 import '@radix-ui/react-collection';
-import '../chunks/index-Csf3aM1P.mjs';
-import '../chunks/index-EcI_mW3m.mjs';
-import '../chunks/index-BbPnHdtV.mjs';
-import '../chunks/tslib.es6-B32hQ9eG.mjs';
-import '../chunks/index-DF-3JHwb.mjs';
-import '../chunks/index-C__GtYCW.mjs';
-import '../chunks/index-BzAMFivh.mjs';
-import '../chunks/index-DDM8Lpbb.mjs';
-import '../chunks/index-JZ-FhLOH.mjs';
-import '../chunks/index-DGUU265f.mjs';
-import '../chunks/index-DghbVew_.mjs';
-import '../chunks/bundle-mjs-CjTndHqR.mjs';
+import '../chunks/index-UxWlwQlk.mjs';
+import '../chunks/index-4NpeUekv.mjs';
+import '../chunks/index-z4Hk6sF4.mjs';
+import '../chunks/tslib.es6-Q9puKanr.mjs';
+import '../chunks/index-gX0V59dZ.mjs';
+import '../chunks/index-C8u7IIcP.mjs';
+import '../chunks/index-B87m6Bfb.mjs';
+import '../chunks/index-DAa5gqEY.mjs';
+import '../chunks/index-BksCjWh6.mjs';
+import '../chunks/index-DfeRLazC.mjs';
+import '../chunks/index-DIHpzffL.mjs';
+import '../chunks/bundle-mjs-CXmmFvYo.mjs';
 
 var CONTEXT_MENU_NAME = "ContextMenu";
 var [createContextMenuContext] = createContextScope(CONTEXT_MENU_NAME, [

package/dist/dash/index.mjs

@@ -1,30 +1,31 @@
 import React__default from 'react';
-import { c as cn } from '../chunks/utils-Dws4Ft8U.mjs';
-import { b as formatNegative, c as formatNumberWithComma, f as formatMoney } from '../chunks/format-numbers-CBSY6ZvL.mjs';
-import { C as Card, a as CardHeader, c as CardTitle, f as CardContent, b as CardFooter } from '../chunks/card-BoHc9gge.mjs';
-import { T as TooltipIndicator } from '../chunks/TooltipIndicator-B9oMD_x3.mjs';
-import { S as Skeleton } from '../chunks/skeleton-ClXnWXNn.mjs';
-import { T as TriangleAlert } from '../chunks/triangle-alert-B-blf7Ow.mjs';
-import { f as formatDateToBrazilian } from '../chunks/date-Dy-Pzcmp.mjs';
-import { c as TooltipProvider, T as Tooltip, a as TooltipTrigger, b as TooltipContent } from '../chunks/tooltip-CI9dbI1p.mjs';
-import '../chunks/bundle-mjs-CjTndHqR.mjs';
-import '../chunks/createLucideIcon-D3jW_oal.mjs';
-import '../chunks/format-CxsCX_YZ.mjs';
-import '../chunks/index-B-46hbYc.mjs';
+import { c as cn } from '../chunks/utils-BDcRwQMd.mjs';
+import { f as formatNegative } from '../chunks/styles-lQyUmHf7.mjs';
+import { C as Card, a as CardHeader, c as CardTitle, f as CardContent, b as CardFooter } from '../chunks/card-CEohNEru.mjs';
+import { T as TooltipIndicator } from '../chunks/TooltipIndicator-o_ekzuQD.mjs';
+import { S as Skeleton } from '../chunks/skeleton-LDpPNYvq.mjs';
+import { T as TriangleAlert } from '../chunks/triangle-alert-B_tQGpT4.mjs';
+import { f as formatDateToBrazilian } from '../chunks/date-Dqmv8Nr4.mjs';
+import { a as formatNumberWithComma, f as formatMoney } from '../chunks/format-numbers-LmnBEQr0.mjs';
+import { c as TooltipProvider, T as Tooltip, a as TooltipTrigger, b as TooltipContent } from '../chunks/tooltip-njN_ok-r.mjs';
+import '../chunks/bundle-mjs-CXmmFvYo.mjs';
+import '../chunks/createLucideIcon-C11Tr46U.mjs';
+import '../chunks/format-8qs-kXlN.mjs';
+import '../chunks/index-Dsw02Eup.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
 import 'react/jsx-runtime';
-import '../chunks/index-RaUpQCps.mjs';
-import '../chunks/index-EcI_mW3m.mjs';
-import '../chunks/index-Dp_x2nI3.mjs';
-import '../chunks/index-DF-3JHwb.mjs';
-import '../chunks/index-C__GtYCW.mjs';
-import '../chunks/index-BzAMFivh.mjs';
-import '../chunks/index-DDM8Lpbb.mjs';
-import '../chunks/index-JZ-FhLOH.mjs';
-import '../chunks/index-DGUU265f.mjs';
-import '../chunks/index-SLs8oClH.mjs';
-import '../chunks/index-B5fbJZIT.mjs';
+import '../chunks/index-D4jPaBZ2.mjs';
+import '../chunks/index-4NpeUekv.mjs';
+import '../chunks/index-DC-gAYjS.mjs';
+import '../chunks/index-gX0V59dZ.mjs';
+import '../chunks/index-C8u7IIcP.mjs';
+import '../chunks/index-B87m6Bfb.mjs';
+import '../chunks/index-DAa5gqEY.mjs';
+import '../chunks/index-BksCjWh6.mjs';
+import '../chunks/index-DfeRLazC.mjs';
+import '../chunks/index-1toTCGyr.mjs';
+import '../chunks/index-BJrVyyCQ.mjs';
 
 function DashCard({ title, tooltip, value, footer, valueFormatter = (v)=>v, className, valueClassName, isLoading }) {
     return /*#__PURE__*/ React__default.createElement(Card, {

package/dist/dash/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/components/default/dash/DashCard.tsx","../../src/components/default/dash/DashCardList.tsx","../../src/components/default/dash/ErrorMessageDashCard.tsx","../../src/components/default/dash/ValuePercentage.tsx"],"sourcesContent":["import React from \"react\";\nimport { 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\";\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 React from \"react\";\nimport { Card, CardContent, CardFooter, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { cn } from \"@/lib/utils\";\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 { AlertTriangle } from \"lucide-react\";\nimport React from \"react\";\nimport { cn } from \"@/lib/utils\";\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","import React from \"react\";\nimport { 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\";\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"],"names":["DashCard","title","tooltip","value","footer","valueFormatter","v","className","valueClassName","isLoading","React","Card","cn","CardHeader","CardTitle","TooltipIndicator","CardContent","Skeleton","p","formatNegative","CardFooter","DashCardList","content","ErrorMessageDashCard","children","shouldIcon","props","div","AlertTriangle","span","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","TooltipContent","side","formatDateToBrazilian"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,SAASA,SAAS,EACxBC,KAAK,EACLC,OAAO,EACPC,KAAK,EACLC,MAAM,EACNC,cAAAA,GAAiB,CAACC,IAAMA,CAAC,EACzBC,SAAS,EACTC,cAAc,EACdC,SAAS,EACM,EAAA;AACf,IAAA,qBACCC,cAAA,CAAA,aAAA,CAACC,IAAAA,EAAAA;AAAKJ,QAAAA,SAAAA,EAAWK,GAAG,cAAA,EAAgBL,SAAAA;qBACnCG,cAAA,CAAA,aAAA,CAACG,UAAAA,EAAAA;QAAWN,SAAAA,EAAU;qBACrBG,cAAA,CAAA,aAAA,CAACI,SAAAA,EAAAA;QAAUP,SAAAA,EAAU;AACnBN,KAAAA,EAAAA,KAAAA,EACAC,yBAAWQ,cAAA,CAAA,aAAA,CAACK,gBAAAA,EAAAA,IAAAA,EAAkBb,0BAIjCQ,cAAA,CAAA,aAAA,CAACM,WAAAA,EAAAA,IAAAA,EACCP,0BACAC,cAAA,CAAA,aAAA,CAACO,QAAAA,EAAAA;AAASV,QAAAA,SAAAA,EAAWK,GAAG,sBAAA,EAAwBJ,cAAAA;uBAEhDE,cAAA,CAAA,aAAA,CAACQ,GAAAA,EAAAA;AACAX,QAAAA,SAAAA,EAAWK,GACV,oBAAA,EACA,OAAOT,UAAU,QAAA,IAAYgB,cAAAA,CAAe,CAAChB,KAAAA,CAAAA,EAC7CK,cAAAA;AAGAH,KAAAA,EAAAA,cAAAA,CAAeF,KAAAA,CAAAA,CAAAA,CAAAA,EAKlBC,MAAAA,kBAAUM,cAAA,CAAA,aAAA,CAACU,UAAAA,EAAAA,IAAAA,EAAYX,0BAAYC,cAAA,CAAA,aAAA,CAACO,QAAAA,EAAAA;QAASV,SAAAA,EAAU;AAAgBH,KAAAA,CAAAA,GAAAA,MAAAA,CAAAA,CAAAA;AAG3E;;ACxCO,SAASiB,YAAAA,CAAa,EAC5BpB,KAAK,EACLC,OAAO,EACPE,MAAM,EACNkB,OAAO,EACPf,SAAS,EACTC,cAAc,EACdC,SAAS,EACU,EAAA;AACnB,IAAA,qBACCC,cAAA,CAAA,aAAA,CAACC,IAAAA,EAAAA;AAAKJ,QAAAA,SAAAA,EAAWK,GAAG,cAAA,EAAgBL,SAAAA;qBACnCG,cAAA,CAAA,aAAA,CAACG,UAAAA,EAAAA;QAAWN,SAAAA,EAAU;qBACrBG,cAAA,CAAA,aAAA,CAACI,SAAAA,EAAAA;QAAUP,SAAAA,EAAU;AACnBN,KAAAA,EAAAA,KAAAA,EACAC,yBAAWQ,cAAA,CAAA,aAAA,CAACK,gBAAAA,EAAAA,IAAAA,EAAkBb,0BAIjCQ,cAAA,CAAA,aAAA,CAACM,WAAAA,EAAAA,IAAAA,EACCP,0BAAYC,cAAA,CAAA,aAAA,CAACO,QAAAA,EAAAA;AAASV,QAAAA,SAAAA,EAAWK,GAAG,sBAAA,EAAwBJ,cAAAA;AAAsBc,KAAAA,CAAAA,GAAAA,OAAAA,CAAAA,EAGnFlB,MAAAA,kBAAUM,cAAA,CAAA,aAAA,CAACU,UAAAA,EAAAA,IAAAA,EAAYX,SAAAA,iBAAYC,cAAA,CAAA,aAAA,CAACO,QAAAA,EAAAA;QAASV,SAAAA,EAAU;AAAgBH,KAAAA,CAAAA,GAAAA,MAAAA,CAAAA,CAAAA;AAG3E;;AChCO,MAAMmB,oBAAAA,GAA4D,CAAC,EACzEC,QAAQ,EACRjB,SAAS,EACTkB,UAAAA,GAAa,IAAI,EACjB,GAAGC,KAAAA,EACH,GAAA;AACA,IAAA,qBACChB,cAAA,CAAA,aAAA,CAACiB,KAAAA,EAAAA;AACApB,QAAAA,SAAAA,EAAWK,GAAG,4DAAA,EAA8DL,SAAAA,CAAAA;AAC3E,QAAA,GAAGmB;AAEHD,KAAAA,EAAAA,UAAAA,kBAAcf,cAAA,CAAA,aAAA,CAACkB,aAAAA,EAAAA;QAAcrB,SAAAA,EAAU;AACxC,KAAA,CAAA,gBAAAG,cAAA,CAAA,aAAA,CAACmB,cAAML,QAAAA,IAAY,2BAAA,CAAA,CAAA;AAGtB;;ACHO,MAAMM,eAAAA,GAAkD,CAAC,EAC/DC,UAAU,EACVC,aAAa,EACbC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTjC,KAAK,EACLkC,sBAAAA,GAAyB,CAAC,EAC1BC,sBAAAA,GAAyB,CAAC,EAC1BC,QAAAA,GAAW,IAAI,EACfC,IAAAA,GAAO,oBAAoB,EAC3BC,aAAAA,GAAgB,KAAK,EACrB,GAAA;AACA,IAAA,MAAMC,UACLX,UAAAA,KAAe,CAAA,GACZ,uBAAA,GACAA,UAAAA,GAAa,IACZ,kBAAA,GACA,eAAA;IACL,MAAMY,SAAAA,GAAYZ,UAAAA,GAAa,CAAA,GAAI,GAAA,GAAM,GAAA;AACzC,IAAA,MAAMa,cAAc,CAACC,GAAAA,GAAAA;AACpB,QAAA,MAAMC,OAAAA,GAAU;YACf3C,KAAAA,EAAO0C,GAAAA;YACPE,qBAAAA,EAAuBT,sBAAAA;YACvBU,qBAAAA,EAAuBX;AACxB,SAAA;AACA,QAAA,OAAOI,gBACJQ,WAAAA,CAAY;AACZ9C,YAAAA,KAAAA,EAAO2C,QAAQ3C,KAAK;AACpB4C,YAAAA,qBAAAA,EAAuBD,QAAQC,qBAAqB;AACpDC,YAAAA,qBAAAA,EAAuBF,QAAQE,qBAAqB;YACpDE,QAAAA,EAAU;AACX,SAAA,CAAA,GACCC,qBAAAA,CAAsBL,OAAAA,CAAAA;AAC1B,IAAA,CAAA;AAEA,IAAA,qBACCpC,cAAA,CAAA,aAAA,CAAC0C,eAAAA,EAAAA,IAAAA,gBACA1C,cAAA,CAAA,aAAA,CAAC2C,OAAAA,EAAAA,IAAAA,gBACA3C,cAAA,CAAA,aAAA,CAAC4C,cAAAA,EAAAA;QAAeC,OAAAA,EAAAA;qBACf7C,cAAA,CAAA,aAAA,CAACiB,KAAAA,EAAAA;AAAIpB,QAAAA,SAAAA,EAAWK,GAAG,SAAA,EAAW8B,OAAAA;qBAC7BhC,cAAA,CAAA,aAAA,CAACmB,MAAAA,EAAAA;QAAKtB,SAAAA,EAAU;OAAQoC,SAAAA,CAAAA,gBACxBjC,cAAA,CAAA,aAAA,CAACmB,cACCsB,qBAAAA,CAAsB;QACtBhD,KAAAA,EAAO4B,UAAAA;QACPgB,qBAAAA,EAAuB,CAAA;QACvBC,qBAAAA,EAAuB;KACxB,CAAA,EAAG,GAAA,CAAA,EAEI,GAAA,EACPT,QAAAA,kBAAY7B,cAAA,CAAA,aAAA,CAACmB,MAAAA,EAAAA;QAAKtB,SAAAA,EAAU;OAAyBiC,IAAAA,CAAAA,CAAAA,CAAAA,EAGvDR,aAAAA,IAAiBE,2BACjBxB,cAAA,CAAA,aAAA,CAAC8C,cAAAA,EAAAA;QAAeC,IAAAA,EAAK,QAAA;QAASlD,SAAAA,EAAU;AACvC,KAAA,gBAAAG,cAAA,CAAA,aAAA,CAACmB,MAAAA,EAAAA,IAAAA,EACC6B,qBAAAA,CAAsB1B,aAAAA,CAAAA,EAAgB,GAAA,EACtCC,WAAAA,IAAe,CAAC,EAAE,EAAEyB,qBAAAA,CAAsBzB,WAAAA,CAAAA,CAAAA,CAAc,EAAC,GAAA,EAAE,KAC3DW,WAAAA,CAAYR,SAAAA,IAAa,CAAA,CAAA,CAAA,gBAE3B1B,cAAA,CAAA,aAAA,CAACmB,MAAAA,EAAAA,IAAAA,EACC6B,qBAAAA,CAAsBxB,SAAAA,CAAAA,EAAW,GAAA,EAAEC,WAAW,CAAC,EAAE,EAAEuB,qBAAAA,CAAsBvB,OAAAA,CAAAA,CAAAA,CAAU,EAAC,GAAA,EAAE,GAAA,EACtFS,YAAYzC,KAAAA,IAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAO7B;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/components/default/dash/DashCard.tsx","../../src/components/default/dash/DashCardList.tsx","../../src/components/default/dash/ErrorMessageDashCard.tsx","../../src/components/default/dash/ValuePercentage.tsx"],"sourcesContent":["import React from \"react\";\nimport { 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\";\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 React from \"react\";\nimport { Card, CardContent, CardFooter, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { cn } from \"@/lib/utils\";\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 { AlertTriangle } from \"lucide-react\";\nimport React from \"react\";\nimport { cn } from \"@/lib/utils\";\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","import React from \"react\";\nimport { 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\";\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"],"names":["DashCard","title","tooltip","value","footer","valueFormatter","v","className","valueClassName","isLoading","React","Card","cn","CardHeader","CardTitle","TooltipIndicator","CardContent","Skeleton","p","formatNegative","CardFooter","DashCardList","content","ErrorMessageDashCard","children","shouldIcon","props","div","AlertTriangle","span","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","TooltipContent","side","formatDateToBrazilian"],"mappings":"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"}

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

@@ -1,10 +1,33 @@
 import React__default from 'react';
+import { DragStartEvent, DragEndEvent } from '@dnd-kit/core';
 import { ColumnDef, Row, Table } from '@tanstack/react-table';
-import { T as TabConfig } from '../chunks/GenericTabs-CtJk8qVb.js';
-import { E as ExportConfig } from '../chunks/export-config-BMsuab-C.js';
+import { T as TabConfig } from '../chunks/GenericTabs-B6Sm4mwD.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DragStartEvent, DragEndEvent } from '@dnd-kit/core';
 
+type FormatterFn<T> = (value: unknown, originalRow: T) => string | number | null;
+interface ExportConfig<TData> {
+    exportableFields: readonly string[];
+    columnMapping: Partial<Record<string, string>>;
+    fieldFormatters?: Partial<Record<string, FormatterFn<TData>>>;
+    defaultFileName: string;
+    worksheetName: string;
+    emptyMessage?: string;
+}
+
+interface ExportOption {
+    label: string;
+    onExport: () => Promise<void> | void;
+    disabled?: boolean;
+}
+
+type TreeData<T> = T & {
+    id: string | number;
+    subRows?: TreeData<T>[];
+};
+
+interface ListParams$1 {
+    [propName: string]: string | string[];
+}
 interface DataTableProps<TData> {
     data: TData[];
     columns: ColumnDef<TData>[];
@@ -29,59 +52,58 @@ interface DataTableProps<TData> {
     currentTab?: string;
     onTabChange?: (value: string) => void;
 }
-interface DataTableFullProps<TData> extends DataTableProps<TData> {
-    table: Table<TData>;
-    appliedFiltersCount: number;
-    isExportedTable?: boolean;
-    isViewOptions?: boolean;
-    isExportButtonGroup?: boolean;
-    actionExcel?: () => void | Promise<void>;
-    actionPdf?: () => void | Promise<void>;
-    disabledButtons?: boolean;
-    disabledButtonExcel?: boolean;
-    disabledButtonPdf?: boolean;
-    rowKey: keyof TData | Array<keyof TData> | ((row: TData) => string | number);
-}
-type RowData$1 = {
-    [key: string]: any;
-};
-
-declare const DataTableFull: <TData extends RowData$1>({ data, columns, transformIdToNameColumn, isLoading, dataLabel, messageEmpty, fileName, showPagination, config, buttonExportText, action, disabledAction, renderTooltip, infoExtraLabel, tableFilterNode, rowKey, appliedFiltersCount, table, isExportedTable, isViewOptions, isExportButtonGroup, actionExcel, actionPdf, disabledButtons, disabledButtonExcel, disabledButtonPdf, genericTabs, currentTab, onTabChange, }: DataTableFullProps<TData>) => React__default.ReactElement;
-
-interface DataTableViewOptionsProps$2<TData, TValue> {
+interface DataTableMainFrameSortableProps<TData, TValue> {
     table: Table<TData>;
     columns: ColumnDef<TData, TValue>[];
-    setQueryParams?: React__default.Dispatch<React__default.SetStateAction<ListParams$1>>;
+    setQueryParams?: React.Dispatch<React.SetStateAction<ListParams$1>>;
     isLoadingTable?: boolean;
-    dataLabel: string;
+    dataLabel?: string;
     actionColumns?: string[];
-    messageEmpty?: React__default.ReactNode;
+    data: TData[];
+    onDataChange?: (newData: TData[]) => void;
+    messageEmpty?: React.ReactNode;
+    rowKey: keyof TData | Array<keyof TData> | ((row: TData) => string | number);
     dividingColumnKey?: string[];
-    loadingContent?: React__default.ReactNode;
+    loadingContent?: React.ReactNode;
     pageSizeOptions?: number[];
     className?: string;
     isScrollable?: boolean;
     scrollMaxHeightClass?: string;
     fixedHeader?: boolean;
     showPagination?: boolean;
-    renderTooltip?: (row: Row<TData>, rowContent: React__default.ReactNode) => React__default.ReactNode;
-    renderSubComponent?: (props: {
-        row: Row<TData>;
-    }) => React__default.ReactNode;
-    infoExtraLabel?: React__default.ReactNode;
+    renderTooltip?: (row: Row<TData>, rowContent: React.ReactNode) => React.ReactNode;
+    infoExtraLabel?: React.ReactNode;
     showDataLabel?: boolean;
-    footerAction?: React__default.ReactNode;
+    footerAction?: React.ReactNode;
+    sortableValue?: TreeData<TData>[];
+    sortableOnValueChange?: (items: TreeData<TData>[]) => void;
+    sortableOnDragStart?: (event: DragStartEvent) => void;
+    sortableOnDragEnd?: (event: DragEndEvent) => void;
     maxVisualRows?: number;
 }
-interface ListParams$1 {
-    [propName: string]: string | string[];
+interface DataTableFullProps<TData> extends DataTableProps<TData>, DataTableMainFrameSortableProps<TData, unknown> {
+    table: Table<TData>;
+    appliedFiltersCount?: number;
+    isExportedTable?: boolean;
+    isViewOptions?: boolean;
+    isExportButtonGroup?: boolean;
+    disabledButtons?: boolean;
+    optionsExport?: ExportOption[];
+    rowKey: keyof TData | Array<keyof TData> | ((row: TData) => string | number);
+    widthCurrentTab?: boolean;
+    showDataLabel?: boolean;
 }
-declare const DataTableMainFrame: <TData, TValue>({ table, columns, isLoadingTable, loadingContent, setQueryParams, dataLabel, actionColumns, messageEmpty, dividingColumnKey, pageSizeOptions, className, scrollMaxHeightClass, isScrollable, fixedHeader, showPagination, showDataLabel, renderTooltip, renderSubComponent, infoExtraLabel, footerAction, maxVisualRows, }: DataTableViewOptionsProps$2<TData, TValue>) => react_jsx_runtime.JSX.Element;
+type RowData$1 = {
+    [key: string]: any;
+};
 
-type TreeData<T> = T & {
-    id: string | number;
-    subRows?: TreeData<T>[];
+type DataTableFullWithTabsProps<TData extends RowData$1> = DataTableFullProps<TData> & {
+    /**
+     * Tabs customizadas. Se fornecido, tem prioridade sobre genericTabs.
+     */
+    tabs?: React__default.ReactNode;
 };
+declare const DataTableFull: <TData extends RowData$1>({ data, columns, transformIdToNameColumn, isLoading, dataLabel, messageEmpty, fileName, showPagination, config, buttonExportText, action, disabledAction, renderTooltip, infoExtraLabel, tableFilterNode, rowKey, appliedFiltersCount, table, isExportedTable, isViewOptions, isExportButtonGroup, disabledButtons, genericTabs, widthCurrentTab, currentTab, onTabChange, tabs, showDataLabel, loadingContent, setQueryParams, actionColumns, onDataChange, dividingColumnKey, pageSizeOptions, className, scrollMaxHeightClass, isScrollable, fixedHeader, footerAction, sortableValue: propValue, sortableOnValueChange: propOnValueChange, sortableOnDragStart: propOnDragStart, sortableOnDragEnd: propOnDragEnd, maxVisualRows, optionsExport, }: DataTableFullWithTabsProps<TData>) => React__default.ReactElement;
 
 interface DataTableViewOptionsProps$1<TData, TValue> {
     table: Table<TData>;
@@ -90,10 +112,7 @@ interface DataTableViewOptionsProps$1<TData, TValue> {
     isLoadingTable?: boolean;
     dataLabel: string;
     actionColumns?: string[];
-    data: TData[];
-    onDataChange?: (newData: TData[]) => void;
     messageEmpty?: React__default.ReactNode;
-    rowKey: keyof TData | Array<keyof TData> | ((row: TData) => string | number);
     dividingColumnKey?: string[];
     loadingContent?: React__default.ReactNode;
     pageSizeOptions?: number[];
@@ -103,22 +122,23 @@ interface DataTableViewOptionsProps$1<TData, TValue> {
     fixedHeader?: boolean;
     showPagination?: boolean;
     renderTooltip?: (row: Row<TData>, rowContent: React__default.ReactNode) => React__default.ReactNode;
+    renderSubComponent?: (props: {
+        row: Row<TData>;
+    }) => React__default.ReactNode;
     infoExtraLabel?: React__default.ReactNode;
     showDataLabel?: boolean;
     footerAction?: React__default.ReactNode;
-    sortableValue?: TreeData<TData>[];
-    sortableOnValueChange?: (items: TreeData<TData>[]) => void;
-    sortableOnDragStart?: (event: DragStartEvent) => void;
-    sortableOnDragEnd?: (event: DragEndEvent) => void;
     maxVisualRows?: number;
 }
-type RowData = {
-    [key: string]: any;
-};
 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, showDataLabel, renderTooltip, infoExtraLabel, footerAction, sortableValue: propValue, sortableOnValueChange: propOnValueChange, sortableOnDragStart: propOnDragStart, sortableOnDragEnd: propOnDragEnd, maxVisualRows, }: 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, showDataLabel, renderTooltip, renderSubComponent, infoExtraLabel, footerAction, maxVisualRows, }: DataTableViewOptionsProps$1<TData, TValue>) => react_jsx_runtime.JSX.Element;
+
+type RowData = {
+    [key: string]: any;
+};
+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, showDataLabel, renderTooltip, infoExtraLabel, footerAction, sortableValue: propValue, sortableOnValueChange: propOnValueChange, sortableOnDragStart: propOnDragStart, sortableOnDragEnd: propOnDragEnd, maxVisualRows, }: DataTableMainFrameSortableProps<TData, TValue>) => react_jsx_runtime.JSX.Element;
 
 interface DataTablePaginationProps<TData> {
     table: Table<TData>;

package/dist/data-table/index.mjs

@@ -1,59 +1,59 @@
 import * as React$1 from 'react';
 import React__default, { forwardRef, createElement } from 'react';
-import { G as GenericTabs } from '../chunks/GenericTabs-B42Kfv_U.mjs';
-import { E as ExportButtons, B as ButtonExportCsv } from '../chunks/ExportButtons-Ru0nKJJO.mjs';
-import { C as Container, a as ChildContainer } from '../chunks/Container-BFAAGDWA.mjs';
-import { c as cn } from '../chunks/utils-Dws4Ft8U.mjs';
-import { C as ChevronDown } from '../chunks/chevron-down-CD1QpvBA.mjs';
-import { C as Check } from '../chunks/check-VfNn6myv.mjs';
-import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover--9SMD-cC.mjs';
-import { B as Button } from '../chunks/button-BvsCd2vf.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-e20cpPEv.mjs';
-import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from '../chunks/select-Cl_ZzI9R.mjs';
-import { C as ChevronLeft } from '../chunks/chevron-left-B7ClEtyW.mjs';
-import { C as ChevronRight } from '../chunks/chevron-right-Bb52eown.mjs';
-import { c as PaginationItem, f as PaginationEllipsis } from '../chunks/pagination-BF_3NYnD.mjs';
-import { S as Skeleton } from '../chunks/skeleton-ClXnWXNn.mjs';
-import { e as TableRow, f as TableCell, T as Table, a as TableHeader, d as TableHead, b as TableBody } from '../chunks/table-Bfl280bq.mjs';
-import { S as Sortable, b as SortableItem } from '../chunks/sortable-T_IChBln.mjs';
-import { c as createLucideIcon } from '../chunks/createLucideIcon-D3jW_oal.mjs';
-import { I as Input } from '../chunks/input-B4HxPY7D.mjs';
-import '../chunks/tabs-C8FBxYmq.mjs';
-import '../chunks/index-B-46hbYc.mjs';
+import { G as GenericTabs } from '../chunks/GenericTabs-CqunvZEw.mjs';
+import { E as ExportButtons, B as ButtonExportCsv } from '../chunks/ExportButtons-BtYHz3q3.mjs';
+import { c as cn } from '../chunks/utils-BDcRwQMd.mjs';
+import { C as ChevronDown } from '../chunks/chevron-down-CDFTds2-.mjs';
+import { C as Check } from '../chunks/check-Ds358kZc.mjs';
+import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-CdZgcLPo.mjs';
+import { B as Button } from '../chunks/button-CZpmCmNo.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-o67hOCgH.mjs';
+import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from '../chunks/select-BBatgGtL.mjs';
+import { C as ChevronLeft } from '../chunks/chevron-left-Baq244Ce.mjs';
+import { C as ChevronRight } from '../chunks/chevron-right-Dq6zFe5E.mjs';
+import { c as PaginationItem, f as PaginationEllipsis } from '../chunks/pagination-Bx_e3scG.mjs';
+import { S as Skeleton } from '../chunks/skeleton-LDpPNYvq.mjs';
+import { e as TableRow, f as TableCell, T as Table, a as TableHeader, d as TableHead, b as TableBody } from '../chunks/table-BzhSKY4n.mjs';
+import { S as Sortable, b as SortableItem } from '../chunks/sortable-CE5SC5JS.mjs';
+import { c as createLucideIcon } from '../chunks/createLucideIcon-C11Tr46U.mjs';
+import { C as Container, a as ChildContainer } from '../chunks/Container-qhzI-HED.mjs';
+import { I as Input } from '../chunks/input-B-W81Xmi.mjs';
+import '../chunks/tabs-B5HgsIWx.mjs';
+import '../chunks/index-Dsw02Eup.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
 import 'react/jsx-runtime';
-import '../chunks/index-RaUpQCps.mjs';
-import '../chunks/index-DghbVew_.mjs';
+import '../chunks/index-D4jPaBZ2.mjs';
+import '../chunks/index-DIHpzffL.mjs';
 import '@radix-ui/react-collection';
-import '../chunks/index-DF-3JHwb.mjs';
-import '../chunks/index-C__GtYCW.mjs';
-import '../chunks/index-Dp_x2nI3.mjs';
-import '../chunks/index-SLs8oClH.mjs';
-import '../chunks/index-Csf3aM1P.mjs';
-import '../chunks/index-DGUU265f.mjs';
-import '../chunks/scroll-area-D0gA5i73.mjs';
-import '../chunks/index-DslxcA48.mjs';
-import '../chunks/date-Dy-Pzcmp.mjs';
-import '../chunks/format-CxsCX_YZ.mjs';
-import '../chunks/button-group-PrAqXtXn.mjs';
+import '../chunks/index-gX0V59dZ.mjs';
+import '../chunks/index-C8u7IIcP.mjs';
+import '../chunks/index-DC-gAYjS.mjs';
+import '../chunks/index-1toTCGyr.mjs';
+import '../chunks/index-UxWlwQlk.mjs';
+import '../chunks/index-DfeRLazC.mjs';
+import '../chunks/scroll-area-qiUBme0Q.mjs';
+import '../chunks/index-CcmH_f2V.mjs';
+import '../chunks/date-Dqmv8Nr4.mjs';
+import '../chunks/format-8qs-kXlN.mjs';
+import '../chunks/button-group-ChymO3Hm.mjs';
 import 'class-variance-authority';
-import '../chunks/separator-DohkJ_xb.mjs';
-import '../chunks/dropdown-menu-B2ja7qty.mjs';
-import '../chunks/index-C5uKwhOD.mjs';
-import '../chunks/index-EcI_mW3m.mjs';
-import '../chunks/index-BbPnHdtV.mjs';
-import '../chunks/tslib.es6-B32hQ9eG.mjs';
-import '../chunks/index-BzAMFivh.mjs';
-import '../chunks/index-DDM8Lpbb.mjs';
-import '../chunks/index-JZ-FhLOH.mjs';
-import '../chunks/upload-CQFfafJB.mjs';
-import '../chunks/bundle-mjs-CjTndHqR.mjs';
-import '../chunks/index-B46fiGOC.mjs';
-import '../chunks/dialog-B20zSjze.mjs';
-import '../chunks/x-CQ0W-nWi.mjs';
+import '../chunks/separator-DYyhdAi6.mjs';
+import '../chunks/dropdown-menu-DnPBut1Q.mjs';
+import '../chunks/index-zIaBOKQ3.mjs';
+import '../chunks/index-4NpeUekv.mjs';
+import '../chunks/index-z4Hk6sF4.mjs';
+import '../chunks/tslib.es6-Q9puKanr.mjs';
+import '../chunks/index-B87m6Bfb.mjs';
+import '../chunks/index-DAa5gqEY.mjs';
+import '../chunks/index-BksCjWh6.mjs';
+import '../chunks/upload-DvgPaJGb.mjs';
+import '../chunks/bundle-mjs-CXmmFvYo.mjs';
+import '../chunks/index-CaYwp6E6.mjs';
+import '../chunks/dialog-DL1cSseU.mjs';
+import '../chunks/x-B6hDJA_l.mjs';
 import '@radix-ui/react-select';
-import '../chunks/ellipsis-C6LF5HVj.mjs';
+import '../chunks/ellipsis-Cn3R-5sm.mjs';
 
 const __iconNode$1 = [
     [
@@ -91,7 +91,7 @@ const __iconNode = [
 ];
 const ArrowUp = createLucideIcon("ArrowUp", __iconNode);
 
-const DataTableFull = ({ data, columns, transformIdToNameColumn, isLoading = false, dataLabel = "Registros", messageEmpty, fileName = "dados_exportados", showPagination = true, config, buttonExportText = "Exportar", action, disabledAction, renderTooltip, infoExtraLabel, tableFilterNode, rowKey, appliedFiltersCount, table, isExportedTable = true, isViewOptions = true, isExportButtonGroup = false, actionExcel, actionPdf, disabledButtons, disabledButtonExcel, disabledButtonPdf, genericTabs, currentTab, onTabChange })=>{
+const DataTableFull = ({ data, columns, transformIdToNameColumn, isLoading = false, dataLabel = "Registros", messageEmpty, fileName = "dados_exportados", showPagination = true, config, buttonExportText = "Exportar", action, disabledAction, renderTooltip, infoExtraLabel, tableFilterNode, rowKey, appliedFiltersCount = 0, table, isExportedTable = true, isViewOptions = true, isExportButtonGroup = false, disabledButtons, genericTabs, widthCurrentTab = false, currentTab, onTabChange, tabs, showDataLabel = true, loadingContent, setQueryParams, actionColumns = [], onDataChange, dividingColumnKey, pageSizeOptions, className, scrollMaxHeightClass = "sm:max-h-[calc(100vh-300px)]", isScrollable = false, fixedHeader = false, footerAction, sortableValue: propValue, sortableOnValueChange: propOnValueChange, sortableOnDragStart: propOnDragStart, sortableOnDragEnd: propOnDragEnd, maxVisualRows, optionsExport })=>{
     const noResultsForFilter = appliedFiltersCount > 0;
     return /*#__PURE__*/ React__default.createElement(Container, null, /*#__PURE__*/ React__default.createElement(ChildContainer, {
         className: "flex-col px-0 py-4"
@@ -99,26 +99,23 @@ const DataTableFull = ({ data, columns, transformIdToNameColumn, isLoading = fal
         className: "bg-background relative z-0 flex w-full flex-col gap-4 px-4 py-2"
     }, /*#__PURE__*/ React__default.createElement("div", {
         className: "flex flex-wrap items-start justify-between gap-4"
-    }, genericTabs && /*#__PURE__*/ React__default.createElement(GenericTabs, {
+    }, tabs ? tabs : genericTabs && /*#__PURE__*/ React__default.createElement(GenericTabs, {
         tabs: genericTabs,
         value: currentTab,
         onNavigate: onTabChange,
         isLoading: isLoading,
-        triggerClassName: "min-w-[180px]"
+        widthCurrent: widthCurrentTab
     }), /*#__PURE__*/ React__default.createElement("div", {
         className: "flex flex-1 items-center justify-start gap-2 gap-y-4 sm:justify-end"
     }, isViewOptions && /*#__PURE__*/ React__default.createElement(DataTableViewOptions, {
         table: table,
         transformColumnName: transformIdToNameColumn,
         disabled: isLoading
-    }), tableFilterNode, isExportButtonGroup && /*#__PURE__*/ React__default.createElement(ExportButtons, {
-        onExportExcel: actionExcel,
-        onExportPdf: actionPdf,
+    }), tableFilterNode, isExportButtonGroup && optionsExport && optionsExport.length > 0 && /*#__PURE__*/ React__default.createElement(ExportButtons, {
+        options: optionsExport,
         buttonLabel: buttonExportText,
-        disabledButtons: disabledButtons,
-        disabledButtonExcel: disabledButtonExcel,
-        disabledButtonPdf: disabledButtonPdf
-    }), isExportedTable && /*#__PURE__*/ React__default.createElement(ButtonExportCsv, {
+        disabledButtons: disabledButtons
+    }), isExportedTable && (action || config) && /*#__PURE__*/ React__default.createElement(ButtonExportCsv, {
         table: table,
         fileName: fileName,
         config: config,
@@ -133,13 +130,30 @@ const DataTableFull = ({ data, columns, transformIdToNameColumn, isLoading = fal
         dataLabel: dataLabel,
         isLoadingTable: isLoading,
         showPagination: showPagination,
-        messageEmpty: messageEmpty ?? /*#__PURE__*/ React__default.createElement("div", {
+        renderTooltip: renderTooltip,
+        infoExtraLabel: infoExtraLabel,
+        showDataLabel: showDataLabel,
+        actionColumns: actionColumns,
+        onDataChange: onDataChange,
+        dividingColumnKey: dividingColumnKey,
+        fixedHeader: fixedHeader,
+        isScrollable: isScrollable,
+        scrollMaxHeightClass: scrollMaxHeightClass,
+        pageSizeOptions: pageSizeOptions,
+        className: className,
+        loadingContent: loadingContent,
+        setQueryParams: setQueryParams,
+        sortableValue: propValue,
+        sortableOnValueChange: propOnValueChange,
+        footerAction: footerAction,
+        sortableOnDragEnd: propOnDragEnd,
+        sortableOnDragStart: propOnDragStart,
+        maxVisualRows: maxVisualRows,
+        messageEmpty: messageEmpty ? messageEmpty : /*#__PURE__*/ React__default.createElement("div", {
             className: "mx-auto flex items-center justify-center"
-        }, noResultsForFilter && /*#__PURE__*/ React__default.createElement("p", {
+        }, /*#__PURE__*/ React__default.createElement("p", null, "Nenhum resultado encontrado."), noResultsForFilter && /*#__PURE__*/ React__default.createElement("p", {
             className: "w-100 text-wrap"
-        }, "Não há resultados para esta filtragem. Verifique os filtros e tente novamente.")),
-        renderTooltip: renderTooltip,
-        infoExtraLabel: infoExtraLabel
+        }, "Não há resultados para esta filtragem. Verifique os filtros e tente novamente."))
     }))));
 };
 
@@ -834,7 +848,7 @@ function DataTableStatus({ table, uniqueStatusValues, renderStatusMessage, class
         ref: triggerRef,
         "aria-label": "Filtre por status",
         variant: "outline",
-        className: cn("border-input text-muted-foreground ring-offset-background placeholder:text-muted-foreground hover:text-muted-foreground focus:ring-ring flex h-10 w-full max-w-60 items-center justify-between rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-sm hover:bg-inherit focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50", className)
+        className: cn("border-input text-muted-foreground ring-offset-background placeholder:text-muted-foreground hover:text-muted-foreground focus:ring-ring flex h-9 w-full max-w-60 items-center justify-between rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-sm hover:bg-inherit focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50", className)
     }, currentFilter ? renderStatusMessage(currentFilter) : "Todos os status", /*#__PURE__*/ React__default.createElement(ChevronDown, {
         className: "h-4 w-4"
     }))), /*#__PURE__*/ React__default.createElement(PopoverContent, {
@@ -865,6 +879,7 @@ function DataTableViewOptions({ table, transformColumnName, disabled }) {
     return /*#__PURE__*/ React$1.createElement(Popover, {
         modal: true
     }, /*#__PURE__*/ React$1.createElement(PopoverTrigger, {
+        className: "m-0",
         asChild: true
     }, /*#__PURE__*/ React$1.createElement(Button, {
         ref: triggerRef,