@webitel/ui-datalist 1.0.54 → 1.0.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.54",
+  "version": "1.0.56",
   "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/card/stores/createCardStore.ts

@@ -10,7 +10,7 @@ import { CardItemId, CardParentId } from '../types/CardStore.types';
 
 const defaultRegleValidationOptions: RegleSchemaBehaviourOptions &
   RegleBehaviourOptions = {
-  autoDirty: false, // compute errors only on $validate() fn (btn click)
+  autoDirty: true, // compute errors only on $validate() fn (btn click)
   syncState: {
     onValidate: true, // make zod defaults fill state
   },

package/src/modules/filter-presets/api/PresetQuery.ts

@@ -60,6 +60,15 @@ const getPresetList = async (params, config: GetPresetListRequestConfig) => {
   }
 };
 
+const getPreset = async ({ id }) => {
+  try {
+    const response = await service.readPresetQuery(id);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
 const addPreset = async ({
   preset,
   namespace,
@@ -111,6 +120,7 @@ const deletePreset = async ({ id }) => {
 
 const PresetQueryAPI = {
   getList: getPresetList,
+  get: getPreset,
   add: addPreset,
   update: updatePreset,
   delete: deletePreset,

package/src/modules/filter-presets/components/apply-preset/apply-preset-action.vue

@@ -79,7 +79,7 @@ import {
 import { IconAction } from '@webitel/ui-sdk/enums';
 import { useTableEmpty } from '@webitel/ui-sdk/modules/TableComponentModule/composables/useTableEmpty';
 import { type Store, storeToRefs } from 'pinia';
-import { computed, inject, ref, watch } from 'vue';
+import {computed, inject, onMounted, ref, watch} from 'vue';
 import { useI18n } from 'vue-i18n';
 import { EnginePresetQuery } from 'webitel-sdk';
 
@@ -107,10 +107,10 @@ const { t } = useI18n();
 const showPresetsList = ref(false);
 
 const presetsStore = props.usePresetsStore();
-const { dataList, error, isLoading, filtersManager } =
+const { dataList, error, isLoading, filtersManager, presetId } =
   storeToRefs(presetsStore);
 
-const { loadDataList, initialize, updateSize, deleteEls } = presetsStore;
+const { loadDataList, initialize, updateSize, deleteEls, setupPresetPersistence } = presetsStore;
 
 updateSize(1000);
 filtersManager.value.addFilter({
@@ -166,6 +166,7 @@ const applySelectedPreset = () => {
   const filtersSnapshot =
     selectedPreset.value.preset['filtersManager.toString'];
   emit('apply', filtersSnapshot);
+  presetId.value = selectedPreset.value.id
 
   selectedPreset.value = null;
   showPresetsList.value = false;
@@ -201,6 +202,19 @@ const deletePreset = async (preset: EnginePresetQuery) => {
     }),
   });
 };
+
+const restorePresetById = async (id: number | null) => {
+  if (!id) return;
+  const presetData = await PresetQueryAPI.get({ id });
+  const filters = presetData?.preset?.['filtersManager.toString'];
+
+  if (filters) emit('apply', filters);
+}
+
+onMounted(async () => {
+  await setupPresetPersistence();
+  await restorePresetById(presetId.value)
+})
 </script>
 
 <style lang="scss" scoped>

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

@@ -1,17 +1,51 @@
+import { ref } from 'vue';
 import { EnginePresetQuery } from 'webitel-sdk';
 
-import { createTableStore } from '../../table/createTableStore.store.ts';
-import PresetQueryAPI from '../api/PresetQuery.ts';
-import { headers } from './headers/headers.ts';
+import { PersistedStorageType } from '../../persist/PersistedStorage.types';
+import { usePersistedStorage } from '../../persist/usePersistedStorage';
+import { tableStoreBody } from '../../table/createTableStore.store';
+import PresetQueryAPI from '../api/PresetQuery';
+import { headers } from './headers/headers';
 
-export const createFilterPresetsStore = (namespace = 'presets') => {
+export const filterPresetsStoreBody = (namespace = 'presets') => {
   const presetsNamespace = namespace.endsWith('presets')
     ? namespace
     : `${namespace}/presets`;
 
-  return createTableStore<EnginePresetQuery>(presetsNamespace, {
+  const presetId = ref(null);
+
+  const setupPresetPersistence = async () => {
+    const { restore: restorePreset } = usePersistedStorage({
+      name: 'preset',
+      value: presetId,
+      storages: [PersistedStorageType.LocalStorage],
+      storagePath: presetsNamespace,
+      onStore: (save, { name }) => {
+        const value = presetId.value;
+        return save({ name, value });
+      },
+      onRestore: async (restore, name) => {
+        const value = await restore(name);
+        presetId.value = Number(value);
+      },
+    });
+    await restorePreset();
+  };
+
+  const tableStore = tableStoreBody<EnginePresetQuery>(presetsNamespace, {
     apiModule: PresetQueryAPI,
     headers,
     disablePersistence: true,
   });
+
+  return {
+    ...tableStore,
+
+    presetId,
+    setupPresetPersistence,
+  };
+};
+
+export const createFilterPresetsStore = (namespace: string) => {
+  return () => filterPresetsStoreBody(namespace);
 };

package/src/modules/filters/modules/filterConfig/components/case-assignee/case-assignee-filter-value-field.vue

@@ -14,7 +14,7 @@
     :label="t('reusable.showUnassigned')"
     :selected="model?.unassigned"
     :v="v$.model.unassigned"
-    @change="model.unassigned = $event"
+    @update:selected="model.unassigned = $event"
   />
 </template>
 

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

@@ -16,7 +16,7 @@
     :label="t('reusable.showUnassigned')"
     :selected="model?.unassigned"
     :v="!disableValidation && v$?.model?.unassigned"
-    @change="model.unassigned = $event"
+    @update:selected="model.unassigned = $event"
   />
 </template>
 

package/src/modules/table/createTableStore.store.ts

@@ -22,7 +22,7 @@ export const tableStoreBody = <Entity extends { id: string; etag?: string }>(
     headers: rowHeaders,
     disablePersistence,
     storeType,
-    isAppendDataList
+    isAppendDataList,
   } = config;
   const usePaginationStore = createTablePaginationStore(namespace, config);
   const useHeadersStore = createTableHeadersStore(namespace, config, {

package/types/modules/filter-presets/api/PresetQuery.d.ts

@@ -25,6 +25,9 @@ declare const PresetQueryAPI: {
         items: any;
         next: any;
     }>;
+    get: ({ id }: {
+        id: any;
+    }) => Promise<any>;
     add: ({ preset, namespace, }: {
         preset: EngineCreatePresetQueryRequest;
         namespace: string;

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

@@ -1,4 +1,6 @@
-export declare const createFilterPresetsStore: (namespace?: string) => import("../../types/createDatalistStore.types.js").PatchableStoreFactory<{
+export declare const filterPresetsStoreBody: (namespace?: string) => {
+    presetId: import("vue").Ref<any, any>;
+    setupPresetPersistence: () => Promise<void>;
     dataList: import("vue").Ref<EnginePresetQuery[], EnginePresetQuery[]>;
     selected: import("vue").Ref<EnginePresetQuery[], EnginePresetQuery[]>;
     error: import("vue").Ref<any, any>;
@@ -12,64 +14,64 @@ export declare const createFilterPresetsStore: (namespace?: string) => import(".
     sort: import("vue").ComputedRef<string>;
     filtersManager: import("vue").Ref<{
         filters: Map<string, {
-            name: import("../../filters/index.js").FilterName;
-            value: import("../../filters/index.js").FilterValue;
-            label?: import("../../filters/index.js").FilterLabel;
-            set: (data: import("../../filters/classes/Filter.js").FilterData) => import("../../filters/index.js").IFilter;
-        }> & Omit<Map<string, import("../../filters/index.js").IFilter>, keyof Map<any, any>>;
-        hasFilter: (name: import("../../filters/index.js").FilterName) => boolean;
-        getFilter: (name: import("../../filters/index.js").FilterName) => import("../../filters/index.js").IFilter;
-        addFilter: (params: import("../../filters/index.js").FilterInitParams, payload?: object, config?: import("../../filters/index.js").FilterInstanceConfig) => import("../../filters/index.js").IFilter;
+            name: import("../../filters").FilterName;
+            value: import("../../filters").FilterValue;
+            label?: import("../../filters").FilterLabel;
+            set: (data: import("../../filters/classes/Filter").FilterData) => import("../../filters").IFilter;
+        }> & Omit<Map<string, import("../../filters").IFilter>, keyof Map<any, any>>;
+        hasFilter: (name: import("../../filters").FilterName) => boolean;
+        getFilter: (name: import("../../filters").FilterName) => import("../../filters").IFilter;
+        addFilter: (params: import("../../filters").FilterInitParams, payload?: object, config?: import("../../filters").FilterInstanceConfig) => import("../../filters").IFilter;
         updateFilter: ({ name, }: {
-            name: import("../../filters/index.js").FilterName;
-            value?: import("../../filters/index.js").FilterValue;
-            label?: import("../../filters/index.js").FilterLabel;
-        }) => import("../../filters/index.js").IFilter;
-        deleteFilter: (name: import("../../filters/index.js").FilterName) => import("../../filters/index.js").IFilter;
+            name: import("../../filters").FilterName;
+            value?: import("../../filters").FilterValue;
+            label?: import("../../filters").FilterLabel;
+        }) => import("../../filters").IFilter;
+        deleteFilter: (name: import("../../filters").FilterName) => import("../../filters").IFilter;
         toString: () => string;
         fromString: (snapshotStr: string) => void;
         reset: ({ include, exclude, }?: {
-            include?: import("../../filters/index.js").FilterName[];
-            exclude?: import("../../filters/index.js").FilterName[];
+            include?: import("../../filters").FilterName[];
+            exclude?: import("../../filters").FilterName[];
         }) => void;
-        getAllKeys: () => import("../../filters/index.js").FilterName[];
+        getAllKeys: () => import("../../filters").FilterName[];
         getAllValues: () => {
-            [name: import("../../filters/index.js").FilterName]: import("../../filters/index.js").FilterValue;
+            [name: import("../../filters").FilterName]: import("../../filters").FilterValue;
         };
         getFiltersList: ({ include, exclude, }?: {
-            include?: import("../../filters/index.js").FilterName[];
-            exclude?: import("../../filters/index.js").FilterName[];
-        }) => import("../../filters/index.js").IFilter[];
+            include?: import("../../filters").FilterName[];
+            exclude?: import("../../filters").FilterName[];
+        }) => import("../../filters").IFilter[];
     }, {
         filters: Map<string, {
-            name: import("../../filters/index.js").FilterName;
-            value: import("../../filters/index.js").FilterValue;
-            label?: import("../../filters/index.js").FilterLabel;
-            set: (data: import("../../filters/classes/Filter.js").FilterData) => import("../../filters/index.js").IFilter;
-        }> & Omit<Map<string, import("../../filters/index.js").IFilter>, keyof Map<any, any>>;
-        hasFilter: (name: import("../../filters/index.js").FilterName) => boolean;
-        getFilter: (name: import("../../filters/index.js").FilterName) => import("../../filters/index.js").IFilter;
-        addFilter: (params: import("../../filters/index.js").FilterInitParams, payload?: object, config?: import("../../filters/index.js").FilterInstanceConfig) => import("../../filters/index.js").IFilter;
+            name: import("../../filters").FilterName;
+            value: import("../../filters").FilterValue;
+            label?: import("../../filters").FilterLabel;
+            set: (data: import("../../filters/classes/Filter").FilterData) => import("../../filters").IFilter;
+        }> & Omit<Map<string, import("../../filters").IFilter>, keyof Map<any, any>>;
+        hasFilter: (name: import("../../filters").FilterName) => boolean;
+        getFilter: (name: import("../../filters").FilterName) => import("../../filters").IFilter;
+        addFilter: (params: import("../../filters").FilterInitParams, payload?: object, config?: import("../../filters").FilterInstanceConfig) => import("../../filters").IFilter;
         updateFilter: ({ name, }: {
-            name: import("../../filters/index.js").FilterName;
-            value?: import("../../filters/index.js").FilterValue;
-            label?: import("../../filters/index.js").FilterLabel;
-        }) => import("../../filters/index.js").IFilter;
-        deleteFilter: (name: import("../../filters/index.js").FilterName) => import("../../filters/index.js").IFilter;
+            name: import("../../filters").FilterName;
+            value?: import("../../filters").FilterValue;
+            label?: import("../../filters").FilterLabel;
+        }) => import("../../filters").IFilter;
+        deleteFilter: (name: import("../../filters").FilterName) => import("../../filters").IFilter;
         toString: () => string;
         fromString: (snapshotStr: string) => void;
         reset: ({ include, exclude, }?: {
-            include?: import("../../filters/index.js").FilterName[];
-            exclude?: import("../../filters/index.js").FilterName[];
+            include?: import("../../filters").FilterName[];
+            exclude?: import("../../filters").FilterName[];
         }) => void;
-        getAllKeys: () => import("../../filters/index.js").FilterName[];
+        getAllKeys: () => import("../../filters").FilterName[];
         getAllValues: () => {
-            [name: import("../../filters/index.js").FilterName]: import("../../filters/index.js").FilterValue;
+            [name: import("../../filters").FilterName]: import("../../filters").FilterValue;
         };
         getFiltersList: ({ include, exclude, }?: {
-            include?: import("../../filters/index.js").FilterName[];
-            exclude?: import("../../filters/index.js").FilterName[];
-        }) => import("../../filters/index.js").IFilter[];
+            include?: import("../../filters").FilterName[];
+            exclude?: import("../../filters").FilterName[];
+        }) => import("../../filters").IFilter[];
     }>;
     isFiltersRestoring: import("vue").Ref<boolean, boolean>;
     initialize: ({ parentId: storeParentId, }?: {
@@ -78,7 +80,7 @@ export declare const createFilterPresetsStore: (namespace?: string) => import(".
     loadDataList: () => Promise<void>;
     appendToDataList: () => Promise<void>;
     updateSelected: (value: EnginePresetQuery[]) => void;
-    patchItemProperty: ({ index, path, value, }: import("../../types/tableStore.types.js").PatchItemPropertyParams) => Promise<void>;
+    patchItemProperty: ({ index, path, value, }: import("../../types/tableStore.types").PatchItemPropertyParams) => Promise<void>;
     deleteEls: (_els: EnginePresetQuery[]) => Promise<void>;
     updatePage: (newPage: number) => void;
     updateSize: (newSize: number) => void;
@@ -88,4 +90,97 @@ export declare const createFilterPresetsStore: (namespace?: string) => import(".
     addFilter: any;
     updateFilter: any;
     deleteFilter: any;
-}>;
+};
+export declare const createFilterPresetsStore: (namespace: string) => () => {
+    presetId: import("vue").Ref<any, any>;
+    setupPresetPersistence: () => Promise<void>;
+    dataList: import("vue").Ref<EnginePresetQuery[], EnginePresetQuery[]>;
+    selected: import("vue").Ref<EnginePresetQuery[], EnginePresetQuery[]>;
+    error: import("vue").Ref<any, any>;
+    isLoading: import("vue").Ref<boolean, boolean>;
+    page: import("vue").Ref<number, number>;
+    size: import("vue").Ref<number, number>;
+    next: import("vue").Ref<boolean, boolean>;
+    headers: import("vue").Ref<any, any>;
+    shownHeaders: import("vue").ComputedRef<any>;
+    fields: import("vue").ComputedRef<any>;
+    sort: import("vue").ComputedRef<string>;
+    filtersManager: import("vue").Ref<{
+        filters: Map<string, {
+            name: import("../../filters").FilterName;
+            value: import("../../filters").FilterValue;
+            label?: import("../../filters").FilterLabel;
+            set: (data: import("../../filters/classes/Filter").FilterData) => import("../../filters").IFilter;
+        }> & Omit<Map<string, import("../../filters").IFilter>, keyof Map<any, any>>;
+        hasFilter: (name: import("../../filters").FilterName) => boolean;
+        getFilter: (name: import("../../filters").FilterName) => import("../../filters").IFilter;
+        addFilter: (params: import("../../filters").FilterInitParams, payload?: object, config?: import("../../filters").FilterInstanceConfig) => import("../../filters").IFilter;
+        updateFilter: ({ name, }: {
+            name: import("../../filters").FilterName;
+            value?: import("../../filters").FilterValue;
+            label?: import("../../filters").FilterLabel;
+        }) => import("../../filters").IFilter;
+        deleteFilter: (name: import("../../filters").FilterName) => import("../../filters").IFilter;
+        toString: () => string;
+        fromString: (snapshotStr: string) => void;
+        reset: ({ include, exclude, }?: {
+            include?: import("../../filters").FilterName[];
+            exclude?: import("../../filters").FilterName[];
+        }) => void;
+        getAllKeys: () => import("../../filters").FilterName[];
+        getAllValues: () => {
+            [name: import("../../filters").FilterName]: import("../../filters").FilterValue;
+        };
+        getFiltersList: ({ include, exclude, }?: {
+            include?: import("../../filters").FilterName[];
+            exclude?: import("../../filters").FilterName[];
+        }) => import("../../filters").IFilter[];
+    }, {
+        filters: Map<string, {
+            name: import("../../filters").FilterName;
+            value: import("../../filters").FilterValue;
+            label?: import("../../filters").FilterLabel;
+            set: (data: import("../../filters/classes/Filter").FilterData) => import("../../filters").IFilter;
+        }> & Omit<Map<string, import("../../filters").IFilter>, keyof Map<any, any>>;
+        hasFilter: (name: import("../../filters").FilterName) => boolean;
+        getFilter: (name: import("../../filters").FilterName) => import("../../filters").IFilter;
+        addFilter: (params: import("../../filters").FilterInitParams, payload?: object, config?: import("../../filters").FilterInstanceConfig) => import("../../filters").IFilter;
+        updateFilter: ({ name, }: {
+            name: import("../../filters").FilterName;
+            value?: import("../../filters").FilterValue;
+            label?: import("../../filters").FilterLabel;
+        }) => import("../../filters").IFilter;
+        deleteFilter: (name: import("../../filters").FilterName) => import("../../filters").IFilter;
+        toString: () => string;
+        fromString: (snapshotStr: string) => void;
+        reset: ({ include, exclude, }?: {
+            include?: import("../../filters").FilterName[];
+            exclude?: import("../../filters").FilterName[];
+        }) => void;
+        getAllKeys: () => import("../../filters").FilterName[];
+        getAllValues: () => {
+            [name: import("../../filters").FilterName]: import("../../filters").FilterValue;
+        };
+        getFiltersList: ({ include, exclude, }?: {
+            include?: import("../../filters").FilterName[];
+            exclude?: import("../../filters").FilterName[];
+        }) => import("../../filters").IFilter[];
+    }>;
+    isFiltersRestoring: import("vue").Ref<boolean, boolean>;
+    initialize: ({ parentId: storeParentId, }?: {
+        parentId?: string | number;
+    }) => Promise<void>;
+    loadDataList: () => Promise<void>;
+    appendToDataList: () => Promise<void>;
+    updateSelected: (value: EnginePresetQuery[]) => void;
+    patchItemProperty: ({ index, path, value, }: import("../../types/tableStore.types").PatchItemPropertyParams) => Promise<void>;
+    deleteEls: (_els: EnginePresetQuery[]) => Promise<void>;
+    updatePage: (newPage: number) => void;
+    updateSize: (newSize: number) => void;
+    updateSort: (column: any) => void;
+    updateShownHeaders: (value: any) => void;
+    hasFilter: any;
+    addFilter: any;
+    updateFilter: any;
+    deleteFilter: any;
+};