@webitel/ui-sdk 3.1.58 → 3.1.60

package/package.json

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

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

@@ -4,6 +4,7 @@
       <wt-switcher
         :value="question.required"
         :label="$t('reusable.required')"
+        :disabled="first"
         @change="updateQuestion({ path: 'required', value: $event })"
       ></wt-switcher>
       <div class="audit-form-question-write-header__actions">
@@ -20,7 +21,7 @@
           <template v-slot:activator>
             <wt-icon-btn
               icon="bucket"
-              :disabled="disableDelete"
+              :disabled="first"
               @click="emit('delete')"
             ></wt-icon-btn>
           </template>
@@ -79,9 +80,9 @@ const props = defineProps({
     type: Object,
     required: true,
   },
-  disableDelete: {
+  first: {
     type: Boolean,
-    default: true,
+    default: false,
   },
   v: {
     type: Object,

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

@@ -11,7 +11,7 @@
         :question="question"
         :result="(result && result[key]) ? result[key] : null"
         :mode="mode"
-        :disable-delete="questions.length <= 1"
+        :first="key === 0"
         :readonly="readonly"
         @copy="copyQuestion({ question, key })"
         @delete="deleteQuestion({ question, key})"
@@ -32,7 +32,7 @@
 <script setup>
 import cloneDeep from 'lodash/cloneDeep';
 import {
-  watch, watchEffect, ref, computed,
+  watch, watchEffect, ref, computed, onMounted,
 } from 'vue';
 import { useVuelidate } from '@vuelidate/core';
 import { useDestroyableSortable } from '../composables/useDestroyableSortable';
@@ -115,6 +115,12 @@ function initResult() {
   emit('update:result', result);
 }
 
+function initQuestions() {
+  if (props.mode === 'create' && !props.questions.length) {
+    addQuestion(generateQuestionSchema({ required: true }));
+  }
+}
+
 const sortableWrapper = ref(null);
 
 const { reloadSortable } = useDestroyableSortable(sortableWrapper, {
@@ -128,6 +134,10 @@ const { reloadSortable } = useDestroyableSortable(sortableWrapper, {
 
 watch(v$, () => emit('update:validation', v$));
 watchEffect(initResult);
+
+onMounted(() => {
+  initQuestions();
+});
 </script>
 
 <style lang="scss" scoped>

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

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

package/src/modules/TableStoreModule/store/TableStoreModule.js

@@ -29,17 +29,9 @@ export default class TableStoreModule extends BaseStoreModule {
       fields = [...new Set(fields)];
       return fields;
     },
-    // GET_DATA_FIELDS_BY_VALUE: (state) => (headerValues) => state.headers
-    // .reduce((fields, header) => {
-    //   if (headerValues.includes(header.value)) return fields.concat(header.field);
-    //   return [...new Set(fields)];
-    // }, []),
 
     // main GET_LIST params collector
     GET_LIST_PARAMS: (state, getters) => (query) => {
-      // const fields = (query.fields
-      //   ? getters.GET_DATA_FIELDS_BY_VALUE(query.fields)
-      //   : getters.FIELDS).concat(getters.REQUIRED_FIELDS);
       const fields = getters.FIELDS.concat(getters.REQUIRED_FIELDS);
 
       const filters = getters.GET_FILTERS || getters['filters/GET_FILTERS'];