@ceed/cds 1.28.0 → 1.28.1

package/dist/index.cjs

@@ -2238,6 +2238,15 @@ function calculateColumnGroups(columnGroupingModel, columns, visibleFields) {
   const correctedMaxLevel = filteredGroupsByLevel.length > 0 ? filteredGroupsByLevel.length - 1 : -1;
   return { groups: filteredGroupsByLevel, maxLevel: correctedMaxLevel, fieldsInGroupingModel };
 }
+function parsePxValue(value) {
+  if (!value) return null;
+  const trimmed = value.trim();
+  if (trimmed.endsWith("px")) {
+    const num = parseFloat(trimmed);
+    return isNaN(num) ? null : num;
+  }
+  return null;
+}
 function getTextAlign(props) {
   return !props.editMode && ["number", "date", "currency"].includes(props.type || "") ? "end" : "start";
 }
@@ -3537,7 +3546,8 @@ function useDataTableRenderer({
   isRowSelectable,
   columnGroupingModel,
   columnVisibilityModel,
-  onColumnVisibilityModelChange
+  onColumnVisibilityModelChange,
+  checkboxSelection
 }) {
   if (pinnedColumns && columnGroupingModel) {
     throw new Error(
@@ -3570,6 +3580,14 @@ function useDataTableRenderer({
     [reorderedColumns, visibilityModel]
   );
   const visibleFieldSet = (0, import_react25.useMemo)(() => new Set(visibleColumns.map((c) => c.field)), [visibleColumns]);
+  const tableMinWidth = (0, import_react25.useMemo)(() => {
+    const DEFAULT_MIN = 50;
+    let total = checkboxSelection ? 40 : 0;
+    for (const col of visibleColumns) {
+      total += parsePxValue(col.minWidth) ?? parsePxValue(col.width) ?? DEFAULT_MIN;
+    }
+    return total;
+  }, [visibleColumns, checkboxSelection]);
   const allColumnsByField = (0, import_react25.useMemo)(
     () => reorderedColumns.reduce(
       (acc, curr) => ({
@@ -3870,6 +3888,7 @@ function useDataTableRenderer({
       ]
     ),
     columns,
+    tableMinWidth,
     processedColumnGroups,
     onTotalSelect: (0, import_react25.useCallback)(() => {
       const selectableRows = rows.filter((row, i) => {
@@ -4259,6 +4278,7 @@ function Component(props, apiRef) {
     onTotalSelect,
     HeadCell: HeadCell2,
     BodyRow: BodyRow2,
+    tableMinWidth,
     // For keyboard selection
     selectionAnchor,
     setSelectionAnchor
@@ -4448,7 +4468,7 @@ function Component(props, apiRef) {
         ref: parentRef,
         ...backgroundProps
       },
-      /* @__PURE__ */ import_react28.default.createElement(Table, { ...innerProps }, /* @__PURE__ */ import_react28.default.createElement("colgroup", null, checkboxSelection && /* @__PURE__ */ import_react28.default.createElement(
+      /* @__PURE__ */ import_react28.default.createElement(Table, { ...innerProps, sx: { ...innerProps.sx, minWidth: tableMinWidth } }, /* @__PURE__ */ import_react28.default.createElement("colgroup", null, checkboxSelection && /* @__PURE__ */ import_react28.default.createElement(
         "col",
         {
           style: {
@@ -4461,7 +4481,8 @@ function Component(props, apiRef) {
           ref: c.tableColRef,
           key: `${c.field.toString()}_${c.width}`,
           style: {
-            width: c.width
+            width: c.width,
+            minWidth: c.minWidth ?? "50px"
           }
         }
       ))), /* @__PURE__ */ import_react28.default.createElement("thead", null, processedColumnGroups && processedColumnGroups.groups.length > 0 && processedColumnGroups.groups.map((levelGroups, level) => /* @__PURE__ */ import_react28.default.createElement("tr", { key: `group-level-${level}` }, checkboxSelection && level === 0 && /* @__PURE__ */ import_react28.default.createElement(

package/dist/index.js

@@ -2112,6 +2112,15 @@ function calculateColumnGroups(columnGroupingModel, columns, visibleFields) {
   const correctedMaxLevel = filteredGroupsByLevel.length > 0 ? filteredGroupsByLevel.length - 1 : -1;
   return { groups: filteredGroupsByLevel, maxLevel: correctedMaxLevel, fieldsInGroupingModel };
 }
+function parsePxValue(value) {
+  if (!value) return null;
+  const trimmed = value.trim();
+  if (trimmed.endsWith("px")) {
+    const num = parseFloat(trimmed);
+    return isNaN(num) ? null : num;
+  }
+  return null;
+}
 function getTextAlign(props) {
   return !props.editMode && ["number", "date", "currency"].includes(props.type || "") ? "end" : "start";
 }
@@ -3420,7 +3429,8 @@ function useDataTableRenderer({
   isRowSelectable,
   columnGroupingModel,
   columnVisibilityModel,
-  onColumnVisibilityModelChange
+  onColumnVisibilityModelChange,
+  checkboxSelection
 }) {
   if (pinnedColumns && columnGroupingModel) {
     throw new Error(
@@ -3453,6 +3463,14 @@ function useDataTableRenderer({
     [reorderedColumns, visibilityModel]
   );
   const visibleFieldSet = useMemo9(() => new Set(visibleColumns.map((c) => c.field)), [visibleColumns]);
+  const tableMinWidth = useMemo9(() => {
+    const DEFAULT_MIN = 50;
+    let total = checkboxSelection ? 40 : 0;
+    for (const col of visibleColumns) {
+      total += parsePxValue(col.minWidth) ?? parsePxValue(col.width) ?? DEFAULT_MIN;
+    }
+    return total;
+  }, [visibleColumns, checkboxSelection]);
   const allColumnsByField = useMemo9(
     () => reorderedColumns.reduce(
       (acc, curr) => ({
@@ -3753,6 +3771,7 @@ function useDataTableRenderer({
       ]
     ),
     columns,
+    tableMinWidth,
     processedColumnGroups,
     onTotalSelect: useCallback10(() => {
       const selectableRows = rows.filter((row, i) => {
@@ -4142,6 +4161,7 @@ function Component(props, apiRef) {
     onTotalSelect,
     HeadCell: HeadCell2,
     BodyRow: BodyRow2,
+    tableMinWidth,
     // For keyboard selection
     selectionAnchor,
     setSelectionAnchor
@@ -4331,7 +4351,7 @@ function Component(props, apiRef) {
         ref: parentRef,
         ...backgroundProps
       },
-      /* @__PURE__ */ React25.createElement(Table, { ...innerProps }, /* @__PURE__ */ React25.createElement("colgroup", null, checkboxSelection && /* @__PURE__ */ React25.createElement(
+      /* @__PURE__ */ React25.createElement(Table, { ...innerProps, sx: { ...innerProps.sx, minWidth: tableMinWidth } }, /* @__PURE__ */ React25.createElement("colgroup", null, checkboxSelection && /* @__PURE__ */ React25.createElement(
         "col",
         {
           style: {
@@ -4344,7 +4364,8 @@ function Component(props, apiRef) {
           ref: c.tableColRef,
           key: `${c.field.toString()}_${c.width}`,
           style: {
-            width: c.width
+            width: c.width,
+            minWidth: c.minWidth ?? "50px"
           }
         }
       ))), /* @__PURE__ */ React25.createElement("thead", null, processedColumnGroups && processedColumnGroups.groups.length > 0 && processedColumnGroups.groups.map((levelGroups, level) => /* @__PURE__ */ React25.createElement("tr", { key: `group-level-${level}` }, checkboxSelection && level === 0 && /* @__PURE__ */ React25.createElement(