@elite.framework/ng.ui.core 1.0.76 → 1.0.78

package/formly-ui-all/index.d.ts

@@ -9,6 +9,7 @@ declare class FormlyUiAllModule {
 }
 
 declare function provideAllFormlyFields(): ConfigOption[];
+declare function withFormlyQueryBuilder(): ConfigOption;
 declare function withFormlyFieldInputWithIcon(): ConfigOption;
 declare function withFormlyFieldAttachment(): ConfigOption;
 declare function withFormlyFieldRichTextEditor(): ConfigOption;
@@ -36,4 +37,4 @@ declare function withFormlyFieldButton(): ConfigOption;
 declare function withFormlyFieldAvatarImage(): ConfigOption;
 declare function withFormlyWrappers(): ConfigOption;
 
-export { FormlyUiAllModule, globalGenericSelectorExtension, provideAllFormlyFields, withFormlyFieldAttachment, withFormlyFieldAvatarImage, withFormlyFieldAvatarLabelButton, withFormlyFieldButton, withFormlyFieldButtonSelection, withFormlyFieldClickableLabelType, withFormlyFieldColorPicker, withFormlyFieldColorTag, withFormlyFieldConditionBuilder, withFormlyFieldCustomSwitch, withFormlyFieldFormlyButton, withFormlyFieldFormlySplit, withFormlyFieldGenericSelector, withFormlyFieldIconPicker, withFormlyFieldInputWithIcon, withFormlyFieldLabelType, withFormlyFieldOptionTag, withFormlyFieldRepeat, withFormlyFieldRichTextEditor, withFormlyFieldSwitch, withFormlyFieldTabs, withFormlyFieldTag, withFormlyFieldTemplate, withFormlyFieldUsernameWithDomain, withFormlyWrappers };
+export { FormlyUiAllModule, globalGenericSelectorExtension, provideAllFormlyFields, withFormlyFieldAttachment, withFormlyFieldAvatarImage, withFormlyFieldAvatarLabelButton, withFormlyFieldButton, withFormlyFieldButtonSelection, withFormlyFieldClickableLabelType, withFormlyFieldColorPicker, withFormlyFieldColorTag, withFormlyFieldConditionBuilder, withFormlyFieldCustomSwitch, withFormlyFieldFormlyButton, withFormlyFieldFormlySplit, withFormlyFieldGenericSelector, withFormlyFieldIconPicker, withFormlyFieldInputWithIcon, withFormlyFieldLabelType, withFormlyFieldOptionTag, withFormlyFieldRepeat, withFormlyFieldRichTextEditor, withFormlyFieldSwitch, withFormlyFieldTabs, withFormlyFieldTag, withFormlyFieldTemplate, withFormlyFieldUsernameWithDomain, withFormlyQueryBuilder, withFormlyWrappers };

package/generic-report/README.md

@@ -0,0 +1,3 @@
+# @elite.framework/ng.ui.core/generic-report
+
+Secondary entry point of `@elite.framework/ng.ui.core`. It can be used by importing from `@elite.framework/ng.ui.core/generic-report`.

package/generic-report/index.d.ts

@@ -0,0 +1,96 @@
+import * as i0 from '@angular/core';
+import { OnInit, ElementRef } from '@angular/core';
+import * as i1 from '@angular/common';
+import { FormGroup } from '@angular/forms';
+import { FormlyFieldConfig, FormlyFormOptions } from '@ngx-formly/core';
+import { DynamicDialogRef, DynamicDialogConfig } from 'primeng/dynamicdialog';
+
+declare class GenericReportModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericReportModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GenericReportModule, never, [typeof i1.CommonModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GenericReportModule>;
+}
+
+interface ExportConfig {
+    columns: {
+        [key: string]: string;
+    };
+    filters: any;
+    exportType: ExportType;
+    fileName?: string;
+}
+declare enum ExportType {
+    LIST = 0,
+    HTML = 1,
+    PDF = 2,
+    EXCEL = 3,
+    PRINT = 4
+}
+declare class GenericReportComponent implements OnInit {
+    ref: DynamicDialogRef;
+    config: DynamicDialogConfig;
+    previewContainer: ElementRef;
+    filterFields: FormlyFieldConfig[];
+    fields_: FormlyFieldConfig[];
+    availableColumns: Array<{
+        key: string;
+        displayName: string;
+        selected: boolean;
+        customName?: string;
+    }>;
+    exportType: ExportType;
+    fileName: string;
+    showFilters: boolean;
+    loading: boolean;
+    activeTabIndex: number;
+    currentDate: Date;
+    previewData: any[];
+    options: FormlyFormOptions;
+    enableQueryBuilder: boolean;
+    localExport: boolean;
+    queryString: string;
+    apiName: string;
+    model: any;
+    form: FormGroup<{}>;
+    exportConfig: ExportConfig;
+    exportTypes: {
+        value: ExportType;
+        label: string;
+        icon: string;
+    }[];
+    private destroy$;
+    private translate;
+    private restService;
+    private queryBuilder;
+    constructor(ref: DynamicDialogRef, config: DynamicDialogConfig);
+    ngOnInit(): void;
+    get filterCount(): any;
+    private buildQueryUIFields;
+    private initializeComponent;
+    private getDefaultFilterFields;
+    get selectedColumns(): any[];
+    onExportTypeChange(type: ExportType): void;
+    onColumnToggle(column: any): void;
+    onCustomNameChange(column: any): void;
+    selectAllColumns(): void;
+    deselectAllColumns(): void;
+    generatePreview(): void;
+    getPreviewValue(row: any, columnKey: string): string;
+    getExportButtonText(): string;
+    onSubmit(): void;
+    onReset(): void;
+    onExport(): void;
+    private generateHtmlReport;
+    private handleApiExport;
+    loadPreviewData(): void;
+    private getPreviewColumns;
+    private base64ToBlob;
+    private downloadFile;
+    private getFileExtension;
+    printPreview(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericReportComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericReportComponent, "app-generic-report", never, { "filterFields": { "alias": "filterFields"; "required": false; }; "enableQueryBuilder": { "alias": "enableQueryBuilder"; "required": false; }; "localExport": { "alias": "localExport"; "required": false; }; "queryString": { "alias": "queryString"; "required": false; }; "apiName": { "alias": "apiName"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { ExportType, GenericReportComponent, GenericReportModule };
+export type { ExportConfig };

package/generic-search-advanced/index.d.ts

@@ -4,7 +4,7 @@ import * as i1 from '@angular/common';
 import { FormGroup } from '@angular/forms';
 import { FormlyFormOptions, FormlyFieldConfig, FieldType, FieldTypeConfig } from '@ngx-formly/core';
 import { TranslateService } from '@ngx-translate/core';
-import { Popover } from 'primeng/popover';
+import { QueryParameters } from '@elite.framework/ng.core/services';
 
 declare class GenericSearchAdvancedModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericSearchAdvancedModule, never>;
@@ -12,42 +12,13 @@ declare class GenericSearchAdvancedModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<GenericSearchAdvancedModule>;
 }
 
-interface ODataQueryParameters {
-    filters: FilterCondition[];
-    orderBy: OrderByClause[];
-    groupBy: string[];
-    top?: number;
-    skip?: number;
-    expand?: string[];
-}
-interface FilterCondition {
-    field: string;
-    operator: string;
-    value: any;
-    logicalOperator?: string;
-}
-interface OrderByClause {
-    field: string;
-    direction: string;
-}
-interface QueryBuilderField {
-    key: string | any;
-    label: string | any;
-    type: string | any;
-    operators: string[];
-}
-interface SortBuilderField {
-    key: string;
-    label: string;
-}
-
 declare class GenericSearchAdvanced implements OnInit {
-    overlay: Popover;
     translate: TranslateService;
     private queryBuilder;
     drawerVisible: boolean;
     search: EventEmitter<any>;
-    odataSearch: EventEmitter<ODataQueryParameters>;
+    paginationChange: EventEmitter<any>;
+    odataSearch: EventEmitter<QueryParameters>;
     form: FormGroup<{}>;
     model: any;
     options: FormlyFormOptions;
@@ -56,26 +27,51 @@ declare class GenericSearchAdvanced implements OnInit {
     enableQueryBuilder: boolean;
     odataConfig: any;
     ngOnInit(): void;
+    get filterCount(): any;
     private buildQueryUIFields;
     onSubmit(): void;
     onReset(): void;
-    private buildODataQueryParameters;
-    private processComplexField;
+    toggleDrawer(): void;
+    closeDrawer(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericSearchAdvanced, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenericSearchAdvanced, "lib-generic-search-advanced", never, { "model": { "alias": "model"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "enableQueryBuilder": { "alias": "enableQueryBuilder"; "required": false; }; "odataConfig": { "alias": "odataConfig"; "required": false; }; }, { "search": "search"; "odataSearch": "odataSearch"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericSearchAdvanced, "lib-generic-search-advanced", never, { "model": { "alias": "model"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "enableQueryBuilder": { "alias": "enableQueryBuilder"; "required": false; }; "odataConfig": { "alias": "odataConfig"; "required": false; }; }, { "search": "search"; "paginationChange": "paginationChange"; "odataSearch": "odataSearch"; }, never, never, true, never>;
+}
+
+interface QueryBuilderField {
+    key: string;
+    label: string;
+    type: string;
+    operators: string[];
+    props?: any;
+    defaultOperator?: string;
+    defaultValue?: any;
+}
+interface SortBuilderField {
+    key: string;
+    label: string;
 }
 
 declare class QueryBuilderService {
+    translate: TranslateService;
+    private fieldTypeConfig;
     buildQueryUIFields(fields: FormlyFieldConfig[]): FormlyFieldConfig[];
+    private getQueryTabs;
+    private getFilterTabFields;
+    private getSortingTabFields;
+    private getPaginationTabFields;
+    private getFilterCount;
     private extractFilterableFields;
     private extractSortableFields;
     private extractExpandableFields;
     private traverseFields;
     private mapFieldType;
     private getOperatorsForType;
-    buildODataFromQueryModel(model: any, originalFields: FormlyFieldConfig[]): ODataQueryParameters;
-    toODataQueryString(params: ODataQueryParameters): string;
-    private formatODataValue;
+    buildODataFromQueryModel(model: any, originalFields: FormlyFieldConfig[]): QueryParameters;
+    toODataQueryString(params: QueryParameters): string;
+    parseODataQuery(queryString: string): QueryParameters;
+    parseODataToQueryModel(queryString: string, originalFields: FormlyFieldConfig[]): any;
+    buildODataQueryString(model: any, originalFields: FormlyFieldConfig[]): string;
+    getFieldConfig(fieldKey: string, fields: QueryBuilderField[]): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<QueryBuilderService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<QueryBuilderService>;
 }
@@ -86,29 +82,116 @@ declare class SortBuilderComponent extends FieldType<FieldTypeConfig> {
         label: string;
         value: string;
     }[];
+    private dragStartIndex;
     ngOnInit(): void;
     addSort(): void;
     removeSort(index: number): void;
+    moveSort(fromIndex: number, toIndex: number): void;
+    onDragStart(index: number): void;
+    onDrop(event: any, dropIndex: number): void;
+    reverseSorts(): void;
+    clearAll(): void;
+    getAvailableFields(currentField: string): any;
+    getFieldLabel(fieldKey: string): string;
+    getDirectionIcon(direction: string): string;
+    getDirectionColor(direction: string): string;
     updateValue(): void;
+    get isLast(): boolean;
+    getSortConfiguration(): any[];
+    loadSortConfiguration(sortConfig: any[]): void;
+    isFieldUsed(fieldKey: string): boolean;
+    getNextAvailableField(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SortBuilderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SortBuilderComponent, "formly-sort-builder", never, {}, {}, never, never, true, never>;
 }
 
-declare class QueryBuilderComponent extends FieldType<FieldTypeConfig> {
-    conditions: any[];
+declare class QueryBuilderComponent extends FieldType<FieldTypeConfig> implements OnInit {
+    private queryBuilderService;
+    private cdr;
+    private translate;
+    groups: any[];
+    logicalOperators: {
+        label: any;
+        value: string;
+    }[];
+    onAndClick(group: any, event: any): void;
+    onOrClick(group: any, event: any): void;
     ngOnInit(): void;
-    addCondition(): void;
-    removeCondition(index: number): void;
-    onFieldChange(condition: any): void;
-    updateValue(): void;
-    getOperatorsForField(fieldKey: string): any[];
-    getOperatorLabel(operator: string): string;
+    getLogicalOperatorText(operator: string): string;
+    private initializeDefaultConditions;
+    private getDefaultFields;
+    private isSupportedFieldType;
+    getFieldLabel(key: string): string;
+    private createDefaultCondition;
+    private initializeConditionsWithFieldConfigs;
     getFieldType(fieldKey: string): string;
-    getInputType(fieldKey: string): string;
-    getValuePlaceholder(fieldKey: string): string;
+    getOperatorsForField(fieldKey: string): any[];
+    getOperatorLabel(operator: string): {
+        label: string;
+        icon: string;
+    };
+    getDefaultOperator(fieldType: string): string;
+    getDefaultValue(fieldType: string): any;
+    getFieldProps(fieldKey: string): any;
+    private generateValueFieldConfig;
+    getConditionValueKey(groupIndex: number, conditionIndex: number): string;
+    addGroup(): void;
+    removeGroup(groupIndex: number): void;
+    addCondition(groupIndex?: number): void;
+    onFieldChange(condition: any, groupIndex: number, conditionIndex: number): void;
+    addConditionToLastGroup(): void;
+    removeCondition(groupIndex: number, conditionIndex: number): void;
+    updateValue(): void;
+    clearAll(): void;
+    getQueryStructure(): any;
+    loadQueryStructure(queryStructure: any[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<QueryBuilderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<QueryBuilderComponent, "formly-query-builder", never, {}, {}, never, never, true, never>;
 }
 
-export { GenericSearchAdvanced, GenericSearchAdvancedModule, QueryBuilderComponent, QueryBuilderService, SortBuilderComponent };
-export type { FilterCondition, ODataQueryParameters, OrderByClause, QueryBuilderField, SortBuilderField };
+declare class TabTypeComponent extends FieldType<FormlyFieldConfig> {
+    activeTabValue: string;
+    ngOnInit(): void;
+    resolveBadge(tab: FormlyFieldConfig): any;
+    onTabChange(newValue: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabTypeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabTypeComponent, "formly-tab-type", never, {}, {}, never, never, true, never>;
+}
+
+interface GroupTypeProps {
+    label?: string;
+    description?: string;
+    collapsible?: boolean;
+    collapsedByDefault?: boolean;
+    showFieldCount?: boolean;
+    showDescription?: boolean;
+    showSummary?: boolean;
+    showValidation?: boolean;
+    compact?: boolean;
+    variant?: 'default' | 'card' | 'bordered' | 'transparent';
+    columns?: number;
+    gap?: 'none' | 'small' | 'normal' | 'large';
+    actions?: {
+        icon: string;
+        tooltip: string;
+        styleClass?: string;
+        handler?: (field: FormlyFieldConfig, form: any, component: any) => void;
+    }[];
+}
+declare class GroupTypeComponent extends FieldType<FormlyFieldConfig<GroupTypeProps>> {
+    collapsed: boolean;
+    get showValidation(): boolean;
+    get validationIcon(): "pi pi-check-circle text-green-500" | "pi pi-exclamation-circle text-red-500" | "pi pi-circle text-500";
+    get validationText(): "جميع الحقول صالحة" | "هناك أخطاء في بعض الحقول";
+    get groupClass(): any;
+    get gridClass(): string;
+    toggle(): void;
+    isRequired(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GroupTypeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GroupTypeComponent, "formly-group-type", never, {}, {}, never, never, true, never>;
+}
+
+declare const formlyConfig: i0.Provider;
+
+export { GenericSearchAdvanced, GenericSearchAdvancedModule, GroupTypeComponent, QueryBuilderComponent, QueryBuilderService, SortBuilderComponent, TabTypeComponent, formlyConfig };
+export type { GroupTypeProps, QueryBuilderField, SortBuilderField };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elite.framework/ng.ui.core",
-  "version": "1.0.76",
+  "version": "1.0.78",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
     "@angular/core": "^20.1.0"
@@ -24,14 +24,14 @@
       "types": "./base-crud/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-base-crud.mjs"
     },
-    "./breadcrumb": {
-      "types": "./breadcrumb/index.d.ts",
-      "default": "./fesm2022/elite.framework-ng.ui.core-breadcrumb.mjs"
-    },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-checkbox.mjs"
     },
+    "./breadcrumb": {
+      "types": "./breadcrumb/index.d.ts",
+      "default": "./fesm2022/elite.framework-ng.ui.core-breadcrumb.mjs"
+    },
     "./collapsible": {
       "types": "./collapsible/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-collapsible.mjs"
@@ -48,14 +48,14 @@
       "types": "./condition-editor/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-condition-editor.mjs"
     },
-    "./custom-switch": {
-      "types": "./custom-switch/index.d.ts",
-      "default": "./fesm2022/elite.framework-ng.ui.core-custom-switch.mjs"
-    },
     "./datepicker": {
       "types": "./datepicker/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-datepicker.mjs"
     },
+    "./custom-switch": {
+      "types": "./custom-switch/index.d.ts",
+      "default": "./fesm2022/elite.framework-ng.ui.core-custom-switch.mjs"
+    },
     "./deactivation-reason": {
       "types": "./deactivation-reason/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-deactivation-reason.mjs"
@@ -116,6 +116,10 @@
       "types": "./generic-autocomplete/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-generic-autocomplete.mjs"
     },
+    "./generic-button": {
+      "types": "./generic-button/index.d.ts",
+      "default": "./fesm2022/elite.framework-ng.ui.core-generic-button.mjs"
+    },
     "./generic-card": {
       "types": "./generic-card/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-generic-card.mjs"
@@ -128,10 +132,6 @@
       "types": "./generic-dialog/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-generic-dialog.mjs"
     },
-    "./generic-button": {
-      "types": "./generic-button/index.d.ts",
-      "default": "./fesm2022/elite.framework-ng.ui.core-generic-button.mjs"
-    },
     "./generic-errormessage": {
       "types": "./generic-errormessage/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-generic-errormessage.mjs"
@@ -140,29 +140,33 @@
       "types": "./generic-formly-fields/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-generic-formly-fields.mjs"
     },
-    "./generic-search": {
-      "types": "./generic-search/index.d.ts",
-      "default": "./fesm2022/elite.framework-ng.ui.core-generic-search.mjs"
-    },
     "./generic-loadingspinner": {
       "types": "./generic-loadingspinner/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-generic-loadingspinner.mjs"
     },
+    "./generic-report": {
+      "types": "./generic-report/index.d.ts",
+      "default": "./fesm2022/elite.framework-ng.ui.core-generic-report.mjs"
+    },
+    "./generic-search": {
+      "types": "./generic-search/index.d.ts",
+      "default": "./fesm2022/elite.framework-ng.ui.core-generic-search.mjs"
+    },
     "./generic-search-advanced": {
       "types": "./generic-search-advanced/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-generic-search-advanced.mjs"
     },
-    "./generic-table": {
-      "types": "./generic-table/index.d.ts",
-      "default": "./fesm2022/elite.framework-ng.ui.core-generic-table.mjs"
+    "./generic-selector": {
+      "types": "./generic-selector/index.d.ts",
+      "default": "./fesm2022/elite.framework-ng.ui.core-generic-selector.mjs"
     },
     "./generic-view": {
       "types": "./generic-view/index.d.ts",
       "default": "./fesm2022/elite.framework-ng.ui.core-generic-view.mjs"
     },
-    "./generic-selector": {
-      "types": "./generic-selector/index.d.ts",
-      "default": "./fesm2022/elite.framework-ng.ui.core-generic-selector.mjs"
+    "./generic-table": {
+      "types": "./generic-table/index.d.ts",
+      "default": "./fesm2022/elite.framework-ng.ui.core-generic-table.mjs"
     },
     "./header-wrapper": {
       "types": "./header-wrapper/index.d.ts",