@webitel/ui-sdk 3.0.8 → 3.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "3.0.8",
+  "version": "3.0.10",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",
@@ -50,7 +50,7 @@
     "vue-observe-visibility": "^1.0.0",
     "vue-router": "^4.1.6",
     "vuejs-datepicker": "^1.6.2",
-    "webitel-sdk": "^0.1.157"
+    "webitel-sdk": "^0.1.184"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.17.0",

package/src/modules/AuditForm/components/__tests__/audit-form-question-write-wrapper.spec.js

@@ -1,6 +1,7 @@
 import { shallowMount } from '@vue/test-utils';
+import { EngineAuditQuestionType } from 'webitel-sdk';
 import {
-  generateQuestionOptionsSchema
+  generateQuestionOptionsSchema,
 } from '../../schemas/AuditFormQuestionOptionsSchema';
 import AuditFormQuestionWriteWrapper from '../audit-form-question-write-wrapper.vue';
 import { generateQuestionSchema } from '../../schemas/AuditFormQuestionSchema';
@@ -39,7 +40,7 @@ describe('AuditFormQuestionWriteWrapper', () => {
       },
     });
     wrapper.find('.audit-form-question-write-content-question')
-    .findComponent({ name: 'wt-select' }).vm.$emit('input', { value: 'score' });
+    .findComponent({ name: 'wt-select' }).vm.$emit('input', { value: EngineAuditQuestionType.Score });
     expect(wrapper.emitted()['change:question'][0][0])
     .toEqual(generateQuestionScoreSchema());
   });

package/src/modules/AuditForm/components/audit-form-question-read-wrapper.vue

@@ -13,7 +13,7 @@
         :class="{
           'audit-form-question-read-text--required': question.required,
         }"
-      >{{ question.text }}</p>
+      >{{ question.question }}</p>
       <wt-icon
         class="audit-form-question-read__drag-icon"
         v-if="!disableDragging"
@@ -35,6 +35,7 @@
 
 <script setup>
 import { computed } from 'vue';
+import { EngineAuditQuestionType } from 'webitel-sdk';
 import AuditFormQuestionOptions from './questions/audit-form-question-options.vue';
 import AuditFormQuestionScore from './questions/audit-form-question-score.vue';
 import WtIcon from '../../../components/atoms/wt-icon/wt-icon.vue';
@@ -60,8 +61,8 @@ const emit = defineEmits([
 ]);
 
 const QuestionTypeComponent = computed(() => {
-  if (props.question.type === 'options') return AuditFormQuestionOptions;
-  if (props.question.type === 'score') return AuditFormQuestionScore;
+  if (props.question.type === EngineAuditQuestionType.Option) return AuditFormQuestionOptions;
+  if (props.question.type === EngineAuditQuestionType.Score) return AuditFormQuestionScore;
   return null;
 });
 </script>

package/src/modules/AuditForm/components/audit-form-question-write-wrapper.vue

@@ -31,11 +31,11 @@
     <section class="audit-form-question-write-content">
       <div class="audit-form-question-write-content-question">
         <wt-input
-          :value="question.text"
+          :value="question.question"
           :label="$t('webitelUI.auditForm.question')"
-          :v="v.question.text"
+          :v="v.question.question"
           required
-          @input="updateQuestion({ path: 'text', value: $event })"
+          @input="updateQuestion({ path: 'question', value: $event })"
         ></wt-input>
         <wt-select
           :value="prettifiedQuestionType"
@@ -60,6 +60,7 @@
 import set from 'lodash/set';
 import cloneDeep from 'lodash/cloneDeep';
 import { computed } from 'vue';
+import { EngineAuditQuestionType } from 'webitel-sdk';
 import WtTooltip from '../../../components/atoms/wt-tooltip/wt-tooltip.vue';
 import WtSwitcher from '../../../components/molecules/wt-switcher/wt-switcher.vue';
 import WtIconBtn from '../../../components/molecules/wt-icon-btn/wt-icon-btn.vue';
@@ -93,15 +94,15 @@ const emit = defineEmits([
 ]);
 
 const QuestionType = [
-  { value: 'options', locale: 'webitelUI.auditForm.type.options' },
-  { value: 'score', locale: 'webitelUI.auditForm.type.score' },
+  { value: EngineAuditQuestionType.Option, locale: 'webitelUI.auditForm.type.options' },
+  { value: EngineAuditQuestionType.Score, locale: 'webitelUI.auditForm.type.score' },
 ];
 
 const prettifiedQuestionType = computed(() => QuestionType.find(({ value }) => value === props.question.type));
 
 const QuestionTypeComponent = computed(() => {
-  if (props.question.type === 'options') return AuditFormQuestionOptions;
-  if (props.question.type === 'score') return AuditFormQuestionScore;
+  if (props.question.type === EngineAuditQuestionType.Option) return AuditFormQuestionOptions;
+  if (props.question.type === EngineAuditQuestionType.Score) return AuditFormQuestionScore;
   return null;
 });
 
@@ -112,9 +113,9 @@ function updateQuestion({ path, value }) {
 
 function handleQuestionTypeChange(type) {
   const question = cloneDeep(props.question);
-  if (type === 'options') {
+  if (type === EngineAuditQuestionType.Option) {
     Object.assign(question, generateQuestionOptionsSchema());
-  } else if (type === 'score') {
+  } else if (type === EngineAuditQuestionType.Score) {
     Object.assign(question, generateQuestionScoreSchema());
   }
   emit('change:question', question);

package/src/modules/AuditForm/components/audit-form-question.vue

@@ -65,7 +65,7 @@ const v$ = useVuelidate(computed(() => (
   (props.mode === 'create')
     ? {
       question: {
-        text: { required },
+        question: { required },
       },
       $autoDirty: true,
     } : {})), { question });

package/src/modules/AuditForm/components/questions/audit-form-question-options.vue

@@ -5,14 +5,14 @@
       class="audit-form-question-options-write"
     >
       <div
-        v-for="({ text, score }, key) of question.options"
+        v-for="({ name, score }, key) of question.options"
         :key="key"
         class="audit-form-question-options-write-row"
       >
         <wt-input
-          :value="text"
+          :value="name"
           :label="$tc('webitelUI.auditForm.option', 1)"
-          @input="updateQuestion({ path: `options[${key}].text`, value: $event })"
+          @input="updateQuestion({ path: `options[${key}].name`, value: $event })"
         ></wt-input>
         <wt-input
           :value="score"
@@ -41,9 +41,9 @@
       class="audit-form-question-options-read"
     >
       <wt-radio
-        v-for="({ text, score }) of question.options"
+        v-for="({ name, score }) of question.options"
         :key="score"
-        :label="text"
+        :label="name"
         :value="score"
         :selected="result ? result.score : result"
         @input="emit('change:result', { score })"

package/src/modules/AuditForm/schemas/AuditFormQuestionOptionsSchema.js

@@ -1,10 +1,12 @@
+import { EngineAuditQuestionType } from 'webitel-sdk';
+
 export const generateOption = () => ({
-  text: '',
+  name: '',
   score: 10,
 });
 
 export const generateQuestionOptionsSchema = () => ({
-  type: 'options',
+  type: EngineAuditQuestionType.Option,
   options: [
     generateOption(),
   ],

package/src/modules/AuditForm/schemas/AuditFormQuestionSchema.js

@@ -3,6 +3,6 @@ import { generateQuestionScoreSchema } from './AuditFormQuestionScoreSchema';
 // eslint-disable-next-line import/prefer-default-export
 export const generateQuestionSchema = () => ({
   required: false,
-  text: 'Title',
+  question: 'Title',
   ...generateQuestionScoreSchema(),
 });

package/src/modules/AuditForm/schemas/AuditFormQuestionScoreSchema.js

@@ -1,6 +1,8 @@
+import { EngineAuditQuestionType } from 'webitel-sdk';
+
 // eslint-disable-next-line import/prefer-default-export
 export const generateQuestionScoreSchema = () => ({
-  type: 'score',
+  type: EngineAuditQuestionType.Score,
   min: 1,
   max: 5,
 });