@processmaker/modeler 1.49.0 → 1.51.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processmaker/modeler",
-  "version": "1.49.0",
+  "version": "1.51.0",
   "scripts": {
     "serve": "vue-cli-service serve --mode development",
     "test:unit": "vue-cli-service test:unit",
@@ -43,8 +43,8 @@
     "@fortawesome/free-brands-svg-icons": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^5.11.2",
     "@fortawesome/vue-fontawesome": "^0.1.8",
-    "@processmaker/screen-builder": "2.87.0",
-    "@processmaker/vue-form-elements": "0.53.0",
+    "@processmaker/screen-builder": "2.89.0",
+    "@processmaker/vue-form-elements": "0.55.0",
     "@processmaker/vue-multiselect": "2.3.0",
     "bootstrap": "^4.3.1",
     "bootstrap-vue": "^2.0.4",
@@ -81,7 +81,7 @@
     "@cypress/code-coverage": "^3.12.10",
     "@faker-js/faker": "^8.1.0",
     "@panter/vue-i18next": "^0.15.2",
-    "@processmaker/processmaker-bpmn-moddle": "0.15.0",
+    "@processmaker/processmaker-bpmn-moddle": "0.16.0",
     "@types/jest": "^24.9.1",
     "@vue/babel-preset-app": "^5.0.4",
     "@vue/cli-plugin-babel": "~5.0.0",

package/public/js/vue-form-elements.es.js

@@ -9391,6 +9391,12 @@ const vG = fG.exports, dG = Rc(), WL = 100, mG = {
       countWithoutFilter: null
     };
   },
+  mounted() {
+    this.$root.$on("selectListOptionsUpdated", this.onSelectListOptionsUpdated);
+  },
+  beforeDestroy() {
+    this.$root.$off("selectListOptionsUpdated", this.onSelectListOptionsUpdated);
+  },
   computed: {
     selectListOptionsWithSelected() {
       return this.selectedOption && !this.selectListOptions.some((O) => O.value === this.selectedOption.value) ? [this.selectedOption, ...this.selectListOptions] : this.selectListOptions;
@@ -9464,9 +9470,38 @@ const vG = fG.exports, dG = Rc(), WL = 100, mG = {
       handler() {
         this.isCollection && this.value && !this.selectListOptions.some((O) => O.value === this.value) && this.loadIndividualRecord();
       }
+    },
+    value: {
+      deep: !0,
+      handler(O) {
+        O && typeof O == "object" && this.isMultiSelectDisabled() && this.updateOption(O);
+      }
     }
   },
   methods: {
+    /**
+     * Checks if multi-select is disabled.
+     *
+     * @return {boolean} Returns true if multi-select is disabled, false otherwise.
+     */
+    isMultiSelectDisabled() {
+      return this.options.allowMultiSelect === !1;
+    },
+    /**
+     * Updates the specified option with the provided updated value.
+     *
+     * @param {Object} updatedValue - The updated value of the option.
+     */
+    updateOption(O) {
+      const g = this.selectListOptions.findIndex((w) => w.id === O.id);
+      g !== -1 && this.$set(this.selectListOptions, g, O);
+    },
+    /**
+     * If the value is an object, it updates the selected option if necessary.
+     */
+    onSelectListOptionsUpdated() {
+      this.value && typeof this.value == "object" && this.isMultiSelectDisabled() && this.updateOption(this.value);
+    },
     renderPmql(O) {
       if (typeof O < "u" && O !== "" && O !== null) {
         const g = this.makeProxyData();
@@ -9504,7 +9539,7 @@ const vG = fG.exports, dG = Rc(), WL = 100, mG = {
           w,
           Z
         ), Ot = $ ? vn.get(ze.data, $) : ze.data, Tt = this.transformOptions(Ot);
-        return this.$root.$emit("selectListOptionsUpdated", Tt), this.selectListOptions = Tt, !0;
+        return this.selectListOptions = Tt, this.$root.$emit("selectListOptionsUpdated", Tt), !0;
       } catch (ze) {
         return console.warn(ze), !1;
       }