@etsoo/react 1.5.97 → 1.5.99

package/__tests__/States.tsx

@@ -1,11 +1,15 @@
 import React from 'react';
-import { render, screen, waitFor } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { useAsyncState } from '../src/uses/useAsyncState';
 import { act } from 'react-dom/test-utils';
 
 function App(props: { callback: (state: number) => void }) {
     const { callback } = props;
     const [state, setState] = useAsyncState(0);
+
+    const [state1] = useAsyncState<number>();
+    expect(state1).toBeUndefined();
+
     const click = async () => {
         const currentState = await setState((prev) => prev + 1);
         callback(currentState + 1);

package/lib/index.d.ts

@@ -16,6 +16,7 @@ export * from './states/IState';
 export * from './states/PageState';
 export * from './states/State';
 export * from './states/UserState';
+export * from './uses/useAsyncState';
 export * from './uses/useCombinedRefs';
 export * from './uses/useDelayedExecutor';
 export * from './uses/useDimensions';

package/lib/index.js

@@ -21,6 +21,7 @@ export * from './states/PageState';
 export * from './states/State';
 export * from './states/UserState';
 // uses
+export * from './uses/useAsyncState';
 export * from './uses/useCombinedRefs';
 export * from './uses/useDelayedExecutor';
 export * from './uses/useDimensions';

package/lib/uses/useAsyncState.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
+export declare function useAsyncState<S = undefined>(): [
+    S | undefined,
+    (newState: React.SetStateAction<S | undefined>) => Promise<S | undefined>
+];
 /**
  * Returns a stateful value, and a async function to update it.
  * @param initialState initial stat

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.5.97",
+    "version": "1.5.99",
     "description": "TypeScript ReactJs UI Independent Framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/src/index.ts

@@ -25,6 +25,7 @@ export * from './states/State';
 export * from './states/UserState';
 
 // uses
+export * from './uses/useAsyncState';
 export * from './uses/useCombinedRefs';
 export * from './uses/useDelayedExecutor';
 export * from './uses/useDimensions';

package/src/uses/useAsyncState.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 
+export function useAsyncState<S = undefined>(): [
+    S | undefined,
+    (newState: React.SetStateAction<S | undefined>) => Promise<S | undefined>
+];
+
 /**
  * Returns a stateful value, and a async function to update it.
  * @param initialState initial stat
@@ -7,12 +12,27 @@ import React from 'react';
  */
 export function useAsyncState<S>(
     initialState: S | (() => S)
-): [S, (newState: React.SetStateAction<S>) => Promise<S>] {
+): [S, (newState: React.SetStateAction<S>) => Promise<S>];
+
+/**
+ * Returns a stateful value, and a async function to update it.
+ * @param initialState initial stat
+ * @returns Current state and update action
+ */
+export function useAsyncState<S>(
+    initialState?: S | (() => S)
+): [
+    S | undefined,
+    (newState: React.SetStateAction<S | undefined>) => Promise<S | undefined>
+] {
     // State
     const [state, setState] = React.useState(initialState);
 
     // Resolve sate
-    const resolveState = React.useRef<(value: S | PromiseLike<S>) => void>();
+    const resolveState =
+        React.useRef<
+            (value: S | undefined | PromiseLike<S | undefined>) => void
+        >();
 
     // Is mounted or not
     const isMounted = React.useRef(false);
@@ -32,8 +52,8 @@ export function useAsyncState<S>(
     }, [state]);
 
     const setAsyncState = React.useCallback(
-        (newState: React.SetStateAction<S>) =>
-            new Promise<S>((resolve) => {
+        (newState: React.SetStateAction<S | undefined>) =>
+            new Promise<S | undefined>((resolve) => {
                 if (isMounted.current) {
                     resolveState.current = resolve;
                     setState(newState);