New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

use-resize-observer

Package Overview
Dependencies
Maintainers
1
Versions
24
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

use-resize-observer - npm Package Compare versions

Comparing version 9.0.2 to 9.1.0-alpha.1

6

CHANGELOG.md

@@ -0,1 +1,7 @@

# [9.1.0-alpha.1](https://github.com/ZeeCoder/use-resize-observer/compare/v9.0.2...v9.1.0-alpha.1) (2022-11-21)
### Features
- Exported some TS types ([e056e19](https://github.com/ZeeCoder/use-resize-observer/commit/e056e191499c713dc7bdd872530cfb9786e1af3e)), closes [#98](https://github.com/ZeeCoder/use-resize-observer/issues/98)
## [9.0.2](https://github.com/ZeeCoder/use-resize-observer/compare/v9.0.1...v9.0.2) (2022-06-13)

@@ -2,0 +8,0 @@

8

dist/index.d.ts
import { RefObject, RefCallback } from "react";
declare type ObservedSize = {
export declare type ObservedSize = {
width: number | undefined;
height: number | undefined;
};
declare type ResizeHandler = (size: ObservedSize) => void;
export declare type ResizeHandler = (size: ObservedSize) => void;
declare type HookResponse<T extends Element> = {
ref: RefCallback<T>;
} & ObservedSize;
declare type ResizeObserverBoxOptions = "border-box" | "content-box" | "device-pixel-content-box";
export declare type ResizeObserverBoxOptions = "border-box" | "content-box" | "device-pixel-content-box";
declare global {

@@ -16,3 +16,3 @@ interface ResizeObserverEntry {

}
declare type RoundingFunction = (n: number) => number;
export declare type RoundingFunction = (n: number) => number;
declare function useResizeObserver<T extends Element>(opts?: {

@@ -19,0 +19,0 @@ ref?: RefObject<T> | T | null | undefined;

{
"name": "use-resize-observer",
"version": "9.0.2",
"version": "9.1.0-alpha.1",
"main": "dist/bundle.cjs.js",

@@ -5,0 +5,0 @@ "module": "dist/bundle.esm.js",

import { RefObject, RefCallback } from "react";
declare type ObservedSize = {
export declare type ObservedSize = {
width: number | undefined;
height: number | undefined;
};
declare type ResizeHandler = (size: ObservedSize) => void;
export declare type ResizeHandler = (size: ObservedSize) => void;
declare type HookResponse<T extends Element> = {
ref: RefCallback<T>;
} & ObservedSize;
declare type ResizeObserverBoxOptions = "border-box" | "content-box" | "device-pixel-content-box";
export declare type ResizeObserverBoxOptions = "border-box" | "content-box" | "device-pixel-content-box";
declare global {

@@ -16,3 +16,3 @@ interface ResizeObserverEntry {

}
declare type RoundingFunction = (n: number) => number;
export declare type RoundingFunction = (n: number) => number;
declare function useResizeObserver<T extends Element>(opts?: {

@@ -19,0 +19,0 @@ ref?: RefObject<T> | T | null | undefined;

@@ -15,3 +15,3 @@ # use-resize-observer

[![build](https://github.com/ZeeCoder/use-resize-observer/workflows/Testing/badge.svg)](https://github.com/ZeeCoder/use-resize-observer/actions/workflows/testing.yml)
[![BrowserStack Status](https://automate.browserstack.com/badge.svg?badge_key=ZDJvbEJRdDJ0Vy96M0g4citOQkNCWGxuby81T3VhaWVBODEwZ1pYWjVTVT0tLWE2RmVFN0lRenBJUVRLcW14dUpWN3c9PQ==--da71247daf12790835c0447759700ab462b915ee%)](https://automate.browserstack.com/public-build/ZDJvbEJRdDJ0Vy96M0g4citOQkNCWGxuby81T3VhaWVBODEwZ1pYWjVTVT0tLWE2RmVFN0lRenBJUVRLcW14dUpWN3c9PQ==--da71247daf12790835c0447759700ab462b915ee%)
[![BrowserStack Status](https://automate.browserstack.com/badge.svg?badge_key=aVpjV2RZbThnWnh2S0FvREh0cGRtRHRCNzYwUmw4N0Z4WUxybHM0WkpqST0tLW9RT0tDeGk3OVU2WkNtalpON29xWFE9PQ==--ec6a97c52cd7ad30417612ca3f5df511eef5d631)](https://automate.browserstack.com/public-build/aVpjV2RZbThnWnh2S0FvREh0cGRtRHRCNzYwUmw4N0Z4WUxybHM0WkpqST0tLW9RT0tDeGk3OVU2WkNtalpON29xWFE9PQ==--ec6a97c52cd7ad30417612ca3f5df511eef5d631)

@@ -18,0 +18,0 @@ ## Highlights

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc