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

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

@@ -1,14 +1,11 @@
 import React from "react";
-import type { CmsDynamicZoneTemplate } from "../../../../types";
+import type { CmsDynamicZoneTemplate } from "../../../../types.js";
 export interface TemplateGalleryContainerProps {
     children: React.ReactNode;
 }
 export interface TemplateGalleryListProps {
     children: React.ReactNode;
 }
-export interface CloseGalleryProps {
-    onClose: () => void;
-}
 export interface TemplateGalleryProps {
     onTemplate: (template: CmsDynamicZoneTemplate) => void;
     onClose: () => void;
@@ -96,52 +93,27 @@ export declare const TemplateGallery: ((props: TemplateGalleryProps) => React.JS
             displayName: string;
         }>) => (props: ShouldRender) => React.JSX.Element;
     };
-    Item: (({ template, onTemplate }: import("./TemplateItem").TemplateCardProps) => React.JSX.Element) & {
-        original: ({ template, onTemplate }: import("./TemplateItem").TemplateCardProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    } & {
-        original: (({ template, onTemplate }: import("./TemplateItem").TemplateCardProps) => React.JSX.Element) & {
-            original: ({ template, onTemplate }: import("./TemplateItem").TemplateCardProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        };
-        originalName: string;
-        displayName: string;
-    } & {
-        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ template, onTemplate }: import("./TemplateItem").TemplateCardProps) => React.JSX.Element) & {
-            original: ({ template, onTemplate }: import("./TemplateItem").TemplateCardProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        }>) => (props: unknown) => React.JSX.Element;
-    } & {
-        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ template, onTemplate }: import("./TemplateItem").TemplateCardProps) => React.JSX.Element) & {
-            original: ({ template, onTemplate }: import("./TemplateItem").TemplateCardProps) => React.JSX.Element;
-            originalName: string;
-            displayName: string;
-        }>) => (props: ShouldRender) => React.JSX.Element;
-    };
-    Close: ((props: CloseGalleryProps) => React.JSX.Element) & {
-        original: (props: CloseGalleryProps) => React.JSX.Element;
+    Item: (({ template, onTemplate }: import("./TemplateItem.js").TemplateCardProps) => React.JSX.Element) & {
+        original: ({ template, onTemplate }: import("./TemplateItem.js").TemplateCardProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     } & {
-        original: ((props: CloseGalleryProps) => React.JSX.Element) & {
-            original: (props: CloseGalleryProps) => React.JSX.Element;
+        original: (({ template, onTemplate }: import("./TemplateItem.js").TemplateCardProps) => React.JSX.Element) & {
+            original: ({ template, onTemplate }: import("./TemplateItem.js").TemplateCardProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         };
         originalName: string;
         displayName: string;
     } & {
-        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: CloseGalleryProps) => React.JSX.Element) & {
-            original: (props: CloseGalleryProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ template, onTemplate }: import("./TemplateItem.js").TemplateCardProps) => React.JSX.Element) & {
+            original: ({ template, onTemplate }: import("./TemplateItem.js").TemplateCardProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     } & {
-        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: CloseGalleryProps) => React.JSX.Element) & {
-            original: (props: CloseGalleryProps) => React.JSX.Element;
+        createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ template, onTemplate }: import("./TemplateItem.js").TemplateCardProps) => React.JSX.Element) & {
+            original: ({ template, onTemplate }: import("./TemplateItem.js").TemplateCardProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         }>) => (props: ShouldRender) => React.JSX.Element;

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

@@ -1,30 +1,15 @@
 import React from "react";
-import { ReactComponent as CloseIcon } from "@webiny/icons/highlight_off.svg";
-import { IconButton, Tooltip } from "@webiny/admin-ui";
 import { makeDecoratable, withDecoratorFactory } from "@webiny/app-admin";
-import { useModel, useModelField } from "../../../hooks";
-import { TemplateItem } from "./TemplateItem";
+import { useModel, useModelField } from "../../../hooks/index.js";
+import { TemplateItem } from "./TemplateItem.js";
 const GalleryContainer = makeDecoratable("TemplateGalleryContainer", props => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
 });
 const GalleryList = makeDecoratable("TemplateGalleryList", props => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-p-md wby-rounded-sm wby-bg-neutral-dimmed wby-grid wby-grid-cols-4 wby-gap-md"
+    className: "gap-md flex flex-wrap"
   }, props.children);
 });
-const CloseGallery = makeDecoratable("TemplateGalleryClose", props => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-text-center wby-mt-md"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: "Close",
-    trigger: /*#__PURE__*/React.createElement(IconButton, {
-      onClick: props.onClose,
-      icon: /*#__PURE__*/React.createElement(CloseIcon, null),
-      size: "lg",
-      variant: "ghost"
-    })
-  }));
-});
 const Gallery = makeDecoratable("TemplateGallery", props => {
   const {
     field
@@ -34,9 +19,7 @@ const Gallery = makeDecoratable("TemplateGallery", props => {
     key: template.id,
     template: template,
     onTemplate: props.onTemplate
-  }))), /*#__PURE__*/React.createElement(CloseGallery, {
-    onClose: props.onClose
-  }));
+  }))));
 });
 function withShouldRender(Component) {
   return withDecoratorFactory()(Component, decoratorProps => {
@@ -57,8 +40,7 @@ function withShouldRender(Component) {
 export const TemplateGallery = Object.assign(withShouldRender(Gallery), {
   Container: withShouldRender(GalleryContainer),
   List: withShouldRender(GalleryList),
-  Item: withShouldRender(TemplateItem),
-  Close: withShouldRender(CloseGallery)
+  Item: withShouldRender(TemplateItem)
 });
 
 //# sourceMappingURL=TemplateGallery.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","CloseIcon","IconButton","Tooltip","makeDecoratable","withDecoratorFactory","useModel","useModelField","TemplateItem","GalleryContainer","props","createElement","Fragment","children","GalleryList","className","CloseGallery","content","trigger","onClick","onClose","icon","size","variant","Gallery","field","templates","settings","map","template","key","id","onTemplate","withShouldRender","Component","decoratorProps","model","modelIds","length","includes","modelId","TemplateGallery","Object","assign","Container","List","Item","Close"],"sources":["TemplateGallery.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/highlight_off.svg\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport type { DecoratableComponent } from \"@webiny/app-admin\";\nimport { makeDecoratable, withDecoratorFactory } from \"@webiny/app-admin\";\nimport type { CmsDynamicZoneTemplate } from \"~/types\";\nimport { useModel, useModelField } from \"~/admin/hooks\";\nimport { TemplateItem } from \"./TemplateItem\";\n\nexport interface TemplateGalleryContainerProps {\n    children: React.ReactNode;\n}\n\nconst GalleryContainer = makeDecoratable(\n    \"TemplateGalleryContainer\",\n    (props: TemplateGalleryContainerProps) => {\n        return <>{props.children}</>;\n    }\n);\n\nexport interface TemplateGalleryListProps {\n    children: React.ReactNode;\n}\n\nconst GalleryList = makeDecoratable(\"TemplateGalleryList\", (props: TemplateGalleryListProps) => {\n    return (\n        <div\n            className={\n                \"wby-p-md wby-rounded-sm wby-bg-neutral-dimmed wby-grid wby-grid-cols-4 wby-gap-md\"\n            }\n        >\n            {props.children}\n        </div>\n    );\n});\n\nexport interface CloseGalleryProps {\n    onClose: () => void;\n}\n\nconst CloseGallery = makeDecoratable(\"TemplateGalleryClose\", (props: CloseGalleryProps) => {\n    return (\n        <div className={\"wby-w-full wby-text-center wby-mt-md\"}>\n            <Tooltip\n                content={\"Close\"}\n                trigger={\n                    <IconButton\n                        onClick={props.onClose}\n                        icon={<CloseIcon />}\n                        size={\"lg\"}\n                        variant={\"ghost\"}\n                    />\n                }\n            />\n        </div>\n    );\n});\n\nexport interface TemplateGalleryProps {\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n    onClose: () => void;\n    templates?: CmsDynamicZoneTemplate[];\n}\n\nconst Gallery = makeDecoratable(\"TemplateGallery\", (props: TemplateGalleryProps) => {\n    const { field } = useModelField();\n    const templates = props.templates || field.settings?.templates || [];\n\n    return (\n        <GalleryContainer>\n            <GalleryList>\n                {templates.map(template => (\n                    <TemplateItem\n                        key={template.id}\n                        template={template}\n                        onTemplate={props.onTemplate}\n                    />\n                ))}\n            </GalleryList>\n            <CloseGallery onClose={props.onClose} />\n        </GalleryContainer>\n    );\n});\n\nexport type ShouldRender = { modelIds?: string[] };\n\nfunction withShouldRender<T extends DecoratableComponent>(Component: T) {\n    return withDecoratorFactory<ShouldRender>()(Component, decoratorProps => {\n        const { model } = useModel();\n\n        if (decoratorProps?.modelIds?.length && !decoratorProps.modelIds.includes(model.modelId)) {\n            return false;\n        }\n\n        return true;\n    });\n}\n\n/**\n * We're wrapping each component with `withShouldRender`, because they're all decoratable, and `withShouldRender` attaches a\n * conditional decorator, which optionally takes a `modelIds` prop, so you can control on which models that component will be decorated.\n */\nexport const TemplateGallery = Object.assign(withShouldRender(Gallery), {\n    Container: withShouldRender(GalleryContainer),\n    List: withShouldRender(GalleryList),\n    Item: withShouldRender(TemplateItem),\n    Close: withShouldRender(CloseGallery)\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","withDecoratorFactory","useModel","useModelField","TemplateItem","GalleryContainer","props","createElement","Fragment","children","GalleryList","className","Gallery","field","templates","settings","map","template","key","id","onTemplate","withShouldRender","Component","decoratorProps","model","modelIds","length","includes","modelId","TemplateGallery","Object","assign","Container","List","Item"],"sources":["TemplateGallery.tsx"],"sourcesContent":["import React from \"react\";\nimport type { DecoratableComponent } from \"@webiny/app-admin\";\nimport { makeDecoratable, withDecoratorFactory } from \"@webiny/app-admin\";\nimport type { CmsDynamicZoneTemplate } from \"~/types.js\";\nimport { useModel, useModelField } from \"~/admin/hooks/index.js\";\nimport { TemplateItem } from \"./TemplateItem.js\";\n\nexport interface TemplateGalleryContainerProps {\n    children: React.ReactNode;\n}\n\nconst GalleryContainer = makeDecoratable(\n    \"TemplateGalleryContainer\",\n    (props: TemplateGalleryContainerProps) => {\n        return <>{props.children}</>;\n    }\n);\n\nexport interface TemplateGalleryListProps {\n    children: React.ReactNode;\n}\n\nconst GalleryList = makeDecoratable(\"TemplateGalleryList\", (props: TemplateGalleryListProps) => {\n    return <div className={\"gap-md flex flex-wrap\"}>{props.children}</div>;\n});\n\nexport interface TemplateGalleryProps {\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n    onClose: () => void;\n    templates?: CmsDynamicZoneTemplate[];\n}\n\nconst Gallery = makeDecoratable(\"TemplateGallery\", (props: TemplateGalleryProps) => {\n    const { field } = useModelField();\n    const templates = props.templates || field.settings?.templates || [];\n\n    return (\n        <GalleryContainer>\n            <GalleryList>\n                {templates.map(template => (\n                    <TemplateItem\n                        key={template.id}\n                        template={template}\n                        onTemplate={props.onTemplate}\n                    />\n                ))}\n            </GalleryList>\n        </GalleryContainer>\n    );\n});\n\nexport type ShouldRender = { modelIds?: string[] };\n\nfunction withShouldRender<T extends DecoratableComponent>(Component: T) {\n    return withDecoratorFactory<ShouldRender>()(Component, decoratorProps => {\n        const { model } = useModel();\n\n        if (decoratorProps?.modelIds?.length && !decoratorProps.modelIds.includes(model.modelId)) {\n            return false;\n        }\n\n        return true;\n    });\n}\n\n/**\n * We're wrapping each component with `withShouldRender`, because they're all decoratable, and `withShouldRender` attaches a\n * conditional decorator, which optionally takes a `modelIds` prop, so you can control on which models that component will be decorated.\n */\nexport const TemplateGallery = Object.assign(withShouldRender(Gallery), {\n    Container: withShouldRender(GalleryContainer),\n    List: withShouldRender(GalleryList),\n    Item: withShouldRender(TemplateItem)\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe,EAAEC,oBAAoB,QAAQ,mBAAmB;AAEzE,SAASC,QAAQ,EAAEC,aAAa;AAChC,SAASC,YAAY;AAMrB,MAAMC,gBAAgB,GAAGL,eAAe,CACpC,0BAA0B,EACzBM,KAAoC,IAAK;EACtC,oBAAOP,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QAAGF,KAAK,CAACG,QAAW,CAAC;AAChC,CACJ,CAAC;AAMD,MAAMC,WAAW,GAAGV,eAAe,CAAC,qBAAqB,EAAGM,KAA+B,IAAK;EAC5F,oBAAOP,KAAA,CAAAQ,aAAA;IAAKI,SAAS,EAAE;EAAwB,GAAEL,KAAK,CAACG,QAAc,CAAC;AAC1E,CAAC,CAAC;AAQF,MAAMG,OAAO,GAAGZ,eAAe,CAAC,iBAAiB,EAAGM,KAA2B,IAAK;EAChF,MAAM;IAAEO;EAAM,CAAC,GAAGV,aAAa,CAAC,CAAC;EACjC,MAAMW,SAAS,GAAGR,KAAK,CAACQ,SAAS,IAAID,KAAK,CAACE,QAAQ,EAAED,SAAS,IAAI,EAAE;EAEpE,oBACIf,KAAA,CAAAQ,aAAA,CAACF,gBAAgB,qBACbN,KAAA,CAAAQ,aAAA,CAACG,WAAW,QACPI,SAAS,CAACE,GAAG,CAACC,QAAQ,iBACnBlB,KAAA,CAAAQ,aAAA,CAACH,YAAY;IACTc,GAAG,EAAED,QAAQ,CAACE,EAAG;IACjBF,QAAQ,EAAEA,QAAS;IACnBG,UAAU,EAAEd,KAAK,CAACc;EAAW,CAChC,CACJ,CACQ,CACC,CAAC;AAE3B,CAAC,CAAC;AAIF,SAASC,gBAAgBA,CAAiCC,SAAY,EAAE;EACpE,OAAOrB,oBAAoB,CAAe,CAAC,CAACqB,SAAS,EAAEC,cAAc,IAAI;IACrE,MAAM;MAAEC;IAAM,CAAC,GAAGtB,QAAQ,CAAC,CAAC;IAE5B,IAAIqB,cAAc,EAAEE,QAAQ,EAAEC,MAAM,IAAI,CAACH,cAAc,CAACE,QAAQ,CAACE,QAAQ,CAACH,KAAK,CAACI,OAAO,CAAC,EAAE;MACtF,OAAO,KAAK;IAChB;IAEA,OAAO,IAAI;EACf,CAAC,CAAC;AACN;;AAEA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGC,MAAM,CAACC,MAAM,CAACV,gBAAgB,CAACT,OAAO,CAAC,EAAE;EACpEoB,SAAS,EAAEX,gBAAgB,CAAChB,gBAAgB,CAAC;EAC7C4B,IAAI,EAAEZ,gBAAgB,CAACX,WAAW,CAAC;EACnCwB,IAAI,EAAEb,gBAAgB,CAACjB,YAAY;AACvC,CAAC,CAAC","ignoreList":[]}

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

@@ -1,6 +1,9 @@
 import React from "react";
+import type { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
 interface TemplateIconProps {
     icon: string;
+    size?: FontAwesomeIconProps["size"];
+    style?: React.CSSProperties;
 }
-export declare const TemplateIcon: ({ icon }: TemplateIconProps) => React.JSX.Element | null;
+export declare const TemplateIcon: ({ icon, size, style }: TemplateIconProps) => React.JSX.Element | null;
 export {};

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

@@ -1,12 +1,17 @@
 import React from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { normalizeIcon } from "../../../../utils/normalizeIcon.js";
 export const TemplateIcon = ({
-  icon
+  icon,
+  size,
+  style
 }) => {
-  const faIcon = icon ? icon.split("/") : undefined;
+  const faIcon = normalizeIcon(icon);
   return faIcon ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    className: "wby-text-neutral-strong",
-    icon: faIcon
+    className: "text-neutral-xstrong",
+    icon: faIcon,
+    size: size,
+    style: style
   }) : null;
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","FontAwesomeIcon","TemplateIcon","icon","faIcon","split","undefined","createElement","className"],"sources":["TemplateIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FontAwesomeIconProps } from \"@fortawesome/react-fontawesome\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\ninterface TemplateIconProps {\n    icon: string;\n}\n\nexport const TemplateIcon = ({ icon }: TemplateIconProps) => {\n    const faIcon = icon ? (icon.split(\"/\") as FontAwesomeIconProps[\"icon\"]) : undefined;\n\n    return faIcon ? <FontAwesomeIcon className={\"wby-text-neutral-strong\"} icon={faIcon} /> : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe,QAAQ,gCAAgC;AAMhE,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EACzD,MAAMC,MAAM,GAAGD,IAAI,GAAIA,IAAI,CAACE,KAAK,CAAC,GAAG,CAAC,GAAoCC,SAAS;EAEnF,OAAOF,MAAM,gBAAGJ,KAAA,CAAAO,aAAA,CAACN,eAAe;IAACO,SAAS,EAAE,yBAA0B;IAACL,IAAI,EAAEC;EAAO,CAAE,CAAC,GAAG,IAAI;AAClG,CAAC","ignoreList":[]}
+{"version":3,"names":["React","FontAwesomeIcon","normalizeIcon","TemplateIcon","icon","size","style","faIcon","createElement","className"],"sources":["TemplateIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FontAwesomeIconProps } from \"@fortawesome/react-fontawesome\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\n\ninterface TemplateIconProps {\n    icon: string;\n    size?: FontAwesomeIconProps[\"size\"];\n    style?: React.CSSProperties;\n}\n\nexport const TemplateIcon = ({ icon, size, style }: TemplateIconProps) => {\n    const faIcon = normalizeIcon(icon);\n\n    return faIcon ? (\n        <FontAwesomeIcon\n            className={\"text-neutral-xstrong\"}\n            icon={faIcon}\n            size={size}\n            style={style}\n        />\n    ) : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,aAAa;AAQtB,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC,IAAI;EAAEC;AAAyB,CAAC,KAAK;EACtE,MAAMC,MAAM,GAAGL,aAAa,CAACE,IAAI,CAAC;EAElC,OAAOG,MAAM,gBACTP,KAAA,CAAAQ,aAAA,CAACP,eAAe;IACZQ,SAAS,EAAE,sBAAuB;IAClCL,IAAI,EAAEG,MAAO;IACbF,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA;EAAM,CAChB,CAAC,GACF,IAAI;AACZ,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsDynamicZoneTemplate } from "../../../../types";
+import type { CmsDynamicZoneTemplate } from "../../../../types.js";
 export interface TemplateCardProps {
     template: CmsDynamicZoneTemplate;
     onTemplate: (template: CmsDynamicZoneTemplate) => void;

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

@@ -1,33 +1,45 @@
-import React from "react";
+import React, { useState } from "react";
 import { makeDecoratable } from "@webiny/app-admin";
-import { TemplateIcon } from "./TemplateIcon";
-import { Button, Heading, Text } from "@webiny/admin-ui";
+import { TemplateIcon } from "./TemplateIcon.js";
+import { Text, Button } from "@webiny/admin-ui";
+import { Dialog } from "@webiny/admin-ui";
+import { ReactComponent as PlusIcon } from "@webiny/icons/add_circle_outline.svg";
 export const TemplateItem = makeDecoratable("TemplateItem", ({
   template,
   onTemplate
 }) => {
+  const [isHovered, setIsHovered] = useState(false);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-col wby-justify-between wby-bg-neutral-base wby-rounded-sm wby-shadow-sm wby-overflow-hidden"
+    onMouseEnter: () => setIsHovered(true),
+    onMouseLeave: () => setIsHovered(false),
+    className: "flex flex-col justify-between bg-neutral-base overflow-hidden rounded-lg w-[173px] relative shadow-sm"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "wby-text-center wby-p-lg wby-bg-neutral-muted"
+    className: "flex items-center justify-center py-xxl w-full bg-neutral-dimmed"
   }, /*#__PURE__*/React.createElement(TemplateIcon, {
-    icon: template.icon
+    icon: template.icon,
+    style: {
+      width: 40,
+      height: 40
+    }
   })), /*#__PURE__*/React.createElement("div", {
-    className: "wby-pt-md wby-px-md wby-text-left"
-  }, /*#__PURE__*/React.createElement(Heading, {
-    level: 6,
-    className: "wby-mb-xs"
+    className: "py-sm-extra px-md"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "md",
+    className: "mb-xs text-neutral-primary font-semibold"
   }, template.name), /*#__PURE__*/React.createElement(Text, {
     size: "sm",
     as: "div",
-    className: "wby-text-neutral-strong"
-  }, template.description))), /*#__PURE__*/React.createElement("div", {
-    className: "wby-p-sm wby-text-right"
-  }, /*#__PURE__*/React.createElement(Button, {
-    size: "sm",
-    text: "Insert",
+    className: "text-neutral-muted"
+  }, template.description))), isHovered && /*#__PURE__*/React.createElement(Dialog.Close, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "absolute inset-0 flex items-center justify-center bg-white/80 cursor-pointer",
     onClick: () => onTemplate(template)
-  })));
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: "lg",
+    variant: "primary",
+    icon: /*#__PURE__*/React.createElement(PlusIcon, null)
+  }, "Insert"))));
 });
 
 //# sourceMappingURL=TemplateItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","TemplateIcon","Button","Heading","Text","TemplateItem","template","onTemplate","createElement","className","icon","level","name","size","as","description","text","onClick"],"sources":["TemplateItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport type { CmsDynamicZoneTemplate } from \"~/types\";\nimport { TemplateIcon } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateIcon\";\nimport { Button, Heading, Text } from \"@webiny/admin-ui\";\n\nexport interface TemplateCardProps {\n    template: CmsDynamicZoneTemplate;\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateItem = makeDecoratable(\n    \"TemplateItem\",\n    ({ template, onTemplate }: TemplateCardProps) => {\n        return (\n            <div\n                className={\n                    \"wby-flex wby-flex-col wby-justify-between wby-bg-neutral-base wby-rounded-sm wby-shadow-sm wby-overflow-hidden\"\n                }\n            >\n                <div>\n                    <div className={\"wby-text-center wby-p-lg wby-bg-neutral-muted\"}>\n                        <TemplateIcon icon={template.icon} />\n                    </div>\n                    <div className={\"wby-pt-md wby-px-md wby-text-left\"}>\n                        <Heading level={6} className={\"wby-mb-xs\"}>\n                            {template.name}\n                        </Heading>\n                        <Text size={\"sm\"} as={\"div\"} className={\"wby-text-neutral-strong\"}>\n                            {template.description}\n                        </Text>\n                    </div>\n                </div>\n                <div className={\"wby-p-sm wby-text-right\"}>\n                    <Button size={\"sm\"} text={\"Insert\"} onClick={() => onTemplate(template)} />\n                </div>\n            </div>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,YAAY;AACrB,SAASC,MAAM,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAOxD,OAAO,MAAMC,YAAY,GAAGL,eAAe,CACvC,cAAc,EACd,CAAC;EAAEM,QAAQ;EAAEC;AAA8B,CAAC,KAAK;EAC7C,oBACIR,KAAA,CAAAS,aAAA;IACIC,SAAS,EACL;EACH,gBAEDV,KAAA,CAAAS,aAAA,2BACIT,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAgD,gBAC5DV,KAAA,CAAAS,aAAA,CAACP,YAAY;IAACS,IAAI,EAAEJ,QAAQ,CAACI;EAAK,CAAE,CACnC,CAAC,eACNX,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAoC,gBAChDV,KAAA,CAAAS,aAAA,CAACL,OAAO;IAACQ,KAAK,EAAE,CAAE;IAACF,SAAS,EAAE;EAAY,GACrCH,QAAQ,CAACM,IACL,CAAC,eACVb,KAAA,CAAAS,aAAA,CAACJ,IAAI;IAACS,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACL,SAAS,EAAE;EAA0B,GAC7DH,QAAQ,CAACS,WACR,CACL,CACJ,CAAC,eACNhB,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAA0B,gBACtCV,KAAA,CAAAS,aAAA,CAACN,MAAM;IAACW,IAAI,EAAE,IAAK;IAACG,IAAI,EAAE,QAAS;IAACC,OAAO,EAAEA,CAAA,KAAMV,UAAU,CAACD,QAAQ;EAAE,CAAE,CACzE,CACJ,CAAC;AAEd,CACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useState","makeDecoratable","TemplateIcon","Text","Button","Dialog","ReactComponent","PlusIcon","TemplateItem","template","onTemplate","isHovered","setIsHovered","createElement","onMouseEnter","onMouseLeave","className","icon","style","width","height","size","name","as","description","Close","asChild","onClick","variant"],"sources":["TemplateItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport type { CmsDynamicZoneTemplate } from \"~/types.js\";\nimport { TemplateIcon } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateIcon.js\";\nimport { Text, Button } from \"@webiny/admin-ui\";\nimport { Dialog } from \"@webiny/admin-ui\";\nimport { ReactComponent as PlusIcon } from \"@webiny/icons/add_circle_outline.svg\";\n\nexport interface TemplateCardProps {\n    template: CmsDynamicZoneTemplate;\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateItem = makeDecoratable(\n    \"TemplateItem\",\n    ({ template, onTemplate }: TemplateCardProps) => {\n        const [isHovered, setIsHovered] = useState(false);\n\n        return (\n            <div\n                onMouseEnter={() => setIsHovered(true)}\n                onMouseLeave={() => setIsHovered(false)}\n                className={\n                    \"flex flex-col justify-between bg-neutral-base overflow-hidden rounded-lg w-[173px] relative shadow-sm\"\n                }\n            >\n                <div>\n                    <div\n                        className={\n                            \"flex items-center justify-center py-xxl w-full bg-neutral-dimmed\"\n                        }\n                    >\n                        <TemplateIcon icon={template.icon} style={{ width: 40, height: 40 }} />\n                    </div>\n                    <div className={\"py-sm-extra px-md\"}>\n                        <Text size={\"md\"} className={\"mb-xs text-neutral-primary font-semibold\"}>\n                            {template.name}\n                        </Text>\n                        <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-muted\"}>\n                            {template.description}\n                        </Text>\n                    </div>\n                </div>\n\n                {isHovered && (\n                    <Dialog.Close asChild>\n                        <div\n                            className=\"absolute inset-0 flex items-center justify-center bg-white/80 cursor-pointer\"\n                            onClick={() => onTemplate(template)}\n                        >\n                            <Button size={\"lg\"} variant=\"primary\" icon={<PlusIcon />}>\n                                Insert\n                            </Button>\n                        </div>\n                    </Dialog.Close>\n                )}\n            </div>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,YAAY;AACrB,SAASC,IAAI,EAAEC,MAAM,QAAQ,kBAAkB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,cAAc,IAAIC,QAAQ,QAAQ,sCAAsC;AAOjF,OAAO,MAAMC,YAAY,GAAGP,eAAe,CACvC,cAAc,EACd,CAAC;EAAEQ,QAAQ;EAAEC;AAA8B,CAAC,KAAK;EAC7C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAEjD,oBACID,KAAA,CAAAc,aAAA;IACIC,YAAY,EAAEA,CAAA,KAAMF,YAAY,CAAC,IAAI,CAAE;IACvCG,YAAY,EAAEA,CAAA,KAAMH,YAAY,CAAC,KAAK,CAAE;IACxCI,SAAS,EACL;EACH,gBAEDjB,KAAA,CAAAc,aAAA,2BACId,KAAA,CAAAc,aAAA;IACIG,SAAS,EACL;EACH,gBAEDjB,KAAA,CAAAc,aAAA,CAACX,YAAY;IAACe,IAAI,EAAER,QAAQ,CAACQ,IAAK;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE;IAAG;EAAE,CAAE,CACrE,CAAC,eACNrB,KAAA,CAAAc,aAAA;IAAKG,SAAS,EAAE;EAAoB,gBAChCjB,KAAA,CAAAc,aAAA,CAACV,IAAI;IAACkB,IAAI,EAAE,IAAK;IAACL,SAAS,EAAE;EAA2C,GACnEP,QAAQ,CAACa,IACR,CAAC,eACPvB,KAAA,CAAAc,aAAA,CAACV,IAAI;IAACkB,IAAI,EAAE,IAAK;IAACE,EAAE,EAAE,KAAM;IAACP,SAAS,EAAE;EAAqB,GACxDP,QAAQ,CAACe,WACR,CACL,CACJ,CAAC,EAELb,SAAS,iBACNZ,KAAA,CAAAc,aAAA,CAACR,MAAM,CAACoB,KAAK;IAACC,OAAO;EAAA,gBACjB3B,KAAA,CAAAc,aAAA;IACIG,SAAS,EAAC,8EAA8E;IACxFW,OAAO,EAAEA,CAAA,KAAMjB,UAAU,CAACD,QAAQ;EAAE,gBAEpCV,KAAA,CAAAc,aAAA,CAACT,MAAM;IAACiB,IAAI,EAAE,IAAK;IAACO,OAAO,EAAC,SAAS;IAACX,IAAI,eAAElB,KAAA,CAAAc,aAAA,CAACN,QAAQ,MAAE;EAAE,GAAC,QAElD,CACP,CACK,CAEjB,CAAC;AAEd,CACJ,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsDynamicZoneTemplate } from "@webiny/app-headless-cms-common/types";
+import type { CmsDynamicZoneTemplate } from "@webiny/app-headless-cms-common/types/index.js";
 export interface TemplateContext {
     template: CmsDynamicZoneTemplate;
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","TemplateContext","createContext","undefined","TemplateProvider","template","children","context","id","createElement","Provider","value","useTemplate","useContext"],"sources":["TemplateProvider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { CmsDynamicZoneTemplate } from \"@webiny/app-headless-cms-common/types\";\n\nexport interface TemplateContext {\n    template: CmsDynamicZoneTemplate;\n}\n\nconst TemplateContext = React.createContext<TemplateContext | undefined>(undefined);\n\nexport interface TemplateProviderProps {\n    template: CmsDynamicZoneTemplate;\n    children: React.ReactNode;\n}\n\nexport const TemplateProvider = ({ template, children }: TemplateProviderProps) => {\n    const context = useMemo(() => ({ template }), [template.id]);\n    return <TemplateContext.Provider value={context}>{children}</TemplateContext.Provider>;\n};\n\nexport function useTemplate() {\n    return React.useContext(TemplateContext);\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAOtC,MAAMC,eAAe,gBAAGF,KAAK,CAACG,aAAa,CAA8BC,SAAS,CAAC;AAOnF,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,KAAK;EAC/E,MAAMC,OAAO,GAAGP,OAAO,CAAC,OAAO;IAAEK;EAAS,CAAC,CAAC,EAAE,CAACA,QAAQ,CAACG,EAAE,CAAC,CAAC;EAC5D,oBAAOT,KAAA,CAAAU,aAAA,CAACR,eAAe,CAACS,QAAQ;IAACC,KAAK,EAAEJ;EAAQ,GAAED,QAAmC,CAAC;AAC1F,CAAC;AAED,OAAO,SAASM,WAAWA,CAAA,EAAG;EAC1B,OAAOb,KAAK,CAACc,UAAU,CAACZ,eAAe,CAAC;AAC5C","ignoreList":[]}
+{"version":3,"names":["React","useMemo","TemplateContext","createContext","undefined","TemplateProvider","template","children","context","id","createElement","Provider","value","useTemplate","useContext"],"sources":["TemplateProvider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { CmsDynamicZoneTemplate } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport interface TemplateContext {\n    template: CmsDynamicZoneTemplate;\n}\n\nconst TemplateContext = React.createContext<TemplateContext | undefined>(undefined);\n\nexport interface TemplateProviderProps {\n    template: CmsDynamicZoneTemplate;\n    children: React.ReactNode;\n}\n\nexport const TemplateProvider = ({ template, children }: TemplateProviderProps) => {\n    const context = useMemo(() => ({ template }), [template.id]);\n    return <TemplateContext.Provider value={context}>{children}</TemplateContext.Provider>;\n};\n\nexport function useTemplate() {\n    return React.useContext(TemplateContext);\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAOtC,MAAMC,eAAe,gBAAGF,KAAK,CAACG,aAAa,CAA8BC,SAAS,CAAC;AAOnF,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,KAAK;EAC/E,MAAMC,OAAO,GAAGP,OAAO,CAAC,OAAO;IAAEK;EAAS,CAAC,CAAC,EAAE,CAACA,QAAQ,CAACG,EAAE,CAAC,CAAC;EAC5D,oBAAOT,KAAA,CAAAU,aAAA,CAACR,eAAe,CAACS,QAAQ;IAACC,KAAK,EAAEJ;EAAQ,GAAED,QAAmC,CAAC;AAC1F,CAAC;AAED,OAAO,SAASM,WAAWA,CAAA,EAAG;EAC1B,OAAOb,KAAK,CAACc,UAAU,CAACZ,eAAe,CAAC;AAC5C","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { BindComponent, BindComponentRenderProp, CmsModel, CmsModelField, CmsModelFieldRendererPlugin } from "../../../../types";
+import type { BindComponent, BindComponentRenderProp, CmsModel, CmsModelField, CmsModelFieldRendererPlugin } from "../../../../types.js";
 export type DynamicZoneContainerProps = {
     field: CmsModelField;
     getBind: (index?: number, key?: string) => BindComponent;

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

@@ -1,18 +1,18 @@
 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)."; }
 import React from "react";
 import { css } from "@emotion/css";
-import { SingleValueDynamicZone } from "./SingleValueDynamicZone";
-import { MultiValueDynamicZone } from "./MultiValueDynamicZone";
-import { AccordionRenderSettings, getAccordionRenderSettings } from "../AccordionRenderSettings";
+import { SingleValueDynamicZone } from "./SingleValueDynamicZone.js";
+import { MultiValueDynamicZone } from "./MultiValueDynamicZone.js";
+import { AccordionRenderSettings, getAccordionRenderSettings } from "../AccordionRenderSettings.js";
 import { makeDecoratable } from "@webiny/react-composition";
 import { Accordion, FormComponentErrorMessage } from "@webiny/admin-ui";
+import { ReactComponent as HorizontalRuleIcon } from "@webiny/icons/horizontal_rule.svg";
 const noBottomPadding = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
   name: "1n8outh",
   styles: ">.webiny-ui-accordion-item__content{padding-bottom:0!important;}"
 } : {
   name: "lyg8qk-noBottomPadding",
-  styles: ">.webiny-ui-accordion-item__content{padding-bottom:0!important;};label:noBottomPadding;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImR5bmFtaWNab25lUmVuZGVyZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCMkIiLCJmaWxlIjoiZHluYW1pY1pvbmVSZW5kZXJlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgdHlwZSB7XG4gICAgQmluZENvbXBvbmVudCxcbiAgICBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcCxcbiAgICBDbXNNb2RlbCxcbiAgICBDbXNNb2RlbEZpZWxkLFxuICAgIENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbixcbiAgICBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wc1xufSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgU2luZ2xlVmFsdWVEeW5hbWljWm9uZSB9IGZyb20gXCIuL1NpbmdsZVZhbHVlRHluYW1pY1pvbmVcIjtcbmltcG9ydCB7IE11bHRpVmFsdWVEeW5hbWljWm9uZSB9IGZyb20gXCIuL011bHRpVmFsdWVEeW5hbWljWm9uZVwiO1xuaW1wb3J0IHsgQWNjb3JkaW9uUmVuZGVyU2V0dGluZ3MsIGdldEFjY29yZGlvblJlbmRlclNldHRpbmdzIH0gZnJvbSBcIi4uL0FjY29yZGlvblJlbmRlclNldHRpbmdzXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1jb21wb3NpdGlvblwiO1xuaW1wb3J0IHsgQWNjb3JkaW9uLCBGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcblxuY29uc3Qgbm9Cb3R0b21QYWRkaW5nID0gY3NzYFxuICAgID4gLndlYmlueS11aS1hY2NvcmRpb24taXRlbV9fY29udGVudCB7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IHR5cGUgRHluYW1pY1pvbmVDb250YWluZXJQcm9wcyA9IHtcbiAgICBmaWVsZDogQ21zTW9kZWxGaWVsZDtcbiAgICBnZXRCaW5kOiAoaW5kZXg/OiBudW1iZXIsIGtleT86IHN0cmluZykgPT4gQmluZENvbXBvbmVudDtcbiAgICBjb250ZW50TW9kZWw6IENtc01vZGVsO1xuICAgIGJpbmQ6IEJpbmRDb21wb25lbnRSZW5kZXJQcm9wO1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGFjdGlvbnM/OiBKU1guRWxlbWVudDtcbn07XG5cbmV4cG9ydCBjb25zdCBEeW5hbWljWm9uZUNvbnRhaW5lciA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIkR5bmFtaWNab25lQ29udGFpbmVyXCIsXG4gICAgKHByb3BzOiBEeW5hbWljWm9uZUNvbnRhaW5lclByb3BzKSA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIGZpZWxkLFxuICAgICAgICAgICAgYmluZDoge1xuICAgICAgICAgICAgICAgIHZhbGlkYXRpb246IHsgaXNWYWxpZCwgbWVzc2FnZSB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgdGl0bGUgPSBmaWVsZC5sYWJlbCxcbiAgICAgICAgICAgIGRlc2NyaXB0aW9uID0gZmllbGQuaGVscFRleHQsXG4gICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgY29uc3QgZGVmYXVsdENsYXNzTmFtZSA9IGZpZWxkLm11bHRpcGxlVmFsdWVzID8gbm9Cb3R0b21QYWRkaW5nIDogdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCB7IG9wZW4gfSA9IGdldEFjY29yZGlvblJlbmRlclNldHRpbmdzKGZpZWxkKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICA8QWNjb3JkaW9uPlxuICAgICAgICAgICAgICAgICAgICA8QWNjb3JkaW9uLkl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lIHx8IGRlZmF1bHRDbGFzc05hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICBkZWZhdWx0T3Blbj17b3Blbn1cbiAgICAgICAgICAgICAgICAgICAgICAgIGFjdGlvbnM9e3Byb3BzLmFjdGlvbnMgPz8gbnVsbH1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICAgICAgICA8L0FjY29yZGlvbi5JdGVtPlxuICAgICAgICAgICAgICAgIDwvQWNjb3JkaW9uPlxuICAgICAgICAgICAgICAgIHtpc1ZhbGlkID09PSBmYWxzZSAmJiA8Rm9ybUNvbXBvbmVudEVycm9yTWVzc2FnZSB0ZXh0PXttZXNzYWdlfSAvPn1cbiAgICAgICAgICAgIDwvPlxuICAgICAgICApO1xuICAgIH1cbik7XG5cbmNvbnN0IER5bmFtaWNab25lQ29udGVudCA9ICh7IGZpZWxkLCBnZXRCaW5kLCBjb250ZW50TW9kZWwgfTogQ21zTW9kZWxGaWVsZFJlbmRlcmVyUHJvcHMpID0+IHtcbiAgICBjb25zdCB0ZW1wbGF0ZXMgPSBmaWVsZC5zZXR0aW5ncz8udGVtcGxhdGVzIHx8IFtdO1xuICAgIGlmICghdGVtcGxhdGVzLmxlbmd0aCkge1xuICAgICAgICBjb25zb2xlLmluZm8oXG4gICAgICAgICAgICBgU2tpcHBpbmcgXCIke2ZpZWxkLmZpZWxkSWR9XCIgZmllbGQuIFRoZXJlIGFyZSBubyB0ZW1wbGF0ZXMgZGVmaW5lZCBmb3IgdGhpcyBkeW5hbWljIHpvbmUuYFxuICAgICAgICApO1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICBjb25zdCBCaW5kID0gZ2V0QmluZCgpO1xuXG4gICAgY29uc3QgQ29tcG9uZW50ID0gZmllbGQubXVsdGlwbGVWYWx1ZXMgPyBNdWx0aVZhbHVlRHluYW1pY1pvbmUgOiBTaW5nbGVWYWx1ZUR5bmFtaWNab25lO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJpbmQ+XG4gICAgICAgICAgICB7YmluZCA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPEJpbmQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxEeW5hbWljWm9uZUNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkPXtmaWVsZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kPXtiaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGdldEJpbmQ9e2dldEJpbmR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udGVudE1vZGVsPXtjb250ZW50TW9kZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbXBvbmVudFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kPXtiaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWVsZD17ZmllbGR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGdldEJpbmQ9e2dldEJpbmR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnRNb2RlbD17Y29udGVudE1vZGVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0R5bmFtaWNab25lQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICA8L0JpbmQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgPC9CaW5kPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgZHluYW1pY1pvbmVGaWVsZFJlbmRlcmVyOiBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQbHVnaW4gPSB7XG4gICAgdHlwZTogXCJjbXMtZWRpdG9yLWZpZWxkLXJlbmRlcmVyXCIsXG4gICAgbmFtZTogXCJjbXMtZWRpdG9yLWZpZWxkLXJlbmRlcmVyLWR5bmFtaWMtem9uZVwiLFxuICAgIHJlbmRlcmVyOiB7XG4gICAgICAgIHJlbmRlcmVyTmFtZTogXCJkeW5hbWljWm9uZVwiLFxuICAgICAgICBuYW1lOiBcIkR5bmFtaWMgWm9uZVwiLFxuICAgICAgICBkZXNjcmlwdGlvbjogXCJSZW5kZXJzIGEgZHluYW1pYyB6b25lLlwiLFxuICAgICAgICBjYW5Vc2UoeyBmaWVsZCB9KSB7XG4gICAgICAgICAgICByZXR1cm4gZmllbGQudHlwZSA9PT0gXCJkeW5hbWljWm9uZVwiO1xuICAgICAgICB9LFxuICAgICAgICByZW5kZXIocHJvcHMpIHtcbiAgICAgICAgICAgIHJldHVybiA8RHluYW1pY1pvbmVDb250ZW50IHsuLi5wcm9wc30gLz47XG4gICAgICAgIH0sXG4gICAgICAgIHJlbmRlclNldHRpbmdzKHsgZmllbGQgfSkge1xuICAgICAgICAgICAgcmV0dXJuIDxBY2NvcmRpb25SZW5kZXJTZXR0aW5ncyBmaWVsZD17ZmllbGR9IC8+O1xuICAgICAgICB9XG4gICAgfVxufTtcbiJdfQ== */",
+  styles: ">.webiny-ui-accordion-item__content{padding-bottom:0!important;};label:noBottomPadding;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImR5bmFtaWNab25lUmVuZGVyZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMkIiLCJmaWxlIjoiZHluYW1pY1pvbmVSZW5kZXJlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgdHlwZSB7XG4gICAgQmluZENvbXBvbmVudCxcbiAgICBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcCxcbiAgICBDbXNNb2RlbCxcbiAgICBDbXNNb2RlbEZpZWxkLFxuICAgIENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbixcbiAgICBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wc1xufSBmcm9tIFwifi90eXBlcy5qc1wiO1xuaW1wb3J0IHsgU2luZ2xlVmFsdWVEeW5hbWljWm9uZSB9IGZyb20gXCIuL1NpbmdsZVZhbHVlRHluYW1pY1pvbmUuanNcIjtcbmltcG9ydCB7IE11bHRpVmFsdWVEeW5hbWljWm9uZSB9IGZyb20gXCIuL011bHRpVmFsdWVEeW5hbWljWm9uZS5qc1wiO1xuaW1wb3J0IHsgQWNjb3JkaW9uUmVuZGVyU2V0dGluZ3MsIGdldEFjY29yZGlvblJlbmRlclNldHRpbmdzIH0gZnJvbSBcIi4uL0FjY29yZGlvblJlbmRlclNldHRpbmdzLmpzXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1jb21wb3NpdGlvblwiO1xuaW1wb3J0IHsgQWNjb3JkaW9uLCBGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEhvcml6b250YWxSdWxlSWNvbiB9IGZyb20gXCJAd2ViaW55L2ljb25zL2hvcml6b250YWxfcnVsZS5zdmdcIjtcblxuY29uc3Qgbm9Cb3R0b21QYWRkaW5nID0gY3NzYFxuICAgID4gLndlYmlueS11aS1hY2NvcmRpb24taXRlbV9fY29udGVudCB7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IHR5cGUgRHluYW1pY1pvbmVDb250YWluZXJQcm9wcyA9IHtcbiAgICBmaWVsZDogQ21zTW9kZWxGaWVsZDtcbiAgICBnZXRCaW5kOiAoaW5kZXg/OiBudW1iZXIsIGtleT86IHN0cmluZykgPT4gQmluZENvbXBvbmVudDtcbiAgICBjb250ZW50TW9kZWw6IENtc01vZGVsO1xuICAgIGJpbmQ6IEJpbmRDb21wb25lbnRSZW5kZXJQcm9wO1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGFjdGlvbnM/OiBKU1guRWxlbWVudDtcbn07XG5cbmV4cG9ydCBjb25zdCBEeW5hbWljWm9uZUNvbnRhaW5lciA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIkR5bmFtaWNab25lQ29udGFpbmVyXCIsXG4gICAgKHByb3BzOiBEeW5hbWljWm9uZUNvbnRhaW5lclByb3BzKSA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIGZpZWxkLFxuICAgICAgICAgICAgYmluZDoge1xuICAgICAgICAgICAgICAgIHZhbGlkYXRpb246IHsgaXNWYWxpZCwgbWVzc2FnZSB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgdGl0bGUgPSBmaWVsZC5sYWJlbCxcbiAgICAgICAgICAgIGRlc2NyaXB0aW9uID0gZmllbGQuZGVzY3JpcHRpb24sXG4gICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgY29uc3QgZGVmYXVsdENsYXNzTmFtZSA9IGZpZWxkLmxpc3QgPyBub0JvdHRvbVBhZGRpbmcgOiB1bmRlZmluZWQ7XG4gICAgICAgIGNvbnN0IHsgb3BlbiB9ID0gZ2V0QWNjb3JkaW9uUmVuZGVyU2V0dGluZ3MoZmllbGQpO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxBY2NvcmRpb24gYmFja2dyb3VuZD17XCJiYXNlXCJ9IHZhcmlhbnQ9e1wiY29udGFpbmVyXCJ9PlxuICAgICAgICAgICAgICAgICAgICA8QWNjb3JkaW9uLkl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBY2NvcmRpb24uSXRlbS5JY29uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtcImFjY2VudFwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cIkFjY29yZGlvbiBJdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj17PEhvcml6b250YWxSdWxlSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgICAgICAgICAgZGVzY3JpcHRpb249e2Rlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWUgfHwgZGVmYXVsdENsYXNzTmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGRlZmF1bHRPcGVuPXtvcGVufVxuICAgICAgICAgICAgICAgICAgICAgICAgYWN0aW9ucz17cHJvcHMuYWN0aW9ucyA/PyBudWxsfVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAgICAgIDwvQWNjb3JkaW9uLkl0ZW0+XG4gICAgICAgICAgICAgICAgPC9BY2NvcmRpb24+XG4gICAgICAgICAgICAgICAge2lzVmFsaWQgPT09IGZhbHNlICYmIDxGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlIHRleHQ9e21lc3NhZ2V9IC8+fVxuICAgICAgICAgICAgPC8+XG4gICAgICAgICk7XG4gICAgfVxuKTtcblxuY29uc3QgRHluYW1pY1pvbmVDb250ZW50ID0gKHsgZmllbGQsIGdldEJpbmQsIGNvbnRlbnRNb2RlbCB9OiBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IHRlbXBsYXRlcyA9IGZpZWxkLnNldHRpbmdzPy50ZW1wbGF0ZXMgfHwgW107XG4gICAgaWYgKCF0ZW1wbGF0ZXMubGVuZ3RoKSB7XG4gICAgICAgIGNvbnNvbGUuaW5mbyhcbiAgICAgICAgICAgIGBTa2lwcGluZyBcIiR7ZmllbGQuZmllbGRJZH1cIiBmaWVsZC4gVGhlcmUgYXJlIG5vIHRlbXBsYXRlcyBkZWZpbmVkIGZvciB0aGlzIGR5bmFtaWMgem9uZS5gXG4gICAgICAgICk7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGNvbnN0IEJpbmQgPSBnZXRCaW5kKCk7XG5cbiAgICBjb25zdCBDb21wb25lbnQgPSBmaWVsZC5saXN0ID8gTXVsdGlWYWx1ZUR5bmFtaWNab25lIDogU2luZ2xlVmFsdWVEeW5hbWljWm9uZTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxCaW5kPlxuICAgICAgICAgICAge2JpbmQgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIDxCaW5kLlZhbGlkYXRpb25Db250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8RHluYW1pY1pvbmVDb250YWluZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWVsZD17ZmllbGR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYmluZD17YmluZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBnZXRCaW5kPXtnZXRCaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnRNb2RlbD17Y29udGVudE1vZGVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDb21wb25lbnRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYmluZD17YmluZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmllbGQ9e2ZpZWxkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBnZXRCaW5kPXtnZXRCaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb250ZW50TW9kZWw9e2NvbnRlbnRNb2RlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9EeW5hbWljWm9uZUNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgPC9CaW5kLlZhbGlkYXRpb25Db250YWluZXI+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgIDwvQmluZD5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNab25lRmllbGRSZW5kZXJlcjogQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luID0ge1xuICAgIHR5cGU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlclwiLFxuICAgIG5hbWU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlci1keW5hbWljLXpvbmVcIixcbiAgICByZW5kZXJlcjoge1xuICAgICAgICByZW5kZXJlck5hbWU6IFwiZHluYW1pY1pvbmVcIixcbiAgICAgICAgbmFtZTogXCJEeW5hbWljIFpvbmVcIixcbiAgICAgICAgZGVzY3JpcHRpb246IFwiUmVuZGVycyBhIGR5bmFtaWMgem9uZS5cIixcbiAgICAgICAgY2FuVXNlKHsgZmllbGQgfSkge1xuICAgICAgICAgICAgcmV0dXJuIGZpZWxkLnR5cGUgPT09IFwiZHluYW1pY1pvbmVcIjtcbiAgICAgICAgfSxcbiAgICAgICAgcmVuZGVyKHByb3BzKSB7XG4gICAgICAgICAgICByZXR1cm4gPER5bmFtaWNab25lQ29udGVudCB7Li4ucHJvcHN9IC8+O1xuICAgICAgICB9LFxuICAgICAgICByZW5kZXJTZXR0aW5ncyh7IGZpZWxkIH0pIHtcbiAgICAgICAgICAgIHJldHVybiA8QWNjb3JkaW9uUmVuZGVyU2V0dGluZ3MgZmllbGQ9e2ZpZWxkfSAvPjtcbiAgICAgICAgfVxuICAgIH1cbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const DynamicZoneContainer = makeDecoratable("DynamicZoneContainer", props => {
@@ -25,15 +25,23 @@ export const DynamicZoneContainer = makeDecoratable("DynamicZoneContainer", prop
       }
     },
     title = field.label,
-    description = field.helpText,
+    description = field.description,
     className,
     children
   } = props;
-  const defaultClassName = field.multipleValues ? noBottomPadding : undefined;
+  const defaultClassName = field.list ? noBottomPadding : undefined;
   const {
     open
   } = getAccordionRenderSettings(field);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(Accordion.Item, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion, {
+    background: "base",
+    variant: "container"
+  }, /*#__PURE__*/React.createElement(Accordion.Item, {
+    icon: /*#__PURE__*/React.createElement(Accordion.Item.Icon, {
+      color: "accent",
+      label: "Accordion Item",
+      icon: /*#__PURE__*/React.createElement(HorizontalRuleIcon, null)
+    }),
     title: title,
     description: description,
     className: className || defaultClassName,
@@ -54,7 +62,7 @@ const DynamicZoneContent = ({
     return null;
   }
   const Bind = getBind();
-  const Component = field.multipleValues ? MultiValueDynamicZone : SingleValueDynamicZone;
+  const Component = field.list ? MultiValueDynamicZone : SingleValueDynamicZone;
   return /*#__PURE__*/React.createElement(Bind, null, bind => {
     return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(DynamicZoneContainer, {
       field: field,

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

@@ -1 +1 @@
-{"version":3,"names":["React","css","SingleValueDynamicZone","MultiValueDynamicZone","AccordionRenderSettings","getAccordionRenderSettings","makeDecoratable","Accordion","FormComponentErrorMessage","noBottomPadding","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","DynamicZoneContainer","props","field","bind","validation","isValid","message","title","label","description","helpText","className","children","defaultClassName","multipleValues","undefined","open","createElement","Fragment","Item","defaultOpen","actions","text","DynamicZoneContent","getBind","contentModel","templates","settings","length","console","info","fieldId","Bind","Component","ValidationContainer","dynamicZoneFieldRenderer","type","renderer","rendererName","canUse","render","renderSettings"],"sources":["dynamicZoneRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"@emotion/css\";\nimport type {\n    BindComponent,\n    BindComponentRenderProp,\n    CmsModel,\n    CmsModelField,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types\";\nimport { SingleValueDynamicZone } from \"./SingleValueDynamicZone\";\nimport { MultiValueDynamicZone } from \"./MultiValueDynamicZone\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Accordion, FormComponentErrorMessage } from \"@webiny/admin-ui\";\n\nconst noBottomPadding = css`\n    > .webiny-ui-accordion-item__content {\n        padding-bottom: 0 !important;\n    }\n`;\n\nexport type DynamicZoneContainerProps = {\n    field: CmsModelField;\n    getBind: (index?: number, key?: string) => BindComponent;\n    contentModel: CmsModel;\n    bind: BindComponentRenderProp;\n    children: React.ReactNode;\n    title?: string;\n    description?: string;\n    className?: string;\n    actions?: JSX.Element;\n};\n\nexport const DynamicZoneContainer = makeDecoratable(\n    \"DynamicZoneContainer\",\n    (props: DynamicZoneContainerProps) => {\n        const {\n            field,\n            bind: {\n                validation: { isValid, message }\n            },\n            title = field.label,\n            description = field.helpText,\n            className,\n            children\n        } = props;\n\n        const defaultClassName = field.multipleValues ? noBottomPadding : undefined;\n        const { open } = getAccordionRenderSettings(field);\n\n        return (\n            <>\n                <Accordion>\n                    <Accordion.Item\n                        title={title}\n                        description={description}\n                        className={className || defaultClassName}\n                        defaultOpen={open}\n                        actions={props.actions ?? null}\n                    >\n                        {children}\n                    </Accordion.Item>\n                </Accordion>\n                {isValid === false && <FormComponentErrorMessage text={message} />}\n            </>\n        );\n    }\n);\n\nconst DynamicZoneContent = ({ field, getBind, contentModel }: CmsModelFieldRendererProps) => {\n    const templates = field.settings?.templates || [];\n    if (!templates.length) {\n        console.info(\n            `Skipping \"${field.fieldId}\" field. There are no templates defined for this dynamic zone.`\n        );\n        return null;\n    }\n\n    const Bind = getBind();\n\n    const Component = field.multipleValues ? MultiValueDynamicZone : SingleValueDynamicZone;\n\n    return (\n        <Bind>\n            {bind => {\n                return (\n                    <Bind.ValidationContainer>\n                        <DynamicZoneContainer\n                            field={field}\n                            bind={bind}\n                            getBind={getBind}\n                            contentModel={contentModel}\n                        >\n                            <Component\n                                bind={bind}\n                                field={field}\n                                getBind={getBind}\n                                contentModel={contentModel}\n                            />\n                        </DynamicZoneContainer>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const dynamicZoneFieldRenderer: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-dynamic-zone\",\n    renderer: {\n        rendererName: \"dynamicZone\",\n        name: \"Dynamic Zone\",\n        description: \"Renders a dynamic zone.\",\n        canUse({ field }) {\n            return field.type === \"dynamicZone\";\n        },\n        render(props) {\n            return <DynamicZoneContent {...props} />;\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","css","SingleValueDynamicZone","MultiValueDynamicZone","AccordionRenderSettings","getAccordionRenderSettings","makeDecoratable","Accordion","FormComponentErrorMessage","ReactComponent","HorizontalRuleIcon","noBottomPadding","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","DynamicZoneContainer","props","field","bind","validation","isValid","message","title","label","description","className","children","defaultClassName","list","undefined","open","createElement","Fragment","background","variant","Item","icon","Icon","color","defaultOpen","actions","text","DynamicZoneContent","getBind","contentModel","templates","settings","length","console","info","fieldId","Bind","Component","ValidationContainer","dynamicZoneFieldRenderer","type","renderer","rendererName","canUse","render","renderSettings"],"sources":["dynamicZoneRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"@emotion/css\";\nimport type {\n    BindComponent,\n    BindComponentRenderProp,\n    CmsModel,\n    CmsModelField,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types.js\";\nimport { SingleValueDynamicZone } from \"./SingleValueDynamicZone.js\";\nimport { MultiValueDynamicZone } from \"./MultiValueDynamicZone.js\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings.js\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Accordion, FormComponentErrorMessage } from \"@webiny/admin-ui\";\nimport { ReactComponent as HorizontalRuleIcon } from \"@webiny/icons/horizontal_rule.svg\";\n\nconst noBottomPadding = css`\n    > .webiny-ui-accordion-item__content {\n        padding-bottom: 0 !important;\n    }\n`;\n\nexport type DynamicZoneContainerProps = {\n    field: CmsModelField;\n    getBind: (index?: number, key?: string) => BindComponent;\n    contentModel: CmsModel;\n    bind: BindComponentRenderProp;\n    children: React.ReactNode;\n    title?: string;\n    description?: string;\n    className?: string;\n    actions?: JSX.Element;\n};\n\nexport const DynamicZoneContainer = makeDecoratable(\n    \"DynamicZoneContainer\",\n    (props: DynamicZoneContainerProps) => {\n        const {\n            field,\n            bind: {\n                validation: { isValid, message }\n            },\n            title = field.label,\n            description = field.description,\n            className,\n            children\n        } = props;\n\n        const defaultClassName = field.list ? noBottomPadding : undefined;\n        const { open } = getAccordionRenderSettings(field);\n\n        return (\n            <>\n                <Accordion background={\"base\"} variant={\"container\"}>\n                    <Accordion.Item\n                        icon={\n                            <Accordion.Item.Icon\n                                color={\"accent\"}\n                                label=\"Accordion Item\"\n                                icon={<HorizontalRuleIcon />}\n                            />\n                        }\n                        title={title}\n                        description={description}\n                        className={className || defaultClassName}\n                        defaultOpen={open}\n                        actions={props.actions ?? null}\n                    >\n                        {children}\n                    </Accordion.Item>\n                </Accordion>\n                {isValid === false && <FormComponentErrorMessage text={message} />}\n            </>\n        );\n    }\n);\n\nconst DynamicZoneContent = ({ field, getBind, contentModel }: CmsModelFieldRendererProps) => {\n    const templates = field.settings?.templates || [];\n    if (!templates.length) {\n        console.info(\n            `Skipping \"${field.fieldId}\" field. There are no templates defined for this dynamic zone.`\n        );\n        return null;\n    }\n\n    const Bind = getBind();\n\n    const Component = field.list ? MultiValueDynamicZone : SingleValueDynamicZone;\n\n    return (\n        <Bind>\n            {bind => {\n                return (\n                    <Bind.ValidationContainer>\n                        <DynamicZoneContainer\n                            field={field}\n                            bind={bind}\n                            getBind={getBind}\n                            contentModel={contentModel}\n                        >\n                            <Component\n                                bind={bind}\n                                field={field}\n                                getBind={getBind}\n                                contentModel={contentModel}\n                            />\n                        </DynamicZoneContainer>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const dynamicZoneFieldRenderer: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-dynamic-zone\",\n    renderer: {\n        rendererName: \"dynamicZone\",\n        name: \"Dynamic Zone\",\n        description: \"Renders a dynamic zone.\",\n        canUse({ field }) {\n            return field.type === \"dynamicZone\";\n        },\n        render(props) {\n            return <DynamicZoneContent {...props} />;\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-export { type DynamicZoneContainerProps, DynamicZoneContainer } from "./dynamicZoneRenderer";
-export { TemplateGallery } from "./TemplateGallery";
-export { MultiValueItemContainer, MultiValueContainer, MultiValueItem } from "./MultiValueDynamicZone";
-export * from "./TemplateProvider";
+export { type DynamicZoneContainerProps, DynamicZoneContainer } from "./dynamicZoneRenderer.js";
+export { TemplateGallery } from "./TemplateGallery.js";
+export { MultiValueItemContainer, MultiValueContainer, MultiValueItem } from "./MultiValueDynamicZone.js";
+export * from "./TemplateProvider.js";

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

@@ -1,6 +1,6 @@
-export { DynamicZoneContainer } from "./dynamicZoneRenderer";
-export { TemplateGallery } from "./TemplateGallery";
-export { MultiValueItemContainer, MultiValueContainer, MultiValueItem } from "./MultiValueDynamicZone";
-export * from "./TemplateProvider";
+export { DynamicZoneContainer } from "./dynamicZoneRenderer.js";
+export { TemplateGallery } from "./TemplateGallery.js";
+export { MultiValueItemContainer, MultiValueContainer, MultiValueItem } from "./MultiValueDynamicZone.js";
+export * from "./TemplateProvider.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["DynamicZoneContainer","TemplateGallery","MultiValueItemContainer","MultiValueContainer","MultiValueItem"],"sources":["index.tsx"],"sourcesContent":["export { type DynamicZoneContainerProps, DynamicZoneContainer } from \"./dynamicZoneRenderer\";\nexport { TemplateGallery } from \"./TemplateGallery\";\nexport {\n    MultiValueItemContainer,\n    MultiValueContainer,\n    MultiValueItem\n} from \"./MultiValueDynamicZone\";\nexport * from \"./TemplateProvider\";\n"],"mappings":"AAAA,SAAyCA,oBAAoB;AAC7D,SAASC,eAAe;AACxB,SACIC,uBAAuB,EACvBC,mBAAmB,EACnBC,cAAc;AAElB","ignoreList":[]}
+{"version":3,"names":["DynamicZoneContainer","TemplateGallery","MultiValueItemContainer","MultiValueContainer","MultiValueItem"],"sources":["index.tsx"],"sourcesContent":["export { type DynamicZoneContainerProps, DynamicZoneContainer } from \"./dynamicZoneRenderer.js\";\nexport { TemplateGallery } from \"./TemplateGallery.js\";\nexport {\n    MultiValueItemContainer,\n    MultiValueContainer,\n    MultiValueItem\n} from \"./MultiValueDynamicZone.js\";\nexport * from \"./TemplateProvider.js\";\n"],"mappings":"AAAA,SAAyCA,oBAAoB;AAC7D,SAASC,eAAe;AACxB,SACIC,uBAAuB,EACvBC,mBAAmB,EACnBC,cAAc;AAElB","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { CmsDynamicZoneTemplate } from "@webiny/app-headless-cms-common/types";
+import type { CmsDynamicZoneTemplate } from "@webiny/app-headless-cms-common/types/index.js";
 export declare const useTemplateTypename: () => {
     getFullTypename: (template: CmsDynamicZoneTemplate) => string;
 };

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

@@ -1,8 +1,8 @@
-import upperFirst from "lodash/upperFirst";
-import camelCase from "lodash/camelCase";
-import { useParentField } from "../../../components/ContentEntryForm/ParentValue";
-import { useModelField } from "../../../components/ModelFieldProvider";
-import { useModel } from "../../../components/ModelProvider";
+import upperFirst from "lodash/upperFirst.js";
+import camelCase from "lodash/camelCase.js";
+import { useParentField } from "../../../components/ContentEntryForm/ParentValue.js";
+import { useModelField } from "../../../components/ModelFieldProvider/index.js";
+import { useModel } from "../../../components/ModelProvider/index.js";
 const createTypeName = modelId => {
   return upperFirst(camelCase(modelId));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["upperFirst","camelCase","useParentField","useModelField","useModel","createTypeName","modelId","useTemplateTypename","model","field","parent","getFullTypename","template","currentParent","parents","push","fieldId","getParentField","singularApiName","reverse","gqlTypeName","join"],"sources":["useTemplateTypename.ts"],"sourcesContent":["import upperFirst from \"lodash/upperFirst\";\nimport camelCase from \"lodash/camelCase\";\nimport type { CmsDynamicZoneTemplate } from \"@webiny/app-headless-cms-common/types\";\nimport { useParentField } from \"~/admin/components/ContentEntryForm/ParentValue\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\nimport { useModel } from \"~/admin/components/ModelProvider\";\n\nconst createTypeName = (modelId: string): string => {\n    return upperFirst(camelCase(modelId));\n};\n\nexport const useTemplateTypename = () => {\n    const { model } = useModel();\n    const { field } = useModelField();\n    const parent = useParentField();\n\n    const getFullTypename = (template: CmsDynamicZoneTemplate) => {\n        let currentParent = parent;\n        const parents: string[] = [];\n        while (currentParent) {\n            parents.push(createTypeName(currentParent.field.fieldId));\n\n            currentParent = currentParent.getParentField(0);\n        }\n\n        return [\n            model.singularApiName,\n            ...parents.reverse(),\n            createTypeName(field.fieldId),\n            template.gqlTypeName\n        ].join(\"_\");\n    };\n\n    return { getFullTypename };\n};\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,mBAAmB;AAC1C,OAAOC,SAAS,MAAM,kBAAkB;AAExC,SAASC,cAAc;AACvB,SAASC,aAAa;AACtB,SAASC,QAAQ;AAEjB,MAAMC,cAAc,GAAIC,OAAe,IAAa;EAChD,OAAON,UAAU,CAACC,SAAS,CAACK,OAAO,CAAC,CAAC;AACzC,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,MAAM;IAAEC;EAAM,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAEK;EAAM,CAAC,GAAGN,aAAa,CAAC,CAAC;EACjC,MAAMO,MAAM,GAAGR,cAAc,CAAC,CAAC;EAE/B,MAAMS,eAAe,GAAIC,QAAgC,IAAK;IAC1D,IAAIC,aAAa,GAAGH,MAAM;IAC1B,MAAMI,OAAiB,GAAG,EAAE;IAC5B,OAAOD,aAAa,EAAE;MAClBC,OAAO,CAACC,IAAI,CAACV,cAAc,CAACQ,aAAa,CAACJ,KAAK,CAACO,OAAO,CAAC,CAAC;MAEzDH,aAAa,GAAGA,aAAa,CAACI,cAAc,CAAC,CAAC,CAAC;IACnD;IAEA,OAAO,CACHT,KAAK,CAACU,eAAe,EACrB,GAAGJ,OAAO,CAACK,OAAO,CAAC,CAAC,EACpBd,cAAc,CAACI,KAAK,CAACO,OAAO,CAAC,EAC7BJ,QAAQ,CAACQ,WAAW,CACvB,CAACC,IAAI,CAAC,GAAG,CAAC;EACf,CAAC;EAED,OAAO;IAAEV;EAAgB,CAAC;AAC9B,CAAC","ignoreList":[]}
+{"version":3,"names":["upperFirst","camelCase","useParentField","useModelField","useModel","createTypeName","modelId","useTemplateTypename","model","field","parent","getFullTypename","template","currentParent","parents","push","fieldId","getParentField","singularApiName","reverse","gqlTypeName","join"],"sources":["useTemplateTypename.ts"],"sourcesContent":["import upperFirst from \"lodash/upperFirst.js\";\nimport camelCase from \"lodash/camelCase.js\";\nimport type { CmsDynamicZoneTemplate } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { useParentField } from \"~/admin/components/ContentEntryForm/ParentValue.js\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { useModel } from \"~/admin/components/ModelProvider/index.js\";\n\nconst createTypeName = (modelId: string): string => {\n    return upperFirst(camelCase(modelId));\n};\n\nexport const useTemplateTypename = () => {\n    const { model } = useModel();\n    const { field } = useModelField();\n    const parent = useParentField();\n\n    const getFullTypename = (template: CmsDynamicZoneTemplate) => {\n        let currentParent = parent;\n        const parents: string[] = [];\n        while (currentParent) {\n            parents.push(createTypeName(currentParent.field.fieldId));\n\n            currentParent = currentParent.getParentField(0);\n        }\n\n        return [\n            model.singularApiName,\n            ...parents.reverse(),\n            createTypeName(field.fieldId),\n            template.gqlTypeName\n        ].join(\"_\");\n    };\n\n    return { getFullTypename };\n};\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,sBAAsB;AAC7C,OAAOC,SAAS,MAAM,qBAAqB;AAE3C,SAASC,cAAc;AACvB,SAASC,aAAa;AACtB,SAASC,QAAQ;AAEjB,MAAMC,cAAc,GAAIC,OAAe,IAAa;EAChD,OAAON,UAAU,CAACC,SAAS,CAACK,OAAO,CAAC,CAAC;AACzC,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,MAAM;IAAEC;EAAM,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAEK;EAAM,CAAC,GAAGN,aAAa,CAAC,CAAC;EACjC,MAAMO,MAAM,GAAGR,cAAc,CAAC,CAAC;EAE/B,MAAMS,eAAe,GAAIC,QAAgC,IAAK;IAC1D,IAAIC,aAAa,GAAGH,MAAM;IAC1B,MAAMI,OAAiB,GAAG,EAAE;IAC5B,OAAOD,aAAa,EAAE;MAClBC,OAAO,CAACC,IAAI,CAACV,cAAc,CAACQ,aAAa,CAACJ,KAAK,CAACO,OAAO,CAAC,CAAC;MAEzDH,aAAa,GAAGA,aAAa,CAACI,cAAc,CAAC,CAAC,CAAC;IACnD;IAEA,OAAO,CACHT,KAAK,CAACU,eAAe,EACrB,GAAGJ,OAAO,CAACK,OAAO,CAAC,CAAC,EACpBd,cAAc,CAACI,KAAK,CAACO,OAAO,CAAC,EAC7BJ,QAAQ,CAACQ,WAAW,CACvB,CAACC,IAAI,CAAC,GAAG,CAAC;EACf,CAAC;EAED,OAAO;IAAEV;EAAgB,CAAC;AAC9B,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/hidden.d.ts

@@ -1,2 +1,2 @@
-import type { CmsModelFieldRendererPlugin } from "../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../types.js";
 export declare const hiddenFieldRenderer: CmsModelFieldRendererPlugin;

package/admin/plugins/fieldRenderers/hidden.js.map

@@ -1 +1 @@
-{"version":3,"names":["hiddenFieldRenderer","type","name","renderer","rendererName","description","canUse","render"],"sources":["hidden.tsx"],"sourcesContent":["import type { CmsModelFieldRendererPlugin } from \"~/types\";\n\nexport const hiddenFieldRenderer: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-hidden\",\n    renderer: {\n        rendererName: \"hidden\",\n        name: \"Hidden Field\",\n        description: `Hides the component from the UI.`,\n        canUse() {\n            return true;\n        },\n        render() {\n            return null;\n        }\n    }\n};\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAgD,GAAG;EAC5DC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBF,IAAI,EAAE,cAAc;IACpBG,WAAW,EAAE,kCAAkC;IAC/CC,MAAMA,CAAA,EAAG;MACL,OAAO,IAAI;IACf,CAAC;IACDC,MAAMA,CAAA,EAAG;MACL,OAAO,IAAI;IACf;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["hiddenFieldRenderer","type","name","renderer","rendererName","description","canUse","render"],"sources":["hidden.tsx"],"sourcesContent":["import type { CmsModelFieldRendererPlugin } from \"~/types.js\";\n\nexport const hiddenFieldRenderer: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-hidden\",\n    renderer: {\n        rendererName: \"hidden\",\n        name: \"Hidden Field\",\n        description: `Hides the component from the UI.`,\n        canUse() {\n            return true;\n        },\n        render() {\n            return null;\n        }\n    }\n};\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAgD,GAAG;EAC5DC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBF,IAAI,EAAE,cAAc;IACpBG,WAAW,EAAE,kCAAkC;IAC/CC,MAAMA,CAAA,EAAG;MACL,OAAO,IAAI;IACf,CAAC;IACDC,MAAMA,CAAA,EAAG;MACL,OAAO,IAAI;IACf;EACJ;AACJ,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/lexicalText/index.d.ts

@@ -1 +1 @@
-export declare const createLexicalInput: () => import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[];
+export declare const createLexicalInput: () => import("@webiny/app-headless-cms-common/types/index.js").CmsModelFieldRendererPlugin[];

package/admin/plugins/fieldRenderers/lexicalText/index.js

@@ -1,5 +1,5 @@
-import lexicalTextInput from "./lexicalTextInput";
-import lexicalTextInputs from "./lexicalTextInputs";
+import lexicalTextInput from "./lexicalTextInput.js";
+import lexicalTextInputs from "./lexicalTextInputs.js";
 export const createLexicalInput = () => {
   return [lexicalTextInput, lexicalTextInputs];
 };

package/admin/plugins/fieldRenderers/lexicalText/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["lexicalTextInput","lexicalTextInputs","createLexicalInput"],"sources":["index.ts"],"sourcesContent":["import lexicalTextInput from \"./lexicalTextInput\";\nimport lexicalTextInputs from \"./lexicalTextInputs\";\nexport const createLexicalInput = () => {\n    return [lexicalTextInput, lexicalTextInputs];\n};\n"],"mappings":"AAAA,OAAOA,gBAAgB;AACvB,OAAOC,iBAAiB;AACxB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,OAAO,CAACF,gBAAgB,EAAEC,iBAAiB,CAAC;AAChD,CAAC","ignoreList":[]}
+{"version":3,"names":["lexicalTextInput","lexicalTextInputs","createLexicalInput"],"sources":["index.ts"],"sourcesContent":["import lexicalTextInput from \"./lexicalTextInput.js\";\nimport lexicalTextInputs from \"./lexicalTextInputs.js\";\nexport const createLexicalInput = () => {\n    return [lexicalTextInput, lexicalTextInputs];\n};\n"],"mappings":"AAAA,OAAOA,gBAAgB;AACvB,OAAOC,iBAAiB;AACxB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,OAAO,CAACF,gBAAgB,EAAEC,iBAAiB,CAAC;AAChD,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInput.d.ts

@@ -1,3 +1,3 @@
-import type { CmsModelFieldRendererPlugin } from "../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../types.js";
 declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;