@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","TemplateDialog","ReactComponent","AddIcon","AddCircleIcon","Button","Text","IconButton","Link","Tooltip","useAddTemplate","params","showTemplateDialog","setShowTemplateDialog","addTemplate","onTemplate","template","onDialogClose","AddTemplateButton","props","createElement","className","onClose","size","variant","onClick","text","icon","to","target","AddTemplateIcon","content","trigger"],"sources":["AddTemplate.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { CmsDynamicZoneTemplate } from \"~/types\";\nimport { TemplateDialog } from \"./TemplateDialog\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as AddCircleIcon } from \"@webiny/icons/add_circle_outline.svg\";\nimport { Button, Text, IconButton, Link, Tooltip } from \"@webiny/admin-ui\";\n\ninterface AddTemplateProps {\n    onTemplate: UseAddTemplateParams[\"onTemplate\"];\n}\n\ninterface UseAddTemplateParams {\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nfunction useAddTemplate(params: UseAddTemplateParams) {\n    const [showTemplateDialog, setShowTemplateDialog] = useState(false);\n\n    const addTemplate = () => {\n        setShowTemplateDialog(true);\n    };\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        params.onTemplate(template);\n    };\n\n    const onDialogClose = () => {\n        setShowTemplateDialog(false);\n    };\n\n    return {\n        addTemplate,\n        onTemplate,\n        onDialogClose,\n        showTemplateDialog\n    };\n}\n\nexport const AddTemplateButton = (props: AddTemplateProps) => {\n    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <div\n            className={\n                \"wby-flex wby-flex-col wby-px-xl wby-pt-xl wby-pb-lg wby-gap-sm wby-border-sm wby-border-neutral-muted wby-rounded\"\n            }\n        >\n            <div className={\"wby-w-full wby-text-center\"}>\n                {showTemplateDialog ? (\n                    <TemplateDialog onTemplate={onTemplate} onClose={onDialogClose} />\n                ) : null}\n                <Button\n                    size={\"sm\"}\n                    variant={\"secondary\"}\n                    onClick={addTemplate}\n                    text={\"Add template\"}\n                    icon={<AddIcon />}\n                />\n            </div>\n            <div\n                className={\n                    \"wby-flex wby-items-center wby-justify-center wby-gap-xs wby-w-full wby-mx-auto wby-text-center\"\n                }\n            >\n                <Text size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                    <Link\n                        to={\"http://webiny.link/admin/how-to-use/dynamic-zones\"}\n                        target={\"_blank\"}\n                    >\n                        Learn how\n                    </Link>{\" \"}\n                    templates and dynamic zones work.\n                </Text>\n            </div>\n        </div>\n    );\n};\n\nexport const AddTemplateIcon = (props: AddTemplateProps) => {\n    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <div className={\"wby-w-full wby-text-center wby-mt-md\"}>\n            {showTemplateDialog ? (\n                <TemplateDialog onTemplate={onTemplate} onClose={onDialogClose} />\n            ) : null}\n            <Tooltip\n                content={\"Add template\"}\n                trigger={\n                    <IconButton\n                        onClick={addTemplate}\n                        icon={<AddCircleIcon />}\n                        size={\"lg\"}\n                        variant={\"ghost\"}\n                    />\n                }\n            />\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DynamicZone: () => React.JSX.Element;

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

@@ -0,0 +1,51 @@
+import React, { useRef, useEffect } from "react";
+import { Accordion } from "@webiny/ui/Accordion";
+import { AddTemplateIcon, AddTemplateButton } from "./AddTemplate";
+import { DynamicZoneTemplate } from "./DynamicZoneTemplate";
+import { useModelField, useModelFieldEditor } from "../../../hooks";
+function updateOrCreateTemplate(templates, template) {
+  const templateIndex = templates.findIndex(tpl => tpl.id === template.id);
+  if (templateIndex > -1) {
+    return [...templates.slice(0, templateIndex), template, ...templates.slice(templateIndex + 1)];
+  }
+  return [...templates, template];
+}
+export const DynamicZone = () => {
+  const {
+    field
+  } = useModelField();
+  const {
+    updateField
+  } = useModelFieldEditor();
+  const newTemplateId = useRef(undefined);
+  const templates = field.settings?.templates || [];
+  const onTemplate = template => {
+    const templates = field.settings?.templates || [];
+    newTemplateId.current = template.id;
+    updateField({
+      ...field,
+      settings: {
+        ...(field.settings || {}),
+        templates: updateOrCreateTemplate(templates, template)
+      }
+    });
+  };
+  useEffect(() => {
+    // We only want to open the accordion item on first mount of a new template.
+    newTemplateId.current = undefined;
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, templates.length ? /*#__PURE__*/React.createElement(Accordion, null, templates.map((template, index) => /*#__PURE__*/React.createElement(DynamicZoneTemplate, {
+    key: template.id,
+    open: template.id === newTemplateId.current,
+    index: index,
+    field: field,
+    template: template,
+    onChange: updateField
+  }))) : null, templates.length ? /*#__PURE__*/React.createElement(AddTemplateIcon, {
+    onTemplate: onTemplate
+  }) : /*#__PURE__*/React.createElement(AddTemplateButton, {
+    onTemplate: onTemplate
+  }));
+};
+
+//# sourceMappingURL=DynamicZone.js.map

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

@@ -0,0 +1 @@
+{"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\";\nimport type { 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":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAChD,SAASC,SAAS,QAAQ,sBAAsB;AAEhD,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

@@ -0,0 +1,11 @@
+import React from "react";
+import type { CmsDynamicZoneTemplate, CmsModelField } from "../../../../types";
+interface DynamicZoneTemplateProps {
+    index: number;
+    field: CmsModelField;
+    template: CmsDynamicZoneTemplate;
+    onChange: (field: CmsModelField) => void;
+    open: boolean;
+}
+export declare const DynamicZoneTemplate: ({ index, field, template, onChange, open }: DynamicZoneTemplateProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,99 @@
+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";
+import { useConfirmationDialog } from "@webiny/app-admin";
+import { pullValueAtIndex, pushValueAtIndex, removeValueAtIndex } from "../../arrayUtils";
+import { TemplateDialog } from "./TemplateDialog";
+import { FieldEditor } from "../../../components/FieldEditor";
+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);
+  }, []);
+  const editTemplate = useCallback(() => {
+    setTemplateToEdit(template);
+  }, [template]);
+  const updateTemplate = useCallback(params => {
+    onChange(set(field, `${TEMPLATES_PATH}.${index}`, tpl => {
+      return {
+        ...tpl,
+        ...params
+      };
+    }));
+  }, callbackDeps);
+  const updateFieldsAndLayout = useCallback(params => {
+    updateTemplate({
+      ...template,
+      ...params
+    });
+  }, [updateTemplate]);
+  const moveTemplateUp = useCallback(() => {
+    onChange(set(field, TEMPLATES_PATH, pullValueAtIndex(templates, index)));
+  }, callbackDeps);
+  const moveTemplateDown = useCallback(() => {
+    onChange(set(field, TEMPLATES_PATH, pushValueAtIndex(templates, index)));
+  }, callbackDeps);
+  const deleteTemplate = useCallback(() => {
+    showConfirmation(() => {
+      onChange(set(field, TEMPLATES_PATH, removeValueAtIndex(templates, index)));
+    });
+  }, callbackDeps);
+  const icon = template.icon ? template.icon.split("/") : undefined;
+  return /*#__PURE__*/React.createElement(AccordionItem, {
+    title: template.name,
+    description: template.description,
+    icon: icon ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: icon
+    }) : undefined,
+    open: open,
+    actions: /*#__PURE__*/React.createElement(AccordionItem.Actions, null, /*#__PURE__*/React.createElement(AccordionItem.Action, {
+      icon: /*#__PURE__*/React.createElement(ArrowUpIcon, null),
+      onClick: moveTemplateUp,
+      disabled: isFirst
+    }), /*#__PURE__*/React.createElement(AccordionItem.Action, {
+      icon: /*#__PURE__*/React.createElement(ArrowDownIcon, null),
+      onClick: moveTemplateDown,
+      disabled: isLast
+    }), /*#__PURE__*/React.createElement(AccordionItem.Divider, null), /*#__PURE__*/React.createElement(AccordionItem.Action, {
+      icon: /*#__PURE__*/React.createElement(EditIcon, null),
+      onClick: editTemplate
+    }), /*#__PURE__*/React.createElement(AccordionItem.Action, {
+      icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+      onClick: deleteTemplate
+    }))
+  }, templateToEdit ? /*#__PURE__*/React.createElement(TemplateDialog, {
+    template: templateToEdit,
+    onTemplate: updateTemplate,
+    onClose: onDialogClose
+  }) : null, /*#__PURE__*/React.createElement(FieldEditor, {
+    parent: field,
+    fields: template.fields,
+    layout: template.layout,
+    onChange: updateFieldsAndLayout
+  }));
+};
+
+//# sourceMappingURL=DynamicZoneTemplate.js.map

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

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

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

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

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

@@ -0,0 +1,131 @@
+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.`);
+};
+const getGraphQLTypeName = value => {
+  const titleCase = value.charAt(0).toUpperCase() + value.slice(1);
+  return titleCase.replace(/[^a-zA-Z0-9]/g, "");
+};
+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({
+        ...template,
+        id: generateAlphaNumericLowerCaseId(),
+        fields: [],
+        layout: []
+      });
+    }
+    props.onClose();
+  };
+  const showGqlTypeNameWarning = () => {
+    setWarning(true);
+  };
+  const hideGqlTypeNameWarning = () => {
+    setWarning(false);
+  };
+  const checkGqlType = data => {
+    if (newTemplate) {
+      return;
+    }
+    if (data.gqlTypeName !== props.template?.gqlTypeName) {
+      showGqlTypeNameWarning();
+    } else {
+      hideGqlTypeNameWarning();
+    }
+  };
+  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));
+    }
+  };
+  const onFormChange = (data, form) => {
+    checkGqlType(data, form);
+  };
+  return /*#__PURE__*/React.createElement(Form, {
+    onSubmit: onSubmit,
+    data: props.template,
+    onChange: onFormChange
+  }, ({
+    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

@@ -0,0 +1 @@
+{"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 type { FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport type { 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.d.ts

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

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

@@ -0,0 +1,21 @@
+export const commonValidators = [{
+  name: "minLength",
+  label: "Minimum number of entries",
+  description: "Define the minimum number of entries a user must create.",
+  defaultMessage: "You must create at least {value} entries.",
+  variables: [{
+    name: "value",
+    description: "This defines the minimum number of entries a user must create."
+  }]
+}, {
+  name: "maxLength",
+  label: "Maximum number of entries",
+  description: "Define the maximum number of entries a user can create.",
+  defaultMessage: "You have too many entries (max: {value}).",
+  variables: [{
+    name: "value",
+    description: "This defines the maximum number of entries a user can create."
+  }]
+}];
+
+//# sourceMappingURL=commonValidators.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["commonValidators","name","label","description","defaultMessage","variables"],"sources":["commonValidators.ts"],"sourcesContent":["import type { 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.d.ts

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

package/admin/plugins/fields/dynamicZone.js

@@ -0,0 +1,82 @@
+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."
+};
+export const dynamicZoneField = {
+  type: "cms-editor-field-type",
+  name: "cms-editor-field-type-dynamic-zone",
+  field: {
+    type: "dynamicZone",
+    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: field => {
+      if (field.multipleValues) {
+        return {
+          validators: ["dynamicZone"],
+          title: "Template Validators",
+          description: "Validators for each of the templates in this dynamic zone."
+        };
+      }
+      return ["required"];
+    },
+    listValidators,
+    multipleValuesLabel: t`Use as a list of values`,
+    createField() {
+      return {
+        type: this.type,
+        listValidation: [{
+          name: "dynamicZone"
+        }],
+        settings: {
+          templates: []
+        },
+        renderer: {
+          name: "dynamicZone"
+        }
+      };
+    },
+    render() {
+      return /*#__PURE__*/React.createElement(DynamicZone, null);
+    },
+    graphql: {
+      queryField({
+        model,
+        field,
+        graphQLTypePrefix
+      }) {
+        const prefix = `${graphQLTypePrefix}_${createTypeName(field.fieldId)}`;
+        const templates = field.settings?.templates || [];
+        if (!templates.length) {
+          return null;
+        }
+        const fragments = templates.map(template => {
+          const templateGraphQLType = `${prefix}_${template.gqlTypeName}`;
+          return `...on ${templateGraphQLType} {
+                        ${createFieldsList({
+            model,
+            fields: template.fields || [],
+            graphQLTypePrefix: templateGraphQLType
+          })}
+                        _templateId
+                        __typename
+                    }`;
+        });
+        return `{ ${fragments.join("\n")} }`;
+      }
+    }
+  }
+};
+
+//# sourceMappingURL=dynamicZone.js.map

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

@@ -0,0 +1 @@
+{"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 type { 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 type { 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 type { 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.d.ts

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