@aws-amplify/ui-react 6.1.7 → 6.1.9

package/dist/{Field-e99a3ed1.js → Field-1f747369.js}

@@ -3,6 +3,7 @@
 var React = require('react');
 var core = require('@aws-amplify/core');
 var auth = require('aws-amplify/auth');
+var uiReactCore = require('@aws-amplify/ui-react-core');
 var ui = require('@aws-amplify/ui');
 
 function _interopNamespace(e) {
@@ -339,6 +340,18 @@ const useBreakpoint = ({ breakpoints, defaultBreakpoint, }) => {
     return breakpoint;
 };
 
+/**
+ * Logs a deprecation warning `message` to the console.
+ */
+const useDeprecationWarning = ({ message, shouldWarn: _shouldWarn, }) => {
+    const shouldWarn = _shouldWarn &&
+        // show message on builds without Node `process` polyfill
+        // or with process.env.NODE_ENV not production
+        (typeof process === 'undefined' ||
+            (process && process.env.NODE_ENV !== 'production'));
+    uiReactCore.useDeprecationWarning({ message, shouldWarn });
+};
+
 /**
  * @internal May be removed in a future version
  * Maps from component style props to React `style` props
@@ -1176,6 +1189,7 @@ exports.strHasLength = strHasLength;
 exports.useAuth = useAuth;
 exports.useBreakpoint = useBreakpoint;
 exports.useColorMode = useColorMode;
+exports.useDeprecationWarning = useDeprecationWarning;
 exports.useDropZone = useDropZone;
 exports.useFieldset = useFieldset;
 exports.useIcons = useIcons;

package/dist/esm/internal.mjs

@@ -1,6 +1,7 @@
 export { useAuth } from './hooks/useAuth.mjs';
 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 { FilterChildren } from './components/FilterChildren/FilterChildren.mjs';
 export { AlertIcon } from './primitives/Alert/AlertIcon.mjs';

package/dist/esm/primitives/ButtonGroup/ButtonGroup.mjs

@@ -3,10 +3,10 @@ import { classNames, ComponentClassName } from '@aws-amplify/ui';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { Flex } from '../Flex/Flex.mjs';
 
-const ButtonGroupPrimitive = ({ className, children, role = 'group', size: _size, variation: _variation, ...rest }, ref) => (React.createElement(Flex, { className: classNames(ComponentClassName.ButtonGroup, className), role: role, ref: ref, ...rest }, React.Children.map(children, (child) => {
+const ButtonGroupPrimitive = ({ className, children, isDisabled: _isDisabled = false, role = 'group', size: _size, variation: _variation, ...rest }, ref) => (React.createElement(Flex, { className: classNames(ComponentClassName.ButtonGroup, className), role: role, ref: ref, ...rest }, React.Children.map(children, (child) => {
     if (React.isValidElement(child)) {
-        const { size = _size, variation = _variation } = child.props;
-        return React.cloneElement(child, { size, variation });
+        const { size = _size, variation = _variation, isDisabled = _isDisabled, } = child.props;
+        return React.cloneElement(child, { isDisabled, size, variation });
     }
     return child;
 })));

package/dist/esm/primitives/Menu/Menu.mjs

@@ -15,12 +15,12 @@ import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 const { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent } = sanitizeNamespaceImport(Dropdown);
 const MENU_TRIGGER_TEST_ID = 'amplify-menu-trigger-test-id';
 const MENU_ITEMS_GROUP_TEST_ID = 'amplify-menu-items-group-test-id';
-const MenuPrimitive = ({ menuAlign = 'start', children, className, isOpen, size, trigger, triggerClassName, ariaLabel, onOpenChange, ...rest }, ref) => {
+const MenuPrimitive = ({ menuAlign = 'start', children, className, isOpen, size, trigger, triggerClassName, ariaLabel, onOpenChange, isDisabled, ...rest }, ref) => {
     const icons = useIcons('menu');
     return (React.createElement(DropdownMenu, { onOpenChange: onOpenChange, open: isOpen },
-        React.createElement(DropdownMenuTrigger, { asChild: true }, trigger ?? (React.createElement(MenuButton, { ariaLabel: ariaLabel, size: size, testId: MENU_TRIGGER_TEST_ID, className: classNames(ComponentClassName.MenuTrigger, triggerClassName) }, icons?.menu ?? React.createElement(IconMenu, null)))),
+        React.createElement(DropdownMenuTrigger, { disabled: isDisabled, asChild: true }, trigger ?? (React.createElement(MenuButton, { ariaLabel: ariaLabel, size: size, testId: MENU_TRIGGER_TEST_ID, className: classNames(ComponentClassName.MenuTrigger, triggerClassName) }, icons?.menu ?? React.createElement(IconMenu, null)))),
         React.createElement(DropdownMenuContent, { align: menuAlign, className: ComponentClassName.MenuWrapper },
-            React.createElement(ButtonGroup, { className: classNames(ComponentClassName.MenuContent, className), ref: ref, size: size, testId: MENU_ITEMS_GROUP_TEST_ID, ...rest }, children))));
+            React.createElement(ButtonGroup, { className: classNames(ComponentClassName.MenuContent, className), ref: ref, isDisabled: isDisabled, size: size, testId: MENU_ITEMS_GROUP_TEST_ID, ...rest }, children))));
 };
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/menu)

package/dist/esm/primitives/Menu/MenuButton.mjs

@@ -7,10 +7,10 @@ import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/menu)
  */
-const MenuButtonPrimitive = ({ ariaLabel, className, children, isDisabled, isLoading, size, style, type = 'button', variation, testId, ...rest }, ref) => {
+const MenuButtonPrimitive = ({ ariaLabel, className, children, isDisabled = false, isLoading, size, style, type = 'button', variation, testId, ...rest }, ref) => {
     const { propStyles, nonStyleProps } = useStyles(rest, style);
     const componentClasses = classNames(ComponentClassName.Button, classNameModifier(ComponentClassName.Button, size), classNameModifier(ComponentClassName.Button, variation), className);
-    return (React.createElement(Button, { ref: ref, className: componentClasses, disabled: isDisabled ?? isLoading, type: type, testId: testId, "aria-label": ariaLabel, style: propStyles, ...nonStyleProps }, children));
+    return (React.createElement(Button, { ref: ref, className: componentClasses, disabled: isDisabled || isLoading, isDisabled: isDisabled || isLoading, type: type, testId: testId, "aria-label": ariaLabel, style: propStyles, ...nonStyleProps }, children));
 };
 const MenuButton = primitiveWithForwardRef(MenuButtonPrimitive);
 MenuButton.displayName = 'MenuButton';

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '6.1.7';
+const VERSION = '6.1.9';
 
 export { VERSION };

package/dist/index.js

@@ -6,7 +6,7 @@ var React = require('react');
 var isEqual = require('lodash/isEqual.js');
 var uiReactCore = require('@aws-amplify/ui-react-core');
 var ui = require('@aws-amplify/ui');
-var Field = require('./Field-e99a3ed1.js');
+var Field = require('./Field-1f747369.js');
 require('aws-amplify/storage');
 var debounce = require('lodash/debounce.js');
 var Dropdown = require('@radix-ui/react-dropdown-menu');
@@ -705,10 +705,10 @@ const Breadcrumbs = Object.assign(Field.primitiveWithForwardRef(BreadcrumbsPrimi
 });
 Breadcrumbs.displayName = 'Breadcrumbs';
 
-const ButtonGroupPrimitive = ({ className, children, role = 'group', size: _size, variation: _variation, ...rest }, ref) => (React__namespace.createElement(Field.Flex, { className: ui.classNames(ui.ComponentClassName.ButtonGroup, className), role: role, ref: ref, ...rest }, React__namespace.Children.map(children, (child) => {
+const ButtonGroupPrimitive = ({ className, children, isDisabled: _isDisabled = false, role = 'group', size: _size, variation: _variation, ...rest }, ref) => (React__namespace.createElement(Field.Flex, { className: ui.classNames(ui.ComponentClassName.ButtonGroup, className), role: role, ref: ref, ...rest }, React__namespace.Children.map(children, (child) => {
     if (React__namespace.isValidElement(child)) {
-        const { size = _size, variation = _variation } = child.props;
-        return React__namespace.cloneElement(child, { size, variation });
+        const { size = _size, variation = _variation, isDisabled = _isDisabled, } = child.props;
+        return React__namespace.cloneElement(child, { isDisabled, size, variation });
     }
     return child;
 })));
@@ -1329,10 +1329,10 @@ Image.displayName = 'Image';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/menu)
  */
-const MenuButtonPrimitive = ({ ariaLabel, className, children, isDisabled, isLoading, size, style, type = 'button', variation, testId, ...rest }, ref) => {
+const MenuButtonPrimitive = ({ ariaLabel, className, children, isDisabled = false, isLoading, size, style, type = 'button', variation, testId, ...rest }, ref) => {
     const { propStyles, nonStyleProps } = Field.useStyles(rest, style);
     const componentClasses = ui.classNames(ui.ComponentClassName.Button, ui.classNameModifier(ui.ComponentClassName.Button, size), ui.classNameModifier(ui.ComponentClassName.Button, variation), className);
-    return (React__namespace.createElement(Field.Button, { ref: ref, className: componentClasses, disabled: isDisabled ?? isLoading, type: type, testId: testId, "aria-label": ariaLabel, style: propStyles, ...nonStyleProps }, children));
+    return (React__namespace.createElement(Field.Button, { ref: ref, className: componentClasses, disabled: isDisabled || isLoading, isDisabled: isDisabled || isLoading, type: type, testId: testId, "aria-label": ariaLabel, style: propStyles, ...nonStyleProps }, children));
 };
 const MenuButton = Field.primitiveWithForwardRef(MenuButtonPrimitive);
 MenuButton.displayName = 'MenuButton';
@@ -1342,12 +1342,12 @@ MenuButton.displayName = 'MenuButton';
 const { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent } = ui.sanitizeNamespaceImport(Dropdown__namespace);
 const MENU_TRIGGER_TEST_ID = 'amplify-menu-trigger-test-id';
 const MENU_ITEMS_GROUP_TEST_ID = 'amplify-menu-items-group-test-id';
-const MenuPrimitive = ({ menuAlign = 'start', children, className, isOpen, size, trigger, triggerClassName, ariaLabel, onOpenChange, ...rest }, ref) => {
+const MenuPrimitive = ({ menuAlign = 'start', children, className, isOpen, size, trigger, triggerClassName, ariaLabel, onOpenChange, isDisabled, ...rest }, ref) => {
     const icons = Field.useIcons('menu');
     return (React__namespace.createElement(DropdownMenu, { onOpenChange: onOpenChange, open: isOpen },
-        React__namespace.createElement(DropdownMenuTrigger, { asChild: true }, trigger ?? (React__namespace.createElement(MenuButton, { ariaLabel: ariaLabel, size: size, testId: MENU_TRIGGER_TEST_ID, className: ui.classNames(ui.ComponentClassName.MenuTrigger, triggerClassName) }, icons?.menu ?? React__namespace.createElement(Field.IconMenu, null)))),
+        React__namespace.createElement(DropdownMenuTrigger, { disabled: isDisabled, asChild: true }, trigger ?? (React__namespace.createElement(MenuButton, { ariaLabel: ariaLabel, size: size, testId: MENU_TRIGGER_TEST_ID, className: ui.classNames(ui.ComponentClassName.MenuTrigger, triggerClassName) }, icons?.menu ?? React__namespace.createElement(Field.IconMenu, null)))),
         React__namespace.createElement(DropdownMenuContent, { align: menuAlign, className: ui.ComponentClassName.MenuWrapper },
-            React__namespace.createElement(ButtonGroup, { className: ui.classNames(ui.ComponentClassName.MenuContent, className), ref: ref, size: size, testId: MENU_ITEMS_GROUP_TEST_ID, ...rest }, children))));
+            React__namespace.createElement(ButtonGroup, { className: ui.classNames(ui.ComponentClassName.MenuContent, className), ref: ref, isDisabled: isDisabled, size: size, testId: MENU_ITEMS_GROUP_TEST_ID, ...rest }, children))));
 };
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/menu)
@@ -2383,7 +2383,7 @@ const defaultDeleteUserDisplayText = {
     warningText: 'Deleting your account is not reversible. You will lose access to your account and all data associated with it.',
 };
 
-const VERSION = '6.1.7';
+const VERSION = '6.1.9';
 
 const logger$2 = ui.getLogger('AccountSettings');
 const getIsDisabled = (formValues, validationError) => {
@@ -2622,18 +2622,6 @@ DeleteUser.WarningView = DEFAULTS.WarningView;
 
 var AccountSettings = { ChangePassword, DeleteUser };
 
-/**
- * Logs a deprecation warning `message` to the console.
- */
-const useDeprecationWarning = ({ message, shouldWarn: _shouldWarn, }) => {
-    const shouldWarn = _shouldWarn &&
-        // show message on builds without Node `process` polyfill
-        // or with process.env.NODE_ENV not production
-        (typeof process === 'undefined' ||
-            (process && process.env.NODE_ENV !== 'production'));
-    uiReactCore.useDeprecationWarning({ message, shouldWarn });
-};
-
 const CustomComponentsContext = 
 // @ts-ignore
 React__namespace.createContext(null);
@@ -3301,7 +3289,7 @@ const defaultComponents = {
 // Once the `Provider` is removed from the `Authenticator` component and exported as
 // `AuthenticatorProvider`, this component should be renamed to `Authenticator`.
 function AuthenticatorInternal({ children, className, components: customComponents, formFields, hideSignUp, initialState, loginMechanisms, passwordSettings, signUpAttributes, services, socialProviders, variation, }) {
-    useDeprecationWarning({
+    Field.useDeprecationWarning({
         message: 'The `passwordSettings` prop has been deprecated and will be removed in a future major version of Amplify UI.',
         // shouldWarn: !!passwordSettings,
         /**

package/dist/internal.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Field = require('./Field-e99a3ed1.js');
+var Field = require('./Field-1f747369.js');
 var React = require('react');
 var Storage = require('aws-amplify/storage');
 var ui = require('@aws-amplify/ui');
@@ -16402,6 +16402,7 @@ exports.IconVisibilityOff = Field.IconVisibilityOff;
 exports.IconWarning = Field.IconWarning;
 exports.useAuth = Field.useAuth;
 exports.useColorMode = Field.useColorMode;
+exports.useDeprecationWarning = Field.useDeprecationWarning;
 exports.useDropZone = Field.useDropZone;
 exports.useIcons = Field.useIcons;
 exports.FilterChildren = FilterChildren;

package/dist/types/internal.d.ts

@@ -1,6 +1,7 @@
 export * from './hooks/useAuth';
 export * from './hooks/useStorageURL';
 export * from './hooks/useThemeBreakpoint';
+export { useDeprecationWarning } from './hooks/useDeprecationWarning';
 export { useColorMode } from './hooks/useTheme';
 export * from './components/FilterChildren';
 export { AlertIcon } from './primitives/Alert/AlertIcon';

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "6.1.7";
+export declare const VERSION = "6.1.9";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "6.1.7",
+  "version": "6.1.9",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -49,8 +49,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.0.13",
-    "@aws-amplify/ui-react-core": "3.0.13",
+    "@aws-amplify/ui": "6.0.14",
+    "@aws-amplify/ui-react-core": "3.0.14",
     "@radix-ui/react-direction": "1.0.0",
     "@radix-ui/react-dropdown-menu": "1.0.0",
     "@radix-ui/react-slider": "1.0.0",
@@ -60,7 +60,7 @@
     "tslib": "^2.5.2"
   },
   "peerDependencies": {
-    "aws-amplify": "^6.0.26",
+    "aws-amplify": "^6.2.0",
     "react": "^16.14.0 || ^17.0 || ^18.0",
     "react-dom": "^16.14.0 || ^17.0 || ^18.0"
   },