@purr-core/hooks.focus-with-callback 0.0.0

package/dist/_hook.d.ts

@@ -0,0 +1,14 @@
+import { FocusEvent, FocusEventHandler } from 'react';
+
+export interface IFocusWithCallback {
+    onFocus: FocusEventHandler<HTMLElement> | undefined;
+    onBlur: FocusEventHandler<HTMLElement> | undefined;
+    focused?: boolean;
+    disabled?: boolean;
+}
+declare const useFocusWithCallback: ({ onFocus, onBlur, focused, disabled, }: IFocusWithCallback) => {
+    captureOnFocus: (e: FocusEvent<HTMLElement, Element>) => void;
+    captureOnBlur: (e: FocusEvent<HTMLElement, Element>) => void;
+    isFocused: boolean;
+};
+export default useFocusWithCallback;

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("react"),p=({onFocus:t,onBlur:e,focused:u=!1,disabled:s=!1})=>{const[f,r]=a.useState(u),i=a.useCallback(c=>{s||(t==null||t(c),r(!0))},[s,t]),k=a.useCallback(c=>{s||(e==null||e(c),r(!1))},[s,e]);return{captureOnFocus:i,captureOnBlur:k,isFocused:f}};module.exports=p;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default } from './_hook';

package/dist/index.js

@@ -0,0 +1,21 @@
+import { useState as k, useCallback as c } from "react";
+const C = ({
+  onFocus: t,
+  onBlur: e,
+  focused: f = !1,
+  disabled: a = !1
+}) => {
+  const [u, r] = k(f), p = c((s) => {
+    a || (t == null || t(s), r(!0));
+  }, [a, t]), i = c((s) => {
+    a || (e == null || e(s), r(!1));
+  }, [a, e]);
+  return {
+    captureOnFocus: p,
+    captureOnBlur: i,
+    isFocused: u
+  };
+};
+export {
+  C as default
+};

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@purr-core/hooks.focus-with-callback",
+  "version": "0.0.0",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "typescript": "*",
+    "react": "*"
+  },
+  "author": "@DinhThienPhuc",
+  "license": "ISC",
+  "description": "",
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --max-warnings 0"
+  }
+}