npm - @webiny/app-headless-cms - Versions diffs - 5.34.8 → 5.35.0-beta.0 - Mend

@webiny/app-headless-cms 5.34.8 → 5.35.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (693) hide show

package/admin/plugins/fields/dynamicZone/TemplateDialog.js CHANGED Viewed

@@ -1,63 +1,42 @@
 "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.TemplateDialog = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _Button = require("@webiny/ui/Button");
 var _Grid = require("@webiny/ui/Grid");
 var _Input = require("@webiny/ui/Input");
 var _form = require("@webiny/form");
 var _validation = require("@webiny/validation");
 var _utils = require("@webiny/utils");
 var _IconPicker = require("../../../components/IconPicker");
 var _Dialog = require("../../../components/Dialog");
 var _Alert = require("@webiny/ui/Alert");
 var typeNameValidator = function typeNameValidator(value) {
   var regex = new RegExp("^[A-Z]+[_0-9A-Za-z]+$");
   if (regex.test(value)) {
     return true;
   }
   throw Error("Must start with a capital letter, may contain numbers, and must not contain spaces.");
 };
 var getGraphQLTypeName = function getGraphQLTypeName(value) {
   var titleCase = value.charAt(0).toUpperCase() + value.slice(1);
   return titleCase.replace(/[^a-zA-Z0-9]/g, "");
 };
 var TemplateDialog = function TemplateDialog(props) {
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showWarning = _useState2[0],
-      setWarning = _useState2[1];
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showWarning = _useState2[0],
+    setWarning = _useState2[1];
   var newTemplate = !Boolean(props.template);
   var dialogTitle = newTemplate ? "Add Template" : "Edit Template";
   var submitLabel = newTemplate ? "Add Template" : "Update Template";
   var onSubmit = function onSubmit(template) {
     if (template.id) {
       props.onTemplate(template);
@@ -68,32 +47,25 @@ var TemplateDialog = function TemplateDialog(props) {
         layout: []
       }));
     }
     props.onClose();
   };
   var showGqlTypeNameWarning = function showGqlTypeNameWarning() {
     setWarning(true);
   };
   var hideGqlTypeNameWarning = function hideGqlTypeNameWarning() {
     setWarning(false);
   };
   var checkGqlType = function checkGqlType(data) {
     var _props$template;
     if (newTemplate) {
       return;
     }
     if (data.gqlTypeName !== ((_props$template = props.template) === null || _props$template === void 0 ? void 0 : _props$template.gqlTypeName)) {
       showGqlTypeNameWarning();
     } else {
       hideGqlTypeNameWarning();
     }
   };
   var nameOnBlur = function nameOnBlur(form) {
     return function () {
       if (!form.data.gqlTypeName) {
@@ -101,20 +73,16 @@ var TemplateDialog = function TemplateDialog(props) {
          * There is a possibility that name is undefined, so let's check for it.
          */
         var name = form.data.name;
         if (!name) {
           return;
         }
         form.setValue("gqlTypeName", getGraphQLTypeName(name));
       }
     };
   };
   var onFormChange = function onFormChange(data, form) {
     checkGqlType(data, form);
   };
   return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
     open: true,
     onClose: props.onClose
@@ -124,8 +92,8 @@ var TemplateDialog = function TemplateDialog(props) {
     onChange: onFormChange
   }, function (_ref) {
     var Bind = _ref.Bind,
-        submit = _ref.submit,
-        form = _ref.form;
+      submit = _ref.submit,
+      form = _ref.form;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, dialogTitle), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, showWarning ? /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
     }, /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
@@ -170,5 +138,4 @@ var TemplateDialog = function TemplateDialog(props) {
     }, submitLabel)));
   }));
 };
 exports.TemplateDialog = TemplateDialog;

package/admin/plugins/fields/dynamicZone/TemplateDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["typeNameValidator","value","regex","RegExp","test","Error","getGraphQLTypeName","titleCase","charAt","toUpperCase","slice","replace","TemplateDialog","props","useState","showWarning","setWarning","newTemplate","Boolean","template","dialogTitle","submitLabel","onSubmit","id","onTemplate","generateAlphaNumericLowerCaseId","fields","layout","onClose","showGqlTypeNameWarning","hideGqlTypeNameWarning","checkGqlType","data","gqlTypeName","nameOnBlur","form","name","setValue","onFormChange","Bind","submit","validation","create"],"sources":["TemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ButtonPrimary, ButtonDefault } from \"@webiny/ui/Button\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Form, FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { Dialog, DialogTitle, DialogContent, DialogActions } from \"~/admin/components/Dialog\";\nimport { Alert } from \"@webiny/ui/Alert\";\n\nconst typeNameValidator = (value: string) => {\n const regex = new RegExp(\"^[A-Z]+[_0-9A-Za-z]+$\");\n if (regex.test(value)) {\n return true;\n }\n\n throw Error(\n `Must start with a capital letter, may contain numbers, and must not contain spaces.`\n );\n};\n\nconst getGraphQLTypeName = (value: string) => {\n const titleCase = value.charAt(0).toUpperCase() + value.slice(1);\n return titleCase.replace(/[^a-zA-Z0-9]/g, \"\");\n};\n\ninterface TemplateDialogProps {\n onClose: () => void;\n template?: CmsDynamicZoneTemplate;\n onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateDialog = (props: TemplateDialogProps) => {\n const [showWarning, setWarning] = useState(false);\n const newTemplate = !Boolean(props.template);\n const dialogTitle = newTemplate ? \"Add Template\" : \"Edit Template\";\n const submitLabel = newTemplate ? \"Add Template\" : \"Update Template\";\n\n const onSubmit: FormOnSubmit<CmsDynamicZoneTemplate> = template => {\n if (template.id) {\n props.onTemplate(template);\n } else {\n props.onTemplate({\n ...template,\n id: generateAlphaNumericLowerCaseId(),\n fields: [],\n layout: []\n });\n }\n props.onClose();\n };\n\n const showGqlTypeNameWarning = () => {\n setWarning(true);\n };\n\n const hideGqlTypeNameWarning = () => {\n setWarning(false);\n };\n\n const checkGqlType: FormOnSubmit<CmsDynamicZoneTemplate> = data => {\n if (newTemplate) {\n return;\n }\n\n if (data.gqlTypeName !== props.template?.gqlTypeName) {\n showGqlTypeNameWarning();\n } else {\n hideGqlTypeNameWarning();\n }\n };\n\n const nameOnBlur = (form: FormAPI<CmsDynamicZoneTemplate>) => () => {\n if (!form.data.gqlTypeName) {\n /*\n There is a possibility that name is undefined, so let's check for it.\n */\n const name = form.data.name;\n if (!name) {\n return;\n }\n form.setValue(\"gqlTypeName\", getGraphQLTypeName(name));\n }\n };\n\n const onFormChange: FormOnSubmit<CmsDynamicZoneTemplate> = (data, form) => {\n checkGqlType(data, form);\n };\n\n return (\n <Dialog open={true} onClose={props.onClose}>\n <Form<CmsDynamicZoneTemplate>\n onSubmit={onSubmit}\n data={props.template}\n onChange={onFormChange}\n >\n {({ Bind, submit, form }) => (\n <>\n <DialogTitle>{dialogTitle}</DialogTitle>\n <DialogContent>\n <Grid>\n {showWarning ? (\n <Cell span={12}>\n <Alert title={\"GraphQL Schema Change\"} type={\"danger\"}>\n You've changed the GraphQL schema type name! If\n your API is being queried by a 3rd party application,\n this will affect the GraphQL queries in those\n applications. Make sure your consumers are informed\n about this change!\n </Alert>\n </Cell>\n ) : null}\n <Cell span={12}>\n <Bind\n name={\"name\"}\n validators={[validation.create(\"required\")]}\n >\n <Input label={\"Name\"} onBlur={nameOnBlur(form)} />\n </Bind>\n </Cell>\n <Cell span={12}>\n <Bind\n name={\"gqlTypeName\"}\n validators={[\n validation.create(\"required\"),\n typeNameValidator\n ]}\n >\n <Input\n autoFocus={false}\n label={\"GraphQL Type Name\"}\n description={\n \"This string will be used to generate the GraphQL schema. \"\n }\n />\n </Bind>\n </Cell>\n <Cell span={12}>\n <Bind\n name={\"icon\"}\n validators={[validation.create(\"required\")]}\n >\n <IconPicker label={\"Icon\"} />\n </Bind>\n </Cell>\n <Cell span={12}>\n <Bind\n name={\"description\"}\n validators={[validation.create(\"required\")]}\n >\n <Input rows={3} label={\"Description\"} />\n </Bind>\n </Cell>\n </Grid>\n </DialogContent>\n <DialogActions>\n <ButtonDefault onClick={props.onClose}>Cancel</ButtonDefault>\n <ButtonPrimary onClick={submit}>{submitLabel}</ButtonPrimary>\n </DialogActions>\n </>\n )}\n </Form>\n </Dialog>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"names":["typeNameValidator","value","regex","RegExp","test","Error","getGraphQLTypeName","titleCase","charAt","toUpperCase","slice","replace","TemplateDialog","props","useState","showWarning","setWarning","newTemplate","Boolean","template","dialogTitle","submitLabel","onSubmit","id","onTemplate","generateAlphaNumericLowerCaseId","fields","layout","onClose","showGqlTypeNameWarning","hideGqlTypeNameWarning","checkGqlType","data","gqlTypeName","nameOnBlur","form","name","setValue","onFormChange","Bind","submit","validation","create"],"sources":["TemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ButtonPrimary, ButtonDefault } from \"@webiny/ui/Button\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Form, FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { Dialog, DialogTitle, DialogContent, DialogActions } from \"~/admin/components/Dialog\";\nimport { Alert } from \"@webiny/ui/Alert\";\n\nconst typeNameValidator = (value: string) => {\n const regex = new RegExp(\"^[A-Z]+[_0-9A-Za-z]+$\");\n if (regex.test(value)) {\n return true;\n }\n\n throw Error(\n `Must start with a capital letter, may contain numbers, and must not contain spaces.`\n );\n};\n\nconst getGraphQLTypeName = (value: string) => {\n const titleCase = value.charAt(0).toUpperCase() + value.slice(1);\n return titleCase.replace(/[^a-zA-Z0-9]/g, \"\");\n};\n\ninterface TemplateDialogProps {\n onClose: () => void;\n template?: CmsDynamicZoneTemplate;\n onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateDialog: React.VFC<TemplateDialogProps> = props => {\n const [showWarning, setWarning] = useState(false);\n const newTemplate = !Boolean(props.template);\n const dialogTitle = newTemplate ? \"Add Template\" : \"Edit Template\";\n const submitLabel = newTemplate ? \"Add Template\" : \"Update Template\";\n\n const onSubmit: FormOnSubmit<CmsDynamicZoneTemplate> = template => {\n if (template.id) {\n props.onTemplate(template);\n } else {\n props.onTemplate({\n ...template,\n id: generateAlphaNumericLowerCaseId(),\n fields: [],\n layout: []\n });\n }\n props.onClose();\n };\n\n const showGqlTypeNameWarning = () => {\n setWarning(true);\n };\n\n const hideGqlTypeNameWarning = () => {\n setWarning(false);\n };\n\n const checkGqlType: FormOnSubmit<CmsDynamicZoneTemplate> = data => {\n if (newTemplate) {\n return;\n }\n\n if (data.gqlTypeName !== props.template?.gqlTypeName) {\n showGqlTypeNameWarning();\n } else {\n hideGqlTypeNameWarning();\n }\n };\n\n const nameOnBlur = (form: FormAPI<CmsDynamicZoneTemplate>) => () => {\n if (!form.data.gqlTypeName) {\n /*\n There is a possibility that name is undefined, so let's check for it.\n */\n const name = form.data.name;\n if (!name) {\n return;\n }\n form.setValue(\"gqlTypeName\", getGraphQLTypeName(name));\n }\n };\n\n const onFormChange: FormOnSubmit<CmsDynamicZoneTemplate> = (data, form) => {\n checkGqlType(data, form);\n };\n\n return (\n <Dialog open={true} onClose={props.onClose}>\n <Form<CmsDynamicZoneTemplate>\n onSubmit={onSubmit}\n data={props.template}\n onChange={onFormChange}\n >\n {({ Bind, submit, form }) => (\n <>\n <DialogTitle>{dialogTitle}</DialogTitle>\n <DialogContent>\n <Grid>\n {showWarning ? (\n <Cell span={12}>\n <Alert title={\"GraphQL Schema Change\"} type={\"danger\"}>\n You've changed the GraphQL schema type name! If\n your API is being queried by a 3rd party application,\n this will affect the GraphQL queries in those\n applications. Make sure your consumers are informed\n about this change!\n </Alert>\n </Cell>\n ) : null}\n <Cell span={12}>\n <Bind\n name={\"name\"}\n validators={[validation.create(\"required\")]}\n >\n <Input label={\"Name\"} onBlur={nameOnBlur(form)} />\n </Bind>\n </Cell>\n <Cell span={12}>\n <Bind\n name={\"gqlTypeName\"}\n validators={[\n validation.create(\"required\"),\n typeNameValidator\n ]}\n >\n <Input\n autoFocus={false}\n label={\"GraphQL Type Name\"}\n description={\n \"This string will be used to generate the GraphQL schema. \"\n }\n />\n </Bind>\n </Cell>\n <Cell span={12}>\n <Bind\n name={\"icon\"}\n validators={[validation.create(\"required\")]}\n >\n <IconPicker label={\"Icon\"} />\n </Bind>\n </Cell>\n <Cell span={12}>\n <Bind\n name={\"description\"}\n validators={[validation.create(\"required\")]}\n >\n <Input rows={3} label={\"Description\"} />\n </Bind>\n </Cell>\n </Grid>\n </DialogContent>\n <DialogActions>\n <ButtonDefault onClick={props.onClose}>Cancel</ButtonDefault>\n <ButtonPrimary onClick={submit}>{submitLabel}</ButtonPrimary>\n </DialogActions>\n </>\n )}\n </Form>\n </Dialog>\n );\n};\n"],"mappings":"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"}

package/admin/plugins/fields/dynamicZone/commonValidators.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["commonValidators","name","label","description","defaultMessage","variables"],"sources":["commonValidators.ts"],"sourcesContent":["import { CmsModelFieldValidatorConfig } from \"~/types\";\n\nexport const commonValidators: CmsModelFieldValidatorConfig[] = [\n {\n name: \"minLength\",\n label: \"Minimum number of entries\",\n description: \"Define the minimum number of entries a user must create.\",\n defaultMessage: \"You must create at least {value} entries.\",\n variables: [\n {\n name: \"value\",\n description: \"This defines the minimum number of entries a user must create.\"\n }\n ]\n },\n {\n name: \"maxLength\",\n label: \"Maximum number of entries\",\n description: \"Define the maximum number of entries a user can create.\",\n defaultMessage: \"You have too many entries (max: {value}).\",\n variables: [\n {\n name: \"value\",\n description: \"This defines the maximum number of entries a user can create.\"\n }\n ]\n }\n];\n"],"mappings":";;;;;;AAEO,IAAMA,gBAAgD,GAAG,CAC5D;EACIC,IAAI,EAAE,~~WADV~~;~~EAEIC~~,KAAK,EAAE,~~2BAFX~~;~~EAGIC~~,WAAW,EAAE,~~0DAHjB~~;~~EAIIC~~,cAAc,EAAE,~~2CAJpB~~;~~EAKIC~~,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,~~OADV~~;~~IAEIE~~,WAAW,EAAE;~~EAFjB~~,~~CADO~~;~~AALf~~,~~CAD4D~~,~~EAa5D~~;EACIF,IAAI,EAAE,~~WADV~~;~~EAEIC~~,KAAK,EAAE,~~2BAFX~~;~~EAGIC~~,WAAW,EAAE,~~yDAHjB~~;~~EAIIC~~,cAAc,EAAE,~~2CAJpB~~;~~EAKIC~~,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,~~OADV~~;~~IAEIE~~,WAAW,EAAE;~~EAFjB~~,~~CADO~~;~~AALf~~,~~CAb4D~~,~~CAAzD~~"}
1	+ {"version":3,"names":["commonValidators","name","label","description","defaultMessage","variables"],"sources":["commonValidators.ts"],"sourcesContent":["import { CmsModelFieldValidatorConfig } from \"~/types\";\n\nexport const commonValidators: CmsModelFieldValidatorConfig[] = [\n {\n name: \"minLength\",\n label: \"Minimum number of entries\",\n description: \"Define the minimum number of entries a user must create.\",\n defaultMessage: \"You must create at least {value} entries.\",\n variables: [\n {\n name: \"value\",\n description: \"This defines the minimum number of entries a user must create.\"\n }\n ]\n },\n {\n name: \"maxLength\",\n label: \"Maximum number of entries\",\n description: \"Define the maximum number of entries a user can create.\",\n defaultMessage: \"You have too many entries (max: {value}).\",\n variables: [\n {\n name: \"value\",\n description: \"This defines the maximum number of entries a user can create.\"\n }\n ]\n }\n];\n"],"mappings":";;;;;;AAEO,IAAMA,gBAAgD,GAAG,CAC5D;EACIC,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,2BAA2B;EAClCC,WAAW,EAAE,0DAA0D;EACvEC,cAAc,EAAE,2CAA2C;EAC3DC,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,OAAO;IACbE,WAAW,EAAE;EACjB,CAAC;AAET,CAAC,EACD;EACIF,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,2BAA2B;EAClCC,WAAW,EAAE,yDAAyD;EACtEC,cAAc,EAAE,2CAA2C;EAC3DC,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,OAAO;IACbE,WAAW,EAAE;EACjB,CAAC;AAET,CAAC,CACJ;AAAC"}

package/admin/plugins/fields/dynamicZone.d.ts CHANGED Viewed

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

package/admin/plugins/fields/dynamicZone.js CHANGED Viewed

@@ -1,32 +1,20 @@
 "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",
@@ -50,12 +38,11 @@ var dynamicZoneField = {
           description: "Validators for each of the templates in this dynamic zone."
         };
       }
       return ["required"];
     },
     listValidators: listValidators,
     canAccept: function canAccept(_, draggable) {
-      return draggable.fieldType !== "dynamicZone";
+      return draggable.fieldType !== "dynamicZone" && draggable.fieldType !== "ref";
     },
     multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of values"]))),
     createField: function createField() {
@@ -78,16 +65,15 @@ var dynamicZoneField = {
     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));
+          field = _ref.field;
+        var prefix = "".concat(model.singularApiName, "_").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                    }");
+          }), "\n                        _templateId\n                        __typename\n                    }");
         });
         return "{ ".concat(fragments.join("\n"), " }");
       }

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

	@@ -1 +1 @@
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~~"}
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","singularApiName","createTypeName","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 { CmsModelFieldTypePlugin, 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: CmsModelFieldTypePlugin = {\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\" && draggable.fieldType !== \"ref\";\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 = `${model.singularApiName}_${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;AAAkE;AAElE,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,cAA4C,GAAG;EACjDC,UAAU,EAAEC,kCAAgB;EAC5BC,KAAK,EAAE,iBAAiB;EACxBC,WAAW,EAAE;AACjB,CAAC;AAEM,IAAMC,gBAAyC,GAAG;EACrDC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,oCAAoC;EAC1CC,KAAK,EAAE;IACHF,IAAI,EAAE,aAAa;IACnBG,KAAK,EAAEZ,CAAC,+FAAc;IACtBO,WAAW,EAAEP,CAAC,iJAA8D;IAC5Ea,IAAI,eAAE,6BAAC,4BAAU,OAAG;IACpBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BX,UAAU,EAAE,oBAAAO,KAAK,EAAI;MACjB,IAAIA,KAAK,CAACK,cAAc,EAAE;QACtB,OAAO;UACHZ,UAAU,EAAE,CAAC,aAAa,CAAC;UAC3BE,KAAK,EAAE,qBAAqB;UAC5BC,WAAW,EAAE;QACjB,CAAC;MACL;MAEA,OAAO,CAAC,UAAU,CAAC;IACvB,CAAC;IACDJ,cAAc,EAAdA,cAAc;IACdc,SAAS,qBAACC,CAAC,EAAEC,SAAS,EAAE;MACpB,OAAOA,SAAS,CAACC,SAAS,KAAK,aAAa,IAAID,SAAS,CAACC,SAAS,KAAK,KAAK;IACjF,CAAC;IACDC,mBAAmB,EAAErB,CAAC,4GAAyB;IAC/CsB,WAAW,yBAAG;MACV,OAAO;QACHb,IAAI,EAAE,IAAI,CAACA,IAAI;QACfc,cAAc,EAAE,CAAC;UAAEb,IAAI,EAAE;QAAc,CAAC,CAAC;QACzCc,QAAQ,EAAE;UACNC,SAAS,EAAE;QACf,CAAC;QACDC,QAAQ,EAAE;UACNhB,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDiB,MAAM,oBAAG;MACL,oBAAO,6BAAC,wBAAW,OAAG;IAC1B,CAAC;IACDC,OAAO,EAAE;MACLC,UAAU,4BAAmB;QAAA;QAAA,IAAhBC,KAAK,QAALA,KAAK;UAAEnB,KAAK,QAALA,KAAK;QACrB,IAAMoB,MAAM,aAAMD,KAAK,CAACE,eAAe,cAAI,IAAAC,8BAAc,EAACtB,KAAK,CAACuB,OAAO,CAAC,CAAE;QAC1E,IAAMT,SAAS,GAAG,oBAAAd,KAAK,CAACa,QAAQ,oDAAd,gBAAgBC,SAAS,KAAI,EAAE;QAEjD,IAAMU,SAAS,GAAGV,SAAS,CAACW,GAAG,CAAC,UAAAC,QAAQ,EAAI;UACxC,uBAAgBN,MAAM,cAAIM,QAAQ,CAACC,WAAW,yCACxC,IAAAC,kCAAgB,EAAC;YAAET,KAAK,EAALA,KAAK;YAAEU,MAAM,EAAEH,QAAQ,CAACG,MAAM,IAAI;UAAG,CAAC,CAAC;QAIpE,CAAC,CAAC;QACF,mBAAYL,SAAS,CAACM,IAAI,CAAC,IAAI,CAAC;MACpC;IACJ;EACJ;AACJ,CAAC;AAAC"}

package/admin/plugins/fields/file.js CHANGED Viewed

@@ -1,30 +1,19 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _file_present = require("@material-design-icons/svg/outlined/file_present.svg");
 var _i18n = require("@webiny/app/i18n");
 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");
 var plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-file",

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

	@@ -1 +1 @@
1	- {"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"}
1	+ {"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;AAAoC;AAEpC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,4BAA4B;EAClCC,KAAK,EAAE;IACHF,IAAI,EAAE,MAAM;IACZG,KAAK,EAAEP,CAAC,wFAAO;IACfQ,WAAW,EAAER,CAAC,oHAAiC;IAC/CS,IAAI,eAAE,6BAAC,4BAAQ,OAAG;IAClBC,UAAU,EAAE,CAAC,UAAU,CAAC;IACxBC,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;IAC1CC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAEd,CAAC,+HAA4C;IAClEe,WAAW,yBAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDa,cAAc,EAAE,0BAAM;MAClB,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,gBACX,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAsB,gBAC9B,6BAAC,cAAM;QACH,KAAK,EAAElB,CAAC,gGAAc;QACtB,WAAW,EAAEA,CAAC;MAAmC,EACnD,CACC,CACJ,CACJ;IAEf;EACJ;AACJ,CAAC;AAAC,eAEaG,MAAM;AAAA"}

package/admin/plugins/fields/longText.js CHANGED Viewed

@@ -1,30 +1,19 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _roundNotes = require("./icons/round-notes.svg");
 var _Grid = require("@webiny/ui/Grid");
 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");
 var plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-long-text",

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

	@@ -1 +1 @@
1	- {"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"}
1	+ {"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;AAAoC;AAEpC,IAAMA,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,4FAAW;IACnBS,WAAW,EAAET,CAAC,6HAA0C;IACxDU,IAAI,eAAE,6BAAC,0BAAY,OAAG;IACtBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAAE;IAC9BC,mBAAmB,EAAEb,CAAC,gHAA6B;IACnDc,WAAW,yBAAG;MACV,OAAO;QACHV,IAAI,EAAE,IAAI,CAACA,IAAI;QACfW,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNX,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDY,cAAc,4BAAG;MACb,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,gBACX,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAkB,gBAC1B,6BAAC,YAAK;QACF,KAAK,EAAEjB,CAAC,qGAAmB;QAC3B,WAAW,EAAEA,CAAC;MAA8B,EAC9C,CACC,CACJ,CACJ;IAEf;EACJ;AACJ,CAAC;AAAC,eAEaG,MAAM;AAAA"}

package/admin/plugins/fields/number.js CHANGED Viewed

@@ -1,32 +1,20 @@
 "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 = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-number",

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

	@@ -1 +1 @@
1	- {"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"}
1	+ {"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;AAAoC;AAEpC,IAAMA,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,yFAAQ;IAChBQ,WAAW,EAAER,CAAC,mGAAgB;IAC9BS,IAAI,eAAE,6BAAC,sBAAS,OAAG;IACnBC,UAAU,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC;IACtCC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,IAAI;IAC3BC,mBAAmB,EAAEb,CAAC,6GAA0B;IAChDc,WAAW,yBAAG;MACV,OAAO;QACHV,IAAI,EAAE,IAAI,CAACA,IAAI;QACfW,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNX,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDY,cAAc,4BAAG;MACb,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,gBACX,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAkB,gBAC1B,6BAAC,YAAK;QACF,KAAK,EAAEjB,CAAC,qGAAmB;QAC3B,WAAW,EAAEA,CAAC;MAA8B,EAC9C,CACC,CACJ,CACJ;IAEf,CAAC;IACDkB,sBAAsB,kCAACC,KAAK,EAAE;MAC1B,oBACI,6BAAC,wCAA+B,oBACxBA,KAAK;QACT,gBAAgB,EAAE,0BAAAC,IAAI;UAAA,oBAClB,6BAAC,IAAI;YAAC,IAAI,EAAE;UAAQ,GACf,UAAAC,IAAI;YAAA,oBACD,6BAAC,YAAK,oBACEA,IAAI;cACR,IAAI,EAAC,QAAQ;cACb,KAAK,EAAErB,CAAC,0FAAQ;cAChB,QAAQ,EAAE,kBAAAsB,KAAK;gBAAA,OAAID,IAAI,CAACE,QAAQ,CAACC,UAAU,CAACF,KAAK,CAAC,CAAC;cAAA;YAAC,GACtD;UAAA,CACL,CACE;QAAA;MACT,GACJ;IAEV;EACJ;AACJ,CAAC;AAAC,eAEanB,MAAM;AAAA"}

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

@@ -1,32 +1,23 @@
 "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 = function ObjectFields(_ref) {
   var field = _ref.field;
   var _useModelFieldEditor = (0, _FieldEditor.useModelFieldEditor)(),
-      getField = _useModelFieldEditor.getField,
-      updateField = _useModelFieldEditor.updateField;
+    getField = _useModelFieldEditor.getField,
+    updateField = _useModelFieldEditor.updateField;
   var onChange = (0, _react.useCallback)(function (_ref2) {
     var fields = _ref2.fields,
-        layout = _ref2.layout;
+      layout = _ref2.layout;
     var currentField = getField({
       id: field.id
     });
@@ -45,5 +36,4 @@ var ObjectFields = function ObjectFields(_ref) {
     onChange: onChange
   });
 };
 exports.ObjectFields = ObjectFields;

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

	@@ -1 +1 @@
1	- {"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~~"}
1	+ {"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,YAAyC,OAAkB;EAAA,IAAZC,KAAK,QAALA,KAAK;EAC7D,2BAAkC,IAAAC,gCAAmB,GAAE;IAA/CC,QAAQ,wBAARA,QAAQ;IAAEC,WAAW,wBAAXA,WAAW;EAE7B,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EACxB,iBAA6D;IAAA,IAA1DC,MAAM,SAANA,MAAM;MAAEC,MAAM,SAANA,MAAM;IACb,IAAMC,YAAY,GAAGN,QAAQ,CAAC;MAAEO,EAAE,EAAET,KAAK,CAACS;IAAG,CAAC,CAAC;IAC/C,IAAMC,YAAY,GAAG,IAAAC,qBAAG,EACpBH,YAAY,cAEZ,UAACI,QAA8B,EAAwB;MACnD,mEAAYA,QAAQ;QAAEN,MAAM,EAANA,MAAM;QAAEC,MAAM,EAANA;MAAM;IACxC,CAAC,CACJ;IACDJ,WAAW,CAACO,YAAY,CAAC;EAC7B,CAAC,EACD,CAACV,KAAK,CAAC,CACV;EAED,oBACI,6BAAC,wBAAW;IACR,MAAM,EAAEA,KAAM;IACd,MAAM,EAAE,CAACA,KAAK,CAACY,QAAQ,GAAGZ,KAAK,CAACY,QAAQ,CAACN,MAAM,GAAG,IAAI,KAAK,EAAG;IAC9D,MAAM,EAAE,CAACN,KAAK,CAACY,QAAQ,GAAGZ,KAAK,CAACY,QAAQ,CAACL,MAAM,GAAG,IAAI,KAAK,EAAG;IAC9D,QAAQ,EAAEH;EAAS,EACrB;AAEV,CAAC;AAAC"}

package/admin/plugins/fields/object.js CHANGED Viewed

@@ -1,28 +1,18 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _ballot = require("@material-design-icons/svg/outlined/ballot.svg");
 var _i18n = require("@webiny/app/i18n");
 var _ObjectFields = require("./object/ObjectFields");
 var _createFieldsList = require("../../graphql/createFieldsList");
 var _templateObject, _templateObject2, _templateObject3;
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
 var plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-object",
@@ -34,6 +24,9 @@ var plugin = {
     allowMultipleValues: true,
     allowPredefinedValues: false,
     multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a repeatable object"]))),
+    canAccept: function canAccept(_, draggable) {
+      return draggable.fieldType !== "dynamicZone";
+    },
     createField: function createField() {
       return {
         type: this.type,
@@ -53,7 +46,7 @@ var plugin = {
     graphql: {
       queryField: function queryField(_ref) {
         var field = _ref.field,
-            model = _ref.model;
+          model = _ref.model;
         var fields = field.settings ? field.settings.fields : [];
         return "{ ".concat((0, _createFieldsList.createFieldsList)({
           model: model,

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

	@@ -1 +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","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"}
1	+ {"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","canAccept","_","draggable","fieldType","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 canAccept(_, draggable): boolean {\n return draggable.fieldType !== \"dynamicZone\";\n },\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;AAAoE;AAEpE,IAAMA,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,yFAAQ;IAChBQ,WAAW,EAAER,CAAC,kHAA+B;IAC7CS,IAAI,eAAE,6BAAC,sBAAU,OAAG;IACpBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAEZ,CAAC,+GAA4B;IAClDa,SAAS,qBAACC,CAAC,EAAEC,SAAS,EAAW;MAC7B,OAAOA,SAAS,CAACC,SAAS,KAAK,aAAa;IAChD,CAAC;IACDC,WAAW,yBAAG;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,kBAACC,KAAK,EAAE;MACV,oBAAO,6BAAC,0BAAY,EAAKA,KAAK,CAAI;IACtC,CAAC;IACDC,OAAO,EAAE;MACLC,UAAU,4BAAmB;QAAA,IAAhBpB,KAAK,QAALA,KAAK;UAAEqB,KAAK,QAALA,KAAK;QACrB,IAAMP,MAAM,GAAId,KAAK,CAACa,QAAQ,GAAGb,KAAK,CAACa,QAAQ,CAACC,MAAM,GAAG,EAAsB;QAC/E,mBAAY,IAAAQ,kCAAgB,EAAC;UAAED,KAAK,EAALA,KAAK;UAAEP,MAAM,EAANA;QAAO,CAAC,CAAC;MACnD;IACJ;EACJ;AACJ,CAAC;AAAC,eAEajB,MAAM;AAAA"}