Migrate some global dependencies to file dependencies

resources/frontend_client/app/auth/auth.controllers.js

@@ -2,7 +2,6 @@
 /*jslint browser:true*/
 /*jslint devel:true */
 /*global _*/
-/*global $*/
 
 var AuthControllers = angular.module('corvus.auth.controllers', [
     'ipCookie',
@@ -127,4 +126,4 @@ AuthControllers.controller('PasswordReset', ['$scope', '$routeParams', '$locatio
         });
     };
 
-}]);
\ No newline at end of file
+}]);

resources/frontend_client/app/card/card.charting.js

 'use strict';
 /*jslint browser:true */
-/*global document,$,jQuery,_,google,d3,crossfilter,dc,console,vs*/
+/*global document,_,google,console,vs*/
+
+import $ from 'jquery';
+import d3 from 'd3';
+import crossfilter from 'crossfilter';
+import dc from 'dc';
 
 // ---------------------------------------- TODO - Maybe. Lots of these things never worked in the first place. ----------------------------------------
 // IMPORTANT

resources/frontend_client/app/card/card.directives.js

 'use strict';
-/*global setTimeout*/
-/*global $*/
-/* global React */
+/*global setTimeout, React */
+
+import $ from 'jquery';
 
 import { CardRenderer } from './card.charting';
 

resources/frontend_client/app/controllers.js

 'use strict';
 /*jslint browser:true*/
 /*jslint devel:true */
-/*global _*/
-/*global $*/
 
 // Global Controllers
 var CorvusControllers = angular.module('corvus.controllers', ['corvus.services', 'corvus.navbar.directives']);

resources/frontend_client/app/directives.js

+'use strict';
+
 /*jslint browser:true */
 /*jslint devel:true */
-/*global _*/
-/*global CardRenderer*/
-/*global $*/
 /*global ace*/
 
-'use strict';
 /* Directives */
-
-
 var CorvusDirectives = angular.module('corvus.directives', []);
 
 CorvusDirectives.directive('deleteConfirm', [function() {

resources/frontend_client/app/query_builder/add_to_dashboard_popover.react.js

 'use strict';
-/*global OnClickOutside*/
+
+import OnClickOutside from 'react-onclickoutside';
 
 import FormField from './form_field.react';
 import Icon from './icon.react';

resources/frontend_client/app/query_builder/date_filter.react.js

 'use strict';
-/*global moment, DatePicker*/
+
+/*global window,moment*/
+
+// import compiled version, webpack doesn't seem to be running JSX transforms on node_modules
+// css imported in init.css
+import DatePicker from 'react-datepicker/react-datepicker';
+
+// DatePicker depedencies :(
+window.Tether = require('tether/tether');
+window.moment = require('moment');
 
 export default React.createClass({
     displayName: 'DateFilter',

resources/frontend_client/app/query_builder/popover_content.react.js

 'use strict';
-/*global OnClickOutside*/
+
+import OnClickOutside from 'react-onclickoutside';
 
 // this feels a little silly, but we have this component ONLY so that we can add the OnClickOutside functionality on an
 // arbitrary set of html content.  I wish we could do that more easily

resources/frontend_client/app/query_builder/saver.react.js

 'use strict';
-/*global OnClickOutside*/
+
+import OnClickOutside from 'react-onclickoutside';
 
 import FormField from './form_field.react';
 

resources/frontend_client/app/query_builder/selection_module.react.js

 'use strict';
-/*global OnClickOutside*/
+
+import OnClickOutside from 'react-onclickoutside';
 
 import Icon from './icon.react';
 import SearchBar from './search_bar.react';

resources/frontend_client/init.js

@@ -31,16 +31,5 @@ import 'ace-builds/src-min-noconflict/snippets/sql';
 window.React = require('react');
 require('react/addons');
 
-// react 3rd-party:
-window.OnClickOutside = require('react-onclickoutside');
-window.DatePicker = require('react-datepicker/react-datepicker'); // compiled version
-window.Tether = require('tether/tether'); // DatePicker depedency
-
-// d3
-window.dc = require('dc'); // also imports 'd3' and 'crossfilter' as globals
-
-// misc
+// misc:
 window._ = require('underscore');
-window.$ = require('jquery');
-
-window.moment = require('moment');