@webiny/api-headless-cms 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

package/features/modelBuilder/fields/DataFieldBuilder.js

@@ -0,0 +1,219 @@
+import camelCase from "lodash/camelCase.js";
+import { getBaseFieldType } from "../../../utils/getBaseFieldType.js";
+import { BaseFieldBuilder } from "./BaseFieldBuilder.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",
+  uiTabs: "uiTabs"
+};
+
+/**
+ * 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.
+ */
+
+/**
+ * DataFieldBuilder class for data fields that produce CmsModelField instances.
+ * Provides storageId, list, validation, renderer, and other data-field methods.
+ */
+export class DataFieldBuilder extends BaseFieldBuilder {
+  constructor(type, label) {
+    super(type, label);
+    this.config = {
+      label: label || "",
+      validation: [],
+      listValidation: [],
+      list: false,
+      predefinedValues: {
+        enabled: false,
+        values: []
+      },
+      help: null,
+      placeholder: null,
+      description: null,
+      note: null,
+      renderer: null,
+      settings: {},
+      tags: []
+    };
+  }
+  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;
+  }
+  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 {
+      type: "data",
+      field: {
+        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 || []
+      }
+    };
+  }
+}
+
+//# sourceMappingURL=DataFieldBuilder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["camelCase","getBaseFieldType","BaseFieldBuilder","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","uiTabs","resolveRendererName","name","DataFieldBuilder","constructor","type","label","config","validation","listValidation","list","predefinedValues","enabled","values","help","placeholder","description","note","renderer","settings","text","storageId","id","_storageId","split","pop","defaultValue","value","listMinLength","message","listMaxLength","push","args","build","fieldId","_fieldId","baseType","field"],"sources":["DataFieldBuilder.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\";\nimport { BaseFieldBuilder, type DataFieldBuildResult } from \"./BaseFieldBuilder.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    uiTabs: {\n        fieldType: \"ui\";\n        settings: undefined;\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    uiTabs: \"uiTabs\"\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 * DataFieldBuilder class for data fields that produce CmsModelField instances.\n * Provides storageId, list, validation, renderer, and other data-field methods.\n */\nexport class DataFieldBuilder<TType extends string = string> extends BaseFieldBuilder<TType> {\n    protected override config: FieldBuilderConfig;\n\n    public constructor(type: TType, label?: string) {\n        super(type, label);\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    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    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(): DataFieldBuildResult {\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            type: \"data\",\n            field: {\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}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+import { type IFieldTypeFactory } from "./abstractions.js";
+import { FieldBuilder } from "./FieldBuilder.js";
+import { RequiredValidator, DateGteValidator, DateLteValidator } from "./validators.js";
+export type DateTimeType = "date" | "time" | "dateTimeWithTimezone" | "dateTimeWithoutTimezone";
+export interface IDateTimeFieldBuilder extends FieldBuilder<"datetime">, RequiredValidator, DateGteValidator, DateLteValidator {
+    dateTimeType(type: DateTimeType): this;
+    dateOnly(): this;
+    timeOnly(): this;
+    withTimezone(): this;
+    withoutTimezone(): this;
+}
+declare class DateTimeFieldTypeFactory implements IFieldTypeFactory {
+    readonly type = "datetime";
+    create(): IDateTimeFieldBuilder;
+}
+export declare const DateTimeFieldType: typeof DateTimeFieldTypeFactory & {
+    __abstraction: import("@webiny/di").Abstraction<IFieldTypeFactory>;
+};
+declare module "../abstractions.js" {
+    interface IFieldBuilderRegistry {
+        datetime(): IDateTimeFieldBuilder;
+    }
+}
+export {};

package/features/modelBuilder/fields/DateTimeFieldType.js

@@ -0,0 +1,67 @@
+import { FieldType } from "./abstractions.js";
+import { FieldBuilder } from "./FieldBuilder.js";
+class DateTimeFieldBuilder extends FieldBuilder {
+  constructor() {
+    super("datetime");
+  }
+  required(message) {
+    return this.validation({
+      name: "required",
+      message: message || "Value is required.",
+      settings: {}
+    });
+  }
+  dateTimeType(type) {
+    this.config.settings = this.config.settings || {};
+    this.config.settings.type = type;
+    return this;
+  }
+  dateOnly() {
+    return this.dateTimeType("date");
+  }
+  timeOnly() {
+    return this.dateTimeType("time");
+  }
+  withTimezone() {
+    return this.dateTimeType("dateTimeWithTimezone");
+  }
+  withoutTimezone() {
+    return this.dateTimeType("dateTimeWithoutTimezone");
+  }
+  dateGte(value, message) {
+    const type = this.config.settings?.type || "date";
+    return this.validation({
+      name: "dateGte",
+      message: message || "Date/time is earlier than the provided one.",
+      settings: {
+        value,
+        type
+      }
+    });
+  }
+  dateLte(value, message) {
+    const type = this.config.settings?.type || "date";
+    return this.validation({
+      name: "dateLte",
+      message: message || "Date/time is later than the provided one.",
+      settings: {
+        value,
+        type
+      }
+    });
+  }
+}
+class DateTimeFieldTypeFactory {
+  type = "datetime";
+  create() {
+    return new DateTimeFieldBuilder();
+  }
+}
+export const DateTimeFieldType = FieldType.createImplementation({
+  implementation: DateTimeFieldTypeFactory,
+  dependencies: []
+});
+
+// Module augmentation for TypeScript autocomplete
+
+//# sourceMappingURL=DateTimeFieldType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FieldType","FieldBuilder","DateTimeFieldBuilder","constructor","required","message","validation","name","settings","dateTimeType","type","config","dateOnly","timeOnly","withTimezone","withoutTimezone","dateGte","value","dateLte","DateTimeFieldTypeFactory","create","DateTimeFieldType","createImplementation","implementation","dependencies"],"sources":["DateTimeFieldType.ts"],"sourcesContent":["import { FieldType, type IFieldTypeFactory } from \"./abstractions.js\";\nimport { FieldBuilder } from \"./FieldBuilder.js\";\nimport { RequiredValidator, DateGteValidator, DateLteValidator } from \"./validators.js\";\n\nexport type DateTimeType = \"date\" | \"time\" | \"dateTimeWithTimezone\" | \"dateTimeWithoutTimezone\";\n\nexport interface IDateTimeFieldBuilder\n    extends FieldBuilder<\"datetime\">,\n        RequiredValidator,\n        DateGteValidator,\n        DateLteValidator {\n    dateTimeType(type: DateTimeType): this;\n    dateOnly(): this;\n    timeOnly(): this;\n    withTimezone(): this;\n    withoutTimezone(): this;\n}\n\nclass DateTimeFieldBuilder extends FieldBuilder<\"datetime\"> implements IDateTimeFieldBuilder {\n    public constructor() {\n        super(\"datetime\");\n    }\n\n    required(message?: string): this {\n        return this.validation({\n            name: \"required\",\n            message: message || \"Value is required.\",\n            settings: {}\n        });\n    }\n\n    dateTimeType(type: DateTimeType): this {\n        this.config.settings = this.config.settings || {};\n        this.config.settings.type = type;\n        return this;\n    }\n\n    dateOnly(): this {\n        return this.dateTimeType(\"date\");\n    }\n\n    timeOnly(): this {\n        return this.dateTimeType(\"time\");\n    }\n\n    withTimezone(): this {\n        return this.dateTimeType(\"dateTimeWithTimezone\");\n    }\n\n    withoutTimezone(): this {\n        return this.dateTimeType(\"dateTimeWithoutTimezone\");\n    }\n\n    dateGte(value: string, message?: string): this {\n        const type = this.config.settings?.type || \"date\";\n        return this.validation({\n            name: \"dateGte\",\n            message: message || \"Date/time is earlier than the provided one.\",\n            settings: { value, type }\n        });\n    }\n\n    dateLte(value: string, message?: string): this {\n        const type = this.config.settings?.type || \"date\";\n        return this.validation({\n            name: \"dateLte\",\n            message: message || \"Date/time is later than the provided one.\",\n            settings: { value, type }\n        });\n    }\n}\n\nclass DateTimeFieldTypeFactory implements IFieldTypeFactory {\n    readonly type = \"datetime\";\n\n    create(): IDateTimeFieldBuilder {\n        return new DateTimeFieldBuilder();\n    }\n}\n\nexport const DateTimeFieldType = FieldType.createImplementation({\n    implementation: DateTimeFieldTypeFactory,\n    dependencies: []\n});\n\n// Module augmentation for TypeScript autocomplete\ndeclare module \"../abstractions.js\" {\n    interface IFieldBuilderRegistry {\n        datetime(): IDateTimeFieldBuilder;\n    }\n}\n"],"mappings":"AAAA,SAASA,SAAS;AAClB,SAASC,YAAY;AAiBrB,MAAMC,oBAAoB,SAASD,YAAY,CAA8C;EAClFE,WAAWA,CAAA,EAAG;IACjB,KAAK,CAAC,UAAU,CAAC;EACrB;EAEAC,QAAQA,CAACC,OAAgB,EAAQ;IAC7B,OAAO,IAAI,CAACC,UAAU,CAAC;MACnBC,IAAI,EAAE,UAAU;MAChBF,OAAO,EAAEA,OAAO,IAAI,oBAAoB;MACxCG,QAAQ,EAAE,CAAC;IACf,CAAC,CAAC;EACN;EAEAC,YAAYA,CAACC,IAAkB,EAAQ;IACnC,IAAI,CAACC,MAAM,CAACH,QAAQ,GAAG,IAAI,CAACG,MAAM,CAACH,QAAQ,IAAI,CAAC,CAAC;IACjD,IAAI,CAACG,MAAM,CAACH,QAAQ,CAACE,IAAI,GAAGA,IAAI;IAChC,OAAO,IAAI;EACf;EAEAE,QAAQA,CAAA,EAAS;IACb,OAAO,IAAI,CAACH,YAAY,CAAC,MAAM,CAAC;EACpC;EAEAI,QAAQA,CAAA,EAAS;IACb,OAAO,IAAI,CAACJ,YAAY,CAAC,MAAM,CAAC;EACpC;EAEAK,YAAYA,CAAA,EAAS;IACjB,OAAO,IAAI,CAACL,YAAY,CAAC,sBAAsB,CAAC;EACpD;EAEAM,eAAeA,CAAA,EAAS;IACpB,OAAO,IAAI,CAACN,YAAY,CAAC,yBAAyB,CAAC;EACvD;EAEAO,OAAOA,CAACC,KAAa,EAAEZ,OAAgB,EAAQ;IAC3C,MAAMK,IAAI,GAAG,IAAI,CAACC,MAAM,CAACH,QAAQ,EAAEE,IAAI,IAAI,MAAM;IACjD,OAAO,IAAI,CAACJ,UAAU,CAAC;MACnBC,IAAI,EAAE,SAAS;MACfF,OAAO,EAAEA,OAAO,IAAI,6CAA6C;MACjEG,QAAQ,EAAE;QAAES,KAAK;QAAEP;MAAK;IAC5B,CAAC,CAAC;EACN;EAEAQ,OAAOA,CAACD,KAAa,EAAEZ,OAAgB,EAAQ;IAC3C,MAAMK,IAAI,GAAG,IAAI,CAACC,MAAM,CAACH,QAAQ,EAAEE,IAAI,IAAI,MAAM;IACjD,OAAO,IAAI,CAACJ,UAAU,CAAC;MACnBC,IAAI,EAAE,SAAS;MACfF,OAAO,EAAEA,OAAO,IAAI,2CAA2C;MAC/DG,QAAQ,EAAE;QAAES,KAAK;QAAEP;MAAK;IAC5B,CAAC,CAAC;EACN;AACJ;AAEA,MAAMS,wBAAwB,CAA8B;EAC/CT,IAAI,GAAG,UAAU;EAE1BU,MAAMA,CAAA,EAA0B;IAC5B,OAAO,IAAIlB,oBAAoB,CAAC,CAAC;EACrC;AACJ;AAEA,OAAO,MAAMmB,iBAAiB,GAAGrB,SAAS,CAACsB,oBAAoB,CAAC;EAC5DC,cAAc,EAAEJ,wBAAwB;EACxCK,YAAY,EAAE;AAClB,CAAC,CAAC;;AAEF","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+import { type IFieldTypeFactory } from "./abstractions.js";
+import { FieldBuilder, type BaseFieldBuilder } from "./FieldBuilder.js";
+import { type IFieldBuilderRegistry } from "../abstractions.js";
+import type { CmsIcon } from "../../../types/index.js";
+export interface IDynamicZoneFieldBuilder extends FieldBuilder<"dynamicZone"> {
+    required(message?: string): this;
+    template(id: string, config: {
+        name: string;
+        gqlTypeName: string;
+        icon?: CmsIcon;
+        description?: string;
+        fields: (registry: IFieldBuilderRegistry) => Record<string, BaseFieldBuilder<any>>;
+        layout?: string[][];
+    }): this;
+}
+declare class DynamicZoneFieldTypeFactory implements IFieldTypeFactory {
+    readonly type = "dynamicZone";
+    create(registry: IFieldBuilderRegistry): IDynamicZoneFieldBuilder;
+}
+export declare const DynamicZoneFieldType: typeof DynamicZoneFieldTypeFactory & {
+    __abstraction: import("@webiny/di").Abstraction<IFieldTypeFactory>;
+};
+declare module "../abstractions.js" {
+    interface IFieldBuilderRegistry {
+        dynamicZone(): IDynamicZoneFieldBuilder;
+    }
+}
+export {};

package/features/modelBuilder/fields/DynamicZoneFieldType.js

@@ -0,0 +1,64 @@
+import { FieldType } from "./abstractions.js";
+import { FieldBuilder } from "./FieldBuilder.js";
+class DynamicZoneFieldBuilder extends FieldBuilder {
+  templates = [];
+  constructor(registry) {
+    super("dynamicZone");
+    this.registry = registry;
+  }
+  required(message) {
+    return this.validation({
+      name: "required",
+      message: message || "Field is required",
+      settings: {}
+    });
+  }
+  template(id, config) {
+    const fieldBuilders = config.fields(this.registry);
+    const fields = [];
+    for (const [key, fieldBuilder] of Object.entries(fieldBuilders)) {
+      fieldBuilder.fieldId(key);
+      const result = fieldBuilder.build();
+      if (result.type === "data") {
+        fields.push(result.field);
+      } else if (result.fields) {
+        fields.push(...result.fields);
+      }
+    }
+    this.templates.push({
+      id,
+      name: config.name,
+      gqlTypeName: config.gqlTypeName,
+      icon: config.icon,
+      description: config.description || "",
+      fields,
+      layout: config.layout || [],
+      validation: []
+    });
+    return this;
+  }
+  build() {
+    // Set templates in settings before building
+    this.config.settings = this.config.settings || {};
+    this.config.settings.templates = this.templates;
+    this.config.listValidation = [{
+      name: "dynamicZone",
+      message: ""
+    }];
+    return super.build();
+  }
+}
+class DynamicZoneFieldTypeFactory {
+  type = "dynamicZone";
+  create(registry) {
+    return new DynamicZoneFieldBuilder(registry);
+  }
+}
+export const DynamicZoneFieldType = FieldType.createImplementation({
+  implementation: DynamicZoneFieldTypeFactory,
+  dependencies: []
+});
+
+// Module augmentation for TypeScript autocomplete
+
+//# sourceMappingURL=DynamicZoneFieldType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FieldType","FieldBuilder","DynamicZoneFieldBuilder","templates","constructor","registry","required","message","validation","name","settings","template","id","config","fieldBuilders","fields","key","fieldBuilder","Object","entries","fieldId","result","build","type","push","field","gqlTypeName","icon","description","layout","listValidation","DynamicZoneFieldTypeFactory","create","DynamicZoneFieldType","createImplementation","implementation","dependencies"],"sources":["DynamicZoneFieldType.ts"],"sourcesContent":["import { FieldType, type IFieldTypeFactory } from \"./abstractions.js\";\nimport { type FieldBuildResult } from \"./BaseFieldBuilder.js\";\nimport { FieldBuilder, type BaseFieldBuilder } from \"./FieldBuilder.js\";\nimport { type IFieldBuilderRegistry } from \"../abstractions.js\";\nimport type { CmsIcon, CmsModelField, CmsModelFieldValidation } from \"~/types/index.js\";\n\ninterface IDynamicZoneTemplate {\n    id: string;\n    name: string;\n    gqlTypeName: string;\n    icon: CmsIcon | undefined;\n    description: string;\n    fields: any[];\n    layout: string[][];\n    validation: CmsModelFieldValidation[];\n}\n\nexport interface IDynamicZoneFieldBuilder extends FieldBuilder<\"dynamicZone\"> {\n    required(message?: string): this;\n    template(\n        id: string,\n        config: {\n            name: string;\n            gqlTypeName: string;\n            icon?: CmsIcon;\n            description?: string;\n            fields: (registry: IFieldBuilderRegistry) => Record<string, BaseFieldBuilder<any>>;\n            layout?: string[][];\n        }\n    ): this;\n}\n\ninterface IDynamicZoneFieldBuilderTemplateConfig {\n    name: string;\n    gqlTypeName: string;\n    icon?: CmsIcon;\n    description?: string;\n    fields: (registry: IFieldBuilderRegistry) => Record<string, BaseFieldBuilder<any>>;\n    layout?: string[][];\n}\n\nclass DynamicZoneFieldBuilder\n    extends FieldBuilder<\"dynamicZone\">\n    implements IDynamicZoneFieldBuilder\n{\n    private readonly templates: IDynamicZoneTemplate[] = [];\n\n    public constructor(private registry: IFieldBuilderRegistry) {\n        super(\"dynamicZone\");\n    }\n\n    public required(message?: string): this {\n        return this.validation({\n            name: \"required\",\n            message: message || \"Field is required\",\n            settings: {}\n        });\n    }\n\n    public template(id: string, config: IDynamicZoneFieldBuilderTemplateConfig): this {\n        const fieldBuilders = config.fields(this.registry);\n        const fields: CmsModelField[] = [];\n\n        for (const [key, fieldBuilder] of Object.entries(fieldBuilders)) {\n            fieldBuilder.fieldId(key);\n            const result: FieldBuildResult = (fieldBuilder as any).build();\n            if (result.type === \"data\") {\n                fields.push(result.field);\n            } else if (result.fields) {\n                fields.push(...result.fields);\n            }\n        }\n\n        this.templates.push({\n            id,\n            name: config.name,\n            gqlTypeName: config.gqlTypeName,\n            icon: config.icon,\n            description: config.description || \"\",\n            fields,\n            layout: config.layout || [],\n            validation: []\n        });\n\n        return this;\n    }\n\n    public override build() {\n        // Set templates in settings before building\n        this.config.settings = this.config.settings || {};\n        this.config.settings.templates = this.templates;\n        this.config.listValidation = [{ name: \"dynamicZone\", message: \"\" }];\n        return super.build();\n    }\n}\n\nclass DynamicZoneFieldTypeFactory implements IFieldTypeFactory {\n    public readonly type = \"dynamicZone\";\n\n    public create(registry: IFieldBuilderRegistry): IDynamicZoneFieldBuilder {\n        return new DynamicZoneFieldBuilder(registry);\n    }\n}\n\nexport const DynamicZoneFieldType = FieldType.createImplementation({\n    implementation: DynamicZoneFieldTypeFactory,\n    dependencies: []\n});\n\n// Module augmentation for TypeScript autocomplete\ndeclare module \"../abstractions.js\" {\n    interface IFieldBuilderRegistry {\n        dynamicZone(): IDynamicZoneFieldBuilder;\n    }\n}\n"],"mappings":"AAAA,SAASA,SAAS;AAElB,SAASC,YAAY;AAuCrB,MAAMC,uBAAuB,SACjBD,YAAY,CAExB;EACqBE,SAAS,GAA2B,EAAE;EAEhDC,WAAWA,CAASC,QAA+B,EAAE;IACxD,KAAK,CAAC,aAAa,CAAC;IAAC,KADEA,QAA+B,GAA/BA,QAA+B;EAE1D;EAEOC,QAAQA,CAACC,OAAgB,EAAQ;IACpC,OAAO,IAAI,CAACC,UAAU,CAAC;MACnBC,IAAI,EAAE,UAAU;MAChBF,OAAO,EAAEA,OAAO,IAAI,mBAAmB;MACvCG,QAAQ,EAAE,CAAC;IACf,CAAC,CAAC;EACN;EAEOC,QAAQA,CAACC,EAAU,EAAEC,MAA8C,EAAQ;IAC9E,MAAMC,aAAa,GAAGD,MAAM,CAACE,MAAM,CAAC,IAAI,CAACV,QAAQ,CAAC;IAClD,MAAMU,MAAuB,GAAG,EAAE;IAElC,KAAK,MAAM,CAACC,GAAG,EAAEC,YAAY,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACL,aAAa,CAAC,EAAE;MAC7DG,YAAY,CAACG,OAAO,CAACJ,GAAG,CAAC;MACzB,MAAMK,MAAwB,GAAIJ,YAAY,CAASK,KAAK,CAAC,CAAC;MAC9D,IAAID,MAAM,CAACE,IAAI,KAAK,MAAM,EAAE;QACxBR,MAAM,CAACS,IAAI,CAACH,MAAM,CAACI,KAAK,CAAC;MAC7B,CAAC,MAAM,IAAIJ,MAAM,CAACN,MAAM,EAAE;QACtBA,MAAM,CAACS,IAAI,CAAC,GAAGH,MAAM,CAACN,MAAM,CAAC;MACjC;IACJ;IAEA,IAAI,CAACZ,SAAS,CAACqB,IAAI,CAAC;MAChBZ,EAAE;MACFH,IAAI,EAAEI,MAAM,CAACJ,IAAI;MACjBiB,WAAW,EAAEb,MAAM,CAACa,WAAW;MAC/BC,IAAI,EAAEd,MAAM,CAACc,IAAI;MACjBC,WAAW,EAAEf,MAAM,CAACe,WAAW,IAAI,EAAE;MACrCb,MAAM;MACNc,MAAM,EAAEhB,MAAM,CAACgB,MAAM,IAAI,EAAE;MAC3BrB,UAAU,EAAE;IAChB,CAAC,CAAC;IAEF,OAAO,IAAI;EACf;EAEgBc,KAAKA,CAAA,EAAG;IACpB;IACA,IAAI,CAACT,MAAM,CAACH,QAAQ,GAAG,IAAI,CAACG,MAAM,CAACH,QAAQ,IAAI,CAAC,CAAC;IACjD,IAAI,CAACG,MAAM,CAACH,QAAQ,CAACP,SAAS,GAAG,IAAI,CAACA,SAAS;IAC/C,IAAI,CAACU,MAAM,CAACiB,cAAc,GAAG,CAAC;MAAErB,IAAI,EAAE,aAAa;MAAEF,OAAO,EAAE;IAAG,CAAC,CAAC;IACnE,OAAO,KAAK,CAACe,KAAK,CAAC,CAAC;EACxB;AACJ;AAEA,MAAMS,2BAA2B,CAA8B;EAC3CR,IAAI,GAAG,aAAa;EAE7BS,MAAMA,CAAC3B,QAA+B,EAA4B;IACrE,OAAO,IAAIH,uBAAuB,CAACG,QAAQ,CAAC;EAChD;AACJ;AAEA,OAAO,MAAM4B,oBAAoB,GAAGjC,SAAS,CAACkC,oBAAoB,CAAC;EAC/DC,cAAc,EAAEJ,2BAA2B;EAC3CK,YAAY,EAAE;AAClB,CAAC,CAAC;;AAEF","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1 @@
+{"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/FieldBuilderRegistry.d.ts

@@ -0,0 +1,4 @@
+import { type IFieldBuilderRegistry } from "../abstractions.js";
+export declare const FieldBuilderRegistry: import("@webiny/di").Constructor<IFieldBuilderRegistry> & {
+    __abstraction: import("@webiny/di").Abstraction<IFieldBuilderRegistry>;
+};

package/features/modelBuilder/fields/FieldBuilderRegistry.js

@@ -0,0 +1,71 @@
+/**
+ * This file has multiple @ts-expect-error comments because the dynamic nature of the registry makes it difficult to type correctly.
+ * The registry is designed to allow dynamic method access for field types, which is not easily expressed in TypeScript.
+ * The @ts-expect-error comments are used to suppress type errors in places where we know the code is correct but TypeScript cannot verify it.
+ */
+import camelCase from "lodash/camelCase.js";
+import { FieldBuilderRegistry as RegistryAbstraction } from "../abstractions.js";
+import { FieldType } from "./abstractions.js";
+
+// @ts-expect-error
+class FieldBuilderRegistryImpl {
+  fieldTypes = new Map();
+  extendMode = false;
+  constructor(fieldTypeFactories) {
+    // Register all field types by their type name
+    for (const factory of fieldTypeFactories) {
+      this.fieldTypes.set(factory.type, factory);
+      // Also register camelCase aliases for hyphenated types
+      if (factory.type.includes("-")) {
+        this.fieldTypes.set(camelCase(factory.type), factory);
+      }
+      // also register camelCase aliases for subtypes.
+      if (factory.type.includes(":")) {
+        this.fieldTypes.set(camelCase(factory.type), factory);
+      }
+    }
+
+    // Return Proxy for dynamic method access
+    const proxy = new Proxy(this, {
+      get(target, prop) {
+        // Handle extend() method
+        if (prop === "extend") {
+          return () => {
+            target.extendMode = true;
+            return proxy;
+          };
+        }
+
+        // Check if it's a registered field type
+        const factory = target.fieldTypes.get(prop);
+        if (factory) {
+          return () => {
+            const builder = factory.create(proxy);
+
+            // If in extend mode, mark the builder with extend flag
+            // BaseModelBuilder will handle merging operations by field ID
+            if (target.extendMode) {
+              builder._extendMode = true;
+              target.extendMode = false; // Reset for next field
+            }
+            return builder;
+          };
+        }
+
+        // Otherwise return the actual property
+        return target[prop];
+      }
+    });
+    return proxy;
+  }
+}
+export const FieldBuilderRegistry = RegistryAbstraction.createImplementation({
+  // @ts-expect-error
+  implementation: FieldBuilderRegistryImpl,
+  // @ts-expect-error
+  dependencies: [[FieldType, {
+    multiple: true
+  }]]
+});
+
+//# sourceMappingURL=FieldBuilderRegistry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["camelCase","FieldBuilderRegistry","RegistryAbstraction","FieldType","FieldBuilderRegistryImpl","fieldTypes","Map","extendMode","constructor","fieldTypeFactories","factory","set","type","includes","proxy","Proxy","get","target","prop","builder","create","_extendMode","createImplementation","implementation","dependencies","multiple"],"sources":["FieldBuilderRegistry.ts"],"sourcesContent":["/**\n * This file has multiple @ts-expect-error comments because the dynamic nature of the registry makes it difficult to type correctly.\n * The registry is designed to allow dynamic method access for field types, which is not easily expressed in TypeScript.\n * The @ts-expect-error comments are used to suppress type errors in places where we know the code is correct but TypeScript cannot verify it.\n */\nimport camelCase from \"lodash/camelCase.js\";\nimport {\n    FieldBuilderRegistry as RegistryAbstraction,\n    type IFieldBuilderRegistry\n} from \"../abstractions.js\";\nimport { FieldType, type IFieldTypeFactory } from \"./abstractions.js\";\n\n// @ts-expect-error\nclass FieldBuilderRegistryImpl implements IFieldBuilderRegistry {\n    private fieldTypes = new Map<string, IFieldTypeFactory>();\n    private extendMode = false;\n    public existingFields?: Map<string, any>;\n\n    public constructor(fieldTypeFactories: IFieldTypeFactory[]) {\n        // Register all field types by their type name\n        for (const factory of fieldTypeFactories) {\n            this.fieldTypes.set(factory.type, factory);\n            // Also register camelCase aliases for hyphenated types\n            if (factory.type.includes(\"-\")) {\n                this.fieldTypes.set(camelCase(factory.type), factory);\n            }\n            // also register camelCase aliases for subtypes.\n            if (factory.type.includes(\":\")) {\n                this.fieldTypes.set(camelCase(factory.type), factory);\n            }\n        }\n\n        // Return Proxy for dynamic method access\n        const proxy = new Proxy(this, {\n            get(target, prop: string) {\n                // Handle extend() method\n                if (prop === \"extend\") {\n                    return () => {\n                        target.extendMode = true;\n                        return proxy;\n                    };\n                }\n\n                // Check if it's a registered field type\n                const factory = target.fieldTypes.get(prop);\n                if (factory) {\n                    return () => {\n                        const builder = factory.create(proxy as IFieldBuilderRegistry);\n\n                        // If in extend mode, mark the builder with extend flag\n                        // BaseModelBuilder will handle merging operations by field ID\n                        if (target.extendMode) {\n                            (builder as any)._extendMode = true;\n                            target.extendMode = false; // Reset for next field\n                        }\n\n                        return builder;\n                    };\n                }\n\n                // Otherwise return the actual property\n                return target[prop as keyof typeof target];\n            }\n        }) as any;\n\n        return proxy;\n    }\n}\n\nexport const FieldBuilderRegistry = RegistryAbstraction.createImplementation({\n    // @ts-expect-error\n    implementation: FieldBuilderRegistryImpl,\n    // @ts-expect-error\n    dependencies: [[FieldType, { multiple: true }]]\n});\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,OAAOA,SAAS,MAAM,qBAAqB;AAC3C,SACIC,oBAAoB,IAAIC,mBAAmB;AAG/C,SAASC,SAAS;;AAElB;AACA,MAAMC,wBAAwB,CAAkC;EACpDC,UAAU,GAAG,IAAIC,GAAG,CAA4B,CAAC;EACjDC,UAAU,GAAG,KAAK;EAGnBC,WAAWA,CAACC,kBAAuC,EAAE;IACxD;IACA,KAAK,MAAMC,OAAO,IAAID,kBAAkB,EAAE;MACtC,IAAI,CAACJ,UAAU,CAACM,GAAG,CAACD,OAAO,CAACE,IAAI,EAAEF,OAAO,CAAC;MAC1C;MACA,IAAIA,OAAO,CAACE,IAAI,CAACC,QAAQ,CAAC,GAAG,CAAC,EAAE;QAC5B,IAAI,CAACR,UAAU,CAACM,GAAG,CAACX,SAAS,CAACU,OAAO,CAACE,IAAI,CAAC,EAAEF,OAAO,CAAC;MACzD;MACA;MACA,IAAIA,OAAO,CAACE,IAAI,CAACC,QAAQ,CAAC,GAAG,CAAC,EAAE;QAC5B,IAAI,CAACR,UAAU,CAACM,GAAG,CAACX,SAAS,CAACU,OAAO,CAACE,IAAI,CAAC,EAAEF,OAAO,CAAC;MACzD;IACJ;;IAEA;IACA,MAAMI,KAAK,GAAG,IAAIC,KAAK,CAAC,IAAI,EAAE;MAC1BC,GAAGA,CAACC,MAAM,EAAEC,IAAY,EAAE;QACtB;QACA,IAAIA,IAAI,KAAK,QAAQ,EAAE;UACnB,OAAO,MAAM;YACTD,MAAM,CAACV,UAAU,GAAG,IAAI;YACxB,OAAOO,KAAK;UAChB,CAAC;QACL;;QAEA;QACA,MAAMJ,OAAO,GAAGO,MAAM,CAACZ,UAAU,CAACW,GAAG,CAACE,IAAI,CAAC;QAC3C,IAAIR,OAAO,EAAE;UACT,OAAO,MAAM;YACT,MAAMS,OAAO,GAAGT,OAAO,CAACU,MAAM,CAACN,KAA8B,CAAC;;YAE9D;YACA;YACA,IAAIG,MAAM,CAACV,UAAU,EAAE;cAClBY,OAAO,CAASE,WAAW,GAAG,IAAI;cACnCJ,MAAM,CAACV,UAAU,GAAG,KAAK,CAAC,CAAC;YAC/B;YAEA,OAAOY,OAAO;UAClB,CAAC;QACL;;QAEA;QACA,OAAOF,MAAM,CAACC,IAAI,CAAwB;MAC9C;IACJ,CAAC,CAAQ;IAET,OAAOJ,KAAK;EAChB;AACJ;AAEA,OAAO,MAAMb,oBAAoB,GAAGC,mBAAmB,CAACoB,oBAAoB,CAAC;EACzE;EACAC,cAAc,EAAEnB,wBAAwB;EACxC;EACAoB,YAAY,EAAE,CAAC,CAACrB,SAAS,EAAE;IAAEsB,QAAQ,EAAE;EAAK,CAAC,CAAC;AAClD,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,19 @@
+import { type IFieldTypeFactory } from "./abstractions.js";
+import { FieldBuilder } from "./FieldBuilder.js";
+import { RequiredValidator } from "./validators.js";
+export interface IFileFieldBuilder extends FieldBuilder<"file">, RequiredValidator {
+    imagesOnly(): this;
+}
+declare class FileFieldTypeFactory implements IFieldTypeFactory {
+    readonly type = "file";
+    create(): IFileFieldBuilder;
+}
+export declare const FileFieldType: typeof FileFieldTypeFactory & {
+    __abstraction: import("@webiny/di").Abstraction<IFieldTypeFactory>;
+};
+declare module "../abstractions.js" {
+    interface IFieldBuilderRegistry {
+        file(): IFileFieldBuilder;
+    }
+}
+export {};

package/features/modelBuilder/fields/FileFieldType.js

@@ -0,0 +1,33 @@
+import { FieldType } from "./abstractions.js";
+import { FieldBuilder } from "./FieldBuilder.js";
+class FileFieldBuilder extends FieldBuilder {
+  constructor() {
+    super("file");
+  }
+  required(message) {
+    return this.validation({
+      name: "required",
+      message: message || "Value is required.",
+      settings: {}
+    });
+  }
+  imagesOnly() {
+    this.config.settings = this.config.settings || {};
+    this.config.settings.imagesOnly = true;
+    return this;
+  }
+}
+class FileFieldTypeFactory {
+  type = "file";
+  create() {
+    return new FileFieldBuilder();
+  }
+}
+export const FileFieldType = FieldType.createImplementation({
+  implementation: FileFieldTypeFactory,
+  dependencies: []
+});
+
+// Module augmentation for TypeScript autocomplete
+
+//# sourceMappingURL=FileFieldType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FieldType","FieldBuilder","FileFieldBuilder","constructor","required","message","validation","name","settings","imagesOnly","config","FileFieldTypeFactory","type","create","FileFieldType","createImplementation","implementation","dependencies"],"sources":["FileFieldType.ts"],"sourcesContent":["import { FieldType, type IFieldTypeFactory } from \"./abstractions.js\";\nimport { FieldBuilder } from \"./FieldBuilder.js\";\nimport { RequiredValidator } from \"./validators.js\";\n\nexport interface IFileFieldBuilder extends FieldBuilder<\"file\">, RequiredValidator {\n    imagesOnly(): this;\n}\n\nclass FileFieldBuilder extends FieldBuilder<\"file\"> implements IFileFieldBuilder {\n    public constructor() {\n        super(\"file\");\n    }\n\n    required(message?: string): this {\n        return this.validation({\n            name: \"required\",\n            message: message || \"Value is required.\",\n            settings: {}\n        });\n    }\n\n    imagesOnly(): this {\n        this.config.settings = this.config.settings || {};\n        this.config.settings.imagesOnly = true;\n        return this;\n    }\n}\n\nclass FileFieldTypeFactory implements IFieldTypeFactory {\n    readonly type = \"file\";\n\n    create(): IFileFieldBuilder {\n        return new FileFieldBuilder();\n    }\n}\n\nexport const FileFieldType = FieldType.createImplementation({\n    implementation: FileFieldTypeFactory,\n    dependencies: []\n});\n\n// Module augmentation for TypeScript autocomplete\ndeclare module \"../abstractions.js\" {\n    interface IFieldBuilderRegistry {\n        file(): IFileFieldBuilder;\n    }\n}\n"],"mappings":"AAAA,SAASA,SAAS;AAClB,SAASC,YAAY;AAOrB,MAAMC,gBAAgB,SAASD,YAAY,CAAsC;EACtEE,WAAWA,CAAA,EAAG;IACjB,KAAK,CAAC,MAAM,CAAC;EACjB;EAEAC,QAAQA,CAACC,OAAgB,EAAQ;IAC7B,OAAO,IAAI,CAACC,UAAU,CAAC;MACnBC,IAAI,EAAE,UAAU;MAChBF,OAAO,EAAEA,OAAO,IAAI,oBAAoB;MACxCG,QAAQ,EAAE,CAAC;IACf,CAAC,CAAC;EACN;EAEAC,UAAUA,CAAA,EAAS;IACf,IAAI,CAACC,MAAM,CAACF,QAAQ,GAAG,IAAI,CAACE,MAAM,CAACF,QAAQ,IAAI,CAAC,CAAC;IACjD,IAAI,CAACE,MAAM,CAACF,QAAQ,CAACC,UAAU,GAAG,IAAI;IACtC,OAAO,IAAI;EACf;AACJ;AAEA,MAAME,oBAAoB,CAA8B;EAC3CC,IAAI,GAAG,MAAM;EAEtBC,MAAMA,CAAA,EAAsB;IACxB,OAAO,IAAIX,gBAAgB,CAAC,CAAC;EACjC;AACJ;AAEA,OAAO,MAAMY,aAAa,GAAGd,SAAS,CAACe,oBAAoB,CAAC;EACxDC,cAAc,EAAEL,oBAAoB;EACpCM,YAAY,EAAE;AAClB,CAAC,CAAC;;AAEF","ignoreList":[]}