@bigbinary/neetoui 6.5.10 → 6.5.11-beta.1

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

@@ -1 +0,0 @@
-{"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

@@ -1,624 +0,0 @@
-'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