From 84755ceb54dd6f5fe7682912336b243e4b7dc59b Mon Sep 17 00:00:00 2001 From: Josh Beckman <email@andjosh.com> Date: Fri, 21 Apr 2017 21:40:54 +0200 Subject: [PATCH] Use create-react-class, drop React.createClass --- src/MonthsView.js | 3 ++- src/TimeView.js | 3 ++- package.json | 1 + src/CalendarContainer.js | 3 ++- src/DaysView.js | 3 ++- src/YearsView.js | 3 ++- DateTime.js | 3 ++- 7 files changed, 13 insertions(+), 6 deletions(-) diff --git a/DateTime.js b/DateTime.js index dd8ae54..208e8c3 100644 --- a/DateTime.js +++ b/DateTime.js @@ -1,13 +1,14 @@ 'use strict'; var assign = require('object-assign'), + createClass = require('create-react-class'), moment = require('moment'), React = require('react'), CalendarContainer = require('./src/CalendarContainer') ; var TYPES = React.PropTypes; -var Datetime = React.createClass({ +var Datetime = createClass({ propTypes: { // value: TYPES.object | TYPES.string, // defaultValue: TYPES.object | TYPES.string, diff --git a/package.json b/package.json index 074ac87..6d3c124 100644 --- a/package.json +++ b/package.json @@ -76,6 +76,7 @@ "webpack-stream": "^3.2.0" }, "dependencies": { + "create-react-class": "^15.5.2", "object-assign": "^3.0.0", "react-onclickoutside": "^5.9.0" }, diff --git a/src/CalendarContainer.js b/src/CalendarContainer.js index fe12afe..5adaedc 100644 --- a/src/CalendarContainer.js +++ b/src/CalendarContainer.js @@ -1,11 +1,12 @@ var React = require('react'), + createClass = require('create-react-class'), DaysView = require('./DaysView'), MonthsView = require('./MonthsView'), YearsView = require('./YearsView'), TimeView = require('./TimeView') ; -var CalendarContainer = React.createClass({ +var CalendarContainer = createClass({ viewComponents: { days: DaysView, months: MonthsView, diff --git a/src/DaysView.js b/src/DaysView.js index b6cf7fd..b47e5b5 100644 --- a/src/DaysView.js +++ b/src/DaysView.js @@ -1,12 +1,13 @@ 'use strict'; var React = require('react'), + createClass = require('create-react-class'), moment = require('moment'), onClickOutside = require('react-onclickoutside') ; var DOM = React.DOM; -var DateTimePickerDays = onClickOutside( React.createClass({ +var DateTimePickerDays = onClickOutside( createClass({ render: function() { var footer = this.renderFooter(), date = this.props.viewDate, diff --git a/src/MonthsView.js b/src/MonthsView.js index 3dd8434..8373c1c 100644 --- a/src/MonthsView.js +++ b/src/MonthsView.js @@ -1,11 +1,12 @@ 'use strict'; var React = require('react'), + createClass = require('create-react-class'), onClickOutside = require('react-onclickoutside') ; var DOM = React.DOM; -var DateTimePickerMonths = onClickOutside( React.createClass({ +var DateTimePickerMonths = onClickOutside( createClass({ render: function() { return DOM.div({ className: 'rdtMonths' }, [ DOM.table({ key: 'a' }, DOM.thead( {}, DOM.tr( {}, [ diff --git a/src/TimeView.js b/src/TimeView.js index 54887e2..e1a9792 100644 --- a/src/TimeView.js +++ b/src/TimeView.js @@ -1,12 +1,13 @@ 'use strict'; var React = require('react'), + createClass = require('create-react-class'), assign = require('object-assign'), onClickOutside = require('react-onclickoutside') ; var DOM = React.DOM; -var DateTimePickerTime = onClickOutside( React.createClass({ +var DateTimePickerTime = onClickOutside( createClass({ getInitialState: function() { return this.calculateState( this.props ); }, diff --git a/src/YearsView.js b/src/YearsView.js index 6d02c26..5727bfd 100644 --- a/src/YearsView.js +++ b/src/YearsView.js @@ -1,11 +1,12 @@ 'use strict'; var React = require('react'), + createClass = require('create-react-class'), onClickOutside = require('react-onclickoutside') ; var DOM = React.DOM; -var DateTimePickerYears = onClickOutside( React.createClass({ +var DateTimePickerYears = onClickOutside( createClass({ render: function() { var year = parseInt( this.props.viewDate.year() / 10, 10 ) * 10; -- Gitblit v1.9.3