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

package/admin/plugins/fieldValidators/in.js

@@ -1,38 +1,34 @@
-import React from "react";
-import { Cell } from "@webiny/ui/Grid/index.js";
-import { Tags } from "@webiny/ui/Tags/index.js";
+import react from "react";
+import { Grid, Tags } 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-in",
-  validator: {
-    name: "in",
-    label: "Specific values",
-    description: "You won't be able to submit the form if the field value is not in the list of specified values",
-    defaultMessage: "Value is not allowed.",
-    renderSettings() {
-      return /*#__PURE__*/React.createElement(Cell, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(Bind, {
-        name: "settings.values",
-        validators: validation.create("required")
-      }, /*#__PURE__*/React.createElement(Tags, {
-        label: "Allowed values",
-        description: "Hit ENTER to add values"
-      })));
-    },
-    validate: async (value, {
-      validator
-    }) => {
-      const values = validator.settings.values;
-      if (Array.isArray(values) === false || values.length === 0) {
-        return true;
-      }
-      return validation.validate(value, `in:${values.join(":")}`);
+const in_plugin = {
+    type: "cms-model-field-validator",
+    name: "cms-editor-field-validator-in",
+    validator: {
+        name: "in",
+        label: "Specific values",
+        description: "You won't be able to submit the form if the field value is not in the list of specified values",
+        defaultMessage: "Value is not allowed.",
+        renderSettings () {
+            return /*#__PURE__*/ react.createElement(Grid.Column, {
+                span: 12
+            }, /*#__PURE__*/ react.createElement(Bind, {
+                name: "settings.values",
+                validators: validation.create("required")
+            }, /*#__PURE__*/ react.createElement(Tags, {
+                label: "Allowed values",
+                description: "Hit ENTER to add values"
+            })));
+        },
+        validate: async (value, { validator })=>{
+            const values = validator.settings.values;
+            if (false === Array.isArray(values) || 0 === values.length) return true;
+            return validation.validate(value, `in:${values.join(":")}`);
+        }
     }
-  }
 };
-export default plugin;
+const fieldValidators_in = in_plugin;
+export default fieldValidators_in;
 
 //# sourceMappingURL=in.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Cell","Tags","validation","Bind","plugin","type","name","validator","label","description","defaultMessage","renderSettings","createElement","span","validators","create","validate","value","values","settings","Array","isArray","length","join"],"sources":["in.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell } from \"@webiny/ui/Grid/index.js\";\nimport { Tags } from \"@webiny/ui/Tags/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-in\",\n    validator: {\n        name: \"in\",\n        label: \"Specific values\",\n        description:\n            \"You won't be able to submit the form if the field value is not in the list of specified values\",\n        defaultMessage: \"Value is not allowed.\",\n        renderSettings() {\n            return (\n                <Cell span={12}>\n                    <Bind name={\"settings.values\"} validators={validation.create(\"required\")}>\n                        <Tags label={\"Allowed values\"} description={\"Hit ENTER to add values\"} />\n                    </Bind>\n                </Cell>\n            );\n        },\n        validate: async (value, { validator }) => {\n            const values = validator.settings.values;\n            if (Array.isArray(values) === false || values.length === 0) {\n                return true;\n            }\n            return validation.validate(value, `in:${values.join(\":\")}`);\n        }\n    }\n};\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SAASC,IAAI,QAAQ,cAAc;AAEnC,MAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,+BAA+B;EACrCC,SAAS,EAAE;IACPD,IAAI,EAAE,IAAI;IACVE,KAAK,EAAE,iBAAiB;IACxBC,WAAW,EACP,gGAAgG;IACpGC,cAAc,EAAE,uBAAuB;IACvCC,cAAcA,CAAA,EAAG;MACb,oBACIZ,KAAA,CAAAa,aAAA,CAACZ,IAAI;QAACa,IAAI,EAAE;MAAG,gBACXd,KAAA,CAAAa,aAAA,CAACT,IAAI;QAACG,IAAI,EAAE,iBAAkB;QAACQ,UAAU,EAAEZ,UAAU,CAACa,MAAM,CAAC,UAAU;MAAE,gBACrEhB,KAAA,CAAAa,aAAA,CAACX,IAAI;QAACO,KAAK,EAAE,gBAAiB;QAACC,WAAW,EAAE;MAA0B,CAAE,CACtE,CACJ,CAAC;IAEf,CAAC;IACDO,QAAQ,EAAE,MAAAA,CAAOC,KAAK,EAAE;MAAEV;IAAU,CAAC,KAAK;MACtC,MAAMW,MAAM,GAAGX,SAAS,CAACY,QAAQ,CAACD,MAAM;MACxC,IAAIE,KAAK,CAACC,OAAO,CAACH,MAAM,CAAC,KAAK,KAAK,IAAIA,MAAM,CAACI,MAAM,KAAK,CAAC,EAAE;QACxD,OAAO,IAAI;MACf;MACA,OAAOpB,UAAU,CAACc,QAAQ,CAACC,KAAK,EAAE,MAAMC,MAAM,CAACK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;IAC/D;EACJ;AACJ,CAAC;AACD,eAAenB,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldValidators/in.js","sources":["../../../../src/admin/plugins/fieldValidators/in.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Tags } 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-in\",\n    validator: {\n        name: \"in\",\n        label: \"Specific values\",\n        description:\n            \"You won't be able to submit the form if the field value is not in the list of specified values\",\n        defaultMessage: \"Value is not allowed.\",\n        renderSettings() {\n            return (\n                <Grid.Column span={12}>\n                    <Bind name={\"settings.values\"} validators={validation.create(\"required\")}>\n                        <Tags label={\"Allowed values\"} description={\"Hit ENTER to add values\"} />\n                    </Bind>\n                </Grid.Column>\n            );\n        },\n        validate: async (value, { validator }) => {\n            const values = validator.settings.values;\n            if (Array.isArray(values) === false || values.length === 0) {\n                return true;\n            }\n            return validation.validate(value, `in:${values.join(\":\")}`);\n        }\n    }\n};\nexport default plugin;\n"],"names":["plugin","Grid","Bind","validation","Tags","value","validator","values","Array"],"mappings":";;;;AAMA,MAAMA,YAAuC;IACzC,MAAM;IACN,MAAM;IACN,WAAW;QACP,MAAM;QACN,OAAO;QACP,aACI;QACJ,gBAAgB;QAChB;YACI,OAAO,WAAP,GACI,oBAACC,KAAK,MAAM;gBAAC,MAAM;6BACf,oBAACC,MAAIA;gBAAC,MAAM;gBAAmB,YAAYC,WAAW,MAAM,CAAC;6BACzD,oBAACC,MAAIA;gBAAC,OAAO;gBAAkB,aAAa;;QAI5D;QACA,UAAU,OAAOC,OAAO,EAAEC,SAAS,EAAE;YACjC,MAAMC,SAASD,UAAU,QAAQ,CAAC,MAAM;YACxC,IAAIE,AAA0B,UAA1BA,MAAM,OAAO,CAACD,WAAqBA,AAAkB,MAAlBA,OAAO,MAAM,EAChD,OAAO;YAEX,OAAOJ,WAAW,QAAQ,CAACE,OAAO,CAAC,GAAG,EAAEE,OAAO,IAAI,CAAC,MAAM;QAC9D;IACJ;AACJ;AACA,2BAAeP"}

package/admin/plugins/fieldValidators/lte.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-lte",
-  validator: {
-    name: "lte",
-    label: "Smaller or equal",
-    description: "Entered value must be equal or lower than the provided min value.",
-    defaultMessage: "Value is too great.",
-    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 lteValue = validator.settings.value;
-      if (typeof lteValue === "undefined") {
-        return true;
-      }
-      return validation.validate(value, `lte:${lteValue}`);
+const lte_plugin = {
+    type: "cms-model-field-validator",
+    name: "cms-editor-field-validator-lte",
+    validator: {
+        name: "lte",
+        label: "Smaller or equal",
+        description: "Entered value must be equal or lower than the provided min value.",
+        defaultMessage: "Value is too great.",
+        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 lteValue = validator.settings.value;
+            if (void 0 === lteValue) return true;
+            return validation.validate(value, `lte:${lteValue}`);
+        }
     }
-  }
 };
-export default plugin;
+const lte = lte_plugin;
+export default lte;
 
 //# sourceMappingURL=lte.js.map

package/admin/plugins/fieldValidators/lte.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","lteValue","settings"],"sources":["lte.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-lte\",\n    validator: {\n        name: \"lte\",\n        label: \"Smaller or equal\",\n        description: \"Entered value must be equal or lower than the provided min value.\",\n        defaultMessage: \"Value is too great.\",\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 lteValue = validator.settings.value;\n            if (typeof lteValue === \"undefined\") {\n                return true;\n            }\n            return validation.validate(value, `lte:${lteValue}`);\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,mEAAmE;IAChFC,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/lte.js","sources":["../../../../src/admin/plugins/fieldValidators/lte.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-lte\",\n    validator: {\n        name: \"lte\",\n        label: \"Smaller or equal\",\n        description: \"Entered value must be equal or lower than the provided min value.\",\n        defaultMessage: \"Value is too great.\",\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 lteValue = validator.settings.value;\n            if (typeof lteValue === \"undefined\") {\n                return true;\n            }\n            return validation.validate(value, `lte:${lteValue}`);\n        }\n    }\n};\nexport default plugin;\n"],"names":["plugin","Grid","Bind","validation","Input","value","validator","lteValue"],"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"}

package/admin/plugins/fieldValidators/maxLength.js

@@ -1,50 +1,44 @@
-import React from "react";
-import { Grid } from "@webiny/admin-ui";
-import { Input } from "@webiny/admin-ui";
+import react from "react";
+import { Grid, Input } from "@webiny/admin-ui";
 import { Bind } from "@webiny/form";
 import { validation } from "@webiny/validation";
-const plugin = {
-  type: "cms-model-field-validator",
-  name: "cms-editor-field-validator-max-length",
-  validator: {
-    name: "maxLength",
-    label: "Max length",
-    description: "Entered value must not be longer than the provided max length.",
-    defaultMessage: "Value is too long.",
-    variables: [{
-      name: "value",
-      description: "This is the minimum allowed length."
-    }],
-    getVariableValues: ({
-      validator
-    }) => {
-      return {
-        value: validator.settings.value
-      };
-    },
-    renderSettings(config) {
-      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: config.getVariableDescription("value")
-      })));
-    },
-    validate: async (value, {
-      validator
-    }) => {
-      const maxLengthValue = validator.settings.value;
-      if (typeof maxLengthValue === "undefined") {
-        return true;
-      }
-      return validation.validate(value, `maxLength:${maxLengthValue}`);
+const maxLength_plugin = {
+    type: "cms-model-field-validator",
+    name: "cms-editor-field-validator-max-length",
+    validator: {
+        name: "maxLength",
+        label: "Max length",
+        description: "Entered value must not be longer than the provided max length.",
+        defaultMessage: "Value is too long.",
+        variables: [
+            {
+                name: "value",
+                description: "This is the minimum allowed length."
+            }
+        ],
+        getVariableValues: ({ validator })=>({
+                value: validator.settings.value
+            }),
+        renderSettings (config) {
+            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: config.getVariableDescription("value")
+            })));
+        },
+        validate: async (value, { validator })=>{
+            const maxLengthValue = validator.settings.value;
+            if (void 0 === maxLengthValue) return true;
+            return validation.validate(value, `maxLength:${maxLengthValue}`);
+        }
     }
-  }
 };
-export default plugin;
+const maxLength = maxLength_plugin;
+export default maxLength;
 
 //# sourceMappingURL=maxLength.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","Input","Bind","validation","plugin","type","name","validator","label","description","defaultMessage","variables","getVariableValues","value","settings","renderSettings","config","createElement","Column","span","validators","create","getVariableDescription","validate","maxLengthValue"],"sources":["maxLength.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { Input } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsModelFieldValidatorPlugin } from \"~/types.js\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-max-length\",\n    validator: {\n        name: \"maxLength\",\n        label: \"Max length\",\n        description: \"Entered value must not be longer than the provided max length.\",\n        defaultMessage: \"Value is too long.\",\n        variables: [{ name: \"value\", description: \"This is the minimum allowed length.\" }],\n        getVariableValues: ({ validator }) => {\n            return { value: validator.settings.value };\n        },\n        renderSettings(config) {\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={config.getVariableDescription(\"value\")}\n                        />\n                    </Bind>\n                </Grid.Column>\n            );\n        },\n        validate: async (value, { validator }) => {\n            const maxLengthValue = validator.settings.value;\n            if (typeof maxLengthValue === \"undefined\") {\n                return true;\n            }\n            return validation.validate(value, `maxLength:${maxLengthValue}`);\n        }\n    }\n};\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,oBAAoB;AAG/C,MAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,uCAAuC;EAC7CC,SAAS,EAAE;IACPD,IAAI,EAAE,WAAW;IACjBE,KAAK,EAAE,YAAY;IACnBC,WAAW,EAAE,gEAAgE;IAC7EC,cAAc,EAAE,oBAAoB;IACpCC,SAAS,EAAE,CAAC;MAAEL,IAAI,EAAE,OAAO;MAAEG,WAAW,EAAE;IAAsC,CAAC,CAAC;IAClFG,iBAAiB,EAAEA,CAAC;MAAEL;IAAU,CAAC,KAAK;MAClC,OAAO;QAAEM,KAAK,EAAEN,SAAS,CAACO,QAAQ,CAACD;MAAM,CAAC;IAC9C,CAAC;IACDE,cAAcA,CAACC,MAAM,EAAE;MACnB,oBACIjB,KAAA,CAAAkB,aAAA,CAACjB,IAAI,CAACkB,MAAM;QAACC,IAAI,EAAE;MAAG,gBAClBpB,KAAA,CAAAkB,aAAA,CAACf,IAAI;QACDI,IAAI,EAAE,gBAAiB;QACvBc,UAAU,EAAEjB,UAAU,CAACkB,MAAM,CAAC,kBAAkB;MAAE,gBAElDtB,KAAA,CAAAkB,aAAA,CAAChB,KAAK;QACFI,IAAI,EAAE,QAAS;QACfG,KAAK,EAAE,OAAQ;QACfC,WAAW,EAAEO,MAAM,CAACM,sBAAsB,CAAC,OAAO;MAAE,CACvD,CACC,CACG,CAAC;IAEtB,CAAC;IACDC,QAAQ,EAAE,MAAAA,CAAOV,KAAK,EAAE;MAAEN;IAAU,CAAC,KAAK;MACtC,MAAMiB,cAAc,GAAGjB,SAAS,CAACO,QAAQ,CAACD,KAAK;MAC/C,IAAI,OAAOW,cAAc,KAAK,WAAW,EAAE;QACvC,OAAO,IAAI;MACf;MACA,OAAOrB,UAAU,CAACoB,QAAQ,CAACV,KAAK,EAAE,aAAaW,cAAc,EAAE,CAAC;IACpE;EACJ;AACJ,CAAC;AACD,eAAepB,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldValidators/maxLength.js","sources":["../../../../src/admin/plugins/fieldValidators/maxLength.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { Input } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsModelFieldValidatorPlugin } from \"~/types.js\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-max-length\",\n    validator: {\n        name: \"maxLength\",\n        label: \"Max length\",\n        description: \"Entered value must not be longer than the provided max length.\",\n        defaultMessage: \"Value is too long.\",\n        variables: [{ name: \"value\", description: \"This is the minimum allowed length.\" }],\n        getVariableValues: ({ validator }) => {\n            return { value: validator.settings.value };\n        },\n        renderSettings(config) {\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={config.getVariableDescription(\"value\")}\n                        />\n                    </Bind>\n                </Grid.Column>\n            );\n        },\n        validate: async (value, { validator }) => {\n            const maxLengthValue = validator.settings.value;\n            if (typeof maxLengthValue === \"undefined\") {\n                return true;\n            }\n            return validation.validate(value, `maxLength:${maxLengthValue}`);\n        }\n    }\n};\nexport default plugin;\n"],"names":["plugin","validator","config","Grid","Bind","validation","Input","value","maxLengthValue"],"mappings":";;;;AAOA,MAAMA,mBAAuC;IACzC,MAAM;IACN,MAAM;IACN,WAAW;QACP,MAAM;QACN,OAAO;QACP,aAAa;QACb,gBAAgB;QAChB,WAAW;YAAC;gBAAE,MAAM;gBAAS,aAAa;YAAsC;SAAE;QAClF,mBAAmB,CAAC,EAAEC,SAAS,EAAE,GACtB;gBAAE,OAAOA,UAAU,QAAQ,CAAC,KAAK;YAAC;QAE7C,gBAAeC,MAAM;YACjB,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,aAAaJ,OAAO,sBAAsB,CAAC;;QAK/D;QACA,UAAU,OAAOK,OAAO,EAAEN,SAAS,EAAE;YACjC,MAAMO,iBAAiBP,UAAU,QAAQ,CAAC,KAAK;YAC/C,IAAI,AAA0B,WAAnBO,gBACP,OAAO;YAEX,OAAOH,WAAW,QAAQ,CAACE,OAAO,CAAC,UAAU,EAAEC,gBAAgB;QACnE;IACJ;AACJ;AACA,kBAAeR"}

package/admin/plugins/fieldValidators/minLength.js

@@ -1,50 +1,44 @@
-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-min-length",
-  validator: {
-    name: "minLength",
-    label: "Min length",
-    description: "Entered value must not be shorter than the provided min length.",
-    defaultMessage: "Value is too short.",
-    variables: [{
-      name: "value",
-      description: "This is the minimum allowed length."
-    }],
-    getVariableValues: ({
-      validator
-    }) => {
-      return {
-        value: validator.settings.value
-      };
-    },
-    renderSettings(config) {
-      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: config.getVariableDescription("value")
-      })));
-    },
-    validate: async (value, {
-      validator
-    }) => {
-      const minLengthValue = validator.settings.value;
-      if (typeof minLengthValue === "undefined") {
-        return true;
-      }
-      return validation.validate(value, `minLength:${minLengthValue}`);
+const minLength_plugin = {
+    type: "cms-model-field-validator",
+    name: "cms-editor-field-validator-min-length",
+    validator: {
+        name: "minLength",
+        label: "Min length",
+        description: "Entered value must not be shorter than the provided min length.",
+        defaultMessage: "Value is too short.",
+        variables: [
+            {
+                name: "value",
+                description: "This is the minimum allowed length."
+            }
+        ],
+        getVariableValues: ({ validator })=>({
+                value: validator.settings.value
+            }),
+        renderSettings (config) {
+            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: config.getVariableDescription("value")
+            })));
+        },
+        validate: async (value, { validator })=>{
+            const minLengthValue = validator.settings.value;
+            if (void 0 === minLengthValue) return true;
+            return validation.validate(value, `minLength:${minLengthValue}`);
+        }
     }
-  }
 };
-export default plugin;
+const minLength = minLength_plugin;
+export default minLength;
 
 //# sourceMappingURL=minLength.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Cell","Input","validation","Bind","plugin","type","name","validator","label","description","defaultMessage","variables","getVariableValues","value","settings","renderSettings","config","createElement","span","validators","create","getVariableDescription","validate","minLengthValue"],"sources":["minLength.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 { Bind } from \"@webiny/form\";\nimport type { CmsModelFieldValidatorPlugin } from \"~/types.js\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-min-length\",\n    validator: {\n        name: \"minLength\",\n        label: \"Min length\",\n        description: \"Entered value must not be shorter than the provided min length.\",\n        defaultMessage: \"Value is too short.\",\n        variables: [{ name: \"value\", description: \"This is the minimum allowed length.\" }],\n        getVariableValues: ({ validator }) => {\n            return { value: validator.settings.value };\n        },\n        renderSettings(config) {\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={config.getVariableDescription(\"value\")}\n                        />\n                    </Bind>\n                </Cell>\n            );\n        },\n        validate: async (value, { validator }) => {\n            const minLengthValue = validator.settings.value;\n            if (typeof minLengthValue === \"undefined\") {\n                return true;\n            }\n            return validation.validate(value, `minLength:${minLengthValue}`);\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;AAC/C,SAASC,IAAI,QAAQ,cAAc;AAGnC,MAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,uCAAuC;EAC7CC,SAAS,EAAE;IACPD,IAAI,EAAE,WAAW;IACjBE,KAAK,EAAE,YAAY;IACnBC,WAAW,EAAE,iEAAiE;IAC9EC,cAAc,EAAE,qBAAqB;IACrCC,SAAS,EAAE,CAAC;MAAEL,IAAI,EAAE,OAAO;MAAEG,WAAW,EAAE;IAAsC,CAAC,CAAC;IAClFG,iBAAiB,EAAEA,CAAC;MAAEL;IAAU,CAAC,KAAK;MAClC,OAAO;QAAEM,KAAK,EAAEN,SAAS,CAACO,QAAQ,CAACD;MAAM,CAAC;IAC9C,CAAC;IACDE,cAAcA,CAACC,MAAM,EAAE;MACnB,oBACIjB,KAAA,CAAAkB,aAAA,CAACjB,IAAI;QAACkB,IAAI,EAAE;MAAG,gBACXnB,KAAA,CAAAkB,aAAA,CAACd,IAAI;QACDG,IAAI,EAAE,gBAAiB;QACvBa,UAAU,EAAEjB,UAAU,CAACkB,MAAM,CAAC,kBAAkB;MAAE,gBAElDrB,KAAA,CAAAkB,aAAA,CAAChB,KAAK;QACFI,IAAI,EAAE,QAAS;QACfG,KAAK,EAAE,OAAQ;QACfC,WAAW,EAAEO,MAAM,CAACK,sBAAsB,CAAC,OAAO;MAAE,CACvD,CACC,CACJ,CAAC;IAEf,CAAC;IACDC,QAAQ,EAAE,MAAAA,CAAOT,KAAK,EAAE;MAAEN;IAAU,CAAC,KAAK;MACtC,MAAMgB,cAAc,GAAGhB,SAAS,CAACO,QAAQ,CAACD,KAAK;MAC/C,IAAI,OAAOU,cAAc,KAAK,WAAW,EAAE;QACvC,OAAO,IAAI;MACf;MACA,OAAOrB,UAAU,CAACoB,QAAQ,CAACT,KAAK,EAAE,aAAaU,cAAc,EAAE,CAAC;IACpE;EACJ;AACJ,CAAC;AACD,eAAenB,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldValidators/minLength.js","sources":["../../../../src/admin/plugins/fieldValidators/minLength.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport { Bind } from \"@webiny/form\";\nimport type { CmsModelFieldValidatorPlugin } from \"~/types.js\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-min-length\",\n    validator: {\n        name: \"minLength\",\n        label: \"Min length\",\n        description: \"Entered value must not be shorter than the provided min length.\",\n        defaultMessage: \"Value is too short.\",\n        variables: [{ name: \"value\", description: \"This is the minimum allowed length.\" }],\n        getVariableValues: ({ validator }) => {\n            return { value: validator.settings.value };\n        },\n        renderSettings(config) {\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={config.getVariableDescription(\"value\")}\n                        />\n                    </Bind>\n                </Grid.Column>\n            );\n        },\n        validate: async (value, { validator }) => {\n            const minLengthValue = validator.settings.value;\n            if (typeof minLengthValue === \"undefined\") {\n                return true;\n            }\n            return validation.validate(value, `minLength:${minLengthValue}`);\n        }\n    }\n};\nexport default plugin;\n"],"names":["plugin","validator","config","Grid","Bind","validation","Input","value","minLengthValue"],"mappings":";;;;AAMA,MAAMA,mBAAuC;IACzC,MAAM;IACN,MAAM;IACN,WAAW;QACP,MAAM;QACN,OAAO;QACP,aAAa;QACb,gBAAgB;QAChB,WAAW;YAAC;gBAAE,MAAM;gBAAS,aAAa;YAAsC;SAAE;QAClF,mBAAmB,CAAC,EAAEC,SAAS,EAAE,GACtB;gBAAE,OAAOA,UAAU,QAAQ,CAAC,KAAK;YAAC;QAE7C,gBAAeC,MAAM;YACjB,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,aAAaJ,OAAO,sBAAsB,CAAC;;QAK/D;QACA,UAAU,OAAOK,OAAO,EAAEN,SAAS,EAAE;YACjC,MAAMO,iBAAiBP,UAAU,QAAQ,CAAC,KAAK;YAC/C,IAAI,AAA0B,WAAnBO,gBACP,OAAO;YAEX,OAAOH,WAAW,QAAQ,CAACE,OAAO,CAAC,UAAU,EAAEC,gBAAgB;QACnE;IACJ;AACJ;AACA,kBAAeR"}

package/admin/plugins/fieldValidators/pattern.js

@@ -1,108 +1,92 @@
-import React from "react";
+import react from "react";
 import { Grid, Input, Select } from "@webiny/admin-ui";
 import { plugins } from "@webiny/plugins";
 import { validation } from "@webiny/validation";
-import { useForm, Bind } from "@webiny/form";
-const PatternSettings = () => {
-  const {
-    data: validator,
-    setValue
-  } = useForm();
-  const inputsDisabled = validator.settings.preset !== "custom";
-  const presetPlugins = plugins.byType("cms-model-field-regex-validator-expression");
-  const setMessage = message => {
-    setValue("message", message);
-  };
-  const selectOptions = presetPlugins.map(item => ({
-    label: item.pattern.label,
-    value: item.pattern.name
-  }));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 3
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "settings.preset",
-    validators: validation.create("required"),
-    afterChange: value => {
-      if (value === "custom") {
-        setMessage("Invalid value.");
-        return;
-      }
-      setValue("settings.regex", null);
-      setValue("settings.flags", null);
-      const selectedPatternPlugin = presetPlugins.find(item => item.pattern.name === value);
-      if (!selectedPatternPlugin) {
-        setMessage(`Missing pattern plugin "${value}".`);
-        return;
-      }
-      setMessage(selectedPatternPlugin.pattern.message);
-    }
-  }, /*#__PURE__*/React.createElement(Select, {
-    label: "Preset",
-    description: "Choose a regex pattern.",
-    options: [{
-      value: "custom",
-      label: "Custom"
-    }, ...selectOptions],
-    displayResetAction: false
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 7
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "settings.regex",
-    validators: validation.create("required")
-  }, /*#__PURE__*/React.createElement(Input, {
-    disabled: inputsDisabled,
-    label: "Regex",
-    description: "Enter the regex pattern to test."
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 2
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "settings.flags",
-    validators: validation.create("required")
-  }, /*#__PURE__*/React.createElement(Input, {
-    disabled: inputsDisabled,
-    label: "Flags",
-    description: "Add regex flags."
-  }))));
+import { Bind, useForm } from "@webiny/form";
+const PatternSettings = ()=>{
+    const { data: validator, setValue } = useForm();
+    const inputsDisabled = "custom" !== validator.settings.preset;
+    const presetPlugins = plugins.byType("cms-model-field-regex-validator-expression");
+    const setMessage = (message)=>{
+        setValue("message", message);
+    };
+    const selectOptions = presetPlugins.map((item)=>({
+            label: item.pattern.label,
+            value: item.pattern.name
+        }));
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 3
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "settings.preset",
+        validators: validation.create("required"),
+        afterChange: (value)=>{
+            if ("custom" === value) return void setMessage("Invalid value.");
+            setValue("settings.regex", null);
+            setValue("settings.flags", null);
+            const selectedPatternPlugin = presetPlugins.find((item)=>item.pattern.name === value);
+            if (!selectedPatternPlugin) return void setMessage(`Missing pattern plugin "${value}".`);
+            setMessage(selectedPatternPlugin.pattern.message);
+        }
+    }, /*#__PURE__*/ react.createElement(Select, {
+        label: "Preset",
+        description: "Choose a regex pattern.",
+        options: [
+            {
+                value: "custom",
+                label: "Custom"
+            },
+            ...selectOptions
+        ],
+        displayResetAction: false
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 7
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "settings.regex",
+        validators: validation.create("required")
+    }, /*#__PURE__*/ react.createElement(Input, {
+        disabled: inputsDisabled,
+        label: "Regex",
+        description: "Enter the regex pattern to test."
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 2
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "settings.flags",
+        validators: validation.create("required")
+    }, /*#__PURE__*/ react.createElement(Input, {
+        disabled: inputsDisabled,
+        label: "Flags",
+        description: "Add regex flags."
+    }))));
 };
-const plugin = {
-  type: "cms-model-field-validator",
-  name: "cms-editor-field-validator-pattern",
-  validator: {
-    name: "pattern",
-    label: "Pattern",
-    description: "Entered value must match a specific pattern.",
-    defaultMessage: "Invalid value.",
-    defaultSettings: {
-      preset: "custom"
-    },
-    renderSettings() {
-      return /*#__PURE__*/React.createElement(PatternSettings, null);
-    },
-    validate: async (value, {
-      validator
-    }) => {
-      if (!value) {
-        return true;
-      }
-      const {
-        settings
-      } = validator;
-      let pattern;
-      if (settings.preset === "custom") {
-        pattern = settings;
-      } else {
-        const patternPlugin = plugins.byType("cms-model-field-regex-validator-expression").find(item => item.pattern.name === settings.preset);
-        if (patternPlugin) {
-          pattern = patternPlugin.pattern;
+const pattern_plugin = {
+    type: "cms-model-field-validator",
+    name: "cms-editor-field-validator-pattern",
+    validator: {
+        name: "pattern",
+        label: "Pattern",
+        description: "Entered value must match a specific pattern.",
+        defaultMessage: "Invalid value.",
+        defaultSettings: {
+            preset: "custom"
+        },
+        renderSettings () {
+            return /*#__PURE__*/ react.createElement(PatternSettings, null);
+        },
+        validate: async (value, { validator })=>{
+            if (!value) return true;
+            const { settings } = validator;
+            let pattern;
+            if ("custom" === settings.preset) pattern = settings;
+            else {
+                const patternPlugin = plugins.byType("cms-model-field-regex-validator-expression").find((item)=>item.pattern.name === settings.preset);
+                if (patternPlugin) pattern = patternPlugin.pattern;
+            }
+            if (!pattern) return true;
+            return new RegExp(pattern.regex, pattern.flags).test(value);
         }
-      }
-      if (!pattern) {
-        return true;
-      }
-      return new RegExp(pattern.regex, pattern.flags).test(value);
     }
-  }
 };
-export default plugin;
+const fieldValidators_pattern = pattern_plugin;
+export default fieldValidators_pattern;
 
 //# sourceMappingURL=pattern.js.map