@aws-amplify/ui-react-storage 0.0.0-studio-41bd6b8-20230725225637 → 0.0.0-studio-console-80bb2e2-20230921222703

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,12 +1,12 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "0.0.0-studio-41bd6b8-20230725225637",
+  "version": "0.0.0-studio-console-80bb2e2-20230921222703",
   "main": "dist/index.js",
-  "module": "dist/esm/index.js",
+  "module": "dist/esm/index.mjs",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/esm/index.js",
+      "import": "./dist/esm/index.mjs",
       "require": "./dist/index.js"
     },
     "./styles.css": "./dist/styles.css"
@@ -28,26 +28,27 @@
   "scripts": {
     "build": "yarn build:rollup",
     "build:rollup": "rollup --config",
+    "check:esm": "node --input-type=module --eval 'import \"@aws-amplify/ui-react-storage\"'",
     "clean": "rimraf dist node_modules",
     "dev": "yarn build:rollup --watch",
     "lint": "yarn typecheck && eslint src --ext .js,.ts,.tsx",
     "prebuild": "rimraf dist",
     "size": "yarn size-limit",
     "test": "jest",
-    "test:ci": "yarn test",
+    "test:ci": "yarn test && yarn check:esm",
     "test:watch": "yarn test --watch",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "0.0.0-studio-41bd6b8-20230725225637",
-    "@aws-amplify/ui-react": "0.0.0-studio-41bd6b8-20230725225637",
-    "@aws-amplify/ui-react-core": "0.0.0-studio-41bd6b8-20230725225637",
+    "@aws-amplify/ui": "0.0.0-studio-console-80bb2e2-20230921222703",
+    "@aws-amplify/ui-react": "0.0.0-studio-console-80bb2e2-20230921222703",
+    "@aws-amplify/ui-react-core": "0.0.0-studio-console-80bb2e2-20230921222703",
     "classnames": "2.3.1",
     "lodash": "4.17.21",
     "tslib": "2.4.1"
   },
   "peerDependencies": {
-    "aws-amplify": ">= 5.0.1",
+    "aws-amplify": "^5.0.1",
     "react": ">= 16.14.0",
     "react-dom": ">= 16.14.0"
   },
@@ -58,7 +59,6 @@
   },
   "devDependencies": {
     "@aws-amplify/eslint-config-amplify-ui": "0.0.0",
-    "@rollup/plugin-commonjs": "^22.0.1",
     "@rollup/plugin-typescript": "^8.3.1",
     "@size-limit/preset-big-lib": "^8.2.6",
     "@testing-library/jest-dom": "^5.14.1",
@@ -87,7 +87,7 @@
   "size-limit": [
     {
       "name": "StorageManager",
-      "path": "dist/esm/index.js",
+      "path": "dist/esm/index.mjs",
       "import": "{ StorageManager }",
       "limit": "120 kB"
     }

package/dist/esm/components/StorageImage/StorageImage.js

@@ -1 +0,0 @@
-import{__rest as e}from"tslib";import*as r from"react";import a from"classnames";import{Image as t,ComponentClassNames as o}from"@aws-amplify/ui-react";import{useStorageURL as s}from"@aws-amplify/ui-react/internal";const c=c=>{var{accessLevel:i,className:m,fallbackSrc:l,identityId:n,imgKey:f,onStorageGetError:p}=c,g=e(c,["accessLevel","className","fallbackSrc","identityId","imgKey","onStorageGetError"]);const y=r.useMemo((()=>({level:i,identityId:n})),[i,n]),d=s({key:f,options:y,fallbackURL:l,onStorageGetError:p});return r.createElement(t,Object.assign({},g,{className:a(o.StorageImage,m),src:d}))};export{c as StorageImage};

package/dist/esm/components/StorageManager/StorageManager.js

@@ -1 +0,0 @@
-import*as e from"react";import{Logger as i}from"aws-amplify";import{ComponentClassNames as s,VisuallyHidden as r}from"@aws-amplify/ui-react";import{useDropZone as o}from"./hooks/useDropZone/useDropZone.js";import{useStorageManager as t}from"./hooks/useStorageManager/useStorageManager.js";import{useUploadFiles as l}from"./hooks/useUploadFiles/useUploadFiles.js";import{FileStatus as a}from"./types.js";import{Container as n}from"./ui/Container/Container.js";import{DropZone as p}from"./ui/DropZone/DropZone.js";import{FileList as c}from"./ui/FileList/FileList.js";import{FileListHeader as m}from"./ui/FileListHeader/FileListHeader.js";import{FilePicker as u}from"./ui/FilePicker/FilePicker.js";import{checkMaxFileSize as d}from"./utils/checkMaxFileSize.js";import{defaultStorageManagerDisplayText as f}from"./utils/displayText.js";import{filterAllowedFiles as F}from"./utils/filterAllowedFiles.js";import"tslib";const g=new i("Storage.StorageManager");const U=Object.assign(e.forwardRef((function({acceptedFileTypes:i=[],accessLevel:U,defaultFiles:h,displayText:j,isResumable:x=!1,maxFileCount:S,maxFileSize:y,onUploadError:E,onUploadSuccess:k,onFileRemove:C,onUploadStart:L,showThumbnails:T=!0,processFile:b,components:v,provider:D,path:P},w){U&&S||g.warn("FileUploader requires accessLevel and maxFileCount props");const M=Object.assign({Container:n,DropZone:p,FileList:c,FilePicker:u,FileListHeader:m},v),R=void 0===S||"number"==typeof S&&S>1,O=Object.assign(Object.assign({},f),j),{getFileSizeErrorText:Z}=O,H=e=>d({file:e,maxFileSize:y,getFileSizeErrorText:Z}),{addFiles:z,clearFiles:A,files:I,removeUpload:$,setUploadingFile:q,setUploadPaused:N,setUploadProgress:B,setUploadSuccess:G,setUploadResumed:J}=t(h);e.useImperativeHandle(w,(()=>({clearFiles:A})));const K=o({onChange:e=>{const{files:s}=e.dataTransfer;if(!s||0===s.length)return;const r=F(Array.from(s),i);z({files:r,getFileErrorMessage:H})}});l({accessLevel:U,files:I,isResumable:x,maxFileCount:S,onUploadError:E,onUploadSuccess:k,onUploadStart:L,setUploadingFile:q,setUploadProgress:B,setUploadSuccess:G,processFile:b,provider:D,path:P});const Q=0!==I.length&&I.every((e=>(null==e?void 0:e.status)===a.UPLOADED)),V=I.filter((e=>e.progress<100)).length>S,W=I.filter((e=>(null==e?void 0:e.status)===a.UPLOADED)).length,X=I.length-W,Y=I.length>0,_=e.useRef(null);return e.createElement(M.Container,{className:`${s.StorageManager} ${Y?s.StorageManagerPreviewer:""}`},e.createElement(M.DropZone,Object.assign({},K,{displayText:O}),e.createElement(e.Fragment,null,e.createElement(M.FilePicker,{onClick:function(){_.current&&(_.current.click(),_.current.value="")}},O.browseFilesText),e.createElement(r,null,e.createElement("input",{type:"file",tabIndex:-1,ref:_,onChange:e=>{const{files:i}=e.target;i&&0!==i.length&&z({files:Array.from(i),getFileErrorMessage:H})},multiple:R,accept:i.join(",")})))),Y?e.createElement(M.FileListHeader,{allUploadsSuccessful:Q,displayText:O,fileCount:I.length,remainingFilesCount:X}):null,e.createElement(M.FileList,{displayText:O,files:I,isResumable:x,onCancelUpload:({id:e,uploadTask:i})=>{i.pause(),$({id:e})},onDeleteUpload:({id:e})=>{if($({id:e}),"function"==typeof C){const i=I.find((i=>i.id===e));i&&C({key:i.key})}},onResume:({id:e,uploadTask:i})=>{i.resume(),J({id:e})},onPause:({id:e,uploadTask:i})=>{i.pause(),N({id:e})},showThumbnails:T,hasMaxFilesError:V,maxFileCount:S}))})),{Container:n,DropZone:p,FileList:c,FileListHeader:m,FilePicker:u});export{U as StorageManager};

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

@@ -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/esm/components/StorageManager/hooks/useStorageManager/actions.js

@@ -1 +0,0 @@
-import{StorageManagerActionTypes as e}from"./types.js";const s=({files:s,getFileErrorMessage:t})=>({type:e.ADD_FILES,files:s,getFileErrorMessage:t}),t=()=>({type:e.CLEAR_FILES}),i=({id:s,uploadTask:t})=>({type:e.SET_STATUS_UPLOADING,id:s,uploadTask:t}),p=({id:s,progress:t})=>({type:e.SET_UPLOAD_PROGRESS,id:s,progress:t}),r=({id:s,status:t})=>({type:e.SET_STATUS,id:s,status:t}),E=({id:s})=>({type:e.REMOVE_UPLOAD,id:s});export{s as addFilesAction,t as clearFilesAction,E as removeUploadAction,p as setUploadProgressAction,r as setUploadStatusAction,i as setUploadingFileAction};

package/dist/esm/components/StorageManager/hooks/useStorageManager/reducer.js

@@ -1 +0,0 @@
-import{FileStatus as s}from"../../types.js";import{StorageManagerActionTypes as e}from"./types.js";function t(t,i){switch(i.type){case e.ADD_FILES:{const{files:e}=i,a=e.map((e=>{const t=i.getFileErrorMessage(e);return{id:e.name,file:e,error:t,key:e.name,status:t?s.ERROR:s.QUEUED,isImage:e.type.startsWith("image/"),progress:-1}})),r=[...t.files,...a];return Object.assign(Object.assign({},t),{files:r})}case e.CLEAR_FILES:return Object.assign(Object.assign({},t),{files:[]});case e.SET_STATUS_UPLOADING:{const{id:e,uploadTask:a}=i,{files:r}=t,c=r.reduce(((t,i)=>i.id===e?[...t,Object.assign(Object.assign({},i),{status:s.UPLOADING,progress:0,uploadTask:a||void 0})]:[...t,i]),[]);return Object.assign(Object.assign({},t),{files:c})}case e.SET_UPLOAD_PROGRESS:{const{id:s,progress:e}=i,{files:a}=t,r=a.reduce(((t,i)=>i.id===s?[...t,Object.assign(Object.assign({},i),{progress:e})]:[...t,i]),[]);return Object.assign(Object.assign({},t),{files:r})}case e.SET_STATUS:{const{id:s,status:e}=i,{files:a}=t,r=a.reduce(((t,i)=>i.id===s?[...t,Object.assign(Object.assign({},i),{status:e})]:[...t,i]),[]);return Object.assign(Object.assign({},t),{files:r})}case e.REMOVE_UPLOAD:{const{id:s}=i,{files:e}=t,a=e.reduce(((e,t)=>t.id===s?[...e]:[...e,t]),[]);return Object.assign(Object.assign({},t),{files:a})}}}export{t as storageManagerStateReducer};

package/dist/esm/components/StorageManager/hooks/useStorageManager/types.js

@@ -1 +0,0 @@
-var S;!function(S){S.ADD_FILES="ADD_FILES",S.CLEAR_FILES="CLEAR_FILES",S.SET_STATUS="SET_STATUS",S.SET_STATUS_UPLOADING="SET_STATUS_UPLOADING",S.SET_UPLOAD_PROGRESS="SET_UPLOAD_PROGRESS",S.REMOVE_UPLOAD="REMOVE_UPLOAD"}(S||(S={}));export{S as StorageManagerActionTypes};

package/dist/esm/components/StorageManager/hooks/useStorageManager/useStorageManager.js

@@ -1 +0,0 @@
-import s from"react";import{FileStatus as e}from"../../types.js";import{storageManagerStateReducer as i}from"./reducer.js";import{addFilesAction as r,clearFilesAction as t,setUploadingFileAction as o,setUploadProgressAction as a,setUploadStatusAction as d,removeUploadAction as l}from"./actions.js";import{isObject as p}from"@aws-amplify/ui";const u=s=>(s=>!(!p(s)||!s.key))(s)?Object.assign(Object.assign({},s),{id:s.key,status:e.UPLOADED}):void 0;function m(p=[]){const[{files:m},f]=s.useReducer(i,{files:Array.isArray(p)?p.map(u).filter((s=>!!s)):[]});return{removeUpload:({id:s})=>{f(l({id:s}))},setUploadPaused:({id:s})=>{f(d({id:s,status:e.PAUSED}))},setUploadProgress:({progress:s,id:e})=>{f(a({id:e,progress:s}))},setUploadResumed:({id:s})=>{f(d({id:s,status:e.UPLOADING}))},setUploadSuccess:({id:s})=>{f(d({id:s,status:e.UPLOADED}))},setUploadingFile:({uploadTask:s,id:e})=>{f(o({id:e,uploadTask:s}))},addFiles:({files:s,getFileErrorMessage:e})=>{f(r({files:s,getFileErrorMessage:e}))},clearFiles:()=>{f(t())},files:m}}export{m as useStorageManager};

package/dist/esm/components/StorageManager/hooks/useUploadFiles/useUploadFiles.js

@@ -1 +0,0 @@
-import{__rest as e}from"tslib";import*as o from"react";import{uploadFile as s}from"../../utils/uploadFile.js";import{FileStatus as l}from"../../types.js";import{resolveFile as t}from"./resolveFile.js";function r({files:r,accessLevel:a,isResumable:i,setUploadProgress:p,setUploadingFile:c,setUploadSuccess:n,onUploadError:d,onUploadSuccess:f,onUploadStart:m,maxFileCount:u,processFile:k,provider:b,path:y=""}){o.useEffect((()=>{const o=r.filter((e=>e.status===l.QUEUED));if(!(o.length>u))for(const{file:l,key:r,id:u}of o){const o=e=>{null==f||f(e),n({id:u})},U=e=>{const o=0===e.total?100:Math.floor(e.loaded/e.total*100);p({id:u,progress:o})},g=e=>{null==d||d(e,{key:r})};l&&t({processFile:k,file:l,key:r}).then((l=>{var{key:t}=l,r=e(l,["key"]);null==m||m({key:t});const p=s(Object.assign(Object.assign({},r),{isResumable:i,provider:b,key:y+t,level:a,completeCallback:o,progressCallback:U,errorCallback:g}));c({id:u,uploadTask:i?p:void 0})}))}}),[r,a,i,p,c,d,f,m,u,n,k,b,y])}export{r as useUploadFiles};

package/dist/esm/components/StorageManager/types.js

@@ -1 +0,0 @@
-var e;!function(e){e.QUEUED="queued",e.UPLOADING="uploading",e.PAUSED="paused",e.ERROR="error",e.UPLOADED="uploaded"}(e||(e={}));export{e as FileStatus};

package/dist/esm/components/StorageManager/ui/DropZone/DropZone.js

@@ -1 +0,0 @@
-import e from"react";import r from"classnames";import{View as a,ComponentClassNames as o,Text as t}from"@aws-amplify/ui-react";import{classNameModifier as n}from"@aws-amplify/ui";import{IconUpload as i}from"@aws-amplify/ui-react/internal";function m({children:m,displayText:p,inDropZone:s,onDragEnter:g,onDragLeave:c,onDragOver:D,onDragStart:l,onDrop:f,testId:d}){const{dropFilesText:S}=p;return e.createElement(a,{className:r(s&&n(o.StorageManagerDropZone,"active"),o.StorageManagerDropZone),"data-testid":d,onDragStart:l,onDragEnter:g,onDragLeave:c,onDrop:f,onDragOver:D},e.createElement(i,{"aria-hidden":!0,className:o.StorageManagerDropZoneIcon}),e.createElement(t,{className:o.StorageManagerDropZoneText},S),m)}export{m as DropZone};

package/dist/esm/components/StorageManager/ui/FileList/FileControl.js

@@ -1 +0,0 @@
-import e from"react";import{View as a,ComponentClassNames as t,Loader as r,Button as l}from"@aws-amplify/ui-react";import{FileStatus as s}from"../../types.js";import{FileStatusMessage as i}from"./FileStatusMessage.js";import{FileRemoveButton as m}from"./FileRemoveButton.js";import{UploadDetails as n}from"./FileDetails.js";import{FileThumbnail as o}from"./FileThumbnail.js";function u({onPause:u,onResume:c,displayName:p,errorMessage:g,isImage:f,isResumable:d,loaderIsDeterminate:T,onRemove:x,progress:E,showThumbnails:S=!0,size:N,status:P,displayText:D,thumbnailUrl:U}){const{getPausedText:v,getUploadingText:F,uploadSuccessfulText:M,pauseText:j,resumeText:k}=D;return e.createElement(a,{className:t.StorageManagerFile},e.createElement(a,{className:t.StorageManagerFileWrapper},S?e.createElement(o,{isImage:f,fileName:p,url:U}):null,e.createElement(n,{displayName:p,fileSize:N}),P===s.UPLOADING?e.createElement(r,{className:t.StorageManagerLoader,variation:"linear",percentage:E,isDeterminate:T,isPercentageTextHidden:!0}):null,!d||P!==s.UPLOADING&&P!==s.PAUSED?null:P===s.PAUSED?e.createElement(l,{onClick:c,size:"small",variation:"link"},k):e.createElement(l,{onClick:u,size:"small",variation:"link"},j),e.createElement(m,{altText:`Remove file ${p}`,onClick:x})),e.createElement(i,{uploadSuccessfulText:M,getUploadingText:F,getPausedText:v,status:P,errorMessage:g,percentage:E}))}export{u as FileControl};

package/dist/esm/components/StorageManager/ui/FileList/FileDetails.js

@@ -1 +0,0 @@
-import e from"react";import{View as a,ComponentClassNames as r,Text as t}from"@aws-amplify/ui-react";import{humanFileSize as m}from"@aws-amplify/ui";const l=({displayName:l,fileSize:i})=>e.createElement(e.Fragment,null,e.createElement(a,{className:r.StorageManagerFileMain},e.createElement(t,{className:r.StorageManagerFileName},l)),e.createElement(t,{as:"span",className:r.StorageManagerFileSize},i?m(i,!0):""));export{l as UploadDetails};

package/dist/esm/components/StorageManager/ui/FileList/FileList.js

@@ -1 +0,0 @@
-import e from"react";import{View as a,ComponentClassNames as s,Alert as r}from"@aws-amplify/ui-react";import{FileStatus as o}from"../../types.js";import{FileControl as i}from"./FileControl.js";function t({displayText:t,files:l,hasMaxFilesError:n,isResumable:m,onCancelUpload:u,onDeleteUpload:p,onResume:d,onPause:c,showThumbnails:g,maxFileCount:f}){if(l.length<1)return null;const{getMaxFilesErrorText:T}=t,U=T(f);return e.createElement(a,{className:s.StorageManagerFileList},l.map((a=>{const{file:s,status:r,progress:l,error:n,key:f,isImage:T,id:U,uploadTask:h}=a,x=s&&T?URL.createObjectURL(s):"",y=!m||l>0,R=r===o.UPLOADING;return e.createElement(i,{displayName:f,errorMessage:n,displayText:t,isImage:T,isUploading:R,isResumable:m,key:U,loaderIsDeterminate:y,onRemove:()=>{m&&(r===o.UPLOADING||r===o.PAUSED)&&h?u({id:U,uploadTask:h}):p({id:U})},onPause:()=>{h&&c({id:U,uploadTask:h})},onResume:()=>{h&&d({id:U,uploadTask:h})},progress:l,showThumbnails:g,size:null==s?void 0:s.size,status:r,thumbnailUrl:x})})),n&&e.createElement(r,{variation:"error",heading:U}))}export{t as FileList};

package/dist/esm/components/StorageManager/ui/FileList/FileRemoveButton.js

@@ -1 +0,0 @@
-import e from"react";import{IconClose as t}from"@aws-amplify/ui-react/internal";import{Button as a,VisuallyHidden as i}from"@aws-amplify/ui-react";const r=({altText:r,onClick:m})=>e.createElement(a,{size:"small",onClick:m},e.createElement(i,null,r),e.createElement(t,{"aria-hidden":!0,fontSize:"medium"}));export{r as FileRemoveButton};

package/dist/esm/components/StorageManager/ui/FileList/FileStatusMessage.js

@@ -1 +0,0 @@
-import e from"react";import a from"classnames";import{Text as t,ComponentClassNames as r}from"@aws-amplify/ui-react";import{IconError as s,IconCheck as l}from"@aws-amplify/ui-react/internal";import{classNameModifier as m}from"@aws-amplify/ui";import{FileStatus as n}from"../../types.js";const o=({errorMessage:o,getPausedText:c,getUploadingText:i,percentage:u,status:g,uploadSuccessfulText:S})=>{switch(g){case n.UPLOADING:return e.createElement(t,{className:r.StorageManagerFileStatus},i(u));case n.PAUSED:return e.createElement(t,{className:r.StorageManagerFileStatus},c(u));case n.UPLOADED:return e.createElement(t,{className:a(r.StorageManagerFileStatus,m(r.StorageManagerFileStatus,"success"))},e.createElement(l,{fontSize:"xl"})," ",S);case n.ERROR:return e.createElement(t,{className:a(r.StorageManagerFileStatus,m(r.StorageManagerFileStatus,"error"))},e.createElement(s,{fontSize:"xl"})," ",o);default:return null}};export{o as FileStatusMessage};

package/dist/esm/components/StorageManager/ui/FileList/FileThumbnail.js

@@ -1 +0,0 @@
-import e from"react";import{Image as a,View as r,ComponentClassNames as t}from"@aws-amplify/ui-react";import{IconFile as m}from"@aws-amplify/ui-react/internal";const l=({fileName:l,isImage:i,url:c})=>{const n=i?e.createElement(a,{alt:l,src:c}):e.createElement(m,null);return e.createElement(r,{className:t.StorageManagerFileImage},n)};export{l as FileThumbnail};

package/dist/esm/components/StorageManager/ui/FileListHeader/FileListHeader.js

@@ -1 +0,0 @@
-import e from"react";import{Text as t,ComponentClassNames as a}from"@aws-amplify/ui-react";function i({fileCount:i,remainingFilesCount:r,displayText:l,allUploadsSuccessful:n}){const{getFilesUploadedText:o,getRemainingFilesText:s}=l;return e.createElement(t,{className:a.StorageManagerPreviewerText},n?o(i):s(r))}export{i as FileListHeader};

package/dist/esm/components/StorageManager/ui/FilePicker/FilePicker.js

@@ -1 +0,0 @@
-import{__rest as e}from"tslib";import r from"react";import{ComponentClassNames as a,Button as i}from"@aws-amplify/ui-react";function s(s){var{children:t,className:m=a.StorageManagerFilePicker,size:c="small"}=s,l=e(s,["children","className","size"]);return r.createElement(i,Object.assign({},l,{className:m,size:c}),t)}export{s as FilePicker};

package/dist/esm/components/StorageManager/utils/checkMaxFileSize.js

@@ -1 +0,0 @@
-import{humanFileSize as e}from"./humanFileSize.js";const i=({file:i,getFileSizeErrorText:o,maxFileSize:r})=>void 0===r?"":i.size>r?o(e(r,!0)):"";export{i as checkMaxFileSize};

package/dist/esm/components/StorageManager/utils/humanFileSize.js

@@ -1 +0,0 @@
-function B(B,t=!1,i=1){const n=t?1e3:1024;if(Math.abs(B)<n)return`${B} B`;const o=t?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let e=-1;const a=Math.pow(10,i);do{B/=n,++e}while(Math.round(Math.abs(B)*a)/a>=n&&e<o.length-1);return B.toFixed(i)+" "+o[e]}export{B as humanFileSize};

package/dist/esm/components/StorageManager/utils/uploadFile.js

@@ -1 +0,0 @@
-import{__rest as e}from"tslib";import{Storage as l}from"aws-amplify";function r(r){var{file:a,key:o,level:t="private",progressCallback:s,errorCallback:p,completeCallback:c,isResumable:b=!1,provider:i}=r,m=e(r,["file","key","level","progressCallback","errorCallback","completeCallback","isResumable","provider"]);const k=a.type||"binary/octet-stream";return!0===b?l.put(o,a,Object.assign({level:t,resumable:!0,progressCallback:s,errorCallback:p,completeCallback:c,contentType:k,provider:i},m)):l.put(o,a,Object.assign({level:t,resumable:!1,progressCallback:s,contentType:k,provider:i},m)).then(c,p)}export{r as uploadFile};

package/dist/esm/index.js

@@ -1 +0,0 @@
-export{StorageImage}from"./components/StorageImage/StorageImage.js";export{StorageManager}from"./components/StorageManager/StorageManager.js";

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;