@aws-amplify/ui-react-core 3.6.1 → 3.6.3

package/dist/elements.js

@@ -197,6 +197,7 @@ function defineBaseElementWithRef(input) {
     return Element;
 }
 
+/* eslint-disable @typescript-eslint/no-unsafe-call */
 /**
  * @internal @unstable
  *
@@ -212,13 +213,13 @@ function defineBaseElementWithRef(input) {
  * type InputElementPropKey = 'onChange' | 'type';
  *
  * // create `InputElement` base with `type` generic and extended `props` key
- * export const InputElement = defineBaseElementWithRef<"input", InputElementPropKey>({
+ * export const InputElement = withBaseElementProps<"input", InputElementPropKey>({
  *   type: "input",
  *   displayName: "Input",
  * });
  *
  * // extend base `InputElement` with default input `type` of `checkbox`
- * const CheckboxElement = withBaseElementProps(Input, {
+ * const CheckboxElement = withBaseElementProps(InputElement, {
  *   className: 'submit-toggle__checkbox',
  *   type: 'checkbox',
  * });

package/dist/esm/Authenticator/context/AuthenticatorProvider.mjs

@@ -32,7 +32,7 @@ function AuthenticatorProvider({ children, }) {
      */
     const parentProviderVal = useContext(AuthenticatorContext);
     const service = useInterpret(createAuthenticatorMachine);
-    const value = useMemo(() => (!parentProviderVal ? { authStatus, service } : parentProviderVal), [authStatus, parentProviderVal, service]);
+    const value = useMemo(() => parentProviderVal ?? { authStatus, service }, [authStatus, parentProviderVal, service]);
     const { service: activeService } = value;
     useEffect(() => {
         const onSignIn = () => {

package/dist/esm/Authenticator/hooks/useAuthenticator/useAuthenticator.mjs

@@ -4,7 +4,7 @@ import { getServiceFacade } from '@aws-amplify/ui';
 import 'aws-amplify/auth';
 import { AuthenticatorContext } from '../../context/AuthenticatorContext.mjs';
 import { USE_AUTHENTICATOR_ERROR } from './constants.mjs';
-import { getComparator, defaultComparator, getQRFields, getMachineFields } from './utils.mjs';
+import { defaultComparator, getQRFields, getMachineFields, getComparator } from './utils.mjs';
 
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/connected-components/authenticator/headless#useauthenticator-hook)

package/dist/esm/Authenticator/hooks/useAuthenticator/utils.mjs

@@ -1,4 +1,4 @@
-import { getActorContext, getSortedFormFields, areEmptyArrays, areEmptyObjects, isString, authenticatorTextUtil } from '@aws-amplify/ui';
+import { getActorContext, getSortedFormFields, isString, authenticatorTextUtil, areEmptyArrays, areEmptyObjects } from '@aws-amplify/ui';
 import { isComponentRouteKey } from '../utils.mjs';
 
 const defaultComparator = () => false;

package/dist/esm/elements/withBaseElementProps.mjs

@@ -1,5 +1,6 @@
 import React__default from 'react';
 
+/* eslint-disable @typescript-eslint/no-unsafe-call */
 /**
  * @internal @unstable
  *
@@ -15,13 +16,13 @@ import React__default from 'react';
  * type InputElementPropKey = 'onChange' | 'type';
  *
  * // create `InputElement` base with `type` generic and extended `props` key
- * export const InputElement = defineBaseElementWithRef<"input", InputElementPropKey>({
+ * export const InputElement = withBaseElementProps<"input", InputElementPropKey>({
  *   type: "input",
  *   displayName: "Input",
  * });
  *
  * // extend base `InputElement` with default input `type` of `checkbox`
- * const CheckboxElement = withBaseElementProps(Input, {
+ * const CheckboxElement = withBaseElementProps(InputElement, {
  *   className: 'submit-toggle__checkbox',
  *   type: 'checkbox',
  * });

package/dist/esm/hooks/useControlledReducer.mjs

@@ -17,9 +17,7 @@ function useControlledReducer(reducer, initialState, options) {
             onStateChange?.(uncontrolledState);
         }
     }, [hasUncontrolledStateChanged, onStateChange, uncontrolledState]);
-    const state = controlledStateRef.current
-        ? controlledStateRef.current
-        : uncontrolledState;
+    const state = controlledStateRef.current ?? uncontrolledState;
     return React__default.useMemo(() => [state, dispatch], [state]);
 }
 

package/dist/esm/utils/processDroppedItems.mjs

@@ -13,7 +13,8 @@ const readAllDirectoryEntries = async (dirReader) => {
             try {
                 dirReader.readEntries(resolve, reject);
             }
-            catch (error) {
+            catch (e) {
+                const error = e;
                 reject(error);
             }
         });

package/dist/index.js

@@ -64,7 +64,7 @@ function AuthenticatorProvider({ children, }) {
      */
     const parentProviderVal = React.useContext(AuthenticatorContext);
     const service = react.useInterpret(ui.createAuthenticatorMachine);
-    const value = React.useMemo(() => (!parentProviderVal ? { authStatus, service } : parentProviderVal), [authStatus, parentProviderVal, service]);
+    const value = React.useMemo(() => parentProviderVal ?? { authStatus, service }, [authStatus, parentProviderVal, service]);
     const { service: activeService } = value;
     React.useEffect(() => {
         const onSignIn = () => {
@@ -652,9 +652,7 @@ function useControlledReducer(reducer, initialState, options) {
             onStateChange?.(uncontrolledState);
         }
     }, [hasUncontrolledStateChanged, onStateChange, uncontrolledState]);
-    const state = controlledStateRef.current
-        ? controlledStateRef.current
-        : uncontrolledState;
+    const state = controlledStateRef.current ?? uncontrolledState;
     return React__namespace["default"].useMemo(() => [state, dispatch], [state]);
 }
 
@@ -706,7 +704,8 @@ const readAllDirectoryEntries = async (dirReader) => {
             try {
                 dirReader.readEntries(resolve, reject);
             }
-            catch (error) {
+            catch (e) {
+                const error = e;
                 reject(error);
             }
         });

package/dist/types/Authenticator/hooks/index.d.ts

@@ -2,4 +2,4 @@ export * from './useAuthenticator';
 export * from './useAuthenticatorRoute';
 export * from './useAuthenticatorInitMachine';
 export * from './utils';
-export * from './types';
+export type * from './types';

package/dist/types/Authenticator/hooks/useAuthenticatorRoute/index.d.ts

@@ -1,2 +1,2 @@
 export { default as useAuthenticatorRoute } from './useAuthenticatorRoute';
-export * from './types';
+export type * from './types';

package/dist/types/elements/index.d.ts

@@ -3,4 +3,4 @@ export { defineBaseElement, defineBaseElementWithRef, } from './defineBaseElemen
 export { default as withBaseElementProps } from './withBaseElementProps';
 export { ElementsProvider } from './ElementsContext';
 export { isComponent, isForwardRefExoticComponent } from './utils';
-export * from './types';
+export type * from './types';

package/dist/types/elements/withBaseElementProps.d.ts

@@ -15,13 +15,13 @@ import type { BaseElementWithRef, ElementRefType } from './types';
  * type InputElementPropKey = 'onChange' | 'type';
  *
  * // create `InputElement` base with `type` generic and extended `props` key
- * export const InputElement = defineBaseElementWithRef<"input", InputElementPropKey>({
+ * export const InputElement = withBaseElementProps<"input", InputElementPropKey>({
  *   type: "input",
  *   displayName: "Input",
  * });
  *
  * // extend base `InputElement` with default input `type` of `checkbox`
- * const CheckboxElement = withBaseElementProps(Input, {
+ * const CheckboxElement = withBaseElementProps(InputElement, {
  *   className: 'submit-toggle__checkbox',
  *   type: 'checkbox',
  * });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-core",
-  "version": "3.6.1",
+  "version": "3.6.3",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "react-native": "src/index.ts",
@@ -40,9 +40,9 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.15.1",
+    "@aws-amplify/ui": "6.15.3",
     "@xstate/react": "^3.2.2",
-    "lodash": "4.17.23",
+    "lodash": "4.18.1",
     "react-hook-form": "7.53.2",
     "xstate": "^4.33.6"
   },

package/src/Authenticator/context/AuthenticatorProvider.tsx

@@ -53,7 +53,7 @@ export default function AuthenticatorProvider({
   const service = useInterpret(createAuthenticatorMachine);
 
   const value = useMemo(
-    () => (!parentProviderVal ? { authStatus, service } : parentProviderVal),
+    () => parentProviderVal ?? { authStatus, service },
     [authStatus, parentProviderVal, service]
   );
 

package/src/Authenticator/hooks/index.ts

@@ -2,4 +2,4 @@ export * from './useAuthenticator';
 export * from './useAuthenticatorRoute';
 export * from './useAuthenticatorInitMachine';
 export * from './utils';
-export * from './types';
+export type * from './types';

package/src/Authenticator/hooks/useAuthenticatorRoute/index.ts

@@ -1,2 +1,2 @@
 export { default as useAuthenticatorRoute } from './useAuthenticatorRoute';
-export * from './types';
+export type * from './types';

package/src/elements/index.ts

@@ -6,4 +6,4 @@ export {
 export { default as withBaseElementProps } from './withBaseElementProps';
 export { ElementsProvider } from './ElementsContext';
 export { isComponent, isForwardRefExoticComponent } from './utils';
-export * from './types';
+export type * from './types';

package/src/elements/withBaseElementProps.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { BaseElementWithRef, ElementRefType } from './types';
 
+/* eslint-disable @typescript-eslint/no-unsafe-call */
 /**
  * @internal @unstable
  *
@@ -16,13 +17,13 @@ import type { BaseElementWithRef, ElementRefType } from './types';
  * type InputElementPropKey = 'onChange' | 'type';
  *
  * // create `InputElement` base with `type` generic and extended `props` key
- * export const InputElement = defineBaseElementWithRef<"input", InputElementPropKey>({
+ * export const InputElement = withBaseElementProps<"input", InputElementPropKey>({
  *   type: "input",
  *   displayName: "Input",
  * });
  *
  * // extend base `InputElement` with default input `type` of `checkbox`
- * const CheckboxElement = withBaseElementProps(Input, {
+ * const CheckboxElement = withBaseElementProps(InputElement, {
  *   className: 'submit-toggle__checkbox',
  *   type: 'checkbox',
  * });

package/src/hooks/useAsyncReducer.ts

@@ -73,7 +73,7 @@ export default function useAsyncReducer<T, K>(
   }));
 
   const prevValue = React.useRef(initialValue);
-  const pendingId = React.useRef<Symbol | undefined>();
+  const pendingId = React.useRef<symbol | undefined>();
 
   const { onSuccess, onError } = options ?? {};
 

package/src/hooks/useControlledReducer.ts

@@ -38,9 +38,7 @@ export default function useControlledReducer<
     }
   }, [hasUncontrolledStateChanged, onStateChange, uncontrolledState]);
 
-  const state = controlledStateRef.current
-    ? controlledStateRef.current
-    : uncontrolledState;
+  const state = controlledStateRef.current ?? uncontrolledState;
 
   return React.useMemo(() => [state, dispatch], [state]);
 }

package/src/utils/processDroppedItems.ts

@@ -16,7 +16,8 @@ const readAllDirectoryEntries = async (
     readBatch = await new Promise<FileSystemEntry[]>((resolve, reject) => {
       try {
         dirReader.readEntries(resolve, reject);
-      } catch (error) {
+      } catch (e) {
+        const error = e as Error;
         reject(error);
       }
     });