@webiny/app-headless-cms 6.4.5-beta.0 → 6.6.0-alpha.0

package/presentation/fieldEditor/groups/GeneralGroup.js

@@ -0,0 +1,73 @@
+import zod from "zod";
+import camelCase from "lodash/camelCase.js";
+import { CmsFieldEditorGroup } from "../abstractions.js";
+const fieldIdSchema = zod.string().max(100).regex(/^!?[a-zA-Z]/, {
+    message: "Must not start with a number."
+}).regex(/^(^[a-zA-Z0-9]+)$/, {
+    message: "Must be alphanumeric string."
+});
+class GeneralGroupImpl {
+    buildForm(form, context) {
+        const { fieldType, field } = context;
+        const isNewField = !field.id;
+        form.fields((fields)=>{
+            const fieldIdBuilder = fields.text().label("Field ID").required().schema(fieldIdSchema).beforeChange((value)=>String(value).trim());
+            if (isNewField) fieldIdBuilder.computedUntilDirty(({ form })=>camelCase(String(form.field("general.label").getValue() || "")));
+            return {
+                label: fields.text().label("Label").required().autoFocus(),
+                fieldId: fieldIdBuilder,
+                list: fields.boolean().label(fieldType.listLabel || "Use as a list").disabled(!fieldType.allowList),
+                predefinedValuesEnabled: fields.boolean().label("Use predefined values").disabled(!fieldType.allowPredefinedValues),
+                description: fields.text().label("Description").description("This text will be shown below the label (optional)"),
+                note: fields.text().label("Note").description("This text will be shown below the input (optional)"),
+                help: fields.text().label("Help").renderer("textarea").description("This text will be shown in a tooltip (optional)"),
+                tags: fields.text().label("Tags").renderer("tags").list().description("Field tags are useful for developers and are not visible in the UI (optional)")
+            };
+        });
+        form.layout((layout)=>[
+                layout.row("label", "fieldId"),
+                layout.row("list", "predefinedValuesEnabled"),
+                layout.row("description"),
+                layout.row("note"),
+                layout.row("help"),
+                layout.row("tags")
+            ]);
+    }
+    mapToForm(field) {
+        return {
+            label: field.label ?? "",
+            fieldId: field.fieldId ?? "",
+            list: field.list ?? false,
+            predefinedValuesEnabled: field.predefinedValues?.enabled ?? false,
+            description: field.description ?? "",
+            note: field.note ?? "",
+            help: field.help ?? "",
+            tags: field.tags ?? []
+        };
+    }
+    mapFromForm(formData, field) {
+        field.label = formData.label;
+        field.fieldId = formData.fieldId;
+        field.list = formData.list;
+        if (!field.predefinedValues) field.predefinedValues = {
+            enabled: false,
+            values: []
+        };
+        field.predefinedValues.enabled = formData.predefinedValuesEnabled;
+        field.description = formData.description;
+        field.note = formData.note;
+        field.help = formData.help;
+        field.tags = formData.tags;
+    }
+    constructor(){
+        this.name = "general";
+        this.label = "General";
+    }
+}
+const GeneralGroup = CmsFieldEditorGroup.createImplementation({
+    implementation: GeneralGroupImpl,
+    dependencies: []
+});
+export { GeneralGroup };
+
+//# sourceMappingURL=GeneralGroup.js.map

package/presentation/fieldEditor/groups/GeneralGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldEditor/groups/GeneralGroup.js","sources":["../../../../src/presentation/fieldEditor/groups/GeneralGroup.ts"],"sourcesContent":["import zod from \"zod\";\nimport camelCase from \"lodash/camelCase.js\";\nimport { CmsFieldEditorGroup } from \"../abstractions.js\";\nimport type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from \"../abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\n\nconst fieldIdSchema = zod\n    .string()\n    .max(100)\n    .regex(/^!?[a-zA-Z]/, { message: \"Must not start with a number.\" })\n    .regex(/^(^[a-zA-Z0-9]+)$/, { message: \"Must be alphanumeric string.\" });\n\nclass GeneralGroupImpl implements CmsFieldEditorGroup.Interface {\n    name = \"general\";\n    label = \"General\";\n\n    buildForm(form: ICmsFieldEditorFormBuilder, context: ICmsFieldEditorContext) {\n        const { fieldType, field } = context;\n        const isNewField = !field.id;\n\n        form.fields(fields => {\n            const fieldIdBuilder = fields\n                .text()\n                .label(\"Field ID\")\n                .required()\n                .schema(fieldIdSchema)\n                .beforeChange(value => String(value).trim());\n\n            if (isNewField) {\n                fieldIdBuilder.computedUntilDirty(({ form }) => {\n                    return camelCase(String(form.field(\"general.label\").getValue() || \"\"));\n                });\n            }\n\n            return {\n                label: fields.text().label(\"Label\").required().autoFocus(),\n                fieldId: fieldIdBuilder,\n                list: fields\n                    .boolean()\n                    .label(fieldType.listLabel || \"Use as a list\")\n                    .disabled(!fieldType.allowList),\n                predefinedValuesEnabled: fields\n                    .boolean()\n                    .label(\"Use predefined values\")\n                    .disabled(!fieldType.allowPredefinedValues),\n                description: fields\n                    .text()\n                    .label(\"Description\")\n                    .description(\"This text will be shown below the label (optional)\"),\n                note: fields\n                    .text()\n                    .label(\"Note\")\n                    .description(\"This text will be shown below the input (optional)\"),\n                help: fields\n                    .text()\n                    .label(\"Help\")\n                    .renderer(\"textarea\")\n                    .description(\"This text will be shown in a tooltip (optional)\"),\n                tags: fields\n                    .text()\n                    .label(\"Tags\")\n                    .renderer(\"tags\")\n                    .list()\n                    .description(\n                        \"Field tags are useful for developers and are not visible in the UI (optional)\"\n                    )\n            };\n        });\n\n        form.layout(layout => [\n            layout.row(\"label\", \"fieldId\"),\n            layout.row(\"list\", \"predefinedValuesEnabled\"),\n            layout.row(\"description\"),\n            layout.row(\"note\"),\n            layout.row(\"help\"),\n            layout.row(\"tags\")\n        ]);\n    }\n\n    mapToForm(field: CmsModelField) {\n        return {\n            label: field.label ?? \"\",\n            fieldId: field.fieldId ?? \"\",\n            list: field.list ?? false,\n            predefinedValuesEnabled: field.predefinedValues?.enabled ?? false,\n            description: field.description ?? \"\",\n            note: field.note ?? \"\",\n            help: field.help ?? \"\",\n            tags: field.tags ?? []\n        };\n    }\n\n    mapFromForm(formData: Record<string, any>, field: CmsModelField) {\n        field.label = formData.label;\n        field.fieldId = formData.fieldId;\n        field.list = formData.list;\n        if (!field.predefinedValues) {\n            field.predefinedValues = { enabled: false, values: [] };\n        }\n        field.predefinedValues.enabled = formData.predefinedValuesEnabled;\n        field.description = formData.description;\n        field.note = formData.note;\n        field.help = formData.help;\n        field.tags = formData.tags;\n    }\n}\n\nexport const GeneralGroup = CmsFieldEditorGroup.createImplementation({\n    implementation: GeneralGroupImpl,\n    dependencies: []\n});\n"],"names":["fieldIdSchema","zod","GeneralGroupImpl","form","context","fieldType","field","isNewField","fields","fieldIdBuilder","value","String","camelCase","layout","formData","GeneralGroup","CmsFieldEditorGroup"],"mappings":";;;AAMA,MAAMA,gBAAgBC,IAAAA,MACX,GACN,GAAG,CAAC,KACJ,KAAK,CAAC,eAAe;IAAE,SAAS;AAAgC,GAChE,KAAK,CAAC,qBAAqB;IAAE,SAAS;AAA+B;AAE1E,MAAMC;IAIF,UAAUC,IAAgC,EAAEC,OAA+B,EAAE;QACzE,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGF;QAC7B,MAAMG,aAAa,CAACD,MAAM,EAAE;QAE5BH,KAAK,MAAM,CAACK,CAAAA;YACR,MAAMC,iBAAiBD,OAClB,IAAI,GACJ,KAAK,CAAC,YACN,QAAQ,GACR,MAAM,CAACR,eACP,YAAY,CAACU,CAAAA,QAASC,OAAOD,OAAO,IAAI;YAE7C,IAAIH,YACAE,eAAe,kBAAkB,CAAC,CAAC,EAAEN,IAAI,EAAE,GAChCS,UAAUD,OAAOR,KAAK,KAAK,CAAC,iBAAiB,QAAQ,MAAM;YAI1E,OAAO;gBACH,OAAOK,OAAO,IAAI,GAAG,KAAK,CAAC,SAAS,QAAQ,GAAG,SAAS;gBACxD,SAASC;gBACT,MAAMD,OACD,OAAO,GACP,KAAK,CAACH,UAAU,SAAS,IAAI,iBAC7B,QAAQ,CAAC,CAACA,UAAU,SAAS;gBAClC,yBAAyBG,OACpB,OAAO,GACP,KAAK,CAAC,yBACN,QAAQ,CAAC,CAACH,UAAU,qBAAqB;gBAC9C,aAAaG,OACR,IAAI,GACJ,KAAK,CAAC,eACN,WAAW,CAAC;gBACjB,MAAMA,OACD,IAAI,GACJ,KAAK,CAAC,QACN,WAAW,CAAC;gBACjB,MAAMA,OACD,IAAI,GACJ,KAAK,CAAC,QACN,QAAQ,CAAC,YACT,WAAW,CAAC;gBACjB,MAAMA,OACD,IAAI,GACJ,KAAK,CAAC,QACN,QAAQ,CAAC,QACT,IAAI,GACJ,WAAW,CACR;YAEZ;QACJ;QAEAL,KAAK,MAAM,CAACU,CAAAA,SAAU;gBAClBA,OAAO,GAAG,CAAC,SAAS;gBACpBA,OAAO,GAAG,CAAC,QAAQ;gBACnBA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;aACd;IACL;IAEA,UAAUP,KAAoB,EAAE;QAC5B,OAAO;YACH,OAAOA,MAAM,KAAK,IAAI;YACtB,SAASA,MAAM,OAAO,IAAI;YAC1B,MAAMA,MAAM,IAAI,IAAI;YACpB,yBAAyBA,MAAM,gBAAgB,EAAE,WAAW;YAC5D,aAAaA,MAAM,WAAW,IAAI;YAClC,MAAMA,MAAM,IAAI,IAAI;YACpB,MAAMA,MAAM,IAAI,IAAI;YACpB,MAAMA,MAAM,IAAI,IAAI,EAAE;QAC1B;IACJ;IAEA,YAAYQ,QAA6B,EAAER,KAAoB,EAAE;QAC7DA,MAAM,KAAK,GAAGQ,SAAS,KAAK;QAC5BR,MAAM,OAAO,GAAGQ,SAAS,OAAO;QAChCR,MAAM,IAAI,GAAGQ,SAAS,IAAI;QAC1B,IAAI,CAACR,MAAM,gBAAgB,EACvBA,MAAM,gBAAgB,GAAG;YAAE,SAAS;YAAO,QAAQ,EAAE;QAAC;QAE1DA,MAAM,gBAAgB,CAAC,OAAO,GAAGQ,SAAS,uBAAuB;QACjER,MAAM,WAAW,GAAGQ,SAAS,WAAW;QACxCR,MAAM,IAAI,GAAGQ,SAAS,IAAI;QAC1BR,MAAM,IAAI,GAAGQ,SAAS,IAAI;QAC1BR,MAAM,IAAI,GAAGQ,SAAS,IAAI;IAC9B;;aA3FA,IAAI,GAAG;aACP,KAAK,GAAG;;AA2FZ;AAEO,MAAMC,eAAeC,oBAAoB,oBAAoB,CAAC;IACjE,gBAAgBd;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldEditor/groups/PermissionsGroup.d.ts

@@ -0,0 +1,24 @@
+import { CmsFieldEditorGroup } from "../abstractions.js";
+import type { ICmsFieldEditorFormBuilder } from "../abstractions.js";
+import type { CmsModelField, FieldRule } from "../../../types.js";
+declare module "@webiny/app-admin/features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        cmsAccessControlRules: {
+            fieldType: "object";
+            settings: undefined;
+        };
+    }
+}
+declare class PermissionsGroupImpl implements CmsFieldEditorGroup.Interface {
+    name: string;
+    label: string;
+    buildForm(form: ICmsFieldEditorFormBuilder): void;
+    mapToForm(field: CmsModelField): {
+        accessControlRules: FieldRule[];
+    };
+    mapFromForm(formData: Record<string, unknown>, field: CmsModelField): void;
+}
+export declare const PermissionsGroup: typeof PermissionsGroupImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICmsFieldEditorGroup>;
+};
+export {};

package/presentation/fieldEditor/groups/PermissionsGroup.js

@@ -0,0 +1,44 @@
+import { CmsFieldEditorGroup } from "../abstractions.js";
+class PermissionsGroupImpl {
+    buildForm(form) {
+        form.fields((fields)=>({
+                accessControlRules: fields.object().list().renderer("cmsAccessControlRules").fields((f)=>({
+                        target: f.text(),
+                        operator: f.text(),
+                        value: f.text(),
+                        action: f.text()
+                    }))
+            }));
+        form.layout((layout)=>[
+                layout.row("accessControlRules")
+            ]);
+    }
+    mapToForm(field) {
+        const allRules = field.rules || [];
+        return {
+            accessControlRules: allRules.filter((r)=>"accessControl" === r.type)
+        };
+    }
+    mapFromForm(formData, field) {
+        const otherRules = (field.rules || []).filter((r)=>"accessControl" !== r.type);
+        const accessRules = (formData.accessControlRules || []).map((r)=>({
+                ...r,
+                type: "accessControl"
+            }));
+        field.rules = [
+            ...otherRules,
+            ...accessRules
+        ];
+    }
+    constructor(){
+        this.name = "permissions";
+        this.label = "Permissions";
+    }
+}
+const PermissionsGroup = CmsFieldEditorGroup.createImplementation({
+    implementation: PermissionsGroupImpl,
+    dependencies: []
+});
+export { PermissionsGroup };
+
+//# sourceMappingURL=PermissionsGroup.js.map

package/presentation/fieldEditor/groups/PermissionsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldEditor/groups/PermissionsGroup.js","sources":["../../../../src/presentation/fieldEditor/groups/PermissionsGroup.ts"],"sourcesContent":["import { CmsFieldEditorGroup } from \"../abstractions.js\";\nimport type { ICmsFieldEditorFormBuilder } from \"../abstractions.js\";\nimport type { CmsModelField, FieldRule } from \"~/types.js\";\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        cmsAccessControlRules: { fieldType: \"object\"; settings: undefined };\n    }\n}\n\nclass PermissionsGroupImpl implements CmsFieldEditorGroup.Interface {\n    name = \"permissions\";\n    label = \"Permissions\";\n\n    buildForm(form: ICmsFieldEditorFormBuilder) {\n        form.fields(fields => ({\n            accessControlRules: fields\n                .object()\n                .list()\n                .renderer(\"cmsAccessControlRules\")\n                .fields(f => ({\n                    target: f.text(),\n                    operator: f.text(),\n                    value: f.text(),\n                    action: f.text()\n                }))\n        }));\n        form.layout(layout => [layout.row(\"accessControlRules\")]);\n    }\n\n    mapToForm(field: CmsModelField) {\n        const allRules: FieldRule[] = field.rules || [];\n        return {\n            accessControlRules: allRules.filter(r => r.type === \"accessControl\")\n        };\n    }\n\n    mapFromForm(formData: Record<string, unknown>, field: CmsModelField) {\n        const otherRules = (field.rules || []).filter(r => r.type !== \"accessControl\");\n        const accessRules = ((formData.accessControlRules || []) as FieldRule[]).map(r => ({\n            ...r,\n            type: \"accessControl\" as const\n        }));\n        field.rules = [...otherRules, ...accessRules];\n    }\n}\n\nexport const PermissionsGroup = CmsFieldEditorGroup.createImplementation({\n    implementation: PermissionsGroupImpl,\n    dependencies: []\n});\n"],"names":["PermissionsGroupImpl","form","fields","f","layout","field","allRules","r","formData","otherRules","accessRules","PermissionsGroup","CmsFieldEditorGroup"],"mappings":";AAUA,MAAMA;IAIF,UAAUC,IAAgC,EAAE;QACxCA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,oBAAoBA,OACf,MAAM,GACN,IAAI,GACJ,QAAQ,CAAC,yBACT,MAAM,CAACC,CAAAA,IAAM;wBACV,QAAQA,EAAE,IAAI;wBACd,UAAUA,EAAE,IAAI;wBAChB,OAAOA,EAAE,IAAI;wBACb,QAAQA,EAAE,IAAI;oBAClB;YACR;QACAF,KAAK,MAAM,CAACG,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAsB;IAC5D;IAEA,UAAUC,KAAoB,EAAE;QAC5B,MAAMC,WAAwBD,MAAM,KAAK,IAAI,EAAE;QAC/C,OAAO;YACH,oBAAoBC,SAAS,MAAM,CAACC,CAAAA,IAAKA,AAAW,oBAAXA,EAAE,IAAI;QACnD;IACJ;IAEA,YAAYC,QAAiC,EAAEH,KAAoB,EAAE;QACjE,MAAMI,aAAcJ,AAAAA,CAAAA,MAAM,KAAK,IAAI,EAAC,EAAG,MAAM,CAACE,CAAAA,IAAKA,AAAW,oBAAXA,EAAE,IAAI;QACzD,MAAMG,cAAgBF,AAAAA,CAAAA,SAAS,kBAAkB,IAAI,EAAC,EAAmB,GAAG,CAACD,CAAAA,IAAM;gBAC/E,GAAGA,CAAC;gBACJ,MAAM;YACV;QACAF,MAAM,KAAK,GAAG;eAAII;eAAeC;SAAY;IACjD;;aAjCA,IAAI,GAAG;aACP,KAAK,GAAG;;AAiCZ;AAEO,MAAMC,mBAAmBC,oBAAoB,oBAAoB,CAAC;IACrE,gBAAgBZ;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldEditor/groups/PredefinedValuesGroup.d.ts

@@ -0,0 +1,16 @@
+import { CmsFieldEditorGroup } from "../abstractions.js";
+import type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from "../abstractions.js";
+import type { CmsModelField } from "../../../types.js";
+declare class PredefinedValuesGroupImpl implements CmsFieldEditorGroup.Interface {
+    name: string;
+    label: string;
+    buildForm(form: ICmsFieldEditorFormBuilder, _context: ICmsFieldEditorContext): void;
+    mapToForm(field: CmsModelField): {
+        values: import("~/types.js").CmsEditorFieldPredefinedValuesEntry[];
+    };
+    mapFromForm(formData: Record<string, any>, field: CmsModelField): void;
+}
+export declare const PredefinedValuesGroup: typeof PredefinedValuesGroupImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICmsFieldEditorGroup>;
+};
+export {};

package/presentation/fieldEditor/groups/PredefinedValuesGroup.js

@@ -0,0 +1,38 @@
+import { CmsFieldEditorGroup } from "../abstractions.js";
+class PredefinedValuesGroupImpl {
+    buildForm(form, _context) {
+        form.fields((fields)=>({
+                values: fields.object().list().renderer("cmsPredefinedValues").fields((f)=>({
+                        label: f.text().label("Label").required(),
+                        value: f.text().label("Value").required(),
+                        selected: f.boolean().label("Selected").defaultValue(false)
+                    }))
+            }));
+        form.layout((layout)=>[
+                layout.row("values")
+            ]);
+    }
+    mapToForm(field) {
+        return {
+            values: field.predefinedValues?.values ?? []
+        };
+    }
+    mapFromForm(formData, field) {
+        if (!field.predefinedValues) field.predefinedValues = {
+            enabled: false,
+            values: []
+        };
+        field.predefinedValues.values = formData.values ?? [];
+    }
+    constructor(){
+        this.name = "predefinedValues";
+        this.label = "Predefined values";
+    }
+}
+const PredefinedValuesGroup = CmsFieldEditorGroup.createImplementation({
+    implementation: PredefinedValuesGroupImpl,
+    dependencies: []
+});
+export { PredefinedValuesGroup };
+
+//# sourceMappingURL=PredefinedValuesGroup.js.map

package/presentation/fieldEditor/groups/PredefinedValuesGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldEditor/groups/PredefinedValuesGroup.js","sources":["../../../../src/presentation/fieldEditor/groups/PredefinedValuesGroup.ts"],"sourcesContent":["import { CmsFieldEditorGroup } from \"../abstractions.js\";\nimport type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from \"../abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\n\nclass PredefinedValuesGroupImpl implements CmsFieldEditorGroup.Interface {\n    name = \"predefinedValues\";\n    label = \"Predefined values\";\n\n    buildForm(form: ICmsFieldEditorFormBuilder, _context: ICmsFieldEditorContext) {\n        form.fields(fields => ({\n            values: fields\n                .object()\n                .list()\n                .renderer(\"cmsPredefinedValues\")\n                .fields(f => ({\n                    label: f.text().label(\"Label\").required(),\n                    value: f.text().label(\"Value\").required(),\n                    selected: f.boolean().label(\"Selected\").defaultValue(false)\n                }))\n        }));\n        form.layout(layout => [layout.row(\"values\")]);\n    }\n\n    mapToForm(field: CmsModelField) {\n        return {\n            values: field.predefinedValues?.values ?? []\n        };\n    }\n\n    mapFromForm(formData: Record<string, any>, field: CmsModelField) {\n        if (!field.predefinedValues) {\n            field.predefinedValues = { enabled: false, values: [] };\n        }\n        field.predefinedValues.values = formData.values ?? [];\n    }\n}\n\nexport const PredefinedValuesGroup = CmsFieldEditorGroup.createImplementation({\n    implementation: PredefinedValuesGroupImpl,\n    dependencies: []\n});\n"],"names":["PredefinedValuesGroupImpl","form","_context","fields","f","layout","field","formData","PredefinedValuesGroup","CmsFieldEditorGroup"],"mappings":";AAIA,MAAMA;IAIF,UAAUC,IAAgC,EAAEC,QAAgC,EAAE;QAC1ED,KAAK,MAAM,CAACE,CAAAA,SAAW;gBACnB,QAAQA,OACH,MAAM,GACN,IAAI,GACJ,QAAQ,CAAC,uBACT,MAAM,CAACC,CAAAA,IAAM;wBACV,OAAOA,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,QAAQ;wBACvC,OAAOA,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,QAAQ;wBACvC,UAAUA,EAAE,OAAO,GAAG,KAAK,CAAC,YAAY,YAAY,CAAC;oBACzD;YACR;QACAH,KAAK,MAAM,CAACI,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAU;IAChD;IAEA,UAAUC,KAAoB,EAAE;QAC5B,OAAO;YACH,QAAQA,MAAM,gBAAgB,EAAE,UAAU,EAAE;QAChD;IACJ;IAEA,YAAYC,QAA6B,EAAED,KAAoB,EAAE;QAC7D,IAAI,CAACA,MAAM,gBAAgB,EACvBA,MAAM,gBAAgB,GAAG;YAAE,SAAS;YAAO,QAAQ,EAAE;QAAC;QAE1DA,MAAM,gBAAgB,CAAC,MAAM,GAAGC,SAAS,MAAM,IAAI,EAAE;IACzD;;aA7BA,IAAI,GAAG;aACP,KAAK,GAAG;;AA6BZ;AAEO,MAAMC,wBAAwBC,oBAAoB,oBAAoB,CAAC;IAC1E,gBAAgBT;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldEditor/groups/RulesGroup.d.ts

@@ -0,0 +1,24 @@
+import { CmsFieldEditorGroup } from "../abstractions.js";
+import type { ICmsFieldEditorFormBuilder } from "../abstractions.js";
+import type { CmsModelField, FieldRule } from "../../../types.js";
+declare module "@webiny/app-admin/features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        cmsConditionRules: {
+            fieldType: "object";
+            settings: undefined;
+        };
+    }
+}
+declare class RulesGroupImpl implements CmsFieldEditorGroup.Interface {
+    name: string;
+    label: string;
+    buildForm(form: ICmsFieldEditorFormBuilder): void;
+    mapToForm(field: CmsModelField): {
+        conditionRules: FieldRule[];
+    };
+    mapFromForm(formData: Record<string, unknown>, field: CmsModelField): void;
+}
+export declare const RulesGroup: typeof RulesGroupImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICmsFieldEditorGroup>;
+};
+export {};

package/presentation/fieldEditor/groups/RulesGroup.js

@@ -0,0 +1,44 @@
+import { CmsFieldEditorGroup } from "../abstractions.js";
+class RulesGroupImpl {
+    buildForm(form) {
+        form.fields((fields)=>({
+                conditionRules: fields.object().list().renderer("cmsConditionRules").fields((f)=>({
+                        target: f.text(),
+                        operator: f.text(),
+                        value: f.text(),
+                        action: f.text()
+                    }))
+            }));
+        form.layout((layout)=>[
+                layout.row("conditionRules")
+            ]);
+    }
+    mapToForm(field) {
+        const allRules = field.rules || [];
+        return {
+            conditionRules: allRules.filter((r)=>"condition" === r.type)
+        };
+    }
+    mapFromForm(formData, field) {
+        const otherRules = (field.rules || []).filter((r)=>"condition" !== r.type);
+        const conditionRules = (formData.conditionRules || []).map((r)=>({
+                ...r,
+                type: "condition"
+            }));
+        field.rules = [
+            ...otherRules,
+            ...conditionRules
+        ];
+    }
+    constructor(){
+        this.name = "rules";
+        this.label = "Rules";
+    }
+}
+const RulesGroup = CmsFieldEditorGroup.createImplementation({
+    implementation: RulesGroupImpl,
+    dependencies: []
+});
+export { RulesGroup };
+
+//# sourceMappingURL=RulesGroup.js.map

package/presentation/fieldEditor/groups/RulesGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldEditor/groups/RulesGroup.js","sources":["../../../../src/presentation/fieldEditor/groups/RulesGroup.ts"],"sourcesContent":["import { CmsFieldEditorGroup } from \"../abstractions.js\";\nimport type { ICmsFieldEditorFormBuilder } from \"../abstractions.js\";\nimport type { CmsModelField, FieldRule } from \"~/types.js\";\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        cmsConditionRules: { fieldType: \"object\"; settings: undefined };\n    }\n}\n\nclass RulesGroupImpl implements CmsFieldEditorGroup.Interface {\n    name = \"rules\";\n    label = \"Rules\";\n\n    buildForm(form: ICmsFieldEditorFormBuilder) {\n        form.fields(fields => ({\n            conditionRules: fields\n                .object()\n                .list()\n                .renderer(\"cmsConditionRules\")\n                .fields(f => ({\n                    target: f.text(),\n                    operator: f.text(),\n                    value: f.text(),\n                    action: f.text()\n                }))\n        }));\n        form.layout(layout => [layout.row(\"conditionRules\")]);\n    }\n\n    mapToForm(field: CmsModelField) {\n        const allRules: FieldRule[] = field.rules || [];\n        return {\n            conditionRules: allRules.filter(r => r.type === \"condition\")\n        };\n    }\n\n    mapFromForm(formData: Record<string, unknown>, field: CmsModelField) {\n        const otherRules = (field.rules || []).filter(r => r.type !== \"condition\");\n        const conditionRules = ((formData.conditionRules || []) as FieldRule[]).map(r => ({\n            ...r,\n            type: \"condition\" as const\n        }));\n        field.rules = [...otherRules, ...conditionRules];\n    }\n}\n\nexport const RulesGroup = CmsFieldEditorGroup.createImplementation({\n    implementation: RulesGroupImpl,\n    dependencies: []\n});\n"],"names":["RulesGroupImpl","form","fields","f","layout","field","allRules","r","formData","otherRules","conditionRules","RulesGroup","CmsFieldEditorGroup"],"mappings":";AAUA,MAAMA;IAIF,UAAUC,IAAgC,EAAE;QACxCA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,gBAAgBA,OACX,MAAM,GACN,IAAI,GACJ,QAAQ,CAAC,qBACT,MAAM,CAACC,CAAAA,IAAM;wBACV,QAAQA,EAAE,IAAI;wBACd,UAAUA,EAAE,IAAI;wBAChB,OAAOA,EAAE,IAAI;wBACb,QAAQA,EAAE,IAAI;oBAClB;YACR;QACAF,KAAK,MAAM,CAACG,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAkB;IACxD;IAEA,UAAUC,KAAoB,EAAE;QAC5B,MAAMC,WAAwBD,MAAM,KAAK,IAAI,EAAE;QAC/C,OAAO;YACH,gBAAgBC,SAAS,MAAM,CAACC,CAAAA,IAAKA,AAAW,gBAAXA,EAAE,IAAI;QAC/C;IACJ;IAEA,YAAYC,QAAiC,EAAEH,KAAoB,EAAE;QACjE,MAAMI,aAAcJ,AAAAA,CAAAA,MAAM,KAAK,IAAI,EAAC,EAAG,MAAM,CAACE,CAAAA,IAAKA,AAAW,gBAAXA,EAAE,IAAI;QACzD,MAAMG,iBAAmBF,AAAAA,CAAAA,SAAS,cAAc,IAAI,EAAC,EAAmB,GAAG,CAACD,CAAAA,IAAM;gBAC9E,GAAGA,CAAC;gBACJ,MAAM;YACV;QACAF,MAAM,KAAK,GAAG;eAAII;eAAeC;SAAe;IACpD;;aAjCA,IAAI,GAAG;aACP,KAAK,GAAG;;AAiCZ;AAEO,MAAMC,aAAaC,oBAAoB,oBAAoB,CAAC;IAC/D,gBAAgBZ;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldEditor/groups/ValidationsGroup.d.ts

@@ -0,0 +1,23 @@
+import { CmsFieldEditorGroup } from "../abstractions.js";
+import type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from "../abstractions.js";
+import type { CmsModelField } from "../../../types.js";
+import type { ICmsFieldValidator } from "../../../presentation/fieldValidators/abstractions.js";
+declare class ValidationsGroupImpl implements CmsFieldEditorGroup.Interface {
+    private allValidators;
+    name: string;
+    label: string;
+    constructor(allValidators: ICmsFieldValidator[]);
+    buildForm(form: ICmsFieldEditorFormBuilder, context: ICmsFieldEditorContext): void;
+    private buildValidatorLayouts;
+    private buildValidatorFields;
+    mapToForm(field: CmsModelField): {
+        validation: Record<string, Record<string, unknown>>;
+        listValidation: Record<string, Record<string, unknown>>;
+    };
+    mapFromForm(formData: Record<string, unknown>, field: CmsModelField): void;
+    private flattenValidators;
+}
+export declare const ValidationsGroup: typeof ValidationsGroupImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").ICmsFieldEditorGroup>;
+};
+export {};

package/presentation/fieldEditor/groups/ValidationsGroup.js

@@ -0,0 +1,170 @@
+import { CmsFieldEditorGroup } from "../abstractions.js";
+import { CmsFieldValidator } from "../../fieldValidators/abstractions.js";
+function resolveValidatorNames(config, field) {
+    if (!config) return [];
+    if ("function" == typeof config) return resolveValidatorNames(config(field), field);
+    if (Array.isArray(config)) return config;
+    return config.validators.map((v)=>"string" == typeof v ? v : v.name);
+}
+class ValidationsGroupImpl {
+    constructor(allValidators){
+        this.allValidators = allValidators;
+        this.name = "validations";
+        this.label = "Validations";
+    }
+    buildForm(form, context) {
+        const fieldValidatorNames = resolveValidatorNames(context.fieldType.validators, context.field);
+        const DEFAULT_LIST_VALIDATORS = [
+            "minLength",
+            "maxLength"
+        ];
+        const listValidatorNames = resolveValidatorNames(context.fieldType.listValidators, context.field).length > 0 ? resolveValidatorNames(context.fieldType.listValidators, context.field) : DEFAULT_LIST_VALIDATORS;
+        const fieldValidators = this.allValidators.filter((v)=>fieldValidatorNames.includes(v.name));
+        const listValidators = this.allValidators.filter((v)=>listValidatorNames.includes(v.name));
+        let fieldResult = null;
+        let listResult = null;
+        form.fields((fields)=>{
+            const result = {};
+            if (listValidators.length > 0) {
+                listResult = this.buildValidatorFields(fields, listValidators, context);
+                result.listValidation = fields.object().renderer("passthrough").hiddenWhen(({ form })=>!form.field("general.list").getValue()).fields(()=>listResult.fields);
+            }
+            if (fieldValidators.length > 0) {
+                fieldResult = this.buildValidatorFields(fields, fieldValidators, context);
+                result.validation = fields.object().renderer("passthrough").fields(()=>fieldResult.fields);
+            }
+            return result;
+        });
+        const listRule = {
+            type: "condition",
+            target: "general.list",
+            operator: "isFalsy",
+            value: null,
+            action: "hide"
+        };
+        form.layout((layout)=>{
+            const rows = [];
+            if (listValidators.length > 0 && listResult) {
+                rows.push(layout.separator().title("List validators").description("These validators are applied to the entire list of values.").rules([
+                    listRule
+                ]));
+                rows.push(layout.object("listValidation", (inner)=>this.buildValidatorLayouts(inner, listValidators, listResult)));
+            }
+            if (fieldValidators.length > 0 && fieldResult) {
+                if (listValidators.length > 0) rows.push(layout.separator().title("Individual value validators").description("These validators are applied to each value in the list.").rules([
+                    listRule
+                ]));
+                rows.push(layout.object("validation", (inner)=>this.buildValidatorLayouts(inner, fieldValidators, fieldResult)));
+            }
+            return rows;
+        });
+    }
+    buildValidatorLayouts(layout, validators, result) {
+        return validators.map((validator)=>{
+            const meta = result.layouts.get(validator.name);
+            return layout.object(validator.name, (inner)=>{
+                const rows = [
+                    inner.row("message")
+                ];
+                if (meta && meta.hasSettings) rows.push(inner.object("settings", (settingsLayout)=>meta.settingsLayoutFns.flatMap((fn)=>fn(settingsLayout))));
+                return rows;
+            });
+        });
+    }
+    buildValidatorFields(fields, validators, context) {
+        const resultFields = {};
+        const layouts = new Map();
+        for (const validator of validators){
+            let messageDescription = "This message will be displayed to the user.";
+            if (validator.variables && validator.variables.length > 0) {
+                const vars = validator.variables.map((v)=>`{${v.name}}`).join(", ");
+                messageDescription += ` Available variables: ${vars}.`;
+            }
+            const notEnabled = ({ field })=>!field.parent().field("enabled").getValue();
+            const childFields = {
+                enabled: fields.boolean().label("Enabled").defaultValue(false).hidden(),
+                message: fields.text().label("Message").description(messageDescription).defaultValue(validator.defaultMessage).hiddenWhen(notEnabled)
+            };
+            const settingsLayoutFns = [];
+            let hasSettings = false;
+            if (validator.buildSettingsForm) {
+                const settingsFieldsFns = [];
+                const builder = {
+                    message: childFields.message,
+                    fields: (fn)=>{
+                        settingsFieldsFns.push(fn);
+                    },
+                    layout: (fn)=>{
+                        settingsLayoutFns.push(fn);
+                    }
+                };
+                validator.buildSettingsForm(builder, {
+                    field: context.field
+                });
+                if (settingsFieldsFns.length > 0) {
+                    hasSettings = true;
+                    childFields.settings = fields.object().renderer("passthrough").hiddenWhen(notEnabled).fields((f)=>{
+                        const merged = {};
+                        for (const fn of settingsFieldsFns)Object.assign(merged, fn(f));
+                        return merged;
+                    });
+                }
+            }
+            layouts.set(validator.name, {
+                settingsLayoutFns,
+                hasSettings
+            });
+            resultFields[validator.name] = fields.object().label(validator.label).description(validator.description).renderer("cmsValidatorItem").fields(()=>childFields);
+        }
+        return {
+            fields: resultFields,
+            layouts
+        };
+    }
+    mapToForm(field) {
+        const validationMap = {};
+        for (const v of field.validation || []){
+            const validator = v;
+            validationMap[validator.name] = {
+                enabled: true,
+                message: validator.message,
+                settings: validator.settings || {}
+            };
+        }
+        const listValidationMap = {};
+        for (const v of field.listValidation || [])listValidationMap[v.name] = {
+            enabled: true,
+            message: v.message,
+            settings: v.settings || {}
+        };
+        return {
+            validation: validationMap,
+            listValidation: listValidationMap
+        };
+    }
+    mapFromForm(formData, field) {
+        field.validation = this.flattenValidators(formData.validation || {});
+        field.listValidation = this.flattenValidators(formData.listValidation || {});
+    }
+    flattenValidators(data) {
+        return Object.entries(data).filter(([_, v])=>v && v.enabled).map(([name, v])=>({
+                name,
+                message: v.message,
+                settings: v.settings
+            }));
+    }
+}
+const ValidationsGroup = CmsFieldEditorGroup.createImplementation({
+    implementation: ValidationsGroupImpl,
+    dependencies: [
+        [
+            CmsFieldValidator,
+            {
+                multiple: true
+            }
+        ]
+    ]
+});
+export { ValidationsGroup };
+
+//# sourceMappingURL=ValidationsGroup.js.map

package/presentation/fieldEditor/groups/ValidationsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/fieldEditor/groups/ValidationsGroup.js","sources":["../../../../src/presentation/fieldEditor/groups/ValidationsGroup.ts"],"sourcesContent":["import { CmsFieldEditorGroup } from \"../abstractions.js\";\nimport type { ICmsFieldEditorFormBuilder, ICmsFieldEditorContext } from \"../abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { CmsModelFieldValidatorsGroup } from \"~/presentation/fieldTypes/abstractions.js\";\nimport { CmsFieldValidator } from \"~/presentation/fieldValidators/abstractions.js\";\nimport type {\n    ICmsFieldValidator,\n    ICmsFieldValidatorFormBuilder\n} from \"~/presentation/fieldValidators/abstractions.js\";\nimport type { FormModelFactory, FormModel } from \"@webiny/app-admin\";\n\nfunction resolveValidatorNames(\n    config:\n        | string[]\n        | CmsModelFieldValidatorsGroup\n        | ((field: CmsModelField) => string[] | CmsModelFieldValidatorsGroup)\n        | undefined,\n    field: CmsModelField\n): string[] {\n    if (!config) {\n        return [];\n    }\n    if (typeof config === \"function\") {\n        return resolveValidatorNames(config(field), field);\n    }\n    if (Array.isArray(config)) {\n        return config;\n    }\n    return config.validators.map(v => (typeof v === \"string\" ? v : v.name));\n}\n\ninterface ValidatorBuildResult {\n    fields: Record<string, FormModelFactory.FieldBuilder>;\n    layouts: Map<\n        string,\n        {\n            settingsLayoutFns: Array<\n                (l: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]\n            >;\n            hasSettings: boolean;\n        }\n    >;\n}\n\nclass ValidationsGroupImpl implements CmsFieldEditorGroup.Interface {\n    name = \"validations\";\n    label = \"Validations\";\n\n    constructor(private allValidators: ICmsFieldValidator[]) {}\n\n    buildForm(form: ICmsFieldEditorFormBuilder, context: ICmsFieldEditorContext) {\n        const fieldValidatorNames = resolveValidatorNames(\n            context.fieldType.validators,\n            context.field\n        );\n        const DEFAULT_LIST_VALIDATORS = [\"minLength\", \"maxLength\"];\n        const listValidatorNames =\n            resolveValidatorNames(context.fieldType.listValidators, context.field).length > 0\n                ? resolveValidatorNames(context.fieldType.listValidators, context.field)\n                : DEFAULT_LIST_VALIDATORS;\n\n        const fieldValidators = this.allValidators.filter(v =>\n            fieldValidatorNames.includes(v.name)\n        );\n        const listValidators = this.allValidators.filter(v => listValidatorNames.includes(v.name));\n\n        let fieldResult: ValidatorBuildResult | null = null;\n        let listResult: ValidatorBuildResult | null = null;\n\n        form.fields(fields => {\n            const result: Record<string, FormModelFactory.FieldBuilder> = {};\n\n            if (listValidators.length > 0) {\n                listResult = this.buildValidatorFields(\n                    fields as FormModelFactory.FieldBuilderRegistry,\n                    listValidators,\n                    context\n                );\n                result.listValidation = fields\n                    .object()\n                    .renderer(\"passthrough\")\n                    .hiddenWhen(\n                        ({ form }: FormModel.CallbackParams) =>\n                            !form.field(\"general.list\").getValue()\n                    )\n                    .fields(() => listResult!.fields);\n            }\n\n            if (fieldValidators.length > 0) {\n                fieldResult = this.buildValidatorFields(\n                    fields as FormModelFactory.FieldBuilderRegistry,\n                    fieldValidators,\n                    context\n                );\n                result.validation = fields\n                    .object()\n                    .renderer(\"passthrough\")\n                    .fields(() => fieldResult!.fields);\n            }\n\n            return result;\n        });\n\n        const listRule = {\n            type: \"condition\",\n            target: \"general.list\",\n            operator: \"isFalsy\",\n            value: null,\n            action: \"hide\" as const\n        };\n\n        form.layout(layout => {\n            const rows: FormModel.LayoutNodeBuilder[] = [];\n\n            if (listValidators.length > 0 && listResult) {\n                rows.push(\n                    layout\n                        .separator()\n                        .title(\"List validators\")\n                        .description(\"These validators are applied to the entire list of values.\")\n                        .rules([listRule])\n                );\n                rows.push(\n                    layout.object(\"listValidation\", inner =>\n                        this.buildValidatorLayouts(inner, listValidators, listResult!)\n                    )\n                );\n            }\n\n            if (fieldValidators.length > 0 && fieldResult) {\n                if (listValidators.length > 0) {\n                    rows.push(\n                        layout\n                            .separator()\n                            .title(\"Individual value validators\")\n                            .description(\"These validators are applied to each value in the list.\")\n                            .rules([listRule])\n                    );\n                }\n                rows.push(\n                    layout.object(\"validation\", inner =>\n                        this.buildValidatorLayouts(inner, fieldValidators, fieldResult!)\n                    )\n                );\n            }\n\n            return rows;\n        });\n    }\n\n    private buildValidatorLayouts(\n        layout: FormModelFactory.LayoutBuilder,\n        validators: ICmsFieldValidator[],\n        result: ValidatorBuildResult\n    ): FormModel.LayoutNodeBuilder[] {\n        return validators.map(validator => {\n            const meta = result.layouts.get(validator.name);\n            return layout.object(validator.name, inner => {\n                const rows: FormModel.LayoutNodeBuilder[] = [inner.row(\"message\")];\n                if (meta && meta.hasSettings) {\n                    rows.push(\n                        inner.object(\"settings\", settingsLayout =>\n                            meta.settingsLayoutFns.flatMap(fn => fn(settingsLayout))\n                        )\n                    );\n                }\n                return rows;\n            });\n        });\n    }\n\n    private buildValidatorFields(\n        fields: FormModelFactory.FieldBuilderRegistry,\n        validators: ICmsFieldValidator[],\n        context: ICmsFieldEditorContext\n    ): ValidatorBuildResult {\n        const resultFields: Record<string, FormModelFactory.FieldBuilder> = {};\n        const layouts = new Map<\n            string,\n            {\n                settingsLayoutFns: Array<\n                    (l: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]\n                >;\n                hasSettings: boolean;\n            }\n        >();\n\n        for (const validator of validators) {\n            let messageDescription = \"This message will be displayed to the user.\";\n            if (validator.variables && validator.variables.length > 0) {\n                const vars = validator.variables.map(v => `{${v.name}}`).join(\", \");\n                messageDescription += ` Available variables: ${vars}.`;\n            }\n\n            const notEnabled = ({ field }: FormModel.CallbackParams) =>\n                !field.parent().field(\"enabled\").getValue();\n\n            const childFields: Record<string, FormModelFactory.FieldBuilder> = {\n                enabled: fields.boolean().label(\"Enabled\").defaultValue(false).hidden(),\n                message: fields\n                    .text()\n                    .label(\"Message\")\n                    .description(messageDescription)\n                    .defaultValue(validator.defaultMessage)\n                    .hiddenWhen(notEnabled)\n            };\n\n            const settingsLayoutFns: Array<\n                (l: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]\n            > = [];\n            let hasSettings = false;\n\n            if (validator.buildSettingsForm) {\n                const settingsFieldsFns: Array<\n                    (\n                        f: FormModelFactory.FieldBuilderRegistry\n                    ) => Record<string, FormModelFactory.FieldBuilder>\n                > = [];\n\n                const builder: ICmsFieldValidatorFormBuilder = {\n                    message: childFields.message,\n                    fields: fn => {\n                        settingsFieldsFns.push(fn);\n                    },\n                    layout: fn => {\n                        settingsLayoutFns.push(fn);\n                    }\n                };\n                validator.buildSettingsForm(builder, { field: context.field });\n\n                if (settingsFieldsFns.length > 0) {\n                    hasSettings = true;\n                    childFields.settings = fields\n                        .object()\n                        .renderer(\"passthrough\")\n                        .hiddenWhen(notEnabled)\n                        .fields((f: FormModelFactory.FieldBuilderRegistry) => {\n                            const merged: Record<string, FormModelFactory.FieldBuilder> = {};\n                            for (const fn of settingsFieldsFns) {\n                                Object.assign(merged, fn(f));\n                            }\n                            return merged;\n                        });\n                }\n            }\n\n            layouts.set(validator.name, { settingsLayoutFns, hasSettings });\n\n            resultFields[validator.name] = fields\n                .object()\n                .label(validator.label)\n                .description(validator.description)\n                .renderer(\"cmsValidatorItem\")\n                .fields(() => childFields);\n        }\n\n        return { fields: resultFields, layouts };\n    }\n\n    mapToForm(field: CmsModelField) {\n        const validationMap: Record<string, Record<string, unknown>> = {};\n        for (const v of field.validation || []) {\n            const validator = v as {\n                name: string;\n                message?: string;\n                settings?: Record<string, unknown>;\n            };\n            validationMap[validator.name] = {\n                enabled: true,\n                message: validator.message,\n                settings: validator.settings || {}\n            };\n        }\n\n        const listValidationMap: Record<string, Record<string, unknown>> = {};\n        for (const v of field.listValidation || []) {\n            listValidationMap[v.name] = {\n                enabled: true,\n                message: v.message,\n                settings: v.settings || {}\n            };\n        }\n\n        return {\n            validation: validationMap,\n            listValidation: listValidationMap\n        };\n    }\n\n    mapFromForm(formData: Record<string, unknown>, field: CmsModelField) {\n        field.validation = this.flattenValidators(\n            (formData.validation || {}) as Record<string, any>\n        );\n        field.listValidation = this.flattenValidators(\n            (formData.listValidation || {}) as Record<string, any>\n        );\n    }\n\n    private flattenValidators(\n        data: Record<\n            string,\n            {\n                enabled?: boolean;\n                message?: string;\n                settings?: Record<string, unknown>;\n            }\n        >\n    ) {\n        return Object.entries(data)\n            .filter(([_, v]) => v && v.enabled)\n            .map(([name, v]) => ({\n                name,\n                message: v.message,\n                settings: v.settings\n            }));\n    }\n}\n\nexport const ValidationsGroup = CmsFieldEditorGroup.createImplementation({\n    implementation: ValidationsGroupImpl,\n    dependencies: [[CmsFieldValidator, { multiple: true }]]\n});\n"],"names":["resolveValidatorNames","config","field","Array","v","ValidationsGroupImpl","allValidators","form","context","fieldValidatorNames","DEFAULT_LIST_VALIDATORS","listValidatorNames","fieldValidators","listValidators","fieldResult","listResult","fields","result","listRule","layout","rows","inner","validators","validator","meta","settingsLayout","fn","resultFields","layouts","Map","messageDescription","vars","notEnabled","childFields","settingsLayoutFns","hasSettings","settingsFieldsFns","builder","f","merged","Object","validationMap","listValidationMap","formData","data","_","name","ValidationsGroup","CmsFieldEditorGroup","CmsFieldValidator"],"mappings":"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"}

package/presentation/fieldEditor/renderers/CmsAccessControlRulesRenderer.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const CmsAccessControlRulesRenderer: React.ComponentType<{
+    field: import("@webiny/app-admin").IFieldVM;
+}>;

package/presentation/fieldEditor/renderers/CmsAccessControlRulesRenderer.js

@@ -0,0 +1,76 @@
+import react, { useCallback, useEffect, useMemo, useState } from "react";
+import { observer } from "mobx-react-lite";
+import { useFeature } from "@webiny/app";
+import { createObjectFieldRenderer } from "@webiny/app-admin/features/formModel/createFieldRenderer.js";
+import { useWcp } from "@webiny/app-admin";
+import { Grid } from "@webiny/admin-ui";
+import { UsersTeamsMultiAutocomplete } from "@webiny/app-aco";
+import { ListFolderPermissionsTargetsFeature } from "../../../features/listFolderPermissionsTargets/feature.js";
+import { FieldPermissionsSelection } from "../../../admin/components/FieldEditor/EditFieldDialog/PermissionsEditor/FieldPermissionsSelection.js";
+import { CannotUsePermissions } from "../../../admin/components/FieldEditor/EditFieldDialog/PermissionsEditor/CannotUsePermissions.js";
+const CmsAccessControlRulesRenderer = createObjectFieldRenderer(({ field })=>/*#__PURE__*/ react.createElement(AccessControlRules, {
+        field: field
+    }));
+const AccessControlRules = observer(({ field })=>{
+    const wcp = useWcp();
+    const { useCase } = useFeature(ListFolderPermissionsTargetsFeature);
+    const rules = Array.isArray(field.value) ? field.value : [];
+    const [targetsList, setTargetsList] = useState([]);
+    useEffect(()=>{
+        useCase.execute().then(setTargetsList).catch(console.error);
+    }, []);
+    const addPermission = useCallback((value)=>{
+        const selectedUserOrTeam = value[value.length - 1];
+        if (!selectedUserOrTeam) return;
+        const newRule = {
+            type: "accessControl",
+            target: "identity",
+            operator: "matches",
+            value: selectedUserOrTeam,
+            action: "disable"
+        };
+        field.onChange([
+            ...rules,
+            newRule
+        ]);
+    }, [
+        rules,
+        field
+    ]);
+    const updatePermission = useCallback(({ rule: updatedRule })=>{
+        const updated = rules.map((rule)=>rule.value === updatedRule.value ? updatedRule : rule);
+        field.onChange(updated);
+    }, [
+        rules,
+        field
+    ]);
+    const removePermission = useCallback(({ rule: removedRule })=>{
+        field.onChange(rules.filter((rule)=>rule.value !== removedRule.value));
+    }, [
+        rules,
+        field
+    ]);
+    if (!wcp.canUseHcmsFieldPermissions()) return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(CannotUsePermissions, null)));
+    const selectedValues = useMemo(()=>rules.map((rule)=>String(rule.value)), [
+        rules
+    ]);
+    return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(UsersTeamsMultiAutocomplete, {
+        options: targetsList,
+        value: selectedValues,
+        onChange: addPermission
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(FieldPermissionsSelection, {
+        rules: rules,
+        targetsList: targetsList,
+        onRemoveAccess: removePermission,
+        onUpdatePermission: updatePermission
+    })));
+});
+export { CmsAccessControlRulesRenderer };
+
+//# sourceMappingURL=CmsAccessControlRulesRenderer.js.map