react-final-form
Advanced tools
Comparing version 6.5.2 to 6.5.3
@@ -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 |
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 |
@@ -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 |
@@ -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 |
{ | ||
"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", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
196502
2380
61