@masterteam/form-builder 0.0.6 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/form-builder",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "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/properties": "^0.0.28",
-    "@masterteam/forms": "^0.0.34",
-    "@masterteam/icons": "^0.0.12",
-    "@masterteam/components": "^0.0.79"
+    "@masterteam/properties": "^0.0.30",
+    "@masterteam/forms": "^0.0.35",
+    "@masterteam/components": "^0.0.86",
+    "@masterteam/icons": "^0.0.13"
   },
   "sideEffects": false,
   "exports": {

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

@@ -1,5 +1,6 @@
-import * as _masterteam_form_builder from '@masterteam/form-builder';
 import * as _angular_core from '@angular/core';
+import { OnInit } from '@angular/core';
+import * as _masterteam_form_builder from '@masterteam/form-builder';
 import { LoadingStateShape, CrudStateBase, Response as Response$1 } from '@masterteam/components';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import * as rxjs from 'rxjs';
@@ -15,13 +16,18 @@ 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 {
     id: string;
     sectionId: string;
-    propertyId: number;
+    propertyKey: string;
+    property?: PropertyItem;
     width: FieldWidth;
     order: number;
     hiddenInCreation?: boolean;
@@ -44,6 +50,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: {
@@ -60,7 +79,7 @@ interface UpdateSectionPayload {
     order?: number;
 }
 interface AddFieldPayload {
-    propertyId: number;
+    propertyKey: string;
     width: FieldWidth;
     order?: number;
     hiddenInCreation?: boolean;
@@ -86,8 +105,30 @@ 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;
+    key: string;
+    propertyId?: number;
     name: string | Record<string, string>;
     viewType?: string;
     [key: string]: any;
@@ -116,8 +157,12 @@ 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 parentModuleType: _angular_core.Signal<string | null>;
+    readonly parentModuleId: _angular_core.Signal<string | number | null>;
+    readonly parentPath: _angular_core.Signal<string>;
     readonly isLoadingFormConfiguration: _angular_core.Signal<boolean>;
     readonly isResettingFormConfiguration: _angular_core.Signal<boolean>;
     readonly isAddingSection: _angular_core.Signal<boolean>;
@@ -127,9 +172,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,38 +193,115 @@ 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>;
 }
 
-declare class FormBuilder {
+type ScopeKey = 'Current' | 'Host' | 'Parent' | 'Ancestors' | 'Children' | 'Descendants' | 'Related' | 'Siblings';
+type PathToken = Exclude<ScopeKey, 'Current'>;
+interface ContextOption {
+    contextKey: string;
+    label: string;
+}
+interface PathSegment {
+    token: PathToken;
+    value: string;
+    label: string;
+}
+declare class FormBuilder implements OnInit {
     private readonly modalService;
     private readonly confirmationService;
     private readonly translocoService;
     protected readonly facade: FormBuilderFacade;
+    private readonly contextService;
+    private readonly popovers;
     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>;
     readonly error: _angular_core.Signal<string | null>;
+    readonly moduleType: _angular_core.Signal<string | null>;
+    readonly moduleId: _angular_core.Signal<string | number | null>;
+    readonly parentPath: _angular_core.Signal<string>;
+    readonly activeScope: _angular_core.WritableSignal<ScopeKey>;
+    readonly searchQuery: _angular_core.WritableSignal<string>;
+    readonly isContextLoading: _angular_core.WritableSignal<boolean>;
+    private readonly initialContext;
+    private readonly currentProperties;
+    readonly scopeLoading: _angular_core.WritableSignal<boolean>;
+    readonly scopeProperties: _angular_core.WritableSignal<PropertyItem[]>;
+    readonly scopePath: _angular_core.WritableSignal<PathSegment[]>;
+    readonly scopeSelectedKey: _angular_core.WritableSignal<string>;
+    private scopeNavigation;
+    private initialRequestId;
+    private scopeRequestId;
+    private lastContextKey;
+    private readonly contextKey;
+    private readonly usedPropertyKeys;
     private readonly propertiesMap;
-    readonly enrichedSections: _angular_core.Signal<EnrichedFormSection[]>;
-    readonly availableTabs: _angular_core.Signal<{
-        id: string;
-        title: string;
-        properties: PropertyItem[];
-    }[]>;
-    readonly filteredPropertiesByTab: _angular_core.Signal<{
-        id: string;
-        title: string;
-        properties: PropertyItem[];
+    /** Navigation options from initial context */
+    readonly baseScopeContexts: _angular_core.Signal<Record<ScopeKey, ContextOption[]>>;
+    /** Available scope tabs */
+    readonly scopeOptions: _angular_core.Signal<{
+        key: ScopeKey;
+        label: string;
     }[]>;
+    /** Enriched sections for display */
+    readonly enrichedSections: _angular_core.Signal<EnrichedFormSection[]>;
     constructor();
+    ngOnInit(): void;
+    private loadInitialContext;
+    onScopeChange(scope: ScopeKey): void;
+    private loadScopeContext;
+    private resetScopeState;
+    getScopeBaseContexts(scope: ScopeKey): ContextOption[];
+    /** Template calls this with scope.key */
+    getScopePath(_scope?: ScopeKey): PathSegment[];
+    getTokenLabel(token: PathToken): string;
+    getScopeSegmentLabel(_scope: ScopeKey, index: number): string;
+    getScopeSegmentOptions(_scope: ScopeKey, index: number): ContextOption[];
+    setScopeSegmentValue(_scope: ScopeKey, index: number, contextKey: string, label?: string): void;
+    private findOptionLabel;
+    /** Template handler: hide popover first, then set value (like formula-builder) */
+    onSetScopeSegmentValue(scope: ScopeKey, index: number, contextKey: string, popover: {
+        hide: () => void;
+    }): void;
+    addScopeSegment(_scope: ScopeKey, token: PathToken): void;
+    /** Template handler: hide popover first, then add segment (like formula-builder) */
+    onAddScopeSegment(scope: ScopeKey, token: PathToken, popover: {
+        hide: () => void;
+    }): void;
+    getScopeNextTokens(_scope?: ScopeKey): PathToken[];
+    canAddNextScopeSegment(_scope?: ScopeKey): boolean;
+    canRemoveScopePath(_scope?: ScopeKey): boolean;
+    removeScopePath(_scope?: ScopeKey): void;
+    /** Template-compatible version (returns properties array for the scope) */
+    getScopeProperties(_scope?: ScopeKey): PropertyItem[];
+    getScopePropertyOptions(_scope?: ScopeKey): Array<{
+        key: string;
+        name: string;
+    }>;
+    getScopeSelectedPropertyKey(_scope?: ScopeKey): string;
+    setScopeSelectedProperty(_scope: ScopeKey, key: string): void;
+    getScopeSelectedProperty(_scope?: ScopeKey): PropertyItem | null;
+    getFilteredProperties(_scope?: ScopeKey): PropertyItem[];
+    isScopePropertiesLoading(_scope?: ScopeKey): boolean;
+    getPropertyLabel(property: PropertyItem): string;
+    private hideAllPopovers;
+    private getNavigationOptionsByToken;
+    private resolvePropertyName;
+    private createContextOption;
+    private formatContextLabel;
+    private formatContextKey;
+    private mergeContextOptions;
     drop(event: CdkDragDrop<EnrichedFormField[] | PropertyItem[]>): void;
     addSection(): void;
     openPreview(): void;
+    openValidationRules(): void;
     resetFormConfiguration(): void;
     noReturnPredicate: () => boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilder, never>;
@@ -266,6 +393,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;
@@ -276,7 +425,11 @@ declare class FormBuilderState extends CrudStateBase<FormSection, FormBuilderSta
     static getSections(state: FormBuilderStateModel): FormSection[];
     static getModuleType(state: FormBuilderStateModel): string | null;
     static getModuleId(state: FormBuilderStateModel): string | number | null;
+    static getParentModuleType(state: FormBuilderStateModel): string | null;
+    static getParentModuleId(state: FormBuilderStateModel): string | number | null;
+    static getParentPath(state: FormBuilderStateModel): string;
     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;
@@ -297,9 +450,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 };