@aiszlab/relax 1.2.27 → 1.2.28-beta.1

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

@@ -1,9 +1,15 @@
-type UsedFocus = [
-    boolean,
-    {
-        onFocus: () => void;
-        onBlur: () => void;
-    }
-];
-export declare const useFoucs: () => UsedFocus;
+import { type DOMAttributes } from 'react';
+/**
+ * @description
+ * hooks for focus
+ */
+type UseFoucsBy<T> = Pick<DOMAttributes<T>, 'onFocus' | 'onBlur'> & {
+    onFocusChange?: (isFocused: boolean) => void;
+};
+/**
+ * @description
+ * dom attributes
+ */
+type UsedFocus<T> = [boolean, Required<Pick<DOMAttributes<T>, 'onFocus' | 'onBlur'>>];
+export declare const useFoucs: <T = Element>(useBy: UseFoucsBy<T>) => UsedFocus<T>;
 export {};

package/dist/hooks/use-focus.mjs

@@ -0,0 +1,16 @@
+import { useCallback } from 'react';
+import { useBoolean } from './use-boolean.mjs';
+import { chain } from '../utils/chain.mjs';
+
+const useFoucs = (useBy) => {
+    const [isFocused, { turnOn, turnOff }] = useBoolean(false);
+    const onFocus = useCallback(() => {
+        chain(useBy.onFocus, turnOn, () => { var _a; return (_a = useBy.onFocusChange) === null || _a === void 0 ? void 0 : _a.call(useBy, true); })();
+    }, [useBy.onFocus, useBy.onFocusChange]);
+    const onBlur = useCallback(() => {
+        chain(useBy.onBlur, turnOff, () => { var _a; return (_a = useBy.onFocusChange) === null || _a === void 0 ? void 0 : _a.call(useBy, false); })();
+    }, [useBy.onBlur, useBy.onFocusChange]);
+    return [isFocused, { onFocus, onBlur }];
+};
+
+export { useFoucs };

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export { useEvent } from './hooks/use-event';
 export { useUpdateEffect } from './hooks/use-update-effect';
 export { useCounter } from './hooks/use-counter';
 export { useHover } from './hooks/use-hover';
+export { useFoucs } from './hooks/use-focus';
 /**
  * @description
  * is

package/dist/index.mjs

@@ -16,6 +16,7 @@ export { useEvent } from './hooks/use-event.mjs';
 export { useUpdateEffect } from './hooks/use-update-effect.mjs';
 export { useCounter } from './hooks/use-counter.mjs';
 export { useHover } from './hooks/use-hover.mjs';
+export { useFoucs } from './hooks/use-focus.mjs';
 export { isRefable } from './is/is-refable.mjs';
 export { isUndefined } from './is/is-undefined.mjs';
 export { isStateGetter } from './is/is-state-getter.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.2.27",
+  "version": "1.2.28-beta.1",
   "description": "react utils collection",
   "type": "module",
   "exports": {