@danderson00/react-forms 0.0.32 → 0.0.35

package/dist/ErrorMessage.js

@@ -21,4 +21,5 @@ var _default = function _default(_ref) {
   });
 };
 
-exports["default"] = _default;
+exports["default"] = _default;
+//# sourceMappingURL=ErrorMessage.js.map

package/dist/ErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.js","names":["extractErrorMessage","error","hasOwnProperty","message","createElement","className","children"],"sources":["../src/ErrorMessage.js"],"sourcesContent":["import { createElement } from 'react'\n\nexport const extractErrorMessage = error => error\n  ? (error.hasOwnProperty('stack') || error.hasOwnProperty('message'))\n    ? error.message || 'An error occurred'\n    : error\n  : 'An error occurred'\n\nexport default ({ error }) => createElement('div', {\n  className: 'react-forms-error',\n  children: extractErrorMessage(error)\n})"],"mappings":";;;;;;;AAAA;;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAC,KAAK;EAAA,OAAIA,KAAK,GAC5CA,KAAK,CAACC,cAAN,CAAqB,OAArB,KAAiCD,KAAK,CAACC,cAAN,CAAqB,SAArB,CAAlC,GACED,KAAK,CAACE,OAAN,IAAiB,mBADnB,GAEEF,KAH2C,GAI7C,mBAJoC;AAAA,CAAjC;;;;eAMQ;EAAA,IAAGA,KAAH,QAAGA,KAAH;EAAA,oBAAe,IAAAG,oBAAA,EAAc,KAAd,EAAqB;IACjDC,SAAS,EAAE,mBADsC;IAEjDC,QAAQ,EAAEN,mBAAmB,CAACC,KAAD;EAFoB,CAArB,CAAf;AAAA,C"}

package/dist/Form.js

@@ -100,12 +100,16 @@ var Form = function Form(ContextProvider) {
       setValid(form.current.checkValidity());
     };
 
-    var onSubmit = function onSubmit(e, additionalValues) {
-      var submitOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      var validate = submitOptions.validate;
-      fieldValidators.forEach(function (setFieldValidated) {
-        return setFieldValidated();
-      });
+    var onSubmit = function onSubmit(e) {
+      var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+          additionalValues = _ref2.additionalValues,
+          validate = _ref2.validate;
+
+      if (validate !== false) {
+        fieldValidators.forEach(function (setFieldValidated) {
+          return setFieldValidated();
+        });
+      }
 
       if ((validate === false || form.current.checkValidity()) && props.onSubmit) {
         setError(undefined);
@@ -150,6 +154,7 @@ var Form = function Form(ContextProvider) {
       }
 
       e && e.preventDefault && e.preventDefault();
+      e && e.stopPropagation && e.stopPropagation();
     };
 
     var classNames = ['react-forms', props.className];
@@ -197,4 +202,5 @@ var Form = function Form(ContextProvider) {
 };
 
 var _default = Form;
-exports["default"] = _default;
+exports["default"] = _default;
+//# sourceMappingURL=Form.js.map

package/dist/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","names":["Form","ContextProvider","additionalContext","ErrorMessage","resetOnSubmit","row","gap","props","useState","values","fieldValues","setFieldValues","useReducer","validators","validator","fieldValidators","registerFieldValidator","error","setError","valid","setValid","form","createRef","useEffect","current","checkValidity","getFieldValue","path","get","getFieldValues","mapFieldValues","target","Object","keys","reduce","name","set","setFieldValue","value","previousValues","onSubmit","e","additionalValues","validate","forEach","setFieldValidated","undefined","interactiveElements","querySelectorAll","setFormDisabled","disabled","x","reset","checkResultForError","result","success","message","then","preventDefault","stopPropagation","classNames","className","push","mergedAdditionalContext","property","createElement","join","noValidate","ref","style","children","key","type","visibility","position"],"sources":["../src/Form.js"],"sourcesContent":["import { createElement, createRef, useEffect, useReducer, useState } from 'react'\nimport { get, set } from 'object-path-immutable'\n\nconst Form = (ContextProvider, additionalContext = {}, ErrorMessage) => (\n  ({ resetOnSubmit, row, gap, ...props }) => {\n    const [fieldValues, setFieldValues] = useState(props.values || {})\n    const [fieldValidators, registerFieldValidator] = useReducer((validators, validator) => [...validators, validator], [])\n    const [error, setError] = useState()\n    const [valid, setValid] = useState()\n    const form = createRef()\n\n    useEffect(() => {\n      if(form.current) {\n        setValid(form.current.checkValidity())\n      }\n    }, [form.current])\n\n    const getFieldValue = path => get(fieldValues, path)\n    const getFieldValues = () => fieldValues\n    const mapFieldValues = target => Object.keys(target).reduce(\n      (values, name) => set(values, name, target[name]),\n      {}\n    )\n\n    const setFieldValue = (path, value) => {\n      setFieldValues(previousValues => set(previousValues, path, value))\n      setValid(form.current.checkValidity())\n    }\n\n    const onSubmit = (e, { additionalValues, validate } = {}) => {\n      if(validate !== false) {\n        fieldValidators.forEach(setFieldValidated => setFieldValidated())\n      }\n\n      if((validate === false || form.current.checkValidity()) && props.onSubmit) {\n        setError(undefined)\n\n        const interactiveElements = form.current.querySelectorAll('input,button,textarea,select')\n        const setFormDisabled = disabled => interactiveElements.forEach(x => x.disabled = disabled)\n\n        const reset = () => {\n          if(resetOnSubmit) {\n            setFieldValues(props.values || {})\n          }\n        }\n\n        try {\n          const checkResultForError = result => {\n            if(result && (result.success === false || result.error)) {\n              setError(result.error || result.message || 'Form submission failed')\n            } else {\n              reset()\n            }\n            return result\n          }\n\n          const result = props.onSubmit(mapFieldValues({ ...fieldValues, ...additionalValues }))\n            if(result && typeof result.then === 'function') {\n              setFormDisabled(true)\n              result\n                .then(checkResultForError)\n                .catch(setError)\n                .finally(() => setFormDisabled(false))\n            } else {\n              reset()\n            }\n        } catch(error) {\n          setError(error)\n        }\n      }\n\n      e && e.preventDefault && e.preventDefault()\n      e && e.stopPropagation && e.stopPropagation()\n    }\n\n    const classNames = ['react-forms', props.className]\n    if(row) {\n      classNames.push('react-forms-row')\n    }\n\n    const mergedAdditionalContext = Object.keys(additionalContext).reduce(\n      (result, property) => ({ ...result, [property]: props[property] || additionalContext[property] }),\n      {}\n    )\n\n    return (\n      createElement('form', {\n        ...props,\n        className: classNames.join(' '),\n        noValidate: true,\n        onSubmit: onSubmit,\n        ref: form,\n        ...(gap && { style: { gap } }),\n        children: [\n          createElement(ContextProvider, {\n            ...props,\n            key: 'context',\n            value: {\n              registerFieldValidator,\n              setFieldValue,\n              getFieldValue,\n              getFieldValues,\n              onSubmit,\n              valid,\n              ...mergedAdditionalContext\n            }\n          }),\n          error && createElement(ErrorMessage, { key: 'error', error }),\n          createElement('input', {\n            key: 'submit',\n            type: 'submit',\n            style: {\n              visibility: 'hidden',\n              position: 'absolute'\n            }\n          }),\n        ]\n      })\n    )\n  }\n)\nexport default Form"],"mappings":"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"}

package/dist/Group.js

@@ -41,4 +41,5 @@ var Group = function Group(formContext) {
 };
 
 var _default = Group;
-exports["default"] = _default;
+exports["default"] = _default;
+//# sourceMappingURL=Group.js.map

package/dist/Group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","names":["Group","formContext","name","props","Error","useContext","groups","context","createElement","Provider","value","concat"],"sources":["../src/Group.js"],"sourcesContent":["import { createElement, useContext } from 'react'\n\nconst Group = formContext => ({ name, ...props }) => {\n  if (!name) throw new Error(\"You must provide a name prop to form components\")\n  const { groups = [], ...context } = useContext(formContext)\n\n  return createElement(formContext.Provider, {\n    ...props,\n    value: {\n      ...context,\n      groups: groups.concat(name)\n    }\n  })\n}\nexport default Group"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAAAC,WAAW;EAAA,OAAI,gBAAwB;IAAA,IAArBC,IAAqB,QAArBA,IAAqB;IAAA,IAAZC,KAAY;;IACnD,IAAI,CAACD,IAAL,EAAW,MAAM,IAAIE,KAAJ,CAAU,iDAAV,CAAN;;IACX,kBAAoC,IAAAC,iBAAA,EAAWJ,WAAX,CAApC;IAAA,qCAAQK,MAAR;IAAA,IAAQA,MAAR,mCAAiB,EAAjB;IAAA,IAAwBC,OAAxB;;IAEA,oBAAO,IAAAC,oBAAA,EAAcP,WAAW,CAACQ,QAA1B,kCACFN,KADE;MAELO,KAAK,kCACAH,OADA;QAEHD,MAAM,EAAEA,MAAM,CAACK,MAAP,CAAcT,IAAd;MAFL;IAFA,GAAP;EAOD,CAXwB;AAAA,CAAzB;;eAYeF,K"}

package/dist/index.js

@@ -110,4 +110,5 @@ var wrapSubmit = function wrapSubmit(component) {
 
 exports.wrapSubmit = wrapSubmit;
 var useFormValues = (0, _useFormValues["default"])(context);
-exports.useFormValues = useFormValues;
+exports.useFormValues = useFormValues;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["context","createContext","createConsumer","ConsumerComponent","props","createElement","Consumer","children","createRawConsumer","registerFieldValidator","setFieldValue","getFieldValue","Form","FormProvider","Provider","ErrorMessage","Group","GroupProvider","Submit","submit","Input","input","Textarea","Select","type","wrapInput","component","options","wrapSubmit","useFormValues","useFormValuesImpl"],"sources":["../src/index.js"],"sourcesContent":["import { createContext, createElement } from 'react'\nimport FormProvider from './Form'\nimport GroupProvider from './Group'\nimport ErrorMessage from './ErrorMessage'\nimport submit from './submit'\nimport input from './input'\nimport useFormValuesImpl from './useFormValues'\nimport './styles'\n\nexport const context = createContext({})\n\nconst createConsumer = ConsumerComponent => props => createElement(\n  context.Consumer,\n  { children: context => createElement(ConsumerComponent, { ...context, ...props }) }\n)\n\nexport const createRawConsumer = ConsumerComponent => (\n  props => createElement(\n    context.Consumer,\n    { children: ({ registerFieldValidator, setFieldValue, getFieldValue, ...context }) => (\n      createElement(ConsumerComponent, { ...context, ...props })\n    )}\n  )\n)\n\nexport const Form = FormProvider(context.Provider, {}, ErrorMessage)\nexport const Group = GroupProvider(context)\nexport const Submit = createConsumer(submit(props => createElement('button', props)))\n\nexport const Input = createConsumer(input(props => createElement('input', props)))\nexport const Textarea = createConsumer(input(props => createElement('textarea', props)))\nexport const Select = createConsumer(input(props => createElement('select', props), { type: 'select' }))\n\nexport const wrapInput = (component, options) => createConsumer(input(props => createElement(component, props), options))\nexport const wrapSubmit = component => createConsumer(submit(props => createElement(component, props)))\n\nexport const useFormValues = useFormValuesImpl(context)\n\nexport { FormProvider }"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEO,IAAMA,OAAO,gBAAG,IAAAC,oBAAA,EAAc,EAAd,CAAhB;;;AAEP,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAAC,iBAAiB;EAAA,OAAI,UAAAC,KAAK;IAAA,oBAAI,IAAAC,oBAAA,EACnDL,OAAO,CAACM,QAD2C,EAEnD;MAAEC,QAAQ,EAAE,kBAAAP,OAAO;QAAA,oBAAI,IAAAK,oBAAA,EAAcF,iBAAd,kCAAsCH,OAAtC,GAAkDI,KAAlD,EAAJ;MAAA;IAAnB,CAFmD,CAAJ;EAAA,CAAT;AAAA,CAAxC;;AAKO,IAAMI,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAL,iBAAiB;EAAA,OAChD,UAAAC,KAAK;IAAA,oBAAI,IAAAC,oBAAA,EACPL,OAAO,CAACM,QADD,EAEP;MAAEC,QAAQ,EAAE;QAAA,IAAGE,sBAAH,QAAGA,sBAAH;QAAA,IAA2BC,aAA3B,QAA2BA,aAA3B;QAAA,IAA0CC,aAA1C,QAA0CA,aAA1C;QAAA,IAA4DX,OAA5D;;QAAA,oBACV,IAAAK,oBAAA,EAAcF,iBAAd,kCAAsCH,OAAtC,GAAkDI,KAAlD,EADU;MAAA;IAAZ,CAFO,CAAJ;EAAA,CAD2C;AAAA,CAA3C;;;AASA,IAAMQ,IAAI,GAAG,IAAAC,gBAAA,EAAab,OAAO,CAACc,QAArB,EAA+B,EAA/B,EAAmCC,wBAAnC,CAAb;;AACA,IAAMC,KAAK,GAAG,IAAAC,iBAAA,EAAcjB,OAAd,CAAd;;AACA,IAAMkB,MAAM,GAAGhB,cAAc,CAAC,IAAAiB,kBAAA,EAAO,UAAAf,KAAK;EAAA,oBAAI,IAAAC,oBAAA,EAAc,QAAd,EAAwBD,KAAxB,CAAJ;AAAA,CAAZ,CAAD,CAA7B;;AAEA,IAAMgB,KAAK,GAAGlB,cAAc,CAAC,IAAAmB,iBAAA,EAAM,UAAAjB,KAAK;EAAA,oBAAI,IAAAC,oBAAA,EAAc,OAAd,EAAuBD,KAAvB,CAAJ;AAAA,CAAX,CAAD,CAA5B;;AACA,IAAMkB,QAAQ,GAAGpB,cAAc,CAAC,IAAAmB,iBAAA,EAAM,UAAAjB,KAAK;EAAA,oBAAI,IAAAC,oBAAA,EAAc,UAAd,EAA0BD,KAA1B,CAAJ;AAAA,CAAX,CAAD,CAA/B;;AACA,IAAMmB,MAAM,GAAGrB,cAAc,CAAC,IAAAmB,iBAAA,EAAM,UAAAjB,KAAK;EAAA,oBAAI,IAAAC,oBAAA,EAAc,QAAd,EAAwBD,KAAxB,CAAJ;AAAA,CAAX,EAA+C;EAAEoB,IAAI,EAAE;AAAR,CAA/C,CAAD,CAA7B;;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,SAAD,EAAYC,OAAZ;EAAA,OAAwBzB,cAAc,CAAC,IAAAmB,iBAAA,EAAM,UAAAjB,KAAK;IAAA,oBAAI,IAAAC,oBAAA,EAAcqB,SAAd,EAAyBtB,KAAzB,CAAJ;EAAA,CAAX,EAAgDuB,OAAhD,CAAD,CAAtC;AAAA,CAAlB;;;;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAAAF,SAAS;EAAA,OAAIxB,cAAc,CAAC,IAAAiB,kBAAA,EAAO,UAAAf,KAAK;IAAA,oBAAI,IAAAC,oBAAA,EAAcqB,SAAd,EAAyBtB,KAAzB,CAAJ;EAAA,CAAZ,CAAD,CAAlB;AAAA,CAA5B;;;AAEA,IAAMyB,aAAa,GAAG,IAAAC,yBAAA,EAAkB9B,OAAlB,CAAtB"}

package/dist/injectCss.js

@@ -18,4 +18,5 @@ function injectCss(id, css) {
   } else {
     style.appendChild(document.createTextNode(css));
   }
-}
+}
+//# sourceMappingURL=injectCss.js.map

package/dist/injectCss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectCss.js","names":["injectCss","id","css","document","querySelector","head","getElementsByTagName","style","createElement","type","appendChild","styleSheet","cssText","createTextNode"],"sources":["../src/injectCss.js"],"sourcesContent":["export default function injectCss(id, css) {\n  if (!css || typeof document === 'undefined' || document.querySelector(`#${id}`)) return\n\n  const head = document.head || document.getElementsByTagName('head')[0]\n  const style = document.createElement('style')\n  style.id = id\n  style.type = 'text/css'\n\n  head.appendChild(style)\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css\n  } else {\n    style.appendChild(document.createTextNode(css))\n  }\n}"],"mappings":";;;;;;;AAAe,SAASA,SAAT,CAAmBC,EAAnB,EAAuBC,GAAvB,EAA4B;EACzC,IAAI,CAACA,GAAD,IAAQ,OAAOC,QAAP,KAAoB,WAA5B,IAA2CA,QAAQ,CAACC,aAAT,YAA2BH,EAA3B,EAA/C,EAAiF;EAEjF,IAAMI,IAAI,GAAGF,QAAQ,CAACE,IAAT,IAAiBF,QAAQ,CAACG,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,CAA9B;EACA,IAAMC,KAAK,GAAGJ,QAAQ,CAACK,aAAT,CAAuB,OAAvB,CAAd;EACAD,KAAK,CAACN,EAAN,GAAWA,EAAX;EACAM,KAAK,CAACE,IAAN,GAAa,UAAb;EAEAJ,IAAI,CAACK,WAAL,CAAiBH,KAAjB;;EAEA,IAAIA,KAAK,CAACI,UAAV,EAAsB;IACpBJ,KAAK,CAACI,UAAN,CAAiBC,OAAjB,GAA2BV,GAA3B;EACD,CAFD,MAEO;IACLK,KAAK,CAACG,WAAN,CAAkBP,QAAQ,CAACU,cAAT,CAAwBX,GAAxB,CAAlB;EACD;AACF"}

package/dist/input.js

@@ -148,7 +148,9 @@ var _default = function _default(render) {
       if (submitOnChange && submitHandler) {
         // the setFieldValue above sets state on the Form component, used in the onSubmit handler
         // setting state requires an additional render cycle - we need to pass in the new value so it's set correctly
-        submitHandler(undefined, _defineProperty({}, name, applyValueTransforms(elementValue)));
+        submitHandler(undefined, {
+          additionalValues: _defineProperty({}, name, applyValueTransforms(elementValue))
+        });
       }
     };
 
@@ -279,4 +281,5 @@ var _default = function _default(render) {
   };
 };
 
-exports["default"] = _default;
+exports["default"] = _default;
+//# sourceMappingURL=input.js.map

package/dist/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":["nextElementId","id","render","options","Input","props","name","Error","setFieldValue","useState","fieldValidated","setFieldValidated","error","setError","previousValueProp","usePrevious","value","groups","throttle","onSubmit","map","group","submitHandler","createThrottled","isNaN","useEffect","getFieldValue","registerFieldValidator","types","setInitialValue","applyValueTransforms","undefined","set","element","document","querySelector","updateValidationState","useUpdate","onChange","args","event","submitOnChange","valueFromEvent","getOutputValue","elementValue","apply","target","checkValidity","additionalValues","onBlur","submitOnBlur","onFocus","selectOnFocus","selectText","selectionStart","selectionEnd","length","setTimeout","onKeyDown","numeric","exec","key","includes","keyCode","preventDefault","Boolean","passErrorProp","getValueProps","type","checked","defaultValue","getFieldValues","valid","passThroughProps","valueProps","currentValue","numericProps","typeProps","errorProps","className","finalProps"],"sources":["../src/input.js"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport usePrevious from './usePrevious'\nimport useUpdate from './useUpdate'\nimport types from './inputTypes'\nimport createThrottled from './throttle'\n\nconst nextElementId = (id => () => `react-forms-${++id}`)(0)\n\nexport default (render, options = {}) => function Input(props) {\n  if (!props.name) throw new Error(\"You must provide a name prop to form components\")\n  if (!props.setFieldValue) throw new Error(\"Input components must be contained within a Form component\")\n\n  const [fieldValidated, setFieldValidated] = useState(false)\n  const [error, setError] = useState(false)\n  const [id] = useState(props.id || nextElementId())\n  const previousValueProp = usePrevious(props.value)\n\n  // this is currently broken :-\\\n  const { groups = [], throttle, onSubmit } = props\n  const name = groups.map(group => group + '.') + props.name\n  const submitHandler = (throttle && onSubmit) ? createThrottled(onSubmit, isNaN(throttle) ? 200 : throttle) : onSubmit\n\n  useEffect(() => {\n    const { getFieldValue, setFieldValue, registerFieldValidator } = props\n    const { setInitialValue, applyValueTransforms } = types(props, options)\n\n    // don't override values that were set from passing a values prop to the form\n    if(getFieldValue(name) === undefined) {\n      // TODO: change setter to a getter and return a private `UNSET` symbol to indicate not to call the field setter\n      // this allows us to set the default value with useState above and not have an initial render cycle without the default value\n      // BUT... to get the default value of a select list, we need to render it first? dilemma....\n\n      setInitialValue({\n        // pass a setter function - radio buttons do not always want to set a value!\n        set: value => setFieldValue(name, applyValueTransforms(value)),\n        element: document.querySelector(`#${id}`)\n      })\n    }\n    registerFieldValidator(updateValidationState)\n\n    // TODO: need to unregister in case of dynamic form elements\n  }, [])\n\n  // ensure form values are updated to reflect passed `value` prop\n  // this probably introduces some redundancy with the onChange handler below\n  useUpdate(() => {\n    const { value, setFieldValue } = props\n    const { applyValueTransforms } = types(props, options)\n\n    if(value !== previousValueProp) {\n      setFieldValue(name, applyValueTransforms(value))\n    }\n  }, [props])\n\n  // TODO: refactor bubbling to prop pattern\n  const onChange = (...args) => {\n    const [event] = args\n    const { setFieldValue, onChange, submitOnChange } = props\n    const { valueFromEvent } = options\n    const { getOutputValue, applyValueTransforms } = types(props, options)\n\n    const elementValue = valueFromEvent\n      ? valueFromEvent.apply(null, args)\n      : getOutputValue({ event })\n\n    setFieldValue(name, applyValueTransforms(elementValue))\n\n    if(event && event.target && event.target.checkValidity) {\n      event.target.checkValidity()\n      updateValidationState()\n    }\n\n    if(onChange) {\n      onChange.apply(event.target, args)\n    }\n\n    if(submitOnChange && submitHandler) {\n      // the setFieldValue above sets state on the Form component, used in the onSubmit handler\n      // setting state requires an additional render cycle - we need to pass in the new value so it's set correctly\n      submitHandler(undefined, { additionalValues: { [name]: applyValueTransforms(elementValue) } })\n    }\n  }\n\n  const onBlur = (...args) => {\n    const { submitOnBlur, onSubmit, onBlur } = props\n    const [event] = args\n\n    if(submitOnBlur) {\n      onSubmit()\n    }\n    if(onBlur) {\n      onBlur.apply(event.target, args)\n    }\n  }\n\n  const onFocus = (...args) => {\n    const { selectOnFocus, onFocus } = props\n    const [event] = args\n    const element = event.target\n\n    const selectText = () => {\n      element.selectionStart = 0\n      element.selectionEnd = element.value.length\n    }\n\n    if(selectOnFocus) {\n      selectText()\n      setTimeout(selectText)\n    }\n    if(onFocus) {\n      onFocus.apply(element, args)\n    }\n  }\n\n  const onKeyDown = (...args) => {\n    const { onKeyDown } = props\n    const [event] = args\n    const element = event.target\n      \n    if(props.numeric && !/[0-9-]/.exec(event.key) && ![null, 0, 8, 9, 13, 27, 35, 36, 37, 39, 46].includes(event.keyCode)) {\n      event.preventDefault()\n    }\n\n    if(onKeyDown) {\n      onKeyDown.apply(element, args)\n    }\n  }\n\n\n  const updateValidationState = () => {\n    setFieldValidated(true)\n    // this is a little hacky, but the simplest way I could think of to determine the\n    // validity of the actual input element. :invalid is also not supported by enzyme\n    setError(Boolean(document.querySelector(`#${id}:invalid`)))\n  }\n\n  /* render */ {\n    const { passErrorProp } = options\n    const { getValueProps } = types(props, options)\n\n    const {\n      type, value, checked, defaultValue, numeric,\n      onSubmit, registerFieldValidator, setFieldValue, getFieldValue, getFieldValues,\n      submitOnChange, submitOnBlur, selectOnFocus, throttle, valid,\n      ...passThroughProps\n    } = props\n    const valueProps = getValueProps({ currentValue: getFieldValue(name) })\n    const numericProps = (numeric && { type: 'number' })\n    const typeProps = (type && { type })\n    const errorProps = (passErrorProp && { error })\n    const className = ((fieldValidated ? 'validated ' : '') + (props.className || '') || undefined)\n\n    const finalProps = {\n      id, name, className,\n      ...passThroughProps, ...valueProps, ...numericProps, ...typeProps, ...errorProps,\n      onChange, onFocus, onBlur, onKeyDown\n    }\n\n    return render(finalProps)\n  }\n}"],"mappings":"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"}

package/dist/inputTypes.js

@@ -110,4 +110,5 @@ var _default = function _default(props, options) {
   });
 };
 
-exports["default"] = _default;
+exports["default"] = _default;
+//# sourceMappingURL=inputTypes.js.map

package/dist/inputTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputTypes.js","names":["resolveValue","value","args","apply","props","options","type","checked","defaultValue","applyValueTransforms","numeric","isNaN","defaultType","setInitialValue","set","undefined","getOutputValue","event","target","Error","getValueProps","currentValue","checkboxValue","Boolean","types","text","radio","checkbox","select","element","length"],"sources":["../src/inputTypes.js"],"sourcesContent":["const resolveValue = (value, args) => typeof value === 'function' ? value.apply(null, args) : value\n\nexport default (props, options) => {\n  const { type, checked, value, defaultValue } = props\n\n  const applyValueTransforms = value => ((props.type === 'number' || props.numeric) && !isNaN(+value) && value !== '') ? +value : value\n\n  const defaultType = {\n    setInitialValue: ({ set }) => {\n      if(value !== undefined) {\n        set(value)\n      } else if (defaultValue !== undefined) {\n        set(defaultValue)\n      } else if (options.defaultValue !== undefined) {\n        set(resolveValue(options.defaultValue, [props]))\n      } else {\n        set(undefined)\n      }\n    },\n    getOutputValue: ({ event }) => {\n      if (event.target && event.target.value !== undefined) {\n        return event.target.value\n      } else if (event.value !== undefined) {\n        return event.value\n      } else {\n        throw new Error(\"Unable to determine input value from event\")\n      }\n    },\n    getValueProps: ({ currentValue }) => ({\n      value: currentValue === undefined ? '' : currentValue\n    })\n  }\n\n  const checkboxValue = (checked, value) => (value === undefined\n      ? Boolean(checked)\n      : checked ? value : undefined\n  )\n\n  const types = {\n    text: defaultType,\n    radio: {\n      setInitialValue: ({ set }) => checked && set(value),\n      getOutputValue: () => value,\n      getValueProps: ({ currentValue }) => ({ checked: applyValueTransforms(value) === currentValue })\n    },\n    checkbox: {\n      setInitialValue: ({ set }) => set(checkboxValue(checked, value)),\n      getOutputValue: ({ event }) => checkboxValue(event.target.checked, value),\n      getValueProps: ({ currentValue }) => ({ checked: Boolean(currentValue) })\n    },\n    select: {\n      ...defaultType,\n      setInitialValue: ({ set, element }) => {\n        set(value || defaultValue ||\n          (props.options && props.options.length > 0 && props.options[0]) || // this probably should come out - is it the right behavior for all browsers? it's here to keep 1 unit test happy?\n          element && element.value || '' // this *should* work in all browsers (except jsdom)...\n        )\n      }\n    }\n  }\n\n  return { ...(types[options.type || type] || types.text), applyValueTransforms }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAQC,IAAR;EAAA,OAAiB,OAAOD,KAAP,KAAiB,UAAjB,GAA8BA,KAAK,CAACE,KAAN,CAAY,IAAZ,EAAkBD,IAAlB,CAA9B,GAAwDD,KAAzE;AAAA,CAArB;;eAEe,kBAACG,KAAD,EAAQC,OAAR,EAAoB;EACjC,IAAQC,IAAR,GAA+CF,KAA/C,CAAQE,IAAR;EAAA,IAAcC,OAAd,GAA+CH,KAA/C,CAAcG,OAAd;EAAA,IAAuBN,KAAvB,GAA+CG,KAA/C,CAAuBH,KAAvB;EAAA,IAA8BO,YAA9B,GAA+CJ,KAA/C,CAA8BI,YAA9B;;EAEA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAAAR,KAAK;IAAA,OAAK,CAACG,KAAK,CAACE,IAAN,KAAe,QAAf,IAA2BF,KAAK,CAACM,OAAlC,KAA8C,CAACC,KAAK,CAAC,CAACV,KAAF,CAApD,IAAgEA,KAAK,KAAK,EAA3E,GAAiF,CAACA,KAAlF,GAA0FA,KAA9F;EAAA,CAAlC;;EAEA,IAAMW,WAAW,GAAG;IAClBC,eAAe,EAAE,+BAAa;MAAA,IAAVC,GAAU,QAAVA,GAAU;;MAC5B,IAAGb,KAAK,KAAKc,SAAb,EAAwB;QACtBD,GAAG,CAACb,KAAD,CAAH;MACD,CAFD,MAEO,IAAIO,YAAY,KAAKO,SAArB,EAAgC;QACrCD,GAAG,CAACN,YAAD,CAAH;MACD,CAFM,MAEA,IAAIH,OAAO,CAACG,YAAR,KAAyBO,SAA7B,EAAwC;QAC7CD,GAAG,CAACd,YAAY,CAACK,OAAO,CAACG,YAAT,EAAuB,CAACJ,KAAD,CAAvB,CAAb,CAAH;MACD,CAFM,MAEA;QACLU,GAAG,CAACC,SAAD,CAAH;MACD;IACF,CAXiB;IAYlBC,cAAc,EAAE,+BAAe;MAAA,IAAZC,KAAY,SAAZA,KAAY;;MAC7B,IAAIA,KAAK,CAACC,MAAN,IAAgBD,KAAK,CAACC,MAAN,CAAajB,KAAb,KAAuBc,SAA3C,EAAsD;QACpD,OAAOE,KAAK,CAACC,MAAN,CAAajB,KAApB;MACD,CAFD,MAEO,IAAIgB,KAAK,CAAChB,KAAN,KAAgBc,SAApB,EAA+B;QACpC,OAAOE,KAAK,CAAChB,KAAb;MACD,CAFM,MAEA;QACL,MAAM,IAAIkB,KAAJ,CAAU,4CAAV,CAAN;MACD;IACF,CApBiB;IAqBlBC,aAAa,EAAE;MAAA,IAAGC,YAAH,SAAGA,YAAH;MAAA,OAAuB;QACpCpB,KAAK,EAAEoB,YAAY,KAAKN,SAAjB,GAA6B,EAA7B,GAAkCM;MADL,CAAvB;IAAA;EArBG,CAApB;;EA0BA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACf,OAAD,EAAUN,KAAV;IAAA,OAAqBA,KAAK,KAAKc,SAAV,GACrCQ,OAAO,CAAChB,OAAD,CAD8B,GAErCA,OAAO,GAAGN,KAAH,GAAWc,SAFF;EAAA,CAAtB;;EAKA,IAAMS,KAAK,GAAG;IACZC,IAAI,EAAEb,WADM;IAEZc,KAAK,EAAE;MACLb,eAAe,EAAE;QAAA,IAAGC,GAAH,SAAGA,GAAH;QAAA,OAAaP,OAAO,IAAIO,GAAG,CAACb,KAAD,CAA3B;MAAA,CADZ;MAELe,cAAc,EAAE;QAAA,OAAMf,KAAN;MAAA,CAFX;MAGLmB,aAAa,EAAE;QAAA,IAAGC,YAAH,SAAGA,YAAH;QAAA,OAAuB;UAAEd,OAAO,EAAEE,oBAAoB,CAACR,KAAD,CAApB,KAAgCoB;QAA3C,CAAvB;MAAA;IAHV,CAFK;IAOZM,QAAQ,EAAE;MACRd,eAAe,EAAE;QAAA,IAAGC,GAAH,SAAGA,GAAH;QAAA,OAAaA,GAAG,CAACQ,aAAa,CAACf,OAAD,EAAUN,KAAV,CAAd,CAAhB;MAAA,CADT;MAERe,cAAc,EAAE;QAAA,IAAGC,KAAH,SAAGA,KAAH;QAAA,OAAeK,aAAa,CAACL,KAAK,CAACC,MAAN,CAAaX,OAAd,EAAuBN,KAAvB,CAA5B;MAAA,CAFR;MAGRmB,aAAa,EAAE;QAAA,IAAGC,YAAH,SAAGA,YAAH;QAAA,OAAuB;UAAEd,OAAO,EAAEgB,OAAO,CAACF,YAAD;QAAlB,CAAvB;MAAA;IAHP,CAPE;IAYZO,MAAM,kCACDhB,WADC;MAEJC,eAAe,EAAE,gCAAsB;QAAA,IAAnBC,GAAmB,SAAnBA,GAAmB;QAAA,IAAde,OAAc,SAAdA,OAAc;QACrCf,GAAG,CAACb,KAAK,IAAIO,YAAT,IACDJ,KAAK,CAACC,OAAN,IAAiBD,KAAK,CAACC,OAAN,CAAcyB,MAAd,GAAuB,CAAxC,IAA6C1B,KAAK,CAACC,OAAN,CAAc,CAAd,CAD5C,IACiE;QACnEwB,OAAO,IAAIA,OAAO,CAAC5B,KAFjB,IAE0B,EAF3B,CAE8B;QAF9B,CAAH;MAID;IAPG;EAZM,CAAd;EAuBA,uCAAauB,KAAK,CAACnB,OAAO,CAACC,IAAR,IAAgBA,IAAjB,CAAL,IAA+BkB,KAAK,CAACC,IAAlD;IAAyDhB,oBAAoB,EAApBA;EAAzD;AACD,C"}

package/dist/styles.js

@@ -4,4 +4,5 @@ var _injectCss = _interopRequireDefault(require("./injectCss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-(0, _injectCss["default"])('react-forms-styles', "\n.react-forms {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.react-forms-row {\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.react-forms-error {\n  color: #f44336;\n}\n");
+(0, _injectCss["default"])('react-forms-styles', "\n.react-forms {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.react-forms-row {\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.react-forms-error {\n  color: #f44336;\n}\n");
+//# sourceMappingURL=styles.js.map

package/dist/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["injectCss"],"sources":["../src/styles.js"],"sourcesContent":["import injectCss from './injectCss'\n\ninjectCss('react-forms-styles', `\n.react-forms {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.react-forms-row {\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.react-forms-error {\n  color: #f44336;\n}\n`)\n\n\n"],"mappings":";;AAAA;;;;AAEA,IAAAA,qBAAA,EAAU,oBAAV"}

package/dist/submit.js

@@ -59,8 +59,9 @@ var _default = function _default(render) {
         setExecuting = _useState2[1];
 
     var onClick = function onClick(e) {
-      var result = onSubmit(e, values, {
-        validate: validate
+      var result = onSubmit(e, {
+        validate: validate,
+        additionalValues: values
       });
 
       if (result && result["finally"] && typeof result["finally"] === 'function') {
@@ -80,4 +81,5 @@ var _default = function _default(render) {
   };
 };
 
-exports["default"] = _default;
+exports["default"] = _default;
+//# sourceMappingURL=submit.js.map

package/dist/submit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit.js","names":["render","Submit","props","onSubmit","Error","registerFieldValidator","setFieldValue","getFieldValue","getFieldValues","valid","validate","disableInvalid","values","propsToPass","useState","executing","setExecuting","onClick","e","result","additionalValues","finalProps","disabled"],"sources":["../src/submit.js"],"sourcesContent":["import React, { useState } from 'react'\n\nexport default render => function Submit(props) {\n  if(!props.onSubmit) throw new Error('Button components must be contained within a Form component')\n\n  const {\n    onSubmit, registerFieldValidator, setFieldValue, getFieldValue, getFieldValues,\n    valid, validate, disableInvalid, values, ...propsToPass\n  } = props\n\n  // TODO: set executing when form is triggered by enter key\n  const [executing, setExecuting] = useState(false)\n\n  const onClick = e => {\n    const result = onSubmit(e, { validate, additionalValues: values })\n    if(result && result.finally && typeof result.finally === 'function') {\n      setExecuting(true)\n      result.finally(() => setExecuting(false))\n    }\n  }\n\n  const finalProps = {\n    ...propsToPass,\n    onClick,\n    disabled: props.disabled || executing || (disableInvalid && !valid)\n  }\n\n  return render(finalProps)\n}\n"],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAEe,kBAAAA,MAAM;EAAA,OAAI,SAASC,MAAT,CAAgBC,KAAhB,EAAuB;IAC9C,IAAG,CAACA,KAAK,CAACC,QAAV,EAAoB,MAAM,IAAIC,KAAJ,CAAU,6DAAV,CAAN;;IAEpB,IACED,QADF,GAGID,KAHJ,CACEC,QADF;IAAA,IACYE,sBADZ,GAGIH,KAHJ,CACYG,sBADZ;IAAA,IACoCC,aADpC,GAGIJ,KAHJ,CACoCI,aADpC;IAAA,IACmDC,aADnD,GAGIL,KAHJ,CACmDK,aADnD;IAAA,IACkEC,cADlE,GAGIN,KAHJ,CACkEM,cADlE;IAAA,IAEEC,KAFF,GAGIP,KAHJ,CAEEO,KAFF;IAAA,IAESC,QAFT,GAGIR,KAHJ,CAESQ,QAFT;IAAA,IAEmBC,cAFnB,GAGIT,KAHJ,CAEmBS,cAFnB;IAAA,IAEmCC,MAFnC,GAGIV,KAHJ,CAEmCU,MAFnC;IAAA,IAE8CC,WAF9C,4BAGIX,KAHJ,aAH8C,CAQ9C;;;IACA,gBAAkC,IAAAY,eAAA,EAAS,KAAT,CAAlC;IAAA;IAAA,IAAOC,SAAP;IAAA,IAAkBC,YAAlB;;IAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAAC,CAAC,EAAI;MACnB,IAAMC,MAAM,GAAGhB,QAAQ,CAACe,CAAD,EAAI;QAAER,QAAQ,EAARA,QAAF;QAAYU,gBAAgB,EAAER;MAA9B,CAAJ,CAAvB;;MACA,IAAGO,MAAM,IAAIA,MAAM,WAAhB,IAA4B,OAAOA,MAAM,WAAb,KAA0B,UAAzD,EAAqE;QACnEH,YAAY,CAAC,IAAD,CAAZ;QACAG,MAAM,WAAN,CAAe;UAAA,OAAMH,YAAY,CAAC,KAAD,CAAlB;QAAA,CAAf;MACD;IACF,CAND;;IAQA,IAAMK,UAAU,mCACXR,WADW;MAEdI,OAAO,EAAPA,OAFc;MAGdK,QAAQ,EAAEpB,KAAK,CAACoB,QAAN,IAAkBP,SAAlB,IAAgCJ,cAAc,IAAI,CAACF;IAH/C,EAAhB;;IAMA,OAAOT,MAAM,CAACqB,UAAD,CAAb;EACD,CA1BoB;AAAA,C"}

package/dist/throttle.js

@@ -20,4 +20,5 @@ var _default = function _default(target) {
   };
 };
 
-exports["default"] = _default;
+exports["default"] = _default;
+//# sourceMappingURL=throttle.js.map

package/dist/throttle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"throttle.js","names":["target","delay","timeout","args","clearTimeout","setTimeout"],"sources":["../src/throttle.js"],"sourcesContent":["export default (target, delay = 200) => {\n  let timeout\n\n  return (...args) => {\n    clearTimeout(timeout)\n    timeout = setTimeout(\n      () => target(...args),\n      delay\n    )\n  }\n}"],"mappings":";;;;;;;eAAe,kBAACA,MAAD,EAAyB;EAAA,IAAhBC,KAAgB,uEAAR,GAAQ;EACtC,IAAIC,OAAJ;EAEA,OAAO,YAAa;IAAA,kCAATC,IAAS;MAATA,IAAS;IAAA;;IAClBC,YAAY,CAACF,OAAD,CAAZ;IACAA,OAAO,GAAGG,UAAU,CAClB;MAAA,OAAML,MAAM,MAAN,SAAUG,IAAV,CAAN;IAAA,CADkB,EAElBF,KAFkB,CAApB;EAID,CAND;AAOD,C"}

package/dist/useFormValues.js

@@ -13,4 +13,5 @@ var _default = function _default(context) {
   };
 };
 
-exports["default"] = _default;
+exports["default"] = _default;
+//# sourceMappingURL=useFormValues.js.map

package/dist/useFormValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormValues.js","names":["context","useFormValues","useContext","getFieldValues"],"sources":["../src/useFormValues.js"],"sourcesContent":["import { useContext } from 'react'\n\nexport default context => function useFormValues() {\n  return useContext(context).getFieldValues()\n}"],"mappings":";;;;;;;AAAA;;eAEe,kBAAAA,OAAO;EAAA,OAAI,SAASC,aAAT,GAAyB;IACjD,OAAO,IAAAC,iBAAA,EAAWF,OAAX,EAAoBG,cAApB,EAAP;EACD,CAFqB;AAAA,C"}

package/dist/usePrevious.js

@@ -13,4 +13,5 @@ function usePrevious(value) {
     ref.current = value;
   });
   return ref.current;
-}
+}
+//# sourceMappingURL=usePrevious.js.map

package/dist/usePrevious.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.js","names":["usePrevious","value","ref","useRef","useEffect","current"],"sources":["../src/usePrevious.js"],"sourcesContent":["import { useRef, useEffect } from 'react'\n\nexport default function usePrevious(value) {\n  const ref = useRef()\n  useEffect(() => {\n    ref.current = value\n  })\n  return ref.current\n}"],"mappings":";;;;;;;AAAA;;AAEe,SAASA,WAAT,CAAqBC,KAArB,EAA4B;EACzC,IAAMC,GAAG,GAAG,IAAAC,aAAA,GAAZ;EACA,IAAAC,gBAAA,EAAU,YAAM;IACdF,GAAG,CAACG,OAAJ,GAAcJ,KAAd;EACD,CAFD;EAGA,OAAOC,GAAG,CAACG,OAAX;AACD"}

package/dist/useUpdate.js

@@ -12,4 +12,5 @@ function useUpdate(hook, inputs) {
   (0, _react.useEffect)(function () {
     if (didMountRef.current) hook();else didMountRef.current = true;
   }, inputs);
-}
+}
+//# sourceMappingURL=useUpdate.js.map

package/dist/useUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdate.js","names":["useUpdate","hook","inputs","didMountRef","useRef","useEffect","current"],"sources":["../src/useUpdate.js"],"sourcesContent":["import { useRef, useEffect } from 'react'\n\nexport default function useUpdate(hook, inputs) {\n  const didMountRef = useRef(false)\n\n  useEffect(() => {\n    if (didMountRef.current)\n      hook()\n    else\n      didMountRef.current = true\n  }, inputs)\n}"],"mappings":";;;;;;;AAAA;;AAEe,SAASA,SAAT,CAAmBC,IAAnB,EAAyBC,MAAzB,EAAiC;EAC9C,IAAMC,WAAW,GAAG,IAAAC,aAAA,EAAO,KAAP,CAApB;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACd,IAAIF,WAAW,CAACG,OAAhB,EACEL,IAAI,GADN,KAGEE,WAAW,CAACG,OAAZ,GAAsB,IAAtB;EACH,CALD,EAKGJ,MALH;AAMD"}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@danderson00/react-forms",
-  "version": "0.0.32",
+  "version": "0.0.35",
   "description": "Ultra simple, stateless, validated forms for use in React function components",
   "main": "dist/index.js",
   "module": "src/index.js",
   "scripts": {
     "test": "jest",
-    "build": "babel src --out-dir dist",
-    "prepare": "babel src --out-dir dist"
+    "build": "babel src --source-maps --out-dir dist",
+    "prepare": "babel src --source-maps --out-dir dist"
   },
   "dependencies": {
     "object-path-immutable": "^4.1.1"

package/src/Form.js

@@ -27,10 +27,10 @@ const Form = (ContextProvider, additionalContext = {}, ErrorMessage) => (
       setValid(form.current.checkValidity())
     }
 
-    const onSubmit = (e, additionalValues, submitOptions = {}) => {
-      const { validate } = submitOptions
-
-      fieldValidators.forEach(setFieldValidated => setFieldValidated())
+    const onSubmit = (e, { additionalValues, validate } = {}) => {
+      if(validate !== false) {
+        fieldValidators.forEach(setFieldValidated => setFieldValidated())
+      }
 
       if((validate === false || form.current.checkValidity()) && props.onSubmit) {
         setError(undefined)
@@ -70,6 +70,7 @@ const Form = (ContextProvider, additionalContext = {}, ErrorMessage) => (
       }
 
       e && e.preventDefault && e.preventDefault()
+      e && e.stopPropagation && e.stopPropagation()
     }
 
     const classNames = ['react-forms', props.className]

package/src/input.js

@@ -77,7 +77,7 @@ export default (render, options = {}) => function Input(props) {
     if(submitOnChange && submitHandler) {
       // the setFieldValue above sets state on the Form component, used in the onSubmit handler
       // setting state requires an additional render cycle - we need to pass in the new value so it's set correctly
-      submitHandler(undefined, { [name]: applyValueTransforms(elementValue) })
+      submitHandler(undefined, { additionalValues: { [name]: applyValueTransforms(elementValue) } })
     }
   }
 

package/src/submit.js

@@ -12,7 +12,7 @@ export default render => function Submit(props) {
   const [executing, setExecuting] = useState(false)
 
   const onClick = e => {
-    const result = onSubmit(e, values, { validate })
+    const result = onSubmit(e, { validate, additionalValues: values })
     if(result && result.finally && typeof result.finally === 'function') {
       setExecuting(true)
       result.finally(() => setExecuting(false))