Skip to content

Commit

Permalink
[website] Avoid duplicate simple vs. rich (#42100)
Browse files Browse the repository at this point in the history
  • Loading branch information
@oliviertassinari
oliviertassinari committed May 20, 2024
1 parent 4792ba2 commit 7912ba4
Showing 1 changed file with 42 additions and 60 deletions.
102 changes: 42 additions & 60 deletions docs/src/components/pricing/PricingTable.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -573,8 +573,7 @@ const rowHeaders: Record<string, React.ReactNode> = {
href="/x/react-date-pickers/date-range-picker/"
/>
),

// -- charts - components --
// charts - components
'charts/line': <ColumnHead label="Line chart" href="/x/react-charts/lines/" />,
'charts/bar': <ColumnHead label="Bar chart" href="/x/react-charts/bars/" />,
'charts/scatter': <ColumnHead label="Scatter chart" href="/x/react-charts/scatter/" />,
Expand All @@ -590,25 +589,18 @@ const rowHeaders: Record<string, React.ReactNode> = {
'charts/gantt-advanced': <ColumnHead label="Advanced Gantt" />,
'charts/candlestick': <ColumnHead label="Candlestick" />,
'charts/large-dataset': <ColumnHead label="Large dataset with canvas" />,
// -- charts - features --
// charts - features
'charts/legend': <ColumnHead label="Legend" href="/x/react-charts/legend/" />,
'charts/tooltip': <ColumnHead label="Tooltip" href="/x/react-charts/tooltip/" />,
'charts/mouse-zoom': <ColumnHead label="Zoom on mouse" />,
'charts/export': <ColumnHead label="Export" />,
// -- charts - datagrid --
// charts - datagrid
'charts/cell-with-charts': (
<ColumnHead label="Cell with chart" href="/x/react-data-grid/custom-columns/#sparkline" />
),
'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" />
),

'tree-view/tree-view': <ColumnHead label="Tree View" href="/x/react-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': (
Expand Down Expand Up @@ -706,28 +698,28 @@ const toBeDefined = (
);

const communityData: Record<string, React.ReactNode> = {
// MUI Core
// Core open-source libraries
'Base UI': yes,
'MUI System': yes,
'Material UI': yes,
'Joy UI': yes,
// MUI X
// -- data grid - columns --
// data grid - columns
'data-grid/column-groups': yes,
'data-grid/column-spanning': yes,
'data-grid/column-resizing': yes,
'data-grid/column-autosizing': yes,
'data-grid/column-reorder': no,
'data-grid/column-pinning': no,
// -- data grid - rows --
// data grid - rows
'data-grid/row-height': yes,
'data-grid/row-spanning': pending,
'data-grid/row-reordering': no,
'data-grid/row-pinning': no,
'data-grid/row-selection': yes,
'data-grid/row-multiselection': no,
'data-grid/row-cell-selection': no,
// -- data grid - filter --
// data grid - filter
'data-grid/filter-quick': yes,
'data-grid/filter-column': yes,
'data-grid/header-filters': no,
Expand All @@ -736,10 +728,10 @@ const communityData: Record<string, React.ReactNode> = {
'data-grid/multi-column-sorting': no,
'data-grid/pagination': yes,
'data-grid/pagination-large': no,
// -- data grid - edit --
// data grid - edit
'data-grid/edit-row': yes,
'data-grid/edit-cell': yes,
// -- data grid - export --
// data grid - export
'data-grid/file-csv': yes,
'data-grid/file-print': yes,
'data-grid/file-clipboard-copy': yes,
Expand All @@ -756,12 +748,10 @@ const communityData: Record<string, React.ReactNode> = {
'data-grid/accessibility': yes,
'data-grid/keyboard-nav': yes,
'data-grid/localization': yes,

// -- picker --
// picker
'date-picker/simple': yes,
'date-picker/range': no,

// -- charts - components --
// charts - components
'charts/line': yes,
'charts/bar': yes,
'charts/scatter': yes,
Expand All @@ -777,20 +767,18 @@ const communityData: Record<string, React.ReactNode> = {
'charts/gantt-advanced': no,
'charts/candlestick': no,
'charts/large-dataset': no,
// -- charts - features --
// charts - features
'charts/legend': yes,
'charts/tooltip': yes,
'charts/mouse-zoom': no,
'charts/export': no,
// -- charts - datagrid --
// charts - datagrid
'charts/cell-with-charts': yes,
'charts/filter-interaction': no,
'charts/selection-interaction': no,

'tree-view/simple-tree-view': yes,
'tree-view/rich-tree-view': yes,

// -- general --
// Tree View
'tree-view/tree-view': yes,
// general
'mui-x-production': yes,
'mui-x-updates': yes,
'mui-x-development': yes,
Expand All @@ -807,28 +795,28 @@ const communityData: Record<string, React.ReactNode> = {
};

const proData: Record<string, React.ReactNode> = {
// MUI Core
// Core
'Base UI': yes,
'MUI System': yes,
'Material UI': yes,
'Joy UI': yes,
// MUI X
// -- data grid - columns --
// data grid - columns
'data-grid/column-groups': yes,
'data-grid/column-spanning': yes,
'data-grid/column-resizing': yes,
'data-grid/column-autosizing': yes,
'data-grid/column-reorder': yes,
'data-grid/column-pinning': yes,
// -- data grid - rows --
// data grid - rows
'data-grid/row-height': yes,
'data-grid/row-spanning': pending,
'data-grid/row-reordering': yes,
'data-grid/row-pinning': yes,
'data-grid/row-selection': yes,
'data-grid/row-multiselection': yes,
'data-grid/row-cell-selection': no,
// -- data grid - filter --
// data grid - filter
'data-grid/filter-quick': yes,
'data-grid/filter-column': yes,
'data-grid/header-filters': yes,
Expand All @@ -837,10 +825,10 @@ const proData: Record<string, React.ReactNode> = {
'data-grid/multi-column-sorting': yes,
'data-grid/pagination': yes,
'data-grid/pagination-large': yes,
// -- data grid - edit --
// data grid - edit
'data-grid/edit-row': yes,
'data-grid/edit-cell': yes,
// -- data grid - export --
// data grid - export
'data-grid/file-csv': yes,
'data-grid/file-print': yes,
'data-grid/file-clipboard-copy': yes,
Expand All @@ -860,7 +848,7 @@ const proData: Record<string, React.ReactNode> = {
'date-picker/simple': yes,
'date-picker/range': yes,

// -- charts - components --
// charts - components
'charts/line': yes,
'charts/bar': yes,
'charts/scatter': yes,
Expand All @@ -876,20 +864,18 @@ const proData: Record<string, React.ReactNode> = {
'charts/gantt-advanced': no,
'charts/candlestick': no,
'charts/large-dataset': no,
// -- charts - features --
// charts - features
'charts/legend': yes,
'charts/tooltip': yes,
'charts/mouse-zoom': pending,
'charts/export': pending,
// -- charts - datagrid --
// charts - datagrid
'charts/cell-with-charts': yes,
'charts/filter-interaction': pending,
'charts/selection-interaction': no,

'tree-view/simple-tree-view': yes,
'tree-view/rich-tree-view': yes,

// -- general --
// Tree View
'tree-view/tree-view': yes,
// general
'mui-x-production': yes,
'mui-x-development': <Info value="1 year" />,
'mui-x-development-perpetual': <Info value="Perpetual" />,
Expand All @@ -911,28 +897,28 @@ const proData: Record<string, React.ReactNode> = {
};

const premiumData: Record<string, React.ReactNode> = {
// MUI Core
// Core
'Base UI': yes,
'MUI System': yes,
'Material UI': yes,
'Joy UI': yes,
// MUI X
// -- data grid - columns --
// data grid - columns
'data-grid/column-groups': yes,
'data-grid/column-spanning': yes,
'data-grid/column-resizing': yes,
'data-grid/column-autosizing': yes,
'data-grid/column-reorder': yes,
'data-grid/column-pinning': yes,
// -- data grid - rows --
// data grid - rows
'data-grid/row-height': yes,
'data-grid/row-spanning': pending,
'data-grid/row-reordering': yes,
'data-grid/row-pinning': yes,
'data-grid/row-selection': yes,
'data-grid/row-multiselection': yes,
'data-grid/row-cell-selection': yes,
// -- data grid - filter --
// data grid - filter
'data-grid/filter-quick': yes,
'data-grid/filter-column': yes,
'data-grid/header-filters': yes,
Expand All @@ -941,10 +927,10 @@ const premiumData: Record<string, React.ReactNode> = {
'data-grid/multi-column-sorting': yes,
'data-grid/pagination': yes,
'data-grid/pagination-large': yes,
// -- data grid - edit --
// data grid - edit
'data-grid/edit-row': yes,
'data-grid/edit-cell': yes,
// -- data grid - export --
// data grid - export
'data-grid/file-csv': yes,
'data-grid/file-print': yes,
'data-grid/file-clipboard-copy': yes,
Expand All @@ -964,7 +950,7 @@ const premiumData: Record<string, React.ReactNode> = {
'date-picker/simple': yes,
'date-picker/range': yes,

// -- charts - components --
// charts - components
'charts/line': yes,
'charts/bar': yes,
'charts/scatter': yes,
Expand All @@ -980,20 +966,18 @@ const premiumData: Record<string, React.ReactNode> = {
'charts/gantt-advanced': toBeDefined,
'charts/candlestick': toBeDefined,
'charts/large-dataset': toBeDefined,
// -- charts - features --
// charts - features
'charts/legend': yes,
'charts/tooltip': yes,
'charts/mouse-zoom': pending,
'charts/export': pending,
// -- charts - datagrid --
// charts - datagrid
'charts/cell-with-charts': yes,
'charts/filter-interaction': pending,
'charts/selection-interaction': pending,

'tree-view/simple-tree-view': yes,
'tree-view/rich-tree-view': yes,

// -- general --
// Tree View
'tree-view/tree-view': yes,
// general
'mui-x-production': yes,
'mui-x-development': <Info value="1 year" />,
'mui-x-development-perpetual': <Info value="Perpetual" />,
Expand Down Expand Up @@ -1588,9 +1572,7 @@ export default function PricingTable({
{renderNestedRow('charts/selection-interaction')}
</StyledCollapse>
{divider}
{renderRow('tree-view/simple-tree-view')}
{divider}
{renderRow('tree-view/rich-tree-view')}
{renderRow('tree-view/tree-view')}
{divider}
{renderRow('mui-x-production')}
{divider}
Expand Down

0 comments on commit 7912ba4

Please sign in to comment.