@aws-amplify/ui-react-storage 3.10.2 → 3.10.3

package/README.md

@@ -1,23 +1,31 @@
-# Amplify UI
+# Amplify UI React Storage
 
-Amplify UI is an open-source UI library with cloud-connected components that are endlessly customizable, accessible, and can integrate into _any_ application. Amplify UI consists of:
+The React Storage package provides components for file storage and management in Amplify connected applications.
 
-1. Connected components that simplify complex cloud-connected workflows, like Authenticator.
-2. Primitive components that create consistency across Amplify UI and allow you to build complete applications that fit your brand, like Buttons and Badges.
-3. Data-bound components that make it easy to display dynamic data, like DataStoreCollections.
-4. Theming capabilities that allow you to customize the appearance of Amplify UI to match your brand.
+## Contents
 
-## React Documentation
+### Core Components
 
-- https://ui.docs.amplify.aws/react
+- `FileUploader` - Component for uploading files
+- `StorageImage` - Component for displaying images from storage
+- `StorageManager` - Component for managing storage
+- `StorageBrowser` - Component for browsing storage
 
-## Features 🚀
+### Props Types
 
-- **Better developer experience** Connected-components like Authenticator are being written with framework-specific implementations so that they follow framework conventions and are easier to integrate into your application.
-- **Endlessly customizable** Every detail of Amplify UI is customizable to match your brand. Style all of Amplify UI with themes, override components with your own, or build your own UI and use Amplify for complex state management.
-- **Accessible** Amplify UI components follow [WCAG](https://www.w3.org/WAI/standards-guidelines/wcag/) and [WAI-ARIA](https://www.w3.org/TR/wai-aria-1.2/) best practices and guidelines such as color contrast, keyboard navigation, accessible labels, and focus management.
-- **Primitive components (React only right now)** Primitive components are used in the connected components, like Authenticator, you can also customize them and use them to build the rest of your UI.
+- `FileUploaderProps` - Props for FileUploader component
+- `StorageImageProps` - Props for StorageImage component
+- `StorageManagerProps` - Props for StorageManager component
+- `StorageBrowserProps` - Props for StorageBrowser component
+- `DropZoneProps` - Props for drop zone functionality
+- `ContainerProps` - Props for container components
+- `FileListProps` - Props for file list components
+- `FilePickerProps` - Props for file picker components
+- `FileListHeaderProps` - Props for file list header components
+- `FileListFooterProps` - Props for file list footer components
+- `FileUploaderHandle` - React.ForwardRef handle for FileUploader component
+- `StorageManagerHandle` - React.ForwardRef handle for StorageManager component
 
-## We love contributors!!
+## React Documentation
 
-See our contributing guide [CONTRIBUTING.md](/CONTRIBUTING.md) to help us scale Amplify UI!
+- https://ui.docs.amplify.aws/react

package/dist/browser.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var internals = require('@aws-amplify/storage/internals');
 require('@aws-amplify/ui');
-var createStorageBrowser = require('./createStorageBrowser-Cbdy8OAN.js');
+var createStorageBrowser = require('./createStorageBrowser-B75dAYRb.js');
 require('aws-amplify/storage');
 require('react');
 require('@aws-amplify/ui-react');

package/dist/{createStorageBrowser-Cbdy8OAN.js → createStorageBrowser-B75dAYRb.js}

@@ -32,7 +32,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const VERSION = '3.10.2';
+const VERSION = '3.10.3';
 
 const toAccessGrantPermission = (permission) => {
     let result = '';
@@ -1359,8 +1359,6 @@ const { ActionHandlersProvider, useActionHandlers } = uiReactCore.createContextU
     errorMessage: '`useActionHandlers` must be called from within an `ActionHandlersProvider',
 });
 
-const SEARCH_LIMIT = 10000;
-const SEARCH_PAGE_SIZE = 1000;
 /**
  * Normalizes and converts a string to lower case,
  * handling Unicode characters and locale-specific case mappings.
@@ -1389,10 +1387,10 @@ function normalize(input) {
 function caseInsensitiveIncludes(input, query) {
     return normalize(input).includes(normalize(query));
 }
-function searchItems({ prefix = '', list, options }) {
+function searchItems({ prefix = '', items, options, }) {
     const { query, filterBy, groupBy } = options;
     // filter keys that match `filterBy` search option
-    const filteredItems = list.filter((item) => {
+    const filteredItems = items.filter((item) => {
         const key = typeof filterBy === 'function' ? filterBy(item) : filterBy;
         const path = item[key];
         const suffix = path.slice(prefix.length);
@@ -1433,7 +1431,10 @@ function searchItems({ prefix = '', list, options }) {
     }
     return Array.from(uniquePaths.values());
 }
-const createEnhancedListHandler = (action) => {
+
+const SEARCH_LIMIT = 10000;
+const SEARCH_PAGE_SIZE = 1000;
+const createEnhancedListHandler = (handler) => {
     return async function listActionHandler(prevState, { options, ...input }) {
         const { nextToken: _nextToken, refresh, reset, search, ...rest } = options ?? {};
         if (reset) {
@@ -1441,43 +1442,32 @@ const createEnhancedListHandler = (action) => {
         }
         // collect and filter results on `search`
         if (search) {
-            const result = [];
-            let nextNextToken = undefined;
+            const items = [];
+            let nextToken = undefined;
             do {
-                const output = (await action({
+                const output = await handler({
                     ...input,
-                    options: {
-                        ...rest,
-                        pageSize: SEARCH_PAGE_SIZE,
-                        nextToken: nextNextToken,
-                    },
-                }));
-                result.push(...output.items);
-                nextNextToken = output.nextToken;
-            } while (nextNextToken && result.length < SEARCH_LIMIT);
+                    options: { ...rest, pageSize: SEARCH_PAGE_SIZE, nextToken },
+                });
+                items.push(...output.items);
+                // eslint-disable-next-line prefer-destructuring
+                nextToken = output.nextToken;
+            } while (nextToken && items.length < SEARCH_LIMIT);
             return {
-                items: searchItems({
-                    list: result,
-                    prefix: input.prefix,
-                    options: search,
-                }),
-                search: {
-                    // search limit reached but we still have a next token
-                    hasExhaustedSearch: !!nextNextToken,
-                },
+                items: searchItems({ items, prefix: input.prefix, options: search }),
+                // search limit reached but we still have a next token
+                hasExhaustedSearch: !!nextToken,
                 nextToken: undefined,
             };
         }
         // ignore provided `nextToken` on `refresh`
         const nextToken = refresh ? undefined : _nextToken;
-        const output = (await action({
+        const output = await handler({
             ...input,
             options: { ...rest, nextToken },
-        }));
-        return {
-            items: [...(refresh ? [] : prevState.items), ...output.items],
-            nextToken: output.nextToken,
-        };
+        });
+        const items = [...(refresh ? [] : prevState.items), ...output.items];
+        return { ...output, items };
     };
 };
 
@@ -2158,6 +2148,7 @@ const useListLocationItems = () => {
     const enhancedHandler = React__namespace["default"].useMemo(() => createEnhancedListHandler((input) => listLocationItems({ ...input, config: getConfig() })), [getConfig, listLocationItems]);
     return uiReactCore.useAsyncReducer(enhancedHandler, {
         items: [],
+        hasExhaustedSearch: false,
         nextToken: undefined,
     });
 };
@@ -4015,8 +4006,7 @@ const DEFAULT_REFRESH_OPTIONS = { ...DEFAULT_LIST_OPTIONS$2, refresh: true };
 const useFolders = ({ destination, setDestination, }) => {
     const { current, key } = destination;
     const [{ value, hasError, isLoading, message }, handleList] = useList('folderItems');
-    const { items, nextToken, search } = value;
-    const { hasExhaustedSearch = false } = search ?? {};
+    const { items, nextToken, hasExhaustedSearch = false } = value;
     const onInitialize = React__namespace["default"].useCallback(() => {
         handleList({
             prefix: key,
@@ -4655,8 +4645,7 @@ const useLocationDetailView = (options) => {
     const [{ task }, handleDownload] = useAction('download');
     const [{ value, isLoading, hasError, message }, handleList] = useList('locationItems');
     // set up pagination
-    const { items, nextToken, search } = value;
-    const { hasExhaustedSearch = false } = search ?? {};
+    const { items, nextToken, hasExhaustedSearch = false } = value;
     const onPaginate = () => {
         if (hasInvalidPrefix || !nextToken)
             return;
@@ -4991,9 +4980,8 @@ const useLocationsView = (options) => {
     const [state, handleList] = useList('locations');
     const dispatchStoreAction = useStore()[1];
     const { value, message, hasError, isLoading } = state;
-    const { items, nextToken, search } = value;
+    const { items, nextToken, hasExhaustedSearch = false } = value;
     const hasNextToken = !!nextToken;
-    const { hasExhaustedSearch = false } = search ?? {};
     const onNavigate = options?.onNavigate;
     const initialValues = options?.initialValues ?? {};
     const listOptionsRef = React__namespace["default"].useRef({

package/dist/esm/components/StorageBrowser/useAction/createEnhancedListHandler.mjs

@@ -1,78 +1,8 @@
+import { searchItems } from './searchItems.mjs';
+
 const SEARCH_LIMIT = 10000;
 const SEARCH_PAGE_SIZE = 1000;
-/**
- * Normalizes and converts a string to lower case,
- * handling Unicode characters and locale-specific case mappings.
- * Uses NFKD to fully decompose unicode: https://unicode.org/reports/tr15/#Normalization_Forms_Table
- */
-function normalize(input) {
-    return input
-        .normalize('NFKD')
-        .replace(/[\u0300-\u036f]/g, '') // remove diacritic modifiers
-        .toLocaleLowerCase();
-}
-/**
- * Performs a case-insensitive check to determine if a string includes another string,
- * handling Unicode characters and locale-specific case mappings.
- *
- * @param {string} input - The string to search within.
- * @param {string} query - The substring to search for.
- * @returns {boolean} - Returns `true` if `query` is found in `input` (case-insensitively), otherwise `false`.
- *
- * @example
- * caseInsensitiveIncludes("Photos", "photo"); // true
- * caseInsensitiveIncludes("Hello", "HELLO");   // true
- * caseInsensitiveIncludes("\uFB00", "\u0046\u0046");   // ff = FF true
- * caseInsensitiveIncludes("Cafè", "cafe");   // true
- */
-function caseInsensitiveIncludes(input, query) {
-    return normalize(input).includes(normalize(query));
-}
-function searchItems({ prefix = '', list, options }) {
-    const { query, filterBy, groupBy } = options;
-    // filter keys that match `filterBy` search option
-    const filteredItems = list.filter((item) => {
-        const key = typeof filterBy === 'function' ? filterBy(item) : filterBy;
-        const path = item[key];
-        const suffix = path.slice(prefix.length);
-        return caseInsensitiveIncludes(suffix, query);
-    });
-    if (!groupBy) {
-        return filteredItems;
-    }
-    // group items using the provided grouping delimiter
-    const uniquePaths = new Map();
-    for (const item of filteredItems) {
-        const key = typeof filterBy === 'function' ? filterBy(item) : filterBy;
-        const path = item[key];
-        const components = path.split(groupBy);
-        for (const [i, component] of components.entries()) {
-            if (!caseInsensitiveIncludes(component, query)) {
-                continue;
-            }
-            // list of components ending with match
-            const matchedPathSegments = components.slice(0, i + 1);
-            // create new path
-            let matchedPath = matchedPathSegments.join(groupBy);
-            const isFolder = matchedPath !== path;
-            if (isFolder) {
-                matchedPath += groupBy;
-            }
-            // ignore anything below the prefix for matching
-            if (matchedPath.length > prefix.length && !uniquePaths.has(matchedPath)) {
-                // add a new item
-                uniquePaths.set(matchedPath, {
-                    ...item,
-                    id: crypto.randomUUID(),
-                    [key]: matchedPath,
-                    type: isFolder ? 'FOLDER' : 'FILE',
-                });
-            }
-        }
-    }
-    return Array.from(uniquePaths.values());
-}
-const createEnhancedListHandler = (action) => {
+const createEnhancedListHandler = (handler) => {
     return async function listActionHandler(prevState, { options, ...input }) {
         const { nextToken: _nextToken, refresh, reset, search, ...rest } = options ?? {};
         if (reset) {
@@ -80,44 +10,33 @@ const createEnhancedListHandler = (action) => {
         }
         // collect and filter results on `search`
         if (search) {
-            const result = [];
-            let nextNextToken = undefined;
+            const items = [];
+            let nextToken = undefined;
             do {
-                const output = (await action({
+                const output = await handler({
                     ...input,
-                    options: {
-                        ...rest,
-                        pageSize: SEARCH_PAGE_SIZE,
-                        nextToken: nextNextToken,
-                    },
-                }));
-                result.push(...output.items);
-                nextNextToken = output.nextToken;
-            } while (nextNextToken && result.length < SEARCH_LIMIT);
+                    options: { ...rest, pageSize: SEARCH_PAGE_SIZE, nextToken },
+                });
+                items.push(...output.items);
+                // eslint-disable-next-line prefer-destructuring
+                nextToken = output.nextToken;
+            } while (nextToken && items.length < SEARCH_LIMIT);
             return {
-                items: searchItems({
-                    list: result,
-                    prefix: input.prefix,
-                    options: search,
-                }),
-                search: {
-                    // search limit reached but we still have a next token
-                    hasExhaustedSearch: !!nextNextToken,
-                },
+                items: searchItems({ items, prefix: input.prefix, options: search }),
+                // search limit reached but we still have a next token
+                hasExhaustedSearch: !!nextToken,
                 nextToken: undefined,
             };
         }
         // ignore provided `nextToken` on `refresh`
         const nextToken = refresh ? undefined : _nextToken;
-        const output = (await action({
+        const output = await handler({
             ...input,
             options: { ...rest, nextToken },
-        }));
-        return {
-            items: [...(refresh ? [] : prevState.items), ...output.items],
-            nextToken: output.nextToken,
-        };
+        });
+        const items = [...(refresh ? [] : prevState.items), ...output.items];
+        return { ...output, items };
     };
 };
 
-export { SEARCH_LIMIT, SEARCH_PAGE_SIZE, createEnhancedListHandler, searchItems };
+export { SEARCH_LIMIT, SEARCH_PAGE_SIZE, createEnhancedListHandler };

package/dist/esm/components/StorageBrowser/useAction/searchItems.mjs

@@ -0,0 +1,74 @@
+/**
+ * Normalizes and converts a string to lower case,
+ * handling Unicode characters and locale-specific case mappings.
+ * Uses NFKD to fully decompose unicode: https://unicode.org/reports/tr15/#Normalization_Forms_Table
+ */
+function normalize(input) {
+    return input
+        .normalize('NFKD')
+        .replace(/[\u0300-\u036f]/g, '') // remove diacritic modifiers
+        .toLocaleLowerCase();
+}
+/**
+ * Performs a case-insensitive check to determine if a string includes another string,
+ * handling Unicode characters and locale-specific case mappings.
+ *
+ * @param {string} input - The string to search within.
+ * @param {string} query - The substring to search for.
+ * @returns {boolean} - Returns `true` if `query` is found in `input` (case-insensitively), otherwise `false`.
+ *
+ * @example
+ * caseInsensitiveIncludes("Photos", "photo"); // true
+ * caseInsensitiveIncludes("Hello", "HELLO");   // true
+ * caseInsensitiveIncludes("\uFB00", "\u0046\u0046");   // ff = FF true
+ * caseInsensitiveIncludes("Cafè", "cafe");   // true
+ */
+function caseInsensitiveIncludes(input, query) {
+    return normalize(input).includes(normalize(query));
+}
+function searchItems({ prefix = '', items, options, }) {
+    const { query, filterBy, groupBy } = options;
+    // filter keys that match `filterBy` search option
+    const filteredItems = items.filter((item) => {
+        const key = typeof filterBy === 'function' ? filterBy(item) : filterBy;
+        const path = item[key];
+        const suffix = path.slice(prefix.length);
+        return caseInsensitiveIncludes(suffix, query);
+    });
+    if (!groupBy) {
+        return filteredItems;
+    }
+    // group items using the provided grouping delimiter
+    const uniquePaths = new Map();
+    for (const item of filteredItems) {
+        const key = typeof filterBy === 'function' ? filterBy(item) : filterBy;
+        const path = item[key];
+        const components = path.split(groupBy);
+        for (const [i, component] of components.entries()) {
+            if (!caseInsensitiveIncludes(component, query)) {
+                continue;
+            }
+            // list of components ending with match
+            const matchedPathSegments = components.slice(0, i + 1);
+            // create new path
+            let matchedPath = matchedPathSegments.join(groupBy);
+            const isFolder = matchedPath !== path;
+            if (isFolder) {
+                matchedPath += groupBy;
+            }
+            // ignore anything below the prefix for matching
+            if (matchedPath.length > prefix.length && !uniquePaths.has(matchedPath)) {
+                // add a new item
+                uniquePaths.set(matchedPath, {
+                    ...item,
+                    id: crypto.randomUUID(),
+                    [key]: matchedPath,
+                    type: isFolder ? 'FOLDER' : 'FILE',
+                });
+            }
+        }
+    }
+    return Array.from(uniquePaths.values());
+}
+
+export { searchItems };

package/dist/esm/components/StorageBrowser/useAction/useListLocationItems.mjs

@@ -17,6 +17,7 @@ const useListLocationItems = () => {
     const enhancedHandler = React__default.useMemo(() => createEnhancedListHandler((input) => listLocationItems({ ...input, config: getConfig() })), [getConfig, listLocationItems]);
     return useAsyncReducer(enhancedHandler, {
         items: [],
+        hasExhaustedSearch: false,
         nextToken: undefined,
     });
 };

package/dist/esm/components/StorageBrowser/views/LocationActionView/CopyView/useFolders.mjs

@@ -22,8 +22,7 @@ const DEFAULT_REFRESH_OPTIONS = { ...DEFAULT_LIST_OPTIONS, refresh: true };
 const useFolders = ({ destination, setDestination, }) => {
     const { current, key } = destination;
     const [{ value, hasError, isLoading, message }, handleList] = useList('folderItems');
-    const { items, nextToken, search } = value;
-    const { hasExhaustedSearch = false } = search ?? {};
+    const { items, nextToken, hasExhaustedSearch = false } = value;
     const onInitialize = React__default.useCallback(() => {
         handleList({
             prefix: key,

package/dist/esm/components/StorageBrowser/views/LocationDetailView/useLocationDetailView.mjs

@@ -40,8 +40,7 @@ const useLocationDetailView = (options) => {
     const [{ task }, handleDownload] = useAction('download');
     const [{ value, isLoading, hasError, message }, handleList] = useList('locationItems');
     // set up pagination
-    const { items, nextToken, search } = value;
-    const { hasExhaustedSearch = false } = search ?? {};
+    const { items, nextToken, hasExhaustedSearch = false } = value;
     const onPaginate = () => {
         if (hasInvalidPrefix || !nextToken)
             return;

package/dist/esm/components/StorageBrowser/views/LocationsView/useLocationsView.mjs

@@ -25,9 +25,8 @@ const useLocationsView = (options) => {
     const [state, handleList] = useList('locations');
     const dispatchStoreAction = useStore()[1];
     const { value, message, hasError, isLoading } = state;
-    const { items, nextToken, search } = value;
+    const { items, nextToken, hasExhaustedSearch = false } = value;
     const hasNextToken = !!nextToken;
-    const { hasExhaustedSearch = false } = search ?? {};
     const onNavigate = options?.onNavigate;
     const initialValues = options?.initialValues ?? {};
     const listOptionsRef = React__default.useRef({

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.10.2';
+const VERSION = '3.10.3';
 
 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 createStorageBrowser = require('./createStorageBrowser-Cbdy8OAN.js');
+var createStorageBrowser = require('./createStorageBrowser-B75dAYRb.js');
 require('@aws-amplify/storage/internals');
 require('aws-amplify');
 require('aws-amplify/utils');

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FileUploaderProps, FileUploaderPathProps, FileUploaderHandle } from './types';
+import type { FileUploaderProps, FileUploaderPathProps, FileUploaderHandle } from './types';
 import { Container, DropZone, FileList, FileListHeader, FileListFooter, FilePicker } from './ui';
 export declare const MISSING_REQUIRED_PROPS_MESSAGE = "`FileUploader` requires a `maxFileCount` prop to be provided.";
 export declare const ACCESS_LEVEL_WITH_PATH_CALLBACK_MESSAGE = "`FileUploader` does not allow usage of a `path` callback prop with an `accessLevel` prop.";

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

@@ -1,2 +1,3 @@
-export { useFileUploader, UseFileUploader } from './useFileUploader';
+export type { UseFileUploader } from './useFileUploader';
+export { useFileUploader } from './useFileUploader';
 export { useUploadFiles } from './useUploadFiles';

package/dist/types/components/FileUploader/hooks/useFileUploader/actions.d.ts

@@ -1,6 +1,6 @@
 import { FileStatus } from '../../types';
-import { Action, AddFilesActionParams } from './types';
-import { TaskEvent } from '../../utils';
+import type { Action, AddFilesActionParams } from './types';
+import type { TaskEvent } from '../../utils';
 export declare const addFilesAction: ({ files, status, getFileErrorMessage, }: AddFilesActionParams) => Action;
 export declare const clearFilesAction: () => Action;
 export declare const queueFilesAction: () => Action;

package/dist/types/components/FileUploader/hooks/useFileUploader/index.d.ts

@@ -1 +1,2 @@
-export { useFileUploader, UseFileUploader } from './useFileUploader';
+export type { UseFileUploader } from './useFileUploader';
+export { useFileUploader } from './useFileUploader';

package/dist/types/components/FileUploader/hooks/useFileUploader/reducer.d.ts

@@ -1,2 +1,2 @@
-import { Action, UseFileUploaderState } from './types';
+import type { Action, UseFileUploaderState } from './types';
 export declare function fileUploaderStateReducer(state: UseFileUploaderState, action: Action): UseFileUploaderState;

package/dist/types/components/FileUploader/hooks/useFileUploader/types.d.ts

@@ -1,5 +1,5 @@
-import { FileStatus, StorageFiles } from '../../types';
-import { UploadTask } from '../../utils';
+import type { FileStatus, StorageFiles } from '../../types';
+import type { UploadTask } from '../../utils';
 export interface UseFileUploaderState {
     files: StorageFiles;
 }

package/dist/types/components/FileUploader/hooks/useFileUploader/useFileUploader.d.ts

@@ -1,6 +1,7 @@
-import { StorageFiles, FileStatus, DefaultFile } from '../../types';
-import { GetFileErrorMessage } from './types';
-import { TaskHandler } from '../../utils';
+import type { StorageFiles, DefaultFile } from '../../types';
+import { FileStatus } from '../../types';
+import type { GetFileErrorMessage } from './types';
+import type { TaskHandler } from '../../utils';
 export interface UseFileUploader {
     addFiles: (params: {
         files: File[];

package/dist/types/components/FileUploader/hooks/useUploadFiles/index.d.ts

@@ -1 +1,2 @@
-export { useUploadFiles, UseUploadFilesProps } from './useUploadFiles';
+export type { UseUploadFilesProps } from './useUploadFiles';
+export { useUploadFiles } from './useUploadFiles';

package/dist/types/components/FileUploader/hooks/useUploadFiles/useUploadFiles.d.ts

@@ -1,6 +1,6 @@
-import { PathCallback } from '../../utils';
-import { FileUploaderProps, StorageBucket } from '../../types';
-import { UseFileUploader } from '../useFileUploader';
+import type { PathCallback } from '../../utils';
+import type { FileUploaderProps, StorageBucket } from '../../types';
+import type { UseFileUploader } from '../useFileUploader';
 export interface UseUploadFilesProps extends Pick<FileUploaderProps, 'isResumable' | 'onUploadSuccess' | 'onUploadError' | 'onUploadStart' | 'maxFileCount' | 'processFile' | 'useAccelerateEndpoint'>, Pick<UseFileUploader, 'setUploadingFile' | 'setUploadProgress' | 'setUploadSuccess' | 'files'> {
     accessLevel?: FileUploaderProps['accessLevel'];
     bucket?: StorageBucket;

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

@@ -1,3 +1,3 @@
 export { FileUploader } from './FileUploader';
-export { FileUploaderHandle, FileUploaderProps } from './types';
-export { DropZoneProps, ContainerProps, FileListProps, FilePickerProps, FileListHeaderProps, FileListFooterProps, } from './ui';
+export type { FileUploaderHandle, FileUploaderProps } from './types';
+export type { DropZoneProps, ContainerProps, FileListProps, FilePickerProps, FileListHeaderProps, FileListFooterProps, } from './ui';

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { ContainerProps, DropZoneProps, FileListHeaderProps, FileListFooterProps, FileListProps, FilePickerProps } from './ui';
-import { FileUploaderDisplayText, PathCallback, UploadTask } from './utils';
+import type * as React from 'react';
+import type { ContainerProps, DropZoneProps, FileListHeaderProps, FileListFooterProps, FileListProps, FilePickerProps } from './ui';
+import type { FileUploaderDisplayText, PathCallback, UploadTask } from './utils';
 export interface BucketInfo {
     bucketName: string;
     region: string;

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

@@ -1 +1,2 @@
-export { Container, ContainerProps } from './Container';
+export type { ContainerProps } from './Container';
+export { Container } from './Container';

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

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

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

@@ -1,2 +1,2 @@
 export { DropZone } from './DropZone';
-export { DropZoneProps } from './types';
+export type { DropZoneProps } from './types';

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

@@ -1,4 +1,4 @@
-import { FileUploaderDisplayText } from '../../utils/displayText';
+import type { FileUploaderDisplayText } from '../../utils/displayText';
 export interface DropZoneProps {
     children?: React.ReactNode;
     displayText: FileUploaderDisplayText;

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

@@ -1,3 +1,3 @@
 import React from 'react';
-import { FileControlProps } from './types';
+import type { FileControlProps } from './types';
 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 @@
 import React from 'react';
-import { UploadDetailsProps } from './types';
+import type { UploadDetailsProps } from './types';
 export declare const UploadDetails: ({ displayName, fileSize, }: UploadDetailsProps) => React.JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from 'react';
-import { FileListProps } from './types';
+import type { FileListProps } from './types';
 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 @@
 import React from 'react';
-import { FileRemoveButtonProps } from './types';
+import type { FileRemoveButtonProps } from './types';
 export declare const FileRemoveButton: ({ altText, onClick, }: FileRemoveButtonProps) => React.JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from 'react';
-import { FileStatusMessageProps } from './types';
+import type { FileStatusMessageProps } from './types';
 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 @@
 import React from 'react';
-import { FileThumbnailProps } from './types';
+import type { FileThumbnailProps } from './types';
 export declare const FileThumbnail: ({ fileName, isImage, url, }: FileThumbnailProps) => React.JSX.Element;