@webitel/ui-datalist 1.0.94 → 1.0.96

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.94",
+  "version": "1.0.96",
   "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",
@@ -36,7 +36,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^13.3.0",
-    "@webitel/api-services": "^0.0.90",
+    "@webitel/api-services": "^0.0.105",
     "@webitel/styleguide": "^24.12.61",
     "@webitel/ui-sdk": "^25.8.62",
     "zod": "^3.25.55"

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

@@ -1,5 +1,6 @@
+import deepEqual from 'deep-equal';
 import set from 'lodash/fp/set';
-import { type Ref, ref, watch } from 'vue';
+import { type Ref, ref, toRaw, watch } from 'vue';
 
 import {
   createDatalistStore,
@@ -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,16 @@ export const tableStoreBody = <Entity extends { id: string; etag?: string }>(
       const { items, next } = await apiModule.getList(params);
 
       dataList.value = items;
-      updateSelected([]);
+
+      /**
+       * @author: @Oleksandr Palonnyi
+       *
+       * [WTEL-8571](https://webitel.atlassian.net/browse/WTEL-8571)
+       *
+       * link to refactor task - https://webitel.atlassian.net/browse/WTEL-8599
+       * */
+      updateSelected(filterSelected(items));
+
       $patchPaginationStore({ next });
     } catch (err) {
       error.value = err;
@@ -119,6 +136,14 @@ export const tableStoreBody = <Entity extends { id: string; etag?: string }>(
     }
   };
 
+  function filterSelected(items: Entity[]): Entity[] {
+    const selectedToRaw = selected.value.map(toRaw);
+
+    return items.filter((item) =>
+      selectedToRaw.some((s) => deepEqual(s, item)),
+    );
+  }
+
   const appendToDataList = async () => {
     isLoading.value = true;
     $patchPaginationStore({ next: false });
@@ -203,9 +228,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,6 +5,8 @@ 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[];

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

@@ -3,6 +3,7 @@ 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[];