@webiny/app-headless-cms 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.js

@@ -1,33 +1,27 @@
-import React from "react";
+import react from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { SimpleSingleRenderer } from "./components/SimpleSingleRenderer.js";
 const t = i18n.ns("app-headless-cms/admin/fields/ref");
-export const createSimpleSingleRenderer = () => {
-  return {
-    type: "cms-editor-field-renderer",
-    name: "cms-editor-field-renderer-ref-single-simple",
-    renderer: {
-      rendererName: "ref-simple-single",
-      name: t`Simple checkbox list`,
-      description: t`Renders a list of checkboxes and the user can select one related record.`,
-      canUse({
-        field
-      }) {
-        return field.type === "ref" && !field.multipleValues;
-      },
-      render: props => {
-        const {
-          field,
-          getBind
-        } = props;
-        const Bind = getBind();
-        return /*#__PURE__*/React.createElement(Bind, null, bind => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(SimpleSingleRenderer, {
-          bind: bind,
-          field: field
-        })));
-      }
-    }
-  };
-};
+const createSimpleSingleRenderer = ()=>({
+        type: "cms-editor-field-renderer",
+        name: "cms-editor-field-renderer-ref-single-simple",
+        renderer: {
+            rendererName: "ref-simple-single",
+            name: t`Radio buttons`,
+            description: t`Renders a list of radio buttons and the user can select one related record.`,
+            canUse ({ field }) {
+                return "ref" === field.type && !field.list;
+            },
+            render: (props)=>{
+                const { field, getBind } = props;
+                const Bind = getBind();
+                return /*#__PURE__*/ react.createElement(Bind, null, (bind)=>/*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(SimpleSingleRenderer, {
+                        bind: bind,
+                        field: field
+                    })));
+            }
+        }
+    });
+export { createSimpleSingleRenderer };
 
 //# sourceMappingURL=simpleSingleRenderer.js.map

package/admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","SimpleSingleRenderer","t","ns","createSimpleSingleRenderer","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","getBind","Bind","createElement","bind","ValidationContainer"],"sources":["simpleSingleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { SimpleSingleRenderer } from \"./components/SimpleSingleRenderer.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleSingleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-single-simple\",\n        renderer: {\n            rendererName: \"ref-simple-single\",\n            name: t`Simple checkbox list`,\n            description: t`Renders a list of checkboxes and the user can select one related record.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => (\n                            <Bind.ValidationContainer>\n                                <SimpleSingleRenderer bind={bind} field={field} />\n                            </Bind.ValidationContainer>\n                        )}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,oBAAoB;AAE7B,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,mCAAmC,CAAC;AAEtD,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAmC;EACzE,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,6CAA6C;IACnDC,QAAQ,EAAE;MACNC,YAAY,EAAE,mBAAmB;MACjCF,IAAI,EAAEJ,CAAC,sBAAsB;MAC7BO,WAAW,EAAEP,CAAC,0EAA0E;MACxFQ,MAAMA,CAAC;QAAEC;MAAM,CAAC,EAAE;QACd,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAACM,KAAK,CAACC,cAAc;MACxD,CAAC;MACDC,MAAM,EAAEC,KAAK,IAAI;QACb,MAAM;UAAEH,KAAK;UAAEI;QAAQ,CAAC,GAAGD,KAAK;QAEhC,MAAME,IAAI,GAAGD,OAAO,CAAC,CAAC;QACtB,oBACIhB,KAAA,CAAAkB,aAAA,CAACD,IAAI,QACAE,IAAI,iBACDnB,KAAA,CAAAkB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrBpB,KAAA,CAAAkB,aAAA,CAAChB,oBAAoB;UAACiB,IAAI,EAAEA,IAAK;UAACP,KAAK,EAAEA;QAAM,CAAE,CAC3B,CAE5B,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { SimpleSingleRenderer } from \"./components/SimpleSingleRenderer.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleSingleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-single-simple\",\n        renderer: {\n            rendererName: \"ref-simple-single\",\n            name: t`Radio buttons`,\n            description: t`Renders a list of radio buttons and the user can select one related record.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !field.list;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => (\n                            <Bind.ValidationContainer>\n                                <SimpleSingleRenderer bind={bind} field={field} />\n                            </Bind.ValidationContainer>\n                        )}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"names":["t","i18n","createSimpleSingleRenderer","field","props","getBind","Bind","bind","SimpleSingleRenderer"],"mappings":";;;AAKA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,6BAA6B,IAC/B;QACH,MAAM;QACN,MAAM;QACN,UAAU;YACN,cAAc;YACd,MAAMF,CAAC,CAAC,aAAa,CAAC;YACtB,aAAaA,CAAC,CAAC,2EAA2E,CAAC;YAC3F,QAAO,EAAEG,KAAK,EAAE;gBACZ,OAAOA,AAAe,UAAfA,MAAM,IAAI,IAAc,CAACA,MAAM,IAAI;YAC9C;YACA,QAAQC,CAAAA;gBACJ,MAAM,EAAED,KAAK,EAAEE,OAAO,EAAE,GAAGD;gBAE3B,MAAME,OAAOD;gBACb,OAAO,WAAP,GACI,oBAACC,MAAAA,MACIC,CAAAA,OAAAA,WAAAA,GACG,oBAACD,KAAK,mBAAmB,sBACrB,oBAACE,sBAAoBA;wBAAC,MAAMD;wBAAM,OAAOJ;;YAK7D;QACJ;IACJ"}

package/admin/plugins/fieldRenderers/select.js

@@ -1,53 +1,47 @@
-import React from "react";
+import react from "react";
 import get from "lodash/get.js";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { Select } from "@webiny/admin-ui";
+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-select-box",
-  renderer: {
-    rendererName: "select-box",
-    name: t`Select Box`,
-    description: t`Renders a select box, allowing selection of a single value.`,
-    canUse({
-      field
-    }) {
-      return !field.multipleValues && !!get(field, "predefinedValues.enabled");
-    },
-    render({
-      field,
-      getBind
-    }) {
-      const Bind = getBind();
-      const {
-        values: options = []
-      } = field.predefinedValues || {};
-      const defaultOption = options.find(option => !!option.selected);
-      return /*#__PURE__*/React.createElement(Bind, {
-        defaultValue: defaultOption ? defaultOption.value : undefined
-      }, ({
-        value,
-        onChange,
-        ...bind
-      }) => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(Select, Object.assign({}, bind, {
-        label: field.label,
-        description: field.helpText,
-        options: options,
-        placeholder: field.placeholderText,
-        "data-testid": `fr.input.select.${field.label}`,
-        value: typeof value !== "undefined" ? String(value) : undefined,
-        onChange: value => {
-          if (field.type === "number") {
-            onChange(Number(value));
-          } else {
-            onChange(String(value));
-          }
+const select_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-select-box",
+    renderer: {
+        rendererName: "select-box",
+        name: t`Select Box`,
+        description: t`Renders a select box, allowing selection of a single value.`,
+        canUse ({ field }) {
+            return !field.list && !!get(field, "predefinedValues.enabled");
+        },
+        render ({ getBind }) {
+            const { field } = useModelField();
+            const rules = useFieldEffectiveRules(field);
+            const disabled = !rules.canEdit || rules.disabled;
+            const Bind = getBind();
+            const { values: options = [] } = field.predefinedValues || {};
+            const defaultOption = options.find((option)=>!!option.selected);
+            return /*#__PURE__*/ react.createElement(Bind, {
+                defaultValue: defaultOption ? defaultOption.value : void 0
+            }, ({ value, onChange, ...bind })=>/*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(Select, {
+                    ...bind,
+                    disabled: disabled,
+                    label: field.label,
+                    description: field.description,
+                    note: field.note,
+                    hint: field.help,
+                    options: options,
+                    placeholder: field.placeholder,
+                    "data-testid": `fr.input.select.${field.label}`,
+                    value: void 0 !== value ? String(value) : void 0,
+                    onChange: (value)=>{
+                        "number" === field.type ? onChange(Number(value)) : onChange(String(value));
+                    }
+                })));
         }
-      }))));
     }
-  }
 };
-export default plugin;
+const fieldRenderers_select = select_plugin;
+export default fieldRenderers_select;
 
 //# sourceMappingURL=select.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","Select","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","values","options","predefinedValues","defaultOption","find","option","selected","createElement","defaultValue","value","undefined","onChange","bind","ValidationContainer","Object","assign","label","helpText","placeholder","placeholderText","String","Number"],"sources":["select.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { Select } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-select-box\",\n    renderer: {\n        rendererName: \"select-box\",\n        name: t`Select Box`,\n        description: t`Renders a select box, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {};\n            const defaultOption = options.find(option => !!option.selected);\n\n            return (\n                <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n                    {({ value, onChange, ...bind }) => (\n                        <Bind.ValidationContainer>\n                            <Select\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                                options={options}\n                                placeholder={field.placeholderText}\n                                data-testid={`fr.input.select.${field.label}`}\n                                value={typeof value !== \"undefined\" ? String(value) : undefined}\n                                onChange={value => {\n                                    if (field.type === \"number\") {\n                                        onChange(Number(value));\n                                    } else {\n                                        onChange(String(value));\n                                    }\n                                }}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEJ,CAAC,YAAY;IACnBO,WAAW,EAAEP,CAAC,6DAA6D;IAC3EQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAO,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;IAC5E,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEE,MAAM,EAAEC,OAAO,GAAG;MAAG,CAAC,GAAGN,KAAK,CAACO,gBAAgB,IAAI,CAAC,CAAC;MAC7D,MAAMC,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,MAAM,IAAI,CAAC,CAACA,MAAM,CAACC,QAAQ,CAAC;MAE/D,oBACIxB,KAAA,CAAAyB,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAED,KAAK;QAAEE,QAAQ;QAAE,GAAGC;MAAK,CAAC,kBAC1B9B,KAAA,CAAAyB,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrB/B,KAAA,CAAAyB,aAAA,CAACtB,MAAM,EAAA6B,MAAA,CAAAC,MAAA,KACCH,IAAI;QACRI,KAAK,EAAErB,KAAK,CAACqB,KAAM;QACnBvB,WAAW,EAAEE,KAAK,CAACsB,QAAS;QAC5BhB,OAAO,EAAEA,OAAQ;QACjBiB,WAAW,EAAEvB,KAAK,CAACwB,eAAgB;QACnC,eAAa,mBAAmBxB,KAAK,CAACqB,KAAK,EAAG;QAC9CP,KAAK,EAAE,OAAOA,KAAK,KAAK,WAAW,GAAGW,MAAM,CAACX,KAAK,CAAC,GAAGC,SAAU;QAChEC,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAId,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzBsB,QAAQ,CAACU,MAAM,CAACZ,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACS,MAAM,CAACX,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAerB,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/select.js","sources":["../../../../src/admin/plugins/fieldRenderers/select.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { Select } from \"@webiny/admin-ui\";\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-select-box\",\n    renderer: {\n        rendererName: \"select-box\",\n        name: t`Select Box`,\n        description: t`Renders a select box, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.list && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {};\n            const defaultOption = options.find(option => !!option.selected);\n\n            return (\n                <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n                    {({ value, onChange, ...bind }) => (\n                        <Bind.ValidationContainer>\n                            <Select\n                                {...bind}\n                                disabled={disabled}\n                                label={field.label}\n                                description={field.description}\n                                note={field.note}\n                                hint={field.help}\n                                options={options}\n                                placeholder={field.placeholder}\n                                data-testid={`fr.input.select.${field.label}`}\n                                value={typeof value !== \"undefined\" ? String(value) : undefined}\n                                onChange={value => {\n                                    if (field.type === \"number\") {\n                                        onChange(Number(value));\n                                    } else {\n                                        onChange(String(value));\n                                    }\n                                }}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","plugin","field","get","getBind","useModelField","rules","useFieldEffectiveRules","disabled","Bind","options","defaultOption","option","undefined","value","onChange","bind","Select","String","Number"],"mappings":";;;;;AAOA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,gBAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAMF,CAAC,CAAC,UAAU,CAAC;QACnB,aAAaA,CAAC,CAAC,2DAA2D,CAAC;QAC3E,QAAO,EAAEG,KAAK,EAAE;YACZ,OAAO,CAACA,MAAM,IAAI,IAAI,CAAC,CAACC,IAAID,OAAO;QACvC;QACA,QAAO,EAAEE,OAAO,EAAE;YACd,MAAM,EAAEF,KAAK,EAAE,GAAGG;YAClB,MAAMC,QAAQC,uBAAuBL;YACrC,MAAMM,WAAW,CAACF,MAAM,OAAO,IAAIA,MAAM,QAAQ;YACjD,MAAMG,OAAOL;YAEb,MAAM,EAAE,QAAQM,UAAU,EAAE,EAAE,GAAGR,MAAM,gBAAgB,IAAI,CAAC;YAC5D,MAAMS,gBAAgBD,QAAQ,IAAI,CAACE,CAAAA,SAAU,CAAC,CAACA,OAAO,QAAQ;YAE9D,OAAO,WAAP,GACI,oBAACH,MAAAA;gBAAK,cAAcE,gBAAgBA,cAAc,KAAK,GAAGE;eACrD,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,MAAM,iBAC1B,oBAACP,KAAK,mBAAmB,sBACrB,oBAACQ,QAAMA;oBACF,GAAGD,IAAI;oBACR,UAAUR;oBACV,OAAON,MAAM,KAAK;oBAClB,aAAaA,MAAM,WAAW;oBAC9B,MAAMA,MAAM,IAAI;oBAChB,MAAMA,MAAM,IAAI;oBAChB,SAASQ;oBACT,aAAaR,MAAM,WAAW;oBAC9B,eAAa,CAAC,gBAAgB,EAAEA,MAAM,KAAK,EAAE;oBAC7C,OAAO,AAAiB,WAAVY,QAAwBI,OAAOJ,SAASD;oBACtD,UAAUC,CAAAA;wBACa,aAAfZ,MAAM,IAAI,GACVa,SAASI,OAAOL,UAEhBC,SAASG,OAAOJ;oBAExB;;QAMxB;IACJ;AACJ;AAEA,8BAAeb"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["textInput","textInputs","tags"],"sources":["index.ts"],"sourcesContent":["import textInput from \"./textInput.js\";\nimport textInputs from \"./textInputs.js\";\nimport { tags } from \"./tags.js\";\n\nexport default [textInput, textInputs, tags];\n"],"mappings":"AAAA,OAAOA,SAAS;AAChB,OAAOC,UAAU;AACjB,SAASC,IAAI;AAEb,eAAe,CAACF,SAAS,EAAEC,UAAU,EAAEC,IAAI,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/text/index.js","sources":["../../../../../src/admin/plugins/fieldRenderers/text/index.ts"],"sourcesContent":["import textInput from \"./textInput.js\";\nimport textInputs from \"./textInputs.js\";\nimport { tags } from \"./tags.js\";\n\nexport default [textInput, textInputs, tags];\n"],"names":["textInput","textInputs","tags"],"mappings":";;;AAIA,4BAAe;IAACA;IAAWC;IAAYC;CAAK"}

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

@@ -1,33 +1,35 @@
-import React from "react";
-import { Tags } from "@webiny/ui/Tags/index.js";
-export const tags = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-tags",
-  renderer: {
-    rendererName: "tags",
-    name: "Tags",
-    description: `Renders a tags component.`,
-    canUse({
-      field
-    }) {
-      return field.type === "text" && field.multipleValues === true && !field.predefinedValues?.enabled;
-    },
-    render({
-      field,
-      getBind
-    }) {
-      const Bind = getBind();
-      return /*#__PURE__*/React.createElement(Bind, {
-        defaultValue: []
-      }, props => {
-        return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(Tags, Object.assign({
-          label: field.label,
-          placeholder: field.placeholderText || "Add values",
-          description: field.helpText
-        }, props)));
-      });
+import react from "react";
+import { Tags } from "@webiny/admin-ui";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
+const tags = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-tags",
+    renderer: {
+        rendererName: "tags",
+        name: "Tags",
+        description: "Renders a tags component.",
+        canUse ({ field }) {
+            return "text" === field.type && true === field.list && !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, {
+                defaultValue: []
+            }, (props)=>/*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(Tags, {
+                    disabled: disabled,
+                    label: field.label,
+                    placeholder: field.placeholder || "Add values",
+                    description: field.description,
+                    note: field.note,
+                    hint: field.help,
+                    ...props
+                })));
+        }
     }
-  }
 };
+export { tags };
 
 //# sourceMappingURL=tags.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Tags","tags","type","name","renderer","rendererName","description","canUse","field","multipleValues","predefinedValues","enabled","render","getBind","Bind","createElement","defaultValue","props","ValidationContainer","Object","assign","label","placeholder","placeholderText","helpText"],"sources":["tags.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tags } from \"@webiny/ui/Tags/index.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\n\nexport const tags: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-tags\",\n    renderer: {\n        rendererName: \"tags\",\n        name: \"Tags\",\n        description: `Renders a tags component.`,\n        canUse({ field }) {\n            return (\n                field.type === \"text\" &&\n                field.multipleValues === true &&\n                !field.predefinedValues?.enabled\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind defaultValue={[]}>\n                    {props => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <Tags\n                                    label={field.label}\n                                    placeholder={field.placeholderText || \"Add values\"}\n                                    description={field.helpText}\n                                    {...props}\n                                />\n                            </Bind.ValidationContainer>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,0BAA0B;AAG/C,OAAO,MAAMC,IAAiC,GAAG;EAC7CC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,MAAM;IACpBF,IAAI,EAAE,MAAM;IACZG,WAAW,EAAE,2BAA2B;IACxCC,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,MAAM,IACrBM,KAAK,CAACC,cAAc,KAAK,IAAI,IAC7B,CAACD,KAAK,CAACE,gBAAgB,EAAEC,OAAO;IAExC,CAAC;IACDC,MAAMA,CAAC;MAAEJ,KAAK;MAAEK;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACId,KAAA,CAAAgB,aAAA,CAACD,IAAI;QAACE,YAAY,EAAE;MAAG,GAClBC,KAAK,IAAI;QACN,oBACIlB,KAAA,CAAAgB,aAAA,CAACD,IAAI,CAACI,mBAAmB,qBACrBnB,KAAA,CAAAgB,aAAA,CAACf,IAAI,EAAAmB,MAAA,CAAAC,MAAA;UACDC,KAAK,EAAEb,KAAK,CAACa,KAAM;UACnBC,WAAW,EAAEd,KAAK,CAACe,eAAe,IAAI,YAAa;UACnDjB,WAAW,EAAEE,KAAK,CAACgB;QAAS,GACxBP,KAAK,CACZ,CACqB,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/text/tags.js","sources":["../../../../../src/admin/plugins/fieldRenderers/text/tags.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tags } from \"@webiny/admin-ui\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\nexport const tags: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-tags\",\n    renderer: {\n        rendererName: \"tags\",\n        name: \"Tags\",\n        description: `Renders a tags component.`,\n        canUse({ field }) {\n            return field.type === \"text\" && field.list === true && !field.predefinedValues?.enabled;\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\n            const Bind = getBind();\n\n            return (\n                <Bind defaultValue={[]}>\n                    {props => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <Tags\n                                    disabled={disabled}\n                                    label={field.label}\n                                    placeholder={field.placeholder || \"Add values\"}\n                                    description={field.description}\n                                    note={field.note}\n                                    hint={field.help}\n                                    {...props}\n                                />\n                            </Bind.ValidationContainer>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n"],"names":["tags","field","getBind","useModelField","rules","useFieldEffectiveRules","disabled","Bind","props","Tags"],"mappings":";;;AAKO,MAAMA,OAAoC;IAC7C,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAM;QACN,aAAa;QACb,QAAO,EAAEC,KAAK,EAAE;YACZ,OAAOA,AAAe,WAAfA,MAAM,IAAI,IAAeA,AAAe,SAAfA,MAAM,IAAI,IAAa,CAACA,MAAM,gBAAgB,EAAE;QACpF;QACA,QAAO,EAAEC,OAAO,EAAE;YACd,MAAM,EAAED,KAAK,EAAE,GAAGE;YAClB,MAAMC,QAAQC,uBAAuBJ;YACrC,MAAMK,WAAW,CAACF,MAAM,OAAO,IAAIA,MAAM,QAAQ;YACjD,MAAMG,OAAOL;YAEb,OAAO,WAAP,GACI,oBAACK,MAAAA;gBAAK,cAAc,EAAE;eACjBC,CAAAA,QACU,WAAP,GACI,oBAACD,KAAK,mBAAmB,sBACrB,oBAACE,MAAIA;oBACD,UAAUH;oBACV,OAAOL,MAAM,KAAK;oBAClB,aAAaA,MAAM,WAAW,IAAI;oBAClC,aAAaA,MAAM,WAAW;oBAC9B,MAAMA,MAAM,IAAI;oBAChB,MAAMA,MAAM,IAAI;oBACf,GAAGO,KAAK;;QAOrC;IACJ;AACJ"}

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

@@ -1,40 +1,42 @@
-import React from "react";
+import react from "react";
 import get from "lodash/get.js";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { DelayedOnChange } from "@webiny/ui/DelayedOnChange/index.js";
-import { Input } from "@webiny/admin-ui";
+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/text");
-const plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-text",
-  renderer: {
-    rendererName: "text-input",
-    name: t`Text Input`,
-    description: t`Renders a simple input with its type set to "text".`,
-    canUse({
-      field
-    }) {
-      return field.type === "text" && !field.multipleValues && !get(field, "predefinedValues.enabled");
-    },
-    render({
-      field,
-      getBind
-    }) {
-      const Bind = getBind();
-      return /*#__PURE__*/React.createElement(Bind, null, bind => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(DelayedOnChange, {
-        value: bind.value,
-        onChange: bind.onChange,
-        onBlur: bind.validate
-      }, /*#__PURE__*/React.createElement(Input, {
-        label: field.label,
-        placeholder: field.placeholderText,
-        description: field.helpText,
-        "data-testid": `fr.input.text.${field.label}`,
-        validation: bind.validation
-      }))));
+const textInput_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-text",
+    renderer: {
+        rendererName: "text-input",
+        name: t`Text Input`,
+        description: t`Renders a simple input with its type set to "text".`,
+        canUse ({ field }) {
+            return "text" === 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,
+                    hint: field.help,
+                    note: field.note,
+                    "data-testid": `fr.input.text.${field.label}`,
+                    validation: bind.validation
+                }))));
+        }
     }
-  }
 };
-export default plugin;
+const textInput = textInput_plugin;
+export default textInput;
 
 //# sourceMappingURL=textInput.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","DelayedOnChange","Input","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","createElement","bind","ValidationContainer","value","onChange","onBlur","validate","label","placeholder","placeholderText","helpText","validation"],"sources":["textInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange/index.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { Input } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-text\",\n    renderer: {\n        rendererName: \"text-input\",\n        name: t`Text Input`,\n        description: t`Renders a simple input with its type set to \"text\".`,\n        canUse({ field }) {\n            return (\n                field.type === \"text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <DelayedOnChange\n                                value={bind.value}\n                                onChange={bind.onChange}\n                                onBlur={bind.validate}\n                            >\n                                <Input\n                                    label={field.label}\n                                    placeholder={field.placeholderText}\n                                    description={field.helpText}\n                                    data-testid={`fr.input.text.${field.label}`}\n                                    validation={bind.validation}\n                                />\n                            </DelayedOnChange>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,eAAe,QAAQ,qCAAqC;AAErE,SAASC,KAAK,QAAQ,kBAAkB;AAExC,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEJ,CAAC,YAAY;IACnBO,WAAW,EAAEP,CAAC,qDAAqD;IACnEQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,MAAM,IACrB,CAACM,KAAK,CAACC,cAAc,IACrB,CAACd,GAAG,CAACa,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACIjB,KAAA,CAAAmB,aAAA,CAACD,IAAI,QACAE,IAAI,iBACDpB,KAAA,CAAAmB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrBrB,KAAA,CAAAmB,aAAA,CAAChB,eAAe;QACZmB,KAAK,EAAEF,IAAI,CAACE,KAAM;QAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;QACxBC,MAAM,EAAEJ,IAAI,CAACK;MAAS,gBAEtBzB,KAAA,CAAAmB,aAAA,CAACf,KAAK;QACFsB,KAAK,EAAEZ,KAAK,CAACY,KAAM;QACnBC,WAAW,EAAEb,KAAK,CAACc,eAAgB;QACnChB,WAAW,EAAEE,KAAK,CAACe,QAAS;QAC5B,eAAa,iBAAiBf,KAAK,CAACY,KAAK,EAAG;QAC5CI,UAAU,EAAEV,IAAI,CAACU;MAAW,CAC/B,CACY,CACK,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAevB,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/text/textInput.js","sources":["../../../../../src/admin/plugins/fieldRenderers/text/textInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { DelayedOnChange } from \"@webiny/admin-ui\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { Input } from \"@webiny/admin-ui\";\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-text\",\n    renderer: {\n        rendererName: \"text-input\",\n        name: t`Text Input`,\n        description: t`Renders a simple input with its type set to \"text\".`,\n        canUse({ field }) {\n            return field.type === \"text\" && !field.list && !get(field, \"predefinedValues.enabled\");\n        },\n        render({ getBind }) {\n            const { field } = useModelField();\n            const rules = useFieldEffectiveRules(field);\n            const disabled = !rules.canEdit || rules.disabled;\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                                    disabled={disabled}\n                                    label={field.label}\n                                    placeholder={field.placeholder}\n                                    description={field.description}\n                                    hint={field.help}\n                                    note={field.note}\n                                    data-testid={`fr.input.text.${field.label}`}\n                                    validation={bind.validation}\n                                />\n                            </DelayedOnChange>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","plugin","field","get","getBind","useModelField","rules","useFieldEffectiveRules","disabled","Bind","bind","DelayedOnChange","Input"],"mappings":";;;;;AAQA,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,mDAAmD,CAAC;QACnE,QAAO,EAAEG,KAAK,EAAE;YACZ,OAAOA,AAAe,WAAfA,MAAM,IAAI,IAAe,CAACA,MAAM,IAAI,IAAI,CAACC,IAAID,OAAO;QAC/D;QACA,QAAO,EAAEE,OAAO,EAAE;YACd,MAAM,EAAEF,KAAK,EAAE,GAAGG;YAClB,MAAMC,QAAQC,uBAAuBL;YACrC,MAAMM,WAAW,CAACF,MAAM,OAAO,IAAIA,MAAM,QAAQ;YACjD,MAAMG,OAAOL;YAEb,OAAO,WAAP,GACI,oBAACK,MAAAA,MACIC,CAAAA,OAAAA,WAAAA,GACG,oBAACD,KAAK,mBAAmB,sBACrB,oBAACE,iBAAeA;oBACZ,OAAOD,KAAK,KAAK;oBACjB,UAAUA,KAAK,QAAQ;oBACvB,QAAQA,KAAK,QAAQ;iCAErB,oBAACE,OAAKA;oBACF,UAAUJ;oBACV,OAAON,MAAM,KAAK;oBAClB,aAAaA,MAAM,WAAW;oBAC9B,aAAaA,MAAM,WAAW;oBAC9B,MAAMA,MAAM,IAAI;oBAChB,MAAMA,MAAM,IAAI;oBAChB,eAAa,CAAC,cAAc,EAAEA,MAAM,KAAK,EAAE;oBAC3C,YAAYQ,KAAK,UAAU;;QAOvD;IACJ;AACJ;AAEA,kBAAeT"}

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

@@ -1,52 +1,56 @@
-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.svg";
+import { ReactComponent } from "@webiny/icons/delete.svg";
 import DynamicSection from "../DynamicSection.js";
 import { MultiValueRendererSettings } from "../MultiValueRendererSettings.js";
 import { DelayedOnChange, Icon, Input } 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-text-inputs",
-  renderer: {
-    rendererName: "text-inputs",
-    name: t`Text Inputs`,
-    description: t`Renders a simple list of text inputs.`,
-    canUse({
-      field
-    }) {
-      return field.type === "text" && !!field.multipleValues && !get(field, "predefinedValues.enabled");
-    },
-    render(props) {
-      return /*#__PURE__*/React.createElement(DynamicSection, props, ({
-        bind,
-        index
-      }) => /*#__PURE__*/React.createElement(DelayedOnChange, {
-        value: bind.index.value,
-        onChange: bind.index.onChange,
-        onBlur: bind.index.validate
-      }, /*#__PURE__*/React.createElement(Input, {
-        validation: bind.index.validation,
-        onEnter: () => bind.field.appendValue(""),
-        label: t`Value {number}`({
-          number: index + 1
-        }),
-        placeholder: props.field.placeholderText,
-        "data-testid": `fr.input.texts.${props.field.label}.${index + 1}`,
-        endIcon: /*#__PURE__*/React.createElement(Icon, {
-          icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-          label: "Delete",
-          onClick: () => bind.field.removeValue(index),
-          className: "cursor-pointer"
-        })
-      })));
-    },
-    renderSettings(props) {
-      return /*#__PURE__*/React.createElement(MultiValueRendererSettings, props);
+const textInputs_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-text-inputs",
+    renderer: {
+        rendererName: "text-inputs",
+        name: t`Text Inputs`,
+        description: t`Renders a simple list of text inputs.`,
+        canUse ({ field }) {
+            return "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(DelayedOnChange, {
+                    value: bind.index.value,
+                    onChange: bind.index.onChange,
+                    onBlur: bind.index.validate
+                }, /*#__PURE__*/ react.createElement(Input, {
+                    disabled: disabled,
+                    validation: bind.index.validation,
+                    onEnter: ()=>bind.field.appendValue(""),
+                    label: t`Value {number}`({
+                        number: index + 1
+                    }),
+                    placeholder: props.field.placeholder,
+                    "data-testid": `fr.input.texts.${props.field.label}.${index + 1}`,
+                    endIcon: /*#__PURE__*/ react.createElement(CanEditField, null, /*#__PURE__*/ react.createElement(Icon, {
+                        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                        label: "Delete",
+                        onClick: ()=>bind.field.removeValue(index),
+                        className: "cursor-pointer"
+                    }))
+                })));
+        },
+        renderSettings (props) {
+            return /*#__PURE__*/ react.createElement(MultiValueRendererSettings, props);
+        }
     }
-  }
 };
-export default plugin;
+const textInputs = textInputs_plugin;
+export default textInputs;
 
 //# sourceMappingURL=textInputs.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","ReactComponent","DeleteIcon","DynamicSection","MultiValueRendererSettings","DelayedOnChange","Icon","Input","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","createElement","bind","index","value","onChange","onBlur","validate","validation","onEnter","appendValue","label","number","placeholder","placeholderText","endIcon","icon","onClick","removeValue","className","renderSettings"],"sources":["textInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport DynamicSection from \"../DynamicSection.js\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport { DelayedOnChange, Icon, Input } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-text-inputs\",\n    renderer: {\n        rendererName: \"text-inputs\",\n        name: t`Text Inputs`,\n        description: t`Renders a simple list of text inputs.`,\n        canUse({ field }) {\n            return (\n                field.type === \"text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <DelayedOnChange\n                            value={bind.index.value}\n                            onChange={bind.index.onChange}\n                            onBlur={bind.index.validate}\n                        >\n                            <Input\n                                validation={bind.index.validation}\n                                onEnter={() => bind.field.appendValue(\"\")}\n                                label={t`Value {number}`({ number: index + 1 })}\n                                placeholder={props.field.placeholderText}\n                                data-testid={`fr.input.texts.${props.field.label}.${index + 1}`}\n                                endIcon={\n                                    <Icon\n                                        icon={<DeleteIcon />}\n                                        label={\"Delete\"}\n                                        onClick={() => bind.field.removeValue(index)}\n                                        className={\"cursor-pointer\"}\n                                    />\n                                }\n                            />\n                        </DelayedOnChange>\n                    )}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,OAAOC,cAAc;AACrB,SAASC,0BAA0B;AACnC,SAASC,eAAe,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAE/D,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,uCAAuC;EAC7CC,QAAQ,EAAE;IACNC,YAAY,EAAE,aAAa;IAC3BF,IAAI,EAAEJ,CAAC,aAAa;IACpBO,WAAW,EAAEP,CAAC,uCAAuC;IACrDQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,MAAM,IACrB,CAAC,CAACM,KAAK,CAACC,cAAc,IACtB,CAACnB,GAAG,CAACkB,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDE,MAAMA,CAACC,KAAK,EAAE;MACV,oBACItB,KAAA,CAAAuB,aAAA,CAAClB,cAAc,EAAKiB,KAAK,EACpB,CAAC;QAAEE,IAAI;QAAEC;MAAM,CAAC,kBACbzB,KAAA,CAAAuB,aAAA,CAAChB,eAAe;QACZmB,KAAK,EAAEF,IAAI,CAACC,KAAK,CAACC,KAAM;QACxBC,QAAQ,EAAEH,IAAI,CAACC,KAAK,CAACE,QAAS;QAC9BC,MAAM,EAAEJ,IAAI,CAACC,KAAK,CAACI;MAAS,gBAE5B7B,KAAA,CAAAuB,aAAA,CAACd,KAAK;QACFqB,UAAU,EAAEN,IAAI,CAACC,KAAK,CAACK,UAAW;QAClCC,OAAO,EAAEA,CAAA,KAAMP,IAAI,CAACL,KAAK,CAACa,WAAW,CAAC,EAAE,CAAE;QAC1CC,KAAK,EAAEvB,CAAC,gBAAgB,CAAC;UAAEwB,MAAM,EAAET,KAAK,GAAG;QAAE,CAAC,CAAE;QAChDU,WAAW,EAAEb,KAAK,CAACH,KAAK,CAACiB,eAAgB;QACzC,eAAa,kBAAkBd,KAAK,CAACH,KAAK,CAACc,KAAK,IAAIR,KAAK,GAAG,CAAC,EAAG;QAChEY,OAAO,eACHrC,KAAA,CAAAuB,aAAA,CAACf,IAAI;UACD8B,IAAI,eAAEtC,KAAA,CAAAuB,aAAA,CAACnB,UAAU,MAAE,CAAE;UACrB6B,KAAK,EAAE,QAAS;UAChBM,OAAO,EAAEA,CAAA,KAAMf,IAAI,CAACL,KAAK,CAACqB,WAAW,CAACf,KAAK,CAAE;UAC7CgB,SAAS,EAAE;QAAiB,CAC/B;MACJ,CACJ,CACY,CAET,CAAC;IAEzB,CAAC;IACDC,cAAcA,CAACpB,KAAK,EAAE;MAClB,oBAAOtB,KAAA,CAAAuB,aAAA,CAACjB,0BAA0B,EAAKgB,KAAQ,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeV,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/text/textInputs.js","sources":["../../../../../src/admin/plugins/fieldRenderers/text/textInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport DynamicSection from \"../DynamicSection.js\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport { DelayedOnChange, Icon, Input } 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-text-inputs\",\n    renderer: {\n        rendererName: \"text-inputs\",\n        name: t`Text Inputs`,\n        description: t`Renders a simple list of text inputs.`,\n        canUse({ field }) {\n            return field.type === \"text\" && !!field.list && !get(field, \"predefinedValues.enabled\");\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                        <DelayedOnChange\n                            value={bind.index.value}\n                            onChange={bind.index.onChange}\n                            onBlur={bind.index.validate}\n                        >\n                            <Input\n                                disabled={disabled}\n                                validation={bind.index.validation}\n                                onEnter={() => bind.field.appendValue(\"\")}\n                                label={t`Value {number}`({ number: index + 1 })}\n                                placeholder={props.field.placeholder}\n                                data-testid={`fr.input.texts.${props.field.label}.${index + 1}`}\n                                endIcon={\n                                    <CanEditField>\n                                        <Icon\n                                            icon={<DeleteIcon />}\n                                            label={\"Delete\"}\n                                            onClick={() => bind.field.removeValue(index)}\n                                            className={\"cursor-pointer\"}\n                                        />\n                                    </CanEditField>\n                                }\n                            />\n                        </DelayedOnChange>\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","Input","CanEditField","Icon","DeleteIcon","MultiValueRendererSettings"],"mappings":";;;;;;;;AAcA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,oBAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAMF,CAAC,CAAC,WAAW,CAAC;QACpB,aAAaA,CAAC,CAAC,qCAAqC,CAAC;QACrD,QAAO,EAAEG,KAAK,EAAE;YACZ,OAAOA,AAAe,WAAfA,MAAM,IAAI,IAAe,CAAC,CAACA,MAAM,IAAI,IAAI,CAACC,IAAID,OAAO;QAChE;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,oBAACC,iBAAeA;oBACZ,OAAOF,KAAK,KAAK,CAAC,KAAK;oBACvB,UAAUA,KAAK,KAAK,CAAC,QAAQ;oBAC7B,QAAQA,KAAK,KAAK,CAAC,QAAQ;iCAE3B,oBAACG,OAAKA;oBACF,UAAUL;oBACV,YAAYE,KAAK,KAAK,CAAC,UAAU;oBACjC,SAAS,IAAMA,KAAK,KAAK,CAAC,WAAW,CAAC;oBACtC,OAAOX,CAAC,CAAC,cAAc,CAAC,CAAC;wBAAE,QAAQY,QAAQ;oBAAE;oBAC7C,aAAaP,MAAM,KAAK,CAAC,WAAW;oBACpC,eAAa,CAAC,eAAe,EAAEA,MAAM,KAAK,CAAC,KAAK,CAAC,CAAC,EAAEO,QAAQ,GAAG;oBAC/D,uBACI,oBAACG,cAAYA,MAAAA,WAAAA,GACT,oBAACC,MAAIA;wBACD,oBAAM,oBAACC,gBAAUA;wBACjB,OAAO;wBACP,SAAS,IAAMN,KAAK,KAAK,CAAC,WAAW,CAACC;wBACtC,WAAW;;;QAS/C;QACA,gBAAeP,KAAK;YAChB,OAAO,WAAP,GAAO,oBAACa,4BAA+Bb;QAC3C;IACJ;AACJ;AAEA,mBAAeH"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["getAvailableValidators","type","validators","concat"],"sources":["availableValidators.ts"],"sourcesContent":["export const getAvailableValidators = (type?: string): string[] => {\n    const validators = [\"required\"];\n    if (!type) {\n        return validators;\n    } else if (type === \"time\") {\n        return validators.concat([\"timeGte\", \"timeLte\"]);\n    }\n    return validators.concat([\"dateGte\", \"dateLte\"]);\n};\n"],"mappings":"AAAA,OAAO,MAAMA,sBAAsB,GAAIC,IAAa,IAAe;EAC/D,MAAMC,UAAU,GAAG,CAAC,UAAU,CAAC;EAC/B,IAAI,CAACD,IAAI,EAAE;IACP,OAAOC,UAAU;EACrB,CAAC,MAAM,IAAID,IAAI,KAAK,MAAM,EAAE;IACxB,OAAOC,UAAU,CAACC,MAAM,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;EACpD;EACA,OAAOD,UAAU,CAACC,MAAM,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AACpD,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldValidators/date/availableValidators.js","sources":["../../../../../src/admin/plugins/fieldValidators/date/availableValidators.ts"],"sourcesContent":["export const getAvailableValidators = (type?: string): string[] => {\n    const validators = [\"required\"];\n    if (!type) {\n        return validators;\n    } else if (type === \"time\") {\n        return validators.concat([\"timeGte\", \"timeLte\"]);\n    }\n    return validators.concat([\"dateGte\", \"dateLte\"]);\n};\n"],"names":["getAvailableValidators","type","validators"],"mappings":"AAAO,MAAMA,yBAAyB,CAACC;IACnC,MAAMC,aAAa;QAAC;KAAW;IAC/B,IAAI,CAACD,MACD,OAAOC;IACJ,IAAID,AAAS,WAATA,MACP,OAAOC,WAAW,MAAM,CAAC;QAAC;QAAW;KAAU;IAEnD,OAAOA,WAAW,MAAM,CAAC;QAAC;QAAW;KAAU;AACnD"}