@webiny/app-headless-cms 6.3.0 → 6.4.0-beta.1

package/admin/plugins/fieldRenderers/dateTime/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","IconButton","DEFAULT_TIMEZONE","getDefaultFieldValue","field","bind","getCurrent","def","settings","defaultSetValue","value","getCurrentTimeZone","date","Date","toTimeString","matches","match","timezone","slice","getCurrentLocalTime","time","split","getCurrentDate","year","String","getFullYear","padStart","month","getMonth","day","getDate","getHHmm","parsableTime","join","getHHmmss","parts","RemoveFieldButton","trailingIcon","createElement","Column","span","className","variant","onClick","icon"],"sources":["utils.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, IconButton } from \"@webiny/admin-ui\";\nimport type { CmsModelField } from \"~/types.js\";\n\nexport const DEFAULT_TIMEZONE = \"+01:00\";\n\nexport const getDefaultFieldValue = (\n    field: CmsModelField,\n    bind: {\n        value: string | null | undefined;\n    },\n    getCurrent: () => string\n): string => {\n    const def = field.settings ? field.settings.defaultSetValue || \"null\" : \"null\";\n    if (bind.value || def !== \"current\") {\n        return bind.value || \"\";\n    }\n    return getCurrent();\n};\n\nexport const getCurrentTimeZone = (date?: Date): string | null => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const matches = value.match(/GMT([+-][0-9]{4})/);\n    if (!matches) {\n        return null;\n    }\n    const timezone = matches[1];\n    return `${timezone.slice(0, 3)}:${timezone.slice(3)}`;\n};\n\nexport const getCurrentLocalTime = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const [time] = value.split(\" \");\n    if (!time || time.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})$/) === null) {\n        return \"00:00:00\";\n    }\n    return time;\n};\n\nexport const getCurrentDate = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const year = String(date.getFullYear()).padStart(4, \"0\");\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\n    const day = String(date.getDate()).padStart(2, \"0\");\n\n    return `${year}-${month}-${day}`;\n};\n\nexport const getHHmm = (time?: string) => {\n    if (!time) {\n        return \"\";\n    }\n    const parsableTime = time || getCurrentLocalTime();\n    return parsableTime.split(\":\").slice(0, 2).join(\":\");\n};\n\n// Ensure a valid HH:mm:ss string, ending with :00 for seconds.\nexport const getHHmmss = (time?: string) => {\n    const parsableTime = time || getCurrentLocalTime();\n    const parts = [...parsableTime.split(\":\").slice(0, 2), \"00\"];\n\n    return parts.join(\":\");\n};\n\ninterface RemoveFieldButtonProps {\n    trailingIcon: any;\n}\nexport const RemoveFieldButton = ({ trailingIcon }: RemoveFieldButtonProps) => {\n    if (!trailingIcon) {\n        return null;\n    }\n    return (\n        <Grid.Column span={1}>\n            <div className={\"flex items-end justify-center h-full\"}>\n                <IconButton\n                    variant={\"ghost\"}\n                    onClick={trailingIcon.onClick}\n                    icon={trailingIcon.icon}\n                    className={\"mb-xs-plus\"}\n                />\n            </div>\n        </Grid.Column>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/dateTime/utils.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dateTime/utils.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, IconButton } from \"@webiny/admin-ui\";\nimport type { CmsModelField } from \"~/types.js\";\n\nexport const DEFAULT_TIMEZONE = \"+01:00\";\n\nexport const getDefaultFieldValue = (\n    field: CmsModelField,\n    bind: {\n        value: string | null | undefined;\n    },\n    getCurrent: () => string\n): string => {\n    const def = field.settings ? field.settings.defaultSetValue || \"null\" : \"null\";\n    if (bind.value || def !== \"current\") {\n        return bind.value || \"\";\n    }\n    return getCurrent();\n};\n\nexport const getCurrentTimeZone = (date?: Date): string | null => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const matches = value.match(/GMT([+-][0-9]{4})/);\n    if (!matches) {\n        return null;\n    }\n    const timezone = matches[1];\n    return `${timezone.slice(0, 3)}:${timezone.slice(3)}`;\n};\n\nexport const getCurrentLocalTime = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const [time] = value.split(\" \");\n    if (!time || time.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})$/) === null) {\n        return \"00:00:00\";\n    }\n    return time;\n};\n\nexport const getCurrentDate = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const year = String(date.getFullYear()).padStart(4, \"0\");\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\n    const day = String(date.getDate()).padStart(2, \"0\");\n\n    return `${year}-${month}-${day}`;\n};\n\nexport const getHHmm = (time?: string) => {\n    if (!time) {\n        return \"\";\n    }\n    const parsableTime = time || getCurrentLocalTime();\n    return parsableTime.split(\":\").slice(0, 2).join(\":\");\n};\n\n// Ensure a valid HH:mm:ss string, ending with :00 for seconds.\nexport const getHHmmss = (time?: string) => {\n    const parsableTime = time || getCurrentLocalTime();\n    const parts = [...parsableTime.split(\":\").slice(0, 2), \"00\"];\n\n    return parts.join(\":\");\n};\n\ninterface RemoveFieldButtonProps {\n    trailingIcon: any;\n}\nexport const RemoveFieldButton = ({ trailingIcon }: RemoveFieldButtonProps) => {\n    if (!trailingIcon) {\n        return null;\n    }\n    return (\n        <Grid.Column span={1}>\n            <div className={\"flex items-end justify-center h-full\"}>\n                <IconButton\n                    variant={\"ghost\"}\n                    onClick={trailingIcon.onClick}\n                    icon={trailingIcon.icon}\n                    className={\"mb-xs-plus\"}\n                />\n            </div>\n        </Grid.Column>\n    );\n};\n"],"names":["DEFAULT_TIMEZONE","getDefaultFieldValue","field","bind","getCurrent","def","getCurrentTimeZone","date","Date","value","matches","timezone","getCurrentLocalTime","time","getCurrentDate","year","String","month","day","getHHmm","parsableTime","getHHmmss","parts","RemoveFieldButton","trailingIcon","Grid","IconButton"],"mappings":";;AAIO,MAAMA,mBAAmB;AAEzB,MAAMC,uBAAuB,CAChCC,OACAC,MAGAC;IAEA,MAAMC,MAAMH,MAAM,QAAQ,GAAGA,MAAM,QAAQ,CAAC,eAAe,IAAI,SAAS;IACxE,IAAIC,KAAK,KAAK,IAAIE,AAAQ,cAARA,KACd,OAAOF,KAAK,KAAK,IAAI;IAEzB,OAAOC;AACX;AAEO,MAAME,qBAAqB,CAACC;IAC/B,IAAI,CAACA,MACDA,OAAO,IAAIC;IAEf,MAAMC,QAAQF,KAAK,YAAY;IAE/B,MAAMG,UAAUD,MAAM,KAAK,CAAC;IAC5B,IAAI,CAACC,SACD,OAAO;IAEX,MAAMC,WAAWD,OAAO,CAAC,EAAE;IAC3B,OAAO,GAAGC,SAAS,KAAK,CAAC,GAAG,GAAG,CAAC,EAAEA,SAAS,KAAK,CAAC,IAAI;AACzD;AAEO,MAAMC,sBAAsB,CAACL;IAChC,IAAI,CAACA,MACDA,OAAO,IAAIC;IAEf,MAAMC,QAAQF,KAAK,YAAY;IAE/B,MAAM,CAACM,KAAK,GAAGJ,MAAM,KAAK,CAAC;IAC3B,IAAI,CAACI,QAAQA,AAAqD,SAArDA,KAAK,KAAK,CAAC,uCACpB,OAAO;IAEX,OAAOA;AACX;AAEO,MAAMC,iBAAiB,CAACP;IAC3B,IAAI,CAACA,MACDA,OAAO,IAAIC;IAEf,MAAMO,OAAOC,OAAOT,KAAK,WAAW,IAAI,QAAQ,CAAC,GAAG;IACpD,MAAMU,QAAQD,OAAOT,KAAK,QAAQ,KAAK,GAAG,QAAQ,CAAC,GAAG;IACtD,MAAMW,MAAMF,OAAOT,KAAK,OAAO,IAAI,QAAQ,CAAC,GAAG;IAE/C,OAAO,GAAGQ,KAAK,CAAC,EAAEE,MAAM,CAAC,EAAEC,KAAK;AACpC;AAEO,MAAMC,UAAU,CAACN;IACpB,IAAI,CAACA,MACD,OAAO;IAEX,MAAMO,eAAeP,QAAQD;IAC7B,OAAOQ,aAAa,KAAK,CAAC,KAAK,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC;AACpD;AAGO,MAAMC,YAAY,CAACR;IACtB,MAAMO,eAAeP,QAAQD;IAC7B,MAAMU,QAAQ;WAAIF,aAAa,KAAK,CAAC,KAAK,KAAK,CAAC,GAAG;QAAI;KAAK;IAE5D,OAAOE,MAAM,IAAI,CAAC;AACtB;AAKO,MAAMC,oBAAoB,CAAC,EAAEC,YAAY,EAA0B;IACtE,IAAI,CAACA,cACD,OAAO;IAEX,OAAO,WAAP,GACI,oBAACC,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAW;qBACZ,oBAACC,YAAUA;QACP,SAAS;QACT,SAASF,aAAa,OAAO;QAC7B,MAAMA,aAAa,IAAI;QACvB,WAAW;;AAK/B"}

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

@@ -1,35 +1,34 @@
-import React from "react";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/add.svg";
 import { TemplateGallery } from "./TemplateGallery.js";
 import { useTemplateTypename } from "./useTemplateTypename.js";
 import { Button, Dialog } from "@webiny/admin-ui";
-export const AddTemplateButton = props => {
-  const {
-    getFullTypename
-  } = useTemplateTypename();
-  const onTemplate = template => {
-    props.onTemplate({
-      ...template,
-      __typename: getFullTypename(template)
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-between items-center"
-  }, /*#__PURE__*/React.createElement(Dialog, {
-    size: "lg",
-    className: "w-[800px]",
-    trigger: /*#__PURE__*/React.createElement(Button, {
-      size: "sm",
-      variant: "tertiary",
-      text: "Add a template",
-      icon: /*#__PURE__*/React.createElement(AddIcon, null)
-    }),
-    title: "Insert a template",
-    info: /*#__PURE__*/React.createElement(React.Fragment, null)
-  }, /*#__PURE__*/React.createElement(TemplateGallery, {
-    onTemplate: onTemplate,
-    onClose: () => {}
-  })));
+const AddTemplateButton = (props)=>{
+    const { getFullTypename } = useTemplateTypename();
+    const onTemplate = (template)=>{
+        props.onTemplate({
+            ...template,
+            __typename: getFullTypename(template)
+        });
+    };
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-between items-center"
+    }, /*#__PURE__*/ react.createElement(Dialog, {
+        size: "lg",
+        className: "w-[800px]",
+        trigger: /*#__PURE__*/ react.createElement(Button, {
+            size: "sm",
+            variant: "tertiary",
+            text: "Add a template",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        }),
+        title: "Insert a template",
+        info: /*#__PURE__*/ react.createElement(react.Fragment, null)
+    }, /*#__PURE__*/ react.createElement(TemplateGallery, {
+        onTemplate: onTemplate,
+        onClose: ()=>{}
+    })));
 };
+export { AddTemplateButton };
 
 //# sourceMappingURL=AddTemplate.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/dynamicZone/AddTemplate.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dynamicZone/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"],"names":["AddTemplateButton","props","getFullTypename","useTemplateTypename","onTemplate","template","Dialog","Button","AddIcon","TemplateGallery"],"mappings":";;;;;AAgBO,MAAMA,oBAAoB,CAACC;IAC9B,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAE5B,MAAMC,aAAa,CAACC;QAChBJ,MAAM,UAAU,CAAC;YAAE,GAAGI,QAAQ;YAAE,YAAYH,gBAAgBG;QAAU;IAC1E;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,QAAMA;QACH,MAAM;QACN,WAAW;QACX,uBACI,oBAACC,QAAMA;YACH,MAAM;YACN,SAAS;YACT,MAAM;YACN,oBAAM,oBAACC,gBAAOA;;QAGtB,OAAM;QACN,oBAAM;qBAEN,oBAACC,iBAAeA;QAAC,YAAYL;QAAY,SAAS,KAAO;;AAIzE"}

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

@@ -1,9 +1,9 @@
-import React from "react";
+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 { ReactComponent } from "@webiny/icons/delete_outline.svg";
+import { ReactComponent as library_add_svg_ReactComponent } from "@webiny/icons/library_add.svg";
+import { ReactComponent as expand_less_svg_ReactComponent } from "@webiny/icons/expand_less.svg";
+import { ReactComponent as expand_more_svg_ReactComponent } from "@webiny/icons/expand_more.svg";
 import { AddTemplateButton } from "./AddTemplate.js";
 import { TemplateIcon } from "./TemplateIcon.js";
 import { useFieldEffectiveRules } from "@webiny/app-headless-cms-common";
@@ -14,164 +14,134 @@ import { TemplateProvider } from "./TemplateProvider.js";
 import { CanEditField, 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.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.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.createElement(Accordion.Item, {
-    title: props.title,
-    description: props.description,
-    icon: props.icon,
-    actions: props.disabled ? null : actions
-  }, children);
+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(expand_less_svg_ReactComponent, null),
+            content: "Move up"
+        }),
+        onClick: props.onMoveUp,
+        disabled: props.isFirst
+    }), /*#__PURE__*/ react.createElement(Accordion.Item.Action, {
+        icon: /*#__PURE__*/ react.createElement(Tooltip, {
+            trigger: /*#__PURE__*/ react.createElement(expand_more_svg_ReactComponent, null),
+            content: "Move down"
+        }),
+        onClick: props.onMoveDown,
+        disabled: props.isLast
+    }), /*#__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(library_add_svg_ReactComponent, null),
+            content: "Duplicate"
+        }),
+        onClick: ()=>props.onClone(props.value)
+    }), /*#__PURE__*/ react.createElement(Accordion.Item.Action, {
+        icon: /*#__PURE__*/ react.createElement(Tooltip, {
+            trigger: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            content: "Delete"
+        }),
+        onClick: props.onDelete
+    }));
+    return /*#__PURE__*/ react.createElement(Accordion.Item, {
+        title: props.title,
+        description: props.description,
+        icon: props.icon,
+        actions: props.disabled ? null : actions
+    }, children);
 });
-export const MultiValueItem = makeDecoratable("MultiValueItem", props => {
-  const {
-    template,
-    Bind,
-    contentModel
-  } = props;
-  return /*#__PURE__*/React.createElement(TemplateProvider, {
-    template: template
-  }, /*#__PURE__*/React.createElement(Fields, {
-    fields: template.fields,
-    layout: template.layout || [],
-    contentModel: contentModel,
-    Bind: Bind
-  }));
+const MultiValueItem = makeDecoratable("MultiValueItem", (props)=>{
+    const { template, Bind, contentModel } = props;
+    return /*#__PURE__*/ react.createElement(TemplateProvider, {
+        template: template
+    }, /*#__PURE__*/ react.createElement(Fields, {
+        fields: template.fields,
+        layout: template.layout || [],
+        contentModel: contentModel,
+        Bind: Bind
+    }));
 });
-const TemplateValueForm = ({
-  value,
-  contentModel,
-  Bind,
-  isLast,
-  isFirst,
-  onMoveUp,
-  onMoveDown,
-  onDelete,
-  onClone
-}) => {
-  const {
-    field
-  } = useModelField();
-  const rules = useFieldEffectiveRules(field);
-  const disabled = !rules.canEdit || rules.disabled;
-  const templates = field.settings?.templates || [];
-  const template = templates.find(tpl => tpl.id === value._templateId);
-  if (!template) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(MultiValueItemContainer, {
-    value: value,
-    contentModel: contentModel,
-    isFirst: isFirst,
-    isLast: isLast,
-    onClone: onClone,
-    onDelete: onDelete,
-    onMoveUp: onMoveUp,
-    onMoveDown: onMoveDown,
-    title: template.name,
-    description: template.description,
-    icon: /*#__PURE__*/React.createElement(TemplateIcon, {
-      icon: template.icon
-    }),
-    template: template,
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement(MultiValueItem, {
-    template: template,
-    contentModel: contentModel,
-    Bind: Bind
-  }));
+const TemplateValueForm = ({ value, contentModel, Bind, isLast, isFirst, onMoveUp, onMoveDown, onDelete, onClone })=>{
+    const { field } = useModelField();
+    const rules = useFieldEffectiveRules(field);
+    const disabled = !rules.canEdit || rules.disabled;
+    const templates = field.settings?.templates || [];
+    const template = templates.find((tpl)=>tpl.id === value._templateId);
+    if (!template) return null;
+    return /*#__PURE__*/ react.createElement(MultiValueItemContainer, {
+        value: value,
+        contentModel: contentModel,
+        isFirst: isFirst,
+        isLast: isLast,
+        onClone: onClone,
+        onDelete: onDelete,
+        onMoveUp: onMoveUp,
+        onMoveDown: onMoveDown,
+        title: template.name,
+        description: template.description,
+        icon: /*#__PURE__*/ react.createElement(TemplateIcon, {
+            icon: template.icon
+        }),
+        template: template,
+        disabled: disabled
+    }, /*#__PURE__*/ react.createElement(MultiValueItem, {
+        template: template,
+        contentModel: contentModel,
+        Bind: Bind
+    }));
 };
-export const MultiValueContainer = makeDecoratable("MultiValueContainer", ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(Accordion, {
-    variant: "container",
-    className: "gap-md"
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, children));
-});
-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
+const MultiValueContainer = makeDecoratable("MultiValueContainer", ({ children })=>/*#__PURE__*/ react.createElement(Accordion, {
+        variant: "container",
+        className: "gap-md"
+    }, /*#__PURE__*/ react.createElement(react.Fragment, null, children)));
+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 cloneValue = (value, index) => {
-    bind.appendValue(cloneDeep(value), index + 1);
-  };
-  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.createElement(MultiValueContainer, props, values.map((value, index) => {
-    const Bind = getBind(index);
-    const onDelete = () => {
-      showConfirmation(() => {
-        bind.removeValue(index);
-      });
+    const { bind, getBind, contentModel } = props;
+    const onTemplate = (template)=>{
+        bind.appendValue({
+            _templateId: template.id,
+            __typename: template.__typename
+        });
+    };
+    const cloneValue = (value, index)=>{
+        bind.appendValue(cloneDeep(value), index + 1);
     };
-    return /*#__PURE__*/React.createElement(ParentValueIndexProvider, {
-      key: index,
-      index: index
-    }, /*#__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: () => bind.moveValueUp(index),
-      onMoveDown: () => bind.moveValueDown(index),
-      onDelete: onDelete,
-      onClone: value => cloneValue(value, index)
-    }))));
-  }))) : null, /*#__PURE__*/React.createElement(CanEditField, null, /*#__PURE__*/React.createElement(AddTemplateButton, {
-    onTemplate: onTemplate
-  })));
+    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.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.createElement(Bind, null, ()=>/*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(TemplateValueForm, {
+                value: value,
+                contentModel: contentModel,
+                Bind: Bind,
+                isFirst: 0 === index,
+                isLast: index === values.length - 1,
+                onMoveUp: ()=>bind.moveValueUp(index),
+                onMoveDown: ()=>bind.moveValueDown(index),
+                onDelete: onDelete,
+                onClone: (value)=>cloneValue(value, index)
+            }))));
+    }))) : null, /*#__PURE__*/ react.createElement(CanEditField, null, /*#__PURE__*/ react.createElement(AddTemplateButton, {
+        onTemplate: onTemplate
+    })));
 };
+export { MultiValueContainer, MultiValueDynamicZone, MultiValueItem, MultiValueItemContainer };
 
 //# sourceMappingURL=MultiValueDynamicZone.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","cloneDeep","ReactComponent","DeleteIcon","CloneIcon","ArrowUpIcon","ArrowDownIcon","AddTemplateButton","TemplateIcon","useFieldEffectiveRules","ParentFieldProvider","useModelField","Fields","makeDecoratable","TemplateProvider","CanEditField","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","rules","canEdit","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 { useFieldEffectiveRules } from \"@webiny/app-headless-cms-common\";\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 {\n    CanEditField,\n    ParentValueIndexProvider\n} 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    disabled?: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    onClone: (value: TemplateValue) => void;\n    title: React.ReactNode;\n    description: string;\n    icon: React.JSX.Element;\n    actions?: React.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={props.disabled ? null : 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 rules = useFieldEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\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            disabled={disabled}\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            <CanEditField>\n                <AddTemplateButton onTemplate={onTemplate} />\n            </CanEditField>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dynamicZone/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 { useFieldEffectiveRules } from \"@webiny/app-headless-cms-common\";\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 {\n    CanEditField,\n    ParentValueIndexProvider\n} 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    disabled?: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    onClone: (value: TemplateValue) => void;\n    title: React.ReactNode;\n    description: string;\n    icon: React.JSX.Element;\n    actions?: React.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={props.disabled ? null : 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 rules = useFieldEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\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            disabled={disabled}\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            <CanEditField>\n                <AddTemplateButton onTemplate={onTemplate} />\n            </CanEditField>\n        </div>\n    );\n};\n"],"names":["MultiValueItemContainer","makeDecoratable","children","props","actions","Accordion","Tooltip","ArrowUpIcon","ArrowDownIcon","CloneIcon","DeleteIcon","MultiValueItem","template","Bind","contentModel","TemplateProvider","Fields","TemplateValueForm","value","isLast","isFirst","onMoveUp","onMoveDown","onDelete","onClone","field","useModelField","rules","useFieldEffectiveRules","disabled","templates","tpl","TemplateIcon","MultiValueContainer","MultiValueDynamicZone","showConfirmation","useConfirmationDialog","bind","getBind","onTemplate","cloneValue","index","cloneDeep","values","hasValues","ParentFieldProvider","ParentValueIndexProvider","CanEditField","AddTemplateButton"],"mappings":"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"}