react-image-gallery - npm Package Compare versions

Comparing version 0.4.3 to 0.4.4

build/image-gallery.js

@@ -154,3 +154,3 @@ 'use strict';
   _handleResize: function _handleResize() {
-    this.setState({ containerWidth: this.getDOMNode().offsetWidth });
+    this.setState({ containerWidth: this.refs.imageGallery.offsetWidth });
   },
@@ -160,3 +160,3 @@
     if (this.refs.thumbnails) {
-      var thumbNode = this.refs.thumbnails.getDOMNode();
+      var thumbNode = this.refs.thumbnails;
       if (thumbNode.scrollWidth <= this.state.containerWidth) {
@@ -279,3 +279,3 @@ return 0;
       'section',
-      { className: 'image-gallery' },
+      { ref: 'imageGallery', className: 'image-gallery' },
       _react2['default'].createElement(
@@ -282,0 +282,0 @@ 'div',

example/app.js

 'use strict';
 
-import React from 'react/addons';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import LinkedStateMixin from 'react-addons-linked-state-mixin';
+
 import ImageGallery from '../src/ImageGallery.react';
@@ -8,3 +11,3 @@
 
-  mixins: [React.addons.LinkedStateMixin],
+  mixins: [LinkedStateMixin],
 
@@ -122,5 +125,4 @@ getInitialState() {
                 type='checkbox'
-                checkedLink={this.linkState('showBullets')}>
+                checkedLink={this.linkState('showBullets')}/>
                 show bullets?
-              </input>
             </li>
@@ -130,5 +132,4 @@ <li>
                 type='checkbox'
-                checkedLink={this.linkState('showThumbnails')}>
+                checkedLink={this.linkState('showThumbnails')}/>
                 show Thumbnails?
-              </input>
             </li>
@@ -152,3 +153,3 @@ {
 (function() {
-  React.render(<App/>, document.getElementById('container'));
+  ReactDOM.render(<App/>, document.getElementById('container'));
 })();

package.json

 {
   "name": "react-image-gallery",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "Image gallery component for React.JS",
@@ -41,3 +41,6 @@ "main": "./build/image-gallery",
     "gulp-uglify": "^1.2.0",
-    "react": "^0.12.2",
+    "install": "^0.1.8",
+    "react": "^0.14.0",
+    "react-addons-linked-state-mixin": "^0.14.0",
+    "react-dom": "^0.14.0",
     "vinyl-source-stream": "^1.0.0",
@@ -44,0 +47,0 @@ "watchify": "^2.4.0"

src/ImageGallery.react.jsx

@@ -149,3 +149,3 @@ 'use strict';
   _handleResize() {
-    this.setState({containerWidth: this.getDOMNode().offsetWidth});
+    this.setState({containerWidth: this.refs.imageGallery.offsetWidth});
   },
@@ -155,3 +155,3 @@
     if (this.refs.thumbnails) {
-      let thumbNode = this.refs.thumbnails.getDOMNode();
+      let thumbNode = this.refs.thumbnails;
       if (thumbNode.scrollWidth <= this.state.containerWidth) {
@@ -279,3 +279,3 @@ return 0;
     return (
-      <section className='image-gallery'>
+      <section ref='imageGallery' className='image-gallery'>
         <div
@@ -282,0 +282,0 @@ onMouseOver={this._handleMouseOver}

No alert changes

Improved metrics

Total package byte prevSize

36969

2.07%

Lines of code

909

0.33%

Worsened metrics

Dev dependency count

17

21.43%

No dependency changes