@mediusinc/mng-commons 6.0.0-rc.2 → 6.0.0-rc.4

package/fesm2022/mediusinc-mng-commons-table.mjs

@@ -24,7 +24,7 @@ import * as i1$3 from 'primeng/table';
 import { Table, TableModule } from 'primeng/table';
 import { ZIndexUtils } from 'primeng/utils';
 import { combineLatest, switchMap, of, Subject, debounceTime, distinctUntilChanged, ReplaySubject, NEVER, BehaviorSubject, skip, filter } from 'rxjs';
-import { FilterMatchMode, dateToIsoString, angularDateFormatHasTime, fromAngularDateFormatToPrime, angularDateFormatHasSeconds, fromAngularNumberFormatToFractions, COMMONS_MODULE_CONFIG_IT, effectWithDeps, toObservable as toObservable$1, CommonsService, RerenderDirective, GetterPipe, TemplatePipe, JsonPathPipe, BooleanPipe, EnumPipe, ComponentDirective, getI18nTypePropertyKey, TemplateDirective, findTemplateByName, toastMessage, CommonsStorageService, LoggerService, booleanOrUndefinedAttribute, mergeDataListParamsWithDefaults, fromTableLoadToDataListParams, dataListParamsToUrlQuery, fromSubscribeError, getErrorLogLevel, fromUrlQueryToDataListParams, I18nPropertyPipe, ClassMapPipe, CommonsFeatureTypeEnum } from '@mediusinc/mng-commons/core';
+import { FilterMatchMode, dateToIsoString, angularDateFormatHasTime, fromAngularDateFormatToPrime, angularDateFormatHasSeconds, fromAngularNumberFormatToFractions, COMMONS_MODULE_CONFIG_IT, effectWithDeps, toObservable as toObservable$1, CommonsService, RerenderDirective, GetterPipe, TemplatePipe, JsonPathPipe, BooleanPipe, EnumPipe, ComponentDirective, getI18nTypePropertyKey, TemplateDirective, findTemplateByName, getI18nForError, getI18nErrorParams, toastMessage, CommonsStorageService, LoggerService, booleanOrUndefinedAttribute, mergeDataListParamsWithDefaults, fromTableLoadToDataListParams, dataListParamsToUrlQuery, fromSubscribeError, getErrorLogLevel, fromUrlQueryToDataListParams, I18nPropertyPipe, ClassMapPipe, CommonsFeatureTypeEnum } from '@mediusinc/mng-commons/core';
 import { FilterTypeEnum, FilterDescriptor, FilterDisplayTypeEnum, FilterLookupTypeEnum, FilterLookupDescriptor } from '@mediusinc/mng-commons/filter';
 import { DateRangeComponent, AutocompleteComponent, DropdownComponent, InputTrimDirective, NumberRangeComponent } from '@mediusinc/mng-commons/form';
 import { tableDescriptor, TableDynamicDescriptorInst, TablePaginationModeEnum, ColumnDisplayTypeEnum, TableSizeEnum } from '@mediusinc/mng-commons/table/api';
@@ -1103,6 +1103,7 @@ class TableColumnValueComponent {
             }
             return;
         });
+        this.hasCopyToClipboard = computed(() => this.descriptor().hasCopyToClipboard && this.value() != null);
     }
     copyToClipboard(event) {
         event.stopPropagation();
@@ -1117,11 +1118,11 @@ class TableColumnValueComponent {
         this.messageService.add({ severity: 'info', summary: title, detail: message });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TableColumnValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: TableColumnValueComponent, isStandalone: true, selector: "mng-table-column-value", inputs: { descriptor: { classPropertyName: "descriptor", publicName: "descriptor", isSignal: true, isRequired: true, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class": "className()", "style.max-width.px": "styleMaxWidth()" } }, ngImport: i0, template: "@if (descriptor().localizationExistsProperty && !item()[descriptor().localizationExistsProperty!]) {\n    <i class=\"pi pi-exclamation-circle\" [pTooltip]=\"'mngTable.translationMissing' | translate\"></i>\n}\n@switch (descriptor().columnDisplayType) {\n    @case (columnDisplayTypeString) {\n        @if (descriptor().hasValueAsTooltip) {\n            <span [pTooltip]=\"value()\" tooltipPosition=\"left\">{{ value() }}</span>\n        } @else {\n            {{ value() }}\n        }\n    }\n    @case (columnDisplayTypeHtml) {\n        <span [innerHTML]=\"value()\"></span>\n    }\n    @case (columnDisplayTypeNumber) {\n        {{ value() | number: descriptor().displayFormat : descriptor().locale }}\n    }\n    @case (columnDisplayTypeCurrency) {\n        {{ value() | currency: currency() : descriptor().currencyDisplay : descriptor().displayFormat : descriptor().locale }}\n    }\n    @case (columnDisplayTypeDate) {\n        {{ value() | date: descriptor().displayFormat }}\n    }\n    @case (columnDisplayTypeBoolean) {\n        @if (descriptor().booleanAsIcon) {\n            <i [class]=\"value() | mngBoolean: descriptor().booleanYes : descriptor().booleanNo : true\"></i>\n        } @else {\n            {{ value() | mngBoolean: descriptor().booleanYes : descriptor().booleanNo | translate }}\n        }\n    }\n    @case (columnDisplayTypeEnum) {\n        {{ value() | mngEnum: descriptor().enum | translate }}\n    }\n    @case (columnDisplayTypeComponent) {\n        <ng-container\n            [mngComponent]=\"descriptor().customComponentType!\"\n            [inputs]=\"{\n                value: value(),\n                item: item(),\n                descriptor: descriptor()\n            }\"></ng-container>\n    }\n}\n@if (descriptor().hasCopyToClipboard) {\n    <div class=\"help-buttons\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-copy\" class=\"p-button-rounded p-button-info p-button-sm\" (click)=\"copyToClipboard($event)\"></button>\n    </div>\n}\n", styles: [":host{display:inline-block;overflow:hidden}:host.nowrap{white-space:nowrap;text-overflow:ellipsis}:host.multiline{white-space:pre-wrap;word-wrap:break-word}.help-buttons{display:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.help-buttons .p-button{height:1.9rem;width:1.9rem;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: BooleanPipe, name: "mngBoolean" }, { kind: "pipe", type: EnumPipe, name: "mngEnum" }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i4$2.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: CurrencyPipe, name: "currency" }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: TableColumnValueComponent, isStandalone: true, selector: "mng-table-column-value", inputs: { descriptor: { classPropertyName: "descriptor", publicName: "descriptor", isSignal: true, isRequired: true, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class": "className()", "style.max-width.px": "styleMaxWidth()" } }, ngImport: i0, template: "@if (descriptor().localizationExistsProperty && !item()[descriptor().localizationExistsProperty!]) {\n    <i class=\"pi pi-exclamation-circle\" [pTooltip]=\"'mngTable.translationMissing' | translate\"></i>\n}\n@switch (descriptor().columnDisplayType) {\n    @case (columnDisplayTypeString) {\n        @if (descriptor().hasValueAsTooltip) {\n            <span [pTooltip]=\"value()\" tooltipPosition=\"left\">{{ value() }}</span>\n        } @else {\n            {{ value() }}\n        }\n    }\n    @case (columnDisplayTypeHtml) {\n        <span [innerHTML]=\"value()\"></span>\n    }\n    @case (columnDisplayTypeNumber) {\n        {{ value() | number: descriptor().displayFormat : descriptor().locale }}\n    }\n    @case (columnDisplayTypeCurrency) {\n        {{ value() | currency: currency() : descriptor().currencyDisplay : descriptor().displayFormat : descriptor().locale }}\n    }\n    @case (columnDisplayTypeDate) {\n        {{ value() | date: descriptor().displayFormat }}\n    }\n    @case (columnDisplayTypeBoolean) {\n        @if (descriptor().booleanAsIcon) {\n            <i [class]=\"value() | mngBoolean: descriptor().booleanYes : descriptor().booleanNo : true\"></i>\n        } @else {\n            {{ value() | mngBoolean: descriptor().booleanYes : descriptor().booleanNo | translate }}\n        }\n    }\n    @case (columnDisplayTypeEnum) {\n        {{ value() | mngEnum: descriptor().enum | translate }}\n    }\n    @case (columnDisplayTypeComponent) {\n        <ng-container\n            [mngComponent]=\"descriptor().customComponentType!\"\n            [inputs]=\"{\n                value: value(),\n                item: item(),\n                descriptor: descriptor()\n            }\"></ng-container>\n    }\n}\n@if (hasCopyToClipboard()) {\n    <div class=\"help-buttons\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-copy\" class=\"p-button-rounded p-button-info p-button-sm\" (click)=\"copyToClipboard($event)\"></button>\n    </div>\n}\n", styles: [":host{display:inline-block;overflow:hidden}:host.nowrap{white-space:nowrap;text-overflow:ellipsis}:host.multiline{white-space:pre-wrap;word-wrap:break-word}.help-buttons{display:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.help-buttons .p-button{height:1.9rem;width:1.9rem;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: BooleanPipe, name: "mngBoolean" }, { kind: "pipe", type: EnumPipe, name: "mngEnum" }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i4$2.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: CurrencyPipe, name: "currency" }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TableColumnValueComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-table-column-value', imports: [TooltipModule, TranslateModule, BooleanPipe, EnumPipe, ComponentDirective, ButtonModule, RippleModule, DecimalPipe, CurrencyPipe, DatePipe], changeDetection: ChangeDetectionStrategy.OnPush, host: { '[class]': 'className()', '[style.max-width.px]': 'styleMaxWidth()' }, template: "@if (descriptor().localizationExistsProperty && !item()[descriptor().localizationExistsProperty!]) {\n    <i class=\"pi pi-exclamation-circle\" [pTooltip]=\"'mngTable.translationMissing' | translate\"></i>\n}\n@switch (descriptor().columnDisplayType) {\n    @case (columnDisplayTypeString) {\n        @if (descriptor().hasValueAsTooltip) {\n            <span [pTooltip]=\"value()\" tooltipPosition=\"left\">{{ value() }}</span>\n        } @else {\n            {{ value() }}\n        }\n    }\n    @case (columnDisplayTypeHtml) {\n        <span [innerHTML]=\"value()\"></span>\n    }\n    @case (columnDisplayTypeNumber) {\n        {{ value() | number: descriptor().displayFormat : descriptor().locale }}\n    }\n    @case (columnDisplayTypeCurrency) {\n        {{ value() | currency: currency() : descriptor().currencyDisplay : descriptor().displayFormat : descriptor().locale }}\n    }\n    @case (columnDisplayTypeDate) {\n        {{ value() | date: descriptor().displayFormat }}\n    }\n    @case (columnDisplayTypeBoolean) {\n        @if (descriptor().booleanAsIcon) {\n            <i [class]=\"value() | mngBoolean: descriptor().booleanYes : descriptor().booleanNo : true\"></i>\n        } @else {\n            {{ value() | mngBoolean: descriptor().booleanYes : descriptor().booleanNo | translate }}\n        }\n    }\n    @case (columnDisplayTypeEnum) {\n        {{ value() | mngEnum: descriptor().enum | translate }}\n    }\n    @case (columnDisplayTypeComponent) {\n        <ng-container\n            [mngComponent]=\"descriptor().customComponentType!\"\n            [inputs]=\"{\n                value: value(),\n                item: item(),\n                descriptor: descriptor()\n            }\"></ng-container>\n    }\n}\n@if (descriptor().hasCopyToClipboard) {\n    <div class=\"help-buttons\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-copy\" class=\"p-button-rounded p-button-info p-button-sm\" (click)=\"copyToClipboard($event)\"></button>\n    </div>\n}\n", styles: [":host{display:inline-block;overflow:hidden}:host.nowrap{white-space:nowrap;text-overflow:ellipsis}:host.multiline{white-space:pre-wrap;word-wrap:break-word}.help-buttons{display:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.help-buttons .p-button{height:1.9rem;width:1.9rem;padding:0}\n"] }]
+            args: [{ standalone: true, selector: 'mng-table-column-value', imports: [TooltipModule, TranslateModule, BooleanPipe, EnumPipe, ComponentDirective, ButtonModule, RippleModule, DecimalPipe, CurrencyPipe, DatePipe], changeDetection: ChangeDetectionStrategy.OnPush, host: { '[class]': 'className()', '[style.max-width.px]': 'styleMaxWidth()' }, template: "@if (descriptor().localizationExistsProperty && !item()[descriptor().localizationExistsProperty!]) {\n    <i class=\"pi pi-exclamation-circle\" [pTooltip]=\"'mngTable.translationMissing' | translate\"></i>\n}\n@switch (descriptor().columnDisplayType) {\n    @case (columnDisplayTypeString) {\n        @if (descriptor().hasValueAsTooltip) {\n            <span [pTooltip]=\"value()\" tooltipPosition=\"left\">{{ value() }}</span>\n        } @else {\n            {{ value() }}\n        }\n    }\n    @case (columnDisplayTypeHtml) {\n        <span [innerHTML]=\"value()\"></span>\n    }\n    @case (columnDisplayTypeNumber) {\n        {{ value() | number: descriptor().displayFormat : descriptor().locale }}\n    }\n    @case (columnDisplayTypeCurrency) {\n        {{ value() | currency: currency() : descriptor().currencyDisplay : descriptor().displayFormat : descriptor().locale }}\n    }\n    @case (columnDisplayTypeDate) {\n        {{ value() | date: descriptor().displayFormat }}\n    }\n    @case (columnDisplayTypeBoolean) {\n        @if (descriptor().booleanAsIcon) {\n            <i [class]=\"value() | mngBoolean: descriptor().booleanYes : descriptor().booleanNo : true\"></i>\n        } @else {\n            {{ value() | mngBoolean: descriptor().booleanYes : descriptor().booleanNo | translate }}\n        }\n    }\n    @case (columnDisplayTypeEnum) {\n        {{ value() | mngEnum: descriptor().enum | translate }}\n    }\n    @case (columnDisplayTypeComponent) {\n        <ng-container\n            [mngComponent]=\"descriptor().customComponentType!\"\n            [inputs]=\"{\n                value: value(),\n                item: item(),\n                descriptor: descriptor()\n            }\"></ng-container>\n    }\n}\n@if (hasCopyToClipboard()) {\n    <div class=\"help-buttons\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-copy\" class=\"p-button-rounded p-button-info p-button-sm\" (click)=\"copyToClipboard($event)\"></button>\n    </div>\n}\n", styles: [":host{display:inline-block;overflow:hidden}:host.nowrap{white-space:nowrap;text-overflow:ellipsis}:host.multiline{white-space:pre-wrap;word-wrap:break-word}.help-buttons{display:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.help-buttons .p-button{height:1.9rem;width:1.9rem;padding:0}\n"] }]
         }] });
 
 class FilterValuePipe {
@@ -1630,17 +1631,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex align-items-center flex-grow-1\">\n    @if (titleTemplate()) {\n        <ng-container *ngTemplateOutlet=\"titleTemplate()\"></ng-container>\n    }\n    @if (showFilterButton()) {\n        <p-button\n            icon=\"pi pi-filter\"\n            rounded=\"true\"\n            [severity]=\"activeFilters().length > 0 ? 'primary' : 'secondary'\"\n            size=\"small\"\n            (click)=\"onFilterAdd($event)\"\n            [styleClass]=\"'my-1 mr-2' + (titleTemplate() ? ' ml-3' : '')\">\n        </p-button>\n    }\n    @if (enableSearch()) {\n        <div class=\"col-4\" [ngClass]=\"{'ml-3': !showFilterButton() && titleTemplate()}\">\n            <span class=\"p-input-icon-left w-full\">\n                <i class=\"pi pi-search\"></i>\n                <input\n                    [ngModel]=\"searchValue()\"\n                    (ngModelChange)=\"onSearchChange($event)\"\n                    name=\"globalSearch\"\n                    type=\"text\"\n                    pInputText\n                    class=\"search-input w-full\"\n                    [ngClass]=\"{'ng-invalid': searchWordLimitMaxError()}\"\n                    [attr.placeholder]=\"'mngFilter.search.input' | translate\"\n                    [placeholder]=\"'mngFilter.search.input' | translate\" />\n                @if (enableCaseSensitive()) {\n                    <span class=\"toggle-button-input\">\n                        <p-toggleButton\n                            styleClass=\"ml-1 p-1 p-button-sm\"\n                            [ngModel]=\"searchCaseSensitive()\"\n                            (ngModelChange)=\"onSearchCaseSensitiveChange($event)\"\n                            onLabel=\"Aa\"\n                            offLabel=\"Aa\" />\n                    </span>\n                }\n            </span>\n            @if (searchWordLimitMaxError()) {\n                <small class=\"p-error block\">\n                    {{ 'mngFilter.search.maxWordsExceededMessage' | translate }}\n                </small>\n            }\n        </div>\n    }\n</div>\n@if (activeFilters().length > 0) {\n    <div class=\"flex align-items-center flex-wrap mt-2\">\n        @for (filter of activeFilters(); track filter.metadata.descriptor.property) {\n            <mng-table-filter-active-tag [model]=\"model()\" [filter]=\"filter\" (edit)=\"onFilterEdit($event)\" (remove)=\"onFilterRemove($event)\" />\n        }\n    </div>\n}\n<p-overlayPanel #op [showCloseIcon]=\"true\" (onHide)=\"onOverlayHide()\" appendTo=\"body\">\n    <mng-table-filter-form\n        [model]=\"model()\"\n        [metadata]=\"metadata()\"\n        [genericDescriptor]=\"genericFilterDescriptor()\"\n        [filter]=\"filterEdit()\"\n        [disabledProperties]=\"activeFilterProperties()\"\n        [propertySearch]=\"genericFilterDescriptor()?.propertySearch\"\n        [overlay]=\"op\"\n        [enableCaseSensitive]=\"enableCaseSensitive()\"\n        (apply)=\"onFilterFormApply($event)\" />\n</p-overlayPanel>\n", styles: [".toggle-button-input{position:absolute;right:.35rem;top:50%;transform:translateY(-50%)}\n"] }]
         }], ctorParameters: () => [] });
 
-function tableNotificationError(translate, table, error, messageService) {
-    const params = {};
-    if (error?.message) {
-        params.errorMessage = error.message;
-    }
-    else {
-        params.errorMessage = '.';
-    }
-    const tableErrorTitle = getI18nForModel(translate, table.model, 'table.error.title', undefined, undefined, 'general.error', params) ?? undefined;
-    const tableErrorMessage = getI18nForModel(translate, table.model, 'table.error.message', undefined, undefined, 'general.errorMessage', params) ?? undefined;
-    return toastMessage(messageService, tableErrorTitle, tableErrorMessage, 'error', 'pi-exclamation-triangle');
+/**
+ * Generates and displays a notification for a table-related error with localized error messages and details.
+ *
+ * @param {TranslateService} translate - The service used to handle localization and translations.
+ * @param {MessageService} messageService - The service used to manage and display messages.
+ * @param {TableDescriptorInst<any>} table - The table descriptor containing table-specific information and model data.
+ * @param {Error} error - The error object providing details about the error that occurred.
+ * @return {Message | null} The generated message object for the error notification or null if no notification was created.
+ */
+function tableNotificationError(translate, messageService, table, error) {
+    const params = {
+        errorMessage: getI18nForError(translate, error) ?? error.message,
+        ...getI18nErrorParams(error)
+    };
+    const tableErrorTitle = getI18nForModel(translate, table.model, 'table.error.title', { fallbackKey: 'general.error', params }) ?? undefined;
+    const tableErrorMessage = getI18nForModel(translate, table.model, 'table.error.message', { fallbackKey: 'general.errorMessage', params }) ?? undefined;
+    return toastMessage(tableErrorMessage ?? error.message, 'error', { messageService: messageService, title: tableErrorTitle, icon: 'pi-exclamation-triangle' });
 }
 
 class LocaleDefaultRowClassPipe {
@@ -1836,6 +1843,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
 
 class TableComponent {
     // subscriptions and refs
+    #previousDataProvider;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     #dataProviderEagerFirstLoad;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -1957,16 +1965,18 @@ class TableComponent {
         this.hasCustomLastColumn = computed(() => this.columnCustomLastComponent() || this.columnCustomLastTemplate());
         this.hasLastColumn = computed(() => this.hasCustomLastColumn() || this.areColumnsToggleable() || this.areColumnsReorderable());
         // other
-        this.lastQueryParams = this.route.snapshot.queryParams;
         this.navigationOutOfTableInProgress = false;
         this.navigationInTableInProgress = false;
-        // subscriptions and refs
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.#dataProviderEagerFirstLoad = effectWithDeps([this.dataProvider], ([dataProvider]) => {
             if (dataProvider?.isLazy === false) {
                 this.loadTableWithDataProvider(this.metadata.defaultParams());
             }
-        }, { firstOnly: true });
+            else if (this.#previousDataProvider && dataProvider) {
+                this.reload();
+            }
+            this.#previousDataProvider = dataProvider;
+        });
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.#dataProviderReloadSubscription = toObservable(this.dataProvider)
             .pipe(switchMap(dp => dp?.tableReload$ ?? of({})), takeUntilDestroyed())
@@ -2010,8 +2020,9 @@ class TableComponent {
                 this.navigationInTableInProgress = true;
                 const newParams = dataListParamsToUrlQuery(params, this.metadata.defaultParams(), { prependFilterName: this.filterKeyPrepend });
                 const newParamsWithParamsToRemove = { ...newParams };
-                if (this.lastQueryParams) {
-                    Object.keys(this.lastQueryParams)
+                const currentQp = this.route.snapshot.queryParams;
+                if (currentQp) {
+                    Object.keys(currentQp)
                         .filter(k => (k.startsWith(this.filterKeyPrepend) || ['offset', 'limit', 'sort', 'q'].indexOf(k) >= 0) && newParams[k] === undefined)
                         .forEach(k => (newParamsWithParamsToRemove[k] = null));
                 }
@@ -2022,11 +2033,8 @@ class TableComponent {
                     queryParams: newParamsWithParamsToRemove,
                     queryParamsHandling: 'merge'
                 })
-                    .then(res => {
+                    .then(() => {
                     this.navigationInTableInProgress = false;
-                    if (res) {
-                        this.lastQueryParams = newParams;
-                    }
                 });
             }
         }
@@ -2068,7 +2076,7 @@ class TableComponent {
     }
     loadTableWithDataProvider(paramsWithDefaults, emitEvent = true) {
         const isFetched = this.data.fetchWithDataProvider(paramsWithDefaults, error => {
-            tableNotificationError(this.translate, this.metadata.descriptor(), error, this.messageService);
+            tableNotificationError(this.translate, this.messageService, this.metadata.descriptor(), error);
             const commonsError = fromSubscribeError(error, 'TableComponentError', {
                 params: paramsWithDefaults
             });