@webiny/app-headless-cms 0.0.0-mt-1

package/admin/plugins/fields/file.js

@@ -0,0 +1,46 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+import React from "react";
+import { ReactComponent as FileIcon } from "@svgr/webpack!./icons/round_insert_drive_file-24px.svg";
+import { i18n } from "@webiny/app/i18n";
+import { Cell, Grid } from "@webiny/ui/Grid";
+import { Radio } from "@webiny/ui/Radio";
+var t = i18n.ns("app-headless-cms/admin/fields");
+var plugin = {
+  type: "cms-editor-field-type",
+  name: "cms-editor-field-type-file",
+  field: {
+    type: "file",
+    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Files"]))),
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Images, videos and other files."]))),
+    icon: /*#__PURE__*/React.createElement(FileIcon, null),
+    validators: ["required"],
+    listValidators: ["minLength", "maxLength"],
+    allowMultipleValues: true,
+    allowPredefinedValues: false,
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of files or an image gallery"]))),
+    createField: function createField() {
+      return {
+        type: this.type,
+        validation: [],
+        renderer: {
+          name: ""
+        }
+      };
+    },
+    renderSettings: function renderSettings(_ref) {
+      var Bind = _ref.form.Bind;
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "settings.imagesOnly"
+      }, /*#__PURE__*/React.createElement(Radio, {
+        label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Images only"]))),
+        description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Allow only images to be selected"])))
+      }))));
+    }
+  }
+};
+export default plugin;

package/admin/plugins/fields/icons/ballot_black_24dp.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M14 9.5h3c.55 0 1-.45 1-1s-.45-1-1-1h-3c-.55 0-1 .45-1 1s.45 1 1 1zm0 7h3c.55 0 1-.45 1-1s-.45-1-1-1h-3c-.55 0-1 .45-1 1s.45 1 1 1zm5 4.5H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2zM7 11h3c.55 0 1-.45 1-1V7c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1zm0-4h3v3H7V7zm0 11h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1zm0-4h3v3H7v-3z"/></svg>

package/admin/plugins/fields/icons/dropdown-icon.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="815px" height="815px" viewBox="0 0 815 815" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com -->
+    <title>input</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Form-Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Artboard">
+            <g id="input">
+                <polygon id="Path" stroke="none" points="0 0 815 0 815 815 0 815"></polygon>
+                <rect id="Rectangle" stroke="currentColor" stroke-width="50" x="57" y="282" width="700" height="250" rx="8"></rect>
+                <path d="M524,329 L524,503" id="Line" stroke="currentColor" stroke-width="50" stroke-linecap="square"></path>
+                <path d="M594.839903,408.340773 L628.384973,442.178552 C633.436161,447.273816 641.595772,447.273816 646.646961,442.178552 L680.19203,408.340773 C688.351642,400.109962 682.523348,386 670.996278,386 L603.906138,386 C592.379067,386 586.680291,400.109962 594.839903,408.340773 Z" id="Path" fill="currentColor" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/admin/plugins/fields/icons/notes-black-24px.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 11H4c-.55 0-1 .45-1 1s.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1zM4 18h10c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM20 6H4c-.55 0-1 .45-1 1v.01c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V7c0-.55-.45-1-1-1z"/></svg>

package/admin/plugins/fields/icons/round-check_box-24px.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
+    <path fill="none" d="M0 0h24v24H0V0z"/>
+    <path fill="currentColor" d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29c-.39.39-1.02.39-1.41 0L5.71 12.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.58 7.59z"/>
+</svg>

package/admin/plugins/fields/icons/round-link-24px.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M17 7h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c1.65 0 3 1.35 3 3s-1.35 3-3 3h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-9 5c0 .55.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1H9c-.55 0-1 .45-1 1zm2 3H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h3c.55 0 1-.45 1-1s-.45-1-1-1H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h3c.55 0 1-.45 1-1s-.45-1-1-1z"/></svg>

package/admin/plugins/fields/icons/round-looks_3-24px.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
+    <path fill="none" d="M0 0h24v24H0V0z"/>
+    <path fill="currentColor" d="M19 3H5.01c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2H19c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3.99 7.5c0 .83-.67 1.5-1.5 1.5.83 0 1.5.67 1.5 1.5V15c0 1.11-.9 2-2 2H10c-.55 0-1-.45-1-1s.45-1 1-1h3.01L13 13h-1c-.55 0-1-.45-1-1s.45-1 1-1h1l.01-2H10c-.55 0-.99-.45-.99-1s.44-1 .99-1h3.01c1.1 0 2 .9 2 2v1.5z"/>
+</svg>

package/admin/plugins/fields/icons/round-notes.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 11H4c-.55 0-1 .45-1 1s.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1zM4 18h10c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM20 6H4c-.55 0-1 .45-1 1v.01c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V7c0-.55-.45-1-1-1z"/></svg>

package/admin/plugins/fields/icons/round-radio_button_checked-24px.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
+    <path fill="none" d="M0 0h24v24H0V0z"/>
+    <path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+    <circle fill="currentColor" cx="12" cy="12" r="5"/>
+</svg>

package/admin/plugins/fields/icons/round-short_text.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M5 9h14c.55 0 1 .45 1 1s-.45 1-1 1H5c-.55 0-1-.45-1-1s.45-1 1-1zm0 4h8c.55 0 1 .45 1 1s-.45 1-1 1H5c-.55 0-1-.45-1-1s.45-1 1-1z"/></svg>

package/admin/plugins/fields/icons/round-subject.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M13 17H5c-.55 0-1 .45-1 1s.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1zm6-8H5c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1zM5 15h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1zM4 6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1z"/></svg>

package/admin/plugins/fields/icons/round-text_fields-24px.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
+    <path fill="none" d="M0 0h24v24H0z"/>
+    <path fill="currentColor" d="M2.5 5.5C2.5 6.33 3.17 7 4 7h3.5v10.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V7H14c.83 0 1.5-.67 1.5-1.5S14.83 4 14 4H4c-.83 0-1.5.67-1.5 1.5zM20 9h-6c-.83 0-1.5.67-1.5 1.5S13.17 12 14 12h1.5v5.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V12H20c.83 0 1.5-.67 1.5-1.5S20.83 9 20 9z"/>
+</svg>

package/admin/plugins/fields/icons/round-visibility_off-24px.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
+    <path fill="none" d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"/>
+    <path fill="currentColor" d="M12 6.5c2.76 0 5 2.24 5 5 0 .51-.1 1-.24 1.46l3.06 3.06c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l2.17 2.17c.47-.14.96-.24 1.47-.24zM2.71 3.16c-.39.39-.39 1.02 0 1.41l1.97 1.97C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.97-.3 4.31-.82l2.72 2.72c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L4.13 3.16c-.39-.39-1.03-.39-1.42 0zM12 16.5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07L14.14 16c-.65.32-1.37.5-2.14.5zm2.97-5.33c-.15-1.4-1.25-2.49-2.64-2.64l2.64 2.64z"/>
+</svg>

package/admin/plugins/fields/icons/round_insert_drive_file-24px.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.41l-4.83-4.83c-.37-.38-.88-.59-1.41-.59H6zm7 6V3.5L18.5 9H14c-.55 0-1-.45-1-1z"/></svg>

package/admin/plugins/fields/icons/schedule-black-24px.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-.22-13h-.06c-.4 0-.72.32-.72.72v4.72c0 .35.18.68.49.86l4.15 2.49c.34.2.78.1.98-.24.21-.34.1-.79-.25-.99l-3.87-2.3V7.72c0-.4-.32-.72-.72-.72z"/></svg>

package/admin/plugins/fields/icons/title-black-24px.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M5 5.5C5 6.33 5.67 7 6.5 7h4v10.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V7h4c.83 0 1.5-.67 1.5-1.5S18.33 4 17.5 4h-11C5.67 4 5 4.67 5 5.5z"/></svg>

package/admin/plugins/fields/icons/toggle_on-black-24px.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M17 7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h10c2.76 0 5-2.24 5-5s-2.24-5-5-5zm0 8c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"/></svg>

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

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

package/admin/plugins/fields/longText.js

@@ -0,0 +1,46 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+import React from "react";
+import { ReactComponent as LongTextIcon } from "@svgr/webpack!./icons/round-notes.svg";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { Input } from "@webiny/ui/Input";
+import { i18n } from "@webiny/app/i18n";
+var t = i18n.ns("app-headless-cms/admin/fields");
+var plugin = {
+  type: "cms-editor-field-type",
+  name: "cms-editor-field-type-long-text",
+  field: {
+    type: "long-text",
+    validators: ["required", "minLength", "maxLength", "pattern"],
+    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Long text"]))),
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Long comments, notes, multi line values."]))),
+    icon: /*#__PURE__*/React.createElement(LongTextIcon, null),
+    allowMultipleValues: true,
+    allowPredefinedValues: false,
+    // TODO: implement "renderPredefinedValues" and set to true.
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of long texts"]))),
+    createField: function createField() {
+      return {
+        type: this.type,
+        validation: [],
+        renderer: {
+          name: ""
+        }
+      };
+    },
+    renderSettings: function renderSettings(_ref) {
+      var Bind = _ref.form.Bind;
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "placeholderText"
+      }, /*#__PURE__*/React.createElement(Input, {
+        label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Placeholder text"]))),
+        description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Placeholder text (optional)"])))
+      }))));
+    }
+  }
+};
+export default plugin;

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

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

package/admin/plugins/fields/number.js

@@ -0,0 +1,63 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
+import React from "react";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { i18n } from "@webiny/app/i18n";
+import { Input } from "@webiny/ui/Input";
+import PredefinedValuesDynamicFieldset from "./PredefinedValuesDynamicFieldset";
+import { ReactComponent as FloatIcon } from "@svgr/webpack!./icons/round-looks_3-24px.svg";
+var t = i18n.ns("app-headless-cms/admin/fields");
+var plugin = {
+  type: "cms-editor-field-type",
+  name: "cms-editor-field-type-number",
+  field: {
+    type: "number",
+    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Number"]))),
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Store numbers."]))),
+    icon: /*#__PURE__*/React.createElement(FloatIcon, null),
+    validators: ["required", "gte", "lte"],
+    allowMultipleValues: true,
+    allowPredefinedValues: true,
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of numbers"]))),
+    createField: function createField() {
+      return {
+        type: this.type,
+        validation: [],
+        renderer: {
+          name: ""
+        }
+      };
+    },
+    renderSettings: function renderSettings(_ref) {
+      var Bind = _ref.form.Bind;
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "placeholderText"
+      }, /*#__PURE__*/React.createElement(Input, {
+        label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Placeholder text"]))),
+        description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Placeholder text (optional)"])))
+      }))));
+    },
+    renderPredefinedValues: function renderPredefinedValues(props) {
+      return /*#__PURE__*/React.createElement(PredefinedValuesDynamicFieldset, Object.assign({}, props, {
+        renderValueInput: function renderValueInput(Bind) {
+          return /*#__PURE__*/React.createElement(Bind, {
+            name: "value"
+          }, function (bind) {
+            return /*#__PURE__*/React.createElement(Input, Object.assign({}, bind, {
+              type: "number",
+              label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Value"]))),
+              onChange: function onChange(value) {
+                return bind.onChange(parseFloat(value));
+              }
+            }));
+          });
+        }
+      }));
+    }
+  }
+};
+export default plugin;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ObjectFields: ({ field }: {
+    field: any;
+}) => JSX.Element;

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

@@ -0,0 +1,32 @@
+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;
+
+  var onChange = useCallback(function (_ref2) {
+    var fields = _ref2.fields,
+        layout = _ref2.layout;
+    var currentField = getField({
+      id: field.id
+    });
+    var updatedField = set(currentField, "settings", function (settings) {
+      return _objectSpread(_objectSpread({}, settings), {}, {
+        fields: fields,
+        layout: layout
+      });
+    });
+    updateField(updatedField);
+  }, [field]);
+  return /*#__PURE__*/React.createElement(FieldEditor, {
+    parent: field,
+    fields: field.settings.fields,
+    layout: field.settings.layout,
+    onChange: onChange
+  });
+};

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

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

package/admin/plugins/fields/object.js

@@ -0,0 +1,46 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+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 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),
+    allowMultipleValues: true,
+    allowPredefinedValues: false,
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a repeatable object"]))),
+    createField: function createField() {
+      return {
+        type: this.type,
+        validation: [],
+        settings: {
+          fields: [],
+          layout: []
+        },
+        renderer: {
+          name: ""
+        }
+      };
+    },
+    render: function render(props) {
+      return /*#__PURE__*/React.createElement(ObjectFields, props);
+    },
+    graphql: {
+      queryField: function queryField(_ref) {
+        var field = _ref.field;
+        return "{ ".concat(createFieldsList(field.settings.fields), " }");
+      }
+    }
+  }
+};
+export default plugin;

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

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

package/admin/plugins/fields/ref.js

@@ -0,0 +1,144 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+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");
+var plugin = {
+  type: "cms-editor-field-type",
+  name: "cms-editor-field-type-ref",
+  field: {
+    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),
+    allowMultipleValues: true,
+    allowPredefinedValues: false,
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of references"]))),
+    createField: function createField() {
+      return {
+        type: this.type,
+        settings: {
+          models: []
+        },
+        validation: [],
+        renderer: {
+          name: ""
+        }
+      };
+    },
+    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
+        }));
+      })));
+    },
+    graphql: {
+      queryField:
+      /* GraphQL */
+      "\n                {\n                    modelId\n                    entryId\n                }\n            "
+    }
+  }
+};
+export default plugin;

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

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

package/admin/plugins/fields/richText.js

@@ -0,0 +1,45 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+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 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),
+    allowMultipleValues: true,
+    allowPredefinedValues: false,
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["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, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "placeholderText"
+      }, /*#__PURE__*/React.createElement(Input, {
+        label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Placeholder text"]))),
+        description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Placeholder text (optional)"])))
+      }))));
+    }
+  }
+};
+export default plugin;

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

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

package/admin/plugins/fields/text.js

@@ -0,0 +1,51 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+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 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),
+    allowMultipleValues: true,
+    allowPredefinedValues: true,
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of texts"]))),
+    createField: function createField() {
+      return {
+        type: this.type,
+        validation: [],
+        renderer: {
+          name: ""
+        }
+      };
+    },
+    renderSettings: function renderSettings(_ref) {
+      var Bind = _ref.form.Bind;
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "placeholderText"
+      }, /*#__PURE__*/React.createElement(Input, {
+        label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Placeholder text"]))),
+        description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Placeholder text (optional)"])))
+      }))));
+    },
+    renderPredefinedValues: function renderPredefinedValues(props) {
+      return /*#__PURE__*/React.createElement(PredefinedValuesDynamicFieldset, props, /*#__PURE__*/React.createElement(Input, {
+        label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Value"])))
+      }));
+    }
+  }
+};
+export default plugin;

package/admin/plugins/getObjectId.d.ts

@@ -0,0 +1,3 @@
+import { CacheGetObjectIdPlugin } from "@webiny/app/types";
+declare const plugin: CacheGetObjectIdPlugin;
+export default plugin;

package/admin/plugins/getObjectId.js

@@ -0,0 +1,13 @@
+var plugin = {
+  type: "cache-get-object-id",
+  getObjectId: function getObjectId(obj) {
+    switch (obj.__typename) {
+      case "CmsContentModel":
+        return obj.modelId;
+
+      default:
+        return undefined;
+    }
+  }
+};
+export default plugin;

package/admin/plugins/icons.d.ts

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