@mui/x-data-grid 8.0.0-beta.2 → 8.0.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (321) hide show
  1. package/CHANGELOG.md +141 -0
  2. package/DataGrid/DataGrid.js +8 -2
  3. package/DataGrid/useDataGridProps.js +1 -1
  4. package/components/GridScrollArea.js +4 -4
  5. package/components/GridSkeletonLoadingOverlay.js +1 -1
  6. package/components/cell/GridActionsCellItem.d.ts +24 -13
  7. package/components/cell/GridActionsCellItem.js +5 -2
  8. package/components/columnSelection/GridCellCheckboxRenderer.d.ts +2 -2
  9. package/components/columnSelection/GridHeaderCheckbox.d.ts +1 -1
  10. package/components/columnsManagement/GridColumnsManagement.js +1 -24
  11. package/components/columnsPanel/ColumnsPanelTrigger.js +4 -129
  12. package/components/export/ExportCsv.js +4 -129
  13. package/components/export/ExportPrint.js +4 -129
  14. package/components/filterPanel/FilterPanelTrigger.js +4 -129
  15. package/components/panel/GridPanel.d.ts +2 -2
  16. package/components/panel/GridPanel.js +1 -1
  17. package/components/panel/filterPanel/filterPanelUtils.d.ts +1 -1
  18. package/components/quickFilter/QuickFilterClear.js +3 -100
  19. package/components/quickFilter/QuickFilterControl.js +0 -2
  20. package/components/quickFilter/QuickFilterTrigger.js +4 -129
  21. package/components/toolbar/GridToolbar.js +4 -1
  22. package/components/toolbar/GridToolbarDensitySelector.js +1 -1
  23. package/components/toolbar/GridToolbarExportContainer.js +1 -1
  24. package/components/toolbar/GridToolbarQuickFilter.js +1 -2
  25. package/components/toolbarV8/GridToolbar.d.ts +6 -1
  26. package/components/toolbarV8/GridToolbar.js +64 -9
  27. package/components/toolbarV8/Toolbar.js +2 -0
  28. package/components/toolbarV8/ToolbarButton.js +3 -100
  29. package/components/virtualization/GridVirtualScrollbar.js +1 -1
  30. package/components/virtualization/GridVirtualScroller.js +2 -2
  31. package/constants/cssVariables.d.ts +3 -0
  32. package/constants/cssVariables.js +2 -1
  33. package/constants/gridClasses.d.ts +8 -0
  34. package/constants/gridClasses.js +1 -1
  35. package/esm/DataGrid/DataGrid.js +8 -2
  36. package/esm/DataGrid/useDataGridProps.js +1 -1
  37. package/esm/components/GridScrollArea.js +4 -4
  38. package/esm/components/GridSkeletonLoadingOverlay.js +2 -2
  39. package/esm/components/cell/GridActionsCellItem.d.ts +24 -13
  40. package/esm/components/cell/GridActionsCellItem.js +4 -3
  41. package/esm/components/columnSelection/GridCellCheckboxRenderer.d.ts +2 -2
  42. package/esm/components/columnSelection/GridHeaderCheckbox.d.ts +1 -1
  43. package/esm/components/columnsManagement/GridColumnsManagement.js +1 -24
  44. package/esm/components/columnsPanel/ColumnsPanelTrigger.js +4 -129
  45. package/esm/components/export/ExportCsv.js +4 -129
  46. package/esm/components/export/ExportPrint.js +4 -129
  47. package/esm/components/filterPanel/FilterPanelTrigger.js +4 -129
  48. package/esm/components/panel/GridPanel.d.ts +2 -2
  49. package/esm/components/panel/GridPanel.js +1 -1
  50. package/esm/components/panel/filterPanel/filterPanelUtils.d.ts +1 -1
  51. package/esm/components/quickFilter/QuickFilterClear.js +3 -100
  52. package/esm/components/quickFilter/QuickFilterControl.js +0 -2
  53. package/esm/components/quickFilter/QuickFilterTrigger.js +4 -129
  54. package/esm/components/toolbar/GridToolbar.js +4 -1
  55. package/esm/components/toolbar/GridToolbarDensitySelector.js +1 -1
  56. package/esm/components/toolbar/GridToolbarExportContainer.js +1 -1
  57. package/esm/components/toolbar/GridToolbarQuickFilter.js +1 -2
  58. package/esm/components/toolbarV8/GridToolbar.d.ts +6 -1
  59. package/esm/components/toolbarV8/GridToolbar.js +62 -9
  60. package/esm/components/toolbarV8/Toolbar.js +2 -0
  61. package/esm/components/toolbarV8/ToolbarButton.js +3 -100
  62. package/esm/components/virtualization/GridVirtualScrollbar.js +1 -1
  63. package/esm/components/virtualization/GridVirtualScroller.js +2 -2
  64. package/esm/constants/cssVariables.d.ts +3 -0
  65. package/esm/constants/cssVariables.js +2 -1
  66. package/esm/constants/gridClasses.d.ts +8 -0
  67. package/esm/constants/gridClasses.js +1 -1
  68. package/esm/hooks/core/gridCoreSelector.d.ts +1 -1
  69. package/esm/hooks/core/gridPropsSelectors.d.ts +1 -1
  70. package/esm/hooks/features/clipboard/useGridClipboard.js +2 -2
  71. package/esm/hooks/features/columnGrouping/gridColumnGroupsSelector.d.ts +5 -5
  72. package/esm/hooks/features/columnGrouping/useGridColumnGrouping.js +4 -4
  73. package/esm/hooks/features/columnHeaders/useGridColumnHeaders.js +5 -5
  74. package/esm/hooks/features/columnMenu/columnMenuSelector.d.ts +1 -1
  75. package/esm/hooks/features/columnMenu/useGridColumnMenu.js +4 -4
  76. package/esm/hooks/features/columnResize/columnResizeSelector.d.ts +2 -2
  77. package/esm/hooks/features/columnResize/useGridColumnResize.js +7 -7
  78. package/esm/hooks/features/columns/gridColumnsSelector.d.ts +14 -14
  79. package/esm/hooks/features/columns/gridColumnsUtils.d.ts +1 -1
  80. package/esm/hooks/features/columns/gridColumnsUtils.js +1 -1
  81. package/esm/hooks/features/columns/useGridColumnSpanning.js +2 -2
  82. package/esm/hooks/features/columns/useGridColumns.js +2 -2
  83. package/esm/hooks/features/dataSource/gridDataSourceSelector.d.ts +4 -4
  84. package/esm/hooks/features/dataSource/useGridDataSource.js +1 -1
  85. package/esm/hooks/features/density/densitySelector.d.ts +2 -2
  86. package/esm/hooks/features/dimensions/gridDimensionsSelectors.d.ts +13 -13
  87. package/esm/hooks/features/dimensions/useGridDimensions.js +4 -4
  88. package/esm/hooks/features/editing/gridEditingSelectors.d.ts +4 -4
  89. package/esm/hooks/features/editing/useGridCellEditing.js +8 -8
  90. package/esm/hooks/features/editing/useGridRowEditing.js +9 -9
  91. package/esm/hooks/features/events/useGridEvents.js +18 -18
  92. package/esm/hooks/features/filter/gridFilterSelector.d.ts +18 -18
  93. package/esm/hooks/features/filter/useGridFilter.js +6 -6
  94. package/esm/hooks/features/focus/gridFocusStateSelector.d.ts +10 -10
  95. package/esm/hooks/features/focus/useGridFocus.js +10 -10
  96. package/esm/hooks/features/headerFiltering/gridHeaderFilteringSelectors.d.ts +4 -4
  97. package/esm/hooks/features/keyboardNavigation/useGridKeyboardNavigation.d.ts +1 -1
  98. package/esm/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +6 -6
  99. package/esm/hooks/features/listView/gridListViewSelectors.d.ts +1 -1
  100. package/esm/hooks/features/listView/useGridListView.d.ts +4 -4
  101. package/esm/hooks/features/listView/useGridListView.js +9 -9
  102. package/esm/hooks/features/pagination/gridPaginationSelector.d.ts +14 -14
  103. package/esm/hooks/features/pagination/useGridPaginationModel.js +6 -6
  104. package/esm/hooks/features/pagination/useGridRowCount.js +2 -2
  105. package/esm/hooks/features/preferencesPanel/gridPreferencePanelSelector.d.ts +2 -2
  106. package/esm/hooks/features/rowSelection/gridRowSelectionSelector.d.ts +4 -4
  107. package/esm/hooks/features/rowSelection/useGridRowSelection.js +8 -8
  108. package/esm/hooks/features/rowSelection/utils.d.ts +1 -1
  109. package/esm/hooks/features/rows/gridRowSpanningSelectors.d.ts +3 -3
  110. package/esm/hooks/features/rows/gridRowsMetaSelector.d.ts +1 -1
  111. package/esm/hooks/features/rows/gridRowsSelector.d.ts +21 -20
  112. package/esm/hooks/features/rows/gridRowsSelector.js +7 -0
  113. package/esm/hooks/features/rows/useGridParamsApi.js +2 -2
  114. package/esm/hooks/features/rows/useGridRowSpanning.js +6 -6
  115. package/esm/hooks/features/rows/useGridRows.js +5 -5
  116. package/esm/hooks/features/scroll/useGridScroll.d.ts +1 -1
  117. package/esm/hooks/features/scroll/useGridScroll.js +2 -2
  118. package/esm/hooks/features/sorting/gridSortingSelector.d.ts +5 -5
  119. package/esm/hooks/features/sorting/useGridSorting.js +6 -6
  120. package/esm/hooks/features/virtualization/gridFocusedVirtualCellSelector.d.ts +2 -2
  121. package/esm/hooks/features/virtualization/gridVirtualizationSelectors.d.ts +6 -6
  122. package/esm/hooks/features/virtualization/useGridVirtualScroller.js +7 -7
  123. package/esm/hooks/utils/index.d.ts +1 -1
  124. package/esm/hooks/utils/index.js +1 -1
  125. package/esm/hooks/utils/useGridAriaAttributes.js +6 -0
  126. package/esm/hooks/utils/{useGridApiEventHandler.d.ts → useGridEvent.d.ts} +2 -2
  127. package/{modern/hooks/utils/useGridApiEventHandler.js → esm/hooks/utils/useGridEvent.js} +3 -3
  128. package/esm/hooks/utils/useGridNativeEventListener.js +2 -2
  129. package/esm/hooks/utils/useGridVisibleRows.d.ts +4 -4
  130. package/esm/index.js +1 -1
  131. package/esm/material/augmentation.d.ts +74 -0
  132. package/esm/material/augmentation.js +1 -0
  133. package/esm/material/index.d.ts +1 -0
  134. package/esm/material/index.js +262 -141
  135. package/esm/material/variables.js +2 -0
  136. package/esm/models/colDef/gridColDef.d.ts +1 -1
  137. package/esm/models/colDef/index.d.ts +1 -1
  138. package/esm/models/gridBaseSlots.d.ts +25 -36
  139. package/esm/models/gridSlotsComponentsProps.d.ts +1 -19
  140. package/esm/models/props/DataGridProps.d.ts +14 -8
  141. package/hooks/core/gridCoreSelector.d.ts +1 -1
  142. package/hooks/core/gridPropsSelectors.d.ts +1 -1
  143. package/hooks/features/clipboard/useGridClipboard.js +1 -1
  144. package/hooks/features/columnGrouping/gridColumnGroupsSelector.d.ts +5 -5
  145. package/hooks/features/columnGrouping/useGridColumnGrouping.js +4 -4
  146. package/hooks/features/columnHeaders/useGridColumnHeaders.js +5 -5
  147. package/hooks/features/columnMenu/columnMenuSelector.d.ts +1 -1
  148. package/hooks/features/columnMenu/useGridColumnMenu.js +3 -3
  149. package/hooks/features/columnResize/columnResizeSelector.d.ts +2 -2
  150. package/hooks/features/columnResize/useGridColumnResize.js +6 -6
  151. package/hooks/features/columns/gridColumnsSelector.d.ts +14 -14
  152. package/hooks/features/columns/gridColumnsUtils.d.ts +1 -1
  153. package/hooks/features/columns/gridColumnsUtils.js +1 -1
  154. package/hooks/features/columns/useGridColumnSpanning.js +2 -2
  155. package/hooks/features/columns/useGridColumns.js +2 -2
  156. package/hooks/features/dataSource/gridDataSourceSelector.d.ts +4 -4
  157. package/hooks/features/dataSource/useGridDataSource.js +2 -2
  158. package/hooks/features/density/densitySelector.d.ts +2 -2
  159. package/hooks/features/dimensions/gridDimensionsSelectors.d.ts +13 -13
  160. package/hooks/features/dimensions/useGridDimensions.js +4 -4
  161. package/hooks/features/editing/gridEditingSelectors.d.ts +4 -4
  162. package/hooks/features/editing/useGridCellEditing.js +8 -8
  163. package/hooks/features/editing/useGridRowEditing.js +9 -9
  164. package/hooks/features/events/useGridEvents.js +18 -18
  165. package/hooks/features/filter/gridFilterSelector.d.ts +18 -18
  166. package/hooks/features/filter/useGridFilter.js +6 -6
  167. package/hooks/features/focus/gridFocusStateSelector.d.ts +10 -10
  168. package/hooks/features/focus/useGridFocus.js +10 -10
  169. package/hooks/features/headerFiltering/gridHeaderFilteringSelectors.d.ts +4 -4
  170. package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.d.ts +1 -1
  171. package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +6 -6
  172. package/hooks/features/listView/gridListViewSelectors.d.ts +1 -1
  173. package/hooks/features/listView/useGridListView.d.ts +4 -4
  174. package/hooks/features/listView/useGridListView.js +9 -9
  175. package/hooks/features/pagination/gridPaginationSelector.d.ts +14 -14
  176. package/hooks/features/pagination/useGridPaginationModel.js +5 -5
  177. package/hooks/features/pagination/useGridRowCount.js +1 -1
  178. package/hooks/features/preferencesPanel/gridPreferencePanelSelector.d.ts +2 -2
  179. package/hooks/features/rowSelection/gridRowSelectionSelector.d.ts +4 -4
  180. package/hooks/features/rowSelection/useGridRowSelection.js +8 -8
  181. package/hooks/features/rowSelection/utils.d.ts +1 -1
  182. package/hooks/features/rows/gridRowSpanningSelectors.d.ts +3 -3
  183. package/hooks/features/rows/gridRowsMetaSelector.d.ts +1 -1
  184. package/hooks/features/rows/gridRowsSelector.d.ts +21 -20
  185. package/hooks/features/rows/gridRowsSelector.js +8 -1
  186. package/hooks/features/rows/useGridParamsApi.js +2 -2
  187. package/hooks/features/rows/useGridRowSpanning.js +6 -6
  188. package/hooks/features/rows/useGridRows.js +4 -4
  189. package/hooks/features/scroll/useGridScroll.d.ts +1 -1
  190. package/hooks/features/scroll/useGridScroll.js +2 -2
  191. package/hooks/features/sorting/gridSortingSelector.d.ts +5 -5
  192. package/hooks/features/sorting/useGridSorting.js +6 -6
  193. package/hooks/features/virtualization/gridFocusedVirtualCellSelector.d.ts +2 -2
  194. package/hooks/features/virtualization/gridVirtualizationSelectors.d.ts +6 -6
  195. package/hooks/features/virtualization/useGridVirtualScroller.js +6 -6
  196. package/hooks/utils/index.d.ts +1 -1
  197. package/hooks/utils/index.js +8 -8
  198. package/hooks/utils/useGridAriaAttributes.js +6 -0
  199. package/{modern/hooks/utils/useGridApiEventHandler.d.ts → hooks/utils/useGridEvent.d.ts} +2 -2
  200. package/hooks/utils/{useGridApiEventHandler.js → useGridEvent.js} +5 -5
  201. package/hooks/utils/useGridNativeEventListener.js +2 -2
  202. package/hooks/utils/useGridVisibleRows.d.ts +4 -4
  203. package/index.js +1 -1
  204. package/material/augmentation.d.ts +74 -0
  205. package/material/augmentation.js +5 -0
  206. package/material/index.d.ts +1 -0
  207. package/material/index.js +261 -141
  208. package/material/variables.js +2 -0
  209. package/models/colDef/gridColDef.d.ts +1 -1
  210. package/models/colDef/index.d.ts +1 -1
  211. package/models/gridBaseSlots.d.ts +25 -36
  212. package/models/gridSlotsComponentsProps.d.ts +1 -19
  213. package/models/props/DataGridProps.d.ts +14 -8
  214. package/modern/DataGrid/DataGrid.js +8 -2
  215. package/modern/DataGrid/useDataGridProps.js +1 -1
  216. package/modern/components/GridScrollArea.js +4 -4
  217. package/modern/components/GridSkeletonLoadingOverlay.js +2 -2
  218. package/modern/components/cell/GridActionsCellItem.d.ts +24 -13
  219. package/modern/components/cell/GridActionsCellItem.js +4 -3
  220. package/modern/components/columnSelection/GridCellCheckboxRenderer.d.ts +2 -2
  221. package/modern/components/columnSelection/GridHeaderCheckbox.d.ts +1 -1
  222. package/modern/components/columnsManagement/GridColumnsManagement.js +1 -24
  223. package/modern/components/columnsPanel/ColumnsPanelTrigger.js +4 -129
  224. package/modern/components/export/ExportCsv.js +4 -129
  225. package/modern/components/export/ExportPrint.js +4 -129
  226. package/modern/components/filterPanel/FilterPanelTrigger.js +4 -129
  227. package/modern/components/panel/GridPanel.d.ts +2 -2
  228. package/modern/components/panel/GridPanel.js +1 -1
  229. package/modern/components/panel/filterPanel/filterPanelUtils.d.ts +1 -1
  230. package/modern/components/quickFilter/QuickFilterClear.js +3 -100
  231. package/modern/components/quickFilter/QuickFilterControl.js +0 -2
  232. package/modern/components/quickFilter/QuickFilterTrigger.js +4 -129
  233. package/modern/components/toolbar/GridToolbar.js +4 -1
  234. package/modern/components/toolbar/GridToolbarDensitySelector.js +1 -1
  235. package/modern/components/toolbar/GridToolbarExportContainer.js +1 -1
  236. package/modern/components/toolbar/GridToolbarQuickFilter.js +1 -2
  237. package/modern/components/toolbarV8/GridToolbar.d.ts +6 -1
  238. package/modern/components/toolbarV8/GridToolbar.js +62 -9
  239. package/modern/components/toolbarV8/Toolbar.js +2 -0
  240. package/modern/components/toolbarV8/ToolbarButton.js +3 -100
  241. package/modern/components/virtualization/GridVirtualScrollbar.js +1 -1
  242. package/modern/components/virtualization/GridVirtualScroller.js +2 -2
  243. package/modern/constants/cssVariables.d.ts +3 -0
  244. package/modern/constants/cssVariables.js +2 -1
  245. package/modern/constants/gridClasses.d.ts +8 -0
  246. package/modern/constants/gridClasses.js +1 -1
  247. package/modern/hooks/core/gridCoreSelector.d.ts +1 -1
  248. package/modern/hooks/core/gridPropsSelectors.d.ts +1 -1
  249. package/modern/hooks/features/clipboard/useGridClipboard.js +2 -2
  250. package/modern/hooks/features/columnGrouping/gridColumnGroupsSelector.d.ts +5 -5
  251. package/modern/hooks/features/columnGrouping/useGridColumnGrouping.js +4 -4
  252. package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +5 -5
  253. package/modern/hooks/features/columnMenu/columnMenuSelector.d.ts +1 -1
  254. package/modern/hooks/features/columnMenu/useGridColumnMenu.js +4 -4
  255. package/modern/hooks/features/columnResize/columnResizeSelector.d.ts +2 -2
  256. package/modern/hooks/features/columnResize/useGridColumnResize.js +7 -7
  257. package/modern/hooks/features/columns/gridColumnsSelector.d.ts +14 -14
  258. package/modern/hooks/features/columns/gridColumnsUtils.d.ts +1 -1
  259. package/modern/hooks/features/columns/gridColumnsUtils.js +1 -1
  260. package/modern/hooks/features/columns/useGridColumnSpanning.js +2 -2
  261. package/modern/hooks/features/columns/useGridColumns.js +2 -2
  262. package/modern/hooks/features/dataSource/gridDataSourceSelector.d.ts +4 -4
  263. package/modern/hooks/features/dataSource/useGridDataSource.js +1 -1
  264. package/modern/hooks/features/density/densitySelector.d.ts +2 -2
  265. package/modern/hooks/features/dimensions/gridDimensionsSelectors.d.ts +13 -13
  266. package/modern/hooks/features/dimensions/useGridDimensions.js +4 -4
  267. package/modern/hooks/features/editing/gridEditingSelectors.d.ts +4 -4
  268. package/modern/hooks/features/editing/useGridCellEditing.js +8 -8
  269. package/modern/hooks/features/editing/useGridRowEditing.js +9 -9
  270. package/modern/hooks/features/events/useGridEvents.js +18 -18
  271. package/modern/hooks/features/filter/gridFilterSelector.d.ts +18 -18
  272. package/modern/hooks/features/filter/useGridFilter.js +6 -6
  273. package/modern/hooks/features/focus/gridFocusStateSelector.d.ts +10 -10
  274. package/modern/hooks/features/focus/useGridFocus.js +10 -10
  275. package/modern/hooks/features/headerFiltering/gridHeaderFilteringSelectors.d.ts +4 -4
  276. package/modern/hooks/features/keyboardNavigation/useGridKeyboardNavigation.d.ts +1 -1
  277. package/modern/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +6 -6
  278. package/modern/hooks/features/listView/gridListViewSelectors.d.ts +1 -1
  279. package/modern/hooks/features/listView/useGridListView.d.ts +4 -4
  280. package/modern/hooks/features/listView/useGridListView.js +9 -9
  281. package/modern/hooks/features/pagination/gridPaginationSelector.d.ts +14 -14
  282. package/modern/hooks/features/pagination/useGridPaginationModel.js +6 -6
  283. package/modern/hooks/features/pagination/useGridRowCount.js +2 -2
  284. package/modern/hooks/features/preferencesPanel/gridPreferencePanelSelector.d.ts +2 -2
  285. package/modern/hooks/features/rowSelection/gridRowSelectionSelector.d.ts +4 -4
  286. package/modern/hooks/features/rowSelection/useGridRowSelection.js +8 -8
  287. package/modern/hooks/features/rowSelection/utils.d.ts +1 -1
  288. package/modern/hooks/features/rows/gridRowSpanningSelectors.d.ts +3 -3
  289. package/modern/hooks/features/rows/gridRowsMetaSelector.d.ts +1 -1
  290. package/modern/hooks/features/rows/gridRowsSelector.d.ts +21 -20
  291. package/modern/hooks/features/rows/gridRowsSelector.js +7 -0
  292. package/modern/hooks/features/rows/useGridParamsApi.js +2 -2
  293. package/modern/hooks/features/rows/useGridRowSpanning.js +6 -6
  294. package/modern/hooks/features/rows/useGridRows.js +5 -5
  295. package/modern/hooks/features/scroll/useGridScroll.d.ts +1 -1
  296. package/modern/hooks/features/scroll/useGridScroll.js +2 -2
  297. package/modern/hooks/features/sorting/gridSortingSelector.d.ts +5 -5
  298. package/modern/hooks/features/sorting/useGridSorting.js +6 -6
  299. package/modern/hooks/features/virtualization/gridFocusedVirtualCellSelector.d.ts +2 -2
  300. package/modern/hooks/features/virtualization/gridVirtualizationSelectors.d.ts +6 -6
  301. package/modern/hooks/features/virtualization/useGridVirtualScroller.js +7 -7
  302. package/modern/hooks/utils/index.d.ts +1 -1
  303. package/modern/hooks/utils/index.js +1 -1
  304. package/modern/hooks/utils/useGridAriaAttributes.js +6 -0
  305. package/{hooks/utils/useGridApiEventHandler.d.ts → modern/hooks/utils/useGridEvent.d.ts} +2 -2
  306. package/{esm/hooks/utils/useGridApiEventHandler.js → modern/hooks/utils/useGridEvent.js} +3 -3
  307. package/modern/hooks/utils/useGridNativeEventListener.js +2 -2
  308. package/modern/hooks/utils/useGridVisibleRows.d.ts +4 -4
  309. package/modern/index.js +1 -1
  310. package/modern/material/augmentation.d.ts +74 -0
  311. package/modern/material/augmentation.js +1 -0
  312. package/modern/material/index.d.ts +1 -0
  313. package/modern/material/index.js +262 -141
  314. package/modern/material/variables.js +2 -0
  315. package/modern/models/colDef/gridColDef.d.ts +1 -1
  316. package/modern/models/colDef/index.d.ts +1 -1
  317. package/modern/models/gridBaseSlots.d.ts +25 -36
  318. package/modern/models/gridSlotsComponentsProps.d.ts +1 -19
  319. package/modern/models/props/DataGridProps.d.ts +14 -8
  320. package/package.json +6 -6
  321. package/tsconfig.build.tsbuildinfo +1 -1
@@ -80,147 +80,22 @@ process.env.NODE_ENV !== "production" ? ColumnsPanelTrigger.propTypes = {
80
80
  // | These PropTypes are generated from the TypeScript type definitions |
81
81
  // | To update them edit the TypeScript types and run "pnpm proptypes" |
82
82
  // ----------------------------------------------------------------------
83
- /**
84
- * A ref for imperative actions.
85
- * It currently only supports `focusVisible()` action.
86
- */
87
- action: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
88
- current: PropTypes.shape({
89
- focusVisible: PropTypes.func.isRequired
90
- })
91
- })]),
92
- /**
93
- * If `true`, the ripples are centered.
94
- * They won't start at the cursor interaction position.
95
- * @default false
96
- */
97
- centerRipple: PropTypes.bool,
98
83
  /**
99
84
  * Override or extend the styles applied to the component.
100
85
  */
101
86
  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
102
- /**
103
- * The color of the component.
104
- * It supports both default and custom theme colors, which can be added as shown in the
105
- * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
106
- * @default 'primary'
107
- */
108
- color: PropTypes.oneOf(['error', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']),
109
- component: PropTypes.elementType,
110
- /**
111
- * If `true`, the component is disabled.
112
- */
113
87
  disabled: PropTypes.bool,
114
- /**
115
- * If `true`, no elevation is used.
116
- * @default false
117
- */
118
- disableElevation: PropTypes.bool,
119
- /**
120
- * If `true`, the keyboard focus ripple is disabled.
121
- * @default false
122
- */
123
- disableFocusRipple: PropTypes.bool,
124
- /**
125
- * If `true`, the ripple effect is disabled.
126
- *
127
- * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
128
- * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
129
- * @default false
130
- */
131
- disableRipple: PropTypes.bool,
132
- /**
133
- * If `true`, the touch ripple effect is disabled.
134
- * @default false
135
- */
136
- disableTouchRipple: PropTypes.bool,
137
- /**
138
- * Element placed after the children.
139
- */
140
- endIcon: PropTypes.node,
141
- /**
142
- * If `true`, the base button will have a keyboard focus ripple.
143
- * @default false
144
- */
145
- focusRipple: PropTypes.bool,
146
- /**
147
- * This prop can help identify which element has keyboard focus.
148
- * The class name will be applied when the element gains the focus through keyboard interaction.
149
- * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
150
- * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
151
- * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
152
- * if needed.
153
- */
154
- focusVisibleClassName: PropTypes.string,
155
- /**
156
- * If `true`, the button will take up the full width of its container.
157
- * @default false
158
- */
159
- fullWidth: PropTypes.bool,
160
- /**
161
- * The URL to link to when the button is clicked.
162
- * If defined, an `a` element will be used as the root node.
163
- */
164
- href: PropTypes.string,
165
- /**
166
- * The component used to render a link when the `href` prop is provided.
167
- * @default 'a'
168
- */
169
- LinkComponent: PropTypes.elementType,
170
- /**
171
- * If `true`, the loading indicator is visible and the button is disabled.
172
- * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
173
- * @default null
174
- */
175
- loading: PropTypes.bool,
176
- /**
177
- * Element placed before the children if the button is in loading state.
178
- * The node should contain an element with `role="progressbar"` with an accessible name.
179
- * By default, it renders a `CircularProgress` that is labeled by the button itself.
180
- * @default <CircularProgress color="inherit" size={16} />
181
- */
182
- loadingIndicator: PropTypes.node,
183
- /**
184
- * The loading indicator can be positioned on the start, end, or the center of the button.
185
- * @default 'center'
186
- */
187
- loadingPosition: PropTypes.oneOf(['center', 'end', 'start']),
188
- /**
189
- * Callback fired when the component is focused with a keyboard.
190
- * We trigger a `onFocus` callback too.
191
- */
192
- onFocusVisible: PropTypes.func,
88
+ id: PropTypes.string,
193
89
  /**
194
90
  * A function to customize rendering of the component.
195
91
  */
196
92
  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
197
- /**
198
- * The size of the component.
199
- * `small` is equivalent to the dense button styling.
200
- */
93
+ role: PropTypes.string,
201
94
  size: PropTypes.oneOf(['large', 'medium', 'small']),
202
- /**
203
- * Element placed before the children.
204
- */
205
95
  startIcon: PropTypes.node,
206
96
  style: PropTypes.object,
207
- /**
208
- * The system prop that allows defining system overrides as well as additional CSS styles.
209
- */
210
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
211
97
  tabIndex: PropTypes.number,
212
- /**
213
- * Props applied to the `TouchRipple` element.
214
- */
215
- TouchRippleProps: PropTypes.object,
216
- /**
217
- * A ref that points to the `TouchRipple` element.
218
- */
219
- touchRippleRef: PropTypes.any,
220
- /**
221
- * The variant to use.
222
- * @default 'text'
223
- */
224
- variant: PropTypes.oneOf(['contained', 'outlined', 'text'])
98
+ title: PropTypes.string,
99
+ touchRippleRef: PropTypes.any
225
100
  } : void 0;
226
101
  export { ColumnsPanelTrigger };
@@ -47,113 +47,9 @@ process.env.NODE_ENV !== "production" ? ExportCsv.propTypes = {
47
47
  // | These PropTypes are generated from the TypeScript type definitions |
48
48
  // | To update them edit the TypeScript types and run "pnpm proptypes" |
49
49
  // ----------------------------------------------------------------------
50
- /**
51
- * A ref for imperative actions.
52
- * It currently only supports `focusVisible()` action.
53
- */
54
- action: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
55
- current: PropTypes.shape({
56
- focusVisible: PropTypes.func.isRequired
57
- })
58
- })]),
59
- /**
60
- * If `true`, the ripples are centered.
61
- * They won't start at the cursor interaction position.
62
- * @default false
63
- */
64
- centerRipple: PropTypes.bool,
65
50
  className: PropTypes.string,
66
- /**
67
- * The color of the component.
68
- * It supports both default and custom theme colors, which can be added as shown in the
69
- * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
70
- * @default 'primary'
71
- */
72
- color: PropTypes.oneOf(['error', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']),
73
- component: PropTypes.elementType,
74
- /**
75
- * If `true`, the component is disabled.
76
- */
77
51
  disabled: PropTypes.bool,
78
- /**
79
- * If `true`, no elevation is used.
80
- * @default false
81
- */
82
- disableElevation: PropTypes.bool,
83
- /**
84
- * If `true`, the keyboard focus ripple is disabled.
85
- * @default false
86
- */
87
- disableFocusRipple: PropTypes.bool,
88
- /**
89
- * If `true`, the ripple effect is disabled.
90
- *
91
- * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
92
- * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
93
- * @default false
94
- */
95
- disableRipple: PropTypes.bool,
96
- /**
97
- * If `true`, the touch ripple effect is disabled.
98
- * @default false
99
- */
100
- disableTouchRipple: PropTypes.bool,
101
- /**
102
- * Element placed after the children.
103
- */
104
- endIcon: PropTypes.node,
105
- /**
106
- * If `true`, the base button will have a keyboard focus ripple.
107
- * @default false
108
- */
109
- focusRipple: PropTypes.bool,
110
- /**
111
- * This prop can help identify which element has keyboard focus.
112
- * The class name will be applied when the element gains the focus through keyboard interaction.
113
- * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
114
- * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
115
- * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
116
- * if needed.
117
- */
118
- focusVisibleClassName: PropTypes.string,
119
- /**
120
- * If `true`, the button will take up the full width of its container.
121
- * @default false
122
- */
123
- fullWidth: PropTypes.bool,
124
- /**
125
- * The URL to link to when the button is clicked.
126
- * If defined, an `a` element will be used as the root node.
127
- */
128
- href: PropTypes.string,
129
- /**
130
- * The component used to render a link when the `href` prop is provided.
131
- * @default 'a'
132
- */
133
- LinkComponent: PropTypes.elementType,
134
- /**
135
- * If `true`, the loading indicator is visible and the button is disabled.
136
- * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
137
- * @default null
138
- */
139
- loading: PropTypes.bool,
140
- /**
141
- * Element placed before the children if the button is in loading state.
142
- * The node should contain an element with `role="progressbar"` with an accessible name.
143
- * By default, it renders a `CircularProgress` that is labeled by the button itself.
144
- * @default <CircularProgress color="inherit" size={16} />
145
- */
146
- loadingIndicator: PropTypes.node,
147
- /**
148
- * The loading indicator can be positioned on the start, end, or the center of the button.
149
- * @default 'center'
150
- */
151
- loadingPosition: PropTypes.oneOf(['center', 'end', 'start']),
152
- /**
153
- * Callback fired when the component is focused with a keyboard.
154
- * We trigger a `onFocus` callback too.
155
- */
156
- onFocusVisible: PropTypes.func,
52
+ id: PropTypes.string,
157
53
  /**
158
54
  * The options to apply on the CSV export.
159
55
  * @demos
@@ -175,33 +71,12 @@ process.env.NODE_ENV !== "production" ? ExportCsv.propTypes = {
175
71
  * A function to customize rendering of the component.
176
72
  */
177
73
  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
178
- /**
179
- * The size of the component.
180
- * `small` is equivalent to the dense button styling.
181
- */
74
+ role: PropTypes.string,
182
75
  size: PropTypes.oneOf(['large', 'medium', 'small']),
183
- /**
184
- * Element placed before the children.
185
- */
186
76
  startIcon: PropTypes.node,
187
77
  style: PropTypes.object,
188
- /**
189
- * The system prop that allows defining system overrides as well as additional CSS styles.
190
- */
191
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
192
78
  tabIndex: PropTypes.number,
193
- /**
194
- * Props applied to the `TouchRipple` element.
195
- */
196
- TouchRippleProps: PropTypes.object,
197
- /**
198
- * A ref that points to the `TouchRipple` element.
199
- */
200
- touchRippleRef: PropTypes.any,
201
- /**
202
- * The variant to use.
203
- * @default 'text'
204
- */
205
- variant: PropTypes.oneOf(['contained', 'outlined', 'text'])
79
+ title: PropTypes.string,
80
+ touchRippleRef: PropTypes.any
206
81
  } : void 0;
207
82
  export { ExportCsv };
@@ -47,113 +47,9 @@ process.env.NODE_ENV !== "production" ? ExportPrint.propTypes = {
47
47
  // | These PropTypes are generated from the TypeScript type definitions |
48
48
  // | To update them edit the TypeScript types and run "pnpm proptypes" |
49
49
  // ----------------------------------------------------------------------
50
- /**
51
- * A ref for imperative actions.
52
- * It currently only supports `focusVisible()` action.
53
- */
54
- action: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
55
- current: PropTypes.shape({
56
- focusVisible: PropTypes.func.isRequired
57
- })
58
- })]),
59
- /**
60
- * If `true`, the ripples are centered.
61
- * They won't start at the cursor interaction position.
62
- * @default false
63
- */
64
- centerRipple: PropTypes.bool,
65
50
  className: PropTypes.string,
66
- /**
67
- * The color of the component.
68
- * It supports both default and custom theme colors, which can be added as shown in the
69
- * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
70
- * @default 'primary'
71
- */
72
- color: PropTypes.oneOf(['error', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']),
73
- component: PropTypes.elementType,
74
- /**
75
- * If `true`, the component is disabled.
76
- */
77
51
  disabled: PropTypes.bool,
78
- /**
79
- * If `true`, no elevation is used.
80
- * @default false
81
- */
82
- disableElevation: PropTypes.bool,
83
- /**
84
- * If `true`, the keyboard focus ripple is disabled.
85
- * @default false
86
- */
87
- disableFocusRipple: PropTypes.bool,
88
- /**
89
- * If `true`, the ripple effect is disabled.
90
- *
91
- * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
92
- * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
93
- * @default false
94
- */
95
- disableRipple: PropTypes.bool,
96
- /**
97
- * If `true`, the touch ripple effect is disabled.
98
- * @default false
99
- */
100
- disableTouchRipple: PropTypes.bool,
101
- /**
102
- * Element placed after the children.
103
- */
104
- endIcon: PropTypes.node,
105
- /**
106
- * If `true`, the base button will have a keyboard focus ripple.
107
- * @default false
108
- */
109
- focusRipple: PropTypes.bool,
110
- /**
111
- * This prop can help identify which element has keyboard focus.
112
- * The class name will be applied when the element gains the focus through keyboard interaction.
113
- * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
114
- * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
115
- * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
116
- * if needed.
117
- */
118
- focusVisibleClassName: PropTypes.string,
119
- /**
120
- * If `true`, the button will take up the full width of its container.
121
- * @default false
122
- */
123
- fullWidth: PropTypes.bool,
124
- /**
125
- * The URL to link to when the button is clicked.
126
- * If defined, an `a` element will be used as the root node.
127
- */
128
- href: PropTypes.string,
129
- /**
130
- * The component used to render a link when the `href` prop is provided.
131
- * @default 'a'
132
- */
133
- LinkComponent: PropTypes.elementType,
134
- /**
135
- * If `true`, the loading indicator is visible and the button is disabled.
136
- * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
137
- * @default null
138
- */
139
- loading: PropTypes.bool,
140
- /**
141
- * Element placed before the children if the button is in loading state.
142
- * The node should contain an element with `role="progressbar"` with an accessible name.
143
- * By default, it renders a `CircularProgress` that is labeled by the button itself.
144
- * @default <CircularProgress color="inherit" size={16} />
145
- */
146
- loadingIndicator: PropTypes.node,
147
- /**
148
- * The loading indicator can be positioned on the start, end, or the center of the button.
149
- * @default 'center'
150
- */
151
- loadingPosition: PropTypes.oneOf(['center', 'end', 'start']),
152
- /**
153
- * Callback fired when the component is focused with a keyboard.
154
- * We trigger a `onFocus` callback too.
155
- */
156
- onFocusVisible: PropTypes.func,
52
+ id: PropTypes.string,
157
53
  /**
158
54
  * The options to apply on the Print export.
159
55
  * @demos
@@ -175,33 +71,12 @@ process.env.NODE_ENV !== "production" ? ExportPrint.propTypes = {
175
71
  * A function to customize rendering of the component.
176
72
  */
177
73
  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
178
- /**
179
- * The size of the component.
180
- * `small` is equivalent to the dense button styling.
181
- */
74
+ role: PropTypes.string,
182
75
  size: PropTypes.oneOf(['large', 'medium', 'small']),
183
- /**
184
- * Element placed before the children.
185
- */
186
76
  startIcon: PropTypes.node,
187
77
  style: PropTypes.object,
188
- /**
189
- * The system prop that allows defining system overrides as well as additional CSS styles.
190
- */
191
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
192
78
  tabIndex: PropTypes.number,
193
- /**
194
- * Props applied to the `TouchRipple` element.
195
- */
196
- TouchRippleProps: PropTypes.object,
197
- /**
198
- * A ref that points to the `TouchRipple` element.
199
- */
200
- touchRippleRef: PropTypes.any,
201
- /**
202
- * The variant to use.
203
- * @default 'text'
204
- */
205
- variant: PropTypes.oneOf(['contained', 'outlined', 'text'])
79
+ title: PropTypes.string,
80
+ touchRippleRef: PropTypes.any
206
81
  } : void 0;
207
82
  export { ExportPrint };
@@ -83,147 +83,22 @@ process.env.NODE_ENV !== "production" ? FilterPanelTrigger.propTypes = {
83
83
  // | These PropTypes are generated from the TypeScript type definitions |
84
84
  // | To update them edit the TypeScript types and run "pnpm proptypes" |
85
85
  // ----------------------------------------------------------------------
86
- /**
87
- * A ref for imperative actions.
88
- * It currently only supports `focusVisible()` action.
89
- */
90
- action: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
91
- current: PropTypes.shape({
92
- focusVisible: PropTypes.func.isRequired
93
- })
94
- })]),
95
- /**
96
- * If `true`, the ripples are centered.
97
- * They won't start at the cursor interaction position.
98
- * @default false
99
- */
100
- centerRipple: PropTypes.bool,
101
86
  /**
102
87
  * A function to customize rendering of the component.
103
88
  */
104
89
  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
105
- /**
106
- * The color of the component.
107
- * It supports both default and custom theme colors, which can be added as shown in the
108
- * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
109
- * @default 'primary'
110
- */
111
- color: PropTypes.oneOf(['error', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']),
112
- component: PropTypes.elementType,
113
- /**
114
- * If `true`, the component is disabled.
115
- */
116
90
  disabled: PropTypes.bool,
117
- /**
118
- * If `true`, no elevation is used.
119
- * @default false
120
- */
121
- disableElevation: PropTypes.bool,
122
- /**
123
- * If `true`, the keyboard focus ripple is disabled.
124
- * @default false
125
- */
126
- disableFocusRipple: PropTypes.bool,
127
- /**
128
- * If `true`, the ripple effect is disabled.
129
- *
130
- * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
131
- * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
132
- * @default false
133
- */
134
- disableRipple: PropTypes.bool,
135
- /**
136
- * If `true`, the touch ripple effect is disabled.
137
- * @default false
138
- */
139
- disableTouchRipple: PropTypes.bool,
140
- /**
141
- * Element placed after the children.
142
- */
143
- endIcon: PropTypes.node,
144
- /**
145
- * If `true`, the base button will have a keyboard focus ripple.
146
- * @default false
147
- */
148
- focusRipple: PropTypes.bool,
149
- /**
150
- * This prop can help identify which element has keyboard focus.
151
- * The class name will be applied when the element gains the focus through keyboard interaction.
152
- * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
153
- * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
154
- * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
155
- * if needed.
156
- */
157
- focusVisibleClassName: PropTypes.string,
158
- /**
159
- * If `true`, the button will take up the full width of its container.
160
- * @default false
161
- */
162
- fullWidth: PropTypes.bool,
163
- /**
164
- * The URL to link to when the button is clicked.
165
- * If defined, an `a` element will be used as the root node.
166
- */
167
- href: PropTypes.string,
168
- /**
169
- * The component used to render a link when the `href` prop is provided.
170
- * @default 'a'
171
- */
172
- LinkComponent: PropTypes.elementType,
173
- /**
174
- * If `true`, the loading indicator is visible and the button is disabled.
175
- * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
176
- * @default null
177
- */
178
- loading: PropTypes.bool,
179
- /**
180
- * Element placed before the children if the button is in loading state.
181
- * The node should contain an element with `role="progressbar"` with an accessible name.
182
- * By default, it renders a `CircularProgress` that is labeled by the button itself.
183
- * @default <CircularProgress color="inherit" size={16} />
184
- */
185
- loadingIndicator: PropTypes.node,
186
- /**
187
- * The loading indicator can be positioned on the start, end, or the center of the button.
188
- * @default 'center'
189
- */
190
- loadingPosition: PropTypes.oneOf(['center', 'end', 'start']),
191
- /**
192
- * Callback fired when the component is focused with a keyboard.
193
- * We trigger a `onFocus` callback too.
194
- */
195
- onFocusVisible: PropTypes.func,
91
+ id: PropTypes.string,
196
92
  /**
197
93
  * A function to customize rendering of the component.
198
94
  */
199
95
  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
200
- /**
201
- * The size of the component.
202
- * `small` is equivalent to the dense button styling.
203
- */
96
+ role: PropTypes.string,
204
97
  size: PropTypes.oneOf(['large', 'medium', 'small']),
205
- /**
206
- * Element placed before the children.
207
- */
208
98
  startIcon: PropTypes.node,
209
99
  style: PropTypes.object,
210
- /**
211
- * The system prop that allows defining system overrides as well as additional CSS styles.
212
- */
213
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
214
100
  tabIndex: PropTypes.number,
215
- /**
216
- * Props applied to the `TouchRipple` element.
217
- */
218
- TouchRippleProps: PropTypes.object,
219
- /**
220
- * A ref that points to the `TouchRipple` element.
221
- */
222
- touchRippleRef: PropTypes.any,
223
- /**
224
- * The variant to use.
225
- * @default 'text'
226
- */
227
- variant: PropTypes.oneOf(['contained', 'outlined', 'text'])
101
+ title: PropTypes.string,
102
+ touchRippleRef: PropTypes.any
228
103
  } : void 0;
229
104
  export { FilterPanelTrigger };
@@ -7,7 +7,7 @@ export interface GridPanelClasses {
7
7
  paper: string;
8
8
  }
9
9
  export interface GridPanelProps extends Pick<GridSlotProps['basePopper'], 'id' | 'className' | 'target' | 'flip'> {
10
- ref?: React.Ref<HTMLElement>;
10
+ ref?: React.Ref<HTMLDivElement>;
11
11
  children?: React.ReactNode;
12
12
  /**
13
13
  * Override or extend the styles applied to the component.
@@ -16,5 +16,5 @@ export interface GridPanelProps extends Pick<GridSlotProps['basePopper'], 'id' |
16
16
  open: boolean;
17
17
  }
18
18
  export declare const gridPanelClasses: Record<keyof GridPanelClasses, string>;
19
- declare const GridPanel: React.ForwardRefExoticComponent<GridPanelProps> | React.ForwardRefExoticComponent<Omit<GridPanelProps, "ref"> & React.RefAttributes<HTMLElement>>;
19
+ declare const GridPanel: React.ForwardRefExoticComponent<GridPanelProps> | React.ForwardRefExoticComponent<Omit<GridPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
20
20
  export { GridPanel };
@@ -68,7 +68,7 @@ const GridPanel = forwardRef((props, ref) => {
68
68
  return /*#__PURE__*/_jsx(GridPanelRoot, _extends({
69
69
  as: rootProps.slots.basePopper,
70
70
  ownerState: rootProps,
71
- placement: "bottom-start",
71
+ placement: "bottom-end",
72
72
  className: clsx(classes.panel, className, variablesClass),
73
73
  flip: true,
74
74
  onDidShow: onDidShow,
@@ -1,5 +1,5 @@
1
1
  import type { GridColDef, GridSingleSelectColDef } from '../../../models/colDef/gridColDef';
2
2
  import type { GridValueOptionsParams } from '../../../models/params/gridValueOptionsParams';
3
3
  export declare function isSingleSelectColDef(colDef: GridColDef | null): colDef is GridSingleSelectColDef;
4
- export declare function getValueOptions(column: GridSingleSelectColDef, additionalParams?: Omit<GridValueOptionsParams, 'field'>): import("../../..").ValueOptions[] | undefined;
4
+ export declare function getValueOptions(column: GridSingleSelectColDef, additionalParams?: Omit<GridValueOptionsParams, 'field'>): import("@mui/x-data-grid").ValueOptions[] | undefined;
5
5
  export declare function getValueFromValueOptions(value: string, valueOptions: any[] | undefined, getOptionValue: NonNullable<GridSingleSelectColDef['getOptionValue']>): any;