@webiny/app-headless-cms 6.3.0 → 6.4.0-beta.0

package/admin/plugins/fieldRenderers/dynamicZone/dynamicZoneRenderer.js

@@ -1,105 +1,78 @@
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
+import react from "react";
 import { css } from "@emotion/css";
 import { SingleValueDynamicZone } from "./SingleValueDynamicZone.js";
 import { MultiValueDynamicZone } from "./MultiValueDynamicZone.js";
 import { AccordionRenderSettings, getAccordionRenderSettings } from "../AccordionRenderSettings.js";
 import { makeDecoratable } from "@webiny/react-composition";
 import { Accordion, FormComponentErrorMessage } from "@webiny/admin-ui";
-import { ReactComponent as HorizontalRuleIcon } from "@webiny/icons/horizontal_rule.svg";
-const noBottomPadding = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "1n8outh",
-  styles: ">.webiny-ui-accordion-item__content{padding-bottom:0!important;}"
-} : {
-  name: "lyg8qk-noBottomPadding",
-  styles: ">.webiny-ui-accordion-item__content{padding-bottom:0!important;};label:noBottomPadding;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImR5bmFtaWNab25lUmVuZGVyZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMkIiLCJmaWxlIjoiZHluYW1pY1pvbmVSZW5kZXJlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgdHlwZSB7XG4gICAgQmluZENvbXBvbmVudCxcbiAgICBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcCxcbiAgICBDbXNNb2RlbCxcbiAgICBDbXNNb2RlbEZpZWxkLFxuICAgIENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbixcbiAgICBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wc1xufSBmcm9tIFwifi90eXBlcy5qc1wiO1xuaW1wb3J0IHsgU2luZ2xlVmFsdWVEeW5hbWljWm9uZSB9IGZyb20gXCIuL1NpbmdsZVZhbHVlRHluYW1pY1pvbmUuanNcIjtcbmltcG9ydCB7IE11bHRpVmFsdWVEeW5hbWljWm9uZSB9IGZyb20gXCIuL011bHRpVmFsdWVEeW5hbWljWm9uZS5qc1wiO1xuaW1wb3J0IHsgQWNjb3JkaW9uUmVuZGVyU2V0dGluZ3MsIGdldEFjY29yZGlvblJlbmRlclNldHRpbmdzIH0gZnJvbSBcIi4uL0FjY29yZGlvblJlbmRlclNldHRpbmdzLmpzXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1jb21wb3NpdGlvblwiO1xuaW1wb3J0IHsgQWNjb3JkaW9uLCBGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEhvcml6b250YWxSdWxlSWNvbiB9IGZyb20gXCJAd2ViaW55L2ljb25zL2hvcml6b250YWxfcnVsZS5zdmdcIjtcblxuY29uc3Qgbm9Cb3R0b21QYWRkaW5nID0gY3NzYFxuICAgID4gLndlYmlueS11aS1hY2NvcmRpb24taXRlbV9fY29udGVudCB7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IHR5cGUgRHluYW1pY1pvbmVDb250YWluZXJQcm9wcyA9IHtcbiAgICBmaWVsZDogQ21zTW9kZWxGaWVsZDtcbiAgICBnZXRCaW5kOiAoaW5kZXg/OiBudW1iZXIsIGtleT86IHN0cmluZykgPT4gQmluZENvbXBvbmVudDtcbiAgICBjb250ZW50TW9kZWw6IENtc01vZGVsO1xuICAgIGJpbmQ6IEJpbmRDb21wb25lbnRSZW5kZXJQcm9wO1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGFjdGlvbnM/OiBSZWFjdC5KU1guRWxlbWVudDtcbn07XG5cbmV4cG9ydCBjb25zdCBEeW5hbWljWm9uZUNvbnRhaW5lciA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIkR5bmFtaWNab25lQ29udGFpbmVyXCIsXG4gICAgKHByb3BzOiBEeW5hbWljWm9uZUNvbnRhaW5lclByb3BzKSA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIGZpZWxkLFxuICAgICAgICAgICAgYmluZDoge1xuICAgICAgICAgICAgICAgIHZhbGlkYXRpb246IHsgaXNWYWxpZCwgbWVzc2FnZSB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgdGl0bGUgPSBmaWVsZC5sYWJlbCxcbiAgICAgICAgICAgIGRlc2NyaXB0aW9uID0gZmllbGQuZGVzY3JpcHRpb24sXG4gICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgY29uc3QgZGVmYXVsdENsYXNzTmFtZSA9IGZpZWxkLmxpc3QgPyBub0JvdHRvbVBhZGRpbmcgOiB1bmRlZmluZWQ7XG4gICAgICAgIGNvbnN0IHsgb3BlbiB9ID0gZ2V0QWNjb3JkaW9uUmVuZGVyU2V0dGluZ3MoZmllbGQpO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxBY2NvcmRpb24gYmFja2dyb3VuZD17XCJiYXNlXCJ9IHZhcmlhbnQ9e1wiY29udGFpbmVyXCJ9PlxuICAgICAgICAgICAgICAgICAgICA8QWNjb3JkaW9uLkl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBY2NvcmRpb24uSXRlbS5JY29uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtcImFjY2VudFwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cIkFjY29yZGlvbiBJdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj17PEhvcml6b250YWxSdWxlSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgICAgICAgICAgZGVzY3JpcHRpb249e2Rlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWUgfHwgZGVmYXVsdENsYXNzTmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGRlZmF1bHRPcGVuPXtvcGVufVxuICAgICAgICAgICAgICAgICAgICAgICAgYWN0aW9ucz17cHJvcHMuYWN0aW9ucyA/PyBudWxsfVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAgICAgIDwvQWNjb3JkaW9uLkl0ZW0+XG4gICAgICAgICAgICAgICAgPC9BY2NvcmRpb24+XG4gICAgICAgICAgICAgICAge2lzVmFsaWQgPT09IGZhbHNlICYmIDxGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlIHRleHQ9e21lc3NhZ2V9IC8+fVxuICAgICAgICAgICAgPC8+XG4gICAgICAgICk7XG4gICAgfVxuKTtcblxuY29uc3QgRHluYW1pY1pvbmVDb250ZW50ID0gKHsgZmllbGQsIGdldEJpbmQsIGNvbnRlbnRNb2RlbCB9OiBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IHRlbXBsYXRlcyA9IGZpZWxkLnNldHRpbmdzPy50ZW1wbGF0ZXMgfHwgW107XG4gICAgaWYgKCF0ZW1wbGF0ZXMubGVuZ3RoKSB7XG4gICAgICAgIGNvbnNvbGUuaW5mbyhcbiAgICAgICAgICAgIGBTa2lwcGluZyBcIiR7ZmllbGQuZmllbGRJZH1cIiBmaWVsZC4gVGhlcmUgYXJlIG5vIHRlbXBsYXRlcyBkZWZpbmVkIGZvciB0aGlzIGR5bmFtaWMgem9uZS5gXG4gICAgICAgICk7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGNvbnN0IEJpbmQgPSBnZXRCaW5kKCk7XG5cbiAgICBjb25zdCBDb21wb25lbnQgPSBmaWVsZC5saXN0ID8gTXVsdGlWYWx1ZUR5bmFtaWNab25lIDogU2luZ2xlVmFsdWVEeW5hbWljWm9uZTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxCaW5kPlxuICAgICAgICAgICAge2JpbmQgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIDxCaW5kLlZhbGlkYXRpb25Db250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8RHluYW1pY1pvbmVDb250YWluZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWVsZD17ZmllbGR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYmluZD17YmluZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBnZXRCaW5kPXtnZXRCaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnRNb2RlbD17Y29udGVudE1vZGVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDb21wb25lbnRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYmluZD17YmluZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmllbGQ9e2ZpZWxkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBnZXRCaW5kPXtnZXRCaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb250ZW50TW9kZWw9e2NvbnRlbnRNb2RlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9EeW5hbWljWm9uZUNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgPC9CaW5kLlZhbGlkYXRpb25Db250YWluZXI+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgIDwvQmluZD5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNab25lRmllbGRSZW5kZXJlcjogQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luID0ge1xuICAgIHR5cGU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlclwiLFxuICAgIG5hbWU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlci1keW5hbWljLXpvbmVcIixcbiAgICByZW5kZXJlcjoge1xuICAgICAgICByZW5kZXJlck5hbWU6IFwiZHluYW1pY1pvbmVcIixcbiAgICAgICAgbmFtZTogXCJEeW5hbWljIFpvbmVcIixcbiAgICAgICAgZGVzY3JpcHRpb246IFwiUmVuZGVycyBhIGR5bmFtaWMgem9uZS5cIixcbiAgICAgICAgY2FuVXNlKHsgZmllbGQgfSkge1xuICAgICAgICAgICAgcmV0dXJuIGZpZWxkLnR5cGUgPT09IFwiZHluYW1pY1pvbmVcIjtcbiAgICAgICAgfSxcbiAgICAgICAgcmVuZGVyKHByb3BzKSB7XG4gICAgICAgICAgICByZXR1cm4gPER5bmFtaWNab25lQ29udGVudCB7Li4ucHJvcHN9IC8+O1xuICAgICAgICB9LFxuICAgICAgICByZW5kZXJTZXR0aW5ncyh7IGZpZWxkIH0pIHtcbiAgICAgICAgICAgIHJldHVybiA8QWNjb3JkaW9uUmVuZGVyU2V0dGluZ3MgZmllbGQ9e2ZpZWxkfSAvPjtcbiAgICAgICAgfVxuICAgIH1cbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const DynamicZoneContainer = makeDecoratable("DynamicZoneContainer", props => {
-  const {
-    field,
-    bind: {
-      validation: {
-        isValid,
-        message
-      }
-    },
-    title = field.label,
-    description = field.description,
-    className,
-    children
-  } = props;
-  const defaultClassName = field.list ? noBottomPadding : undefined;
-  const {
-    open
-  } = getAccordionRenderSettings(field);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion, {
-    background: "base",
-    variant: "container"
-  }, /*#__PURE__*/React.createElement(Accordion.Item, {
-    icon: /*#__PURE__*/React.createElement(Accordion.Item.Icon, {
-      color: "accent",
-      label: "Accordion Item",
-      icon: /*#__PURE__*/React.createElement(HorizontalRuleIcon, null)
-    }),
-    title: title,
-    description: description,
-    className: className || defaultClassName,
-    defaultOpen: open,
-    actions: props.actions ?? null
-  }, children)), isValid === false && /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
-    text: message
-  }));
+import { ReactComponent } from "@webiny/icons/horizontal_rule.svg";
+const noBottomPadding = css`
+    > .webiny-ui-accordion-item__content {
+        padding-bottom: 0 !important;
+    }
+`;
+const DynamicZoneContainer = makeDecoratable("DynamicZoneContainer", (props)=>{
+    const { field, bind: { validation: { isValid, message } }, title = field.label, description = field.description, className, children } = props;
+    const defaultClassName = field.list ? noBottomPadding : void 0;
+    const { open } = getAccordionRenderSettings(field);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Accordion, {
+        background: "base",
+        variant: "container"
+    }, /*#__PURE__*/ react.createElement(Accordion.Item, {
+        icon: /*#__PURE__*/ react.createElement(Accordion.Item.Icon, {
+            color: "accent",
+            label: "Accordion Item",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+        }),
+        title: title,
+        description: description,
+        className: className || defaultClassName,
+        defaultOpen: open,
+        actions: props.actions ?? null
+    }, children)), false === isValid && /*#__PURE__*/ react.createElement(FormComponentErrorMessage, {
+        text: message
+    }));
 });
-const DynamicZoneContent = ({
-  field,
-  getBind,
-  contentModel
-}) => {
-  const templates = field.settings?.templates || [];
-  if (!templates.length) {
-    console.info(`Skipping "${field.fieldId}" field. There are no templates defined for this dynamic zone.`);
-    return null;
-  }
-  const Bind = getBind();
-  const Component = field.list ? MultiValueDynamicZone : SingleValueDynamicZone;
-  return /*#__PURE__*/React.createElement(Bind, null, bind => {
-    return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(DynamicZoneContainer, {
-      field: field,
-      bind: bind,
-      getBind: getBind,
-      contentModel: contentModel
-    }, /*#__PURE__*/React.createElement(Component, {
-      bind: bind,
-      field: field,
-      getBind: getBind,
-      contentModel: contentModel
-    })));
-  });
+const DynamicZoneContent = ({ field, getBind, contentModel })=>{
+    const templates = field.settings?.templates || [];
+    if (!templates.length) {
+        console.info(`Skipping "${field.fieldId}" field. There are no templates defined for this dynamic zone.`);
+        return null;
+    }
+    const Bind = getBind();
+    const Component = field.list ? MultiValueDynamicZone : SingleValueDynamicZone;
+    return /*#__PURE__*/ react.createElement(Bind, null, (bind)=>/*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(DynamicZoneContainer, {
+            field: field,
+            bind: bind,
+            getBind: getBind,
+            contentModel: contentModel
+        }, /*#__PURE__*/ react.createElement(Component, {
+            bind: bind,
+            field: field,
+            getBind: getBind,
+            contentModel: contentModel
+        }))));
 };
-export const dynamicZoneFieldRenderer = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-dynamic-zone",
-  renderer: {
-    rendererName: "dynamicZone",
-    name: "Dynamic Zone",
-    description: "Renders a dynamic zone.",
-    canUse({
-      field
-    }) {
-      return field.type === "dynamicZone";
-    },
-    render(props) {
-      return /*#__PURE__*/React.createElement(DynamicZoneContent, props);
-    },
-    renderSettings({
-      field
-    }) {
-      return /*#__PURE__*/React.createElement(AccordionRenderSettings, {
-        field: field
-      });
+const dynamicZoneFieldRenderer = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-dynamic-zone",
+    renderer: {
+        rendererName: "dynamicZone",
+        name: "Dynamic Zone",
+        description: "Renders a dynamic zone.",
+        canUse ({ field }) {
+            return "dynamicZone" === field.type;
+        },
+        render (props) {
+            return /*#__PURE__*/ react.createElement(DynamicZoneContent, props);
+        },
+        renderSettings ({ field }) {
+            return /*#__PURE__*/ react.createElement(AccordionRenderSettings, {
+                field: field
+            });
+        }
     }
-  }
 };
+export { DynamicZoneContainer, dynamicZoneFieldRenderer };
 
 //# sourceMappingURL=dynamicZoneRenderer.js.map

package/admin/plugins/fieldRenderers/dynamicZone/dynamicZoneRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","css","SingleValueDynamicZone","MultiValueDynamicZone","AccordionRenderSettings","getAccordionRenderSettings","makeDecoratable","Accordion","FormComponentErrorMessage","ReactComponent","HorizontalRuleIcon","noBottomPadding","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","DynamicZoneContainer","props","field","bind","validation","isValid","message","title","label","description","className","children","defaultClassName","list","undefined","open","createElement","Fragment","background","variant","Item","icon","Icon","color","defaultOpen","actions","text","DynamicZoneContent","getBind","contentModel","templates","settings","length","console","info","fieldId","Bind","Component","ValidationContainer","dynamicZoneFieldRenderer","type","renderer","rendererName","canUse","render","renderSettings"],"sources":["dynamicZoneRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"@emotion/css\";\nimport type {\n    BindComponent,\n    BindComponentRenderProp,\n    CmsModel,\n    CmsModelField,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types.js\";\nimport { SingleValueDynamicZone } from \"./SingleValueDynamicZone.js\";\nimport { MultiValueDynamicZone } from \"./MultiValueDynamicZone.js\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings.js\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Accordion, FormComponentErrorMessage } from \"@webiny/admin-ui\";\nimport { ReactComponent as HorizontalRuleIcon } from \"@webiny/icons/horizontal_rule.svg\";\n\nconst noBottomPadding = css`\n    > .webiny-ui-accordion-item__content {\n        padding-bottom: 0 !important;\n    }\n`;\n\nexport type DynamicZoneContainerProps = {\n    field: CmsModelField;\n    getBind: (index?: number, key?: string) => BindComponent;\n    contentModel: CmsModel;\n    bind: BindComponentRenderProp;\n    children: React.ReactNode;\n    title?: string;\n    description?: string;\n    className?: string;\n    actions?: React.JSX.Element;\n};\n\nexport const DynamicZoneContainer = makeDecoratable(\n    \"DynamicZoneContainer\",\n    (props: DynamicZoneContainerProps) => {\n        const {\n            field,\n            bind: {\n                validation: { isValid, message }\n            },\n            title = field.label,\n            description = field.description,\n            className,\n            children\n        } = props;\n\n        const defaultClassName = field.list ? noBottomPadding : undefined;\n        const { open } = getAccordionRenderSettings(field);\n\n        return (\n            <>\n                <Accordion background={\"base\"} variant={\"container\"}>\n                    <Accordion.Item\n                        icon={\n                            <Accordion.Item.Icon\n                                color={\"accent\"}\n                                label=\"Accordion Item\"\n                                icon={<HorizontalRuleIcon />}\n                            />\n                        }\n                        title={title}\n                        description={description}\n                        className={className || defaultClassName}\n                        defaultOpen={open}\n                        actions={props.actions ?? null}\n                    >\n                        {children}\n                    </Accordion.Item>\n                </Accordion>\n                {isValid === false && <FormComponentErrorMessage text={message} />}\n            </>\n        );\n    }\n);\n\nconst DynamicZoneContent = ({ field, getBind, contentModel }: CmsModelFieldRendererProps) => {\n    const templates = field.settings?.templates || [];\n    if (!templates.length) {\n        console.info(\n            `Skipping \"${field.fieldId}\" field. There are no templates defined for this dynamic zone.`\n        );\n        return null;\n    }\n\n    const Bind = getBind();\n\n    const Component = field.list ? MultiValueDynamicZone : SingleValueDynamicZone;\n\n    return (\n        <Bind>\n            {bind => {\n                return (\n                    <Bind.ValidationContainer>\n                        <DynamicZoneContainer\n                            field={field}\n                            bind={bind}\n                            getBind={getBind}\n                            contentModel={contentModel}\n                        >\n                            <Component\n                                bind={bind}\n                                field={field}\n                                getBind={getBind}\n                                contentModel={contentModel}\n                            />\n                        </DynamicZoneContainer>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const dynamicZoneFieldRenderer: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-dynamic-zone\",\n    renderer: {\n        rendererName: \"dynamicZone\",\n        name: \"Dynamic Zone\",\n        description: \"Renders a dynamic zone.\",\n        canUse({ field }) {\n            return field.type === \"dynamicZone\";\n        },\n        render(props) {\n            return <DynamicZoneContent {...props} />;\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/dynamicZone/dynamicZoneRenderer.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dynamicZone/dynamicZoneRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"@emotion/css\";\nimport type {\n    BindComponent,\n    BindComponentRenderProp,\n    CmsModel,\n    CmsModelField,\n    CmsModelFieldRendererPlugin,\n    CmsModelFieldRendererProps\n} from \"~/types.js\";\nimport { SingleValueDynamicZone } from \"./SingleValueDynamicZone.js\";\nimport { MultiValueDynamicZone } from \"./MultiValueDynamicZone.js\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings.js\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Accordion, FormComponentErrorMessage } from \"@webiny/admin-ui\";\nimport { ReactComponent as HorizontalRuleIcon } from \"@webiny/icons/horizontal_rule.svg\";\n\nconst noBottomPadding = css`\n    > .webiny-ui-accordion-item__content {\n        padding-bottom: 0 !important;\n    }\n`;\n\nexport type DynamicZoneContainerProps = {\n    field: CmsModelField;\n    getBind: (index?: number, key?: string) => BindComponent;\n    contentModel: CmsModel;\n    bind: BindComponentRenderProp;\n    children: React.ReactNode;\n    title?: string;\n    description?: string;\n    className?: string;\n    actions?: React.JSX.Element;\n};\n\nexport const DynamicZoneContainer = makeDecoratable(\n    \"DynamicZoneContainer\",\n    (props: DynamicZoneContainerProps) => {\n        const {\n            field,\n            bind: {\n                validation: { isValid, message }\n            },\n            title = field.label,\n            description = field.description,\n            className,\n            children\n        } = props;\n\n        const defaultClassName = field.list ? noBottomPadding : undefined;\n        const { open } = getAccordionRenderSettings(field);\n\n        return (\n            <>\n                <Accordion background={\"base\"} variant={\"container\"}>\n                    <Accordion.Item\n                        icon={\n                            <Accordion.Item.Icon\n                                color={\"accent\"}\n                                label=\"Accordion Item\"\n                                icon={<HorizontalRuleIcon />}\n                            />\n                        }\n                        title={title}\n                        description={description}\n                        className={className || defaultClassName}\n                        defaultOpen={open}\n                        actions={props.actions ?? null}\n                    >\n                        {children}\n                    </Accordion.Item>\n                </Accordion>\n                {isValid === false && <FormComponentErrorMessage text={message} />}\n            </>\n        );\n    }\n);\n\nconst DynamicZoneContent = ({ field, getBind, contentModel }: CmsModelFieldRendererProps) => {\n    const templates = field.settings?.templates || [];\n    if (!templates.length) {\n        console.info(\n            `Skipping \"${field.fieldId}\" field. There are no templates defined for this dynamic zone.`\n        );\n        return null;\n    }\n\n    const Bind = getBind();\n\n    const Component = field.list ? MultiValueDynamicZone : SingleValueDynamicZone;\n\n    return (\n        <Bind>\n            {bind => {\n                return (\n                    <Bind.ValidationContainer>\n                        <DynamicZoneContainer\n                            field={field}\n                            bind={bind}\n                            getBind={getBind}\n                            contentModel={contentModel}\n                        >\n                            <Component\n                                bind={bind}\n                                field={field}\n                                getBind={getBind}\n                                contentModel={contentModel}\n                            />\n                        </DynamicZoneContainer>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport const dynamicZoneFieldRenderer: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-dynamic-zone\",\n    renderer: {\n        rendererName: \"dynamicZone\",\n        name: \"Dynamic Zone\",\n        description: \"Renders a dynamic zone.\",\n        canUse({ field }) {\n            return field.type === \"dynamicZone\";\n        },\n        render(props) {\n            return <DynamicZoneContent {...props} />;\n        },\n        renderSettings({ field }) {\n            return <AccordionRenderSettings field={field} />;\n        }\n    }\n};\n"],"names":["noBottomPadding","css","DynamicZoneContainer","makeDecoratable","props","field","isValid","message","title","description","className","children","defaultClassName","undefined","open","getAccordionRenderSettings","Accordion","HorizontalRuleIcon","FormComponentErrorMessage","DynamicZoneContent","getBind","contentModel","templates","console","Bind","Component","MultiValueDynamicZone","SingleValueDynamicZone","bind","dynamicZoneFieldRenderer","AccordionRenderSettings"],"mappings":";;;;;;;;AAiBA,MAAMA,kBAAkBC,GAAG,CAAC;;;;AAI5B,CAAC;AAcM,MAAMC,uBAAuBC,gBAChC,wBACA,CAACC;IACG,MAAM,EACFC,KAAK,EACL,MAAM,EACF,YAAY,EAAEC,OAAO,EAAEC,OAAO,EAAE,EACnC,EACDC,QAAQH,MAAM,KAAK,EACnBI,cAAcJ,MAAM,WAAW,EAC/BK,SAAS,EACTC,QAAQ,EACX,GAAGP;IAEJ,MAAMQ,mBAAmBP,MAAM,IAAI,GAAGL,kBAAkBa;IACxD,MAAM,EAAEC,IAAI,EAAE,GAAGC,2BAA2BV;IAE5C,OAAO,WAAP,GACI,wDACI,oBAACW,WAASA;QAAC,YAAY;QAAQ,SAAS;qBACpC,oBAACA,UAAU,IAAI;QACX,oBACI,oBAACA,UAAU,IAAI,CAAC,IAAI;YAChB,OAAO;YACP,OAAM;YACN,oBAAM,oBAACC,gBAAkBA;;QAGjC,OAAOT;QACP,aAAaC;QACb,WAAWC,aAAaE;QACxB,aAAaE;QACb,SAASV,MAAM,OAAO,IAAI;OAEzBO,YAGRL,AAAY,UAAZA,WAAqB,WAAT,GAAS,oBAACY,2BAAyBA;QAAC,MAAMX;;AAGnE;AAGJ,MAAMY,qBAAqB,CAAC,EAAEd,KAAK,EAAEe,OAAO,EAAEC,YAAY,EAA8B;IACpF,MAAMC,YAAYjB,MAAM,QAAQ,EAAE,aAAa,EAAE;IACjD,IAAI,CAACiB,UAAU,MAAM,EAAE;QACnBC,QAAQ,IAAI,CACR,CAAC,UAAU,EAAElB,MAAM,OAAO,CAAC,8DAA8D,CAAC;QAE9F,OAAO;IACX;IAEA,MAAMmB,OAAOJ;IAEb,MAAMK,YAAYpB,MAAM,IAAI,GAAGqB,wBAAwBC;IAEvD,OAAO,WAAP,GACI,oBAACH,MAAAA,MACII,CAAAA,OACU,WAAP,GACI,oBAACJ,KAAK,mBAAmB,sBACrB,oBAACtB,sBAAoBA;YACjB,OAAOG;YACP,MAAMuB;YACN,SAASR;YACT,cAAcC;yBAEd,oBAACI,WAAAA;YACG,MAAMG;YACN,OAAOvB;YACP,SAASe;YACT,cAAcC;;AAQ9C;AAEO,MAAMQ,2BAAwD;IACjE,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAM;QACN,aAAa;QACb,QAAO,EAAExB,KAAK,EAAE;YACZ,OAAOA,AAAe,kBAAfA,MAAM,IAAI;QACrB;QACA,QAAOD,KAAK;YACR,OAAO,WAAP,GAAO,oBAACe,oBAAuBf;QACnC;QACA,gBAAe,EAAEC,KAAK,EAAE;YACpB,OAAO,WAAP,GAAO,oBAACyB,yBAAuBA;gBAAC,OAAOzB;;QAC3C;IACJ;AACJ"}

package/admin/plugins/fieldRenderers/dynamicZone/index.js

@@ -1,6 +1,4 @@
+export * from "./TemplateProvider.js";
 export { DynamicZoneContainer } from "./dynamicZoneRenderer.js";
 export { TemplateGallery } from "./TemplateGallery.js";
-export { MultiValueItemContainer, MultiValueContainer, MultiValueItem } from "./MultiValueDynamicZone.js";
-export * from "./TemplateProvider.js";
-
-//# sourceMappingURL=index.js.map
+export { MultiValueContainer, MultiValueItem, MultiValueItemContainer } from "./MultiValueDynamicZone.js";

package/admin/plugins/fieldRenderers/dynamicZone/useTemplateTypename.js

@@ -3,29 +3,29 @@ import camelCase from "lodash/camelCase.js";
 import { useParentField } from "../../../components/ContentEntryForm/ParentValue.js";
 import { useModelField } from "../../../components/ModelFieldProvider/index.js";
 import { useModel } from "../../../components/ModelProvider/index.js";
-const createTypeName = modelId => {
-  return upperFirst(camelCase(modelId));
-};
-export const useTemplateTypename = () => {
-  const {
-    model
-  } = useModel();
-  const {
-    field
-  } = useModelField();
-  const parent = useParentField();
-  const getFullTypename = template => {
-    let currentParent = parent;
-    const parents = [];
-    while (currentParent) {
-      parents.push(createTypeName(currentParent.field.fieldId));
-      currentParent = currentParent.getParentField(0);
-    }
-    return [model.singularApiName, ...parents.reverse(), createTypeName(field.fieldId), template.gqlTypeName].join("_");
-  };
-  return {
-    getFullTypename
-  };
+const createTypeName = (modelId)=>upperFirst(camelCase(modelId));
+const useTemplateTypename = ()=>{
+    const { model } = useModel();
+    const { field } = useModelField();
+    const parent = useParentField();
+    const getFullTypename = (template)=>{
+        let currentParent = parent;
+        const parents = [];
+        while(currentParent){
+            parents.push(createTypeName(currentParent.field.fieldId));
+            currentParent = currentParent.getParentField(0);
+        }
+        return [
+            model.singularApiName,
+            ...parents.reverse(),
+            createTypeName(field.fieldId),
+            template.gqlTypeName
+        ].join("_");
+    };
+    return {
+        getFullTypename
+    };
 };
+export { useTemplateTypename };
 
 //# sourceMappingURL=useTemplateTypename.js.map

package/admin/plugins/fieldRenderers/dynamicZone/useTemplateTypename.js.map

@@ -1 +1 @@
-{"version":3,"names":["upperFirst","camelCase","useParentField","useModelField","useModel","createTypeName","modelId","useTemplateTypename","model","field","parent","getFullTypename","template","currentParent","parents","push","fieldId","getParentField","singularApiName","reverse","gqlTypeName","join"],"sources":["useTemplateTypename.ts"],"sourcesContent":["import upperFirst from \"lodash/upperFirst.js\";\nimport camelCase from \"lodash/camelCase.js\";\nimport type { CmsDynamicZoneTemplate } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { useParentField } from \"~/admin/components/ContentEntryForm/ParentValue.js\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { useModel } from \"~/admin/components/ModelProvider/index.js\";\n\nconst createTypeName = (modelId: string): string => {\n    return upperFirst(camelCase(modelId));\n};\n\nexport const useTemplateTypename = () => {\n    const { model } = useModel();\n    const { field } = useModelField();\n    const parent = useParentField();\n\n    const getFullTypename = (template: CmsDynamicZoneTemplate) => {\n        let currentParent = parent;\n        const parents: string[] = [];\n        while (currentParent) {\n            parents.push(createTypeName(currentParent.field.fieldId));\n\n            currentParent = currentParent.getParentField(0);\n        }\n\n        return [\n            model.singularApiName,\n            ...parents.reverse(),\n            createTypeName(field.fieldId),\n            template.gqlTypeName\n        ].join(\"_\");\n    };\n\n    return { getFullTypename };\n};\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,sBAAsB;AAC7C,OAAOC,SAAS,MAAM,qBAAqB;AAE3C,SAASC,cAAc;AACvB,SAASC,aAAa;AACtB,SAASC,QAAQ;AAEjB,MAAMC,cAAc,GAAIC,OAAe,IAAa;EAChD,OAAON,UAAU,CAACC,SAAS,CAACK,OAAO,CAAC,CAAC;AACzC,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,MAAM;IAAEC;EAAM,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAEK;EAAM,CAAC,GAAGN,aAAa,CAAC,CAAC;EACjC,MAAMO,MAAM,GAAGR,cAAc,CAAC,CAAC;EAE/B,MAAMS,eAAe,GAAIC,QAAgC,IAAK;IAC1D,IAAIC,aAAa,GAAGH,MAAM;IAC1B,MAAMI,OAAiB,GAAG,EAAE;IAC5B,OAAOD,aAAa,EAAE;MAClBC,OAAO,CAACC,IAAI,CAACV,cAAc,CAACQ,aAAa,CAACJ,KAAK,CAACO,OAAO,CAAC,CAAC;MAEzDH,aAAa,GAAGA,aAAa,CAACI,cAAc,CAAC,CAAC,CAAC;IACnD;IAEA,OAAO,CACHT,KAAK,CAACU,eAAe,EACrB,GAAGJ,OAAO,CAACK,OAAO,CAAC,CAAC,EACpBd,cAAc,CAACI,KAAK,CAACO,OAAO,CAAC,EAC7BJ,QAAQ,CAACQ,WAAW,CACvB,CAACC,IAAI,CAAC,GAAG,CAAC;EACf,CAAC;EAED,OAAO;IAAEV;EAAgB,CAAC;AAC9B,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/dynamicZone/useTemplateTypename.js","sources":["../../../../../src/admin/plugins/fieldRenderers/dynamicZone/useTemplateTypename.ts"],"sourcesContent":["import upperFirst from \"lodash/upperFirst.js\";\nimport camelCase from \"lodash/camelCase.js\";\nimport type { CmsDynamicZoneTemplate } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { useParentField } from \"~/admin/components/ContentEntryForm/ParentValue.js\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { useModel } from \"~/admin/components/ModelProvider/index.js\";\n\nconst createTypeName = (modelId: string): string => {\n    return upperFirst(camelCase(modelId));\n};\n\nexport const useTemplateTypename = () => {\n    const { model } = useModel();\n    const { field } = useModelField();\n    const parent = useParentField();\n\n    const getFullTypename = (template: CmsDynamicZoneTemplate) => {\n        let currentParent = parent;\n        const parents: string[] = [];\n        while (currentParent) {\n            parents.push(createTypeName(currentParent.field.fieldId));\n\n            currentParent = currentParent.getParentField(0);\n        }\n\n        return [\n            model.singularApiName,\n            ...parents.reverse(),\n            createTypeName(field.fieldId),\n            template.gqlTypeName\n        ].join(\"_\");\n    };\n\n    return { getFullTypename };\n};\n"],"names":["createTypeName","modelId","upperFirst","camelCase","useTemplateTypename","model","useModel","field","useModelField","parent","useParentField","getFullTypename","template","currentParent","parents"],"mappings":";;;;;AAOA,MAAMA,iBAAiB,CAACC,UACbC,WAAWC,UAAUF;AAGzB,MAAMG,sBAAsB;IAC/B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,SAASC;IAEf,MAAMC,kBAAkB,CAACC;QACrB,IAAIC,gBAAgBJ;QACpB,MAAMK,UAAoB,EAAE;QAC5B,MAAOD,cAAe;YAClBC,QAAQ,IAAI,CAACd,eAAea,cAAc,KAAK,CAAC,OAAO;YAEvDA,gBAAgBA,cAAc,cAAc,CAAC;QACjD;QAEA,OAAO;YACHR,MAAM,eAAe;eAClBS,QAAQ,OAAO;YAClBd,eAAeO,MAAM,OAAO;YAC5BK,SAAS,WAAW;SACvB,CAAC,IAAI,CAAC;IACX;IAEA,OAAO;QAAED;IAAgB;AAC7B"}

package/admin/plugins/fieldRenderers/hidden.js

@@ -1,17 +1,18 @@
-export const hiddenFieldRenderer = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-hidden",
-  renderer: {
-    rendererName: "hidden",
-    name: "Hidden Field",
-    description: `Hides the component from the UI.`,
-    canUse() {
-      return true;
-    },
-    render() {
-      return null;
+const hiddenFieldRenderer = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-hidden",
+    renderer: {
+        rendererName: "hidden",
+        name: "Hidden Field",
+        description: "Hides the component from the UI.",
+        canUse () {
+            return true;
+        },
+        render () {
+            return null;
+        }
     }
-  }
 };
+export { hiddenFieldRenderer };
 
 //# sourceMappingURL=hidden.js.map

package/admin/plugins/fieldRenderers/hidden.js.map

@@ -1 +1 @@
-{"version":3,"names":["hiddenFieldRenderer","type","name","renderer","rendererName","description","canUse","render"],"sources":["hidden.tsx"],"sourcesContent":["import type { CmsModelFieldRendererPlugin } from \"~/types.js\";\n\nexport const hiddenFieldRenderer: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-hidden\",\n    renderer: {\n        rendererName: \"hidden\",\n        name: \"Hidden Field\",\n        description: `Hides the component from the UI.`,\n        canUse() {\n            return true;\n        },\n        render() {\n            return null;\n        }\n    }\n};\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAgD,GAAG;EAC5DC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBF,IAAI,EAAE,cAAc;IACpBG,WAAW,EAAE,kCAAkC;IAC/CC,MAAMA,CAAA,EAAG;MACL,OAAO,IAAI;IACf,CAAC;IACDC,MAAMA,CAAA,EAAG;MACL,OAAO,IAAI;IACf;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/hidden.js","sources":["../../../../src/admin/plugins/fieldRenderers/hidden.tsx"],"sourcesContent":["import type { CmsModelFieldRendererPlugin } from \"~/types.js\";\n\nexport const hiddenFieldRenderer: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-hidden\",\n    renderer: {\n        rendererName: \"hidden\",\n        name: \"Hidden Field\",\n        description: `Hides the component from the UI.`,\n        canUse() {\n            return true;\n        },\n        render() {\n            return null;\n        }\n    }\n};\n"],"names":["hiddenFieldRenderer"],"mappings":"AAEO,MAAMA,sBAAmD;IAC5D,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAM;QACN,aAAa;QACb;YACI,OAAO;QACX;QACA;YACI,OAAO;QACX;IACJ;AACJ"}

package/admin/plugins/fieldRenderers/lexicalText/index.js

@@ -1,7 +1,9 @@
 import lexicalTextInput from "./lexicalTextInput.js";
 import lexicalTextInputs from "./lexicalTextInputs.js";
-export const createLexicalInput = () => {
-  return [lexicalTextInput, lexicalTextInputs];
-};
+const createLexicalInput = ()=>[
+        lexicalTextInput,
+        lexicalTextInputs
+    ];
+export { createLexicalInput };
 
 //# sourceMappingURL=index.js.map

package/admin/plugins/fieldRenderers/lexicalText/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["lexicalTextInput","lexicalTextInputs","createLexicalInput"],"sources":["index.ts"],"sourcesContent":["import lexicalTextInput from \"./lexicalTextInput.js\";\nimport lexicalTextInputs from \"./lexicalTextInputs.js\";\nexport const createLexicalInput = () => {\n    return [lexicalTextInput, lexicalTextInputs];\n};\n"],"mappings":"AAAA,OAAOA,gBAAgB;AACvB,OAAOC,iBAAiB;AACxB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,OAAO,CAACF,gBAAgB,EAAEC,iBAAiB,CAAC;AAChD,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/lexicalText/index.js","sources":["../../../../../src/admin/plugins/fieldRenderers/lexicalText/index.ts"],"sourcesContent":["import lexicalTextInput from \"./lexicalTextInput.js\";\nimport lexicalTextInputs from \"./lexicalTextInputs.js\";\nexport const createLexicalInput = () => {\n    return [lexicalTextInput, lexicalTextInputs];\n};\n"],"names":["createLexicalInput","lexicalTextInput","lexicalTextInputs"],"mappings":";;AAEO,MAAMA,qBAAqB,IACvB;QAACC;QAAkBC;KAAkB"}

package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInput.js

@@ -1,62 +1,57 @@
-import React from "react";
+import react from "react";
 import get from "lodash/get.js";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { FormComponentLabel } from "@webiny/admin-ui";
-import { FormComponentNote } from "@webiny/admin-ui";
-import { FormComponentDescription } from "@webiny/admin-ui";
+import { FormComponentDescription, FormComponentLabel, FormComponentNote } from "@webiny/admin-ui";
 import { useForm } from "@webiny/form";
 import { LexicalCmsEditor } from "../../../components/LexicalCmsEditor/LexicalCmsEditor.js";
 import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 const t = i18n.ns("app-headless-cms/admin/fields/rich-text");
-const getKey = (id, field) => {
-  const formId = id || "new";
-  return `${formId}.${field.fieldId}`;
+const getKey = (id, field)=>{
+    const formId = id || "new";
+    return `${formId}.${field.fieldId}`;
 };
-const plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-lexical",
-  renderer: {
-    rendererName: "lexical-text-input",
-    name: t`Lexical Text Input`,
-    description: t`Renders a lexical text editor.`,
-    canUse({
-      field
-    }) {
-      return [field.type === "rich-text", !field.list, !get(field, "predefinedValues.enabled")].every(Boolean);
-    },
-    render({
-      getBind
-    }) {
-      const {
-        field
-      } = useModelField();
-      const rules = useFieldEffectiveRules(field);
-      const form = useForm();
-      const Bind = getBind();
-      const disabled = !rules.canEdit || rules.disabled;
-      return /*#__PURE__*/React.createElement(Bind, null, bind => {
-        return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(FormComponentLabel, {
-          text: field.label,
-          hint: field.help,
-          disabled: disabled
-        }), /*#__PURE__*/React.createElement(FormComponentDescription, {
-          text: field.description,
-          disabled: disabled
-        }), /*#__PURE__*/React.createElement(LexicalCmsEditor, {
-          disabled: disabled,
-          value: bind.value,
-          onChange: bind.onChange,
-          key: getKey(form.data.id, field),
-          placeholder: field.placeholder,
-          "data-testid": `fr.input.lexical.${field.label}`
-        }), field.note ? /*#__PURE__*/React.createElement(FormComponentNote, {
-          text: field.note,
-          disabled: disabled
-        }) : null);
-      });
+const lexicalTextInput_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-lexical",
+    renderer: {
+        rendererName: "lexical-text-input",
+        name: t`Lexical Text Input`,
+        description: t`Renders a lexical text editor.`,
+        canUse ({ field }) {
+            return [
+                "rich-text" === field.type,
+                !field.list,
+                !get(field, "predefinedValues.enabled")
+            ].every(Boolean);
+        },
+        render ({ getBind }) {
+            const { field } = useModelField();
+            const rules = useFieldEffectiveRules(field);
+            const form = useForm();
+            const Bind = getBind();
+            const disabled = !rules.canEdit || rules.disabled;
+            return /*#__PURE__*/ react.createElement(Bind, null, (bind)=>/*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(FormComponentLabel, {
+                    text: field.label,
+                    hint: field.help,
+                    disabled: disabled
+                }), /*#__PURE__*/ react.createElement(FormComponentDescription, {
+                    text: field.description,
+                    disabled: disabled
+                }), /*#__PURE__*/ react.createElement(LexicalCmsEditor, {
+                    disabled: disabled,
+                    value: bind.value,
+                    onChange: bind.onChange,
+                    key: getKey(form.data.id, field),
+                    placeholder: field.placeholder,
+                    "data-testid": `fr.input.lexical.${field.label}`
+                }), field.note ? /*#__PURE__*/ react.createElement(FormComponentNote, {
+                    text: field.note,
+                    disabled: disabled
+                }) : null));
+        }
     }
-  }
 };
-export default plugin;
+const lexicalTextInput = lexicalTextInput_plugin;
+export default lexicalTextInput;
 
 //# sourceMappingURL=lexicalTextInput.js.map

package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","FormComponentLabel","FormComponentNote","FormComponentDescription","useForm","LexicalCmsEditor","useFieldEffectiveRules","useModelField","t","ns","getKey","id","field","formId","fieldId","plugin","type","name","renderer","rendererName","description","canUse","list","every","Boolean","render","getBind","rules","form","Bind","disabled","canEdit","createElement","bind","ValidationContainer","text","label","hint","help","value","onChange","key","data","placeholder","note"],"sources":["lexicalTextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { FormComponentLabel } from \"@webiny/admin-ui\";\nimport { FormComponentNote } from \"@webiny/admin-ui\";\nimport { FormComponentDescription } from \"@webiny/admin-ui\";\nimport type { CmsModelFieldRendererPlugin, CmsModelField } from \"~/types.js\";\nimport { useForm } from \"@webiny/form\";\nimport { LexicalCmsEditor } from \"~/admin/components/LexicalCmsEditor/LexicalCmsEditor.js\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (id: string | undefined, field: CmsModelField): string => {\n    const formId = id || \"new\";\n    return `${formId}.${field.fieldId}`;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-lexical\",\n    renderer: {\n        rendererName: \"lexical-text-input\",\n        name: t`Lexical Text Input`,\n        description: t`Renders a lexical text editor.`,\n        canUse({ field }) {\n            return [\n                field.type === \"rich-text\",\n                !field.list,\n                !get(field, \"predefinedValues.enabled\")\n            ].every(Boolean);\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const form = useForm();\n\n            const Bind = getBind();\n\n            const disabled = !rules.canEdit || rules.disabled;\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <FormComponentLabel\n                                    text={field.label}\n                                    hint={field.help}\n                                    disabled={disabled}\n                                />\n                                <FormComponentDescription\n                                    text={field.description}\n                                    disabled={disabled}\n                                />\n                                <LexicalCmsEditor\n                                    disabled={disabled}\n                                    value={bind.value}\n                                    onChange={bind.onChange}\n                                    key={getKey(form.data.id, field)}\n                                    placeholder={field.placeholder}\n                                    data-testid={`fr.input.lexical.${field.label}`}\n                                />\n                                {field.note ? (\n                                    <FormComponentNote text={field.note} disabled={disabled} />\n                                ) : null}\n                            </Bind.ValidationContainer>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,kBAAkB,QAAQ,kBAAkB;AACrD,SAASC,iBAAiB,QAAQ,kBAAkB;AACpD,SAASC,wBAAwB,QAAQ,kBAAkB;AAE3D,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,gBAAgB;AACzB,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAEvF,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,yCAAyC,CAAC;AAE5D,MAAMC,MAAM,GAAGA,CAACC,EAAsB,EAAEC,KAAoB,KAAa;EACrE,MAAMC,MAAM,GAAGF,EAAE,IAAI,KAAK;EAC1B,OAAO,GAAGE,MAAM,IAAID,KAAK,CAACE,OAAO,EAAE;AACvC,CAAC;AAED,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,oBAAoB;IAClCF,IAAI,EAAET,CAAC,oBAAoB;IAC3BY,WAAW,EAAEZ,CAAC,gCAAgC;IAC9Ca,MAAMA,CAAC;MAAET;IAAM,CAAC,EAAE;MACd,OAAO,CACHA,KAAK,CAACI,IAAI,KAAK,WAAW,EAC1B,CAACJ,KAAK,CAACU,IAAI,EACX,CAACvB,GAAG,CAACa,KAAK,EAAE,0BAA0B,CAAC,CAC1C,CAACW,KAAK,CAACC,OAAO,CAAC;IACpB,CAAC;IACDC,MAAMA,CAAC;MAAEC;IAAQ,CAAC,EAAE;MAChB,MAAM;QAAEd;MAAM,CAAC,GAAGL,aAAa,CAAC,CAAC;MACjC,MAAMoB,KAAK,GAAGrB,sBAAsB,CAACM,KAAK,CAAC;MAC3C,MAAMgB,IAAI,GAAGxB,OAAO,CAAC,CAAC;MAEtB,MAAMyB,IAAI,GAAGH,OAAO,CAAC,CAAC;MAEtB,MAAMI,QAAQ,GAAG,CAACH,KAAK,CAACI,OAAO,IAAIJ,KAAK,CAACG,QAAQ;MAEjD,oBACIhC,KAAA,CAAAkC,aAAA,CAACH,IAAI,QACAI,IAAI,IAAI;QACL,oBACInC,KAAA,CAAAkC,aAAA,CAACH,IAAI,CAACK,mBAAmB,qBACrBpC,KAAA,CAAAkC,aAAA,CAAC/B,kBAAkB;UACfkC,IAAI,EAAEvB,KAAK,CAACwB,KAAM;UAClBC,IAAI,EAAEzB,KAAK,CAAC0B,IAAK;UACjBR,QAAQ,EAAEA;QAAS,CACtB,CAAC,eACFhC,KAAA,CAAAkC,aAAA,CAAC7B,wBAAwB;UACrBgC,IAAI,EAAEvB,KAAK,CAACQ,WAAY;UACxBU,QAAQ,EAAEA;QAAS,CACtB,CAAC,eACFhC,KAAA,CAAAkC,aAAA,CAAC3B,gBAAgB;UACbyB,QAAQ,EAAEA,QAAS;UACnBS,KAAK,EAAEN,IAAI,CAACM,KAAM;UAClBC,QAAQ,EAAEP,IAAI,CAACO,QAAS;UACxBC,GAAG,EAAE/B,MAAM,CAACkB,IAAI,CAACc,IAAI,CAAC/B,EAAE,EAAEC,KAAK,CAAE;UACjC+B,WAAW,EAAE/B,KAAK,CAAC+B,WAAY;UAC/B,eAAa,oBAAoB/B,KAAK,CAACwB,KAAK;QAAG,CAClD,CAAC,EACDxB,KAAK,CAACgC,IAAI,gBACP9C,KAAA,CAAAkC,aAAA,CAAC9B,iBAAiB;UAACiC,IAAI,EAAEvB,KAAK,CAACgC,IAAK;UAACd,QAAQ,EAAEA;QAAS,CAAE,CAAC,GAC3D,IACkB,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAef,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/lexicalText/lexicalTextInput.js","sources":["../../../../../src/admin/plugins/fieldRenderers/lexicalText/lexicalTextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { FormComponentLabel } from \"@webiny/admin-ui\";\nimport { FormComponentNote } from \"@webiny/admin-ui\";\nimport { FormComponentDescription } from \"@webiny/admin-ui\";\nimport type { CmsModelFieldRendererPlugin, CmsModelField } from \"~/types.js\";\nimport { useForm } from \"@webiny/form\";\nimport { LexicalCmsEditor } from \"~/admin/components/LexicalCmsEditor/LexicalCmsEditor.js\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (id: string | undefined, field: CmsModelField): string => {\n    const formId = id || \"new\";\n    return `${formId}.${field.fieldId}`;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-lexical\",\n    renderer: {\n        rendererName: \"lexical-text-input\",\n        name: t`Lexical Text Input`,\n        description: t`Renders a lexical text editor.`,\n        canUse({ field }) {\n            return [\n                field.type === \"rich-text\",\n                !field.list,\n                !get(field, \"predefinedValues.enabled\")\n            ].every(Boolean);\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const form = useForm();\n\n            const Bind = getBind();\n\n            const disabled = !rules.canEdit || rules.disabled;\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <FormComponentLabel\n                                    text={field.label}\n                                    hint={field.help}\n                                    disabled={disabled}\n                                />\n                                <FormComponentDescription\n                                    text={field.description}\n                                    disabled={disabled}\n                                />\n                                <LexicalCmsEditor\n                                    disabled={disabled}\n                                    value={bind.value}\n                                    onChange={bind.onChange}\n                                    key={getKey(form.data.id, field)}\n                                    placeholder={field.placeholder}\n                                    data-testid={`fr.input.lexical.${field.label}`}\n                                />\n                                {field.note ? (\n                                    <FormComponentNote text={field.note} disabled={disabled} />\n                                ) : null}\n                            </Bind.ValidationContainer>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","getKey","id","field","formId","plugin","get","Boolean","getBind","useModelField","rules","useFieldEffectiveRules","form","useForm","Bind","disabled","bind","FormComponentLabel","FormComponentDescription","LexicalCmsEditor","FormComponentNote"],"mappings":";;;;;;;AAWA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,SAAS,CAACC,IAAwBC;IACpC,MAAMC,SAASF,MAAM;IACrB,OAAO,GAAGE,OAAO,CAAC,EAAED,MAAM,OAAO,EAAE;AACvC;AAEA,MAAME,0BAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAMN,CAAC,CAAC,kBAAkB,CAAC;QAC3B,aAAaA,CAAC,CAAC,8BAA8B,CAAC;QAC9C,QAAO,EAAEI,KAAK,EAAE;YACZ,OAAO;gBACY,gBAAfA,MAAM,IAAI;gBACV,CAACA,MAAM,IAAI;gBACX,CAACG,IAAIH,OAAO;aACf,CAAC,KAAK,CAACI;QACZ;QACA,QAAO,EAAEC,OAAO,EAAE;YACd,MAAM,EAAEL,KAAK,EAAE,GAAGM;YAClB,MAAMC,QAAQC,uBAAuBR;YACrC,MAAMS,OAAOC;YAEb,MAAMC,OAAON;YAEb,MAAMO,WAAW,CAACL,MAAM,OAAO,IAAIA,MAAM,QAAQ;YAEjD,OAAO,WAAP,GACI,oBAACI,MAAAA,MACIE,CAAAA,OACU,WAAP,GACI,oBAACF,KAAK,mBAAmB,sBACrB,oBAACG,oBAAkBA;oBACf,MAAMd,MAAM,KAAK;oBACjB,MAAMA,MAAM,IAAI;oBAChB,UAAUY;kCAEd,oBAACG,0BAAwBA;oBACrB,MAAMf,MAAM,WAAW;oBACvB,UAAUY;kCAEd,oBAACI,kBAAgBA;oBACb,UAAUJ;oBACV,OAAOC,KAAK,KAAK;oBACjB,UAAUA,KAAK,QAAQ;oBACvB,KAAKf,OAAOW,KAAK,IAAI,CAAC,EAAE,EAAET;oBAC1B,aAAaA,MAAM,WAAW;oBAC9B,eAAa,CAAC,iBAAiB,EAAEA,MAAM,KAAK,EAAE;oBAEjDA,MAAM,IAAI,GAAG,WAAH,GACP,oBAACiB,mBAAiBA;oBAAC,MAAMjB,MAAM,IAAI;oBAAE,UAAUY;qBAC/C;QAM5B;IACJ;AACJ;AAEA,yBAAeV"}