@webitel/ui-datalist 1.0.66 → 1.0.68

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.66",
+  "version": "1.0.68",
   "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",
@@ -37,7 +37,7 @@
     "@vuelidate/validators": "^2.0.4",
     "@webitel/styleguide": "^24.12.26",
     "@webitel/ui-sdk": "^25.8.62",
-    "@webitel/api-services": "^0.0.38",
+    "@webitel/api-services": "^0.x",
     "zod": "^3.25.55",
     "@vueuse/core": "^13.3.0"
   },

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

@@ -67,6 +67,17 @@ export const tableStoreBody = <Entity extends { id: string; etag?: string }>(
     setupPersistence: setupFiltersPersistence,
   } = filtersStore;
 
+  /**
+   * @internal
+   * @description
+   * This flag is used to check if the store is set up.
+   * It is used to prevent multiple setup calls.
+   * 
+   * @link
+   * https://webitel.atlassian.net/browse/WTEL-7495
+   */
+  const isStoreSetUp = ref(false);
+
   const dataList: Ref<Entity[]> = ref([]);
   const selected: Ref<Entity[]> = ref([]);
   const error = ref(null);
@@ -165,11 +176,9 @@ export const tableStoreBody = <Entity extends { id: string; etag?: string }>(
     }
   };
 
-  const initialize = async ({
-    parentId: storeParentId,
-  }: { parentId?: string | number } = {}) => {
-    if (storeParentId) {
-      parentId.value = storeParentId;
+  const setupStore = async () => {
+    if (isStoreSetUp.value) {
+      return;
     }
 
     if (!disablePersistence) {
@@ -200,10 +209,24 @@ export const tableStoreBody = <Entity extends { id: string; etag?: string }>(
       }
     });
 
+    isStoreSetUp.value = true;
+  };
+
+  const initialize = async ({
+    parentId: storeParentId,
+  }: { parentId?: string | number } = {}) => {
+    if (storeParentId) {
+      parentId.value = storeParentId;
+    }
+
+    await setupStore();
+
     return loadDataList();
   };
 
   return {
+    isStoreSetUp, // internal export for pinia devtools
+
     dataList,
     selected,
     error,
@@ -221,7 +244,8 @@ export const tableStoreBody = <Entity extends { id: string; etag?: string }>(
     filtersManager,
     isFiltersRestoring,
 
-    initialize,
+    setupStore, // only setup, no data loading
+    initialize, // setup + load data
 
     loadDataList,
     appendToDataList,

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

@@ -2,6 +2,7 @@ export declare const filterPresetsStoreBody: (namespace?: string) => {
     presetId: import("vue").Ref<any, any>;
     setupPresetPersistence: () => Promise<void>;
     resetPreset: () => void;
+    isStoreSetUp: import("vue").Ref<boolean, boolean>;
     dataList: import("vue").Ref<EnginePresetQuery[], EnginePresetQuery[]>;
     selected: import("vue").Ref<EnginePresetQuery[], EnginePresetQuery[]>;
     error: import("vue").Ref<any, any>;
@@ -75,6 +76,7 @@ export declare const filterPresetsStoreBody: (namespace?: string) => {
         }) => import("../../filters").IFilter[];
     }>;
     isFiltersRestoring: import("vue").Ref<boolean, boolean>;
+    setupStore: () => Promise<void>;
     initialize: ({ parentId: storeParentId, }?: {
         parentId?: string | number;
     }) => Promise<void>;
@@ -96,6 +98,7 @@ export declare const createFilterPresetsStore: (namespace: string) => () => {
     presetId: import("vue").Ref<any, any>;
     setupPresetPersistence: () => Promise<void>;
     resetPreset: () => void;
+    isStoreSetUp: import("vue").Ref<boolean, boolean>;
     dataList: import("vue").Ref<EnginePresetQuery[], EnginePresetQuery[]>;
     selected: import("vue").Ref<EnginePresetQuery[], EnginePresetQuery[]>;
     error: import("vue").Ref<any, any>;
@@ -169,6 +172,7 @@ export declare const createFilterPresetsStore: (namespace: string) => () => {
         }) => import("../../filters").IFilter[];
     }>;
     isFiltersRestoring: import("vue").Ref<boolean, boolean>;
+    setupStore: () => Promise<void>;
     initialize: ({ parentId: storeParentId, }?: {
         parentId?: string | number;
     }) => Promise<void>;

package/types/modules/table/createTableStore.store.d.ts

@@ -4,6 +4,7 @@ export declare const tableStoreBody: <Entity extends {
     id: string;
     etag?: string;
 }>(namespace: string, config: useTableStoreConfig<Entity>) => {
+    isStoreSetUp: Ref<boolean, boolean>;
     dataList: Ref<Entity[], Entity[]>;
     selected: Ref<Entity[], Entity[]>;
     error: Ref<any, any>;
@@ -77,6 +78,7 @@ export declare const tableStoreBody: <Entity extends {
         }) => import("../filters").IFilter[];
     }>;
     isFiltersRestoring: Ref<boolean, boolean>;
+    setupStore: () => Promise<void>;
     initialize: ({ parentId: storeParentId, }?: {
         parentId?: string | number;
     }) => Promise<void>;
@@ -98,6 +100,7 @@ export declare const createTableStore: <Entity extends {
     id: string;
     etag?: string;
 }>(namespace: string, config: useTableStoreConfig<Entity>) => import("../types/createDatalistStore.types").PatchableStoreFactory<{
+    isStoreSetUp: Ref<boolean, boolean>;
     dataList: Ref<Entity[], Entity[]>;
     selected: Ref<Entity[], Entity[]>;
     error: Ref<any, any>;
@@ -171,6 +174,7 @@ export declare const createTableStore: <Entity extends {
         }) => import("../filters").IFilter[];
     }>;
     isFiltersRestoring: Ref<boolean, boolean>;
+    setupStore: () => Promise<void>;
     initialize: ({ parentId: storeParentId, }?: {
         parentId?: string | number;
     }) => Promise<void>;