rl-core-front 0.18.4 → 0.18.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rl-core-front",
-  "version": "0.18.4",
+  "version": "0.18.6",
   "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,25 @@ 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.
+  */
+  /*
+    E o mouse em cima devolve o texto inteiro: no hover só o `white-space`
+    muda, a frase volta a quebrar e a célula cresce em altura. É o mesmo gesto
+    das descrições do Financeiro — sem `title`, que só aparece depois de um
+    segundo parado, e sem tooltip flutuante, que sairia da tabela e taparia a
+    linha de baixo.
+  */
   return {
-    className: "truncate",
+    className:
+      "truncate hover:whitespace-normal [&>*]:truncate hover:[&>*]:whitespace-normal",
     style: { maxWidth: meta?.maxWidth ?? CELL_MAX_WIDTH },
   };
 }