@webitel/ui-sdk 23.9.0 → 23.9.2

package/package.json

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

package/src/components/wt-table-column-select/wt-table-column-select.vue

@@ -23,9 +23,9 @@
             class="wt-table-column-select__popup-list"
             :class="{
             'wt-table-column-select__popup-list--md':
-            changeableDraft.length > 20 && changeableDraft.length <= 30,
+            changeableDraft.length > 10 && changeableDraft.length <= 20,
             'wt-table-column-select__popup-list--lg':
-            changeableDraft.length > 30
+            changeableDraft.length > 20
             }"
           >
             <li
@@ -150,9 +150,11 @@ $list-width-md: calc(800px - var(--spacing-xl)); // all popup width - (paddings
     flex-wrap: wrap;
     overflow-x: hidden;
 
-    // for 20-30 items
+    // for 10-30 items
     &--md {
       width: $list-width-md;
+      display: block;
+      column-count: 2;
     }
 
     // for 30+ items
@@ -174,4 +176,3 @@ $list-width-md: calc(800px - var(--spacing-xl)); // all popup width - (paddings
 }
 
 </style>
-

package/src/locale/en/en.js

@@ -334,6 +334,7 @@ export default {
         options: 'Options',
         score: 'Score',
       },
+      clearSelection: 'Clear selection',
     },
     deleteConfirmationPopup: {
       title: 'Confirm deletion',

package/src/locale/ru/ru.js

@@ -332,6 +332,7 @@ export default {
         options: 'Вариант',
         score: 'Бал',
       },
+      clearSelection: 'Очистить выбор',
     },
     deleteConfirmationPopup: {
       title: 'Подтвердите удаление',

package/src/locale/ua/ua.js

@@ -332,6 +332,7 @@ export default {
         options: 'Варіант',
         score: 'Бал',
       },
+      clearSelection: 'Очистити вибір',
     },
     deleteConfirmationPopup: {
       title: 'Підтвердіть видалення',

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

@@ -30,6 +30,11 @@
         mode="read"
         @change:result="!readonly && emit('change:result', $event)"
       ></component>
+      <div
+        v-show="isResult"
+        class="audit-form-question--clear"
+        @click="emit('change:result', {})"
+      >{{ $t('webitelUI.auditForm.clearSelection') }}</div>
     </section>
   </article>
 </template>
@@ -119,4 +124,9 @@ const isResult = computed(() => !isEmpty(props.result));
     }
   }
 }
+.audit-form-question--clear {
+  margin-top: var(--spacing-sm);;
+  cursor: pointer;
+  color: var(--link-color);
+}
 </style>