@webiny/app-headless-cms 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

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\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { SimpleSingleRenderer } from \"./components/SimpleSingleRenderer\";\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,kBAAkB;AACvC,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,"names":["React","i18n","SimpleSingleRenderer","t","ns","createSimpleSingleRenderer","type","name","renderer","rendererName","description","canUse","field","list","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`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"],"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,eAAe;MACtBO,WAAW,EAAEP,CAAC,6EAA6E;MAC3FQ,MAAMA,CAAC;QAAEC;MAAM,CAAC,EAAE;QACd,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAACM,KAAK,CAACC,IAAI;MAC9C,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":[]}

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

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

package/admin/plugins/fieldRenderers/select.js

@@ -1,7 +1,8 @@
 import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
+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",
@@ -13,12 +14,16 @@ const plugin = {
     canUse({
       field
     }) {
-      return !field.multipleValues && !!get(field, "predefinedValues.enabled");
+      return !field.list && !!get(field, "predefinedValues.enabled");
     },
     render({
-      field,
       getBind
     }) {
+      const {
+        field
+      } = useModelField();
+      const rules = useFieldEffectiveRules(field);
+      const disabled = !rules.canEdit || rules.disabled;
       const Bind = getBind();
       const {
         values: options = []
@@ -31,12 +36,15 @@ const plugin = {
         onChange,
         ...bind
       }) => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(Select, Object.assign({}, bind, {
+        disabled: disabled,
         label: field.label,
-        description: field.helpText,
+        description: field.description,
+        note: field.note,
+        hint: field.help,
         options: options,
-        placeholder: field.placeholderText,
+        placeholder: field.placeholder,
         "data-testid": `fr.input.select.${field.label}`,
-        value: String(value),
+        value: typeof value !== "undefined" ? String(value) : undefined,
         onChange: value => {
           if (field.type === "number") {
             onChange(Number(value));

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\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Select } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-select-box\",\n    renderer: {\n        rendererName: \"select-box\",\n        name: t`Select Box`,\n        description: t`Renders a select box, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {};\n            const defaultOption = options.find(option => !!option.selected);\n\n            return (\n                <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n                    {({ value, onChange, ...bind }) => (\n                        <Bind.ValidationContainer>\n                            <Select\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                                options={options}\n                                placeholder={field.placeholderText}\n                                data-testid={`fr.input.select.${field.label}`}\n                                value={String(value)}\n                                onChange={value => {\n                                    if (field.type === \"number\") {\n                                        onChange(Number(value));\n                                    } else {\n                                        onChange(String(value));\n                                    }\n                                }}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAC5B,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEJ,CAAC,YAAY;IACnBO,WAAW,EAAEP,CAAC,6DAA6D;IAC3EQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAO,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;IAC5E,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEE,MAAM,EAAEC,OAAO,GAAG;MAAG,CAAC,GAAGN,KAAK,CAACO,gBAAgB,IAAI,CAAC,CAAC;MAC7D,MAAMC,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,MAAM,IAAI,CAAC,CAACA,MAAM,CAACC,QAAQ,CAAC;MAE/D,oBACIxB,KAAA,CAAAyB,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAED,KAAK;QAAEE,QAAQ;QAAE,GAAGC;MAAK,CAAC,kBAC1B9B,KAAA,CAAAyB,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrB/B,KAAA,CAAAyB,aAAA,CAACtB,MAAM,EAAA6B,MAAA,CAAAC,MAAA,KACCH,IAAI;QACRI,KAAK,EAAErB,KAAK,CAACqB,KAAM;QACnBvB,WAAW,EAAEE,KAAK,CAACsB,QAAS;QAC5BhB,OAAO,EAAEA,OAAQ;QACjBiB,WAAW,EAAEvB,KAAK,CAACwB,eAAgB;QACnC,eAAa,mBAAmBxB,KAAK,CAACqB,KAAK,EAAG;QAC9CP,KAAK,EAAEW,MAAM,CAACX,KAAK,CAAE;QACrBE,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAId,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzBsB,QAAQ,CAACU,MAAM,CAACZ,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACS,MAAM,CAACX,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAerB,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","Select","useFieldEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","rules","disabled","canEdit","Bind","values","options","predefinedValues","defaultOption","find","option","selected","createElement","defaultValue","value","undefined","onChange","bind","ValidationContainer","Object","assign","label","note","hint","help","placeholder","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\";\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAEvF,MAAMC,CAAC,GAAGJ,IAAI,CAACK,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,IAAI,IAAI,CAAC,CAACf,GAAG,CAACc,KAAK,EAAE,0BAA0B,CAAC;IAClE,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,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;MACjD,MAAME,IAAI,GAAGJ,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEK,MAAM,EAAEC,OAAO,GAAG;MAAG,CAAC,GAAGT,KAAK,CAACU,gBAAgB,IAAI,CAAC,CAAC;MAC7D,MAAMC,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,MAAM,IAAI,CAAC,CAACA,MAAM,CAACC,QAAQ,CAAC;MAE/D,oBACI7B,KAAA,CAAA8B,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAED,KAAK;QAAEE,QAAQ;QAAE,GAAGC;MAAK,CAAC,kBAC1BnC,KAAA,CAAA8B,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrBpC,KAAA,CAAA8B,aAAA,CAAC3B,MAAM,EAAAkC,MAAA,CAAAC,MAAA,KACCH,IAAI;QACRf,QAAQ,EAAEA,QAAS;QACnBmB,KAAK,EAAExB,KAAK,CAACwB,KAAM;QACnB1B,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/B2B,IAAI,EAAEzB,KAAK,CAACyB,IAAK;QACjBC,IAAI,EAAE1B,KAAK,CAAC2B,IAAK;QACjBlB,OAAO,EAAEA,OAAQ;QACjBmB,WAAW,EAAE5B,KAAK,CAAC4B,WAAY;QAC/B,eAAa,mBAAmB5B,KAAK,CAACwB,KAAK,EAAG;QAC9CP,KAAK,EAAE,OAAOA,KAAK,KAAK,WAAW,GAAGY,MAAM,CAACZ,KAAK,CAAC,GAAGC,SAAU;QAChEC,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAIjB,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzByB,QAAQ,CAACW,MAAM,CAACb,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACU,MAAM,CAACZ,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAexB,MAAM","ignoreList":[]}

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

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

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

@@ -1,6 +1,6 @@
-import textInput from "./textInput";
-import textInputs from "./textInputs";
-import { tags } from "./tags";
+import textInput from "./textInput.js";
+import textInputs from "./textInputs.js";
+import { tags } from "./tags.js";
 export default [textInput, textInputs, tags];
 
 //# 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\";\nimport textInputs from \"./textInputs\";\nimport { tags } from \"./tags\";\n\nexport default [textInput, textInputs, tags];\n"],"mappings":"AAAA,OAAOA,SAAS;AAChB,OAAOC,UAAU;AACjB,SAASC,IAAI;AAEb,eAAe,CAACF,SAAS,EAAEC,UAAU,EAAEC,IAAI,CAAC","ignoreList":[]}
+{"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":[]}

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

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

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

@@ -1,5 +1,6 @@
 import React from "react";
-import { Tags } from "@webiny/ui/Tags";
+import { Tags } from "@webiny/admin-ui";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 export const tags = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-tags",
@@ -10,20 +11,27 @@ export const tags = {
     canUse({
       field
     }) {
-      return field.type === "text" && field.multipleValues === true && !field.predefinedValues?.enabled;
+      return field.type === "text" && field.list === true && !field.predefinedValues?.enabled;
     },
     render({
-      field,
       getBind
     }) {
+      const {
+        field
+      } = useModelField();
+      const rules = useFieldEffectiveRules(field);
+      const disabled = !rules.canEdit || rules.disabled;
       const Bind = getBind();
       return /*#__PURE__*/React.createElement(Bind, {
         defaultValue: []
       }, props => {
         return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(Tags, Object.assign({
+          disabled: disabled,
           label: field.label,
-          placeholder: field.placeholderText || "Add values",
-          description: field.helpText
+          placeholder: field.placeholder || "Add values",
+          description: field.description,
+          note: field.note,
+          hint: field.help
         }, props)));
       });
     }

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\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\n\nexport const tags: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-tags\",\n    renderer: {\n        rendererName: \"tags\",\n        name: \"Tags\",\n        description: `Renders a tags component.`,\n        canUse({ field }) {\n            return (\n                field.type === \"text\" &&\n                field.multipleValues === true &&\n                !field.predefinedValues?.enabled\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind defaultValue={[]}>\n                    {props => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <Tags\n                                    label={field.label}\n                                    placeholder={field.placeholderText || \"Add values\"}\n                                    description={field.helpText}\n                                    {...props}\n                                />\n                            </Bind.ValidationContainer>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,iBAAiB;AAGtC,OAAO,MAAMC,IAAiC,GAAG;EAC7CC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,MAAM;IACpBF,IAAI,EAAE,MAAM;IACZG,WAAW,EAAE,2BAA2B;IACxCC,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,MAAM,IACrBM,KAAK,CAACC,cAAc,KAAK,IAAI,IAC7B,CAACD,KAAK,CAACE,gBAAgB,EAAEC,OAAO;IAExC,CAAC;IACDC,MAAMA,CAAC;MAAEJ,KAAK;MAAEK;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACId,KAAA,CAAAgB,aAAA,CAACD,IAAI;QAACE,YAAY,EAAE;MAAG,GAClBC,KAAK,IAAI;QACN,oBACIlB,KAAA,CAAAgB,aAAA,CAACD,IAAI,CAACI,mBAAmB,qBACrBnB,KAAA,CAAAgB,aAAA,CAACf,IAAI,EAAAmB,MAAA,CAAAC,MAAA;UACDC,KAAK,EAAEb,KAAK,CAACa,KAAM;UACnBC,WAAW,EAAEd,KAAK,CAACe,eAAe,IAAI,YAAa;UACnDjB,WAAW,EAAEE,KAAK,CAACgB;QAAS,GACxBP,KAAK,CACZ,CACqB,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Tags","useFieldEffectiveRules","useModelField","tags","type","name","renderer","rendererName","description","canUse","field","list","predefinedValues","enabled","render","getBind","rules","disabled","canEdit","Bind","createElement","defaultValue","props","ValidationContainer","Object","assign","label","placeholder","note","hint","help"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAEvF,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,OAAOA,KAAK,CAACN,IAAI,KAAK,MAAM,IAAIM,KAAK,CAACC,IAAI,KAAK,IAAI,IAAI,CAACD,KAAK,CAACE,gBAAgB,EAAEC,OAAO;IAC3F,CAAC;IACDC,MAAMA,CAAC;MAAEC;IAAQ,CAAC,EAAE;MAChB,MAAM;QAAEL;MAAM,CAAC,GAAGR,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,sBAAsB,CAACS,KAAK,CAAC;MAC3C,MAAMO,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;MACjD,MAAME,IAAI,GAAGJ,OAAO,CAAC,CAAC;MAEtB,oBACIhB,KAAA,CAAAqB,aAAA,CAACD,IAAI;QAACE,YAAY,EAAE;MAAG,GAClBC,KAAK,IAAI;QACN,oBACIvB,KAAA,CAAAqB,aAAA,CAACD,IAAI,CAACI,mBAAmB,qBACrBxB,KAAA,CAAAqB,aAAA,CAACpB,IAAI,EAAAwB,MAAA,CAAAC,MAAA;UACDR,QAAQ,EAAEA,QAAS;UACnBS,KAAK,EAAEhB,KAAK,CAACgB,KAAM;UACnBC,WAAW,EAAEjB,KAAK,CAACiB,WAAW,IAAI,YAAa;UAC/CnB,WAAW,EAAEE,KAAK,CAACF,WAAY;UAC/BoB,IAAI,EAAElB,KAAK,CAACkB,IAAK;UACjBC,IAAI,EAAEnB,KAAK,CAACoB;QAAK,GACbR,KAAK,CACZ,CACqB,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC","ignoreList":[]}

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

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

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

@@ -1,8 +1,9 @@
 import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
-import { DelayedOnChange } from "@webiny/ui/DelayedOnChange";
+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 { 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",
@@ -14,21 +15,28 @@ const plugin = {
     canUse({
       field
     }) {
-      return field.type === "text" && !field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "text" && !field.list && !get(field, "predefinedValues.enabled");
     },
     render({
-      field,
       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.placeholderText,
-        description: field.helpText,
+        placeholder: field.placeholder,
+        description: field.description,
+        hint: field.help,
+        note: field.note,
         "data-testid": `fr.input.text.${field.label}`,
         validation: bind.validation
       }))));

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\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-text\",\n    renderer: {\n        rendererName: \"text-input\",\n        name: t`Text Input`,\n        description: t`Renders a simple input with its type set to \"text\".`,\n        canUse({ field }) {\n            return (\n                field.type === \"text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <DelayedOnChange\n                                value={bind.value}\n                                onChange={bind.onChange}\n                                onBlur={bind.validate}\n                            >\n                                <Input\n                                    label={field.label}\n                                    placeholder={field.placeholderText}\n                                    description={field.helpText}\n                                    data-testid={`fr.input.text.${field.label}`}\n                                    validation={bind.validation}\n                                />\n                            </DelayedOnChange>\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAC5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,SAASC,KAAK,QAAQ,kBAAkB;AAExC,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,gCAAgC;EACtCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEJ,CAAC,YAAY;IACnBO,WAAW,EAAEP,CAAC,qDAAqD;IACnEQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,MAAM,IACrB,CAACM,KAAK,CAACC,cAAc,IACrB,CAACd,GAAG,CAACa,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACIjB,KAAA,CAAAmB,aAAA,CAACD,IAAI,QACAE,IAAI,iBACDpB,KAAA,CAAAmB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrBrB,KAAA,CAAAmB,aAAA,CAAChB,eAAe;QACZmB,KAAK,EAAEF,IAAI,CAACE,KAAM;QAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;QACxBC,MAAM,EAAEJ,IAAI,CAACK;MAAS,gBAEtBzB,KAAA,CAAAmB,aAAA,CAACf,KAAK;QACFsB,KAAK,EAAEZ,KAAK,CAACY,KAAM;QACnBC,WAAW,EAAEb,KAAK,CAACc,eAAgB;QACnChB,WAAW,EAAEE,KAAK,CAACe,QAAS;QAC5B,eAAa,iBAAiBf,KAAK,CAACY,KAAK,EAAG;QAC5CI,UAAU,EAAEV,IAAI,CAACU;MAAW,CAC/B,CACY,CACK,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAevB,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","DelayedOnChange","Input","useFieldEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","rules","disabled","canEdit","Bind","createElement","bind","ValidationContainer","value","onChange","onBlur","validate","label","placeholder","hint","help","note","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\";\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"],"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;AACxC,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAEvF,MAAMC,CAAC,GAAGL,IAAI,CAACM,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,OAAOA,KAAK,CAACN,IAAI,KAAK,MAAM,IAAI,CAACM,KAAK,CAACC,IAAI,IAAI,CAAChB,GAAG,CAACe,KAAK,EAAE,0BAA0B,CAAC;IAC1F,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,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;MACjD,MAAME,IAAI,GAAGJ,OAAO,CAAC,CAAC;MAEtB,oBACInB,KAAA,CAAAwB,aAAA,CAACD,IAAI,QACAE,IAAI,iBACDzB,KAAA,CAAAwB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrB1B,KAAA,CAAAwB,aAAA,CAACrB,eAAe;QACZwB,KAAK,EAAEF,IAAI,CAACE,KAAM;QAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;QACxBC,MAAM,EAAEJ,IAAI,CAACK;MAAS,gBAEtB9B,KAAA,CAAAwB,aAAA,CAACpB,KAAK;QACFiB,QAAQ,EAAEA,QAAS;QACnBU,KAAK,EAAEf,KAAK,CAACe,KAAM;QACnBC,WAAW,EAAEhB,KAAK,CAACgB,WAAY;QAC/BlB,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/BmB,IAAI,EAAEjB,KAAK,CAACkB,IAAK;QACjBC,IAAI,EAAEnB,KAAK,CAACmB,IAAK;QACjB,eAAa,iBAAiBnB,KAAK,CAACe,KAAK,EAAG;QAC5CK,UAAU,EAAEX,IAAI,CAACW;MAAW,CAC/B,CACY,CACK,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAe3B,MAAM","ignoreList":[]}

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

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

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

@@ -1,10 +1,11 @@
 import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
-import DynamicSection from "../DynamicSection";
-import { MultiValueRendererSettings } from "../MultiValueRendererSettings";
+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",
@@ -16,10 +17,17 @@ const plugin = {
     canUse({
       field
     }) {
-      return field.type === "text" && !!field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "text" && !!field.list && !get(field, "predefinedValues.enabled");
     },
     render(props) {
-      return /*#__PURE__*/React.createElement(DynamicSection, 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(DelayedOnChange, {
@@ -27,19 +35,20 @@ const plugin = {
         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.placeholderText,
+        placeholder: props.field.placeholder,
         "data-testid": `fr.input.texts.${props.field.label}.${index + 1}`,
-        endIcon: /*#__PURE__*/React.createElement(Icon, {
+        endIcon: /*#__PURE__*/React.createElement(CanEditField, null, /*#__PURE__*/React.createElement(Icon, {
           icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
           label: "Delete",
           onClick: () => bind.field.removeValue(index),
-          className: "wby-cursor-pointer"
-        })
+          className: "cursor-pointer"
+        }))
       })));
     },
     renderSettings(props) {

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\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\nimport { DelayedOnChange, Icon, Input } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-text-inputs\",\n    renderer: {\n        rendererName: \"text-inputs\",\n        name: t`Text Inputs`,\n        description: t`Renders a simple list of text inputs.`,\n        canUse({ field }) {\n            return (\n                field.type === \"text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <DelayedOnChange\n                            value={bind.index.value}\n                            onChange={bind.index.onChange}\n                            onBlur={bind.index.validate}\n                        >\n                            <Input\n                                validation={bind.index.validation}\n                                onEnter={() => bind.field.appendValue(\"\")}\n                                label={t`Value {number}`({ number: index + 1 })}\n                                placeholder={props.field.placeholderText}\n                                data-testid={`fr.input.texts.${props.field.label}.${index + 1}`}\n                                endIcon={\n                                    <Icon\n                                        icon={<DeleteIcon />}\n                                        label={\"Delete\"}\n                                        onClick={() => bind.field.removeValue(index)}\n                                        className={\"wby-cursor-pointer\"}\n                                    />\n                                }\n                            />\n                        </DelayedOnChange>\n                    )}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAC5B,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,OAAOC,cAAc;AACrB,SAASC,0BAA0B;AACnC,SAASC,eAAe,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAE/D,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,uCAAuC;EAC7CC,QAAQ,EAAE;IACNC,YAAY,EAAE,aAAa;IAC3BF,IAAI,EAAEJ,CAAC,aAAa;IACpBO,WAAW,EAAEP,CAAC,uCAAuC;IACrDQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,MAAM,IACrB,CAAC,CAACM,KAAK,CAACC,cAAc,IACtB,CAACnB,GAAG,CAACkB,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDE,MAAMA,CAACC,KAAK,EAAE;MACV,oBACItB,KAAA,CAAAuB,aAAA,CAAClB,cAAc,EAAKiB,KAAK,EACpB,CAAC;QAAEE,IAAI;QAAEC;MAAM,CAAC,kBACbzB,KAAA,CAAAuB,aAAA,CAAChB,eAAe;QACZmB,KAAK,EAAEF,IAAI,CAACC,KAAK,CAACC,KAAM;QACxBC,QAAQ,EAAEH,IAAI,CAACC,KAAK,CAACE,QAAS;QAC9BC,MAAM,EAAEJ,IAAI,CAACC,KAAK,CAACI;MAAS,gBAE5B7B,KAAA,CAAAuB,aAAA,CAACd,KAAK;QACFqB,UAAU,EAAEN,IAAI,CAACC,KAAK,CAACK,UAAW;QAClCC,OAAO,EAAEA,CAAA,KAAMP,IAAI,CAACL,KAAK,CAACa,WAAW,CAAC,EAAE,CAAE;QAC1CC,KAAK,EAAEvB,CAAC,gBAAgB,CAAC;UAAEwB,MAAM,EAAET,KAAK,GAAG;QAAE,CAAC,CAAE;QAChDU,WAAW,EAAEb,KAAK,CAACH,KAAK,CAACiB,eAAgB;QACzC,eAAa,kBAAkBd,KAAK,CAACH,KAAK,CAACc,KAAK,IAAIR,KAAK,GAAG,CAAC,EAAG;QAChEY,OAAO,eACHrC,KAAA,CAAAuB,aAAA,CAACf,IAAI;UACD8B,IAAI,eAAEtC,KAAA,CAAAuB,aAAA,CAACnB,UAAU,MAAE,CAAE;UACrB6B,KAAK,EAAE,QAAS;UAChBM,OAAO,EAAEA,CAAA,KAAMf,IAAI,CAACL,KAAK,CAACqB,WAAW,CAACf,KAAK,CAAE;UAC7CgB,SAAS,EAAE;QAAqB,CACnC;MACJ,CACJ,CACY,CAET,CAAC;IAEzB,CAAC;IACDC,cAAcA,CAACpB,KAAK,EAAE;MAClB,oBAAOtB,KAAA,CAAAuB,aAAA,CAACjB,0BAA0B,EAAKgB,KAAQ,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeV,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","ReactComponent","DeleteIcon","DynamicSection","MultiValueRendererSettings","DelayedOnChange","Icon","Input","CanEditField","useFieldEffectiveRules","useModelField","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","props","rules","disabled","canEdit","createElement","Object","assign","bind","index","value","onChange","onBlur","validate","validation","onEnter","appendValue","label","number","placeholder","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\";\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"],"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;AAC/D,SACIC,YAAY,EACZC,sBAAsB,EACtBC,aAAa,QACV,iCAAiC;AAExC,MAAMC,CAAC,GAAGX,IAAI,CAACY,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,OAAOA,KAAK,CAACN,IAAI,KAAK,MAAM,IAAI,CAAC,CAACM,KAAK,CAACC,IAAI,IAAI,CAACtB,GAAG,CAACqB,KAAK,EAAE,0BAA0B,CAAC;IAC3F,CAAC;IACDE,MAAMA,CAACC,KAAK,EAAE;MACV,MAAM;QAAEH;MAAM,CAAC,GAAGV,aAAa,CAAC,CAAC;MACjC,MAAMc,KAAK,GAAGf,sBAAsB,CAACW,KAAK,CAAC;MAC3C,MAAMK,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;MAEjD,oBACI3B,KAAA,CAAA6B,aAAA,CAACxB,cAAc,EAAAyB,MAAA,CAAAC,MAAA,KAAKN,KAAK;QAAEE,QAAQ,EAAEA;MAAS,IACzC,CAAC;QAAEK,IAAI;QAAEC;MAAM,CAAC,kBACbjC,KAAA,CAAA6B,aAAA,CAACtB,eAAe;QACZ2B,KAAK,EAAEF,IAAI,CAACC,KAAK,CAACC,KAAM;QACxBC,QAAQ,EAAEH,IAAI,CAACC,KAAK,CAACE,QAAS;QAC9BC,MAAM,EAAEJ,IAAI,CAACC,KAAK,CAACI;MAAS,gBAE5BrC,KAAA,CAAA6B,aAAA,CAACpB,KAAK;QACFkB,QAAQ,EAAEA,QAAS;QACnBW,UAAU,EAAEN,IAAI,CAACC,KAAK,CAACK,UAAW;QAClCC,OAAO,EAAEA,CAAA,KAAMP,IAAI,CAACV,KAAK,CAACkB,WAAW,CAAC,EAAE,CAAE;QAC1CC,KAAK,EAAE5B,CAAC,gBAAgB,CAAC;UAAE6B,MAAM,EAAET,KAAK,GAAG;QAAE,CAAC,CAAE;QAChDU,WAAW,EAAElB,KAAK,CAACH,KAAK,CAACqB,WAAY;QACrC,eAAa,kBAAkBlB,KAAK,CAACH,KAAK,CAACmB,KAAK,IAAIR,KAAK,GAAG,CAAC,EAAG;QAChEW,OAAO,eACH5C,KAAA,CAAA6B,aAAA,CAACnB,YAAY,qBACTV,KAAA,CAAA6B,aAAA,CAACrB,IAAI;UACDqC,IAAI,eAAE7C,KAAA,CAAA6B,aAAA,CAACzB,UAAU,MAAE,CAAE;UACrBqC,KAAK,EAAE,QAAS;UAChBK,OAAO,EAAEA,CAAA,KAAMd,IAAI,CAACV,KAAK,CAACyB,WAAW,CAACd,KAAK,CAAE;UAC7Ce,SAAS,EAAE;QAAiB,CAC/B,CACS;MACjB,CACJ,CACY,CAET,CAAC;IAEzB,CAAC;IACDC,cAAcA,CAACxB,KAAK,EAAE;MAClB,oBAAOzB,KAAA,CAAA6B,aAAA,CAACvB,0BAA0B,EAAKmB,KAAQ,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeV,MAAM","ignoreList":[]}

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

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

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

@@ -1,8 +1,8 @@
 import React from "react";
-import { DateTimeWithoutTimezone } from "../../fieldRenderers/dateTime/DateTimeWithoutTimezone";
-import { DateTimeWithTimezone } from "../../fieldRenderers/dateTime/DateTimeWithTimezone";
-import { Time } from "../../fieldRenderers/dateTime/Time";
-import { DateOnly } from "../../fieldRenderers/dateTime/DateOnly";
+import { DateTimeWithoutTimezone } from "../../fieldRenderers/dateTime/DateTimeWithoutTimezone.js";
+import { DateTimeWithTimezone } from "../../fieldRenderers/dateTime/DateTimeWithTimezone.js";
+import { Time } from "../../fieldRenderers/dateTime/Time.js";
+import { DateOnly } from "../../fieldRenderers/dateTime/DateOnly.js";
 export const createInputField = (field, bind) => {
   const type = field.settings ? field.settings.type : null;
   if (type === "dateTimeWithoutTimezone") {

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

@@ -1 +1 @@
-{"version":3,"names":["React","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","DateOnly","createInputField","field","bind","type","settings","createElement"],"sources":["createDateInputField.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateTimeWithoutTimezone } from \"../../fieldRenderers/dateTime/DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"../../fieldRenderers/dateTime/DateTimeWithTimezone\";\nimport { Time } from \"../../fieldRenderers/dateTime/Time\";\nimport type { CmsModelField } from \"~/types\";\nimport { DateOnly } from \"~/admin/plugins/fieldRenderers/dateTime/DateOnly\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\nexport const createInputField = (field: CmsModelField, bind: BindComponentRenderProp) => {\n    const type = field.settings ? field.settings.type : null;\n    if (type === \"dateTimeWithoutTimezone\") {\n        return <DateTimeWithoutTimezone field={field} bind={bind} />;\n    } else if (type === \"dateTimeWithTimezone\") {\n        return <DateTimeWithTimezone field={field} bind={bind} />;\n    } else if (type === \"time\") {\n        return <Time field={field} bind={bind} />;\n    }\n    return <DateOnly bind={bind} field={field} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,uBAAuB;AAChC,SAASC,oBAAoB;AAC7B,SAASC,IAAI;AAEb,SAASC,QAAQ;AAGjB,OAAO,MAAMC,gBAAgB,GAAGA,CAACC,KAAoB,EAAEC,IAA6B,KAAK;EACrF,MAAMC,IAAI,GAAGF,KAAK,CAACG,QAAQ,GAAGH,KAAK,CAACG,QAAQ,CAACD,IAAI,GAAG,IAAI;EACxD,IAAIA,IAAI,KAAK,yBAAyB,EAAE;IACpC,oBAAOR,KAAA,CAAAU,aAAA,CAACT,uBAAuB;MAACK,KAAK,EAAEA,KAAM;MAACC,IAAI,EAAEA;IAAK,CAAE,CAAC;EAChE,CAAC,MAAM,IAAIC,IAAI,KAAK,sBAAsB,EAAE;IACxC,oBAAOR,KAAA,CAAAU,aAAA,CAACR,oBAAoB;MAACI,KAAK,EAAEA,KAAM;MAACC,IAAI,EAAEA;IAAK,CAAE,CAAC;EAC7D,CAAC,MAAM,IAAIC,IAAI,KAAK,MAAM,EAAE;IACxB,oBAAOR,KAAA,CAAAU,aAAA,CAACP,IAAI;MAACG,KAAK,EAAEA,KAAM;MAACC,IAAI,EAAEA;IAAK,CAAE,CAAC;EAC7C;EACA,oBAAOP,KAAA,CAAAU,aAAA,CAACN,QAAQ;IAACG,IAAI,EAAEA,IAAK;IAACD,KAAK,EAAEA;EAAM,CAAE,CAAC;AACjD,CAAC","ignoreList":[]}
+{"version":3,"names":["React","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","DateOnly","createInputField","field","bind","type","settings","createElement"],"sources":["createDateInputField.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateTimeWithoutTimezone } from \"../../fieldRenderers/dateTime/DateTimeWithoutTimezone.js\";\nimport { DateTimeWithTimezone } from \"../../fieldRenderers/dateTime/DateTimeWithTimezone.js\";\nimport { Time } from \"../../fieldRenderers/dateTime/Time.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport { DateOnly } from \"~/admin/plugins/fieldRenderers/dateTime/DateOnly.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\nexport const createInputField = (field: CmsModelField, bind: BindComponentRenderProp) => {\n    const type = field.settings ? field.settings.type : null;\n    if (type === \"dateTimeWithoutTimezone\") {\n        return <DateTimeWithoutTimezone field={field} bind={bind} />;\n    } else if (type === \"dateTimeWithTimezone\") {\n        return <DateTimeWithTimezone field={field} bind={bind} />;\n    } else if (type === \"time\") {\n        return <Time field={field} bind={bind} />;\n    }\n    return <DateOnly bind={bind} field={field} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,uBAAuB;AAChC,SAASC,oBAAoB;AAC7B,SAASC,IAAI;AAEb,SAASC,QAAQ;AAGjB,OAAO,MAAMC,gBAAgB,GAAGA,CAACC,KAAoB,EAAEC,IAA6B,KAAK;EACrF,MAAMC,IAAI,GAAGF,KAAK,CAACG,QAAQ,GAAGH,KAAK,CAACG,QAAQ,CAACD,IAAI,GAAG,IAAI;EACxD,IAAIA,IAAI,KAAK,yBAAyB,EAAE;IACpC,oBAAOR,KAAA,CAAAU,aAAA,CAACT,uBAAuB;MAACK,KAAK,EAAEA,KAAM;MAACC,IAAI,EAAEA;IAAK,CAAE,CAAC;EAChE,CAAC,MAAM,IAAIC,IAAI,KAAK,sBAAsB,EAAE;IACxC,oBAAOR,KAAA,CAAAU,aAAA,CAACR,oBAAoB;MAACI,KAAK,EAAEA,KAAM;MAACC,IAAI,EAAEA;IAAK,CAAE,CAAC;EAC7D,CAAC,MAAM,IAAIC,IAAI,KAAK,MAAM,EAAE;IACxB,oBAAOR,KAAA,CAAAU,aAAA,CAACP,IAAI;MAACG,KAAK,EAAEA,KAAM;MAACC,IAAI,EAAEA;IAAK,CAAE,CAAC;EAC7C;EACA,oBAAOP,KAAA,CAAAU,aAAA,CAACN,QAAQ;IAACG,IAAI,EAAEA,IAAK;IAACD,KAAK,EAAEA;EAAM,CAAE,CAAC;AACjD,CAAC","ignoreList":[]}

package/admin/plugins/fieldValidators/dateGte.d.ts

@@ -1,3 +1,3 @@
-import type { CmsModelFieldValidatorPlugin } from "../../../types";
+import type { CmsModelFieldValidatorPlugin } from "../../../types.js";
 declare const _default: () => CmsModelFieldValidatorPlugin;
 export default _default;

package/admin/plugins/fieldValidators/dateGte.js

@@ -1,10 +1,10 @@
 import React from "react";
-import { Cell } from "@webiny/ui/Grid";
+import { Cell } from "@webiny/ui/Grid/index.js";
 import { validation } from "@webiny/validation";
-import { createInputField } from "./date/createDateInputField";
-import { getAvailableValidators } from "./date/availableValidators";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
-import { useModelField } from "../../hooks";
+import { createInputField } from "./date/createDateInputField.js";
+import { getAvailableValidators } from "./date/availableValidators.js";
+import { FormElementMessage } from "@webiny/ui/FormElementMessage/index.js";
+import { useModelField } from "../../hooks/index.js";
 import { Bind } from "@webiny/form";
 function DateGteSettings() {
   const {

package/admin/plugins/fieldValidators/dateGte.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Cell","validation","createInputField","getAvailableValidators","FormElementMessage","useModelField","Bind","DateGteSettings","field","type","settings","undefined","availableValidators","join","createElement","span","name","bind","value","onChange","Fragment","validators","create","validator","label","description","defaultMessage","renderSettings","validate","gteValue"],"sources":["dateGte.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { createInputField } from \"./date/createDateInputField\";\nimport { getAvailableValidators } from \"./date/availableValidators\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { useModelField } from \"~/admin/hooks\";\nimport { Bind } from \"@webiny/form\";\n\nfunction DateGteSettings() {\n    const { field } = useModelField();\n    const type = field.settings ? field.settings.type : undefined;\n    const availableValidators = getAvailableValidators(type).join(\",\");\n    return (\n        <Cell span={12}>\n            <Bind name={\"settings.type\"}>\n                {bind => {\n                    if (bind.value !== type) {\n                        bind.onChange(type);\n                    }\n                    return <></>;\n                }}\n            </Bind>\n            <Bind name={\"settings.value\"} validators={validation.create(availableValidators)}>\n                {bind => {\n                    return (\n                        <>\n                            {createInputField(field, bind)}\n                            <FormElementMessage>\n                                This is the earliest date/time that will be allowed.\n                            </FormElementMessage>\n                        </>\n                    );\n                }}\n            </Bind>\n        </Cell>\n    );\n}\n\nexport default (): CmsModelFieldValidatorPlugin => ({\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-date-gte\",\n    validator: {\n        name: \"dateGte\",\n        label: \"Later or equal\",\n        description: \"Entered date/time must be equal or later compared to the provided date.\",\n        defaultMessage: `Date/time is earlier than the provided one.`,\n        renderSettings() {\n            return <DateGteSettings />;\n        },\n        validate: async (value, { validator }) => {\n            const { value: gteValue, type } = validator.settings;\n            if (typeof gteValue === \"undefined\") {\n                return true;\n            } else if (type === \"time\") {\n                return validation.validate(value, `timeGte:${gteValue}`);\n            }\n            return validation.validate(value, `dateGte:${gteValue}`);\n        }\n    }\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SAASC,gBAAgB;AACzB,SAASC,sBAAsB;AAC/B,SAASC,kBAAkB,QAAQ,+BAA+B;AAClE,SAASC,aAAa;AACtB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,eAAeA,CAAA,EAAG;EACvB,MAAM;IAAEC;EAAM,CAAC,GAAGH,aAAa,CAAC,CAAC;EACjC,MAAMI,IAAI,GAAGD,KAAK,CAACE,QAAQ,GAAGF,KAAK,CAACE,QAAQ,CAACD,IAAI,GAAGE,SAAS;EAC7D,MAAMC,mBAAmB,GAAGT,sBAAsB,CAACM,IAAI,CAAC,CAACI,IAAI,CAAC,GAAG,CAAC;EAClE,oBACId,KAAA,CAAAe,aAAA,CAACd,IAAI;IAACe,IAAI,EAAE;EAAG,gBACXhB,KAAA,CAAAe,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAgB,GACvBC,IAAI,IAAI;IACL,IAAIA,IAAI,CAACC,KAAK,KAAKT,IAAI,EAAE;MACrBQ,IAAI,CAACE,QAAQ,CAACV,IAAI,CAAC;IACvB;IACA,oBAAOV,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAqB,QAAA,MAAI,CAAC;EAChB,CACE,CAAC,eACPrB,KAAA,CAAAe,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE,gBAAiB;IAACK,UAAU,EAAEpB,UAAU,CAACqB,MAAM,CAACV,mBAAmB;EAAE,GAC5EK,IAAI,IAAI;IACL,oBACIlB,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAqB,QAAA,QACKlB,gBAAgB,CAACM,KAAK,EAAES,IAAI,CAAC,eAC9BlB,KAAA,CAAAe,aAAA,CAACV,kBAAkB,QAAC,sDAEA,CACtB,CAAC;EAEX,CACE,CACJ,CAAC;AAEf;AAEA,eAAe,OAAqC;EAChDK,IAAI,EAAE,2BAA2B;EACjCO,IAAI,EAAE,qCAAqC;EAC3CO,SAAS,EAAE;IACPP,IAAI,EAAE,SAAS;IACfQ,KAAK,EAAE,gBAAgB;IACvBC,WAAW,EAAE,yEAAyE;IACtFC,cAAc,EAAE,6CAA6C;IAC7DC,cAAcA,CAAA,EAAG;MACb,oBAAO5B,KAAA,CAAAe,aAAA,CAACP,eAAe,MAAE,CAAC;IAC9B,CAAC;IACDqB,QAAQ,EAAE,MAAAA,CAAOV,KAAK,EAAE;MAAEK;IAAU,CAAC,KAAK;MACtC,MAAM;QAAEL,KAAK,EAAEW,QAAQ;QAAEpB;MAAK,CAAC,GAAGc,SAAS,CAACb,QAAQ;MACpD,IAAI,OAAOmB,QAAQ,KAAK,WAAW,EAAE;QACjC,OAAO,IAAI;MACf,CAAC,MAAM,IAAIpB,IAAI,KAAK,MAAM,EAAE;QACxB,OAAOR,UAAU,CAAC2B,QAAQ,CAACV,KAAK,EAAE,WAAWW,QAAQ,EAAE,CAAC;MAC5D;MACA,OAAO5B,UAAU,CAAC2B,QAAQ,CAACV,KAAK,EAAE,WAAWW,QAAQ,EAAE,CAAC;IAC5D;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Cell","validation","createInputField","getAvailableValidators","FormElementMessage","useModelField","Bind","DateGteSettings","field","type","settings","undefined","availableValidators","join","createElement","span","name","bind","value","onChange","Fragment","validators","create","validator","label","description","defaultMessage","renderSettings","validate","gteValue"],"sources":["dateGte.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell } from \"@webiny/ui/Grid/index.js\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsModelFieldValidatorPlugin } from \"~/types.js\";\nimport { createInputField } from \"./date/createDateInputField.js\";\nimport { getAvailableValidators } from \"./date/availableValidators.js\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage/index.js\";\nimport { useModelField } from \"~/admin/hooks/index.js\";\nimport { Bind } from \"@webiny/form\";\n\nfunction DateGteSettings() {\n    const { field } = useModelField();\n    const type = field.settings ? field.settings.type : undefined;\n    const availableValidators = getAvailableValidators(type).join(\",\");\n    return (\n        <Cell span={12}>\n            <Bind name={\"settings.type\"}>\n                {bind => {\n                    if (bind.value !== type) {\n                        bind.onChange(type);\n                    }\n                    return <></>;\n                }}\n            </Bind>\n            <Bind name={\"settings.value\"} validators={validation.create(availableValidators)}>\n                {bind => {\n                    return (\n                        <>\n                            {createInputField(field, bind)}\n                            <FormElementMessage>\n                                This is the earliest date/time that will be allowed.\n                            </FormElementMessage>\n                        </>\n                    );\n                }}\n            </Bind>\n        </Cell>\n    );\n}\n\nexport default (): CmsModelFieldValidatorPlugin => ({\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-date-gte\",\n    validator: {\n        name: \"dateGte\",\n        label: \"Later or equal\",\n        description: \"Entered date/time must be equal or later compared to the provided date.\",\n        defaultMessage: `Date/time is earlier than the provided one.`,\n        renderSettings() {\n            return <DateGteSettings />;\n        },\n        validate: async (value, { validator }) => {\n            const { value: gteValue, type } = validator.settings;\n            if (typeof gteValue === \"undefined\") {\n                return true;\n            } else if (type === \"time\") {\n                return validation.validate(value, `timeGte:${gteValue}`);\n            }\n            return validation.validate(value, `dateGte:${gteValue}`);\n        }\n    }\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SAASC,gBAAgB;AACzB,SAASC,sBAAsB;AAC/B,SAASC,kBAAkB,QAAQ,wCAAwC;AAC3E,SAASC,aAAa;AACtB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,eAAeA,CAAA,EAAG;EACvB,MAAM;IAAEC;EAAM,CAAC,GAAGH,aAAa,CAAC,CAAC;EACjC,MAAMI,IAAI,GAAGD,KAAK,CAACE,QAAQ,GAAGF,KAAK,CAACE,QAAQ,CAACD,IAAI,GAAGE,SAAS;EAC7D,MAAMC,mBAAmB,GAAGT,sBAAsB,CAACM,IAAI,CAAC,CAACI,IAAI,CAAC,GAAG,CAAC;EAClE,oBACId,KAAA,CAAAe,aAAA,CAACd,IAAI;IAACe,IAAI,EAAE;EAAG,gBACXhB,KAAA,CAAAe,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAgB,GACvBC,IAAI,IAAI;IACL,IAAIA,IAAI,CAACC,KAAK,KAAKT,IAAI,EAAE;MACrBQ,IAAI,CAACE,QAAQ,CAACV,IAAI,CAAC;IACvB;IACA,oBAAOV,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAqB,QAAA,MAAI,CAAC;EAChB,CACE,CAAC,eACPrB,KAAA,CAAAe,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE,gBAAiB;IAACK,UAAU,EAAEpB,UAAU,CAACqB,MAAM,CAACV,mBAAmB;EAAE,GAC5EK,IAAI,IAAI;IACL,oBACIlB,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAqB,QAAA,QACKlB,gBAAgB,CAACM,KAAK,EAAES,IAAI,CAAC,eAC9BlB,KAAA,CAAAe,aAAA,CAACV,kBAAkB,QAAC,sDAEA,CACtB,CAAC;EAEX,CACE,CACJ,CAAC;AAEf;AAEA,eAAe,OAAqC;EAChDK,IAAI,EAAE,2BAA2B;EACjCO,IAAI,EAAE,qCAAqC;EAC3CO,SAAS,EAAE;IACPP,IAAI,EAAE,SAAS;IACfQ,KAAK,EAAE,gBAAgB;IACvBC,WAAW,EAAE,yEAAyE;IACtFC,cAAc,EAAE,6CAA6C;IAC7DC,cAAcA,CAAA,EAAG;MACb,oBAAO5B,KAAA,CAAAe,aAAA,CAACP,eAAe,MAAE,CAAC;IAC9B,CAAC;IACDqB,QAAQ,EAAE,MAAAA,CAAOV,KAAK,EAAE;MAAEK;IAAU,CAAC,KAAK;MACtC,MAAM;QAAEL,KAAK,EAAEW,QAAQ;QAAEpB;MAAK,CAAC,GAAGc,SAAS,CAACb,QAAQ;MACpD,IAAI,OAAOmB,QAAQ,KAAK,WAAW,EAAE;QACjC,OAAO,IAAI;MACf,CAAC,MAAM,IAAIpB,IAAI,KAAK,MAAM,EAAE;QACxB,OAAOR,UAAU,CAAC2B,QAAQ,CAACV,KAAK,EAAE,WAAWW,QAAQ,EAAE,CAAC;MAC5D;MACA,OAAO5B,UAAU,CAAC2B,QAAQ,CAACV,KAAK,EAAE,WAAWW,QAAQ,EAAE,CAAC;IAC5D;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}

package/admin/plugins/fieldValidators/dateLte.d.ts

@@ -1,3 +1,3 @@
-import type { CmsModelFieldValidatorPlugin } from "../../../types";
+import type { CmsModelFieldValidatorPlugin } from "../../../types.js";
 declare const _default: () => CmsModelFieldValidatorPlugin;
 export default _default;

package/admin/plugins/fieldValidators/dateLte.js

@@ -1,10 +1,10 @@
 import React from "react";
-import { Cell } from "@webiny/ui/Grid";
+import { Cell } from "@webiny/ui/Grid/index.js";
 import { validation } from "@webiny/validation";
-import { createInputField } from "./date/createDateInputField";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
-import { getAvailableValidators } from "./date/availableValidators";
-import { useModelField } from "../../hooks";
+import { createInputField } from "./date/createDateInputField.js";
+import { FormElementMessage } from "@webiny/ui/FormElementMessage/index.js";
+import { getAvailableValidators } from "./date/availableValidators.js";
+import { useModelField } from "../../hooks/index.js";
 import { Bind } from "@webiny/form";
 function DateLteSettings() {
   const {

package/admin/plugins/fieldValidators/dateLte.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Cell","validation","createInputField","FormElementMessage","getAvailableValidators","useModelField","Bind","DateLteSettings","field","type","settings","undefined","availableValidators","join","createElement","span","name","bind","value","onChange","Fragment","validators","create","validator","label","description","defaultMessage","renderSettings","validate","lteValue"],"sources":["dateLte.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { createInputField } from \"./date/createDateInputField\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { getAvailableValidators } from \"./date/availableValidators\";\nimport { useModelField } from \"~/admin/hooks\";\nimport { Bind } from \"@webiny/form\";\n\nfunction DateLteSettings() {\n    const { field } = useModelField();\n    const type = field.settings ? field.settings.type : undefined;\n    const availableValidators = getAvailableValidators(type).join(\",\");\n    return (\n        <Cell span={12}>\n            <Bind name={\"settings.type\"}>\n                {bind => {\n                    if (bind.value !== type) {\n                        bind.onChange(type);\n                    }\n                    return <></>;\n                }}\n            </Bind>\n            <Bind name={\"settings.value\"} validators={validation.create(availableValidators)}>\n                {bind => {\n                    return (\n                        <>\n                            {createInputField(field, bind)}\n                            <FormElementMessage>\n                                This is the latest date/time that will be allowed.\n                            </FormElementMessage>\n                        </>\n                    );\n                }}\n            </Bind>\n        </Cell>\n    );\n}\n\nexport default (): CmsModelFieldValidatorPlugin => ({\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-date-lte\",\n    validator: {\n        name: \"dateLte\",\n        label: \"Earlier or equal\",\n        description: \"Entered date/time must be equal or earlier compared to the provided date.\",\n        defaultMessage: `Date/time is later than the provided one.`,\n        renderSettings() {\n            return <DateLteSettings />;\n        },\n        validate: async (value, { validator }) => {\n            const { value: lteValue, type } = validator.settings;\n            if (typeof lteValue === \"undefined\") {\n                return true;\n            } else if (type === \"time\") {\n                return validation.validate(value, `timeLte:${lteValue}`);\n            }\n            return validation.validate(value, `dateLte:${lteValue}`);\n        }\n    }\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SAASC,gBAAgB;AACzB,SAASC,kBAAkB,QAAQ,+BAA+B;AAClE,SAASC,sBAAsB;AAC/B,SAASC,aAAa;AACtB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,eAAeA,CAAA,EAAG;EACvB,MAAM;IAAEC;EAAM,CAAC,GAAGH,aAAa,CAAC,CAAC;EACjC,MAAMI,IAAI,GAAGD,KAAK,CAACE,QAAQ,GAAGF,KAAK,CAACE,QAAQ,CAACD,IAAI,GAAGE,SAAS;EAC7D,MAAMC,mBAAmB,GAAGR,sBAAsB,CAACK,IAAI,CAAC,CAACI,IAAI,CAAC,GAAG,CAAC;EAClE,oBACId,KAAA,CAAAe,aAAA,CAACd,IAAI;IAACe,IAAI,EAAE;EAAG,gBACXhB,KAAA,CAAAe,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAgB,GACvBC,IAAI,IAAI;IACL,IAAIA,IAAI,CAACC,KAAK,KAAKT,IAAI,EAAE;MACrBQ,IAAI,CAACE,QAAQ,CAACV,IAAI,CAAC;IACvB;IACA,oBAAOV,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAqB,QAAA,MAAI,CAAC;EAChB,CACE,CAAC,eACPrB,KAAA,CAAAe,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE,gBAAiB;IAACK,UAAU,EAAEpB,UAAU,CAACqB,MAAM,CAACV,mBAAmB;EAAE,GAC5EK,IAAI,IAAI;IACL,oBACIlB,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAqB,QAAA,QACKlB,gBAAgB,CAACM,KAAK,EAAES,IAAI,CAAC,eAC9BlB,KAAA,CAAAe,aAAA,CAACX,kBAAkB,QAAC,oDAEA,CACtB,CAAC;EAEX,CACE,CACJ,CAAC;AAEf;AAEA,eAAe,OAAqC;EAChDM,IAAI,EAAE,2BAA2B;EACjCO,IAAI,EAAE,qCAAqC;EAC3CO,SAAS,EAAE;IACPP,IAAI,EAAE,SAAS;IACfQ,KAAK,EAAE,kBAAkB;IACzBC,WAAW,EAAE,2EAA2E;IACxFC,cAAc,EAAE,2CAA2C;IAC3DC,cAAcA,CAAA,EAAG;MACb,oBAAO5B,KAAA,CAAAe,aAAA,CAACP,eAAe,MAAE,CAAC;IAC9B,CAAC;IACDqB,QAAQ,EAAE,MAAAA,CAAOV,KAAK,EAAE;MAAEK;IAAU,CAAC,KAAK;MACtC,MAAM;QAAEL,KAAK,EAAEW,QAAQ;QAAEpB;MAAK,CAAC,GAAGc,SAAS,CAACb,QAAQ;MACpD,IAAI,OAAOmB,QAAQ,KAAK,WAAW,EAAE;QACjC,OAAO,IAAI;MACf,CAAC,MAAM,IAAIpB,IAAI,KAAK,MAAM,EAAE;QACxB,OAAOR,UAAU,CAAC2B,QAAQ,CAACV,KAAK,EAAE,WAAWW,QAAQ,EAAE,CAAC;MAC5D;MACA,OAAO5B,UAAU,CAAC2B,QAAQ,CAACV,KAAK,EAAE,WAAWW,QAAQ,EAAE,CAAC;IAC5D;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Cell","validation","createInputField","FormElementMessage","getAvailableValidators","useModelField","Bind","DateLteSettings","field","type","settings","undefined","availableValidators","join","createElement","span","name","bind","value","onChange","Fragment","validators","create","validator","label","description","defaultMessage","renderSettings","validate","lteValue"],"sources":["dateLte.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell } from \"@webiny/ui/Grid/index.js\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsModelFieldValidatorPlugin } from \"~/types.js\";\nimport { createInputField } from \"./date/createDateInputField.js\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage/index.js\";\nimport { getAvailableValidators } from \"./date/availableValidators.js\";\nimport { useModelField } from \"~/admin/hooks/index.js\";\nimport { Bind } from \"@webiny/form\";\n\nfunction DateLteSettings() {\n    const { field } = useModelField();\n    const type = field.settings ? field.settings.type : undefined;\n    const availableValidators = getAvailableValidators(type).join(\",\");\n    return (\n        <Cell span={12}>\n            <Bind name={\"settings.type\"}>\n                {bind => {\n                    if (bind.value !== type) {\n                        bind.onChange(type);\n                    }\n                    return <></>;\n                }}\n            </Bind>\n            <Bind name={\"settings.value\"} validators={validation.create(availableValidators)}>\n                {bind => {\n                    return (\n                        <>\n                            {createInputField(field, bind)}\n                            <FormElementMessage>\n                                This is the latest date/time that will be allowed.\n                            </FormElementMessage>\n                        </>\n                    );\n                }}\n            </Bind>\n        </Cell>\n    );\n}\n\nexport default (): CmsModelFieldValidatorPlugin => ({\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-date-lte\",\n    validator: {\n        name: \"dateLte\",\n        label: \"Earlier or equal\",\n        description: \"Entered date/time must be equal or earlier compared to the provided date.\",\n        defaultMessage: `Date/time is later than the provided one.`,\n        renderSettings() {\n            return <DateLteSettings />;\n        },\n        validate: async (value, { validator }) => {\n            const { value: lteValue, type } = validator.settings;\n            if (typeof lteValue === \"undefined\") {\n                return true;\n            } else if (type === \"time\") {\n                return validation.validate(value, `timeLte:${lteValue}`);\n            }\n            return validation.validate(value, `dateLte:${lteValue}`);\n        }\n    }\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SAASC,gBAAgB;AACzB,SAASC,kBAAkB,QAAQ,wCAAwC;AAC3E,SAASC,sBAAsB;AAC/B,SAASC,aAAa;AACtB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,eAAeA,CAAA,EAAG;EACvB,MAAM;IAAEC;EAAM,CAAC,GAAGH,aAAa,CAAC,CAAC;EACjC,MAAMI,IAAI,GAAGD,KAAK,CAACE,QAAQ,GAAGF,KAAK,CAACE,QAAQ,CAACD,IAAI,GAAGE,SAAS;EAC7D,MAAMC,mBAAmB,GAAGR,sBAAsB,CAACK,IAAI,CAAC,CAACI,IAAI,CAAC,GAAG,CAAC;EAClE,oBACId,KAAA,CAAAe,aAAA,CAACd,IAAI;IAACe,IAAI,EAAE;EAAG,gBACXhB,KAAA,CAAAe,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE;EAAgB,GACvBC,IAAI,IAAI;IACL,IAAIA,IAAI,CAACC,KAAK,KAAKT,IAAI,EAAE;MACrBQ,IAAI,CAACE,QAAQ,CAACV,IAAI,CAAC;IACvB;IACA,oBAAOV,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAqB,QAAA,MAAI,CAAC;EAChB,CACE,CAAC,eACPrB,KAAA,CAAAe,aAAA,CAACR,IAAI;IAACU,IAAI,EAAE,gBAAiB;IAACK,UAAU,EAAEpB,UAAU,CAACqB,MAAM,CAACV,mBAAmB;EAAE,GAC5EK,IAAI,IAAI;IACL,oBACIlB,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAqB,QAAA,QACKlB,gBAAgB,CAACM,KAAK,EAAES,IAAI,CAAC,eAC9BlB,KAAA,CAAAe,aAAA,CAACX,kBAAkB,QAAC,oDAEA,CACtB,CAAC;EAEX,CACE,CACJ,CAAC;AAEf;AAEA,eAAe,OAAqC;EAChDM,IAAI,EAAE,2BAA2B;EACjCO,IAAI,EAAE,qCAAqC;EAC3CO,SAAS,EAAE;IACPP,IAAI,EAAE,SAAS;IACfQ,KAAK,EAAE,kBAAkB;IACzBC,WAAW,EAAE,2EAA2E;IACxFC,cAAc,EAAE,2CAA2C;IAC3DC,cAAcA,CAAA,EAAG;MACb,oBAAO5B,KAAA,CAAAe,aAAA,CAACP,eAAe,MAAE,CAAC;IAC9B,CAAC;IACDqB,QAAQ,EAAE,MAAAA,CAAOV,KAAK,EAAE;MAAEK;IAAU,CAAC,KAAK;MACtC,MAAM;QAAEL,KAAK,EAAEW,QAAQ;QAAEpB;MAAK,CAAC,GAAGc,SAAS,CAACb,QAAQ;MACpD,IAAI,OAAOmB,QAAQ,KAAK,WAAW,EAAE;QACjC,OAAO,IAAI;MACf,CAAC,MAAM,IAAIpB,IAAI,KAAK,MAAM,EAAE;QACxB,OAAOR,UAAU,CAAC2B,QAAQ,CAACV,KAAK,EAAE,WAAWW,QAAQ,EAAE,CAAC;MAC5D;MACA,OAAO5B,UAAU,CAAC2B,QAAQ,CAACV,KAAK,EAAE,WAAWW,QAAQ,EAAE,CAAC;IAC5D;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}

package/admin/plugins/fieldValidators/dynamicZone.d.ts

@@ -1,2 +1,2 @@
-import type { CmsModelFieldValidatorPlugin } from "../../../types";
+import type { CmsModelFieldValidatorPlugin } from "../../../types.js";
 export declare const dynamicZoneFieldValidator: CmsModelFieldValidatorPlugin;

package/admin/plugins/fieldValidators/dynamicZone.js

@@ -1,12 +1,13 @@
 import React from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { AccordionItem } from "@webiny/ui/Accordion";
+import { Accordion } from "@webiny/admin-ui";
 import { Bind } from "@webiny/form";
-import { ValidatorsList } from "../../components/FieldEditor/EditFieldDialog/ValidationTab/ValidatorsList";
-import { createValidators } from "../../../utils/createValidators";
-import { CmsModelFieldValidatorConfigAdapter } from "../../../utils/CmsModelFieldValidatorConfigAdapter";
-import { useModelField } from "../../components/ModelFieldProvider";
-import { commonValidators } from "../fields/dynamicZone/commonValidators";
+import { ValidatorsList } from "../../components/FieldEditor/EditFieldDialog/ValidationTab/ValidatorsList.js";
+import { createValidators } from "../../../utils/createValidators.js";
+import { CmsModelFieldValidatorConfigAdapter } from "../../../utils/CmsModelFieldValidatorConfigAdapter.js";
+import { useModelField } from "../../components/ModelFieldProvider/index.js";
+import { commonValidators } from "../fields/dynamicZone/commonValidators.js";
+import { normalizeIcon } from "../../../utils/normalizeIcon.js";
 function TemplateValidationSettings() {
   const {
     field
@@ -26,8 +27,8 @@ function TemplateValidationSettings() {
     value: templates
   }) => {
     return /*#__PURE__*/React.createElement(React.Fragment, null, templates.map((template, index) => {
-      const icon = template.icon ? template.icon.split("/") : undefined;
-      return /*#__PURE__*/React.createElement(AccordionItem, {
+      const icon = normalizeIcon(template.icon);
+      return /*#__PURE__*/React.createElement(Accordion.Item, {
         key: template.id,
         title: template.name,
         description: template.description,
@@ -55,7 +56,7 @@ export const dynamicZoneFieldValidator = {
     validate: async (value, {
       field
     }) => {
-      // This validator only runs for Dynamic Zone fields with `multipleValues=true`.
+      // This validator only runs for Dynamic Zone fields with `list=true`.
       const templates = field.settings?.templates || [];
       for (const template of templates) {
         const validationRules = template.validation || [];

package/admin/plugins/fieldValidators/dynamicZone.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FontAwesomeIcon","AccordionItem","Bind","ValidatorsList","createValidators","CmsModelFieldValidatorConfigAdapter","useModelField","commonValidators","TemplateValidationSettings","field","validators","map","validator","variables","name","description","createElement","value","templates","Fragment","template","index","icon","split","undefined","key","id","title","v","dynamicZoneFieldValidator","type","label","defaultMessage","renderCustomUi","validate","settings","validationRules","validation","templateValue","filter","_templateId","e","messageWithTemplate","message","replace","Error"],"sources":["dynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FontAwesomeIconProps } from \"@fortawesome/react-fontawesome\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { AccordionItem } from \"@webiny/ui/Accordion\";\nimport { Bind } from \"@webiny/form\";\nimport type {\n    CmsDynamicZoneTemplate,\n    CmsModelFieldValidatorConfig,\n    CmsModelFieldValidatorPlugin\n} from \"~/types\";\nimport { ValidatorsList } from \"~/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidatorsList\";\nimport { createValidators } from \"~/utils/createValidators\";\nimport { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\nimport { commonValidators } from \"~/admin/plugins/fields/dynamicZone/commonValidators\";\n\nfunction TemplateValidationSettings() {\n    const { field } = useModelField();\n\n    const validators: CmsModelFieldValidatorConfig[] = commonValidators.map(validator => {\n        return {\n            ...validator,\n            variables: [\n                ...(validator.variables || []),\n                {\n                    name: \"templateName\",\n                    description: \"This will be interpreted as the current template name.\"\n                }\n            ]\n        };\n    });\n\n    return (\n        <Bind name={\"settings.templates\"}>\n            {({ value: templates }) => {\n                return (\n                    <>\n                        {(templates as CmsDynamicZoneTemplate[]).map((template, index) => {\n                            const icon = template.icon\n                                ? (template.icon.split(\"/\") as FontAwesomeIconProps[\"icon\"])\n                                : undefined;\n\n                            return (\n                                <AccordionItem\n                                    key={template.id}\n                                    title={template.name}\n                                    description={template.description}\n                                    icon={icon ? <FontAwesomeIcon icon={icon} /> : undefined}\n                                >\n                                    <ValidatorsList\n                                        name={`settings.templates.${index}.validation`}\n                                        validators={validators.map(\n                                            v => new CmsModelFieldValidatorConfigAdapter(field, v)\n                                        )}\n                                    />\n                                </AccordionItem>\n                            );\n                        })}\n                    </>\n                );\n            }}\n        </Bind>\n    );\n}\n\ninterface TemplateValue {\n    _templateId: string;\n    [key: string]: any;\n}\n\nexport const dynamicZoneFieldValidator: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-dynamic-zone\",\n    validator: {\n        name: \"dynamicZone\",\n        label: \"\",\n        description: \"\",\n        defaultMessage: \"\",\n        renderCustomUi() {\n            return <TemplateValidationSettings />;\n        },\n        validate: async (value: TemplateValue[], { field }) => {\n            // This validator only runs for Dynamic Zone fields with `multipleValues=true`.\n            const templates = field.settings?.templates || [];\n            for (const template of templates) {\n                const validationRules = template.validation || [];\n                const templateValue = (value || []).filter(v => v._templateId === template.id);\n                const validators = createValidators(field, validationRules);\n                for (const validator of validators) {\n                    try {\n                        await validator(templateValue);\n                    } catch (e) {\n                        const messageWithTemplate = e.message.replace(\n                            /\\{templateName\\}/g,\n                            template.name\n                        );\n                        throw new Error(messageWithTemplate);\n                    }\n                }\n            }\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","FontAwesomeIcon","Accordion","Bind","ValidatorsList","createValidators","CmsModelFieldValidatorConfigAdapter","useModelField","commonValidators","normalizeIcon","TemplateValidationSettings","field","validators","map","validator","variables","name","description","createElement","value","templates","Fragment","template","index","icon","Item","key","id","title","undefined","v","dynamicZoneFieldValidator","type","label","defaultMessage","renderCustomUi","validate","settings","validationRules","validation","templateValue","filter","_templateId","e","messageWithTemplate","message","replace","Error"],"sources":["dynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport type {\n    CmsDynamicZoneTemplate,\n    CmsModelFieldValidatorConfig,\n    CmsModelFieldValidatorPlugin\n} from \"~/types.js\";\nimport { ValidatorsList } from \"~/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidatorsList.js\";\nimport { createValidators } from \"~/utils/createValidators.js\";\nimport { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter.js\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { commonValidators } from \"~/admin/plugins/fields/dynamicZone/commonValidators.js\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\n\nfunction TemplateValidationSettings() {\n    const { field } = useModelField();\n\n    const validators: CmsModelFieldValidatorConfig[] = commonValidators.map(validator => {\n        return {\n            ...validator,\n            variables: [\n                ...(validator.variables || []),\n                {\n                    name: \"templateName\",\n                    description: \"This will be interpreted as the current template name.\"\n                }\n            ]\n        };\n    });\n\n    return (\n        <Bind name={\"settings.templates\"}>\n            {({ value: templates }) => {\n                return (\n                    <>\n                        {(templates as CmsDynamicZoneTemplate[]).map((template, index) => {\n                            const icon = normalizeIcon(template.icon);\n\n                            return (\n                                <Accordion.Item\n                                    key={template.id}\n                                    title={template.name}\n                                    description={template.description}\n                                    icon={icon ? <FontAwesomeIcon icon={icon} /> : undefined}\n                                >\n                                    <ValidatorsList\n                                        name={`settings.templates.${index}.validation`}\n                                        validators={validators.map(\n                                            v => new CmsModelFieldValidatorConfigAdapter(field, v)\n                                        )}\n                                    />\n                                </Accordion.Item>\n                            );\n                        })}\n                    </>\n                );\n            }}\n        </Bind>\n    );\n}\n\ninterface TemplateValue {\n    _templateId: string;\n    [key: string]: any;\n}\n\nexport const dynamicZoneFieldValidator: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-dynamic-zone\",\n    validator: {\n        name: \"dynamicZone\",\n        label: \"\",\n        description: \"\",\n        defaultMessage: \"\",\n        renderCustomUi() {\n            return <TemplateValidationSettings />;\n        },\n        validate: async (value: TemplateValue[], { field }) => {\n            // This validator only runs for Dynamic Zone fields with `list=true`.\n            const templates = field.settings?.templates || [];\n            for (const template of templates) {\n                const validationRules = template.validation || [];\n                const templateValue = (value || []).filter(v => v._templateId === template.id);\n                const validators = createValidators(field, validationRules);\n                for (const validator of validators) {\n                    try {\n                        await validator(templateValue);\n                    } catch (e) {\n                        const messageWithTemplate = e.message.replace(\n                            /\\{templateName\\}/g,\n                            template.name\n                        );\n                        throw new Error(messageWithTemplate);\n                    }\n                }\n            }\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,IAAI,QAAQ,cAAc;AAMnC,SAASC,cAAc;AACvB,SAASC,gBAAgB;AACzB,SAASC,mCAAmC;AAC5C,SAASC,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,aAAa;AAEtB,SAASC,0BAA0BA,CAAA,EAAG;EAClC,MAAM;IAAEC;EAAM,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAEjC,MAAMK,UAA0C,GAAGJ,gBAAgB,CAACK,GAAG,CAACC,SAAS,IAAI;IACjF,OAAO;MACH,GAAGA,SAAS;MACZC,SAAS,EAAE,CACP,IAAID,SAAS,CAACC,SAAS,IAAI,EAAE,CAAC,EAC9B;QACIC,IAAI,EAAE,cAAc;QACpBC,WAAW,EAAE;MACjB,CAAC;IAET,CAAC;EACL,CAAC,CAAC;EAEF,oBACIjB,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAACa,IAAI,EAAE;EAAqB,GAC5B,CAAC;IAAEG,KAAK,EAAEC;EAAU,CAAC,KAAK;IACvB,oBACIpB,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAqB,QAAA,QACMD,SAAS,CAA8BP,GAAG,CAAC,CAACS,QAAQ,EAAEC,KAAK,KAAK;MAC9D,MAAMC,IAAI,GAAGf,aAAa,CAACa,QAAQ,CAACE,IAAI,CAAC;MAEzC,oBACIxB,KAAA,CAAAkB,aAAA,CAAChB,SAAS,CAACuB,IAAI;QACXC,GAAG,EAAEJ,QAAQ,CAACK,EAAG;QACjBC,KAAK,EAAEN,QAAQ,CAACN,IAAK;QACrBC,WAAW,EAAEK,QAAQ,CAACL,WAAY;QAClCO,IAAI,EAAEA,IAAI,gBAAGxB,KAAA,CAAAkB,aAAA,CAACjB,eAAe;UAACuB,IAAI,EAAEA;QAAK,CAAE,CAAC,GAAGK;MAAU,gBAEzD7B,KAAA,CAAAkB,aAAA,CAACd,cAAc;QACXY,IAAI,EAAE,sBAAsBO,KAAK,aAAc;QAC/CX,UAAU,EAAEA,UAAU,CAACC,GAAG,CACtBiB,CAAC,IAAI,IAAIxB,mCAAmC,CAACK,KAAK,EAAEmB,CAAC,CACzD;MAAE,CACL,CACW,CAAC;IAEzB,CAAC,CACH,CAAC;EAEX,CACE,CAAC;AAEf;AAOA,OAAO,MAAMC,yBAAuD,GAAG;EACnEC,IAAI,EAAE,2BAA2B;EACjChB,IAAI,EAAE,yCAAyC;EAC/CF,SAAS,EAAE;IACPE,IAAI,EAAE,aAAa;IACnBiB,KAAK,EAAE,EAAE;IACThB,WAAW,EAAE,EAAE;IACfiB,cAAc,EAAE,EAAE;IAClBC,cAAcA,CAAA,EAAG;MACb,oBAAOnC,KAAA,CAAAkB,aAAA,CAACR,0BAA0B,MAAE,CAAC;IACzC,CAAC;IACD0B,QAAQ,EAAE,MAAAA,CAAOjB,KAAsB,EAAE;MAAER;IAAM,CAAC,KAAK;MACnD;MACA,MAAMS,SAAS,GAAGT,KAAK,CAAC0B,QAAQ,EAAEjB,SAAS,IAAI,EAAE;MACjD,KAAK,MAAME,QAAQ,IAAIF,SAAS,EAAE;QAC9B,MAAMkB,eAAe,GAAGhB,QAAQ,CAACiB,UAAU,IAAI,EAAE;QACjD,MAAMC,aAAa,GAAG,CAACrB,KAAK,IAAI,EAAE,EAAEsB,MAAM,CAACX,CAAC,IAAIA,CAAC,CAACY,WAAW,KAAKpB,QAAQ,CAACK,EAAE,CAAC;QAC9E,MAAMf,UAAU,GAAGP,gBAAgB,CAACM,KAAK,EAAE2B,eAAe,CAAC;QAC3D,KAAK,MAAMxB,SAAS,IAAIF,UAAU,EAAE;UAChC,IAAI;YACA,MAAME,SAAS,CAAC0B,aAAa,CAAC;UAClC,CAAC,CAAC,OAAOG,CAAC,EAAE;YACR,MAAMC,mBAAmB,GAAGD,CAAC,CAACE,OAAO,CAACC,OAAO,CACzC,mBAAmB,EACnBxB,QAAQ,CAACN,IACb,CAAC;YACD,MAAM,IAAI+B,KAAK,CAACH,mBAAmB,CAAC;UACxC;QACJ;MACJ;IACJ;EACJ;AACJ,CAAC","ignoreList":[]}