@webiny/app-headless-cms 6.3.0-beta.4 → 6.4.0-beta.0

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

@@ -1,7 +1,7 @@
-import React from "react";
+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 { ReactComponent } from "@webiny/icons/delete_outline.svg";
 import DynamicSection from "../DynamicSection.js";
 import { LexicalCmsEditor } from "../../../components/LexicalCmsEditor/LexicalCmsEditor.js";
 import { useForm } from "@webiny/form";
@@ -9,56 +9,55 @@ import { MultiValueRendererSettings } from "../MultiValueRendererSettings.js";
 import { IconButton } from "@webiny/admin-ui";
 import { CanEditField, useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 const t = i18n.ns("app-headless-cms/admin/fields/rich-text");
-const getKey = (id, field, index) => {
-  const formId = id || "new";
-  return `${formId}.${field.fieldId}.${index}`;
+const getKey = (id, field, index)=>{
+    const formId = id || "new";
+    return `${formId}.${field.fieldId}.${index}`;
 };
-const plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-lexical-inputs",
-  renderer: {
-    rendererName: "lexical-text-inputs",
-    name: t`Lexical Text Inputs`,
-    description: t`Renders a list of lexical editors.`,
-    canUse({
-      field
-    }) {
-      return [field.type === "rich-text", !!field.list, !get(field, "predefinedValues.enabled")].every(Boolean);
-    },
-    render(props) {
-      const {
-        field
-      } = useModelField();
-      const rules = useFieldEffectiveRules(field);
-      const form = useForm();
-      const disabled = !rules.canEdit || rules.disabled;
-      return /*#__PURE__*/React.createElement(DynamicSection, Object.assign({}, props, {
-        disabled: disabled
-      }), ({
-        bind,
-        index
-      }) => /*#__PURE__*/React.createElement("div", {
-        className: "relative"
-      }, /*#__PURE__*/React.createElement(LexicalCmsEditor, {
-        disabled: disabled,
-        value: bind.index.value,
-        onChange: bind.index.onChange,
-        key: getKey(form.data.id, field, index),
-        placeholder: field.placeholder
-      }), /*#__PURE__*/React.createElement(CanEditField, null, /*#__PURE__*/React.createElement("div", {
-        className: "absolute top-sm right-sm z-10"
-      }, /*#__PURE__*/React.createElement(IconButton, {
-        variant: "ghost",
-        size: "md",
-        icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-        onClick: () => bind.field.removeValue(index)
-      })))));
-    },
-    renderSettings(props) {
-      return /*#__PURE__*/React.createElement(MultiValueRendererSettings, props);
+const lexicalTextInputs_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-lexical-inputs",
+    renderer: {
+        rendererName: "lexical-text-inputs",
+        name: t`Lexical Text Inputs`,
+        description: t`Renders a list of lexical editors.`,
+        canUse ({ field }) {
+            return [
+                "rich-text" === field.type,
+                !!field.list,
+                !get(field, "predefinedValues.enabled")
+            ].every(Boolean);
+        },
+        render (props) {
+            const { field } = useModelField();
+            const rules = useFieldEffectiveRules(field);
+            const form = useForm();
+            const disabled = !rules.canEdit || rules.disabled;
+            return /*#__PURE__*/ react.createElement(DynamicSection, {
+                ...props,
+                disabled: disabled
+            }, ({ bind, index })=>/*#__PURE__*/ react.createElement("div", {
+                    className: "relative"
+                }, /*#__PURE__*/ react.createElement(LexicalCmsEditor, {
+                    disabled: disabled,
+                    value: bind.index.value,
+                    onChange: bind.index.onChange,
+                    key: getKey(form.data.id, field, index),
+                    placeholder: field.placeholder
+                }), /*#__PURE__*/ react.createElement(CanEditField, null, /*#__PURE__*/ react.createElement("div", {
+                    className: "absolute top-sm right-sm z-10"
+                }, /*#__PURE__*/ react.createElement(IconButton, {
+                    variant: "ghost",
+                    size: "md",
+                    icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                    onClick: ()=>bind.field.removeValue(index)
+                })))));
+        },
+        renderSettings (props) {
+            return /*#__PURE__*/ react.createElement(MultiValueRendererSettings, props);
+        }
     }
-  }
 };
-export default plugin;
+const lexicalTextInputs = lexicalTextInputs_plugin;
+export default lexicalTextInputs;
 
 //# sourceMappingURL=lexicalTextInputs.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","ReactComponent","DeleteIcon","DynamicSection","LexicalCmsEditor","useForm","MultiValueRendererSettings","IconButton","CanEditField","useFieldEffectiveRules","useModelField","t","ns","getKey","id","field","index","formId","fieldId","plugin","type","name","renderer","rendererName","description","canUse","list","every","Boolean","render","props","rules","form","disabled","canEdit","createElement","Object","assign","bind","className","value","onChange","key","data","placeholder","variant","size","icon","onClick","removeValue","renderSettings"],"sources":["lexicalTextInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport DynamicSection from \"../DynamicSection.js\";\nimport { LexicalCmsEditor } from \"~/admin/components/LexicalCmsEditor/LexicalCmsEditor.js\";\nimport { useForm } from \"@webiny/form\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport {\n    CanEditField,\n    useFieldEffectiveRules,\n    useModelField\n} from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (id: string | undefined, field: CmsModelField, index: number): string => {\n    const formId = id || \"new\";\n    return `${formId}.${field.fieldId}.${index}`;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-lexical-inputs\",\n    renderer: {\n        rendererName: \"lexical-text-inputs\",\n        name: t`Lexical Text Inputs`,\n        description: t`Renders a list of lexical editors.`,\n        canUse({ field }) {\n            return [\n                field.type === \"rich-text\",\n                !!field.list,\n                !get(field, \"predefinedValues.enabled\")\n            ].every(Boolean);\n        },\n        render(props) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const form = useForm();\n\n            const disabled = !rules.canEdit || rules.disabled;\n\n            return (\n                <DynamicSection {...props} disabled={disabled}>\n                    {({ bind, index }) => (\n                        <div className={\"relative\"}>\n                            <LexicalCmsEditor\n                                disabled={disabled}\n                                value={bind.index.value}\n                                onChange={bind.index.onChange}\n                                key={getKey(form.data.id, field, index)}\n                                placeholder={field.placeholder}\n                            />\n                            <CanEditField>\n                                <div className={\"absolute top-sm 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                            </CanEditField>\n                        </div>\n                    )}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/lexicalText/lexicalTextInputs.js","sources":["../../../../../src/admin/plugins/fieldRenderers/lexicalText/lexicalTextInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport DynamicSection from \"../DynamicSection.js\";\nimport { LexicalCmsEditor } from \"~/admin/components/LexicalCmsEditor/LexicalCmsEditor.js\";\nimport { useForm } from \"@webiny/form\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport {\n    CanEditField,\n    useFieldEffectiveRules,\n    useModelField\n} from \"@webiny/app-headless-cms-common\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (id: string | undefined, field: CmsModelField, index: number): string => {\n    const formId = id || \"new\";\n    return `${formId}.${field.fieldId}.${index}`;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-lexical-inputs\",\n    renderer: {\n        rendererName: \"lexical-text-inputs\",\n        name: t`Lexical Text Inputs`,\n        description: t`Renders a list of lexical editors.`,\n        canUse({ field }) {\n            return [\n                field.type === \"rich-text\",\n                !!field.list,\n                !get(field, \"predefinedValues.enabled\")\n            ].every(Boolean);\n        },\n        render(props) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const form = useForm();\n\n            const disabled = !rules.canEdit || rules.disabled;\n\n            return (\n                <DynamicSection {...props} disabled={disabled}>\n                    {({ bind, index }) => (\n                        <div className={\"relative\"}>\n                            <LexicalCmsEditor\n                                disabled={disabled}\n                                value={bind.index.value}\n                                onChange={bind.index.onChange}\n                                key={getKey(form.data.id, field, index)}\n                                placeholder={field.placeholder}\n                            />\n                            <CanEditField>\n                                <div className={\"absolute top-sm 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                            </CanEditField>\n                        </div>\n                    )}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","getKey","id","field","index","formId","plugin","get","Boolean","props","useModelField","rules","useFieldEffectiveRules","form","useForm","disabled","DynamicSection","bind","LexicalCmsEditor","CanEditField","IconButton","DeleteIcon","MultiValueRendererSettings"],"mappings":";;;;;;;;;;AAgBA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,SAAS,CAACC,IAAwBC,OAAsBC;IAC1D,MAAMC,SAASH,MAAM;IACrB,OAAO,GAAGG,OAAO,CAAC,EAAEF,MAAM,OAAO,CAAC,CAAC,EAAEC,OAAO;AAChD;AAEA,MAAME,2BAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAMP,CAAC,CAAC,mBAAmB,CAAC;QAC5B,aAAaA,CAAC,CAAC,kCAAkC,CAAC;QAClD,QAAO,EAAEI,KAAK,EAAE;YACZ,OAAO;gBACY,gBAAfA,MAAM,IAAI;gBACV,CAAC,CAACA,MAAM,IAAI;gBACZ,CAACI,IAAIJ,OAAO;aACf,CAAC,KAAK,CAACK;QACZ;QACA,QAAOC,KAAK;YACR,MAAM,EAAEN,KAAK,EAAE,GAAGO;YAClB,MAAMC,QAAQC,uBAAuBT;YACrC,MAAMU,OAAOC;YAEb,MAAMC,WAAW,CAACJ,MAAM,OAAO,IAAIA,MAAM,QAAQ;YAEjD,OAAO,WAAP,GACI,oBAACK,gBAAcA;gBAAE,GAAGP,KAAK;gBAAE,UAAUM;eAChC,CAAC,EAAEE,IAAI,EAAEb,KAAK,EAAE,iBACb,oBAAC;oBAAI,WAAW;iCACZ,oBAACc,kBAAgBA;oBACb,UAAUH;oBACV,OAAOE,KAAK,KAAK,CAAC,KAAK;oBACvB,UAAUA,KAAK,KAAK,CAAC,QAAQ;oBAC7B,KAAKhB,OAAOY,KAAK,IAAI,CAAC,EAAE,EAAEV,OAAOC;oBACjC,aAAaD,MAAM,WAAW;kCAElC,oBAACgB,cAAYA,MAAAA,WAAAA,GACT,oBAAC;oBAAI,WAAW;iCACZ,oBAACC,YAAUA;oBACP,SAAS;oBACT,MAAM;oBACN,oBAAM,oBAACC,gBAAUA;oBACjB,SAAS,IAAMJ,KAAK,KAAK,CAAC,WAAW,CAACb;;QAQtE;QACA,gBAAeK,KAAK;YAChB,OAAO,WAAP,GAAO,oBAACa,4BAA+Bb;QAC3C;IACJ;AACJ;AAEA,0BAAeH"}

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

@@ -1,5 +1,4 @@
-export const modelHasLexicalField = model => {
-  return model.fields.some(field => field.renderer.name.startsWith("lexical-"));
-};
+const modelHasLexicalField = (model)=>model.fields.some((field)=>field.renderer.name.startsWith("lexical-"));
+export { modelHasLexicalField };
 
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/lexicalText/utils.js","sources":["../../../../../src/admin/plugins/fieldRenderers/lexicalText/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"],"names":["modelHasLexicalField","model","field"],"mappings":"AAEO,MAAMA,uBAAuB,CAACC,QAC1BA,MAAM,MAAM,CAAC,IAAI,CAACC,CAAAA,QAASA,MAAM,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC"}

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

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

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

@@ -1 +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":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/lexicalText/withHtml.js","sources":["../../../../../src/admin/plugins/fieldRenderers/lexicalText/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"],"names":["withHtml","transformer","onChange","value","JSON"],"mappings":"AASO,MAAMA,WAAW,CACpBC,aACAC,WAEO,CAACC;QACJD,SAAS;YACL,OAAOE,KAAK,SAAS,CAACD;YACtB,MAAMF,YAAY,MAAM,CAACE;QAC7B;IACJ"}

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

@@ -1,5 +1,9 @@
 import longText from "./longText.js";
 import longTexts from "./longTexts.js";
-export default [longText, longTexts];
+const fieldRenderers_longText = [
+    longText,
+    longTexts
+];
+export default fieldRenderers_longText;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/longText/index.js","sources":["../../../../../src/admin/plugins/fieldRenderers/longText/index.ts"],"sourcesContent":["import longText from \"./longText.js\";\nimport longTexts from \"./longTexts.js\";\n\nexport default [longText, longTexts];\n"],"names":["longText","longTexts"],"mappings":";;AAGA,gCAAe;IAACA;IAAUC;CAAU"}

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

@@ -1,48 +1,43 @@
-import React from "react";
+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";
 import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 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`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({
-      getBind
-    }) {
-      const {
-        field
-      } = useModelField();
-      const rules = useFieldEffectiveRules(field);
-      const Bind = getBind();
-      const disabled = !rules.canEdit || rules.disabled;
-      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, {
-        disabled: disabled,
-        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
-      }))));
+const longText_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-long-text-textarea",
+    renderer: {
+        rendererName: "long-text-text-area",
+        name: t`Text Area`,
+        description: t`Renders a simple text area, suitable for larger amounts of text.`,
+        canUse ({ field }) {
+            return "long-text" === field.type && !field.list && !get(field, "predefinedValues.enabled");
+        },
+        render ({ getBind }) {
+            const { field } = useModelField();
+            const rules = useFieldEffectiveRules(field);
+            const Bind = getBind();
+            const disabled = !rules.canEdit || rules.disabled;
+            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, {
+                    disabled: disabled,
+                    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
+                }))));
+        }
     }
-  }
 };
-export default plugin;
+const longText = longText_plugin;
+export default longText;
 
 //# sourceMappingURL=longText.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","get","DelayedOnChange","Textarea","i18n","useFieldEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","rules","Bind","disabled","canEdit","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\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\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({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const Bind = getBind();\n\n            const disabled = !rules.canEdit || rules.disabled;\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                                    disabled={disabled}\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;AAChD,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAEvF,MAAMC,CAAC,GAAGH,IAAI,CAACI,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,CAAChB,GAAG,CAACe,KAAK,EAAE,0BAA0B,CAAC;IAE5F,CAAC;IACDE,MAAMA,CAAC;MAAEC;IAAQ,CAAC,EAAE;MAChB,MAAM;QAAEH;MAAM,CAAC,GAAGV,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,sBAAsB,CAACW,KAAK,CAAC;MAC3C,MAAMK,IAAI,GAAGF,OAAO,CAAC,CAAC;MAEtB,MAAMG,QAAQ,GAAG,CAACF,KAAK,CAACG,OAAO,IAAIH,KAAK,CAACE,QAAQ;MAEjD,oBACItB,KAAA,CAAAwB,aAAA,CAACH,IAAI,QACAI,IAAI,iBACDzB,KAAA,CAAAwB,aAAA,CAACH,IAAI,CAACK,mBAAmB,qBACrB1B,KAAA,CAAAwB,aAAA,CAACtB,eAAe;QACZyB,KAAK,EAAEF,IAAI,CAACE,KAAM;QAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;QACxBC,MAAM,EAAEJ,IAAI,CAACK;MAAS,gBAEtB9B,KAAA,CAAAwB,aAAA,CAACrB,QAAQ;QACLmB,QAAQ,EAAEA,QAAS;QACnBS,IAAI,EAAE,CAAE;QACRC,KAAK,EAAEhB,KAAK,CAACgB,KAAM;QACnBC,WAAW,EAAEjB,KAAK,CAACiB,WAAY;QAC/BnB,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/BoB,IAAI,EAAElB,KAAK,CAACkB,IAAK;QACjBC,IAAI,EAAEnB,KAAK,CAACoB,IAAK;QACjB,eAAa,qBAAqBpB,KAAK,CAACgB,KAAK,EAAG;QAChDK,UAAU,EAAEZ,IAAI,CAACY;MAAW,CAC/B,CACY,CACK,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAe5B,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/longText/longText.js","sources":["../../../../../src/admin/plugins/fieldRenderers/longText/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\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\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({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const Bind = getBind();\n\n            const disabled = !rules.canEdit || rules.disabled;\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                                    disabled={disabled}\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"],"names":["t","i18n","plugin","field","get","getBind","useModelField","rules","useFieldEffectiveRules","Bind","disabled","bind","DelayedOnChange","Textarea"],"mappings":";;;;;AAOA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,kBAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAMF,CAAC,CAAC,SAAS,CAAC;QAClB,aAAaA,CAAC,CAAC,gEAAgE,CAAC;QAChF,QAAO,EAAEG,KAAK,EAAE;YACZ,OACIA,AAAe,gBAAfA,MAAM,IAAI,IAAoB,CAACA,MAAM,IAAI,IAAI,CAACC,IAAID,OAAO;QAEjE;QACA,QAAO,EAAEE,OAAO,EAAE;YACd,MAAM,EAAEF,KAAK,EAAE,GAAGG;YAClB,MAAMC,QAAQC,uBAAuBL;YACrC,MAAMM,OAAOJ;YAEb,MAAMK,WAAW,CAACH,MAAM,OAAO,IAAIA,MAAM,QAAQ;YAEjD,OAAO,WAAP,GACI,oBAACE,MAAAA,MACIE,CAAAA,OAAAA,WAAAA,GACG,oBAACF,KAAK,mBAAmB,sBACrB,oBAACG,iBAAeA;oBACZ,OAAOD,KAAK,KAAK;oBACjB,UAAUA,KAAK,QAAQ;oBACvB,QAAQA,KAAK,QAAQ;iCAErB,oBAACE,UAAQA;oBACL,UAAUH;oBACV,MAAM;oBACN,OAAOP,MAAM,KAAK;oBAClB,aAAaA,MAAM,WAAW;oBAC9B,aAAaA,MAAM,WAAW;oBAC9B,MAAMA,MAAM,IAAI;oBAChB,MAAMA,MAAM,IAAI;oBAChB,eAAa,CAAC,kBAAkB,EAAEA,MAAM,KAAK,EAAE;oBAC/C,YAAYQ,KAAK,UAAU;;QAOvD;IACJ;AACJ;AAEA,iBAAeT"}

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

@@ -1,64 +1,59 @@
-import React from "react";
+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 { ReactComponent } from "@webiny/icons/delete_outline.svg";
 import DynamicSection from "../DynamicSection.js";
 import { MultiValueRendererSettings } from "../MultiValueRendererSettings.js";
 import { DelayedOnChange, IconButton, Textarea } from "@webiny/admin-ui";
 import { CanEditField, useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 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`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) {
-      const {
-        field
-      } = useModelField();
-      const rules = useFieldEffectiveRules(field);
-      const disabled = !rules.canEdit || rules.disabled;
-      return /*#__PURE__*/React.createElement(DynamicSection, Object.assign({}, props, {
-        disabled: disabled
-      }), ({
-        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, {
-        disabled: disabled,
-        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(CanEditField, null, /*#__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)
-      })))));
-    },
-    renderSettings(props) {
-      return /*#__PURE__*/React.createElement(MultiValueRendererSettings, props);
+const longTexts_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-long-text-inputs",
+    renderer: {
+        rendererName: "long-text-inputs",
+        name: t`Text Areas`,
+        description: t`Renders a simple list of text areas.`,
+        canUse ({ field }) {
+            return "long-text" === field.type && !!field.list && !get(field, "predefinedValues.enabled");
+        },
+        render (props) {
+            const { field } = useModelField();
+            const rules = useFieldEffectiveRules(field);
+            const disabled = !rules.canEdit || rules.disabled;
+            return /*#__PURE__*/ react.createElement(DynamicSection, {
+                ...props,
+                disabled: disabled
+            }, ({ 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, {
+                    disabled: disabled,
+                    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(CanEditField, null, /*#__PURE__*/ react.createElement("div", {
+                    className: "absolute top-xl right-sm z-10"
+                }, /*#__PURE__*/ react.createElement(IconButton, {
+                    variant: "ghost",
+                    size: "md",
+                    icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                    onClick: ()=>bind.field.removeValue(index)
+                })))));
+        },
+        renderSettings (props) {
+            return /*#__PURE__*/ react.createElement(MultiValueRendererSettings, props);
+        }
     }
-  }
 };
-export default plugin;
+const longTexts = longTexts_plugin;
+export default longTexts;
 
 //# sourceMappingURL=longTexts.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","ReactComponent","DeleteIcon","DynamicSection","MultiValueRendererSettings","DelayedOnChange","IconButton","Textarea","CanEditField","useFieldEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","props","rules","disabled","canEdit","createElement","Object","assign","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\";\nimport {\n    CanEditField,\n    useFieldEffectiveRules,\n    useModelField\n} from \"@webiny/app-headless-cms-common\";\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            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\n\n            return (\n                <DynamicSection {...props} disabled={disabled}>\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                                    disabled={disabled}\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                            <CanEditField>\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                            </CanEditField>\n                        </div>\n                    )}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/longText/longTexts.js","sources":["../../../../../src/admin/plugins/fieldRenderers/longText/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\";\nimport {\n    CanEditField,\n    useFieldEffectiveRules,\n    useModelField\n} from \"@webiny/app-headless-cms-common\";\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            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\n\n            return (\n                <DynamicSection {...props} disabled={disabled}>\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                                    disabled={disabled}\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                            <CanEditField>\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                            </CanEditField>\n                        </div>\n                    )}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","plugin","field","get","props","useModelField","rules","useFieldEffectiveRules","disabled","DynamicSection","bind","index","DelayedOnChange","Textarea","CanEditField","IconButton","DeleteIcon","MultiValueRendererSettings"],"mappings":";;;;;;;;AAcA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,mBAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAMF,CAAC,CAAC,UAAU,CAAC;QACnB,aAAaA,CAAC,CAAC,oCAAoC,CAAC;QACpD,QAAO,EAAEG,KAAK,EAAE;YACZ,OACIA,AAAe,gBAAfA,MAAM,IAAI,IACV,CAAC,CAACA,MAAM,IAAI,IACZ,CAACC,IAAID,OAAO;QAEpB;QACA,QAAOE,KAAK;YACR,MAAM,EAAEF,KAAK,EAAE,GAAGG;YAClB,MAAMC,QAAQC,uBAAuBL;YACrC,MAAMM,WAAW,CAACF,MAAM,OAAO,IAAIA,MAAM,QAAQ;YAEjD,OAAO,WAAP,GACI,oBAACG,gBAAcA;gBAAE,GAAGL,KAAK;gBAAE,UAAUI;eAChC,CAAC,EAAEE,IAAI,EAAEC,KAAK,EAAE,iBACb,oBAAC;oBAAI,WAAW;iCACZ,oBAACC,iBAAeA;oBACZ,OAAOF,KAAK,KAAK,CAAC,KAAK;oBACvB,UAAUA,KAAK,KAAK,CAAC,QAAQ;oBAC7B,QAAQA,KAAK,KAAK,CAAC,QAAQ;iCAE3B,oBAACG,UAAQA;oBACL,UAAUL;oBACV,YAAYE,KAAK,KAAK,CAAC,UAAU;oBACjC,MAAM;oBACN,OAAOX,CAAC,CAAC,cAAc,CAAC,CAAC;wBAAE,QAAQY,QAAQ;oBAAE;oBAC7C,aAAaP,MAAM,KAAK,CAAC,WAAW;oBACpC,eAAa,CAAC,mBAAmB,EAAEA,MAAM,KAAK,CAAC,KAAK,CAAC,CAAC,EAClDO,QAAQ,GACV;mCAGV,oBAACG,cAAYA,MAAAA,WAAAA,GACT,oBAAC;oBAAI,WAAW;iCACZ,oBAACC,YAAUA;oBACP,SAAS;oBACT,MAAM;oBACN,oBAAM,oBAACC,gBAAUA;oBACjB,SAAS,IAAMN,KAAK,KAAK,CAAC,WAAW,CAACC;;QAQtE;QACA,gBAAeP,KAAK;YAChB,OAAO,WAAP,GAAO,oBAACa,4BAA+Bb;QAC3C;IACJ;AACJ;AAEA,kBAAeH"}

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

@@ -1,5 +1,9 @@
 import numberInput from "./numberInput.js";
 import numberInputs from "./numberInputs.js";
-export default [numberInput, numberInputs];
+const number = [
+    numberInput,
+    numberInputs
+];
+export default number;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/number/index.js","sources":["../../../../../src/admin/plugins/fieldRenderers/number/index.ts"],"sourcesContent":["import numberInput from \"./numberInput.js\";\nimport numberInputs from \"./numberInputs.js\";\n\nexport default [numberInput, numberInputs];\n"],"names":["numberInput","numberInputs"],"mappings":";;AAGA,eAAe;IAACA;IAAaC;CAAa"}

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

@@ -1,48 +1,43 @@
-import React from "react";
+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";
 import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 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`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({
-      getBind
-    }) {
-      const {
-        field
-      } = useModelField();
-      const rules = useFieldEffectiveRules(field);
-      const disabled = !rules.canEdit || rules.disabled;
-      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, {
-        disabled: disabled,
-        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
-      }))));
+const numberInput_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-number",
+    renderer: {
+        rendererName: "number-input",
+        name: t`Number Input`,
+        description: t`Renders a simple input with its type set to "number".`,
+        canUse ({ field }) {
+            return "number" === field.type && !field.list && !get(field, "predefinedValues.enabled");
+        },
+        render ({ getBind }) {
+            const { field } = useModelField();
+            const rules = useFieldEffectiveRules(field);
+            const disabled = !rules.canEdit || rules.disabled;
+            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, {
+                    disabled: disabled,
+                    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
+                }))));
+        }
     }
-  }
 };
-export default plugin;
+const numberInput = numberInput_plugin;
+export default numberInput;
 
 //# sourceMappingURL=numberInput.js.map