@vibe/hooks 3.0.0

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default as useClickOutside } from "./useClickOutside";

package/dist/index.js

@@ -0,0 +1,2 @@
+export{default as useClickOutside}from"./useClickOutside/index.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/useClickOutside/index.d.ts

@@ -0,0 +1,8 @@
+import { type RefObject } from "react";
+import { type GenericEventCallback } from "@vibe/shared";
+export default function useClickOutside({ ref, callback, ignoreClasses, eventName }: {
+    ref: RefObject<HTMLElement>;
+    callback: GenericEventCallback;
+    ignoreClasses?: string[];
+    eventName?: keyof HTMLElementEventMap | string;
+}): void;

package/dist/useClickOutside/index.js

@@ -0,0 +1,2 @@
+import{useCallback as e,useRef as t}from"react";import{isClient as r,useEventListener as a}from"@vibe/shared";function c({ref:c,callback:n,ignoreClasses:o,eventName:l="click"}){const i=e((e=>{if(!c||!c.current||c.current.contains(e.target))return;o&&e.target instanceof HTMLElement&&e.target.closest(o.join(","))||n(e)}),[c,n,o]),s=t(r()?document.body:null);a({eventName:l,ref:s,callback:i,capture:!0}),a({eventName:"touchend",ref:s,callback:i,capture:!0})}export{c as default};
+//# sourceMappingURL=index.js.map

package/dist/useClickOutside/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/useClickOutside/index.ts"],"sourcesContent":["import { useCallback, useRef, type RefObject } from \"react\";\nimport { type GenericEventCallback, isClient, useEventListener } from \"@vibe/shared\";\n\nexport default function useClickOutside({\n  ref,\n  callback,\n  ignoreClasses,\n  eventName = \"click\"\n}: {\n  ref: RefObject<HTMLElement>;\n  callback: GenericEventCallback;\n  ignoreClasses?: string[];\n  eventName?: keyof HTMLElementEventMap | string;\n}) {\n  const onClickOutsideListener = useCallback(\n    (event: MouseEvent) => {\n      if (!ref || !ref.current || ref.current.contains(event.target as Node)) {\n        return;\n      }\n\n      const shouldIgnoreClasses = ignoreClasses && event.target instanceof HTMLElement;\n      if (shouldIgnoreClasses && event.target.closest(ignoreClasses.join(\",\"))) {\n        return;\n      }\n\n      callback(event);\n    },\n\n    [ref, callback, ignoreClasses]\n  );\n\n  const documentRef = useRef(isClient() ? document.body : null);\n\n  useEventListener({\n    eventName,\n    ref: documentRef,\n    callback: onClickOutsideListener,\n    capture: true\n  });\n\n  useEventListener({\n    eventName: \"touchend\",\n    ref: documentRef,\n    callback: onClickOutsideListener,\n    capture: true\n  });\n}\n"],"names":["useClickOutside","ref","callback","ignoreClasses","eventName","onClickOutsideListener","useCallback","event","current","contains","target","HTMLElement","closest","join","documentRef","useRef","isClient","document","body","useEventListener","capture"],"mappings":"8GAGwB,SAAAA,GAAgBC,IACtCA,EAAGC,SACHA,EAAQC,cACRA,EAAaC,UACbA,EAAY,UAOZ,MAAMC,EAAyBC,GAC5BC,IACC,IAAKN,IAAQA,EAAIO,SAAWP,EAAIO,QAAQC,SAASF,EAAMG,QACrD,OAG0BP,GAAiBI,EAAMG,kBAAkBC,aAC1CJ,EAAMG,OAAOE,QAAQT,EAAcU,KAAK,OAInEX,EAASK,EAAM,GAGjB,CAACN,EAAKC,EAAUC,IAGZW,EAAcC,EAAOC,IAAaC,SAASC,KAAO,MAExDC,EAAiB,CACff,YACAH,IAAKa,EACLZ,SAAUG,EACVe,SAAS,IAGXD,EAAiB,CACff,UAAW,WACXH,IAAKa,EACLZ,SAAUG,EACVe,SAAS,GAEb"}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@vibe/hooks",
+  "version": "3.0.0",
+  "description": "Vibe sub-package for React hooks",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mondaycom/vibe.git",
+    "directory": "packages/hooks"
+  },
+  "bugs": {
+    "url": "https://github.com/mondaycom/vibe/issues"
+  },
+  "homepage": "https://github.com/mondaycom/vibe#readme",
+  "author": "monday.com",
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "test": "vitest run",
+    "lint": "eslint \"./src/**/*.{js,jsx,ts,tsx}\""
+  },
+  "dependencies": {
+    "@vibe/shared": "3.0.6",
+    "classnames": "^2.5.1",
+    "es-toolkit": "^1.39.10"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^12.1.2",
+    "@testing-library/user-event": "^13.5.0",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@vibe/config": "3.0.5",
+    "react": "^16.13.0",
+    "react-dom": "^16.13.0",
+    "react-test-renderer": "16",
+    "typescript": "^4.7.3",
+    "vitest": "^1.6.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "sideEffects": [
+    "*.scss",
+    "*.css",
+    "*.scss.js",
+    "*.css.js"
+  ],
+  "eslintConfig": {
+    "extends": [
+      "../../node_modules/@vibe/config/.eslintrc.cjs"
+    ]
+  }
+}