@sotoa-ui/dynamic-form 0.0.1 → 0.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sotoa-ui/dynamic-form",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
     "@angular/core": "^20.1.0"

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

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
-import { OnInit, DestroyRef, InputSignal, OutputEmitterRef } from '@angular/core';
-import { ValidatorFn, AsyncValidatorFn, FormGroup, FormControl, FormArray, AbstractControl } from '@angular/forms';
+import { Type, OnInit, DestroyRef, InputSignal, OutputEmitterRef } from '@angular/core';
+import { ValidatorFn, AsyncValidatorFn, FormGroup, FormControl, FormArray, ControlValueAccessor, AbstractControl } from '@angular/forms';
 import { Observable } from 'rxjs';
+import { MatBadgePosition, MatBadgeSize } from '@angular/material/badge';
 
 interface AcCondition {
     type: 'condition';
@@ -398,7 +399,21 @@ interface AcFieldPasswordConfig extends AbstractControlConfig {
     prefixes?: AcAffix[];
 }
 
-type AcControlConfig = AcFieldCheckboxConfig | AcFieldInputConfig | AcFieldDateConfig | AcFieldTextareaConfig | AcFieldSelectConfig | AcFieldAutocompleteConfig | AcFieldRadioButtonConfig | AcFieldFileConfig | AcFieldEditorConfig | AcFieldToggleConfig | AcFieldPasswordConfig;
+declare class AcCustomComponentField implements ControlValueAccessor {
+    field: AcFieldCustomConfig<any>;
+    group: FormGroup;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(obj: any): void;
+}
+
+interface AcFieldCustomConfig<T> extends AbstractControlConfig {
+    type: 'customField';
+    component: Type<AcCustomComponentField>;
+    data?: T;
+}
+
+type AcControlConfig = AcFieldCheckboxConfig | AcFieldInputConfig | AcFieldDateConfig | AcFieldTextareaConfig | AcFieldSelectConfig | AcFieldAutocompleteConfig | AcFieldRadioButtonConfig | AcFieldFileConfig | AcFieldEditorConfig | AcFieldToggleConfig | AcFieldPasswordConfig | AcFieldCustomConfig<any>;
 
 declare class DynamicFormService {
     private readonly fb;
@@ -449,6 +464,22 @@ 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[];
@@ -473,6 +504,36 @@ interface AcButton {
     action?: (form: FormGroup) => void;
 }
 
+interface AcDynamicFormModal {
+    title: string;
+    description?: string;
+    fields: AcFieldConfig[];
+    initialObject?: any;
+    validations?: AcValidator[];
+    updateOn?: 'change' | 'blur' | 'submit';
+    buttons?: any[];
+    className?: {
+        form?: string;
+        formContent?: string;
+        formButtons?: string;
+    };
+}
+interface AcModalFormButton {
+    type: AcButtonType;
+    matButtonType?: string;
+    matIcon?: string;
+    className?: string;
+    label?: string;
+    title?: string;
+    ariaLabel?: string;
+    disabledIfFormNoValid?: boolean;
+    action?: (form: FormGroup, initialObject: any) => Observable<AcModalFormResponse | boolean>;
+}
+interface AcModalFormResponse {
+    status: 'OK' | 'ERROR';
+    message?: string;
+}
+
 interface AcField {
     path: string;
     field: AcFieldConfig | AcTextConfig;
@@ -579,4 +640,4 @@ declare class AcClassicDynamicFormComponent {
 }
 
 export { AbstractControlFieldComponent, AbstractFieldComponent, AcClassicDynamicFormComponent, AcDsfrDynamicFormComponent, AcMaterialDynamicFormComponent, AutocompleteAttribute, ConditionsService, DynamicFormService };
-export type { AbstractControlConfig, AbstractFieldConfig, AcAffix, AcArrayConfig, AcButton, AcControlConfig, AcDynamicForm, AcField, AcFieldCheckboxConfig, AcFieldConfig, AcFieldInputConfig, AcFieldPasswordConfig, AcFieldRadioButtonConfig, AcFieldSelectConfig, AcFieldTextareaConfig, AcFieldToggleConfig, AcGroupConfig, AcRowConfig, AcTextConfig, AcValidator, DynamicFormData, PathArrayInstance, UpdateOnType };
+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 };