@webiny/app-headless-cms 5.39.3 → 5.40.0-beta.0

package/admin/plugins/fieldRenderers/object/multipleObjectsAccordion.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_Button","_Grid","_Accordion","_DynamicSection","_interopRequireDefault","_Fields","_close","_arrow_drop_up","_arrow_drop_down","_Accordion2","_StyledComponents","_utils","_FieldSettings","_templateObject","_templateObject2","t","i18n","ns","Actions","_ref","setHighlightIndex","bind","index","_bind$field","field","moveValueDown","moveValueUp","onDown","useCallback","e","stopPropagation","map","_objectSpread4","default","_defineProperty2","generateAlphaNumericLowerCaseId","onUp","createElement","Fragment","IconButton","icon","ReactComponent","onClick","removeValue","ObjectsRenderer","props","_useState","useState","_useState2","_slicedToArray2","highlightMap","contentModel","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","Accordion","AccordionItem","title","label","description","helpText","Object","assign","emptyValue","showLabel","gridClassName","dynamicSectionGridStyle","_ref2","Bind","ObjectItem","ItemHighLight","key","concat","action","defaultValue","Cell","span","className","fieldsWrapperStyle","Fields","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","canUse","_ref3","Boolean","multipleValues","render","_default","exports"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useState, useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Accordion as RootAccordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport {\n    BindComponentRenderProp,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"./arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"./arrow_drop_down.svg\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n    fieldsWrapperStyle,\n    dynamicSectionGridStyle,\n    fieldsGridStyle,\n    ItemHighLight,\n    ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { FieldSettings } from \"./FieldSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\ninterface ActionsProps {\n    setHighlightIndex: Dispatch<SetStateAction<{ [key: number]: string }>>;\n    index: number;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n}\n\nconst Actions = ({ setHighlightIndex, bind, index }: ActionsProps) => {\n    const { moveValueDown, moveValueUp } = bind.field;\n\n    const onDown = useCallback(\n        e => {\n            e.stopPropagation();\n            moveValueDown(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index + 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueDown, index]\n    );\n\n    const onUp = useCallback(\n        e => {\n            e.stopPropagation();\n            moveValueUp(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index - 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueUp, index]\n    );\n\n    return index > 0 ? (\n        <>\n            <IconButton icon={<ArrowDown />} onClick={onDown} />\n            <IconButton icon={<ArrowUp />} onClick={onUp} />\n            <IconButton icon={<DeleteIcon />} onClick={() => bind.field.removeValue(index)} />\n        </>\n    ) : null;\n};\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel } = props;\n\n    const fieldSettings = FieldSettings.createFrom(field);\n\n    if (!fieldSettings.hasFields()) {\n        fieldSettings.logMissingFields();\n        return null;\n    }\n\n    const settings = fieldSettings.getSettings();\n\n    return (\n        <RootAccordion>\n            <AccordionItem title={field.label} description={field.helpText}>\n                <DynamicSection\n                    {...props}\n                    emptyValue={{}}\n                    showLabel={false}\n                    gridClassName={dynamicSectionGridStyle}\n                >\n                    {({ Bind, bind, index }) => (\n                        <ObjectItem>\n                            {highlightMap[index] ? (\n                                <ItemHighLight key={highlightMap[index]} />\n                            ) : null}\n                            <Accordion\n                                title={`${props.field.label} #${index + 1}`}\n                                action={\n                                    <Actions\n                                        setHighlightIndex={setHighlightIndex}\n                                        index={index}\n                                        bind={bind}\n                                    />\n                                }\n                                // Open first Accordion by default\n                                defaultValue={index === 0}\n                            >\n                                <Cell span={12} className={fieldsWrapperStyle}>\n                                    <Fields\n                                        Bind={Bind}\n                                        {...bind.index}\n                                        contentModel={contentModel}\n                                        fields={settings.fields}\n                                        layout={settings.layout}\n                                        gridClassName={fieldsGridStyle}\n                                    />\n                                </Cell>\n                            </Accordion>\n                        </ObjectItem>\n                    )}\n                </DynamicSection>\n            </AccordionItem>\n        </RootAccordion>\n    );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-objects-accordion\",\n    renderer: {\n        rendererName: \"objects-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && Boolean(field.multipleValues);\n        },\n        render(props) {\n            return <ObjectsRenderer {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_Button","_Grid","_Accordion","_DynamicSection","_interopRequireDefault","_Fields","_close","_arrow_drop_up","_arrow_drop_down","_Accordion2","_StyledComponents","_utils","_FieldSettings","_ParentValue","_templateObject","_templateObject2","t","i18n","ns","Actions","_ref","setHighlightIndex","bind","index","_bind$field","field","moveValueDown","moveValueUp","onDown","useCallback","e","stopPropagation","map","_objectSpread4","default","_defineProperty2","generateAlphaNumericLowerCaseId","onUp","createElement","Fragment","IconButton","icon","ReactComponent","onClick","removeValue","ObjectsRenderer","props","_useState","useState","_useState2","_slicedToArray2","highlightMap","contentModel","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","Accordion","AccordionItem","title","label","description","helpText","Object","assign","emptyValue","showLabel","gridClassName","dynamicSectionGridStyle","_ref2","Bind","ObjectItem","ItemHighLight","key","concat","action","defaultValue","Cell","span","className","fieldsWrapperStyle","ParentFieldProvider","value","path","parentName","Fields","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","canUse","_ref3","Boolean","multipleValues","render","_default","exports"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useState, useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Accordion as RootAccordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport {\n    BindComponentRenderProp,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"./arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"./arrow_drop_down.svg\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n    fieldsWrapperStyle,\n    dynamicSectionGridStyle,\n    fieldsGridStyle,\n    ItemHighLight,\n    ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/components/ContentEntryForm/ParentValue\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\ninterface ActionsProps {\n    setHighlightIndex: Dispatch<SetStateAction<{ [key: number]: string }>>;\n    index: number;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n}\n\nconst Actions = ({ setHighlightIndex, bind, index }: ActionsProps) => {\n    const { moveValueDown, moveValueUp } = bind.field;\n\n    const onDown = useCallback(\n        e => {\n            e.stopPropagation();\n            moveValueDown(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index + 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueDown, index]\n    );\n\n    const onUp = useCallback(\n        e => {\n            e.stopPropagation();\n            moveValueUp(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index - 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueUp, index]\n    );\n\n    return index > 0 ? (\n        <>\n            <IconButton icon={<ArrowDown />} onClick={onDown} />\n            <IconButton icon={<ArrowUp />} onClick={onUp} />\n            <IconButton icon={<DeleteIcon />} onClick={() => bind.field.removeValue(index)} />\n        </>\n    ) : null;\n};\n\nconst ObjectsRenderer = (props: CmsModelFieldRendererProps) => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel } = props;\n\n    const fieldSettings = FieldSettings.createFrom(field);\n\n    if (!fieldSettings.hasFields()) {\n        fieldSettings.logMissingFields();\n        return null;\n    }\n\n    const settings = fieldSettings.getSettings();\n\n    return (\n        <RootAccordion>\n            <AccordionItem title={field.label} description={field.helpText}>\n                <DynamicSection\n                    {...props}\n                    emptyValue={{}}\n                    showLabel={false}\n                    gridClassName={dynamicSectionGridStyle}\n                >\n                    {({ Bind, bind, index }) => (\n                        <ObjectItem>\n                            {highlightMap[index] ? (\n                                <ItemHighLight key={highlightMap[index]} />\n                            ) : null}\n                            <Accordion\n                                title={`${props.field.label} #${index + 1}`}\n                                action={\n                                    <Actions\n                                        setHighlightIndex={setHighlightIndex}\n                                        index={index}\n                                        bind={bind}\n                                    />\n                                }\n                                // Open first Accordion by default\n                                defaultValue={index === 0}\n                            >\n                                <Cell span={12} className={fieldsWrapperStyle}>\n                                    <ParentFieldProvider\n                                        value={bind.index.value}\n                                        path={Bind.parentName}\n                                    >\n                                        <Fields\n                                            Bind={Bind}\n                                            contentModel={contentModel}\n                                            fields={settings.fields}\n                                            layout={settings.layout}\n                                            gridClassName={fieldsGridStyle}\n                                        />\n                                    </ParentFieldProvider>\n                                </Cell>\n                            </Accordion>\n                        </ObjectItem>\n                    )}\n                </DynamicSection>\n            </AccordionItem>\n        </RootAccordion>\n    );\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-objects-accordion\",\n    renderer: {\n        rendererName: \"objects-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && Boolean(field.multipleValues);\n        },\n        render(props) {\n            return <ObjectsRenderer {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/object/singleObjectAccordion.js

@@ -8,9 +8,10 @@ exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _i18n = require("@webiny/app/i18n");
-var _Fields = require("../../../components/ContentEntryForm/Fields");
 var _Accordion = require("@webiny/ui/Accordion");
+var _Fields = require("../../../components/ContentEntryForm/Fields");
 var _FieldSettings = require("./FieldSettings");
+var _hooks = require("../../../hooks");
 var _templateObject, _templateObject2;
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
 var plugin = {
@@ -35,15 +36,20 @@ var plugin = {
         return null;
       }
       var settings = fieldSettings.getSettings();
-      return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
-        title: field.label,
-        description: field.helpText
-      }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
-        Bind: Bind,
-        contentModel: contentModel,
-        fields: settings.fields || [],
-        layout: settings.layout || []
-      })));
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bindProps) {
+        return /*#__PURE__*/_react.default.createElement(_hooks.ParentFieldProvider, {
+          value: bindProps.value,
+          path: Bind.parentName
+        }, /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
+          title: field.label,
+          description: field.helpText
+        }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
+          Bind: Bind,
+          contentModel: contentModel,
+          fields: settings.fields || [],
+          layout: settings.layout || []
+        }))));
+      });
     }
   }
 };

package/admin/plugins/fieldRenderers/object/singleObjectAccordion.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Fields","_Accordion","_FieldSettings","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","_ref2","getBind","contentModel","Bind","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","createElement","Accordion","AccordionItem","title","label","helpText","Fields","fields","layout","_default","exports"],"sources":["singleObjectAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { FieldSettings } from \"./FieldSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object-accordion\",\n    renderer: {\n        rendererName: \"object-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const fieldSettings = FieldSettings.createFrom(field);\n\n            if (!fieldSettings.hasFields()) {\n                fieldSettings.logMissingFields();\n                return null;\n            }\n\n            const settings = fieldSettings.getSettings();\n\n            return (\n                <Accordion>\n                    <AccordionItem title={field.label} description={field.helpText}>\n                        <Fields\n                            Bind={Bind}\n                            contentModel={contentModel}\n                            fields={settings.fields || []}\n                            layout={settings.layout || []}\n                        />\n                    </AccordionItem>\n                </Accordion>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAAgD,IAAAK,eAAA,EAAAC,gBAAA;AAEhD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,kBAAW;IAClBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,4CAAqC;IACnDE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OAAOA,KAAK,CAACT,IAAI,KAAK,QAAQ,IAAI,CAACS,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAM,WAAAA,OAAAC,KAAA,EAAmC;MAAA,IAAhCH,KAAK,GAAAG,KAAA,CAALH,KAAK;QAAEI,OAAO,GAAAD,KAAA,CAAPC,OAAO;QAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;MACjC,IAAMC,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,IAAMG,aAAa,GAAGC,4BAAa,CAACC,UAAU,CAACT,KAAK,CAAC;MAErD,IAAI,CAACO,aAAa,CAACG,SAAS,CAAC,CAAC,EAAE;QAC5BH,aAAa,CAACI,gBAAgB,CAAC,CAAC;QAChC,OAAO,IAAI;MACf;MAEA,IAAMC,QAAQ,GAAGL,aAAa,CAACM,WAAW,CAAC,CAAC;MAE5C,oBACInC,MAAA,CAAAkB,OAAA,CAAAkB,aAAA,CAAC/B,UAAA,CAAAgC,SAAS,qBACNrC,MAAA,CAAAkB,OAAA,CAAAkB,aAAA,CAAC/B,UAAA,CAAAiC,aAAa;QAACC,KAAK,EAAEjB,KAAK,CAACkB,KAAM;QAACrB,WAAW,EAAEG,KAAK,CAACmB;MAAS,gBAC3DzC,MAAA,CAAAkB,OAAA,CAAAkB,aAAA,CAAChC,OAAA,CAAAsC,MAAM;QACHd,IAAI,EAAEA,IAAK;QACXD,YAAY,EAAEA,YAAa;QAC3BgB,MAAM,EAAET,QAAQ,CAACS,MAAM,IAAI,EAAG;QAC9BC,MAAM,EAAEV,QAAQ,CAACU,MAAM,IAAI;MAAG,CACjC,CACU,CACR,CAAC;IAEpB;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAEajC,MAAM;AAAAkC,OAAA,CAAA5B,OAAA,GAAA2B,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Accordion","_Fields","_FieldSettings","_hooks","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","_ref2","getBind","contentModel","Bind","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","createElement","bindProps","ParentFieldProvider","value","path","parentName","Accordion","AccordionItem","title","label","helpText","Fields","fields","layout","_default","exports"],"sources":["singleObjectAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/hooks\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object-accordion\",\n    renderer: {\n        rendererName: \"object-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const fieldSettings = FieldSettings.createFrom(field);\n\n            if (!fieldSettings.hasFields()) {\n                fieldSettings.logMissingFields();\n                return null;\n            }\n\n            const settings = fieldSettings.getSettings();\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n                            <Accordion>\n                                <AccordionItem title={field.label} description={field.helpText}>\n                                    <Fields\n                                        Bind={Bind}\n                                        contentModel={contentModel}\n                                        fields={settings.fields || []}\n                                        layout={settings.layout || []}\n                                    />\n                                </AccordionItem>\n                            </Accordion>\n                        </ParentFieldProvider>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAoD,IAAAM,eAAA,EAAAC,gBAAA;AAEpD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,kBAAW;IAClBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,4CAAqC;IACnDE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OAAOA,KAAK,CAACT,IAAI,KAAK,QAAQ,IAAI,CAACS,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAM,WAAAA,OAAAC,KAAA,EAAmC;MAAA,IAAhCH,KAAK,GAAAG,KAAA,CAALH,KAAK;QAAEI,OAAO,GAAAD,KAAA,CAAPC,OAAO;QAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;MACjC,IAAMC,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,IAAMG,aAAa,GAAGC,4BAAa,CAACC,UAAU,CAACT,KAAK,CAAC;MAErD,IAAI,CAACO,aAAa,CAACG,SAAS,CAAC,CAAC,EAAE;QAC5BH,aAAa,CAACI,gBAAgB,CAAC,CAAC;QAChC,OAAO,IAAI;MACf;MAEA,IAAMC,QAAQ,GAAGL,aAAa,CAACM,WAAW,CAAC,CAAC;MAE5C,oBACIpC,MAAA,CAAAmB,OAAA,CAAAkB,aAAA,CAACR,IAAI,QACA,UAAAS,SAAS;QAAA,oBACNtC,MAAA,CAAAmB,OAAA,CAAAkB,aAAA,CAAC9B,MAAA,CAAAgC,mBAAmB;UAACC,KAAK,EAAEF,SAAS,CAACE,KAAM;UAACC,IAAI,EAAEZ,IAAI,CAACa;QAAW,gBAC/D1C,MAAA,CAAAmB,OAAA,CAAAkB,aAAA,CAACjC,UAAA,CAAAuC,SAAS,qBACN3C,MAAA,CAAAmB,OAAA,CAAAkB,aAAA,CAACjC,UAAA,CAAAwC,aAAa;UAACC,KAAK,EAAEtB,KAAK,CAACuB,KAAM;UAAC1B,WAAW,EAAEG,KAAK,CAACwB;QAAS,gBAC3D/C,MAAA,CAAAmB,OAAA,CAAAkB,aAAA,CAAChC,OAAA,CAAA2C,MAAM;UACHnB,IAAI,EAAEA,IAAK;UACXD,YAAY,EAAEA,YAAa;UAC3BqB,MAAM,EAAEd,QAAQ,CAACc,MAAM,IAAI,EAAG;UAC9BC,MAAM,EAAEf,QAAQ,CAACe,MAAM,IAAI;QAAG,CACjC,CACU,CACR,CACM,CAAC;MAAA,CAExB,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAEatC,MAAM;AAAAuC,OAAA,CAAAjC,OAAA,GAAAgC,QAAA"}

package/admin/plugins/fieldRenderers/object/singleObjectInline.js

@@ -14,6 +14,7 @@ var _Grid = require("@webiny/ui/Grid");
 var _FormElementMessage = require("@webiny/ui/FormElementMessage");
 var _StyledComponents = require("./StyledComponents");
 var _FieldSettings = require("./FieldSettings");
+var _ParentValue = require("../../../components/ContentEntryForm/ParentValue");
 var _templateObject, _templateObject2;
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
 var plugin = {
@@ -38,19 +39,24 @@ var plugin = {
         return null;
       }
       var settings = fieldSettings.getSettings();
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 12
-      }, /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
-        title: field.label
-      }), field.helpText && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 12,
-        className: _StyledComponents.fieldsWrapperStyle
-      }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
-        Bind: Bind,
-        contentModel: contentModel,
-        fields: settings.fields,
-        layout: settings.layout
-      })));
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bindProps) {
+        return /*#__PURE__*/_react.default.createElement(_ParentValue.ParentFieldProvider, {
+          value: bindProps.value,
+          path: Bind.parentName
+        }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+          span: 12
+        }, /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
+          title: field.label
+        }), field.helpText && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+          span: 12,
+          className: _StyledComponents.fieldsWrapperStyle
+        }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
+          Bind: Bind,
+          contentModel: contentModel,
+          fields: settings.fields,
+          layout: settings.layout
+        }))));
+      });
     }
   }
 };

package/admin/plugins/fieldRenderers/object/singleObjectInline.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Fields","_SimpleForm","_Grid","_FormElementMessage","_StyledComponents","_FieldSettings","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","_ref2","getBind","contentModel","Bind","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","createElement","Grid","Cell","span","SimpleFormHeader","title","label","helpText","FormElementMessage","className","fieldsWrapperStyle","Fields","fields","layout","_default","exports"],"sources":["singleObjectInline.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { SimpleFormHeader } from \"@webiny/app-admin/components/SimpleForm\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { fieldsWrapperStyle } from \"./StyledComponents\";\nimport { FieldSettings } from \"./FieldSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object\",\n    renderer: {\n        rendererName: \"object\",\n        name: t`Inline Form`,\n        description: t`Renders a set of fields.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const fieldSettings = FieldSettings.createFrom(field);\n\n            if (!fieldSettings.hasFields()) {\n                fieldSettings.logMissingFields();\n                return null;\n            }\n\n            const settings = fieldSettings.getSettings();\n\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <SimpleFormHeader title={field.label} />\n                        {field.helpText && (\n                            <FormElementMessage>{field.helpText}</FormElementMessage>\n                        )}\n                    </Cell>\n                    <Cell span={12} className={fieldsWrapperStyle}>\n                        <Fields\n                            Bind={Bind}\n                            contentModel={contentModel}\n                            fields={settings.fields}\n                            layout={settings.layout}\n                        />\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAAgD,IAAAQ,eAAA,EAAAC,gBAAA;AAEhD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,oBAAa;IACpBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,iCAA0B;IACxCE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OAAOA,KAAK,CAACT,IAAI,KAAK,QAAQ,IAAI,CAACS,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAM,WAAAA,OAAAC,KAAA,EAAmC;MAAA,IAAhCH,KAAK,GAAAG,KAAA,CAALH,KAAK;QAAEI,OAAO,GAAAD,KAAA,CAAPC,OAAO;QAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;MACjC,IAAMC,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,IAAMG,aAAa,GAAGC,4BAAa,CAACC,UAAU,CAACT,KAAK,CAAC;MAErD,IAAI,CAACO,aAAa,CAACG,SAAS,CAAC,CAAC,EAAE;QAC5BH,aAAa,CAACI,gBAAgB,CAAC,CAAC;QAChC,OAAO,IAAI;MACf;MAEA,IAAMC,QAAQ,GAAGL,aAAa,CAACM,WAAW,CAAC,CAAC;MAE5C,oBACItC,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACjC,KAAA,CAAAkC,IAAI,qBACDxC,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACjC,KAAA,CAAAmC,IAAI;QAACC,IAAI,EAAE;MAAG,gBACX1C,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAAClC,WAAA,CAAAsC,gBAAgB;QAACC,KAAK,EAAEnB,KAAK,CAACoB;MAAM,CAAE,CAAC,EACvCpB,KAAK,CAACqB,QAAQ,iBACX9C,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAAChC,mBAAA,CAAAwC,kBAAkB,QAAEtB,KAAK,CAACqB,QAA6B,CAE1D,CAAC,eACP9C,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACjC,KAAA,CAAAmC,IAAI;QAACC,IAAI,EAAE,EAAG;QAACM,SAAS,EAAEC;MAAmB,gBAC1CjD,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACnC,OAAA,CAAA8C,MAAM;QACHnB,IAAI,EAAEA,IAAK;QACXD,YAAY,EAAEA,YAAa;QAC3BqB,MAAM,EAAEd,QAAQ,CAACc,MAAO;QACxBC,MAAM,EAAEf,QAAQ,CAACe;MAAO,CAC3B,CACC,CACJ,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAEatC,MAAM;AAAAuC,OAAA,CAAAjC,OAAA,GAAAgC,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Fields","_SimpleForm","_Grid","_FormElementMessage","_StyledComponents","_FieldSettings","_ParentValue","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","_ref2","getBind","contentModel","Bind","fieldSettings","FieldSettings","createFrom","hasFields","logMissingFields","settings","getSettings","createElement","bindProps","ParentFieldProvider","value","path","parentName","Grid","Cell","span","SimpleFormHeader","title","label","helpText","FormElementMessage","className","fieldsWrapperStyle","Fields","fields","layout","_default","exports"],"sources":["singleObjectInline.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { SimpleFormHeader } from \"@webiny/app-admin/components/SimpleForm\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { fieldsWrapperStyle } from \"./StyledComponents\";\nimport { FieldSettings } from \"./FieldSettings\";\nimport { ParentFieldProvider } from \"~/admin/components/ContentEntryForm/ParentValue\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object\",\n    renderer: {\n        rendererName: \"object\",\n        name: t`Inline Form`,\n        description: t`Renders a set of fields.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const fieldSettings = FieldSettings.createFrom(field);\n\n            if (!fieldSettings.hasFields()) {\n                fieldSettings.logMissingFields();\n                return null;\n            }\n\n            const settings = fieldSettings.getSettings();\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <ParentFieldProvider value={bindProps.value} path={Bind.parentName}>\n                            <Grid>\n                                <Cell span={12}>\n                                    <SimpleFormHeader title={field.label} />\n                                    {field.helpText && (\n                                        <FormElementMessage>{field.helpText}</FormElementMessage>\n                                    )}\n                                </Cell>\n                                <Cell span={12} className={fieldsWrapperStyle}>\n                                    <Fields\n                                        Bind={Bind}\n                                        contentModel={contentModel}\n                                        fields={settings.fields}\n                                        layout={settings.layout}\n                                    />\n                                </Cell>\n                            </Grid>\n                        </ParentFieldProvider>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}

package/admin/plugins/fields/dynamicZone/TemplateDialog.js

@@ -18,6 +18,7 @@ var _utils = require("@webiny/utils");
 var _IconPicker = require("../../../components/IconPicker");
 var _Dialog = require("../../../components/Dialog");
 var _Alert = require("@webiny/ui/Alert");
+var _Tags = require("@webiny/ui/Tags");
 var typeNameValidator = function typeNameValidator(value) {
   var regex = new RegExp("^[A-Z]+[_0-9A-Za-z]+$");
   if (regex.test(value)) {
@@ -130,6 +131,13 @@ var TemplateDialog = function TemplateDialog(props) {
     }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       rows: 3,
       label: "Description"
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "tags",
+      defaultValue: []
+    }, /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
+      label: "Tags"
     }))))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
       onClick: props.onClose
     }, "Cancel"), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {

package/admin/plugins/fields/dynamicZone/TemplateDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_Grid","_Input","_form","_validation","_utils","_IconPicker","_Dialog","_Alert","typeNameValidator","value","regex","RegExp","test","Error","getGraphQLTypeName","titleCase","charAt","toUpperCase","slice","replace","TemplateDialog","props","_useState","useState","_useState2","_slicedToArray2","default","showWarning","setWarning","newTemplate","Boolean","template","dialogTitle","submitLabel","onSubmit","id","onTemplate","_objectSpread2","generateAlphaNumericLowerCaseId","fields","layout","onClose","showGqlTypeNameWarning","hideGqlTypeNameWarning","checkGqlType","data","gqlTypeName","nameOnBlur","form","name","setValue","onFormChange","createElement","Dialog","open","Form","onChange","_ref","Bind","submit","Fragment","DialogTitle","DialogContent","Grid","Cell","span","Alert","title","type","validators","validation","create","Input","label","onBlur","autoFocus","description","IconPicker","rows","DialogActions","ButtonDefault","onClick","ButtonPrimary","exports"],"sources":["TemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ButtonPrimary, ButtonDefault } from \"@webiny/ui/Button\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Form, FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { Dialog, DialogTitle, DialogContent, DialogActions } from \"~/admin/components/Dialog\";\nimport { Alert } from \"@webiny/ui/Alert\";\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 = !Boolean(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        <Dialog open={true} onClose={props.onClose}>\n            <Form<CmsDynamicZoneTemplate>\n                onSubmit={onSubmit}\n                data={props.template}\n                onChange={onFormChange}\n            >\n                {({ Bind, submit, form }) => (\n                    <>\n                        <DialogTitle>{dialogTitle}</DialogTitle>\n                        <DialogContent>\n                            <Grid>\n                                {showWarning ? (\n                                    <Cell span={12}>\n                                        <Alert title={\"GraphQL Schema Change\"} type={\"danger\"}>\n                                            You&apos;ve changed the GraphQL schema type name! If\n                                            your API is being queried by a 3rd party application,\n                                            this will affect the GraphQL queries in those\n                                            applications. Make sure your consumers are informed\n                                            about this change!\n                                        </Alert>\n                                    </Cell>\n                                ) : null}\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"name\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <Input label={\"Name\"} onBlur={nameOnBlur(form)} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"gqlTypeName\"}\n                                        validators={[\n                                            validation.create(\"required\"),\n                                            typeNameValidator\n                                        ]}\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                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"icon\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <IconPicker label={\"Icon\"} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"description\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <Input rows={3} label={\"Description\"} />\n                                    </Bind>\n                                </Cell>\n                            </Grid>\n                        </DialogContent>\n                        <DialogActions>\n                            <ButtonDefault onClick={props.onClose}>Cancel</ButtonDefault>\n                            <ButtonPrimary onClick={submit}>{submitLabel}</ButtonPrimary>\n                        </DialogActions>\n                    </>\n                )}\n            </Form>\n        </Dialog>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_Grid","_Input","_form","_validation","_utils","_IconPicker","_Dialog","_Alert","_Tags","typeNameValidator","value","regex","RegExp","test","Error","getGraphQLTypeName","titleCase","charAt","toUpperCase","slice","replace","TemplateDialog","props","_useState","useState","_useState2","_slicedToArray2","default","showWarning","setWarning","newTemplate","Boolean","template","dialogTitle","submitLabel","onSubmit","id","onTemplate","_objectSpread2","generateAlphaNumericLowerCaseId","fields","layout","onClose","showGqlTypeNameWarning","hideGqlTypeNameWarning","checkGqlType","data","gqlTypeName","nameOnBlur","form","name","setValue","onFormChange","createElement","Dialog","open","Form","onChange","_ref","Bind","submit","Fragment","DialogTitle","DialogContent","Grid","Cell","span","Alert","title","type","validators","validation","create","Input","label","onBlur","autoFocus","description","IconPicker","rows","defaultValue","Tags","DialogActions","ButtonDefault","onClick","ButtonPrimary","exports"],"sources":["TemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ButtonPrimary, ButtonDefault } from \"@webiny/ui/Button\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Form, FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { Dialog, DialogTitle, DialogContent, DialogActions } from \"~/admin/components/Dialog\";\nimport { Alert } from \"@webiny/ui/Alert\";\nimport { Tags } from \"@webiny/ui/Tags\";\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 = !Boolean(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        <Dialog open={true} onClose={props.onClose}>\n            <Form<CmsDynamicZoneTemplate>\n                onSubmit={onSubmit}\n                data={props.template}\n                onChange={onFormChange}\n            >\n                {({ Bind, submit, form }) => (\n                    <>\n                        <DialogTitle>{dialogTitle}</DialogTitle>\n                        <DialogContent>\n                            <Grid>\n                                {showWarning ? (\n                                    <Cell span={12}>\n                                        <Alert title={\"GraphQL Schema Change\"} type={\"danger\"}>\n                                            You&apos;ve changed the GraphQL schema type name! If\n                                            your API is being queried by a 3rd party application,\n                                            this will affect the GraphQL queries in those\n                                            applications. Make sure your consumers are informed\n                                            about this change!\n                                        </Alert>\n                                    </Cell>\n                                ) : null}\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"name\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <Input label={\"Name\"} onBlur={nameOnBlur(form)} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"gqlTypeName\"}\n                                        validators={[\n                                            validation.create(\"required\"),\n                                            typeNameValidator\n                                        ]}\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                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"icon\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <IconPicker label={\"Icon\"} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"description\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <Input rows={3} label={\"Description\"} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind name={\"tags\"} defaultValue={[]}>\n                                        <Tags label={\"Tags\"} />\n                                    </Bind>\n                                </Cell>\n                            </Grid>\n                        </DialogContent>\n                        <DialogActions>\n                            <ButtonDefault onClick={props.onClose}>Cancel</ButtonDefault>\n                            <ButtonPrimary onClick={submit}>{submitLabel}</ButtonPrimary>\n                        </DialogActions>\n                    </>\n                )}\n            </Form>\n        </Dialog>\n    );\n};\n"],"mappings":"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"}

package/admin/plugins/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const _default: () => (import("@webiny/app-headless-cms-common/types").CmsIconsPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-headless-cms-common/types").CmsFieldValueTransformer<{
+declare const _default: () => (import("@webiny/app-headless-cms-common/types").CmsEditorFormSettingsPlugin | import("@webiny/app-headless-cms-common/types").CmsIconsPlugin | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-headless-cms-common/types").CmsFieldValueTransformer<{
     id: string;
     type: string;
     fieldId: string;
@@ -16,7 +16,7 @@ declare const _default: () => (import("@webiny/app-headless-cms-common/types").C
         name: string;
     } | ((props: import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererProps) => import("react").ReactNode);
     tags?: string[] | undefined;
-}>[] | import("@webiny/app-headless-cms-common/types").CmsEditorFormSettingsPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app/plugins/ApolloCacheObjectIdPlugin").ApolloCacheObject> | {
+}>[] | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app/plugins/ApolloCacheObjectIdPlugin").ApolloCacheObject> | {
     name: string;
     type: string;
     render(): JSX.Element;

package/admin/views/contentEntries/ContentEntry/PublishEntryRevisionListItem.d.ts

@@ -1,2 +1,7 @@
 /// <reference types="react" />
-export declare const PublishEntryRevisionListItem: import("@webiny/react-composition").DecoratableComponent<() => JSX.Element | null>;
+export declare const PublishEntryRevisionListItem: import("@webiny/react-composition").GenericComponent<any> & {
+    original: import("@webiny/react-composition").GenericComponent<any>;
+    originalName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+};

package/admin/views/contentModels/OptionsMenu.d.ts

@@ -10,4 +10,9 @@ export interface OptionsMenuProps {
     items: OptionsMenuItem[];
     "data-testid"?: string;
 }
-export declare const OptionsMenu: import("@webiny/app-admin").DecoratableComponent<(args_0: OptionsMenuProps) => JSX.Element | null>;
+export declare const OptionsMenu: import("@webiny/app-admin").GenericComponent<OptionsMenuProps> & {
+    original: import("@webiny/app-admin").GenericComponent<OptionsMenuProps>;
+    originalName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(args_0: OptionsMenuProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+};

package/allPlugins.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const _default: (import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldTypePlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[] | import("@webiny/app-headless-cms-common/types").CmsModelFieldValidatorPlugin<any> | (import("@webiny/app-headless-cms-common/types").CmsIconsPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-headless-cms-common/types").CmsFieldValueTransformer<{
+declare const _default: (import("@webiny/app-headless-cms-common/types").CmsModelFieldRegexValidatorExpressionPlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldTypePlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[] | import("@webiny/app-headless-cms-common/types").CmsModelFieldValidatorPlugin<any> | (import("@webiny/app-headless-cms-common/types").CmsEditorFormSettingsPlugin | import("@webiny/app-headless-cms-common/types").CmsIconsPlugin | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-headless-cms-common/types").CmsFieldValueTransformer<{
     id: string;
     type: string;
     fieldId: string;
@@ -16,9 +16,9 @@ declare const _default: (import("@webiny/app-headless-cms-common/types").CmsMode
         name: string;
     } | ((props: import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererProps) => import("react").ReactNode);
     tags?: string[] | undefined;
-}>[] | import("@webiny/app-headless-cms-common/types").CmsEditorFormSettingsPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app/plugins/ApolloCacheObjectIdPlugin").ApolloCacheObject> | {
+}>[] | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app/plugins/ApolloCacheObjectIdPlugin").ApolloCacheObject> | {
     name: string;
     type: string;
     render(): JSX.Element;
-}[])[] | import("@webiny/app-headless-cms-common/types").CmsModelFieldRegexValidatorExpressionPlugin | import("@webiny/app-plugin-admin-welcome-screen/types").AdminWelcomeScreenWidgetPlugin)[];
+}[])[] | import("@webiny/app-plugin-admin-welcome-screen/types").AdminWelcomeScreenWidgetPlugin)[];
 export default _default;

package/components.d.ts

@@ -1,12 +1,87 @@
 /// <reference types="react" />
+import { useTemplate } from "./admin/plugins/fieldRenderers/dynamicZone";
 export declare const Components: {
     FieldRenderers: {
         DynamicZone: {
-            Container: import("@webiny/react-composition").DecoratableComponent<(props: import("react").PropsWithChildren<import("./admin/plugins/fieldRenderers/dynamicZone").DynamicZoneContainerProps>, context?: any) => import("react").ReactElement<any, any> | null>;
+            Template: {
+                useTemplate: typeof useTemplate;
+            };
+            Container: import("@webiny/react-composition").GenericComponent<any> & {
+                original: import("@webiny/react-composition").GenericComponent<any>;
+                originalName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+            };
             MultiValue: {
-                Container: import("@webiny/react-composition").DecoratableComponent<(props: import("react").PropsWithChildren<import("./admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone").MultiValueContainerProps>, context?: any) => import("react").ReactElement<any, any> | null>;
-                ItemContainer: import("@webiny/react-composition").DecoratableComponent<(args_0: import("./admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone").MultiValueItemContainerProps) => JSX.Element | null>;
-                Item: import("@webiny/react-composition").DecoratableComponent<(props: import("./admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone").MultiValueItemItemProps) => JSX.Element | null>;
+                Container: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone").MultiValueContainerProps> & {
+                    original: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone").MultiValueContainerProps>;
+                    originalName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone").MultiValueContainerProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+                };
+                ItemContainer: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone").MultiValueItemContainerProps> & {
+                    original: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone").MultiValueItemContainerProps>;
+                    originalName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone").MultiValueItemContainerProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+                };
+                Item: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone").MultiValueItemItemProps> & {
+                    original: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone").MultiValueItemItemProps>;
+                    originalName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("./admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone").MultiValueItemItemProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+                };
+            };
+            TemplateGallery: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").TemplateGalleryProps & {
+                children?: import("react").ReactNode;
+            }> & {
+                original: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").TemplateGalleryProps & {
+                    children?: import("react").ReactNode;
+                }>;
+                originalName: string;
+            } & {
+                createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("react").PropsWithChildren<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").TemplateGalleryProps>, context?: any) => import("react").ReactElement<any, any> | null>) => (props: import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").ShouldRender) => JSX.Element;
+            } & {
+                Container: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").TemplateGalleryContainerProps & {
+                    children?: import("react").ReactNode;
+                }> & {
+                    original: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").TemplateGalleryContainerProps & {
+                        children?: import("react").ReactNode;
+                    }>;
+                    originalName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("react").PropsWithChildren<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").TemplateGalleryContainerProps>, context?: any) => import("react").ReactElement<any, any> | null>) => (props: import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").ShouldRender) => JSX.Element;
+                };
+                List: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").TemplateGalleryListProps & {
+                    children?: import("react").ReactNode;
+                }> & {
+                    original: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").TemplateGalleryListProps & {
+                        children?: import("react").ReactNode;
+                    }>;
+                    originalName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("react").PropsWithChildren<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").TemplateGalleryListProps>, context?: any) => import("react").ReactElement<any, any> | null>) => (props: import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").ShouldRender) => JSX.Element;
+                };
+                Item: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateItem").TemplateCardProps & {
+                    children?: import("react").ReactNode;
+                }> & {
+                    original: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateItem").TemplateCardProps & {
+                        children?: import("react").ReactNode;
+                    }>;
+                    originalName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("react").PropsWithChildren<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateItem").TemplateCardProps>, context?: any) => import("react").ReactElement<any, any> | null>) => (props: import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").ShouldRender) => JSX.Element;
+                };
+                Close: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").CloseGalleryProps & {
+                    children?: import("react").ReactNode;
+                }> & {
+                    original: import("@webiny/react-composition").GenericComponent<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").CloseGalleryProps & {
+                        children?: import("react").ReactNode;
+                    }>;
+                    originalName: string;
+                } & {
+                    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: import("react").PropsWithChildren<import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").CloseGalleryProps>, context?: any) => import("react").ReactElement<any, any> | null>) => (props: import("./admin/plugins/fieldRenderers/dynamicZone/TemplateGallery").ShouldRender) => JSX.Element;
+                };
             };
         };
     };

package/components.js

@@ -8,6 +8,9 @@ var _dynamicZone = require("./admin/plugins/fieldRenderers/dynamicZone");
 var Components = {
   FieldRenderers: {
     DynamicZone: {
+      Template: {
+        useTemplate: _dynamicZone.useTemplate
+      },
       Container: _dynamicZone.DynamicZoneContainer,
       // SingleValue: {
       //     Container: null,
@@ -18,7 +21,8 @@ var Components = {
         Container: _dynamicZone.MultiValueContainer,
         ItemContainer: _dynamicZone.MultiValueItemContainer,
         Item: _dynamicZone.MultiValueItem
-      }
+      },
+      TemplateGallery: _dynamicZone.TemplateGallery
     }
   }
 };

package/components.js.map

@@ -1 +1 @@
-{"version":3,"names":["_dynamicZone","require","Components","FieldRenderers","DynamicZone","Container","DynamicZoneContainer","MultiValue","MultiValueContainer","ItemContainer","MultiValueItemContainer","Item","MultiValueItem","exports"],"sources":["components.ts"],"sourcesContent":["import {\n    DynamicZoneContainer,\n    MultiValueContainer,\n    MultiValueItemContainer,\n    MultiValueItem\n} from \"~/admin/plugins/fieldRenderers/dynamicZone\";\n\nexport const Components = {\n    FieldRenderers: {\n        DynamicZone: {\n            Container: DynamicZoneContainer,\n            // SingleValue: {\n            //     Container: null,\n            //     ItemContainer: null,\n            //     Item: null\n            // },\n            MultiValue: {\n                Container: MultiValueContainer,\n                ItemContainer: MultiValueItemContainer,\n                Item: MultiValueItem\n            }\n        }\n    }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAOO,IAAMC,UAAU,GAAG;EACtBC,cAAc,EAAE;IACZC,WAAW,EAAE;MACTC,SAAS,EAAEC,iCAAoB;MAC/B;MACA;MACA;MACA;MACA;MACAC,UAAU,EAAE;QACRF,SAAS,EAAEG,gCAAmB;QAC9BC,aAAa,EAAEC,oCAAuB;QACtCC,IAAI,EAAEC;MACV;IACJ;EACJ;AACJ,CAAC;AAACC,OAAA,CAAAX,UAAA,GAAAA,UAAA"}
+{"version":3,"names":["_dynamicZone","require","Components","FieldRenderers","DynamicZone","Template","useTemplate","Container","DynamicZoneContainer","MultiValue","MultiValueContainer","ItemContainer","MultiValueItemContainer","Item","MultiValueItem","TemplateGallery","exports"],"sources":["components.ts"],"sourcesContent":["import {\n    DynamicZoneContainer,\n    MultiValueContainer,\n    MultiValueItemContainer,\n    MultiValueItem,\n    TemplateGallery,\n    useTemplate\n} from \"~/admin/plugins/fieldRenderers/dynamicZone\";\n\nexport const Components = {\n    FieldRenderers: {\n        DynamicZone: {\n            Template: {\n                useTemplate\n            },\n            Container: DynamicZoneContainer,\n            // SingleValue: {\n            //     Container: null,\n            //     ItemContainer: null,\n            //     Item: null\n            // },\n            MultiValue: {\n                Container: MultiValueContainer,\n                ItemContainer: MultiValueItemContainer,\n                Item: MultiValueItem\n            },\n            TemplateGallery\n        }\n    }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AASO,IAAMC,UAAU,GAAG;EACtBC,cAAc,EAAE;IACZC,WAAW,EAAE;MACTC,QAAQ,EAAE;QACNC,WAAW,EAAXA;MACJ,CAAC;MACDC,SAAS,EAAEC,iCAAoB;MAC/B;MACA;MACA;MACA;MACA;MACAC,UAAU,EAAE;QACRF,SAAS,EAAEG,gCAAmB;QAC9BC,aAAa,EAAEC,oCAAuB;QACtCC,IAAI,EAAEC;MACV,CAAC;MACDC,eAAe,EAAfA;IACJ;EACJ;AACJ,CAAC;AAACC,OAAA,CAAAd,UAAA,GAAAA,UAAA"}