@sotoa-ui/dynamic-form 0.0.9 → 0.0.11

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@sotoa-ui/dynamic-form",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "peerDependencies": {
-    "@angular/common": "^20.1.0",
-    "@angular/core": "^20.1.0"
+    "@angular/common": "^21.0.6",
+    "@angular/core": "^21.0.6"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/types/sotoa-ui-dynamic-form.d.ts

@@ -3,6 +3,7 @@ import { Type, OnInit, DestroyRef, InputSignal, OutputEmitterRef } from '@angula
 import { ValidatorFn, AsyncValidatorFn, FormGroup, FormControl, FormArray, ControlValueAccessor, AbstractControl } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { MatBadgePosition, MatBadgeSize } from '@angular/material/badge';
+import { SeparatorKey } from '@angular/material/chips';
 
 interface AcCondition {
     type: 'condition';
@@ -298,6 +299,7 @@ interface AcFieldCheckboxConfig extends AbstractControlConfig {
 
 interface AcFieldSelectConfig extends AbstractControlConfig {
     type: 'select';
+    multiple?: boolean;
     options: any[] | Observable<any[]>;
     groupLabelKey?: string;
     groupOptionsKey?: string;
@@ -345,12 +347,39 @@ interface AcFieldTextareaConfig extends AbstractControlConfig {
 interface AcFieldDateConfig extends AbstractControlConfig {
     type: 'date';
     readonly?: boolean;
-    onlyPopup?: boolean;
+    locale?: string;
     format?: string;
     minDate?: any;
     maxDate?: any;
     filter?: (d: any | null, field?: AcFieldDateConfig, group?: FormGroup) => boolean;
     touchUi?: boolean;
+    closeCalendarLabel?: string;
+    suffixes?: AcAffix[];
+    prefixes?: AcAffix[];
+}
+
+interface ConfirmDialogData {
+    title?: string;
+    message?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    closeLabel?: string;
+}
+
+interface AcBadgeOptions {
+    position?: MatBadgePosition;
+    size?: MatBadgeSize;
+    description?: string;
+    disabled?: boolean;
+    hidden?: boolean;
+    noOverlap?: boolean;
+}
+type AcButtonType = 'submit' | 'reset' | 'button' | 'link';
+type AcMaterialButtonType = 'outlined' | 'elevated' | 'filled' | 'tonal' | 'icon' | 'fab' | 'mini-fab' | 'menu';
+interface MatIconConfig {
+    fontIcon: string;
+    fontSet?: string;
+    ariaLabel?: string;
 }
 
 interface AcFieldFileConfig extends AbstractControlConfig {
@@ -358,6 +387,24 @@ interface AcFieldFileConfig extends AbstractControlConfig {
     multiple?: boolean;
     maxNbRow?: number;
     accept?: string;
+    addButton?: {
+        label?: string;
+        className?: string;
+        matButtonType?: AcMaterialButtonType;
+        matIcon?: string;
+        title?: string;
+        ariaLabel?: string;
+    };
+    deleteButton?: {
+        label?: string;
+        className?: string;
+        matButtonType?: AcMaterialButtonType;
+        matIcon?: string;
+        title?: string;
+        ariaLabel?: string;
+    };
+    confirmDelete?: boolean;
+    confirmDeleteData?: ConfirmDialogData;
     onAddFile?: (file: File | null) => void;
     onDeleteFile?: (file: File) => void;
 }
@@ -413,7 +460,17 @@ interface AcFieldCustomConfig<T> extends AbstractControlConfig {
     data?: T;
 }
 
-type AcControlConfig = AcFieldCheckboxConfig | AcFieldInputConfig | AcFieldDateConfig | AcFieldTextareaConfig | AcFieldSelectConfig | AcFieldAutocompleteConfig | AcFieldRadioButtonConfig | AcFieldFileConfig | AcFieldEditorConfig | AcFieldToggleConfig | AcFieldPasswordConfig | AcFieldCustomConfig<any>;
+interface AcFieldChipsConfig extends AbstractControlConfig {
+    type: 'chips';
+    options?: string[];
+    separatorKeysCodes?: (number | SeparatorKey)[];
+    autocomplete?: AutocompleteAttribute;
+    readonly?: boolean;
+    suffixes?: AcAffix[];
+    prefixes?: AcAffix[];
+}
+
+type AcControlConfig = AcFieldCheckboxConfig | AcFieldInputConfig | AcFieldDateConfig | AcFieldTextareaConfig | AcFieldSelectConfig | AcFieldAutocompleteConfig | AcFieldRadioButtonConfig | AcFieldFileConfig | AcFieldEditorConfig | AcFieldToggleConfig | AcFieldPasswordConfig | AcFieldCustomConfig<any> | AcFieldChipsConfig;
 
 declare class DynamicFormService {
     private readonly fb;
@@ -464,22 +521,6 @@ declare class AbstractControlFieldComponent<T extends AbstractControlConfig> ext
     static ɵcmp: i0.ɵɵComponentDeclaration<AbstractControlFieldComponent<any>, "ng-component", never, {}, {}, never, never, true, never>;
 }
 
-interface AcBadgeOptions {
-    position?: MatBadgePosition;
-    size?: MatBadgeSize;
-    description?: string;
-    disabled?: boolean;
-    hidden?: boolean;
-    noOverlap?: boolean;
-}
-type AcButtonType = 'submit' | 'reset' | 'button' | 'link';
-type AcMaterialButtonType = 'outlined' | 'elevated' | 'filled' | 'tonal' | 'icon' | 'fab' | 'mini-fab' | 'menu';
-interface MatIconConfig {
-    fontIcon: string;
-    fontSet?: string;
-    ariaLabel?: string;
-}
-
 interface AcDynamicForm {
     fields: (AcFieldConfig | AcTextConfig)[];
     buttons?: AcButton[];
@@ -563,6 +604,7 @@ declare class MaterialDynamicFormComponent {
     formCancel: OutputEmitterRef<void>;
     formSubmit: OutputEmitterRef<FormGroup>;
     formChange: OutputEmitterRef<FormGroup>;
+    formInit: OutputEmitterRef<FormGroup>;
     get form(): FormGroup | undefined;
     get controls(): {
         [key: string]: AbstractControl;
@@ -580,7 +622,7 @@ declare class MaterialDynamicFormComponent {
     handleSubmit(event?: Event): void;
     focusFirstInvalidControl(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MaterialDynamicFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MaterialDynamicFormComponent, "sot-material-dynamic-form", ["dynamicForm"], { "config": { "alias": "config"; "required": true; "isSignal": true; }; "initialValues": { "alias": "initialValues"; "required": false; "isSignal": true; }; }, { "formCancel": "formCancel"; "formSubmit": "formSubmit"; "formChange": "formChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MaterialDynamicFormComponent, "sot-material-dynamic-form", ["dynamicForm"], { "config": { "alias": "config"; "required": true; "isSignal": true; }; "initialValues": { "alias": "initialValues"; "required": false; "isSignal": true; }; }, { "formCancel": "formCancel"; "formSubmit": "formSubmit"; "formChange": "formChange"; "formInit": "formInit"; }, never, never, true, never>;
 }
 
 declare class MaterialDynamicFormModalComponent implements OnInit {
@@ -653,5 +695,5 @@ declare class ClassicDynamicFormComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<ClassicDynamicFormComponent, "sot-classic-dynamic-form", ["dynamicForm"], { "config": { "alias": "config"; "required": true; "isSignal": true; }; "initialValues": { "alias": "initialValues"; "required": false; "isSignal": true; }; }, { "formCancel": "formCancel"; "formSubmit": "formSubmit"; "formChange": "formChange"; }, never, never, true, never>;
 }
 
-export { AbstractControlFieldComponent, AbstractFieldComponent, AutocompleteAttribute, ClassicDynamicFormComponent, ConditionsService, DsfrDynamicFormComponent, DynamicFormService, MaterialDynamicFormComponent, MaterialDynamicFormModalComponent };
-export type { AbstractControlConfig, AbstractFieldConfig, AcAffix, AcArrayConfig, AcBadgeOptions, AcButton, AcButtonType, AcControlConfig, AcDynamicForm, AcDynamicFormModal, AcField, AcFieldCheckboxConfig, AcFieldConfig, AcFieldCustomConfig, AcFieldInputConfig, AcFieldPasswordConfig, AcFieldRadioButtonConfig, AcFieldSelectConfig, AcFieldTextareaConfig, AcFieldToggleConfig, AcGroupConfig, AcMaterialButtonType, AcModalFormButton, AcModalFormResponse, AcRowConfig, AcTextConfig, AcValidator, DynamicFormData, MatIconConfig, PathArrayInstance, UpdateOnType };
+export { AbstractControlFieldComponent, AbstractFieldComponent, AcCustomComponentField, AutocompleteAttribute, ClassicDynamicFormComponent, ConditionsService, DsfrDynamicFormComponent, DynamicFormService, MaterialDynamicFormComponent, MaterialDynamicFormModalComponent };
+export type { AbstractControlConfig, AbstractFieldConfig, AcAffix, AcArrayConfig, AcBadgeOptions, AcButton, AcButtonType, AcControlConfig, AcDynamicForm, AcDynamicFormModal, AcField, AcFieldCheckboxConfig, AcFieldChipsConfig, AcFieldConfig, AcFieldCustomConfig, AcFieldDateConfig, AcFieldFileConfig, AcFieldInputConfig, AcFieldPasswordConfig, AcFieldRadioButtonConfig, AcFieldSelectConfig, AcFieldTextareaConfig, AcFieldToggleConfig, AcGroupConfig, AcMaterialButtonType, AcModalFormButton, AcModalFormResponse, AcRowConfig, AcTextConfig, AcValidator, ConfirmDialogData, DynamicFormData, MatIconConfig, PathArrayInstance, UpdateOnType };