@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

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

@@ -1,36 +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;
+        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,
-          description: field.helpText
+          description: field.helpText,
+          "data-testid": "fr.input.longtext.".concat(field.label)
         }));
       });
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","bind","label","placeholderText","helpText"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-textarea\",\n    renderer: {\n        rendererName: \"long-text-text-area\",\n        name: t`Text Area`,\n        description: t`Renders a simple text area, suitable for larger amounts of text.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Input\n                            {...bind}\n                            rows={5}\n                            label={field.label}\n                            placeholder={field.placeholderText}\n                            description={field.helpText}\n                            data-testid={`fr.input.longtext.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AAAwC;AAExC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBAAqB;IACnCF,IAAI,EAAEL,CAAC,4FAAW;IAClBQ,WAAW,EAAER,CAAC,qJAAkE;IAChFS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,WAAW,IAC1B,CAACM,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,yBAAqB;MAAA,IAAlBH,KAAK,SAALA,KAAK;QAAEI,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,oBACI,6BAAC,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD,6BAAC,YAAK,oBACEA,IAAI;UACR,IAAI,EAAE,CAAE;UACR,KAAK,EAAEN,KAAK,CAACO,KAAM;UACnB,WAAW,EAAEP,KAAK,CAACQ,eAAgB;UACnC,WAAW,EAAER,KAAK,CAACS,QAAS;UAC5B,2CAAkCT,KAAK,CAACO,KAAK;QAAG,GAClD;MAAA,CACL,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEad,MAAM;AAAA"}

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

@@ -1,36 +1,41 @@
-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 "@svgr/webpack!../../../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, {
+          index = _ref2.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 +45,5 @@ var plugin = {
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","props","bind","index","number","icon","onClick","removeValue"],"sources":["longTexts.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-inputs\",\n    renderer: {\n        rendererName: \"long-text-inputs\",\n        name: t`Text Areas`,\n        description: t`Renders a simple list of text areas.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <Input\n                            {...bind.index}\n                            rows={5}\n                            label={t`Value {number}`({ number: index + 1 })}\n                            trailingIcon={\n                                index > 0 && {\n                                    icon: <DeleteIcon />,\n                                    onClick: () => bind.field.removeValue(index)\n                                }\n                            }\n                        />\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAA+C;AAE/C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEL,CAAC,6FAAY;IACnBQ,WAAW,EAAER,CAAC,yHAAsC;IACpDS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,WAAW,IAC1B,CAAC,CAACM,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,kBAACC,KAAK,EAAE;MACV,oBACI,6BAAC,uBAAc,EAAKA,KAAK,EACpB;QAAA,IAAGC,IAAI,SAAJA,IAAI;UAAEC,KAAK,SAALA,KAAK;QAAA,oBACX,6BAAC,YAAK,oBACED,IAAI,CAACC,KAAK;UACd,IAAI,EAAE,CAAE;UACR,KAAK,EAAEhB,CAAC,oGAAiB;YAAEiB,MAAM,EAAED,KAAK,GAAG;UAAE,CAAC,CAAE;UAChD,YAAY,EACRA,KAAK,GAAG,CAAC,IAAI;YACTE,IAAI,eAAE,6BAAC,qBAAU,OAAG;YACpBC,OAAO,EAAE;cAAA,OAAMJ,IAAI,CAACL,KAAK,CAACU,WAAW,CAACJ,KAAK,CAAC;YAAA;UAChD;QACH,GACH;MAAA,CACL,CACY;IAEzB;EACJ;AACJ,CAAC;AAAC,eAEab,MAAM;AAAA"}

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

@@ -1,3 +1,11 @@
-import numberInput from "./numberInput";
-import numberInputs from "./numberInputs";
-export default [numberInput, numberInputs];
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _numberInput = _interopRequireDefault(require("./numberInput"));
+var _numberInputs = _interopRequireDefault(require("./numberInputs"));
+var _default = [_numberInput.default, _numberInputs.default];
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["numberInput","numberInputs"],"sources":["index.ts"],"sourcesContent":["import numberInput from \"./numberInput\";\nimport numberInputs from \"./numberInputs\";\n\nexport default [numberInput, numberInputs];\n"],"mappings":";;;;;;;AAAA;AACA;AAA0C,eAE3B,CAACA,oBAAW,EAAEC,qBAAY,CAAC;AAAA"}

package/admin/plugins/fieldRenderers/number/numberInput.js

@@ -1,39 +1,46 @@
-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/number");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/number");
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-number",
   renderer: {
     rendererName: "number-input",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Number Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple input with its type set to \"number\"."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Number Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple input with its type set to \"number\"."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.type === "number" && !field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "number" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
     },
     render: function render(_ref2) {
       var field = _ref2.field,
-          getBind = _ref2.getBind;
+        getBind = _ref2.getBind;
       var Bind = getBind();
-      return /*#__PURE__*/React.createElement(Bind, null, function (bindProps) {
-        return /*#__PURE__*/React.createElement(Input, Object.assign({}, bindProps, {
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bindProps) {
+        return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bindProps, {
           onChange: function onChange(value) {
             return bindProps.onChange(value);
           },
           label: field.label,
           placeholder: field.placeholderText,
           description: field.helpText,
-          type: "number"
+          type: "number",
+          "data-testid": "fr.input.number.".concat(field.label)
         }));
       });
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldRenderers/number/numberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","bindProps","value","onChange","label","placeholderText","helpText"],"sources":["numberInput.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/number\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-number\",\n    renderer: {\n        rendererName: \"number-input\",\n        name: t`Number Input`,\n        description: t`Renders a simple input with its type set to \"number\".`,\n        canUse({ field }) {\n            return (\n                field.type === \"number\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bindProps => {\n                        return (\n                            <Input\n                                {...bindProps}\n                                onChange={value => {\n                                    return bindProps.onChange(value);\n                                }}\n                                label={field.label}\n                                placeholder={field.placeholderText}\n                                description={field.helpText}\n                                type=\"number\"\n                                data-testid={`fr.input.number.${field.label}`}\n                            />\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AAAwC;AAExC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,sCAAsC,CAAC;AAEzD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,cAAc;IAC5BF,IAAI,EAAEL,CAAC,+FAAc;IACrBQ,WAAW,EAAER,CAAC,4IAAuD;IACrES,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,QAAQ,IACvB,CAACM,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,yBAAqB;MAAA,IAAlBH,KAAK,SAALA,KAAK;QAAEI,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,oBACI,6BAAC,IAAI,QACA,UAAAE,SAAS,EAAI;QACV,oBACI,6BAAC,YAAK,oBACEA,SAAS;UACb,QAAQ,EAAE,kBAAAC,KAAK,EAAI;YACf,OAAOD,SAAS,CAACE,QAAQ,CAACD,KAAK,CAAC;UACpC,CAAE;UACF,KAAK,EAAEP,KAAK,CAACS,KAAM;UACnB,WAAW,EAAET,KAAK,CAACU,eAAgB;UACnC,WAAW,EAAEV,KAAK,CAACW,QAAS;UAC5B,IAAI,EAAC,QAAQ;UACb,yCAAgCX,KAAK,CAACS,KAAK;QAAG,GAChD;MAEV,CAAC,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEahB,MAAM;AAAA"}

package/admin/plugins/fieldRenderers/number/numberInputs.js

@@ -1,43 +1,47 @@
-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 "@svgr/webpack!../../../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-number-inputs",
   renderer: {
     rendererName: "number-inputs",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Number Inputs"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple list of number inputs."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Number Inputs"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple list of number inputs."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.type === "number" && field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "number" && !!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, {
+          index = _ref2.index;
+        return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind.index, {
           onChange: function onChange(value) {
             return bind.index.onChange(value);
           },
-          autoFocus: true,
           onEnter: function onEnter() {
             return bind.field.appendValue("");
           },
-          label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Value {number}"])))({
+          label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Value {number}"])))({
             number: index + 1
           }),
           type: "number",
           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);
             }
@@ -47,4 +51,5 @@ var plugin = {
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldRenderers/number/numberInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","props","bind","index","value","onChange","appendValue","number","icon","onClick","removeValue"],"sources":["numberInputs.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-number-inputs\",\n    renderer: {\n        rendererName: \"number-inputs\",\n        name: t`Number Inputs`,\n        description: t`Renders a simple list of number inputs.`,\n        canUse({ field }) {\n            return (\n                field.type === \"number\" &&\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                            onChange={value => {\n                                return bind.index.onChange(value);\n                            }}\n                            onEnter={() => bind.field.appendValue(\"\")}\n                            label={t`Value {number}`({ number: index + 1 })}\n                            type=\"number\"\n                            trailingIcon={\n                                index > 0 && {\n                                    icon: <DeleteIcon />,\n                                    onClick: () => bind.field.removeValue(index)\n                                }\n                            }\n                        />\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAA+C;AAE/C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEL,CAAC,gGAAe;IACtBQ,WAAW,EAAER,CAAC,4HAAyC;IACvDS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,QAAQ,IACvB,CAAC,CAACM,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,kBAACC,KAAK,EAAE;MACV,oBACI,6BAAC,uBAAc,EAAKA,KAAK,EACpB;QAAA,IAAGC,IAAI,SAAJA,IAAI;UAAEC,KAAK,SAALA,KAAK;QAAA,oBACX,6BAAC,YAAK,oBACED,IAAI,CAACC,KAAK;UACd,QAAQ,EAAE,kBAAAC,KAAK,EAAI;YACf,OAAOF,IAAI,CAACC,KAAK,CAACE,QAAQ,CAACD,KAAK,CAAC;UACrC,CAAE;UACF,OAAO,EAAE;YAAA,OAAMF,IAAI,CAACL,KAAK,CAACS,WAAW,CAAC,EAAE,CAAC;UAAA,CAAC;UAC1C,KAAK,EAAEnB,CAAC,oGAAiB;YAAEoB,MAAM,EAAEJ,KAAK,GAAG;UAAE,CAAC,CAAE;UAChD,IAAI,EAAC,QAAQ;UACb,YAAY,EACRA,KAAK,GAAG,CAAC,IAAI;YACTK,IAAI,eAAE,6BAAC,qBAAU,OAAG;YACpBC,OAAO,EAAE;cAAA,OAAMP,IAAI,CAACL,KAAK,CAACa,WAAW,CAACP,KAAK,CAAC;YAAA;UAChD;QACH,GACH;MAAA,CACL,CACY;IAEzB;EACJ;AACJ,CAAC;AAAC,eAEab,MAAM;AAAA"}

package/admin/plugins/fieldRenderers/object/StyledComponents.d.ts

@@ -1,4 +1,9 @@
+/// <reference types="react" />
+/// <reference types="web" />
+/// <reference types="react" />
 export declare const fieldsWrapperStyle: string;
 export declare const dynamicSectionTitleStyle: string;
 export declare const dynamicSectionGridStyle: string;
 export declare const fieldsGridStyle: string;
+export declare const ObjectItem: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const ItemHighLight: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;

package/admin/plugins/fieldRenderers/object/StyledComponents.js

@@ -1,5 +1,48 @@
-import { css } from "emotion";
-export var fieldsWrapperStyle = /*#__PURE__*/css("border-left:2px solid var(--mdc-theme-on-background);padding-left:16px;&:focus-within{border-color:var(--mdc-theme-primary);}label:fieldsWrapperStyle;");
-export var dynamicSectionTitleStyle = /*#__PURE__*/css("margin-top:24px;label:dynamicSectionTitleStyle;");
-export var dynamicSectionGridStyle = /*#__PURE__*/css("& > .mdc-layout-grid__inner{grid-gap:8px;}label:dynamicSectionGridStyle;");
-export var fieldsGridStyle = /*#__PURE__*/css("&.mdc-layout-grid{padding:8px;}label:fieldsGridStyle;");
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fieldsWrapperStyle = exports.fieldsGridStyle = exports.dynamicSectionTitleStyle = exports.dynamicSectionGridStyle = exports.ObjectItem = exports.ItemHighLight = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _emotion = require("emotion");
+var fieldsWrapperStyle = /*#__PURE__*/(0, _emotion.css)("border-left:2px solid var(--mdc-theme-on-background);padding-left:16px;&:focus-within{border-color:var(--mdc-theme-primary);}label:fieldsWrapperStyle;");
+exports.fieldsWrapperStyle = fieldsWrapperStyle;
+var dynamicSectionTitleStyle = /*#__PURE__*/(0, _emotion.css)("margin-top:24px;label:dynamicSectionTitleStyle;");
+exports.dynamicSectionTitleStyle = dynamicSectionTitleStyle;
+var dynamicSectionGridStyle = /*#__PURE__*/(0, _emotion.css)("& > .mdc-layout-grid__inner{grid-gap:8px;}label:dynamicSectionGridStyle;");
+exports.dynamicSectionGridStyle = dynamicSectionGridStyle;
+var fieldsGridStyle = /*#__PURE__*/(0, _emotion.css)("&.mdc-layout-grid{padding:8px;}label:fieldsGridStyle;");
+exports.fieldsGridStyle = fieldsGridStyle;
+var ObjectItem = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "ObjectItem",
+  target: "efe1kdz0"
+})("position:relative;");
+exports.ObjectItem = ObjectItem;
+var ItemHighLight = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "efe1kdz1",
+  label: "ItemHighLight"
+})({
+  "&": {
+    opacity: 0,
+    animation: "wf-blink-in 1s",
+    border: "2px solid var(--mdc-theme-secondary)",
+    boxShadow: "0 0 15px var(--mdc-theme-secondary)",
+    backgroundColor: "rgba(42, 217, 134, 0.25)",
+    borderRadius: "2px",
+    position: "absolute",
+    top: 0,
+    left: -12,
+    right: -8,
+    bottom: 0,
+    zIndex: 1,
+    pointerEvents: "none"
+  },
+  "@keyframes wf-blink-in": {
+    "40%": {
+      opacity: 1
+    }
+  }
+});
+exports.ItemHighLight = ItemHighLight;

package/admin/plugins/fieldRenderers/object/StyledComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fieldsWrapperStyle","css","dynamicSectionTitleStyle","dynamicSectionGridStyle","fieldsGridStyle","ObjectItem","styled","ItemHighLight","opacity","animation","border","boxShadow","backgroundColor","borderRadius","position","top","left","right","bottom","zIndex","pointerEvents"],"sources":["StyledComponents.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const fieldsWrapperStyle = css`\n    border-left: 2px solid var(--mdc-theme-on-background);\n    padding-left: 16px;\n\n    &:focus-within {\n        border-color: var(--mdc-theme-primary);\n    }\n`;\n\nexport const dynamicSectionTitleStyle = css`\n    margin-top: 24px;\n`;\n\nexport const dynamicSectionGridStyle = css`\n    & > .mdc-layout-grid__inner {\n        grid-gap: 8px;\n    }\n`;\n\nexport const fieldsGridStyle = css`\n    &.mdc-layout-grid {\n        padding: 8px;\n    }\n`;\n\nexport const ObjectItem = styled.div`\n    position: relative;\n`;\n\nexport const ItemHighLight = styled(\"div\")({\n    \"&\": {\n        opacity: 0,\n        animation: \"wf-blink-in 1s\",\n        border: \"2px solid var(--mdc-theme-secondary)\",\n        boxShadow: \"0 0 15px var(--mdc-theme-secondary)\",\n        backgroundColor: \"rgba(42, 217, 134, 0.25)\",\n        borderRadius: \"2px\",\n        position: \"absolute\",\n        top: 0,\n        left: -12,\n        right: -8,\n        bottom: 0,\n        zIndex: 1,\n        pointerEvents: \"none\"\n    },\n    \"@keyframes wf-blink-in\": { \"40%\": { opacity: 1 } }\n});\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,kBAAkB,oBAAGC,YAAG,2JAOpC;AAAC;AAEK,IAAMC,wBAAwB,oBAAGD,YAAG,oDAE1C;AAAC;AAEK,IAAME,uBAAuB,oBAAGF,YAAG,6EAIzC;AAAC;AAEK,IAAMG,eAAe,oBAAGH,YAAG,0DAIjC;AAAC;AAEK,IAAMI,UAAU,oBAAGC,eAAM;EAAA;EAAA;AAAA,wBAE/B;AAAC;AAEK,IAAMC,aAAa,oBAAGD,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvC,GAAG,EAAE;IACDE,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE,gBAAgB;IAC3BC,MAAM,EAAE,sCAAsC;IAC9CC,SAAS,EAAE,qCAAqC;IAChDC,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,KAAK;IACnBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC,EAAE;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE;EACnB,CAAC;EACD,wBAAwB,EAAE;IAAE,KAAK,EAAE;MAAEZ,OAAO,EAAE;IAAE;EAAE;AACtD,CAAC,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/object/arrow_drop_down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z"/></svg>

package/admin/plugins/fieldRenderers/object/arrow_drop_up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8.71 12.29L11.3 9.7c.39-.39 1.02-.39 1.41 0l2.59 2.59c.63.63.18 1.71-.71 1.71H9.41c-.89 0-1.33-1.08-.7-1.71z"/></svg>

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

@@ -1,3 +1,13 @@
-import singleObject from "./singleObject";
-import multipleObjects from "./multipleObjects";
-export default [singleObject, multipleObjects];
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _singleObjectInline = _interopRequireDefault(require("./singleObjectInline"));
+var _singleObjectAccordion = _interopRequireDefault(require("./singleObjectAccordion"));
+var _multipleObjects = _interopRequireDefault(require("./multipleObjects"));
+var _multipleObjectsAccordion = _interopRequireDefault(require("./multipleObjectsAccordion"));
+var _default = [_singleObjectInline.default, _singleObjectAccordion.default, _multipleObjects.default, _multipleObjectsAccordion.default];
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["singleObjectInline","singleObjectAccordion","multipleObjects","multipleObjectsAccordion"],"sources":["index.ts"],"sourcesContent":["import singleObjectInline from \"./singleObjectInline\";\nimport singleObjectAccordion from \"./singleObjectAccordion\";\nimport multipleObjects from \"./multipleObjects\";\nimport multipleObjectsAccordion from \"./multipleObjectsAccordion\";\n\nexport default [\n    singleObjectInline,\n    singleObjectAccordion,\n    multipleObjects,\n    multipleObjectsAccordion\n];\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAAkE,eAEnD,CACXA,2BAAkB,EAClBC,8BAAqB,EACrBC,wBAAe,EACfC,iCAAwB,CAC3B;AAAA"}

package/admin/plugins/fieldRenderers/object/multipleObjects.js

@@ -1,72 +1,128 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireWildcard(require("react"));
+var _i18n = require("@webiny/app/i18n");
+var _Button = require("@webiny/ui/Button");
+var _Grid = require("@webiny/ui/Grid");
+var _FormElementMessage = require("@webiny/ui/FormElementMessage");
+var _Typography = require("@webiny/ui/Typography");
+var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
+var _Fields = require("../../../components/ContentEntryForm/Fields");
+var _close = require("../../../icons/close.svg");
+var _arrow_drop_up = require("./arrow_drop_up.svg");
+var _arrow_drop_down = require("./arrow_drop_down.svg");
+var _Accordion = _interopRequireDefault(require("../Accordion"));
+var _StyledComponents = require("./StyledComponents");
+var _utils = require("@webiny/utils");
 var _templateObject, _templateObject2;
-
-import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import DynamicSection from "../DynamicSection";
-import { Fields } from "../../../components/ContentEntryForm/Fields";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/close.svg";
-import { IconButton } from "@webiny/ui/Button";
-import { Cell } from "@webiny/ui/Grid";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
-import { Typography } from "@webiny/ui/Typography";
-import Accordion from "../Accordion";
-import { fieldsWrapperStyle, dynamicSectionTitleStyle, dynamicSectionGridStyle, fieldsGridStyle } from "./StyledComponents";
-var t = i18n.ns("app-headless-cms/admin/fields/text");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
+var Actions = function Actions(_ref) {
+  var setHighlightIndex = _ref.setHighlightIndex,
+    bind = _ref.bind,
+    index = _ref.index;
+  var _bind$field = bind.field,
+    moveValueDown = _bind$field.moveValueDown,
+    moveValueUp = _bind$field.moveValueUp;
+  var onDown = (0, _react.useCallback)(function (e) {
+    e.stopPropagation();
+    moveValueDown(index);
+    setHighlightIndex(function (map) {
+      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, map), {}, (0, _defineProperty2.default)({}, index + 1, (0, _utils.generateAlphaNumericLowerCaseId)(12)));
+    });
+  }, [moveValueDown, index]);
+  var onUp = (0, _react.useCallback)(function (e) {
+    e.stopPropagation();
+    moveValueUp(index);
+    setHighlightIndex(function (map) {
+      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, map), {}, (0, _defineProperty2.default)({}, index - 1, (0, _utils.generateAlphaNumericLowerCaseId)(12)));
+    });
+  }, [moveValueUp, index]);
+  return index > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    icon: /*#__PURE__*/_react.default.createElement(_arrow_drop_down.ReactComponent, null),
+    onClick: onDown
+  }), /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    icon: /*#__PURE__*/_react.default.createElement(_arrow_drop_up.ReactComponent, null),
+    onClick: onUp
+  }), /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
+    onClick: function onClick() {
+      return bind.field.removeValue(index);
+    }
+  })) : null;
+};
+var ObjectsRenderer = function ObjectsRenderer(props) {
+  var _useState = (0, _react.useState)({}),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    highlightMap = _useState2[0],
+    setHighlightIndex = _useState2[1];
+  var field = props.field,
+    contentModel = props.contentModel;
+  return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, Object.assign({}, props, {
+    emptyValue: {},
+    showLabel: false,
+    renderTitle: function renderTitle(value) {
+      return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+        span: 12,
+        className: _StyledComponents.dynamicSectionTitleStyle
+      }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+        use: "headline5"
+      }, "".concat(field.label, " ").concat(value.length ? "(".concat(value.length, ")") : "")), field.helpText && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText));
+    },
+    gridClassName: _StyledComponents.dynamicSectionGridStyle
+  }), function (_ref2) {
+    var Bind = _ref2.Bind,
+      bind = _ref2.bind,
+      index = _ref2.index;
+    return /*#__PURE__*/_react.default.createElement(_StyledComponents.ObjectItem, null, highlightMap[index] ? /*#__PURE__*/_react.default.createElement(_StyledComponents.ItemHighLight, {
+      key: highlightMap[index]
+    }) : null, /*#__PURE__*/_react.default.createElement(_Accordion.default, {
+      title: "".concat(props.field.label, " #").concat(index + 1),
+      action: /*#__PURE__*/_react.default.createElement(Actions, {
+        setHighlightIndex: setHighlightIndex,
+        index: index,
+        bind: bind
+      })
+      // Open first Accordion by default
+      ,
+      defaultValue: index === 0
+    }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12,
+      className: _StyledComponents.fieldsWrapperStyle
+    }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, Object.assign({
+      Bind: Bind
+    }, bind.index, {
+      contentModel: contentModel,
+      fields: (field.settings || {}).fields || [],
+      layout: (field.settings || {}).layout || [],
+      gridClassName: _StyledComponents.fieldsGridStyle
+    })))));
+  });
+};
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-objects",
   renderer: {
     rendererName: "objects",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Objects"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a set of fields."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "object" && field.multipleValues;
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Inline Form"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a set of fields."]))),
+    canUse: function canUse(_ref3) {
+      var field = _ref3.field;
+      return field.type === "object" && Boolean(field.multipleValues);
     },
     render: function render(props) {
-      var field = props.field,
-          contentModel = props.contentModel;
-      return /*#__PURE__*/React.createElement(DynamicSection, Object.assign({}, props, {
-        emptyValue: {},
-        showLabel: false,
-        renderTitle: function renderTitle(value) {
-          return /*#__PURE__*/React.createElement(Cell, {
-            span: 12,
-            className: dynamicSectionTitleStyle
-          }, /*#__PURE__*/React.createElement(Typography, {
-            use: "headline5"
-          }, "".concat(field.label, " ").concat(value.length ? "(".concat(value.length, ")") : "")), field.helpText && /*#__PURE__*/React.createElement(FormElementMessage, null, field.helpText));
-        },
-        gridClassName: dynamicSectionGridStyle
-      }), function (_ref2) {
-        var Bind = _ref2.Bind,
-            bind = _ref2.bind,
-            index = _ref2.index;
-        return /*#__PURE__*/React.createElement(Accordion, {
-          title: "".concat(props.field.label, " #").concat(index + 1),
-          action: index > 0 && /*#__PURE__*/React.createElement(IconButton, {
-            icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-            onClick: function onClick() {
-              return bind.field.removeValue(index);
-            }
-          }) // Open first Accordion by default
-          ,
-          defaultValue: index === 0
-        }, /*#__PURE__*/React.createElement(Cell, {
-          span: 12,
-          className: fieldsWrapperStyle
-        }, /*#__PURE__*/React.createElement(Fields, Object.assign({
-          Bind: Bind
-        }, bind.index, {
-          contentModel: contentModel,
-          fields: field.settings.fields,
-          layout: field.settings.layout,
-          gridClassName: fieldsGridStyle
-        }))));
-      });
+      return /*#__PURE__*/_react.default.createElement(ObjectsRenderer, props);
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;