@bigbinary/neetoui 8.3.29 → 8.3.31

package/dist/formik/BlockNavigation.js

@@ -1,22 +1,22 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default, { useState, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
 import { useFormikContext } from 'formik';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useHistory } from 'react-router-dom';
 import '@bigbinary/neeto-hotkeys';
 import '../overlayManager.js';
-import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@bigbinary/neeto-cist';
 import 'qs';
 import 'ramda';
-import { g as getLocale } from '../index-Dxaw6gl9.js';
+import { g as getLocale } from '../index-D6vmwyYl.js';
 import { useTranslation } from 'react-i18next';
 import Button from '../Button.js';
 import Modal from '../Modal.js';
 import Typography from '../Typography.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '../en-CIkXIYyl.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'dayjs';
@@ -29,8 +29,8 @@ import '../Spinner.js';
 import '../Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';
-import '@bigbinary/neeto-icons';
-import '../useOverlayManager-AZIGhUYS.js';
+import '@bigbinary/neeto-icons/Close';
+import '../useOverlayManager-BzuBvhPZ.js';
 import '@babel/runtime/helpers/esm/extends';
 import '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
 import '@babel/runtime/helpers/esm/inheritsLoose';
@@ -49,7 +49,7 @@ var useNavPrompt = function useNavPrompt(_ref) {
   var continueNavigation = function continueNavigation() {
     if (isBlocked && unblockRef.current) {
       var _unblockRef$current;
-      (_unblockRef$current = unblockRef.current) === null || _unblockRef$current === void 0 || _unblockRef$current.call(unblockRef);
+      (_unblockRef$current = unblockRef.current) === null || _unblockRef$current === void 0 ? void 0 : _unblockRef$current.call(unblockRef);
       setIsBlocked(false);
       if (navRef.current) {
         var _navRef$current = navRef.current,
@@ -113,7 +113,7 @@ var Alert = function Alert(_ref) {
   var submitButtonRef = useRef(null);
   var cancelButtonLabel = getLocale(i18n, t, "neetoui.blockNavigation.cancelButtonLabel");
   var submitButtonLabel = getLocale(i18n, t, "neetoui.blockNavigation.submitButtonLabel");
-  return /*#__PURE__*/React__default.createElement(Modal, {
+  return /*#__PURE__*/jsxs(Modal, {
     isOpen: isOpen,
     onClose: onClose,
     closeButton: true,
@@ -121,31 +121,41 @@ var Alert = function Alert(_ref) {
     closeOnOutsideClick: true,
     "data-cy": "alert-box",
     initialFocusRef: submitButtonRef,
-    size: "medium"
-  }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    "data-cy": "alert-title",
-    style: "h2"
-  }, getLocale(i18n, t, "neetoui.blockNavigation.alertTitle"))), /*#__PURE__*/React__default.createElement(Modal.Body, null, /*#__PURE__*/React__default.createElement(Typography, {
-    "data-cy": "alert-message",
-    lineHeight: "normal",
-    style: "body2"
-  }, getLocale(i18n, t, "neetoui.blockNavigation.alertMessage"))), /*#__PURE__*/React__default.createElement(Modal.Footer, {
-    className: "neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "alert-cancel-button",
-    label: cancelButtonLabel,
-    style: "danger",
-    onClick: onDiscardChanges
-  }), /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "alert-submit-button",
-    label: submitButtonLabel,
-    ref: submitButtonRef,
-    style: "primary",
-    onClick: onSubmit
-  })));
+    size: "medium",
+    children: [/*#__PURE__*/jsx(Modal.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        "data-cy": "alert-title",
+        style: "h2",
+        children: getLocale(i18n, t, "neetoui.blockNavigation.alertTitle")
+      })
+    }), /*#__PURE__*/jsx(Modal.Body, {
+      children: /*#__PURE__*/jsx(Typography, {
+        "data-cy": "alert-message",
+        lineHeight: "normal",
+        style: "body2",
+        children: getLocale(i18n, t, "neetoui.blockNavigation.alertMessage")
+      })
+    }), /*#__PURE__*/jsxs(Modal.Footer, {
+      className: "neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center",
+      children: [/*#__PURE__*/jsx(Button, {
+        "data-cy": "alert-cancel-button",
+        label: cancelButtonLabel,
+        style: "danger",
+        onClick: onDiscardChanges
+      }), /*#__PURE__*/jsx(Button, {
+        "data-cy": "alert-submit-button",
+        label: submitButtonLabel,
+        ref: submitButtonRef,
+        style: "primary",
+        onClick: onSubmit
+      })]
+    })]
+  });
 };
 
 var _excluded = ["isDirty"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BlockNavigation = function BlockNavigation(_ref) {
   var _ref$isDirty = _ref.isDirty,
     isDirty = _ref$isDirty === void 0 ? false : _ref$isDirty,
@@ -163,7 +173,7 @@ var BlockNavigation = function BlockNavigation(_ref) {
     hidePrompt();
     continueNavigation();
   };
-  return /*#__PURE__*/React__default.createElement(Alert, _extends({
+  return /*#__PURE__*/jsx(Alert, _objectSpread({
     isOpen: isBlocked,
     onClose: hidePrompt,
     onDiscardChanges: handleDiscardChanges,

package/dist/formik/BlockNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockNavigation.js","sources":["../../src/hooks/useNavPrompt.js","../../src/formik/BlockNavigation/Alert.jsx","../../src/formik/BlockNavigation/index.jsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport { useHistory } from \"react-router-dom\";\n\nconst useNavPrompt = ({ shouldBlock = true }) => {\n  const [isBlocked, setIsBlocked] = useState(false);\n\n  const history = useHistory();\n  const unblockRef = useRef();\n  const navRef = useRef();\n\n  const continueNavigation = () => {\n    if (isBlocked && unblockRef.current) {\n      unblockRef.current?.();\n      setIsBlocked(false);\n      if (navRef.current) {\n        const { action, transition } = navRef.current;\n        handleNavigation(action, transition);\n      }\n    }\n  };\n\n  const hidePrompt = () => setIsBlocked(false);\n\n  const handleNavigation = (action, transition) => {\n    switch (action) {\n      case \"PUSH\":\n        history.push(transition);\n        break;\n      case \"REPLACE\":\n        history.replace(transition);\n        break;\n      case \"POP\":\n        history.goBack();\n        break;\n    }\n  };\n\n  useEffect(() => {\n    if (shouldBlock) {\n      unblockRef.current = history.block((transition, action) => {\n        setIsBlocked(true);\n        navRef.current = { transition, action };\n\n        return false;\n      });\n\n      return () => {\n        if (unblockRef.current) {\n          unblockRef.current();\n        }\n      };\n    }\n\n    return undefined;\n  }, [shouldBlock]);\n\n  return { isBlocked, continueNavigation, hidePrompt };\n};\n\nexport default useNavPrompt;\n","/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */\nimport React, { useRef } from \"react\";\n\nimport { useTranslation } from \"react-i18next\";\n\nimport Button from \"components/Button\";\nimport Modal from \"components/Modal\";\nimport Typography from \"components/Typography\";\nimport { getLocale } from \"utils\";\n\nconst Alert = ({ isOpen = false, onClose, onSubmit, onDiscardChanges }) => {\n  const { t, i18n } = useTranslation();\n\n  const submitButtonRef = useRef(null);\n\n  const cancelButtonLabel = getLocale(\n    i18n,\n    t,\n    \"neetoui.blockNavigation.cancelButtonLabel\"\n  );\n\n  const submitButtonLabel = getLocale(\n    i18n,\n    t,\n    \"neetoui.blockNavigation.submitButtonLabel\"\n  );\n\n  return (\n    <Modal\n      {...{ isOpen, onClose }}\n      closeButton\n      closeOnEsc\n      closeOnOutsideClick\n      data-cy=\"alert-box\"\n      initialFocusRef={submitButtonRef}\n      size=\"medium\"\n    >\n      <Modal.Header>\n        <Typography data-cy=\"alert-title\" style=\"h2\">\n          {getLocale(i18n, t, \"neetoui.blockNavigation.alertTitle\")}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n          {getLocale(i18n, t, \"neetoui.blockNavigation.alertMessage\")}\n        </Typography>\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n        <Button\n          data-cy=\"alert-cancel-button\"\n          label={cancelButtonLabel}\n          style=\"danger\"\n          onClick={onDiscardChanges}\n        />\n        <Button\n          data-cy=\"alert-submit-button\"\n          label={submitButtonLabel}\n          ref={submitButtonRef}\n          style=\"primary\"\n          onClick={onSubmit}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nexport default Alert;\n","/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */\nimport React from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport { useNavPrompt } from \"hooks\";\n\nimport Alert from \"./Alert\";\n\nconst BlockNavigation = ({ isDirty = false, ...otherProps }) => {\n  const formikContext = useFormikContext();\n  const shouldBlock =\n    isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));\n\n  const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({\n    shouldBlock,\n  });\n\n  const handleDiscardChanges = () => {\n    if (formikContext) formikContext.resetForm();\n    hidePrompt();\n    continueNavigation();\n  };\n\n  return (\n    <Alert\n      isOpen={isBlocked}\n      onClose={hidePrompt}\n      onDiscardChanges={handleDiscardChanges}\n      onSubmit={hidePrompt}\n      {...otherProps}\n    />\n  );\n};\n\nBlockNavigation.propTypes = {\n  isDirty: PropTypes.bool,\n  message: PropTypes.string,\n  title: PropTypes.string,\n  submitButtonLabel: PropTypes.string,\n};\n\nexport default BlockNavigation;\n"],"names":["useNavPrompt","_ref","_ref$shouldBlock","shouldBlock","_useState","useState","_useState2","_slicedToArray","isBlocked","setIsBlocked","history","useHistory","unblockRef","useRef","navRef","continueNavigation","current","_unblockRef$current","call","_navRef$current","action","transition","handleNavigation","hidePrompt","push","replace","goBack","useEffect","block","undefined","Alert","_ref$isOpen","isOpen","onClose","onSubmit","onDiscardChanges","_useTranslation","useTranslation","t","i18n","submitButtonRef","cancelButtonLabel","getLocale","submitButtonLabel","React","createElement","Modal","closeButton","closeOnEsc","closeOnOutsideClick","initialFocusRef","size","Header","Typography","style","Body","lineHeight","Footer","className","Button","label","onClick","ref","BlockNavigation","_ref$isDirty","isDirty","otherProps","_objectWithoutProperties","_excluded","formikContext","useFormikContext","Boolean","dirty","_useNavPrompt","handleDiscardChanges","resetForm","_extends"],"mappings":"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"}
+{"version":3,"file":"BlockNavigation.js","sources":["../../src/hooks/useNavPrompt.js","../../src/formik/BlockNavigation/Alert.jsx","../../src/formik/BlockNavigation/index.jsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport { useHistory } from \"react-router-dom\";\n\nconst useNavPrompt = ({ shouldBlock = true }) => {\n  const [isBlocked, setIsBlocked] = useState(false);\n\n  const history = useHistory();\n  const unblockRef = useRef();\n  const navRef = useRef();\n\n  const continueNavigation = () => {\n    if (isBlocked && unblockRef.current) {\n      unblockRef.current?.();\n      setIsBlocked(false);\n      if (navRef.current) {\n        const { action, transition } = navRef.current;\n        handleNavigation(action, transition);\n      }\n    }\n  };\n\n  const hidePrompt = () => setIsBlocked(false);\n\n  const handleNavigation = (action, transition) => {\n    switch (action) {\n      case \"PUSH\":\n        history.push(transition);\n        break;\n      case \"REPLACE\":\n        history.replace(transition);\n        break;\n      case \"POP\":\n        history.goBack();\n        break;\n    }\n  };\n\n  useEffect(() => {\n    if (shouldBlock) {\n      unblockRef.current = history.block((transition, action) => {\n        setIsBlocked(true);\n        navRef.current = { transition, action };\n\n        return false;\n      });\n\n      return () => {\n        if (unblockRef.current) {\n          unblockRef.current();\n        }\n      };\n    }\n\n    return undefined;\n  }, [shouldBlock]);\n\n  return { isBlocked, continueNavigation, hidePrompt };\n};\n\nexport default useNavPrompt;\n","/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */\nimport React, { useRef } from \"react\";\n\nimport { useTranslation } from \"react-i18next\";\n\nimport Button from \"components/Button\";\nimport Modal from \"components/Modal\";\nimport Typography from \"components/Typography\";\nimport { getLocale } from \"utils\";\n\nconst Alert = ({ isOpen = false, onClose, onSubmit, onDiscardChanges }) => {\n  const { t, i18n } = useTranslation();\n\n  const submitButtonRef = useRef(null);\n\n  const cancelButtonLabel = getLocale(\n    i18n,\n    t,\n    \"neetoui.blockNavigation.cancelButtonLabel\"\n  );\n\n  const submitButtonLabel = getLocale(\n    i18n,\n    t,\n    \"neetoui.blockNavigation.submitButtonLabel\"\n  );\n\n  return (\n    <Modal\n      {...{ isOpen, onClose }}\n      closeButton\n      closeOnEsc\n      closeOnOutsideClick\n      data-cy=\"alert-box\"\n      initialFocusRef={submitButtonRef}\n      size=\"medium\"\n    >\n      <Modal.Header>\n        <Typography data-cy=\"alert-title\" style=\"h2\">\n          {getLocale(i18n, t, \"neetoui.blockNavigation.alertTitle\")}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n          {getLocale(i18n, t, \"neetoui.blockNavigation.alertMessage\")}\n        </Typography>\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n        <Button\n          data-cy=\"alert-cancel-button\"\n          label={cancelButtonLabel}\n          style=\"danger\"\n          onClick={onDiscardChanges}\n        />\n        <Button\n          data-cy=\"alert-submit-button\"\n          label={submitButtonLabel}\n          ref={submitButtonRef}\n          style=\"primary\"\n          onClick={onSubmit}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nexport default Alert;\n","/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */\nimport React from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport { useNavPrompt } from \"hooks\";\n\nimport Alert from \"./Alert\";\n\nconst BlockNavigation = ({ isDirty = false, ...otherProps }) => {\n  const formikContext = useFormikContext();\n  const shouldBlock =\n    isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));\n\n  const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({\n    shouldBlock,\n  });\n\n  const handleDiscardChanges = () => {\n    if (formikContext) formikContext.resetForm();\n    hidePrompt();\n    continueNavigation();\n  };\n\n  return (\n    <Alert\n      isOpen={isBlocked}\n      onClose={hidePrompt}\n      onDiscardChanges={handleDiscardChanges}\n      onSubmit={hidePrompt}\n      {...otherProps}\n    />\n  );\n};\n\nBlockNavigation.propTypes = {\n  isDirty: PropTypes.bool,\n  message: PropTypes.string,\n  title: PropTypes.string,\n  submitButtonLabel: PropTypes.string,\n};\n\nexport default BlockNavigation;\n"],"names":["useNavPrompt","_ref","_ref$shouldBlock","shouldBlock","_useState","useState","_useState2","_slicedToArray","isBlocked","setIsBlocked","history","useHistory","unblockRef","useRef","navRef","continueNavigation","current","_unblockRef$current","call","_navRef$current","action","transition","handleNavigation","hidePrompt","push","replace","goBack","useEffect","block","undefined","Alert","_ref$isOpen","isOpen","onClose","onSubmit","onDiscardChanges","_useTranslation","useTranslation","t","i18n","submitButtonRef","cancelButtonLabel","getLocale","submitButtonLabel","_jsxs","Modal","closeButton","closeOnEsc","closeOnOutsideClick","initialFocusRef","size","children","_jsx","Header","Typography","style","Body","lineHeight","Footer","className","Button","label","onClick","ref","BlockNavigation","_ref$isDirty","isDirty","otherProps","_objectWithoutProperties","_excluded","formikContext","useFormikContext","Boolean","dirty","_useNavPrompt","handleDiscardChanges","resetForm","_objectSpread"],"mappings":"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"}

package/dist/formik/Button.js

@@ -1,10 +1,10 @@
-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 { forwardRef } from 'react';
 import { useFormikContext } from 'formik';
 import { equals } from 'ramda';
 import Button from '../Button.js';
-import '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import 'react-router-dom';
 import '../Spinner.js';
@@ -14,6 +14,8 @@ import '@tippyjs/react';
 import 'tippy.js';
 
 var _excluded = ["disabled"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormikButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var disabled = _ref.disabled,
     otherProps = _objectWithoutProperties(_ref, _excluded);
@@ -24,7 +26,7 @@ var FormikButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
     initialValues = _useFormikContext.initialValues,
     isValid = _useFormikContext.isValid;
   var isDisabled = disabled !== null && disabled !== void 0 ? disabled : isSubmitting || equals(values, initialValues);
-  return /*#__PURE__*/React__default.createElement(Button, _extends({
+  return /*#__PURE__*/jsx(Button, _objectSpread({
     ref: ref,
     disabled: isDisabled,
     loading: isSubmitting && isValid,

package/dist/formik/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/formik/Button.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { equals } from \"ramda\";\n\nimport Button from \"components/Button\";\n\nconst FormikButton = forwardRef(({ disabled, ...otherProps }, ref) => {\n  const { handleSubmit, isSubmitting, values, initialValues, isValid } =\n    useFormikContext();\n\n  const isDisabled =\n    disabled ?? (isSubmitting || equals(values, initialValues));\n\n  return (\n    <Button\n      {...{ ref }}\n      disabled={isDisabled}\n      loading={isSubmitting && isValid}\n      onClick={handleSubmit}\n      {...otherProps}\n    />\n  );\n});\n\nFormikButton.displayName = \"FormikButton\";\n\nexport default FormikButton;\n"],"names":["FormikButton","forwardRef","_ref","ref","disabled","otherProps","_objectWithoutProperties","_excluded","_useFormikContext","useFormikContext","handleSubmit","isSubmitting","values","initialValues","isValid","isDisabled","equals","React","createElement","Button","_extends","loading","onClick","displayName"],"mappings":";;;;;;;;;;;;;;;;AAOMA,IAAAA,YAAY,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAA8BC,GAAG,EAAK;AAAA,EAAA,IAAnCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EACxD,IAAAC,iBAAA,GACEC,gBAAgB,EAAE;IADZC,YAAY,GAAAF,iBAAA,CAAZE,YAAY;IAAEC,YAAY,GAAAH,iBAAA,CAAZG,YAAY;IAAEC,MAAM,GAAAJ,iBAAA,CAANI,MAAM;IAAEC,aAAa,GAAAL,iBAAA,CAAbK,aAAa;IAAEC,OAAO,GAAAN,iBAAA,CAAPM,OAAO,CAAA;AAGlE,EAAA,IAAMC,UAAU,GACdX,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,QAAQ,GAAKO,YAAY,IAAIK,MAAM,CAACJ,MAAM,EAAEC,aAAa,CAAE,CAAA;AAE7D,EAAA,oBACEI,cAAA,CAAAC,aAAA,CAACC,MAAM,EAAAC,QAAA,CAAA;AACCjB,IAAAA,GAAG,EAAHA,GAAG;AACTC,IAAAA,QAAQ,EAAEW,UAAW;IACrBM,OAAO,EAAEV,YAAY,IAAIG,OAAQ;AACjCQ,IAAAA,OAAO,EAAEZ,YAAAA;AAAa,GAAA,EAClBL,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,YAAY,CAACuB,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"Button.js","sources":["../../src/formik/Button.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { equals } from \"ramda\";\n\nimport Button from \"components/Button\";\n\nconst FormikButton = forwardRef(({ disabled, ...otherProps }, ref) => {\n  const { handleSubmit, isSubmitting, values, initialValues, isValid } =\n    useFormikContext();\n\n  const isDisabled =\n    disabled ?? (isSubmitting || equals(values, initialValues));\n\n  return (\n    <Button\n      {...{ ref }}\n      disabled={isDisabled}\n      loading={isSubmitting && isValid}\n      onClick={handleSubmit}\n      {...otherProps}\n    />\n  );\n});\n\nFormikButton.displayName = \"FormikButton\";\n\nexport default FormikButton;\n"],"names":["FormikButton","forwardRef","_ref","ref","disabled","otherProps","_objectWithoutProperties","_excluded","_useFormikContext","useFormikContext","handleSubmit","isSubmitting","values","initialValues","isValid","isDisabled","equals","_jsx","Button","_objectSpread","loading","onClick","displayName"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,IAAMA,YAAY,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAA8BC,GAAG,EAAK;AAAA,EAAA,IAAnCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AACxD,EAAA,IAAAC,iBAAA,GACEC,gBAAgB,EAAE;IADZC,YAAY,GAAAF,iBAAA,CAAZE,YAAY;IAAEC,YAAY,GAAAH,iBAAA,CAAZG,YAAY;IAAEC,MAAM,GAAAJ,iBAAA,CAANI,MAAM;IAAEC,aAAa,GAAAL,iBAAA,CAAbK,aAAa;IAAEC,OAAO,GAAAN,iBAAA,CAAPM,OAAO;AAGlE,EAAA,IAAMC,UAAU,GACdX,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,MAAA,GAARA,QAAQ,GAAKO,YAAY,IAAIK,MAAM,CAACJ,MAAM,EAAEC,aAAa,CAAE;AAE7D,EAAA,oBACEI,GAAA,CAACC,MAAM,EAAAC,aAAA,CAAA;AACChB,IAAAA,GAAG,EAAHA,GAAG;AACTC,IAAAA,QAAQ,EAAEW,UAAW;IACrBK,OAAO,EAAET,YAAY,IAAIG,OAAQ;AACjCO,IAAAA,OAAO,EAAEX;GAAa,EAClBL,UAAU,CACf,CAAC;AAEN,CAAC;AAEDL,YAAY,CAACsB,WAAW,GAAG,cAAc;;;;"}

package/dist/formik/Checkbox.js

@@ -1,10 +1,10 @@
-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 { forwardRef } from 'react';
 import { Field, getIn } from 'formik';
 import { dissoc } from 'ramda';
 import Checkbox$1 from '../Checkbox.js';
+import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import '../useId-Jj9hXm-g.js';
 import '@babel/runtime/helpers/slicedToArray';
@@ -13,7 +13,7 @@ import '@bigbinary/neeto-hotkeys';
 import '../overlayManager.js';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
-import '../index-Dxaw6gl9.js';
+import '../index-D6vmwyYl.js';
 import '@bigbinary/neeto-cist';
 import 'qs';
 import '../en-CIkXIYyl.js';
@@ -24,7 +24,7 @@ import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 import '../Label.js';
-import '@bigbinary/neeto-icons';
+import '@bigbinary/neeto-icons/Help';
 import '../Button.js';
 import '../Spinner.js';
 import '../Tooltip.js';
@@ -34,34 +34,35 @@ import '../Popover.js';
 import '../Typography.js';
 
 var _excluded = ["name"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var name = _ref.name,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Field, {
-    name: name
-  }, function (_ref2) {
-    var field = _ref2.field,
-      meta = _ref2.meta,
-      form = _ref2.form;
-    var _form$status = form.status,
-      status = _form$status === void 0 ? {} : _form$status,
-      setStatus = form.setStatus;
-    var fieldStatus = getIn(status, name);
-    var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
-      onChange: function onChange(e) {
-        setStatus(dissoc(name, status));
-        field.onChange(e);
-      }
-    });
-    return /*#__PURE__*/React__default.createElement(Checkbox$1, _extends({
-      checked: field.value
-    }, _objectSpread(_objectSpread({}, fieldProps), {}, {
-      ref: ref
-    }), {
-      error: meta.touched ? meta.error || fieldStatus : ""
-    }, rest));
+  return /*#__PURE__*/jsx(Field, {
+    name: name,
+    children: function children(_ref2) {
+      var field = _ref2.field,
+        meta = _ref2.meta,
+        form = _ref2.form;
+      var _form$status = form.status,
+        status = _form$status === void 0 ? {} : _form$status,
+        setStatus = form.setStatus;
+      var fieldStatus = getIn(status, name);
+      var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
+        onChange: function onChange(e) {
+          setStatus(dissoc(name, status));
+          field.onChange(e);
+        }
+      });
+      return /*#__PURE__*/jsx(Checkbox$1, _objectSpread(_objectSpread({
+        checked: field.value
+      }, _objectSpread(_objectSpread({}, fieldProps), {}, {
+        ref: ref
+      })), {}, {
+        error: meta.touched ? meta.error || fieldStatus : ""
+      }, rest));
+    }
   });
 });
 Checkbox.displayName = "Checkbox";

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, 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, status));\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","_form$status","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,IAAAC,YAAA,GAAmCD,IAAI,CAA/BE,MAAM;AAANA,MAAAA,MAAM,GAAAD,YAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,YAAA;MAAEE,SAAS,GAAKH,IAAI,CAAlBG,SAAS,CAAA;AAC9B,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,EAAEY,MAAM,CAAC,CAAC,CAAA;AAC/BJ,QAAAA,KAAK,CAACU,QAAQ,CAACC,CAAC,CAAC,CAAA;AACnB,OAAA;KACD,CAAA,CAAA;AAED,IAAA,oBACEf,cAAA,CAAAC,aAAA,CAACgB,UAAa,EAAAC,QAAA,CAAA;MACZC,OAAO,EAAEf,KAAK,CAACgB,KAAAA;AAAM,KAAA,EAAAP,aAAA,CAAAA,aAAA,CAAA,EAAA,EACZD,UAAU,CAAA,EAAA,EAAA,EAAA;AAAEjB,MAAAA,GAAG,EAAHA,GAAAA;AAAG,KAAA,CAAA,EAAA;MACxB0B,KAAK,EAAEhB,IAAI,CAACiB,OAAO,GAAGjB,IAAI,CAACgB,KAAK,IAAIX,WAAW,GAAG,EAAA;AAAG,KAAA,EACjDb,IAAI,CACR,CAAA,CAAA;AAEN,GAAC,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}
+{"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, status));\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","_jsx","Field","children","_ref2","field","meta","form","_form$status","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","CheckboxField","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;EAAA,oBAC1CC,GAAA,CAACC,KAAK,EAAA;AAAOL,IAAAA,IAAI,EAAJA,IAAI;AAAAM,IAAAA,QAAA,EACd,SAAAA,QAAAA,CAAAC,KAAA,EAA2B;AAAA,MAAA,IAAxBC,KAAK,GAAAD,KAAA,CAALC,KAAK;QAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;QAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI;AACnB,MAAA,IAAAC,YAAA,GAAmCD,IAAI,CAA/BE,MAAM;AAANA,QAAAA,MAAM,GAAAD,YAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,YAAA;QAAEE,SAAS,GAAKH,IAAI,CAAlBG,SAAS;AAC9B,MAAA,IAAMC,WAAW,GAAGC,KAAK,CAACH,MAAM,EAAEZ,IAAI,CAAC;AAEvC,MAAA,IAAMgB,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXT,KAAK,CAAA,EAAA,EAAA,EAAA;AACRU,QAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAEC,CAAC,EAAI;AACbN,UAAAA,SAAS,CAACO,MAAM,CAACpB,IAAI,EAAEY,MAAM,CAAC,CAAC;AAC/BJ,UAAAA,KAAK,CAACU,QAAQ,CAACC,CAAC,CAAC;AACnB,QAAA;OAAC,CACF;AAED,MAAA,oBACEf,GAAA,CAACiB,UAAa,EAAAJ,aAAA,CAAAA,aAAA,CAAA;QACZK,OAAO,EAAEd,KAAK,CAACe;AAAM,OAAA,EAAAN,aAAA,CAAAA,aAAA,CAAA,EAAA,EACZD,UAAU,CAAA,EAAA,EAAA,EAAA;AAAEjB,QAAAA,GAAG,EAAHA;AAAG,OAAA,CAAA,CAAA,EAAA,EAAA,EAAA;QACxByB,KAAK,EAAEf,IAAI,CAACgB,OAAO,GAAGhB,IAAI,CAACe,KAAK,IAAIV,WAAW,GAAG;OAAG,EACjDb,IAAI,CACT,CAAC;AAEN,IAAA;AAAC,GACI,CAAC;AAAA,CACT;AAEDL,QAAQ,CAAC8B,WAAW,GAAG,UAAU;;;;"}

package/dist/formik/Form.js

@@ -1,7 +1,6 @@
-import _extends from '@babel/runtime/helpers/extends';
-import React__default, { useEffect, forwardRef, useRef, useCallback } from 'react';
-import { useFormikContext, Form as Form$1, Formik } from 'formik';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useEffect, forwardRef, useRef, useCallback } from 'react';
+import { useFormikContext, Form as Form$1, Formik } from 'formik';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
@@ -9,8 +8,9 @@ import { is, isEmpty } from 'ramda';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { isPresent } from '@bigbinary/neeto-cist';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-var transformObjectToDotNotation = function transformObjectToDotNotation(object) {
+var _transformObjectToDotNotation = function transformObjectToDotNotation(object) {
   var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
   var result = [];
   Object.entries(object).forEach(function (_ref) {
@@ -20,7 +20,7 @@ var transformObjectToDotNotation = function transformObjectToDotNotation(object)
     if (!value) return;
     var nextKey = prefix ? "".concat(prefix, ".").concat(key) : key;
     if (is(Object, value)) {
-      result.push.apply(result, _toConsumableArray(transformObjectToDotNotation(value, nextKey)));
+      result.push.apply(result, _toConsumableArray(_transformObjectToDotNotation(value, nextKey)));
     } else {
       result.push(nextKey);
     }
@@ -29,7 +29,7 @@ var transformObjectToDotNotation = function transformObjectToDotNotation(object)
 };
 var getErrorFieldName = function getErrorFieldName(formikErrors) {
   var _transformObjectToDot;
-  return (_transformObjectToDot = transformObjectToDotNotation(formikErrors)) === null || _transformObjectToDot === void 0 ? void 0 : _transformObjectToDot[0];
+  return (_transformObjectToDot = _transformObjectToDotNotation(formikErrors)) === null || _transformObjectToDot === void 0 ? void 0 : _transformObjectToDot[0];
 };
 var getFieldsWithServerError = function getFieldsWithServerError() {
   var status = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -45,7 +45,7 @@ var scrollToError = function scrollToError(formRef, errors, status) {
   if (!fieldErrorName && !fieldWithServerError) return;
   var errorFieldName = fieldErrorName || fieldWithServerError;
   var errorFormElement = formRef.current.querySelector("[name=\"".concat(errorFieldName, "\"]"));
-  errorFormElement === null || errorFormElement === void 0 || errorFormElement.scrollIntoView({
+  errorFormElement === null || errorFormElement === void 0 ? void 0 : errorFormElement.scrollIntoView({
     behavior: "smooth",
     block: "center"
   });
@@ -69,8 +69,8 @@ var ScrollToErrorField = function ScrollToErrorField(_ref) {
 };
 
 var _excluded = ["validateForm", "setErrors", "setTouched", "submitForm"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     formProps = _ref.formProps,
@@ -87,83 +87,87 @@ var FormWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
     status = formikBag.status;
   var formRefForScrollToErrorField = useRef();
   var formRef = ref || formRefForScrollToErrorField;
-  var handleKeyDown = useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
-      var isEventFromEditorOrTextarea, errors, fieldStatuses;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+  var handleKeyDown = useCallback(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
+      var isEventFromEditorOrTextarea, errors, fieldStatuses, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             isEventFromEditorOrTextarea = event.target.tagName === "TEXTAREA" || event.target.editor;
             if (!(event.key !== "Enter")) {
-              _context.next = 3;
+              _context.next = 1;
               break;
             }
             return _context.abrupt("return");
-          case 3:
+          case 1:
             if (!(isEventFromEditorOrTextarea && !event.metaKey)) {
-              _context.next = 5;
+              _context.next = 2;
               break;
             }
             return _context.abrupt("return");
-          case 5:
+          case 2:
             event.preventDefault();
             if (!event.shiftKey) {
-              _context.next = 8;
+              _context.next = 3;
               break;
             }
             return _context.abrupt("return");
-          case 8:
+          case 3:
             if (!(!isFormDirty || isSubmitting)) {
-              _context.next = 10;
+              _context.next = 4;
               break;
             }
             return _context.abrupt("return");
-          case 10:
-            _context.prev = 10;
-            _context.next = 13;
+          case 4:
+            _context.prev = 4;
+            _context.next = 5;
             return validateForm();
-          case 13:
+          case 5:
             errors = _context.sent;
             fieldStatuses = getFieldsWithServerError(status);
             if (Object.keys(errors).length > 0 || Object.keys(fieldStatuses).length > 0) {
               setErrors(errors);
-              setTouched(_objectSpread(_objectSpread({}, errors), status));
+              setTouched(_objectSpread$1(_objectSpread$1({}, errors), status));
               scrollToErrorField && scrollToError(formRef, errors, status);
             } else {
               submitForm();
             }
-            _context.next = 21;
+            _context.next = 7;
             break;
-          case 18:
-            _context.prev = 18;
-            _context.t0 = _context["catch"](10);
+          case 6:
+            _context.prev = 6;
+            _t = _context["catch"](4);
             // eslint-disable-next-line no-console
-            console.error("An unhandled error was caught from validateForm()", _context.t0);
-          case 21:
+            console.error("An unhandled error was caught from validateForm()", _t);
+          case 7:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[10, 18]]);
+      }, _callee, null, [[4, 6]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
   }(), [validateForm, setErrors, setTouched, isFormDirty, isSubmitting, submitForm, status]);
-  return /*#__PURE__*/React__default.createElement(Form$1, _extends({
+  return /*#__PURE__*/jsxs(Form$1, _objectSpread$1(_objectSpread$1({
     className: className,
     noValidate: true,
     "data-testid": "neeto-ui-form-wrapper",
     ref: formRef,
     onKeyDown: handleKeyDown
-  }, formProps), scrollToErrorField && /*#__PURE__*/React__default.createElement(ScrollToErrorField, {
-    formRef: formRef
-  }), children);
+  }, formProps), {}, {
+    children: [scrollToErrorField && /*#__PURE__*/jsx(ScrollToErrorField, {
+      formRef: formRef
+    }), children]
+  }));
 });
 FormWrapper.displayName = "FormWrapper";
 
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Form = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    children = _ref.children,
+    _children = _ref.children,
     formikProps = _ref.formikProps,
     formProps = _ref.formProps,
     _ref$scrollToErrorFie = _ref.scrollToErrorField,
@@ -178,18 +182,20 @@ var Form = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     return formikProps.onSubmit(values, actions);
   };
-  return /*#__PURE__*/React__default.createElement(Formik, _extends({
+  return /*#__PURE__*/jsx(Formik, _objectSpread(_objectSpread({
     innerRef: formikRef
-  }, formikProps, {
-    onSubmit: handleSubmit
-  }), function (props) {
-    return /*#__PURE__*/React__default.createElement(FormWrapper, {
-      className: className,
-      formProps: formProps,
-      ref: ref,
-      scrollToErrorField: scrollToErrorField
-    }, typeof children === "function" ? children(props) : children);
-  });
+  }, formikProps), {}, {
+    onSubmit: handleSubmit,
+    children: function children(props) {
+      return /*#__PURE__*/jsx(FormWrapper, {
+        className: className,
+        formProps: formProps,
+        ref: ref,
+        scrollToErrorField: scrollToErrorField,
+        children: typeof _children === "function" ? _children(props) : _children
+      });
+    }
+  }));
 });
 Form.displayName = "Form";