[infra] Remove "main" fields from publishable packages (#46856)

Author: brijeshb42

package.json

@@ -112,7 +112,7 @@
     "@mui-internal/api-docs-builder-core": "workspace:^",
     "@mui/internal-babel-plugin-minify-errors": "^2.0.8-canary.7",
     "@mui/internal-bundle-size-checker": "^1.0.9-canary.36",
-    "@mui/internal-code-infra": "^0.0.3-canary.0",
+    "@mui/internal-code-infra": "^0.0.3-canary.1",
     "@mui/internal-docs-utils": "workspace:^",
     "@mui/internal-scripts": "workspace:^",
     "@mui/internal-test-utils": "workspace:^",

packages/mui-icons-material/package.json

@@ -29,9 +29,9 @@
   "scripts": {
     "build": "shx cp -r lib/ build/ && pnpm build:copy-files && pnpm build:typings && pnpm build:esm-pkg",
     "build:esm-pkg": "node ./scripts/create-esm-package-json.mjs",
-    "build:lib": "code-infra build --hasLargeFiles --skipPackageJson --skipBundlePackageJson --buildTypes false",
+    "build:lib": "code-infra build --hasLargeFiles --skipPackageJson --skipBundlePackageJson --skipMainCheck --buildTypes false",
     "build:lib:clean": "rimraf lib && pnpm build:lib && shx cp -R build lib",
-    "build:stable": "code-infra build --bundle esm --hasLargeFiles --skipPackageJson --buildTypes false --skipBundlePackageJson",
+    "build:stable": "code-infra build --bundle esm --hasLargeFiles --skipPackageJson --buildTypes false --skipBundlePackageJson --skipMainCheck",
     "build:copy-files": "node ../../scripts/copyFiles.mjs",
     "build:typings": "node ./scripts/create-typings.mjs",
     "release": "pnpm build && pnpm publish",
@@ -82,23 +82,23 @@
   },
   "exports": {
     ".": {
-      "import": {
-        "types": "./esm/index.d.ts",
-        "default": "./esm/index.js"
-      },
       "require": {
         "types": "./index.d.ts",
         "default": "./index.js"
+      },
+      "default": {
+        "types": "./esm/index.d.ts",
+        "default": "./esm/index.js"
       }
     },
     "./*": {
-      "import": {
-        "types": "./esm/*.d.ts",
-        "default": "./esm/*.js"
-      },
       "require": {
         "types": "./*.d.ts",
         "default": "./*.js"
+      },
+      "default": {
+        "types": "./esm/*.d.ts",
+        "default": "./esm/*.js"
       }
     },
     "./esm": null,

packages/mui-joy/package.json

@@ -3,7 +3,6 @@
   "version": "5.0.0-beta.49",
   "private": true,
   "description": "Joy UI is an open-source React component library that implements MUI's own design principles. It's comprehensive and can be used in production out of the box.",
-  "main": "./src/index.ts",
   "keywords": [
     "react",
     "react-component",
@@ -85,6 +84,7 @@
     "node": ">=14.0.0"
   },
   "exports": {
+    ".": "./src/index.ts",
     "./*": "./src/*/index.ts"
   }
 }

packages/mui-lab/package.json

@@ -4,7 +4,6 @@
   "version": "7.0.0-beta.17",
   "author": "MUI Team",
   "description": "Laboratory for new Material UI modules.",
-  "main": "./src/index.js",
   "keywords": [
     "react",
     "react-component",
@@ -88,6 +87,7 @@
     "node": ">=14.0.0"
   },
   "exports": {
+    ".": "./src/index.js",
     "./*": "./src/*/index.ts"
   }
 }

packages/mui-material-pigment-css/package.json

@@ -3,7 +3,6 @@
   "version": "7.3.2",
   "author": "MUI Team",
   "description": "A wrapper over Pigment CSS that provides the same styled and theming APIs as Material UI.",
-  "main": "./src/index.ts",
   "keywords": [
     "react",
     "mui",
@@ -63,6 +62,7 @@
     }
   },
   "exports": {
+    ".": "./src/index.ts",
     "./styles.css": "./src/styles.css",
     "./*": "./src/*/index.ts"
   },

packages/mui-material/package.json

@@ -3,7 +3,6 @@
   "version": "7.3.2",
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
-  "main": "./src/index.ts",
   "keywords": [
     "react",
     "react-component",
@@ -99,6 +98,7 @@
     "node": ">=14.0.0"
   },
   "exports": {
+    ".": "./src/index.js",
     "./ButtonBase/TouchRipple": "./src/ButtonBase/TouchRipple.js",
     "./*": "./src/*/index.ts"
   },

packages/mui-private-theming/package.json

@@ -3,7 +3,6 @@
   "version": "7.3.2",
   "author": "MUI Team",
   "description": "Private - The React theme context to be shared between `@mui/styles` and `@mui/material`.",
-  "main": "./src/index.js",
   "keywords": [
     "react",
     "react-component",
@@ -63,6 +62,7 @@
     "node": ">=14.0.0"
   },
   "exports": {
+    ".": "./src/index.js",
     "./*": "./src/*/index.js"
   }
 }

packages/mui-styled-engine-sc/package.json

@@ -3,7 +3,6 @@
   "version": "7.3.2",
   "author": "MUI Team",
   "description": "styled() API wrapper package for styled-components.",
-  "main": "./src/index.js",
   "keywords": [
     "react",
     "react-component",
@@ -59,6 +58,7 @@
     "node": ">=14.0.0"
   },
   "exports": {
+    ".": "./src/index.js",
     "./*": "./src/*/index.js"
   }
 }

packages/mui-styled-engine/package.json

@@ -3,7 +3,6 @@
   "version": "7.3.2",
   "author": "MUI Team",
   "description": "styled() API wrapper package for emotion.",
-  "main": "./src/index.js",
   "keywords": [
     "react",
     "react-component",
@@ -73,6 +72,7 @@
     "node": ">=14.0.0"
   },
   "exports": {
+    ".": "./src/index.js",
     "./*": "./src/*/index.js"
   }
 }

packages/mui-stylis-plugin-rtl/package.json

@@ -3,7 +3,6 @@
   "version": "7.3.2",
   "author": "MUI Team",
   "description": "A plugin for Material UI that provides RTL (right-to-left) support.",
-  "main": "./src/index.ts",
   "keywords": [
     "react",
     "react-component",
@@ -58,5 +57,8 @@
   },
   "engines": {
     "node": ">=14.0.0"
+  },
+  "exports": {
+    ".": "./src/index.ts"
   }
 }