npm - @webiny/app-headless-cms - Versions diffs - 6.6.0-alpha.0 → 6.6.0-alpha.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (211) hide show

package/presentation/fieldTypes/renderers/dynamicZone/DynamicZoneRenderer.js CHANGED Viewed

@@ -5,10 +5,14 @@ class DynamicZoneRendererImpl {
     }
     buildSettingsForm(form) {
         form.fields((fields)=>({
-                open: fields.boolean().label("Expand Accordion").defaultValue(false)
+                container: fields.boolean().label("Show container").defaultValue(true),
+                open: fields.boolean().label("Expand Accordion").defaultValue(false),
+                addItemLabel: fields.text().label('"Add Item" button label')
             }));
         form.layout((layout)=>[
-                layout.row("open")
+                layout.row("container"),
+                layout.row("open"),
+                layout.row("addItemLabel")
             ]);
     }
     constructor(){

package/presentation/fieldTypes/renderers/dynamicZone/DynamicZoneRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/fieldTypes/renderers/dynamicZone/DynamicZoneRenderer.js","sources":["../../../../../src/presentation/fieldTypes/renderers/dynamicZone/DynamicZoneRenderer.ts"],"sourcesContent":["import { CmsFieldRenderer } from \"~/presentation/fieldRenderers/abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\n\nclass DynamicZoneRendererImpl implements CmsFieldRenderer.Interface {\n rendererName = \"dynamicZone\";\n formRenderer = \"dynamicZone\";\n name = \"Dynamic Zone\";\n description = \"Renders a dynamic zone.\";\n\n canUse({ field }: { field: CmsModelField }) {\n return field.type === \"dynamicZone\";\n }\n\n buildSettingsForm(form: CmsFieldRenderer.FormBuilder) {\n form.fields(fields => ({\n open: fields.boolean().label(\"Expand Accordion\").defaultValue(false)\n }));\n form.layout(layout => [layout.row(\"open\")]);\n }\n}\n\nexport const DynamicZoneRenderer = CmsFieldRenderer.createImplementation({\n implementation: DynamicZoneRendererImpl,\n dependencies: []\n});\n"],"names":["DynamicZoneRendererImpl","field","form","fields","layout","DynamicZoneRenderer","CmsFieldRenderer"],"mappings":";AAGA,MAAMA;IAMF,OAAO,EAAEC,KAAK,EAA4B,EAAE;QACxC,OAAOA,AAAe,kBAAfA,MAAM,IAAI;IACrB;IAEA,kBAAkBC,IAAkC,EAAE;QAClDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,MAAMA,OAAO,OAAO,GAAG,KAAK,CAAC,oBAAoB,YAAY,CAAC;~~YAClE~~;QACAD,KAAK,MAAM,CAACE,CAAAA,SAAU;~~gBAACA~~,OAAO,GAAG,CAAC;~~aAAQ~~;~~IAC9C~~;;~~aAdA~~,YAAY,GAAG;aACf,YAAY,GAAG;aACf,IAAI,GAAG;aACP,WAAW,GAAG;;~~AAYlB~~;AAEO,MAAMC,sBAAsBC,iBAAiB,oBAAoB,CAAC;IACrE,gBAAgBN;IAChB,cAAc,EAAE;AACpB"}
1	+ {"version":3,"file":"presentation/fieldTypes/renderers/dynamicZone/DynamicZoneRenderer.js","sources":["../../../../../src/presentation/fieldTypes/renderers/dynamicZone/DynamicZoneRenderer.ts"],"sourcesContent":["import { CmsFieldRenderer } from \"~/presentation/fieldRenderers/abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\n\nclass DynamicZoneRendererImpl implements CmsFieldRenderer.Interface {\n rendererName = \"dynamicZone\";\n formRenderer = \"dynamicZone\";\n name = \"Dynamic Zone\";\n description = \"Renders a dynamic zone.\";\n\n canUse({ field }: { field: CmsModelField }) {\n return field.type === \"dynamicZone\";\n }\n\n buildSettingsForm(form: CmsFieldRenderer.FormBuilder) {\n form.fields(fields => ({\n container: fields.boolean().label(\"Show container\").defaultValue(true),\n open: fields.boolean().label(\"Expand Accordion\").defaultValue(false),\n addItemLabel: fields.text().label('\"Add Item\" button label')\n }));\n form.layout(layout => [\n layout.row(\"container\"),\n layout.row(\"open\"),\n layout.row(\"addItemLabel\")\n ]);\n }\n}\n\nexport const DynamicZoneRenderer = CmsFieldRenderer.createImplementation({\n implementation: DynamicZoneRendererImpl,\n dependencies: []\n});\n"],"names":["DynamicZoneRendererImpl","field","form","fields","layout","DynamicZoneRenderer","CmsFieldRenderer"],"mappings":";AAGA,MAAMA;IAMF,OAAO,EAAEC,KAAK,EAA4B,EAAE;QACxC,OAAOA,AAAe,kBAAfA,MAAM,IAAI;IACrB;IAEA,kBAAkBC,IAAkC,EAAE;QAClDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,WAAWA,OAAO,OAAO,GAAG,KAAK,CAAC,kBAAkB,YAAY,CAAC;gBACjE,MAAMA,OAAO,OAAO,GAAG,KAAK,CAAC,oBAAoB,YAAY,CAAC;gBAC9D,cAAcA,OAAO,IAAI,GAAG,KAAK,CAAC;YACtC;QACAD,KAAK,MAAM,CAACE,CAAAA,SAAU;gBAClBA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;aACd;IACL;;aApBA,YAAY,GAAG;aACf,YAAY,GAAG;aACf,IAAI,GAAG;aACP,WAAW,GAAG;;AAkBlB;AAEO,MAAMC,sBAAsBC,iBAAiB,oBAAoB,CAAC;IACrE,gBAAgBN;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldTypes/renderers/object/ObjectAccordionRenderer.js CHANGED Viewed

@@ -5,9 +5,11 @@ class ObjectAccordionRendererImpl {
     }
     buildSettingsForm(form) {
         form.fields((fields)=>({
+                container: fields.boolean().label("Show container").defaultValue(true),
                 open: fields.boolean().label("Expand Accordion").defaultValue(false)
             }));
         form.layout((layout)=>[
+                layout.row("container"),
                 layout.row("open")
             ]);
     }

package/presentation/fieldTypes/renderers/object/ObjectAccordionRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/fieldTypes/renderers/object/ObjectAccordionRenderer.js","sources":["../../../../../src/presentation/fieldTypes/renderers/object/ObjectAccordionRenderer.ts"],"sourcesContent":["import { CmsFieldRenderer } from \"~/presentation/fieldRenderers/abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\n\nclass ObjectAccordionRendererImpl implements CmsFieldRenderer.Interface {\n rendererName = \"object-accordion\";\n formRenderer = \"objectAccordionSingle\";\n name = \"Accordion\";\n description = \"Renders fields within an accordion.\";\n\n canUse({ field }: { field: CmsModelField }) {\n return field.type === \"object\" && !field.list;\n }\n\n buildSettingsForm(form: CmsFieldRenderer.FormBuilder) {\n form.fields(fields => ({\n open: fields.boolean().label(\"Expand Accordion\").defaultValue(false)\n }));\n form.layout(layout => [layout.row(\"open\")]);\n }\n}\n\nexport const ObjectAccordionRenderer = CmsFieldRenderer.createImplementation({\n implementation: ObjectAccordionRendererImpl,\n dependencies: []\n});\n"],"names":["ObjectAccordionRendererImpl","field","form","fields","layout","ObjectAccordionRenderer","CmsFieldRenderer"],"mappings":";AAGA,MAAMA;IAMF,OAAO,EAAEC,KAAK,EAA4B,EAAE;QACxC,OAAOA,AAAe,aAAfA,MAAM,IAAI,IAAiB,CAACA,MAAM,IAAI;IACjD;IAEA,kBAAkBC,IAAkC,EAAE;QAClDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,MAAMA,OAAO,OAAO,GAAG,KAAK,CAAC,oBAAoB,YAAY,CAAC;YAClE;QACAD,KAAK,MAAM,CAACE,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAQ;~~IAC9C~~;;~~aAdA~~,YAAY,GAAG;aACf,YAAY,GAAG;aACf,IAAI,GAAG;aACP,WAAW,GAAG;;~~AAYlB~~;AAEO,MAAMC,0BAA0BC,iBAAiB,oBAAoB,CAAC;IACzE,gBAAgBN;IAChB,cAAc,EAAE;AACpB"}
1	+ {"version":3,"file":"presentation/fieldTypes/renderers/object/ObjectAccordionRenderer.js","sources":["../../../../../src/presentation/fieldTypes/renderers/object/ObjectAccordionRenderer.ts"],"sourcesContent":["import { CmsFieldRenderer } from \"~/presentation/fieldRenderers/abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\n\nclass ObjectAccordionRendererImpl implements CmsFieldRenderer.Interface {\n rendererName = \"object-accordion\";\n formRenderer = \"objectAccordionSingle\";\n name = \"Accordion\";\n description = \"Renders fields within an accordion.\";\n\n canUse({ field }: { field: CmsModelField }) {\n return field.type === \"object\" && !field.list;\n }\n\n buildSettingsForm(form: CmsFieldRenderer.FormBuilder) {\n form.fields(fields => ({\n container: fields.boolean().label(\"Show container\").defaultValue(true),\n open: fields.boolean().label(\"Expand Accordion\").defaultValue(false)\n }));\n form.layout(layout => [layout.row(\"container\"), layout.row(\"open\")]);\n }\n}\n\nexport const ObjectAccordionRenderer = CmsFieldRenderer.createImplementation({\n implementation: ObjectAccordionRendererImpl,\n dependencies: []\n});\n"],"names":["ObjectAccordionRendererImpl","field","form","fields","layout","ObjectAccordionRenderer","CmsFieldRenderer"],"mappings":";AAGA,MAAMA;IAMF,OAAO,EAAEC,KAAK,EAA4B,EAAE;QACxC,OAAOA,AAAe,aAAfA,MAAM,IAAI,IAAiB,CAACA,MAAM,IAAI;IACjD;IAEA,kBAAkBC,IAAkC,EAAE;QAClDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,WAAWA,OAAO,OAAO,GAAG,KAAK,CAAC,kBAAkB,YAAY,CAAC;gBACjE,MAAMA,OAAO,OAAO,GAAG,KAAK,CAAC,oBAAoB,YAAY,CAAC;YAClE;QACAD,KAAK,MAAM,CAACE,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;gBAAcA,OAAO,GAAG,CAAC;aAAQ;IACvE;;aAfA,YAAY,GAAG;aACf,YAAY,GAAG;aACf,IAAI,GAAG;aACP,WAAW,GAAG;;AAalB;AAEO,MAAMC,0BAA0BC,iBAAiB,oBAAoB,CAAC;IACzE,gBAAgBN;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldTypes/renderers/object/ObjectsAccordionRenderer.js CHANGED Viewed

@@ -5,11 +5,17 @@ class ObjectsAccordionRendererImpl {
     }
     buildSettingsForm(form) {
         form.fields((fields)=>({
+                container: fields.boolean().label("Show container").defaultValue(true),
                 addItemLabel: fields.text().label('"Add Item" button label'),
+                itemTitle: fields.text().label("Item title").placeholder("Field ID to use as item title").help("The field ID whose value will be displayed as the accordion item title."),
+                itemDescription: fields.text().label("Item description").placeholder("Field ID to use as item description").help("The field ID whose value will be displayed as the accordion item description."),
                 open: fields.boolean().label("Expand Accordion").defaultValue(false)
             }));
         form.layout((layout)=>[
+                layout.row("container"),
                 layout.row("addItemLabel"),
+                layout.row("itemTitle"),
+                layout.row("itemDescription"),
                 layout.row("open")
             ]);
     }

package/presentation/fieldTypes/renderers/object/ObjectsAccordionRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/fieldTypes/renderers/object/ObjectsAccordionRenderer.js","sources":["../../../../../src/presentation/fieldTypes/renderers/object/ObjectsAccordionRenderer.ts"],"sourcesContent":["import { CmsFieldRenderer } from \"~/presentation/fieldRenderers/abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\n\nclass ObjectsAccordionRendererImpl implements CmsFieldRenderer.Interface {\n rendererName = \"objects-accordion\";\n formRenderer = \"objectAccordionMultiple\";\n name = \"Accordion\";\n description = \"Renders fields within an accordion.\";\n\n canUse({ field }: { field: CmsModelField }) {\n return field.type === \"object\" && !!field.list;\n }\n\n buildSettingsForm(form: CmsFieldRenderer.FormBuilder) {\n form.fields(fields => ({\n addItemLabel: fields.text().label('\"Add Item\" button label'),\n open: fields.boolean().label(\"Expand Accordion\").defaultValue(false)\n }));\n form.layout(layout => [layout.row(\"addItemLabel\"), layout.row(\"open\")]);\n }\n}\n\nexport const ObjectsAccordionRenderer = CmsFieldRenderer.createImplementation({\n implementation: ObjectsAccordionRendererImpl,\n dependencies: []\n});\n"],"names":["ObjectsAccordionRendererImpl","field","form","fields","layout","ObjectsAccordionRenderer","CmsFieldRenderer"],"mappings":";AAGA,MAAMA;IAMF,OAAO,EAAEC,KAAK,EAA4B,EAAE;QACxC,OAAOA,AAAe,aAAfA,MAAM,IAAI,IAAiB,CAAC,CAACA,MAAM,IAAI;IAClD;IAEA,kBAAkBC,IAAkC,EAAE;QAClDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,cAAcA,OAAO,IAAI,GAAG,KAAK,CAAC;gBAClC,MAAMA,OAAO,OAAO,GAAG,KAAK,CAAC,oBAAoB,YAAY,CAAC;YAClE;QACAD,KAAK,MAAM,CAACE,CAAAA,SAAU;~~gBAACA~~,OAAO,GAAG,CAAC;~~gBAAiBA~~,OAAO,GAAG,CAAC;~~aAAQ~~;~~IAC1E~~;;~~aAfA~~,YAAY,GAAG;aACf,YAAY,GAAG;aACf,IAAI,GAAG;aACP,WAAW,GAAG;;~~AAalB~~;AAEO,MAAMC,2BAA2BC,iBAAiB,oBAAoB,CAAC;IAC1E,gBAAgBN;IAChB,cAAc,EAAE;AACpB"}
1	+ {"version":3,"file":"presentation/fieldTypes/renderers/object/ObjectsAccordionRenderer.js","sources":["../../../../../src/presentation/fieldTypes/renderers/object/ObjectsAccordionRenderer.ts"],"sourcesContent":["import { CmsFieldRenderer } from \"~/presentation/fieldRenderers/abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\n\nclass ObjectsAccordionRendererImpl implements CmsFieldRenderer.Interface {\n rendererName = \"objects-accordion\";\n formRenderer = \"objectAccordionMultiple\";\n name = \"Accordion\";\n description = \"Renders fields within an accordion.\";\n\n canUse({ field }: { field: CmsModelField }) {\n return field.type === \"object\" && !!field.list;\n }\n\n buildSettingsForm(form: CmsFieldRenderer.FormBuilder) {\n form.fields(fields => ({\n container: fields.boolean().label(\"Show container\").defaultValue(true),\n addItemLabel: fields.text().label('\"Add Item\" button label'),\n itemTitle: fields\n .text()\n .label(\"Item title\")\n .placeholder(\"Field ID to use as item title\")\n .help(\"The field ID whose value will be displayed as the accordion item title.\"),\n itemDescription: fields\n .text()\n .label(\"Item description\")\n .placeholder(\"Field ID to use as item description\")\n .help(\n \"The field ID whose value will be displayed as the accordion item description.\"\n ),\n open: fields.boolean().label(\"Expand Accordion\").defaultValue(false)\n }));\n form.layout(layout => [\n layout.row(\"container\"),\n layout.row(\"addItemLabel\"),\n layout.row(\"itemTitle\"),\n layout.row(\"itemDescription\"),\n layout.row(\"open\")\n ]);\n }\n}\n\nexport const ObjectsAccordionRenderer = CmsFieldRenderer.createImplementation({\n implementation: ObjectsAccordionRendererImpl,\n dependencies: []\n});\n"],"names":["ObjectsAccordionRendererImpl","field","form","fields","layout","ObjectsAccordionRenderer","CmsFieldRenderer"],"mappings":";AAGA,MAAMA;IAMF,OAAO,EAAEC,KAAK,EAA4B,EAAE;QACxC,OAAOA,AAAe,aAAfA,MAAM,IAAI,IAAiB,CAAC,CAACA,MAAM,IAAI;IAClD;IAEA,kBAAkBC,IAAkC,EAAE;QAClDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,WAAWA,OAAO,OAAO,GAAG,KAAK,CAAC,kBAAkB,YAAY,CAAC;gBACjE,cAAcA,OAAO,IAAI,GAAG,KAAK,CAAC;gBAClC,WAAWA,OACN,IAAI,GACJ,KAAK,CAAC,cACN,WAAW,CAAC,iCACZ,IAAI,CAAC;gBACV,iBAAiBA,OACZ,IAAI,GACJ,KAAK,CAAC,oBACN,WAAW,CAAC,uCACZ,IAAI,CACD;gBAER,MAAMA,OAAO,OAAO,GAAG,KAAK,CAAC,oBAAoB,YAAY,CAAC;YAClE;QACAD,KAAK,MAAM,CAACE,CAAAA,SAAU;gBAClBA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;aACd;IACL;;aAlCA,YAAY,GAAG;aACf,YAAY,GAAG;aACf,IAAI,GAAG;aACP,WAAW,GAAG;;AAgClB;AAEO,MAAMC,2BAA2BC,iBAAiB,oBAAoB,CAAC;IAC1E,gBAAgBN;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldTypes/types/DynamicZoneFieldType.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
 import React from "react";
 import { CmsFieldType } from "../abstractions.js";
 import type { CmsModelField } from "../../../types.js";
-import type { CmsModelFieldValidatorsGroup } from "../abstractions.js";
 declare class DynamicZoneFieldTypeImpl implements CmsFieldType.Interface {
     type: string;
     label: string;
@@ -10,18 +9,16 @@ declare class DynamicZoneFieldTypeImpl implements CmsFieldType.Interface {
     allowList: boolean;
     listLabel: string;
     allowPredefinedValues: boolean;
-    validators: (field: CmsModelField) => string[] | {
+    validators: (field: CmsModelField) => string[];
+    listValidators: {
         validators: string[];
         title: string;
         description: string;
     };
-    listValidators: CmsModelFieldValidatorsGroup;
     renderEditor(): React.JSX.Element;
     createField(): {
         type: string;
-        listValidation: {
-            name: string;
-        }[];
+        listValidation: never[];
         renderer: {
             name: string;
         };

package/presentation/fieldTypes/types/DynamicZoneFieldType.js CHANGED Viewed

@@ -17,11 +17,7 @@ class DynamicZoneFieldTypeImpl {
     createField() {
         return {
             type: this.type,
-            listValidation: [
-                {
-                    name: "dynamicZone"
-                }
-            ],
+            listValidation: [],
             renderer: {
                 name: "dynamicZone"
             },
@@ -39,13 +35,7 @@ class DynamicZoneFieldTypeImpl {
         this.listLabel = "Use as a list of values";
         this.allowPredefinedValues = false;
         this.validators = (field)=>{
-            if (field.list) return {
-                validators: [
-                    "dynamicZone"
-                ],
-                title: "Template Validators",
-                description: "Validators for each of the templates in this dynamic zone."
-            };
+            if (field.list) return [];
             return [
                 "required"
             ];

package/presentation/fieldTypes/types/DynamicZoneFieldType.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/fieldTypes/types/DynamicZoneFieldType.js","sources":["../../../../src/presentation/fieldTypes/types/DynamicZoneFieldType.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DynamicZoneIcon } from \"@webiny/icons/dynamic_form.svg\";\nimport { CmsFieldType } from \"../abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport ~~type~~ { ~~CmsModelFieldValidatorsGroup } from \"../abstractions.js\";\nimport {~~ DynamicZone } from \"./dynamicZone/DynamicZone.js\";\n\nconst listValidators: ~~CmsModelFieldValidatorsGroup~~ = {\n validators: [\"minLength\", \"maxLength\"],\n title: \"List validators\",\n description: \"These validators are applied to the entire dynamic zone.\"\n};\n\nclass DynamicZoneFieldTypeImpl implements CmsFieldType.Interface {\n type = \"dynamicZone\";\n label = \"Dynamic Zone\";\n description = \"Define content templates to be used during content creation.\";\n icon = <DynamicZoneIcon />;\n allowList = true;\n listLabel = \"Use as a list of values\";\n allowPredefinedValues = false;\n validators = (field: CmsModelField) => {\n if (field.list) {\n return ~~{\n validators:~~ [~~\"dynamicZone\"~~]~~,\n title: \"Template Validators\",\n description: \"Validators for each of the templates in this dynamic zone.\"\n }~~;\n }\n return [\"required\"];\n };\n listValidators = listValidators;\n\n renderEditor() {\n return <DynamicZone />;\n }\n\n createField() {\n return {\n type: this.type,\n listValidation: [~~{ name: \"dynamicZone\" }~~],\n renderer: { name: \"dynamicZone\" },\n settings: { templates: [] }\n };\n }\n}\n\nexport const DynamicZoneFieldType = CmsFieldType.createImplementation({\n implementation: DynamicZoneFieldTypeImpl,\n dependencies: []\n});\n"],"names":["listValidators","DynamicZoneFieldTypeImpl","DynamicZone","DynamicZoneIcon","field","DynamicZoneFieldType","CmsFieldType"],"mappings":";;;;~~AAOA~~,MAAMA,~~iBAA+C~~;~~IACjD~~,YAAY;QAAC;QAAa;KAAY;IACtC,OAAO;IACP,aAAa;AACjB;AAEA,MAAMC;~~IAoBF~~,eAAe;QACX,OAAO,WAAP,GAAO,oBAACC,aAAWA;IACvB;IAEA,cAAc;QACV,OAAO;YACH,MAAM,IAAI,CAAC,IAAI;YACf,gBAAgB~~;gBAAC;oBAAE~~,~~MAAM~~;~~gBAAc;aAAE;YACzC~~,UAAU;gBAAE,MAAM;YAAc;YAChC,UAAU;gBAAE,WAAW,EAAE;YAAC;QAC9B;IACJ;;~~aA9BA~~,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG,WAAP,GAAO,oBAACC,gBAAeA;aACvB,SAAS,GAAG;aACZ,SAAS,GAAG;aACZ,qBAAqB,GAAG;aACxB,UAAU,GAAG,CAACC;YACV,IAAIA,MAAM,IAAI,EACV,OAAO~~;gBACH~~,~~YAAY~~;~~oBAAC;iBAAc;gBAC3B~~,OAAO;~~gBACP,aAAa;YACjB;YAEJ,OAAO;~~gBAAC;aAAW;QACvB;aACA,cAAc,GAAGJ;;AAcrB;AAEO,MAAMK,uBAAuBC,aAAa,oBAAoB,CAAC;IAClE,gBAAgBL;IAChB,cAAc,EAAE;AACpB"}
1	+ {"version":3,"file":"presentation/fieldTypes/types/DynamicZoneFieldType.js","sources":["../../../../src/presentation/fieldTypes/types/DynamicZoneFieldType.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DynamicZoneIcon } from \"@webiny/icons/dynamic_form.svg\";\nimport { CmsFieldType } from \"../abstractions.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport { DynamicZone } from \"./dynamicZone/DynamicZone.js\";\n\nconst listValidators = {\n validators: [\"minLength\", \"maxLength\"],\n title: \"List validators\",\n description: \"These validators are applied to the entire dynamic zone.\"\n};\n\nclass DynamicZoneFieldTypeImpl implements CmsFieldType.Interface {\n type = \"dynamicZone\";\n label = \"Dynamic Zone\";\n description = \"Define content templates to be used during content creation.\";\n icon = <DynamicZoneIcon />;\n allowList = true;\n listLabel = \"Use as a list of values\";\n allowPredefinedValues = false;\n validators = (field: CmsModelField) => {\n if (field.list) {\n return [];\n }\n return [\"required\"];\n };\n listValidators = listValidators;\n\n renderEditor() {\n return <DynamicZone />;\n }\n\n createField() {\n return {\n type: this.type,\n listValidation: [],\n renderer: { name: \"dynamicZone\" },\n settings: { templates: [] }\n };\n }\n}\n\nexport const DynamicZoneFieldType = CmsFieldType.createImplementation({\n implementation: DynamicZoneFieldTypeImpl,\n dependencies: []\n});\n"],"names":["listValidators","DynamicZoneFieldTypeImpl","DynamicZone","DynamicZoneIcon","field","DynamicZoneFieldType","CmsFieldType"],"mappings":";;;;AAMA,MAAMA,iBAAiB;IACnB,YAAY;QAAC;QAAa;KAAY;IACtC,OAAO;IACP,aAAa;AACjB;AAEA,MAAMC;IAgBF,eAAe;QACX,OAAO,WAAP,GAAO,oBAACC,aAAWA;IACvB;IAEA,cAAc;QACV,OAAO;YACH,MAAM,IAAI,CAAC,IAAI;YACf,gBAAgB,EAAE;YAClB,UAAU;gBAAE,MAAM;YAAc;YAChC,UAAU;gBAAE,WAAW,EAAE;YAAC;QAC9B;IACJ;;aA1BA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG,WAAP,GAAO,oBAACC,gBAAeA;aACvB,SAAS,GAAG;aACZ,SAAS,GAAG;aACZ,qBAAqB,GAAG;aACxB,UAAU,GAAG,CAACC;YACV,IAAIA,MAAM,IAAI,EACV,OAAO,EAAE;YAEb,OAAO;gBAAC;aAAW;QACvB;aACA,cAAc,GAAGJ;;AAcrB;AAEO,MAAMK,uBAAuBC,aAAa,oBAAoB,CAAC;IAClE,gBAAgBL;IAChB,cAAc,EAAE;AACpB"}

package/presentation/fieldTypes/types/dynamicZone/TemplateDialog.js CHANGED Viewed

@@ -3,7 +3,8 @@ import { Form } from "@webiny/form";
 import { validation } from "@webiny/validation";
 import { generateAlphaNumericLowerCaseId } from "@webiny/utils";
 import { IconPicker } from "../../../../admin/components/IconPicker.js";
-import { Alert, Dialog, Grid, Input, Tags, Textarea } from "@webiny/admin-ui";
+import { Alert, Dialog, Grid, Input, Select, Tags, Textarea } from "@webiny/admin-ui";
+import { useLivePreviewPresenter } from "../../../contentEntries/preview/useLivePreviewPresenter.js";
 const typeNameValidator = (value)=>{
     const regex = new RegExp("^[A-Z]+[_0-9A-Za-z]+$");
     if (regex.test(value)) return true;
@@ -15,6 +16,9 @@ const getGraphQLTypeName = (value)=>{
 };
 const TemplateDialog = (props)=>{
     const [showWarning, setWarning] = useState(false);
+    const livePreview = useLivePreviewPresenter();
+    const components = livePreview.vm.components;
+    console.log("[TemplateDialog] components:", components.length, components);
     const newTemplate = !props.template;
     const dialogTitle = newTemplate ? "Add Template" : "Edit Template";
     const submitLabel = newTemplate ? "Add Template" : "Update Template";
@@ -53,7 +57,7 @@ const TemplateDialog = (props)=>{
         onSubmit: onSubmit,
         data: props.template,
         onChange: onFormChange
-    }, ({ Bind, submit, form })=>/*#__PURE__*/ react.createElement(Dialog, {
+    }, ({ Bind, submit, form, data: formData })=>/*#__PURE__*/ react.createElement(Dialog, {
             open: true,
             onClose: props.onClose,
             title: dialogTitle,
@@ -114,7 +118,25 @@ const TemplateDialog = (props)=>{
             defaultValue: []
         }, /*#__PURE__*/ react.createElement(Tags, {
             label: "Tags"
-        }))))));
+        }))), components.length > 0 ? /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "componentName"
+        }, /*#__PURE__*/ react.createElement(Select, {
+            label: "Frontend Component",
+            description: "Select the frontend component that renders this template.",
+            note: components.find((c)=>c.name === formData.componentName)?.description,
+            options: [
+                {
+                    value: "",
+                    label: "None"
+                },
+                ...components.map((c)=>({
+                        value: c.name,
+                        label: c.label
+                    }))
+            ]
+        })))) : null)));
 };
 export { TemplateDialog };

package/presentation/fieldTypes/types/dynamicZone/TemplateDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/fieldTypes/types/dynamicZone/TemplateDialog.js","sources":["../../../../../src/presentation/fieldTypes/types/dynamicZone/TemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsDynamicZoneTemplate } from \"~/types.js\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\nimport { Tags } from \"@webiny/admin-ui\";\nimport { Alert, Dialog, Grid, Input, Textarea } from \"@webiny/admin-ui\";\n\nconst typeNameValidator = (value: string) => {\n const regex = new RegExp(\"^[A-Z]+[_0-9A-Za-z]+$\");\n if (regex.test(value)) {\n return true;\n }\n\n throw Error(\n `Must start with a capital letter, may contain numbers, and must not contain spaces.`\n );\n};\n\nconst getGraphQLTypeName = (value: string) => {\n const titleCase = value.charAt(0).toUpperCase() + value.slice(1);\n return titleCase.replace(/[^a-zA-Z0-9]/g, \"\");\n};\n\ninterface TemplateDialogProps {\n onClose: () => void;\n template?: CmsDynamicZoneTemplate;\n onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateDialog = (props: TemplateDialogProps) => {\n const [showWarning, setWarning] = useState(false);\n const newTemplate = !props.template;\n const dialogTitle = newTemplate ? \"Add Template\" : \"Edit Template\";\n const submitLabel = newTemplate ? \"Add Template\" : \"Update Template\";\n\n const onSubmit: FormOnSubmit<CmsDynamicZoneTemplate> = template => {\n if (template.id) {\n props.onTemplate(template);\n } else {\n props.onTemplate({\n ...template,\n id: generateAlphaNumericLowerCaseId(),\n fields: [],\n layout: []\n });\n }\n props.onClose();\n };\n\n const showGqlTypeNameWarning = () => {\n setWarning(true);\n };\n\n const hideGqlTypeNameWarning = () => {\n setWarning(false);\n };\n\n const checkGqlType: FormOnSubmit<CmsDynamicZoneTemplate> = data => {\n if (newTemplate) {\n return;\n }\n\n if (data.gqlTypeName !== props.template?.gqlTypeName) {\n showGqlTypeNameWarning();\n } else {\n hideGqlTypeNameWarning();\n }\n };\n\n const nameOnBlur = (form: FormAPI<CmsDynamicZoneTemplate>) => () => {\n if (!form.data.gqlTypeName) {\n /*\n There is a possibility that name is undefined, so let's check for it.\n */\n const name = form.data.name;\n if (!name) {\n return;\n }\n form.setValue(\"gqlTypeName\", getGraphQLTypeName(name));\n }\n };\n\n const onFormChange: FormOnSubmit<CmsDynamicZoneTemplate> = (data, form) => {\n checkGqlType(data, form);\n };\n\n return (\n <Form<CmsDynamicZoneTemplate>\n onSubmit={onSubmit}\n data={props.template}\n onChange={onFormChange}\n >\n {({ Bind, submit, form }) => (\n <Dialog\n open={true}\n onClose={props.onClose}\n title={dialogTitle}\n actions={\n <>\n <Dialog.CancelAction />\n <Dialog.ConfirmAction onClick={submit} text={submitLabel} />\n </>\n }\n >\n <Grid>\n <>\n {showWarning ? (\n <Grid.Column span={12}>\n <Alert title={\"GraphQL Schema Change\"} type={\"danger\"}>\n You've changed the GraphQL schema type name! If your\n API is being queried by a 3rd party application, this will\n affect the GraphQL queries in those applications. Make sure\n your consumers are informed about this change!\n </Alert>\n </Grid.Column>\n ) : null}\n </>\n <Grid.Column span={12}>\n <Bind name={\"name\"} validators={[validation.create(\"required\")]}>\n <Input label={\"Name\"} onBlur={nameOnBlur(form)} />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind\n name={\"gqlTypeName\"}\n validators={[validation.create(\"required\"), typeNameValidator]}\n >\n <Input\n autoFocus={false}\n label={\"GraphQL Type Name\"}\n description={\n \"This string will be used to generate the GraphQL schema. \"\n }\n />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"icon\"} validators={[validation.create(\"required\")]}>\n <IconPicker label={\"Icon\"} />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"description\"} validators={[validation.create(\"required\")]}>\n <Textarea rows={3} label={\"Description\"} />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"tags\"} defaultValue={[]}>\n <Tags label={\"Tags\"} />\n </Bind>\n </Grid.Column>\n </Grid>\n </Dialog>\n )}\n </Form>\n );\n};\n"],"names":["typeNameValidator","value","regex","RegExp","Error","getGraphQLTypeName","titleCase","TemplateDialog","props","showWarning","setWarning","useState","newTemplate","dialogTitle","submitLabel","onSubmit","template","generateAlphaNumericLowerCaseId","showGqlTypeNameWarning","hideGqlTypeNameWarning","checkGqlType","data","nameOnBlur","form","name","onFormChange","Form","Bind","submit","Dialog","Grid","Alert","validation","Input","IconPicker","Textarea","Tags"],"mappings":"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"}
1	+ {"version":3,"file":"presentation/fieldTypes/types/dynamicZone/TemplateDialog.js","sources":["../../../../../src/presentation/fieldTypes/types/dynamicZone/TemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsDynamicZoneTemplate } from \"~/types.js\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\nimport { Tags } from \"@webiny/admin-ui\";\nimport { Alert, Dialog, Grid, Input, Select, Textarea } from \"@webiny/admin-ui\";\nimport { useLivePreviewPresenter } from \"~/presentation/contentEntries/preview/useLivePreviewPresenter.js\";\n\nconst typeNameValidator = (value: string) => {\n const regex = new RegExp(\"^[A-Z]+[_0-9A-Za-z]+$\");\n if (regex.test(value)) {\n return true;\n }\n\n throw Error(\n `Must start with a capital letter, may contain numbers, and must not contain spaces.`\n );\n};\n\nconst getGraphQLTypeName = (value: string) => {\n const titleCase = value.charAt(0).toUpperCase() + value.slice(1);\n return titleCase.replace(/[^a-zA-Z0-9]/g, \"\");\n};\n\ninterface TemplateDialogProps {\n onClose: () => void;\n template?: CmsDynamicZoneTemplate;\n onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateDialog = (props: TemplateDialogProps) => {\n const [showWarning, setWarning] = useState(false);\n const livePreview = useLivePreviewPresenter();\n const components = livePreview.vm.components;\n console.log(\"[TemplateDialog] components:\", components.length, components);\n const newTemplate = !props.template;\n const dialogTitle = newTemplate ? \"Add Template\" : \"Edit Template\";\n const submitLabel = newTemplate ? \"Add Template\" : \"Update Template\";\n\n const onSubmit: FormOnSubmit<CmsDynamicZoneTemplate> = template => {\n if (template.id) {\n props.onTemplate(template);\n } else {\n props.onTemplate({\n ...template,\n id: generateAlphaNumericLowerCaseId(),\n fields: [],\n layout: []\n });\n }\n props.onClose();\n };\n\n const showGqlTypeNameWarning = () => {\n setWarning(true);\n };\n\n const hideGqlTypeNameWarning = () => {\n setWarning(false);\n };\n\n const checkGqlType: FormOnSubmit<CmsDynamicZoneTemplate> = data => {\n if (newTemplate) {\n return;\n }\n\n if (data.gqlTypeName !== props.template?.gqlTypeName) {\n showGqlTypeNameWarning();\n } else {\n hideGqlTypeNameWarning();\n }\n };\n\n const nameOnBlur = (form: FormAPI<CmsDynamicZoneTemplate>) => () => {\n if (!form.data.gqlTypeName) {\n const name = form.data.name;\n if (!name) {\n return;\n }\n form.setValue(\"gqlTypeName\", getGraphQLTypeName(name));\n }\n };\n\n const onFormChange: FormOnSubmit<CmsDynamicZoneTemplate> = (data, form) => {\n checkGqlType(data, form);\n };\n\n return (\n <Form<CmsDynamicZoneTemplate>\n onSubmit={onSubmit}\n data={props.template}\n onChange={onFormChange}\n >\n {({ Bind, submit, form, data: formData }) => (\n <Dialog\n open={true}\n onClose={props.onClose}\n title={dialogTitle}\n actions={\n <>\n <Dialog.CancelAction />\n <Dialog.ConfirmAction onClick={submit} text={submitLabel} />\n </>\n }\n >\n <Grid>\n <>\n {showWarning ? (\n <Grid.Column span={12}>\n <Alert title={\"GraphQL Schema Change\"} type={\"danger\"}>\n You've changed the GraphQL schema type name! If your\n API is being queried by a 3rd party application, this will\n affect the GraphQL queries in those applications. Make sure\n your consumers are informed about this change!\n </Alert>\n </Grid.Column>\n ) : null}\n </>\n <Grid.Column span={12}>\n <Bind name={\"name\"} validators={[validation.create(\"required\")]}>\n <Input label={\"Name\"} onBlur={nameOnBlur(form)} />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind\n name={\"gqlTypeName\"}\n validators={[validation.create(\"required\"), typeNameValidator]}\n >\n <Input\n autoFocus={false}\n label={\"GraphQL Type Name\"}\n description={\n \"This string will be used to generate the GraphQL schema. \"\n }\n />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"icon\"} validators={[validation.create(\"required\")]}>\n <IconPicker label={\"Icon\"} />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"description\"} validators={[validation.create(\"required\")]}>\n <Textarea rows={3} label={\"Description\"} />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"tags\"} defaultValue={[]}>\n <Tags label={\"Tags\"} />\n </Bind>\n </Grid.Column>\n {components.length > 0 ? (\n <>\n <Grid.Column span={12}>\n <Bind name={\"componentName\"}>\n <Select\n label={\"Frontend Component\"}\n description={\n \"Select the frontend component that renders this template.\"\n }\n note={\n components.find(\n c => c.name === formData.componentName\n )?.description\n }\n options={[\n { value: \"\", label: \"None\" },\n ...components.map(c => ({\n value: c.name,\n label: c.label\n }))\n ]}\n />\n </Bind>\n </Grid.Column>\n </>\n ) : null}\n </Grid>\n </Dialog>\n )}\n </Form>\n );\n};\n"],"names":["typeNameValidator","value","regex","RegExp","Error","getGraphQLTypeName","titleCase","TemplateDialog","props","showWarning","setWarning","useState","livePreview","useLivePreviewPresenter","components","console","newTemplate","dialogTitle","submitLabel","onSubmit","template","generateAlphaNumericLowerCaseId","showGqlTypeNameWarning","hideGqlTypeNameWarning","checkGqlType","data","nameOnBlur","form","name","onFormChange","Form","Bind","submit","formData","Dialog","Grid","Alert","validation","Input","IconPicker","Textarea","Tags","Select","c"],"mappings":"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"}

package/presentation/importContentModels/ImportContentModelsDialog.d.ts CHANGED Viewed

@@ -2,6 +2,6 @@ import React from "react";
 export interface ImportContentModelsDialogProps {
     onClose: () => void;
 }
-export declare const ImportContentModelsDialog: ((props: ImportContentModelsDialogProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const ImportContentModelsDialog: ((props: ImportContentModelsDialogProps) => React.JSX.Element) & React.NamedExoticComponent<ImportContentModelsDialogProps> & {
+    readonly type: (props: ImportContentModelsDialogProps) => React.JSX.Element;
 };

package/presentation/importContentModels/components/DataList.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const DataList: (() => React.JSX.Element | null) & {
-    displayName: string;
+export declare const DataList: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
 };

package/presentation/importContentModels/components/FileUpload.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const FileUpload: (() => React.JSX.Element) & {
-    displayName: string;
+export declare const FileUpload: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };

package/presentation/importContentModels/components/Model/DataListModels.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import type { ImportModelData } from "../../types.js";
 interface DataListModelsProps {
     models: ImportModelData[];
 }
-export declare const DataListModels: (({ models }: DataListModelsProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const DataListModels: (({ models }: DataListModelsProps) => React.JSX.Element) & React.NamedExoticComponent<DataListModelsProps> & {
+    readonly type: ({ models }: DataListModelsProps) => React.JSX.Element;
 };
 export {};

package/presentation/menus/ContentGroupsMenuItems.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const ContentGroupsMenuItems: (() => React.JSX.Element | null) & {
-    displayName: string;
+export declare const ContentGroupsMenuItems: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
 };

package/presentation/modelGroup/ModelGroupPresenter.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import { StringFormatter } from "@webiny/app-admin/features/stringFormatter/abstractions.js";
 import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
 import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
 import type { ModelGroupDto } from "../../features/modelGroup/listModelGroups/abstractions.js";
@@ -17,12 +18,13 @@ declare class ModelGroupPresenterImpl implements IModelGroupPresenter {
     private updateModelGroupUseCase;
     private deleteModelGroupUseCase;
     private cache;
+    private stringFormatter;
     private selectedGroup;
     private loading;
     private saving;
     private showForm;
     private form;
-    constructor(listPresenter: ListPresenter.Interface<ModelGroupDto>, formModelFactory: FormModelFactory.Interface, listModelGroupsUseCase: ListModelGroupsUseCase.Interface, getRoleUseCase: GetModelGroupUseCase.Interface, createModelGroupUseCase: CreateModelGroupUseCase.Interface, updateModelGroupUseCase: UpdateModelGroupUseCase.Interface, deleteModelGroupUseCase: DeleteModelGroupUseCase.Interface, cache: ModelGroupsCache.Interface);
+    constructor(listPresenter: ListPresenter.Interface<ModelGroupDto>, formModelFactory: FormModelFactory.Interface, listModelGroupsUseCase: ListModelGroupsUseCase.Interface, getRoleUseCase: GetModelGroupUseCase.Interface, createModelGroupUseCase: CreateModelGroupUseCase.Interface, updateModelGroupUseCase: UpdateModelGroupUseCase.Interface, deleteModelGroupUseCase: DeleteModelGroupUseCase.Interface, cache: ModelGroupsCache.Interface, stringFormatter: StringFormatter.Interface);
     get vm(): IModelGroupPresenterViewModel;
     get list(): ListPresenter.Interface<ModelGroupDto>;
     init(): void;

package/presentation/modelGroup/ModelGroupPresenter.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { computed, makeAutoObservable, runInAction } from "mobx";
-import slugify from "slugify";
+import { StringFormatter } from "@webiny/app-admin/features/stringFormatter/abstractions.js";
 import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
 import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
 import { ListModelGroupsUseCase } from "../../features/modelGroup/listModelGroups/abstractions.js";
@@ -22,7 +22,7 @@ function toIconValue(name) {
     };
 }
 class ModelGroupPresenterImpl {
-    constructor(listPresenter, formModelFactory, listModelGroupsUseCase, getRoleUseCase, createModelGroupUseCase, updateModelGroupUseCase, deleteModelGroupUseCase, cache){
+    constructor(listPresenter, formModelFactory, listModelGroupsUseCase, getRoleUseCase, createModelGroupUseCase, updateModelGroupUseCase, deleteModelGroupUseCase, cache, stringFormatter){
         this.listPresenter = listPresenter;
         this.formModelFactory = formModelFactory;
         this.listModelGroupsUseCase = listModelGroupsUseCase;
@@ -31,6 +31,7 @@ class ModelGroupPresenterImpl {
         this.updateModelGroupUseCase = updateModelGroupUseCase;
         this.deleteModelGroupUseCase = deleteModelGroupUseCase;
         this.cache = cache;
+        this.stringFormatter = stringFormatter;
         this.selectedGroup = null;
         this.loading = false;
         this.saving = false;
@@ -44,6 +45,7 @@ class ModelGroupPresenterImpl {
             updateModelGroupUseCase: false,
             deleteModelGroupUseCase: false,
             cache: false,
+            stringFormatter: false,
             vm: computed
         });
     }
@@ -176,12 +178,7 @@ class ModelGroupPresenterImpl {
                     name: fields.text().label("Name").required("Name is required.").disabled(!canModify).onBlur((value, { form })=>{
                         const slugValue = form.field("slug").getValue();
                         if (slugValue || !value) return;
-                        form.field("slug").setValue(slugify(String(value), {
-                            replacement: "-",
-                            lower: true,
-                            remove: /[*#?<>_{}[\]+~.()'"!:;@]/g,
-                            trim: false
-                        }));
+                        form.field("slug").setValue(this.stringFormatter.slugify(String(value)));
                     }),
                     slug: fields.text().label("Slug").required("Slug is required.").disabled(!isNew || !canModify),
                     icon: fields.text().label("Group icon").required("Icon is required.").disabled(!canModify).renderer("cmsIconPicker"),
@@ -206,7 +203,8 @@ const ModelGroupPresenter_ModelGroupPresenter = ModelGroupPresenter.createImplem
         CreateModelGroupUseCase,
         UpdateModelGroupUseCase,
         DeleteModelGroupUseCase,
-        ModelGroupsCache
+        ModelGroupsCache,
+        StringFormatter
     ]
 });
 export { ModelGroupPresenter_ModelGroupPresenter as ModelGroupPresenter };

package/presentation/modelGroup/ModelGroupPresenter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"presentation/modelGroup/ModelGroupPresenter.js","sources":["../../../src/presentation/modelGroup/ModelGroupPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport slugify from \"slugify\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { ModelGroupDto } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { ListModelGroupsUseCase } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { GetModelGroupUseCase } from \"~/features/modelGroup/getModelGroup/abstractions.js\";\nimport { CreateModelGroupUseCase } from \"~/features/modelGroup/createModelGroup/abstractions.js\";\nimport { UpdateModelGroupUseCase } from \"~/features/modelGroup/updateModelGroup/abstractions.js\";\nimport { DeleteModelGroupUseCase } from \"~/features/modelGroup/deleteModelGroup/abstractions.js\";\nimport { ModelGroupsCache } from \"~/features/modelGroup/abstractions.js\";\nimport {\n ModelGroupPresenter as Abstraction,\n type IModelGroupPresenter,\n type IModelGroupPresenterViewModel\n} from \"./abstractions.js\";\nimport { ModelGroupDataSource } from \"./ModelGroupDataSource.js\";\n\nfunction extractIconName(icon: unknown): string {\n if (icon !== null && typeof icon === \"object\" && \"name\" in icon) {\n return (icon as { name: string }).name;\n }\n if (typeof icon === \"string\") {\n return icon;\n }\n return \"\";\n}\n\nfunction toIconValue(name: string): { type: string; name: string } {\n return { type: \"icon\", name };\n}\n\nclass ModelGroupPresenterImpl implements IModelGroupPresenter {\n private selectedGroup: ModelGroupDto \| null = null;\n private loading = false;\n private saving = false;\n private showForm = false;\n private form: IFormModel;\n\n constructor(\n private listPresenter: ListPresenter.Interface<ModelGroupDto>,\n private formModelFactory: FormModelFactory.Interface,\n private listModelGroupsUseCase: ListModelGroupsUseCase.Interface,\n private getRoleUseCase: GetModelGroupUseCase.Interface,\n private createModelGroupUseCase: CreateModelGroupUseCase.Interface,\n private updateModelGroupUseCase: UpdateModelGroupUseCase.Interface,\n private deleteModelGroupUseCase: DeleteModelGroupUseCase.Interface,\n private cache: ModelGroupsCache.Interface\n ) {\n this.form = this.buildForm(false, false);\n makeAutoObservable<\n ModelGroupPresenterImpl,\n \| \"formModelFactory\"\n \| \"listModelGroupsUseCase\"\n \| \"getRoleUseCase\"\n \| \"createModelGroupUseCase\"\n \| \"updateModelGroupUseCase\"\n \| \"deleteModelGroupUseCase\"\n \| \"cache\"\n >(this, {\n formModelFactory: false,\n listModelGroupsUseCase: false,\n getRoleUseCase: false,\n createModelGroupUseCase: false,\n updateModelGroupUseCase: false,\n deleteModelGroupUseCase: false,\n cache: false,\n vm: computed\n });\n }\n\n get vm(): IModelGroupPresenterViewModel {\n const group = this.selectedGroup;\n const isPluginGroup = group !== null && (group.plugin ?? false);\n\n return {\n selectedGroup: this.selectedGroup,\n loading: this.loading,\n saving: this.saving,\n showForm: this.showForm,\n canModify: !isPluginGroup,\n isPluginGroup,\n form: this.form.vm\n };\n }\n\n get list(): ListPresenter.Interface<ModelGroupDto> {\n return this.listPresenter;\n }\n\n init(): void {\n const dataSource = new ModelGroupDataSource(this.listModelGroupsUseCase, this.cache);\n\n this.listPresenter.init({\n dataSource,\n initialSort: { field: \"createdOn\", direction: \"DESC\" },\n limit: 1000\n });\n }\n\n async selectGroup(id: string): Promise<void> {\n runInAction(() => {\n this.loading = true;\n this.showForm = true;\n });\n\n try {\n const group = await this.getRoleUseCase.execute(id);\n const isPluginGroup = group.plugin ?? false;\n const canModify = !isPluginGroup;\n\n runInAction(() => {\n this.selectedGroup = group;\n this.form = this.buildForm(false, canModify);\n this.form.setData({\n name: group.name,\n slug: group.slug,\n description: group.description,\n icon: extractIconName(group.icon)\n });\n });\n } finally {\n runInAction(() => {\n this.loading = false;\n });\n }\n }\n\n createNew(): void {\n this.selectedGroup = null;\n this.form = this.buildForm(true, true);\n this.form.setData({ icon: \"fas/star\", description: \"\" });\n this.showForm = true;\n }\n\n deselect(): void {\n this.selectedGroup = null;\n this.showForm = false;\n }\n\n async save(): Promise<ModelGroupDto \| null> {\n const data = await this.form.submit<ModelGroupDto>();\n if (!data) {\n return null;\n }\n\n runInAction(() => {\n this.saving = true;\n });\n\n try {\n const isUpdate = this.selectedGroup !== null && this.selectedGroup.createdOn;\n\n const iconValue = toIconValue(data.icon as unknown as string);\n\n if (isUpdate) {\n const group = await this.updateModelGroupUseCase.execute({\n id: this.selectedGroup!.id,\n name: data.name as unknown as string,\n slug: this.selectedGroup!.slug,\n description: data.description as unknown as string,\n icon: iconValue as unknown as string\n });\n runInAction(() => {\n this.selectedGroup = group;\n });\n return group;\n } else {\n const group = await this.createModelGroupUseCase.execute({\n name: data.name as unknown as string,\n slug: data.slug as unknown as string,\n description: data.description as unknown as string,\n icon: iconValue as unknown as string\n });\n runInAction(() => {\n this.selectedGroup = group;\n this.form = this.buildForm(false, true);\n this.form.setData({\n name: group.name,\n slug: group.slug,\n description: group.description,\n icon: extractIconName(group.icon)\n });\n });\n return group;\n }\n } catch {\n return null;\n } finally {\n runInAction(() => {\n this.saving = false;\n });\n }\n }\n\n async deleteGroup(id: string): Promise<void> {\n await this.deleteModelGroupUseCase.execute(id);\n\n runInAction(() => {\n if (this.selectedGroup !== null && this.selectedGroup.id === id) {\n this.selectedGroup = null;\n this.showForm = false;\n }\n });\n }\n\n private buildForm(isNew: boolean, canModify: boolean): IFormModel {\n return this.formModelFactory.create({\n fields: fields => ({\n name: fields\n .text()\n .label(\"Name\")\n .required(\"Name is required.\")\n .disabled(!canModify)\n .onBlur((value, { form }) => {\n const slugValue = form.field(\"slug\").getValue();\n if (slugValue \|\| !value) {\n return;\n }\n form.field(\"slug\").setValue(\n slugify(String(value), {\n replacement: \"-\",\n lower: true,\n remove: /[*#?<>_{}[\\]+~.()'\"!:;@]/g,\n trim: false\n })\n );\n }),\n slug: fields\n .text()\n .label(\"Slug\")\n .required(\"Slug is required.\")\n .disabled(!isNew \|\| !canModify),\n icon: fields\n .text()\n .label(\"Group icon\")\n .required(\"Icon is required.\")\n .disabled(!canModify)\n .renderer(\"cmsIconPicker\"),\n description: fields\n .text()\n .label(\"Description\")\n .defaultValue(\"\")\n .renderer(\"textarea\")\n .disabled(!canModify)\n }),\n layout: layout => [\n layout.row(\"name\"),\n layout.row(\"slug\"),\n layout.row(\"icon\"),\n layout.row(\"description\")\n ]\n });\n }\n}\n\nexport const ModelGroupPresenter = Abstraction.createImplementation({\n implementation: ModelGroupPresenterImpl,\n dependencies: [\n ListPresenter,\n FormModelFactory,\n ListModelGroupsUseCase,\n GetModelGroupUseCase,\n CreateModelGroupUseCase,\n UpdateModelGroupUseCase,\n DeleteModelGroupUseCase,\n ModelGroupsCache\n ]\n});\n"],"names":["extractIconName","icon","toIconValue","name","ModelGroupPresenterImpl","listPresenter","formModelFactory","listModelGroupsUseCase","getRoleUseCase","createModelGroupUseCase","updateModelGroupUseCase","deleteModelGroupUseCase","cache","makeAutoObservable","computed","group","isPluginGroup","dataSource","ModelGroupDataSource","id","runInAction","canModify","data","isUpdate","iconValue","isNew","fields","value","form","slugValue","slugify","String","layout","ModelGroupPresenter","Abstraction","ListPresenter","FormModelFactory","ListModelGroupsUseCase","GetModelGroupUseCase","CreateModelGroupUseCase","UpdateModelGroupUseCase","DeleteModelGroupUseCase","ModelGroupsCache"],"mappings":"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"}
1	+ {"version":3,"file":"presentation/modelGroup/ModelGroupPresenter.js","sources":["../../../src/presentation/modelGroup/ModelGroupPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport { StringFormatter } from \"@webiny/app-admin/features/stringFormatter/abstractions.js\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { ModelGroupDto } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { ListModelGroupsUseCase } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { GetModelGroupUseCase } from \"~/features/modelGroup/getModelGroup/abstractions.js\";\nimport { CreateModelGroupUseCase } from \"~/features/modelGroup/createModelGroup/abstractions.js\";\nimport { UpdateModelGroupUseCase } from \"~/features/modelGroup/updateModelGroup/abstractions.js\";\nimport { DeleteModelGroupUseCase } from \"~/features/modelGroup/deleteModelGroup/abstractions.js\";\nimport { ModelGroupsCache } from \"~/features/modelGroup/abstractions.js\";\nimport {\n ModelGroupPresenter as Abstraction,\n type IModelGroupPresenter,\n type IModelGroupPresenterViewModel\n} from \"./abstractions.js\";\nimport { ModelGroupDataSource } from \"./ModelGroupDataSource.js\";\n\nfunction extractIconName(icon: unknown): string {\n if (icon !== null && typeof icon === \"object\" && \"name\" in icon) {\n return (icon as { name: string }).name;\n }\n if (typeof icon === \"string\") {\n return icon;\n }\n return \"\";\n}\n\nfunction toIconValue(name: string): { type: string; name: string } {\n return { type: \"icon\", name };\n}\n\nclass ModelGroupPresenterImpl implements IModelGroupPresenter {\n private selectedGroup: ModelGroupDto \| null = null;\n private loading = false;\n private saving = false;\n private showForm = false;\n private form: IFormModel;\n\n constructor(\n private listPresenter: ListPresenter.Interface<ModelGroupDto>,\n private formModelFactory: FormModelFactory.Interface,\n private listModelGroupsUseCase: ListModelGroupsUseCase.Interface,\n private getRoleUseCase: GetModelGroupUseCase.Interface,\n private createModelGroupUseCase: CreateModelGroupUseCase.Interface,\n private updateModelGroupUseCase: UpdateModelGroupUseCase.Interface,\n private deleteModelGroupUseCase: DeleteModelGroupUseCase.Interface,\n private cache: ModelGroupsCache.Interface,\n private stringFormatter: StringFormatter.Interface\n ) {\n this.form = this.buildForm(false, false);\n makeAutoObservable<\n ModelGroupPresenterImpl,\n \| \"formModelFactory\"\n \| \"listModelGroupsUseCase\"\n \| \"getRoleUseCase\"\n \| \"createModelGroupUseCase\"\n \| \"updateModelGroupUseCase\"\n \| \"deleteModelGroupUseCase\"\n \| \"cache\"\n \| \"stringFormatter\"\n >(this, {\n formModelFactory: false,\n listModelGroupsUseCase: false,\n getRoleUseCase: false,\n createModelGroupUseCase: false,\n updateModelGroupUseCase: false,\n deleteModelGroupUseCase: false,\n cache: false,\n stringFormatter: false,\n vm: computed\n });\n }\n\n get vm(): IModelGroupPresenterViewModel {\n const group = this.selectedGroup;\n const isPluginGroup = group !== null && (group.plugin ?? false);\n\n return {\n selectedGroup: this.selectedGroup,\n loading: this.loading,\n saving: this.saving,\n showForm: this.showForm,\n canModify: !isPluginGroup,\n isPluginGroup,\n form: this.form.vm\n };\n }\n\n get list(): ListPresenter.Interface<ModelGroupDto> {\n return this.listPresenter;\n }\n\n init(): void {\n const dataSource = new ModelGroupDataSource(this.listModelGroupsUseCase, this.cache);\n\n this.listPresenter.init({\n dataSource,\n initialSort: { field: \"createdOn\", direction: \"DESC\" },\n limit: 1000\n });\n }\n\n async selectGroup(id: string): Promise<void> {\n runInAction(() => {\n this.loading = true;\n this.showForm = true;\n });\n\n try {\n const group = await this.getRoleUseCase.execute(id);\n const isPluginGroup = group.plugin ?? false;\n const canModify = !isPluginGroup;\n\n runInAction(() => {\n this.selectedGroup = group;\n this.form = this.buildForm(false, canModify);\n this.form.setData({\n name: group.name,\n slug: group.slug,\n description: group.description,\n icon: extractIconName(group.icon)\n });\n });\n } finally {\n runInAction(() => {\n this.loading = false;\n });\n }\n }\n\n createNew(): void {\n this.selectedGroup = null;\n this.form = this.buildForm(true, true);\n this.form.setData({ icon: \"fas/star\", description: \"\" });\n this.showForm = true;\n }\n\n deselect(): void {\n this.selectedGroup = null;\n this.showForm = false;\n }\n\n async save(): Promise<ModelGroupDto \| null> {\n const data = await this.form.submit<ModelGroupDto>();\n if (!data) {\n return null;\n }\n\n runInAction(() => {\n this.saving = true;\n });\n\n try {\n const isUpdate = this.selectedGroup !== null && this.selectedGroup.createdOn;\n\n const iconValue = toIconValue(data.icon as unknown as string);\n\n if (isUpdate) {\n const group = await this.updateModelGroupUseCase.execute({\n id: this.selectedGroup!.id,\n name: data.name as unknown as string,\n slug: this.selectedGroup!.slug,\n description: data.description as unknown as string,\n icon: iconValue as unknown as string\n });\n runInAction(() => {\n this.selectedGroup = group;\n });\n return group;\n } else {\n const group = await this.createModelGroupUseCase.execute({\n name: data.name as unknown as string,\n slug: data.slug as unknown as string,\n description: data.description as unknown as string,\n icon: iconValue as unknown as string\n });\n runInAction(() => {\n this.selectedGroup = group;\n this.form = this.buildForm(false, true);\n this.form.setData({\n name: group.name,\n slug: group.slug,\n description: group.description,\n icon: extractIconName(group.icon)\n });\n });\n return group;\n }\n } catch {\n return null;\n } finally {\n runInAction(() => {\n this.saving = false;\n });\n }\n }\n\n async deleteGroup(id: string): Promise<void> {\n await this.deleteModelGroupUseCase.execute(id);\n\n runInAction(() => {\n if (this.selectedGroup !== null && this.selectedGroup.id === id) {\n this.selectedGroup = null;\n this.showForm = false;\n }\n });\n }\n\n private buildForm(isNew: boolean, canModify: boolean): IFormModel {\n return this.formModelFactory.create({\n fields: fields => ({\n name: fields\n .text()\n .label(\"Name\")\n .required(\"Name is required.\")\n .disabled(!canModify)\n .onBlur((value, { form }) => {\n const slugValue = form.field(\"slug\").getValue();\n if (slugValue \|\| !value) {\n return;\n }\n form.field(\"slug\").setValue(this.stringFormatter.slugify(String(value)));\n }),\n slug: fields\n .text()\n .label(\"Slug\")\n .required(\"Slug is required.\")\n .disabled(!isNew \|\| !canModify),\n icon: fields\n .text()\n .label(\"Group icon\")\n .required(\"Icon is required.\")\n .disabled(!canModify)\n .renderer(\"cmsIconPicker\"),\n description: fields\n .text()\n .label(\"Description\")\n .defaultValue(\"\")\n .renderer(\"textarea\")\n .disabled(!canModify)\n }),\n layout: layout => [\n layout.row(\"name\"),\n layout.row(\"slug\"),\n layout.row(\"icon\"),\n layout.row(\"description\")\n ]\n });\n }\n}\n\nexport const ModelGroupPresenter = Abstraction.createImplementation({\n implementation: ModelGroupPresenterImpl,\n dependencies: [\n ListPresenter,\n FormModelFactory,\n ListModelGroupsUseCase,\n GetModelGroupUseCase,\n CreateModelGroupUseCase,\n UpdateModelGroupUseCase,\n DeleteModelGroupUseCase,\n ModelGroupsCache,\n StringFormatter\n ]\n});\n"],"names":["extractIconName","icon","toIconValue","name","ModelGroupPresenterImpl","listPresenter","formModelFactory","listModelGroupsUseCase","getRoleUseCase","createModelGroupUseCase","updateModelGroupUseCase","deleteModelGroupUseCase","cache","stringFormatter","makeAutoObservable","computed","group","isPluginGroup","dataSource","ModelGroupDataSource","id","runInAction","canModify","data","isUpdate","iconValue","isNew","fields","value","form","slugValue","String","layout","ModelGroupPresenter","Abstraction","ListPresenter","FormModelFactory","ListModelGroupsUseCase","GetModelGroupUseCase","CreateModelGroupUseCase","UpdateModelGroupUseCase","DeleteModelGroupUseCase","ModelGroupsCache","StringFormatter"],"mappings":"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"}

package/presentation/modelGroup/components/ContentModelGroups.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-declare const ContentModelGroups: (() => React.JSX.Element) & {
-    displayName: string;
+declare const ContentModelGroups: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };
 export default ContentModelGroups;

package/presentation/modelGroup/components/ContentModelGroupsDataList.d.ts CHANGED Viewed

@@ -1,6 +1,10 @@
 import React from "react";
 export declare const ContentModelGroupsDataList: (({ activeId }: {
     activeId: string | undefined;
-}) => React.JSX.Element) & {
-    displayName: string;
+}) => React.JSX.Element) & React.NamedExoticComponent<{
+    activeId: string | undefined;
+}> & {
+    readonly type: ({ activeId }: {
+        activeId: string | undefined;
+    }) => React.JSX.Element;
 };

package/presentation/modelGroup/components/ContentModelGroupsForm.d.ts CHANGED Viewed

@@ -2,6 +2,12 @@ import React from "react";
 export declare const ContentModelGroupsForm: (({ newEntry, id }: {
     newEntry: boolean;
     id: string | undefined;
-}) => React.JSX.Element) & {
-    displayName: string;
+}) => React.JSX.Element) & React.NamedExoticComponent<{
+    newEntry: boolean;
+    id: string | undefined;
+}> & {
+    readonly type: ({ newEntry, id }: {
+        newEntry: boolean;
+        id: string | undefined;
+    }) => React.JSX.Element;
 };