fix: column headers (#1031)

Author: sagardspeed2

.changeset/dull-boats-join.md

@@ -0,0 +1,5 @@
+---
+"@ensembleui/react-runtime": patch
+---
+
+fix column header by adding minWidth

packages/runtime/package.json

@@ -43,7 +43,7 @@
     "@types/react": "^18.2.21",
     "@types/react-dom": "^18.2.0",
     "@types/react-resizable": "3.0.7",
-    "antd": "^5.20.0",
+    "antd": "^5.21.0",
     "chart.js": "^4.4.2",
     "chartjs-plugin-datalabels": "^2.2.0",
     "dayjs": "^1.11.12",

packages/runtime/src/widgets/DataGrid/DataGrid.tsx

@@ -506,6 +506,7 @@ export const DataGrid: React.FC<GridProps> = (props) => {
               ? { display: "none" }
               : undefined),
           }}
+          tableLayout="auto"
           virtual={values?.virtual}
         >
           {dataColumns.map((col, colIndex) => {
@@ -518,6 +519,7 @@ export const DataGrid: React.FC<GridProps> = (props) => {
                 }))}
                 hidden={col.visible === false}
                 key={colIndex}
+                minWidth={col.width ?? 100}
                 onFilter={
                   col.filter?.onFilter
                     ? (value, record): boolean =>

packages/runtime/src/widgets/Form/MultiSelect.tsx

@@ -207,10 +207,10 @@ const MultiSelect: React.FC<MultiSelectProps> = (props) => {
   // handle option change
   const handleChange = (
     value: MultiSelectOption[],
-    option: MultiSelectOption | MultiSelectOption[],
+    option?: MultiSelectOption | MultiSelectOption[],
   ): void => {
     setSelectedValues(value);
-    if (action) onChangeCallback({ value, option });
+    if (action) onChangeCallback({ value, option: option ?? [] });
     else onItemSelectCallback(value);
 
     if (newOption) {