@gravitee/ui-particles-angular 12.11.4 → 12.12.0-conditional-json-schema-5433005

package/fesm2022/gravitee-ui-particles-angular.mjs

@@ -12,7 +12,7 @@ import { ComponentHarness, HarnessPredicate, parallel, TestKey } from '@angular/
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i6$1 from '@angular/material/form-field';
 import { MatFormFieldControl, MatFormFieldModule, MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
-import { isEmpty, isString, isObject, toLower, dropRight, isNil, isArray, remove, isEqual, cloneDeep, uniqueId, range, set, has, some, filter as filter$1, intersection } from 'lodash';
+import { isEmpty, isString, isObject, toLower, dropRight, isNil, isArray, remove, castArray, get, isEqual, cloneDeep, uniqueId, range, set, has, some, filter as filter$1, intersection } from 'lodash';
 import { tap, startWith, switchMap, map, distinctUntilChanged, takeUntil, filter, take, delay, debounceTime, shareReplay, catchError, debounce } from 'rxjs/operators';
 import * as i1$1 from '@angular/forms';
 import { FormsModule, UntypedFormArray, UntypedFormGroup, UntypedFormControl, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS, ReactiveFormsModule, NgControl, FormControl } from '@angular/forms';
@@ -2287,9 +2287,10 @@ class GioFormlyJsonSchemaService {
         this.formlyJsonschema = formlyJsonschema;
         this.builder = builder;
     }
-    toFormlyFieldConfig(jsonSchema) {
+    toFormlyFieldConfig(jsonSchema, context) {
         return this.formlyJsonschema.toFieldConfig(jsonSchema, {
             map: (mappedField, mapSource) => {
+                mappedField = this.displayOnlyIfMap(mappedField, mapSource, context);
                 mappedField = this.uiTypeMap(mappedField, mapSource);
                 mappedField = this.formatMap(mappedField, mapSource);
                 mappedField = this.bannerMap(mappedField, mapSource);
@@ -2301,6 +2302,37 @@ class GioFormlyJsonSchemaService {
             },
         });
     }
+    displayOnlyIfMap(mappedField, mapSource, context) {
+        const $eq = mapSource.gioConfig?.displayOnlyIf?.$eq;
+        if (!isNil($eq) && isObject($eq)) {
+            const isDisplay = (objectToCheck) => Object.entries($eq)
+                .map(([k, v]) => ({ path: k, eqValue: castArray(v) }))
+                .every(({ path, eqValue }) => {
+                const value = get(objectToCheck, path);
+                return eqValue.includes(value);
+            });
+            mappedField.expressions = {
+                ...mappedField.expressions,
+                hide: field => {
+                    let parentField = field;
+                    while (parentField.parent) {
+                        parentField = parentField.parent;
+                    }
+                    try {
+                        return !isDisplay({
+                            value: parentField.model,
+                            context,
+                        });
+                    }
+                    catch (e) {
+                        // Ignore the error and display the field
+                        return false;
+                    }
+                },
+            };
+        }
+        return mappedField;
+    }
     uiTypeMap(mappedField, mapSource) {
         if (mapSource.gioConfig?.uiType) {
             // Clean the field to avoid conflict and init simple one with given type
@@ -2365,12 +2397,22 @@ class GioFormlyJsonSchemaService {
         return mappedField;
     }
     enumLabelMap(mappedField, mapSource) {
-        if (mapSource.enum && !isEmpty(mapSource.enum) && mapSource.gioConfig?.enumLabelMap && isArray(mappedField.props?.options)) {
+        if (!isArray(mappedField.props?.options)) {
+            return mappedField;
+        }
+        const enumLabelMapInObject = mapSource.enum && !isEmpty(mapSource.enum) && mapSource.gioConfig?.enumLabelMap ? mapSource.gioConfig?.enumLabelMap : null;
+        const enumLabelMapInArrayItem = mapSource.items &&
+            mapSource.type === 'array' &&
+            !isEmpty(mapSource.items.enum) &&
+            mapSource.items?.gioConfig?.enumLabelMap
+            ? mapSource.items?.gioConfig?.enumLabelMap
+            : null;
+        if (enumLabelMapInObject || enumLabelMapInArrayItem) {
             mappedField.props = {
                 ...mappedField.props,
                 options: mappedField.props?.options?.map(({ value }) => {
                     return {
-                        label: value ? mapSource.gioConfig?.enumLabelMap?.[value] : value,
+                        label: (enumLabelMapInObject || enumLabelMapInArrayItem)?.[value] ?? value,
                         value: value,
                     };
                 }),
@@ -2417,11 +2459,6 @@ class GioFormJsonSchemaComponent {
         const properties = ['properties', 'oneOf', 'anyOf', 'allOf', '$ref', 'items'];
         return isObject(jsonSchema) && properties.some(property => !isEmpty(jsonSchema[property]));
     }
-    set jsonSchema(jsonSchema) {
-        if (isObject(jsonSchema)) {
-            this.fields = [this.gioFormlyJsonSchema.toFormlyFieldConfig(jsonSchema)];
-        }
-    }
     constructor(gioFormlyJsonSchema, elRef, fm, changeDetectorRef, ngControl) {
         this.gioFormlyJsonSchema = gioFormlyJsonSchema;
         this.elRef = elRef;
@@ -2465,6 +2502,9 @@ class GioFormJsonSchemaComponent {
             this.isReady = false;
             this.ready.next(false);
         }
+        if (changes.jsonSchema || changes.context) {
+            this.fields = [this.gioFormlyJsonSchema.toFormlyFieldConfig(this.jsonSchema, this.context)];
+        }
     }
     ngOnInit() {
         // When the parent form is touched, mark all the sub formGroup as touched if not already touched
@@ -2570,7 +2610,7 @@ class GioFormJsonSchemaComponent {
         this.stateChanges$.next();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormJsonSchemaComponent, deps: [{ token: GioFormlyJsonSchemaService }, { token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.ChangeDetectorRef }, { token: i1$1.NgControl, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFormJsonSchemaComponent, selector: "gio-form-json-schema", inputs: { jsonSchema: "jsonSchema", options: "options" }, outputs: { ready: "ready" }, host: { properties: { "attr.gioFormFocusInvalidIgnore": "this.gioFormFocusInvalidIgnore" } }, usesOnChanges: true, ngImport: i0, template: `<formly-form *ngIf="formGroup" [fields]="fields" [options]="options" [form]="formGroup" [model]="model"></formly-form>`, isInline: true, styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFormJsonSchemaComponent, selector: "gio-form-json-schema", inputs: { jsonSchema: "jsonSchema", context: "context", options: "options" }, outputs: { ready: "ready" }, host: { properties: { "attr.gioFormFocusInvalidIgnore": "this.gioFormFocusInvalidIgnore" } }, usesOnChanges: true, ngImport: i0, template: `<formly-form *ngIf="formGroup" [fields]="fields" [options]="options" [form]="formGroup" [model]="model"></formly-form>`, isInline: true, styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFormJsonSchemaComponent, decorators: [{
             type: Component,
@@ -2583,6 +2623,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
                 type: HostBinding,
                 args: [`attr.${GIO_FORM_FOCUS_INVALID_IGNORE_SELECTOR}`]
             }], jsonSchema: [{
+                type: Input,
+                args: [{ required: true }]
+            }], context: [{
                 type: Input
             }], options: [{
                 type: Input
@@ -4625,17 +4668,7 @@ function passwordEyeExtension(field) {
  */
 class GioFjsCodeEditorTypeComponent extends FieldType$1 {
     ngOnInit() {
-        const language = this.props.monacoEditorConfig?.language;
-        switch (language) {
-            case 'json':
-                this.languageConfig = {
-                    language: 'json',
-                    schemas: [],
-                };
-                break;
-            default:
-                this.languageConfig = undefined;
-        }
+        this.languageConfig = this.props.monacoEditorConfig;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: GioFjsCodeEditorTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: GioFjsCodeEditorTypeComponent, selector: "gio-fjs-code-editor-type", usesInheritance: true, ngImport: i0, template: `