@aiszlab/relax 1.3.8 → 1.3.9

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

@@ -1,19 +1,21 @@
 import { type Dispatch, type SetStateAction } from "react";
-import type { State } from "@aiszlab/relax/types";
-type UseControlledStateBy<R> = {
+import type { Partialable, RequiredIn, State } from "@aiszlab/relax/types";
+type UseControlledStateBy<S> = {
     /**
      * @description
      * default value
      */
-    defaultState?: State<R>;
+    defaultState?: State<S>;
 };
 type UsedControlledState<T> = [T, Dispatch<SetStateAction<T>>];
-type Requirable<T, P> = T extends undefined ? (P extends undefined ? T : Exclude<T, undefined>) : T;
 /**
  * @author murukal
  *
  * @description
  * controlled state
  */
-export declare const useControlledState: <T, P extends T = T>(controlledState: T, { defaultState }?: UseControlledStateBy<P>) => UsedControlledState<Requirable<T, P>>;
-export {};
+declare function useControlledState<T>(): UsedControlledState<Partialable<T>>;
+declare function useControlledState<T>(controlledState: T): UsedControlledState<T>;
+declare function useControlledState<T>(controlledState: T, useControlledStateBy: UseControlledStateBy<undefined>): UsedControlledState<T>;
+declare function useControlledState<T>(controlledState: Partialable<T>, useControlledStateBy: RequiredIn<UseControlledStateBy<T>, "defaultState">): UsedControlledState<T>;
+export { useControlledState };

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

@@ -4,13 +4,7 @@ import { isUndefined } from '../is/is-undefined.js';
 import { useUpdateEffect } from './use-update-effect.js';
 import { isFunction } from '../is/is-function.js';
 
-/**
- * @author murukal
- *
- * @description
- * controlled state
- */
-var useControlledState = function useControlledState(controlledState) {
+function useControlledState(controlledState) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     defaultState = _ref.defaultState;
   // initialize state
@@ -38,6 +32,6 @@ var useControlledState = function useControlledState(controlledState) {
   // use controlled
   var state = isUndefined(controlledState) ? _state : controlledState;
   return [state, _setState];
-};
+}
 
 export { useControlledState };

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

@@ -0,0 +1,7 @@
+/**
+ * @description
+ * check any value is controlled
+ * juse check `value` === `void 0`
+ */
+declare const useIsControlled: (value: unknown) => boolean;
+export { useIsControlled };

package/dist/hooks/use-is-mounted.d.ts

@@ -1,4 +1,4 @@
-type UseIsMountedProps = {
+type UseIsMountedBy = {
     /**
      * @description
      * after mount, react will rerender current component
@@ -9,5 +9,5 @@ type UseIsMountedProps = {
  * @description
  * `useIsMounted`
  */
-export declare const useIsMounted: ({ rerender }?: UseIsMountedProps) => () => boolean;
+export declare const useIsMounted: ({ rerender }?: UseIsMountedBy) => () => boolean;
 export {};

package/dist/hooks/use-memorable.js

@@ -1,13 +1,24 @@
-import { useRef } from 'react';
+import { useRef, useEffect } from 'react';
+import { useDefault } from './use-default.js';
 
 var useMemorable = function useMemorable(getter, condition, shouldUpdate) {
-  var cacheRef = useRef(null);
-  if (cacheRef.current === null || shouldUpdate(cacheRef.current.condition, condition)) {
+  var isMounted = useRef(false);
+  var cacheRef = useRef({
+    value: useDefault(getter),
+    condition: condition
+  });
+  useEffect(function () {
+    // value has got in the first render, skip this render time
+    if (!isMounted.current) {
+      isMounted.current = true;
+      return;
+    }
+    if (!shouldUpdate(cacheRef.current.condition, condition)) return;
     cacheRef.current = {
       value: getter(),
       condition: condition
     };
-  }
+  });
   return cacheRef.current.value;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.3.8",
+  "version": "1.3.9",
   "description": "react utils collection",
   "type": "module",
   "exports": {
@@ -45,8 +45,8 @@
     "jest-environment-jsdom": "^29.7.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "rollup": "^4.21.2",
-    "typescript": "5.5.4"
+    "rollup": "^4.21.3",
+    "typescript": "5.6.2"
   },
   "peerDependencies": {
     "react": "18",