Socket
Socket
Sign inDemoInstall

react-rnd

Package Overview
Dependencies
Maintainers
1
Versions
95
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 5.0.0-rc.1 to 5.0.0

7

lib/index.js

@@ -8,6 +8,2 @@ 'use strict';

var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

@@ -215,3 +211,3 @@

className: this.props.className,
style: (0, _extends3.default)({}, boxStyle, this.props.style),
style: boxStyle,
ref: function ref(c) {

@@ -231,2 +227,3 @@ _this2.wrapper = c;

onResizeStop: this.onResizeStop,
style: this.props.style,
width: this.props.default.width,

@@ -233,0 +230,0 @@ height: this.props.default.height,

{
"name": "react-rnd",
"license": "MIT",
"version": "5.0.0-rc.1",
"version": "5.0.0",
"scripts": {
"start": "webpack-dev-server",
"build": "NODE_ENV=production babel -d lib/ src/components/ --copy-files",
"build:example": "NODE_ENV=example webpack",
"flow": "flow",

@@ -9,0 +10,0 @@ "lint": "eslint src",

@@ -10,2 +10,14 @@ # react-rnd

## Table of Contents
- [Demo](#Demo)
- [Install](#install)
- [Usage](#usage)
- [Props](#props)
- [Callback](#callback)
- [Method](#method)
- [Test](#test)
- [Changelog](#changelog)
- [License](#license)
## Demo

@@ -18,13 +30,22 @@

background image : <a href="http://www.freepik.com/free-photos-vectors/background">Background vector created by Starline - Freepik.com</a>
## Installation
## Install
- use npm
```sh
npm i react-rnd
npm i -S react-rnd
```
## Overview
- use yarn
### Basic
```sh
yarn add react-rnd
```
## Usage
### Minimum example
``` javascript

@@ -43,3 +64,3 @@ <Rnd

## Properties
## Props

@@ -116,3 +137,3 @@ #### `default: { x: number; y: number; width: number | string; height: number | string; };`

```
``` javascript
export type HandlerStyles = {

@@ -134,3 +155,4 @@ bottom?: any,

```
``` javascript
type HandlerClasses = {

@@ -156,3 +178,3 @@ bottom?: string;

```
``` javascript
export type Enable = {

@@ -202,3 +224,4 @@ bottom?: boolean;

```
``` javascript
type ResizeStartCallBack = (

@@ -217,3 +240,4 @@ e: SyntheticMouseEvent | SyntheticTouchEvent,

```
``` javascript
type Callback = (

@@ -233,3 +257,4 @@ event: MouseEvent | TouchEvent,

```
``` javascript
type Callback = (

@@ -249,3 +274,4 @@ event: MouseEvent | TouchEvent,

```
``` javascript
type DraggableData = {

@@ -268,3 +294,3 @@ node: HTMLElement,

```
``` javascript
type DraggableData = {

@@ -287,3 +313,4 @@ node: HTMLElement,

```
``` javascript
type DraggableData = {

@@ -303,3 +330,3 @@ node: HTMLElement,

## Methods
## Method

@@ -306,0 +333,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