From 68383bf2fd044985fbac0d2665442d7feb463a0c Mon Sep 17 00:00:00 2001 From: Mateus Elias Date: Sun, 19 Jan 2025 00:06:30 -0300 Subject: [PATCH 1/3] feat: remove "pinnedRowsRenderZone" unused class from data grid --- docs/pages/x/api/data-grid/data-grid-premium.json | 6 ------ docs/pages/x/api/data-grid/data-grid-pro.json | 6 ------ docs/pages/x/api/data-grid/data-grid.json | 6 ------ .../data-grid/data-grid-premium/data-grid-premium.json | 4 ---- .../api-docs/data-grid/data-grid-pro/data-grid-pro.json | 4 ---- .../api-docs/data-grid/data-grid/data-grid.json | 4 ---- packages/x-data-grid/src/constants/gridClasses.ts | 5 ----- 7 files changed, 35 deletions(-) diff --git a/docs/pages/x/api/data-grid/data-grid-premium.json b/docs/pages/x/api/data-grid/data-grid-premium.json index af5816851a0e0..716a294f3d291 100644 --- a/docs/pages/x/api/data-grid/data-grid-premium.json +++ b/docs/pages/x/api/data-grid/data-grid-premium.json @@ -1766,12 +1766,6 @@ "description": "Styles applied to the top pinned rows container.", "isGlobal": false }, - { - "key": "pinnedRowsRenderZone", - "className": "MuiDataGridPremium-pinnedRowsRenderZone", - "description": "Styles applied to pinned rows render zones.", - "isGlobal": false - }, { "key": "root", "className": "MuiDataGridPremium-root", diff --git a/docs/pages/x/api/data-grid/data-grid-pro.json b/docs/pages/x/api/data-grid/data-grid-pro.json index c57b6d2feb2b3..faf13f5a8c0a3 100644 --- a/docs/pages/x/api/data-grid/data-grid-pro.json +++ b/docs/pages/x/api/data-grid/data-grid-pro.json @@ -1671,12 +1671,6 @@ "description": "Styles applied to the top pinned rows container.", "isGlobal": false }, - { - "key": "pinnedRowsRenderZone", - "className": "MuiDataGridPro-pinnedRowsRenderZone", - "description": "Styles applied to pinned rows render zones.", - "isGlobal": false - }, { "key": "root", "className": "MuiDataGridPro-root", diff --git a/docs/pages/x/api/data-grid/data-grid.json b/docs/pages/x/api/data-grid/data-grid.json index dea2d9a362a7b..9e41dc12503cc 100644 --- a/docs/pages/x/api/data-grid/data-grid.json +++ b/docs/pages/x/api/data-grid/data-grid.json @@ -1545,12 +1545,6 @@ "description": "Styles applied to the top pinned rows container.", "isGlobal": false }, - { - "key": "pinnedRowsRenderZone", - "className": "MuiDataGrid-pinnedRowsRenderZone", - "description": "Styles applied to pinned rows render zones.", - "isGlobal": false - }, { "key": "root", "className": "MuiDataGrid-root", diff --git a/docs/translations/api-docs/data-grid/data-grid-premium/data-grid-premium.json b/docs/translations/api-docs/data-grid/data-grid-premium/data-grid-premium.json index 4eabd611df028..d044b0e02f040 100644 --- a/docs/translations/api-docs/data-grid/data-grid-premium/data-grid-premium.json +++ b/docs/translations/api-docs/data-grid/data-grid-premium/data-grid-premium.json @@ -1097,10 +1097,6 @@ "description": "Styles applied to {{nodeName}}.", "nodeName": "the top pinned rows container" }, - "pinnedRowsRenderZone": { - "description": "Styles applied to {{nodeName}}.", - "nodeName": "pinned rows render zones" - }, "root": { "description": "Styles applied to the root element." }, "root--densityComfortable": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", diff --git a/docs/translations/api-docs/data-grid/data-grid-pro/data-grid-pro.json b/docs/translations/api-docs/data-grid/data-grid-pro/data-grid-pro.json index 44a830fa6e680..88a86cbdacc4e 100644 --- a/docs/translations/api-docs/data-grid/data-grid-pro/data-grid-pro.json +++ b/docs/translations/api-docs/data-grid/data-grid-pro/data-grid-pro.json @@ -1035,10 +1035,6 @@ "description": "Styles applied to {{nodeName}}.", "nodeName": "the top pinned rows container" }, - "pinnedRowsRenderZone": { - "description": "Styles applied to {{nodeName}}.", - "nodeName": "pinned rows render zones" - }, "root": { "description": "Styles applied to the root element." }, "root--densityComfortable": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", diff --git a/docs/translations/api-docs/data-grid/data-grid/data-grid.json b/docs/translations/api-docs/data-grid/data-grid/data-grid.json index eb5095ab30708..7be3f07d59ac0 100644 --- a/docs/translations/api-docs/data-grid/data-grid/data-grid.json +++ b/docs/translations/api-docs/data-grid/data-grid/data-grid.json @@ -909,10 +909,6 @@ "description": "Styles applied to {{nodeName}}.", "nodeName": "the top pinned rows container" }, - "pinnedRowsRenderZone": { - "description": "Styles applied to {{nodeName}}.", - "nodeName": "pinned rows render zones" - }, "root": { "description": "Styles applied to the root element." }, "root--densityComfortable": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", diff --git a/packages/x-data-grid/src/constants/gridClasses.ts b/packages/x-data-grid/src/constants/gridClasses.ts index 56414374fd728..402e028adeb74 100644 --- a/packages/x-data-grid/src/constants/gridClasses.ts +++ b/packages/x-data-grid/src/constants/gridClasses.ts @@ -683,10 +683,6 @@ export interface GridClasses { * Styles applied to the bottom pinned rows container. */ 'pinnedRows--bottom': string; - /** - * Styles applied to pinned rows render zones. - */ - pinnedRowsRenderZone: string; } export type GridClassKey = keyof GridClasses; @@ -863,5 +859,4 @@ export const gridClasses = generateUtilityClasses('MuiDataGrid', [ 'pinnedRows', 'pinnedRows--top', 'pinnedRows--bottom', - 'pinnedRowsRenderZone', ]); From b65b9422c9d9d671204690526120e1ea939b347b Mon Sep 17 00:00:00 2001 From: Kenan Yusuf Date: Tue, 28 Jan 2025 10:25:21 +0000 Subject: [PATCH 2/3] remove unusued classes --- docs/pages/x/api/data-grid/data-grid-premium.json | 8 +------- docs/pages/x/api/data-grid/data-grid-pro.json | 8 +------- docs/pages/x/api/data-grid/data-grid.json | 8 +------- .../data-grid/data-grid-premium/data-grid-premium.json | 4 ---- .../data-grid/data-grid-pro/data-grid-pro.json | 4 ---- .../api-docs/data-grid/data-grid/data-grid.json | 4 ---- packages/x-data-grid/src/constants/gridClasses.ts | 10 ---------- 7 files changed, 3 insertions(+), 43 deletions(-) diff --git a/docs/pages/x/api/data-grid/data-grid-premium.json b/docs/pages/x/api/data-grid/data-grid-premium.json index 3ba12d6a0ff20..605eef69b3b39 100644 --- a/docs/pages/x/api/data-grid/data-grid-premium.json +++ b/docs/pages/x/api/data-grid/data-grid-premium.json @@ -712,7 +712,7 @@ "name": "detailPanels", "description": "Component responsible for rendering the detail panels.", "default": "GridDetailPanels", - "class": "MuiDataGridPremium-detailPanels" + "class": null }, { "name": "footer", @@ -1742,12 +1742,6 @@ "description": "Styles applied to the paper element.", "isGlobal": false }, - { - "key": "pinnedColumns", - "className": "MuiDataGridPremium-pinnedColumns", - "description": "Styles applied to the pinned columns.", - "isGlobal": false - }, { "key": "pinnedRows", "className": "MuiDataGridPremium-pinnedRows", diff --git a/docs/pages/x/api/data-grid/data-grid-pro.json b/docs/pages/x/api/data-grid/data-grid-pro.json index b580075c97903..5deb3f9beeadb 100644 --- a/docs/pages/x/api/data-grid/data-grid-pro.json +++ b/docs/pages/x/api/data-grid/data-grid-pro.json @@ -647,7 +647,7 @@ "name": "detailPanels", "description": "Component responsible for rendering the detail panels.", "default": "GridDetailPanels", - "class": "MuiDataGridPro-detailPanels" + "class": null }, { "name": "footer", @@ -1647,12 +1647,6 @@ "description": "Styles applied to the paper element.", "isGlobal": false }, - { - "key": "pinnedColumns", - "className": "MuiDataGridPro-pinnedColumns", - "description": "Styles applied to the pinned columns.", - "isGlobal": false - }, { "key": "pinnedRows", "className": "MuiDataGridPro-pinnedRows", diff --git a/docs/pages/x/api/data-grid/data-grid.json b/docs/pages/x/api/data-grid/data-grid.json index 40fca2b92039c..11ee1b7512ce1 100644 --- a/docs/pages/x/api/data-grid/data-grid.json +++ b/docs/pages/x/api/data-grid/data-grid.json @@ -533,7 +533,7 @@ "name": "detailPanels", "description": "Component responsible for rendering the detail panels.", "default": "GridDetailPanels", - "class": "MuiDataGrid-detailPanels" + "class": null }, { "name": "footer", @@ -1521,12 +1521,6 @@ "description": "Styles applied to the paper element.", "isGlobal": false }, - { - "key": "pinnedColumns", - "className": "MuiDataGrid-pinnedColumns", - "description": "Styles applied to the pinned columns.", - "isGlobal": false - }, { "key": "pinnedRows", "className": "MuiDataGrid-pinnedRows", diff --git a/docs/translations/api-docs/data-grid/data-grid-premium/data-grid-premium.json b/docs/translations/api-docs/data-grid/data-grid-premium/data-grid-premium.json index d044b0e02f040..5365291cf7ae9 100644 --- a/docs/translations/api-docs/data-grid/data-grid-premium/data-grid-premium.json +++ b/docs/translations/api-docs/data-grid/data-grid-premium/data-grid-premium.json @@ -1081,10 +1081,6 @@ "nodeName": "the panel wrapper element" }, "paper": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the paper element" }, - "pinnedColumns": { - "description": "Styles applied to {{nodeName}}.", - "nodeName": "the pinned columns" - }, "pinnedRows": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the pinned rows container" diff --git a/docs/translations/api-docs/data-grid/data-grid-pro/data-grid-pro.json b/docs/translations/api-docs/data-grid/data-grid-pro/data-grid-pro.json index 88a86cbdacc4e..d5d8d81297478 100644 --- a/docs/translations/api-docs/data-grid/data-grid-pro/data-grid-pro.json +++ b/docs/translations/api-docs/data-grid/data-grid-pro/data-grid-pro.json @@ -1019,10 +1019,6 @@ "nodeName": "the panel wrapper element" }, "paper": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the paper element" }, - "pinnedColumns": { - "description": "Styles applied to {{nodeName}}.", - "nodeName": "the pinned columns" - }, "pinnedRows": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the pinned rows container" diff --git a/docs/translations/api-docs/data-grid/data-grid/data-grid.json b/docs/translations/api-docs/data-grid/data-grid/data-grid.json index 7be3f07d59ac0..3f995dbee419a 100644 --- a/docs/translations/api-docs/data-grid/data-grid/data-grid.json +++ b/docs/translations/api-docs/data-grid/data-grid/data-grid.json @@ -893,10 +893,6 @@ "nodeName": "the panel wrapper element" }, "paper": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the paper element" }, - "pinnedColumns": { - "description": "Styles applied to {{nodeName}}.", - "nodeName": "the pinned columns" - }, "pinnedRows": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the pinned rows container" diff --git a/packages/x-data-grid/src/constants/gridClasses.ts b/packages/x-data-grid/src/constants/gridClasses.ts index 402e028adeb74..be3a2a8ee288f 100644 --- a/packages/x-data-grid/src/constants/gridClasses.ts +++ b/packages/x-data-grid/src/constants/gridClasses.ts @@ -273,10 +273,6 @@ export interface GridClasses { * Styles applied to the detail panel element. */ detailPanel: string; - /** - * Styles applied to the detail panels wrapper element. - */ - detailPanels: string; /** * Styles applied to the detail panel toggle cell element. */ @@ -451,10 +447,6 @@ export interface GridClasses { * Styles applied to the virtualization render zone. */ virtualScrollerRenderZone: string; - /** - * Styles applied to the pinned columns. - */ - pinnedColumns: string; /** * Styles applied to the root element. */ @@ -759,7 +751,6 @@ export const gridClasses = generateUtilityClasses('MuiDataGrid', [ 'container--top', 'container--bottom', 'detailPanel', - 'detailPanels', 'detailPanelToggleCell', 'detailPanelToggleCell--expanded', 'footerCell', @@ -843,7 +834,6 @@ export const gridClasses = generateUtilityClasses('MuiDataGrid', [ 'virtualScrollerContent', 'virtualScrollerContent--overflowed', 'virtualScrollerRenderZone', - 'pinnedColumns', 'withVerticalBorder', 'withBorderColor', 'cell--withRightBorder', From 9afa8c80b695d0ab94e1309e53a1e892d7e93241 Mon Sep 17 00:00:00 2001 From: Kenan Yusuf Date: Tue, 28 Jan 2025 11:09:04 +0000 Subject: [PATCH 3/3] update migration guide --- .../migration-data-grid-v7/migration-data-grid-v7.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/data/migration/migration-data-grid-v7/migration-data-grid-v7.md b/docs/data/migration/migration-data-grid-v7/migration-data-grid-v7.md index 3fda7cd6c6f83..fcaee580e9608 100644 --- a/docs/data/migration/migration-data-grid-v7/migration-data-grid-v7.md +++ b/docs/data/migration/migration-data-grid-v7/migration-data-grid-v7.md @@ -114,11 +114,11 @@ Below are described the steps you need to make to migrate from v7 to v8. - The clear button in header filter cells has moved to the header filter menu. Use `slotProps={{ headerFilterCell: { showClearIcon: true } }}` to restore the clear button in the cell. -