fix: allow users to prevent columns from collapsing completely

in some cases columns might collapse to 0 pixels when using auto min width
this auto min width is implicit in cases like 1fr [=== minmax(auto, 1fr) ]

This change enables the min width to be always set, so users can configure it

Author: r0b1n

packages/pluggableWidgets/datagrid-web/src/Datagrid.editorConfig.ts

@@ -54,9 +54,6 @@ export function getProperties(values: DatagridPreviewProps, defaultProperties: P
         if (column.width !== "manual") {
             hidePropertyIn(defaultProperties, values, "columns", index, "size");
         }
-        if (column.width !== "autoFit") {
-            hidePropertyIn(defaultProperties, values, "columns", index, "minWidth");
-        }
         if (column.minWidth !== "manual") {
             hidePropertyIn(defaultProperties, values, "columns", index, "minWidthLimit");
         }

packages/pluggableWidgets/datagrid-web/src/components/__tests__/__snapshots__/Grid.spec.tsx.snap

@@ -5,7 +5,7 @@ exports[`Grid renders without crashing 1`] = `
   <div
     class="widget-datagrid-grid table"
     role="grid"
-    style="--widgets-grid-template-columns: 1fr 1fr 54px;"
+    style="--widgets-grid-template-columns: minmax(auto, 1fr) minmax(auto, 1fr) 54px;"
   >
     Test
   </div>
@@ -17,7 +17,7 @@ exports[`Grid renders without selector column 1`] = `
   <div
     class="widget-datagrid-grid table"
     role="grid"
-    style="--widgets-grid-template-columns: 1fr 1fr;"
+    style="--widgets-grid-template-columns: minmax(auto, 1fr) minmax(auto, 1fr);"
   >
     Test
   </div>

packages/pluggableWidgets/datagrid-web/src/helpers/state/column/BaseColumnInfo.ts

@@ -56,21 +56,30 @@ export class BaseColumnInfo {
         this.allowEventPropagation = props.allowEventPropagation;
     }
 
+    private get minColumnWidth(): "auto" | "min-content" | `${number}px` {
+        switch (this.minWidth) {
+            case "auto": {
+                return "auto";
+            }
+            case "minContent": {
+                return "min-content";
+            }
+            case "manual": {
+                return `${this.minWidthLimit}px`;
+            }
+        }
+    }
+
     get columnWidth(): string {
         switch (this.width) {
+            case "autoFill": {
+                return `minmax(${this.minColumnWidth}, 1fr)`;
+            }
             case "autoFit": {
-                const min =
-                    this.minWidth === "manual"
-                        ? `${this.minWidthLimit}px`
-                        : this.minWidth === "minContent"
-                          ? "min-content"
-                          : "auto";
-                return `minmax(${min}, auto)`;
+                return `minmax(${this.minColumnWidth}, auto)`;
             }
             case "manual":
-                return `${this.weight}fr`;
-            default:
-                return "1fr";
+                return `minmax(${this.minColumnWidth}, ${this.weight}fr)`;
         }
     }
 }