@aiszlab/relax 1.0.18 → 1.0.19

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

@@ -0,0 +1,13 @@
+import { type Dispatch, type SetStateAction } from 'react';
+import type { State } from '../types/state';
+interface Props<T> {
+    defaultState?: State<T>;
+}
+/**
+ * @author murukal
+ *
+ * @description
+ * controlled state
+ */
+export declare const useControlledState: <T>(controlledState: State<T>, props?: Props<T> | undefined) => [T, Dispatch<SetStateAction<T>>];
+export {};

package/dist/{use-controlled-state.js → hooks/use-controlled-state.js}

@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react';
+import { isFunction } from '../utils/state.js';
 
 /**
  * @author murukal
@@ -8,12 +9,18 @@ import { useState, useEffect } from 'react';
  */
 const useControlledState = (controlledState, props) => {
     const [state, setState] = useState(() => {
-        if (controlledState === void 0) {
-            return props === null || props === void 0 ? void 0 : props.defaultState;
-        }
-        if (typeof controlledState === 'function') {
+        if (isFunction(controlledState)) {
             return controlledState();
         }
+        if (controlledState === void 0) {
+            if ((props === null || props === void 0 ? void 0 : props.defaultState) === void 0) {
+                return controlledState;
+            }
+            if (isFunction(props.defaultState)) {
+                return props.defaultState();
+            }
+            return props.defaultState;
+        }
         return controlledState;
     });
     useEffect(() => {

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

@@ -0,0 +1,8 @@
+import type { State } from '../types/state';
+/**
+ * @author murukal
+ *
+ * @description
+ * state always be same after first render
+ */
+export declare const useOnceState: <T>(initialState: State<T>) => T;

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-export { useBoolean } from './use-boolean';
-export { useDebounceCallback } from './use-debounce-callback';
-export { useImageLoader } from './use-image-loader';
-export { useMount } from './use-mount';
-export { useMounted } from './use-mounted';
-export { useTimeout } from './use-timeout';
-export { useControlledState } from './use-controlled-state';
-export { useOnceState } from './use-once-state';
+export { useBoolean } from './hooks/use-boolean';
+export { useDebounceCallback } from './hooks/use-debounce-callback';
+export { useImageLoader } from './hooks/use-image-loader';
+export { useMount } from './hooks/use-mount';
+export { useMounted } from './hooks/use-mounted';
+export { useTimeout } from './hooks/use-timeout';
+export { useControlledState } from './hooks/use-controlled-state';
+export { useOnceState } from './hooks/use-once-state';

package/dist/index.js

@@ -1,8 +1,8 @@
-export { useBoolean } from './use-boolean.js';
-export { useDebounceCallback } from './use-debounce-callback.js';
-export { useImageLoader } from './use-image-loader.js';
-export { useMount } from './use-mount.js';
-export { useMounted } from './use-mounted.js';
-export { useTimeout } from './use-timeout.js';
-export { useControlledState } from './use-controlled-state.js';
-export { useOnceState } from './use-once-state.js';
+export { useBoolean } from './hooks/use-boolean.js';
+export { useDebounceCallback } from './hooks/use-debounce-callback.js';
+export { useImageLoader } from './hooks/use-image-loader.js';
+export { useMount } from './hooks/use-mount.js';
+export { useMounted } from './hooks/use-mounted.js';
+export { useTimeout } from './hooks/use-timeout.js';
+export { useControlledState } from './hooks/use-controlled-state.js';
+export { useOnceState } from './hooks/use-once-state.js';

package/dist/types/state.d.ts

@@ -0,0 +1,8 @@
+export type StateGetter<T> = () => T;
+/**
+ * @description
+ * state setter
+ *
+ * used by initial state, default state, controlled state
+ */
+export type State<T> = T | StateGetter<T>;

package/dist/utils/state.d.ts

@@ -0,0 +1,6 @@
+import type { State, StateGetter } from '../types/state';
+/**
+ * @description
+ * is function
+ */
+export declare const isFunction: <T>(state: State<T>) => state is StateGetter<T>;

package/dist/utils/state.js

@@ -0,0 +1,9 @@
+/**
+ * @description
+ * is function
+ */
+const isFunction = (state) => {
+    return typeof state === 'function';
+};
+
+export { isFunction };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "description": "react utils collection",
   "type": "module",
   "main": "./dist/index.js",

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

@@ -1,12 +0,0 @@
-import { type Dispatch, type SetStateAction } from 'react';
-interface Props<T> {
-    defaultState: T;
-}
-/**
- * @author murukal
- *
- * @description
- * controlled state
- */
-export declare const useControlledState: <T>(controlledState?: T | (() => T) | undefined, props?: Props<T> | undefined) => [T | undefined, Dispatch<SetStateAction<T | undefined>>];
-export {};

package/dist/use-once-state.d.ts

@@ -1,7 +0,0 @@
-/**
- * @author murukal
- *
- * @description
- * state always be same after first render
- */
-export declare const useOnceState: <T>(initialState: T | (() => T)) => T;