@aws-amplify/ui-react-core 3.0.20 → 3.0.22

package/dist/esm/hooks/useDataState.mjs

@@ -0,0 +1,31 @@
+import React__default from 'react';
+
+// 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;
+};
+function useDataState(action, initialData) {
+    const [dataState, setDataState] = React__default.useState(() => ({
+        ...INITIAL_STATE,
+        data: initialData,
+    }));
+    const prevData = React__default.useRef(initialData);
+    const handleAction = React__default.useCallback((...input) => {
+        setDataState(({ data }) => ({ ...LOADING_STATE, data }));
+        resolveMaybeAsync(action(prevData.current, ...input))
+            .then((data) => {
+            prevData.current = data;
+            setDataState({ ...INITIAL_STATE, data });
+        })
+            .catch(({ message }) => {
+            setDataState(({ data }) => ({ ...ERROR_STATE, data, message }));
+        });
+    }, [action]);
+    return [dataState, handleAction];
+}
+
+export { useDataState as default };

package/dist/esm/index.mjs

@@ -9,7 +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 useDataState } from './hooks/useDataState.mjs';
 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/index.js

@@ -558,6 +558,34 @@ function useAuthenticatorInitMachine(data) {
     }, [initializeMachine, route, data]);
 }
 
+// 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;
+};
+function useDataState(action, initialData) {
+    const [dataState, setDataState] = React__default["default"].useState(() => ({
+        ...INITIAL_STATE,
+        data: initialData,
+    }));
+    const prevData = React__default["default"].useRef(initialData);
+    const handleAction = React__default["default"].useCallback((...input) => {
+        setDataState(({ data }) => ({ ...LOADING_STATE, data }));
+        resolveMaybeAsync(action(prevData.current, ...input))
+            .then((data) => {
+            prevData.current = data;
+            setDataState({ ...INITIAL_STATE, data });
+        })
+            .catch(({ message }) => {
+            setDataState(({ data }) => ({ ...ERROR_STATE, data, message }));
+        });
+    }, [action]);
+    return [dataState, handleAction];
+}
+
 /**
  * Logs a deprecation warning message.
  *
@@ -753,6 +781,7 @@ exports.resolveAuthenticatorComponents = resolveAuthenticatorComponents;
 exports.useAuthenticator = useAuthenticator;
 exports.useAuthenticatorInitMachine = useAuthenticatorInitMachine;
 exports.useAuthenticatorRoute = useAuthenticatorRoute;
+exports.useDataState = useDataState;
 exports.useDeprecationWarning = useDeprecationWarning;
 exports.useField = useField;
 exports.useForm = useForm;

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

@@ -22,7 +22,7 @@ type TableElementDisplayName = 'Table' | `Table${TableElementSubType}`;
  *
  * allowed values of `displayName` of `BaseElement` and `ElemebtsContext` keys
  */
-export type ElementDisplayName = 'Button' | 'Divider' | 'Heading' | 'Icon' | 'Input' | 'Label' | 'ListItem' | 'Nav' | 'ProgressBar' | 'Span' | 'Text' | 'Title' | 'View' | ListElementDisplayName | TableElementDisplayName;
+export type ElementDisplayName = 'Button' | 'Divider' | 'Heading' | 'Icon' | 'Image' | 'Input' | 'Label' | 'ListItem' | 'Nav' | 'ProgressBar' | 'Span' | 'Text' | 'TextArea' | 'Title' | 'View' | ListElementDisplayName | TableElementDisplayName;
 /**
  * @internal @unstable
  */

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 export { AuthenticatorComponentDefaults, AuthenticatorComponentDefaultProps, AuthenticatorComponentOverrides, AuthenticatorFooterComponent, AuthenticatorFormFieldsComponent, AuthenticatorHeaderComponent, AuthenticatorLegacyField, AuthenticatorMachineContext, AuthenticatorProvider, AuthenticatorRouteComponentKey, AuthenticatorRouteComponentName, isAuthenticatorComponentRouteKey, resolveAuthenticatorComponents, useAuthenticator, useAuthenticatorRoute, UseAuthenticator, useAuthenticatorInitMachine, UseAuthenticatorRoute, } from './Authenticator';
 export { FormProvider, FormProviderProps, RenderNothing, FormValues, FormHandle, useField, useForm, UseForm, Validate, Validator, withFormProvider, } from './components';
-export { useDeprecationWarning, UseDeprecationWarning, useGetUrl, useHasValueUpdated, usePreviousValue, useSetUserAgent, useTimeout, } from './hooks';
+export { useDeprecationWarning, UseDeprecationWarning, useGetUrl, useHasValueUpdated, usePreviousValue, useSetUserAgent, useTimeout, useDataState, DataState, } from './hooks';
 export { MergeProps } from './types';
 export { createContextUtilities } from './utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-core",
-  "version": "3.0.20",
+  "version": "3.0.22",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "react-native": "src/index.ts",
@@ -40,7 +40,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.3.0",
+    "@aws-amplify/ui": "6.4.1",
     "@xstate/react": "^3.2.2",
     "lodash": "4.17.21",
     "react-hook-form": "^7.43.5",

package/src/elements/types.ts

@@ -33,6 +33,7 @@ export type ElementDisplayName =
   | 'Divider'
   | 'Heading' // h1, h2, etc
   | 'Icon'
+  | 'Image'
   | 'Input'
   | 'Label'
   | 'ListItem'
@@ -40,6 +41,7 @@ export type ElementDisplayName =
   | 'ProgressBar'
   | 'Span'
   | 'Text'
+  | 'TextArea'
   | 'Title'
   | 'View'
   | ListElementDisplayName

package/src/index.ts

@@ -42,6 +42,8 @@ export {
   usePreviousValue,
   useSetUserAgent,
   useTimeout,
+  useDataState,
+  DataState,
 } from './hooks';
 
 export { MergeProps } from './types';