@masterteam/form-builder 0.0.26 → 0.0.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/form-builder",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "publishConfig": {
     "directory": "../../../dist/masterteam/form-builder",
     "linkDirectory": true,
@@ -19,10 +19,10 @@
     "rxjs": "^7.8.2",
     "tailwindcss": "^4.2.2",
     "tailwindcss-primeui": "^0.6.1",
-    "@masterteam/properties": "^0.0.47",
-    "@masterteam/components": "^0.0.164",
-    "@masterteam/forms": "^0.0.73",
-    "@masterteam/icons": "^0.0.15"
+    "@masterteam/properties": "^0.0.48",
+    "@masterteam/forms": "^0.0.75",
+    "@masterteam/icons": "^0.0.15",
+    "@masterteam/components": "^0.0.166"
   },
   "sideEffects": false,
   "exports": {

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

@@ -2,7 +2,7 @@ import * as _masterteam_form_builder from '@masterteam/form-builder';
 import * as _angular_core from '@angular/core';
 import { OnInit } from '@angular/core';
 import { LoadingStateShape, CrudStateBase, Response as Response$1 } from '@masterteam/components';
-import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { CdkDragDrop, CdkDrag } from '@angular/cdk/drag-drop';
 import * as rxjs from 'rxjs';
 import { StateContext } from '@ngxs/store';
 
@@ -13,6 +13,7 @@ declare enum FormBuilderActionKey {
     AddSection = "addSection",
     UpdateSection = "updateSection",
     DeleteSection = "deleteSection",
+    ReorderSections = "reorderSections",
     AddField = "addField",
     UpdateField = "updateField",
     DeleteField = "deleteField",
@@ -115,6 +116,10 @@ interface ReorderFieldPayload {
     id: string;
     order: number;
 }
+interface ReorderSectionPayload {
+    id: string;
+    order: number;
+}
 interface AddValidationPayload {
     formulaTokens: string;
     formulaText: string;
@@ -193,6 +198,7 @@ declare class FormBuilderFacade {
     readonly isAddingSection: _angular_core.Signal<boolean>;
     readonly isUpdatingSection: _angular_core.Signal<boolean>;
     readonly isDeletingSection: _angular_core.Signal<boolean>;
+    readonly isReorderingSections: _angular_core.Signal<boolean>;
     readonly isAddingField: _angular_core.Signal<boolean>;
     readonly isUpdatingField: _angular_core.Signal<boolean>;
     readonly isDeletingField: _angular_core.Signal<boolean>;
@@ -215,6 +221,7 @@ declare class FormBuilderFacade {
     addSection(payload: AddSectionPayload): rxjs.Observable<void>;
     updateSection(sectionId: string, payload: UpdateSectionPayload): rxjs.Observable<void>;
     deleteSection(sectionId: string): rxjs.Observable<void>;
+    reorderSections(payload: ReorderSectionPayload[]): rxjs.Observable<void>;
     addField(sectionId: string, payload: AddFieldPayload): rxjs.Observable<void>;
     updateField(sectionId: string, fieldId: string, payload: UpdateFieldPayload): rxjs.Observable<void>;
     deleteField(sectionId: string, fieldId: string): rxjs.Observable<void>;
@@ -283,6 +290,9 @@ declare class FormBuilder implements OnInit {
         key: ScopeKey;
         label: string;
     }[]>;
+    readonly fieldDropListIds: _angular_core.Signal<string[]>;
+    private readonly toolboxDropListIds;
+    readonly fieldDropListConnections: _angular_core.Signal<string[]>;
     /** Enriched sections for display */
     readonly enrichedSections: _angular_core.Signal<EnrichedFormSection[]>;
     readonly selectedRenderMode: _angular_core.Signal<FormRenderMode>;
@@ -348,6 +358,9 @@ declare class FormBuilder implements OnInit {
     private formatContextKey;
     private mergeContextOptions;
     drop(event: CdkDragDrop<EnrichedFormField[] | PropertyItem[]>): void;
+    dropSection(event: CdkDragDrop<EnrichedFormSection[]>): void;
+    /** Sections list only accepts other sections — block fields/properties from dropping in. */
+    sectionsDropPredicate: (drag: CdkDrag) => boolean;
     addSection(): void;
     openPreview(): void;
     onRenderModeChange(renderMode: FormRenderMode): void;
@@ -421,6 +434,11 @@ declare class DeleteSection {
     static readonly type = "[FormBuilder] Delete Section";
     constructor(sectionId: string);
 }
+declare class ReorderSections {
+    payload: ReorderSectionPayload[];
+    static readonly type = "[FormBuilder] Reorder Sections";
+    constructor(payload: ReorderSectionPayload[]);
+}
 declare class AddField {
     sectionId: string;
     payload: AddFieldPayload;
@@ -501,6 +519,9 @@ declare class FormBuilderState extends CrudStateBase<FormSection, FormBuilderSta
     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>>;
+    reorderSections(ctx: StateContext<FormBuilderStateModel>, action: ReorderSections): rxjs.Observable<Response$1<{
+        sections: FormSection[];
+    }>>;
     deleteSection(ctx: StateContext<FormBuilderStateModel>, action: DeleteSection): rxjs.Observable<Response$1<{
         id: string;
     }>>;
@@ -524,5 +545,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, 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 };
+export { AddField, AddSection, AddValidation, DeleteField, DeleteSection, DeleteValidation, FormBuilder, FormBuilderActionKey, FormBuilderFacade, FormBuilderState, GetFormConfiguration, MoveField, ReorderFields, ReorderSections, 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, ReorderSectionPayload, Response, ToggleValidationPayload, UpdateFieldPayload, UpdateFormSettingsPayload, UpdateSectionPayload, UpdateValidationPayload, ValidationRule, ValidationSeverity };