@webiny/app-headless-cms 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

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

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

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

@@ -1,6 +1,6 @@
-export { DynamicZoneContainer } from "./dynamicZoneRenderer";
-export { TemplateGallery } from "./TemplateGallery";
-export { MultiValueItemContainer, MultiValueContainer, MultiValueItem } from "./MultiValueDynamicZone";
-export * from "./TemplateProvider";
+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

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

@@ -1 +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":[]}
+{"version":3,"names":["DynamicZoneContainer","TemplateGallery","MultiValueItemContainer","MultiValueContainer","MultiValueItem"],"sources":["index.tsx"],"sourcesContent":["export { type DynamicZoneContainerProps, DynamicZoneContainer } from \"./dynamicZoneRenderer.js\";\nexport { TemplateGallery } from \"./TemplateGallery.js\";\nexport {\n    MultiValueItemContainer,\n    MultiValueContainer,\n    MultiValueItem\n} from \"./MultiValueDynamicZone.js\";\nexport * from \"./TemplateProvider.js\";\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

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

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

@@ -1,8 +1,8 @@
-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";
+import upperFirst from "lodash/upperFirst.js";
+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));
 };

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\";\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":[]}
+{"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":[]}

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

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

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\";\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,"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":[]}

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

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

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

@@ -1,5 +1,5 @@
-import lexicalTextInput from "./lexicalTextInput";
-import lexicalTextInputs from "./lexicalTextInputs";
+import lexicalTextInput from "./lexicalTextInput.js";
+import lexicalTextInputs from "./lexicalTextInputs.js";
 export const createLexicalInput = () => {
   return [lexicalTextInput, lexicalTextInputs];
 };

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

@@ -1 +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":[]}
+{"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":[]}

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

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

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

@@ -1,10 +1,12 @@
 import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
+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 { useForm } from "@webiny/form";
-import { LexicalCmsEditor } from "../../../components/LexicalCmsEditor/LexicalCmsEditor";
-import { modelHasLegacyRteField } from "../richText/utils";
-import { FormComponentDescription, DelayedOnChange } from "@webiny/admin-ui";
+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";
@@ -18,35 +20,39 @@ const plugin = {
     name: t`Lexical Text Input`,
     description: t`Renders a lexical text editor.`,
     canUse({
-      field,
-      model
+      field
     }) {
-      const canUse = field.type === "rich-text" && !field.multipleValues && !get(field, "predefinedValues.enabled");
-      if (canUse && modelHasLegacyRteField(model)) {
-        return false;
-      }
-      return canUse;
+      return [field.type === "rich-text", !field.list, !get(field, "predefinedValues.enabled")].every(Boolean);
     },
     render({
-      field,
-      getBind,
-      Label
+      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(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,
+        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.placeholderText,
+          placeholder: field.placeholder,
           "data-testid": `fr.input.lexical.${field.label}`
-        })));
+        }), field.note ? /*#__PURE__*/React.createElement(FormComponentNote, {
+          text: field.note,
+          disabled: disabled
+        }) : null);
       });
     }
   }

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

@@ -1 +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":[]}
+{"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":[]}

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

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

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

@@ -1,13 +1,13 @@
 import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
 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 DynamicSection from "../DynamicSection.js";
+import { LexicalCmsEditor } from "../../../components/LexicalCmsEditor/LexicalCmsEditor.js";
 import { useForm } from "@webiny/form";
-import { MultiValueRendererSettings } from "../MultiValueRendererSettings";
-import { FormComponentNote, DelayedOnChange, IconButton } from "@webiny/admin-ui";
+import { MultiValueRendererSettings } from "../MultiValueRendererSettings.js";
+import { IconButton } from "@webiny/admin-ui";
+import { CanEditField, useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 const t = i18n.ns("app-headless-cms/admin/fields/rich-text");
 const getKey = (id, field, index) => {
   const formId = id || "new";
@@ -21,43 +21,38 @@ const plugin = {
     name: t`Lexical Text Inputs`,
     description: t`Renders a list of lexical editors.`,
     canUse({
-      field,
-      model
+      field
     }) {
-      const canUse = field.type === "rich-text" && !!field.multipleValues && !get(field, "predefinedValues.enabled");
-      if (canUse && modelHasLegacyRteField(model)) {
-        return false;
-      }
-      return canUse;
+      return [field.type === "rich-text", !!field.list, !get(field, "predefinedValues.enabled")].every(Boolean);
     },
     render(props) {
       const {
         field
-      } = props;
+      } = useModelField();
+      const rules = useFieldEffectiveRules(field);
       const form = useForm();
-      return /*#__PURE__*/React.createElement(DynamicSection, props, ({
+      const disabled = !rules.canEdit || rules.disabled;
+      return /*#__PURE__*/React.createElement(DynamicSection, Object.assign({}, props, {
+        disabled: disabled
+      }), ({
         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,
+        className: "relative"
+      }, /*#__PURE__*/React.createElement(LexicalCmsEditor, {
+        disabled: disabled,
+        value: bind.index.value,
+        onChange: bind.index.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"
+        placeholder: field.placeholder
+      }), /*#__PURE__*/React.createElement(CanEditField, null, /*#__PURE__*/React.createElement("div", {
+        className: "absolute top-sm right-sm 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);

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

@@ -1 +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":[]}
+{"version":3,"names":["React","get","i18n","ReactComponent","DeleteIcon","DynamicSection","LexicalCmsEditor","useForm","MultiValueRendererSettings","IconButton","CanEditField","useFieldEffectiveRules","useModelField","t","ns","getKey","id","field","index","formId","fieldId","plugin","type","name","renderer","rendererName","description","canUse","list","every","Boolean","render","props","rules","form","disabled","canEdit","createElement","Object","assign","bind","className","value","onChange","key","data","placeholder","variant","size","icon","onClick","removeValue","renderSettings"],"sources":["lexicalTextInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport DynamicSection from \"../DynamicSection.js\";\nimport { LexicalCmsEditor } from \"~/admin/components/LexicalCmsEditor/LexicalCmsEditor.js\";\nimport { useForm } from \"@webiny/form\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport {\n    CanEditField,\n    useFieldEffectiveRules,\n    useModelField\n} 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, 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 }) {\n            return [\n                field.type === \"rich-text\",\n                !!field.list,\n                !get(field, \"predefinedValues.enabled\")\n            ].every(Boolean);\n        },\n        render(props) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const form = useForm();\n\n            const disabled = !rules.canEdit || rules.disabled;\n\n            return (\n                <DynamicSection {...props} disabled={disabled}>\n                    {({ bind, index }) => (\n                        <div className={\"relative\"}>\n                            <LexicalCmsEditor\n                                disabled={disabled}\n                                value={bind.index.value}\n                                onChange={bind.index.onChange}\n                                key={getKey(form.data.id, field, index)}\n                                placeholder={field.placeholder}\n                            />\n                            <CanEditField>\n                                <div className={\"absolute top-sm right-sm z-10\"}>\n                                    <IconButton\n                                        variant={\"ghost\"}\n                                        size={\"md\"}\n                                        icon={<DeleteIcon />}\n                                        onClick={() => bind.field.removeValue(index)}\n                                    />\n                                </div>\n                            </CanEditField>\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

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

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

@@ -1 +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":[]}
+{"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/index.js\";\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/lexicalText/withHtml.d.ts

@@ -0,0 +1,8 @@
+import { createLexicalStateTransformer } from "@webiny/lexical-converter";
+type LexicalStateTransformer = ReturnType<typeof createLexicalStateTransformer>;
+export type RichTextValue = {
+    state: string;
+    html: string;
+};
+export declare const withHtml: (transformer: LexicalStateTransformer, onChange: (value: RichTextValue) => void) => (value: string) => void;
+export {};

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

@@ -0,0 +1,10 @@
+export const withHtml = (transformer, onChange) => {
+  return value => {
+    onChange({
+      state: JSON.stringify(value),
+      html: transformer.toHtml(value)
+    });
+  };
+};
+
+//# sourceMappingURL=withHtml.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["withHtml","transformer","onChange","value","state","JSON","stringify","html","toHtml"],"sources":["withHtml.ts"],"sourcesContent":["import { createLexicalStateTransformer } from \"@webiny/lexical-converter\";\n\ntype LexicalStateTransformer = ReturnType<typeof createLexicalStateTransformer>;\n\nexport type RichTextValue = {\n    state: string;\n    html: string;\n};\n\nexport const withHtml = (\n    transformer: LexicalStateTransformer,\n    onChange: (value: RichTextValue) => void\n) => {\n    return (value: string) => {\n        onChange({\n            state: JSON.stringify(value),\n            html: transformer.toHtml(value)\n        });\n    };\n};\n"],"mappings":"AASA,OAAO,MAAMA,QAAQ,GAAGA,CACpBC,WAAoC,EACpCC,QAAwC,KACvC;EACD,OAAQC,KAAa,IAAK;IACtBD,QAAQ,CAAC;MACLE,KAAK,EAAEC,IAAI,CAACC,SAAS,CAACH,KAAK,CAAC;MAC5BI,IAAI,EAAEN,WAAW,CAACO,MAAM,CAACL,KAAK;IAClC,CAAC,CAAC;EACN,CAAC;AACL,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -1 +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":[]}
+{"version":3,"names":["longText","longTexts"],"sources":["index.ts"],"sourcesContent":["import longText from \"./longText.js\";\nimport longTexts from \"./longTexts.js\";\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 type { CmsModelFieldRendererPlugin } from "../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../types.js";
 declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;

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

@@ -1,7 +1,8 @@
 import React from "react";
-import get from "lodash/get";
+import get from "lodash/get.js";
 import { DelayedOnChange, Textarea } from "@webiny/admin-ui";
-import { i18n } from "@webiny/app/i18n";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 const t = i18n.ns("app-headless-cms/admin/fields/text");
 const plugin = {
   type: "cms-editor-field-renderer",
@@ -13,22 +14,29 @@ const plugin = {
     canUse({
       field
     }) {
-      return field.type === "long-text" && !field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "long-text" && !field.list && !get(field, "predefinedValues.enabled");
     },
     render({
-      field,
       getBind
     }) {
+      const {
+        field
+      } = useModelField();
+      const rules = useFieldEffectiveRules(field);
       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(DelayedOnChange, {
         value: bind.value,
         onChange: bind.onChange,
         onBlur: bind.validate
       }, /*#__PURE__*/React.createElement(Textarea, {
+        disabled: disabled,
         rows: 5,
         label: field.label,
-        placeholder: field.placeholderText,
-        description: field.helpText,
+        placeholder: field.placeholder,
+        description: field.description,
+        note: field.note,
+        hint: field.help,
         "data-testid": `fr.input.longtext.${field.label}`,
         validation: bind.validation
       }))));

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

@@ -1 +1 @@
-{"version":3,"names":["React","get","DelayedOnChange","Textarea","i18n","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","createElement","bind","ValidationContainer","value","onChange","onBlur","validate","rows","label","placeholder","placeholderText","helpText","validation"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { DelayedOnChange, Textarea } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-textarea\",\n    renderer: {\n        rendererName: \"long-text-text-area\",\n        name: t`Text Area`,\n        description: t`Renders a simple text area, suitable for larger amounts of text.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <DelayedOnChange\n                                value={bind.value}\n                                onChange={bind.onChange}\n                                onBlur={bind.validate}\n                            >\n                                <Textarea\n                                    rows={5}\n                                    label={field.label}\n                                    placeholder={field.placeholderText}\n                                    description={field.helpText}\n                                    data-testid={`fr.input.longtext.${field.label}`}\n                                    validation={bind.validation}\n                                />\n                            </DelayedOnChange>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,eAAe,EAAEC,QAAQ,QAAQ,kBAAkB;AAC5D,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,CAAC,GAAGD,IAAI,CAACE,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBAAqB;IACnCF,IAAI,EAAEJ,CAAC,WAAW;IAClBO,WAAW,EAAEP,CAAC,kEAAkE;IAChFQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,WAAW,IAC1B,CAACM,KAAK,CAACC,cAAc,IACrB,CAACd,GAAG,CAACa,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACIjB,KAAA,CAAAmB,aAAA,CAACD,IAAI,QACAE,IAAI,iBACDpB,KAAA,CAAAmB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrBrB,KAAA,CAAAmB,aAAA,CAACjB,eAAe;QACZoB,KAAK,EAAEF,IAAI,CAACE,KAAM;QAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;QACxBC,MAAM,EAAEJ,IAAI,CAACK;MAAS,gBAEtBzB,KAAA,CAAAmB,aAAA,CAAChB,QAAQ;QACLuB,IAAI,EAAE,CAAE;QACRC,KAAK,EAAEb,KAAK,CAACa,KAAM;QACnBC,WAAW,EAAEd,KAAK,CAACe,eAAgB;QACnCjB,WAAW,EAAEE,KAAK,CAACgB,QAAS;QAC5B,eAAa,qBAAqBhB,KAAK,CAACa,KAAK,EAAG;QAChDI,UAAU,EAAEX,IAAI,CAACW;MAAW,CAC/B,CACY,CACK,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAexB,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","DelayedOnChange","Textarea","i18n","useFieldEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","rules","Bind","disabled","canEdit","createElement","bind","ValidationContainer","value","onChange","onBlur","validate","rows","label","placeholder","note","hint","help","validation"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { DelayedOnChange, Textarea } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-textarea\",\n    renderer: {\n        rendererName: \"long-text-text-area\",\n        name: t`Text Area`,\n        description: t`Renders a simple text area, suitable for larger amounts of text.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" && !field.list && !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const Bind = getBind();\n\n            const disabled = !rules.canEdit || rules.disabled;\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <DelayedOnChange\n                                value={bind.value}\n                                onChange={bind.onChange}\n                                onBlur={bind.validate}\n                            >\n                                <Textarea\n                                    disabled={disabled}\n                                    rows={5}\n                                    label={field.label}\n                                    placeholder={field.placeholder}\n                                    description={field.description}\n                                    note={field.note}\n                                    hint={field.help}\n                                    data-testid={`fr.input.longtext.${field.label}`}\n                                    validation={bind.validation}\n                                />\n                            </DelayedOnChange>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,eAAe,EAAEC,QAAQ,QAAQ,kBAAkB;AAC5D,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAEvF,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBAAqB;IACnCF,IAAI,EAAEJ,CAAC,WAAW;IAClBO,WAAW,EAAEP,CAAC,kEAAkE;IAChFQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,WAAW,IAAI,CAACM,KAAK,CAACC,IAAI,IAAI,CAAChB,GAAG,CAACe,KAAK,EAAE,0BAA0B,CAAC;IAE5F,CAAC;IACDE,MAAMA,CAAC;MAAEC;IAAQ,CAAC,EAAE;MAChB,MAAM;QAAEH;MAAM,CAAC,GAAGV,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,sBAAsB,CAACW,KAAK,CAAC;MAC3C,MAAMK,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,MAAMG,QAAQ,GAAG,CAACF,KAAK,CAACG,OAAO,IAAIH,KAAK,CAACE,QAAQ;MAEjD,oBACItB,KAAA,CAAAwB,aAAA,CAACH,IAAI,QACAI,IAAI,iBACDzB,KAAA,CAAAwB,aAAA,CAACH,IAAI,CAACK,mBAAmB,qBACrB1B,KAAA,CAAAwB,aAAA,CAACtB,eAAe;QACZyB,KAAK,EAAEF,IAAI,CAACE,KAAM;QAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;QACxBC,MAAM,EAAEJ,IAAI,CAACK;MAAS,gBAEtB9B,KAAA,CAAAwB,aAAA,CAACrB,QAAQ;QACLmB,QAAQ,EAAEA,QAAS;QACnBS,IAAI,EAAE,CAAE;QACRC,KAAK,EAAEhB,KAAK,CAACgB,KAAM;QACnBC,WAAW,EAAEjB,KAAK,CAACiB,WAAY;QAC/BnB,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/BoB,IAAI,EAAElB,KAAK,CAACkB,IAAK;QACjBC,IAAI,EAAEnB,KAAK,CAACoB,IAAK;QACjB,eAAa,qBAAqBpB,KAAK,CAACgB,KAAK,EAAG;QAChDK,UAAU,EAAEZ,IAAI,CAACY;MAAW,CAC/B,CACY,CACK,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAe5B,MAAM","ignoreList":[]}

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

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

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

@@ -1,10 +1,11 @@
 import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { ReactComponent as DeleteIcon } from "@webiny/icons/delete_outline.svg";
-import DynamicSection from "../DynamicSection";
-import { MultiValueRendererSettings } from "../MultiValueRendererSettings";
+import DynamicSection from "../DynamicSection.js";
+import { MultiValueRendererSettings } from "../MultiValueRendererSettings.js";
 import { DelayedOnChange, IconButton, Textarea } from "@webiny/admin-ui";
+import { CanEditField, useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 const t = i18n.ns("app-headless-cms/admin/fields/text");
 const plugin = {
   type: "cms-editor-field-renderer",
@@ -16,34 +17,42 @@ const plugin = {
     canUse({
       field
     }) {
-      return field.type === "long-text" && !!field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "long-text" && !!field.list && !get(field, "predefinedValues.enabled");
     },
     render(props) {
-      return /*#__PURE__*/React.createElement(DynamicSection, props, ({
+      const {
+        field
+      } = useModelField();
+      const rules = useFieldEffectiveRules(field);
+      const disabled = !rules.canEdit || rules.disabled;
+      return /*#__PURE__*/React.createElement(DynamicSection, Object.assign({}, props, {
+        disabled: disabled
+      }), ({
         bind,
         index
       }) => /*#__PURE__*/React.createElement("div", {
-        className: "wby-relative"
+        className: "relative"
       }, /*#__PURE__*/React.createElement(DelayedOnChange, {
         value: bind.index.value,
         onChange: bind.index.onChange,
         onBlur: bind.index.validate
       }, /*#__PURE__*/React.createElement(Textarea, {
+        disabled: disabled,
         validation: bind.index.validation,
         rows: 5,
         label: t`Value {number}`({
           number: index + 1
         }),
-        placeholder: props.field.placeholderText,
+        placeholder: props.field.placeholder,
         "data-testid": `fr.input.longTexts.${props.field.label}.${index + 1}`
-      })), /*#__PURE__*/React.createElement("div", {
-        className: "wby-absolute wby-top-xl wby-right-sm wby-z-10"
+      })), /*#__PURE__*/React.createElement(CanEditField, null, /*#__PURE__*/React.createElement("div", {
+        className: "absolute top-xl right-sm 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);

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

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","ReactComponent","DeleteIcon","DynamicSection","MultiValueRendererSettings","DelayedOnChange","IconButton","Textarea","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","createElement","bind","index","className","value","onChange","onBlur","validate","validation","rows","label","number","placeholder","placeholderText","variant","size","icon","onClick","removeValue","renderSettings"],"sources":["longTexts.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\nimport { DelayedOnChange, IconButton, Textarea } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-inputs\",\n    renderer: {\n        rendererName: \"long-text-inputs\",\n        name: t`Text Areas`,\n        description: t`Renders a simple list of text areas.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <div className={\"wby-relative\"}>\n                            <DelayedOnChange\n                                value={bind.index.value}\n                                onChange={bind.index.onChange}\n                                onBlur={bind.index.validate}\n                            >\n                                <Textarea\n                                    validation={bind.index.validation}\n                                    rows={5}\n                                    label={t`Value {number}`({ number: index + 1 })}\n                                    placeholder={props.field.placeholderText}\n                                    data-testid={`fr.input.longTexts.${props.field.label}.${\n                                        index + 1\n                                    }`}\n                                />\n                            </DelayedOnChange>\n                            <div className={\"wby-absolute wby-top-xl 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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,cAAc,IAAIC,UAAU,QAAQ,kCAAkC;AAC/E,OAAOC,cAAc;AACrB,SAASC,0BAA0B;AACnC,SAASC,eAAe,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,kBAAkB;AAExE,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEJ,CAAC,YAAY;IACnBO,WAAW,EAAEP,CAAC,sCAAsC;IACpDQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,WAAW,IAC1B,CAAC,CAACM,KAAK,CAACC,cAAc,IACtB,CAACnB,GAAG,CAACkB,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDE,MAAMA,CAACC,KAAK,EAAE;MACV,oBACItB,KAAA,CAAAuB,aAAA,CAAClB,cAAc,EAAKiB,KAAK,EACpB,CAAC;QAAEE,IAAI;QAAEC;MAAM,CAAC,kBACbzB,KAAA,CAAAuB,aAAA;QAAKG,SAAS,EAAE;MAAe,gBAC3B1B,KAAA,CAAAuB,aAAA,CAAChB,eAAe;QACZoB,KAAK,EAAEH,IAAI,CAACC,KAAK,CAACE,KAAM;QACxBC,QAAQ,EAAEJ,IAAI,CAACC,KAAK,CAACG,QAAS;QAC9BC,MAAM,EAAEL,IAAI,CAACC,KAAK,CAACK;MAAS,gBAE5B9B,KAAA,CAAAuB,aAAA,CAACd,QAAQ;QACLsB,UAAU,EAAEP,IAAI,CAACC,KAAK,CAACM,UAAW;QAClCC,IAAI,EAAE,CAAE;QACRC,KAAK,EAAEvB,CAAC,gBAAgB,CAAC;UAAEwB,MAAM,EAAET,KAAK,GAAG;QAAE,CAAC,CAAE;QAChDU,WAAW,EAAEb,KAAK,CAACH,KAAK,CAACiB,eAAgB;QACzC,eAAa,sBAAsBd,KAAK,CAACH,KAAK,CAACc,KAAK,IAChDR,KAAK,GAAG,CAAC;MACV,CACN,CACY,CAAC,eAClBzB,KAAA,CAAAuB,aAAA;QAAKG,SAAS,EAAE;MAAgD,gBAC5D1B,KAAA,CAAAuB,aAAA,CAACf,UAAU;QACP6B,OAAO,EAAE,OAAQ;QACjBC,IAAI,EAAE,IAAK;QACXC,IAAI,eAAEvC,KAAA,CAAAuB,aAAA,CAACnB,UAAU,MAAE,CAAE;QACrBoC,OAAO,EAAEA,CAAA,KAAMhB,IAAI,CAACL,KAAK,CAACsB,WAAW,CAAChB,KAAK;MAAE,CAChD,CACA,CACJ,CAEG,CAAC;IAEzB,CAAC;IACDiB,cAAcA,CAACpB,KAAK,EAAE;MAClB,oBAAOtB,KAAA,CAAAuB,aAAA,CAACjB,0BAA0B,EAAKgB,KAAQ,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeV,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","ReactComponent","DeleteIcon","DynamicSection","MultiValueRendererSettings","DelayedOnChange","IconButton","Textarea","CanEditField","useFieldEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","props","rules","disabled","canEdit","createElement","Object","assign","bind","index","className","value","onChange","onBlur","validate","validation","rows","label","number","placeholder","variant","size","icon","onClick","removeValue","renderSettings"],"sources":["longTexts.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport DynamicSection from \"../DynamicSection.js\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport { DelayedOnChange, IconButton, Textarea } from \"@webiny/admin-ui\";\nimport {\n    CanEditField,\n    useFieldEffectiveRules,\n    useModelField\n} from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-inputs\",\n    renderer: {\n        rendererName: \"long-text-inputs\",\n        name: t`Text Areas`,\n        description: t`Renders a simple list of text areas.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !!field.list &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\n\n            return (\n                <DynamicSection {...props} disabled={disabled}>\n                    {({ bind, index }) => (\n                        <div className={\"relative\"}>\n                            <DelayedOnChange\n                                value={bind.index.value}\n                                onChange={bind.index.onChange}\n                                onBlur={bind.index.validate}\n                            >\n                                <Textarea\n                                    disabled={disabled}\n                                    validation={bind.index.validation}\n                                    rows={5}\n                                    label={t`Value {number}`({ number: index + 1 })}\n                                    placeholder={props.field.placeholder}\n                                    data-testid={`fr.input.longTexts.${props.field.label}.${\n                                        index + 1\n                                    }`}\n                                />\n                            </DelayedOnChange>\n                            <CanEditField>\n                                <div className={\"absolute top-xl right-sm z-10\"}>\n                                    <IconButton\n                                        variant={\"ghost\"}\n                                        size={\"md\"}\n                                        icon={<DeleteIcon />}\n                                        onClick={() => bind.field.removeValue(index)}\n                                    />\n                                </div>\n                            </CanEditField>\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":[]}