@webiny/app-headless-cms 5.43.2 → 6.0.0-alpha.0

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

@@ -1,64 +1,56 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _i18n = require("@webiny/app/i18n");
-var _form = require("@webiny/form");
-var _LexicalCmsEditor = require("../../../components/LexicalCmsEditor/LexicalCmsEditor");
-var _utils = require("../richText/utils");
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/rich-text");
-var getKey = function getKey(id, field) {
-  var formId = id || "new";
-  return "".concat(formId, ".").concat(field.fieldId);
+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}`;
 };
-var plugin = {
+const plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-lexical",
   renderer: {
     rendererName: "lexical-text-input",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Lexical Text Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a lexical text editor."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field,
-        model = _ref.model;
-      var canUse = field.type === "rich-text" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
-      if (canUse && (0, _utils.modelHasLegacyRteField)(model)) {
+    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: function render(_ref2) {
-      var field = _ref2.field,
-        getBind = _ref2.getBind,
-        Label = _ref2.Label;
-      var form = (0, _form.useForm)();
-      var Bind = getBind();
-      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(Label, null, field.label), /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, bind, function (_ref3) {
-          var value = _ref3.value,
-            onChange = _ref3.onChange;
-          return /*#__PURE__*/_react.default.createElement(_LexicalCmsEditor.LexicalCmsEditor, {
-            value: value,
-            onChange: onChange,
-            key: getKey(form.data.id, field),
-            placeholder: field.placeholderText,
-            "data-testid": "fr.input.lexical.".concat(field.label)
-          });
-        }), /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText));
+    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}`
+        })));
       });
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=lexicalTextInput.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_form","_LexicalCmsEditor","_utils","_FormElementMessage","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","getKey","id","field","formId","concat","fieldId","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","model","multipleValues","get","modelHasLegacyRteField","render","_ref2","getBind","Label","form","useForm","Bind","createElement","bind","ValidationContainer","label","DelayedOnChange","_ref3","value","onChange","LexicalCmsEditor","key","data","placeholder","placeholderText","FormElementMessage","helpText","_default","exports"],"sources":["lexicalTextInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { 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 { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\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                                <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                                <FormElementMessage>{field.helpText}</FormElementMessage>\n                            </Bind.ValidationContainer>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"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 { 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.js

@@ -1,90 +1,69 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _i18n = require("@webiny/app/i18n");
-var _delete_outline = require("@material-design-icons/svg/outlined/delete_outline.svg");
-var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
-var _Button = require("@webiny/ui/Button");
-var _LexicalCmsEditor = require("../../../components/LexicalCmsEditor/LexicalCmsEditor");
-var _utils = require("../richText/utils");
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-var _form = require("@webiny/form");
-var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
-var _MultiValueRendererSettings = require("../MultiValueRendererSettings");
-var _templateObject, _templateObject2;
-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)."; }
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/rich-text");
-var getKey = function getKey(id, field, index) {
-  var formId = id || "new";
-  return "".concat(formId, ".").concat(field.fieldId, ".").concat(index);
+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}`;
 };
-var EditorWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "esuszrr0"
-} : {
-  target: "esuszrr0",
-  label: "EditorWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1j3i2ps",
-  styles: "position:relative;> button{position:absolute;top:0;right:5px;z-index:10;}"
-} : {
-  name: "1j3i2ps",
-  styles: "position:relative;> button{position:absolute;top:0;right:5px;z-index:10;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxleGljYWxUZXh0SW5wdXRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnNCIiwiZmlsZSI6ImxleGljYWxUZXh0SW5wdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBnZXQgZnJvbSBcImxvZGFzaC9nZXRcIjtcbmltcG9ydCB7IGkxOG4gfSBmcm9tIFwiQHdlYmlueS9hcHAvaTE4blwiO1xuaW1wb3J0IHsgQ21zTW9kZWxGaWVsZCwgQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIERlbGV0ZUljb24gfSBmcm9tIFwiQG1hdGVyaWFsLWRlc2lnbi1pY29ucy9zdmcvb3V0bGluZWQvZGVsZXRlX291dGxpbmUuc3ZnXCI7XG5pbXBvcnQgRHluYW1pY1NlY3Rpb24gZnJvbSBcIi4uL0R5bmFtaWNTZWN0aW9uXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IExleGljYWxDbXNFZGl0b3IgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0xleGljYWxDbXNFZGl0b3IvTGV4aWNhbENtc0VkaXRvclwiO1xuaW1wb3J0IHsgbW9kZWxIYXNMZWdhY3lSdGVGaWVsZCB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmljaFRleHQvdXRpbHNcIjtcbmltcG9ydCB7IEZvcm1FbGVtZW50TWVzc2FnZSB9IGZyb20gXCJAd2ViaW55L3VpL0Zvcm1FbGVtZW50TWVzc2FnZVwiO1xuaW1wb3J0IHsgdXNlRm9ybSB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcbmltcG9ydCB7IERlbGF5ZWRPbkNoYW5nZSB9IGZyb20gXCJAd2ViaW55L3VpL0RlbGF5ZWRPbkNoYW5nZVwiO1xuaW1wb3J0IHsgTXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3MgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL011bHRpVmFsdWVSZW5kZXJlclNldHRpbmdzXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWhlYWRsZXNzLWNtcy9hZG1pbi9maWVsZHMvcmljaC10ZXh0XCIpO1xuXG5jb25zdCBnZXRLZXkgPSAoaWQ6IHN0cmluZyB8IHVuZGVmaW5lZCwgZmllbGQ6IENtc01vZGVsRmllbGQsIGluZGV4OiBudW1iZXIpOiBzdHJpbmcgPT4ge1xuICAgIGNvbnN0IGZvcm1JZCA9IGlkIHx8IFwibmV3XCI7XG4gICAgcmV0dXJuIGAke2Zvcm1JZH0uJHtmaWVsZC5maWVsZElkfS4ke2luZGV4fWA7XG59O1xuXG5jb25zdCBFZGl0b3JXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIFwiPiBidXR0b25cIjoge1xuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIHJpZ2h0OiA1LFxuICAgICAgICB6SW5kZXg6IDEwXG4gICAgfVxufSk7XG5cbmNvbnN0IHBsdWdpbjogQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luID0ge1xuICAgIHR5cGU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlclwiLFxuICAgIG5hbWU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlci1sZXhpY2FsLWlucHV0c1wiLFxuICAgIHJlbmRlcmVyOiB7XG4gICAgICAgIHJlbmRlcmVyTmFtZTogXCJsZXhpY2FsLXRleHQtaW5wdXRzXCIsXG4gICAgICAgIG5hbWU6IHRgTGV4aWNhbCBUZXh0IElucHV0c2AsXG4gICAgICAgIGRlc2NyaXB0aW9uOiB0YFJlbmRlcnMgYSBsaXN0IG9mIGxleGljYWwgZWRpdG9ycy5gLFxuICAgICAgICBjYW5Vc2UoeyBmaWVsZCwgbW9kZWwgfSkge1xuICAgICAgICAgICAgY29uc3QgY2FuVXNlID1cbiAgICAgICAgICAgICAgICBmaWVsZC50eXBlID09PSBcInJpY2gtdGV4dFwiICYmXG4gICAgICAgICAgICAgICAgISFmaWVsZC5tdWx0aXBsZVZhbHVlcyAmJlxuICAgICAgICAgICAgICAgICFnZXQoZmllbGQsIFwicHJlZGVmaW5lZFZhbHVlcy5lbmFibGVkXCIpO1xuXG4gICAgICAgICAgICBpZiAoY2FuVXNlICYmIG1vZGVsSGFzTGVnYWN5UnRlRmllbGQobW9kZWwpKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICByZXR1cm4gY2FuVXNlO1xuICAgICAgICB9LFxuICAgICAgICByZW5kZXIocHJvcHMpIHtcbiAgICAgICAgICAgIGNvbnN0IHsgZmllbGQgfSA9IHByb3BzO1xuICAgICAgICAgICAgY29uc3QgZm9ybSA9IHVzZUZvcm0oKTtcblxuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8RHluYW1pY1NlY3Rpb24gey4uLnByb3BzfT5cbiAgICAgICAgICAgICAgICAgICAgeyh7IGJpbmQsIGluZGV4IH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxFZGl0b3JXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxEZWxheWVkT25DaGFuZ2Ugey4uLmJpbmQuaW5kZXh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7KHsgdmFsdWUsIG9uQ2hhbmdlIH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxMZXhpY2FsQ21zRWRpdG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e2dldEtleShmb3JtLmRhdGEuaWQsIGZpZWxkLCBpbmRleCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e2ZpZWxkLnBsYWNlaG9sZGVyVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9EZWxheWVkT25DaGFuZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2ZpZWxkLm11bHRpcGxlVmFsdWVzID8gbnVsbCA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZvcm1FbGVtZW50TWVzc2FnZT57ZmllbGQuaGVscFRleHR9PC9Gb3JtRWxlbWVudE1lc3NhZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8RGVsZXRlSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gYmluZC5maWVsZC5yZW1vdmVWYWx1ZShpbmRleCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvRWRpdG9yV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0R5bmFtaWNTZWN0aW9uPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfSxcbiAgICAgICAgcmVuZGVyU2V0dGluZ3MocHJvcHMpIHtcbiAgICAgICAgICAgIHJldHVybiA8TXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3Mgey4uLnByb3BzfSAvPjtcbiAgICAgICAgfVxuICAgIH1cbn07XG5cbmV4cG9ydCBkZWZhdWx0IHBsdWdpbjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var plugin = {
+const plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-lexical-inputs",
   renderer: {
     rendererName: "lexical-text-inputs",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Lexical Text Inputs"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a list of lexical editors."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field,
-        model = _ref.model;
-      var canUse = field.type === "rich-text" && !!field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
-      if (canUse && (0, _utils.modelHasLegacyRteField)(model)) {
+    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: function render(props) {
-      var field = props.field;
-      var form = (0, _form.useForm)();
-      return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, props, function (_ref2) {
-        var bind = _ref2.bind,
-          index = _ref2.index;
-        return /*#__PURE__*/_react.default.createElement(EditorWrapper, null, /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, bind.index, function (_ref3) {
-          var value = _ref3.value,
-            onChange = _ref3.onChange;
-          return /*#__PURE__*/_react.default.createElement(_LexicalCmsEditor.LexicalCmsEditor, {
-            value: value,
-            onChange: onChange,
-            key: getKey(form.data.id, field, index),
-            placeholder: field.placeholderText
-          });
-        }), field.multipleValues ? null : /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText), /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-          icon: /*#__PURE__*/_react.default.createElement(_delete_outline.ReactComponent, null),
-          onClick: function onClick() {
-            return bind.field.removeValue(index);
-          }
-        }));
-      });
+    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: function renderSettings(props) {
-      return /*#__PURE__*/_react.default.createElement(_MultiValueRendererSettings.MultiValueRendererSettings, props);
+    renderSettings(props) {
+      return /*#__PURE__*/React.createElement(MultiValueRendererSettings, props);
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=lexicalTextInputs.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_delete_outline","_DynamicSection","_Button","_LexicalCmsEditor","_utils","_FormElementMessage","_form","_DelayedOnChange","_MultiValueRendererSettings","_templateObject","_templateObject2","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","getKey","id","field","index","formId","concat","fieldId","EditorWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","plugin","type","renderer","rendererName","_taggedTemplateLiteral2","description","canUse","_ref","model","multipleValues","get","modelHasLegacyRteField","render","props","form","useForm","createElement","_ref2","bind","DelayedOnChange","_ref3","value","onChange","LexicalCmsEditor","key","data","placeholder","placeholderText","FormElementMessage","helpText","IconButton","icon","ReactComponent","onClick","removeValue","renderSettings","MultiValueRendererSettings","_default","exports"],"sources":["lexicalTextInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport styled from \"@emotion/styled\";\nimport { LexicalCmsEditor } from \"~/admin/components/LexicalCmsEditor/LexicalCmsEditor\";\nimport { modelHasLegacyRteField } from \"~/admin/plugins/fieldRenderers/richText/utils\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { useForm } from \"@webiny/form\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\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 EditorWrapper = styled(\"div\")({\n    position: \"relative\",\n    \"> button\": {\n        position: \"absolute\",\n        top: 0,\n        right: 5,\n        zIndex: 10\n    }\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                        <EditorWrapper>\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                                <FormElementMessage>{field.helpText}</FormElementMessage>\n                            )}\n                            <IconButton\n                                icon={<DeleteIcon />}\n                                onClick={() => bind.field.removeValue(index)}\n                            />\n                        </EditorWrapper>\n                    )}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAEA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,mBAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,gBAAA,GAAAV,OAAA;AACA,IAAAW,2BAAA,GAAAX,OAAA;AAAuG,IAAAY,eAAA,EAAAC,gBAAA;AAAA,SAAAC,iCAAA;AAEvG,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAE5D,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAIC,EAAsB,EAAEC,KAAoB,EAAEC,KAAa,EAAa;EACpF,IAAMC,MAAM,GAAGH,EAAE,IAAI,KAAK;EAC1B,UAAAI,MAAA,CAAUD,MAAM,OAAAC,MAAA,CAAIH,KAAK,CAACI,OAAO,OAAAD,MAAA,CAAIF,KAAK;AAC9C,CAAC;AAED,IAAMI,aAAa,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAtB;AAAA,CAQlC,CAAC;AAEF,IAAMuB,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCL,IAAI,EAAE,0CAA0C;EAChDM,QAAQ,EAAE;IACNC,YAAY,EAAE,qBAAqB;IACnCP,IAAI,EAAElB,CAAC,CAAAH,eAAA,KAAAA,eAAA,OAAA6B,uBAAA,CAAAd,OAAA,4BAAqB;IAC5Be,WAAW,EAAE3B,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAA4B,uBAAA,CAAAd,OAAA,2CAAoC;IAClDgB,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAmB;MAAA,IAAhBxB,KAAK,GAAAwB,IAAA,CAALxB,KAAK;QAAEyB,KAAK,GAAAD,IAAA,CAALC,KAAK;MACjB,IAAMF,MAAM,GACRvB,KAAK,CAACkB,IAAI,KAAK,WAAW,IAC1B,CAAC,CAAClB,KAAK,CAAC0B,cAAc,IACtB,CAAC,IAAAC,YAAG,EAAC3B,KAAK,EAAE,0BAA0B,CAAC;MAE3C,IAAIuB,MAAM,IAAI,IAAAK,6BAAsB,EAACH,KAAK,CAAC,EAAE;QACzC,OAAO,KAAK;MAChB;MAEA,OAAOF,MAAM;IACjB,CAAC;IACDM,MAAM,WAANA,MAAMA,CAACC,KAAK,EAAE;MACV,IAAQ9B,KAAK,GAAK8B,KAAK,CAAf9B,KAAK;MACb,IAAM+B,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;MAEtB,oBACItD,MAAA,CAAA6B,OAAA,CAAA0B,aAAA,CAACjD,eAAA,CAAAuB,OAAc,EAAKuB,KAAK,EACpB,UAAAI,KAAA;QAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;UAAElC,KAAK,GAAAiC,KAAA,CAALjC,KAAK;QAAA,oBACXvB,MAAA,CAAA6B,OAAA,CAAA0B,aAAA,CAAC5B,aAAa,qBACV3B,MAAA,CAAA6B,OAAA,CAAA0B,aAAA,CAAC3C,gBAAA,CAAA8C,eAAe,EAAKD,IAAI,CAAClC,KAAK,EAC1B,UAAAoC,KAAA;UAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;YAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;UAAA,oBACf7D,MAAA,CAAA6B,OAAA,CAAA0B,aAAA,CAAC/C,iBAAA,CAAAsD,gBAAgB;YACbF,KAAK,EAAEA,KAAM;YACbC,QAAQ,EAAEA,QAAS;YACnBE,GAAG,EAAE3C,MAAM,CAACiC,IAAI,CAACW,IAAI,CAAC3C,EAAE,EAAEC,KAAK,EAAEC,KAAK,CAAE;YACxC0C,WAAW,EAAE3C,KAAK,CAAC4C;UAAgB,CACtC,CAAC;QAAA,CAEO,CAAC,EACjB5C,KAAK,CAAC0B,cAAc,GAAG,IAAI,gBACxBhD,MAAA,CAAA6B,OAAA,CAAA0B,aAAA,CAAC7C,mBAAA,CAAAyD,kBAAkB,QAAE7C,KAAK,CAAC8C,QAA6B,CAC3D,eACDpE,MAAA,CAAA6B,OAAA,CAAA0B,aAAA,CAAChD,OAAA,CAAA8D,UAAU;UACPC,IAAI,eAAEtE,MAAA,CAAA6B,OAAA,CAAA0B,aAAA,CAAClD,eAAA,CAAAkE,cAAU,MAAE,CAAE;UACrBC,OAAO,EAAE,SAATA,OAAOA,CAAA;YAAA,OAAQf,IAAI,CAACnC,KAAK,CAACmD,WAAW,CAAClD,KAAK,CAAC;UAAA;QAAC,CAChD,CACU,CAAC;MAAA,CAER,CAAC;IAEzB,CAAC;IACDmD,cAAc,WAAdA,cAAcA,CAACtB,KAAK,EAAE;MAClB,oBAAOpD,MAAA,CAAA6B,OAAA,CAAA0B,aAAA,CAAC1C,2BAAA,CAAA8D,0BAA0B,EAAKvB,KAAQ,CAAC;IACpD;EACJ;AACJ,CAAC;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAhD,OAAA,GAEaU,MAAM","ignoreList":[]}
+{"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 { 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.js

@@ -1,13 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.modelHasLexicalField = void 0;
-var modelHasLexicalField = exports.modelHasLexicalField = function modelHasLexicalField(model) {
-  return model.fields.some(function (field) {
-    return field.renderer.name.startsWith("lexical-");
-  });
+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

@@ -1 +1 @@
-{"version":3,"names":["modelHasLexicalField","exports","model","fields","some","field","renderer","name","startsWith"],"sources":["utils.ts"],"sourcesContent":["import { 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":";;;;;;AAEO,IAAMA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAIE,KAAe,EAAc;EAC9D,OAAOA,KAAK,CAACC,MAAM,CAACC,IAAI,CAAC,UAAAC,KAAK;IAAA,OAAIA,KAAK,CAACC,QAAQ,CAACC,IAAI,CAACC,UAAU,CAAC,UAAU,CAAC;EAAA,EAAC;AACjF,CAAC","ignoreList":[]}
+{"version":3,"names":["modelHasLexicalField","model","fields","some","field","renderer","name","startsWith"],"sources":["utils.ts"],"sourcesContent":["import { 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.js

@@ -1,12 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _longText = _interopRequireDefault(require("./longText"));
-var _longTexts = _interopRequireDefault(require("./longTexts"));
-var _default = exports.default = [_longText.default, _longTexts.default];
+import longText from "./longText";
+import longTexts from "./longTexts";
+export default [longText, longTexts];
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_longText","_interopRequireDefault","require","_longTexts","_default","exports","default","longText","longTexts"],"sources":["index.ts"],"sourcesContent":["import longText from \"./longText\";\nimport longTexts from \"./longTexts\";\n\nexport default [longText, longTexts];\n"],"mappings":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAoC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAErB,CAACC,iBAAQ,EAAEC,kBAAS,CAAC","ignoreList":[]}
+{"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.js

@@ -1,50 +1,40 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _Input = require("@webiny/ui/Input");
-var _i18n = require("@webiny/app/i18n");
-var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-var plugin = {
+import React from "react";
+import get from "lodash/get";
+import { DelayedOnChange, Textarea } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n";
+const t = i18n.ns("app-headless-cms/admin/fields/text");
+const plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-long-text-textarea",
   renderer: {
     rendererName: "long-text-text-area",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Text Area"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple text area, suitable for larger amounts of text."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "long-text" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
+    name: t`Text Area`,
+    description: t`Renders a simple text area, suitable for larger amounts of text.`,
+    canUse({
+      field
+    }) {
+      return field.type === "long-text" && !field.multipleValues && !get(field, "predefinedValues.enabled");
     },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        getBind = _ref2.getBind;
-      var Bind = getBind();
-      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
-          value: bind.value,
-          onChange: bind.onChange,
-          onBlur: bind.validate
-        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-          rows: 5,
-          label: field.label,
-          placeholder: field.placeholderText,
-          description: field.helpText,
-          "data-testid": "fr.input.longtext.".concat(field.label),
-          validation: bind.validation
-        })));
-      });
+    render({
+      field,
+      getBind
+    }) {
+      const Bind = getBind();
+      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, {
+        rows: 5,
+        label: field.label,
+        placeholder: field.placeholderText,
+        description: field.helpText,
+        "data-testid": `fr.input.longtext.${field.label}`,
+        validation: bind.validation
+      }))));
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=longText.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","createElement","bind","ValidationContainer","DelayedOnChange","value","onChange","onBlur","validate","Input","rows","label","placeholder","placeholderText","helpText","concat","validation","_default","exports"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\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                                <Input\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA6D,IAAAK,eAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBAAqB;IACnCF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,kBAAW;IAClBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,yEAAkE;IAChFE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,WAAW,IAC1B,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAANA,MAAMA,CAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACI3B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD9B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrB/B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACvB,gBAAA,CAAA0B,eAAe;UACZC,KAAK,EAAEH,IAAI,CAACG,KAAM;UAClBC,QAAQ,EAAEJ,IAAI,CAACI,QAAS;UACxBC,MAAM,EAAEL,IAAI,CAACM;QAAS,gBAEtBpC,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACzB,MAAA,CAAAiC,KAAK;UACFC,IAAI,EAAE,CAAE;UACRC,KAAK,EAAEjB,KAAK,CAACiB,KAAM;UACnBC,WAAW,EAAElB,KAAK,CAACmB,eAAgB;UACnCtB,WAAW,EAAEG,KAAK,CAACoB,QAAS;UAC5B,oCAAAC,MAAA,CAAkCrB,KAAK,CAACiB,KAAK,CAAG;UAChDK,UAAU,EAAEd,IAAI,CAACc;QAAW,CAC/B,CACY,CACK,CAAC;MAAA,CAE7B,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"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 { 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":[]}