Bump @toolpad/core to ^0.11.0 (#44840)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Pedro Ferreira <[email protected]>

Author: renovate[bot]

docs/data/material/components/breadcrumbs/PageContainerBasic.js

@@ -2,7 +2,11 @@ import * as React from 'react';
 import { styled, useTheme } from '@mui/material/styles';
 import DashboardIcon from '@mui/icons-material/Dashboard';
 import { AppProvider } from '@toolpad/core/AppProvider';
-import { PageContainer, PageContainerToolbar } from '@toolpad/core/PageContainer';
+import {
+  PageContainer,
+  PageHeader,
+  PageHeaderToolbar,
+} from '@toolpad/core/PageContainer';
 import Grid from '@mui/material/Grid2';
 import Paper from '@mui/material/Paper';
 import Stack from '@mui/material/Stack';
@@ -39,9 +43,9 @@ const Skeleton = styled('div')(({ theme, height }) => ({
   content: '" "',
 }));
 
-function PageToolbar() {
+function CustomPageToolbar() {
   return (
-    <PageContainerToolbar>
+    <PageHeaderToolbar>
       <Stack direction="row" spacing={1} alignItems="center">
         <Button
           variant="outlined"
@@ -60,10 +64,14 @@ function PageToolbar() {
           Print
         </Button>
       </Stack>
-    </PageContainerToolbar>
+    </PageHeaderToolbar>
   );
 }
 
+function CustomPageHeader() {
+  return <PageHeader slots={{ toolbar: CustomPageToolbar }} />;
+}
+
 export default function PageContainerBasic(props) {
   const { window } = props;
   const router = useDemoRouter('/orders');
@@ -84,7 +92,7 @@ export default function PageContainerBasic(props) {
       <Paper sx={{ p: 2, width: '100%' }}>
         <PageContainer
           slots={{
-            toolbar: PageToolbar,
+            header: CustomPageHeader,
           }}
         >
           <Grid container spacing={1}>

docs/data/material/components/breadcrumbs/PageContainerBasic.tsx

@@ -2,7 +2,11 @@ import * as React from 'react';
 import { styled, useTheme } from '@mui/material/styles';
 import DashboardIcon from '@mui/icons-material/Dashboard';
 import { AppProvider, Navigation, Router } from '@toolpad/core/AppProvider';
-import { PageContainer, PageContainerToolbar } from '@toolpad/core/PageContainer';
+import {
+  PageContainer,
+  PageHeader,
+  PageHeaderToolbar,
+} from '@toolpad/core/PageContainer';
 import Grid from '@mui/material/Grid2';
 import Paper from '@mui/material/Paper';
 import Stack from '@mui/material/Stack';
@@ -39,9 +43,9 @@ const Skeleton = styled('div')<{ height: number }>(({ theme, height }) => ({
   content: '" "',
 }));
 
-function PageToolbar() {
+function CustomPageToolbar() {
   return (
-    <PageContainerToolbar>
+    <PageHeaderToolbar>
       <Stack direction="row" spacing={1} alignItems="center">
         <Button
           variant="outlined"
@@ -60,10 +64,14 @@ function PageToolbar() {
           Print
         </Button>
       </Stack>
-    </PageContainerToolbar>
+    </PageHeaderToolbar>
   );
 }
 
+function CustomPageHeader() {
+  return <PageHeader slots={{ toolbar: CustomPageToolbar }} />;
+}
+
 export default function PageContainerBasic(props: any) {
   const { window } = props;
   const router = useDemoRouter('/orders');
@@ -84,7 +92,7 @@ export default function PageContainerBasic(props: any) {
       <Paper sx={{ p: 2, width: '100%' }}>
         <PageContainer
           slots={{
-            toolbar: PageToolbar,
+            header: CustomPageHeader,
           }}
         >
           <Grid container spacing={1}>

docs/package.json

@@ -54,7 +54,7 @@
     "@mui/x-tree-view": "7.23.2",
     "@popperjs/core": "^2.11.8",
     "@react-spring/web": "^9.7.5",
-    "@toolpad/core": "^0.10.0",
+    "@toolpad/core": "^0.11.0",
     "autoprefixer": "^10.4.20",
     "autosuggest-highlight": "^3.3.4",
     "babel-plugin-module-resolver": "^5.0.2",