v1.0.1

README.md

@@ -71,4 +71,4 @@ export default class Something extends React.Component {
 
 ### Render
 
-![Render](render.png)
+![Render](https://github.com/inextensodigital/masonreact/blob/master/render.png)

index.js

@@ -43,18 +43,21 @@ var Masonreact = function (_React$Component) {
       }, 0);
     }, _this.componentDidMount = function () {
 
-      _this.msnry = new _masonryLayout2.default('.grid', {
+      _this.msnry = new _masonryLayout2.default('.' + _this.props.gridClassName, {
         percentPosition: true,
-        transitionDuration: _this.props.transitionDuration || 0
+        transitionDuration: _this.props.transitionDuration
       });
 
       window.addEventListener('masonreact', _this.deferred);
     }, _this.componentWillUnmount = function () {
       window.removeEventListener('masonreact', _this.deferred);
     }, _this.render = function () {
+      var _this$props = _this.props,
+          cols = _this$props.cols,
+          margin = _this$props.margin,
+          children = _this$props.children,
+          gridClassName = _this$props.gridClassName;
 
-      var cols = _this.props.cols || 1;
-      var margin = _this.props.margin || 5;
 
       var style = {
         item: {
@@ -70,8 +73,8 @@ var Masonreact = function (_React$Component) {
 
       return _react2.default.createElement(
         'div',
-        { className: 'grid', style: style.grid },
-        _react2.default.Children.map(_this.props.children, function (child) {
+        { className: gridClassName, style: style.grid },
+        _react2.default.Children.map(children, function (child) {
           return child ? _react2.default.cloneElement(child, {
             style: _extends({}, child.props.style, style.item)
           }) : null;
@@ -83,6 +86,23 @@ var Masonreact = function (_React$Component) {
   return Masonreact;
 }(_react2.default.Component);
 
+Masonreact.propTypes = {
+  children: _react2.default.PropTypes.node.isRequired,
+  style: _react2.default.PropTypes.shape({}),
+  cols: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.number, _react2.default.PropTypes.string]),
+  margin: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.number, _react2.default.PropTypes.string]),
+  transitionDuration: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.number, _react2.default.PropTypes.string]),
+  gridClassName: _react2.default.PropTypes.string
+};
+
+Masonreact.defaultProps = {
+  style: undefined,
+  cols: 1,
+  margin: 5,
+  transitionDuration: 0,
+  gridClassName: 'grid'
+};
+
 exports.default = Masonreact;
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "masonreact",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "React component to play with the great library Masonry from desandro.",
   "main": "index.js",
   "repository": {
@@ -16,6 +16,9 @@
     "grid"
   ],
   "author": "Didier Franc",
+  "contributors": [
+    "Igor ESCHALIER <igor.eschalier@gmail.com> (https://github.com/ieschalier/)"
+  ],
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/xeonys/masonreact/issues"