@aws-amplify/ui-react 6.5.1 → 6.5.3

package/dist/internal.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Field = require('./Field-3db91851.js');
+var Field = require('./Field-CIQvkMkM.js');
 var React = require('react');
 var Storage = require('aws-amplify/storage');
 var ui = require('@aws-amplify/ui');
@@ -10,8 +10,6 @@ var uiReactCore = require('@aws-amplify/ui-react-core');
 require('@aws-amplify/core');
 require('aws-amplify/auth');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
     var n = Object.create(null);
@@ -31,7 +29,6 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Storage__namespace = /*#__PURE__*/_interopNamespace(Storage);
 
 const useStorageURL = ({ key, options, fallbackURL, onStorageGetError, }) => {
@@ -86,7 +83,7 @@ const useThemeBreakpoint = () => {
 const FilterChildren = ({ allowedFilters, children = null, targetFilter, }) => {
     const showContent = Array.isArray(allowedFilters) &&
         allowedFilters.some((filter) => filter === targetFilter);
-    return showContent ? React__default["default"].createElement(React__default["default"].Fragment, null, children) : null;
+    return showContent ? React__namespace["default"].createElement(React__namespace["default"].Fragment, null, children) : null;
 };
 
 /**
@@ -16705,8 +16702,11 @@ exports.IconWarning = Field.IconWarning;
 exports.useAuth = Field.useAuth;
 exports.useColorMode = Field.useColorMode;
 exports.useDeprecationWarning = Field.useDeprecationWarning;
-exports.useDropZone = Field.useDropZone;
 exports.useIcons = Field.useIcons;
+Object.defineProperty(exports, "useDropZone", {
+    enumerable: true,
+    get: function () { return uiReactCore.useDropZone; }
+});
 exports.FilterChildren = FilterChildren;
 exports.IconAssistant = IconAssistant;
 exports.IconAttach = IconAttach;

package/dist/server.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ThemeStyle = require('./ThemeStyle-7d5abbc4.js');
+var ThemeStyle = require('./ThemeStyle-CgfvQJ7V.js');
 var React = require('react');
 var ui = require('@aws-amplify/ui');
 
@@ -56,23 +56,23 @@ const GlobalStyle = ({ styles, ...rest }) => {
 GlobalStyle.displayName = 'GlobalStyle';
 
 exports.ThemeStyle = ThemeStyle.ThemeStyle;
-Object.defineProperty(exports, 'createComponentClasses', {
+Object.defineProperty(exports, "createComponentClasses", {
     enumerable: true,
     get: function () { return ui.createComponentClasses; }
 });
-Object.defineProperty(exports, 'createTheme', {
+Object.defineProperty(exports, "createTheme", {
     enumerable: true,
     get: function () { return ui.createTheme; }
 });
-Object.defineProperty(exports, 'defaultDarkModeOverride', {
+Object.defineProperty(exports, "defaultDarkModeOverride", {
     enumerable: true,
     get: function () { return ui.defaultDarkModeOverride; }
 });
-Object.defineProperty(exports, 'defaultTheme', {
+Object.defineProperty(exports, "defaultTheme", {
     enumerable: true,
     get: function () { return ui.defaultTheme; }
 });
-Object.defineProperty(exports, 'defineComponentTheme', {
+Object.defineProperty(exports, "defineComponentTheme", {
     enumerable: true,
     get: function () { return ui.defineComponentTheme; }
 });

package/dist/types/internal.d.ts

@@ -3,9 +3,9 @@ export * from './hooks/useStorageURL';
 export * from './hooks/useThemeBreakpoint';
 export { useDeprecationWarning } from './hooks/useDeprecationWarning';
 export { useColorMode } from './hooks/useTheme';
+export { useDropZone } from '@aws-amplify/ui-react-core';
 export * from './components/FilterChildren';
 export { AlertIcon } from './primitives/Alert/AlertIcon';
 export * from './primitives/Icon/internal';
-export { useDropZone } from './primitives/DropZone/useDropZone';
 export { Field } from './primitives/Field';
 export { PrimitiveCatalog } from './PrimitiveCatalog';

package/dist/types/primitives/DropZone/DropZoneProvider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DragState } from './types';
+type DragState = 'accept' | 'reject' | 'inactive';
 declare const DropZoneContext: React.Context<DragState>;
 declare const DropZoneProvider: ({ value, children, }: {
     value: DragState;

package/dist/types/primitives/DropZone/types.d.ts

@@ -1,18 +1,7 @@
 import * as React from 'react';
 import { ElementType, PrimitiveProps, BaseViewProps } from '../types';
-interface DropProps {
-    acceptedFiles: File[];
-    rejectedFiles: File[];
-}
-export interface UseDropZoneProps extends Partial<DragEvents> {
-    onDropComplete?: (props: DropProps) => void;
-    /**
-     * List of accepted File types, values of `['*']` or undefined allow any files
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
-     */
-    acceptedFileTypes?: string[];
-}
-export interface BaseDropZoneProps extends BaseViewProps, UseDropZoneProps {
+import { UseDropZoneParams } from '@aws-amplify/ui-react-core';
+export interface BaseDropZoneProps extends BaseViewProps, UseDropZoneParams {
 }
 export type DropZoneProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseDropZoneProps, Element>;
 interface DragEvents {
@@ -22,10 +11,6 @@ interface DragEvents {
     onDragOver: (event: React.DragEvent<HTMLDivElement>) => void;
     onDrop: (event: React.DragEvent<HTMLDivElement>) => void;
 }
-export type DragState = 'accept' | 'reject' | 'inactive';
-export interface UseDropZoneReturn extends DragEvents {
-    dragState: DragState;
-}
 export interface BaseDropZoneContainerProps extends BaseViewProps, DragEvents {
 }
 export type DropZoneContainerProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseDropZoneContainerProps, Element>;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "6.5.1";
+export declare const VERSION = "6.5.3";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "6.5.1",
+  "version": "6.5.3",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -47,7 +47,7 @@
     "check:esm": "node --input-type=module --eval 'import \"@aws-amplify/ui-react\"'",
     "clean": "rimraf dist node_modules",
     "dev": "yarn build:rollup --watch",
-    "lint": "yarn typecheck && eslint src --ext .js,.ts,.tsx",
+    "lint": "yarn typecheck && eslint .",
     "prebuild": "rimraf dist",
     "size": "yarn size-limit",
     "test": "jest",
@@ -55,8 +55,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.6.1",
-    "@aws-amplify/ui-react-core": "3.0.25",
+    "@aws-amplify/ui": "6.6.3",
+    "@aws-amplify/ui-react-core": "3.0.27",
     "@radix-ui/react-direction": "1.0.0",
     "@radix-ui/react-dropdown-menu": "1.0.0",
     "@radix-ui/react-slider": "1.0.0",
@@ -66,7 +66,7 @@
     "tslib": "^2.5.2"
   },
   "peerDependencies": {
-    "@aws-amplify/core": "^6.4.0",
+    "@aws-amplify/core": "*",
     "aws-amplify": "^6.6.0",
     "react": "^16.14.0 || ^17.0 || ^18.0",
     "react-dom": "^16.14.0 || ^17.0 || ^18.0"

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

@@ -1,34 +0,0 @@
-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 };
-}
-
-export { filterAllowedFiles };

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

@@ -1,65 +0,0 @@
-import { useState } from 'react';
-import { isFunction } from '@aws-amplify/ui';
-import { filterAllowedFiles } from './filterAllowedFiles.mjs';
-
-function useDropZone({ onDropComplete, onDragEnter: _onDragEnter, onDragLeave: _onDragLeave, onDragOver: _onDragOver, onDragStart: _onDragStart, onDrop: _onDrop, acceptedFileTypes = [], }) {
-    const [dragState, setDragState] = useState('inactive');
-    const onDragStart = (event) => {
-        event.dataTransfer.clearData();
-        if (isFunction(_onDragStart)) {
-            _onDragStart(event);
-        }
-    };
-    const onDragEnter = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        if (isFunction(_onDragEnter)) {
-            _onDragEnter(event);
-        }
-    };
-    const onDragLeave = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        setDragState('inactive');
-        if (isFunction(_onDragLeave)) {
-            _onDragLeave(event);
-        }
-    };
-    const onDragOver = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        event.dataTransfer.dropEffect = 'copy';
-        if (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 (isFunction(_onDrop)) {
-            _onDrop(event);
-        }
-        if (isFunction(onDropComplete)) {
-            onDropComplete({ acceptedFiles, rejectedFiles });
-        }
-    };
-    return {
-        onDragStart,
-        onDragEnter,
-        onDragLeave,
-        onDragOver,
-        onDrop,
-        dragState,
-    };
-}
-
-export { useDropZone };

package/dist/types/primitives/DropZone/filterAllowedFiles.d.ts

@@ -1,10 +0,0 @@
-type DragFile = {
-    kind: string;
-    type: string;
-    name?: string;
-} | File;
-export declare function filterAllowedFiles<FileType extends DragFile = DragFile>(files: FileType[], acceptedFileTypes: string[]): {
-    acceptedFiles: FileType[];
-    rejectedFiles: FileType[];
-};
-export {};

package/dist/types/primitives/DropZone/useDropZone.d.ts

@@ -1,2 +0,0 @@
-import { UseDropZoneProps, UseDropZoneReturn } from './types';
-export declare function useDropZone({ onDropComplete, onDragEnter: _onDragEnter, onDragLeave: _onDragLeave, onDragOver: _onDragOver, onDragStart: _onDragStart, onDrop: _onDrop, acceptedFileTypes, }: UseDropZoneProps): UseDropZoneReturn;