another-use-form-hook - npm Package Compare versions

Comparing version 4.1.1 to 4.2.0-alpha.0

dist/another-use-form-hook.cjs.js

@@ -113,15 +113,11 @@ 'use strict';
 function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
 function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
 function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) {
-    for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
-
-    return arr2;
-  }
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
@@ -134,10 +130,7 @@
 function _iterableToArray(iter) {
-  if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
 }
 
 function _iterableToArrayLimit(arr, i) {
-  if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
-    return;
-  }
-
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
   var _arr = [];
@@ -168,10 +161,33 @@ var _n = true;
 
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(n);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+  return arr2;
+}
+
 function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance");
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
 function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance");
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
+var version = "4.2.0-alpha.0";
+
+var warnings = {
+  alpha: ['⚠  CAUTION! ⚠ ', "another-use-form-hook@".concat(version, " is an experimental version"), 'and it may contain bugs 🐛'].join('\n'),
+  generatePropsToExtendProps: ['In a future version of the package,', 'generateProps will be renamed to extendProps', 'in favor of name consistency with useForms().extendProps.', 'Note that extendProps specified here will override useForms().extendProps'].join('\n')
+};
 var errors = {
@@ -260,3 +276,3 @@ name: function name(_name) {
   }, [forms, onNotify, onSubmit, validators]);
-  return React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: value
@@ -319,7 +335,11 @@ }, children);
       handleChange = _ref.handleChange,
-      handleSubmit = _ref.handleSubmit;
+      handleSubmit = _ref.handleSubmit,
+      extendInputProps = _ref.extendInputProps;
   return function (name) {
+    var _extendProps;
+
     var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
         value = _ref2.value,
         generateProps = _ref2.generateProps,
+        extendProps = _ref2.extendProps,
         formName = _ref2.formName;
@@ -366,9 +386,11 @@
         break;
-    }
+    } // TODO: remove when generateProps is deprecated
 
-    return _objectSpread2({}, props, {}, generateProps === null || generateProps === void 0 ? void 0 : generateProps({
-      name: name,
-      value: field.value,
-      error: field.error
-    }));
+
+    if (process.env.NODE_ENV === 'development' && generateProps) console.warn(warnings.generatePropsToExtendProps);
+    extendProps = generateProps || extendProps;
+
+    var allProps = _objectSpread2({}, props, {}, field);
+
+    return _objectSpread2({}, props, {}, extendInputProps === null || extendInputProps === void 0 ? void 0 : extendInputProps(allProps), {}, (_extendProps = extendProps) === null || _extendProps === void 0 ? void 0 : _extendProps(allProps));
   };
@@ -561,3 +583,4 @@ };
       onSubmit = _ref.onSubmit,
-      onNotify = _ref.onNotify;
+      onNotify = _ref.onNotify,
+      extendInputProps = _ref.extendInputProps;
 
@@ -628,3 +651,4 @@ var _useFormContext = useFormContext(name, initialState),
     handleChange: handleChange,
-    handleSubmit: handleSubmit
+    handleSubmit: handleSubmit,
+    extendInputProps: extendInputProps
   });
@@ -631,0 +655,0 @@ return {

dist/another-use-form-hook.esm.js

@@ -106,15 +106,11 @@ import React, { createContext, useReducer, useMemo, useContext, useState } from 'react';
 function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
 function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
 function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) {
-    for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
-
-    return arr2;
-  }
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
@@ -127,10 +123,7 @@
 function _iterableToArray(iter) {
-  if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
 }
 
 function _iterableToArrayLimit(arr, i) {
-  if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
-    return;
-  }
-
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
   var _arr = [];
@@ -161,10 +154,33 @@ var _n = true;
 
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(n);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+  return arr2;
+}
+
 function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance");
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
 function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance");
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
+var version = "4.2.0-alpha.0";
+
+var warnings = {
+  alpha: ['⚠  CAUTION! ⚠ ', "another-use-form-hook@".concat(version, " is an experimental version"), 'and it may contain bugs 🐛'].join('\n'),
+  generatePropsToExtendProps: ['In a future version of the package,', 'generateProps will be renamed to extendProps', 'in favor of name consistency with useForms().extendProps.', 'Note that extendProps specified here will override useForms().extendProps'].join('\n')
+};
 var errors = {
@@ -253,3 +269,3 @@ name: function name(_name) {
   }, [forms, onNotify, onSubmit, validators]);
-  return React.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: value
@@ -312,7 +328,11 @@ }, children);
       handleChange = _ref.handleChange,
-      handleSubmit = _ref.handleSubmit;
+      handleSubmit = _ref.handleSubmit,
+      extendInputProps = _ref.extendInputProps;
   return function (name) {
+    var _extendProps;
+
     var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
         value = _ref2.value,
         generateProps = _ref2.generateProps,
+        extendProps = _ref2.extendProps,
         formName = _ref2.formName;
@@ -359,9 +379,11 @@
         break;
-    }
+    } // TODO: remove when generateProps is deprecated
 
-    return _objectSpread2({}, props, {}, generateProps === null || generateProps === void 0 ? void 0 : generateProps({
-      name: name,
-      value: field.value,
-      error: field.error
-    }));
+
+    if (process.env.NODE_ENV === 'development' && generateProps) console.warn(warnings.generatePropsToExtendProps);
+    extendProps = generateProps || extendProps;
+
+    var allProps = _objectSpread2({}, props, {}, field);
+
+    return _objectSpread2({}, props, {}, extendInputProps === null || extendInputProps === void 0 ? void 0 : extendInputProps(allProps), {}, (_extendProps = extendProps) === null || _extendProps === void 0 ? void 0 : _extendProps(allProps));
   };
@@ -554,3 +576,4 @@ };
       onSubmit = _ref.onSubmit,
-      onNotify = _ref.onNotify;
+      onNotify = _ref.onNotify,
+      extendInputProps = _ref.extendInputProps;
 
@@ -621,3 +644,4 @@ var _useFormContext = useFormContext(name, initialState),
     handleChange: handleChange,
-    handleSubmit: handleSubmit
+    handleSubmit: handleSubmit,
+    extendInputProps: extendInputProps
   });
@@ -624,0 +648,0 @@ return {

dist/another-use-form-hook.umd.js

@@ -111,15 +111,11 @@ (function (global, factory) {
   function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
   function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
 
   function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) {
-      for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
-
-      return arr2;
-    }
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
   }
@@ -132,10 +128,7 @@
   function _iterableToArray(iter) {
-    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
   }
 
   function _iterableToArrayLimit(arr, i) {
-    if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
-      return;
-    }
-
+    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
     var _arr = [];
@@ -166,10 +159,33 @@ var _n = true;
 
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
   function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance");
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
   function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
+  var version = "4.2.0-alpha.0";
+
+  var warnings = {
+    alpha: ['⚠  CAUTION! ⚠ ', "another-use-form-hook@".concat(version, " is an experimental version"), 'and it may contain bugs 🐛'].join('\n'),
+    generatePropsToExtendProps: ['In a future version of the package,', 'generateProps will be renamed to extendProps', 'in favor of name consistency with useForms().extendProps.', 'Note that extendProps specified here will override useForms().extendProps'].join('\n')
+  };
   var errors = {
@@ -316,3 +332,3 @@ name: function name(_name) {
     }, [forms, onNotify, onSubmit, validators]);
-    return React__default.createElement(FormContext.Provider, {
+    return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
       value: value
@@ -375,7 +391,11 @@ }, children);
         handleChange = _ref.handleChange,
-        handleSubmit = _ref.handleSubmit;
+        handleSubmit = _ref.handleSubmit,
+        extendInputProps = _ref.extendInputProps;
     return function (name) {
+      var _extendProps;
+
       var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
           value = _ref2.value,
           generateProps = _ref2.generateProps,
+          extendProps = _ref2.extendProps,
           formName = _ref2.formName;
@@ -422,9 +442,11 @@
           break;
-      }
+      } // TODO: remove when generateProps is deprecated
 
-      return _objectSpread2({}, props, {}, generateProps === null || generateProps === void 0 ? void 0 : generateProps({
-        name: name,
-        value: field.value,
-        error: field.error
-      }));
+
+      if ( generateProps) console.warn(warnings.generatePropsToExtendProps);
+      extendProps = generateProps || extendProps;
+
+      var allProps = _objectSpread2({}, props, {}, field);
+
+      return _objectSpread2({}, props, {}, extendInputProps === null || extendInputProps === void 0 ? void 0 : extendInputProps(allProps), {}, (_extendProps = extendProps) === null || _extendProps === void 0 ? void 0 : _extendProps(allProps));
     };
@@ -617,3 +639,4 @@ };
         onSubmit = _ref.onSubmit,
-        onNotify = _ref.onNotify;
+        onNotify = _ref.onNotify,
+        extendInputProps = _ref.extendInputProps;
 
@@ -684,3 +707,4 @@ var _useFormContext = useFormContext(name, initialState),
       handleChange: handleChange,
-      handleSubmit: handleSubmit
+      handleSubmit: handleSubmit,
+      extendInputProps: extendInputProps
     });
@@ -687,0 +711,0 @@ return {

dist/another-use-form-hook.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).AnotherUseFormHook={},e.React)}(this,(function(e,t){"use strict";var r="default"in t?t.default:t;function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function a(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if(!(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)))return;var r=[],n=!0,o=!1,i=void 0;try{for(var a,u=e[Symbol.iterator]();!(n=(a=u.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==u.return||u.return()}finally{if(o)throw i}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function c(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var l=function(e,t){var r=t.type,o=t.payload;return r in e?i({},e,n({},r,i({},e[r],{},o))):i({},e,{},o)};function s(e){var t=r.useRef();return function e(t,r){var n,o;if(t===r)return!0;if(t&&r&&(n=t.constructor)===r.constructor){if(n===Date)return t.getTime()===r.getTime();if(n===RegExp)return t.toString()===r.toString();if(n===Array&&(o=t.length)===r.length){for(;o--&&e(t[o],r[o]););return-1===o}if(n===Object){if(Object.keys(t).length!==Object.keys(r).length)return!1;for(o in t)if(!(o in r&&e(t[o],r[o])))return!1;return!0}}return t!=t&&r!=r}(e,t.current)||(t.current=e),t.current}function f(e,t){r.useEffect(e,s(t))}var d=t.createContext();var v=["text","radio","email","password","search","color","tel","url","submit","date","time","week","month","datetimeLocal","number","range","checkbox","select"],m=function(e){return v.reduce((function(t,r){return i({},t,n({},r,function(e){var t=e.type,r=e.fields,n=e.handleChange,o=e.handleSubmit;return function(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},u=a.value,c=a.generateProps,l=a.formName,s=r[e],f={name:e,id:e,value:u||(null==s?void 0:s.value),onChange:n,type:t};switch(t){case"datetimeLocal":f.type="datetime-local";break;case"radio":f.checked=s.value===u,f.id=u;break;case"checkbox":f.checked=s.value;break;case"select":delete f.type;break;case"submit":(f={value:e,children:e,type:"submit"}).onClick=l?function(e){return o(e,{formName:l})}:o}return i({},f,{},null==c?void 0:c({name:e,value:s.value,error:s.error}))}}(i({type:r},e))))}),{})};function y(e){var t=e.fields,r=e.validators,n=e.validations,o=e.form,a=void 0===o?{}:o,u=e.submitting,c=void 0!==u&&u;return n.reduce((function(e,n){return e[n]=!r(i({},a,{},t),c)[n],e}),{})}function b(e){var t=e.dispatch,r=e.setErrors,n=e.form,o=e.name,a=e.onNotify,u=e.validators,c=e.args,l={};if("target"in c[0]){var s=c[0].target,f=s.name,d=s.value,v=s.type,m=s.checked;l[f]=function(e,t,r){switch(e){case"range":case"number":return parseInt(t,10);case"checkbox":return r;case"date":case"month":case"time":case"week":case"datetime-local":default:return t}}(v,d,m)}else l=c[0];var b=y({form:n,validations:Array.isArray(c[1])?c[1]:Object.keys(l),fields:l,validators:u});r((function(e){return i({},e,{},b)}));var p=Object.keys(b).filter((function(e){return b[e]}));p.length&&(null==a||a("validationErrors",p)),t({type:o,payload:l})}e.FormProvider=function(e){var n=e.children,o=e.initialStates,i=void 0===o?{}:o,a=e.validators,c=void 0===a?void 0:a,s=e.onSubmit,v=void 0===s?void 0:s,m=e.onNotify,y=void 0===m?void 0:m,b=u(t.useReducer(l,i),2),p=b[0],h=b[1];f((function(){h({payload:i})}),[i,h]);var g=t.useMemo((function(){return{forms:p,dispatch:h,validators:c,onNotify:y,onSubmit:v}}),[p,y,v,c]);return r.createElement(d.Provider,{value:g},n)},e.default=function(e){var r=e.name,o=e.initialState,s=e.validators,v=e.onSubmit,p=e.onNotify,h=function(e,r){var n=u(t.useReducer(l,r,(function(){return r})),2),o=n[0],c=n[1],s=t.useContext(d);if(f((function(){e?s.dispatch({payload:r}):c({payload:r})}),[e,r,c]),!e)return{form:o,dispatch:c};var v=s.forms,m=s.validators,y=a(s,["forms","validators"]);return i({form:null==v?void 0:v[e],validators:null==m?void 0:m[e]},y)}(r,o),g=h.form,O=h.dispatch,j=a(h,["form","dispatch"]);s=s||j.validators,p=p||j.onNotify,v=v||j.onSubmit;var k=u(t.useState(!1),2),S=k[0],w=k[1],E=u(t.useState({}),2),P=E[0],x=E[1],A=function(e,t){return[].concat(c(Object.keys(e)),c(Object.keys(t))).reduce((function(r,o){return i({},r,n({},o,{value:o in e?e[o]:void 0,error:o in t&&t[o]}))}),{})}(g,P),N=Object.values(P).some((function(e){return e})),C=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return b({dispatch:O,setErrors:x,form:g,name:r,onNotify:p,validators:s,args:t})},D=function(e,t){return function(e){var t,r=e.e,n=e.options,o=e.name,a=e.form,l=e.submit,s=e.setLoading,f=e.setErrors,d=e.onNotify,v=e.validators;null==r||null===(t=r.preventDefault)||void 0===t||t.call(r),o=(null==n?void 0:n.formName)||o;var m=Object.keys(v(a,!1)),b=y({fields:a,validators:v,submitting:!0,validations:m});f((function(e){return i({},e,{},b)}));var p=Object.entries(b).reduce((function(e,t){var r=u(t,2),n=r[0],o=r[1];return[].concat(c(e),c(o?[n]:[]))}),[]);if(!p.length){var h={fields:a,setLoading:s,notify:function(){d&&d.apply(void 0,arguments)}};return o&&(h.name=o),l(h)}null==d||d("validationErrors",p)}({e:e,options:t,name:r,form:g,submit:v,setLoading:w,onNotify:p,setErrors:x,validators:s})},L=m({fields:A,handleChange:C,handleSubmit:D});return{name:r,fields:A,hasErrors:N,handleChange:C,loading:S,handleSubmit:D,inputs:L,validators:s}},e.getForms=function(){return i({},t.useContext(d).forms)},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).AnotherUseFormHook={},e.React)}(this,(function(e,t){"use strict";var r="default"in t?t.default:t;function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function a(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,o=!1,i=void 0;try{for(var a,u=e[Symbol.iterator]();!(n=(a=u.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==u.return||u.return()}finally{if(o)throw i}}return r}(e,t)||l(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||l(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){if(e){if("string"==typeof e)return s(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(r):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var f=function(e,t){var r=t.type,o=t.payload;return r in e?i({},e,n({},r,i({},e[r],{},o))):i({},e,{},o)};function d(e){var t=r.useRef();return function e(t,r){var n,o;if(t===r)return!0;if(t&&r&&(n=t.constructor)===r.constructor){if(n===Date)return t.getTime()===r.getTime();if(n===RegExp)return t.toString()===r.toString();if(n===Array&&(o=t.length)===r.length){for(;o--&&e(t[o],r[o]););return-1===o}if(n===Object){if(Object.keys(t).length!==Object.keys(r).length)return!1;for(o in t)if(!(o in r)||!e(t[o],r[o]))return!1;return!0}}return t!=t&&r!=r}(e,t.current)||(t.current=e),t.current}function v(e,t){r.useEffect(e,d(t))}var m=t.createContext();var y=["text","radio","email","password","search","color","tel","url","submit","date","time","week","month","datetimeLocal","number","range","checkbox","select"],p=function(e){return y.reduce((function(t,r){return i({},t,n({},r,function(e){var t=e.type,r=e.fields,n=e.handleChange,o=e.handleSubmit,a=e.extendInputProps;return function(e){var u,c=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=c.value,s=c.generateProps,f=c.extendProps,d=c.formName,v=r[e],m={name:e,id:e,value:l||(null==v?void 0:v.value),onChange:n,type:t};switch(t){case"datetimeLocal":m.type="datetime-local";break;case"radio":m.checked=v.value===l,m.id=l;break;case"checkbox":m.checked=v.value;break;case"select":delete m.type;break;case"submit":(m={value:e,children:e,type:"submit"}).onClick=d?function(e){return o(e,{formName:d})}:o}f=s||f;var y=i({},m,{},v);return i({},m,{},null==a?void 0:a(y),{},null===(u=f)||void 0===u?void 0:u(y))}}(i({type:r},e))))}),{})};function b(e){var t=e.fields,r=e.validators,n=e.validations,o=e.form,a=void 0===o?{}:o,u=e.submitting,c=void 0!==u&&u;return n.reduce((function(e,n){return e[n]=!r(i({},a,{},t),c)[n],e}),{})}function h(e){var t=e.dispatch,r=e.setErrors,n=e.form,o=e.name,a=e.onNotify,u=e.validators,c=e.args,l={};if("target"in c[0]){var s=c[0].target,f=s.name,d=s.value,v=s.type,m=s.checked;l[f]=function(e,t,r){switch(e){case"range":case"number":return parseInt(t,10);case"checkbox":return r;case"date":case"month":case"time":case"week":case"datetime-local":default:return t}}(v,d,m)}else l=c[0];var y=b({form:n,validations:Array.isArray(c[1])?c[1]:Object.keys(l),fields:l,validators:u});r((function(e){return i({},e,{},y)}));var p=Object.keys(y).filter((function(e){return y[e]}));p.length&&(null==a||a("validationErrors",p)),t({type:o,payload:l})}e.FormProvider=function(e){var n=e.children,o=e.initialStates,i=void 0===o?{}:o,a=e.validators,c=void 0===a?void 0:a,l=e.onSubmit,s=void 0===l?void 0:l,d=e.onNotify,y=void 0===d?void 0:d,p=u(t.useReducer(f,i),2),b=p[0],h=p[1];v((function(){h({payload:i})}),[i,h]);var g=t.useMemo((function(){return{forms:b,dispatch:h,validators:c,onNotify:y,onSubmit:s}}),[b,y,s,c]);return r.createElement(m.Provider,{value:g},n)},e.default=function(e){var r=e.name,o=e.initialState,l=e.validators,s=e.onSubmit,d=e.onNotify,y=e.extendInputProps,g=function(e,r){var n=u(t.useReducer(f,r,(function(){return r})),2),o=n[0],c=n[1],l=t.useContext(m);if(v((function(){e?l.dispatch({payload:r}):c({payload:r})}),[e,r,c]),!e)return{form:o,dispatch:c};var s=l.forms,d=l.validators,y=a(l,["forms","validators"]);return i({form:null==s?void 0:s[e],validators:null==d?void 0:d[e]},y)}(r,o),O=g.form,j=g.dispatch,S=a(g,["form","dispatch"]);l=l||S.validators,d=d||S.onNotify,s=s||S.onSubmit;var k=u(t.useState(!1),2),w=k[0],P=k[1],x=u(t.useState({}),2),E=x[0],A=x[1],N=function(e,t){return[].concat(c(Object.keys(e)),c(Object.keys(t))).reduce((function(r,o){return i({},r,n({},o,{value:o in e?e[o]:void 0,error:o in t&&t[o]}))}),{})}(O,E),I=Object.values(E).some((function(e){return e})),C=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return h({dispatch:j,setErrors:A,form:O,name:r,onNotify:d,validators:l,args:t})},D=function(e,t){return function(e){var t,r=e.e,n=e.options,o=e.name,a=e.form,l=e.submit,s=e.setLoading,f=e.setErrors,d=e.onNotify,v=e.validators;null==r||null===(t=r.preventDefault)||void 0===t||t.call(r),o=(null==n?void 0:n.formName)||o;var m=Object.keys(v(a,!1)),y=b({fields:a,validators:v,submitting:!0,validations:m});f((function(e){return i({},e,{},y)}));var p=Object.entries(y).reduce((function(e,t){var r=u(t,2),n=r[0],o=r[1];return[].concat(c(e),c(o?[n]:[]))}),[]);if(!p.length){var h={fields:a,setLoading:s,notify:function(){d&&d.apply(void 0,arguments)}};return o&&(h.name=o),l(h)}null==d||d("validationErrors",p)}({e:e,options:t,name:r,form:O,submit:s,setLoading:P,onNotify:d,setErrors:A,validators:l})},L=p({fields:N,handleChange:C,handleSubmit:D,extendInputProps:y});return{name:r,fields:N,hasErrors:I,handleChange:C,loading:w,handleSubmit:D,inputs:L,validators:l}},e.getForms=function(){return i({},t.useContext(m).forms)},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=another-use-form-hook.umd.min.js.map

dist/FormContext.js

@@ -36,8 +36,12 @@ "use strict";
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
@@ -82,3 +86,3 @@
   }, [forms, onNotify, onSubmit, validators]);
-  return _react["default"].createElement(FormContext.Provider, {
+  return /*#__PURE__*/_react["default"].createElement(FormContext.Provider, {
     value: value
@@ -85,0 +89,0 @@ }, children);

dist/handleDevErrors.js

@@ -14,3 +14,4 @@ "use strict";
 var warnings = {
-  alpha: ['⚠  CAUTION! ⚠ ', "another-use-form-hook@".concat(_package.version, " is an experimental version"), 'and it may contain bugs 🐛'].join('\n')
+  alpha: ['⚠  CAUTION! ⚠ ', "another-use-form-hook@".concat(_package.version, " is an experimental version"), 'and it may contain bugs 🐛'].join('\n'),
+  generatePropsToExtendProps: ['In a future version of the package,', 'generateProps will be renamed to extendProps', 'in favor of name consistency with useForms().extendProps.', 'Note that extendProps specified here will override useForms().extendProps'].join('\n')
 };
@@ -17,0 +18,0 @@ exports.warnings = warnings;

dist/inputPropGenerators.js

@@ -8,2 +8,4 @@ "use strict";
 
+var _handleDevErrors = require("./handleDevErrors");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -23,7 +25,11 @@
       handleChange = _ref.handleChange,
-      handleSubmit = _ref.handleSubmit;
+      handleSubmit = _ref.handleSubmit,
+      extendInputProps = _ref.extendInputProps;
   return function (name) {
+    var _extendProps;
+
     var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
         value = _ref2.value,
         generateProps = _ref2.generateProps,
+        extendProps = _ref2.extendProps,
         formName = _ref2.formName;
@@ -73,9 +79,11 @@
         break;
-    }
+    } // TODO: remove when generateProps is deprecated
 
-    return _objectSpread({}, props, {}, generateProps === null || generateProps === void 0 ? void 0 : generateProps({
-      name: name,
-      value: field.value,
-      error: field.error
-    }));
+
+    if (process.env.NODE_ENV === 'development' && generateProps) console.warn(_handleDevErrors.warnings.generatePropsToExtendProps);
+    extendProps = generateProps || extendProps;
+
+    var allProps = _objectSpread({}, props, {}, field);
+
+    return _objectSpread({}, props, {}, extendInputProps === null || extendInputProps === void 0 ? void 0 : extendInputProps(allProps), {}, (_extendProps = extendProps) === null || _extendProps === void 0 ? void 0 : _extendProps(allProps));
   };
@@ -82,0 +90,0 @@ };

dist/submitHandler.js

@@ -14,16 +14,20 @@ "use strict";
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
@@ -30,0 +34,0 @@

dist/test-utils.js

@@ -43,5 +43,4 @@ "use strict";
 var customRender = function customRender(ui) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-  var initialStates = _ref.initialStates,
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      initialStates = _ref.initialStates,
       validators = _ref.validators,
@@ -55,3 +54,3 @@ onSubmit = _ref.onSubmit,
       var children = _ref2.children;
-      return _react["default"].createElement(_FormContext.FormProvider, {
+      return /*#__PURE__*/_react["default"].createElement(_FormContext.FormProvider, {
         initialStates: initialStates,
@@ -58,0 +57,0 @@ validators: validators,

dist/useForm.js

@@ -24,8 +24,12 @@ "use strict";
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
@@ -42,3 +46,4 @@
       onSubmit = _ref.onSubmit,
-      onNotify = _ref.onNotify;
+      onNotify = _ref.onNotify,
+      extendInputProps = _ref.extendInputProps;
 
@@ -109,3 +114,4 @@ var _useFormContext = (0, _FormContext.useFormContext)(name, initialState),
     handleChange: handleChange,
-    handleSubmit: handleSubmit
+    handleSubmit: handleSubmit,
+    extendInputProps: extendInputProps
   });
@@ -112,0 +118,0 @@ return {

dist/utils/concatFieldsAndErrors.js

@@ -14,10 +14,14 @@ "use strict";
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
 
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 /** Concat field values with errors */
@@ -24,0 +28,0 @@ function concatFieldsAndErrors(fields, errors) {

package.json

 {
   "name": "another-use-form-hook",
-  "version": "4.1.1",
+  "version": "4.2.0-alpha.0",
   "maintainers": [
@@ -39,3 +39,3 @@ {
     "@testing-library/jest-dom": "^5.1.1",
-    "@testing-library/react": "^9.4.0",
+    "@testing-library/react": "^10.0.2",
     "@types/jest": "^25.1.2",
@@ -47,3 +47,3 @@ "@types/react": "^16.9.19",
     "eslint-plugin-react": "^7.18.3",
-    "eslint-plugin-react-hooks": "^2.3.0",
+    "eslint-plugin-react-hooks": "^3.0.0",
     "jest": "^25.1.0",
@@ -58,3 +58,4 @@ "kcd-scripts": "^5.0.0",
     "build": "kcd-scripts build && kcd-scripts build --bundle --no-clean",
-    "publish:alpha": "yarn build; npm publish --tag alpha",
+    "prepare": "yarn build",
+    "publish:alpha": "npm publish --tag alpha",
     "validate": "kcd-scripts validate",
@@ -61,0 +62,0 @@ "test": "kcd-scripts test --verbose",

typings/InputPropGenerator.d.ts

 import * as React from "react"
 
-type InputTypes =
+export type InputTypes =
   | 'text'
@@ -33,4 +33,3 @@ | 'radio'
 
-
-type GeneratePropsFunc<T, F, N, R, P ={
+type GeneratePropsFunc<F, N, R, P ={
   name: N
@@ -42,3 +41,3 @@ value: F[N]
 type InputPropGenerator<
-  T, F, N, G = GeneratePropsFunc<T, F, N, {}>
+  T, F, N, G = GeneratePropsFunc<F, N, {}>
 > = (
@@ -48,3 +47,17 @@ name: N,
     value: T extends "checkbox" | "select" ? string : never
+    /**
+     * @deprecated
+     * `generateProps` will be renamed to extendProps'
+     * for the sake of name consistency with useForms().extendProps.
+     */
     generateProps: G
+    /**
+     * Use this instead of `generateProps`.
+     * The returned object of this function
+     * will be merged with the rest of other props.
+     * @note
+     * If you have a useForm().extendProps defined,
+     * this will override those values.
+     */
+    extendProps: G
     /** Override the name of the form being submitted. */
@@ -51,0 +64,0 @@ formName: T extends "submit" ? string : never

typings/useForm.d.ts

@@ -5,3 +5,3 @@ import * as React from "react"
 import { NotifyCallback, SubmitNotificationType } from "./Notification"
-import { InputPropGenerators } from "./InputPropGenerator"
+import { InputPropGenerators, InputTypes } from "./InputPropGenerator"
 
@@ -118,4 +118,21 @@
   onNotify?: NotifyCallback<F>
+  /**
+   * The returned object of this function
+   * will be merged with the rest of other props
+   * for every input type.
+   * @note 
+   * extendProps of any input.{type}() will override these values,
+   * as it is more specific to that input.
+   */
+  extendInputProps?: ExtendInputPropsCallback<N, F>
 }) : UseForm<N, F, V, keyof ReturnType<V>, S>
 
+
+type ExtendInputPropsCallback<N, F, P = {
+  name: N
+  value: F[keyof F]
+  type: InputTypes
+  error: boolean
+} > = (props: P) => P & R
+
 export interface ChangeHandler<F, V> {
@@ -122,0 +139,0 @@ (

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

200711

increased by6.29%

Lines of code

2866

increased by3.62%

Worsened metrics

Number of low quality alerts

2

increased by100%

Number of low supply chain risk alerts

24

increased by14.29%

No dependency changes