@masterteam/form-builder 0.0.7 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/form-builder",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "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.29",
-    "@masterteam/components": "^0.0.81",
-    "@masterteam/forms": "^0.0.35",
-    "@masterteam/icons": "^0.0.12"
+    "@masterteam/properties": "^0.0.31",
+    "@masterteam/icons": "^0.0.13",
+    "@masterteam/components": "^0.0.90",
+    "@masterteam/forms": "^0.0.36"
   },
   "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 { LoadingStateShape, CrudStateBase, Response as Response$1 } from '@masterteam/components';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import * as rxjs from 'rxjs';
@@ -25,17 +26,21 @@ type FieldWidth = '25' | '50' | '100';
 interface FormField {
     id: string;
     sectionId: string;
-    propertyId: number;
+    propertyKey: string;
+    property?: PropertyItem;
     width: FieldWidth;
     order: number;
     hiddenInCreation?: boolean;
     hiddenInEditForm?: boolean;
     isRequired?: boolean;
+    isRead?: boolean;
+    isWrite?: boolean;
     showConditionalDisplayFormula?: boolean;
     conditionalDisplayFormula?: string;
     _pending?: boolean;
     _deleting?: boolean;
 }
+type FormBuilderMode = 'builder' | 'manageProperties';
 interface FormSection {
     id: string;
     name: {
@@ -77,12 +82,14 @@ interface UpdateSectionPayload {
     order?: number;
 }
 interface AddFieldPayload {
-    propertyId: number;
+    propertyKey: string;
     width: FieldWidth;
     order?: number;
     hiddenInCreation?: boolean;
     hiddenInEditForm?: boolean;
     isRequired?: boolean;
+    isRead?: boolean;
+    isWrite?: boolean;
     showConditionalDisplayFormula?: boolean;
     conditionalDisplayFormula?: string;
 }
@@ -92,6 +99,8 @@ interface UpdateFieldPayload {
     hiddenInCreation?: boolean;
     hiddenInEditForm?: boolean;
     isRequired?: boolean;
+    isRead?: boolean;
+    isWrite?: boolean;
     showConditionalDisplayFormula?: boolean;
     conditionalDisplayFormula?: string | null;
 }
@@ -125,7 +134,8 @@ interface ToggleValidationPayload {
     enabled: boolean;
 }
 interface PropertyItem {
-    id: number;
+    key: string;
+    propertyId?: number;
     name: string | Record<string, string>;
     viewType?: string;
     [key: string]: any;
@@ -157,6 +167,9 @@ declare class FormBuilderFacade {
     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>;
@@ -195,31 +208,107 @@ declare class FormBuilderFacade {
     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;
+    /** Extra CSS class(es) applied to the main canvas wrapper div. */
+    readonly canvasStyleClass: _angular_core.InputSignal<string>;
+    /** Operating mode: 'builder' (full editor) or 'manageProperties' (read/write permissions only). */
+    readonly mode: _angular_core.InputSignal<FormBuilderMode>;
     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;
@@ -227,7 +316,7 @@ declare class FormBuilder {
     resetFormConfiguration(): void;
     noReturnPredicate: () => boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilder, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilder, "mt-form-builder", never, {}, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilder, "mt-form-builder", never, { "canvasStyleClass": { "alias": "canvasStyleClass"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -347,6 +436,9 @@ 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;
@@ -380,4 +472,4 @@ declare class FormBuilderState extends CrudStateBase<FormSection, FormBuilderSta
 }
 
 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 };
+export type { AddFieldPayload, AddSectionPayload, AddValidationPayload, EnrichedFormField, EnrichedFormSection, FieldWidth, FormBuilderMode, FormBuilderStateModel, FormConfiguration, FormField, FormSection, MoveFieldPayload, PropertyItem, ReorderFieldPayload, Response, ToggleValidationPayload, UpdateFieldPayload, UpdateSectionPayload, UpdateValidationPayload, ValidationRule, ValidationSeverity };