react-final-form - npm Package Compare versions

Comparing version 6.5.2 to 6.5.3

dist/react-final-form.cjs.js

@@ -12,4 +12,25 @@ 'use strict';
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () {
+            return e[k];
+          }
+        });
+      }
+    });
+  }
+  n['default'] = e;
+  return Object.freeze(n);
+}
+
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
@@ -26,3 +47,3 @@
   if (component) {
-    return /*#__PURE__*/React.createElement(component, Object.assign(lazyProps, rest, {
+    return /*#__PURE__*/React__namespace.createElement(component, Object.assign(lazyProps, rest, {
       children: children,
@@ -119,3 +140,3 @@ render: render
 
-var ReactFinalFormContext = /*#__PURE__*/React.createContext();
+var ReactFinalFormContext = /*#__PURE__*/React__namespace.createContext();
 
@@ -130,3 +151,3 @@ function useLatest(value) {
 
-var version = "6.5.2";
+var version = "6.5.3";
 
@@ -155,3 +176,3 @@ var addLazyState = function addLazyState(dest, state, keys) {
 };
-var all = finalForm.formSubscriptionItems.reduce(function (result, key) {
+var all$1 = finalForm.formSubscriptionItems.reduce(function (result, key) {
   result[key] = true;
@@ -172,3 +193,3 @@ return result;
       _ref$subscription = _ref.subscription,
-      subscription = _ref$subscription === void 0 ? all : _ref$subscription,
+      subscription = _ref$subscription === void 0 ? all$1 : _ref$subscription,
       validate = _ref.validate,
@@ -195,3 +216,3 @@ validateOnBlur = _ref.validateOnBlur,
 
-  var _React$useState = React.useState(function () {
+  var _React$useState = React__namespace.useState(function () {
     var initialState = {};
@@ -209,3 +230,3 @@ form.subscribe(function (state) {
   var stateRef = useLatest(state);
-  React.useEffect(function () {
+  React__namespace.useEffect(function () {
     // We have rendered, so all fields are now registered, so we can unpause validation
@@ -299,3 +320,3 @@ form.isValidationPaused() && form.resumeValidation();
   addLazyFormState(renderProps, state);
-  return /*#__PURE__*/React.createElement(ReactFinalFormContext.Provider, {
+  return /*#__PURE__*/React__namespace.createElement(ReactFinalFormContext.Provider, {
     value: form
@@ -308,3 +329,3 @@ }, renderComponent(_extends__default['default']({}, rest, {
 function useForm(componentName) {
-  var form = React.useContext(ReactFinalFormContext);
+  var form = React__namespace.useContext(ReactFinalFormContext);
 
@@ -322,10 +343,10 @@ if (!form) {
       _ref$subscription = _ref.subscription,
-      subscription = _ref$subscription === void 0 ? all : _ref$subscription;
+      subscription = _ref$subscription === void 0 ? all$1 : _ref$subscription;
 
   var form = useForm('useFormState');
-  var firstRender = React.useRef(true);
-  var onChangeRef = React.useRef(onChange);
+  var firstRender = React__namespace.useRef(true);
+  var onChangeRef = React__namespace.useRef(onChange);
   onChangeRef.current = onChange; // synchronously register and unregister to query field state for our subscription on first render
 
-  var _React$useState = React.useState(function () {
+  var _React$useState = React__namespace.useState(function () {
     var initialState = {};
@@ -345,3 +366,3 @@ form.subscribe(function (state) {
 
-  React.useEffect(function () {
+  React__namespace.useEffect(function () {
     return form.subscribe(function (newState) {
@@ -462,3 +483,3 @@ if (firstRender.current) {
 
-var all$1 = finalForm.fieldSubscriptionItems.reduce(function (result, key) {
+var all = finalForm.fieldSubscriptionItems.reduce(function (result, key) {
   result[key] = true;
@@ -499,3 +520,3 @@ return result;
       _config$subscription = _config.subscription,
-      subscription = _config$subscription === void 0 ? all$1 : _config$subscription,
+      subscription = _config$subscription === void 0 ? all : _config$subscription,
       type = _config.type,
@@ -550,5 +571,5 @@ validateFields = _config.validateFields,
 
-  var firstRender = React.useRef(true); // synchronously register and unregister to query field state for our subscription on first render
+  var firstRender = React__namespace.useRef(true); // synchronously register and unregister to query field state for our subscription on first render
 
-  var _React$useState = React.useState(function () {
+  var _React$useState = React__namespace.useState(function () {
     var initialState = {}; // temporarily disable destroyOnUnregister
@@ -568,3 +589,3 @@
 
-  React.useEffect(function () {
+  React__namespace.useEffect(function () {
     return register(function (state) {
@@ -587,3 +608,3 @@ if (firstRender.current) {
   var handlers = {
-    onBlur: React.useCallback(function (event) {
+    onBlur: React__namespace.useCallback(function (event) {
       state.blur();
@@ -604,3 +625,3 @@
     [state.blur, state.name, format, formatOnBlur]),
-    onChange: React.useCallback(function (event) {
+    onChange: React__namespace.useCallback(function (event) {
       // istanbul ignore next
@@ -622,3 +643,3 @@ if (process.env.NODE_ENV !== 'production' && event && event.target) {
     [_value, name, parse, state.change, state.value, type]),
-    onFocus: React.useCallback(function (event) {
+    onFocus: React__namespace.useCallback(function (event) {
       state.focus();
@@ -694,3 +715,3 @@ }, // eslint-disable-next-line react-hooks/exhaustive-deps
 
-var Field = /*#__PURE__*/React.forwardRef(function Field(_ref, ref) {
+var Field = /*#__PURE__*/React__namespace.forwardRef(function Field(_ref, ref) {
   var afterSubmit = _ref.afterSubmit,
@@ -744,3 +765,3 @@ allowNull = _ref.allowNull,
     // ignore meta, combine input with any other props
-    return /*#__PURE__*/React.createElement(component, _extends__default['default']({}, field.input, {
+    return /*#__PURE__*/React__namespace.createElement(component, _extends__default['default']({}, field.input, {
       children: children,
@@ -747,0 +768,0 @@ ref: ref

dist/react-final-form.es.js

 import _extends from '@babel/runtime/helpers/esm/extends';
 import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
-import React, { createElement, createContext, useState, useEffect, useContext, useRef, useCallback, forwardRef } from 'react';
+import * as React from 'react';
+import React__default from 'react';
 import { formSubscriptionItems, createForm, version as version$1, fieldSubscriptionItems } from 'final-form';
@@ -15,3 +16,3 @@
   if (component) {
-    return /*#__PURE__*/createElement(component, Object.assign(lazyProps, rest, {
+    return /*#__PURE__*/React.createElement(component, Object.assign(lazyProps, rest, {
       children: children,
@@ -43,4 +44,4 @@ render: render
 
-  var previous = React.useRef(value);
-  React.useEffect(function () {
+  var previous = React__default.useRef(value);
+  React__default.useEffect(function () {
     if (!isEqual(value, previous.current)) {
@@ -67,3 +68,3 @@ callback();
 function useConstant(init) {
-  var ref = React.useRef();
+  var ref = React__default.useRef();
 
@@ -110,7 +111,7 @@ if (!ref.current) {
 
-var ReactFinalFormContext = /*#__PURE__*/createContext();
+var ReactFinalFormContext = /*#__PURE__*/React.createContext();
 
 function useLatest(value) {
-  var ref = React.useRef(value);
-  React.useEffect(function () {
+  var ref = React__default.useRef(value);
+  React__default.useEffect(function () {
     ref.current = value;
@@ -121,3 +122,3 @@ });
 
-var version = "6.5.2";
+var version = "6.5.3";
 
@@ -146,3 +147,3 @@ var addLazyState = function addLazyState(dest, state, keys) {
 };
-var all = formSubscriptionItems.reduce(function (result, key) {
+var all$1 = formSubscriptionItems.reduce(function (result, key) {
   result[key] = true;
@@ -163,3 +164,3 @@ return result;
       _ref$subscription = _ref.subscription,
-      subscription = _ref$subscription === void 0 ? all : _ref$subscription,
+      subscription = _ref$subscription === void 0 ? all$1 : _ref$subscription,
       validate = _ref.validate,
@@ -186,3 +187,3 @@ validateOnBlur = _ref.validateOnBlur,
 
-  var _React$useState = useState(function () {
+  var _React$useState = React.useState(function () {
     var initialState = {};
@@ -200,3 +201,3 @@ form.subscribe(function (state) {
   var stateRef = useLatest(state);
-  useEffect(function () {
+  React.useEffect(function () {
     // We have rendered, so all fields are now registered, so we can unpause validation
@@ -290,3 +291,3 @@ form.isValidationPaused() && form.resumeValidation();
   addLazyFormState(renderProps, state);
-  return /*#__PURE__*/createElement(ReactFinalFormContext.Provider, {
+  return /*#__PURE__*/React.createElement(ReactFinalFormContext.Provider, {
     value: form
@@ -299,3 +300,3 @@ }, renderComponent(_extends({}, rest, {
 function useForm(componentName) {
-  var form = useContext(ReactFinalFormContext);
+  var form = React.useContext(ReactFinalFormContext);
 
@@ -313,10 +314,10 @@ if (!form) {
       _ref$subscription = _ref.subscription,
-      subscription = _ref$subscription === void 0 ? all : _ref$subscription;
+      subscription = _ref$subscription === void 0 ? all$1 : _ref$subscription;
 
   var form = useForm('useFormState');
-  var firstRender = useRef(true);
-  var onChangeRef = useRef(onChange);
+  var firstRender = React.useRef(true);
+  var onChangeRef = React.useRef(onChange);
   onChangeRef.current = onChange; // synchronously register and unregister to query field state for our subscription on first render
 
-  var _React$useState = useState(function () {
+  var _React$useState = React.useState(function () {
     var initialState = {};
@@ -336,3 +337,3 @@ form.subscribe(function (state) {
 
-  useEffect(function () {
+  React.useEffect(function () {
     return form.subscribe(function (newState) {
@@ -453,3 +454,3 @@ if (firstRender.current) {
 
-var all$1 = fieldSubscriptionItems.reduce(function (result, key) {
+var all = fieldSubscriptionItems.reduce(function (result, key) {
   result[key] = true;
@@ -490,3 +491,3 @@ return result;
       _config$subscription = _config.subscription,
-      subscription = _config$subscription === void 0 ? all$1 : _config$subscription,
+      subscription = _config$subscription === void 0 ? all : _config$subscription,
       type = _config.type,
@@ -541,5 +542,5 @@ validateFields = _config.validateFields,
 
-  var firstRender = useRef(true); // synchronously register and unregister to query field state for our subscription on first render
+  var firstRender = React.useRef(true); // synchronously register and unregister to query field state for our subscription on first render
 
-  var _React$useState = useState(function () {
+  var _React$useState = React.useState(function () {
     var initialState = {}; // temporarily disable destroyOnUnregister
@@ -559,3 +560,3 @@
 
-  useEffect(function () {
+  React.useEffect(function () {
     return register(function (state) {
@@ -578,3 +579,3 @@ if (firstRender.current) {
   var handlers = {
-    onBlur: useCallback(function (event) {
+    onBlur: React.useCallback(function (event) {
       state.blur();
@@ -595,3 +596,3 @@
     [state.blur, state.name, format, formatOnBlur]),
-    onChange: useCallback(function (event) {
+    onChange: React.useCallback(function (event) {
       // istanbul ignore next
@@ -613,3 +614,3 @@ if (process.env.NODE_ENV !== 'production' && event && event.target) {
     [_value, name, parse, state.change, state.value, type]),
-    onFocus: useCallback(function (event) {
+    onFocus: React.useCallback(function (event) {
       state.focus();
@@ -685,3 +686,3 @@ }, // eslint-disable-next-line react-hooks/exhaustive-deps
 
-var Field = /*#__PURE__*/forwardRef(function Field(_ref, ref) {
+var Field = /*#__PURE__*/React.forwardRef(function Field(_ref, ref) {
   var afterSubmit = _ref.afterSubmit,
@@ -735,3 +736,3 @@ allowNull = _ref.allowNull,
     // ignore meta, combine input with any other props
-    return /*#__PURE__*/createElement(component, _extends({}, field.input, {
+    return /*#__PURE__*/React.createElement(component, _extends({}, field.input, {
       children: children,
@@ -738,0 +739,0 @@ ref: ref

dist/react-final-form.umd.js

@@ -9,2 +9,23 @@ (function (global, factory) {
 
+  function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () {
+              return e[k];
+            }
+          });
+        }
+      });
+    }
+    n['default'] = e;
+    return Object.freeze(n);
+  }
+
+  var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
@@ -54,3 +75,3 @@
     if (component) {
-      return /*#__PURE__*/React.createElement(component, Object.assign(lazyProps, rest, {
+      return /*#__PURE__*/React__namespace.createElement(component, Object.assign(lazyProps, rest, {
         children: children,
@@ -147,3 +168,3 @@ render: render
 
-  var ReactFinalFormContext = /*#__PURE__*/React.createContext();
+  var ReactFinalFormContext = /*#__PURE__*/React__namespace.createContext();
 
@@ -158,3 +179,3 @@ function useLatest(value) {
 
-  var version = "6.5.2";
+  var version = "6.5.3";
 
@@ -183,3 +204,3 @@ var addLazyState = function addLazyState(dest, state, keys) {
   };
-  var all = finalForm.formSubscriptionItems.reduce(function (result, key) {
+  var all$1 = finalForm.formSubscriptionItems.reduce(function (result, key) {
     result[key] = true;
@@ -200,3 +221,3 @@ return result;
         _ref$subscription = _ref.subscription,
-        subscription = _ref$subscription === void 0 ? all : _ref$subscription,
+        subscription = _ref$subscription === void 0 ? all$1 : _ref$subscription,
         validate = _ref.validate,
@@ -223,3 +244,3 @@ validateOnBlur = _ref.validateOnBlur,
 
-    var _React$useState = React.useState(function () {
+    var _React$useState = React__namespace.useState(function () {
       var initialState = {};
@@ -237,3 +258,3 @@ form.subscribe(function (state) {
     var stateRef = useLatest(state);
-    React.useEffect(function () {
+    React__namespace.useEffect(function () {
       // We have rendered, so all fields are now registered, so we can unpause validation
@@ -327,3 +348,3 @@ form.isValidationPaused() && form.resumeValidation();
     addLazyFormState(renderProps, state);
-    return /*#__PURE__*/React.createElement(ReactFinalFormContext.Provider, {
+    return /*#__PURE__*/React__namespace.createElement(ReactFinalFormContext.Provider, {
       value: form
@@ -336,3 +357,3 @@ }, renderComponent(_extends({}, rest, {
   function useForm(componentName) {
-    var form = React.useContext(ReactFinalFormContext);
+    var form = React__namespace.useContext(ReactFinalFormContext);
 
@@ -350,10 +371,10 @@ if (!form) {
         _ref$subscription = _ref.subscription,
-        subscription = _ref$subscription === void 0 ? all : _ref$subscription;
+        subscription = _ref$subscription === void 0 ? all$1 : _ref$subscription;
 
     var form = useForm('useFormState');
-    var firstRender = React.useRef(true);
-    var onChangeRef = React.useRef(onChange);
+    var firstRender = React__namespace.useRef(true);
+    var onChangeRef = React__namespace.useRef(onChange);
     onChangeRef.current = onChange; // synchronously register and unregister to query field state for our subscription on first render
 
-    var _React$useState = React.useState(function () {
+    var _React$useState = React__namespace.useState(function () {
       var initialState = {};
@@ -373,3 +394,3 @@ form.subscribe(function (state) {
 
-    React.useEffect(function () {
+    React__namespace.useEffect(function () {
       return form.subscribe(function (newState) {
@@ -490,3 +511,3 @@ if (firstRender.current) {
 
-  var all$1 = finalForm.fieldSubscriptionItems.reduce(function (result, key) {
+  var all = finalForm.fieldSubscriptionItems.reduce(function (result, key) {
     result[key] = true;
@@ -527,3 +548,3 @@ return result;
         _config$subscription = _config.subscription,
-        subscription = _config$subscription === void 0 ? all$1 : _config$subscription,
+        subscription = _config$subscription === void 0 ? all : _config$subscription,
         type = _config.type,
@@ -578,5 +599,5 @@ validateFields = _config.validateFields,
 
-    var firstRender = React.useRef(true); // synchronously register and unregister to query field state for our subscription on first render
+    var firstRender = React__namespace.useRef(true); // synchronously register and unregister to query field state for our subscription on first render
 
-    var _React$useState = React.useState(function () {
+    var _React$useState = React__namespace.useState(function () {
       var initialState = {}; // temporarily disable destroyOnUnregister
@@ -596,3 +617,3 @@
 
-    React.useEffect(function () {
+    React__namespace.useEffect(function () {
       return register(function (state) {
@@ -615,3 +636,3 @@ if (firstRender.current) {
     var handlers = {
-      onBlur: React.useCallback(function (event) {
+      onBlur: React__namespace.useCallback(function (event) {
         state.blur();
@@ -632,5 +653,5 @@
       [state.blur, state.name, format, formatOnBlur]),
-      onChange: React.useCallback(function (event) {
+      onChange: React__namespace.useCallback(function (event) {
         // istanbul ignore next
-        if ( event && event.target) {
+        if (event && event.target) {
           var targetType = event.target.type;
@@ -650,3 +671,3 @@ var unknown = ~['checkbox', 'radio', 'select-multiple'].indexOf(targetType) && !type && component !== 'select';
       [_value, name, parse, state.change, state.value, type]),
-      onFocus: React.useCallback(function (event) {
+      onFocus: React__namespace.useCallback(function (event) {
         state.focus();
@@ -722,3 +743,3 @@ }, // eslint-disable-next-line react-hooks/exhaustive-deps
 
-  var Field = /*#__PURE__*/React.forwardRef(function Field(_ref, ref) {
+  var Field = /*#__PURE__*/React__namespace.forwardRef(function Field(_ref, ref) {
     var afterSubmit = _ref.afterSubmit,
@@ -772,3 +793,3 @@ allowNull = _ref.allowNull,
       // ignore meta, combine input with any other props
-      return /*#__PURE__*/React.createElement(component, _extends({}, field.input, {
+      return /*#__PURE__*/React__namespace.createElement(component, _extends({}, field.input, {
         children: children,
@@ -775,0 +796,0 @@ ref: ref

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

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("final-form")):"function"==typeof define&&define.amd?define(["exports","react","final-form"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["react-final-form"]={},e.React,e.FinalForm)}(this,function(e,E,h){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var S=t(E);function w(){return(w=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function O(e,t){if(null==e)return{};for(var n,r={},i=Object.keys(e),u=0;u<i.length;u++)n=i[u],0<=t.indexOf(n)||(r[n]=e[n]);return r}function F(e,t,n){var r=e.render,i=e.children,u=e.component,e=O(e,["render","children","component"]);if(u)return E.createElement(u,Object.assign(t,e,{children:i,render:r}));if(r)return r(void 0===i?Object.assign(t,e):Object.assign(t,e,{children:i}));if("function"!=typeof i)throw new Error("Must specify either a render prop, a render function as children, or a component prop to "+n);return i(Object.assign(t,e))}function V(e,t,n){void 0===n&&(n=function(e,t){return e===t});var r=S.default.useRef(e);S.default.useEffect(function(){n(e,r.current)||(t(),r.current=e)})}var C=function(e,t){if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(var i=Object.prototype.hasOwnProperty.bind(t),u=0;u<n.length;u++){var a=n[u];if(!i(a)||e[a]!==t[a])return!1}return!0},j=function(e){return!(!e||"function"!=typeof e.stopPropagation)},k=E.createContext();function x(e){var t=S.default.useRef(e);return S.default.useEffect(function(){t.current=e}),t}function R(t,n,e){e.forEach(function(e){Object.defineProperty(t,e,{get:function(){return n[e]},enumerable:!0})})}var n="6.5.2",B=function(e,t){return R(e,t,["active","dirty","dirtyFields","dirtySinceLastSubmit","dirtyFieldsSinceLastSubmit","error","errors","hasSubmitErrors","hasValidationErrors","initialValues","invalid","modified","modifiedSinceLastSubmit","pristine","submitError","submitErrors","submitFailed","submitSucceeded","submitting","touched","valid","validating","values","visited"])},q={"final-form":h.version,"react-final-form":n},P=h.formSubscriptionItems.reduce(function(e,t){return e[t]=!0,e},{});function r(e){var t=e.debug,n=e.decorators,r=e.destroyOnUnregister,i=e.form,u=e.initialValues,a=e.initialValuesEqual,o=e.keepDirtyOnReinitialize,c=e.mutators,l=e.onSubmit,f=e.subscription,s=void 0===f?P:f,d=e.validate,v=e.validateOnBlur,m=O(e,["debug","decorators","destroyOnUnregister","form","initialValues","initialValuesEqual","keepDirtyOnReinitialize","mutators","onSubmit","subscription","validate","validateOnBlur"]),p={debug:t,destroyOnUnregister:r,initialValues:u,keepDirtyOnReinitialize:o,mutators:c,onSubmit:l,validate:d,validateOnBlur:v},b=(f=function(){var e=i||h.createForm(p);return e.pauseValidation(),e},(e=S.default.useRef()).current||(e.current=f()),e.current),f=E.useState(function(){var t={};return b.subscribe(function(e){t=e},s)(),t}),e=f[0],g=f[1],y=x(e);E.useEffect(function(){b.isValidationPaused()&&b.resumeValidation();var e=[b.subscribe(function(e){C(e,y.current)||g(e)},s)].concat(n?n.map(function(e){return e(b)}):[]);return function(){b.pauseValidation(),e.reverse().forEach(function(e){return e()})}},[n]),V(t,function(){b.setConfig("debug",t)}),V(r,function(){b.destroyOnUnregister=!!r}),V(o,function(){b.setConfig("keepDirtyOnReinitialize",o)}),V(u,function(){b.setConfig("initialValues",u)},a||C),V(c,function(){b.setConfig("mutators",c)}),V(l,function(){b.setConfig("onSubmit",l)}),V(d,function(){b.setConfig("validate",d)}),V(v,function(){b.setConfig("validateOnBlur",v)});a={form:w({},b,{reset:function(e){j(e)?b.reset():b.reset(e)}}),handleSubmit:function(e){return e&&("function"==typeof e.preventDefault&&e.preventDefault(),"function"==typeof e.stopPropagation&&e.stopPropagation()),b.submit()}};return B(a,e),E.createElement(k.Provider,{value:b},F(w({},m,{__versions:q}),a,"ReactFinalForm"))}function U(e){var t=E.useContext(k);if(!t)throw new Error((e||"useForm")+" must be used inside of a <Form> component");return t}function i(e){var t=void 0===e?{}:e,n=t.onChange,e=t.subscription,r=void 0===e?P:e,i=U("useFormState"),u=E.useRef(!0),a=E.useRef(n);a.current=n;var t=E.useState(function(){var t={};return i.subscribe(function(e){t=e},r)(),n&&n(t),t}),e=t[0],o=t[1];E.useEffect(function(){return i.subscribe(function(e){u.current?u.current=!1:(o(e),a.current&&a.current(e))},r)},[]);t={};return B(t,e),t}function u(e){var t=e.onChange,n=e.subscription,e=O(e,["onChange","subscription"]),r=U("FormSpy"),n=i({onChange:t,subscription:n});if(t)return null;t={form:w({},r,{reset:function(e){j(e)?r.reset():r.reset(e)}})};return F(w({},e,t),n,"FormSpy")}function A(e){return void 0===e?"":e}function D(e){return""===e?void 0:e}var L="undefined"!=typeof window&&window.navigator&&window.navigator.product&&"ReactNative"===window.navigator.product,N=h.fieldSubscriptionItems.reduce(function(e,t){return e[t]=!0,e},{});function z(r,e){void 0===e&&(e={});function n(e,t){return y.registerField(r,e,m,{afterSubmit:i,beforeSubmit:function(){var e=h.current,t=e.beforeSubmit,n=e.formatOnBlur,e=e.format;return!n||(e=(void 0===e?A:e)(n=y.getFieldState(r).value,r))!==n&&y.change(r,e),t&&t()},data:a,defaultValue:o,getValidator:function(){return h.current.validate},initialValue:s,isEqual:function(e,t){return(h.current.isEqual||function(e,t){return e===t})(e,t)},silent:t,validateFields:b})}var i=e.afterSubmit,t=e.allowNull,u=e.component,a=e.data,o=e.defaultValue,c=e.format,l=void 0===c?A:c,f=e.formatOnBlur,s=e.initialValue,d=e.multiple,c=e.parse,v=void 0===c?D:c,c=e.subscription,m=void 0===c?N:c,p=e.type,b=e.validateFields,g=e.value,y=U("useField"),h=x(e),S=E.useRef(!0),c=E.useState(function(){var t={},e=y.destroyOnUnregister;return y.destroyOnUnregister=!1,n(function(e){t=e},!0)(),y.destroyOnUnregister=e,t}),O=c[0],F=c[1];E.useEffect(function(){return n(function(e){S.current?S.current=!1:F(e)},!1)},[r,a,o,s]);e={onBlur:E.useCallback(function(e){var t;O.blur(),f&&(t=y.getFieldState(O.name),O.change(l(t.value,O.name)))},[O.blur,O.name,l,f]),onChange:E.useCallback(function(e){e=e&&e.target?function(e,t,n,r){if(!r&&e.nativeEvent&&void 0!==e.nativeEvent.text)return e.nativeEvent.text;if(r&&e.nativeEvent)return e.nativeEvent.text;var i=e.target,u=i.type,r=i.value,i=i.checked;switch(u){case"checkbox":if(void 0===n)return!!i;if(i)return Array.isArray(t)?t.concat(n):[n];if(!Array.isArray(t))return t;n=t.indexOf(n);return n<0?t:t.slice(0,n).concat(t.slice(n+1));case"select-multiple":return function(e){var t=[];if(e)for(var n=0;n<e.length;n++){var r=e[n];r.selected&&t.push(r.value)}return t}(e.target.options);default:return r}}(e,O.value,g,L):e;O.change(v(e,r))},[g,r,v,O.change,O.value,p]),onFocus:E.useCallback(function(e){O.focus()},[O.focus])},c={};R(c,O,["active","data","dirty","dirtySinceLastSubmit","error","initial","invalid","length","modified","modifiedSinceLastSubmit","pristine","submitError","submitFailed","submitSucceeded","submitting","touched","valid","validating","visited"]);e=w({name:r,get value(){var e=O.value;return f?"input"===u&&(e=A(e)):e=l(e,r),null!==e||t||(e=""),"checkbox"===p||"radio"===p?g:"select"===u&&d?e||[]:e},get checked(){var e=O.value;return"checkbox"===p?(e=l(e,r),void 0===g?!!e:!(!Array.isArray(e)||!~e.indexOf(g))):"radio"===p?l(e,r)===g:void 0}},e);return d&&(e.multiple=d),void 0!==p&&(e.type=p),{input:e,meta:c}}var a=E.forwardRef(function(e,t){var n=e.afterSubmit,r=e.allowNull,i=e.beforeSubmit,u=e.children,a=e.component,o=e.data,c=e.defaultValue,l=e.format,f=e.formatOnBlur,s=e.initialValue,d=e.isEqual,v=e.multiple,m=e.name,p=e.parse,b=e.subscription,g=e.type,y=e.validate,h=e.validateFields,S=e.value,e=O(e,["afterSubmit","allowNull","beforeSubmit","children","component","data","defaultValue","format","formatOnBlur","initialValue","isEqual","multiple","name","parse","subscription","type","validate","validateFields","value"]),S=z(m,{afterSubmit:n,allowNull:r,beforeSubmit:i,children:u,component:a,data:o,defaultValue:c,format:l,formatOnBlur:f,initialValue:s,isEqual:d,multiple:v,parse:p,subscription:b,type:g,validate:y,validateFields:h,value:S});if("function"==typeof u)return u(w({},S,e));if("string"==typeof a)return E.createElement(a,w({},S.input,{children:u,ref:t},e));if(!m)throw new Error("prop name cannot be undefined in <Field> component");return F(w({children:u,component:a,ref:t},e),S,"Field("+m+")")});e.Field=a,e.Form=r,e.FormSpy=u,e.useField=z,e.useForm=U,e.useFormState=i,e.version=n,e.withTypes=function(){return{Form:r,FormSpy:u}},Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("final-form")):"function"==typeof define&&define.amd?define(["exports","react","final-form"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["react-final-form"]={},e.React,e.FinalForm)}(this,function(e,t,h){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(n){if(n&&n.__esModule)return n;var r=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(r,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),r.default=n,Object.freeze(r)}var E=r(t),O=n(t);function w(){return(w=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function S(e,t){if(null==e)return{};for(var n,r={},i=Object.keys(e),u=0;u<i.length;u++)n=i[u],0<=t.indexOf(n)||(r[n]=e[n]);return r}function F(e,t,n){var r=e.render,i=e.children,u=e.component,e=S(e,["render","children","component"]);if(u)return E.createElement(u,Object.assign(t,e,{children:i,render:r}));if(r)return r(void 0===i?Object.assign(t,e):Object.assign(t,e,{children:i}));if("function"!=typeof i)throw new Error("Must specify either a render prop, a render function as children, or a component prop to "+n);return i(Object.assign(t,e))}function V(e,t,n){void 0===n&&(n=function(e,t){return e===t});var r=O.default.useRef(e);O.default.useEffect(function(){n(e,r.current)||(t(),r.current=e)})}var j=function(e,t){if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(var i=Object.prototype.hasOwnProperty.bind(t),u=0;u<n.length;u++){var a=n[u];if(!i(a)||e[a]!==t[a])return!1}return!0},C=function(e){return!(!e||"function"!=typeof e.stopPropagation)},k=E.createContext();function x(e){var t=O.default.useRef(e);return O.default.useEffect(function(){t.current=e}),t}function R(t,n,e){e.forEach(function(e){Object.defineProperty(t,e,{get:function(){return n[e]},enumerable:!0})})}var t="6.5.3",P=function(e,t){return R(e,t,["active","dirty","dirtyFields","dirtySinceLastSubmit","dirtyFieldsSinceLastSubmit","error","errors","hasSubmitErrors","hasValidationErrors","initialValues","invalid","modified","modifiedSinceLastSubmit","pristine","submitError","submitErrors","submitFailed","submitSucceeded","submitting","touched","valid","validating","values","visited"])},B={"final-form":h.version,"react-final-form":t},q=h.formSubscriptionItems.reduce(function(e,t){return e[t]=!0,e},{});function i(e){var t=e.debug,n=e.decorators,r=e.destroyOnUnregister,i=e.form,u=e.initialValues,a=e.initialValuesEqual,o=e.keepDirtyOnReinitialize,c=e.mutators,l=e.onSubmit,f=e.subscription,s=void 0===f?q:f,d=e.validate,v=e.validateOnBlur,m=S(e,["debug","decorators","destroyOnUnregister","form","initialValues","initialValuesEqual","keepDirtyOnReinitialize","mutators","onSubmit","subscription","validate","validateOnBlur"]),p={debug:t,destroyOnUnregister:r,initialValues:u,keepDirtyOnReinitialize:o,mutators:c,onSubmit:l,validate:d,validateOnBlur:v},b=(f=function(){var e=i||h.createForm(p);return e.pauseValidation(),e},(e=O.default.useRef()).current||(e.current=f()),e.current),f=E.useState(function(){var t={};return b.subscribe(function(e){t=e},s)(),t}),e=f[0],g=f[1],y=x(e);E.useEffect(function(){b.isValidationPaused()&&b.resumeValidation();var e=[b.subscribe(function(e){j(e,y.current)||g(e)},s)].concat(n?n.map(function(e){return e(b)}):[]);return function(){b.pauseValidation(),e.reverse().forEach(function(e){return e()})}},[n]),V(t,function(){b.setConfig("debug",t)}),V(r,function(){b.destroyOnUnregister=!!r}),V(o,function(){b.setConfig("keepDirtyOnReinitialize",o)}),V(u,function(){b.setConfig("initialValues",u)},a||j),V(c,function(){b.setConfig("mutators",c)}),V(l,function(){b.setConfig("onSubmit",l)}),V(d,function(){b.setConfig("validate",d)}),V(v,function(){b.setConfig("validateOnBlur",v)});a={form:w({},b,{reset:function(e){C(e)?b.reset():b.reset(e)}}),handleSubmit:function(e){return e&&("function"==typeof e.preventDefault&&e.preventDefault(),"function"==typeof e.stopPropagation&&e.stopPropagation()),b.submit()}};return P(a,e),E.createElement(k.Provider,{value:b},F(w({},m,{__versions:B}),a,"ReactFinalForm"))}function D(e){var t=E.useContext(k);if(!t)throw new Error((e||"useForm")+" must be used inside of a <Form> component");return t}function u(e){var t=void 0===e?{}:e,n=t.onChange,e=t.subscription,r=void 0===e?q:e,i=D("useFormState"),u=E.useRef(!0),a=E.useRef(n);a.current=n;var t=E.useState(function(){var t={};return i.subscribe(function(e){t=e},r)(),n&&n(t),t}),e=t[0],o=t[1];E.useEffect(function(){return i.subscribe(function(e){u.current?u.current=!1:(o(e),a.current&&a.current(e))},r)},[]);t={};return P(t,e),t}function a(e){var t=e.onChange,n=e.subscription,e=S(e,["onChange","subscription"]),r=D("FormSpy"),n=u({onChange:t,subscription:n});if(t)return null;t={form:w({},r,{reset:function(e){C(e)?r.reset():r.reset(e)}})};return F(w({},e,t),n,"FormSpy")}function U(e,t){return void 0===e?"":e}function A(e,t){return""===e?void 0:e}var _="undefined"!=typeof window&&window.navigator&&window.navigator.product&&"ReactNative"===window.navigator.product,z=h.fieldSubscriptionItems.reduce(function(e,t){return e[t]=!0,e},{}),L=function(e,t){return e===t};function N(r,e){function n(e,t){return y.registerField(r,e,m,{afterSubmit:i,beforeSubmit:function(){var e=h.current,t=e.beforeSubmit,n=e.formatOnBlur,e=e.format;return!n||(e=(void 0===e?U:e)(n=y.getFieldState(r).value,r))!==n&&y.change(r,e),t&&t()},data:a,defaultValue:o,getValidator:function(){return h.current.validate},initialValue:s,isEqual:function(e,t){return(h.current.isEqual||L)(e,t)},silent:t,validateFields:b})}var i=(e=void 0===e?{}:e).afterSubmit,t=e.allowNull,u=e.component,a=e.data,o=e.defaultValue,c=e.format,l=void 0===c?U:c,f=e.formatOnBlur,s=e.initialValue,d=e.multiple,c=e.parse,v=void 0===c?A:c,c=e.subscription,m=void 0===c?z:c,p=e.type,b=e.validateFields,g=e.value,y=D("useField"),h=x(e),O=E.useRef(!0),c=E.useState(function(){var t={},e=y.destroyOnUnregister;return y.destroyOnUnregister=!1,n(function(e){t=e},!0)(),y.destroyOnUnregister=e,t}),S=c[0],F=c[1];E.useEffect(function(){return n(function(e){O.current?O.current=!1:F(e)},!1)},[r,a,o,s]);e={onBlur:E.useCallback(function(e){var t;S.blur(),f&&(t=y.getFieldState(S.name),S.change(l(t.value,S.name)))},[S.blur,S.name,l,f]),onChange:E.useCallback(function(e){e=e&&e.target?function(e,t,n,r){if(!r&&e.nativeEvent&&void 0!==e.nativeEvent.text)return e.nativeEvent.text;if(r&&e.nativeEvent)return e.nativeEvent.text;var i=e.target,r=i.type,u=i.value,a=i.checked;switch(r){case"checkbox":if(void 0===n)return!!a;if(a)return Array.isArray(t)?t.concat(n):[n];if(!Array.isArray(t))return t;var o=t.indexOf(n);return o<0?t:t.slice(0,o).concat(t.slice(o+1));case"select-multiple":return function(e){var t=[];if(e)for(var n=0;n<e.length;n++){var r=e[n];r.selected&&t.push(r.value)}return t}(e.target.options);default:return u}}(e,S.value,g,_):e;S.change(v(e,r))},[g,r,v,S.change,S.value,p]),onFocus:E.useCallback(function(e){S.focus()},[S.focus])},c={};R(c,S,["active","data","dirty","dirtySinceLastSubmit","error","initial","invalid","length","modified","modifiedSinceLastSubmit","pristine","submitError","submitFailed","submitSucceeded","submitting","touched","valid","validating","visited"]);e=w({name:r,get value(){var e=S.value;return f?"input"===u&&(e=U(e)):e=l(e,r),null!==e||t||(e=""),"checkbox"===p||"radio"===p?g:"select"===u&&d?e||[]:e},get checked(){var e=S.value;return"checkbox"===p?(e=l(e,r),void 0===g?!!e:!(!Array.isArray(e)||!~e.indexOf(g))):"radio"===p?l(e,r)===g:void 0}},e);return d&&(e.multiple=d),void 0!==p&&(e.type=p),{input:e,meta:c}}e.Field=E.forwardRef(function(e,t){var n=e.afterSubmit,r=e.allowNull,i=e.beforeSubmit,u=e.children,a=e.component,o=e.data,c=e.defaultValue,l=e.format,f=e.formatOnBlur,s=e.initialValue,d=e.isEqual,v=e.multiple,m=e.name,p=e.parse,b=e.subscription,g=e.type,y=e.validate,h=e.validateFields,O=e.value,e=S(e,["afterSubmit","allowNull","beforeSubmit","children","component","data","defaultValue","format","formatOnBlur","initialValue","isEqual","multiple","name","parse","subscription","type","validate","validateFields","value"]),O=N(m,{afterSubmit:n,allowNull:r,beforeSubmit:i,children:u,component:a,data:o,defaultValue:c,format:l,formatOnBlur:f,initialValue:s,isEqual:d,multiple:v,parse:p,subscription:b,type:g,validate:y,validateFields:h,value:O});if("function"==typeof u)return u(w({},O,e));if("string"==typeof a)return E.createElement(a,w({},O.input,{children:u,ref:t},e));if(!m)throw new Error("prop name cannot be undefined in <Field> component");return F(w({children:u,component:a,ref:t},e),O,"Field("+m+")")}),e.Form=i,e.FormSpy=a,e.useField=N,e.useForm=D,e.useFormState=u,e.version=t,e.withTypes=function(){return{Form:i,FormSpy:a}},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=react-final-form.umd.min.js.map

package.json

 {
   "name": "react-final-form",
-  "version": "6.5.2",
+  "version": "6.5.3",
   "description": "🏁 High performance subscription-based form state management for React",
@@ -43,2 +43,3 @@ "main": "dist/react-final-form.cjs.js",
     "@babel/plugin-transform-flow-strip-types": "^7.12.1",
+    "@babel/plugin-transform-react-jsx-source": "^7.12.13",
     "@babel/plugin-transform-runtime": "^7.12.1",
@@ -45,0 +46,0 @@ "@babel/preset-env": "^7.12.1",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

196502

increased by1.28%

Lines of code

2380

increased by1.8%

Worsened metrics

Dev dependency count

61

increased by1.67%

No dependency changes