@bigbinary/neetoui 6.5.7 → 6.5.8

package/dist/cjs/createClass-ca103cfb.js

@@ -0,0 +1,57 @@
+'use strict';
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+  }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+
+exports._classCallCheck = _classCallCheck;
+exports._createClass = _createClass;
+exports._toPropertyKey = _toPropertyKey;
+exports._typeof = _typeof;
+//# sourceMappingURL=createClass-ca103cfb.js.map

package/dist/cjs/createClass-ca103cfb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createClass-ca103cfb.js","sources":["../../node_modules/@babel/runtime/helpers/esm/typeof.js","../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js","../../node_modules/@babel/runtime/helpers/esm/createClass.js"],"sourcesContent":["export default function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n    return typeof obj;\n  } : function (obj) {\n    return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n  }, _typeof(obj);\n}","import _typeof from \"./typeof.js\";\nexport default function _toPrimitive(input, hint) {\n  if (_typeof(input) !== \"object\" || input === null) return input;\n  var prim = input[Symbol.toPrimitive];\n  if (prim !== undefined) {\n    var res = prim.call(input, hint || \"default\");\n    if (_typeof(res) !== \"object\") return res;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (hint === \"string\" ? String : Number)(input);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n  var key = toPrimitive(arg, \"string\");\n  return _typeof(key) === \"symbol\" ? key : String(key);\n}","export default function _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}","import toPropertyKey from \"./toPropertyKey.js\";\nfunction _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);\n  }\n}\nexport default function _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  Object.defineProperty(Constructor, \"prototype\", {\n    writable: false\n  });\n  return Constructor;\n}"],"names":["toPrimitive","toPropertyKey"],"mappings":"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"}

package/dist/cjs/formik.js

@@ -0,0 +1,624 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Typography = require('./Typography-3f90f925.js');
+var React = require('react');
+var formik = require('formik');
+var TreeSelect = require('./TreeSelect-40898804.js');
+var ramda = require('ramda');
+var reactRouterDom = require('react-router-dom');
+require('./overlayManager-a0827ae7.js');
+var createClass = require('./createClass-ca103cfb.js');
+require('@bigbinary/neeto-cist');
+require('util');
+require('react-dom');
+require('@bigbinary/neeto-icons');
+require('antd/lib/config-provider');
+require('antd/lib/slider');
+require('antd/lib/tree-select');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var useNavPrompt = function useNavPrompt(_ref) {
+  var _ref$shouldBlock = _ref.shouldBlock,
+    shouldBlock = _ref$shouldBlock === void 0 ? true : _ref$shouldBlock;
+  var _useState = React.useState(false),
+    _useState2 = Typography._slicedToArray(_useState, 2),
+    isBlocked = _useState2[0],
+    setIsBlocked = _useState2[1];
+  var history = reactRouterDom.useHistory();
+  var unblockRef = React.useRef();
+  var navRef = React.useRef();
+  var continueNavigation = function continueNavigation() {
+    if (isBlocked && unblockRef.current) {
+      var _unblockRef$current;
+      (_unblockRef$current = unblockRef.current) === null || _unblockRef$current === void 0 || _unblockRef$current.call(unblockRef);
+      setIsBlocked(false);
+      if (navRef.current) {
+        var _navRef$current = navRef.current,
+          action = _navRef$current.action,
+          transition = _navRef$current.transition;
+        handleNavigation(action, transition);
+      }
+    }
+  };
+  var hidePrompt = function hidePrompt() {
+    return setIsBlocked(false);
+  };
+  var handleNavigation = function handleNavigation(action, transition) {
+    switch (action) {
+      case "PUSH":
+        history.push(transition);
+        break;
+      case "REPLACE":
+        history.replace(transition);
+        break;
+      case "POP":
+        history.goBack();
+        break;
+    }
+  };
+  React.useEffect(function () {
+    if (shouldBlock) {
+      unblockRef.current = history.block(function (transition, action) {
+        setIsBlocked(true);
+        navRef.current = {
+          transition: transition,
+          action: action
+        };
+        return false;
+      });
+      return function () {
+        if (unblockRef.current) {
+          unblockRef.current();
+        }
+      };
+    }
+    return undefined;
+  }, [shouldBlock]);
+  return {
+    isBlocked: isBlocked,
+    continueNavigation: continueNavigation,
+    hidePrompt: hidePrompt
+  };
+};
+
+var _excluded$b = ["disabled"];
+var FormikButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var disabled = _ref.disabled,
+    otherProps = Typography._objectWithoutProperties(_ref, _excluded$b);
+  var _useFormikContext = formik.useFormikContext(),
+    handleSubmit = _useFormikContext.handleSubmit,
+    isSubmitting = _useFormikContext.isSubmitting,
+    values = _useFormikContext.values,
+    initialValues = _useFormikContext.initialValues,
+    isValid = _useFormikContext.isValid;
+  var isDisabled = disabled !== null && disabled !== void 0 ? disabled : isSubmitting || ramda.equals(values, initialValues);
+  return /*#__PURE__*/React__default["default"].createElement(TreeSelect.Button, Typography._extends({
+    disabled: isDisabled,
+    loading: isSubmitting && isValid,
+    ref: ref,
+    onClick: handleSubmit
+  }, otherProps));
+});
+FormikButton.displayName = "FormikButton";
+
+var ActionBlock = function ActionBlock(_ref) {
+  var className = _ref.className,
+    submitButtonProps = _ref.submitButtonProps,
+    cancelButtonProps = _ref.cancelButtonProps,
+    isFormSubmitting = _ref.isSubmitting;
+  var _useFormikContext = formik.useFormikContext(),
+    handleReset = _useFormikContext.handleReset,
+    isFormikSubmitting = _useFormikContext.isSubmitting,
+    dirty = _useFormikContext.dirty;
+  var isSubmitting = isFormSubmitting !== null && isFormSubmitting !== void 0 ? isFormSubmitting : isFormikSubmitting;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: Typography.classnames(["neeto-ui-action-block__wrapper", className])
+  }, /*#__PURE__*/React__default["default"].createElement(FormikButton, Typography._extends({
+    "data-cy": "save-changes-button",
+    "data-test-id": "save-changes-button",
+    disabled: isSubmitting || !dirty,
+    label: "Save changes",
+    loading: isSubmitting,
+    style: "primary",
+    type: "submit"
+  }, submitButtonProps)), /*#__PURE__*/React__default["default"].createElement(TreeSelect.Button, Typography._extends({
+    "data-cy": "cancel-button",
+    "data-test-id": "cancel-button",
+    disabled: isSubmitting,
+    label: "Cancel",
+    style: "text",
+    onClick: handleReset,
+    onMouseDown: function onMouseDown(e) {
+      return e.preventDefault();
+    }
+  }, cancelButtonProps)));
+};
+
+var _excluded$a = ["isDirty"];
+var BlockNavigation = function BlockNavigation(_ref) {
+  var _ref$isDirty = _ref.isDirty,
+    isDirty = _ref$isDirty === void 0 ? false : _ref$isDirty,
+    otherProps = Typography._objectWithoutProperties(_ref, _excluded$a);
+  var formikContext = formik.useFormikContext();
+  var shouldBlock = isDirty || Boolean(formikContext) && Boolean(formikContext.dirty);
+  var _useNavPrompt = useNavPrompt({
+      shouldBlock: shouldBlock
+    }),
+    isBlocked = _useNavPrompt.isBlocked,
+    continueNavigation = _useNavPrompt.continueNavigation,
+    hidePrompt = _useNavPrompt.hidePrompt;
+  var continueAction = function continueAction() {
+    if (formikContext) formikContext.resetForm();
+    continueNavigation();
+  };
+  return /*#__PURE__*/React__default["default"].createElement(TreeSelect.Alert, Typography._extends({
+    isOpen: isBlocked,
+    message: "All of your unsaved changes will be lost. This can't be undone.",
+    submitButtonLabel: "Discard changes",
+    title: "You have unsaved changes",
+    onClose: hidePrompt,
+    onSubmit: continueAction
+  }, otherProps));
+};
+
+var _excluded$9 = ["name"];
+var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var name = _ref.name,
+    rest = Typography._objectWithoutProperties(_ref, _excluded$9);
+  return /*#__PURE__*/React__default["default"].createElement(formik.Field, {
+    name: name
+  }, function (_ref2) {
+    var field = _ref2.field,
+      meta = _ref2.meta;
+    return /*#__PURE__*/React__default["default"].createElement(TreeSelect.Checkbox, Typography._extends({
+      checked: field.value
+    }, field, {
+      error: meta.touched ? meta.error : "",
+      ref: ref
+    }, rest));
+  });
+});
+Checkbox.displayName = "Checkbox";
+Checkbox.propTypes = {
+  /**
+   * The name of the Checkbox.
+   */
+  name: TreeSelect.propTypes.exports.string
+};
+
+var transformObjectToDotNotation = function transformObjectToDotNotation(object) {
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  var result = [];
+  Object.entries(object).forEach(function (_ref) {
+    var _ref2 = Typography._slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    if (value) {
+      var nextKey = prefix ? "".concat(prefix, ".").concat(key) : key;
+      if (ramda.is(Object, value)) {
+        result.push.apply(result, TreeSelect._toConsumableArray(transformObjectToDotNotation(value, nextKey)));
+      } else {
+        result.push(nextKey);
+      }
+    }
+  });
+  return result;
+};
+var getErrorFieldName = function getErrorFieldName(formikErrors) {
+  var _transformObjectToDot;
+  return (_transformObjectToDot = transformObjectToDotNotation(formikErrors)) === null || _transformObjectToDot === void 0 ? void 0 : _transformObjectToDot[0];
+};
+var scrollToError = function scrollToError(formRef, errors) {
+  var fieldErrorName = getErrorFieldName(errors);
+  if (!fieldErrorName) return;
+  var errorFormElement = formRef.current.querySelector("[name=\"".concat(fieldErrorName, "\"]"));
+  errorFormElement === null || errorFormElement === void 0 || errorFormElement.scrollIntoView({
+    behavior: "smooth",
+    block: "center"
+  });
+};
+
+var ScrollToErrorField = function ScrollToErrorField(_ref) {
+  var formRef = _ref.formRef;
+  var _useFormikContext = formik.useFormikContext(),
+    submitCount = _useFormikContext.submitCount,
+    isValid = _useFormikContext.isValid,
+    errors = _useFormikContext.errors;
+  React.useEffect(function () {
+    if (!formRef.current || isValid) return;
+    scrollToError(formRef, errors);
+  }, [submitCount]);
+  return null;
+};
+
+var _excluded$8 = ["values", "validateForm", "setErrors", "setTouched"];
+var FormWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    formProps = _ref.formProps,
+    children = _ref.children,
+    onSubmit = _ref.onSubmit,
+    scrollToErrorField = _ref.scrollToErrorField;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values,
+    validateForm = _useFormikContext.validateForm,
+    setErrors = _useFormikContext.setErrors,
+    setTouched = _useFormikContext.setTouched,
+    formikBag = Typography._objectWithoutProperties(_useFormikContext, _excluded$8);
+  var isFormDirty = formikBag.dirty,
+    isSubmitting = formikBag.isSubmitting;
+  var formRefForScrollToErrorField = React.useRef();
+  var formRef = ref || formRefForScrollToErrorField;
+  var handleKeyDown = React.useCallback( /*#__PURE__*/function () {
+    var _ref2 = TreeSelect._asyncToGenerator( /*#__PURE__*/TreeSelect.regenerator.mark(function _callee(event) {
+      var isEventFromEditorOrTextarea, errors;
+      return TreeSelect.regenerator.wrap(function _callee$(_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;
+              break;
+            }
+            return _context.abrupt("return");
+          case 3:
+            if (!(isEventFromEditorOrTextarea && !event.metaKey)) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return");
+          case 5:
+            event.preventDefault();
+            if (!event.shiftKey) {
+              _context.next = 8;
+              break;
+            }
+            return _context.abrupt("return");
+          case 8:
+            if (!(!isFormDirty || isSubmitting)) {
+              _context.next = 10;
+              break;
+            }
+            return _context.abrupt("return");
+          case 10:
+            _context.prev = 10;
+            _context.next = 13;
+            return validateForm();
+          case 13:
+            errors = _context.sent;
+            if (Object.keys(errors).length > 0) {
+              setErrors(errors);
+              setTouched(errors);
+              scrollToErrorField && scrollToError(formRef, errors);
+            } else {
+              onSubmit(values, formikBag);
+            }
+            _context.next = 20;
+            break;
+          case 17:
+            _context.prev = 17;
+            _context.t0 = _context["catch"](10);
+            // eslint-disable-next-line no-console
+            console.error("An unhandled error was caught from validateForm()", _context.t0);
+          case 20:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[10, 17]]);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [values, validateForm, setErrors, setTouched, onSubmit, isFormDirty, isSubmitting]);
+  return /*#__PURE__*/React__default["default"].createElement(formik.Form, Typography._extends({
+    noValidate: true,
+    className: className,
+    "data-testid": "neeto-ui-form-wrapper",
+    ref: formRef,
+    onKeyDown: handleKeyDown
+  }, formProps), scrollToErrorField && /*#__PURE__*/React__default["default"].createElement(ScrollToErrorField, {
+    formRef: formRef
+  }), children);
+});
+FormWrapper.displayName = "FormWrapper";
+
+var Form = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    formikProps = _ref.formikProps,
+    formProps = _ref.formProps,
+    _ref$scrollToErrorFie = _ref.scrollToErrorField,
+    scrollToErrorField = _ref$scrollToErrorFie === void 0 ? false : _ref$scrollToErrorFie;
+  return /*#__PURE__*/React__default["default"].createElement(formik.Formik, formikProps, function (props) {
+    return /*#__PURE__*/React__default["default"].createElement(FormWrapper, {
+      className: className,
+      formProps: formProps,
+      ref: ref,
+      scrollToErrorField: scrollToErrorField,
+      onSubmit: formikProps === null || formikProps === void 0 ? void 0 : formikProps.onSubmit
+    }, typeof children === "function" ? children(props) : children);
+  });
+});
+Form.displayName = "Form";
+Form.propTypes = {
+  /**
+   * Pass a function to render children or pass the children directly
+   **/
+  children: TreeSelect.propTypes.exports.node,
+  /**
+   * Additional classnames to be passed to the form wrapper
+   **/
+  className: TreeSelect.propTypes.exports.string,
+  /**
+   * Props to be passed to the Formik component like `initialValues`, `validationSchema`, `onSubmit`
+   * Refer to the Formik docs for more details
+   * https://formik.org/docs/api/formik
+   **/
+  formikProps: TreeSelect.propTypes.exports.object,
+  /**
+   * Props to be passed to the form element like `className`.
+   * Refer to the Formik docs for more details
+   * https://formik.org/docs/api/form
+   **/
+  formProps: TreeSelect.propTypes.exports.object,
+  /**
+   * Props to be passed for scrolling to error field on submit button click.
+   **/
+  scrollToErrorField: TreeSelect.propTypes.exports.bool
+};
+
+var _excluded$7 = ["name"];
+var FormikInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var name = _ref.name,
+    rest = Typography._objectWithoutProperties(_ref, _excluded$7);
+  return /*#__PURE__*/React__default["default"].createElement(formik.Field, {
+    name: name
+  }, function (_ref2) {
+    var field = _ref2.field,
+      meta = _ref2.meta;
+    return /*#__PURE__*/React__default["default"].createElement(TreeSelect.Input, Typography._extends({
+      ref: ref
+    }, field, {
+      error: meta.touched ? meta.error : ""
+    }, rest));
+  });
+});
+FormikInput.displayName = "FormikInput";
+FormikInput.propTypes = {
+  /**
+   * The name of the input field.
+   */
+  name: TreeSelect.propTypes.exports.string
+};
+
+var _excluded$6 = ["name"];
+var FormikMultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var name = _ref.name,
+    otherProps = Typography._objectWithoutProperties(_ref, _excluded$6);
+  var _useField = formik.useField(name),
+    _useField2 = Typography._slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  return /*#__PURE__*/React__default["default"].createElement(TreeSelect.MultiEmailInput, Typography._extends({
+    error: meta.touched ? meta.error : "",
+    name: field.name,
+    ref: ref,
+    value: field.value,
+    onBlur: function onBlur() {
+      return setTouched(true);
+    },
+    onChange: function onChange(value) {
+      return setValue(value);
+    }
+  }, otherProps));
+});
+FormikMultiEmailInput.displayName = "FormikMultiEmailInput";
+
+var _excluded$5 = ["label", "name", "className"];
+var RadioGroup = function RadioGroup(_ref) {
+  var label = _ref.label,
+    name = _ref.name,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    props = Typography._objectWithoutProperties(_ref, _excluded$5);
+  var _useFormikContext = formik.useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue;
+  var _useField = formik.useField({
+      name: name
+    }),
+    _useField2 = Typography._slicedToArray(_useField, 2),
+    field = _useField2[0],
+    meta = _useField2[1];
+  return /*#__PURE__*/React__default["default"].createElement(TreeSelect.Radio, Typography._extends({
+    className: className,
+    error: meta.touched ? meta.error : "",
+    label: label,
+    onChange: function onChange(event) {
+      return setFieldValue(name, event.target.value);
+    }
+  }, field, props));
+};
+RadioGroup.Item = TreeSelect.Radio.Item;
+
+var _excluded$4 = ["name", "options", "getOptionValue", "isMulti"];
+var SelectField = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$name = props.name,
+    name = _props$name === void 0 ? "" : _props$name,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    _props$getOptionValue = props.getOptionValue,
+    getOptionValue = _props$getOptionValue === void 0 ? null : _props$getOptionValue,
+    _props$isMulti = props.isMulti,
+    isMulti = _props$isMulti === void 0 ? false : _props$isMulti,
+    otherProps = Typography._objectWithoutProperties(props, _excluded$4);
+  var _useField = formik.useField(name),
+    _useField2 = Typography._slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  var isMenuOpen = React.useRef(otherProps.defaultMenuIsOpen);
+  var getRealOptionValue = function getRealOptionValue(option) {
+    if (typeof getOptionValue !== "function") {
+      return option.value;
+    }
+    return getOptionValue(option);
+  };
+  var buildValueObj = function buildValueObj(value, options) {
+    if (createClass._typeof(value) === "object") return value;
+    return options.filter(function (option) {
+      return getRealOptionValue(option) === value;
+    })[0];
+  };
+  return /*#__PURE__*/React__default["default"].createElement(TreeSelect.Select, Typography._extends({
+    error: meta.touched ? meta.error : "",
+    getOptionValue: getOptionValue || ramda.prop("value"),
+    innerRef: ref,
+    isMulti: !!isMulti,
+    name: field.name,
+    options: options,
+    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);
+      });
+    }
+  }, otherProps, {
+    onKeyDown: function onKeyDown(event) {
+      var _otherProps$onKeyDown;
+      if (event.key === "Enter" && isMenuOpen.current) {
+        event.stopPropagation();
+      }
+      (_otherProps$onKeyDown = otherProps.onKeyDown) === null || _otherProps$onKeyDown === void 0 || _otherProps$onKeyDown.call(otherProps, event);
+    },
+    onMenuClose: function onMenuClose() {
+      var _otherProps$onMenuClo;
+      isMenuOpen.current = false;
+      (_otherProps$onMenuClo = otherProps.onMenuClose) === null || _otherProps$onMenuClo === void 0 || _otherProps$onMenuClo.call(otherProps);
+    },
+    onMenuOpen: function onMenuOpen() {
+      var _otherProps$onMenuOpe;
+      isMenuOpen.current = true;
+      (_otherProps$onMenuOpe = otherProps.onMenuOpen) === null || _otherProps$onMenuOpe === void 0 || _otherProps$onMenuOpe.call(otherProps);
+    }
+  }));
+});
+SelectField.displayName = "SelectField";
+
+var _excluded$3 = ["name"];
+var FormikSlider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var name = _ref.name,
+    otherProps = Typography._objectWithoutProperties(_ref, _excluded$3);
+  var _useField = formik.useField(name),
+    _useField2 = Typography._slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  return /*#__PURE__*/React__default["default"].createElement(TreeSelect.Slider, Typography._extends({
+    error: meta.error || "",
+    ref: ref
+  }, field, {
+    name: name,
+    onBlur: function onBlur() {
+      return setTouched(true);
+    },
+    onChange: function onChange(value) {
+      return setValue(value);
+    }
+  }, otherProps));
+});
+FormikSlider.displayName = "Slider";
+
+var _excluded$2 = ["name"];
+var FormikSwitch = function FormikSwitch(_ref) {
+  var name = _ref.name,
+    rest = Typography._objectWithoutProperties(_ref, _excluded$2);
+  return /*#__PURE__*/React__default["default"].createElement(formik.Field, {
+    name: name
+  }, function (_ref2) {
+    var field = _ref2.field,
+      error = _ref2.meta.error;
+    return /*#__PURE__*/React__default["default"].createElement(TreeSelect.Switch, Typography._extends({
+      checked: field.value,
+      error: error,
+      name: name
+    }, field, rest));
+  });
+};
+
+var _excluded$1 = ["name"];
+var FormikTextarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var name = _ref.name,
+    rest = Typography._objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/React__default["default"].createElement(formik.Field, {
+    name: name
+  }, function (_ref2) {
+    var field = _ref2.field,
+      meta = _ref2.meta;
+    return /*#__PURE__*/React__default["default"].createElement(TreeSelect.Textarea, Typography._extends({
+      error: meta.touched ? meta.error : "",
+      ref: ref
+    }, field, rest));
+  });
+});
+FormikTextarea.displayName = "FormikTextarea";
+FormikTextarea.propTypes = {
+  /**
+   * The name of the textarea field.
+   */
+  name: TreeSelect.propTypes.exports.string
+};
+
+var _excluded = ["name"];
+var FormikTreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var name = _ref.name,
+    otherProps = Typography._objectWithoutProperties(_ref, _excluded);
+  var _useField = formik.useField(name),
+    _useField2 = Typography._slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  return /*#__PURE__*/React__default["default"].createElement(TreeSelect.TreeSelect, Typography._extends({
+    error: meta.error || "",
+    name: field.name,
+    ref: ref,
+    value: field.value,
+    onBlur: function onBlur() {
+      return setTouched(true);
+    },
+    onChange: function onChange(value) {
+      return setValue(value);
+    }
+  }, otherProps));
+});
+FormikTreeSelect.displayName = "TreeSelect";
+
+exports.ActionBlock = ActionBlock;
+exports.BlockNavigation = BlockNavigation;
+exports.Button = FormikButton;
+exports.Checkbox = Checkbox;
+exports.Form = Form;
+exports.Input = FormikInput;
+exports.MultiEmailInput = FormikMultiEmailInput;
+exports.Radio = RadioGroup;
+exports.Select = SelectField;
+exports.Slider = FormikSlider;
+exports.Switch = FormikSwitch;
+exports.Textarea = FormikTextarea;
+exports.TreeSelect = FormikTreeSelect;
+//# sourceMappingURL=formik.js.map