@gravitee/ui-particles-angular 13.5.3-renovate-angular-ecdc544 → 13.6.0

package/gio-el/gio-el-editor/gio-el-editor-condition-group/gio-el-editor-condition-group.component.d.ts

@@ -1,14 +1,14 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { ConditionModel } from '../../models/ConditionModel';
 import { ConditionForm, ConditionGroupForm } from '../gio-el-editor.component';
+import { ConditionsModel } from '../../models/ConditionsModel';
 import * as i0 from "@angular/core";
 export declare class GioElEditorConditionGroupComponent {
     conditionGroupFormGroup: FormGroup<ConditionGroupForm>;
     /**
-     * Condition models to generate the fields for the conditions.
+     * Conditions model to generate the fields for the conditions.
      */
-    conditionModels: ConditionModel[];
+    conditionsModel: ConditionsModel;
     /**
      * Level of the node in the tree. Useful for testing with Harness to limit the scope of the query.
      */
@@ -21,5 +21,5 @@ export declare class GioElEditorConditionGroupComponent {
     protected isConditionGroupForm(formGroup: FormGroup<ConditionForm> | FormGroup<ConditionGroupForm>): formGroup is FormGroup<ConditionGroupForm>;
     private checkMultipleCondition;
     static ɵfac: i0.ɵɵFactoryDeclaration<GioElEditorConditionGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GioElEditorConditionGroupComponent, "gio-el-editor-condition-group", never, { "conditionGroupFormGroup": { "alias": "conditionGroupFormGroup"; "required": true; }; "conditionModels": { "alias": "conditionModels"; "required": true; }; "nodeLvl": { "alias": "nodeLvl"; "required": false; }; }, { "remove": "remove"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GioElEditorConditionGroupComponent, "gio-el-editor-condition-group", never, { "conditionGroupFormGroup": { "alias": "conditionGroupFormGroup"; "required": true; }; "conditionsModel": { "alias": "conditionsModel"; "required": true; }; "nodeLvl": { "alias": "nodeLvl"; "required": false; }; }, { "remove": "remove"; }, never, never, true, never>;
 }

package/gio-el/gio-el-editor/gio-el-editor-condition-group/gio-el-editor-condition-group.harness.d.ts

@@ -4,7 +4,11 @@ type ConditionGroupHarnessValues = {
     conditions: (ConditionGroupHarnessValues | ConditionHarnessValues)[];
 };
 type ConditionHarnessValues = {
-    field: string;
+    field: {
+        field: string;
+        key1?: string;
+        key2?: string;
+    };
     operator?: string;
     value?: string | boolean | number;
 };
@@ -22,7 +26,7 @@ export declare class GioElEditorConditionGroupHarness extends ComponentHarness {
     clickAddNewGroupButton(): Promise<void>;
     getConditionValue(): Promise<'AND' | 'OR'>;
     selectConditionValue(operator: 'AND' | 'OR'): Promise<void>;
-    selectConditionField(index: number, field: string): Promise<void>;
+    selectConditionField(index: number, field: string, key1?: string, key2?: string): Promise<void>;
     selectConditionOperator(index: number, operator: string): Promise<void>;
     getConditionAvailableOperators(index: number): Promise<string[]>;
     setConditionValue(index: number, value: string | boolean | number | Date): Promise<void>;

package/gio-el/gio-el-editor/gio-el-editor.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { FormArray, FormControl, FormGroup } from '@angular/forms';
 import { ConditionModel } from '../models/ConditionModel';
 import { ConditionsModel } from '../models/ConditionsModel';
@@ -16,11 +16,10 @@ export type ConditionGroupForm = {
 export declare class GioElEditorComponent implements OnInit {
     private readonly destroyRef;
     conditionsModel: ConditionsModel;
-    protected conditionsGroupFormArray: FormArray<FormGroup<ConditionGroupForm>>;
+    elChange: EventEmitter<string>;
     protected conditionGroupFormGroup: FormGroup<ConditionGroupForm>;
-    protected fields: ConditionModel[];
     protected elOutput?: string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GioElEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GioElEditorComponent, "gio-el-editor", never, { "conditionsModel": { "alias": "conditionsModel"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GioElEditorComponent, "gio-el-editor", never, { "conditionsModel": { "alias": "conditionsModel"; "required": true; }; }, { "elChange": "elChange"; }, never, never, true, never>;
 }

package/gio-el/gio-el-editor/gio-el-editor.harness.d.ts

@@ -1,6 +1,7 @@
-import { ComponentHarness } from '@angular/cdk/testing';
+import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
 import { GioElEditorConditionGroupHarness } from './gio-el-editor-condition-group/gio-el-editor-condition-group.harness';
 export declare class GioElEditorHarness extends ComponentHarness {
     static hostSelector: string;
     getMainConditionGroup: import("@angular/cdk/testing").AsyncFactoryFn<GioElEditorConditionGroupHarness>;
+    static with(options?: BaseHarnessFilters): HarnessPredicate<GioElEditorHarness>;
 }

package/gio-el/gio-el-editor/gio-el-field/gio-el-field.component.d.ts

@@ -0,0 +1,70 @@
+import { SimpleChanges, OnChanges, ElementRef, OnDestroy } from '@angular/core';
+import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
+import { Observable, Subject } from 'rxjs';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { ConditionModel } from '../../models/ConditionModel';
+import { ConditionsModel } from '../../models/ConditionsModel';
+import * as i0 from "@angular/core";
+type FieldAutocompleteOption = ConditionModel;
+type FieldAutocompleteGroup = {
+    field: string;
+    label: string;
+    options: FieldAutocompleteOption[];
+};
+type FieldAutocompleteModel = (FieldAutocompleteOption | FieldAutocompleteGroup)[];
+type Key1AutocompleteValue = {
+    value: string;
+    label: string;
+};
+export declare class GioElFieldComponent implements OnChanges, MatFormFieldControl<ConditionModel>, ControlValueAccessor, OnDestroy {
+    readonly ngControl: NgControl;
+    private elementRef;
+    private focusMonitor;
+    private readonly destroyRef;
+    conditionsModel: ConditionsModel;
+    protected fieldFilteredOptions$: Observable<FieldAutocompleteModel>;
+    protected key1FilteredOptions$: Observable<Key1AutocompleteValue[]>;
+    protected selectedConditionModel: ConditionModel | null;
+    protected fieldFormControl: FormControl<ConditionModel | null>;
+    protected key1FormControl: FormControl<string | null>;
+    protected key2FormControl: FormControl<string | null>;
+    set value(_value: ConditionModel | null);
+    stateChanges: Subject<void>;
+    static nextId: number;
+    id: string;
+    get placeholder(): string;
+    set placeholder(plh: string);
+    private _placeholder;
+    focused: boolean;
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    get required(): boolean;
+    set required(req: boolean);
+    private _required;
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    private _disabled;
+    touched: boolean;
+    get errorState(): boolean;
+    controlType: string;
+    userAriaDescribedBy?: string | undefined;
+    setDescribedByIds(ids: string[]): void;
+    protected _onChange: (_value: ConditionModel | null) => void;
+    protected _onTouched: () => void;
+    constructor(ngControl: NgControl, elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor);
+    ngOnChanges(changes: SimpleChanges): void;
+    displayFn(option: FieldAutocompleteOption | FieldAutocompleteGroup): string;
+    onFieldSelected($event: MatAutocompleteSelectedEvent): void;
+    writeValue(): void;
+    registerOnChange(fn: (value: ConditionModel | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onContainerClick(event: MouseEvent): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GioElFieldComponent, [{ optional: true; self: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GioElFieldComponent, "gio-el-field", never, { "conditionsModel": { "alias": "conditionsModel"; "required": true; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/gio-el/gio-el-editor/gio-el-field/gio-el-field.harness.d.ts

@@ -0,0 +1,14 @@
+import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+export declare class GioElFieldHarness extends ComponentHarness {
+    static hostSelector: string;
+    static with(options?: BaseHarnessFilters): HarnessPredicate<GioElFieldHarness>;
+    private getAutocomplete;
+    private getKey1Input;
+    private getKey2Input;
+    setValue(field: string, key1?: string, key2?: string): Promise<void>;
+    getValue(): Promise<{
+        field: string;
+        key1?: string;
+        key2?: string;
+    }>;
+}

package/gio-el/gio-el-editor/gio-el-type/gio-el-editor-type-string/gio-el-editor-type-string.component.d.ts

@@ -4,6 +4,10 @@ import { Observable } from 'rxjs';
 import { ConditionForm } from '../../gio-el-editor.component';
 import { Operator } from '../../../models/Operator';
 import * as i0 from "@angular/core";
+type AutocompleteValue = {
+    value: string;
+    label: string;
+};
 export declare class GioElEditorTypeStringComponent implements OnChanges {
     private readonly destroyRef;
     conditionFormGroup: FormGroup<ConditionForm>;
@@ -11,8 +15,9 @@ export declare class GioElEditorTypeStringComponent implements OnChanges {
         label: string;
         value: Operator;
     }[];
-    protected filteredOptions$: Observable<string[]>;
+    protected filteredOptions$: Observable<AutocompleteValue[]>;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GioElEditorTypeStringComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GioElEditorTypeStringComponent, "gio-el-editor-type-string", never, { "conditionFormGroup": { "alias": "conditionFormGroup"; "required": true; }; }, {}, never, never, true, never>;
 }
+export {};

package/gio-el/models/Condition.d.ts

@@ -1,10 +1,19 @@
 import { Operator } from './Operator';
-type ConditionValue<T> = T extends 'string' ? string : T extends 'number' ? number : T extends 'date' ? Date : T extends 'boolean' ? boolean : never;
-export declare class Condition<T extends 'string' | 'number' | 'date' | 'boolean'> {
-    field: string;
+import { ConditionType } from './ConditionModel';
+type ConditionValue<T> = T extends 'string' ? string : T extends 'number' ? number : T extends 'date' ? Date : T extends 'boolean' ? boolean : unknown;
+export declare class Condition<T extends ConditionType> {
+    field: string | {
+        field: string;
+        key1Value?: string;
+        key2Value?: string;
+    };
     type: T;
     operator: Operator;
     value?: ConditionValue<T> | undefined;
-    constructor(field: string, type: T, operator: Operator, value?: ConditionValue<T> | undefined);
+    constructor(field: string | {
+        field: string;
+        key1Value?: string;
+        key2Value?: string;
+    }, type: T, operator: Operator, value?: ConditionValue<T> | undefined);
 }
 export {};

package/gio-el/models/ConditionGroup.d.ts

@@ -1,6 +1,7 @@
 import { Condition } from './Condition';
+import { ConditionType } from './ConditionModel';
 export declare class ConditionGroup {
     condition: 'AND' | 'OR';
-    conditions: (Condition<'string' | 'number' | 'date' | 'boolean'> | ConditionGroup)[];
-    constructor(condition: 'AND' | 'OR', conditions: (Condition<'string' | 'number' | 'date' | 'boolean'> | ConditionGroup)[]);
+    conditions: (Condition<ConditionType> | ConditionGroup)[];
+    constructor(condition: 'AND' | 'OR', conditions: (Condition<ConditionType> | ConditionGroup)[]);
 }

package/gio-el/models/ConditionModel.d.ts

@@ -1,10 +1,27 @@
-export type ConditionModelBase<T extends 'string' | 'number' | 'date' | 'boolean'> = {
+export type ConditionType = 'string' | 'number' | 'date' | 'boolean';
+export type ConditionModelBase<T extends ConditionType> = {
     field: string;
     label: string;
     type: T;
+    map?: {
+        type: 'Map';
+        key1Values?: string[] | {
+            value: string;
+            label: string;
+        }[];
+        key1Value?: string | null;
+    } | {
+        type: 'MultiMap';
+        key1Value?: string | null;
+        key1Values?: string[];
+        key2Value?: string | null;
+    };
 };
 export type StringConditionModel = ConditionModelBase<'string'> & {
-    values?: string[];
+    values?: string[] | {
+        value: string;
+        label: string;
+    }[];
 };
 export type NumberConditionModel = ConditionModelBase<'number'> & {
     min?: number;

package/gio-el/models/ExpressionLanguageBuilder.d.ts

@@ -6,6 +6,7 @@ export declare class ExpressionLanguageBuilder {
     private static buildConditionGroup;
     private static buildCondition;
     private static valueToString;
+    private static toFieldString;
     constructor(conditionGroup: ConditionGroup);
     build(): string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-particles-angular",
-  "version": "13.5.3-renovate-angular-ecdc544",
+  "version": "13.6.0",
   "description": "Gravitee.io - UI Particles Angular",
   "repository": {
     "type": "git",
@@ -56,18 +56,18 @@
       "esm": "./esm2022/gravitee-ui-particles-angular.mjs",
       "default": "./fesm2022/gravitee-ui-particles-angular.mjs"
     },
-    "./gio-el": {
-      "types": "./gio-el/index.d.ts",
-      "esm2022": "./esm2022/gio-el/gravitee-ui-particles-angular-gio-el.mjs",
-      "esm": "./esm2022/gio-el/gravitee-ui-particles-angular-gio-el.mjs",
-      "default": "./fesm2022/gravitee-ui-particles-angular-gio-el.mjs"
-    },
     "./gio-asciidoctor": {
       "types": "./gio-asciidoctor/index.d.ts",
       "esm2022": "./esm2022/gio-asciidoctor/gravitee-ui-particles-angular-gio-asciidoctor.mjs",
       "esm": "./esm2022/gio-asciidoctor/gravitee-ui-particles-angular-gio-asciidoctor.mjs",
       "default": "./fesm2022/gravitee-ui-particles-angular-gio-asciidoctor.mjs"
     },
+    "./gio-el": {
+      "types": "./gio-el/index.d.ts",
+      "esm2022": "./esm2022/gio-el/gravitee-ui-particles-angular-gio-el.mjs",
+      "esm": "./esm2022/gio-el/gravitee-ui-particles-angular-gio-el.mjs",
+      "default": "./fesm2022/gravitee-ui-particles-angular-gio-el.mjs"
+    },
     "./testing": {
       "types": "./testing/index.d.ts",
       "esm2022": "./esm2022/testing/gravitee-ui-particles-angular-testing.mjs",