react-final-form - npm Package Compare versions

Comparing version 3.4.0 to 3.4.2

dist/react-final-form.cjs.js

@@ -400,3 +400,3 @@ 'use strict';
 
-var version = '3.4.0';
+var version = '3.4.2';
 
@@ -500,2 +500,3 @@ var versions = {
     if (this.form) {
+      this.resumeValidation = !this.form.isValidationPaused();
       this.form.pauseValidation();
@@ -506,3 +507,3 @@ }
   ReactFinalForm.prototype.componentDidUpdate = function componentDidUpdate() {
-    if (this.form) {
+    if (this.form && this.resumeValidation) {
       this.form.resumeValidation();
@@ -522,6 +523,3 @@ }
       }
-      // istanbul ignore next
-      if (_this2.form.setConfig) {
-        _this2.form.setConfig(key, nextProps[key]);
-      }
+      _this2.form.setConfig(key, nextProps[key]);
     });
@@ -528,0 +526,0 @@ // istanbul ignore next

dist/react-final-form.es.js

@@ -394,3 +394,3 @@ import { createElement, Component } from 'react';
 
-var version$1 = '3.4.0';
+var version$1 = '3.4.2';
 
@@ -494,2 +494,3 @@ var versions = {
     if (this.form) {
+      this.resumeValidation = !this.form.isValidationPaused();
       this.form.pauseValidation();
@@ -500,3 +501,3 @@ }
   ReactFinalForm.prototype.componentDidUpdate = function componentDidUpdate() {
-    if (this.form) {
+    if (this.form && this.resumeValidation) {
       this.form.resumeValidation();
@@ -516,6 +517,3 @@ }
       }
-      // istanbul ignore next
-      if (_this2.form.setConfig) {
-        _this2.form.setConfig(key, nextProps[key]);
-      }
+      _this2.form.setConfig(key, nextProps[key]);
     });
@@ -522,0 +520,0 @@ // istanbul ignore next

dist/react-final-form.umd.js

@@ -398,3 +398,3 @@ (function (global, factory) {
 
-  var version = '3.4.0';
+  var version = '3.4.2';
 
@@ -498,2 +498,3 @@ var versions = {
       if (this.form) {
+        this.resumeValidation = !this.form.isValidationPaused();
         this.form.pauseValidation();
@@ -504,3 +505,3 @@ }
     ReactFinalForm.prototype.componentDidUpdate = function componentDidUpdate() {
-      if (this.form) {
+      if (this.form && this.resumeValidation) {
         this.form.resumeValidation();
@@ -520,6 +521,3 @@ }
         }
-        // istanbul ignore next
-        if (_this2.form.setConfig) {
-          _this2.form.setConfig(key, nextProps[key]);
-        }
+        _this2.form.setConfig(key, nextProps[key]);
       });
@@ -526,0 +524,0 @@ // istanbul ignore next

dist/react-final-form.umd.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("prop-types"),require("final-form")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","final-form"],e):e(t["react-final-form"]={},t.React,t.PropTypes,t.FinalForm)}(this,function(t,e,n,r){"use strict";function i(t,e,n){return t?!e||n.some(function(n){return t[n]!==e[n]}):!!e}n=n&&n.hasOwnProperty("default")?n.default:n;var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},s=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},u=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},c=function(t,e){var n={};for(var r in t)e.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n},f=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e};function l(t,n){var r=t.render,i=t.children,o=t.component,a=c(t,["render","children","component"]);return o?e.createElement(o,s({},a,{children:i,render:r})):r?r(s({},a,{children:i})):"function"!=typeof i?null:i(a)}var p="undefined"!=typeof window&&window.navigator&&window.navigator.product&&"ReactNative"===window.navigator.product,m=r.fieldSubscriptionItems.reduce(function(t,e){return t[e]=!0,t},{}),d=function(t){function n(e,r){a(this,n);var i=f(this,t.call(this,e,r));h.call(i);var o=void 0;return i.context.reactFinalForm&&i.subscribe(e,function(t){o?i.notify(t):o=t}),i.state={state:o},i}return u(n,t),n.prototype.componentWillReceiveProps=function(t){var e=t.name,n=t.subscription;(this.props.name!==e||i(this.props.subscription,n,r.fieldSubscriptionItems))&&this.context.reactFinalForm&&(this.unsubscribe(),this.subscribe(t,this.notify))},n.prototype.componentWillUnmount=function(){this.unsubscribe()},n.prototype.render=function(){var t=this.props,n=t.allowNull,r=t.component,i=t.children,o=t.format,a=(t.parse,t.isEqual,t.name),u=(t.subscription,t.validate,t.validateFields,t.value),f=c(t,["allowNull","component","children","format","parse","isEqual","name","subscription","validate","validateFields","value"]),p=this.state.state||{},m=(p.blur,p.change,p.focus,p.value),d=(p.name,c(p,["blur","change","focus","value","name"])),h={active:d.active,data:d.data,dirty:d.dirty,dirtySinceLastSubmit:d.dirtySinceLastSubmit,error:d.error,initial:d.initial,invalid:d.invalid,pristine:d.pristine,submitError:d.submitError,submitFailed:d.submitFailed,submitSucceeded:d.submitSucceeded,touched:d.touched,valid:d.valid,visited:d.visited};o&&(m=o(m,a)),null!==m||n||(m="");var b=s({name:a,value:m},this.handlers);return"checkbox"===f.type?void 0===u?b.checked=!!m:(b.checked=!(!Array.isArray(m)||!~m.indexOf(u)),b.value=u):"radio"===f.type?(b.checked=m===u,b.value=u):"select"===r&&f.multiple&&(b.value=b.value||[]),"function"==typeof i?i(s({input:b,meta:h},f)):"string"==typeof r?e.createElement(r,s({},b,{children:i},f)):l(s({},{input:b,meta:h},{children:i,component:r},f))},n}(e.Component);d.contextTypes={reactFinalForm:n.object},d.defaultProps={format:function(t,e){return void 0===t?"":t},parse:function(t,e){return""===t?void 0:t}};var h=function(){var t=this;this.subscribe=function(e,n){var r=e.isEqual,i=e.name,o=e.subscription,a=e.validateFields;t.unsubscribe=t.context.reactFinalForm.registerField(i,n,o||m,{isEqual:r,getValidator:function(){return t.props.validate},validateFields:a})},this.notify=function(e){return t.setState({state:e})},this.handlers={onBlur:function(e){t.state.state&&t.state.state.blur()},onChange:function(e){var n=t.props,r=n.parse,i=n.value,o=e&&e.target?function(t,e,n,r){if(!r&&t.nativeEvent&&void 0!==t.nativeEvent.text)return t.nativeEvent.text;if(r&&t.nativeEvent)return t.nativeEvent.text;var i=t.target,o=i.type,a=i.value,s=i.checked;switch(o){case"checkbox":if(void 0!==n){if(s)return Array.isArray(e)?e.concat(n):[n];if(!Array.isArray(e))return e;var u=e.indexOf(n);return u<0?e:e.slice(0,u).concat(e.slice(u+1))}return!!s;case"select-multiple":return function(t){var e=[];if(t)for(var n=0;n<t.length;n++){var r=t[n];r.selected&&e.push(r.value)}return e}(t.target.options);default:return a}}(e,t.state.state&&t.state.state.value,i,p):e;t.state.state&&t.state.state.change(r?r(o,t.props.name):o)},onFocus:function(e){t.state.state&&t.state.state.focus()}}},b={"final-form":r.version,"react-final-form":"3.4.0"},v=r.formSubscriptionItems.reduce(function(t,e){return t[e]=!0,t},{}),y=function(t){function e(n){a(this,e);var i=f(this,t.call(this,n));i.notify=function(t){i.mounted&&i.setState({state:t}),i.mounted=!0},i.handleSubmit=function(t){return t&&"function"==typeof t.preventDefault&&t.preventDefault(),i.form.submit()};var o=n.debug,s=n.decorators,u=n.initialValues,c=n.mutators,l=n.onSubmit,p=n.subscription,m={debug:o,initialValues:u,mutators:c,onSubmit:l,validate:n.validate,validateOnBlur:n.validateOnBlur};i.mounted=!1;try{i.form=r.createForm(m)}catch(t){}if(i.unsubscriptions=[],i.form){var d={};i.form.subscribe(function(t){d=t},p||v)(),i.state={state:d}}return s&&s.forEach(function(t){i.unsubscriptions.push(t(i.form))}),i}return u(e,t),e.prototype.getChildContext=function(){return{reactFinalForm:this.form}},e.prototype.componentWillMount=function(){this.form&&this.form.pauseValidation()},e.prototype.componentDidMount=function(){this.form&&(this.unsubscriptions.push(this.form.subscribe(this.notify,this.props.subscription||v)),this.form.resumeValidation())},e.prototype.componentWillUpdate=function(){this.form&&this.form.pauseValidation()},e.prototype.componentDidUpdate=function(){this.form&&this.form.resumeValidation()},e.prototype.componentWillReceiveProps=function(t){var e=this;t.initialValues&&!function(t,e){if(t===e)return!0;if("object"!==(void 0===t?"undefined":o(t))||!t||"object"!==(void 0===e?"undefined":o(e))||!e)return!1;var n=Object.keys(t),r=Object.keys(e);if(n.length!==r.length)return!1;for(var i=Object.prototype.hasOwnProperty.bind(e),a=0;a<n.length;a++){var s=n[a];if(!i(s)||t[s]!==e[s])return!1}return!0}(this.props.initialValues,t.initialValues)&&this.form.initialize(t.initialValues),["debug","mutators","onSubmit","validate","validateOnBlur"].forEach(function(n){e.props[n]!==t[n]&&e.form.setConfig&&e.form.setConfig(n,t[n])})},e.prototype.componentWillUnmount=function(){this.unsubscriptions.forEach(function(t){return t()})},e.prototype.render=function(){var t=this,e=this.props,n=(e.debug,e.initialValues,e.mutators,e.onSubmit,e.subscription,e.validate,e.validateOnBlur,c(e,["debug","initialValues","mutators","onSubmit","subscription","validate","validateOnBlur"])),r=s({},this.state?this.state.state:{},{batch:this.form&&function(e){return t.form.batch(e)},blur:this.form&&function(e){return t.form.blur(e)},change:this.form&&function(e,n){return t.form.change(e,n)},focus:this.form&&function(e){return t.form.focus(e)},form:this.form,handleSubmit:this.handleSubmit,initialize:this.form&&function(e){return t.form.initialize(e)},mutators:this.form&&Object.keys(this.form.mutators).reduce(function(e,n){return e[n]=function(){var e;(e=t.form.mutators)[n].apply(e,arguments)},e},{}),reset:this.form&&function(e){return t.form.reset(e)}});return l(s({},n,r,{__versions:b}))},e}(e.Component);y.childContextTypes={reactFinalForm:n.object};var g=function(t){function e(n,r){a(this,e);var i=f(this,t.call(this,n,r));i.subscribe=function(t,e){var n=t.subscription;i.unsubscribe=i.context.reactFinalForm.subscribe(e,n||v)},i.notify=function(t){i.setState({state:t}),i.props.onChange&&i.props.onChange(t)};var o=void 0;return i.context.reactFinalForm&&i.subscribe(n,function(t){o?i.notify(t):(o=t,n.onChange&&n.onChange(t))}),o&&(i.state={state:o}),i}return u(e,t),e.prototype.componentWillReceiveProps=function(t){var e=t.subscription;i(this.props.subscription,e,r.formSubscriptionItems)&&this.context.reactFinalForm&&(this.unsubscribe(),this.subscribe(t,this.notify))},e.prototype.componentWillUnmount=function(){this.unsubscribe()},e.prototype.render=function(){var t=this.props,e=t.onChange,n=(t.subscription,c(t,["onChange","subscription"])),r=this.context.reactFinalForm,i={batch:r&&function(t){return r.batch(t)},blur:r&&function(t){return r.blur(t)},change:r&&function(t,e){return r.change(t,e)},focus:r&&function(t){return r.focus(t)},form:r,initialize:r&&function(t){return r.initialize(t)},mutators:r&&Object.keys(r.mutators).reduce(function(t,e){return t[e]=function(){var t;(t=r.mutators)[e].apply(t,arguments)},t},{}),reset:r&&function(t){return r.reset(t)}};return e?null:l(s({},n,this.state?this.state.state:{},i))},e}(e.Component);g.contextTypes={reactFinalForm:n.object},t.Field=d,t.Form=y,t.version="3.4.0",t.FormSpy=g,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("prop-types"),require("final-form")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","final-form"],e):e(t["react-final-form"]={},t.React,t.PropTypes,t.FinalForm)}(this,function(t,e,n,i){"use strict";function r(t,e,n){return t?!e||n.some(function(n){return t[n]!==e[n]}):!!e}n=n&&n.hasOwnProperty("default")?n.default:n;var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},s=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},u=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},c=function(t,e){var n={};for(var i in t)e.indexOf(i)>=0||Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i]);return n},l=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e};function f(t,n){var i=t.render,r=t.children,o=t.component,a=c(t,["render","children","component"]);return o?e.createElement(o,s({},a,{children:r,render:i})):i?i(s({},a,{children:r})):"function"!=typeof r?null:r(a)}var p="undefined"!=typeof window&&window.navigator&&window.navigator.product&&"ReactNative"===window.navigator.product,m=i.fieldSubscriptionItems.reduce(function(t,e){return t[e]=!0,t},{}),d=function(t){function n(e,i){a(this,n);var r=l(this,t.call(this,e,i));h.call(r);var o=void 0;return r.context.reactFinalForm&&r.subscribe(e,function(t){o?r.notify(t):o=t}),r.state={state:o},r}return u(n,t),n.prototype.componentWillReceiveProps=function(t){var e=t.name,n=t.subscription;(this.props.name!==e||r(this.props.subscription,n,i.fieldSubscriptionItems))&&this.context.reactFinalForm&&(this.unsubscribe(),this.subscribe(t,this.notify))},n.prototype.componentWillUnmount=function(){this.unsubscribe()},n.prototype.render=function(){var t=this.props,n=t.allowNull,i=t.component,r=t.children,o=t.format,a=(t.parse,t.isEqual,t.name),u=(t.subscription,t.validate,t.validateFields,t.value),l=c(t,["allowNull","component","children","format","parse","isEqual","name","subscription","validate","validateFields","value"]),p=this.state.state||{},m=(p.blur,p.change,p.focus,p.value),d=(p.name,c(p,["blur","change","focus","value","name"])),h={active:d.active,data:d.data,dirty:d.dirty,dirtySinceLastSubmit:d.dirtySinceLastSubmit,error:d.error,initial:d.initial,invalid:d.invalid,pristine:d.pristine,submitError:d.submitError,submitFailed:d.submitFailed,submitSucceeded:d.submitSucceeded,touched:d.touched,valid:d.valid,visited:d.visited};o&&(m=o(m,a)),null!==m||n||(m="");var b=s({name:a,value:m},this.handlers);return"checkbox"===l.type?void 0===u?b.checked=!!m:(b.checked=!(!Array.isArray(m)||!~m.indexOf(u)),b.value=u):"radio"===l.type?(b.checked=m===u,b.value=u):"select"===i&&l.multiple&&(b.value=b.value||[]),"function"==typeof r?r(s({input:b,meta:h},l)):"string"==typeof i?e.createElement(i,s({},b,{children:r},l)):f(s({},{input:b,meta:h},{children:r,component:i},l))},n}(e.Component);d.contextTypes={reactFinalForm:n.object},d.defaultProps={format:function(t,e){return void 0===t?"":t},parse:function(t,e){return""===t?void 0:t}};var h=function(){var t=this;this.subscribe=function(e,n){var i=e.isEqual,r=e.name,o=e.subscription,a=e.validateFields;t.unsubscribe=t.context.reactFinalForm.registerField(r,n,o||m,{isEqual:i,getValidator:function(){return t.props.validate},validateFields:a})},this.notify=function(e){return t.setState({state:e})},this.handlers={onBlur:function(e){t.state.state&&t.state.state.blur()},onChange:function(e){var n=t.props,i=n.parse,r=n.value,o=e&&e.target?function(t,e,n,i){if(!i&&t.nativeEvent&&void 0!==t.nativeEvent.text)return t.nativeEvent.text;if(i&&t.nativeEvent)return t.nativeEvent.text;var r=t.target,o=r.type,a=r.value,s=r.checked;switch(o){case"checkbox":if(void 0!==n){if(s)return Array.isArray(e)?e.concat(n):[n];if(!Array.isArray(e))return e;var u=e.indexOf(n);return u<0?e:e.slice(0,u).concat(e.slice(u+1))}return!!s;case"select-multiple":return function(t){var e=[];if(t)for(var n=0;n<t.length;n++){var i=t[n];i.selected&&e.push(i.value)}return e}(t.target.options);default:return a}}(e,t.state.state&&t.state.state.value,r,p):e;t.state.state&&t.state.state.change(i?i(o,t.props.name):o)},onFocus:function(e){t.state.state&&t.state.state.focus()}}},b={"final-form":i.version,"react-final-form":"3.4.2"},v=i.formSubscriptionItems.reduce(function(t,e){return t[e]=!0,t},{}),y=function(t){function e(n){a(this,e);var r=l(this,t.call(this,n));r.notify=function(t){r.mounted&&r.setState({state:t}),r.mounted=!0},r.handleSubmit=function(t){return t&&"function"==typeof t.preventDefault&&t.preventDefault(),r.form.submit()};var o=n.debug,s=n.decorators,u=n.initialValues,c=n.mutators,f=n.onSubmit,p=n.subscription,m={debug:o,initialValues:u,mutators:c,onSubmit:f,validate:n.validate,validateOnBlur:n.validateOnBlur};r.mounted=!1;try{r.form=i.createForm(m)}catch(t){}if(r.unsubscriptions=[],r.form){var d={};r.form.subscribe(function(t){d=t},p||v)(),r.state={state:d}}return s&&s.forEach(function(t){r.unsubscriptions.push(t(r.form))}),r}return u(e,t),e.prototype.getChildContext=function(){return{reactFinalForm:this.form}},e.prototype.componentWillMount=function(){this.form&&this.form.pauseValidation()},e.prototype.componentDidMount=function(){this.form&&(this.unsubscriptions.push(this.form.subscribe(this.notify,this.props.subscription||v)),this.form.resumeValidation())},e.prototype.componentWillUpdate=function(){this.form&&(this.resumeValidation=!this.form.isValidationPaused(),this.form.pauseValidation())},e.prototype.componentDidUpdate=function(){this.form&&this.resumeValidation&&this.form.resumeValidation()},e.prototype.componentWillReceiveProps=function(t){var e=this;t.initialValues&&!function(t,e){if(t===e)return!0;if("object"!==(void 0===t?"undefined":o(t))||!t||"object"!==(void 0===e?"undefined":o(e))||!e)return!1;var n=Object.keys(t),i=Object.keys(e);if(n.length!==i.length)return!1;for(var r=Object.prototype.hasOwnProperty.bind(e),a=0;a<n.length;a++){var s=n[a];if(!r(s)||t[s]!==e[s])return!1}return!0}(this.props.initialValues,t.initialValues)&&this.form.initialize(t.initialValues),["debug","mutators","onSubmit","validate","validateOnBlur"].forEach(function(n){e.props[n]!==t[n]&&e.form.setConfig(n,t[n])})},e.prototype.componentWillUnmount=function(){this.unsubscriptions.forEach(function(t){return t()})},e.prototype.render=function(){var t=this,e=this.props,n=(e.debug,e.initialValues,e.mutators,e.onSubmit,e.subscription,e.validate,e.validateOnBlur,c(e,["debug","initialValues","mutators","onSubmit","subscription","validate","validateOnBlur"])),i=s({},this.state?this.state.state:{},{batch:this.form&&function(e){return t.form.batch(e)},blur:this.form&&function(e){return t.form.blur(e)},change:this.form&&function(e,n){return t.form.change(e,n)},focus:this.form&&function(e){return t.form.focus(e)},form:this.form,handleSubmit:this.handleSubmit,initialize:this.form&&function(e){return t.form.initialize(e)},mutators:this.form&&Object.keys(this.form.mutators).reduce(function(e,n){return e[n]=function(){var e;(e=t.form.mutators)[n].apply(e,arguments)},e},{}),reset:this.form&&function(e){return t.form.reset(e)}});return f(s({},n,i,{__versions:b}))},e}(e.Component);y.childContextTypes={reactFinalForm:n.object};var g=function(t){function e(n,i){a(this,e);var r=l(this,t.call(this,n,i));r.subscribe=function(t,e){var n=t.subscription;r.unsubscribe=r.context.reactFinalForm.subscribe(e,n||v)},r.notify=function(t){r.setState({state:t}),r.props.onChange&&r.props.onChange(t)};var o=void 0;return r.context.reactFinalForm&&r.subscribe(n,function(t){o?r.notify(t):(o=t,n.onChange&&n.onChange(t))}),o&&(r.state={state:o}),r}return u(e,t),e.prototype.componentWillReceiveProps=function(t){var e=t.subscription;r(this.props.subscription,e,i.formSubscriptionItems)&&this.context.reactFinalForm&&(this.unsubscribe(),this.subscribe(t,this.notify))},e.prototype.componentWillUnmount=function(){this.unsubscribe()},e.prototype.render=function(){var t=this.props,e=t.onChange,n=(t.subscription,c(t,["onChange","subscription"])),i=this.context.reactFinalForm,r={batch:i&&function(t){return i.batch(t)},blur:i&&function(t){return i.blur(t)},change:i&&function(t,e){return i.change(t,e)},focus:i&&function(t){return i.focus(t)},form:i,initialize:i&&function(t){return i.initialize(t)},mutators:i&&Object.keys(i.mutators).reduce(function(t,e){return t[e]=function(){var t;(t=i.mutators)[e].apply(t,arguments)},t},{}),reset:i&&function(t){return i.reset(t)}};return e?null:f(s({},n,this.state?this.state.state:{},r))},e}(e.Component);g.contextTypes={reactFinalForm:n.object},t.Field=d,t.Form=y,t.version="3.4.2",t.FormSpy=g,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=react-final-form.umd.min.js.map

package.json

 {
   "name": "react-final-form",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "description":
@@ -47,3 +47,3 @@ "🏁 High performance subscription-based form state management for React",
     "eslint-plugin-react": "^7.7.0",
-    "final-form": "^4.6.0",
+    "final-form": "^4.6.1",
     "flow-bin": "^0.70.0",
@@ -62,3 +62,3 @@ "glow": "^1.2.2",
     "react-dom": "^16.3.2",
-    "rollup": "^0.58.1",
+    "rollup": "^0.58.2",
     "rollup-plugin-babel": "^3.0.4",
@@ -74,3 +74,3 @@ "rollup-plugin-commonjs": "^9.1.0",
   "peerDependencies": {
-    "final-form": "^4.2.0",
+    "final-form": "^4.6.1",
     "prop-types": "^15.6.0",
@@ -77,0 +77,0 @@ "react": "^15.3.0 || ^16.0.0-0"

README.md

@@ -149,2 +149,3 @@ # 🏁 React Final Form
   * [Declarative Form Rules](#declarative-form-rules)
+  * [Format String By Pattern](#format-string-by-pattern)
 * [Rendering](#rendering)
@@ -206,6 +207,7 @@ * [API](#api)
     * [`focus: (name: string) => void`](#focus-name-string--void)
+    * [`form: FormApi`](#form-formapi)
     * [`handleSubmit: (?SyntheticEvent<HTMLFormElement>) => void`](#handlesubmit-syntheticeventhtmlformelement--void)
     * [`initialize: (values: Object) => void`](#initialize-values-object--void)
     * [`mutators?: { [string]: Function }`](#mutators--string-function-)
-    * [`reset: () => void`](#reset---void)
+    * [`reset: (newInitialValues?: Object) => void`](#reset-newinitialvalues-object--void)
   * [`FormSpyProps`](#formspyprops)
@@ -222,5 +224,6 @@ * [`children?: ((props: FormSpyRenderProps) => React.Node) | React.Node`](#children-props-formspyrenderprops--reactnode--reactnode)
     * [`focus: (name: string) => void`](#focus-name-string--void-1)
+    * [`form: FormApi`](#form-formapi-1)
     * [`initialize: (values: Object) => void`](#initialize-values-object--void-1)
     * [`mutators?: { [string]: Function }`](#mutators--string-function--1)
-    * [`reset: () => void`](#reset---void-1)
+    * [`reset: (newInitialValues?: Object) => void`](#reset-newinitialvalues-object--void-1)
 * [Contributors](#contributors)
@@ -381,2 +384,6 @@ * [Backers](#backers)
 
+### [Format String By Pattern](https://codesandbox.io/s/no20p7z3l)
+
+Demonstrates how to use the library `format-string-by-pattern` to create input masks for your 🏁 React Final Form fields.
+
 ## Rendering
@@ -383,0 +390,0 @@

No alert changes

Improved metrics

Total package byte prevSize

140242

increased by0.37%

Number of lines in readme file

834

increased by0.85%

Worsened metrics

Lines of code

2122

decreased by-0.28%

No dependency changes