ngx-wapp-components 3.4.1-alpha.3 → 3.4.1-alpha.4

package/README.md

@@ -26,8 +26,14 @@ The default is `1`; only positive integers are accepted. With
 `[rowsPerPage]="10"`, page 3 emits the initial `queryElements` request with
 `first: 20` and `rows: 10`.
 
-Pagination saved in session for the tenant and table `id` takes priority,
-including its saved page size. Use a stable, unique `id` for each table.
+Pagination saved in session for the tenant and table configuration's
+`identificator` takes priority, including its saved page size.
+`SessionStorageService` saves the key and pagination `id` as
+`table-paginator_[identificator]` to separate pagination from filter-panel keys.
+Pass the unprefixed identifier to `setTablePaginationQuery`,
+`getStoredPagination` and the table's `setStoredTablePagination` method.
+Old unprefixed pagination is not restored because those keys may belong to
+another component. Tables with the same `identificator` still share pagination.
 `initialPage` is applied only on initialization, not on subsequent page,
 sort or filter changes. Choose a page that exists in the result set.
 

package/fesm2022/ngx-wapp-components.mjs

@@ -1536,6 +1536,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
 class SessionStorageService {
     constructor() {
         this.businessData = "businessData";
+        this.tablePaginationPrefix = "table-paginator_";
     }
     setComponentsTenantStorage(tenantId, tenantStorage) {
         sessionStorage.setItem(tenantId, JSON.stringify(tenantStorage));
@@ -1579,21 +1580,25 @@ class SessionStorageService {
     }
     setTablePaginationQuery(tenantId, storeablePagination) {
         if (storeablePagination != undefined) {
+            const pagination = {
+                ...storeablePagination,
+                id: `${this.tablePaginationPrefix}${storeablePagination.id}`
+            };
             let allFilters = this.getAllLastFilterPanelQueries(tenantId);
             if (allFilters) {
-                allFilters[storeablePagination.id] = storeablePagination;
+                allFilters[pagination.id] = pagination;
                 sessionStorage.setItem(tenantId, JSON.stringify(allFilters));
             }
             else {
                 let tenantStorage = {
-                    [storeablePagination.id]: storeablePagination
+                    [pagination.id]: pagination
                 };
                 sessionStorage.setItem(tenantId, JSON.stringify(tenantStorage));
             }
         }
     }
     getStoredPagination(tenantId, filterId) {
-        return this.getTenantStoragePaginators(tenantId)?.[filterId];
+        return this.getTenantStoragePaginators(tenantId)?.[`${this.tablePaginationPrefix}${filterId}`];
     }
     getTenantStoragePaginators(tenantId) {
         return JSON.parse(sessionStorage.getItem(tenantId));