@bigbinary/neetoui 8.0.0 → 8.1.0

package/dist/cjs/TimePicker.js

@@ -25,7 +25,7 @@ require('react-colorful');
 require('./tinycolor-b1e9a7b2.js');
 require('./Dropdown.js');
 require('./index-7a8fe498.js');
-var DatePicker = require('./index-e17b2a64.js');
+var DatePicker = require('./index-34eccc77.js');
 require('./Input.js');
 require('./Label.js');
 require('./MultiEmailInput.js');
@@ -57,6 +57,7 @@ require('react-dom');
 require('@babel/runtime/helpers/esm/defineProperty');
 require('@babel/runtime/helpers/esm/toConsumableArray');
 require('antd/lib/slider');
+require('./constants.js');
 require('./Switch.js');
 require('./Tab.js');
 require('antd/lib/table');
@@ -81,6 +82,13 @@ require('@babel/runtime/helpers/esm/inheritsLoose');
 require('./index-63580e68.js');
 require('@babel/runtime/helpers/esm/assertThisInitialized');
 require('antd/lib/date-picker');
+require('antd/locale/de_DE');
+require('antd/locale/en_US');
+require('antd/locale/es_ES');
+require('antd/locale/fr_FR');
+require('antd/locale/nl_NL');
+require('antd/locale/pl_PL');
+require('antd/locale/pt_PT');
 require('@babel/runtime/helpers/toArray');
 require('@babel/runtime/helpers/esm/classCallCheck');
 require('@babel/runtime/helpers/esm/createClass');

package/dist/cjs/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TimePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/Tree.js

@@ -6,8 +6,17 @@ var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var classnames = require('classnames');
+var reactI18next = require('react-i18next');
+var constants = require('./constants.js');
 var index = require('./index-7a8fe498.js');
 var neetoIcons = require('@bigbinary/neeto-icons');
+require('antd/locale/de_DE');
+require('antd/locale/en_US');
+require('antd/locale/es_ES');
+require('antd/locale/fr_FR');
+require('antd/locale/nl_NL');
+require('antd/locale/pl_PL');
+require('antd/locale/pt_PT');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
@@ -42,7 +51,10 @@ var SwitcherIcon = function SwitcherIcon(_ref) {
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Tree = function Tree(props) {
+  var _useTranslation = reactI18next.useTranslation(),
+    i18n = _useTranslation.i18n;
   return /*#__PURE__*/React__default["default"].createElement(_ConfigProvider__default["default"], {
+    locale: constants.ANTD_LOCALE[i18n.language || "en"],
     theme: {
       token: _objectSpread({}, index.ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
       components: {

package/dist/cjs/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sources":["../../src/components/Tree/SwitcherIcon.jsx","../../src/components/Tree/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Down, Right } from \"neetoicons\";\n\nconst SwitcherIcon = ({ expanded }) =>\n  expanded ? <Down size={16} /> : <Right size={16} />;\n\nexport default SwitcherIcon;\n","import React from \"react\";\n\nimport { ConfigProvider, Tree as TreeComponent } from \"antd\";\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from \"utils\";\n\nimport SwitcherIcon from \"./SwitcherIcon\";\n\nconst Tree = props => (\n  <ConfigProvider\n    theme={{\n      token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n      components: {\n        Tree: {\n          directoryNodeSelectedBg: \"rgb(var(--neeto-ui-primary-500))\",\n          directoryNodeSelectedColor: \"rgb(var(--neeto-ui-white))\",\n          nodeHoverBg: \"rgb(var(--neeto-ui-gray-100))\",\n          nodeSelectedBg: \"rgb(var(--neeto-ui-primary-100))\",\n        },\n      },\n    }}\n  >\n    <TreeComponent\n      switcherIcon={SwitcherIcon}\n      {...props}\n      className={classnames(\"neeto-ui-tree\", props.className)}\n    />\n  </ConfigProvider>\n);\n\nTree.propTypes = {\n  /**\n   * Whether to allow dropping on the node\n   */\n  allowDrop: PropTypes.bool,\n  /**\n   * Whether to automatically expand a parent treeNode\n   */\n  autoExpandParent: PropTypes.bool,\n  /**\n   * Whether treeNode fill remaining horizontal space\n   */\n  blockNode: PropTypes.bool,\n  /**\n   * Add a Checkbox before the treeNodes.\n   */\n  checkable: PropTypes.bool,\n  /**\n   * Specifies the keys of the checked treeNodes\n   */\n  checkedKeys: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Check treeNode precisely; parent treeNode and children treeNodes are not associated\n   */\n  checkStrictly: PropTypes.bool,\n  /**\n   * Specifies the keys of the default checked treeNodes.\n   */\n  defaultCheckedKeys: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Specify the keys of the default expanded treeNodes.\n   */\n  defaultExpandedKeys: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Specifies the keys of the default selected treeNodes.\n   */\n  defaultSelectedKeys: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Callback function for when the onCheck event occurs.\n   */\n  onCheck: PropTypes.func,\n  /**\n   * Whether disabled the tree\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The treeNodes data Array, if set it then you need not to construct children TreeNode. (key should be unique across the whole array).\n   */\n  treeData: PropTypes.array,\n  /**\n   * Callback function for when the user clicks a treeNode.\n   */\n  onSelect: PropTypes.func,\n  /**\n   * Shows a connecting line.\n   */\n  showLine: PropTypes.bool,\n  /**\n   * Config virtual scroll height. Will not support horizontal scroll when enable this.\n   */\n  height: PropTypes.number,\n  /**\n   * Specifies whether this Tree or the node is draggable.\n   */\n  draggable: PropTypes.bool,\n  /**\n   * Callback function for when the onDragEnter event occurs\n   */\n  onDragEnter: PropTypes.func,\n  /**\n   * Callback function for when the onDragStart event occurs\n   */\n  onDragStart: PropTypes.func,\n  /**\n   * Callback function for when the onDragEnter event occurs\n   */\n  onDragEnd: PropTypes.func,\n  /**\n   * Callback function for when the onDragLeave event occurs\n   */\n  onDragLeave: PropTypes.func,\n  /**\n   * Callback function for when the onDragOver event occurs\n   */\n  onDragOver: PropTypes.func,\n  /**\n   * Callback function for when the onDrop event occurs\n   */\n  onDrop: PropTypes.func,\n  /**\n   * Defines a function to filter (highlight) treeNodes. When the function returns true, the corresponding treeNode will be highlighted\n   */\n  filterTreeNode: PropTypes.func,\n  /**\n   * Load data asynchronously\n   */\n  loadData: PropTypes.func,\n  /**\n   *  Set loaded tree nodes. Need work with loadData\n   */\n  loadedKeys: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Whether can be selected\n   */\n  selectable: PropTypes.bool,\n  /**\n   * Specifies the keys of the selected treeNodes, multiple selection needs to set multiple to true\n   */\n  selectedKeys: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Allows selecting multiple treeNodes\n   */\n  multiple: PropTypes.bool,\n  /**\n   * Customize tree node title render\n   */\n  titleRender: PropTypes.func,\n  /**\n   * Disable virtual scroll when set to false\n   */\n  virtual: PropTypes.bool,\n  /**\n   * Callback function for when a treeNode is expanded or collapsed\n   */\n  onExpand: PropTypes.func,\n  /**\n   * Callback function for when a treeNode is loaded\n   */\n  onLoad: PropTypes.func,\n  /**\n   * Customize collapse/expand icon of tree node\n   */\n  switcherIcon: PropTypes.node,\n};\n\nexport default Tree;\n"],"names":["SwitcherIcon","_ref","expanded","React","createElement","Down","size","Right","Tree","props","_ConfigProvider","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","directoryNodeSelectedBg","directoryNodeSelectedColor","nodeHoverBg","nodeSelectedBg","_Tree","_extends","switcherIcon","className","classnames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AAAA,EAAA,OAC9BA,QAAQ,gBAAGC,yBAAA,CAAAC,aAAA,CAACC,eAAI,EAAA;AAACC,IAAAA,IAAI,EAAE,EAAA;AAAG,GAAA,CAAG,gBAAGH,yBAAA,CAAAC,aAAA,CAACG,gBAAK,EAAA;AAACD,IAAAA,IAAI,EAAE,EAAA;GAAM,CAAA,CAAA;AAAA,CAAA;;;;ACKrD,IAAME,IAAI,GAAG,SAAPA,IAAIA,CAAGC,KAAK,EAAA;AAAA,EAAA,oBAChBN,yBAAA,CAAAC,aAAA,CAAAM,mCAAA,EAAA;AACEC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAAC,aAAA,CAAOC,EAAAA,EAAAA,uCAAiC,CAAE;AAC/CC,MAAAA,UAAU,EAAE;AACVP,QAAAA,IAAI,EAAE;AACJQ,UAAAA,uBAAuB,EAAE,kCAAkC;AAC3DC,UAAAA,0BAA0B,EAAE,4BAA4B;AACxDC,UAAAA,WAAW,EAAE,+BAA+B;AAC5CC,UAAAA,cAAc,EAAE,kCAAA;AAClB,SAAA;AACF,OAAA;AACF,KAAA;AAAE,GAAA,eAEFhB,yBAAA,CAAAC,aAAA,CAAAgB,yBAAA,EAAAC,4BAAA,CAAA;AACEC,IAAAA,YAAY,EAAEtB,YAAAA;AAAa,GAAA,EACvBS,KAAK,EAAA;AACTc,IAAAA,SAAS,EAAEC,8BAAU,CAAC,eAAe,EAAEf,KAAK,CAACc,SAAS,CAAA;AAAE,GAAA,CAAA,CACxD,CACa,CAAA;AAAA;;;;"}
+{"version":3,"file":"Tree.js","sources":["../../src/components/Tree/SwitcherIcon.jsx","../../src/components/Tree/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Down, Right } from \"neetoicons\";\n\nconst SwitcherIcon = ({ expanded }) =>\n  expanded ? <Down size={16} /> : <Right size={16} />;\n\nexport default SwitcherIcon;\n","import React from \"react\";\n\nimport { ConfigProvider, Tree as TreeComponent } from \"antd\";\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ANTD_LOCALE } from \"components/constants\";\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from \"utils\";\n\nimport SwitcherIcon from \"./SwitcherIcon\";\n\nconst Tree = props => {\n  const { i18n } = useTranslation();\n\n  return (\n    <ConfigProvider\n      locale={ANTD_LOCALE[i18n.language || \"en\"]}\n      theme={{\n        token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n        components: {\n          Tree: {\n            directoryNodeSelectedBg: \"rgb(var(--neeto-ui-primary-500))\",\n            directoryNodeSelectedColor: \"rgb(var(--neeto-ui-white))\",\n            nodeHoverBg: \"rgb(var(--neeto-ui-gray-100))\",\n            nodeSelectedBg: \"rgb(var(--neeto-ui-primary-100))\",\n          },\n        },\n      }}\n    >\n      <TreeComponent\n        switcherIcon={SwitcherIcon}\n        {...props}\n        className={classnames(\"neeto-ui-tree\", props.className)}\n      />\n    </ConfigProvider>\n  );\n};\n\nTree.propTypes = {\n  /**\n   * Whether to allow dropping on the node\n   */\n  allowDrop: PropTypes.bool,\n  /**\n   * Whether to automatically expand a parent treeNode\n   */\n  autoExpandParent: PropTypes.bool,\n  /**\n   * Whether treeNode fill remaining horizontal space\n   */\n  blockNode: PropTypes.bool,\n  /**\n   * Add a Checkbox before the treeNodes.\n   */\n  checkable: PropTypes.bool,\n  /**\n   * Specifies the keys of the checked treeNodes\n   */\n  checkedKeys: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Check treeNode precisely; parent treeNode and children treeNodes are not associated\n   */\n  checkStrictly: PropTypes.bool,\n  /**\n   * Specifies the keys of the default checked treeNodes.\n   */\n  defaultCheckedKeys: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Specify the keys of the default expanded treeNodes.\n   */\n  defaultExpandedKeys: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Specifies the keys of the default selected treeNodes.\n   */\n  defaultSelectedKeys: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Callback function for when the onCheck event occurs.\n   */\n  onCheck: PropTypes.func,\n  /**\n   * Whether disabled the tree\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The treeNodes data Array, if set it then you need not to construct children TreeNode. (key should be unique across the whole array).\n   */\n  treeData: PropTypes.array,\n  /**\n   * Callback function for when the user clicks a treeNode.\n   */\n  onSelect: PropTypes.func,\n  /**\n   * Shows a connecting line.\n   */\n  showLine: PropTypes.bool,\n  /**\n   * Config virtual scroll height. Will not support horizontal scroll when enable this.\n   */\n  height: PropTypes.number,\n  /**\n   * Specifies whether this Tree or the node is draggable.\n   */\n  draggable: PropTypes.bool,\n  /**\n   * Callback function for when the onDragEnter event occurs\n   */\n  onDragEnter: PropTypes.func,\n  /**\n   * Callback function for when the onDragStart event occurs\n   */\n  onDragStart: PropTypes.func,\n  /**\n   * Callback function for when the onDragEnter event occurs\n   */\n  onDragEnd: PropTypes.func,\n  /**\n   * Callback function for when the onDragLeave event occurs\n   */\n  onDragLeave: PropTypes.func,\n  /**\n   * Callback function for when the onDragOver event occurs\n   */\n  onDragOver: PropTypes.func,\n  /**\n   * Callback function for when the onDrop event occurs\n   */\n  onDrop: PropTypes.func,\n  /**\n   * Defines a function to filter (highlight) treeNodes. When the function returns true, the corresponding treeNode will be highlighted\n   */\n  filterTreeNode: PropTypes.func,\n  /**\n   * Load data asynchronously\n   */\n  loadData: PropTypes.func,\n  /**\n   *  Set loaded tree nodes. Need work with loadData\n   */\n  loadedKeys: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Whether can be selected\n   */\n  selectable: PropTypes.bool,\n  /**\n   * Specifies the keys of the selected treeNodes, multiple selection needs to set multiple to true\n   */\n  selectedKeys: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Allows selecting multiple treeNodes\n   */\n  multiple: PropTypes.bool,\n  /**\n   * Customize tree node title render\n   */\n  titleRender: PropTypes.func,\n  /**\n   * Disable virtual scroll when set to false\n   */\n  virtual: PropTypes.bool,\n  /**\n   * Callback function for when a treeNode is expanded or collapsed\n   */\n  onExpand: PropTypes.func,\n  /**\n   * Callback function for when a treeNode is loaded\n   */\n  onLoad: PropTypes.func,\n  /**\n   * Customize collapse/expand icon of tree node\n   */\n  switcherIcon: PropTypes.node,\n};\n\nexport default Tree;\n"],"names":["SwitcherIcon","_ref","expanded","React","createElement","Down","size","Right","Tree","props","_useTranslation","useTranslation","i18n","_ConfigProvider","locale","ANTD_LOCALE","language","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","directoryNodeSelectedBg","directoryNodeSelectedColor","nodeHoverBg","nodeSelectedBg","_Tree","_extends","switcherIcon","className","classnames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AAAA,EAAA,OAC9BA,QAAQ,gBAAGC,yBAAA,CAAAC,aAAA,CAACC,eAAI,EAAA;AAACC,IAAAA,IAAI,EAAE,EAAA;AAAG,GAAA,CAAG,gBAAGH,yBAAA,CAAAC,aAAA,CAACG,gBAAK,EAAA;AAACD,IAAAA,IAAI,EAAE,EAAA;GAAM,CAAA,CAAA;AAAA,CAAA;;;;ACOrD,IAAME,IAAI,GAAG,SAAPA,IAAIA,CAAGC,KAAK,EAAI;EACpB,IAAAC,eAAA,GAAiBC,2BAAc,EAAE;IAAzBC,IAAI,GAAAF,eAAA,CAAJE,IAAI,CAAA;AAEZ,EAAA,oBACET,yBAAA,CAAAC,aAAA,CAAAS,mCAAA,EAAA;IACEC,MAAM,EAAEC,qBAAW,CAACH,IAAI,CAACI,QAAQ,IAAI,IAAI,CAAE;AAC3CC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAAC,aAAA,CAAOC,EAAAA,EAAAA,uCAAiC,CAAE;AAC/CC,MAAAA,UAAU,EAAE;AACVb,QAAAA,IAAI,EAAE;AACJc,UAAAA,uBAAuB,EAAE,kCAAkC;AAC3DC,UAAAA,0BAA0B,EAAE,4BAA4B;AACxDC,UAAAA,WAAW,EAAE,+BAA+B;AAC5CC,UAAAA,cAAc,EAAE,kCAAA;AAClB,SAAA;AACF,OAAA;AACF,KAAA;AAAE,GAAA,eAEFtB,yBAAA,CAAAC,aAAA,CAAAsB,yBAAA,EAAAC,4BAAA,CAAA;AACEC,IAAAA,YAAY,EAAE5B,YAAAA;AAAa,GAAA,EACvBS,KAAK,EAAA;AACToB,IAAAA,SAAS,EAAEC,8BAAU,CAAC,eAAe,EAAErB,KAAK,CAACoB,SAAS,CAAA;AAAE,GAAA,CAAA,CACxD,CACa,CAAA;AAErB;;;;"}

package/dist/cjs/TreeSelect.js

@@ -10,6 +10,7 @@ var classnames = require('classnames');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var reactI18next = require('react-i18next');
 var index = require('./index-7a8fe498.js');
+var constants = require('./constants.js');
 var Label = require('./Label.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/classCallCheck');
@@ -23,6 +24,13 @@ require('@bigbinary/neeto-cist');
 require('qs');
 require('ramda');
 require('./en-c1fe180c.js');
+require('antd/locale/de_DE');
+require('antd/locale/en_US');
+require('antd/locale/es_ES');
+require('antd/locale/fr_FR');
+require('antd/locale/nl_NL');
+require('antd/locale/pl_PL');
+require('antd/locale/pt_PT');
 require('./Button.js');
 require('react-router-dom');
 require('framer-motion');
@@ -77,6 +85,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var SuffixIcon = suffixIcon !== null && suffixIcon !== void 0 ? suffixIcon : neetoIcons.Down;
   var SwitcherIcon = switcherIcon !== null && switcherIcon !== void 0 ? switcherIcon : neetoIcons.Down;
   return /*#__PURE__*/React__default["default"].createElement(_ConfigProvider__default["default"], {
+    locale: constants.ANTD_LOCALE[i18n.language || "en"],
     theme: {
       token: _objectSpread({}, index.ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
       components: {

package/dist/cjs/TreeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelect.js","sources":["../../src/components/TreeSelect.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { TreeSelect as AntdTreeSelect, ConfigProvider } from \"antd\";\nimport classnames from \"classnames\";\nimport { Down } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, getLocale } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst TreeSelect = forwardRef(\n  (\n    {\n      allowClear,\n      className,\n      disabled = false,\n      error,\n      fieldNames,\n      label = \"\",\n      onChange,\n      placeholder = \"\",\n      required = false,\n      showSearch = false,\n      size = \"middle\",\n      suffixIcon,\n      switcherIcon,\n      treeData,\n      treeDataSimpleMode = true,\n      value,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const { t, i18n } = useTranslation();\n    const SuffixIcon = suffixIcon ?? Down;\n\n    const SwitcherIcon = switcherIcon ?? Down;\n\n    return (\n      <ConfigProvider\n        theme={{\n          token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n          components: {\n            TreeSelect: {\n              nodeHoverBg: \"rgb(var(--neeto-ui-gray-100))\",\n              nodeSelectedBg: \"rgb(var(--neeto-ui-primary-500))\",\n\n              // Global overrides\n              colorBgElevated: \"rgb(var(--neeto-ui-white))\",\n            },\n          },\n        }}\n      >\n        <div className=\"neeto-ui-input__wrapper\">\n          {label && (\n            <Label {...{ required }} data-testid=\"treeselect-label\">\n              {label}\n            </Label>\n          )}\n          <AntdTreeSelect\n            {...{\n              allowClear,\n              disabled,\n              fieldNames,\n              onChange,\n              placeholder,\n              ref,\n              showSearch,\n              size,\n              treeData,\n              treeDataSimpleMode,\n            }}\n            data-cy=\"neeto-ui-tree-select-wrapper\"\n            dropdownStyle={{ zIndex: 100000 }}\n            popupClassName=\"neeto-ui-tree-select-dropdown\"\n            suffixIcon={<SuffixIcon />}\n            treeNodeFilterProp={fieldNames?.label ?? \"label\"}\n            value={value || undefined}\n            className={classnames(\"neeto-ui-tree-select__wrapper\", className, {\n              \"neeto-ui-tree-select__error\": error,\n            })}\n            notFoundContent={\n              // eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized\n              <div className=\"neeto-ui-text-center neeto-ui-p-1\">\n                {getLocale(i18n, t, \"neetoui.treeSelect.noOptions\")}\n              </div>\n            }\n            switcherIcon={props => (\n              <div {...props}>\n                <SwitcherIcon />\n              </div>\n            )}\n            {...otherProps}\n          />\n          {error && (\n            <p className=\"neeto-ui-input__error\" data-testid=\"treeselect-error\">\n              {error}\n            </p>\n          )}\n        </div>\n      </ConfigProvider>\n    );\n  }\n);\n\nTreeSelect.displayName = \"TreeSelect\";\n\nTreeSelect.propTypes = {\n  /**\n   * Controls whether the value is allowed to be cleared or not.\n   */\n  allowClear: PropTypes.bool,\n  /**\n   * To specify additional classes.\n   */\n  className: PropTypes.string,\n  /**\n   * To disable the TreeSelect component.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To display the specified error.\n   */\n  error: PropTypes.string,\n  /**\n   * This prop can be used to override the default keys of label and value pairs in options.\n   */\n  fieldNames: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.string,\n  }),\n  /**\n   * To display a label above the TreeSelect component.\n   */\n  label: PropTypes.string,\n  /**\n   * The callback function that will be triggered when value changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be executed when search input changes that can be\n   * used for advanced usecases. This is not necessary as basic search works\n   * when `showSearch` is enabled.\n   */\n  onSearch: PropTypes.func,\n  /**\n   * The placeholder string to be displayed.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * To specify whether TreeSelect field is required or not.\n   */\n  required: PropTypes.bool,\n  /**\n   * The search value to make search controlled. This is not required as basic search\n   * works when `showSearch` is enabled.\n   */\n  searchValue: PropTypes.string,\n  /**\n   * To enable search for the TreeSelect component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * To specify the size of the TreeSelect component.\n   */\n  size: PropTypes.oneOf([\"small\", \"middle\", \"large\"]),\n  /**\n   * To specify the icon at the end of the TreeSelect component.\n   */\n  suffixIcon: PropTypes.node,\n  /**\n   * To specify the icon next to options that have children.\n   */\n  switcherIcon: PropTypes.node,\n  /**\n   * The options to be passed to the TreeSelect component.\n   */\n  treeData: PropTypes.oneOfType([\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.string,\n        disabled: PropTypes.bool,\n        children: PropTypes.array,\n      })\n    ),\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string,\n        label: PropTypes.string,\n        value: PropTypes.string,\n        disabled: PropTypes.bool,\n        pId: PropTypes.string,\n      })\n    ),\n  ]),\n  /**\n   * This prop specifies the format of data that has to be passed in the `treeData` prop.\n   * When enabled, treeData can be a flat array of the form `{ id, label, value, pId }`.\n   */\n  treeDataSimpleMode: PropTypes.bool,\n  /**\n   * The currently selected option.\n   */\n  value: PropTypes.string,\n};\n\nexport default TreeSelect;\n"],"names":["TreeSelect","forwardRef","_ref","ref","_fieldNames$label","allowClear","className","_ref$disabled","disabled","error","fieldNames","_ref$label","label","onChange","_ref$placeholder","placeholder","_ref$required","required","_ref$showSearch","showSearch","_ref$size","size","suffixIcon","switcherIcon","treeData","_ref$treeDataSimpleMo","treeDataSimpleMode","value","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","i18n","SuffixIcon","Down","SwitcherIcon","React","createElement","_ConfigProvider","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","nodeHoverBg","nodeSelectedBg","colorBgElevated","Label","_TreeSelect","_extends","dropdownStyle","zIndex","popupClassName","treeNodeFilterProp","undefined","classnames","notFoundContent","getLocale","props","displayName"],"mappings":"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"}
+{"version":3,"file":"TreeSelect.js","sources":["../../src/components/TreeSelect.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { TreeSelect as AntdTreeSelect, ConfigProvider } from \"antd\";\nimport classnames from \"classnames\";\nimport { Down } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, getLocale } from \"utils\";\n\nimport { ANTD_LOCALE } from \"./constants\";\nimport Label from \"./Label\";\n\nconst TreeSelect = forwardRef(\n  (\n    {\n      allowClear,\n      className,\n      disabled = false,\n      error,\n      fieldNames,\n      label = \"\",\n      onChange,\n      placeholder = \"\",\n      required = false,\n      showSearch = false,\n      size = \"middle\",\n      suffixIcon,\n      switcherIcon,\n      treeData,\n      treeDataSimpleMode = true,\n      value,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const { t, i18n } = useTranslation();\n    const SuffixIcon = suffixIcon ?? Down;\n\n    const SwitcherIcon = switcherIcon ?? Down;\n\n    return (\n      <ConfigProvider\n        locale={ANTD_LOCALE[i18n.language || \"en\"]}\n        theme={{\n          token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n          components: {\n            TreeSelect: {\n              nodeHoverBg: \"rgb(var(--neeto-ui-gray-100))\",\n              nodeSelectedBg: \"rgb(var(--neeto-ui-primary-500))\",\n\n              // Global overrides\n              colorBgElevated: \"rgb(var(--neeto-ui-white))\",\n            },\n          },\n        }}\n      >\n        <div className=\"neeto-ui-input__wrapper\">\n          {label && (\n            <Label {...{ required }} data-testid=\"treeselect-label\">\n              {label}\n            </Label>\n          )}\n          <AntdTreeSelect\n            {...{\n              allowClear,\n              disabled,\n              fieldNames,\n              onChange,\n              placeholder,\n              ref,\n              showSearch,\n              size,\n              treeData,\n              treeDataSimpleMode,\n            }}\n            data-cy=\"neeto-ui-tree-select-wrapper\"\n            dropdownStyle={{ zIndex: 100000 }}\n            popupClassName=\"neeto-ui-tree-select-dropdown\"\n            suffixIcon={<SuffixIcon />}\n            treeNodeFilterProp={fieldNames?.label ?? \"label\"}\n            value={value || undefined}\n            className={classnames(\"neeto-ui-tree-select__wrapper\", className, {\n              \"neeto-ui-tree-select__error\": error,\n            })}\n            notFoundContent={\n              // eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized\n              <div className=\"neeto-ui-text-center neeto-ui-p-1\">\n                {getLocale(i18n, t, \"neetoui.treeSelect.noOptions\")}\n              </div>\n            }\n            switcherIcon={props => (\n              <div {...props}>\n                <SwitcherIcon />\n              </div>\n            )}\n            {...otherProps}\n          />\n          {error && (\n            <p className=\"neeto-ui-input__error\" data-testid=\"treeselect-error\">\n              {error}\n            </p>\n          )}\n        </div>\n      </ConfigProvider>\n    );\n  }\n);\n\nTreeSelect.displayName = \"TreeSelect\";\n\nTreeSelect.propTypes = {\n  /**\n   * Controls whether the value is allowed to be cleared or not.\n   */\n  allowClear: PropTypes.bool,\n  /**\n   * To specify additional classes.\n   */\n  className: PropTypes.string,\n  /**\n   * To disable the TreeSelect component.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To display the specified error.\n   */\n  error: PropTypes.string,\n  /**\n   * This prop can be used to override the default keys of label and value pairs in options.\n   */\n  fieldNames: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.string,\n  }),\n  /**\n   * To display a label above the TreeSelect component.\n   */\n  label: PropTypes.string,\n  /**\n   * The callback function that will be triggered when value changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be executed when search input changes that can be\n   * used for advanced usecases. This is not necessary as basic search works\n   * when `showSearch` is enabled.\n   */\n  onSearch: PropTypes.func,\n  /**\n   * The placeholder string to be displayed.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * To specify whether TreeSelect field is required or not.\n   */\n  required: PropTypes.bool,\n  /**\n   * The search value to make search controlled. This is not required as basic search\n   * works when `showSearch` is enabled.\n   */\n  searchValue: PropTypes.string,\n  /**\n   * To enable search for the TreeSelect component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * To specify the size of the TreeSelect component.\n   */\n  size: PropTypes.oneOf([\"small\", \"middle\", \"large\"]),\n  /**\n   * To specify the icon at the end of the TreeSelect component.\n   */\n  suffixIcon: PropTypes.node,\n  /**\n   * To specify the icon next to options that have children.\n   */\n  switcherIcon: PropTypes.node,\n  /**\n   * The options to be passed to the TreeSelect component.\n   */\n  treeData: PropTypes.oneOfType([\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.string,\n        disabled: PropTypes.bool,\n        children: PropTypes.array,\n      })\n    ),\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string,\n        label: PropTypes.string,\n        value: PropTypes.string,\n        disabled: PropTypes.bool,\n        pId: PropTypes.string,\n      })\n    ),\n  ]),\n  /**\n   * This prop specifies the format of data that has to be passed in the `treeData` prop.\n   * When enabled, treeData can be a flat array of the form `{ id, label, value, pId }`.\n   */\n  treeDataSimpleMode: PropTypes.bool,\n  /**\n   * The currently selected option.\n   */\n  value: PropTypes.string,\n};\n\nexport default TreeSelect;\n"],"names":["TreeSelect","forwardRef","_ref","ref","_fieldNames$label","allowClear","className","_ref$disabled","disabled","error","fieldNames","_ref$label","label","onChange","_ref$placeholder","placeholder","_ref$required","required","_ref$showSearch","showSearch","_ref$size","size","suffixIcon","switcherIcon","treeData","_ref$treeDataSimpleMo","treeDataSimpleMode","value","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","i18n","SuffixIcon","Down","SwitcherIcon","React","createElement","_ConfigProvider","locale","ANTD_LOCALE","language","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","nodeHoverBg","nodeSelectedBg","colorBgElevated","Label","_TreeSelect","_extends","dropdownStyle","zIndex","popupClassName","treeNodeFilterProp","undefined","classnames","notFoundContent","getLocale","props","displayName"],"mappings":"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"}

package/dist/cjs/constants.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var deDE = require('antd/locale/de_DE');
+var enUS = require('antd/locale/en_US');
+var esES = require('antd/locale/es_ES');
+var frFR = require('antd/locale/fr_FR');
+var nlNL = require('antd/locale/nl_NL');
+var plPL = require('antd/locale/pl_PL');
+var ptPT = require('antd/locale/pt_PT');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var deDE__default = /*#__PURE__*/_interopDefaultLegacy(deDE);
+var enUS__default = /*#__PURE__*/_interopDefaultLegacy(enUS);
+var esES__default = /*#__PURE__*/_interopDefaultLegacy(esES);
+var frFR__default = /*#__PURE__*/_interopDefaultLegacy(frFR);
+var nlNL__default = /*#__PURE__*/_interopDefaultLegacy(nlNL);
+var plPL__default = /*#__PURE__*/_interopDefaultLegacy(plPL);
+var ptPT__default = /*#__PURE__*/_interopDefaultLegacy(ptPT);
+
+var ANTD_LOCALE = {
+  en: enUS__default["default"],
+  es: esES__default["default"],
+  fr: frFR__default["default"],
+  de: deDE__default["default"],
+  nl: nlNL__default["default"],
+  pl: plPL__default["default"],
+  pt: ptPT__default["default"]
+};
+
+exports.ANTD_LOCALE = ANTD_LOCALE;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../src/components/constants.js"],"sourcesContent":["import deDE from \"antd/locale/de_DE\";\nimport enUS from \"antd/locale/en_US\";\nimport esES from \"antd/locale/es_ES\";\nimport frFR from \"antd/locale/fr_FR\";\nimport nlNL from \"antd/locale/nl_NL\";\nimport plPL from \"antd/locale/pl_PL\";\nimport ptPT from \"antd/locale/pt_PT\";\n\nexport const ANTD_LOCALE = {\n  en: enUS,\n  es: esES,\n  fr: frFR,\n  de: deDE,\n  nl: nlNL,\n  pl: plPL,\n  pt: ptPT,\n};\n"],"names":["ANTD_LOCALE","en","enUS","es","esES","fr","frFR","de","deDE","nl","nlNL","pl","plPL","pt","ptPT"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQO,IAAMA,WAAW,GAAG;AACzBC,EAAAA,EAAE,EAAEC,wBAAI;AACRC,EAAAA,EAAE,EAAEC,wBAAI;AACRC,EAAAA,EAAE,EAAEC,wBAAI;AACRC,EAAAA,EAAE,EAAEC,wBAAI;AACRC,EAAAA,EAAE,EAAEC,wBAAI;AACRC,EAAAA,EAAE,EAAEC,wBAAI;AACRC,EAAAA,EAAE,EAAEC,wBAAAA;AACN;;;;"}

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,9 +6,19 @@ 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');
+require('react-i18next');
+require('../constants.js');
+require('antd/locale/de_DE');
+require('antd/locale/en_US');
+require('antd/locale/es_ES');
+require('antd/locale/fr_FR');
+require('antd/locale/nl_NL');
+require('antd/locale/pl_PL');
+require('antd/locale/pt_PT');
 require('../Label.js');
 require('classnames');
 require('@bigbinary/neeto-icons');
@@ -33,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 }; }
@@ -57,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), {}, {
@@ -68,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));
 });