From bd8ced42812efd76ae904578c114b3bcca6ff75d Mon Sep 17 00:00:00 2001
From: Andrew Cherniavskii <andrew@mui.com>
Date: Fri, 22 Mar 2024 15:17:56 +0100
Subject: [PATCH] [website] Update pricing table (#41606)

---
 docs/src/components/pricing/PricingTable.tsx | 41 ++++++++++++++++----
 1 file changed, 34 insertions(+), 7 deletions(-)

diff --git a/docs/src/components/pricing/PricingTable.tsx b/docs/src/components/pricing/PricingTable.tsx
index e9b9dc71280ea1..a274e0b3767259 100644
--- a/docs/src/components/pricing/PricingTable.tsx
+++ b/docs/src/components/pricing/PricingTable.tsx
@@ -564,8 +564,15 @@ const rowHeaders: Record<string, React.ReactNode> = {
   'data-grid/localization': (
     <ColumnHead label="Localization" href="/x/react-data-grid/localization/" />
   ),
-  'date-picker/simple': <ColumnHead label="Date Picker" />,
-  'date-picker/range': <ColumnHead label="Date Range Picker" />,
+  'date-picker/simple': (
+    <ColumnHead label="Date and Time Pickers" href="/x/react-date-pickers/date-picker/" />
+  ),
+  'date-picker/range': (
+    <ColumnHead
+      label="Date and Time Range Pickers"
+      href="/x/react-date-pickers/date-range-picker/"
+    />
+  ),
 
   // -- charts - components --
   'charts/line': <ColumnHead label="Line chart" href="/x/react-charts/lines/" />,
@@ -595,6 +602,13 @@ const rowHeaders: Record<string, React.ReactNode> = {
   'charts/filter-interaction': <ColumnHead label="Row filtering" />,
   'charts/selection-interaction': <ColumnHead label="Range selection" />,
 
+  'tree-view/simple-tree-view': (
+    <ColumnHead label="Simple Tree View" href="/x/react-tree-view/#simple-tree-view" />
+  ),
+  'tree-view/rich-tree-view': (
+    <ColumnHead label="Rich Tree View" href="/x/react-tree-view/#rich-tree-view" />
+  ),
+
   'mui-x-production': <ColumnHead label="Perpetual use in production" />,
   'mui-x-development': <ColumnHead label="Development license" tooltip="For active development" />,
   'mui-x-development-perpetual': (
@@ -701,8 +715,8 @@ const communityData: Record<string, React.ReactNode> = {
   // -- data grid - columns --
   'data-grid/column-groups': yes,
   'data-grid/column-spanning': yes,
-  'data-grid/column-resizing': no,
-  'data-grid/column-autosizing': no,
+  'data-grid/column-resizing': yes,
+  'data-grid/column-autosizing': yes,
   'data-grid/column-reorder': no,
   'data-grid/column-pinning': no,
   // -- data grid - rows --
@@ -753,7 +767,7 @@ const communityData: Record<string, React.ReactNode> = {
   'charts/scatter': yes,
   'charts/pie': yes,
   'charts/sparkline': yes,
-  'charts/gauge': pending,
+  'charts/gauge': yes,
   'charts/treemap': pending,
   'charts/heatmap': no,
   'charts/radar': pending,
@@ -773,6 +787,9 @@ const communityData: Record<string, React.ReactNode> = {
   'charts/filter-interaction': no,
   'charts/selection-interaction': no,
 
+  'tree-view/simple-tree-view': yes,
+  'tree-view/rich-tree-view': yes,
+
   // -- general --
   'mui-x-production': yes,
   'mui-x-updates': yes,
@@ -849,7 +866,7 @@ const proData: Record<string, React.ReactNode> = {
   'charts/scatter': yes,
   'charts/pie': yes,
   'charts/sparkline': yes,
-  'charts/gauge': pending,
+  'charts/gauge': yes,
   'charts/treemap': pending,
   'charts/heatmap': pending,
   'charts/radar': pending,
@@ -869,6 +886,9 @@ const proData: Record<string, React.ReactNode> = {
   'charts/filter-interaction': pending,
   'charts/selection-interaction': no,
 
+  'tree-view/simple-tree-view': yes,
+  'tree-view/rich-tree-view': yes,
+
   // -- general --
   'mui-x-production': yes,
   'mui-x-development': <Info value="1 year" />,
@@ -950,7 +970,7 @@ const premiumData: Record<string, React.ReactNode> = {
   'charts/scatter': yes,
   'charts/pie': yes,
   'charts/sparkline': yes,
-  'charts/gauge': pending,
+  'charts/gauge': yes,
   'charts/treemap': pending,
   'charts/heatmap': pending,
   'charts/radar': pending,
@@ -970,6 +990,9 @@ const premiumData: Record<string, React.ReactNode> = {
   'charts/filter-interaction': pending,
   'charts/selection-interaction': pending,
 
+  'tree-view/simple-tree-view': yes,
+  'tree-view/rich-tree-view': yes,
+
   // -- general --
   'mui-x-production': yes,
   'mui-x-development': <Info value="1 year" />,
@@ -1565,6 +1588,10 @@ export default function PricingTable({
         {renderNestedRow('charts/selection-interaction')}
       </StyledCollapse>
       {divider}
+      {renderRow('tree-view/simple-tree-view')}
+      {divider}
+      {renderRow('tree-view/rich-tree-view')}
+      {divider}
       {renderRow('mui-x-production')}
       {divider}
       <PricingTableDevelopment renderRow={renderRow} />