@webitel/ui-datalist 1.0.60 → 1.0.61

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.60",
+  "version": "1.0.61",
   "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/filter-presets/components/apply-preset/apply-preset-action.vue

@@ -92,7 +92,7 @@ const props = defineProps<{
    * presets "section" namespace
    */
   namespace: string;
-  usePresetsStore: Store;
+  presetsStore: () => Store;
   filterConfigs: AnyFilterConfig[];
 }>();
 
@@ -106,7 +106,7 @@ const { t } = useI18n();
 
 const showPresetsList = ref(false);
 
-const presetsStore = props.usePresetsStore();
+const presetsStore = props.presetsStore;
 const { dataList, error, isLoading, filtersManager, presetId } =
   storeToRefs(presetsStore);
 

package/src/modules/filter-presets/stores/createFilterPresetsStore.ts

@@ -15,13 +15,16 @@ export const filterPresetsStoreBody = (namespace = 'presets') => {
   const presetId = ref(null);
 
   const setupPresetPersistence = async () => {
-    const { restore: restorePreset } = usePersistedStorage({
+    const { restore: restorePreset, reset } = usePersistedStorage({
       name: 'preset',
       value: presetId,
       storages: [PersistedStorageType.LocalStorage],
       storagePath: presetsNamespace,
       onStore: (save, { name }) => {
         const value = presetId.value;
+        if (!value) {
+          return reset();
+        }
         return save({ name, value });
       },
       onRestore: async (restore, name) => {
@@ -38,11 +41,16 @@ export const filterPresetsStoreBody = (namespace = 'presets') => {
     disablePersistence: true,
   });
 
+  const resetPreset = () => {
+    presetId.value = null;
+  };
+
   return {
     ...tableStore,
 
     presetId,
     setupPresetPersistence,
+    resetPreset,
   };
 };
 

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

@@ -38,7 +38,7 @@
         <apply-preset-action
           :filter-configs="filterConfigs"
           :namespace="props.presetNamespace"
-          :use-presets-store="props.usePresetsStore"
+          :presets-store="presetStore"
           @apply="emit('preset:apply', $event)"
         />
 
@@ -53,7 +53,7 @@
       <wt-icon-action
         :disabled="!listSelectedFilters.size"
         action="clear"
-        @click="emit('filter:reset-all')"
+        @click="handleResetFilters"
       />
 
       <wt-icon-action
@@ -181,6 +181,15 @@ Clear filters button should be active only if filters are defined in the table-f
 
 const listSelectedFilters = computed(()=>
   new Map([...props.filtersManager.filters].filter(([key]) => props.filterOptions.includes(key))));
+
+const presetStore = props.usePresetsStore();
+
+const handleResetFilters = () => {
+  emit('filter:reset-all')
+  if (presetStore) {
+    presetStore.resetPreset()
+  }
+}
 </script>
 
 <style>

package/types/modules/filter-presets/components/apply-preset/apply-preset-action.vue.d.ts

@@ -5,7 +5,7 @@ type __VLS_Props = {
      * presets "section" namespace
      */
     namespace: string;
-    usePresetsStore: Store;
+    presetsStore: () => Store;
     filterConfigs: AnyFilterConfig[];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/types/modules/filter-presets/stores/createFilterPresetsStore.d.ts

@@ -1,6 +1,7 @@
 export declare const filterPresetsStoreBody: (namespace?: string) => {
     presetId: import("vue").Ref<any, any>;
     setupPresetPersistence: () => Promise<void>;
+    resetPreset: () => void;
     dataList: import("vue").Ref<EnginePresetQuery[], EnginePresetQuery[]>;
     selected: import("vue").Ref<EnginePresetQuery[], EnginePresetQuery[]>;
     error: import("vue").Ref<any, any>;
@@ -94,6 +95,7 @@ export declare const filterPresetsStoreBody: (namespace?: string) => {
 export declare const createFilterPresetsStore: (namespace: string) => () => {
     presetId: import("vue").Ref<any, any>;
     setupPresetPersistence: () => Promise<void>;
+    resetPreset: () => void;
     dataList: import("vue").Ref<EnginePresetQuery[], EnginePresetQuery[]>;
     selected: import("vue").Ref<EnginePresetQuery[], EnginePresetQuery[]>;
     error: import("vue").Ref<any, any>;