@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.1

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Accordion","_AddTemplate","_DynamicZoneTemplate","_hooks","updateOrCreateTemplate","templates","template","templateIndex","findIndex","tpl","id","concat","_toConsumableArray2","default","slice","DynamicZone","exports","_useModelField","useModelField","field","_useModelFieldEditor","useModelFieldEditor","updateField","newTemplateId","useRef","undefined","settings","onTemplate","current","_objectSpread2","useEffect","createElement","Fragment","length","Accordion","map","index","DynamicZoneTemplate","key","open","onChange","AddTemplateIcon","AddTemplateButton"],"sources":["DynamicZone.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { AddTemplateIcon, AddTemplateButton } from \"./AddTemplate\";\nimport { DynamicZoneTemplate } from \"./DynamicZoneTemplate\";\nimport { useModelField, useModelFieldEditor } from \"~/admin/hooks\";\n\nfunction updateOrCreateTemplate(\n    templates: CmsDynamicZoneTemplate[],\n    template: CmsDynamicZoneTemplate\n) {\n    const templateIndex = templates.findIndex(tpl => tpl.id === template.id);\n\n    if (templateIndex > -1) {\n        return [\n            ...templates.slice(0, templateIndex),\n            template,\n            ...templates.slice(templateIndex + 1)\n        ];\n    }\n\n    return [...templates, template];\n}\n\nexport const DynamicZone = () => {\n    const { field } = useModelField();\n    const { updateField } = useModelFieldEditor();\n    const newTemplateId = useRef<string | undefined>(undefined);\n\n    const templates: CmsDynamicZoneTemplate[] = field.settings?.templates || [];\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        const templates = field.settings?.templates || [];\n\n        newTemplateId.current = template.id;\n\n        updateField({\n            ...field,\n            settings: {\n                ...(field.settings || {}),\n                templates: updateOrCreateTemplate(templates, template)\n            }\n        });\n    };\n\n    useEffect(() => {\n        // We only want to open the accordion item on first mount of a new template.\n        newTemplateId.current = undefined;\n    }, []);\n\n    return (\n        <>\n            {templates.length ? (\n                <Accordion>\n                    {templates.map((template, index) => (\n                        <DynamicZoneTemplate\n                            key={template.id}\n                            open={template.id === newTemplateId.current}\n                            index={index}\n                            field={field}\n                            template={template}\n                            onChange={updateField}\n                        />\n                    ))}\n                </Accordion>\n            ) : null}\n            {templates.length ? (\n                <AddTemplateIcon onTemplate={onTemplate} />\n            ) : (\n                <AddTemplateButton onTemplate={onTemplate} />\n            )}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useRef","useEffect","Accordion","AddTemplateIcon","AddTemplateButton","DynamicZoneTemplate","useModelField","useModelFieldEditor","updateOrCreateTemplate","templates","template","templateIndex","findIndex","tpl","id","slice","DynamicZone","field","updateField","newTemplateId","undefined","settings","onTemplate","current","createElement","Fragment","length","map","index","key","open","onChange"],"sources":["DynamicZone.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport { Accordion } from \"@webiny/ui/Accordion/index.js\";\nimport type { CmsDynamicZoneTemplate } from \"~/types.js\";\nimport { AddTemplateIcon, AddTemplateButton } from \"./AddTemplate.js\";\nimport { DynamicZoneTemplate } from \"./DynamicZoneTemplate.js\";\nimport { useModelField, useModelFieldEditor } from \"~/admin/hooks/index.js\";\n\nfunction updateOrCreateTemplate(\n    templates: CmsDynamicZoneTemplate[],\n    template: CmsDynamicZoneTemplate\n) {\n    const templateIndex = templates.findIndex(tpl => tpl.id === template.id);\n\n    if (templateIndex > -1) {\n        return [\n            ...templates.slice(0, templateIndex),\n            template,\n            ...templates.slice(templateIndex + 1)\n        ];\n    }\n\n    return [...templates, template];\n}\n\nexport const DynamicZone = () => {\n    const { field } = useModelField();\n    const { updateField } = useModelFieldEditor();\n    const newTemplateId = useRef<string | undefined>(undefined);\n\n    const templates: CmsDynamicZoneTemplate[] = field.settings?.templates || [];\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        const templates = field.settings?.templates || [];\n\n        newTemplateId.current = template.id;\n\n        updateField({\n            ...field,\n            settings: {\n                ...(field.settings || {}),\n                templates: updateOrCreateTemplate(templates, template)\n            }\n        });\n    };\n\n    useEffect(() => {\n        // We only want to open the accordion item on first mount of a new template.\n        newTemplateId.current = undefined;\n    }, []);\n\n    return (\n        <>\n            {templates.length ? (\n                <Accordion>\n                    {templates.map((template, index) => (\n                        <DynamicZoneTemplate\n                            key={template.id}\n                            open={template.id === newTemplateId.current}\n                            index={index}\n                            field={field}\n                            template={template}\n                            onChange={updateField}\n                        />\n                    ))}\n                </Accordion>\n            ) : null}\n            {templates.length ? (\n                <AddTemplateIcon onTemplate={onTemplate} />\n            ) : (\n                <AddTemplateButton onTemplate={onTemplate} />\n            )}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAChD,SAASC,SAAS,QAAQ,+BAA+B;AAEzD,SAASC,eAAe,EAAEC,iBAAiB;AAC3C,SAASC,mBAAmB;AAC5B,SAASC,aAAa,EAAEC,mBAAmB;AAE3C,SAASC,sBAAsBA,CAC3BC,SAAmC,EACnCC,QAAgC,EAClC;EACE,MAAMC,aAAa,GAAGF,SAAS,CAACG,SAAS,CAACC,GAAG,IAAIA,GAAG,CAACC,EAAE,KAAKJ,QAAQ,CAACI,EAAE,CAAC;EAExE,IAAIH,aAAa,GAAG,CAAC,CAAC,EAAE;IACpB,OAAO,CACH,GAAGF,SAAS,CAACM,KAAK,CAAC,CAAC,EAAEJ,aAAa,CAAC,EACpCD,QAAQ,EACR,GAAGD,SAAS,CAACM,KAAK,CAACJ,aAAa,GAAG,CAAC,CAAC,CACxC;EACL;EAEA,OAAO,CAAC,GAAGF,SAAS,EAAEC,QAAQ,CAAC;AACnC;AAEA,OAAO,MAAMM,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAM,CAAC,GAAGX,aAAa,CAAC,CAAC;EACjC,MAAM;IAAEY;EAAY,CAAC,GAAGX,mBAAmB,CAAC,CAAC;EAC7C,MAAMY,aAAa,GAAGnB,MAAM,CAAqBoB,SAAS,CAAC;EAE3D,MAAMX,SAAmC,GAAGQ,KAAK,CAACI,QAAQ,EAAEZ,SAAS,IAAI,EAAE;EAE3E,MAAMa,UAAU,GAAIZ,QAAgC,IAAK;IACrD,MAAMD,SAAS,GAAGQ,KAAK,CAACI,QAAQ,EAAEZ,SAAS,IAAI,EAAE;IAEjDU,aAAa,CAACI,OAAO,GAAGb,QAAQ,CAACI,EAAE;IAEnCI,WAAW,CAAC;MACR,GAAGD,KAAK;MACRI,QAAQ,EAAE;QACN,IAAIJ,KAAK,CAACI,QAAQ,IAAI,CAAC,CAAC,CAAC;QACzBZ,SAAS,EAAED,sBAAsB,CAACC,SAAS,EAAEC,QAAQ;MACzD;IACJ,CAAC,CAAC;EACN,CAAC;EAEDT,SAAS,CAAC,MAAM;IACZ;IACAkB,aAAa,CAACI,OAAO,GAAGH,SAAS;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIrB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA0B,QAAA,QACKhB,SAAS,CAACiB,MAAM,gBACb3B,KAAA,CAAAyB,aAAA,CAACtB,SAAS,QACLO,SAAS,CAACkB,GAAG,CAAC,CAACjB,QAAQ,EAAEkB,KAAK,kBAC3B7B,KAAA,CAAAyB,aAAA,CAACnB,mBAAmB;IAChBwB,GAAG,EAAEnB,QAAQ,CAACI,EAAG;IACjBgB,IAAI,EAAEpB,QAAQ,CAACI,EAAE,KAAKK,aAAa,CAACI,OAAQ;IAC5CK,KAAK,EAAEA,KAAM;IACbX,KAAK,EAAEA,KAAM;IACbP,QAAQ,EAAEA,QAAS;IACnBqB,QAAQ,EAAEb;EAAY,CACzB,CACJ,CACM,CAAC,GACZ,IAAI,EACPT,SAAS,CAACiB,MAAM,gBACb3B,KAAA,CAAAyB,aAAA,CAACrB,eAAe;IAACmB,UAAU,EAAEA;EAAW,CAAE,CAAC,gBAE3CvB,KAAA,CAAAyB,aAAA,CAACpB,iBAAiB;IAACkB,UAAU,EAAEA;EAAW,CAAE,CAElD,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsDynamicZoneTemplate, CmsModelField } from "../../../../types";
+import type { CmsDynamicZoneTemplate, CmsModelField } from "../../../../types.js";
 interface DynamicZoneTemplateProps {
     index: number;
     field: CmsModelField;

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

@@ -1,99 +1,95 @@
-"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.DynamicZoneTemplate = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _dotPropImmutable = require("dot-prop-immutable");
-var _reactFontawesome = require("@fortawesome/react-fontawesome");
-var _edit = require("@material-design-icons/svg/outlined/edit.svg");
-var _delete_outline = require("@material-design-icons/svg/outlined/delete_outline.svg");
-var _expand_less = require("@material-design-icons/svg/round/expand_less.svg");
-var _expand_more = require("@material-design-icons/svg/round/expand_more.svg");
-var _Accordion = require("@webiny/ui/Accordion");
-var _appAdmin = require("@webiny/app-admin");
-var _arrayUtils = require("../../arrayUtils");
-var _TemplateDialog = require("./TemplateDialog");
-var _FieldEditor = require("../../../components/FieldEditor");
-var TEMPLATES_PATH = "settings.templates";
-var DynamicZoneTemplate = exports.DynamicZoneTemplate = function DynamicZoneTemplate(_ref) {
-  var index = _ref.index,
-    field = _ref.field,
-    template = _ref.template,
-    onChange = _ref.onChange,
-    open = _ref.open;
-  var _useConfirmationDialo = (0, _appAdmin.useConfirmationDialog)({
-      title: "Delete content template",
-      message: "Are you sure you want to delete this content template?",
-      acceptLabel: "Yes, I'm sure!"
-    }),
-    showConfirmation = _useConfirmationDialo.showConfirmation;
-  var _useState = (0, _react.useState)(undefined),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    templateToEdit = _useState2[0],
-    setTemplateToEdit = _useState2[1];
-  var templates = field.settings?.templates || [];
-  var isFirst = index === 0;
-  var isLast = index === templates.length - 1;
-  var callbackDeps = [onChange, field, index, template.id];
-  var onDialogClose = (0, _react.useCallback)(function () {
+import React, { useCallback, useState } from "react";
+import { set } from "dot-prop-immutable";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { ReactComponent as ArrowUpIcon } from "@webiny/icons/expand_less.svg";
+import { ReactComponent as ArrowDownIcon } from "@webiny/icons/expand_more.svg";
+import { AccordionItem } from "@webiny/ui/Accordion/index.js";
+import { useConfirmationDialog } from "@webiny/app-admin";
+import { pullValueAtIndex, pushValueAtIndex, removeValueAtIndex } from "../../arrayUtils.js";
+import { TemplateDialog } from "./TemplateDialog.js";
+import { FieldEditor } from "../../../components/FieldEditor/index.js";
+import { normalizeIcon } from "../../../../utils/normalizeIcon.js";
+const TEMPLATES_PATH = "settings.templates";
+export const DynamicZoneTemplate = ({
+  index,
+  field,
+  template,
+  onChange,
+  open
+}) => {
+  const {
+    showConfirmation
+  } = useConfirmationDialog({
+    title: "Delete content template",
+    message: "Are you sure you want to delete this content template?",
+    acceptLabel: "Yes, I'm sure!"
+  });
+  const [templateToEdit, setTemplateToEdit] = useState(undefined);
+  const templates = field.settings?.templates || [];
+  const isFirst = index === 0;
+  const isLast = index === templates.length - 1;
+  const callbackDeps = [onChange, field, index, template.id];
+  const onDialogClose = useCallback(() => {
     setTemplateToEdit(undefined);
   }, []);
-  var editTemplate = (0, _react.useCallback)(function () {
+  const editTemplate = useCallback(() => {
     setTemplateToEdit(template);
   }, [template]);
-  var updateTemplate = (0, _react.useCallback)(function (params) {
-    onChange((0, _dotPropImmutable.set)(field, "".concat(TEMPLATES_PATH, ".").concat(index), function (tpl) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, tpl), params);
+  const updateTemplate = useCallback(params => {
+    onChange(set(field, `${TEMPLATES_PATH}.${index}`, tpl => {
+      return {
+        ...tpl,
+        ...params
+      };
     }));
   }, callbackDeps);
-  var updateFieldsAndLayout = (0, _react.useCallback)(function (params) {
-    updateTemplate((0, _objectSpread2.default)((0, _objectSpread2.default)({}, template), params));
+  const updateFieldsAndLayout = useCallback(params => {
+    updateTemplate({
+      ...template,
+      ...params
+    });
   }, [updateTemplate]);
-  var moveTemplateUp = (0, _react.useCallback)(function () {
-    onChange((0, _dotPropImmutable.set)(field, TEMPLATES_PATH, (0, _arrayUtils.pullValueAtIndex)(templates, index)));
+  const moveTemplateUp = useCallback(() => {
+    onChange(set(field, TEMPLATES_PATH, pullValueAtIndex(templates, index)));
   }, callbackDeps);
-  var moveTemplateDown = (0, _react.useCallback)(function () {
-    onChange((0, _dotPropImmutable.set)(field, TEMPLATES_PATH, (0, _arrayUtils.pushValueAtIndex)(templates, index)));
+  const moveTemplateDown = useCallback(() => {
+    onChange(set(field, TEMPLATES_PATH, pushValueAtIndex(templates, index)));
   }, callbackDeps);
-  var deleteTemplate = (0, _react.useCallback)(function () {
-    showConfirmation(function () {
-      onChange((0, _dotPropImmutable.set)(field, TEMPLATES_PATH, (0, _arrayUtils.removeValueAtIndex)(templates, index)));
+  const deleteTemplate = useCallback(() => {
+    showConfirmation(() => {
+      onChange(set(field, TEMPLATES_PATH, removeValueAtIndex(templates, index)));
     });
   }, callbackDeps);
-  var icon = template.icon ? template.icon.split("/") : undefined;
-  return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
+  const icon = normalizeIcon(template.icon);
+  return /*#__PURE__*/React.createElement(AccordionItem, {
     title: template.name,
     description: template.description,
-    icon: icon ? /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: icon ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: icon
     }) : undefined,
     open: open,
-    actions: /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Actions, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Action, {
-      icon: /*#__PURE__*/_react.default.createElement(_expand_less.ReactComponent, null),
+    actions: /*#__PURE__*/React.createElement(AccordionItem.Actions, null, /*#__PURE__*/React.createElement(AccordionItem.Action, {
+      icon: /*#__PURE__*/React.createElement(ArrowUpIcon, null),
       onClick: moveTemplateUp,
       disabled: isFirst
-    }), /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Action, {
-      icon: /*#__PURE__*/_react.default.createElement(_expand_more.ReactComponent, null),
+    }), /*#__PURE__*/React.createElement(AccordionItem.Action, {
+      icon: /*#__PURE__*/React.createElement(ArrowDownIcon, null),
       onClick: moveTemplateDown,
       disabled: isLast
-    }), /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Divider, null), /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Action, {
-      icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, null),
+    }), /*#__PURE__*/React.createElement(AccordionItem.Divider, null), /*#__PURE__*/React.createElement(AccordionItem.Action, {
+      icon: /*#__PURE__*/React.createElement(EditIcon, null),
       onClick: editTemplate
-    }), /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Action, {
-      icon: /*#__PURE__*/_react.default.createElement(_delete_outline.ReactComponent, null),
+    }), /*#__PURE__*/React.createElement(AccordionItem.Action, {
+      icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
       onClick: deleteTemplate
     }))
-  }, templateToEdit ? /*#__PURE__*/_react.default.createElement(_TemplateDialog.TemplateDialog, {
+  }, templateToEdit ? /*#__PURE__*/React.createElement(TemplateDialog, {
     template: templateToEdit,
     onTemplate: updateTemplate,
     onClose: onDialogClose
-  }) : null, /*#__PURE__*/_react.default.createElement(_FieldEditor.FieldEditor, {
+  }) : null, /*#__PURE__*/React.createElement(FieldEditor, {
     parent: field,
     fields: template.fields,
     layout: template.layout,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_reactFontawesome","_edit","_delete_outline","_expand_less","_expand_more","_Accordion","_appAdmin","_arrayUtils","_TemplateDialog","_FieldEditor","TEMPLATES_PATH","DynamicZoneTemplate","exports","_ref","index","field","template","onChange","open","_useConfirmationDialo","useConfirmationDialog","title","message","acceptLabel","showConfirmation","_useState","useState","undefined","_useState2","_slicedToArray2","default","templateToEdit","setTemplateToEdit","templates","settings","isFirst","isLast","length","callbackDeps","id","onDialogClose","useCallback","editTemplate","updateTemplate","params","set","concat","tpl","_objectSpread2","updateFieldsAndLayout","moveTemplateUp","pullValueAtIndex","moveTemplateDown","pushValueAtIndex","deleteTemplate","removeValueAtIndex","icon","split","createElement","AccordionItem","name","description","FontAwesomeIcon","actions","Actions","Action","ReactComponent","onClick","disabled","Divider","TemplateDialog","onTemplate","onClose","FieldEditor","parent","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":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAEA,IAAAU,eAAA,GAAAV,OAAA;AACA,IAAAW,YAAA,GAAAX,OAAA;AAkBA,IAAMY,cAAc,GAAG,oBAAoB;AAEpC,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAAE,IAAA,EAMA;EAAA,IAL5BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,IAAI,GAAAL,IAAA,CAAJK,IAAI;EAEJ,IAAAC,qBAAA,GAA6B,IAAAC,+BAAqB,EAAC;MAC/CC,KAAK,EAAE,yBAAyB;MAChCC,OAAO,EAAE,wDAAwD;MACjEC,WAAW,EAAE;IACjB,CAAC,CAAC;IAJMC,gBAAgB,GAAAL,qBAAA,CAAhBK,gBAAgB;EAMxB,IAAAC,SAAA,GAA4C,IAAAC,eAAQ,EAChDC,SACJ,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAL,SAAA;IAFMM,cAAc,GAAAH,UAAA;IAAEI,iBAAiB,GAAAJ,UAAA;EAIxC,IAAMK,SAAS,GAAGlB,KAAK,CAACmB,QAAQ,EAAED,SAAS,IAAI,EAAE;EACjD,IAAME,OAAO,GAAGrB,KAAK,KAAK,CAAC;EAC3B,IAAMsB,MAAM,GAAGtB,KAAK,KAAKmB,SAAS,CAACI,MAAM,GAAG,CAAC;EAE7C,IAAMC,YAAY,GAAG,CAACrB,QAAQ,EAAEF,KAAK,EAAED,KAAK,EAAEE,QAAQ,CAACuB,EAAE,CAAC;EAE1D,IAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACpCT,iBAAiB,CAACL,SAAS,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMe,YAAY,GAAG,IAAAD,kBAAW,EAAC,YAAM;IACnCT,iBAAiB,CAAChB,QAAQ,CAAC;EAC/B,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAM2B,cAAc,GAAG,IAAAF,kBAAW,EAAiB,UAAAG,MAAM,EAAI;IACzD3B,QAAQ,CACJ,IAAA4B,qBAAG,EAAC9B,KAAK,KAAA+B,MAAA,CAAKpC,cAAc,OAAAoC,MAAA,CAAIhC,KAAK,GAAI,UAACiC,GAA2B,EAAK;MACtE,WAAAC,cAAA,CAAAlB,OAAA,MAAAkB,cAAA,CAAAlB,OAAA,MAAYiB,GAAG,GAAKH,MAAM;IAC9B,CAAC,CACL,CAAC;EACL,CAAC,EAAEN,YAAY,CAAC;EAEhB,IAAMW,qBAAqB,GAAG,IAAAR,kBAAW,EACrC,UAAAG,MAAM,EAAI;IACND,cAAc,KAAAK,cAAA,CAAAlB,OAAA,MAAAkB,cAAA,CAAAlB,OAAA,MAAMd,QAAQ,GAAK4B,MAAM,CAAE,CAAC;EAC9C,CAAC,EACD,CAACD,cAAc,CACnB,CAAC;EAED,IAAMO,cAAc,GAAG,IAAAT,kBAAW,EAAC,YAAM;IACrCxB,QAAQ,CAAC,IAAA4B,qBAAG,EAAC9B,KAAK,EAAEL,cAAc,EAAE,IAAAyC,4BAAgB,EAAClB,SAAS,EAAEnB,KAAK,CAAC,CAAC,CAAC;EAC5E,CAAC,EAAEwB,YAAY,CAAC;EAEhB,IAAMc,gBAAgB,GAAG,IAAAX,kBAAW,EAAC,YAAM;IACvCxB,QAAQ,CAAC,IAAA4B,qBAAG,EAAC9B,KAAK,EAAEL,cAAc,EAAE,IAAA2C,4BAAgB,EAACpB,SAAS,EAAEnB,KAAK,CAAC,CAAC,CAAC;EAC5E,CAAC,EAAEwB,YAAY,CAAC;EAEhB,IAAMgB,cAAc,GAAG,IAAAb,kBAAW,EAAC,YAAM;IACrCjB,gBAAgB,CAAC,YAAM;MACnBP,QAAQ,CAAC,IAAA4B,qBAAG,EAAC9B,KAAK,EAAEL,cAAc,EAAE,IAAA6C,8BAAkB,EAACtB,SAAS,EAAEnB,KAAK,CAAC,CAAC,CAAC;IAC9E,CAAC,CAAC;EACN,CAAC,EAAEwB,YAAY,CAAC;EAEhB,IAAMkB,IAAI,GAAGxC,QAAQ,CAACwC,IAAI,GAAIxC,QAAQ,CAACwC,IAAI,CAACC,KAAK,CAAC,GAAG,CAAC,GAAgB9B,SAAS;EAE/E,oBACI/B,MAAA,CAAAkC,OAAA,CAAA4B,aAAA,CAACrD,UAAA,CAAAsD,aAAa;IACVtC,KAAK,EAAEL,QAAQ,CAAC4C,IAAK;IACrBC,WAAW,EAAE7C,QAAQ,CAAC6C,WAAY;IAClCL,IAAI,EAAEA,IAAI,gBAAG5D,MAAA,CAAAkC,OAAA,CAAA4B,aAAA,CAAC1D,iBAAA,CAAA8D,eAAe;MAACN,IAAI,EAAEA;IAAK,CAAE,CAAC,GAAG7B,SAAU;IACzDT,IAAI,EAAEA,IAAK;IACX6C,OAAO,eACHnE,MAAA,CAAAkC,OAAA,CAAA4B,aAAA,CAACrD,UAAA,CAAAsD,aAAa,CAACK,OAAO,qBAClBpE,MAAA,CAAAkC,OAAA,CAAA4B,aAAA,CAACrD,UAAA,CAAAsD,aAAa,CAACM,MAAM;MACjBT,IAAI,eAAE5D,MAAA,CAAAkC,OAAA,CAAA4B,aAAA,CAACvD,YAAA,CAAA+D,cAAW,MAAE,CAAE;MACtBC,OAAO,EAAEjB,cAAe;MACxBkB,QAAQ,EAAEjC;IAAQ,CACrB,CAAC,eACFvC,MAAA,CAAAkC,OAAA,CAAA4B,aAAA,CAACrD,UAAA,CAAAsD,aAAa,CAACM,MAAM;MACjBT,IAAI,eAAE5D,MAAA,CAAAkC,OAAA,CAAA4B,aAAA,CAACtD,YAAA,CAAA8D,cAAa,MAAE,CAAE;MACxBC,OAAO,EAAEf,gBAAiB;MAC1BgB,QAAQ,EAAEhC;IAAO,CACpB,CAAC,eACFxC,MAAA,CAAAkC,OAAA,CAAA4B,aAAA,CAACrD,UAAA,CAAAsD,aAAa,CAACU,OAAO,MAAE,CAAC,eACzBzE,MAAA,CAAAkC,OAAA,CAAA4B,aAAA,CAACrD,UAAA,CAAAsD,aAAa,CAACM,MAAM;MAACT,IAAI,eAAE5D,MAAA,CAAAkC,OAAA,CAAA4B,aAAA,CAACzD,KAAA,CAAAiE,cAAQ,MAAE,CAAE;MAACC,OAAO,EAAEzB;IAAa,CAAE,CAAC,eACnE9C,MAAA,CAAAkC,OAAA,CAAA4B,aAAA,CAACrD,UAAA,CAAAsD,aAAa,CAACM,MAAM;MAACT,IAAI,eAAE5D,MAAA,CAAAkC,OAAA,CAAA4B,aAAA,CAACxD,eAAA,CAAAgE,cAAU,MAAE,CAAE;MAACC,OAAO,EAAEb;IAAe,CAAE,CACnD;EAC1B,GAEAvB,cAAc,gBACXnC,MAAA,CAAAkC,OAAA,CAAA4B,aAAA,CAAClD,eAAA,CAAA8D,cAAc;IACXtD,QAAQ,EAAEe,cAAe;IACzBwC,UAAU,EAAE5B,cAAe;IAC3B6B,OAAO,EAAEhC;EAAc,CAC1B,CAAC,GACF,IAAI,eAER5C,MAAA,CAAAkC,OAAA,CAAA4B,aAAA,CAACjD,YAAA,CAAAgE,WAAW;IACRC,MAAM,EAAE3D,KAAM;IACd4D,MAAM,EAAE3D,QAAQ,CAAC2D,MAAO;IACxBC,MAAM,EAAE5D,QAAQ,CAAC4D,MAAO;IACxB3D,QAAQ,EAAEgC;EAAsB,CACnC,CACU,CAAC;AAExB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","set","FontAwesomeIcon","ReactComponent","EditIcon","DeleteIcon","ArrowUpIcon","ArrowDownIcon","AccordionItem","useConfirmationDialog","pullValueAtIndex","pushValueAtIndex","removeValueAtIndex","TemplateDialog","FieldEditor","normalizeIcon","TEMPLATES_PATH","DynamicZoneTemplate","index","field","template","onChange","open","showConfirmation","title","message","acceptLabel","templateToEdit","setTemplateToEdit","undefined","templates","settings","isFirst","isLast","length","callbackDeps","id","onDialogClose","editTemplate","updateTemplate","params","tpl","updateFieldsAndLayout","moveTemplateUp","moveTemplateDown","deleteTemplate","icon","createElement","name","description","actions","Actions","Action","onClick","disabled","Divider","onTemplate","onClose","parent","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 { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@webiny/icons/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@webiny/icons/expand_more.svg\";\nimport { AccordionItem } from \"@webiny/ui/Accordion/index.js\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport {\n    pullValueAtIndex,\n    pushValueAtIndex,\n    removeValueAtIndex\n} from \"~/admin/plugins/arrayUtils.js\";\nimport type { CmsDynamicZoneTemplate, CmsEditorFieldsLayout, CmsModelField } from \"~/types.js\";\nimport { TemplateDialog } from \"./TemplateDialog.js\";\nimport { FieldEditor } from \"~/admin/components/FieldEditor/index.js\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\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 = normalizeIcon(template.icon);\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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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsDynamicZoneTemplate } from "../../../../types";
+import type { CmsDynamicZoneTemplate } from "../../../../types.js";
 interface TemplateDialogProps {
     onClose: () => void;
     template?: CmsDynamicZoneTemplate;

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.js";
+import { Tags } from "@webiny/ui/Tags/index.js";
+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.CancelAction, null), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
+      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","CancelAction","ConfirmAction","onClick","text","Column","span","type","validators","create","label","onBlur","autoFocus","description","rows","defaultValue"],"sources":["TemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsDynamicZoneTemplate } from \"~/types.js\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\nimport { Tags } from \"@webiny/ui/Tags/index.js\";\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.CancelAction />\n                            <Dialog.ConfirmAction 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.d.ts

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

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.",