envoc-form 2.0.1-9 → 2.0.1

package/lib/FormInputArray/FormInputArray.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
 });
@@ -27,13 +27,28 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactstrap = require("reactstrap");
 
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _useStandardFormInput3 = _interopRequireDefault(require("../useStandardFormInput"));
 
 var _NestedFormFieldContext = _interopRequireDefault(require("../NestedFormFieldContext"));
 
-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 = ["id", "name", "label", "newItem", "component", "prepend", "disabled", "validate"],
+    _excluded2 = ["className"],
+    _excluded3 = ["className", "children"],
+    _excluded4 = ["children", "className"],
+    _excluded5 = ["children", "className"],
+    _excluded6 = ["children", "className"];
+
+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; }
 
@@ -46,7 +61,7 @@ function FormInputArray(_ref) {
       Prepend = _ref.prepend,
       disabled = _ref.disabled,
       validate = _ref.validate,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["id", "name", "label", "newItem", "component", "prepend", "disabled", "validate"]);
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
 
   var _useStandardFormInput = (0, _useStandardFormInput3["default"])(_objectSpread({
     id: id,
@@ -87,8 +102,8 @@ function FormInputArray(_ref) {
     onClick: addItem,
     title: "Add an additional item",
     className: "add-array-item"
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "fas fa-plus"
+  }, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: _freeSolidSvgIcons.faPlus
   }), " Add New"))), /*#__PURE__*/_react["default"].createElement(_reactstrap.CardBody, null, meta.error && typeof meta.error === 'string' && /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
     className: "field-array-alert",
     color: "danger"
@@ -101,14 +116,20 @@ function FormInputArray(_ref) {
   })), values.map(function (value, index) {
     var itemName = "".concat(inputProps.name, "[").concat(index, "]");
     return /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, {
-      key: value && value['form-input-array-key'] || value && value['id'] || itemName
+      key: value && value['form-input-array-key'] || value && value['id'] || itemName,
+      className: (0, _classnames["default"])('field-array-item', {
+        removed: value.isDeleted
+      }),
+      role: "listitem"
     }, /*#__PURE__*/_react["default"].createElement(_NestedFormFieldContext["default"].Provider, {
       value: itemName
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "component"
     }, /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
       value: value,
       name: itemName,
       disabled: disabled
-    }, props))), !disabled && /*#__PURE__*/_react["default"].createElement("div", {
+    }, props)))), !disabled && /*#__PURE__*/_react["default"].createElement("div", {
       className: "remove-array-item"
     }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
       color: "link",
@@ -116,8 +137,8 @@ function FormInputArray(_ref) {
         return removeItem(index);
       },
       title: "Remove Item"
-    }, /*#__PURE__*/_react["default"].createElement("i", {
-      className: "fa fa-trash-alt"
+    }, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
+      icon: _freeSolidSvgIcons.faTrash
     }))));
   })));
 
@@ -158,7 +179,7 @@ function FormInputArray(_ref) {
 
 FormInputArray.Header = function (_ref2) {
   var className = _ref2.className,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, ["className"]);
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
   return /*#__PURE__*/_react["default"].createElement(FormInputArray.Column, (0, _extends2["default"])({
     className: (0, _classnames["default"])('mb-2', className)
   }, props));
@@ -167,7 +188,7 @@ FormInputArray.Header = function (_ref2) {
 FormInputArray.Column = function (_ref3) {
   var className = _ref3.className,
       children = _ref3.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref3, ["className", "children"]);
+      props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
   return /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, (0, _extends2["default"])({
     className: (0, _classnames["default"])('d-flex', className)
   }, props), children);
@@ -177,24 +198,24 @@ FormInputArray.propTypes = {
   name: _propTypes["default"].string.isRequired,
   label: _propTypes["default"].string.isRequired,
 
-  /**
-   * The component to use for each element of the array
+  /**
+   * The component to use for each element of the array
    **/
   component: _propTypes["default"].func.isRequired,
   disabled: _propTypes["default"].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["default"].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["default"].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["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].func), _propTypes["default"].func])
 };
@@ -202,26 +223,26 @@ FormInputArray.propTypes = {
 function CardActionHeader(_ref4) {
   var children = _ref4.children,
       className = _ref4.className,
-      props = (0, _objectWithoutProperties2["default"])(_ref4, ["children", "className"]);
+      props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded4);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    className: "card-header card-action-header d-flex align-items-baseline ".concat(className)
+    className: (0, _classnames["default"])('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 = (0, _objectWithoutProperties2["default"])(_ref5, ["children", "className"]);
+      props = (0, _objectWithoutProperties2["default"])(_ref5, _excluded5);
   return /*#__PURE__*/_react["default"].createElement("strong", (0, _extends2["default"])({
-    className: "mr-auto ".concat(className)
+    className: (0, _classnames["default"])('mr-auto', className)
   }, props), children);
 };
 
 CardActionHeader.Actions = function Actions(_ref6) {
   var children = _ref6.children,
       className = _ref6.className,
-      props = (0, _objectWithoutProperties2["default"])(_ref6, ["children", "className"]);
+      props = (0, _objectWithoutProperties2["default"])(_ref6, _excluded6);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    className: "card-action-header-actions ".concat(className)
+    className: (0, _classnames["default"])('card-action-header-actions', className)
   }, props), children);
 };

package/lib/FormSection.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13,6 +13,10 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _NestedFormFieldContext = _interopRequireDefault(require("./NestedFormFieldContext"));
 
+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 FormSection(_ref) {
   var children = _ref.children,
       name = _ref.name;

package/lib/IconInput.js

@@ -21,11 +21,13 @@ var _reactstrap = require("reactstrap");
 
 var _useStandardFormInput3 = _interopRequireDefault(require("./useStandardFormInput"));
 
+var _excluded = ["className", "icon", "helpText"];
+
 function IconInput(_ref) {
   var className = _ref.className,
       icon = _ref.icon,
       helpText = _ref.helpText,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["className", "icon", "helpText"]);
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
 
   var _useStandardFormInput = (0, _useStandardFormInput3["default"])(props),
       _useStandardFormInput2 = (0, _slicedToArray2["default"])(_useStandardFormInput, 2),

package/lib/ReactSelectField/ReactSelectField.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
 });
@@ -20,7 +20,13 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactSelect = _interopRequireDefault(require("react-select"));
 
-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 = ["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; }
 
@@ -72,7 +78,7 @@ function ReactSelectInput(_ref2) {
       options = _ref2.options,
       defaultValue = _ref2.defaultValue,
       defaultIndex = _ref2.defaultIndex,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, ["className", "meta", "disabled", "onSelected", "onChange", "onBlur", "value", "options", "defaultValue", "defaultIndex"]);
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
   var selectedItems = getSelectedItems();
   var onSelectedRef = (0, _react.useRef)(onSelected);
   onSelectedRef.current = onSelected;
@@ -91,7 +97,9 @@ function ReactSelectInput(_ref2) {
     onChange: handleChange,
     className: "react-select-input",
     theme: overrideTheme,
-    styles: customStyles
+    styles: customStyles,
+    menuPortalTarget: document.body,
+    menuPlacement: "auto"
   }));
 
   function getOptionValue(option) {

package/lib/ReactSelectField/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -24,4 +24,8 @@ Object.defineProperty(exports, "customStyles", {
   }
 });
 
-var _ReactSelectField = _interopRequireWildcard(require("./ReactSelectField"));
+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/SubmitFormButton.js

@@ -17,10 +17,12 @@ var _reactstrap = require("reactstrap");
 
 var _formik = require("formik");
 
+var _excluded = ["allowPristineSubmit", "children"];
+
 function SubmitFormButton(_ref) {
   var allowPristineSubmit = _ref.allowPristineSubmit,
       children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["allowPristineSubmit", "children"]);
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
 
   var _useFormikContext = (0, _formik.useFormikContext)(),
       isSubmitting = _useFormikContext.isSubmitting,

package/lib/__Tests__/FormTestBase.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = FormTestBase;
 
+require("@testing-library/jest-dom/extend-expect");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactRouterDom = require("react-router-dom");
@@ -14,8 +16,10 @@ var _reactRouterDom = require("react-router-dom");
 var _Form = _interopRequireDefault(require("../Form"));
 
 function FormTestBase(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+      initialValues = _ref.initialValues;
   return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.HashRouter, null, /*#__PURE__*/_react["default"].createElement(_Form["default"], {
-    onSubmit: function onSubmit() {}
+    onSubmit: function onSubmit() {},
+    initialValues: initialValues
   }, children));
 }

package/lib/index.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
 });
@@ -127,4 +127,8 @@ var _SubmitFormButton = _interopRequireDefault(require("./SubmitFormButton"));
 
 var _AddressInput = _interopRequireDefault(require("./AddressInput"));
 
-var _MoneyInput = require("./MoneyInput");
+var _MoneyInput = require("./MoneyInput");
+
+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

@@ -10,10 +10,6 @@ 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) {
@@ -24,7 +20,16 @@ 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;
 };
 
 exports.phoneNumber = phoneNumber;

package/lib/useStandardFormInput.js

@@ -19,6 +19,9 @@ var _NestedFormFieldContext = _interopRequireDefault(require("./NestedFormFieldC
 
 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,
@@ -26,7 +29,7 @@ function useStandardFormInput(_ref) {
       disabled = _ref.disabled,
       validate = _ref.validate,
       normalize = _ref.normalize,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["id", "name", "disabled", "validate", "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),
@@ -50,7 +53,7 @@ function useStandardFormInput(_ref) {
       _useField2$ = _useField2[0],
       formikOnChange = _useField2$.onChange,
       value = _useField2$.value,
-      formikProps = (0, _objectWithoutProperties2["default"])(_useField2$, ["onChange", "value"]),
+      formikProps = (0, _objectWithoutProperties2["default"])(_useField2$, _excluded2),
       meta = _useField2[1];
 
   var _useFormikContext = (0, _formik.useFormikContext)(),

package/lib/validators/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,5 +9,9 @@ exports["default"] = void 0;
 
 var validators = _interopRequireWildcard(require("./validators"));
 
+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; }
+
 var _default = validators;
 exports["default"] = _default;

package/package.json

@@ -1,93 +1,99 @@
-{
-	"name": "envoc-form",
-	"version": "2.0.1-9",
-	"description": "Envoc form components",
-	"keywords": [
-		"react-component",
-		"react",
-		"forms",
-		"components",
-		"envoc"
-	],
-	"homepage": "",
-	"repository": "",
-	"license": "MIT",
-	"author": "Envoc Developers",
-	"sideEffects": false,
-	"main": "lib/index.js",
-	"module": "es/index.js",
-	"files": [
-		"dist",
-		"src",
-		"lib",
-		"es"
-	],
-	"scripts": {
-		"build": "yarn build:esm && yarn build:cjs & yarn build:css",
-		"rebuild": "rimraf ./{dist,es,lib} && yarn build",
-		"build:esm": "cross-env BABEL_ENV=esm-dir babel src --out-dir es --ignore \"src/**/*.spec.js\",\"src/**/*.test.js\"",
-		"build:css": "sass src/styles.scss dist/css/envoc-form-styles.css",
-		"build:cjs": "babel src --out-dir lib --ignore \"src/**/*.spec.js\",\"src/**/*.test.js\"",
-		"start": "webpack serve --config ./webpack.demo.config.js",
-		"test": "cross-env SKIP_PREFLIGHT_CHECK=true react-scripts test --watchAll=false",
-		"coverage": "yarn test --reporters=jest-junit --coverage --coverageReporters=cobertura"
-	},
-	"dependencies": {
-		"axios": "^0.21.1",
-		"classnames": "^2.2.6",
-		"date-fns": "^2.17.0",
-		"envoc-request": "^2.0.1-9",
-		"lru-cache": "^6.0.0",
-		"prop-types": "^15.7.2",
-		"react-date-picker": "^8.0.7",
-		"react-dropzone": "^11.3.1",
-		"react-router": "^5.2.0",
-		"react-select": "^3.1.1",
-		"react-textarea-autosize": "^8.3.1",
-		"react-toastify": "^7.0.3",
-		"reactstrap": "^8.9.0",
-		"smoothscroll-polyfill": "^0.4.4",
-		"uuid": "^8.3.2"
-	},
-	"devDependencies": {
-		"@babel/cli": "^7.12.17",
-		"@babel/core": "^7.12.17",
-		"@babel/plugin-transform-runtime": "^7.12.17",
-		"@babel/preset-env": "^7.12.17",
-		"@babel/preset-react": "^7.12.13",
-		"@testing-library/jest-dom": "^5.11.9",
-		"@testing-library/react": "^11.2.5",
-		"@testing-library/user-event": "^12.7.1",
-		"babel-loader": "^8.2.2",
-		"bootstrap": "^4.6.0",
-		"clean-webpack-plugin": "^3.0.0",
-		"cross-env": "7.0.3",
-		"css-loader": "^5.0.2",
-		"html-webpack-plugin": "^5.2.0",
-		"identity-obj-proxy": "^3.0.0",
-		"jest-junit": "~12.0.0",
-		"react": "^17.0.1",
-		"react-dom": "^17.0.1",
-		"react-router-dom": "^5.2.0",
-		"react-scripts": "^4.0.2",
-		"rimraf": "~3.0.2",
-		"sass": "^1.32.8",
-		"sass-loader": "^11.0.1",
-		"style-loader": "^2.0.0",
-		"webpack": "^5.23.0",
-		"webpack-cli": "^4.5.0",
-		"webpack-dev-server": "^3.11.2"
-	},
-	"peerDependencies": {
-		"@babel/runtime": "^7.12.5",
-		"formik": "^2.2.5",
-		"react": ">=16.8.0",
-		"react-dom": ">=16.8.0",
-		"react-router-dom": "^5.2.0"
-	},
-	"jest": {
-		"transformIgnorePatterns": [
-			"^.+\\.module\\.(css|sass|scss)$"
-		]
-	}
-}
+{
+  "name": "envoc-form",
+  "version": "2.0.1",
+  "description": "Envoc form components",
+  "keywords": [
+    "react-component",
+    "react",
+    "forms",
+    "components",
+    "envoc"
+  ],
+  "homepage": "",
+  "repository": "",
+  "license": "MIT",
+  "author": "Envoc Developers",
+  "sideEffects": false,
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "files": [
+    "dist",
+    "src",
+    "lib",
+    "es"
+  ],
+  "scripts": {
+    "build": "yarn verify-imports && yarn build:esm && yarn build:cjs && yarn build:css",
+    "rebuild": "rimraf ./{dist,es,lib} && yarn build",
+    "build:esm": "cross-env BABEL_ENV=esm-dir babel src --out-dir es --ignore \"src/**/*.spec.js\",\"src/**/*.test.js\"",
+    "build:css": "sass src/styles.scss dist/css/envoc-form-styles.css",
+    "build:cjs": "babel src --out-dir lib --ignore \"src/**/*.spec.js\",\"src/**/*.test.js\"",
+    "verify-imports": "node ../../scripts/check-for-scss-imports.js envoc-form",
+    "start": "webpack serve --config ./webpack.demo.config.js",
+    "test": "cross-env SKIP_PREFLIGHT_CHECK=true react-scripts test --watchAll=false",
+    "coverage": "yarn test --reporters=jest-junit --coverage --coverageReporters=cobertura"
+  },
+  "dependencies": {
+    "axios": "^0.21.1",
+    "classnames": "^2.3.1",
+    "date-fns": "^2.22.1",
+    "envoc-request": "^2.0.1",
+    "lru-cache": "^6.0.0",
+    "prop-types": "^15.7.2",
+    "react-date-picker": "^8.2.0",
+    "react-dropzone": "^11.3.4",
+    "react-router": "^5.2.0",
+    "react-select": "^3.1.1",
+    "react-textarea-autosize": "^8.3.3",
+    "react-toastify": "^7.0.4",
+    "reactstrap": "^8.9.0",
+    "smoothscroll-polyfill": "^0.4.4",
+    "uuid": "^8.3.2",
+    "@fortawesome/react-fontawesome": "~0.1.16",
+    "@fortawesome/free-solid-svg-icons": "~5.15.4",
+    "@fortawesome/fontawesome-svg-core": "~1.2.36"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.14.5",
+    "@babel/core": "^7.14.6",
+    "@babel/plugin-transform-runtime": "^7.14.5",
+    "@babel/preset-env": "^7.14.7",
+    "@babel/preset-react": "^7.14.5",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^11.2.5",
+    "@testing-library/user-event": "^12.7.1",
+    "babel-loader": "^8.2.2",
+    "bootstrap": "^4.6.0",
+    "clean-webpack-plugin": "^3.0.0",
+    "cross-env": "7.0.3",
+    "css-loader": "^5.0.2",
+    "html-webpack-plugin": "^5.3.2",
+    "identity-obj-proxy": "^3.0.0",
+    "jest-junit": "~12.2.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-router-dom": "^5.2.0",
+    "react-scripts": "^4.0.3",
+    "rimraf": "~3.0.2",
+    "sass": "^1.35.2",
+    "sass-loader": "^11.0.1",
+    "style-loader": "^2.0.0",
+    "webpack": "^5.45.0",
+    "webpack-cli": "^4.7.2",
+    "webpack-dev-server": "^3.11.2",
+    "typedoc-plugin-markdown": "~3.10.3",
+    "typedoc": "~0.21.4"
+    },
+  "peerDependencies": {
+    "@babel/runtime": "^7.14.6",
+    "formik": "^2.2.9",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "react-router-dom": "^5.2.0"
+  },
+  "jest": {
+    "transformIgnorePatterns": [
+      "^.+\\.module\\.(css|sass|scss)$"
+    ]
+  }
+}