Copy storagemanager as fileuploader (#5744)

* chore: copy StorageManager component, renaming copy FileUploader

* chore: add FileUploader to component class names

* chore: renaming internal FileUploader references to use its own name

* chore: adding test for default prop in FileControl

* chore: rename test file to use FileUploader reference

* chore: add changeset

* fix: adding reference to correct component class in test

* Update .changeset/small-masks-act.md

Co-authored-by: Scott Rees <6165315+reesscot@users.noreply.github.com>

---------

Co-authored-by: Scott Rees <6165315+reesscot@users.noreply.github.com>

.changeset/small-masks-act.md

@@ -0,0 +1,6 @@
+---
+'@aws-amplify/ui-react-storage': minor
+'@aws-amplify/ui': minor
+---
+
+Adds FileUploader as new default name of StorageManager to avoid confusion with new components

docs/src/components/ComponentsMetadata.ts

@@ -19,6 +19,7 @@ type ComponentNameKey =
   | 'Divider'
   | 'DropZone'
   | 'Fieldset'
+  | 'FileUploader'
   | 'Flex'
   | 'Grid'
   | 'Heading'
@@ -317,6 +318,82 @@ export const ComponentsMetadata: ComponentClassNameItems = {
     components: ['Fieldset'],
     description: 'Visual label for the Fieldset primitive',
   },
+  FileUploader: {
+    className: ComponentClassName.FileUploader,
+    components: ['FileUploader'],
+  },
+  FileUploaderDropZone: {
+    className: ComponentClassName.FileUploaderDropZone,
+    components: ['FileUploader'],
+  },
+  FileUploaderDropZoneIcon: {
+    className: ComponentClassName.FileUploaderDropZoneIcon,
+    components: ['FileUploader'],
+  },
+  FileUploaderDropZoneText: {
+    className: ComponentClassName.FileUploaderDropZoneText,
+    components: ['FileUploader'],
+  },
+  FileUploaderFilePicker: {
+    className: ComponentClassName.FileUploaderFilePicker,
+    components: ['FileUploader'],
+  },
+  FileUploaderFile: {
+    className: ComponentClassName.FileUploaderFile,
+    components: ['FileUploader'],
+  },
+  FileUploaderFileWrapper: {
+    className: ComponentClassName.FileUploaderFileWrapper,
+    components: ['FileUploader'],
+  },
+  FileUploaderFileList: {
+    className: ComponentClassName.FileUploaderFileList,
+    components: ['FileUploader'],
+  },
+  FileUploaderFileName: {
+    className: ComponentClassName.FileUploaderFileName,
+    components: ['FileUploader'],
+  },
+  FileUploaderLoader: {
+    className: ComponentClassName.FileUploaderLoader,
+    components: ['FileUploader'],
+  },
+  FileUploaderFileSize: {
+    className: ComponentClassName.FileUploaderFileSize,
+    components: ['FileUploader'],
+  },
+  FileUploaderFileInfo: {
+    className: ComponentClassName.FileUploaderFileInfo,
+    components: ['FileUploader'],
+  },
+  FileUploaderFileImage: {
+    className: ComponentClassName.FileUploaderFileImage,
+    components: ['FileUploader'],
+  },
+  FileUploaderFileMain: {
+    className: ComponentClassName.FileUploaderFileMain,
+    components: ['FileUploader'],
+  },
+  FileUploaderFileStatus: {
+    className: ComponentClassName.FileUploaderFileStatus,
+    components: ['FileUploader'],
+  },
+  FileUploaderPreviewer: {
+    className: ComponentClassName.FileUploaderPreviewer,
+    components: ['FileUploader'],
+  },
+  FileUploaderPreviewerText: {
+    className: ComponentClassName.FileUploaderPreviewerText,
+    components: ['FileUploader'],
+  },
+  FileUploaderPreviewerActions: {
+    className: ComponentClassName.FileUploaderPreviewerActions,
+    components: ['FileUploader'],
+  },
+  FileUploaderPreviewerFooter: {
+    className: ComponentClassName.FileUploaderPreviewerFooter,
+    components: ['FileUploader'],
+  },
   Flex: {
     className: ComponentClassName.Flex,
     components: ['Flex'],