Merge pull request #1041 from airbnb/maja-bump-rws-and-rws-css

Bump RWS and RWS interfaces

Author: majapw

package.json

@@ -99,8 +99,8 @@
     "raw-loader": "^0.5.1",
     "react": "^0.14 || ^15.5.4 || ^16.1.1",
     "react-dom": "^0.14 || ^15.5.4 || ^16.1.1",
-    "react-with-styles-interface-aphrodite": "^3.1.1",
-    "react-with-styles-interface-css-compiler": "^1.1.0",
+    "react-with-styles-interface-aphrodite": "^4.0.1",
+    "react-with-styles-interface-css-compiler": "^1.1.2",
     "rimraf": "^2.6.2",
     "safe-publish-latest": "^1.1.1",
     "sass-loader": "^6.0.6",
@@ -120,7 +120,7 @@
     "react-addons-shallow-compare": "^15.6.2",
     "react-moment-proptypes": "^1.5.0",
     "react-portal": "^4.1.2",
-    "react-with-styles": "=2.2.0",
+    "react-with-styles": "^3.1.0",
     "react-with-styles-interface-css": "^4.0.0"
   },
   "peerDependencies": {

scripts/buildCSS.js

@@ -16,14 +16,8 @@ require('../test/_helpers/ignoreSVGStrings');
 registerMaxSpecificity(0);
 registerCSSInterfaceWithDefaultTheme();
 
-const DateRangePickerPath = './examples/DateRangePickerWrapper.jsx';
-const SingleDatePickerPath = './examples/SingleDatePickerWrapper.jsx';
-const PresetDateRangePickerPath = './examples/PresetDateRangePicker.jsx';
-
-const dateRangePickerCSS = compileCSS(DateRangePickerPath);
-const singleDatePickerCSS = compileCSS(SingleDatePickerPath);
-const presetDatePickerCSS = compileCSS(PresetDateRangePickerPath);
-const CSS = dateRangePickerCSS + singleDatePickerCSS + presetDatePickerCSS;
+const path = './scripts/renderAllComponents.jsx';
+const CSS = compileCSS(path);
 
 const format = new CleanCSS({
   level: optimizeForProduction ? 2 : 0,

scripts/renderAllComponents.jsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import DateRangePickerWrapper from '../examples/DateRangePickerWrapper';
+import SingleDatePickerWrapper from '../examples/SingleDatePickerWrapper';
+import PresetDateRangePickerWrapper from '../examples/PresetDateRangePicker';
+
+function App() {
+  return (
+    <div>
+      <DateRangePickerWrapper />
+      <SingleDatePickerWrapper />
+      <PresetDateRangePickerWrapper />
+    </div>
+  );
+}
+
+ReactDOM.render(<App />, document.querySelector('#root'));