rl-core-front 0.18.4 → 0.18.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rl-core-front",
-  "version": "0.18.4",
+  "version": "0.18.5",
   "description": "Telas e componentes Next.js do core: login com 2FA, usuários, RBAC, auditoria, logs e listagens com filtro dinâmico",
   "author": "Rodrigo Liberti",
   "license": "MIT",

package/src/components/ui/data-table.tsx

@@ -477,8 +477,17 @@ function cellStyle(columnDef: {
     return { className: shrinkClass(columnDef) };
   }
 
+  /*
+    O corte vale para a célula **e** para o que ela tem dentro.
+
+    `truncate` na `<td>` sozinho só clipa quando o conteúdo é um bloco — um
+    `<div>` que envolve o texto, que é como metade das colunas é escrita: o
+    texto some no meio da palavra, sem as reticências, porque quem transborda é
+    o filho e não a célula. Repetindo o corte no filho direto, as reticências
+    aparecem nos dois casos.
+  */
   return {
-    className: "truncate",
+    className: "truncate [&>*]:truncate",
     style: { maxWidth: meta?.maxWidth ?? CELL_MAX_WIDTH },
   };
 }