@performant-software/semantic-components 1.0.4-beta.2 → 1.0.4-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/semantic-components",
-  "version": "1.0.4-beta.2",
+  "version": "1.0.4-beta.3",
   "description": "A package of shared components based on the Semantic UI Framework.",
   "license": "MIT",
   "main": "./build/index.js",
@@ -12,7 +12,7 @@
     "build": "webpack --mode production && flow-copy-source -v src types"
   },
   "dependencies": {
-    "@performant-software/shared-components": "^1.0.4-beta.2",
+    "@performant-software/shared-components": "^1.0.4-beta.3",
     "@react-google-maps/api": "^2.8.1",
     "axios": "^0.26.1",
     "citeproc": "^2.4.62",

package/src/components/FileUploadModal.js

@@ -256,22 +256,27 @@ const FileUploadModal: ComponentType<any> = (props: Props) => {
   const onValidate = useCallback(() => new Promise((resolve, reject) => {
     let error = false;
 
-    setItems((prevItems) => _.map(prevItems, (item) => {
-      const valid = validateItem(item);
+    // Validate each item
+    const newItems = _.map(items, (item) => {
+      const newItem = validateItem(item);
 
-      if (!_.isEmpty(item.errors)) {
+      if (!_.isEmpty(newItem.errors)) {
         error = true;
       }
 
-      return valid;
-    }));
+      return newItem;
+    });
+
+    // Set the new items on the state
+    setItems(newItems);
 
+    // Reject or resolve the promise
     if (error) {
       reject();
     } else {
       resolve();
     }
-  }), []);
+  }), [items]);
 
   /**
    * Updates the passed item with the passed props.

package/types/components/FileUploadModal.js.flow

@@ -256,22 +256,27 @@ const FileUploadModal: ComponentType<any> = (props: Props) => {
   const onValidate = useCallback(() => new Promise((resolve, reject) => {
     let error = false;
 
-    setItems((prevItems) => _.map(prevItems, (item) => {
-      const valid = validateItem(item);
+    // Validate each item
+    const newItems = _.map(items, (item) => {
+      const newItem = validateItem(item);
 
-      if (!_.isEmpty(item.errors)) {
+      if (!_.isEmpty(newItem.errors)) {
         error = true;
       }
 
-      return valid;
-    }));
+      return newItem;
+    });
+
+    // Set the new items on the state
+    setItems(newItems);
 
+    // Reject or resolve the promise
     if (error) {
       reject();
     } else {
       resolve();
     }
-  }), []);
+  }), [items]);
 
   /**
    * Updates the passed item with the passed props.