@webiny/app-headless-cms 5.33.5-beta.0 → 5.34.0-beta.0

package/admin/plugins/fields/dynamicZone.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dynamicZoneField = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _dynamic_form = require("@material-design-icons/svg/outlined/dynamic_form.svg");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _DynamicZone = require("./dynamicZone/DynamicZone");
+
+var _createFieldsList = require("../../graphql/createFieldsList");
+
+var _createTypeName = require("../../../utils/createTypeName");
+
+var _commonValidators = require("./dynamicZone/commonValidators");
+
+var _templateObject, _templateObject2, _templateObject3;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
+
+var listValidators = {
+  validators: _commonValidators.commonValidators,
+  title: "List validators",
+  description: "These validators are applied to the entire dynamic zone."
+};
+var dynamicZoneField = {
+  type: "cms-editor-field-type",
+  name: "cms-editor-field-type-dynamic-zone",
+  field: {
+    type: "dynamicZone",
+    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Dynamic Zone"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Define content templates to be used during content creation."]))),
+    icon: /*#__PURE__*/_react.default.createElement(_dynamic_form.ReactComponent, null),
+    allowMultipleValues: true,
+    allowPredefinedValues: false,
+    validators: function validators(field) {
+      if (field.multipleValues) {
+        return {
+          validators: ["dynamicZone"],
+          title: "Template Validators",
+          description: "Validators for each of the templates in this dynamic zone."
+        };
+      }
+
+      return ["required"];
+    },
+    listValidators: listValidators,
+    canAccept: function canAccept(_, draggable) {
+      return draggable.fieldType !== "dynamicZone";
+    },
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of values"]))),
+    createField: function createField() {
+      return {
+        type: this.type,
+        listValidation: [{
+          name: "dynamicZone"
+        }],
+        settings: {
+          templates: []
+        },
+        renderer: {
+          name: "dynamicZone"
+        }
+      };
+    },
+    render: function render() {
+      return /*#__PURE__*/_react.default.createElement(_DynamicZone.DynamicZone, null);
+    },
+    graphql: {
+      queryField: function queryField(_ref) {
+        var _field$settings;
+
+        var model = _ref.model,
+            field = _ref.field;
+        var prefix = "".concat((0, _createTypeName.createTypeName)(model.modelId), "_").concat((0, _createTypeName.createTypeName)(field.fieldId));
+        var templates = ((_field$settings = field.settings) === null || _field$settings === void 0 ? void 0 : _field$settings.templates) || [];
+        var fragments = templates.map(function (template) {
+          return "...on ".concat(prefix, "_").concat(template.gqlTypeName, " {\n                        ").concat((0, _createFieldsList.createFieldsList)({
+            model: model,
+            fields: template.fields || []
+          }), "\n                        _templateId \n                        __typename\n                    }");
+        });
+        return "{ ".concat(fragments.join("\n"), " }");
+      }
+    }
+  }
+};
+exports.dynamicZoneField = dynamicZoneField;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","listValidators","validators","commonValidators","title","description","dynamicZoneField","type","name","field","label","icon","allowMultipleValues","allowPredefinedValues","multipleValues","canAccept","_","draggable","fieldType","multipleValuesLabel","createField","listValidation","settings","templates","renderer","render","graphql","queryField","model","prefix","createTypeName","modelId","fieldId","fragments","map","template","gqlTypeName","createFieldsList","fields","join"],"sources":["dynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@material-design-icons/svg/outlined/dynamic_form.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DynamicZone } from \"~/admin/plugins/fields/dynamicZone/DynamicZone\";\nimport { createFieldsList } from \"~/admin/graphql/createFieldsList\";\nimport { createTypeName } from \"~/utils/createTypeName\";\nimport { CmsEditorFieldTypePlugin, CmsModelFieldValidatorsGroup } from \"~/types\";\nimport { commonValidators } from \"./dynamicZone/commonValidators\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst listValidators: CmsModelFieldValidatorsGroup = {\n    validators: commonValidators,\n    title: \"List validators\",\n    description: \"These validators are applied to the entire dynamic zone.\"\n};\n\nexport const dynamicZoneField: CmsEditorFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-dynamic-zone\",\n    field: {\n        type: \"dynamicZone\",\n        label: t`Dynamic Zone`,\n        description: t`Define content templates to be used during content creation.`,\n        icon: <ObjectIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        validators: field => {\n            if (field.multipleValues) {\n                return {\n                    validators: [\"dynamicZone\"],\n                    title: \"Template Validators\",\n                    description: \"Validators for each of the templates in this dynamic zone.\"\n                };\n            }\n\n            return [\"required\"];\n        },\n        listValidators,\n        canAccept(_, draggable) {\n            return draggable.fieldType !== \"dynamicZone\";\n        },\n        multipleValuesLabel: t`Use as a list of values`,\n        createField() {\n            return {\n                type: this.type,\n                listValidation: [{ name: \"dynamicZone\" }],\n                settings: {\n                    templates: []\n                },\n                renderer: {\n                    name: \"dynamicZone\"\n                }\n            };\n        },\n        render() {\n            return <DynamicZone />;\n        },\n        graphql: {\n            queryField({ model, field }) {\n                const prefix = `${createTypeName(model.modelId)}_${createTypeName(field.fieldId)}`;\n                const templates = field.settings?.templates || [];\n\n                const fragments = templates.map(template => {\n                    return `...on ${prefix}_${template.gqlTypeName} {\n                        ${createFieldsList({ model, fields: template.fields || [] })}\n                        _templateId \n                        __typename\n                    }`;\n                });\n                return `{ ${fragments.join(\"\\n\")} }`;\n            }\n        }\n    }\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,cAA4C,GAAG;EACjDC,UAAU,EAAEC,kCADqC;EAEjDC,KAAK,EAAE,iBAF0C;EAGjDC,WAAW,EAAE;AAHoC,CAArD;AAMO,IAAMC,gBAA0C,GAAG;EACtDC,IAAI,EAAE,uBADgD;EAEtDC,IAAI,EAAE,oCAFgD;EAGtDC,KAAK,EAAE;IACHF,IAAI,EAAE,aADH;IAEHG,KAAK,EAAEZ,CAAF,+FAFF;IAGHO,WAAW,EAAEP,CAAF,iJAHR;IAIHa,IAAI,eAAE,6BAAC,4BAAD,OAJH;IAKHC,mBAAmB,EAAE,IALlB;IAMHC,qBAAqB,EAAE,KANpB;IAOHX,UAAU,EAAE,oBAAAO,KAAK,EAAI;MACjB,IAAIA,KAAK,CAACK,cAAV,EAA0B;QACtB,OAAO;UACHZ,UAAU,EAAE,CAAC,aAAD,CADT;UAEHE,KAAK,EAAE,qBAFJ;UAGHC,WAAW,EAAE;QAHV,CAAP;MAKH;;MAED,OAAO,CAAC,UAAD,CAAP;IACH,CAjBE;IAkBHJ,cAAc,EAAdA,cAlBG;IAmBHc,SAnBG,qBAmBOC,CAnBP,EAmBUC,SAnBV,EAmBqB;MACpB,OAAOA,SAAS,CAACC,SAAV,KAAwB,aAA/B;IACH,CArBE;IAsBHC,mBAAmB,EAAErB,CAAF,4GAtBhB;IAuBHsB,WAvBG,yBAuBW;MACV,OAAO;QACHb,IAAI,EAAE,KAAKA,IADR;QAEHc,cAAc,EAAE,CAAC;UAAEb,IAAI,EAAE;QAAR,CAAD,CAFb;QAGHc,QAAQ,EAAE;UACNC,SAAS,EAAE;QADL,CAHP;QAMHC,QAAQ,EAAE;UACNhB,IAAI,EAAE;QADA;MANP,CAAP;IAUH,CAlCE;IAmCHiB,MAnCG,oBAmCM;MACL,oBAAO,6BAAC,wBAAD,OAAP;IACH,CArCE;IAsCHC,OAAO,EAAE;MACLC,UADK,4BACwB;QAAA;;QAAA,IAAhBC,KAAgB,QAAhBA,KAAgB;QAAA,IAATnB,KAAS,QAATA,KAAS;QACzB,IAAMoB,MAAM,aAAM,IAAAC,8BAAA,EAAeF,KAAK,CAACG,OAArB,CAAN,cAAuC,IAAAD,8BAAA,EAAerB,KAAK,CAACuB,OAArB,CAAvC,CAAZ;QACA,IAAMT,SAAS,GAAG,oBAAAd,KAAK,CAACa,QAAN,oEAAgBC,SAAhB,KAA6B,EAA/C;QAEA,IAAMU,SAAS,GAAGV,SAAS,CAACW,GAAV,CAAc,UAAAC,QAAQ,EAAI;UACxC,uBAAgBN,MAAhB,cAA0BM,QAAQ,CAACC,WAAnC,yCACM,IAAAC,kCAAA,EAAiB;YAAET,KAAK,EAALA,KAAF;YAASU,MAAM,EAAEH,QAAQ,CAACG,MAAT,IAAmB;UAApC,CAAjB,CADN;QAKH,CANiB,CAAlB;QAOA,mBAAYL,SAAS,CAACM,IAAV,CAAe,IAAf,CAAZ;MACH;IAbI;EAtCN;AAH+C,CAAnD"}

package/admin/plugins/fields/file.d.ts

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

package/admin/plugins/fields/file.js

@@ -11,7 +11,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
-var _round_insert_drive_file24px = require("./icons/round_insert_drive_file-24px.svg");
+var _file_present = require("@material-design-icons/svg/outlined/file_present.svg");
 
 var _i18n = require("@webiny/app/i18n");
 
@@ -19,6 +19,8 @@ var _Grid = require("@webiny/ui/Grid");
 
 var _Switch = require("@webiny/ui/Switch");
 
+var _form = require("@webiny/form");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
@@ -30,7 +32,7 @@ var plugin = {
     type: "file",
     label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Files"]))),
     description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Images, videos and other files."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_round_insert_drive_file24px.ReactComponent, null),
+    icon: /*#__PURE__*/_react.default.createElement(_file_present.ReactComponent, null),
     validators: ["required"],
     listValidators: ["minLength", "maxLength"],
     allowMultipleValues: true,
@@ -45,11 +47,10 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings(_ref) {
-      var Bind = _ref.form.Bind;
+    renderSettings: function renderSettings() {
       return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
         name: "settings.imagesOnly"
       }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
         label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Images only"]))),

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","validators","listValidators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Bind","form"],"sources":["file.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as FileIcon } from \"./icons/round_insert_drive_file-24px.svg\";\nimport { CmsEditorFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Switch } from \"@webiny/ui/Switch\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsEditorFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-file\",\n    field: {\n        type: \"file\",\n        label: t`Files`,\n        description: t`Images, videos and other files.`,\n        icon: <FileIcon />,\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of files or an image gallery`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings: ({ form: { Bind } }) => {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"settings.imagesOnly\"}>\n                            <Switch\n                                label={t`Images only`}\n                                description={t`Allow only images to be selected`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAAgC,GAAG;EACrCC,IAAI,EAAE,uBAD+B;EAErCC,IAAI,EAAE,4BAF+B;EAGrCC,KAAK,EAAE;IACHF,IAAI,EAAE,MADH;IAEHG,KAAK,EAAEP,CAAF,wFAFF;IAGHQ,WAAW,EAAER,CAAF,oHAHR;IAIHS,IAAI,eAAE,6BAAC,2CAAD,OAJH;IAKHC,UAAU,EAAE,CAAC,UAAD,CALT;IAMHC,cAAc,EAAE,CAAC,WAAD,EAAc,WAAd,CANb;IAOHC,mBAAmB,EAAE,IAPlB;IAQHC,qBAAqB,EAAE,KARpB;IASHC,mBAAmB,EAAEd,CAAF,+HAThB;IAUHe,WAVG,yBAUW;MACV,OAAO;QACHX,IAAI,EAAE,KAAKA,IADR;QAEHY,UAAU,EAAE,EAFT;QAGHC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QADA;MAHP,CAAP;IAOH,CAlBE;IAmBHa,cAAc,EAAE,8BAAwB;MAAA,IAAbC,IAAa,QAArBC,IAAqB,CAAbD,IAAa;MACpC,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,IAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,cAAD;QACI,KAAK,EAAEnB,CAAF,gGADT;QAEI,WAAW,EAAEA,CAAF;MAFf,EADJ,CADJ,CADJ,CADJ;IAYH;EAhCE;AAH8B,CAAzC;eAuCeG,M"}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","validators","listValidators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings"],"sources":["file.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as FileIcon } from \"@material-design-icons/svg/outlined/file_present.svg\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Switch } from \"@webiny/ui/Switch\";\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-file\",\n    field: {\n        type: \"file\",\n        label: t`Files`,\n        description: t`Images, videos and other files.`,\n        icon: <FileIcon />,\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of files or an image gallery`,\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={\"settings.imagesOnly\"}>\n                            <Switch\n                                label={t`Images only`}\n                                description={t`Allow only images to be selected`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAD8B;EAEpCC,IAAI,EAAE,4BAF8B;EAGpCC,KAAK,EAAE;IACHF,IAAI,EAAE,MADH;IAEHG,KAAK,EAAEP,CAAF,wFAFF;IAGHQ,WAAW,EAAER,CAAF,oHAHR;IAIHS,IAAI,eAAE,6BAAC,4BAAD,OAJH;IAKHC,UAAU,EAAE,CAAC,UAAD,CALT;IAMHC,cAAc,EAAE,CAAC,WAAD,EAAc,WAAd,CANb;IAOHC,mBAAmB,EAAE,IAPlB;IAQHC,qBAAqB,EAAE,KARpB;IASHC,mBAAmB,EAAEd,CAAF,+HAThB;IAUHe,WAVG,yBAUW;MACV,OAAO;QACHX,IAAI,EAAE,KAAKA,IADR;QAEHY,UAAU,EAAE,EAFT;QAGHC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QADA;MAHP,CAAP;IAOH,CAlBE;IAmBHa,cAAc,EAAE,0BAAM;MAClB,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,cAAD;QACI,KAAK,EAAElB,CAAF,gGADT;QAEI,WAAW,EAAEA,CAAF;MAFf,EADJ,CADJ,CADJ,CADJ;IAYH;EAhCE;AAH6B,CAAxC;eAuCeG,M"}

package/admin/plugins/fields/longText.d.ts

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

package/admin/plugins/fields/longText.js

@@ -19,6 +19,8 @@ var _Input = require("@webiny/ui/Input");
 
 var _i18n = require("@webiny/app/i18n");
 
+var _form = require("@webiny/form");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
@@ -45,11 +47,10 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings(_ref) {
-      var Bind = _ref.form.Bind;
+    renderSettings: function renderSettings() {
       return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
         name: "placeholderText"
       }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
         label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Placeholder text"]))),

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","validators","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Bind","form"],"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 { CmsEditorFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsEditorFieldTypePlugin = {\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({ form: { Bind } }) {\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;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAAgC,GAAG;EACrCC,IAAI,EAAE,uBAD+B;EAErCC,IAAI,EAAE,iCAF+B;EAGrCC,KAAK,EAAE;IACHF,IAAI,EAAE,WADH;IAEHG,UAAU,EAAE,CAAC,UAAD,EAAa,WAAb,EAA0B,WAA1B,EAAuC,SAAvC,CAFT;IAGHC,KAAK,EAAER,CAAF,4FAHF;IAIHS,WAAW,EAAET,CAAF,6HAJR;IAKHU,IAAI,eAAE,6BAAC,0BAAD,OALH;IAMHC,mBAAmB,EAAE,IANlB;IAOHC,qBAAqB,EAAE,KAPpB;IAO2B;IAC9BC,mBAAmB,EAAEb,CAAF,gHARhB;IASHc,WATG,yBASW;MACV,OAAO;QACHV,IAAI,EAAE,KAAKA,IADR;QAEHW,UAAU,EAAE,EAFT;QAGHC,QAAQ,EAAE;UACNX,IAAI,EAAE;QADA;MAHP,CAAP;IAOH,CAjBE;IAkBHY,cAlBG,gCAkBgC;MAAA,IAAVC,IAAU,QAAlBC,IAAkB,CAAVD,IAAU;MAC/B,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,IAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,YAAD;QACI,KAAK,EAAElB,CAAF,qGADT;QAEI,WAAW,EAAEA,CAAF;MAFf,EADJ,CADJ,CADJ,CADJ;IAYH;EA/BE;AAH8B,CAAzC;eAsCeG,M"}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","field","validators","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings"],"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;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAD8B;EAEpCC,IAAI,EAAE,iCAF8B;EAGpCC,KAAK,EAAE;IACHF,IAAI,EAAE,WADH;IAEHG,UAAU,EAAE,CAAC,UAAD,EAAa,WAAb,EAA0B,WAA1B,EAAuC,SAAvC,CAFT;IAGHC,KAAK,EAAER,CAAF,4FAHF;IAIHS,WAAW,EAAET,CAAF,6HAJR;IAKHU,IAAI,eAAE,6BAAC,0BAAD,OALH;IAMHC,mBAAmB,EAAE,IANlB;IAOHC,qBAAqB,EAAE,KAPpB;IAO2B;IAC9BC,mBAAmB,EAAEb,CAAF,gHARhB;IASHc,WATG,yBASW;MACV,OAAO;QACHV,IAAI,EAAE,KAAKA,IADR;QAEHW,UAAU,EAAE,EAFT;QAGHC,QAAQ,EAAE;UACNX,IAAI,EAAE;QADA;MAHP,CAAP;IAOH,CAjBE;IAkBHY,cAlBG,4BAkBc;MACb,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,YAAD;QACI,KAAK,EAAEjB,CAAF,qGADT;QAEI,WAAW,EAAEA,CAAF;MAFf,EADJ,CADJ,CADJ,CADJ;IAYH;EA/BE;AAH6B,CAAxC;eAsCeG,M"}

package/admin/plugins/fields/number.d.ts

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

package/admin/plugins/fields/number.js

@@ -19,7 +19,9 @@ var _Input = require("@webiny/ui/Input");
 
 var _PredefinedValuesDynamicFieldset = _interopRequireDefault(require("./PredefinedValuesDynamicFieldset"));
 
-var _roundLooks_324px = require("./icons/round-looks_3-24px.svg");
+var _looks_ = require("@material-design-icons/svg/outlined/looks_3.svg");
+
+var _form = require("@webiny/form");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
@@ -32,7 +34,7 @@ var plugin = {
     type: "number",
     label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Number"]))),
     description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Store numbers."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_roundLooks_324px.ReactComponent, null),
+    icon: /*#__PURE__*/_react.default.createElement(_looks_.ReactComponent, null),
     validators: ["required", "gte", "lte"],
     allowMultipleValues: true,
     allowPredefinedValues: true,
@@ -46,11 +48,10 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings(_ref) {
-      var Bind = _ref.form.Bind;
+    renderSettings: function renderSettings() {
       return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
         name: "placeholderText"
       }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
         label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Placeholder text"]))),

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","validators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Bind","form","renderPredefinedValues","props","bind","value","onChange","parseFloat"],"sources":["number.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { CmsEditorFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset\";\nimport { ReactComponent as FloatIcon } from \"./icons/round-looks_3-24px.svg\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsEditorFieldTypePlugin = {\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({ form: { Bind } }) {\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;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAAgC,GAAG;EACrCC,IAAI,EAAE,uBAD+B;EAErCC,IAAI,EAAE,8BAF+B;EAGrCC,KAAK,EAAE;IACHF,IAAI,EAAE,QADH;IAEHG,KAAK,EAAEP,CAAF,yFAFF;IAGHQ,WAAW,EAAER,CAAF,mGAHR;IAIHS,IAAI,eAAE,6BAAC,gCAAD,OAJH;IAKHC,UAAU,EAAE,CAAC,UAAD,EAAa,KAAb,EAAoB,KAApB,CALT;IAMHC,mBAAmB,EAAE,IANlB;IAOHC,qBAAqB,EAAE,IAPpB;IAQHC,mBAAmB,EAAEb,CAAF,6GARhB;IASHc,WATG,yBASW;MACV,OAAO;QACHV,IAAI,EAAE,KAAKA,IADR;QAEHW,UAAU,EAAE,EAFT;QAGHC,QAAQ,EAAE;UACNX,IAAI,EAAE;QADA;MAHP,CAAP;IAOH,CAjBE;IAkBHY,cAlBG,gCAkBgC;MAAA,IAAVC,IAAU,QAAlBC,IAAkB,CAAVD,IAAU;MAC/B,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,IAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,YAAD;QACI,KAAK,EAAElB,CAAF,qGADT;QAEI,WAAW,EAAEA,CAAF;MAFf,EADJ,CADJ,CADJ,CADJ;IAYH,CA/BE;IAgCHoB,sBAhCG,kCAgCoBC,KAhCpB,EAgC2B;MAC1B,oBACI,6BAAC,wCAAD,oBACQA,KADR;QAEI,gBAAgB,EAAE,0BAAAH,IAAI;UAAA,oBAClB,6BAAC,IAAD;YAAM,IAAI,EAAE;UAAZ,GACK,UAAAI,IAAI;YAAA,oBACD,6BAAC,YAAD,oBACQA,IADR;cAEI,IAAI,EAAC,QAFT;cAGI,KAAK,EAAEtB,CAAF,0FAHT;cAII,QAAQ,EAAE,kBAAAuB,KAAK;gBAAA,OAAID,IAAI,CAACE,QAAL,CAAcC,UAAU,CAACF,KAAD,CAAxB,CAAJ;cAAA;YAJnB,GADC;UAAA,CADT,CADkB;QAAA;MAF1B,GADJ;IAiBH;EAlDE;AAH8B,CAAzC;eAyDepB,M"}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","validators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","renderPredefinedValues","props","Bind","bind","value","onChange","parseFloat"],"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;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAD8B;EAEpCC,IAAI,EAAE,8BAF8B;EAGpCC,KAAK,EAAE;IACHF,IAAI,EAAE,QADH;IAEHG,KAAK,EAAEP,CAAF,yFAFF;IAGHQ,WAAW,EAAER,CAAF,mGAHR;IAIHS,IAAI,eAAE,6BAAC,sBAAD,OAJH;IAKHC,UAAU,EAAE,CAAC,UAAD,EAAa,KAAb,EAAoB,KAApB,CALT;IAMHC,mBAAmB,EAAE,IANlB;IAOHC,qBAAqB,EAAE,IAPpB;IAQHC,mBAAmB,EAAEb,CAAF,6GARhB;IASHc,WATG,yBASW;MACV,OAAO;QACHV,IAAI,EAAE,KAAKA,IADR;QAEHW,UAAU,EAAE,EAFT;QAGHC,QAAQ,EAAE;UACNX,IAAI,EAAE;QADA;MAHP,CAAP;IAOH,CAjBE;IAkBHY,cAlBG,4BAkBc;MACb,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,YAAD;QACI,KAAK,EAAEjB,CAAF,qGADT;QAEI,WAAW,EAAEA,CAAF;MAFf,EADJ,CADJ,CADJ,CADJ;IAYH,CA/BE;IAgCHkB,sBAhCG,kCAgCoBC,KAhCpB,EAgC2B;MAC1B,oBACI,6BAAC,wCAAD,oBACQA,KADR;QAEI,gBAAgB,EAAE,0BAAAC,IAAI;UAAA,oBAClB,6BAAC,IAAD;YAAM,IAAI,EAAE;UAAZ,GACK,UAAAC,IAAI;YAAA,oBACD,6BAAC,YAAD,oBACQA,IADR;cAEI,IAAI,EAAC,QAFT;cAGI,KAAK,EAAErB,CAAF,0FAHT;cAII,QAAQ,EAAE,kBAAAsB,KAAK;gBAAA,OAAID,IAAI,CAACE,QAAL,CAAcC,UAAU,CAACF,KAAD,CAAxB,CAAJ;cAAA;YAJnB,GADC;UAAA,CADT,CADkB;QAAA;MAF1B,GADJ;IAiBH;EAlDE;AAH6B,CAAxC;eAyDenB,M"}

package/admin/plugins/fields/object/ObjectFields.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { CmsEditorField } from "../../../../types";
+import { CmsModelField } from "../../../../types";
 interface ObjectFieldsProps {
-    field: CmsEditorField;
+    field: CmsModelField;
 }
 export declare const ObjectFields: React.FC<ObjectFieldsProps>;
 export {};

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

@@ -20,9 +20,9 @@ var _FieldEditor = require("../../../components/FieldEditor");
 var ObjectFields = function ObjectFields(_ref) {
   var field = _ref.field;
 
-  var _useFieldEditor = (0, _FieldEditor.useFieldEditor)(),
-      getField = _useFieldEditor.getField,
-      updateField = _useFieldEditor.updateField;
+  var _useModelFieldEditor = (0, _FieldEditor.useModelFieldEditor)(),
+      getField = _useModelFieldEditor.getField,
+      updateField = _useModelFieldEditor.updateField;
 
   var onChange = (0, _react.useCallback)(function (_ref2) {
     var fields = _ref2.fields,

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

@@ -1 +1 @@
-{"version":3,"names":["ObjectFields","field","useFieldEditor","getField","updateField","onChange","useCallback","fields","layout","currentField","id","updatedField","set","settings"],"sources":["ObjectFields.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { FieldEditor, useFieldEditor } from \"~/admin/components/FieldEditor\";\nimport { CmsEditorField, CmsModel } from \"~/types\";\n\ninterface ObjectFieldsProps {\n    field: CmsEditorField;\n}\nexport const ObjectFields: React.FC<ObjectFieldsProps> = ({ field }) => {\n    const { getField, updateField } = useFieldEditor();\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;;AACA;;AACA;;AAMO,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,OAAe;EAAA,IAAZC,KAAY,QAAZA,KAAY;;EACpE,sBAAkC,IAAAC,2BAAA,GAAlC;EAAA,IAAQC,QAAR,mBAAQA,QAAR;EAAA,IAAkBC,WAAlB,mBAAkBA,WAAlB;;EAEA,IAAMC,QAAQ,GAAG,IAAAC,kBAAA,EACb,iBAA6D;IAAA,IAA1DC,MAA0D,SAA1DA,MAA0D;IAAA,IAAlDC,MAAkD,SAAlDA,MAAkD;IACzD,IAAMC,YAAY,GAAGN,QAAQ,CAAC;MAAEO,EAAE,EAAET,KAAK,CAACS;IAAZ,CAAD,CAA7B;IACA,IAAMC,YAAY,GAAG,IAAAC,qBAAA,EACjBH,YADiB,cAGjB,UAACI,QAAD,EAAuD;MACnD,mEAAYA,QAAZ;QAAsBN,MAAM,EAANA,MAAtB;QAA8BC,MAAM,EAANA;MAA9B;IACH,CALgB,CAArB;IAOAJ,WAAW,CAACO,YAAD,CAAX;EACH,CAXY,EAYb,CAACV,KAAD,CAZa,CAAjB;EAeA,oBACI,6BAAC,wBAAD;IACI,MAAM,EAAEA,KADZ;IAEI,MAAM,EAAE,CAACA,KAAK,CAACY,QAAN,GAAiBZ,KAAK,CAACY,QAAN,CAAeN,MAAhC,GAAyC,IAA1C,KAAmD,EAF/D;IAGI,MAAM,EAAE,CAACN,KAAK,CAACY,QAAN,GAAiBZ,KAAK,CAACY,QAAN,CAAeL,MAAhC,GAAyC,IAA1C,KAAmD,EAH/D;IAII,QAAQ,EAAEH;EAJd,EADJ;AAQH,CA1BM"}
+{"version":3,"names":["ObjectFields","field","useModelFieldEditor","getField","updateField","onChange","useCallback","fields","layout","currentField","id","updatedField","set","settings"],"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: React.FC<ObjectFieldsProps> = ({ field }) => {\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;;AACA;;AACA;;AAMO,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,OAAe;EAAA,IAAZC,KAAY,QAAZA,KAAY;;EACpE,2BAAkC,IAAAC,gCAAA,GAAlC;EAAA,IAAQC,QAAR,wBAAQA,QAAR;EAAA,IAAkBC,WAAlB,wBAAkBA,WAAlB;;EAEA,IAAMC,QAAQ,GAAG,IAAAC,kBAAA,EACb,iBAA6D;IAAA,IAA1DC,MAA0D,SAA1DA,MAA0D;IAAA,IAAlDC,MAAkD,SAAlDA,MAAkD;IACzD,IAAMC,YAAY,GAAGN,QAAQ,CAAC;MAAEO,EAAE,EAAET,KAAK,CAACS;IAAZ,CAAD,CAA7B;IACA,IAAMC,YAAY,GAAG,IAAAC,qBAAA,EACjBH,YADiB,cAGjB,UAACI,QAAD,EAAuD;MACnD,mEAAYA,QAAZ;QAAsBN,MAAM,EAANA,MAAtB;QAA8BC,MAAM,EAANA;MAA9B;IACH,CALgB,CAArB;IAOAJ,WAAW,CAACO,YAAD,CAAX;EACH,CAXY,EAYb,CAACV,KAAD,CAZa,CAAjB;EAeA,oBACI,6BAAC,wBAAD;IACI,MAAM,EAAEA,KADZ;IAEI,MAAM,EAAE,CAACA,KAAK,CAACY,QAAN,GAAiBZ,KAAK,CAACY,QAAN,CAAeN,MAAhC,GAAyC,IAA1C,KAAmD,EAF/D;IAGI,MAAM,EAAE,CAACN,KAAK,CAACY,QAAN,GAAiBZ,KAAK,CAACY,QAAN,CAAeL,MAAhC,GAAyC,IAA1C,KAAmD,EAH/D;IAII,QAAQ,EAAEH;EAJd,EADJ;AAQH,CA1BM"}

package/admin/plugins/fields/object.d.ts

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

package/admin/plugins/fields/object.js

@@ -11,7 +11,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
-var _ballot_black_24dp = require("./icons/ballot_black_24dp.svg");
+var _ballot = require("@material-design-icons/svg/outlined/ballot.svg");
 
 var _i18n = require("@webiny/app/i18n");
 
@@ -30,7 +30,7 @@ var plugin = {
     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_black_24dp.ReactComponent, null),
+    icon: /*#__PURE__*/_react.default.createElement(_ballot.ReactComponent, null),
     allowMultipleValues: true,
     allowPredefinedValues: false,
     multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a repeatable object"]))),
@@ -52,8 +52,13 @@ var plugin = {
     },
     graphql: {
       queryField: function queryField(_ref) {
-        var field = _ref.field;
-        return "{ ".concat((0, _createFieldsList.createFieldsList)((field.settings ? field.settings.fields : []) || []), " }");
+        var field = _ref.field,
+            model = _ref.model;
+        var fields = field.settings ? field.settings.fields : [];
+        return "{ ".concat((0, _createFieldsList.createFieldsList)({
+          model: model,
+          fields: fields
+        }), " }");
       }
     }
   }

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","settings","fields","layout","renderer","render","props","graphql","queryField","createFieldsList"],"sources":["object.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"./icons/ballot_black_24dp.svg\";\nimport { CmsEditorFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ObjectFields } from \"./object/ObjectFields\";\nimport { createFieldsList } from \"~/admin/graphql/createFieldsList\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsEditorFieldTypePlugin = {\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 }) {\n                return `{ ${createFieldsList(\n                    (field.settings ? field.settings.fields : []) || []\n                )} }`;\n            }\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAAgC,GAAG;EACrCC,IAAI,EAAE,uBAD+B;EAErCC,IAAI,EAAE,8BAF+B;EAGrCC,KAAK,EAAE;IACHF,IAAI,EAAE,QADH;IAEHG,KAAK,EAAEP,CAAF,yFAFF;IAGHQ,WAAW,EAAER,CAAF,kHAHR;IAIHS,IAAI,eAAE,6BAAC,iCAAD,OAJH;IAKHC,mBAAmB,EAAE,IALlB;IAMHC,qBAAqB,EAAE,KANpB;IAOHC,mBAAmB,EAAEZ,CAAF,+GAPhB;IAQHa,WARG,yBAQW;MACV,OAAO;QACHT,IAAI,EAAE,KAAKA,IADR;QAEHU,UAAU,EAAE,EAFT;QAGHC,QAAQ,EAAE;UACNC,MAAM,EAAE,EADF;UAENC,MAAM,EAAE;QAFF,CAHP;QAOHC,QAAQ,EAAE;UACNb,IAAI,EAAE;QADA;MAPP,CAAP;IAWH,CApBE;IAqBHc,MArBG,kBAqBIC,KArBJ,EAqBW;MACV,oBAAO,6BAAC,0BAAD,EAAkBA,KAAlB,CAAP;IACH,CAvBE;IAwBHC,OAAO,EAAE;MACLC,UADK,4BACiB;QAAA,IAAThB,KAAS,QAATA,KAAS;QAClB,mBAAY,IAAAiB,kCAAA,EACR,CAACjB,KAAK,CAACS,QAAN,GAAiBT,KAAK,CAACS,QAAN,CAAeC,MAAhC,GAAyC,EAA1C,KAAiD,EADzC,CAAZ;MAGH;IALI;EAxBN;AAH8B,CAAzC;eAqCeb,M"}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","settings","fields","layout","renderer","render","props","graphql","queryField","model","createFieldsList"],"sources":["object.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@material-design-icons/svg/outlined/ballot.svg\";\nimport { CmsModelFieldTypePlugin, CmsModelField } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ObjectFields } from \"./object/ObjectFields\";\nimport { createFieldsList } from \"~/admin/graphql/createFieldsList\";\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 }) {\n                const fields = (field.settings ? field.settings.fields : []) as CmsModelField[];\n                return `{ ${createFieldsList({ model, fields })} }`;\n            }\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAD8B;EAEpCC,IAAI,EAAE,8BAF8B;EAGpCC,KAAK,EAAE;IACHF,IAAI,EAAE,QADH;IAEHG,KAAK,EAAEP,CAAF,yFAFF;IAGHQ,WAAW,EAAER,CAAF,kHAHR;IAIHS,IAAI,eAAE,6BAAC,sBAAD,OAJH;IAKHC,mBAAmB,EAAE,IALlB;IAMHC,qBAAqB,EAAE,KANpB;IAOHC,mBAAmB,EAAEZ,CAAF,+GAPhB;IAQHa,WARG,yBAQW;MACV,OAAO;QACHT,IAAI,EAAE,KAAKA,IADR;QAEHU,UAAU,EAAE,EAFT;QAGHC,QAAQ,EAAE;UACNC,MAAM,EAAE,EADF;UAENC,MAAM,EAAE;QAFF,CAHP;QAOHC,QAAQ,EAAE;UACNb,IAAI,EAAE;QADA;MAPP,CAAP;IAWH,CApBE;IAqBHc,MArBG,kBAqBIC,KArBJ,EAqBW;MACV,oBAAO,6BAAC,0BAAD,EAAkBA,KAAlB,CAAP;IACH,CAvBE;IAwBHC,OAAO,EAAE;MACLC,UADK,4BACwB;QAAA,IAAhBhB,KAAgB,QAAhBA,KAAgB;QAAA,IAATiB,KAAS,QAATA,KAAS;QACzB,IAAMP,MAAM,GAAIV,KAAK,CAACS,QAAN,GAAiBT,KAAK,CAACS,QAAN,CAAeC,MAAhC,GAAyC,EAAzD;QACA,mBAAY,IAAAQ,kCAAA,EAAiB;UAAED,KAAK,EAALA,KAAF;UAASP,MAAM,EAANA;QAAT,CAAjB,CAAZ;MACH;IAJI;EAxBN;AAH6B,CAAxC;eAoCeb,M"}

package/admin/plugins/fields/ref.d.ts

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