Revert "chore: configure for esm (#29)" (#149)

.babelrc.js

@@ -0,0 +1,15 @@
+module.exports = {
+	presets: [
+		"@babel/preset-react",
+		"@babel/preset-typescript",
+		[
+			"@babel/preset-env",
+			{
+				targets: {
+					browsers: [">0.25%", "not dead"],
+				},
+			},
+		],
+	],
+	plugins: [["transform-react-remove-prop-types", { removeImport: true }]],
+};

package.json

@@ -4,7 +4,6 @@
   "author": "freeCodeCamp <[email protected]>",
   "license": "BSD-3-Clause",
   "description": "The freeCodeCamp.org open-source UI components",
-  "type": "module",
   "main": "dist/bundle.js",
   "module": "dist/bundle.es.js",
   "style": "dist/base.css",
@@ -42,7 +41,7 @@
     "storybook": "storybook dev -p 6006 --no-open",
     "storybook:theming": "pnpm run storybook --no-manager-cache",
     "clean": "rm -rf dist/*",
-    "gen-component": "tsx ./utils/gen-component-script",
+    "gen-component": "ts-node ./utils/gen-component-script",
     "test": "jest",
     "prepare": "husky",
     "typecheck": "tsc"

tsconfig.json

@@ -1,20 +1,19 @@
 {
   "compilerOptions": {
-    "module": "ES2022",
+    "module": "ES6",
     "target": "ES6",
     "sourceMap": true,
     "jsx": "react",
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
-    "moduleResolution": "Bundler",
+    "moduleResolution": "node",
     "strict": true,
     "noEmit": true,
     "skipLibCheck": true
   },
   "ts-node": {
     "compilerOptions": {
-      "module": "commonjs",
-      "moduleResolution": "Node10" // Unfortunately we're stuck with this until Jest stops using ts-node
+      "module": "commonjs"
     },
     "transpileOnly": true
   }

utils/gen-component-script.ts

@@ -24,7 +24,7 @@ const toKebabCase = (pascalCasedName: string) =>
 
 const kebabCasedName = toKebabCase(name);
 
-const dir = path.join(import.meta.dirname, `../src/${kebabCasedName}`);
+const dir = path.join(__dirname, `../src/${kebabCasedName}`);
 
 // Throw an error if the component's folder already exists
 if (fs.existsSync(dir)) {