@wg-npm/survey-response 0.3.22650 → 0.3.22657

package/dist/survey-response.esm.js

@@ -298,12 +298,18 @@ var script$c = Vue.extend({
         },
     },
     data() {
-        return { value: this.answer };
+        return {
+            value: this.answer,
+            isReadOnly: false,
+        };
     },
     watch: {
         answer(n) {
             this.value = n;
         },
+        question(q) {
+            this.isReadOnly = !!_.find(this.question.choices, (choice) => choice.readonly);
+        },
     },
     methods: {
         setCheckboxStatus() {
@@ -318,12 +324,7 @@ var script$c = Vue.extend({
                 }
             });
             _.each(notExclusiveChoices, (choice) => {
-                if (_.includes(this.value.answer, exclusiveChoiceId)) {
-                    choice.readonly = true;
-                }
-                else {
-                    choice.readonly = false;
-                }
+                choice.readonly = _.includes(this.value.answer, exclusiveChoiceId);
             });
         },
         selChange(val) {
@@ -359,7 +360,7 @@ const __vue_script__$c = script$c;
 
 /* template */
 var __vue_render__$c = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('FormItem',{attrs:{"prop":("answers[" + _vm.index + "].answer"),"rules":{
-    required: _vm.question.options.required,
+    required: _vm.question.options.required && !_vm.isReadOnly,
     type: 'array',
     min: 1,
     message: _vm.t('survey_response.question.question_required'),
@@ -519,6 +520,7 @@ var script$a = Vue.extend({
         return {
             value: this.answer,
             choiceClasses: this.buildChoiceClasses(),
+            isReadOnly: false,
         };
     },
     watch: {
@@ -528,6 +530,9 @@ var script$a = Vue.extend({
         answer(n) {
             this.value = n;
         },
+        question(q) {
+            this.isReadOnly = !!_.find(this.question.choices, (choice) => choice.readonly);
+        },
     },
     methods: {
         selChange(id) {
@@ -572,7 +577,7 @@ const __vue_script__$a = script$a;
 
 /* template */
 var __vue_render__$a = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('FormItem',{attrs:{"prop":("answers[" + _vm.index + "].answer"),"rules":{
-    required: _vm.question.options.required,
+    required: _vm.question.options.required && !_vm.isReadOnly,
     message: _vm.t('survey_response.question.question_required'),
   }}},[_c('RadioGroup',{staticClass:"question-choice",on:{"on-change":_vm.selChange},model:{value:(_vm.value.answer),callback:function ($$v) {_vm.$set(_vm.value, "answer", $$v);},expression:"value.answer"}},[_c('Row',{attrs:{"type":"flex","justify":"start","gutter":60}},_vm._l((_vm.question.choices),function(choice){return _c('Col',{key:choice.id,class:_vm.optionLayout},[_c('Radio',{key:choice.id,attrs:{"disabled":_vm.question.options.readonly || choice.readonly,"label":choice.id},nativeOn:{"click":function($event){return _vm.toggleAnswer(choice.id, choice.readonly)}}},[(_vm.haveStar(choice))?_c('span',[_c('Icon',{attrs:{"type":"md-star","color":"orange","size":16}})],1):_vm._e(),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.i18nText(choice.text)))])])],1)}),1)],1)],1)};
 var __vue_staticRenderFns__$a = [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wg-npm/survey-response",
-  "version": "0.3.22650",
+  "version": "0.3.22657",
   "description": "",
   "license": "MIT",
   "scripts": {
@@ -12,8 +12,8 @@
     "lint-fix": "eslint \"**/*.ts\"  \"**/*.vue\" --fix --no-error-on-unmatched-pattern"
   },
   "peerDependencies": {
-    "@wg-npm/survey-core": "0.3.22650",
-    "@wg-npm/survey-service-api": "0.3.22650",
+    "@wg-npm/survey-core": "0.3.22657",
+    "@wg-npm/survey-service-api": "0.3.22657",
     "axios": "^0.19.2",
     "deepmerge": "^4.2.2",
     "lodash": "^4.17.15",
@@ -34,8 +34,8 @@
     "@typescript-eslint/parser": "^3.6.0",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^5.0.2",
-    "@wg-npm/survey-core": "0.3.22650",
-    "@wg-npm/survey-service-api": "0.3.22650",
+    "@wg-npm/survey-core": "0.3.22657",
+    "@wg-npm/survey-service-api": "0.3.22657",
     "acorn": "^7.3.1",
     "axios": "^0.19.2",
     "babelrc-rollup": "^3.0.0",

package/src/components/question/type/multi-selection.vue

@@ -2,7 +2,7 @@
   <FormItem
     :prop="`answers[${index}].answer`"
     :rules="{
-      required: question.options.required,
+      required: question.options.required && !isReadOnly,
       type: 'array',
       min: 1,
       message: t('survey_response.question.question_required'),
@@ -56,12 +56,19 @@ export default Vue.extend({
     },
   },
   data() {
-    return { value: this.answer };
+    return { 
+      value: this.answer,
+      isReadOnly: false,
+    };
   },
   watch: {
     answer(n) {
       this.value = n;
     },
+    question(q) {
+      // @ts-ignore
+      this.isReadOnly = !!_.find(this.question.choices, (choice) => choice.readonly);
+    },
   },
   methods: {
     setCheckboxStatus() {
@@ -79,11 +86,7 @@ export default Vue.extend({
       // @ts-ignore
       _.each(notExclusiveChoices, (choice) => {
         // @ts-ignore
-        if (_.includes(this.value.answer, exclusiveChoiceId)) {
-          choice.readonly = true;
-        } else {
-          choice.readonly = false;
-        }
+        choice.readonly = _.includes(this.value.answer, exclusiveChoiceId);
       });
     },
     selChange(val) {

package/src/components/question/type/single-selection.vue

@@ -2,7 +2,7 @@
   <FormItem
     :prop="`answers[${index}].answer`"
     :rules="{
-      required: question.options.required,
+      required: question.options.required && !isReadOnly,
       message: t('survey_response.question.question_required'),
     }"
   >
@@ -69,6 +69,7 @@ export default Vue.extend({
       value: this.answer,
       // @ts-ignore
       choiceClasses: this.buildChoiceClasses(),
+      isReadOnly: false,
     };
   },
   watch: {
@@ -77,6 +78,10 @@ export default Vue.extend({
     },
     answer(n) {
       this.value = n;
+    },
+        question(q) {
+      // @ts-ignore
+      this.isReadOnly = !!_.find(this.question.choices, (choice) => choice.readonly);
     },
   },
   methods: {