@aiszlab/relax 1.0.12 → 1.0.13

package/dist/index.d.ts

@@ -4,3 +4,4 @@ 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';

package/dist/index.js

@@ -4,3 +4,4 @@ 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';

package/dist/use-controlled-state.js

@@ -0,0 +1,25 @@
+import { useState, useEffect } from 'react';
+
+/**
+ * @author murukal
+ *
+ * @description
+ * controlled state
+ */
+const useControlledState = (value) => {
+    const [state, setState] = useState(value);
+    useEffect(() => {
+        // when state is not controlled
+        if (value === void 0) {
+            return;
+        }
+        // if state is equal with value
+        if (value === state) {
+            return;
+        }
+        setState(value);
+    }, [value]);
+    return [state, setState];
+};
+
+export { useControlledState };

package/package.json

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