react-region-select - npm Package Compare versions

Comparing version 2.1.1 to 2.2.0

lib/Region.js

@@ -9,2 +9,4 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
 var _objectAssign = require('object-assign');
@@ -79,14 +81,14 @@
 Region.propTypes = {
-	x: _react.PropTypes.number.isRequired,
-	y: _react.PropTypes.number.isRequired,
-	width: _react.PropTypes.number.isRequired,
-	height: _react.PropTypes.number.isRequired,
-	index: _react.PropTypes.number.isRequired,
-	onCropStart: _react.PropTypes.func.isRequired,
-	handles: _react.PropTypes.bool,
-	changing: _react.PropTypes.bool,
-	dataRenderer: _react.PropTypes.func,
-	data: _react.PropTypes.object
+	x: _propTypes.PropTypes.number.isRequired,
+	y: _propTypes.PropTypes.number.isRequired,
+	width: _propTypes.PropTypes.number.isRequired,
+	height: _propTypes.PropTypes.number.isRequired,
+	index: _propTypes.PropTypes.number.isRequired,
+	onCropStart: _propTypes.PropTypes.func.isRequired,
+	handles: _propTypes.PropTypes.bool,
+	changing: _propTypes.PropTypes.bool,
+	dataRenderer: _propTypes.PropTypes.func,
+	data: _propTypes.PropTypes.object
 };
 
 module.exports = Region;

lib/RegionSelect.js

@@ -9,2 +9,4 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
 var _objectAssign = require('object-assign');
@@ -120,2 +122,16 @@
 				height = updatingRegion.height;
+				if (this.props.constraint) {
+					if (x + width >= 100) {
+						x = Math.round(100 - width);
+					}
+					if (y + height >= 100) {
+						y = Math.round(100 - height);
+					}
+					if (x <= 0) {
+						x = 0;
+					}
+					if (y <= 0) {
+						y = 0;
+					}
+				}
 			}
@@ -344,10 +360,11 @@
 RegionSelect.propTypes = {
-	regions: _react.PropTypes.array,
-	children: _react.PropTypes.any,
-	onChange: _react.PropTypes.func.isRequired,
-	regionRenderer: _react.PropTypes.func,
-	maxRegions: _react.PropTypes.number,
-	debug: _react.PropTypes.bool,
-	className: _react.PropTypes.string,
-	style: _react.PropTypes.object
+	constraint: _propTypes.PropTypes.bool,
+	regions: _propTypes.PropTypes.array,
+	children: _propTypes.PropTypes.any,
+	onChange: _propTypes.PropTypes.func.isRequired,
+	regionRenderer: _propTypes.PropTypes.func,
+	maxRegions: _propTypes.PropTypes.number,
+	debug: _propTypes.PropTypes.bool,
+	className: _propTypes.PropTypes.string,
+	style: _propTypes.PropTypes.object
 };
@@ -357,3 +374,4 @@ RegionSelect.defaultProps = {
 	debug: false,
-	regions: []
+	regions: [],
+	constraint: false
 };
@@ -360,0 +378,0 @@

lib/style.js

@@ -52,3 +52,4 @@ 'use strict';
 	RegionSelect: {
-		position: 'relative'
+		position: 'relative',
+		display: 'inline-block'
 	}
@@ -55,0 +56,0 @@ };

package.json

 {
   "name": "react-region-select",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "Multi region selection (i.e. on images)",
@@ -54,4 +54,5 @@ "main": "./lib/RegionSelect.js",
   "dependencies": {
-    "object-assign": "*"
+    "object-assign": "*",
+    "prop-types": "^15.6.0"
   }
 }

README.md

@@ -74,2 +74,6 @@ # React Region Select
 
+#### constraint (bool)
+
+Constrain selection to underlying children. Default: false.
+
 #### className (string)
@@ -76,0 +80,0 @@

No alert changes

Improved metrics

Total package byte prevSize

688411

increased by0.09%

Lines of code

559

increased by3.52%

Number of lines in readme file

102

increased by4.08%

Worsened metrics

Dependency count

3

increased by50%

Dependency changes

• + Addedprop-types@^15.6.0