@aws-amplify/ui-react 6.5.1 → 6.5.3

package/dist/{Field-3db91851.js → Field-CIQvkMkM.js}

@@ -280,6 +280,7 @@ const getCSSVariableIfValueIsThemeKey = (propKey, value, tokens) => {
 };
 
 // Inspiration for getMediaQueries and useBreakpoint
+// comes from https://github.com/iiroj/use-breakpoint/
 const getMediaQueries = ({ breakpoints }) => {
     const sortedBreakpoints = objectKeys(breakpoints).sort((a, b) => breakpoints[b] - breakpoints[a]);
     return sortedBreakpoints.map((breakpoint, index) => {
@@ -306,6 +307,7 @@ const getMediaQueries = ({ breakpoints }) => {
 };
 
 // Inspiration for getMediaQueries and useBreakpoint
+// comes from https://github.com/iiroj/use-breakpoint/
 const useIsomorphicEffect = typeof window === 'undefined' ? React__namespace.useEffect : React__namespace.useLayoutEffect;
 const useBreakpoint = ({ breakpoints, defaultBreakpoint, }) => {
     const supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
@@ -908,99 +910,6 @@ const AlertIcon = ({ variation, ariaHidden, ariaLabel, role, }) => {
 };
 AlertIcon.displayName = 'AlertIcon';
 
-function filterAllowedFiles(files, acceptedFileTypes) {
-    // Allow any files if acceptedFileTypes is undefined, empty array, or contains '*'
-    if (!acceptedFileTypes ||
-        acceptedFileTypes.length === 0 ||
-        acceptedFileTypes.includes('*')) {
-        return { acceptedFiles: files, rejectedFiles: [] };
-    }
-    const acceptedFiles = [];
-    const rejectedFiles = [];
-    function filterFile(file) {
-        const { type = '', name = '' } = file;
-        const mimeType = type.toLowerCase();
-        const baseMimeType = mimeType.split('/')[0];
-        return acceptedFileTypes.some((type) => {
-            const validType = type.trim().toLowerCase();
-            // if the accepted file type is a file extension
-            // it will start with '.', check against the file name
-            if (validType.charAt(0) === '.') {
-                return name.toLowerCase().endsWith(validType);
-            }
-            // This is something like a image/* mime type
-            if (validType.endsWith('/*')) {
-                return baseMimeType === validType.split('/')[0];
-            }
-            return mimeType === validType;
-        });
-    }
-    files.forEach((file) => {
-        (filterFile(file) ? acceptedFiles : rejectedFiles).push(file);
-    });
-    return { acceptedFiles, rejectedFiles };
-}
-
-function useDropZone({ onDropComplete, onDragEnter: _onDragEnter, onDragLeave: _onDragLeave, onDragOver: _onDragOver, onDragStart: _onDragStart, onDrop: _onDrop, acceptedFileTypes = [], }) {
-    const [dragState, setDragState] = React.useState('inactive');
-    const onDragStart = (event) => {
-        event.dataTransfer.clearData();
-        if (ui.isFunction(_onDragStart)) {
-            _onDragStart(event);
-        }
-    };
-    const onDragEnter = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        if (ui.isFunction(_onDragEnter)) {
-            _onDragEnter(event);
-        }
-    };
-    const onDragLeave = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        setDragState('inactive');
-        if (ui.isFunction(_onDragLeave)) {
-            _onDragLeave(event);
-        }
-    };
-    const onDragOver = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        event.dataTransfer.dropEffect = 'copy';
-        if (ui.isFunction(_onDragOver)) {
-            _onDragOver(event);
-        }
-        const files = Array.from(event.dataTransfer.items).map(({ kind, type }) => ({
-            kind,
-            type,
-        }));
-        const { rejectedFiles } = filterAllowedFiles(files, acceptedFileTypes);
-        setDragState(rejectedFiles.length > 0 ? 'reject' : 'accept');
-    };
-    const onDrop = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        setDragState('inactive');
-        const files = Array.from(event.dataTransfer.files);
-        const { acceptedFiles, rejectedFiles } = filterAllowedFiles(files, acceptedFileTypes);
-        if (ui.isFunction(_onDrop)) {
-            _onDrop(event);
-        }
-        if (ui.isFunction(onDropComplete)) {
-            onDropComplete({ acceptedFiles, rejectedFiles });
-        }
-    };
-    return {
-        onDragStart,
-        onDragEnter,
-        onDragLeave,
-        onDragOver,
-        onDrop,
-        dragState,
-    };
-}
-
 const FieldGroupIconPrimitive = ({ className, children, isVisible = true, excludeFromTabOrder = false, ...rest }, ref) => {
     return isVisible ? (React__namespace.createElement(View, { className: ui.classNames(ui.ComponentClassName.FieldGroupIcon, className), ref: ref, tabIndex: excludeFromTabOrder ? -1 : undefined, ...rest }, children)) : null;
 };
@@ -1201,7 +1110,6 @@ exports.useAuth = useAuth;
 exports.useBreakpoint = useBreakpoint;
 exports.useColorMode = useColorMode;
 exports.useDeprecationWarning = useDeprecationWarning;
-exports.useDropZone = useDropZone;
 exports.useFieldset = useFieldset;
 exports.useIcons = useIcons;
 exports.useStyles = useStyles;

package/dist/esm/internal.mjs

@@ -3,6 +3,7 @@ export { useStorageURL } from './hooks/useStorageURL.mjs';
 export { useThemeBreakpoint } from './hooks/useThemeBreakpoint.mjs';
 export { useDeprecationWarning } from './hooks/useDeprecationWarning.mjs';
 export { useColorMode } from './hooks/useTheme.mjs';
+export { useDropZone } from '@aws-amplify/ui-react-core';
 export { FilterChildren } from './components/FilterChildren/FilterChildren.mjs';
 export { AlertIcon } from './primitives/Alert/AlertIcon.mjs';
 export { IconAdd } from './primitives/Icon/icons/IconAdd.mjs';
@@ -31,7 +32,6 @@ export { IconVisibilityOff } from './primitives/Icon/icons/IconVisibilityOff.mjs
 export { IconVisibility } from './primitives/Icon/icons/IconVisibility.mjs';
 export { IconWarning } from './primitives/Icon/icons/IconWarning.mjs';
 export { useIcons } from './primitives/Icon/context/useIcons.mjs';
-export { useDropZone } from './primitives/DropZone/useDropZone.mjs';
 import './primitives/Field/FieldClearButton.mjs';
 import './primitives/Field/FieldDescription.mjs';
 import './primitives/Field/FieldErrorMessage.mjs';

package/dist/esm/primitives/Accordion/AccordionTrigger.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { classNames, ComponentClassName, isTypedFunction } from '@aws-amplify/ui';
+import { classNames, ComponentClassName, isFunction } from '@aws-amplify/ui';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { View } from '../View/View.mjs';
 import { AccordionContext, AccordionItemContext } from './AccordionContext.mjs';
@@ -8,7 +8,7 @@ const AccordionTriggerPrimitive = ({ children, className, ...rest }, ref) => {
     const context = React.useContext(AccordionContext);
     const value = React.useContext(AccordionItemContext);
     const handleOnClick = (e) => {
-        if (isTypedFunction(rest.onClick)) {
+        if (isFunction(rest.onClick)) {
             rest.onClick(e);
         }
         if (context?.setValue && value) {

package/dist/esm/primitives/DropZone/DropZone.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useDropZone } from './useDropZone.mjs';
+import { useDropZone } from '@aws-amplify/ui-react-core';
 import { DropZoneProvider } from './DropZoneProvider.mjs';
 import { DropZoneContainer } from './DropZoneContainer.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';

package/dist/esm/primitives/Tabs/TabsItem.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { classNames, ComponentClassName, classNameModifierByFlag, isTypedFunction } from '@aws-amplify/ui';
+import { classNames, ComponentClassName, classNameModifierByFlag, isFunction } from '@aws-amplify/ui';
 import { View } from '../View/View.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { TabsContext } from './TabsContext.mjs';
@@ -13,7 +13,7 @@ const TabsItemPrimitive = ({ className, value, children, onClick, as = 'button',
     }
     const isActive = activeTab === value;
     const handleOnClick = (e) => {
-        if (isTypedFunction(onClick)) {
+        if (isFunction(onClick)) {
             onClick?.(e);
         }
         setActiveTab(value);

package/dist/esm/primitives/shared/responsive/getMediaQueries.mjs

@@ -1,6 +1,7 @@
 import { objectKeys } from '../utils.mjs';
 
 // Inspiration for getMediaQueries and useBreakpoint
+// comes from https://github.com/iiroj/use-breakpoint/
 const getMediaQueries = ({ breakpoints }) => {
     const sortedBreakpoints = objectKeys(breakpoints).sort((a, b) => breakpoints[b] - breakpoints[a]);
     return sortedBreakpoints.map((breakpoint, index) => {

package/dist/esm/primitives/shared/responsive/useBreakpoint.mjs

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { getMediaQueries } from './getMediaQueries.mjs';
 
 // Inspiration for getMediaQueries and useBreakpoint
+// comes from https://github.com/iiroj/use-breakpoint/
 const useIsomorphicEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
 const useBreakpoint = ({ breakpoints, defaultBreakpoint, }) => {
     const supportMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '6.5.1';
+const VERSION = '6.5.3';
 
 export { VERSION };