From f6b1cd81d17b3853e60969b7420def82ff585fce Mon Sep 17 00:00:00 2001
From: zanivan <victorzanivan@gmail.com>
Date: Wed, 17 Apr 2024 11:34:59 -0300
Subject: [PATCH 1/2] Fix layout shift

---
 .../rich-tree-view/expansion/TrackItemExpansionToggle.tsx       | 2 +-
 .../rich-tree-view/selection/TrackItemSelectionToggle.tsx       | 2 +-
 .../simple-tree-view/expansion/TrackItemExpansionToggle.tsx     | 2 +-
 .../simple-tree-view/selection/TrackItemSelectionToggle.tsx     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx b/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx
index 7da11861cd8c..987bb9b2f674 100644
--- a/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx
+++ b/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx
@@ -58,7 +58,7 @@ export default function TrackItemExpansionToggle() {
           Last action: {action.isExpanded ? 'expand' : 'collapse'} {action.itemId}
         </Typography>
       )}
-      <Box sx={{ minHeight: 200, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <RichTreeView
           items={MUI_X_PRODUCTS}
           onItemExpansionToggle={handleItemExpansionToggle}
diff --git a/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx b/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx
index bd1b41122a18..d769a7a99d76 100644
--- a/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx
+++ b/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx
@@ -57,7 +57,7 @@ export default function TrackItemSelectionToggle() {
           ? 'No item selection recorded'
           : `Last selected item: ${lastSelectedItem}`}
       </Typography>
-      <Box sx={{ minHeight: 200, minWidth: 250, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <RichTreeView
           items={MUI_X_PRODUCTS}
           onItemSelectionToggle={handleItemSelectionToggle}
diff --git a/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.tsx b/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.tsx
index 6f257acad9b9..549b9e66e477 100644
--- a/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.tsx
+++ b/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.tsx
@@ -28,7 +28,7 @@ export default function TrackItemExpansionToggle() {
           Last action: {action.isExpanded ? 'expand' : 'collapse'} {action.itemId}
         </Typography>
       )}
-      <Box sx={{ minHeight: 200, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <SimpleTreeView onItemExpansionToggle={handleItemExpansionToggle}>
           <TreeItem itemId="grid" label="Data Grid">
             <TreeItem itemId="grid-community" label="@mui/x-data-grid" />
diff --git a/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.tsx b/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.tsx
index ebd584ed1b69..ccc5bde9bfed 100644
--- a/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.tsx
+++ b/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.tsx
@@ -27,7 +27,7 @@ export default function TrackItemSelectionToggle() {
           ? 'No item selection recorded'
           : `Last selected item: ${lastSelectedItem}`}
       </Typography>
-      <Box sx={{ minHeight: 200, minWidth: 250, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <SimpleTreeView onItemSelectionToggle={handleItemSelectionToggle}>
           <TreeItem itemId="grid" label="Data Grid">
             <TreeItem itemId="grid-community" label="@mui/x-data-grid" />

From 4d2d02dfab78641777a99b52121156aa796ef3d3 Mon Sep 17 00:00:00 2001
From: zanivan <victorzanivan@gmail.com>
Date: Wed, 17 Apr 2024 11:35:37 -0300
Subject: [PATCH 2/2] Run docs:typescript:formatted

---
 .../rich-tree-view/expansion/TrackItemExpansionToggle.js        | 2 +-
 .../expansion/TrackItemExpansionToggle.tsx.preview              | 2 +-
 .../rich-tree-view/selection/TrackItemSelectionToggle.js        | 2 +-
 .../selection/TrackItemSelectionToggle.tsx.preview              | 2 +-
 .../simple-tree-view/expansion/TrackItemExpansionToggle.js      | 2 +-
 .../simple-tree-view/selection/TrackItemSelectionToggle.js      | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.js b/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.js
index 10e6f0dc3a5e..22ab08e87b2a 100644
--- a/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.js
+++ b/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.js
@@ -52,7 +52,7 @@ export default function TrackItemExpansionToggle() {
         </Typography>
       )}
 
-      <Box sx={{ minHeight: 200, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <RichTreeView
           items={MUI_X_PRODUCTS}
           onItemExpansionToggle={handleItemExpansionToggle}
diff --git a/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx.preview b/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx.preview
index 4699de8b8e11..81762cedbdb4 100644
--- a/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx.preview
+++ b/docs/data/tree-view/rich-tree-view/expansion/TrackItemExpansionToggle.tsx.preview
@@ -5,7 +5,7 @@
     Last action: {action.isExpanded ? 'expand' : 'collapse'} {action.itemId}
   </Typography>
 )}
-<Box sx={{ minHeight: 200, flexGrow: 1 }}>
+<Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
   <RichTreeView
     items={MUI_X_PRODUCTS}
     onItemExpansionToggle={handleItemExpansionToggle}
diff --git a/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.js b/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.js
index 6e0bbc061cd2..4c3bb49281bb 100644
--- a/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.js
+++ b/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.js
@@ -51,7 +51,7 @@ export default function TrackItemSelectionToggle() {
           ? 'No item selection recorded'
           : `Last selected item: ${lastSelectedItem}`}
       </Typography>
-      <Box sx={{ minHeight: 200, minWidth: 250, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <RichTreeView
           items={MUI_X_PRODUCTS}
           onItemSelectionToggle={handleItemSelectionToggle}
diff --git a/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx.preview b/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx.preview
index 2b55fdb43b56..8e3053bf4f65 100644
--- a/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx.preview
+++ b/docs/data/tree-view/rich-tree-view/selection/TrackItemSelectionToggle.tsx.preview
@@ -3,7 +3,7 @@
     ? 'No item selection recorded'
     : `Last selected item: ${lastSelectedItem}`}
 </Typography>
-<Box sx={{ minHeight: 200, minWidth: 250, flexGrow: 1 }}>
+<Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
   <RichTreeView
     items={MUI_X_PRODUCTS}
     onItemSelectionToggle={handleItemSelectionToggle}
diff --git a/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.js b/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.js
index f656970f2ebf..e46f59e50ff6 100644
--- a/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.js
+++ b/docs/data/tree-view/simple-tree-view/expansion/TrackItemExpansionToggle.js
@@ -22,7 +22,7 @@ export default function TrackItemExpansionToggle() {
         </Typography>
       )}
 
-      <Box sx={{ minHeight: 200, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <SimpleTreeView onItemExpansionToggle={handleItemExpansionToggle}>
           <TreeItem itemId="grid" label="Data Grid">
             <TreeItem itemId="grid-community" label="@mui/x-data-grid" />
diff --git a/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.js b/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.js
index 4bc39db3cf23..55c76b326e22 100644
--- a/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.js
+++ b/docs/data/tree-view/simple-tree-view/selection/TrackItemSelectionToggle.js
@@ -21,7 +21,7 @@ export default function TrackItemSelectionToggle() {
           ? 'No item selection recorded'
           : `Last selected item: ${lastSelectedItem}`}
       </Typography>
-      <Box sx={{ minHeight: 200, minWidth: 250, flexGrow: 1 }}>
+      <Box sx={{ minHeight: 200, minWidth: 300, flexGrow: 1 }}>
         <SimpleTreeView onItemSelectionToggle={handleItemSelectionToggle}>
           <TreeItem itemId="grid" label="Data Grid">
             <TreeItem itemId="grid-community" label="@mui/x-data-grid" />