envoc-form 3.3.0 → 4.0.1-2

package/lib/MoneyFormattedInput/MoneyFormattedInput.js

@@ -1,126 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = MoneyFormattedInput;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _formik = require("formik");
-
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-// Money input that will format the value to always have commas, a single decimal, and
-// exactly two digits after the decimal. This happens after a delay (using debounce).
-function MoneyFormattedInput(_ref) {
-  var name = _ref.name,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      classname = _ref.classname,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$debounceTimer = _ref.debounceTimer,
-      debounceTimer = _ref$debounceTimer === void 0 ? 1500 : _ref$debounceTimer,
-      meta = _ref.meta;
-
-  // The displayed state and formik state are two seperate values that we handle
-  var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      inputValue = _useState2[0],
-      setInputValue = _useState2[1];
-
-  var _useField = (0, _formik.useField)(name),
-      _useField2 = (0, _slicedToArray2["default"])(_useField, 1),
-      formikValue = _useField2[0].value;
-
-  var handleChangeDebounce = (0, _react.useMemo)(function () {
-    return (0, _debounce["default"])(debouncedUpdateInput, debounceTimer);
-
-    function debouncedUpdateInput(value) {
-      var result = formatToCurrency(value);
-      setInputValue(result !== null && result !== void 0 ? result : ''); // sets value in formik
-
-      onChange(result !== null && result !== void 0 ? result : '');
-      onBlur();
-    }
-  }, [onBlur, onChange]); // Format first render
-
-  (0, _react.useEffect)(function () {
-    var formattedFormikValue = formatToCurrency(formikValue);
-    setInputValue(formattedFormikValue !== null && formattedFormikValue !== void 0 ? formattedFormikValue : '');
-  }, [formikValue]);
-
-  function handleChange(e) {
-    var onlyNumbersDecimalComma = e.target.value.toString().replace(/[^.,0-9]/g, '');
-    setInputValue(onlyNumbersDecimalComma);
-    handleChangeDebounce(onlyNumbersDecimalComma);
-  }
-
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "input-group"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "input-group-prepend"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "input-group-text"
-  }, "$")), /*#__PURE__*/_react["default"].createElement("input", {
-    name: name,
-    type: "text",
-    value: inputValue,
-    onChange: handleChange,
-    onBlur: onBlur,
-    disabled: disabled,
-    className: (0, _classnames["default"])(classname, meta.error === 'Required' ? 'is-invalid' : '', 'react-select-input money-input form-control')
-  })));
-}
-
-function formatToCurrency(value) {
-  if (value === null || value === undefined) {
-    return null;
-  } // 'value' is sometimes a number on first render
-
-
-  var onlyNumbersDecimal = value.toString().replace(/[^.0-9]/g, '');
-
-  if (!onlyNumbersDecimal) {
-    return null;
-  }
-
-  var result = new Intl.NumberFormat('en-US', {
-    style: 'decimal',
-    minimumSignificantDigits: 2,
-    minimumFractionDigits: 2
-  }).format(parseFloat(onlyNumbersDecimal));
-  result = formatTwoDecimalPlaces(result);
-  return result;
-}
-
-function formatTwoDecimalPlaces(value) {
-  var decimalIndex = value.indexOf('.'); // If the string doesn't contain a decimal OR
-  // the string contains a single '.' with nothing to the right of the decimal -> append '.00'
-  // Reason: parseFloat will remove '.00' from whole numbers (ex. 350.00 -> 350)
-
-  if (!value.includes('.')) {
-    return value.concat('.00');
-  } // If 2 or more characters to the right of the decimal
-  else if (!!value.charAt(decimalIndex + 2)) {
-      return value.substring(0, decimalIndex + 3);
-    } // If only 1 character to the right of the decimal
-    else if (!!value.charAt(decimalIndex + 1)) {
-        return value.substring(0, decimalIndex + 2).concat('0');
-      }
-
-  return value;
-}

package/lib/MoneyFormattedInput/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MoneyFormattedInput", {
-  enumerable: true,
-  get: function get() {
-    return _MoneyFormattedInput["default"];
-  }
-});
-
-var _MoneyFormattedInput = _interopRequireDefault(require("./MoneyFormattedInput"));

package/lib/MoneyInput/InlineMoneyInput.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = InlineMoneyInput;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _InlineFormInput = _interopRequireDefault(require("../InlineFormInput"));
-
-var _moneyInputProps = _interopRequireDefault(require("./moneyInputProps"));
-
-function InlineMoneyInput(props) {
-  return /*#__PURE__*/_react["default"].createElement(_InlineFormInput["default"], (0, _extends2["default"])({}, _moneyInputProps["default"], props));
-}

package/lib/MoneyInput/MoneyInput.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = MoneyInput;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FormInput = _interopRequireDefault(require("../FormInput"));
-
-var _moneyInputProps = _interopRequireDefault(require("./moneyInputProps"));
-
-function MoneyInput(props) {
-  return /*#__PURE__*/_react["default"].createElement(_FormInput["default"], (0, _extends2["default"])({}, _moneyInputProps["default"], props));
-}

package/lib/MoneyInput/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MoneyInput", {
-  enumerable: true,
-  get: function get() {
-    return _MoneyInput["default"];
-  }
-});
-Object.defineProperty(exports, "InlineMoneyInput", {
-  enumerable: true,
-  get: function get() {
-    return _InlineMoneyInput["default"];
-  }
-});
-
-var _MoneyInput = _interopRequireDefault(require("./MoneyInput"));
-
-var _InlineMoneyInput = _interopRequireDefault(require("./InlineMoneyInput"));

package/lib/MoneyInput/moneyInputProps.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactstrap = require("reactstrap");
-
-var MoneyPrepend = /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroupAddon, {
-  addonType: "prepend"
-}, "$");
-
-var moneyInputProps = {
-  type: 'number',
-  step: '0.01',
-  min: '0',
-  prepend: MoneyPrepend,
-  className: 'money-input'
-};
-var _default = moneyInputProps;
-exports["default"] = _default;

package/lib/NestedFormFieldContext.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-// TODO: better name?
-var NestedFormFieldContext = /*#__PURE__*/_react["default"].createContext();
-
-var _default = NestedFormFieldContext;
-exports["default"] = _default;

package/lib/ReactSelectField/ReactSelectField.js

@@ -1,187 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = ReactSelectInput;
-exports.customStyles = exports.overrideTheme = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactSelect = _interopRequireDefault(require("react-select"));
-
-var _excluded = ["className", "meta", "disabled", "onSelected", "onChange", "onBlur", "value", "options", "defaultValue", "defaultIndex"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var overrideTheme = function overrideTheme(theme) {
-  return _objectSpread(_objectSpread({}, theme), {}, {
-    borderRadius: 0,
-    spacing: Object.assign({}, _objectSpread({}, theme.spacing), {
-      baseUnit: 2,
-      controlHeight: 35
-    })
-  });
-};
-
-exports.overrideTheme = overrideTheme;
-var red = '#f86c6b';
-var inputBorderColor = '#c2cfd6';
-var inputBorderColorFocused = '#8ad4ee';
-var inputBoxShadowFocused = '0 0 0 0.2rem rgba(32, 168, 216, 0.25)';
-var placeholderColor = '#9ca3af';
-var disabledSingleValueColor = '#4b5563';
-var customStyles = {
-  control: function control(provided, _ref) {
-    var isFocused = _ref.isFocused,
-        selectProps = _ref.selectProps;
-    return _objectSpread(_objectSpread({}, provided), {}, {
-      paddingLeft: '7px',
-      '&:hover': {
-        borderColor: isFocused ? inputBorderColorFocused : inputBorderColor
-      },
-      borderColor: selectProps.hasErrors ? red : isFocused ? inputBorderColorFocused : inputBorderColor,
-      boxShadow: isFocused ? inputBoxShadowFocused : ''
-    });
-  },
-  menu: function menu(provided) {
-    return _objectSpread(_objectSpread({}, provided), {}, {
-      zIndex: 3
-    });
-  },
-  singleValue: function singleValue(provided, state) {
-    var color = state.isDisabled ? disabledSingleValueColor : '';
-    return _objectSpread(_objectSpread({}, provided), {}, {
-      color: color
-    });
-  },
-  placeholder: function placeholder(defaultStyles) {
-    return _objectSpread(_objectSpread({}, defaultStyles), {}, {
-      color: placeholderColor
-    });
-  }
-}; // internal to forms use only
-
-exports.customStyles = customStyles;
-
-function ReactSelectInput(_ref2) {
-  var className = _ref2.className,
-      meta = _ref2.meta,
-      disabled = _ref2.disabled,
-      onSelected = _ref2.onSelected,
-      onChange = _ref2.onChange,
-      _onBlur = _ref2.onBlur,
-      value = _ref2.value,
-      options = _ref2.options,
-      defaultValue = _ref2.defaultValue,
-      defaultIndex = _ref2.defaultIndex,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  var selectedItems = getSelectedItems();
-  var onSelectedRef = (0, _react.useRef)(onSelected);
-  onSelectedRef.current = onSelected;
-  (0, _react.useEffect)(function () {
-    onSelectedRef.current && onSelectedRef.current(selectedItems);
-  }, [selectedItems]);
-  var onBlurRef = (0, _react.useRef)(_onBlur);
-  onBlurRef.current = _onBlur;
-  var touched = meta.touched;
-  (0, _react.useEffect)(function () {
-    if (!touched) return; // without the timer set to 0, if the empty option is selected the required message doesn't appear until clicked away from the select input
-
-    var timerRef = setTimeout(function () {
-      onBlurRef.current && onBlurRef.current();
-    }, 0);
-    return function () {
-      clearTimeout(timerRef);
-    };
-  }, [value, touched]);
-  var classes = (0, _classnames["default"])(className, 'react-select-input', {
-    'is-invalid': !!meta.error,
-    disabled: disabled
-  });
-  return /*#__PURE__*/_react["default"].createElement(_reactSelect["default"], (0, _extends2["default"])({}, props, {
-    options: options,
-    isDisabled: disabled,
-    hasErrors: meta.error,
-    getOptionLabel: function getOptionLabel(option) {
-      return option.label;
-    },
-    getOptionValue: getOptionValue,
-    value: selectedItems,
-    onChange: handleChange,
-    onBlur: function onBlur() {
-      return _onBlur();
-    },
-    className: classes,
-    theme: overrideTheme,
-    styles: customStyles,
-    menuPortalTarget: document.body,
-    menuPlacement: "auto"
-  }));
-
-  function getOptionValue(option) {
-    if (typeof props.getOptionValue === 'function') {
-      return props.getOptionValue(option);
-    } else {
-      return option.value;
-    }
-  }
-
-  function getSelectedItems() {
-    if (defaultValue !== undefined && value === '') {
-      value = defaultValue;
-      onChange(defaultValue);
-    }
-
-    if (defaultIndex !== undefined && value === '') {
-      var item = options[defaultIndex];
-      onChange(getOptionValue(item));
-      return item;
-    }
-
-    var valueIsArray = Array.isArray(value);
-    var matches = options.filter(function (x) {
-      if (valueIsArray) {
-        return value.includes(getOptionValue(x));
-      } else {
-        return value === getOptionValue(x);
-      }
-    });
-
-    if (matches.length < 1) {
-      return null;
-    }
-
-    return matches;
-  }
-
-  function handleChange(e) {
-    if (e == null) {
-      onChange(null);
-    } else if (Array.isArray(e)) {
-      onChange(e.map(function (x) {
-        return x.value;
-      }));
-    } else {
-      onChange(e.value);
-    }
-  }
-}

package/lib/ReactSelectField/index.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _ReactSelectField["default"];
-  }
-});
-Object.defineProperty(exports, "overrideTheme", {
-  enumerable: true,
-  get: function get() {
-    return _ReactSelectField.overrideTheme;
-  }
-});
-Object.defineProperty(exports, "customStyles", {
-  enumerable: true,
-  get: function get() {
-    return _ReactSelectField.customStyles;
-  }
-});
-
-var _ReactSelectField = _interopRequireWildcard(require("./ReactSelectField"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/normalizers.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.zipCode = exports.phoneNumber = void 0;
-
-var phoneNumber = function phoneNumber(value) {
-  if (!value) {
-    return value;
-  }
-
-  var onlyNums = value.replace(/[^\d]/g, '');
-
-  if (onlyNums.length <= 3) {
-    return onlyNums;
-  }
-
-  if (onlyNums.length <= 7) {
-    return "".concat(onlyNums.slice(0, 3), "-").concat(onlyNums.slice(3));
-  }
-
-  if (onlyNums.length <= 10) {
-    return "".concat(onlyNums.slice(0, 3), "-").concat(onlyNums.slice(3, 6), "-").concat(onlyNums.slice(6, 10));
-  }
-
-  if (onlyNums.length <= 13) {
-    var countryCodeLength = onlyNums - 10;
-    return "+".concat(onlyNums.slice(0, countryCodeLength), " ").concat(onlyNums.slice(countryCodeLength, 3 + countryCodeLength), "-").concat(onlyNums.slice(3 + countryCodeLength, 6 + countryCodeLength), "-").concat(onlyNums.slice(6 + countryCodeLength, onlyNums.length));
-  }
-
-  return onlyNums;
-};
-
-exports.phoneNumber = phoneNumber;
-
-var zipCode = function zipCode(value) {
-  if (!value) {
-    return value;
-  }
-
-  var onlyNums = value.replace(/[^\d]/g, '');
-
-  if (onlyNums.length > 5) {
-    return onlyNums.substring(0, 5) + '-' + onlyNums.substring(5, 9);
-  }
-
-  return onlyNums;
-};
-
-exports.zipCode = zipCode;

package/lib/selectors.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getRegisteredFields = exports.getForm = void 0;
-
-var getForm = function getForm(state, ownProps) {
-  return state.form[ownProps.form];
-};
-
-exports.getForm = getForm;
-
-var getRegisteredFields = function getRegisteredFields(state, ownProps) {
-  return getForm(state, ownProps) ? getForm(state, ownProps).registeredFields : {};
-};
-
-exports.getRegisteredFields = getRegisteredFields;

package/lib/useStandardFormInput.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = useStandardFormInput;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _formik = require("formik");
-
-var _react = require("react");
-
-var _NestedFormFieldContext = _interopRequireDefault(require("./NestedFormFieldContext"));
-
-var _Form = require("./Form");
-
-var _excluded = ["id", "name", "disabled", "validate", "normalize"],
-    _excluded2 = ["onChange", "value"];
-
-// provides a consistent way to deal with all form fields (non array)
-function useStandardFormInput(_ref) {
-  var providedId = _ref.id,
-      providedName = _ref.name,
-      disabled = _ref.disabled,
-      validate = _ref.validate,
-      normalize = _ref.normalize,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-
-  // because the formik errors are evaluated all at the same time we need to keep server errors separate
-  var _useContext = (0, _react.useContext)(_Form.ServerErrorContext),
-      getServerError = _useContext.getError,
-      setServerError = _useContext.setError; // ensure that form section values are obeyed, e.g. homeAddress.zipCode
-
-
-  var parentFormFieldContext = (0, _react.useContext)(_NestedFormFieldContext["default"]);
-  var name = parentFormFieldContext ? "".concat(parentFormFieldContext, ".").concat(providedName) : providedName; // ensure that nested contexts don't have duplicate id issues when an id is specified
-
-  var id = providedId && parentFormFieldContext ? "".concat(parentFormFieldContext, ".").concat(providedId) : providedId; // ensure that our custom validation rules are handled
-  // e.g. we allow arrays of validators
-
-  var _useField = (0, _formik.useField)(Object.assign({
-    name: name,
-    id: id
-  }, props, {
-    validate: callAllValidators
-  })),
-      _useField2 = (0, _slicedToArray2["default"])(_useField, 2),
-      _useField2$ = _useField2[0],
-      formikOnChange = _useField2$.onChange,
-      value = _useField2$.value,
-      formikProps = (0, _objectWithoutProperties2["default"])(_useField2$, _excluded2),
-      meta = _useField2[1];
-
-  var _useFormikContext = (0, _formik.useFormikContext)(),
-      setFieldValue = _useFormikContext.setFieldValue,
-      isSubmitting = _useFormikContext.isSubmitting; // these are the props we expect consumers of this hook to pass directly to the input (or other control)
-
-
-  var inputProps = Object.assign({}, props, formikProps, {
-    // ensure that we don't send a undefined / null - which signals to react that we are uncontrolled
-    // also, pass any direct from server props through normalize without making the form dirty (e.g. phone number)
-    value: value === undefined || value === null ? '' : normalize && normalize(value) || value,
-    // ensure the id is set if not provided
-    id: id ? id : name,
-    // ensure we can handle both events from direct inputs and controlled ones like react select AND normalize
-    onChange: handleChange,
-    onBlur: handleBlur,
-    disabled: disabled
-  });
-  (0, _react.useEffect)(function () {
-    if (!meta.touched && isSubmitting) {
-      // because we do not always register all fields up front.
-      // e.g. formik expects even a 'create' form to have all fields given, at least, blank values
-      // that seems to be how it touches on submit:
-      // see: https://codesandbox.io/s/formik-example-4n7n8 vs https://codesandbox.io/s/formik-example-kttk5
-      // note in particular the change in line 24
-      // thus, we manually touch all fields here by calling onBlur
-      // there is a "setFieldTouched" from useFormikContext but it doesn't appear to work on field arrays
-      handleBlur();
-    }
-  });
-  var resultMeta = Object.assign({}, meta, {
-    error: getServerError(name) || (meta.touched ? meta.error : null)
-  });
-  return [inputProps, resultMeta];
-
-  function handleBlur(e) {
-    // some components are fully controlled and do not return synthetic events on blur
-    if (!e || !e.target) {
-      formikProps.onBlur({
-        target: {
-          name: name
-        }
-      });
-    } else {
-      formikProps.onBlur(e);
-    }
-  }
-
-  function handleChange(e) {
-    if (disabled) {
-      return;
-    } // some components are fully controlled and do not return synthetic events (e.g. ReactSelect) on change
-    // we should handle all our normal cases here to normalize / get the value / etc
-
-
-    var value = e && e.target ? e.target.type === 'checkbox' ? e.target.checked : e.target.value : e;
-    var normalized = normalize ? normalize(value) : value;
-    setFieldValue(name, normalized);
-    setServerError(name, null);
-  }
-
-  function callAllValidators(value) {
-    if (disabled || !validate) {
-      return;
-    }
-
-    if (!Array.isArray(validate)) {
-      return validate(value);
-    }
-
-    for (var i = 0; i < validate.length; i++) {
-      var result = validate[i](value);
-
-      if (result) {
-        return result;
-      }
-    }
-  }
-}