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

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"}

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

@@ -1,30 +1,27 @@
-import React from "react";
+import react from "react";
 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") {
-    return /*#__PURE__*/React.createElement(DateTimeWithoutTimezone, {
-      field: field,
-      bind: bind
+const createInputField = (field, bind)=>{
+    const type = field.settings ? field.settings.type : null;
+    if ("dateTimeWithoutTimezone" === type) return /*#__PURE__*/ react.createElement(DateTimeWithoutTimezone, {
+        field: field,
+        bind: bind
     });
-  } else if (type === "dateTimeWithTimezone") {
-    return /*#__PURE__*/React.createElement(DateTimeWithTimezone, {
-      field: field,
-      bind: bind
+    if ("dateTimeWithTimezone" === type) return /*#__PURE__*/ react.createElement(DateTimeWithTimezone, {
+        field: field,
+        bind: bind
     });
-  } else if (type === "time") {
-    return /*#__PURE__*/React.createElement(Time, {
-      field: field,
-      bind: bind
+    if ("time" === type) return /*#__PURE__*/ react.createElement(Time, {
+        field: field,
+        bind: bind
+    });
+    return /*#__PURE__*/ react.createElement(DateOnly, {
+        bind: bind,
+        field: field
     });
-  }
-  return /*#__PURE__*/React.createElement(DateOnly, {
-    bind: bind,
-    field: field
-  });
 };
+export { createInputField };
 
 //# sourceMappingURL=createDateInputField.js.map

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.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":[]}
+{"version":3,"file":"admin/plugins/fieldValidators/date/createDateInputField.js","sources":["../../../../../src/admin/plugins/fieldValidators/date/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"],"names":["createInputField","field","bind","type","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","DateOnly"],"mappings":";;;;;AAQO,MAAMA,mBAAmB,CAACC,OAAsBC;IACnD,MAAMC,OAAOF,MAAM,QAAQ,GAAGA,MAAM,QAAQ,CAAC,IAAI,GAAG;IACpD,IAAIE,AAAS,8BAATA,MACA,OAAO,WAAP,GAAO,oBAACC,yBAAuBA;QAAC,OAAOH;QAAO,MAAMC;;IACjD,IAAIC,AAAS,2BAATA,MACP,OAAO,WAAP,GAAO,oBAACE,sBAAoBA;QAAC,OAAOJ;QAAO,MAAMC;;IAC9C,IAAIC,AAAS,WAATA,MACP,OAAO,WAAP,GAAO,oBAACG,MAAIA;QAAC,OAAOL;QAAO,MAAMC;;IAErC,OAAO,WAAP,GAAO,oBAACK,UAAQA;QAAC,MAAML;QAAM,OAAOD;;AACxC"}

package/admin/plugins/fieldValidators/dateGte.js

@@ -1,59 +1,47 @@
-import React from "react";
-import { Cell } from "@webiny/ui/Grid/index.js";
+import react from "react";
+import { FormComponentNote, Grid } from "@webiny/admin-ui";
 import { validation } from "@webiny/validation";
 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 {
-    field
-  } = useModelField();
-  const type = field.settings ? field.settings.type : undefined;
-  const availableValidators = getAvailableValidators(type).join(",");
-  return /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "settings.type"
-  }, bind => {
-    if (bind.value !== type) {
-      bind.onChange(type);
-    }
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }), /*#__PURE__*/React.createElement(Bind, {
-    name: "settings.value",
-    validators: validation.create(availableValidators)
-  }, bind => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, createInputField(field, bind), /*#__PURE__*/React.createElement(FormElementMessage, null, "This is the earliest date/time that will be allowed."));
-  }));
+    const { field } = useModelField();
+    const type = field.settings ? field.settings.type : void 0;
+    const availableValidators = getAvailableValidators(type).join(",");
+    return /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "settings.type"
+    }, (bind)=>{
+        if (bind.value !== type) bind.onChange(type);
+        return /*#__PURE__*/ react.createElement(react.Fragment, null);
+    }), /*#__PURE__*/ react.createElement(Bind, {
+        name: "settings.value",
+        validators: validation.create(availableValidators)
+    }, (bind)=>/*#__PURE__*/ react.createElement(react.Fragment, null, createInputField(field, bind), /*#__PURE__*/ react.createElement(FormComponentNote, {
+            text: "This is the earliest date/time that will be allowed."
+        }))));
 }
-export default () => ({
-  type: "cms-model-field-validator",
-  name: "cms-editor-field-validator-date-gte",
-  validator: {
-    name: "dateGte",
-    label: "Later or equal",
-    description: "Entered date/time must be equal or later compared to the provided date.",
-    defaultMessage: `Date/time is earlier than the provided one.`,
-    renderSettings() {
-      return /*#__PURE__*/React.createElement(DateGteSettings, null);
-    },
-    validate: async (value, {
-      validator
-    }) => {
-      const {
-        value: gteValue,
-        type
-      } = validator.settings;
-      if (typeof gteValue === "undefined") {
-        return true;
-      } else if (type === "time") {
-        return validation.validate(value, `timeGte:${gteValue}`);
-      }
-      return validation.validate(value, `dateGte:${gteValue}`);
-    }
-  }
-});
+const dateGte = ()=>({
+        type: "cms-model-field-validator",
+        name: "cms-editor-field-validator-date-gte",
+        validator: {
+            name: "dateGte",
+            label: "Later or equal",
+            description: "Entered date/time must be equal or later compared to the provided date.",
+            defaultMessage: "Date/time is earlier than the provided one.",
+            renderSettings () {
+                return /*#__PURE__*/ react.createElement(DateGteSettings, null);
+            },
+            validate: async (value, { validator })=>{
+                const { value: gteValue, type } = validator.settings;
+                if (void 0 === gteValue) return true;
+                if ("time" === type) return validation.validate(value, `timeGte:${gteValue}`);
+                return validation.validate(value, `dateGte:${gteValue}`);
+            }
+        }
+    });
+export default dateGte;
 
 //# sourceMappingURL=dateGte.js.map

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/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":[]}
+{"version":3,"file":"admin/plugins/fieldValidators/dateGte.js","sources":["../../../../src/admin/plugins/fieldValidators/dateGte.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, FormComponentNote } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsModelFieldValidatorPlugin } from \"~/types.js\";\nimport { createInputField } from \"./date/createDateInputField.js\";\nimport { getAvailableValidators } from \"./date/availableValidators.js\";\n\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        <Grid.Column 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                            <FormComponentNote\n                                text={\"This is the earliest date/time that will be allowed.\"}\n                            />\n                        </>\n                    );\n                }}\n            </Bind>\n        </Grid.Column>\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"],"names":["DateGteSettings","field","useModelField","type","undefined","availableValidators","getAvailableValidators","Grid","Bind","bind","validation","createInputField","FormComponentNote","value","validator","gteValue"],"mappings":";;;;;;;AAUA,SAASA;IACL,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,OAAOF,MAAM,QAAQ,GAAGA,MAAM,QAAQ,CAAC,IAAI,GAAGG;IACpD,MAAMC,sBAAsBC,uBAAuBH,MAAM,IAAI,CAAC;IAC9D,OAAO,WAAP,GACI,oBAACI,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;OACPC,CAAAA;QACG,IAAIA,KAAK,KAAK,KAAKN,MACfM,KAAK,QAAQ,CAACN;QAElB,OAAO,WAAP,GAAO;IACX,kBAEJ,oBAACK,MAAIA;QAAC,MAAM;QAAkB,YAAYE,WAAW,MAAM,CAACL;OACvDI,CAAAA,OACU,WAAP,GACI,0CACKE,iBAAiBV,OAAOQ,OAAAA,WAAAA,GACzB,oBAACG,mBAAiBA;YACd,MAAM;;AAQtC;AAEA,gBAAgB,IAAoC;QAChD,MAAM;QACN,MAAM;QACN,WAAW;YACP,MAAM;YACN,OAAO;YACP,aAAa;YACb,gBAAgB;YAChB;gBACI,OAAO,WAAP,GAAO,oBAACZ,iBAAeA;YAC3B;YACA,UAAU,OAAOa,OAAO,EAAEC,SAAS,EAAE;gBACjC,MAAM,EAAE,OAAOC,QAAQ,EAAEZ,IAAI,EAAE,GAAGW,UAAU,QAAQ;gBACpD,IAAI,AAAoB,WAAbC,UACP,OAAO;gBACJ,IAAIZ,AAAS,WAATA,MACP,OAAOO,WAAW,QAAQ,CAACG,OAAO,CAAC,QAAQ,EAAEE,UAAU;gBAE3D,OAAOL,WAAW,QAAQ,CAACG,OAAO,CAAC,QAAQ,EAAEE,UAAU;YAC3D;QACJ;IACJ"}

package/admin/plugins/fieldValidators/dateLte.js

@@ -1,59 +1,47 @@
-import React from "react";
-import { Cell } from "@webiny/ui/Grid/index.js";
+import react from "react";
+import { FormComponentNote, Grid } from "@webiny/admin-ui";
 import { validation } from "@webiny/validation";
 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 {
-    field
-  } = useModelField();
-  const type = field.settings ? field.settings.type : undefined;
-  const availableValidators = getAvailableValidators(type).join(",");
-  return /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "settings.type"
-  }, bind => {
-    if (bind.value !== type) {
-      bind.onChange(type);
-    }
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }), /*#__PURE__*/React.createElement(Bind, {
-    name: "settings.value",
-    validators: validation.create(availableValidators)
-  }, bind => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, createInputField(field, bind), /*#__PURE__*/React.createElement(FormElementMessage, null, "This is the latest date/time that will be allowed."));
-  }));
+    const { field } = useModelField();
+    const type = field.settings ? field.settings.type : void 0;
+    const availableValidators = getAvailableValidators(type).join(",");
+    return /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "settings.type"
+    }, (bind)=>{
+        if (bind.value !== type) bind.onChange(type);
+        return /*#__PURE__*/ react.createElement(react.Fragment, null);
+    }), /*#__PURE__*/ react.createElement(Bind, {
+        name: "settings.value",
+        validators: validation.create(availableValidators)
+    }, (bind)=>/*#__PURE__*/ react.createElement(react.Fragment, null, createInputField(field, bind), /*#__PURE__*/ react.createElement(FormComponentNote, {
+            text: "This is the latest date/time that will be allowed."
+        }))));
 }
-export default () => ({
-  type: "cms-model-field-validator",
-  name: "cms-editor-field-validator-date-lte",
-  validator: {
-    name: "dateLte",
-    label: "Earlier or equal",
-    description: "Entered date/time must be equal or earlier compared to the provided date.",
-    defaultMessage: `Date/time is later than the provided one.`,
-    renderSettings() {
-      return /*#__PURE__*/React.createElement(DateLteSettings, null);
-    },
-    validate: async (value, {
-      validator
-    }) => {
-      const {
-        value: lteValue,
-        type
-      } = validator.settings;
-      if (typeof lteValue === "undefined") {
-        return true;
-      } else if (type === "time") {
-        return validation.validate(value, `timeLte:${lteValue}`);
-      }
-      return validation.validate(value, `dateLte:${lteValue}`);
-    }
-  }
-});
+const dateLte = ()=>({
+        type: "cms-model-field-validator",
+        name: "cms-editor-field-validator-date-lte",
+        validator: {
+            name: "dateLte",
+            label: "Earlier or equal",
+            description: "Entered date/time must be equal or earlier compared to the provided date.",
+            defaultMessage: "Date/time is later than the provided one.",
+            renderSettings () {
+                return /*#__PURE__*/ react.createElement(DateLteSettings, null);
+            },
+            validate: async (value, { validator })=>{
+                const { value: lteValue, type } = validator.settings;
+                if (void 0 === lteValue) return true;
+                if ("time" === type) return validation.validate(value, `timeLte:${lteValue}`);
+                return validation.validate(value, `dateLte:${lteValue}`);
+            }
+        }
+    });
+export default dateLte;
 
 //# sourceMappingURL=dateLte.js.map

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/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":[]}
+{"version":3,"file":"admin/plugins/fieldValidators/dateLte.js","sources":["../../../../src/admin/plugins/fieldValidators/dateLte.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, FormComponentNote } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsModelFieldValidatorPlugin } from \"~/types.js\";\nimport { createInputField } from \"./date/createDateInputField.js\";\n\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        <Grid.Column 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                            <FormComponentNote\n                                text={\"This is the latest date/time that will be allowed.\"}\n                            />\n                        </>\n                    );\n                }}\n            </Bind>\n        </Grid.Column>\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"],"names":["DateLteSettings","field","useModelField","type","undefined","availableValidators","getAvailableValidators","Grid","Bind","bind","validation","createInputField","FormComponentNote","value","validator","lteValue"],"mappings":";;;;;;;AAUA,SAASA;IACL,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,OAAOF,MAAM,QAAQ,GAAGA,MAAM,QAAQ,CAAC,IAAI,GAAGG;IACpD,MAAMC,sBAAsBC,uBAAuBH,MAAM,IAAI,CAAC;IAC9D,OAAO,WAAP,GACI,oBAACI,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;OACPC,CAAAA;QACG,IAAIA,KAAK,KAAK,KAAKN,MACfM,KAAK,QAAQ,CAACN;QAElB,OAAO,WAAP,GAAO;IACX,kBAEJ,oBAACK,MAAIA;QAAC,MAAM;QAAkB,YAAYE,WAAW,MAAM,CAACL;OACvDI,CAAAA,OACU,WAAP,GACI,0CACKE,iBAAiBV,OAAOQ,OAAAA,WAAAA,GACzB,oBAACG,mBAAiBA;YACd,MAAM;;AAQtC;AAEA,gBAAgB,IAAoC;QAChD,MAAM;QACN,MAAM;QACN,WAAW;YACP,MAAM;YACN,OAAO;YACP,aAAa;YACb,gBAAgB;YAChB;gBACI,OAAO,WAAP,GAAO,oBAACZ,iBAAeA;YAC3B;YACA,UAAU,OAAOa,OAAO,EAAEC,SAAS,EAAE;gBACjC,MAAM,EAAE,OAAOC,QAAQ,EAAEZ,IAAI,EAAE,GAAGW,UAAU,QAAQ;gBACpD,IAAI,AAAoB,WAAbC,UACP,OAAO;gBACJ,IAAIZ,AAAS,WAATA,MACP,OAAOO,WAAW,QAAQ,CAACG,OAAO,CAAC,QAAQ,EAAEE,UAAU;gBAE3D,OAAOL,WAAW,QAAQ,CAACG,OAAO,CAAC,QAAQ,EAAEE,UAAU;YAC3D;QACJ;IACJ"}

package/admin/plugins/fieldValidators/dynamicZone.js

@@ -1,4 +1,4 @@
-import React from "react";
+import react from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Accordion } from "@webiny/admin-ui";
 import { Bind } from "@webiny/form";
@@ -9,70 +9,61 @@ import { useModelField } from "../../components/ModelFieldProvider/index.js";
 import { commonValidators } from "../fields/dynamicZone/commonValidators.js";
 import { normalizeIcon } from "../../../utils/normalizeIcon.js";
 function TemplateValidationSettings() {
-  const {
-    field
-  } = useModelField();
-  const validators = commonValidators.map(validator => {
-    return {
-      ...validator,
-      variables: [...(validator.variables || []), {
-        name: "templateName",
-        description: "This will be interpreted as the current template name."
-      }]
-    };
-  });
-  return /*#__PURE__*/React.createElement(Bind, {
-    name: "settings.templates"
-  }, ({
-    value: templates
-  }) => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, templates.map((template, index) => {
-      const icon = normalizeIcon(template.icon);
-      return /*#__PURE__*/React.createElement(Accordion.Item, {
-        key: template.id,
-        title: template.name,
-        description: template.description,
-        icon: icon ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-          icon: icon
-        }) : undefined
-      }, /*#__PURE__*/React.createElement(ValidatorsList, {
-        name: `settings.templates.${index}.validation`,
-        validators: validators.map(v => new CmsModelFieldValidatorConfigAdapter(field, v))
-      }));
-    }));
-  });
+    const { field } = useModelField();
+    const validators = commonValidators.map((validator)=>({
+            ...validator,
+            variables: [
+                ...validator.variables || [],
+                {
+                    name: "templateName",
+                    description: "This will be interpreted as the current template name."
+                }
+            ]
+        }));
+    return /*#__PURE__*/ react.createElement(Bind, {
+        name: "settings.templates"
+    }, ({ value: templates })=>/*#__PURE__*/ react.createElement(react.Fragment, null, templates.map((template, index)=>{
+            const icon = normalizeIcon(template.icon);
+            return /*#__PURE__*/ react.createElement(Accordion.Item, {
+                key: template.id,
+                title: template.name,
+                description: template.description,
+                icon: icon ? /*#__PURE__*/ react.createElement(FontAwesomeIcon, {
+                    icon: icon
+                }) : void 0
+            }, /*#__PURE__*/ react.createElement(ValidatorsList, {
+                name: `settings.templates.${index}.validation`,
+                validators: validators.map((v)=>new CmsModelFieldValidatorConfigAdapter(field, v))
+            }));
+        })));
 }
-export const dynamicZoneFieldValidator = {
-  type: "cms-model-field-validator",
-  name: "cms-editor-field-validator-dynamic-zone",
-  validator: {
-    name: "dynamicZone",
-    label: "",
-    description: "",
-    defaultMessage: "",
-    renderCustomUi() {
-      return /*#__PURE__*/React.createElement(TemplateValidationSettings, null);
-    },
-    validate: async (value, {
-      field
-    }) => {
-      // 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 || [];
-        const templateValue = (value || []).filter(v => v._templateId === template.id);
-        const validators = createValidators(field, validationRules);
-        for (const validator of validators) {
-          try {
-            await validator(templateValue);
-          } catch (e) {
-            const messageWithTemplate = e.message.replace(/\{templateName\}/g, template.name);
-            throw new Error(messageWithTemplate);
-          }
+const dynamicZoneFieldValidator = {
+    type: "cms-model-field-validator",
+    name: "cms-editor-field-validator-dynamic-zone",
+    validator: {
+        name: "dynamicZone",
+        label: "",
+        description: "",
+        defaultMessage: "",
+        renderCustomUi () {
+            return /*#__PURE__*/ react.createElement(TemplateValidationSettings, null);
+        },
+        validate: async (value, { field })=>{
+            const templates = field.settings?.templates || [];
+            for (const template of templates){
+                const validationRules = template.validation || [];
+                const templateValue = (value || []).filter((v)=>v._templateId === template.id);
+                const validators = createValidators(field, validationRules);
+                for (const validator of validators)try {
+                    await validator(templateValue);
+                } catch (e) {
+                    const messageWithTemplate = e.message.replace(/\{templateName\}/g, template.name);
+                    throw new Error(messageWithTemplate);
+                }
+            }
         }
-      }
     }
-  }
 };
+export { dynamicZoneFieldValidator };
 
 //# sourceMappingURL=dynamicZone.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"admin/plugins/fieldValidators/dynamicZone.js","sources":["../../../../src/admin/plugins/fieldValidators/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"],"names":["TemplateValidationSettings","field","useModelField","validators","commonValidators","validator","Bind","templates","template","index","icon","normalizeIcon","Accordion","FontAwesomeIcon","undefined","ValidatorsList","v","CmsModelFieldValidatorConfigAdapter","dynamicZoneFieldValidator","value","validationRules","templateValue","createValidators","e","messageWithTemplate","Error"],"mappings":";;;;;;;;;;AAgBA,SAASA;IACL,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,MAAMC,aAA6CC,iBAAiB,GAAG,CAACC,CAAAA,YAC7D;YACH,GAAGA,SAAS;YACZ,WAAW;mBACHA,UAAU,SAAS,IAAI,EAAE;gBAC7B;oBACI,MAAM;oBACN,aAAa;gBACjB;aACH;QACL;IAGJ,OAAO,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAM;OACP,CAAC,EAAE,OAAOC,SAAS,EAAE,GACX,WAAP,GACI,0CACMA,UAAuC,GAAG,CAAC,CAACC,UAAUC;YACpD,MAAMC,OAAOC,cAAcH,SAAS,IAAI;YAExC,OAAO,WAAP,GACI,oBAACI,UAAU,IAAI;gBACX,KAAKJ,SAAS,EAAE;gBAChB,OAAOA,SAAS,IAAI;gBACpB,aAAaA,SAAS,WAAW;gBACjC,MAAME,OAAO,WAAPA,GAAO,oBAACG,iBAAeA;oBAAC,MAAMH;qBAAWI;6BAE/C,oBAACC,gBAAcA;gBACX,MAAM,CAAC,mBAAmB,EAAEN,MAAM,WAAW,CAAC;gBAC9C,YAAYN,WAAW,GAAG,CACtBa,CAAAA,IAAK,IAAIC,oCAAoChB,OAAOe;;QAKxE;AAMxB;AAOO,MAAME,4BAA0D;IACnE,MAAM;IACN,MAAM;IACN,WAAW;QACP,MAAM;QACN,OAAO;QACP,aAAa;QACb,gBAAgB;QAChB;YACI,OAAO,WAAP,GAAO,oBAAClB,4BAA0BA;QACtC;QACA,UAAU,OAAOmB,OAAwB,EAAElB,KAAK,EAAE;YAE9C,MAAMM,YAAYN,MAAM,QAAQ,EAAE,aAAa,EAAE;YACjD,KAAK,MAAMO,YAAYD,UAAW;gBAC9B,MAAMa,kBAAkBZ,SAAS,UAAU,IAAI,EAAE;gBACjD,MAAMa,gBAAiBF,AAAAA,CAAAA,SAAS,EAAC,EAAG,MAAM,CAACH,CAAAA,IAAKA,EAAE,WAAW,KAAKR,SAAS,EAAE;gBAC7E,MAAML,aAAamB,iBAAiBrB,OAAOmB;gBAC3C,KAAK,MAAMf,aAAaF,WACpB,IAAI;oBACA,MAAME,UAAUgB;gBACpB,EAAE,OAAOE,GAAG;oBACR,MAAMC,sBAAsBD,EAAE,OAAO,CAAC,OAAO,CACzC,qBACAf,SAAS,IAAI;oBAEjB,MAAM,IAAIiB,MAAMD;gBACpB;YAER;QACJ;IACJ;AACJ"}

package/admin/plugins/fieldValidators/gte.js

@@ -1,39 +1,35 @@
-import React from "react";
-import { Cell } from "@webiny/ui/Grid/index.js";
-import { Input } from "@webiny/ui/Input/index.js";
+import react from "react";
+import { Grid, Input } from "@webiny/admin-ui";
 import { validation } from "@webiny/validation";
 import { Bind } from "@webiny/form";
-const plugin = {
-  type: "cms-model-field-validator",
-  name: "cms-editor-field-validator-gte",
-  validator: {
-    name: "gte",
-    label: "Greater or equal",
-    description: "Entered value must be equal or greater than the provided max value.",
-    defaultMessage: "Value is too small.",
-    renderSettings() {
-      return /*#__PURE__*/React.createElement(Cell, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(Bind, {
-        name: "settings.value",
-        validators: validation.create("required,numeric")
-      }, /*#__PURE__*/React.createElement(Input, {
-        type: "number",
-        label: "Value",
-        description: "This is the greatest value that will be allowed"
-      })));
-    },
-    validate: async (value, {
-      validator
-    }) => {
-      const gteValue = validator.settings.value;
-      if (typeof gteValue === "undefined") {
-        return true;
-      }
-      return validation.validate(value, `gte:${gteValue}`);
+const gte_plugin = {
+    type: "cms-model-field-validator",
+    name: "cms-editor-field-validator-gte",
+    validator: {
+        name: "gte",
+        label: "Greater or equal",
+        description: "Entered value must be equal or greater than the provided max value.",
+        defaultMessage: "Value is too small.",
+        renderSettings () {
+            return /*#__PURE__*/ react.createElement(Grid.Column, {
+                span: 12
+            }, /*#__PURE__*/ react.createElement(Bind, {
+                name: "settings.value",
+                validators: validation.create("required,numeric")
+            }, /*#__PURE__*/ react.createElement(Input, {
+                type: "number",
+                label: "Value",
+                description: "This is the greatest value that will be allowed"
+            })));
+        },
+        validate: async (value, { validator })=>{
+            const gteValue = validator.settings.value;
+            if (void 0 === gteValue) return true;
+            return validation.validate(value, `gte:${gteValue}`);
+        }
     }
-  }
 };
-export default plugin;
+const gte = gte_plugin;
+export default gte;
 
 //# sourceMappingURL=gte.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Cell","Input","validation","Bind","plugin","type","name","validator","label","description","defaultMessage","renderSettings","createElement","span","validators","create","validate","value","gteValue","settings"],"sources":["gte.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell } from \"@webiny/ui/Grid/index.js\";\nimport { Input } from \"@webiny/ui/Input/index.js\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsModelFieldValidatorPlugin } from \"~/types.js\";\nimport { Bind } from \"@webiny/form\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-gte\",\n    validator: {\n        name: \"gte\",\n        label: \"Greater or equal\",\n        description: \"Entered value must be equal or greater than the provided max value.\",\n        defaultMessage: \"Value is too small.\",\n        renderSettings() {\n            return (\n                <Cell span={12}>\n                    <Bind\n                        name={\"settings.value\"}\n                        validators={validation.create(\"required,numeric\")}\n                    >\n                        <Input\n                            type={\"number\"}\n                            label={\"Value\"}\n                            description={\"This is the greatest value that will be allowed\"}\n                        />\n                    </Bind>\n                </Cell>\n            );\n        },\n        validate: async (value, { validator }) => {\n            const gteValue = validator.settings.value;\n            if (typeof gteValue === \"undefined\") {\n                return true;\n            }\n            return validation.validate(value, `gte:${gteValue}`);\n        }\n    }\n};\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,KAAK,QAAQ,2BAA2B;AACjD,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SAASC,IAAI,QAAQ,cAAc;AAEnC,MAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,gCAAgC;EACtCC,SAAS,EAAE;IACPD,IAAI,EAAE,KAAK;IACXE,KAAK,EAAE,kBAAkB;IACzBC,WAAW,EAAE,qEAAqE;IAClFC,cAAc,EAAE,qBAAqB;IACrCC,cAAcA,CAAA,EAAG;MACb,oBACIZ,KAAA,CAAAa,aAAA,CAACZ,IAAI;QAACa,IAAI,EAAE;MAAG,gBACXd,KAAA,CAAAa,aAAA,CAACT,IAAI;QACDG,IAAI,EAAE,gBAAiB;QACvBQ,UAAU,EAAEZ,UAAU,CAACa,MAAM,CAAC,kBAAkB;MAAE,gBAElDhB,KAAA,CAAAa,aAAA,CAACX,KAAK;QACFI,IAAI,EAAE,QAAS;QACfG,KAAK,EAAE,OAAQ;QACfC,WAAW,EAAE;MAAkD,CAClE,CACC,CACJ,CAAC;IAEf,CAAC;IACDO,QAAQ,EAAE,MAAAA,CAAOC,KAAK,EAAE;MAAEV;IAAU,CAAC,KAAK;MACtC,MAAMW,QAAQ,GAAGX,SAAS,CAACY,QAAQ,CAACF,KAAK;MACzC,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;QACjC,OAAO,IAAI;MACf;MACA,OAAOhB,UAAU,CAACc,QAAQ,CAACC,KAAK,EAAE,OAAOC,QAAQ,EAAE,CAAC;IACxD;EACJ;AACJ,CAAC;AACD,eAAed,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldValidators/gte.js","sources":["../../../../src/admin/plugins/fieldValidators/gte.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsModelFieldValidatorPlugin } from \"~/types.js\";\nimport { Bind } from \"@webiny/form\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-gte\",\n    validator: {\n        name: \"gte\",\n        label: \"Greater or equal\",\n        description: \"Entered value must be equal or greater than the provided max value.\",\n        defaultMessage: \"Value is too small.\",\n        renderSettings() {\n            return (\n                <Grid.Column span={12}>\n                    <Bind\n                        name={\"settings.value\"}\n                        validators={validation.create(\"required,numeric\")}\n                    >\n                        <Input\n                            type={\"number\"}\n                            label={\"Value\"}\n                            description={\"This is the greatest value that will be allowed\"}\n                        />\n                    </Bind>\n                </Grid.Column>\n            );\n        },\n        validate: async (value, { validator }) => {\n            const gteValue = validator.settings.value;\n            if (typeof gteValue === \"undefined\") {\n                return true;\n            }\n            return validation.validate(value, `gte:${gteValue}`);\n        }\n    }\n};\nexport default plugin;\n"],"names":["plugin","Grid","Bind","validation","Input","value","validator","gteValue"],"mappings":";;;;AAMA,MAAMA,aAAuC;IACzC,MAAM;IACN,MAAM;IACN,WAAW;QACP,MAAM;QACN,OAAO;QACP,aAAa;QACb,gBAAgB;QAChB;YACI,OAAO,WAAP,GACI,oBAACC,KAAK,MAAM;gBAAC,MAAM;6BACf,oBAACC,MAAIA;gBACD,MAAM;gBACN,YAAYC,WAAW,MAAM,CAAC;6BAE9B,oBAACC,OAAKA;gBACF,MAAM;gBACN,OAAO;gBACP,aAAa;;QAKjC;QACA,UAAU,OAAOC,OAAO,EAAEC,SAAS,EAAE;YACjC,MAAMC,WAAWD,UAAU,QAAQ,CAAC,KAAK;YACzC,IAAI,AAAoB,WAAbC,UACP,OAAO;YAEX,OAAOJ,WAAW,QAAQ,CAACE,OAAO,CAAC,IAAI,EAAEE,UAAU;QACvD;IACJ;AACJ;AACA,YAAeP"}