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

package/admin/plugins/fieldRenderers/richText/richTextInput.js

@@ -1,47 +1,37 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").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 = _interopRequireWildcard(require("react"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _i18n = require("@webiny/app/i18n");
-var _RichTextEditor = require("@webiny/app-admin/components/RichTextEditor");
-var _plugins = require("@webiny/plugins");
-var _form = require("@webiny/form");
-var _allowCmsLegacyRichTextInput = require("../../../../utils/allowCmsLegacyRichTextInput");
-var _utils = require("../lexicalText/utils");
-var _utils2 = require("./utils");
-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(field, id) {
-  var formId = id || "new";
-  return "".concat(formId, ".").concat(field.fieldId);
+import React, { useMemo } from "react";
+import get from "lodash/get";
+import { i18n } from "@webiny/app/i18n";
+import { createPropsFromConfig, RichTextEditor } from "@webiny/app-admin/components/RichTextEditor";
+import { plugins } from "@webiny/plugins";
+import { useForm } from "@webiny/form";
+import { allowCmsLegacyRichTextInput } from "../../../../utils/allowCmsLegacyRichTextInput";
+import { modelHasLexicalField } from "../lexicalText/utils";
+import { isLegacyRteFieldSaved, modelHasLegacyRteField } from "./utils";
+import { DelayedOnChange } from "@webiny/ui/DelayedOnChange";
+const t = i18n.ns("app-headless-cms/admin/fields/rich-text");
+const getKey = (field, id) => {
+  const formId = id || "new";
+  return `${formId}.${field.fieldId}`;
 };
-var plugin = {
+const plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-rich-text",
   renderer: {
     rendererName: "rich-text-input",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["(Legacy) EditorJS Text Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders the legacy rich 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");
+    name: t`(Legacy) EditorJS Text Input`,
+    description: t`Renders the legacy rich text editor.`,
+    canUse({
+      field,
+      model
+    }) {
+      const canUse = field.type === "rich-text" && !field.multipleValues && !get(field, "predefinedValues.enabled");
       if (canUse) {
         // Check for legacy RTE usage for saved and new field
-        if ((0, _utils.modelHasLexicalField)(model)) {
+        if (modelHasLexicalField(model)) {
           return false;
         }
-        if (!_allowCmsLegacyRichTextInput.allowCmsLegacyRichTextInput) {
-          if ((0, _utils2.isLegacyRteFieldSaved)(field) || (0, _utils2.modelHasLegacyRteField)(model)) {
+        if (!allowCmsLegacyRichTextInput) {
+          if (isLegacyRteFieldSaved(field) || modelHasLegacyRteField(model)) {
             return true;
           }
           // When feature flag is disabled by default and legacy RTE will not be used
@@ -50,29 +40,28 @@ var plugin = {
       }
       return canUse;
     },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        getBind = _ref2.getBind;
-      var form = (0, _form.useForm)();
-      var Bind = getBind();
-      var rteProps = (0, _react.useMemo)(function () {
-        return (0, _RichTextEditor.createPropsFromConfig)(_plugins.plugins.byType("cms-rte-config").map(function (pl) {
-          return pl.config;
-        }));
+    render({
+      field,
+      getBind
+    }) {
+      const form = useForm();
+      const Bind = getBind();
+      const rteProps = useMemo(() => {
+        return createPropsFromConfig(plugins.byType("cms-rte-config").map(pl => pl.config));
       }, []);
-      return /*#__PURE__*/_react.default.createElement(Bind, null, function (props) {
-        return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, props, /*#__PURE__*/_react.default.createElement(_RichTextEditor.RichTextEditor, Object.assign({
+      return /*#__PURE__*/React.createElement(Bind, null, props => {
+        return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(DelayedOnChange, props, /*#__PURE__*/React.createElement(RichTextEditor, Object.assign({
           key: getKey(field, form.data.id)
         }, rteProps, {
           label: field.label,
           placeholder: field.placeholderText,
           description: field.helpText,
-          "data-testid": "fr.input.richtext.".concat(field.label)
+          "data-testid": `fr.input.richtext.${field.label}`
         }))));
       });
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=richTextInput.js.map

package/admin/plugins/fieldRenderers/richText/richTextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_i18n","_RichTextEditor","_plugins","_form","_allowCmsLegacyRichTextInput","_utils","_utils2","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","getKey","field","id","formId","concat","fieldId","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","model","multipleValues","get","modelHasLexicalField","allowCmsLegacyRichTextInput","isLegacyRteFieldSaved","modelHasLegacyRteField","render","_ref2","getBind","form","useForm","Bind","rteProps","useMemo","createPropsFromConfig","plugins","byType","map","pl","config","createElement","props","ValidationContainer","DelayedOnChange","RichTextEditor","Object","assign","key","data","label","placeholder","placeholderText","helpText","_default","exports"],"sources":["richTextInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { createPropsFromConfig, RichTextEditor } from \"@webiny/app-admin/components/RichTextEditor\";\nimport { plugins } from \"@webiny/plugins\";\nimport { useForm } from \"@webiny/form\";\nimport { CmsModelFieldRendererPlugin, CmsModelField } from \"~/types\";\nimport { allowCmsLegacyRichTextInput } from \"~/utils/allowCmsLegacyRichTextInput\";\nimport { modelHasLexicalField } from \"~/admin/plugins/fieldRenderers/lexicalText/utils\";\nimport {\n    isLegacyRteFieldSaved,\n    modelHasLegacyRteField\n} from \"~/admin/plugins/fieldRenderers/richText/utils\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (field: CmsModelField, id: string | undefined): 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-rich-text\",\n    renderer: {\n        rendererName: \"rich-text-input\",\n        name: t`(Legacy) EditorJS Text Input`,\n        description: t`Renders the legacy rich 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) {\n                // Check for legacy RTE usage for saved and new field\n                if (modelHasLexicalField(model)) {\n                    return false;\n                }\n\n                if (!allowCmsLegacyRichTextInput) {\n                    if (isLegacyRteFieldSaved(field) || modelHasLegacyRteField(model)) {\n                        return true;\n                    }\n                    // When feature flag is disabled by default and legacy RTE will not be used\n                    return false;\n                }\n            }\n\n            return canUse;\n        },\n        render({ field, getBind }) {\n            const form = useForm();\n            const Bind = getBind();\n\n            const rteProps = useMemo(() => {\n                return createPropsFromConfig(plugins.byType(\"cms-rte-config\").map(pl => pl.config));\n            }, []);\n\n            return (\n                <Bind>\n                    {props => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <DelayedOnChange {...props}>\n                                    <RichTextEditor\n                                        key={getKey(field, form.data.id)}\n                                        {...rteProps}\n                                        label={field.label}\n                                        placeholder={field.placeholderText}\n                                        description={field.helpText}\n                                        data-testid={`fr.input.richtext.${field.label}`}\n                                    />\n                                </DelayedOnChange>\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","useMemo","get","i18n","createPropsFromConfig","RichTextEditor","plugins","useForm","allowCmsLegacyRichTextInput","modelHasLexicalField","isLegacyRteFieldSaved","modelHasLegacyRteField","DelayedOnChange","t","ns","getKey","field","id","formId","fieldId","plugin","type","name","renderer","rendererName","description","canUse","model","multipleValues","render","getBind","form","Bind","rteProps","byType","map","pl","config","createElement","props","ValidationContainer","Object","assign","key","data","label","placeholder","placeholderText","helpText"],"sources":["richTextInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { createPropsFromConfig, RichTextEditor } from \"@webiny/app-admin/components/RichTextEditor\";\nimport { plugins } from \"@webiny/plugins\";\nimport { useForm } from \"@webiny/form\";\nimport { CmsModelFieldRendererPlugin, CmsModelField } from \"~/types\";\nimport { allowCmsLegacyRichTextInput } from \"~/utils/allowCmsLegacyRichTextInput\";\nimport { modelHasLexicalField } from \"~/admin/plugins/fieldRenderers/lexicalText/utils\";\nimport {\n    isLegacyRteFieldSaved,\n    modelHasLegacyRteField\n} from \"~/admin/plugins/fieldRenderers/richText/utils\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (field: CmsModelField, id: string | undefined): 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-rich-text\",\n    renderer: {\n        rendererName: \"rich-text-input\",\n        name: t`(Legacy) EditorJS Text Input`,\n        description: t`Renders the legacy rich 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) {\n                // Check for legacy RTE usage for saved and new field\n                if (modelHasLexicalField(model)) {\n                    return false;\n                }\n\n                if (!allowCmsLegacyRichTextInput) {\n                    if (isLegacyRteFieldSaved(field) || modelHasLegacyRteField(model)) {\n                        return true;\n                    }\n                    // When feature flag is disabled by default and legacy RTE will not be used\n                    return false;\n                }\n            }\n\n            return canUse;\n        },\n        render({ field, getBind }) {\n            const form = useForm();\n            const Bind = getBind();\n\n            const rteProps = useMemo(() => {\n                return createPropsFromConfig(plugins.byType(\"cms-rte-config\").map(pl => pl.config));\n            }, []);\n\n            return (\n                <Bind>\n                    {props => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <DelayedOnChange {...props}>\n                                    <RichTextEditor\n                                        key={getKey(field, form.data.id)}\n                                        {...rteProps}\n                                        label={field.label}\n                                        placeholder={field.placeholderText}\n                                        description={field.helpText}\n                                        data-testid={`fr.input.richtext.${field.label}`}\n                                    />\n                                </DelayedOnChange>\n                            </Bind.ValidationContainer>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,GAAG,MAAM,YAAY;AAC5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,qBAAqB,EAAEC,cAAc,QAAQ,6CAA6C;AACnG,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,OAAO,QAAQ,cAAc;AAEtC,SAASC,2BAA2B;AACpC,SAASC,oBAAoB;AAC7B,SACIC,qBAAqB,EACrBC,sBAAsB;AAE1B,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,MAAMC,CAAC,GAAGV,IAAI,CAACW,EAAE,CAAC,yCAAyC,CAAC;AAE5D,MAAMC,MAAM,GAAGA,CAACC,KAAoB,EAAEC,EAAsB,KAAa;EACrE,MAAMC,MAAM,GAAGD,EAAE,IAAI,KAAK;EAC1B,OAAO,GAAGC,MAAM,IAAIF,KAAK,CAACG,OAAO,EAAE;AACvC,CAAC;AAED,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,QAAQ,EAAE;IACNC,YAAY,EAAE,iBAAiB;IAC/BF,IAAI,EAAET,CAAC,8BAA8B;IACrCY,WAAW,EAAEZ,CAAC,sCAAsC;IACpDa,MAAMA,CAAC;MAAEV,KAAK;MAAEW;IAAM,CAAC,EAAE;MACrB,MAAMD,MAAM,GACRV,KAAK,CAACK,IAAI,KAAK,WAAW,IAC1B,CAACL,KAAK,CAACY,cAAc,IACrB,CAAC1B,GAAG,CAACc,KAAK,EAAE,0BAA0B,CAAC;MAE3C,IAAIU,MAAM,EAAE;QACR;QACA,IAAIjB,oBAAoB,CAACkB,KAAK,CAAC,EAAE;UAC7B,OAAO,KAAK;QAChB;QAEA,IAAI,CAACnB,2BAA2B,EAAE;UAC9B,IAAIE,qBAAqB,CAACM,KAAK,CAAC,IAAIL,sBAAsB,CAACgB,KAAK,CAAC,EAAE;YAC/D,OAAO,IAAI;UACf;UACA;UACA,OAAO,KAAK;QAChB;MACJ;MAEA,OAAOD,MAAM;IACjB,CAAC;IACDG,MAAMA,CAAC;MAAEb,KAAK;MAAEc;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGxB,OAAO,CAAC,CAAC;MACtB,MAAMyB,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,MAAMG,QAAQ,GAAGhC,OAAO,CAAC,MAAM;QAC3B,OAAOG,qBAAqB,CAACE,OAAO,CAAC4B,MAAM,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,MAAM,CAAC,CAAC;MACvF,CAAC,EAAE,EAAE,CAAC;MAEN,oBACIrC,KAAA,CAAAsC,aAAA,CAACN,IAAI,QACAO,KAAK,IAAI;QACN,oBACIvC,KAAA,CAAAsC,aAAA,CAACN,IAAI,CAACQ,mBAAmB,qBACrBxC,KAAA,CAAAsC,aAAA,CAAC1B,eAAe,EAAK2B,KAAK,eACtBvC,KAAA,CAAAsC,aAAA,CAACjC,cAAc,EAAAoC,MAAA,CAAAC,MAAA;UACXC,GAAG,EAAE5B,MAAM,CAACC,KAAK,EAAEe,IAAI,CAACa,IAAI,CAAC3B,EAAE;QAAE,GAC7BgB,QAAQ;UACZY,KAAK,EAAE7B,KAAK,CAAC6B,KAAM;UACnBC,WAAW,EAAE9B,KAAK,CAAC+B,eAAgB;UACnCtB,WAAW,EAAET,KAAK,CAACgC,QAAS;UAC5B,eAAa,qBAAqBhC,KAAK,CAAC6B,KAAK;QAAG,EACnD,CACY,CACK,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAezB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/richText/richTextInputs.js

@@ -1,36 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").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 = _interopRequireWildcard(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 _RichTextEditor = require("@webiny/app-admin/components/RichTextEditor");
-var _Button = require("@webiny/ui/Button");
-var _plugins = require("@webiny/plugins");
-var _allowCmsLegacyRichTextInput = require("../../../../utils/allowCmsLegacyRichTextInput");
-var _utils = require("../lexicalText/utils");
-var _utils2 = require("./utils");
-var _form = require("@webiny/form");
-var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
-var _MultiValueRendererSettings = require("../MultiValueRendererSettings");
-var _templateObject, _templateObject2;
+import _styled from "@emotion/styled/base";
 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(field, id, index) {
-  var formId = id || "new";
-  return "".concat(formId, ".").concat(field.fieldId, ".").concat(index);
+import React, { useMemo } 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 { createPropsFromConfig, RichTextEditor } from "@webiny/app-admin/components/RichTextEditor";
+import { IconButton } from "@webiny/ui/Button";
+import { plugins } from "@webiny/plugins";
+import { allowCmsLegacyRichTextInput } from "../../../../utils/allowCmsLegacyRichTextInput";
+import { modelHasLexicalField } from "../lexicalText/utils";
+import { isLegacyRteFieldSaved, modelHasLegacyRteField } from "./utils";
+import { useForm } from "@webiny/form";
+import { DelayedOnChange } from "@webiny/ui/DelayedOnChange";
+import { MultiValueRendererSettings } from "../MultiValueRendererSettings";
+const t = i18n.ns("app-headless-cms/admin/fields/rich-text");
+const getKey = (field, id, index) => {
+  const formId = id || "new";
+  return `${formId}.${field.fieldId}.${index}`;
 };
-var emptyValue = [{
+const emptyValue = [{
   type: "paragraph",
   data: {
     textAlign: "left",
@@ -38,7 +27,7 @@ var emptyValue = [{
     text: ""
   }
 }];
-var EditorWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const EditorWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "es2hini0"
 } : {
   target: "es2hini0",
@@ -49,27 +38,28 @@ var EditorWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV
 } : {
   name: "u9mxr5",
   styles: "position:relative;> button{position:absolute;top:5px;right:5px;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJpY2hUZXh0SW5wdXRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ3NCIiwiZmlsZSI6InJpY2hUZXh0SW5wdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZ2V0IGZyb20gXCJsb2Rhc2gvZ2V0XCI7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2kxOG5cIjtcbmltcG9ydCB7IENtc01vZGVsRmllbGQsIENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbiB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEZWxldGVJY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2RlbGV0ZV9vdXRsaW5lLnN2Z1wiO1xuaW1wb3J0IER5bmFtaWNTZWN0aW9uIGZyb20gXCIuLi9EeW5hbWljU2VjdGlvblwiO1xuaW1wb3J0IHsgY3JlYXRlUHJvcHNGcm9tQ29uZmlnLCBSaWNoVGV4dEVkaXRvciB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pbi9jb21wb25lbnRzL1JpY2hUZXh0RWRpdG9yXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyBwbHVnaW5zIH0gZnJvbSBcIkB3ZWJpbnkvcGx1Z2luc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBhbGxvd0Ntc0xlZ2FjeVJpY2hUZXh0SW5wdXQgfSBmcm9tIFwifi91dGlscy9hbGxvd0Ntc0xlZ2FjeVJpY2hUZXh0SW5wdXRcIjtcbmltcG9ydCB7IG1vZGVsSGFzTGV4aWNhbEZpZWxkIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9sZXhpY2FsVGV4dC91dGlsc1wiO1xuaW1wb3J0IHtcbiAgICBpc0xlZ2FjeVJ0ZUZpZWxkU2F2ZWQsXG4gICAgbW9kZWxIYXNMZWdhY3lSdGVGaWVsZFxufSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JpY2hUZXh0L3V0aWxzXCI7XG5pbXBvcnQgeyB1c2VGb3JtIH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuaW1wb3J0IHsgRGVsYXllZE9uQ2hhbmdlIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRGVsYXllZE9uQ2hhbmdlXCI7XG5pbXBvcnQgeyBNdWx0aVZhbHVlUmVuZGVyZXJTZXR0aW5ncyB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvTXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3NcIjtcblxuY29uc3QgdCA9IGkxOG4ubnMoXCJhcHAtaGVhZGxlc3MtY21zL2FkbWluL2ZpZWxkcy9yaWNoLXRleHRcIik7XG5cbmNvbnN0IGdldEtleSA9IChmaWVsZDogQ21zTW9kZWxGaWVsZCwgaWQ6IHN0cmluZyB8IHVuZGVmaW5lZCwgaW5kZXg6IG51bWJlcik6IHN0cmluZyA9PiB7XG4gICAgY29uc3QgZm9ybUlkID0gaWQgfHwgXCJuZXdcIjtcbiAgICByZXR1cm4gYCR7Zm9ybUlkfS4ke2ZpZWxkLmZpZWxkSWR9LiR7aW5kZXh9YDtcbn07XG5cbmNvbnN0IGVtcHR5VmFsdWU6IFJlY29yZDxzdHJpbmcsIGFueT5bXSA9IFtcbiAgICB7XG4gICAgICAgIHR5cGU6IFwicGFyYWdyYXBoXCIsXG4gICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG4gICAgICAgICAgICBjbGFzc05hbWU6IG51bGwsXG4gICAgICAgICAgICB0ZXh0OiBcIlwiXG4gICAgICAgIH1cbiAgICB9XG5dO1xuXG5jb25zdCBFZGl0b3JXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIFwiPiBidXR0b25cIjoge1xuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICB0b3A6IDUsXG4gICAgICAgIHJpZ2h0OiA1XG4gICAgfVxufSk7XG5cbmNvbnN0IHBsdWdpbjogQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luID0ge1xuICAgIHR5cGU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlclwiLFxuICAgIG5hbWU6IFwiY21zLWVkaXRvci1maWVsZC1yZW5kZXJlci1yaWNoLXRleHQtaW5wdXRzXCIsXG4gICAgcmVuZGVyZXI6IHtcbiAgICAgICAgcmVuZGVyZXJOYW1lOiBcInJpY2gtdGV4dC1pbnB1dHNcIixcbiAgICAgICAgbmFtZTogdGAoTGVnYWN5KSBFZGl0b3JKUyBUZXh0IElucHV0c2AsXG4gICAgICAgIGRlc2NyaXB0aW9uOiB0YFJlbmRlcnMgYSBzaW1wbGUgbGlzdCBvZiBsZWdhY3kgcmljaCB0ZXh0IGVkaXRvcnMuYCxcbiAgICAgICAgY2FuVXNlKHsgZmllbGQsIG1vZGVsIH0pIHtcbiAgICAgICAgICAgIGNvbnN0IGNhblVzZSA9XG4gICAgICAgICAgICAgICAgZmllbGQudHlwZSA9PT0gXCJyaWNoLXRleHRcIiAmJlxuICAgICAgICAgICAgICAgICEhZmllbGQubXVsdGlwbGVWYWx1ZXMgJiZcbiAgICAgICAgICAgICAgICAhZ2V0KGZpZWxkLCBcInByZWRlZmluZWRWYWx1ZXMuZW5hYmxlZFwiKTtcblxuICAgICAgICAgICAgaWYgKGNhblVzZSkge1xuICAgICAgICAgICAgICAgIC8vIENoZWNrIGZvciBsZWdhY3kgUlRFIHVzYWdlIGZvciBzYXZlZCBhbmQgbmV3IGZpZWxkXG4gICAgICAgICAgICAgICAgaWYgKG1vZGVsSGFzTGV4aWNhbEZpZWxkKG1vZGVsKSkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgaWYgKCFhbGxvd0Ntc0xlZ2FjeVJpY2hUZXh0SW5wdXQpIHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKGlzTGVnYWN5UnRlRmllbGRTYXZlZChmaWVsZCkgfHwgbW9kZWxIYXNMZWdhY3lSdGVGaWVsZChtb2RlbCkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIC8vIFdoZW4gZmVhdHVyZSBmbGFnIGlzIGRpc2FibGVkIGJ5IGRlZmF1bHQgYW5kIGxlZ2FjeSBSVEUgd2lsbCBub3QgYmUgdXNlZFxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICByZXR1cm4gY2FuVXNlO1xuICAgICAgICB9LFxuICAgICAgICByZW5kZXIocHJvcHMpIHtcbiAgICAgICAgICAgIGNvbnN0IGZvcm0gPSB1c2VGb3JtKCk7XG4gICAgICAgICAgICBjb25zdCB7IGZpZWxkIH0gPSBwcm9wcztcblxuICAgICAgICAgICAgY29uc3QgcnRlUHJvcHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gY3JlYXRlUHJvcHNGcm9tQ29uZmlnKHBsdWdpbnMuYnlUeXBlKFwiY21zLXJ0ZS1jb25maWdcIikubWFwKHBsID0+IHBsLmNvbmZpZykpO1xuICAgICAgICAgICAgfSwgW10pO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxEeW5hbWljU2VjdGlvbiB7Li4ucHJvcHN9IGVtcHR5VmFsdWU9e2VtcHR5VmFsdWV9PlxuICAgICAgICAgICAgICAgICAgICB7KHsgYmluZCwgaW5kZXggfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEVkaXRvcldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2luZGV4ID4gMCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8RGVsZXRlSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGJpbmQuZmllbGQucmVtb3ZlVmFsdWUoaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPERlbGF5ZWRPbkNoYW5nZSB7Li4uYmluZC5pbmRleH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxSaWNoVGV4dEVkaXRvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAga2V5PXtnZXRLZXkoZmllbGQsIGZvcm0uZGF0YS5pZCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLnJ0ZVByb3BzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e2BWYWx1ZSAke2luZGV4ICsgMX1gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e2ZpZWxkLnBsYWNlaG9sZGVyVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0RlbGF5ZWRPbkNoYW5nZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvRWRpdG9yV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0R5bmFtaWNTZWN0aW9uPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfSxcbiAgICAgICAgcmVuZGVyU2V0dGluZ3MocHJvcHMpIHtcbiAgICAgICAgICAgIHJldHVybiA8TXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3Mgey4uLnByb3BzfSAvPjtcbiAgICAgICAgfVxuICAgIH1cbn07XG5cbmV4cG9ydCBkZWZhdWx0IHBsdWdpbjtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJpY2hUZXh0SW5wdXRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ3NCIiwiZmlsZSI6InJpY2hUZXh0SW5wdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZ2V0IGZyb20gXCJsb2Rhc2gvZ2V0XCI7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2kxOG5cIjtcbmltcG9ydCB7IENtc01vZGVsRmllbGQsIENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbiB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEZWxldGVJY29uIH0gZnJvbSBcIkB3ZWJpbnkvaWNvbnMvZGVsZXRlX291dGxpbmUuc3ZnXCI7XG5pbXBvcnQgRHluYW1pY1NlY3Rpb24gZnJvbSBcIi4uL0R5bmFtaWNTZWN0aW9uXCI7XG5pbXBvcnQgeyBjcmVhdGVQcm9wc0Zyb21Db25maWcsIFJpY2hUZXh0RWRpdG9yIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHMvUmljaFRleHRFZGl0b3JcIjtcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tIFwiQHdlYmlueS91aS9CdXR0b25cIjtcbmltcG9ydCB7IHBsdWdpbnMgfSBmcm9tIFwiQHdlYmlueS9wbHVnaW5zXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGFsbG93Q21zTGVnYWN5UmljaFRleHRJbnB1dCB9IGZyb20gXCJ+L3V0aWxzL2FsbG93Q21zTGVnYWN5UmljaFRleHRJbnB1dFwiO1xuaW1wb3J0IHsgbW9kZWxIYXNMZXhpY2FsRmllbGQgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL2xleGljYWxUZXh0L3V0aWxzXCI7XG5pbXBvcnQge1xuICAgIGlzTGVnYWN5UnRlRmllbGRTYXZlZCxcbiAgICBtb2RlbEhhc0xlZ2FjeVJ0ZUZpZWxkXG59IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmljaFRleHQvdXRpbHNcIjtcbmltcG9ydCB7IHVzZUZvcm0gfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyBEZWxheWVkT25DaGFuZ2UgfSBmcm9tIFwiQHdlYmlueS91aS9EZWxheWVkT25DaGFuZ2VcIjtcbmltcG9ydCB7IE11bHRpVmFsdWVSZW5kZXJlclNldHRpbmdzIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9NdWx0aVZhbHVlUmVuZGVyZXJTZXR0aW5nc1wiO1xuXG5jb25zdCB0ID0gaTE4bi5ucyhcImFwcC1oZWFkbGVzcy1jbXMvYWRtaW4vZmllbGRzL3JpY2gtdGV4dFwiKTtcblxuY29uc3QgZ2V0S2V5ID0gKGZpZWxkOiBDbXNNb2RlbEZpZWxkLCBpZDogc3RyaW5nIHwgdW5kZWZpbmVkLCBpbmRleDogbnVtYmVyKTogc3RyaW5nID0+IHtcbiAgICBjb25zdCBmb3JtSWQgPSBpZCB8fCBcIm5ld1wiO1xuICAgIHJldHVybiBgJHtmb3JtSWR9LiR7ZmllbGQuZmllbGRJZH0uJHtpbmRleH1gO1xufTtcblxuY29uc3QgZW1wdHlWYWx1ZTogUmVjb3JkPHN0cmluZywgYW55PltdID0gW1xuICAgIHtcbiAgICAgICAgdHlwZTogXCJwYXJhZ3JhcGhcIixcbiAgICAgICAgZGF0YToge1xuICAgICAgICAgICAgdGV4dEFsaWduOiBcImxlZnRcIixcbiAgICAgICAgICAgIGNsYXNzTmFtZTogbnVsbCxcbiAgICAgICAgICAgIHRleHQ6IFwiXCJcbiAgICAgICAgfVxuICAgIH1cbl07XG5cbmNvbnN0IEVkaXRvcldyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgXCI+IGJ1dHRvblwiOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogNSxcbiAgICAgICAgcmlnaHQ6IDVcbiAgICB9XG59KTtcblxuY29uc3QgcGx1Z2luOiBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQbHVnaW4gPSB7XG4gICAgdHlwZTogXCJjbXMtZWRpdG9yLWZpZWxkLXJlbmRlcmVyXCIsXG4gICAgbmFtZTogXCJjbXMtZWRpdG9yLWZpZWxkLXJlbmRlcmVyLXJpY2gtdGV4dC1pbnB1dHNcIixcbiAgICByZW5kZXJlcjoge1xuICAgICAgICByZW5kZXJlck5hbWU6IFwicmljaC10ZXh0LWlucHV0c1wiLFxuICAgICAgICBuYW1lOiB0YChMZWdhY3kpIEVkaXRvckpTIFRleHQgSW5wdXRzYCxcbiAgICAgICAgZGVzY3JpcHRpb246IHRgUmVuZGVycyBhIHNpbXBsZSBsaXN0IG9mIGxlZ2FjeSByaWNoIHRleHQgZWRpdG9ycy5gLFxuICAgICAgICBjYW5Vc2UoeyBmaWVsZCwgbW9kZWwgfSkge1xuICAgICAgICAgICAgY29uc3QgY2FuVXNlID1cbiAgICAgICAgICAgICAgICBmaWVsZC50eXBlID09PSBcInJpY2gtdGV4dFwiICYmXG4gICAgICAgICAgICAgICAgISFmaWVsZC5tdWx0aXBsZVZhbHVlcyAmJlxuICAgICAgICAgICAgICAgICFnZXQoZmllbGQsIFwicHJlZGVmaW5lZFZhbHVlcy5lbmFibGVkXCIpO1xuXG4gICAgICAgICAgICBpZiAoY2FuVXNlKSB7XG4gICAgICAgICAgICAgICAgLy8gQ2hlY2sgZm9yIGxlZ2FjeSBSVEUgdXNhZ2UgZm9yIHNhdmVkIGFuZCBuZXcgZmllbGRcbiAgICAgICAgICAgICAgICBpZiAobW9kZWxIYXNMZXhpY2FsRmllbGQobW9kZWwpKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBpZiAoIWFsbG93Q21zTGVnYWN5UmljaFRleHRJbnB1dCkge1xuICAgICAgICAgICAgICAgICAgICBpZiAoaXNMZWdhY3lSdGVGaWVsZFNhdmVkKGZpZWxkKSB8fCBtb2RlbEhhc0xlZ2FjeVJ0ZUZpZWxkKG1vZGVsKSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgLy8gV2hlbiBmZWF0dXJlIGZsYWcgaXMgZGlzYWJsZWQgYnkgZGVmYXVsdCBhbmQgbGVnYWN5IFJURSB3aWxsIG5vdCBiZSB1c2VkXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBmYWxzZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHJldHVybiBjYW5Vc2U7XG4gICAgICAgIH0sXG4gICAgICAgIHJlbmRlcihwcm9wcykge1xuICAgICAgICAgICAgY29uc3QgZm9ybSA9IHVzZUZvcm0oKTtcbiAgICAgICAgICAgIGNvbnN0IHsgZmllbGQgfSA9IHByb3BzO1xuXG4gICAgICAgICAgICBjb25zdCBydGVQcm9wcyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiBjcmVhdGVQcm9wc0Zyb21Db25maWcocGx1Z2lucy5ieVR5cGUoXCJjbXMtcnRlLWNvbmZpZ1wiKS5tYXAocGwgPT4gcGwuY29uZmlnKSk7XG4gICAgICAgICAgICB9LCBbXSk7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPER5bmFtaWNTZWN0aW9uIHsuLi5wcm9wc30gZW1wdHlWYWx1ZT17ZW1wdHlWYWx1ZX0+XG4gICAgICAgICAgICAgICAgICAgIHsoeyBiaW5kLCBpbmRleCB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RWRpdG9yV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7aW5kZXggPiAwICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGljb249ezxEZWxldGVJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gYmluZC5maWVsZC5yZW1vdmVWYWx1ZShpbmRleCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RGVsYXllZE9uQ2hhbmdlIHsuLi5iaW5kLmluZGV4fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFJpY2hUZXh0RWRpdG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e2dldEtleShmaWVsZCwgZm9ybS5kYXRhLmlkLCBpbmRleCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Li4ucnRlUHJvcHN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD17YFZhbHVlICR7aW5kZXggKyAxfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17ZmllbGQucGxhY2Vob2xkZXJUZXh0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRGVsYXllZE9uQ2hhbmdlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9FZGl0b3JXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvRHluYW1pY1NlY3Rpb24+XG4gICAgICAgICAgICApO1xuICAgICAgICB9LFxuICAgICAgICByZW5kZXJTZXR0aW5ncyhwcm9wcykge1xuICAgICAgICAgICAgcmV0dXJuIDxNdWx0aVZhbHVlUmVuZGVyZXJTZXR0aW5ncyB7Li4ucHJvcHN9IC8+O1xuICAgICAgICB9XG4gICAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgcGx1Z2luO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var plugin = {
+const plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-rich-text-inputs",
   renderer: {
     rendererName: "rich-text-inputs",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["(Legacy) EditorJS Text Inputs"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple list of legacy rich text 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");
+    name: t`(Legacy) EditorJS Text Inputs`,
+    description: t`Renders a simple list of legacy rich text editors.`,
+    canUse({
+      field,
+      model
+    }) {
+      const canUse = field.type === "rich-text" && !!field.multipleValues && !get(field, "predefinedValues.enabled");
       if (canUse) {
         // Check for legacy RTE usage for saved and new field
-        if ((0, _utils.modelHasLexicalField)(model)) {
+        if (modelHasLexicalField(model)) {
           return false;
         }
-        if (!_allowCmsLegacyRichTextInput.allowCmsLegacyRichTextInput) {
-          if ((0, _utils2.isLegacyRteFieldSaved)(field) || (0, _utils2.modelHasLegacyRteField)(model)) {
+        if (!allowCmsLegacyRichTextInput) {
+          if (isLegacyRteFieldSaved(field) || modelHasLegacyRteField(model)) {
             return true;
           }
           // When feature flag is disabled by default and legacy RTE will not be used
@@ -78,37 +68,34 @@ var plugin = {
       }
       return canUse;
     },
-    render: function render(props) {
-      var form = (0, _form.useForm)();
-      var field = props.field;
-      var rteProps = (0, _react.useMemo)(function () {
-        return (0, _RichTextEditor.createPropsFromConfig)(_plugins.plugins.byType("cms-rte-config").map(function (pl) {
-          return pl.config;
-        }));
+    render(props) {
+      const form = useForm();
+      const {
+        field
+      } = props;
+      const rteProps = useMemo(() => {
+        return createPropsFromConfig(plugins.byType("cms-rte-config").map(pl => pl.config));
       }, []);
-      return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, Object.assign({}, props, {
+      return /*#__PURE__*/React.createElement(DynamicSection, Object.assign({}, props, {
         emptyValue: emptyValue
-      }), function (_ref2) {
-        var bind = _ref2.bind,
-          index = _ref2.index;
-        return /*#__PURE__*/_react.default.createElement(EditorWrapper, null, index > 0 && /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-          icon: /*#__PURE__*/_react.default.createElement(_delete_outline.ReactComponent, null),
-          onClick: function onClick() {
-            return bind.field.removeValue(index);
-          }
-        }), /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, bind.index, /*#__PURE__*/_react.default.createElement(_RichTextEditor.RichTextEditor, Object.assign({
-          key: getKey(field, form.data.id, index)
-        }, rteProps, {
-          label: "Value ".concat(index + 1),
-          placeholder: field.placeholderText
-        }))));
-      });
+      }), ({
+        bind,
+        index
+      }) => /*#__PURE__*/React.createElement(EditorWrapper, null, index > 0 && /*#__PURE__*/React.createElement(IconButton, {
+        icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+        onClick: () => bind.field.removeValue(index)
+      }), /*#__PURE__*/React.createElement(DelayedOnChange, bind.index, /*#__PURE__*/React.createElement(RichTextEditor, Object.assign({
+        key: getKey(field, form.data.id, index)
+      }, rteProps, {
+        label: `Value ${index + 1}`,
+        placeholder: field.placeholderText
+      })))));
     },
-    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=richTextInputs.js.map

package/admin/plugins/fieldRenderers/richText/richTextInputs.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_i18n","_delete_outline","_DynamicSection","_RichTextEditor","_Button","_plugins","_allowCmsLegacyRichTextInput","_utils","_utils2","_form","_DelayedOnChange","_MultiValueRendererSettings","_templateObject","_templateObject2","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","getKey","field","id","index","formId","concat","fieldId","emptyValue","type","data","textAlign","className","text","EditorWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","plugin","renderer","rendererName","_taggedTemplateLiteral2","description","canUse","_ref","model","multipleValues","get","modelHasLexicalField","allowCmsLegacyRichTextInput","isLegacyRteFieldSaved","modelHasLegacyRteField","render","props","form","useForm","rteProps","useMemo","createPropsFromConfig","plugins","byType","pl","config","createElement","Object","assign","_ref2","bind","IconButton","icon","ReactComponent","onClick","removeValue","DelayedOnChange","RichTextEditor","key","placeholder","placeholderText","renderSettings","MultiValueRendererSettings","_default","exports"],"sources":["richTextInputs.tsx"],"sourcesContent":["import React, { useMemo } 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 { createPropsFromConfig, RichTextEditor } from \"@webiny/app-admin/components/RichTextEditor\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { plugins } from \"@webiny/plugins\";\nimport styled from \"@emotion/styled\";\nimport { allowCmsLegacyRichTextInput } from \"~/utils/allowCmsLegacyRichTextInput\";\nimport { modelHasLexicalField } from \"~/admin/plugins/fieldRenderers/lexicalText/utils\";\nimport {\n    isLegacyRteFieldSaved,\n    modelHasLegacyRteField\n} from \"~/admin/plugins/fieldRenderers/richText/utils\";\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 = (field: CmsModelField, id: string | undefined, index: number): string => {\n    const formId = id || \"new\";\n    return `${formId}.${field.fieldId}.${index}`;\n};\n\nconst emptyValue: Record<string, any>[] = [\n    {\n        type: \"paragraph\",\n        data: {\n            textAlign: \"left\",\n            className: null,\n            text: \"\"\n        }\n    }\n];\n\nconst EditorWrapper = styled(\"div\")({\n    position: \"relative\",\n    \"> button\": {\n        position: \"absolute\",\n        top: 5,\n        right: 5\n    }\n});\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-rich-text-inputs\",\n    renderer: {\n        rendererName: \"rich-text-inputs\",\n        name: t`(Legacy) EditorJS Text Inputs`,\n        description: t`Renders a simple list of legacy rich text 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) {\n                // Check for legacy RTE usage for saved and new field\n                if (modelHasLexicalField(model)) {\n                    return false;\n                }\n\n                if (!allowCmsLegacyRichTextInput) {\n                    if (isLegacyRteFieldSaved(field) || modelHasLegacyRteField(model)) {\n                        return true;\n                    }\n                    // When feature flag is disabled by default and legacy RTE will not be used\n                    return false;\n                }\n            }\n\n            return canUse;\n        },\n        render(props) {\n            const form = useForm();\n            const { field } = props;\n\n            const rteProps = useMemo(() => {\n                return createPropsFromConfig(plugins.byType(\"cms-rte-config\").map(pl => pl.config));\n            }, []);\n\n            return (\n                <DynamicSection {...props} emptyValue={emptyValue}>\n                    {({ bind, index }) => (\n                        <EditorWrapper>\n                            {index > 0 && (\n                                <IconButton\n                                    icon={<DeleteIcon />}\n                                    onClick={() => bind.field.removeValue(index)}\n                                />\n                            )}\n                            <DelayedOnChange {...bind.index}>\n                                <RichTextEditor\n                                    key={getKey(field, form.data.id, index)}\n                                    {...rteProps}\n                                    label={`Value ${index + 1}`}\n                                    placeholder={field.placeholderText}\n                                />\n                            </DelayedOnChange>\n                        </EditorWrapper>\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","useMemo","get","i18n","ReactComponent","DeleteIcon","DynamicSection","createPropsFromConfig","RichTextEditor","IconButton","plugins","allowCmsLegacyRichTextInput","modelHasLexicalField","isLegacyRteFieldSaved","modelHasLegacyRteField","useForm","DelayedOnChange","MultiValueRendererSettings","t","ns","getKey","field","id","index","formId","fieldId","emptyValue","type","data","textAlign","className","text","EditorWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","plugin","renderer","rendererName","description","canUse","model","multipleValues","render","props","form","rteProps","byType","pl","config","createElement","Object","assign","bind","icon","onClick","removeValue","key","placeholder","placeholderText","renderSettings"],"sources":["richTextInputs.tsx"],"sourcesContent":["import React, { useMemo } 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 { createPropsFromConfig, RichTextEditor } from \"@webiny/app-admin/components/RichTextEditor\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { plugins } from \"@webiny/plugins\";\nimport styled from \"@emotion/styled\";\nimport { allowCmsLegacyRichTextInput } from \"~/utils/allowCmsLegacyRichTextInput\";\nimport { modelHasLexicalField } from \"~/admin/plugins/fieldRenderers/lexicalText/utils\";\nimport {\n    isLegacyRteFieldSaved,\n    modelHasLegacyRteField\n} from \"~/admin/plugins/fieldRenderers/richText/utils\";\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 = (field: CmsModelField, id: string | undefined, index: number): string => {\n    const formId = id || \"new\";\n    return `${formId}.${field.fieldId}.${index}`;\n};\n\nconst emptyValue: Record<string, any>[] = [\n    {\n        type: \"paragraph\",\n        data: {\n            textAlign: \"left\",\n            className: null,\n            text: \"\"\n        }\n    }\n];\n\nconst EditorWrapper = styled(\"div\")({\n    position: \"relative\",\n    \"> button\": {\n        position: \"absolute\",\n        top: 5,\n        right: 5\n    }\n});\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-rich-text-inputs\",\n    renderer: {\n        rendererName: \"rich-text-inputs\",\n        name: t`(Legacy) EditorJS Text Inputs`,\n        description: t`Renders a simple list of legacy rich text 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) {\n                // Check for legacy RTE usage for saved and new field\n                if (modelHasLexicalField(model)) {\n                    return false;\n                }\n\n                if (!allowCmsLegacyRichTextInput) {\n                    if (isLegacyRteFieldSaved(field) || modelHasLegacyRteField(model)) {\n                        return true;\n                    }\n                    // When feature flag is disabled by default and legacy RTE will not be used\n                    return false;\n                }\n            }\n\n            return canUse;\n        },\n        render(props) {\n            const form = useForm();\n            const { field } = props;\n\n            const rteProps = useMemo(() => {\n                return createPropsFromConfig(plugins.byType(\"cms-rte-config\").map(pl => pl.config));\n            }, []);\n\n            return (\n                <DynamicSection {...props} emptyValue={emptyValue}>\n                    {({ bind, index }) => (\n                        <EditorWrapper>\n                            {index > 0 && (\n                                <IconButton\n                                    icon={<DeleteIcon />}\n                                    onClick={() => bind.field.removeValue(index)}\n                                />\n                            )}\n                            <DelayedOnChange {...bind.index}>\n                                <RichTextEditor\n                                    key={getKey(field, form.data.id, index)}\n                                    {...rteProps}\n                                    label={`Value ${index + 1}`}\n                                    placeholder={field.placeholderText}\n                                />\n                            </DelayedOnChange>\n                        </EditorWrapper>\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/richText/utils.js

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.modelHasLegacyRteField = exports.isLegacyRteFieldSaved = exports.isLegacyRteField = void 0;
-var modelHasLegacyRteField = exports.modelHasLegacyRteField = function modelHasLegacyRteField(model) {
+export const modelHasLegacyRteField = model => {
   return model.fields.some(isLegacyRteField);
 };
-var isLegacyRteField = exports.isLegacyRteField = function isLegacyRteField(field) {
+export const isLegacyRteField = field => {
   return field.renderer.name.startsWith("rich-text-");
 };
-var isLegacyRteFieldSaved = exports.isLegacyRteFieldSaved = function isLegacyRteFieldSaved(field) {
+export const isLegacyRteFieldSaved = field => {
   return !!field.id && isLegacyRteField(field);
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["modelHasLegacyRteField","exports","model","fields","some","isLegacyRteField","field","renderer","name","startsWith","isLegacyRteFieldSaved","id"],"sources":["utils.ts"],"sourcesContent":["import { CmsModel, CmsModelField } from \"@webiny/app-headless-cms-common/types\";\n\nexport const modelHasLegacyRteField = (model: CmsModel): boolean => {\n    return model.fields.some(isLegacyRteField);\n};\n\nexport const isLegacyRteField = (field: CmsModelField): boolean => {\n    return field.renderer.name.startsWith(\"rich-text-\");\n};\n\nexport const isLegacyRteFieldSaved = (field: CmsModelField): boolean => {\n    return !!field.id && isLegacyRteField(field);\n};\n"],"mappings":";;;;;;AAEO,IAAMA,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAIE,KAAe,EAAc;EAChE,OAAOA,KAAK,CAACC,MAAM,CAACC,IAAI,CAACC,gBAAgB,CAAC;AAC9C,CAAC;AAEM,IAAMA,gBAAgB,GAAAJ,OAAA,CAAAI,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAoB,EAAc;EAC/D,OAAOA,KAAK,CAACC,QAAQ,CAACC,IAAI,CAACC,UAAU,CAAC,YAAY,CAAC;AACvD,CAAC;AAEM,IAAMC,qBAAqB,GAAAT,OAAA,CAAAS,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAIJ,KAAoB,EAAc;EACpE,OAAO,CAAC,CAACA,KAAK,CAACK,EAAE,IAAIN,gBAAgB,CAACC,KAAK,CAAC;AAChD,CAAC","ignoreList":[]}
+{"version":3,"names":["modelHasLegacyRteField","model","fields","some","isLegacyRteField","field","renderer","name","startsWith","isLegacyRteFieldSaved","id"],"sources":["utils.ts"],"sourcesContent":["import { CmsModel, CmsModelField } from \"@webiny/app-headless-cms-common/types\";\n\nexport const modelHasLegacyRteField = (model: CmsModel): boolean => {\n    return model.fields.some(isLegacyRteField);\n};\n\nexport const isLegacyRteField = (field: CmsModelField): boolean => {\n    return field.renderer.name.startsWith(\"rich-text-\");\n};\n\nexport const isLegacyRteFieldSaved = (field: CmsModelField): boolean => {\n    return !!field.id && isLegacyRteField(field);\n};\n"],"mappings":"AAEA,OAAO,MAAMA,sBAAsB,GAAIC,KAAe,IAAc;EAChE,OAAOA,KAAK,CAACC,MAAM,CAACC,IAAI,CAACC,gBAAgB,CAAC;AAC9C,CAAC;AAED,OAAO,MAAMA,gBAAgB,GAAIC,KAAoB,IAAc;EAC/D,OAAOA,KAAK,CAACC,QAAQ,CAACC,IAAI,CAACC,UAAU,CAAC,YAAY,CAAC;AACvD,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAIJ,KAAoB,IAAc;EACpE,OAAO,CAAC,CAACA,KAAK,CAACK,EAAE,IAAIN,gBAAgB,CAACC,KAAK,CAAC;AAChD,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/select.js

@@ -1,52 +1,53 @@
-"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 _i18n = require("@webiny/app/i18n");
-var _Select = require("@webiny/ui/Select");
-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 { i18n } from "@webiny/app/i18n";
+import { Select } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/text");
+const plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-select-box",
   renderer: {
     rendererName: "select-box",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Select Box"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a select box, allowing selection of a single value."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return !field.multipleValues && !!(0, _get.default)(field, "predefinedValues.enabled");
+    name: t`Select Box`,
+    description: t`Renders a select box, allowing selection of a single value.`,
+    canUse({
+      field
+    }) {
+      return !field.multipleValues && !!get(field, "predefinedValues.enabled");
     },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        getBind = _ref2.getBind;
-      var Bind = getBind();
-      var _ref3 = field.predefinedValues || {},
-        _ref3$values = _ref3.values,
-        options = _ref3$values === void 0 ? [] : _ref3$values;
-      var defaultOption = options.find(function (option) {
-        return !!option.selected;
-      });
-      return /*#__PURE__*/_react.default.createElement(Bind, {
+    render({
+      field,
+      getBind
+    }) {
+      const Bind = getBind();
+      const {
+        values: options = []
+      } = field.predefinedValues || {};
+      const defaultOption = options.find(option => !!option.selected);
+      return /*#__PURE__*/React.createElement(Bind, {
         defaultValue: defaultOption ? defaultOption.value : undefined
-      }, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(Bind.ValidationContainer, null, /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({}, bind, {
-          label: field.label,
-          description: field.helpText,
-          options: options,
-          placeholder: field.placeholderText,
-          "data-testid": "fr.input.select.".concat(field.label)
-        })));
-      });
+      }, ({
+        value,
+        onChange,
+        ...bind
+      }) => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(Select, Object.assign({}, bind, {
+        label: field.label,
+        description: field.helpText,
+        options: options,
+        placeholder: field.placeholderText,
+        "data-testid": `fr.input.select.${field.label}`,
+        value: String(value),
+        onChange: value => {
+          if (field.type === "number") {
+            onChange(Number(value));
+          } else {
+            onChange(String(value));
+          }
+        }
+      }))));
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=select.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_Select","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","_ref3","predefinedValues","_ref3$values","values","options","defaultOption","find","option","selected","createElement","defaultValue","value","undefined","bind","ValidationContainer","Select","Object","assign","label","helpText","placeholder","placeholderText","concat","_default","exports"],"sources":["select.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Select } from \"@webiny/ui/Select\";\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-select-box\",\n    renderer: {\n        rendererName: \"select-box\",\n        name: t`Select Box`,\n        description: t`Renders a select box, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {};\n            const defaultOption = options.find(option => !!option.selected);\n\n            return (\n                <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <Select\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                                options={options}\n                                placeholder={field.placeholderText}\n                                data-testid={`fr.input.select.${field.label}`}\n                            />\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;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAA2C,IAAAI,eAAA,EAAAC,gBAAA;AAE3C,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,mBAAY;IACnBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,oEAA6D;IAC3EE,MAAM,WAANA,MAAMA,CAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OAAO,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAC5E,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,IAAAE,KAAA,GAAiCP,KAAK,CAACQ,gBAAgB,IAAI,CAAC,CAAC;QAAAC,YAAA,GAAAF,KAAA,CAArDG,MAAM;QAAEC,OAAO,GAAAF,YAAA,cAAG,EAAE,GAAAA,YAAA;MAC5B,IAAMG,aAAa,GAAGD,OAAO,CAACE,IAAI,CAAC,UAAAC,MAAM;QAAA,OAAI,CAAC,CAACA,MAAM,CAACC,QAAQ;MAAA,EAAC;MAE/D,oBACIpC,MAAA,CAAAiB,OAAA,CAAAoB,aAAA,CAACV,IAAI;QAACW,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,UAAAC,IAAI;QAAA,oBACDzC,MAAA,CAAAiB,OAAA,CAAAoB,aAAA,CAACV,IAAI,CAACe,mBAAmB,qBACrB1C,MAAA,CAAAiB,OAAA,CAAAoB,aAAA,CAAChC,OAAA,CAAAsC,MAAM,EAAAC,MAAA,CAAAC,MAAA,KACCJ,IAAI;UACRK,KAAK,EAAEzB,KAAK,CAACyB,KAAM;UACnB5B,WAAW,EAAEG,KAAK,CAAC0B,QAAS;UAC5Bf,OAAO,EAAEA,OAAQ;UACjBgB,WAAW,EAAE3B,KAAK,CAAC4B,eAAgB;UACnC,kCAAAC,MAAA,CAAgC7B,KAAK,CAACyB,KAAK;QAAG,EACjD,CACqB,CAAC;MAAA,CAE7B,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAnC,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","Select","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","values","options","predefinedValues","defaultOption","find","option","selected","createElement","defaultValue","value","undefined","onChange","bind","ValidationContainer","Object","assign","label","helpText","placeholder","placeholderText","String","Number"],"sources":["select.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Select } 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-select-box\",\n    renderer: {\n        rendererName: \"select-box\",\n        name: t`Select Box`,\n        description: t`Renders a select box, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {};\n            const defaultOption = options.find(option => !!option.selected);\n\n            return (\n                <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n                    {({ value, onChange, ...bind }) => (\n                        <Bind.ValidationContainer>\n                            <Select\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                                options={options}\n                                placeholder={field.placeholderText}\n                                data-testid={`fr.input.select.${field.label}`}\n                                value={String(value)}\n                                onChange={value => {\n                                    if (field.type === \"number\") {\n                                        onChange(Number(value));\n                                    } else {\n                                        onChange(String(value));\n                                    }\n                                }}\n                            />\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;AAC5B,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEJ,CAAC,YAAY;IACnBO,WAAW,EAAEP,CAAC,6DAA6D;IAC3EQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAO,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;IAC5E,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEE,MAAM,EAAEC,OAAO,GAAG;MAAG,CAAC,GAAGN,KAAK,CAACO,gBAAgB,IAAI,CAAC,CAAC;MAC7D,MAAMC,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,MAAM,IAAI,CAAC,CAACA,MAAM,CAACC,QAAQ,CAAC;MAE/D,oBACIxB,KAAA,CAAAyB,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAED,KAAK;QAAEE,QAAQ;QAAE,GAAGC;MAAK,CAAC,kBAC1B9B,KAAA,CAAAyB,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrB/B,KAAA,CAAAyB,aAAA,CAACtB,MAAM,EAAA6B,MAAA,CAAAC,MAAA,KACCH,IAAI;QACRI,KAAK,EAAErB,KAAK,CAACqB,KAAM;QACnBvB,WAAW,EAAEE,KAAK,CAACsB,QAAS;QAC5BhB,OAAO,EAAEA,OAAQ;QACjBiB,WAAW,EAAEvB,KAAK,CAACwB,eAAgB;QACnC,eAAa,mBAAmBxB,KAAK,CAACqB,KAAK,EAAG;QAC9CP,KAAK,EAAEW,MAAM,CAACX,KAAK,CAAE;QACrBE,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAId,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzBsB,QAAQ,CAACU,MAAM,CAACZ,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACS,MAAM,CAACX,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAerB,MAAM","ignoreList":[]}

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

@@ -1,13 +1,6 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _textInput = _interopRequireDefault(require("./textInput"));
-var _textInputs = _interopRequireDefault(require("./textInputs"));
-var _tags = require("./tags");
-var _default = exports.default = [_textInput.default, _textInputs.default, _tags.tags];
+import textInput from "./textInput";
+import textInputs from "./textInputs";
+import { tags } from "./tags";
+export default [textInput, textInputs, tags];
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_textInput","_interopRequireDefault","require","_textInputs","_tags","_default","exports","default","textInput","textInputs","tags"],"sources":["index.ts"],"sourcesContent":["import textInput from \"./textInput\";\nimport textInputs from \"./textInputs\";\nimport { tags } from \"./tags\";\n\nexport default [textInput, textInputs, tags];\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAA8B,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEf,CAACC,kBAAS,EAAEC,mBAAU,EAAEC,UAAI,CAAC","ignoreList":[]}
+{"version":3,"names":["textInput","textInputs","tags"],"sources":["index.ts"],"sourcesContent":["import textInput from \"./textInput\";\nimport textInputs from \"./textInputs\";\nimport { tags } from \"./tags\";\n\nexport default [textInput, textInputs, tags];\n"],"mappings":"AAAA,OAAOA,SAAS;AAChB,OAAOC,UAAU;AACjB,SAASC,IAAI;AAEb,eAAe,CAACF,SAAS,EAAEC,UAAU,EAAEC,IAAI,CAAC","ignoreList":[]}