@aws-amplify/ui-react-core 3.4.1 → 3.4.3

package/src/index.ts

@@ -1,5 +1,5 @@
 // features
-export {
+export type {
   AuthenticatorComponentDefaults,
   AuthenticatorComponentDefaultProps,
   AuthenticatorComponentOverrides,
@@ -8,49 +8,54 @@ export {
   AuthenticatorHeaderComponent,
   AuthenticatorLegacyField,
   AuthenticatorMachineContext,
-  AuthenticatorProvider,
   AuthenticatorRouteComponentKey,
   AuthenticatorRouteComponentName,
+  UseAuthenticator,
+  UseAuthenticatorRoute,
+} from './Authenticator';
+export {
+  AuthenticatorProvider,
   isAuthenticatorComponentRouteKey,
   resolveAuthenticatorComponents,
   useAuthenticator,
   useAuthenticatorRoute,
-  UseAuthenticator,
   useAuthenticatorInitMachine,
-  UseAuthenticatorRoute,
 } from './Authenticator';
 
-export {
-  FormProvider,
+export type {
   FormProviderProps,
-  RenderNothing,
   FormValues,
   FormHandle,
-  useField,
-  useForm,
   UseForm,
   Validate,
   Validator,
+} from './components';
+export {
+  FormProvider,
+  RenderNothing,
+  useField,
+  useForm,
   withFormProvider,
 } from './components';
 
+export type {
+  AsyncReducer,
+  AsyncReducerState,
+  UseDeprecationWarning,
+  UseDropZoneParams,
+} from './hooks';
 export {
-  AsyncDataAction,
-  DataAction,
+  useAsyncReducer,
   useControlledReducer,
   useDeprecationWarning,
-  UseDeprecationWarning,
+  useDropZone,
   useGetUrl,
   useHasValueUpdated,
   usePreviousValue,
   useSetUserAgent,
   useTimeout,
-  useDataState,
-  DataState,
-  useDropZone,
-  UseDropZoneParams,
 } from './hooks';
 
-export { MergeProps } from './types';
+export type { MergeProps } from './types';
 
 export { createContextUtilities } from './utils';

package/src/types/index.ts

@@ -1 +1 @@
-export { AnyComponent, MergeProps } from './types';
+export type { AnyComponent, MergeProps } from './types';

package/dist/esm/hooks/useDataState/useDataState.mjs

@@ -1,48 +0,0 @@
-import React__default from 'react';
-import { isFunction } from '@aws-amplify/ui';
-
-// default state
-const INITIAL_STATE = { hasError: false, isLoading: false, message: undefined };
-const LOADING_STATE = { hasError: false, isLoading: true, message: undefined };
-const ERROR_STATE = { hasError: true, isLoading: false };
-const resolveMaybeAsync = async (value) => {
-    const awaited = await value;
-    return awaited;
-};
-/**
- * @internal may be updated in future versions
- */
-function useDataState(action, initialData, options) {
-    const [dataState, setDataState] = React__default.useState(() => ({
-        ...INITIAL_STATE,
-        data: initialData,
-    }));
-    const prevData = React__default.useRef(initialData);
-    const pendingId = React__default.useRef();
-    const { onSuccess, onError } = options ?? {};
-    const handleAction = React__default.useCallback((input) => {
-        const id = Symbol();
-        pendingId.current = id;
-        setDataState(({ data }) => ({ ...LOADING_STATE, data }));
-        resolveMaybeAsync(action(prevData.current, input))
-            .then((data) => {
-            if (pendingId.current !== id)
-                return;
-            prevData.current = data;
-            if (isFunction(onSuccess))
-                onSuccess(data);
-            setDataState({ ...INITIAL_STATE, data });
-        })
-            .catch((error) => {
-            if (pendingId.current !== id)
-                return;
-            if (isFunction(onError))
-                onError(error);
-            const { message } = error;
-            setDataState(({ data }) => ({ ...ERROR_STATE, data, message }));
-        });
-    }, [action, onError, onSuccess]);
-    return [dataState, handleAction];
-}
-
-export { useDataState as default };

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

@@ -1,2 +0,0 @@
-export { default as useDataState } from './useDataState';
-export { AsyncDataAction, DataAction, DataState } from './types';

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

@@ -1,8 +0,0 @@
-export interface DataState<T> {
-    data: T;
-    hasError: boolean;
-    isLoading: boolean;
-    message: string | undefined;
-}
-export type DataAction<T = any, K = any> = (prevData: T, input: K) => T;
-export type AsyncDataAction<T = any, K = any> = (prevData: T, input: K) => Promise<T>;

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

@@ -1,8 +0,0 @@
-import { AsyncDataAction, DataAction, DataState } from './types';
-/**
- * @internal may be updated in future versions
- */
-export default function useDataState<T, K>(action: DataAction<T, K> | AsyncDataAction<T, K>, initialData: T, options?: {
-    onSuccess?: (data: T) => void;
-    onError?: (error: Error) => void;
-}): [state: DataState<T>, handleAction: (input: K) => void];

package/src/hooks/useDataState/index.ts

@@ -1,2 +0,0 @@
-export { default as useDataState } from './useDataState';
-export { AsyncDataAction, DataAction, DataState } from './types';

package/src/hooks/useDataState/types.ts

@@ -1,13 +0,0 @@
-export interface DataState<T> {
-  data: T;
-  hasError: boolean;
-  isLoading: boolean;
-  message: string | undefined;
-}
-
-export type DataAction<T = any, K = any> = (prevData: T, input: K) => T;
-
-export type AsyncDataAction<T = any, K = any> = (
-  prevData: T,
-  input: K
-) => Promise<T>;

package/src/hooks/useDataState/useDataState.ts

@@ -1,70 +0,0 @@
-import React from 'react';
-import { isFunction } from '@aws-amplify/ui';
-
-import { AsyncDataAction, DataAction, DataState } from './types';
-
-// default state
-const INITIAL_STATE = { hasError: false, isLoading: false, message: undefined };
-const LOADING_STATE = { hasError: false, isLoading: true, message: undefined };
-const ERROR_STATE = { hasError: true, isLoading: false };
-
-const resolveMaybeAsync = async <T>(
-  value: T | Promise<T>
-): Promise<Awaited<T>> => {
-  const awaited = await value;
-  return awaited;
-};
-
-/**
- * @internal may be updated in future versions
- */
-export default function useDataState<T, K>(
-  action: DataAction<T, K> | AsyncDataAction<T, K>,
-  initialData: T,
-  options?: {
-    onSuccess?: (data: T) => void;
-    onError?: (error: Error) => void;
-  }
-): [state: DataState<T>, handleAction: (input: K) => void] {
-  const [dataState, setDataState] = React.useState<DataState<T>>(() => ({
-    ...INITIAL_STATE,
-    data: initialData,
-  }));
-
-  const prevData = React.useRef(initialData);
-  const pendingId = React.useRef<Symbol | undefined>();
-
-  const { onSuccess, onError } = options ?? {};
-
-  const handleAction: (input: K) => void = React.useCallback(
-    (input) => {
-      const id = Symbol();
-      pendingId.current = id;
-
-      setDataState(({ data }) => ({ ...LOADING_STATE, data }));
-
-      resolveMaybeAsync(action(prevData.current, input))
-        .then((data: T) => {
-          if (pendingId.current !== id) return;
-
-          prevData.current = data;
-
-          if (isFunction(onSuccess)) onSuccess(data);
-
-          setDataState({ ...INITIAL_STATE, data });
-        })
-        .catch((error: Error) => {
-          if (pendingId.current !== id) return;
-
-          if (isFunction(onError)) onError(error);
-
-          const { message } = error;
-
-          setDataState(({ data }) => ({ ...ERROR_STATE, data, message }));
-        });
-    },
-    [action, onError, onSuccess]
-  );
-
-  return [dataState, handleAction];
-}