@acorex/modules 20.6.0 → 20.6.2

package/fesm2022/acorex-modules-form-template-management.mjs

@@ -6,8 +6,7 @@ import { AXPDesignerConnector, AXPDesignerService, AXPWidgetDesignerRendererDire
 import { AXMEntityCrudServiceImpl, AXPEntityService, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXPWidgetsModule } from '@acorex/platform/layout/widgets';
 import * as i2$1 from '@acorex/platform/workflow';
-import { AXPWorkflowService, Activity, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
-import { provideCommandSetups } from '@acorex/platform/runtime';
+import { AXPWorkflowService, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
 import * as i0 from '@angular/core';
 import { Injectable, NgModule, inject, Injector, runInInjectionContext, InjectionToken, computed, signal, effect, ChangeDetectionStrategy, Component, HostBinding } from '@angular/core';
 import { ROUTES } from '@angular/router';
@@ -20,7 +19,6 @@ import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { AXPopupService } from '@acorex/components/popup';
 import { AXDataSource } from '@acorex/cdk/common';
-import { AXPLayoutBuilderService } from '@acorex/platform/layout/builder';
 import { AXPTemplateViewerService } from '@acorex/platform/layout/components';
 import { AXP_IDENTIFIER_RULES } from '@acorex/modules/identifier-management';
 
@@ -1128,250 +1126,317 @@ class AXMQuestionnaireDataSourceDefinition {
  * }
  * ```
  */
-class ShowForm extends Activity {
-    constructor() {
-        super('workflow-activity:show-form', 'Show Form');
-        this.layoutBuilderService = inject(AXPLayoutBuilderService);
-    }
-    async execute(input) {
-        const { title, formDefinition, context = {}, size = 'md', closeButton = false, actions = {
-            submit: '@general:actions.submit.title',
-            cancel: '@general:actions.cancel.title'
-        } } = input;
-        try {
-            // Create dialog with form
-            const dialogRef = await this.layoutBuilderService
-                .create()
-                .dialog((dialog) => {
-                dialog
-                    .setTitle(title)
-                    .setSize(size)
-                    .setCloseButton(closeButton)
-                    .setContext(context)
-                    .content((content) => {
-                    // Build form fields from definition
-                    this.buildFormFields(content, formDefinition);
-                })
-                    .setActions((actionBuilder) => {
-                    // Add cancel action
-                    if (actions.cancel !== undefined && actions.cancel !== null) {
-                        actionBuilder.cancel(actions.cancel);
-                    }
-                    // Add submit action
-                    if (actions.submit !== undefined && actions.submit !== null) {
-                        actionBuilder.submit(actions.submit);
-                    }
-                    // Add custom actions
-                    if (actions.custom && Array.isArray(actions.custom)) {
-                        for (const customAction of actions.custom) {
-                            actionBuilder.custom({
-                                title: customAction.title,
-                                icon: customAction.icon || 'fa-circle',
-                                color: customAction.color || 'primary',
-                                command: { name: customAction.command }
-                            });
-                        }
-                    }
-                });
-            })
-                .show();
-            // Wait for user interaction
-            const action = dialogRef.action() || 'cancel';
-            const formData = dialogRef.context() || {};
-            const cancelled = action === 'cancel';
-            // Map action to outcome
-            const outcome = cancelled ? 'Cancelled' : (action === 'submit' ? 'Submitted' : action);
-            return this.createResult({
-                formData,
-                action,
-                cancelled
-            }, outcome);
-        }
-        catch (error) {
-            console.error('[ShowForm] Error displaying form:', error);
-            return {
-                success: false,
-                error: {
-                    message: error instanceof Error ? error.message : 'Failed to display form dialog',
-                },
-                result: {
-                    output: {
-                        formData: {},
-                        action: 'error',
-                        cancelled: true,
-                    },
-                    outcomes: {
-                        Failed: true,
-                    },
-                },
-            };
-        }
-    }
-    /**
-     * Build form fields from definition
-     */
-    buildFormFields(contentBuilder, formDefinition) {
-        // Check if formDefinition is a widget node (already built)
-        if (formDefinition?.type && formDefinition?.children) {
-            // Already a widget node - use it directly
-            const flexBuilder = this.layoutBuilderService.create().flex((flex) => {
-                // Convert widget node to form fields
-                this.convertWidgetNodeToFields(flex, formDefinition);
-            });
-            // Note: This is a simplified approach - in production, you'd need to properly integrate
-            return;
-        }
-        // Handle JSON form definition
-        if (formDefinition?.fields && Array.isArray(formDefinition.fields)) {
-            // Simple fields array format
-            for (const field of formDefinition.fields) {
-                this.addFormField(contentBuilder, field);
-            }
-        }
-        else if (formDefinition?.groups && Array.isArray(formDefinition.groups)) {
-            // Groups format (like dynamic form designer)
-            for (const group of formDefinition.groups) {
-                if (group.fields && Array.isArray(group.fields)) {
-                    for (const field of group.fields) {
-                        this.addFormField(contentBuilder, field);
-                    }
-                }
-            }
-        }
-        else {
-            // Assume it's a widget node structure
-            this.convertWidgetNodeToFields(contentBuilder, formDefinition);
-        }
-    }
-    /**
-     * Add a single form field
-     */
-    addFormField(contentBuilder, field) {
-        const { label, type = 'text-editor', path, name, options = {}, required = false, readonly = false, disabled = false, visible = true, defaultValue } = field;
-        if (!label || !path) {
-            console.warn('[ShowForm] Skipping field without label or path:', field);
-            return;
-        }
-        // Create form field
-        contentBuilder.formField(label, (formField) => {
-            // Set field properties
-            if (readonly) {
-                formField.readonly(true);
-            }
-            if (disabled) {
-                formField.disabled(true);
-            }
-            if (!visible) {
-                formField.visible(false);
-            }
-            if (defaultValue !== undefined) {
-                // Set default value in options
-                const fieldOptions = { ...options, defaultValue };
-                this.addWidgetToFormField(formField, type, path, name || path, fieldOptions);
-            }
-            else {
-                this.addWidgetToFormField(formField, type, path, name || path, options);
-            }
-        });
-    }
-    /**
-     * Add widget to form field based on type
-     */
-    addWidgetToFormField(formField, type, path, name, options) {
-        switch (type) {
-            case 'text-editor':
-            case 'textbox':
-                formField.textBox({ path, name, ...options });
-                break;
-            case 'large-text-editor':
-            case 'large-textbox':
-                formField.largeTextBox({ path, name, ...options });
-                break;
-            case 'rich-text-editor':
-            case 'richtext':
-                formField.richText({ path, name, ...options });
-                break;
-            case 'password-editor':
-            case 'password':
-                formField.passwordBox({ path, name, ...options });
-                break;
-            case 'number-editor':
-            case 'numberbox':
-                formField.numberBox({ path, name, ...options });
-                break;
-            case 'select-editor':
-            case 'selectbox':
-                formField.selectBox({ path, name, ...options });
-                break;
-            case 'lookup-editor':
-            case 'lookup':
-                formField.lookupBox({ path, name, ...options });
-                break;
-            case 'selection-list-editor':
-            case 'selection-list':
-                formField.selectionList({ path, name, ...options });
-                break;
-            case 'date-time-editor':
-            case 'datetime':
-                formField.dateTimeBox({ path, name, ...options });
-                break;
-            case 'toggle-editor':
-            case 'toggle':
-                formField.toggleSwitch({ path, name, ...options });
-                break;
-            case 'color-editor':
-            case 'color':
-                formField.colorBox({ path, name, ...options });
-                break;
-            default:
-                // Custom widget type
-                formField.customWidget(type, { path, name, ...options });
-                break;
-        }
-    }
-    /**
-     * Convert widget node to form fields (recursive)
-     */
-    convertWidgetNodeToFields(contentBuilder, node) {
-        if (!node)
-            return;
-        // If it's a form-field node, extract it
-        if (node.type === 'form-field') {
-            const label = node.options?.label || node.name || 'Field';
-            const widget = node.children?.[0];
-            if (widget) {
-                contentBuilder.formField(label, (formField) => {
-                    // Map widget properties
-                    if (node.options?.readonly) {
-                        formField.readonly(true);
-                    }
-                    if (node.options?.disabled) {
-                        formField.disabled(true);
-                    }
-                    if (node.options?.visible === false) {
-                        formField.visible(false);
-                    }
-                    // Add widget based on type
-                    const path = widget.path || widget.name || label.toLowerCase().replace(/\s+/g, '_');
-                    const name = widget.name || path;
-                    const options = { ...widget.options };
-                    this.addWidgetToFormField(formField, widget.type, path, name, options);
-                });
-            }
-        }
-        else if (node.children && Array.isArray(node.children)) {
-            // Recursively process children
-            for (const child of node.children) {
-                this.convertWidgetNodeToFields(contentBuilder, child);
-            }
-        }
-    }
-}
-
-var showForm_activity = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    ShowForm: ShowForm
-});
+// export class ShowForm implements AXPActivity<{
+//   type: "workflow-activity:show-form";
+//   /**
+//    * Dialog title
+//    */
+//   title: string;
+//   /**
+//    * Form definition - can be:
+//    * - JSON object with fields array
+//    * - Widget node definition
+//    */
+//   formDefinition: any;
+//   /**
+//    * Initial form context/data
+//    */
+//   context?: Record<string, any>;
+//   /**
+//    * Dialog size
+//    */
+//   size?: AXPopupSizeType;
+//   /**
+//    * Show close button
+//    */
+//   closeButton?: boolean;
+//   /**
+//    * Actions to show (submit, cancel, or custom)
+//    */
+//   actions?: {
+//     submit?: string; // Submit button text
+//     cancel?: string; // Cancel button text
+//     custom?: Array<{
+//       title: string;
+//       icon?: string;
+//       color?: string;
+//       command: string;
+//     }>;
+//   };
+// }, {
+//   formData: Record<string, any>;
+//   action: string;
+//   cancelled: boolean;
+// }> {
+//   private readonly layoutBuilderService = inject(AXPLayoutBuilderService);
+//   constructor() {
+//     super('workflow-activity:show-form', 'Show Form');
+//   }
+//   async execute(input: {
+//     title: string;
+//     formDefinition: any;
+//     context?: Record<string, any>;
+//     size?: AXPopupSizeType;
+//     closeButton?: boolean;
+//     actions?: {
+//       submit?: string;
+//       cancel?: string;
+//       custom?: Array<{
+//         title: string;
+//         icon?: string;
+//         color?: string;
+//         command: string;
+//       }>;
+//     };
+//   }) {
+//     const {
+//       title,
+//       formDefinition,
+//       context = {},
+//       size = 'md',
+//       closeButton = false,
+//       actions = {
+//         submit: '@general:actions.submit.title',
+//         cancel: '@general:actions.cancel.title'
+//       }
+//     } = input;
+//     try {
+//       // Create dialog with form
+//       const dialogRef = await this.layoutBuilderService
+//         .create()
+//         .dialog((dialog) => {
+//           dialog
+//             .setTitle(title)
+//             .setSize(size)
+//             .setCloseButton(closeButton)
+//             .setContext(context)
+//             .content((content) => {
+//               // Build form fields from definition
+//               this.buildFormFields(content, formDefinition);
+//             })
+//             .setActions((actionBuilder) => {
+//               // Add cancel action
+//               if (actions.cancel !== undefined && actions.cancel !== null) {
+//                 actionBuilder.cancel(actions.cancel);
+//               }
+//               // Add submit action
+//               if (actions.submit !== undefined && actions.submit !== null) {
+//                 actionBuilder.submit(actions.submit);
+//               }
+//               // Add custom actions
+//               if (actions.custom && Array.isArray(actions.custom)) {
+//                 for (const customAction of actions.custom) {
+//                   actionBuilder.custom({
+//                     title: customAction.title,
+//                     icon: customAction.icon || 'fa-circle',
+//                     color: customAction.color || 'primary',
+//                     command: { name: customAction.command }
+//                   });
+//                 }
+//               }
+//             });
+//         })
+//         .show();
+//       // Wait for user interaction
+//       const action = dialogRef.action() || 'cancel';
+//       const formData = dialogRef.context() || {};
+//       const cancelled = action === 'cancel';
+//       // Map action to outcome
+//       const outcome = cancelled ? 'Cancelled' : (action === 'submit' ? 'Submitted' : action);
+//       return this.createResult(
+//         {
+//           formData,
+//           action,
+//           cancelled
+//         },
+//         outcome
+//       );
+//     } catch (error: any) {
+//       console.error('[ShowForm] Error displaying form:', error);
+//       return {
+//         success: false,
+//         error: {
+//           message: error instanceof Error ? error.message : 'Failed to display form dialog',
+//         },
+//         result: {
+//           output: {
+//             formData: {},
+//             action: 'error',
+//             cancelled: true,
+//           },
+//           outcomes: {
+//             Failed: true,
+//           },
+//         },
+//       };
+//     }
+//   }
+//   /**
+//    * Build form fields from definition
+//    */
+//   private buildFormFields(contentBuilder: any, formDefinition: any): void {
+//     // Check if formDefinition is a widget node (already built)
+//     if (formDefinition?.type && formDefinition?.children) {
+//       // Already a widget node - use it directly
+//       const flexBuilder = this.layoutBuilderService.create().flex((flex) => {
+//         // Convert widget node to form fields
+//         this.convertWidgetNodeToFields(flex, formDefinition);
+//       });
+//       // Note: This is a simplified approach - in production, you'd need to properly integrate
+//       return;
+//     }
+//     // Handle JSON form definition
+//     if (formDefinition?.fields && Array.isArray(formDefinition.fields)) {
+//       // Simple fields array format
+//       for (const field of formDefinition.fields) {
+//         this.addFormField(contentBuilder, field);
+//       }
+//     } else if (formDefinition?.groups && Array.isArray(formDefinition.groups)) {
+//       // Groups format (like dynamic form designer)
+//       for (const group of formDefinition.groups) {
+//         if (group.fields && Array.isArray(group.fields)) {
+//           for (const field of group.fields) {
+//             this.addFormField(contentBuilder, field);
+//           }
+//         }
+//       }
+//     } else {
+//       // Assume it's a widget node structure
+//       this.convertWidgetNodeToFields(contentBuilder, formDefinition);
+//     }
+//   }
+//   /**
+//    * Add a single form field
+//    */
+//   private addFormField(contentBuilder: any, field: any): void {
+//     const {
+//       label,
+//       type = 'text-editor',
+//       path,
+//       name,
+//       options = {},
+//       required = false,
+//       readonly = false,
+//       disabled = false,
+//       visible = true,
+//       defaultValue
+//     } = field;
+//     if (!label || !path) {
+//       console.warn('[ShowForm] Skipping field without label or path:', field);
+//       return;
+//     }
+//     // Create form field
+//     contentBuilder.formField(label, (formField: any) => {
+//       // Set field properties
+//       if (readonly) {
+//         formField.readonly(true);
+//       }
+//       if (disabled) {
+//         formField.disabled(true);
+//       }
+//       if (!visible) {
+//         formField.visible(false);
+//       }
+//       if (defaultValue !== undefined) {
+//         // Set default value in options
+//         const fieldOptions = { ...options, defaultValue };
+//         this.addWidgetToFormField(formField, type, path, name || path, fieldOptions);
+//       } else {
+//         this.addWidgetToFormField(formField, type, path, name || path, options);
+//       }
+//     });
+//   }
+//   /**
+//    * Add widget to form field based on type
+//    */
+//   private addWidgetToFormField(formField: any, type: string, path: string, name: string, options: any): void {
+//     switch (type) {
+//       case 'text-editor':
+//       case 'textbox':
+//         formField.textBox({ path, name, ...options });
+//         break;
+//       case 'large-text-editor':
+//       case 'large-textbox':
+//         formField.largeTextBox({ path, name, ...options });
+//         break;
+//       case 'rich-text-editor':
+//       case 'richtext':
+//         formField.richText({ path, name, ...options });
+//         break;
+//       case 'password-editor':
+//       case 'password':
+//         formField.passwordBox({ path, name, ...options });
+//         break;
+//       case 'number-editor':
+//       case 'numberbox':
+//         formField.numberBox({ path, name, ...options });
+//         break;
+//       case 'select-editor':
+//       case 'selectbox':
+//         formField.selectBox({ path, name, ...options });
+//         break;
+//       case 'lookup-editor':
+//       case 'lookup':
+//         formField.lookupBox({ path, name, ...options });
+//         break;
+//       case 'selection-list-editor':
+//       case 'selection-list':
+//         formField.selectionList({ path, name, ...options });
+//         break;
+//       case 'date-time-editor':
+//       case 'datetime':
+//         formField.dateTimeBox({ path, name, ...options });
+//         break;
+//       case 'toggle-editor':
+//       case 'toggle':
+//         formField.toggleSwitch({ path, name, ...options });
+//         break;
+//       case 'color-editor':
+//       case 'color':
+//         formField.colorBox({ path, name, ...options });
+//         break;
+//       default:
+//         // Custom widget type
+//         formField.customWidget(type, { path, name, ...options });
+//         break;
+//     }
+//   }
+//   /**
+//    * Convert widget node to form fields (recursive)
+//    */
+//   private convertWidgetNodeToFields(contentBuilder: any, node: any): void {
+//     if (!node) return;
+//     // If it's a form-field node, extract it
+//     if (node.type === 'form-field') {
+//       const label = node.options?.label || node.name || 'Field';
+//       const widget = node.children?.[0];
+//       if (widget) {
+//         contentBuilder.formField(label, (formField: any) => {
+//           // Map widget properties
+//           if (node.options?.readonly) {
+//             formField.readonly(true);
+//           }
+//           if (node.options?.disabled) {
+//             formField.disabled(true);
+//           }
+//           if (node.options?.visible === false) {
+//             formField.visible(false);
+//           }
+//           // Add widget based on type
+//           const path = widget.path || widget.name || label.toLowerCase().replace(/\s+/g, '_');
+//           const name = widget.name || path;
+//           const options = { ...widget.options };
+//           this.addWidgetToFormField(formField, widget.type, path, name, options);
+//         });
+//       }
+//     } else if (node.children && Array.isArray(node.children)) {
+//       // Recursively process children
+//       for (const child of node.children) {
+//         this.convertWidgetNodeToFields(contentBuilder, child);
+//       }
+//     }
+//   }
+// }
 
 class AXPFormTemplateViewerConnector {
 }
@@ -1628,12 +1693,12 @@ class AXMFormTemplateManagementModule {
                 multi: true,
             },
             // Register ShowForm activity as workflow command
-            provideCommandSetups([
-                {
-                    key: 'workflow-activity:show-form',
-                    command: () => Promise.resolve().then(function () { return showForm_activity; }).then(m => m.ShowForm),
-                },
-            ]),
+            // provideCommandSetups([
+            //   {
+            //     key: 'workflow-activity:show-form',
+            //     command: () => import('./features/activities/show-form.activity').then(m => m.ShowForm),
+            //   },
+            // ]),
         ], imports: [AXPWidgetsModule,
             AXMFormTemplateManagementTemplateEntityModule,
             AXPWidgetCoreModule.forChild({
@@ -1745,12 +1810,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                             multi: true,
                         },
                         // Register ShowForm activity as workflow command
-                        provideCommandSetups([
-                            {
-                                key: 'workflow-activity:show-form',
-                                command: () => Promise.resolve().then(function () { return showForm_activity; }).then(m => m.ShowForm),
-                            },
-                        ]),
+                        // provideCommandSetups([
+                        //   {
+                        //     key: 'workflow-activity:show-form',
+                        //     command: () => import('./features/activities/show-form.activity').then(m => m.ShowForm),
+                        //   },
+                        // ]),
                     ],
                 }]
         }] });
@@ -1759,5 +1824,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AXMCreateFormTemplateWorkflow, AXMDesignFormTemplateWorkflow, AXMFormTemplateManagementModule, AXMFormTemplateManagementTemplateEntityModule, AXMFormTemplateManagementTemplateEntityService, AXMFormTemplateManagementTemplateEntityServiceImpl, AXMFormTemplateTypes, AXMPermissionsKeys, AXMQuestionnaireDataSourceDefinition, AXPDesignerConnectorImpl, AXPTemplateDesignerWidget, AXPTemplateDesignerWidgetViewComponent, AXPTemplateWidget, AXPTemplateWidgetDesignerComponent, AXPTemplateWidgetProviderService, AXPTemplateWidgetViewComponent, AXP_DESIGNER_TEMPLATE_WIDGET_CHOOSE_MENU, AXP_TEMPLATE_WIDGET_PROVIDER, RootConfig, ShowForm };
+export { AXMCreateFormTemplateWorkflow, AXMDesignFormTemplateWorkflow, AXMFormTemplateManagementModule, AXMFormTemplateManagementTemplateEntityModule, AXMFormTemplateManagementTemplateEntityService, AXMFormTemplateManagementTemplateEntityServiceImpl, AXMFormTemplateTypes, AXMPermissionsKeys, AXMQuestionnaireDataSourceDefinition, AXPDesignerConnectorImpl, AXPTemplateDesignerWidget, AXPTemplateDesignerWidgetViewComponent, AXPTemplateWidget, AXPTemplateWidgetDesignerComponent, AXPTemplateWidgetProviderService, AXPTemplateWidgetViewComponent, AXP_DESIGNER_TEMPLATE_WIDGET_CHOOSE_MENU, AXP_TEMPLATE_WIDGET_PROVIDER, RootConfig };
 //# sourceMappingURL=acorex-modules-form-template-management.mjs.map