@zauru-sdk/components 6.5.3 → 6.5.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.5.4](https://github.com/intuitiva/zauru-typescript-sdk/compare/@zauru-sdk/components@6.5.3...@zauru-sdk/components@6.5.4) (2026-09-16)
+
+
+### Bug Fixes
+
+* envolver celdas de ZauruTable por palabra sin recortar números ([02d734b](https://github.com/intuitiva/zauru-typescript-sdk/commit/02d734b66d3089c8002b0d5bd04db82c90691722))
+
+
+
+
+
 ## [6.5.3](https://github.com/intuitiva/zauru-typescript-sdk/compare/@zauru-sdk/components@6.5.1...@zauru-sdk/components@6.5.3) (2026-09-16)
 
 

package/dist/esm/Table/ZauruTable.js

@@ -10,15 +10,10 @@ const headerTextWrapStyle = {
     overflow: "visible",
     textOverflow: "clip",
     overflowWrap: "break-word",
-    wordBreak: "break-word",
+    wordBreak: "normal",
     lineHeight: "1.25",
 };
 const customStyles = {
-    table: {
-        style: {
-            minWidth: 0,
-        },
-    },
     tableWrapper: {
         style: {
             display: "block",
@@ -68,8 +63,11 @@ const customStyles = {
     },
     cells: {
         style: {
-            whiteSpace: "normal", // Allow wrapping for cell content
-            wordBreak: "break-word",
+            whiteSpace: "normal",
+            overflow: "visible",
+            textOverflow: "clip",
+            overflowWrap: "break-word",
+            wordBreak: "normal",
         },
     },
     expanderRow: {
@@ -211,7 +209,15 @@ export const ZauruTable = (props) => {
     };
     const loadSubHeader = !!(search || offlineSearch.length > 0);
     const subHeaderComponent = loadSubHeader ? subHeaderComponentMemo : undefined;
-    return (_jsx("div", { className: "w-full min-w-0 max-w-full overflow-x-auto", children: _jsx(DataTable, { className: className, subHeaderWrap: true, theme: theme ?? "solarized", columns: columns, conditionalRowStyles: conditionalRowStyles, data: filteredData, customStyles: customStyles, progressPending: loading, highlightOnHover: true, pointerOnHover: true, dense: true, striped: true, pagination: !whitOutPagination, persistTableHead: true, responsive: true, noHeader: true, expandableRows: !!expandable, expandOnRowClicked: !!expandable, expandableRowExpanded: expandable ? expandable.expandableRowExpanded : undefined, expandableRowsComponent: expandable ? expandable.expandableRowsComponent : undefined, subHeader: loadSubHeader, subHeaderComponent: subHeaderComponent, paginationServer: !!pagination, paginationTotalRows: pagination?.totalRows ?? undefined, onChangeRowsPerPage: pagination ? handlePerRowsChange : undefined, onChangePage: pagination ? handlePageChange : undefined, paginationComponentOptions: paginationComponentOptions, paginationRowsPerPageOptions: pagination?.rowsPerPageOptions
+    const normalizedColumns = Array.isArray(columns)
+        ? columns.map((column) => {
+            if (!column || typeof column !== "object") {
+                return column;
+            }
+            return { wrap: true, ...column };
+        })
+        : columns;
+    return (_jsx("div", { className: "w-full min-w-0 max-w-full overflow-x-auto", children: _jsx(DataTable, { className: className, subHeaderWrap: true, theme: theme ?? "solarized", columns: normalizedColumns, conditionalRowStyles: conditionalRowStyles, data: filteredData, customStyles: customStyles, progressPending: loading, highlightOnHover: true, pointerOnHover: true, dense: true, striped: true, pagination: !whitOutPagination, persistTableHead: true, responsive: true, noHeader: true, expandableRows: !!expandable, expandOnRowClicked: !!expandable, expandableRowExpanded: expandable ? expandable.expandableRowExpanded : undefined, expandableRowsComponent: expandable ? expandable.expandableRowsComponent : undefined, subHeader: loadSubHeader, subHeaderComponent: subHeaderComponent, paginationServer: !!pagination, paginationTotalRows: pagination?.totalRows ?? undefined, onChangeRowsPerPage: pagination ? handlePerRowsChange : undefined, onChangePage: pagination ? handlePageChange : undefined, paginationComponentOptions: paginationComponentOptions, paginationRowsPerPageOptions: pagination?.rowsPerPageOptions
                 ? pagination.rowsPerPageOptions
                 : [10, 50, 100], ...others }) }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zauru-sdk/components",
-  "version": "6.5.3",
+  "version": "6.5.4",
   "description": "Componentes reutilizables en las WebApps de Zauru.",
   "main": "./dist/esm/index.js",
   "module": "./dist/esm/index.js",
@@ -62,5 +62,5 @@
     "styled-components": "^5.3.5",
     "zod": "^3.23.8"
   },
-  "gitHead": "7fd754da02ac48ceb661b39ac86f64a64fe4f749"
+  "gitHead": "322a6b620a8e384a6b221999cfe13628511014fb"
 }

package/src/Table/ZauruTable.tsx

@@ -16,16 +16,11 @@ const headerTextWrapStyle = {
   overflow: "visible",
   textOverflow: "clip",
   overflowWrap: "break-word",
-  wordBreak: "break-word",
+  wordBreak: "normal",
   lineHeight: "1.25",
 } as const;
 
 const customStyles: TableStyles = {
-  table: {
-    style: {
-      minWidth: 0,
-    },
-  },
   tableWrapper: {
     style: {
       display: "block",
@@ -75,8 +70,11 @@ const customStyles: TableStyles = {
   },
   cells: {
     style: {
-      whiteSpace: "normal", // Allow wrapping for cell content
-      wordBreak: "break-word",
+      whiteSpace: "normal",
+      overflow: "visible",
+      textOverflow: "clip",
+      overflowWrap: "break-word",
+      wordBreak: "normal",
     },
   },
   expanderRow: {
@@ -289,6 +287,14 @@ export const ZauruTable = (props: Props) => {
 
   const loadSubHeader = !!(search || offlineSearch.length > 0);
   const subHeaderComponent = loadSubHeader ? subHeaderComponentMemo : undefined;
+  const normalizedColumns = Array.isArray(columns)
+    ? columns.map((column: any) => {
+        if (!column || typeof column !== "object") {
+          return column;
+        }
+        return { wrap: true, ...column };
+      })
+    : columns;
 
   return (
     <div className="w-full min-w-0 max-w-full overflow-x-auto">
@@ -296,7 +302,7 @@ export const ZauruTable = (props: Props) => {
       className={className}
       subHeaderWrap
       theme={theme ?? "solarized"}
-      columns={columns}
+      columns={normalizedColumns}
       conditionalRowStyles={conditionalRowStyles}
       data={filteredData}
       customStyles={customStyles}