Add support for multiple dependsOn constraints in the manifest and fix issue with nullish dependsOn contraints

packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/ComponentSettingsSection.svelte

@@ -70,14 +70,22 @@
   }
 
   const shouldDisplay = (instance, setting) => {
-    // Parse dependant settings
+    let dependsOn = setting.dependsOn
-    if (setting.dependsOn) {
+    if (dependsOn && !Array.isArray(dependsOn)) {
-      let dependantSetting = setting.dependsOn
+      dependsOn = [dependsOn]
+    }
+    if (!dependsOn?.length) {
+      return true
+    }
+
+    // Ensure all conditions are met
+    return dependsOn.every(condition => {
+      let dependantSetting = condition
       let dependantValues = null
-      let invert = !!setting.dependsOn.invert
+      let invert = !!condition.invert
-      if (typeof setting.dependsOn === "object") {
+      if (typeof condition === "object") {
-        dependantSetting = setting.dependsOn.setting
+        dependantSetting = condition.setting
-        dependantValues = setting.dependsOn.value
+        dependantValues = condition.value
       }
       if (!dependantSetting) {
         return false
@@ -93,14 +101,12 @@
       const currentVal = helpers.deepGet(instance, dependantSetting)
       const anyMatches = dependantValues.some(dependantVal => {
         if (dependantVal == null) {
-          return currentVal == null || currentVal === false || currentVal === ""
+          return currentVal != null && currentVal !== false && currentVal !== ""
         }
         return dependantVal === currentVal
       })
       return anyMatches !== invert
-    }
+    })
-
-    return typeof setting.visible == "boolean" ? setting.visible : true
   }
 
   const canRenderControl = (instance, setting, isScreen) => {

packages/client/manifest.json

@@ -5567,18 +5567,35 @@
         "type": "columns/grid",
         "label": "Columns",
         "key": "columns",
-        "dependsOn": "table"
+        "dependsOn": [
+          "datasource",
+          {
+            "setting": "datasource.type",
+            "value": "custom",
+            "invert": true
+          }
+        ]
       },
       {
         "type": "filter",
         "label": "Filtering",
-        "key": "initialFilter"
+        "key": "initialFilter",
+        "dependsOn": {
+          "setting": "datasource.type",
+          "value": "custom",
+          "invert": true
+        }
       },
       {
         "type": "field/sortable",
         "label": "Sort column",
         "key": "initialSortColumn",
-        "placeholder": "Default"
+        "placeholder": "Default",
+        "dependsOn": {
+          "setting": "datasource.type",
+          "value": "custom",
+          "invert": true
+        }
       },
       {
         "type": "select",