@webiny/api-headless-cms 6.0.0-rc.2 → 6.0.0-rc.4

package/features/modelBuilder/fields/FieldBuilder.d.ts

@@ -1,228 +1,5 @@
-import type { CmsModelField, CmsModelFieldPredefinedValues, CmsModelFieldValidation } from "../../../types/index.js";
-export interface FieldBuilderConfig extends Omit<CmsModelField, "id" | "fieldId" | "storageId" | "type"> {
-    _storageId?: string;
-    _fieldId?: string;
-    description?: string | null;
-    note?: string | null;
-}
-/**
- * Augmentable renderer registry.
- * Each entry maps a renderer name to its applicable field type(s) and settings.
- *
- * Example:
- *   declare module "@webiny/api-headless-cms/features/modelBuilder/fields/FieldBuilder" {
- *       interface FieldRendererRegistry {
- *           "my-renderer": { fieldType: "text" | "long-text"; settings: { color: string } };
- *       }
- *   }
- */
-export interface FieldRendererRegistry {
-    switch: {
-        fieldType: "boolean";
-        settings: undefined;
-    };
-    checkboxes: {
-        fieldType: "text" | "number";
-        settings: undefined;
-    };
-    dateTimeInput: {
-        fieldType: "datetime";
-        settings: undefined;
-    };
-    dateTimeInputs: {
-        fieldType: "datetime";
-        settings?: {
-            multiValue?: {
-                addValueButtonLabel?: string;
-            };
-        };
-    };
-    dynamicZone: {
-        fieldType: "dynamicZone";
-        settings?: {
-            open?: boolean;
-        };
-    };
-    hidden: {
-        fieldType: string;
-        settings: undefined;
-    };
-    lexicalEditor: {
-        fieldType: "rich-text";
-        settings: undefined;
-    };
-    lexicalEditors: {
-        fieldType: "rich-text";
-        settings?: {
-            multiValue?: {
-                addValueButtonLabel?: string;
-            };
-        };
-    };
-    textarea: {
-        fieldType: "long-text";
-        settings: undefined;
-    };
-    textareas: {
-        fieldType: "long-text";
-        settings: {
-            multiValue?: {
-                addValueButtonLabel?: string;
-            };
-        };
-    };
-    numberInput: {
-        fieldType: "number";
-        settings: undefined;
-    };
-    numberInputs: {
-        fieldType: "number";
-        settings?: {
-            multiValue?: {
-                addValueButtonLabel?: string;
-            };
-        };
-    };
-    objectAccordionSingle: {
-        fieldType: "object";
-        settings?: {
-            open?: boolean;
-        };
-    };
-    objectAccordionMultiple: {
-        fieldType: "object";
-        settings?: {
-            open?: boolean;
-            multiValue?: {
-                addValueButtonLabel?: string;
-            };
-        };
-    };
-    passthrough: {
-        fieldType: string;
-        settings: undefined;
-    };
-    radioButtons: {
-        fieldType: "text" | "number";
-        settings: undefined;
-    };
-    refDialogSingle: {
-        fieldType: "ref";
-        settings: undefined;
-    };
-    refDialogMultiple: {
-        fieldType: "ref";
-        settings?: {
-            newItemPosition?: "first" | "last";
-        };
-    };
-    refAutocompleteSingle: {
-        fieldType: "ref";
-        settings: undefined;
-    };
-    refAutocompleteMultiple: {
-        fieldType: "ref";
-        settings: undefined;
-    };
-    refCheckboxes: {
-        fieldType: "ref";
-        settings: undefined;
-    };
-    refRadioButtons: {
-        fieldType: "ref";
-        settings: undefined;
-    };
-    dropdown: {
-        fieldType: "text" | "number";
-        settings: undefined;
-    };
-    tags: {
-        fieldType: "text";
-        settings: undefined;
-    };
-    textInput: {
-        fieldType: "text";
-        settings: undefined;
-    };
-    textInputs: {
-        fieldType: "text";
-        settings?: {
-            multiValue?: {
-                addValueButtonLabel?: string;
-            };
-        };
-    };
-    file: {
-        fieldType: "file";
-        settings?: {
-            imagesOnly?: boolean;
-        };
-    };
-    files: {
-        fieldType: "file";
-        settings?: {
-            imagesOnly?: boolean;
-        };
-    };
-    uiSeparator: {
-        fieldType: "ui";
-        settings: undefined;
-    };
-    uiAlert: {
-        fieldType: "ui";
-        settings: {
-            type: "info" | "success" | "warning" | "danger";
-        };
-    };
-}
-/**
- * Extracts renderer names valid for the given field type.
- * When TType is a broad `string`, all renderer names are returned.
- */
-export type FieldRendererName<TType extends string = string> = string extends TType ? keyof FieldRendererRegistry & string : {
-    [K in keyof FieldRendererRegistry]: TType extends FieldRendererRegistry[K]["fieldType"] ? K : never;
-}[keyof FieldRendererRegistry] & string;
-export type FieldRendererSettings<TName extends string> = TName extends keyof FieldRendererRegistry ? FieldRendererRegistry[TName]["settings"] : Record<string, any> | undefined;
-/**
- * Base FieldBuilder class providing common field configuration methods
- */
-export declare class FieldBuilder<TType extends string = string> {
-    readonly type: TType;
-    protected config: FieldBuilderConfig;
-    constructor(type: TType, label?: string);
-    label(text: string): this;
-    help(text: string): this;
-    description(text: string): this;
-    note(text: string): this;
-    placeholder(text: string): this;
-    storageId(id: string): this;
-    fieldId(id: string): this;
-    defaultValue(value: any): this;
-    list(): this;
-    tags(tags: string[]): this;
-    /**
-     * List validators - these methods are available after calling list()
-     */
-    listMinLength(value: number, message?: string): this;
-    listMaxLength(value: number, message?: string): this;
-    /**
-     * Add a validation rule to this field.
-     * This method is protected and should only be used by field-specific validator methods.
-     * @internal
-     */
-    protected validation(validation: CmsModelFieldValidation): this;
-    /**
-     * Add a list validation rule to this field (for list fields).
-     * This method is protected and should only be used by field-specific validator methods.
-     * @internal
-     */
-    protected listValidation(validation: CmsModelFieldValidation): this;
-    predefinedValues(values: CmsModelFieldPredefinedValues["values"]): this;
-    renderer<TName extends FieldRendererName<TType>>(name: TName, ...args: undefined extends FieldRendererSettings<TName> ? [settings?: FieldRendererSettings<TName>] : FieldRendererSettings<TName> extends undefined ? [] : [settings: FieldRendererSettings<TName>]): this;
-    settings(settings: Record<string, any>): this;
-    /**
-     * Build the final CmsModelField
-     * @internal
-     */
-    build(): CmsModelField;
-}
+export { DataFieldBuilder, DataFieldBuilder as FieldBuilder } from "./DataFieldBuilder.js";
+export { LayoutFieldBuilder } from "./LayoutFieldBuilder.js";
+export { BaseFieldBuilder } from "./BaseFieldBuilder.js";
+export type { FieldBuildResult, DataFieldBuildResult, LayoutFieldBuildResult } from "./BaseFieldBuilder.js";
+export type { FieldRendererRegistry, FieldRendererName, FieldRendererSettings, FieldBuilderConfig } from "./DataFieldBuilder.js";

package/features/modelBuilder/fields/FieldBuilder.js

@@ -1,233 +1,5 @@
-import camelCase from "lodash/camelCase.js";
-import { getBaseFieldType } from "../../../utils/getBaseFieldType.js";
-
-/**
- * Augmentable renderer registry.
- * Each entry maps a renderer name to its applicable field type(s) and settings.
- *
- * Example:
- *   declare module "@webiny/api-headless-cms/features/modelBuilder/fields/FieldBuilder" {
- *       interface FieldRendererRegistry {
- *           "my-renderer": { fieldType: "text" | "long-text"; settings: { color: string } };
- *       }
- *   }
- */
-
-/**
- * Maps camelCase renderer names (used in the builder API) to the
- * kebab-case names expected by the frontend renderer registry.
- */
-const rendererNameMap = {
-  switch: "boolean-input",
-  checkboxes: "checkboxes",
-  dateTimeInput: "date-time-input",
-  dateTimeInputs: "date-time-inputs",
-  dynamicZone: "dynamicZone",
-  hidden: "hidden",
-  lexicalEditor: "lexical-text-input",
-  lexicalEditors: "lexical-text-inputs",
-  textarea: "long-text-text-area",
-  textareas: "long-text-inputs",
-  numberInput: "number-input",
-  numberInputs: "number-inputs",
-  objectAccordionSingle: "object-accordion",
-  objectAccordionMultiple: "objects-accordion",
-  passthrough: "passthrough",
-  radioButtons: "radio-buttons",
-  refDialogSingle: "ref-advanced-single",
-  refDialogMultiple: "ref-advanced-multiple",
-  refAutocompleteSingle: "ref-input",
-  refAutocompleteMultiple: "ref-inputs",
-  refCheckboxes: "ref-simple-multiple",
-  refRadioButtons: "ref-simple-single",
-  dropdown: "select-box",
-  tags: "tags",
-  textInput: "text-input",
-  textInputs: "text-inputs",
-  file: "file-input",
-  files: "file-inputs",
-  uiSeparator: "uiSeparator",
-  uiAlert: "uiAlert"
-};
-
-/**
- * Resolves a camelCase renderer name to the kebab-case name used by the frontend.
- */
-function resolveRendererName(name) {
-  return rendererNameMap[name] ?? name;
-}
-
-/**
- * Extracts renderer names valid for the given field type.
- * When TType is a broad `string`, all renderer names are returned.
- */
-
-/**
- * Base FieldBuilder class providing common field configuration methods
- */
-export class FieldBuilder {
-  constructor(type, label) {
-    this.type = type;
-    this.config = {
-      label: label || "",
-      validation: [],
-      listValidation: [],
-      list: false,
-      predefinedValues: {
-        enabled: false,
-        values: []
-      },
-      help: null,
-      placeholder: null,
-      description: null,
-      note: null,
-      renderer: null,
-      settings: {},
-      tags: []
-    };
-  }
-  label(text) {
-    this.config.label = text;
-    return this;
-  }
-  help(text) {
-    this.config.help = text;
-    return this;
-  }
-  description(text) {
-    this.config.description = text;
-    return this;
-  }
-  note(text) {
-    this.config.note = text;
-    return this;
-  }
-  placeholder(text) {
-    this.config.placeholder = text;
-    return this;
-  }
-  storageId(id) {
-    // We do not allow developers to specify the field type!
-    this.config._storageId = id.split("@").pop();
-    return this;
-  }
-  fieldId(id) {
-    this.config._fieldId = id;
-    return this;
-  }
-  defaultValue(value) {
-    this.config.settings = {
-      ...this.config.settings,
-      defaultValue: value
-    };
-    return this;
-  }
-  list() {
-    this.config.list = true;
-    return this;
-  }
-  tags(tags) {
-    this.config.tags = tags;
-    return this;
-  }
-
-  /**
-   * List validators - these methods are available after calling list()
-   */
-  listMinLength(value, message) {
-    return this.listValidation({
-      name: "minLength",
-      message: message || `At least ${value} item(s) required.`,
-      settings: {
-        value
-      }
-    });
-  }
-  listMaxLength(value, message) {
-    return this.listValidation({
-      name: "maxLength",
-      message: message || `At most ${value} item(s) allowed.`,
-      settings: {
-        value
-      }
-    });
-  }
-
-  /**
-   * Add a validation rule to this field.
-   * This method is protected and should only be used by field-specific validator methods.
-   * @internal
-   */
-  validation(validation) {
-    this.config.validation = this.config.validation || [];
-    this.config.validation.push(validation);
-    return this;
-  }
-
-  /**
-   * Add a list validation rule to this field (for list fields).
-   * This method is protected and should only be used by field-specific validator methods.
-   * @internal
-   */
-  listValidation(validation) {
-    this.config.listValidation = this.config.listValidation || [];
-    this.config.listValidation.push(validation);
-    return this;
-  }
-  predefinedValues(values) {
-    this.config.predefinedValues = {
-      enabled: true,
-      values
-    };
-    return this;
-  }
-  renderer(name, ...args) {
-    this.config.renderer = {
-      name: resolveRendererName(name),
-      settings: args[0] ?? null
-    };
-    return this;
-  }
-  settings(settings) {
-    this.config.settings = {
-      ...this.config.settings,
-      ...settings
-    };
-    return this;
-  }
-
-  /**
-   * Build the final CmsModelField
-   * @internal
-   */
-  build() {
-    const fieldId = this.config._fieldId || camelCase(this.config.label);
-    const baseType = getBaseFieldType({
-      type: this.type
-    });
-    const storageId = `${baseType}@${this.config._storageId ?? fieldId}`;
-    return {
-      id: fieldId,
-      fieldId,
-      storageId,
-      type: this.type,
-      label: this.config.label,
-      validation: this.config.validation || [],
-      listValidation: this.config.listValidation || [],
-      list: this.config.list || false,
-      predefinedValues: this.config.predefinedValues || {
-        enabled: false,
-        values: []
-      },
-      help: this.config.help || null,
-      placeholder: this.config.placeholder || null,
-      description: this.config.description || null,
-      note: this.config.note || null,
-      renderer: this.config.renderer || null,
-      settings: this.config.settings || {},
-      tags: this.config.tags || []
-    };
-  }
-}
+export { DataFieldBuilder, DataFieldBuilder as FieldBuilder } from "./DataFieldBuilder.js";
+export { LayoutFieldBuilder } from "./LayoutFieldBuilder.js";
+export { BaseFieldBuilder } from "./BaseFieldBuilder.js";
 
 //# sourceMappingURL=FieldBuilder.js.map

package/features/modelBuilder/fields/FieldBuilder.js.map

@@ -1 +1 @@
-{"version":3,"names":["camelCase","getBaseFieldType","rendererNameMap","switch","checkboxes","dateTimeInput","dateTimeInputs","dynamicZone","hidden","lexicalEditor","lexicalEditors","textarea","textareas","numberInput","numberInputs","objectAccordionSingle","objectAccordionMultiple","passthrough","radioButtons","refDialogSingle","refDialogMultiple","refAutocompleteSingle","refAutocompleteMultiple","refCheckboxes","refRadioButtons","dropdown","tags","textInput","textInputs","file","files","uiSeparator","uiAlert","resolveRendererName","name","FieldBuilder","constructor","type","label","config","validation","listValidation","list","predefinedValues","enabled","values","help","placeholder","description","note","renderer","settings","text","storageId","id","_storageId","split","pop","fieldId","_fieldId","defaultValue","value","listMinLength","message","listMaxLength","push","args","build","baseType"],"sources":["FieldBuilder.ts"],"sourcesContent":["import camelCase from \"lodash/camelCase.js\";\nimport type {\n    CmsModelField,\n    CmsModelFieldPredefinedValues,\n    CmsModelFieldValidation\n} from \"~/types/index.js\";\nimport { getBaseFieldType } from \"~/utils/getBaseFieldType.js\";\n\nexport interface FieldBuilderConfig\n    extends Omit<CmsModelField, \"id\" | \"fieldId\" | \"storageId\" | \"type\"> {\n    _storageId?: string;\n    _fieldId?: string;\n    description?: string | null;\n    note?: string | null;\n}\n\n/**\n * Augmentable renderer registry.\n * Each entry maps a renderer name to its applicable field type(s) and settings.\n *\n * Example:\n *   declare module \"@webiny/api-headless-cms/features/modelBuilder/fields/FieldBuilder\" {\n *       interface FieldRendererRegistry {\n *           \"my-renderer\": { fieldType: \"text\" | \"long-text\"; settings: { color: string } };\n *       }\n *   }\n */\nexport interface FieldRendererRegistry {\n    switch: {\n        fieldType: \"boolean\";\n        settings: undefined;\n    };\n    checkboxes: {\n        fieldType: \"text\" | \"number\";\n        settings: undefined;\n    };\n    dateTimeInput: {\n        fieldType: \"datetime\";\n        settings: undefined;\n    };\n    dateTimeInputs: {\n        fieldType: \"datetime\";\n        settings?: {\n            multiValue?: {\n                addValueButtonLabel?: string;\n            };\n        };\n    };\n    dynamicZone: {\n        fieldType: \"dynamicZone\";\n        settings?: {\n            open?: boolean;\n        };\n    };\n    hidden: {\n        fieldType: string;\n        settings: undefined;\n    };\n    lexicalEditor: {\n        fieldType: \"rich-text\";\n        settings: undefined;\n    };\n    lexicalEditors: {\n        fieldType: \"rich-text\";\n        settings?: {\n            multiValue?: {\n                addValueButtonLabel?: string;\n            };\n        };\n    };\n    textarea: {\n        fieldType: \"long-text\";\n        settings: undefined;\n    };\n    textareas: {\n        fieldType: \"long-text\";\n        settings: {\n            multiValue?: {\n                addValueButtonLabel?: string;\n            };\n        };\n    };\n    numberInput: {\n        fieldType: \"number\";\n        settings: undefined;\n    };\n    numberInputs: {\n        fieldType: \"number\";\n        settings?: {\n            multiValue?: {\n                addValueButtonLabel?: string;\n            };\n        };\n    };\n    objectAccordionSingle: {\n        fieldType: \"object\";\n        settings?: {\n            open?: boolean;\n        };\n    };\n    objectAccordionMultiple: {\n        fieldType: \"object\";\n        settings?: {\n            open?: boolean;\n            multiValue?: {\n                addValueButtonLabel?: string;\n            };\n        };\n    };\n    passthrough: {\n        fieldType: string;\n        settings: undefined;\n    };\n    radioButtons: {\n        fieldType: \"text\" | \"number\";\n        settings: undefined;\n    };\n    refDialogSingle: {\n        fieldType: \"ref\";\n        settings: undefined;\n    };\n    refDialogMultiple: {\n        fieldType: \"ref\";\n        settings?: {\n            newItemPosition?: \"first\" | \"last\";\n        };\n    };\n    refAutocompleteSingle: {\n        fieldType: \"ref\";\n        settings: undefined;\n    };\n    refAutocompleteMultiple: {\n        fieldType: \"ref\";\n        settings: undefined;\n    };\n    refCheckboxes: {\n        fieldType: \"ref\";\n        settings: undefined;\n    };\n    refRadioButtons: {\n        fieldType: \"ref\";\n        settings: undefined;\n    };\n    dropdown: {\n        fieldType: \"text\" | \"number\";\n        settings: undefined;\n    };\n    tags: {\n        fieldType: \"text\";\n        settings: undefined;\n    };\n    textInput: {\n        fieldType: \"text\";\n        settings: undefined;\n    };\n    textInputs: {\n        fieldType: \"text\";\n        settings?: {\n            multiValue?: {\n                addValueButtonLabel?: string;\n            };\n        };\n    };\n    file: {\n        fieldType: \"file\";\n        settings?: {\n            imagesOnly?: boolean;\n        };\n    };\n    files: {\n        fieldType: \"file\";\n        settings?: {\n            imagesOnly?: boolean;\n        };\n    };\n    uiSeparator: {\n        fieldType: \"ui\";\n        settings: undefined;\n    };\n    uiAlert: {\n        fieldType: \"ui\";\n        settings: {\n            type: \"info\" | \"success\" | \"warning\" | \"danger\";\n        };\n    };\n}\n\n/**\n * Maps camelCase renderer names (used in the builder API) to the\n * kebab-case names expected by the frontend renderer registry.\n */\nconst rendererNameMap: Record<keyof FieldRendererRegistry, string> = {\n    switch: \"boolean-input\",\n    checkboxes: \"checkboxes\",\n    dateTimeInput: \"date-time-input\",\n    dateTimeInputs: \"date-time-inputs\",\n    dynamicZone: \"dynamicZone\",\n    hidden: \"hidden\",\n    lexicalEditor: \"lexical-text-input\",\n    lexicalEditors: \"lexical-text-inputs\",\n    textarea: \"long-text-text-area\",\n    textareas: \"long-text-inputs\",\n    numberInput: \"number-input\",\n    numberInputs: \"number-inputs\",\n    objectAccordionSingle: \"object-accordion\",\n    objectAccordionMultiple: \"objects-accordion\",\n    passthrough: \"passthrough\",\n    radioButtons: \"radio-buttons\",\n    refDialogSingle: \"ref-advanced-single\",\n    refDialogMultiple: \"ref-advanced-multiple\",\n    refAutocompleteSingle: \"ref-input\",\n    refAutocompleteMultiple: \"ref-inputs\",\n    refCheckboxes: \"ref-simple-multiple\",\n    refRadioButtons: \"ref-simple-single\",\n    dropdown: \"select-box\",\n    tags: \"tags\",\n    textInput: \"text-input\",\n    textInputs: \"text-inputs\",\n    file: \"file-input\",\n    files: \"file-inputs\",\n    uiSeparator: \"uiSeparator\",\n    uiAlert: \"uiAlert\"\n};\n\n/**\n * Resolves a camelCase renderer name to the kebab-case name used by the frontend.\n */\nfunction resolveRendererName(name: string): string {\n    return rendererNameMap[name as keyof FieldRendererRegistry] ?? name;\n}\n\n/**\n * Extracts renderer names valid for the given field type.\n * When TType is a broad `string`, all renderer names are returned.\n */\nexport type FieldRendererName<TType extends string = string> = string extends TType\n    ? keyof FieldRendererRegistry & string\n    : {\n          [K in keyof FieldRendererRegistry]: TType extends FieldRendererRegistry[K][\"fieldType\"]\n              ? K\n              : never;\n      }[keyof FieldRendererRegistry] &\n          string;\n\nexport type FieldRendererSettings<TName extends string> = TName extends keyof FieldRendererRegistry\n    ? FieldRendererRegistry[TName][\"settings\"]\n    : Record<string, any> | undefined;\n\n/**\n * Base FieldBuilder class providing common field configuration methods\n */\nexport class FieldBuilder<TType extends string = string> {\n    public readonly type: TType;\n    protected config: FieldBuilderConfig;\n\n    public constructor(type: TType, label?: string) {\n        this.type = type;\n        this.config = {\n            label: label || \"\",\n            validation: [],\n            listValidation: [],\n            list: false,\n            predefinedValues: {\n                enabled: false,\n                values: []\n            },\n            help: null,\n            placeholder: null,\n            description: null,\n            note: null,\n            renderer: null,\n            settings: {},\n            tags: []\n        };\n    }\n\n    label(text: string): this {\n        this.config.label = text;\n        return this;\n    }\n\n    help(text: string): this {\n        this.config.help = text;\n        return this;\n    }\n\n    description(text: string): this {\n        this.config.description = text;\n        return this;\n    }\n\n    note(text: string): this {\n        this.config.note = text;\n        return this;\n    }\n\n    placeholder(text: string): this {\n        this.config.placeholder = text;\n        return this;\n    }\n\n    storageId(id: string): this {\n        // We do not allow developers to specify the field type!\n        this.config._storageId = id.split(\"@\").pop();\n        return this;\n    }\n\n    fieldId(id: string): this {\n        this.config._fieldId = id;\n        return this;\n    }\n\n    defaultValue(value: any): this {\n        this.config.settings = { ...this.config.settings, defaultValue: value };\n        return this;\n    }\n\n    list(): this {\n        this.config.list = true;\n        return this as this;\n    }\n\n    tags(tags: string[]): this {\n        this.config.tags = tags;\n        return this;\n    }\n\n    /**\n     * List validators - these methods are available after calling list()\n     */\n    listMinLength(value: number, message?: string): this {\n        return this.listValidation({\n            name: \"minLength\",\n            message: message || `At least ${value} item(s) required.`,\n            settings: { value }\n        });\n    }\n\n    listMaxLength(value: number, message?: string): this {\n        return this.listValidation({\n            name: \"maxLength\",\n            message: message || `At most ${value} item(s) allowed.`,\n            settings: { value }\n        });\n    }\n\n    /**\n     * Add a validation rule to this field.\n     * This method is protected and should only be used by field-specific validator methods.\n     * @internal\n     */\n    protected validation(validation: CmsModelFieldValidation): this {\n        this.config.validation = this.config.validation || [];\n        this.config.validation.push(validation);\n        return this;\n    }\n\n    /**\n     * Add a list validation rule to this field (for list fields).\n     * This method is protected and should only be used by field-specific validator methods.\n     * @internal\n     */\n    protected listValidation(validation: CmsModelFieldValidation): this {\n        this.config.listValidation = this.config.listValidation || [];\n        this.config.listValidation.push(validation);\n        return this;\n    }\n\n    predefinedValues(values: CmsModelFieldPredefinedValues[\"values\"]): this {\n        this.config.predefinedValues = {\n            enabled: true,\n            values\n        };\n        return this;\n    }\n\n    renderer<TName extends FieldRendererName<TType>>(\n        name: TName,\n        ...args: undefined extends FieldRendererSettings<TName>\n            ? [settings?: FieldRendererSettings<TName>]\n            : FieldRendererSettings<TName> extends undefined\n              ? []\n              : [settings: FieldRendererSettings<TName>]\n    ): this {\n        this.config.renderer = {\n            name: resolveRendererName(name),\n            settings: args[0] ?? null\n        };\n        return this;\n    }\n\n    settings(settings: Record<string, any>): this {\n        this.config.settings = { ...this.config.settings, ...settings };\n        return this;\n    }\n\n    /**\n     * Build the final CmsModelField\n     * @internal\n     */\n    build(): CmsModelField {\n        const fieldId = this.config._fieldId || camelCase(this.config.label);\n        const baseType = getBaseFieldType({\n            type: this.type\n        });\n        const storageId = `${baseType}@${this.config._storageId ?? fieldId}`;\n\n        return {\n            id: fieldId,\n            fieldId,\n            storageId,\n            type: this.type,\n            label: this.config.label,\n            validation: this.config.validation || [],\n            listValidation: this.config.listValidation || [],\n            list: this.config.list || false,\n            predefinedValues: this.config.predefinedValues || {\n                enabled: false,\n                values: []\n            },\n            help: this.config.help || null,\n            placeholder: this.config.placeholder || null,\n            description: this.config.description || null,\n            note: this.config.note || null,\n            renderer: this.config.renderer || null,\n            settings: this.config.settings || {},\n            tags: this.config.tags || []\n        };\n    }\n}\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,qBAAqB;AAM3C,SAASC,gBAAgB;;AAUzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiKA;AACA;AACA;AACA;AACA,MAAMC,eAA4D,GAAG;EACjEC,MAAM,EAAE,eAAe;EACvBC,UAAU,EAAE,YAAY;EACxBC,aAAa,EAAE,iBAAiB;EAChCC,cAAc,EAAE,kBAAkB;EAClCC,WAAW,EAAE,aAAa;EAC1BC,MAAM,EAAE,QAAQ;EAChBC,aAAa,EAAE,oBAAoB;EACnCC,cAAc,EAAE,qBAAqB;EACrCC,QAAQ,EAAE,qBAAqB;EAC/BC,SAAS,EAAE,kBAAkB;EAC7BC,WAAW,EAAE,cAAc;EAC3BC,YAAY,EAAE,eAAe;EAC7BC,qBAAqB,EAAE,kBAAkB;EACzCC,uBAAuB,EAAE,mBAAmB;EAC5CC,WAAW,EAAE,aAAa;EAC1BC,YAAY,EAAE,eAAe;EAC7BC,eAAe,EAAE,qBAAqB;EACtCC,iBAAiB,EAAE,uBAAuB;EAC1CC,qBAAqB,EAAE,WAAW;EAClCC,uBAAuB,EAAE,YAAY;EACrCC,aAAa,EAAE,qBAAqB;EACpCC,eAAe,EAAE,mBAAmB;EACpCC,QAAQ,EAAE,YAAY;EACtBC,IAAI,EAAE,MAAM;EACZC,SAAS,EAAE,YAAY;EACvBC,UAAU,EAAE,aAAa;EACzBC,IAAI,EAAE,YAAY;EAClBC,KAAK,EAAE,aAAa;EACpBC,WAAW,EAAE,aAAa;EAC1BC,OAAO,EAAE;AACb,CAAC;;AAED;AACA;AACA;AACA,SAASC,mBAAmBA,CAACC,IAAY,EAAU;EAC/C,OAAOhC,eAAe,CAACgC,IAAI,CAAgC,IAAIA,IAAI;AACvE;;AAEA;AACA;AACA;AACA;;AAcA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,CAAgC;EAI9CC,WAAWA,CAACC,IAAW,EAAEC,KAAc,EAAE;IAC5C,IAAI,CAACD,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACE,MAAM,GAAG;MACVD,KAAK,EAAEA,KAAK,IAAI,EAAE;MAClBE,UAAU,EAAE,EAAE;MACdC,cAAc,EAAE,EAAE;MAClBC,IAAI,EAAE,KAAK;MACXC,gBAAgB,EAAE;QACdC,OAAO,EAAE,KAAK;QACdC,MAAM,EAAE;MACZ,CAAC;MACDC,IAAI,EAAE,IAAI;MACVC,WAAW,EAAE,IAAI;MACjBC,WAAW,EAAE,IAAI;MACjBC,IAAI,EAAE,IAAI;MACVC,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,CAAC,CAAC;MACZzB,IAAI,EAAE;IACV,CAAC;EACL;EAEAY,KAAKA,CAACc,IAAY,EAAQ;IACtB,IAAI,CAACb,MAAM,CAACD,KAAK,GAAGc,IAAI;IACxB,OAAO,IAAI;EACf;EAEAN,IAAIA,CAACM,IAAY,EAAQ;IACrB,IAAI,CAACb,MAAM,CAACO,IAAI,GAAGM,IAAI;IACvB,OAAO,IAAI;EACf;EAEAJ,WAAWA,CAACI,IAAY,EAAQ;IAC5B,IAAI,CAACb,MAAM,CAACS,WAAW,GAAGI,IAAI;IAC9B,OAAO,IAAI;EACf;EAEAH,IAAIA,CAACG,IAAY,EAAQ;IACrB,IAAI,CAACb,MAAM,CAACU,IAAI,GAAGG,IAAI;IACvB,OAAO,IAAI;EACf;EAEAL,WAAWA,CAACK,IAAY,EAAQ;IAC5B,IAAI,CAACb,MAAM,CAACQ,WAAW,GAAGK,IAAI;IAC9B,OAAO,IAAI;EACf;EAEAC,SAASA,CAACC,EAAU,EAAQ;IACxB;IACA,IAAI,CAACf,MAAM,CAACgB,UAAU,GAAGD,EAAE,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC;IAC5C,OAAO,IAAI;EACf;EAEAC,OAAOA,CAACJ,EAAU,EAAQ;IACtB,IAAI,CAACf,MAAM,CAACoB,QAAQ,GAAGL,EAAE;IACzB,OAAO,IAAI;EACf;EAEAM,YAAYA,CAACC,KAAU,EAAQ;IAC3B,IAAI,CAACtB,MAAM,CAACY,QAAQ,GAAG;MAAE,GAAG,IAAI,CAACZ,MAAM,CAACY,QAAQ;MAAES,YAAY,EAAEC;IAAM,CAAC;IACvE,OAAO,IAAI;EACf;EAEAnB,IAAIA,CAAA,EAAS;IACT,IAAI,CAACH,MAAM,CAACG,IAAI,GAAG,IAAI;IACvB,OAAO,IAAI;EACf;EAEAhB,IAAIA,CAACA,IAAc,EAAQ;IACvB,IAAI,CAACa,MAAM,CAACb,IAAI,GAAGA,IAAI;IACvB,OAAO,IAAI;EACf;;EAEA;AACJ;AACA;EACIoC,aAAaA,CAACD,KAAa,EAAEE,OAAgB,EAAQ;IACjD,OAAO,IAAI,CAACtB,cAAc,CAAC;MACvBP,IAAI,EAAE,WAAW;MACjB6B,OAAO,EAAEA,OAAO,IAAI,YAAYF,KAAK,oBAAoB;MACzDV,QAAQ,EAAE;QAAEU;MAAM;IACtB,CAAC,CAAC;EACN;EAEAG,aAAaA,CAACH,KAAa,EAAEE,OAAgB,EAAQ;IACjD,OAAO,IAAI,CAACtB,cAAc,CAAC;MACvBP,IAAI,EAAE,WAAW;MACjB6B,OAAO,EAAEA,OAAO,IAAI,WAAWF,KAAK,mBAAmB;MACvDV,QAAQ,EAAE;QAAEU;MAAM;IACtB,CAAC,CAAC;EACN;;EAEA;AACJ;AACA;AACA;AACA;EACcrB,UAAUA,CAACA,UAAmC,EAAQ;IAC5D,IAAI,CAACD,MAAM,CAACC,UAAU,GAAG,IAAI,CAACD,MAAM,CAACC,UAAU,IAAI,EAAE;IACrD,IAAI,CAACD,MAAM,CAACC,UAAU,CAACyB,IAAI,CAACzB,UAAU,CAAC;IACvC,OAAO,IAAI;EACf;;EAEA;AACJ;AACA;AACA;AACA;EACcC,cAAcA,CAACD,UAAmC,EAAQ;IAChE,IAAI,CAACD,MAAM,CAACE,cAAc,GAAG,IAAI,CAACF,MAAM,CAACE,cAAc,IAAI,EAAE;IAC7D,IAAI,CAACF,MAAM,CAACE,cAAc,CAACwB,IAAI,CAACzB,UAAU,CAAC;IAC3C,OAAO,IAAI;EACf;EAEAG,gBAAgBA,CAACE,MAA+C,EAAQ;IACpE,IAAI,CAACN,MAAM,CAACI,gBAAgB,GAAG;MAC3BC,OAAO,EAAE,IAAI;MACbC;IACJ,CAAC;IACD,OAAO,IAAI;EACf;EAEAK,QAAQA,CACJhB,IAAW,EACX,GAAGgC,IAI6C,EAC5C;IACJ,IAAI,CAAC3B,MAAM,CAACW,QAAQ,GAAG;MACnBhB,IAAI,EAAED,mBAAmB,CAACC,IAAI,CAAC;MAC/BiB,QAAQ,EAAEe,IAAI,CAAC,CAAC,CAAC,IAAI;IACzB,CAAC;IACD,OAAO,IAAI;EACf;EAEAf,QAAQA,CAACA,QAA6B,EAAQ;IAC1C,IAAI,CAACZ,MAAM,CAACY,QAAQ,GAAG;MAAE,GAAG,IAAI,CAACZ,MAAM,CAACY,QAAQ;MAAE,GAAGA;IAAS,CAAC;IAC/D,OAAO,IAAI;EACf;;EAEA;AACJ;AACA;AACA;EACIgB,KAAKA,CAAA,EAAkB;IACnB,MAAMT,OAAO,GAAG,IAAI,CAACnB,MAAM,CAACoB,QAAQ,IAAI3D,SAAS,CAAC,IAAI,CAACuC,MAAM,CAACD,KAAK,CAAC;IACpE,MAAM8B,QAAQ,GAAGnE,gBAAgB,CAAC;MAC9BoC,IAAI,EAAE,IAAI,CAACA;IACf,CAAC,CAAC;IACF,MAAMgB,SAAS,GAAG,GAAGe,QAAQ,IAAI,IAAI,CAAC7B,MAAM,CAACgB,UAAU,IAAIG,OAAO,EAAE;IAEpE,OAAO;MACHJ,EAAE,EAAEI,OAAO;MACXA,OAAO;MACPL,SAAS;MACThB,IAAI,EAAE,IAAI,CAACA,IAAI;MACfC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACD,KAAK;MACxBE,UAAU,EAAE,IAAI,CAACD,MAAM,CAACC,UAAU,IAAI,EAAE;MACxCC,cAAc,EAAE,IAAI,CAACF,MAAM,CAACE,cAAc,IAAI,EAAE;MAChDC,IAAI,EAAE,IAAI,CAACH,MAAM,CAACG,IAAI,IAAI,KAAK;MAC/BC,gBAAgB,EAAE,IAAI,CAACJ,MAAM,CAACI,gBAAgB,IAAI;QAC9CC,OAAO,EAAE,KAAK;QACdC,MAAM,EAAE;MACZ,CAAC;MACDC,IAAI,EAAE,IAAI,CAACP,MAAM,CAACO,IAAI,IAAI,IAAI;MAC9BC,WAAW,EAAE,IAAI,CAACR,MAAM,CAACQ,WAAW,IAAI,IAAI;MAC5CC,WAAW,EAAE,IAAI,CAACT,MAAM,CAACS,WAAW,IAAI,IAAI;MAC5CC,IAAI,EAAE,IAAI,CAACV,MAAM,CAACU,IAAI,IAAI,IAAI;MAC9BC,QAAQ,EAAE,IAAI,CAACX,MAAM,CAACW,QAAQ,IAAI,IAAI;MACtCC,QAAQ,EAAE,IAAI,CAACZ,MAAM,CAACY,QAAQ,IAAI,CAAC,CAAC;MACpCzB,IAAI,EAAE,IAAI,CAACa,MAAM,CAACb,IAAI,IAAI;IAC9B,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["DataFieldBuilder","FieldBuilder","LayoutFieldBuilder","BaseFieldBuilder"],"sources":["FieldBuilder.ts"],"sourcesContent":["export { DataFieldBuilder, DataFieldBuilder as FieldBuilder } from \"./DataFieldBuilder.js\";\nexport { LayoutFieldBuilder } from \"./LayoutFieldBuilder.js\";\nexport { BaseFieldBuilder } from \"./BaseFieldBuilder.js\";\nexport type {\n    FieldBuildResult,\n    DataFieldBuildResult,\n    LayoutFieldBuildResult\n} from \"./BaseFieldBuilder.js\";\nexport type {\n    FieldRendererRegistry,\n    FieldRendererName,\n    FieldRendererSettings,\n    FieldBuilderConfig\n} from \"./DataFieldBuilder.js\";\n"],"mappings":"AAAA,SAASA,gBAAgB,EAAEA,gBAAgB,IAAIC,YAAY;AAC3D,SAASC,kBAAkB;AAC3B,SAASC,gBAAgB","ignoreList":[]}

package/features/modelBuilder/fields/LayoutFieldBuilder.d.ts

@@ -0,0 +1,7 @@
+import { BaseFieldBuilder } from "./BaseFieldBuilder.js";
+/**
+ * Slim base class for layout fields (separators, alerts, tabs, etc.).
+ * Layout fields only support label, description, help, and note — no list(), storageId(), etc.
+ */
+export declare abstract class LayoutFieldBuilder<TType extends string = string> extends BaseFieldBuilder<TType> {
+}

package/features/modelBuilder/fields/LayoutFieldBuilder.js

@@ -0,0 +1,9 @@
+import { BaseFieldBuilder } from "./BaseFieldBuilder.js";
+
+/**
+ * Slim base class for layout fields (separators, alerts, tabs, etc.).
+ * Layout fields only support label, description, help, and note — no list(), storageId(), etc.
+ */
+export class LayoutFieldBuilder extends BaseFieldBuilder {}
+
+//# sourceMappingURL=LayoutFieldBuilder.js.map

package/features/modelBuilder/fields/LayoutFieldBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseFieldBuilder","LayoutFieldBuilder"],"sources":["LayoutFieldBuilder.ts"],"sourcesContent":["import { BaseFieldBuilder } from \"./BaseFieldBuilder.js\";\n\n/**\n * Slim base class for layout fields (separators, alerts, tabs, etc.).\n * Layout fields only support label, description, help, and note — no list(), storageId(), etc.\n */\nexport abstract class LayoutFieldBuilder<\n    TType extends string = string\n> extends BaseFieldBuilder<TType> {}\n"],"mappings":"AAAA,SAASA,gBAAgB;;AAEzB;AACA;AACA;AACA;AACA,OAAO,MAAeC,kBAAkB,SAE9BD,gBAAgB,CAAQ","ignoreList":[]}

package/features/modelBuilder/fields/ObjectFieldType.d.ts

@@ -1,10 +1,11 @@
 import { type IFieldTypeFactory } from "./abstractions.js";
+import { BaseFieldBuilder } from "./BaseFieldBuilder.js";
 import { FieldBuilder } from "./FieldBuilder.js";
 import { FieldBuilderRegistry } from "../abstractions.js";
 import { LayoutBuilder } from "../LayoutBuilder.js";
 export interface IObjectFieldBuilder extends FieldBuilder<"object"> {
     required(message?: string): this;
-    fields(builder: (registry: FieldBuilderRegistry.Interface) => Record<string, FieldBuilder<any>>): this;
+    fields(builder: (registry: FieldBuilderRegistry.Interface) => Record<string, BaseFieldBuilder<any>>): this;
     layout(layoutOrBuilder: string[][] | ((builder: LayoutBuilder) => void)): this;
 }
 export declare class ObjectFieldBuilder extends FieldBuilder<"object"> implements IObjectFieldBuilder {
@@ -13,9 +14,9 @@ export declare class ObjectFieldBuilder extends FieldBuilder<"object"> implement
     private fieldBuildersMap;
     constructor(registry: FieldBuilderRegistry.Interface);
     required(message?: string): this;
-    fields(builder: (registry: FieldBuilderRegistry.Interface) => Record<string, FieldBuilder<any>>): this;
+    fields(builder: (registry: FieldBuilderRegistry.Interface) => Record<string, BaseFieldBuilder<any>>): this;
     layout(layoutOrBuilder: string[][] | ((builder: LayoutBuilder) => void)): this;
-    build(): import("../../../types/modelField.js").CmsModelField;
+    build(): import("./BaseFieldBuilder.js").DataFieldBuildResult;
 }
 declare class ObjectFieldTypeFactory implements IFieldTypeFactory {
     readonly type = "object";

package/features/modelBuilder/fields/ObjectFieldType.js

@@ -40,12 +40,27 @@ export class ObjectFieldBuilder extends FieldBuilder {
     return this;
   }
   build() {
-    // Build all nested fields from field builders
     this.config.settings = this.config.settings || {};
-    this.config.settings.fields = Array.from(this.fieldBuildersMap.values()).map(builder => builder.build());
 
-    // Build layout
-    this.config.settings.layout = this.layoutBuilder.build();
+    // Build nested fields, separating data fields from layout fields
+    const fields = [];
+    const layoutReplacements = new Map();
+    for (const [fieldId, builder] of this.fieldBuildersMap) {
+      const result = builder.build();
+      if (result.type === "layout") {
+        layoutReplacements.set(fieldId, result.layoutCell);
+        if (result.fields) {
+          fields.push(...result.fields);
+        }
+      } else {
+        fields.push(result.field);
+      }
+    }
+    this.config.settings.fields = fields;
+
+    // Build layout and apply replacements
+    const rawLayout = this.layoutBuilder.build();
+    this.config.settings.layout = rawLayout.map(row => row.map(cell => layoutReplacements.get(cell) ?? cell));
     return super.build();
   }
 }

package/features/modelBuilder/fields/ObjectFieldType.js.map

@@ -1 +1 @@
-{"version":3,"names":["FieldType","FieldBuilder","LayoutBuilder","ObjectFieldBuilder","fieldBuildersMap","Map","constructor","registry","layoutBuilder","required","message","validation","name","config","push","fields","builder","existingFields","fieldBuilders","key","fieldBuilder","Object","entries","fieldId","set","layout","layoutOrBuilder","Array","isArray","setLayout","addModifier","build","settings","from","values","map","ObjectFieldTypeFactory","type","create","ObjectFieldType","createImplementation","implementation","dependencies"],"sources":["ObjectFieldType.ts"],"sourcesContent":["import { FieldType, type IFieldTypeFactory } from \"./abstractions.js\";\nimport { FieldBuilder } from \"./FieldBuilder.js\";\nimport { FieldBuilderRegistry } from \"../abstractions.js\";\nimport { LayoutBuilder } from \"../LayoutBuilder.js\";\n\nexport interface IObjectFieldBuilder extends FieldBuilder<\"object\"> {\n    required(message?: string): this;\n    fields(\n        builder: (registry: FieldBuilderRegistry.Interface) => Record<string, FieldBuilder<any>>\n    ): this;\n    layout(layoutOrBuilder: string[][] | ((builder: LayoutBuilder) => void)): this;\n}\n\nexport class ObjectFieldBuilder extends FieldBuilder<\"object\"> implements IObjectFieldBuilder {\n    private layoutBuilder: LayoutBuilder;\n    private fieldBuildersMap = new Map<string, FieldBuilder<any>>();\n\n    public constructor(private registry: FieldBuilderRegistry.Interface) {\n        super(\"object\");\n        this.layoutBuilder = new LayoutBuilder();\n    }\n\n    required(message?: string): this {\n        const validation = {\n            name: \"required\",\n            message: message || \"Value is required.\"\n        };\n        this.config.validation = this.config.validation || [];\n        this.config.validation.push(validation);\n        return this;\n    }\n\n    fields(\n        builder: (registry: FieldBuilderRegistry.Interface) => Record<string, FieldBuilder<any>>\n    ): this {\n        // Pass existing fields to registry so it can return them when extending\n        (this.registry as any).existingFields = this.fieldBuildersMap;\n\n        const fieldBuilders = builder(this.registry);\n        for (const [key, fieldBuilder] of Object.entries(fieldBuilders)) {\n            // Automatically set the fieldId from the object key\n            fieldBuilder.fieldId(key);\n            // Store builder (not built field)\n            this.fieldBuildersMap.set(key, fieldBuilder);\n        }\n\n        return this;\n    }\n\n    layout(layoutOrBuilder: string[][] | ((builder: LayoutBuilder) => void)): this {\n        if (Array.isArray(layoutOrBuilder)) {\n            // Set base layout and clear modifiers\n            this.layoutBuilder.setLayout(layoutOrBuilder);\n        } else {\n            // Queue the modifier callback\n            this.layoutBuilder.addModifier(layoutOrBuilder);\n        }\n\n        return this;\n    }\n\n    override build() {\n        // Build all nested fields from field builders\n        this.config.settings = this.config.settings || {};\n        this.config.settings.fields = Array.from(this.fieldBuildersMap.values()).map(builder =>\n            builder.build()\n        );\n\n        // Build layout\n        this.config.settings.layout = this.layoutBuilder.build();\n\n        return super.build();\n    }\n}\n\nclass ObjectFieldTypeFactory implements IFieldTypeFactory {\n    readonly type = \"object\";\n\n    create(registry: FieldBuilderRegistry.Interface): IObjectFieldBuilder {\n        return new ObjectFieldBuilder(registry);\n    }\n}\n\nexport const ObjectFieldType = FieldType.createImplementation({\n    implementation: ObjectFieldTypeFactory,\n    dependencies: []\n});\n\n// Module augmentation for TypeScript autocomplete\ndeclare module \"../abstractions.js\" {\n    interface IFieldBuilderRegistry {\n        object(): IObjectFieldBuilder;\n    }\n}\n"],"mappings":"AAAA,SAASA,SAAS;AAClB,SAASC,YAAY;AAErB,SAASC,aAAa;AAUtB,OAAO,MAAMC,kBAAkB,SAASF,YAAY,CAA0C;EAElFG,gBAAgB,GAAG,IAAIC,GAAG,CAA4B,CAAC;EAExDC,WAAWA,CAASC,QAAwC,EAAE;IACjE,KAAK,CAAC,QAAQ,CAAC;IAAC,KADOA,QAAwC,GAAxCA,QAAwC;IAE/D,IAAI,CAACC,aAAa,GAAG,IAAIN,aAAa,CAAC,CAAC;EAC5C;EAEAO,QAAQA,CAACC,OAAgB,EAAQ;IAC7B,MAAMC,UAAU,GAAG;MACfC,IAAI,EAAE,UAAU;MAChBF,OAAO,EAAEA,OAAO,IAAI;IACxB,CAAC;IACD,IAAI,CAACG,MAAM,CAACF,UAAU,GAAG,IAAI,CAACE,MAAM,CAACF,UAAU,IAAI,EAAE;IACrD,IAAI,CAACE,MAAM,CAACF,UAAU,CAACG,IAAI,CAACH,UAAU,CAAC;IACvC,OAAO,IAAI;EACf;EAEAI,MAAMA,CACFC,OAAwF,EACpF;IACJ;IACC,IAAI,CAACT,QAAQ,CAASU,cAAc,GAAG,IAAI,CAACb,gBAAgB;IAE7D,MAAMc,aAAa,GAAGF,OAAO,CAAC,IAAI,CAACT,QAAQ,CAAC;IAC5C,KAAK,MAAM,CAACY,GAAG,EAAEC,YAAY,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACJ,aAAa,CAAC,EAAE;MAC7D;MACAE,YAAY,CAACG,OAAO,CAACJ,GAAG,CAAC;MACzB;MACA,IAAI,CAACf,gBAAgB,CAACoB,GAAG,CAACL,GAAG,EAAEC,YAAY,CAAC;IAChD;IAEA,OAAO,IAAI;EACf;EAEAK,MAAMA,CAACC,eAAgE,EAAQ;IAC3E,IAAIC,KAAK,CAACC,OAAO,CAACF,eAAe,CAAC,EAAE;MAChC;MACA,IAAI,CAAClB,aAAa,CAACqB,SAAS,CAACH,eAAe,CAAC;IACjD,CAAC,MAAM;MACH;MACA,IAAI,CAAClB,aAAa,CAACsB,WAAW,CAACJ,eAAe,CAAC;IACnD;IAEA,OAAO,IAAI;EACf;EAESK,KAAKA,CAAA,EAAG;IACb;IACA,IAAI,CAAClB,MAAM,CAACmB,QAAQ,GAAG,IAAI,CAACnB,MAAM,CAACmB,QAAQ,IAAI,CAAC,CAAC;IACjD,IAAI,CAACnB,MAAM,CAACmB,QAAQ,CAACjB,MAAM,GAAGY,KAAK,CAACM,IAAI,CAAC,IAAI,CAAC7B,gBAAgB,CAAC8B,MAAM,CAAC,CAAC,CAAC,CAACC,GAAG,CAACnB,OAAO,IAChFA,OAAO,CAACe,KAAK,CAAC,CAClB,CAAC;;IAED;IACA,IAAI,CAAClB,MAAM,CAACmB,QAAQ,CAACP,MAAM,GAAG,IAAI,CAACjB,aAAa,CAACuB,KAAK,CAAC,CAAC;IAExD,OAAO,KAAK,CAACA,KAAK,CAAC,CAAC;EACxB;AACJ;AAEA,MAAMK,sBAAsB,CAA8B;EAC7CC,IAAI,GAAG,QAAQ;EAExBC,MAAMA,CAAC/B,QAAwC,EAAuB;IAClE,OAAO,IAAIJ,kBAAkB,CAACI,QAAQ,CAAC;EAC3C;AACJ;AAEA,OAAO,MAAMgC,eAAe,GAAGvC,SAAS,CAACwC,oBAAoB,CAAC;EAC1DC,cAAc,EAAEL,sBAAsB;EACtCM,YAAY,EAAE;AAClB,CAAC,CAAC;;AAEF","ignoreList":[]}
+{"version":3,"names":["FieldType","FieldBuilder","LayoutBuilder","ObjectFieldBuilder","fieldBuildersMap","Map","constructor","registry","layoutBuilder","required","message","validation","name","config","push","fields","builder","existingFields","fieldBuilders","key","fieldBuilder","Object","entries","fieldId","set","layout","layoutOrBuilder","Array","isArray","setLayout","addModifier","build","settings","layoutReplacements","result","type","layoutCell","field","rawLayout","map","row","cell","get","ObjectFieldTypeFactory","create","ObjectFieldType","createImplementation","implementation","dependencies"],"sources":["ObjectFieldType.ts"],"sourcesContent":["import { FieldType, type IFieldTypeFactory } from \"./abstractions.js\";\nimport { BaseFieldBuilder } from \"./BaseFieldBuilder.js\";\nimport { FieldBuilder } from \"./FieldBuilder.js\";\nimport { FieldBuilderRegistry } from \"../abstractions.js\";\nimport { LayoutBuilder } from \"../LayoutBuilder.js\";\nimport type { CmsModelField, CmsModelLayoutCell } from \"~/types/index.js\";\n\nexport interface IObjectFieldBuilder extends FieldBuilder<\"object\"> {\n    required(message?: string): this;\n    fields(\n        builder: (registry: FieldBuilderRegistry.Interface) => Record<string, BaseFieldBuilder<any>>\n    ): this;\n    layout(layoutOrBuilder: string[][] | ((builder: LayoutBuilder) => void)): this;\n}\n\nexport class ObjectFieldBuilder extends FieldBuilder<\"object\"> implements IObjectFieldBuilder {\n    private layoutBuilder: LayoutBuilder;\n    private fieldBuildersMap = new Map<string, BaseFieldBuilder<any>>();\n\n    public constructor(private registry: FieldBuilderRegistry.Interface) {\n        super(\"object\");\n        this.layoutBuilder = new LayoutBuilder();\n    }\n\n    required(message?: string): this {\n        const validation = {\n            name: \"required\",\n            message: message || \"Value is required.\"\n        };\n        this.config.validation = this.config.validation || [];\n        this.config.validation.push(validation);\n        return this;\n    }\n\n    fields(\n        builder: (registry: FieldBuilderRegistry.Interface) => Record<string, BaseFieldBuilder<any>>\n    ): this {\n        // Pass existing fields to registry so it can return them when extending\n        (this.registry as any).existingFields = this.fieldBuildersMap;\n\n        const fieldBuilders = builder(this.registry);\n        for (const [key, fieldBuilder] of Object.entries(fieldBuilders)) {\n            // Automatically set the fieldId from the object key\n            fieldBuilder.fieldId(key);\n            // Store builder (not built field)\n            this.fieldBuildersMap.set(key, fieldBuilder);\n        }\n\n        return this;\n    }\n\n    layout(layoutOrBuilder: string[][] | ((builder: LayoutBuilder) => void)): this {\n        if (Array.isArray(layoutOrBuilder)) {\n            // Set base layout and clear modifiers\n            this.layoutBuilder.setLayout(layoutOrBuilder);\n        } else {\n            // Queue the modifier callback\n            this.layoutBuilder.addModifier(layoutOrBuilder);\n        }\n\n        return this;\n    }\n\n    override build() {\n        this.config.settings = this.config.settings || {};\n\n        // Build nested fields, separating data fields from layout fields\n        const fields: CmsModelField[] = [];\n        const layoutReplacements = new Map<string, CmsModelLayoutCell>();\n\n        for (const [fieldId, builder] of this.fieldBuildersMap) {\n            const result = builder.build();\n            if (result.type === \"layout\") {\n                layoutReplacements.set(fieldId, result.layoutCell);\n                if (result.fields) {\n                    fields.push(...result.fields);\n                }\n            } else {\n                fields.push(result.field);\n            }\n        }\n\n        this.config.settings.fields = fields;\n\n        // Build layout and apply replacements\n        const rawLayout = this.layoutBuilder.build();\n        this.config.settings.layout = rawLayout.map(row =>\n            row.map(cell => layoutReplacements.get(cell) ?? cell)\n        );\n\n        return super.build();\n    }\n}\n\nclass ObjectFieldTypeFactory implements IFieldTypeFactory {\n    readonly type = \"object\";\n\n    create(registry: FieldBuilderRegistry.Interface): IObjectFieldBuilder {\n        return new ObjectFieldBuilder(registry);\n    }\n}\n\nexport const ObjectFieldType = FieldType.createImplementation({\n    implementation: ObjectFieldTypeFactory,\n    dependencies: []\n});\n\n// Module augmentation for TypeScript autocomplete\ndeclare module \"../abstractions.js\" {\n    interface IFieldBuilderRegistry {\n        object(): IObjectFieldBuilder;\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/features/modelBuilder/fields/UiAlertFieldType.d.ts

@@ -1,15 +1,19 @@
 import { type IFieldTypeFactory } from "./abstractions.js";
-import { IUiFieldBuilder } from "./UiFieldType.js";
+import { LayoutFieldBuilder } from "./LayoutFieldBuilder.js";
+type AlertType = "info" | "success" | "warning" | "danger";
+export interface IUiAlertFieldBuilder extends LayoutFieldBuilder<"uiAlert"> {
+    alertType(type: AlertType): this;
+}
 declare class UiAlertFieldTypeFactory implements IFieldTypeFactory {
-    readonly type = "ui:alert";
-    create(): IUiFieldBuilder;
+    readonly type = "uiAlert";
+    create(): IUiAlertFieldBuilder;
 }
 export declare const UiAlertFieldType: typeof UiAlertFieldTypeFactory & {
     __abstraction: import("@webiny/di").Abstraction<IFieldTypeFactory>;
 };
 declare module "../abstractions.js" {
     interface IFieldBuilderRegistry {
-        uiAlert(): IUiFieldBuilder;
+        uiAlert(): IUiAlertFieldBuilder;
     }
 }
 export {};