envoc-form 2.0.1-7 → 2.0.1

package/es/FormInputArray/FormInputArray.js

@@ -3,8 +3,14 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "name", "label", "newItem", "component", "prepend", "disabled", "validate"],
+    _excluded2 = ["className"],
+    _excluded3 = ["className", "children"],
+    _excluded4 = ["children", "className"],
+    _excluded5 = ["children", "className"],
+    _excluded6 = ["children", "className"];
 
-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 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; }
 
@@ -12,9 +18,12 @@ import React, { useEffect, useRef, useState } from 'react';
 import { v4 as uuid } from 'uuid';
 import classnames from 'classnames';
 import { Col, Card, Button, CardBody, Row, Alert } from 'reactstrap';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faPlus, faTrash } from '@fortawesome/free-solid-svg-icons';
 import PropTypes from 'prop-types';
 import useStandardFormInput from '../useStandardFormInput';
 import NestedFormFieldContext from '../NestedFormFieldContext';
+import classNames from 'classnames';
 export default function FormInputArray(_ref) {
   var id = _ref.id,
       name = _ref.name,
@@ -24,7 +33,7 @@ export default function FormInputArray(_ref) {
       Prepend = _ref.prepend,
       disabled = _ref.disabled,
       validate = _ref.validate,
-      props = _objectWithoutProperties(_ref, ["id", "name", "label", "newItem", "component", "prepend", "disabled", "validate"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   var _useStandardFormInput = useStandardFormInput(_objectSpread({
     id: id,
@@ -65,8 +74,8 @@ export default function FormInputArray(_ref) {
     onClick: addItem,
     title: "Add an additional item",
     className: "add-array-item"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "fas fa-plus"
+  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: faPlus
   }), " Add New"))), /*#__PURE__*/React.createElement(CardBody, null, meta.error && typeof meta.error === 'string' && /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, null, /*#__PURE__*/React.createElement(Alert, {
     className: "field-array-alert",
     color: "danger"
@@ -79,14 +88,20 @@ export default function FormInputArray(_ref) {
   })), values.map(function (value, index) {
     var itemName = "".concat(inputProps.name, "[").concat(index, "]");
     return /*#__PURE__*/React.createElement(Row, {
-      key: value && value['form-input-array-key'] || value && value['id'] || itemName
+      key: value && value['form-input-array-key'] || value && value['id'] || itemName,
+      className: classnames('field-array-item', {
+        removed: value.isDeleted
+      }),
+      role: "listitem"
     }, /*#__PURE__*/React.createElement(NestedFormFieldContext.Provider, {
       value: itemName
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "component"
     }, /*#__PURE__*/React.createElement(Component, _extends({
       value: value,
       name: itemName,
       disabled: disabled
-    }, props))), !disabled && /*#__PURE__*/React.createElement("div", {
+    }, props)))), !disabled && /*#__PURE__*/React.createElement("div", {
       className: "remove-array-item"
     }, /*#__PURE__*/React.createElement(Button, {
       color: "link",
@@ -94,8 +109,8 @@ export default function FormInputArray(_ref) {
         return removeItem(index);
       },
       title: "Remove Item"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "fa fa-trash-alt"
+    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: faTrash
     }))));
   })));
 
@@ -136,7 +151,7 @@ export default function FormInputArray(_ref) {
 
 FormInputArray.Header = function (_ref2) {
   var className = _ref2.className,
-      props = _objectWithoutProperties(_ref2, ["className"]);
+      props = _objectWithoutProperties(_ref2, _excluded2);
 
   return /*#__PURE__*/React.createElement(FormInputArray.Column, _extends({
     className: classnames('mb-2', className)
@@ -146,7 +161,7 @@ FormInputArray.Header = function (_ref2) {
 FormInputArray.Column = function (_ref3) {
   var className = _ref3.className,
       children = _ref3.children,
-      props = _objectWithoutProperties(_ref3, ["className", "children"]);
+      props = _objectWithoutProperties(_ref3, _excluded3);
 
   return /*#__PURE__*/React.createElement(Col, _extends({
     className: classnames('d-flex', className)
@@ -157,24 +172,24 @@ FormInputArray.propTypes = {
   name: PropTypes.string.isRequired,
   label: PropTypes.string.isRequired,
 
-  /**
-   * The component to use for each element of the array
+  /**
+   * The component to use for each element of the array
    **/
   component: PropTypes.func.isRequired,
   disabled: PropTypes.bool,
 
-  /**
-   * When 'Add Item' is used this object is passed as the default (so you can, as an example, give a default)
+  /**
+   * When 'Add Item' is used this object is passed as the default (so you can, as an example, give a default)
    **/
   newItem: PropTypes.object,
 
-  /**
-   * Affixes a 'header' above all rows so you can have a grid-like display
+  /**
+   * Affixes a 'header' above all rows so you can have a grid-like display
    **/
   prepend: PropTypes.func,
 
-  /**
-   * standard validator, BUT, will be passed the whole array to validate
+  /**
+   * standard validator, BUT, will be passed the whole array to validate
    **/
   validate: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.func), PropTypes.func])
 };
@@ -182,29 +197,29 @@ FormInputArray.propTypes = {
 function CardActionHeader(_ref4) {
   var children = _ref4.children,
       className = _ref4.className,
-      props = _objectWithoutProperties(_ref4, ["children", "className"]);
+      props = _objectWithoutProperties(_ref4, _excluded4);
 
   return /*#__PURE__*/React.createElement("div", _extends({
-    className: "card-header card-action-header d-flex align-items-baseline ".concat(className)
+    className: classnames('card-header card-action-header d-flex align-items-baseline', className)
   }, props), children);
 }
 
 CardActionHeader.Title = function Title(_ref5) {
   var children = _ref5.children,
       className = _ref5.className,
-      props = _objectWithoutProperties(_ref5, ["children", "className"]);
+      props = _objectWithoutProperties(_ref5, _excluded5);
 
   return /*#__PURE__*/React.createElement("strong", _extends({
-    className: "mr-auto ".concat(className)
+    className: classnames('mr-auto', className)
   }, props), children);
 };
 
 CardActionHeader.Actions = function Actions(_ref6) {
   var children = _ref6.children,
       className = _ref6.className,
-      props = _objectWithoutProperties(_ref6, ["children", "className"]);
+      props = _objectWithoutProperties(_ref6, _excluded6);
 
   return /*#__PURE__*/React.createElement("div", _extends({
-    className: "card-action-header-actions ".concat(className)
+    className: classnames('card-action-header-actions', className)
   }, props), children);
 };

package/es/IconInput.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "icon", "helpText"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import { InputGroup, InputGroupAddon, InputGroupText, Input as BootstrapInput, FormFeedback } from 'reactstrap';
@@ -9,7 +10,7 @@ export default function IconInput(_ref) {
   var className = _ref.className,
       icon = _ref.icon,
       helpText = _ref.helpText,
-      props = _objectWithoutProperties(_ref, ["className", "icon", "helpText"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   var _useStandardFormInput = useStandardFormInput(props),
       _useStandardFormInput2 = _slicedToArray(_useStandardFormInput, 2),

package/es/ReactSelectField/ReactSelectField.js

@@ -1,8 +1,9 @@
 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 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; }
 
@@ -52,7 +53,7 @@ export default function ReactSelectInput(_ref2) {
       options = _ref2.options,
       defaultValue = _ref2.defaultValue,
       defaultIndex = _ref2.defaultIndex,
-      props = _objectWithoutProperties(_ref2, ["className", "meta", "disabled", "onSelected", "onChange", "onBlur", "value", "options", "defaultValue", "defaultIndex"]);
+      props = _objectWithoutProperties(_ref2, _excluded);
 
   var selectedItems = getSelectedItems();
   var onSelectedRef = useRef(onSelected);
@@ -72,7 +73,9 @@ export default function ReactSelectInput(_ref2) {
     onChange: handleChange,
     className: "react-select-input",
     theme: overrideTheme,
-    styles: customStyles
+    styles: customStyles,
+    menuPortalTarget: document.body,
+    menuPlacement: "auto"
   }));
 
   function getOptionValue(option) {

package/es/SubmitFormButton.js

@@ -1,12 +1,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["allowPristineSubmit", "children"];
 import React from 'react';
 import { Button } from 'reactstrap';
 import { useFormikContext } from 'formik';
 export default function SubmitFormButton(_ref) {
   var allowPristineSubmit = _ref.allowPristineSubmit,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, ["allowPristineSubmit", "children"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   var _useFormikContext = useFormikContext(),
       isSubmitting = _useFormikContext.isSubmitting,

package/es/__Tests__/FormTestBase.js

@@ -1,9 +1,12 @@
+import '@testing-library/jest-dom/extend-expect';
 import React from 'react';
 import { HashRouter } from 'react-router-dom';
 import Form from '../Form';
 export default function FormTestBase(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+      initialValues = _ref.initialValues;
   return /*#__PURE__*/React.createElement(HashRouter, null, /*#__PURE__*/React.createElement(Form, {
-    onSubmit: function onSubmit() {}
+    onSubmit: function onSubmit() {},
+    initialValues: initialValues
   }, children));
 }

package/es/normalizers.js

@@ -3,10 +3,6 @@ export var phoneNumber = function phoneNumber(value) {
     return value;
   }
 
-  if (value.length === 12 && value.startsWith('+1')) {
-    value = value.substring(2);
-  }
-
   var onlyNums = value.replace(/[^\d]/g, '');
 
   if (onlyNums.length <= 3) {
@@ -17,7 +13,16 @@ export var phoneNumber = function phoneNumber(value) {
     return "".concat(onlyNums.slice(0, 3), "-").concat(onlyNums.slice(3));
   }
 
-  return "".concat(onlyNums.slice(0, 3), "-").concat(onlyNums.slice(3, 6), "-").concat(onlyNums.slice(6, 10));
+  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) {

package/es/useStandardFormInput.js

@@ -1,5 +1,7 @@
 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';
@@ -11,7 +13,7 @@ export default function useStandardFormInput(_ref) {
       disabled = _ref.disabled,
       validate = _ref.validate,
       normalize = _ref.normalize,
-      props = _objectWithoutProperties(_ref, ["id", "name", "disabled", "validate", "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),
@@ -35,7 +37,7 @@ export default function useStandardFormInput(_ref) {
       _useField2$ = _useField2[0],
       formikOnChange = _useField2$.onChange,
       value = _useField2$.value,
-      formikProps = _objectWithoutProperties(_useField2$, ["onChange", "value"]),
+      formikProps = _objectWithoutProperties(_useField2$, _excluded2),
       meta = _useField2[1];
 
   var _useFormikContext = useFormikContext(),

package/es/utils/objectToFormData.js

@@ -1,4 +1,5 @@
-//https://github.com/therealparmesh/object-to-formdata/blob/master/src/index.js
+// Original: https://github.com/therealparmesh/object-to-formdata/blob/master/src/index.js
+// With Multiple Form File Fix: https://github.com/therealparmesh/object-to-formdata/pull/94/files
 import { isUndefined, isNull, isBoolean, isObject, isArray, isDate, isBlob, isFile } from './typeChecks';
 
 var serialize = function serialize(obj, cfg, fd, pre) {
@@ -26,7 +27,14 @@ var serialize = function serialize(obj, cfg, fd, pre) {
   } else if (isArray(obj)) {
     if (obj.length) {
       obj.forEach(function (value, index) {
-        var key = pre + '[' + (cfg.indices ? index : '') + ']';
+        var key;
+
+        if (cfg.noFileListBrackets && isFile(value)) {
+          key = pre;
+        } else {
+          key = pre + '[' + (cfg.indices ? index : '') + ']';
+        }
+
         serialize(value, cfg, fd, key);
       });
     } else if (cfg.allowEmptyArrays) {

package/lib/AddressInput/AddressInput.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -39,9 +39,15 @@ var normalizers = _interopRequireWildcard(require("../normalizers"));
 
 var _UsStates = _interopRequireDefault(require("./UsStates"));
 
+var _excluded = ["name"];
+
+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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var AddressInput = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(AddressInput, _React$Component);
@@ -58,7 +64,7 @@ var AddressInput = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this$props = this.props,
           name = _this$props.name,
-          props = (0, _objectWithoutProperties2["default"])(_this$props, ["name"]);
+          props = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
       return /*#__PURE__*/_react["default"].createElement(_FormSection["default"], (0, _extends2["default"])({
         name: name
       }, props), /*#__PURE__*/_react["default"].createElement(_FormInput["default"], {
@@ -105,10 +111,10 @@ var AddressInput = /*#__PURE__*/function (_React$Component) {
 
 exports["default"] = AddressInput;
 AddressInput.propTypes = {
-  /**
-   * The key that the resulting values should be nested under within the form values.
-   * If name prop were chicken the submitted form values would look like: {chicken: {address1:...}}
-   * this allows us to have two address inputs inside the same form (shipping and billing address)
+  /**
+   * The key that the resulting values should be nested under within the form values.
+   * If name prop were chicken the submitted form values would look like: {chicken: {address1:...}}
+   * this allows us to have two address inputs inside the same form (shipping and billing address)
    */
   name: _propTypes["default"].string
 };

package/lib/ConfirmBaseForm/ConfirmBaseForm.js

@@ -19,7 +19,9 @@ var _reactstrap = require("reactstrap");
 
 var _envocRequest = require("envoc-request");
 
-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; }
+var _excluded = ["handleCancel", "request", "yesColor", "style", "title"];
+
+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; }
 
@@ -30,7 +32,7 @@ function ConfirmBaseForm(_ref) {
       yesColor = _ref$yesColor === void 0 ? 'danger' : _ref$yesColor,
       style = _ref.style,
       title = _ref.title,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["handleCancel", "request", "yesColor", "style", "title"]);
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var webRequest = (0, _envocRequest.useAxiosRequest)(Object.assign({}, request, {
     autoExecute: false
   }));

package/lib/ConfirmDeleteForm/ConfirmDeleteForm.js

@@ -19,11 +19,13 @@ var _ConfirmBaseForm = _interopRequireDefault(require("../ConfirmBaseForm"));
 
 var _reactToastify = require("react-toastify");
 
+var _excluded = ["successUrl", "form", "children"];
+
 function ConfirmDeleteForm(_ref) {
   var successUrl = _ref.successUrl,
       form = _ref.form,
       children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["successUrl", "form", "children"]);
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var history = (0, _reactRouterDom.useHistory)();
 
   var _useParams = (0, _reactRouterDom.useParams)(),

package/lib/DatePickerInput/DatePickerInput.js

@@ -5,6 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.convertToTimeZoneInsensitiveISOString = convertToTimeZoneInsensitiveISOString;
 exports["default"] = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -33,11 +34,14 @@ var _parseISO = _interopRequireDefault(require("date-fns/parseISO"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _excluded = ["value", "className", "maxDate"];
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var dateOnlyRegex = /^\d{4}-\d{2}-\d{2}$/;
+var defaultMaxDate = new Date('9999-12-31');
 
 var DatePickerInput = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(DatePickerInput, _React$Component);
@@ -65,7 +69,7 @@ var DatePickerInput = /*#__PURE__*/function (_React$Component) {
         onChange(null);
       } else {
         // ensure ONLY the date is persisted - so UTC offset info / time is not persisted or sent
-        onChange(e.toISOString().split('T')[0]);
+        onChange(convertToTimeZoneInsensitiveISOString(e).split('T')[0]);
       }
     });
     return _this;
@@ -77,7 +81,9 @@ var DatePickerInput = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
           value = _this$props.value,
           className = _this$props.className,
-          rest = (0, _objectWithoutProperties2["default"])(_this$props, ["value", "className"]);
+          _this$props$maxDate = _this$props.maxDate,
+          maxDate = _this$props$maxDate === void 0 ? defaultMaxDate : _this$props$maxDate,
+          rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
 
       if (value && !dateOnlyRegex.test(value)) {
         var errorMessage = "Invalid date only value of ".concat(value, " passed to DatePicker input. This input is only configured to handle dates in the format yyyy-mm-dd. Ensure that the server is configured to return date only values.");
@@ -97,11 +103,25 @@ var DatePickerInput = /*#__PURE__*/function (_React$Component) {
       }, rest, {
         value: parsedValue,
         onChange: this.handleChange,
-        onBlur: this.handleBlur
+        onBlur: this.handleBlur,
+        maxDate: maxDate
       }));
     }
   }]);
   return DatePickerInput;
 }(_react["default"].Component);
 
-exports["default"] = DatePickerInput;
+exports["default"] = DatePickerInput;
+
+function convertToTimeZoneInsensitiveISOString(date) {
+  var year = new Intl.DateTimeFormat('en', {
+    year: 'numeric'
+  }).format(date);
+  var month = new Intl.DateTimeFormat('en', {
+    month: '2-digit'
+  }).format(date);
+  var day = new Intl.DateTimeFormat('en', {
+    day: '2-digit'
+  }).format(date);
+  return "".concat(year, "-").concat(month, "-").concat(day, "T00:00:00.000Z");
+}

package/lib/FileInput/DefaultFileList.js

@@ -1,37 +1,44 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = DefaultFileList;
 
+var _react = _interopRequireDefault(require("react"));
+
 var _reactstrap = require("reactstrap");
 
 function DefaultFileList(_ref) {
   var files = _ref.files,
-      rejectedFiles = _ref.rejectedFiles;
-  return /*#__PURE__*/React.createElement(_reactstrap.ListGroup, null, files.map(function (file) {
-    return /*#__PURE__*/React.createElement(Group, {
+      _ref$rejectedFiles = _ref.rejectedFiles,
+      rejectedFiles = _ref$rejectedFiles === void 0 ? [] : _ref$rejectedFiles;
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.ListGroup, null, files.map(function (file) {
+    return /*#__PURE__*/_react["default"].createElement(Group, {
+      key: file.path,
       item: file,
       warning: false
     });
-  }), rejectedFiles.map(function (failed) {
-    return /*#__PURE__*/React.createElement(Group, {
-      item: failed.file,
+  }), rejectedFiles.map(function (_ref2) {
+    var file = _ref2.file;
+    return /*#__PURE__*/_react["default"].createElement(Group, {
+      key: file.path,
+      item: file,
       warning: true
     });
   }));
 }
 
-function Group(_ref2) {
-  var item = _ref2.item,
-      warning = _ref2.warning;
-  return /*#__PURE__*/React.createElement(_reactstrap.ListGroupItem, {
-    key: item.path,
+function Group(_ref3) {
+  var item = _ref3.item,
+      warning = _ref3.warning;
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.ListGroupItem, {
     color: "d-flex ".concat(warning ? 'warning' : 'success', "  justify-content-between list-group-item ").concat(warning ? 'list-group-item-warning' : 'list-group-item-success', " px-3 py-1 rounded-1")
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "d-flex justify-content-between w-100"
-  }, /*#__PURE__*/React.createElement("span", null, item.path), " ", /*#__PURE__*/React.createElement("span", null, humanFileSize(item.size))));
+  }, /*#__PURE__*/_react["default"].createElement("span", null, item.name), " ", /*#__PURE__*/_react["default"].createElement("span", null, humanFileSize(item.size))));
 }
 
 function humanFileSize(size) {