envoc-form 3.2.0 → 4.0.1-1

package/es/MoneyInput/InlineMoneyInput.js

@@ -1,7 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from 'react';
-import InlineFormInput from '../InlineFormInput';
-import moneyInputProps from './moneyInputProps';
-export default function InlineMoneyInput(props) {
-  return /*#__PURE__*/React.createElement(InlineFormInput, _extends({}, moneyInputProps, props));
-}

package/es/MoneyInput/MoneyInput.js

@@ -1,7 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from 'react';
-import FormInput from '../FormInput';
-import moneyInputProps from './moneyInputProps';
-export default function MoneyInput(props) {
-  return /*#__PURE__*/React.createElement(FormInput, _extends({}, moneyInputProps, props));
-}

package/es/MoneyInput/index.js

@@ -1,3 +0,0 @@
-import MoneyInput from './MoneyInput';
-import InlineMoneyInput from './InlineMoneyInput';
-export { MoneyInput, InlineMoneyInput };

package/es/MoneyInput/moneyInputProps.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { InputGroupAddon } from 'reactstrap';
-var MoneyPrepend = /*#__PURE__*/React.createElement(InputGroupAddon, {
-  addonType: "prepend"
-}, "$");
-var moneyInputProps = {
-  type: 'number',
-  step: '0.01',
-  min: '0',
-  prepend: MoneyPrepend,
-  className: 'money-input'
-};
-export default moneyInputProps;

package/es/NestedFormFieldContext.js

@@ -1,4 +0,0 @@
-import React from 'react'; // TODO: better name?
-
-var NestedFormFieldContext = /*#__PURE__*/React.createContext();
-export default NestedFormFieldContext;

package/es/ReactSelectField/ReactSelectField.js

@@ -1,162 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["className", "meta", "disabled", "onSelected", "onChange", "onBlur", "value", "options", "defaultValue", "defaultIndex"];
-
-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) { _defineProperty(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; }
-
-import classNames from 'classnames';
-import React, { useEffect, useRef } from 'react';
-import { default as ReactSelect } from 'react-select';
-export var overrideTheme = function overrideTheme(theme) {
-  return _objectSpread(_objectSpread({}, theme), {}, {
-    borderRadius: 0,
-    spacing: Object.assign({}, _objectSpread({}, theme.spacing), {
-      baseUnit: 2,
-      controlHeight: 35
-    })
-  });
-};
-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';
-export 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
-
-export default 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 = _objectWithoutProperties(_ref2, _excluded);
-
-  var selectedItems = getSelectedItems();
-  var onSelectedRef = useRef(onSelected);
-  onSelectedRef.current = onSelected;
-  useEffect(function () {
-    onSelectedRef.current && onSelectedRef.current(selectedItems);
-  }, [selectedItems]);
-  var onBlurRef = useRef(_onBlur);
-  onBlurRef.current = _onBlur;
-  var touched = meta.touched;
-  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 = classNames(className, 'react-select-input', {
-    'is-invalid': !!meta.error,
-    disabled: disabled
-  });
-  return /*#__PURE__*/React.createElement(ReactSelect, _extends({}, 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/es/ReactSelectField/index.js

@@ -1,2 +0,0 @@
-import ReactSelectField, { overrideTheme, customStyles } from './ReactSelectField';
-export { ReactSelectField as default, overrideTheme, customStyles };

package/es/normalizers.js

@@ -1,39 +0,0 @@
-export 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;
-};
-export 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;
-};

package/es/selectors.js

@@ -1,6 +0,0 @@
-export var getForm = function getForm(state, ownProps) {
-  return state.form[ownProps.form];
-};
-export var getRegisteredFields = function getRegisteredFields(state, ownProps) {
-  return getForm(state, ownProps) ? getForm(state, ownProps).registeredFields : {};
-};

package/es/useStandardFormInput.js

@@ -1,119 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "name", "disabled", "validate", "normalize"],
-    _excluded2 = ["onChange", "value"];
-import { useField, useFormikContext } from 'formik';
-import { useContext, useEffect } from 'react';
-import NestedFormFieldContext from './NestedFormFieldContext';
-import { ServerErrorContext } from './Form'; // provides a consistent way to deal with all form fields (non array)
-
-export default function useStandardFormInput(_ref) {
-  var providedId = _ref.id,
-      providedName = _ref.name,
-      disabled = _ref.disabled,
-      validate = _ref.validate,
-      normalize = _ref.normalize,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  // because the formik errors are evaluated all at the same time we need to keep server errors separate
-  var _useContext = useContext(ServerErrorContext),
-      getServerError = _useContext.getError,
-      setServerError = _useContext.setError; // ensure that form section values are obeyed, e.g. homeAddress.zipCode
-
-
-  var parentFormFieldContext = useContext(NestedFormFieldContext);
-  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 = useField(Object.assign({
-    name: name,
-    id: id
-  }, props, {
-    validate: callAllValidators
-  })),
-      _useField2 = _slicedToArray(_useField, 2),
-      _useField2$ = _useField2[0],
-      formikOnChange = _useField2$.onChange,
-      value = _useField2$.value,
-      formikProps = _objectWithoutProperties(_useField2$, _excluded2),
-      meta = _useField2[1];
-
-  var _useFormikContext = 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
-  });
-  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;
-      }
-    }
-  }
-}

package/es/utils/index.js

@@ -1,3 +0,0 @@
-import objectToFormData from './objectToFormData';
-import objectContainsNonSerializableProperty from './objectContainsNonSerializableProperty';
-export { objectToFormData, objectContainsNonSerializableProperty };

package/es/validators/index.js

@@ -1,2 +0,0 @@
-import * as validators from './validators';
-export default validators;

package/es/validators/validators.js

@@ -1,94 +0,0 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-export var required = function required(value) {
-  return value || value === false || value === 0 ? undefined : 'Required';
-}; //asserts that the value is a certain number of characters. numbers are coerced to a string
-
-export var length = function length(len) {
-  return function (value) {
-    var val = value;
-
-    var type = _typeof(val);
-
-    switch (type) {
-      case 'undefined':
-        return undefined;
-
-      case 'string':
-        break;
-
-      case 'number':
-        val = val.toString();
-        break;
-
-      default:
-        console.error("Invalid value type: ".concat(type, " passed to length validator"));
-    }
-
-    return val.length === len ? undefined : "Length must be ".concat(len);
-  };
-};
-export var integer = function integer(val) {
-  if (!Number.isInteger(parseFloat(val))) {
-    return 'Must be a whole number';
-  }
-};
-export var maxLength = function maxLength(length) {
-  return function (value) {
-    if (value) {
-      return value.length <= length ? undefined : "Maximum length ".concat(length, " exceeded");
-    } else {
-      return undefined;
-    }
-  };
-};
-export function maxCount(count) {
-  return function (value) {
-    return !value || value.filter(function (x) {
-      return !x.isDeleted;
-    }).length <= count ? undefined : "Should not have more than ".concat(count);
-  };
-}
-export function minCount(count) {
-  return function (value) {
-    return value && value.filter(function (x) {
-      return !x.isDeleted;
-    }).length >= count ? undefined : "Should have at least ".concat(count);
-  };
-}
-export var maxValue = function maxValue(value) {
-  return function (inputValue) {
-    if (inputValue && value) {
-      return inputValue <= value ? undefined : "Maximum value ".concat(value, " exceeded");
-    } else {
-      return undefined;
-    }
-  };
-};
-export var minValue = function minValue(value) {
-  return function (inputValue) {
-    if (inputValue && value) {
-      return inputValue >= value ? undefined : "Minimum value ".concat(value, " not met");
-    } else {
-      return undefined;
-    }
-  };
-};
-export var zipCode = function zipCode(value) {
-  return value && !/^[0-9]{5}(?:-[0-9]{4})?$/.test(value) ? 'Invalid ZIP Code' : undefined;
-}; //one of the validators provided must be true
-
-export var any = function any() {
-  for (var _len = arguments.length, validatorList = new Array(_len), _key = 0; _key < _len; _key++) {
-    validatorList[_key] = arguments[_key];
-  }
-
-  return function (value) {
-    if (validatorList.length === 0 || !value) {
-      return;
-    }
-
-    return validatorList.reduce(function (isAnyTrue, any) {
-      return isAnyTrue ? isAnyTrue : any(value);
-    }, false);
-  };
-};

package/lib/AddressInput/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _AddressInput = _interopRequireDefault(require("./AddressInput"));
-
-var _default = _AddressInput["default"];
-exports["default"] = _default;

package/lib/BoolInput/BoolInput.js

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

package/lib/BoolInput/InlineBoolInput.js

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

package/lib/BoolInput/boolOptions.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var boolOptions = [{
-  label: 'Yes',
-  value: true
-}, {
-  label: 'No',
-  value: false
-}];
-var _default = boolOptions;
-exports["default"] = _default;

package/lib/BoolInput/index.js

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

package/lib/ConfirmBaseForm/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _ConfirmBaseForm = _interopRequireDefault(require("./ConfirmBaseForm"));
-
-var _default = _ConfirmBaseForm["default"];
-exports["default"] = _default;

package/lib/ConfirmDeleteForm/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _ConfirmDeleteForm = _interopRequireDefault(require("./ConfirmDeleteForm"));
-
-var _default = _ConfirmDeleteForm["default"];
-exports["default"] = _default;