From baddafc60b7ef117beccaaaca933d5f7061f51ed Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Fri, 25 Oct 2024 15:15:21 -0400
Subject: [PATCH 1/3] Fixing Column Field in single field of record  on Record
 List

---
 src/components/inspector/collection-data-source.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/inspector/collection-data-source.vue b/src/components/inspector/collection-data-source.vue
index f71176063..88bf9bd59 100644
--- a/src/components/inspector/collection-data-source.vue
+++ b/src/components/inspector/collection-data-source.vue
@@ -194,6 +194,9 @@
         },
         deep: true
       },
+      dataSelectionOptions() {
+        this.singleField = null;
+      }
     },
   };
   </script>

From af7b7450d56bc5aa7ad84e087a644bb258c876cd Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Mon, 28 Oct 2024 11:50:55 -0400
Subject: [PATCH 2/3] fixing also Design Modern options issue

---
 src/components/inspector/collection-designer-mode.vue | 10 +++++++++-
 src/components/vue-form-builder.vue                   | 10 +++++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/inspector/collection-designer-mode.vue b/src/components/inspector/collection-designer-mode.vue
index 881f1ffb8..cf1b7c5de 100644
--- a/src/components/inspector/collection-designer-mode.vue
+++ b/src/components/inspector/collection-designer-mode.vue
@@ -36,6 +36,9 @@
       ],
       };
     },
+    mounted () {
+      this.callBuilder(this.designerOptions);
+    },
     computed: {
       options() {
         return Object.fromEntries(
@@ -56,10 +59,15 @@
       options: {
         handler() {
           this.$emit("input", this.options);
-          this.$root.$emit("style-mode", this.options.designerOptions);
+          this.callBuilder(this.options.designerOptions);
         },
         deep: true
       },
     },
+    methods: {
+      callBuilder(option) {
+        this.$root.$emit("style-mode", option);
+      }
+    }
   };
   </script>
diff --git a/src/components/vue-form-builder.vue b/src/components/vue-form-builder.vue
index 02f7cd400..50f51c65c 100644
--- a/src/components/vue-form-builder.vue
+++ b/src/components/vue-form-builder.vue
@@ -245,7 +245,9 @@
                   v-model="element.items"
                   :validation-errors="validationErrors"
                   class="card-body"
-                  :class="styleMode === 'Modern' ? elementCssClassModern(element) : elementCssClass(element)"
+                  :class="styleMode === 'Modern' && element.component === 'FormRecordList' 
+                    ? elementCssClassModern(element) 
+                    : elementCssClass(element)"
                   :selected="selected"
                   :config="element.config"
                   :ai-element="element"
@@ -299,7 +301,9 @@
                   :tabindex="element.config.interactive ? 0 : -1"
                   class="card-body m-0 pb-4 pt-4"
                   :class="[
-                    styleMode === 'Modern' ? elementCssClassModern(element) : elementCssClass(element),
+                    styleMode === 'Modern' && element.component === 'FormRecordList' 
+                    ? elementCssClassModern(element) 
+                    : elementCssClass(element),
                     { 'prevent-interaction': !element.config.interactive }
                   ]"
                   @input="
@@ -883,7 +887,7 @@ export default {
     },
     shouldShow(item, accordion) {
       const sourceOptions = this.inspection.config[item.field]?.sourceOptions;
-
+      //console.log("INICIO this.styleMode: ", this.styleMode);
       if (sourceOptions === 'Variable') {
         this.enableOption = true;
         return true;

From 6ad670edd7a6c380de3a67b5b2effb71c38603d6 Mon Sep 17 00:00:00 2001
From: CarliPinell <carlos.pinell@processmaker.com>
Date: Mon, 28 Oct 2024 12:40:47 -0400
Subject: [PATCH 3/3] removing console log

---
 src/components/vue-form-builder.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/vue-form-builder.vue b/src/components/vue-form-builder.vue
index 2f9ee8f4a..ed348fef5 100644
--- a/src/components/vue-form-builder.vue
+++ b/src/components/vue-form-builder.vue
@@ -888,7 +888,7 @@ export default {
     },
     shouldShow(item, accordion) {
       const sourceOptions = this.inspection.config[item.field]?.sourceOptions;
-      //console.log("INICIO this.styleMode: ", this.styleMode);
+
       if (sourceOptions === 'Variable') {
         this.enableOption = true;
         return true;