Port to ES6 import all pickers files

react-toolbox · Sep 9, 2015 · 3de7e8e · 3de7e8e
1 parent 8ae72a8
commit 3de7e8e
Show file tree

Hide file tree

Showing 12 changed files with 89 additions and 85 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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',