From be1c21c69860e1504e325bc3f8d22a50800a9cd5 Mon Sep 17 00:00:00 2001
From: Anders <anderslangseth@gmail.com>
Date: Fri, 13 Dec 2024 15:40:20 +0100
Subject: [PATCH] feat(Value.Upload): add async `onFileClick` event (#4397)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Tobias Høegh <tobias@tujo.no>
---
 .../forms/Value/Upload/Examples.tsx           | 109 +++++++++++-
 .../extensions/forms/Value/Upload/demos.mdx   |   5 +
 .../components/upload/UploadFileListCell.tsx  |  68 ++++----
 .../components/upload/UploadFileListLink.tsx  |   1 +
 .../extensions/forms/Value/Upload/Upload.tsx  | 112 +++++++------
 .../__tests__/Upload.screenshot.test.ts       |  26 ++-
 .../Value/Upload/__tests__/Upload.test.tsx    |  50 +++++-
 ...abel-and-value-with-on-file-click.snap.png | Bin 0 -> 8988 bytes
 ...oad-have-to-match-label-and-value.snap.png | Bin 0 -> 8599 bytes
 ...have-to-match-list-upload-inline.snap.png} | Bin
 ...-to-match-list-with-on-file-click.snap.png | Bin 0 -> 24315 bytes
 ...> valueupload-have-to-match-list.snap.png} | Bin
 .../Value/Upload/stories/Upload.stories.tsx   | 156 +++++++++++-------
 .../Value/Upload/style/dnb-value-upload.scss  |   8 +
 .../forms/Value/Upload/style/index.ts         |   6 +
 .../forms/ValueBlock/style/index.ts           |   2 +-
 .../dnb-eufemia/src/style/dnb-ui-forms.scss   |   1 +
 17 files changed, 398 insertions(+), 146 deletions(-)
 create mode 100644 packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-match-label-and-value-with-on-file-click.snap.png
 create mode 100644 packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-match-label-and-value.snap.png
 rename packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/{valueupload-have-to-list-upload-inline.snap.png => valueupload-have-to-match-list-upload-inline.snap.png} (100%)
 create mode 100644 packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-match-list-with-on-file-click.snap.png
 rename packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/{valueupload-have-to-list-upload-value.snap.png => valueupload-have-to-match-list.snap.png} (100%)
 create mode 100644 packages/dnb-eufemia/src/extensions/forms/Value/Upload/style/dnb-value-upload.scss
 create mode 100644 packages/dnb-eufemia/src/extensions/forms/Value/Upload/style/index.ts

diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Value/Upload/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Value/Upload/Examples.tsx
index e77ff37b67d..529e0f109dc 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Value/Upload/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Value/Upload/Examples.tsx
@@ -1,6 +1,7 @@
 import ComponentBox from '../../../../../../shared/tags/ComponentBox'
 import { Form, Value, Field } from '@dnb/eufemia/src/extensions/forms'
 import { Flex, Span } from '@dnb/eufemia/src'
+import { createRequest } from '../../Form/SubmitIndicator/Examples'
 import { createMockFile } from '../../../../../../docs/uilib/components/upload/Examples'
 
 export const Placeholder = () => {
@@ -152,7 +153,11 @@ export const Label = () => {
 
 export const LabelAndValue = () => {
   return (
-    <ComponentBox hideCode scope={{ createMockFile }}>
+    <ComponentBox
+      hideCode
+      scope={{ createMockFile }}
+      data-visual-test="upload-value-label-and-value"
+    >
       <Value.Upload
         label="Label text"
         value={[
@@ -172,6 +177,36 @@ export const LabelAndValue = () => {
   )
 }
 
+export const LabelAndValueOnFileClick = () => {
+  return (
+    <ComponentBox
+      hideCode
+      scope={{ createMockFile }}
+      data-visual-test="upload-value-label-and-value-on-file-click"
+    >
+      <Value.Upload
+        onFileClick={() => {
+          console.log('Clicked on file')
+        }}
+        label="Label text"
+        value={[
+          {
+            file: createMockFile('fileName-1.png', 1000000, 'image/png'),
+            exists: false,
+            id: '1',
+          },
+          {
+            file: createMockFile('fileName-2.png', 2000000, 'image/png'),
+            exists: false,
+            isLoading: true,
+            id: '2',
+          },
+        ]}
+      />
+    </ComponentBox>
+  )
+}
+
 export const Inline = () => {
   return (
     <ComponentBox
@@ -255,6 +290,68 @@ export const ListVariants = () => {
   )
 }
 
+export const ListVariantsOnFileClick = () => {
+  return (
+    <ComponentBox
+      scope={{ createMockFile }}
+      data-visual-test="upload-value-lists-on-file-click"
+      hideCode
+    >
+      <Value.Upload
+        onFileClick={() => {
+          console.log('Clicked on file')
+        }}
+        value={[
+          {
+            file: createMockFile('fileName-1.png', 1000000, 'image/png'),
+            exists: false,
+            isLoading: true,
+            id: '1',
+          },
+          {
+            file: createMockFile('fileName-2.png', 2000000, 'image/png'),
+            exists: false,
+            id: '2',
+          },
+          {
+            file: createMockFile('fileName-3.png', 3000000, 'image/png'),
+            exists: false,
+            id: '3',
+          },
+        ]}
+        label="Ordered List"
+        variant="ol"
+      />
+      <Value.Upload
+        onFileClick={() => {
+          console.log('Clicked on file')
+        }}
+        value={[
+          {
+            file: createMockFile('fileName-1.png', 1000000, 'image/png'),
+            exists: false,
+            id: '1',
+          },
+          {
+            file: createMockFile('fileName-2.png', 2000000, 'image/png'),
+            exists: false,
+            id: '2',
+            isLoading: true,
+          },
+          {
+            file: createMockFile('fileName-3.png', 3000000, 'image/png'),
+            exists: false,
+            id: '3',
+            isLoading: true,
+          },
+        ]}
+        label="Unordered List"
+        variant="ul"
+      />
+    </ComponentBox>
+  )
+}
+
 export const ListTypes = () => {
   return (
     <ComponentBox scope={{ createMockFile }} hideCode>
@@ -396,7 +493,7 @@ export const ListTypes = () => {
 
 export const OnFileClick = () => {
   return (
-    <ComponentBox hideCode scope={{ createMockFile }}>
+    <ComponentBox scope={{ createMockFile, createRequest }}>
       <Value.Upload
         label="Label text"
         value={[
@@ -411,7 +508,13 @@ export const OnFileClick = () => {
             id: '2',
           },
         ]}
-        onFileClick={({ fileItem }) => {
+        onFileClick={async ({ fileItem }) => {
+          const request = createRequest()
+          console.log(
+            'making API request to fetch the url of the file: ' +
+              fileItem.file.name,
+          )
+          await request(2000) // Simulate a request
           window.open(
             'https://eufemia.dnb.no/images/avatars/' + fileItem.file.name,
             '_blank',
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Value/Upload/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Value/Upload/demos.mdx
index 0ea47024a75..023e79d3970 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Value/Upload/demos.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Value/Upload/demos.mdx
@@ -53,3 +53,8 @@ import * as Examples from './Examples'
 ### Using `onFileClick`
 
 <Examples.OnFileClick />
+
+<VisibleWhenVisualTest>
+  <Examples.LabelAndValueOnFileClick />
+  <Examples.ListVariantsOnFileClick />
+</VisibleWhenVisualTest>
diff --git a/packages/dnb-eufemia/src/components/upload/UploadFileListCell.tsx b/packages/dnb-eufemia/src/components/upload/UploadFileListCell.tsx
index 78cd45065d1..6f0b787eea9 100644
--- a/packages/dnb-eufemia/src/components/upload/UploadFileListCell.tsx
+++ b/packages/dnb-eufemia/src/components/upload/UploadFileListCell.tsx
@@ -29,6 +29,7 @@ import { getPreviousSibling } from '../../shared/component-helper'
 import useUpload from './useUpload'
 import { getFileTypeFromExtension } from './UploadVerify'
 import UploadFileLink from './UploadFileListLink'
+import { ProgressIndicatorAllProps } from '../progress-indicator/types'
 
 // Will be deprecated - and then default to only showing the file icon,
 // and not file icon per file extension type
@@ -90,8 +91,6 @@ const UploadFileListCell = ({
   const { file, errorMessage, isLoading } = uploadFile
   const hasWarning = errorMessage != null
 
-  const fileType = getFileTypeFromExtension(file)
-
   const imageUrl = URL.createObjectURL(file)
   const cellRef = useRef<HTMLLIElement>()
   const exists = useExistsHighlight(id, file)
@@ -122,7 +121,7 @@ const UploadFileListCell = ({
     >
       <div className="dnb-upload__file-cell__content">
         <div className="dnb-upload__file-cell__content__left">
-          {getIcon()}
+          {getFileIcon(file, { isLoading }, hasWarning)}
           {getTitle()}
         </div>
         <div>
@@ -142,34 +141,6 @@ const UploadFileListCell = ({
     </li>
   )
 
-  function getIcon() {
-    if (isLoading) {
-      return <ProgressIndicator />
-    }
-
-    if (hasWarning) return <Icon icon={ExclamationIcon} />
-
-    let iconFileType = fileType
-
-    if (!iconFileType) {
-      const mimeParts = file.type.split('/')
-      iconFileType =
-        fileExtensionImages[mimeParts[0]] ||
-        fileExtensionImages[mimeParts[1]]
-    }
-
-    if (
-      !Object.prototype.hasOwnProperty.call(
-        fileExtensionImages,
-        iconFileType
-      )
-    ) {
-      iconFileType = 'file'
-    }
-
-    return <Icon icon={fileExtensionImages[iconFileType]} />
-  }
-
   function getTitle() {
     return isLoading ? (
       <div
@@ -226,3 +197,38 @@ function useExistsHighlight(id: string, file: File) {
 
   return exists
 }
+
+export function getFileIcon(
+  file: File,
+  loading?: {
+    isLoading: UploadFile['isLoading']
+    size?: ProgressIndicatorAllProps['size']
+  },
+  hasWarning?: boolean
+) {
+  if (loading?.isLoading) {
+    return <ProgressIndicator size={loading?.size ?? 'default'} />
+  }
+
+  if (hasWarning) return <Icon icon={ExclamationIcon} />
+
+  let iconFileType = getFileTypeFromExtension(file)
+
+  if (!iconFileType) {
+    const mimeParts = file.type.split('/')
+    iconFileType =
+      fileExtensionImages[mimeParts[0]] ||
+      fileExtensionImages[mimeParts[1]]
+  }
+
+  if (
+    !Object.prototype.hasOwnProperty.call(
+      fileExtensionImages,
+      iconFileType
+    )
+  ) {
+    iconFileType = 'file'
+  }
+
+  return <Icon icon={fileExtensionImages[iconFileType]} />
+}
diff --git a/packages/dnb-eufemia/src/components/upload/UploadFileListLink.tsx b/packages/dnb-eufemia/src/components/upload/UploadFileListLink.tsx
index 9a96178d4ca..015ed24284a 100644
--- a/packages/dnb-eufemia/src/components/upload/UploadFileListLink.tsx
+++ b/packages/dnb-eufemia/src/components/upload/UploadFileListLink.tsx
@@ -36,6 +36,7 @@ const UploadFileButton = (props: UploadFileButtonProps) => {
   const spacingClasses = createSpacingClasses(props)
   return (
     <Button
+      size="small"
       icon={false}
       variant="tertiary"
       onClick={onClick}
diff --git a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/Upload.tsx b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/Upload.tsx
index ff0cb78f6a7..b6230b80d05 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/Upload.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/Upload.tsx
@@ -1,21 +1,18 @@
-import React, { useMemo } from 'react'
+import React, { useMemo, useState } from 'react'
 import classnames from 'classnames'
 import { useValueProps } from '../../hooks'
 import { ValueProps } from '../../types'
 import ValueBlock from '../../ValueBlock'
-import Icon from '../../../../components/Icon'
 import ListFormat, {
   ListFormatProps,
 } from '../../../../components/list-format'
 import type { UploadFile } from '../../../../components/upload/types'
-import { fileExtensionImages } from '../../../../components/upload/UploadFileListCell'
-import {
-  BYTES_IN_A_MEGA_BYTE,
-  getFileTypeFromExtension,
-} from '../../../../components/upload/UploadVerify'
+import { getFileIcon } from '../../../../components/upload/UploadFileListCell'
+import { BYTES_IN_A_MEGA_BYTE } from '../../../../components/upload/UploadVerify'
 import { Props as FieldUploadProps } from '../../Field/Upload/Upload'
 import { format } from '../../../../components/number-format/NumberUtils'
 import { UploadFileLink } from '../../../../components/upload/UploadFileListLink'
+import { isAsync } from '../../../../shared/helpers/isAsync'
 
 export type Props = ValueProps<Array<UploadFile>> &
   Omit<ListFormatProps, 'value'> &
@@ -40,33 +37,18 @@ function Upload(props: Props) {
   const list = useMemo(() => {
     const valueToUse =
       value?.map((uploadFile, index) => {
-        const { file } = uploadFile || {}
-        if (!file) {
+        if (!uploadFile) {
           return
         }
-        const onFileClickHandler = () => {
-          if (typeof onFileClick === 'function') {
-            onFileClick({ fileItem: uploadFile })
-          }
-        }
-
-        const imageUrl = URL.createObjectURL(file)
-
-        const text =
-          file.name + (displaySize ? ' ' + getSize(file.size) : '')
 
         return (
-          <span key={index}>
-            {getIcon(file)}
-
-            <UploadFileLink
-              left="x-small"
-              text={text}
-              href={imageUrl}
-              download={download}
-              onClick={onFileClick && onFileClickHandler}
-            />
-          </span>
+          <UploadFileItem
+            key={index}
+            uploadFile={uploadFile}
+            download={download}
+            displaySize={displaySize}
+            onFileClick={onFileClick}
+          />
         )
       }) || undefined
 
@@ -103,32 +85,60 @@ function getSize(size: number) {
   })} MB)`
 }
 
-function getIcon(file: File) {
+Upload._supportsSpacingProps = true
+export default Upload
+
+function UploadFileItem(
+  props: { uploadFile: UploadFile } & Pick<
+    Props,
+    'download' | 'onFileClick' | 'displaySize'
+  >
+) {
+  const {
+    uploadFile,
+    download = false,
+    displaySize = false,
+    onFileClick,
+  } = props
+
+  const [loading, setLoading] = useState(false)
+
+  const { file, isLoading: fileIsLoading } = uploadFile || {}
+
   if (!file) {
-    return
+    return null
   }
-  const fileType = getFileTypeFromExtension(file)
 
-  let iconFileType = fileType
-
-  if (!iconFileType) {
-    const mimeParts = file.type.split('/')
-    iconFileType =
-      fileExtensionImages[mimeParts[0]] ||
-      fileExtensionImages[mimeParts[1]]
+  const handleFileClickAsync = async (uploadFile: UploadFile) => {
+    setLoading(true)
+    await onFileClick({ fileItem: uploadFile })
+    setLoading(false)
   }
 
-  if (
-    !Object.prototype.hasOwnProperty.call(
-      fileExtensionImages,
-      iconFileType
-    )
-  ) {
-    iconFileType = 'file'
+  const onFileClickHandler = async () => {
+    if (typeof onFileClick === 'function') {
+      if (isAsync(onFileClick)) {
+        handleFileClickAsync(uploadFile)
+      } else {
+        onFileClick({ fileItem: uploadFile })
+      }
+    }
   }
 
-  return <Icon icon={fileExtensionImages[iconFileType]} />
-}
+  const imageUrl = URL.createObjectURL(file)
 
-Upload._supportsSpacingProps = true
-export default Upload
+  const text = file.name + (displaySize ? ' ' + getSize(file.size) : '')
+  const isLoading = fileIsLoading || loading
+  return (
+    <span className="dnb-forms-value-upload__item">
+      {getFileIcon(file, { isLoading, size: 'medium' }, false)}
+      <UploadFileLink
+        left="x-small"
+        text={text}
+        href={imageUrl}
+        download={download}
+        onClick={onFileClick && onFileClickHandler}
+      />
+    </span>
+  )
+}
diff --git a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/Upload.screenshot.test.ts b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/Upload.screenshot.test.ts
index 410e3b7a300..62a07ad84c5 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/Upload.screenshot.test.ts
+++ b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/Upload.screenshot.test.ts
@@ -22,17 +22,39 @@ describe('Value.Upload', () => {
     expect(screenshot).toMatchImageSnapshot()
   })
 
-  it('have to list upload inline', async () => {
+  it('have to match list upload inline', async () => {
     const screenshot = await makeScreenshot({
       selector: '[data-visual-test="upload-value-inline"]',
     })
     expect(screenshot).toMatchImageSnapshot()
   })
 
-  it('have to list upload value', async () => {
+  it('have to match label and value', async () => {
+    const screenshot = await makeScreenshot({
+      selector: '[data-visual-test="upload-value-label-and-value"]',
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
+
+  it('have to match label and value with on file click', async () => {
+    const screenshot = await makeScreenshot({
+      selector:
+        '[data-visual-test="upload-value-label-and-value-on-file-click"]',
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
+
+  it('have to match list', async () => {
     const screenshot = await makeScreenshot({
       selector: '[data-visual-test="upload-value-lists"]',
     })
     expect(screenshot).toMatchImageSnapshot()
   })
+
+  it('have to match list with on file click', async () => {
+    const screenshot = await makeScreenshot({
+      selector: '[data-visual-test="upload-value-lists-on-file-click"]',
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/Upload.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/Upload.test.tsx
index 3840bf114d2..00979aa7b22 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/Upload.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/Upload.test.tsx
@@ -1,7 +1,8 @@
 import React from 'react'
-import { screen, render, fireEvent } from '@testing-library/react'
+import { screen, render, fireEvent, waitFor } from '@testing-library/react'
 import { Value, Form } from '../../..'
 import { createMockFile } from '../../../../../components/upload/__tests__/testHelpers'
+import { wait } from '../../../../../core/jest/jestSetup'
 
 global.URL.createObjectURL = jest.fn(() => 'url')
 
@@ -363,6 +364,53 @@ describe('Value.Upload', () => {
       expect(onFileClick).toHaveBeenCalledTimes(1)
     })
 
+    it('should display spinner when async onFileClick event', async () => {
+      const onFileClick = jest.fn(async () => {
+        await wait(1)
+      })
+
+      render(
+        <Value.Upload
+          onFileClick={onFileClick}
+          value={[
+            {
+              file: createMockFile('fileName', 100, 'image/png'),
+              exists: false,
+              id: '1',
+            },
+          ]}
+        />
+      )
+
+      const buttonElement = document.querySelector('.dnb-button')
+
+      await waitFor(() => {
+        fireEvent.click(buttonElement)
+        expect(
+          document.querySelector('.dnb-progress-indicator')
+        ).toBeInTheDocument()
+      })
+    })
+
+    it('should display spinner when file is loading', async () => {
+      render(
+        <Value.Upload
+          value={[
+            {
+              file: createMockFile('fileName', 100, 'image/png'),
+              exists: false,
+              id: '1',
+              isLoading: true,
+            },
+          ]}
+        />
+      )
+
+      expect(
+        document.querySelector('.dnb-progress-indicator')
+      ).toBeInTheDocument()
+    })
+
     it('renders the anchor href', () => {
       const fileName = 'file.png'
       const mockUrl = 'mock-url'
diff --git a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-match-label-and-value-with-on-file-click.snap.png b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-match-label-and-value-with-on-file-click.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..b923af14503594b1b3f8ee0b9bc19f0b184a4e59
GIT binary patch
literal 8988
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

literal 0
HcmV?d00001

diff --git a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-match-label-and-value.snap.png b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-match-label-and-value.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..e44bbe491832a816ec0545cfffb320741e4492a7
GIT binary patch
literal 8599
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
a?v}LLL3SqLcwiC>^HW#WQL0d|3jZ(Mauc`!

literal 0
HcmV?d00001

diff --git a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-list-upload-inline.snap.png b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-match-list-upload-inline.snap.png
similarity index 100%
rename from packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-list-upload-inline.snap.png
rename to packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-match-list-upload-inline.snap.png
diff --git a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-match-list-with-on-file-click.snap.png b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-match-list-with-on-file-click.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..53e3428ac044e2749c524838e44334f5dd753f34
GIT binary patch
literal 24315
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
IO5l6{1C=00@c;k-

literal 0
HcmV?d00001

diff --git a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-list-upload-value.snap.png b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-match-list.snap.png
similarity index 100%
rename from packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-list-upload-value.snap.png
rename to packages/dnb-eufemia/src/extensions/forms/Value/Upload/__tests__/__image_snapshots__/valueupload-have-to-match-list.snap.png
diff --git a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/stories/Upload.stories.tsx b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/stories/Upload.stories.tsx
index 51ba2b143b9..98bcb20caa5 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/stories/Upload.stories.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/stories/Upload.stories.tsx
@@ -1,3 +1,4 @@
+import { createRequest } from '../../../Form/Handler/stories/FormHandler.stories'
 import { Form, Value } from '../../..'
 import { P } from '../../../../../elements'
 
@@ -15,13 +16,26 @@ function createMockFile(name: string, size: number, type: string) {
   return file
 }
 
+async function mockAsyncFileFetching({ fileItem }) {
+  const request = createRequest()
+  console.log(
+    'making API request to fetch the url of the file: ' +
+      fileItem.file.name
+  )
+  await request(3000) // Simulate a request
+  window.open(
+    'https://eufemia.dnb.no/images/avatars/' + fileItem.file.name,
+    '_blank'
+  )
+}
+
 export function Upload() {
   return (
-    <Form.Handler
-      data={{
-        foo: 'John',
-        bar: 'Doe',
-        baz: [
+    <>
+      <Value.Upload
+        onFileClick={mockAsyncFileFetching}
+        label="Upload"
+        value={[
           {
             file: createMockFile('fileName-1.png', 1000000, 'image/png'),
             exists: false,
@@ -37,57 +51,85 @@ export function Upload() {
             exists: false,
             id: '3',
           },
-        ],
-        what: ['Foo', 'Bar', 'Baz'],
-      }}
-    >
-      <Form.Card>
-        <P>layout="grid"</P>
-        <Value.SummaryList
-          layout="grid"
-          transformLabel={(label: string) => label.toUpperCase()}
-        >
-          <Value.String label="foo" path="/foo" />
-          <Value.String label="bar" path="/bar" />
-          <Value.Upload label="baz" path="/baz" />
-          <Value.ArraySelection label="what" path="/what" />
-        </Value.SummaryList>
-      </Form.Card>
-      <Form.Card>
-        <P>layout="horizontal"</P>
-        <Value.SummaryList
-          layout="horizontal"
-          transformLabel={(label: string) => label.toUpperCase()}
-        >
-          <Value.String label="foo" path="/foo" />
-          <Value.String label="bar" path="/bar" />
-          <Value.Upload label="baz" path="/baz" />
-          <Value.ArraySelection label="what" path="/what" />
-        </Value.SummaryList>
-      </Form.Card>
-      <Form.Card>
-        <P>layout="vertical"</P>
-        <Value.SummaryList
-          layout="vertical"
-          transformLabel={(label: string) => label.toUpperCase()}
-        >
-          <Value.String label="foo" path="/foo" />
-          <Value.String label="bar" path="/bar" />
-          <Value.Upload label="baz" path="/baz" />
-          <Value.ArraySelection label="what" path="/what" />
-        </Value.SummaryList>
-      </Form.Card>
-      <Form.Card>
-        <P>empty values</P>
-        <Value.SummaryList
-          transformLabel={(label: string) => label.toUpperCase()}
-        >
-          <Value.String label="foo" />
-          <Value.String label="bar" />
-          <Value.Upload label="baz" />
-          <Value.ArraySelection label="what" />
-        </Value.SummaryList>
-      </Form.Card>
-    </Form.Handler>
+          {
+            file: createMockFile('fileName-4.png', 4000000, 'image/png'),
+            exists: false,
+            id: '4',
+          },
+        ]}
+      />
+      <Form.Handler
+        data={{
+          foo: 'John',
+          bar: 'Doe',
+          baz: [
+            {
+              file: createMockFile('fileName-1.png', 1000000, 'image/png'),
+              exists: false,
+              id: '1',
+            },
+            {
+              file: createMockFile('fileName-2.png', 2000000, 'image/png'),
+              exists: false,
+              id: '2',
+            },
+            {
+              file: createMockFile('fileName-3.png', 3000000, 'image/png'),
+              exists: false,
+              id: '3',
+            },
+          ],
+          what: ['Foo', 'Bar', 'Baz'],
+        }}
+      >
+        <Form.Card>
+          <P>layout="grid"</P>
+          <Value.SummaryList
+            layout="grid"
+            transformLabel={(label: string) => label.toUpperCase()}
+          >
+            <Value.String label="foo" path="/foo" />
+            <Value.String label="bar" path="/bar" />
+            <Value.Upload label="baz" path="/baz" />
+            <Value.ArraySelection label="what" path="/what" />
+          </Value.SummaryList>
+        </Form.Card>
+        <Form.Card>
+          <P>layout="horizontal"</P>
+          <Value.SummaryList
+            layout="horizontal"
+            transformLabel={(label: string) => label.toUpperCase()}
+          >
+            <Value.String label="foo" path="/foo" />
+            <Value.String label="bar" path="/bar" />
+            <Value.Upload label="baz" path="/baz" />
+            <Value.ArraySelection label="what" path="/what" />
+          </Value.SummaryList>
+        </Form.Card>
+        <Form.Card>
+          <P>layout="vertical"</P>
+          <Value.SummaryList
+            layout="vertical"
+            transformLabel={(label: string) => label.toUpperCase()}
+          >
+            <Value.String label="foo" path="/foo" />
+            <Value.String label="bar" path="/bar" />
+            <Value.Upload label="baz" path="/baz" />
+            <Value.ArraySelection label="what" path="/what" />
+          </Value.SummaryList>
+        </Form.Card>
+        <Form.Card>
+          <P>empty values</P>
+          <Value.SummaryList
+            transformLabel={(label: string) => label.toUpperCase()}
+          >
+            <Value.String label="foo" />
+            <Value.String label="bar" />
+            <Value.Upload label="baz" />
+            <Value.ArraySelection label="what" />
+          </Value.SummaryList>
+        </Form.Card>
+      </Form.Handler>
+    </>
   )
 }
diff --git a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/style/dnb-value-upload.scss b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/style/dnb-value-upload.scss
new file mode 100644
index 00000000000..c4fe43c4456
--- /dev/null
+++ b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/style/dnb-value-upload.scss
@@ -0,0 +1,8 @@
+.dnb-forms-value-upload {
+  &__item {
+    .dnb-progress-indicator {
+      display: inline-flex;
+      vertical-align: middle;
+    }
+  }
+}
diff --git a/packages/dnb-eufemia/src/extensions/forms/Value/Upload/style/index.ts b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/style/index.ts
new file mode 100644
index 00000000000..141dd27767d
--- /dev/null
+++ b/packages/dnb-eufemia/src/extensions/forms/Value/Upload/style/index.ts
@@ -0,0 +1,6 @@
+/**
+ * Web Style Import
+ *
+ */
+
+import './dnb-value-upload.scss'
diff --git a/packages/dnb-eufemia/src/extensions/forms/ValueBlock/style/index.ts b/packages/dnb-eufemia/src/extensions/forms/ValueBlock/style/index.ts
index 783bc7bce9e..0155c21c312 100644
--- a/packages/dnb-eufemia/src/extensions/forms/ValueBlock/style/index.ts
+++ b/packages/dnb-eufemia/src/extensions/forms/ValueBlock/style/index.ts
@@ -3,4 +3,4 @@
  *
  */
 
-import './dnb-value.scss'
+import './dnb-value-block.scss'
diff --git a/packages/dnb-eufemia/src/style/dnb-ui-forms.scss b/packages/dnb-eufemia/src/style/dnb-ui-forms.scss
index ada4841510b..a747dc3fd8d 100644
--- a/packages/dnb-eufemia/src/style/dnb-ui-forms.scss
+++ b/packages/dnb-eufemia/src/style/dnb-ui-forms.scss
@@ -22,5 +22,6 @@
 @import '../extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.scss';
 @import '../extensions/forms/Iterate/style/dnb-iterate.scss';
 @import '../extensions/forms/ValueBlock/style/dnb-value-block.scss';
+@import '../extensions/forms/Value/Upload/style/dnb-value-upload.scss';
 @import '../extensions/forms/Wizard/style/dnb-wizard-layout.scss';
 @import '../extensions/forms/utils/TestElement/style/dnb-test-element.scss';