envoc-form 2.0.1-1 → 2.0.1-13

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/utils/index.js

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

package/lib/utils/objectContainsNonSerializableProperty.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = objectContainsNonSerializableProperty;
+
+var _typeChecks = require("./typeChecks");
+
+function objectContainsNonSerializableProperty(object) {
+  return Object.entries(object).some(function (value) {
+    if (value) {
+      if ((0, _typeChecks.isBlob)(value[1]) || (0, _typeChecks.isFile)(value[1])) {
+        return true;
+      }
+
+      if ((0, _typeChecks.isObject)(value[1])) {
+        return objectContainsNonSerializableProperty(value[1]);
+      }
+    }
+
+    return false;
+  });
+}

package/lib/utils/objectToFormData.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _typeChecks = require("./typeChecks");
+
+// 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
+var serialize = function serialize(obj, cfg, fd, pre) {
+  cfg = cfg || {};
+  cfg.indices = (0, _typeChecks.isUndefined)(cfg.indices) ? false : cfg.indices;
+  cfg.nullsAsUndefineds = (0, _typeChecks.isUndefined)(cfg.nullsAsUndefineds) ? false : cfg.nullsAsUndefineds;
+  cfg.booleansAsIntegers = (0, _typeChecks.isUndefined)(cfg.booleansAsIntegers) ? false : cfg.booleansAsIntegers;
+  cfg.allowEmptyArrays = (0, _typeChecks.isUndefined)(cfg.allowEmptyArrays) ? false : cfg.allowEmptyArrays; //reverse of normal because we want a different default
+
+  cfg.dotNotation = (0, _typeChecks.isUndefined)(cfg.dotNotation) ? true : cfg.dotNotation;
+  fd = fd || new FormData();
+
+  if ((0, _typeChecks.isUndefined)(obj)) {
+    return fd;
+  } else if ((0, _typeChecks.isNull)(obj)) {
+    if (!cfg.nullsAsUndefineds) {
+      fd.append(pre, '');
+    }
+  } else if ((0, _typeChecks.isBoolean)(obj)) {
+    if (cfg.booleansAsIntegers) {
+      fd.append(pre, obj ? 1 : 0);
+    } else {
+      fd.append(pre, obj);
+    }
+  } else if ((0, _typeChecks.isArray)(obj)) {
+    if (obj.length) {
+      obj.forEach(function (value, index) {
+        var key;
+
+        if (cfg.noFileListBrackets && (0, _typeChecks.isFile)(value)) {
+          key = pre;
+        } else {
+          key = pre + '[' + (cfg.indices ? index : '') + ']';
+        }
+
+        serialize(value, cfg, fd, key);
+      });
+    } else if (cfg.allowEmptyArrays) {
+      fd.append(pre + '[]', '');
+    }
+  } else if ((0, _typeChecks.isDate)(obj)) {
+    fd.append(pre, obj.toISOString());
+  } else if ((0, _typeChecks.isObject)(obj) && !(0, _typeChecks.isFile)(obj) && !(0, _typeChecks.isBlob)(obj)) {
+    Object.keys(obj).forEach(function (prop) {
+      var value = obj[prop];
+
+      if ((0, _typeChecks.isArray)(value)) {
+        while (prop.length > 2 && prop.lastIndexOf('[]') === prop.length - 2) {
+          prop = prop.substring(0, prop.length - 2);
+        }
+      }
+
+      var key = pre ? cfg.dotNotation ? pre + '.' + prop : pre + '[' + prop + ']' : prop;
+      serialize(value, cfg, fd, key);
+    });
+  } else {
+    fd.append(pre, obj);
+  }
+
+  return fd;
+};
+
+var _default = serialize;
+exports["default"] = _default;

package/lib/utils/typeChecks.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isFile = exports.isBlob = exports.isDate = exports.isArray = exports.isObject = exports.isBoolean = exports.isNull = exports.isUndefined = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var isUndefined = function isUndefined(value) {
+  return value === undefined;
+};
+
+exports.isUndefined = isUndefined;
+
+var isNull = function isNull(value) {
+  return value === null;
+};
+
+exports.isNull = isNull;
+
+var isBoolean = function isBoolean(value) {
+  return typeof value === 'boolean';
+};
+
+exports.isBoolean = isBoolean;
+
+var isObject = function isObject(value) {
+  return value === Object(value);
+};
+
+exports.isObject = isObject;
+
+var isArray = function isArray(value) {
+  return Array.isArray(value);
+};
+
+exports.isArray = isArray;
+
+var isDate = function isDate(value) {
+  return value instanceof Date;
+};
+
+exports.isDate = isDate;
+
+var isBlob = function isBlob(value) {
+  return value && typeof value.size === 'number' && typeof value.type === 'string' && typeof value.slice === 'function';
+};
+
+exports.isBlob = isBlob;
+
+var isFile = function isFile(value) {
+  return isBlob(value) && typeof value.name === 'string' && ((0, _typeof2["default"])(value.lastModifiedDate) === 'object' || typeof value.lastModified === 'number');
+};
+
+exports.isFile = isFile;

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,90 +1,99 @@
-{
-	"name": "envoc-form",
-	"version": "2.0.1-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 build:esm && yarn build:cjs & yarn build:css",
-		"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-dev-server --config ./webpack.demo.config.js --watch",
-		"test": "cross-env SKIP_PREFLIGHT_CHECK=true react-scripts test --env=jsdom-fourteen --watchAll=false",
-		"coverage": "yarn test --reporters=jest-junit --coverage --coverageReporters=cobertura"
-	},
-	"dependencies": {
-		"axios": "^0.20.0",
-		"classnames": "^2.2.6",
-		"date-fns": "^2.16.1",
-		"envoc-request": "^2.0.1-1",
-		"formik": "^2.1.5",
-		"lru-cache": "^6.0.0",
-		"prop-types": "^15.7.2",
-		"react-date-picker": "^8.0.3",
-		"react-router": "^5.2.0",
-		"react-select": "^3.1.0",
-		"react-textarea-autosize": "^8.2.0",
-		"react-toastify": "^6.0.8",
-		"reactstrap": "^8.6.0",
-		"smoothscroll-polyfill": "^0.4.4",
-		"uuid": "^8.3.0"
-	},
-	"devDependencies": {
-		"@babel/cli": "^7.11.6",
-		"@babel/core": "^7.11.6",
-		"@babel/plugin-transform-runtime": "^7.11.5",
-		"@babel/preset-env": "^7.11.5",
-		"@babel/preset-react": "^7.10.4",
-		"babel-loader": "^8.1.0",
-		"bootstrap": "^4.5.2",
-		"clean-webpack-plugin": "^3.0.0",
-		"cross-env": "7.0.2",
-		"css-loader": "^4.3.0",
-		"html-webpack-plugin": "^4.4.1",
-		"identity-obj-proxy": "^3.0.0",
-		"react": "^16.13.1",
-		"react-dom": "^16.13.1",
-		"react-router-dom": "^5.2.0",
-		"sass": "^1.26.11",
-		"sass-loader": "^10.0.2",
-		"style-loader": "^1.2.1",
-		"webpack": "^4.44.2",
-		"webpack-cli": "^3.3.12",
-		"webpack-dev-server": "^3.11.0",
-		"react-scripts": "^3.4.3",
-		"@testing-library/react": "^11.0.4",
-		"@testing-library/jest-dom": "^5.11.4",
-		"@testing-library/user-event": "^12.1.6",
-		"jest-junit": "~11.1.0"
-	},
-	"peerDependencies": {
-		"@babel/runtime": "^7.11.2",
-		"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-13",
+  "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-13",
+    "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)$"
+    ]
+  }
+}