dynamically enabling Matter/Zigbee only components for CMP (#1427)

* fixing so there are dynamic categories based on the device type when in cmp mode

Author: paulr34

src/components/ZclAttributeManager.vue

@@ -415,9 +415,7 @@ export default {
         sortBy: 'clientServer'
       },
       columns: [],
-      forcedExternal: [],
-      enableSingleton: false,
-      enableBounded: false
+      forcedExternal: []
     }
   },
   mounted() {

src/components/ZclCreateModifyEndpoint.vue

@@ -459,15 +459,11 @@ export default {
         // Set / unset multiple device option in mcp
         if (this.$store.state.zap.isMultiConfig) {
           if (categoryTmp === 'zigbee') {
-            this.enableMultipleDevice = false
-            this.enableParentEndpoint = false
-            this.enablePrimaryDevice = false
-            this.enableProfileId = true
+            this.$store.state.zap.cmpEnableZigbeeFeatures = true
+            this.$store.state.zap.cmpEnableMatterFeatures = false
           } else {
-            this.enableMultipleDevice = true
-            this.enableParentEndpoint = true
-            this.enablePrimaryDevice = true
-            this.enableProfileId = false
+            this.$store.state.zap.cmpEnableZigbeeFeatures = false
+            this.$store.state.zap.cmpEnableMatterFeatures = true
           }
         }
         // Create default device version if not exists

src/store/zap/state.js

@@ -23,6 +23,8 @@ const restApi = require('../../../src-shared/rest-api.js')
 export default function () {
   return {
     selectedZapConfig: null,
+    cmpEnableZigbeeFeatures: false,
+    cmpEnableMatterFeatures: false,
     isMultiConfig: false,
     isProfileIdShown: null,
     clusterDataForTutorial: [],

src/util/ui-options.js

@@ -56,11 +56,27 @@ export default {
       }
     },
     enableMatterFeatures() {
+      // Check if cmpEnableMatterFeatures is true
+      if (this.$store.state.zap.cmpEnableMatterFeatures) {
+        return true
+      } else if (this.$store.state.zap.cmpEnableZigbeeFeatures) {
+        return false
+      }
+
+      // Proceed with the next set of conditions
       return this.zclPropertiesNonEmpty
         ? this.multiDeviceCategories.includes('matter')
         : this.multiDeviceCategories == 'matter'
     },
     enableZigbeeFeatures() {
+      // Check if cmpEnableZigbeeFeatures is true
+      if (this.$store.state.zap.cmpEnableZigbeeFeatures) {
+        return true
+      } else if (this.$store.state.zap.cmpEnableMatterFeatures) {
+        return false
+      }
+
+      // Proceed with the next set of conditions
       return this.zclPropertiesNonEmpty
         ? this.multiDeviceCategories.includes('zigbee')
         : this.multiDeviceCategories === 'zigbee' || !this.multiDeviceCategories
@@ -90,7 +106,7 @@ export default {
       return this.enableMatterFeatures
     },
     enableServerOnly() {
-      return this.enableMatterFeatures && !this.enableZigbeeFeatures
+      return this.enableMatterFeatures
     }
   }
 }