@webitel/ui-sdk 3.1.78 → 3.1.80

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "3.1.78",
+  "version": "3.1.80",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",

package/src/components/organisms/wt-filters-panel-wrapper/wt-filters-panel-wrapper.vue

@@ -93,7 +93,7 @@ $filter-gap: 10px; // var(--spacing-xs)
     & {
       grid-template-columns: repeat(5, 1fr);
 
-      > *:nth-child(n+6) {
+      :deep(> *:nth-child(n+6)) {
         display: none;
       }
     }
@@ -103,7 +103,7 @@ $filter-gap: 10px; // var(--spacing-xs)
     & {
       grid-template-columns: repeat(4, 1fr);
 
-      > *:nth-child(n+5) {
+      :deep(> *:nth-child(n+5)) {
         display: none;
       }
     }
@@ -113,7 +113,7 @@ $filter-gap: 10px; // var(--spacing-xs)
     & {
       grid-template-columns: repeat(3, 1fr);
 
-      > *:nth-child(n+4) {
+      :deep(> *:nth-child(n+4)) {
         display: none;
       }
     }
@@ -123,7 +123,7 @@ $filter-gap: 10px; // var(--spacing-xs)
     & {
       grid-template-columns: repeat(2, 1fr);
 
-      > *:nth-child(n+3) {
+      :deep(> *:nth-child(n+3)) {
         display: none;
       }
     }
@@ -133,14 +133,14 @@ $filter-gap: 10px; // var(--spacing-xs)
     & {
       grid-template-columns: repeat(1, 1fr);
 
-      > *:nth-child(n+2) {
+      :deep(> *:nth-child(n+2)) {
         display: none;
       }
     }
   }
 }
 
-.filters-panel-wrapper--opened .filters-wrap > * {
+.filters-panel-wrapper--opened .filters-wrap :deep(> *) {
   display: block;
 }
 </style>

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

@@ -61,6 +61,6 @@ describe('AuditForm', () => {
         questions: [generateQuestionSchema(), generateQuestionSchema(), generateQuestionSchema()],
       },
     });
-    expect(wrapper.emitted()['update:result'][0][0]).toEqual([null, null, null]);
+    expect(wrapper.emitted()['update:result'][0][0]).toEqual([{}, {}, {}]);
   });
 });

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

@@ -2,7 +2,7 @@
   <article
     class="audit-form-question-read"
     :class="{
-      'audit-form-question-read--filled': result && result.score != null,
+      'audit-form-question-read--filled': isResult && result.score != null,
       'audit-form-question-read--readonly': readonly,
     }"
     @keyup.enter="emit('activate')"
@@ -37,6 +37,7 @@
 <script setup>
 import { computed } from 'vue';
 import { EngineAuditQuestionType } from 'webitel-sdk';
+import isEmpty from '../../../scripts/isEmpty';
 import AuditFormQuestionOptions from './questions/options/audit-form-question-options.vue';
 import AuditFormQuestionScore from './questions/score/audit-form-question-score.vue';
 import WtIcon from '../../../components/atoms/wt-icon/wt-icon.vue';
@@ -70,6 +71,8 @@ const QuestionTypeComponent = computed(() => {
   if (props.question.type === EngineAuditQuestionType.Score) return AuditFormQuestionScore;
   return null;
 });
+
+const isResult = computed(() => !isEmpty(props.result));
 </script>
 
 <style lang="scss" scoped>

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

@@ -5,7 +5,7 @@
     :class="[
      `audit-form-question--mode-${mode}`,
      {
-       'audit-form-question--answered': !!result,
+       'audit-form-question--answered': isResult,
      },
     ]"
     :disable-dragging="mode === 'fill'"
@@ -27,6 +27,7 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { computed, onMounted, ref, toRefs } from 'vue';
+import isEmpty from '../../../scripts/isEmpty';
 import vClickaway from '../../../directives/clickaway/clickaway';
 import QuestionRead from './audit-form-question-read-wrapper.vue';
 import QuestionWrite from './audit-form-question-write-wrapper.vue';
@@ -90,6 +91,8 @@ const component = computed(() => {
   return QuestionRead;
 });
 
+const isResult = computed(() => !isEmpty(props.result));
+
 function saveQuestion() {
   state.value = QuestionState.SAVED;
 }

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

@@ -111,7 +111,7 @@ function handleResultUpdate({ key, value }) {
 }
 
 function initResult() {
-  const result = props.questions.map(() => null);
+  const result = props.questions.map(() => ({}));
   emit('update:result', result);
 }
 

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

@@ -34,7 +34,7 @@
         :key="value"
         :label="`${value}`"
         :value="value"
-        :selected="result ? result.score : result"
+        :selected="isResult ? result.score : null"
         @input="emit('change:result', { score: value })"
       ></wt-radio>
     </div>
@@ -45,6 +45,7 @@
 import { useVuelidate } from '@vuelidate/core';
 import { maxValue, minValue, required } from '@vuelidate/validators';
 import { computed, onMounted, toRefs } from 'vue';
+import isEmpty from '../../../../../scripts/isEmpty';
 import updateObject from '../../../../../scripts/updateObject';
 import WtRadio from '../../../../../components/molecules/wt-radio/wt-radio.vue';
 import WtInput from '../../../../../components/molecules/wt-input/wt-input.vue';
@@ -103,6 +104,8 @@ const scoreRange = computed(() => {
   return result;
 });
 
+const isResult = computed(() => !isEmpty(props.result));
+
 function updateQuestion({ path, value }) {
   emit('change:question', updateObject({ obj: props.question, path, value }));
 }