@webiny/app-headless-cms 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

package/presentation/fieldTypes/types/ObjectFieldType.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import { CmsFieldType } from "../abstractions.js";
+import type { CmsModelField } from "../../../types.js";
+declare class ObjectFieldTypeImpl implements CmsFieldType.Interface {
+    type: string;
+    label: string;
+    description: string;
+    icon: React.JSX.Element;
+    allowList: boolean;
+    listLabel: string;
+    allowPredefinedValues: boolean;
+    renderEditor({ field }: {
+        field: CmsModelField;
+    }): React.JSX.Element;
+    createField(): {
+        type: string;
+        validation: never[];
+        renderer: {
+            name: string;
+        };
+        settings: {
+            fields: never[];
+            layout: never[];
+        };
+    };
+}
+export declare const ObjectFieldType: typeof ObjectFieldTypeImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICmsFieldType>;
+};
+export {};

package/presentation/fieldTypes/types/ObjectFieldType.js

@@ -0,0 +1,40 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/ballot.svg";
+import { CmsFieldType } from "../abstractions.js";
+import { ObjectFields } from "./object/ObjectFields.js";
+class ObjectFieldTypeImpl {
+    renderEditor({ field }) {
+        return /*#__PURE__*/ react.createElement(ObjectFields, {
+            field: field
+        });
+    }
+    createField() {
+        return {
+            type: this.type,
+            validation: [],
+            renderer: {
+                name: ""
+            },
+            settings: {
+                fields: [],
+                layout: []
+            }
+        };
+    }
+    constructor(){
+        this.type = "object";
+        this.label = "Object";
+        this.description = "Store nested data structures.";
+        this.icon = /*#__PURE__*/ react.createElement(ReactComponent, null);
+        this.allowList = true;
+        this.listLabel = "Use as a repeatable object";
+        this.allowPredefinedValues = false;
+    }
+}
+const ObjectFieldType = CmsFieldType.createImplementation({
+    implementation: ObjectFieldTypeImpl,
+    dependencies: []
+});
+export { ObjectFieldType };
+
+//# sourceMappingURL=ObjectFieldType.js.map

package/presentation/fieldTypes/types/ObjectFieldType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldTypes/types/ObjectFieldType.js","sources":["../../../../src/presentation/fieldTypes/types/ObjectFieldType.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@webiny/icons/ballot.svg\";\nimport { CmsFieldType } from \"../abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport { ObjectFields } from \"./object/ObjectFields.js\";\n\nclass ObjectFieldTypeImpl implements CmsFieldType.Interface {\n    type = \"object\";\n    label = \"Object\";\n    description = \"Store nested data structures.\";\n    icon = <ObjectIcon />;\n    allowList = true;\n    listLabel = \"Use as a repeatable object\";\n    allowPredefinedValues = false;\n\n    renderEditor({ field }: { field: CmsModelField }) {\n        return <ObjectFields field={field} />;\n    }\n\n    createField() {\n        return {\n            type: this.type,\n            validation: [],\n            renderer: { name: \"\" },\n            settings: { fields: [], layout: [] }\n        };\n    }\n}\n\nexport const ObjectFieldType = CmsFieldType.createImplementation({\n    implementation: ObjectFieldTypeImpl,\n    dependencies: []\n});\n"],"names":["ObjectFieldTypeImpl","field","ObjectFields","ObjectIcon","ObjectFieldType","CmsFieldType"],"mappings":";;;;AAMA,MAAMA;IASF,aAAa,EAAEC,KAAK,EAA4B,EAAE;QAC9C,OAAO,WAAP,GAAO,oBAACC,cAAYA;YAAC,OAAOD;;IAChC;IAEA,cAAc;QACV,OAAO;YACH,MAAM,IAAI,CAAC,IAAI;YACf,YAAY,EAAE;YACd,UAAU;gBAAE,MAAM;YAAG;YACrB,UAAU;gBAAE,QAAQ,EAAE;gBAAE,QAAQ,EAAE;YAAC;QACvC;IACJ;;aAnBA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG,WAAP,GAAO,oBAACE,gBAAUA;aAClB,SAAS,GAAG;aACZ,SAAS,GAAG;aACZ,qBAAqB,GAAG;;AAc5B;AAEO,MAAMC,kBAAkBC,aAAa,oBAAoB,CAAC;IAC7D,gBAAgBL;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldTypes/types/RefFieldSettingsModifier.d.ts

@@ -0,0 +1,22 @@
+import { CmsFieldEditorGroupModifier } from "../../fieldEditor/abstractions.js";
+import type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from "../../fieldEditor/abstractions.js";
+import type { CmsModelField } from "../../../types.js";
+import { ListModelsUseCase } from "../../../features/model/listModels/abstractions.js";
+import { ModelsCache } from "../../../features/model/abstractions.js";
+declare class RefFieldSettingsModifierImpl implements CmsFieldEditorGroupModifier.Interface {
+    private useCase;
+    private cache;
+    group: string;
+    constructor(useCase: ListModelsUseCase.Interface, cache: ModelsCache.Interface);
+    shouldApply(context: ICmsFieldEditorContext): boolean;
+    modifyForm(form: ICmsFieldEditorFormBuilder): void;
+    mapToForm(field: CmsModelField): {
+        models: any[];
+    };
+    mapFromForm(formData: Record<string, any>, field: CmsModelField): void;
+    private getModelOptions;
+}
+export declare const RefFieldSettingsModifier: typeof RefFieldSettingsModifierImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../../fieldEditor/abstractions.js").ICmsFieldEditorGroupModifier>;
+};
+export {};

package/presentation/fieldTypes/types/RefFieldSettingsModifier.js

@@ -0,0 +1,55 @@
+import { CMS_MODEL_SINGLETON_TAG } from "@webiny/app-headless-cms-common";
+import { CmsFieldEditorGroupModifier } from "../../fieldEditor/abstractions.js";
+import { ListModelsUseCase } from "../../../features/model/listModels/abstractions.js";
+import { ModelsCache } from "../../../features/model/abstractions.js";
+class RefFieldSettingsModifierImpl {
+    constructor(useCase, cache){
+        this.useCase = useCase;
+        this.cache = cache;
+        this.group = "general";
+    }
+    shouldApply(context) {
+        return "ref" === context.fieldType.type;
+    }
+    modifyForm(form) {
+        this.useCase.execute();
+        form.fields((fields)=>({
+                models: fields.text().list().label("Content models").required("Please select at least one content model.").options(()=>this.getModelOptions()).renderer("multiAutoComplete")
+            }));
+        form.layout((layout)=>[
+                layout.row("models")
+            ]);
+    }
+    mapToForm(field) {
+        const models = field.settings?.models || [];
+        return {
+            models: models.map((m)=>m.modelId)
+        };
+    }
+    mapFromForm(formData, field) {
+        if (!field.settings) field.settings = {};
+        field.settings.models = (formData.models || []).map((id)=>({
+                modelId: id
+            }));
+    }
+    getModelOptions() {
+        return this.cache.getItems().filter((model)=>{
+            if (model.tags && model.tags.includes(CMS_MODEL_SINGLETON_TAG)) return false;
+            if (model.modelId.startsWith("wby")) return false;
+            return true;
+        }).map((model)=>({
+                label: model.name,
+                value: model.modelId
+            }));
+    }
+}
+const RefFieldSettingsModifier = CmsFieldEditorGroupModifier.createImplementation({
+    implementation: RefFieldSettingsModifierImpl,
+    dependencies: [
+        ListModelsUseCase,
+        ModelsCache
+    ]
+});
+export { RefFieldSettingsModifier };
+
+//# sourceMappingURL=RefFieldSettingsModifier.js.map

package/presentation/fieldTypes/types/RefFieldSettingsModifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldTypes/types/RefFieldSettingsModifier.js","sources":["../../../../src/presentation/fieldTypes/types/RefFieldSettingsModifier.ts"],"sourcesContent":["import { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { CmsFieldEditorGroupModifier } from \"../../fieldEditor/abstractions.js\";\nimport type {\n    ICmsFieldEditorFormBuilder,\n    ICmsFieldEditorContext\n} from \"../../fieldEditor/abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport { ListModelsUseCase } from \"~/features/model/listModels/abstractions.js\";\nimport { ModelsCache } from \"~/features/model/abstractions.js\";\n\nclass RefFieldSettingsModifierImpl implements CmsFieldEditorGroupModifier.Interface {\n    group = \"general\";\n\n    constructor(\n        private useCase: ListModelsUseCase.Interface,\n        private cache: ModelsCache.Interface\n    ) {}\n\n    shouldApply(context: ICmsFieldEditorContext) {\n        return context.fieldType.type === \"ref\";\n    }\n\n    modifyForm(form: ICmsFieldEditorFormBuilder) {\n        void this.useCase.execute();\n\n        form.fields(fields => ({\n            models: fields\n                .text()\n                .list()\n                .label(\"Content models\")\n                .required(\"Please select at least one content model.\")\n                .options(() => this.getModelOptions())\n                .renderer(\"multiAutoComplete\")\n        }));\n        form.layout(layout => [layout.row(\"models\")]);\n    }\n\n    mapToForm(field: CmsModelField) {\n        const models = field.settings?.models || [];\n        return { models: models.map((m: any) => m.modelId) };\n    }\n\n    mapFromForm(formData: Record<string, any>, field: CmsModelField) {\n        if (!field.settings) {\n            field.settings = {};\n        }\n        field.settings.models = (formData.models || []).map((id: string) => ({ modelId: id }));\n    }\n\n    private getModelOptions() {\n        return this.cache\n            .getItems()\n            .filter(model => {\n                if (model.tags && model.tags.includes(CMS_MODEL_SINGLETON_TAG)) {\n                    return false;\n                }\n                if (model.modelId.startsWith(\"wby\")) {\n                    return false;\n                }\n                return true;\n            })\n            .map(model => ({ label: model.name, value: model.modelId }));\n    }\n}\n\nexport const RefFieldSettingsModifier = CmsFieldEditorGroupModifier.createImplementation({\n    implementation: RefFieldSettingsModifierImpl,\n    dependencies: [ListModelsUseCase, ModelsCache]\n});\n"],"names":["RefFieldSettingsModifierImpl","useCase","cache","context","form","fields","layout","field","models","m","formData","id","model","CMS_MODEL_SINGLETON_TAG","RefFieldSettingsModifier","CmsFieldEditorGroupModifier","ListModelsUseCase","ModelsCache"],"mappings":";;;;AAUA,MAAMA;IAGF,YACYC,OAAoC,EACpCC,KAA4B,CACtC;aAFUD,OAAO,GAAPA;aACAC,KAAK,GAALA;aAJZ,KAAK,GAAG;IAKL;IAEH,YAAYC,OAA+B,EAAE;QACzC,OAAOA,AAA2B,UAA3BA,QAAQ,SAAS,CAAC,IAAI;IACjC;IAEA,WAAWC,IAAgC,EAAE;QACpC,IAAI,CAAC,OAAO,CAAC,OAAO;QAEzBA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,QAAQA,OACH,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC,kBACN,QAAQ,CAAC,6CACT,OAAO,CAAC,IAAM,IAAI,CAAC,eAAe,IAClC,QAAQ,CAAC;YAClB;QACAD,KAAK,MAAM,CAACE,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAU;IAChD;IAEA,UAAUC,KAAoB,EAAE;QAC5B,MAAMC,SAASD,MAAM,QAAQ,EAAE,UAAU,EAAE;QAC3C,OAAO;YAAE,QAAQC,OAAO,GAAG,CAAC,CAACC,IAAWA,EAAE,OAAO;QAAE;IACvD;IAEA,YAAYC,QAA6B,EAAEH,KAAoB,EAAE;QAC7D,IAAI,CAACA,MAAM,QAAQ,EACfA,MAAM,QAAQ,GAAG,CAAC;QAEtBA,MAAM,QAAQ,CAAC,MAAM,GAAIG,AAAAA,CAAAA,SAAS,MAAM,IAAI,EAAC,EAAG,GAAG,CAAC,CAACC,KAAgB;gBAAE,SAASA;YAAG;IACvF;IAEQ,kBAAkB;QACtB,OAAO,IAAI,CAAC,KAAK,CACZ,QAAQ,GACR,MAAM,CAACC,CAAAA;YACJ,IAAIA,MAAM,IAAI,IAAIA,MAAM,IAAI,CAAC,QAAQ,CAACC,0BAClC,OAAO;YAEX,IAAID,MAAM,OAAO,CAAC,UAAU,CAAC,QACzB,OAAO;YAEX,OAAO;QACX,GACC,GAAG,CAACA,CAAAA,QAAU;gBAAE,OAAOA,MAAM,IAAI;gBAAE,OAAOA,MAAM,OAAO;YAAC;IACjE;AACJ;AAEO,MAAME,2BAA2BC,4BAA4B,oBAAoB,CAAC;IACrF,gBAAgBf;IAChB,cAAc;QAACgB;QAAmBC;KAAY;AAClD"}

package/presentation/fieldTypes/types/RefFieldType.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { CmsFieldType, type ICmsFieldType } from "../abstractions.js";
+declare class RefFieldTypeImpl implements CmsFieldType.Interface {
+    type: string;
+    label: string;
+    description: string;
+    icon: React.JSX.Element;
+    allowList: boolean;
+    listLabel: string;
+    allowPredefinedValues: boolean;
+    validators: string[];
+    renderInfo: ICmsFieldType["renderInfo"];
+    createField(): {
+        type: string;
+        validation: never[];
+        renderer: {
+            name: string;
+        };
+        settings: {
+            models: never[];
+        };
+    };
+}
+export declare const RefFieldType: typeof RefFieldTypeImpl & {
+    __abstraction: import("@webiny/di").Abstraction<ICmsFieldType>;
+};
+export {};

package/presentation/fieldTypes/types/RefFieldType.js

@@ -0,0 +1,38 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/link.svg";
+import { CmsFieldType } from "../abstractions.js";
+import { renderInfo } from "./ref/renderInfo.js";
+class RefFieldTypeImpl {
+    createField() {
+        return {
+            type: this.type,
+            validation: [],
+            renderer: {
+                name: ""
+            },
+            settings: {
+                models: []
+            }
+        };
+    }
+    constructor(){
+        this.type = "ref";
+        this.label = "Reference";
+        this.description = "Reference existing content entries.";
+        this.icon = /*#__PURE__*/ react.createElement(ReactComponent, null);
+        this.allowList = true;
+        this.listLabel = "Use as a list of references";
+        this.allowPredefinedValues = false;
+        this.validators = [
+            "required"
+        ];
+        this.renderInfo = renderInfo;
+    }
+}
+const RefFieldType = CmsFieldType.createImplementation({
+    implementation: RefFieldTypeImpl,
+    dependencies: []
+});
+export { RefFieldType };
+
+//# sourceMappingURL=RefFieldType.js.map

package/presentation/fieldTypes/types/RefFieldType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldTypes/types/RefFieldType.js","sources":["../../../../src/presentation/fieldTypes/types/RefFieldType.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as RefIcon } from \"@webiny/icons/link.svg\";\nimport { CmsFieldType, type ICmsFieldType } from \"../abstractions.js\";\nimport { renderInfo } from \"./ref/renderInfo.js\";\n\nclass RefFieldTypeImpl implements CmsFieldType.Interface {\n    type = \"ref\";\n    label = \"Reference\";\n    description = \"Reference existing content entries.\";\n    icon = <RefIcon />;\n    allowList = true;\n    listLabel = \"Use as a list of references\";\n    allowPredefinedValues = false;\n    validators = [\"required\"];\n\n    renderInfo: ICmsFieldType[\"renderInfo\"] = renderInfo;\n\n    createField() {\n        return {\n            type: this.type,\n            validation: [],\n            renderer: { name: \"\" },\n            settings: { models: [] }\n        };\n    }\n}\n\nexport const RefFieldType = CmsFieldType.createImplementation({\n    implementation: RefFieldTypeImpl,\n    dependencies: []\n});\n"],"names":["RefFieldTypeImpl","RefIcon","renderInfo","RefFieldType","CmsFieldType"],"mappings":";;;;AAKA,MAAMA;IAYF,cAAc;QACV,OAAO;YACH,MAAM,IAAI,CAAC,IAAI;YACf,YAAY,EAAE;YACd,UAAU;gBAAE,MAAM;YAAG;YACrB,UAAU;gBAAE,QAAQ,EAAE;YAAC;QAC3B;IACJ;;aAlBA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG,WAAP,GAAO,oBAACC,gBAAOA;aACf,SAAS,GAAG;aACZ,SAAS,GAAG;aACZ,qBAAqB,GAAG;aACxB,UAAU,GAAG;YAAC;SAAW;aAEzB,UAAU,GAAgCC;;AAU9C;AAEO,MAAMC,eAAeC,aAAa,oBAAoB,CAAC;IAC1D,gBAAgBJ;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldTypes/types/RichTextFieldSettingsModifier.d.ts

@@ -0,0 +1,16 @@
+import { CmsFieldEditorGroupModifier } from "../../fieldEditor/abstractions.js";
+import type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from "../../fieldEditor/abstractions.js";
+import type { CmsModelField } from "../../../types.js";
+declare class RichTextFieldSettingsModifierImpl implements CmsFieldEditorGroupModifier.Interface {
+    group: string;
+    shouldApply(context: ICmsFieldEditorContext): boolean;
+    modifyForm(form: ICmsFieldEditorFormBuilder): void;
+    mapToForm(field: CmsModelField): {
+        placeholder: string;
+    };
+    mapFromForm(formData: Record<string, any>, field: CmsModelField): void;
+}
+export declare const RichTextFieldSettingsModifier: typeof RichTextFieldSettingsModifierImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../../fieldEditor/abstractions.js").ICmsFieldEditorGroupModifier>;
+};
+export {};

package/presentation/fieldTypes/types/RichTextFieldSettingsModifier.js

@@ -0,0 +1,32 @@
+import { CmsFieldEditorGroupModifier } from "../../fieldEditor/abstractions.js";
+class RichTextFieldSettingsModifierImpl {
+    shouldApply(context) {
+        return "rich-text" === context.fieldType.type;
+    }
+    modifyForm(form) {
+        form.fields((fields)=>({
+                placeholder: fields.text().label("Placeholder text").description("This text will be shown in an empty input component (optional)")
+            }));
+        form.layout((layout)=>[
+                layout.row("placeholder")
+            ]);
+    }
+    mapToForm(field) {
+        return {
+            placeholder: field.placeholder ?? ""
+        };
+    }
+    mapFromForm(formData, field) {
+        field.placeholder = formData.placeholder;
+    }
+    constructor(){
+        this.group = "general";
+    }
+}
+const RichTextFieldSettingsModifier = CmsFieldEditorGroupModifier.createImplementation({
+    implementation: RichTextFieldSettingsModifierImpl,
+    dependencies: []
+});
+export { RichTextFieldSettingsModifier };
+
+//# sourceMappingURL=RichTextFieldSettingsModifier.js.map

package/presentation/fieldTypes/types/RichTextFieldSettingsModifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldTypes/types/RichTextFieldSettingsModifier.js","sources":["../../../../src/presentation/fieldTypes/types/RichTextFieldSettingsModifier.ts"],"sourcesContent":["import { CmsFieldEditorGroupModifier } from \"../../fieldEditor/abstractions.js\";\nimport type {\n    ICmsFieldEditorFormBuilder,\n    ICmsFieldEditorContext\n} from \"../../fieldEditor/abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\n\nclass RichTextFieldSettingsModifierImpl implements CmsFieldEditorGroupModifier.Interface {\n    group = \"general\";\n\n    shouldApply(context: ICmsFieldEditorContext) {\n        return context.fieldType.type === \"rich-text\";\n    }\n\n    modifyForm(form: ICmsFieldEditorFormBuilder) {\n        form.fields(fields => ({\n            placeholder: fields\n                .text()\n                .label(\"Placeholder text\")\n                .description(\"This text will be shown in an empty input component (optional)\")\n        }));\n        form.layout(layout => [layout.row(\"placeholder\")]);\n    }\n\n    mapToForm(field: CmsModelField) {\n        return { placeholder: field.placeholder ?? \"\" };\n    }\n\n    mapFromForm(formData: Record<string, any>, field: CmsModelField) {\n        field.placeholder = formData.placeholder;\n    }\n}\n\nexport const RichTextFieldSettingsModifier = CmsFieldEditorGroupModifier.createImplementation({\n    implementation: RichTextFieldSettingsModifierImpl,\n    dependencies: []\n});\n"],"names":["RichTextFieldSettingsModifierImpl","context","form","fields","layout","field","formData","RichTextFieldSettingsModifier","CmsFieldEditorGroupModifier"],"mappings":";AAOA,MAAMA;IAGF,YAAYC,OAA+B,EAAE;QACzC,OAAOA,AAA2B,gBAA3BA,QAAQ,SAAS,CAAC,IAAI;IACjC;IAEA,WAAWC,IAAgC,EAAE;QACzCA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,aAAaA,OACR,IAAI,GACJ,KAAK,CAAC,oBACN,WAAW,CAAC;YACrB;QACAD,KAAK,MAAM,CAACE,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAe;IACrD;IAEA,UAAUC,KAAoB,EAAE;QAC5B,OAAO;YAAE,aAAaA,MAAM,WAAW,IAAI;QAAG;IAClD;IAEA,YAAYC,QAA6B,EAAED,KAAoB,EAAE;QAC7DA,MAAM,WAAW,GAAGC,SAAS,WAAW;IAC5C;;aAtBA,KAAK,GAAG;;AAuBZ;AAEO,MAAMC,gCAAgCC,4BAA4B,oBAAoB,CAAC;IAC1F,gBAAgBR;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldTypes/types/RichTextFieldType.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { CmsFieldType } from "../abstractions.js";
+declare class RichTextFieldTypeImpl implements CmsFieldType.Interface {
+    type: string;
+    label: string;
+    description: string;
+    icon: React.JSX.Element;
+    allowList: boolean;
+    listLabel: string;
+    allowPredefinedValues: boolean;
+    createField(): {
+        type: string;
+        validation: never[];
+        renderer: {
+            name: string;
+        };
+    };
+}
+export declare const RichTextFieldType: typeof RichTextFieldTypeImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICmsFieldType>;
+};
+export {};

package/presentation/fieldTypes/types/RichTextFieldType.js

@@ -0,0 +1,30 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/text_snippet.svg";
+import { CmsFieldType } from "../abstractions.js";
+class RichTextFieldTypeImpl {
+    createField() {
+        return {
+            type: this.type,
+            validation: [],
+            renderer: {
+                name: ""
+            }
+        };
+    }
+    constructor(){
+        this.type = "rich-text";
+        this.label = "Rich text";
+        this.description = "Text formatting with references and media.";
+        this.icon = /*#__PURE__*/ react.createElement(ReactComponent, null);
+        this.allowList = true;
+        this.listLabel = "Use as a list of rich texts";
+        this.allowPredefinedValues = false;
+    }
+}
+const RichTextFieldType = CmsFieldType.createImplementation({
+    implementation: RichTextFieldTypeImpl,
+    dependencies: []
+});
+export { RichTextFieldType };
+
+//# sourceMappingURL=RichTextFieldType.js.map

package/presentation/fieldTypes/types/RichTextFieldType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldTypes/types/RichTextFieldType.js","sources":["../../../../src/presentation/fieldTypes/types/RichTextFieldType.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as RichTextIcon } from \"@webiny/icons/text_snippet.svg\";\nimport { CmsFieldType } from \"../abstractions.js\";\n\nclass RichTextFieldTypeImpl implements CmsFieldType.Interface {\n    type = \"rich-text\";\n    label = \"Rich text\";\n    description = \"Text formatting with references and media.\";\n    icon = <RichTextIcon />;\n    allowList = true;\n    listLabel = \"Use as a list of rich texts\";\n    allowPredefinedValues = false;\n\n    createField() {\n        return {\n            type: this.type,\n            validation: [],\n            renderer: { name: \"\" }\n        };\n    }\n}\n\nexport const RichTextFieldType = CmsFieldType.createImplementation({\n    implementation: RichTextFieldTypeImpl,\n    dependencies: []\n});\n"],"names":["RichTextFieldTypeImpl","RichTextIcon","RichTextFieldType","CmsFieldType"],"mappings":";;;AAIA,MAAMA;IASF,cAAc;QACV,OAAO;YACH,MAAM,IAAI,CAAC,IAAI;YACf,YAAY,EAAE;YACd,UAAU;gBAAE,MAAM;YAAG;QACzB;IACJ;;aAdA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG,WAAP,GAAO,oBAACC,gBAAYA;aACpB,SAAS,GAAG;aACZ,SAAS,GAAG;aACZ,qBAAqB,GAAG;;AAS5B;AAEO,MAAMC,oBAAoBC,aAAa,oBAAoB,CAAC;IAC/D,gBAAgBH;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldTypes/types/SearchableJsonFieldType.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { CmsFieldType } from "../abstractions.js";
+declare class SearchableJsonFieldTypeImpl implements CmsFieldType.Interface {
+    type: string;
+    label: string;
+    description: string;
+    icon: React.JSX.Element;
+    allowList: boolean;
+    listLabel: string;
+    allowPredefinedValues: boolean;
+    hideInAdmin: boolean;
+    createField(): {
+        type: string;
+        validation: never[];
+        renderer: {
+            name: string;
+        };
+        settings: {
+            defaultValue: boolean;
+        };
+    };
+}
+export declare const SearchableJsonFieldType: typeof SearchableJsonFieldTypeImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICmsFieldType>;
+};
+export {};

package/presentation/fieldTypes/types/SearchableJsonFieldType.js

@@ -0,0 +1,34 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/data_object.svg";
+import { CmsFieldType } from "../abstractions.js";
+class SearchableJsonFieldTypeImpl {
+    createField() {
+        return {
+            type: this.type,
+            validation: [],
+            renderer: {
+                name: ""
+            },
+            settings: {
+                defaultValue: false
+            }
+        };
+    }
+    constructor(){
+        this.type = "searchable-json";
+        this.label = "Searchable JSON";
+        this.description = "Store Searchable JSON values.";
+        this.icon = /*#__PURE__*/ react.createElement(ReactComponent, null);
+        this.allowList = true;
+        this.listLabel = "Use as a list of Searchable JSONs";
+        this.allowPredefinedValues = true;
+        this.hideInAdmin = true;
+    }
+}
+const SearchableJsonFieldType = CmsFieldType.createImplementation({
+    implementation: SearchableJsonFieldTypeImpl,
+    dependencies: []
+});
+export { SearchableJsonFieldType };
+
+//# sourceMappingURL=SearchableJsonFieldType.js.map

package/presentation/fieldTypes/types/SearchableJsonFieldType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldTypes/types/SearchableJsonFieldType.js","sources":["../../../../src/presentation/fieldTypes/types/SearchableJsonFieldType.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as JsonIcon } from \"@webiny/icons/data_object.svg\";\nimport { CmsFieldType } from \"../abstractions.js\";\n\nclass SearchableJsonFieldTypeImpl implements CmsFieldType.Interface {\n    type = \"searchable-json\";\n    label = \"Searchable JSON\";\n    description = \"Store Searchable JSON values.\";\n    icon = <JsonIcon />;\n    allowList = true;\n    listLabel = \"Use as a list of Searchable JSONs\";\n    allowPredefinedValues = true;\n    hideInAdmin = true;\n\n    createField() {\n        return {\n            type: this.type,\n            validation: [],\n            renderer: { name: \"\" },\n            settings: { defaultValue: false }\n        };\n    }\n}\n\nexport const SearchableJsonFieldType = CmsFieldType.createImplementation({\n    implementation: SearchableJsonFieldTypeImpl,\n    dependencies: []\n});\n"],"names":["SearchableJsonFieldTypeImpl","JsonIcon","SearchableJsonFieldType","CmsFieldType"],"mappings":";;;AAIA,MAAMA;IAUF,cAAc;QACV,OAAO;YACH,MAAM,IAAI,CAAC,IAAI;YACf,YAAY,EAAE;YACd,UAAU;gBAAE,MAAM;YAAG;YACrB,UAAU;gBAAE,cAAc;YAAM;QACpC;IACJ;;aAhBA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG,WAAP,GAAO,oBAACC,gBAAQA;aAChB,SAAS,GAAG;aACZ,SAAS,GAAG;aACZ,qBAAqB,GAAG;aACxB,WAAW,GAAG;;AAUlB;AAEO,MAAMC,0BAA0BC,aAAa,oBAAoB,CAAC;IACrE,gBAAgBH;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldTypes/types/TextFieldSettingsModifier.d.ts

@@ -0,0 +1,16 @@
+import { CmsFieldEditorGroupModifier } from "../../fieldEditor/abstractions.js";
+import type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from "../../fieldEditor/abstractions.js";
+import type { CmsModelField } from "../../../types.js";
+declare class TextFieldSettingsModifierImpl implements CmsFieldEditorGroupModifier.Interface {
+    group: string;
+    shouldApply(context: ICmsFieldEditorContext): boolean;
+    modifyForm(form: ICmsFieldEditorFormBuilder): void;
+    mapToForm(field: CmsModelField): {
+        placeholder: string;
+    };
+    mapFromForm(formData: Record<string, any>, field: CmsModelField): void;
+}
+export declare const TextFieldSettingsModifier: typeof TextFieldSettingsModifierImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../../fieldEditor/abstractions.js").ICmsFieldEditorGroupModifier>;
+};
+export {};

package/presentation/fieldTypes/types/TextFieldSettingsModifier.js

@@ -0,0 +1,32 @@
+import { CmsFieldEditorGroupModifier } from "../../fieldEditor/abstractions.js";
+class TextFieldSettingsModifierImpl {
+    shouldApply(context) {
+        return "text" === context.fieldType.type;
+    }
+    modifyForm(form) {
+        form.fields((fields)=>({
+                placeholder: fields.text().label("Placeholder text").description("This text will be shown in an empty input component (optional)")
+            }));
+        form.layout((layout)=>[
+                layout.row("placeholder")
+            ]);
+    }
+    mapToForm(field) {
+        return {
+            placeholder: field.placeholder ?? ""
+        };
+    }
+    mapFromForm(formData, field) {
+        field.placeholder = formData.placeholder;
+    }
+    constructor(){
+        this.group = "general";
+    }
+}
+const TextFieldSettingsModifier = CmsFieldEditorGroupModifier.createImplementation({
+    implementation: TextFieldSettingsModifierImpl,
+    dependencies: []
+});
+export { TextFieldSettingsModifier };
+
+//# sourceMappingURL=TextFieldSettingsModifier.js.map

package/presentation/fieldTypes/types/TextFieldSettingsModifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldTypes/types/TextFieldSettingsModifier.js","sources":["../../../../src/presentation/fieldTypes/types/TextFieldSettingsModifier.ts"],"sourcesContent":["import { CmsFieldEditorGroupModifier } from \"../../fieldEditor/abstractions.js\";\nimport type {\n    ICmsFieldEditorFormBuilder,\n    ICmsFieldEditorContext\n} from \"../../fieldEditor/abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\n\nclass TextFieldSettingsModifierImpl implements CmsFieldEditorGroupModifier.Interface {\n    group = \"general\";\n\n    shouldApply(context: ICmsFieldEditorContext) {\n        return context.fieldType.type === \"text\";\n    }\n\n    modifyForm(form: ICmsFieldEditorFormBuilder) {\n        form.fields(fields => ({\n            placeholder: fields\n                .text()\n                .label(\"Placeholder text\")\n                .description(\"This text will be shown in an empty input component (optional)\")\n        }));\n        form.layout(layout => [layout.row(\"placeholder\")]);\n    }\n\n    mapToForm(field: CmsModelField) {\n        return { placeholder: field.placeholder ?? \"\" };\n    }\n\n    mapFromForm(formData: Record<string, any>, field: CmsModelField) {\n        field.placeholder = formData.placeholder;\n    }\n}\n\nexport const TextFieldSettingsModifier = CmsFieldEditorGroupModifier.createImplementation({\n    implementation: TextFieldSettingsModifierImpl,\n    dependencies: []\n});\n"],"names":["TextFieldSettingsModifierImpl","context","form","fields","layout","field","formData","TextFieldSettingsModifier","CmsFieldEditorGroupModifier"],"mappings":";AAOA,MAAMA;IAGF,YAAYC,OAA+B,EAAE;QACzC,OAAOA,AAA2B,WAA3BA,QAAQ,SAAS,CAAC,IAAI;IACjC;IAEA,WAAWC,IAAgC,EAAE;QACzCA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,aAAaA,OACR,IAAI,GACJ,KAAK,CAAC,oBACN,WAAW,CAAC;YACrB;QACAD,KAAK,MAAM,CAACE,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAe;IACrD;IAEA,UAAUC,KAAoB,EAAE;QAC5B,OAAO;YAAE,aAAaA,MAAM,WAAW,IAAI;QAAG;IAClD;IAEA,YAAYC,QAA6B,EAAED,KAAoB,EAAE;QAC7DA,MAAM,WAAW,GAAGC,SAAS,WAAW;IAC5C;;aAtBA,KAAK,GAAG;;AAuBZ;AAEO,MAAMC,4BAA4BC,4BAA4B,oBAAoB,CAAC;IACtF,gBAAgBR;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldTypes/types/TextFieldType.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { CmsFieldType } from "../abstractions.js";
+declare class TextFieldTypeImpl implements CmsFieldType.Interface {
+    type: string;
+    label: string;
+    description: string;
+    icon: React.JSX.Element;
+    allowList: boolean;
+    listLabel: string;
+    allowPredefinedValues: boolean;
+    validators: string[];
+    createField(): {
+        type: string;
+        validation: never[];
+        renderer: {
+            name: string;
+        };
+    };
+}
+export declare const TextFieldType: typeof TextFieldTypeImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICmsFieldType>;
+};
+export {};

package/presentation/fieldTypes/types/TextFieldType.js

@@ -0,0 +1,37 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/text_fields.svg";
+import { CmsFieldType } from "../abstractions.js";
+class TextFieldTypeImpl {
+    createField() {
+        return {
+            type: this.type,
+            validation: [],
+            renderer: {
+                name: ""
+            }
+        };
+    }
+    constructor(){
+        this.type = "text";
+        this.label = "Text";
+        this.description = "Titles, names, single line values.";
+        this.icon = /*#__PURE__*/ react.createElement(ReactComponent, null);
+        this.allowList = true;
+        this.listLabel = "Use as a list of texts";
+        this.allowPredefinedValues = true;
+        this.validators = [
+            "required",
+            "minLength",
+            "maxLength",
+            "pattern",
+            "unique"
+        ];
+    }
+}
+const TextFieldType = CmsFieldType.createImplementation({
+    implementation: TextFieldTypeImpl,
+    dependencies: []
+});
+export { TextFieldType };
+
+//# sourceMappingURL=TextFieldType.js.map

package/presentation/fieldTypes/types/TextFieldType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldTypes/types/TextFieldType.js","sources":["../../../../src/presentation/fieldTypes/types/TextFieldType.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TextIcon } from \"@webiny/icons/text_fields.svg\";\nimport { CmsFieldType } from \"../abstractions.js\";\n\nclass TextFieldTypeImpl implements CmsFieldType.Interface {\n    type = \"text\";\n    label = \"Text\";\n    description = \"Titles, names, single line values.\";\n    icon = <TextIcon />;\n    allowList = true;\n    listLabel = \"Use as a list of texts\";\n    allowPredefinedValues = true;\n    validators = [\"required\", \"minLength\", \"maxLength\", \"pattern\", \"unique\"];\n\n    createField() {\n        return {\n            type: this.type,\n            validation: [],\n            renderer: { name: \"\" }\n        };\n    }\n}\n\nexport const TextFieldType = CmsFieldType.createImplementation({\n    implementation: TextFieldTypeImpl,\n    dependencies: []\n});\n"],"names":["TextFieldTypeImpl","TextIcon","TextFieldType","CmsFieldType"],"mappings":";;;AAIA,MAAMA;IAUF,cAAc;QACV,OAAO;YACH,MAAM,IAAI,CAAC,IAAI;YACf,YAAY,EAAE;YACd,UAAU;gBAAE,MAAM;YAAG;QACzB;IACJ;;aAfA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG,WAAP,GAAO,oBAACC,gBAAQA;aAChB,SAAS,GAAG;aACZ,SAAS,GAAG;aACZ,qBAAqB,GAAG;aACxB,UAAU,GAAG;YAAC;YAAY;YAAa;YAAa;YAAW;SAAS;;AAS5E;AAEO,MAAMC,gBAAgBC,aAAa,oBAAoB,CAAC;IAC3D,gBAAgBH;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldTypes/types/dynamicZone/AddTemplate.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { CmsDynamicZoneTemplate } from "../../../../types.js";
+interface AddTemplateProps {
+    onTemplate: UseAddTemplateParams["onTemplate"];
+}
+interface UseAddTemplateParams {
+    onTemplate: (template: CmsDynamicZoneTemplate) => void;
+}
+export declare const AddTemplateButton: (props: AddTemplateProps) => React.JSX.Element;
+export declare const AddTemplateIcon: (props: AddTemplateProps) => React.JSX.Element;
+export {};

package/presentation/fieldTypes/types/dynamicZone/AddTemplate.js

@@ -0,0 +1,72 @@
+import react, { useState } from "react";
+import { TemplateDialog } from "./TemplateDialog.js";
+import { ReactComponent } from "@webiny/icons/add.svg";
+import { ReactComponent as add_circle_outline_svg_ReactComponent } from "@webiny/icons/add_circle_outline.svg";
+import { Button, IconButton, Link, Text, Tooltip } from "@webiny/admin-ui";
+function useAddTemplate(params) {
+    const [showTemplateDialog, setShowTemplateDialog] = useState(false);
+    const addTemplate = ()=>{
+        setShowTemplateDialog(true);
+    };
+    const onTemplate = (template)=>{
+        params.onTemplate(template);
+    };
+    const onDialogClose = ()=>{
+        setShowTemplateDialog(false);
+    };
+    return {
+        addTemplate,
+        onTemplate,
+        onDialogClose,
+        showTemplateDialog
+    };
+}
+const AddTemplateButton = (props)=>{
+    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({
+        onTemplate: props.onTemplate
+    });
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col px-xl pt-xl pb-lg gap-sm border-sm border-neutral-muted rounded"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "w-full text-center"
+    }, showTemplateDialog ? /*#__PURE__*/ react.createElement(TemplateDialog, {
+        onTemplate: onTemplate,
+        onClose: onDialogClose
+    }) : null, /*#__PURE__*/ react.createElement(Button, {
+        size: "sm",
+        variant: "secondary",
+        onClick: addTemplate,
+        text: "Add template",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-center gap-xs w-full mx-auto text-center"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-strong"
+    }, /*#__PURE__*/ react.createElement(Link, {
+        to: "http://webiny.link/admin/how-to-use/dynamic-zones",
+        target: "_blank"
+    }, "Learn how"), " ", "templates and dynamic zones work.")));
+};
+const AddTemplateIcon = (props)=>{
+    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({
+        onTemplate: props.onTemplate
+    });
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "w-full text-center mt-md"
+    }, showTemplateDialog ? /*#__PURE__*/ react.createElement(TemplateDialog, {
+        onTemplate: onTemplate,
+        onClose: onDialogClose
+    }) : null, /*#__PURE__*/ react.createElement(Tooltip, {
+        content: "Add template",
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            onClick: addTemplate,
+            icon: /*#__PURE__*/ react.createElement(add_circle_outline_svg_ReactComponent, null),
+            size: "lg",
+            variant: "ghost"
+        })
+    }));
+};
+export { AddTemplateButton, AddTemplateIcon };
+
+//# sourceMappingURL=AddTemplate.js.map