@aws-amplify/ui-react-core 3.0.15 → 3.0.17

package/dist/esm/index.mjs

@@ -9,6 +9,7 @@ export { default as useForm } from './components/FormCore/useForm.mjs';
 export { default as FormProvider } from './components/FormCore/FormProvider.mjs';
 export { default as withFormProvider } from './components/FormCore/withFormProvider.mjs';
 export { default as RenderNothing } from './components/RenderNothing/RenderNothing.mjs';
+import 'react';
 export { default as useDeprecationWarning } from './hooks/useDeprecationWarning.mjs';
 export { default as useGetUrl } from './hooks/useGetUrl.mjs';
 export { default as useHasValueUpdated } from './hooks/useHasValueUpdated.mjs';

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

@@ -1,3 +1,4 @@
+export { default as useDataState } from './useDataState';
 export { default as useDeprecationWarning, UseDeprecationWarning, } from './useDeprecationWarning';
 export { default as useGetUrl } from './useGetUrl';
 export { default as useHasValueUpdated } from './useHasValueUpdated';

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

@@ -0,0 +1,7 @@
+interface ActionState<T> {
+    data: T;
+    isLoading: boolean;
+    message: string | undefined;
+}
+export default function useDataState<T, K>(action: (prevData: Awaited<T>, ...input: K[]) => T | Promise<T>, initialData: Awaited<T>): [state: ActionState<Awaited<T>>, handleAction: (...input: K[]) => void];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-core",
-  "version": "3.0.15",
+  "version": "3.0.17",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "react-native": "src/index.ts",
@@ -33,14 +33,14 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.0.15",
+    "@aws-amplify/ui": "6.0.17",
     "@xstate/react": "^3.2.2",
     "lodash": "4.17.21",
     "react-hook-form": "^7.43.5",
     "xstate": "^4.33.6"
   },
   "peerDependencies": {
-    "aws-amplify": "^6.2.0",
+    "aws-amplify": "^6.3.2",
     "react": "^16.14.0 || ^17.0 || ^18.0"
   },
   "sideEffects": false

package/src/hooks/index.ts

@@ -1,3 +1,4 @@
+export { default as useDataState } from './useDataState';
 export {
   default as useDeprecationWarning,
   UseDeprecationWarning,

package/src/hooks/useDataState.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+
+interface ActionState<T> {
+  data: T;
+  isLoading: boolean;
+  message: string | undefined;
+}
+
+const getActionState = <T>(data: T): ActionState<T> => ({
+  data,
+  isLoading: false,
+  message: undefined,
+});
+
+export default function useDataState<T, K>(
+  action: (prevData: Awaited<T>, ...input: K[]) => T | Promise<T>,
+  initialData: Awaited<T>
+): [state: ActionState<Awaited<T>>, handleAction: (...input: K[]) => void] {
+  const [actionState, setActionState] = React.useState<ActionState<Awaited<T>>>(
+    () => getActionState(initialData)
+  );
+
+  const prevData = React.useRef(initialData);
+
+  const handleAction: (...input: K[]) => void = React.useCallback(
+    (...input) => {
+      setActionState((prev) => ({ ...prev, isLoading: true }));
+
+      Promise.resolve(action(prevData.current, ...input))
+        .then((data) => {
+          prevData.current = data;
+          setActionState(getActionState(data));
+        })
+        .catch(({ message }: Error) => {
+          setActionState((prev) => ({ ...prev, isLoading: false, message }));
+        });
+    },
+    [action]
+  );
+
+  return [actionState, handleAction];
+}