@webiny/app-admin 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/features/formModel/LayoutBuilderFactory.js

@@ -0,0 +1,316 @@
+import { isObjectField } from "./ObjectField.js";
+class TabBuilder {
+    constructor(existing){
+        this._label = "";
+        this._existing = existing;
+    }
+    label(text) {
+        if (this._existing) this._existing.label = text;
+        else this._label = text;
+        return this;
+    }
+    description(text) {
+        if (this._existing) this._existing.description = text;
+        else this._description = text;
+        return this;
+    }
+    icon(icon) {
+        if (this._existing) this._existing.icon = icon;
+        else this._icon = icon;
+        return this;
+    }
+    layout(factory) {
+        if (this._existing) this._existing.layout.push(...LayoutBuilderFactory.buildNodes(factory(LayoutBuilderFactory.create())));
+        else this._layoutFactory = factory;
+        return this;
+    }
+    rules(r) {
+        if (this._existing) this._existing.rules = r;
+        else this._rules = r;
+        return this;
+    }
+    _build(id) {
+        if (this._existing) return this._existing;
+        return {
+            id,
+            label: this._label,
+            description: this._description,
+            icon: this._icon,
+            layout: this._layoutFactory ? LayoutBuilderFactory.buildNodes(this._layoutFactory(LayoutBuilderFactory.create())) : [],
+            rules: this._rules
+        };
+    }
+}
+class TabsBuilder {
+    constructor(id){
+        this._pendingTabs = [];
+        this._lastAddedIdx = -1;
+        this._id = id;
+    }
+    renderer(name) {
+        this._renderer = name;
+        return this;
+    }
+    tab(tabId, configure) {
+        const tb = new TabBuilder();
+        configure(tb);
+        this._pendingTabs.push({
+            tabId,
+            tabBuilder: tb
+        });
+        this._lastAddedIdx = this._pendingTabs.length - 1;
+        return this;
+    }
+    before(_target) {
+        return this;
+    }
+    after(_target) {
+        return this;
+    }
+    rules(r) {
+        this._rules = r;
+        return this;
+    }
+    build() {
+        return {
+            type: "tabs",
+            id: this._id,
+            renderer: this._renderer,
+            tabs: this._pendingTabs.map((p)=>p.tabBuilder._build(p.tabId)),
+            rules: this._rules
+        };
+    }
+}
+class TabsAccessBuilder {
+    constructor(_node){
+        this._node = _node;
+        this._lastAddedIdx = -1;
+    }
+    renderer(name) {
+        this._node.renderer = name;
+        return this;
+    }
+    tab(tabId, configure) {
+        const existing = this._node.tabs.find((t)=>t.id === tabId);
+        if (existing) configure(new TabBuilder(existing));
+        else {
+            const tb = new TabBuilder();
+            configure(tb);
+            this._node.tabs.push(tb._build(tabId));
+            this._lastAddedIdx = this._node.tabs.length - 1;
+        }
+        return this;
+    }
+    before(target) {
+        if (this._lastAddedIdx >= 0) {
+            const tab = this._node.tabs.splice(this._lastAddedIdx, 1)[0];
+            const targetIdx = this._node.tabs.findIndex((t)=>t.id === target);
+            if (-1 !== targetIdx) this._node.tabs.splice(targetIdx, 0, tab);
+            else this._node.tabs.push(tab);
+        }
+        return this;
+    }
+    after(target) {
+        if (this._lastAddedIdx >= 0) {
+            const tab = this._node.tabs.splice(this._lastAddedIdx, 1)[0];
+            const targetIdx = this._node.tabs.findIndex((t)=>t.id === target);
+            if (-1 !== targetIdx) this._node.tabs.splice(targetIdx + 1, 0, tab);
+            else this._node.tabs.push(tab);
+        }
+        return this;
+    }
+    rules(r) {
+        this._node.rules = r;
+        return this;
+    }
+    build() {
+        return this._node;
+    }
+}
+class LayoutBuilderFactory {
+    static create() {
+        return {
+            row (...fieldIds) {
+                let position;
+                const builder = {
+                    before (target) {
+                        position = {
+                            type: "before",
+                            target
+                        };
+                        return builder;
+                    },
+                    after (target) {
+                        position = {
+                            type: "after",
+                            target
+                        };
+                        return builder;
+                    },
+                    build () {
+                        return {
+                            type: "row",
+                            fieldIds,
+                            position
+                        };
+                    }
+                };
+                return builder;
+            },
+            separator () {
+                return {
+                    build () {
+                        return {
+                            type: "separator"
+                        };
+                    }
+                };
+            },
+            tabs (id) {
+                return new TabsBuilder(id);
+            },
+            element (renderer, props) {
+                return {
+                    build () {
+                        return {
+                            type: "element",
+                            renderer,
+                            props
+                        };
+                    }
+                };
+            },
+            object (fieldName, inner) {
+                return {
+                    build () {
+                        return {
+                            type: "object",
+                            fieldName,
+                            inner: LayoutBuilderFactory.resolveObjectInner(inner)
+                        };
+                    }
+                };
+            }
+        };
+    }
+    static buildNodes(builders) {
+        return builders.map((b)=>b.build());
+    }
+    static resolvePositionedRows(nodes) {
+        const result = [];
+        const deferred = [];
+        for (const node of nodes)if ("row" === node.type && node.position) deferred.push({
+            node,
+            position: node.position
+        });
+        else result.push(node);
+        for (const { node, position } of deferred){
+            const targetIndex = result.findIndex((n)=>"row" === n.type && n.fieldIds.includes(position.target));
+            if (-1 === targetIndex) {
+                result.push(node);
+                continue;
+            }
+            const insertAt = "after" === position.type ? targetIndex + 1 : targetIndex;
+            result.splice(insertAt, 0, node);
+        }
+        return result;
+    }
+    static resolveObjectInner(inner) {
+        const api = LayoutBuilderFactory.create();
+        if ("function" == typeof inner) return LayoutBuilderFactory.resolvePositionedRows(LayoutBuilderFactory.buildNodes(inner(api)));
+        const resolved = {};
+        for (const [tplId, factory] of Object.entries(inner))resolved[tplId] = LayoutBuilderFactory.resolvePositionedRows(LayoutBuilderFactory.buildNodes(factory(api)));
+        return resolved;
+    }
+    static createNodeHandle(node) {
+        const handle = {
+            node,
+            before (target) {
+                handle.position = {
+                    type: "before",
+                    target
+                };
+                return handle;
+            },
+            after (target) {
+                handle.position = {
+                    type: "after",
+                    target
+                };
+                return handle;
+            },
+            replace (target) {
+                handle.position = {
+                    type: "replace",
+                    target
+                };
+                return handle;
+            }
+        };
+        return handle;
+    }
+    static matchesNodeId(node, nodeId) {
+        if ("id" in node && node.id === nodeId) return true;
+        if ("object" === node.type && node.fieldName === nodeId) return true;
+        return false;
+    }
+    static findNodeById(layout, nodeId) {
+        for (const node of layout){
+            if (LayoutBuilderFactory.matchesNodeId(node, nodeId)) return node;
+            if ("tabs" === node.type) for (const tab of node.tabs){
+                const found = LayoutBuilderFactory.findNodeById(tab.layout, nodeId);
+                if (found) return found;
+            }
+        }
+    }
+    static resolveTabDefinition(input) {
+        const api = LayoutBuilderFactory.create();
+        return {
+            id: input.id,
+            label: input.label,
+            description: input.description,
+            icon: input.icon,
+            rules: input.rules,
+            layout: LayoutBuilderFactory.buildNodes(input.layout(api))
+        };
+    }
+    static tabsNodeKey(node) {
+        return `__tabs_${node.tabs.map((t)=>t.id).join("_")}`;
+    }
+    static accessNode(layout, nodeId) {
+        return {
+            as: (type)=>{
+                const node = LayoutBuilderFactory.findNodeById(layout, nodeId);
+                if (!node) throw new Error(`Layout node "${nodeId}" not found.`);
+                if (node.type !== type) throw new Error(`Layout node "${nodeId}" is type "${node.type}", not "${type}".`);
+                if ("tabs" === type) return new TabsAccessBuilder(node);
+                return node;
+            }
+        };
+    }
+    static collectBuilders(fields, builders, predicate, result) {
+        const entries = builders instanceof Map ? builders.entries() : Object.entries(builders);
+        for (const [name, builder] of entries){
+            if (predicate(builder)) result.push(builder);
+            const field = fields instanceof Map ? fields.get(name) : void 0;
+            if (field && isObjectField(field)) {
+                LayoutBuilderFactory.collectBuilders(field.children, field.config.childBuilders, predicate, result);
+                const templates = field.config.templates;
+                if (templates) for (const tpl of templates)LayoutBuilderFactory.collectBuildersFlat(tpl.childBuilders, predicate, result);
+            }
+        }
+    }
+    static collectFieldIds(layout) {
+        const ids = [];
+        for (const node of layout)if ("row" === node.type) ids.push(...node.fieldIds);
+        else if ("tabs" === node.type) for (const tab of node.tabs)ids.push(...LayoutBuilderFactory.collectFieldIds(tab.layout));
+        else if ("object" === node.type) ids.push(node.fieldName);
+        return ids;
+    }
+    static collectBuildersFlat(builders, predicate, result) {
+        for (const builder of Object.values(builders))if (predicate(builder)) result.push(builder);
+    }
+}
+export { LayoutBuilderFactory, TabBuilder, TabsAccessBuilder, TabsBuilder };
+
+//# sourceMappingURL=LayoutBuilderFactory.js.map

package/features/formModel/LayoutBuilderFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/formModel/LayoutBuilderFactory.js","sources":["../../../src/features/formModel/LayoutBuilderFactory.ts"],"sourcesContent":["import type { Icon } from \"~/components/IconPicker/types.js\";\nimport type {\n    IField,\n    IFieldBuilder,\n    ILayoutBuilder,\n    ILayoutNodeBuilder,\n    ILayoutNodeHandle,\n    IPositionedLayoutNode,\n    IRule,\n    ITabBuilder,\n    ITabDefinition,\n    ITabDefinitionInput,\n    ITabsBuilder,\n    ITabsNode,\n    IRowBuilder,\n    ISeparatorBuilder,\n    IElementBuilder,\n    IObjectBuilder,\n    IRowNode,\n    ISeparatorNode,\n    IElementNode,\n    IObjectNode,\n    LayoutNode,\n    LayoutPosition,\n    LayoutNodeHandleMap,\n    ILayoutNodeAccessHandle\n} from \"./abstractions.js\";\nimport { isObjectField } from \"./ObjectField.js\";\nimport type { IObjectFieldConfig } from \"./abstractions.js\";\n\ninterface TabBuilderInternal extends ITabBuilder {\n    _build(id: string): ITabDefinition;\n}\n\nexport class TabBuilder implements TabBuilderInternal {\n    private _existing: ITabDefinition | undefined;\n    private _label = \"\";\n    private _description: string | undefined;\n    private _icon: ITabDefinition[\"icon\"];\n    private _layoutFactory: ((l: ILayoutBuilder) => ILayoutNodeBuilder[]) | undefined;\n    private _rules: IRule[] | undefined;\n\n    constructor(existing?: ITabDefinition) {\n        this._existing = existing;\n    }\n\n    label(text: string): this {\n        if (this._existing) {\n            this._existing.label = text;\n        } else {\n            this._label = text;\n        }\n        return this;\n    }\n\n    description(text: string): this {\n        if (this._existing) {\n            this._existing.description = text;\n        } else {\n            this._description = text;\n        }\n        return this;\n    }\n\n    icon(icon: Icon): this {\n        if (this._existing) {\n            this._existing.icon = icon;\n        } else {\n            this._icon = icon;\n        }\n        return this;\n    }\n\n    layout(factory: (l: ILayoutBuilder) => ILayoutNodeBuilder[]): this {\n        if (this._existing) {\n            this._existing.layout.push(\n                ...LayoutBuilderFactory.buildNodes(factory(LayoutBuilderFactory.create()))\n            );\n        } else {\n            this._layoutFactory = factory;\n        }\n        return this;\n    }\n\n    rules(r: IRule[]): this {\n        if (this._existing) {\n            this._existing.rules = r;\n        } else {\n            this._rules = r;\n        }\n        return this;\n    }\n\n    _build(id: string): ITabDefinition {\n        if (this._existing) {\n            return this._existing;\n        }\n        return {\n            id,\n            label: this._label,\n            description: this._description,\n            icon: this._icon,\n            layout: this._layoutFactory\n                ? LayoutBuilderFactory.buildNodes(\n                      this._layoutFactory(LayoutBuilderFactory.create())\n                  )\n                : [],\n            rules: this._rules\n        };\n    }\n}\n\nexport class TabsBuilder implements ITabsBuilder {\n    private _id: string | undefined;\n    private _renderer: string | undefined;\n    private _rules: IRule[] | undefined;\n    private _pendingTabs: { tabId: string; tabBuilder: TabBuilderInternal }[] = [];\n    private _lastAddedIdx = -1;\n\n    constructor(id?: string) {\n        this._id = id;\n    }\n\n    renderer(name: string): this {\n        this._renderer = name;\n        return this;\n    }\n\n    tab(tabId: string, configure: (tab: ITabBuilder) => void): this {\n        const tb = new TabBuilder();\n        configure(tb);\n        this._pendingTabs.push({ tabId, tabBuilder: tb });\n        this._lastAddedIdx = this._pendingTabs.length - 1;\n        return this;\n    }\n\n    before(_target: string): this {\n        return this;\n    }\n\n    after(_target: string): this {\n        return this;\n    }\n\n    rules(r: IRule[]): this {\n        this._rules = r;\n        return this;\n    }\n\n    build(): ITabsNode {\n        return {\n            type: \"tabs\",\n            id: this._id,\n            renderer: this._renderer,\n            tabs: this._pendingTabs.map(p => p.tabBuilder._build(p.tabId)),\n            rules: this._rules\n        };\n    }\n}\n\nexport class TabsAccessBuilder implements ITabsBuilder {\n    private _lastAddedIdx = -1;\n\n    constructor(private _node: ITabsNode) {}\n\n    renderer(name: string): this {\n        this._node.renderer = name;\n        return this;\n    }\n\n    tab(tabId: string, configure: (tab: ITabBuilder) => void): this {\n        const existing = this._node.tabs.find(t => t.id === tabId);\n        if (existing) {\n            configure(new TabBuilder(existing));\n        } else {\n            const tb = new TabBuilder();\n            configure(tb);\n            this._node.tabs.push(tb._build(tabId));\n            this._lastAddedIdx = this._node.tabs.length - 1;\n        }\n        return this;\n    }\n\n    before(target: string): this {\n        if (this._lastAddedIdx >= 0) {\n            const tab = this._node.tabs.splice(this._lastAddedIdx, 1)[0];\n            const targetIdx = this._node.tabs.findIndex(t => t.id === target);\n            if (targetIdx !== -1) {\n                this._node.tabs.splice(targetIdx, 0, tab);\n            } else {\n                this._node.tabs.push(tab);\n            }\n        }\n        return this;\n    }\n\n    after(target: string): this {\n        if (this._lastAddedIdx >= 0) {\n            const tab = this._node.tabs.splice(this._lastAddedIdx, 1)[0];\n            const targetIdx = this._node.tabs.findIndex(t => t.id === target);\n            if (targetIdx !== -1) {\n                this._node.tabs.splice(targetIdx + 1, 0, tab);\n            } else {\n                this._node.tabs.push(tab);\n            }\n        }\n        return this;\n    }\n\n    rules(r: IRule[]): this {\n        this._node.rules = r;\n        return this;\n    }\n\n    build(): ITabsNode {\n        return this._node;\n    }\n}\n\nexport class LayoutBuilderFactory {\n    static create(): ILayoutBuilder {\n        return {\n            row(...fieldIds: string[]): IRowBuilder {\n                let position: LayoutPosition | undefined;\n                const builder: IRowBuilder = {\n                    before(target: string) {\n                        position = { type: \"before\", target };\n                        return builder;\n                    },\n                    after(target: string) {\n                        position = { type: \"after\", target };\n                        return builder;\n                    },\n                    build(): IRowNode {\n                        return { type: \"row\", fieldIds, position };\n                    }\n                };\n                return builder;\n            },\n            separator(): ISeparatorBuilder {\n                return {\n                    build(): ISeparatorNode {\n                        return { type: \"separator\" };\n                    }\n                };\n            },\n            tabs(id?: string): ITabsBuilder {\n                return new TabsBuilder(id);\n            },\n            element(renderer: string, props?: Record<string, unknown>): IElementBuilder {\n                return {\n                    build(): IElementNode {\n                        return { type: \"element\", renderer, props };\n                    }\n                };\n            },\n            object(\n                fieldName: string,\n                inner:\n                    | ((layout: ILayoutBuilder) => ILayoutNodeBuilder[])\n                    | Record<string, (layout: ILayoutBuilder) => ILayoutNodeBuilder[]>\n            ): IObjectBuilder {\n                return {\n                    build(): IObjectNode {\n                        return {\n                            type: \"object\",\n                            fieldName,\n                            inner: LayoutBuilderFactory.resolveObjectInner(inner)\n                        };\n                    }\n                };\n            }\n        };\n    }\n\n    static buildNodes(builders: ILayoutNodeBuilder[]): LayoutNode[] {\n        return builders.map(b => b.build());\n    }\n\n    static resolvePositionedRows(nodes: LayoutNode[]): LayoutNode[] {\n        const result: LayoutNode[] = [];\n        const deferred: { node: LayoutNode; position: LayoutPosition }[] = [];\n\n        for (const node of nodes) {\n            if (node.type === \"row\" && node.position) {\n                deferred.push({ node, position: node.position });\n            } else {\n                result.push(node);\n            }\n        }\n\n        for (const { node, position } of deferred) {\n            const targetIndex = result.findIndex(\n                n => n.type === \"row\" && (n as IRowNode).fieldIds.includes(position.target)\n            );\n            if (targetIndex === -1) {\n                result.push(node);\n                continue;\n            }\n            const insertAt = position.type === \"after\" ? targetIndex + 1 : targetIndex;\n            result.splice(insertAt, 0, node);\n        }\n\n        return result;\n    }\n\n    static resolveObjectInner(\n        inner:\n            | ((layout: ILayoutBuilder) => ILayoutNodeBuilder[])\n            | Record<string, (layout: ILayoutBuilder) => ILayoutNodeBuilder[]>\n    ): LayoutNode[] | Record<string, LayoutNode[]> {\n        const api = LayoutBuilderFactory.create();\n        if (typeof inner === \"function\") {\n            return LayoutBuilderFactory.resolvePositionedRows(\n                LayoutBuilderFactory.buildNodes(inner(api))\n            );\n        }\n        const resolved: Record<string, LayoutNode[]> = {};\n        for (const [tplId, factory] of Object.entries(inner)) {\n            resolved[tplId] = LayoutBuilderFactory.resolvePositionedRows(\n                LayoutBuilderFactory.buildNodes(factory(api))\n            );\n        }\n        return resolved;\n    }\n\n    static createNodeHandle(node: LayoutNode): ILayoutNodeHandle {\n        const handle: ILayoutNodeHandle = {\n            node,\n            before(target: string): IPositionedLayoutNode {\n                handle.position = { type: \"before\", target };\n                return handle;\n            },\n            after(target: string): IPositionedLayoutNode {\n                handle.position = { type: \"after\", target };\n                return handle;\n            },\n            replace(target: string): IPositionedLayoutNode {\n                handle.position = { type: \"replace\", target };\n                return handle;\n            }\n        };\n        return handle;\n    }\n\n    static matchesNodeId(node: LayoutNode, nodeId: string): boolean {\n        if (\"id\" in node && node.id === nodeId) {\n            return true;\n        }\n        if (node.type === \"object\" && node.fieldName === nodeId) {\n            return true;\n        }\n        return false;\n    }\n\n    static findNodeById(layout: LayoutNode[], nodeId: string): LayoutNode | undefined {\n        for (const node of layout) {\n            if (LayoutBuilderFactory.matchesNodeId(node, nodeId)) {\n                return node;\n            }\n            if (node.type === \"tabs\") {\n                for (const tab of node.tabs) {\n                    const found = LayoutBuilderFactory.findNodeById(tab.layout, nodeId);\n                    if (found) {\n                        return found;\n                    }\n                }\n            }\n        }\n        return undefined;\n    }\n\n    static resolveTabDefinition(input: ITabDefinitionInput): ITabDefinition {\n        const api = LayoutBuilderFactory.create();\n        return {\n            id: input.id,\n            label: input.label,\n            description: input.description,\n            icon: input.icon,\n            rules: input.rules,\n            layout: LayoutBuilderFactory.buildNodes(input.layout(api))\n        };\n    }\n\n    static tabsNodeKey(node: ITabsNode): string {\n        return `__tabs_${node.tabs.map(t => t.id).join(\"_\")}`;\n    }\n\n    static accessNode(layout: LayoutNode[], nodeId: string): ILayoutNodeAccessHandle {\n        return {\n            as: <T extends keyof LayoutNodeHandleMap>(type: T): LayoutNodeHandleMap[T] => {\n                const node = LayoutBuilderFactory.findNodeById(layout, nodeId);\n                if (!node) {\n                    throw new Error(`Layout node \"${nodeId}\" not found.`);\n                }\n                if (node.type !== type) {\n                    throw new Error(\n                        `Layout node \"${nodeId}\" is type \"${node.type}\", not \"${type}\".`\n                    );\n                }\n\n                if (type === \"tabs\") {\n                    return new TabsAccessBuilder(\n                        node as ITabsNode\n                    ) as unknown as LayoutNodeHandleMap[T];\n                }\n\n                return node as unknown as LayoutNodeHandleMap[T];\n            }\n        };\n    }\n\n    static collectBuilders(\n        fields: Map<string, IField>,\n        builders: Map<string, IFieldBuilder> | Record<string, IFieldBuilder>,\n        predicate: (builder: IFieldBuilder) => boolean,\n        result: IFieldBuilder[]\n    ): void {\n        const entries = builders instanceof Map ? builders.entries() : Object.entries(builders);\n        for (const [name, builder] of entries) {\n            if (predicate(builder)) {\n                result.push(builder);\n            }\n            const field = fields instanceof Map ? fields.get(name) : undefined;\n            if (field && isObjectField(field)) {\n                LayoutBuilderFactory.collectBuilders(\n                    field.children,\n                    field.config.childBuilders,\n                    predicate,\n                    result\n                );\n                const templates = (field.config as IObjectFieldConfig).templates;\n                if (templates) {\n                    for (const tpl of templates) {\n                        LayoutBuilderFactory.collectBuildersFlat(\n                            tpl.childBuilders,\n                            predicate,\n                            result\n                        );\n                    }\n                }\n            }\n        }\n    }\n\n    static collectFieldIds(layout: LayoutNode[]): string[] {\n        const ids: string[] = [];\n        for (const node of layout) {\n            if (node.type === \"row\") {\n                ids.push(...node.fieldIds);\n            } else if (node.type === \"tabs\") {\n                for (const tab of node.tabs) {\n                    ids.push(...LayoutBuilderFactory.collectFieldIds(tab.layout));\n                }\n            } else if (node.type === \"object\") {\n                ids.push(node.fieldName);\n            }\n        }\n        return ids;\n    }\n\n    static collectBuildersFlat(\n        builders: Record<string, IFieldBuilder>,\n        predicate: (builder: IFieldBuilder) => boolean,\n        result: IFieldBuilder[]\n    ): void {\n        for (const builder of Object.values(builders)) {\n            if (predicate(builder)) {\n                result.push(builder);\n            }\n        }\n    }\n}\n"],"names":["TabBuilder","existing","text","icon","factory","LayoutBuilderFactory","r","id","TabsBuilder","name","tabId","configure","tb","_target","p","TabsAccessBuilder","_node","t","target","tab","targetIdx","fieldIds","position","builder","renderer","props","fieldName","inner","builders","b","nodes","result","deferred","node","targetIndex","n","insertAt","api","resolved","tplId","Object","handle","nodeId","layout","found","input","type","Error","fields","predicate","entries","Map","field","undefined","isObjectField","templates","tpl","ids"],"mappings":"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"}

package/features/formModel/LayoutMutator.d.ts

@@ -0,0 +1,11 @@
+import type { ILayoutModifier, IPositionedLayoutNode, ILayoutNodeAccessHandle, LayoutNode, LayoutPosition } from "./abstractions.js";
+export declare class LayoutMutator {
+    createModifierAPI(removals: string[]): ILayoutModifier;
+    applyModifications(layout: LayoutNode[], factory: (modifier: ILayoutModifier) => (LayoutNode | IPositionedLayoutNode)[]): LayoutNode[];
+    accessNode(layout: LayoutNode[], nodeId: string): ILayoutNodeAccessHandle;
+    removeFromLayout(layout: LayoutNode[], target: string): LayoutNode[];
+    insertIntoLayout(layout: LayoutNode[], node: LayoutNode, position: LayoutPosition): LayoutNode[];
+    isPositionedNode(entry: LayoutNode | IPositionedLayoutNode): entry is IPositionedLayoutNode;
+    private findIndex;
+    private nodeMatchesTarget;
+}

package/features/formModel/LayoutMutator.js

@@ -0,0 +1,129 @@
+import { LayoutBuilderFactory } from "./LayoutBuilderFactory.js";
+class LayoutMutator {
+    createModifierAPI(removals) {
+        return {
+            row (...fieldIds) {
+                const node = {
+                    type: "row",
+                    fieldIds
+                };
+                return LayoutBuilderFactory.createNodeHandle(node);
+            },
+            separator () {
+                const node = {
+                    type: "separator"
+                };
+                return LayoutBuilderFactory.createNodeHandle(node);
+            },
+            tabs (config) {
+                const node = {
+                    type: "tabs",
+                    id: config.id,
+                    renderer: config.renderer,
+                    tabs: config.tabs.map(LayoutBuilderFactory.resolveTabDefinition),
+                    rules: config.rules
+                };
+                return LayoutBuilderFactory.createNodeHandle(node);
+            },
+            element (renderer, props) {
+                const node = {
+                    type: "element",
+                    renderer,
+                    props
+                };
+                return LayoutBuilderFactory.createNodeHandle(node);
+            },
+            object (fieldName, inner) {
+                const node = {
+                    type: "object",
+                    fieldName,
+                    inner: LayoutBuilderFactory.resolveObjectInner(inner)
+                };
+                return LayoutBuilderFactory.createNodeHandle(node);
+            },
+            remove (target) {
+                removals.push(target);
+            }
+        };
+    }
+    applyModifications(layout, factory) {
+        const removals = [];
+        const modifierAPI = this.createModifierAPI(removals);
+        const entries = factory(modifierAPI);
+        let result = layout;
+        for (const target of removals)result = this.removeFromLayout(result, target);
+        for (const entry of entries)if (this.isPositionedNode(entry)) {
+            const { node, position } = entry;
+            result = position ? this.insertIntoLayout(result, node, position) : [
+                ...result,
+                node
+            ];
+        } else result = [
+            ...result,
+            entry
+        ];
+        return result;
+    }
+    accessNode(layout, nodeId) {
+        return LayoutBuilderFactory.accessNode(layout, nodeId);
+    }
+    removeFromLayout(layout, target) {
+        return layout.map((node)=>{
+            if ("row" === node.type) {
+                const filtered = node.fieldIds.filter((id)=>id !== target);
+                if (0 === filtered.length) return null;
+                return {
+                    ...node,
+                    fieldIds: filtered
+                };
+            }
+            if ("tabs" === node.type && node.id === target || "element" === node.type && (node.id === target || node.renderer === target) || "object" === node.type && node.fieldName === target) return null;
+            return node;
+        }).filter(Boolean);
+    }
+    insertIntoLayout(layout, node, position) {
+        const targetIndex = this.findIndex(layout, position.target);
+        if (-1 === targetIndex) return [
+            ...layout,
+            node
+        ];
+        const result = [
+            ...layout
+        ];
+        switch(position.type){
+            case "before":
+                result.splice(targetIndex, 0, node);
+                break;
+            case "after":
+                result.splice(targetIndex + 1, 0, node);
+                break;
+            case "replace":
+                result.splice(targetIndex, 1, node);
+                break;
+        }
+        return result;
+    }
+    isPositionedNode(entry) {
+        return "node" in entry;
+    }
+    findIndex(layout, target) {
+        return layout.findIndex((node)=>this.nodeMatchesTarget(node, target));
+    }
+    nodeMatchesTarget(node, target) {
+        switch(node.type){
+            case "row":
+                return node.fieldIds.includes(target);
+            case "tabs":
+                return node.id === target;
+            case "element":
+                return node.id === target || node.renderer === target;
+            case "object":
+                return node.fieldName === target;
+            default:
+                return false;
+        }
+    }
+}
+export { LayoutMutator };
+
+//# sourceMappingURL=LayoutMutator.js.map

package/features/formModel/LayoutMutator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/formModel/LayoutMutator.js","sources":["../../../src/features/formModel/LayoutMutator.ts"],"sourcesContent":["import { LayoutBuilderFactory } from \"./LayoutBuilderFactory.js\";\nimport type {\n    ILayoutModifier,\n    ILayoutNodeHandle,\n    IPositionedLayoutNode,\n    ILayoutNodeAccessHandle,\n    ITabDefinitionInput,\n    IRule,\n    LayoutNode,\n    LayoutPosition,\n    IRowNode,\n    ISeparatorNode,\n    ITabsNode,\n    IElementNode,\n    IObjectNode,\n    ILayoutBuilder,\n    ILayoutNodeBuilder\n} from \"./abstractions.js\";\n\nexport class LayoutMutator {\n    createModifierAPI(removals: string[]): ILayoutModifier {\n        return {\n            row(...fieldIds: string[]): ILayoutNodeHandle {\n                const node: IRowNode = { type: \"row\", fieldIds };\n                return LayoutBuilderFactory.createNodeHandle(node);\n            },\n            separator(): ILayoutNodeHandle {\n                const node: ISeparatorNode = { type: \"separator\" };\n                return LayoutBuilderFactory.createNodeHandle(node);\n            },\n            tabs(config: {\n                id?: string;\n                renderer?: string;\n                tabs: ITabDefinitionInput[];\n                rules?: IRule[];\n            }): ILayoutNodeHandle {\n                const node: ITabsNode = {\n                    type: \"tabs\",\n                    id: config.id,\n                    renderer: config.renderer,\n                    tabs: config.tabs.map(LayoutBuilderFactory.resolveTabDefinition),\n                    rules: config.rules\n                };\n                return LayoutBuilderFactory.createNodeHandle(node);\n            },\n            element(renderer: string, props?: Record<string, unknown>): ILayoutNodeHandle {\n                const node: IElementNode = { type: \"element\", renderer, props };\n                return LayoutBuilderFactory.createNodeHandle(node);\n            },\n            object(\n                fieldName: string,\n                inner:\n                    | ((layout: ILayoutBuilder) => ILayoutNodeBuilder[])\n                    | Record<string, (layout: ILayoutBuilder) => ILayoutNodeBuilder[]>\n            ): ILayoutNodeHandle {\n                const node: IObjectNode = {\n                    type: \"object\",\n                    fieldName,\n                    inner: LayoutBuilderFactory.resolveObjectInner(inner)\n                };\n                return LayoutBuilderFactory.createNodeHandle(node);\n            },\n            remove(target: string): void {\n                removals.push(target);\n            }\n        };\n    }\n\n    applyModifications(\n        layout: LayoutNode[],\n        factory: (modifier: ILayoutModifier) => (LayoutNode | IPositionedLayoutNode)[]\n    ): LayoutNode[] {\n        const removals: string[] = [];\n        const modifierAPI = this.createModifierAPI(removals);\n        const entries = factory(modifierAPI);\n\n        let result = layout;\n\n        for (const target of removals) {\n            result = this.removeFromLayout(result, target);\n        }\n\n        for (const entry of entries) {\n            if (this.isPositionedNode(entry)) {\n                const { node, position } = entry;\n                if (position) {\n                    result = this.insertIntoLayout(result, node, position);\n                } else {\n                    result = [...result, node];\n                }\n            } else {\n                result = [...result, entry];\n            }\n        }\n\n        return result;\n    }\n\n    accessNode(layout: LayoutNode[], nodeId: string): ILayoutNodeAccessHandle {\n        return LayoutBuilderFactory.accessNode(layout, nodeId);\n    }\n\n    removeFromLayout(layout: LayoutNode[], target: string): LayoutNode[] {\n        return layout\n            .map(node => {\n                if (node.type === \"row\") {\n                    const filtered = node.fieldIds.filter(id => id !== target);\n                    if (filtered.length === 0) {\n                        return null;\n                    }\n                    return { ...node, fieldIds: filtered };\n                }\n                if (\n                    (node.type === \"tabs\" && node.id === target) ||\n                    (node.type === \"element\" && (node.id === target || node.renderer === target)) ||\n                    (node.type === \"object\" && node.fieldName === target)\n                ) {\n                    return null;\n                }\n                return node;\n            })\n            .filter(Boolean) as LayoutNode[];\n    }\n\n    insertIntoLayout(\n        layout: LayoutNode[],\n        node: LayoutNode,\n        position: LayoutPosition\n    ): LayoutNode[] {\n        const targetIndex = this.findIndex(layout, position.target);\n\n        if (targetIndex === -1) {\n            return [...layout, node];\n        }\n\n        const result = [...layout];\n\n        switch (position.type) {\n            case \"before\":\n                result.splice(targetIndex, 0, node);\n                break;\n            case \"after\":\n                result.splice(targetIndex + 1, 0, node);\n                break;\n            case \"replace\":\n                result.splice(targetIndex, 1, node);\n                break;\n        }\n\n        return result;\n    }\n\n    isPositionedNode(entry: LayoutNode | IPositionedLayoutNode): entry is IPositionedLayoutNode {\n        return \"node\" in entry;\n    }\n\n    private findIndex(layout: LayoutNode[], target: string): number {\n        return layout.findIndex(node => this.nodeMatchesTarget(node, target));\n    }\n\n    private nodeMatchesTarget(node: LayoutNode, target: string): boolean {\n        switch (node.type) {\n            case \"row\":\n                return node.fieldIds.includes(target);\n            case \"tabs\":\n                return node.id === target;\n            case \"element\":\n                return node.id === target || node.renderer === target;\n            case \"object\":\n                return node.fieldName === target;\n            default:\n                return false;\n        }\n    }\n}\n"],"names":["LayoutMutator","removals","fieldIds","node","LayoutBuilderFactory","config","renderer","props","fieldName","inner","target","layout","factory","modifierAPI","entries","result","entry","position","nodeId","filtered","id","Boolean","targetIndex"],"mappings":"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"}

package/features/formModel/LayoutResolver.d.ts

@@ -0,0 +1,26 @@
+import type { ObservableMap } from "mobx";
+import type { IField, IRule, LayoutNode, LayoutNodeVM } from "./abstractions.js";
+type RuleEvaluatorFn = (rules: IRule[] | undefined) => {
+    visible: boolean;
+    disabled: boolean;
+};
+export declare class LayoutResolver {
+    private _fields;
+    private _activeTabs;
+    private _evaluateRules;
+    constructor(_fields: Map<string, IField>, _activeTabs: ObservableMap<string, string>, _evaluateRules: RuleEvaluatorFn);
+    resolve(layout: LayoutNode[]): LayoutNodeVM[];
+    resolveChildLayout(layout: LayoutNode[], children: Map<string, IField>): LayoutNodeVM[];
+    collectFieldIds(layout: LayoutNode[]): string[];
+    private resolveNode;
+    private resolveRowNode;
+    private resolveSeparatorNode;
+    private resolveTabsNode;
+    private resolveElementNode;
+    private resolveObjectNode;
+    private resolveChildNode;
+    private resolveChildTabsNode;
+    private tabHasErrors;
+    private childTabHasErrors;
+}
+export {};