Split between addSchemaMutation and addSubSchemaMutation

packages/frontend-core/src/components/grid/controls/ColumnsSettingContent.svelte

@@ -145,14 +145,21 @@
     const visible = permission !== FieldPermissions.HIDDEN
     const readonly = permission === FieldPermissions.READONLY
 
-    await datasource.actions.addSchemaMutation(
+    if (!fromRelationshipField) {
-      column.name,
+      await datasource.actions.addSchemaMutation(column.name, {
-      {
         visible,
         readonly,
-      },
+      })
-      fromRelationshipField?.name
+    } else {
-    )
+      await datasource.actions.addSubSchemaMutation(
+        column.name,
+        fromRelationshipField.name,
+        {
+          visible,
+          readonly,
+        }
+      )
+    }
     try {
       await datasource.actions.saveSchemaMutations()
     } catch (e) {

packages/frontend-core/src/components/grid/stores/datasource.js

@@ -168,34 +168,38 @@ export const createActions = context => {
   }
 
   // Adds a schema mutation for a single field
-  const addSchemaMutation = (field, mutation, fromNestedField) => {
+  const addSchemaMutation = (field, mutation) => {
     if (!field || !mutation) {
       return
     }
-    if (fromNestedField) {
+    schemaMutations.update($schemaMutations => {
-      subSchemaMutations.update($subSchemaMutations => {
+      return {
-        return {
+        ...$schemaMutations,
-          ...$subSchemaMutations,
+        [field]: {
-          [fromNestedField]: {
+          ...$schemaMutations[field],
-            ...$subSchemaMutations[fromNestedField],
+          ...mutation,
-            [field]: {
+        },
-              ...($subSchemaMutations[fromNestedField] || {})[field],
+      }
-              ...mutation,
+    })
-            },
+  }
-          },
+
-        }
+  // Adds a nested schema mutation for a single field
-      })
+  const addSubSchemaMutation = (field, fromField, mutation) => {
-    } else {
+    if (!field || !fromField || !mutation) {
-      schemaMutations.update($schemaMutations => {
+      return
-        return {
+    }
-          ...$schemaMutations,
+    subSchemaMutations.update($subSchemaMutations => {
+      return {
+        ...$subSchemaMutations,
+        [fromField]: {
+          ...$subSchemaMutations[fromField],
           [field]: {
-            ...$schemaMutations[field],
+            ...($subSchemaMutations[fromField] || {})[field],
             ...mutation,
           },
-        }
+        },
-      })
+      }
-    }
+    })
   }
 
   // Adds schema mutations for multiple fields at once
@@ -304,6 +308,7 @@ export const createActions = context => {
         canUseColumn,
         changePrimaryDisplay,
         addSchemaMutation,
+        addSubSchemaMutation,
         addSchemaMutations,
         saveSchemaMutations,
         resetSchemaMutations,