@aiszlab/relax 1.2.40 → 1.2.41

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

@@ -1,4 +1,4 @@
-import { DOMAttributes } from 'react';
+import { type DOMAttributes } from 'react';
 type UseHoverBy<T> = {
     onEnter?: DOMAttributes<T>['onPointerEnter'];
     onLeave?: DOMAttributes<T>['onPointerLeave'];

package/dist/hooks/use-memorable.js

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import { useRef } from 'react';
 
 var useMemorable = function useMemorable(getter, condition, shouldUpdate) {
-  var cacheRef = React.useRef(null);
+  var cacheRef = useRef(null);
   if (cacheRef.current === null || shouldUpdate(cacheRef.current.condition, condition)) {
     cacheRef.current = {
       value: getter(),

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

@@ -4,4 +4,7 @@
  * @description
  * timeout effect
  */
-export declare const useTimeout: (handler: Function, wait: number) => void;
+export declare const useTimeout: (handler: Function, wait: number) => {
+    flush: () => void;
+    cancel: () => void;
+};

package/dist/hooks/use-timeout.js

@@ -1,4 +1,6 @@
-import { useEffect } from 'react';
+import { useRef, useEffect } from 'react';
+import { Observable, delay } from 'rxjs';
+import { useEvent } from './use-event.js';
 
 /**
  * @author murukal
@@ -7,13 +9,49 @@ import { useEffect } from 'react';
  * timeout effect
  */
 var useTimeout = function useTimeout(handler, wait) {
+  var timer = useRef(null);
+  var trigger = useRef(null);
+  // when user what to flush timeout handler
+  // if trigger already registed, just complete trigger
+  // not registed, call `handler` manaully
+  var flush = useEvent(function () {
+    if (trigger.current) {
+      var _timer$current;
+      trigger.current.complete();
+      (_timer$current = timer.current) === null || _timer$current === void 0 || _timer$current.unsubscribe();
+    } else {
+      handler();
+    }
+    trigger.current = null;
+    timer.current = null;
+  });
+  // cancel
+  var cancel = useEvent(function () {
+    var _trigger$current, _timer$current2;
+    (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.error();
+    (_timer$current2 = timer.current) === null || _timer$current2 === void 0 || _timer$current2.unsubscribe();
+    trigger.current = null;
+    timer.current = null;
+  });
   useEffect(function () {
-    var timer = setTimeout(handler, wait);
-    return function () {
-      if (!timer) return;
-      clearTimeout(timer);
-    };
+    // if 0, always mean not need to set timeout
+    if (wait <= 0) {
+      return;
+    }
+    var _timer = new Observable(function (_trigger) {
+      trigger.current = _trigger;
+      _trigger.next();
+    }).pipe(delay(wait)).subscribe(function () {
+      handler();
+    });
+    timer.current = _timer;
+    // unmount callback
+    return cancel;
   }, [wait]);
+  return {
+    flush: flush,
+    cancel: cancel
+  };
 };
 
 export { useTimeout };

package/dist/utils/to-form-data/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description
+ * convert to formData
+ */
+export declare const toFormData: (data: Record<string, unknown>) => FormData;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.2.40",
+  "version": "1.2.41",
   "description": "react utils collection",
   "type": "module",
   "exports": {