fix: revert ts config PR (#315)

README.rst

@@ -157,14 +157,6 @@ You may create a `.env.private` with any overrides of the environment settings c
 
 **Note: .env.private should be added to your project's .gitignore so it does not get checked in.**
 
-Local module configuration for TypeScript
------------------------------------------
-
-#. Copy tsconfig.json into the root of the module
-#. Set "rootDir" to the root of the source code folders, and "outDir" to the distribution folder
-#. Set "include" to wildcard patterns specifying the subdirectories/files under rootDir where source code can be found
-#. Include any wildcards under rootDir that should be excluded using "exclude".  Make sure the "outDir" directory is excluded here, if it is under "include".
-
 Development
 -----------
 

config/jest.config.js

@@ -1,6 +1,5 @@
 const path = require('path');
 const fs = require('fs');
-const { jsWithTs: tsjPreset } = require('ts-jest/presets');
 
 const presets = require('../lib/presets');
 
@@ -34,12 +33,11 @@ module.exports = {
     '/node_modules/(?!@edx)',
   ],
   transform: {
-    '^.+\\.jsx?$': [
+    '^.+\\.[t|j]sx?$': [
       'babel-jest',
       {
         configFile: presets.babel.resolvedFilepath,
       },
     ],
-    ...tsjPreset.transform,
   },
 };

config/webpack.prod.config.js

@@ -62,12 +62,12 @@ module.exports = merge(commonConfig, {
       // The babel-loader transforms newer ES2015+ syntax to older ES5 for older browsers.
       // Babel is configured with the .babelrc file at the root of the project.
       {
-        test: /\.(js|jsx|ts|tsx)$/,
+        test: /\.(js|jsx)$/,
         exclude: /node_modules\/(?!@edx)/,
         use: {
           loader: 'babel-loader',
           options: {
-            configFile: presets['babel-typescript'].resolvedFilepath,
+            configFile: presets.babel.resolvedFilepath,
           },
         },
       },

example/src/App.jsx

@@ -1,5 +1,4 @@
 import config from 'env.config';
-import Image from './Image.tsx';
 import appleUrl, { ReactComponent as Apple } from './apple.svg';
 import appleImg from './apple.jpg';
 
@@ -20,8 +19,6 @@ export default function App() {
       </ul>
       <h2>JSX parsing tests</h2>
       <Apple style={{ width: '10rem' }} />
-      <h2>TSX parsing tests</h2>
-      <Image src={appleUrl} alt="appleFromTsx" style={{ width: '10rem' }} />
       <h2>Asset import tests</h2>
       <img src={appleUrl} alt="apple" style={{ width: '10rem' }} />
       <img src={appleUrl} alt="apple" style={{ width: '10rem' }} />

example/src/__snapshots__/App.test.jsx.snap

@@ -39,18 +39,6 @@ exports[`Basic test should render 1`] = `
       }
     }
   />
-  <h2>
-    TSX parsing tests
-  </h2>
-  <img
-    alt="appleFromTsx"
-    src="icon/mock/path"
-    style={
-      Object {
-        "width": "10rem",
-      }
-    }
-  />
   <h2>
     Asset import tests
   </h2>

package.json

@@ -81,10 +81,8 @@
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.18.6",
-    "@types/jest": "^26.0.0",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.11",
-    "ts-jest": "^26.5.0",
     "typescript": "^4.9.4"
   },
   "peerDependencies": {