@webiny/app-headless-cms 5.43.2-beta.0 → 6.0.0-alpha.0

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

@@ -1,62 +1,46 @@
-"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 _Tags = require("@webiny/ui/Tags");
-var typeNameValidator = function typeNameValidator(value) {
-  var regex = new RegExp("^[A-Z]+[_0-9A-Za-z]+$");
+import React, { useState } from "react";
+import { Form } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { generateAlphaNumericLowerCaseId } from "@webiny/utils";
+import { IconPicker } from "../../../components/IconPicker";
+import { Tags } from "@webiny/ui/Tags";
+import { Alert, Dialog, Grid, Input, Textarea } from "@webiny/admin-ui";
+const typeNameValidator = value => {
+  const 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.");
+  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);
+const getGraphQLTypeName = value => {
+  const titleCase = value.charAt(0).toUpperCase() + value.slice(1);
   return titleCase.replace(/[^a-zA-Z0-9]/g, "");
 };
-var TemplateDialog = exports.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) {
+export const TemplateDialog = props => {
+  const [showWarning, setWarning] = useState(false);
+  const newTemplate = !Boolean(props.template);
+  const dialogTitle = newTemplate ? "Add Template" : "Edit Template";
+  const submitLabel = newTemplate ? "Add Template" : "Update Template";
+  const onSubmit = template => {
     if (template.id) {
       props.onTemplate(template);
     } else {
-      props.onTemplate((0, _objectSpread2.default)((0, _objectSpread2.default)({}, template), {}, {
-        id: (0, _utils.generateAlphaNumericLowerCaseId)(),
+      props.onTemplate({
+        ...template,
+        id: generateAlphaNumericLowerCaseId(),
         fields: [],
         layout: []
-      }));
+      });
     }
     props.onClose();
   };
-  var showGqlTypeNameWarning = function showGqlTypeNameWarning() {
+  const showGqlTypeNameWarning = () => {
     setWarning(true);
   };
-  var hideGqlTypeNameWarning = function hideGqlTypeNameWarning() {
+  const hideGqlTypeNameWarning = () => {
     setWarning(false);
   };
-  var checkGqlType = function checkGqlType(data) {
+  const checkGqlType = data => {
     if (newTemplate) {
       return;
     }
@@ -66,84 +50,82 @@ var TemplateDialog = exports.TemplateDialog = function TemplateDialog(props) {
       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));
+  const nameOnBlur = form => () => {
+    if (!form.data.gqlTypeName) {
+      /**
+       * There is a possibility that name is undefined, so let's check for it.
+       */
+      const name = form.data.name;
+      if (!name) {
+        return;
       }
-    };
+      form.setValue("gqlTypeName", getGraphQLTypeName(name));
+    }
   };
-  var onFormChange = function onFormChange(data, form) {
+  const onFormChange = (data, form) => {
     checkGqlType(data, form);
   };
-  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
-    open: true,
-    onClose: props.onClose
-  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
+  return /*#__PURE__*/React.createElement(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(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "tags",
-      defaultValue: []
-    }, /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
-      label: "Tags"
-    }))))), /*#__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)));
-  }));
+  }, ({
+    Bind,
+    submit,
+    form
+  }) => /*#__PURE__*/React.createElement(Dialog, {
+    open: true,
+    onClose: props.onClose,
+    title: dialogTitle,
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelButton, null), /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
+      onClick: submit,
+      text: submitLabel
+    }))
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(React.Fragment, null, showWarning ? /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(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.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "name",
+    validators: [validation.create("required")]
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Name",
+    onBlur: nameOnBlur(form)
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "gqlTypeName",
+    validators: [validation.create("required"), typeNameValidator]
+  }, /*#__PURE__*/React.createElement(Input, {
+    autoFocus: false,
+    label: "GraphQL Type Name",
+    description: "This string will be used to generate the GraphQL schema. "
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "icon",
+    validators: [validation.create("required")]
+  }, /*#__PURE__*/React.createElement(IconPicker, {
+    label: "Icon"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "description",
+    validators: [validation.create("required")]
+  }, /*#__PURE__*/React.createElement(Textarea, {
+    rows: 3,
+    label: "Description"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "tags",
+    defaultValue: []
+  }, /*#__PURE__*/React.createElement(Tags, {
+    label: "Tags"
+  }))))));
 };
 
 //# sourceMappingURL=TemplateDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_Grid","_Input","_form","_validation","_utils","_IconPicker","_Dialog","_Alert","_Tags","typeNameValidator","value","regex","RegExp","test","Error","getGraphQLTypeName","titleCase","charAt","toUpperCase","slice","replace","TemplateDialog","exports","props","_useState","useState","_useState2","_slicedToArray2","default","showWarning","setWarning","newTemplate","Boolean","template","dialogTitle","submitLabel","onSubmit","id","onTemplate","_objectSpread2","generateAlphaNumericLowerCaseId","fields","layout","onClose","showGqlTypeNameWarning","hideGqlTypeNameWarning","checkGqlType","data","gqlTypeName","nameOnBlur","form","name","setValue","onFormChange","createElement","Dialog","open","Form","onChange","_ref","Bind","submit","Fragment","DialogTitle","DialogContent","Grid","Cell","span","Alert","title","type","validators","validation","create","Input","label","onBlur","autoFocus","description","IconPicker","rows","defaultValue","Tags","DialogActions","ButtonDefault","onClick","ButtonPrimary"],"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\";\nimport { Tags } from \"@webiny/ui/Tags\";\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                                <Cell span={12}>\n                                    <Bind name={\"tags\"} defaultValue={[]}>\n                                        <Tags label={\"Tags\"} />\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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","ignoreList":[]}
+{"version":3,"names":["React","useState","Form","validation","generateAlphaNumericLowerCaseId","IconPicker","Tags","Alert","Dialog","Grid","Input","Textarea","typeNameValidator","value","regex","RegExp","test","Error","getGraphQLTypeName","titleCase","charAt","toUpperCase","slice","replace","TemplateDialog","props","showWarning","setWarning","newTemplate","Boolean","template","dialogTitle","submitLabel","onSubmit","id","onTemplate","fields","layout","onClose","showGqlTypeNameWarning","hideGqlTypeNameWarning","checkGqlType","data","gqlTypeName","nameOnBlur","form","name","setValue","onFormChange","createElement","onChange","Bind","submit","open","title","actions","Fragment","CancelButton","ConfirmButton","onClick","text","Column","span","type","validators","create","label","onBlur","autoFocus","description","rows","defaultValue"],"sources":["TemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\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 { Tags } from \"@webiny/ui/Tags\";\nimport { Alert, Dialog, Grid, Input, Textarea } from \"@webiny/admin-ui\";\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        <Form<CmsDynamicZoneTemplate>\n            onSubmit={onSubmit}\n            data={props.template}\n            onChange={onFormChange}\n        >\n            {({ Bind, submit, form }) => (\n                <Dialog\n                    open={true}\n                    onClose={props.onClose}\n                    title={dialogTitle}\n                    actions={\n                        <>\n                            <Dialog.CancelButton />\n                            <Dialog.ConfirmButton onClick={submit} text={submitLabel} />\n                        </>\n                    }\n                >\n                    <Grid>\n                        <>\n                            {showWarning ? (\n                                <Grid.Column span={12}>\n                                    <Alert title={\"GraphQL Schema Change\"} type={\"danger\"}>\n                                        You&apos;ve changed the GraphQL schema type name! If your\n                                        API is being queried by a 3rd party application, this will\n                                        affect the GraphQL queries in those applications. Make sure\n                                        your consumers are informed about this change!\n                                    </Alert>\n                                </Grid.Column>\n                            ) : null}\n                        </>\n                        <Grid.Column span={12}>\n                            <Bind name={\"name\"} validators={[validation.create(\"required\")]}>\n                                <Input label={\"Name\"} onBlur={nameOnBlur(form)} />\n                            </Bind>\n                        </Grid.Column>\n                        <Grid.Column span={12}>\n                            <Bind\n                                name={\"gqlTypeName\"}\n                                validators={[validation.create(\"required\"), typeNameValidator]}\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                        </Grid.Column>\n                        <Grid.Column span={12}>\n                            <Bind name={\"icon\"} validators={[validation.create(\"required\")]}>\n                                <IconPicker label={\"Icon\"} />\n                            </Bind>\n                        </Grid.Column>\n                        <Grid.Column span={12}>\n                            <Bind name={\"description\"} validators={[validation.create(\"required\")]}>\n                                <Textarea rows={3} label={\"Description\"} />\n                            </Bind>\n                        </Grid.Column>\n                        <Grid.Column span={12}>\n                            <Bind name={\"tags\"} defaultValue={[]}>\n                                <Tags label={\"Tags\"} />\n                            </Bind>\n                        </Grid.Column>\n                    </Grid>\n                </Dialog>\n            )}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.commonValidators = void 0;
-var commonValidators = exports.commonValidators = [{
+export const commonValidators = [{
   name: "minLength",
   label: "Minimum number of entries",
   description: "Define the minimum number of entries a user must create.",

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

@@ -1 +1 @@
-{"version":3,"names":["commonValidators","exports","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,GAAAC,OAAA,CAAAD,gBAAA,GAAG,CAC5D;EACIE,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,2BAA2B;EAClCC,WAAW,EAAE,0DAA0D;EACvEC,cAAc,EAAE,2CAA2C;EAC3DC,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,OAAO;IACbE,WAAW,EAAE;EACjB,CAAC;AAET,CAAC,EACD;EACIF,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,2BAA2B;EAClCC,WAAW,EAAE,yDAAyD;EACtEC,cAAc,EAAE,2CAA2C;EAC3DC,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,OAAO;IACbE,WAAW,EAAE;EACjB,CAAC;AAET,CAAC,CACJ","ignoreList":[]}
+{"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":"AAEA,OAAO,MAAMA,gBAAgD,GAAG,CAC5D;EACIC,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,2BAA2B;EAClCC,WAAW,EAAE,0DAA0D;EACvEC,cAAc,EAAE,2CAA2C;EAC3DC,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,OAAO;IACbE,WAAW,EAAE;EACjB,CAAC;AAET,CAAC,EACD;EACIF,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,2BAA2B;EAClCC,WAAW,EAAE,yDAAyD;EACtEC,cAAc,EAAE,2CAA2C;EAC3DC,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,OAAO;IACbE,WAAW,EAAE;EACjB,CAAC;AAET,CAAC,CACJ","ignoreList":[]}

package/admin/plugins/fields/dynamicZone.js

@@ -1,36 +1,27 @@
-"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 _appHeadlessCmsCommon = require("@webiny/app-headless-cms-common");
-var _DynamicZone = require("./dynamicZone/DynamicZone");
-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,
+import React from "react";
+import { ReactComponent as ObjectIcon } from "@webiny/icons/dynamic_form.svg";
+import { i18n } from "@webiny/app/i18n";
+import { createFieldsList } from "@webiny/app-headless-cms-common";
+import { DynamicZone } from "./dynamicZone/DynamicZone";
+import { createTypeName } from "../../../utils/createTypeName";
+import { commonValidators } from "./dynamicZone/commonValidators";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const listValidators = {
+  validators: commonValidators,
   title: "List validators",
   description: "These validators are applied to the entire dynamic zone."
 };
-var dynamicZoneField = exports.dynamicZoneField = {
+export const 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),
+    label: t`Dynamic Zone`,
+    description: t`Define content templates to be used during content creation.`,
+    icon: /*#__PURE__*/React.createElement(ObjectIcon, null),
     allowMultipleValues: true,
     allowPredefinedValues: false,
-    validators: function validators(field) {
+    validators: field => {
       if (field.multipleValues) {
         return {
           validators: ["dynamicZone"],
@@ -40,9 +31,9 @@ var dynamicZoneField = exports.dynamicZoneField = {
       }
       return ["required"];
     },
-    listValidators: listValidators,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of values"]))),
-    createField: function createField() {
+    listValidators,
+    multipleValuesLabel: t`Use as a list of values`,
+    createField() {
       return {
         type: this.type,
         listValidation: [{
@@ -56,28 +47,33 @@ var dynamicZoneField = exports.dynamicZoneField = {
         }
       };
     },
-    render: function render() {
-      return /*#__PURE__*/_react.default.createElement(_DynamicZone.DynamicZone, null);
+    render() {
+      return /*#__PURE__*/React.createElement(DynamicZone, null);
     },
     graphql: {
-      queryField: function queryField(_ref) {
-        var model = _ref.model,
-          field = _ref.field,
-          graphQLTypePrefix = _ref.graphQLTypePrefix;
-        var prefix = "".concat(graphQLTypePrefix, "_").concat((0, _createTypeName.createTypeName)(field.fieldId));
-        var templates = field.settings?.templates || [];
+      queryField({
+        model,
+        field,
+        graphQLTypePrefix
+      }) {
+        const prefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;
+        const templates = field.settings?.templates || [];
         if (!templates.length) {
           return null;
         }
-        var fragments = templates.map(function (template) {
-          var templateGraphQLType = "".concat(prefix, "_").concat(template.gqlTypeName);
-          return "...on ".concat(templateGraphQLType, " {\n                        ").concat((0, _appHeadlessCmsCommon.createFieldsList)({
-            model: model,
+        const fragments = templates.map(template => {
+          const templateGraphQLType = `${prefix}_${template.gqlTypeName}`;
+          return `...on ${templateGraphQLType} {
+                        ${createFieldsList({
+            model,
             fields: template.fields || [],
             graphQLTypePrefix: templateGraphQLType
-          }), "\n                        _templateId\n                        __typename\n                    }");
+          })}
+                        _templateId
+                        __typename
+                    }`;
         });
-        return "{ ".concat(fragments.join("\n"), " }");
+        return `{ ${fragments.join("\n")} }`;
       }
     }
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_dynamic_form","_i18n","_appHeadlessCmsCommon","_DynamicZone","_createTypeName","_commonValidators","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","listValidators","validators","commonValidators","title","description","dynamicZoneField","exports","type","name","field","label","_taggedTemplateLiteral2","default","icon","createElement","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValues","multipleValuesLabel","createField","listValidation","settings","templates","renderer","render","DynamicZone","graphql","queryField","_ref","model","graphQLTypePrefix","prefix","concat","createTypeName","fieldId","length","fragments","map","template","templateGraphQLType","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 { createFieldsList } from \"@webiny/app-headless-cms-common\";\nimport { DynamicZone } from \"~/admin/plugins/fields/dynamicZone/DynamicZone\";\nimport { createTypeName } from \"~/utils/createTypeName\";\nimport { CmsModelFieldTypePlugin, CmsModelFieldValidatorsGroup } from \"~/types\";\nimport { commonValidators } from \"./dynamicZone/commonValidators\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst listValidators: CmsModelFieldValidatorsGroup = {\n    validators: commonValidators,\n    title: \"List validators\",\n    description: \"These validators are applied to the entire dynamic zone.\"\n};\n\nexport const dynamicZoneField: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-dynamic-zone\",\n    field: {\n        type: \"dynamicZone\",\n        label: t`Dynamic Zone`,\n        description: t`Define content templates to be used during content creation.`,\n        icon: <ObjectIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        validators: field => {\n            if (field.multipleValues) {\n                return {\n                    validators: [\"dynamicZone\"],\n                    title: \"Template Validators\",\n                    description: \"Validators for each of the templates in this dynamic zone.\"\n                };\n            }\n\n            return [\"required\"];\n        },\n        listValidators,\n        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, graphQLTypePrefix }) {\n                const prefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;\n                const templates = field.settings?.templates || [];\n\n                if (!templates.length) {\n                    return null;\n                }\n\n                const fragments = templates.map(template => {\n                    const templateGraphQLType = `${prefix}_${template.gqlTypeName}`;\n                    return `...on ${templateGraphQLType} {\n                        ${createFieldsList({\n                            model,\n                            fields: template.fields || [],\n                            graphQLTypePrefix: templateGraphQLType\n                        })}\n                        _templateId\n                        __typename\n                    }`;\n                });\n                return `{ ${fragments.join(\"\\n\")} }`;\n            }\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","ObjectIcon","i18n","createFieldsList","DynamicZone","createTypeName","commonValidators","t","ns","listValidators","validators","title","description","dynamicZoneField","type","name","field","label","icon","createElement","allowMultipleValues","allowPredefinedValues","multipleValues","multipleValuesLabel","createField","listValidation","settings","templates","renderer","render","graphql","queryField","model","graphQLTypePrefix","prefix","fieldId","length","fragments","map","template","templateGraphQLType","gqlTypeName","fields","join"],"sources":["dynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@webiny/icons/dynamic_form.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { createFieldsList } from \"@webiny/app-headless-cms-common\";\nimport { DynamicZone } from \"~/admin/plugins/fields/dynamicZone/DynamicZone\";\nimport { createTypeName } from \"~/utils/createTypeName\";\nimport { CmsModelFieldTypePlugin, CmsModelFieldValidatorsGroup } from \"~/types\";\nimport { commonValidators } from \"./dynamicZone/commonValidators\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst listValidators: CmsModelFieldValidatorsGroup = {\n    validators: commonValidators,\n    title: \"List validators\",\n    description: \"These validators are applied to the entire dynamic zone.\"\n};\n\nexport const dynamicZoneField: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-dynamic-zone\",\n    field: {\n        type: \"dynamicZone\",\n        label: t`Dynamic Zone`,\n        description: t`Define content templates to be used during content creation.`,\n        icon: <ObjectIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        validators: field => {\n            if (field.multipleValues) {\n                return {\n                    validators: [\"dynamicZone\"],\n                    title: \"Template Validators\",\n                    description: \"Validators for each of the templates in this dynamic zone.\"\n                };\n            }\n\n            return [\"required\"];\n        },\n        listValidators,\n        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, graphQLTypePrefix }) {\n                const prefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;\n                const templates = field.settings?.templates || [];\n\n                if (!templates.length) {\n                    return null;\n                }\n\n                const fragments = templates.map(template => {\n                    const templateGraphQLType = `${prefix}_${template.gqlTypeName}`;\n                    return `...on ${templateGraphQLType} {\n                        ${createFieldsList({\n                            model,\n                            fields: template.fields || [],\n                            graphQLTypePrefix: templateGraphQLType\n                        })}\n                        _templateId\n                        __typename\n                    }`;\n                });\n                return `{ ${fragments.join(\"\\n\")} }`;\n            }\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,gCAAgC;AAC7E,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,gBAAgB,QAAQ,iCAAiC;AAClE,SAASC,WAAW;AACpB,SAASC,cAAc;AAEvB,SAASC,gBAAgB;AAEzB,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,cAA4C,GAAG;EACjDC,UAAU,EAAEJ,gBAAgB;EAC5BK,KAAK,EAAE,iBAAiB;EACxBC,WAAW,EAAE;AACjB,CAAC;AAED,OAAO,MAAMC,gBAAyC,GAAG;EACrDC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,oCAAoC;EAC1CC,KAAK,EAAE;IACHF,IAAI,EAAE,aAAa;IACnBG,KAAK,EAAEV,CAAC,cAAc;IACtBK,WAAW,EAAEL,CAAC,8DAA8D;IAC5EW,IAAI,eAAEnB,KAAA,CAAAoB,aAAA,CAAClB,UAAU,MAAE,CAAC;IACpBmB,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BX,UAAU,EAAEM,KAAK,IAAI;MACjB,IAAIA,KAAK,CAACM,cAAc,EAAE;QACtB,OAAO;UACHZ,UAAU,EAAE,CAAC,aAAa,CAAC;UAC3BC,KAAK,EAAE,qBAAqB;UAC5BC,WAAW,EAAE;QACjB,CAAC;MACL;MAEA,OAAO,CAAC,UAAU,CAAC;IACvB,CAAC;IACDH,cAAc;IACdc,mBAAmB,EAAEhB,CAAC,yBAAyB;IAC/CiB,WAAWA,CAAA,EAAG;MACV,OAAO;QACHV,IAAI,EAAE,IAAI,CAACA,IAAI;QACfW,cAAc,EAAE,CAAC;UAAEV,IAAI,EAAE;QAAc,CAAC,CAAC;QACzCW,QAAQ,EAAE;UACNC,SAAS,EAAE;QACf,CAAC;QACDC,QAAQ,EAAE;UACNb,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDc,MAAMA,CAAA,EAAG;MACL,oBAAO9B,KAAA,CAAAoB,aAAA,CAACf,WAAW,MAAE,CAAC;IAC1B,CAAC;IACD0B,OAAO,EAAE;MACLC,UAAUA,CAAC;QAAEC,KAAK;QAAEhB,KAAK;QAAEiB;MAAkB,CAAC,EAAE;QAC5C,MAAMC,MAAM,GAAG,GAAGD,iBAAiB,IAAI5B,cAAc,CAACW,KAAK,CAACmB,OAAO,CAAC,EAAE;QACtE,MAAMR,SAAS,GAAGX,KAAK,CAACU,QAAQ,EAAEC,SAAS,IAAI,EAAE;QAEjD,IAAI,CAACA,SAAS,CAACS,MAAM,EAAE;UACnB,OAAO,IAAI;QACf;QAEA,MAAMC,SAAS,GAAGV,SAAS,CAACW,GAAG,CAACC,QAAQ,IAAI;UACxC,MAAMC,mBAAmB,GAAG,GAAGN,MAAM,IAAIK,QAAQ,CAACE,WAAW,EAAE;UAC/D,OAAO,SAASD,mBAAmB;AACvD,0BAA0BrC,gBAAgB,CAAC;YACf6B,KAAK;YACLU,MAAM,EAAEH,QAAQ,CAACG,MAAM,IAAI,EAAE;YAC7BT,iBAAiB,EAAEO;UACvB,CAAC,CAAC;AAC1B;AACA;AACA,sBAAsB;QACN,CAAC,CAAC;QACF,OAAO,KAAKH,SAAS,CAACM,IAAI,CAAC,IAAI,CAAC,IAAI;MACxC;IACJ;EACJ;AACJ,CAAC","ignoreList":[]}

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

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

package/admin/plugins/fields/json.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { ReactComponent as JsonIcon } from "@webiny/icons/data_object.svg";
+import { i18n } from "@webiny/app/i18n";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const plugin = {
+  type: "cms-editor-field-type",
+  name: "cms-editor-field-type-json",
+  field: {
+    type: "json",
+    label: t`JSON`,
+    description: t`Store JSON values.`,
+    icon: /*#__PURE__*/React.createElement(JsonIcon, null),
+    allowMultipleValues: true,
+    allowPredefinedValues: true,
+    multipleValuesLabel: t`Use as a list of JSONs`,
+    hideInAdmin: true,
+    createField() {
+      return {
+        type: this.type,
+        validation: [],
+        renderer: {
+          name: ""
+        },
+        settings: {
+          defaultValue: false
+        }
+      };
+    }
+  }
+};
+export default plugin;
+
+//# sourceMappingURL=json.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","JsonIcon","i18n","t","ns","plugin","type","name","field","label","description","icon","createElement","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","hideInAdmin","createField","validation","renderer","settings","defaultValue"],"sources":["json.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as JsonIcon } from \"@webiny/icons/data_object.svg\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\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-json\",\n    field: {\n        type: \"json\",\n        label: t`JSON`,\n        description: t`Store JSON values.`,\n        icon: <JsonIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: true,\n        multipleValuesLabel: t`Use as a list of JSONs`,\n        hideInAdmin: true,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                },\n                settings: {\n                    defaultValue: false\n                }\n            };\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAE1E,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,CAAC,GAAGD,IAAI,CAACE,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,4BAA4B;EAClCC,KAAK,EAAE;IACHF,IAAI,EAAE,MAAM;IACZG,KAAK,EAAEN,CAAC,MAAM;IACdO,WAAW,EAAEP,CAAC,oBAAoB;IAClCQ,IAAI,eAAEZ,KAAA,CAAAa,aAAA,CAACX,QAAQ,MAAE,CAAC;IAClBY,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,IAAI;IAC3BC,mBAAmB,EAAEZ,CAAC,wBAAwB;IAC9Ca,WAAW,EAAE,IAAI;IACjBC,WAAWA,CAAA,EAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV,CAAC;QACDa,QAAQ,EAAE;UACNC,YAAY,EAAE;QAClB;MACJ,CAAC;IACL;EACJ;AACJ,CAAC;AAED,eAAehB,MAAM","ignoreList":[]}

package/admin/plugins/fields/longText.js

@@ -1,33 +1,23 @@
-"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 = {
+import React from "react";
+import { ReactComponent as LongTextIcon } from "@webiny/icons/notes.svg";
+import { i18n } from "@webiny/app/i18n";
+import { Bind } from "@webiny/form";
+import { Grid, Input, Label } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const 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),
+    label: t`Long text`,
+    description: t`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 = (0, _taggedTemplateLiteral2.default)(["Use as a list of long texts"]))),
-    createField: function createField() {
+    multipleValuesLabel: t`Use as a list of long texts`,
+    createField() {
       return {
         type: this.type,
         validation: [],
@@ -36,18 +26,21 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings() {
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    renderSettings() {
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+      }, /*#__PURE__*/React.createElement(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)"])))
+      }, /*#__PURE__*/React.createElement(Input, {
+        label: /*#__PURE__*/React.createElement(Label, {
+          text: t`Placeholder text`,
+          description: t`(optional)`
+        }),
+        size: "lg"
       }))));
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=longText.js.map