[ImageList] Fix deprecation warnings (#27502)

[ImageList] Fix deprecation warnings (#27502)

Author: mnajdova

docs/pages/api-docs/grid-list-tile-bar.md

@@ -18,10 +18,10 @@ import { GridListTileBar } from '@material-ui/core';
 
 You can learn more about the difference by [reading this guide](/guides/minimizing-bundle-size/).
 
-⚠️ The GridListTileBar component was renamed to ImageListTileBar to align with the current Material Design naming.
+⚠️ The GridListTileBar component was renamed to ImageListItemBar to align with the current Material Design naming.
 
-You should use `import { ImageListTileBar } from '@material-ui/core'`
-or `import ImageListTileBar from '@material-ui/core/ImageListTileBar'`.
+You should use `import { ImageListItemBar } from '@material-ui/core'`
+or `import ImageListItemBar from '@material-ui/core/ImageListItemBar'`.
 
 ## Component name
 

docs/pages/api-docs/grid-list-tile.md

@@ -20,8 +20,8 @@ You can learn more about the difference by [reading this guide](/guides/minimizi
 
 ⚠️ The GridList component was renamed to ImageList to align with the current Material Design naming.
 
-You should use `import { ImageListTile } from '@material-ui/core'`
-or `import ImageListTile from '@material-ui/core/ImageListTile'`.
+You should use `import { ImageListItem } from '@material-ui/core'`
+or `import ImageListItem from '@material-ui/core/ImageListItem'`.
 
 ## Component name
 

packages/material-ui/src/GridListTile/GridListTile.d.ts

@@ -12,8 +12,8 @@ export interface GridListTileTypeMap<P = {}, D extends React.ElementType = 'li'>
 /**
  * ⚠️ The GridList component was renamed to ImageList to align with the current Material Design naming.
  *
- * You should use `import { ImageListTile } from '@material-ui/core'`
- * or `import ImageListTile from '@material-ui/core/ImageListTile'`.
+ * You should use `import { ImageListItem } from '@material-ui/core'`
+ * or `import ImageListItem from '@material-ui/core/ImageListItem'`.
  * API:
  *
  * - [GridListTile API](https://material-ui.com/api/grid-list-tile/)

packages/material-ui/src/GridListTile/GridListTile.js

@@ -70,19 +70,19 @@ let warnedOnce = false;
 /**
  * ⚠️ The GridList component was renamed to ImageList to align with the current Material Design naming.
  *
- * You should use `import { ImageListTile } from '@material-ui/core'`
- * or `import ImageListTile from '@material-ui/core/ImageListTile'`.
+ * You should use `import { ImageListItem } from '@material-ui/core'`
+ * or `import ImageListItem from '@material-ui/core/ImageListItem'`.
  */
 const GridListTile = React.forwardRef(function GridListTile(props, ref) {
   if (process.env.NODE_ENV !== 'production') {
     if (!warnedOnce) {
       warnedOnce = true;
       console.error(
         [
-          'Material-UI: The GridListTile component was renamed to ImageListTile to align with the current Material Design naming.',
+          'Material-UI: The GridListTile component was renamed to ImageListItem to align with the current Material Design naming.',
           '',
-          "You should use `import { ImageListTile } from '@material-ui/core'`",
-          "or `import ImageListTile from '@material-ui/core/ImageListTile'`.",
+          "You should use `import { ImageListItem } from '@material-ui/core'`",
+          "or `import ImageListItem from '@material-ui/core/ImageListItem'`.",
         ].join('\n'),
       );
     }

packages/material-ui/src/GridListTileBar/GridListTileBar.d.ts

@@ -39,10 +39,10 @@ export type GridListTileBarClassKey =
   | 'actionIconActionPosLeft';
 
 /**
- * ⚠️ The GridListTileBar component was renamed to ImageListTileBar to align with the current Material Design naming.
+ * ⚠️ The GridListTileBar component was renamed to ImageListItemBar to align with the current Material Design naming.
  *
- * You should use `import { ImageListTileBar } from '@material-ui/core'`
- * or `import ImageListTileBar from '@material-ui/core/ImageListTileBar'`.
+ * You should use `import { ImageListItemBar } from '@material-ui/core'`
+ * or `import ImageListItemBar from '@material-ui/core/ImageListItemBar'`.
  * API:
  *
  * - [GridListTileBar API](https://material-ui.com/api/grid-list-tile-bar/)

packages/material-ui/src/GridListTileBar/GridListTileBar.js

@@ -70,21 +70,21 @@ export const styles = (theme) => ({
 let warnedOnce = false;
 
 /**
- * ⚠️ The GridListTileBar component was renamed to ImageListTileBar to align with the current Material Design naming.
+ * ⚠️ The GridListTileBar component was renamed to ImageListItemBar to align with the current Material Design naming.
  *
- * You should use `import { ImageListTileBar } from '@material-ui/core'`
- * or `import ImageListTileBar from '@material-ui/core/ImageListTileBar'`.
+ * You should use `import { ImageListItemBar } from '@material-ui/core'`
+ * or `import ImageListItemBar from '@material-ui/core/ImageListItemBar'`.
  */
 const GridListTileBar = React.forwardRef(function GridListTileBar(props, ref) {
   if (process.env.NODE_ENV !== 'production') {
     if (!warnedOnce) {
       warnedOnce = true;
       console.error(
         [
-          'Material-UI: The GridListTileBar component was renamed to ImageListTileBar to align with the current Material Design naming.',
+          'Material-UI: The GridListTileBar component was renamed to ImageListItemBar to align with the current Material Design naming.',
           '',
-          "You should use `import { ImageListTileBar } from '@material-ui/core'`",
-          "or `import ImageListTileBar from '@material-ui/core/ImageListTileBar'`.",
+          "You should use `import { ImageListItemBar } from '@material-ui/core'`",
+          "or `import ImageListItemBar from '@material-ui/core/ImageListItemBar'`.",
         ].join('\n'),
       );
     }