@bigbinary/neetoui 8.0.1 → 8.1.0

package/dist/cjs/formik/Checkbox.js

@@ -5,7 +5,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var formik = require('formik');
-var index = require('../index-63580e68.js');
+var ramda = require('ramda');
 var Checkbox$1 = require('../Checkbox.js');
 require('classnames');
 require('../useId-4e3deb5c.js');
@@ -23,7 +23,6 @@ require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
 require('@bigbinary/neeto-cist');
 require('qs');
-require('ramda');
 require('../en-c1fe180c.js');
 require('../Label.js');
 require('@bigbinary/neeto-icons');
@@ -52,23 +51,27 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     name: name
   }, function (_ref2) {
     var field = _ref2.field,
-      meta = _ref2.meta;
+      meta = _ref2.meta,
+      form = _ref2.form;
+    var status = form.status,
+      setStatus = form.setStatus;
+    var fieldStatus = formik.getIn(status, name);
+    var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
+      onChange: function onChange(e) {
+        setStatus(ramda.dissoc(name));
+        field.onChange(e);
+      }
+    });
     return /*#__PURE__*/React__default["default"].createElement(Checkbox$1, _extends__default["default"]({
       checked: field.value
-    }, _objectSpread(_objectSpread({}, field), {}, {
+    }, _objectSpread(_objectSpread({}, fieldProps), {}, {
       ref: ref
     }), {
-      error: meta.touched ? meta.error : ""
+      error: meta.touched ? meta.error || fieldStatus : ""
     }, rest));
   });
 });
 Checkbox.displayName = "Checkbox";
-Checkbox.propTypes = {
-  /**
-   * The name of the Checkbox.
-   */
-  name: index.propTypes.exports.string
-};
 
 module.exports = Checkbox;
 //# sourceMappingURL=Checkbox.js.map

package/dist/cjs/formik/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/formik/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport CheckboxField from \"components/Checkbox\";\n\nconst Checkbox = forwardRef(({ name, ...rest }, ref) => (\n  <Field {...{ name }}>\n    {({ field, meta }) => (\n      <CheckboxField\n        checked={field.value}\n        {...{ ...field, ref }}\n        error={meta.touched ? meta.error : \"\"}\n        {...rest}\n      />\n    )}\n  </Field>\n));\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n  /**\n   * The name of the Checkbox.\n   */\n  name: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","CheckboxField","_extends","checked","value","_objectSpread","error","touched","displayName","propTypes","PropTypes","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,QAAQ,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC1CC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,EACd,UAAAO,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI,CAAA;AAAA,IAAA,oBACbL,yBAAA,CAAAC,aAAA,CAACK,UAAa,EAAAC,4BAAA,CAAA;MACZC,OAAO,EAAEJ,KAAK,CAACK,KAAAA;AAAM,KAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACZN,KAAK,CAAA,EAAA,EAAA,EAAA;AAAET,MAAAA,GAAG,EAAHA,GAAAA;AAAG,KAAA,CAAA,EAAA;MACnBgB,KAAK,EAAEN,IAAI,CAACO,OAAO,GAAGP,IAAI,CAACM,KAAK,GAAG,EAAA;AAAG,KAAA,EAClCd,IAAI,CACR,CAAA,CAAA;AAAA,GACH,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,QAAQ,CAACqB,WAAW,GAAG,UAAU,CAAA;AAEjCrB,QAAQ,CAACsB,SAAS,GAAG;AACnB;AACF;AACA;EACElB,IAAI,EAAEmB,uBAAS,CAACC,MAAAA;AAClB,CAAC;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/formik/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport CheckboxField from \"components/Checkbox\";\n\nconst Checkbox = forwardRef(({ name, ...rest }, ref) => (\n  <Field {...{ name }}>\n    {({ field, meta, form }) => {\n      const { status, setStatus } = form;\n      const fieldStatus = getIn(status, name);\n\n      const fieldProps = {\n        ...field,\n        onChange: e => {\n          setStatus(dissoc(name));\n          field.onChange(e);\n        },\n      };\n\n      return (\n        <CheckboxField\n          checked={field.value}\n          {...{ ...fieldProps, ref }}\n          error={meta.touched ? meta.error || fieldStatus : \"\"}\n          {...rest}\n        />\n      );\n    }}\n  </Field>\n));\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n  /**\n   * The name of the Checkbox.\n   */\n  name: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","form","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","CheckboxField","_extends","checked","value","error","touched","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,QAAQ,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC1CC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;GACV,EAAA,UAAAO,KAAA,EAA2B;AAAA,IAAA,IAAxBC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI,CAAA;AACnB,IAAA,IAAQC,MAAM,GAAgBD,IAAI,CAA1BC,MAAM;MAAEC,SAAS,GAAKF,IAAI,CAAlBE,SAAS,CAAA;AACzB,IAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEX,IAAI,CAAC,CAAA;AAEvC,IAAA,IAAMe,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXR,KAAK,CAAA,EAAA,EAAA,EAAA;AACRS,MAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,CAAC,EAAI;AACbN,QAAAA,SAAS,CAACO,YAAM,CAACnB,IAAI,CAAC,CAAC,CAAA;AACvBQ,QAAAA,KAAK,CAACS,QAAQ,CAACC,CAAC,CAAC,CAAA;AACnB,OAAA;KACD,CAAA,CAAA;AAED,IAAA,oBACEd,yBAAA,CAAAC,aAAA,CAACe,UAAa,EAAAC,4BAAA,CAAA;MACZC,OAAO,EAAEd,KAAK,CAACe,KAAAA;AAAM,KAAA,EAAAP,aAAA,CAAAA,aAAA,CAAA,EAAA,EACZD,UAAU,CAAA,EAAA,EAAA,EAAA;AAAEhB,MAAAA,GAAG,EAAHA,GAAAA;AAAG,KAAA,CAAA,EAAA;MACxByB,KAAK,EAAEf,IAAI,CAACgB,OAAO,GAAGhB,IAAI,CAACe,KAAK,IAAIX,WAAW,GAAG,EAAA;AAAG,KAAA,EACjDZ,IAAI,CACR,CAAA,CAAA;AAEN,GAAC,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,QAAQ,CAAC8B,WAAW,GAAG,UAAU;;;;"}

package/dist/cjs/formik/Input.js

@@ -5,11 +5,10 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var formik = require('formik');
-var index = require('../index-63580e68.js');
+var ramda = require('ramda');
 var Input = require('../Input.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('classnames');
-require('ramda');
 require('../useId-4e3deb5c.js');
 require('react-router-dom');
 require('@bigbinary/neeto-hotkeys');
@@ -52,21 +51,25 @@ var FormikInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     name: name
   }, function (_ref2) {
     var field = _ref2.field,
-      meta = _ref2.meta;
+      meta = _ref2.meta,
+      form = _ref2.form;
+    var status = form.status,
+      setStatus = form.setStatus;
+    var fieldStatus = formik.getIn(status, name);
+    var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
+      onChange: function onChange(e) {
+        setStatus(ramda.dissoc(name));
+        field.onChange(e);
+      }
+    });
     return /*#__PURE__*/React__default["default"].createElement(Input, _extends__default["default"]({}, _objectSpread({
       ref: ref
-    }, field), {
-      error: meta.touched ? meta.error : ""
+    }, fieldProps), {
+      error: meta.touched ? meta.error || fieldStatus : ""
     }, rest));
   });
 });
 FormikInput.displayName = "FormikInput";
-FormikInput.propTypes = {
-  /**
-   * The name of the input field.
-   */
-  name: index.propTypes.exports.string
-};
 
 module.exports = FormikInput;
 //# sourceMappingURL=Input.js.map

package/dist/cjs/formik/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/formik/Input.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport Input from \"components/Input\";\n\nconst FormikInput = forwardRef(({ name, ...rest }, ref) => (\n  <Field {...{ name }}>\n    {({ field, meta }) => (\n      <Input\n        {...{ ref, ...field }}\n        error={meta.touched ? meta.error : \"\"}\n        {...rest}\n      />\n    )}\n  </Field>\n));\n\nFormikInput.displayName = \"FormikInput\";\n\nFormikInput.propTypes = {\n  /**\n   * The name of the input field.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikInput;\n"],"names":["FormikInput","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","Input","_extends","_objectSpread","error","touched","displayName","propTypes","PropTypes","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC7CC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,EACd,UAAAO,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI,CAAA;IAAA,oBACbL,yBAAA,CAAAC,aAAA,CAACK,KAAK,EAAAC,4BAAA,KAAAC,aAAA,CAAA;AACEb,MAAAA,GAAG,EAAHA,GAAAA;AAAG,KAAA,EAAKS,KAAK,CAAA,EAAA;MACnBK,KAAK,EAAEJ,IAAI,CAACK,OAAO,GAAGL,IAAI,CAACI,KAAK,GAAG,EAAA;AAAG,KAAA,EAClCZ,IAAI,CACR,CAAA,CAAA;AAAA,GACH,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,WAAW,CAACmB,WAAW,GAAG,aAAa,CAAA;AAEvCnB,WAAW,CAACoB,SAAS,GAAG;AACtB;AACF;AACA;EACEhB,IAAI,EAAEiB,uBAAS,CAACC,MAAAA;AAClB,CAAC;;;;"}
+{"version":3,"file":"Input.js","sources":["../../../src/formik/Input.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport Input from \"components/Input\";\n\nconst FormikInput = forwardRef(({ name, ...rest }, ref) => (\n  <Field {...{ name }}>\n    {({ field, meta, form }) => {\n      const { status, setStatus } = form;\n      const fieldStatus = getIn(status, name);\n\n      const fieldProps = {\n        ...field,\n        onChange: e => {\n          setStatus(dissoc(name));\n          field.onChange(e);\n        },\n      };\n\n      return (\n        <Input\n          {...{ ref, ...fieldProps }}\n          error={meta.touched ? meta.error || fieldStatus : \"\"}\n          {...rest}\n        />\n      );\n    }}\n  </Field>\n));\n\nFormikInput.displayName = \"FormikInput\";\n\nFormikInput.propTypes = {\n  /**\n   * The name of the input field.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikInput;\n"],"names":["FormikInput","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","form","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","Input","_extends","error","touched","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,WAAW,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC7CC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;GACV,EAAA,UAAAO,KAAA,EAA2B;AAAA,IAAA,IAAxBC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI,CAAA;AACnB,IAAA,IAAQC,MAAM,GAAgBD,IAAI,CAA1BC,MAAM;MAAEC,SAAS,GAAKF,IAAI,CAAlBE,SAAS,CAAA;AACzB,IAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEX,IAAI,CAAC,CAAA;AAEvC,IAAA,IAAMe,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXR,KAAK,CAAA,EAAA,EAAA,EAAA;AACRS,MAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,CAAC,EAAI;AACbN,QAAAA,SAAS,CAACO,YAAM,CAACnB,IAAI,CAAC,CAAC,CAAA;AACvBQ,QAAAA,KAAK,CAACS,QAAQ,CAACC,CAAC,CAAC,CAAA;AACnB,OAAA;KACD,CAAA,CAAA;IAED,oBACEd,yBAAA,CAAAC,aAAA,CAACe,KAAK,EAAAC,4BAAA,KAAAL,aAAA,CAAA;AACEjB,MAAAA,GAAG,EAAHA,GAAAA;AAAG,KAAA,EAAKgB,UAAU,CAAA,EAAA;MACxBO,KAAK,EAAEb,IAAI,CAACc,OAAO,GAAGd,IAAI,CAACa,KAAK,IAAIT,WAAW,GAAG,EAAA;AAAG,KAAA,EACjDZ,IAAI,CACR,CAAA,CAAA;AAEN,GAAC,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,WAAW,CAAC4B,WAAW,GAAG,aAAa;;;;"}

package/dist/cjs/formik/MultiEmailInput.js

@@ -5,11 +5,11 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var formik = require('formik');
+var ramda = require('ramda');
 var MultiEmailInput = require('../MultiEmailInput.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/toConsumableArray');
 require('classnames');
-require('ramda');
 require('../react-select-creatable.esm-23eddf9f.js');
 require('@babel/runtime/helpers/esm/extends');
 require('@babel/runtime/helpers/esm/objectSpread2');
@@ -71,16 +71,21 @@ var FormikMultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _useField2$ = _useField2[2],
     setValue = _useField2$.setValue,
     setTouched = _useField2$.setTouched;
+  var _useFormikContext = formik.useFormikContext(),
+    status = _useFormikContext.status,
+    setStatus = _useFormikContext.setStatus;
+  var fieldStatus = formik.getIn(status, name);
   return /*#__PURE__*/React__default["default"].createElement(MultiEmailInput, _extends__default["default"]({
     ref: ref,
-    error: meta.touched ? meta.error : "",
+    error: meta.touched ? meta.error || fieldStatus : "",
     name: field.name,
     value: field.value,
     onBlur: function onBlur() {
       return setTouched(true);
     },
     onChange: function onChange(value) {
-      return setValue(value);
+      setStatus(ramda.dissoc(name));
+      setValue(value);
     }
   }, otherProps));
 });

package/dist/cjs/formik/MultiEmailInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiEmailInput.js","sources":["../../../src/formik/MultiEmailInput.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport EmailInput from \"components/MultiEmailInput\";\n\nconst FormikMultiEmailInput = forwardRef(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  return (\n    <EmailInput\n      {...{ ref }}\n      error={meta.touched ? meta.error : \"\"}\n      name={field.name}\n      value={field.value}\n      onBlur={() => setTouched(true)}\n      onChange={value => setValue(value)}\n      {...otherProps}\n    />\n  );\n});\n\nFormikMultiEmailInput.displayName = \"FormikMultiEmailInput\";\n\nFormikMultiEmailInput.propTypes = {\n  /**\n   * The name of the email input field.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikMultiEmailInput;\n"],"names":["FormikMultiEmailInput","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","React","createElement","EmailInput","_extends","error","touched","value","onBlur","onChange","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOMA,IAAAA,qBAAqB,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAC7D,EAAA,IAAAC,SAAA,GAAgDC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;AAE1C,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,eAAU,EAAAC,4BAAA,CAAA;AACHjB,IAAAA,GAAG,EAAHA,GAAG;IACTkB,KAAK,EAAER,IAAI,CAACS,OAAO,GAAGT,IAAI,CAACQ,KAAK,GAAG,EAAG;IACtCjB,IAAI,EAAEQ,KAAK,CAACR,IAAK;IACjBmB,KAAK,EAAEX,KAAK,CAACW,KAAM;IACnBC,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMR,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;IAC/BS,QAAQ,EAAE,SAAAA,QAAAA,CAAAF,KAAK,EAAA;MAAA,OAAIR,QAAQ,CAACQ,KAAK,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAC/BlB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,qBAAqB,CAAC0B,WAAW,GAAG,uBAAuB;;;;"}
+{"version":3,"file":"MultiEmailInput.js","sources":["../../../src/formik/MultiEmailInput.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport EmailInput from \"components/MultiEmailInput\";\n\nconst FormikMultiEmailInput = forwardRef(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  const { status, setStatus } = useFormikContext();\n  const fieldStatus = getIn(status, name);\n\n  return (\n    <EmailInput\n      {...{ ref }}\n      error={meta.touched ? meta.error || fieldStatus : \"\"}\n      name={field.name}\n      value={field.value}\n      onBlur={() => setTouched(true)}\n      onChange={value => {\n        setStatus(dissoc(name));\n        setValue(value);\n      }}\n      {...otherProps}\n    />\n  );\n});\n\nFormikMultiEmailInput.displayName = \"FormikMultiEmailInput\";\n\nFormikMultiEmailInput.propTypes = {\n  /**\n   * The name of the email input field.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikMultiEmailInput;\n"],"names":["FormikMultiEmailInput","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","status","setStatus","fieldStatus","getIn","React","createElement","EmailInput","_extends","error","touched","value","onBlur","onChange","dissoc","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQMA,IAAAA,qBAAqB,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAC7D,EAAA,IAAAC,SAAA,GAAgDC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;EAE1C,IAAAC,iBAAA,GAA8BC,uBAAgB,EAAE;IAAxCC,MAAM,GAAAF,iBAAA,CAANE,MAAM;IAAEC,SAAS,GAAAH,iBAAA,CAATG,SAAS,CAAA;AACzB,EAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEf,IAAI,CAAC,CAAA;AAEvC,EAAA,oBACEmB,yBAAA,CAAAC,aAAA,CAACC,eAAU,EAAAC,4BAAA,CAAA;AACHvB,IAAAA,GAAG,EAAHA,GAAG;IACTwB,KAAK,EAAEd,IAAI,CAACe,OAAO,GAAGf,IAAI,CAACc,KAAK,IAAIN,WAAW,GAAG,EAAG;IACrDjB,IAAI,EAAEQ,KAAK,CAACR,IAAK;IACjByB,KAAK,EAAEjB,KAAK,CAACiB,KAAM;IACnBC,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMd,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;AAC/Be,IAAAA,QAAQ,EAAE,SAAAA,QAAAF,CAAAA,KAAK,EAAI;AACjBT,MAAAA,SAAS,CAACY,YAAM,CAAC5B,IAAI,CAAC,CAAC,CAAA;MACvBW,QAAQ,CAACc,KAAK,CAAC,CAAA;AACjB,KAAA;AAAE,GAAA,EACExB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,qBAAqB,CAACiC,WAAW,GAAG,uBAAuB;;;;"}

package/dist/cjs/formik/Radio.js

@@ -6,6 +6,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var formik = require('formik');
+var ramda = require('ramda');
 var Radio = require('../Radio.js');
 require('classnames');
 require('../Label.js');
@@ -31,7 +32,6 @@ require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
 require('@bigbinary/neeto-cist');
 require('qs');
-require('ramda');
 require('../en-c1fe180c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -52,22 +52,28 @@ var RadioGroup = function RadioGroup(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     props = _objectWithoutProperties__default["default"](_ref, _excluded);
   var _useFormikContext = formik.useFormikContext(),
-    setFieldValue = _useFormikContext.setFieldValue;
+    setFieldValue = _useFormikContext.setFieldValue,
+    status = _useFormikContext.status,
+    setStatus = _useFormikContext.setStatus;
   var _useField = formik.useField({
       name: name
     }),
     _useField2 = _slicedToArray__default["default"](_useField, 2),
     field = _useField2[0],
     meta = _useField2[1];
-  return /*#__PURE__*/React__default["default"].createElement(Radio, _extends__default["default"]({
-    error: meta.touched ? meta.error : "",
+  var fieldStatus = formik.getIn(status, name);
+  var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
     onChange: function onChange(event) {
-      return setFieldValue(name, event.target.value);
+      setStatus(ramda.dissoc(name));
+      setFieldValue(name, event.target.value);
     }
+  });
+  return /*#__PURE__*/React__default["default"].createElement(Radio, _extends__default["default"]({
+    error: meta.touched ? meta.error || fieldStatus : ""
   }, _objectSpread(_objectSpread({
     className: className,
     label: label
-  }, field), props)));
+  }, fieldProps), props)));
 };
 RadioGroup.Item = Radio.Item;
 

package/dist/cjs/formik/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../src/formik/Radio.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { useField, useFormikContext } from \"formik\";\n\nimport Radio from \"components/Radio\";\n\nconst RadioGroup = ({ label, name, className = \"\", ...props }) => {\n  const { setFieldValue } = useFormikContext();\n  const [field, meta] = useField({ name });\n\n  return (\n    <Radio\n      error={meta.touched ? meta.error : \"\"}\n      onChange={event => setFieldValue(name, event.target.value)}\n      {...{ className, label, ...field, ...props }}\n    />\n  );\n};\n\nRadioGroup.Item = Radio.Item;\n\nRadioGroup.propTypes = Radio.propTypes;\n\nexport default RadioGroup;\n"],"names":["RadioGroup","_ref","label","name","_ref$className","className","props","_objectWithoutProperties","_excluded","_useFormikContext","useFormikContext","setFieldValue","_useField","useField","_useField2","_slicedToArray","field","meta","React","createElement","Radio","_extends","error","touched","onChange","event","target","value","_objectSpread","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAkD;AAAA,EAAA,IAA5CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;AAAKE,IAAAA,KAAK,GAAAC,4CAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;EACzD,IAAAC,iBAAA,GAA0BC,uBAAgB,EAAE;IAApCC,aAAa,GAAAF,iBAAA,CAAbE,aAAa,CAAA;EACrB,IAAAC,SAAA,GAAsBC,eAAQ,CAAC;AAAEV,MAAAA,IAAI,EAAJA,IAAAA;AAAK,KAAC,CAAC;IAAAW,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjCI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElB,EAAA,oBACEI,yBAAA,CAAAC,aAAA,CAACC,KAAK,EAAAC,4BAAA,CAAA;IACJC,KAAK,EAAEL,IAAI,CAACM,OAAO,GAAGN,IAAI,CAACK,KAAK,GAAG,EAAG;IACtCE,QAAQ,EAAE,SAAAA,QAAAA,CAAAC,KAAK,EAAA;MAAA,OAAId,aAAa,CAACR,IAAI,EAAEsB,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC,CAAA;AAAA,KAAA;GAACC,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACrDvB,IAAAA,SAAS,EAATA,SAAS;AAAEH,IAAAA,KAAK,EAALA,KAAAA;GAAUc,EAAAA,KAAK,CAAKV,EAAAA,KAAK,CAC1C,CAAA,CAAA,CAAA;AAEN,EAAC;AAEDN,UAAU,CAAC6B,IAAI,GAAGT,KAAK,CAACS,IAAI;;;;"}
+{"version":3,"file":"Radio.js","sources":["../../../src/formik/Radio.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport Radio from \"components/Radio\";\n\nconst RadioGroup = ({ label, name, className = \"\", ...props }) => {\n  const { setFieldValue, status, setStatus } = useFormikContext();\n  const [field, meta] = useField({ name });\n\n  const fieldStatus = getIn(status, name);\n\n  const fieldProps = {\n    ...field,\n    onChange: event => {\n      setStatus(dissoc(name));\n      setFieldValue(name, event.target.value);\n    },\n  };\n\n  return (\n    <Radio\n      error={meta.touched ? meta.error || fieldStatus : \"\"}\n      {...{ className, label, ...fieldProps, ...props }}\n    />\n  );\n};\n\nRadioGroup.Item = Radio.Item;\n\nRadioGroup.propTypes = Radio.propTypes;\n\nexport default RadioGroup;\n"],"names":["RadioGroup","_ref","label","name","_ref$className","className","props","_objectWithoutProperties","_excluded","_useFormikContext","useFormikContext","setFieldValue","status","setStatus","_useField","useField","_useField2","_slicedToArray","field","meta","fieldStatus","getIn","fieldProps","_objectSpread","onChange","event","dissoc","target","value","React","createElement","Radio","_extends","error","touched","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAkD;AAAA,EAAA,IAA5CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;AAAKE,IAAAA,KAAK,GAAAC,4CAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;EACzD,IAAAC,iBAAA,GAA6CC,uBAAgB,EAAE;IAAvDC,aAAa,GAAAF,iBAAA,CAAbE,aAAa;IAAEC,MAAM,GAAAH,iBAAA,CAANG,MAAM;IAAEC,SAAS,GAAAJ,iBAAA,CAATI,SAAS,CAAA;EACxC,IAAAC,SAAA,GAAsBC,eAAQ,CAAC;AAAEZ,MAAAA,IAAI,EAAJA,IAAAA;AAAK,KAAC,CAAC;IAAAa,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjCI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElB,EAAA,IAAMI,WAAW,GAAGC,YAAK,CAACT,MAAM,EAAET,IAAI,CAAC,CAAA;AAEvC,EAAA,IAAMmB,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXL,KAAK,CAAA,EAAA,EAAA,EAAA;AACRM,IAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,KAAK,EAAI;AACjBZ,MAAAA,SAAS,CAACa,YAAM,CAACvB,IAAI,CAAC,CAAC,CAAA;MACvBQ,aAAa,CAACR,IAAI,EAAEsB,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC,CAAA;AACzC,KAAA;GACD,CAAA,CAAA;AAED,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,KAAK,EAAAC,4BAAA,CAAA;IACJC,KAAK,EAAEd,IAAI,CAACe,OAAO,GAAGf,IAAI,CAACc,KAAK,IAAIb,WAAW,GAAG,EAAA;GAAGG,EAAAA,aAAA,CAAAA,aAAA,CAAA;AAC/ClB,IAAAA,SAAS,EAATA,SAAS;AAAEH,IAAAA,KAAK,EAALA,KAAAA;GAAUoB,EAAAA,UAAU,CAAKhB,EAAAA,KAAK,CAC/C,CAAA,CAAA,CAAA;AAEN,EAAC;AAEDN,UAAU,CAACmC,IAAI,GAAGJ,KAAK,CAACI,IAAI;;;;"}

package/dist/cjs/formik/Select.js

@@ -81,6 +81,10 @@ var SelectField = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _useField2$ = _useField2[2],
     setValue = _useField2$.setValue,
     setTouched = _useField2$.setTouched;
+  var _useFormikContext = formik.useFormikContext(),
+    status = _useFormikContext.status,
+    setStatus = _useFormikContext.setStatus;
+  var fieldStatus = formik.getIn(status, name);
   var isMenuOpen = React.useRef(otherProps.defaultMenuIsOpen);
   var getRealOptionValue = function getRealOptionValue(option) {
     if (typeof getOptionValue !== "function") {
@@ -96,19 +100,20 @@ var SelectField = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   return /*#__PURE__*/React__default["default"].createElement(Select, _extends__default["default"]({
     options: options,
-    error: meta.touched ? meta.error : "",
+    error: meta.touched ? meta.error || fieldStatus : "",
     getOptionValue: getOptionValue || ramda.prop("value"),
     innerRef: ref,
     isMulti: !!isMulti,
     name: field.name,
     value: ramda.either(ramda.isNil, ramda.isEmpty)(field.value) ? null : buildValueObj(field.value, options),
-    onChange: function onChange(value) {
-      return setValue(value);
-    },
     onBlur: function onBlur() {
       return React.startTransition(function () {
         setTouched(true);
       });
+    },
+    onChange: function onChange(value) {
+      setStatus(ramda.dissoc(name));
+      setValue(value);
     }
   }, otherProps, {
     onKeyDown: function onKeyDown(event) {

package/dist/cjs/formik/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/formik/Select.jsx"],"sourcesContent":["import React, { forwardRef, useRef, startTransition } from \"react\";\n\nimport { useField } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { prop, either, isNil, isEmpty } from \"ramda\";\n\nimport Select from \"components/Select\";\n\nconst SelectField = forwardRef((props, ref) => {\n  const {\n    name = \"\",\n    options = [],\n    getOptionValue = null,\n    isMulti = false,\n    ...otherProps\n  } = props;\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  const isMenuOpen = useRef(otherProps.defaultMenuIsOpen);\n\n  const getRealOptionValue = option => {\n    if (typeof getOptionValue !== \"function\") {\n      return option.value;\n    }\n\n    return getOptionValue(option);\n  };\n\n  const buildValueObj = (value, options) => {\n    if (typeof value === \"object\") return value;\n\n    return options.filter(option => getRealOptionValue(option) === value)[0];\n  };\n\n  return (\n    <Select\n      {...{ options }}\n      error={meta.touched ? meta.error : \"\"}\n      getOptionValue={getOptionValue || prop(\"value\")}\n      innerRef={ref}\n      isMulti={!!isMulti}\n      name={field.name}\n      value={\n        either(isNil, isEmpty)(field.value)\n          ? null\n          : buildValueObj(field.value, options)\n      }\n      onChange={value => setValue(value)}\n      onBlur={() =>\n        startTransition(() => {\n          setTouched(true);\n        })\n      }\n      {...otherProps}\n      onKeyDown={event => {\n        if (event.key === \"Enter\" && isMenuOpen.current) {\n          event.stopPropagation();\n        }\n        otherProps.onKeyDown?.(event);\n      }}\n      onMenuClose={() => {\n        isMenuOpen.current = false;\n        otherProps.onMenuClose?.();\n      }}\n      onMenuOpen={() => {\n        isMenuOpen.current = true;\n        otherProps.onMenuOpen?.();\n      }}\n    />\n  );\n});\n\nSelectField.displayName = \"SelectField\";\n\nSelectField.propTypes = {\n  /**\n   * The name of the select input.\n   */\n  name: PropTypes.string,\n  /**\n   * To provide the options to be displayed in the select component.\n   */\n  options: PropTypes.array,\n  /**\n   * To provide the function to get the value of the option.\n   */\n  getOptionValue: PropTypes.string,\n  /**\n   * To specify whether multiple options can be selected.\n   */\n  isMulti: PropTypes.bool,\n};\n\nexport default SelectField;\n"],"names":["SelectField","forwardRef","props","ref","_props$name","name","_props$options","options","_props$getOptionValue","getOptionValue","_props$isMulti","isMulti","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","isMenuOpen","useRef","defaultMenuIsOpen","getRealOptionValue","option","value","buildValueObj","_typeof","filter","React","createElement","Select","_extends","error","touched","prop","innerRef","either","isNil","isEmpty","onChange","onBlur","startTransition","onKeyDown","event","_otherProps$onKeyDown","key","current","stopPropagation","call","onMenuClose","_otherProps$onMenuClo","onMenuOpen","_otherProps$onMenuOpe","displayName"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../src/formik/Select.jsx"],"sourcesContent":["import React, { forwardRef, useRef, startTransition } from \"react\";\n\nimport { getIn, useFormikContext, useField } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { prop, either, isNil, isEmpty, dissoc } from \"ramda\";\n\nimport Select from \"components/Select\";\n\nconst SelectField = forwardRef((props, ref) => {\n  const {\n    name = \"\",\n    options = [],\n    getOptionValue = null,\n    isMulti = false,\n    ...otherProps\n  } = props;\n  const [field, meta, { setValue, setTouched }] = useField(name);\n  const { status, setStatus } = useFormikContext();\n  const fieldStatus = getIn(status, name);\n\n  const isMenuOpen = useRef(otherProps.defaultMenuIsOpen);\n\n  const getRealOptionValue = option => {\n    if (typeof getOptionValue !== \"function\") {\n      return option.value;\n    }\n\n    return getOptionValue(option);\n  };\n\n  const buildValueObj = (value, options) => {\n    if (typeof value === \"object\") return value;\n\n    return options.filter(option => getRealOptionValue(option) === value)[0];\n  };\n\n  return (\n    <Select\n      {...{ options }}\n      error={meta.touched ? meta.error || fieldStatus : \"\"}\n      getOptionValue={getOptionValue || prop(\"value\")}\n      innerRef={ref}\n      isMulti={!!isMulti}\n      name={field.name}\n      value={\n        either(isNil, isEmpty)(field.value)\n          ? null\n          : buildValueObj(field.value, options)\n      }\n      onBlur={() =>\n        startTransition(() => {\n          setTouched(true);\n        })\n      }\n      onChange={value => {\n        setStatus(dissoc(name));\n        setValue(value);\n      }}\n      {...otherProps}\n      onKeyDown={event => {\n        if (event.key === \"Enter\" && isMenuOpen.current) {\n          event.stopPropagation();\n        }\n        otherProps.onKeyDown?.(event);\n      }}\n      onMenuClose={() => {\n        isMenuOpen.current = false;\n        otherProps.onMenuClose?.();\n      }}\n      onMenuOpen={() => {\n        isMenuOpen.current = true;\n        otherProps.onMenuOpen?.();\n      }}\n    />\n  );\n});\n\nSelectField.displayName = \"SelectField\";\n\nSelectField.propTypes = {\n  /**\n   * The name of the select input.\n   */\n  name: PropTypes.string,\n  /**\n   * To provide the options to be displayed in the select component.\n   */\n  options: PropTypes.array,\n  /**\n   * To provide the function to get the value of the option.\n   */\n  getOptionValue: PropTypes.string,\n  /**\n   * To specify whether multiple options can be selected.\n   */\n  isMulti: PropTypes.bool,\n};\n\nexport default SelectField;\n"],"names":["SelectField","forwardRef","props","ref","_props$name","name","_props$options","options","_props$getOptionValue","getOptionValue","_props$isMulti","isMulti","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","status","setStatus","fieldStatus","getIn","isMenuOpen","useRef","defaultMenuIsOpen","getRealOptionValue","option","value","buildValueObj","_typeof","filter","React","createElement","Select","_extends","error","touched","prop","innerRef","either","isNil","isEmpty","onBlur","startTransition","onChange","dissoc","onKeyDown","event","_otherProps$onKeyDown","key","current","stopPropagation","call","onMenuClose","_otherProps$onMenuClo","onMenuOpen","_otherProps$onMenuOpe","displayName"],"mappings":"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"}

package/dist/cjs/formik/Slider.js

@@ -6,6 +6,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var formik = require('formik');
+var ramda = require('ramda');
 var Slider = require('../Slider.js');
 require('antd/lib/config-provider');
 require('antd/lib/slider');
@@ -42,7 +43,6 @@ require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
 require('@bigbinary/neeto-cist');
 require('qs');
-require('ramda');
 require('../en-c1fe180c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -66,8 +66,12 @@ var FormikSlider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _useField2$ = _useField2[2],
     setValue = _useField2$.setValue,
     setTouched = _useField2$.setTouched;
+  var _useFormikContext = formik.useFormikContext(),
+    status = _useFormikContext.status,
+    setStatus = _useFormikContext.setStatus;
+  var fieldStatus = formik.getIn(status, name);
   return /*#__PURE__*/React__default["default"].createElement(Slider, _extends__default["default"]({
-    error: meta.error || ""
+    error: meta.error || fieldStatus || ""
   }, _objectSpread(_objectSpread({
     ref: ref
   }, field), {}, {
@@ -77,7 +81,8 @@ var FormikSlider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return setTouched(true);
     },
     onChange: function onChange(value) {
-      return setValue(value);
+      setStatus(ramda.dissoc(name));
+      setValue(value);
     }
   }, otherProps));
 });

package/dist/cjs/formik/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../src/formik/Slider.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField } from \"formik\";\n\nimport Slider from \"components/Slider\";\n\nconst FormikSlider = forwardRef(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  return (\n    <Slider\n      error={meta.error || \"\"}\n      {...{ ref, ...field, name }}\n      onBlur={() => setTouched(true)}\n      onChange={value => setValue(value)}\n      {...otherProps}\n    />\n  );\n});\n\nFormikSlider.displayName = \"Slider\";\n\nexport default FormikSlider;\n"],"names":["FormikSlider","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","React","createElement","Slider","_extends","error","_objectSpread","onBlur","onChange","value","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMMA,IAAAA,YAAY,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACpD,EAAA,IAAAC,SAAA,GAAgDC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;AAE1C,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,MAAM,EAAAC,4BAAA,CAAA;AACLC,IAAAA,KAAK,EAAER,IAAI,CAACQ,KAAK,IAAI,EAAA;GAAGC,EAAAA,aAAA,CAAAA,aAAA,CAAA;AAClBnB,IAAAA,GAAG,EAAHA,GAAAA;AAAG,GAAA,EAAKS,KAAK,CAAA,EAAA,EAAA,EAAA;AAAER,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,CAAA,EAAA;IACzBmB,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMP,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;IAC/BQ,QAAQ,EAAE,SAAAA,QAAAA,CAAAC,KAAK,EAAA;MAAA,OAAIV,QAAQ,CAACU,KAAK,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAC/BpB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,YAAY,CAAC0B,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Slider.js","sources":["../../../src/formik/Slider.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { getIn, useField, useFormikContext } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport Slider from \"components/Slider\";\n\nconst FormikSlider = forwardRef(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n  const { status, setStatus } = useFormikContext();\n\n  const fieldStatus = getIn(status, name);\n\n  return (\n    <Slider\n      error={meta.error || fieldStatus || \"\"}\n      {...{ ref, ...field, name }}\n      onBlur={() => setTouched(true)}\n      onChange={value => {\n        setStatus(dissoc(name));\n        setValue(value);\n      }}\n      {...otherProps}\n    />\n  );\n});\n\nFormikSlider.displayName = \"Slider\";\n\nexport default FormikSlider;\n"],"names":["FormikSlider","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","status","setStatus","fieldStatus","getIn","React","createElement","Slider","_extends","error","_objectSpread","onBlur","onChange","value","dissoc","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOMA,IAAAA,YAAY,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACpD,EAAA,IAAAC,SAAA,GAAgDC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;EAC1C,IAAAC,iBAAA,GAA8BC,uBAAgB,EAAE;IAAxCC,MAAM,GAAAF,iBAAA,CAANE,MAAM;IAAEC,SAAS,GAAAH,iBAAA,CAATG,SAAS,CAAA;AAEzB,EAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEf,IAAI,CAAC,CAAA;AAEvC,EAAA,oBACEmB,yBAAA,CAAAC,aAAA,CAACC,MAAM,EAAAC,4BAAA,CAAA;AACLC,IAAAA,KAAK,EAAEd,IAAI,CAACc,KAAK,IAAIN,WAAW,IAAI,EAAA;GAAGO,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACjCzB,IAAAA,GAAG,EAAHA,GAAAA;AAAG,GAAA,EAAKS,KAAK,CAAA,EAAA,EAAA,EAAA;AAAER,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,CAAA,EAAA;IACzByB,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMb,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;AAC/Bc,IAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,KAAK,EAAI;AACjBX,MAAAA,SAAS,CAACY,YAAM,CAAC5B,IAAI,CAAC,CAAC,CAAA;MACvBW,QAAQ,CAACgB,KAAK,CAAC,CAAA;AACjB,KAAA;AAAE,GAAA,EACE1B,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,YAAY,CAACiC,WAAW,GAAG,QAAQ;;;;"}

package/dist/cjs/formik/Switch.js

@@ -5,6 +5,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var formik = require('formik');
+var ramda = require('ramda');
 var Switch = require('../Switch.js');
 require('classnames');
 require('@bigbinary/neeto-icons');
@@ -23,7 +24,6 @@ require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
 require('@bigbinary/neeto-cist');
 require('qs');
-require('ramda');
 require('../en-c1fe180c.js');
 require('../Label.js');
 require('../Button.js');
@@ -51,13 +51,23 @@ var FormikSwitch = function FormikSwitch(_ref) {
     name: name
   }, function (_ref2) {
     var field = _ref2.field,
-      error = _ref2.meta.error;
+      error = _ref2.meta.error,
+      form = _ref2.form;
+    var status = form.status,
+      setStatus = form.setStatus;
+    var fieldStatus = formik.getIn(status, name);
+    var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
+      onChange: function onChange(e) {
+        setStatus(ramda.dissoc(name));
+        field.onChange(e);
+      }
+    });
     return /*#__PURE__*/React__default["default"].createElement(Switch, _extends__default["default"]({
-      checked: field.value
+      checked: field.value,
+      error: error || fieldStatus
     }, _objectSpread(_objectSpread({
-      error: error,
       name: name
-    }, field), rest)));
+    }, fieldProps), rest)));
   });
 };
 

package/dist/cjs/formik/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/formik/Switch.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport Switch from \"components/Switch\";\n\nconst FormikSwitch = ({ name, ...rest }) => (\n  <Field {...{ name }}>\n    {({ field, meta: { error } }) => (\n      <Switch checked={field.value} {...{ error, name, ...field, ...rest }} />\n    )}\n  </Field>\n);\n\nFormikSwitch.propTypes = {\n  /**\n   * The name of the switch.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikSwitch;\n"],"names":["FormikSwitch","_ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","error","meta","Switch","_extends","checked","value","_objectSpread"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;AAAKC,IAAAA,IAAI,GAAAC,4CAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAAA,EAAA,oBACnCC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,EACd,UAAAO,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;AAAUC,MAAAA,KAAK,GAAAF,KAAA,CAAbG,IAAI,CAAID,KAAK,CAAA;AAAA,IAAA,oBACtBL,yBAAA,CAAAC,aAAA,CAACM,MAAM,EAAAC,4BAAA,CAAA;MAACC,OAAO,EAAEL,KAAK,CAACM,KAAAA;KAAMC,EAAAA,aAAA,CAAAA,aAAA,CAAA;AAAON,MAAAA,KAAK,EAALA,KAAK;AAAET,MAAAA,IAAI,EAAJA,IAAAA;KAASQ,EAAAA,KAAK,CAAKP,EAAAA,IAAI,CAAM,CAAA,CAAA,CAAA;AAAA,GACzE,CACK,CAAA;AAAA;;;;"}
+{"version":3,"file":"Switch.js","sources":["../../../src/formik/Switch.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport Switch from \"components/Switch\";\n\nconst FormikSwitch = ({ name, ...rest }) => (\n  <Field {...{ name }}>\n    {({ field, meta: { error }, form }) => {\n      const { status, setStatus } = form;\n      const fieldStatus = getIn(status, name);\n\n      const fieldProps = {\n        ...field,\n        onChange: e => {\n          setStatus(dissoc(name));\n          field.onChange(e);\n        },\n      };\n\n      return (\n        <Switch\n          checked={field.value}\n          error={error || fieldStatus}\n          {...{ name, ...fieldProps, ...rest }}\n        />\n      );\n    }}\n  </Field>\n);\n\nFormikSwitch.propTypes = {\n  /**\n   * The name of the switch.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikSwitch;\n"],"names":["FormikSwitch","_ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","error","meta","form","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","Switch","_extends","checked","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;AAAKC,IAAAA,IAAI,GAAAC,4CAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAAA,EAAA,oBACnCC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;GACV,EAAA,UAAAO,KAAA,EAAsC;AAAA,IAAA,IAAnCC,KAAK,GAAAD,KAAA,CAALC,KAAK;AAAUC,MAAAA,KAAK,GAAAF,KAAA,CAAbG,IAAI,CAAID,KAAK;MAAIE,IAAI,GAAAJ,KAAA,CAAJI,IAAI,CAAA;AAC9B,IAAA,IAAQC,MAAM,GAAgBD,IAAI,CAA1BC,MAAM;MAAEC,SAAS,GAAKF,IAAI,CAAlBE,SAAS,CAAA;AACzB,IAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEZ,IAAI,CAAC,CAAA;AAEvC,IAAA,IAAMgB,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXT,KAAK,CAAA,EAAA,EAAA,EAAA;AACRU,MAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,CAAC,EAAI;AACbN,QAAAA,SAAS,CAACO,YAAM,CAACpB,IAAI,CAAC,CAAC,CAAA;AACvBQ,QAAAA,KAAK,CAACU,QAAQ,CAACC,CAAC,CAAC,CAAA;AACnB,OAAA;KACD,CAAA,CAAA;AAED,IAAA,oBACEf,yBAAA,CAAAC,aAAA,CAACgB,MAAM,EAAAC,4BAAA,CAAA;MACLC,OAAO,EAAEf,KAAK,CAACgB,KAAM;MACrBf,KAAK,EAAEA,KAAK,IAAIK,WAAAA;KAAYG,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACtBjB,MAAAA,IAAI,EAAJA,IAAAA;KAASgB,EAAAA,UAAU,CAAKf,EAAAA,IAAI,CAClC,CAAA,CAAA,CAAA;AAEN,GAAC,CACK,CAAA;AAAA;;;;"}

package/dist/cjs/formik/Textarea.js

@@ -5,7 +5,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var formik = require('formik');
-var index = require('../index-63580e68.js');
+var ramda = require('ramda');
 var Textarea = require('../Textarea-af523fdb.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('classnames');
@@ -23,7 +23,6 @@ require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
 require('@bigbinary/neeto-cist');
 require('qs');
-require('ramda');
 require('../en-c1fe180c.js');
 require('../Label.js');
 require('@bigbinary/neeto-icons');
@@ -52,21 +51,25 @@ var FormikTextarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     name: name
   }, function (_ref2) {
     var field = _ref2.field,
-      meta = _ref2.meta;
+      meta = _ref2.meta,
+      form = _ref2.form;
+    var status = form.status,
+      setStatus = form.setStatus;
+    var fieldStatus = formik.getIn(status, name);
+    var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
+      onChange: function onChange(e) {
+        setStatus(ramda.dissoc(name));
+        field.onChange(e);
+      }
+    });
     return /*#__PURE__*/React__default["default"].createElement(Textarea.Textarea, _extends__default["default"]({
-      error: meta.touched ? meta.error : ""
+      error: meta.touched ? meta.error || fieldStatus : ""
     }, _objectSpread(_objectSpread({
       ref: ref
-    }, field), rest)));
+    }, fieldProps), rest)));
   });
 });
 FormikTextarea.displayName = "FormikTextarea";
-FormikTextarea.propTypes = {
-  /**
-   * The name of the textarea field.
-   */
-  name: index.propTypes.exports.string
-};
 
 module.exports = FormikTextarea;
 //# sourceMappingURL=Textarea.js.map

package/dist/cjs/formik/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../src/formik/Textarea.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport Textarea from \"components/Textarea\";\n\nconst FormikTextarea = forwardRef(({ name, ...rest }, ref) => (\n  <Field {...{ name }}>\n    {({ field, meta }) => (\n      <Textarea\n        error={meta.touched ? meta.error : \"\"}\n        {...{ ref, ...field, ...rest }}\n      />\n    )}\n  </Field>\n));\n\nFormikTextarea.displayName = \"FormikTextarea\";\n\nFormikTextarea.propTypes = {\n  /**\n   * The name of the textarea field.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikTextarea;\n"],"names":["FormikTextarea","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","Textarea","_extends","error","touched","_objectSpread","displayName","propTypes","PropTypes","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,cAAc,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAChDC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,EACd,UAAAO,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI,CAAA;AAAA,IAAA,oBACbL,yBAAA,CAAAC,aAAA,CAACK,iBAAQ,EAAAC,4BAAA,CAAA;MACPC,KAAK,EAAEH,IAAI,CAACI,OAAO,GAAGJ,IAAI,CAACG,KAAK,GAAG,EAAA;KAAGE,EAAAA,aAAA,CAAAA,aAAA,CAAA;AAChCf,MAAAA,GAAG,EAAHA,GAAAA;KAAQS,EAAAA,KAAK,CAAKP,EAAAA,IAAI,CAC5B,CAAA,CAAA,CAAA;AAAA,GACH,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,cAAc,CAACmB,WAAW,GAAG,gBAAgB,CAAA;AAE7CnB,cAAc,CAACoB,SAAS,GAAG;AACzB;AACF;AACA;EACEhB,IAAI,EAAEiB,uBAAS,CAACC,MAAAA;AAClB,CAAC;;;;"}
+{"version":3,"file":"Textarea.js","sources":["../../../src/formik/Textarea.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport Textarea from \"components/Textarea\";\n\nconst FormikTextarea = forwardRef(({ name, ...rest }, ref) => (\n  <Field {...{ name }}>\n    {({ field, meta, form }) => {\n      const { status, setStatus } = form;\n      const fieldStatus = getIn(status, name);\n\n      const fieldProps = {\n        ...field,\n        onChange: e => {\n          setStatus(dissoc(name));\n          field.onChange(e);\n        },\n      };\n\n      return (\n        <Textarea\n          error={meta.touched ? meta.error || fieldStatus : \"\"}\n          {...{ ref, ...fieldProps, ...rest }}\n        />\n      );\n    }}\n  </Field>\n));\n\nFormikTextarea.displayName = \"FormikTextarea\";\n\nFormikTextarea.propTypes = {\n  /**\n   * The name of the textarea field.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikTextarea;\n"],"names":["FormikTextarea","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","form","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","Textarea","_extends","error","touched","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,cAAc,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAChDC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;GACV,EAAA,UAAAO,KAAA,EAA2B;AAAA,IAAA,IAAxBC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI,CAAA;AACnB,IAAA,IAAQC,MAAM,GAAgBD,IAAI,CAA1BC,MAAM;MAAEC,SAAS,GAAKF,IAAI,CAAlBE,SAAS,CAAA;AACzB,IAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEX,IAAI,CAAC,CAAA;AAEvC,IAAA,IAAMe,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXR,KAAK,CAAA,EAAA,EAAA,EAAA;AACRS,MAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,CAAC,EAAI;AACbN,QAAAA,SAAS,CAACO,YAAM,CAACnB,IAAI,CAAC,CAAC,CAAA;AACvBQ,QAAAA,KAAK,CAACS,QAAQ,CAACC,CAAC,CAAC,CAAA;AACnB,OAAA;KACD,CAAA,CAAA;AAED,IAAA,oBACEd,yBAAA,CAAAC,aAAA,CAACe,iBAAQ,EAAAC,4BAAA,CAAA;MACPC,KAAK,EAAEb,IAAI,CAACc,OAAO,GAAGd,IAAI,CAACa,KAAK,IAAIT,WAAW,GAAG,EAAA;KAAGG,EAAAA,aAAA,CAAAA,aAAA,CAAA;AAC/CjB,MAAAA,GAAG,EAAHA,GAAAA;KAAQgB,EAAAA,UAAU,CAAKd,EAAAA,IAAI,CACjC,CAAA,CAAA,CAAA;AAEN,GAAC,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,cAAc,CAAC4B,WAAW,GAAG,gBAAgB;;;;"}

package/dist/cjs/formik/TreeSelect.js

@@ -5,6 +5,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var formik = require('formik');
+var ramda = require('ramda');
 var TreeSelect = require('../TreeSelect.js');
 require('antd/lib/config-provider');
 require('antd/lib/tree-select');
@@ -22,7 +23,6 @@ require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
 require('@bigbinary/neeto-cist');
 require('qs');
-require('ramda');
 require('../en-c1fe180c.js');
 require('../constants.js');
 require('antd/locale/de_DE');
@@ -60,16 +60,21 @@ var FormikTreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _useField2$ = _useField2[2],
     setValue = _useField2$.setValue,
     setTouched = _useField2$.setTouched;
+  var _useFormikContext = formik.useFormikContext(),
+    status = _useFormikContext.status,
+    setStatus = _useFormikContext.setStatus;
+  var fieldStatus = formik.getIn(status, name);
   return /*#__PURE__*/React__default["default"].createElement(TreeSelect, _extends__default["default"]({
     ref: ref,
-    error: meta.error || "",
+    error: meta.error || fieldStatus || "",
     name: field.name,
     value: field.value,
     onBlur: function onBlur() {
       return setTouched(true);
     },
     onChange: function onChange(value) {
-      return setValue(value);
+      setStatus(ramda.dissoc(name));
+      setValue(value);
     }
   }, otherProps));
 });

package/dist/cjs/formik/TreeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelect.js","sources":["../../../src/formik/TreeSelect.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField } from \"formik\";\n\nimport TreeSelect from \"components/TreeSelect\";\n\nconst FormikTreeSelect = forwardRef(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  return (\n    <TreeSelect\n      {...{ ref }}\n      error={meta.error || \"\"}\n      name={field.name}\n      value={field.value}\n      onBlur={() => setTouched(true)}\n      onChange={value => setValue(value)}\n      {...otherProps}\n    />\n  );\n});\n\nFormikTreeSelect.displayName = \"TreeSelect\";\n\nexport default FormikTreeSelect;\n"],"names":["FormikTreeSelect","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","React","createElement","TreeSelect","_extends","error","value","onBlur","onChange","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMMA,IAAAA,gBAAgB,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACxD,EAAA,IAAAC,SAAA,GAAgDC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;AAE1C,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,4BAAA,CAAA;AACHjB,IAAAA,GAAG,EAAHA,GAAG;AACTkB,IAAAA,KAAK,EAAER,IAAI,CAACQ,KAAK,IAAI,EAAG;IACxBjB,IAAI,EAAEQ,KAAK,CAACR,IAAK;IACjBkB,KAAK,EAAEV,KAAK,CAACU,KAAM;IACnBC,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMP,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;IAC/BQ,QAAQ,EAAE,SAAAA,QAAAA,CAAAF,KAAK,EAAA;MAAA,OAAIP,QAAQ,CAACO,KAAK,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAC/BjB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,gBAAgB,CAACyB,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"TreeSelect.js","sources":["../../../src/formik/TreeSelect.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, getIn, useFormikContext } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport TreeSelect from \"components/TreeSelect\";\n\nconst FormikTreeSelect = forwardRef(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n  const { status, setStatus } = useFormikContext();\n\n  const fieldStatus = getIn(status, name);\n\n  return (\n    <TreeSelect\n      {...{ ref }}\n      error={meta.error || fieldStatus || \"\"}\n      name={field.name}\n      value={field.value}\n      onBlur={() => setTouched(true)}\n      onChange={value => {\n        setStatus(dissoc(name));\n        setValue(value);\n      }}\n      {...otherProps}\n    />\n  );\n});\n\nFormikTreeSelect.displayName = \"TreeSelect\";\n\nexport default FormikTreeSelect;\n"],"names":["FormikTreeSelect","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","status","setStatus","fieldStatus","getIn","React","createElement","TreeSelect","_extends","error","value","onBlur","onChange","dissoc","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOMA,IAAAA,gBAAgB,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACxD,EAAA,IAAAC,SAAA,GAAgDC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;EAC1C,IAAAC,iBAAA,GAA8BC,uBAAgB,EAAE;IAAxCC,MAAM,GAAAF,iBAAA,CAANE,MAAM;IAAEC,SAAS,GAAAH,iBAAA,CAATG,SAAS,CAAA;AAEzB,EAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEf,IAAI,CAAC,CAAA;AAEvC,EAAA,oBACEmB,yBAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,4BAAA,CAAA;AACHvB,IAAAA,GAAG,EAAHA,GAAG;AACTwB,IAAAA,KAAK,EAAEd,IAAI,CAACc,KAAK,IAAIN,WAAW,IAAI,EAAG;IACvCjB,IAAI,EAAEQ,KAAK,CAACR,IAAK;IACjBwB,KAAK,EAAEhB,KAAK,CAACgB,KAAM;IACnBC,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMb,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;AAC/Bc,IAAAA,QAAQ,EAAE,SAAAA,QAAAF,CAAAA,KAAK,EAAI;AACjBR,MAAAA,SAAS,CAACW,YAAM,CAAC3B,IAAI,CAAC,CAAC,CAAA;MACvBW,QAAQ,CAACa,KAAK,CAAC,CAAA;AACjB,KAAA;AAAE,GAAA,EACEvB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,gBAAgB,CAACgC,WAAW,GAAG,YAAY;;;;"}

package/dist/formik/Checkbox.js

@@ -2,8 +2,8 @@ import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { forwardRef } from 'react';
-import { Field } from 'formik';
-import { p as propTypes } from '../index-283bc6a6.js';
+import { Field, getIn } from 'formik';
+import { dissoc } from 'ramda';
 import Checkbox$1 from '../Checkbox.js';
 import 'classnames';
 import '../useId-c1d20bba.js';
@@ -21,7 +21,6 @@ import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 import '@bigbinary/neeto-cist';
 import 'qs';
-import 'ramda';
 import '../en-ffa387d9.js';
 import '../Label.js';
 import '@bigbinary/neeto-icons';
@@ -43,23 +42,27 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
     name: name
   }, function (_ref2) {
     var field = _ref2.field,
-      meta = _ref2.meta;
+      meta = _ref2.meta,
+      form = _ref2.form;
+    var status = form.status,
+      setStatus = form.setStatus;
+    var fieldStatus = getIn(status, name);
+    var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
+      onChange: function onChange(e) {
+        setStatus(dissoc(name));
+        field.onChange(e);
+      }
+    });
     return /*#__PURE__*/React__default.createElement(Checkbox$1, _extends({
       checked: field.value
-    }, _objectSpread(_objectSpread({}, field), {}, {
+    }, _objectSpread(_objectSpread({}, fieldProps), {}, {
       ref: ref
     }), {
-      error: meta.touched ? meta.error : ""
+      error: meta.touched ? meta.error || fieldStatus : ""
     }, rest));
   });
 });
 Checkbox.displayName = "Checkbox";
-Checkbox.propTypes = {
-  /**
-   * The name of the Checkbox.
-   */
-  name: propTypes.exports.string
-};
 
 export { Checkbox as default };
 //# sourceMappingURL=Checkbox.js.map

package/dist/formik/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../src/formik/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport CheckboxField from \"components/Checkbox\";\n\nconst Checkbox = forwardRef(({ name, ...rest }, ref) => (\n  <Field {...{ name }}>\n    {({ field, meta }) => (\n      <CheckboxField\n        checked={field.value}\n        {...{ ...field, ref }}\n        error={meta.touched ? meta.error : \"\"}\n        {...rest}\n      />\n    )}\n  </Field>\n));\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n  /**\n   * The name of the Checkbox.\n   */\n  name: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","CheckboxField","_extends","checked","value","_objectSpread","error","touched","displayName","propTypes","PropTypes","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,QAAQ,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC1CC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,EACd,UAAAO,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI,CAAA;AAAA,IAAA,oBACbL,cAAA,CAAAC,aAAA,CAACK,UAAa,EAAAC,QAAA,CAAA;MACZC,OAAO,EAAEJ,KAAK,CAACK,KAAAA;AAAM,KAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACZN,KAAK,CAAA,EAAA,EAAA,EAAA;AAAET,MAAAA,GAAG,EAAHA,GAAAA;AAAG,KAAA,CAAA,EAAA;MACnBgB,KAAK,EAAEN,IAAI,CAACO,OAAO,GAAGP,IAAI,CAACM,KAAK,GAAG,EAAA;AAAG,KAAA,EAClCd,IAAI,CACR,CAAA,CAAA;AAAA,GACH,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,QAAQ,CAACqB,WAAW,GAAG,UAAU,CAAA;AAEjCrB,QAAQ,CAACsB,SAAS,GAAG;AACnB;AACF;AACA;EACElB,IAAI,EAAEmB,iBAAS,CAACC,MAAAA;AAClB,CAAC;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../src/formik/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport CheckboxField from \"components/Checkbox\";\n\nconst Checkbox = forwardRef(({ name, ...rest }, ref) => (\n  <Field {...{ name }}>\n    {({ field, meta, form }) => {\n      const { status, setStatus } = form;\n      const fieldStatus = getIn(status, name);\n\n      const fieldProps = {\n        ...field,\n        onChange: e => {\n          setStatus(dissoc(name));\n          field.onChange(e);\n        },\n      };\n\n      return (\n        <CheckboxField\n          checked={field.value}\n          {...{ ...fieldProps, ref }}\n          error={meta.touched ? meta.error || fieldStatus : \"\"}\n          {...rest}\n        />\n      );\n    }}\n  </Field>\n));\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n  /**\n   * The name of the Checkbox.\n   */\n  name: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","form","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","CheckboxField","_extends","checked","value","error","touched","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,QAAQ,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC1CC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;GACV,EAAA,UAAAO,KAAA,EAA2B;AAAA,IAAA,IAAxBC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI,CAAA;AACnB,IAAA,IAAQC,MAAM,GAAgBD,IAAI,CAA1BC,MAAM;MAAEC,SAAS,GAAKF,IAAI,CAAlBE,SAAS,CAAA;AACzB,IAAA,IAAMC,WAAW,GAAGC,KAAK,CAACH,MAAM,EAAEX,IAAI,CAAC,CAAA;AAEvC,IAAA,IAAMe,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXR,KAAK,CAAA,EAAA,EAAA,EAAA;AACRS,MAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,CAAC,EAAI;AACbN,QAAAA,SAAS,CAACO,MAAM,CAACnB,IAAI,CAAC,CAAC,CAAA;AACvBQ,QAAAA,KAAK,CAACS,QAAQ,CAACC,CAAC,CAAC,CAAA;AACnB,OAAA;KACD,CAAA,CAAA;AAED,IAAA,oBACEd,cAAA,CAAAC,aAAA,CAACe,UAAa,EAAAC,QAAA,CAAA;MACZC,OAAO,EAAEd,KAAK,CAACe,KAAAA;AAAM,KAAA,EAAAP,aAAA,CAAAA,aAAA,CAAA,EAAA,EACZD,UAAU,CAAA,EAAA,EAAA,EAAA;AAAEhB,MAAAA,GAAG,EAAHA,GAAAA;AAAG,KAAA,CAAA,EAAA;MACxByB,KAAK,EAAEf,IAAI,CAACgB,OAAO,GAAGhB,IAAI,CAACe,KAAK,IAAIX,WAAW,GAAG,EAAA;AAAG,KAAA,EACjDZ,IAAI,CACR,CAAA,CAAA;AAEN,GAAC,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,QAAQ,CAAC8B,WAAW,GAAG,UAAU;;;;"}

package/dist/formik/Input.js

@@ -2,12 +2,11 @@ import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { forwardRef } from 'react';
-import { Field } from 'formik';
-import { p as propTypes } from '../index-283bc6a6.js';
+import { Field, getIn } from 'formik';
+import { dissoc } from 'ramda';
 import Input from '../Input.js';
 import '@babel/runtime/helpers/slicedToArray';
 import 'classnames';
-import 'ramda';
 import '../useId-c1d20bba.js';
 import 'react-router-dom';
 import '@bigbinary/neeto-hotkeys';
@@ -43,21 +42,25 @@ var FormikInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     name: name
   }, function (_ref2) {
     var field = _ref2.field,
-      meta = _ref2.meta;
+      meta = _ref2.meta,
+      form = _ref2.form;
+    var status = form.status,
+      setStatus = form.setStatus;
+    var fieldStatus = getIn(status, name);
+    var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
+      onChange: function onChange(e) {
+        setStatus(dissoc(name));
+        field.onChange(e);
+      }
+    });
     return /*#__PURE__*/React__default.createElement(Input, _extends({}, _objectSpread({
       ref: ref
-    }, field), {
-      error: meta.touched ? meta.error : ""
+    }, fieldProps), {
+      error: meta.touched ? meta.error || fieldStatus : ""
     }, rest));
   });
 });
 FormikInput.displayName = "FormikInput";
-FormikInput.propTypes = {
-  /**
-   * The name of the input field.
-   */
-  name: propTypes.exports.string
-};
 
 export { FormikInput as default };
 //# sourceMappingURL=Input.js.map

package/dist/formik/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../src/formik/Input.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport Input from \"components/Input\";\n\nconst FormikInput = forwardRef(({ name, ...rest }, ref) => (\n  <Field {...{ name }}>\n    {({ field, meta }) => (\n      <Input\n        {...{ ref, ...field }}\n        error={meta.touched ? meta.error : \"\"}\n        {...rest}\n      />\n    )}\n  </Field>\n));\n\nFormikInput.displayName = \"FormikInput\";\n\nFormikInput.propTypes = {\n  /**\n   * The name of the input field.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikInput;\n"],"names":["FormikInput","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","Input","_extends","_objectSpread","error","touched","displayName","propTypes","PropTypes","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC7CC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,EACd,UAAAO,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI,CAAA;IAAA,oBACbL,cAAA,CAAAC,aAAA,CAACK,KAAK,EAAAC,QAAA,KAAAC,aAAA,CAAA;AACEb,MAAAA,GAAG,EAAHA,GAAAA;AAAG,KAAA,EAAKS,KAAK,CAAA,EAAA;MACnBK,KAAK,EAAEJ,IAAI,CAACK,OAAO,GAAGL,IAAI,CAACI,KAAK,GAAG,EAAA;AAAG,KAAA,EAClCZ,IAAI,CACR,CAAA,CAAA;AAAA,GACH,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,WAAW,CAACmB,WAAW,GAAG,aAAa,CAAA;AAEvCnB,WAAW,CAACoB,SAAS,GAAG;AACtB;AACF;AACA;EACEhB,IAAI,EAAEiB,iBAAS,CAACC,MAAAA;AAClB,CAAC;;;;"}
+{"version":3,"file":"Input.js","sources":["../../src/formik/Input.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport Input from \"components/Input\";\n\nconst FormikInput = forwardRef(({ name, ...rest }, ref) => (\n  <Field {...{ name }}>\n    {({ field, meta, form }) => {\n      const { status, setStatus } = form;\n      const fieldStatus = getIn(status, name);\n\n      const fieldProps = {\n        ...field,\n        onChange: e => {\n          setStatus(dissoc(name));\n          field.onChange(e);\n        },\n      };\n\n      return (\n        <Input\n          {...{ ref, ...fieldProps }}\n          error={meta.touched ? meta.error || fieldStatus : \"\"}\n          {...rest}\n        />\n      );\n    }}\n  </Field>\n));\n\nFormikInput.displayName = \"FormikInput\";\n\nFormikInput.propTypes = {\n  /**\n   * The name of the input field.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikInput;\n"],"names":["FormikInput","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","form","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","Input","_extends","error","touched","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,WAAW,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC7CC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;GACV,EAAA,UAAAO,KAAA,EAA2B;AAAA,IAAA,IAAxBC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI,CAAA;AACnB,IAAA,IAAQC,MAAM,GAAgBD,IAAI,CAA1BC,MAAM;MAAEC,SAAS,GAAKF,IAAI,CAAlBE,SAAS,CAAA;AACzB,IAAA,IAAMC,WAAW,GAAGC,KAAK,CAACH,MAAM,EAAEX,IAAI,CAAC,CAAA;AAEvC,IAAA,IAAMe,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXR,KAAK,CAAA,EAAA,EAAA,EAAA;AACRS,MAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,CAAC,EAAI;AACbN,QAAAA,SAAS,CAACO,MAAM,CAACnB,IAAI,CAAC,CAAC,CAAA;AACvBQ,QAAAA,KAAK,CAACS,QAAQ,CAACC,CAAC,CAAC,CAAA;AACnB,OAAA;KACD,CAAA,CAAA;IAED,oBACEd,cAAA,CAAAC,aAAA,CAACe,KAAK,EAAAC,QAAA,KAAAL,aAAA,CAAA;AACEjB,MAAAA,GAAG,EAAHA,GAAAA;AAAG,KAAA,EAAKgB,UAAU,CAAA,EAAA;MACxBO,KAAK,EAAEb,IAAI,CAACc,OAAO,GAAGd,IAAI,CAACa,KAAK,IAAIT,WAAW,GAAG,EAAA;AAAG,KAAA,EACjDZ,IAAI,CACR,CAAA,CAAA;AAEN,GAAC,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,WAAW,CAAC4B,WAAW,GAAG,aAAa;;;;"}

package/dist/formik/MultiEmailInput.js

@@ -2,12 +2,12 @@ import _extends from '@babel/runtime/helpers/extends';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { forwardRef } from 'react';
-import { useField } from 'formik';
+import { useField, useFormikContext, getIn } from 'formik';
+import { dissoc } from 'ramda';
 import MultiEmailInput from '../MultiEmailInput.js';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'classnames';
-import 'ramda';
 import '../react-select-creatable.esm-ad71b0c0.js';
 import '@babel/runtime/helpers/esm/extends';
 import '@babel/runtime/helpers/esm/objectSpread2';
@@ -62,16 +62,21 @@ var FormikMultiEmailInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _useField2$ = _useField2[2],
     setValue = _useField2$.setValue,
     setTouched = _useField2$.setTouched;
+  var _useFormikContext = useFormikContext(),
+    status = _useFormikContext.status,
+    setStatus = _useFormikContext.setStatus;
+  var fieldStatus = getIn(status, name);
   return /*#__PURE__*/React__default.createElement(MultiEmailInput, _extends({
     ref: ref,
-    error: meta.touched ? meta.error : "",
+    error: meta.touched ? meta.error || fieldStatus : "",
     name: field.name,
     value: field.value,
     onBlur: function onBlur() {
       return setTouched(true);
     },
     onChange: function onChange(value) {
-      return setValue(value);
+      setStatus(dissoc(name));
+      setValue(value);
     }
   }, otherProps));
 });

package/dist/formik/MultiEmailInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiEmailInput.js","sources":["../../src/formik/MultiEmailInput.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport EmailInput from \"components/MultiEmailInput\";\n\nconst FormikMultiEmailInput = forwardRef(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  return (\n    <EmailInput\n      {...{ ref }}\n      error={meta.touched ? meta.error : \"\"}\n      name={field.name}\n      value={field.value}\n      onBlur={() => setTouched(true)}\n      onChange={value => setValue(value)}\n      {...otherProps}\n    />\n  );\n});\n\nFormikMultiEmailInput.displayName = \"FormikMultiEmailInput\";\n\nFormikMultiEmailInput.propTypes = {\n  /**\n   * The name of the email input field.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikMultiEmailInput;\n"],"names":["FormikMultiEmailInput","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","React","createElement","EmailInput","_extends","error","touched","value","onBlur","onChange","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOMA,IAAAA,qBAAqB,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAC7D,EAAA,IAAAC,SAAA,GAAgDC,QAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;AAE1C,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,eAAU,EAAAC,QAAA,CAAA;AACHjB,IAAAA,GAAG,EAAHA,GAAG;IACTkB,KAAK,EAAER,IAAI,CAACS,OAAO,GAAGT,IAAI,CAACQ,KAAK,GAAG,EAAG;IACtCjB,IAAI,EAAEQ,KAAK,CAACR,IAAK;IACjBmB,KAAK,EAAEX,KAAK,CAACW,KAAM;IACnBC,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMR,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;IAC/BS,QAAQ,EAAE,SAAAA,QAAAA,CAAAF,KAAK,EAAA;MAAA,OAAIR,QAAQ,CAACQ,KAAK,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAC/BlB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,qBAAqB,CAAC0B,WAAW,GAAG,uBAAuB;;;;"}
+{"version":3,"file":"MultiEmailInput.js","sources":["../../src/formik/MultiEmailInput.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport EmailInput from \"components/MultiEmailInput\";\n\nconst FormikMultiEmailInput = forwardRef(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  const { status, setStatus } = useFormikContext();\n  const fieldStatus = getIn(status, name);\n\n  return (\n    <EmailInput\n      {...{ ref }}\n      error={meta.touched ? meta.error || fieldStatus : \"\"}\n      name={field.name}\n      value={field.value}\n      onBlur={() => setTouched(true)}\n      onChange={value => {\n        setStatus(dissoc(name));\n        setValue(value);\n      }}\n      {...otherProps}\n    />\n  );\n});\n\nFormikMultiEmailInput.displayName = \"FormikMultiEmailInput\";\n\nFormikMultiEmailInput.propTypes = {\n  /**\n   * The name of the email input field.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikMultiEmailInput;\n"],"names":["FormikMultiEmailInput","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","status","setStatus","fieldStatus","getIn","React","createElement","EmailInput","_extends","error","touched","value","onBlur","onChange","dissoc","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQMA,IAAAA,qBAAqB,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAC7D,EAAA,IAAAC,SAAA,GAAgDC,QAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;EAE1C,IAAAC,iBAAA,GAA8BC,gBAAgB,EAAE;IAAxCC,MAAM,GAAAF,iBAAA,CAANE,MAAM;IAAEC,SAAS,GAAAH,iBAAA,CAATG,SAAS,CAAA;AACzB,EAAA,IAAMC,WAAW,GAAGC,KAAK,CAACH,MAAM,EAAEf,IAAI,CAAC,CAAA;AAEvC,EAAA,oBACEmB,cAAA,CAAAC,aAAA,CAACC,eAAU,EAAAC,QAAA,CAAA;AACHvB,IAAAA,GAAG,EAAHA,GAAG;IACTwB,KAAK,EAAEd,IAAI,CAACe,OAAO,GAAGf,IAAI,CAACc,KAAK,IAAIN,WAAW,GAAG,EAAG;IACrDjB,IAAI,EAAEQ,KAAK,CAACR,IAAK;IACjByB,KAAK,EAAEjB,KAAK,CAACiB,KAAM;IACnBC,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMd,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;AAC/Be,IAAAA,QAAQ,EAAE,SAAAA,QAAAF,CAAAA,KAAK,EAAI;AACjBT,MAAAA,SAAS,CAACY,MAAM,CAAC5B,IAAI,CAAC,CAAC,CAAA;MACvBW,QAAQ,CAACc,KAAK,CAAC,CAAA;AACjB,KAAA;AAAE,GAAA,EACExB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,qBAAqB,CAACiC,WAAW,GAAG,uBAAuB;;;;"}

package/dist/formik/Radio.js

@@ -3,7 +3,8 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
-import { useFormikContext, useField } from 'formik';
+import { useFormikContext, useField, getIn } from 'formik';
+import { dissoc } from 'ramda';
 import Radio from '../Radio.js';
 import 'classnames';
 import '../Label.js';
@@ -29,7 +30,6 @@ import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 import '@bigbinary/neeto-cist';
 import 'qs';
-import 'ramda';
 import '../en-ffa387d9.js';
 
 var _excluded = ["label", "name", "className"];
@@ -42,22 +42,28 @@ var RadioGroup = function RadioGroup(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useFormikContext = useFormikContext(),
-    setFieldValue = _useFormikContext.setFieldValue;
+    setFieldValue = _useFormikContext.setFieldValue,
+    status = _useFormikContext.status,
+    setStatus = _useFormikContext.setStatus;
   var _useField = useField({
       name: name
     }),
     _useField2 = _slicedToArray(_useField, 2),
     field = _useField2[0],
     meta = _useField2[1];
-  return /*#__PURE__*/React__default.createElement(Radio, _extends({
-    error: meta.touched ? meta.error : "",
+  var fieldStatus = getIn(status, name);
+  var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
     onChange: function onChange(event) {
-      return setFieldValue(name, event.target.value);
+      setStatus(dissoc(name));
+      setFieldValue(name, event.target.value);
     }
+  });
+  return /*#__PURE__*/React__default.createElement(Radio, _extends({
+    error: meta.touched ? meta.error || fieldStatus : ""
   }, _objectSpread(_objectSpread({
     className: className,
     label: label
-  }, field), props)));
+  }, fieldProps), props)));
 };
 RadioGroup.Item = Radio.Item;
 

package/dist/formik/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../src/formik/Radio.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { useField, useFormikContext } from \"formik\";\n\nimport Radio from \"components/Radio\";\n\nconst RadioGroup = ({ label, name, className = \"\", ...props }) => {\n  const { setFieldValue } = useFormikContext();\n  const [field, meta] = useField({ name });\n\n  return (\n    <Radio\n      error={meta.touched ? meta.error : \"\"}\n      onChange={event => setFieldValue(name, event.target.value)}\n      {...{ className, label, ...field, ...props }}\n    />\n  );\n};\n\nRadioGroup.Item = Radio.Item;\n\nRadioGroup.propTypes = Radio.propTypes;\n\nexport default RadioGroup;\n"],"names":["RadioGroup","_ref","label","name","_ref$className","className","props","_objectWithoutProperties","_excluded","_useFormikContext","useFormikContext","setFieldValue","_useField","useField","_useField2","_slicedToArray","field","meta","React","createElement","Radio","_extends","error","touched","onChange","event","target","value","_objectSpread","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAkD;AAAA,EAAA,IAA5CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;EACzD,IAAAC,iBAAA,GAA0BC,gBAAgB,EAAE;IAApCC,aAAa,GAAAF,iBAAA,CAAbE,aAAa,CAAA;EACrB,IAAAC,SAAA,GAAsBC,QAAQ,CAAC;AAAEV,MAAAA,IAAI,EAAJA,IAAAA;AAAK,KAAC,CAAC;IAAAW,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjCI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElB,EAAA,oBACEI,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAAC,QAAA,CAAA;IACJC,KAAK,EAAEL,IAAI,CAACM,OAAO,GAAGN,IAAI,CAACK,KAAK,GAAG,EAAG;IACtCE,QAAQ,EAAE,SAAAA,QAAAA,CAAAC,KAAK,EAAA;MAAA,OAAId,aAAa,CAACR,IAAI,EAAEsB,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC,CAAA;AAAA,KAAA;GAACC,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACrDvB,IAAAA,SAAS,EAATA,SAAS;AAAEH,IAAAA,KAAK,EAALA,KAAAA;GAAUc,EAAAA,KAAK,CAAKV,EAAAA,KAAK,CAC1C,CAAA,CAAA,CAAA;AAEN,EAAC;AAEDN,UAAU,CAAC6B,IAAI,GAAGT,KAAK,CAACS,IAAI;;;;"}
+{"version":3,"file":"Radio.js","sources":["../../src/formik/Radio.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport Radio from \"components/Radio\";\n\nconst RadioGroup = ({ label, name, className = \"\", ...props }) => {\n  const { setFieldValue, status, setStatus } = useFormikContext();\n  const [field, meta] = useField({ name });\n\n  const fieldStatus = getIn(status, name);\n\n  const fieldProps = {\n    ...field,\n    onChange: event => {\n      setStatus(dissoc(name));\n      setFieldValue(name, event.target.value);\n    },\n  };\n\n  return (\n    <Radio\n      error={meta.touched ? meta.error || fieldStatus : \"\"}\n      {...{ className, label, ...fieldProps, ...props }}\n    />\n  );\n};\n\nRadioGroup.Item = Radio.Item;\n\nRadioGroup.propTypes = Radio.propTypes;\n\nexport default RadioGroup;\n"],"names":["RadioGroup","_ref","label","name","_ref$className","className","props","_objectWithoutProperties","_excluded","_useFormikContext","useFormikContext","setFieldValue","status","setStatus","_useField","useField","_useField2","_slicedToArray","field","meta","fieldStatus","getIn","fieldProps","_objectSpread","onChange","event","dissoc","target","value","React","createElement","Radio","_extends","error","touched","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAkD;AAAA,EAAA,IAA5CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;EACzD,IAAAC,iBAAA,GAA6CC,gBAAgB,EAAE;IAAvDC,aAAa,GAAAF,iBAAA,CAAbE,aAAa;IAAEC,MAAM,GAAAH,iBAAA,CAANG,MAAM;IAAEC,SAAS,GAAAJ,iBAAA,CAATI,SAAS,CAAA;EACxC,IAAAC,SAAA,GAAsBC,QAAQ,CAAC;AAAEZ,MAAAA,IAAI,EAAJA,IAAAA;AAAK,KAAC,CAAC;IAAAa,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjCI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElB,EAAA,IAAMI,WAAW,GAAGC,KAAK,CAACT,MAAM,EAAET,IAAI,CAAC,CAAA;AAEvC,EAAA,IAAMmB,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXL,KAAK,CAAA,EAAA,EAAA,EAAA;AACRM,IAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,KAAK,EAAI;AACjBZ,MAAAA,SAAS,CAACa,MAAM,CAACvB,IAAI,CAAC,CAAC,CAAA;MACvBQ,aAAa,CAACR,IAAI,EAAEsB,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC,CAAA;AACzC,KAAA;GACD,CAAA,CAAA;AAED,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAAC,QAAA,CAAA;IACJC,KAAK,EAAEd,IAAI,CAACe,OAAO,GAAGf,IAAI,CAACc,KAAK,IAAIb,WAAW,GAAG,EAAA;GAAGG,EAAAA,aAAA,CAAAA,aAAA,CAAA;AAC/ClB,IAAAA,SAAS,EAATA,SAAS;AAAEH,IAAAA,KAAK,EAALA,KAAAA;GAAUoB,EAAAA,UAAU,CAAKhB,EAAAA,KAAK,CAC/C,CAAA,CAAA,CAAA;AAEN,EAAC;AAEDN,UAAU,CAACmC,IAAI,GAAGJ,KAAK,CAACI,IAAI;;;;"}

package/dist/formik/Select.js

@@ -3,8 +3,8 @@ import _typeof from '@babel/runtime/helpers/typeof';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { forwardRef, useRef, startTransition } from 'react';
-import { useField } from 'formik';
-import { prop, either, isNil, isEmpty } from 'ramda';
+import { useField, useFormikContext, getIn } from 'formik';
+import { prop, either, isNil, isEmpty, dissoc } from 'ramda';
 import Select from '../Select.js';
 import '@babel/runtime/helpers/defineProperty';
 import 'classnames';
@@ -71,6 +71,10 @@ var SelectField = /*#__PURE__*/forwardRef(function (props, ref) {
     _useField2$ = _useField2[2],
     setValue = _useField2$.setValue,
     setTouched = _useField2$.setTouched;
+  var _useFormikContext = useFormikContext(),
+    status = _useFormikContext.status,
+    setStatus = _useFormikContext.setStatus;
+  var fieldStatus = getIn(status, name);
   var isMenuOpen = useRef(otherProps.defaultMenuIsOpen);
   var getRealOptionValue = function getRealOptionValue(option) {
     if (typeof getOptionValue !== "function") {
@@ -86,19 +90,20 @@ var SelectField = /*#__PURE__*/forwardRef(function (props, ref) {
   };
   return /*#__PURE__*/React__default.createElement(Select, _extends({
     options: options,
-    error: meta.touched ? meta.error : "",
+    error: meta.touched ? meta.error || fieldStatus : "",
     getOptionValue: getOptionValue || prop("value"),
     innerRef: ref,
     isMulti: !!isMulti,
     name: field.name,
     value: either(isNil, isEmpty)(field.value) ? null : buildValueObj(field.value, options),
-    onChange: function onChange(value) {
-      return setValue(value);
-    },
     onBlur: function onBlur() {
       return startTransition(function () {
         setTouched(true);
       });
+    },
+    onChange: function onChange(value) {
+      setStatus(dissoc(name));
+      setValue(value);
     }
   }, otherProps, {
     onKeyDown: function onKeyDown(event) {

package/dist/formik/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../src/formik/Select.jsx"],"sourcesContent":["import React, { forwardRef, useRef, startTransition } from \"react\";\n\nimport { useField } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { prop, either, isNil, isEmpty } from \"ramda\";\n\nimport Select from \"components/Select\";\n\nconst SelectField = forwardRef((props, ref) => {\n  const {\n    name = \"\",\n    options = [],\n    getOptionValue = null,\n    isMulti = false,\n    ...otherProps\n  } = props;\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  const isMenuOpen = useRef(otherProps.defaultMenuIsOpen);\n\n  const getRealOptionValue = option => {\n    if (typeof getOptionValue !== \"function\") {\n      return option.value;\n    }\n\n    return getOptionValue(option);\n  };\n\n  const buildValueObj = (value, options) => {\n    if (typeof value === \"object\") return value;\n\n    return options.filter(option => getRealOptionValue(option) === value)[0];\n  };\n\n  return (\n    <Select\n      {...{ options }}\n      error={meta.touched ? meta.error : \"\"}\n      getOptionValue={getOptionValue || prop(\"value\")}\n      innerRef={ref}\n      isMulti={!!isMulti}\n      name={field.name}\n      value={\n        either(isNil, isEmpty)(field.value)\n          ? null\n          : buildValueObj(field.value, options)\n      }\n      onChange={value => setValue(value)}\n      onBlur={() =>\n        startTransition(() => {\n          setTouched(true);\n        })\n      }\n      {...otherProps}\n      onKeyDown={event => {\n        if (event.key === \"Enter\" && isMenuOpen.current) {\n          event.stopPropagation();\n        }\n        otherProps.onKeyDown?.(event);\n      }}\n      onMenuClose={() => {\n        isMenuOpen.current = false;\n        otherProps.onMenuClose?.();\n      }}\n      onMenuOpen={() => {\n        isMenuOpen.current = true;\n        otherProps.onMenuOpen?.();\n      }}\n    />\n  );\n});\n\nSelectField.displayName = \"SelectField\";\n\nSelectField.propTypes = {\n  /**\n   * The name of the select input.\n   */\n  name: PropTypes.string,\n  /**\n   * To provide the options to be displayed in the select component.\n   */\n  options: PropTypes.array,\n  /**\n   * To provide the function to get the value of the option.\n   */\n  getOptionValue: PropTypes.string,\n  /**\n   * To specify whether multiple options can be selected.\n   */\n  isMulti: PropTypes.bool,\n};\n\nexport default SelectField;\n"],"names":["SelectField","forwardRef","props","ref","_props$name","name","_props$options","options","_props$getOptionValue","getOptionValue","_props$isMulti","isMulti","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","isMenuOpen","useRef","defaultMenuIsOpen","getRealOptionValue","option","value","buildValueObj","_typeof","filter","React","createElement","Select","_extends","error","touched","prop","innerRef","either","isNil","isEmpty","onChange","onBlur","startTransition","onKeyDown","event","_otherProps$onKeyDown","key","current","stopPropagation","call","onMenuClose","_otherProps$onMenuClo","onMenuOpen","_otherProps$onMenuOpe","displayName"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../src/formik/Select.jsx"],"sourcesContent":["import React, { forwardRef, useRef, startTransition } from \"react\";\n\nimport { getIn, useFormikContext, useField } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { prop, either, isNil, isEmpty, dissoc } from \"ramda\";\n\nimport Select from \"components/Select\";\n\nconst SelectField = forwardRef((props, ref) => {\n  const {\n    name = \"\",\n    options = [],\n    getOptionValue = null,\n    isMulti = false,\n    ...otherProps\n  } = props;\n  const [field, meta, { setValue, setTouched }] = useField(name);\n  const { status, setStatus } = useFormikContext();\n  const fieldStatus = getIn(status, name);\n\n  const isMenuOpen = useRef(otherProps.defaultMenuIsOpen);\n\n  const getRealOptionValue = option => {\n    if (typeof getOptionValue !== \"function\") {\n      return option.value;\n    }\n\n    return getOptionValue(option);\n  };\n\n  const buildValueObj = (value, options) => {\n    if (typeof value === \"object\") return value;\n\n    return options.filter(option => getRealOptionValue(option) === value)[0];\n  };\n\n  return (\n    <Select\n      {...{ options }}\n      error={meta.touched ? meta.error || fieldStatus : \"\"}\n      getOptionValue={getOptionValue || prop(\"value\")}\n      innerRef={ref}\n      isMulti={!!isMulti}\n      name={field.name}\n      value={\n        either(isNil, isEmpty)(field.value)\n          ? null\n          : buildValueObj(field.value, options)\n      }\n      onBlur={() =>\n        startTransition(() => {\n          setTouched(true);\n        })\n      }\n      onChange={value => {\n        setStatus(dissoc(name));\n        setValue(value);\n      }}\n      {...otherProps}\n      onKeyDown={event => {\n        if (event.key === \"Enter\" && isMenuOpen.current) {\n          event.stopPropagation();\n        }\n        otherProps.onKeyDown?.(event);\n      }}\n      onMenuClose={() => {\n        isMenuOpen.current = false;\n        otherProps.onMenuClose?.();\n      }}\n      onMenuOpen={() => {\n        isMenuOpen.current = true;\n        otherProps.onMenuOpen?.();\n      }}\n    />\n  );\n});\n\nSelectField.displayName = \"SelectField\";\n\nSelectField.propTypes = {\n  /**\n   * The name of the select input.\n   */\n  name: PropTypes.string,\n  /**\n   * To provide the options to be displayed in the select component.\n   */\n  options: PropTypes.array,\n  /**\n   * To provide the function to get the value of the option.\n   */\n  getOptionValue: PropTypes.string,\n  /**\n   * To specify whether multiple options can be selected.\n   */\n  isMulti: PropTypes.bool,\n};\n\nexport default SelectField;\n"],"names":["SelectField","forwardRef","props","ref","_props$name","name","_props$options","options","_props$getOptionValue","getOptionValue","_props$isMulti","isMulti","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","status","setStatus","fieldStatus","getIn","isMenuOpen","useRef","defaultMenuIsOpen","getRealOptionValue","option","value","buildValueObj","_typeof","filter","React","createElement","Select","_extends","error","touched","prop","innerRef","either","isNil","isEmpty","onBlur","startTransition","onChange","dissoc","onKeyDown","event","_otherProps$onKeyDown","key","current","stopPropagation","call","onMenuClose","_otherProps$onMenuClo","onMenuOpen","_otherProps$onMenuOpe","displayName"],"mappings":"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"}

package/dist/formik/Slider.js

@@ -3,7 +3,8 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { forwardRef } from 'react';
-import { useField } from 'formik';
+import { useField, useFormikContext, getIn } from 'formik';
+import { dissoc } from 'ramda';
 import Slider from '../Slider.js';
 import 'antd/lib/config-provider';
 import 'antd/lib/slider';
@@ -40,7 +41,6 @@ import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 import '@bigbinary/neeto-cist';
 import 'qs';
-import 'ramda';
 import '../en-ffa387d9.js';
 
 var _excluded = ["name"];
@@ -56,8 +56,12 @@ var FormikSlider = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _useField2$ = _useField2[2],
     setValue = _useField2$.setValue,
     setTouched = _useField2$.setTouched;
+  var _useFormikContext = useFormikContext(),
+    status = _useFormikContext.status,
+    setStatus = _useFormikContext.setStatus;
+  var fieldStatus = getIn(status, name);
   return /*#__PURE__*/React__default.createElement(Slider, _extends({
-    error: meta.error || ""
+    error: meta.error || fieldStatus || ""
   }, _objectSpread(_objectSpread({
     ref: ref
   }, field), {}, {
@@ -67,7 +71,8 @@ var FormikSlider = /*#__PURE__*/forwardRef(function (_ref, ref) {
       return setTouched(true);
     },
     onChange: function onChange(value) {
-      return setValue(value);
+      setStatus(dissoc(name));
+      setValue(value);
     }
   }, otherProps));
 });

package/dist/formik/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../src/formik/Slider.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField } from \"formik\";\n\nimport Slider from \"components/Slider\";\n\nconst FormikSlider = forwardRef(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  return (\n    <Slider\n      error={meta.error || \"\"}\n      {...{ ref, ...field, name }}\n      onBlur={() => setTouched(true)}\n      onChange={value => setValue(value)}\n      {...otherProps}\n    />\n  );\n});\n\nFormikSlider.displayName = \"Slider\";\n\nexport default FormikSlider;\n"],"names":["FormikSlider","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","React","createElement","Slider","_extends","error","_objectSpread","onBlur","onChange","value","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMMA,IAAAA,YAAY,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACpD,EAAA,IAAAC,SAAA,GAAgDC,QAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;AAE1C,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,MAAM,EAAAC,QAAA,CAAA;AACLC,IAAAA,KAAK,EAAER,IAAI,CAACQ,KAAK,IAAI,EAAA;GAAGC,EAAAA,aAAA,CAAAA,aAAA,CAAA;AAClBnB,IAAAA,GAAG,EAAHA,GAAAA;AAAG,GAAA,EAAKS,KAAK,CAAA,EAAA,EAAA,EAAA;AAAER,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,CAAA,EAAA;IACzBmB,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMP,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;IAC/BQ,QAAQ,EAAE,SAAAA,QAAAA,CAAAC,KAAK,EAAA;MAAA,OAAIV,QAAQ,CAACU,KAAK,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAC/BpB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,YAAY,CAAC0B,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Slider.js","sources":["../../src/formik/Slider.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { getIn, useField, useFormikContext } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport Slider from \"components/Slider\";\n\nconst FormikSlider = forwardRef(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n  const { status, setStatus } = useFormikContext();\n\n  const fieldStatus = getIn(status, name);\n\n  return (\n    <Slider\n      error={meta.error || fieldStatus || \"\"}\n      {...{ ref, ...field, name }}\n      onBlur={() => setTouched(true)}\n      onChange={value => {\n        setStatus(dissoc(name));\n        setValue(value);\n      }}\n      {...otherProps}\n    />\n  );\n});\n\nFormikSlider.displayName = \"Slider\";\n\nexport default FormikSlider;\n"],"names":["FormikSlider","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","status","setStatus","fieldStatus","getIn","React","createElement","Slider","_extends","error","_objectSpread","onBlur","onChange","value","dissoc","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOMA,IAAAA,YAAY,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACpD,EAAA,IAAAC,SAAA,GAAgDC,QAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;EAC1C,IAAAC,iBAAA,GAA8BC,gBAAgB,EAAE;IAAxCC,MAAM,GAAAF,iBAAA,CAANE,MAAM;IAAEC,SAAS,GAAAH,iBAAA,CAATG,SAAS,CAAA;AAEzB,EAAA,IAAMC,WAAW,GAAGC,KAAK,CAACH,MAAM,EAAEf,IAAI,CAAC,CAAA;AAEvC,EAAA,oBACEmB,cAAA,CAAAC,aAAA,CAACC,MAAM,EAAAC,QAAA,CAAA;AACLC,IAAAA,KAAK,EAAEd,IAAI,CAACc,KAAK,IAAIN,WAAW,IAAI,EAAA;GAAGO,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACjCzB,IAAAA,GAAG,EAAHA,GAAAA;AAAG,GAAA,EAAKS,KAAK,CAAA,EAAA,EAAA,EAAA;AAAER,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,CAAA,EAAA;IACzByB,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMb,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;AAC/Bc,IAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,KAAK,EAAI;AACjBX,MAAAA,SAAS,CAACY,MAAM,CAAC5B,IAAI,CAAC,CAAC,CAAA;MACvBW,QAAQ,CAACgB,KAAK,CAAC,CAAA;AACjB,KAAA;AAAE,GAAA,EACE1B,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,YAAY,CAACiC,WAAW,GAAG,QAAQ;;;;"}

package/dist/formik/Switch.js

@@ -2,7 +2,8 @@ import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
-import { Field } from 'formik';
+import { Field, getIn } from 'formik';
+import { dissoc } from 'ramda';
 import Switch from '../Switch.js';
 import 'classnames';
 import '@bigbinary/neeto-icons';
@@ -21,7 +22,6 @@ import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 import '@bigbinary/neeto-cist';
 import 'qs';
-import 'ramda';
 import '../en-ffa387d9.js';
 import '../Label.js';
 import '../Button.js';
@@ -42,13 +42,23 @@ var FormikSwitch = function FormikSwitch(_ref) {
     name: name
   }, function (_ref2) {
     var field = _ref2.field,
-      error = _ref2.meta.error;
+      error = _ref2.meta.error,
+      form = _ref2.form;
+    var status = form.status,
+      setStatus = form.setStatus;
+    var fieldStatus = getIn(status, name);
+    var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
+      onChange: function onChange(e) {
+        setStatus(dissoc(name));
+        field.onChange(e);
+      }
+    });
     return /*#__PURE__*/React__default.createElement(Switch, _extends({
-      checked: field.value
+      checked: field.value,
+      error: error || fieldStatus
     }, _objectSpread(_objectSpread({
-      error: error,
       name: name
-    }, field), rest)));
+    }, fieldProps), rest)));
   });
 };
 

package/dist/formik/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../src/formik/Switch.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport Switch from \"components/Switch\";\n\nconst FormikSwitch = ({ name, ...rest }) => (\n  <Field {...{ name }}>\n    {({ field, meta: { error } }) => (\n      <Switch checked={field.value} {...{ error, name, ...field, ...rest }} />\n    )}\n  </Field>\n);\n\nFormikSwitch.propTypes = {\n  /**\n   * The name of the switch.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikSwitch;\n"],"names":["FormikSwitch","_ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","error","meta","Switch","_extends","checked","value","_objectSpread"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAAA,EAAA,oBACnCC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,EACd,UAAAO,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;AAAUC,MAAAA,KAAK,GAAAF,KAAA,CAAbG,IAAI,CAAID,KAAK,CAAA;AAAA,IAAA,oBACtBL,cAAA,CAAAC,aAAA,CAACM,MAAM,EAAAC,QAAA,CAAA;MAACC,OAAO,EAAEL,KAAK,CAACM,KAAAA;KAAMC,EAAAA,aAAA,CAAAA,aAAA,CAAA;AAAON,MAAAA,KAAK,EAALA,KAAK;AAAET,MAAAA,IAAI,EAAJA,IAAAA;KAASQ,EAAAA,KAAK,CAAKP,EAAAA,IAAI,CAAM,CAAA,CAAA,CAAA;AAAA,GACzE,CACK,CAAA;AAAA;;;;"}
+{"version":3,"file":"Switch.js","sources":["../../src/formik/Switch.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport Switch from \"components/Switch\";\n\nconst FormikSwitch = ({ name, ...rest }) => (\n  <Field {...{ name }}>\n    {({ field, meta: { error }, form }) => {\n      const { status, setStatus } = form;\n      const fieldStatus = getIn(status, name);\n\n      const fieldProps = {\n        ...field,\n        onChange: e => {\n          setStatus(dissoc(name));\n          field.onChange(e);\n        },\n      };\n\n      return (\n        <Switch\n          checked={field.value}\n          error={error || fieldStatus}\n          {...{ name, ...fieldProps, ...rest }}\n        />\n      );\n    }}\n  </Field>\n);\n\nFormikSwitch.propTypes = {\n  /**\n   * The name of the switch.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikSwitch;\n"],"names":["FormikSwitch","_ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","error","meta","form","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","Switch","_extends","checked","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAAA,EAAA,oBACnCC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;GACV,EAAA,UAAAO,KAAA,EAAsC;AAAA,IAAA,IAAnCC,KAAK,GAAAD,KAAA,CAALC,KAAK;AAAUC,MAAAA,KAAK,GAAAF,KAAA,CAAbG,IAAI,CAAID,KAAK;MAAIE,IAAI,GAAAJ,KAAA,CAAJI,IAAI,CAAA;AAC9B,IAAA,IAAQC,MAAM,GAAgBD,IAAI,CAA1BC,MAAM;MAAEC,SAAS,GAAKF,IAAI,CAAlBE,SAAS,CAAA;AACzB,IAAA,IAAMC,WAAW,GAAGC,KAAK,CAACH,MAAM,EAAEZ,IAAI,CAAC,CAAA;AAEvC,IAAA,IAAMgB,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXT,KAAK,CAAA,EAAA,EAAA,EAAA;AACRU,MAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,CAAC,EAAI;AACbN,QAAAA,SAAS,CAACO,MAAM,CAACpB,IAAI,CAAC,CAAC,CAAA;AACvBQ,QAAAA,KAAK,CAACU,QAAQ,CAACC,CAAC,CAAC,CAAA;AACnB,OAAA;KACD,CAAA,CAAA;AAED,IAAA,oBACEf,cAAA,CAAAC,aAAA,CAACgB,MAAM,EAAAC,QAAA,CAAA;MACLC,OAAO,EAAEf,KAAK,CAACgB,KAAM;MACrBf,KAAK,EAAEA,KAAK,IAAIK,WAAAA;KAAYG,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACtBjB,MAAAA,IAAI,EAAJA,IAAAA;KAASgB,EAAAA,UAAU,CAAKf,EAAAA,IAAI,CAClC,CAAA,CAAA,CAAA;AAEN,GAAC,CACK,CAAA;AAAA;;;;"}

package/dist/formik/Textarea.js

@@ -2,8 +2,8 @@ import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { forwardRef } from 'react';
-import { Field } from 'formik';
-import { p as propTypes } from '../index-283bc6a6.js';
+import { Field, getIn } from 'formik';
+import { dissoc } from 'ramda';
 import { T as Textarea } from '../Textarea-f6ad0ef9.js';
 import '@babel/runtime/helpers/slicedToArray';
 import 'classnames';
@@ -21,7 +21,6 @@ import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 import '@bigbinary/neeto-cist';
 import 'qs';
-import 'ramda';
 import '../en-ffa387d9.js';
 import '../Label.js';
 import '@bigbinary/neeto-icons';
@@ -43,21 +42,25 @@ var FormikTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     name: name
   }, function (_ref2) {
     var field = _ref2.field,
-      meta = _ref2.meta;
+      meta = _ref2.meta,
+      form = _ref2.form;
+    var status = form.status,
+      setStatus = form.setStatus;
+    var fieldStatus = getIn(status, name);
+    var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
+      onChange: function onChange(e) {
+        setStatus(dissoc(name));
+        field.onChange(e);
+      }
+    });
     return /*#__PURE__*/React__default.createElement(Textarea, _extends({
-      error: meta.touched ? meta.error : ""
+      error: meta.touched ? meta.error || fieldStatus : ""
     }, _objectSpread(_objectSpread({
       ref: ref
-    }, field), rest)));
+    }, fieldProps), rest)));
   });
 });
 FormikTextarea.displayName = "FormikTextarea";
-FormikTextarea.propTypes = {
-  /**
-   * The name of the textarea field.
-   */
-  name: propTypes.exports.string
-};
 
 export { FormikTextarea as default };
 //# sourceMappingURL=Textarea.js.map

package/dist/formik/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../src/formik/Textarea.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport Textarea from \"components/Textarea\";\n\nconst FormikTextarea = forwardRef(({ name, ...rest }, ref) => (\n  <Field {...{ name }}>\n    {({ field, meta }) => (\n      <Textarea\n        error={meta.touched ? meta.error : \"\"}\n        {...{ ref, ...field, ...rest }}\n      />\n    )}\n  </Field>\n));\n\nFormikTextarea.displayName = \"FormikTextarea\";\n\nFormikTextarea.propTypes = {\n  /**\n   * The name of the textarea field.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikTextarea;\n"],"names":["FormikTextarea","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","Textarea","_extends","error","touched","_objectSpread","displayName","propTypes","PropTypes","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,cAAc,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAChDC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,EACd,UAAAO,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI,CAAA;AAAA,IAAA,oBACbL,cAAA,CAAAC,aAAA,CAACK,QAAQ,EAAAC,QAAA,CAAA;MACPC,KAAK,EAAEH,IAAI,CAACI,OAAO,GAAGJ,IAAI,CAACG,KAAK,GAAG,EAAA;KAAGE,EAAAA,aAAA,CAAAA,aAAA,CAAA;AAChCf,MAAAA,GAAG,EAAHA,GAAAA;KAAQS,EAAAA,KAAK,CAAKP,EAAAA,IAAI,CAC5B,CAAA,CAAA,CAAA;AAAA,GACH,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,cAAc,CAACmB,WAAW,GAAG,gBAAgB,CAAA;AAE7CnB,cAAc,CAACoB,SAAS,GAAG;AACzB;AACF;AACA;EACEhB,IAAI,EAAEiB,iBAAS,CAACC,MAAAA;AAClB,CAAC;;;;"}
+{"version":3,"file":"Textarea.js","sources":["../../src/formik/Textarea.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport Textarea from \"components/Textarea\";\n\nconst FormikTextarea = forwardRef(({ name, ...rest }, ref) => (\n  <Field {...{ name }}>\n    {({ field, meta, form }) => {\n      const { status, setStatus } = form;\n      const fieldStatus = getIn(status, name);\n\n      const fieldProps = {\n        ...field,\n        onChange: e => {\n          setStatus(dissoc(name));\n          field.onChange(e);\n        },\n      };\n\n      return (\n        <Textarea\n          error={meta.touched ? meta.error || fieldStatus : \"\"}\n          {...{ ref, ...fieldProps, ...rest }}\n        />\n      );\n    }}\n  </Field>\n));\n\nFormikTextarea.displayName = \"FormikTextarea\";\n\nFormikTextarea.propTypes = {\n  /**\n   * The name of the textarea field.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikTextarea;\n"],"names":["FormikTextarea","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","form","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","Textarea","_extends","error","touched","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,cAAc,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAChDC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;GACV,EAAA,UAAAO,KAAA,EAA2B;AAAA,IAAA,IAAxBC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI,CAAA;AACnB,IAAA,IAAQC,MAAM,GAAgBD,IAAI,CAA1BC,MAAM;MAAEC,SAAS,GAAKF,IAAI,CAAlBE,SAAS,CAAA;AACzB,IAAA,IAAMC,WAAW,GAAGC,KAAK,CAACH,MAAM,EAAEX,IAAI,CAAC,CAAA;AAEvC,IAAA,IAAMe,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXR,KAAK,CAAA,EAAA,EAAA,EAAA;AACRS,MAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,CAAC,EAAI;AACbN,QAAAA,SAAS,CAACO,MAAM,CAACnB,IAAI,CAAC,CAAC,CAAA;AACvBQ,QAAAA,KAAK,CAACS,QAAQ,CAACC,CAAC,CAAC,CAAA;AACnB,OAAA;KACD,CAAA,CAAA;AAED,IAAA,oBACEd,cAAA,CAAAC,aAAA,CAACe,QAAQ,EAAAC,QAAA,CAAA;MACPC,KAAK,EAAEb,IAAI,CAACc,OAAO,GAAGd,IAAI,CAACa,KAAK,IAAIT,WAAW,GAAG,EAAA;KAAGG,EAAAA,aAAA,CAAAA,aAAA,CAAA;AAC/CjB,MAAAA,GAAG,EAAHA,GAAAA;KAAQgB,EAAAA,UAAU,CAAKd,EAAAA,IAAI,CACjC,CAAA,CAAA,CAAA;AAEN,GAAC,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,cAAc,CAAC4B,WAAW,GAAG,gBAAgB;;;;"}

package/dist/formik/TreeSelect.js

@@ -2,7 +2,8 @@ import _extends from '@babel/runtime/helpers/extends';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { forwardRef } from 'react';
-import { useField } from 'formik';
+import { useField, useFormikContext, getIn } from 'formik';
+import { dissoc } from 'ramda';
 import TreeSelect from '../TreeSelect.js';
 import 'antd/lib/config-provider';
 import 'antd/lib/tree-select';
@@ -20,7 +21,6 @@ import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 import '@bigbinary/neeto-cist';
 import 'qs';
-import 'ramda';
 import '../en-ffa387d9.js';
 import '../constants.js';
 import 'antd/locale/de_DE';
@@ -51,16 +51,21 @@ var FormikTreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _useField2$ = _useField2[2],
     setValue = _useField2$.setValue,
     setTouched = _useField2$.setTouched;
+  var _useFormikContext = useFormikContext(),
+    status = _useFormikContext.status,
+    setStatus = _useFormikContext.setStatus;
+  var fieldStatus = getIn(status, name);
   return /*#__PURE__*/React__default.createElement(TreeSelect, _extends({
     ref: ref,
-    error: meta.error || "",
+    error: meta.error || fieldStatus || "",
     name: field.name,
     value: field.value,
     onBlur: function onBlur() {
       return setTouched(true);
     },
     onChange: function onChange(value) {
-      return setValue(value);
+      setStatus(dissoc(name));
+      setValue(value);
     }
   }, otherProps));
 });

package/dist/formik/TreeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelect.js","sources":["../../src/formik/TreeSelect.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField } from \"formik\";\n\nimport TreeSelect from \"components/TreeSelect\";\n\nconst FormikTreeSelect = forwardRef(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  return (\n    <TreeSelect\n      {...{ ref }}\n      error={meta.error || \"\"}\n      name={field.name}\n      value={field.value}\n      onBlur={() => setTouched(true)}\n      onChange={value => setValue(value)}\n      {...otherProps}\n    />\n  );\n});\n\nFormikTreeSelect.displayName = \"TreeSelect\";\n\nexport default FormikTreeSelect;\n"],"names":["FormikTreeSelect","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","React","createElement","TreeSelect","_extends","error","value","onBlur","onChange","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMMA,IAAAA,gBAAgB,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACxD,EAAA,IAAAC,SAAA,GAAgDC,QAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;AAE1C,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AACHjB,IAAAA,GAAG,EAAHA,GAAG;AACTkB,IAAAA,KAAK,EAAER,IAAI,CAACQ,KAAK,IAAI,EAAG;IACxBjB,IAAI,EAAEQ,KAAK,CAACR,IAAK;IACjBkB,KAAK,EAAEV,KAAK,CAACU,KAAM;IACnBC,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMP,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;IAC/BQ,QAAQ,EAAE,SAAAA,QAAAA,CAAAF,KAAK,EAAA;MAAA,OAAIP,QAAQ,CAACO,KAAK,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAC/BjB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,gBAAgB,CAACyB,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"TreeSelect.js","sources":["../../src/formik/TreeSelect.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, getIn, useFormikContext } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport TreeSelect from \"components/TreeSelect\";\n\nconst FormikTreeSelect = forwardRef(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n  const { status, setStatus } = useFormikContext();\n\n  const fieldStatus = getIn(status, name);\n\n  return (\n    <TreeSelect\n      {...{ ref }}\n      error={meta.error || fieldStatus || \"\"}\n      name={field.name}\n      value={field.value}\n      onBlur={() => setTouched(true)}\n      onChange={value => {\n        setStatus(dissoc(name));\n        setValue(value);\n      }}\n      {...otherProps}\n    />\n  );\n});\n\nFormikTreeSelect.displayName = \"TreeSelect\";\n\nexport default FormikTreeSelect;\n"],"names":["FormikTreeSelect","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","status","setStatus","fieldStatus","getIn","React","createElement","TreeSelect","_extends","error","value","onBlur","onChange","dissoc","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOMA,IAAAA,gBAAgB,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACxD,EAAA,IAAAC,SAAA,GAAgDC,QAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;EAC1C,IAAAC,iBAAA,GAA8BC,gBAAgB,EAAE;IAAxCC,MAAM,GAAAF,iBAAA,CAANE,MAAM;IAAEC,SAAS,GAAAH,iBAAA,CAATG,SAAS,CAAA;AAEzB,EAAA,IAAMC,WAAW,GAAGC,KAAK,CAACH,MAAM,EAAEf,IAAI,CAAC,CAAA;AAEvC,EAAA,oBACEmB,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AACHvB,IAAAA,GAAG,EAAHA,GAAG;AACTwB,IAAAA,KAAK,EAAEd,IAAI,CAACc,KAAK,IAAIN,WAAW,IAAI,EAAG;IACvCjB,IAAI,EAAEQ,KAAK,CAACR,IAAK;IACjBwB,KAAK,EAAEhB,KAAK,CAACgB,KAAM;IACnBC,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMb,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;AAC/Bc,IAAAA,QAAQ,EAAE,SAAAA,QAAAF,CAAAA,KAAK,EAAI;AACjBR,MAAAA,SAAS,CAACW,MAAM,CAAC3B,IAAI,CAAC,CAAC,CAAA;MACvBW,QAAQ,CAACa,KAAK,CAAC,CAAA;AACjB,KAAA;AAAE,GAAA,EACEvB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,gBAAgB,CAACgC,WAAW,GAAG,YAAY;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neetoui",
-  "version": "8.0.1",
+  "version": "8.1.0",
   "author": "BigBinary",
   "license": "MIT",
   "description": "neetoUI drives the experience at all neeto products",