feat: add selection column width property to DataGrid (#1034)

Author: justEhmadSaeed

.changeset/gorgeous-apes-sing.md

@@ -0,0 +1,6 @@
+---
+"@ensembleui/react-kitchen-sink": patch
+"@ensembleui/react-runtime": patch
+---
+
+feat: add selection column width property to DataGrid

apps/kitchen-sink/src/ensemble/screens/widgets.yaml

@@ -290,6 +290,7 @@ View:
                     executeCode: |
                       console.log("data", selectedRows, selectedRowKeys);
                   allowSelection: ${1===1}
+                  selectionColWidth: ${20+30}
                   selectionType: '${1===10 ? "checkbox" : "radio"}'
                   allowResizableColumns: true
                   defaultSelectedRowKeys: ["2"]

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

@@ -91,6 +91,7 @@ export interface DataGridScrollable {
 export type GridProps = {
   allowSelection?: boolean;
   selectionType?: "checkbox" | "radio";
+  selectionColWidth?: number;
   allowResizableColumns?: boolean;
   onRowsSelected?: EnsembleAction;
   defaultSelectedRowKeys?: string[];
@@ -178,6 +179,7 @@ export const DataGrid: React.FC<GridProps> = (props) => {
   const [selectionType, setSelectionType] = useState<"checkbox" | "radio">(
     props.selectionType ? props.selectionType : "checkbox",
   );
+  const selectionColWidth = props.selectionColWidth || 50;
   const containerRef = useRef<HTMLDivElement>(null);
   const { namedData } = useTemplateData({ ...itemTemplate });
   const components = {
@@ -314,6 +316,7 @@ export const DataGrid: React.FC<GridProps> = (props) => {
       rowsSelected,
       selectionType,
       allowSelection,
+      selectionColWidth,
       pageSize,
       curPage,
       widgetName,
@@ -474,6 +477,7 @@ export const DataGrid: React.FC<GridProps> = (props) => {
           rowSelection={
             allowSelection
               ? {
+                  columnWidth: values?.selectionColWidth,
                   type: selectionType,
                   onChange: (selectedRowKeys, selectedRows): void => {
                     setRowsKey(selectedRowKeys);