@aiszlab/relax 1.2.11 → 1.2.12

package/dist/hooks/use-controlled-state.d.ts

@@ -1,6 +1,6 @@
 import { type Dispatch, type SetStateAction } from 'react';
 import { type State } from '../is/is-state-getter';
-interface Props<T> {
+interface Dependencies<T> {
     defaultState?: State<T>;
 }
 /**
@@ -9,5 +9,5 @@ interface Props<T> {
  * @description
  * controlled state
  */
-export declare const useControlledState: <T>(controlledState: State<T>, { defaultState }?: Props<T>) => [T, Dispatch<SetStateAction<T>>];
+export declare const useControlledState: <T>(controlledState: T, { defaultState }?: Dependencies<T>) => [T, Dispatch<SetStateAction<T>>];
 export {};

package/dist/hooks/use-controlled-state.js

@@ -10,35 +10,27 @@ import { isUndefined } from '../is/is-undefined.js';
  */
 const useControlledState = (controlledState, { defaultState } = {}) => {
     /// initialize state
-    const [state, setState] = useState(() => {
-        // state function, run it for value
-        if (isStateGetter(controlledState))
-            return controlledState();
-        // not controlled use default prop
-        if (isUndefined(controlledState)) {
-            if (isUndefined(defaultState))
-                return controlledState;
-            if (isStateGetter(defaultState))
-                return defaultState();
-            return defaultState;
-        }
+    const [_state, _setState] = useState(() => {
         // default use controlled state
-        return controlledState;
+        if (!isUndefined(controlledState)) {
+            return controlledState;
+        }
+        // not controlled use default prop
+        if (isUndefined(defaultState))
+            return controlledState;
+        if (isStateGetter(defaultState))
+            return defaultState();
+        return defaultState;
     });
+    /// sync value back to `undefined` when it from control to un-control
     useEffect(() => {
-        // when state is not controlled
-        if (isUndefined(controlledState))
-            return;
-        // if input state is function, mean it is not controlled
-        if (isStateGetter(controlledState))
-            return;
-        // if state is equal with value
-        if (controlledState === state)
+        if (!isUndefined(controlledState))
             return;
-        // update inner state
-        setState(controlledState);
+        _setState(controlledState);
     }, [controlledState]);
-    return [state, setState];
+    /// use controlled
+    const state = !isUndefined(controlledState) ? controlledState : _state;
+    return [state, _setState];
 };
 
 export { useControlledState };

package/dist/hooks/use-event.d.ts

@@ -0,0 +1,3 @@
+type Callback<U extends Array<unknown>, R> = (...args: U) => R;
+export declare const useEvent: <U extends unknown[], R>(callback: Callback<U, R>) => Callback<U, R>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.2.11",
+  "version": "1.2.12",
   "description": "react utils collection",
   "type": "module",
   "exports": {
@@ -24,9 +24,9 @@
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/plugin-typescript": "^11.1.1",
-    "@types/react": "^18.2.12",
-    "@types/react-dom": "^18.2.5",
-    "@types/react-is": "^18.2.2",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@types/react-is": "^18",
     "rollup": "^3.27.0",
     "typescript": "^5.1.3"
   },