@webiny/app-admin 6.3.0-beta.2 → 6.3.0-beta.4

package/features/formModel/LayoutResolver.js

@@ -0,0 +1,239 @@
+import { runInAction } from "mobx";
+import { isObjectField } from "./ObjectField.js";
+import { LayoutBuilderFactory } from "./LayoutBuilderFactory.js";
+export 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 => f !== undefined && f.visible).map(f => f.vm);
+    if (fields.length === 0) {
+      return null;
+    }
+    return {
+      type: "row",
+      fields
+    };
+  }
+  resolveSeparatorNode() {
+    return {
+      type: "separator"
+    };
+  }
+  resolveTabsNode(node) {
+    if (node.tabs.length === 0) {
+      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) {
+        continue;
+      }
+      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 (tabs.length === 0) {
+      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 => f !== undefined && f.visible).map(f => f.vm);
+          if (fields.length === 0) {
+            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 (node.tabs.length === 0) {
+      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) {
+        continue;
+      }
+      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 (tabs.length === 0) {
+      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) {
+        continue;
+      }
+      if (field.vm.validation.isValid === false) {
+        return true;
+      }
+      if (isObjectField(field) && field.hasErrors) {
+        return true;
+      }
+    }
+    return false;
+  }
+  childTabHasErrors(layout, children) {
+    for (const node of layout) {
+      if (node.type === "row") {
+        for (const id of node.fieldIds) {
+          const field = children.get(id);
+          if (!field) {
+            continue;
+          }
+          if (field.vm.validation.isValid === false) {
+            return true;
+          }
+          if (isObjectField(field) && field.hasErrors) {
+            return true;
+          }
+        }
+      } else if (node.type === "object") {
+        const field = children.get(node.fieldName);
+        if (field && isObjectField(field) && field.hasErrors) {
+          return true;
+        }
+      } else if (node.type === "tabs") {
+        for (const tab of node.tabs) {
+          if (this.childTabHasErrors(tab.layout, children)) {
+            return true;
+          }
+        }
+      }
+    }
+    return false;
+  }
+}
+
+//# sourceMappingURL=LayoutResolver.js.map

package/features/formModel/LayoutResolver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["runInAction","isObjectField","LayoutBuilderFactory","LayoutResolver","constructor","_fields","_activeTabs","_evaluateRules","resolve","layout","map","node","resolveNode","filter","Boolean","resolveChildLayout","children","resolveChildNode","collectFieldIds","type","resolveRowNode","resolveSeparatorNode","resolveTabsNode","resolveElementNode","resolveObjectNode","fields","fieldIds","id","get","f","undefined","visible","vm","length","tabs","containerState","rules","tabKey","tabsNodeKey","tab","tabState","push","label","description","icon","hasErrors","tabHasErrors","disabled","child","storedActive","validActive","find","t","renderer","activeTabId","setActiveTab","set","props","field","fieldName","resolveChildTabsNode","childTabHasErrors","validation","isValid"],"sources":["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"],"mappings":"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","ignoreList":[]}

package/features/formModel/ObjectField.d.ts

@@ -1,4 +1,6 @@
-import type { IObjectFieldConfig, IObjectField, IListItemField, IField, IObjectFieldVM, IFieldValidation, IFormModel, FieldTypeMap, BeforeChangeCallback, AfterChangeCallback, AfterSetValueCallback, OnBlurCallback } from "./abstractions.js";
+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.
@@ -11,36 +13,85 @@ export declare class ObjectField implements IObjectField {
     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;
-    setForm(form: IFormModel): 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(data?: Record<string, 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(): Promise<boolean>;
+    validate(options?: {
+        force?: boolean;
+    }): Promise<boolean>;
 }