@aws-amplify/ui-react-core 3.1.1 → 3.2.0

package/dist/esm/hooks/usePreviousValue.mjs

@@ -1,7 +1,7 @@
 import { useRef, useEffect } from 'react';
 
 function usePreviousValue(value) {
-    const previous = useRef();
+    const previous = useRef(undefined);
     // update ref post render
     useEffect(() => {
         previous.current = value;

package/dist/index.js

@@ -638,7 +638,7 @@ function useGetUrl(input) {
 }
 
 function usePreviousValue(value) {
-    const previous = React.useRef();
+    const previous = React.useRef(undefined);
     // update ref post render
     React.useEffect(() => {
         previous.current = value;

package/dist/types/Authenticator/context/AuthenticatorProvider.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export default function AuthenticatorProvider({ children, }: {
     children: ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/components/FormCore/withFormProvider.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { AnyComponent, MergeProps } from '../../types';
+import { AnyComponent } from '../../types';
 import { FormHandle, FormProviderProps } from './types';
 /**
  * @param Child `Form` base component wrapped inside `FormProvider`
  * @returns Composed `Form` component exposing `FormContext` values to descendents
  */
-export default function withFormProvider<ChildComp extends AnyComponent, ChildProps extends React.ComponentPropsWithRef<ChildComp>, Props extends MergeProps<FormProviderProps, ChildProps>>(Child: ChildComp): React.ForwardRefExoticComponent<React.PropsWithoutRef<Props> & React.RefAttributes<FormHandle>>;
+export default function withFormProvider<ChildComp extends AnyComponent, ChildProps extends React.ComponentPropsWithRef<ChildComp>, Props extends ChildProps & FormProviderProps>(Child: ChildComp): React.ForwardRefExoticComponent<React.PropsWithoutRef<Props> & React.RefAttributes<FormHandle>>;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 /**
  * Utility component for rendering nothing.
  */
-export default function RenderNothing<Props>(_: Props): JSX.Element | null;
+export default function RenderNothing<Props>(_: Props): React.JSX.Element | null;

package/dist/types/hooks/useDropZone.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface DragEvents {
     onDragStart: (event: React.DragEvent<HTMLDivElement>) => void;
     onDragEnter: (event: React.DragEvent<HTMLDivElement>) => void;

package/dist/types/types/types.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export type AnyComponent = React.ComponentType<any>;
 export type MergeProps<C, P> = C & Omit<P, keyof C>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-core",
-  "version": "3.1.1",
+  "version": "3.2.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "react-native": "src/index.ts",
@@ -40,15 +40,15 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.7.1",
+    "@aws-amplify/ui": "6.7.2",
     "@xstate/react": "^3.2.2",
     "lodash": "4.17.21",
-    "react-hook-form": "^7.43.5",
+    "react-hook-form": "^7.53.2",
     "xstate": "^4.33.6"
   },
   "peerDependencies": {
     "aws-amplify": "^6.9.0",
-    "react": "^16.14.0 || ^17.0 || ^18.0"
+    "react": "^16.14 || ^17 || ^18 || ^19"
   },
   "sideEffects": false
 }

package/src/Authenticator/context/AuthenticatorProvider.tsx

@@ -24,7 +24,7 @@ export default function AuthenticatorProvider({
   children,
 }: {
   children: ReactNode;
-}): JSX.Element {
+}): React.JSX.Element {
   // `authStatus` is exposed by `useAuthenticator` but should not be derived directly from the
   // state machine as the machine only updates on `Authenticator` initiated events, which
   // leads to scenarios where the state machine `authStatus` gets "stuck". For exmample,

package/src/components/FormCore/withFormProvider.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { AnyComponent, MergeProps } from '../../types';
+import { AnyComponent } from '../../types';
 
 import FormProvider from './FormProvider';
 import { FormHandle, FormProviderProps } from './types';
@@ -12,7 +12,7 @@ import { FormHandle, FormProviderProps } from './types';
 export default function withFormProvider<
   ChildComp extends AnyComponent,
   ChildProps extends React.ComponentPropsWithRef<ChildComp>,
-  Props extends MergeProps<FormProviderProps, ChildProps>
+  Props extends ChildProps & FormProviderProps,
 >(
   Child: ChildComp
 ): React.ForwardRefExoticComponent<
@@ -23,7 +23,11 @@ export default function withFormProvider<
     ref
   ) {
     return (
-      <FormProvider defaultValues={defaultValues} mode={mode} ref={ref}>
+      <FormProvider
+        defaultValues={defaultValues as Props['defaultValues']}
+        mode={mode as Props['mode']}
+        ref={ref}
+      >
         <Child {...(props as ChildProps)} />
       </FormProvider>
     );

package/src/components/RenderNothing/RenderNothing.tsx

@@ -1,6 +1,8 @@
 /**
  * Utility component for rendering nothing.
  */
-export default function RenderNothing<Props>(_: Props): JSX.Element | null {
+export default function RenderNothing<Props>(
+  _: Props
+): React.JSX.Element | null {
   return null;
 }

package/src/hooks/usePreviousValue.ts

@@ -3,7 +3,7 @@ import { useEffect, useRef } from 'react';
 export default function usePreviousValue<Value>(
   value: Value
 ): Value | undefined {
-  const previous = useRef<Value>();
+  const previous = useRef<Value | undefined>(undefined);
 
   // update ref post render
   useEffect(() => {