refactor: update editable logic to new function

Author: b4s36t4

packages/toolpad-studio-components/src/DataGrid.tsx

@@ -483,7 +483,7 @@ export function parseColumns(columns: SerializableGridColumns, isEditable?: bool
   return columns.map(({ type: colType, ...column }) => {
     const isIdColumn = column.field === 'id';
 
-    let baseColumn: Omit<GridColDef, 'field'> = { editable: isEditable };
+    let baseColumn: Omit<GridColDef, 'field'> = {};
 
     if (isIdColumn) {
       baseColumn = {
@@ -1270,7 +1270,17 @@ const DataGridComponent = React.forwardRef(function DataGridComponent(
   }, [nodeRuntime, rows]);
 
   const renderedColumns = React.useMemo<GridColDef[]>(() => {
-    const result = [...columns];
+    const mapEditableToColumns = columns.map((column) => {
+      if (column.editable || column.editable === false) {
+        return column;
+      }
+
+      column.editable = isRowUpdateModelAvailable;
+
+      return column;
+    });
+
+    const result = [...mapEditableToColumns];
 
     if (getProviderActions) {
       result.push({
@@ -1284,7 +1294,7 @@ const DataGridComponent = React.forwardRef(function DataGridComponent(
     }
 
     return result;
-  }, [columns, getProviderActions]);
+  }, [columns, getProviderActions, isRowUpdateModelAvailable]);
 
   const appHost = useAppHost();
   const isProPlan = appHost.plan === 'pro';