@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

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

@@ -1 +1 @@
-{"version":3,"names":["modelHasLexicalField","exports","model","fields","some","field","renderer","name","startsWith"],"sources":["utils.ts"],"sourcesContent":["import { CmsModel } from \"@webiny/app-headless-cms-common/types\";\n\nexport const modelHasLexicalField = (model: CmsModel): boolean => {\n    return model.fields.some(field => field.renderer.name.startsWith(\"lexical-\"));\n};\n"],"mappings":";;;;;;AAEO,IAAMA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAIE,KAAe,EAAc;EAC9D,OAAOA,KAAK,CAACC,MAAM,CAACC,IAAI,CAAC,UAAAC,KAAK;IAAA,OAAIA,KAAK,CAACC,QAAQ,CAACC,IAAI,CAACC,UAAU,CAAC,UAAU,CAAC;EAAA,EAAC;AACjF,CAAC","ignoreList":[]}
+{"version":3,"names":["modelHasLexicalField","model","fields","some","field","renderer","name","startsWith"],"sources":["utils.ts"],"sourcesContent":["import type { CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport const modelHasLexicalField = (model: CmsModel): boolean => {\n    return model.fields.some(field => field.renderer.name.startsWith(\"lexical-\"));\n};\n"],"mappings":"AAEA,OAAO,MAAMA,oBAAoB,GAAIC,KAAe,IAAc;EAC9D,OAAOA,KAAK,CAACC,MAAM,CAACC,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACC,QAAQ,CAACC,IAAI,CAACC,UAAU,CAAC,UAAU,CAAC,CAAC;AACjF,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_longText","_interopRequireDefault","require","_longTexts","_default","exports","default","longText","longTexts"],"sources":["index.ts"],"sourcesContent":["import longText from \"./longText\";\nimport longTexts from \"./longTexts\";\n\nexport default [longText, longTexts];\n"],"mappings":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAoC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAErB,CAACC,iBAAQ,EAAEC,kBAAS,CAAC","ignoreList":[]}
+{"version":3,"names":["longText","longTexts"],"sources":["index.ts"],"sourcesContent":["import longText from \"./longText.js\";\nimport longTexts from \"./longTexts.js\";\n\nexport default [longText, longTexts];\n"],"mappings":"AAAA,OAAOA,QAAQ;AACf,OAAOC,SAAS;AAEhB,eAAe,CAACD,QAAQ,EAAEC,SAAS,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","createElement","bind","DelayedOnChange","value","onChange","onBlur","validate","Input","rows","label","placeholder","placeholderText","helpText","concat","validation","_default","exports"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-textarea\",\n    renderer: {\n        rendererName: \"long-text-text-area\",\n        name: t`Text Area`,\n        description: t`Renders a simple text area, suitable for larger amounts of text.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <DelayedOnChange\n                            value={bind.value}\n                            onChange={bind.onChange}\n                            onBlur={bind.validate}\n                        >\n                            <Input\n                                rows={5}\n                                label={field.label}\n                                placeholder={field.placeholderText}\n                                description={field.helpText}\n                                data-testid={`fr.input.longtext.${field.label}`}\n                                validation={bind.validation}\n                            />\n                        </DelayedOnChange>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA6D,IAAAK,eAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBAAqB;IACnCF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,kBAAW;IAClBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,yEAAkE;IAChFE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,WAAW,IAC1B,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACI3B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD9B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACvB,gBAAA,CAAAyB,eAAe;UACZC,KAAK,EAAEF,IAAI,CAACE,KAAM;UAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;UACxBC,MAAM,EAAEJ,IAAI,CAACK;QAAS,gBAEtBnC,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACzB,MAAA,CAAAgC,KAAK;UACFC,IAAI,EAAE,CAAE;UACRC,KAAK,EAAEhB,KAAK,CAACgB,KAAM;UACnBC,WAAW,EAAEjB,KAAK,CAACkB,eAAgB;UACnCrB,WAAW,EAAEG,KAAK,CAACmB,QAAS;UAC5B,oCAAAC,MAAA,CAAkCpB,KAAK,CAACgB,KAAK,CAAG;UAChDK,UAAU,EAAEb,IAAI,CAACa;QAAW,CAC/B,CACY,CAAC;MAAA,CAEpB,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","DelayedOnChange","Textarea","i18n","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","Bind","createElement","bind","ValidationContainer","value","onChange","onBlur","validate","rows","label","placeholder","note","hint","help","validation"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { DelayedOnChange, Textarea } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-textarea\",\n    renderer: {\n        rendererName: \"long-text-text-area\",\n        name: t`Text Area`,\n        description: t`Renders a simple text area, suitable for larger amounts of text.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" && !field.list && !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <DelayedOnChange\n                                value={bind.value}\n                                onChange={bind.onChange}\n                                onBlur={bind.validate}\n                            >\n                                <Textarea\n                                    rows={5}\n                                    label={field.label}\n                                    placeholder={field.placeholder}\n                                    description={field.description}\n                                    note={field.note}\n                                    hint={field.help}\n                                    data-testid={`fr.input.longtext.${field.label}`}\n                                    validation={bind.validation}\n                                />\n                            </DelayedOnChange>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,eAAe,EAAEC,QAAQ,QAAQ,kBAAkB;AAC5D,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,MAAMC,CAAC,GAAGD,IAAI,CAACE,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBAAqB;IACnCF,IAAI,EAAEJ,CAAC,WAAW;IAClBO,WAAW,EAAEP,CAAC,kEAAkE;IAChFQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,WAAW,IAAI,CAACM,KAAK,CAACC,IAAI,IAAI,CAACd,GAAG,CAACa,KAAK,EAAE,0BAA0B,CAAC;IAE5F,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACIjB,KAAA,CAAAmB,aAAA,CAACD,IAAI,QACAE,IAAI,iBACDpB,KAAA,CAAAmB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrBrB,KAAA,CAAAmB,aAAA,CAACjB,eAAe;QACZoB,KAAK,EAAEF,IAAI,CAACE,KAAM;QAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;QACxBC,MAAM,EAAEJ,IAAI,CAACK;MAAS,gBAEtBzB,KAAA,CAAAmB,aAAA,CAAChB,QAAQ;QACLuB,IAAI,EAAE,CAAE;QACRC,KAAK,EAAEb,KAAK,CAACa,KAAM;QACnBC,WAAW,EAAEd,KAAK,CAACc,WAAY;QAC/BhB,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/BiB,IAAI,EAAEf,KAAK,CAACe,IAAK;QACjBC,IAAI,EAAEhB,KAAK,CAACiB,IAAK;QACjB,eAAa,qBAAqBjB,KAAK,CAACa,KAAK,EAAG;QAChDK,UAAU,EAAEZ,IAAI,CAACY;MAAW,CAC/B,CACY,CACK,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAezB,MAAM","ignoreList":[]}

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

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

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

@@ -1,59 +1,55 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _Input = require("@webiny/ui/Input");
-var _i18n = require("@webiny/app/i18n");
-var _close = require("../../../icons/close.svg");
-var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
-var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
-var _templateObject, _templateObject2, _templateObject3;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-var plugin = {
+import React from "react";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete_outline.svg";
+import DynamicSection from "../DynamicSection.js";
+import { MultiValueRendererSettings } from "../MultiValueRendererSettings.js";
+import { DelayedOnChange, IconButton, Textarea } 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-long-text-inputs",
   renderer: {
     rendererName: "long-text-inputs",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Text Areas"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple list of text areas."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "long-text" && !!field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
+    name: t`Text Areas`,
+    description: t`Renders a simple list of text areas.`,
+    canUse({
+      field
+    }) {
+      return field.type === "long-text" && !!field.list && !get(field, "predefinedValues.enabled");
+    },
+    render(props) {
+      return /*#__PURE__*/React.createElement(DynamicSection, props, ({
+        bind,
+        index
+      }) => /*#__PURE__*/React.createElement("div", {
+        className: "relative"
+      }, /*#__PURE__*/React.createElement(DelayedOnChange, {
+        value: bind.index.value,
+        onChange: bind.index.onChange,
+        onBlur: bind.index.validate
+      }, /*#__PURE__*/React.createElement(Textarea, {
+        validation: bind.index.validation,
+        rows: 5,
+        label: t`Value {number}`({
+          number: index + 1
+        }),
+        placeholder: props.field.placeholder,
+        "data-testid": `fr.input.longTexts.${props.field.label}.${index + 1}`
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "absolute top-xl right-sm z-10"
+      }, /*#__PURE__*/React.createElement(IconButton, {
+        variant: "ghost",
+        size: "md",
+        icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+        onClick: () => bind.field.removeValue(index)
+      }))));
     },
-    render: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, props, function (_ref2) {
-        var bind = _ref2.bind,
-          index = _ref2.index;
-        return /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
-          value: bind.index.value,
-          onChange: bind.index.onChange,
-          onBlur: bind.index.validate
-        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-          validation: bind.index.validation,
-          rows: 5,
-          label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Value {number}"])))({
-            number: index + 1
-          }),
-          placeholder: props.field.placeholderText,
-          description: props.field.helpText,
-          "data-testid": "fr.input.longTexts.".concat(props.field.label, ".").concat(index + 1),
-          trailingIcon: index > 0 && {
-            icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
-            onClick: function onClick() {
-              return bind.field.removeValue(index);
-            }
-          }
-        }));
-      });
+    renderSettings(props) {
+      return /*#__PURE__*/React.createElement(MultiValueRendererSettings, props);
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=longTexts.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_close","_DynamicSection","_DelayedOnChange","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","createElement","_ref2","bind","index","DelayedOnChange","value","onChange","onBlur","validate","Input","validation","rows","label","number","placeholder","placeholderText","helpText","concat","trailingIcon","icon","ReactComponent","onClick","removeValue","_default","exports"],"sources":["longTexts.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-inputs\",\n    renderer: {\n        rendererName: \"long-text-inputs\",\n        name: t`Text Areas`,\n        description: t`Renders a simple list of text areas.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <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                                rows={5}\n                                label={t`Value {number}`({ number: index + 1 })}\n                                placeholder={props.field.placeholderText}\n                                description={props.field.helpText}\n                                data-testid={`fr.input.longTexts.${props.field.label}.${index + 1}`}\n                                trailingIcon={\n                                    index > 0 && {\n                                        icon: <DeleteIcon />,\n                                        onClick: () => bind.field.removeValue(index)\n                                    }\n                                }\n                            />\n                        </DelayedOnChange>\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AAA6D,IAAAO,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEL,CAAC,CAAAH,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,mBAAY;IACnBC,WAAW,EAAEV,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,6CAAsC;IACpDE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,WAAW,IAC1B,CAAC,CAACS,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAACC,KAAK,EAAE;MACV,oBACI7B,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACvB,eAAA,CAAAc,OAAc,EAAKQ,KAAK,EACpB,UAAAE,KAAA;QAAA,IAAGC,IAAI,GAAAD,KAAA,CAAJC,IAAI;UAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAA,oBACXjC,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACtB,gBAAA,CAAA0B,eAAe;UACZC,KAAK,EAAEH,IAAI,CAACC,KAAK,CAACE,KAAM;UACxBC,QAAQ,EAAEJ,IAAI,CAACC,KAAK,CAACG,QAAS;UAC9BC,MAAM,EAAEL,IAAI,CAACC,KAAK,CAACK;QAAS,gBAE5BtC,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAAC1B,MAAA,CAAAmC,KAAK;UACFC,UAAU,EAAER,IAAI,CAACC,KAAK,CAACO,UAAW;UAClCC,IAAI,EAAE,CAAE;UACRC,KAAK,EAAE9B,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,wBAAiB;YAAEsB,MAAM,EAAEV,KAAK,GAAG;UAAE,CAAC,CAAE;UAChDW,WAAW,EAAEf,KAAK,CAACJ,KAAK,CAACoB,eAAgB;UACzCvB,WAAW,EAAEO,KAAK,CAACJ,KAAK,CAACqB,QAAS;UAClC,qCAAAC,MAAA,CAAmClB,KAAK,CAACJ,KAAK,CAACiB,KAAK,OAAAK,MAAA,CAAId,KAAK,GAAG,CAAC,CAAG;UACpEe,YAAY,EACRf,KAAK,GAAG,CAAC,IAAI;YACTgB,IAAI,eAAEjD,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACxB,MAAA,CAAA4C,cAAU,MAAE,CAAC;YACpBC,OAAO,EAAE,SAAAA,QAAA;cAAA,OAAMnB,IAAI,CAACP,KAAK,CAAC2B,WAAW,CAACnB,KAAK,CAAC;YAAA;UAChD;QACH,CACJ,CACY,CAAC;MAAA,CAEV,CAAC;IAEzB;EACJ;AACJ,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","ReactComponent","DeleteIcon","DynamicSection","MultiValueRendererSettings","DelayedOnChange","IconButton","Textarea","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","props","createElement","bind","index","className","value","onChange","onBlur","validate","validation","rows","label","number","placeholder","variant","size","icon","onClick","removeValue","renderSettings"],"sources":["longTexts.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport DynamicSection from \"../DynamicSection.js\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport { DelayedOnChange, IconButton, Textarea } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-long-text-inputs\",\n    renderer: {\n        rendererName: \"long-text-inputs\",\n        name: t`Text Areas`,\n        description: t`Renders a simple list of text areas.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !!field.list &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <div className={\"relative\"}>\n                            <DelayedOnChange\n                                value={bind.index.value}\n                                onChange={bind.index.onChange}\n                                onBlur={bind.index.validate}\n                            >\n                                <Textarea\n                                    validation={bind.index.validation}\n                                    rows={5}\n                                    label={t`Value {number}`({ number: index + 1 })}\n                                    placeholder={props.field.placeholder}\n                                    data-testid={`fr.input.longTexts.${props.field.label}.${\n                                        index + 1\n                                    }`}\n                                />\n                            </DelayedOnChange>\n                            <div className={\"absolute top-xl right-sm z-10\"}>\n                                <IconButton\n                                    variant={\"ghost\"}\n                                    size={\"md\"}\n                                    icon={<DeleteIcon />}\n                                    onClick={() => bind.field.removeValue(index)}\n                                />\n                            </div>\n                        </div>\n                    )}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,cAAc,IAAIC,UAAU,QAAQ,kCAAkC;AAC/E,OAAOC,cAAc;AACrB,SAASC,0BAA0B;AACnC,SAASC,eAAe,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,kBAAkB;AAExE,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEJ,CAAC,YAAY;IACnBO,WAAW,EAAEP,CAAC,sCAAsC;IACpDQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,WAAW,IAC1B,CAAC,CAACM,KAAK,CAACC,IAAI,IACZ,CAACnB,GAAG,CAACkB,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDE,MAAMA,CAACC,KAAK,EAAE;MACV,oBACItB,KAAA,CAAAuB,aAAA,CAAClB,cAAc,EAAKiB,KAAK,EACpB,CAAC;QAAEE,IAAI;QAAEC;MAAM,CAAC,kBACbzB,KAAA,CAAAuB,aAAA;QAAKG,SAAS,EAAE;MAAW,gBACvB1B,KAAA,CAAAuB,aAAA,CAAChB,eAAe;QACZoB,KAAK,EAAEH,IAAI,CAACC,KAAK,CAACE,KAAM;QACxBC,QAAQ,EAAEJ,IAAI,CAACC,KAAK,CAACG,QAAS;QAC9BC,MAAM,EAAEL,IAAI,CAACC,KAAK,CAACK;MAAS,gBAE5B9B,KAAA,CAAAuB,aAAA,CAACd,QAAQ;QACLsB,UAAU,EAAEP,IAAI,CAACC,KAAK,CAACM,UAAW;QAClCC,IAAI,EAAE,CAAE;QACRC,KAAK,EAAEvB,CAAC,gBAAgB,CAAC;UAAEwB,MAAM,EAAET,KAAK,GAAG;QAAE,CAAC,CAAE;QAChDU,WAAW,EAAEb,KAAK,CAACH,KAAK,CAACgB,WAAY;QACrC,eAAa,sBAAsBb,KAAK,CAACH,KAAK,CAACc,KAAK,IAChDR,KAAK,GAAG,CAAC;MACV,CACN,CACY,CAAC,eAClBzB,KAAA,CAAAuB,aAAA;QAAKG,SAAS,EAAE;MAAgC,gBAC5C1B,KAAA,CAAAuB,aAAA,CAACf,UAAU;QACP4B,OAAO,EAAE,OAAQ;QACjBC,IAAI,EAAE,IAAK;QACXC,IAAI,eAAEtC,KAAA,CAAAuB,aAAA,CAACnB,UAAU,MAAE,CAAE;QACrBmC,OAAO,EAAEA,CAAA,KAAMf,IAAI,CAACL,KAAK,CAACqB,WAAW,CAACf,KAAK;MAAE,CAChD,CACA,CACJ,CAEG,CAAC;IAEzB,CAAC;IACDgB,cAAcA,CAACnB,KAAK,EAAE;MAClB,oBAAOtB,KAAA,CAAAuB,aAAA,CAACjB,0BAA0B,EAAKgB,KAAQ,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeV,MAAM","ignoreList":[]}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_numberInput","_interopRequireDefault","require","_numberInputs","_default","exports","default","numberInput","numberInputs"],"sources":["index.ts"],"sourcesContent":["import numberInput from \"./numberInput\";\nimport numberInputs from \"./numberInputs\";\n\nexport default [numberInput, numberInputs];\n"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA0C,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3B,CAACC,oBAAW,EAAEC,qBAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["numberInput","numberInputs"],"sources":["index.ts"],"sourcesContent":["import numberInput from \"./numberInput.js\";\nimport numberInputs from \"./numberInputs.js\";\n\nexport default [numberInput, numberInputs];\n"],"mappings":"AAAA,OAAOA,WAAW;AAClB,OAAOC,YAAY;AAEnB,eAAe,CAACD,WAAW,EAAEC,YAAY,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/number/numberInput.d.ts

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

package/admin/plugins/fieldRenderers/number/numberInput.js

@@ -1,50 +1,42 @@
-"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 _Input = require("@webiny/ui/Input");
-var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/number");
-var plugin = {
+import React from "react";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { DelayedOnChange, Input } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/number");
+const plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-number",
   renderer: {
     rendererName: "number-input",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Number Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple input with its type set to \"number\"."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "number" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
+    name: t`Number Input`,
+    description: t`Renders a simple input with its type set to "number".`,
+    canUse({
+      field
+    }) {
+      return field.type === "number" && !field.list && !get(field, "predefinedValues.enabled");
     },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        getBind = _ref2.getBind;
-      var Bind = getBind();
-      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
-          value: bind.value,
-          onChange: bind.onChange,
-          onBlur: bind.validate
-        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-          label: field.label,
-          placeholder: field.placeholderText,
-          description: field.helpText,
-          type: "number",
-          "data-testid": "fr.input.number.".concat(field.label),
-          validation: bind.validation
-        }));
-      });
+    render({
+      field,
+      getBind
+    }) {
+      const Bind = getBind();
+      return /*#__PURE__*/React.createElement(Bind, null, bind => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(DelayedOnChange, {
+        value: bind.value,
+        onChange: bind.onChange,
+        onBlur: bind.validate
+      }, /*#__PURE__*/React.createElement(Input, {
+        label: field.label,
+        placeholder: field.placeholder,
+        description: field.description,
+        note: field.note,
+        hint: field.help,
+        type: "number",
+        "data-testid": `fr.input.number.${field.label}`,
+        validation: bind.validation
+      }))));
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=numberInput.js.map

package/admin/plugins/fieldRenderers/number/numberInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_Input","_DelayedOnChange","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","createElement","bind","DelayedOnChange","value","onChange","onBlur","validate","Input","label","placeholder","placeholderText","helpText","concat","validation","_default","exports"],"sources":["numberInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/number\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-number\",\n    renderer: {\n        rendererName: \"number-input\",\n        name: t`Number Input`,\n        description: t`Renders a simple input with its type set to \"number\".`,\n        canUse({ field }) {\n            return (\n                field.type === \"number\" &&\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                        <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                                type=\"number\"\n                                data-testid={`fr.input.number.${field.label}`}\n                                validation={bind.validation}\n                            />\n                        </DelayedOnChange>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA6D,IAAAK,eAAA,EAAAC,gBAAA;AAE7D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,sCAAsC,CAAC;AAEzD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,cAAc;IAC5BF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,qBAAc;IACrBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,gEAAuD;IACrEE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,QAAQ,IACvB,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACI3B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD9B,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACvB,gBAAA,CAAAyB,eAAe;UACZC,KAAK,EAAEF,IAAI,CAACE,KAAM;UAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;UACxBC,MAAM,EAAEJ,IAAI,CAACK;QAAS,gBAEtBnC,MAAA,CAAAkB,OAAA,CAAAW,aAAA,CAACxB,MAAA,CAAA+B,KAAK;UACFC,KAAK,EAAEf,KAAK,CAACe,KAAM;UACnBC,WAAW,EAAEhB,KAAK,CAACiB,eAAgB;UACnCpB,WAAW,EAAEG,KAAK,CAACkB,QAAS;UAC5B3B,IAAI,EAAC,QAAQ;UACb,kCAAA4B,MAAA,CAAgCnB,KAAK,CAACe,KAAK,CAAG;UAC9CK,UAAU,EAAEZ,IAAI,CAACY;QAAW,CAC/B,CACY,CAAC;MAAA,CAEpB,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","DelayedOnChange","Input","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","Bind","createElement","bind","ValidationContainer","value","onChange","onBlur","validate","label","placeholder","note","hint","help","validation"],"sources":["numberInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { DelayedOnChange, Input } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/number\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-number\",\n    renderer: {\n        rendererName: \"number-input\",\n        name: t`Number Input`,\n        description: t`Renders a simple input with its type set to \"number\".`,\n        canUse({ field }) {\n            return (\n                field.type === \"number\" && !field.list && !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.placeholder}\n                                    description={field.description}\n                                    note={field.note}\n                                    hint={field.help}\n                                    type=\"number\"\n                                    data-testid={`fr.input.number.${field.label}`}\n                                    validation={bind.validation}\n                                />\n                            </DelayedOnChange>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,eAAe,EAAEC,KAAK,QAAQ,kBAAkB;AAEzD,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,sCAAsC,CAAC;AAEzD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,cAAc;IAC5BF,IAAI,EAAEJ,CAAC,cAAc;IACrBO,WAAW,EAAEP,CAAC,uDAAuD;IACrEQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAI,CAACM,KAAK,CAACC,IAAI,IAAI,CAACd,GAAG,CAACa,KAAK,EAAE,0BAA0B,CAAC;IAEzF,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,CAACa,WAAY;QAC/Bf,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/BgB,IAAI,EAAEd,KAAK,CAACc,IAAK;QACjBC,IAAI,EAAEf,KAAK,CAACgB,IAAK;QACjBtB,IAAI,EAAC,QAAQ;QACb,eAAa,mBAAmBM,KAAK,CAACY,KAAK,EAAG;QAC9CK,UAAU,EAAEX,IAAI,CAACW;MAAW,CAC/B,CACY,CACK,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAexB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/number/numberInputs.d.ts

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

package/admin/plugins/fieldRenderers/number/numberInputs.js

@@ -1,62 +1,53 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _Input = require("@webiny/ui/Input");
-var _i18n = require("@webiny/app/i18n");
-var _close = require("../../../icons/close.svg");
-var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
-var _DelayedOnChange = require("@webiny/ui/DelayedOnChange");
-var _templateObject, _templateObject2, _templateObject3;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-var plugin = {
+import React from "react";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import DynamicSection from "../DynamicSection.js";
+import { MultiValueRendererSettings } from "../MultiValueRendererSettings.js";
+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-number-inputs",
   renderer: {
     rendererName: "number-inputs",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Number Inputs"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple list of number inputs."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "number" && !!field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
+    name: t`Number Inputs`,
+    description: t`Renders a simple list of number inputs.`,
+    canUse({
+      field
+    }) {
+      return field.type === "number" && !!field.list && !get(field, "predefinedValues.enabled");
+    },
+    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.placeholder,
+        "data-testid": `fr.input.numbers.${props.field.label}.${index + 1}`,
+        type: "number",
+        endIcon: /*#__PURE__*/React.createElement(Icon, {
+          icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+          label: "Delete",
+          onClick: () => bind.field.removeValue(index),
+          className: "cursor-pointer"
+        })
+      })));
     },
-    render: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, props, function (_ref2) {
-        var bind = _ref2.bind,
-          index = _ref2.index;
-        return /*#__PURE__*/_react.default.createElement(_DelayedOnChange.DelayedOnChange, {
-          value: bind.index.value,
-          onChange: bind.index.onChange,
-          onBlur: bind.index.validate
-        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-          validation: bind.index.validation,
-          onEnter: function onEnter() {
-            return bind.field.appendValue("");
-          },
-          label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Value {number}"])))({
-            number: index + 1
-          }),
-          placeholder: props.field.placeholderText,
-          description: props.field.helpText,
-          "data-testid": "fr.input.numbers.".concat(props.field.label, ".").concat(index + 1),
-          type: "number",
-          trailingIcon: index > 0 && {
-            icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
-            onClick: function onClick() {
-              return bind.field.removeValue(index);
-            }
-          }
-        }));
-      });
+    renderSettings(props) {
+      return /*#__PURE__*/React.createElement(MultiValueRendererSettings, props);
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=numberInputs.js.map