@performant-software/semantic-components 1.0.4-beta.6 → 1.0.4-beta.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/semantic-components",
-  "version": "1.0.4-beta.6",
+  "version": "1.0.4-beta.7",
   "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.6",
+    "@performant-software/shared-components": "^1.0.4-beta.7",
     "@react-google-maps/api": "^2.8.1",
     "axios": "^0.26.1",
     "citeproc": "^2.4.62",

package/src/components/FileUploadModal.js

@@ -96,7 +96,9 @@ const FileUploadModal: ComponentType<any> = (props: Props) => {
    * Sets the <code>hasUploadErrors</code> value to <code>true</code> if at least one file uploaded with
    * an error status.
    */
-  const hasUploaderErrors = useMemo(() => _.find(_.values(statuses), (status) => status === Status.error), [statuses]);
+  const hasUploadErrors = useMemo(() => (
+    !!_.find(_.values(statuses), (status) => status === Status.error)
+  ), [statuses]);
 
   /**
    * Calls the <code>onAddFile</code> prop for each item in the passed collection of files and adds them
@@ -375,7 +377,7 @@ const FileUploadModal: ComponentType<any> = (props: Props) => {
                 </Message.List>
               </Message>
             )}
-            { hasUploaderErrors && (
+            { hasUploadErrors && (
               <Message
                 content={i18n.t('FileUploadModal.errors.upload.content')}
                 header={i18n.t('FileUploadModal.errors.upload.header')}
@@ -404,7 +406,7 @@ const FileUploadModal: ComponentType<any> = (props: Props) => {
                 >
                   { props.strategy === Strategy.single && (
                     <FileUploadStatus
-                      status={item.status}
+                      status={statuses[index]}
                     />
                   )}
                 </UploadItem>

package/types/components/FileUploadModal.js.flow

@@ -96,7 +96,9 @@ const FileUploadModal: ComponentType<any> = (props: Props) => {
    * Sets the <code>hasUploadErrors</code> value to <code>true</code> if at least one file uploaded with
    * an error status.
    */
-  const hasUploaderErrors = useMemo(() => _.find(_.values(statuses), (status) => status === Status.error), [statuses]);
+  const hasUploadErrors = useMemo(() => (
+    !!_.find(_.values(statuses), (status) => status === Status.error)
+  ), [statuses]);
 
   /**
    * Calls the <code>onAddFile</code> prop for each item in the passed collection of files and adds them
@@ -375,7 +377,7 @@ const FileUploadModal: ComponentType<any> = (props: Props) => {
                 </Message.List>
               </Message>
             )}
-            { hasUploaderErrors && (
+            { hasUploadErrors && (
               <Message
                 content={i18n.t('FileUploadModal.errors.upload.content')}
                 header={i18n.t('FileUploadModal.errors.upload.header')}
@@ -404,7 +406,7 @@ const FileUploadModal: ComponentType<any> = (props: Props) => {
                 >
                   { props.strategy === Strategy.single && (
                     <FileUploadStatus
-                      status={item.status}
+                      status={statuses[index]}
                     />
                   )}
                 </UploadItem>