diff --git a/.gitignore b/.gitignore index ff7a2e196f42e0..d29ec125a09988 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,11 @@ node_modules npm-debug.log build + +# jsx Transform Disk Cache +.module-cache + +# Exclude compiled jsx files +src/js/**/*.js +!src/js/mixins/*.js +!src/js/utils/*.js \ No newline at end of file diff --git a/.npmignore b/.npmignore new file mode 100644 index 00000000000000..2782c65dce488a --- /dev/null +++ b/.npmignore @@ -0,0 +1,9 @@ +build +docs +example + +# jsx Transform Disk Cache +.module-cache + +# Exclude jsx files +src/js/**/*.jsx \ No newline at end of file diff --git a/docs/gulp/config.js b/docs/gulp/config.js index f539c2f14898ea..32b4246861b003 100644 --- a/docs/gulp/config.js +++ b/docs/gulp/config.js @@ -32,6 +32,7 @@ module.exports = { browserify: { // Enable source maps debug: true, + extensions: [ '.jsx' ], // A separate bundle will be generated for each // bundle config in the list below bundleConfigs: [{ diff --git a/docs/package.json b/docs/package.json index e52431c057329f..c8efecc2b863cc 100644 --- a/docs/package.json +++ b/docs/package.json @@ -20,6 +20,7 @@ }, "devDependencies": { "browser-sync": "^1.8.1", + "browserify": "^7.0.3", "gulp": "^3.8.10", "gulp-autoprefixer": "^2.0.0", "gulp-less": "^2.0.1", @@ -27,12 +28,14 @@ "gulp-sourcemaps": "^1.2.8", "gulp-util": "^3.0.1", "pretty-hrtime": "^0.2.2", + "reactify": "^0.17.1", "require-dir": "^0.1.0", "underscore": "^1.7.0", "vinyl-source-stream": "^1.0.0", "watchify": "^2.2.1" }, "dependencies": { - "highlight.js": "^8.4.0" + "highlight.js": "^8.4.0", + "react-router": "^0.11.6" } } diff --git a/package.json b/package.json index 831e962d462c85..b31dce05bd0cab 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,10 @@ "description": "Material Design UI components built with React", "main": "./src/index", "scripts": { - "test": "echo \"Error: no test specified\" && exit 1" + "test": "echo \"Error: no test specified\" && exit 1", + "jsx": "./node_modules/.bin/jsx --harmony -x jsx ./src/js ./src/js", + "prepublish": "npm run jsx", + "postpublish": "git clean -fX" }, "keywords": [ "react", @@ -23,16 +26,6 @@ "url": "https://github.com/callemall/material-ui/issues" }, "homepage": "http://material-ui.com/", - "browserify": { - "transform": [ - [ - "reactify", - { - "es6": true - } - ] - ] - }, "dependencies": { "react-classset": "0.0.2", "react-draggable2": "^0.4.2", @@ -42,8 +35,6 @@ "react": "0.12.x" }, "devDependencies": { - "browserify": "^7.0.3", - "reactify": "^0.17.1", - "react-router": "^0.11.6" + "react-tools": "^0.12.2" } } diff --git a/src/index.js b/src/index.js index c780102630d91d..bd003d0455c9b3 100644 --- a/src/index.js +++ b/src/index.js @@ -1,50 +1,50 @@ module.exports = { - AppBar: require('./js/app-bar.jsx'), - AppCanvas: require('./js/app-canvas.jsx'), - Checkbox: require('./js/checkbox.jsx'), - DatePicker: require('./js/date-picker/date-picker.jsx'), - Dialog: require('./js/dialog.jsx'), - DialogWindow: require('./js/dialog-window.jsx'), - DropDownIcon: require('./js/drop-down-icon.jsx'), - DropDownMenu: require('./js/drop-down-menu.jsx'), - EnhancedButton: require('./js/enhanced-button.jsx'), - FlatButton: require('./js/flat-button.jsx'), - FloatingActionButton: require('./js/floating-action-button.jsx'), - FontIcon: require('./js/font-icon.jsx'), - IconButton: require('./js/icon-button.jsx'), - Input: require('./js/input.jsx'), - LeftNav: require('./js/left-nav.jsx'), - MenuItem: require('./js/menu-item.jsx'), - Menu: require('./js/menu.jsx'), + AppBar: require('./js/app-bar'), + AppCanvas: require('./js/app-canvas'), + Checkbox: require('./js/checkbox'), + DatePicker: require('./js/date-picker/date-picker'), + Dialog: require('./js/dialog'), + DialogWindow: require('./js/dialog-window'), + DropDownIcon: require('./js/drop-down-icon'), + DropDownMenu: require('./js/drop-down-menu'), + EnhancedButton: require('./js/enhanced-button'), + FlatButton: require('./js/flat-button'), + FloatingActionButton: require('./js/floating-action-button'), + FontIcon: require('./js/font-icon'), + IconButton: require('./js/icon-button'), + Input: require('./js/input'), + LeftNav: require('./js/left-nav'), + MenuItem: require('./js/menu-item'), + Menu: require('./js/menu'), Mixins: { - Classable: require('./js/mixins/classable.js'), - ClickAwayable: require('./js/mixins/click-awayable.js'), - WindowListenable: require('./js/mixins/window-listenable.js') + Classable: require('./js/mixins/classable'), + ClickAwayable: require('./js/mixins/click-awayable'), + WindowListenable: require('./js/mixins/window-listenable') }, - Paper: require('./js/paper.jsx'), - RadioButton: require('./js/radio-button.jsx'), - RadioButtonGroup: require('./js/radio-button-group.jsx'), - RaisedButton: require('./js/raised-button.jsx'), - Slider: require('./js/slider.jsx'), - SvgIcon: require('./js/svg-icons/svg-icon.jsx'), + Paper: require('./js/paper'), + RadioButton: require('./js/radio-button'), + RadioButtonGroup: require('./js/radio-button-group'), + RaisedButton: require('./js/raised-button'), + Slider: require('./js/slider'), + SvgIcon: require('./js/svg-icons/svg-icon'), Icons: { - NavigationMenu: require('./js/svg-icons/navigation-menu.jsx'), - NavigationChevronLeft: require('./js/svg-icons/navigation-chevron-left.jsx'), - NavigationChevronRight: require('./js/svg-icons/navigation-chevron-right.jsx') + NavigationMenu: require('./js/svg-icons/navigation-menu'), + NavigationChevronLeft: require('./js/svg-icons/navigation-chevron-left'), + NavigationChevronRight: require('./js/svg-icons/navigation-chevron-right') }, - Tab: require('./js/tabs/tab.jsx'), - Tabs: require('./js/tabs/tabs.jsx'), - Toggle: require('./js/toggle.jsx'), - Snackbar: require('./js/snackbar.jsx'), - TextField: require('./js/text-field.jsx'), - Toolbar: require('./js/toolbar.jsx'), - ToolbarGroup: require('./js/toolbar-group.jsx'), - Tooltip: require('./js/tooltip.jsx'), + Tab: require('./js/tabs/tab'), + Tabs: require('./js/tabs/tabs'), + Toggle: require('./js/toggle'), + Snackbar: require('./js/snackbar'), + TextField: require('./js/text-field'), + Toolbar: require('./js/toolbar'), + ToolbarGroup: require('./js/toolbar-group'), + Tooltip: require('./js/tooltip'), Utils: { - CssEvent: require('./js/utils/css-event.js'), - Dom: require('./js/utils/dom.js'), - Events: require('./js/utils/events.js'), - KeyCode: require('./js/utils/key-code.js'), - KeyLine: require('./js/utils/key-line.js') + CssEvent: require('./js/utils/css-event'), + Dom: require('./js/utils/dom'), + Events: require('./js/utils/events'), + KeyCode: require('./js/utils/key-code'), + KeyLine: require('./js/utils/key-line') } }; diff --git a/src/js/app-bar.jsx b/src/js/app-bar.jsx index c76e2860070e92..bb20a803d670c9 100644 --- a/src/js/app-bar.jsx +++ b/src/js/app-bar.jsx @@ -1,8 +1,8 @@ var React = require('react'); -var Classable = require('./mixins/classable.js'); -var IconButton = require('./icon-button.jsx'); -var NavigationMenu = require('./svg-icons/navigation-menu.jsx'); -var Paper = require('./paper.jsx'); +var Classable = require('./mixins/classable'); +var IconButton = require('./icon-button'); +var NavigationMenu = require('./svg-icons/navigation-menu'); +var Paper = require('./paper'); var AppBar = React.createClass({ diff --git a/src/js/app-canvas.jsx b/src/js/app-canvas.jsx index fb23047c016801..d299ff5b789070 100644 --- a/src/js/app-canvas.jsx +++ b/src/js/app-canvas.jsx @@ -1,5 +1,5 @@ var React = require('react'), - Classable = require('./mixins/classable.js'); + Classable = require('./mixins/classable'); var AppCanvas = React.createClass({ diff --git a/src/js/checkbox.jsx b/src/js/checkbox.jsx index 6967cca14d9fef..3b4eb2f9c90b69 100644 --- a/src/js/checkbox.jsx +++ b/src/js/checkbox.jsx @@ -1,8 +1,8 @@ var React = require('react'); -var EnhancedSwitch = require('./enhanced-switch.jsx'); -var Classable = require('./mixins/classable.js'); -var CheckboxOutline = require('./svg-icons/toggle-check-box-outline-blank.jsx'); -var CheckboxChecked = require('./svg-icons/toggle-check-box-checked.jsx'); +var EnhancedSwitch = require('./enhanced-switch'); +var Classable = require('./mixins/classable'); +var CheckboxOutline = require('./svg-icons/toggle-check-box-outline-blank'); +var CheckboxChecked = require('./svg-icons/toggle-check-box-checked'); var Checkbox = React.createClass({ diff --git a/src/js/date-picker/calendar-month.jsx b/src/js/date-picker/calendar-month.jsx index 2a9b39a74bf052..c2143dc5205957 100644 --- a/src/js/date-picker/calendar-month.jsx +++ b/src/js/date-picker/calendar-month.jsx @@ -1,7 +1,7 @@ var React = require('react'); var Classable = require('../mixins/classable'); -var DateTime = require('../utils/date-time.js'); -var DayButton = require('./day-button.jsx'); +var DateTime = require('../utils/date-time'); +var DayButton = require('./day-button'); var CalendarMonth = React.createClass({ diff --git a/src/js/date-picker/calendar-toolbar.jsx b/src/js/date-picker/calendar-toolbar.jsx index d670c73e2babb9..816ed5844e69fd 100644 --- a/src/js/date-picker/calendar-toolbar.jsx +++ b/src/js/date-picker/calendar-toolbar.jsx @@ -1,9 +1,9 @@ var React = require('react'); -var DateTime = require('../utils/date-time.js'); -var IconButton = require('../icon-button.jsx'); -var NavigationChevronLeft = require('../svg-icons/navigation-chevron-left.jsx'); -var NavigationChevronRight = require('../svg-icons/navigation-chevron-right.jsx'); -var SlideInTransitionGroup = require('../transition-groups/slide-in.jsx'); +var DateTime = require('../utils/date-time'); +var IconButton = require('../icon-button'); +var NavigationChevronLeft = require('../svg-icons/navigation-chevron-left'); +var NavigationChevronRight = require('../svg-icons/navigation-chevron-right'); +var SlideInTransitionGroup = require('../transition-groups/slide-in'); var CalendarToolbar = React.createClass({ diff --git a/src/js/date-picker/calendar.jsx b/src/js/date-picker/calendar.jsx index 859d256d0e4dd6..e85a4a1be66f94 100644 --- a/src/js/date-picker/calendar.jsx +++ b/src/js/date-picker/calendar.jsx @@ -1,12 +1,12 @@ var React = require('react'); -var Classable = require('../mixins/classable.js'); -var WindowListenable = require('../mixins/window-listenable.js'); -var DateTime = require('../utils/date-time.js'); -var KeyCode = require('../utils/key-code.js'); -var CalendarMonth = require('./calendar-month.jsx'); -var CalendarToolbar = require('./calendar-toolbar.jsx'); -var DateDisplay = require('./date-display.jsx'); -var SlideInTransitionGroup = require('../transition-groups/slide-in.jsx'); +var Classable = require('../mixins/classable'); +var WindowListenable = require('../mixins/window-listenable'); +var DateTime = require('../utils/date-time'); +var KeyCode = require('../utils/key-code'); +var CalendarMonth = require('./calendar-month'); +var CalendarToolbar = require('./calendar-toolbar'); +var DateDisplay = require('./date-display'); +var SlideInTransitionGroup = require('../transition-groups/slide-in'); var Calendar = React.createClass({ diff --git a/src/js/date-picker/date-display.jsx b/src/js/date-picker/date-display.jsx index 3e138e4c8e1b8a..34d34813307f0c 100644 --- a/src/js/date-picker/date-display.jsx +++ b/src/js/date-picker/date-display.jsx @@ -1,7 +1,7 @@ var React = require('react'); -var Classable = require('../mixins/classable.js'); -var DateTime = require('../utils/date-time.js'); -var SlideInTransitionGroup = require('../transition-groups/slide-in.jsx'); +var Classable = require('../mixins/classable'); +var DateTime = require('../utils/date-time'); +var SlideInTransitionGroup = require('../transition-groups/slide-in'); var DateDisplay = React.createClass({ diff --git a/src/js/date-picker/date-picker-dialog.jsx b/src/js/date-picker/date-picker-dialog.jsx index f0815db5f89f19..4a802bad1334f4 100644 --- a/src/js/date-picker/date-picker-dialog.jsx +++ b/src/js/date-picker/date-picker-dialog.jsx @@ -1,10 +1,10 @@ var React = require('react'); -var Classable = require('../mixins/classable.js'); -var WindowListenable = require('../mixins/window-listenable.js'); -var KeyCode = require('../utils/key-code.js'); -var Calendar = require('./calendar.jsx'); -var DialogWindow = require('../dialog-window.jsx'); -var FlatButton = require('../flat-button.jsx'); +var Classable = require('../mixins/classable'); +var WindowListenable = require('../mixins/window-listenable'); +var KeyCode = require('../utils/key-code'); +var Calendar = require('./calendar'); +var DialogWindow = require('../dialog-window'); +var FlatButton = require('../flat-button'); var DatePickerDialog = React.createClass({ diff --git a/src/js/date-picker/date-picker.jsx b/src/js/date-picker/date-picker.jsx index a55d4e1862e7c7..44de491dd19e8f 100644 --- a/src/js/date-picker/date-picker.jsx +++ b/src/js/date-picker/date-picker.jsx @@ -1,10 +1,10 @@ var React = require('react'); -var Classable = require('../mixins/classable.js'); -var WindowListenable = require('../mixins/window-listenable.js'); -var DateTime = require('../utils/date-time.js'); -var KeyCode = require('../utils/key-code.js'); -var DatePickerDialog = require('./date-picker-dialog.jsx'); -var TextField = require('../text-field.jsx'); +var Classable = require('../mixins/classable'); +var WindowListenable = require('../mixins/window-listenable'); +var DateTime = require('../utils/date-time'); +var KeyCode = require('../utils/key-code'); +var DatePickerDialog = require('./date-picker-dialog'); +var TextField = require('../text-field'); var DatePicker = React.createClass({ diff --git a/src/js/date-picker/day-button.jsx b/src/js/date-picker/day-button.jsx index d05da1505efa43..731332dce1e9a7 100644 --- a/src/js/date-picker/day-button.jsx +++ b/src/js/date-picker/day-button.jsx @@ -1,7 +1,7 @@ var React = require('react'); -var Classable = require('../mixins/classable.js'); -var DateTime = require('../utils/date-time.js'); -var EnhancedButton = require('../enhanced-button.jsx'); +var Classable = require('../mixins/classable'); +var DateTime = require('../utils/date-time'); +var EnhancedButton = require('../enhanced-button'); var DayButton = React.createClass({ diff --git a/src/js/dialog-window.jsx b/src/js/dialog-window.jsx index 74cc4f0f8df815..3bc43737c4a72b 100644 --- a/src/js/dialog-window.jsx +++ b/src/js/dialog-window.jsx @@ -1,11 +1,11 @@ var React = require('react'); -var WindowListenable = require('./mixins/window-listenable.js'); -var CssEvent = require('./utils/css-event.js'); -var KeyCode = require('./utils/key-code.js'); +var WindowListenable = require('./mixins/window-listenable'); +var CssEvent = require('./utils/css-event'); +var KeyCode = require('./utils/key-code'); var Classable = require('./mixins/classable'); -var FlatButton = require('./flat-button.jsx'); -var Overlay = require('./overlay.jsx'); -var Paper = require('./paper.jsx'); +var FlatButton = require('./flat-button'); +var Overlay = require('./overlay'); +var Paper = require('./paper'); var DialogWindow = React.createClass({ diff --git a/src/js/dialog.jsx b/src/js/dialog.jsx index df17b9d0ba5e9f..bebdaa17d6e94f 100644 --- a/src/js/dialog.jsx +++ b/src/js/dialog.jsx @@ -1,6 +1,6 @@ var React = require('react'); var Classable = require('./mixins/classable'); -var DialogWindow = require('./dialog-window.jsx'); +var DialogWindow = require('./dialog-window'); var Dialog = React.createClass({ diff --git a/src/js/drop-down-icon.jsx b/src/js/drop-down-icon.jsx index 712ce4552772cb..61d40afad87575 100644 --- a/src/js/drop-down-icon.jsx +++ b/src/js/drop-down-icon.jsx @@ -1,11 +1,11 @@ var React = require('react'); -var Classable = require('./mixins/classable.js'); +var Classable = require('./mixins/classable'); var ClickAwayable = require('./mixins/click-awayable'); -var KeyLine = require('./utils/key-line.js'); -var Paper = require('./paper.jsx'); -var FontIcon = require('./font-icon.jsx'); -var Menu = require('./menu.jsx'); -var MenuItem = require('./menu-item.jsx'); +var KeyLine = require('./utils/key-line'); +var Paper = require('./paper'); +var FontIcon = require('./font-icon'); +var Menu = require('./menu'); +var MenuItem = require('./menu-item'); var DropDownIcon = React.createClass({ diff --git a/src/js/drop-down-menu.jsx b/src/js/drop-down-menu.jsx index 0454411eebf007..7113c67750f9e5 100644 --- a/src/js/drop-down-menu.jsx +++ b/src/js/drop-down-menu.jsx @@ -1,10 +1,10 @@ var React = require('react'); -var Classable = require('./mixins/classable.js'); +var Classable = require('./mixins/classable'); var ClickAwayable = require('./mixins/click-awayable'); -var DropDownArrow = require('./svg-icons/drop-down-arrow.jsx'); -var KeyLine = require('./utils/key-line.js'); -var Paper = require('./paper.jsx'); -var Menu = require('./menu.jsx'); +var DropDownArrow = require('./svg-icons/drop-down-arrow'); +var KeyLine = require('./utils/key-line'); +var Paper = require('./paper'); +var Menu = require('./menu'); var DropDownMenu = React.createClass({ diff --git a/src/js/enhanced-button.jsx b/src/js/enhanced-button.jsx index 845768ac612ec7..6a67576e5169b6 100644 --- a/src/js/enhanced-button.jsx +++ b/src/js/enhanced-button.jsx @@ -1,9 +1,9 @@ var React = require('react'); -var KeyCode = require('./utils/key-code.js'); -var Classable = require('./mixins/classable.js'); +var KeyCode = require('./utils/key-code'); +var Classable = require('./mixins/classable'); var WindowListenable = require('./mixins/window-listenable'); -var FocusRipple = require('./ripples/focus-ripple.jsx'); -var TouchRipple = require('./ripples/touch-ripple.jsx'); +var FocusRipple = require('./ripples/focus-ripple'); +var TouchRipple = require('./ripples/touch-ripple'); var EnhancedButton = React.createClass({ diff --git a/src/js/enhanced-switch.jsx b/src/js/enhanced-switch.jsx index 1ad060a0c6e605..7d70e775e197dc 100644 --- a/src/js/enhanced-switch.jsx +++ b/src/js/enhanced-switch.jsx @@ -1,11 +1,11 @@ var React = require('react'); -var KeyCode = require('./utils/key-code.js'); -var Classable = require('./mixins/classable.js'); -var DomIdable = require('./mixins/dom-idable.js'); +var KeyCode = require('./utils/key-code'); +var Classable = require('./mixins/classable'); +var DomIdable = require('./mixins/dom-idable'); var WindowListenable = require('./mixins/window-listenable'); -var FocusRipple = require('./ripples/focus-ripple.jsx'); -var TouchRipple = require('./ripples/touch-ripple.jsx'); -var Paper = require('./paper.jsx'); +var FocusRipple = require('./ripples/focus-ripple'); +var TouchRipple = require('./ripples/touch-ripple'); +var Paper = require('./paper'); var EnhancedSwitch = React.createClass({ diff --git a/src/js/enhanced-textarea.jsx b/src/js/enhanced-textarea.jsx index 4e3e00b1e48f33..d52d1ddc9bb0f8 100644 --- a/src/js/enhanced-textarea.jsx +++ b/src/js/enhanced-textarea.jsx @@ -1,5 +1,5 @@ var React = require('react'); -var Classable = require('./mixins/classable.js'); +var Classable = require('./mixins/classable'); var EnhancedTextarea = React.createClass({ diff --git a/src/js/flat-button.jsx b/src/js/flat-button.jsx index a0756895d0e1a8..1b52480106036d 100644 --- a/src/js/flat-button.jsx +++ b/src/js/flat-button.jsx @@ -1,6 +1,6 @@ var React = require('react'); -var Classable = require('./mixins/classable.js'); -var EnhancedButton = require('./enhanced-button.jsx'); +var Classable = require('./mixins/classable'); +var EnhancedButton = require('./enhanced-button'); var FlatButton = React.createClass({ diff --git a/src/js/floating-action-button.jsx b/src/js/floating-action-button.jsx index e8ddaa8f9ea6f1..fa02ae4e0c2d1c 100644 --- a/src/js/floating-action-button.jsx +++ b/src/js/floating-action-button.jsx @@ -1,8 +1,8 @@ var React = require('react'); -var Classable = require('./mixins/classable.js'); -var EnhancedButton = require('./enhanced-button.jsx'); -var FontIcon = require('./font-icon.jsx'); -var Paper = require('./paper.jsx'); +var Classable = require('./mixins/classable'); +var EnhancedButton = require('./enhanced-button'); +var FontIcon = require('./font-icon'); +var Paper = require('./paper'); var RaisedButton = React.createClass({ diff --git a/src/js/font-icon.jsx b/src/js/font-icon.jsx index 5897e8409a6b6a..017dbbfa91b22e 100644 --- a/src/js/font-icon.jsx +++ b/src/js/font-icon.jsx @@ -1,5 +1,5 @@ var React = require('react'); -var Classable = require('./mixins/classable.js'); +var Classable = require('./mixins/classable'); var FontIcon = React.createClass({ diff --git a/src/js/icon-button.jsx b/src/js/icon-button.jsx index 3cdf8dbf1768fb..f10e52f3ac8e8b 100644 --- a/src/js/icon-button.jsx +++ b/src/js/icon-button.jsx @@ -1,8 +1,8 @@ var React = require('react'); -var Classable = require('./mixins/classable.js'); -var EnhancedButton = require('./enhanced-button.jsx'); -var FontIcon = require('./font-icon.jsx'); -var Tooltip = require('./tooltip.jsx'); +var Classable = require('./mixins/classable'); +var EnhancedButton = require('./enhanced-button'); +var FontIcon = require('./font-icon'); +var Tooltip = require('./tooltip'); var IconButton = React.createClass({ diff --git a/src/js/input.jsx b/src/js/input.jsx index 102035e824d958..9944cd0b03dc47 100644 --- a/src/js/input.jsx +++ b/src/js/input.jsx @@ -1,7 +1,7 @@ /** @jsx React.DOM */ var React = require('react'); -var Classable = require('./mixins/classable.js'); +var Classable = require('./mixins/classable'); var classSet = require('react-classset'); var Input = React.createClass({ diff --git a/src/js/left-nav.jsx b/src/js/left-nav.jsx index b3cc04d0ec4971..95ad87ddb9ffcf 100644 --- a/src/js/left-nav.jsx +++ b/src/js/left-nav.jsx @@ -1,10 +1,10 @@ var React = require('react'), - KeyCode = require('./utils/key-code.js'), - Classable = require('./mixins/classable.js'), - WindowListenable = require('./mixins/window-listenable.js'), - Overlay = require('./overlay.jsx'), - Paper = require('./paper.jsx'), - Menu = require('./menu.jsx'); + KeyCode = require('./utils/key-code'), + Classable = require('./mixins/classable'), + WindowListenable = require('./mixins/window-listenable'), + Overlay = require('./overlay'), + Paper = require('./paper'), + Menu = require('./menu'); var LeftNav = React.createClass({ diff --git a/src/js/menu-item.jsx b/src/js/menu-item.jsx index f7a299f6b24fe9..7294f8f60c4c65 100644 --- a/src/js/menu-item.jsx +++ b/src/js/menu-item.jsx @@ -1,7 +1,7 @@ var React = require('react'); -var Classable = require('./mixins/classable.js'); -var FontIcon = require('./font-icon.jsx'); -var Toggle = require('./toggle.jsx'); +var Classable = require('./mixins/classable'); +var FontIcon = require('./font-icon'); +var Toggle = require('./toggle'); var Types = { LINK: 'LINK', diff --git a/src/js/menu.jsx b/src/js/menu.jsx index c7bf76198ec35b..8d453e7f81dad4 100644 --- a/src/js/menu.jsx +++ b/src/js/menu.jsx @@ -1,11 +1,11 @@ var React = require('react'); -var CssEvent = require('./utils/css-event.js'); -var Dom = require('./utils/dom.js'); -var KeyLine = require('./utils/key-line.js'); -var Classable = require('./mixins/classable.js'); +var CssEvent = require('./utils/css-event'); +var Dom = require('./utils/dom'); +var KeyLine = require('./utils/key-line'); +var Classable = require('./mixins/classable'); var ClickAwayable = require('./mixins/click-awayable'); -var Paper = require('./paper.jsx'); -var MenuItem = require('./menu-item.jsx'); +var Paper = require('./paper'); +var MenuItem = require('./menu-item'); /*********************** * Nested Menu Component diff --git a/src/js/mixins/click-awayable.js b/src/js/mixins/click-awayable.js index 59818ff330b98e..b29f4f7a3fc6da 100644 --- a/src/js/mixins/click-awayable.js +++ b/src/js/mixins/click-awayable.js @@ -1,5 +1,5 @@ -var Events = require('../utils/events.js'); -var Dom = require('../utils/dom.js'); +var Events = require('../utils/events'); +var Dom = require('../utils/dom'); module.exports = { diff --git a/src/js/mixins/window-listenable.js b/src/js/mixins/window-listenable.js index 1d995e5a68ad70..75cbd6769b668e 100644 --- a/src/js/mixins/window-listenable.js +++ b/src/js/mixins/window-listenable.js @@ -1,4 +1,4 @@ -var Events = require('../utils/events.js'); +var Events = require('../utils/events'); module.exports = { diff --git a/src/js/overlay.jsx b/src/js/overlay.jsx index 3e8fc22a7df623..90f3416971eaaf 100644 --- a/src/js/overlay.jsx +++ b/src/js/overlay.jsx @@ -1,5 +1,5 @@ var React = require('react'), - Classable = require('./mixins/classable.js'); + Classable = require('./mixins/classable'); var Overlay = React.createClass({ diff --git a/src/js/paper.jsx b/src/js/paper.jsx index 171582fafee949..ee022682e1c7bb 100644 --- a/src/js/paper.jsx +++ b/src/js/paper.jsx @@ -1,5 +1,5 @@ var React = require('react'), - Classable = require('./mixins/classable.js'); + Classable = require('./mixins/classable'); var Paper = React.createClass({ diff --git a/src/js/radio-button-group.jsx b/src/js/radio-button-group.jsx index 6ff31487175709..4cf31725bae842 100644 --- a/src/js/radio-button-group.jsx +++ b/src/js/radio-button-group.jsx @@ -1,8 +1,8 @@ var React = require('react'); -var Paper = require('./paper.jsx'); -var Classable = require('./mixins/classable.js'); -var EnhancedSwitch = require('./enhanced-switch.jsx'); -var RadioButton = require('./radio-button.jsx'); +var Paper = require('./paper'); +var Classable = require('./mixins/classable'); +var EnhancedSwitch = require('./enhanced-switch'); +var RadioButton = require('./radio-button'); var RadioButtonGroup = React.createClass({ diff --git a/src/js/radio-button.jsx b/src/js/radio-button.jsx index 7481219a749749..e68195d321007b 100644 --- a/src/js/radio-button.jsx +++ b/src/js/radio-button.jsx @@ -1,8 +1,8 @@ var React = require('react'); -var Classable = require('./mixins/classable.js'); -var EnhancedSwitch = require('./enhanced-switch.jsx'); -var RadioButtonOff = require('./svg-icons/toggle-radio-button-off.jsx'); -var RadioButtonOn = require('./svg-icons/toggle-radio-button-on.jsx'); +var Classable = require('./mixins/classable'); +var EnhancedSwitch = require('./enhanced-switch'); +var RadioButtonOff = require('./svg-icons/toggle-radio-button-off'); +var RadioButtonOn = require('./svg-icons/toggle-radio-button-on'); var RadioButton = React.createClass({ diff --git a/src/js/raised-button.jsx b/src/js/raised-button.jsx index f3e4e05b7d9ac3..e84e46aa41cbe0 100644 --- a/src/js/raised-button.jsx +++ b/src/js/raised-button.jsx @@ -1,7 +1,7 @@ var React = require('react'); -var Classable = require('./mixins/classable.js'); -var EnhancedButton = require('./enhanced-button.jsx'); -var Paper = require('./paper.jsx'); +var Classable = require('./mixins/classable'); +var EnhancedButton = require('./enhanced-button'); +var Paper = require('./paper'); var RaisedButton = React.createClass({ diff --git a/src/js/ripples/touch-ripple.jsx b/src/js/ripples/touch-ripple.jsx index 77da9db5fe74b0..e0e5d2b348eadf 100644 --- a/src/js/ripples/touch-ripple.jsx +++ b/src/js/ripples/touch-ripple.jsx @@ -1,7 +1,7 @@ var React = require('react'); var Classable = require('../mixins/classable'); -var Dom = require('../utils/dom.js'); -var RippleCircle = require('./circle.jsx'); +var Dom = require('../utils/dom'); +var RippleCircle = require('./circle'); var TouchRipple = React.createClass({ diff --git a/src/js/slider.jsx b/src/js/slider.jsx index f5fe54cbcb1ec7..f2195de130946b 100644 --- a/src/js/slider.jsx +++ b/src/js/slider.jsx @@ -1,7 +1,7 @@  var React = require('react'), - Paper = require('./paper.jsx'), - Classable = require('./mixins/classable.js'), + Paper = require('./paper'), + Classable = require('./mixins/classable'), Draggable = require('react-draggable2'); var Slider = React.createClass({ diff --git a/src/js/snackbar.jsx b/src/js/snackbar.jsx index c53d93995d76dc..ab3740ed010610 100644 --- a/src/js/snackbar.jsx +++ b/src/js/snackbar.jsx @@ -1,8 +1,8 @@ var React = require('react'); -var CssEvent = require('./utils/css-event.js'); +var CssEvent = require('./utils/css-event'); var Classable = require('./mixins/classable'); var ClickAwayable = require('./mixins/click-awayable'); -var FlatButton = require('./flat-button.jsx'); +var FlatButton = require('./flat-button'); var Snackbar = React.createClass({ diff --git a/src/js/svg-icons/drop-down-arrow.jsx b/src/js/svg-icons/drop-down-arrow.jsx index d369c8e5df4efc..487d7be26178d9 100644 --- a/src/js/svg-icons/drop-down-arrow.jsx +++ b/src/js/svg-icons/drop-down-arrow.jsx @@ -1,5 +1,5 @@ var React = require('react'); -var SvgIcon = require('./svg-icon.jsx'); +var SvgIcon = require('./svg-icon'); var DropDownArrow = React.createClass({ diff --git a/src/js/svg-icons/navigation-chevron-left.jsx b/src/js/svg-icons/navigation-chevron-left.jsx index fc089c9b4e82e4..ecc0402771a5d6 100644 --- a/src/js/svg-icons/navigation-chevron-left.jsx +++ b/src/js/svg-icons/navigation-chevron-left.jsx @@ -1,5 +1,5 @@ var React = require('react'); -var SvgIcon = require('./svg-icon.jsx'); +var SvgIcon = require('./svg-icon'); var NavigationChevronLeft = React.createClass({ diff --git a/src/js/svg-icons/navigation-chevron-right.jsx b/src/js/svg-icons/navigation-chevron-right.jsx index 3b4b1adc4542b4..8be64bd6e0f806 100644 --- a/src/js/svg-icons/navigation-chevron-right.jsx +++ b/src/js/svg-icons/navigation-chevron-right.jsx @@ -1,5 +1,5 @@ var React = require('react'); -var SvgIcon = require('./svg-icon.jsx'); +var SvgIcon = require('./svg-icon'); var NavigationChevronLeft = React.createClass({ diff --git a/src/js/svg-icons/navigation-menu.jsx b/src/js/svg-icons/navigation-menu.jsx index df6653f8734af0..bb022cfd704596 100644 --- a/src/js/svg-icons/navigation-menu.jsx +++ b/src/js/svg-icons/navigation-menu.jsx @@ -1,5 +1,5 @@ var React = require('react'); -var SvgIcon = require('./svg-icon.jsx'); +var SvgIcon = require('./svg-icon'); var NavigationMenu = React.createClass({ diff --git a/src/js/svg-icons/svg-icon.jsx b/src/js/svg-icons/svg-icon.jsx index 937c7f8e47eb11..8a4eb6ab7c59bd 100644 --- a/src/js/svg-icons/svg-icon.jsx +++ b/src/js/svg-icons/svg-icon.jsx @@ -1,5 +1,5 @@ var React = require('react'); -var Classable = require('../mixins/classable.js'); +var Classable = require('../mixins/classable'); var SvgIcon = React.createClass({ diff --git a/src/js/svg-icons/toggle-check-box-checked.jsx b/src/js/svg-icons/toggle-check-box-checked.jsx index 0d34a1e9db4817..ba6da620cf6e4c 100644 --- a/src/js/svg-icons/toggle-check-box-checked.jsx +++ b/src/js/svg-icons/toggle-check-box-checked.jsx @@ -1,5 +1,5 @@ var React = require('react'); -var SvgIcon = require('./svg-icon.jsx'); +var SvgIcon = require('./svg-icon'); var ToggleCheckBoxChecked = React.createClass({ diff --git a/src/js/svg-icons/toggle-check-box-outline-blank.jsx b/src/js/svg-icons/toggle-check-box-outline-blank.jsx index 7e564e2130d743..2089aacfa4e39f 100644 --- a/src/js/svg-icons/toggle-check-box-outline-blank.jsx +++ b/src/js/svg-icons/toggle-check-box-outline-blank.jsx @@ -1,5 +1,5 @@ var React = require('react'); -var SvgIcon = require('./svg-icon.jsx'); +var SvgIcon = require('./svg-icon'); var ToggleCheckBoxOutlineBlank = React.createClass({ diff --git a/src/js/svg-icons/toggle-radio-button-off.jsx b/src/js/svg-icons/toggle-radio-button-off.jsx index f35f50e4606481..b2f7dc1b5af9ea 100644 --- a/src/js/svg-icons/toggle-radio-button-off.jsx +++ b/src/js/svg-icons/toggle-radio-button-off.jsx @@ -1,5 +1,5 @@ var React = require('react'); -var SvgIcon = require('./svg-icon.jsx'); +var SvgIcon = require('./svg-icon'); var RadioButtonOff = React.createClass({ diff --git a/src/js/svg-icons/toggle-radio-button-on.jsx b/src/js/svg-icons/toggle-radio-button-on.jsx index cadd22e030c248..2e268820bc44fd 100644 --- a/src/js/svg-icons/toggle-radio-button-on.jsx +++ b/src/js/svg-icons/toggle-radio-button-on.jsx @@ -1,5 +1,5 @@ var React = require('react'); -var SvgIcon = require('./svg-icon.jsx'); +var SvgIcon = require('./svg-icon'); var RadioButtonOn = React.createClass({ diff --git a/src/js/table-header.jsx b/src/js/table-header.jsx index 94afdc6c5875c9..3cac62ec307858 100644 --- a/src/js/table-header.jsx +++ b/src/js/table-header.jsx @@ -1,5 +1,5 @@ var React = require('react'), - Classable = require('./mixins/classable.js'); + Classable = require('./mixins/classable'); var TableHeader = React.createClass({ diff --git a/src/js/table-rows-item.jsx b/src/js/table-rows-item.jsx index 6f2b3a26dfdb43..0183c2989fe501 100644 --- a/src/js/table-rows-item.jsx +++ b/src/js/table-rows-item.jsx @@ -1,5 +1,5 @@ var React = require('react'), - Classable = require('./mixins/classable.js'); + Classable = require('./mixins/classable'); var TableRowItem = React.createClass({ diff --git a/src/js/table-rows.jsx b/src/js/table-rows.jsx index 130ea15391b063..47982a7b74f18d 100644 --- a/src/js/table-rows.jsx +++ b/src/js/table-rows.jsx @@ -1,6 +1,6 @@ var React = require('react'), - Classable = require('./mixins/classable.js'), - TableRowsItem = require('./table-rows-item.jsx'); + Classable = require('./mixins/classable'), + TableRowsItem = require('./table-rows-item'); var TableRow = React.createClass({ diff --git a/src/js/tabs/tab.jsx b/src/js/tabs/tab.jsx index 62ac80bd835888..52da93756a6ceb 100644 --- a/src/js/tabs/tab.jsx +++ b/src/js/tabs/tab.jsx @@ -1,6 +1,6 @@ var React = require('react'); -var Classable = require('../mixins/classable.js'); -var TabTemplate = require('./tabTemplate.jsx'); +var Classable = require('../mixins/classable'); +var TabTemplate = require('./tabTemplate'); var Tab = React.createClass({ diff --git a/src/js/tabs/tabs.jsx b/src/js/tabs/tabs.jsx index 323cf93980d938..c620e55d6eb472 100644 --- a/src/js/tabs/tabs.jsx +++ b/src/js/tabs/tabs.jsx @@ -1,7 +1,7 @@ var React = require('react/addons'); -var Tab = require('./tab.jsx'); -var TabTemplate = require('./tabTemplate.jsx'); -var InkBar = require('../ink-bar.jsx'); +var Tab = require('./tab'); +var TabTemplate = require('./tabTemplate'); +var InkBar = require('../ink-bar'); var Tabs = React.createClass({ diff --git a/src/js/text-field.jsx b/src/js/text-field.jsx index 5b3ee1184dc427..2b073f2a0c8f25 100644 --- a/src/js/text-field.jsx +++ b/src/js/text-field.jsx @@ -1,7 +1,7 @@ var React = require('react'); -var Classable = require('./mixins/classable.js'); -var DomIdable = require('./mixins/dom-idable.js'); -var EnhancedTextarea = require('./enhanced-textarea.jsx'); +var Classable = require('./mixins/classable'); +var DomIdable = require('./mixins/dom-idable'); +var EnhancedTextarea = require('./enhanced-textarea'); var TextField = React.createClass({ diff --git a/src/js/toggle.jsx b/src/js/toggle.jsx index 9df1d0ed706ecf..95bce6bc575564 100644 --- a/src/js/toggle.jsx +++ b/src/js/toggle.jsx @@ -1,7 +1,7 @@ var React = require('react'); -var Classable = require('./mixins/classable.js'); -var Paper = require('./paper.jsx'); -var EnhancedSwitch = require('./enhanced-switch.jsx'); +var Classable = require('./mixins/classable'); +var Paper = require('./paper'); +var EnhancedSwitch = require('./enhanced-switch'); var Toggle = React.createClass({ diff --git a/src/js/toolbar-group.jsx b/src/js/toolbar-group.jsx index 88769a8495abe0..cded287a79bcbb 100644 --- a/src/js/toolbar-group.jsx +++ b/src/js/toolbar-group.jsx @@ -1,6 +1,6 @@ /** @jsx React.DOM */ -var Classable = require('./mixins/classable.js'); +var Classable = require('./mixins/classable'); var React = require('react'); var ToolbarGroup = React.createClass({ diff --git a/src/js/toolbar.jsx b/src/js/toolbar.jsx index aadc09a60aaee6..a3e8c34e9ad23a 100644 --- a/src/js/toolbar.jsx +++ b/src/js/toolbar.jsx @@ -1,6 +1,6 @@ /** @jsx React.DOM */ -var Classable = require('./mixins/classable.js'); +var Classable = require('./mixins/classable'); var React = require('react'); var Toolbar = React.createClass({ diff --git a/src/js/tooltip.jsx b/src/js/tooltip.jsx index e806ebbe550a97..78539e478cbc79 100644 --- a/src/js/tooltip.jsx +++ b/src/js/tooltip.jsx @@ -1,5 +1,5 @@ var React = require('react'); -var Classable = require('./mixins/classable.js'); +var Classable = require('./mixins/classable'); var Tooltip = React.createClass({ diff --git a/src/js/utils/css-event.js b/src/js/utils/css-event.js index 89004c838bccc0..2c484dee45783c 100644 --- a/src/js/utils/css-event.js +++ b/src/js/utils/css-event.js @@ -1,4 +1,4 @@ -var Events = require('./events.js'); +var Events = require('./events'); module.exports = {