@masterteam/form-builder 0.0.10 → 0.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/form-builder",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "publishConfig": {
     "directory": "../../../dist/masterteam/form-builder",
     "linkDirectory": true,
@@ -19,10 +19,10 @@
     "rxjs": "^7.8.2",
     "tailwindcss": "^4.1.17",
     "tailwindcss-primeui": "^0.6.1",
-    "@masterteam/components": "^0.0.92",
-    "@masterteam/forms": "^0.0.38",
+    "@masterteam/properties": "^0.0.34",
+    "@masterteam/components": "^0.0.101",
     "@masterteam/icons": "^0.0.13",
-    "@masterteam/properties": "^0.0.31"
+    "@masterteam/forms": "^0.0.47"
   },
   "sideEffects": false,
   "exports": {

package/types/masterteam-form-builder.d.ts

@@ -9,6 +9,7 @@ import { StateContext } from '@ngxs/store';
 declare enum FormBuilderActionKey {
     GetFormConfiguration = "getFormConfiguration",
     ResetFormConfiguration = "resetFormConfiguration",
+    UpdateFormSettings = "updateFormSettings",
     AddSection = "addSection",
     UpdateSection = "updateSection",
     DeleteSection = "deleteSection",
@@ -23,6 +24,7 @@ declare enum FormBuilderActionKey {
     ToggleValidationActive = "toggleValidationActive"
 }
 type FieldWidth = '25' | '50' | '100';
+type FormRenderMode = 'sections' | 'steps' | 'tabs';
 interface FormField {
     id: string;
     sectionId: string;
@@ -52,6 +54,7 @@ interface FormSection {
 }
 interface FormConfiguration {
     isActive: boolean;
+    renderMode?: FormRenderMode;
     sections: FormSection[];
     validations?: ValidationRule[];
 }
@@ -157,6 +160,9 @@ interface PreviewInfo {
     moduleDataId?: number;
     requestSchemaId?: number;
 }
+interface UpdateFormSettingsPayload {
+    renderMode?: FormRenderMode;
+}
 interface FormBuilderStateModel extends LoadingStateShape<FormBuilderActionKey> {
     moduleType: string | null;
     moduleId: string | number | null;
@@ -183,6 +189,7 @@ declare class FormBuilderFacade {
     readonly previewInfo: _angular_core.Signal<PreviewInfo | null>;
     readonly isLoadingFormConfiguration: _angular_core.Signal<boolean>;
     readonly isResettingFormConfiguration: _angular_core.Signal<boolean>;
+    readonly isUpdatingFormSettings: _angular_core.Signal<boolean>;
     readonly isAddingSection: _angular_core.Signal<boolean>;
     readonly isUpdatingSection: _angular_core.Signal<boolean>;
     readonly isDeletingSection: _angular_core.Signal<boolean>;
@@ -204,6 +211,7 @@ declare class FormBuilderFacade {
     setPreviewInfo(payload: PreviewInfo): rxjs.Observable<void>;
     getFormConfiguration(): rxjs.Observable<void>;
     resetFormConfiguration(): rxjs.Observable<void>;
+    updateFormSettings(payload: UpdateFormSettingsPayload): rxjs.Observable<void>;
     addSection(payload: AddSectionPayload): rxjs.Observable<void>;
     updateSection(sectionId: string, payload: UpdateSectionPayload): rxjs.Observable<void>;
     deleteSection(sectionId: string): rxjs.Observable<void>;
@@ -244,8 +252,10 @@ declare class FormBuilder implements OnInit {
     readonly mode: _angular_core.InputSignal<FormBuilderMode>;
     private dialogRef;
     readonly sections: _angular_core.Signal<_masterteam_form_builder.FormSection[]>;
+    readonly formConfiguration: _angular_core.Signal<_masterteam_form_builder.FormConfiguration | null>;
     readonly properties: _angular_core.Signal<PropertyItem[]>;
     readonly isLoading: _angular_core.Signal<boolean>;
+    readonly isUpdatingFormSettings: _angular_core.Signal<boolean>;
     readonly error: _angular_core.Signal<string | null>;
     readonly moduleType: _angular_core.Signal<string | null>;
     readonly moduleId: _angular_core.Signal<string | number | null>;
@@ -275,6 +285,23 @@ declare class FormBuilder implements OnInit {
     }[]>;
     /** Enriched sections for display */
     readonly enrichedSections: _angular_core.Signal<EnrichedFormSection[]>;
+    readonly selectedRenderMode: _angular_core.Signal<FormRenderMode>;
+    readonly renderModeOptions: _angular_core.Signal<({
+        label: string;
+        value: "sections";
+        icon: string;
+        color: string;
+    } | {
+        label: string;
+        value: "steps";
+        icon: string;
+        color: string;
+    } | {
+        label: string;
+        value: "tabs";
+        icon: string;
+        color: string;
+    })[]>;
     constructor();
     ngOnInit(): void;
     private loadInitialContext;
@@ -324,6 +351,7 @@ declare class FormBuilder implements OnInit {
     drop(event: CdkDragDrop<EnrichedFormField[] | PropertyItem[]>): void;
     addSection(): void;
     openPreview(): void;
+    onRenderModeChange(renderMode: FormRenderMode): void;
     openValidationRules(): void;
     resetFormConfiguration(): void;
     noReturnPredicate: () => boolean;
@@ -373,6 +401,11 @@ declare class GetFormConfiguration {
 declare class ResetFormConfiguration {
     static readonly type = "[FormBuilder] Reset Form Configuration";
 }
+declare class UpdateFormSettings {
+    payload: UpdateFormSettingsPayload;
+    static readonly type = "[FormBuilder] Update Form Settings";
+    constructor(payload: UpdateFormSettingsPayload);
+}
 declare class AddSection {
     payload: AddSectionPayload;
     static readonly type = "[FormBuilder] Add Section";
@@ -448,6 +481,7 @@ declare class FormBuilderState extends CrudStateBase<FormSection, FormBuilderSta
     private http;
     private baseUrl;
     private getApiPath;
+    private normalizeFormConfiguration;
     static getState(state: FormBuilderStateModel): FormBuilderStateModel;
     static getFormConfiguration(state: FormBuilderStateModel): FormConfiguration | null;
     static getSections(state: FormBuilderStateModel): FormSection[];
@@ -465,6 +499,7 @@ declare class FormBuilderState extends CrudStateBase<FormSection, FormBuilderSta
     setPreviewInfo(ctx: StateContext<FormBuilderStateModel>, action: SetPreviewInfo): void;
     getFormConfiguration(ctx: StateContext<FormBuilderStateModel>): rxjs.Observable<Response$1<FormConfiguration>>;
     resetFormConfiguration(ctx: StateContext<FormBuilderStateModel>): rxjs.Observable<Response$1<FormConfiguration>>;
+    updateFormSettings(ctx: StateContext<FormBuilderStateModel>, action: UpdateFormSettings): rxjs.Observable<Response$1<FormConfiguration>> | undefined;
     addSection(ctx: StateContext<FormBuilderStateModel>, action: AddSection): rxjs.Observable<Response$1<FormSection>>;
     updateSection(ctx: StateContext<FormBuilderStateModel>, action: UpdateSection): rxjs.Observable<Response$1<FormSection>>;
     deleteSection(ctx: StateContext<FormBuilderStateModel>, action: DeleteSection): rxjs.Observable<Response$1<{
@@ -490,5 +525,5 @@ declare class FormBuilderState extends CrudStateBase<FormSection, FormBuilderSta
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormBuilderState>;
 }
 
-export { AddField, AddSection, AddValidation, DeleteField, DeleteSection, DeleteValidation, FormBuilder, FormBuilderActionKey, FormBuilderFacade, FormBuilderState, GetFormConfiguration, MoveField, ReorderFields, ResetFormBuilderState, ResetFormConfiguration, SetModuleInfo, SetPreviewInfo, SetProperties, ToggleValidationActive, UpdateField, UpdateSection, UpdateValidation };
-export type { AddFieldPayload, AddSectionPayload, AddValidationPayload, EnrichedFormField, EnrichedFormSection, FieldWidth, FormBuilderMode, FormBuilderStateModel, FormConfiguration, FormField, FormSection, MoveFieldPayload, PreviewInfo, PropertyItem, ReorderFieldPayload, Response, ToggleValidationPayload, UpdateFieldPayload, UpdateSectionPayload, UpdateValidationPayload, ValidationRule, ValidationSeverity };
+export { AddField, AddSection, AddValidation, DeleteField, DeleteSection, DeleteValidation, FormBuilder, FormBuilderActionKey, FormBuilderFacade, FormBuilderState, GetFormConfiguration, MoveField, ReorderFields, ResetFormBuilderState, ResetFormConfiguration, SetModuleInfo, SetPreviewInfo, SetProperties, ToggleValidationActive, UpdateField, UpdateFormSettings, UpdateSection, UpdateValidation };
+export type { AddFieldPayload, AddSectionPayload, AddValidationPayload, EnrichedFormField, EnrichedFormSection, FieldWidth, FormBuilderMode, FormBuilderStateModel, FormConfiguration, FormField, FormRenderMode, FormSection, MoveFieldPayload, PreviewInfo, PropertyItem, ReorderFieldPayload, Response, ToggleValidationPayload, UpdateFieldPayload, UpdateFormSettingsPayload, UpdateSectionPayload, UpdateValidationPayload, ValidationRule, ValidationSeverity };