react-outer-click
Advanced tools
Comparing version 3.1.0 to 3.1.1
@@ -10,2 +10,3 @@ 'use strict'; | ||
var React__default = _interopDefault(React); | ||
var useLatest = _interopDefault(require('use-latest')); | ||
@@ -58,9 +59,5 @@ function _extends() { | ||
var refsRef = React.useRef(refs); | ||
var handerRef = React.useRef(handler); | ||
var refsRef = useLatest(refs); | ||
var handerRef = useLatest(handler); | ||
React.useEffect(function () { | ||
refsRef.current = refs; | ||
handerRef.current = handler; | ||
}, [refs, handler]); | ||
React.useEffect(function () { | ||
var handleClickOutside = function handleClickOutside(event) { | ||
@@ -67,0 +64,0 @@ if (castArray(refsRef.current).every(function (ref) { |
import PropTypes from 'prop-types'; | ||
import React, { useRef, useEffect } from 'react'; | ||
import React, { useEffect, useRef } from 'react'; | ||
import useLatest from 'use-latest'; | ||
@@ -50,9 +51,5 @@ function _extends() { | ||
var refsRef = useRef(refs); | ||
var handerRef = useRef(handler); | ||
var refsRef = useLatest(refs); | ||
var handerRef = useLatest(handler); | ||
useEffect(function () { | ||
refsRef.current = refs; | ||
handerRef.current = handler; | ||
}, [refs, handler]); | ||
useEffect(function () { | ||
var handleClickOutside = function handleClickOutside(event) { | ||
@@ -59,0 +56,0 @@ if (castArray(refsRef.current).every(function (ref) { |
{ | ||
"name": "react-outer-click", | ||
"version": "3.1.0", | ||
"version": "3.1.1", | ||
"description": "React component and hook which detect mouse clicks outside of itself.", | ||
@@ -34,3 +34,4 @@ "main": "lib/index.cjs.js", | ||
"dependencies": { | ||
"prop-types": "^15.7.2" | ||
"prop-types": "^15.7.2", | ||
"use-latest": "^1.1.0" | ||
}, | ||
@@ -41,15 +42,15 @@ "peerDependencies": { | ||
"devDependencies": { | ||
"@babel/core": "^7.9.6", | ||
"@babel/preset-env": "^7.9.6", | ||
"@babel/preset-react": "^7.9.4", | ||
"@babel/core": "^7.10.4", | ||
"@babel/preset-env": "^7.10.4", | ||
"@babel/preset-react": "^7.10.4", | ||
"babel-eslint": "^10.1.0", | ||
"eslint": "^7.0.0", | ||
"eslint": "^7.4.0", | ||
"eslint-config-prettier": "^6.11.0", | ||
"eslint-plugin-prettier": "^3.1.3", | ||
"eslint-plugin-react": "^7.20.0", | ||
"eslint-plugin-react-hooks": "^4.0.2", | ||
"eslint-plugin-prettier": "^3.1.4", | ||
"eslint-plugin-react": "^7.20.3", | ||
"eslint-plugin-react-hooks": "^4.0.6", | ||
"husky": "^4.2.5", | ||
"lint-staged": "^10.2.4", | ||
"lint-staged": "^10.2.11", | ||
"prettier": "^2.0.5", | ||
"rollup": "^2.10.5", | ||
"rollup": "^2.21.0", | ||
"rollup-plugin-babel": "^4.4.0" | ||
@@ -56,0 +57,0 @@ }, |
9873
3
161
+ Addeduse-latest@^1.1.0
+ Addeduse-isomorphic-layout-effect@1.1.2(transitive)
+ Addeduse-latest@1.2.1(transitive)