Merge pull request #6581 from backstage/blam/material-table

plugins/api-docs/package.json

@@ -37,7 +37,7 @@
     "@backstage/plugin-catalog-react": "^0.3.1",
     "@backstage/theme": "^0.2.8",
     "@material-icons/font": "^1.0.2",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@types/react": "^16.9",

plugins/badges/package.json

@@ -26,7 +26,7 @@
     "@backstage/errors": "^0.1.1",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "react": "^16.13.1",

plugins/bitrise/package.json

@@ -25,7 +25,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "cross-fetch": "^3.0.6",

plugins/bitrise/src/components/BitriseBuildsTableComponent/BitriseBuildsTableComponent.tsx

@@ -219,10 +219,10 @@ export const BitriseBuildsTable = ({
           }}
           totalCount={builds.value?.paging?.total_item_count || 0}
           page={page}
-          onChangePage={pageIndex => {
+          onPageChange={pageIndex => {
             handleChangePage(pageIndex, builds.value?.paging?.next);
           }}
-          onChangeRowsPerPage={handleChangeRowsPerPage}
+          onRowsPerPageChange={handleChangeRowsPerPage}
           columns={columns}
           data={builds.value?.data || []}
           onSearchChange={(searchTerm: string) =>

plugins/catalog-import/package.json

@@ -38,7 +38,7 @@
     "@backstage/integration-react": "^0.1.4",
     "@backstage/plugin-catalog-react": "^0.3.1",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@octokit/rest": "^18.5.3",

plugins/catalog-react/package.json

@@ -34,7 +34,7 @@
     "@backstage/core-components": "^0.1.6",
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/integration": "^0.5.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@types/react": "^16.9",

plugins/catalog/package.json

@@ -39,7 +39,7 @@
     "@backstage/integration-react": "^0.1.4",
     "@backstage/plugin-catalog-react": "^0.3.1",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@types/react": "^16.9",

plugins/circleci/package.json

@@ -36,7 +36,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "circleci-api": "^4.0.0",

plugins/circleci/src/components/BuildsPage/lib/CITable/CITable.tsx

@@ -260,8 +260,8 @@ export const CITable = ({
         },
       ]}
       data={builds}
-      onChangePage={onChangePage}
-      onChangeRowsPerPage={onChangePageSize}
+      onPageChange={onChangePage}
+      onRowsPerPageChange={onChangePageSize}
       title={
         <Box display="flex" alignItems="center">
           <GitHubIcon />

plugins/cloudbuild/package.json

@@ -35,7 +35,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "moment": "^2.27.0",

plugins/cloudbuild/src/components/WorkflowRunsTable/WorkflowRunsTable.tsx

@@ -138,8 +138,8 @@ export const WorkflowRunsTableView = ({
         },
       ]}
       data={runs ?? []}
-      onChangePage={onChangePage}
-      onChangeRowsPerPage={onChangePageSize}
+      onPageChange={onChangePage}
+      onRowsPerPageChange={onChangePageSize}
       style={{ width: '100%' }}
       title={
         <Box display="flex" alignItems="center">

plugins/code-coverage/package.json

@@ -27,7 +27,7 @@
     "@backstage/errors": "^0.1.1",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@material-ui/styles": "^4.11.0",

plugins/config-schema/package.json

@@ -25,7 +25,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/errors": "^0.1.1",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "jsonschema": "^1.2.6",

plugins/cost-insights/package.json

@@ -34,7 +34,7 @@
     "@backstage/core-components": "^0.1.6",
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@material-ui/styles": "^4.9.6",

plugins/cost-insights/src/components/CostInsightsPage/CostInsightsThemeProvider.tsx

@@ -15,7 +15,10 @@
  */
 
 import React, { PropsWithChildren } from 'react';
-import { createMuiTheme, ThemeProvider } from '@material-ui/core';
+import {
+  createTheme as createMuiTheme,
+  ThemeProvider,
+} from '@material-ui/core';
 import { BackstageTheme } from '@backstage/theme';
 import {
   costInsightsDarkTheme,

plugins/explore/package.json

@@ -36,7 +36,7 @@
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/plugin-explore-react": "^0.0.6",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@types/react": "^16.9",

plugins/fossa/package.json

@@ -37,7 +37,7 @@
     "@backstage/errors": "^0.1.1",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "cross-fetch": "^3.0.6",

plugins/gcp-projects/package.json

@@ -33,7 +33,7 @@
     "@backstage/core-components": "^0.1.6",
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "react": "^16.13.1",

plugins/git-release-manager/package.json

@@ -24,7 +24,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/integration": "^0.5.6",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@octokit/rest": "^18.5.3",

plugins/github-actions/package.json

@@ -38,7 +38,7 @@
     "@backstage/integration": "^0.5.8",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@octokit/rest": "^18.5.3",

plugins/github-actions/src/components/WorkflowRunsTable/WorkflowRunsTable.tsx

@@ -130,8 +130,8 @@ export const WorkflowRunsTableView = ({
         },
       ]}
       data={runs ?? []}
-      onChangePage={onChangePage}
-      onChangeRowsPerPage={onChangePageSize}
+      onPageChange={onChangePage}
+      onRowsPerPageChange={onChangePageSize}
       style={{ width: '100%' }}
       title={
         <Box display="flex" alignItems="center">

plugins/github-deployments/package.json

@@ -28,7 +28,7 @@
     "@backstage/integration-react": "^0.1.4",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@octokit/graphql": "^4.5.8",

plugins/gitops-profiles/package.json

@@ -34,7 +34,7 @@
     "@backstage/core-components": "^0.1.6",
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "react": "^16.13.1",

plugins/graphiql/package.json

@@ -34,7 +34,7 @@
     "@backstage/core-components": "^0.1.6",
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "graphiql": "^1.0.0-alpha.10",

plugins/ilert/package.json

@@ -27,7 +27,7 @@
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
     "@date-io/luxon": "2.x",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@material-ui/pickers": "^3.3.10",

plugins/ilert/src/components/IncidentsPage/IncidentsTable.tsx

@@ -253,8 +253,8 @@ export const IncidentsTable = ({
       }
       page={tableState.page}
       totalCount={incidentsCount}
-      onChangePage={onChangePage}
-      onChangeRowsPerPage={onChangeRowsPerPage}
+      onPageChange={onChangePage}
+      onRowsPerPageChange={onChangeRowsPerPage}
       // localization={{ header: { actions: undefined } }}
       columns={columns}
       data={incidents}

plugins/ilert/src/components/UptimeMonitorsPage/UptimeMonitorsTable.tsx

@@ -165,8 +165,8 @@ export const UptimeMonitorsTable = ({
         </Typography>
       }
       page={tableState.page}
-      onChangePage={onChangePage}
-      onChangeRowsPerPage={onChangeRowsPerPage}
+      onPageChange={onChangePage}
+      onRowsPerPageChange={onChangeRowsPerPage}
       localization={{ header: { actions: undefined } }}
       isLoading={isLoading}
       columns={columns}

plugins/jenkins/package.json

@@ -36,7 +36,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "luxon": "^1.25.0",

plugins/jenkins/src/components/BuildsPage/lib/CITable/CITable.tsx

@@ -208,8 +208,8 @@ export const CITableView = ({
         },
       ]}
       data={projects ?? []}
-      onChangePage={onChangePage}
-      onChangeRowsPerPage={onChangePageSize}
+      onPageChange={onChangePage}
+      onRowsPerPageChange={onChangePageSize}
       title={
         <Box display="flex" alignItems="center">
           <img src={JenkinsLogo} alt="Jenkins logo" height="50px" />

plugins/kafka/package.json

@@ -25,7 +25,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "react": "^16.13.1",

plugins/kubernetes/package.json

@@ -38,7 +38,7 @@
     "@backstage/plugin-kubernetes-common": "^0.1.2",
     "@backstage/theme": "^0.2.8",
     "@kubernetes/client-node": "^0.15.0",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "js-yaml": "^4.0.0",

plugins/lighthouse/package.json

@@ -37,7 +37,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@testing-library/react-hooks": "^3.4.2",

plugins/newrelic/package.json

@@ -34,7 +34,7 @@
     "@backstage/core-components": "^0.1.6",
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "react": "^16.13.1",

plugins/org/package.json

@@ -25,7 +25,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "react": "^16.13.1",

plugins/pagerduty/package.json

@@ -35,7 +35,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@types/react": "^16.9",

plugins/register-component/package.json

@@ -35,7 +35,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "react": "^16.13.1",

plugins/rollbar/package.json

@@ -36,7 +36,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "lodash": "^4.17.15",

plugins/scaffolder/package.json

@@ -40,7 +40,7 @@
     "@backstage/integration-react": "^0.1.4",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@rjsf/core": "^3.0.0",

plugins/search/package.json

@@ -37,7 +37,7 @@
     "@backstage/plugin-catalog-react": "^0.3.1",
     "@backstage/search-common": "^0.1.2",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@types/react": "^16.9",

plugins/sentry/package.json

@@ -36,7 +36,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "luxon": "^1.27.0",

plugins/shortcuts/package.json

@@ -23,7 +23,7 @@
     "@backstage/core-components": "^0.1.6",
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@types/zen-observable": "^0.8.2",

plugins/sonarqube/package.json

@@ -37,7 +37,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@material-ui/styles": "^4.10.0",

plugins/splunk-on-call/package.json

@@ -35,7 +35,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "classnames": "^2.2.6",

plugins/tech-radar/package.json

@@ -33,7 +33,7 @@
     "@backstage/core-components": "^0.1.6",
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "color": "^3.1.2",

plugins/techdocs/package.json

@@ -40,7 +40,7 @@
     "@backstage/integration-react": "^0.1.4",
     "@backstage/plugin-catalog-react": "^0.3.1",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@material-ui/styles": "^4.10.0",

plugins/todo/package.json

@@ -32,7 +32,7 @@
     "@backstage/errors": "^0.1.1",
     "@backstage/plugin-catalog-react": "^0.3.0",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "react": "^16.13.1",

plugins/user-settings/package.json

@@ -33,7 +33,7 @@
     "@backstage/core-components": "^0.1.6",
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "react": "^16.13.1",

plugins/welcome/package.json

@@ -33,7 +33,7 @@
     "@backstage/core-components": "^0.1.6",
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "react": "^16.13.1",

plugins/xcmetrics/package.json

@@ -24,7 +24,7 @@
     "@backstage/core-plugin-api": "^0.1.3",
     "@backstage/errors": "^0.1.1",
     "@backstage/theme": "^0.2.8",
-    "@material-ui/core": "^4.11.0",
+    "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "luxon": "^1.27.0",