@webitel/ui-sdk 24.6.28 → 24.6.31

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

@@ -3,7 +3,8 @@ import {
   queryToSortAdapter,
   sortToQueryAdapter,
 } from '../../../scripts/sortQueryAdapters.js';
-import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule.js';
+import BaseStoreModule
+  from '../../../store/BaseStoreModules/BaseStoreModule.js';
 import FilterEvent from '../../Filters/enums/FilterEvent.enum.js';
 
 export default class TableStoreModule extends BaseStoreModule {
@@ -66,7 +67,12 @@ export default class TableStoreModule extends BaseStoreModule {
     },
 
     // FIXME: maybe move to filters module?
-    HANDLE_FILTERS_RESTORE: (context) => {
+    HANDLE_FILTERS_RESTORE: async (context, {
+      fields,
+      sort,
+    }) => {
+      if (sort) await context.dispatch('HANDLE_SORT_CHANGE', { value: sort });
+      if (fields?.length) await context.dispatch('HANDLE_FIELDS_CHANGE', { value: fields });
       return context.dispatch('LOAD_DATA_LIST');
     },
 
@@ -78,7 +84,7 @@ export default class TableStoreModule extends BaseStoreModule {
         await context.dispatch('HANDLE_SORT_CHANGE', payload);
       }
 
-      if (context.getters.FILTERS.page && payload.value !== 'page') {
+      if (context.getters.FILTERS().page && payload.value !== 'page') {
         await context.dispatch('SET_FILTER', {
           name: 'page',
           value: 1,
@@ -90,19 +96,19 @@ export default class TableStoreModule extends BaseStoreModule {
     },
 
     // FIXME: maybe move to filters module?
-    HANDLE_FIELDS_CHANGE: (context, payload) => {
+    HANDLE_FIELDS_CHANGE: (context, { value }) => {
       const headers = context.state.headers.map((header) => ({
         ...header,
-        show: payload.value.includes(header.value),
+        show: value.includes(header.value),
       }));
 
       context.commit('SET', { path: 'headers', value: headers });
     },
 
     // FIXME: maybe move to filters module?
-    HANDLE_SORT_CHANGE: (context, payload) => {
-      const nextSort = queryToSortAdapter(payload.value?.slice(0, 1) || '');
-      const field = nextSort ? payload.value.slice(1) : payload.value;
+    HANDLE_SORT_CHANGE: (context, { value }) => {
+      const nextSort = queryToSortAdapter(value?.slice(0, 1) || '');
+      const field = nextSort ? value.slice(1) : value;
 
       const headers = context.state.headers.map(({
                                                    sort: currentSort,

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

@@ -147,14 +147,14 @@ describe('TableStoreModule integration with FiltersStoreModule', () => {
       callback: (payload) => store.dispatch('table/ON_FILTER_EVENT', payload),
     });
 
-    expect(store.getters['table/filters/GET_FILTER']('page')).toBe(12);
+    expect(store.getters['table/FILTERS']().page).toBe(12);
 
     await store.dispatch('table/filters/SET_FILTER', {
       name: 'vi',
       value: 24,
     });
 
-    expect(store.getters['table/filters/GET_FILTER']('page')).toBe(1);
+    expect(store.getters['table/FILTERS']().page).toBe(1);
 
     await store.dispatch('table/filters/FLUSH_SUBSCRIBERS');
   });