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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_Typography","_Button","_TemplateIcon","_EMOTION_STRINGIFIED_CSS_ERROR__","CardContainer","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","CardIcon","CardBody","CardTitle","Typography","CardDescription","CardButton","ButtonSecondary","TemplateItem","exports","makeDecoratable","_ref","template","onTemplate","createElement","TemplateIcon","icon","tag","use","description","onClick"],"sources":["TemplateItem.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ButtonSecondary } from \"@webiny/ui/Button\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { TemplateIcon } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateIcon\";\n\nconst CardContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    width: 170px;\n    height: 200px;\n    margin: 5px;\n    border: 1px solid var(--mdc-theme-background);\n`;\n\nconst CardIcon = styled.div`\n    text-align: center;\n    padding: 25px;\n    font-size: 1.5rem;\n    background-color: var(--mdc-theme-background);\n`;\n\nconst CardBody = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    padding: 10px;\n    text-align: left;\n`;\n\nconst CardTitle = styled(Typography)`\n    margin-bottom: 10px;\n`;\n\nconst CardDescription = styled(Typography)`\n    text-overflow: ellipsis;\n    margin-bottom: 10px;\n    white-space: nowrap;\n    overflow: hidden;\n`;\n\nconst CardButton = styled(ButtonSecondary)`\n    font-size: 0.7rem;\n    line-height: 100%;\n    margin-top: auto;\n`;\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            <CardContainer>\n                <CardIcon>\n                    <TemplateIcon icon={template.icon} />\n                </CardIcon>\n                <CardBody>\n                    <CardTitle tag={\"p\"} use={\"subtitle2\"}>\n                        {template.name}\n                    </CardTitle>\n                    <CardDescription tag={\"p\"} use={\"body2\"}>\n                        {template.description}\n                    </CardDescription>\n                    <CardButton onClick={() => onTemplate(template)}>+ Insert Template</CardButton>\n                </CardBody>\n            </CardContainer>\n        );\n    }\n);\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AAAuF,SAAAK,iCAAA;AAEvF,IAAMC,aAAa,oBAAAC,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAOlB;AAED,IAAMa,QAAQ,oBAAAX,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAKb;AAED,IAAMc,QAAQ,oBAAAZ,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAMb;AAED,IAAMe,SAAS,gBAAG,IAAAb,KAAA,CAAAC,OAAA,EAAOa,sBAAU,EAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAEnC;AAED,IAAMiB,eAAe,gBAAG,IAAAf,KAAA,CAAAC,OAAA,EAAOa,sBAAU,EAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAKzC;AAED,IAAMkB,UAAU,gBAAG,IAAAhB,KAAA,CAAAC,OAAA,EAAOgB,uBAAe,EAAAf,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,EAIzC;AAOM,IAAMoB,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,yBAAe,EACvC,cAAc,EACd,UAAAC,IAAA,EAAiD;EAAA,IAA9CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;EACnB,oBACIhC,MAAA,CAAAU,OAAA,CAAAuB,aAAA,CAACzB,aAAa,qBACVR,MAAA,CAAAU,OAAA,CAAAuB,aAAA,CAACb,QAAQ,qBACLpB,MAAA,CAAAU,OAAA,CAAAuB,aAAA,CAAC3B,aAAA,CAAA4B,YAAY;IAACC,IAAI,EAAEJ,QAAQ,CAACI;EAAK,CAAE,CAC9B,CAAC,eACXnC,MAAA,CAAAU,OAAA,CAAAuB,aAAA,CAACZ,QAAQ,qBACLrB,MAAA,CAAAU,OAAA,CAAAuB,aAAA,CAACX,SAAS;IAACc,GAAG,EAAE,GAAI;IAACC,GAAG,EAAE;EAAY,GACjCN,QAAQ,CAACf,IACH,CAAC,eACZhB,MAAA,CAAAU,OAAA,CAAAuB,aAAA,CAACT,eAAe;IAACY,GAAG,EAAE,GAAI;IAACC,GAAG,EAAE;EAAQ,GACnCN,QAAQ,CAACO,WACG,CAAC,eAClBtC,MAAA,CAAAU,OAAA,CAAAuB,aAAA,CAACR,UAAU;IAACc,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQP,UAAU,CAACD,QAAQ,CAAC;IAAA;EAAC,GAAC,mBAA6B,CACxE,CACC,CAAC;AAExB,CACJ,CAAC","ignoreList":[]}
+{"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 { 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":[]}

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

@@ -1,27 +1,18 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TemplateProvider = void 0;
-exports.useTemplate = useTemplate;
-var _react = _interopRequireWildcard(require("react"));
-var TemplateContext = /*#__PURE__*/_react.default.createContext(undefined);
-var TemplateProvider = exports.TemplateProvider = function TemplateProvider(_ref) {
-  var template = _ref.template,
-    children = _ref.children;
-  var context = (0, _react.useMemo)(function () {
-    return {
-      template: template
-    };
-  }, [template.id]);
-  return /*#__PURE__*/_react.default.createElement(TemplateContext.Provider, {
+import React, { useMemo } from "react";
+const TemplateContext = /*#__PURE__*/React.createContext(undefined);
+export const TemplateProvider = ({
+  template,
+  children
+}) => {
+  const context = useMemo(() => ({
+    template
+  }), [template.id]);
+  return /*#__PURE__*/React.createElement(TemplateContext.Provider, {
     value: context
   }, children);
 };
-function useTemplate() {
-  return _react.default.useContext(TemplateContext);
+export function useTemplate() {
+  return React.useContext(TemplateContext);
 }
 
 //# sourceMappingURL=TemplateProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","TemplateContext","React","createContext","undefined","TemplateProvider","exports","_ref","template","children","context","useMemo","id","default","createElement","Provider","value","useTemplate","useContext"],"sources":["TemplateProvider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { 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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAMC,eAAe,gBAAGC,cAAK,CAACC,aAAa,CAA8BC,SAAS,CAAC;AAO5E,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAAE,IAAA,EAAsD;EAAA,IAAhDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACjD,IAAMC,OAAO,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAO;MAAEH,QAAQ,EAARA;IAAS,CAAC;EAAA,CAAC,EAAE,CAACA,QAAQ,CAACI,EAAE,CAAC,CAAC;EAC5D,oBAAOd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,eAAe,CAACc,QAAQ;IAACC,KAAK,EAAEN;EAAQ,GAAED,QAAmC,CAAC;AAC1F,CAAC;AAEM,SAASQ,WAAWA,CAAA,EAAG;EAC1B,OAAOf,cAAK,CAACgB,UAAU,CAACjB,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 { 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":[]}

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

@@ -1,63 +1,67 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 { makeDecoratable } from "@webiny/react-composition";
+import { Accordion, FormComponentErrorMessage } from "@webiny/admin-ui";
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImR5bmFtaWNab25lUmVuZGVyZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCMkIiLCJmaWxlIjoiZHluYW1pY1pvbmVSZW5kZXJlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQge1xuICAgIEJpbmRDb21wb25lbnQsXG4gICAgQmluZENvbXBvbmVudFJlbmRlclByb3AsXG4gICAgQ21zTW9kZWwsXG4gICAgQ21zTW9kZWxGaWVsZCxcbiAgICBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQbHVnaW4sXG4gICAgQ21zTW9kZWxGaWVsZFJlbmRlcmVyUHJvcHNcbn0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IFNpbmdsZVZhbHVlRHluYW1pY1pvbmUgfSBmcm9tIFwiLi9TaW5nbGVWYWx1ZUR5bmFtaWNab25lXCI7XG5pbXBvcnQgeyBNdWx0aVZhbHVlRHluYW1pY1pvbmUgfSBmcm9tIFwiLi9NdWx0aVZhbHVlRHluYW1pY1pvbmVcIjtcbmltcG9ydCB7IEFjY29yZGlvblJlbmRlclNldHRpbmdzLCBnZXRBY2NvcmRpb25SZW5kZXJTZXR0aW5ncyB9IGZyb20gXCIuLi9BY2NvcmRpb25SZW5kZXJTZXR0aW5nc1wiO1xuaW1wb3J0IHsgbWFrZURlY29yYXRhYmxlIH0gZnJvbSBcIkB3ZWJpbnkvcmVhY3QtY29tcG9zaXRpb25cIjtcbmltcG9ydCB7IEFjY29yZGlvbiwgRm9ybUNvbXBvbmVudEVycm9yTWVzc2FnZSB9IGZyb20gXCJAd2ViaW55L2FkbWluLXVpXCI7XG5cbmNvbnN0IG5vQm90dG9tUGFkZGluZyA9IGNzc2BcbiAgICA+IC53ZWJpbnktdWktYWNjb3JkaW9uLWl0ZW1fX2NvbnRlbnQge1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMCAhaW1wb3J0YW50O1xuICAgIH1cbmA7XG5cbmV4cG9ydCB0eXBlIER5bmFtaWNab25lQ29udGFpbmVyUHJvcHMgPSB7XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgZ2V0QmluZDogKGluZGV4PzogbnVtYmVyLCBrZXk/OiBzdHJpbmcpID0+IEJpbmRDb21wb25lbnQ7XG4gICAgY29udGVudE1vZGVsOiBDbXNNb2RlbDtcbiAgICBiaW5kOiBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcDtcbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAgIHRpdGxlPzogc3RyaW5nO1xuICAgIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgICBhY3Rpb25zPzogSlNYLkVsZW1lbnQ7XG59O1xuXG5leHBvcnQgY29uc3QgRHluYW1pY1pvbmVDb250YWluZXIgPSBtYWtlRGVjb3JhdGFibGUoXG4gICAgXCJEeW5hbWljWm9uZUNvbnRhaW5lclwiLFxuICAgIChwcm9wczogRHluYW1pY1pvbmVDb250YWluZXJQcm9wcykgPT4ge1xuICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICBmaWVsZCxcbiAgICAgICAgICAgIGJpbmQ6IHtcbiAgICAgICAgICAgICAgICB2YWxpZGF0aW9uOiB7IGlzVmFsaWQsIG1lc3NhZ2UgfVxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHRpdGxlID0gZmllbGQubGFiZWwsXG4gICAgICAgICAgICBkZXNjcmlwdGlvbiA9IGZpZWxkLmhlbHBUZXh0LFxuICAgICAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAgICAgY2hpbGRyZW5cbiAgICAgICAgfSA9IHByb3BzO1xuXG4gICAgICAgIGNvbnN0IGRlZmF1bHRDbGFzc05hbWUgPSBmaWVsZC5tdWx0aXBsZVZhbHVlcyA/IG5vQm90dG9tUGFkZGluZyA6IHVuZGVmaW5lZDtcbiAgICAgICAgY29uc3QgeyBvcGVuIH0gPSBnZXRBY2NvcmRpb25SZW5kZXJTZXR0aW5ncyhmaWVsZCk7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgPEFjY29yZGlvbj5cbiAgICAgICAgICAgICAgICAgICAgPEFjY29yZGlvbi5JdGVtXG4gICAgICAgICAgICAgICAgICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgICAgICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZSB8fCBkZWZhdWx0Q2xhc3NOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgZGVmYXVsdE9wZW49e29wZW59XG4gICAgICAgICAgICAgICAgICAgICAgICBhY3Rpb25zPXtwcm9wcy5hY3Rpb25zID8/IG51bGx9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICAgICAgPC9BY2NvcmRpb24uSXRlbT5cbiAgICAgICAgICAgICAgICA8L0FjY29yZGlvbj5cbiAgICAgICAgICAgICAgICB7aXNWYWxpZCA9PT0gZmFsc2UgJiYgPEZvcm1Db21wb25lbnRFcnJvck1lc3NhZ2UgdGV4dD17bWVzc2FnZX0gLz59XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgKTtcbiAgICB9XG4pO1xuXG5jb25zdCBEeW5hbWljWm9uZUNvbnRlbnQgPSAoeyBmaWVsZCwgZ2V0QmluZCwgY29udGVudE1vZGVsIH06IENtc01vZGVsRmllbGRSZW5kZXJlclByb3BzKSA9PiB7XG4gICAgY29uc3QgdGVtcGxhdGVzID0gZmllbGQuc2V0dGluZ3M/LnRlbXBsYXRlcyB8fCBbXTtcbiAgICBpZiAoIXRlbXBsYXRlcy5sZW5ndGgpIHtcbiAgICAgICAgY29uc29sZS5pbmZvKFxuICAgICAgICAgICAgYFNraXBwaW5nIFwiJHtmaWVsZC5maWVsZElkfVwiIGZpZWxkLiBUaGVyZSBhcmUgbm8gdGVtcGxhdGVzIGRlZmluZWQgZm9yIHRoaXMgZHluYW1pYyB6b25lLmBcbiAgICAgICAgKTtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgY29uc3QgQmluZCA9IGdldEJpbmQoKTtcblxuICAgIGNvbnN0IENvbXBvbmVudCA9IGZpZWxkLm11bHRpcGxlVmFsdWVzID8gTXVsdGlWYWx1ZUR5bmFtaWNab25lIDogU2luZ2xlVmFsdWVEeW5hbWljWm9uZTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxCaW5kPlxuICAgICAgICAgICAge2JpbmQgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIDxCaW5kLlZhbGlkYXRpb25Db250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8RHluYW1pY1pvbmVDb250YWluZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWVsZD17ZmllbGR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYmluZD17YmluZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBnZXRCaW5kPXtnZXRCaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnRNb2RlbD17Y29udGVudE1vZGVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDb21wb25lbnRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYmluZD17YmluZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmllbGQ9e2ZpZWxkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBnZXRCaW5kPXtnZXRCaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb250ZW50TW9kZWw9e2NvbnRlbnRNb2RlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9EeW5hbWljWm9uZUNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgPC9CaW5kLlZhbGlkYXRpb25Db250YWluZXI+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgIDwvQmluZD5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNab25lRmllbGRSZW5kZXJlcjogQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luID0ge1xuICAgIHR5cGU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlclwiLFxuICAgIG5hbWU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlci1keW5hbWljLXpvbmVcIixcbiAgICByZW5kZXJlcjoge1xuICAgICAgICByZW5kZXJlck5hbWU6IFwiZHluYW1pY1pvbmVcIixcbiAgICAgICAgbmFtZTogXCJEeW5hbWljIFpvbmVcIixcbiAgICAgICAgZGVzY3JpcHRpb246IFwiUmVuZGVycyBhIGR5bmFtaWMgem9uZS5cIixcbiAgICAgICAgY2FuVXNlKHsgZmllbGQgfSkge1xuICAgICAgICAgICAgcmV0dXJuIGZpZWxkLnR5cGUgPT09IFwiZHluYW1pY1pvbmVcIjtcbiAgICAgICAgfSxcbiAgICAgICAgcmVuZGVyKHByb3BzKSB7XG4gICAgICAgICAgICByZXR1cm4gPER5bmFtaWNab25lQ29udGVudCB7Li4ucHJvcHN9IC8+O1xuICAgICAgICB9LFxuICAgICAgICByZW5kZXJTZXR0aW5ncyh7IGZpZWxkIH0pIHtcbiAgICAgICAgICAgIHJldHVybiA8QWNjb3JkaW9uUmVuZGVyU2V0dGluZ3MgZmllbGQ9e2ZpZWxkfSAvPjtcbiAgICAgICAgfVxuICAgIH1cbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.dynamicZoneFieldRenderer = exports.DynamicZoneContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _Accordion = require("@webiny/ui/Accordion");
-var _SingleValueDynamicZone = require("./SingleValueDynamicZone");
-var _MultiValueDynamicZone = require("./MultiValueDynamicZone");
-var _AccordionRenderSettings = require("../AccordionRenderSettings");
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-var _reactComposition = require("@webiny/react-composition");
-var _templateObject;
-var noBottomPadding = (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    > .webiny-ui-accordion-item__content {\n        padding-bottom: 0 !important;\n    }\n"])));
-var DynamicZoneContainer = exports.DynamicZoneContainer = (0, _reactComposition.makeDecoratable)("DynamicZoneContainer", function (props) {
-  var field = props.field,
-    _props$bind$validatio = props.bind.validation,
-    isValid = _props$bind$validatio.isValid,
-    message = _props$bind$validatio.message,
-    _props$title = props.title,
-    title = _props$title === void 0 ? field.label : _props$title,
-    _props$description = props.description,
-    description = _props$description === void 0 ? field.helpText : _props$description,
-    className = props.className,
-    children = props.children;
-  var defaultClassName = field.multipleValues ? noBottomPadding : undefined;
-  var _getAccordionRenderSe = (0, _AccordionRenderSettings.getAccordionRenderSettings)(field),
-    open = _getAccordionRenderSe.open;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
+export const DynamicZoneContainer = makeDecoratable("DynamicZoneContainer", props => {
+  const {
+    field,
+    bind: {
+      validation: {
+        isValid,
+        message
+      }
+    },
+    title = field.label,
+    description = field.helpText,
+    className,
+    children
+  } = props;
+  const defaultClassName = field.multipleValues ? noBottomPadding : undefined;
+  const {
+    open
+  } = getAccordionRenderSettings(field);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(Accordion.Item, {
     title: title,
     description: description,
     className: className || defaultClassName,
-    open: open,
+    defaultOpen: open,
     actions: props.actions ?? null
-  }, children)), isValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-    error: true
-  }, message));
+  }, children)), isValid === false && /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
+    text: message
+  }));
 });
-var DynamicZoneContent = function DynamicZoneContent(_ref) {
-  var field = _ref.field,
-    getBind = _ref.getBind,
-    contentModel = _ref.contentModel;
-  var templates = field.settings?.templates || [];
+const DynamicZoneContent = ({
+  field,
+  getBind,
+  contentModel
+}) => {
+  const templates = field.settings?.templates || [];
   if (!templates.length) {
-    console.info("Skipping \"".concat(field.fieldId, "\" field. There are no templates defined for this dynamic zone."));
+    console.info(`Skipping "${field.fieldId}" field. There are no templates defined for this dynamic zone.`);
     return null;
   }
-  var Bind = getBind();
-  var Component = field.multipleValues ? _MultiValueDynamicZone.MultiValueDynamicZone : _SingleValueDynamicZone.SingleValueDynamicZone;
-  return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-    return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(DynamicZoneContainer, {
+  const Bind = getBind();
+  const Component = field.multipleValues ? MultiValueDynamicZone : SingleValueDynamicZone;
+  return /*#__PURE__*/React.createElement(Bind, null, bind => {
+    return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(DynamicZoneContainer, {
       field: field,
       bind: bind,
       getBind: getBind,
       contentModel: contentModel
-    }, /*#__PURE__*/_react.default.createElement(Component, {
+    }, /*#__PURE__*/React.createElement(Component, {
       bind: bind,
       field: field,
       getBind: getBind,
@@ -65,23 +69,25 @@ var DynamicZoneContent = function DynamicZoneContent(_ref) {
     })));
   });
 };
-var dynamicZoneFieldRenderer = exports.dynamicZoneFieldRenderer = {
+export const dynamicZoneFieldRenderer = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-dynamic-zone",
   renderer: {
     rendererName: "dynamicZone",
     name: "Dynamic Zone",
     description: "Renders a dynamic zone.",
-    canUse: function canUse(_ref2) {
-      var field = _ref2.field;
+    canUse({
+      field
+    }) {
       return field.type === "dynamicZone";
     },
-    render: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(DynamicZoneContent, props);
+    render(props) {
+      return /*#__PURE__*/React.createElement(DynamicZoneContent, props);
     },
-    renderSettings: function renderSettings(_ref3) {
-      var field = _ref3.field;
-      return /*#__PURE__*/_react.default.createElement(_AccordionRenderSettings.AccordionRenderSettings, {
+    renderSettings({
+      field
+    }) {
+      return /*#__PURE__*/React.createElement(AccordionRenderSettings, {
         field: field
       });
     }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Accordion","_SingleValueDynamicZone","_MultiValueDynamicZone","_AccordionRenderSettings","_FormElementMessage","_reactComposition","_templateObject","noBottomPadding","css","_taggedTemplateLiteral2","default","DynamicZoneContainer","exports","makeDecoratable","props","field","_props$bind$validatio","bind","validation","isValid","message","_props$title","title","label","_props$description","description","helpText","className","children","defaultClassName","multipleValues","undefined","_getAccordionRenderSe","getAccordionRenderSettings","open","createElement","Fragment","Accordion","AccordionItem","actions","FormElementMessage","error","DynamicZoneContent","_ref","getBind","contentModel","templates","settings","length","console","info","concat","fieldId","Bind","Component","MultiValueDynamicZone","SingleValueDynamicZone","ValidationContainer","dynamicZoneFieldRenderer","type","name","renderer","rendererName","canUse","_ref2","render","renderSettings","_ref3","AccordionRenderSettings"],"sources":["dynamicZoneRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport {\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 { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\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                    <AccordionItem\n                        title={title}\n                        description={description}\n                        className={className || defaultClassName}\n                        open={open}\n                        actions={props.actions ?? null}\n                    >\n                        {children}\n                    </AccordionItem>\n                </Accordion>\n                {isValid === false && (\n                    <FormElementMessage error={true}>{message}</FormElementMessage>\n                )}\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","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 {\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":[]}

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

@@ -1,66 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  DynamicZoneContainerProps: true,
-  DynamicZoneContainer: true,
-  TemplateGallery: true,
-  MultiValueItemContainer: true,
-  MultiValueContainer: true,
-  MultiValueItem: true
-};
-Object.defineProperty(exports, "DynamicZoneContainer", {
-  enumerable: true,
-  get: function get() {
-    return _dynamicZoneRenderer.DynamicZoneContainer;
-  }
-});
-Object.defineProperty(exports, "DynamicZoneContainerProps", {
-  enumerable: true,
-  get: function get() {
-    return _dynamicZoneRenderer.DynamicZoneContainerProps;
-  }
-});
-Object.defineProperty(exports, "MultiValueContainer", {
-  enumerable: true,
-  get: function get() {
-    return _MultiValueDynamicZone.MultiValueContainer;
-  }
-});
-Object.defineProperty(exports, "MultiValueItem", {
-  enumerable: true,
-  get: function get() {
-    return _MultiValueDynamicZone.MultiValueItem;
-  }
-});
-Object.defineProperty(exports, "MultiValueItemContainer", {
-  enumerable: true,
-  get: function get() {
-    return _MultiValueDynamicZone.MultiValueItemContainer;
-  }
-});
-Object.defineProperty(exports, "TemplateGallery", {
-  enumerable: true,
-  get: function get() {
-    return _TemplateGallery.TemplateGallery;
-  }
-});
-var _dynamicZoneRenderer = require("./dynamicZoneRenderer");
-var _TemplateGallery = require("./TemplateGallery");
-var _MultiValueDynamicZone = require("./MultiValueDynamicZone");
-var _TemplateProvider = require("./TemplateProvider");
-Object.keys(_TemplateProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TemplateProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TemplateProvider[key];
-    }
-  });
-});
+export { DynamicZoneContainerProps, DynamicZoneContainer } from "./dynamicZoneRenderer";
+export { TemplateGallery } from "./TemplateGallery";
+export { MultiValueItemContainer, MultiValueContainer, MultiValueItem } from "./MultiValueDynamicZone";
+export * from "./TemplateProvider";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_dynamicZoneRenderer","require","_TemplateGallery","_MultiValueDynamicZone","_TemplateProvider","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export { DynamicZoneContainerProps, DynamicZoneContainer } from \"./dynamicZoneRenderer\";\nexport { TemplateGallery } from \"./TemplateGallery\";\nexport {\n    MultiValueItemContainer,\n    MultiValueContainer,\n    MultiValueItem\n} from \"./MultiValueDynamicZone\";\nexport * from \"./TemplateProvider\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAKA,IAAAG,iBAAA,GAAAH,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAF,iBAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,iBAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,iBAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["DynamicZoneContainerProps","DynamicZoneContainer","TemplateGallery","MultiValueItemContainer","MultiValueContainer","MultiValueItem"],"sources":["index.tsx"],"sourcesContent":["export { DynamicZoneContainerProps, DynamicZoneContainer } from \"./dynamicZoneRenderer\";\nexport { TemplateGallery } from \"./TemplateGallery\";\nexport {\n    MultiValueItemContainer,\n    MultiValueContainer,\n    MultiValueItem\n} from \"./MultiValueDynamicZone\";\nexport * from \"./TemplateProvider\";\n"],"mappings":"AAAA,SAASA,yBAAyB,EAAEC,oBAAoB;AACxD,SAASC,eAAe;AACxB,SACIC,uBAAuB,EACvBC,mBAAmB,EACnBC,cAAc;AAElB","ignoreList":[]}

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

@@ -1,36 +1,30 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTemplateTypename = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
-var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
-var _ParentValue = require("../../../components/ContentEntryForm/ParentValue");
-var _ModelFieldProvider = require("../../../components/ModelFieldProvider");
-var _ModelProvider = require("../../../components/ModelProvider");
-var createTypeName = function createTypeName(modelId) {
-  return (0, _upperFirst.default)((0, _camelCase.default)(modelId));
+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";
+const createTypeName = modelId => {
+  return upperFirst(camelCase(modelId));
 };
-var useTemplateTypename = exports.useTemplateTypename = function useTemplateTypename() {
-  var _useModel = (0, _ModelProvider.useModel)(),
-    model = _useModel.model;
-  var _useModelField = (0, _ModelFieldProvider.useModelField)(),
-    field = _useModelField.field;
-  var parent = (0, _ParentValue.useParentField)();
-  var getFullTypename = function getFullTypename(template) {
-    var currentParent = parent;
-    var parents = [];
+export const useTemplateTypename = () => {
+  const {
+    model
+  } = useModel();
+  const {
+    field
+  } = useModelField();
+  const parent = useParentField();
+  const getFullTypename = template => {
+    let currentParent = parent;
+    const parents = [];
     while (currentParent) {
       parents.push(createTypeName(currentParent.field.fieldId));
       currentParent = currentParent.getParentField(0);
     }
-    return [model.singularApiName].concat((0, _toConsumableArray2.default)(parents.reverse()), [createTypeName(field.fieldId), template.gqlTypeName]).join("_");
+    return [model.singularApiName, ...parents.reverse(), createTypeName(field.fieldId), template.gqlTypeName].join("_");
   };
   return {
-    getFullTypename: getFullTypename
+    getFullTypename
   };
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["_upperFirst","_interopRequireDefault","require","_camelCase","_ParentValue","_ModelFieldProvider","_ModelProvider","createTypeName","modelId","upperFirst","camelCase","useTemplateTypename","exports","_useModel","useModel","model","_useModelField","useModelField","field","parent","useParentField","getFullTypename","template","currentParent","parents","push","fieldId","getParentField","singularApiName","concat","_toConsumableArray2","default","reverse","gqlTypeName","join"],"sources":["useTemplateTypename.ts"],"sourcesContent":["import upperFirst from \"lodash/upperFirst\";\nimport camelCase from \"lodash/camelCase\";\nimport { 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,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEA,IAAMK,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,OAAe,EAAa;EAChD,OAAO,IAAAC,mBAAU,EAAC,IAAAC,kBAAS,EAACF,OAAO,CAAC,CAAC;AACzC,CAAC;AAEM,IAAMG,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EACrC,IAAAE,SAAA,GAAkB,IAAAC,uBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EACb,IAAAC,cAAA,GAAkB,IAAAC,iCAAa,EAAC,CAAC;IAAzBC,KAAK,GAAAF,cAAA,CAALE,KAAK;EACb,IAAMC,MAAM,GAAG,IAAAC,2BAAc,EAAC,CAAC;EAE/B,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,QAAgC,EAAK;IAC1D,IAAIC,aAAa,GAAGJ,MAAM;IAC1B,IAAMK,OAAiB,GAAG,EAAE;IAC5B,OAAOD,aAAa,EAAE;MAClBC,OAAO,CAACC,IAAI,CAAClB,cAAc,CAACgB,aAAa,CAACL,KAAK,CAACQ,OAAO,CAAC,CAAC;MAEzDH,aAAa,GAAGA,aAAa,CAACI,cAAc,CAAC,CAAC,CAAC;IACnD;IAEA,OAAO,CACHZ,KAAK,CAACa,eAAe,EAAAC,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EAClBP,OAAO,CAACQ,OAAO,CAAC,CAAC,IACpBzB,cAAc,CAACW,KAAK,CAACQ,OAAO,CAAC,EAC7BJ,QAAQ,CAACW,WAAW,GACtBC,IAAI,CAAC,GAAG,CAAC;EACf,CAAC;EAED,OAAO;IAAEb,eAAe,EAAfA;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\";\nimport camelCase from \"lodash/camelCase\";\nimport { 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":[]}

package/admin/plugins/fieldRenderers/hidden.js

@@ -1,20 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.hiddenFieldRenderer = void 0;
-var hiddenFieldRenderer = exports.hiddenFieldRenderer = {
+export const hiddenFieldRenderer = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-hidden",
   renderer: {
     rendererName: "hidden",
     name: "Hidden Field",
-    description: "Hides the component from the UI.",
-    canUse: function canUse() {
+    description: `Hides the component from the UI.`,
+    canUse() {
       return true;
     },
-    render: function render() {
+    render() {
       return null;
     }
   }

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

@@ -1 +1 @@
-{"version":3,"names":["hiddenFieldRenderer","exports","type","name","renderer","rendererName","description","canUse","render"],"sources":["hidden.tsx"],"sourcesContent":["import { 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":";;;;;;AAEO,IAAMA,mBAAgD,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EAC5DE,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBF,IAAI,EAAE,cAAc;IACpBG,WAAW,oCAAoC;IAC/CC,MAAM,WAANA,MAAMA,CAAA,EAAG;MACL,OAAO,IAAI;IACf,CAAC;IACDC,MAAM,WAANA,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 { 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":[]}

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

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createLexicalInput = void 0;
-var _lexicalTextInput = _interopRequireDefault(require("./lexicalTextInput"));
-var _lexicalTextInputs = _interopRequireDefault(require("./lexicalTextInputs"));
-var createLexicalInput = exports.createLexicalInput = function createLexicalInput() {
-  return [_lexicalTextInput.default, _lexicalTextInputs.default];
+import lexicalTextInput from "./lexicalTextInput";
+import lexicalTextInputs from "./lexicalTextInputs";
+export const createLexicalInput = () => {
+  return [lexicalTextInput, lexicalTextInputs];
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_lexicalTextInput","_interopRequireDefault","require","_lexicalTextInputs","createLexicalInput","exports","lexicalTextInput","lexicalTextInputs"],"sources":["index.ts"],"sourcesContent":["import lexicalTextInput from \"./lexicalTextInput\";\nimport lexicalTextInputs from \"./lexicalTextInputs\";\nexport const createLexicalInput = () => {\n    return [lexicalTextInput, lexicalTextInputs];\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACO,IAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACpC,OAAO,CAACE,yBAAgB,EAAEC,0BAAiB,CAAC;AAChD,CAAC","ignoreList":[]}
+{"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":[]}