diff --git a/CHANGELOG.md b/CHANGELOG.md index 6bd86a03a35b28..eedcb641b41a7e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -23,8 +23,7 @@ You can expect the following: - A feature freeze on v4. - The introduction of deprecation messages in the next v4 minors. These messages will help developers upgrade to v5. - A progressive bug fixes freeze on v4, to the exception of security issues and important bugs. -- At least 6 months of work on v5 to get to a stable release (probably more). You can follow our [milestone -](https://github.com/mui-org/material-ui/milestone/35). We will look for hiring a new full-time member on the core team to move faster. +- At least 6 months of work on v5 to get to a stable release (probably more). You can follow our [milestone](https://github.com/mui-org/material-ui/milestone/35). We will look for hiring a new full-time member on the core team to move faster. ### `@material-ui/core@v4.9.10` diff --git a/docs/pages/blog/2020-q1-update.js b/docs/pages/blog/2020-q1-update.js new file mode 100644 index 00000000000000..40ca7f4573bed3 --- /dev/null +++ b/docs/pages/blog/2020-q1-update.js @@ -0,0 +1,7 @@ +import React from 'react'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; +import markdown from './2020-q1-update.md'; + +export default function Page() { + return ; +} diff --git a/docs/pages/blog/2020-q1-update.md b/docs/pages/blog/2020-q1-update.md new file mode 100644 index 00000000000000..fa002d13bd000e --- /dev/null +++ b/docs/pages/blog/2020-q1-update.md @@ -0,0 +1,110 @@ +--- +description: An update on our mission for Q1 2020. +--- + +# Q1 2020 Update + +Olivier Tassinari. April 14, 2020. + +Welcome to the new format of our mission update. We are moving from monthly to quarterly updates. + +## Product + +Over the last 3 months, we have focused on making patch releases. +We have done eleven so far. We have optimized for stability. + +Here are the most significant improvements since the beginning of the year: + +- ๐Ÿ” We have polished the [Autocomplete](https://material-ui.com/components/autocomplete/) component (Combo box). We have closed more than [270](https://github.com/mui-org/material-ui/labels/lab%3A%20Autocomplete) issues and pull requests so far. We will promote the component to the core in the next major (v5). + + ![autocomplete](/static/blog/2020-q1-update/autocomplete.gif) + +

useAutocomplete hook example, 4.5 kB gzipped.

+ + If you wish to make your first contribution to open source, the component has a couple of ["good first issues"](https://github.com/mui-org/material-ui/labels/lab%3A%20Autocomplete) that can be taken. + If you have TypeScript expertise, the component could [benefit from it](https://github.com/mui-org/material-ui/issues?q=is%3Aopen+label%3A%22lab%3A+Autocomplete%22+label%3Atypescript). + +- ๐Ÿ“† We have made a first [alpha release](https://next.material-ui-pickers.dev/demo/daterangepicker) of the date range picker. It's not ready to be used in production but you can start playing. We might release some of the new features of the date picker under the upcoming Enterprise offering. + + ![date picker](/static/blog/2020-q1-update/date-picker.png) + +- โš ๏ธ We have introduced a new [Alert](https://material-ui.com/components/alert/) component in the lab. While this component isn't mentioned in the Material Design specification, it's a common and well-established pattern. For instance, it can be interested when [combined](https://material-ui.com/components/snackbars/#notistack) with the Snackbar. + + alert + +- โญ We have introduced a new [Pagination](https://material-ui.com/components/pagination/) component. + + pagination + +- ๐Ÿฆด We have added a new "wave" animation to the [Skeleton](https://material-ui.com/components/skeleton/#animations) component. + + + +- โš›๏ธ We have worked on improving developer experience inside text editors. + - We have migrated prop descriptions from JSDoc to TypeScript for 60% of the components. Back-and-forths with the documentation API will be less frequent: + + ![props](/static/blog/2020-q1-update/props.png) + + - The color modules come with new previews: + + ![colors](/static/blog/2020-q1-update/colors.png) + + - We have collaborated with [Andy Edwards](https://github.com/jedwards1211) to provide [snippets](https://marketplace.visualstudio.com/items?itemName=vscodeshift.material-ui-snippets) with Visual Studio Code: + + ![snippets](/static/blog/2020-q1-update/snippets.gif) + +- ๐Ÿ’Ž We have introduced [Sketch assets](/blog/2020-introducing-sketch/). + + sketch + +But this summary is just scratching the surface. We have accepted 572 commits from 214 different contributors. + +## Company + +We are thrilled to welcome two new full-time developers on Material-UI: + + - [Dmitriy Kovalenko](https://github.com/dmtrKovalenko), the author of @material-ui/pickers. + dmitriy + + - [Damien Tassone](https://github.com/dtassone/), an experienced developer in the finance industry. + damien + +### Growth between Q4 2019 and Q1 2020 + +- ๐Ÿ“ฆ From 3.2M to 4.8M downloads per month on npm. +- โญ๏ธ From 53.3k to 56.2k stars, leave us yours ๐ŸŒŸ. +- ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ From 1,581 to 1,720 contributors on GitHub. +- ๐Ÿ’ฐ Grew monthly financial support by 47%. +- ๐Ÿข From 3 to 5 full-time equivalent developers, spread among multiple financially supported core team members. + +## Our roadmap intent for Q2 2020 + +We'll do our best, no guarantee! + +- ๐Ÿ“ฃ We will analyze and publish the results of the "Material-UI Developer Survey 2020". If you haven't contributed to it yet, you can follow this link to [fill it in](https://forms.gle/TYWRdvgyZs4AhZNv8), thanks! +- ๐ŸŽจ We will release Figma assets for Material-UI. + + figma + +- ๐Ÿ‡จ๐Ÿ‡ณ We will translate 100% of the documentation to Chinese. We are collaborating with [Danica Shen](https://github.com/DDDDDanica), a native speaker, to complete the effort. So far, we have translated 73% of the documentation and peer-reviewed 39%. You can help us out on [Crowdin](https://translate.material-ui.com/). + + chinese + +- ๐Ÿ”ฅ We will start to work on the [next major: v5](https://github.com/mui-org/material-ui/issues/20012). +You can expect the following: + + - A feature freeze on v4. + - The introduction of deprecation messages in the next v4 minors. These messages will help developers upgrade to v5. + - A progressive bug fixes freeze on v4, with the exception of security issues and important bugs. + - At least 6 months of work on v5 to get to a stable release (probably more). You can follow our progress using our [milestone](https://github.com/mui-org/material-ui/milestone/35). +- ๐Ÿง‘โ€๐Ÿ’ป We will likely look to hire a new full-time member on the core team to help deliver v5 and new features faster. +- โŒ— We announced, back in [October 2019](/blog/september-2019-update/#our-roadmap-intent-for-october), our intention to work on an advanced data grid component. The task was bigger than anticipated, but we are making progress. It might take us 12 months to do it right. Damien is now leading and fully dedicated to this effort. You can follow our early-stage progress on [finui.io](https://finui.io/#/grid) and later, integration into the mono-repository on [#18872](https://github.com/mui-org/material-ui/pull/18872). + + ![data grid](/static/blog/2020-q1-update/data-grid.png) + +

For illustration purposes only.

+ +- ๐Ÿ“† We will polish the date picker. We will work on: providing a comprehensive set of features, to unify the experience with the core package, to improve the overall quality. The objective is to make these components stable in the next major (v5). +- โ“ Please upvote our [GitHub issues](https://github.com/mui-org/material-ui/issues) if you want something specific. The number of ๐Ÿ‘ helps us to prioritize. diff --git a/docs/public/static/blog/2020-q1-update/alert.png b/docs/public/static/blog/2020-q1-update/alert.png new file mode 100644 index 00000000000000..69d4789f31caf6 Binary files /dev/null and b/docs/public/static/blog/2020-q1-update/alert.png differ diff --git a/docs/public/static/blog/2020-q1-update/autocomplete.gif b/docs/public/static/blog/2020-q1-update/autocomplete.gif new file mode 100644 index 00000000000000..1a9918380ffae8 Binary files /dev/null and b/docs/public/static/blog/2020-q1-update/autocomplete.gif differ diff --git a/docs/public/static/blog/2020-q1-update/chinese.png b/docs/public/static/blog/2020-q1-update/chinese.png new file mode 100644 index 00000000000000..3d4ffffa024840 Binary files /dev/null and b/docs/public/static/blog/2020-q1-update/chinese.png differ diff --git a/docs/public/static/blog/2020-q1-update/colors.png b/docs/public/static/blog/2020-q1-update/colors.png new file mode 100644 index 00000000000000..49ce1d9d56ddf3 Binary files /dev/null and b/docs/public/static/blog/2020-q1-update/colors.png differ diff --git a/docs/public/static/blog/2020-q1-update/data-grid.png b/docs/public/static/blog/2020-q1-update/data-grid.png new file mode 100644 index 00000000000000..9bf47139b05f89 Binary files /dev/null and b/docs/public/static/blog/2020-q1-update/data-grid.png differ diff --git a/docs/public/static/blog/2020-q1-update/date-picker.png b/docs/public/static/blog/2020-q1-update/date-picker.png new file mode 100644 index 00000000000000..08e7b21a53ec29 Binary files /dev/null and b/docs/public/static/blog/2020-q1-update/date-picker.png differ diff --git a/docs/public/static/blog/2020-q1-update/figma.png b/docs/public/static/blog/2020-q1-update/figma.png new file mode 100644 index 00000000000000..2d6842f0364b26 Binary files /dev/null and b/docs/public/static/blog/2020-q1-update/figma.png differ diff --git a/docs/public/static/blog/2020-q1-update/pagination.png b/docs/public/static/blog/2020-q1-update/pagination.png new file mode 100644 index 00000000000000..d22355471ed69d Binary files /dev/null and b/docs/public/static/blog/2020-q1-update/pagination.png differ diff --git a/docs/public/static/blog/2020-q1-update/props.png b/docs/public/static/blog/2020-q1-update/props.png new file mode 100644 index 00000000000000..2629225abdee67 Binary files /dev/null and b/docs/public/static/blog/2020-q1-update/props.png differ diff --git a/docs/public/static/blog/2020-q1-update/skeleton.webm b/docs/public/static/blog/2020-q1-update/skeleton.webm new file mode 100644 index 00000000000000..30811ba8bd9d8e Binary files /dev/null and b/docs/public/static/blog/2020-q1-update/skeleton.webm differ diff --git a/docs/public/static/blog/2020-q1-update/sketch.png b/docs/public/static/blog/2020-q1-update/sketch.png new file mode 100644 index 00000000000000..da5c0ab5d3fc7e Binary files /dev/null and b/docs/public/static/blog/2020-q1-update/sketch.png differ diff --git a/docs/public/static/blog/2020-q1-update/snippets.gif b/docs/public/static/blog/2020-q1-update/snippets.gif new file mode 100644 index 00000000000000..08ebff5b309fe1 Binary files /dev/null and b/docs/public/static/blog/2020-q1-update/snippets.gif differ diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js index 8176f33e475c5c..1ca0f06935ca05 100644 --- a/docs/src/modules/components/MarkdownElement.js +++ b/docs/src/modules/components/MarkdownElement.js @@ -283,7 +283,7 @@ const styles = (theme) => ({ textDecoration: 'underline', }, }, - '& img': { + '& img, video': { maxWidth: '100%', }, '& hr': { diff --git a/docs/src/modules/components/TopLayoutBlog.js b/docs/src/modules/components/TopLayoutBlog.js index a126f00ca9245b..b0f59ea0191bb8 100644 --- a/docs/src/modules/components/TopLayoutBlog.js +++ b/docs/src/modules/components/TopLayoutBlog.js @@ -27,7 +27,7 @@ const styles = (theme) => ({ paddingRight: theme.spacing(4), }, }, - '& img': { + '& img, & video': { display: 'block', margin: 'auto', }, @@ -35,6 +35,10 @@ const styles = (theme) => ({ fontSize: theme.typography.pxToRem(14), textAlign: 'center', color: theme.palette.text.secondary, + '& a': { + color: theme.palette.text.secondary, + textDecoration: 'underline', + }, }, }, });