@webiny/app-headless-cms 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

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

@@ -1,54 +0,0 @@
-"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;
-  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,
-    icon: /*#__PURE__*/_react.default.createElement(_TemplateIcon.TemplateIcon, {
-      icon: template.icon
-    }),
-    open: true,
-    interactive: false,
-    actions: /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Actions, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Action, {
-      icon: /*#__PURE__*/_react.default.createElement(_delete_outline.ReactComponent, null),
-      onClick: unsetValue
-    }))
-  }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
-    fields: template.fields,
-    layout: template.layout || [],
-    contentModel: contentModel,
-    Bind: Bind
-  }))) : null, bind.value ? null : /*#__PURE__*/_react.default.createElement(_AddTemplate.AddTemplateButton, {
-    onTemplate: onTemplate
-  }));
-};
-exports.SingleValueDynamicZone = SingleValueDynamicZone;

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

@@ -1 +0,0 @@
-{"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,sBAAsB,OAKA;EAAA;EAAA,IAJ/BC,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 +0,0 @@
-/// <reference types="react" />
-import { CmsDynamicZoneTemplate } from "../../../../types";
-interface TemplateCardProps {
-    template: CmsDynamicZoneTemplate;
-    onTemplate: (template: CmsDynamicZoneTemplate) => void;
-}
-export declare const TemplateCard: ({ template, onTemplate }: TemplateCardProps) => JSX.Element;
-export {};

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

@@ -1,54 +0,0 @@
-"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"
-})("display:flex;flex-direction:column;width:170px;height:200px;margin:5px;border:1px solid var(--mdc-theme-background);");
-var CardIcon = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "CardIcon",
-  target: "e8hs6u71"
-})("text-align:center;padding:25px;font-size:1.5rem;background-color:var(--mdc-theme-background);");
-var CardBody = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "CardBody",
-  target: "e8hs6u72"
-})("display:flex;flex-direction:column;flex:1;padding:10px;text-align:left;");
-var CardTitle = /*#__PURE__*/(0, _styled.default)(_Typography.Typography, {
-  label: "CardTitle",
-  target: "e8hs6u73"
-})("margin-bottom:10px;");
-var CardDescription = /*#__PURE__*/(0, _styled.default)(_Typography.Typography, {
-  label: "CardDescription",
-  target: "e8hs6u74"
-})("text-overflow:ellipsis;margin-bottom:10px;white-space:nowrap;overflow:hidden;");
-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;
-  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, {
-    tag: "p",
-    use: "subtitle2"
-  }, template.name), /*#__PURE__*/_react.default.createElement(CardDescription, {
-    tag: "p",
-    use: "body2"
-  }, template.description), /*#__PURE__*/_react.default.createElement(CardButton, {
-    onClick: function onClick() {
-      return onTemplate(template);
-    }
-  }, "+ Insert Template")));
-};
-exports.TemplateCard = TemplateCard;

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

@@ -1 +0,0 @@
-{"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,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,YAAY,GAAG,SAAfA,YAAY,OAAoD;EAAA,IAA9CC,QAAQ,QAARA,QAAQ;IAAEC,UAAU,QAAVA,UAAU;EAC/C,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 +0,0 @@
-/// <reference types="react" />
-import { CmsDynamicZoneTemplate } from "../../../../types";
-interface TemplateGalleryProps {
-    onTemplate: (template: CmsDynamicZoneTemplate) => void;
-    onClose: () => void;
-}
-export declare const TemplateGallery: ({ onTemplate, onClose }: TemplateGalleryProps) => JSX.Element;
-export {};

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

@@ -1,40 +0,0 @@
-"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"
-})();
-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;
-  var _useModelField = (0, _hooks.useModelField)(),
-    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, {
-      key: template.id,
-      template: template,
-      onTemplate: onTemplate
-    });
-  })), /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    onClick: onClose,
-    icon: /*#__PURE__*/_react.default.createElement(_highlight_off.ReactComponent, null)
-  }));
-};
-exports.TemplateGallery = TemplateGallery;

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

@@ -1 +0,0 @@
-{"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,eAAM;EAAA;EAAA;AAAA,IAAM;AAErC,IAAMC,YAAY,oBAAGD,eAAM;EAAA;EAAA;AAAA,sEAK1B;AAOM,IAAME,eAAe,GAAG,SAAlBA,eAAe,OAAsD;EAAA;EAAA,IAAhDC,UAAU,QAAVA,UAAU;IAAEC,OAAO,QAAPA,OAAO;EACjD,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 +0,0 @@
-/// <reference types="react" />
-interface TemplateIconProps {
-    icon: string;
-}
-export declare const TemplateIcon: ({ icon }: TemplateIconProps) => JSX.Element | null;
-export {};

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

@@ -1,17 +0,0 @@
-"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;
-  return faIcon ? /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-    icon: faIcon
-  }) : null;
-};
-exports.TemplateIcon = TemplateIcon;

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

@@ -1 +0,0 @@
-{"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,YAAY,OAAoC;EAAA,IAA9BC,IAAI,QAAJA,IAAI;EAC/B,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.d.ts

@@ -1,2 +0,0 @@
-import { CmsEditorFieldRendererPlugin } from "../../../../types";
-export declare const dynamicZoneFieldRenderer: CmsEditorFieldRendererPlugin;

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

@@ -1,56 +0,0 @@
-"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;
-  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;
-    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,
-      className: isMultipleValues ? noBottomPadding : undefined
-    }, /*#__PURE__*/_react.default.createElement(Component, {
-      bind: bind,
-      field: field,
-      getBind: getBind,
-      contentModel: contentModel
-    }))), isValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-      error: true
-    }, message));
-  });
-};
-var 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;
-      return field.type === "dynamicZone";
-    },
-    render: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(DynamicZoneContent, props);
-    }
-  }
-};
-exports.dynamicZoneFieldRenderer = dynamicZoneFieldRenderer;

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

@@ -1 +0,0 @@
-{"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,YAAG,6FAI1B;AAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAAsE;EAAA,IAAhEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,YAAY,QAAZA,YAAY;EACtD,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.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-export interface FileProps {
-    url: string;
-    onRemove: () => void;
-    placeholder?: string;
-    styles?: Record<string, any>;
-    showFileManager?: () => void;
-    validation?: {
-        isValid?: boolean;
-        message?: string;
-    };
-    description?: string;
-}
-declare const File: React.FC<FileProps>;
-export default File;

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

@@ -1,88 +0,0 @@
-"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
-  },
-  style: {
-    width: "100%",
-    height: 232,
-    objectFit: "cover"
-  }
-};
-var defaultStyles = {
-  width: "100%",
-  height: "auto"
-};
-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;
-  var styles = props.styles || defaultStyles;
-  var validation = props.validation || defaultValidation;
-  var isImage = (0, _react.useCallback)(function (url) {
-    return _utils.imagePlugins.some(function (extension) {
-      return url.includes(extension);
-    });
-  }, []);
-  var getImageSrc = (0, _react.useCallback)(function (url) {
-    if (url && isImage(url)) {
-      return url;
-    }
-    return _round_insert_drive_file24px.default;
-  }, []);
-
-  // 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)({
-        value: url,
-        imagePreviewProps: imagePreviewProps
-      });
-    }
-    return defaultRenderImagePreview;
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Ui.Image, {
-    renderImagePreview: renderImagePreview(url),
-    style: styles,
-    value: url ? {
-      src: getImageSrc(url)
-    } : null,
-    uploadImage: function uploadImage() {
-      if (!showFileManager) {
-        return;
-      }
-      showFileManager();
-    },
-    removeImage: onRemove,
-    placeholder: placeholder,
-    containerStyle: {
-      height: "auto"
-    }
-  }), validation.isValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-    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 +0,0 @@
-{"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.d.ts

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

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

@@ -1,64 +0,0 @@
-"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",
-  renderer: {
-    rendererName: "file-input",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["File Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Enables selecting a single file via File Manager."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "file" && !field.multipleValues;
-    },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        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;
-        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() {
-                return onChange(null);
-              },
-              showFileManager: selectFile,
-              placeholder: field.placeholderText,
-              description: field.helpText,
-              "data-testid": "fr.input.filefield.".concat(field.label)
-            }));
-          }
-        });
-      })));
-    }
-  }
-};
-var _default = plugin;
-exports.default = _default;

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

@@ -1 +0,0 @@
-{"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"}

package/admin/plugins/fieldRenderers/file/fileFields.d.ts

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