@webitel/ui-sdk 3.2.47 → 3.2.49

package/package.json

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

package/src/modules/Filters/components/filter-table-fields.vue

@@ -0,0 +1,61 @@
+<template>
+  <wt-table-column-select
+    :headers="headers"
+    :static-headers="staticHeaders"
+    @change="handleChange"
+  ></wt-table-column-select>
+</template>
+
+<script setup>
+import getNamespacedState from '@webitel/ui-sdk/src/store/helpers/getNamespacedState';
+import { computed } from 'vue';
+import { useStore } from 'vuex';
+
+const props = defineProps({
+  namespace: {
+    type: String,
+    required: true,
+  },
+  headers: {
+    type: Array,
+    required: true,
+  },
+  staticHeaders: {
+    type: Array,
+  },
+});
+
+const emit = defineEmits(
+  'change',
+);
+
+// const storedProp = 'value';
+const filterQuery = 'fields';
+
+const store = useStore();
+
+const filterSchema = computed(() => getNamespacedState(store.state, props.namespace)[filterQuery]);
+
+function setValue(payload) {
+  return store.dispatch(`${props.namespace}/SET_FILTER`, payload);
+}
+
+function setToLocalStorage({ value }) {
+  localStorage.setItem(filterSchema.value.localStorageKey, value);
+}
+
+function handleChange(headers) {
+  const value = headers.filter((item) => item.show).map(({ value }) => value);
+  const params = {
+    filter: filterQuery,
+    value,
+  };
+  setToLocalStorage(params);
+  setValue(params);
+  emit('change', headers);
+}
+</script>
+
+<style scoped>
+
+</style>

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

@@ -15,12 +15,13 @@ export default class TableStoreModule extends BaseStoreModule {
   };
 
   getters = {
+    GET_FILTERS: (state, getters) => getters['filters/GET_FILTERS'],
+
     // required fields to send as "fields" param with GET_LIST
     REQUIRED_FIELDS: () => ['id'],
 
-    // main GET_LIST params collector
-    GET_LIST_PARAMS: (state, getters) => (overrideFilters) => {
-      const filters = getters.GET_FILTERS || getters['filters/GET_FILTERS'];
+    FIELDS: (state, getters) => {
+      const filtersFields = getters.GET_FILTERS.filters;
 
       const defaultFields = state.headers.filter((header) => header.show)
       .map((header) => header.field);
@@ -30,11 +31,17 @@ export default class TableStoreModule extends BaseStoreModule {
           value).field);
       };
 
-      const fields = [
-        ...new Set(filters.fields
-          ? getFieldsByFieldValues(filters.fields)
+      return [
+        ...new Set(filtersFields
+          ? getFieldsByFieldValues(filtersFields)
           : defaultFields),
       ].concat(getters.REQUIRED_FIELDS);
+    },
+
+    // main GET_LIST params collector
+    GET_LIST_PARAMS: (state, getters) => (overrideFilters) => {
+      const filters = getters.GET_FILTERS;
+      const fields = getters.FIELDS;
 
       return {
         ...filters,