@webitel/ui-datalist 1.0.65 → 1.0.67

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.65",
+  "version": "1.0.67",
   "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/preview/dynamic-filter-preview.vue

@@ -2,7 +2,7 @@
   <dynamic-filter-config-view :disabled="readonly">
     <template #activator="{ toggle }">
       <div @click="toggle">
-        <wt-popover :disabled="readonly">
+        <wt-popover>
           <template #activator="{ show: showChipPopoverCb, hide: hideChipPopover }">
             <div
               @pointerenter="(event) => showChipPopover(event, showChipPopoverCb)"
@@ -89,8 +89,6 @@ const emit = defineEmits<DynamicFilterEmits>();
 const localValue = ref();
 
 const showChipPopover = (event, showPopoverCb: (event) => void) => {
-  if (props.readonly) return;
-
   if (!localValue.value) {
     fillLocalValue()
   }

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,13 +176,7 @@ 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 (!disablePersistence) {
       await Promise.allSettled([
         setupPaginationPersistence(),
@@ -200,10 +205,26 @@ 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;
+    }
+
+    if (!isStoreSetUp.value) {
+      await setupStore();
+    }
+
     return loadDataList();
   };
 
   return {
+    isStoreSetUp, // internal export for pinia devtools
+
     dataList,
     selected,
     error,

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>;
@@ -96,6 +97,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>;

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>;
@@ -98,6 +99,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>;