Add extendsProps

README.md

@@ -198,6 +198,21 @@ Calls back with (`direction: string`, `styleSize: object`, `clientSize: object`,
 
 For example, when `<Resizable width={100} height={200} style={{ padding: '20px'}} onResize={...} />` mounted and resize 'right' 20px, this callback is called with `('right', { width: 120, height: 200 }, { width: 160, height: 240 }, {width: 20, height: 0})`
 
+#### `extendsProps`: PropTypes.object
+
+This property is used to pass the other props to the component.
+
+e.g.
+
+``` javascript
+const extendsProps = {
+  data-foo: 'foo',
+  onMouseOver: () => {},
+};
+
+<Resizable {...extendsProps} />
+```
+
 
 ## method
 
@@ -238,6 +253,10 @@ npm test
 
 ## Changelog
 
+#### v1.8.0
+
+- Add `extendsProps` prop to other props (e.g. `data-*`, `aria-*`, and other ).
+
 #### v1.7.0
 
 - Support siver side rendering #43

docs/dist/bundle.js

@@ -22826,7 +22826,7 @@ var Resizable = function (_Component) {
 
       return _react2.default.createElement(
         'div',
-        {
+        _extends({
           ref: 'resizable',
           style: _extends({
             position: 'relative'
@@ -22836,7 +22836,7 @@ var Resizable = function (_Component) {
           onMouseDown: onMouseDown,
           onDoubleClick: onDoubleClick,
           onTouchStart: onTouchStart
-        },
+        }, this.props.extendsProps),
         this.props.children,
         this.renderResizer()
       );
@@ -22894,7 +22894,8 @@ Resizable.propTypes = {
   maxWidth: _react.PropTypes.number,
   maxHeight: _react.PropTypes.number,
   grid: _react.PropTypes.arrayOf(_react.PropTypes.number),
-  lockAspectRatio: _react.PropTypes.bool.isRequired
+  lockAspectRatio: _react.PropTypes.bool.isRequired,
+  extendsProps: _react.PropTypes.object
 };
 Resizable.defaultProps = {
   onResizeStart: function onResizeStart() {

src/index.js

@@ -64,6 +64,7 @@ export default class Resizable extends Component {
     maxHeight: PropTypes.number,
     grid: PropTypes.arrayOf(PropTypes.number),
     lockAspectRatio: PropTypes.bool.isRequired,
+    extendsProps: PropTypes.object,
   };
 
   static defaultProps = {
@@ -316,6 +317,7 @@ export default class Resizable extends Component {
         onMouseDown={onMouseDown}
         onDoubleClick={onDoubleClick}
         onTouchStart={onTouchStart}
+        {...this.props.extendsProps}
       >
         {this.props.children}
         {this.renderResizer()}