usehooks-ts
Advanced tools
Comparing version 2.0.2 to 2.1.0
@@ -21,2 +21,3 @@ export * from './useBoolean'; | ||
export * from './useMap'; | ||
export * from './useMediaQuery'; | ||
export * from './useOnClickOutside'; | ||
@@ -23,0 +24,0 @@ export * from './useReadLocalStorage'; |
@@ -33,2 +33,3 @@ "use strict"; | ||
__exportStar(require("./useMap"), exports); | ||
__exportStar(require("./useMediaQuery"), exports); | ||
__exportStar(require("./useOnClickOutside"), exports); | ||
@@ -35,0 +36,0 @@ __exportStar(require("./useReadLocalStorage"), exports); |
import { RefObject } from 'react'; | ||
declare type Handler = (event: MouseEvent) => void; | ||
declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler): void; | ||
declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler, mouseEvent?: 'mousedown' | 'mouseup'): void; | ||
export default useOnClickOutside; | ||
//# sourceMappingURL=useOnClickOutside.d.ts.map |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var useEventListener_1 = require("../useEventListener"); | ||
function useOnClickOutside(ref, handler) { | ||
(0, useEventListener_1.useEventListener)('mousedown', function (event) { | ||
function useOnClickOutside(ref, handler, mouseEvent) { | ||
if (mouseEvent === void 0) { mouseEvent = 'mousedown'; } | ||
(0, useEventListener_1.useEventListener)(mouseEvent, function (event) { | ||
var el = ref === null || ref === void 0 ? void 0 : ref.current; | ||
@@ -7,0 +8,0 @@ if (!el || el.contains(event.target)) { |
@@ -21,2 +21,3 @@ export * from './useBoolean'; | ||
export * from './useMap'; | ||
export * from './useMediaQuery'; | ||
export * from './useOnClickOutside'; | ||
@@ -23,0 +24,0 @@ export * from './useReadLocalStorage'; |
@@ -21,2 +21,3 @@ export * from './useBoolean'; | ||
export * from './useMap'; | ||
export * from './useMediaQuery'; | ||
export * from './useOnClickOutside'; | ||
@@ -23,0 +24,0 @@ export * from './useReadLocalStorage'; |
import { RefObject } from 'react'; | ||
declare type Handler = (event: MouseEvent) => void; | ||
declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler): void; | ||
declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler, mouseEvent?: 'mousedown' | 'mouseup'): void; | ||
export default useOnClickOutside; | ||
//# sourceMappingURL=useOnClickOutside.d.ts.map |
import { useEventListener } from '../useEventListener'; | ||
function useOnClickOutside(ref, handler) { | ||
useEventListener('mousedown', function (event) { | ||
function useOnClickOutside(ref, handler, mouseEvent) { | ||
if (mouseEvent === void 0) { mouseEvent = 'mousedown'; } | ||
useEventListener(mouseEvent, function (event) { | ||
var el = ref === null || ref === void 0 ? void 0 : ref.current; | ||
@@ -5,0 +6,0 @@ if (!el || el.contains(event.target)) { |
@@ -5,3 +5,3 @@ { | ||
"description": "React hook library, ready to use, written in Typescript.", | ||
"version": "2.0.2", | ||
"version": "2.1.0", | ||
"author": "Julien CARON <juliencaron@protonmail.com>", | ||
@@ -53,3 +53,3 @@ "homepage": "https://usehooks-ts.com", | ||
}, | ||
"gitHead": "05340494dd6e96fa501695936b6fb51c051ffd40" | ||
"gitHead": "488cb88d00ed2b6b8d00fa5cebdada9e804d7ed0" | ||
} |
@@ -39,2 +39,3 @@ # usehooks-ts | ||
- [`useMap()`](https://usehooks-ts.com/react-hook/use-map) | ||
- [`useMediaQuery()`](https://usehooks-ts.com/react-hook/use-media-query) | ||
- [`useOnClickOutside()`](https://usehooks-ts.com/react-hook/use-on-click-outside) | ||
@@ -41,0 +42,0 @@ - [`useReadLocalStorage()`](https://usehooks-ts.com/react-hook/use-read-local-storage) |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
224137
491
2686
59