@webitel/ui-sdk 3.1.23 → 3.1.25

package/package.json

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

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

@@ -25,7 +25,10 @@
             class="wt-table-column-select__popup__item"
             @click.capture.prevent="col.show = !col.show"
           >
-            <wt-checkbox v-model="col.show" :label="col.text" />
+            <wt-checkbox
+              v-model="col.show"
+              :label="shownColLabel(col)"
+            ></wt-checkbox>
           </li>
         </ul>
       </template>
@@ -81,19 +84,16 @@ export default {
   },
   computed: {
     changeableDraft() {
-      return this.draft
-      .filter((header) => !this.staticHeaders.includes(header.value))
-      // we should modify original objects to that this.draft would change
-      .forEach((header) => {
-        if (!header.text && header.locale) {
-          // eslint-disable-next-line no-param-reassign
-          header.text = typeof header.locale === 'string' ? this.$t(header.locale) : this.$t(...header.locale);
-        }
-        return header;
-      });
+      return this.draft.filter((header) => !this.staticHeaders.includes(header.value));
     },
   },
   methods: {
+    shownColLabel({ text, locale }) {
+      if (!text && locale) {
+        return typeof locale === 'string' ? this.$t(locale) : this.$t(...locale);
+      }
+      return text;
+    },
     openPopup() {
       this.isColumnSelectPopup = true;
     },

package/src/modules/TableStoreModule/composables/useTableStore.js

@@ -1,7 +1,6 @@
 import { computed } from 'vue';
 import { useStore } from 'vuex';
-import getNamespacedState
-  from '@webitel/ui-sdk/src/store/helpers/getNamespacedState';
+import getNamespacedState from '../../../store/helpers/getNamespacedState';
 
 // eslint-disable-next-line import/prefer-default-export
 export const useTableStore = (namespace) => {
@@ -22,31 +21,38 @@ export const useTableStore = (namespace) => {
   const size = computed(() => getNamespacedState(store.state, tableNamespace).size);
 
   async function loadData() {
-    await store.dispatch(`${tableNamespace}/LOAD_DATA_LIST`);
+    return store.dispatch(`${tableNamespace}/LOAD_DATA_LIST`);
   }
 
   async function setSize(payload) {
-    await store.dispatch(`${tableNamespace}/SET_SIZE`, payload);
+    return store.dispatch(`${tableNamespace}/SET_SIZE`, payload);
   }
 
   async function nextPage() {
-    await store.dispatch(`${tableNamespace}/SET_NEXT_PAGE`);
+    return store.dispatch(`${tableNamespace}/SET_NEXT_PAGE`);
   }
 
   async function prevPage() {
-    await store.dispatch(`${tableNamespace}/PREV_PAGE`);
+    return store.dispatch(`${tableNamespace}/PREV_PAGE`);
   }
 
   async function patchProperty(payload) {
-    await store.dispatch(`${tableNamespace}/PATCH_ITEM_PROPERTY`, payload);
+    return store.dispatch(`${tableNamespace}/PATCH_ITEM_PROPERTY`, payload);
   }
 
   async function deleteItem(payload) {
-    await store.dispatch(`${tableNamespace}/DELETE_ITEM`, payload);
+    return store.dispatch(`${tableNamespace}/DELETE_ITEM`, payload);
   }
 
   async function sort(...params) {
-    await store.dispatch(`${tableNamespace}/SORT`, { header: params[0], nextSortOrder: params[1] });
+    return store.dispatch(`${tableNamespace}/SORT`, {
+      header: params[0],
+      nextSortOrder: params[1],
+    });
+  }
+
+  async function setHeaders(payload) {
+    return store.dispatch(`${tableNamespace}/SET_HEADERS`, payload);
   }
 
   return {
@@ -64,5 +70,6 @@ export const useTableStore = (namespace) => {
     patchProperty,
     deleteItem,
     sort,
+    setHeaders,
   };
 };