@acorex/platform 19.2.8 → 19.2.9

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, AXPExpressionEvaluatorService, AXPRefreshEvent, AXPWorkflowNavigateAction, AXP_SEARCH_DEFINITION_PROVIDER, AXPToastAction } from '@acorex/platform/common';
+import { resolveActionLook, AXPFilterOperatorMiddlewareService, AXPExpressionEvaluatorService, AXPEntityCommandScope, getEntityInfo, AXPSettingScope, AXPSettingService, 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 { get, cloneDeep, set, merge, isNil, sortBy } from 'lodash-es';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
-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';
@@ -119,6 +119,7 @@ class AXPEntityDetailListViewModel {
         this.formatService = this.injector.get(AXFormatService);
         this.workflow = this.injector.get(AXPWorkflowService);
         this.filterOperatorMiddleware = this.injector.get(AXPFilterOperatorMiddlewareService);
+        this.expressionEvaluator = this.injector.get(AXPExpressionEvaluatorService);
         this.dataSource = new AXDataSource({
             byKey: (key) => {
                 const func = this.detailEntity()?.queries.byKey.execute;
@@ -144,6 +145,22 @@ class AXPEntityDetailListViewModel {
                 this.detailEntity()?.interfaces?.detail?.list?.title ??
                 this.detailEntity()?.formats.plural);
         });
+        //****************** Visibility ******************//
+        this.hidden = computed(async () => {
+            if (typeof this.detailEntityConfig.hidden == 'string') {
+                const scope = {
+                    context: {
+                        eval: (path) => {
+                            return get(this.parent.data, path);
+                        },
+                    },
+                };
+                return await this.expressionEvaluator.evaluateExpression(this.parent.data, this.detailEntityConfig.hidden, scope);
+            }
+            else {
+                return this.detailEntityConfig.hidden ?? false;
+            }
+        });
         //****************** Inline filter ******************//
         this.inlineFiltersPlaceholders = computed(() => {
             //return this.entityDef.properties.filter(p => p.options?.filter?.inline?.enabled).map(c => c.title);
@@ -155,7 +172,16 @@ class AXPEntityDetailListViewModel {
         //****************** Actions ******************//
         this.allActions = computed(() => {
             const list = this.detailEntity()?.interfaces?.master?.list?.actions ?? [];
-            return list.map((tr) => new AXPEntityCommandTriggerViewModel(this.detailEntity(), tr)) ?? [];
+            const detailEntityActionList = this.detailEntityConfig.actions ?? [];
+            const mergedActions = list.map((tr) => {
+                const commandName = typeof tr.command === 'string' ? tr.command : tr.command.name;
+                const overrideAction = detailEntityActionList.find((action) => {
+                    const actionCommandName = typeof action.command === 'string' ? action.command : action.command.name;
+                    return actionCommandName === commandName && action.name === tr.name;
+                });
+                return new AXPEntityCommandTriggerViewModel(this.detailEntity(), overrideAction ?? tr);
+            });
+            return mergedActions;
         });
         this.selectedScopeActionsCount = computed(() => {
             return this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Selected).length;
@@ -192,6 +218,32 @@ class AXPEntityDetailListViewModel {
             }
             return [];
         });
+        this.evaluateExpressions = async (actionData) => {
+            const parentData = this.parent.data;
+            const scope = {
+                context: {
+                    eval: (path) => {
+                        return get(parentData, path);
+                    },
+                },
+            };
+            const evaluateRecursive = async (data) => {
+                const evaluatedData = {};
+                for (const key in data) {
+                    if (typeof data[key] === 'object' && data[key] !== null) {
+                        evaluatedData[key] = await evaluateRecursive(data[key]);
+                    }
+                    else if (typeof data[key] === 'string' && data[key].includes('{{')) {
+                        evaluatedData[key] = await this.expressionEvaluator.evaluateExpression(parentData, data[key], scope);
+                    }
+                    else {
+                        evaluatedData[key] = data[key];
+                    }
+                }
+                return evaluatedData;
+            };
+            return await evaluateRecursive(actionData);
+        };
         this.initialize();
     }
     async initialize() {
@@ -269,25 +321,29 @@ class AXPEntityDetailListViewModel {
                 ? c.scope == AXPEntityCommandScope.Selected
                 : c.scope == AXPEntityCommandScope.Individual) ||
                 c.scope == AXPEntityCommandScope.TypeLevel));
-        if (action?.scope == AXPEntityCommandScope.TypeLevel) {
-            if (data == null) {
-                data = {};
-            }
-            let relatedColumn = null;
-            this.detailEntityConfig.conditions?.forEach((condition) => {
-                if (condition.value == 'id') {
-                    relatedColumn = condition.name;
-                }
-            });
-            if (relatedColumn != null) {
-                data[relatedColumn] = this.parent.data['id'];
-            }
+        // if (action?.scope == AXPEntityCommandScope.TypeLevel) {
+        //   if (data == null) {
+        //     data = {};
+        //   }
+        //   let relatedColumn: string | null = null;
+        //   this.detailEntityConfig.conditions?.forEach((condition) => {
+        //     if (condition.value == 'id') {
+        //       relatedColumn = condition.name;
+        //     }
+        //   });
+        //   if (relatedColumn != null) {
+        //     data[relatedColumn] = this.parent.data['id'];
+        //   }
+        // }
+        const actionData = action?.options?.process?.data;
+        let initialData = {};
+        if (actionData) {
+            initialData = await this.evaluateExpressions(actionData);
         }
-        console.log({ action, detailEntity: this.detailEntity });
         const command = commandName.split('&')[0];
         await this.workflow.execute(command, {
             entity: getEntityInfo(this.detailEntity()).source,
-            data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : data,
+            data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : initialData,
             entityInfo: {
                 name: this.detailEntity()?.name,
                 module: this.detailEntity()?.module,
@@ -468,21 +524,23 @@ class AXPEntityCreateViewElementViewModel {
                 formula: widget.formula,
                 triggers: widget.triggers,
                 valueTransforms: widget.valueTransforms,
-                options: merge(schema.interface?.options, 
-                //this.property.options?.create?.widget,
-                { validationRules: this.property.validations }),
+                options: merge(schema.interface?.options, {
+                    validations: this.property.validations?.map((c) => ({ rule: c.rule, message: c.message, options: c.options })),
+                }),
             };
         });
     }
 }
 class AXPEntityMasterCreateViewModel {
-    constructor(injector, config, initialData = {}, canCreateNewOne = true, redirect = false) {
+    constructor(injector, config, initialData = {}, commandOptions) {
         this.injector = injector;
         this.config = config;
         this.initialData = initialData;
+        this.commandOptions = commandOptions;
         this.entityDef = cloneDeep(this.config);
         this.workflow = this.injector.get(AXPWorkflowService);
         this.context = signal(this.initialData ?? {});
+        this.options = signal(this.commandOptions ?? {});
         this.isInProgress = signal(false);
         this.canCreateNewOne = signal(false);
         this.redirect = signal(false);
@@ -507,7 +565,9 @@ class AXPEntityMasterCreateViewModel {
             }
         });
         this.context.set(initialData);
+        this.options.set(commandOptions);
         //
+        const { redirect = false, canCreateNewOne = false } = commandOptions['process'];
         this.canCreateNewOne.set(canCreateNewOne);
         this.redirect.set(redirect);
     }
@@ -524,12 +584,9 @@ class AXPEntityMasterCreateViewModel {
     async createNewOne() {
         await this.workflow.execute('create-entity', {
             entity: getEntityInfo(this.entityDef).source,
-            options: {
-                process: {
-                    redirect: this.redirect(),
-                    canCreateNewOne: this.canCreateNewOne(),
-                },
-            },
+            options: this.options(),
+            data: this.initialData,
+            // entityInfo
         });
     }
 }
@@ -540,11 +597,10 @@ class AXPEntityCreateViewModelFactory {
         this.injector = inject(Injector);
     }
     async create(moduleName, entityName, initialData = null, options = { canCreateNewOne: false, redirect: true }) {
-        console.log(options);
         this.layout.setNavigationLoading(true);
         const config = await this.entityService.resolve(moduleName, entityName);
         this.layout.setNavigationLoading(false);
-        return new AXPEntityMasterCreateViewModel(this.injector, config, initialData, options.canCreateNewOne, options.redirect);
+        return new AXPEntityMasterCreateViewModel(this.injector, config, initialData, options);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreateViewModelFactory, providedIn: 'root' }); }
@@ -896,7 +952,7 @@ class AXPEntityMasterListViewModel {
                     filters: cleanedNestedFilters.filter(Boolean),
                 };
             }
-            if (filter.value === null || filter.value === undefined || filter.value === 'unknown') {
+            if (!filter.value || filter.value === 'unknown') {
                 return undefined;
             }
             return filter;
@@ -1177,9 +1233,7 @@ class AXPEntityMasterUpdateElementViewModel {
                 formula: widget.formula,
                 triggers: widget.triggers,
                 valueTransforms: widget.valueTransforms,
-                options: merge(schema.interface?.options, 
-                //this.property.options?.create?.widget,
-                { validationRules: this.property.validations })
+                options: merge(schema.interface?.options, { validations: this.property.validations?.map(c => ({ rule: c.rule, message: c.message, options: c.options })) })
             };
         });
     }
@@ -1362,7 +1416,6 @@ class AXPEntityMasterSingleViewGroupViewModel {
         });
         this.props = computed(() => {
             const { properties, interfaces } = this.entity;
-            console.log({ properties });
             const groupProperties = properties
                 .filter(({ groupId, schema }) => groupId === this.group.id && !schema.hidden)
                 .map(({ name }) => name);
@@ -1406,10 +1459,7 @@ class AXPEntityMasterSingleElementViewModel {
                 children: widget.children,
                 formula: widget.formula,
                 valueTransforms: widget.valueTransforms,
-                options: merge(schema.interface?.options
-                //this.property.options?.create?.widget,
-                //{ validationRules: this.property.validations },
-                ),
+                options: merge(schema.interface?.options),
             };
         });
     }
@@ -1481,8 +1531,10 @@ class AXPEntityMasterSingleViewModel {
                 },
             ];
         });
-        this.relatedEntities = computed(() => {
-            return (this.entityDef.relatedEntities?.map((re) => new AXPEntityDetailListViewModel(this.injector, re, { entity: this.entityDef, data: this.entityData })) ?? []);
+        this.relatedEntities = computed(async () => {
+            const relatedEntities = this.entityDef.relatedEntities?.map((re) => new AXPEntityDetailListViewModel(this.injector, re, { entity: this.entityDef, data: this.entityData })) ?? [];
+            const filteredEntities = await Promise.all(relatedEntities.map(async (re) => ((await re.hidden()) ? null : re)));
+            return filteredEntities.filter((re) => re !== null);
         });
         this.workflow.events$
             .pipe(ofType(AXPEntityDeletedEvent))
@@ -2026,7 +2078,6 @@ class AXPLookupWidgetEditComponent extends AXPWidgetComponent {
         this.translateService = inject(AXTranslationService);
         this.expose = computed(() => this.options()['expose']);
         this.entity = computed(() => this.options()['entity']);
-        this.validationRules = computed(() => this.options()['validationRules'] ?? []);
         this.textField = computed(() => {
             return (this.entityDef()?.formats.lookup ?? this.entityDef()?.properties.find((c) => c.name != 'id')?.name ?? 'title');
         });
@@ -2394,7 +2445,6 @@ class AXPWidgetSelectorWidgetEditComponent extends AXPWidgetComponent {
         this.selectedItem = signal(null);
         this.placeholder = computed(() => this.options()['placeholder'] ?? '');
         this.loading = computed(() => this.options()['loading'] ?? false);
-        this.validationRules = computed(() => this.options()['validationRules']);
     }
     ngAfterViewInit() {
         if (this.getValue()) {
@@ -2549,9 +2599,9 @@ class AXPEntityCreatePopupAction extends AXPWorkflowAction {
         console.log('data', data);
         const process = options?.['process'];
         const decoration = options?.['decoration'];
+        const layout = options?.['layout'];
         const headerTitle = decoration?.header?.title;
-        const redirect = process?.redirect;
-        const canCreateNewOne = process?.canCreateNewOne;
+        const size = layout?.size;
         const entityRef = await this.entityRegistery.resolve(module, entity);
         const com = await this.config.viewers.master.create();
         if (entityRef.parentKey) {
@@ -2561,18 +2611,14 @@ class AXPEntityCreatePopupAction extends AXPWorkflowAction {
             title: headerTitle
                 ? headerTitle
                 : `${await this.translateService.translateAsync('create-new')} ${await this.translateService.translateAsync(entityRef.formats.individual)}`,
-            size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
+            size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : size ? size : 'md',
             data: {
-                vm: await this.factory.create(module, entity, data, {
-                    canCreateNewOne,
-                    redirect,
-                }),
+                vm: await this.factory.create(module, entity, data, options),
                 entity,
             },
         });
         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');