@duely/react-form - npm Package Compare versions

Comparing version 0.4.0 to 0.4.1

dist/index.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define(["react"],e):"object"==typeof exports?exports["@duely/react-form"]=e(require("react")):t["@duely/react-form"]=e(t.react)}(this,(function(t){return(()=>{"use strict";var e={297:e=>{e.exports=t}},s={};function i(t){var r=s[t];if(void 0!==r)return r.exports;var a=s[t]={exports:{}};return e[t](a,a.exports,i),a.exports}i.d=(t,e)=>{for(var s in e)i.o(e,s)&&!i.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var r={};return(()=>{i.r(r),i.d(r,{FormFieldControl:()=>J,useForm:()=>L});var t,e,s,a,h,o,n,l,u,f,c,p,d,m,v,y,w,b,k,g,M,V,W,S,x,F,E,D,T,j,O,C,P,q,_,B=i(297),I=function(t,e,s,i,r){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!r:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?r.call(t,s):r?r.value=s:e.set(t,s),s},R=function(t,e,s,i){if("a"===s&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?i:"a"===s?i.call(t):i?i.value:e.get(t)};function z(){const[,t]=(0,B.useState)(0);return(0,B.useCallback)((()=>t((t=>t+1))),[])}function A(t){return t.value}function G(t,e){return t.value!==e&&(t.value=e,!0)}const H={checkbox:{props:{type:"checkbox"},getElementValue:t=>t.checked,setElementValue:(t,e)=>t.checked!==e&&(t.checked=e,!0)},color:{props:{type:"color"}},date:{props:{type:"date"}},"datetime-local":{props:{type:"datetime-local"}},email:{props:{type:"email"}},file:{props:{type:"file"}},month:{props:{type:"month"}},number:{props:{type:"number"}},password:{props:{type:"password"}},radio:{props:{type:"radio"}},range:{props:{type:"range"}},search:{props:{type:"search"}},tel:{props:{type:"tel"}},text:{props:{type:"text"}},time:{props:{type:"time"}},url:{props:{type:"url"}},week:{props:{type:"week"}},"select-one":{props:{}},"select-multiple":{props:{}},textarea:{props:{}}};class J{constructor(i,r,b){t.add(this),e.set(this,void 0),s.set(this,void 0),a.set(this,void 0),h.set(this,void 0),o.set(this,void 0),n.set(this,void 0),l.set(this,void 0),u.set(this,void 0),f.set(this,null),c.set(this,!1),p.set(this,!1),d.set(this,!1),m.set(this,[]),v.set(this,!1),y.set(this,[]),w.set(this,0),I(this,e,i,"f"),I(this,s,r,"f"),this.options=null!=b?b:{}}get props(){return R(this,h,"f")||I(this,h,{name:R(this,e,"f"),ref:e=>{e?R(this,t,"m",W).call(this,e):R(this,t,"m",S).call(this)},onChange:e=>{R(this,t,"m",M).call(this,e)},onBlur:e=>{R(this,t,"m",V).call(this,e)}},"f"),R(this,h,"f")}get type(){var t;return null===(t=R(this,a,"f"))||void 0===t?void 0:t.type}get value(){if(void 0!==R(this,a,"f"))return null!==R(this,a,"f")&&I(this,o,R(this,l,"f")(R(this,a,"f")),"f"),R(this,o,"f")}get defaultValue(){return R(this,n,"f")}get isDirty(){return R(this,c,"f")}set isDirty(e){var i;R(this,c,"f")!==e&&(R(this,t,"m",k).call(this),I(this,c,e,"f"),I(this,v,!0,"f"),R(this,t,"m",g).call(this),(i=R(this,s,"f")).isDirty||(i.isDirty=e))}get isTouched(){return R(this,p,"f")}set isTouched(e){R(this,p,"f")!==e&&(R(this,t,"m",k).call(this),I(this,p,e,"f"),I(this,v,!0,"f"),R(this,t,"m",g).call(this))}get error(){return R(this,f,"f")}set error(e){R(this,f,"f")!==e&&(R(this,t,"m",k).call(this),I(this,f,e,"f"),I(this,v,!0,"f"),R(this,t,"m",g).call(this))}setValue(e){R(this,a,"f")&&(R(this,t,"m",k).call(this),I(this,d,R(this,d,"f")||R(this,u,"f")(R(this,a,"f"),e),"f"),R(this,t,"m",g).call(this))}setDefaultValue(e){I(this,n,e,"f"),R(this,a,"f")&&R(this,t,"a",b)&&this.setValue(this.defaultValue)}subscribeToValueChanged(t){return R(this,m,"f").push(t),()=>{const e=R(this,m,"f").indexOf(t);-1!==e&&R(this,m,"f").splice(e,1)}}subscribeToStateChanged(t){return R(this,y,"f").push(t),()=>{const e=R(this,y,"f").indexOf(t);-1!==e&&R(this,y,"f").splice(e,1)}}validate(){return R(this,t,"m",k).call(this),this.options.required&&!R(this,t,"a",b)?(this.error=L.options.errorMessages.required,R(this,t,"m",g).call(this),!1):(this.error=null,R(this,t,"m",g).call(this),!0)}reset(){R(this,t,"m",k).call(this),I(this,f,null,"f"),I(this,c,!1,"f"),I(this,p,!1,"f"),R(this,a,"f")&&void 0!==this.defaultValue&&R(this,u,"f")(R(this,a,"f"),this.defaultValue),I(this,d,!0,"f"),I(this,v,!0,"f"),R(this,t,"m",g).call(this)}focus(){var t;null===(t=R(this,a,"f"))||void 0===t||t.focus()}}e=new WeakMap,s=new WeakMap,a=new WeakMap,h=new WeakMap,o=new WeakMap,n=new WeakMap,l=new WeakMap,u=new WeakMap,f=new WeakMap,c=new WeakMap,p=new WeakMap,d=new WeakMap,m=new WeakMap,v=new WeakMap,y=new WeakMap,w=new WeakMap,t=new WeakSet,b=function(){var t;return![void 0,""].includes(null===(t=R(this,a,"f"))||void 0===t?void 0:t.value)},k=function(){I(this,w,+R(this,w,"f")+1,"f")},g=function(){0===I(this,w,+R(this,w,"f")-1,"f")&&(R(this,d,"f")&&(I(this,d,!1,"f"),R(this,m,"f").forEach((t=>t()))),R(this,v,"f")&&(I(this,v,!1,"f"),R(this,y,"f").forEach((t=>t()))))},M=function(e){R(this,t,"m",k).call(this),this.isDirty=!0,I(this,d,!0,"f"),this.isTouched&&this.validate(),R(this,t,"m",g).call(this)},V=function(e){R(this,t,"m",k).call(this),this.isTouched=!0,this.isDirty&&this.validate(),R(this,t,"m",g).call(this)},W=function(t){var e,s;R(this,a,"f")||(I(this,a,t,"f"),I(this,l,null!==(e=H[t.type].getElementValue)&&void 0!==e?e:A,"f"),I(this,u,null!==(s=H[t.type].setElementValue)&&void 0!==s?s:G,"f"),void 0!==this.defaultValue&&this.setValue(this.defaultValue))},S=function(){I(this,a,null,"f")};class K{constructor(){x.add(this),F.set(this,!1),E.set(this,!1),D.set(this,!1),T.set(this,[]),j.set(this,0),O.set(this,{})}get isDirty(){return R(this,E,"f")}set isDirty(t){R(this,E,"f")!==t&&(R(this,x,"m",C).call(this),I(this,E,t,"f"),I(this,D,!0,"f"),R(this,x,"m",P).call(this))}get isSubmitting(){return R(this,F,"f")}register(t,e){return R(this,x,"m",q).call(this,t,e).props}useFormState(){const t=z();return(0,B.useEffect)((()=>R(this,x,"m",_).call(this,t)),[]),this}useFormFieldState(t){const e=z(),s=R(this,x,"m",q).call(this,t);return(0,B.useEffect)((()=>s.subscribeToStateChanged(e)),[]),s}useFormFieldValue(t){const e=z(),s=R(this,x,"m",q).call(this,t);return(0,B.useEffect)((()=>s.subscribeToValueChanged(e)),[]),s.value}reset(){R(this,x,"m",C).call(this),Object.values(R(this,O,"f")).forEach((t=>t.reset())),this.isDirty=!1,R(this,x,"m",P).call(this)}handleSubmit(t){const e=this;return s=>{return i=this,r=void 0,h=function*(){null==s||s.preventDefault();const i={};for(const[t,s]of Object.entries(R(e,O,"f"))){if(!s.validate())return void s.focus();i[t]=s.value}R(this,x,"m",C).call(this),I(this,F,!0,"f"),I(this,D,!0,"f"),R(this,x,"m",P).call(this),yield t(i,s),R(this,x,"m",C).call(this),I(this,F,!1,"f"),I(this,D,!0,"f"),R(this,x,"m",P).call(this)},new((a=void 0)||(a=Promise))((function(t,e){function s(t){try{n(h.next(t))}catch(t){e(t)}}function o(t){try{n(h.throw(t))}catch(t){e(t)}}function n(e){var i;e.done?t(e.value):(i=e.value,i instanceof a?i:new a((function(t){t(i)}))).then(s,o)}n((h=h.apply(i,r||[])).next())}));var i,r,a,h}}setValue(t,e){R(this,x,"m",q).call(this,t).setValue(e)}setDefaultValue(t,e){R(this,x,"m",q).call(this,t).setDefaultValue(e)}}function L(){const t=(0,B.useState)((()=>new K))[0];return(0,B.useMemo)((()=>({control:t,register:t.register.bind(t),useFormFieldState:t.useFormFieldState.bind(t),useFormFieldValue:t.useFormFieldValue.bind(t),useFormState:t.useFormState.bind(t),reset:t.reset.bind(t),handleSubmit:t.handleSubmit.bind(t),setValue:t.setValue.bind(t),setDefaultValue:t.setDefaultValue.bind(t)})),[])}F=new WeakMap,E=new WeakMap,D=new WeakMap,T=new WeakMap,j=new WeakMap,O=new WeakMap,x=new WeakSet,C=function(){I(this,j,+R(this,j,"f")+1,"f")},P=function(){0===I(this,j,+R(this,j,"f")-1,"f")&&R(this,D,"f")&&(I(this,D,!1,"f"),R(this,T,"f").forEach((t=>t())))},q=function(t,e){let s=R(this,O,"f")[t];return void 0===s&&(s=new J(t,this,e),R(this,O,"f")[t]=s),e&&(s.options=e),s},_=function(t){return R(this,T,"f").push(t),()=>{const e=R(this,T,"f").indexOf(t);-1!==e&&R(this,T,"f").splice(e,1)}},L.options={errorMessages:{required:"Required",fallback:"Invalid value"}}})(),r})()}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define(["react"],e):"object"==typeof exports?exports["@duely/react-form"]=e(require("react")):t["@duely/react-form"]=e(t.react)}(this,(function(t){return(()=>{"use strict";var e={297:e=>{e.exports=t}},s={};function i(t){var r=s[t];if(void 0!==r)return r.exports;var a=s[t]={exports:{}};return e[t](a,a.exports,i),a.exports}i.d=(t,e)=>{for(var s in e)i.o(e,s)&&!i.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var r={};return(()=>{i.r(r),i.d(r,{FormFieldControl:()=>J,useForm:()=>L});var t,e,s,a,h,o,l,n,u,f,c,p,d,m,v,y,w,b,k,g,V,M,W,S,x,F,E,D,T,j,O,C,P,q,_,B=i(297),I=function(t,e,s,i,r){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!r:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?r.call(t,s):r?r.value=s:e.set(t,s),s},R=function(t,e,s,i){if("a"===s&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?i:"a"===s?i.call(t):i?i.value:e.get(t)};function z(){const[,t]=(0,B.useState)(0);return(0,B.useCallback)((()=>t((t=>t+1))),[])}function A(t){return t.value}function G(t,e){return t.value!==e&&(t.value=e,!0)}const H={checkbox:{props:{type:"checkbox"},getElementValue:t=>t.checked,setElementValue:(t,e)=>t.checked!==e&&(t.checked=e,!0)},color:{props:{type:"color"}},date:{props:{type:"date"}},"datetime-local":{props:{type:"datetime-local"}},email:{props:{type:"email"}},file:{props:{type:"file"},getElementValue:t=>t.files},month:{props:{type:"month"}},number:{props:{type:"number"}},password:{props:{type:"password"}},radio:{props:{type:"radio"}},range:{props:{type:"range"}},search:{props:{type:"search"}},tel:{props:{type:"tel"}},text:{props:{type:"text"}},time:{props:{type:"time"}},url:{props:{type:"url"}},week:{props:{type:"week"}},"select-one":{props:{}},"select-multiple":{props:{}},textarea:{props:{}}};class J{constructor(i,r,b){t.add(this),e.set(this,void 0),s.set(this,void 0),a.set(this,void 0),h.set(this,void 0),o.set(this,void 0),l.set(this,void 0),n.set(this,void 0),u.set(this,void 0),f.set(this,null),c.set(this,!1),p.set(this,!1),d.set(this,!1),m.set(this,[]),v.set(this,!1),y.set(this,[]),w.set(this,0),I(this,e,i,"f"),I(this,s,r,"f"),this.options=null!=b?b:{}}get props(){return R(this,h,"f")||I(this,h,{name:R(this,e,"f"),ref:e=>{e?R(this,t,"m",W).call(this,e):R(this,t,"m",S).call(this)},onChange:e=>{R(this,t,"m",V).call(this,e)},onBlur:e=>{R(this,t,"m",M).call(this,e)}},"f"),R(this,h,"f")}get type(){var t;return null===(t=R(this,a,"f"))||void 0===t?void 0:t.type}get value(){if(void 0!==R(this,a,"f"))return null!==R(this,a,"f")&&I(this,o,R(this,n,"f")(R(this,a,"f")),"f"),R(this,o,"f")}get defaultValue(){return R(this,l,"f")}get isDirty(){return R(this,c,"f")}set isDirty(e){var i;R(this,c,"f")!==e&&(R(this,t,"m",k).call(this),I(this,c,e,"f"),I(this,v,!0,"f"),R(this,t,"m",g).call(this),(i=R(this,s,"f")).isDirty||(i.isDirty=e))}get isTouched(){return R(this,p,"f")}set isTouched(e){R(this,p,"f")!==e&&(R(this,t,"m",k).call(this),I(this,p,e,"f"),I(this,v,!0,"f"),R(this,t,"m",g).call(this))}get error(){return R(this,f,"f")}set error(e){R(this,f,"f")!==e&&(R(this,t,"m",k).call(this),I(this,f,e,"f"),I(this,v,!0,"f"),R(this,t,"m",g).call(this))}setValue(e){R(this,a,"f")&&(R(this,t,"m",k).call(this),I(this,d,R(this,d,"f")||R(this,u,"f")(R(this,a,"f"),e),"f"),R(this,t,"m",g).call(this))}setDefaultValue(e){I(this,l,e,"f"),R(this,a,"f")&&R(this,t,"a",b)&&this.setValue(this.defaultValue)}subscribeToValueChanged(t){return R(this,m,"f").push(t),()=>{const e=R(this,m,"f").indexOf(t);-1!==e&&R(this,m,"f").splice(e,1)}}subscribeToStateChanged(t){return R(this,y,"f").push(t),()=>{const e=R(this,y,"f").indexOf(t);-1!==e&&R(this,y,"f").splice(e,1)}}validate(){return R(this,t,"m",k).call(this),this.options.required&&!R(this,t,"a",b)?(this.error=L.options.errorMessages.required,R(this,t,"m",g).call(this),!1):(this.error=null,R(this,t,"m",g).call(this),!0)}reset(){R(this,t,"m",k).call(this),I(this,f,null,"f"),I(this,c,!1,"f"),I(this,p,!1,"f"),R(this,a,"f")&&void 0!==this.defaultValue&&R(this,u,"f")(R(this,a,"f"),this.defaultValue),I(this,d,!0,"f"),I(this,v,!0,"f"),R(this,t,"m",g).call(this)}focus(){var t;null===(t=R(this,a,"f"))||void 0===t||t.focus()}}e=new WeakMap,s=new WeakMap,a=new WeakMap,h=new WeakMap,o=new WeakMap,l=new WeakMap,n=new WeakMap,u=new WeakMap,f=new WeakMap,c=new WeakMap,p=new WeakMap,d=new WeakMap,m=new WeakMap,v=new WeakMap,y=new WeakMap,w=new WeakMap,t=new WeakSet,b=function(){var t;return![void 0,""].includes(null===(t=R(this,a,"f"))||void 0===t?void 0:t.value)},k=function(){I(this,w,+R(this,w,"f")+1,"f")},g=function(){0===I(this,w,+R(this,w,"f")-1,"f")&&(R(this,d,"f")&&(I(this,d,!1,"f"),R(this,m,"f").forEach((t=>t()))),R(this,v,"f")&&(I(this,v,!1,"f"),R(this,y,"f").forEach((t=>t()))))},V=function(e){R(this,t,"m",k).call(this),this.isDirty=!0,I(this,d,!0,"f"),this.isTouched&&this.validate(),R(this,t,"m",g).call(this)},M=function(e){R(this,t,"m",k).call(this),this.isTouched=!0,this.isDirty&&this.validate(),R(this,t,"m",g).call(this)},W=function(t){var e,s;R(this,a,"f")||(I(this,a,t,"f"),I(this,n,null!==(e=H[t.type].getElementValue)&&void 0!==e?e:A,"f"),I(this,u,null!==(s=H[t.type].setElementValue)&&void 0!==s?s:G,"f"),void 0!==this.defaultValue&&this.setValue(this.defaultValue))},S=function(){I(this,a,null,"f")};class K{constructor(){x.add(this),F.set(this,!1),E.set(this,!1),D.set(this,!1),T.set(this,[]),j.set(this,0),O.set(this,{})}get isDirty(){return R(this,E,"f")}set isDirty(t){R(this,E,"f")!==t&&(R(this,x,"m",C).call(this),I(this,E,t,"f"),I(this,D,!0,"f"),R(this,x,"m",P).call(this))}get isSubmitting(){return R(this,F,"f")}register(t,e){return R(this,x,"m",q).call(this,t,e).props}useFormState(){const t=z();return(0,B.useEffect)((()=>R(this,x,"m",_).call(this,t)),[]),this}useFormFieldState(t){const e=z(),s=R(this,x,"m",q).call(this,t);return(0,B.useEffect)((()=>s.subscribeToStateChanged(e)),[]),s}useFormFieldValue(t){const e=z(),s=R(this,x,"m",q).call(this,t);return(0,B.useEffect)((()=>s.subscribeToValueChanged(e)),[]),s.value}reset(){R(this,x,"m",C).call(this),Object.values(R(this,O,"f")).forEach((t=>t.reset())),this.isDirty=!1,R(this,x,"m",P).call(this)}handleSubmit(t){const e=this;return s=>{return i=this,r=void 0,h=function*(){null==s||s.preventDefault();const i={};for(const[t,s]of Object.entries(R(e,O,"f"))){if(!s.validate())return void s.focus();i[t]=s.value}R(this,x,"m",C).call(this),I(this,F,!0,"f"),I(this,D,!0,"f"),R(this,x,"m",P).call(this),yield t(i,s),R(this,x,"m",C).call(this),I(this,F,!1,"f"),I(this,D,!0,"f"),R(this,x,"m",P).call(this)},new((a=void 0)||(a=Promise))((function(t,e){function s(t){try{l(h.next(t))}catch(t){e(t)}}function o(t){try{l(h.throw(t))}catch(t){e(t)}}function l(e){var i;e.done?t(e.value):(i=e.value,i instanceof a?i:new a((function(t){t(i)}))).then(s,o)}l((h=h.apply(i,r||[])).next())}));var i,r,a,h}}setValue(t,e){R(this,x,"m",q).call(this,t).setValue(e)}setDefaultValue(t,e){R(this,x,"m",q).call(this,t).setDefaultValue(e)}}function L(){const t=(0,B.useState)((()=>new K))[0];return(0,B.useMemo)((()=>({control:t,register:t.register.bind(t),useFormFieldState:t.useFormFieldState.bind(t),useFormFieldValue:t.useFormFieldValue.bind(t),useFormState:t.useFormState.bind(t),reset:t.reset.bind(t),handleSubmit:t.handleSubmit.bind(t),setValue:t.setValue.bind(t),setDefaultValue:t.setDefaultValue.bind(t)})),[])}F=new WeakMap,E=new WeakMap,D=new WeakMap,T=new WeakMap,j=new WeakMap,O=new WeakMap,x=new WeakSet,C=function(){I(this,j,+R(this,j,"f")+1,"f")},P=function(){0===I(this,j,+R(this,j,"f")-1,"f")&&R(this,D,"f")&&(I(this,D,!1,"f"),R(this,T,"f").forEach((t=>t())))},q=function(t,e){let s=R(this,O,"f")[t];return void 0===s&&(s=new J(t,this,e),R(this,O,"f")[t]=s),e&&(s.options=e),s},_=function(t){return R(this,T,"f").push(t),()=>{const e=R(this,T,"f").indexOf(t);-1!==e&&R(this,T,"f").splice(e,1)}},L.options={errorMessages:{required:"Required",fallback:"Invalid value"}}})(),r})()}));
 //# sourceMappingURL=index.js.map

package.json

@@ -1,1 +0,31 @@
-{"name":"@duely/react-form","version":"0.4.0","description":"React useFrom hook for duely.app","repository":"github:uoleevi/duely","license":"MIT","author":"Leevi Uotinen","module":"dist/index.js","source":"src/index.ts","types":"dist/src/index.d.ts","scripts":{"build":"cross-env NODE_ENV='production' webpack","test":"jest","watch":"webpack --watch"},"workspaces":["../build"],"devDependencies":{"@duely/build":"0.4.0","@types/jest":"^26.0.23","@types/react":"^17.0.5","cross-env":"^7.0.3","jest":"^26.6.3","webpack":"^5.38.1","webpack-cli":"^4.7.2"},"peerDependencies":{"react":"^17.0.1"}}
+{
+  "name": "@duely/react-form",
+  "version": "0.4.1",
+  "description": "React useFrom hook for duely.app",
+  "repository": "github:uoleevi/duely",
+  "license": "MIT",
+  "author": "Leevi Uotinen",
+  "module": "dist/index.js",
+  "source": "src/index.ts",
+  "types": "dist/src/index.d.ts",
+  "scripts": {
+    "build": "cross-env NODE_ENV='production' webpack",
+    "test": "jest",
+    "watch": "webpack --watch"
+  },
+  "workspaces": [
+    "../build"
+  ],
+  "devDependencies": {
+    "@duely/build": "0.4.0",
+    "@types/jest": "^26.0.23",
+    "@types/react": "^17.0.5",
+    "cross-env": "^7.0.3",
+    "jest": "^26.6.3",
+    "webpack": "^5.38.1",
+    "webpack-cli": "^4.7.2"
+  },
+  "peerDependencies": {
+    "react": "^17.0.1"
+  }
+}

No alert changes

Improved metrics

Total package byte prevSize

58829

increased by0.57%

Lines of code

699

increased by0.14%

No dependency changes