From a992b09f1c0c7d4e16ceb8b1982242c5a1dd6d7d Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Sat, 11 Jan 2020 13:35:45 +0100 Subject: [PATCH] [core] Batch small changes (#19174) * [Alert] Follow import convention * [docs] Fix table display --- docs/pages/blog/december-2019-update.md | 2 +- docs/src/modules/components/MarkdownElement.js | 1 + docs/src/pages/components/alert/ActionAlerts.js | 2 +- docs/src/pages/components/alert/ActionAlerts.tsx | 2 +- docs/src/pages/components/alert/ColorAlerts.js | 2 +- docs/src/pages/components/alert/ColorAlerts.tsx | 2 +- docs/src/pages/components/alert/FilledAlerts.js | 2 +- docs/src/pages/components/alert/FilledAlerts.tsx | 2 +- docs/src/pages/components/alert/OutlinedAlerts.js | 2 +- docs/src/pages/components/alert/OutlinedAlerts.tsx | 2 +- docs/src/pages/components/alert/SimpleAlerts.js | 2 +- docs/src/pages/components/alert/SimpleAlerts.tsx | 2 +- docs/src/pages/components/alert/TransitionAlerts.js | 2 +- docs/src/pages/components/alert/TransitionAlerts.tsx | 2 +- docs/src/pages/components/autocomplete/autocomplete.md | 2 +- 15 files changed, 15 insertions(+), 14 deletions(-) diff --git a/docs/pages/blog/december-2019-update.md b/docs/pages/blog/december-2019-update.md index 6f44cdf8a9375c..75d8bf39715eda 100644 --- a/docs/pages/blog/december-2019-update.md +++ b/docs/pages/blog/december-2019-update.md @@ -10,7 +10,7 @@ description: Here are the most significant improvements in December. Here are the most significant improvements in December: -- 🚨 We have introduce a new [Alert](https://material-ui.com/components/alert/) component in the lab, thanks to **[@dimitropoulos](https://github.com/dimitropoulos)** ([#18702](https://github.com/mui-org/material-ui/pull/18702)). The component also supports composition with a [Snackbar](/components/snackbars/#customized-snackbars). +- 🚨 We have introduced a new [Alert](https://material-ui.com/components/alert/) component in the lab, thanks to **[@dimitropoulos](https://github.com/dimitropoulos)** ([#18702](https://github.com/mui-org/material-ui/pull/18702)). The component also supports composition with a [Snackbar](/components/snackbars/#customized-snackbars). ![Alert](/static/blog/december-2019-update/alert.png) diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js index 4e1d98a8a959b8..e7fd3f1fb98f82 100644 --- a/docs/src/modules/components/MarkdownElement.js +++ b/docs/src/modules/components/MarkdownElement.js @@ -216,6 +216,7 @@ const styles = theme => ({ '& table': { // Trade display table for scroll overflow display: 'block', + wordBreak: 'normal', width: '100%', overflowX: 'auto', WebkitOverflowScrolling: 'touch', // iOS momentum scrolling. diff --git a/docs/src/pages/components/alert/ActionAlerts.js b/docs/src/pages/components/alert/ActionAlerts.js index 71a615d6ba0fb7..c4bffa039d3d41 100644 --- a/docs/src/pages/components/alert/ActionAlerts.js +++ b/docs/src/pages/components/alert/ActionAlerts.js @@ -1,6 +1,6 @@ import React from 'react'; import { makeStyles } from '@material-ui/core/styles'; -import { Alert } from '@material-ui/lab'; +import Alert from '@material-ui/lab/Alert'; import Button from '@material-ui/core/Button'; const useStyles = makeStyles(theme => ({ diff --git a/docs/src/pages/components/alert/ActionAlerts.tsx b/docs/src/pages/components/alert/ActionAlerts.tsx index dcb953f72da608..88b32b4df9c215 100644 --- a/docs/src/pages/components/alert/ActionAlerts.tsx +++ b/docs/src/pages/components/alert/ActionAlerts.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { makeStyles, Theme, createStyles } from '@material-ui/core/styles'; -import { Alert } from '@material-ui/lab'; +import Alert from '@material-ui/lab/Alert'; import Button from '@material-ui/core/Button'; const useStyles = makeStyles((theme: Theme) => diff --git a/docs/src/pages/components/alert/ColorAlerts.js b/docs/src/pages/components/alert/ColorAlerts.js index 95a029e070f1e5..f90d05ce50d51d 100644 --- a/docs/src/pages/components/alert/ColorAlerts.js +++ b/docs/src/pages/components/alert/ColorAlerts.js @@ -1,6 +1,6 @@ import React from 'react'; import { makeStyles } from '@material-ui/core/styles'; -import { Alert } from '@material-ui/lab'; +import Alert from '@material-ui/lab/Alert'; const useStyles = makeStyles(theme => ({ root: { diff --git a/docs/src/pages/components/alert/ColorAlerts.tsx b/docs/src/pages/components/alert/ColorAlerts.tsx index 88b418d7a4273f..de67a4e1f936b4 100644 --- a/docs/src/pages/components/alert/ColorAlerts.tsx +++ b/docs/src/pages/components/alert/ColorAlerts.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { makeStyles, Theme, createStyles } from '@material-ui/core/styles'; -import { Alert } from '@material-ui/lab'; +import Alert from '@material-ui/lab/Alert'; const useStyles = makeStyles((theme: Theme) => createStyles({ diff --git a/docs/src/pages/components/alert/FilledAlerts.js b/docs/src/pages/components/alert/FilledAlerts.js index a6d41c46cea7d6..9f9b5a357c686c 100644 --- a/docs/src/pages/components/alert/FilledAlerts.js +++ b/docs/src/pages/components/alert/FilledAlerts.js @@ -1,6 +1,6 @@ import React from 'react'; import { makeStyles } from '@material-ui/core/styles'; -import { Alert } from '@material-ui/lab'; +import Alert from '@material-ui/lab/Alert'; const useStyles = makeStyles(theme => ({ root: { diff --git a/docs/src/pages/components/alert/FilledAlerts.tsx b/docs/src/pages/components/alert/FilledAlerts.tsx index c0e9acbe5ce3eb..bb34596adf63d5 100644 --- a/docs/src/pages/components/alert/FilledAlerts.tsx +++ b/docs/src/pages/components/alert/FilledAlerts.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { makeStyles, Theme, createStyles } from '@material-ui/core/styles'; -import { Alert } from '@material-ui/lab'; +import Alert from '@material-ui/lab/Alert'; const useStyles = makeStyles((theme: Theme) => createStyles({ diff --git a/docs/src/pages/components/alert/OutlinedAlerts.js b/docs/src/pages/components/alert/OutlinedAlerts.js index 17f40679bc19d9..54dc9651b88c8f 100644 --- a/docs/src/pages/components/alert/OutlinedAlerts.js +++ b/docs/src/pages/components/alert/OutlinedAlerts.js @@ -1,6 +1,6 @@ import React from 'react'; import { makeStyles } from '@material-ui/core/styles'; -import { Alert } from '@material-ui/lab'; +import Alert from '@material-ui/lab/Alert'; const useStyles = makeStyles(theme => ({ root: { diff --git a/docs/src/pages/components/alert/OutlinedAlerts.tsx b/docs/src/pages/components/alert/OutlinedAlerts.tsx index 88e89e05dee943..b9cbc44fd82ec9 100644 --- a/docs/src/pages/components/alert/OutlinedAlerts.tsx +++ b/docs/src/pages/components/alert/OutlinedAlerts.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { makeStyles, Theme, createStyles } from '@material-ui/core/styles'; -import { Alert } from '@material-ui/lab'; +import Alert from '@material-ui/lab/Alert'; const useStyles = makeStyles((theme: Theme) => createStyles({ diff --git a/docs/src/pages/components/alert/SimpleAlerts.js b/docs/src/pages/components/alert/SimpleAlerts.js index 78cb2424668517..5b0fc608d6fcc4 100644 --- a/docs/src/pages/components/alert/SimpleAlerts.js +++ b/docs/src/pages/components/alert/SimpleAlerts.js @@ -1,6 +1,6 @@ import React from 'react'; import { makeStyles } from '@material-ui/core/styles'; -import { Alert } from '@material-ui/lab'; +import Alert from '@material-ui/lab/Alert'; const useStyles = makeStyles(theme => ({ root: { diff --git a/docs/src/pages/components/alert/SimpleAlerts.tsx b/docs/src/pages/components/alert/SimpleAlerts.tsx index 88a6c45579a5c4..cf186d3d848969 100644 --- a/docs/src/pages/components/alert/SimpleAlerts.tsx +++ b/docs/src/pages/components/alert/SimpleAlerts.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { makeStyles, Theme, createStyles } from '@material-ui/core/styles'; -import { Alert } from '@material-ui/lab'; +import Alert from '@material-ui/lab/Alert'; const useStyles = makeStyles((theme: Theme) => createStyles({ diff --git a/docs/src/pages/components/alert/TransitionAlerts.js b/docs/src/pages/components/alert/TransitionAlerts.js index ce6322836bd7ba..adf5397b3160c4 100644 --- a/docs/src/pages/components/alert/TransitionAlerts.js +++ b/docs/src/pages/components/alert/TransitionAlerts.js @@ -1,6 +1,6 @@ import React from 'react'; import { makeStyles } from '@material-ui/core/styles'; -import { Alert } from '@material-ui/lab'; +import Alert from '@material-ui/lab/Alert'; import IconButton from '@material-ui/core/IconButton'; import Collapse from '@material-ui/core/Collapse'; import Button from '@material-ui/core/Button'; diff --git a/docs/src/pages/components/alert/TransitionAlerts.tsx b/docs/src/pages/components/alert/TransitionAlerts.tsx index 2ebb5c536ebe9c..abd622dc9354ad 100644 --- a/docs/src/pages/components/alert/TransitionAlerts.tsx +++ b/docs/src/pages/components/alert/TransitionAlerts.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { makeStyles, Theme, createStyles } from '@material-ui/core/styles'; -import { Alert } from '@material-ui/lab'; +import Alert from '@material-ui/lab/Alert'; import IconButton from '@material-ui/core/IconButton'; import Collapse from '@material-ui/core/Collapse'; import Button from '@material-ui/core/Button'; diff --git a/docs/src/pages/components/autocomplete/autocomplete.md b/docs/src/pages/components/autocomplete/autocomplete.md index 24d7b274998c56..1409fb8dcbaa80 100644 --- a/docs/src/pages/components/autocomplete/autocomplete.md +++ b/docs/src/pages/components/autocomplete/autocomplete.md @@ -172,7 +172,7 @@ Search within 10,000 randomly generated options. The list is virtualized thanks The browsers have heuristics to help the users fill the form inputs. However, it can harm the UX of the component. -By default, the components disable the **autocomplete** feature (remembering what the user has typed for a given field in a previous session) with the `autoComplete="off"` attribute. +By default, the component disable the **autocomplete** feature (remembering what the user has typed for a given field in a previous session) with the `autoComplete="off"` attribute. However, in addition to remembering past entered values, the browser might also propose **autofill** suggestions (saved login, address, or payment details). In the event you want the avoid autofill, you can try the following: