envoc-form 3.3.2 → 3.3.3

package/README.md

@@ -5,4 +5,8 @@
 Base form package for envoc projects.
 
 [npm-badge]: https://img.shields.io/npm/v/envoc-form.png?style=flat
-[npm]: https://www.npmjs.com/package/envoc-form
+[npm]: https://www.npmjs.com/package/envoc-form
+
+## Breaking Changes from v2
+
+- Peer dependency for react-router-dom updated to v6

package/es/FormInputArray/FormInputArray.js

@@ -23,7 +23,6 @@ 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,

package/es/useStandardFormInput.js

@@ -67,7 +67,7 @@ export default function useStandardFormInput(_ref) {
       // there is a "setFieldTouched" from useFormikContext but it doesn't appear to work on field arrays
       handleBlur();
     }
-  });
+  }, [meta.touched, isSubmitting]);
   var resultMeta = Object.assign({}, meta, {
     error: getServerError(name) || (meta.touched ? meta.error : null)
   });

package/lib/useStandardFormInput.js

@@ -83,7 +83,7 @@ function useStandardFormInput(_ref) {
       // there is a "setFieldTouched" from useFormikContext but it doesn't appear to work on field arrays
       handleBlur();
     }
-  });
+  }, [meta.touched, isSubmitting]);
   var resultMeta = Object.assign({}, meta, {
     error: getServerError(name) || (meta.touched ? meta.error : null)
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "envoc-form",
-  "version": "3.3.2",
+  "version": "3.3.3",
   "description": "Envoc form components",
   "keywords": [
     "react-component",
@@ -26,7 +26,7 @@
     "axios": "^0.21.1",
     "classnames": "^2.3.1",
     "date-fns": "^2.22.1",
-    "envoc-request": "^3.3.2",
+    "envoc-request": "^3.3.3",
     "lodash": "^4.17.21",
     "lru-cache": "^6.0.0",
     "prop-types": "^15.7.2",
@@ -97,5 +97,5 @@
     "test": "cross-env SKIP_PREFLIGHT_CHECK=true react-scripts test --watchAll=false",
     "coverage": "yarn test --reporters=jest-junit --coverage --coverageReporters=cobertura"
   },
-  "readme": "# envoc-form\r\n\r\n[![npm package][npm-badge]][npm]\r\n\r\nBase form package for envoc projects.\r\n\r\n[npm-badge]: https://img.shields.io/npm/v/envoc-form.png?style=flat\r\n[npm]: https://www.npmjs.com/package/envoc-form"
+  "readme": "# envoc-form\r\n\r\n[![npm package][npm-badge]][npm]\r\n\r\nBase form package for envoc projects.\r\n\r\n[npm-badge]: https://img.shields.io/npm/v/envoc-form.png?style=flat\r\n[npm]: https://www.npmjs.com/package/envoc-form\r\n\r\n## Breaking Changes from v2\r\n\r\n- Peer dependency for react-router-dom updated to v6\r\n"
 }

package/src/FormInputArray/FormInputArray.js

@@ -2,12 +2,11 @@ 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 { 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({
   id,
@@ -32,7 +31,6 @@ export default function FormInputArray({
   inputPropsRef.current = inputProps;
   const values = inputProps.value || [];
   const length = values.length;
-
   useEffect(() => {
     return () => {
       setHasChangedLength(true);
@@ -94,12 +92,12 @@ export default function FormInputArray({
               role="listitem">
               <NestedFormFieldContext.Provider value={itemName}>
                 <div className="component">
-                <Component
-                  value={value}
-                  name={itemName}
-                  disabled={disabled}
-                  {...props}
-                />
+                  <Component
+                    value={value}
+                    name={itemName}
+                    disabled={disabled}
+                    {...props}
+                  />
                 </div>
               </NestedFormFieldContext.Provider>
               {!disabled && (
@@ -108,7 +106,7 @@ export default function FormInputArray({
                     color="link"
                     onClick={() => removeItem(index)}
                     title="Remove Item">
-                   <FontAwesomeIcon icon={faTrash} />
+                    <FontAwesomeIcon icon={faTrash} />
                   </Button>
                 </div>
               )}

package/src/useStandardFormInput.js

@@ -13,9 +13,8 @@ export default function useStandardFormInput({
   ...props
 }) {
   // because the formik errors are evaluated all at the same time we need to keep server errors separate
-  const { getError: getServerError, setError: setServerError } = useContext(
-    ServerErrorContext
-  );
+  const { getError: getServerError, setError: setServerError } =
+    useContext(ServerErrorContext);
 
   // ensure that form section values are obeyed, e.g. homeAddress.zipCode
   const parentFormFieldContext = useContext(NestedFormFieldContext);
@@ -65,7 +64,7 @@ export default function useStandardFormInput({
       // there is a "setFieldTouched" from useFormikContext but it doesn't appear to work on field arrays
       handleBlur();
     }
-  });
+  }, [meta.touched, isSubmitting]);
 
   const resultMeta = Object.assign({}, meta, {
     error: getServerError(name) || (meta.touched ? meta.error : null),