@webitel/ui-sdk 24.6.10 → 24.6.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.6.10",
+  "version": "24.6.11",
   "private": false,
   "scripts": {
     "dev": "vite",
@@ -14,7 +14,8 @@
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs"
   },
-  "main": "./dist/@webitel/ui-sdk.umd.js",
+  "main": "./dist/@webitel/ui-sdk.mjs",
+  "type": "module",
   "files": [
     "dist/*",
     "src/api/*",

package/src/components/wt-table/wt-table.vue

@@ -232,12 +232,12 @@ export default {
         });
       }
     },
-    handleSelection(row, remove) {
+    handleSelection(row, select) {
       if (this.selected) {
-        if (remove) {
-          this.$emit('update:selected', this._selected.filter((item) => item !== row));
-        } else {
+        if (select) {
           this.$emit('update:selected', [...this._selected, row]);
+        } else {
+          this.$emit('update:selected', this._selected.filter((item) => item !== row));
         }
       } else {
         // for backwards compatibility

package/src/modules/Filters/classes/BaseFilterSchema.js

@@ -31,9 +31,9 @@ const convertGetterArray = (context) => (getters) => {
       if (value) return value;
     }
 
-    console.error(`No value found for ${context.name} filter!`);
+    // console.info(`No value found for ${context.name} filter!`);
 
-    return undefined;
+    return null;
   };
 
   return getter;

package/src/modules/Filters/components/filter-pagination.vue

@@ -7,14 +7,13 @@
     @input="localSize = $event"
     @change="setSize(localSize)"
     @next="setPage(+page + 1)"
-    @prev="setPage(page - 1)"
+    @prev="setPage(+page - 1)"
   />
 </template>
 
 <script setup>
 import { computed, ref, watch } from 'vue';
 import { useStore } from 'vuex';
-import getNamespacedState from '../../../store/helpers/getNamespacedState';
 
 const props = defineProps({
   namespace: {
@@ -50,10 +49,9 @@ function setSize(value) {
   return setFilter({ value, name: sizeFilterName });
 }
 
-// TF?
-// watch(size, () => {
-//   localSize.value = size.value;
-// }, { immediate: true });
+watch(size, () => {
+  localSize.value = size.value;
+}, { immediate: true });
 </script>
 
 <style lang="scss" scoped>

package/src/modules/Filters/scripts/setters/querySetter.js

@@ -18,7 +18,7 @@ const handleArray = ({ value, storedProp }) => {
 };
 
 const querySetter = (context) => (router) => async (rawValue = context.value) => {
-  const { name: filterQuery, storedProp } = this;
+  const { name: filterQuery, storedProp } = context;
 
   let value = '';
 
@@ -27,7 +27,7 @@ const querySetter = (context) => (router) => async (rawValue = context.value) =>
   } else if (isObject(rawValue)) {
     value = handleObject({ value: rawValue, storedProp });
   } else {
-    value = handlePrimitive({ value });
+    value = handlePrimitive({ value: rawValue });
   }
 
   await changeRouteQuery(router)({

package/src/modules/Filters/scripts/utils/changeRouteQuery.js

@@ -12,6 +12,8 @@ const changeRouteQuery = (router) => ({ filterQuery, value }) => {
     [filterQuery]: value,
   };
 
+  console.info('newQuery', newQuery);
+
   return router.replace({
     name,
     query: newQuery,

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

@@ -20,15 +20,22 @@ export default class FiltersStoreModule extends BaseStoreModule {
       return rootState.router;
     },
 
-    _STATE_FILTER_NAMES: (state) => Object.keys(state)
-    .filter((key) => !key.startsWith('_')),
+    _STATE_FILTER_NAMES: (state) => {
+      return Object.values(state)
+      .reduce((names, prop) => prop.value || prop.name
+        ? [...names, prop.name]
+        : names, []);
+    },
 
     // get value of specific filter
     GET_FILTER: (state, getters) => (filterName) => {
       const filter = state[filterName];
+
       if (!filter) throw new Error(`Unknown filter: ${filterName}`);
 
-      if (state._requireRouter && !getters.ROUTER) return filter.defaultValue;
+      if (state._requireRouter && !getters.ROUTER) {
+        throw new Error(`Router is required for filter: ${filterName}`);
+      }
 
       return filter.get({
         router: getters.ROUTER,
@@ -36,14 +43,16 @@ export default class FiltersStoreModule extends BaseStoreModule {
     },
 
     // get all filters values
-    GET_FILTERS: (state, getters) => getters._STATE_FILTER_NAMES
-    .reduce((values, filterName) => {
-      const filterValue = getters.GET_FILTER(filterName);
-      return isEmpty(filterValue) ? values : {
-        ...values,
-        [filterName]: filterValue,
-      };
-    }, {}),
+    GET_FILTERS: (state, getters) => () => {
+      return getters._STATE_FILTER_NAMES
+      .reduce((values, filterName) => {
+        const filterValue = getters.GET_FILTER(filterName);
+        return isEmpty(filterValue) ? values : {
+          ...values,
+          [filterName]: filterValue,
+        };
+      }, {});
+    },
   };
 
   actions = {
@@ -58,6 +67,12 @@ export default class FiltersStoreModule extends BaseStoreModule {
         router: context.getters.ROUTER,
       });
 
+      // upd reactivity
+      context.commit('UPDATE_FILTER', {
+        ...filter,
+        value: context.getters.GET_FILTER(name),
+      });
+
       if (!silent) await context.dispatch('EMIT', {
         event: FilterEvent.FILTER_SET,
         payload: {
@@ -135,6 +150,12 @@ export default class FiltersStoreModule extends BaseStoreModule {
     },
   };
 
+  mutations = {
+    UPDATE_FILTER: (state, filter) => {
+      state[filter.name] = filter;
+    }
+  };
+
   addFilter(filter) {
     const setup = (filter) => {
       const stateFilter = new BaseFilterSchema(filter);

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

@@ -33,7 +33,7 @@ export default class TableStoreModule extends BaseStoreModule {
 
     // main GET_LIST params collector
     GET_LIST_PARAMS: (state, getters) => (overrides) => {
-      const filters = getters.FILTERS;
+      const filters = getters.FILTERS();
       const fields = getters.FIELDS;
       const parentId = getters.PARENT_ID;