@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

package/admin/plugins/fieldRenderers/dynamicZone/AddTemplate.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_info","_add_circle_outline","_Typography","_TemplateGallery","_Button","_useTemplateTypename2","_EMOTION_STRINGIFIED_CSS_ERROR__","AddIconContainer","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","AddButtonContainer","Info","useAddTemplate","params","_useState","useState","_useState2","_slicedToArray2","showGallery","setShowGallery","_useTemplateTypename","useTemplateTypename","getFullTypename","browseTemplates","onTemplate","template","_objectSpread2","__typename","onGalleryClose","AddTemplateButton","exports","props","_useAddTemplate","createElement","TemplateGallery","onClose","Fragment","ButtonSecondary","onClick","ReactComponent","Typography","use","AddTemplateIcon","_useAddTemplate2","IconButton","icon"],"sources":["AddTemplate.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { ReactComponent as InfoIcon } from \"@material-design-icons/svg/outlined/info.svg\";\nimport { ReactComponent as AddIcon } from \"@material-design-icons/svg/round/add_circle_outline.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { CmsDynamicZoneTemplate, CmsDynamicZoneTemplateWithTypename } from \"~/types\";\nimport { TemplateGallery } from \"./TemplateGallery\";\nimport { IconButton, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { useTemplateTypename } from \"~/admin/plugins/fieldRenderers/dynamicZone/useTemplateTypename\";\n\nconst AddIconContainer = styled.div`\n    text-align: center;\n    padding-top: 3px;\n`;\n\nconst AddButtonContainer = styled.div`\n    text-align: center;\n    margin-top: 20px;\n\n    :first-of-type {\n        margin-top: 0;\n    }\n`;\n\nconst Info = styled.div`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-top: 5px;\n\n    > svg {\n        width: 20px;\n        margin-right: 5px;\n    }\n`;\n\ninterface UseAddTemplateParams {\n    onTemplate: (template: CmsDynamicZoneTemplateWithTypename) => void;\n}\n\nfunction useAddTemplate(params: UseAddTemplateParams) {\n    const [showGallery, setShowGallery] = useState(false);\n    const { getFullTypename } = useTemplateTypename();\n\n    const browseTemplates = () => {\n        setShowGallery(true);\n    };\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        params.onTemplate({ ...template, __typename: getFullTypename(template) });\n        onGalleryClose();\n    };\n\n    const onGalleryClose = () => {\n        setShowGallery(false);\n    };\n\n    return {\n        showGallery,\n        browseTemplates,\n        onTemplate,\n        onGalleryClose\n    };\n}\n\ninterface AddTemplateProps {\n    label?: string;\n    onTemplate: UseAddTemplateParams[\"onTemplate\"];\n}\n\nexport const AddTemplateButton = (props: AddTemplateProps) => {\n    const { showGallery, onTemplate, browseTemplates, onGalleryClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddButtonContainer>\n            {showGallery ? (\n                <TemplateGallery onTemplate={onTemplate} onClose={onGalleryClose} />\n            ) : (\n                <>\n                    <ButtonSecondary onClick={browseTemplates}>+ Add a template</ButtonSecondary>\n                    <Info>\n                        <InfoIcon />\n                        <Typography use={\"caption\"}>\n                            Click here to learn how templates and dynamic zones work.\n                        </Typography>\n                    </Info>\n                </>\n            )}\n        </AddButtonContainer>\n    );\n};\n\nexport const AddTemplateIcon = (props: AddTemplateProps) => {\n    const { showGallery, onTemplate, browseTemplates, onGalleryClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddIconContainer>\n            {showGallery ? (\n                <TemplateGallery onTemplate={onTemplate} onClose={onGalleryClose} />\n            ) : (\n                <IconButton onClick={browseTemplates} icon={<AddIcon />} />\n            )}\n        </AddIconContainer>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","AddIcon","TemplateGallery","useTemplateTypename","Button","Dialog","AddTemplateButton","props","getFullTypename","onTemplate","template","__typename","createElement","className","size","trigger","variant","text","icon","title","info","Fragment","onClose"],"sources":["AddTemplate.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport type { CmsDynamicZoneTemplate, CmsDynamicZoneTemplateWithTypename } from \"~/types.js\";\nimport { TemplateGallery } from \"./TemplateGallery.js\";\nimport { useTemplateTypename } from \"~/admin/plugins/fieldRenderers/dynamicZone/useTemplateTypename.js\";\nimport { Button, Dialog } from \"@webiny/admin-ui\";\n\ninterface UseAddTemplateParams {\n    onTemplate: (template: CmsDynamicZoneTemplateWithTypename) => void;\n}\n\ninterface AddTemplateProps {\n    label?: string;\n    onTemplate: UseAddTemplateParams[\"onTemplate\"];\n}\n\nexport const AddTemplateButton = (props: AddTemplateProps) => {\n    const { getFullTypename } = useTemplateTypename();\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        props.onTemplate({ ...template, __typename: getFullTypename(template) });\n    };\n\n    return (\n        <div className={\"flex justify-between items-center\"}>\n            <Dialog\n                size={\"lg\"}\n                className={\"w-[800px]\"}\n                trigger={\n                    <Button\n                        size={\"sm\"}\n                        variant={\"tertiary\"}\n                        text={\"Add a template\"}\n                        icon={<AddIcon />}\n                    />\n                }\n                title=\"Insert a template\"\n                info={<></>}\n            >\n                <TemplateGallery onTemplate={onTemplate} onClose={() => {}} />\n            </Dialog>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AAEjE,SAASC,eAAe;AACxB,SAASC,mBAAmB;AAC5B,SAASC,MAAM,EAAEC,MAAM,QAAQ,kBAAkB;AAWjD,OAAO,MAAMC,iBAAiB,GAAIC,KAAuB,IAAK;EAC1D,MAAM;IAAEC;EAAgB,CAAC,GAAGL,mBAAmB,CAAC,CAAC;EAEjD,MAAMM,UAAU,GAAIC,QAAgC,IAAK;IACrDH,KAAK,CAACE,UAAU,CAAC;MAAE,GAAGC,QAAQ;MAAEC,UAAU,EAAEH,eAAe,CAACE,QAAQ;IAAE,CAAC,CAAC;EAC5E,CAAC;EAED,oBACIX,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAE;EAAoC,gBAChDd,KAAA,CAAAa,aAAA,CAACP,MAAM;IACHS,IAAI,EAAE,IAAK;IACXD,SAAS,EAAE,WAAY;IACvBE,OAAO,eACHhB,KAAA,CAAAa,aAAA,CAACR,MAAM;MACHU,IAAI,EAAE,IAAK;MACXE,OAAO,EAAE,UAAW;MACpBC,IAAI,EAAE,gBAAiB;MACvBC,IAAI,eAAEnB,KAAA,CAAAa,aAAA,CAACX,OAAO,MAAE;IAAE,CACrB,CACJ;IACDkB,KAAK,EAAC,mBAAmB;IACzBC,IAAI,eAAErB,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAsB,QAAA,MAAI;EAAE,gBAEZtB,KAAA,CAAAa,aAAA,CAACV,eAAe;IAACO,UAAU,EAAEA,UAAW;IAACa,OAAO,EAAEA,CAAA,KAAM,CAAC;EAAE,CAAE,CACzD,CACP,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { BindComponent, BindComponentRenderProp, CmsDynamicZoneTemplate, CmsModelFieldRendererProps, CmsModel, CmsModelField } from "../../../../types";
-declare type GetBind = CmsModelFieldRendererProps["getBind"];
+import type { BindComponent, BindComponentRenderProp, CmsDynamicZoneTemplate, CmsModelFieldRendererProps, CmsModel, CmsModelField } from "../../../../types.js";
+type GetBind = CmsModelFieldRendererProps["getBind"];
 export interface MultiValueItemContainerProps {
     value: TemplateValue;
     contentModel: CmsModel;
@@ -13,27 +13,52 @@ export interface MultiValueItemContainerProps {
     title: React.ReactNode;
     description: string;
     icon: JSX.Element;
+    actions?: JSX.Element;
     template: CmsDynamicZoneTemplate;
     children: React.ReactNode;
 }
-export declare const MultiValueItemContainer: import("@webiny/react-composition").GenericComponent<MultiValueItemContainerProps> & {
-    original: import("@webiny/react-composition").GenericComponent<MultiValueItemContainerProps>;
+export declare const MultiValueItemContainer: (({ children, ...props }: MultiValueItemContainerProps) => React.JSX.Element) & {
+    original: ({ children, ...props }: MultiValueItemContainerProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: MultiValueItemContainerProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    original: (({ children, ...props }: MultiValueItemContainerProps) => React.JSX.Element) & {
+        original: ({ children, ...props }: MultiValueItemContainerProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, ...props }: MultiValueItemContainerProps) => React.JSX.Element) & {
+        original: ({ children, ...props }: MultiValueItemContainerProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
 };
 export interface MultiValueItemItemProps {
     template: CmsDynamicZoneTemplate;
     contentModel: CmsModel;
     Bind: BindComponent;
 }
-export declare const MultiValueItem: import("@webiny/react-composition").GenericComponent<MultiValueItemItemProps> & {
-    original: import("@webiny/react-composition").GenericComponent<MultiValueItemItemProps>;
+export declare const MultiValueItem: ((props: MultiValueItemItemProps) => React.JSX.Element) & {
+    original: (props: MultiValueItemItemProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: MultiValueItemItemProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    original: ((props: MultiValueItemItemProps) => React.JSX.Element) & {
+        original: (props: MultiValueItemItemProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: MultiValueItemItemProps) => React.JSX.Element) & {
+        original: (props: MultiValueItemItemProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
 };
 interface TemplateValue {
     _templateId: string;
@@ -42,12 +67,24 @@ interface TemplateValue {
 export interface MultiValueContainerProps extends MultiValueDynamicZoneProps {
     children: React.ReactNode;
 }
-export declare const MultiValueContainer: import("@webiny/react-composition").GenericComponent<MultiValueContainerProps> & {
-    original: import("@webiny/react-composition").GenericComponent<MultiValueContainerProps>;
+export declare const MultiValueContainer: (({ children }: MultiValueContainerProps) => React.JSX.Element) & {
+    original: ({ children }: MultiValueContainerProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ children }: MultiValueContainerProps) => React.JSX.Element) & {
+        original: ({ children }: MultiValueContainerProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: MultiValueContainerProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children }: MultiValueContainerProps) => React.JSX.Element) & {
+        original: ({ children }: MultiValueContainerProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
 };
 interface MultiValueDynamicZoneProps {
     field: CmsModelField;

package/admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone.js

@@ -1,102 +1,91 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MultiValueItemContainer = exports.MultiValueItem = exports.MultiValueDynamicZone = exports.MultiValueContainer = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-var _Accordion = require("@webiny/ui/Accordion");
-var _delete_outline = require("@material-design-icons/svg/outlined/delete_outline.svg");
-var _library_add = require("@material-design-icons/svg/outlined/library_add.svg");
-var _expand_less = require("@material-design-icons/svg/round/expand_less.svg");
-var _expand_more = require("@material-design-icons/svg/round/expand_more.svg");
-var _AddTemplate = require("./AddTemplate");
-var _TemplateIcon = require("./TemplateIcon");
-var _hooks = require("../../../hooks");
-var _Fields = require("../../../components/ContentEntryForm/Fields");
-var _reactComposition = require("@webiny/react-composition");
-var _TemplateProvider = require("./TemplateProvider");
-var _ModelFieldProvider = require("../../../components/ModelFieldProvider");
-var _excluded = ["children"];
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var BottomMargin = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1mhu37c0"
-} : {
-  target: "e1mhu37c0",
-  label: "BottomMargin"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1azpx8r",
-  styles: "margin-bottom:20px"
-} : {
-  name: "1azpx8r",
-  styles: "margin-bottom:20px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk11bHRpVmFsdWVEeW5hbWljWm9uZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUIrQiIsImZpbGUiOiJNdWx0aVZhbHVlRHluYW1pY1pvbmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgY2xvbmVEZWVwIGZyb20gXCJsb2Rhc2gvY2xvbmVEZWVwXCI7XG5pbXBvcnQgeyBBY2NvcmRpb24sIEFjY29yZGlvbkl0ZW0gfSBmcm9tIFwiQHdlYmlueS91aS9BY2NvcmRpb25cIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIERlbGV0ZUljb24gfSBmcm9tIFwiQG1hdGVyaWFsLWRlc2lnbi1pY29ucy9zdmcvb3V0bGluZWQvZGVsZXRlX291dGxpbmUuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBDbG9uZUljb24gfSBmcm9tIFwiQG1hdGVyaWFsLWRlc2lnbi1pY29ucy9zdmcvb3V0bGluZWQvbGlicmFyeV9hZGQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBcnJvd1VwSWNvbiB9IGZyb20gXCJAbWF0ZXJpYWwtZGVzaWduLWljb25zL3N2Zy9yb3VuZC9leHBhbmRfbGVzcy5zdmdcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEFycm93RG93bkljb24gfSBmcm9tIFwiQG1hdGVyaWFsLWRlc2lnbi1pY29ucy9zdmcvcm91bmQvZXhwYW5kX21vcmUuc3ZnXCI7XG5pbXBvcnQgeyBBZGRUZW1wbGF0ZUJ1dHRvbiwgQWRkVGVtcGxhdGVJY29uIH0gZnJvbSBcIi4vQWRkVGVtcGxhdGVcIjtcbmltcG9ydCB7IFRlbXBsYXRlSWNvbiB9IGZyb20gXCIuL1RlbXBsYXRlSWNvblwiO1xuaW1wb3J0IHsgUGFyZW50RmllbGRQcm92aWRlciwgdXNlTW9kZWxGaWVsZCB9IGZyb20gXCJ+L2FkbWluL2hvb2tzXCI7XG5pbXBvcnQgeyBGaWVsZHMgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vRmllbGRzXCI7XG5pbXBvcnQge1xuICAgIEJpbmRDb21wb25lbnQsXG4gICAgQmluZENvbXBvbmVudFJlbmRlclByb3AsXG4gICAgQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSxcbiAgICBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wcyxcbiAgICBDbXNNb2RlbCxcbiAgICBDbXNNb2RlbEZpZWxkLFxuICAgIENtc0R5bmFtaWNab25lVGVtcGxhdGVXaXRoVHlwZW5hbWVcbn0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IG1ha2VEZWNvcmF0YWJsZSB9IGZyb20gXCJAd2ViaW55L3JlYWN0LWNvbXBvc2l0aW9uXCI7XG5pbXBvcnQgeyBUZW1wbGF0ZVByb3ZpZGVyIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9keW5hbWljWm9uZS9UZW1wbGF0ZVByb3ZpZGVyXCI7XG5pbXBvcnQgeyBQYXJlbnRWYWx1ZUluZGV4UHJvdmlkZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL01vZGVsRmllbGRQcm92aWRlclwiO1xuXG5jb25zdCBCb3R0b21NYXJnaW4gPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG5gO1xuXG50eXBlIEdldEJpbmQgPSBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wc1tcImdldEJpbmRcIl07XG5cbmV4cG9ydCBpbnRlcmZhY2UgTXVsdGlWYWx1ZUl0ZW1Db250YWluZXJQcm9wcyB7XG4gICAgdmFsdWU6IFRlbXBsYXRlVmFsdWU7XG4gICAgY29udGVudE1vZGVsOiBDbXNNb2RlbDtcbiAgICBpc0ZpcnN0OiBib29sZWFuO1xuICAgIGlzTGFzdDogYm9vbGVhbjtcbiAgICBvbk1vdmVVcDogKCkgPT4gdm9pZDtcbiAgICBvbk1vdmVEb3duOiAoKSA9PiB2b2lkO1xuICAgIG9uRGVsZXRlOiAoKSA9PiB2b2lkO1xuICAgIG9uQ2xvbmU6ICh2YWx1ZTogVGVtcGxhdGVWYWx1ZSkgPT4gdm9pZDtcbiAgICB0aXRsZTogUmVhY3QuUmVhY3ROb2RlO1xuICAgIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gICAgaWNvbjogSlNYLkVsZW1lbnQ7XG4gICAgdGVtcGxhdGU6IENtc0R5bmFtaWNab25lVGVtcGxhdGU7XG4gICAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IE11bHRpVmFsdWVJdGVtQ29udGFpbmVyID0gbWFrZURlY29yYXRhYmxlKFxuICAgIFwiTXVsdGlWYWx1ZUl0ZW1Db250YWluZXJcIixcbiAgICAoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfTogTXVsdGlWYWx1ZUl0ZW1Db250YWluZXJQcm9wcykgPT4ge1xuICAgICAgICBjb25zdCBhY3Rpb25zID0gKFxuICAgICAgICAgICAgPEFjY29yZGlvbkl0ZW0uQWN0aW9ucz5cbiAgICAgICAgICAgICAgICA8QWNjb3JkaW9uSXRlbS5BY3Rpb25cbiAgICAgICAgICAgICAgICAgICAgaWNvbj17PEFycm93VXBJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbk1vdmVVcH1cbiAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e3Byb3BzLmlzRmlyc3R9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8QWNjb3JkaW9uSXRlbS5BY3Rpb25cbiAgICAgICAgICAgICAgICAgICAgaWNvbj17PEFycm93RG93bkljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uTW92ZURvd259XG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtwcm9wcy5pc0xhc3R9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8QWNjb3JkaW9uSXRlbS5EaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgPEFjY29yZGlvbkl0ZW0uQWN0aW9uXG4gICAgICAgICAgICAgICAgICAgIGljb249ezxDbG9uZUljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHByb3BzLm9uQ2xvbmUocHJvcHMudmFsdWUpfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPEFjY29yZGlvbkl0ZW0uQWN0aW9uIGljb249ezxEZWxldGVJY29uIC8+fSBvbkNsaWNrPXtwcm9wcy5vbkRlbGV0ZX0gLz5cbiAgICAgICAgICAgIDwvQWNjb3JkaW9uSXRlbS5BY3Rpb25zPlxuICAgICAgICApO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8QWNjb3JkaW9uSXRlbVxuICAgICAgICAgICAgICAgIHRpdGxlPXtwcm9wcy50aXRsZX1cbiAgICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17cHJvcHMuZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgaWNvbj17cHJvcHMuaWNvbn1cbiAgICAgICAgICAgICAgICBhY3Rpb25zPXthY3Rpb25zfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvQWNjb3JkaW9uSXRlbT5cbiAgICAgICAgKTtcbiAgICB9XG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIE11bHRpVmFsdWVJdGVtSXRlbVByb3BzIHtcbiAgICB0ZW1wbGF0ZTogQ21zRHluYW1pY1pvbmVUZW1wbGF0ZTtcbiAgICBjb250ZW50TW9kZWw6IENtc01vZGVsO1xuICAgIEJpbmQ6IEJpbmRDb21wb25lbnQ7XG59XG5cbmV4cG9ydCBjb25zdCBNdWx0aVZhbHVlSXRlbSA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIk11bHRpVmFsdWVJdGVtXCIsXG4gICAgKHByb3BzOiBNdWx0aVZhbHVlSXRlbUl0ZW1Qcm9wcykgPT4ge1xuICAgICAgICBjb25zdCB7IHRlbXBsYXRlLCBCaW5kLCBjb250ZW50TW9kZWwgfSA9IHByb3BzO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8VGVtcGxhdGVQcm92aWRlciB0ZW1wbGF0ZT17dGVtcGxhdGV9PlxuICAgICAgICAgICAgICAgIDxGaWVsZHNcbiAgICAgICAgICAgICAgICAgICAgZmllbGRzPXt0ZW1wbGF0ZS5maWVsZHN9XG4gICAgICAgICAgICAgICAgICAgIGxheW91dD17dGVtcGxhdGUubGF5b3V0IHx8IFtdfVxuICAgICAgICAgICAgICAgICAgICBjb250ZW50TW9kZWw9e2NvbnRlbnRNb2RlbH1cbiAgICAgICAgICAgICAgICAgICAgQmluZD17QmluZH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9UZW1wbGF0ZVByb3ZpZGVyPlxuICAgICAgICApO1xuICAgIH1cbik7XG5cbmludGVyZmFjZSBUZW1wbGF0ZVZhbHVlIHtcbiAgICBfdGVtcGxhdGVJZDogc3RyaW5nO1xuICAgIFtrZXk6IHN0cmluZ106IGFueTtcbn1cblxuaW50ZXJmYWNlIFRlbXBsYXRlVmFsdWVGb3JtUHJvcHMge1xuICAgIHZhbHVlOiBUZW1wbGF0ZVZhbHVlO1xuICAgIGNvbnRlbnRNb2RlbDogQ21zTW9kZWw7XG4gICAgQmluZDogQmluZENvbXBvbmVudDtcbiAgICBpc0ZpcnN0OiBib29sZWFuO1xuICAgIGlzTGFzdDogYm9vbGVhbjtcbiAgICBvbk1vdmVVcDogKCkgPT4gdm9pZDtcbiAgICBvbk1vdmVEb3duOiAoKSA9PiB2b2lkO1xuICAgIG9uRGVsZXRlOiAoKSA9PiB2b2lkO1xuICAgIG9uQ2xvbmU6ICh2YWx1ZTogVGVtcGxhdGVWYWx1ZSkgPT4gdm9pZDtcbn1cblxuY29uc3QgVGVtcGxhdGVWYWx1ZUZvcm0gPSAoe1xuICAgIHZhbHVlLFxuICAgIGNvbnRlbnRNb2RlbCxcbiAgICBCaW5kLFxuICAgIGlzTGFzdCxcbiAgICBpc0ZpcnN0LFxuICAgIG9uTW92ZVVwLFxuICAgIG9uTW92ZURvd24sXG4gICAgb25EZWxldGUsXG4gICAgb25DbG9uZVxufTogVGVtcGxhdGVWYWx1ZUZvcm1Qcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgZmllbGQgfSA9IHVzZU1vZGVsRmllbGQoKTtcbiAgICBjb25zdCB0ZW1wbGF0ZXMgPSBmaWVsZC5zZXR0aW5ncz8udGVtcGxhdGVzIHx8IFtdO1xuXG4gICAgY29uc3QgdGVtcGxhdGU6IENtc0R5bmFtaWNab25lVGVtcGxhdGUgfCB1bmRlZmluZWQgPSB0ZW1wbGF0ZXMuZmluZChcbiAgICAgICAgdHBsID0+IHRwbC5pZCA9PT0gdmFsdWUuX3RlbXBsYXRlSWRcbiAgICApO1xuXG4gICAgaWYgKCF0ZW1wbGF0ZSkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8TXVsdGlWYWx1ZUl0ZW1Db250YWluZXJcbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIGNvbnRlbnRNb2RlbD17Y29udGVudE1vZGVsfVxuICAgICAgICAgICAgaXNGaXJzdD17aXNGaXJzdH1cbiAgICAgICAgICAgIGlzTGFzdD17aXNMYXN0fVxuICAgICAgICAgICAgb25DbG9uZT17b25DbG9uZX1cbiAgICAgICAgICAgIG9uRGVsZXRlPXtvbkRlbGV0ZX1cbiAgICAgICAgICAgIG9uTW92ZVVwPXtvbk1vdmVVcH1cbiAgICAgICAgICAgIG9uTW92ZURvd249e29uTW92ZURvd259XG4gICAgICAgICAgICB0aXRsZT17dGVtcGxhdGUubmFtZX1cbiAgICAgICAgICAgIGRlc2NyaXB0aW9uPXt0ZW1wbGF0ZS5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIGljb249ezxUZW1wbGF0ZUljb24gaWNvbj17dGVtcGxhdGUuaWNvbn0gLz59XG4gICAgICAgICAgICB0ZW1wbGF0ZT17dGVtcGxhdGV9XG4gICAgICAgID5cbiAgICAgICAgICAgIDxNdWx0aVZhbHVlSXRlbSB0ZW1wbGF0ZT17dGVtcGxhdGV9IGNvbnRlbnRNb2RlbD17Y29udGVudE1vZGVsfSBCaW5kPXtCaW5kfSAvPlxuICAgICAgICA8L011bHRpVmFsdWVJdGVtQ29udGFpbmVyPlxuICAgICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIE11bHRpVmFsdWVDb250YWluZXJQcm9wcyBleHRlbmRzIE11bHRpVmFsdWVEeW5hbWljWm9uZVByb3BzIHtcbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgTXVsdGlWYWx1ZUNvbnRhaW5lciA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIk11bHRpVmFsdWVDb250YWluZXJcIixcbiAgICAoeyBjaGlsZHJlbiB9OiBNdWx0aVZhbHVlQ29udGFpbmVyUHJvcHMpID0+IHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxBY2NvcmRpb24+XG4gICAgICAgICAgICAgICAgPD57Y2hpbGRyZW59PC8+XG4gICAgICAgICAgICA8L0FjY29yZGlvbj5cbiAgICAgICAgKTtcbiAgICB9XG4pO1xuXG5pbnRlcmZhY2UgTXVsdGlWYWx1ZUR5bmFtaWNab25lUHJvcHMge1xuICAgIC8vIFRPRE86IHRoaXMgcHJvcCBtaWdodCBiZSB1c2VsZXNzLCBiZWNhdXNlIHdlIG5vdyBoYXZlIGEgYHVzZU1vZGVsRmllbGRgIGhvb2suXG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgYmluZDogQmluZENvbXBvbmVudFJlbmRlclByb3A7XG4gICAgY29udGVudE1vZGVsOiBDbXNNb2RlbDtcbiAgICBnZXRCaW5kOiBHZXRCaW5kO1xufVxuXG5leHBvcnQgY29uc3QgTXVsdGlWYWx1ZUR5bmFtaWNab25lID0gKHByb3BzOiBNdWx0aVZhbHVlRHluYW1pY1pvbmVQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgYmluZCwgZ2V0QmluZCwgY29udGVudE1vZGVsIH0gPSBwcm9wcztcbiAgICBjb25zdCBvblRlbXBsYXRlID0gKHRlbXBsYXRlOiBDbXNEeW5hbWljWm9uZVRlbXBsYXRlV2l0aFR5cGVuYW1lKSA9PiB7XG4gICAgICAgIGJpbmQuYXBwZW5kVmFsdWUoeyBfdGVtcGxhdGVJZDogdGVtcGxhdGUuaWQsIF9fdHlwZW5hbWU6IHRlbXBsYXRlLl9fdHlwZW5hbWUgfSk7XG4gICAgfTtcblxuICAgIGNvbnN0IGNsb25lVmFsdWUgPSAodmFsdWU6IFRlbXBsYXRlVmFsdWUsIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgICAgYmluZC5hcHBlbmRWYWx1ZShjbG9uZURlZXAodmFsdWUpLCBpbmRleCArIDEpO1xuICAgIH07XG5cbiAgICBjb25zdCB2YWx1ZXM6IFRlbXBsYXRlVmFsdWVbXSA9IGJpbmQudmFsdWUgfHwgW107XG4gICAgY29uc3QgaGFzVmFsdWVzID0gdmFsdWVzLmxlbmd0aCA+IDA7XG5cbiAgICBjb25zdCBCaW5kID0gZ2V0QmluZCgpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIHtoYXNWYWx1ZXMgPyAoXG4gICAgICAgICAgICAgICAgPFBhcmVudEZpZWxkUHJvdmlkZXIgdmFsdWU9e2JpbmQudmFsdWV9IHBhdGg9e0JpbmQucGFyZW50TmFtZX0+XG4gICAgICAgICAgICAgICAgICAgIDxNdWx0aVZhbHVlQ29udGFpbmVyIHsuLi5wcm9wc30+XG4gICAgICAgICAgICAgICAgICAgICAgICB7dmFsdWVzLm1hcCgodmFsdWUsIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgQmluZCA9IGdldEJpbmQoaW5kZXgpO1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFBhcmVudFZhbHVlSW5kZXhQcm92aWRlciBrZXk9e2luZGV4fSBpbmRleD17aW5kZXh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRlbXBsYXRlVmFsdWVGb3JtXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnRNb2RlbD17Y29udGVudE1vZGVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEJpbmQ9e0JpbmR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaXNGaXJzdD17aW5kZXggPT09IDB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaXNMYXN0PXtpbmRleCA9PT0gdmFsdWVzLmxlbmd0aCAtIDF9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25Nb3ZlVXA9eygpID0+IGJpbmQubW92ZVZhbHVlVXAoaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uTW92ZURvd249eygpID0+IGJpbmQubW92ZVZhbHVlRG93bihpbmRleCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25EZWxldGU9eygpID0+IGJpbmQucmVtb3ZlVmFsdWUoaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xvbmU9e3ZhbHVlID0+IGNsb25lVmFsdWUodmFsdWUsIGluZGV4KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvUGFyZW50VmFsdWVJbmRleFByb3ZpZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgICAgPC9NdWx0aVZhbHVlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDwvUGFyZW50RmllbGRQcm92aWRlcj5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAge2hhc1ZhbHVlcyA/IChcbiAgICAgICAgICAgICAgICA8QWRkVGVtcGxhdGVJY29uIG9uVGVtcGxhdGU9e29uVGVtcGxhdGV9IC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxCb3R0b21NYXJnaW4+XG4gICAgICAgICAgICAgICAgICAgIDxBZGRUZW1wbGF0ZUJ1dHRvbiBvblRlbXBsYXRlPXtvblRlbXBsYXRlfSAvPlxuICAgICAgICAgICAgICAgIDwvQm90dG9tTWFyZ2luPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var MultiValueItemContainer = exports.MultiValueItemContainer = (0, _reactComposition.makeDecoratable)("MultiValueItemContainer", function (_ref) {
-  var children = _ref.children,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var actions = /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Actions, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Action, {
-    icon: /*#__PURE__*/_react.default.createElement(_expand_less.ReactComponent, null),
+import React from "react";
+import cloneDeep from "lodash/cloneDeep.js";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete_outline.svg";
+import { ReactComponent as CloneIcon } from "@webiny/icons/library_add.svg";
+import { ReactComponent as ArrowUpIcon } from "@webiny/icons/expand_less.svg";
+import { ReactComponent as ArrowDownIcon } from "@webiny/icons/expand_more.svg";
+import { AddTemplateButton } from "./AddTemplate.js";
+import { TemplateIcon } from "./TemplateIcon.js";
+import { ParentFieldProvider, useModelField } from "../../../hooks/index.js";
+import { Fields } from "../../../components/ContentEntryForm/Fields.js";
+import { makeDecoratable } from "@webiny/react-composition";
+import { TemplateProvider } from "./TemplateProvider.js";
+import { ParentValueIndexProvider } from "../../../components/ModelFieldProvider/index.js";
+import { useConfirmationDialog } from "@webiny/app-admin";
+import { Accordion, Tooltip } from "@webiny/admin-ui";
+export const MultiValueItemContainer = makeDecoratable("MultiValueItemContainer", ({
+  children,
+  ...props
+}) => {
+  const actions = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion.Item.Action, {
+    icon: /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: /*#__PURE__*/React.createElement(ArrowUpIcon, null),
+      content: "Move up"
+    }),
     onClick: props.onMoveUp,
     disabled: props.isFirst
-  }), /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Action, {
-    icon: /*#__PURE__*/_react.default.createElement(_expand_more.ReactComponent, null),
+  }), /*#__PURE__*/React.createElement(Accordion.Item.Action, {
+    icon: /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: /*#__PURE__*/React.createElement(ArrowDownIcon, null),
+      content: "Move down"
+    }),
     onClick: props.onMoveDown,
     disabled: props.isLast
-  }), /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Divider, null), /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Action, {
-    icon: /*#__PURE__*/_react.default.createElement(_library_add.ReactComponent, null),
-    onClick: function onClick() {
-      return props.onClone(props.value);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Action, {
-    icon: /*#__PURE__*/_react.default.createElement(_delete_outline.ReactComponent, null),
+  }), /*#__PURE__*/React.createElement(Accordion.Item.Action.Separator, null), props.actions ? /*#__PURE__*/React.createElement(React.Fragment, null, props.actions) : null, /*#__PURE__*/React.createElement(Accordion.Item.Action, {
+    icon: /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: /*#__PURE__*/React.createElement(CloneIcon, null),
+      content: "Duplicate"
+    }),
+    onClick: () => props.onClone(props.value)
+  }), /*#__PURE__*/React.createElement(Accordion.Item.Action, {
+    icon: /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: /*#__PURE__*/React.createElement(DeleteIcon, null),
+      content: "Delete"
+    }),
     onClick: props.onDelete
   }));
-  return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
+  return /*#__PURE__*/React.createElement(Accordion.Item, {
     title: props.title,
     description: props.description,
     icon: props.icon,
     actions: actions
   }, children);
 });
-var MultiValueItem = exports.MultiValueItem = (0, _reactComposition.makeDecoratable)("MultiValueItem", function (props) {
-  var template = props.template,
-    Bind = props.Bind,
-    contentModel = props.contentModel;
-  return /*#__PURE__*/_react.default.createElement(_TemplateProvider.TemplateProvider, {
+export const MultiValueItem = makeDecoratable("MultiValueItem", props => {
+  const {
+    template,
+    Bind,
+    contentModel
+  } = props;
+  return /*#__PURE__*/React.createElement(TemplateProvider, {
     template: template
-  }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
+  }, /*#__PURE__*/React.createElement(Fields, {
     fields: template.fields,
     layout: template.layout || [],
     contentModel: contentModel,
     Bind: Bind
   }));
 });
-var TemplateValueForm = function TemplateValueForm(_ref2) {
-  var value = _ref2.value,
-    contentModel = _ref2.contentModel,
-    Bind = _ref2.Bind,
-    isLast = _ref2.isLast,
-    isFirst = _ref2.isFirst,
-    onMoveUp = _ref2.onMoveUp,
-    onMoveDown = _ref2.onMoveDown,
-    onDelete = _ref2.onDelete,
-    onClone = _ref2.onClone;
-  var _useModelField = (0, _hooks.useModelField)(),
-    field = _useModelField.field;
-  var templates = field.settings?.templates || [];
-  var template = templates.find(function (tpl) {
-    return tpl.id === value._templateId;
-  });
+const TemplateValueForm = ({
+  value,
+  contentModel,
+  Bind,
+  isLast,
+  isFirst,
+  onMoveUp,
+  onMoveDown,
+  onDelete,
+  onClone
+}) => {
+  const {
+    field
+  } = useModelField();
+  const templates = field.settings?.templates || [];
+  const template = templates.find(tpl => tpl.id === value._templateId);
   if (!template) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(MultiValueItemContainer, {
+  return /*#__PURE__*/React.createElement(MultiValueItemContainer, {
     value: value,
     contentModel: contentModel,
     isFirst: isFirst,
@@ -107,68 +96,78 @@ var TemplateValueForm = function TemplateValueForm(_ref2) {
     onMoveDown: onMoveDown,
     title: template.name,
     description: template.description,
-    icon: /*#__PURE__*/_react.default.createElement(_TemplateIcon.TemplateIcon, {
+    icon: /*#__PURE__*/React.createElement(TemplateIcon, {
       icon: template.icon
     }),
     template: template
-  }, /*#__PURE__*/_react.default.createElement(MultiValueItem, {
+  }, /*#__PURE__*/React.createElement(MultiValueItem, {
     template: template,
     contentModel: contentModel,
     Bind: Bind
   }));
 };
-var MultiValueContainer = exports.MultiValueContainer = (0, _reactComposition.makeDecoratable)("MultiValueContainer", function (_ref3) {
-  var children = _ref3.children;
-  return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children));
+export const MultiValueContainer = makeDecoratable("MultiValueContainer", ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Accordion, {
+    variant: "container",
+    className: "gap-md"
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, children));
 });
-var MultiValueDynamicZone = exports.MultiValueDynamicZone = function MultiValueDynamicZone(props) {
-  var bind = props.bind,
-    getBind = props.getBind,
-    contentModel = props.contentModel;
-  var onTemplate = function onTemplate(template) {
+export const MultiValueDynamicZone = props => {
+  const {
+    showConfirmation
+  } = useConfirmationDialog({
+    message: `Are you sure you want to delete this item? This action is not reversible.`,
+    acceptLabel: `Yes, I'm sure!`,
+    cancelLabel: `No, leave it.`
+  });
+  const {
+    bind,
+    getBind,
+    contentModel
+  } = props;
+  const onTemplate = template => {
     bind.appendValue({
       _templateId: template.id,
       __typename: template.__typename
     });
   };
-  var cloneValue = function cloneValue(value, index) {
-    bind.appendValue((0, _cloneDeep.default)(value), index + 1);
+  const cloneValue = (value, index) => {
+    bind.appendValue(cloneDeep(value), index + 1);
   };
-  var values = bind.value || [];
-  var hasValues = values.length > 0;
-  var Bind = getBind();
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hasValues ? /*#__PURE__*/_react.default.createElement(_hooks.ParentFieldProvider, {
+  const values = bind.value || [];
+  const hasValues = values.length > 0;
+  const Bind = getBind();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-y-lg"
+  }, hasValues ? /*#__PURE__*/React.createElement(ParentFieldProvider, {
     value: bind.value,
     path: Bind.parentName
-  }, /*#__PURE__*/_react.default.createElement(MultiValueContainer, props, values.map(function (value, index) {
-    var Bind = getBind(index);
-    return /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ParentValueIndexProvider, {
+  }, /*#__PURE__*/React.createElement(MultiValueContainer, props, values.map((value, index) => {
+    const Bind = getBind(index);
+    const onDelete = () => {
+      showConfirmation(() => {
+        bind.removeValue(index);
+      });
+    };
+    return /*#__PURE__*/React.createElement(ParentValueIndexProvider, {
       key: index,
       index: index
-    }, /*#__PURE__*/_react.default.createElement(TemplateValueForm, {
+    }, /*#__PURE__*/React.createElement(Bind, null, () => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(TemplateValueForm, {
       value: value,
       contentModel: contentModel,
       Bind: Bind,
       isFirst: index === 0,
       isLast: index === values.length - 1,
-      onMoveUp: function onMoveUp() {
-        return bind.moveValueUp(index);
-      },
-      onMoveDown: function onMoveDown() {
-        return bind.moveValueDown(index);
-      },
-      onDelete: function onDelete() {
-        return bind.removeValue(index);
-      },
-      onClone: function onClone(value) {
-        return cloneValue(value, index);
-      }
-    }));
-  }))) : null, hasValues ? /*#__PURE__*/_react.default.createElement(_AddTemplate.AddTemplateIcon, {
+      onMoveUp: () => bind.moveValueUp(index),
+      onMoveDown: () => bind.moveValueDown(index),
+      onDelete: onDelete,
+      onClone: value => cloneValue(value, index)
+    }))));
+  }))) : null, /*#__PURE__*/React.createElement(AddTemplateButton, {
     onTemplate: onTemplate
-  }) : /*#__PURE__*/_react.default.createElement(BottomMargin, null, /*#__PURE__*/_react.default.createElement(_AddTemplate.AddTemplateButton, {
-    onTemplate: onTemplate
-  })));
+  }));
 };
 
 //# sourceMappingURL=MultiValueDynamicZone.js.map

package/admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_cloneDeep","_Accordion","_delete_outline","_library_add","_expand_less","_expand_more","_AddTemplate","_TemplateIcon","_hooks","_Fields","_reactComposition","_TemplateProvider","_ModelFieldProvider","_excluded","_EMOTION_STRINGIFIED_CSS_ERROR__","BottomMargin","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","MultiValueItemContainer","exports","makeDecoratable","_ref","children","props","_objectWithoutProperties2","actions","createElement","AccordionItem","Actions","Action","icon","ReactComponent","onClick","onMoveUp","disabled","isFirst","onMoveDown","isLast","Divider","onClone","value","onDelete","title","description","MultiValueItem","template","Bind","contentModel","TemplateProvider","Fields","fields","layout","TemplateValueForm","_ref2","_useModelField","useModelField","field","templates","settings","find","tpl","id","_templateId","TemplateIcon","MultiValueContainer","_ref3","Accordion","Fragment","MultiValueDynamicZone","bind","getBind","onTemplate","appendValue","__typename","cloneValue","index","cloneDeep","values","hasValues","length","ParentFieldProvider","path","parentName","ParentValueIndexProvider","key","moveValueUp","moveValueDown","removeValue","AddTemplateIcon","AddTemplateButton"],"sources":["MultiValueDynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { ReactComponent as CloneIcon } from \"@material-design-icons/svg/outlined/library_add.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@material-design-icons/svg/round/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@material-design-icons/svg/round/expand_more.svg\";\nimport { AddTemplateButton, AddTemplateIcon } from \"./AddTemplate\";\nimport { TemplateIcon } from \"./TemplateIcon\";\nimport { ParentFieldProvider, useModelField } from \"~/admin/hooks\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport {\n    BindComponent,\n    BindComponentRenderProp,\n    CmsDynamicZoneTemplate,\n    CmsModelFieldRendererProps,\n    CmsModel,\n    CmsModelField,\n    CmsDynamicZoneTemplateWithTypename\n} from \"~/types\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { TemplateProvider } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateProvider\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\n\nconst BottomMargin = styled.div`\n    margin-bottom: 20px;\n`;\n\ntype GetBind = CmsModelFieldRendererProps[\"getBind\"];\n\nexport interface MultiValueItemContainerProps {\n    value: TemplateValue;\n    contentModel: CmsModel;\n    isFirst: boolean;\n    isLast: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    onClone: (value: TemplateValue) => void;\n    title: React.ReactNode;\n    description: string;\n    icon: JSX.Element;\n    template: CmsDynamicZoneTemplate;\n    children: React.ReactNode;\n}\n\nexport const MultiValueItemContainer = makeDecoratable(\n    \"MultiValueItemContainer\",\n    ({ children, ...props }: MultiValueItemContainerProps) => {\n        const actions = (\n            <AccordionItem.Actions>\n                <AccordionItem.Action\n                    icon={<ArrowUpIcon />}\n                    onClick={props.onMoveUp}\n                    disabled={props.isFirst}\n                />\n                <AccordionItem.Action\n                    icon={<ArrowDownIcon />}\n                    onClick={props.onMoveDown}\n                    disabled={props.isLast}\n                />\n                <AccordionItem.Divider />\n                <AccordionItem.Action\n                    icon={<CloneIcon />}\n                    onClick={() => props.onClone(props.value)}\n                />\n                <AccordionItem.Action icon={<DeleteIcon />} onClick={props.onDelete} />\n            </AccordionItem.Actions>\n        );\n\n        return (\n            <AccordionItem\n                title={props.title}\n                description={props.description}\n                icon={props.icon}\n                actions={actions}\n            >\n                {children}\n            </AccordionItem>\n        );\n    }\n);\n\nexport interface MultiValueItemItemProps {\n    template: CmsDynamicZoneTemplate;\n    contentModel: CmsModel;\n    Bind: BindComponent;\n}\n\nexport const MultiValueItem = makeDecoratable(\n    \"MultiValueItem\",\n    (props: MultiValueItemItemProps) => {\n        const { template, Bind, contentModel } = props;\n\n        return (\n            <TemplateProvider template={template}>\n                <Fields\n                    fields={template.fields}\n                    layout={template.layout || []}\n                    contentModel={contentModel}\n                    Bind={Bind}\n                />\n            </TemplateProvider>\n        );\n    }\n);\n\ninterface TemplateValue {\n    _templateId: string;\n    [key: string]: any;\n}\n\ninterface TemplateValueFormProps {\n    value: TemplateValue;\n    contentModel: CmsModel;\n    Bind: BindComponent;\n    isFirst: boolean;\n    isLast: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    onClone: (value: TemplateValue) => void;\n}\n\nconst TemplateValueForm = ({\n    value,\n    contentModel,\n    Bind,\n    isLast,\n    isFirst,\n    onMoveUp,\n    onMoveDown,\n    onDelete,\n    onClone\n}: TemplateValueFormProps) => {\n    const { field } = useModelField();\n    const templates = field.settings?.templates || [];\n\n    const template: CmsDynamicZoneTemplate | undefined = templates.find(\n        tpl => tpl.id === value._templateId\n    );\n\n    if (!template) {\n        return null;\n    }\n\n    return (\n        <MultiValueItemContainer\n            value={value}\n            contentModel={contentModel}\n            isFirst={isFirst}\n            isLast={isLast}\n            onClone={onClone}\n            onDelete={onDelete}\n            onMoveUp={onMoveUp}\n            onMoveDown={onMoveDown}\n            title={template.name}\n            description={template.description}\n            icon={<TemplateIcon icon={template.icon} />}\n            template={template}\n        >\n            <MultiValueItem template={template} contentModel={contentModel} Bind={Bind} />\n        </MultiValueItemContainer>\n    );\n};\n\nexport interface MultiValueContainerProps extends MultiValueDynamicZoneProps {\n    children: React.ReactNode;\n}\n\nexport const MultiValueContainer = makeDecoratable(\n    \"MultiValueContainer\",\n    ({ children }: MultiValueContainerProps) => {\n        return (\n            <Accordion>\n                <>{children}</>\n            </Accordion>\n        );\n    }\n);\n\ninterface MultiValueDynamicZoneProps {\n    // TODO: this prop might be useless, because we now have a `useModelField` hook.\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    contentModel: CmsModel;\n    getBind: GetBind;\n}\n\nexport const MultiValueDynamicZone = (props: MultiValueDynamicZoneProps) => {\n    const { bind, getBind, contentModel } = props;\n    const onTemplate = (template: CmsDynamicZoneTemplateWithTypename) => {\n        bind.appendValue({ _templateId: template.id, __typename: template.__typename });\n    };\n\n    const cloneValue = (value: TemplateValue, index: number) => {\n        bind.appendValue(cloneDeep(value), index + 1);\n    };\n\n    const values: TemplateValue[] = bind.value || [];\n    const hasValues = values.length > 0;\n\n    const Bind = getBind();\n\n    return (\n        <>\n            {hasValues ? (\n                <ParentFieldProvider value={bind.value} path={Bind.parentName}>\n                    <MultiValueContainer {...props}>\n                        {values.map((value, index) => {\n                            const Bind = getBind(index);\n\n                            return (\n                                <ParentValueIndexProvider key={index} index={index}>\n                                    <TemplateValueForm\n                                        value={value}\n                                        contentModel={contentModel}\n                                        Bind={Bind}\n                                        isFirst={index === 0}\n                                        isLast={index === values.length - 1}\n                                        onMoveUp={() => bind.moveValueUp(index)}\n                                        onMoveDown={() => bind.moveValueDown(index)}\n                                        onDelete={() => bind.removeValue(index)}\n                                        onClone={value => cloneValue(value, index)}\n                                    />\n                                </ParentValueIndexProvider>\n                            );\n                        })}\n                    </MultiValueContainer>\n                </ParentFieldProvider>\n            ) : null}\n            {hasValues ? (\n                <AddTemplateIcon onTemplate={onTemplate} />\n            ) : (\n                <BottomMargin>\n                    <AddTemplateButton onTemplate={onTemplate} />\n                </BottomMargin>\n            )}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","cloneDeep","ReactComponent","DeleteIcon","CloneIcon","ArrowUpIcon","ArrowDownIcon","AddTemplateButton","TemplateIcon","ParentFieldProvider","useModelField","Fields","makeDecoratable","TemplateProvider","ParentValueIndexProvider","useConfirmationDialog","Accordion","Tooltip","MultiValueItemContainer","children","props","actions","createElement","Fragment","Item","Action","icon","trigger","content","onClick","onMoveUp","disabled","isFirst","onMoveDown","isLast","Separator","onClone","value","onDelete","title","description","MultiValueItem","template","Bind","contentModel","fields","layout","TemplateValueForm","field","templates","settings","find","tpl","id","_templateId","name","MultiValueContainer","variant","className","MultiValueDynamicZone","showConfirmation","message","acceptLabel","cancelLabel","bind","getBind","onTemplate","appendValue","__typename","cloneValue","index","values","hasValues","length","path","parentName","map","removeValue","key","ValidationContainer","moveValueUp","moveValueDown"],"sources":["MultiValueDynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport cloneDeep from \"lodash/cloneDeep.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as CloneIcon } from \"@webiny/icons/library_add.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@webiny/icons/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@webiny/icons/expand_more.svg\";\nimport { AddTemplateButton } from \"./AddTemplate.js\";\nimport { TemplateIcon } from \"./TemplateIcon.js\";\nimport { ParentFieldProvider, useModelField } from \"~/admin/hooks/index.js\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields.js\";\nimport type {\n    BindComponent,\n    BindComponentRenderProp,\n    CmsDynamicZoneTemplate,\n    CmsModelFieldRendererProps,\n    CmsModel,\n    CmsModelField,\n    CmsDynamicZoneTemplateWithTypename\n} from \"~/types.js\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { TemplateProvider } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateProvider.js\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { Accordion, Tooltip } from \"@webiny/admin-ui\";\n\ntype GetBind = CmsModelFieldRendererProps[\"getBind\"];\n\nexport interface MultiValueItemContainerProps {\n    value: TemplateValue;\n    contentModel: CmsModel;\n    isFirst: boolean;\n    isLast: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    onClone: (value: TemplateValue) => void;\n    title: React.ReactNode;\n    description: string;\n    icon: JSX.Element;\n    actions?: JSX.Element;\n    template: CmsDynamicZoneTemplate;\n    children: React.ReactNode;\n}\n\nexport const MultiValueItemContainer = makeDecoratable(\n    \"MultiValueItemContainer\",\n    ({ children, ...props }: MultiValueItemContainerProps) => {\n        const actions = (\n            <>\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<ArrowUpIcon />} content={\"Move up\"} />}\n                    onClick={props.onMoveUp}\n                    disabled={props.isFirst}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<ArrowDownIcon />} content={\"Move down\"} />}\n                    onClick={props.onMoveDown}\n                    disabled={props.isLast}\n                />\n                <Accordion.Item.Action.Separator />\n                {props.actions ? <>{props.actions}</> : null}\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<CloneIcon />} content={\"Duplicate\"} />}\n                    onClick={() => props.onClone(props.value)}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<DeleteIcon />} content={\"Delete\"} />}\n                    onClick={props.onDelete}\n                />\n            </>\n        );\n\n        return (\n            <Accordion.Item\n                title={props.title}\n                description={props.description}\n                icon={props.icon}\n                actions={actions}\n            >\n                {children}\n            </Accordion.Item>\n        );\n    }\n);\n\nexport interface MultiValueItemItemProps {\n    template: CmsDynamicZoneTemplate;\n    contentModel: CmsModel;\n    Bind: BindComponent;\n}\n\nexport const MultiValueItem = makeDecoratable(\n    \"MultiValueItem\",\n    (props: MultiValueItemItemProps) => {\n        const { template, Bind, contentModel } = props;\n\n        return (\n            <TemplateProvider template={template}>\n                <Fields\n                    fields={template.fields}\n                    layout={template.layout || []}\n                    contentModel={contentModel}\n                    Bind={Bind}\n                />\n            </TemplateProvider>\n        );\n    }\n);\n\ninterface TemplateValue {\n    _templateId: string;\n    [key: string]: any;\n}\n\ninterface TemplateValueFormProps {\n    value: TemplateValue;\n    contentModel: CmsModel;\n    Bind: BindComponent;\n    isFirst: boolean;\n    isLast: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    onClone: (value: TemplateValue) => void;\n}\n\nconst TemplateValueForm = ({\n    value,\n    contentModel,\n    Bind,\n    isLast,\n    isFirst,\n    onMoveUp,\n    onMoveDown,\n    onDelete,\n    onClone\n}: TemplateValueFormProps) => {\n    const { field } = useModelField();\n    const templates = field.settings?.templates || [];\n\n    const template: CmsDynamicZoneTemplate | undefined = templates.find(\n        tpl => tpl.id === value._templateId\n    );\n\n    if (!template) {\n        return null;\n    }\n\n    return (\n        <MultiValueItemContainer\n            value={value}\n            contentModel={contentModel}\n            isFirst={isFirst}\n            isLast={isLast}\n            onClone={onClone}\n            onDelete={onDelete}\n            onMoveUp={onMoveUp}\n            onMoveDown={onMoveDown}\n            title={template.name}\n            description={template.description}\n            icon={<TemplateIcon icon={template.icon} />}\n            template={template}\n        >\n            <MultiValueItem template={template} contentModel={contentModel} Bind={Bind} />\n        </MultiValueItemContainer>\n    );\n};\n\nexport interface MultiValueContainerProps extends MultiValueDynamicZoneProps {\n    children: React.ReactNode;\n}\n\nexport const MultiValueContainer = makeDecoratable(\n    \"MultiValueContainer\",\n    ({ children }: MultiValueContainerProps) => {\n        return (\n            <Accordion variant={\"container\"} className={\"gap-md\"}>\n                <>{children}</>\n            </Accordion>\n        );\n    }\n);\n\ninterface MultiValueDynamicZoneProps {\n    // TODO: this prop might be useless, because we now have a `useModelField` hook.\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    contentModel: CmsModel;\n    getBind: GetBind;\n}\n\nexport const MultiValueDynamicZone = (props: MultiValueDynamicZoneProps) => {\n    const { showConfirmation } = useConfirmationDialog({\n        message: `Are you sure you want to delete this item? This action is not reversible.`,\n        acceptLabel: `Yes, I'm sure!`,\n        cancelLabel: `No, leave it.`\n    });\n\n    const { bind, getBind, contentModel } = props;\n    const onTemplate = (template: CmsDynamicZoneTemplateWithTypename) => {\n        bind.appendValue({ _templateId: template.id, __typename: template.__typename });\n    };\n\n    const cloneValue = (value: TemplateValue, index: number) => {\n        bind.appendValue(cloneDeep(value), index + 1);\n    };\n\n    const values: TemplateValue[] = bind.value || [];\n    const hasValues = values.length > 0;\n\n    const Bind = getBind();\n\n    return (\n        <div className={\"flex flex-col gap-y-lg\"}>\n            {hasValues ? (\n                <ParentFieldProvider value={bind.value} path={Bind.parentName}>\n                    <MultiValueContainer {...props}>\n                        {values.map((value, index) => {\n                            const Bind = getBind(index);\n\n                            const onDelete = () => {\n                                showConfirmation(() => {\n                                    bind.removeValue(index);\n                                });\n                            };\n\n                            return (\n                                <ParentValueIndexProvider key={index} index={index}>\n                                    <Bind>\n                                        {() => (\n                                            <Bind.ValidationContainer>\n                                                <TemplateValueForm\n                                                    value={value}\n                                                    contentModel={contentModel}\n                                                    Bind={Bind}\n                                                    isFirst={index === 0}\n                                                    isLast={index === values.length - 1}\n                                                    onMoveUp={() => bind.moveValueUp(index)}\n                                                    onMoveDown={() => bind.moveValueDown(index)}\n                                                    onDelete={onDelete}\n                                                    onClone={value => cloneValue(value, index)}\n                                                />\n                                            </Bind.ValidationContainer>\n                                        )}\n                                    </Bind>\n                                </ParentValueIndexProvider>\n                            );\n                        })}\n                    </MultiValueContainer>\n                </ParentFieldProvider>\n            ) : null}\n            <AddTemplateButton onTemplate={onTemplate} />\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/dynamicZone/SingleValueDynamicZone.d.ts

@@ -1,11 +1,45 @@
 import React from "react";
-import { BindComponentRenderProp, CmsModelFieldRendererProps, CmsModel, CmsModelField } from "../../../../types";
-declare type GetBind = CmsModelFieldRendererProps["getBind"];
+import type { BindComponentRenderProp, CmsDynamicZoneTemplate, CmsModelFieldRendererProps, CmsModel, CmsModelField } from "../../../../types.js";
+type GetBind = CmsModelFieldRendererProps["getBind"];
 interface SingleValueDynamicZoneProps {
     field: CmsModelField;
     bind: BindComponentRenderProp;
     contentModel: CmsModel;
     getBind: GetBind;
 }
+interface TemplateValue {
+    _templateId: string;
+    [key: string]: any;
+}
+export interface SingleValueItemContainerProps {
+    value: TemplateValue;
+    contentModel: CmsModel;
+    onDelete: () => void;
+    title: React.ReactNode;
+    description: string;
+    icon: JSX.Element;
+    actions?: JSX.Element;
+    template: CmsDynamicZoneTemplate;
+    children: React.ReactNode;
+}
+export declare const SingleValueItemContainer: ((props: SingleValueItemContainerProps) => React.JSX.Element) & {
+    original: (props: SingleValueItemContainerProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: SingleValueItemContainerProps) => React.JSX.Element) & {
+        original: (props: SingleValueItemContainerProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: SingleValueItemContainerProps) => React.JSX.Element) & {
+        original: (props: SingleValueItemContainerProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
 export declare const SingleValueDynamicZone: ({ field, bind, contentModel, getBind }: SingleValueDynamicZoneProps) => React.JSX.Element;
 export {};