Socket
Socket
Sign inDemoInstall

react-rnd

Package Overview
Dependencies
Maintainers
1
Versions
96
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-rnd - npm Package Compare versions

Comparing version 10.4.4 to 10.4.5

30

lib/index.d.ts
import * as React from "react";
import Draggable, { DraggableEventHandler } from "react-draggable";
import { Resizable, ResizeDirection } from "re-resizable";
export declare type Grid = [number, number];
export declare type Position = {
export type Grid = [number, number];
export type Position = {
x: number;
y: number;
};
export declare type DraggableData = {
export type DraggableData = {
node: HTMLElement;

@@ -16,15 +16,15 @@ deltaX: number;

} & Position;
export declare type RndDragCallback = DraggableEventHandler;
export declare type RndDragEvent = React.MouseEvent<HTMLElement | SVGElement> | React.TouchEvent<HTMLElement | SVGElement> | MouseEvent | TouchEvent;
export declare type RndResizeStartCallback = (e: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement>, dir: ResizeDirection, elementRef: HTMLElement) => void | boolean;
export declare type ResizableDelta = {
export type RndDragCallback = DraggableEventHandler;
export type RndDragEvent = React.MouseEvent<HTMLElement | SVGElement> | React.TouchEvent<HTMLElement | SVGElement> | MouseEvent | TouchEvent;
export type RndResizeStartCallback = (e: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement>, dir: ResizeDirection, elementRef: HTMLElement) => void | boolean;
export type ResizableDelta = {
width: number;
height: number;
};
export declare type RndResizeCallback = (e: MouseEvent | TouchEvent, dir: ResizeDirection, elementRef: HTMLElement, delta: ResizableDelta, position: Position) => void;
declare type Size = {
export type RndResizeCallback = (e: MouseEvent | TouchEvent, dir: ResizeDirection, elementRef: HTMLElement, delta: ResizableDelta, position: Position) => void;
type Size = {
width: string | number;
height: string | number;
};
declare type State = {
type State = {
resizing: boolean;

@@ -40,7 +40,7 @@ bounds: {

};
declare type MaxSize = {
type MaxSize = {
maxWidth: number | string;
maxHeight: number | string;
};
export declare type ResizeEnable = {
export type ResizeEnable = {
bottom?: boolean;

@@ -55,3 +55,3 @@ bottomLeft?: boolean;

} | boolean;
export declare type HandleClasses = {
export type HandleClasses = {
bottom?: string;

@@ -66,3 +66,3 @@ bottomLeft?: string;

};
export declare type HandleStyles = {
export type HandleStyles = {
bottom?: React.CSSProperties;

@@ -77,3 +77,3 @@ bottomLeft?: React.CSSProperties;

};
export declare type HandleComponent = {
export type HandleComponent = {
top?: React.ReactElement<any>;

@@ -80,0 +80,0 @@ right?: React.ReactElement<any>;

{
"name": "react-rnd",
"version": "10.4.4",
"version": "10.4.5",
"description": "A draggable and resizable React Component",

@@ -92,3 +92,3 @@ "title": "react-rnd",

"tslint-react": "5.0.0",
"typescript": "4.6.3"
"typescript": "5.4.5"
},

@@ -102,5 +102,5 @@ "files": [

"dependencies": {
"re-resizable": "6.9.6",
"react-draggable": "4.4.5",
"tslib": "2.3.1"
"re-resizable": "6.9.11",
"react-draggable": "4.4.6",
"tslib": "2.6.2"
},

@@ -107,0 +107,0 @@ "peerDependencies": {

@@ -514,2 +514,8 @@ <p align="center"><img src ="https://github.com/bokuweb/react-rnd/blob/master/logo.png?raw=true" /></p>

#### v10.4.5
- Upgrade `re-resizable` to `6.9.11`
- Upgrade `react-draggable` to `4.4.6`
- Fixed a bug, wrong position in `onDrag` #910
#### v10.4.1

@@ -516,0 +522,0 @@

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