[data grid] Base UI support, component API about mui-x

[michael-land]

I have the same issue. For a new project, I want to use JoyUI, but there's very limited support for Joy in MuiX components.

[lauri865]

I think it's the most obvious and easiest way for you to increase the market size and appeal for the data-grid package.

And I think there's some easy wins to be had. I played around with it a bit, and if we could move the defaultSlots / DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS import one level above, from e.g. from useDataGridPremiumProps to DatagridPremium component level instead, then the amount of code needed to build a custom datagrid becomes quite trivial to create and maintain.

[lauri865]

Wasn't quite as easy, still getting @mui/material inherited from various angles.

E.g. calling createColumns (see below link) somehow inherits a bunch of @mui/material:
https://github.com/mui/mui-x/blob/ced19b256c4c3322fe00954c17869634a1eca11a/packages/grid/x-data-grid/src/hooks/features/columns/gridColumnsUtils.ts#L288C19-L288C19

Either I'm not following how it can inherit @mui from there, or maybe treeshaking breaks for some reason in rollup (if so, could it be the way params are destructed with a default for columnVisibilityModel:

export const createColumnsState = ({
  apiRef,
  columnsToUpsert,
  initialState,
  columnTypes,
  columnVisibilityModel = gridColumnVisibilityModelSelector(apiRef),
  keepOnlyColumnsToUpsert = false,
}