@gravitee/ui-particles-angular 5.10.0 → 5.11.0

package/lib/gio-form-headers/gio-form-headers.component.d.ts

@@ -7,9 +7,11 @@ export declare type Header = {
     key: string;
     value: string;
 };
+export declare type FormHeaderAdaptOutputFn<H> = (headers: Header[] | null) => H;
 export declare class GioFormHeadersComponent implements OnInit, ControlValueAccessor {
     private readonly fm;
     private readonly elRef;
+    adaptOutputFn?: FormHeaderAdaptOutputFn<unknown>;
     mainForm: FormGroup;
     headersFormArray: FormArray;
     disabled: boolean;
@@ -19,7 +21,7 @@ export declare class GioFormHeadersComponent implements OnInit, ControlValueAcce
     private filteredHeaderNames;
     constructor(fm: FocusMonitor, elRef: ElementRef);
     writeValue(value: Header[] | null): void;
-    registerOnChange(fn: (headers: Header[] | null) => void): void;
+    registerOnChange(fn: (headers: unknown) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     ngOnInit(): void;
@@ -31,5 +33,5 @@ export declare class GioFormHeadersComponent implements OnInit, ControlValueAcce
     private removeLastHeader;
     private _filter;
     static ɵfac: i0.ɵɵFactoryDeclaration<GioFormHeadersComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GioFormHeadersComponent, "gio-form-headers", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GioFormHeadersComponent, "gio-form-headers", never, { "adaptOutputFn": "adaptOutputFn"; }, {}, never, never>;
 }

package/lib/gio-form-json-schema/gio-form-json-schema.component.d.ts

@@ -1,12 +1,12 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor, FormGroup, NgControl } from '@angular/forms';
 import { FormlyFieldConfig, FormlyFormOptions } from '@ngx-formly/core';
-import { FormlyJsonschema } from '@ngx-formly/core/json-schema';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { GioJsonSchema } from './model/GioJsonSchema';
+import { GioFormlyJsonSchemaService } from './gio-formly-json-schema.service';
 import * as i0 from "@angular/core";
 export declare class GioFormJsonSchemaComponent implements ControlValueAccessor, OnInit, OnDestroy {
-    private readonly formlyJsonschema;
+    private readonly gioFormlyJsonSchema;
     private readonly elRef;
     private readonly fm;
     readonly ngControl?: NgControl | undefined;
@@ -19,15 +19,13 @@ export declare class GioFormJsonSchemaComponent implements ControlValueAccessor,
     _onChange: (value: unknown | null) => void;
     _onTouched: () => void;
     private touched;
-    constructor(formlyJsonschema: FormlyJsonschema, elRef: ElementRef, fm: FocusMonitor, ngControl?: NgControl | undefined);
+    constructor(gioFormlyJsonSchema: GioFormlyJsonSchemaService, elRef: ElementRef, fm: FocusMonitor, ngControl?: NgControl | undefined);
     ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: unknown): void;
     registerOnChange(fn: (value: unknown | null) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState?(_isDisabled: boolean): void;
-    private toFormlyFieldConfig;
-    private getBannerProperties;
     static ɵfac: i0.ɵɵFactoryDeclaration<GioFormJsonSchemaComponent, [null, null, null, { optional: true; host: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GioFormJsonSchemaComponent, "gio-form-json-schema", never, { "jsonSchema": "jsonSchema"; "options": "options"; }, {}, never, never>;
 }

package/lib/gio-form-json-schema/gio-form-json-schema.module.d.ts

@@ -4,15 +4,21 @@ import * as i2 from "./type-component/null-type.component";
 import * as i3 from "./type-component/object-type.component";
 import * as i4 from "./type-component/multischema-type.component";
 import * as i5 from "./type-component/array-type.component";
-import * as i6 from "./wrappers/gio-form-field-wrapper.component";
-import * as i7 from "@angular/common";
-import * as i8 from "@angular/cdk/a11y";
-import * as i9 from "@angular/forms";
-import * as i10 from "@ngx-formly/core";
-import * as i11 from "@ngx-formly/material";
-import * as i12 from "../gio-icons/gio-icons.module";
+import * as i6 from "./type-component/toggle-type.component";
+import * as i7 from "./type-component/headers-type.component";
+import * as i8 from "./wrappers/gio-form-field-wrapper.component";
+import * as i9 from "@angular/common";
+import * as i10 from "@angular/cdk/a11y";
+import * as i11 from "@angular/forms";
+import * as i12 from "@ngx-formly/core";
+import * as i13 from "@ngx-formly/material";
+import * as i14 from "../gio-icons/gio-icons.module";
+import * as i15 from "../gio-form-slide-toogle/gio-form-slide-toggle.module";
+import * as i16 from "../gio-form-headers/gio-form-headers.module";
+import * as i17 from "@angular/material/slide-toggle";
+import * as i18 from "@angular/material/button";
 export declare class GioFormJsonSchemaModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GioFormJsonSchemaModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GioFormJsonSchemaModule, [typeof i1.GioFormJsonSchemaComponent, typeof i2.GioFjsNullTypeComponent, typeof i3.GioFjsObjectTypeComponent, typeof i4.GioFjsMultiSchemaTypeComponent, typeof i5.GioFjsArrayTypeComponent, typeof i6.GioFormFieldWrapperComponent], [typeof i7.CommonModule, typeof i8.A11yModule, typeof i9.ReactiveFormsModule, typeof i10.FormlyModule, typeof i11.FormlyMaterialModule, typeof i12.GioIconsModule], [typeof i1.GioFormJsonSchemaComponent, typeof i10.FormlyModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GioFormJsonSchemaModule, [typeof i1.GioFormJsonSchemaComponent, typeof i2.GioFjsNullTypeComponent, typeof i3.GioFjsObjectTypeComponent, typeof i4.GioFjsMultiSchemaTypeComponent, typeof i5.GioFjsArrayTypeComponent, typeof i6.GioFjsToggleTypeComponent, typeof i7.GioFjsHeadersTypeComponent, typeof i8.GioFormFieldWrapperComponent], [typeof i9.CommonModule, typeof i10.A11yModule, typeof i11.ReactiveFormsModule, typeof i12.FormlyModule, typeof i13.FormlyMaterialModule, typeof i14.GioIconsModule, typeof i15.GioFormSlideToggleModule, typeof i16.GioFormHeadersModule, typeof i17.MatSlideToggleModule, typeof i18.MatButtonModule], [typeof i1.GioFormJsonSchemaComponent, typeof i12.FormlyModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GioFormJsonSchemaModule>;
 }

package/lib/gio-form-json-schema/gio-formly-json-schema.service.d.ts

@@ -0,0 +1,15 @@
+import { FormlyFieldConfig, FormlyFormBuilder } from '@ngx-formly/core';
+import { FormlyJsonschema } from '@ngx-formly/core/json-schema';
+import { GioJsonSchema } from './model/GioJsonSchema';
+import * as i0 from "@angular/core";
+export declare class GioFormlyJsonSchemaService {
+    private readonly formlyJsonschema;
+    private readonly builder;
+    constructor(formlyJsonschema: FormlyJsonschema, builder: FormlyFormBuilder);
+    toFormlyFieldConfig(jsonSchema: GioJsonSchema): FormlyFieldConfig;
+    private uiTypeMap;
+    private bannerMap;
+    private toggleMap;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GioFormlyJsonSchemaService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<GioFormlyJsonSchemaService>;
+}

package/lib/gio-form-json-schema/model/GioJsonSchema.d.ts

@@ -1,14 +1,22 @@
-import { JSONSchema7 } from 'json-schema';
-export interface GioJsonSchema extends JSONSchema7 {
-    gioConfig?: {
-        banner?: {
-            title: string;
-            text: string;
-        } | {
-            text: string;
+/**
+ * Override the JSONSchema7 interface to add gioConfig
+ * Use this way because the JSONSchema7 interface is recursive
+ * And export with new name `GioJsonSchema` to make it more clear
+ */
+declare module 'json-schema' {
+    interface JSONSchema7 {
+        gioConfig?: {
+            banner?: GioBannerConfig;
+            uiType?: GioUiTypeConfig;
         };
+    }
+    type GioBannerConfig = {
+        title: string;
+        text: string;
+    } | {
+        text: string;
     };
-    properties?: {
-        [key: string]: GioJsonSchema;
-    };
+    type GioUiTypeConfig = 'gio-headers-array';
 }
+import { JSONSchema7 } from 'json-schema';
+export declare type GioJsonSchema = JSONSchema7;

package/lib/gio-form-json-schema/type-component/array-type.component.d.ts

@@ -1,6 +1,7 @@
 import { FieldArrayType } from '@ngx-formly/core';
 import * as i0 from "@angular/core";
 export declare class GioFjsArrayTypeComponent extends FieldArrayType {
+    collapse: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<GioFjsArrayTypeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GioFjsArrayTypeComponent, "gio-fjs-array-type", never, {}, {}, never, never>;
 }

package/lib/gio-form-json-schema/type-component/headers-type.component.d.ts

@@ -0,0 +1,19 @@
+import { FieldType, FieldTypeConfig, FormlyFieldProps } from '@ngx-formly/core';
+import { FormHeaderAdaptOutputFn } from '../../gio-form-headers/gio-form-headers.component';
+import * as i0 from "@angular/core";
+declare type HeadersProps = FormlyFieldProps & {
+    outputConfig: {
+        keyName: string;
+        valueName: string;
+    };
+};
+export declare class GioFjsHeadersTypeComponent extends FieldType<FieldTypeConfig<HeadersProps>> {
+    defaultOptions?: Partial<FieldTypeConfig<HeadersProps>> | undefined;
+    collapse: boolean;
+    get map(): FormHeaderAdaptOutputFn<{
+        [x: string]: string;
+    }[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GioFjsHeadersTypeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GioFjsHeadersTypeComponent, "gio-fjs-headers-type", never, {}, {}, never, never>;
+}
+export {};

package/lib/gio-form-json-schema/type-component/toggle-type.component.d.ts

@@ -0,0 +1,8 @@
+import { FieldType, FieldTypeConfig, FormlyFieldProps } from '@ngx-formly/core';
+import * as i0 from "@angular/core";
+declare type ToggleProps = FormlyFieldProps;
+export declare class GioFjsToggleTypeComponent extends FieldType<FieldTypeConfig<ToggleProps>> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GioFjsToggleTypeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GioFjsToggleTypeComponent, "gio-fjs-toggle-type", never, {}, {}, never, never>;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-particles-angular",
-  "version": "5.10.0",
+  "version": "5.11.0",
   "description": "Gravitee.io - UI Particles Angular",
   "repository": {
     "type": "git",

package/src/scss/mat-override/mat-table.scss

@@ -29,8 +29,8 @@ $background: map.get(theme.$mat-theme, background);
     // Remove bottom padding on mat-form-field inside mat-cell
     // Note: In Angular 15, we should be able to use SubscriptSizing option for that
     .mat-cell {
-      // appearance=fill
-      .mat-form-field.mat-form-field-appearance-outline:not(.ng-invalid, :has(mat-hint)) {
+      // appearance=outline
+      .mat-form-field.mat-form-field-appearance-outline:not(:has(mat-hint), :has(mat-error)) {
         padding-bottom: 0;
 
         .mat-form-field-wrapper {
@@ -39,7 +39,7 @@ $background: map.get(theme.$mat-theme, background);
       }
 
       // appearance=standard
-      .mat-form-field.mat-form-field-appearance-standard:not(.ng-invalid, :has(mat-hint)) {
+      .mat-form-field.mat-form-field-appearance-standard:not(:has(mat-hint), :has(mat-error)) {
         padding-bottom: 0;
 
         .mat-form-field-wrapper {