@codegateinc/react-form-builder-v2 - npm Package Compare versions

Comparing version 1.0.7 to 1.0.8

dist/react-form-builder-v2.cjs.development.js

@@ -170,2 +170,5 @@ 'use strict';
     },
+    setField: function setField(field, value) {
+      form[field].setField(value);
+    },
     submit: function submit() {
@@ -172,0 +175,0 @@ var errors = Object.values(form).map(function (field) {

dist/react-form-builder-v2.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),e=require("ramda"),n=require("lib/utils");function t(){return(t=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(r[t]=n[t])}return r}).apply(this,arguments)}exports.useField=function(u){var i=u.key,s=u.label,a=u.initialValue,o=u.validationRules,c=u.isRequired,l=u.placeholder,f=u.validateOnBlur,v=void 0!==f&&f,d=u.liveParser,g=u.submitParser,b=r.useState({value:a,isPristine:!0,errorMessage:""}),m=b[0],p=b[1],h=function(r,t){if(void 0===t&&(t=!1),!t&&m.isPristine||!o)return"";var u=n.R.isDefined(r)?r:m.value;if(c&&e.isEmpty(u))return o[0].errorMessage;if(!c&&e.isEmpty(u))return"";var i=o.find((function(r){return!r.validate(u)}));return i?i.errorMessage:""};return{key:i,label:s,isRequired:c,placeholder:l,submitParser:g,value:m.value,hasChange:m.value!==a,errorMessage:m.errorMessage,onBlur:function(){return p((function(r){return t({},r,{isPristine:!1,errorMessage:h(void 0,!0)})}))},onChangeValue:function(r){return p((function(e){return t({},e,{value:d?d(r):r,isPristine:e.isPristine?v:e.isPristine,errorMessage:h(r)})}))},validateOnSubmit:function(){var r=h(void 0,!0);return r?(p((function(e){return t({},e,{errorMessage:r})})),r):""},setError:function(r){return p((function(e){return t({},e,{errorMessage:r})}))},setField:function(r){return p((function(e){return t({},e,{value:r})}))}}},exports.useForm=function(r,u){var i=Object.entries(r).reduce((function(r,e){var n;return t({},r,((n={})[e[0]]=e[1],n))}),{}),s=function(r){var n=r.some((function(r){return r.isRequired&&e.isEmpty(r.value)}));return{hasError:r.some((function(r){return!e.isEmpty(r.errorMessage)}))||n}}(Object.values(r));return{form:i,hasError:s.hasError,formHasChanges:function(){return Object.values(i).some((function(r){return r.hasChange}))},setError:function(r,e){i[r].setError(e),n.R.ifDefined(u.onError,(function(n){var t;return n(((t={})[r]=e,t))}))},submit:function(){var r=Object.values(i).map((function(r){return{key:r.key,errorMessage:r.validateOnSubmit()}})).filter((function(r){return Boolean(r.errorMessage)})).reduce((function(r,e){var n;return t({},r,((n={})[e.key]=e.errorMessage,n))}),{});if(Object.values(r).length>0)return n.R.ifDefined(u.onError,(function(e){return e(r)}));var e=Object.values(i).reduce((function(r,e){var n,u=e.value,i=e.submitParser;return t({},r,((n={})[e.key]=i?i(u):u,n))}),{});u.onSuccess(e)}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),e=require("ramda"),n=require("lib/utils");function t(){return(t=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(r[t]=n[t])}return r}).apply(this,arguments)}exports.useField=function(i){var u=i.key,s=i.label,a=i.initialValue,o=i.validationRules,c=i.isRequired,l=i.placeholder,f=i.validateOnBlur,v=void 0!==f&&f,d=i.liveParser,g=i.submitParser,b=r.useState({value:a,isPristine:!0,errorMessage:""}),m=b[0],p=b[1],h=function(r,t){if(void 0===t&&(t=!1),!t&&m.isPristine||!o)return"";var i=n.R.isDefined(r)?r:m.value;if(c&&e.isEmpty(i))return o[0].errorMessage;if(!c&&e.isEmpty(i))return"";var u=o.find((function(r){return!r.validate(i)}));return u?u.errorMessage:""};return{key:u,label:s,isRequired:c,placeholder:l,submitParser:g,value:m.value,hasChange:m.value!==a,errorMessage:m.errorMessage,onBlur:function(){return p((function(r){return t({},r,{isPristine:!1,errorMessage:h(void 0,!0)})}))},onChangeValue:function(r){return p((function(e){return t({},e,{value:d?d(r):r,isPristine:e.isPristine?v:e.isPristine,errorMessage:h(r)})}))},validateOnSubmit:function(){var r=h(void 0,!0);return r?(p((function(e){return t({},e,{errorMessage:r})})),r):""},setError:function(r){return p((function(e){return t({},e,{errorMessage:r})}))},setField:function(r){return p((function(e){return t({},e,{value:r})}))}}},exports.useForm=function(r,i){var u=Object.entries(r).reduce((function(r,e){var n;return t({},r,((n={})[e[0]]=e[1],n))}),{}),s=function(r){var n=r.some((function(r){return r.isRequired&&e.isEmpty(r.value)}));return{hasError:r.some((function(r){return!e.isEmpty(r.errorMessage)}))||n}}(Object.values(r));return{form:u,hasError:s.hasError,formHasChanges:function(){return Object.values(u).some((function(r){return r.hasChange}))},setError:function(r,e){u[r].setError(e),n.R.ifDefined(i.onError,(function(n){var t;return n(((t={})[r]=e,t))}))},setField:function(r,e){u[r].setField(e)},submit:function(){var r=Object.values(u).map((function(r){return{key:r.key,errorMessage:r.validateOnSubmit()}})).filter((function(r){return Boolean(r.errorMessage)})).reduce((function(r,e){var n;return t({},r,((n={})[e.key]=e.errorMessage,n))}),{});if(Object.values(r).length>0)return n.R.ifDefined(i.onError,(function(e){return e(r)}));var e=Object.values(u).reduce((function(r,e){var n,i=e.value,u=e.submitParser;return t({},r,((n={})[e.key]=u?u(i):i,n))}),{});i.onSuccess(e)}}};
 //# sourceMappingURL=react-form-builder-v2.cjs.production.min.js.map

dist/react-form-builder-v2.esm.js

@@ -166,2 +166,5 @@ import { useState } from 'react';
     },
+    setField: function setField(field, value) {
+      form[field].setField(value);
+    },
     submit: function submit() {
@@ -168,0 +171,0 @@ var errors = Object.values(form).map(function (field) {

dist/react-form-builder-v2.umd.development.js

@@ -168,2 +168,5 @@ (function (global, factory) {
       },
+      setField: function setField(field, value) {
+        form[field].setField(value);
+      },
       submit: function submit() {
@@ -170,0 +173,0 @@ var errors = Object.values(form).map(function (field) {

dist/react-form-builder-v2.umd.production.min.js

@@ -1,2 +0,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react"),require("ramda"),require("lib/utils")):"function"==typeof define&&define.amd?define(["exports","react","ramda","lib/utils"],r):r((e=e||self)["@codegateinc/react-form-builder-v2"]={},e.React,e.ramda,e.utils)}(this,(function(e,r,n,t){"use strict";function i(){return(i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e}).apply(this,arguments)}e.useField=function(e){var u=e.key,s=e.label,a=e.initialValue,o=e.validationRules,c=e.isRequired,f=e.placeholder,l=e.validateOnBlur,v=void 0!==l&&l,d=e.liveParser,m=e.submitParser,b=r.useState({value:a,isPristine:!0,errorMessage:""}),g=b[0],p=b[1],y=function(e,r){if(void 0===r&&(r=!1),!r&&g.isPristine||!o)return"";var i=t.R.isDefined(e)?e:g.value;if(c&&n.isEmpty(i))return o[0].errorMessage;if(!c&&n.isEmpty(i))return"";var u=o.find((function(e){return!e.validate(i)}));return u?u.errorMessage:""};return{key:u,label:s,isRequired:c,placeholder:f,submitParser:m,value:g.value,hasChange:g.value!==a,errorMessage:g.errorMessage,onBlur:function(){return p((function(e){return i({},e,{isPristine:!1,errorMessage:y(void 0,!0)})}))},onChangeValue:function(e){return p((function(r){return i({},r,{value:d?d(e):e,isPristine:r.isPristine?v:r.isPristine,errorMessage:y(e)})}))},validateOnSubmit:function(){var e=y(void 0,!0);return e?(p((function(r){return i({},r,{errorMessage:e})})),e):""},setError:function(e){return p((function(r){return i({},r,{errorMessage:e})}))},setField:function(e){return p((function(r){return i({},r,{value:e})}))}}},e.useForm=function(e,r){var u=Object.entries(e).reduce((function(e,r){var n;return i({},e,((n={})[r[0]]=r[1],n))}),{}),s=function(e){var r=e.some((function(e){return e.isRequired&&n.isEmpty(e.value)}));return{hasError:e.some((function(e){return!n.isEmpty(e.errorMessage)}))||r}}(Object.values(e));return{form:u,hasError:s.hasError,formHasChanges:function(){return Object.values(u).some((function(e){return e.hasChange}))},setError:function(e,n){u[e].setError(n),t.R.ifDefined(r.onError,(function(r){var t;return r(((t={})[e]=n,t))}))},submit:function(){var e=Object.values(u).map((function(e){return{key:e.key,errorMessage:e.validateOnSubmit()}})).filter((function(e){return Boolean(e.errorMessage)})).reduce((function(e,r){var n;return i({},e,((n={})[r.key]=r.errorMessage,n))}),{});if(Object.values(e).length>0)return t.R.ifDefined(r.onError,(function(r){return r(e)}));var n=Object.values(u).reduce((function(e,r){var n,t=r.value,u=r.submitParser;return i({},e,((n={})[r.key]=u?u(t):t,n))}),{});r.onSuccess(n)}}},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react"),require("ramda"),require("lib/utils")):"function"==typeof define&&define.amd?define(["exports","react","ramda","lib/utils"],r):r((e=e||self)["@codegateinc/react-form-builder-v2"]={},e.React,e.ramda,e.utils)}(this,(function(e,r,n,t){"use strict";function i(){return(i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e}).apply(this,arguments)}e.useField=function(e){var u=e.key,s=e.label,a=e.initialValue,o=e.validationRules,c=e.isRequired,f=e.placeholder,l=e.validateOnBlur,v=void 0!==l&&l,d=e.liveParser,m=e.submitParser,b=r.useState({value:a,isPristine:!0,errorMessage:""}),g=b[0],p=b[1],y=function(e,r){if(void 0===r&&(r=!1),!r&&g.isPristine||!o)return"";var i=t.R.isDefined(e)?e:g.value;if(c&&n.isEmpty(i))return o[0].errorMessage;if(!c&&n.isEmpty(i))return"";var u=o.find((function(e){return!e.validate(i)}));return u?u.errorMessage:""};return{key:u,label:s,isRequired:c,placeholder:f,submitParser:m,value:g.value,hasChange:g.value!==a,errorMessage:g.errorMessage,onBlur:function(){return p((function(e){return i({},e,{isPristine:!1,errorMessage:y(void 0,!0)})}))},onChangeValue:function(e){return p((function(r){return i({},r,{value:d?d(e):e,isPristine:r.isPristine?v:r.isPristine,errorMessage:y(e)})}))},validateOnSubmit:function(){var e=y(void 0,!0);return e?(p((function(r){return i({},r,{errorMessage:e})})),e):""},setError:function(e){return p((function(r){return i({},r,{errorMessage:e})}))},setField:function(e){return p((function(r){return i({},r,{value:e})}))}}},e.useForm=function(e,r){var u=Object.entries(e).reduce((function(e,r){var n;return i({},e,((n={})[r[0]]=r[1],n))}),{}),s=function(e){var r=e.some((function(e){return e.isRequired&&n.isEmpty(e.value)}));return{hasError:e.some((function(e){return!n.isEmpty(e.errorMessage)}))||r}}(Object.values(e));return{form:u,hasError:s.hasError,formHasChanges:function(){return Object.values(u).some((function(e){return e.hasChange}))},setError:function(e,n){u[e].setError(n),t.R.ifDefined(r.onError,(function(r){var t;return r(((t={})[e]=n,t))}))},setField:function(e,r){u[e].setField(r)},submit:function(){var e=Object.values(u).map((function(e){return{key:e.key,errorMessage:e.validateOnSubmit()}})).filter((function(e){return Boolean(e.errorMessage)})).reduce((function(e,r){var n;return i({},e,((n={})[r.key]=r.errorMessage,n))}),{});if(Object.values(e).length>0)return t.R.ifDefined(r.onError,(function(r){return r(e)}));var n=Object.values(u).reduce((function(e,r){var n,t=r.value,u=r.submitParser;return i({},e,((n={})[r.key]=u?u(t):t,n))}),{});r.onSuccess(n)}}},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=react-form-builder-v2.umd.production.min.js.map

index.d.ts

@@ -41,3 +41,3 @@ type VoidFunction = () => void
     submit(): void,
-    setField(value: T): void
+    setField(field: keyof T, value: T): void
 }
@@ -44,0 +44,0 @@

package.json

@@ -6,3 +6,3 @@ {
     "typings": "index.d.ts",
-    "version": "1.0.7",
+    "version": "1.0.8",
     "main": "dist/index.js",
@@ -9,0 +9,0 @@ "scripts": {

src/main/useForm.ts

@@ -36,2 +36,5 @@ import { R } from 'lib/utils'
         },
+        setField: (field: keyof T, value: T) => {
+            form[field].setField(value)
+        },
         submit: () => {
@@ -38,0 +41,0 @@ const errors = Object

No alert changes

Improved metrics

Total package byte prevSize

83160

increased by1.77%

Lines of code

884

increased by1.38%

No dependency changes