@aws-amplify/ui-react-storage 2.2.0 → 2.3.1

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

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { StorageManagerProps, StorageManagerHandle } from './types';
-import { Container, DropZone, FileList, FileListHeader, FilePicker } from './ui';
+import { Container, DropZone, FileList, FileListHeader, FileListFooter, FilePicker } from './ui';
 declare const StorageManager: React.ForwardRefExoticComponent<StorageManagerProps & React.RefAttributes<StorageManagerHandle>> & {
     Container: typeof Container;
     DropZone: typeof DropZone;
     FileList: typeof FileList;
     FileListHeader: typeof FileListHeader;
+    FileListFooter: typeof FileListFooter;
     FilePicker: typeof FilePicker;
 };
 export { StorageManager };

package/dist/types/components/StorageManager/hooks/index.d.ts

@@ -1,3 +1,2 @@
-export { useDropZone } from './useDropZone';
 export { useStorageManager, UseStorageManager } from './useStorageManager';
 export { useUploadFiles } from './useUploadFiles';

package/dist/types/components/StorageManager/hooks/useStorageManager/actions.d.ts

@@ -1,8 +1,9 @@
 import { UploadTask } from '@aws-amplify/storage';
 import { FileStatus } from '../../types';
 import { Action, AddFilesActionParams } from './types';
-export declare const addFilesAction: ({ files, getFileErrorMessage, }: AddFilesActionParams) => Action;
+export declare const addFilesAction: ({ files, status, getFileErrorMessage, }: AddFilesActionParams) => Action;
 export declare const clearFilesAction: () => Action;
+export declare const queueFilesAction: () => Action;
 export declare const setUploadingFileAction: ({ id, uploadTask, }: {
     id: string;
     uploadTask: UploadTask | undefined;

package/dist/types/components/StorageManager/hooks/useStorageManager/types.d.ts

@@ -6,6 +6,7 @@ export interface UseStorageManagerState {
 export declare enum StorageManagerActionTypes {
     ADD_FILES = "ADD_FILES",
     CLEAR_FILES = "CLEAR_FILES",
+    QUEUE_FILES = "QUEUE_FILES",
     SET_STATUS = "SET_STATUS",
     SET_STATUS_UPLOADING = "SET_STATUS_UPLOADING",
     SET_UPLOAD_PROGRESS = "SET_UPLOAD_PROGRESS",
@@ -15,6 +16,7 @@ export type GetFileErrorMessage = (file: File) => string;
 export type Action = {
     type: StorageManagerActionTypes.ADD_FILES;
     files: File[];
+    status: FileStatus;
     getFileErrorMessage: GetFileErrorMessage;
 } | {
     type: StorageManagerActionTypes.CLEAR_FILES;
@@ -22,6 +24,8 @@ export type Action = {
     type: StorageManagerActionTypes.SET_STATUS;
     id: string;
     status: FileStatus;
+} | {
+    type: StorageManagerActionTypes.QUEUE_FILES;
 } | {
     type: StorageManagerActionTypes.SET_STATUS_UPLOADING;
     id: string;
@@ -36,5 +40,6 @@ export type Action = {
 };
 export interface AddFilesActionParams {
     files: File[];
+    status: FileStatus;
     getFileErrorMessage: GetFileErrorMessage;
 }

package/dist/types/components/StorageManager/hooks/useStorageManager/useStorageManager.d.ts

@@ -1,12 +1,14 @@
 import { UploadTask } from '@aws-amplify/storage';
-import { StorageFiles, DefaultFile } from '../../types';
+import { StorageFiles, FileStatus, DefaultFile } from '../../types';
 import { GetFileErrorMessage } from './types';
 export interface UseStorageManager {
     addFiles: (params: {
         files: File[];
+        status: FileStatus;
         getFileErrorMessage: GetFileErrorMessage;
     }) => void;
     clearFiles: () => void;
+    queueFiles: () => void;
     setUploadingFile: (params: {
         id: string;
         uploadTask?: UploadTask;

package/dist/types/components/StorageManager/index.d.ts

@@ -1,3 +1,3 @@
 export { StorageManager } from './StorageManager';
 export { StorageManagerProps } from './types';
-export { DropZoneProps, ContainerProps, FileListProps, FilePickerProps, FileListHeaderProps, } from './ui';
+export { DropZoneProps, ContainerProps, FileListProps, FilePickerProps, FileListHeaderProps, FileListFooterProps, } from './ui';

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

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import type { StorageAccessLevel, UploadTask } from '@aws-amplify/storage';
-import { ContainerProps, DropZoneProps, FileListHeaderProps, FileListProps, FilePickerProps } from './ui';
+import { ContainerProps, DropZoneProps, FileListHeaderProps, FileListFooterProps, FileListProps, FilePickerProps } from './ui';
 import { StorageManagerDisplayText } from './utils';
 export declare enum FileStatus {
+    ADDED = "added",
     QUEUED = "queued",
     UPLOADING = "uploading",
     PAUSED = "paused",
@@ -37,6 +38,10 @@ export interface StorageManagerProps {
      * @see https://docs.amplify.aws/lib/storage/configureaccess/q/platform/js/
      */
     accessLevel: StorageAccessLevel;
+    /**
+     * Determines if the upload will automatically start after a file is selected, default value: true
+     */
+    autoUpload?: boolean;
     /**
      * Component overrides
      */
@@ -46,6 +51,7 @@ export interface StorageManagerProps {
         FileList?: React.ComponentType<FileListProps>;
         FilePicker?: React.ComponentType<FilePickerProps>;
         FileListHeader?: React.ComponentType<FileListHeaderProps>;
+        FileListFooter?: React.ComponentType<FileListFooterProps>;
     };
     /**
      * List of default files already uploaded

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

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

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

@@ -0,0 +1 @@
+export { FileListFooter, FileListFooterProps } from './FileListFooter';

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

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

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

@@ -2,4 +2,5 @@ export { Container, ContainerProps } from './Container';
 export { DropZone, DropZoneProps } from './DropZone';
 export { FileList, FileListProps } from './FileList';
 export { FileListHeader, FileListHeaderProps } from './FileListHeader';
+export { FileListFooter, FileListFooterProps } from './FileListFooter';
 export { FilePicker, FilePickerProps } from './FilePicker';

package/dist/types/components/StorageManager/utils/displayText.d.ts

@@ -2,6 +2,7 @@ export declare const defaultStorageManagerDisplayText: {
     getFilesUploadedText(count: number): string;
     getFileSizeErrorText(sizeText: string): string;
     getRemainingFilesText(count: number): string;
+    getSelectedFilesText(count: number): string;
     getUploadingText(percentage: number): string;
     getUploadButtonText(count: number): string;
     getMaxFilesErrorText(count: number): string;

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

@@ -1,2 +1,2 @@
 export { StorageImage, StorageImageProps } from './StorageImage';
-export { StorageManager, StorageManagerProps, DropZoneProps, ContainerProps, FileListProps, FilePickerProps, FileListHeaderProps, } from './StorageManager';
+export { StorageManager, StorageManagerProps, DropZoneProps, ContainerProps, FileListProps, FilePickerProps, FileListHeaderProps, FileListFooterProps, } from './StorageManager';

package/dist/types/index.d.ts

@@ -1 +1 @@
-export { StorageImage, StorageImageProps, StorageManager, StorageManagerProps, DropZoneProps, ContainerProps, FileListProps, FilePickerProps, FileListHeaderProps, } from './components';
+export { StorageImage, StorageImageProps, StorageManager, StorageManagerProps, DropZoneProps, ContainerProps, FileListProps, FilePickerProps, FileListHeaderProps, FileListFooterProps, } from './components';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "2.2.0",
+  "version": "2.3.1",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -40,9 +40,9 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "5.7.2",
-    "@aws-amplify/ui-react": "5.2.0",
-    "@aws-amplify/ui-react-core": "2.1.31",
+    "@aws-amplify/ui": "5.8.1",
+    "@aws-amplify/ui-react": "5.3.1",
+    "@aws-amplify/ui-react-core": "2.1.33",
     "classnames": "2.3.1",
     "lodash": "4.17.21",
     "tslib": "2.4.1"

package/dist/esm/components/StorageManager/hooks/useDropZone/useDropZone.mjs

@@ -1 +0,0 @@
-import{useState as a}from"react";function r({onChange:r}){const[t,o]=a(!1);return{onDragStart:a=>{a.dataTransfer.clearData()},onDragEnter:a=>{a.preventDefault(),a.stopPropagation()},onDragLeave:a=>{a.preventDefault(),a.stopPropagation(),o(!1)},onDragOver:a=>{a.preventDefault(),a.stopPropagation(),a.dataTransfer.dropEffect="copy",o(!0)},onDrop:a=>{a.preventDefault(),a.stopPropagation(),o(!1),r(a)},inDropZone:t}}export{r as useDropZone};

package/dist/types/components/StorageManager/hooks/useDropZone/index.d.ts

@@ -1 +0,0 @@
-export { useDropZone } from './useDropZone';

package/dist/types/components/StorageManager/hooks/useDropZone/useDropZone.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export interface UseDropZoneProps {
-    onChange: (event: React.DragEvent<HTMLDivElement>) => void;
-}
-export interface UseDropZoneReturn {
-    onDragStart: (event: React.DragEvent<HTMLDivElement>) => void;
-    onDragEnter: (event: React.DragEvent<HTMLDivElement>) => void;
-    onDragLeave: (event: React.DragEvent<HTMLDivElement>) => void;
-    onDragOver: (event: React.DragEvent<HTMLDivElement>) => void;
-    onDrop: (event: React.DragEvent<HTMLDivElement>) => void;
-    inDropZone: boolean;
-}
-export declare function useDropZone({ onChange }: UseDropZoneProps): UseDropZoneReturn;