@webitel/ui-datalist 1.0.93 → 1.0.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.93",
+  "version": "1.0.95",
   "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

@@ -19,6 +19,7 @@
         <section class="apply-preset-main-content">
           <wt-search-bar
             :value="search"
+            @input="handleSearchInput"
             @search="search = $event"
           />
 
@@ -118,15 +119,30 @@ filtersManager.value.addFilter({
   value: props.namespace,
 });
 
+const lastSetSearchValue = ref<string | null>(null);
+
 const search = computed({
   get: () => {
     return filtersManager.value.getFilter('search')?.value || '';
   },
   set: (value) => {
+    // Skip if this value was already set via handleSearchInput
+    if (lastSetSearchValue.value === value) {
+      lastSetSearchValue.value = null;
+      return;
+    }
     filtersManager.value.addFilter({ name: 'search', value });
   },
 });
 
+const handleSearchInput = (value: string) => {
+  // Update search immediately when cleared to bypass debounce
+  if (!value) {
+    lastSetSearchValue.value = value;
+    filtersManager.value.addFilter({ name: 'search', value });
+  }
+};
+
 const {
   showEmpty,
   image: imageEmpty,

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

@@ -23,6 +23,7 @@ export const tableStoreBody = <Entity extends { id: string; etag?: string }>(
     disablePersistence,
     storeType,
     isAppendDataList,
+    trackSelectedRowBy,
   } = config;
   const usePaginationStore = createTablePaginationStore(namespace, config);
   const useHeadersStore = createTableHeadersStore(namespace, config, {
@@ -46,9 +47,14 @@ export const tableStoreBody = <Entity extends { id: string; etag?: string }>(
   } = paginationStore;
 
   const headersStore = useHeadersStore();
-  const { headers, shownHeaders, fields, sort, columnWidths, isReorderingColumn } = makeThisToRefs<
-    typeof headersStore
-  >(headersStore, storeType);
+  const {
+    headers,
+    shownHeaders,
+    fields,
+    sort,
+    columnWidths,
+    isReorderingColumn,
+  } = makeThisToRefs<typeof headersStore>(headersStore, storeType);
   const {
     updateSort,
     columnResize,
@@ -58,9 +64,11 @@ export const tableStoreBody = <Entity extends { id: string; etag?: string }>(
   } = headersStore;
 
   const filtersStore = useFiltersStore();
-  const { filtersManager, isRestoring: isFiltersRestoring, searchMode } = makeThisToRefs<
-    typeof filtersStore
-  >(filtersStore, storeType);
+  const {
+    filtersManager,
+    isRestoring: isFiltersRestoring,
+    searchMode,
+  } = makeThisToRefs<typeof filtersStore>(filtersStore, storeType);
   const {
     hasFilter,
     addFilter,
@@ -109,7 +117,9 @@ export const tableStoreBody = <Entity extends { id: string; etag?: string }>(
       const { items, next } = await apiModule.getList(params);
 
       dataList.value = items;
-      updateSelected([]);
+
+      updateSelected(filterSelected(items));
+
       $patchPaginationStore({ next });
     } catch (err) {
       error.value = err;
@@ -119,6 +129,11 @@ export const tableStoreBody = <Entity extends { id: string; etag?: string }>(
     }
   };
 
+  function filterSelected(items: Entity[]): Entity[] {
+    const trackBy = trackSelectedRowBy ?? ((item) => item.id);
+    return items.map(trackBy).filter((key) => selected.value.includes(key));
+  }
+
   const appendToDataList = async () => {
     isLoading.value = true;
     $patchPaginationStore({ next: false });
@@ -203,9 +218,9 @@ export const tableStoreBody = <Entity extends { id: string; etag?: string }>(
       [() => filtersManager.value.getAllValues(), sort, fields, size],
       async () => {
         /*
-        * @author @Lera24
-        * https://webitel.atlassian.net/browse/WTEL-7597?focusedCommentId=697115
-        * */
+         * @author @Lera24
+         * https://webitel.atlassian.net/browse/WTEL-7597?focusedCommentId=697115
+         * */
         if (isReorderingColumn.value) {
           return;
         }

package/src/modules/types/tableStore.types.ts

@@ -5,12 +5,15 @@ import { WtTableHeader } from '../../../../../src/components/wt-table/types/WtTa
 import { IFiltersManager } from '../filters';
 import { DatalistStoreProviderType } from './StoreProvider';
 
+export type TrackSelectedRowBy<T> = (row: T) => T;
+
 export interface useTableStoreConfig<Entity> {
   apiModule: ApiModule<Entity>;
   headers: WtTableHeader[];
   disablePersistence?: boolean | [];
   storeType?: DatalistStoreProviderType;
   isAppendDataList?: boolean;
+  trackSelectedRowBy?: TrackSelectedRowBy<Entity>;
   // etagMode: boolean;
 }
 

package/types/modules/types/tableStore.types.d.ts

@@ -3,12 +3,14 @@ import type { Ref } from 'vue';
 import { WtTableHeader } from '../../../../../src/components/wt-table/types/WtTable';
 import { IFiltersManager } from '../filters';
 import { DatalistStoreProviderType } from './StoreProvider';
+export type TrackSelectedRowBy<T> = (row: T) => T;
 export interface useTableStoreConfig<Entity> {
     apiModule: ApiModule<Entity>;
     headers: WtTableHeader[];
     disablePersistence?: boolean | [];
     storeType?: DatalistStoreProviderType;
     isAppendDataList?: boolean;
+    trackSelectedRowBy?: TrackSelectedRowBy<Entity>;
 }
 export interface PatchItemPropertyParams {
     index: number;