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

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 (410) hide show
  1. package/CHANGELOG.md +379 -2
  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 +1 -1
  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 +260 -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/containers/GridRoot.js +18 -15
  31. package/components/containers/GridRootStyles.js +307 -204
  32. package/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +1 -1
  33. package/components/panel/GridPanel.js +3 -4
  34. package/components/panel/filterPanel/GridFilterForm.d.ts +6 -4
  35. package/components/panel/filterPanel/GridFilterForm.js +31 -14
  36. package/components/panel/filterPanel/GridFilterPanel.js +46 -20
  37. package/components/toolbar/GridToolbarColumnsButton.d.ts +13 -1
  38. package/components/toolbar/GridToolbarColumnsButton.js +40 -22
  39. package/components/toolbar/GridToolbarDensitySelector.d.ts +13 -1
  40. package/components/toolbar/GridToolbarDensitySelector.js +40 -22
  41. package/components/toolbar/GridToolbarExport.d.ts +10 -1
  42. package/components/toolbar/GridToolbarExport.js +6 -1
  43. package/components/toolbar/GridToolbarExportContainer.d.ts +15 -1
  44. package/components/toolbar/GridToolbarExportContainer.js +41 -23
  45. package/components/toolbar/GridToolbarFilterButton.d.ts +5 -4
  46. package/components/toolbar/GridToolbarFilterButton.js +6 -10
  47. package/components/virtualization/GridBottomContainer.d.ts +2 -0
  48. package/components/virtualization/GridBottomContainer.js +25 -0
  49. package/components/{containers → virtualization}/GridMainContainer.d.ts +2 -0
  50. package/components/virtualization/GridMainContainer.js +20 -0
  51. package/components/virtualization/GridTopContainer.d.ts +2 -0
  52. package/components/virtualization/GridTopContainer.js +35 -0
  53. package/components/virtualization/GridVirtualScrollbar.d.ts +7 -0
  54. package/components/virtualization/GridVirtualScrollbar.js +131 -0
  55. package/components/virtualization/GridVirtualScroller.d.ts +4 -4
  56. package/components/virtualization/GridVirtualScroller.js +69 -16
  57. package/components/virtualization/GridVirtualScrollerFiller.d.ts +4 -0
  58. package/components/virtualization/GridVirtualScrollerFiller.js +71 -0
  59. package/components/virtualization/GridVirtualScrollerRenderZone.js +2 -1
  60. package/constants/defaultGridSlotsComponents.js +6 -2
  61. package/constants/gridClasses.d.ts +60 -8
  62. package/constants/gridClasses.js +1 -1
  63. package/hooks/core/gridCoreSelector.d.ts +6 -0
  64. package/hooks/core/gridCoreSelector.js +5 -0
  65. package/hooks/core/useGridInitialization.js +4 -0
  66. package/hooks/core/useGridRefs.d.ts +3 -0
  67. package/hooks/core/useGridRefs.js +13 -0
  68. package/hooks/core/useGridTheme.d.ts +3 -0
  69. package/hooks/core/useGridTheme.js +19 -0
  70. package/hooks/features/columnGrouping/useGridColumnGrouping.d.ts +1 -1
  71. package/hooks/features/columnGrouping/useGridColumnGrouping.js +7 -14
  72. package/hooks/features/columnHeaders/useGridColumnHeaders.d.ts +13 -18
  73. package/hooks/features/columnHeaders/useGridColumnHeaders.js +68 -162
  74. package/hooks/features/columnMenu/useGridColumnMenu.js +28 -23
  75. package/hooks/features/columns/gridColumnsInterfaces.d.ts +17 -0
  76. package/hooks/features/columns/gridColumnsInterfaces.js +9 -1
  77. package/hooks/features/columns/gridColumnsSelector.d.ts +14 -1
  78. package/hooks/features/columns/gridColumnsSelector.js +52 -0
  79. package/hooks/features/columns/gridColumnsUtils.d.ts +1 -5
  80. package/hooks/features/columns/gridColumnsUtils.js +10 -12
  81. package/hooks/features/columns/index.d.ts +2 -2
  82. package/hooks/features/columns/index.js +2 -1
  83. package/hooks/features/columns/useGridColumnSpanning.js +62 -61
  84. package/hooks/features/columns/useGridColumns.js +20 -23
  85. package/hooks/features/dimensions/gridDimensionsApi.d.ts +60 -11
  86. package/hooks/features/dimensions/gridDimensionsSelectors.d.ts +2 -0
  87. package/hooks/features/dimensions/gridDimensionsSelectors.js +1 -0
  88. package/hooks/features/dimensions/index.d.ts +2 -0
  89. package/hooks/features/dimensions/index.js +1 -0
  90. package/hooks/features/dimensions/useGridDimensions.d.ts +7 -1
  91. package/hooks/features/dimensions/useGridDimensions.js +216 -148
  92. package/hooks/features/export/serializers/csvSerializer.js +2 -2
  93. package/hooks/features/filter/useGridFilter.js +3 -3
  94. package/hooks/features/focus/gridFocusStateSelector.d.ts +2 -2
  95. package/hooks/features/focus/gridFocusStateSelector.js +2 -6
  96. package/hooks/features/focus/useGridFocus.js +3 -3
  97. package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +3 -16
  98. package/hooks/features/pagination/useGridPagination.js +3 -5
  99. package/hooks/features/rows/gridRowsInterfaces.d.ts +1 -0
  100. package/hooks/features/rows/gridRowsSelector.d.ts +2 -2
  101. package/hooks/features/rows/gridRowsSelector.js +5 -5
  102. package/hooks/features/rows/gridRowsUtils.d.ts +1 -1
  103. package/hooks/features/rows/gridRowsUtils.js +4 -4
  104. package/hooks/features/rows/useGridRowsMeta.js +7 -4
  105. package/hooks/features/scroll/useGridScroll.js +8 -10
  106. package/hooks/features/sorting/gridSortingUtils.js +1 -1
  107. package/hooks/features/sorting/useGridSorting.d.ts +1 -1
  108. package/hooks/features/sorting/useGridSorting.js +15 -10
  109. package/hooks/features/virtualization/gridVirtualizationSelectors.d.ts +14 -0
  110. package/hooks/features/virtualization/gridVirtualizationSelectors.js +22 -2
  111. package/hooks/features/virtualization/useGridVirtualScroller.d.ts +27 -42
  112. package/hooks/features/virtualization/useGridVirtualScroller.js +441 -438
  113. package/hooks/features/virtualization/useGridVirtualization.d.ts +8 -0
  114. package/hooks/features/virtualization/useGridVirtualization.js +8 -1
  115. package/hooks/utils/index.d.ts +3 -0
  116. package/hooks/utils/index.js +4 -1
  117. package/hooks/utils/useGridAriaAttributes.js +1 -2
  118. package/hooks/utils/useGridNativeEventListener.js +4 -9
  119. package/hooks/utils/useResizeObserver.d.ts +2 -0
  120. package/hooks/utils/useResizeObserver.js +36 -0
  121. package/hooks/utils/useRunOnce.d.ts +5 -0
  122. package/hooks/utils/useRunOnce.js +18 -0
  123. package/index.js +1 -1
  124. package/internals/index.d.ts +12 -9
  125. package/internals/index.js +9 -7
  126. package/legacy/DataGrid/DataGrid.js +6 -6
  127. package/legacy/DataGrid/useDataGridComponent.js +2 -1
  128. package/legacy/DataGrid/useDataGridProps.js +1 -0
  129. package/legacy/components/GridColumnHeaders.js +3 -11
  130. package/legacy/components/GridDetailPanels.js +4 -0
  131. package/legacy/components/GridHeaders.js +53 -0
  132. package/legacy/components/GridPinnedRows.js +4 -0
  133. package/legacy/components/GridRow.js +258 -98
  134. package/legacy/components/GridScrollbarFillerCell.js +36 -0
  135. package/legacy/components/base/GridBody.js +2 -114
  136. package/legacy/components/base/GridOverlays.js +10 -25
  137. package/legacy/components/cell/GridCell.js +69 -377
  138. package/legacy/components/columnHeaders/GridBaseColumnHeaders.js +1 -6
  139. package/legacy/components/columnHeaders/GridColumnHeaderItem.js +7 -3
  140. package/legacy/components/columnHeaders/GridColumnHeaderSortIcon.js +5 -2
  141. package/legacy/components/columnHeaders/GridColumnHeadersInner.js +1 -2
  142. package/legacy/components/containers/GridRoot.js +18 -15
  143. package/legacy/components/containers/GridRootStyles.js +215 -137
  144. package/legacy/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +1 -1
  145. package/legacy/components/panel/GridPanel.js +3 -4
  146. package/legacy/components/panel/filterPanel/GridFilterForm.js +30 -13
  147. package/legacy/components/panel/filterPanel/GridFilterPanel.js +49 -20
  148. package/legacy/components/toolbar/GridToolbarColumnsButton.js +40 -21
  149. package/legacy/components/toolbar/GridToolbarDensitySelector.js +40 -21
  150. package/legacy/components/toolbar/GridToolbarExport.js +6 -1
  151. package/legacy/components/toolbar/GridToolbarExportContainer.js +40 -21
  152. package/legacy/components/toolbar/GridToolbarFilterButton.js +6 -10
  153. package/legacy/components/virtualization/GridBottomContainer.js +25 -0
  154. package/legacy/components/virtualization/GridMainContainer.js +20 -0
  155. package/legacy/components/virtualization/GridTopContainer.js +35 -0
  156. package/legacy/components/virtualization/GridVirtualScrollbar.js +129 -0
  157. package/legacy/components/virtualization/GridVirtualScroller.js +67 -16
  158. package/legacy/components/virtualization/GridVirtualScrollerFiller.js +70 -0
  159. package/legacy/components/virtualization/GridVirtualScrollerRenderZone.js +2 -1
  160. package/legacy/constants/defaultGridSlotsComponents.js +6 -2
  161. package/legacy/constants/gridClasses.js +1 -1
  162. package/legacy/hooks/core/gridCoreSelector.js +7 -0
  163. package/legacy/hooks/core/useGridInitialization.js +4 -0
  164. package/legacy/hooks/core/useGridRefs.js +13 -0
  165. package/legacy/hooks/core/useGridTheme.js +21 -0
  166. package/legacy/hooks/features/columnGrouping/useGridColumnGrouping.js +7 -14
  167. package/legacy/hooks/features/columnHeaders/useGridColumnHeaders.js +69 -181
  168. package/legacy/hooks/features/columnMenu/useGridColumnMenu.js +28 -23
  169. package/legacy/hooks/features/columns/gridColumnsInterfaces.js +9 -1
  170. package/legacy/hooks/features/columns/gridColumnsSelector.js +62 -0
  171. package/legacy/hooks/features/columns/gridColumnsUtils.js +10 -16
  172. package/legacy/hooks/features/columns/index.js +2 -1
  173. package/legacy/hooks/features/columns/useGridColumnSpanning.js +60 -59
  174. package/legacy/hooks/features/columns/useGridColumns.js +22 -23
  175. package/legacy/hooks/features/dimensions/gridDimensionsSelectors.js +3 -0
  176. package/legacy/hooks/features/dimensions/index.js +1 -0
  177. package/legacy/hooks/features/dimensions/useGridDimensions.js +226 -151
  178. package/legacy/hooks/features/export/serializers/csvSerializer.js +2 -2
  179. package/legacy/hooks/features/filter/useGridFilter.js +3 -3
  180. package/legacy/hooks/features/focus/gridFocusStateSelector.js +2 -6
  181. package/legacy/hooks/features/focus/useGridFocus.js +3 -3
  182. package/legacy/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +3 -16
  183. package/legacy/hooks/features/pagination/useGridPagination.js +3 -5
  184. package/legacy/hooks/features/rows/gridRowsSelector.js +5 -5
  185. package/legacy/hooks/features/rows/gridRowsUtils.js +4 -4
  186. package/legacy/hooks/features/rows/useGridRowsMeta.js +7 -4
  187. package/legacy/hooks/features/scroll/useGridScroll.js +8 -10
  188. package/legacy/hooks/features/sorting/gridSortingUtils.js +1 -1
  189. package/legacy/hooks/features/sorting/useGridSorting.js +15 -10
  190. package/legacy/hooks/features/virtualization/gridVirtualizationSelectors.js +29 -1
  191. package/legacy/hooks/features/virtualization/useGridVirtualScroller.js +490 -483
  192. package/legacy/hooks/features/virtualization/useGridVirtualization.js +8 -1
  193. package/legacy/hooks/utils/index.js +4 -1
  194. package/legacy/hooks/utils/useGridAriaAttributes.js +1 -2
  195. package/legacy/hooks/utils/useGridNativeEventListener.js +4 -9
  196. package/legacy/hooks/utils/useResizeObserver.js +36 -0
  197. package/legacy/hooks/utils/useRunOnce.js +18 -0
  198. package/legacy/index.js +1 -1
  199. package/legacy/internals/index.js +9 -7
  200. package/legacy/locales/hrHR.js +161 -0
  201. package/legacy/locales/index.js +4 -1
  202. package/legacy/locales/ptPT.js +161 -0
  203. package/legacy/locales/zhHK.js +161 -0
  204. package/legacy/models/index.js +0 -1
  205. package/legacy/models/params/index.js +1 -2
  206. package/legacy/utils/utils.js +10 -1
  207. package/locales/hrHR.d.ts +1 -0
  208. package/locales/hrHR.js +149 -0
  209. package/locales/index.d.ts +3 -0
  210. package/locales/index.js +4 -1
  211. package/locales/ptPT.d.ts +1 -0
  212. package/locales/ptPT.js +149 -0
  213. package/locales/zhHK.d.ts +1 -0
  214. package/locales/zhHK.js +149 -0
  215. package/models/api/gridColumnGroupingApi.d.ts +2 -2
  216. package/models/api/gridCoreApi.d.ts +16 -16
  217. package/models/api/gridRowsMetaApi.d.ts +1 -1
  218. package/models/api/gridVirtualizationApi.d.ts +2 -3
  219. package/models/events/gridEventLookup.d.ts +3 -3
  220. package/models/gridFilterModel.d.ts +1 -1
  221. package/models/gridSlotsComponent.d.ts +16 -2
  222. package/models/gridStateCommunity.d.ts +5 -1
  223. package/models/index.d.ts +0 -1
  224. package/models/index.js +0 -1
  225. package/models/params/index.d.ts +0 -1
  226. package/models/params/index.js +1 -2
  227. package/models/props/DataGridProps.d.ts +6 -11
  228. package/modern/DataGrid/DataGrid.js +6 -6
  229. package/modern/DataGrid/useDataGridComponent.js +2 -1
  230. package/modern/DataGrid/useDataGridProps.js +1 -0
  231. package/modern/components/GridColumnHeaders.js +3 -11
  232. package/modern/components/GridDetailPanels.js +4 -0
  233. package/modern/components/GridHeaders.js +53 -0
  234. package/modern/components/GridPinnedRows.js +4 -0
  235. package/modern/components/GridRow.js +258 -96
  236. package/modern/components/GridScrollbarFillerCell.js +39 -0
  237. package/modern/components/base/GridBody.js +2 -116
  238. package/modern/components/base/GridOverlays.js +10 -16
  239. package/modern/components/cell/GridCell.js +65 -369
  240. package/modern/components/columnHeaders/GridBaseColumnHeaders.js +1 -6
  241. package/modern/components/columnHeaders/GridColumnHeaderItem.js +7 -3
  242. package/modern/components/columnHeaders/GridColumnHeaderSortIcon.js +5 -2
  243. package/modern/components/columnHeaders/GridColumnHeadersInner.js +1 -1
  244. package/modern/components/containers/GridRoot.js +18 -14
  245. package/modern/components/containers/GridRootStyles.js +307 -204
  246. package/modern/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +1 -1
  247. package/modern/components/panel/GridPanel.js +3 -4
  248. package/modern/components/panel/filterPanel/GridFilterForm.js +30 -13
  249. package/modern/components/panel/filterPanel/GridFilterPanel.js +46 -20
  250. package/modern/components/toolbar/GridToolbarColumnsButton.js +38 -21
  251. package/modern/components/toolbar/GridToolbarDensitySelector.js +38 -21
  252. package/modern/components/toolbar/GridToolbarExport.js +6 -1
  253. package/modern/components/toolbar/GridToolbarExportContainer.js +39 -22
  254. package/modern/components/toolbar/GridToolbarFilterButton.js +6 -10
  255. package/modern/components/virtualization/GridBottomContainer.js +25 -0
  256. package/modern/components/virtualization/GridMainContainer.js +20 -0
  257. package/modern/components/virtualization/GridTopContainer.js +35 -0
  258. package/modern/components/virtualization/GridVirtualScrollbar.js +131 -0
  259. package/modern/components/virtualization/GridVirtualScroller.js +69 -16
  260. package/modern/components/virtualization/GridVirtualScrollerFiller.js +71 -0
  261. package/modern/components/virtualization/GridVirtualScrollerRenderZone.js +2 -1
  262. package/modern/constants/defaultGridSlotsComponents.js +6 -2
  263. package/modern/constants/gridClasses.js +1 -1
  264. package/modern/hooks/core/gridCoreSelector.js +5 -0
  265. package/modern/hooks/core/useGridInitialization.js +4 -0
  266. package/modern/hooks/core/useGridRefs.js +13 -0
  267. package/modern/hooks/core/useGridTheme.js +19 -0
  268. package/modern/hooks/features/columnGrouping/useGridColumnGrouping.js +5 -12
  269. package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +67 -160
  270. package/modern/hooks/features/columnMenu/useGridColumnMenu.js +28 -23
  271. package/modern/hooks/features/columns/gridColumnsInterfaces.js +9 -1
  272. package/modern/hooks/features/columns/gridColumnsSelector.js +51 -0
  273. package/modern/hooks/features/columns/gridColumnsUtils.js +10 -12
  274. package/modern/hooks/features/columns/index.js +2 -1
  275. package/modern/hooks/features/columns/useGridColumnSpanning.js +62 -61
  276. package/modern/hooks/features/columns/useGridColumns.js +19 -21
  277. package/modern/hooks/features/dimensions/gridDimensionsSelectors.js +1 -0
  278. package/modern/hooks/features/dimensions/index.js +1 -0
  279. package/modern/hooks/features/dimensions/useGridDimensions.js +214 -146
  280. package/modern/hooks/features/export/serializers/csvSerializer.js +2 -2
  281. package/modern/hooks/features/filter/useGridFilter.js +3 -3
  282. package/modern/hooks/features/focus/gridFocusStateSelector.js +2 -6
  283. package/modern/hooks/features/focus/useGridFocus.js +3 -3
  284. package/modern/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +3 -16
  285. package/modern/hooks/features/pagination/useGridPagination.js +3 -5
  286. package/modern/hooks/features/rows/gridRowsSelector.js +2 -2
  287. package/modern/hooks/features/rows/gridRowsUtils.js +4 -4
  288. package/modern/hooks/features/rows/useGridRowsMeta.js +7 -4
  289. package/modern/hooks/features/scroll/useGridScroll.js +8 -9
  290. package/modern/hooks/features/sorting/gridSortingUtils.js +1 -1
  291. package/modern/hooks/features/sorting/useGridSorting.js +15 -10
  292. package/modern/hooks/features/virtualization/gridVirtualizationSelectors.js +22 -2
  293. package/modern/hooks/features/virtualization/useGridVirtualScroller.js +435 -432
  294. package/modern/hooks/features/virtualization/useGridVirtualization.js +8 -1
  295. package/modern/hooks/utils/index.js +4 -1
  296. package/modern/hooks/utils/useGridAriaAttributes.js +1 -1
  297. package/modern/hooks/utils/useGridNativeEventListener.js +3 -9
  298. package/modern/hooks/utils/useResizeObserver.js +36 -0
  299. package/modern/hooks/utils/useRunOnce.js +18 -0
  300. package/modern/index.js +1 -1
  301. package/modern/internals/index.js +9 -7
  302. package/modern/locales/hrHR.js +149 -0
  303. package/modern/locales/index.js +4 -1
  304. package/modern/locales/ptPT.js +149 -0
  305. package/modern/locales/zhHK.js +149 -0
  306. package/modern/models/index.js +0 -1
  307. package/modern/models/params/index.js +1 -2
  308. package/modern/utils/utils.js +10 -1
  309. package/node/DataGrid/DataGrid.js +6 -6
  310. package/node/DataGrid/useDataGridComponent.js +1 -0
  311. package/node/DataGrid/useDataGridProps.js +1 -0
  312. package/node/components/GridColumnHeaders.js +3 -11
  313. package/node/components/GridDetailPanels.js +10 -0
  314. package/node/components/GridHeaders.js +60 -0
  315. package/node/components/GridPinnedRows.js +10 -0
  316. package/node/components/GridRow.js +256 -94
  317. package/node/components/GridScrollbarFillerCell.js +47 -0
  318. package/node/components/base/GridBody.js +7 -118
  319. package/node/components/base/GridOverlays.js +9 -15
  320. package/node/components/cell/GridCell.js +66 -369
  321. package/node/components/columnHeaders/GridBaseColumnHeaders.js +1 -6
  322. package/node/components/columnHeaders/GridColumnHeaderItem.js +8 -4
  323. package/node/components/columnHeaders/GridColumnHeaderSortIcon.js +5 -2
  324. package/node/components/columnHeaders/GridColumnHeadersInner.js +1 -1
  325. package/node/components/containers/GridRoot.js +17 -14
  326. package/node/components/containers/GridRootStyles.js +175 -72
  327. package/node/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +1 -1
  328. package/node/components/panel/GridPanel.js +3 -4
  329. package/node/components/panel/filterPanel/GridFilterForm.js +29 -12
  330. package/node/components/panel/filterPanel/GridFilterPanel.js +45 -19
  331. package/node/components/toolbar/GridToolbarColumnsButton.js +36 -20
  332. package/node/components/toolbar/GridToolbarDensitySelector.js +36 -20
  333. package/node/components/toolbar/GridToolbarExport.js +6 -1
  334. package/node/components/toolbar/GridToolbarExportContainer.js +37 -21
  335. package/node/components/toolbar/GridToolbarFilterButton.js +6 -10
  336. package/node/components/virtualization/GridBottomContainer.js +34 -0
  337. package/node/components/{containers → virtualization}/GridMainContainer.js +7 -29
  338. package/node/components/virtualization/GridTopContainer.js +44 -0
  339. package/node/components/virtualization/GridVirtualScrollbar.js +138 -0
  340. package/node/components/virtualization/GridVirtualScroller.js +69 -17
  341. package/node/components/virtualization/GridVirtualScrollerFiller.js +77 -0
  342. package/node/components/virtualization/GridVirtualScrollerRenderZone.js +2 -1
  343. package/node/constants/defaultGridSlotsComponents.js +5 -1
  344. package/node/constants/gridClasses.js +1 -1
  345. package/node/hooks/core/gridCoreSelector.js +12 -0
  346. package/node/hooks/core/useGridInitialization.js +4 -0
  347. package/node/hooks/core/useGridRefs.js +22 -0
  348. package/node/hooks/core/useGridTheme.js +29 -0
  349. package/node/hooks/features/columnGrouping/useGridColumnGrouping.js +5 -12
  350. package/node/hooks/features/columnHeaders/useGridColumnHeaders.js +65 -159
  351. package/node/hooks/features/columnMenu/useGridColumnMenu.js +28 -23
  352. package/node/hooks/features/columns/gridColumnsInterfaces.js +11 -1
  353. package/node/hooks/features/columns/gridColumnsSelector.js +52 -1
  354. package/node/hooks/features/columns/gridColumnsUtils.js +10 -13
  355. package/node/hooks/features/columns/index.js +22 -61
  356. package/node/hooks/features/columns/useGridColumnSpanning.js +62 -61
  357. package/node/hooks/features/columns/useGridColumns.js +20 -22
  358. package/node/hooks/features/dimensions/gridDimensionsSelectors.js +8 -0
  359. package/node/hooks/features/dimensions/index.js +11 -0
  360. package/node/hooks/features/dimensions/useGridDimensions.js +215 -144
  361. package/node/hooks/features/export/serializers/csvSerializer.js +2 -2
  362. package/node/hooks/features/filter/useGridFilter.js +2 -2
  363. package/node/hooks/features/focus/gridFocusStateSelector.js +3 -7
  364. package/node/hooks/features/focus/useGridFocus.js +2 -2
  365. package/node/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +2 -15
  366. package/node/hooks/features/pagination/useGridPagination.js +3 -5
  367. package/node/hooks/features/rows/gridRowsSelector.js +2 -2
  368. package/node/hooks/features/rows/gridRowsUtils.js +4 -4
  369. package/node/hooks/features/rows/useGridRowsMeta.js +5 -3
  370. package/node/hooks/features/scroll/useGridScroll.js +8 -9
  371. package/node/hooks/features/sorting/gridSortingUtils.js +1 -1
  372. package/node/hooks/features/sorting/useGridSorting.js +15 -10
  373. package/node/hooks/features/virtualization/gridVirtualizationSelectors.js +22 -2
  374. package/node/hooks/features/virtualization/useGridVirtualScroller.js +434 -431
  375. package/node/hooks/features/virtualization/useGridVirtualization.js +9 -1
  376. package/node/hooks/utils/index.js +36 -0
  377. package/node/hooks/utils/useGridAriaAttributes.js +1 -1
  378. package/node/hooks/utils/useGridNativeEventListener.js +3 -9
  379. package/node/hooks/utils/useResizeObserver.js +44 -0
  380. package/node/hooks/utils/useRunOnce.js +27 -0
  381. package/node/index.js +1 -1
  382. package/node/internals/index.js +86 -71
  383. package/node/locales/hrHR.js +155 -0
  384. package/node/locales/index.js +33 -0
  385. package/node/locales/ptPT.js +155 -0
  386. package/node/locales/zhHK.js +155 -0
  387. package/node/models/index.js +0 -11
  388. package/node/models/params/index.js +0 -11
  389. package/node/utils/utils.js +11 -1
  390. package/package.json +6 -6
  391. package/utils/utils.d.ts +6 -0
  392. package/utils/utils.js +10 -1
  393. package/components/DataGridVirtualScroller.d.ts +0 -3
  394. package/components/DataGridVirtualScroller.js +0 -35
  395. package/components/containers/GridMainContainer.js +0 -43
  396. package/legacy/components/DataGridVirtualScroller.js +0 -32
  397. package/legacy/components/containers/GridMainContainer.js +0 -45
  398. package/legacy/models/gridRootContainerRef.js +0 -1
  399. package/legacy/models/params/gridRenderedRowsIntervalChangeParams.js +0 -1
  400. package/models/gridRootContainerRef.d.ts +0 -5
  401. package/models/gridRootContainerRef.js +0 -1
  402. package/models/params/gridRenderedRowsIntervalChangeParams.d.ts +0 -10
  403. package/models/params/gridRenderedRowsIntervalChangeParams.js +0 -1
  404. package/modern/components/DataGridVirtualScroller.js +0 -35
  405. package/modern/components/containers/GridMainContainer.js +0 -42
  406. package/modern/models/gridRootContainerRef.js +0 -1
  407. package/modern/models/params/gridRenderedRowsIntervalChangeParams.js +0 -1
  408. package/node/components/DataGridVirtualScroller.js +0 -42
  409. package/node/models/gridRootContainerRef.js +0 -5
  410. package/node/models/params/gridRenderedRowsIntervalChangeParams.js +0 -5
@@ -343,4 +343,37 @@ Object.keys(_zhTW).forEach(function (key) {
343
343
  return _zhTW[key];
344
344
  }
345
345
  });
346
+ });
347
+ var _hrHR = require("./hrHR");
348
+ Object.keys(_hrHR).forEach(function (key) {
349
+ if (key === "default" || key === "__esModule") return;
350
+ if (key in exports && exports[key] === _hrHR[key]) return;
351
+ Object.defineProperty(exports, key, {
352
+ enumerable: true,
353
+ get: function () {
354
+ return _hrHR[key];
355
+ }
356
+ });
357
+ });
358
+ var _ptPT = require("./ptPT");
359
+ Object.keys(_ptPT).forEach(function (key) {
360
+ if (key === "default" || key === "__esModule") return;
361
+ if (key in exports && exports[key] === _ptPT[key]) return;
362
+ Object.defineProperty(exports, key, {
363
+ enumerable: true,
364
+ get: function () {
365
+ return _ptPT[key];
366
+ }
367
+ });
368
+ });
369
+ var _zhHK = require("./zhHK");
370
+ Object.keys(_zhHK).forEach(function (key) {
371
+ if (key === "default" || key === "__esModule") return;
372
+ if (key in exports && exports[key] === _zhHK[key]) return;
373
+ Object.defineProperty(exports, key, {
374
+ enumerable: true,
375
+ get: function () {
376
+ return _zhHK[key];
377
+ }
378
+ });
346
379
  });
@@ -0,0 +1,155 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.ptPT = void 0;
7
+ var _locale = require("@mui/material/locale");
8
+ var _getGridLocalization = require("../utils/getGridLocalization");
9
+ const ptPTGrid = {
10
+ // Root
11
+ noRowsLabel: 'Nenhuma linha',
12
+ noResultsOverlayLabel: 'Nenhum resultado encontrado.',
13
+ // Density selector toolbar button text
14
+ toolbarDensity: 'Densidade',
15
+ toolbarDensityLabel: 'Densidade',
16
+ toolbarDensityCompact: 'Compactar',
17
+ toolbarDensityStandard: 'Padrão',
18
+ toolbarDensityComfortable: 'Confortável',
19
+ // Columns selector toolbar button text
20
+ toolbarColumns: 'Colunas',
21
+ toolbarColumnsLabel: 'Selecione colunas',
22
+ // Filters toolbar button text
23
+ toolbarFilters: 'Filtros',
24
+ toolbarFiltersLabel: 'Mostrar filtros',
25
+ toolbarFiltersTooltipHide: 'Ocultar filtros',
26
+ toolbarFiltersTooltipShow: 'Mostrar filtros',
27
+ toolbarFiltersTooltipActive: count => count !== 1 ? `${count} filtros ativos` : `${count} filtro ativo`,
28
+ // Quick filter toolbar field
29
+ toolbarQuickFilterPlaceholder: 'Procurar…',
30
+ toolbarQuickFilterLabel: 'Procurar',
31
+ toolbarQuickFilterDeleteIconLabel: 'Claro',
32
+ // Export selector toolbar button text
33
+ toolbarExport: 'Exportar',
34
+ toolbarExportLabel: 'Exportar',
35
+ toolbarExportCSV: 'Baixar como CSV',
36
+ toolbarExportPrint: 'Imprimir',
37
+ toolbarExportExcel: 'Baixe como Excel',
38
+ // Columns panel text
39
+ columnsPanelTextFieldLabel: 'Encontrar coluna',
40
+ columnsPanelTextFieldPlaceholder: 'Título da coluna',
41
+ columnsPanelDragIconLabel: 'Reordenar coluna',
42
+ columnsPanelShowAllButton: 'Mostre tudo',
43
+ columnsPanelHideAllButton: 'Esconda tudo',
44
+ // Filter panel text
45
+ filterPanelAddFilter: 'Adicionar filtro',
46
+ filterPanelRemoveAll: 'Deletar tudo',
47
+ filterPanelDeleteIconLabel: 'Excluir',
48
+ filterPanelLogicOperator: 'Operador lógico',
49
+ filterPanelOperator: 'Operador',
50
+ filterPanelOperatorAnd: 'E',
51
+ filterPanelOperatorOr: 'Ou',
52
+ filterPanelColumns: 'Colunas',
53
+ filterPanelInputLabel: 'Valor',
54
+ filterPanelInputPlaceholder: 'Valor do filtro',
55
+ // Filter operators text
56
+ filterOperatorContains: 'contém',
57
+ filterOperatorEquals: 'é igual a',
58
+ filterOperatorStartsWith: 'começa com',
59
+ filterOperatorEndsWith: 'termina com',
60
+ filterOperatorIs: 'é',
61
+ filterOperatorNot: 'não é',
62
+ filterOperatorAfter: 'está depois',
63
+ filterOperatorOnOrAfter: 'está ligado ou depois',
64
+ filterOperatorBefore: 'é antes',
65
+ filterOperatorOnOrBefore: 'está ligado ou antes',
66
+ filterOperatorIsEmpty: 'está vazia',
67
+ filterOperatorIsNotEmpty: 'não está vazio',
68
+ filterOperatorIsAnyOf: 'é qualquer um',
69
+ 'filterOperator=': '=',
70
+ 'filterOperator!=': '!=',
71
+ 'filterOperator>': '>',
72
+ 'filterOperator>=': '>=',
73
+ 'filterOperator<': '<',
74
+ 'filterOperator<=': '<=',
75
+ // Header filter operators text
76
+ headerFilterOperatorContains: 'Contém',
77
+ headerFilterOperatorEquals: 'É igual a',
78
+ headerFilterOperatorStartsWith: 'Começa com',
79
+ headerFilterOperatorEndsWith: 'Termina com',
80
+ headerFilterOperatorIs: 'É',
81
+ headerFilterOperatorNot: 'Não é',
82
+ headerFilterOperatorAfter: 'Está depois',
83
+ headerFilterOperatorOnOrAfter: 'Está ligado ou depois',
84
+ headerFilterOperatorBefore: 'É antes',
85
+ headerFilterOperatorOnOrBefore: 'Está ligado ou antes',
86
+ headerFilterOperatorIsEmpty: 'Está vazia',
87
+ headerFilterOperatorIsNotEmpty: 'Não está vazio',
88
+ headerFilterOperatorIsAnyOf: 'Algum',
89
+ 'headerFilterOperator=': 'É igual a',
90
+ 'headerFilterOperator!=': 'Não é igual',
91
+ 'headerFilterOperator>': 'Maior que',
92
+ 'headerFilterOperator>=': 'Melhor que ou igual a',
93
+ 'headerFilterOperator<': 'Menor que',
94
+ 'headerFilterOperator<=': 'Menos que ou igual a',
95
+ // Filter values text
96
+ filterValueAny: 'qualquer',
97
+ filterValueTrue: 'verdadeiro',
98
+ filterValueFalse: 'falso',
99
+ // Column menu text
100
+ columnMenuLabel: 'Cardápio',
101
+ columnMenuShowColumns: 'Mostrar colunas',
102
+ columnMenuManageColumns: 'Gerenciar colunas',
103
+ columnMenuFilter: 'Filtro',
104
+ columnMenuHideColumn: 'Ocultar coluna',
105
+ columnMenuUnsort: 'Desclassificar',
106
+ columnMenuSortAsc: 'Classificar por ordem crescente',
107
+ columnMenuSortDesc: 'Classificar por ordem decrescente',
108
+ // Column header text
109
+ columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} filtros ativos` : `${count} filtro ativo`,
110
+ columnHeaderFiltersLabel: 'Mostrar filtros',
111
+ columnHeaderSortIconLabel: 'Organizar',
112
+ // Rows selected footer text
113
+ footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} linhas selecionadas` : `${count.toLocaleString()} linha selecionada`,
114
+ // Total row amount footer text
115
+ footerTotalRows: 'Total de linhas:',
116
+ // Total visible row amount footer text
117
+ footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} de ${totalCount.toLocaleString()}`,
118
+ // Checkbox selection text
119
+ checkboxSelectionHeaderName: 'Seleção de caixa de seleção',
120
+ checkboxSelectionSelectAllRows: 'Selecione todas as linhas',
121
+ checkboxSelectionUnselectAllRows: 'Desmarque todas as linhas',
122
+ checkboxSelectionSelectRow: 'Selecione a linha',
123
+ checkboxSelectionUnselectRow: 'Desmarcar linha',
124
+ // Boolean cell text
125
+ booleanCellTrueLabel: 'sim',
126
+ booleanCellFalseLabel: 'não',
127
+ // Actions cell more text
128
+ actionsCellMore: 'mais',
129
+ // Column pinning text
130
+ pinToLeft: 'Fixar à esquerda',
131
+ pinToRight: 'Fixar à direita',
132
+ unpin: 'Liberar',
133
+ // Tree Data
134
+ treeDataGroupingHeaderName: 'Group',
135
+ treeDataExpand: 'veja crianças',
136
+ treeDataCollapse: 'esconder crianças',
137
+ // Grouping columns
138
+ groupingColumnHeaderName: 'Grupo',
139
+ groupColumn: name => `Agrupar por ${name}`,
140
+ unGroupColumn: name => `Pare de agrupar por ${name}`,
141
+ // Master/detail
142
+ detailPanelToggle: 'Alternar painel de detalhes',
143
+ expandDetailPanel: 'Expandir',
144
+ collapseDetailPanel: 'Colapso',
145
+ // Row reordering text
146
+ rowReorderingHeaderName: 'Reordenação de linhas',
147
+ // Aggregation
148
+ aggregationMenuItemHeader: 'Agregação',
149
+ aggregationFunctionLabelSum: 'soma',
150
+ aggregationFunctionLabelAvg: 'média',
151
+ aggregationFunctionLabelMin: 'min',
152
+ aggregationFunctionLabelMax: 'máx.',
153
+ aggregationFunctionLabelSize: 'tamanho'
154
+ };
155
+ const ptPT = exports.ptPT = (0, _getGridLocalization.getGridLocalization)(ptPTGrid, _locale.ptPT);
@@ -0,0 +1,155 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.zhHK = void 0;
7
+ var _locale = require("@mui/material/locale");
8
+ var _getGridLocalization = require("../utils/getGridLocalization");
9
+ const zhHKGrid = {
10
+ // Root
11
+ noRowsLabel: '沒有行',
12
+ noResultsOverlayLabel: '未找到結果。',
13
+ // Density selector toolbar button text
14
+ toolbarDensity: '密度',
15
+ toolbarDensityLabel: '密度',
16
+ toolbarDensityCompact: '袖珍的',
17
+ toolbarDensityStandard: '標準',
18
+ toolbarDensityComfortable: '舒服的',
19
+ // Columns selector toolbar button text
20
+ toolbarColumns: '列',
21
+ toolbarColumnsLabel: '選擇列',
22
+ // Filters toolbar button text
23
+ toolbarFilters: '過濾器',
24
+ toolbarFiltersLabel: '顯示過濾器',
25
+ toolbarFiltersTooltipHide: '隱藏過濾器',
26
+ toolbarFiltersTooltipShow: '顯示過濾器',
27
+ toolbarFiltersTooltipActive: count => count !== 1 ? `${count} 個有效過濾器` : `${count} 個活動過濾器`,
28
+ // Quick filter toolbar field
29
+ toolbarQuickFilterPlaceholder: '搜尋…',
30
+ toolbarQuickFilterLabel: '搜尋',
31
+ toolbarQuickFilterDeleteIconLabel: '清除',
32
+ // Export selector toolbar button text
33
+ toolbarExport: '出口',
34
+ toolbarExportLabel: '出口',
35
+ toolbarExportCSV: '下載為 CSV',
36
+ toolbarExportPrint: '列印',
37
+ toolbarExportExcel: '下載為 Excel',
38
+ // Columns panel text
39
+ columnsPanelTextFieldLabel: '查找欄目',
40
+ columnsPanelTextFieldPlaceholder: '欄目標題',
41
+ columnsPanelDragIconLabel: '重新排序列',
42
+ columnsPanelShowAllButton: '顯示所有',
43
+ columnsPanelHideAllButton: '全部藏起來',
44
+ // Filter panel text
45
+ filterPanelAddFilter: '新增過濾器',
46
+ filterPanelRemoveAll: '移除所有',
47
+ filterPanelDeleteIconLabel: '刪除',
48
+ filterPanelLogicOperator: '邏輯運算符',
49
+ filterPanelOperator: '操作員',
50
+ filterPanelOperatorAnd: '和',
51
+ filterPanelOperatorOr: '或者',
52
+ filterPanelColumns: '列',
53
+ filterPanelInputLabel: '價值',
54
+ filterPanelInputPlaceholder: '過濾值',
55
+ // Filter operators text
56
+ filterOperatorContains: '包含',
57
+ filterOperatorEquals: '等於',
58
+ filterOperatorStartsWith: '以。。開始',
59
+ filterOperatorEndsWith: '以。。結束',
60
+ filterOperatorIs: '是',
61
+ filterOperatorNot: '不是',
62
+ filterOperatorAfter: '是在之後',
63
+ filterOperatorOnOrAfter: '是在或之後',
64
+ filterOperatorBefore: '是在之前',
65
+ filterOperatorOnOrBefore: '是在或之前',
66
+ filterOperatorIsEmpty: '是空的',
67
+ filterOperatorIsNotEmpty: '不為空',
68
+ filterOperatorIsAnyOf: '是以下任一個',
69
+ 'filterOperator=': '=',
70
+ 'filterOperator!=': '!=',
71
+ 'filterOperator>': '>',
72
+ 'filterOperator>=': '>=',
73
+ 'filterOperator<': '<',
74
+ 'filterOperator<=': '<=',
75
+ // Header filter operators text
76
+ headerFilterOperatorContains: '包含',
77
+ headerFilterOperatorEquals: '等於',
78
+ headerFilterOperatorStartsWith: '以。。開始',
79
+ headerFilterOperatorEndsWith: '以。。結束',
80
+ headerFilterOperatorIs: '是',
81
+ headerFilterOperatorNot: '不是',
82
+ headerFilterOperatorAfter: '是在之後',
83
+ headerFilterOperatorOnOrAfter: '是在或之後',
84
+ headerFilterOperatorBefore: '是之前',
85
+ headerFilterOperatorOnOrBefore: '是在或之前',
86
+ headerFilterOperatorIsEmpty: '是空的',
87
+ headerFilterOperatorIsNotEmpty: '不為空',
88
+ headerFilterOperatorIsAnyOf: '是以下任一個',
89
+ 'headerFilterOperator=': '等於',
90
+ 'headerFilterOperator!=': '不等於',
91
+ 'headerFilterOperator>': '比...更棒',
92
+ 'headerFilterOperator>=': '大於或等於',
93
+ 'headerFilterOperator<': '少於',
94
+ 'headerFilterOperator<=': '小於或等於',
95
+ // Filter values text
96
+ filterValueAny: '任何',
97
+ filterValueTrue: '真的',
98
+ filterValueFalse: '錯誤的',
99
+ // Column menu text
100
+ columnMenuLabel: '選單',
101
+ columnMenuShowColumns: '顯示欄目',
102
+ columnMenuManageColumns: '管理欄目',
103
+ columnMenuFilter: '篩選',
104
+ columnMenuHideColumn: '隱藏列',
105
+ columnMenuUnsort: '取消排序',
106
+ columnMenuSortAsc: '按升序排序',
107
+ columnMenuSortDesc: '按降序排序',
108
+ // Column header text
109
+ columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} 個有效過濾器` : `${count} 個活動過濾器`,
110
+ columnHeaderFiltersLabel: '顯示過濾器',
111
+ columnHeaderSortIconLabel: '種類',
112
+ // Rows selected footer text
113
+ footerRowSelected: count => count !== 1 ? `已選擇 ${count.toLocaleString()} 行` : `已選擇 ${count.toLocaleString()} 行`,
114
+ // Total row amount footer text
115
+ footerTotalRows: '總行數:',
116
+ // Total visible row amount footer text
117
+ footerTotalVisibleRows: (visibleCount, totalCount) => `${totalCount.toLocaleString()} 的 ${visibleCount.toLocaleString()}`,
118
+ // Checkbox selection text
119
+ checkboxSelectionHeaderName: '複選框選擇',
120
+ checkboxSelectionSelectAllRows: '選擇所有行',
121
+ checkboxSelectionUnselectAllRows: '取消選擇所有行',
122
+ checkboxSelectionSelectRow: '選擇行',
123
+ checkboxSelectionUnselectRow: '取消選擇行',
124
+ // Boolean cell text
125
+ booleanCellTrueLabel: '是的',
126
+ booleanCellFalseLabel: '不',
127
+ // Actions cell more text
128
+ actionsCellMore: '更多的',
129
+ // Column pinning text
130
+ pinToLeft: '固定到左側',
131
+ pinToRight: '固定到右側',
132
+ unpin: '取消固定',
133
+ // Tree Data
134
+ treeDataGroupingHeaderName: 'Group',
135
+ treeDataExpand: '看看孩子們',
136
+ treeDataCollapse: '隱藏孩子',
137
+ // Grouping columns
138
+ groupingColumnHeaderName: '團體',
139
+ groupColumn: name => `按 ${name} 分組`,
140
+ unGroupColumn: name => `停止以 ${name} 分組`,
141
+ // Master/detail
142
+ detailPanelToggle: '詳細資訊面板切換',
143
+ expandDetailPanel: '擴張',
144
+ collapseDetailPanel: '坍塌',
145
+ // Row reordering text
146
+ rowReorderingHeaderName: '行重新排序',
147
+ // Aggregation
148
+ aggregationMenuItemHeader: '聚合',
149
+ aggregationFunctionLabelSum: '和',
150
+ aggregationFunctionLabelAvg: '平均',
151
+ aggregationFunctionLabelMin: '分分鐘',
152
+ aggregationFunctionLabelMax: '最大限度',
153
+ aggregationFunctionLabelSize: '尺寸'
154
+ };
155
+ const zhHK = exports.zhHK = (0, _getGridLocalization.getGridLocalization)(zhHKGrid, _locale.zhHK);
@@ -91,17 +91,6 @@ Object.keys(_gridPaginationProps).forEach(function (key) {
91
91
  }
92
92
  });
93
93
  });
94
- var _gridRootContainerRef = require("./gridRootContainerRef");
95
- Object.keys(_gridRootContainerRef).forEach(function (key) {
96
- if (key === "default" || key === "__esModule") return;
97
- if (key in exports && exports[key] === _gridRootContainerRef[key]) return;
98
- Object.defineProperty(exports, key, {
99
- enumerable: true,
100
- get: function () {
101
- return _gridRootContainerRef[key];
102
- }
103
- });
104
- });
105
94
  var _gridRenderContextProps = require("./gridRenderContextProps");
106
95
  Object.keys(_gridRenderContextProps).forEach(function (key) {
107
96
  if (key === "default" || key === "__esModule") return;
@@ -145,15 +145,4 @@ Object.keys(_gridMenuParams).forEach(function (key) {
145
145
  return _gridMenuParams[key];
146
146
  }
147
147
  });
148
- });
149
- var _gridRenderedRowsIntervalChangeParams = require("./gridRenderedRowsIntervalChangeParams");
150
- Object.keys(_gridRenderedRowsIntervalChangeParams).forEach(function (key) {
151
- if (key === "default" || key === "__esModule") return;
152
- if (key in exports && exports[key] === _gridRenderedRowsIntervalChangeParams[key]) return;
153
- Object.defineProperty(exports, key, {
154
- enumerable: true,
155
- get: function () {
156
- return _gridRenderedRowsIntervalChangeParams[key];
157
- }
158
- });
159
148
  });
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.clamp = void 0;
7
7
  exports.deepClone = deepClone;
8
8
  exports.escapeRegExp = escapeRegExp;
9
+ exports.eslintUseValue = eslintUseValue;
9
10
  exports.isDeepEqual = isDeepEqual;
10
11
  exports.isFunction = isFunction;
11
12
  exports.isNumber = isNumber;
@@ -186,4 +187,13 @@ function deepClone(obj) {
186
187
  return structuredClone(obj);
187
188
  }
188
189
  return JSON.parse(JSON.stringify(obj));
189
- }
190
+ }
191
+
192
+ /* eslint-disable @typescript-eslint/no-unused-vars */
193
+ /**
194
+ * Mark a value as used so eslint doesn't complain. Use this instead
195
+ * of a `eslint-disable-next-line react-hooks/exhaustive-deps` because
196
+ * that hint disables checks on all values instead of just one.
197
+ */
198
+ function eslintUseValue(_) {}
199
+ /* eslint-enable @typescript-eslint/no-unused-vars */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-data-grid",
3
- "version": "7.0.0-alpha.8",
3
+ "version": "7.0.0-alpha.9",
4
4
  "description": "The community edition of the data grid component (MUI X).",
5
5
  "author": "MUI Team",
6
6
  "main": "./node/index.js",
@@ -36,15 +36,15 @@
36
36
  "directory": "packages/grid/x-data-grid"
37
37
  },
38
38
  "dependencies": {
39
- "@babel/runtime": "^7.23.7",
40
- "@mui/system": "^5.15.2",
41
- "@mui/utils": "^5.15.2",
42
- "clsx": "^2.0.0",
39
+ "@babel/runtime": "^7.23.8",
40
+ "@mui/system": "^5.15.5",
41
+ "@mui/utils": "^5.15.5",
42
+ "clsx": "^2.1.0",
43
43
  "prop-types": "^15.8.1",
44
44
  "reselect": "^4.1.8"
45
45
  },
46
46
  "peerDependencies": {
47
- "@mui/material": "^5.4.1",
47
+ "@mui/material": "^5.15.0",
48
48
  "react": "^17.0.0 || ^18.0.0",
49
49
  "react-dom": "^17.0.0 || ^18.0.0"
50
50
  },
package/utils/utils.d.ts CHANGED
@@ -37,3 +37,9 @@ export declare const clamp: (value: number, min: number, max: number) => number;
37
37
  export declare function isDeepEqual<T>(actual: any, expected: T): actual is T;
38
38
  export declare function randomNumberBetween(seed: number, min: number, max: number): () => number;
39
39
  export declare function deepClone(obj: Record<string, any>): any;
40
+ /**
41
+ * Mark a value as used so eslint doesn't complain. Use this instead
42
+ * of a `eslint-disable-next-line react-hooks/exhaustive-deps` because
43
+ * that hint disables checks on all values instead of just one.
44
+ */
45
+ export declare function eslintUseValue(_: any): void;
package/utils/utils.js CHANGED
@@ -172,4 +172,13 @@ export function deepClone(obj) {
172
172
  return structuredClone(obj);
173
173
  }
174
174
  return JSON.parse(JSON.stringify(obj));
175
- }
175
+ }
176
+
177
+ /* eslint-disable @typescript-eslint/no-unused-vars */
178
+ /**
179
+ * Mark a value as used so eslint doesn't complain. Use this instead
180
+ * of a `eslint-disable-next-line react-hooks/exhaustive-deps` because
181
+ * that hint disables checks on all values instead of just one.
182
+ */
183
+ export function eslintUseValue(_) {}
184
+ /* eslint-enable @typescript-eslint/no-unused-vars */
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- declare const DataGridVirtualScroller: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
3
- export { DataGridVirtualScroller };
@@ -1,35 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
- const _excluded = ["className"];
4
- import * as React from 'react';
5
- import { GridVirtualScroller } from './virtualization/GridVirtualScroller';
6
- import { GridVirtualScrollerContent } from './virtualization/GridVirtualScrollerContent';
7
- import { GridVirtualScrollerRenderZone } from './virtualization/GridVirtualScrollerRenderZone';
8
- import { useGridVirtualScroller } from '../hooks/features/virtualization/useGridVirtualScroller';
9
- import { GridOverlays } from './base/GridOverlays';
10
- import { jsx as _jsx } from "react/jsx-runtime";
11
- import { jsxs as _jsxs } from "react/jsx-runtime";
12
- const DataGridVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGridVirtualScroller(props, ref) {
13
- const {
14
- className
15
- } = props,
16
- other = _objectWithoutPropertiesLoose(props, _excluded);
17
- const {
18
- getRootProps,
19
- getContentProps,
20
- getRenderZoneProps,
21
- getRows
22
- } = useGridVirtualScroller({
23
- ref
24
- });
25
- return /*#__PURE__*/_jsxs(GridVirtualScroller, _extends({
26
- className: className
27
- }, getRootProps(other), {
28
- children: [/*#__PURE__*/_jsx(GridOverlays, {}), /*#__PURE__*/_jsx(GridVirtualScrollerContent, _extends({}, getContentProps(), {
29
- children: /*#__PURE__*/_jsx(GridVirtualScrollerRenderZone, _extends({}, getRenderZoneProps(), {
30
- children: getRows()
31
- }))
32
- }))]
33
- }));
34
- });
35
- export { DataGridVirtualScroller };
@@ -1,43 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import * as React from 'react';
3
- import { unstable_composeClasses as composeClasses } from '@mui/utils';
4
- import { styled } from '@mui/system';
5
- import { getDataGridUtilityClass } from '../../constants/gridClasses';
6
- import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
7
- import { useGridAriaAttributes } from '../../hooks/utils/useGridAriaAttributes';
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- const useUtilityClasses = ownerState => {
10
- const {
11
- classes
12
- } = ownerState;
13
- const slots = {
14
- root: ['main']
15
- };
16
- return composeClasses(slots, getDataGridUtilityClass, classes);
17
- };
18
- const GridMainContainerRoot = styled('div', {
19
- name: 'MuiDataGrid',
20
- slot: 'Main',
21
- overridesResolver: (props, styles) => styles.main
22
- })(() => ({
23
- position: 'relative',
24
- flexGrow: 1,
25
- display: 'flex',
26
- flexDirection: 'column',
27
- overflow: 'hidden'
28
- }));
29
- export const GridMainContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
30
- var _rootProps$experiment;
31
- const rootProps = useGridRootProps();
32
- const classes = useUtilityClasses(rootProps);
33
- const getAriaAttributes = (_rootProps$experiment = rootProps.experimentalFeatures) != null && _rootProps$experiment.ariaV7 // ariaV7 should never change
34
- ? useGridAriaAttributes : null;
35
- const ariaAttributes = typeof getAriaAttributes === 'function' ? getAriaAttributes() : null;
36
- return /*#__PURE__*/_jsx(GridMainContainerRoot, _extends({
37
- ref: ref,
38
- className: classes.root,
39
- ownerState: rootProps
40
- }, ariaAttributes, {
41
- children: props.children
42
- }));
43
- });
@@ -1,32 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["className"];
4
- import * as React from 'react';
5
- import { GridVirtualScroller } from './virtualization/GridVirtualScroller';
6
- import { GridVirtualScrollerContent } from './virtualization/GridVirtualScrollerContent';
7
- import { GridVirtualScrollerRenderZone } from './virtualization/GridVirtualScrollerRenderZone';
8
- import { useGridVirtualScroller } from '../hooks/features/virtualization/useGridVirtualScroller';
9
- import { GridOverlays } from './base/GridOverlays';
10
- import { jsx as _jsx } from "react/jsx-runtime";
11
- import { jsxs as _jsxs } from "react/jsx-runtime";
12
- var DataGridVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGridVirtualScroller(props, ref) {
13
- var className = props.className,
14
- other = _objectWithoutProperties(props, _excluded);
15
- var _useGridVirtualScroll = useGridVirtualScroller({
16
- ref: ref
17
- }),
18
- getRootProps = _useGridVirtualScroll.getRootProps,
19
- getContentProps = _useGridVirtualScroll.getContentProps,
20
- getRenderZoneProps = _useGridVirtualScroll.getRenderZoneProps,
21
- getRows = _useGridVirtualScroll.getRows;
22
- return /*#__PURE__*/_jsxs(GridVirtualScroller, _extends({
23
- className: className
24
- }, getRootProps(other), {
25
- children: [/*#__PURE__*/_jsx(GridOverlays, {}), /*#__PURE__*/_jsx(GridVirtualScrollerContent, _extends({}, getContentProps(), {
26
- children: /*#__PURE__*/_jsx(GridVirtualScrollerRenderZone, _extends({}, getRenderZoneProps(), {
27
- children: getRows()
28
- }))
29
- }))]
30
- }));
31
- });
32
- export { DataGridVirtualScroller };
@@ -1,45 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import * as React from 'react';
3
- import { unstable_composeClasses as composeClasses } from '@mui/utils';
4
- import { styled } from '@mui/system';
5
- import { getDataGridUtilityClass } from '../../constants/gridClasses';
6
- import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
7
- import { useGridAriaAttributes } from '../../hooks/utils/useGridAriaAttributes';
8
- import { jsx as _jsx } from "react/jsx-runtime";
9
- var useUtilityClasses = function useUtilityClasses(ownerState) {
10
- var classes = ownerState.classes;
11
- var slots = {
12
- root: ['main']
13
- };
14
- return composeClasses(slots, getDataGridUtilityClass, classes);
15
- };
16
- var GridMainContainerRoot = styled('div', {
17
- name: 'MuiDataGrid',
18
- slot: 'Main',
19
- overridesResolver: function overridesResolver(props, styles) {
20
- return styles.main;
21
- }
22
- })(function () {
23
- return {
24
- position: 'relative',
25
- flexGrow: 1,
26
- display: 'flex',
27
- flexDirection: 'column',
28
- overflow: 'hidden'
29
- };
30
- });
31
- export var GridMainContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
32
- var _rootProps$experiment;
33
- var rootProps = useGridRootProps();
34
- var classes = useUtilityClasses(rootProps);
35
- var getAriaAttributes = (_rootProps$experiment = rootProps.experimentalFeatures) != null && _rootProps$experiment.ariaV7 // ariaV7 should never change
36
- ? useGridAriaAttributes : null;
37
- var ariaAttributes = typeof getAriaAttributes === 'function' ? getAriaAttributes() : null;
38
- return /*#__PURE__*/_jsx(GridMainContainerRoot, _extends({
39
- ref: ref,
40
- className: classes.root,
41
- ownerState: rootProps
42
- }, ariaAttributes, {
43
- children: props.children
44
- }));
45
- });
@@ -1 +0,0 @@
1
- export {};
@@ -1,5 +0,0 @@
1
- import * as React from 'react';
2
- /**
3
- * The ref type of the inner grid root container.
4
- */
5
- export type GridRootContainerRef = React.RefObject<HTMLDivElement>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,10 +0,0 @@
1
- export interface GridRenderedRowsIntervalChangeParams {
2
- /**
3
- * The index of the first row to render.
4
- */
5
- firstRowToRender: number;
6
- /**
7
- * The index of the last row to render.
8
- */
9
- lastRowToRender: number;
10
- }
@@ -1 +0,0 @@
1
- export {};