@mui/x-data-grid 7.0.0-alpha.8 → 7.0.0-beta.0

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 (566) hide show
  1. package/CHANGELOG.md +508 -30
  2. package/DataGrid/DataGrid.js +6 -6
  3. package/DataGrid/useDataGridComponent.js +2 -1
  4. package/DataGrid/useDataGridProps.js +1 -0
  5. package/README.md +3 -3
  6. package/components/GridColumnHeaders.d.ts +3 -2
  7. package/components/GridColumnHeaders.js +3 -11
  8. package/components/GridDetailPanels.d.ts +5 -0
  9. package/components/GridDetailPanels.js +4 -0
  10. package/components/GridHeaders.d.ts +4 -0
  11. package/components/GridHeaders.js +53 -0
  12. package/components/GridPinnedRows.d.ts +7 -0
  13. package/components/GridPinnedRows.js +4 -0
  14. package/components/GridRow.d.ts +7 -4
  15. package/components/GridRow.js +161 -97
  16. package/components/GridScrollbarFillerCell.d.ts +7 -0
  17. package/components/GridScrollbarFillerCell.js +39 -0
  18. package/components/base/GridBody.d.ts +2 -13
  19. package/components/base/GridBody.js +2 -116
  20. package/components/base/GridOverlays.js +10 -21
  21. package/components/cell/GridActionsCellItem.d.ts +2 -2
  22. package/components/cell/GridCell.d.ts +15 -21
  23. package/components/cell/GridCell.js +67 -372
  24. package/components/columnHeaders/GridBaseColumnHeaders.js +1 -6
  25. package/components/columnHeaders/GridColumnHeaderItem.d.ts +2 -1
  26. package/components/columnHeaders/GridColumnHeaderItem.js +7 -3
  27. package/components/columnHeaders/GridColumnHeaderSortIcon.d.ts +1 -0
  28. package/components/columnHeaders/GridColumnHeaderSortIcon.js +5 -2
  29. package/components/columnHeaders/GridColumnHeadersInner.js +1 -2
  30. package/components/columnsManagement/GridColumnsManagement.d.ts +36 -0
  31. package/components/columnsManagement/GridColumnsManagement.js +260 -0
  32. package/components/columnsManagement/index.d.ts +1 -0
  33. package/components/columnsManagement/index.js +1 -0
  34. package/components/columnsManagement/utils.d.ts +4 -0
  35. package/components/columnsManagement/utils.js +16 -0
  36. package/components/containers/GridRoot.js +18 -15
  37. package/components/containers/GridRootStyles.js +307 -204
  38. package/components/index.d.ts +1 -0
  39. package/components/index.js +1 -0
  40. package/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +1 -1
  41. package/components/panel/GridColumnsPanel.d.ts +0 -28
  42. package/components/panel/GridColumnsPanel.js +5 -213
  43. package/components/panel/GridPanel.js +3 -4
  44. package/components/panel/filterPanel/GridFilterForm.d.ts +6 -4
  45. package/components/panel/filterPanel/GridFilterForm.js +31 -14
  46. package/components/panel/filterPanel/GridFilterPanel.js +46 -20
  47. package/components/toolbar/GridToolbarColumnsButton.d.ts +13 -1
  48. package/components/toolbar/GridToolbarColumnsButton.js +40 -22
  49. package/components/toolbar/GridToolbarDensitySelector.d.ts +13 -1
  50. package/components/toolbar/GridToolbarDensitySelector.js +40 -22
  51. package/components/toolbar/GridToolbarExport.d.ts +10 -1
  52. package/components/toolbar/GridToolbarExport.js +6 -1
  53. package/components/toolbar/GridToolbarExportContainer.d.ts +15 -1
  54. package/components/toolbar/GridToolbarExportContainer.js +41 -23
  55. package/components/toolbar/GridToolbarFilterButton.d.ts +5 -4
  56. package/components/toolbar/GridToolbarFilterButton.js +6 -10
  57. package/components/virtualization/GridBottomContainer.d.ts +2 -0
  58. package/components/virtualization/GridBottomContainer.js +25 -0
  59. package/components/{containers → virtualization}/GridMainContainer.d.ts +2 -0
  60. package/components/virtualization/GridMainContainer.js +20 -0
  61. package/components/virtualization/GridTopContainer.d.ts +2 -0
  62. package/components/virtualization/GridTopContainer.js +35 -0
  63. package/components/virtualization/GridVirtualScrollbar.d.ts +7 -0
  64. package/components/virtualization/GridVirtualScrollbar.js +131 -0
  65. package/components/virtualization/GridVirtualScroller.d.ts +4 -4
  66. package/components/virtualization/GridVirtualScroller.js +69 -16
  67. package/components/virtualization/GridVirtualScrollerFiller.d.ts +4 -0
  68. package/components/virtualization/GridVirtualScrollerFiller.js +71 -0
  69. package/components/virtualization/GridVirtualScrollerRenderZone.js +2 -1
  70. package/constants/defaultGridSlotsComponents.js +8 -3
  71. package/constants/gridClasses.d.ts +72 -12
  72. package/constants/gridClasses.js +1 -1
  73. package/constants/localeTextConstants.js +4 -6
  74. package/hooks/core/gridCoreSelector.d.ts +6 -0
  75. package/hooks/core/gridCoreSelector.js +5 -0
  76. package/hooks/core/useGridApiInitialization.js +4 -0
  77. package/hooks/core/useGridInitialization.js +4 -0
  78. package/hooks/core/useGridRefs.d.ts +3 -0
  79. package/hooks/core/useGridRefs.js +13 -0
  80. package/hooks/core/useGridTheme.d.ts +3 -0
  81. package/hooks/core/useGridTheme.js +19 -0
  82. package/hooks/features/columnGrouping/useGridColumnGrouping.d.ts +1 -1
  83. package/hooks/features/columnGrouping/useGridColumnGrouping.js +7 -14
  84. package/hooks/features/columnHeaders/useGridColumnHeaders.d.ts +13 -18
  85. package/hooks/features/columnHeaders/useGridColumnHeaders.js +68 -162
  86. package/hooks/features/columnMenu/useGridColumnMenu.js +28 -23
  87. package/hooks/features/columns/gridColumnsInterfaces.d.ts +17 -0
  88. package/hooks/features/columns/gridColumnsInterfaces.js +9 -1
  89. package/hooks/features/columns/gridColumnsSelector.d.ts +14 -1
  90. package/hooks/features/columns/gridColumnsSelector.js +52 -0
  91. package/hooks/features/columns/gridColumnsUtils.d.ts +1 -5
  92. package/hooks/features/columns/gridColumnsUtils.js +10 -12
  93. package/hooks/features/columns/index.d.ts +2 -2
  94. package/hooks/features/columns/index.js +2 -1
  95. package/hooks/features/columns/useGridColumnSpanning.js +62 -61
  96. package/hooks/features/columns/useGridColumns.js +20 -23
  97. package/hooks/features/dimensions/gridDimensionsApi.d.ts +60 -11
  98. package/hooks/features/dimensions/gridDimensionsSelectors.d.ts +2 -0
  99. package/hooks/features/dimensions/gridDimensionsSelectors.js +1 -0
  100. package/hooks/features/dimensions/index.d.ts +2 -0
  101. package/hooks/features/dimensions/index.js +1 -0
  102. package/hooks/features/dimensions/useGridDimensions.d.ts +7 -1
  103. package/hooks/features/dimensions/useGridDimensions.js +216 -148
  104. package/hooks/features/export/serializers/csvSerializer.js +2 -2
  105. package/hooks/features/filter/useGridFilter.js +3 -3
  106. package/hooks/features/focus/gridFocusStateSelector.d.ts +2 -2
  107. package/hooks/features/focus/gridFocusStateSelector.js +2 -6
  108. package/hooks/features/focus/useGridFocus.js +3 -3
  109. package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +3 -16
  110. package/hooks/features/pagination/useGridPagination.js +3 -5
  111. package/hooks/features/rows/gridRowsInterfaces.d.ts +1 -0
  112. package/hooks/features/rows/gridRowsSelector.d.ts +2 -2
  113. package/hooks/features/rows/gridRowsSelector.js +5 -5
  114. package/hooks/features/rows/gridRowsUtils.d.ts +1 -1
  115. package/hooks/features/rows/gridRowsUtils.js +8 -5
  116. package/hooks/features/rows/useGridRowsMeta.js +7 -4
  117. package/hooks/features/scroll/useGridScroll.js +8 -10
  118. package/hooks/features/sorting/gridSortingUtils.js +1 -1
  119. package/hooks/features/sorting/useGridSorting.d.ts +1 -1
  120. package/hooks/features/sorting/useGridSorting.js +15 -10
  121. package/hooks/features/virtualization/gridVirtualizationSelectors.d.ts +14 -0
  122. package/hooks/features/virtualization/gridVirtualizationSelectors.js +22 -2
  123. package/hooks/features/virtualization/useGridVirtualScroller.d.ts +27 -42
  124. package/hooks/features/virtualization/useGridVirtualScroller.js +441 -438
  125. package/hooks/features/virtualization/useGridVirtualization.d.ts +8 -0
  126. package/hooks/features/virtualization/useGridVirtualization.js +8 -1
  127. package/hooks/utils/index.d.ts +3 -0
  128. package/hooks/utils/index.js +4 -1
  129. package/hooks/utils/useGridAriaAttributes.js +1 -2
  130. package/hooks/utils/useGridNativeEventListener.js +4 -9
  131. package/hooks/utils/useResizeObserver.d.ts +2 -0
  132. package/hooks/utils/useResizeObserver.js +36 -0
  133. package/hooks/utils/useRunOnce.d.ts +5 -0
  134. package/hooks/utils/useRunOnce.js +18 -0
  135. package/index.js +1 -1
  136. package/internals/index.d.ts +12 -9
  137. package/internals/index.js +9 -7
  138. package/legacy/DataGrid/DataGrid.js +6 -6
  139. package/legacy/DataGrid/useDataGridComponent.js +2 -1
  140. package/legacy/DataGrid/useDataGridProps.js +1 -0
  141. package/legacy/components/GridColumnHeaders.js +3 -11
  142. package/legacy/components/GridDetailPanels.js +4 -0
  143. package/legacy/components/GridHeaders.js +53 -0
  144. package/legacy/components/GridPinnedRows.js +4 -0
  145. package/legacy/components/GridRow.js +159 -98
  146. package/legacy/components/GridScrollbarFillerCell.js +36 -0
  147. package/legacy/components/base/GridBody.js +2 -114
  148. package/legacy/components/base/GridOverlays.js +10 -25
  149. package/legacy/components/cell/GridCell.js +69 -377
  150. package/legacy/components/columnHeaders/GridBaseColumnHeaders.js +1 -6
  151. package/legacy/components/columnHeaders/GridColumnHeaderItem.js +7 -3
  152. package/legacy/components/columnHeaders/GridColumnHeaderSortIcon.js +5 -2
  153. package/legacy/components/columnHeaders/GridColumnHeadersInner.js +1 -2
  154. package/legacy/components/columnsManagement/GridColumnsManagement.js +300 -0
  155. package/legacy/components/columnsManagement/index.js +1 -0
  156. package/legacy/components/columnsManagement/utils.js +22 -0
  157. package/legacy/components/containers/GridRoot.js +18 -15
  158. package/legacy/components/containers/GridRootStyles.js +215 -137
  159. package/legacy/components/index.js +1 -0
  160. package/legacy/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +1 -1
  161. package/legacy/components/panel/GridColumnsPanel.js +5 -233
  162. package/legacy/components/panel/GridPanel.js +3 -4
  163. package/legacy/components/panel/filterPanel/GridFilterForm.js +30 -13
  164. package/legacy/components/panel/filterPanel/GridFilterPanel.js +49 -20
  165. package/legacy/components/toolbar/GridToolbarColumnsButton.js +40 -21
  166. package/legacy/components/toolbar/GridToolbarDensitySelector.js +40 -21
  167. package/legacy/components/toolbar/GridToolbarExport.js +6 -1
  168. package/legacy/components/toolbar/GridToolbarExportContainer.js +40 -21
  169. package/legacy/components/toolbar/GridToolbarFilterButton.js +6 -10
  170. package/legacy/components/virtualization/GridBottomContainer.js +25 -0
  171. package/legacy/components/virtualization/GridMainContainer.js +20 -0
  172. package/legacy/components/virtualization/GridTopContainer.js +35 -0
  173. package/legacy/components/virtualization/GridVirtualScrollbar.js +129 -0
  174. package/legacy/components/virtualization/GridVirtualScroller.js +67 -16
  175. package/legacy/components/virtualization/GridVirtualScrollerFiller.js +70 -0
  176. package/legacy/components/virtualization/GridVirtualScrollerRenderZone.js +2 -1
  177. package/legacy/constants/defaultGridSlotsComponents.js +8 -3
  178. package/legacy/constants/gridClasses.js +1 -1
  179. package/legacy/constants/localeTextConstants.js +4 -6
  180. package/legacy/hooks/core/gridCoreSelector.js +7 -0
  181. package/legacy/hooks/core/useGridApiInitialization.js +4 -0
  182. package/legacy/hooks/core/useGridInitialization.js +4 -0
  183. package/legacy/hooks/core/useGridRefs.js +13 -0
  184. package/legacy/hooks/core/useGridTheme.js +21 -0
  185. package/legacy/hooks/features/columnGrouping/useGridColumnGrouping.js +7 -14
  186. package/legacy/hooks/features/columnHeaders/useGridColumnHeaders.js +69 -181
  187. package/legacy/hooks/features/columnMenu/useGridColumnMenu.js +28 -23
  188. package/legacy/hooks/features/columns/gridColumnsInterfaces.js +9 -1
  189. package/legacy/hooks/features/columns/gridColumnsSelector.js +62 -0
  190. package/legacy/hooks/features/columns/gridColumnsUtils.js +10 -16
  191. package/legacy/hooks/features/columns/index.js +2 -1
  192. package/legacy/hooks/features/columns/useGridColumnSpanning.js +60 -59
  193. package/legacy/hooks/features/columns/useGridColumns.js +22 -23
  194. package/legacy/hooks/features/dimensions/gridDimensionsSelectors.js +3 -0
  195. package/legacy/hooks/features/dimensions/index.js +1 -0
  196. package/legacy/hooks/features/dimensions/useGridDimensions.js +226 -151
  197. package/legacy/hooks/features/export/serializers/csvSerializer.js +2 -2
  198. package/legacy/hooks/features/filter/useGridFilter.js +3 -3
  199. package/legacy/hooks/features/focus/gridFocusStateSelector.js +2 -6
  200. package/legacy/hooks/features/focus/useGridFocus.js +3 -3
  201. package/legacy/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +3 -16
  202. package/legacy/hooks/features/pagination/useGridPagination.js +3 -5
  203. package/legacy/hooks/features/rows/gridRowsSelector.js +5 -5
  204. package/legacy/hooks/features/rows/gridRowsUtils.js +8 -5
  205. package/legacy/hooks/features/rows/useGridRowsMeta.js +7 -4
  206. package/legacy/hooks/features/scroll/useGridScroll.js +8 -10
  207. package/legacy/hooks/features/sorting/gridSortingUtils.js +1 -1
  208. package/legacy/hooks/features/sorting/useGridSorting.js +15 -10
  209. package/legacy/hooks/features/virtualization/gridVirtualizationSelectors.js +29 -1
  210. package/legacy/hooks/features/virtualization/useGridVirtualScroller.js +490 -483
  211. package/legacy/hooks/features/virtualization/useGridVirtualization.js +8 -1
  212. package/legacy/hooks/utils/index.js +4 -1
  213. package/legacy/hooks/utils/useGridAriaAttributes.js +1 -2
  214. package/legacy/hooks/utils/useGridNativeEventListener.js +4 -9
  215. package/legacy/hooks/utils/useResizeObserver.js +36 -0
  216. package/legacy/hooks/utils/useRunOnce.js +18 -0
  217. package/legacy/index.js +1 -1
  218. package/legacy/internals/index.js +9 -7
  219. package/legacy/locales/arSD.js +5 -6
  220. package/legacy/locales/beBY.js +5 -6
  221. package/legacy/locales/bgBG.js +5 -6
  222. package/legacy/locales/csCZ.js +5 -6
  223. package/legacy/locales/daDK.js +5 -6
  224. package/legacy/locales/deDE.js +5 -6
  225. package/legacy/locales/elGR.js +5 -6
  226. package/legacy/locales/esES.js +5 -6
  227. package/legacy/locales/faIR.js +5 -6
  228. package/legacy/locales/fiFI.js +5 -6
  229. package/legacy/locales/frFR.js +5 -6
  230. package/legacy/locales/heIL.js +5 -6
  231. package/legacy/locales/hrHR.js +160 -0
  232. package/legacy/locales/huHU.js +5 -6
  233. package/legacy/locales/index.js +4 -1
  234. package/legacy/locales/itIT.js +5 -6
  235. package/legacy/locales/jaJP.js +5 -6
  236. package/legacy/locales/koKR.js +5 -6
  237. package/legacy/locales/nbNO.js +5 -6
  238. package/legacy/locales/nlNL.js +5 -6
  239. package/legacy/locales/plPL.js +5 -6
  240. package/legacy/locales/ptBR.js +5 -6
  241. package/legacy/locales/ptPT.js +160 -0
  242. package/legacy/locales/roRO.js +5 -6
  243. package/legacy/locales/ruRU.js +5 -6
  244. package/legacy/locales/skSK.js +5 -6
  245. package/legacy/locales/svSE.js +5 -6
  246. package/legacy/locales/trTR.js +5 -6
  247. package/legacy/locales/ukUA.js +5 -6
  248. package/legacy/locales/urPK.js +5 -6
  249. package/legacy/locales/viVN.js +5 -6
  250. package/legacy/locales/zhCN.js +5 -6
  251. package/legacy/locales/zhHK.js +160 -0
  252. package/legacy/locales/zhTW.js +5 -6
  253. package/legacy/models/index.js +0 -1
  254. package/legacy/models/params/index.js +1 -2
  255. package/legacy/utils/utils.js +10 -1
  256. package/locales/arSD.js +5 -6
  257. package/locales/beBY.js +5 -6
  258. package/locales/bgBG.js +5 -6
  259. package/locales/csCZ.js +5 -6
  260. package/locales/daDK.js +5 -6
  261. package/locales/deDE.js +5 -6
  262. package/locales/elGR.js +5 -6
  263. package/locales/esES.js +5 -6
  264. package/locales/faIR.js +5 -6
  265. package/locales/fiFI.js +5 -6
  266. package/locales/frFR.js +5 -6
  267. package/locales/heIL.js +5 -6
  268. package/locales/hrHR.d.ts +1 -0
  269. package/locales/hrHR.js +148 -0
  270. package/locales/huHU.js +5 -6
  271. package/locales/index.d.ts +3 -0
  272. package/locales/index.js +4 -1
  273. package/locales/itIT.js +5 -6
  274. package/locales/jaJP.js +5 -6
  275. package/locales/koKR.js +5 -6
  276. package/locales/nbNO.js +5 -6
  277. package/locales/nlNL.js +5 -6
  278. package/locales/plPL.js +5 -6
  279. package/locales/ptBR.js +5 -6
  280. package/locales/ptPT.d.ts +1 -0
  281. package/locales/ptPT.js +148 -0
  282. package/locales/roRO.js +5 -6
  283. package/locales/ruRU.js +5 -6
  284. package/locales/skSK.js +5 -6
  285. package/locales/svSE.js +5 -6
  286. package/locales/trTR.js +5 -6
  287. package/locales/ukUA.js +5 -6
  288. package/locales/urPK.js +5 -6
  289. package/locales/viVN.js +5 -6
  290. package/locales/zhCN.js +5 -6
  291. package/locales/zhHK.d.ts +1 -0
  292. package/locales/zhHK.js +148 -0
  293. package/locales/zhTW.js +5 -6
  294. package/models/api/gridColumnGroupingApi.d.ts +2 -2
  295. package/models/api/gridCoreApi.d.ts +16 -16
  296. package/models/api/gridLocaleTextApi.d.ts +3 -5
  297. package/models/api/gridRowsMetaApi.d.ts +1 -1
  298. package/models/api/gridVirtualizationApi.d.ts +2 -3
  299. package/models/colDef/gridColType.d.ts +11 -2
  300. package/models/events/gridEventLookup.d.ts +3 -3
  301. package/models/gridFilterModel.d.ts +1 -1
  302. package/models/gridSlotsComponent.d.ts +21 -2
  303. package/models/gridSlotsComponentsProps.d.ts +4 -0
  304. package/models/gridStateCommunity.d.ts +5 -1
  305. package/models/index.d.ts +0 -1
  306. package/models/index.js +0 -1
  307. package/models/params/index.d.ts +0 -1
  308. package/models/params/index.js +1 -2
  309. package/models/props/DataGridProps.d.ts +6 -11
  310. package/modern/DataGrid/DataGrid.js +6 -6
  311. package/modern/DataGrid/useDataGridComponent.js +2 -1
  312. package/modern/DataGrid/useDataGridProps.js +1 -0
  313. package/modern/components/GridColumnHeaders.js +3 -11
  314. package/modern/components/GridDetailPanels.js +4 -0
  315. package/modern/components/GridHeaders.js +53 -0
  316. package/modern/components/GridPinnedRows.js +4 -0
  317. package/modern/components/GridRow.js +159 -96
  318. package/modern/components/GridScrollbarFillerCell.js +39 -0
  319. package/modern/components/base/GridBody.js +2 -116
  320. package/modern/components/base/GridOverlays.js +10 -16
  321. package/modern/components/cell/GridCell.js +65 -369
  322. package/modern/components/columnHeaders/GridBaseColumnHeaders.js +1 -6
  323. package/modern/components/columnHeaders/GridColumnHeaderItem.js +7 -3
  324. package/modern/components/columnHeaders/GridColumnHeaderSortIcon.js +5 -2
  325. package/modern/components/columnHeaders/GridColumnHeadersInner.js +1 -1
  326. package/modern/components/columnsManagement/GridColumnsManagement.js +256 -0
  327. package/modern/components/columnsManagement/index.js +1 -0
  328. package/modern/components/columnsManagement/utils.js +16 -0
  329. package/modern/components/containers/GridRoot.js +18 -14
  330. package/modern/components/containers/GridRootStyles.js +307 -204
  331. package/modern/components/index.js +1 -0
  332. package/modern/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +1 -1
  333. package/modern/components/panel/GridColumnsPanel.js +4 -209
  334. package/modern/components/panel/GridPanel.js +3 -4
  335. package/modern/components/panel/filterPanel/GridFilterForm.js +30 -13
  336. package/modern/components/panel/filterPanel/GridFilterPanel.js +46 -20
  337. package/modern/components/toolbar/GridToolbarColumnsButton.js +38 -21
  338. package/modern/components/toolbar/GridToolbarDensitySelector.js +38 -21
  339. package/modern/components/toolbar/GridToolbarExport.js +6 -1
  340. package/modern/components/toolbar/GridToolbarExportContainer.js +39 -22
  341. package/modern/components/toolbar/GridToolbarFilterButton.js +6 -10
  342. package/modern/components/virtualization/GridBottomContainer.js +25 -0
  343. package/modern/components/virtualization/GridMainContainer.js +20 -0
  344. package/modern/components/virtualization/GridTopContainer.js +35 -0
  345. package/modern/components/virtualization/GridVirtualScrollbar.js +131 -0
  346. package/modern/components/virtualization/GridVirtualScroller.js +69 -16
  347. package/modern/components/virtualization/GridVirtualScrollerFiller.js +71 -0
  348. package/modern/components/virtualization/GridVirtualScrollerRenderZone.js +2 -1
  349. package/modern/constants/defaultGridSlotsComponents.js +8 -3
  350. package/modern/constants/gridClasses.js +1 -1
  351. package/modern/constants/localeTextConstants.js +4 -6
  352. package/modern/hooks/core/gridCoreSelector.js +5 -0
  353. package/modern/hooks/core/useGridApiInitialization.js +3 -0
  354. package/modern/hooks/core/useGridInitialization.js +4 -0
  355. package/modern/hooks/core/useGridRefs.js +13 -0
  356. package/modern/hooks/core/useGridTheme.js +19 -0
  357. package/modern/hooks/features/columnGrouping/useGridColumnGrouping.js +5 -12
  358. package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +67 -160
  359. package/modern/hooks/features/columnMenu/useGridColumnMenu.js +28 -23
  360. package/modern/hooks/features/columns/gridColumnsInterfaces.js +9 -1
  361. package/modern/hooks/features/columns/gridColumnsSelector.js +51 -0
  362. package/modern/hooks/features/columns/gridColumnsUtils.js +10 -12
  363. package/modern/hooks/features/columns/index.js +2 -1
  364. package/modern/hooks/features/columns/useGridColumnSpanning.js +62 -61
  365. package/modern/hooks/features/columns/useGridColumns.js +19 -21
  366. package/modern/hooks/features/dimensions/gridDimensionsSelectors.js +1 -0
  367. package/modern/hooks/features/dimensions/index.js +1 -0
  368. package/modern/hooks/features/dimensions/useGridDimensions.js +214 -146
  369. package/modern/hooks/features/export/serializers/csvSerializer.js +2 -2
  370. package/modern/hooks/features/filter/useGridFilter.js +3 -3
  371. package/modern/hooks/features/focus/gridFocusStateSelector.js +2 -6
  372. package/modern/hooks/features/focus/useGridFocus.js +3 -3
  373. package/modern/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +3 -16
  374. package/modern/hooks/features/pagination/useGridPagination.js +3 -5
  375. package/modern/hooks/features/rows/gridRowsSelector.js +2 -2
  376. package/modern/hooks/features/rows/gridRowsUtils.js +8 -5
  377. package/modern/hooks/features/rows/useGridRowsMeta.js +7 -4
  378. package/modern/hooks/features/scroll/useGridScroll.js +8 -9
  379. package/modern/hooks/features/sorting/gridSortingUtils.js +1 -1
  380. package/modern/hooks/features/sorting/useGridSorting.js +15 -10
  381. package/modern/hooks/features/virtualization/gridVirtualizationSelectors.js +22 -2
  382. package/modern/hooks/features/virtualization/useGridVirtualScroller.js +435 -432
  383. package/modern/hooks/features/virtualization/useGridVirtualization.js +8 -1
  384. package/modern/hooks/utils/index.js +4 -1
  385. package/modern/hooks/utils/useGridAriaAttributes.js +1 -1
  386. package/modern/hooks/utils/useGridNativeEventListener.js +3 -9
  387. package/modern/hooks/utils/useResizeObserver.js +36 -0
  388. package/modern/hooks/utils/useRunOnce.js +18 -0
  389. package/modern/index.js +1 -1
  390. package/modern/internals/index.js +9 -7
  391. package/modern/locales/arSD.js +5 -6
  392. package/modern/locales/beBY.js +5 -6
  393. package/modern/locales/bgBG.js +5 -6
  394. package/modern/locales/csCZ.js +5 -6
  395. package/modern/locales/daDK.js +5 -6
  396. package/modern/locales/deDE.js +5 -6
  397. package/modern/locales/elGR.js +5 -6
  398. package/modern/locales/esES.js +5 -6
  399. package/modern/locales/faIR.js +5 -6
  400. package/modern/locales/fiFI.js +5 -6
  401. package/modern/locales/frFR.js +5 -6
  402. package/modern/locales/heIL.js +5 -6
  403. package/modern/locales/hrHR.js +148 -0
  404. package/modern/locales/huHU.js +5 -6
  405. package/modern/locales/index.js +4 -1
  406. package/modern/locales/itIT.js +5 -6
  407. package/modern/locales/jaJP.js +5 -6
  408. package/modern/locales/koKR.js +5 -6
  409. package/modern/locales/nbNO.js +5 -6
  410. package/modern/locales/nlNL.js +5 -6
  411. package/modern/locales/plPL.js +5 -6
  412. package/modern/locales/ptBR.js +5 -6
  413. package/modern/locales/ptPT.js +148 -0
  414. package/modern/locales/roRO.js +5 -6
  415. package/modern/locales/ruRU.js +5 -6
  416. package/modern/locales/skSK.js +5 -6
  417. package/modern/locales/svSE.js +5 -6
  418. package/modern/locales/trTR.js +5 -6
  419. package/modern/locales/ukUA.js +5 -6
  420. package/modern/locales/urPK.js +5 -6
  421. package/modern/locales/viVN.js +5 -6
  422. package/modern/locales/zhCN.js +5 -6
  423. package/modern/locales/zhHK.js +148 -0
  424. package/modern/locales/zhTW.js +5 -6
  425. package/modern/models/index.js +0 -1
  426. package/modern/models/params/index.js +1 -2
  427. package/modern/utils/utils.js +10 -1
  428. package/node/DataGrid/DataGrid.js +6 -6
  429. package/node/DataGrid/useDataGridComponent.js +1 -0
  430. package/node/DataGrid/useDataGridProps.js +1 -0
  431. package/node/components/GridColumnHeaders.js +3 -11
  432. package/node/components/GridDetailPanels.js +10 -0
  433. package/node/components/GridHeaders.js +60 -0
  434. package/node/components/GridPinnedRows.js +10 -0
  435. package/node/components/GridRow.js +157 -94
  436. package/node/components/GridScrollbarFillerCell.js +47 -0
  437. package/node/components/base/GridBody.js +7 -118
  438. package/node/components/base/GridOverlays.js +9 -15
  439. package/node/components/cell/GridCell.js +66 -369
  440. package/node/components/columnHeaders/GridBaseColumnHeaders.js +1 -6
  441. package/node/components/columnHeaders/GridColumnHeaderItem.js +8 -4
  442. package/node/components/columnHeaders/GridColumnHeaderSortIcon.js +5 -2
  443. package/node/components/columnHeaders/GridColumnHeadersInner.js +1 -1
  444. package/node/components/columnsManagement/GridColumnsManagement.js +264 -0
  445. package/node/components/columnsManagement/index.js +16 -0
  446. package/node/components/columnsManagement/utils.js +24 -0
  447. package/node/components/containers/GridRoot.js +17 -14
  448. package/node/components/containers/GridRootStyles.js +175 -72
  449. package/node/components/index.js +11 -0
  450. package/node/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +1 -1
  451. package/node/components/panel/GridColumnsPanel.js +4 -208
  452. package/node/components/panel/GridPanel.js +3 -4
  453. package/node/components/panel/filterPanel/GridFilterForm.js +29 -12
  454. package/node/components/panel/filterPanel/GridFilterPanel.js +45 -19
  455. package/node/components/toolbar/GridToolbarColumnsButton.js +36 -20
  456. package/node/components/toolbar/GridToolbarDensitySelector.js +36 -20
  457. package/node/components/toolbar/GridToolbarExport.js +6 -1
  458. package/node/components/toolbar/GridToolbarExportContainer.js +37 -21
  459. package/node/components/toolbar/GridToolbarFilterButton.js +6 -10
  460. package/node/components/virtualization/GridBottomContainer.js +34 -0
  461. package/node/components/{containers → virtualization}/GridMainContainer.js +7 -29
  462. package/node/components/virtualization/GridTopContainer.js +44 -0
  463. package/node/components/virtualization/GridVirtualScrollbar.js +138 -0
  464. package/node/components/virtualization/GridVirtualScroller.js +69 -17
  465. package/node/components/virtualization/GridVirtualScrollerFiller.js +77 -0
  466. package/node/components/virtualization/GridVirtualScrollerRenderZone.js +2 -1
  467. package/node/constants/defaultGridSlotsComponents.js +6 -1
  468. package/node/constants/gridClasses.js +1 -1
  469. package/node/constants/localeTextConstants.js +4 -6
  470. package/node/hooks/core/gridCoreSelector.js +12 -0
  471. package/node/hooks/core/useGridApiInitialization.js +3 -0
  472. package/node/hooks/core/useGridInitialization.js +4 -0
  473. package/node/hooks/core/useGridRefs.js +22 -0
  474. package/node/hooks/core/useGridTheme.js +29 -0
  475. package/node/hooks/features/columnGrouping/useGridColumnGrouping.js +5 -12
  476. package/node/hooks/features/columnHeaders/useGridColumnHeaders.js +65 -159
  477. package/node/hooks/features/columnMenu/useGridColumnMenu.js +28 -23
  478. package/node/hooks/features/columns/gridColumnsInterfaces.js +11 -1
  479. package/node/hooks/features/columns/gridColumnsSelector.js +52 -1
  480. package/node/hooks/features/columns/gridColumnsUtils.js +10 -13
  481. package/node/hooks/features/columns/index.js +22 -61
  482. package/node/hooks/features/columns/useGridColumnSpanning.js +62 -61
  483. package/node/hooks/features/columns/useGridColumns.js +20 -22
  484. package/node/hooks/features/dimensions/gridDimensionsSelectors.js +8 -0
  485. package/node/hooks/features/dimensions/index.js +11 -0
  486. package/node/hooks/features/dimensions/useGridDimensions.js +215 -144
  487. package/node/hooks/features/export/serializers/csvSerializer.js +2 -2
  488. package/node/hooks/features/filter/useGridFilter.js +2 -2
  489. package/node/hooks/features/focus/gridFocusStateSelector.js +3 -7
  490. package/node/hooks/features/focus/useGridFocus.js +2 -2
  491. package/node/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +2 -15
  492. package/node/hooks/features/pagination/useGridPagination.js +3 -5
  493. package/node/hooks/features/rows/gridRowsSelector.js +2 -2
  494. package/node/hooks/features/rows/gridRowsUtils.js +8 -5
  495. package/node/hooks/features/rows/useGridRowsMeta.js +5 -3
  496. package/node/hooks/features/scroll/useGridScroll.js +8 -9
  497. package/node/hooks/features/sorting/gridSortingUtils.js +1 -1
  498. package/node/hooks/features/sorting/useGridSorting.js +15 -10
  499. package/node/hooks/features/virtualization/gridVirtualizationSelectors.js +22 -2
  500. package/node/hooks/features/virtualization/useGridVirtualScroller.js +434 -431
  501. package/node/hooks/features/virtualization/useGridVirtualization.js +9 -1
  502. package/node/hooks/utils/index.js +36 -0
  503. package/node/hooks/utils/useGridAriaAttributes.js +1 -1
  504. package/node/hooks/utils/useGridNativeEventListener.js +3 -9
  505. package/node/hooks/utils/useResizeObserver.js +44 -0
  506. package/node/hooks/utils/useRunOnce.js +27 -0
  507. package/node/index.js +1 -1
  508. package/node/internals/index.js +86 -71
  509. package/node/locales/arSD.js +5 -6
  510. package/node/locales/beBY.js +5 -6
  511. package/node/locales/bgBG.js +5 -6
  512. package/node/locales/csCZ.js +5 -6
  513. package/node/locales/daDK.js +5 -6
  514. package/node/locales/deDE.js +5 -6
  515. package/node/locales/elGR.js +5 -6
  516. package/node/locales/esES.js +5 -6
  517. package/node/locales/faIR.js +5 -6
  518. package/node/locales/fiFI.js +5 -6
  519. package/node/locales/frFR.js +5 -6
  520. package/node/locales/heIL.js +5 -6
  521. package/node/locales/hrHR.js +154 -0
  522. package/node/locales/huHU.js +5 -6
  523. package/node/locales/index.js +33 -0
  524. package/node/locales/itIT.js +5 -6
  525. package/node/locales/jaJP.js +5 -6
  526. package/node/locales/koKR.js +5 -6
  527. package/node/locales/nbNO.js +5 -6
  528. package/node/locales/nlNL.js +5 -6
  529. package/node/locales/plPL.js +5 -6
  530. package/node/locales/ptBR.js +5 -6
  531. package/node/locales/ptPT.js +154 -0
  532. package/node/locales/roRO.js +5 -6
  533. package/node/locales/ruRU.js +5 -6
  534. package/node/locales/skSK.js +5 -6
  535. package/node/locales/svSE.js +5 -6
  536. package/node/locales/trTR.js +5 -6
  537. package/node/locales/ukUA.js +5 -6
  538. package/node/locales/urPK.js +5 -6
  539. package/node/locales/viVN.js +5 -6
  540. package/node/locales/zhCN.js +5 -6
  541. package/node/locales/zhHK.js +154 -0
  542. package/node/locales/zhTW.js +5 -6
  543. package/node/models/index.js +0 -11
  544. package/node/models/params/index.js +0 -11
  545. package/node/utils/utils.js +11 -1
  546. package/package.json +6 -6
  547. package/utils/utils.d.ts +6 -0
  548. package/utils/utils.js +10 -1
  549. package/components/DataGridVirtualScroller.d.ts +0 -3
  550. package/components/DataGridVirtualScroller.js +0 -35
  551. package/components/containers/GridMainContainer.js +0 -43
  552. package/legacy/components/DataGridVirtualScroller.js +0 -32
  553. package/legacy/components/containers/GridMainContainer.js +0 -45
  554. package/legacy/models/gridRootContainerRef.js +0 -1
  555. package/legacy/models/params/gridRenderedRowsIntervalChangeParams.js +0 -1
  556. package/models/gridRootContainerRef.d.ts +0 -5
  557. package/models/gridRootContainerRef.js +0 -1
  558. package/models/params/gridRenderedRowsIntervalChangeParams.d.ts +0 -10
  559. package/models/params/gridRenderedRowsIntervalChangeParams.js +0 -1
  560. package/modern/components/DataGridVirtualScroller.js +0 -35
  561. package/modern/components/containers/GridMainContainer.js +0 -42
  562. package/modern/models/gridRootContainerRef.js +0 -1
  563. package/modern/models/params/gridRenderedRowsIntervalChangeParams.js +0 -1
  564. package/node/components/DataGridVirtualScroller.js +0 -42
  565. package/node/models/gridRootContainerRef.js +0 -5
  566. package/node/models/params/gridRenderedRowsIntervalChangeParams.js +0 -5
@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
+ exports.EMPTY_RENDER_CONTEXT = void 0;
7
8
  exports.useGridVirtualization = useGridVirtualization;
8
9
  exports.virtualizationStateInitializer = void 0;
9
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -11,10 +12,17 @@ var React = _interopRequireWildcard(require("react"));
11
12
  var _useGridApiMethod = require("../../utils/useGridApiMethod");
12
13
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
13
14
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
+ const EMPTY_RENDER_CONTEXT = exports.EMPTY_RENDER_CONTEXT = {
16
+ firstRowIndex: 0,
17
+ lastRowIndex: 0,
18
+ firstColumnIndex: 0,
19
+ lastColumnIndex: 0
20
+ };
14
21
  const virtualizationStateInitializer = (state, props) => {
15
22
  const virtualization = {
16
23
  enabled: !props.disableVirtualization,
17
- enabledForColumns: true
24
+ enabledForColumns: true,
25
+ renderContext: EMPTY_RENDER_CONTEXT
18
26
  };
19
27
  return (0, _extends2.default)({}, state, {
20
28
  virtualization
@@ -72,4 +72,40 @@ Object.keys(_useFirstRender).forEach(function (key) {
72
72
  return _useFirstRender[key];
73
73
  }
74
74
  });
75
+ });
76
+ var _useOnMount = require("./useOnMount");
77
+ Object.keys(_useOnMount).forEach(function (key) {
78
+ if (key === "default" || key === "__esModule") return;
79
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
80
+ if (key in exports && exports[key] === _useOnMount[key]) return;
81
+ Object.defineProperty(exports, key, {
82
+ enumerable: true,
83
+ get: function () {
84
+ return _useOnMount[key];
85
+ }
86
+ });
87
+ });
88
+ var _useResizeObserver = require("./useResizeObserver");
89
+ Object.keys(_useResizeObserver).forEach(function (key) {
90
+ if (key === "default" || key === "__esModule") return;
91
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
92
+ if (key in exports && exports[key] === _useResizeObserver[key]) return;
93
+ Object.defineProperty(exports, key, {
94
+ enumerable: true,
95
+ get: function () {
96
+ return _useResizeObserver[key];
97
+ }
98
+ });
99
+ });
100
+ var _useRunOnce = require("./useRunOnce");
101
+ Object.keys(_useRunOnce).forEach(function (key) {
102
+ if (key === "default" || key === "__esModule") return;
103
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
104
+ if (key in exports && exports[key] === _useRunOnce[key]) return;
105
+ Object.defineProperty(exports, key, {
106
+ enumerable: true,
107
+ get: function () {
108
+ return _useRunOnce[key];
109
+ }
110
+ });
75
111
  });
@@ -19,7 +19,7 @@ const useGridAriaAttributes = () => {
19
19
  const headerGroupingMaxDepth = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnGroupsSelector.gridColumnGroupsHeaderMaxDepthSelector);
20
20
  const pinnedRowsCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsSelector.gridPinnedRowsCountSelector);
21
21
  let role = 'grid';
22
- if (rootProps.experimentalFeatures?.ariaV7 && rootProps.treeData) {
22
+ if (rootProps.treeData) {
23
23
  role = 'treegrid';
24
24
  }
25
25
  return {
@@ -13,6 +13,7 @@ const useGridNativeEventListener = (apiRef, ref, eventName, handler, options) =>
13
13
  const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useNativeEventListener');
14
14
  const [added, setAdded] = React.useState(false);
15
15
  const handlerRef = React.useRef(handler);
16
+ const targetElement = (0, _utils.isFunction)(ref) ? ref() : ref?.current ?? null;
16
17
  const wrapHandler = React.useCallback(event => {
17
18
  return handlerRef.current && handlerRef.current(event);
18
19
  }, []);
@@ -20,23 +21,16 @@ const useGridNativeEventListener = (apiRef, ref, eventName, handler, options) =>
20
21
  handlerRef.current = handler;
21
22
  }, [handler]);
22
23
  React.useEffect(() => {
23
- let targetElement;
24
- if ((0, _utils.isFunction)(ref)) {
25
- targetElement = ref();
26
- } else {
27
- targetElement = ref && ref.current ? ref.current : null;
28
- }
29
24
  if (targetElement && eventName && !added) {
30
25
  logger.debug(`Binding native ${eventName} event`);
31
26
  targetElement.addEventListener(eventName, wrapHandler, options);
32
- const boundElem = targetElement;
33
27
  setAdded(true);
34
28
  const unsubscribe = () => {
35
29
  logger.debug(`Clearing native ${eventName} event`);
36
- boundElem.removeEventListener(eventName, wrapHandler, options);
30
+ targetElement.removeEventListener(eventName, wrapHandler, options);
37
31
  };
38
32
  apiRef.current.subscribeEvent('unmount', unsubscribe);
39
33
  }
40
- }, [ref, wrapHandler, eventName, added, logger, options, apiRef]);
34
+ }, [targetElement, wrapHandler, eventName, added, logger, options, apiRef]);
41
35
  };
42
36
  exports.useGridNativeEventListener = useGridNativeEventListener;
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useResizeObserver = useResizeObserver;
7
+ var React = _interopRequireWildcard(require("react"));
8
+ var _utils = require("@mui/utils");
9
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
10
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
11
+ const isDevEnvironment = process.env.NODE_ENV === 'development';
12
+ const noop = () => {};
13
+ function useResizeObserver(ref, fn, enabled) {
14
+ const fnRef = React.useRef(null);
15
+ fnRef.current = fn;
16
+ (0, _utils.unstable_useEnhancedEffect)(() => {
17
+ if (enabled === false || typeof ResizeObserver === 'undefined') {
18
+ return noop;
19
+ }
20
+ let frameID = 0;
21
+ const target = ref.current;
22
+ const observer = new ResizeObserver(entries => {
23
+ // See https://github.com/mui/mui-x/issues/8733
24
+ // In dev, we avoid the React warning by moving the task to the next frame.
25
+ // In prod, we want the task to run in the same frame as to avoid tear.
26
+ if (isDevEnvironment) {
27
+ frameID = requestAnimationFrame(() => {
28
+ fnRef.current(entries);
29
+ });
30
+ } else {
31
+ fnRef.current(entries);
32
+ }
33
+ });
34
+ if (target) {
35
+ observer.observe(target);
36
+ }
37
+ return () => {
38
+ if (frameID) {
39
+ cancelAnimationFrame(frameID);
40
+ }
41
+ observer.disconnect();
42
+ };
43
+ }, [ref, enabled]);
44
+ }
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useRunOnce = void 0;
7
+ var React = _interopRequireWildcard(require("react"));
8
+ var _utils = require("@mui/utils");
9
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
10
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
11
+ const noop = () => {};
12
+
13
+ /**
14
+ * Runs an effect once, when `condition` is true.
15
+ */
16
+ const useRunOnce = (condition, effect) => {
17
+ const didRun = React.useRef(false);
18
+ (0, _utils.unstable_useEnhancedEffect)(() => {
19
+ if (didRun.current || !condition) {
20
+ return noop;
21
+ }
22
+ didRun.current = true;
23
+ return effect();
24
+ // eslint-disable-next-line react-hooks/exhaustive-deps
25
+ }, [didRun.current || condition]);
26
+ };
27
+ exports.useRunOnce = useRunOnce;
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid v7.0.0-alpha.8
2
+ * @mui/x-data-grid v7.0.0-beta.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -7,6 +7,7 @@ var _exportNames = {
7
7
  GridVirtualScroller: true,
8
8
  GridVirtualScrollerContent: true,
9
9
  GridVirtualScrollerRenderZone: true,
10
+ GridHeaders: true,
10
11
  GridBaseColumnHeaders: true,
11
12
  GridColumnHeadersInner: true,
12
13
  DATA_GRID_DEFAULT_SLOTS_COMPONENTS: true,
@@ -17,16 +18,13 @@ var _exportNames = {
17
18
  useGridInitialization: true,
18
19
  unwrapPrivateAPI: true,
19
20
  useGridClipboard: true,
20
- useGridColumnHeaders: true,
21
21
  gridHeaderFilteringEditFieldSelector: true,
22
22
  gridHeaderFilteringMenuSelector: true,
23
23
  useGridColumnMenu: true,
24
24
  columnMenuStateInitializer: true,
25
25
  useGridColumns: true,
26
26
  columnsStateInitializer: true,
27
- getTotalHeaderHeight: true,
28
27
  useGridColumnSpanning: true,
29
- gridColumnsStateSelector: true,
30
28
  useGridColumnGrouping: true,
31
29
  columnGroupsStateInitializer: true,
32
30
  useGridDensity: true,
@@ -69,10 +67,11 @@ var _exportNames = {
69
67
  sortingStateInitializer: true,
70
68
  useGridScroll: true,
71
69
  useGridEvents: true,
70
+ dimensionsStateInitializer: true,
72
71
  useGridDimensions: true,
73
72
  useGridStatePersistence: true,
74
73
  useGridVirtualScroller: true,
75
- getRenderableIndexes: true,
74
+ EMPTY_DETAIL_PANELS: true,
76
75
  useTimeout: true,
77
76
  useGridVisibleRows: true,
78
77
  getVisibleRows: true,
@@ -86,11 +85,6 @@ var _exportNames = {
86
85
  getActiveElement: true,
87
86
  isEventTargetInPortal: true,
88
87
  isNavigationKey: true,
89
- clamp: true,
90
- isDeepEqual: true,
91
- isNumber: true,
92
- isFunction: true,
93
- isObject: true,
94
88
  buildWarning: true,
95
89
  exportAs: true,
96
90
  useGridPrivateApiContext: true,
@@ -102,6 +96,12 @@ Object.defineProperty(exports, "DATA_GRID_DEFAULT_SLOTS_COMPONENTS", {
102
96
  return _defaultGridSlotsComponents.DATA_GRID_DEFAULT_SLOTS_COMPONENTS;
103
97
  }
104
98
  });
99
+ Object.defineProperty(exports, "EMPTY_DETAIL_PANELS", {
100
+ enumerable: true,
101
+ get: function () {
102
+ return _useGridVirtualScroller.EMPTY_DETAIL_PANELS;
103
+ }
104
+ });
105
105
  Object.defineProperty(exports, "GRID_DEFAULT_STRATEGY", {
106
106
  enumerable: true,
107
107
  get: function () {
@@ -126,6 +126,12 @@ Object.defineProperty(exports, "GridColumnHeadersInner", {
126
126
  return _GridColumnHeadersInner.GridColumnHeadersInner;
127
127
  }
128
128
  });
129
+ Object.defineProperty(exports, "GridHeaders", {
130
+ enumerable: true,
131
+ get: function () {
132
+ return _GridHeaders.GridHeaders;
133
+ }
134
+ });
129
135
  Object.defineProperty(exports, "GridVirtualScroller", {
130
136
  enumerable: true,
131
137
  get: function () {
@@ -162,12 +168,6 @@ Object.defineProperty(exports, "calculatePinnedRowsHeight", {
162
168
  return _gridRowsUtils.calculatePinnedRowsHeight;
163
169
  }
164
170
  });
165
- Object.defineProperty(exports, "clamp", {
166
- enumerable: true,
167
- get: function () {
168
- return _utils2.clamp;
169
- }
170
- });
171
171
  Object.defineProperty(exports, "columnGroupsStateInitializer", {
172
172
  enumerable: true,
173
173
  get: function () {
@@ -210,6 +210,12 @@ Object.defineProperty(exports, "densityStateInitializer", {
210
210
  return _useGridDensity.densityStateInitializer;
211
211
  }
212
212
  });
213
+ Object.defineProperty(exports, "dimensionsStateInitializer", {
214
+ enumerable: true,
215
+ get: function () {
216
+ return _useGridDimensions.dimensionsStateInitializer;
217
+ }
218
+ });
213
219
  Object.defineProperty(exports, "editingStateInitializer", {
214
220
  enumerable: true,
215
221
  get: function () {
@@ -258,24 +264,12 @@ Object.defineProperty(exports, "getGridFilter", {
258
264
  return _GridFilterPanel.getGridFilter;
259
265
  }
260
266
  });
261
- Object.defineProperty(exports, "getRenderableIndexes", {
262
- enumerable: true,
263
- get: function () {
264
- return _useGridVirtualScroller.getRenderableIndexes;
265
- }
266
- });
267
267
  Object.defineProperty(exports, "getRowIdFromRowModel", {
268
268
  enumerable: true,
269
269
  get: function () {
270
270
  return _gridRowsUtils.getRowIdFromRowModel;
271
271
  }
272
272
  });
273
- Object.defineProperty(exports, "getTotalHeaderHeight", {
274
- enumerable: true,
275
- get: function () {
276
- return _gridColumnsUtils.getTotalHeaderHeight;
277
- }
278
- });
279
273
  Object.defineProperty(exports, "getTreeNodeDescendants", {
280
274
  enumerable: true,
281
275
  get: function () {
@@ -294,12 +288,6 @@ Object.defineProperty(exports, "gridAdditionalRowGroupsSelector", {
294
288
  return _gridRowsSelector.gridAdditionalRowGroupsSelector;
295
289
  }
296
290
  });
297
- Object.defineProperty(exports, "gridColumnsStateSelector", {
298
- enumerable: true,
299
- get: function () {
300
- return _gridColumnsSelector.gridColumnsStateSelector;
301
- }
302
- });
303
291
  Object.defineProperty(exports, "gridEditRowsStateSelector", {
304
292
  enumerable: true,
305
293
  get: function () {
@@ -330,42 +318,18 @@ Object.defineProperty(exports, "headerFilteringStateInitializer", {
330
318
  return _useGridHeaderFiltering.headerFilteringStateInitializer;
331
319
  }
332
320
  });
333
- Object.defineProperty(exports, "isDeepEqual", {
334
- enumerable: true,
335
- get: function () {
336
- return _utils2.isDeepEqual;
337
- }
338
- });
339
321
  Object.defineProperty(exports, "isEventTargetInPortal", {
340
322
  enumerable: true,
341
323
  get: function () {
342
324
  return _domUtils.isEventTargetInPortal;
343
325
  }
344
326
  });
345
- Object.defineProperty(exports, "isFunction", {
346
- enumerable: true,
347
- get: function () {
348
- return _utils2.isFunction;
349
- }
350
- });
351
327
  Object.defineProperty(exports, "isNavigationKey", {
352
328
  enumerable: true,
353
329
  get: function () {
354
330
  return _keyboardUtils.isNavigationKey;
355
331
  }
356
332
  });
357
- Object.defineProperty(exports, "isNumber", {
358
- enumerable: true,
359
- get: function () {
360
- return _utils2.isNumber;
361
- }
362
- });
363
- Object.defineProperty(exports, "isObject", {
364
- enumerable: true,
365
- get: function () {
366
- return _utils2.isObject;
367
- }
368
- });
369
333
  Object.defineProperty(exports, "isSingleSelectColDef", {
370
334
  enumerable: true,
371
335
  get: function () {
@@ -444,12 +408,6 @@ Object.defineProperty(exports, "useGridColumnGrouping", {
444
408
  return _useGridColumnGrouping.useGridColumnGrouping;
445
409
  }
446
410
  });
447
- Object.defineProperty(exports, "useGridColumnHeaders", {
448
- enumerable: true,
449
- get: function () {
450
- return _useGridColumnHeaders.useGridColumnHeaders;
451
- }
452
- });
453
411
  Object.defineProperty(exports, "useGridColumnMenu", {
454
412
  enumerable: true,
455
413
  get: function () {
@@ -645,6 +603,7 @@ Object.defineProperty(exports, "useTimeout", {
645
603
  var _GridVirtualScroller = require("../components/virtualization/GridVirtualScroller");
646
604
  var _GridVirtualScrollerContent = require("../components/virtualization/GridVirtualScrollerContent");
647
605
  var _GridVirtualScrollerRenderZone = require("../components/virtualization/GridVirtualScrollerRenderZone");
606
+ var _GridHeaders = require("../components/GridHeaders");
648
607
  var _GridBaseColumnHeaders = require("../components/columnHeaders/GridBaseColumnHeaders");
649
608
  var _GridColumnHeadersInner = require("../components/columnHeaders/GridColumnHeadersInner");
650
609
  var _defaultGridSlotsComponents = require("../constants/defaultGridSlotsComponents");
@@ -655,12 +614,45 @@ var _useGridInitialization = require("../hooks/core/useGridInitialization");
655
614
  var _useGridApiInitialization = require("../hooks/core/useGridApiInitialization");
656
615
  var _useGridClipboard = require("../hooks/features/clipboard/useGridClipboard");
657
616
  var _useGridColumnHeaders = require("../hooks/features/columnHeaders/useGridColumnHeaders");
617
+ Object.keys(_useGridColumnHeaders).forEach(function (key) {
618
+ if (key === "default" || key === "__esModule") return;
619
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
620
+ if (key in exports && exports[key] === _useGridColumnHeaders[key]) return;
621
+ Object.defineProperty(exports, key, {
622
+ enumerable: true,
623
+ get: function () {
624
+ return _useGridColumnHeaders[key];
625
+ }
626
+ });
627
+ });
658
628
  var _gridHeaderFilteringSelectors = require("../hooks/features/headerFiltering/gridHeaderFilteringSelectors");
659
629
  var _useGridColumnMenu = require("../hooks/features/columnMenu/useGridColumnMenu");
660
630
  var _useGridColumns = require("../hooks/features/columns/useGridColumns");
661
631
  var _gridColumnsUtils = require("../hooks/features/columns/gridColumnsUtils");
632
+ Object.keys(_gridColumnsUtils).forEach(function (key) {
633
+ if (key === "default" || key === "__esModule") return;
634
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
635
+ if (key in exports && exports[key] === _gridColumnsUtils[key]) return;
636
+ Object.defineProperty(exports, key, {
637
+ enumerable: true,
638
+ get: function () {
639
+ return _gridColumnsUtils[key];
640
+ }
641
+ });
642
+ });
662
643
  var _useGridColumnSpanning = require("../hooks/features/columns/useGridColumnSpanning");
663
644
  var _gridColumnsSelector = require("../hooks/features/columns/gridColumnsSelector");
645
+ Object.keys(_gridColumnsSelector).forEach(function (key) {
646
+ if (key === "default" || key === "__esModule") return;
647
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
648
+ if (key in exports && exports[key] === _gridColumnsSelector[key]) return;
649
+ Object.defineProperty(exports, key, {
650
+ enumerable: true,
651
+ get: function () {
652
+ return _gridColumnsSelector[key];
653
+ }
654
+ });
655
+ });
664
656
  var _useGridColumnGrouping = require("../hooks/features/columnGrouping/useGridColumnGrouping");
665
657
  var _useGridDensity = require("../hooks/features/density/useGridDensity");
666
658
  var _useGridCsvExport = require("../hooks/features/export/useGridCsvExport");
@@ -721,6 +713,29 @@ var _createSelector = require("../utils/createSelector");
721
713
  var _domUtils = require("../utils/domUtils");
722
714
  var _keyboardUtils = require("../utils/keyboardUtils");
723
715
  var _utils2 = require("../utils/utils");
716
+ Object.keys(_utils2).forEach(function (key) {
717
+ if (key === "default" || key === "__esModule") return;
718
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
719
+ if (key in exports && exports[key] === _utils2[key]) return;
720
+ Object.defineProperty(exports, key, {
721
+ enumerable: true,
722
+ get: function () {
723
+ return _utils2[key];
724
+ }
725
+ });
726
+ });
727
+ var _fastMemo = require("../utils/fastMemo");
728
+ Object.keys(_fastMemo).forEach(function (key) {
729
+ if (key === "default" || key === "__esModule") return;
730
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
731
+ if (key in exports && exports[key] === _fastMemo[key]) return;
732
+ Object.defineProperty(exports, key, {
733
+ enumerable: true,
734
+ get: function () {
735
+ return _fastMemo[key];
736
+ }
737
+ });
738
+ });
724
739
  var _warning = require("../utils/warning");
725
740
  var _exportAs = require("../utils/exportAs");
726
741
  var _getPublicApiRef = require("../utils/getPublicApiRef");
@@ -736,28 +751,28 @@ Object.keys(_getPublicApiRef).forEach(function (key) {
736
751
  });
737
752
  });
738
753
  var _useGridPrivateApiContext = require("../hooks/utils/useGridPrivateApiContext");
739
- var _useOnMount = require("../hooks/utils/useOnMount");
740
- Object.keys(_useOnMount).forEach(function (key) {
754
+ var _utils3 = require("../hooks/utils");
755
+ Object.keys(_utils3).forEach(function (key) {
741
756
  if (key === "default" || key === "__esModule") return;
742
757
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
743
- if (key in exports && exports[key] === _useOnMount[key]) return;
758
+ if (key in exports && exports[key] === _utils3[key]) return;
744
759
  Object.defineProperty(exports, key, {
745
760
  enumerable: true,
746
761
  get: function () {
747
- return _useOnMount[key];
762
+ return _utils3[key];
748
763
  }
749
764
  });
750
765
  });
751
766
  var _csvSerializer = require("../hooks/features/export/serializers/csvSerializer");
752
- var _utils3 = require("./utils");
753
- Object.keys(_utils3).forEach(function (key) {
767
+ var _utils4 = require("./utils");
768
+ Object.keys(_utils4).forEach(function (key) {
754
769
  if (key === "default" || key === "__esModule") return;
755
770
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
756
- if (key in exports && exports[key] === _utils3[key]) return;
771
+ if (key in exports && exports[key] === _utils4[key]) return;
757
772
  Object.defineProperty(exports, key, {
758
773
  enumerable: true,
759
774
  get: function () {
760
- return _utils3[key];
775
+ return _utils4[key];
761
776
  }
762
777
  });
763
778
  });
@@ -35,12 +35,11 @@ const arSDGrid = {
35
35
  toolbarExportCSV: 'تنزيل كملف CSV',
36
36
  toolbarExportPrint: 'طباعة',
37
37
  toolbarExportExcel: 'تحميل كملف الإكسل',
38
- // Columns panel text
39
- columnsPanelTextFieldLabel: 'البحث عن العمود',
40
- columnsPanelTextFieldPlaceholder: 'عنوان العمود',
41
- columnsPanelDragIconLabel: 'إعادة ترتيب العمود',
42
- columnsPanelShowAllButton: 'إظهار الكل',
43
- columnsPanelHideAllButton: 'إخفاء الكل',
38
+ // Columns management text
39
+ // columnsManagementSearchTitle: 'Search',
40
+ // columnsManagementNoColumns: 'No columns',
41
+ // columnsManagementShowHideAllText: 'Show/Hide All',
42
+
44
43
  // Filter panel text
45
44
  filterPanelAddFilter: 'إضافة مرشِح',
46
45
  filterPanelRemoveAll: 'حذف الكل',
@@ -49,12 +49,11 @@ const beBYGrid = {
49
49
  toolbarExportCSV: 'Спампаваць у фармаце CSV',
50
50
  toolbarExportPrint: 'Друк',
51
51
  toolbarExportExcel: 'Спампаваць у фармаце Excel',
52
- // Columns panel text
53
- columnsPanelTextFieldLabel: 'Знайсці слупок',
54
- columnsPanelTextFieldPlaceholder: 'Загаловак слупка',
55
- columnsPanelDragIconLabel: 'Змяніць чарговасць слупкоў',
56
- columnsPanelShowAllButton: 'Паказаць усе',
57
- columnsPanelHideAllButton: 'Схаваць усе',
52
+ // Columns management text
53
+ // columnsManagementSearchTitle: 'Search',
54
+ // columnsManagementNoColumns: 'No columns',
55
+ // columnsManagementShowHideAllText: 'Show/Hide All',
56
+
58
57
  // Filter panel text
59
58
  filterPanelAddFilter: 'Дадаць фільтр',
60
59
  // filterPanelRemoveAll: 'Remove all',
@@ -35,12 +35,11 @@ const bgBGGrid = {
35
35
  toolbarExportCSV: 'Изтегли като CSV',
36
36
  toolbarExportPrint: 'Принтиране',
37
37
  toolbarExportExcel: 'Изтегли като Excel',
38
- // Columns panel text
39
- columnsPanelTextFieldLabel: 'Намери колона',
40
- columnsPanelTextFieldPlaceholder: 'Заглавие на колона',
41
- columnsPanelDragIconLabel: 'Пренареди на колона',
42
- columnsPanelShowAllButton: 'Покажи Всички',
43
- columnsPanelHideAllButton: 'Скрий Всички',
38
+ // Columns management text
39
+ // columnsManagementSearchTitle: 'Search',
40
+ // columnsManagementNoColumns: 'No columns',
41
+ // columnsManagementShowHideAllText: 'Show/Hide All',
42
+
44
43
  // Filter panel text
45
44
  filterPanelAddFilter: 'Добави Филтър',
46
45
  filterPanelRemoveAll: 'Премахни всички',
@@ -43,12 +43,11 @@ const csCZGrid = {
43
43
  toolbarExportCSV: 'Stáhnout jako CSV',
44
44
  toolbarExportPrint: 'Vytisknout',
45
45
  toolbarExportExcel: 'Stáhnout jako Excel',
46
- // Columns panel text
47
- columnsPanelTextFieldLabel: 'Najít sloupec',
48
- columnsPanelTextFieldPlaceholder: 'Název sloupce',
49
- columnsPanelDragIconLabel: 'Uspořádat sloupce',
50
- columnsPanelShowAllButton: 'Zobrazit vše',
51
- columnsPanelHideAllButton: 'Skrýt vše',
46
+ // Columns management text
47
+ // columnsManagementSearchTitle: 'Search',
48
+ // columnsManagementNoColumns: 'No columns',
49
+ // columnsManagementShowHideAllText: 'Show/Hide All',
50
+
52
51
  // Filter panel text
53
52
  filterPanelAddFilter: 'Přidat filtr',
54
53
  filterPanelRemoveAll: 'Odstranit vše',
@@ -35,12 +35,11 @@ const daDKGrid = {
35
35
  toolbarExportCSV: 'Download som CSV',
36
36
  toolbarExportPrint: 'Print',
37
37
  toolbarExportExcel: 'Download som Excel',
38
- // Columns panel text
39
- columnsPanelTextFieldLabel: 'Find kolonne',
40
- columnsPanelTextFieldPlaceholder: 'Kolonne titel',
41
- columnsPanelDragIconLabel: 'Reorder kolonne',
42
- columnsPanelShowAllButton: 'Vis alle',
43
- columnsPanelHideAllButton: 'Skjul alle',
38
+ // Columns management text
39
+ // columnsManagementSearchTitle: 'Search',
40
+ // columnsManagementNoColumns: 'No columns',
41
+ // columnsManagementShowHideAllText: 'Show/Hide All',
42
+
44
43
  // Filter panel text
45
44
  filterPanelAddFilter: 'Tilføj filter',
46
45
  filterPanelRemoveAll: 'Fjern alle',
@@ -35,12 +35,11 @@ const deDEGrid = {
35
35
  toolbarExportCSV: 'Download als CSV',
36
36
  toolbarExportPrint: 'Drucken',
37
37
  toolbarExportExcel: 'Download als Excel',
38
- // Columns panel text
39
- columnsPanelTextFieldLabel: 'Finde Spalte',
40
- columnsPanelTextFieldPlaceholder: 'Spaltenüberschrift',
41
- columnsPanelDragIconLabel: 'Spalte umsortieren',
42
- columnsPanelShowAllButton: 'Zeige alle',
43
- columnsPanelHideAllButton: 'Verberge alle',
38
+ // Columns management text
39
+ // columnsManagementSearchTitle: 'Search',
40
+ // columnsManagementNoColumns: 'No columns',
41
+ // columnsManagementShowHideAllText: 'Show/Hide All',
42
+
44
43
  // Filter panel text
45
44
  filterPanelAddFilter: 'Filter hinzufügen',
46
45
  filterPanelRemoveAll: 'Alle entfernen',
@@ -35,12 +35,11 @@ const elGRGrid = {
35
35
  toolbarExportCSV: 'Λήψη ως CSV',
36
36
  toolbarExportPrint: 'Εκτύπωση',
37
37
  toolbarExportExcel: 'Λήψη ως Excel',
38
- // Columns panel text
39
- columnsPanelTextFieldLabel: 'Εύρεση στήλης',
40
- columnsPanelTextFieldPlaceholder: 'Επικεφαλίδα στήλης',
41
- columnsPanelDragIconLabel: 'Αναδιάταξη στήλης',
42
- columnsPanelShowAllButton: 'Προβολή όλων',
43
- columnsPanelHideAllButton: 'Απόκρυψη όλων',
38
+ // Columns management text
39
+ // columnsManagementSearchTitle: 'Search',
40
+ // columnsManagementNoColumns: 'No columns',
41
+ // columnsManagementShowHideAllText: 'Show/Hide All',
42
+
44
43
  // Filter panel text
45
44
  filterPanelAddFilter: 'Προσθήκη φίλτρου',
46
45
  filterPanelRemoveAll: 'Αφαίρεση όλων',
@@ -35,12 +35,11 @@ const esESGrid = {
35
35
  toolbarExportCSV: 'Descargar como CSV',
36
36
  toolbarExportPrint: 'Imprimir',
37
37
  toolbarExportExcel: 'Descargar como Excel',
38
- // Columns panel text
39
- columnsPanelTextFieldLabel: 'Columna de búsqueda',
40
- columnsPanelTextFieldPlaceholder: 'Título de columna',
41
- columnsPanelDragIconLabel: 'Reordenar columna',
42
- columnsPanelShowAllButton: 'Mostrar todo',
43
- columnsPanelHideAllButton: 'Ocultar todo',
38
+ // Columns management text
39
+ // columnsManagementSearchTitle: 'Search',
40
+ // columnsManagementNoColumns: 'No columns',
41
+ // columnsManagementShowHideAllText: 'Show/Hide All',
42
+
44
43
  // Filter panel text
45
44
  filterPanelAddFilter: 'Agregar filtro',
46
45
  filterPanelRemoveAll: 'Remover todos',