🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →
Socket
DemoInstallSign in
Socket
DemoInstallSign in

react-use-rect

Package Overview
Dependencies
Maintainers
1
Versions
28
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-use-rect - npm Package Compare versions

Comparing version

2.0.3
to
2.0.4

dist/index.esm.js
dist/index.js

10

package.json
{
"name": "react-use-rect",
"version": "2.0.3",
"version": "2.0.4",
"description": "Hook that is aiming to help you on tracking a DOM element boundaries",

@@ -9,9 +9,5 @@ "license": "MIT",

"repository": "https://github.com/d521bb85/react-use-rect",
"exports": {
"import": "./dist/index.mjs",
"require": "./dist/index.cjs"
},
"main": "./dist/index.cjs",
"main": "./dist/index.js",
"typings": "./dist/index.d.ts",
"module": "./dist/index.mjs",
"module": "./dist/index.esm.js",
"files": [

@@ -18,0 +14,0 @@ "dist",

24

src/use-rect.ts

@@ -1,2 +0,2 @@

import React from 'react';
import { useRef, useEffect, useCallback, useLayoutEffect } from 'react';

@@ -43,9 +43,9 @@ export interface UseRect {

): Result {
const dispatchChangeRef = React.useRef(dispatchChange);
React.useEffect(() => {
const dispatchChangeRef = useRef(dispatchChange);
useEffect(() => {
dispatchChangeRef.current = dispatchChange;
}, [dispatchChange]);
const resizeRef = React.useRef(resize);
React.useEffect(() => {
const resizeRef = useRef(resize);
useEffect(() => {
resizeRef.current = resize;

@@ -55,4 +55,4 @@ setupResizeObserver();

const elementRef = React.useRef<Element | null>(null);
const setElement = React.useCallback((element: Element | null) => {
const elementRef = useRef<Element | null>(null);
const setElement = useCallback((element: Element | null) => {
if (element === elementRef.current) {

@@ -67,4 +67,4 @@ return;

const rectRef = React.useRef<Rect | null>(null);
const revalidate = React.useCallback(
const rectRef = useRef<Rect | null>(null);
const revalidate = useCallback(
({ force = false }: RevalidateOptions = {}) => {

@@ -96,4 +96,4 @@ if (!elementRef.current) {

const resizeObserverRef = React.useRef<ResizeObserver | null>(null);
const setupResizeObserver = React.useCallback(() => {
const resizeObserverRef = useRef<ResizeObserver | null>(null);
const setupResizeObserver = useCallback(() => {
if (resizeObserverRef.current) {

@@ -134,2 +134,2 @@ resizeObserverRef.current.disconnect();

const useIsomorphicLayoutEffect =
typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
typeof window === 'undefined' ? useEffect : useLayoutEffect;

8

src/use-window-on.ts

@@ -1,2 +0,2 @@

import React from 'react';
import { useEffect, useRef } from 'react';

@@ -11,8 +11,8 @@ export interface UseWindowOn<T extends keyof WindowEventMap> {

): void {
const callbackRef = React.useRef(callback);
React.useEffect(() => {
const callbackRef = useRef(callback);
useEffect(() => {
callbackRef.current = callback;
});
React.useEffect(() => {
useEffect(() => {
if (typeof window === undefined) {

@@ -19,0 +19,0 @@ return undefined;

dist/index.cjs
dist/index.mjs