From 0b30d63fa4f017d29399d3217222c70532e3576b Mon Sep 17 00:00:00 2001 From: Igor Romanov Date: Thu, 29 Oct 2015 16:24:00 +0700 Subject: [PATCH] Upd to React 0.14 --- examples/src/components/Tags.js | 4 ++-- examples/src/index.js | 3 ++- package.json | 15 ++++++++------- src/components/Select2.js | 25 +++++++++++++------------ 4 files changed, 25 insertions(+), 22 deletions(-) diff --git a/examples/src/components/Tags.js b/examples/src/components/Tags.js index 44da3aa8..3d38bb09 100644 --- a/examples/src/components/Tags.js +++ b/examples/src/components/Tags.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, { Component } from 'react'; import Select2 from '../../../src/components/Select2'; import '../../../src/css/select2.css'; -export default class Tags extends React.Component { +export default class Tags extends Component { render() { return (
diff --git a/examples/src/index.js b/examples/src/index.js index e50c3c2d..94707078 100644 --- a/examples/src/index.js +++ b/examples/src/index.js @@ -1,7 +1,8 @@ import React from 'react'; +import { render } from 'react-dom'; import Tags from './components/Tags'; -React.render( +render( , document.getElementById('app') ); diff --git a/package.json b/package.json index f197ba85..ddd7f60b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-select2-wrapper", - "version": "0.0.5", + "version": "0.0.6", "description": "React component for Select2", "main": "lib/components/Select2.js", "scripts": { @@ -23,14 +23,15 @@ "input" ], "dependencies": { - "react": "^0.13.3", - "select2": "^4.0.0", - "jquery": "^2.1.4" + "jquery": "^2.1.4", + "react": "^0.14.0", + "react-dom": "^0.14.1", + "select2": "^4.0.0" }, "devDependencies": { - "babel": "^5.8.9", - "babel-core": "^5.4.7", - "babel-eslint": "^4.0.5", + "babel": "^5.8.29", + "babel-core": "^5.8.29", + "babel-eslint": "^4.1.1", "babel-loader": "^5.3.2", "css-loader": "^0.15.4", "eslint": "^1.0.0", diff --git a/src/components/Select2.js b/src/components/Select2.js index 5764cda0..21a31a88 100644 --- a/src/components/Select2.js +++ b/src/components/Select2.js @@ -1,17 +1,18 @@ -import React from 'react'; +import React, { Component, PropTypes } from 'react'; +import ReactDOM from 'react-dom'; import 'select2'; -export default class Select2 extends React.Component { +export default class Select2 extends Component { static propTypes = { - data: React.PropTypes.array, - events: React.PropTypes.array, - options: React.PropTypes.object, - multiple: React.PropTypes.bool, - onOpen: React.PropTypes.func, - onClose: React.PropTypes.func, - onSelect: React.PropTypes.func, - onChange: React.PropTypes.func, - onUnselect: React.PropTypes.func, + data: PropTypes.array, + events: PropTypes.array, + options: PropTypes.object, + multiple: PropTypes.bool, + onOpen: PropTypes.func, + onClose: PropTypes.func, + onSelect: PropTypes.func, + onChange: PropTypes.func, + onUnselect: PropTypes.func, } static defaultProps = { @@ -33,7 +34,7 @@ export default class Select2 extends React.Component { } componentDidMount() { - this.el = $(React.findDOMNode(this)); + this.el = $(ReactDOM.findDOMNode(this)); this.el.select2(this.props.options); this.props.events.forEach(event => {