@snksergio/design-system 0.42.1 → 0.43.1

package/dist-lib/chunks/{panel-BSyHW2J5.cjs → panel-D43Xnc-N.cjs}

@@ -10,7 +10,7 @@ const sortable = require("@dnd-kit/sortable");
 const reactVirtual = require("@tanstack/react-virtual");
 const avatar = require("./avatar-eM5txRFZ.cjs");
 const lucideReact = require("lucide-react");
-const useTheme = require("./useTheme-3iZAognE.cjs");
+const useTheme = require("./useTheme-C9Y6vxTf.cjs");
 const input = require("./input-az2SuVXQ.cjs");
 const reactDom = require("react-dom");
 const dnd = require("@hello-pangea/dnd");
@@ -3167,6 +3167,10 @@ function TableToolbarViews({
     []
   );
   const [tabViewIds, setTabViewIds] = React.useState(initialIds);
+  React.useRef(null);
+  React.useEffect(() => {
+    return;
+  }, [views, maxCustomTabs, maxTabs, myOwnerKey]);
   const prevIdsRef = React.useRef(views.map((v) => v.id));
   React.useEffect(() => {
     const currentIds = views.map((v) => v.id);
@@ -4712,14 +4716,24 @@ const NumberColumnType = {
   defaultSortable: true,
   defaultIcon: lucideReact.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",
@@ -4845,8 +4859,16 @@ const DateColumnType = {
     return null;
   },
   /* G.2 slots */
-  renderCell: ({ value }) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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,
@@ -5742,9 +5764,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"
 });
@@ -5753,10 +5776,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",
@@ -5869,8 +5892,9 @@ const DatetimeColumnType = {
     if (operator === "lte") return cellDay <= filterDay;
     return null;
   },
-  renderCell: ({ value }) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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,
@@ -8170,6 +8194,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) {
@@ -8180,7 +8205,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);
         }
@@ -13016,4 +13041,4 @@ exports.useColumnResize = useColumnResize;
 exports.useColumnWidths = useColumnWidths;
 exports.useDataTableContext = useDataTableContext;
 exports.useFloatingPanelResize = useFloatingPanelResize;
-//# sourceMappingURL=panel-BSyHW2J5.cjs.map
+//# sourceMappingURL=panel-D43Xnc-N.cjs.map