@acorex/platform 19.2.5 → 19.2.7

package/fesm2022/acorex-platform-layout-entity.mjs

@@ -2,13 +2,13 @@ import * as i2$1 from '@acorex/components/common';
 import { AXDataSource, AXCommonModule } from '@acorex/components/common';
 import { AXFormatService } from '@acorex/core/format';
 import * as i1$3 from '@acorex/platform/common';
-import { resolveActionLook, AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, getEntityInfo, AXPSettingScope, AXPSettingService, AXPRefreshEvent, AXPWorkflowNavigateAction, AXP_SEARCH_DEFINITION_PROVIDER, AXPToastAction } from '@acorex/platform/common';
+import { resolveActionLook, AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, getEntityInfo, AXPSettingScope, AXPSettingService, AXPExpressionEvaluatorService, AXPRefreshEvent, AXPWorkflowNavigateAction, AXP_SEARCH_DEFINITION_PROVIDER, AXPToastAction } from '@acorex/platform/common';
 import * as i2$3 from '@acorex/platform/workflow';
 import { AXPWorkflowService, ofType, createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, computed, signal, Injector, effect, Component, ChangeDetectionStrategy, HostBinding, DestroyRef, ViewChild, NgModule } from '@angular/core';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
-import { cloneDeep, set, merge, isNil, get, sortBy } from 'lodash-es';
+import { cloneDeep, set, merge, get, isNil, sortBy } from 'lodash-es';
 import { AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
 import * as i7 from '@acorex/platform/layout/builder';
 import { AXPWidgetRegistryService, AXPWidgetComponent, AXPLayoutBuilderModule, AXPColumnWidgetComponent, AXP_WIDGETS_EDITOR_GROUP, AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
@@ -85,6 +85,8 @@ class AXPEntityCommandTriggerViewModel {
         this.separated = action.separated ?? false;
         this.color = action.color ?? resolvedLook.color;
         this.icon = action.icon ?? resolvedLook.icon;
+        this.hidden = action.hidden ?? false;
+        this.disabled = action.disabled ?? false;
         this.scope = action.scope;
     }
 }
@@ -580,6 +582,7 @@ class AXPEntityMasterListViewModel {
         this.workflow = this.injector.get(AXPWorkflowService);
         this.settings = this.injector.get(AXPSettingService);
         this.widgetResolver = this.injector.get(AXPWidgetRegistryService);
+        this.expressionEvaluator = this.injector.get(AXPExpressionEvaluatorService);
         this.filterOperatorMiddleware = this.injector.get(AXPFilterOperatorMiddlewareService);
         this.settingListViewKey = '';
         this.settingSelectedViewKey = '';
@@ -637,7 +640,14 @@ class AXPEntityMasterListViewModel {
                 },
                 {
                     title: this.title(),
-                    url: [`/${this.session.application?.name}`, 'm', `${this.entityDef.module}`, 'e', `${this.entityDef.name}`, 'list'],
+                    url: [
+                        `/${this.session.application?.name}`,
+                        'm',
+                        `${this.entityDef.module}`,
+                        'e',
+                        `${this.entityDef.name}`,
+                        'list',
+                    ],
                 },
             ];
         });
@@ -647,16 +657,19 @@ class AXPEntityMasterListViewModel {
             return list.map((tr) => new AXPEntityCommandTriggerViewModel(this.entityDef, tr)) ?? [];
         });
         this.primaryActions = computed(() => {
-            return this.allActions().filter((a) => a.priority == 'primary' && ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) || (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())));
+            return this.allActions().filter((a) => a.priority == 'primary' &&
+                ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
+                    (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())));
         });
         this.secondaryActions = computed(() => {
-            return this.allActions().filter((a) => a.priority == 'secondary' && ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) || (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())));
+            return this.allActions().filter((a) => a.priority == 'secondary' &&
+                ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
+                    (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())));
         });
         this.selectedScopeActionsCount = computed(() => {
             return this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Selected).length;
         });
         this.primaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'primary'));
-        this.secondaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'secondary'));
         //****************** Filter ******************//
         this.simpleFilters = signal({
             field: null,
@@ -721,7 +734,7 @@ class AXPEntityMasterListViewModel {
             .subscribe((event) => {
             if (event.payload.entity == getEntityInfo(this.entityDef).source) {
                 this.selectedItems.set([]);
-                this.events$.next({ action: 'refresh' });
+                this.events$.next({ action: 'refresh', meta: event.payload.meta });
             }
         });
         this.sortedFields.set(this.sortableFields());
@@ -733,17 +746,44 @@ class AXPEntityMasterListViewModel {
             const columnVisibilityMap = new Map(listViewSetting.columns.map((col) => [col.name, col.visible]));
             this.columns.update((prev) => prev
                 .map((c) => ({ ...c, visible: columnVisibilityMap.get(c.name) ?? c.visible })) // Update visibility
-                .sort((a, b) => listViewSetting.columns.findIndex((col) => col.name === a.name) - listViewSetting.columns.findIndex((col) => col.name === b.name)));
+                .sort((a, b) => listViewSetting.columns.findIndex((col) => col.name === a.name) -
+                listViewSetting.columns.findIndex((col) => col.name === b.name)));
         }
     }
     clearSelection() {
         this.selectedItems.set([]);
     }
+    // public secondaryRowActions = computed<AXPEntityCommandTriggerViewModel[]>(() =>
+    //   this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'secondary')
+    // );
+    async secondaryRowActions(rowData) {
+        const scope = {
+            context: {
+                eval: (path) => get(rowData, path),
+            },
+        };
+        const actions = await Promise.all(this.allActions()
+            .filter((a) => a.scope === AXPEntityCommandScope.Individual && a.priority === 'secondary')
+            .map(async (a) => {
+            const isHidden = typeof a.hidden === 'string' && a.hidden.includes('{{')
+                ? await this.expressionEvaluator.evaluateExpression(rowData, a.hidden, scope)
+                : a.hidden;
+            if (isHidden)
+                return null;
+            const disabled = typeof a.disabled === 'string' && a.disabled.includes('{{')
+                ? await this.expressionEvaluator.evaluateExpression(rowData, a.disabled, scope)
+                : a.disabled;
+            return { ...a, disabled };
+        }));
+        return actions.filter(Boolean);
+    }
     get filtersDef() {
         const props = this.entityDef.properties.filter((c) => c.options?.filter?.advance?.enabled);
         return props.map((e) => {
             const widgetConfig = this.widgetResolver.resolve(e.schema.interface?.type);
-            const type = (e.options?.filter?.advance?.widgetType || widgetConfig?.defaultFilterWidgetName || e.schema.interface?.type);
+            const type = (e.options?.filter?.advance?.widgetType ||
+                widgetConfig?.defaultFilterWidgetName ||
+                e.schema.interface?.type);
             return {
                 title: e.title,
                 field: e.name,
@@ -816,7 +856,10 @@ class AXPEntityMasterListViewModel {
         this.dataSource.sort(...this.sortedFields()
             .filter((sf) => sf.dir)
             .map((s) => ({ dir: s.dir, field: s.name })));
-        const allFilters = [this.inlineFilters.filters?.length && this.inlineFilters, this.simpleFilters().filters?.length && this.simpleFilters()].filter(Boolean);
+        const allFilters = [
+            this.inlineFilters.filters?.length && this.inlineFilters,
+            this.simpleFilters().filters?.length && this.simpleFilters(),
+        ].filter(Boolean);
         const cleanedAllFilters = this.cleanNestedFilters(allFilters);
         this.lastFiltersApplied.set(this.simpleFilters());
         this.dataSource.filter(this.filterOperatorMiddleware.transformFilter({
@@ -902,7 +945,11 @@ class AXPEntityMasterListViewModel {
     }
     //******************  Commands ******************//
     async executeCommand(commandName, data = null) {
-        const action = this.allActions().find((c) => c.name == commandName && ((this.selectedItems().length ? c.scope == AXPEntityCommandScope.Selected : c.scope == AXPEntityCommandScope.Individual) || c.scope == AXPEntityCommandScope.TypeLevel));
+        const action = this.allActions().find((c) => c.name == commandName &&
+            ((this.selectedItems().length
+                ? c.scope == AXPEntityCommandScope.Selected
+                : c.scope == AXPEntityCommandScope.Individual) ||
+                c.scope == AXPEntityCommandScope.TypeLevel));
         await this.workflow.execute(commandName, {
             entity: getEntityInfo(this.entityDef).source,
             entityInfo: {
@@ -967,6 +1014,9 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
         const showResult = process?.showResult ?? true;
         const ids = Array.isArray(data) ? data.map((c) => c.id) : [data.id];
         const entity = await this.entityRegistery.resolve(moduleName, entityName);
+        if (entity.parentKey && data[entity.parentKey]) {
+            context.setVariable('meta', { ...meta, refreshTargetId: data[entity.parentKey] });
+        }
         let deletedCount = 0;
         context.setVariable('deleteSuccessful', false);
         const dialog = this.loadingDialog.show({
@@ -1018,7 +1068,7 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
                 }
                 // Dispatch actions
                 this.dispatch(AXPEntityDeletedEvent({ entity: moduleEntity, ids: ids, meta: meta }));
-                this.dispatch(AXPRefreshEvent({ entity: moduleEntity }));
+                this.dispatch(AXPRefreshEvent({ entity: moduleEntity, meta: context.getVariable('meta') }));
             }
             else if (successfulPromises > 0 && failedPromises > 0) {
                 // Some items deleted successfully, some failed
@@ -1202,7 +1252,10 @@ class AXPEntityModifySectionPopupAction extends AXPWorkflowAction {
         const headerTitle = decoration?.header?.title;
         const com = await this.config.viewers.master.modify();
         const popup = await this.popupService.open(com, {
-            title: headerTitle ? headerTitle : title ?? `${this.translateService.translateSync('entity.modify')} ${this.translateService.translateSync(entityRef.formats.individual)}`,
+            title: headerTitle
+                ? headerTitle
+                : title ??
+                    `${this.translateService.translateSync('entity.modify')} ${this.translateService.translateSync(entityRef.formats.individual)}`,
             size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
             data: {
                 vm,
@@ -1226,7 +1279,13 @@ class AXPEntityModifyConfirmedAction extends AXPWorkflowAction {
     async execute(context) {
         const updatedData = context.getVariable('data');
         this.dispatch(AXPEntityModifyEvent({ entity: context.getVariable('entity'), values: updatedData }));
-        this.dispatch(AXPRefreshEvent({ entity: context.getVariable('entity') }));
+        const gridItemParentKey = context.getVariable('parentKey');
+        this.dispatch(AXPRefreshEvent({
+            entity: context.getVariable('entity'),
+            meta: {
+                refreshTargetId: updatedData[gridItemParentKey],
+            },
+        }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityModifyConfirmedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityModifyConfirmedAction }); }
@@ -1745,7 +1804,7 @@ class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
         }
       </ax-suffix>
     </ax-footer>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXCommonModule }, { kind: "directive", type: i2$1.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i5.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "parentField", "rowTemplate", "emptyTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i7.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "node", "footerTemplate", "expandHandler", "cellTemplate", "headerTemplate"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXCommonModule }, { kind: "directive", type: i2$1.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i5.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "parentField", "rowTemplate", "emptyTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i7.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "node", "footerTemplate", "expandHandler", "cellTemplate", "headerTemplate"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetSelectorComponent, decorators: [{
             type: Component,
@@ -2473,7 +2532,7 @@ class AXPEntityCreatePopupAction extends AXPWorkflowAction {
         const [module, entity] = context.getVariable('entity').split('.');
         const data = context.getVariable('data');
         const options = context.getVariable('options');
-        console.log('options', options);
+        console.log('data', data);
         const process = options?.['process'];
         const decoration = options?.['decoration'];
         const headerTitle = decoration?.header?.title;
@@ -2481,6 +2540,9 @@ class AXPEntityCreatePopupAction extends AXPWorkflowAction {
         const canCreateNewOne = process?.canCreateNewOne;
         const entityRef = await this.entityRegistery.resolve(module, entity);
         const com = await this.config.viewers.master.create();
+        if (entityRef.parentKey) {
+            context.setVariable('parentKey', entityRef.parentKey);
+        }
         const result = await this.popupService.open(com, {
             title: headerTitle
                 ? headerTitle
@@ -2496,9 +2558,14 @@ class AXPEntityCreatePopupAction extends AXPWorkflowAction {
         });
         context.setOutput('result', false);
         if (result.data?.save) {
+            console.log(result);
             context.setOutput('result', true);
             const prevData = context.getVariable('data');
+            const prevMeta = context.getVariable('meta');
             context.setVariable('data', { ...prevData, ...result.data.item });
+            if (entityRef.parentKey && result.data.item[entityRef.parentKey]) {
+                context.setVariable('meta', { ...prevMeta, refreshTargetId: result.data.item[entityRef.parentKey] });
+            }
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreatePopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -2510,7 +2577,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 class AXPEntityCreateSubmittedAction extends AXPWorkflowAction {
     async execute(context) {
         this.dispatch(AXPEntityCreateEvent({ entity: context.getVariable('entity'), meta: context.getVariable('meta') }));
-        this.dispatch(AXPRefreshEvent({ entity: context.getVariable('entity') }));
+        this.dispatch(AXPRefreshEvent({ entity: context.getVariable('entity'), meta: context.getVariable('meta') }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreateSubmittedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreateSubmittedAction }); }
@@ -2573,6 +2640,7 @@ class AXPQuickEntityModifyPopupAction extends AXPWorkflowAction {
         const [moduleName, entityName] = context.getVariable('entity').split('.');
         const data = context.getVariable('data');
         const entityRef = await this.entityRegistery.resolve(moduleName, entityName);
+        const { parentKey } = entityRef;
         const { id } = data;
         const { interfaces, title } = entityRef;
         const properties = interfaces?.master?.update?.properties?.map((p) => p.name) || [];
@@ -2580,9 +2648,15 @@ class AXPQuickEntityModifyPopupAction extends AXPWorkflowAction {
         const options = context.getVariable('options');
         const decoration = options?.['decoration'];
         const headerTitle = decoration?.header?.title;
+        if (parentKey) {
+            context.setVariable('parentKey', parentKey);
+        }
         const com = await this.config.viewers.master.modify();
         const popup = await this.popupService.open(com, {
-            title: headerTitle ? headerTitle : title ?? `${this.translateService.translateSync('entity.modify')} ${this.translateService.translateSync(entityRef.formats.individual)}`,
+            title: headerTitle
+                ? headerTitle
+                : title ??
+                    `${this.translateService.translateSync('entity.modify')} ${this.translateService.translateSync(entityRef.formats.individual)}`,
             size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
             data: {
                 vm,