From 3de7e8ec8a5a937d084ccf72f42c63ffc34dcd5d Mon Sep 17 00:00:00 2001 From: Javi Velasco Date: Wed, 9 Sep 2015 22:34:56 +0200 Subject: [PATCH] Port to ES6 import all pickers files --- components/calendar/day.jsx | 13 +++++++------ components/calendar/index.jsx | 19 ++++++++++--------- components/calendar/month.jsx | 14 +++++++------- components/clock/face.jsx | 11 ++++++----- components/clock/hand.jsx | 13 +++++++------ components/clock/hours.jsx | 14 +++++++------- components/clock/index.jsx | 16 ++++++++-------- components/clock/minutes.jsx | 14 +++++++------- components/date_picker/dialog.jsx | 16 ++++++++-------- components/date_picker/index.jsx | 14 +++++++------- components/time_picker/dialog.jsx | 16 ++++++++-------- components/time_picker/index.jsx | 14 +++++++------- 12 files changed, 89 insertions(+), 85 deletions(-) diff --git a/components/calendar/day.jsx b/components/calendar/day.jsx index 496941a8e..58c4c9e76 100644 --- a/components/calendar/day.jsx +++ b/components/calendar/day.jsx @@ -1,10 +1,11 @@ -const React = window.React; -const PureRenderMixin = require('react/addons').addons.PureRenderMixin; -const css = require('./style'); -const time = require('../utils/time'); +/* global React */ -module.exports = React.createClass({ - mixins: [PureRenderMixin], +import { addons } from 'react/addons'; +import css from './style'; +import time from '../utils/time'; + +export default React.createClass({ + mixins: [addons.PureRenderMixin], displayName: 'Day', diff --git a/components/calendar/index.jsx b/components/calendar/index.jsx index 697b508eb..a6ad79b2c 100644 --- a/components/calendar/index.jsx +++ b/components/calendar/index.jsx @@ -1,14 +1,15 @@ -const React = window.React; -const PureRenderMixin = require('react/addons').addons.PureRenderMixin; -const css = require('./style'); -const utils = require('../utils'); +/* global React */ -const FontIcon = require('../font_icon'); -const Month = require('./month'); -const CTG = React.addons.CSSTransitionGroup; +import { addons } from 'react/addons'; +import css from './style'; +import utils from '../utils'; +import FontIcon from '../font_icon'; +import Month from './month'; -module.exports = React.createClass({ - mixins: [PureRenderMixin], +const { CSSTransitionGroup: CTG } = React.addons; + +export default React.createClass({ + mixins: [addons.PureRenderMixin], displayName: 'Calendar', diff --git a/components/calendar/month.jsx b/components/calendar/month.jsx index 334d38c66..b39ee232b 100644 --- a/components/calendar/month.jsx +++ b/components/calendar/month.jsx @@ -1,12 +1,12 @@ -const React = window.React; -const PureRenderMixin = require('react/addons').addons.PureRenderMixin; -const css = require('./style'); -const utils = require('../utils'); +/* global React */ -const Day = require('./day'); +import { addons } from 'react/addons'; +import css from './style'; +import utils from '../utils'; +import Day from './day'; -module.exports = React.createClass({ - mixin: [PureRenderMixin], +export default React.createClass({ + mixins: [addons.PureRenderMixin], displayName: 'Month', diff --git a/components/clock/face.jsx b/components/clock/face.jsx index 2525abeee..1a0dd7208 100644 --- a/components/clock/face.jsx +++ b/components/clock/face.jsx @@ -1,9 +1,10 @@ -const React = window.React; -const PureRenderMixin = require('react/addons').addons.PureRenderMixin; -const css = require('./style'); +/* global React */ -module.exports = React.createClass({ - mixins: [PureRenderMixin], +import { addons } from 'react/addons'; +import css from './style'; + +export default React.createClass({ + mixins: [addons.PureRenderMixin], displayName: 'Face', diff --git a/components/clock/hand.jsx b/components/clock/hand.jsx index 8f1a6455c..23dcdf12a 100644 --- a/components/clock/hand.jsx +++ b/components/clock/hand.jsx @@ -1,10 +1,11 @@ -const React = window.React; -const PureRenderMixin = require('react/addons').addons.PureRenderMixin; -const css = require('./style'); -const utils = require('../utils'); +/* global React */ -module.exports = React.createClass({ - mixins: [PureRenderMixin], +import { addons } from 'react/addons'; +import css from './style'; +import utils from '../utils'; + +export default React.createClass({ + mixins: [addons.PureRenderMixin], displayName: 'Hand', diff --git a/components/clock/hours.jsx b/components/clock/hours.jsx index b6ebbfb49..e95d62a08 100644 --- a/components/clock/hours.jsx +++ b/components/clock/hours.jsx @@ -1,16 +1,16 @@ -const React = window.React; -const PureRenderMixin = require('react/addons').addons.PureRenderMixin; -const utils = require('../utils'); +/* global React */ -const Face = require('./face'); -const Hand = require('./hand'); +import { addons } from 'react/addons'; +import utils from '../utils'; +import Face from './face'; +import Hand from './hand'; const outerNumbers = [0, ...utils.range(13, 24)]; const innerNumbers = [12, ...utils.range(1, 12)]; const step = 360 / 12; -module.exports = React.createClass({ - mixins: [PureRenderMixin], +export default React.createClass({ + mixins: [addons.PureRenderMixin], displayName: 'Hours', diff --git a/components/clock/index.jsx b/components/clock/index.jsx index fbcfcab21..d76697841 100644 --- a/components/clock/index.jsx +++ b/components/clock/index.jsx @@ -1,13 +1,13 @@ -const React = window.React; -const PureRenderMixin = require('react/addons').addons.PureRenderMixin; -const css = require('./style'); -const time = require('../utils/time'); +/* global React */ -const Hours = require('./hours'); -const Minutes = require('./minutes'); +import { addons } from 'react/addons'; +import css from './style'; +import time from '../utils/time'; +import Hours from './hours'; +import Minutes from './minutes'; -module.exports = React.createClass({ - mixins: [PureRenderMixin], +export default React.createClass({ + mixins: [addons.PureRenderMixin], displayName: 'Clock', diff --git a/components/clock/minutes.jsx b/components/clock/minutes.jsx index 1fd502045..00128be11 100644 --- a/components/clock/minutes.jsx +++ b/components/clock/minutes.jsx @@ -1,15 +1,15 @@ -const React = window.React; -const PureRenderMixin = require('react/addons').addons.PureRenderMixin; -const utils = require('../utils'); +/* global React */ -const Face = require('./face'); -const Hand = require('./hand'); +import { addons } from 'react/addons'; +import utils from '../utils'; +import Face from './face'; +import Hand from './hand'; const minutes = utils.range(0, 60, 5); const step = 360 / 60; -module.exports = React.createClass({ - mixins: [PureRenderMixin], +export default React.createClass({ + mixins: [addons.PureRenderMixin], displayName: 'Minutes', diff --git a/components/date_picker/dialog.jsx b/components/date_picker/dialog.jsx index 78dd9ce15..0d990ad35 100644 --- a/components/date_picker/dialog.jsx +++ b/components/date_picker/dialog.jsx @@ -1,13 +1,13 @@ -const React = window.React; -const PureRenderMixin = require('react/addons').addons.PureRenderMixin; -const css = require('./style'); -const time = require('../utils/time'); +/* global React */ -const Calendar = require('../calendar'); -const Dialog = require('../dialog'); +import { addons } from 'react/addons'; +import css from './style'; +import time from '../utils/time'; +import Calendar from '../calendar'; +import Dialog from '../dialog'; -module.exports = React.createClass({ - mixins: [PureRenderMixin], +export default React.createClass({ + mixins: [addons.PureRenderMixin], displayName: 'CalendarDialog', diff --git a/components/date_picker/index.jsx b/components/date_picker/index.jsx index c32746d7f..a0f59b5cd 100644 --- a/components/date_picker/index.jsx +++ b/components/date_picker/index.jsx @@ -1,12 +1,12 @@ -const React = window.React; -const PureRenderMixin = require('react/addons').addons.PureRenderMixin; -const time = require('../utils/time'); +/* global React */ -const CalendarDialog = require('./dialog'); -const Input = require('../input'); +import { addons } from 'react/addons'; +import time from '../utils/time'; +import CalendarDialog from './dialog'; +import Input from '../input'; -module.exports = React.createClass({ - mixins: [PureRenderMixin], +export default React.createClass({ + mixins: [addons.PureRenderMixin], displayName: 'DatePicker', diff --git a/components/time_picker/dialog.jsx b/components/time_picker/dialog.jsx index 5c8117133..3b940fb0e 100644 --- a/components/time_picker/dialog.jsx +++ b/components/time_picker/dialog.jsx @@ -1,13 +1,13 @@ -const React = window.React; -const PureRenderMixin = require('react/addons').addons.PureRenderMixin; -const css = require('./style'); -const time = require('../utils/time'); +/* global React */ -const Clock = require('../clock'); -const Dialog = require('../dialog'); +import { addons } from 'react/addons'; +import css from './style'; +import time from '../utils/time'; +import Clock from '../clock'; +import Dialog from '../dialog'; -module.exports = React.createClass({ - mixins: [PureRenderMixin], +export default React.createClass({ + mixins: [addons.PureRenderMixin], displayName: 'TimePickerDialog', diff --git a/components/time_picker/index.jsx b/components/time_picker/index.jsx index a27d06029..4f6da7ba6 100644 --- a/components/time_picker/index.jsx +++ b/components/time_picker/index.jsx @@ -1,12 +1,12 @@ -const React = window.React; -const PureRenderMixin = require('react/addons').addons.PureRenderMixin; -const time = require('../utils/time'); +/* global React */ -const Input = require('../input'); -const TimeDialog = require('./dialog'); +import { addons } from 'react/addons'; +import time from '../utils/time'; +import Input from '../input'; +import TimeDialog from './dialog'; -module.exports = React.createClass({ - mixins: [PureRenderMixin], +export default React.createClass({ + mixins: [addons.PureRenderMixin], displayName: 'TimePicker',