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

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

@@ -20,9 +20,9 @@ import { TooltipModule } from 'primeng/tooltip';
 import { ReplaySubject, BehaviorSubject, distinctUntilChanged, Subject, take, of, switchMap, mergeMap as mergeMap$1, from, timeout, combineLatest, debounceTime, delay, tap, combineLatestWith, NEVER, isObservable, throwError, filter as filter$1 } from 'rxjs';
 import * as i3$1 from '@mediusinc/mng-commons/core';
 import { getI18n, getI18nAsync, LoggerService, toastMessage, getI18nForError, CommonsService, ParametrizePipe, escapeHtmlAny, toObservable, CommonsInternalError, StyleSizeEnum, CommonsHttpError, Permissions, ComponentDirective, CommonsStorageService, StyleLevelEnum, objectDeepCopy, effectWithDeps, Styles, TemplateDirective, findTemplateByName, getI18nTypePropertyKey, getI18nTypeGroupKey, getI18nTypeTabKey, fromSubscribeError, getErrorLogLevel, getObjectPropertyByPath, FilterMatchMode, COMMONS_MODULE_CONFIG_IT, dateToIsoString, RouteBuilder, createLazyRoute, CommonsFeatureTypeEnum } from '@mediusinc/mng-commons/core';
-import { ActionInstanceStateEnum, ActionActivationTriggerEnum, ActionTypeEnum, DataProviderExecutor, ActionDeleteDescriptorInst, ActionEditorEditDescriptorInst, ActionEditorDetailsDescriptorInst, ActionEditorAddDescriptorInst, ActionEditorDescriptorInst, CommonsActionError, ActionLinkDescriptorInst, TableviewEditorTypeEnum, TableviewDescriptorInst, FieldInputDescriptor, FieldInputTypeEnum, FieldActionDescriptor, FieldLookupEnumDescriptor, FieldLookupTypeEnum, FieldLookupDescriptor, FieldManyToManyEditorDescriptor, FieldManyEditorDescriptor, FieldValidationDescriptor, FormEventTypeEnum, FormFieldEventComponentSubtype, ActionEditorSubmitTypeEnum, ActionEditorSubmitDescriptorInst, ActionPositionEnum, runFnFromDataProviderOrFallback, runGetAllFromDataProvider, runFetchFromDataProvider, runCreateFromDataProvider, runUpdateFromDataProvider, runDeleteFromDataProvider, FormFieldEventTypeEnum, AFieldDescriptor, AFieldGroupDescriptor, FieldGroupTypeEnum, FormFieldEventDialogSubtype, FieldManyEditorActionEnum, ActionEditorDescriptor, actionEditorCancel, ActionDescriptorInst, FieldManyToManyEditorActionEnum, TableviewActionDefaultCategories, DATA_LANGUAGE_DROPDOWN_COMPONENT_IT } from '@mediusinc/mng-commons/tableview/api';
+import { ActionInstanceStateEnum, ActionActivationTriggerEnum, ActionTypeEnum, DataProviderExecutor, TableviewActionDefaultCategories, ActionEditorDescriptorInst, CommonsActionError, ActionLinkDescriptorInst, TableviewEditorTypeEnum, TableviewDescriptorInst, FieldInputDescriptor, FieldInputTypeEnum, FieldActionDescriptor, FieldLookupEnumDescriptor, FieldLookupTypeEnum, FieldLookupDescriptor, FieldManyToManyEditorDescriptor, FieldManyEditorDescriptor, FieldValidationDescriptor, FormEventTypeEnum, FormFieldEventComponentSubtype, ActionEditorSubmitTypeEnum, ActionEditorSubmitDescriptorInst, ActionPositionEnum, runFnFromDataProviderOrFallback, runGetAllFromDataProvider, runFetchFromDataProvider, runCreateFromDataProvider, runUpdateFromDataProvider, runDeleteFromDataProvider, FormFieldEventTypeEnum, AFieldDescriptor, AFieldGroupDescriptor, FieldGroupTypeEnum, FormFieldEventDialogSubtype, FieldManyEditorActionEnum, actionEditor, actionEditorCancel, action, FieldManyToManyEditorActionEnum, EditorDescriptorNestedObjectWrapper, fieldLookupGetProviderCfgObj, DATA_LANGUAGE_DROPDOWN_COMPONENT_IT } from '@mediusinc/mng-commons/tableview/api';
 import { mergeMap, map, filter, startWith, catchError, first, take as take$1 } from 'rxjs/operators';
-import { getI18nModelParams, getI18nModelParamsAsync, type } from '@mediusinc/mng-commons/model';
+import { getI18nModelParams, getI18nModelParamsAsync } from '@mediusinc/mng-commons/model';
 import { HttpErrorResponse } from '@angular/common/http';
 import * as i2$2 from 'primeng/api';
 import { MessageService, ConfirmationService, SharedModule } from 'primeng/api';
@@ -38,7 +38,7 @@ import * as i2$1 from '@ngx-formly/core';
 import { FormlyConfig, FormlyModule, FieldType, FieldWrapper, FORMLY_CONFIG } from '@ngx-formly/core';
 import * as i3$2 from 'primeng/messages';
 import { MessagesModule } from 'primeng/messages';
-import { ButtonStyleBuilder, ButtonStyleRoundedEnum, lookupDataProvider, ActionButtonDescriptor } from '@mediusinc/mng-commons/form/api';
+import { LookupDataProviderInst, ButtonStyleBuilder, ButtonStyleRoundedEnum, lookupDataProvider, ActionButtonDescriptor } from '@mediusinc/mng-commons/form/api';
 import { DropdownComponent, AutocompleteComponent, InputTrimDirective } from '@mediusinc/mng-commons/form';
 import { TableComponent } from '@mediusinc/mng-commons/table';
 import { TableSizeEnum } from '@mediusinc/mng-commons/table/api';
@@ -646,10 +646,10 @@ class ActionExecutorService {
             case 'submit':
                 actionEditor = ctx.instance.action;
                 if (typeof actionEditor.submitFunction !== 'function') {
-                    if (actionEditor instanceof ActionEditorAddDescriptorInst) {
+                    if (actionEditor.tableviewCategory === TableviewActionDefaultCategories.ADD) {
                         fnObs = this.dataProviderExecutor.runCreateOrFail.bind(this.dataProviderExecutor);
                     }
-                    else if (actionEditor instanceof ActionEditorEditDescriptorInst) {
+                    else if (actionEditor.tableviewCategory === TableviewActionDefaultCategories.EDIT) {
                         fnObs = this.dataProviderExecutor.runUpdateOrFail.bind(this.dataProviderExecutor);
                     }
                     else if (ctx.dataProviderSource > ActionDataProviderSource.ViewContainer) {
@@ -675,14 +675,15 @@ class ActionExecutorService {
             case 'fetch':
                 actionEditor = ctx.instance.action;
                 if (typeof actionEditor.fetchFunction !== 'function') {
-                    if (actionEditor instanceof ActionEditorEditDescriptorInst || actionEditor instanceof ActionEditorDetailsDescriptorInst) {
-                        fnObs = this.dataProviderExecutor.runFetchOrFail.bind(this.dataProviderExecutor);
+                    if (actionEditor.tableviewCategory === TableviewActionDefaultCategories.EDIT || actionEditor.tableviewCategory === TableviewActionDefaultCategories.DETAILS) {
+                        const isEdit = actionEditor.tableviewCategory === TableviewActionDefaultCategories.EDIT;
+                        fnObs = ctx => this.dataProviderExecutor.runFetchOrFail(ctx, isEdit ? 'update' : undefined);
                     }
                     else if (ctx.dataProviderSource > ActionDataProviderSource.ViewContainer) {
-                        const defaultFetch = of(ctx.parameters?.item ? ctx.parameters.item : undefined);
+                        const defaultFetch = of(ctx.parameters?.item ?? undefined);
                         fnObs = ctx => {
                             if (ctx.parameters.itemId || typeof ctx.parameters.item === 'object') {
-                                return this.dataProviderExecutor.runFetch(ctx, defaultFetch);
+                                return this.dataProviderExecutor.runFetch(ctx, undefined, defaultFetch);
                             }
                             return defaultFetch;
                         };
@@ -697,7 +698,7 @@ class ActionExecutorService {
                 break;
             case 'run':
             default:
-                if (!ctx.instance.action.hasRunFunction && ctx.instance.action instanceof ActionDeleteDescriptorInst) {
+                if (!ctx.instance.action.hasRunFunction && ctx.instance.action.tableviewCategory === TableviewActionDefaultCategories.DELETE) {
                     fnObs = this.dataProviderExecutor.runDeleteOrFail.bind(this.dataProviderExecutor);
                 }
                 else {
@@ -774,8 +775,7 @@ class ActionExecutorService {
             // mark execution error on context
             ctx.executionError(actionError);
             if (ctx.instance.action.hasRunNotificationError) {
-                const message = actionNotificationError(this.translate, ctx.instance.action, actionError, 'fetch', this.messageService, ctx.parameters.item);
-                actionError.notification = message;
+                actionError.notification = actionNotificationError(this.translate, ctx.instance.action, actionError, 'fetch', this.messageService, ctx.parameters.item);
                 actionError.notificationEmitSource = ActionExecutorService.className;
             }
             let errorObs = of(void 0);
@@ -1721,7 +1721,7 @@ function createFormlyLocalizationsTab(descriptor) {
         localizationsTableViewDescriptor.editEditor.addField(descriptor.localizationLocaleProperty).withDisabled(true);
         localizationsTableViewDescriptor.detailsEditor.addField(descriptor.localizationLocaleProperty).withDisabled(true);
         localizationsTableViewDescriptor.addEditor
-            .addFieldLookupWithProvider(descriptor.localizationLocaleProperty, CommonsService, type())
+            .addFieldLookup(descriptor.localizationLocaleProperty, { serviceProvider: new LookupDataProviderInst(CommonsService) })
             .withLookup((qp, service) => service.appDataLocales())
             .withDisabled(false)
             .withRequired();
@@ -1732,7 +1732,7 @@ function createFormlyLocalizationsTab(descriptor) {
             }
         });
         const descriptorWithLocalizations = descriptor.copy();
-        descriptorWithLocalizations.createTabGroup('localizations');
+        descriptorWithLocalizations.addTabGroup('localizations');
         if (!descriptor.localizationLocalizationProperty) {
             throw new CommonsInternalError('Localization localization property must be defined');
         }
@@ -2748,14 +2748,14 @@ class ActionEditorInjectorContextComponent {
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.#viewContainerEditorResetSubscription = this.viewContainer
             ? toObservable$1(this.editorAction)
-                .pipe(switchMap(a => (a.isTableviewMainEditor ? (this.viewContainer?.editorReset$ ?? NEVER) : NEVER)), takeUntilDestroyed())
+                .pipe(switchMap(a => (this.isActionMainTwEditor(a) ? (this.viewContainer?.editorReset$ ?? NEVER) : NEVER)), takeUntilDestroyed())
                 .subscribe({
                 next: e => this.onEditorReset(e)
             })
             : undefined;
         this.#viewContainerEditorCloseSubscription = this.viewContainer
             ? toObservable$1(this.editorAction)
-                .pipe(switchMap(a => (a.isTableviewMainEditor ? (this.viewContainer?.editorClose$ ?? NEVER) : NEVER)), takeUntilDestroyed())
+                .pipe(switchMap(a => (this.isActionMainTwEditor(a) ? (this.viewContainer?.editorClose$ ?? NEVER) : NEVER)), takeUntilDestroyed())
                 .subscribe({
                 next: () => this.cancel()
             })
@@ -2767,7 +2767,7 @@ class ActionEditorInjectorContextComponent {
         });
         this.#viewContainerDataProviderEditorResetSubscription = this.viewContainer
             ? toObservable$1(this.viewContainer.dataProvider)
-                .pipe(combineLatestWith(toObservable$1(this.editorAction)), switchMap(([dataProvider, action]) => action.isTableviewMainEditor && action.dataProvider == null ? (dataProvider?.editorReset$ ?? NEVER) : NEVER), takeUntilDestroyed())
+                .pipe(combineLatestWith(toObservable$1(this.editorAction)), switchMap(([dataProvider, action]) => this.isActionMainTwEditor(action) && action.dataProvider == null ? (dataProvider?.editorReset$ ?? NEVER) : NEVER), takeUntilDestroyed())
                 .subscribe({
                 next: e => this.onEditorReset(e)
             })
@@ -2813,7 +2813,7 @@ class ActionEditorInjectorContextComponent {
             this.submitExecutionSubscription = context.execution$.pipe(take$1(1)).subscribe({
                 next: res => {
                     this.lastSubmitItem = event.formItem;
-                    const modelIdProp = this.editorAction().model?.idProperty;
+                    const modelIdProp = this.editorAction().editorDescriptor.model?.idProperty;
                     if (res && typeof res === 'object' && !this.itemId() && modelIdProp) {
                         // to cover creation!
                         this.updateItemId(res[modelIdProp]);
@@ -2958,6 +2958,10 @@ class ActionEditorInjectorContextComponent {
         this.instanceStateSubscription?.unsubscribe();
         this.instanceReactivationSubscription?.unsubscribe();
     }
+    isActionMainTwEditor(action) {
+        return (action.tableviewCategory != null &&
+            [TableviewActionDefaultCategories.DETAILS, TableviewActionDefaultCategories.EDIT, TableviewActionDefaultCategories.ADD].includes(action.tableviewCategory));
+    }
     beforeWindowUnload() {
         if (this.data().isDialog && this.formEditorCmp()?.form.pristine === false) {
             return confirm(this.translate.instant('mngEditor.unsavedChangesConfirmation.message'));
@@ -3423,8 +3427,22 @@ class DefaultDataProviderExecutor extends DataProviderExecutor {
     runGetAll(ctx, fallback) {
         return fallback ? runFnFromDataProviderOrFallback(ctx, runGetAllFromDataProvider, fallback) : runGetAllFromDataProvider(ctx);
     }
-    runFetch(ctx, fallback) {
-        return fallback ? runFnFromDataProviderOrFallback(ctx, runFetchFromDataProvider, fallback) : runFetchFromDataProvider(ctx);
+    runFetch(ctx, fetchReason, fallback) {
+        const fetchOpts = {
+            reason: fetchReason,
+            strict: false
+        };
+        if (fallback) {
+            const dataProviderExec = runFetchFromDataProvider(ctx, fetchOpts);
+            if (isObservable(dataProviderExec)) {
+                return dataProviderExec;
+            }
+            return fallback;
+        }
+        else {
+            return runFetchFromDataProvider(ctx, fetchOpts);
+        }
+        // return fallback ? runFnFromDataProviderOrFallback(ctx, runFetchFromDataProvider, fallback) : runFetchFromDataProvider(ctx);
     }
     runCreate(ctx, fallback) {
         return fallback ? runFnFromDataProviderOrFallback(ctx, runCreateFromDataProvider, fallback) : runCreateFromDataProvider(ctx);
@@ -3631,8 +3649,8 @@ function getEditorFieldLabel(descriptor, editorDescriptor) {
         if (descriptor.label === null) {
             return null;
         }
-        else if (!descriptor.label) {
-            return getI18nTypePropertyKey(editorDescriptor?.model.i18nBaseKey ?? '', descriptor.property);
+        else if (!descriptor.label || descriptor.labelUseModelBase) {
+            return getI18nTypePropertyKey(editorDescriptor?.model.i18nBaseKey ?? '', descriptor.label ?? descriptor.property);
         }
         else {
             return descriptor.label;
@@ -4084,7 +4102,7 @@ class FormlyFieldTableDialogFormComponent extends ACommonsFormlyFieldType {
         const hasEditAction = this.descriptor.fieldActions.some(a => a === FieldManyEditorActionEnum.Edit);
         const hasDeleteAction = this.descriptor.fieldActions.some(a => a === FieldManyEditorActionEnum.Delete);
         if (hasViewAction) {
-            const viewAction = ActionEditorDescriptor.create(this.descriptor.tableviewDescriptor.detailsEditor, 'details', {
+            const viewAction = actionEditor('details', this.descriptor.tableviewDescriptor.detailsEditor, {
                 parentModel: this.editorDescriptor.model,
                 parentProperty: this.descriptor.property
             })
@@ -4099,7 +4117,7 @@ class FormlyFieldTableDialogFormComponent extends ACommonsFormlyFieldType {
             this.actions.push(viewAction);
         }
         if (hasAddAction) {
-            const addAction = ActionEditorDescriptor.create(this.descriptor.tableviewDescriptor.addEditor, 'add', {
+            const addAction = actionEditor('add', this.descriptor.tableviewDescriptor.addEditor, {
                 parentModel: this.editorDescriptor.model,
                 parentProperty: this.descriptor.property
             })
@@ -4130,7 +4148,7 @@ class FormlyFieldTableDialogFormComponent extends ACommonsFormlyFieldType {
             this.actions.push(addAction);
         }
         if (hasEditAction) {
-            const editAction = ActionEditorDescriptor.create(this.descriptor.tableviewDescriptor.editEditor, 'edit', {
+            const editAction = actionEditor('edit', this.descriptor.tableviewDescriptor.editEditor, {
                 parentModel: this.editorDescriptor.model,
                 parentProperty: this.descriptor.property
             })
@@ -4161,7 +4179,7 @@ class FormlyFieldTableDialogFormComponent extends ACommonsFormlyFieldType {
             this.actions.push(editAction);
         }
         if (hasDeleteAction) {
-            const deleteAction = new ActionDescriptorInst('delete', {
+            const deleteAction = action('delete', {
                 model: this.descriptor.tableviewDescriptor.model,
                 parentModel: this.editorDescriptor.model,
                 parentProperty: this.descriptor.property
@@ -4937,6 +4955,26 @@ const getFormlyValidationMessages = (translate, datePipe) => {
     ];
 };
 
+function fieldProjectFieldToProperty(editor, field, property, mapFn) {
+    return editor
+        .addField(property)
+        .asHidden()
+        .withSetter(item => {
+        const value = item[field.property];
+        item[property] = mapFn != null ? mapFn(value) : value;
+    });
+}
+function fieldLookupWithOptionsValueProperty(editor, property, opts, lookupOptionsValueProperty) {
+    const fieldProperty = editor instanceof EditorDescriptorNestedObjectWrapper ? editor.getNestedPropertyPath(property) : property;
+    const cfg = fieldLookupGetProviderCfgObj(opts?.serviceProvider);
+    const field = new FieldLookupDescriptor(fieldProperty, {
+        optionsValueProperty: lookupOptionsValueProperty,
+        ...cfg
+    });
+    editor.addFieldDescriptor(field);
+    return field;
+}
+
 function commonsFormlyConfigProvider(translate, datePipe, config = {}) {
     const merge = config.formly?.merge ?? true;
     let types = formlyTypesConfig;
@@ -4993,9 +5031,11 @@ class TableviewComponent {
         }
     }
     onTableLoad(event) {
+        // TODO: table item in event
         this.tableParams.set(event.params);
     }
     selectionChange(selectedItems) {
+        // TODO: table item in selected item
         this.selectedItems.set(selectedItems);
     }
     filterActionsByPositions(actions, actionPositions) {
@@ -5246,5 +5286,5 @@ function withTableview(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_EDITOR_COMPONENT_IT, ActionComponent, ActionContext, ActionDataProviderSource, ActionEditorComponent, ActionErrorMapperService, ActionExecutorService, ActionInstance, ActionTableComponent, COMMONS_TABLEVIEW_FEATURE_CONFIG_IT, ComponentActionExecutorService, DataLanguageDropdownComponent, DefaultActionErrorMapperService, DefaultDataProviderExecutor, EditorAutoSaveStatusComponent, FormEditorComponent, FormEditorService, FormlyFieldActionComponent, FormlyFieldAutocompleteComponent, FormlyFieldCustomComponent, FormlyFieldDropdownComponent, FormlyFieldFieldsetComponent, FormlyFieldInputComponent, FormlyFieldLabelComponent, FormlyFieldLookupDialogComponent, FormlyFieldNoLabelWrapperComponent, FormlyFieldTableDialogFormComponent, FormlyFieldTableDialogMultiselectComponent, FormlyFieldTabsComponent, FormlyFieldWrapperComponent, NavigationService, RootActionExecutorService, TableviewComponent, TableviewRouteBuilder, TableviewRouteComponent, ViewContainer, actionNotificationError, actionNotificationSuccess, addAsyncValidationsToFormlyField, addValidationsToFormlyField, calculateTableColumnActionWidth, commonsFormlyConfigProvider, createFormlyConfigFromDescriptor, createFormlyField, createFormlyFields, createFormlyGroupType, createFormlyLocalizationsTab, createFormlyTabType, createFormlyValidation, createTableviewLazyRoute, createTableviewRoute, emailValidationName, emailValidator, formlyTypesConfig, formlyWrappersConfig, getActionButtonRoundedWidth, getEditorFieldLabel, getEmailValidationMessage, getFormEditorInfoMessage, getFormEditorWarningMessage, getFormlyValidationMessages, getI18nActionEditorTitleAsync, getI18nActionParams, getI18nActionParamsAsync, getI18nActionTitleAsync, getI18nForAction, getI18nForActionAsync, getMaxDateValidationMessage, getMaxLengthValidationMessage, getMaxValidationMessage, getMinDateValidationMessage, getMinLengthValidationMessage, getMinValidationMessage, getRequiredValidationMessage, getTableCellPaddingX, getTextPatternValidationMessage, maxDateValidationName, maxDateValidator, minDateValidationName, minDateValidator, populateI18nActionParams, provideActionExecutor, provideFormComponent, provideViewContainer, unsavedChangesGuard, withTableview };
+export { ACTION_EDITOR_COMPONENT_IT, ActionComponent, ActionContext, ActionDataProviderSource, ActionEditorComponent, ActionErrorMapperService, ActionExecutorService, ActionInstance, ActionTableComponent, COMMONS_TABLEVIEW_FEATURE_CONFIG_IT, ComponentActionExecutorService, DataLanguageDropdownComponent, DefaultActionErrorMapperService, DefaultDataProviderExecutor, EditorAutoSaveStatusComponent, FormEditorComponent, FormEditorService, FormlyFieldActionComponent, FormlyFieldAutocompleteComponent, FormlyFieldCustomComponent, FormlyFieldDropdownComponent, FormlyFieldFieldsetComponent, FormlyFieldInputComponent, FormlyFieldLabelComponent, FormlyFieldLookupDialogComponent, FormlyFieldNoLabelWrapperComponent, FormlyFieldTableDialogFormComponent, FormlyFieldTableDialogMultiselectComponent, FormlyFieldTabsComponent, FormlyFieldWrapperComponent, NavigationService, RootActionExecutorService, TableviewComponent, TableviewRouteBuilder, TableviewRouteComponent, ViewContainer, actionNotificationError, actionNotificationSuccess, addAsyncValidationsToFormlyField, addValidationsToFormlyField, calculateTableColumnActionWidth, commonsFormlyConfigProvider, createFormlyConfigFromDescriptor, createFormlyField, createFormlyFields, createFormlyGroupType, createFormlyLocalizationsTab, createFormlyTabType, createFormlyValidation, createTableviewLazyRoute, createTableviewRoute, emailValidationName, emailValidator, fieldLookupWithOptionsValueProperty, fieldProjectFieldToProperty, formlyTypesConfig, formlyWrappersConfig, getActionButtonRoundedWidth, getEditorFieldLabel, getEmailValidationMessage, getFormEditorInfoMessage, getFormEditorWarningMessage, getFormlyValidationMessages, getI18nActionEditorTitleAsync, getI18nActionParams, getI18nActionParamsAsync, getI18nActionTitleAsync, getI18nForAction, getI18nForActionAsync, getMaxDateValidationMessage, getMaxLengthValidationMessage, getMaxValidationMessage, getMinDateValidationMessage, getMinLengthValidationMessage, getMinValidationMessage, getRequiredValidationMessage, getTableCellPaddingX, getTextPatternValidationMessage, maxDateValidationName, maxDateValidator, minDateValidationName, minDateValidator, populateI18nActionParams, provideActionExecutor, provideFormComponent, provideViewContainer, unsavedChangesGuard, withTableview };
 //# sourceMappingURL=mediusinc-mng-commons-tableview.mjs.map