@webiny/app-admin 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/features/formModel/LayoutResolver.js

@@ -0,0 +1,199 @@
+import { runInAction } from "mobx";
+import { isObjectField } from "./ObjectField.js";
+import { LayoutBuilderFactory } from "./LayoutBuilderFactory.js";
+class LayoutResolver {
+    constructor(_fields, _activeTabs, _evaluateRules){
+        this._fields = _fields;
+        this._activeTabs = _activeTabs;
+        this._evaluateRules = _evaluateRules;
+    }
+    resolve(layout) {
+        return layout.map((node)=>this.resolveNode(node)).filter(Boolean);
+    }
+    resolveChildLayout(layout, children) {
+        return layout.map((node)=>this.resolveChildNode(node, children)).filter(Boolean);
+    }
+    collectFieldIds(layout) {
+        return LayoutBuilderFactory.collectFieldIds(layout);
+    }
+    resolveNode(node) {
+        switch(node.type){
+            case "row":
+                return this.resolveRowNode(node);
+            case "separator":
+                return this.resolveSeparatorNode();
+            case "tabs":
+                return this.resolveTabsNode(node);
+            case "element":
+                return this.resolveElementNode(node);
+            case "object":
+                return this.resolveObjectNode(node);
+            default:
+                return null;
+        }
+    }
+    resolveRowNode(node) {
+        const fields = node.fieldIds.map((id)=>this._fields.get(id)).filter((f)=>void 0 !== f && f.visible).map((f)=>f.vm);
+        if (0 === fields.length) return null;
+        return {
+            type: "row",
+            fields
+        };
+    }
+    resolveSeparatorNode() {
+        return {
+            type: "separator"
+        };
+    }
+    resolveTabsNode(node) {
+        if (0 === node.tabs.length) return null;
+        const containerState = this._evaluateRules(node.rules);
+        if (!containerState.visible) return null;
+        const tabKey = node.id || LayoutBuilderFactory.tabsNodeKey(node);
+        const tabs = [];
+        for (const tab of node.tabs){
+            const tabState = this._evaluateRules(tab.rules);
+            if (tabState.visible) tabs.push({
+                id: tab.id,
+                label: tab.label,
+                description: tab.description,
+                icon: tab.icon,
+                hasErrors: this.tabHasErrors(tab.layout),
+                disabled: containerState.disabled || tabState.disabled,
+                layout: tab.layout.map((child)=>this.resolveNode(child)).filter(Boolean)
+            });
+        }
+        if (0 === tabs.length) return null;
+        const storedActive = this._activeTabs.get(tabKey);
+        const validActive = tabs.find((t)=>t.id === storedActive) ? storedActive : tabs[0].id;
+        return {
+            type: "tabs",
+            id: node.id,
+            renderer: node.renderer,
+            tabs,
+            disabled: containerState.disabled,
+            activeTabId: validActive,
+            setActiveTab: (id)=>{
+                runInAction(()=>{
+                    this._activeTabs.set(tabKey, id);
+                });
+            }
+        };
+    }
+    resolveElementNode(node) {
+        return {
+            type: "element",
+            renderer: node.renderer,
+            props: node.props
+        };
+    }
+    resolveObjectNode(node) {
+        const field = this._fields.get(node.fieldName);
+        if (!field || !field.visible) return null;
+        return {
+            type: "row",
+            fields: [
+                field.vm
+            ]
+        };
+    }
+    resolveChildNode(node, children) {
+        switch(node.type){
+            case "row":
+                {
+                    const fields = node.fieldIds.map((id)=>children.get(id)).filter((f)=>void 0 !== f && f.visible).map((f)=>f.vm);
+                    if (0 === fields.length) return null;
+                    return {
+                        type: "row",
+                        fields
+                    };
+                }
+            case "separator":
+                return {
+                    type: "separator"
+                };
+            case "element":
+                return this.resolveElementNode(node);
+            case "object":
+                {
+                    const field = children.get(node.fieldName);
+                    if (!field || !field.visible) return null;
+                    return {
+                        type: "row",
+                        fields: [
+                            field.vm
+                        ]
+                    };
+                }
+            case "tabs":
+                return this.resolveChildTabsNode(node, children);
+            default:
+                return null;
+        }
+    }
+    resolveChildTabsNode(node, children) {
+        if (0 === node.tabs.length) return null;
+        const containerState = this._evaluateRules(node.rules);
+        if (!containerState.visible) return null;
+        const tabKey = node.id || LayoutBuilderFactory.tabsNodeKey(node);
+        const tabs = [];
+        for (const tab of node.tabs){
+            const tabState = this._evaluateRules(tab.rules);
+            if (tabState.visible) tabs.push({
+                id: tab.id,
+                label: tab.label,
+                description: tab.description,
+                icon: tab.icon,
+                hasErrors: this.childTabHasErrors(tab.layout, children),
+                disabled: containerState.disabled || tabState.disabled,
+                layout: tab.layout.map((child)=>this.resolveChildNode(child, children)).filter(Boolean)
+            });
+        }
+        if (0 === tabs.length) return null;
+        const storedActive = this._activeTabs.get(tabKey);
+        const validActive = tabs.find((t)=>t.id === storedActive) ? storedActive : tabs[0].id;
+        return {
+            type: "tabs",
+            id: node.id,
+            renderer: node.renderer,
+            tabs,
+            disabled: containerState.disabled,
+            activeTabId: validActive,
+            setActiveTab: (id)=>{
+                runInAction(()=>{
+                    this._activeTabs.set(tabKey, id);
+                });
+            }
+        };
+    }
+    tabHasErrors(layout) {
+        const fieldIds = this.collectFieldIds(layout);
+        for (const id of fieldIds){
+            const field = this._fields.get(id);
+            if (field) {
+                if (false === field.vm.validation.isValid) return true;
+                if (isObjectField(field) && field.hasErrors) return true;
+            }
+        }
+        return false;
+    }
+    childTabHasErrors(layout, children) {
+        for (const node of layout)if ("row" === node.type) for (const id of node.fieldIds){
+            const field = children.get(id);
+            if (field) {
+                if (false === field.vm.validation.isValid) return true;
+                if (isObjectField(field) && field.hasErrors) return true;
+            }
+        }
+        else if ("object" === node.type) {
+            const field = children.get(node.fieldName);
+            if (field && isObjectField(field) && field.hasErrors) return true;
+        } else if ("tabs" === node.type) {
+            for (const tab of node.tabs)if (this.childTabHasErrors(tab.layout, children)) return true;
+        }
+        return false;
+    }
+}
+export { LayoutResolver };
+
+//# sourceMappingURL=LayoutResolver.js.map

package/features/formModel/LayoutResolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/formModel/LayoutResolver.js","sources":["../../../src/features/formModel/LayoutResolver.ts"],"sourcesContent":["import { runInAction } from \"mobx\";\nimport type { ObservableMap } from \"mobx\";\nimport { isObjectField } from \"./ObjectField.js\";\nimport { LayoutBuilderFactory } from \"./LayoutBuilderFactory.js\";\nimport type {\n    IField,\n    IRule,\n    LayoutNode,\n    LayoutNodeVM,\n    IRowNode,\n    IRowNodeVM,\n    ISeparatorNodeVM,\n    ITabsNode,\n    ITabsNodeVM,\n    ITabDefinitionVM,\n    IElementNode,\n    IElementNodeVM,\n    IObjectNode\n} from \"./abstractions.js\";\n\ntype RuleEvaluatorFn = (rules: IRule[] | undefined) => { visible: boolean; disabled: boolean };\n\nexport class LayoutResolver {\n    constructor(\n        private _fields: Map<string, IField>,\n        private _activeTabs: ObservableMap<string, string>,\n        private _evaluateRules: RuleEvaluatorFn\n    ) {}\n\n    resolve(layout: LayoutNode[]): LayoutNodeVM[] {\n        return layout.map(node => this.resolveNode(node)).filter(Boolean) as LayoutNodeVM[];\n    }\n\n    resolveChildLayout(layout: LayoutNode[], children: Map<string, IField>): LayoutNodeVM[] {\n        return layout\n            .map(node => this.resolveChildNode(node, children))\n            .filter(Boolean) as LayoutNodeVM[];\n    }\n\n    collectFieldIds(layout: LayoutNode[]): string[] {\n        return LayoutBuilderFactory.collectFieldIds(layout);\n    }\n\n    private resolveNode(node: LayoutNode): LayoutNodeVM | null {\n        switch (node.type) {\n            case \"row\":\n                return this.resolveRowNode(node);\n            case \"separator\":\n                return this.resolveSeparatorNode();\n            case \"tabs\":\n                return this.resolveTabsNode(node);\n            case \"element\":\n                return this.resolveElementNode(node);\n            case \"object\":\n                return this.resolveObjectNode(node);\n            default:\n                return null;\n        }\n    }\n\n    private resolveRowNode(node: IRowNode): IRowNodeVM | null {\n        const fields = node.fieldIds\n            .map(id => this._fields.get(id))\n            .filter((f): f is IField => f !== undefined && f.visible)\n            .map(f => f.vm);\n\n        if (fields.length === 0) {\n            return null;\n        }\n\n        return { type: \"row\", fields };\n    }\n\n    private resolveSeparatorNode(): ISeparatorNodeVM {\n        return { type: \"separator\" };\n    }\n\n    private resolveTabsNode(node: ITabsNode): ITabsNodeVM | null {\n        if (node.tabs.length === 0) {\n            return null;\n        }\n\n        const containerState = this._evaluateRules(node.rules);\n        if (!containerState.visible) {\n            return null;\n        }\n\n        const tabKey = node.id || LayoutBuilderFactory.tabsNodeKey(node);\n\n        const tabs: ITabDefinitionVM[] = [];\n        for (const tab of node.tabs) {\n            const tabState = this._evaluateRules(tab.rules);\n            if (!tabState.visible) {\n                continue;\n            }\n            tabs.push({\n                id: tab.id,\n                label: tab.label,\n                description: tab.description,\n                icon: tab.icon,\n                hasErrors: this.tabHasErrors(tab.layout),\n                disabled: containerState.disabled || tabState.disabled,\n                layout: tab.layout\n                    .map(child => this.resolveNode(child))\n                    .filter(Boolean) as LayoutNodeVM[]\n            });\n        }\n\n        if (tabs.length === 0) {\n            return null;\n        }\n\n        const storedActive = this._activeTabs.get(tabKey);\n        const validActive = tabs.find(t => t.id === storedActive) ? storedActive! : tabs[0].id;\n\n        return {\n            type: \"tabs\",\n            id: node.id,\n            renderer: node.renderer,\n            tabs,\n            disabled: containerState.disabled,\n            activeTabId: validActive,\n            setActiveTab: (id: string) => {\n                runInAction(() => {\n                    this._activeTabs.set(tabKey, id);\n                });\n            }\n        };\n    }\n\n    private resolveElementNode(node: IElementNode): IElementNodeVM {\n        return {\n            type: \"element\",\n            renderer: node.renderer,\n            props: node.props\n        };\n    }\n\n    private resolveObjectNode(node: IObjectNode): IRowNodeVM | null {\n        const field = this._fields.get(node.fieldName);\n        if (!field || !field.visible) {\n            return null;\n        }\n        return { type: \"row\", fields: [field.vm] };\n    }\n\n    private resolveChildNode(node: LayoutNode, children: Map<string, IField>): LayoutNodeVM | null {\n        switch (node.type) {\n            case \"row\": {\n                const fields = node.fieldIds\n                    .map(id => children.get(id))\n                    .filter((f): f is IField => f !== undefined && f.visible)\n                    .map(f => f.vm);\n                if (fields.length === 0) {\n                    return null;\n                }\n                return { type: \"row\", fields };\n            }\n            case \"separator\":\n                return { type: \"separator\" };\n            case \"element\":\n                return this.resolveElementNode(node);\n            case \"object\": {\n                const field = children.get(node.fieldName);\n                if (!field || !field.visible) {\n                    return null;\n                }\n                return { type: \"row\", fields: [field.vm] };\n            }\n            case \"tabs\":\n                return this.resolveChildTabsNode(node, children);\n            default:\n                return null;\n        }\n    }\n\n    private resolveChildTabsNode(\n        node: ITabsNode,\n        children: Map<string, IField>\n    ): ITabsNodeVM | null {\n        if (node.tabs.length === 0) {\n            return null;\n        }\n        const containerState = this._evaluateRules(node.rules);\n        if (!containerState.visible) {\n            return null;\n        }\n        const tabKey = node.id || LayoutBuilderFactory.tabsNodeKey(node);\n        const tabs: ITabDefinitionVM[] = [];\n        for (const tab of node.tabs) {\n            const tabState = this._evaluateRules(tab.rules);\n            if (!tabState.visible) {\n                continue;\n            }\n            tabs.push({\n                id: tab.id,\n                label: tab.label,\n                description: tab.description,\n                icon: tab.icon,\n                hasErrors: this.childTabHasErrors(tab.layout, children),\n                disabled: containerState.disabled || tabState.disabled,\n                layout: tab.layout\n                    .map(child => this.resolveChildNode(child, children))\n                    .filter(Boolean) as LayoutNodeVM[]\n            });\n        }\n        if (tabs.length === 0) {\n            return null;\n        }\n        const storedActive = this._activeTabs.get(tabKey);\n        const validActive = tabs.find(t => t.id === storedActive) ? storedActive! : tabs[0].id;\n        return {\n            type: \"tabs\",\n            id: node.id,\n            renderer: node.renderer,\n            tabs,\n            disabled: containerState.disabled,\n            activeTabId: validActive,\n            setActiveTab: (id: string) => {\n                runInAction(() => {\n                    this._activeTabs.set(tabKey, id);\n                });\n            }\n        };\n    }\n\n    private tabHasErrors(layout: LayoutNode[]): boolean {\n        const fieldIds = this.collectFieldIds(layout);\n        for (const id of fieldIds) {\n            const field = this._fields.get(id);\n            if (!field) {\n                continue;\n            }\n            if (field.vm.validation.isValid === false) {\n                return true;\n            }\n            if (isObjectField(field) && field.hasErrors) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    private childTabHasErrors(layout: LayoutNode[], children: Map<string, IField>): boolean {\n        for (const node of layout) {\n            if (node.type === \"row\") {\n                for (const id of node.fieldIds) {\n                    const field = children.get(id);\n                    if (!field) {\n                        continue;\n                    }\n                    if (field.vm.validation.isValid === false) {\n                        return true;\n                    }\n                    if (isObjectField(field) && field.hasErrors) {\n                        return true;\n                    }\n                }\n            } else if (node.type === \"object\") {\n                const field = children.get(node.fieldName);\n                if (field && isObjectField(field) && field.hasErrors) {\n                    return true;\n                }\n            } else if (node.type === \"tabs\") {\n                for (const tab of node.tabs) {\n                    if (this.childTabHasErrors(tab.layout, children)) {\n                        return true;\n                    }\n                }\n            }\n        }\n        return false;\n    }\n}\n"],"names":["LayoutResolver","_fields","_activeTabs","_evaluateRules","layout","node","Boolean","children","LayoutBuilderFactory","fields","id","f","undefined","containerState","tabKey","tabs","tab","tabState","child","storedActive","validActive","t","runInAction","field","fieldIds","isObjectField"],"mappings":"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"}

package/features/formModel/ObjectField.d.ts

@@ -0,0 +1,97 @@
+import type { IObjectFieldConfig, IObjectField, IObjectFieldTemplates, IListItemField, IField, IObjectFieldVM, IFieldValidation, IFormModel, IFieldBuilder, IFieldBuilderRegistry, IRule, ITemplateVM, FieldTypeMap, LayoutNode, BeforeChangeCallback, AfterChangeCallback, AfterSetValueCallback, OnBlurCallback, ComputedFieldCallback } from "./abstractions.js";
+/** Reserved key used as the template discriminator in templated object data. */
+export declare const TEMPLATE_DISCRIMINATOR = "_templateId";
+export declare function isObjectField(field: IField): field is ObjectField;
+/**
+ * ObjectField — hierarchical field with children, using composition.
+ * Holds a `_base` Field for scalar behavior (callbacks, disabled/hidden, form ref).
+ * Adds its own children/items management for object and list modes.
+ */
+export declare class ObjectField implements IObjectField {
+    readonly config: IObjectFieldConfig;
+    private _base;
+    private _form;
+    private _children;
+    private _items;
+    private _templates;
+    private _isTemplated;
+    private _activeTemplateId;
+    /** Inner layout for non-templated objects (single layout, applied per item too). */
+    private _ownLayout;
+    /** Per-template inner layouts for templated objects. */
+    private _templateLayouts;
+    private _validating;
+    constructor(config: IObjectFieldConfig);
+    private _findTemplate;
+    private _rebuildChildrenForTemplate;
+    get name(): string;
+    get type(): string;
+    get visible(): boolean;
+    get disabled(): boolean;
+    setDisabled(value: boolean): void;
+    setVisible(value: boolean): void;
+    setAncestorRules(rules: IRule[]): void;
+    setForm(form: IFormModel, parentPath?: string): void;
+    setValidation(validation: IFieldValidation): void;
+    addBeforeChange(cb: BeforeChangeCallback): void;
+    addAfterChange(cb: AfterChangeCallback): void;
+    addAfterSetValue(cb: AfterSetValueCallback): void;
+    addOnBlur(cb: OnBlurCallback): void;
+    addRequiredWhen(fn: (form: IFormModel) => boolean, message?: string): void;
+    setComputed(fn: ComputedFieldCallback): void;
+    setComputedUntilDirty(fn: ComputedFieldCallback): void;
+    blur(): void;
+    remove(): void;
+    get qualifiedName(): string;
+    focus(): void;
+    requestFocus(): void;
+    clearFocusRequest(): void;
+    getInnerLayout(): LayoutNode[] | null;
+    get isList(): boolean;
+    get isTemplated(): boolean;
+    get activeTemplateId(): string | null;
+    get availableTemplates(): ITemplateVM[];
+    setTemplate(templateId: string): void;
+    get templates(): IObjectFieldTemplates;
+    private _addTemplate;
+    private _removeTemplate;
+    setInnerLayout(layout: LayoutNode[] | Record<string, LayoutNode[]>): void;
+    /**
+     * Walk an inner layout for nested `object` nodes and forward each one to
+     * the matching child field. The recursion bottoms out naturally: each
+     * matched child is itself an ObjectField and will run `_applyNestedObjectLayouts`
+     * against its own children whenever they materialise.
+     */
+    private _applyNestedObjectLayouts;
+    /**
+     * Returns the inner layout that should apply to a freshly-built children
+     * Map for the given templateId (templated objects/lists) or for the
+     * non-templated case. Used to seed nested object layouts on newly-created
+     * children before they go live.
+     */
+    private _innerLayoutFor;
+    private _resolveLayoutForChildren;
+    get children(): Map<string, IField>;
+    get items(): IListItemField[];
+    private _getItemData;
+    getChild(name: string): IField | undefined;
+    fields(factory: (registry: IFieldBuilderRegistry) => Record<string, IFieldBuilder | undefined>): void;
+    getListItemChild(index: number, name: string): IField | undefined;
+    getData(): any;
+    getValue<T = unknown>(): T;
+    setValue(value: unknown): void;
+    setValueSilent(value: unknown): void;
+    addItem(templateIdOrData?: string | Record<string, unknown>, data?: Record<string, unknown>): void;
+    removeItem(index: number): void;
+    moveItem(fromIndex: number, toIndex: number): void;
+    duplicateItem(index: number): void;
+    private _templateChildBuilders;
+    private _addItemInternal;
+    resetValidation(): void;
+    as<T extends keyof FieldTypeMap>(type: T): FieldTypeMap[T];
+    get vm(): IObjectFieldVM;
+    get hasErrors(): boolean;
+    validate(options?: {
+        force?: boolean;
+    }): Promise<boolean>;
+}