re-resizable - npm Package Compare versions

Comparing version 3.0.0-beta.4 to 3.0.0

index.d.ts

		@@ -50,3 +50,3 @@ // Type definitions for react-resizable-box 2.0
		style?: React.CSSProperties;
		handlerStyles?: {
		handleStyles?: {
		top?: React.CSSProperties,
		@@ -61,3 +61,3 @@ right?: React.CSSProperties,
		},
		handlerClasses?: {
		handleClasses?: {
		top?: string,
		@@ -85,10 +85,9 @@ right?: string,
		height?: string \| number,
		minWidth?: number,
		minHeight?: number,
		maxWidth?: number,
		maxHeight?: number,
		minWidth?: number \| string,
		minHeight?: number \| string,
		maxWidth?: number \| string,
		maxHeight?: number \| string,
		grid?: number[],
		bounds?: 'parent' \| 'window' \| HTMLElement,
		lockAspectRatio?: boolean,
		extendsProps?: object,
		}
		@@ -95,0 +94,0 @@

lib/index.es5.js

		@@ -377,3 +377,3 @@ 'use strict';
		element.style.height = '100%';
		element.style.position = 'relative';
		element.style.position = 'absolute';
		element.style.left = '-99999px';
		@@ -380,0 +380,0 @@ var parent = this.parentNode;

lib/index.js

		@@ -375,3 +375,3 @@ import { Component, createElement } from 'react';
		element.style.height = '100%';
		element.style.position = 'relative';
		element.style.position = 'absolute';
		element.style.left = '-99999px';
		@@ -378,0 +378,0 @@ var parent = this.parentNode;

lib/re-resizable.umd.js

		@@ -379,3 +379,3 @@ (function (global, factory) {
		element.style.height = '100%';
		element.style.position = 'relative';
		element.style.position = 'absolute';
		element.style.left = '-99999px';
		@@ -382,0 +382,0 @@ var parent = this.parentNode;

package.json

		{
		"name": "re-resizable",
		"version": "3.0.0-beta.4",
		"version": "3.0.0",
		"description": "Resizable component for React.",
		@@ -5,0 +5,0 @@ "title": "re-resizable",

README.md

		@@ -5,4 +5,4 @@ <p align="center"><img src ="https://github.com/bokuweb/react-resizable-box/blob/master/logo.png?raw=true" /></p>

		<p align="center"><a href="https://travis-ci.org/bokuweb/react-resizable-box">
		<img src="https://img.shields.io/travis/bokuweb/react-resizable-box.svg" alt="Build Status" /></a>
		<p align="center"><a href="https://circleci.com/gh/bokuweb/react-resizable-box/tree/master">
		<img src="https://circleci.com/gh/bokuweb/react-resizable-box/tree/master.svg?style=svg" alt="Build Status" /></a>
		<a href="https://www.npmjs.com/package/react-resizable-box">
		@@ -59,5 +59,4 @@ <img src="https://img.shields.io/npm/v/react-resizable-box.svg" alt="Build Status" /></a>

		#### `style?: { [key: string]: string };`

		#### `style?: any;`

		The `style` property is used to set the custom `style` of a resizable component.
		@@ -77,19 +76,19 @@

		#### `minWidth?: number;`
		#### `minWidth?: number \| string;`

		The `minWidth` property is used to set the minimum width of a resizable component.

		#### `minHeight?: number;`
		#### `minHeight?: number \| string;`

		The `minHeight` property is used to set the minimum height of a resizable component.

		#### `maxWidth?: number;`
		#### `maxWidth?: number \| string;`

		The `maxWidth` property is used to set the maximum width of a resizable component.

		#### `maxHeight?: number`;
		#### `maxHeight?: number \| string`;

		The `maxHeight` property is used to set the maximum height of a resizable component.

		#### `grid?: Array<number>;`
		#### `grid?: [number, number];`

		@@ -118,10 +117,9 @@ The `grid` property is used to specify the increments that resizing should snap to. Defaults to `[1, 1]`.


		#### `handleWrapperStyle?: { [key: string]: string };`

		T.B.D
		The `handleWrapperStyle` property is used to override the style of resize handles wrapper.

		#### `handleWrapperClass?: string;`

		T.B.D
		The `handleWrapperClass` property is used to override the className of resize handles wrapper.

		@@ -141,6 +139,6 @@ #### `enable?: ?Enable;`
		```
		type ResizeStartCallBack = (
		e: SyntheticMouseEvent \| SyntheticTouchEvent,
		type ResizeStartCallback = (
		e: SyntheticMouseEvent<HTMLDivElement> \| SyntheticTouchEvent<HTMLDivElement>,
		dir: Direction,
		refToElement: HTMLElement,
		refToElement: React.ElementRef<'div'>,
		) => void;
		@@ -151,13 +149,13 @@ ```

		#### `onResize?: Callback;`
		#### `onResize?: ResizeCallback;`

		### Basic

		`Callback` type is below.
		`ResizeCallback` type is below.

		```
		type Callback = (
		type ResizeCallback = (
		event: MouseEvent \| TouchEvent,
		direction: Direction,
		refToElement: HTMLElement,
		refToElement: React.ElementRef<'div'>,
		delta: NumberSize,
		@@ -169,11 +167,11 @@ ) => void;

		#### `onResizeStop?: Callback;`
		#### `onResizeStop?: ResizeCallback;`

		`Callback` type is below.
		`ResizeCallback` type is below.

		```
		type Callback = (
		type ResizeCallback = (
		event: MouseEvent \| TouchEvent,
		direction: Direction,
		refToElement: HTMLElement,
		refToElement: React.ElementRef<'div'>,
		delta: NumberSize,
		@@ -183,19 +181,4 @@ ) => void;

		Calls when resizable component resize startStop.
		Calls when resizable component resize stop.

		#### `extendsProps?: any;`

		This property is used to pass the other props to the component.

		e.g.

		``` javascript
		const extendsProps = {
		data-foo: 'foo',
		onMouseOver: () => {},
		};

		<Resizable extendsProps={extendsProps} />
		```

		## method
		@@ -239,2 +222,13 @@

		#### v3.0.0

		- Fix flowtype annotation.
		- Remove `extendsProps`.

		You can add extendsProps as follows.

		```
		<Resizable data-foo="foo" />
		```

		#### v3.0.0-beta.3
		@@ -265,2 +259,11 @@

		#### v2.1.0

		- Remove `shouldUpdateComponent` (#135).
		- Remove `lodash.isEqual`.

		#### v2.0.6

		- Update README.

		#### v2.0.5
		@@ -267,0 +270,0 @@

lib/index.es5.js.flow