box-ui-elements 23.3.0-beta.7 → 23.3.0

package/src/elements/content-uploader/ItemAction.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { ForwardRefExoticComponent, RefAttributes, SVGProps } from 'react';
 import { useIntl } from 'react-intl';
 import { AxiosError } from 'axios';
 import { Button, IconButton, LoadingIndicator, Tooltip } from '@box/blueprint-web';
@@ -30,6 +31,8 @@ export interface ItemActionProps {
     status: UploadStatus;
 }
 
+type IconComponent = ForwardRefExoticComponent<SVGProps<SVGSVGElement> & RefAttributes<SVGSVGElement>>;
+
 const ItemAction = ({
     error,
     isFolder = false,
@@ -41,11 +44,11 @@ const ItemAction = ({
     const { formatMessage } = useIntl();
     const { code } = error || {};
 
-    const LoadingIndicatorIcon = () => (
+    const LoadingIndicatorIcon = React.forwardRef<SVGSVGElement>(() => (
         <LoadingIndicator aria-label={formatMessage(messages.loading)} className="bcu-ItemAction-loading" />
-    );
+    ));
 
-    let Icon = XMark;
+    let Icon: IconComponent = XMark;
     let tooltip;
 
     if (isFolder && status !== STATUS_PENDING) {
@@ -54,14 +57,14 @@ const ItemAction = ({
 
     switch (status) {
         case STATUS_COMPLETE:
-            Icon = () => (
+            Icon = React.forwardRef<SVGSVGElement>(() => (
                 <Checkmark
                     aria-label={formatMessage(messages.complete)}
                     color={SurfaceStatusSurfaceSuccess}
                     height={Size5}
                     width={Size5}
                 />
-            );
+            ));
             if (!isResumableUploadsEnabled) {
                 tooltip = messages.remove;
             }
@@ -75,7 +78,7 @@ const ItemAction = ({
             if (isResumableUploadsEnabled) {
                 Icon = LoadingIndicatorIcon;
             } else {
-                Icon = IconInProgress;
+                Icon = IconInProgress as IconComponent;
                 tooltip = messages.uploadsCancelButtonTooltip;
             }
             break;

package/src/features/metadata-instance-editor/CascadePolicy.js

@@ -4,6 +4,7 @@ import { FormattedMessage } from 'react-intl';
 
 import { BoxAiAgentSelector } from '@box/box-ai-agent-selector';
 import { InlineNotice, TooltipProvider } from '@box/blueprint-web';
+// $FlowFixMe
 import BoxAiLogo from '@box/blueprint-web-assets/icons/Logo/BoxAiLogo';
 
 import Toggle from '../../components/toggle';

package/src/icons/file-icon/FileIcon.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { ForwardRefExoticComponent, RefAttributes, SVGProps } from 'react';
 
 import {
     FileAdobeExpress,
@@ -40,7 +41,9 @@ import { useIntl } from 'react-intl';
 
 import messages from '../../elements/common/messages';
 
-const Components: { [key: string]: (props: React.SVGProps<SVGSVGElement>) => JSX.Element } = {
+type FileIconComponent = ForwardRefExoticComponent<SVGProps<SVGSVGElement> & RefAttributes<SVGSVGElement>>;
+
+const Components: { [key: string]: FileIconComponent } = {
     FileAdobeExpress,
     FileAudio,
     FileBookmark,