@webiny/app-headless-cms 5.27.0 → 5.28.0-beta.0

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

@@ -1,20 +1,35 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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;
 
-import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { FileManager } from "@webiny/app-admin/components";
-import File from "./File";
-var t = i18n.ns("app-headless-cms/admin/fields/file");
+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 = _taggedTemplateLiteral(["File Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Enables selecting a single file via File Manager."]))),
+    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;
@@ -25,12 +40,12 @@ var plugin = {
           Label = _ref2.Label;
       var Bind = getBind();
       var imagesOnly = field.settings && field.settings.imagesOnly;
-      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/React.createElement(Label, null, field.label), /*#__PURE__*/React.createElement(Bind, null, function (bind) {
+      }, /*#__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.createElement(FileManager, {
+        return /*#__PURE__*/_react.default.createElement(_components.FileManager, {
           multiple: false,
           images: imagesOnly
         }, function (_ref3) {
@@ -47,7 +62,7 @@ var plugin = {
             });
           };
 
-          return /*#__PURE__*/React.createElement(File, Object.assign({}, bind, {
+          return /*#__PURE__*/_react.default.createElement(_File.default, Object.assign({}, bind, {
             url: value,
             onRemove: function onRemove() {
               return onChange(null);
@@ -61,4 +76,5 @@ var plugin = {
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["fileField.tsx"],"names":["React","i18n","Cell","Grid","FileManager","File","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Label","Bind","imagesOnly","settings","label","bind","value","onChange","showFileManager","selectFile","initialFile","Array","isArray","length","file","src","placeholderText","helpText"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,iBAA3B;AACA,SAASC,WAAT,QAA4B,8BAA5B;AACA,OAAOC,IAAP;AAEA,IAAMC,CAAC,GAAGL,IAAI,CAACM,EAAL,CAAQ,oCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,gCAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,YADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,+EAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,wHAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aAAOA,KAAK,CAACN,IAAN,KAAe,MAAf,IAAyB,CAACM,KAAK,CAACC,cAAvC;AACH,KANK;AAONC,IAAAA,MAPM,yBAO4B;AAAA,UAAzBF,KAAyB,SAAzBA,KAAyB;AAAA,UAAlBG,OAAkB,SAAlBA,OAAkB;AAAA,UAATC,KAAS,SAATA,KAAS;AAC9B,UAAMC,IAAI,GAAGF,OAAO,EAApB;AAEA,UAAMG,UAAU,GAAGN,KAAK,CAACO,QAAN,IAAkBP,KAAK,CAACO,QAAN,CAAeD,UAApD;AACA,0BACI,oBAAC,IAAD,qBACI,oBAAC,IAAD;AAAM,QAAA,IAAI,EAAE;AAAZ,sBACI,oBAAC,KAAD,QAAQN,KAAK,CAACQ,KAAd,CADJ,eAEI,oBAAC,IAAD,QACK,UAAAC,IAAI,EAAI;AACL,YAAQC,KAAR,GAA4BD,IAA5B,CAAQC,KAAR;AAAA,YAAeC,QAAf,GAA4BF,IAA5B,CAAeE,QAAf;AAEA,4BACI,oBAAC,WAAD;AAAa,UAAA,QAAQ,EAAE,KAAvB;AAA8B,UAAA,MAAM,EAAEL;AAAtC,WACK,iBAAyB;AAAA,cAAtBM,eAAsB,SAAtBA,eAAsB;;AACtB,cAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;AACrBD,YAAAA,eAAe,CAAC,UAAAE,WAAW,EAAI;AAC3B,kBACI,CAACA,WAAD,IACCC,KAAK,CAACC,OAAN,CAAcF,WAAd,MAA+B,IAA/B,IACGA,WAAW,CAACG,MAAZ,KAAuB,CAH/B,EAIE;AACE;AACH;;AACD,kBAAMC,IAAI,GAAGH,KAAK,CAACC,OAAN,CAAcF,WAAd,IACPA,WAAW,CAAC,CAAD,CADJ,GAEPA,WAFN;AAGAH,cAAAA,QAAQ,CAACO,IAAI,CAACC,GAAN,CAAR;AACH,aAZc,CAAf;AAaH,WAdD;;AAeA,8BACI,oBAAC,IAAD,oBACQV,IADR;AAEI,YAAA,GAAG,EAAEC,KAFT;AAGI,YAAA,QAAQ,EAAE;AAAA,qBAAMC,QAAQ,CAAC,IAAD,CAAd;AAAA,aAHd;AAII,YAAA,eAAe,EAAEE,UAJrB;AAKI,YAAA,WAAW,EAAEb,KAAK,CAACoB,eALvB;AAMI,YAAA,WAAW,EAAEpB,KAAK,CAACqB;AANvB,aADJ;AAUH,SA3BL,CADJ;AA+BH,OAnCL,CAFJ,CADJ,CADJ;AA4CH;AAvDK;AAH+B,CAA7C;AA8DA,eAAe5B,MAAf","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 multiple={false} images={imagesOnly}>\n                                        {({ showFileManager }) => {\n                                            const selectFile = () => {\n                                                showFileManager(initialFile => {\n                                                    if (\n                                                        !initialFile ||\n                                                        (Array.isArray(initialFile) === true &&\n                                                            initialFile.length === 0)\n                                                    ) {\n                                                        return;\n                                                    }\n                                                    const file = Array.isArray(initialFile)\n                                                        ? initialFile[0]\n                                                        : initialFile;\n                                                    onChange(file.src);\n                                                });\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                                                />\n                                            );\n                                        }}\n                                    </FileManager>\n                                );\n                            }}\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"]}
+{"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","initialFile","Array","isArray","length","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 multiple={false} images={imagesOnly}>\n                                        {({ showFileManager }) => {\n                                            const selectFile = () => {\n                                                showFileManager(initialFile => {\n                                                    if (\n                                                        !initialFile ||\n                                                        (Array.isArray(initialFile) === true &&\n                                                            initialFile.length === 0)\n                                                    ) {\n                                                        return;\n                                                    }\n                                                    const file = Array.isArray(initialFile)\n                                                        ? initialFile[0]\n                                                        : initialFile;\n                                                    onChange(file.src);\n                                                });\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                                                />\n                                            );\n                                        }}\n                                    </FileManager>\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;UAAa,QAAQ,EAAE,KAAvB;UAA8B,MAAM,EAAEL;QAAtC,GACK,iBAAyB;UAAA,IAAtBM,eAAsB,SAAtBA,eAAsB;;UACtB,IAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;YACrBD,eAAe,CAAC,UAAAE,WAAW,EAAI;cAC3B,IACI,CAACA,WAAD,IACCC,KAAK,CAACC,OAAN,CAAcF,WAAd,MAA+B,IAA/B,IACGA,WAAW,CAACG,MAAZ,KAAuB,CAH/B,EAIE;gBACE;cACH;;cACD,IAAMC,IAAI,GAAGH,KAAK,CAACC,OAAN,CAAcF,WAAd,IACPA,WAAW,CAAC,CAAD,CADJ,GAEPA,WAFN;cAGAH,QAAQ,CAACO,IAAI,CAACC,GAAN,CAAR;YACH,CAZc,CAAf;UAaH,CAdD;;UAeA,oBACI,6BAAC,aAAD,oBACQV,IADR;YAEI,GAAG,EAAEC,KAFT;YAGI,QAAQ,EAAE;cAAA,OAAMC,QAAQ,CAAC,IAAD,CAAd;YAAA,CAHd;YAII,eAAe,EAAEE,UAJrB;YAKI,WAAW,EAAEb,KAAK,CAACoB,eALvB;YAMI,WAAW,EAAEpB,KAAK,CAACqB;UANvB,GADJ;QAUH,CA3BL,CADJ;MA+BH,CAnCL,CAFJ,CADJ,CADJ;IA4CH;EAvDK;AAH+B,CAA7C;eA8De5B,M"}

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

@@ -1,18 +1,37 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+"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;
 
-import React from "react";
-import dotProp from "dot-prop-immutable";
-import { i18n } from "@webiny/app/i18n";
-import { Cell, GridInner } from "@webiny/ui/Grid";
-import { imageWrapperStyles } from "./utils";
-import { FileManager } from "@webiny/app-admin/components";
-import styled from "@emotion/styled";
-import File from "./File";
-var t = i18n.ns("app-headless-cms/admin/fields/file");
-var FileUploadWrapper = /*#__PURE__*/styled("div", {
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/file");
+
+var FileUploadWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eq80mh0",
   label: "FileUploadWrapper"
 })({
@@ -32,12 +51,13 @@ var FieldRenderer = function FieldRenderer(_ref) {
       field = _ref.field;
   var Bind = getBind();
   var imagesOnly = field.settings && field.settings.imagesOnly;
-  return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-    var value = bind.value,
-        onChange = bind.onChange;
-    return /*#__PURE__*/React.createElement(FileUploadWrapper, {
-      className: imageWrapperStyles
-    }, /*#__PURE__*/React.createElement(FileManager, {
+  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 value = (Array.isArray(bind.value) ? bind.value : [bind.value]).filter(Boolean);
+    return /*#__PURE__*/_react.default.createElement(FileUploadWrapper, {
+      className: _utils.imageWrapperStyles
+    }, /*#__PURE__*/_react.default.createElement(_components.FileManager, {
       multiple: true,
       images: imagesOnly
     }, function (_ref2) {
@@ -56,32 +76,32 @@ var FieldRenderer = function FieldRenderer(_ref) {
           });
 
           if (index === -1) {
-            onChange([].concat(_toConsumableArray(value || []), _toConsumableArray(urls)));
+            onChange([].concat((0, _toConsumableArray2.default)(value), (0, _toConsumableArray2.default)(urls)));
           } else {
-            onChange([].concat(_toConsumableArray(value.slice(0, index)), _toConsumableArray(urls), _toConsumableArray(value.slice(index + 1))));
+            onChange([].concat((0, _toConsumableArray2.default)(value.slice(0, index)), (0, _toConsumableArray2.default)(urls), (0, _toConsumableArray2.default)(value.slice(index + 1))));
           }
         });
       };
 
-      return /*#__PURE__*/React.createElement(GridInner, null, /*#__PURE__*/React.createElement(Cell, {
+      return /*#__PURE__*/_react.default.createElement(_Grid.GridInner, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/React.createElement(Label, null, field.label)), value.map(function (url, index) {
-        return /*#__PURE__*/React.createElement(Cell, {
+      }, /*#__PURE__*/_react.default.createElement(Label, null, field.label)), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, value.map(function (url, index) {
+        return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
           span: 3,
           key: url
-        }, /*#__PURE__*/React.createElement(File, {
+        }, /*#__PURE__*/_react.default.createElement(_File.default, {
           url: url,
           showFileManager: function showFileManager() {
             return selectFiles(index);
           },
           onRemove: function onRemove() {
-            return onChange(dotProp.delete(value, index));
+            return onChange(_dotPropImmutable.default.delete(value, index));
           },
-          placeholder: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Select a file\""])))
+          placeholder: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Select a file\""])))
         }));
-      }), /*#__PURE__*/React.createElement(Cell, {
+      })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 3
-      }, /*#__PURE__*/React.createElement(File, Object.assign({
+      }, /*#__PURE__*/_react.default.createElement(_File.default, Object.assign({
         url: "",
         onRemove: function onRemove() {
           return void 0;
@@ -90,7 +110,7 @@ var FieldRenderer = function FieldRenderer(_ref) {
         showFileManager: function showFileManager() {
           return selectFiles();
         },
-        placeholder: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Select a file\""])))
+        placeholder: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Select a file\""])))
       }))));
     }));
   });
@@ -115,8 +135,8 @@ var plugin = {
   name: "cms-editor-field-renderer-files",
   renderer: {
     rendererName: "file-inputs",
-    name: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["File Inputs"]))),
-    description: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Enables selecting multiple files via File Manager."]))),
+    name: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["File Inputs"]))),
+    description: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Enables selecting multiple files via File Manager."]))),
     canUse: function canUse(_ref3) {
       var field = _ref3.field;
       return field.type === "file" && !!field.multipleValues;
@@ -125,7 +145,7 @@ var plugin = {
       var field = _ref4.field,
           getBind = _ref4.getBind,
           Label = _ref4.Label;
-      return /*#__PURE__*/React.createElement(FieldRenderer, {
+      return /*#__PURE__*/_react.default.createElement(FieldRenderer, {
         field: field,
         getBind: getBind,
         Label: Label
@@ -133,4 +153,5 @@ var plugin = {
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["fileFields.tsx"],"names":["React","dotProp","i18n","Cell","GridInner","imageWrapperStyles","FileManager","styled","File","t","ns","FileUploadWrapper","position","opacity","pointerEvents","color","FieldRenderer","getBind","Label","field","Bind","imagesOnly","settings","bind","value","onChange","showFileManager","selectFiles","index","initialFiles","length","files","Array","isArray","urls","map","f","src","slice","label","url","delete","defaultProps","validation","isValid","styles","width","height","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","render"],"mappings":"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","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 { value, onChange } = bind;\n                return (\n                    <FileUploadWrapper className={imageWrapperStyles}>\n                        <FileManager multiple={true} images={imagesOnly}>\n                            {({ showFileManager }) => {\n                                const selectFiles = (index = -1) => {\n                                    showFileManager(initialFiles => {\n                                        if (!initialFiles || initialFiles.length === 0) {\n                                            return;\n                                        }\n                                        const files = Array.isArray(initialFiles)\n                                            ? initialFiles\n                                            : [initialFiles];\n\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                                        {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                                                />\n                                            </Cell>\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                                            />\n                                        </Cell>\n                                    </GridInner>\n                                );\n                            }}\n                        </FileManager>\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"]}
+{"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","initialFiles","length","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 multiple={true} images={imagesOnly}>\n                            {({ showFileManager }) => {\n                                const selectFiles = (index = -1) => {\n                                    showFileManager(initialFiles => {\n                                        if (!initialFiles || initialFiles.length === 0) {\n                                            return;\n                                        }\n                                        const files = Array.isArray(initialFiles)\n                                            ? initialFiles\n                                            : [initialFiles];\n\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                                                    />\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                                            />\n                                        </Cell>\n                                    </GridInner>\n                                );\n                            }}\n                        </FileManager>\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":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,iBAAiB,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACpCC,QAAQ,EAAE,UAD0B;EAEpC,aAAa;IACTC,OAAO,EAAE,IADA;IAETC,aAAa,EAAE;EAFN,CAFuB;EAMpC,+BAA+B;IAC3BC,KAAK,EAAE;EADoB;AANK,CAAjB,CAAvB;;AAgBA,IAAMC,aAA2C,GAAG,SAA9CA,aAA8C,OAA+B;EAAA,IAA5BC,OAA4B,QAA5BA,OAA4B;EAAA,IAAnBC,KAAmB,QAAnBA,KAAmB;EAAA,IAAZC,KAAY,QAAZA,KAAY;EAC/E,IAAMC,IAAI,GAAGH,OAAO,EAApB;EAEA,IAAMI,UAAU,GAAGF,KAAK,CAACG,QAAN,IAAkBH,KAAK,CAACG,QAAN,CAAeD,UAApD;EAEA,oBACI,6BAAC,IAAD,QACK,UAAAE,IAAI,EAAI;IACL,IAAQC,QAAR,GAAqBD,IAArB,CAAQC,QAAR,CADK,CAGL;;IACA,IAAMC,KAAe,GAAG,CACpBC,KAAK,CAACC,OAAN,CAAcJ,IAAI,CAACE,KAAnB,IAA4BF,IAAI,CAACE,KAAjC,GAAyC,CAACF,IAAI,CAACE,KAAN,CADrB,EAEtBG,MAFsB,CAEfC,OAFe,CAAxB;IAIA,oBACI,6BAAC,iBAAD;MAAmB,SAAS,EAAEC;IAA9B,gBACI,6BAAC,uBAAD;MAAa,QAAQ,EAAE,IAAvB;MAA6B,MAAM,EAAET;IAArC,GACK,iBAAyB;MAAA,IAAtBU,eAAsB,SAAtBA,eAAsB;;MACtB,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAgB;QAAA,IAAfC,KAAe,uEAAP,CAAC,CAAM;QAChCF,eAAe,CAAC,UAAAG,YAAY,EAAI;UAC5B,IAAI,CAACA,YAAD,IAAiBA,YAAY,CAACC,MAAb,KAAwB,CAA7C,EAAgD;YAC5C;UACH;;UACD,IAAMC,KAAK,GAAGV,KAAK,CAACC,OAAN,CAAcO,YAAd,IACRA,YADQ,GAER,CAACA,YAAD,CAFN;UAIA,IAAMG,IAAI,GAAGD,KAAK,CAACE,GAAN,CAAU,UAAAC,CAAC;YAAA,OAAIA,CAAC,CAACC,GAAN;UAAA,CAAX,CAAb;;UACA,IAAIP,KAAK,KAAK,CAAC,CAAf,EAAkB;YACdT,QAAQ,4CAAKC,KAAL,oCAAeY,IAAf,GAAR;UACH,CAFD,MAEO;YACHb,QAAQ,4CACDC,KAAK,CAACgB,KAAN,CAAY,CAAZ,EAAeR,KAAf,CADC,oCAEDI,IAFC,oCAGDZ,KAAK,CAACgB,KAAN,CAAYR,KAAK,GAAG,CAApB,CAHC,GAAR;UAKH;QACJ,CAlBc,CAAf;MAmBH,CApBD;;MAqBA,oBACI,6BAAC,eAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,KAAD,QAAQd,KAAK,CAACuB,KAAd,CADJ,CADJ,eAKI,4DACKjB,KAAK,CAACa,GAAN,CAAU,UAACK,GAAD,EAAcV,KAAd;QAAA,oBACP,6BAAC,UAAD;UAAM,IAAI,EAAE,CAAZ;UAAe,GAAG,EAAEU;QAApB,gBACI,6BAAC,aAAD;UACI,GAAG,EAAEA,GADT;UAEI,eAAe,EAAE;YAAA,OAAMX,WAAW,CAACC,KAAD,CAAjB;UAAA,CAFrB;UAGI,QAAQ,EAAE;YAAA,OACNT,QAAQ,CAACoB,yBAAA,CAAQC,MAAR,CAAepB,KAAf,EAAsBQ,KAAtB,CAAD,CADF;UAAA,CAHd;UAMI,WAAW,EAAE1B,CAAF;QANf,EADJ,CADO;MAAA,CAAV,CADL,CALJ,eAoBI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,aAAD;QACI,GAAG,EAAE,EADT;QAEI,QAAQ,EAAE,oBAAM;UACZ,OAAO,KAAK,CAAZ;QACH;MAJL,GAKQgB,IALR;QAMI,eAAe,EAAE;UAAA,OAAMS,WAAW,EAAjB;QAAA,CANrB;QAOI,WAAW,EAAEzB,CAAF;MAPf,GADJ,CApBJ,CADJ;IAkCH,CAzDL,CADJ,CADJ;EA+DH,CAxEL,CADJ;AA4EH,CAjFD;AAkFA;AACA;AACA;AACA;;;AACAS,aAAa,CAAC8B,YAAd,GAA6B;EACzBC,UAAU,EAAE;IACRC,OAAO,EAAE;EADD,CADa;EAIzBC,MAAM,EAAE;IAAEC,KAAK,EAAE,MAAT;IAAiBC,MAAM,EAAE;EAAzB;AAJiB,CAA7B;AAOA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,iCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,aADR;IAENF,IAAI,EAAE/C,CAAF,gGAFE;IAGNkD,WAAW,EAAElD,CAAF,uIAHL;IAINmD,MAJM,yBAIY;MAAA,IAATvC,KAAS,SAATA,KAAS;MACd,OAAOA,KAAK,CAACkC,IAAN,KAAe,MAAf,IAAyB,CAAC,CAAClC,KAAK,CAACwC,cAAxC;IACH,CANK;IAONC,MAPM,yBAO4B;MAAA,IAAzBzC,KAAyB,SAAzBA,KAAyB;MAAA,IAAlBF,OAAkB,SAAlBA,OAAkB;MAAA,IAATC,KAAS,SAATA,KAAS;MAC9B,oBAAO,6BAAC,aAAD;QAAe,KAAK,EAAEC,KAAtB;QAA6B,OAAO,EAAEF,OAAtC;QAA+C,KAAK,EAAEC;MAAtD,EAAP;IACH;EATK;AAH+B,CAA7C;eAgBekC,M"}

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

@@ -1,3 +1,15 @@
-import fileField from "./fileField";
-import fileFields from "./fileFields";
-export default [fileField, fileFields];
+"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,"sources":["index.ts"],"names":["fileField","fileFields"],"mappings":"AAAA,OAAOA,SAAP;AACA,OAAOC,UAAP;AAEA,eAAe,CAACD,SAAD,EAAYC,UAAZ,CAAf","sourcesContent":["import fileField from \"./fileField\";\nimport fileFields from \"./fileFields\";\n\nexport default [fileField, fileFields];\n"]}
+{"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"}

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

@@ -1,11 +1,25 @@
-import * as React from "react";
-import { css } from "emotion";
-import { ReactComponent as FileIcon } from "../../fields/icons/round_insert_drive_file-24px.svg";
-export var imagePlugins = [".jpg", ".jpeg", ".gif", ".png", ".svg"];
-export var imageWrapperStyles = /*#__PURE__*/css({
+"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)({
   height: "auto"
 }, "label:imageWrapperStyles;");
-var fileLabel = /*#__PURE__*/css({
+exports.imageWrapperStyles = imageWrapperStyles;
+var fileLabel = /*#__PURE__*/(0, _emotion.css)({
   padding: "10px",
   whiteSpace: "nowrap",
   overflow: "hidden",
@@ -14,17 +28,18 @@ var fileLabel = /*#__PURE__*/css({
   color: "var(--mdc-theme-on-surface)",
   backgroundColor: "var(--mdc-theme-on-background)"
 }, "label:fileLabel;");
-var IconWrapperStyle = /*#__PURE__*/css({
+var IconWrapperStyle = /*#__PURE__*/(0, _emotion.css)({
   display: "flex",
   justifyContent: "center",
   alignItems: "center",
   height: 200
 }, "label:IconWrapperStyle;");
-var IconStyle = /*#__PURE__*/css({
+var IconStyle = /*#__PURE__*/(0, _emotion.css)({
   width: 64,
   height: 64
 }, "label:IconStyle;");
-export var createRenderImagePreview = function createRenderImagePreview(_ref) {
+
+var createRenderImagePreview = function createRenderImagePreview(_ref) {
   var value = _ref.value,
       imagePreviewProps = _ref.imagePreviewProps;
   var fileName = getFileName(value);
@@ -32,7 +47,7 @@ export var createRenderImagePreview = function createRenderImagePreview(_ref) {
   var renderImagePreview = function renderImagePreview(renderImageProps) {
     return /*#__PURE__*/React.createElement("div", Object.assign({}, renderImageProps, imagePreviewProps), /*#__PURE__*/React.createElement("div", {
       className: IconWrapperStyle
-    }, /*#__PURE__*/React.createElement(FileIcon, {
+    }, /*#__PURE__*/React.createElement(_round_insert_drive_file24px.ReactComponent, {
       className: IconStyle
     })), /*#__PURE__*/React.createElement("div", {
       className: fileLabel
@@ -42,6 +57,8 @@ export var createRenderImagePreview = function createRenderImagePreview(_ref) {
   return renderImagePreview;
 };
 
+exports.createRenderImagePreview = createRenderImagePreview;
+
 var getFileName = function getFileName(value) {
   if (!value) {
     return "unknown";

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

@@ -1 +1 @@
-{"version":3,"sources":["utils.tsx"],"names":["React","css","ReactComponent","FileIcon","imagePlugins","imageWrapperStyles","height","fileLabel","padding","whiteSpace","overflow","textOverflow","fontSize","color","backgroundColor","IconWrapperStyle","display","justifyContent","alignItems","IconStyle","width","createRenderImagePreview","value","imagePreviewProps","fileName","getFileName","renderImagePreview","renderImageProps","split","pop"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,SAASC,cAAc,IAAIC,QAA3B;AAEA,OAAO,IAAMC,YAAY,GAAG,CAAC,MAAD,EAAS,OAAT,EAAkB,MAAlB,EAA0B,MAA1B,EAAkC,MAAlC,CAArB;AAEP,OAAO,IAAMC,kBAAkB,gBAAGJ,GAAG,CAAC;AAClCK,EAAAA,MAAM,EAAE;AAD0B,CAAD,8BAA9B;AAIP,IAAMC,SAAS,gBAAGN,GAAG,CAAC;AAClBO,EAAAA,OAAO,EAAE,MADS;AAElBC,EAAAA,UAAU,EAAE,QAFM;AAGlBC,EAAAA,QAAQ,EAAE,QAHQ;AAIlBC,EAAAA,YAAY,EAAE,UAJI;AAKlBC,EAAAA,QAAQ,EAAE,QALQ;AAMlBC,EAAAA,KAAK,EAAE,6BANW;AAOlBC,EAAAA,eAAe,EAAE;AAPC,CAAD,qBAArB;AAUA,IAAMC,gBAAgB,gBAAGd,GAAG,CAAC;AACzBe,EAAAA,OAAO,EAAE,MADgB;AAEzBC,EAAAA,cAAc,EAAE,QAFS;AAGzBC,EAAAA,UAAU,EAAE,QAHa;AAIzBZ,EAAAA,MAAM,EAAE;AAJiB,CAAD,4BAA5B;AAOA,IAAMa,SAAS,gBAAGlB,GAAG,CAAC;AAClBmB,EAAAA,KAAK,EAAE,EADW;AAElBd,EAAAA,MAAM,EAAE;AAFU,CAAD,qBAArB;AAaA,OAAO,IAAMe,wBAAwB,GAAG,SAA3BA,wBAA2B,OAGH;AAAA,MAFjCC,KAEiC,QAFjCA,KAEiC;AAAA,MADjCC,iBACiC,QADjCA,iBACiC;AACjC,MAAMC,QAAQ,GAAGC,WAAW,CAACH,KAAD,CAA5B;;AAEA,MAAMI,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,gBAAD,EAAwC;AAC/D,wBACI,6CAASA,gBAAT,EAA+BJ,iBAA/B,gBACI;AAAK,MAAA,SAAS,EAAER;AAAhB,oBACI,oBAAC,QAAD;AAAU,MAAA,SAAS,EAAEI;AAArB,MADJ,CADJ,eAII;AAAK,MAAA,SAAS,EAAEZ;AAAhB,OAA4BiB,QAA5B,CAJJ,CADJ;AAQH,GATD;;AAUA,SAAOE,kBAAP;AACH,CAjBM;;AAmBP,IAAMD,WAAW,GAAG,SAAdA,WAAc,CAACH,KAAD,EAA4B;AAC5C,MAAI,CAACA,KAAL,EAAY;AACR,WAAO,SAAP;AACH;;AACD,SAAOA,KAAK,CAACM,KAAN,CAAY,GAAZ,EAAiBC,GAAjB,MAA0B,SAAjC;AACH,CALD","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"]}
+{"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"}

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

@@ -1,3 +1,15 @@
-import longText from "./longText";
-import longTexts from "./longTexts";
-export default [longText, longTexts];
+"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,"sources":["index.ts"],"names":["longText","longTexts"],"mappings":"AAAA,OAAOA,QAAP;AACA,OAAOC,SAAP;AAEA,eAAe,CAACD,QAAD,EAAWC,SAAX,CAAf","sourcesContent":["import longText from \"./longText\";\nimport longTexts from \"./longTexts\";\n\nexport default [longText, longTexts];\n"]}
+{"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"}

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

@@ -1,29 +1,43 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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;
 
-import React from "react";
-import get from "lodash/get";
-import { Input } from "@webiny/ui/Input";
-import { i18n } from "@webiny/app/i18n";
-var t = i18n.ns("app-headless-cms/admin/fields/text");
+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",
   renderer: {
     rendererName: "long-text-text-area",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Text Area"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple text area, suitable for larger amounts of text."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Text Area"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple text area, suitable for larger amounts of text."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.type === "long-text" && !field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "long-text" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
     },
     render: function render(_ref2) {
       var field = _ref2.field,
           getBind = _ref2.getBind;
       var Bind = getBind();
-      return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/React.createElement(Input, Object.assign({}, bind, {
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind, {
           rows: 5,
           label: field.label,
           placeholder: field.placeholderText,
@@ -33,4 +47,5 @@ var plugin = {
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["longText.tsx"],"names":["React","get","Input","i18n","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","bind","label","placeholderText","helpText"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AAEA,SAASC,KAAT,QAAsB,kBAAtB;AACA,SAASC,IAAT,QAAqB,kBAArB;AAEA,IAAMC,CAAC,GAAGD,IAAI,CAACE,EAAL,CAAQ,oCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,8CAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,qBADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,8EAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,uIAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aACIA,KAAK,CAACN,IAAN,KAAe,WAAf,IACA,CAACM,KAAK,CAACC,cADP,IAEA,CAACb,GAAG,CAACY,KAAD,EAAQ,0BAAR,CAHR;AAKH,KAVK;AAWNE,IAAAA,MAXM,yBAWqB;AAAA,UAAlBF,KAAkB,SAAlBA,KAAkB;AAAA,UAAXG,OAAW,SAAXA,OAAW;AACvB,UAAMC,IAAI,GAAGD,OAAO,EAApB;AAEA,0BACI,oBAAC,IAAD,QACK,UAAAE,IAAI;AAAA,4BACD,oBAAC,KAAD,oBACQA,IADR;AAEI,UAAA,IAAI,EAAE,CAFV;AAGI,UAAA,KAAK,EAAEL,KAAK,CAACM,KAHjB;AAII,UAAA,WAAW,EAAEN,KAAK,CAACO,eAJvB;AAKI,UAAA,WAAW,EAAEP,KAAK,CAACQ;AALvB,WADC;AAAA,OADT,CADJ;AAaH;AA3BK;AAH+B,CAA7C;AAkCA,eAAef,MAAf","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                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"]}
+{"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                        />\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,GADC;MAAA,CADT,CADJ;IAaH;EA3BK;AAH+B,CAA7C;eAkCehB,M"}

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

@@ -1,36 +1,52 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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;
 
-import React from "react";
-import get from "lodash/get";
-import { Input } from "@webiny/ui/Input";
-import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as DeleteIcon } from "../../../icons/close.svg";
-import DynamicSection from "../DynamicSection";
-var t = i18n.ns("app-headless-cms/admin/fields/text");
+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",
   renderer: {
     rendererName: "long-text-inputs",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Text Areas"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple list of text areas."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Text Areas"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple list of text areas."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.type === "long-text" && !!field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "long-text" && !!field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
     },
     render: function render(props) {
-      return /*#__PURE__*/React.createElement(DynamicSection, props, function (_ref2) {
+      return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, props, function (_ref2) {
         var bind = _ref2.bind,
             index = _ref2.index;
-        return /*#__PURE__*/React.createElement(Input, Object.assign({}, bind.index, {
+        return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind.index, {
           rows: 5,
-          label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Value {number}"])))({
+          label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Value {number}"])))({
             number: index + 1
           }),
           trailingIcon: index > 0 && {
-            icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+            icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
             onClick: function onClick() {
               return bind.field.removeValue(index);
             }
@@ -40,4 +56,5 @@ var plugin = {
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["longTexts.tsx"],"names":["React","get","Input","i18n","ReactComponent","DeleteIcon","DynamicSection","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","bind","index","number","icon","onClick","removeValue"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AAEA,SAASC,KAAT,QAAsB,kBAAtB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,cAAc,IAAIC,UAA3B;AACA,OAAOC,cAAP;AAEA,IAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAL,CAAQ,oCAAR,CAAV;AAEA,IAAMC,MAAoC,GAAG;AACzCC,EAAAA,IAAI,EAAE,2BADmC;AAEzCC,EAAAA,IAAI,EAAE,4CAFmC;AAGzCC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,YAAY,EAAE,kBADR;AAENF,IAAAA,IAAI,EAAEJ,CAAF,+EAFE;AAGNO,IAAAA,WAAW,EAAEP,CAAF,2GAHL;AAINQ,IAAAA,MAJM,wBAIY;AAAA,UAATC,KAAS,QAATA,KAAS;AACd,aACIA,KAAK,CAACN,IAAN,KAAe,WAAf,IACA,CAAC,CAACM,KAAK,CAACC,cADR,IAEA,CAAChB,GAAG,CAACe,KAAD,EAAQ,0BAAR,CAHR;AAKH,KAVK;AAWNE,IAAAA,MAXM,kBAWCC,KAXD,EAWQ;AACV,0BACI,oBAAC,cAAD,EAAoBA,KAApB,EACK;AAAA,YAAGC,IAAH,SAAGA,IAAH;AAAA,YAASC,KAAT,SAASA,KAAT;AAAA,4BACG,oBAAC,KAAD,oBACQD,IAAI,CAACC,KADb;AAEI,UAAA,IAAI,EAAE,CAFV;AAGI,UAAA,KAAK,EAAEd,CAAC,qFAAD,CAAkB;AAAEe,YAAAA,MAAM,EAAED,KAAK,GAAG;AAAlB,WAAlB,CAHX;AAII,UAAA,YAAY,EACRA,KAAK,GAAG,CAAR,IAAa;AACTE,YAAAA,IAAI,eAAE,oBAAC,UAAD,OADG;AAETC,YAAAA,OAAO,EAAE;AAAA,qBAAMJ,IAAI,CAACJ,KAAL,CAAWS,WAAX,CAAuBJ,KAAvB,CAAN;AAAA;AAFA;AALrB,WADH;AAAA,OADL,CADJ;AAiBH;AA7BK;AAH+B,CAA7C;AAoCA,eAAeZ,MAAf","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"]}
+{"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"}