Fix FileInputField not resetting properly (#627)

Fix `FileInputField` not resetting properly on `reset` event inside of a form

Author: atmelmicro

src/components/FileInputField/FileInputField.jsx

@@ -1,5 +1,7 @@
 import PropTypes from 'prop-types';
 import React, {
+  useCallback,
+  useEffect,
   useContext,
   useImperativeHandle,
   useRef,
@@ -99,6 +101,30 @@ export const FileInputField = React.forwardRef((props, ref) => {
     }
   };
 
+  const handleReset = useCallback((event) => {
+    setSelectedFileNames([]);
+    onFilesChanged([], event);
+  }, [onFilesChanged]);
+
+  useEffect(() => {
+    const inputEl = internalInputRef.current;
+    if (!inputEl) {
+      return;
+    }
+
+    const { form } = inputEl;
+    if (!form) {
+      return;
+    }
+
+    form.addEventListener('reset', handleReset);
+
+    // eslint-disable-next-line consistent-return
+    return () => {
+      form.removeEventListener('reset', handleReset);
+    };
+  }, [handleReset]);
+
   return (
     <div
       className={classNames(