@webiny/app-headless-cms 0.0.0-ee-vpcs.549378cf03

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

@@ -0,0 +1 @@
+{"version":3,"names":["TEMPLATES_PATH","DynamicZoneTemplate","index","field","template","onChange","open","useConfirmationDialog","title","message","acceptLabel","showConfirmation","useState","undefined","templateToEdit","setTemplateToEdit","templates","settings","isFirst","isLast","length","callbackDeps","id","onDialogClose","useCallback","editTemplate","updateTemplate","params","set","tpl","updateFieldsAndLayout","moveTemplateUp","pullValueAtIndex","moveTemplateDown","pushValueAtIndex","deleteTemplate","removeValueAtIndex","icon","split","name","description","fields","layout"],"sources":["DynamicZoneTemplate.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { ReactComponent as EditIcon } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@material-design-icons/svg/round/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@material-design-icons/svg/round/expand_more.svg\";\nimport { AccordionItem } from \"@webiny/ui/Accordion\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { pullValueAtIndex, pushValueAtIndex, removeValueAtIndex } from \"~/admin/plugins/arrayUtils\";\nimport { CmsDynamicZoneTemplate, CmsEditorFieldsLayout, CmsModelField } from \"~/types\";\nimport { TemplateDialog } from \"./TemplateDialog\";\nimport { FieldEditor } from \"~/admin/components/FieldEditor\";\n\ninterface DynamicZoneTemplateProps {\n    index: number;\n    field: CmsModelField;\n    template: CmsDynamicZoneTemplate;\n    onChange: (field: CmsModelField) => void;\n    open: boolean;\n}\n\ninterface UpdateTemplate {\n    (template: CmsDynamicZoneTemplate): void;\n}\n\ninterface UpdateFieldsAndLayout {\n    (params: { fields: CmsModelField[]; layout: CmsEditorFieldsLayout }): void;\n}\n\nconst TEMPLATES_PATH = \"settings.templates\";\n\nexport const DynamicZoneTemplate = ({\n    index,\n    field,\n    template,\n    onChange,\n    open\n}: DynamicZoneTemplateProps) => {\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Delete content template\",\n        message: \"Are you sure you want to delete this content template?\",\n        acceptLabel: \"Yes, I'm sure!\"\n    });\n\n    const [templateToEdit, setTemplateToEdit] = useState<CmsDynamicZoneTemplate | undefined>(\n        undefined\n    );\n\n    const templates = field.settings?.templates || [];\n    const isFirst = index === 0;\n    const isLast = index === templates.length - 1;\n\n    const callbackDeps = [onChange, field, index, template.id];\n\n    const onDialogClose = useCallback(() => {\n        setTemplateToEdit(undefined);\n    }, []);\n\n    const editTemplate = useCallback(() => {\n        setTemplateToEdit(template);\n    }, [template]);\n\n    const updateTemplate = useCallback<UpdateTemplate>(params => {\n        onChange(\n            set(field, `${TEMPLATES_PATH}.${index}`, (tpl: CmsDynamicZoneTemplate) => {\n                return { ...tpl, ...params };\n            })\n        );\n    }, callbackDeps);\n\n    const updateFieldsAndLayout = useCallback<UpdateFieldsAndLayout>(\n        params => {\n            updateTemplate({ ...template, ...params });\n        },\n        [updateTemplate]\n    );\n\n    const moveTemplateUp = useCallback(() => {\n        onChange(set(field, TEMPLATES_PATH, pullValueAtIndex(templates, index)));\n    }, callbackDeps);\n\n    const moveTemplateDown = useCallback(() => {\n        onChange(set(field, TEMPLATES_PATH, pushValueAtIndex(templates, index)));\n    }, callbackDeps);\n\n    const deleteTemplate = useCallback(() => {\n        showConfirmation(() => {\n            onChange(set(field, TEMPLATES_PATH, removeValueAtIndex(templates, index)));\n        });\n    }, callbackDeps);\n\n    const icon = template.icon ? (template.icon.split(\"/\") as IconProp) : undefined;\n\n    return (\n        <AccordionItem\n            title={template.name}\n            description={template.description}\n            icon={icon ? <FontAwesomeIcon icon={icon} /> : undefined}\n            open={open}\n            actions={\n                <AccordionItem.Actions>\n                    <AccordionItem.Action\n                        icon={<ArrowUpIcon />}\n                        onClick={moveTemplateUp}\n                        disabled={isFirst}\n                    />\n                    <AccordionItem.Action\n                        icon={<ArrowDownIcon />}\n                        onClick={moveTemplateDown}\n                        disabled={isLast}\n                    />\n                    <AccordionItem.Divider />\n                    <AccordionItem.Action icon={<EditIcon />} onClick={editTemplate} />\n                    <AccordionItem.Action icon={<DeleteIcon />} onClick={deleteTemplate} />\n                </AccordionItem.Actions>\n            }\n        >\n            {templateToEdit ? (\n                <TemplateDialog\n                    template={templateToEdit}\n                    onTemplate={updateTemplate}\n                    onClose={onDialogClose}\n                />\n            ) : null}\n\n            <FieldEditor\n                parent={field}\n                fields={template.fields}\n                layout={template.layout}\n                onChange={updateFieldsAndLayout}\n            />\n        </AccordionItem>\n    );\n};\n"],"mappings":"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"}

package/admin/plugins/fields/dynamicZone/TemplateDialog.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CmsDynamicZoneTemplate } from "../../../../types";
+interface TemplateDialogProps {
+    onClose: () => void;
+    template?: CmsDynamicZoneTemplate;
+    onTemplate: (template: CmsDynamicZoneTemplate) => void;
+}
+export declare const TemplateDialog: (props: TemplateDialogProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,174 @@
+"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];
+
+  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);
+    } else {
+      props.onTemplate((0, _objectSpread2.default)((0, _objectSpread2.default)({}, template), {}, {
+        id: (0, _utils.generateAlphaNumericLowerCaseId)(),
+        fields: [],
+        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) {
+        /**
+         * 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
+  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
+    onSubmit: onSubmit,
+    data: props.template,
+    onChange: onFormChange
+  }, function (_ref) {
+    var Bind = _ref.Bind,
+        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, {
+      title: "GraphQL Schema Change",
+      type: "danger"
+    }, "You've changed the GraphQL schema type name! If your API is being queried by a 3rd party application, this will affect the GraphQL queries in those applications. Make sure your consumers are informed about this change!")) : null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "name",
+      validators: [_validation.validation.create("required")]
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      label: "Name",
+      onBlur: nameOnBlur(form)
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "gqlTypeName",
+      validators: [_validation.validation.create("required"), typeNameValidator]
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      autoFocus: false,
+      label: "GraphQL Type Name",
+      description: "This string will be used to generate the GraphQL schema. "
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "icon",
+      validators: [_validation.validation.create("required")]
+    }, /*#__PURE__*/_react.default.createElement(_IconPicker.IconPicker, {
+      label: "Icon"
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "description",
+      validators: [_validation.validation.create("required")]
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      rows: 3,
+      label: "Description"
+    }))))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
+      onClick: props.onClose
+    }, "Cancel"), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+      onClick: submit
+    }, submitLabel)));
+  }));
+};
+
+exports.TemplateDialog = TemplateDialog;

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

@@ -0,0 +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&apos;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.d.ts

@@ -0,0 +1,2 @@
+import { CmsModelFieldValidatorConfig } from "../../../../types";
+export declare const commonValidators: CmsModelFieldValidatorConfig[];

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commonValidators = void 0;
+var commonValidators = [{
+  name: "minLength",
+  label: "Minimum number of entries",
+  description: "Define the minimum number of entries a user must create.",
+  defaultMessage: "You must create at least {value} entries.",
+  variables: [{
+    name: "value",
+    description: "This defines the minimum number of entries a user must create."
+  }]
+}, {
+  name: "maxLength",
+  label: "Maximum number of entries",
+  description: "Define the maximum number of entries a user can create.",
+  defaultMessage: "You have too many entries (max: {value}).",
+  variables: [{
+    name: "value",
+    description: "This defines the maximum number of entries a user can create."
+  }]
+}];
+exports.commonValidators = commonValidators;

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

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

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

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

package/admin/plugins/fields/dynamicZone.js

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

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

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

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

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

package/admin/plugins/fields/file.js

@@ -0,0 +1,63 @@
+"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",
+  field: {
+    type: "file",
+    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Files"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Images, videos and other files."]))),
+    icon: /*#__PURE__*/_react.default.createElement(_file_present.ReactComponent, null),
+    validators: ["required"],
+    listValidators: ["minLength", "maxLength"],
+    allowMultipleValues: true,
+    allowPredefinedValues: false,
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of files or an image gallery"]))),
+    createField: function createField() {
+      return {
+        type: this.type,
+        validation: [],
+        renderer: {
+          name: ""
+        }
+      };
+    },
+    renderSettings: function renderSettings() {
+      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+        span: 12
+      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+        name: "settings.imagesOnly"
+      }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
+        label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Images only"]))),
+        description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Allow only images to be selected"])))
+      }))));
+    }
+  }
+};
+var _default = plugin;
+exports.default = _default;

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

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

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 { CmsModelFieldTypePlugin } from "../../../types";
+declare const plugin: CmsModelFieldTypePlugin;
+export default plugin;

package/admin/plugins/fields/longText.js

@@ -0,0 +1,63 @@
+"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",
+  field: {
+    type: "long-text",
+    validators: ["required", "minLength", "maxLength", "pattern"],
+    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Long text"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Long comments, notes, multi line values."]))),
+    icon: /*#__PURE__*/_react.default.createElement(_roundNotes.ReactComponent, null),
+    allowMultipleValues: true,
+    allowPredefinedValues: false,
+    // TODO: implement "renderPredefinedValues" and set to true.
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of long texts"]))),
+    createField: function createField() {
+      return {
+        type: this.type,
+        validation: [],
+        renderer: {
+          name: ""
+        }
+      };
+    },
+    renderSettings: function renderSettings() {
+      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+        span: 12
+      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+        name: "placeholderText"
+      }, /*#__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)"])))
+      }))));
+    }
+  }
+};
+var _default = plugin;
+exports.default = _default;