Production Release 2025-06-10

[CodePeters]

Fixes

• fix: updated mui version #1486
• fix: fixed badge for mui #1488

Chores

• chore(renovate): stop running 'dedupe' #1485
• chore(deps): update all non-major dependencies #1487

[github-actions]

[puLL-Merge] - brave/ads-ui@1489

Description

This PR performs a major version upgrade of Material-UI (MUI) components from version 6.x to 7.x/8.x, along with several configuration and component updates. The changes include:

1. Dependency Updates: Upgrades @mui/material from 6.4.11 to 7.1.0, @mui/x-data-grid from 7.29.2 to 8.5.0, and @mui/x-date-pickers from 7.29.2 to 8.5.0
2. Configuration Changes: Moves renovate config to .github/ directory and removes pnpmDedupe option
3. Component API Updates: Updates DataGrid component usage to match new API patterns, including toolbar customization
4. GraphQL Schema Updates: Updates the schema with new creative payload types and field changes

Possible Issues

• Breaking Changes: The major version bump from MUI v6 to v7/8 likely introduces breaking changes that may affect component behavior and styling throughout the application
• DataGrid API Changes: The switch from autoHeight prop to height: "auto" in sx prop and changes to row selection handling (rowSelectionModel.ids instead of array access) suggests API changes that could break other DataGrid instances
• Toolbar Customization: Complete rewrite of CustomToolbar component suggests the toolbar API has changed significantly, which may affect other components using custom toolbars
• GraphQL Schema Drift: The schema changes appear to be automatically generated, but the addition of new creative payload types and removal of deprecated fields could break existing queries
• Missing Migration: No evidence of systematic migration of other MUI components that may be affected by the v6→v7 upgrade

Changes

Changes

renovate.json → .github/renovate.json

• Moved configuration file to standard .github/ location
• Removed postUpdateOptions: ["pnpmDedupe"] configuration

package.json & pnpm-lock.yaml

• Upgraded @mui/material from 6.4.11 to 7.1.0
• Upgraded @mui/x-data-grid from 7.29.2 to 8.5.0
• Upgraded @mui/x-date-pickers from 7.29.2 to 8.5.0
• Updated all transitive dependencies and version locks

src/components/Assets/AdvertiserAssets.tsx

• Changed Grid prop from xs="auto" to sx={{ width: "auto" }}

src/components/Creatives/CreativeList.tsx

• Added showToolbar prop to DataGrid

src/components/Datagrid/CustomToolbar.tsx

• Complete rewrite using new MUI X DataGrid v8 toolbar API
• Replaced GridToolbar* components with new Toolbar, QuickFilter*, and trigger components
• Added custom styling and tooltips for toolbar elements

src/user/campaignList/CampaignList.tsx

• Replaced autoHeight prop with sx={{ height: "auto" }}
• Updated row selection handling from array access to rowSelectionModel.ids.size and iterator pattern
• Added showToolbar prop and styling updates

src/graphql-client/gql.ts & graphql.ts

• Added type definitions for new Document types
• Updated generated GraphQL types including new RichNewTabPagePayload types
• Modified Creative type to include new payload options
• Updated ChangeFilter input type structure

src/graphql/ads-serve.graphql.schema.json

• Extensive schema updates including new creative payload types
• Added RichNewTabPagePayload and related input types
• Modified existing type descriptions and field structures
• Removed deprecated segments query

sequenceDiagram
    participant Dev as Developer
    participant Renovate as Renovate Bot
    participant Package as Package Manager
    participant MUI as MUI Library
    participant App as Application

    Dev->>Renovate: Configure dependency updates
    Renovate->>Package: Update MUI dependencies v6→v7/8
    Package->>MUI: Install new versions
    Dev->>App: Update component usage for new APIs
    App->>MUI: Use DataGrid with new toolbar API
    App->>MUI: Use Grid with sx props instead of xs
    Dev->>App: Update GraphQL schema and types
    App->>App: Generate new type definitions

Loading