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

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

@@ -1,24 +1,25 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-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)."; }
 import React, { useMemo } from "react";
 import get from "lodash/get";
 import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/close.svg";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete_outline.svg";
 import DynamicSection from "../DynamicSection";
-import { RichTextEditor, createPropsFromConfig } from "@webiny/app-admin/components/RichTextEditor";
+import { createPropsFromConfig, RichTextEditor } from "@webiny/app-admin/components/RichTextEditor";
 import { IconButton } from "@webiny/ui/Button";
 import { plugins } from "@webiny/plugins";
-import styled from "@emotion/styled";
-var t = i18n.ns("app-headless-cms/admin/fields/rich-text");
-
-var getKey = function getKey(field, bind, index) {
-  var formId = bind.index.form.data.id || "new";
-  return "".concat(formId, ".").concat(field.fieldId, ".").concat(index);
+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",
@@ -26,54 +27,75 @@ var emptyValue = [{
     text: ""
   }
 }];
-var EditorWrapper = /*#__PURE__*/styled("div", {
+const EditorWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "es2hini0"
+} : {
   target: "es2hini0",
   label: "EditorWrapper"
-})({
-  position: "relative",
-  "> button": {
-    position: "absolute",
-    top: 5,
-    right: 5
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "u9mxr5",
+  styles: "position:relative;> button{position:absolute;top:5px;right:5px;}"
+} : {
+  name: "u9mxr5",
+  styles: "position:relative;> button{position:absolute;top:5px;right:5px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJpY2hUZXh0SW5wdXRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ3NCIiwiZmlsZSI6InJpY2hUZXh0SW5wdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgZ2V0IGZyb20gXCJsb2Rhc2gvZ2V0XCI7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2kxOG5cIjtcbmltcG9ydCB0eXBlIHsgQ21zTW9kZWxGaWVsZCwgQ21zTW9kZWxGaWVsZFJlbmRlcmVyUGx1Z2luIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIERlbGV0ZUljb24gfSBmcm9tIFwiQHdlYmlueS9pY29ucy9kZWxldGVfb3V0bGluZS5zdmdcIjtcbmltcG9ydCBEeW5hbWljU2VjdGlvbiBmcm9tIFwiLi4vRHluYW1pY1NlY3Rpb25cIjtcbmltcG9ydCB7IGNyZWF0ZVByb3BzRnJvbUNvbmZpZywgUmljaFRleHRFZGl0b3IgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW4vY29tcG9uZW50cy9SaWNoVGV4dEVkaXRvclwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCJAd2ViaW55L3VpL0J1dHRvblwiO1xuaW1wb3J0IHsgcGx1Z2lucyB9IGZyb20gXCJAd2ViaW55L3BsdWdpbnNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYWxsb3dDbXNMZWdhY3lSaWNoVGV4dElucHV0IH0gZnJvbSBcIn4vdXRpbHMvYWxsb3dDbXNMZWdhY3lSaWNoVGV4dElucHV0XCI7XG5pbXBvcnQgeyBtb2RlbEhhc0xleGljYWxGaWVsZCB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvbGV4aWNhbFRleHQvdXRpbHNcIjtcbmltcG9ydCB7XG4gICAgaXNMZWdhY3lSdGVGaWVsZFNhdmVkLFxuICAgIG1vZGVsSGFzTGVnYWN5UnRlRmllbGRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yaWNoVGV4dC91dGlsc1wiO1xuaW1wb3J0IHsgdXNlRm9ybSB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcbmltcG9ydCB7IERlbGF5ZWRPbkNoYW5nZSB9IGZyb20gXCJAd2ViaW55L3VpL0RlbGF5ZWRPbkNoYW5nZVwiO1xuaW1wb3J0IHsgTXVsdGlWYWx1ZVJlbmRlcmVyU2V0dGluZ3MgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL011bHRpVmFsdWVSZW5kZXJlclNldHRpbmdzXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWhlYWRsZXNzLWNtcy9hZG1pbi9maWVsZHMvcmljaC10ZXh0XCIpO1xuXG5jb25zdCBnZXRLZXkgPSAoZmllbGQ6IENtc01vZGVsRmllbGQsIGlkOiBzdHJpbmcgfCB1bmRlZmluZWQsIGluZGV4OiBudW1iZXIpOiBzdHJpbmcgPT4ge1xuICAgIGNvbnN0IGZvcm1JZCA9IGlkIHx8IFwibmV3XCI7XG4gICAgcmV0dXJuIGAke2Zvcm1JZH0uJHtmaWVsZC5maWVsZElkfS4ke2luZGV4fWA7XG59O1xuXG5jb25zdCBlbXB0eVZhbHVlOiBSZWNvcmQ8c3RyaW5nLCBhbnk+W10gPSBbXG4gICAge1xuICAgICAgICB0eXBlOiBcInBhcmFncmFwaFwiLFxuICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgICAgICAgICAgY2xhc3NOYW1lOiBudWxsLFxuICAgICAgICAgICAgdGV4dDogXCJcIlxuICAgICAgICB9XG4gICAgfVxuXTtcblxuY29uc3QgRWRpdG9yV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBcIj4gYnV0dG9uXCI6IHtcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiA1LFxuICAgICAgICByaWdodDogNVxuICAgIH1cbn0pO1xuXG5jb25zdCBwbHVnaW46IENtc01vZGVsRmllbGRSZW5kZXJlclBsdWdpbiA9IHtcbiAgICB0eXBlOiBcImNtcy1lZGl0b3ItZmllbGQtcmVuZGVyZXJcIixcbiAgICBuYW1lOiBcImNtcy1lZGl0b3ItZmllbGQtcmVuZGVyZXItcmljaC10ZXh0LWlucHV0c1wiLFxuICAgIHJlbmRlcmVyOiB7XG4gICAgICAgIHJlbmRlcmVyTmFtZTogXCJyaWNoLXRleHQtaW5wdXRzXCIsXG4gICAgICAgIG5hbWU6IHRgKExlZ2FjeSkgRWRpdG9ySlMgVGV4dCBJbnB1dHNgLFxuICAgICAgICBkZXNjcmlwdGlvbjogdGBSZW5kZXJzIGEgc2ltcGxlIGxpc3Qgb2YgbGVnYWN5IHJpY2ggdGV4dCBlZGl0b3JzLmAsXG4gICAgICAgIGNhblVzZSh7IGZpZWxkLCBtb2RlbCB9KSB7XG4gICAgICAgICAgICBjb25zdCBjYW5Vc2UgPVxuICAgICAgICAgICAgICAgIGZpZWxkLnR5cGUgPT09IFwicmljaC10ZXh0XCIgJiZcbiAgICAgICAgICAgICAgICAhIWZpZWxkLm11bHRpcGxlVmFsdWVzICYmXG4gICAgICAgICAgICAgICAgIWdldChmaWVsZCwgXCJwcmVkZWZpbmVkVmFsdWVzLmVuYWJsZWRcIik7XG5cbiAgICAgICAgICAgIGlmIChjYW5Vc2UpIHtcbiAgICAgICAgICAgICAgICAvLyBDaGVjayBmb3IgbGVnYWN5IFJURSB1c2FnZSBmb3Igc2F2ZWQgYW5kIG5ldyBmaWVsZFxuICAgICAgICAgICAgICAgIGlmIChtb2RlbEhhc0xleGljYWxGaWVsZChtb2RlbCkpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIGlmICghYWxsb3dDbXNMZWdhY3lSaWNoVGV4dElucHV0KSB7XG4gICAgICAgICAgICAgICAgICAgIGlmIChpc0xlZ2FjeVJ0ZUZpZWxkU2F2ZWQoZmllbGQpIHx8IG1vZGVsSGFzTGVnYWN5UnRlRmllbGQobW9kZWwpKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAvLyBXaGVuIGZlYXR1cmUgZmxhZyBpcyBkaXNhYmxlZCBieSBkZWZhdWx0IGFuZCBsZWdhY3kgUlRFIHdpbGwgbm90IGJlIHVzZWRcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgcmV0dXJuIGNhblVzZTtcbiAgICAgICAgfSxcbiAgICAgICAgcmVuZGVyKHByb3BzKSB7XG4gICAgICAgICAgICBjb25zdCBmb3JtID0gdXNlRm9ybSgpO1xuICAgICAgICAgICAgY29uc3QgeyBmaWVsZCB9ID0gcHJvcHM7XG5cbiAgICAgICAgICAgIGNvbnN0IHJ0ZVByb3BzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNyZWF0ZVByb3BzRnJvbUNvbmZpZyhwbHVnaW5zLmJ5VHlwZShcImNtcy1ydGUtY29uZmlnXCIpLm1hcChwbCA9PiBwbC5jb25maWcpKTtcbiAgICAgICAgICAgIH0sIFtdKTtcblxuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8RHluYW1pY1NlY3Rpb24gey4uLnByb3BzfSBlbXB0eVZhbHVlPXtlbXB0eVZhbHVlfT5cbiAgICAgICAgICAgICAgICAgICAgeyh7IGJpbmQsIGluZGV4IH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxFZGl0b3JXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtpbmRleCA+IDAgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj17PERlbGV0ZUljb24gLz59XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBiaW5kLmZpZWxkLnJlbW92ZVZhbHVlKGluZGV4KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxEZWxheWVkT25DaGFuZ2Ugey4uLmJpbmQuaW5kZXh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8UmljaFRleHRFZGl0b3JcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGtleT17Z2V0S2V5KGZpZWxkLCBmb3JtLmRhdGEuaWQsIGluZGV4KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5ydGVQcm9wc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPXtgVmFsdWUgJHtpbmRleCArIDF9YH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtmaWVsZC5wbGFjZWhvbGRlclRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9EZWxheWVkT25DaGFuZ2U+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0VkaXRvcldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9EeW5hbWljU2VjdGlvbj5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH0sXG4gICAgICAgIHJlbmRlclNldHRpbmdzKHByb3BzKSB7XG4gICAgICAgICAgICByZXR1cm4gPE11bHRpVmFsdWVSZW5kZXJlclNldHRpbmdzIHsuLi5wcm9wc30gLz47XG4gICAgICAgIH1cbiAgICB9XG59O1xuXG5leHBvcnQgZGVmYXVsdCBwbHVnaW47XG4iXX0= */",
+  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 = _taggedTemplateLiteral(["Rich Text Inputs"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple list of rich text editors."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "rich-text" && field.multipleValues && !get(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 (modelHasLexicalField(model)) {
+          return false;
+        }
+        if (!allowCmsLegacyRichTextInput) {
+          if (isLegacyRteFieldSaved(field) || modelHasLegacyRteField(model)) {
+            return true;
+          }
+          // When feature flag is disabled by default and legacy RTE will not be used
+          return false;
+        }
+      }
+      return canUse;
     },
-    render: function render(props) {
-      var field = props.field;
-      var rteProps = useMemo(function () {
-        return createPropsFromConfig(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.createElement(DynamicSection, Object.assign({}, props, {
         emptyValue: emptyValue
-      }), function (_ref2) {
-        var bind = _ref2.bind,
-            index = _ref2.index;
-        return /*#__PURE__*/React.createElement(EditorWrapper, null, index > 0 && /*#__PURE__*/React.createElement(IconButton, {
-          icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-          onClick: function onClick() {
-            return bind.field.removeValue(index);
-          }
-        }), /*#__PURE__*/React.createElement(RichTextEditor, Object.assign({
-          key: getKey(field, bind, index)
-        }, rteProps, bind.index, {
-          label: "Value ".concat(index + 1),
-          placeholder: field.placeholderText,
-          description: field.helpText
-        })));
-      });
+      }), ({
+        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(props) {
+      return /*#__PURE__*/React.createElement(MultiValueRendererSettings, props);
     }
   }
 };
-export default plugin;
+export default plugin;
+
+//# sourceMappingURL=richTextInputs.js.map

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

@@ -0,0 +1 @@
+{"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 type { 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.d.ts

@@ -0,0 +1,4 @@
+import type { CmsModel, CmsModelField } from "@webiny/app-headless-cms-common/types";
+export declare const modelHasLegacyRteField: (model: CmsModel) => boolean;
+export declare const isLegacyRteField: (field: CmsModelField) => boolean;
+export declare const isLegacyRteFieldSaved: (field: CmsModelField) => boolean;

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

@@ -0,0 +1,11 @@
+export const modelHasLegacyRteField = model => {
+  return model.fields.some(isLegacyRteField);
+};
+export const isLegacyRteField = field => {
+  return field.renderer.name.startsWith("rich-text-");
+};
+export const isLegacyRteFieldSaved = field => {
+  return !!field.id && isLegacyRteField(field);
+};
+
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["modelHasLegacyRteField","model","fields","some","isLegacyRteField","field","renderer","name","startsWith","isLegacyRteFieldSaved","id"],"sources":["utils.ts"],"sourcesContent":["import type { 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.d.ts

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

package/admin/plugins/fieldRenderers/select.js

@@ -1,34 +1,53 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
 import React from "react";
 import get from "lodash/get";
 import { i18n } from "@webiny/app/i18n";
-import { Select } from "@webiny/ui/Select";
-var t = i18n.ns("app-headless-cms/admin/fields/text");
-var plugin = {
+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 = _taggedTemplateLiteral(["Select Box"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a select box, allowing selection of a single value."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return !field.multipleValues && get(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 options = field.predefinedValues.values;
-      return /*#__PURE__*/React.createElement(Bind, null, /*#__PURE__*/React.createElement(Select, {
+    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
+      }, ({
+        value,
+        onChange,
+        ...bind
+      }) => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(Select, Object.assign({}, bind, {
         label: field.label,
         description: field.helpText,
-        options: options
-      }));
+        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));
+          }
+        }
+      }))));
     }
   }
 };
-export default plugin;
+export default plugin;
+
+//# sourceMappingURL=select.js.map

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

@@ -0,0 +1 @@
+{"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 type { 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.d.ts

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

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

@@ -1,3 +1,6 @@
 import textInput from "./textInput";
 import textInputs from "./textInputs";
-export default [textInput, textInputs];
+import { tags } from "./tags";
+export default [textInput, textInputs, tags];
+
+//# sourceMappingURL=index.js.map

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

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

package/admin/plugins/fieldRenderers/text/tags.d.ts

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

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

@@ -0,0 +1,33 @@
+import React from "react";
+import { Tags } from "@webiny/ui/Tags";
+export const tags = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-tags",
+  renderer: {
+    rendererName: "tags",
+    name: "Tags",
+    description: `Renders a tags component.`,
+    canUse({
+      field
+    }) {
+      return field.type === "text" && field.multipleValues === true && !field.predefinedValues?.enabled;
+    },
+    render({
+      field,
+      getBind
+    }) {
+      const Bind = getBind();
+      return /*#__PURE__*/React.createElement(Bind, {
+        defaultValue: []
+      }, props => {
+        return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(Tags, Object.assign({
+          label: field.label,
+          placeholder: field.placeholderText || "Add values",
+          description: field.helpText
+        }, props)));
+      });
+    }
+  }
+};
+
+//# sourceMappingURL=tags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Tags","tags","type","name","renderer","rendererName","description","canUse","field","multipleValues","predefinedValues","enabled","render","getBind","Bind","createElement","defaultValue","props","ValidationContainer","Object","assign","label","placeholder","placeholderText","helpText"],"sources":["tags.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tags } from \"@webiny/ui/Tags\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\n\nexport const tags: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-tags\",\n    renderer: {\n        rendererName: \"tags\",\n        name: \"Tags\",\n        description: `Renders a tags component.`,\n        canUse({ field }) {\n            return (\n                field.type === \"text\" &&\n                field.multipleValues === true &&\n                !field.predefinedValues?.enabled\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind defaultValue={[]}>\n                    {props => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <Tags\n                                    label={field.label}\n                                    placeholder={field.placeholderText || \"Add values\"}\n                                    description={field.helpText}\n                                    {...props}\n                                />\n                            </Bind.ValidationContainer>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,iBAAiB;AAGtC,OAAO,MAAMC,IAAiC,GAAG;EAC7CC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,MAAM;IACpBF,IAAI,EAAE,MAAM;IACZG,WAAW,EAAE,2BAA2B;IACxCC,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,MAAM,IACrBM,KAAK,CAACC,cAAc,KAAK,IAAI,IAC7B,CAACD,KAAK,CAACE,gBAAgB,EAAEC,OAAO;IAExC,CAAC;IACDC,MAAMA,CAAC;MAAEJ,KAAK;MAAEK;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACId,KAAA,CAAAgB,aAAA,CAACD,IAAI;QAACE,YAAY,EAAE;MAAG,GAClBC,KAAK,IAAI;QACN,oBACIlB,KAAA,CAAAgB,aAAA,CAACD,IAAI,CAACI,mBAAmB,qBACrBnB,KAAA,CAAAgB,aAAA,CAACf,IAAI,EAAAmB,MAAA,CAAAC,MAAA;UACDC,KAAK,EAAEb,KAAK,CAACa,KAAM;UACnBC,WAAW,EAAEd,KAAK,CAACe,eAAe,IAAI,YAAa;UACnDjB,WAAW,EAAEE,KAAK,CAACgB;QAAS,GACxBP,KAAK,CACZ,CACqB,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/text/textInput.d.ts

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

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

@@ -1,35 +1,40 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
 import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import { Input } from "@webiny/ui/Input";
 import get from "lodash/get";
-var t = i18n.ns("app-headless-cms/admin/fields/text");
-var plugin = {
+import { i18n } from "@webiny/app/i18n";
+import { DelayedOnChange } from "@webiny/ui/DelayedOnChange";
+import { Input } 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-text",
   renderer: {
     rendererName: "text-input",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Text Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple input with its type set to \"text\"."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
+    name: t`Text Input`,
+    description: t`Renders a simple input with its type set to "text".`,
+    canUse({
+      field
+    }) {
       return field.type === "text" && !field.multipleValues && !get(field, "predefinedValues.enabled");
     },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-          getBind = _ref2.getBind;
-      var Bind = getBind();
-      return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/React.createElement(Input, Object.assign({}, bind, {
-          label: field.label,
-          placeholder: field.placeholderText,
-          description: field.helpText
-        }));
-      });
+    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(Input, {
+        label: field.label,
+        placeholder: field.placeholderText,
+        description: field.helpText,
+        "data-testid": `fr.input.text.${field.label}`,
+        validation: bind.validation
+      }))));
     }
   }
 };
-export default plugin;
+export default plugin;
+
+//# sourceMappingURL=textInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","get","i18n","DelayedOnChange","Input","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","createElement","bind","ValidationContainer","value","onChange","onBlur","validate","label","placeholder","placeholderText","helpText","validation"],"sources":["textInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } 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-text\",\n    renderer: {\n        rendererName: \"text-input\",\n        name: t`Text Input`,\n        description: t`Renders a simple input with its type set to \"text\".`,\n        canUse({ field }) {\n            return (\n                field.type === \"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                                    label={field.label}\n                                    placeholder={field.placeholderText}\n                                    description={field.helpText}\n                                    data-testid={`fr.input.text.${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;AAC5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,SAASC,KAAK,QAAQ,kBAAkB;AAExC,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEJ,CAAC,YAAY;IACnBO,WAAW,EAAEP,CAAC,qDAAqD;IACnEQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,MAAM,IACrB,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,CAAChB,eAAe;QACZmB,KAAK,EAAEF,IAAI,CAACE,KAAM;QAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;QACxBC,MAAM,EAAEJ,IAAI,CAACK;MAAS,gBAEtBzB,KAAA,CAAAmB,aAAA,CAACf,KAAK;QACFsB,KAAK,EAAEZ,KAAK,CAACY,KAAM;QACnBC,WAAW,EAAEb,KAAK,CAACc,eAAgB;QACnChB,WAAW,EAAEE,KAAK,CAACe,QAAS;QAC5B,eAAa,iBAAiBf,KAAK,CAACY,KAAK,EAAG;QAC5CI,UAAU,EAAEV,IAAI,CAACU;MAAW,CAC/B,CACY,CACK,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAevB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/text/textInputs.d.ts

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

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

@@ -1,46 +1,52 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3;
-
 import React from "react";
 import get from "lodash/get";
 import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/close.svg";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
 import DynamicSection from "../DynamicSection";
-import { Input } from "@webiny/ui/Input";
-var t = i18n.ns("app-headless-cms/admin/fields/text");
-var plugin = {
+import { MultiValueRendererSettings } from "../MultiValueRendererSettings";
+import { DelayedOnChange, Icon, Input } 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-text-inputs",
   renderer: {
     rendererName: "text-inputs",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Text Inputs"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple list of text inputs."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "text" && field.multipleValues && !get(field, "predefinedValues.enabled");
+    name: t`Text Inputs`,
+    description: t`Renders a simple list of text inputs.`,
+    canUse({
+      field
+    }) {
+      return field.type === "text" && !!field.multipleValues && !get(field, "predefinedValues.enabled");
     },
-    render: function render(props) {
-      return /*#__PURE__*/React.createElement(DynamicSection, props, function (_ref2) {
-        var bind = _ref2.bind,
-            index = _ref2.index;
-        return /*#__PURE__*/React.createElement(Input, Object.assign({}, bind.index, {
-          autoFocus: true,
-          onEnter: function onEnter() {
-            return bind.field.appendValue("");
-          },
-          label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Value {number}"])))({
-            number: index + 1
-          }),
-          trailingIcon: index > 0 && {
-            icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-            onClick: function onClick() {
-              return bind.field.removeValue(index);
-            }
-          }
-        }));
-      });
+    render(props) {
+      return /*#__PURE__*/React.createElement(DynamicSection, props, ({
+        bind,
+        index
+      }) => /*#__PURE__*/React.createElement(DelayedOnChange, {
+        value: bind.index.value,
+        onChange: bind.index.onChange,
+        onBlur: bind.index.validate
+      }, /*#__PURE__*/React.createElement(Input, {
+        validation: bind.index.validation,
+        onEnter: () => bind.field.appendValue(""),
+        label: t`Value {number}`({
+          number: index + 1
+        }),
+        placeholder: props.field.placeholderText,
+        "data-testid": `fr.input.texts.${props.field.label}.${index + 1}`,
+        endIcon: /*#__PURE__*/React.createElement(Icon, {
+          icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+          label: "Delete",
+          onClick: () => bind.field.removeValue(index),
+          className: "wby-cursor-pointer"
+        })
+      })));
+    },
+    renderSettings(props) {
+      return /*#__PURE__*/React.createElement(MultiValueRendererSettings, props);
     }
   }
 };
-export default plugin;
+export default plugin;
+
+//# sourceMappingURL=textInputs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","get","i18n","ReactComponent","DeleteIcon","DynamicSection","MultiValueRendererSettings","DelayedOnChange","Icon","Input","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","createElement","bind","index","value","onChange","onBlur","validate","validation","onEnter","appendValue","label","number","placeholder","placeholderText","endIcon","icon","onClick","removeValue","className","renderSettings"],"sources":["textInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\nimport { DelayedOnChange, Icon, Input } 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-text-inputs\",\n    renderer: {\n        rendererName: \"text-inputs\",\n        name: t`Text Inputs`,\n        description: t`Renders a simple list of text inputs.`,\n        canUse({ field }) {\n            return (\n                field.type === \"text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <DelayedOnChange\n                            value={bind.index.value}\n                            onChange={bind.index.onChange}\n                            onBlur={bind.index.validate}\n                        >\n                            <Input\n                                validation={bind.index.validation}\n                                onEnter={() => bind.field.appendValue(\"\")}\n                                label={t`Value {number}`({ number: index + 1 })}\n                                placeholder={props.field.placeholderText}\n                                data-testid={`fr.input.texts.${props.field.label}.${index + 1}`}\n                                endIcon={\n                                    <Icon\n                                        icon={<DeleteIcon />}\n                                        label={\"Delete\"}\n                                        onClick={() => bind.field.removeValue(index)}\n                                        className={\"wby-cursor-pointer\"}\n                                    />\n                                }\n                            />\n                        </DelayedOnChange>\n                    )}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAC5B,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,OAAOC,cAAc;AACrB,SAASC,0BAA0B;AACnC,SAASC,eAAe,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAE/D,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,uCAAuC;EAC7CC,QAAQ,EAAE;IACNC,YAAY,EAAE,aAAa;IAC3BF,IAAI,EAAEJ,CAAC,aAAa;IACpBO,WAAW,EAAEP,CAAC,uCAAuC;IACrDQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,MAAM,IACrB,CAAC,CAACM,KAAK,CAACC,cAAc,IACtB,CAACnB,GAAG,CAACkB,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDE,MAAMA,CAACC,KAAK,EAAE;MACV,oBACItB,KAAA,CAAAuB,aAAA,CAAClB,cAAc,EAAKiB,KAAK,EACpB,CAAC;QAAEE,IAAI;QAAEC;MAAM,CAAC,kBACbzB,KAAA,CAAAuB,aAAA,CAAChB,eAAe;QACZmB,KAAK,EAAEF,IAAI,CAACC,KAAK,CAACC,KAAM;QACxBC,QAAQ,EAAEH,IAAI,CAACC,KAAK,CAACE,QAAS;QAC9BC,MAAM,EAAEJ,IAAI,CAACC,KAAK,CAACI;MAAS,gBAE5B7B,KAAA,CAAAuB,aAAA,CAACd,KAAK;QACFqB,UAAU,EAAEN,IAAI,CAACC,KAAK,CAACK,UAAW;QAClCC,OAAO,EAAEA,CAAA,KAAMP,IAAI,CAACL,KAAK,CAACa,WAAW,CAAC,EAAE,CAAE;QAC1CC,KAAK,EAAEvB,CAAC,gBAAgB,CAAC;UAAEwB,MAAM,EAAET,KAAK,GAAG;QAAE,CAAC,CAAE;QAChDU,WAAW,EAAEb,KAAK,CAACH,KAAK,CAACiB,eAAgB;QACzC,eAAa,kBAAkBd,KAAK,CAACH,KAAK,CAACc,KAAK,IAAIR,KAAK,GAAG,CAAC,EAAG;QAChEY,OAAO,eACHrC,KAAA,CAAAuB,aAAA,CAACf,IAAI;UACD8B,IAAI,eAAEtC,KAAA,CAAAuB,aAAA,CAACnB,UAAU,MAAE,CAAE;UACrB6B,KAAK,EAAE,QAAS;UAChBM,OAAO,EAAEA,CAAA,KAAMf,IAAI,CAACL,KAAK,CAACqB,WAAW,CAACf,KAAK,CAAE;UAC7CgB,SAAS,EAAE;QAAqB,CACnC;MACJ,CACJ,CACY,CAET,CAAC;IAEzB,CAAC;IACDC,cAAcA,CAACpB,KAAK,EAAE;MAClB,oBAAOtB,KAAA,CAAAuB,aAAA,CAACjB,0BAA0B,EAAKgB,KAAQ,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeV,MAAM","ignoreList":[]}

package/admin/plugins/fieldValidators/date/availableValidators.js

@@ -1,11 +1,11 @@
-export var getAvailableValidators = function getAvailableValidators(type) {
-  var validators = ["required"];
-
+export const getAvailableValidators = type => {
+  const validators = ["required"];
   if (!type) {
     return validators;
   } else if (type === "time") {
     return validators.concat(["timeGte", "timeLte"]);
   }
-
   return validators.concat(["dateGte", "dateLte"]);
-};
+};
+
+//# sourceMappingURL=availableValidators.js.map

package/admin/plugins/fieldValidators/date/availableValidators.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getAvailableValidators","type","validators","concat"],"sources":["availableValidators.ts"],"sourcesContent":["export const getAvailableValidators = (type?: string): string[] => {\n    const validators = [\"required\"];\n    if (!type) {\n        return validators;\n    } else if (type === \"time\") {\n        return validators.concat([\"timeGte\", \"timeLte\"]);\n    }\n    return validators.concat([\"dateGte\", \"dateLte\"]);\n};\n"],"mappings":"AAAA,OAAO,MAAMA,sBAAsB,GAAIC,IAAa,IAAe;EAC/D,MAAMC,UAAU,GAAG,CAAC,UAAU,CAAC;EAC/B,IAAI,CAACD,IAAI,EAAE;IACP,OAAOC,UAAU;EACrB,CAAC,MAAM,IAAID,IAAI,KAAK,MAAM,EAAE;IACxB,OAAOC,UAAU,CAACC,MAAM,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;EACpD;EACA,OAAOD,UAAU,CAACC,MAAM,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AACpD,CAAC","ignoreList":[]}

package/admin/plugins/fieldValidators/date/createDateInputField.d.ts

@@ -1,3 +1,4 @@
-/// <reference types="react" />
-import { CmsEditorField } from "../../../../types";
-export declare const createInputField: (field: CmsEditorField, bind: any) => JSX.Element;
+import React from "react";
+import type { CmsModelField } from "../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
+export declare const createInputField: (field: CmsModelField, bind: BindComponentRenderProp) => React.JSX.Element;