Merge pull request #287 from webitel/hotfix/add-multiple-value-in-filter

Hotfix/add multiple value in filter

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.10.2",
+  "version": "24.10.3",
   "private": false,
   "scripts": {
     "dev": "vite",

src/modules/Filters/classes/BaseFilterSchema.js

@@ -86,6 +86,7 @@ export default class BaseFilterSchema {
                 get = ['value', 'query'],
                 set = ['value', 'query'],
                 restore = ['query'],
+                multiple = false,
                 ...rest
               } = {}) {
     if (!name) throw new Error('Filter name is required');
@@ -94,6 +95,7 @@ export default class BaseFilterSchema {
       name,
       value,
       defaultValue,
+      multiple,
     }, rest);
 
     this.setupGetters(get);

src/modules/Filters/scripts/getters/queryGetter.js

@@ -5,7 +5,13 @@ const queryGetter = (context) => (router) => () => {
   const query = router.currentRoute.value?.query || router.currentRoute.query ||
     {};
 
-  return query[context.name];
+  const value = query[context.name];
+
+  if(value && context?.multiple && !Array.isArray(value)) {
+    return [value];
+  }
+
+  return value;
 };
 
 export default queryGetter;

src/modules/Filters/scripts/getters/valueGetter.js

@@ -1,7 +1,6 @@
 // context === filter "this"
 const valueGetter = (context) => () => {
-  const { value, storedProp, multiple } = context;
-  if (multiple) return value.map((item) => item[storedProp]); // if arr, map
+  const { value, storedProp } = context;
   if (storedProp) return value[storedProp]; // if object and has specific prop, return this prop
   return value; // else return val
 };