@aws-amplify/ui-react-storage 3.5.0 → 3.6.0

package/dist/browser.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createAmplifyAuthAdapter = require('./createAmplifyAuthAdapter-BUDNgORg.js');
+var createAmplifyAuthAdapter = require('./createAmplifyAuthAdapter-B9FoH-Ir.js');
 var internals = require('@aws-amplify/storage/internals');
 require('@aws-amplify/ui');
 require('aws-amplify/storage');

package/dist/{createAmplifyAuthAdapter-BUDNgORg.js → createAmplifyAuthAdapter-B9FoH-Ir.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var internals = require('@aws-amplify/storage/internals');
 var ui = require('@aws-amplify/ui');
+var internals = require('@aws-amplify/storage/internals');
 var storage = require('aws-amplify/storage');
 var uiReactCore = require('@aws-amplify/ui-react-core');
 var uiReact = require('@aws-amplify/ui-react');
@@ -32,6 +32,8 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+const VERSION = '3.6.0';
+
 const constructBucket = ({ bucket: bucketName, region, }) => ({ bucketName, region });
 const parseAccessGrantLocation = (location) => {
     const { permission, scope, type } = location;
@@ -2618,7 +2620,9 @@ const getActionViewTableData = ({ tasks, displayText, isProcessing, locationKey,
                             type: 'number',
                             content: {
                                 value: progress,
-                                displayValue: `${getPercentValue(progress ?? 0)}%`,
+                                displayValue: `${getPercentValue(
+                                // Default progress to 100% if progress value is unavailable but status is recognized as complete
+                                progress ?? status === 'COMPLETE' ? 1 : 0)}%`,
                             },
                         };
                     }
@@ -4799,6 +4803,11 @@ const useView = (type) => {
 function createStorageBrowser(input) {
     assertRegisterAuthListener(input.config.registerAuthListener);
     const { accountId, customEndpoint, registerAuthListener, getLocationCredentials, region, } = input.config;
+    ui.setUserAgent({
+        componentName: 'StorageBrowser',
+        packageName: 'react-storage',
+        version: VERSION,
+    });
     const actions = {
         default: {
             ...defaultActionConfigs,
@@ -4985,6 +4994,7 @@ const createAmplifyAuthAdapter = () => {
 };
 
 exports.DEFAULT_STORAGE_BROWSER_DISPLAY_TEXT = DEFAULT_STORAGE_BROWSER_DISPLAY_TEXT;
+exports.VERSION = VERSION;
 exports.componentsDefault = componentsDefault;
 exports.createAmplifyAuthAdapter = createAmplifyAuthAdapter;
 exports.createStorageBrowser = createStorageBrowser;

package/dist/esm/components/StorageBrowser/createStorageBrowser.mjs

@@ -1,6 +1,7 @@
 import React__default from 'react';
+import { setUserAgent } from '@aws-amplify/ui';
+import { VERSION } from '../../version.mjs';
 import '@aws-amplify/storage/internals';
-import '@aws-amplify/ui';
 import { assertRegisterAuthListener } from './validators/assertRegisterAuthListener.mjs';
 import 'aws-amplify/storage';
 import { ActionConfigsProvider } from './actions/configs/context.mjs';
@@ -40,6 +41,11 @@ import { DisplayTextProvider } from './displayText/context.mjs';
 function createStorageBrowser(input) {
     assertRegisterAuthListener(input.config.registerAuthListener);
     const { accountId, customEndpoint, registerAuthListener, getLocationCredentials, region, } = input.config;
+    setUserAgent({
+        componentName: 'StorageBrowser',
+        packageName: 'react-storage',
+        version: VERSION,
+    });
     const actions = {
         default: {
             ...defaultActionConfigs,

package/dist/esm/components/StorageBrowser/views/LocationActionView/getActionViewTableData.mjs

@@ -116,7 +116,9 @@ const getActionViewTableData = ({ tasks, displayText, isProcessing, locationKey,
                             type: 'number',
                             content: {
                                 value: progress,
-                                displayValue: `${getPercentValue(progress ?? 0)}%`,
+                                displayValue: `${getPercentValue(
+                                // Default progress to 100% if progress value is unavailable but status is recognized as complete
+                                progress ?? status === 'COMPLETE' ? 1 : 0)}%`,
                             },
                         };
                     }

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.5.0';
+const VERSION = '3.6.0';
 
 export { VERSION };

package/dist/index.js

@@ -9,7 +9,7 @@ var uiReactCore = require('@aws-amplify/ui-react-core');
 var auth = require('aws-amplify/auth');
 var storage = require('aws-amplify/storage');
 var internal = require('@aws-amplify/ui-react/internal');
-var createAmplifyAuthAdapter = require('./createAmplifyAuthAdapter-BUDNgORg.js');
+var createAmplifyAuthAdapter = require('./createAmplifyAuthAdapter-B9FoH-Ir.js');
 require('@aws-amplify/storage/internals');
 require('@aws-amplify/ui-react-core/elements');
 require('aws-amplify');
@@ -551,8 +551,6 @@ function FilePicker$1({ children, className = ui.ComponentClassName.FileUploader
     return (React__namespace["default"].createElement(uiReact.Button, { ...props, className: className, size: size }, children));
 }
 
-const VERSION = '3.5.0';
-
 const logger$1 = ui.getLogger('Storage');
 const MISSING_REQUIRED_PROPS_MESSAGE$1 = '`FileUploader` requires a `maxFileCount` prop to be provided.';
 const ACCESS_LEVEL_WITH_PATH_CALLBACK_MESSAGE$1 = '`FileUploader` does not allow usage of a `path` callback prop with an `accessLevel` prop.';
@@ -692,7 +690,7 @@ const FileUploaderBase = React__namespace.forwardRef(function FileUploader({ acc
     uiReactCore.useSetUserAgent({
         componentName: 'FileUploader',
         packageName: 'react-storage',
-        version: VERSION,
+        version: createAmplifyAuthAdapter.VERSION,
     });
     return (React__namespace.createElement(Components.Container, { className: `${ui.ComponentClassName.FileUploader} ${hasFiles ? ui.ComponentClassName.FileUploaderPreviewer : ''}` },
         React__namespace.createElement(Components.DropZone, { inDropZone: dragState !== 'inactive', ...dropZoneProps, displayText: displayText },
@@ -747,7 +745,7 @@ const StorageImage = ({ accessLevel, className, fallbackSrc, identityId, imgKey,
     uiReactCore.useSetUserAgent({
         componentName: 'StorageImage',
         packageName: 'react-storage',
-        version: VERSION,
+        version: createAmplifyAuthAdapter.VERSION,
     });
     const onError = onGetUrlError ?? onStorageGetError;
     const input = React__namespace.useMemo(() => ({
@@ -1032,7 +1030,7 @@ const StorageManagerBase = React__namespace.forwardRef(function StorageManager({
     uiReactCore.useSetUserAgent({
         componentName: 'StorageManager',
         packageName: 'react-storage',
-        version: VERSION,
+        version: createAmplifyAuthAdapter.VERSION,
     });
     return (React__namespace.createElement(Components.Container, { className: `${ui.ComponentClassName.StorageManager} ${hasFiles ? ui.ComponentClassName.StorageManagerPreviewer : ''}` },
         React__namespace.createElement(Components.DropZone, { inDropZone: dragState !== 'inactive', ...dropZoneProps, displayText: displayText },

package/dist/types/components/FileUploader/ui/Container/Container.d.ts

@@ -3,4 +3,4 @@ export interface ContainerProps {
     children: React.ReactNode;
     className: string;
 }
-export declare function Container({ children, className, }: ContainerProps): JSX.Element;
+export declare function Container({ children, className, }: ContainerProps): React.JSX.Element;

package/dist/types/components/FileUploader/ui/DropZone/DropZone.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { DropZoneProps } from './types';
-export declare function DropZone({ children, displayText, inDropZone, onDragEnter, onDragLeave, onDragOver, onDragStart, onDrop, testId, }: DropZoneProps): JSX.Element;
+export declare function DropZone({ children, displayText, inDropZone, onDragEnter, onDragLeave, onDragOver, onDragStart, onDrop, testId, }: DropZoneProps): React.JSX.Element;

package/dist/types/components/FileUploader/ui/DropZone/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FileUploaderDisplayText } from '../../utils/displayText';
 export interface DropZoneProps {
     children?: React.ReactNode;

package/dist/types/components/FileUploader/ui/FileList/FileControl.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileControlProps } from './types';
-export declare function FileControl({ onPause, onResume, displayName, errorMessage, isImage, isResumable, loaderIsDeterminate, onRemove, progress, showThumbnails, size, status, displayText, thumbnailUrl, }: FileControlProps): JSX.Element;
+export declare function FileControl({ onPause, onResume, displayName, errorMessage, isImage, isResumable, loaderIsDeterminate, onRemove, progress, showThumbnails, size, status, displayText, thumbnailUrl, }: FileControlProps): React.JSX.Element;

package/dist/types/components/FileUploader/ui/FileList/FileDetails.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { UploadDetailsProps } from './types';
-export declare const UploadDetails: ({ displayName, fileSize, }: UploadDetailsProps) => JSX.Element;
+export declare const UploadDetails: ({ displayName, fileSize, }: UploadDetailsProps) => React.JSX.Element;

package/dist/types/components/FileUploader/ui/FileList/FileList.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileListProps } from './types';
-export declare function FileList({ displayText, files, hasMaxFilesError, isResumable, onCancelUpload, onDeleteUpload, onResume, onPause, showThumbnails, maxFileCount, }: FileListProps): JSX.Element | null;
+export declare function FileList({ displayText, files, hasMaxFilesError, isResumable, onCancelUpload, onDeleteUpload, onResume, onPause, showThumbnails, maxFileCount, }: FileListProps): React.JSX.Element | null;

package/dist/types/components/FileUploader/ui/FileList/FileRemoveButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileRemoveButtonProps } from './types';
-export declare const FileRemoveButton: ({ altText, onClick, }: FileRemoveButtonProps) => JSX.Element;
+export declare const FileRemoveButton: ({ altText, onClick, }: FileRemoveButtonProps) => React.JSX.Element;

package/dist/types/components/FileUploader/ui/FileList/FileStatusMessage.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileStatusMessageProps } from './types';
-export declare const FileStatusMessage: ({ errorMessage, getPausedText, getUploadingText, percentage, status, uploadSuccessfulText, }: FileStatusMessageProps) => JSX.Element | null;
+export declare const FileStatusMessage: ({ errorMessage, getPausedText, getUploadingText, percentage, status, uploadSuccessfulText, }: FileStatusMessageProps) => React.JSX.Element | null;

package/dist/types/components/FileUploader/ui/FileList/FileThumbnail.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileThumbnailProps } from './types';
-export declare const FileThumbnail: ({ fileName, isImage, url, }: FileThumbnailProps) => JSX.Element;
+export declare const FileThumbnail: ({ fileName, isImage, url, }: FileThumbnailProps) => React.JSX.Element;

package/dist/types/components/FileUploader/ui/FileListFooter/FileListFooter.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileUploaderDisplayTextDefault } from '../../utils';
 export interface FileListFooterProps {
     remainingFilesCount: number;
@@ -6,4 +6,4 @@ export interface FileListFooterProps {
     onClearAll: () => void;
     onUploadAll: () => void;
 }
-export declare function FileListFooter({ displayText, remainingFilesCount, onClearAll, onUploadAll, }: FileListFooterProps): JSX.Element;
+export declare function FileListFooter({ displayText, remainingFilesCount, onClearAll, onUploadAll, }: FileListFooterProps): React.JSX.Element;

package/dist/types/components/FileUploader/ui/FileListHeader/FileListHeader.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileUploaderDisplayTextDefault } from '../../utils';
 export interface FileListHeaderProps {
     allUploadsSuccessful: boolean;
@@ -7,4 +7,4 @@ export interface FileListHeaderProps {
     remainingFilesCount: number;
     selectedFilesCount?: number;
 }
-export declare function FileListHeader({ allUploadsSuccessful, displayText, fileCount, remainingFilesCount, selectedFilesCount, }: FileListHeaderProps): JSX.Element;
+export declare function FileListHeader({ allUploadsSuccessful, displayText, fileCount, remainingFilesCount, selectedFilesCount, }: FileListHeaderProps): React.JSX.Element;

package/dist/types/components/FileUploader/ui/FilePicker/FilePicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonProps } from '@aws-amplify/ui-react';
 export type FilePickerProps = ButtonProps;
-export declare function FilePicker({ children, className, size, ...props }: FilePickerProps): JSX.Element;
+export declare function FilePicker({ children, className, size, ...props }: FilePickerProps): React.JSX.Element;

package/dist/types/components/StorageBrowser/actions/configs/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActionViewConfigs } from './types';
 export interface ActionConfigsProviderProps {
     actionConfigs: ActionViewConfigs;

package/dist/types/components/StorageBrowser/composables/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComposablesContext } from './types';
 export declare const useComposables: (params?: {
     errorMessage?: string | undefined;

package/dist/types/components/StorageBrowser/composables/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActionCancelProps } from './ActionCancel';
 import { ActionDestinationProps } from './ActionDestination';
 import { ActionExitProps } from './ActionExit';

package/dist/types/components/StorageBrowser/context/elements/defaults.d.ts

@@ -19,7 +19,7 @@ export declare const elementsDefault: {
     DescriptionTerm: typeof DescriptionTerm;
     Input: typeof Input;
     Label: typeof Label;
-    Nav: (props: NavElementProps) => JSX.Element;
+    Nav: (props: NavElementProps) => React.JSX.Element;
     Heading: typeof Heading;
     Span: typeof Span;
     Table: typeof Table;

package/dist/types/components/StorageBrowser/context/elements/definitions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconElement } from './IconElement';
 export interface StorageBrowserElements {
     Button: typeof ButtonElement;
@@ -81,7 +80,7 @@ export interface ProgressBarElementProps extends React.ComponentProps<typeof Pro
 }
 export declare const ProgressBarElement: import("@aws-amplify/ui-react-core/elements").BaseElement<import("@aws-amplify/ui-react-core/elements").BaseElementProps<never, string, import("react").SVGProps<SVGSVGElement>>>;
 export type InputElementProps = React.ComponentProps<typeof InputElement>;
-export declare const InputElement: import("@aws-amplify/ui-react-core/elements").BaseElement<import("@aws-amplify/ui-react-core/elements").BaseElementProps<"id" | "defaultChecked" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "onKeyUp" | "type" | "disabled" | "value" | "checked", string, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>>;
+export declare const InputElement: import("@aws-amplify/ui-react-core/elements").BaseElement<import("@aws-amplify/ui-react-core/elements").BaseElementProps<"id" | "defaultChecked" | "onFocus" | "onBlur" | "onChange" | "onKeyUp" | "type" | "disabled" | "value" | "checked" | "placeholder", string, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>>;
 export interface ButtonElementProps extends React.ComponentProps<typeof ButtonElement> {
 }
 export declare const ButtonElement: import("@aws-amplify/ui-react-core/elements").BaseElement<import("@aws-amplify/ui-react-core/elements").BaseElementProps<"role" | "onClick" | "type" | "disabled" | "value", ButtonElementVariant, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>>;

package/dist/types/components/StorageBrowser/controls/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ControlsContext } from './types';
 export declare const useControlsContext: (params?: {
     errorMessage?: string | undefined;

package/dist/types/components/StorageBrowser/controls/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LocationData } from '../actions';
 import { ActionListItem } from '../composables/ActionsList';
 import { DataTableSortHeader, DataTableProps } from '../composables/DataTable';

package/dist/types/components/StorageBrowser/providers/store/actionType/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ActionTypeAction = {
     type: 'SET_ACTION_TYPE';
     actionType: string;

package/dist/types/components/StorageBrowser/providers/store/files/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LocationItemType, TaskData } from '../../../actions';
 /**
  * native OS file picker type. to restrict selectable file types, define the picker types

package/dist/types/components/StorageBrowser/useAction/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActionHandlersContext } from './types';
 export declare const ActionHandlersProvider: import("react").ComponentType<import("react").PropsWithChildren<ActionHandlersContext>>, useActionHandlers: (params?: {
     errorMessage?: string | undefined;

package/dist/types/components/StorageBrowser/views/LocationActionView/CopyView/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FolderData, CopyHandlerData, LocationData } from '../../../actions';
 import { LocationState } from '../../../providers/store/location';
 import { ActionViewType, ActionViewProps, ActionViewState } from '../types';

package/dist/types/components/StorageBrowser/views/LocationActionView/CreateFolderView/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CreateFolderHandlerData, LocationData } from '../../../actions';
 import { ActionViewType, ActionViewState, ActionViewProps } from '../types';
 export interface CreateFolderViewState extends Omit<ActionViewState<CreateFolderHandlerData>, 'onActionCancel'> {

package/dist/types/components/StorageBrowser/views/LocationActionView/DeleteView/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DeleteHandlerData, LocationData } from '../../../actions';
 import { ActionViewType, ActionViewProps, ActionViewState } from '../types';
 export interface DeleteViewState extends ActionViewState<DeleteHandlerData> {

package/dist/types/components/StorageBrowser/views/LocationActionView/UploadView/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LocationData, UploadHandlerData } from '../../../actions';
 import { FileItem, FileItems } from '../../../providers';
 import { ActionViewType, ActionViewProps, ActionViewState } from '../types';

package/dist/types/components/StorageBrowser/views/LocationActionView/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LocationData, TaskData } from '../../actions';
 import { LocationState } from '../../providers/store/location';
 import { StatusCounts, Task, Tasks } from '../../tasks';

package/dist/types/components/StorageBrowser/views/LocationDetailView/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FileData, FileDataItem, LocationData, LocationItemData } from '../../actions';
 import { ActionListItem } from '../../composables/ActionsList';
 import { LocationState } from '../../providers/store/location';

package/dist/types/components/StorageBrowser/views/LocationsView/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LocationData } from '../../actions';
 import { ListViewProps } from '../types';
 export interface LocationsViewState {

package/dist/types/components/StorageImage/StorageImage.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { StorageImageProps, StorageImagePathProps } from './types';
 export declare const MISSING_REQUIRED_PROP_MESSAGE = "`StorageImage` requires either an `imgKey` or `path` prop.";
 export declare const HAS_DEPRECATED_PROPS_MESSAGE = "`imgKey`, `accessLevel`, and `identityId` will be replaced with `path` in a future major version. See https://ui.docs.amplify.aws/react/connected-components/storage/storageimage#props";
 export declare const HAS_PATH_AND_KEY_MESSAGE = "`imgKey` is ignored when both `imgKey` and `path` props are provided.";
 export declare const HAS_PATH_AND_UNSUPPORTED_OPTIONS_MESSAGE = "`accessLevel` and `identityId` are ignored when the `path` prop is provided.";
-export declare const StorageImage: ({ accessLevel, className, fallbackSrc, identityId, imgKey, path, onStorageGetError, onGetUrlError, validateObjectExistence, ...rest }: StorageImageProps | StorageImagePathProps) => JSX.Element;
+export declare const StorageImage: ({ accessLevel, className, fallbackSrc, identityId, imgKey, path, onStorageGetError, onGetUrlError, validateObjectExistence, ...rest }: StorageImageProps | StorageImagePathProps) => React.JSX.Element;

package/dist/types/components/StorageManager/ui/Container/Container.d.ts

@@ -3,4 +3,4 @@ export interface ContainerProps {
     children: React.ReactNode;
     className: string;
 }
-export declare function Container({ children, className, }: ContainerProps): JSX.Element;
+export declare function Container({ children, className, }: ContainerProps): React.JSX.Element;

package/dist/types/components/StorageManager/ui/DropZone/DropZone.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { DropZoneProps } from './types';
-export declare function DropZone({ children, displayText, inDropZone, onDragEnter, onDragLeave, onDragOver, onDragStart, onDrop, testId, }: DropZoneProps): JSX.Element;
+export declare function DropZone({ children, displayText, inDropZone, onDragEnter, onDragLeave, onDragOver, onDragStart, onDrop, testId, }: DropZoneProps): React.JSX.Element;

package/dist/types/components/StorageManager/ui/DropZone/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FileUploaderDisplayText as StorageManagerDisplayText } from '../../../FileUploader/utils/displayText';
 export interface DropZoneProps {
     children?: React.ReactNode;

package/dist/types/components/StorageManager/ui/FileList/FileControl.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileControlProps } from './types';
-export declare function FileControl({ onPause, onResume, displayName, errorMessage, isImage, isResumable, loaderIsDeterminate, onRemove, progress, showThumbnails, size, status, displayText, thumbnailUrl, }: FileControlProps): JSX.Element;
+export declare function FileControl({ onPause, onResume, displayName, errorMessage, isImage, isResumable, loaderIsDeterminate, onRemove, progress, showThumbnails, size, status, displayText, thumbnailUrl, }: FileControlProps): React.JSX.Element;

package/dist/types/components/StorageManager/ui/FileList/FileDetails.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { UploadDetailsProps } from './types';
-export declare const UploadDetails: ({ displayName, fileSize, }: UploadDetailsProps) => JSX.Element;
+export declare const UploadDetails: ({ displayName, fileSize, }: UploadDetailsProps) => React.JSX.Element;

package/dist/types/components/StorageManager/ui/FileList/FileList.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileListProps } from './types';
-export declare function FileList({ displayText, files, hasMaxFilesError, isResumable, onCancelUpload, onDeleteUpload, onResume, onPause, showThumbnails, maxFileCount, }: FileListProps): JSX.Element | null;
+export declare function FileList({ displayText, files, hasMaxFilesError, isResumable, onCancelUpload, onDeleteUpload, onResume, onPause, showThumbnails, maxFileCount, }: FileListProps): React.JSX.Element | null;

package/dist/types/components/StorageManager/ui/FileList/FileRemoveButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileRemoveButtonProps } from './types';
-export declare const FileRemoveButton: ({ altText, onClick, }: FileRemoveButtonProps) => JSX.Element;
+export declare const FileRemoveButton: ({ altText, onClick, }: FileRemoveButtonProps) => React.JSX.Element;

package/dist/types/components/StorageManager/ui/FileList/FileStatusMessage.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileStatusMessageProps } from './types';
-export declare const FileStatusMessage: ({ errorMessage, getPausedText, getUploadingText, percentage, status, uploadSuccessfulText, }: FileStatusMessageProps) => JSX.Element | null;
+export declare const FileStatusMessage: ({ errorMessage, getPausedText, getUploadingText, percentage, status, uploadSuccessfulText, }: FileStatusMessageProps) => React.JSX.Element | null;

package/dist/types/components/StorageManager/ui/FileList/FileThumbnail.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileThumbnailProps } from './types';
-export declare const FileThumbnail: ({ fileName, isImage, url, }: FileThumbnailProps) => JSX.Element;
+export declare const FileThumbnail: ({ fileName, isImage, url, }: FileThumbnailProps) => React.JSX.Element;

package/dist/types/components/StorageManager/ui/FileListFooter/FileListFooter.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileUploaderDisplayTextDefault as StorageManagerDisplayTextDefault } from '../../../FileUploader/utils';
 export interface FileListFooterProps {
     remainingFilesCount: number;
@@ -6,4 +6,4 @@ export interface FileListFooterProps {
     onClearAll: () => void;
     onUploadAll: () => void;
 }
-export declare function FileListFooter({ displayText, remainingFilesCount, onClearAll, onUploadAll, }: FileListFooterProps): JSX.Element;
+export declare function FileListFooter({ displayText, remainingFilesCount, onClearAll, onUploadAll, }: FileListFooterProps): React.JSX.Element;

package/dist/types/components/StorageManager/ui/FileListHeader/FileListHeader.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileUploaderDisplayTextDefault as StorageManagerDisplayTextDefault } from '../../../FileUploader/utils';
 export interface FileListHeaderProps {
     allUploadsSuccessful: boolean;
@@ -7,4 +7,4 @@ export interface FileListHeaderProps {
     remainingFilesCount: number;
     selectedFilesCount?: number;
 }
-export declare function FileListHeader({ allUploadsSuccessful, displayText, fileCount, remainingFilesCount, selectedFilesCount, }: FileListHeaderProps): JSX.Element;
+export declare function FileListHeader({ allUploadsSuccessful, displayText, fileCount, remainingFilesCount, selectedFilesCount, }: FileListHeaderProps): React.JSX.Element;

package/dist/types/components/StorageManager/ui/FilePicker/FilePicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonProps } from '@aws-amplify/ui-react';
 export type FilePickerProps = ButtonProps;
-export declare function FilePicker({ children, className, size, ...props }: FilePickerProps): JSX.Element;
+export declare function FilePicker({ children, className, size, ...props }: FilePickerProps): React.JSX.Element;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.5.0";
+export declare const VERSION = "3.6.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -47,15 +47,15 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.7.1",
-    "@aws-amplify/ui-react": "6.7.1",
-    "@aws-amplify/ui-react-core": "3.1.1",
+    "@aws-amplify/ui": "6.7.2",
+    "@aws-amplify/ui-react": "6.8.0",
+    "@aws-amplify/ui-react-core": "3.2.0",
     "tslib": "^2.5.2"
   },
   "peerDependencies": {
     "aws-amplify": "^6.9.0",
-    "react": "^16.14.0 || ^17.0 || ^18.0",
-    "react-dom": "^16.14.0 || ^17.0 || ^18.0"
+    "react": "^16.14 || ^17 || ^18 || ^19",
+    "react-dom": "^16.14 || ^17 || ^18 || ^19"
   },
   "devDependencies": {
     "jest-tsd": "^0.2.2",
@@ -70,7 +70,7 @@
       "name": "createStorageBrowser",
       "path": "dist/esm/browser.mjs",
       "import": "{ createStorageBrowser }",
-      "limit": "60 kB",
+      "limit": "63 kB",
       "ignore": [
         "@aws-amplify/storage"
       ]
@@ -79,7 +79,7 @@
       "name": "StorageBrowser",
       "path": "dist/esm/index.mjs",
       "import": "{ StorageBrowser }",
-      "limit": "83 kB"
+      "limit": "85.1 kB"
     },
     {
       "name": "FileUploader",