@webiny/app-headless-cms 0.0.0-unstable.40876133bb → 0.0.0-unstable.496cf268ac

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":"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"}
+{"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"}

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

@@ -1,36 +1,22 @@
 "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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
-
 var _i18n = require("@webiny/app/i18n");
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _utils = require("./utils");
-
 var _components = require("@webiny/app-admin/components");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _File = _interopRequireDefault(require("./File"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/file");
-
 var FileUploadWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eq80mh0",
   label: "FileUploadWrapper"
@@ -44,16 +30,16 @@ var FileUploadWrapper = /*#__PURE__*/(0, _styled.default)("div", {
     color: "var(--mdc-theme-text-secondary-on-background)"
   }
 });
-
 var FieldRenderer = function FieldRenderer(_ref) {
   var getBind = _ref.getBind,
-      Label = _ref.Label,
-      field = _ref.field;
+    Label = _ref.Label,
+    field = _ref.field;
   var Bind = getBind();
   var imagesOnly = field.settings && field.settings.imagesOnly;
   return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-    var onChange = bind.onChange; // We need to make sure the value is an array, since this is a multi-value component.
+    var onChange = bind.onChange;
 
+    // We need to make sure the value is an array, since this is a multi-value component.
     var value = (Array.isArray(bind.value) ? bind.value : [bind.value]).filter(Boolean);
     return /*#__PURE__*/_react.default.createElement(FileUploadWrapper, {
       className: _utils.imageWrapperStyles
@@ -62,14 +48,12 @@ var FieldRenderer = function FieldRenderer(_ref) {
       images: imagesOnly,
       render: function render(_ref2) {
         var showFileManager = _ref2.showFileManager;
-
         var selectFiles = function selectFiles() {
           var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
           showFileManager(function (files) {
             var urls = files.map(function (f) {
               return f.src;
             });
-
             if (index === -1) {
               onChange([].concat((0, _toConsumableArray2.default)(value), (0, _toConsumableArray2.default)(urls)));
             } else {
@@ -77,7 +61,6 @@ var FieldRenderer = function FieldRenderer(_ref) {
             }
           });
         };
-
         return /*#__PURE__*/_react.default.createElement(_Grid.GridInner, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
           span: 12
         }, /*#__PURE__*/_react.default.createElement(Label, null, field.label)), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, value.map(function (url, index) {
@@ -117,8 +100,6 @@ var FieldRenderer = function FieldRenderer(_ref) {
  * Not used?
  */
 // TODO @ts-refactor
-
-
 FieldRenderer.defaultProps = {
   validation: {
     isValid: null
@@ -141,8 +122,8 @@ var plugin = {
     },
     render: function render(_ref4) {
       var field = _ref4.field,
-          getBind = _ref4.getBind,
-          Label = _ref4.Label;
+        getBind = _ref4.getBind,
+        Label = _ref4.Label;
       return /*#__PURE__*/_react.default.createElement(FieldRenderer, {
         field: field,
         getBind: getBind,

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","FileUploadWrapper","styled","position","opacity","pointerEvents","color","FieldRenderer","getBind","Label","field","Bind","imagesOnly","settings","bind","onChange","value","Array","isArray","filter","Boolean","imageWrapperStyles","showFileManager","selectFiles","index","files","urls","map","f","src","slice","label","url","dotProp","delete","defaultProps","validation","isValid","styles","width","height","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","render"],"sources":["fileFields.tsx"],"sourcesContent":["import React from \"react\";\nimport dotProp from \"dot-prop-immutable\";\nimport { CmsEditorField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, GridInner } from \"@webiny/ui/Grid\";\nimport { imageWrapperStyles } from \"./utils\";\nimport { FileManager } from \"@webiny/app-admin/components\";\nimport styled from \"@emotion/styled\";\nimport File from \"./File\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\nconst FileUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\ninterface FieldRendererProps {\n    getBind: GetBindCallable;\n    Label: React.FC;\n    field: CmsEditorField;\n}\nconst FieldRenderer: React.FC<FieldRendererProps> = ({ getBind, Label, field }) => {\n    const Bind = getBind();\n\n    const imagesOnly = field.settings && field.settings.imagesOnly;\n\n    return (\n        <Bind>\n            {bind => {\n                const { onChange } = bind;\n\n                // We need to make sure the value is an array, since this is a multi-value component.\n                const value: string[] = (\n                    Array.isArray(bind.value) ? bind.value : [bind.value]\n                ).filter(Boolean);\n\n                return (\n                    <FileUploadWrapper className={imageWrapperStyles}>\n                        <FileManager\n                            multiple\n                            images={imagesOnly}\n                            render={({ showFileManager }) => {\n                                const selectFiles = (index = -1) => {\n                                    showFileManager(files => {\n                                        const urls = files.map(f => f.src);\n                                        if (index === -1) {\n                                            onChange([...value, ...urls]);\n                                        } else {\n                                            onChange([\n                                                ...value.slice(0, index),\n                                                ...urls,\n                                                ...value.slice(index + 1)\n                                            ]);\n                                        }\n                                    });\n                                };\n                                return (\n                                    <GridInner>\n                                        <Cell span={12}>\n                                            <Label>{field.label}</Label>\n                                        </Cell>\n\n                                        <>\n                                            {value.map((url: string, index: number) => (\n                                                <Cell span={3} key={url}>\n                                                    <File\n                                                        url={url}\n                                                        showFileManager={() => selectFiles(index)}\n                                                        onRemove={() =>\n                                                            onChange(dotProp.delete(value, index))\n                                                        }\n                                                        placeholder={t`Select a file\"`}\n                                                        data-testid={`fr.input.file.${field.label}.${index}`}\n                                                    />\n                                                </Cell>\n                                            ))}\n                                        </>\n\n                                        <Cell span={3}>\n                                            <File\n                                                url={\"\"}\n                                                onRemove={() => {\n                                                    return void 0;\n                                                }}\n                                                {...bind}\n                                                showFileManager={() => selectFiles()}\n                                                placeholder={t`Select a file\"`}\n                                                data-testid={`fr.input.file.${field.label}`}\n                                            />\n                                        </Cell>\n                                    </GridInner>\n                                );\n                            }}\n                        />\n                    </FileUploadWrapper>\n                );\n            }}\n        </Bind>\n    );\n};\n/**\n * Not used?\n */\n// TODO @ts-refactor\nFieldRenderer.defaultProps = {\n    validation: {\n        isValid: null\n    },\n    styles: { width: \"100%\", height: \"auto\" }\n} as Partial<FieldRendererProps>;\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-files\",\n    renderer: {\n        rendererName: \"file-inputs\",\n        name: t`File Inputs`,\n        description: t`Enables selecting multiple files via File Manager.`,\n        canUse({ field }) {\n            return field.type === \"file\" && !!field.multipleValues;\n        },\n        render({ field, getBind, Label }) {\n            return <FieldRenderer field={field} getBind={getBind} Label={Label} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","FileUploadWrapper","styled","position","opacity","pointerEvents","color","FieldRenderer","getBind","Label","field","Bind","imagesOnly","settings","bind","onChange","value","Array","isArray","filter","Boolean","imageWrapperStyles","showFileManager","selectFiles","index","files","urls","map","f","src","slice","label","url","dotProp","delete","defaultProps","validation","isValid","styles","width","height","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","render"],"sources":["fileFields.tsx"],"sourcesContent":["import React from \"react\";\nimport dotProp from \"dot-prop-immutable\";\nimport { CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, GridInner } from \"@webiny/ui/Grid\";\nimport { imageWrapperStyles } from \"./utils\";\nimport { FileManager } from \"@webiny/app-admin/components\";\nimport styled from \"@emotion/styled\";\nimport File from \"./File\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\nconst FileUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\ninterface FieldRendererProps {\n    getBind: GetBindCallable;\n    Label: React.FC;\n    field: CmsModelField;\n}\nconst FieldRenderer: React.FC<FieldRendererProps> = ({ getBind, Label, field }) => {\n    const Bind = getBind();\n\n    const imagesOnly = field.settings && field.settings.imagesOnly;\n\n    return (\n        <Bind>\n            {bind => {\n                const { onChange } = bind;\n\n                // We need to make sure the value is an array, since this is a multi-value component.\n                const value: string[] = (\n                    Array.isArray(bind.value) ? bind.value : [bind.value]\n                ).filter(Boolean);\n\n                return (\n                    <FileUploadWrapper className={imageWrapperStyles}>\n                        <FileManager\n                            multiple\n                            images={imagesOnly}\n                            render={({ showFileManager }) => {\n                                const selectFiles = (index = -1) => {\n                                    showFileManager(files => {\n                                        const urls = files.map(f => f.src);\n                                        if (index === -1) {\n                                            onChange([...value, ...urls]);\n                                        } else {\n                                            onChange([\n                                                ...value.slice(0, index),\n                                                ...urls,\n                                                ...value.slice(index + 1)\n                                            ]);\n                                        }\n                                    });\n                                };\n                                return (\n                                    <GridInner>\n                                        <Cell span={12}>\n                                            <Label>{field.label}</Label>\n                                        </Cell>\n\n                                        <>\n                                            {value.map((url: string, index: number) => (\n                                                <Cell span={3} key={url}>\n                                                    <File\n                                                        url={url}\n                                                        showFileManager={() => selectFiles(index)}\n                                                        onRemove={() =>\n                                                            onChange(dotProp.delete(value, index))\n                                                        }\n                                                        placeholder={t`Select a file\"`}\n                                                        data-testid={`fr.input.file.${field.label}.${index}`}\n                                                    />\n                                                </Cell>\n                                            ))}\n                                        </>\n\n                                        <Cell span={3}>\n                                            <File\n                                                url={\"\"}\n                                                onRemove={() => {\n                                                    return void 0;\n                                                }}\n                                                {...bind}\n                                                showFileManager={() => selectFiles()}\n                                                placeholder={t`Select a file\"`}\n                                                data-testid={`fr.input.file.${field.label}`}\n                                            />\n                                        </Cell>\n                                    </GridInner>\n                                );\n                            }}\n                        />\n                    </FileUploadWrapper>\n                );\n            }}\n        </Bind>\n    );\n};\n/**\n * Not used?\n */\n// TODO @ts-refactor\nFieldRenderer.defaultProps = {\n    validation: {\n        isValid: null\n    },\n    styles: { width: \"100%\", height: \"auto\" }\n} as Partial<FieldRendererProps>;\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-files\",\n    renderer: {\n        rendererName: \"file-inputs\",\n        name: t`File Inputs`,\n        description: t`Enables selecting multiple files via File Manager.`,\n        canUse({ field }) {\n            return field.type === \"file\" && !!field.multipleValues;\n        },\n        render({ field, getBind, Label }) {\n            return <FieldRenderer field={field} getBind={getBind} Label={Label} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}

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

@@ -1,15 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _fileField = _interopRequireDefault(require("./fileField"));
-
 var _fileFields = _interopRequireDefault(require("./fileFields"));
-
 var _default = [_fileField.default, _fileFields.default];
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["fileField","fileFields"],"sources":["index.ts"],"sourcesContent":["import fileField from \"./fileField\";\nimport fileFields from \"./fileFields\";\n\nexport default [fileField, fileFields];\n"],"mappings":";;;;;;;;;AAAA;;AACA;;eAEe,CAACA,kBAAD,EAAYC,mBAAZ,C"}
+{"version":3,"names":["fileField","fileFields"],"sources":["index.ts"],"sourcesContent":["import fileField from \"./fileField\";\nimport fileFields from \"./fileFields\";\n\nexport default [fileField, fileFields];\n"],"mappings":";;;;;;;AAAA;AACA;AAAsC,eAEvB,CAACA,kBAAS,EAAEC,mBAAU,CAAC;AAAA"}

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

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.imageWrapperStyles = exports.imagePlugins = exports.createRenderImagePreview = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _emotion = require("emotion");
-
 var _round_insert_drive_file24px = require("../../fields/icons/round_insert_drive_file-24px.svg");
-
 var imagePlugins = [".jpg", ".jpeg", ".gif", ".png", ".svg"];
 exports.imagePlugins = imagePlugins;
 var imageWrapperStyles = /*#__PURE__*/(0, _emotion.css)({
@@ -38,12 +33,10 @@ var IconStyle = /*#__PURE__*/(0, _emotion.css)({
   width: 64,
   height: 64
 }, "label:IconStyle;");
-
 var createRenderImagePreview = function createRenderImagePreview(_ref) {
   var value = _ref.value,
-      imagePreviewProps = _ref.imagePreviewProps;
+    imagePreviewProps = _ref.imagePreviewProps;
   var fileName = getFileName(value);
-
   var renderImagePreview = function renderImagePreview(renderImageProps) {
     return /*#__PURE__*/React.createElement("div", Object.assign({}, renderImageProps, imagePreviewProps), /*#__PURE__*/React.createElement("div", {
       className: IconWrapperStyle
@@ -53,16 +46,12 @@ var createRenderImagePreview = function createRenderImagePreview(_ref) {
       className: fileLabel
     }, fileName));
   };
-
   return renderImagePreview;
 };
-
 exports.createRenderImagePreview = createRenderImagePreview;
-
 var getFileName = function getFileName(value) {
   if (!value) {
     return "unknown";
   }
-
   return value.split("/").pop() || "unknown";
 };

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

@@ -1 +1 @@
-{"version":3,"names":["imagePlugins","imageWrapperStyles","css","height","fileLabel","padding","whiteSpace","overflow","textOverflow","fontSize","color","backgroundColor","IconWrapperStyle","display","justifyContent","alignItems","IconStyle","width","createRenderImagePreview","value","imagePreviewProps","fileName","getFileName","renderImagePreview","renderImageProps","split","pop"],"sources":["utils.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport { ReactComponent as FileIcon } from \"../../fields/icons/round_insert_drive_file-24px.svg\";\n\nexport const imagePlugins = [\".jpg\", \".jpeg\", \".gif\", \".png\", \".svg\"];\n\nexport const imageWrapperStyles = css({\n    height: \"auto\"\n});\n\nconst fileLabel = css({\n    padding: \"10px\",\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    fontSize: \"0.8rem\",\n    color: \"var(--mdc-theme-on-surface)\",\n    backgroundColor: \"var(--mdc-theme-on-background)\"\n});\n\nconst IconWrapperStyle = css({\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: 200\n});\n\nconst IconStyle = css({\n    width: 64,\n    height: 64\n});\n\ninterface CreateRenderImagePreviewProps {\n    value: string;\n    // TODO @ts-refactor figure out correct type\n    imagePreviewProps: any;\n}\ninterface RenderImageProps {\n    [key: string]: string;\n}\nexport const createRenderImagePreview = ({\n    value,\n    imagePreviewProps\n}: CreateRenderImagePreviewProps) => {\n    const fileName = getFileName(value);\n\n    const renderImagePreview = (renderImageProps: RenderImageProps) => {\n        return (\n            <div {...renderImageProps} {...imagePreviewProps}>\n                <div className={IconWrapperStyle}>\n                    <FileIcon className={IconStyle} />\n                </div>\n                <div className={fileLabel}>{fileName}</div>\n            </div>\n        );\n    };\n    return renderImagePreview;\n};\n\nconst getFileName = (value?: string): string => {\n    if (!value) {\n        return \"unknown\";\n    }\n    return value.split(\"/\").pop() || \"unknown\";\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,YAAY,GAAG,CAAC,MAAD,EAAS,OAAT,EAAkB,MAAlB,EAA0B,MAA1B,EAAkC,MAAlC,CAArB;;AAEA,IAAMC,kBAAkB,gBAAG,IAAAC,YAAA,EAAI;EAClCC,MAAM,EAAE;AAD0B,CAAJ,8BAA3B;;AAIP,IAAMC,SAAS,gBAAG,IAAAF,YAAA,EAAI;EAClBG,OAAO,EAAE,MADS;EAElBC,UAAU,EAAE,QAFM;EAGlBC,QAAQ,EAAE,QAHQ;EAIlBC,YAAY,EAAE,UAJI;EAKlBC,QAAQ,EAAE,QALQ;EAMlBC,KAAK,EAAE,6BANW;EAOlBC,eAAe,EAAE;AAPC,CAAJ,qBAAlB;AAUA,IAAMC,gBAAgB,gBAAG,IAAAV,YAAA,EAAI;EACzBW,OAAO,EAAE,MADgB;EAEzBC,cAAc,EAAE,QAFS;EAGzBC,UAAU,EAAE,QAHa;EAIzBZ,MAAM,EAAE;AAJiB,CAAJ,4BAAzB;AAOA,IAAMa,SAAS,gBAAG,IAAAd,YAAA,EAAI;EAClBe,KAAK,EAAE,EADW;EAElBd,MAAM,EAAE;AAFU,CAAJ,qBAAlB;;AAaO,IAAMe,wBAAwB,GAAG,SAA3BA,wBAA2B,OAGH;EAAA,IAFjCC,KAEiC,QAFjCA,KAEiC;EAAA,IADjCC,iBACiC,QADjCA,iBACiC;EACjC,IAAMC,QAAQ,GAAGC,WAAW,CAACH,KAAD,CAA5B;;EAEA,IAAMI,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,gBAAD,EAAwC;IAC/D,oBACI,6CAASA,gBAAT,EAA+BJ,iBAA/B,gBACI;MAAK,SAAS,EAAER;IAAhB,gBACI,oBAAC,2CAAD;MAAU,SAAS,EAAEI;IAArB,EADJ,CADJ,eAII;MAAK,SAAS,EAAEZ;IAAhB,GAA4BiB,QAA5B,CAJJ,CADJ;EAQH,CATD;;EAUA,OAAOE,kBAAP;AACH,CAjBM;;;;AAmBP,IAAMD,WAAW,GAAG,SAAdA,WAAc,CAACH,KAAD,EAA4B;EAC5C,IAAI,CAACA,KAAL,EAAY;IACR,OAAO,SAAP;EACH;;EACD,OAAOA,KAAK,CAACM,KAAN,CAAY,GAAZ,EAAiBC,GAAjB,MAA0B,SAAjC;AACH,CALD"}
+{"version":3,"names":["imagePlugins","imageWrapperStyles","css","height","fileLabel","padding","whiteSpace","overflow","textOverflow","fontSize","color","backgroundColor","IconWrapperStyle","display","justifyContent","alignItems","IconStyle","width","createRenderImagePreview","value","imagePreviewProps","fileName","getFileName","renderImagePreview","renderImageProps","split","pop"],"sources":["utils.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport { ReactComponent as FileIcon } from \"../../fields/icons/round_insert_drive_file-24px.svg\";\n\nexport const imagePlugins = [\".jpg\", \".jpeg\", \".gif\", \".png\", \".svg\"];\n\nexport const imageWrapperStyles = css({\n    height: \"auto\"\n});\n\nconst fileLabel = css({\n    padding: \"10px\",\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    fontSize: \"0.8rem\",\n    color: \"var(--mdc-theme-on-surface)\",\n    backgroundColor: \"var(--mdc-theme-on-background)\"\n});\n\nconst IconWrapperStyle = css({\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: 200\n});\n\nconst IconStyle = css({\n    width: 64,\n    height: 64\n});\n\ninterface CreateRenderImagePreviewProps {\n    value: string;\n    // TODO @ts-refactor figure out correct type\n    imagePreviewProps: any;\n}\ninterface RenderImageProps {\n    [key: string]: string;\n}\nexport const createRenderImagePreview = ({\n    value,\n    imagePreviewProps\n}: CreateRenderImagePreviewProps) => {\n    const fileName = getFileName(value);\n\n    const renderImagePreview = (renderImageProps: RenderImageProps) => {\n        return (\n            <div {...renderImageProps} {...imagePreviewProps}>\n                <div className={IconWrapperStyle}>\n                    <FileIcon className={IconStyle} />\n                </div>\n                <div className={fileLabel}>{fileName}</div>\n            </div>\n        );\n    };\n    return renderImagePreview;\n};\n\nconst getFileName = (value?: string): string => {\n    if (!value) {\n        return \"unknown\";\n    }\n    return value.split(\"/\").pop() || \"unknown\";\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEO,IAAMA,YAAY,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAAC;AAE/D,IAAMC,kBAAkB,gBAAG,IAAAC,YAAG,EAAC;EAClCC,MAAM,EAAE;AACZ,CAAC,8BAAC;AAAC;AAEH,IAAMC,SAAS,gBAAG,IAAAF,YAAG,EAAC;EAClBG,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,QAAQ,EAAE,QAAQ;EAClBC,YAAY,EAAE,UAAU;EACxBC,QAAQ,EAAE,QAAQ;EAClBC,KAAK,EAAE,6BAA6B;EACpCC,eAAe,EAAE;AACrB,CAAC,qBAAC;AAEF,IAAMC,gBAAgB,gBAAG,IAAAV,YAAG,EAAC;EACzBW,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE,QAAQ;EACxBC,UAAU,EAAE,QAAQ;EACpBZ,MAAM,EAAE;AACZ,CAAC,4BAAC;AAEF,IAAMa,SAAS,gBAAG,IAAAd,YAAG,EAAC;EAClBe,KAAK,EAAE,EAAE;EACTd,MAAM,EAAE;AACZ,CAAC,qBAAC;AAUK,IAAMe,wBAAwB,GAAG,SAA3BA,wBAAwB,OAGA;EAAA,IAFjCC,KAAK,QAALA,KAAK;IACLC,iBAAiB,QAAjBA,iBAAiB;EAEjB,IAAMC,QAAQ,GAAGC,WAAW,CAACH,KAAK,CAAC;EAEnC,IAAMI,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,gBAAkC,EAAK;IAC/D,oBACI,6CAASA,gBAAgB,EAAMJ,iBAAiB,gBAC5C;MAAK,SAAS,EAAER;IAAiB,gBAC7B,oBAAC,2CAAQ;MAAC,SAAS,EAAEI;IAAU,EAAG,CAChC,eACN;MAAK,SAAS,EAAEZ;IAAU,GAAEiB,QAAQ,CAAO,CACzC;EAEd,CAAC;EACD,OAAOE,kBAAkB;AAC7B,CAAC;AAAC;AAEF,IAAMD,WAAW,GAAG,SAAdA,WAAW,CAAIH,KAAc,EAAa;EAC5C,IAAI,CAACA,KAAK,EAAE;IACR,OAAO,SAAS;EACpB;EACA,OAAOA,KAAK,CAACM,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,EAAE,IAAI,SAAS;AAC9C,CAAC"}

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

@@ -1,15 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _longText = _interopRequireDefault(require("./longText"));
-
 var _longTexts = _interopRequireDefault(require("./longTexts"));
-
 var _default = [_longText.default, _longTexts.default];
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["longText","longTexts"],"sources":["index.ts"],"sourcesContent":["import longText from \"./longText\";\nimport longTexts from \"./longTexts\";\n\nexport default [longText, longTexts];\n"],"mappings":";;;;;;;;;AAAA;;AACA;;eAEe,CAACA,iBAAD,EAAWC,kBAAX,C"}
+{"version":3,"names":["longText","longTexts"],"sources":["index.ts"],"sourcesContent":["import longText from \"./longText\";\nimport longTexts from \"./longTexts\";\n\nexport default [longText, longTexts];\n"],"mappings":";;;;;;;AAAA;AACA;AAAoC,eAErB,CAACA,iBAAQ,EAAEC,kBAAS,CAAC;AAAA"}

package/admin/plugins/fieldRenderers/longText/longText.js

@@ -1,26 +1,17 @@
 "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 _get = _interopRequireDefault(require("lodash/get"));
-
 var _Input = require("@webiny/ui/Input");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _templateObject, _templateObject2;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-long-text-textarea",
@@ -34,7 +25,7 @@ var plugin = {
     },
     render: function render(_ref2) {
       var field = _ref2.field,
-          getBind = _ref2.getBind;
+        getBind = _ref2.getBind;
       var Bind = getBind();
       return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
         return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind, {

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","bind","label","placeholderText","helpText"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-textarea\",\n    renderer: {\n        rendererName: \"long-text-text-area\",\n        name: t`Text Area`,\n        description: t`Renders a simple text area, suitable for larger amounts of text.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Input\n                            {...bind}\n                            rows={5}\n                            label={field.label}\n                            placeholder={field.placeholderText}\n                            description={field.helpText}\n                            data-testid={`fr.input.longtext.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,8CAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBADR;IAENF,IAAI,EAAEL,CAAF,4FAFE;IAGNQ,WAAW,EAAER,CAAF,qJAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OACIA,KAAK,CAACN,IAAN,KAAe,WAAf,IACA,CAACM,KAAK,CAACC,cADP,IAEA,CAAC,IAAAC,YAAA,EAAIF,KAAJ,EAAW,0BAAX,CAHL;IAKH,CAVK;IAWNG,MAXM,yBAWqB;MAAA,IAAlBH,KAAkB,SAAlBA,KAAkB;MAAA,IAAXI,OAAW,SAAXA,OAAW;MACvB,IAAMC,IAAI,GAAGD,OAAO,EAApB;MAEA,oBACI,6BAAC,IAAD,QACK,UAAAE,IAAI;QAAA,oBACD,6BAAC,YAAD,oBACQA,IADR;UAEI,IAAI,EAAE,CAFV;UAGI,KAAK,EAAEN,KAAK,CAACO,KAHjB;UAII,WAAW,EAAEP,KAAK,CAACQ,eAJvB;UAKI,WAAW,EAAER,KAAK,CAACS,QALvB;UAMI,2CAAkCT,KAAK,CAACO,KAAxC;QANJ,GADC;MAAA,CADT,CADJ;IAcH;EA5BK;AAH+B,CAA7C;eAmCed,M"}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","bind","label","placeholderText","helpText"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-textarea\",\n    renderer: {\n        rendererName: \"long-text-text-area\",\n        name: t`Text Area`,\n        description: t`Renders a simple text area, suitable for larger amounts of text.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Input\n                            {...bind}\n                            rows={5}\n                            label={field.label}\n                            placeholder={field.placeholderText}\n                            description={field.helpText}\n                            data-testid={`fr.input.longtext.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AAAwC;AAExC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBAAqB;IACnCF,IAAI,EAAEL,CAAC,4FAAW;IAClBQ,WAAW,EAAER,CAAC,qJAAkE;IAChFS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,WAAW,IAC1B,CAACM,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,yBAAqB;MAAA,IAAlBH,KAAK,SAALA,KAAK;QAAEI,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,oBACI,6BAAC,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD,6BAAC,YAAK,oBACEA,IAAI;UACR,IAAI,EAAE,CAAE;UACR,KAAK,EAAEN,KAAK,CAACO,KAAM;UACnB,WAAW,EAAEP,KAAK,CAACQ,eAAgB;UACnC,WAAW,EAAER,KAAK,CAACS,QAAS;UAC5B,2CAAkCT,KAAK,CAACO,KAAK;QAAG,GAClD;MAAA,CACL,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEad,MAAM;AAAA"}

package/admin/plugins/fieldRenderers/longText/longTexts.js

@@ -1,30 +1,19 @@
 "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 _get = _interopRequireDefault(require("lodash/get"));
-
 var _Input = require("@webiny/ui/Input");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _close = require("../../../icons/close.svg");
-
 var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
-
 var _templateObject, _templateObject2, _templateObject3;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-long-text-inputs",
@@ -39,7 +28,7 @@ var plugin = {
     render: function render(props) {
       return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, props, function (_ref2) {
         var bind = _ref2.bind,
-            index = _ref2.index;
+          index = _ref2.index;
         return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind.index, {
           rows: 5,
           label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Value {number}"])))({

package/admin/plugins/fieldRenderers/longText/longTexts.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","props","bind","index","number","icon","onClick","removeValue"],"sources":["longTexts.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-inputs\",\n    renderer: {\n        rendererName: \"long-text-inputs\",\n        name: t`Text Areas`,\n        description: t`Renders a simple list of text areas.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <Input\n                            {...bind.index}\n                            rows={5}\n                            label={t`Value {number}`({ number: index + 1 })}\n                            trailingIcon={\n                                index > 0 && {\n                                    icon: <DeleteIcon />,\n                                    onClick: () => bind.field.removeValue(index)\n                                }\n                            }\n                        />\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;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,4CAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBADR;IAENF,IAAI,EAAEL,CAAF,6FAFE;IAGNQ,WAAW,EAAER,CAAF,yHAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OACIA,KAAK,CAACN,IAAN,KAAe,WAAf,IACA,CAAC,CAACM,KAAK,CAACC,cADR,IAEA,CAAC,IAAAC,YAAA,EAAIF,KAAJ,EAAW,0BAAX,CAHL;IAKH,CAVK;IAWNG,MAXM,kBAWCC,KAXD,EAWQ;MACV,oBACI,6BAAC,uBAAD,EAAoBA,KAApB,EACK;QAAA,IAAGC,IAAH,SAAGA,IAAH;QAAA,IAASC,KAAT,SAASA,KAAT;QAAA,oBACG,6BAAC,YAAD,oBACQD,IAAI,CAACC,KADb;UAEI,IAAI,EAAE,CAFV;UAGI,KAAK,EAAEhB,CAAC,mGAAD,CAAkB;YAAEiB,MAAM,EAAED,KAAK,GAAG;UAAlB,CAAlB,CAHX;UAII,YAAY,EACRA,KAAK,GAAG,CAAR,IAAa;YACTE,IAAI,eAAE,6BAAC,qBAAD,OADG;YAETC,OAAO,EAAE;cAAA,OAAMJ,IAAI,CAACL,KAAL,CAAWU,WAAX,CAAuBJ,KAAvB,CAAN;YAAA;UAFA;QALrB,GADH;MAAA,CADL,CADJ;IAiBH;EA7BK;AAH+B,CAA7C;eAoCeb,M"}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","props","bind","index","number","icon","onClick","removeValue"],"sources":["longTexts.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-inputs\",\n    renderer: {\n        rendererName: \"long-text-inputs\",\n        name: t`Text Areas`,\n        description: t`Renders a simple list of text areas.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <Input\n                            {...bind.index}\n                            rows={5}\n                            label={t`Value {number}`({ number: index + 1 })}\n                            trailingIcon={\n                                index > 0 && {\n                                    icon: <DeleteIcon />,\n                                    onClick: () => bind.field.removeValue(index)\n                                }\n                            }\n                        />\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAA+C;AAE/C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEL,CAAC,6FAAY;IACnBQ,WAAW,EAAER,CAAC,yHAAsC;IACpDS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,WAAW,IAC1B,CAAC,CAACM,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,kBAACC,KAAK,EAAE;MACV,oBACI,6BAAC,uBAAc,EAAKA,KAAK,EACpB;QAAA,IAAGC,IAAI,SAAJA,IAAI;UAAEC,KAAK,SAALA,KAAK;QAAA,oBACX,6BAAC,YAAK,oBACED,IAAI,CAACC,KAAK;UACd,IAAI,EAAE,CAAE;UACR,KAAK,EAAEhB,CAAC,oGAAiB;YAAEiB,MAAM,EAAED,KAAK,GAAG;UAAE,CAAC,CAAE;UAChD,YAAY,EACRA,KAAK,GAAG,CAAC,IAAI;YACTE,IAAI,eAAE,6BAAC,qBAAU,OAAG;YACpBC,OAAO,EAAE;cAAA,OAAMJ,IAAI,CAACL,KAAK,CAACU,WAAW,CAACJ,KAAK,CAAC;YAAA;UAChD;QACH,GACH;MAAA,CACL,CACY;IAEzB;EACJ;AACJ,CAAC;AAAC,eAEab,MAAM;AAAA"}