@acorex/platform 20.3.0-next.15 → 20.3.0-next.17

package/core/index.d.ts

@@ -1087,6 +1087,7 @@ interface AXPFilterDefinition {
 }
 interface AXPFilterQuery extends Pick<AXPFilterDefinition, 'field' | 'value' | 'operator' | 'logic' | 'hidden'> {
     filters?: AXPFilterQuery[];
+    displayText?: string;
 }
 
 type AXPActionMenuItem = {

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

@@ -92,7 +92,7 @@ class AXPLayoutBuilderService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXPLayoutBuilderService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }] });
 //#endregion
@@ -240,9 +240,17 @@ class BaseContainerBuilder {
     }
     isValueWidget(type) {
         const valueWidgetTypes = [
-            'text-editor', 'large-text-editor', 'rich-text-editor', 'password-editor',
-            'number-editor', 'select-editor', 'lookup-editor', 'selection-list-editor',
-            'date-time-editor', 'toggle-editor', 'color-editor'
+            'text-editor',
+            'large-text-editor',
+            'rich-text-editor',
+            'password-editor',
+            'number-editor',
+            'select-editor',
+            'lookup-editor',
+            'selection-list-editor',
+            'date-time-editor',
+            'toggle-editor',
+            'color-editor',
         ];
         return valueWidgetTypes.includes(type);
     }
@@ -476,6 +484,16 @@ class WidgetContainerMixin extends ChildContainerMixin {
         this.addWidget('color-editor', options);
         return this;
     }
+    list(delegate) {
+        const container = new ListWidgetBuilder();
+        container.withInheritanceContext(this.inheritanceContext);
+        if (delegate) {
+            delegate(container);
+        }
+        this.ensureChildren();
+        this.containerState.children.push(container.build());
+        return this;
+    }
     customWidget(type, options) {
         this.addWidget(type, options);
         return this;
@@ -789,6 +807,82 @@ class FieldsetContainerBuilder extends LayoutContainerMixin {
         return this;
     }
 }
+/**
+ * List Widget Builder - Liskov Substitution Principle
+ * Extends WidgetContainerMixin to inherit all common functionality
+ */
+class ListWidgetBuilder extends WidgetContainerMixin {
+    constructor() {
+        super('list');
+    }
+    setOptions(options) {
+        this.containerState.options = { ...this.containerState.options, ...options };
+        return this;
+    }
+    // Individual fluent methods for List Widget
+    setDataSource(dataSource) {
+        return this.setOptions({ dataSource });
+    }
+    setColumns(columns) {
+        return this.setOptions({ columns });
+    }
+    // Event handlers
+    setOnRowClick(handler) {
+        return this.setOptions({ onRowClick: handler });
+    }
+    setOnRowDoubleClick(handler) {
+        return this.setOptions({ onRowDoubleClick: handler });
+    }
+    setOnSelectionChange(handler) {
+        return this.setOptions({ onSelectionChange: handler });
+    }
+    setOnRowCommand(handler) {
+        return this.setOptions({ onRowCommand: handler });
+    }
+    // Table features
+    setPaging(paging) {
+        return this.setOptions({ paging });
+    }
+    setShowHeader(show) {
+        return this.setOptions({ showHeader: show });
+    }
+    setShowFooter(show) {
+        return this.setOptions({ showFooter: show });
+    }
+    setFixHeader(fix) {
+        return this.setOptions({ fixHeader: fix });
+    }
+    setFixFooter(fix) {
+        return this.setOptions({ fixFooter: fix });
+    }
+    setFetchDataMode(mode) {
+        return this.setOptions({ fetchDataMode: mode });
+    }
+    setParentField(field) {
+        return this.setOptions({ parentField: field });
+    }
+    setMinHeight(height) {
+        return this.setOptions({ minHeight: height });
+    }
+    // Selection & Index
+    setShowIndex(show) {
+        return this.setOptions({ showIndex: show });
+    }
+    setAllowSelection(allow) {
+        return this.setOptions({ allowSelection: allow });
+    }
+    // Commands
+    setPrimaryCommands(commands) {
+        return this.setOptions({ primaryCommands: commands });
+    }
+    setSecondaryCommands(commands) {
+        return this.setOptions({ secondaryCommands: commands });
+    }
+    // Loading
+    setLoading(loading) {
+        return this.setOptions({ loading });
+    }
+}
 /**
  * Dialog Container Builder - Specialized for dialog functionality
  * Uses composition instead of inheritance for cleaner separation
@@ -807,9 +901,9 @@ class DialogContainerBuilder {
             actions: {
                 footer: {
                     prefix: [],
-                    suffix: []
-                }
-            }
+                    suffix: [],
+                },
+            },
         };
         if (popupService) {
             this.popupService = popupService;
@@ -865,14 +959,14 @@ class DialogContainerBuilder {
                 // Add dialog-specific properties
                 options: {
                     ...this.contentLayout.options,
-                    ...this.dialogState.dialogOptions
-                }
+                    ...this.dialogState.dialogOptions,
+                },
             };
         }
         // Fallback to dialog state structure if no content
         const result = {
             ...this.dialogState,
-            children: []
+            children: [],
         };
         // Add dialog-specific properties
         if (this.dialogState.dialogOptions) {
@@ -906,8 +1000,8 @@ class DialogContainerBuilder {
                     callBack: (result) => {
                         // Resolve with the dialog reference when user clicks an action
                         resolve(result);
-                    }
-                }
+                    },
+                },
             });
         });
     }
@@ -957,7 +1051,7 @@ class WidgetBuilder {
                     lg: { colSpan: value },
                     xl: { colSpan: value },
                     xxl: { colSpan: value },
-                }
+                },
             };
         }
         else {