@webitel/ui-datalist 1.0.71 → 1.0.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.71",
+  "version": "1.0.73",
   "description": "Toolkit for building data lists in webitel ui system",
   "scripts": {
     "make-all": "npm version patch --git-tag-version false && ( npm run lint:fix || true) && (npm run build:types || true) && npm run utils:publish",

package/src/modules/filters/components/table-filters-panel.vue

@@ -179,10 +179,12 @@ https://webitel.atlassian.net/browse/WTEL-7014
 Clear filters button should be active only if filters are defined in the table-filter-panel. Excluding the search filter
 **/
 
-const listSelectedFilters = computed(()=>
-  new Map([...props.filtersManager.filters].filter(([key]) => props.filterOptions.includes(key))));
+const listSelectedFilters = computed(()=> {
+  const filterOptionsKeys = props.filterOptions.map(filter => typeof filter === 'string' ? filter : filter.name);
+  return new Map([...props.filtersManager.filters].filter(([key]) => filterOptionsKeys.includes(key)));
+});
 
-const presetStore = props.usePresetsStore ? props.usePresetsStore() : null
+const presetStore = props.usePresetsStore ? props.usePresetsStore() : null;
 
 const handleResetFilters = () => {
   emit('filter:reset-all')
@@ -207,8 +209,8 @@ const handleResetFilters = () => {
 }
 .table-filters-panel--dynamic-filters {
   display: flex;
-  gap: var(--spacing-sm);
   flex-wrap: wrap;
+  gap: var(--spacing-sm);
 }
 
 .table-filters-panel--static-filters {

package/src/modules/filters/modules/filterConfig/components/contact-group/contact-group-filter-value-field.vue

@@ -76,8 +76,19 @@ const v$ =  useVuelidate(
     { $autoDirty: true }
 );
 
+const initModel = () => {
+  if (!model.value) {
+    model.value = {
+      list: [],
+      unassigned: null,
+    };
+  }
+};
+
 onMounted(() => {
   if(!props?.disableValidation) v$.value.$touch();
+
+  initModel();
 });
 
 watch(