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

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

@@ -1,32 +1,39 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import React, { useCallback } from "react";
-import { set } from "dot-prop-immutable";
-import { FieldEditor, useFieldEditor } from "../../../components/FieldEditor";
-export var ObjectFields = function ObjectFields(_ref) {
-  var field = _ref.field;
-
-  var _useFieldEditor = useFieldEditor(),
-      getField = _useFieldEditor.getField,
-      updateField = _useFieldEditor.updateField;
+"use strict";
 
-  var onChange = useCallback(function (_ref2) {
+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;
+  var onChange = (0, _react.useCallback)(function (_ref2) {
     var fields = _ref2.fields,
-        layout = _ref2.layout;
+      layout = _ref2.layout;
     var currentField = getField({
       id: field.id
     });
-    var updatedField = set(currentField, "settings", function (settings) {
-      return _objectSpread(_objectSpread({}, settings), {}, {
+    var updatedField = (0, _dotPropImmutable.set)(currentField, "settings", function (settings) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, settings), {}, {
         fields: fields,
         layout: layout
       });
     });
     updateField(updatedField);
   }, [field]);
-  return /*#__PURE__*/React.createElement(FieldEditor, {
+  return /*#__PURE__*/_react.default.createElement(_FieldEditor.FieldEditor, {
     parent: field,
-    fields: field.settings.fields,
-    layout: field.settings.layout,
+    fields: (field.settings ? field.settings.fields : null) || [],
+    layout: (field.settings ? field.settings.layout : null) || [],
     onChange: onChange
   });
-};
+};
+exports.ObjectFields = ObjectFields;

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

@@ -0,0 +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.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

@@ -1,24 +1,29 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _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;
-
-import React from "react";
-import { ReactComponent as ObjectIcon } from "@svgr/webpack!./icons/ballot_black_24dp.svg";
-import { i18n } from "@webiny/app/i18n";
-import { ObjectFields } from "./object/ObjectFields";
-import { createFieldsList } from "../../graphql/createFieldsList";
-var t = i18n.ns("app-headless-cms/admin/fields");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
 var plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-object",
   field: {
     type: "object",
-    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Object"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Store nested data structures."]))),
-    icon: /*#__PURE__*/React.createElement(ObjectIcon, null),
+    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Object"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Store nested data structures."]))),
+    icon: /*#__PURE__*/_react.default.createElement(_ballot.ReactComponent, null),
     allowMultipleValues: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a repeatable object"]))),
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a repeatable object"]))),
     createField: function createField() {
       return {
         type: this.type,
@@ -33,14 +38,20 @@ var plugin = {
       };
     },
     render: function render(props) {
-      return /*#__PURE__*/React.createElement(ObjectFields, props);
+      return /*#__PURE__*/_react.default.createElement(_ObjectFields.ObjectFields, props);
     },
     graphql: {
       queryField: function queryField(_ref) {
-        var field = _ref.field;
-        return "{ ".concat(createFieldsList(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
+        }), " }");
       }
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +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;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,WAAW,yBAAG;MACV,OAAO;QACHT,IAAI,EAAE,IAAI,CAACA,IAAI;QACfU,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNC,MAAM,EAAE,EAAE;UACVC,MAAM,EAAE;QACZ,CAAC;QACDC,QAAQ,EAAE;UACNb,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDc,MAAM,kBAACC,KAAK,EAAE;MACV,oBAAO,6BAAC,0BAAY,EAAKA,KAAK,CAAI;IACtC,CAAC;IACDC,OAAO,EAAE;MACLC,UAAU,4BAAmB;QAAA,IAAhBhB,KAAK,QAALA,KAAK;UAAEiB,KAAK,QAALA,KAAK;QACrB,IAAMP,MAAM,GAAIV,KAAK,CAACS,QAAQ,GAAGT,KAAK,CAACS,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,eAEab,MAAM;AAAA"}

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;

package/admin/plugins/fields/ref.js

@@ -1,21 +1,113 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireWildcard(require("react"));
+var _get = _interopRequireDefault(require("lodash/get"));
+var _viewsGraphql = require("../../viewsGraphql");
+var _validation = require("@webiny/validation");
+var _Grid = require("@webiny/ui/Grid");
+var _AutoComplete = require("@webiny/ui/AutoComplete");
+var _Progress = require("@webiny/ui/Progress");
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+var _roundLink24px = require("./icons/round-link-24px.svg");
+var _i18n = require("@webiny/app/i18n");
+var _form = require("@webiny/form");
+var _hooks = require("../../hooks");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
+var RefFieldSettings = function RefFieldSettings() {
+  var _useModel = (0, _hooks.useModel)(),
+    model = _useModel.model;
+  var _useForm = (0, _form.useForm)(),
+    formData = _useForm.data;
+  var lockedFields = model.lockedFields || [];
+  var fieldId = (formData || {}).fieldId || null;
+  var isFieldLocked = lockedFields.some(function (lockedField) {
+    return fieldId && lockedField.fieldId === fieldId;
+  });
+  var _useQuery = (0, _hooks.useQuery)(_viewsGraphql.LIST_CONTENT_MODELS),
+    data = _useQuery.data,
+    loading = _useQuery.loading,
+    error = _useQuery.error;
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  if (error) {
+    showSnackbar(error.message);
+    return null;
+  }
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useMemo } from "react";
-import get from "lodash/get";
-import { useQuery } from "../../hooks";
-import { LIST_CONTENT_MODELS } from "../../viewsGraphql";
-import { validation, ValidationError } from "@webiny/validation";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { MultiAutoComplete } from "@webiny/ui/AutoComplete";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { ReactComponent as RefIcon } from "@svgr/webpack!./icons/round-link-24px.svg";
-import { i18n } from "@webiny/app/i18n";
-var t = i18n.ns("app-headless-cms/admin/fields");
+  // Format options for the Autocomplete component.
+  var options = (0, _react.useMemo)(function () {
+    var models = (0, _get.default)(data, "listContentModels.data", []);
+    return models.map(function (model) {
+      return {
+        id: model.modelId,
+        name: model.name
+      };
+    });
+  }, [data]);
+  var atLeastOneItem = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return _validation.validation.validate(value, "required,minLength:1");
+          case 3:
+            _context.next = 8;
+            break;
+          case 5:
+            _context.prev = 5;
+            _context.t0 = _context["catch"](0);
+            throw new _validation.ValidationError("Please select at least 1 item");
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 5]]);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), []);
+  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 12
+  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+    name: "settings.models",
+    validators: atLeastOneItem
+  }, function (bind) {
+    // Format value prop for MultiAutoComplete component.
+    var formattedValueForAutoComplete = options.filter(function (option) {
+      return bind.value.some(function (_ref2) {
+        var modelId = _ref2.modelId;
+        return option.id === modelId;
+      });
+    });
+    return /*#__PURE__*/_react.default.createElement(_AutoComplete.MultiAutoComplete, Object.assign({}, bind, {
+      value: formattedValueForAutoComplete,
+      onChange: function onChange(values) {
+        bind.onChange(values.map(function (value) {
+          return {
+            modelId: value.id
+          };
+        }));
+      },
+      label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Content Models"]))),
+      description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Cannot be changed later"]))),
+      options: options,
+      disabled: isFieldLocked
+    }));
+  })));
+};
 var plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-ref",
@@ -23,12 +115,12 @@ var plugin = {
     type: "ref",
     validators: ["required"],
     listValidators: ["minLength", "maxLength"],
-    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Reference"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Reference existing content entries. For example, a book can reference one or more authors."]))),
-    icon: /*#__PURE__*/React.createElement(RefIcon, null),
+    label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Reference"]))),
+    description: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Reference existing content entries. For example, a book can reference one or more authors."]))),
+    icon: /*#__PURE__*/_react.default.createElement(_roundLink24px.ReactComponent, null),
     allowMultipleValues: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of references"]))),
+    multipleValuesLabel: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Use as a list of references"]))),
     createField: function createField() {
       return {
         type: this.type,
@@ -41,104 +133,13 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings(_ref) {
-      var _ref$form = _ref.form,
-          Bind = _ref$form.Bind,
-          formData = _ref$form.data,
-          contentModel = _ref.contentModel;
-      var lockedFields = get(contentModel, "lockedFields", []);
-      var fieldId = get(formData, "fieldId", null);
-      var lockedField = lockedFields.find(function (lockedField) {
-        return lockedField.fieldId === fieldId;
-      });
-
-      var _useQuery = useQuery(LIST_CONTENT_MODELS),
-          data = _useQuery.data,
-          loading = _useQuery.loading,
-          error = _useQuery.error;
-
-      var _useSnackbar = useSnackbar(),
-          showSnackbar = _useSnackbar.showSnackbar;
-
-      if (error) {
-        showSnackbar(error.message);
-        return null;
-      } // Format options for the Autocomplete component.
-
-
-      var options = useMemo(function () {
-        return get(data, "listContentModels.data", []).map(function (model) {
-          return {
-            id: model.modelId,
-            name: model.name
-          };
-        });
-      }, [data]);
-      var atLeastOneItem = useCallback( /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  _context.prev = 0;
-                  _context.next = 3;
-                  return validation.validate(value, "required,minLength:1");
-
-                case 3:
-                  _context.next = 8;
-                  break;
-
-                case 5:
-                  _context.prev = 5;
-                  _context.t0 = _context["catch"](0);
-                  throw new ValidationError("Please select at least 1 item");
-
-                case 8:
-                case "end":
-                  return _context.stop();
-              }
-            }
-          }, _callee, null, [[0, 5]]);
-        }));
-
-        return function (_x) {
-          return _ref2.apply(this, arguments);
-        };
-      }(), []);
-      return /*#__PURE__*/React.createElement(Grid, null, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(Cell, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(Bind, {
-        name: "settings.models",
-        validators: atLeastOneItem
-      }, function (bind) {
-        // Format value prop for MultiAutoComplete component.
-        var formattedValueForAutoComplete = options.filter(function (option) {
-          return bind.value.some(function (_ref3) {
-            var modelId = _ref3.modelId;
-            return option.id === modelId;
-          });
-        });
-        return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
-          value: formattedValueForAutoComplete,
-          onChange: function onChange(values) {
-            bind.onChange(values.map(function (value) {
-              return {
-                modelId: value.id
-              };
-            }));
-          },
-          label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Content Models"]))),
-          description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Cannot be changed later"]))),
-          options: options,
-          disabled: lockedField && lockedField.modelId
-        }));
-      })));
+    renderSettings: function renderSettings() {
+      return /*#__PURE__*/_react.default.createElement(RefFieldSettings, null);
     },
     graphql: {
-      queryField:
-      /* GraphQL */
-      "\n                {\n                    modelId\n                    entryId\n                }\n            "
+      queryField: /* GraphQL */"\n                {\n                    modelId\n                    id\n                }\n            "
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","RefFieldSettings","useModel","model","useForm","formData","data","lockedFields","fieldId","isFieldLocked","some","lockedField","useQuery","LIST_CONTENT_MODELS","loading","error","useSnackbar","showSnackbar","message","options","useMemo","models","get","map","id","modelId","name","atLeastOneItem","useCallback","value","validation","validate","ValidationError","bind","formattedValueForAutoComplete","filter","option","values","onChange","plugin","type","field","validators","listValidators","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","settings","renderer","renderSettings","graphql","queryField"],"sources":["ref.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { LIST_CONTENT_MODELS, ListCmsModelsQueryResponse } from \"../../viewsGraphql\";\nimport { validation, ValidationError } from \"@webiny/validation\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CmsModelFieldTypePlugin, CmsModel } from \"~/types\";\nimport { ReactComponent as RefIcon } from \"./icons/round-link-24px.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind, BindComponentRenderProp, useForm } from \"@webiny/form\";\nimport { useQuery, useModel } from \"~/admin/hooks\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst RefFieldSettings = () => {\n    const { model } = useModel();\n    const { data: formData } = useForm();\n    const lockedFields = model.lockedFields || [];\n    const fieldId = (formData || {}).fieldId || null;\n    const isFieldLocked = lockedFields.some(\n        lockedField => fieldId && lockedField.fieldId === fieldId\n    );\n\n    const { data, loading, error } = useQuery<ListCmsModelsQueryResponse>(LIST_CONTENT_MODELS);\n    const { showSnackbar } = useSnackbar();\n\n    if (error) {\n        showSnackbar(error.message);\n        return null;\n    }\n\n    // Format options for the Autocomplete component.\n    const options = useMemo(() => {\n        const models = get(data, \"listContentModels.data\", []) as CmsModel[];\n        return models.map(model => {\n            return { id: model.modelId, name: model.name };\n        });\n    }, [data]);\n\n    const atLeastOneItem = useCallback(async value => {\n        try {\n            await validation.validate(value, \"required,minLength:1\");\n        } catch (err) {\n            throw new ValidationError(`Please select at least 1 item`);\n        }\n    }, []);\n\n    return (\n        <Grid>\n            {loading && <CircularProgress />}\n            <Cell span={12}>\n                <Bind name={\"settings.models\"} validators={atLeastOneItem}>\n                    {(bind: BindComponentRenderProp<CmsModel[]>) => {\n                        // Format value prop for MultiAutoComplete component.\n                        const formattedValueForAutoComplete = options.filter(option =>\n                            bind.value.some(({ modelId }) => option.id === modelId)\n                        );\n\n                        return (\n                            <MultiAutoComplete\n                                {...bind}\n                                value={formattedValueForAutoComplete}\n                                onChange={(values: CmsModel[]) => {\n                                    bind.onChange(values.map(value => ({ modelId: value.id })));\n                                }}\n                                label={t`Content Models`}\n                                description={t`Cannot be changed later`}\n                                options={options}\n                                disabled={isFieldLocked}\n                            />\n                        );\n                    }}\n                </Bind>\n            </Cell>\n        </Grid>\n    );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-ref\",\n    field: {\n        type: \"ref\",\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        label: t`Reference`,\n        description: t`Reference existing content entries. For example, a book can reference one or more authors.`,\n        icon: <RefIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of references`,\n        createField() {\n            return {\n                type: this.type,\n                settings: {\n                    models: []\n                },\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return <RefFieldSettings />;\n        },\n        graphql: {\n            queryField: /* GraphQL */ `\n                {\n                    modelId\n                    id\n                }\n            `\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}

package/admin/plugins/fields/richText.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/richText.js

@@ -1,45 +1,50 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _i18n = require("@webiny/app/i18n");
+var _Grid = require("@webiny/ui/Grid");
+var _text_snippet = require("@material-design-icons/svg/outlined/text_snippet.svg");
+var _Input = require("@webiny/ui/Input");
+var _form = require("@webiny/form");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { ReactComponent as NotesIcon } from "@svgr/webpack!./icons/round-text_fields-24px.svg";
-import { Input } from "@webiny/ui/Input";
-var t = i18n.ns("app-headless-cms/admin/fields");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
 var plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-richText",
   field: {
     type: "rich-text",
-    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Rich text"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Text formatting with references and media."]))),
-    icon: /*#__PURE__*/React.createElement(NotesIcon, null),
+    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Rich text"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Text formatting with references and media."]))),
+    icon: /*#__PURE__*/_react.default.createElement(_text_snippet.ReactComponent, null),
     allowMultipleValues: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of rich texts"]))),
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of rich texts"]))),
     createField: function createField() {
       return {
         type: this.type,
-        name: this.name,
         validation: [],
         renderer: {
           name: ""
         }
       };
     },
-    renderSettings: function renderSettings(_ref) {
-      var Bind = _ref.form.Bind;
-      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    renderSettings: function renderSettings() {
+      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/React.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
         name: "placeholderText"
-      }, /*#__PURE__*/React.createElement(Input, {
-        label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Placeholder text"]))),
-        description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Placeholder text (optional)"])))
+      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+        label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Placeholder text"]))),
+        description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Placeholder text (optional)"])))
       }))));
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings"],"sources":["richText.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { ReactComponent as NotesIcon } from \"@material-design-icons/svg/outlined/text_snippet.svg\";\nimport { Input } from \"@webiny/ui/Input\";\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-richText\",\n    field: {\n        type: \"rich-text\",\n        label: t`Rich text`,\n        description: t`Text formatting with references and media.`,\n        icon: <NotesIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of rich 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;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,gCAAgC;EACtCC,KAAK,EAAE;IACHF,IAAI,EAAE,WAAW;IACjBG,KAAK,EAAEP,CAAC,4FAAW;IACnBQ,WAAW,EAAER,CAAC,+HAA4C;IAC1DS,IAAI,eAAE,6BAAC,4BAAS,OAAG;IACnBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAEZ,CAAC,gHAA6B;IACnDa,WAAW,yBAAG;MACV,OAAO;QACHT,IAAI,EAAE,IAAI,CAACA,IAAI;QACfU,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNV,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDW,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,EAAEhB,CAAC,qGAAmB;QAC3B,WAAW,EAAEA,CAAC;MAA8B,EAC9C,CACC,CACJ,CACJ;IAEf;EACJ;AACJ,CAAC;AAAC,eAEaG,MAAM;AAAA"}

package/admin/plugins/fields/text.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/text.js

@@ -1,26 +1,32 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _roundText_fields24px = require("./icons/round-text_fields-24px.svg");
+var _Grid = require("@webiny/ui/Grid");
+var _i18n = require("@webiny/app/i18n");
+var _Input = require("@webiny/ui/Input");
+var _PredefinedValuesDynamicFieldset = _interopRequireDefault(require("./PredefinedValuesDynamicFieldset"));
+var _form = require("@webiny/form");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-import React from "react";
-import { ReactComponent as TextIcon } from "@svgr/webpack!./icons/round-text_fields-24px.svg";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { i18n } from "@webiny/app/i18n";
-import { Input } from "@webiny/ui/Input";
-import PredefinedValuesDynamicFieldset from "./PredefinedValuesDynamicFieldset";
-var t = i18n.ns("app-headless-cms/admin/fields");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
 var plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-text",
   field: {
     type: "text",
-    validators: ["required", "minLength", "maxLength", "pattern"],
-    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Text"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Titles, names, single line values."]))),
-    icon: /*#__PURE__*/React.createElement(TextIcon, null),
+    validators: ["required", "minLength", "maxLength", "pattern", "unique"],
+    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Text"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Titles, names, single line values."]))),
+    icon: /*#__PURE__*/_react.default.createElement(_roundText_fields24px.ReactComponent, null),
     allowMultipleValues: true,
     allowPredefinedValues: true,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of texts"]))),
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of texts"]))),
     createField: function createField() {
       return {
         type: this.type,
@@ -30,22 +36,22 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings(_ref) {
-      var Bind = _ref.form.Bind;
-      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    renderSettings: function renderSettings() {
+      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/React.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
         name: "placeholderText"
-      }, /*#__PURE__*/React.createElement(Input, {
-        label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Placeholder text"]))),
-        description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Placeholder text (optional)"])))
+      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+        label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Placeholder text"]))),
+        description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Placeholder text (optional)"])))
       }))));
     },
     renderPredefinedValues: function renderPredefinedValues(props) {
-      return /*#__PURE__*/React.createElement(PredefinedValuesDynamicFieldset, props, /*#__PURE__*/React.createElement(Input, {
-        label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Value"])))
+      return /*#__PURE__*/_react.default.createElement(_PredefinedValuesDynamicFieldset.default, props, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+        label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Value"])))
       }));
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","field","validators","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","renderPredefinedValues","props"],"sources":["text.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TextIcon } from \"./icons/round-text_fields-24px.svg\";\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 { Bind } from \"@webiny/form\";\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-text\",\n    field: {\n        type: \"text\",\n        validators: [\"required\", \"minLength\", \"maxLength\", \"pattern\", \"unique\"],\n        label: t`Text`,\n        description: t`Titles, names, single line values.`,\n        icon: <TextIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: true,\n        multipleValuesLabel: t`Use as a list of 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        renderPredefinedValues(props) {\n            return (\n                <PredefinedValuesDynamicFieldset {...props}>\n                    <Input label={t`Value`} />\n                </PredefinedValuesDynamicFieldset>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAoC;AACpC,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,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC;IACvEC,KAAK,EAAER,CAAC,uFAAM;IACdS,WAAW,EAAET,CAAC,uHAAoC;IAClDU,IAAI,eAAE,6BAAC,oCAAQ,OAAG;IAClBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,IAAI;IAC3BC,mBAAmB,EAAEb,CAAC,2GAAwB;IAC9Cc,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,EAAKA,KAAK,eACtC,6BAAC,YAAK;QAAC,KAAK,EAAEnB,CAAC;MAAQ,EAAG,CACI;IAE1C;EACJ;AACJ,CAAC;AAAC,eAEaG,MAAM;AAAA"}

package/admin/plugins/getObjectId.d.ts

@@ -1,3 +1,3 @@
-import { CacheGetObjectIdPlugin } from "@webiny/app/types";
-declare const plugin: CacheGetObjectIdPlugin;
-export default plugin;
+import { ApolloCacheObjectIdPlugin } from "@webiny/app";
+declare const _default: ApolloCacheObjectIdPlugin<import("@webiny/app/plugins/ApolloCacheObjectIdPlugin").ApolloCacheObject>;
+export default _default;