@bigbinary/neetoui 6.5.10 → 6.5.11-beta.1

package/dist/formik.js

@@ -1,604 +0,0 @@
-import { d as _slicedToArray, _ as _objectWithoutProperties, a as _extends, c as classnames } from './Typography-6b2170d4.js';
-import React__default, { useState, useRef, useEffect, forwardRef, useCallback, startTransition } from 'react';
-import { useFormikContext, Field, Form as Form$1, Formik, useField } from 'formik';
-import { B as Button, f as Alert, p as propTypes, g as Checkbox$1, b as _toConsumableArray, _ as _asyncToGenerator, r as regenerator, I as Input, M as MultiEmailInput, R as Radio, S as Select, n as Slider, j as Switch, k as Textarea, l as TreeSelect } from './TreeSelect-54c59138.js';
-import { equals, is, prop, either, isNil, isEmpty } from 'ramda';
-import { useHistory } from 'react-router-dom';
-import './overlayManager-4d5be56b.js';
-import { _ as _typeof } from './createClass-27bd48bc.js';
-import '@bigbinary/neeto-cist';
-import 'util';
-import 'react-dom';
-import '@bigbinary/neeto-icons';
-import 'antd/lib/config-provider';
-import 'antd/lib/slider';
-import 'antd/lib/tree-select';
-
-var useNavPrompt = function useNavPrompt(_ref) {
-  var _ref$shouldBlock = _ref.shouldBlock,
-    shouldBlock = _ref$shouldBlock === void 0 ? true : _ref$shouldBlock;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isBlocked = _useState2[0],
-    setIsBlocked = _useState2[1];
-  var history = useHistory();
-  var unblockRef = useRef();
-  var navRef = 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;
-    }
-  };
-  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__*/forwardRef(function (_ref, ref) {
-  var disabled = _ref.disabled,
-    otherProps = _objectWithoutProperties(_ref, _excluded$b);
-  var _useFormikContext = 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 || equals(values, initialValues);
-  return /*#__PURE__*/React__default.createElement(Button, _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 = useFormikContext(),
-    handleReset = _useFormikContext.handleReset,
-    isFormikSubmitting = _useFormikContext.isSubmitting,
-    dirty = _useFormikContext.dirty;
-  var isSubmitting = isFormSubmitting !== null && isFormSubmitting !== void 0 ? isFormSubmitting : isFormikSubmitting;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames(["neeto-ui-action-block__wrapper", className])
-  }, /*#__PURE__*/React__default.createElement(FormikButton, _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.createElement(Button, _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 = _objectWithoutProperties(_ref, _excluded$a);
-  var formikContext = 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.createElement(Alert, _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__*/forwardRef(function (_ref, ref) {
-  var name = _ref.name,
-    rest = _objectWithoutProperties(_ref, _excluded$9);
-  return /*#__PURE__*/React__default.createElement(Field, {
-    name: name
-  }, function (_ref2) {
-    var field = _ref2.field,
-      meta = _ref2.meta;
-    return /*#__PURE__*/React__default.createElement(Checkbox$1, _extends({
-      checked: field.value
-    }, field, {
-      error: meta.touched ? meta.error : "",
-      ref: ref
-    }, rest));
-  });
-});
-Checkbox.displayName = "Checkbox";
-Checkbox.propTypes = {
-  /**
-   * The name of the Checkbox.
-   */
-  name: 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 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      value = _ref2[1];
-    if (value) {
-      var nextKey = prefix ? "".concat(prefix, ".").concat(key) : key;
-      if (is(Object, value)) {
-        result.push.apply(result, _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 = useFormikContext(),
-    submitCount = _useFormikContext.submitCount,
-    isValid = _useFormikContext.isValid,
-    errors = _useFormikContext.errors;
-  useEffect(function () {
-    if (!formRef.current || isValid) return;
-    scrollToError(formRef, errors);
-  }, [submitCount]);
-  return null;
-};
-
-var _excluded$8 = ["values", "validateForm", "setErrors", "setTouched"];
-var FormWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    formProps = _ref.formProps,
-    children = _ref.children,
-    onSubmit = _ref.onSubmit,
-    scrollToErrorField = _ref.scrollToErrorField;
-  var _useFormikContext = useFormikContext(),
-    values = _useFormikContext.values,
-    validateForm = _useFormikContext.validateForm,
-    setErrors = _useFormikContext.setErrors,
-    setTouched = _useFormikContext.setTouched,
-    formikBag = _objectWithoutProperties(_useFormikContext, _excluded$8);
-  var isFormDirty = formikBag.dirty,
-    isSubmitting = formikBag.isSubmitting;
-  var formRefForScrollToErrorField = useRef();
-  var formRef = ref || formRefForScrollToErrorField;
-  var handleKeyDown = useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(event) {
-      var isEventFromEditorOrTextarea, errors;
-      return 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.createElement(Form$1, _extends({
-    noValidate: true,
-    className: className,
-    "data-testid": "neeto-ui-form-wrapper",
-    ref: formRef,
-    onKeyDown: handleKeyDown
-  }, formProps), scrollToErrorField && /*#__PURE__*/React__default.createElement(ScrollToErrorField, {
-    formRef: formRef
-  }), children);
-});
-FormWrapper.displayName = "FormWrapper";
-
-var Form = /*#__PURE__*/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.createElement(Formik, formikProps, function (props) {
-    return /*#__PURE__*/React__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: propTypes.exports.node,
-  /**
-   * Additional classnames to be passed to the form wrapper
-   **/
-  className: 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: 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: propTypes.exports.object,
-  /**
-   * Props to be passed for scrolling to error field on submit button click.
-   **/
-  scrollToErrorField: propTypes.exports.bool
-};
-
-var _excluded$7 = ["name"];
-var FormikInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var name = _ref.name,
-    rest = _objectWithoutProperties(_ref, _excluded$7);
-  return /*#__PURE__*/React__default.createElement(Field, {
-    name: name
-  }, function (_ref2) {
-    var field = _ref2.field,
-      meta = _ref2.meta;
-    return /*#__PURE__*/React__default.createElement(Input, _extends({
-      ref: ref
-    }, field, {
-      error: meta.touched ? meta.error : ""
-    }, rest));
-  });
-});
-FormikInput.displayName = "FormikInput";
-FormikInput.propTypes = {
-  /**
-   * The name of the input field.
-   */
-  name: propTypes.exports.string
-};
-
-var _excluded$6 = ["name"];
-var FormikMultiEmailInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var name = _ref.name,
-    otherProps = _objectWithoutProperties(_ref, _excluded$6);
-  var _useField = useField(name),
-    _useField2 = _slicedToArray(_useField, 3),
-    field = _useField2[0],
-    meta = _useField2[1],
-    _useField2$ = _useField2[2],
-    setValue = _useField2$.setValue,
-    setTouched = _useField2$.setTouched;
-  return /*#__PURE__*/React__default.createElement(MultiEmailInput, _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 = _objectWithoutProperties(_ref, _excluded$5);
-  var _useFormikContext = useFormikContext(),
-    setFieldValue = _useFormikContext.setFieldValue;
-  var _useField = useField({
-      name: name
-    }),
-    _useField2 = _slicedToArray(_useField, 2),
-    field = _useField2[0],
-    meta = _useField2[1];
-  return /*#__PURE__*/React__default.createElement(Radio, _extends({
-    className: className,
-    error: meta.touched ? meta.error : "",
-    label: label,
-    onChange: function onChange(event) {
-      return setFieldValue(name, event.target.value);
-    }
-  }, field, props));
-};
-RadioGroup.Item = Radio.Item;
-
-var _excluded$4 = ["name", "options", "getOptionValue", "isMulti"];
-var SelectField = /*#__PURE__*/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 = _objectWithoutProperties(props, _excluded$4);
-  var _useField = useField(name),
-    _useField2 = _slicedToArray(_useField, 3),
-    field = _useField2[0],
-    meta = _useField2[1],
-    _useField2$ = _useField2[2],
-    setValue = _useField2$.setValue,
-    setTouched = _useField2$.setTouched;
-  var isMenuOpen = 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 (_typeof(value) === "object") return value;
-    return options.filter(function (option) {
-      return getRealOptionValue(option) === value;
-    })[0];
-  };
-  return /*#__PURE__*/React__default.createElement(Select, _extends({
-    error: meta.touched ? meta.error : "",
-    getOptionValue: getOptionValue || prop("value"),
-    innerRef: ref,
-    isMulti: !!isMulti,
-    name: field.name,
-    options: options,
-    value: either(isNil, isEmpty)(field.value) ? null : buildValueObj(field.value, options),
-    onChange: function onChange(value) {
-      return setValue(value);
-    },
-    onBlur: function onBlur() {
-      return startTransition(function () {
-        setTouched(true);
-      });
-    }
-  }, 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__*/forwardRef(function (_ref, ref) {
-  var name = _ref.name,
-    otherProps = _objectWithoutProperties(_ref, _excluded$3);
-  var _useField = useField(name),
-    _useField2 = _slicedToArray(_useField, 3),
-    field = _useField2[0],
-    meta = _useField2[1],
-    _useField2$ = _useField2[2],
-    setValue = _useField2$.setValue,
-    setTouched = _useField2$.setTouched;
-  return /*#__PURE__*/React__default.createElement(Slider, _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 = _objectWithoutProperties(_ref, _excluded$2);
-  return /*#__PURE__*/React__default.createElement(Field, {
-    name: name
-  }, function (_ref2) {
-    var field = _ref2.field,
-      error = _ref2.meta.error;
-    return /*#__PURE__*/React__default.createElement(Switch, _extends({
-      checked: field.value,
-      error: error,
-      name: name
-    }, field, rest));
-  });
-};
-
-var _excluded$1 = ["name"];
-var FormikTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var name = _ref.name,
-    rest = _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/React__default.createElement(Field, {
-    name: name
-  }, function (_ref2) {
-    var field = _ref2.field,
-      meta = _ref2.meta;
-    return /*#__PURE__*/React__default.createElement(Textarea, _extends({
-      error: meta.touched ? meta.error : "",
-      ref: ref
-    }, field, rest));
-  });
-});
-FormikTextarea.displayName = "FormikTextarea";
-FormikTextarea.propTypes = {
-  /**
-   * The name of the textarea field.
-   */
-  name: propTypes.exports.string
-};
-
-var _excluded = ["name"];
-var FormikTreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var name = _ref.name,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _useField = useField(name),
-    _useField2 = _slicedToArray(_useField, 3),
-    field = _useField2[0],
-    meta = _useField2[1],
-    _useField2$ = _useField2[2],
-    setValue = _useField2$.setValue,
-    setTouched = _useField2$.setTouched;
-  return /*#__PURE__*/React__default.createElement(TreeSelect, _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";
-
-export { ActionBlock, BlockNavigation, FormikButton as Button, Checkbox, Form, FormikInput as Input, FormikMultiEmailInput as MultiEmailInput, RadioGroup as Radio, SelectField as Select, FormikSlider as Slider, FormikSwitch as Switch, FormikTextarea as Textarea, FormikTreeSelect as TreeSelect };
-//# sourceMappingURL=formik.js.map