[core] Switch to Typescript incrementally (tests run @babel/register)

.babelrc

@@ -1,5 +1,10 @@
 {
-  "presets": ["./scripts/material-ui-babel-preset-env", "stage-1", "react"],
+  "presets": [
+    "@babel/preset-typescript",
+    "./scripts/material-ui-babel-preset-env",
+    "@babel/preset-stage-1",
+    "@babel/preset-react"
+  ],
   "plugins": [
     "transform-object-assign"
   ],
@@ -12,10 +17,7 @@
       ]
     },
     "development": {
-      "sourceMaps": "both",
-      "plugins": [
-        "transform-flow-strip-types"
-      ]
+      "sourceMaps": "both"
     },
     "docs-development": {
       "presets": [
@@ -29,12 +31,11 @@
             "alias": {
               "pages": "./pages",
               "material-ui": "./src",
-              "material-ui-icons": './packages/material-ui-icons/src',
+              "material-ui-icons": "./packages/material-ui-icons/src",
               "docs": "./docs"
             }
           }
-        ],
-        "transform-flow-strip-types"
+        ]
       ]
     },
     "docs-production": {
@@ -49,37 +50,35 @@
             "alias": {
               "pages": "./pages",
               "material-ui": "./src",
-              "material-ui-icons": './packages/material-ui-icons/src',
+              "material-ui-icons": "./packages/material-ui-icons/src",
               "docs": "./docs"
             }
           }
         ],
-        "transform-react-constant-elements",
-        "transform-dev-warning",
-        "transform-runtime",
+        "@babel/plugin-transform-react-constant-elements",
+//        "transform-dev-warning",
+        "@babel/plugin-transform-runtime",
         ["react-remove-properties", {"properties": ["data-mui-test"]}],
         ["transform-react-remove-prop-types", {"mode": "remove"}]
       ]
     },
     "test": {
-      "sourceMaps": "both",
-      "plugins": [
-        "transform-flow-strip-types"
-      ]
+      "sourceMaps": "both"
     },
     "production": {
       "plugins": [
-        "transform-react-constant-elements",
-        "transform-dev-warning",
-        "transform-runtime",
+        "@babel/plugin-transform-react-constant-elements",
+//        "transform-dev-warning",
+        "@babel/plugin-transform-runtime",
         ["react-remove-properties", {"properties": ["data-mui-test"]}],
         ["transform-react-remove-prop-types", {
-          "mode": "wrap",
-          "plugins": [
-            "babel-plugin-transform-flow-strip-types"
-          ]
+          "mode": "wrap"
         }]
       ]
     }
-  }
+  },
+  "ignore": [
+    "scripts/material-ui-babel-preset-env.js"
+  ]
 }
+

.babelrc-copy

@@ -0,0 +1,89 @@
+{
+  "presets": [
+  "@babel/preset-typescript",
+  "./scripts/material-ui-babel-preset-env",
+  "@babel/preset-stage-1",
+  "@babel/preset-react"],
+  "plugins": [
+    "transform-object-assign"
+  ],
+  "env": {
+    "coverage": {
+      "plugins": [
+        [
+          "istanbul"
+        ]
+      ]
+    },
+    "development": {
+      "sourceMaps": "both",
+      "plugins": [
+        "transform-flow-strip-types"
+      ]
+    },
+    "docs-development": {
+      "presets": [
+        "next/babel"
+      ],
+      "plugins": [
+        "preval",
+        [
+          "module-resolver",
+          {
+            "alias": {
+              "pages": "./pages",
+              "material-ui": "./src",
+              "material-ui-icons": './packages/material-ui-icons/src',
+              "docs": "./docs"
+            }
+          }
+        ],
+        "transform-flow-strip-types"
+      ]
+    },
+    "docs-production": {
+      "presets": [
+        "next/babel"
+      ],
+      "plugins": [
+        "preval",
+        [
+          "module-resolver",
+          {
+            "alias": {
+              "pages": "./pages",
+              "material-ui": "./src",
+              "material-ui-icons": './packages/material-ui-icons/src',
+              "docs": "./docs"
+            }
+          }
+        ],
+        "transform-react-constant-elements",
+        "transform-dev-warning",
+        "transform-runtime",
+        ["react-remove-properties", {"properties": ["data-mui-test"]}],
+        ["transform-react-remove-prop-types", {"mode": "remove"}]
+      ]
+    },
+    "test": {
+      "sourceMaps": "both",
+      "plugins": [
+        "transform-flow-strip-types"
+      ]
+    },
+    "production": {
+      "plugins": [
+        "transform-react-constant-elements",
+        "transform-dev-warning",
+        "transform-runtime",
+        ["react-remove-properties", {"properties": ["data-mui-test"]}],
+        ["transform-react-remove-prop-types", {
+          "mode": "wrap",
+          "plugins": [
+            "babel-plugin-transform-flow-strip-types"
+          ]
+        }]
+      ]
+    }
+  }
+}

.circleci/config.yml

@@ -42,9 +42,6 @@ jobs:
       - run:
           name: Lint
           command: yarn lint
-      - run:
-          name: Flow
-          command: yarn flow
       - run:
           name: TypeScript
           command: yarn typescript

.eslintignore

@@ -16,3 +16,5 @@ flow-typed
 /packages/material-ui-codemod/src/*/*.spec*
 /examples/create-react-app/build
 /.git
+# we don't have flow configured anymore
+/examples/create-react-app-with-flow

.eslintrc.js

@@ -52,6 +52,8 @@ module.exports = {
 
     'babel/object-curly-spacing': ['error', 'always'],
 
+    'import/extensions': 'off', // typescript incremental
+    'import/no-unresolved': 'off', // typescript incremental
     'import/unambiguous': 'off', // scripts
     'import/namespace': ['error', { allowComputed: true }],
     'import/no-extraneous-dependencies': 'off',

.prettierignore

@@ -0,0 +1,18 @@
+node_modules
+/build
+/tmp
+coverage
+/.next
+/next.config.js
+/docs/src/modules/utils/find.js
+/docs/export
+flow
+flow-typed
+/packages/*/lib
+/packages/material-ui-icons/test/fixtures
+/packages/material-ui-icons/src
+/packages/material-ui-icons/tpl
+/packages/material-ui-icons/build
+/packages/material-ui-codemod/src/*/*.spec*
+/examples/create-react-app/build
+/.git

docs/scripts/buildApi.js

@@ -43,9 +43,10 @@ function buildDocs(options) {
     name: null,
   };
 
-  if (component.styles && component.default.options) {
+  const componentStyles = component[`${path.basename(componentPath)}Styles`];
+  if (componentStyles && component.default.options) {
     // Collect the customization points of the `classes` property.
-    styles.classes = Object.keys(getStylesCreator(component.styles).create(theme)).filter(
+    styles.classes = Object.keys(getStylesCreator(componentStyles).create(theme)).filter(
       className => !className.match(/^(@media|@keyframes)/),
     );
     styles.name = component.default.options.name;

docs/src/modules/components/withRoot.js

@@ -203,11 +203,11 @@ function withRoot(BaseComponent) {
   // Prevent rerendering
   const PureBaseComponent = pure(BaseComponent);
 
-  type WithRootProps = {
-    reduxServerState?: Object,
-    sheetsRegistry?: Object,
-    url: Object,
-  };
+  //  type WithRootProps = {
+  //    reduxServerState?: Object;
+  //    sheetsRegistry?: Object;
+  //    url: Object;
+  //  };
 
   class WithRoot extends React.Component<WithRootProps> {
     static childContextTypes = {

docs/src/pages/style/Icons.js

@@ -12,10 +12,10 @@ const styles = {
   },
 };
 
-type ProvidedProps = {
-  classes: Object,
-  theme?: Object,
-};
+//  type ProvidedProps = {
+//    classes: Object,
+//    theme?: Object,
+//  };
 
 function Icons(props: ProvidedProps) {
   return (