@webiny/app-headless-cms 5.34.8 → 5.35.0-beta.0

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

@@ -1,48 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SingleValueDynamicZone = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _delete_outline = require("@material-design-icons/svg/outlined/delete_outline.svg");
-
 var _Accordion = require("@webiny/ui/Accordion");
-
 var _Fields = require("../../../components/ContentEntryForm/Fields");
-
 var _AddTemplate = require("./AddTemplate");
-
 var _TemplateIcon = require("./TemplateIcon");
-
 var SingleValueDynamicZone = function SingleValueDynamicZone(_ref) {
   var _field$settings;
-
   var field = _ref.field,
-      bind = _ref.bind,
-      contentModel = _ref.contentModel,
-      getBind = _ref.getBind;
-
+    bind = _ref.bind,
+    contentModel = _ref.contentModel,
+    getBind = _ref.getBind;
   var onTemplate = function onTemplate(template) {
     bind.onChange({
       _templateId: template.id
     });
   };
-
   var templates = ((_field$settings = field.settings) === null || _field$settings === void 0 ? void 0 : _field$settings.templates) || [];
   var template = bind.value ? templates.find(function (tpl) {
     return tpl.id === bind.value._templateId;
   }) : undefined;
   var Bind = getBind();
-
   var unsetValue = function unsetValue() {
     bind.onChange(null);
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, template ? /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
     title: template.name,
     description: template.description,
@@ -64,5 +51,4 @@ var SingleValueDynamicZone = function SingleValueDynamicZone(_ref) {
     onTemplate: onTemplate
   }));
 };
-
 exports.SingleValueDynamicZone = SingleValueDynamicZone;

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

@@ -1 +1 @@
-{"version":3,"names":["SingleValueDynamicZone","field","bind","contentModel","getBind","onTemplate","template","onChange","_templateId","id","templates","settings","value","find","tpl","undefined","Bind","unsetValue","name","description","icon","fields","layout"],"sources":["SingleValueDynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { AddTemplateButton } from \"./AddTemplate\";\nimport { TemplateIcon } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateIcon\";\nimport {\n    BindComponentRenderProp,\n    CmsDynamicZoneTemplate,\n    CmsEditorFieldRendererProps,\n    CmsModel,\n    CmsModelField\n} from \"~/types\";\n\ntype GetBind = CmsEditorFieldRendererProps[\"getBind\"];\n\ninterface SingleValueDynamicZoneProps {\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    contentModel: CmsModel;\n    getBind: GetBind;\n}\n\nexport const SingleValueDynamicZone = ({\n    field,\n    bind,\n    contentModel,\n    getBind\n}: SingleValueDynamicZoneProps) => {\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        bind.onChange({ _templateId: template.id });\n    };\n\n    const templates = field.settings?.templates || [];\n\n    const template: CmsDynamicZoneTemplate | undefined = bind.value\n        ? templates.find(tpl => tpl.id === bind.value._templateId)\n        : undefined;\n\n    const Bind = getBind();\n\n    const unsetValue = () => {\n        bind.onChange(null);\n    };\n\n    return (\n        <>\n            {template ? (\n                <Accordion>\n                    <AccordionItem\n                        title={template.name}\n                        description={template.description}\n                        icon={<TemplateIcon icon={template.icon} />}\n                        open={true}\n                        interactive={false}\n                        actions={\n                            <AccordionItem.Actions>\n                                <AccordionItem.Action icon={<DeleteIcon />} onClick={unsetValue} />\n                            </AccordionItem.Actions>\n                        }\n                    >\n                        <Fields\n                            fields={template.fields}\n                            layout={template.layout || []}\n                            contentModel={contentModel}\n                            Bind={Bind}\n                        />\n                    </AccordionItem>\n                </Accordion>\n            ) : null}\n            {bind.value ? null : <AddTemplateButton onTemplate={onTemplate} />}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAkBO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAKH;EAAA;;EAAA,IAJ/BC,KAI+B,QAJ/BA,KAI+B;EAAA,IAH/BC,IAG+B,QAH/BA,IAG+B;EAAA,IAF/BC,YAE+B,QAF/BA,YAE+B;EAAA,IAD/BC,OAC+B,QAD/BA,OAC+B;;EAC/B,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAAsC;IACrDJ,IAAI,CAACK,QAAL,CAAc;MAAEC,WAAW,EAAEF,QAAQ,CAACG;IAAxB,CAAd;EACH,CAFD;;EAIA,IAAMC,SAAS,GAAG,oBAAAT,KAAK,CAACU,QAAN,oEAAgBD,SAAhB,KAA6B,EAA/C;EAEA,IAAMJ,QAA4C,GAAGJ,IAAI,CAACU,KAAL,GAC/CF,SAAS,CAACG,IAAV,CAAe,UAAAC,GAAG;IAAA,OAAIA,GAAG,CAACL,EAAJ,KAAWP,IAAI,CAACU,KAAL,CAAWJ,WAA1B;EAAA,CAAlB,CAD+C,GAE/CO,SAFN;EAIA,IAAMC,IAAI,GAAGZ,OAAO,EAApB;;EAEA,IAAMa,UAAU,GAAG,SAAbA,UAAa,GAAM;IACrBf,IAAI,CAACK,QAAL,CAAc,IAAd;EACH,CAFD;;EAIA,oBACI,4DACKD,QAAQ,gBACL,6BAAC,oBAAD,qBACI,6BAAC,wBAAD;IACI,KAAK,EAAEA,QAAQ,CAACY,IADpB;IAEI,WAAW,EAAEZ,QAAQ,CAACa,WAF1B;IAGI,IAAI,eAAE,6BAAC,0BAAD;MAAc,IAAI,EAAEb,QAAQ,CAACc;IAA7B,EAHV;IAII,IAAI,EAAE,IAJV;IAKI,WAAW,EAAE,KALjB;IAMI,OAAO,eACH,6BAAC,wBAAD,CAAe,OAAf,qBACI,6BAAC,wBAAD,CAAe,MAAf;MAAsB,IAAI,eAAE,6BAAC,8BAAD,OAA5B;MAA4C,OAAO,EAAEH;IAArD,EADJ;EAPR,gBAYI,6BAAC,cAAD;IACI,MAAM,EAAEX,QAAQ,CAACe,MADrB;IAEI,MAAM,EAAEf,QAAQ,CAACgB,MAAT,IAAmB,EAF/B;IAGI,YAAY,EAAEnB,YAHlB;IAII,IAAI,EAAEa;EAJV,EAZJ,CADJ,CADK,GAsBL,IAvBR,EAwBKd,IAAI,CAACU,KAAL,GAAa,IAAb,gBAAoB,6BAAC,8BAAD;IAAmB,UAAU,EAAEP;EAA/B,EAxBzB,CADJ;AA4BH,CAlDM"}
+{"version":3,"names":["SingleValueDynamicZone","field","bind","contentModel","getBind","onTemplate","template","onChange","_templateId","id","templates","settings","value","find","tpl","undefined","Bind","unsetValue","name","description","icon","fields","layout"],"sources":["SingleValueDynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { AddTemplateButton } from \"./AddTemplate\";\nimport { TemplateIcon } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateIcon\";\nimport {\n    BindComponentRenderProp,\n    CmsDynamicZoneTemplate,\n    CmsModelFieldRendererProps,\n    CmsModel,\n    CmsModelField\n} from \"~/types\";\n\ntype GetBind = CmsModelFieldRendererProps[\"getBind\"];\n\ninterface SingleValueDynamicZoneProps {\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    contentModel: CmsModel;\n    getBind: GetBind;\n}\n\nexport const SingleValueDynamicZone: React.VFC<SingleValueDynamicZoneProps> = ({\n    field,\n    bind,\n    contentModel,\n    getBind\n}) => {\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        bind.onChange({ _templateId: template.id });\n    };\n\n    const templates = field.settings?.templates || [];\n\n    const template: CmsDynamicZoneTemplate | undefined = bind.value\n        ? templates.find(tpl => tpl.id === bind.value._templateId)\n        : undefined;\n\n    const Bind = getBind();\n\n    const unsetValue = () => {\n        bind.onChange(null);\n    };\n\n    return (\n        <>\n            {template ? (\n                <Accordion>\n                    <AccordionItem\n                        title={template.name}\n                        description={template.description}\n                        icon={<TemplateIcon icon={template.icon} />}\n                        open={true}\n                        interactive={false}\n                        actions={\n                            <AccordionItem.Actions>\n                                <AccordionItem.Action icon={<DeleteIcon />} onClick={unsetValue} />\n                            </AccordionItem.Actions>\n                        }\n                    >\n                        <Fields\n                            fields={template.fields}\n                            layout={template.layout || []}\n                            contentModel={contentModel}\n                            Bind={Bind}\n                        />\n                    </AccordionItem>\n                </Accordion>\n            ) : null}\n            {bind.value ? null : <AddTemplateButton onTemplate={onTemplate} />}\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAkBO,IAAMA,sBAA8D,GAAG,SAAjEA,sBAA8D,OAKrE;EAAA;EAAA,IAJFC,KAAK,QAALA,KAAK;IACLC,IAAI,QAAJA,IAAI;IACJC,YAAY,QAAZA,YAAY;IACZC,OAAO,QAAPA,OAAO;EAEP,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIC,QAAgC,EAAK;IACrDJ,IAAI,CAACK,QAAQ,CAAC;MAAEC,WAAW,EAAEF,QAAQ,CAACG;IAAG,CAAC,CAAC;EAC/C,CAAC;EAED,IAAMC,SAAS,GAAG,oBAAAT,KAAK,CAACU,QAAQ,oDAAd,gBAAgBD,SAAS,KAAI,EAAE;EAEjD,IAAMJ,QAA4C,GAAGJ,IAAI,CAACU,KAAK,GACzDF,SAAS,CAACG,IAAI,CAAC,UAAAC,GAAG;IAAA,OAAIA,GAAG,CAACL,EAAE,KAAKP,IAAI,CAACU,KAAK,CAACJ,WAAW;EAAA,EAAC,GACxDO,SAAS;EAEf,IAAMC,IAAI,GAAGZ,OAAO,EAAE;EAEtB,IAAMa,UAAU,GAAG,SAAbA,UAAU,GAAS;IACrBf,IAAI,CAACK,QAAQ,CAAC,IAAI,CAAC;EACvB,CAAC;EAED,oBACI,4DACKD,QAAQ,gBACL,6BAAC,oBAAS,qBACN,6BAAC,wBAAa;IACV,KAAK,EAAEA,QAAQ,CAACY,IAAK;IACrB,WAAW,EAAEZ,QAAQ,CAACa,WAAY;IAClC,IAAI,eAAE,6BAAC,0BAAY;MAAC,IAAI,EAAEb,QAAQ,CAACc;IAAK,EAAI;IAC5C,IAAI,EAAE,IAAK;IACX,WAAW,EAAE,KAAM;IACnB,OAAO,eACH,6BAAC,wBAAa,CAAC,OAAO,qBAClB,6BAAC,wBAAa,CAAC,MAAM;MAAC,IAAI,eAAE,6BAAC,8BAAU,OAAI;MAAC,OAAO,EAAEH;IAAW,EAAG;EAE1E,gBAED,6BAAC,cAAM;IACH,MAAM,EAAEX,QAAQ,CAACe,MAAO;IACxB,MAAM,EAAEf,QAAQ,CAACgB,MAAM,IAAI,EAAG;IAC9B,YAAY,EAAEnB,YAAa;IAC3B,IAAI,EAAEa;EAAK,EACb,CACU,CACR,GACZ,IAAI,EACPd,IAAI,CAACU,KAAK,GAAG,IAAI,gBAAG,6BAAC,8BAAiB;IAAC,UAAU,EAAEP;EAAW,EAAG,CACnE;AAEX,CAAC;AAAC"}

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 import { CmsDynamicZoneTemplate } from "../../../../types";
 interface TemplateCardProps {
     template: CmsDynamicZoneTemplate;
     onTemplate: (template: CmsDynamicZoneTemplate) => void;
 }
-export declare const TemplateCard: ({ template, onTemplate }: TemplateCardProps) => JSX.Element;
+export declare const TemplateCard: React.VFC<TemplateCardProps>;
 export {};

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TemplateCard = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Typography = require("@webiny/ui/Typography");
-
 var _Button = require("@webiny/ui/Button");
-
 var _TemplateIcon = require("./TemplateIcon");
-
 var CardContainer = /*#__PURE__*/(0, _styled.default)("div", {
   label: "CardContainer",
   target: "e8hs6u70"
@@ -41,10 +34,9 @@ var CardButton = /*#__PURE__*/(0, _styled.default)(_Button.ButtonSecondary, {
   label: "CardButton",
   target: "e8hs6u75"
 })("font-size:0.7rem;line-height:100%;margin-top:auto;");
-
 var TemplateCard = function TemplateCard(_ref) {
   var template = _ref.template,
-      onTemplate = _ref.onTemplate;
+    onTemplate = _ref.onTemplate;
   return /*#__PURE__*/_react.default.createElement(CardContainer, null, /*#__PURE__*/_react.default.createElement(CardIcon, null, /*#__PURE__*/_react.default.createElement(_TemplateIcon.TemplateIcon, {
     icon: template.icon
   })), /*#__PURE__*/_react.default.createElement(CardBody, null, /*#__PURE__*/_react.default.createElement(CardTitle, {
@@ -59,5 +51,4 @@ var TemplateCard = function TemplateCard(_ref) {
     }
   }, "+ Insert Template")));
 };
-
 exports.TemplateCard = TemplateCard;

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

@@ -1 +1 @@
-{"version":3,"names":["CardContainer","styled","CardIcon","CardBody","CardTitle","Typography","CardDescription","CardButton","ButtonSecondary","TemplateCard","template","onTemplate","icon","name","description"],"sources":["TemplateCard.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { ButtonSecondary } from \"@webiny/ui/Button\";\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\ninterface TemplateCardProps {\n    template: CmsDynamicZoneTemplate;\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateCard = ({ 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"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;AAEA,IAAMA,aAAa,oBAAGC,eAAH;EAAA;EAAA;AAAA,0HAAnB;AASA,IAAMC,QAAQ,oBAAGD,eAAH;EAAA;EAAA;AAAA,mGAAd;AAOA,IAAME,QAAQ,oBAAGF,eAAH;EAAA;EAAA;AAAA,6EAAd;AAQA,IAAMG,SAAS,oBAAGH,eAAH,EAAUI,sBAAV;EAAA;EAAA;AAAA,yBAAf;AAIA,IAAMC,eAAe,oBAAGL,eAAH,EAAUI,sBAAV;EAAA;EAAA;AAAA,mFAArB;AAOA,IAAME,UAAU,oBAAGN,eAAH,EAAUO,uBAAV;EAAA;EAAA;AAAA,wDAAhB;;AAWO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAAiD;EAAA,IAA9CC,QAA8C,QAA9CA,QAA8C;EAAA,IAApCC,UAAoC,QAApCA,UAAoC;EACzE,oBACI,6BAAC,aAAD,qBACI,6BAAC,QAAD,qBACI,6BAAC,0BAAD;IAAc,IAAI,EAAED,QAAQ,CAACE;EAA7B,EADJ,CADJ,eAII,6BAAC,QAAD,qBACI,6BAAC,SAAD;IAAW,GAAG,EAAE,GAAhB;IAAqB,GAAG,EAAE;EAA1B,GACKF,QAAQ,CAACG,IADd,CADJ,eAII,6BAAC,eAAD;IAAiB,GAAG,EAAE,GAAtB;IAA2B,GAAG,EAAE;EAAhC,GACKH,QAAQ,CAACI,WADd,CAJJ,eAOI,6BAAC,UAAD;IAAY,OAAO,EAAE;MAAA,OAAMH,UAAU,CAACD,QAAD,CAAhB;IAAA;EAArB,GAAiD,mBAAjD,CAPJ,CAJJ,CADJ;AAgBH,CAjBM"}
+{"version":3,"names":["CardContainer","styled","CardIcon","CardBody","CardTitle","Typography","CardDescription","CardButton","ButtonSecondary","TemplateCard","template","onTemplate","icon","name","description"],"sources":["TemplateCard.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { ButtonSecondary } from \"@webiny/ui/Button\";\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\ninterface TemplateCardProps {\n    template: CmsDynamicZoneTemplate;\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateCard: React.VFC<TemplateCardProps> = ({ template, onTemplate }) => {\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"],"mappings":";;;;;;;AAAA;AACA;AAEA;AAEA;AACA;AAEA,IAAMA,aAAa,oBAAGC,eAAM;EAAA;EAAA;AAAA,0HAO3B;AAED,IAAMC,QAAQ,oBAAGD,eAAM;EAAA;EAAA;AAAA,mGAKtB;AAED,IAAME,QAAQ,oBAAGF,eAAM;EAAA;EAAA;AAAA,6EAMtB;AAED,IAAMG,SAAS,oBAAGH,eAAM,EAACI,sBAAU;EAAA;EAAA;AAAA,yBAElC;AAED,IAAMC,eAAe,oBAAGL,eAAM,EAACI,sBAAU;EAAA;EAAA;AAAA,mFAKxC;AAED,IAAME,UAAU,oBAAGN,eAAM,EAACO,uBAAe;EAAA;EAAA;AAAA,wDAIxC;AAOM,IAAMC,YAA0C,GAAG,SAA7CA,YAA0C,OAAiC;EAAA,IAA3BC,QAAQ,QAARA,QAAQ;IAAEC,UAAU,QAAVA,UAAU;EAC7E,oBACI,6BAAC,aAAa,qBACV,6BAAC,QAAQ,qBACL,6BAAC,0BAAY;IAAC,IAAI,EAAED,QAAQ,CAACE;EAAK,EAAG,CAC9B,eACX,6BAAC,QAAQ,qBACL,6BAAC,SAAS;IAAC,GAAG,EAAE,GAAI;IAAC,GAAG,EAAE;EAAY,GACjCF,QAAQ,CAACG,IAAI,CACN,eACZ,6BAAC,eAAe;IAAC,GAAG,EAAE,GAAI;IAAC,GAAG,EAAE;EAAQ,GACnCH,QAAQ,CAACI,WAAW,CACP,eAClB,6BAAC,UAAU;IAAC,OAAO,EAAE;MAAA,OAAMH,UAAU,CAACD,QAAQ,CAAC;IAAA;EAAC,GAAC,mBAAiB,CAAa,CACxE,CACC;AAExB,CAAC;AAAC"}

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 import { CmsDynamicZoneTemplate } from "../../../../types";
 interface TemplateGalleryProps {
     onTemplate: (template: CmsDynamicZoneTemplate) => void;
     onClose: () => void;
 }
-export declare const TemplateGallery: ({ onTemplate, onClose }: TemplateGalleryProps) => JSX.Element;
+export declare const TemplateGallery: React.VFC<TemplateGalleryProps>;
 export {};

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

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TemplateGallery = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _highlight_off = require("@material-design-icons/svg/outlined/highlight_off.svg");
-
 var _Button = require("@webiny/ui/Button");
-
 var _hooks = require("../../../hooks");
-
 var _TemplateCard = require("./TemplateCard");
-
 var GalleryContainer = /*#__PURE__*/(0, _styled.default)("div", {
   label: "GalleryContainer",
   target: "e1pydjsn0"
@@ -27,16 +19,12 @@ var GalleryCards = /*#__PURE__*/(0, _styled.default)("div", {
   label: "GalleryCards",
   target: "e1pydjsn1"
 })("display:flex;flex-wrap:wrap;justify-content:center;padding:10px;");
-
 var TemplateGallery = function TemplateGallery(_ref) {
   var _field$settings;
-
   var onTemplate = _ref.onTemplate,
-      onClose = _ref.onClose;
-
+    onClose = _ref.onClose;
   var _useModelField = (0, _hooks.useModelField)(),
-      field = _useModelField.field;
-
+    field = _useModelField.field;
   var templates = ((_field$settings = field.settings) === null || _field$settings === void 0 ? void 0 : _field$settings.templates) || [];
   return /*#__PURE__*/_react.default.createElement(GalleryContainer, null, /*#__PURE__*/_react.default.createElement(GalleryCards, null, templates.map(function (template) {
     return /*#__PURE__*/_react.default.createElement(_TemplateCard.TemplateCard, {
@@ -49,5 +37,4 @@ var TemplateGallery = function TemplateGallery(_ref) {
     icon: /*#__PURE__*/_react.default.createElement(_highlight_off.ReactComponent, null)
   }));
 };
-
 exports.TemplateGallery = TemplateGallery;

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

@@ -1 +1 @@
-{"version":3,"names":["GalleryContainer","styled","GalleryCards","TemplateGallery","onTemplate","onClose","useModelField","field","templates","settings","map","template","id"],"sources":["TemplateGallery.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { ReactComponent as CloseIcon } from \"@material-design-icons/svg/outlined/highlight_off.svg\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { useModelField } from \"~/admin/hooks\";\nimport { TemplateCard } from \"./TemplateCard\";\n\nconst GalleryContainer = styled.div``;\n\nconst GalleryCards = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    padding: 10px;\n`;\n\ninterface TemplateGalleryProps {\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n    onClose: () => void;\n}\n\nexport const TemplateGallery = ({ onTemplate, onClose }: TemplateGalleryProps) => {\n    const { field } = useModelField();\n    const templates = field.settings?.templates || [];\n\n    return (\n        <GalleryContainer>\n            <GalleryCards>\n                {templates.map(template => (\n                    <TemplateCard key={template.id} template={template} onTemplate={onTemplate} />\n                ))}\n            </GalleryCards>\n            <IconButton onClick={onClose} icon={<CloseIcon />} />\n        </GalleryContainer>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,gBAAgB,oBAAGC,eAAH;EAAA;EAAA;AAAA,IAAtB;AAEA,IAAMC,YAAY,oBAAGD,eAAH;EAAA;EAAA;AAAA,sEAAlB;;AAYO,IAAME,eAAe,GAAG,SAAlBA,eAAkB,OAAmD;EAAA;;EAAA,IAAhDC,UAAgD,QAAhDA,UAAgD;EAAA,IAApCC,OAAoC,QAApCA,OAAoC;;EAC9E,qBAAkB,IAAAC,oBAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,IAAMC,SAAS,GAAG,oBAAAD,KAAK,CAACE,QAAN,oEAAgBD,SAAhB,KAA6B,EAA/C;EAEA,oBACI,6BAAC,gBAAD,qBACI,6BAAC,YAAD,QACKA,SAAS,CAACE,GAAV,CAAc,UAAAC,QAAQ;IAAA,oBACnB,6BAAC,0BAAD;MAAc,GAAG,EAAEA,QAAQ,CAACC,EAA5B;MAAgC,QAAQ,EAAED,QAA1C;MAAoD,UAAU,EAAEP;IAAhE,EADmB;EAAA,CAAtB,CADL,CADJ,eAMI,6BAAC,kBAAD;IAAY,OAAO,EAAEC,OAArB;IAA8B,IAAI,eAAE,6BAAC,6BAAD;EAApC,EANJ,CADJ;AAUH,CAdM"}
+{"version":3,"names":["GalleryContainer","styled","GalleryCards","TemplateGallery","onTemplate","onClose","useModelField","field","templates","settings","map","template","id"],"sources":["TemplateGallery.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { ReactComponent as CloseIcon } from \"@material-design-icons/svg/outlined/highlight_off.svg\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { useModelField } from \"~/admin/hooks\";\nimport { TemplateCard } from \"./TemplateCard\";\n\nconst GalleryContainer = styled.div``;\n\nconst GalleryCards = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    padding: 10px;\n`;\n\ninterface TemplateGalleryProps {\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n    onClose: () => void;\n}\n\nexport const TemplateGallery: React.VFC<TemplateGalleryProps> = ({ onTemplate, onClose }) => {\n    const { field } = useModelField();\n    const templates = field.settings?.templates || [];\n\n    return (\n        <GalleryContainer>\n            <GalleryCards>\n                {templates.map(template => (\n                    <TemplateCard key={template.id} template={template} onTemplate={onTemplate} />\n                ))}\n            </GalleryCards>\n            <IconButton onClick={onClose} icon={<CloseIcon />} />\n        </GalleryContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AAEA,IAAMA,gBAAgB,oBAAGC,eAAM;EAAA;EAAA;AAAA,IAAM;AAErC,IAAMC,YAAY,oBAAGD,eAAM;EAAA;EAAA;AAAA,sEAK1B;AAOM,IAAME,eAAgD,GAAG,SAAnDA,eAAgD,OAAgC;EAAA;EAAA,IAA1BC,UAAU,QAAVA,UAAU;IAAEC,OAAO,QAAPA,OAAO;EAClF,qBAAkB,IAAAC,oBAAa,GAAE;IAAzBC,KAAK,kBAALA,KAAK;EACb,IAAMC,SAAS,GAAG,oBAAAD,KAAK,CAACE,QAAQ,oDAAd,gBAAgBD,SAAS,KAAI,EAAE;EAEjD,oBACI,6BAAC,gBAAgB,qBACb,6BAAC,YAAY,QACRA,SAAS,CAACE,GAAG,CAAC,UAAAC,QAAQ;IAAA,oBACnB,6BAAC,0BAAY;MAAC,GAAG,EAAEA,QAAQ,CAACC,EAAG;MAAC,QAAQ,EAAED,QAAS;MAAC,UAAU,EAAEP;IAAW,EAAG;EAAA,CACjF,CAAC,CACS,eACf,6BAAC,kBAAU;IAAC,OAAO,EAAEC,OAAQ;IAAC,IAAI,eAAE,6BAAC,6BAAS;EAAI,EAAG,CACtC;AAE3B,CAAC;AAAC"}

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 interface TemplateIconProps {
     icon: string;
 }
-export declare const TemplateIcon: ({ icon }: TemplateIconProps) => JSX.Element | null;
+export declare const TemplateIcon: React.VFC<TemplateIconProps>;
 export {};

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

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TemplateIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactFontawesome = require("@fortawesome/react-fontawesome");
-
 var TemplateIcon = function TemplateIcon(_ref) {
   var icon = _ref.icon;
   var faIcon = icon ? icon.split("/") : undefined;
@@ -18,5 +14,4 @@ var TemplateIcon = function TemplateIcon(_ref) {
     icon: faIcon
   }) : null;
 };
-
 exports.TemplateIcon = TemplateIcon;

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

@@ -1 +1 @@
-{"version":3,"names":["TemplateIcon","icon","faIcon","split","undefined"],"sources":["TemplateIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { FontAwesomeIcon, FontAwesomeIconProps } 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 icon={faIcon} /> : null;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAMO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAAiC;EAAA,IAA9BC,IAA8B,QAA9BA,IAA8B;EACzD,IAAMC,MAAM,GAAGD,IAAI,GAAIA,IAAI,CAACE,KAAL,CAAW,GAAX,CAAJ,GAAuDC,SAA1E;EAEA,OAAOF,MAAM,gBAAG,6BAAC,iCAAD;IAAiB,IAAI,EAAEA;EAAvB,EAAH,GAAuC,IAApD;AACH,CAJM"}
+{"version":3,"names":["TemplateIcon","icon","faIcon","split","undefined"],"sources":["TemplateIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { FontAwesomeIcon, FontAwesomeIconProps } from \"@fortawesome/react-fontawesome\";\n\ninterface TemplateIconProps {\n    icon: string;\n}\n\nexport const TemplateIcon: React.VFC<TemplateIconProps> = ({ icon }) => {\n    const faIcon = icon ? (icon.split(\"/\") as FontAwesomeIconProps[\"icon\"]) : undefined;\n\n    return faIcon ? <FontAwesomeIcon icon={faIcon} /> : null;\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAMO,IAAMA,YAA0C,GAAG,SAA7CA,YAA0C,OAAiB;EAAA,IAAXC,IAAI,QAAJA,IAAI;EAC7D,IAAMC,MAAM,GAAGD,IAAI,GAAIA,IAAI,CAACE,KAAK,CAAC,GAAG,CAAC,GAAoCC,SAAS;EAEnF,OAAOF,MAAM,gBAAG,6BAAC,iCAAe;IAAC,IAAI,EAAEA;EAAO,EAAG,GAAG,IAAI;AAC5D,CAAC;AAAC"}

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

@@ -1,37 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.dynamicZoneFieldRenderer = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _emotion = require("emotion");
-
 var _Accordion = require("@webiny/ui/Accordion");
-
 var _SingleValueDynamicZone = require("./SingleValueDynamicZone");
-
 var _MultiValueDynamicZone = require("./MultiValueDynamicZone");
-
 var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-
 var noBottomPadding = /*#__PURE__*/(0, _emotion.css)("> .webiny-ui-accordion-item__content{padding-bottom:0 !important;}label:noBottomPadding;");
-
 var DynamicZoneContent = function DynamicZoneContent(_ref) {
   var field = _ref.field,
-      getBind = _ref.getBind,
-      contentModel = _ref.contentModel;
+    getBind = _ref.getBind,
+    contentModel = _ref.contentModel;
   var isMultipleValues = field.multipleValues === true;
   var Bind = getBind();
   var Component = isMultipleValues ? _MultiValueDynamicZone.MultiValueDynamicZone : _SingleValueDynamicZone.SingleValueDynamicZone;
   return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
     var _bind$validation = bind.validation,
-        isValid = _bind$validation.isValid,
-        message = _bind$validation.message;
+      isValid = _bind$validation.isValid,
+      message = _bind$validation.message;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
       title: field.label,
       description: field.helpText,
@@ -46,7 +37,6 @@ var DynamicZoneContent = function DynamicZoneContent(_ref) {
     }, message));
   });
 };
-
 var dynamicZoneFieldRenderer = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-dynamic-zone",

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

@@ -1 +1 @@
-{"version":3,"names":["noBottomPadding","css","DynamicZoneContent","field","getBind","contentModel","isMultipleValues","multipleValues","Bind","Component","MultiValueDynamicZone","SingleValueDynamicZone","bind","validation","isValid","message","label","helpText","undefined","dynamicZoneFieldRenderer","type","name","renderer","rendererName","description","canUse","render","props"],"sources":["dynamicZoneRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { CmsEditorFieldRendererPlugin, CmsEditorFieldRendererProps } from \"~/types\";\nimport { SingleValueDynamicZone } from \"./SingleValueDynamicZone\";\nimport { MultiValueDynamicZone } from \"./MultiValueDynamicZone\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst noBottomPadding = css`\n    > .webiny-ui-accordion-item__content {\n        padding-bottom: 0 !important;\n    }\n`;\n\nconst DynamicZoneContent = ({ field, getBind, contentModel }: CmsEditorFieldRendererProps) => {\n    const isMultipleValues = field.multipleValues === true;\n    const Bind = getBind();\n\n    const Component = isMultipleValues ? MultiValueDynamicZone : SingleValueDynamicZone;\n\n    return (\n        <Bind>\n            {bind => {\n                const { isValid, message } = bind.validation;\n                return (\n                    <>\n                        <Accordion>\n                            <AccordionItem\n                                title={field.label}\n                                description={field.helpText}\n                                className={isMultipleValues ? noBottomPadding : undefined}\n                            >\n                                <Component\n                                    bind={bind}\n                                    field={field}\n                                    getBind={getBind}\n                                    contentModel={contentModel}\n                                />\n                            </AccordionItem>\n                        </Accordion>\n                        {isValid === false && (\n                            <FormElementMessage error={true}>{message}</FormElementMessage>\n                        )}\n                    </>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const dynamicZoneFieldRenderer: CmsEditorFieldRendererPlugin = {\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    }\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA,IAAMA,eAAe,oBAAGC,YAAH,6FAArB;;AAMA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAmE;EAAA,IAAhEC,KAAgE,QAAhEA,KAAgE;EAAA,IAAzDC,OAAyD,QAAzDA,OAAyD;EAAA,IAAhDC,YAAgD,QAAhDA,YAAgD;EAC1F,IAAMC,gBAAgB,GAAGH,KAAK,CAACI,cAAN,KAAyB,IAAlD;EACA,IAAMC,IAAI,GAAGJ,OAAO,EAApB;EAEA,IAAMK,SAAS,GAAGH,gBAAgB,GAAGI,4CAAH,GAA2BC,8CAA7D;EAEA,oBACI,6BAAC,IAAD,QACK,UAAAC,IAAI,EAAI;IACL,uBAA6BA,IAAI,CAACC,UAAlC;IAAA,IAAQC,OAAR,oBAAQA,OAAR;IAAA,IAAiBC,OAAjB,oBAAiBA,OAAjB;IACA,oBACI,yEACI,6BAAC,oBAAD,qBACI,6BAAC,wBAAD;MACI,KAAK,EAAEZ,KAAK,CAACa,KADjB;MAEI,WAAW,EAAEb,KAAK,CAACc,QAFvB;MAGI,SAAS,EAAEX,gBAAgB,GAAGN,eAAH,GAAqBkB;IAHpD,gBAKI,6BAAC,SAAD;MACI,IAAI,EAAEN,IADV;MAEI,KAAK,EAAET,KAFX;MAGI,OAAO,EAAEC,OAHb;MAII,YAAY,EAAEC;IAJlB,EALJ,CADJ,CADJ,EAeKS,OAAO,KAAK,KAAZ,iBACG,6BAAC,sCAAD;MAAoB,KAAK,EAAE;IAA3B,GAAkCC,OAAlC,CAhBR,CADJ;EAqBH,CAxBL,CADJ;AA4BH,CAlCD;;AAoCO,IAAMI,wBAAsD,GAAG;EAClEC,IAAI,EAAE,2BAD4D;EAElEC,IAAI,EAAE,wCAF4D;EAGlEC,QAAQ,EAAE;IACNC,YAAY,EAAE,aADR;IAENF,IAAI,EAAE,cAFA;IAGNG,WAAW,EAAE,yBAHP;IAINC,MAJM,yBAIY;MAAA,IAATtB,KAAS,SAATA,KAAS;MACd,OAAOA,KAAK,CAACiB,IAAN,KAAe,aAAtB;IACH,CANK;IAONM,MAPM,kBAOCC,KAPD,EAOQ;MACV,oBAAO,6BAAC,kBAAD,EAAwBA,KAAxB,CAAP;IACH;EATK;AAHwD,CAA/D"}
+{"version":3,"names":["noBottomPadding","css","DynamicZoneContent","field","getBind","contentModel","isMultipleValues","multipleValues","Bind","Component","MultiValueDynamicZone","SingleValueDynamicZone","bind","validation","isValid","message","label","helpText","undefined","dynamicZoneFieldRenderer","type","name","renderer","rendererName","description","canUse","render","props"],"sources":["dynamicZoneRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { CmsEditorFieldRendererPlugin, CmsModelFieldRendererProps } from \"~/types\";\nimport { SingleValueDynamicZone } from \"./SingleValueDynamicZone\";\nimport { MultiValueDynamicZone } from \"./MultiValueDynamicZone\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst noBottomPadding = css`\n    > .webiny-ui-accordion-item__content {\n        padding-bottom: 0 !important;\n    }\n`;\n\nconst DynamicZoneContent: React.VFC<CmsModelFieldRendererProps> = ({\n    field,\n    getBind,\n    contentModel\n}) => {\n    const isMultipleValues = field.multipleValues === true;\n    const Bind = getBind();\n\n    const Component = isMultipleValues ? MultiValueDynamicZone : SingleValueDynamicZone;\n\n    return (\n        <Bind>\n            {bind => {\n                const { isValid, message } = bind.validation;\n                return (\n                    <>\n                        <Accordion>\n                            <AccordionItem\n                                title={field.label}\n                                description={field.helpText}\n                                className={isMultipleValues ? noBottomPadding : undefined}\n                            >\n                                <Component\n                                    bind={bind}\n                                    field={field}\n                                    getBind={getBind}\n                                    contentModel={contentModel}\n                                />\n                            </AccordionItem>\n                        </Accordion>\n                        {isValid === false && (\n                            <FormElementMessage error={true}>{message}</FormElementMessage>\n                        )}\n                    </>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const dynamicZoneFieldRenderer: CmsEditorFieldRendererPlugin = {\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    }\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAEA,IAAMA,eAAe,oBAAGC,YAAG,6FAI1B;AAED,IAAMC,kBAAyD,GAAG,SAA5DA,kBAAyD,OAIzD;EAAA,IAHFC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,YAAY,QAAZA,YAAY;EAEZ,IAAMC,gBAAgB,GAAGH,KAAK,CAACI,cAAc,KAAK,IAAI;EACtD,IAAMC,IAAI,GAAGJ,OAAO,EAAE;EAEtB,IAAMK,SAAS,GAAGH,gBAAgB,GAAGI,4CAAqB,GAAGC,8CAAsB;EAEnF,oBACI,6BAAC,IAAI,QACA,UAAAC,IAAI,EAAI;IACL,uBAA6BA,IAAI,CAACC,UAAU;MAApCC,OAAO,oBAAPA,OAAO;MAAEC,OAAO,oBAAPA,OAAO;IACxB,oBACI,yEACI,6BAAC,oBAAS,qBACN,6BAAC,wBAAa;MACV,KAAK,EAAEZ,KAAK,CAACa,KAAM;MACnB,WAAW,EAAEb,KAAK,CAACc,QAAS;MAC5B,SAAS,EAAEX,gBAAgB,GAAGN,eAAe,GAAGkB;IAAU,gBAE1D,6BAAC,SAAS;MACN,IAAI,EAAEN,IAAK;MACX,KAAK,EAAET,KAAM;MACb,OAAO,EAAEC,OAAQ;MACjB,YAAY,EAAEC;IAAa,EAC7B,CACU,CACR,EACXS,OAAO,KAAK,KAAK,iBACd,6BAAC,sCAAkB;MAAC,KAAK,EAAE;IAAK,GAAEC,OAAO,CAC5C,CACF;EAEX,CAAC,CACE;AAEf,CAAC;AAEM,IAAMI,wBAAsD,GAAG;EAClEC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,wCAAwC;EAC9CC,QAAQ,EAAE;IACNC,YAAY,EAAE,aAAa;IAC3BF,IAAI,EAAE,cAAc;IACpBG,WAAW,EAAE,yBAAyB;IACtCC,MAAM,yBAAY;MAAA,IAATtB,KAAK,SAALA,KAAK;MACV,OAAOA,KAAK,CAACiB,IAAI,KAAK,aAAa;IACvC,CAAC;IACDM,MAAM,kBAACC,KAAK,EAAE;MACV,oBAAO,6BAAC,kBAAkB,EAAKA,KAAK,CAAI;IAC5C;EACJ;AACJ,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/file/File.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _components = require("@webiny/app/components");
-
 var Ui = _interopRequireWildcard(require("@webiny/ui/ImageUpload"));
-
 var _utils = require("./utils");
-
 var _round_insert_drive_file24px = _interopRequireDefault(require("../../fields/icons/round_insert_drive_file-24px.svg"));
-
 var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-
 var imagePreviewProps = {
   transform: {
     width: 300
@@ -39,13 +30,12 @@ var defaultValidation = {
   isValid: undefined,
   message: undefined
 };
-
 var File = function File(props) {
   var url = props.url,
-      onRemove = props.onRemove,
-      placeholder = props.placeholder,
-      showFileManager = props.showFileManager,
-      description = props.description;
+    onRemove = props.onRemove,
+    placeholder = props.placeholder,
+    showFileManager = props.showFileManager,
+    description = props.description;
   var styles = props.styles || defaultStyles;
   var validation = props.validation || defaultValidation;
   var isImage = (0, _react.useCallback)(function (url) {
@@ -57,14 +47,13 @@ var File = function File(props) {
     if (url && isImage(url)) {
       return url;
     }
-
     return _round_insert_drive_file24px.default;
-  }, []); // TODO @ts-refactor figure out correct type
+  }, []);
 
+  // TODO @ts-refactor figure out correct type
   var defaultRenderImagePreview = function defaultRenderImagePreview(renderImageProps) {
     return /*#__PURE__*/_react.default.createElement(_components.Image, Object.assign({}, renderImageProps, imagePreviewProps));
   };
-
   var renderImagePreview = function renderImagePreview(url) {
     if (url && !isImage(url)) {
       return (0, _utils.createRenderImagePreview)({
@@ -72,10 +61,8 @@ var File = function File(props) {
         imagePreviewProps: imagePreviewProps
       });
     }
-
     return defaultRenderImagePreview;
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Ui.Image, {
     renderImagePreview: renderImagePreview(url),
     style: styles,
@@ -86,7 +73,6 @@ var File = function File(props) {
       if (!showFileManager) {
         return;
       }
-
       showFileManager();
     },
     removeImage: onRemove,
@@ -98,6 +84,5 @@ var File = function File(props) {
     error: true
   }, validation.message || "Invalid value."), validation.isValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
 };
-
 var _default = File;
 exports.default = _default;

package/admin/plugins/fieldRenderers/file/File.js.map

@@ -1 +1 @@
-{"version":3,"names":["imagePreviewProps","transform","width","style","height","objectFit","defaultStyles","defaultValidation","isValid","undefined","message","File","props","url","onRemove","placeholder","showFileManager","description","styles","validation","isImage","useCallback","imagePlugins","some","extension","includes","getImageSrc","fileIcon","defaultRenderImagePreview","renderImageProps","renderImagePreview","createRenderImagePreview","value","src"],"sources":["File.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Image } from \"@webiny/app/components\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { createRenderImagePreview, imagePlugins } from \"./utils\";\nimport fileIcon from \"../../fields/icons/round_insert_drive_file-24px.svg\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst imagePreviewProps = {\n    transform: { width: 300 },\n    style: { width: \"100%\", height: 232, objectFit: \"cover\" }\n};\n\nconst defaultStyles = {\n    width: \"100%\",\n    height: \"auto\"\n};\n\ninterface ValidationStatus {\n    isValid?: boolean;\n    message?: string;\n}\nconst defaultValidation: ValidationStatus = {\n    isValid: undefined,\n    message: undefined\n};\n\nexport interface FileProps {\n    url: string;\n    onRemove: () => void;\n    placeholder?: string;\n    styles?: Record<string, any>;\n    showFileManager?: () => void;\n    validation?: {\n        isValid?: boolean;\n        message?: string;\n    };\n    description?: string;\n}\nconst File: React.FC<FileProps> = props => {\n    const { url, onRemove, placeholder, showFileManager, description } = props;\n\n    const styles = props.styles || defaultStyles;\n    const validation = props.validation || defaultValidation;\n\n    const isImage = useCallback(url => {\n        return imagePlugins.some(extension => url.includes(extension));\n    }, []);\n\n    const getImageSrc = useCallback(url => {\n        if (url && isImage(url)) {\n            return url;\n        }\n        return fileIcon;\n    }, []);\n\n    // TODO @ts-refactor figure out correct type\n    const defaultRenderImagePreview = (renderImageProps: any) => (\n        <Image {...renderImageProps} {...imagePreviewProps} />\n    );\n\n    const renderImagePreview = (url: string) => {\n        if (url && !isImage(url)) {\n            return createRenderImagePreview({ value: url, imagePreviewProps });\n        }\n\n        return defaultRenderImagePreview;\n    };\n\n    return (\n        <>\n            <Ui.Image\n                renderImagePreview={renderImagePreview(url)}\n                style={styles}\n                value={url ? { src: getImageSrc(url) } : null}\n                uploadImage={() => {\n                    if (!showFileManager) {\n                        return;\n                    }\n                    showFileManager();\n                }}\n                removeImage={onRemove}\n                placeholder={placeholder}\n                containerStyle={{ height: \"auto\" }}\n            />\n            {validation.isValid === false && (\n                <FormElementMessage error>\n                    {validation.message || \"Invalid value.\"}\n                </FormElementMessage>\n            )}\n            {validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </>\n    );\n};\n\nexport default File;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG;EACtBC,SAAS,EAAE;IAAEC,KAAK,EAAE;EAAT,CADW;EAEtBC,KAAK,EAAE;IAAED,KAAK,EAAE,MAAT;IAAiBE,MAAM,EAAE,GAAzB;IAA8BC,SAAS,EAAE;EAAzC;AAFe,CAA1B;AAKA,IAAMC,aAAa,GAAG;EAClBJ,KAAK,EAAE,MADW;EAElBE,MAAM,EAAE;AAFU,CAAtB;AASA,IAAMG,iBAAmC,GAAG;EACxCC,OAAO,EAAEC,SAD+B;EAExCC,OAAO,EAAED;AAF+B,CAA5C;;AAiBA,IAAME,IAAyB,GAAG,SAA5BA,IAA4B,CAAAC,KAAK,EAAI;EACvC,IAAQC,GAAR,GAAqED,KAArE,CAAQC,GAAR;EAAA,IAAaC,QAAb,GAAqEF,KAArE,CAAaE,QAAb;EAAA,IAAuBC,WAAvB,GAAqEH,KAArE,CAAuBG,WAAvB;EAAA,IAAoCC,eAApC,GAAqEJ,KAArE,CAAoCI,eAApC;EAAA,IAAqDC,WAArD,GAAqEL,KAArE,CAAqDK,WAArD;EAEA,IAAMC,MAAM,GAAGN,KAAK,CAACM,MAAN,IAAgBZ,aAA/B;EACA,IAAMa,UAAU,GAAGP,KAAK,CAACO,UAAN,IAAoBZ,iBAAvC;EAEA,IAAMa,OAAO,GAAG,IAAAC,kBAAA,EAAY,UAAAR,GAAG,EAAI;IAC/B,OAAOS,mBAAA,CAAaC,IAAb,CAAkB,UAAAC,SAAS;MAAA,OAAIX,GAAG,CAACY,QAAJ,CAAaD,SAAb,CAAJ;IAAA,CAA3B,CAAP;EACH,CAFe,EAEb,EAFa,CAAhB;EAIA,IAAME,WAAW,GAAG,IAAAL,kBAAA,EAAY,UAAAR,GAAG,EAAI;IACnC,IAAIA,GAAG,IAAIO,OAAO,CAACP,GAAD,CAAlB,EAAyB;MACrB,OAAOA,GAAP;IACH;;IACD,OAAOc,oCAAP;EACH,CALmB,EAKjB,EALiB,CAApB,CAVuC,CAiBvC;;EACA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,gBAAD;IAAA,oBAC9B,6BAAC,iBAAD,oBAAWA,gBAAX,EAAiC7B,iBAAjC,EAD8B;EAAA,CAAlC;;EAIA,IAAM8B,kBAAkB,GAAG,SAArBA,kBAAqB,CAACjB,GAAD,EAAiB;IACxC,IAAIA,GAAG,IAAI,CAACO,OAAO,CAACP,GAAD,CAAnB,EAA0B;MACtB,OAAO,IAAAkB,+BAAA,EAAyB;QAAEC,KAAK,EAAEnB,GAAT;QAAcb,iBAAiB,EAAjBA;MAAd,CAAzB,CAAP;IACH;;IAED,OAAO4B,yBAAP;EACH,CAND;;EAQA,oBACI,yEACI,6BAAC,EAAD,CAAI,KAAJ;IACI,kBAAkB,EAAEE,kBAAkB,CAACjB,GAAD,CAD1C;IAEI,KAAK,EAAEK,MAFX;IAGI,KAAK,EAAEL,GAAG,GAAG;MAAEoB,GAAG,EAAEP,WAAW,CAACb,GAAD;IAAlB,CAAH,GAA+B,IAH7C;IAII,WAAW,EAAE,uBAAM;MACf,IAAI,CAACG,eAAL,EAAsB;QAClB;MACH;;MACDA,eAAe;IAClB,CATL;IAUI,WAAW,EAAEF,QAVjB;IAWI,WAAW,EAAEC,WAXjB;IAYI,cAAc,EAAE;MAAEX,MAAM,EAAE;IAAV;EAZpB,EADJ,EAeKe,UAAU,CAACX,OAAX,KAAuB,KAAvB,iBACG,6BAAC,sCAAD;IAAoB,KAAK;EAAzB,GACKW,UAAU,CAACT,OAAX,IAAsB,gBAD3B,CAhBR,EAoBKS,UAAU,CAACX,OAAX,KAAuB,KAAvB,IAAgCS,WAAhC,iBACG,6BAAC,sCAAD,QAAqBA,WAArB,CArBR,CADJ;AA0BH,CAxDD;;eA0DeN,I"}
+{"version":3,"names":["imagePreviewProps","transform","width","style","height","objectFit","defaultStyles","defaultValidation","isValid","undefined","message","File","props","url","onRemove","placeholder","showFileManager","description","styles","validation","isImage","useCallback","imagePlugins","some","extension","includes","getImageSrc","fileIcon","defaultRenderImagePreview","renderImageProps","renderImagePreview","createRenderImagePreview","value","src"],"sources":["File.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Image } from \"@webiny/app/components\";\nimport * as Ui from \"@webiny/ui/ImageUpload\";\nimport { createRenderImagePreview, imagePlugins } from \"./utils\";\nimport fileIcon from \"../../fields/icons/round_insert_drive_file-24px.svg\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst imagePreviewProps = {\n    transform: { width: 300 },\n    style: { width: \"100%\", height: 232, objectFit: \"cover\" }\n};\n\nconst defaultStyles = {\n    width: \"100%\",\n    height: \"auto\"\n};\n\ninterface ValidationStatus {\n    isValid?: boolean;\n    message?: string;\n}\nconst defaultValidation: ValidationStatus = {\n    isValid: undefined,\n    message: undefined\n};\n\nexport interface FileProps {\n    url: string;\n    onRemove: () => void;\n    placeholder?: string;\n    styles?: Record<string, any>;\n    showFileManager?: () => void;\n    validation?: {\n        isValid?: boolean;\n        message?: string;\n    };\n    description?: string;\n}\nconst File: React.FC<FileProps> = props => {\n    const { url, onRemove, placeholder, showFileManager, description } = props;\n\n    const styles = props.styles || defaultStyles;\n    const validation = props.validation || defaultValidation;\n\n    const isImage = useCallback(url => {\n        return imagePlugins.some(extension => url.includes(extension));\n    }, []);\n\n    const getImageSrc = useCallback(url => {\n        if (url && isImage(url)) {\n            return url;\n        }\n        return fileIcon;\n    }, []);\n\n    // TODO @ts-refactor figure out correct type\n    const defaultRenderImagePreview = (renderImageProps: any) => (\n        <Image {...renderImageProps} {...imagePreviewProps} />\n    );\n\n    const renderImagePreview = (url: string) => {\n        if (url && !isImage(url)) {\n            return createRenderImagePreview({ value: url, imagePreviewProps });\n        }\n\n        return defaultRenderImagePreview;\n    };\n\n    return (\n        <>\n            <Ui.Image\n                renderImagePreview={renderImagePreview(url)}\n                style={styles}\n                value={url ? { src: getImageSrc(url) } : null}\n                uploadImage={() => {\n                    if (!showFileManager) {\n                        return;\n                    }\n                    showFileManager();\n                }}\n                removeImage={onRemove}\n                placeholder={placeholder}\n                containerStyle={{ height: \"auto\" }}\n            />\n            {validation.isValid === false && (\n                <FormElementMessage error>\n                    {validation.message || \"Invalid value.\"}\n                </FormElementMessage>\n            )}\n            {validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </>\n    );\n};\n\nexport default File;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,iBAAiB,GAAG;EACtBC,SAAS,EAAE;IAAEC,KAAK,EAAE;EAAI,CAAC;EACzBC,KAAK,EAAE;IAAED,KAAK,EAAE,MAAM;IAAEE,MAAM,EAAE,GAAG;IAAEC,SAAS,EAAE;EAAQ;AAC5D,CAAC;AAED,IAAMC,aAAa,GAAG;EAClBJ,KAAK,EAAE,MAAM;EACbE,MAAM,EAAE;AACZ,CAAC;AAMD,IAAMG,iBAAmC,GAAG;EACxCC,OAAO,EAAEC,SAAS;EAClBC,OAAO,EAAED;AACb,CAAC;AAcD,IAAME,IAAyB,GAAG,SAA5BA,IAAyB,CAAGC,KAAK,EAAI;EACvC,IAAQC,GAAG,GAA0DD,KAAK,CAAlEC,GAAG;IAAEC,QAAQ,GAAgDF,KAAK,CAA7DE,QAAQ;IAAEC,WAAW,GAAmCH,KAAK,CAAnDG,WAAW;IAAEC,eAAe,GAAkBJ,KAAK,CAAtCI,eAAe;IAAEC,WAAW,GAAKL,KAAK,CAArBK,WAAW;EAEhE,IAAMC,MAAM,GAAGN,KAAK,CAACM,MAAM,IAAIZ,aAAa;EAC5C,IAAMa,UAAU,GAAGP,KAAK,CAACO,UAAU,IAAIZ,iBAAiB;EAExD,IAAMa,OAAO,GAAG,IAAAC,kBAAW,EAAC,UAAAR,GAAG,EAAI;IAC/B,OAAOS,mBAAY,CAACC,IAAI,CAAC,UAAAC,SAAS;MAAA,OAAIX,GAAG,CAACY,QAAQ,CAACD,SAAS,CAAC;IAAA,EAAC;EAClE,CAAC,EAAE,EAAE,CAAC;EAEN,IAAME,WAAW,GAAG,IAAAL,kBAAW,EAAC,UAAAR,GAAG,EAAI;IACnC,IAAIA,GAAG,IAAIO,OAAO,CAACP,GAAG,CAAC,EAAE;MACrB,OAAOA,GAAG;IACd;IACA,OAAOc,oCAAQ;EACnB,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyB,CAAIC,gBAAqB;IAAA,oBACpD,6BAAC,iBAAK,oBAAKA,gBAAgB,EAAM7B,iBAAiB,EAAI;EAAA,CACzD;EAED,IAAM8B,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIjB,GAAW,EAAK;IACxC,IAAIA,GAAG,IAAI,CAACO,OAAO,CAACP,GAAG,CAAC,EAAE;MACtB,OAAO,IAAAkB,+BAAwB,EAAC;QAAEC,KAAK,EAAEnB,GAAG;QAAEb,iBAAiB,EAAjBA;MAAkB,CAAC,CAAC;IACtE;IAEA,OAAO4B,yBAAyB;EACpC,CAAC;EAED,oBACI,yEACI,6BAAC,EAAE,CAAC,KAAK;IACL,kBAAkB,EAAEE,kBAAkB,CAACjB,GAAG,CAAE;IAC5C,KAAK,EAAEK,MAAO;IACd,KAAK,EAAEL,GAAG,GAAG;MAAEoB,GAAG,EAAEP,WAAW,CAACb,GAAG;IAAE,CAAC,GAAG,IAAK;IAC9C,WAAW,EAAE,uBAAM;MACf,IAAI,CAACG,eAAe,EAAE;QAClB;MACJ;MACAA,eAAe,EAAE;IACrB,CAAE;IACF,WAAW,EAAEF,QAAS;IACtB,WAAW,EAAEC,WAAY;IACzB,cAAc,EAAE;MAAEX,MAAM,EAAE;IAAO;EAAE,EACrC,EACDe,UAAU,CAACX,OAAO,KAAK,KAAK,iBACzB,6BAAC,sCAAkB;IAAC,KAAK;EAAA,GACpBW,UAAU,CAACT,OAAO,IAAI,gBAAgB,CAE9C,EACAS,UAAU,CAACX,OAAO,KAAK,KAAK,IAAIS,WAAW,iBACxC,6BAAC,sCAAkB,QAAEA,WAAW,CACnC,CACF;AAEX,CAAC;AAAC,eAEaN,IAAI;AAAA"}

package/admin/plugins/fieldRenderers/file/fileField.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _i18n = require("@webiny/app/i18n");
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _components = require("@webiny/app-admin/components");
-
 var _File = _interopRequireDefault(require("./File"));
-
 var _templateObject, _templateObject2;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/file");
-
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-file",
@@ -36,26 +26,24 @@ var plugin = {
     },
     render: function render(_ref2) {
       var field = _ref2.field,
-          getBind = _ref2.getBind,
-          Label = _ref2.Label;
+        getBind = _ref2.getBind,
+        Label = _ref2.Label;
       var Bind = getBind();
       var imagesOnly = field.settings && field.settings.imagesOnly;
       return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
       }, /*#__PURE__*/_react.default.createElement(Label, null, field.label), /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
         var value = bind.value,
-            onChange = bind.onChange;
+          onChange = bind.onChange;
         return /*#__PURE__*/_react.default.createElement(_components.FileManager, {
           images: imagesOnly,
           render: function render(_ref3) {
             var showFileManager = _ref3.showFileManager;
-
             var selectFile = function selectFile() {
               showFileManager(function (file) {
                 return onChange(file.src);
               });
             };
-
             return /*#__PURE__*/_react.default.createElement(_File.default, Object.assign({}, bind, {
               url: value,
               onRemove: function onRemove() {

package/admin/plugins/fieldRenderers/file/fileField.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Label","Bind","imagesOnly","settings","label","bind","value","onChange","showFileManager","selectFile","file","src","placeholderText","helpText"],"sources":["fileField.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { FileManager } from \"@webiny/app-admin/components\";\nimport File from \"./File\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-file\",\n    renderer: {\n        rendererName: \"file-input\",\n        name: t`File Input`,\n        description: t`Enables selecting a single file via File Manager.`,\n        canUse({ field }) {\n            return field.type === \"file\" && !field.multipleValues;\n        },\n        render({ field, getBind, Label }) {\n            const Bind = getBind();\n\n            const imagesOnly = field.settings && field.settings.imagesOnly;\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Label>{field.label}</Label>\n                        <Bind>\n                            {bind => {\n                                const { value, onChange } = bind;\n\n                                return (\n                                    <FileManager\n                                        images={imagesOnly}\n                                        render={({ showFileManager }) => {\n                                            const selectFile = () => {\n                                                showFileManager(file => onChange(file.src));\n                                            };\n                                            return (\n                                                <File\n                                                    {...bind}\n                                                    url={value}\n                                                    onRemove={() => onChange(null)}\n                                                    showFileManager={selectFile}\n                                                    placeholder={field.placeholderText}\n                                                    description={field.helpText}\n                                                    data-testid={`fr.input.filefield.${field.label}`}\n                                                />\n                                            );\n                                        }}\n                                    />\n                                );\n                            }}\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,gCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YADR;IAENF,IAAI,EAAEL,CAAF,6FAFE;IAGNQ,WAAW,EAAER,CAAF,sIAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OAAOA,KAAK,CAACN,IAAN,KAAe,MAAf,IAAyB,CAACM,KAAK,CAACC,cAAvC;IACH,CANK;IAONC,MAPM,yBAO4B;MAAA,IAAzBF,KAAyB,SAAzBA,KAAyB;MAAA,IAAlBG,OAAkB,SAAlBA,OAAkB;MAAA,IAATC,KAAS,SAATA,KAAS;MAC9B,IAAMC,IAAI,GAAGF,OAAO,EAApB;MAEA,IAAMG,UAAU,GAAGN,KAAK,CAACO,QAAN,IAAkBP,KAAK,CAACO,QAAN,CAAeD,UAApD;MACA,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,KAAD,QAAQN,KAAK,CAACQ,KAAd,CADJ,eAEI,6BAAC,IAAD,QACK,UAAAC,IAAI,EAAI;QACL,IAAQC,KAAR,GAA4BD,IAA5B,CAAQC,KAAR;QAAA,IAAeC,QAAf,GAA4BF,IAA5B,CAAeE,QAAf;QAEA,oBACI,6BAAC,uBAAD;UACI,MAAM,EAAEL,UADZ;UAEI,MAAM,EAAE,uBAAyB;YAAA,IAAtBM,eAAsB,SAAtBA,eAAsB;;YAC7B,IAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;cACrBD,eAAe,CAAC,UAAAE,IAAI;gBAAA,OAAIH,QAAQ,CAACG,IAAI,CAACC,GAAN,CAAZ;cAAA,CAAL,CAAf;YACH,CAFD;;YAGA,oBACI,6BAAC,aAAD,oBACQN,IADR;cAEI,GAAG,EAAEC,KAFT;cAGI,QAAQ,EAAE;gBAAA,OAAMC,QAAQ,CAAC,IAAD,CAAd;cAAA,CAHd;cAII,eAAe,EAAEE,UAJrB;cAKI,WAAW,EAAEb,KAAK,CAACgB,eALvB;cAMI,WAAW,EAAEhB,KAAK,CAACiB,QANvB;cAOI,4CAAmCjB,KAAK,CAACQ,KAAzC;YAPJ,GADJ;UAWH;QAjBL,EADJ;MAqBH,CAzBL,CAFJ,CADJ,CADJ;IAkCH;EA7CK;AAH+B,CAA7C;eAoDef,M"}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Label","Bind","imagesOnly","settings","label","bind","value","onChange","showFileManager","selectFile","file","src","placeholderText","helpText"],"sources":["fileField.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { FileManager } from \"@webiny/app-admin/components\";\nimport File from \"./File\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-file\",\n    renderer: {\n        rendererName: \"file-input\",\n        name: t`File Input`,\n        description: t`Enables selecting a single file via File Manager.`,\n        canUse({ field }) {\n            return field.type === \"file\" && !field.multipleValues;\n        },\n        render({ field, getBind, Label }) {\n            const Bind = getBind();\n\n            const imagesOnly = field.settings && field.settings.imagesOnly;\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Label>{field.label}</Label>\n                        <Bind>\n                            {bind => {\n                                const { value, onChange } = bind;\n\n                                return (\n                                    <FileManager\n                                        images={imagesOnly}\n                                        render={({ showFileManager }) => {\n                                            const selectFile = () => {\n                                                showFileManager(file => onChange(file.src));\n                                            };\n                                            return (\n                                                <File\n                                                    {...bind}\n                                                    url={value}\n                                                    onRemove={() => onChange(null)}\n                                                    showFileManager={selectFile}\n                                                    placeholder={field.placeholderText}\n                                                    description={field.helpText}\n                                                    data-testid={`fr.input.filefield.${field.label}`}\n                                                />\n                                            );\n                                        }}\n                                    />\n                                );\n                            }}\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAA0B;AAE1B,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEL,CAAC,6FAAY;IACnBQ,WAAW,EAAER,CAAC,sIAAmD;IACjES,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OAAOA,KAAK,CAACN,IAAI,KAAK,MAAM,IAAI,CAACM,KAAK,CAACC,cAAc;IACzD,CAAC;IACDC,MAAM,yBAA4B;MAAA,IAAzBF,KAAK,SAALA,KAAK;QAAEG,OAAO,SAAPA,OAAO;QAAEC,KAAK,SAALA,KAAK;MAC1B,IAAMC,IAAI,GAAGF,OAAO,EAAE;MAEtB,IAAMG,UAAU,GAAGN,KAAK,CAACO,QAAQ,IAAIP,KAAK,CAACO,QAAQ,CAACD,UAAU;MAC9D,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,gBACX,6BAAC,KAAK,QAAEN,KAAK,CAACQ,KAAK,CAAS,eAC5B,6BAAC,IAAI,QACA,UAAAC,IAAI,EAAI;QACL,IAAQC,KAAK,GAAeD,IAAI,CAAxBC,KAAK;UAAEC,QAAQ,GAAKF,IAAI,CAAjBE,QAAQ;QAEvB,oBACI,6BAAC,uBAAW;UACR,MAAM,EAAEL,UAAW;UACnB,MAAM,EAAE,uBAAyB;YAAA,IAAtBM,eAAe,SAAfA,eAAe;YACtB,IAAMC,UAAU,GAAG,SAAbA,UAAU,GAAS;cACrBD,eAAe,CAAC,UAAAE,IAAI;gBAAA,OAAIH,QAAQ,CAACG,IAAI,CAACC,GAAG,CAAC;cAAA,EAAC;YAC/C,CAAC;YACD,oBACI,6BAAC,aAAI,oBACGN,IAAI;cACR,GAAG,EAAEC,KAAM;cACX,QAAQ,EAAE;gBAAA,OAAMC,QAAQ,CAAC,IAAI,CAAC;cAAA,CAAC;cAC/B,eAAe,EAAEE,UAAW;cAC5B,WAAW,EAAEb,KAAK,CAACgB,eAAgB;cACnC,WAAW,EAAEhB,KAAK,CAACiB,QAAS;cAC5B,4CAAmCjB,KAAK,CAACQ,KAAK;YAAG,GACnD;UAEV;QAAE,EACJ;MAEV,CAAC,CACE,CACJ,CACJ;IAEf;EACJ;AACJ,CAAC;AAAC,eAEaf,MAAM;AAAA"}