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

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

@@ -0,0 +1,33 @@
+import React from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { TemplateIcon } from "./TemplateIcon";
+import { Button, Heading, Text } from "@webiny/admin-ui";
+export const TemplateItem = makeDecoratable("TemplateItem", ({
+  template,
+  onTemplate
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-col wby-justify-between wby-bg-neutral-base wby-rounded-sm wby-shadow-sm wby-overflow-hidden"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "wby-text-center wby-p-lg wby-bg-neutral-muted"
+  }, /*#__PURE__*/React.createElement(TemplateIcon, {
+    icon: template.icon
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "wby-pt-md wby-px-md wby-text-left"
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 6,
+    className: "wby-mb-xs"
+  }, template.name), /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: "wby-text-neutral-strong"
+  }, template.description))), /*#__PURE__*/React.createElement("div", {
+    className: "wby-p-sm wby-text-right"
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: "sm",
+    text: "Insert",
+    onClick: () => onTemplate(template)
+  })));
+});
+
+//# sourceMappingURL=TemplateItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","TemplateIcon","Button","Heading","Text","TemplateItem","template","onTemplate","createElement","className","icon","level","name","size","as","description","text","onClick"],"sources":["TemplateItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport type { CmsDynamicZoneTemplate } from \"~/types\";\nimport { TemplateIcon } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateIcon\";\nimport { Button, Heading, Text } from \"@webiny/admin-ui\";\n\nexport interface TemplateCardProps {\n    template: CmsDynamicZoneTemplate;\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateItem = makeDecoratable(\n    \"TemplateItem\",\n    ({ template, onTemplate }: TemplateCardProps) => {\n        return (\n            <div\n                className={\n                    \"wby-flex wby-flex-col wby-justify-between wby-bg-neutral-base wby-rounded-sm wby-shadow-sm wby-overflow-hidden\"\n                }\n            >\n                <div>\n                    <div className={\"wby-text-center wby-p-lg wby-bg-neutral-muted\"}>\n                        <TemplateIcon icon={template.icon} />\n                    </div>\n                    <div className={\"wby-pt-md wby-px-md wby-text-left\"}>\n                        <Heading level={6} className={\"wby-mb-xs\"}>\n                            {template.name}\n                        </Heading>\n                        <Text size={\"sm\"} as={\"div\"} className={\"wby-text-neutral-strong\"}>\n                            {template.description}\n                        </Text>\n                    </div>\n                </div>\n                <div className={\"wby-p-sm wby-text-right\"}>\n                    <Button size={\"sm\"} text={\"Insert\"} onClick={() => onTemplate(template)} />\n                </div>\n            </div>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,YAAY;AACrB,SAASC,MAAM,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAOxD,OAAO,MAAMC,YAAY,GAAGL,eAAe,CACvC,cAAc,EACd,CAAC;EAAEM,QAAQ;EAAEC;AAA8B,CAAC,KAAK;EAC7C,oBACIR,KAAA,CAAAS,aAAA;IACIC,SAAS,EACL;EACH,gBAEDV,KAAA,CAAAS,aAAA,2BACIT,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAgD,gBAC5DV,KAAA,CAAAS,aAAA,CAACP,YAAY;IAACS,IAAI,EAAEJ,QAAQ,CAACI;EAAK,CAAE,CACnC,CAAC,eACNX,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAoC,gBAChDV,KAAA,CAAAS,aAAA,CAACL,OAAO;IAACQ,KAAK,EAAE,CAAE;IAACF,SAAS,EAAE;EAAY,GACrCH,QAAQ,CAACM,IACL,CAAC,eACVb,KAAA,CAAAS,aAAA,CAACJ,IAAI;IAACS,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE,KAAM;IAACL,SAAS,EAAE;EAA0B,GAC7DH,QAAQ,CAACS,WACR,CACL,CACJ,CAAC,eACNhB,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAA0B,gBACtCV,KAAA,CAAAS,aAAA,CAACN,MAAM;IAACW,IAAI,EAAE,IAAK;IAACG,IAAI,EAAE,QAAS;IAACC,OAAO,EAAEA,CAAA,KAAMV,UAAU,CAACD,QAAQ;EAAE,CAAE,CACzE,CACJ,CAAC;AAEd,CACJ,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/dynamicZone/TemplateProvider.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { CmsDynamicZoneTemplate } from "@webiny/app-headless-cms-common/types";
+export interface TemplateContext {
+    template: CmsDynamicZoneTemplate;
+}
+export interface TemplateProviderProps {
+    template: CmsDynamicZoneTemplate;
+    children: React.ReactNode;
+}
+export declare const TemplateProvider: ({ template, children }: TemplateProviderProps) => React.JSX.Element;
+export declare function useTemplate(): TemplateContext | undefined;

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

@@ -0,0 +1,18 @@
+import React, { useMemo } from "react";
+const TemplateContext = /*#__PURE__*/React.createContext(undefined);
+export const TemplateProvider = ({
+  template,
+  children
+}) => {
+  const context = useMemo(() => ({
+    template
+  }), [template.id]);
+  return /*#__PURE__*/React.createElement(TemplateContext.Provider, {
+    value: context
+  }, children);
+};
+export function useTemplate() {
+  return React.useContext(TemplateContext);
+}
+
+//# sourceMappingURL=TemplateProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","TemplateContext","createContext","undefined","TemplateProvider","template","children","context","id","createElement","Provider","value","useTemplate","useContext"],"sources":["TemplateProvider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { CmsDynamicZoneTemplate } from \"@webiny/app-headless-cms-common/types\";\n\nexport interface TemplateContext {\n    template: CmsDynamicZoneTemplate;\n}\n\nconst TemplateContext = React.createContext<TemplateContext | undefined>(undefined);\n\nexport interface TemplateProviderProps {\n    template: CmsDynamicZoneTemplate;\n    children: React.ReactNode;\n}\n\nexport const TemplateProvider = ({ template, children }: TemplateProviderProps) => {\n    const context = useMemo(() => ({ template }), [template.id]);\n    return <TemplateContext.Provider value={context}>{children}</TemplateContext.Provider>;\n};\n\nexport function useTemplate() {\n    return React.useContext(TemplateContext);\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAOtC,MAAMC,eAAe,gBAAGF,KAAK,CAACG,aAAa,CAA8BC,SAAS,CAAC;AAOnF,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,KAAK;EAC/E,MAAMC,OAAO,GAAGP,OAAO,CAAC,OAAO;IAAEK;EAAS,CAAC,CAAC,EAAE,CAACA,QAAQ,CAACG,EAAE,CAAC,CAAC;EAC5D,oBAAOT,KAAA,CAAAU,aAAA,CAACR,eAAe,CAACS,QAAQ;IAACC,KAAK,EAAEJ;EAAQ,GAAED,QAAmC,CAAC;AAC1F,CAAC;AAED,OAAO,SAASM,WAAWA,CAAA,EAAG;EAC1B,OAAOb,KAAK,CAACc,UAAU,CAACZ,eAAe,CAAC;AAC5C","ignoreList":[]}

package/admin/plugins/fieldRenderers/dynamicZone/dynamicZoneRenderer.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+import type { BindComponent, BindComponentRenderProp, CmsModel, CmsModelField, CmsModelFieldRendererPlugin } from "../../../../types";
+export type DynamicZoneContainerProps = {
+    field: CmsModelField;
+    getBind: (index?: number, key?: string) => BindComponent;
+    contentModel: CmsModel;
+    bind: BindComponentRenderProp;
+    children: React.ReactNode;
+    title?: string;
+    description?: string;
+    className?: string;
+    actions?: JSX.Element;
+};
+export declare const DynamicZoneContainer: ((props: DynamicZoneContainerProps) => React.JSX.Element) & {
+    original: (props: DynamicZoneContainerProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: DynamicZoneContainerProps) => React.JSX.Element) & {
+        original: (props: DynamicZoneContainerProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: DynamicZoneContainerProps) => React.JSX.Element) & {
+        original: (props: DynamicZoneContainerProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const dynamicZoneFieldRenderer: CmsModelFieldRendererPlugin;

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

@@ -0,0 +1,97 @@
+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 { css } from "@emotion/css";
+import { SingleValueDynamicZone } from "./SingleValueDynamicZone";
+import { MultiValueDynamicZone } from "./MultiValueDynamicZone";
+import { AccordionRenderSettings, getAccordionRenderSettings } from "../AccordionRenderSettings";
+import { makeDecoratable } from "@webiny/react-composition";
+import { Accordion, FormComponentErrorMessage } from "@webiny/admin-ui";
+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;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImR5bmFtaWNab25lUmVuZGVyZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCMkIiLCJmaWxlIjoiZHluYW1pY1pvbmVSZW5kZXJlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgdHlwZSB7XG4gICAgQmluZENvbXBvbmVudCxcbiAgICBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcCxcbiAgICBDbXNNb2RlbCxcbiAgICBDbXNNb2RlbEZpZWxkLFxuICAgIENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbixcbiAgICBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wc1xufSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgU2luZ2xlVmFsdWVEeW5hbWljWm9uZSB9IGZyb20gXCIuL1NpbmdsZVZhbHVlRHluYW1pY1pvbmVcIjtcbmltcG9ydCB7IE11bHRpVmFsdWVEeW5hbWljWm9uZSB9IGZyb20gXCIuL011bHRpVmFsdWVEeW5hbWljWm9uZVwiO1xuaW1wb3J0IHsgQWNjb3JkaW9uUmVuZGVyU2V0dGluZ3MsIGdldEFjY29yZGlvblJlbmRlclNldHRpbmdzIH0gZnJvbSBcIi4uL0FjY29yZGlvblJlbmRlclNldHRpbmdzXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1jb21wb3NpdGlvblwiO1xuaW1wb3J0IHsgQWNjb3JkaW9uLCBGb3JtQ29tcG9uZW50RXJyb3JNZXNzYWdlIH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcblxuY29uc3Qgbm9Cb3R0b21QYWRkaW5nID0gY3NzYFxuICAgID4gLndlYmlueS11aS1hY2NvcmRpb24taXRlbV9fY29udGVudCB7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IHR5cGUgRHluYW1pY1pvbmVDb250YWluZXJQcm9wcyA9IHtcbiAgICBmaWVsZDogQ21zTW9kZWxGaWVsZDtcbiAgICBnZXRCaW5kOiAoaW5kZXg/OiBudW1iZXIsIGtleT86IHN0cmluZykgPT4gQmluZENvbXBvbmVudDtcbiAgICBjb250ZW50TW9kZWw6IENtc01vZGVsO1xuICAgIGJpbmQ6IEJpbmRDb21wb25lbnRSZW5kZXJQcm9wO1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGFjdGlvbnM/OiBKU1guRWxlbWVudDtcbn07XG5cbmV4cG9ydCBjb25zdCBEeW5hbWljWm9uZUNvbnRhaW5lciA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIkR5bmFtaWNab25lQ29udGFpbmVyXCIsXG4gICAgKHByb3BzOiBEeW5hbWljWm9uZUNvbnRhaW5lclByb3BzKSA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIGZpZWxkLFxuICAgICAgICAgICAgYmluZDoge1xuICAgICAgICAgICAgICAgIHZhbGlkYXRpb246IHsgaXNWYWxpZCwgbWVzc2FnZSB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgdGl0bGUgPSBmaWVsZC5sYWJlbCxcbiAgICAgICAgICAgIGRlc2NyaXB0aW9uID0gZmllbGQuaGVscFRleHQsXG4gICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgY29uc3QgZGVmYXVsdENsYXNzTmFtZSA9IGZpZWxkLm11bHRpcGxlVmFsdWVzID8gbm9Cb3R0b21QYWRkaW5nIDogdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCB7IG9wZW4gfSA9IGdldEFjY29yZGlvblJlbmRlclNldHRpbmdzKGZpZWxkKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICA8QWNjb3JkaW9uPlxuICAgICAgICAgICAgICAgICAgICA8QWNjb3JkaW9uLkl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lIHx8IGRlZmF1bHRDbGFzc05hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICBkZWZhdWx0T3Blbj17b3Blbn1cbiAgICAgICAgICAgICAgICAgICAgICAgIGFjdGlvbnM9e3Byb3BzLmFjdGlvbnMgPz8gbnVsbH1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICAgICAgICA8L0FjY29yZGlvbi5JdGVtPlxuICAgICAgICAgICAgICAgIDwvQWNjb3JkaW9uPlxuICAgICAgICAgICAgICAgIHtpc1ZhbGlkID09PSBmYWxzZSAmJiA8Rm9ybUNvbXBvbmVudEVycm9yTWVzc2FnZSB0ZXh0PXttZXNzYWdlfSAvPn1cbiAgICAgICAgICAgIDwvPlxuICAgICAgICApO1xuICAgIH1cbik7XG5cbmNvbnN0IER5bmFtaWNab25lQ29udGVudCA9ICh7IGZpZWxkLCBnZXRCaW5kLCBjb250ZW50TW9kZWwgfTogQ21zTW9kZWxGaWVsZFJlbmRlcmVyUHJvcHMpID0+IHtcbiAgICBjb25zdCB0ZW1wbGF0ZXMgPSBmaWVsZC5zZXR0aW5ncz8udGVtcGxhdGVzIHx8IFtdO1xuICAgIGlmICghdGVtcGxhdGVzLmxlbmd0aCkge1xuICAgICAgICBjb25zb2xlLmluZm8oXG4gICAgICAgICAgICBgU2tpcHBpbmcgXCIke2ZpZWxkLmZpZWxkSWR9XCIgZmllbGQuIFRoZXJlIGFyZSBubyB0ZW1wbGF0ZXMgZGVmaW5lZCBmb3IgdGhpcyBkeW5hbWljIHpvbmUuYFxuICAgICAgICApO1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICBjb25zdCBCaW5kID0gZ2V0QmluZCgpO1xuXG4gICAgY29uc3QgQ29tcG9uZW50ID0gZmllbGQubXVsdGlwbGVWYWx1ZXMgPyBNdWx0aVZhbHVlRHluYW1pY1pvbmUgOiBTaW5nbGVWYWx1ZUR5bmFtaWNab25lO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJpbmQ+XG4gICAgICAgICAgICB7YmluZCA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPEJpbmQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxEeW5hbWljWm9uZUNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkPXtmaWVsZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kPXtiaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGdldEJpbmQ9e2dldEJpbmR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udGVudE1vZGVsPXtjb250ZW50TW9kZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbXBvbmVudFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kPXtiaW5kfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWVsZD17ZmllbGR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGdldEJpbmQ9e2dldEJpbmR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnRNb2RlbD17Y29udGVudE1vZGVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0R5bmFtaWNab25lQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICA8L0JpbmQuVmFsaWRhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgPC9CaW5kPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgZHluYW1pY1pvbmVGaWVsZFJlbmRlcmVyOiBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQbHVnaW4gPSB7XG4gICAgdHlwZTogXCJjbXMtZWRpdG9yLWZpZWxkLXJlbmRlcmVyXCIsXG4gICAgbmFtZTogXCJjbXMtZWRpdG9yLWZpZWxkLXJlbmRlcmVyLWR5bmFtaWMtem9uZVwiLFxuICAgIHJlbmRlcmVyOiB7XG4gICAgICAgIHJlbmRlcmVyTmFtZTogXCJkeW5hbWljWm9uZVwiLFxuICAgICAgICBuYW1lOiBcIkR5bmFtaWMgWm9uZVwiLFxuICAgICAgICBkZXNjcmlwdGlvbjogXCJSZW5kZXJzIGEgZHluYW1pYyB6b25lLlwiLFxuICAgICAgICBjYW5Vc2UoeyBmaWVsZCB9KSB7XG4gICAgICAgICAgICByZXR1cm4gZmllbGQudHlwZSA9PT0gXCJkeW5hbWljWm9uZVwiO1xuICAgICAgICB9LFxuICAgICAgICByZW5kZXIocHJvcHMpIHtcbiAgICAgICAgICAgIHJldHVybiA8RHluYW1pY1pvbmVDb250ZW50IHsuLi5wcm9wc30gLz47XG4gICAgICAgIH0sXG4gICAgICAgIHJlbmRlclNldHRpbmdzKHsgZmllbGQgfSkge1xuICAgICAgICAgICAgcmV0dXJuIDxBY2NvcmRpb25SZW5kZXJTZXR0aW5ncyBmaWVsZD17ZmllbGR9IC8+O1xuICAgICAgICB9XG4gICAgfVxufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const DynamicZoneContainer = makeDecoratable("DynamicZoneContainer", props => {
+  const {
+    field,
+    bind: {
+      validation: {
+        isValid,
+        message
+      }
+    },
+    title = field.label,
+    description = field.helpText,
+    className,
+    children
+  } = props;
+  const defaultClassName = field.multipleValues ? noBottomPadding : undefined;
+  const {
+    open
+  } = getAccordionRenderSettings(field);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(Accordion.Item, {
+    title: title,
+    description: description,
+    className: className || defaultClassName,
+    defaultOpen: open,
+    actions: props.actions ?? null
+  }, children)), isValid === false && /*#__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.multipleValues ? 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
+    })));
+  });
+};
+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
+      });
+    }
+  }
+};
+
+//# sourceMappingURL=dynamicZoneRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","css","SingleValueDynamicZone","MultiValueDynamicZone","AccordionRenderSettings","getAccordionRenderSettings","makeDecoratable","Accordion","FormComponentErrorMessage","noBottomPadding","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","DynamicZoneContainer","props","field","bind","validation","isValid","message","title","label","description","helpText","className","children","defaultClassName","multipleValues","undefined","open","createElement","Fragment","Item","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\";\nimport { SingleValueDynamicZone } from \"./SingleValueDynamicZone\";\nimport { MultiValueDynamicZone } from \"./MultiValueDynamicZone\";\nimport { AccordionRenderSettings, getAccordionRenderSettings } from \"../AccordionRenderSettings\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Accordion, FormComponentErrorMessage } from \"@webiny/admin-ui\";\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?: 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.helpText,\n            className,\n            children\n        } = props;\n\n        const defaultClassName = field.multipleValues ? noBottomPadding : undefined;\n        const { open } = getAccordionRenderSettings(field);\n\n        return (\n            <>\n                <Accordion>\n                    <Accordion.Item\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.multipleValues ? 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":[]}

package/admin/plugins/fieldRenderers/dynamicZone/index.d.ts

@@ -0,0 +1,4 @@
+export { type DynamicZoneContainerProps, DynamicZoneContainer } from "./dynamicZoneRenderer";
+export { TemplateGallery } from "./TemplateGallery";
+export { MultiValueItemContainer, MultiValueContainer, MultiValueItem } from "./MultiValueDynamicZone";
+export * from "./TemplateProvider";

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["DynamicZoneContainer","TemplateGallery","MultiValueItemContainer","MultiValueContainer","MultiValueItem"],"sources":["index.tsx"],"sourcesContent":["export { type DynamicZoneContainerProps, DynamicZoneContainer } from \"./dynamicZoneRenderer\";\nexport { TemplateGallery } from \"./TemplateGallery\";\nexport {\n    MultiValueItemContainer,\n    MultiValueContainer,\n    MultiValueItem\n} from \"./MultiValueDynamicZone\";\nexport * from \"./TemplateProvider\";\n"],"mappings":"AAAA,SAAyCA,oBAAoB;AAC7D,SAASC,eAAe;AACxB,SACIC,uBAAuB,EACvBC,mBAAmB,EACnBC,cAAc;AAElB","ignoreList":[]}

package/admin/plugins/fieldRenderers/dynamicZone/useTemplateTypename.d.ts

@@ -0,0 +1,4 @@
+import type { CmsDynamicZoneTemplate } from "@webiny/app-headless-cms-common/types";
+export declare const useTemplateTypename: () => {
+    getFullTypename: (template: CmsDynamicZoneTemplate) => string;
+};

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

@@ -0,0 +1,31 @@
+import upperFirst from "lodash/upperFirst";
+import camelCase from "lodash/camelCase";
+import { useParentField } from "../../../components/ContentEntryForm/ParentValue";
+import { useModelField } from "../../../components/ModelFieldProvider";
+import { useModel } from "../../../components/ModelProvider";
+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
+  };
+};
+
+//# sourceMappingURL=useTemplateTypename.js.map

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

@@ -0,0 +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\";\nimport camelCase from \"lodash/camelCase\";\nimport type { CmsDynamicZoneTemplate } from \"@webiny/app-headless-cms-common/types\";\nimport { useParentField } from \"~/admin/components/ContentEntryForm/ParentValue\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\nimport { useModel } from \"~/admin/components/ModelProvider\";\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,mBAAmB;AAC1C,OAAOC,SAAS,MAAM,kBAAkB;AAExC,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":[]}

package/admin/plugins/fieldRenderers/hidden.d.ts

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

package/admin/plugins/fieldRenderers/hidden.js

@@ -0,0 +1,17 @@
+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;
+    }
+  }
+};
+
+//# sourceMappingURL=hidden.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["hiddenFieldRenderer","type","name","renderer","rendererName","description","canUse","render"],"sources":["hidden.tsx"],"sourcesContent":["import type { CmsModelFieldRendererPlugin } from \"~/types\";\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":[]}

package/admin/plugins/fieldRenderers/lexicalText/index.d.ts

@@ -0,0 +1 @@
+export declare const createLexicalInput: () => import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[];

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["lexicalTextInput","lexicalTextInputs","createLexicalInput"],"sources":["index.ts"],"sourcesContent":["import lexicalTextInput from \"./lexicalTextInput\";\nimport lexicalTextInputs from \"./lexicalTextInputs\";\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":[]}

package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInput.d.ts

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

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

@@ -0,0 +1,56 @@
+import React from "react";
+import get from "lodash/get";
+import { i18n } from "@webiny/app/i18n";
+import { useForm } from "@webiny/form";
+import { LexicalCmsEditor } from "../../../components/LexicalCmsEditor/LexicalCmsEditor";
+import { modelHasLegacyRteField } from "../richText/utils";
+import { FormComponentDescription, DelayedOnChange } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/rich-text");
+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,
+      model
+    }) {
+      const canUse = field.type === "rich-text" && !field.multipleValues && !get(field, "predefinedValues.enabled");
+      if (canUse && modelHasLegacyRteField(model)) {
+        return false;
+      }
+      return canUse;
+    },
+    render({
+      field,
+      getBind,
+      Label
+    }) {
+      const form = useForm();
+      const Bind = getBind();
+      return /*#__PURE__*/React.createElement(Bind, null, bind => {
+        return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(Label, null, field.label), /*#__PURE__*/React.createElement(FormComponentDescription, {
+          text: field.helpText
+        }), /*#__PURE__*/React.createElement(DelayedOnChange, bind, ({
+          value,
+          onChange
+        }) => /*#__PURE__*/React.createElement(LexicalCmsEditor, {
+          value: value,
+          onChange: onChange,
+          key: getKey(form.data.id, field),
+          placeholder: field.placeholderText,
+          "data-testid": `fr.input.lexical.${field.label}`
+        })));
+      });
+    }
+  }
+};
+export default plugin;
+
+//# sourceMappingURL=lexicalTextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","get","i18n","useForm","LexicalCmsEditor","modelHasLegacyRteField","FormComponentDescription","DelayedOnChange","t","ns","getKey","id","field","formId","fieldId","plugin","type","name","renderer","rendererName","description","canUse","model","multipleValues","render","getBind","Label","form","Bind","createElement","bind","ValidationContainer","label","text","helpText","value","onChange","key","data","placeholder","placeholderText"],"sources":["lexicalTextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsModelFieldRendererPlugin, CmsModelField } from \"~/types\";\nimport { useForm } from \"@webiny/form\";\nimport { LexicalCmsEditor } from \"~/admin/components/LexicalCmsEditor/LexicalCmsEditor\";\nimport { modelHasLegacyRteField } from \"~/admin/plugins/fieldRenderers/richText/utils\";\nimport { FormComponentDescription, DelayedOnChange } from \"@webiny/admin-ui\";\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, model }) {\n            const canUse =\n                field.type === \"rich-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\");\n\n            if (canUse && modelHasLegacyRteField(model)) {\n                return false;\n            }\n\n            return canUse;\n        },\n        render({ field, getBind, Label }) {\n            const form = useForm();\n            const Bind = getBind<string>();\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <Label>{field.label}</Label>\n                                <FormComponentDescription text={field.helpText} />\n                                <DelayedOnChange {...bind}>\n                                    {({ value, onChange }) => (\n                                        <LexicalCmsEditor\n                                            value={value}\n                                            onChange={onChange}\n                                            key={getKey(form.data.id, field)}\n                                            placeholder={field.placeholderText}\n                                            data-testid={`fr.input.lexical.${field.label}`}\n                                        />\n                                    )}\n                                </DelayedOnChange>\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,YAAY;AAC5B,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,gBAAgB;AACzB,SAASC,sBAAsB;AAC/B,SAASC,wBAAwB,EAAEC,eAAe,QAAQ,kBAAkB;AAE5E,MAAMC,CAAC,GAAGN,IAAI,CAACO,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,KAAK;MAAEU;IAAM,CAAC,EAAE;MACrB,MAAMD,MAAM,GACRT,KAAK,CAACI,IAAI,KAAK,WAAW,IAC1B,CAACJ,KAAK,CAACW,cAAc,IACrB,CAACtB,GAAG,CAACW,KAAK,EAAE,0BAA0B,CAAC;MAE3C,IAAIS,MAAM,IAAIhB,sBAAsB,CAACiB,KAAK,CAAC,EAAE;QACzC,OAAO,KAAK;MAChB;MAEA,OAAOD,MAAM;IACjB,CAAC;IACDG,MAAMA,CAAC;MAAEZ,KAAK;MAAEa,OAAO;MAAEC;IAAM,CAAC,EAAE;MAC9B,MAAMC,IAAI,GAAGxB,OAAO,CAAC,CAAC;MACtB,MAAMyB,IAAI,GAAGH,OAAO,CAAS,CAAC;MAC9B,oBACIzB,KAAA,CAAA6B,aAAA,CAACD,IAAI,QACAE,IAAI,IAAI;QACL,oBACI9B,KAAA,CAAA6B,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrB/B,KAAA,CAAA6B,aAAA,CAACH,KAAK,QAAEd,KAAK,CAACoB,KAAa,CAAC,eAC5BhC,KAAA,CAAA6B,aAAA,CAACvB,wBAAwB;UAAC2B,IAAI,EAAErB,KAAK,CAACsB;QAAS,CAAE,CAAC,eAClDlC,KAAA,CAAA6B,aAAA,CAACtB,eAAe,EAAKuB,IAAI,EACpB,CAAC;UAAEK,KAAK;UAAEC;QAAS,CAAC,kBACjBpC,KAAA,CAAA6B,aAAA,CAACzB,gBAAgB;UACb+B,KAAK,EAAEA,KAAM;UACbC,QAAQ,EAAEA,QAAS;UACnBC,GAAG,EAAE3B,MAAM,CAACiB,IAAI,CAACW,IAAI,CAAC3B,EAAE,EAAEC,KAAK,CAAE;UACjC2B,WAAW,EAAE3B,KAAK,CAAC4B,eAAgB;UACnC,eAAa,oBAAoB5B,KAAK,CAACoB,KAAK;QAAG,CAClD,CAEQ,CACK,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAejB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/lexicalText/lexicalTextInputs.d.ts

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

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

@@ -0,0 +1,69 @@
+import React from "react";
+import get from "lodash/get";
+import { i18n } from "@webiny/app/i18n";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete_outline.svg";
+import DynamicSection from "../DynamicSection";
+import { LexicalCmsEditor } from "../../../components/LexicalCmsEditor/LexicalCmsEditor";
+import { modelHasLegacyRteField } from "../richText/utils";
+import { useForm } from "@webiny/form";
+import { MultiValueRendererSettings } from "../MultiValueRendererSettings";
+import { FormComponentNote, DelayedOnChange, IconButton } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/rich-text");
+const getKey = (id, field, index) => {
+  const formId = id || "new";
+  return `${formId}.${field.fieldId}.${index}`;
+};
+const plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-lexical-inputs",
+  renderer: {
+    rendererName: "lexical-text-inputs",
+    name: t`Lexical Text Inputs`,
+    description: t`Renders a list of lexical editors.`,
+    canUse({
+      field,
+      model
+    }) {
+      const canUse = field.type === "rich-text" && !!field.multipleValues && !get(field, "predefinedValues.enabled");
+      if (canUse && modelHasLegacyRteField(model)) {
+        return false;
+      }
+      return canUse;
+    },
+    render(props) {
+      const {
+        field
+      } = props;
+      const form = useForm();
+      return /*#__PURE__*/React.createElement(DynamicSection, props, ({
+        bind,
+        index
+      }) => /*#__PURE__*/React.createElement("div", {
+        className: "wby-relative"
+      }, /*#__PURE__*/React.createElement(DelayedOnChange, bind.index, ({
+        value,
+        onChange
+      }) => /*#__PURE__*/React.createElement(LexicalCmsEditor, {
+        value: value,
+        onChange: onChange,
+        key: getKey(form.data.id, field, index),
+        placeholder: field.placeholderText
+      })), field.multipleValues ? null : /*#__PURE__*/React.createElement(FormComponentNote, {
+        text: field.helpText
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "wby-absolute wby-top-sm wby-right-sm wby-z-10"
+      }, /*#__PURE__*/React.createElement(IconButton, {
+        variant: "ghost",
+        size: "md",
+        icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+        onClick: () => bind.field.removeValue(index)
+      }))));
+    },
+    renderSettings(props) {
+      return /*#__PURE__*/React.createElement(MultiValueRendererSettings, props);
+    }
+  }
+};
+export default plugin;
+
+//# sourceMappingURL=lexicalTextInputs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","get","i18n","ReactComponent","DeleteIcon","DynamicSection","LexicalCmsEditor","modelHasLegacyRteField","useForm","MultiValueRendererSettings","FormComponentNote","DelayedOnChange","IconButton","t","ns","getKey","id","field","index","formId","fieldId","plugin","type","name","renderer","rendererName","description","canUse","model","multipleValues","render","props","form","createElement","bind","className","value","onChange","key","data","placeholder","placeholderText","text","helpText","variant","size","icon","onClick","removeValue","renderSettings"],"sources":["lexicalTextInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { LexicalCmsEditor } from \"~/admin/components/LexicalCmsEditor/LexicalCmsEditor\";\nimport { modelHasLegacyRteField } from \"~/admin/plugins/fieldRenderers/richText/utils\";\nimport { useForm } from \"@webiny/form\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\nimport { FormComponentNote, DelayedOnChange, IconButton } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (id: string | undefined, field: CmsModelField, index: number): string => {\n    const formId = id || \"new\";\n    return `${formId}.${field.fieldId}.${index}`;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-lexical-inputs\",\n    renderer: {\n        rendererName: \"lexical-text-inputs\",\n        name: t`Lexical Text Inputs`,\n        description: t`Renders a list of lexical editors.`,\n        canUse({ field, model }) {\n            const canUse =\n                field.type === \"rich-text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\");\n\n            if (canUse && modelHasLegacyRteField(model)) {\n                return false;\n            }\n\n            return canUse;\n        },\n        render(props) {\n            const { field } = props;\n            const form = useForm();\n\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <div className={\"wby-relative\"}>\n                            <DelayedOnChange {...bind.index}>\n                                {({ value, onChange }) => (\n                                    <LexicalCmsEditor\n                                        value={value}\n                                        onChange={onChange}\n                                        key={getKey(form.data.id, field, index)}\n                                        placeholder={field.placeholderText}\n                                    />\n                                )}\n                            </DelayedOnChange>\n                            {field.multipleValues ? null : (\n                                <FormComponentNote text={field.helpText} />\n                            )}\n                            <div className={\"wby-absolute wby-top-sm wby-right-sm wby-z-10\"}>\n                                <IconButton\n                                    variant={\"ghost\"}\n                                    size={\"md\"}\n                                    icon={<DeleteIcon />}\n                                    onClick={() => bind.field.removeValue(index)}\n                                />\n                            </div>\n                        </div>\n                    )}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/lexicalText/utils.d.ts

@@ -0,0 +1,2 @@
+import type { CmsModel } from "@webiny/app-headless-cms-common/types";
+export declare const modelHasLexicalField: (model: CmsModel) => boolean;

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

@@ -0,0 +1,5 @@
+export const modelHasLexicalField = model => {
+  return model.fields.some(field => field.renderer.name.startsWith("lexical-"));
+};
+
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["modelHasLexicalField","model","fields","some","field","renderer","name","startsWith"],"sources":["utils.ts"],"sourcesContent":["import type { CmsModel } from \"@webiny/app-headless-cms-common/types\";\n\nexport const modelHasLexicalField = (model: CmsModel): boolean => {\n    return model.fields.some(field => field.renderer.name.startsWith(\"lexical-\"));\n};\n"],"mappings":"AAEA,OAAO,MAAMA,oBAAoB,GAAIC,KAAe,IAAc;EAC9D,OAAOA,KAAK,CAACC,MAAM,CAACC,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACC,QAAQ,CAACC,IAAI,CAACC,UAAU,CAAC,UAAU,CAAC,CAAC;AACjF,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/longText/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+declare const _default: import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[];
 export default _default;

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

@@ -1,3 +1,5 @@
 import longText from "./longText";
 import longTexts from "./longTexts";
-export default [longText, longTexts];
+export default [longText, longTexts];
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["longText","longTexts"],"sources":["index.ts"],"sourcesContent":["import longText from \"./longText\";\nimport longTexts from \"./longTexts\";\n\nexport default [longText, longTexts];\n"],"mappings":"AAAA,OAAOA,QAAQ;AACf,OAAOC,SAAS;AAEhB,eAAe,CAACD,QAAQ,EAAEC,SAAS,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/longText/longText.d.ts

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