@snksergio/design-system 0.42.0 → 0.43.0

package/dist-lib/chunks/{panel-BI52RBEn.mjs → panel-UwUWfDLf.mjs}

@@ -2,14 +2,14 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { A as AlertDialog, c as AlertDialogContent, f as AlertDialogHeader, i as AlertDialogTitle, d as AlertDialogDescription, e as AlertDialogFooter, b as AlertDialogCancel, a as AlertDialogAction, T as Textarea, S as Select, D as SelectTrigger, E as SelectValue, u as SelectContent, w as SelectItem, l as Checkbox, Q as Switch, C as Calendar$1, R as getPaginationRange, P as Pagination, o as PaginationFirst, t as PaginationPrevious, m as PaginationContent, p as PaginationItem, n as PaginationEllipsis, r as PaginationLink, s as PaginationNext, q as PaginationLast, N as SheetTitle, I as SheetDescription, G as SheetClose, F as Sheet, O as SheetTrigger, L as SheetOverlay } from "./textarea-BPRIHZVd.mjs";
+import { A as AlertDialog, c as AlertDialogContent, f as AlertDialogHeader, i as AlertDialogTitle, d as AlertDialogDescription, e as AlertDialogFooter, b as AlertDialogCancel, a as AlertDialogAction, T as Textarea, S as Select, D as SelectTrigger, E as SelectValue, u as SelectContent, w as SelectItem, l as Checkbox, Q as Switch, C as Calendar$1, R as getPaginationRange, P as Pagination, o as PaginationFirst, t as PaginationPrevious, m as PaginationContent, p as PaginationItem, n as PaginationEllipsis, r as PaginationLink, s as PaginationNext, q as PaginationLast, N as SheetTitle, I as SheetDescription, G as SheetClose, F as Sheet, O as SheetTrigger, L as SheetOverlay } from "./sheet-BgA2g6m4.mjs";
 import { forwardRef, createContext, useContext, useId, useState, useRef, useCallback, useEffect, useMemo, Fragment as Fragment$1, useImperativeHandle, memo } from "react";
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCorners, DragOverlay, useDroppable, useDraggable, closestCenter } from "@dnd-kit/core";
 import { useSortable, sortableKeyboardCoordinates, SortableContext, horizontalListSortingStrategy, arrayMove } from "@dnd-kit/sortable";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { t as tv, B as Button, c as cn, R as InputGroup, U as InputGroupInput, S as InputGroupAddon, V as InputGroupText, X as Popover, $ as PopoverTrigger, _ as PopoverContent, f as Command, j as CommandInput, l as CommandList, h as CommandEmpty, i as CommandGroup, k as CommandItem, y as DropdownMenu, Q as DropdownMenuTrigger, E as DropdownMenuContent, H as DropdownMenuLabel, L as DropdownMenuSeparator, G as DropdownMenuItem, D as Dialog, p as DialogContent, o as DialogClose, w as DialogTitle, q as DialogDescription, Y as PopoverAnchor } from "./avatar-DFWEwBKu.mjs";
 import { X, CheckCircle2, AlertCircle, AlertTriangle, Info, ChevronDown, Check, ArrowUp, ArrowDown, ArrowUpDown, Search, CircleX, MoreHorizontal, Filter, ChevronLeft, GripVertical, Pin, PinOff, Plus, Trash2, Eye, Users, ChevronRight, Columns, SlidersHorizontal, Minimize2, Maximize2, Type, Hash, Calendar, ToggleLeft, DollarSign, Percent, AtSign, Phone, Link, ExternalLink, User, Tag, Tags, CalendarClock, Inbox, SearchX, FilterX, PinIcon, EyeOff, Loader2, Copy, Rows3, LayoutGrid, Settings2, RefreshCw, Table as Table$1, FileText, List as List$1, Rows4, Rows2 } from "lucide-react";
-import { C as Chip, w as useMediaQuery } from "./useTheme-B3ZakPqk.mjs";
+import { C as Chip, w as useMediaQuery } from "./useTheme-DCmzLBUR.mjs";
 import { I as Input } from "./input-CfmzMYtd.mjs";
 import { createPortal } from "react-dom";
 import { Draggable, Droppable, DragDropContext } from "@hello-pangea/dnd";
@@ -4694,14 +4694,24 @@ const NumberColumnType = {
   defaultSortable: true,
   defaultIcon: Hash
 };
-const ptBrShort$1 = new Intl.DateTimeFormat("pt-BR", {
+const ptBrData = new Intl.DateTimeFormat("pt-BR", {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric"
+});
+const ptBrCompacto = new Intl.DateTimeFormat("pt-BR", {
   day: "2-digit",
   month: "short"
 });
+function formatData(v) {
+  const d = toDate(v);
+  if (!d) return "";
+  return ptBrData.format(d);
+}
 function formatShort$1(v) {
   const d = toDate(v);
   if (!d) return "";
-  return ptBrShort$1.format(d).replace(".", "");
+  return ptBrCompacto.format(d).replace(".", "");
 }
 const DateColumnType = {
   type: "date",
@@ -4827,8 +4837,16 @@ const DateColumnType = {
     return null;
   },
   /* G.2 slots */
-  renderCell: ({ value }) => /* @__PURE__ */ jsx("span", { className: "text-fg-muted tabular-nums", children: formatShort$1(value) }),
-  formatValue: (v) => formatShort$1(v),
+  // `column.valueFormatter` vence o formato do tipo — é o escape hatch pra quem quer
+  // outro formato (mês escrito, ISO, relativo) sem escrever `render` inteiro.
+  //
+  // Isso é o que o próprio `CellRenderProps` já prometia: o campo `column` existe ali
+  // com o comentário "campos auxiliares como valueFormatter", e o JSDoc de `formatValue`
+  // diz "aplicado quando consumer não passa `column.valueFormatter`". Nenhum column-type
+  // lia esse campo, então na prática `valueFormatter` num `type: "date"` mudava export,
+  // totalizador e clipboard e **não mudava a célula** — a doc afirmava o contrário.
+  renderCell: ({ value, column: column2 }) => /* @__PURE__ */ jsx("span", { className: "text-fg-muted tabular-nums", children: column2?.valueFormatter ? column2.valueFormatter(value) : formatData(value) }),
+  formatValue: (v) => formatData(v),
   defaultAlign: "left",
   defaultWidth: 130,
   defaultSortable: true,
@@ -5724,9 +5742,10 @@ const ptBrShort = new Intl.DateTimeFormat("pt-BR", {
   day: "2-digit",
   month: "short"
 });
-const ptBrShortTime = new Intl.DateTimeFormat("pt-BR", {
+const ptBrDataHora = new Intl.DateTimeFormat("pt-BR", {
   day: "2-digit",
-  month: "short",
+  month: "2-digit",
+  year: "numeric",
   hour: "2-digit",
   minute: "2-digit"
 });
@@ -5735,10 +5754,10 @@ function formatShort(v) {
   if (!d) return "";
   return ptBrShort.format(d).replace(".", "");
 }
-function formatShortTime(v) {
+function formatDataHora(v) {
   const d = toDate(v);
   if (!d) return "";
-  return ptBrShortTime.format(d).replace(".", "");
+  return ptBrDataHora.format(d).replace(",", "");
 }
 const DatetimeColumnType = {
   type: "datetime",
@@ -5851,8 +5870,9 @@ const DatetimeColumnType = {
     if (operator === "lte") return cellDay <= filterDay;
     return null;
   },
-  renderCell: ({ value }) => /* @__PURE__ */ jsx("span", { className: "text-fg-muted tabular-nums", children: formatShortTime(value) }),
-  formatValue: (v) => formatShortTime(v),
+  // `column.valueFormatter` vence o formato do tipo — mesmo escape hatch do `date`.
+  renderCell: ({ value, column: column2 }) => /* @__PURE__ */ jsx("span", { className: "text-fg-muted tabular-nums", children: column2?.valueFormatter ? column2.valueFormatter(value) : formatDataHora(value) }),
+  formatValue: (v) => formatDataHora(v),
   defaultAlign: "left",
   defaultWidth: 160,
   defaultSortable: true,
@@ -8152,6 +8172,7 @@ function calculateColumnWidths(columns, rows, options) {
         growable = stillGrowable;
         if (consumedThisPass < 0.5) break;
       }
+      const larguraFixa = columns.filter(isFixed).reduce((soma, col) => soma + (widths[String(col.field)] ?? 0), 0);
       let lastFlexField;
       let roundedTotal = 0;
       for (const col of targets) {
@@ -8162,7 +8183,7 @@ function calculateColumnWidths(columns, rows, options) {
         if (!maxed) lastFlexField = f;
       }
       if (lastFlexField !== void 0) {
-        const residue = Math.round(containerWidth) - roundedTotal;
+        const residue = Math.round(containerWidth) - larguraFixa - roundedTotal;
         if (residue !== 0) {
           widths[lastFlexField] = Math.max(0, widths[lastFlexField] + residue);
         }
@@ -13000,4 +13021,4 @@ export {
   DataTableActionsCell as y,
   DataTableEditCell as z
 };
-//# sourceMappingURL=panel-BI52RBEn.mjs.map
+//# sourceMappingURL=panel-UwUWfDLf.mjs.map