@transferwise/components 0.0.0-experimental-e41fdbd → 0.0.0-experimental-f1f1846

package/build/uploadInput/uploadItem/UploadItem.js

@@ -12,8 +12,8 @@ var UploadItem_messages = require('./UploadItem.messages.js');
 var UploadItemLink = require('./UploadItemLink.js');
 var jsxRuntime = require('react/jsx-runtime');
 var status = require('../../common/propsValues/status.js');
-var size = require('../../common/propsValues/size.js');
 var typography = require('../../common/propsValues/typography.js');
+var size = require('../../common/propsValues/size.js');
 
 exports.TEST_IDS = void 0;
 (function (TEST_IDS) {
@@ -102,18 +102,20 @@ const UploadItem = /*#__PURE__*/React.forwardRef(({
     if (error || errors?.length || status$1 === status.Status.FAILED) {
       return /*#__PURE__*/jsxRuntime.jsx(Body, {
         type: typography.Typography.BODY_DEFAULT_BOLD,
-        className: "text-negative",
+        className: "np-upload-input__text text-negative",
         children: errors?.length ? getMultipleErrors(errors) : getErrorMessage(error)
       });
     }
     switch (status$1) {
       case status.Status.PENDING:
         return /*#__PURE__*/jsxRuntime.jsx(Body, {
-          type: typography.Typography.BODY_DEFAULT_BOLD,
+          type: typography.Typography.BODY_DEFAULT,
+          className: "np-upload-input__text",
           children: formatMessage(UploadItem_messages.uploading)
         });
       case status.Status.PROCESSING:
         return /*#__PURE__*/jsxRuntime.jsx(Body, {
+          className: "np-upload-input__text",
           children: formatMessage(UploadItem_messages.deleting)
         });
       case status.Status.SUCCEEDED:
@@ -121,7 +123,7 @@ const UploadItem = /*#__PURE__*/React.forwardRef(({
       default:
         return /*#__PURE__*/jsxRuntime.jsx(Body, {
           type: typography.Typography.BODY_DEFAULT_BOLD,
-          className: "text-positive",
+          className: "np-upload-input__text",
           children: formatMessage(UploadItem_messages.uploaded)
         });
     }
@@ -135,51 +137,43 @@ const UploadItem = /*#__PURE__*/React.forwardRef(({
       onDownload(file);
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: clsx.clsx('np-upload-item', {
-      'np-upload-item--link': isSucceeded
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: clsx.clsx('np-upload-input__item', {
+      'is-interactive': isSucceeded && url
     }),
     "data-testid": exports.TEST_IDS.uploadItem,
-    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "np-upload-item__body",
-      children: [/*#__PURE__*/jsxRuntime.jsx(UploadItemLink.UploadItemLink, {
-        ref: linkRef,
-        url: isSucceeded ? url : undefined,
-        singleFileUpload: singleFileUpload,
-        onDownload: onDownloadFile,
-        children: /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "np-upload-button",
-          "aria-live": "polite",
-          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "media",
-            children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-              className: "np-upload-icon media-left",
-              children: getIcon()
-            }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-              className: "media-body text-xs-left",
-              "data-testid": exports.TEST_IDS.mediaBody,
-              children: [/*#__PURE__*/jsxRuntime.jsx(Body, {
-                className: "text-word-break d-block text-primary",
-                children: getTitle()
-              }), getDescription()]
-            })]
-          })
-        })
-      }), canDelete && /*#__PURE__*/jsxRuntime.jsx("button", {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(UploadItemLink.UploadItemLink, {
+      ref: linkRef,
+      url: isSucceeded ? url : undefined,
+      singleFileUpload: singleFileUpload,
+      onDownload: onDownloadFile,
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "np-upload-input__icon",
+        children: getIcon()
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "np-upload-input__item-content",
+        "data-testid": exports.TEST_IDS.mediaBody,
+        children: [/*#__PURE__*/jsxRuntime.jsx(Body, {
+          type: typography.Typography.BODY_LARGE,
+          className: "np-upload-input__title text-word-break",
+          children: getTitle()
+        }), getDescription()]
+      })]
+    }), canDelete && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "np-upload-input__item-action",
+      children: /*#__PURE__*/jsxRuntime.jsx("button", {
         ref: buttonRef,
         "aria-label": formatMessage(UploadItem_messages.removeFile, {
           filename
         }),
-        className: clsx.clsx('btn', 'np-upload-item__remove-button', 'media-left', {
-          'np-upload-item--single-file': singleFileUpload
-        }),
+        className: "np-upload-input__item-button",
         type: "button",
         onClick: () => onDelete(),
         children: /*#__PURE__*/jsxRuntime.jsx(icons.Bin, {
           size: 16
         })
-      })]
-    })
+      })
+    })]
   });
 });
 UploadItem.displayName = 'UploadItem';

package/build/uploadInput/uploadItem/UploadItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadItem.js","sources":["../../../src/uploadInput/uploadItem/UploadItem.tsx"],"sourcesContent":["import { Bin, CheckCircleFill, CrossCircleFill } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../../body';\nimport { Size, Status, Typography, Sentiment } from '../../common';\nimport ProcessIndicator from '../../processIndicator/ProcessIndicator';\nimport StatusIcon from '../../statusIcon/StatusIcon';\nimport { UploadedFile, UploadError } from '../types';\n\nimport MESSAGES from './UploadItem.messages';\nimport { UploadItemLink } from './UploadItemLink';\n\nexport type UploadItemProps = React.JSX.IntrinsicAttributes & {\n  file: UploadedFile;\n  /**\n   * Is this Item part of a multiple- or single-file UploadInput\n   */\n  singleFileUpload: boolean;\n  canDelete: boolean;\n  onDelete: () => void;\n\n  /**\n   * Callback to be called when the file link is clicked.\n   * When provided, you need to manually trigger actions to load/download the file.\n   *\n   * @param file\n   */\n  onDownload?: (file: UploadedFile) => void;\n  ref?: React.Ref<UploadItemRef>;\n};\n\ninterface UploadItemRef {\n  focus: () => void;\n}\n\nexport enum TEST_IDS {\n  uploadItem = 'uploadItem',\n  mediaBody = 'mediaBody',\n}\n\nconst UploadItem = forwardRef<UploadItemRef, UploadItemProps>(\n  ({ file, canDelete, onDelete, onDownload, singleFileUpload }, ref) => {\n    const { formatMessage } = useIntl();\n    const { status, filename, error, errors, url } = file;\n    const linkRef = useRef<HTMLAnchorElement>(null);\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    useImperativeHandle<UploadItemRef, UploadItemRef>(ref, () => ({\n      focus: (): void => {\n        if (url) {\n          linkRef.current?.focus();\n        } else {\n          buttonRef.current?.focus();\n        }\n      },\n    }));\n\n    const isSucceeded = [Status.SUCCEEDED, undefined].includes(status) && !!url;\n\n    /**\n     * We're temporarily reverting to the regular icon components,\n     * until the StatusIcon receives 24px sizing. Some misalignment\n     * to be expected.\n     */\n    const getIcon = () => {\n      if (error || errors?.length || status === Status.FAILED) {\n        return <CrossCircleFill size={24} className=\"emphasis--negative\" />;\n      }\n\n      let processIndicator: React.ReactNode;\n\n      switch (status) {\n        case Status.PROCESSING:\n        case Status.PENDING:\n          processIndicator = (\n            <ProcessIndicator size={Size.EXTRA_SMALL} status={Status.PROCESSING} />\n          );\n          break;\n        case Status.SUCCEEDED:\n        case Status.DONE:\n        default:\n          processIndicator = <CheckCircleFill size={24} className=\"emphasis--positive\" />;\n      }\n\n      return processIndicator;\n    };\n\n    const getErrorMessage = (error?: UploadError) =>\n      typeof error === 'object' ? error.message : error || formatMessage(MESSAGES.uploadingFailed);\n\n    const getMultipleErrors = (errors?: UploadError[]) => {\n      if (!errors?.length) {\n        return null;\n      }\n\n      if (errors?.length === 1) {\n        return getErrorMessage(errors[0]);\n      }\n\n      return (\n        <ul className=\"np-upload-input-errors m-b-0\">\n          {errors.map((error, index) => {\n            // eslint-disable-next-line react/no-array-index-key\n            return <li key={index}>{getErrorMessage(error)}</li>;\n          })}\n        </ul>\n      );\n    };\n\n    const getDescription = () => {\n      if (error || errors?.length || status === Status.FAILED) {\n        return (\n          <Body type={Typography.BODY_DEFAULT_BOLD} className=\"text-negative\">\n            {errors?.length ? getMultipleErrors(errors) : getErrorMessage(error)}\n          </Body>\n        );\n      }\n\n      switch (status) {\n        case Status.PENDING:\n          return (\n            <Body type={Typography.BODY_DEFAULT_BOLD}>{formatMessage(MESSAGES.uploading)}</Body>\n          );\n        case Status.PROCESSING:\n          return <Body>{formatMessage(MESSAGES.deleting)}</Body>;\n        case Status.SUCCEEDED:\n        case Status.DONE:\n        default:\n          return (\n            <Body type={Typography.BODY_DEFAULT_BOLD} className=\"text-positive\">\n              {formatMessage(MESSAGES.uploaded)}\n            </Body>\n          );\n      }\n    };\n\n    const getTitle = () => {\n      return filename || formatMessage(MESSAGES.uploadedFile);\n    };\n\n    const onDownloadFile = (event: React.MouseEvent): void => {\n      if (onDownload) {\n        event.preventDefault();\n        onDownload(file);\n      }\n    };\n\n    return (\n      <div\n        className={clsx('np-upload-item', { 'np-upload-item--link': isSucceeded })}\n        data-testid={TEST_IDS.uploadItem}\n      >\n        <div className=\"np-upload-item__body\">\n          <UploadItemLink\n            ref={linkRef}\n            url={isSucceeded ? url : undefined}\n            singleFileUpload={singleFileUpload}\n            onDownload={onDownloadFile}\n          >\n            <div className=\"np-upload-button\" aria-live=\"polite\">\n              <div className=\"media\">\n                <div className=\"np-upload-icon media-left\">{getIcon()}</div>\n                <div className=\"media-body text-xs-left\" data-testid={TEST_IDS.mediaBody}>\n                  <Body className=\"text-word-break d-block text-primary\">{getTitle()}</Body>\n                  {getDescription()}\n                </div>\n              </div>\n            </div>\n          </UploadItemLink>\n          {canDelete && (\n            <button\n              ref={buttonRef}\n              aria-label={formatMessage(MESSAGES.removeFile, { filename })}\n              className={clsx('btn', 'np-upload-item__remove-button', 'media-left', {\n                'np-upload-item--single-file': singleFileUpload,\n              })}\n              type=\"button\"\n              onClick={() => onDelete()}\n            >\n              <Bin size={16} />\n            </button>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nUploadItem.displayName = 'UploadItem';\n\nexport default UploadItem;\n"],"names":["TEST_IDS","UploadItem","forwardRef","file","canDelete","onDelete","onDownload","singleFileUpload","ref","formatMessage","useIntl","status","filename","error","errors","url","linkRef","useRef","buttonRef","useImperativeHandle","focus","current","isSucceeded","Status","SUCCEEDED","undefined","includes","getIcon","length","FAILED","_jsx","CrossCircleFill","size","className","processIndicator","PROCESSING","PENDING","ProcessIndicator","Size","EXTRA_SMALL","DONE","CheckCircleFill","getErrorMessage","message","MESSAGES","uploadingFailed","getMultipleErrors","children","map","index","getDescription","Body","type","Typography","BODY_DEFAULT_BOLD","uploading","deleting","uploaded","getTitle","uploadedFile","onDownloadFile","event","preventDefault","clsx","uploadItem","_jsxs","UploadItemLink","mediaBody","removeFile","onClick","Bin","displayName"],"mappings":"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"}
+{"version":3,"file":"UploadItem.js","sources":["../../../src/uploadInput/uploadItem/UploadItem.tsx"],"sourcesContent":["import { Bin, CheckCircleFill, CrossCircleFill } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../../body';\nimport { Size, Status, Typography, Sentiment } from '../../common';\nimport ProcessIndicator from '../../processIndicator/ProcessIndicator';\nimport StatusIcon from '../../statusIcon/StatusIcon';\nimport { UploadedFile, UploadError } from '../types';\n\nimport MESSAGES from './UploadItem.messages';\nimport { UploadItemLink } from './UploadItemLink';\n\nexport type UploadItemProps = React.JSX.IntrinsicAttributes & {\n  file: UploadedFile;\n  /**\n   * Is this Item part of a multiple- or single-file UploadInput\n   */\n  singleFileUpload: boolean;\n  canDelete: boolean;\n  onDelete: () => void;\n\n  /**\n   * Callback to be called when the file link is clicked.\n   * When provided, you need to manually trigger actions to load/download the file.\n   *\n   * @param file\n   */\n  onDownload?: (file: UploadedFile) => void;\n  ref?: React.Ref<UploadItemRef>;\n};\n\ninterface UploadItemRef {\n  focus: () => void;\n}\n\nexport enum TEST_IDS {\n  uploadItem = 'uploadItem',\n  mediaBody = 'mediaBody',\n}\n\nconst UploadItem = forwardRef<UploadItemRef, UploadItemProps>(\n  ({ file, canDelete, onDelete, onDownload, singleFileUpload }, ref) => {\n    const { formatMessage } = useIntl();\n    const { status, filename, error, errors, url } = file;\n    const linkRef = useRef<HTMLAnchorElement>(null);\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    useImperativeHandle<UploadItemRef, UploadItemRef>(ref, () => ({\n      focus: (): void => {\n        if (url) {\n          linkRef.current?.focus();\n        } else {\n          buttonRef.current?.focus();\n        }\n      },\n    }));\n\n    const isSucceeded = [Status.SUCCEEDED, undefined].includes(status) && !!url;\n\n    /**\n     * We're temporarily reverting to the regular icon components,\n     * until the StatusIcon receives 24px sizing. Some misalignment\n     * to be expected.\n     */\n    const getIcon = () => {\n      if (error || errors?.length || status === Status.FAILED) {\n        return <CrossCircleFill size={24} className=\"emphasis--negative\" />;\n      }\n\n      let processIndicator: React.ReactNode;\n\n      switch (status) {\n        case Status.PROCESSING:\n        case Status.PENDING:\n          processIndicator = (\n            <ProcessIndicator size={Size.EXTRA_SMALL} status={Status.PROCESSING} />\n          );\n          break;\n        case Status.SUCCEEDED:\n        case Status.DONE:\n        default:\n          processIndicator = <CheckCircleFill size={24} className=\"emphasis--positive\" />;\n      }\n\n      return processIndicator;\n    };\n\n    const getErrorMessage = (error?: UploadError) =>\n      typeof error === 'object' ? error.message : error || formatMessage(MESSAGES.uploadingFailed);\n\n    const getMultipleErrors = (errors?: UploadError[]) => {\n      if (!errors?.length) {\n        return null;\n      }\n\n      if (errors?.length === 1) {\n        return getErrorMessage(errors[0]);\n      }\n\n      return (\n        <ul className=\"np-upload-input-errors m-b-0\">\n          {errors.map((error, index) => {\n            // eslint-disable-next-line react/no-array-index-key\n            return <li key={index}>{getErrorMessage(error)}</li>;\n          })}\n        </ul>\n      );\n    };\n\n    const getDescription = () => {\n      if (error || errors?.length || status === Status.FAILED) {\n        return (\n          <Body type={Typography.BODY_DEFAULT_BOLD} className=\"np-upload-input__text text-negative\">\n            {errors?.length ? getMultipleErrors(errors) : getErrorMessage(error)}\n          </Body>\n        );\n      }\n\n      switch (status) {\n        case Status.PENDING:\n          return (\n            <Body type={Typography.BODY_DEFAULT} className=\"np-upload-input__text\">\n              {formatMessage(MESSAGES.uploading)}\n            </Body>\n          );\n        case Status.PROCESSING:\n          return <Body className=\"np-upload-input__text\">{formatMessage(MESSAGES.deleting)}</Body>;\n        case Status.SUCCEEDED:\n        case Status.DONE:\n        default:\n          return (\n            <Body type={Typography.BODY_DEFAULT_BOLD} className=\"np-upload-input__text\">\n              {formatMessage(MESSAGES.uploaded)}\n            </Body>\n          );\n      }\n    };\n\n    const getTitle = () => {\n      return filename || formatMessage(MESSAGES.uploadedFile);\n    };\n\n    const onDownloadFile = (event: React.MouseEvent): void => {\n      if (onDownload) {\n        event.preventDefault();\n        onDownload(file);\n      }\n    };\n\n    return (\n      <div\n        className={clsx('np-upload-input__item', { 'is-interactive': isSucceeded && url })}\n        data-testid={TEST_IDS.uploadItem}\n      >\n        <UploadItemLink\n          ref={linkRef}\n          url={isSucceeded ? url : undefined}\n          singleFileUpload={singleFileUpload}\n          onDownload={onDownloadFile}\n        >\n          <span className=\"np-upload-input__icon\">{getIcon()}</span>\n          <div className=\"np-upload-input__item-content\" data-testid={TEST_IDS.mediaBody}>\n            <Body type={Typography.BODY_LARGE} className=\"np-upload-input__title text-word-break\">\n              {getTitle()}\n            </Body>\n            {getDescription()}\n          </div>\n        </UploadItemLink>\n        {canDelete && (\n          <div className=\"np-upload-input__item-action\">\n            <button\n              ref={buttonRef}\n              aria-label={formatMessage(MESSAGES.removeFile, { filename })}\n              className=\"np-upload-input__item-button\"\n              type=\"button\"\n              onClick={() => onDelete()}\n            >\n              <Bin size={16} />\n            </button>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nUploadItem.displayName = 'UploadItem';\n\nexport default UploadItem;\n"],"names":["TEST_IDS","UploadItem","forwardRef","file","canDelete","onDelete","onDownload","singleFileUpload","ref","formatMessage","useIntl","status","filename","error","errors","url","linkRef","useRef","buttonRef","useImperativeHandle","focus","current","isSucceeded","Status","SUCCEEDED","undefined","includes","getIcon","length","FAILED","_jsx","CrossCircleFill","size","className","processIndicator","PROCESSING","PENDING","ProcessIndicator","Size","EXTRA_SMALL","DONE","CheckCircleFill","getErrorMessage","message","MESSAGES","uploadingFailed","getMultipleErrors","children","map","index","getDescription","Body","type","Typography","BODY_DEFAULT_BOLD","BODY_DEFAULT","uploading","deleting","uploaded","getTitle","uploadedFile","onDownloadFile","event","preventDefault","_jsxs","clsx","uploadItem","UploadItemLink","mediaBody","BODY_LARGE","removeFile","onClick","Bin","displayName"],"mappings":"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"}

package/build/uploadInput/uploadItem/UploadItem.mjs

@@ -6,10 +6,10 @@ import Body from '../../body/Body.mjs';
 import ProcessIndicator from '../../processIndicator/ProcessIndicator.mjs';
 import MESSAGES from './UploadItem.messages.mjs';
 import { UploadItemLink } from './UploadItemLink.mjs';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Status } from '../../common/propsValues/status.mjs';
-import { Size } from '../../common/propsValues/size.mjs';
 import { Typography } from '../../common/propsValues/typography.mjs';
+import { Size } from '../../common/propsValues/size.mjs';
 
 var TEST_IDS;
 (function (TEST_IDS) {
@@ -98,18 +98,20 @@ const UploadItem = /*#__PURE__*/forwardRef(({
     if (error || errors?.length || status === Status.FAILED) {
       return /*#__PURE__*/jsx(Body, {
         type: Typography.BODY_DEFAULT_BOLD,
-        className: "text-negative",
+        className: "np-upload-input__text text-negative",
         children: errors?.length ? getMultipleErrors(errors) : getErrorMessage(error)
       });
     }
     switch (status) {
       case Status.PENDING:
         return /*#__PURE__*/jsx(Body, {
-          type: Typography.BODY_DEFAULT_BOLD,
+          type: Typography.BODY_DEFAULT,
+          className: "np-upload-input__text",
           children: formatMessage(MESSAGES.uploading)
         });
       case Status.PROCESSING:
         return /*#__PURE__*/jsx(Body, {
+          className: "np-upload-input__text",
           children: formatMessage(MESSAGES.deleting)
         });
       case Status.SUCCEEDED:
@@ -117,7 +119,7 @@ const UploadItem = /*#__PURE__*/forwardRef(({
       default:
         return /*#__PURE__*/jsx(Body, {
           type: Typography.BODY_DEFAULT_BOLD,
-          className: "text-positive",
+          className: "np-upload-input__text",
           children: formatMessage(MESSAGES.uploaded)
         });
     }
@@ -131,51 +133,43 @@ const UploadItem = /*#__PURE__*/forwardRef(({
       onDownload(file);
     }
   };
-  return /*#__PURE__*/jsx("div", {
-    className: clsx('np-upload-item', {
-      'np-upload-item--link': isSucceeded
+  return /*#__PURE__*/jsxs("div", {
+    className: clsx('np-upload-input__item', {
+      'is-interactive': isSucceeded && url
     }),
     "data-testid": TEST_IDS.uploadItem,
-    children: /*#__PURE__*/jsxs("div", {
-      className: "np-upload-item__body",
-      children: [/*#__PURE__*/jsx(UploadItemLink, {
-        ref: linkRef,
-        url: isSucceeded ? url : undefined,
-        singleFileUpload: singleFileUpload,
-        onDownload: onDownloadFile,
-        children: /*#__PURE__*/jsx("div", {
-          className: "np-upload-button",
-          "aria-live": "polite",
-          children: /*#__PURE__*/jsxs("div", {
-            className: "media",
-            children: [/*#__PURE__*/jsx("div", {
-              className: "np-upload-icon media-left",
-              children: getIcon()
-            }), /*#__PURE__*/jsxs("div", {
-              className: "media-body text-xs-left",
-              "data-testid": TEST_IDS.mediaBody,
-              children: [/*#__PURE__*/jsx(Body, {
-                className: "text-word-break d-block text-primary",
-                children: getTitle()
-              }), getDescription()]
-            })]
-          })
-        })
-      }), canDelete && /*#__PURE__*/jsx("button", {
+    children: [/*#__PURE__*/jsxs(UploadItemLink, {
+      ref: linkRef,
+      url: isSucceeded ? url : undefined,
+      singleFileUpload: singleFileUpload,
+      onDownload: onDownloadFile,
+      children: [/*#__PURE__*/jsx("span", {
+        className: "np-upload-input__icon",
+        children: getIcon()
+      }), /*#__PURE__*/jsxs("div", {
+        className: "np-upload-input__item-content",
+        "data-testid": TEST_IDS.mediaBody,
+        children: [/*#__PURE__*/jsx(Body, {
+          type: Typography.BODY_LARGE,
+          className: "np-upload-input__title text-word-break",
+          children: getTitle()
+        }), getDescription()]
+      })]
+    }), canDelete && /*#__PURE__*/jsx("div", {
+      className: "np-upload-input__item-action",
+      children: /*#__PURE__*/jsx("button", {
         ref: buttonRef,
         "aria-label": formatMessage(MESSAGES.removeFile, {
           filename
         }),
-        className: clsx('btn', 'np-upload-item__remove-button', 'media-left', {
-          'np-upload-item--single-file': singleFileUpload
-        }),
+        className: "np-upload-input__item-button",
         type: "button",
         onClick: () => onDelete(),
         children: /*#__PURE__*/jsx(Bin, {
           size: 16
         })
-      })]
-    })
+      })
+    })]
   });
 });
 UploadItem.displayName = 'UploadItem';

package/build/uploadInput/uploadItem/UploadItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UploadItem.mjs","sources":["../../../src/uploadInput/uploadItem/UploadItem.tsx"],"sourcesContent":["import { Bin, CheckCircleFill, CrossCircleFill } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../../body';\nimport { Size, Status, Typography, Sentiment } from '../../common';\nimport ProcessIndicator from '../../processIndicator/ProcessIndicator';\nimport StatusIcon from '../../statusIcon/StatusIcon';\nimport { UploadedFile, UploadError } from '../types';\n\nimport MESSAGES from './UploadItem.messages';\nimport { UploadItemLink } from './UploadItemLink';\n\nexport type UploadItemProps = React.JSX.IntrinsicAttributes & {\n  file: UploadedFile;\n  /**\n   * Is this Item part of a multiple- or single-file UploadInput\n   */\n  singleFileUpload: boolean;\n  canDelete: boolean;\n  onDelete: () => void;\n\n  /**\n   * Callback to be called when the file link is clicked.\n   * When provided, you need to manually trigger actions to load/download the file.\n   *\n   * @param file\n   */\n  onDownload?: (file: UploadedFile) => void;\n  ref?: React.Ref<UploadItemRef>;\n};\n\ninterface UploadItemRef {\n  focus: () => void;\n}\n\nexport enum TEST_IDS {\n  uploadItem = 'uploadItem',\n  mediaBody = 'mediaBody',\n}\n\nconst UploadItem = forwardRef<UploadItemRef, UploadItemProps>(\n  ({ file, canDelete, onDelete, onDownload, singleFileUpload }, ref) => {\n    const { formatMessage } = useIntl();\n    const { status, filename, error, errors, url } = file;\n    const linkRef = useRef<HTMLAnchorElement>(null);\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    useImperativeHandle<UploadItemRef, UploadItemRef>(ref, () => ({\n      focus: (): void => {\n        if (url) {\n          linkRef.current?.focus();\n        } else {\n          buttonRef.current?.focus();\n        }\n      },\n    }));\n\n    const isSucceeded = [Status.SUCCEEDED, undefined].includes(status) && !!url;\n\n    /**\n     * We're temporarily reverting to the regular icon components,\n     * until the StatusIcon receives 24px sizing. Some misalignment\n     * to be expected.\n     */\n    const getIcon = () => {\n      if (error || errors?.length || status === Status.FAILED) {\n        return <CrossCircleFill size={24} className=\"emphasis--negative\" />;\n      }\n\n      let processIndicator: React.ReactNode;\n\n      switch (status) {\n        case Status.PROCESSING:\n        case Status.PENDING:\n          processIndicator = (\n            <ProcessIndicator size={Size.EXTRA_SMALL} status={Status.PROCESSING} />\n          );\n          break;\n        case Status.SUCCEEDED:\n        case Status.DONE:\n        default:\n          processIndicator = <CheckCircleFill size={24} className=\"emphasis--positive\" />;\n      }\n\n      return processIndicator;\n    };\n\n    const getErrorMessage = (error?: UploadError) =>\n      typeof error === 'object' ? error.message : error || formatMessage(MESSAGES.uploadingFailed);\n\n    const getMultipleErrors = (errors?: UploadError[]) => {\n      if (!errors?.length) {\n        return null;\n      }\n\n      if (errors?.length === 1) {\n        return getErrorMessage(errors[0]);\n      }\n\n      return (\n        <ul className=\"np-upload-input-errors m-b-0\">\n          {errors.map((error, index) => {\n            // eslint-disable-next-line react/no-array-index-key\n            return <li key={index}>{getErrorMessage(error)}</li>;\n          })}\n        </ul>\n      );\n    };\n\n    const getDescription = () => {\n      if (error || errors?.length || status === Status.FAILED) {\n        return (\n          <Body type={Typography.BODY_DEFAULT_BOLD} className=\"text-negative\">\n            {errors?.length ? getMultipleErrors(errors) : getErrorMessage(error)}\n          </Body>\n        );\n      }\n\n      switch (status) {\n        case Status.PENDING:\n          return (\n            <Body type={Typography.BODY_DEFAULT_BOLD}>{formatMessage(MESSAGES.uploading)}</Body>\n          );\n        case Status.PROCESSING:\n          return <Body>{formatMessage(MESSAGES.deleting)}</Body>;\n        case Status.SUCCEEDED:\n        case Status.DONE:\n        default:\n          return (\n            <Body type={Typography.BODY_DEFAULT_BOLD} className=\"text-positive\">\n              {formatMessage(MESSAGES.uploaded)}\n            </Body>\n          );\n      }\n    };\n\n    const getTitle = () => {\n      return filename || formatMessage(MESSAGES.uploadedFile);\n    };\n\n    const onDownloadFile = (event: React.MouseEvent): void => {\n      if (onDownload) {\n        event.preventDefault();\n        onDownload(file);\n      }\n    };\n\n    return (\n      <div\n        className={clsx('np-upload-item', { 'np-upload-item--link': isSucceeded })}\n        data-testid={TEST_IDS.uploadItem}\n      >\n        <div className=\"np-upload-item__body\">\n          <UploadItemLink\n            ref={linkRef}\n            url={isSucceeded ? url : undefined}\n            singleFileUpload={singleFileUpload}\n            onDownload={onDownloadFile}\n          >\n            <div className=\"np-upload-button\" aria-live=\"polite\">\n              <div className=\"media\">\n                <div className=\"np-upload-icon media-left\">{getIcon()}</div>\n                <div className=\"media-body text-xs-left\" data-testid={TEST_IDS.mediaBody}>\n                  <Body className=\"text-word-break d-block text-primary\">{getTitle()}</Body>\n                  {getDescription()}\n                </div>\n              </div>\n            </div>\n          </UploadItemLink>\n          {canDelete && (\n            <button\n              ref={buttonRef}\n              aria-label={formatMessage(MESSAGES.removeFile, { filename })}\n              className={clsx('btn', 'np-upload-item__remove-button', 'media-left', {\n                'np-upload-item--single-file': singleFileUpload,\n              })}\n              type=\"button\"\n              onClick={() => onDelete()}\n            >\n              <Bin size={16} />\n            </button>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nUploadItem.displayName = 'UploadItem';\n\nexport default UploadItem;\n"],"names":["TEST_IDS","UploadItem","forwardRef","file","canDelete","onDelete","onDownload","singleFileUpload","ref","formatMessage","useIntl","status","filename","error","errors","url","linkRef","useRef","buttonRef","useImperativeHandle","focus","current","isSucceeded","Status","SUCCEEDED","undefined","includes","getIcon","length","FAILED","_jsx","CrossCircleFill","size","className","processIndicator","PROCESSING","PENDING","ProcessIndicator","Size","EXTRA_SMALL","DONE","CheckCircleFill","getErrorMessage","message","MESSAGES","uploadingFailed","getMultipleErrors","children","map","index","getDescription","Body","type","Typography","BODY_DEFAULT_BOLD","uploading","deleting","uploaded","getTitle","uploadedFile","onDownloadFile","event","preventDefault","clsx","uploadItem","_jsxs","UploadItemLink","mediaBody","removeFile","onClick","Bin","displayName"],"mappings":"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"}
+{"version":3,"file":"UploadItem.mjs","sources":["../../../src/uploadInput/uploadItem/UploadItem.tsx"],"sourcesContent":["import { Bin, CheckCircleFill, CrossCircleFill } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../../body';\nimport { Size, Status, Typography, Sentiment } from '../../common';\nimport ProcessIndicator from '../../processIndicator/ProcessIndicator';\nimport StatusIcon from '../../statusIcon/StatusIcon';\nimport { UploadedFile, UploadError } from '../types';\n\nimport MESSAGES from './UploadItem.messages';\nimport { UploadItemLink } from './UploadItemLink';\n\nexport type UploadItemProps = React.JSX.IntrinsicAttributes & {\n  file: UploadedFile;\n  /**\n   * Is this Item part of a multiple- or single-file UploadInput\n   */\n  singleFileUpload: boolean;\n  canDelete: boolean;\n  onDelete: () => void;\n\n  /**\n   * Callback to be called when the file link is clicked.\n   * When provided, you need to manually trigger actions to load/download the file.\n   *\n   * @param file\n   */\n  onDownload?: (file: UploadedFile) => void;\n  ref?: React.Ref<UploadItemRef>;\n};\n\ninterface UploadItemRef {\n  focus: () => void;\n}\n\nexport enum TEST_IDS {\n  uploadItem = 'uploadItem',\n  mediaBody = 'mediaBody',\n}\n\nconst UploadItem = forwardRef<UploadItemRef, UploadItemProps>(\n  ({ file, canDelete, onDelete, onDownload, singleFileUpload }, ref) => {\n    const { formatMessage } = useIntl();\n    const { status, filename, error, errors, url } = file;\n    const linkRef = useRef<HTMLAnchorElement>(null);\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    useImperativeHandle<UploadItemRef, UploadItemRef>(ref, () => ({\n      focus: (): void => {\n        if (url) {\n          linkRef.current?.focus();\n        } else {\n          buttonRef.current?.focus();\n        }\n      },\n    }));\n\n    const isSucceeded = [Status.SUCCEEDED, undefined].includes(status) && !!url;\n\n    /**\n     * We're temporarily reverting to the regular icon components,\n     * until the StatusIcon receives 24px sizing. Some misalignment\n     * to be expected.\n     */\n    const getIcon = () => {\n      if (error || errors?.length || status === Status.FAILED) {\n        return <CrossCircleFill size={24} className=\"emphasis--negative\" />;\n      }\n\n      let processIndicator: React.ReactNode;\n\n      switch (status) {\n        case Status.PROCESSING:\n        case Status.PENDING:\n          processIndicator = (\n            <ProcessIndicator size={Size.EXTRA_SMALL} status={Status.PROCESSING} />\n          );\n          break;\n        case Status.SUCCEEDED:\n        case Status.DONE:\n        default:\n          processIndicator = <CheckCircleFill size={24} className=\"emphasis--positive\" />;\n      }\n\n      return processIndicator;\n    };\n\n    const getErrorMessage = (error?: UploadError) =>\n      typeof error === 'object' ? error.message : error || formatMessage(MESSAGES.uploadingFailed);\n\n    const getMultipleErrors = (errors?: UploadError[]) => {\n      if (!errors?.length) {\n        return null;\n      }\n\n      if (errors?.length === 1) {\n        return getErrorMessage(errors[0]);\n      }\n\n      return (\n        <ul className=\"np-upload-input-errors m-b-0\">\n          {errors.map((error, index) => {\n            // eslint-disable-next-line react/no-array-index-key\n            return <li key={index}>{getErrorMessage(error)}</li>;\n          })}\n        </ul>\n      );\n    };\n\n    const getDescription = () => {\n      if (error || errors?.length || status === Status.FAILED) {\n        return (\n          <Body type={Typography.BODY_DEFAULT_BOLD} className=\"np-upload-input__text text-negative\">\n            {errors?.length ? getMultipleErrors(errors) : getErrorMessage(error)}\n          </Body>\n        );\n      }\n\n      switch (status) {\n        case Status.PENDING:\n          return (\n            <Body type={Typography.BODY_DEFAULT} className=\"np-upload-input__text\">\n              {formatMessage(MESSAGES.uploading)}\n            </Body>\n          );\n        case Status.PROCESSING:\n          return <Body className=\"np-upload-input__text\">{formatMessage(MESSAGES.deleting)}</Body>;\n        case Status.SUCCEEDED:\n        case Status.DONE:\n        default:\n          return (\n            <Body type={Typography.BODY_DEFAULT_BOLD} className=\"np-upload-input__text\">\n              {formatMessage(MESSAGES.uploaded)}\n            </Body>\n          );\n      }\n    };\n\n    const getTitle = () => {\n      return filename || formatMessage(MESSAGES.uploadedFile);\n    };\n\n    const onDownloadFile = (event: React.MouseEvent): void => {\n      if (onDownload) {\n        event.preventDefault();\n        onDownload(file);\n      }\n    };\n\n    return (\n      <div\n        className={clsx('np-upload-input__item', { 'is-interactive': isSucceeded && url })}\n        data-testid={TEST_IDS.uploadItem}\n      >\n        <UploadItemLink\n          ref={linkRef}\n          url={isSucceeded ? url : undefined}\n          singleFileUpload={singleFileUpload}\n          onDownload={onDownloadFile}\n        >\n          <span className=\"np-upload-input__icon\">{getIcon()}</span>\n          <div className=\"np-upload-input__item-content\" data-testid={TEST_IDS.mediaBody}>\n            <Body type={Typography.BODY_LARGE} className=\"np-upload-input__title text-word-break\">\n              {getTitle()}\n            </Body>\n            {getDescription()}\n          </div>\n        </UploadItemLink>\n        {canDelete && (\n          <div className=\"np-upload-input__item-action\">\n            <button\n              ref={buttonRef}\n              aria-label={formatMessage(MESSAGES.removeFile, { filename })}\n              className=\"np-upload-input__item-button\"\n              type=\"button\"\n              onClick={() => onDelete()}\n            >\n              <Bin size={16} />\n            </button>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nUploadItem.displayName = 'UploadItem';\n\nexport default UploadItem;\n"],"names":["TEST_IDS","UploadItem","forwardRef","file","canDelete","onDelete","onDownload","singleFileUpload","ref","formatMessage","useIntl","status","filename","error","errors","url","linkRef","useRef","buttonRef","useImperativeHandle","focus","current","isSucceeded","Status","SUCCEEDED","undefined","includes","getIcon","length","FAILED","_jsx","CrossCircleFill","size","className","processIndicator","PROCESSING","PENDING","ProcessIndicator","Size","EXTRA_SMALL","DONE","CheckCircleFill","getErrorMessage","message","MESSAGES","uploadingFailed","getMultipleErrors","children","map","index","getDescription","Body","type","Typography","BODY_DEFAULT_BOLD","BODY_DEFAULT","uploading","deleting","uploaded","getTitle","uploadedFile","onDownloadFile","event","preventDefault","_jsxs","clsx","uploadItem","UploadItemLink","mediaBody","BODY_LARGE","removeFile","onClick","Bin","displayName"],"mappings":"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"}

package/build/uploadInput/uploadItem/UploadItemLink.js

@@ -13,6 +13,7 @@ const UploadItemLink = /*#__PURE__*/React.forwardRef(({
   if (!url) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       ref: ref,
+      className: clsx.clsx('np-upload-input__item-container'),
       children: children
     });
   }
@@ -21,7 +22,7 @@ const UploadItemLink = /*#__PURE__*/React.forwardRef(({
     href: url,
     target: "_blank",
     rel: "noopener noreferrer",
-    className: clsx.clsx('np-upload-item__link', singleFileUpload ? 'np-upload-item--single-file' : ''),
+    className: clsx.clsx('np-upload-input__item-link', singleFileUpload ? 'np-upload-input__item-link--single-file' : ''),
     onClick: onDownload,
     children: children
   });

package/build/uploadInput/uploadItem/UploadItemLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadItemLink.js","sources":["../../../src/uploadInput/uploadItem/UploadItemLink.tsx"],"sourcesContent":["import { PropsWithChildren, MouseEvent, forwardRef } from 'react';\nimport { clsx } from 'clsx';\n\ntype UploadItemLinkProps = PropsWithChildren<{\n  url?: string;\n  onDownload?: (event: MouseEvent) => void;\n  singleFileUpload: boolean;\n}>;\n\nexport const UploadItemLink = forwardRef<HTMLAnchorElement | HTMLDivElement, UploadItemLinkProps>(\n  ({ children, url, onDownload, singleFileUpload }, ref) => {\n    if (!url) {\n      return <div ref={ref as React.RefObject<HTMLDivElement>}>{children}</div>;\n    }\n\n    return (\n      <a\n        ref={ref as React.RefObject<HTMLAnchorElement>}\n        href={url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={clsx(\n          'np-upload-item__link',\n          singleFileUpload ? 'np-upload-item--single-file' : '',\n        )}\n        onClick={onDownload}\n      >\n        {children}\n      </a>\n    );\n  },\n);\n"],"names":["UploadItemLink","forwardRef","children","url","onDownload","singleFileUpload","ref","_jsx","href","target","rel","className","clsx","onClick"],"mappings":";;;;;;AASaA,MAAAA,cAAc,gBAAGC,gBAAU,CACtC,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,UAAU;AAAEC,EAAAA,gBAAAA;CAAkB,EAAEC,GAAG,KAAI;EACvD,IAAI,CAACH,GAAG,EAAE;AACR,IAAA,oBAAOI,cAAA,CAAA,KAAA,EAAA;AAAKD,MAAAA,GAAG,EAAEA,GAAuC;AAAAJ,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAM,CAAC,CAAA;AAC3E,GAAA;AAEA,EAAA,oBACEK,cAAA,CAAA,GAAA,EAAA;AACED,IAAAA,GAAG,EAAEA,GAA0C;AAC/CE,IAAAA,IAAI,EAAEL,GAAI;AACVM,IAAAA,MAAM,EAAC,QAAQ;AACfC,IAAAA,GAAG,EAAC,qBAAqB;IACzBC,SAAS,EAAEC,SAAI,CACb,sBAAsB,EACtBP,gBAAgB,GAAG,6BAA6B,GAAG,EAAE,CACrD;AACFQ,IAAAA,OAAO,EAAET,UAAW;AAAAF,IAAAA,QAAA,EAEnBA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAER,CAAC;;;;"}
+{"version":3,"file":"UploadItemLink.js","sources":["../../../src/uploadInput/uploadItem/UploadItemLink.tsx"],"sourcesContent":["import { PropsWithChildren, MouseEvent, forwardRef } from 'react';\nimport { clsx } from 'clsx';\n\ntype UploadItemLinkProps = PropsWithChildren<{\n  url?: string;\n  onDownload?: (event: MouseEvent) => void;\n  singleFileUpload: boolean;\n}>;\n\nexport const UploadItemLink = forwardRef<HTMLAnchorElement | HTMLDivElement, UploadItemLinkProps>(\n  ({ children, url, onDownload, singleFileUpload }, ref) => {\n    if (!url) {\n      return <div ref={ref as React.RefObject<HTMLDivElement>} className={clsx('np-upload-input__item-container')}>{children}</div>;\n    }\n\n    return (\n      <a\n        ref={ref as React.RefObject<HTMLAnchorElement>}\n        href={url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={clsx(\n          'np-upload-input__item-link',\n          singleFileUpload ? 'np-upload-input__item-link--single-file' : '',\n        )}\n        onClick={onDownload}\n      >\n        {children}\n      </a>\n    );\n  },\n);\n"],"names":["UploadItemLink","forwardRef","children","url","onDownload","singleFileUpload","ref","_jsx","className","clsx","href","target","rel","onClick"],"mappings":";;;;;;AASaA,MAAAA,cAAc,gBAAGC,gBAAU,CACtC,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,UAAU;AAAEC,EAAAA,gBAAAA;CAAkB,EAAEC,GAAG,KAAI;EACvD,IAAI,CAACH,GAAG,EAAE;AACR,IAAA,oBAAOI,cAAA,CAAA,KAAA,EAAA;AAAKD,MAAAA,GAAG,EAAEA,GAAuC;AAACE,MAAAA,SAAS,EAAEC,SAAI,CAAC,iCAAiC,CAAE;AAAAP,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAM,CAAC,CAAA;AAC/H,GAAA;AAEA,EAAA,oBACEK,cAAA,CAAA,GAAA,EAAA;AACED,IAAAA,GAAG,EAAEA,GAA0C;AAC/CI,IAAAA,IAAI,EAAEP,GAAI;AACVQ,IAAAA,MAAM,EAAC,QAAQ;AACfC,IAAAA,GAAG,EAAC,qBAAqB;IACzBJ,SAAS,EAAEC,SAAI,CACb,4BAA4B,EAC5BJ,gBAAgB,GAAG,yCAAyC,GAAG,EAAE,CACjE;AACFQ,IAAAA,OAAO,EAAET,UAAW;AAAAF,IAAAA,QAAA,EAEnBA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAER,CAAC;;;;"}

package/build/uploadInput/uploadItem/UploadItemLink.mjs

@@ -11,6 +11,7 @@ const UploadItemLink = /*#__PURE__*/forwardRef(({
   if (!url) {
     return /*#__PURE__*/jsx("div", {
       ref: ref,
+      className: clsx('np-upload-input__item-container'),
       children: children
     });
   }
@@ -19,7 +20,7 @@ const UploadItemLink = /*#__PURE__*/forwardRef(({
     href: url,
     target: "_blank",
     rel: "noopener noreferrer",
-    className: clsx('np-upload-item__link', singleFileUpload ? 'np-upload-item--single-file' : ''),
+    className: clsx('np-upload-input__item-link', singleFileUpload ? 'np-upload-input__item-link--single-file' : ''),
     onClick: onDownload,
     children: children
   });

package/build/uploadInput/uploadItem/UploadItemLink.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UploadItemLink.mjs","sources":["../../../src/uploadInput/uploadItem/UploadItemLink.tsx"],"sourcesContent":["import { PropsWithChildren, MouseEvent, forwardRef } from 'react';\nimport { clsx } from 'clsx';\n\ntype UploadItemLinkProps = PropsWithChildren<{\n  url?: string;\n  onDownload?: (event: MouseEvent) => void;\n  singleFileUpload: boolean;\n}>;\n\nexport const UploadItemLink = forwardRef<HTMLAnchorElement | HTMLDivElement, UploadItemLinkProps>(\n  ({ children, url, onDownload, singleFileUpload }, ref) => {\n    if (!url) {\n      return <div ref={ref as React.RefObject<HTMLDivElement>}>{children}</div>;\n    }\n\n    return (\n      <a\n        ref={ref as React.RefObject<HTMLAnchorElement>}\n        href={url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={clsx(\n          'np-upload-item__link',\n          singleFileUpload ? 'np-upload-item--single-file' : '',\n        )}\n        onClick={onDownload}\n      >\n        {children}\n      </a>\n    );\n  },\n);\n"],"names":["UploadItemLink","forwardRef","children","url","onDownload","singleFileUpload","ref","_jsx","href","target","rel","className","clsx","onClick"],"mappings":";;;;AASaA,MAAAA,cAAc,gBAAGC,UAAU,CACtC,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,UAAU;AAAEC,EAAAA,gBAAAA;CAAkB,EAAEC,GAAG,KAAI;EACvD,IAAI,CAACH,GAAG,EAAE;AACR,IAAA,oBAAOI,GAAA,CAAA,KAAA,EAAA;AAAKD,MAAAA,GAAG,EAAEA,GAAuC;AAAAJ,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAM,CAAC,CAAA;AAC3E,GAAA;AAEA,EAAA,oBACEK,GAAA,CAAA,GAAA,EAAA;AACED,IAAAA,GAAG,EAAEA,GAA0C;AAC/CE,IAAAA,IAAI,EAAEL,GAAI;AACVM,IAAAA,MAAM,EAAC,QAAQ;AACfC,IAAAA,GAAG,EAAC,qBAAqB;IACzBC,SAAS,EAAEC,IAAI,CACb,sBAAsB,EACtBP,gBAAgB,GAAG,6BAA6B,GAAG,EAAE,CACrD;AACFQ,IAAAA,OAAO,EAAET,UAAW;AAAAF,IAAAA,QAAA,EAEnBA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAER,CAAC;;;;"}
+{"version":3,"file":"UploadItemLink.mjs","sources":["../../../src/uploadInput/uploadItem/UploadItemLink.tsx"],"sourcesContent":["import { PropsWithChildren, MouseEvent, forwardRef } from 'react';\nimport { clsx } from 'clsx';\n\ntype UploadItemLinkProps = PropsWithChildren<{\n  url?: string;\n  onDownload?: (event: MouseEvent) => void;\n  singleFileUpload: boolean;\n}>;\n\nexport const UploadItemLink = forwardRef<HTMLAnchorElement | HTMLDivElement, UploadItemLinkProps>(\n  ({ children, url, onDownload, singleFileUpload }, ref) => {\n    if (!url) {\n      return <div ref={ref as React.RefObject<HTMLDivElement>} className={clsx('np-upload-input__item-container')}>{children}</div>;\n    }\n\n    return (\n      <a\n        ref={ref as React.RefObject<HTMLAnchorElement>}\n        href={url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={clsx(\n          'np-upload-input__item-link',\n          singleFileUpload ? 'np-upload-input__item-link--single-file' : '',\n        )}\n        onClick={onDownload}\n      >\n        {children}\n      </a>\n    );\n  },\n);\n"],"names":["UploadItemLink","forwardRef","children","url","onDownload","singleFileUpload","ref","_jsx","className","clsx","href","target","rel","onClick"],"mappings":";;;;AASaA,MAAAA,cAAc,gBAAGC,UAAU,CACtC,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,UAAU;AAAEC,EAAAA,gBAAAA;CAAkB,EAAEC,GAAG,KAAI;EACvD,IAAI,CAACH,GAAG,EAAE;AACR,IAAA,oBAAOI,GAAA,CAAA,KAAA,EAAA;AAAKD,MAAAA,GAAG,EAAEA,GAAuC;AAACE,MAAAA,SAAS,EAAEC,IAAI,CAAC,iCAAiC,CAAE;AAAAP,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAM,CAAC,CAAA;AAC/H,GAAA;AAEA,EAAA,oBACEK,GAAA,CAAA,GAAA,EAAA;AACED,IAAAA,GAAG,EAAEA,GAA0C;AAC/CI,IAAAA,IAAI,EAAEP,GAAI;AACVQ,IAAAA,MAAM,EAAC,QAAQ;AACfC,IAAAA,GAAG,EAAC,qBAAqB;IACzBJ,SAAS,EAAEC,IAAI,CACb,4BAA4B,EAC5BJ,gBAAgB,GAAG,yCAAyC,GAAG,EAAE,CACjE;AACFQ,IAAAA,OAAO,EAAET,UAAW;AAAAF,IAAAA,QAAA,EAEnBA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAER,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-e41fdbd",
+  "version": "0.0.0-experimental-f1f1846",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -92,8 +92,8 @@
     "rollup": "^4.18.1",
     "rollup-preserve-directives": "^1.1.1",
     "storybook": "^8.2.2",
-    "@wise/components-theming": "1.6.0",
     "@transferwise/less-config": "3.1.0",
+    "@wise/components-theming": "1.6.0",
     "@transferwise/neptune-css": "14.16.0"
   },
   "peerDependencies": {