@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/admin/plugins/fieldRenderers/ref/refInputs.js

@@ -1,37 +1,42 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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 _ContentEntriesMultiAutoComplete = _interopRequireDefault(require("./components/ContentEntriesMultiAutoComplete"));
+var _useNewRefEntryDialog = require("./hooks/useNewRefEntryDialog");
+var _i18n = require("@webiny/app/i18n");
 var _templateObject, _templateObject2;
-
-import React from "react";
-import ContentEntriesMultiAutocomplete from "./components/ContentEntriesMultiAutoComplete";
-import { i18n } from "@webiny/app/i18n";
-var t = i18n.ns("app-headless-cms/admin/fields/ref");
-
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
 var getKey = function getKey(field, bind) {
   return bind.form.data.id + "." + field.fieldId;
 };
-
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-ref-inputs",
   renderer: {
     rendererName: "ref-inputs",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Reference Inputs"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders an auto-complete input, allowing selection of multiple values."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Reference Inputs"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders an auto-complete input, allowing selection of multiple values."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.type === "ref" && field.multipleValues;
+      return field.type === "ref" && !!field.multipleValues;
     },
     render: function render(props) {
       var Bind = props.getBind();
-      return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/React.createElement(ContentEntriesMultiAutocomplete, Object.assign({
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/_react.default.createElement(_useNewRefEntryDialog.NewRefEntryDialogContextProvider, null, /*#__PURE__*/_react.default.createElement(_ContentEntriesMultiAutoComplete.default, Object.assign({
           key: getKey(props.field, bind)
         }, props, {
           bind: bind
-        }));
+        })));
       });
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldRenderers/ref/refInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","getKey","field","bind","form","data","id","fieldId","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","render","props","Bind","getBind"],"sources":["refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorContentEntry, CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete\";\nimport { NewRefEntryDialogContextProvider } from \"./hooks/useNewRefEntryDialog\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (\n    field: CmsModelField,\n    bind: BindComponentRenderProp<string, CmsEditorContentEntry>\n): string => {\n    return bind.form.data.id + \".\" + field.fieldId;\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref-inputs\",\n    renderer: {\n        rendererName: \"ref-inputs\",\n        name: t`Reference Inputs`,\n        description: t`Renders an auto-complete input, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !!field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            return (\n                <Bind>\n                    {bind => (\n                        <NewRefEntryDialogContextProvider>\n                            <ContentEntriesMultiAutocomplete\n                                key={getKey(props.field, bind as any)}\n                                {...props}\n                                bind={bind}\n                            />\n                        </NewRefEntryDialogContextProvider>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AAEA;AAAwC;AAGxC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,MAAM,GAAG,SAATA,MAAM,CACRC,KAAoB,EACpBC,IAA4D,EACnD;EACT,OAAOA,IAAI,CAACC,IAAI,CAACC,IAAI,CAACC,EAAE,GAAG,GAAG,GAAGJ,KAAK,CAACK,OAAO;AAClD,CAAC;AAED,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEZ,CAAC,mGAAkB;IACzBe,WAAW,EAAEf,CAAC,2JAAwE;IACtFgB,MAAM,wBAAY;MAAA,IAATZ,KAAK,QAALA,KAAK;MACV,OAAOA,KAAK,CAACO,IAAI,KAAK,KAAK,IAAI,CAAC,CAACP,KAAK,CAACa,cAAc;IACzD,CAAC;IACDC,MAAM,kBAACC,KAAK,EAAE;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,EAAE;MAC5B,oBACI,6BAAC,IAAI,QACA,UAAAhB,IAAI;QAAA,oBACD,6BAAC,sDAAgC,qBAC7B,6BAAC,wCAA+B;UAC5B,GAAG,EAAEF,MAAM,CAACgB,KAAK,CAACf,KAAK,EAAEC,IAAI;QAAS,GAClCc,KAAK;UACT,IAAI,EAAEd;QAAK,GACb,CAC6B;MAAA,CACtC,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEaK,MAAM;AAAA"}

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

@@ -1,3 +1,11 @@
-import richTextInput from "./richTextInput";
-import richTextInputs from "./richTextInputs";
-export default [richTextInput, richTextInputs];
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _richTextInput = _interopRequireDefault(require("./richTextInput"));
+var _richTextInputs = _interopRequireDefault(require("./richTextInputs"));
+var _default = [_richTextInput.default, _richTextInputs.default];
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["richTextInput","richTextInputs"],"sources":["index.ts"],"sourcesContent":["import richTextInput from \"./richTextInput\";\nimport richTextInputs from \"./richTextInputs\";\n\nexport default [richTextInput, richTextInputs];\n"],"mappings":";;;;;;;AAAA;AACA;AAA8C,eAE/B,CAACA,sBAAa,EAAEC,uBAAc,CAAC;AAAA"}

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

@@ -1,50 +1,61 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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 _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 _templateObject, _templateObject2;
-
-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";
-var t = i18n.ns("app-headless-cms/admin/fields/rich-text");
-
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/rich-text");
 var getKey = function getKey(field, bind) {
   var formId = bind.form.data.id || "new";
   return "".concat(formId, ".").concat(field.fieldId);
 };
-
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-rich-text",
   renderer: {
     rendererName: "rich-text-input",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Rich Text Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a rich text editor."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Rich Text Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a rich text editor."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.type === "rich-text" && !field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "rich-text" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
     },
     render: function render(_ref2) {
       var field = _ref2.field,
-          getBind = _ref2.getBind;
+        getBind = _ref2.getBind;
       var Bind = getBind();
-      var rteProps = useMemo(function () {
-        return createPropsFromConfig(plugins.byType("cms-rte-config").map(function (pl) {
+      var rteProps = (0, _react.useMemo)(function () {
+        /**
+         * TODO @ts-refactor
+         * Missing cms-rte-config plugin type.
+         */
+        // @ts-ignore
+        return (0, _RichTextEditor.createPropsFromConfig)(_plugins.plugins.byType("cms-rte-config").map(function (pl) {
           return pl.config;
         }));
       }, []);
-      return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/React.createElement(RichTextEditor, Object.assign({
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/_react.default.createElement(_RichTextEditor.RichTextEditor, Object.assign({
           key: getKey(field, bind)
         }, rteProps, bind, {
           onChange: bind.onChange,
           label: field.label,
           placeholder: field.placeholderText,
-          description: field.helpText
+          description: field.helpText,
+          "data-testid": "fr.input.richtext.".concat(field.label)
         }));
       });
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","getKey","field","bind","formId","form","data","id","fieldId","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","get","render","getBind","Bind","rteProps","useMemo","createPropsFromConfig","plugins","byType","map","pl","config","onChange","label","placeholderText","helpText"],"sources":["richTextInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorContentEntry, CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { createPropsFromConfig, RichTextEditor } from \"@webiny/app-admin/components/RichTextEditor\";\nimport { plugins } from \"@webiny/plugins\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (\n    field: CmsModelField,\n    bind: BindComponentRenderProp<string, CmsEditorContentEntry>\n): string => {\n    const formId = bind.form.data.id || \"new\";\n    return `${formId}.${field.fieldId}`;\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-rich-text\",\n    renderer: {\n        rendererName: \"rich-text-input\",\n        name: t`Rich Text Input`,\n        description: t`Renders a rich text editor.`,\n        canUse({ field }) {\n            return (\n                field.type === \"rich-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const rteProps = useMemo(() => {\n                /**\n                 * TODO @ts-refactor\n                 * Missing cms-rte-config plugin type.\n                 */\n                // @ts-ignore\n                return createPropsFromConfig(plugins.byType(\"cms-rte-config\").map(pl => pl.config));\n            }, []);\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <RichTextEditor\n                                key={getKey(field, bind as any)}\n                                {...rteProps}\n                                {...bind}\n                                onChange={bind.onChange}\n                                label={field.label}\n                                placeholder={field.placeholderText}\n                                description={field.helpText}\n                                data-testid={`fr.input.richtext.${field.label}`}\n                            />\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAA0C;AAG1C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAE5D,IAAMC,MAAM,GAAG,SAATA,MAAM,CACRC,KAAoB,EACpBC,IAA4D,EACnD;EACT,IAAMC,MAAM,GAAGD,IAAI,CAACE,IAAI,CAACC,IAAI,CAACC,EAAE,IAAI,KAAK;EACzC,iBAAUH,MAAM,cAAIF,KAAK,CAACM,OAAO;AACrC,CAAC;AAED,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,QAAQ,EAAE;IACNC,YAAY,EAAE,iBAAiB;IAC/BF,IAAI,EAAEb,CAAC,kGAAiB;IACxBgB,WAAW,EAAEhB,CAAC,gHAA6B;IAC3CiB,MAAM,wBAAY;MAAA,IAATb,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACQ,IAAI,KAAK,WAAW,IAC1B,CAACR,KAAK,CAACc,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACf,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDgB,MAAM,yBAAqB;MAAA,IAAlBhB,KAAK,SAALA,KAAK;QAAEiB,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,IAAME,QAAQ,GAAG,IAAAC,cAAO,EAAC,YAAM;QAC3B;AAChB;AACA;AACA;QACgB;QACA,OAAO,IAAAC,qCAAqB,EAACC,gBAAO,CAACC,MAAM,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAAC,UAAAC,EAAE;UAAA,OAAIA,EAAE,CAACC,MAAM;QAAA,EAAC,CAAC;MACvF,CAAC,EAAE,EAAE,CAAC;MAEN,oBACI,6BAAC,IAAI,QACA,UAAAzB,IAAI,EAAI;QACL,oBACI,6BAAC,8BAAc;UACX,GAAG,EAAEF,MAAM,CAACC,KAAK,EAAEC,IAAI;QAAS,GAC5BkB,QAAQ,EACRlB,IAAI;UACR,QAAQ,EAAEA,IAAI,CAAC0B,QAAS;UACxB,KAAK,EAAE3B,KAAK,CAAC4B,KAAM;UACnB,WAAW,EAAE5B,KAAK,CAAC6B,eAAgB;UACnC,WAAW,EAAE7B,KAAK,CAAC8B,QAAS;UAC5B,2CAAkC9B,KAAK,CAAC4B,KAAK;QAAG,GAClD;MAEV,CAAC,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEarB,MAAM;AAAA"}

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

@@ -1,23 +1,28 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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 _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 _close = require("../../../icons/close.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 _styled = _interopRequireDefault(require("@emotion/styled"));
 var _templateObject, _templateObject2;
-
-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 DynamicSection from "../DynamicSection";
-import { RichTextEditor, createPropsFromConfig } 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 t = _i18n.i18n.ns("app-headless-cms/admin/fields/rich-text");
 var getKey = function getKey(field, bind, index) {
-  var formId = bind.index.form.data.id || "new";
+  var _bind$index$form, _bind$index$form$data;
+  var formId = ((_bind$index$form = bind.index.form) === null || _bind$index$form === void 0 ? void 0 : (_bind$index$form$data = _bind$index$form.data) === null || _bind$index$form$data === void 0 ? void 0 : _bind$index$form$data.id) || "new";
   return "".concat(formId, ".").concat(field.fieldId, ".").concat(index);
 };
-
 var emptyValue = [{
   type: "paragraph",
   data: {
@@ -26,7 +31,7 @@ var emptyValue = [{
     text: ""
   }
 }];
-var EditorWrapper = /*#__PURE__*/styled("div", {
+var EditorWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "es2hini0",
   label: "EditorWrapper"
 })({
@@ -42,30 +47,35 @@ var plugin = {
   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."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Rich Text Inputs"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["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");
+      return field.type === "rich-text" && !!field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
     },
     render: function render(props) {
       var field = props.field;
-      var rteProps = useMemo(function () {
-        return createPropsFromConfig(plugins.byType("cms-rte-config").map(function (pl) {
+      var rteProps = (0, _react.useMemo)(function () {
+        /**
+         * TODO @ts-refactor
+         * Missing cms-rte-config plugin.
+         */
+        // @ts-ignore
+        return (0, _RichTextEditor.createPropsFromConfig)(_plugins.plugins.byType("cms-rte-config").map(function (pl) {
           return pl.config;
         }));
       }, []);
-      return /*#__PURE__*/React.createElement(DynamicSection, Object.assign({}, props, {
+      return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, 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),
+          index = _ref2.index;
+        return /*#__PURE__*/_react.default.createElement(EditorWrapper, null, index > 0 && /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+          icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
           onClick: function onClick() {
             return bind.field.removeValue(index);
           }
-        }), /*#__PURE__*/React.createElement(RichTextEditor, Object.assign({
+        }), /*#__PURE__*/_react.default.createElement(_RichTextEditor.RichTextEditor, Object.assign({
           key: getKey(field, bind, index)
         }, rteProps, bind.index, {
           label: "Value ".concat(index + 1),
@@ -76,4 +86,5 @@ var plugin = {
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","getKey","field","bind","index","formId","form","data","id","fieldId","emptyValue","type","textAlign","className","text","EditorWrapper","styled","position","top","right","plugin","name","renderer","rendererName","description","canUse","multipleValues","get","render","props","rteProps","useMemo","createPropsFromConfig","plugins","byType","map","pl","config","removeValue","placeholderText","helpText"],"sources":["richTextInputs.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection, { DynamicSectionPropsChildrenParams } from \"../DynamicSection\";\nimport { RichTextEditor, createPropsFromConfig } from \"@webiny/app-admin/components/RichTextEditor\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { plugins } from \"@webiny/plugins\";\nimport styled from \"@emotion/styled\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (\n    field: CmsModelField,\n    bind: DynamicSectionPropsChildrenParams[\"bind\"],\n    index: number\n): string => {\n    const formId = bind.index.form?.data?.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: CmsEditorFieldRendererPlugin = {\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`Rich Text Inputs`,\n        description: t`Renders a simple list of rich text editors.`,\n        canUse({ field }) {\n            return (\n                field.type === \"rich-text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            const { field } = props;\n\n            const rteProps = useMemo(() => {\n                /**\n                 * TODO @ts-refactor\n                 * Missing cms-rte-config plugin.\n                 */\n                // @ts-ignore\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                            <RichTextEditor\n                                key={getKey(field, bind, index)}\n                                {...rteProps}\n                                {...bind.index}\n                                label={`Value ${index + 1}`}\n                                placeholder={field.placeholderText}\n                                description={field.helpText}\n                            />\n                        </EditorWrapper>\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAqC;AAErC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAE5D,IAAMC,MAAM,GAAG,SAATA,MAAM,CACRC,KAAoB,EACpBC,IAA+C,EAC/CC,KAAa,EACJ;EAAA;EACT,IAAMC,MAAM,GAAG,qBAAAF,IAAI,CAACC,KAAK,CAACE,IAAI,8EAAf,iBAAiBC,IAAI,0DAArB,sBAAuBC,EAAE,KAAI,KAAK;EACjD,iBAAUH,MAAM,cAAIH,KAAK,CAACO,OAAO,cAAIL,KAAK;AAC9C,CAAC;AAED,IAAMM,UAAiC,GAAG,CACtC;EACIC,IAAI,EAAE,WAAW;EACjBJ,IAAI,EAAE;IACFK,SAAS,EAAE,MAAM;IACjBC,SAAS,EAAE,IAAI;IACfC,IAAI,EAAE;EACV;AACJ,CAAC,CACJ;AAED,IAAMC,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAChCC,QAAQ,EAAE,UAAU;EACpB,UAAU,EAAE;IACRA,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE;EACX;AACJ,CAAC,CAAC;AAEF,IAAMC,MAAoC,GAAG;EACzCT,IAAI,EAAE,2BAA2B;EACjCU,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEvB,CAAC,mGAAkB;IACzB0B,WAAW,EAAE1B,CAAC,gIAA6C;IAC3D2B,MAAM,wBAAY;MAAA,IAATvB,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACS,IAAI,KAAK,WAAW,IAC1B,CAAC,CAACT,KAAK,CAACwB,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACzB,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACD0B,MAAM,kBAACC,KAAK,EAAE;MACV,IAAQ3B,KAAK,GAAK2B,KAAK,CAAf3B,KAAK;MAEb,IAAM4B,QAAQ,GAAG,IAAAC,cAAO,EAAC,YAAM;QAC3B;AAChB;AACA;AACA;QACgB;QACA,OAAO,IAAAC,qCAAqB,EAACC,gBAAO,CAACC,MAAM,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAAC,UAAAC,EAAE;UAAA,OAAIA,EAAE,CAACC,MAAM;QAAA,EAAC,CAAC;MACvF,CAAC,EAAE,EAAE,CAAC;MAEN,oBACI,6BAAC,uBAAc,oBAAKR,KAAK;QAAE,UAAU,EAAEnB;MAAW,IAC7C;QAAA,IAAGP,IAAI,SAAJA,IAAI;UAAEC,KAAK,SAALA,KAAK;QAAA,oBACX,6BAAC,aAAa,QACTA,KAAK,GAAG,CAAC,iBACN,6BAAC,kBAAU;UACP,IAAI,eAAE,6BAAC,qBAAU,OAAI;UACrB,OAAO,EAAE;YAAA,OAAMD,IAAI,CAACD,KAAK,CAACoC,WAAW,CAAClC,KAAK,CAAC;UAAA;QAAC,EAEpD,eACD,6BAAC,8BAAc;UACX,GAAG,EAAEH,MAAM,CAACC,KAAK,EAAEC,IAAI,EAAEC,KAAK;QAAE,GAC5B0B,QAAQ,EACR3B,IAAI,CAACC,KAAK;UACd,KAAK,kBAAWA,KAAK,GAAG,CAAC,CAAG;UAC5B,WAAW,EAAEF,KAAK,CAACqC,eAAgB;UACnC,WAAW,EAAErC,KAAK,CAACsC;QAAS,GAC9B,CACU;MAAA,CACnB,CACY;IAEzB;EACJ;AACJ,CAAC;AAAC,eAEapB,MAAM;AAAA"}

package/admin/plugins/fieldRenderers/select.js

@@ -1,34 +1,57 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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;
-
-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 t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
+var getDefaultValue = function getDefaultValue(initialValue, options) {
+  if (initialValue) {
+    return initialValue || undefined;
+  } else if (!options) {
+    return undefined;
+  }
+  var selected = options.find(function (option) {
+    return !!option.selected;
+  });
+  return selected ? selected.value : undefined;
+};
 var 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."]))),
+    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 && get(field, "predefinedValues.enabled");
+      return !field.multipleValues && !!(0, _get.default)(field, "predefinedValues.enabled");
     },
     render: function render(_ref2) {
       var field = _ref2.field,
-          getBind = _ref2.getBind;
+        getBind = _ref2.getBind;
       var Bind = getBind();
-      var options = field.predefinedValues.values;
-      return /*#__PURE__*/React.createElement(Bind, null, /*#__PURE__*/React.createElement(Select, {
-        label: field.label,
-        description: field.helpText,
-        options: options
-      }));
+      var _ref3 = field.predefinedValues || {},
+        options = _ref3.values;
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+        var value = getDefaultValue(bind.value, options);
+        return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({}, bind, {
+          value: value,
+          label: field.label,
+          description: field.helpText,
+          options: options,
+          "data-testid": "fr.input.select.".concat(field.label)
+        }));
+      });
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","getDefaultValue","initialValue","options","undefined","selected","find","option","value","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","predefinedValues","values","bind","label","helpText"],"sources":["select.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport {\n    CmsEditorFieldPredefinedValuesEntry as Option,\n    CmsEditorFieldRendererPlugin\n} from \"~/types\";\nimport { Select } from \"@webiny/ui/Select\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst getDefaultValue = (initialValue?: string | null, options?: Option[]): string | undefined => {\n    if (initialValue) {\n        return initialValue || undefined;\n    } else if (!options) {\n        return undefined;\n    }\n    const selected = options.find(option => !!option.selected);\n    return selected ? selected.value : undefined;\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\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\n            return (\n                <Bind>\n                    {bind => {\n                        const value = getDefaultValue(bind.value, options);\n                        return (\n                            <Select\n                                {...bind}\n                                value={value}\n                                label={field.label}\n                                description={field.helpText}\n                                options={options}\n                                data-testid={`fr.input.select.${field.label}`}\n                            />\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAKA;AAA2C;AAE3C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAIC,YAA4B,EAAEC,OAAkB,EAAyB;EAC9F,IAAID,YAAY,EAAE;IACd,OAAOA,YAAY,IAAIE,SAAS;EACpC,CAAC,MAAM,IAAI,CAACD,OAAO,EAAE;IACjB,OAAOC,SAAS;EACpB;EACA,IAAMC,QAAQ,GAAGF,OAAO,CAACG,IAAI,CAAC,UAAAC,MAAM;IAAA,OAAI,CAAC,CAACA,MAAM,CAACF,QAAQ;EAAA,EAAC;EAC1D,OAAOA,QAAQ,GAAGA,QAAQ,CAACG,KAAK,GAAGJ,SAAS;AAChD,CAAC;AAED,IAAMK,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEb,CAAC,6FAAY;IACnBgB,WAAW,EAAEhB,CAAC,gJAA6D;IAC3EiB,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OAAO,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAC5E,CAAC;IACDG,MAAM,yBAAqB;MAAA,IAAlBH,KAAK,SAALA,KAAK;QAAEI,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,YAA4BJ,KAAK,CAACM,gBAAgB,IAAI,CAAC,CAAC;QAAxCnB,OAAO,SAAfoB,MAAM;MAEd,oBACI,6BAAC,IAAI,QACA,UAAAC,IAAI,EAAI;QACL,IAAMhB,KAAK,GAAGP,eAAe,CAACuB,IAAI,CAAChB,KAAK,EAAEL,OAAO,CAAC;QAClD,oBACI,6BAAC,cAAM,oBACCqB,IAAI;UACR,KAAK,EAAEhB,KAAM;UACb,KAAK,EAAEQ,KAAK,CAACS,KAAM;UACnB,WAAW,EAAET,KAAK,CAACU,QAAS;UAC5B,OAAO,EAAEvB,OAAQ;UACjB,yCAAgCa,KAAK,CAACS,KAAK;QAAG,GAChD;MAEV,CAAC,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEahB,MAAM;AAAA"}

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

@@ -1,3 +1,11 @@
-import textInput from "./textInput";
-import textInputs from "./textInputs";
-export default [textInput, textInputs];
+"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 _default = [_textInput.default, _textInputs.default];
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["textInput","textInputs"],"sources":["index.ts"],"sourcesContent":["import textInput from \"./textInput\";\nimport textInputs from \"./textInputs\";\n\nexport default [textInput, textInputs];\n"],"mappings":";;;;;;;AAAA;AACA;AAAsC,eAEvB,CAACA,kBAAS,EAAEC,mBAAU,CAAC;AAAA"}

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

@@ -1,35 +1,42 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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 _i18n = require("@webiny/app/i18n");
+var _Input = require("@webiny/ui/Input");
+var _get = _interopRequireDefault(require("lodash/get"));
 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 t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
 var 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\"."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Text Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple input with its type set to \"text\"."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.type === "text" && !field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "text" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
     },
     render: function render(_ref2) {
       var field = _ref2.field,
-          getBind = _ref2.getBind;
+        getBind = _ref2.getBind;
       var Bind = getBind();
-      return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/React.createElement(Input, Object.assign({}, bind, {
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind, {
           label: field.label,
           placeholder: field.placeholderText,
-          description: field.helpText
+          description: field.helpText,
+          "data-testid": "fr.input.text.".concat(field.label)
         }));
       });
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","bind","label","placeholderText","helpText"],"sources":["textInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport get from \"lodash/get\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\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                        <Input\n                            {...bind}\n                            label={field.label}\n                            placeholder={field.placeholderText}\n                            description={field.helpText}\n                            data-testid={`fr.input.text.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AAA6B;AAE7B,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEL,CAAC,6FAAY;IACnBQ,WAAW,EAAER,CAAC,0IAAqD;IACnES,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,MAAM,IACrB,CAACM,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,yBAAqB;MAAA,IAAlBH,KAAK,SAALA,KAAK;QAAEI,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,oBACI,6BAAC,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD,6BAAC,YAAK,oBACEA,IAAI;UACR,KAAK,EAAEN,KAAK,CAACO,KAAM;UACnB,WAAW,EAAEP,KAAK,CAACQ,eAAgB;UACnC,WAAW,EAAER,KAAK,CAACS,QAAS;UAC5B,uCAA8BT,KAAK,CAACO,KAAK;QAAG,GAC9C;MAAA,CACL,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEad,MAAM;AAAA"}

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

@@ -1,39 +1,43 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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 _close = require("../../../icons/close.svg");
+var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
+var _Input = require("@webiny/ui/Input");
 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 DynamicSection from "../DynamicSection";
-import { Input } from "@webiny/ui/Input";
-var t = i18n.ns("app-headless-cms/admin/fields/text");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
 var 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."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Text Inputs"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["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");
+      return field.type === "text" && !!field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
     },
     render: function render(props) {
-      return /*#__PURE__*/React.createElement(DynamicSection, props, function (_ref2) {
+      return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, props, function (_ref2) {
         var bind = _ref2.bind,
-            index = _ref2.index;
-        return /*#__PURE__*/React.createElement(Input, Object.assign({}, bind.index, {
-          autoFocus: true,
+          index = _ref2.index;
+        return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind.index, {
           onEnter: function onEnter() {
             return bind.field.appendValue("");
           },
-          label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Value {number}"])))({
+          label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Value {number}"])))({
             number: index + 1
           }),
           trailingIcon: index > 0 && {
-            icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+            icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
             onClick: function onClick() {
               return bind.field.removeValue(index);
             }
@@ -43,4 +47,5 @@ var plugin = {
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","props","bind","index","appendValue","number","icon","onClick","removeValue"],"sources":["textInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Input } from \"@webiny/ui/Input\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\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                        <Input\n                            {...bind.index}\n                            onEnter={() => bind.field.appendValue(\"\")}\n                            label={t`Value {number}`({ number: index + 1 })}\n                            trailingIcon={\n                                index > 0 && {\n                                    icon: <DeleteIcon />,\n                                    onClick: () => bind.field.removeValue(index)\n                                }\n                            }\n                        />\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAyC;AAEzC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,uCAAuC;EAC7CC,QAAQ,EAAE;IACNC,YAAY,EAAE,aAAa;IAC3BF,IAAI,EAAEL,CAAC,8FAAa;IACpBQ,WAAW,EAAER,CAAC,0HAAuC;IACrDS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,MAAM,IACrB,CAAC,CAACM,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,kBAACC,KAAK,EAAE;MACV,oBACI,6BAAC,uBAAc,EAAKA,KAAK,EACpB;QAAA,IAAGC,IAAI,SAAJA,IAAI;UAAEC,KAAK,SAALA,KAAK;QAAA,oBACX,6BAAC,YAAK,oBACED,IAAI,CAACC,KAAK;UACd,OAAO,EAAE;YAAA,OAAMD,IAAI,CAACL,KAAK,CAACO,WAAW,CAAC,EAAE,CAAC;UAAA,CAAC;UAC1C,KAAK,EAAEjB,CAAC,oGAAiB;YAAEkB,MAAM,EAAEF,KAAK,GAAG;UAAE,CAAC,CAAE;UAChD,YAAY,EACRA,KAAK,GAAG,CAAC,IAAI;YACTG,IAAI,eAAE,6BAAC,qBAAU,OAAG;YACpBC,OAAO,EAAE;cAAA,OAAML,IAAI,CAACL,KAAK,CAACW,WAAW,CAACL,KAAK,CAAC;YAAA;UAChD;QACH,GACH;MAAA,CACL,CACY;IAEzB;EACJ;AACJ,CAAC;AAAC,eAEab,MAAM;AAAA"}

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

@@ -1,11 +1,16 @@
-export var getAvailableValidators = function getAvailableValidators(type) {
-  var validators = ["required"];
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAvailableValidators = void 0;
+var getAvailableValidators = function getAvailableValidators(type) {
+  var validators = ["required"];
   if (!type) {
     return validators;
   } else if (type === "time") {
     return validators.concat(["timeGte", "timeLte"]);
   }
-
   return validators.concat(["dateGte", "dateLte"]);
-};
+};
+exports.getAvailableValidators = getAvailableValidators;

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":";;;;;;AAAO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAIC,IAAa,EAAe;EAC/D,IAAMC,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;AAAC"}

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 { CmsModelField } from "../../../../types";
+import { BindComponentRenderProp } from "@webiny/form";
+export declare const createInputField: (field: CmsModelField, bind: BindComponentRenderProp) => JSX.Element;