feat(storagemanager): add useAccelerateEndpoint (#5501)

Author: dbanksdesign

.changeset/healthy-baboons-film.md

@@ -0,0 +1,13 @@
+---
+"@aws-amplify/ui-react-storage": minor
+---
+
+feat(storagemanager): add useAccelerateEndpoint
+
+```jsx
+<StorageManager
+  acceptedFileTypes={['image/*']}
+  path="public/"
+  useAccelerateEndpoint
+/>
+```

docs/src/pages/[platform]/connected-components/storage/fileuploader/props.ts

@@ -106,6 +106,11 @@ export const FILE_UPLOADER = [
     description: 'Use the accelerated S3 endpoint to upload files.',
     type: 'boolean',
   },
+  {
+    name: `useAccelerateEndpoint?`,
+    description: 'Use the accelerated S3 endpoint to upload files.',
+    type: 'boolean',
+  },
   {
     name: `components?.Container?`,
     description: 'The container the FileUploader is wrapped in.',

packages/react-storage/src/components/StorageManager/utils/getInput.ts

@@ -16,6 +16,7 @@ export interface GetInputParams {
   onProgress: NonNullable<UploadDataWithPathInput['options']>['onProgress'];
   path: string | PathCallback | undefined;
   processFile: ProcessFile | undefined;
+  useAccelerateEndpoint?: boolean;
 }
 
 export const getInput = ({
@@ -26,6 +27,7 @@ export const getInput = ({
   onProgress,
   path,
   processFile,
+  useAccelerateEndpoint,
 }: GetInputParams) => {
   return async (): Promise<PathInput | UploadDataInput> => {
     const hasCallbackPath = isTypedFunction<PathCallback>(path);
@@ -42,7 +44,7 @@ export const getInput = ({
     const contentType = file.type || 'binary/octet-stream';
 
     // IMPORTANT: always pass `...rest` here for backwards compatibility
-    const options = { contentType, onProgress, ...rest };
+    const options = { contentType, onProgress, useAccelerateEndpoint, ...rest };
 
     let inputResult: PathInput | UploadDataInput;
     if (hasKeyInput) {