@webitel/ui-sdk 0.9.59 → 0.9.63

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "0.9.59",
+  "version": "0.9.63",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",
@@ -8,7 +8,8 @@
     "test:unit": "vue-cli-service test:unit",
     "lint": "vue-cli-service lint --fix",
     "build-lib": "vue-cli-service build --target lib --name ui-sdk ./src/install.js",
-    "build-publish-lib": "npm run test:unit && npm run build-lib && npm publish --access public"
+    "build-publish-lib": "npm run test:unit && npm run build-lib && npm publish --access public",
+    "build-publish-lib:testless": "npm run build-lib && npm publish --access public"
   },
   "main": "./dist/@webitel/ui-sdk.common.js",
   "files": [

package/src/modules/QueryFilters/components/__tests__/abstract-enum-filter.spec.js

@@ -20,6 +20,9 @@ describe('Abstract Enum Filter', () => {
         state: {
           [filterQuery]: filterSchema,
         },
+        getters: {
+          GET_VALUE_FROM_QUERY: () => {},
+        },
       },
     },
   });

package/src/modules/QueryFilters/mixins/baseFilterMixin/baseFilterMixin.js

@@ -32,9 +32,9 @@ export default {
       if (!this.$store) throw new Error('Vuex is required for default setValueToQuery() baseFilterMixin method');
       return this.$store.dispatch(`${this.namespace}/SET_VALUE_TO_QUERY`, payload);
     },
-    getValueFromQuery(payload) {
+    getValueFromQuery({ filterQuery }) {
       if (!this.$store) throw new Error('Vuex is required for default getValueFromQuery() baseFilterMixin method');
-      return this.$store.dispatch(`${this.namespace}/GET_VALUE_FROM_QUERY`, payload);
+      return this.$route.query[filterQuery];
     },
   },
 };

package/src/modules/QueryFilters/store/QueryControllerStoreModule.js

@@ -2,9 +2,14 @@ import deepEqual from 'deep-equal';
 import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule';
 
 export default class QueryControllerStoreModule extends BaseStoreModule {
+  getters = {
+    GET_VALUE_FROM_QUERY: (state) => ({ filterQuery }) => state.router.currentRoute.query[filterQuery],
+  }
+
   actions = {
     // OVERRIDE ME
-    BEFORE_CHANGE_ROUTE_QUERY_HOOK: (context, { query }) => query,
+    // eslint-disable-next-line no-unused-vars
+    BEFORE_CHANGE_ROUTE_QUERY_HOOK: (context, { query, filterQuery, value }) => query,
     // OVERRIDE ME
     AFTER_CHANGE_ROUTE_QUERY_HOOK: (context, { query }) => query,
     _CHANGE_ROUTE_QUERY: async (context, { filterQuery, value }) => {
@@ -12,7 +17,7 @@ export default class QueryControllerStoreModule extends BaseStoreModule {
         const { router } = context.state;
         let query = { ...router.currentRoute.query };
         query[filterQuery] = value;
-        query = await context.dispatch('BEFORE_CHANGE_ROUTE_QUERY_HOOK', { query });
+        query = await context.dispatch('BEFORE_CHANGE_ROUTE_QUERY_HOOK', { query, filterQuery, value });
         await router.replace({
           name: router.currentRoute.name,
           query,
@@ -49,7 +54,6 @@ export default class QueryControllerStoreModule extends BaseStoreModule {
         throw err;
       }
     },
-    GET_VALUE_FROM_QUERY: (context, { filterQuery }) => context.state.router.currentRoute.query[filterQuery],
   };
 
   constructor({ router } = {}) {

package/src/modules/QueryFilters/store/QueryFiltersStoreModule.js

@@ -46,6 +46,7 @@ export default class QueryFiltersStoreModule extends BaseStoreModule {
   generateQueryControllerActions(controllerNamespace) {
     this.actions.SET_VALUE_TO_QUERY = (context, payload) => context.dispatch(`${controllerNamespace}/SET_VALUE_TO_QUERY`, payload, { root: true });
     this.actions.GET_VALUE_FROM_QUERY = (context, payload) => context.dispatch(`${controllerNamespace}/GET_VALUE_FROM_QUERY`, payload, { root: true });
+    return this;
   }
 
   constructor({ state = {} } = {}) {

package/src/modules/QueryFilters/store/__tests__/QueryControllerStoreModule.spec.js

@@ -22,21 +22,21 @@ describe('Query Controller Store Module Actions', () => {
   it('Array of objects', async () => {
     const value = [{ name: 'team 1', id: '1' }, { name: 'team 2', id: '2' }];
     await store.dispatch('SET_VALUE_TO_QUERY', { filterQuery, value });
-    const queryValue = await store.dispatch('GET_VALUE_FROM_QUERY', { filterQuery });
+    const queryValue = await store.getters.GET_VALUE_FROM_QUERY({ filterQuery });
     expect(queryValue).toEqual(['1', '2']);
   });
 
   it('Array of values', async () => {
     const value = ['hello', '1'];
     await store.dispatch('SET_VALUE_TO_QUERY', { filterQuery, value });
-    const queryValue = await store.dispatch('GET_VALUE_FROM_QUERY', { filterQuery });
+    const queryValue = await store.getters.GET_VALUE_FROM_QUERY({ filterQuery });
     expect(queryValue).toEqual(value);
   });
 
   it('String value', async () => {
     const value = 'hello there';
     await store.dispatch('SET_VALUE_TO_QUERY', { filterQuery, value });
-    const queryValue = await store.dispatch('GET_VALUE_FROM_QUERY', { filterQuery });
+    const queryValue = await store.getters.GET_VALUE_FROM_QUERY({ filterQuery });
     expect(queryValue).toEqual(value);
   });
 });