@webitel/ui-sdk 3.2.49 → 3.2.51

package/package.json

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

package/src/modules/Filters/store/FiltersStoreModule.js

@@ -5,6 +5,16 @@ import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule';
 
 export default class FiltersStoreModule extends BaseStoreModule {
   getters = {
+    ROUTER: () => console.error('setup ROUTER getter for filters store'),
+    TABLE_NAMESPACE: () => console.error('setup TABLE_NAMESPACE getter for filters store'),
+
+    GET_FILTER: (state) => (filter) => {
+      if (!state[filter]) return null;
+      const { value, storedProp, multiple } = state[filter];
+      if (multiple) return value.map((item) => item[storedProp]); // if arr, map
+      if (storedProp) return value[storedProp]; // if object and has specific prop, return this prop
+      return value; // else return val
+    },
     GET_FILTERS: (state, getters) => Object.keys(state)
     .reduce((filters, filterKey) => {
       const filterValue = getters.GET_FILTER(filterKey);
@@ -13,13 +23,6 @@ export default class FiltersStoreModule extends BaseStoreModule {
         [filterKey]: filterValue,
       };
     }, {}),
-    GET_FILTER: (state) => (filter) => {
-      if (!state[filter]) return null;
-      const { value, storedProp, multiple } = state[filter];
-      if (multiple) return value.map((item) => item[storedProp]); // if arr, map
-      if (storedProp) return value[storedProp]; // if object and has specific prop, return this prop
-      return value; // else return val
-    },
     GET_VALUE_FROM_QUERY: (state, getters) => ({ filterQuery }) => (
       getters.ROUTER.currentRoute.value.query[filterQuery]
     ),
@@ -40,7 +43,12 @@ export default class FiltersStoreModule extends BaseStoreModule {
       });
       context.commit('SET_FILTER', { filter, value: newValue });
 
-      if (filter !== 'page') context.dispatch('SET_FILTER', { filter: 'page', value: 1 });
+      if (filter !== 'page') {
+ context.dispatch('SET_FILTER', {
+        filter: 'page',
+        value: 1,
+      });
+}
 
       return context.dispatch('ON_FILTER_SET', { filter, value });
     },
@@ -80,10 +88,14 @@ export default class FiltersStoreModule extends BaseStoreModule {
       const query = context.getters.GET_VALUE_FROM_QUERY({ filterQuery: filter });
       // note: restore fn may still return value even if there's no query value
       // from localStorage, for instance
-      const value = context.state[filter].restore ? context.state[filter].restore({ query }) : query;
+      const value = context.state[filter].restore
+        ? context.state[filter].restore({ query })
+        : query;
       if (value) {
-        if (filter === 'sort') await context.dispatch('RESTORE_SORT', { value });
-        else if (filter === 'fields') await context.dispatch('RESTORE_FIELDS', { value });
+        if (filter
+          === 'sort') await context.dispatch('RESTORE_SORT', { value });
+        else if (filter
+          === 'fields') await context.dispatch('RESTORE_FIELDS', { value });
         await context.dispatch('SET_FILTER', ({ filter, value }));
         return true;
       }
@@ -104,9 +116,17 @@ export default class FiltersStoreModule extends BaseStoreModule {
       }
     },
     RESET_FILTERS: (context) => {
-      context.commit('RESET_FILTERS');
+      Object.keys(context.state).forEach((filter) => {
+        context.dispatch('SET_FILTER', {
+          filter,
+          value: context.state[filter].defaultValue,
+        });
+      });
     },
-    ON_FILTER_SET: debounce((context, { filter, value }) => context.dispatch('LOAD_DATA_LIST'), 500),
+    ON_FILTER_SET: debounce((
+      context,
+      { filter, value },
+    ) => context.dispatch('LOAD_DATA_LIST'), 500),
 
     LOAD_DATA_LIST: (context) => context.dispatch(
       `${context.getters.TABLE_NAMESPACE}/LOAD_DATA_LIST`,
@@ -129,10 +149,5 @@ export default class FiltersStoreModule extends BaseStoreModule {
     SET_FILTER: (state, { filter, value }) => {
       state[filter].value = value;
     },
-    RESET_FILTERS: (state) => {
-      Object.keys(state).forEach((filter) => {
-        state[filter].value = state[filter].defaultValue;
-      });
-    },
   };
 }

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

@@ -16,29 +16,11 @@ export const useTableStore = (namespace) => {
 
   const isNext = computed(() => getNamespacedState(store.state, tableNamespace).isNextPage);
 
-  const page = computed(() => getNamespacedState(store.state, tableNamespace).page);
-
-  const size = computed(() => getNamespacedState(store.state, tableNamespace).size);
-
-  const search = computed(() => getNamespacedState(store.state, tableNamespace).search);
-
   const error = computed(() => getNamespacedState(store.state, tableNamespace).errors);
   async function loadData(payload) {
     return store.dispatch(`${tableNamespace}/LOAD_DATA_LIST`, payload);
   }
 
-  async function setSize(payload) {
-    return store.dispatch(`${tableNamespace}/SET_SIZE`, payload);
-  }
-
-  async function nextPage() {
-    return store.dispatch(`${tableNamespace}/NEXT_PAGE`);
-  }
-
-  async function prevPage() {
-    return store.dispatch(`${tableNamespace}/PREV_PAGE`);
-  }
-
   async function patchProperty(payload) {
     return store.dispatch(`${tableNamespace}/PATCH_ITEM_PROPERTY`, payload);
   }
@@ -58,10 +40,6 @@ export const useTableStore = (namespace) => {
     return store.dispatch(`${tableNamespace}/SET_HEADERS`, payload);
   }
 
-  async function setSearch(payload) {
-    return store.dispatch(`${tableNamespace}/SET_SEARCH`, payload);
-  }
-
   return {
     namespace: tableNamespace,
 
@@ -69,19 +47,12 @@ export const useTableStore = (namespace) => {
     isLoading,
     headers,
     isNext,
-    page,
-    size,
-    search,
     error,
 
     loadData,
-    setSize,
-    nextPage,
-    prevPage,
     patchProperty,
     deleteData,
     sort,
     setHeaders,
-    setSearch,
   };
 };

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

@@ -27,8 +27,8 @@ export default class TableStoreModule extends BaseStoreModule {
       .map((header) => header.field);
 
       const getFieldsByFieldValues = (values) => {
-        values.map((passedValue) => state.headers.find(({ value }) => passedValue ===
-          value).field);
+        values.map((passedValue) => state.headers.find(({ value }) => passedValue
+          === value).field);
       };
 
       return [
@@ -52,10 +52,6 @@ export default class TableStoreModule extends BaseStoreModule {
   };
 
   actions = {
-    // HOOKS TO BE OVERRIDEN, IF NEEDED
-    BEFORE_SET_DATA_LIST_HOOK: (context, { items, next }) => ({ items, next }),
-    AFTER_SET_DATA_LIST_HOOK: (context, { items, next }) => ({ items, next }),
-
     LOAD_DATA_LIST: async (context, query) => {
       const params = context.getters.GET_LIST_PARAMS(query);
       try {
@@ -69,44 +65,15 @@ export default class TableStoreModule extends BaseStoreModule {
         * admin-specific were replaced by webitel-sdk consumers and i supposed it will be
         * weird to set this property in each api file through defaultListObject */
         items = items.map((item) => ({ ...item, _isSelected: false }));
-        const afterHook = await context.dispatch('BEFORE_SET_DATA_LIST_HOOK', {
-          items,
-          next,
-        });
-        context.commit('SET_DATA_LIST', afterHook.items);
-        context.commit('SET_IS_NEXT', afterHook.next);
-        context.dispatch('AFTER_SET_DATA_LIST_HOOK', afterHook);
+        context.commit('SET_DATA_LIST', items);
+        context.commit('SET_IS_NEXT', next);
       } catch (err) {
-        console.error(err);
         context.commit('SET_ERROR', err);
       } finally {
         context.commit('SET_LOADING', false);
       }
     },
-    SET_SIZE: async (context, size) => {
-      context.commit('SET_SIZE', size);
-      await context.dispatch('RESET_PAGE');
-    },
-    SET_SEARCH: async (context, search) => {
-      context.commit('SET_SEARCH', search);
-      await context.dispatch('RESET_PAGE');
-    },
-    NEXT_PAGE: (context) => {
-      const page = context.state.page + 1;
-      context.commit('SET_PAGE', page);
-      context.dispatch('LOAD_DATA_LIST');
-    },
-    PREV_PAGE: (context) => {
-      if (context.state.page > 1) {
-        const page = context.state.page - 1;
-        context.commit('SET_PAGE', page);
-        context.dispatch('LOAD_DATA_LIST');
-      }
-    },
-    RESET_PAGE: (context) => {
-      const page = 1;
-      context.commit('SET_PAGE', page);
-    },
+    SET_HEADERS: (context, headers) => context.commit('SET_HEADERS', headers),
     RESTORE_FIELDS_FROM_FILTER: (context, { value }) => {
       const headers = context.state.headers.map((header) => ({
         ...header,
@@ -114,7 +81,6 @@ export default class TableStoreModule extends BaseStoreModule {
       }));
       return context.dispatch('SET_HEADERS', headers);
     },
-    SET_HEADERS: (context, headers) => context.commit('SET_HEADERS', headers),
     SORT: async (context, { header, nextSortOrder }) => {
       const sort = nextSortOrder
         ? `${sortToQueryAdapter(nextSortOrder)}${header.field}`
@@ -134,14 +100,12 @@ export default class TableStoreModule extends BaseStoreModule {
       });
     },
     UPDATE_HEADER_SORT: (context, { header, nextSortOrder }) => {
-      const headers = context.state.headers.map((oldHeader) => {
-        return {
-          ...oldHeader,
-          sort: oldHeader.field === header.field
-            ? nextSortOrder
-            : SortSymbols.NONE,
-        };
-      });
+      const headers = context.state.headers.map((oldHeader) => ({
+        ...oldHeader,
+        sort: oldHeader.field === header.field
+          ? nextSortOrder
+          : SortSymbols.NONE,
+      }));
       context.commit('SET_HEADERS', headers);
     },
     PATCH_ITEM_PROPERTY: async (context, {
@@ -184,30 +148,12 @@ export default class TableStoreModule extends BaseStoreModule {
       context,
       deleted,
     ) => Promise.allSettled(deleted.map((item) => context.dispatch('DELETE_SINGLE', item))),
-    // REMOVE_ITEM: async (context, index) => {
-    //   const id = context.state.dataList[index].id;
-    //   context.commit('REMOVE_ITEM', index);
-    //   try {
-    //     await context.dispatch('DELETE_ITEM', id);
-    //   } catch (err) {
-    //     throw err;
-    //   }
-    // },
   };
 
   mutations = {
     SET_DATA_LIST: (state, items) => {
       state.dataList = items;
     },
-    SET_SIZE: (state, size) => {
-      state.size = size;
-    },
-    SET_SEARCH: (state, search) => {
-      state.search = search;
-    },
-    SET_PAGE: (state, page) => {
-      state.page = page;
-    },
     SET_IS_NEXT: (state, next) => {
       state.isNextPage = next;
     },

package/src/scripts/debounce.js

@@ -1,2 +1,5 @@
-import debounce from 'lodash.debounce';
+import lodashDebounce from 'lodash.debounce';
+
+const debounce = (fn, wait = 1000, options) => lodashDebounce(fn, wait, options);
+
 export default debounce;