@masterteam/form-builder 0.0.5 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/form-builder",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "publishConfig": {
     "directory": "../../../dist/masterteam/form-builder",
     "linkDirectory": true,
@@ -19,9 +19,9 @@
     "rxjs": "^7.8.2",
     "tailwindcss": "^4.1.17",
     "tailwindcss-primeui": "^0.6.1",
-    "@masterteam/properties": "^0.0.27",
-    "@masterteam/forms": "^0.0.33",
-    "@masterteam/components": "^0.0.78",
+    "@masterteam/properties": "^0.0.29",
+    "@masterteam/components": "^0.0.81",
+    "@masterteam/forms": "^0.0.35",
     "@masterteam/icons": "^0.0.12"
   },
   "sideEffects": false,

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

@@ -15,7 +15,11 @@ declare enum FormBuilderActionKey {
     UpdateField = "updateField",
     DeleteField = "deleteField",
     MoveField = "moveField",
-    ReorderFields = "reorderFields"
+    ReorderFields = "reorderFields",
+    AddValidation = "addValidation",
+    UpdateValidation = "updateValidation",
+    DeleteValidation = "deleteValidation",
+    ToggleValidationActive = "toggleValidationActive"
 }
 type FieldWidth = '25' | '50' | '100';
 interface FormField {
@@ -44,6 +48,19 @@ interface FormSection {
 interface FormConfiguration {
     isActive: boolean;
     sections: FormSection[];
+    validations?: ValidationRule[];
+}
+type ValidationSeverity = 'error' | 'warning';
+interface ValidationRule {
+    id: string | number;
+    formulaTokens: string;
+    formulaText: string;
+    message: {
+        en: string;
+        ar: string;
+    };
+    severity: ValidationSeverity;
+    enabled: boolean;
 }
 interface AddSectionPayload {
     name: {
@@ -86,6 +103,27 @@ interface ReorderFieldPayload {
     id: string;
     order: number;
 }
+interface AddValidationPayload {
+    formulaTokens: string;
+    formulaText: string;
+    message: {
+        en: string;
+        ar: string;
+    };
+    severity: ValidationSeverity;
+}
+interface UpdateValidationPayload {
+    formulaTokens: string;
+    formulaText: string;
+    message: {
+        en: string;
+        ar: string;
+    };
+    severity: ValidationSeverity;
+}
+interface ToggleValidationPayload {
+    enabled: boolean;
+}
 interface PropertyItem {
     id: number;
     name: string | Record<string, string>;
@@ -116,6 +154,7 @@ declare class FormBuilderFacade {
     readonly formConfiguration: _angular_core.Signal<_masterteam_form_builder.FormConfiguration | null>;
     readonly sections: _angular_core.Signal<_masterteam_form_builder.FormSection[]>;
     readonly properties: _angular_core.Signal<PropertyItem[]>;
+    readonly validations: _angular_core.Signal<_masterteam_form_builder.ValidationRule[]>;
     readonly moduleType: _angular_core.Signal<string | null>;
     readonly moduleId: _angular_core.Signal<string | number | null>;
     readonly isLoadingFormConfiguration: _angular_core.Signal<boolean>;
@@ -127,9 +166,14 @@ declare class FormBuilderFacade {
     readonly isUpdatingField: _angular_core.Signal<boolean>;
     readonly isDeletingField: _angular_core.Signal<boolean>;
     readonly isMovingField: _angular_core.Signal<boolean>;
+    readonly isAddingValidation: _angular_core.Signal<boolean>;
+    readonly isUpdatingValidation: _angular_core.Signal<boolean>;
+    readonly isDeletingValidation: _angular_core.Signal<boolean>;
+    readonly isTogglingValidation: _angular_core.Signal<boolean>;
     readonly formConfigurationError: _angular_core.Signal<string | null>;
     readonly sectionError: _angular_core.Signal<string | null>;
     readonly fieldError: _angular_core.Signal<string | null>;
+    readonly validationError: _angular_core.Signal<string | null>;
     setModuleInfo(moduleType: string, moduleId: string | number, parentModuleType?: string, parentModuleId?: string | number, parentPath?: string): rxjs.Observable<void>;
     resetState(): rxjs.Observable<void>;
     setProperties(properties: PropertyItem[]): rxjs.Observable<void>;
@@ -143,6 +187,10 @@ declare class FormBuilderFacade {
     deleteField(sectionId: string, fieldId: string): rxjs.Observable<void>;
     reorderFields(sectionId: string, payload: ReorderFieldPayload[]): rxjs.Observable<void>;
     moveField(sectionId: string, fieldId: string, payload: MoveFieldPayload): rxjs.Observable<void>;
+    addValidation(payload: AddValidationPayload): rxjs.Observable<void>;
+    updateValidation(validationId: string | number, payload: UpdateValidationPayload): rxjs.Observable<void>;
+    deleteValidation(validationId: string | number): rxjs.Observable<void>;
+    toggleValidationActive(validationId: string | number, payload: ToggleValidationPayload): rxjs.Observable<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderFacade, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormBuilderFacade>;
 }
@@ -154,6 +202,7 @@ declare class FormBuilder {
     protected readonly facade: FormBuilderFacade;
     private dialogRef;
     readonly activeTab: _angular_core.WritableSignal<string>;
+    readonly searchQuery: _angular_core.WritableSignal<string>;
     readonly sections: _angular_core.Signal<_masterteam_form_builder.FormSection[]>;
     readonly properties: _angular_core.Signal<PropertyItem[]>;
     readonly isLoading: _angular_core.Signal<boolean>;
@@ -165,10 +214,16 @@ declare class FormBuilder {
         title: string;
         properties: PropertyItem[];
     }[]>;
+    readonly filteredPropertiesByTab: _angular_core.Signal<{
+        id: string;
+        title: string;
+        properties: PropertyItem[];
+    }[]>;
     constructor();
     drop(event: CdkDragDrop<EnrichedFormField[] | PropertyItem[]>): void;
     addSection(): void;
     openPreview(): void;
+    openValidationRules(): void;
     resetFormConfiguration(): void;
     noReturnPredicate: () => boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilder, never>;
@@ -260,6 +315,28 @@ declare class MoveField {
     static readonly type = "[FormBuilder] Move Field";
     constructor(sectionId: string, fieldId: string, payload: MoveFieldPayload);
 }
+declare class AddValidation {
+    payload: AddValidationPayload;
+    static readonly type = "[FormBuilder] Add Validation";
+    constructor(payload: AddValidationPayload);
+}
+declare class UpdateValidation {
+    validationId: string | number;
+    payload: UpdateValidationPayload;
+    static readonly type = "[FormBuilder] Update Validation";
+    constructor(validationId: string | number, payload: UpdateValidationPayload);
+}
+declare class DeleteValidation {
+    validationId: string | number;
+    static readonly type = "[FormBuilder] Delete Validation";
+    constructor(validationId: string | number);
+}
+declare class ToggleValidationActive {
+    validationId: string | number;
+    payload: ToggleValidationPayload;
+    static readonly type = "[FormBuilder] Toggle Validation Active";
+    constructor(validationId: string | number, payload: ToggleValidationPayload);
+}
 
 declare class FormBuilderState extends CrudStateBase<FormSection, FormBuilderStateModel, FormBuilderActionKey> {
     private http;
@@ -271,6 +348,7 @@ declare class FormBuilderState extends CrudStateBase<FormSection, FormBuilderSta
     static getModuleType(state: FormBuilderStateModel): string | null;
     static getModuleId(state: FormBuilderStateModel): string | number | null;
     static getProperties(state: FormBuilderStateModel): _masterteam_form_builder.PropertyItem[];
+    static getValidations(state: FormBuilderStateModel): ValidationRule[];
     setModuleInfo(ctx: StateContext<FormBuilderStateModel>, action: SetModuleInfo): void;
     resetState(ctx: StateContext<FormBuilderStateModel>): void;
     setProperties(ctx: StateContext<FormBuilderStateModel>, action: SetProperties): void;
@@ -291,9 +369,15 @@ declare class FormBuilderState extends CrudStateBase<FormSection, FormBuilderSta
         fields: FormField[];
     }>>;
     moveField(ctx: StateContext<FormBuilderStateModel>, action: MoveField): rxjs.Observable<Response$1<FormField>>;
+    addValidation(ctx: StateContext<FormBuilderStateModel>, action: AddValidation): rxjs.Observable<Response$1<ValidationRule>>;
+    updateValidation(ctx: StateContext<FormBuilderStateModel>, action: UpdateValidation): rxjs.Observable<Response$1<ValidationRule>>;
+    deleteValidation(ctx: StateContext<FormBuilderStateModel>, action: DeleteValidation): rxjs.Observable<Response$1<{
+        id: string | number;
+    }>>;
+    toggleValidationActive(ctx: StateContext<FormBuilderStateModel>, action: ToggleValidationActive): rxjs.Observable<Response$1<ValidationRule>>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderState, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormBuilderState>;
 }
 
-export { AddField, AddSection, DeleteField, DeleteSection, FormBuilder, FormBuilderActionKey, FormBuilderFacade, FormBuilderState, GetFormConfiguration, MoveField, ReorderFields, ResetFormBuilderState, ResetFormConfiguration, SetModuleInfo, SetProperties, UpdateField, UpdateSection };
-export type { AddFieldPayload, AddSectionPayload, EnrichedFormField, EnrichedFormSection, FieldWidth, FormBuilderStateModel, FormConfiguration, FormField, FormSection, MoveFieldPayload, PropertyItem, ReorderFieldPayload, Response, UpdateFieldPayload, UpdateSectionPayload };
+export { AddField, AddSection, AddValidation, DeleteField, DeleteSection, DeleteValidation, FormBuilder, FormBuilderActionKey, FormBuilderFacade, FormBuilderState, GetFormConfiguration, MoveField, ReorderFields, ResetFormBuilderState, ResetFormConfiguration, SetModuleInfo, SetProperties, ToggleValidationActive, UpdateField, UpdateSection, UpdateValidation };
+export type { AddFieldPayload, AddSectionPayload, AddValidationPayload, EnrichedFormField, EnrichedFormSection, FieldWidth, FormBuilderStateModel, FormConfiguration, FormField, FormSection, MoveFieldPayload, PropertyItem, ReorderFieldPayload, Response, ToggleValidationPayload, UpdateFieldPayload, UpdateSectionPayload, UpdateValidationPayload, ValidationRule, ValidationSeverity };