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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_roundNotes","_Grid","_Input","_i18n","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","t","i18n","ns","plugin","type","name","field","validators","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Input","_default","exports"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as LongTextIcon } from \"./icons/round-notes.svg\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-long-text\",\n    field: {\n        type: \"long-text\",\n        validators: [\"required\", \"minLength\", \"maxLength\", \"pattern\"],\n        label: t`Long text`,\n        description: t`Long comments, notes, multi line values.`,\n        icon: <LongTextIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false, // TODO: implement \"renderPredefinedValues\" and set to true.\n        multipleValuesLabel: t`Use as a list of long texts`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAoC,IAAAM,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAEpC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,iCAAiC;EACvCC,KAAK,EAAE;IACHF,IAAI,EAAE,WAAW;IACjBG,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,CAAC;IAC7DC,KAAK,EAAER,CAAC,CAAAL,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAC,OAAA,kBAAW;IACnBC,WAAW,EAAEX,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAa,uBAAA,CAAAC,OAAA,iDAA0C;IACxDE,IAAI,eAAEzB,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACvB,WAAA,CAAAwB,cAAY,MAAE,CAAC;IACtBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAAE;IAC9BC,mBAAmB,EAAEjB,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAY,uBAAA,CAAAC,OAAA,oCAA6B;IACnDQ,WAAW,WAAXA,WAAWA,CAAA,EAAG;MACV,OAAO;QACHd,IAAI,EAAE,IAAI,CAACA,IAAI;QACfe,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNf,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDgB,cAAc,WAAdA,cAAcA,CAAA,EAAG;MACb,oBACIlC,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACtB,KAAA,CAAA+B,IAAI,qBACDnC,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACtB,KAAA,CAAAgC,IAAI;QAACC,IAAI,EAAE;MAAG,gBACXrC,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACnB,KAAA,CAAA+B,IAAI;QAACpB,IAAI,EAAE;MAAkB,gBAC1BlB,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACrB,MAAA,CAAAkC,KAAK;QACFlB,KAAK,EAAER,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAW,uBAAA,CAAAC,OAAA,yBAAmB;QAC3BC,WAAW,EAAEX,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA;MAA8B,CAC/C,CACC,CACJ,CACJ,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaP,MAAM","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","LongTextIcon","i18n","Bind","Grid","Input","Label","t","ns","plugin","type","name","field","validators","label","description","icon","createElement","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Column","span","text","size"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as LongTextIcon } from \"@webiny/icons/notes.svg\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Input, Label } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-long-text\",\n    field: {\n        type: \"long-text\",\n        validators: [\"required\", \"minLength\", \"maxLength\", \"pattern\"],\n        label: t`Long text`,\n        description: t`Long comments, notes, multi line values.`,\n        icon: <LongTextIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false, // TODO: implement \"renderPredefinedValues\" and set to true.\n        multipleValuesLabel: t`Use as a list of long texts`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Grid.Column span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={\n                                    <Label text={t`Placeholder text`} description={t`(optional)`} />\n                                }\n                                size={\"lg\"}\n                            />\n                        </Bind>\n                    </Grid.Column>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,YAAY,QAAQ,yBAAyB;AAExE,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AAErD,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,iCAAiC;EACvCC,KAAK,EAAE;IACHF,IAAI,EAAE,WAAW;IACjBG,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,CAAC;IAC7DC,KAAK,EAAEP,CAAC,WAAW;IACnBQ,WAAW,EAAER,CAAC,0CAA0C;IACxDS,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAAChB,YAAY,MAAE,CAAC;IACtBiB,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAAE;IAC9BC,mBAAmB,EAAEb,CAAC,6BAA6B;IACnDc,WAAWA,CAAA,EAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDa,cAAcA,CAAA,EAAG;MACb,oBACIzB,KAAA,CAAAkB,aAAA,CAACb,IAAI,qBACDL,KAAA,CAAAkB,aAAA,CAACb,IAAI,CAACqB,MAAM;QAACC,IAAI,EAAE;MAAG,gBAClB3B,KAAA,CAAAkB,aAAA,CAACd,IAAI;QAACQ,IAAI,EAAE;MAAkB,gBAC1BZ,KAAA,CAAAkB,aAAA,CAACZ,KAAK;QACFS,KAAK,eACDf,KAAA,CAAAkB,aAAA,CAACX,KAAK;UAACqB,IAAI,EAAEpB,CAAC,kBAAmB;UAACQ,WAAW,EAAER,CAAC;QAAa,CAAE,CAClE;QACDqB,IAAI,EAAE;MAAK,CACd,CACC,CACG,CACX,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAenB,MAAM","ignoreList":[]}

package/admin/plugins/fields/number.js

@@ -1,33 +1,23 @@
-"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 _Grid = require("@webiny/ui/Grid");
-var _i18n = require("@webiny/app/i18n");
-var _Input = require("@webiny/ui/Input");
-var _PredefinedValuesDynamicFieldset = _interopRequireDefault(require("./PredefinedValuesDynamicFieldset"));
-var _looks_ = require("@material-design-icons/svg/outlined/looks_3.svg");
-var _form = require("@webiny/form");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-var plugin = {
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import PredefinedValuesDynamicFieldset from "./PredefinedValuesDynamicFieldset";
+import { ReactComponent as FloatIcon } from "@webiny/icons/looks_3.svg";
+import { Bind } from "@webiny/form";
+import { Grid, Input, Label } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-number",
   field: {
     type: "number",
-    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Number"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Store numbers."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_looks_.ReactComponent, null),
+    label: t`Number`,
+    description: t`Store numbers.`,
+    icon: /*#__PURE__*/React.createElement(FloatIcon, null),
     validators: ["required", "gte", "lte"],
     allowMultipleValues: true,
     allowPredefinedValues: true,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of numbers"]))),
-    createField: function createField() {
+    multipleValuesLabel: t`Use as a list of numbers`,
+    createField() {
       return {
         type: this.type,
         validation: [],
@@ -36,35 +26,33 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings() {
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    renderSettings() {
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+      }, /*#__PURE__*/React.createElement(Bind, {
         name: "placeholderText"
-      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Placeholder text"]))),
-        description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Placeholder text (optional)"])))
+      }, /*#__PURE__*/React.createElement(Input, {
+        label: /*#__PURE__*/React.createElement(Label, {
+          text: t`Placeholder text`,
+          description: t`(optional)`
+        }),
+        size: "lg"
       }))));
     },
-    renderPredefinedValues: function renderPredefinedValues(props) {
-      return /*#__PURE__*/_react.default.createElement(_PredefinedValuesDynamicFieldset.default, Object.assign({}, props, {
-        renderValueInput: function renderValueInput(Bind) {
-          return /*#__PURE__*/_react.default.createElement(Bind, {
-            name: "value"
-          }, function (bind) {
-            return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind, {
-              type: "number",
-              label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Value"]))),
-              onChange: function onChange(value) {
-                return bind.onChange(parseFloat(value));
-              }
-            }));
-          });
-        }
+    renderPredefinedValues(props) {
+      return /*#__PURE__*/React.createElement(PredefinedValuesDynamicFieldset, Object.assign({}, props, {
+        renderValueInput: Bind => /*#__PURE__*/React.createElement(Bind, {
+          name: "value"
+        }, bind => /*#__PURE__*/React.createElement(Input, Object.assign({}, bind, {
+          type: "number",
+          label: t`Value`,
+          onChange: value => bind.onChange(parseFloat(value)),
+          size: "lg"
+        })))
       }));
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=number.js.map

package/admin/plugins/fields/number.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Grid","_i18n","_Input","_PredefinedValuesDynamicFieldset","_looks_","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","plugin","type","name","field","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","validators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Input","renderPredefinedValues","props","Object","assign","renderValueInput","bind","onChange","value","parseFloat","_default","exports"],"sources":["number.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset\";\nimport { ReactComponent as FloatIcon } from \"@material-design-icons/svg/outlined/looks_3.svg\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-number\",\n    field: {\n        type: \"number\",\n        label: t`Number`,\n        description: t`Store numbers.`,\n        icon: <FloatIcon />,\n        validators: [\"required\", \"gte\", \"lte\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: true,\n        multipleValuesLabel: t`Use as a list of numbers`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        },\n        renderPredefinedValues(props) {\n            return (\n                <PredefinedValuesDynamicFieldset\n                    {...props}\n                    renderValueInput={Bind => (\n                        <Bind name={\"value\"}>\n                            {bind => (\n                                <Input\n                                    {...bind}\n                                    type=\"number\"\n                                    label={t`Value`}\n                                    onChange={value => bind.onChange(parseFloat(value))}\n                                />\n                            )}\n                        </Bind>\n                    )}\n                />\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,gCAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAAoC,IAAAO,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAEpC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,8BAA8B;EACpCC,KAAK,EAAE;IACHF,IAAI,EAAE,QAAQ;IACdG,KAAK,EAAEP,CAAC,CAAAN,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAC,OAAA,eAAQ;IAChBC,WAAW,EAAEV,CAAC,CAAAL,gBAAA,KAAAA,gBAAA,OAAAa,uBAAA,CAAAC,OAAA,uBAAgB;IAC9BE,IAAI,eAAE1B,MAAA,CAAAwB,OAAA,CAAAG,aAAA,CAACpB,OAAA,CAAAqB,cAAS,MAAE,CAAC;IACnBC,UAAU,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC;IACtCC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,IAAI;IAC3BC,mBAAmB,EAAEjB,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAY,uBAAA,CAAAC,OAAA,iCAA0B;IAChDS,WAAW,WAAXA,WAAWA,CAAA,EAAG;MACV,OAAO;QACHd,IAAI,EAAE,IAAI,CAACA,IAAI;QACfe,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNf,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDgB,cAAc,WAAdA,cAAcA,CAAA,EAAG;MACb,oBACIpC,MAAA,CAAAwB,OAAA,CAAAG,aAAA,CAACxB,KAAA,CAAAkC,IAAI,qBACDrC,MAAA,CAAAwB,OAAA,CAAAG,aAAA,CAACxB,KAAA,CAAAmC,IAAI;QAACC,IAAI,EAAE;MAAG,gBACXvC,MAAA,CAAAwB,OAAA,CAAAG,aAAA,CAACnB,KAAA,CAAAgC,IAAI;QAACpB,IAAI,EAAE;MAAkB,gBAC1BpB,MAAA,CAAAwB,OAAA,CAAAG,aAAA,CAACtB,MAAA,CAAAoC,KAAK;QACFnB,KAAK,EAAEP,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAW,uBAAA,CAAAC,OAAA,yBAAmB;QAC3BC,WAAW,EAAEV,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA;MAA8B,CAC/C,CACC,CACJ,CACJ,CAAC;IAEf,CAAC;IACDkB,sBAAsB,WAAtBA,sBAAsBA,CAACC,KAAK,EAAE;MAC1B,oBACI3C,MAAA,CAAAwB,OAAA,CAAAG,aAAA,CAACrB,gCAAA,CAAAkB,OAA+B,EAAAoB,MAAA,CAAAC,MAAA,KACxBF,KAAK;QACTG,gBAAgB,EAAE,SAAlBA,gBAAgBA,CAAEN,IAAI;UAAA,oBAClBxC,MAAA,CAAAwB,OAAA,CAAAG,aAAA,CAACa,IAAI;YAACpB,IAAI,EAAE;UAAQ,GACf,UAAA2B,IAAI;YAAA,oBACD/C,MAAA,CAAAwB,OAAA,CAAAG,aAAA,CAACtB,MAAA,CAAAoC,KAAK,EAAAG,MAAA,CAAAC,MAAA,KACEE,IAAI;cACR5B,IAAI,EAAC,QAAQ;cACbG,KAAK,EAAEP,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,cAAQ;cAChBwB,QAAQ,EAAE,SAAVA,QAAQA,CAAEC,KAAK;gBAAA,OAAIF,IAAI,CAACC,QAAQ,CAACE,UAAU,CAACD,KAAK,CAAC,CAAC;cAAA;YAAC,EACvD,CAAC;UAAA,CAEJ,CAAC;QAAA;MACT,EACL,CAAC;IAEV;EACJ;AACJ,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["React","i18n","PredefinedValuesDynamicFieldset","ReactComponent","FloatIcon","Bind","Grid","Input","Label","t","ns","plugin","type","name","field","label","description","icon","createElement","validators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Column","span","text","size","renderPredefinedValues","props","Object","assign","renderValueInput","bind","onChange","value","parseFloat"],"sources":["number.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset\";\nimport { ReactComponent as FloatIcon } from \"@webiny/icons/looks_3.svg\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Input, Label } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-number\",\n    field: {\n        type: \"number\",\n        label: t`Number`,\n        description: t`Store numbers.`,\n        icon: <FloatIcon />,\n        validators: [\"required\", \"gte\", \"lte\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: true,\n        multipleValuesLabel: t`Use as a list of numbers`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Grid.Column span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={\n                                    <Label text={t`Placeholder text`} description={t`(optional)`} />\n                                }\n                                size={\"lg\"}\n                            />\n                        </Bind>\n                    </Grid.Column>\n                </Grid>\n            );\n        },\n        renderPredefinedValues(props) {\n            return (\n                <PredefinedValuesDynamicFieldset\n                    {...props}\n                    renderValueInput={Bind => (\n                        <Bind name={\"value\"}>\n                            {bind => (\n                                <Input\n                                    {...bind}\n                                    type=\"number\"\n                                    label={t`Value`}\n                                    onChange={value => bind.onChange(parseFloat(value))}\n                                    size={\"lg\"}\n                                />\n                            )}\n                        </Bind>\n                    )}\n                />\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,+BAA+B;AACtC,SAASC,cAAc,IAAIC,SAAS,QAAQ,2BAA2B;AACvE,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AAErD,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,8BAA8B;EACpCC,KAAK,EAAE;IACHF,IAAI,EAAE,QAAQ;IACdG,KAAK,EAAEN,CAAC,QAAQ;IAChBO,WAAW,EAAEP,CAAC,gBAAgB;IAC9BQ,IAAI,eAAEjB,KAAA,CAAAkB,aAAA,CAACd,SAAS,MAAE,CAAC;IACnBe,UAAU,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC;IACtCC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,IAAI;IAC3BC,mBAAmB,EAAEb,CAAC,0BAA0B;IAChDc,WAAWA,CAAA,EAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDa,cAAcA,CAAA,EAAG;MACb,oBACI1B,KAAA,CAAAkB,aAAA,CAACZ,IAAI,qBACDN,KAAA,CAAAkB,aAAA,CAACZ,IAAI,CAACqB,MAAM;QAACC,IAAI,EAAE;MAAG,gBAClB5B,KAAA,CAAAkB,aAAA,CAACb,IAAI;QAACQ,IAAI,EAAE;MAAkB,gBAC1Bb,KAAA,CAAAkB,aAAA,CAACX,KAAK;QACFQ,KAAK,eACDf,KAAA,CAAAkB,aAAA,CAACV,KAAK;UAACqB,IAAI,EAAEpB,CAAC,kBAAmB;UAACO,WAAW,EAAEP,CAAC;QAAa,CAAE,CAClE;QACDqB,IAAI,EAAE;MAAK,CACd,CACC,CACG,CACX,CAAC;IAEf,CAAC;IACDC,sBAAsBA,CAACC,KAAK,EAAE;MAC1B,oBACIhC,KAAA,CAAAkB,aAAA,CAAChB,+BAA+B,EAAA+B,MAAA,CAAAC,MAAA,KACxBF,KAAK;QACTG,gBAAgB,EAAE9B,IAAI,iBAClBL,KAAA,CAAAkB,aAAA,CAACb,IAAI;UAACQ,IAAI,EAAE;QAAQ,GACfuB,IAAI,iBACDpC,KAAA,CAAAkB,aAAA,CAACX,KAAK,EAAA0B,MAAA,CAAAC,MAAA,KACEE,IAAI;UACRxB,IAAI,EAAC,QAAQ;UACbG,KAAK,EAAEN,CAAC,OAAQ;UAChB4B,QAAQ,EAAEC,KAAK,IAAIF,IAAI,CAACC,QAAQ,CAACE,UAAU,CAACD,KAAK,CAAC,CAAE;UACpDR,IAAI,EAAE;QAAK,EACd,CAEH;MACR,EACL,CAAC;IAEV;EACJ;AACJ,CAAC;AAED,eAAenB,MAAM","ignoreList":[]}

package/admin/plugins/fields/object/ObjectFields.js

@@ -1,35 +1,30 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ObjectFields = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _dotPropImmutable = require("dot-prop-immutable");
-var _FieldEditor = require("../../../components/FieldEditor");
-var ObjectFields = exports.ObjectFields = function ObjectFields(_ref) {
-  var field = _ref.field;
-  var _useModelFieldEditor = (0, _FieldEditor.useModelFieldEditor)(),
-    getField = _useModelFieldEditor.getField,
-    updateField = _useModelFieldEditor.updateField;
-  var onChange = (0, _react.useCallback)(function (_ref2) {
-    var fields = _ref2.fields,
-      layout = _ref2.layout;
-    var currentField = getField({
+import React, { useCallback } from "react";
+import { set } from "dot-prop-immutable";
+import { FieldEditor, useModelFieldEditor } from "../../../components/FieldEditor";
+export const ObjectFields = ({
+  field
+}) => {
+  const {
+    getField,
+    updateField
+  } = useModelFieldEditor();
+  const onChange = useCallback(({
+    fields,
+    layout
+  }) => {
+    const currentField = getField({
       id: field.id
     });
-    var updatedField = (0, _dotPropImmutable.set)(currentField, "settings", function (settings) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, settings), {}, {
-        fields: fields,
-        layout: layout
-      });
+    const updatedField = set(currentField, `settings`, settings => {
+      return {
+        ...settings,
+        fields,
+        layout
+      };
     });
     updateField(updatedField);
   }, [field]);
-  return /*#__PURE__*/_react.default.createElement(_FieldEditor.FieldEditor, {
+  return /*#__PURE__*/React.createElement(FieldEditor, {
     parent: field,
     fields: (field.settings ? field.settings.fields : null) || [],
     layout: (field.settings ? field.settings.layout : null) || [],

package/admin/plugins/fields/object/ObjectFields.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_FieldEditor","ObjectFields","exports","_ref","field","_useModelFieldEditor","useModelFieldEditor","getField","updateField","onChange","useCallback","_ref2","fields","layout","currentField","id","updatedField","set","settings","_objectSpread2","default","createElement","FieldEditor","parent"],"sources":["ObjectFields.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { FieldEditor, useModelFieldEditor } from \"~/admin/components/FieldEditor\";\nimport { CmsModelField, CmsModel } from \"~/types\";\n\ninterface ObjectFieldsProps {\n    field: CmsModelField;\n}\nexport const ObjectFields = ({ field }: ObjectFieldsProps) => {\n    const { getField, updateField } = useModelFieldEditor();\n\n    const onChange = useCallback(\n        ({ fields, layout }: Pick<CmsModel, \"fields\" | \"layout\">) => {\n            const currentField = getField({ id: field.id });\n            const updatedField = set(\n                currentField,\n                `settings`,\n                (settings: CmsModel[\"settings\"]): Partial<CmsModel> => {\n                    return { ...settings, fields, layout };\n                }\n            );\n            updateField(updatedField);\n        },\n        [field]\n    );\n\n    return (\n        <FieldEditor\n            parent={field}\n            fields={(field.settings ? field.settings.fields : null) || []}\n            layout={(field.settings ? field.settings.layout : null) || []}\n            onChange={onChange}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAMO,IAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAAE,IAAA,EAAqC;EAAA,IAA/BC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAChC,IAAAC,oBAAA,GAAkC,IAAAC,gCAAmB,EAAC,CAAC;IAA/CC,QAAQ,GAAAF,oBAAA,CAARE,QAAQ;IAAEC,WAAW,GAAAH,oBAAA,CAAXG,WAAW;EAE7B,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EACxB,UAAAC,KAAA,EAA6D;IAAA,IAA1DC,MAAM,GAAAD,KAAA,CAANC,MAAM;MAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;IACb,IAAMC,YAAY,GAAGP,QAAQ,CAAC;MAAEQ,EAAE,EAAEX,KAAK,CAACW;IAAG,CAAC,CAAC;IAC/C,IAAMC,YAAY,GAAG,IAAAC,qBAAG,EACpBH,YAAY,cAEZ,UAACI,QAA8B,EAAwB;MACnD,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYF,QAAQ;QAAEN,MAAM,EAANA,MAAM;QAAEC,MAAM,EAANA;MAAM;IACxC,CACJ,CAAC;IACDL,WAAW,CAACQ,YAAY,CAAC;EAC7B,CAAC,EACD,CAACZ,KAAK,CACV,CAAC;EAED,oBACIR,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,YAAA,CAAAsB,WAAW;IACRC,MAAM,EAAEnB,KAAM;IACdQ,MAAM,EAAE,CAACR,KAAK,CAACc,QAAQ,GAAGd,KAAK,CAACc,QAAQ,CAACN,MAAM,GAAG,IAAI,KAAK,EAAG;IAC9DC,MAAM,EAAE,CAACT,KAAK,CAACc,QAAQ,GAAGd,KAAK,CAACc,QAAQ,CAACL,MAAM,GAAG,IAAI,KAAK,EAAG;IAC9DJ,QAAQ,EAAEA;EAAS,CACtB,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","set","FieldEditor","useModelFieldEditor","ObjectFields","field","getField","updateField","onChange","fields","layout","currentField","id","updatedField","settings","createElement","parent"],"sources":["ObjectFields.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { FieldEditor, useModelFieldEditor } from \"~/admin/components/FieldEditor\";\nimport { CmsModelField, CmsModel } from \"~/types\";\n\ninterface ObjectFieldsProps {\n    field: CmsModelField;\n}\nexport const ObjectFields = ({ field }: ObjectFieldsProps) => {\n    const { getField, updateField } = useModelFieldEditor();\n\n    const onChange = useCallback(\n        ({ fields, layout }: Pick<CmsModel, \"fields\" | \"layout\">) => {\n            const currentField = getField({ id: field.id });\n            const updatedField = set(\n                currentField,\n                `settings`,\n                (settings: CmsModel[\"settings\"]): Partial<CmsModel> => {\n                    return { ...settings, fields, layout };\n                }\n            );\n            updateField(updatedField);\n        },\n        [field]\n    );\n\n    return (\n        <FieldEditor\n            parent={field}\n            fields={(field.settings ? field.settings.fields : null) || []}\n            layout={(field.settings ? field.settings.layout : null) || []}\n            onChange={onChange}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,GAAG,QAAQ,oBAAoB;AACxC,SAASC,WAAW,EAAEC,mBAAmB;AAMzC,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC1D,MAAM;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGJ,mBAAmB,CAAC,CAAC;EAEvD,MAAMK,QAAQ,GAAGR,WAAW,CACxB,CAAC;IAAES,MAAM;IAAEC;EAA4C,CAAC,KAAK;IACzD,MAAMC,YAAY,GAAGL,QAAQ,CAAC;MAAEM,EAAE,EAAEP,KAAK,CAACO;IAAG,CAAC,CAAC;IAC/C,MAAMC,YAAY,GAAGZ,GAAG,CACpBU,YAAY,EACZ,UAAU,EACTG,QAA8B,IAAwB;MACnD,OAAO;QAAE,GAAGA,QAAQ;QAAEL,MAAM;QAAEC;MAAO,CAAC;IAC1C,CACJ,CAAC;IACDH,WAAW,CAACM,YAAY,CAAC;EAC7B,CAAC,EACD,CAACR,KAAK,CACV,CAAC;EAED,oBACIN,KAAA,CAAAgB,aAAA,CAACb,WAAW;IACRc,MAAM,EAAEX,KAAM;IACdI,MAAM,EAAE,CAACJ,KAAK,CAACS,QAAQ,GAAGT,KAAK,CAACS,QAAQ,CAACL,MAAM,GAAG,IAAI,KAAK,EAAG;IAC9DC,MAAM,EAAE,CAACL,KAAK,CAACS,QAAQ,GAAGT,KAAK,CAACS,QAAQ,CAACJ,MAAM,GAAG,IAAI,KAAK,EAAG;IAC9DF,QAAQ,EAAEA;EAAS,CACtB,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/plugins/fields/object.js

@@ -1,31 +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 _react = _interopRequireDefault(require("react"));
-var _ballot = require("@material-design-icons/svg/outlined/ballot.svg");
-var _appHeadlessCmsCommon = require("@webiny/app-headless-cms-common");
-var _i18n = require("@webiny/app/i18n");
-var _ObjectFields = require("./object/ObjectFields");
-var _createTypeName = require("../../../utils/createTypeName");
-var _templateObject, _templateObject2, _templateObject3;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-var plugin = {
+import React from "react";
+import { ReactComponent as ObjectIcon } from "@webiny/icons/ballot.svg";
+import { createFieldsList } from "@webiny/app-headless-cms-common";
+import { i18n } from "@webiny/app/i18n";
+import { ObjectFields } from "./object/ObjectFields";
+import { createTypeName } from "../../../utils/createTypeName";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-object",
   field: {
     type: "object",
-    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Object"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Store nested data structures."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_ballot.ReactComponent, null),
+    label: t`Object`,
+    description: t`Store nested data structures.`,
+    icon: /*#__PURE__*/React.createElement(ObjectIcon, null),
     allowMultipleValues: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a repeatable object"]))),
-    createField: function createField() {
+    multipleValuesLabel: t`Use as a repeatable object`,
+    createField() {
       return {
         type: this.type,
         validation: [],
@@ -38,25 +29,26 @@ var plugin = {
         }
       };
     },
-    render: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_ObjectFields.ObjectFields, props);
+    render(props) {
+      return /*#__PURE__*/React.createElement(ObjectFields, props);
     },
     graphql: {
-      queryField: function queryField(_ref) {
-        var field = _ref.field,
-          model = _ref.model,
-          graphQLTypePrefix = _ref.graphQLTypePrefix;
-        var typePrefix = "".concat(graphQLTypePrefix, "_").concat((0, _createTypeName.createTypeName)(field.fieldId));
-        var fields = field.settings ? field.settings.fields : [];
-        return "{ ".concat((0, _appHeadlessCmsCommon.createFieldsList)({
-          model: model,
-          fields: fields,
+      queryField({
+        field,
+        model,
+        graphQLTypePrefix
+      }) {
+        const typePrefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;
+        const fields = field.settings ? field.settings.fields : [];
+        return `{ ${createFieldsList({
+          model,
+          fields,
           graphQLTypePrefix: typePrefix
-        }), " }");
+        })} }`;
       }
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=object.js.map

package/admin/plugins/fields/object.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ballot","_appHeadlessCmsCommon","_i18n","_ObjectFields","_createTypeName","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","plugin","type","name","field","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","settings","fields","layout","renderer","render","props","ObjectFields","graphql","queryField","_ref","model","graphQLTypePrefix","typePrefix","concat","createTypeName","fieldId","createFieldsList","_default","exports"],"sources":["object.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@material-design-icons/svg/outlined/ballot.svg\";\nimport { createFieldsList } from \"@webiny/app-headless-cms-common\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ObjectFields } from \"./object/ObjectFields\";\nimport { CmsModelFieldTypePlugin, CmsModelField } from \"~/types\";\nimport { createTypeName } from \"~/utils/createTypeName\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-object\",\n    field: {\n        type: \"object\",\n        label: t`Object`,\n        description: t`Store nested data structures.`,\n        icon: <ObjectIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a repeatable object`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                settings: {\n                    fields: [],\n                    layout: []\n                },\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        render(props) {\n            return <ObjectFields {...props} />;\n        },\n        graphql: {\n            queryField({ field, model, graphQLTypePrefix }) {\n                const typePrefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;\n                const fields = (field.settings ? field.settings.fields : []) as CmsModelField[];\n                return `{ ${createFieldsList({ model, fields, graphQLTypePrefix: typePrefix })} }`;\n            }\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,eAAA,GAAAL,OAAA;AAAwD,IAAAM,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAExD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,8BAA8B;EACpCC,KAAK,EAAE;IACHF,IAAI,EAAE,QAAQ;IACdG,KAAK,EAAEP,CAAC,CAAAH,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,eAAQ;IAChBC,WAAW,EAAEV,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,sCAA+B;IAC7CE,IAAI,eAAEtB,MAAA,CAAAoB,OAAA,CAAAG,aAAA,CAACpB,OAAA,CAAAqB,cAAU,MAAE,CAAC;IACpBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAEhB,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,mCAA4B;IAClDQ,WAAW,WAAXA,WAAWA,CAAA,EAAG;MACV,OAAO;QACHb,IAAI,EAAE,IAAI,CAACA,IAAI;QACfc,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNC,MAAM,EAAE,EAAE;UACVC,MAAM,EAAE;QACZ,CAAC;QACDC,QAAQ,EAAE;UACNjB,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDkB,MAAM,WAANA,MAAMA,CAACC,KAAK,EAAE;MACV,oBAAOnC,MAAA,CAAAoB,OAAA,CAAAG,aAAA,CAACjB,aAAA,CAAA8B,YAAY,EAAKD,KAAQ,CAAC;IACtC,CAAC;IACDE,OAAO,EAAE;MACLC,UAAU,WAAVA,UAAUA,CAAAC,IAAA,EAAsC;QAAA,IAAnCtB,KAAK,GAAAsB,IAAA,CAALtB,KAAK;UAAEuB,KAAK,GAAAD,IAAA,CAALC,KAAK;UAAEC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;QACxC,IAAMC,UAAU,MAAAC,MAAA,CAAMF,iBAAiB,OAAAE,MAAA,CAAI,IAAAC,8BAAc,EAAC3B,KAAK,CAAC4B,OAAO,CAAC,CAAE;QAC1E,IAAMd,MAAM,GAAId,KAAK,CAACa,QAAQ,GAAGb,KAAK,CAACa,QAAQ,CAACC,MAAM,GAAG,EAAsB;QAC/E,YAAAY,MAAA,CAAY,IAAAG,sCAAgB,EAAC;UAAEN,KAAK,EAALA,KAAK;UAAET,MAAM,EAANA,MAAM;UAAEU,iBAAiB,EAAEC;QAAW,CAAC,CAAC;MAClF;IACJ;EACJ;AACJ,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","ObjectIcon","createFieldsList","i18n","ObjectFields","createTypeName","t","ns","plugin","type","name","field","label","description","icon","createElement","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","settings","fields","layout","renderer","render","props","graphql","queryField","model","graphQLTypePrefix","typePrefix","fieldId"],"sources":["object.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@webiny/icons/ballot.svg\";\nimport { createFieldsList } from \"@webiny/app-headless-cms-common\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ObjectFields } from \"./object/ObjectFields\";\nimport { CmsModelFieldTypePlugin, CmsModelField } from \"~/types\";\nimport { createTypeName } from \"~/utils/createTypeName\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-object\",\n    field: {\n        type: \"object\",\n        label: t`Object`,\n        description: t`Store nested data structures.`,\n        icon: <ObjectIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a repeatable object`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                settings: {\n                    fields: [],\n                    layout: []\n                },\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        render(props) {\n            return <ObjectFields {...props} />;\n        },\n        graphql: {\n            queryField({ field, model, graphQLTypePrefix }) {\n                const typePrefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;\n                const fields = (field.settings ? field.settings.fields : []) as CmsModelField[];\n                return `{ ${createFieldsList({ model, fields, graphQLTypePrefix: typePrefix })} }`;\n            }\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,gBAAgB,QAAQ,iCAAiC;AAClE,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,YAAY;AAErB,SAASC,cAAc;AAEvB,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,8BAA8B;EACpCC,KAAK,EAAE;IACHF,IAAI,EAAE,QAAQ;IACdG,KAAK,EAAEN,CAAC,QAAQ;IAChBO,WAAW,EAAEP,CAAC,+BAA+B;IAC7CQ,IAAI,eAAEf,KAAA,CAAAgB,aAAA,CAACd,UAAU,MAAE,CAAC;IACpBe,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAEZ,CAAC,4BAA4B;IAClDa,WAAWA,CAAA,EAAG;MACV,OAAO;QACHV,IAAI,EAAE,IAAI,CAACA,IAAI;QACfW,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNC,MAAM,EAAE,EAAE;UACVC,MAAM,EAAE;QACZ,CAAC;QACDC,QAAQ,EAAE;UACNd,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDe,MAAMA,CAACC,KAAK,EAAE;MACV,oBAAO3B,KAAA,CAAAgB,aAAA,CAACX,YAAY,EAAKsB,KAAQ,CAAC;IACtC,CAAC;IACDC,OAAO,EAAE;MACLC,UAAUA,CAAC;QAAEjB,KAAK;QAAEkB,KAAK;QAAEC;MAAkB,CAAC,EAAE;QAC5C,MAAMC,UAAU,GAAG,GAAGD,iBAAiB,IAAIzB,cAAc,CAACM,KAAK,CAACqB,OAAO,CAAC,EAAE;QAC1E,MAAMV,MAAM,GAAIX,KAAK,CAACU,QAAQ,GAAGV,KAAK,CAACU,QAAQ,CAACC,MAAM,GAAG,EAAsB;QAC/E,OAAO,KAAKpB,gBAAgB,CAAC;UAAE2B,KAAK;UAAEP,MAAM;UAAEQ,iBAAiB,EAAEC;QAAW,CAAC,CAAC,IAAI;MACtF;IACJ;EACJ;AACJ,CAAC;AAED,eAAevB,MAAM","ignoreList":[]}

package/admin/plugins/fields/ref/graphql.js

@@ -1,13 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LIST_REFERENCED_MODELS = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-var _templateObject;
-var LIST_REFERENCED_MODELS = exports.LIST_REFERENCED_MODELS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query ListReferencedModels {\n        listContentModels {\n            data {\n                modelId\n                name\n            }\n            error {\n                message\n                data\n                code\n            }\n        }\n    }\n"])));
+import gql from "graphql-tag";
+export const LIST_REFERENCED_MODELS = gql`
+    query ListReferencedModels {
+        listContentModels {
+            data {
+                modelId
+                name
+            }
+            error {
+                message
+                data
+                code
+            }
+        }
+    }
+`;
 
 //# sourceMappingURL=graphql.js.map

package/admin/plugins/fields/ref/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["_graphqlTag","_interopRequireDefault","require","_templateObject","LIST_REFERENCED_MODELS","exports","gql","_taggedTemplateLiteral2","default"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsModel } from \"~/types\";\n\nexport interface ListReferencedModelsQueryResult {\n    listContentModels: {\n        data: Pick<CmsModel, \"modelId\" | \"name\">[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport const LIST_REFERENCED_MODELS = gql`\n    query ListReferencedModels {\n        listContentModels {\n            data {\n                modelId\n                name\n            }\n            error {\n                message\n                data\n                code\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,IAAAC,eAAA;AASvB,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,OAAGE,mBAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,CAAAC,OAAA,uRAcxC","ignoreList":[]}
+{"version":3,"names":["gql","LIST_REFERENCED_MODELS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsModel } from \"~/types\";\n\nexport interface ListReferencedModelsQueryResult {\n    listContentModels: {\n        data: Pick<CmsModel, \"modelId\" | \"name\">[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport const LIST_REFERENCED_MODELS = gql`\n    query ListReferencedModels {\n        listContentModels {\n            data {\n                modelId\n                name\n            }\n            error {\n                message\n                data\n                code\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAS7B,OAAO,MAAMC,sBAAsB,GAAGD,GAAG;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/admin/plugins/fields/ref/renderInfo.js

@@ -1,89 +1,41 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderInfo = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("../../../hooks");
-var _graphql = require("./graphql");
-var _appAdmin = require("@webiny/app-admin");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Information = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1wj1cni2"
-} : {
-  target: "e1wj1cni2",
-  label: "Information"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1hbumu2",
-  styles: "display:flex;flex-direction:row;justify-content:right;align-items:center;flex:1"
-} : {
-  name: "1hbumu2",
-  styles: "display:flex;flex-direction:row;justify-content:right;align-items:center;flex:1",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlbmRlckluZm8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlvQiIsImZpbGUiOiJyZW5kZXJJbmZvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBDbXNNb2RlbCBhcyBCYXNlQ21zTW9kZWwsIENtc01vZGVsRmllbGQgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgdXNlUXVlcnkgfSBmcm9tIFwifi9hZG1pbi9ob29rc1wiO1xuaW1wb3J0IHtcbiAgICBMSVNUX1JFRkVSRU5DRURfTU9ERUxTLFxuICAgIExpc3RSZWZlcmVuY2VkTW9kZWxzUXVlcnlSZXN1bHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZHMvcmVmL2dyYXBocWxcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdXNlU25hY2tiYXIgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcblxudHlwZSBDbXNNb2RlbCA9IFBpY2s8QmFzZUNtc01vZGVsLCBcIm1vZGVsSWRcIiB8IFwibmFtZVwiPjtcblxuY29uc3QgSW5mb3JtYXRpb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwicmlnaHRcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGZsZXg6IFwiMVwiXG59KTtcblxuY29uc3QgQmFkZ2VJdGVtID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHBhZGRpbmc6IFwiNXB4IDIwcHggN3B4IDIwcHhcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI0ZGRlwiLFxuICAgIGJvcmRlclJhZGl1czogXCI1cHhcIixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIGRhcmtncmV5XCIsXG4gICAgbWFyZ2luUmlnaHQ6IFwiMTBweFwiLFxuICAgIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gICAgZm9udFdlaWdodDogXCJub3JtYWxcIlxufSk7XG5cbmNvbnN0IEV4dHJhcyA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBwYWRkaW5nOiBcIjVweCAxMHB4IDdweCAxMHB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNGRkZcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNXB4XCIsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCBkYXJrZ3JleVwiLFxuICAgIG1heFdpZHRoOiBcIjIwcHhcIixcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgbWFyZ2luUmlnaHQ6IFwiMTBweFwiLFxuICAgIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gICAgZm9udFdlaWdodDogXCJub3JtYWxcIlxufSk7XG5cbmludGVyZmFjZSBCYWRnZVByb3BzIHtcbiAgICBtb2RlbDogQ21zTW9kZWw7XG59XG5cbmNvbnN0IEJhZGdlID0gKHsgbW9kZWwgfTogQmFkZ2VQcm9wcykgPT4ge1xuICAgIHJldHVybiA8QmFkZ2VJdGVtPnttb2RlbC5uYW1lfTwvQmFkZ2VJdGVtPjtcbn07XG5cbmludGVyZmFjZSBSZW5kZXJJbmZvUGFyYW1zIHtcbiAgICBmaWVsZDogQ21zTW9kZWxGaWVsZDtcbiAgICBtb2RlbDogQ21zTW9kZWw7XG59XG5cbmNvbnN0IHRha2VCYWRnZXMgPSAxO1xuXG5leHBvcnQgY29uc3QgcmVuZGVySW5mbyA9ICh7IG1vZGVsLCBmaWVsZCB9OiBSZW5kZXJJbmZvUGFyYW1zKSA9PiB7XG4gICAgcmV0dXJuIDxSZW5kZXJJbmZvIG1vZGVsPXttb2RlbH0gZmllbGQ9e2ZpZWxkfSAvPjtcbn07XG5cbmNvbnN0IFJlbmRlckluZm8gPSAoeyBmaWVsZCB9OiBSZW5kZXJJbmZvUGFyYW1zKSA9PiB7XG4gICAgY29uc3QgaGFzQW55TW9kZWxzID0gKGZpZWxkLnNldHRpbmdzPy5tb2RlbHMgfHwgW10pLmxlbmd0aCA+IDA7XG4gICAgY29uc3QgeyBkYXRhLCBsb2FkaW5nLCBlcnJvciB9ID0gdXNlUXVlcnk8TGlzdFJlZmVyZW5jZWRNb2RlbHNRdWVyeVJlc3VsdD4oXG4gICAgICAgIExJU1RfUkVGRVJFTkNFRF9NT0RFTFMsXG4gICAgICAgIHtcbiAgICAgICAgICAgIHNraXA6ICFoYXNBbnlNb2RlbHNcbiAgICAgICAgfVxuICAgICk7XG5cbiAgICBjb25zdCB7IHNob3dTbmFja2JhciB9ID0gdXNlU25hY2tiYXIoKTtcblxuICAgIGNvbnN0IFttb2RlbHMsIHNldE1vZGVsc10gPSB1c2VTdGF0ZTxDbXNNb2RlbFtdPihbXSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAoIWRhdGEgfHwgbG9hZGluZykge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9IGVsc2UgaWYgKGVycm9yKSB7XG4gICAgICAgICAgICBzaG93U25hY2tiYXIoZXJyb3IubWVzc2FnZSk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBzZXRNb2RlbHMoZGF0YS5saXN0Q29udGVudE1vZGVscz8uZGF0YSB8fCBbXSk7XG4gICAgfSwgW2RhdGEsIGxvYWRpbmddKTtcblxuICAgIGNvbnN0IHsgaXRlbXMsIGJhZGdlcyB9ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGNvbnN0IGZpZWxkTW9kZWxzID0gKGZpZWxkLnNldHRpbmdzPy5tb2RlbHMgfHwgW10pXG4gICAgICAgICAgICAubWFwKG1vZGVsID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gbW9kZWxzLmZpbmQobSA9PiBtLm1vZGVsSWQgPT09IG1vZGVsLm1vZGVsSWQpO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5maWx0ZXIoQm9vbGVhbikgYXMgQ21zTW9kZWxbXTtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGl0ZW1zOiBmaWVsZE1vZGVscy5zbGljZSgwLCB0YWtlQmFkZ2VzKSxcbiAgICAgICAgICAgIGJhZGdlczogZmllbGRNb2RlbHMubGVuZ3RoIC0gdGFrZUJhZGdlc1xuICAgICAgICB9O1xuICAgIH0sIFttb2RlbHMsIGZpZWxkXSk7XG5cbiAgICBpZiAobW9kZWxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8SW5mb3JtYXRpb24+XG4gICAgICAgICAgICB7aXRlbXMubWFwKG1vZGVsID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gPEJhZGdlIGtleT17YG1vZGVsLSR7bW9kZWwubW9kZWxJZH1gfSBtb2RlbD17bW9kZWx9IC8+O1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICB7YmFkZ2VzID4gMCAmJiA8RXh0cmFzPit7YmFkZ2VzfTwvRXh0cmFzPn1cbiAgICAgICAgPC9JbmZvcm1hdGlvbj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var BadgeItem = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1wj1cni1"
-} : {
-  target: "e1wj1cni1",
-  label: "BadgeItem"
-})(process.env.NODE_ENV === "production" ? {
-  name: "rwtqpo",
-  styles: "display:inline-block;padding:5px 20px 7px 20px;background-color:#FFF;border-radius:5px;border:1px solid darkgrey;margin-right:10px;cursor:default;font-weight:normal"
-} : {
-  name: "rwtqpo",
-  styles: "display:inline-block;padding:5px 20px 7px 20px;background-color:#FFF;border-radius:5px;border:1px solid darkgrey;margin-right:10px;cursor:default;font-weight:normal",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlbmRlckluZm8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ca0IiLCJmaWxlIjoicmVuZGVySW5mby50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ21zTW9kZWwgYXMgQmFzZUNtc01vZGVsLCBDbXNNb2RlbEZpZWxkIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IHVzZVF1ZXJ5IH0gZnJvbSBcIn4vYWRtaW4vaG9va3NcIjtcbmltcG9ydCB7XG4gICAgTElTVF9SRUZFUkVOQ0VEX01PREVMUyxcbiAgICBMaXN0UmVmZXJlbmNlZE1vZGVsc1F1ZXJ5UmVzdWx0XG59IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRzL3JlZi9ncmFwaHFsXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZVNuYWNrYmFyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5cbnR5cGUgQ21zTW9kZWwgPSBQaWNrPEJhc2VDbXNNb2RlbCwgXCJtb2RlbElkXCIgfCBcIm5hbWVcIj47XG5cbmNvbnN0IEluZm9ybWF0aW9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInJpZ2h0XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBmbGV4OiBcIjFcIlxufSk7XG5cbmNvbnN0IEJhZGdlSXRlbSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBwYWRkaW5nOiBcIjVweCAyMHB4IDdweCAyMHB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNGRkZcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNXB4XCIsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCBkYXJrZ3JleVwiLFxuICAgIG1hcmdpblJpZ2h0OiBcIjEwcHhcIixcbiAgICBjdXJzb3I6IFwiZGVmYXVsdFwiLFxuICAgIGZvbnRXZWlnaHQ6IFwibm9ybWFsXCJcbn0pO1xuXG5jb25zdCBFeHRyYXMgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgcGFkZGluZzogXCI1cHggMTBweCA3cHggMTBweFwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCIjRkZGXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjVweFwiLFxuICAgIGJvcmRlcjogXCIxcHggc29saWQgZGFya2dyZXlcIixcbiAgICBtYXhXaWR0aDogXCIyMHB4XCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIG1hcmdpblJpZ2h0OiBcIjEwcHhcIixcbiAgICBjdXJzb3I6IFwiZGVmYXVsdFwiLFxuICAgIGZvbnRXZWlnaHQ6IFwibm9ybWFsXCJcbn0pO1xuXG5pbnRlcmZhY2UgQmFkZ2VQcm9wcyB7XG4gICAgbW9kZWw6IENtc01vZGVsO1xufVxuXG5jb25zdCBCYWRnZSA9ICh7IG1vZGVsIH06IEJhZGdlUHJvcHMpID0+IHtcbiAgICByZXR1cm4gPEJhZGdlSXRlbT57bW9kZWwubmFtZX08L0JhZGdlSXRlbT47XG59O1xuXG5pbnRlcmZhY2UgUmVuZGVySW5mb1BhcmFtcyB7XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgbW9kZWw6IENtc01vZGVsO1xufVxuXG5jb25zdCB0YWtlQmFkZ2VzID0gMTtcblxuZXhwb3J0IGNvbnN0IHJlbmRlckluZm8gPSAoeyBtb2RlbCwgZmllbGQgfTogUmVuZGVySW5mb1BhcmFtcykgPT4ge1xuICAgIHJldHVybiA8UmVuZGVySW5mbyBtb2RlbD17bW9kZWx9IGZpZWxkPXtmaWVsZH0gLz47XG59O1xuXG5jb25zdCBSZW5kZXJJbmZvID0gKHsgZmllbGQgfTogUmVuZGVySW5mb1BhcmFtcykgPT4ge1xuICAgIGNvbnN0IGhhc0FueU1vZGVscyA9IChmaWVsZC5zZXR0aW5ncz8ubW9kZWxzIHx8IFtdKS5sZW5ndGggPiAwO1xuICAgIGNvbnN0IHsgZGF0YSwgbG9hZGluZywgZXJyb3IgfSA9IHVzZVF1ZXJ5PExpc3RSZWZlcmVuY2VkTW9kZWxzUXVlcnlSZXN1bHQ+KFxuICAgICAgICBMSVNUX1JFRkVSRU5DRURfTU9ERUxTLFxuICAgICAgICB7XG4gICAgICAgICAgICBza2lwOiAhaGFzQW55TW9kZWxzXG4gICAgICAgIH1cbiAgICApO1xuXG4gICAgY29uc3QgeyBzaG93U25hY2tiYXIgfSA9IHVzZVNuYWNrYmFyKCk7XG5cbiAgICBjb25zdCBbbW9kZWxzLCBzZXRNb2RlbHNdID0gdXNlU3RhdGU8Q21zTW9kZWxbXT4oW10pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKCFkYXRhIHx8IGxvYWRpbmcpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfSBlbHNlIGlmIChlcnJvcikge1xuICAgICAgICAgICAgc2hvd1NuYWNrYmFyKGVycm9yLm1lc3NhZ2UpO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgc2V0TW9kZWxzKGRhdGEubGlzdENvbnRlbnRNb2RlbHM/LmRhdGEgfHwgW10pO1xuICAgIH0sIFtkYXRhLCBsb2FkaW5nXSk7XG5cbiAgICBjb25zdCB7IGl0ZW1zLCBiYWRnZXMgfSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBjb25zdCBmaWVsZE1vZGVscyA9IChmaWVsZC5zZXR0aW5ncz8ubW9kZWxzIHx8IFtdKVxuICAgICAgICAgICAgLm1hcChtb2RlbCA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIG1vZGVscy5maW5kKG0gPT4gbS5tb2RlbElkID09PSBtb2RlbC5tb2RlbElkKTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAuZmlsdGVyKEJvb2xlYW4pIGFzIENtc01vZGVsW107XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBpdGVtczogZmllbGRNb2RlbHMuc2xpY2UoMCwgdGFrZUJhZGdlcyksXG4gICAgICAgICAgICBiYWRnZXM6IGZpZWxkTW9kZWxzLmxlbmd0aCAtIHRha2VCYWRnZXNcbiAgICAgICAgfTtcbiAgICB9LCBbbW9kZWxzLCBmaWVsZF0pO1xuXG4gICAgaWYgKG1vZGVscy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEluZm9ybWF0aW9uPlxuICAgICAgICAgICAge2l0ZW1zLm1hcChtb2RlbCA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIDxCYWRnZSBrZXk9e2Btb2RlbC0ke21vZGVsLm1vZGVsSWR9YH0gbW9kZWw9e21vZGVsfSAvPjtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAge2JhZGdlcyA+IDAgJiYgPEV4dHJhcz4re2JhZGdlc308L0V4dHJhcz59XG4gICAgICAgIDwvSW5mb3JtYXRpb24+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Extras = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1wj1cni0"
-} : {
-  target: "e1wj1cni0",
-  label: "Extras"
-})(process.env.NODE_ENV === "production" ? {
-  name: "z7ir25",
-  styles: "display:inline-block;padding:5px 10px 7px 10px;background-color:#FFF;border-radius:5px;border:1px solid darkgrey;max-width:20px;text-align:center;margin-right:10px;cursor:default;font-weight:normal"
-} : {
-  name: "z7ir25",
-  styles: "display:inline-block;padding:5px 10px 7px 10px;background-color:#FFF;border-radius:5px;border:1px solid darkgrey;max-width:20px;text-align:center;margin-right:10px;cursor:default;font-weight:normal",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlbmRlckluZm8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCZSIsImZpbGUiOiJyZW5kZXJJbmZvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBDbXNNb2RlbCBhcyBCYXNlQ21zTW9kZWwsIENtc01vZGVsRmllbGQgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgdXNlUXVlcnkgfSBmcm9tIFwifi9hZG1pbi9ob29rc1wiO1xuaW1wb3J0IHtcbiAgICBMSVNUX1JFRkVSRU5DRURfTU9ERUxTLFxuICAgIExpc3RSZWZlcmVuY2VkTW9kZWxzUXVlcnlSZXN1bHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZHMvcmVmL2dyYXBocWxcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdXNlU25hY2tiYXIgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcblxudHlwZSBDbXNNb2RlbCA9IFBpY2s8QmFzZUNtc01vZGVsLCBcIm1vZGVsSWRcIiB8IFwibmFtZVwiPjtcblxuY29uc3QgSW5mb3JtYXRpb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwicmlnaHRcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGZsZXg6IFwiMVwiXG59KTtcblxuY29uc3QgQmFkZ2VJdGVtID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHBhZGRpbmc6IFwiNXB4IDIwcHggN3B4IDIwcHhcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI0ZGRlwiLFxuICAgIGJvcmRlclJhZGl1czogXCI1cHhcIixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIGRhcmtncmV5XCIsXG4gICAgbWFyZ2luUmlnaHQ6IFwiMTBweFwiLFxuICAgIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gICAgZm9udFdlaWdodDogXCJub3JtYWxcIlxufSk7XG5cbmNvbnN0IEV4dHJhcyA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBwYWRkaW5nOiBcIjVweCAxMHB4IDdweCAxMHB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNGRkZcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNXB4XCIsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCBkYXJrZ3JleVwiLFxuICAgIG1heFdpZHRoOiBcIjIwcHhcIixcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgbWFyZ2luUmlnaHQ6IFwiMTBweFwiLFxuICAgIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gICAgZm9udFdlaWdodDogXCJub3JtYWxcIlxufSk7XG5cbmludGVyZmFjZSBCYWRnZVByb3BzIHtcbiAgICBtb2RlbDogQ21zTW9kZWw7XG59XG5cbmNvbnN0IEJhZGdlID0gKHsgbW9kZWwgfTogQmFkZ2VQcm9wcykgPT4ge1xuICAgIHJldHVybiA8QmFkZ2VJdGVtPnttb2RlbC5uYW1lfTwvQmFkZ2VJdGVtPjtcbn07XG5cbmludGVyZmFjZSBSZW5kZXJJbmZvUGFyYW1zIHtcbiAgICBmaWVsZDogQ21zTW9kZWxGaWVsZDtcbiAgICBtb2RlbDogQ21zTW9kZWw7XG59XG5cbmNvbnN0IHRha2VCYWRnZXMgPSAxO1xuXG5leHBvcnQgY29uc3QgcmVuZGVySW5mbyA9ICh7IG1vZGVsLCBmaWVsZCB9OiBSZW5kZXJJbmZvUGFyYW1zKSA9PiB7XG4gICAgcmV0dXJuIDxSZW5kZXJJbmZvIG1vZGVsPXttb2RlbH0gZmllbGQ9e2ZpZWxkfSAvPjtcbn07XG5cbmNvbnN0IFJlbmRlckluZm8gPSAoeyBmaWVsZCB9OiBSZW5kZXJJbmZvUGFyYW1zKSA9PiB7XG4gICAgY29uc3QgaGFzQW55TW9kZWxzID0gKGZpZWxkLnNldHRpbmdzPy5tb2RlbHMgfHwgW10pLmxlbmd0aCA+IDA7XG4gICAgY29uc3QgeyBkYXRhLCBsb2FkaW5nLCBlcnJvciB9ID0gdXNlUXVlcnk8TGlzdFJlZmVyZW5jZWRNb2RlbHNRdWVyeVJlc3VsdD4oXG4gICAgICAgIExJU1RfUkVGRVJFTkNFRF9NT0RFTFMsXG4gICAgICAgIHtcbiAgICAgICAgICAgIHNraXA6ICFoYXNBbnlNb2RlbHNcbiAgICAgICAgfVxuICAgICk7XG5cbiAgICBjb25zdCB7IHNob3dTbmFja2JhciB9ID0gdXNlU25hY2tiYXIoKTtcblxuICAgIGNvbnN0IFttb2RlbHMsIHNldE1vZGVsc10gPSB1c2VTdGF0ZTxDbXNNb2RlbFtdPihbXSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAoIWRhdGEgfHwgbG9hZGluZykge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9IGVsc2UgaWYgKGVycm9yKSB7XG4gICAgICAgICAgICBzaG93U25hY2tiYXIoZXJyb3IubWVzc2FnZSk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBzZXRNb2RlbHMoZGF0YS5saXN0Q29udGVudE1vZGVscz8uZGF0YSB8fCBbXSk7XG4gICAgfSwgW2RhdGEsIGxvYWRpbmddKTtcblxuICAgIGNvbnN0IHsgaXRlbXMsIGJhZGdlcyB9ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGNvbnN0IGZpZWxkTW9kZWxzID0gKGZpZWxkLnNldHRpbmdzPy5tb2RlbHMgfHwgW10pXG4gICAgICAgICAgICAubWFwKG1vZGVsID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gbW9kZWxzLmZpbmQobSA9PiBtLm1vZGVsSWQgPT09IG1vZGVsLm1vZGVsSWQpO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5maWx0ZXIoQm9vbGVhbikgYXMgQ21zTW9kZWxbXTtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGl0ZW1zOiBmaWVsZE1vZGVscy5zbGljZSgwLCB0YWtlQmFkZ2VzKSxcbiAgICAgICAgICAgIGJhZGdlczogZmllbGRNb2RlbHMubGVuZ3RoIC0gdGFrZUJhZGdlc1xuICAgICAgICB9O1xuICAgIH0sIFttb2RlbHMsIGZpZWxkXSk7XG5cbiAgICBpZiAobW9kZWxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8SW5mb3JtYXRpb24+XG4gICAgICAgICAgICB7aXRlbXMubWFwKG1vZGVsID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gPEJhZGdlIGtleT17YG1vZGVsLSR7bW9kZWwubW9kZWxJZH1gfSBtb2RlbD17bW9kZWx9IC8+O1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICB7YmFkZ2VzID4gMCAmJiA8RXh0cmFzPit7YmFkZ2VzfTwvRXh0cmFzPn1cbiAgICAgICAgPC9JbmZvcm1hdGlvbj5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Badge = function Badge(_ref) {
-  var model = _ref.model;
-  return /*#__PURE__*/_react.default.createElement(BadgeItem, null, model.name);
+import React, { useEffect, useMemo, useState } from "react";
+import { useQuery } from "../../../hooks";
+import { LIST_REFERENCED_MODELS } from "./graphql";
+import { useSnackbar } from "@webiny/app-admin";
+import { Tag } from "@webiny/admin-ui";
+const Badge = ({
+  model
+}) => {
+  return /*#__PURE__*/React.createElement(Tag, {
+    content: model.name
+  });
 };
-var takeBadges = 1;
-var renderInfo = exports.renderInfo = function renderInfo(_ref2) {
-  var model = _ref2.model,
-    field = _ref2.field;
-  return /*#__PURE__*/_react.default.createElement(RenderInfo, {
+const takeBadges = 1;
+export const renderInfo = ({
+  model,
+  field
+}) => {
+  return /*#__PURE__*/React.createElement(RenderInfo, {
     model: model,
     field: field
   });
 };
-var RenderInfo = function RenderInfo(_ref3) {
-  var field = _ref3.field;
-  var hasAnyModels = (field.settings?.models || []).length > 0;
-  var _useQuery = (0, _hooks.useQuery)(_graphql.LIST_REFERENCED_MODELS, {
-      skip: !hasAnyModels
-    }),
-    data = _useQuery.data,
-    loading = _useQuery.loading,
-    error = _useQuery.error;
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    models = _useState2[0],
-    setModels = _useState2[1];
-  (0, _react.useEffect)(function () {
+const RenderInfo = ({
+  field
+}) => {
+  const hasAnyModels = (field.settings?.models || []).length > 0;
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(LIST_REFERENCED_MODELS, {
+    skip: !hasAnyModels
+  });
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const [models, setModels] = useState([]);
+  useEffect(() => {
     if (!data || loading) {
       return;
     } else if (error) {
@@ -92,28 +44,31 @@ var RenderInfo = function RenderInfo(_ref3) {
     }
     setModels(data.listContentModels?.data || []);
   }, [data, loading]);
-  var _useMemo = (0, _react.useMemo)(function () {
-      var fieldModels = (field.settings?.models || []).map(function (model) {
-        return models.find(function (m) {
-          return m.modelId === model.modelId;
-        });
-      }).filter(Boolean);
-      return {
-        items: fieldModels.slice(0, takeBadges),
-        badges: fieldModels.length - takeBadges
-      };
-    }, [models, field]),
-    items = _useMemo.items,
-    badges = _useMemo.badges;
+  const {
+    items,
+    badges
+  } = useMemo(() => {
+    const fieldModels = (field.settings?.models || []).map(model => {
+      return models.find(m => m.modelId === model.modelId);
+    }).filter(Boolean);
+    return {
+      items: fieldModels.slice(0, takeBadges),
+      badges: fieldModels.length - takeBadges
+    };
+  }, [models, field]);
   if (models.length === 0) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(Information, null, items.map(function (model) {
-    return /*#__PURE__*/_react.default.createElement(Badge, {
-      key: "model-".concat(model.modelId),
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-justify-end wby-items-center wby-gap-sm"
+  }, items.map(model => {
+    return /*#__PURE__*/React.createElement(Badge, {
+      key: `model-${model.modelId}`,
       model: model
     });
-  }), badges > 0 && /*#__PURE__*/_react.default.createElement(Extras, null, "+", badges));
+  }), badges > 0 && /*#__PURE__*/React.createElement(Tag, {
+    content: `+${badges}`
+  }));
 };
 
 //# sourceMappingURL=renderInfo.js.map