@aiszlab/relax 1.0.19 → 1.0.20

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

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

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

@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
-import { isFunction } from '../utils/state.js';
+import { isStateGetter } from '../utils/is-state-getter.js';
+import { isVoid } from '../utils/is-void.js';
 
 /**
  * @author murukal
@@ -7,31 +8,28 @@ import { isFunction } from '../utils/state.js';
  * @description
  * controlled state
  */
-const useControlledState = (controlledState, props) => {
+const useControlledState = (controlledState, { defaultState } = {}) => {
+    /// initialize state
     const [state, setState] = useState(() => {
-        if (isFunction(controlledState)) {
+        if (isStateGetter(controlledState))
             return controlledState();
-        }
-        if (controlledState === void 0) {
-            if ((props === null || props === void 0 ? void 0 : props.defaultState) === void 0) {
+        if (isVoid(controlledState)) {
+            if (isVoid(defaultState))
                 return controlledState;
-            }
-            if (isFunction(props.defaultState)) {
-                return props.defaultState();
-            }
-            return props.defaultState;
+            if (isStateGetter(defaultState))
+                return defaultState();
+            return defaultState;
         }
         return controlledState;
     });
     useEffect(() => {
         // when state is not controlled
-        if (controlledState === void 0) {
+        if (isVoid(controlledState))
             return;
-        }
         // if state is equal with value
-        if (controlledState === state) {
+        if (controlledState === state)
             return;
-        }
+        /// update inner state
         setState(controlledState);
     }, [controlledState]);
     return [state, setState];

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

@@ -1,4 +1,3 @@
-import type { State } from '../types/state';
 /**
  * @author murukal
  *

package/dist/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @description
+ * hooks
+ */
 export { useBoolean } from './hooks/use-boolean';
 export { useDebounceCallback } from './hooks/use-debounce-callback';
 export { useImageLoader } from './hooks/use-image-loader';
@@ -6,3 +10,10 @@ 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';
+/**
+ * @description
+ * utils
+ */
+export { isRefable } from './utils/is-refable';
+export { isVoid } from './utils/is-void';
+export { isStateGetter } from './utils/is-state-getter';

package/dist/index.js

@@ -6,3 +6,6 @@ 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';
+export { isRefable } from './utils/is-refable.js';
+export { isVoid } from './utils/is-void.js';
+export { isStateGetter } from './utils/is-state-getter.js';

package/dist/utils/is-refable.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from 'react';
+/**
+ * @description
+ */
+export declare const isRefable: (node: ReactNode) => boolean;

package/dist/utils/is-refable.js

@@ -0,0 +1,34 @@
+import { isValidElement } from 'react';
+import { isFragment, isMemo } from 'react-is';
+
+/**
+ * @description
+ */
+const isRefable = (node) => {
+    if (!isValidElement(node)) {
+        return false;
+    }
+    if (isFragment(node)) {
+        return false;
+    }
+    return _RefableElement(node);
+};
+/**
+ * @description
+ * refable element
+ */
+const _RefableElement = (element) => {
+    var _a, _b;
+    const type = isMemo(element) ? element.type.type : element.type;
+    // Function component node
+    if (typeof type === 'function' && !((_a = type.prototype) === null || _a === void 0 ? void 0 : _a.render)) {
+        return false;
+    }
+    // Class component
+    if (typeof element === 'function' && !((_b = element.prototype) === null || _b === void 0 ? void 0 : _b.render)) {
+        return false;
+    }
+    return true;
+};
+
+export { isRefable };

package/dist/utils/is-state-getter.d.ts

@@ -0,0 +1,14 @@
+type StateGetter<T> = () => T;
+/**
+ * @description
+ * state setter
+ *
+ * used by initial state, default state, controlled state
+ */
+export type State<T> = T | StateGetter<T>;
+/**
+ * @description
+ * is state getter
+ */
+export declare const isStateGetter: <T>(state: State<T>) => state is StateGetter<T>;
+export {};

package/dist/utils/is-state-getter.js

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

package/dist/utils/is-void.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description
+ * is undefined
+ */
+export declare const isVoid: (value: unknown) => value is undefined;

package/dist/utils/is-void.js

@@ -0,0 +1,9 @@
+/**
+ * @description
+ * is undefined
+ */
+const isVoid = (value) => {
+    return value === void 0;
+};
+
+export { isVoid };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "description": "react utils collection",
   "type": "module",
   "main": "./dist/index.js",
@@ -11,6 +11,7 @@
     "pub": "npm run clean:build && npm run build && npm publish"
   },
   "dependencies": {
+    "react-is": "^18.2.0",
     "rxjs": "^7.8.1"
   },
   "devDependencies": {
@@ -22,6 +23,7 @@
     "@rollup/plugin-typescript": "^11.1.1",
     "@types/react": "^18.2.12",
     "@types/react-dom": "^18.2.5",
+    "@types/react-is": "^18.2.2",
     "rollup": "^3.27.0",
     "typescript": "^5.1.3"
   },

package/dist/types/state.d.ts

@@ -1,8 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

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