@danderson00/react-forms 0.0.41 → 0.0.42

package/dist/ErrorMessage.js

@@ -4,15 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.extractErrorMessage = exports["default"] = void 0;
-
 var _react = require("react");
-
 var extractErrorMessage = function extractErrorMessage(error) {
   return error ? error.hasOwnProperty('stack') || error.hasOwnProperty('message') ? error.message || 'An error occurred' : error : 'An error occurred';
 };
-
 exports.extractErrorMessage = extractErrorMessage;
-
 var _default = function _default(_ref) {
   var error = _ref.error;
   return /*#__PURE__*/(0, _react.createElement)('div', {
@@ -20,6 +16,5 @@ var _default = function _default(_ref) {
     children: extractErrorMessage(error)
   });
 };
-
 exports["default"] = _default;
 //# sourceMappingURL=ErrorMessage.js.map

package/dist/ErrorMessage.js.map

@@ -1 +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"}
+{"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,mBAAmB,CAAGC,KAAK;EAAA,OAAIA,KAAK,GAC5CA,KAAK,CAACC,cAAc,CAAC,OAAO,CAAC,IAAID,KAAK,CAACC,cAAc,CAAC,SAAS,CAAC,GAC/DD,KAAK,CAACE,OAAO,IAAI,mBAAmB,GACpCF,KAAK,GACP,mBAAmB;AAAA;AAAA;AAAA,eAER;EAAA,IAAGA,KAAK,QAALA,KAAK;EAAA,oBAAO,IAAAG,oBAAa,EAAC,KAAK,EAAE;IACjDC,SAAS,EAAE,mBAAmB;IAC9BC,QAAQ,EAAEN,mBAAmB,CAACC,KAAK;EACrC,CAAC,CAAC;AAAA;AAAA"}

package/dist/Form.js

@@ -4,132 +4,97 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var _objectPathImmutable = require("object-path-immutable");
-
 var _excluded = ["resetOnSubmit", "row", "gap"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 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 (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 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.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 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(o); 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) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var Form = function Form(ContextProvider) {
   var additionalContext = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var ErrorMessage = arguments.length > 2 ? arguments[2] : undefined;
   return function (_ref) {
     var resetOnSubmit = _ref.resetOnSubmit,
-        row = _ref.row,
-        gap = _ref.gap,
-        props = _objectWithoutProperties(_ref, _excluded);
-
+      row = _ref.row,
+      gap = _ref.gap,
+      props = _objectWithoutProperties(_ref, _excluded);
     var _useState = (0, _react.useState)(props.values || {}),
-        _useState2 = _slicedToArray(_useState, 2),
-        fieldValues = _useState2[0],
-        setFieldValues = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      fieldValues = _useState2[0],
+      setFieldValues = _useState2[1];
     var _useReducer = (0, _react.useReducer)(function (validators, validator) {
-      return [].concat(_toConsumableArray(validators), [validator]);
-    }, []),
-        _useReducer2 = _slicedToArray(_useReducer, 2),
-        fieldValidators = _useReducer2[0],
-        registerFieldValidator = _useReducer2[1];
-
+        return [].concat(_toConsumableArray(validators), [validator]);
+      }, []),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      fieldValidators = _useReducer2[0],
+      registerFieldValidator = _useReducer2[1];
     var _useState3 = (0, _react.useState)(),
-        _useState4 = _slicedToArray(_useState3, 2),
-        error = _useState4[0],
-        setError = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      error = _useState4[0],
+      setError = _useState4[1];
     var _useState5 = (0, _react.useState)(),
-        _useState6 = _slicedToArray(_useState5, 2),
-        valid = _useState6[0],
-        setValid = _useState6[1];
-
+      _useState6 = _slicedToArray(_useState5, 2),
+      valid = _useState6[0],
+      setValid = _useState6[1];
     var form = /*#__PURE__*/(0, _react.createRef)();
     (0, _react.useEffect)(function () {
       if (form.current) {
         setValid(form.current.checkValidity());
       }
     }, [form.current]);
-
     var getFieldValue = function getFieldValue(path) {
       return (0, _objectPathImmutable.get)(fieldValues, path);
     };
-
     var getFieldValues = function getFieldValues() {
       return fieldValues;
     };
-
     var mapFieldValues = function mapFieldValues(target) {
       return Object.keys(target).reduce(function (values, name) {
         return (0, _objectPathImmutable.set)(values, name, target[name]);
       }, {});
     };
-
     var setFieldValue = function setFieldValue(path, value) {
       setFieldValues(function (previousValues) {
         return (0, _objectPathImmutable.set)(previousValues, path, value);
       });
-
       if (form.current) {
         setValid(form.current.checkValidity());
       }
     };
-
     var onSubmit = function onSubmit(e) {
       var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-          additionalValues = _ref2.additionalValues,
-          validate = _ref2.validate;
-
+        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);
         var interactiveElements = form.current.querySelectorAll('input,button,textarea,select');
-
         var setFormDisabled = function setFormDisabled(disabled) {
           return interactiveElements.forEach(function (x) {
             return x.disabled = disabled;
           });
         };
-
         var reset = function reset() {
           if (resetOnSubmit) {
             setFieldValues(props.values || {});
           }
         };
-
         try {
           var checkResultForError = function checkResultForError(result) {
             if (result && (result.success === false || result.error)) {
@@ -137,12 +102,9 @@ var Form = function Form(ContextProvider) {
             } else {
               reset();
             }
-
             return result;
           };
-
           var result = props.onSubmit(mapFieldValues(_objectSpread(_objectSpread({}, fieldValues), additionalValues)));
-
           if (result && typeof result.then === 'function') {
             setFormDisabled(true);
             result.then(checkResultForError)["catch"](setError)["finally"](function () {
@@ -155,17 +117,13 @@ var Form = function Form(ContextProvider) {
           setError(error);
         }
       }
-
       e && e.preventDefault && e.preventDefault();
       e && e.stopPropagation && e.stopPropagation();
     };
-
     var classNames = ['react-forms', props.className];
-
     if (row) {
       classNames.push('react-forms-row');
     }
-
     var mergedAdditionalContext = Object.keys(additionalContext).reduce(function (result, property) {
       return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, property, props[property] || additionalContext[property]));
     }, {});
@@ -203,7 +161,6 @@ var Form = function Form(ContextProvider) {
     }));
   };
 };
-
 var _default = Form;
 exports["default"] = _default;
 //# sourceMappingURL=Form.js.map

package/dist/Form.js.map

@@ -1 +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      if(form.current) {\n        setValid(form.current.checkValidity())\n      }\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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"}
+{"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      if(form.current) {\n        setValid(form.current.checkValidity())\n      }\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":";;;;;;AAAA;AACA;AAAgD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEhD,IAAMA,IAAI,GAAG,SAAPA,IAAI,CAAIC,eAAe;EAAA,IAAEC,iBAAiB,uEAAG,CAAC,CAAC;EAAA,IAAEC,YAAY;EAAA,OACjE,gBAA2C;IAAA,IAAxCC,aAAa,QAAbA,aAAa;MAAEC,GAAG,QAAHA,GAAG;MAAEC,GAAG,QAAHA,GAAG;MAAKC,KAAK;IAClC,gBAAsC,IAAAC,eAAQ,EAACD,KAAK,CAACE,MAAM,IAAI,CAAC,CAAC,CAAC;MAAA;MAA3DC,WAAW;MAAEC,cAAc;IAClC,kBAAkD,IAAAC,iBAAU,EAAC,UAACC,UAAU,EAAEC,SAAS;QAAA,oCAASD,UAAU,IAAEC,SAAS;MAAA,CAAC,EAAE,EAAE,CAAC;MAAA;MAAhHC,eAAe;MAAEC,sBAAsB;IAC9C,iBAA0B,IAAAR,eAAQ,GAAE;MAAA;MAA7BS,KAAK;MAAEC,QAAQ;IACtB,iBAA0B,IAAAV,eAAQ,GAAE;MAAA;MAA7BW,KAAK;MAAEC,QAAQ;IACtB,IAAMC,IAAI,gBAAG,IAAAC,gBAAS,GAAE;IAExB,IAAAC,gBAAS,EAAC,YAAM;MACd,IAAGF,IAAI,CAACG,OAAO,EAAE;QACfJ,QAAQ,CAACC,IAAI,CAACG,OAAO,CAACC,aAAa,EAAE,CAAC;MACxC;IACF,CAAC,EAAE,CAACJ,IAAI,CAACG,OAAO,CAAC,CAAC;IAElB,IAAME,aAAa,GAAG,SAAhBA,aAAa,CAAGC,IAAI;MAAA,OAAI,IAAAC,wBAAG,EAAClB,WAAW,EAAEiB,IAAI,CAAC;IAAA;IACpD,IAAME,cAAc,GAAG,SAAjBA,cAAc;MAAA,OAASnB,WAAW;IAAA;IACxC,IAAMoB,cAAc,GAAG,SAAjBA,cAAc,CAAGC,MAAM;MAAA,OAAIC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAACG,MAAM,CACzD,UAACzB,MAAM,EAAE0B,IAAI;QAAA,OAAK,IAAAC,wBAAG,EAAC3B,MAAM,EAAE0B,IAAI,EAAEJ,MAAM,CAACI,IAAI,CAAC,CAAC;MAAA,GACjD,CAAC,CAAC,CACH;IAAA;IAED,IAAME,aAAa,GAAG,SAAhBA,aAAa,CAAIV,IAAI,EAAEW,KAAK,EAAK;MACrC3B,cAAc,CAAC,UAAA4B,cAAc;QAAA,OAAI,IAAAH,wBAAG,EAACG,cAAc,EAAEZ,IAAI,EAAEW,KAAK,CAAC;MAAA,EAAC;MAClE,IAAGjB,IAAI,CAACG,OAAO,EAAE;QACfJ,QAAQ,CAACC,IAAI,CAACG,OAAO,CAACC,aAAa,EAAE,CAAC;MACxC;IACF,CAAC;IAED,IAAMe,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,CAAC,EAA0C;MAAA,gFAAP,CAAC,CAAC;QAAjCC,gBAAgB,SAAhBA,gBAAgB;QAAEC,QAAQ,SAARA,QAAQ;MAC/C,IAAGA,QAAQ,KAAK,KAAK,EAAE;QACrB5B,eAAe,CAAC6B,OAAO,CAAC,UAAAC,iBAAiB;UAAA,OAAIA,iBAAiB,EAAE;QAAA,EAAC;MACnE;MAEA,IAAG,CAACF,QAAQ,KAAK,KAAK,IAAItB,IAAI,CAACG,OAAO,CAACC,aAAa,EAAE,KAAKlB,KAAK,CAACiC,QAAQ,EAAE;QACzEtB,QAAQ,CAAC4B,SAAS,CAAC;QAEnB,IAAMC,mBAAmB,GAAG1B,IAAI,CAACG,OAAO,CAACwB,gBAAgB,CAAC,8BAA8B,CAAC;QACzF,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAGC,QAAQ;UAAA,OAAIH,mBAAmB,CAACH,OAAO,CAAC,UAAAO,CAAC;YAAA,OAAIA,CAAC,CAACD,QAAQ,GAAGA,QAAQ;UAAA,EAAC;QAAA;QAE3F,IAAME,KAAK,GAAG,SAARA,KAAK,GAAS;UAClB,IAAGhD,aAAa,EAAE;YAChBO,cAAc,CAACJ,KAAK,CAACE,MAAM,IAAI,CAAC,CAAC,CAAC;UACpC;QACF,CAAC;QAED,IAAI;UACF,IAAM4C,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAGC,MAAM,EAAI;YACpC,IAAGA,MAAM,KAAKA,MAAM,CAACC,OAAO,KAAK,KAAK,IAAID,MAAM,CAACrC,KAAK,CAAC,EAAE;cACvDC,QAAQ,CAACoC,MAAM,CAACrC,KAAK,IAAIqC,MAAM,CAACE,OAAO,IAAI,wBAAwB,CAAC;YACtE,CAAC,MAAM;cACLJ,KAAK,EAAE;YACT;YACA,OAAOE,MAAM;UACf,CAAC;UAED,IAAMA,MAAM,GAAG/C,KAAK,CAACiC,QAAQ,CAACV,cAAc,iCAAMpB,WAAW,GAAKgC,gBAAgB,EAAG,CAAC;UACpF,IAAGY,MAAM,IAAI,OAAOA,MAAM,CAACG,IAAI,KAAK,UAAU,EAAE;YAC9CR,eAAe,CAAC,IAAI,CAAC;YACrBK,MAAM,CACHG,IAAI,CAACJ,mBAAmB,CAAC,SACpB,CAACnC,QAAQ,CAAC,WACR,CAAC;cAAA,OAAM+B,eAAe,CAAC,KAAK,CAAC;YAAA,EAAC;UAC1C,CAAC,MAAM;YACLG,KAAK,EAAE;UACT;QACJ,CAAC,CAAC,OAAMnC,KAAK,EAAE;UACbC,QAAQ,CAACD,KAAK,CAAC;QACjB;MACF;MAEAwB,CAAC,IAAIA,CAAC,CAACiB,cAAc,IAAIjB,CAAC,CAACiB,cAAc,EAAE;MAC3CjB,CAAC,IAAIA,CAAC,CAACkB,eAAe,IAAIlB,CAAC,CAACkB,eAAe,EAAE;IAC/C,CAAC;IAED,IAAMC,UAAU,GAAG,CAAC,aAAa,EAAErD,KAAK,CAACsD,SAAS,CAAC;IACnD,IAAGxD,GAAG,EAAE;MACNuD,UAAU,CAACE,IAAI,CAAC,iBAAiB,CAAC;IACpC;IAEA,IAAMC,uBAAuB,GAAG/B,MAAM,CAACC,IAAI,CAAC/B,iBAAiB,CAAC,CAACgC,MAAM,CACnE,UAACoB,MAAM,EAAEU,QAAQ;MAAA,uCAAWV,MAAM,2BAAGU,QAAQ,EAAGzD,KAAK,CAACyD,QAAQ,CAAC,IAAI9D,iBAAiB,CAAC8D,QAAQ,CAAC;IAAA,CAAG,EACjG,CAAC,CAAC,CACH;IAED,oBACE,IAAAC,oBAAa,EAAC,MAAM,gDACf1D,KAAK;MACRsD,SAAS,EAAED,UAAU,CAACM,IAAI,CAAC,GAAG,CAAC;MAC/BC,UAAU,EAAE,IAAI;MAChB3B,QAAQ,EAAEA,QAAQ;MAClB4B,GAAG,EAAE/C;IAAI,GACLf,GAAG,IAAI;MAAE+D,KAAK,EAAE;QAAE/D,GAAG,EAAHA;MAAI;IAAE,CAAC;MAC7BgE,QAAQ,EAAE,cACR,IAAAL,oBAAa,EAAChE,eAAe,kCACxBM,KAAK;QACRgE,GAAG,EAAE,SAAS;QACdjC,KAAK;UACHtB,sBAAsB,EAAtBA,sBAAsB;UACtBqB,aAAa,EAAbA,aAAa;UACbX,aAAa,EAAbA,aAAa;UACbG,cAAc,EAAdA,cAAc;UACdW,QAAQ,EAARA,QAAQ;UACRrB,KAAK,EAALA;QAAK,GACF4C,uBAAuB;MAC3B,GACD,EACF9C,KAAK,iBAAI,IAAAgD,oBAAa,EAAC9D,YAAY,EAAE;QAAEoE,GAAG,EAAE,OAAO;QAAEtD,KAAK,EAALA;MAAM,CAAC,CAAC,eAC7D,IAAAgD,oBAAa,EAAC,OAAO,EAAE;QACrBM,GAAG,EAAE,QAAQ;QACbC,IAAI,EAAE,QAAQ;QACdH,KAAK,EAAE;UACLI,UAAU,EAAE,QAAQ;UACpBC,QAAQ,EAAE;QACZ;MACF,CAAC,CAAC;IACH,GACD;EAEN,CAAC;AAAA,CACF;AAAA,eACc1E,IAAI;AAAA"}

package/dist/Group.js

@@ -4,34 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var _excluded = ["name"],
-    _excluded2 = ["groups"];
-
+  _excluded2 = ["groups"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var Group = function Group(formContext) {
   return function (_ref) {
     var name = _ref.name,
-        props = _objectWithoutProperties(_ref, _excluded);
-
+      props = _objectWithoutProperties(_ref, _excluded);
     if (!name) throw new Error("You must provide a name prop to form components");
-
     var _useContext = (0, _react.useContext)(formContext),
-        _useContext$groups = _useContext.groups,
-        groups = _useContext$groups === void 0 ? [] : _useContext$groups,
-        context = _objectWithoutProperties(_useContext, _excluded2);
-
+      _useContext$groups = _useContext.groups,
+      groups = _useContext$groups === void 0 ? [] : _useContext$groups,
+      context = _objectWithoutProperties(_useContext, _excluded2);
     return /*#__PURE__*/(0, _react.createElement)(formContext.Provider, _objectSpread(_objectSpread({}, props), {}, {
       value: _objectSpread(_objectSpread({}, context), {}, {
         groups: groups.concat(name)
@@ -39,7 +28,6 @@ var Group = function Group(formContext) {
     }));
   };
 };
-
 var _default = Group;
 exports["default"] = _default;
 //# sourceMappingURL=Group.js.map

package/dist/Group.js.map

@@ -1 +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"}
+{"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;AAAiD;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEjD,IAAMA,KAAK,GAAG,SAARA,KAAK,CAAGC,WAAW;EAAA,OAAI,gBAAwB;IAAA,IAArBC,IAAI,QAAJA,IAAI;MAAKC,KAAK;IAC5C,IAAI,CAACD,IAAI,EAAE,MAAM,IAAIE,KAAK,CAAC,iDAAiD,CAAC;IAC7E,kBAAoC,IAAAC,iBAAU,EAACJ,WAAW,CAAC;MAAA,iCAAnDK,MAAM;MAANA,MAAM,mCAAG,EAAE;MAAKC,OAAO;IAE/B,oBAAO,IAAAC,oBAAa,EAACP,WAAW,CAACQ,QAAQ,kCACpCN,KAAK;MACRO,KAAK,kCACAH,OAAO;QACVD,MAAM,EAAEA,MAAM,CAACK,MAAM,CAACT,IAAI;MAAC;IAC5B,GACD;EACJ,CAAC;AAAA;AAAA,eACcF,KAAK;AAAA"}

package/dist/fields.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Text = exports.RadioButton = exports.Radio = exports.Checkbox = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = require("./index");
+
+var _excluded = ["label", "className"],
+    _excluded2 = ["values", "labels"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var base = function base(type, render) {
+  return function (_ref) {
+    var label = _ref.label,
+        className = _ref.className,
+        inputProps = _objectWithoutProperties(_ref, _excluded);
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(type, " ").concat(className)
+    }, /*#__PURE__*/_react["default"].createElement("label", null, label), render(inputProps));
+  };
+};
+
+var Text = base('Text', function (props) {
+  return props.multiline ? /*#__PURE__*/_react["default"].createElement(_index.Textarea, props) : /*#__PURE__*/_react["default"].createElement(_index.Input, props);
+});
+exports.Text = Text;
+var Checkbox = base('Checkbox', function (props) {
+  return /*#__PURE__*/_react["default"].createElement(_index.Input, _extends({}, props, {
+    type: "checkbox"
+  }));
+});
+exports.Checkbox = Checkbox;
+var RadioButton = base('RadioButton', function (props) {
+  return /*#__PURE__*/_react["default"].createElement(_index.Input, _extends({}, props, {
+    type: "radio"
+  }));
+});
+exports.RadioButton = RadioButton;
+var Radio = base('Radio', function (_ref2) {
+  var values = _ref2.values,
+      labels = _ref2.labels,
+      props = _objectWithoutProperties(_ref2, _excluded2);
+
+  return values.map(function (value, index) {
+    return /*#__PURE__*/_react["default"].createElement(RadioButton, _extends({}, props, {
+      value: value,
+      label: labels && labels[index] || value
+    }));
+  });
+}); //
+// export const Select = base('Select', ({ values, labels, ...props }) =>
+//   <Select {...props}>
+//     {values.map((value, index) => <option value={value}>{(labels && labels[index]) || value}</option>)}
+//   </Select>
+// )
+//
+
+exports.Radio = Radio;

package/dist/index.js

@@ -11,42 +11,24 @@ Object.defineProperty(exports, "FormProvider", {
   }
 });
 exports.wrapSubmit = exports.wrapInput = exports.useFormValues = exports.useForm = exports.createRawConsumer = exports.context = exports.Textarea = exports.Submit = exports.Select = exports.Input = exports.Group = void 0;
-
 var _react = require("react");
-
 var _Form = _interopRequireDefault(require("./Form"));
-
 var _Group = _interopRequireDefault(require("./Group"));
-
 var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
-
 var _submit = _interopRequireDefault(require("./submit"));
-
 var _input = _interopRequireDefault(require("./input"));
-
 var _useFormValues = _interopRequireDefault(require("./useFormValues"));
-
 var _useForm = _interopRequireDefault(require("./useForm"));
-
 require("./styles");
-
 var _excluded = ["registerFieldValidator", "setFieldValue", "getFieldValue"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var context = /*#__PURE__*/(0, _react.createContext)({});
 exports.context = context;
-
 var createConsumer = function createConsumer(ConsumerComponent) {
   return function (props) {
     return /*#__PURE__*/(0, _react.createElement)(context.Consumer, {
@@ -56,22 +38,19 @@ var createConsumer = function createConsumer(ConsumerComponent) {
     });
   };
 };
-
 var createRawConsumer = function createRawConsumer(ConsumerComponent) {
   return function (props) {
     return /*#__PURE__*/(0, _react.createElement)(context.Consumer, {
       children: function children(_ref) {
         var registerFieldValidator = _ref.registerFieldValidator,
-            setFieldValue = _ref.setFieldValue,
-            getFieldValue = _ref.getFieldValue,
-            context = _objectWithoutProperties(_ref, _excluded);
-
+          setFieldValue = _ref.setFieldValue,
+          getFieldValue = _ref.getFieldValue,
+          context = _objectWithoutProperties(_ref, _excluded);
         return /*#__PURE__*/(0, _react.createElement)(ConsumerComponent, _objectSpread(_objectSpread({}, context), props));
       }
     });
   };
 };
-
 exports.createRawConsumer = createRawConsumer;
 var Form = (0, _Form["default"])(context.Provider, {}, _ErrorMessage["default"]);
 exports.Form = Form;
@@ -95,21 +74,17 @@ var Select = createConsumer((0, _input["default"])(function (props) {
   type: 'select'
 }));
 exports.Select = Select;
-
 var wrapInput = function wrapInput(component, options) {
   return createConsumer((0, _input["default"])(function (props) {
     return /*#__PURE__*/(0, _react.createElement)(component, props);
   }, options));
 };
-
 exports.wrapInput = wrapInput;
-
 var wrapSubmit = function wrapSubmit(component) {
   return createConsumer((0, _submit["default"])(function (props) {
     return /*#__PURE__*/(0, _react.createElement)(component, props);
   }));
 };
-
 exports.wrapSubmit = wrapSubmit;
 var useFormValues = (0, _useFormValues["default"])(context);
 exports.useFormValues = useFormValues;

package/dist/index.js.map

@@ -1 +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","useForm","useFormImpl"],"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 useFormImpl from './useForm'\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)\nexport const useForm = useFormImpl(context)\n\nexport { FormProvider }"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;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;;AACA,IAAM+B,OAAO,GAAG,IAAAC,mBAAA,EAAYhC,OAAZ,CAAhB"}
+{"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","useForm","useFormImpl"],"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 useFormImpl from './useForm'\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)\nexport const useForm = useFormImpl(context)\n\nexport { FormProvider }"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEV,IAAMA,OAAO,gBAAG,IAAAC,oBAAa,EAAC,CAAC,CAAC,CAAC;AAAA;AAExC,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAGC,iBAAiB;EAAA,OAAI,UAAAC,KAAK;IAAA,oBAAI,IAAAC,oBAAa,EAChEL,OAAO,CAACM,QAAQ,EAChB;MAAEC,QAAQ,EAAE,kBAAAP,OAAO;QAAA,oBAAI,IAAAK,oBAAa,EAACF,iBAAiB,kCAAOH,OAAO,GAAKI,KAAK,EAAG;MAAA;IAAC,CAAC,CACpF;EAAA;AAAA;AAEM,IAAMI,iBAAiB,GAAG,SAApBA,iBAAiB,CAAGL,iBAAiB;EAAA,OAChD,UAAAC,KAAK;IAAA,oBAAI,IAAAC,oBAAa,EACpBL,OAAO,CAACM,QAAQ,EAChB;MAAEC,QAAQ,EAAE;QAAA,IAAGE,sBAAsB,QAAtBA,sBAAsB;UAAEC,aAAa,QAAbA,aAAa;UAAEC,aAAa,QAAbA,aAAa;UAAKX,OAAO;QAAA,oBAC7E,IAAAK,oBAAa,EAACF,iBAAiB,kCAAOH,OAAO,GAAKI,KAAK,EAAG;MAAA;IAC3D,CAAC,CACH;EAAA;AAAA,CACF;AAAA;AAEM,IAAMQ,IAAI,GAAG,IAAAC,gBAAY,EAACb,OAAO,CAACc,QAAQ,EAAE,CAAC,CAAC,EAAEC,wBAAY,CAAC;AAAA;AAC7D,IAAMC,KAAK,GAAG,IAAAC,iBAAa,EAACjB,OAAO,CAAC;AAAA;AACpC,IAAMkB,MAAM,GAAGhB,cAAc,CAAC,IAAAiB,kBAAM,EAAC,UAAAf,KAAK;EAAA,oBAAI,IAAAC,oBAAa,EAAC,QAAQ,EAAED,KAAK,CAAC;AAAA,EAAC,CAAC;AAAA;AAE9E,IAAMgB,KAAK,GAAGlB,cAAc,CAAC,IAAAmB,iBAAK,EAAC,UAAAjB,KAAK;EAAA,oBAAI,IAAAC,oBAAa,EAAC,OAAO,EAAED,KAAK,CAAC;AAAA,EAAC,CAAC;AAAA;AAC3E,IAAMkB,QAAQ,GAAGpB,cAAc,CAAC,IAAAmB,iBAAK,EAAC,UAAAjB,KAAK;EAAA,oBAAI,IAAAC,oBAAa,EAAC,UAAU,EAAED,KAAK,CAAC;AAAA,EAAC,CAAC;AAAA;AACjF,IAAMmB,MAAM,GAAGrB,cAAc,CAAC,IAAAmB,iBAAK,EAAC,UAAAjB,KAAK;EAAA,oBAAI,IAAAC,oBAAa,EAAC,QAAQ,EAAED,KAAK,CAAC;AAAA,GAAE;EAAEoB,IAAI,EAAE;AAAS,CAAC,CAAC,CAAC;AAAA;AAEjG,IAAMC,SAAS,GAAG,SAAZA,SAAS,CAAIC,SAAS,EAAEC,OAAO;EAAA,OAAKzB,cAAc,CAAC,IAAAmB,iBAAK,EAAC,UAAAjB,KAAK;IAAA,oBAAI,IAAAC,oBAAa,EAACqB,SAAS,EAAEtB,KAAK,CAAC;EAAA,GAAEuB,OAAO,CAAC,CAAC;AAAA;AAAA;AAClH,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAGF,SAAS;EAAA,OAAIxB,cAAc,CAAC,IAAAiB,kBAAM,EAAC,UAAAf,KAAK;IAAA,oBAAI,IAAAC,oBAAa,EAACqB,SAAS,EAAEtB,KAAK,CAAC;EAAA,EAAC,CAAC;AAAA;AAAA;AAEhG,IAAMyB,aAAa,GAAG,IAAAC,yBAAiB,EAAC9B,OAAO,CAAC;AAAA;AAChD,IAAM+B,OAAO,GAAG,IAAAC,mBAAW,EAAChC,OAAO,CAAC;AAAA"}

package/dist/injectCss.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = injectCss;
-
 function injectCss(id, css) {
   if (!css || typeof document === 'undefined' || document.querySelector("#".concat(id))) return;
   var head = document.head || document.getElementsByTagName('head')[0];
@@ -12,7 +11,6 @@ function injectCss(id, css) {
   style.id = id;
   style.type = 'text/css';
   head.appendChild(style);
-
   if (style.styleSheet) {
     style.styleSheet.cssText = css;
   } else {

package/dist/injectCss.js.map

@@ -1 +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"}
+{"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,SAAS,CAACC,EAAE,EAAEC,GAAG,EAAE;EACzC,IAAI,CAACA,GAAG,IAAI,OAAOC,QAAQ,KAAK,WAAW,IAAIA,QAAQ,CAACC,aAAa,YAAKH,EAAE,EAAG,EAAE;EAEjF,IAAMI,IAAI,GAAGF,QAAQ,CAACE,IAAI,IAAIF,QAAQ,CAACG,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;EACtE,IAAMC,KAAK,GAAGJ,QAAQ,CAACK,aAAa,CAAC,OAAO,CAAC;EAC7CD,KAAK,CAACN,EAAE,GAAGA,EAAE;EACbM,KAAK,CAACE,IAAI,GAAG,UAAU;EAEvBJ,IAAI,CAACK,WAAW,CAACH,KAAK,CAAC;EAEvB,IAAIA,KAAK,CAACI,UAAU,EAAE;IACpBJ,KAAK,CAACI,UAAU,CAACC,OAAO,GAAGV,GAAG;EAChC,CAAC,MAAM;IACLK,KAAK,CAACG,WAAW,CAACP,QAAQ,CAACU,cAAc,CAACX,GAAG,CAAC,CAAC;EACjD;AACF"}