v5.0.0-beta.0 (#27036)

mui · Jul 1, 2021 · a0f4161 · a0f4161
1 parent 70be592
commit a0f4161
Show file tree

Hide file tree

Showing 35 changed files with 197 additions and 61 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,141 @@
 ### [Versions](https://material-ui.com/versions/)
 
+## 5.0.0-beta.0
+
+<!-- generated comparing v5.0.0-alpha.38..next -->
+
+_Jul 01, 2021_
+
+Big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎉 This is the first beta release of v5! A huge thanks to everyone who helped to make this happen! We're targeting the 1st of September for a stable release, and will use the next two months to polish v5, and ease the migration from v4. You can follow [the v5 stable milestone](https://github.com/mui-org/material-ui/milestone/44) for more details. We now encourage any new projects to start on v5.
+- 🚀 We have completed all the planned breaking changes.
+- ⚒️ We added the codemod CLI to simplify migration to v5 (#26941) @eps1lon. You can find it at [`@material-ui/codemod`](https://github.com/mui-org/material-ui/tree/HEAD/packages/material-ui-codemod).
+- 🐛 The majority of other changes in this release were bug fixes, test utilities and docs.
+
+### `@material-ui/[email protected]`
+
+#### Breaking changes
+
+- [Tabs] Remove unnecessary wrapper from Tab (#26926) @siriwatknp
+
+  `span` element that wraps children has been removed. `wrapper` classKey is also removed. More details about [this change](https://github.com/mui-org/material-ui/pull/26666).
+
+  ```diff
+  <button class="MuiTab-root">
+  - <span class="MuiTab-wrapper">
+      {icon}
+      {label}
+  - </span>
+  </button>
+  ```
+
+- [BottomNavigation] Remove wrapper from BottomNavigationAction (#26923) @siriwatknp
+
+  `span` element that wraps children has been removed. `wrapper` classKey is also removed. More details about [this change](https://github.com/mui-org/material-ui/pull/26666).
+
+  ```diff
+  <button class="MuiBottomNavigationAction-root">
+  - <span class="MuiBottomNavigationAction-wrapper">
+      {icon}
+      <span class="MuiBottomNavigationAction-label">
+        {label}
+      </span>
+  - </span>
+  </button>
+  ```
+
+#### Changes
+
+- <!-- 19 --> [Box] Fix TypeScript error on maxWidth prop (#26859) @ansh-saini
+- <!-- 04 --> [Dialog] Automatically label by its DialogTitle (#26814) @eps1lon
+- <!-- 32 --> [Hidden] Bring back and mark as deprecated (#26908) @siriwatknp
+- <!-- 53 --> [List] Add button runtime deprecation warning (#26743) @siriwatknp
+- <!-- 03 --> [Modal] Type BackdropProps according to styled version (#26836) @eps1lon
+- <!-- 21 --> [Radio] Fix `defaultValue` to match the other value types  (#26945) @oliviertassinari
+- <!-- 48 --> [Stepper] Add completed to global pseudo-classes (#26953) @michal-perlakowski
+- <!-- 25 --> [Stepper] Fix support for no connectors (#26874) @varandasi
+- <!-- 20 --> [TextField] Prevent `hiddenLabel` from spreading to DOM (#26864) @siriwatknp
+- <!-- 18 --> [TextField] Fix label disappearing when focusing a button (#26933) @michal-perlakowski
+
+### `@material-ui/[email protected]`
+
+- <!-- 37 --> [codemod] Add CLI (#26941) @eps1lon
+
+### @material-ui/[email protected]
+
+- <!-- 29 --> [icons] Regenerate transpiled files (#26985) @eps1lon
+
+### @material-ui/[email protected]
+
+#### Breaking changes
+
+- [DatePicker] Remove helper text default value (#26866) @DouglasPds
+
+  Make the default rendered text field closer to the most common use cases (denser).
+
+  ```diff
+  <DatePicker
+    label="Helper text example"
+    value={value}
+    onChange={onChange}
+    renderInput={(params) => (
+  -    <TextField {...params} />
+  +    <TextField {...params} helperText={params?.inputProps?.placeholder} />
+    )}
+  >
+  ```
+
+#### Changes
+
+- <!-- 12 --> [lab] Fix missing dependency on unstyled (#26937) @fishyFrogFace
+- <!-- 50 --> [pickers] Consider TDate in ToolbarComponent types (#27035) @michal-perlakowski
+
+### `@material-ui/[email protected]`
+
+- <!-- 14 --> [system] Support array overridesResolver (#26824) @siriwatknp
+
+### Docs
+
+- <!-- 49 --> [docs] Add notes to Table demo about stableSort (#27025) @CarlosGomez-dev
+- <!-- 47 --> [docs] Add gold sponsor (#26968) @oliviertassinari
+- <!-- 42 --> [docs] Update unstyled demos to not depend on `@material-ui/core` (#26869) @mnajdova
+- <!-- 41 --> [docs] Fix demo paths in windows (#27004) @eps1lon
+- <!-- 40 --> [docs] Export all locales (#27002) @eps1lon
+- <!-- 38 --> [docs] Misc CONTRIBUTING.md changes (#26925) @eps1lon
+- <!-- 35 --> [docs] Fix /components/hidden merge conflict (#26997) @eps1lon
+- <!-- 26 --> [docs] Fix 404 links (#26963) @oliviertassinari
+- <!-- 24 --> [docs] Remove link that points to v4 blog post (#26960) @steveafrost
+- <!-- 16 --> [docs] Use custom webpack loader for markdown (#26774) @eps1lon
+- <!-- 11 --> [docs] Fix 301 links (#26942) @oliviertassinari
+- <!-- 01 --> [docs] Add page for the `sx` prop (#26769) @mnajdova
+- <!-- 52 --> [docs] pre-fill issue when a demo crashes (#27034) @eps1lon
+- <!-- 54 --> [docs] Move styled page under system (#26818)
+
+### Core
+
+- <!-- 46 --> [core] Inline rollup-plugin-size-snapshot (#26986) @eps1lon
+- <!-- 43 --> [core] Remove unused props clone (#26992) @oliviertassinari
+- <!-- 36 --> [core] Fix tests on Windows (#26931) @michaldudak
+- <!-- 31 --> [core] Fix merge conflict between #26954 and #26874 @oliviertassinari
+- <!-- 22 --> [core] Upgrade issues-helper to v2 (#26955) @michal-perlakowski
+- <!-- 05 --> [core] Fix merge conflict (#26928) @eps1lon
+- <!-- 45 --> [test] Convert HiddenCSS tests to testing-library (#27019) @eps1lon
+- <!-- 44 --> [test] Convert NativeSelectInput tests to testing-library (#26952) @eps1lon
+- <!-- 39 --> [test] Add a default mount implementation to conformance tests (#26949) @eps1lon
+- <!-- 28 --> [test] Update tests to pass react@next (#26967) @eps1lon
+- <!-- 27 --> [test] Add types to describeConformanceV5 (#26954) @eps1lon
+- <!-- 17 --> [test] Use createPickerMount where appropriate (#26951) @eps1lon
+- <!-- 15 --> [test] Convert SwipeableDrawer tests to testing-library (#26916) @eps1lon
+- <!-- 13 --> [test] Convert Menu tests to testing-library (#26915) @eps1lon
+- <!-- 10 --> [test] Convert Popover tests to testing-library (#26913) @eps1lon
+- <!-- 08 --> [test] Convert Modal tests to testing-library (#26912) @eps1lon
+- <!-- 07 --> [test] Make remaining testing-library tests StrictMode compatible (#26924) @eps1lon
+- <!-- 51 --> [test] Only allow wrapping enzyme mount not creating (#27018) @eps1lon
+- <!-- 06 --> [typescript] Disallow spreading TransitionHandlerProps (#26927) @eps1lon
+
+All contributors of this release in alphabetical order: @ansh-saini, @BC-M, @CarlosGomez-dev, @DouglasPds, @eps1lon, @fishyFrogFace, @michal-perlakowski, @michaldudak, @mnajdova, @oliviertassinari, @siriwatknp, @steveafrost, @varandasi
+
 ## 5.0.0-alpha.38
 
 <!-- generated comparing v5.0.0-alpha.37..next -->

diff --git a/benchmark/package.json b/benchmark/package.json
@@ -1,6 +1,6 @@
 {
   "name": "benchmark",
-  "version": "5.0.0-alpha.38",
+  "version": "5.0.0-beta.0",
   "private": "true",
   "scripts": {
     "browser": "yarn webpack --config browser/webpack.config.js && node browser/scripts/benchmark.js",
@@ -14,9 +14,9 @@
     "@chakra-ui/system": "^1.0.0",
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
-    "@material-ui/core": "5.0.0-alpha.38",
-    "@material-ui/styles": "5.0.0-alpha.36",
-    "@material-ui/system": "5.0.0-alpha.38",
+    "@material-ui/core": "5.0.0-beta.0",
+    "@material-ui/styles": "5.0.0-beta.0",
+    "@material-ui/system": "5.0.0-beta.0",
     "@styled-system/css": "^5.1.5",
     "benchmark": "^2.1.4",
     "playwright": "^1.6.1",

diff --git a/docs/package.json b/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "docs",
-  "version": "5.0.0-alpha.38",
+  "version": "5.0.0-beta.0",
   "private": true,
   "author": "Material-UI Team",
   "license": "MIT",
@@ -30,17 +30,17 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.30",
     "@fortawesome/free-solid-svg-icons": "^5.14.0",
     "@fortawesome/react-fontawesome": "^0.1.11",
-    "@material-ui/core": "5.0.0-alpha.38",
+    "@material-ui/core": "5.0.0-beta.0",
     "@material-ui/data-grid": "^4.0.0-alpha.29",
-    "@material-ui/docs": "5.0.0-alpha.37",
-    "@material-ui/icons": "5.0.0-alpha.37",
-    "@material-ui/lab": "5.0.0-alpha.38",
-    "@material-ui/styled-engine": "5.0.0-alpha.34",
-    "@material-ui/styled-engine-sc": "5.0.0-alpha.35",
-    "@material-ui/styles": "5.0.0-alpha.36",
-    "@material-ui/system": "5.0.0-alpha.38",
+    "@material-ui/docs": "5.0.0-beta.0",
+    "@material-ui/icons": "5.0.0-beta.0",
+    "@material-ui/lab": "5.0.0-alpha.39",
+    "@material-ui/styled-engine": "5.0.0-beta.0",
+    "@material-ui/styled-engine-sc": "5.0.0-beta.0",
+    "@material-ui/styles": "5.0.0-beta.0",
+    "@material-ui/system": "5.0.0-beta.0",
     "@material-ui/types": "6.0.1",
-    "@material-ui/unstyled": "5.0.0-alpha.38",
+    "@material-ui/unstyled": "5.0.0-alpha.39",
     "@trendmicro/react-interpolate": "^0.5.5",
     "@types/autosuggest-highlight": "^3.1.0",
     "@types/css-mediaquery": "^0.1.0",

diff --git a/docs/packages/markdown/package.json b/docs/packages/markdown/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@material-ui/markdown",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "private": true,
   "type": "commonjs",
   "main": "./parseMarkdown.js",

diff --git a/examples/cdn/index.html b/examples/cdn/index.html
@@ -83,7 +83,7 @@
     <Container maxWidth="sm">
       <Box sx={{ my: 4 }}>
         <Typography variant="h4" component="h1" gutterBottom>
-          CDN v5-alpha example
+          CDN v5-beta example
         </Typography>
         <ProTip />
         <Copyright />

diff --git a/examples/create-react-app-with-styled-components-typescript/src/App.tsx b/examples/create-react-app-with-styled-components-typescript/src/App.tsx
@@ -22,7 +22,7 @@ export default function App() {
     <Container maxWidth="sm">
       <Box sx={{ my: 4 }}>
         <Typography variant="h4" component="h1" gutterBottom>
-          Create React App v5-alpha example with styled-components and TypeScript
+          Create React App v5-beta example with styled-components and TypeScript
         </Typography>
         <ProTip />
         <Copyright />

diff --git a/examples/create-react-app-with-styled-components/src/App.js b/examples/create-react-app-with-styled-components/src/App.js
@@ -22,7 +22,7 @@ export default function App() {
     <Container maxWidth="sm">
       <Box sx={{ my: 4 }}>
         <Typography variant="h4" component="h1" gutterBottom>
-          Create React App v5-alpha example with styled-components
+          Create React App v5-beta example with styled-components
         </Typography>
         <ProTip />
         <Copyright />

diff --git a/examples/create-react-app-with-typescript/src/App.tsx b/examples/create-react-app-with-typescript/src/App.tsx
@@ -22,7 +22,7 @@ export default function App() {
     <Container maxWidth="sm">
       <Box sx={{ my: 4 }}>
         <Typography variant="h4" component="h1" gutterBottom>
-          Create React App v5-alpha example with TypeScript
+          Create React App v5-beta example with TypeScript
         </Typography>
         <ProTip />
         <Copyright />

diff --git a/examples/create-react-app/src/App.js b/examples/create-react-app/src/App.js
@@ -23,7 +23,7 @@ export default function App() {
     <Container maxWidth="sm">
       <Box sx={{ my: 4 }}>
         <Typography variant="h4" component="h1" gutterBottom>
-          Create React App v5-alpha example
+          Create React App v5-beta example
         </Typography>
         <ProTip />
         <Copyright />

diff --git a/examples/gatsby-theme/src/pages/about.js b/examples/gatsby-theme/src/pages/about.js
@@ -13,7 +13,7 @@ export default function About() {
       <Container maxWidth="sm">
         <Box sx={{ my: 4 }}>
           <Typography variant="h4" component="h1" gutterBottom>
-            Gatsby v5-alpha example
+            Gatsby v5-beta example
           </Typography>
           <Link to="/">Go to the main page</Link>
           <ProTip />

diff --git a/examples/gatsby-theme/src/pages/index.js b/examples/gatsby-theme/src/pages/index.js
@@ -14,7 +14,7 @@ export default function Index() {
       <Container maxWidth="sm">
         <Box sx={{ my: 4 }}>
           <Typography variant="h4" component="h1" gutterBottom>
-            Gatsby v5-alpha example
+            Gatsby v5-beta example
           </Typography>
           <Link to="/about" color="secondary">
             Go to the about page

diff --git a/examples/gatsby/src/pages/about.js b/examples/gatsby/src/pages/about.js
@@ -14,7 +14,7 @@ export default function About() {
       <Container maxWidth="sm">
         <Box sx={{ my: 4 }}>
           <Typography variant="h4" component="h1" gutterBottom>
-            Gatsby v5-alpha example
+            Gatsby v5-beta example
           </Typography>
           <Link to="/">Go to the main page</Link>
           <ProTip />

diff --git a/examples/gatsby/src/pages/index.js b/examples/gatsby/src/pages/index.js
@@ -14,7 +14,7 @@ export default function Index() {
       <Container maxWidth="sm">
         <Box sx={{ my: 4 }}>
           <Typography variant="h4" component="h1" gutterBottom>
-            Gatsby v5-alpha example
+            Gatsby v5-beta example
           </Typography>
           <Link to="/about" color="secondary">
             Go to the about page

diff --git a/examples/nextjs-with-typescript/pages/about.tsx b/examples/nextjs-with-typescript/pages/about.tsx
@@ -12,7 +12,7 @@ export default function About() {
     <Container maxWidth="sm">
       <Box sx={{ my: 4 }}>
         <Typography variant="h4" component="h1" gutterBottom>
-          Next.js v5-alpha with TypeScript example
+          Next.js v5-beta with TypeScript example
         </Typography>
         <Button variant="contained" component={Link} noLinkStyle href="/">
           Go to the main page

diff --git a/examples/nextjs-with-typescript/pages/index.tsx b/examples/nextjs-with-typescript/pages/index.tsx
@@ -11,7 +11,7 @@ export default function Index() {
     <Container maxWidth="sm">
       <Box sx={{ my: 4 }}>
         <Typography variant="h4" component="h1" gutterBottom>
-          Next.js v5-alpha with TypeScript example
+          Next.js v5-beta with TypeScript example
         </Typography>
         <Link href="/about" color="secondary">
           Go to the about page

diff --git a/examples/nextjs/pages/about.js b/examples/nextjs/pages/about.js
@@ -12,7 +12,7 @@ export default function About() {
     <Container maxWidth="sm">
       <Box sx={{ my: 4 }}>
         <Typography variant="h4" component="h1" gutterBottom>
-          Next.js v5-alpha example
+          Next.js v5-beta example
         </Typography>
         <Button variant="contained" component={Link} noLinkStyle href="/">
           Go to the main page

diff --git a/examples/nextjs/pages/index.js b/examples/nextjs/pages/index.js
@@ -11,7 +11,7 @@ export default function Index() {
     <Container maxWidth="sm">
       <Box sx={{ my: 4 }}>
         <Typography variant="h4" component="h1" gutterBottom>
-          Next.js v5-alpha example
+          Next.js v5-beta example
         </Typography>
         <Link href="/about" color="secondary">
           Go to the about page

diff --git a/examples/preact/src/App.js b/examples/preact/src/App.js
@@ -13,7 +13,7 @@ export default function App() {
       <Container maxWidth="sm">
         <Box sx={{ my: 4 }}>
           <Typography variant="h4" component="h1" gutterBottom>
-            Preact v5-alpha example
+            Preact v5-beta example
           </Typography>
           <ProTip />
           <Copyright />

diff --git a/examples/ssr/App.js b/examples/ssr/App.js
@@ -23,7 +23,7 @@ export default function App() {
     <Container maxWidth="sm">
       <Box sx={{ my: 4 }}>
         <Typography variant="h4" component="h1" gutterBottom>
-          Server Rendering v5-alpha example
+          Server Rendering v5-beta example
         </Typography>
         <ProTip />
         <Copyright />

diff --git a/framer/package.json b/framer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "framer",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "description": "Builds Material-UI for Framer X",
   "repository": "https://github.com/mui-org/material-ui",
   "author": "Material-UI Team",
@@ -11,7 +11,7 @@
     "@types/react": "^17.0.0",
     "case": "1.6.3",
     "deepmerge": "^4.0.0",
-    "docs": "5.0.0-alpha.38",
+    "docs": "5.0.0-beta.0",
     "framer": "^1.2.5",
     "framer-motion": "^4.0.0",
     "mustache": "^4.0.0",

diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "5.0.0-alpha.38",
+  "version": "5.0.0-beta.0",
   "private": true,
   "scripts": {
     "proptypes": "cross-env BABEL_ENV=development babel-node --extensions \".tsx,.ts,.js\" ./scripts/generateProptypes.ts",

diff --git a/packages/material-ui-codemod/package.json b/packages/material-ui-codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@material-ui/codemod",
-  "version": "5.0.0-alpha.35",
+  "version": "5.0.0-beta.0",
   "bin": "./codemod.js",
   "private": false,
   "author": "Material-UI Team",

diff --git a/packages/material-ui-docs/package.json b/packages/material-ui-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@material-ui/docs",
-  "version": "5.0.0-alpha.37",
+  "version": "5.0.0-beta.0",
   "private": false,
   "author": "Material-UI Team",
   "description": "Material-UI Docs - Documentation building blocks.",
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.4.4",
-    "@material-ui/utils": "5.0.0-alpha.36",
+    "@material-ui/utils": "5.0.0-beta.0",
     "nprogress": "^0.2.0"
   },
   "publishConfig": {

diff --git a/packages/material-ui-icons/package.json b/packages/material-ui-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@material-ui/icons",
-  "version": "5.0.0-alpha.37",
+  "version": "5.0.0-beta.0",
   "private": false,
   "author": "Material-UI Team",
   "description": "Material Design icons distributed as SVG React components.",