@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
@@ -1,10 +1,17 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import * as React from 'react';
3
3
  import { useGridApiMethod } from '../../utils/useGridApiMethod';
4
+ export const EMPTY_RENDER_CONTEXT = {
5
+ firstRowIndex: 0,
6
+ lastRowIndex: 0,
7
+ firstColumnIndex: 0,
8
+ lastColumnIndex: 0
9
+ };
4
10
  export const virtualizationStateInitializer = (state, props) => {
5
11
  const virtualization = {
6
12
  enabled: !props.disableVirtualization,
7
- enabledForColumns: true
13
+ enabledForColumns: true,
14
+ renderContext: EMPTY_RENDER_CONTEXT
8
15
  };
9
16
  return _extends({}, state, {
10
17
  virtualization
@@ -3,4 +3,7 @@ export * from './useGridApiMethod';
3
3
  export * from './useGridLogger';
4
4
  export { useGridSelector } from './useGridSelector';
5
5
  export * from './useGridNativeEventListener';
6
- export * from './useFirstRender';
6
+ export * from './useFirstRender';
7
+ export * from './useOnMount';
8
+ export * from './useResizeObserver';
9
+ export * from './useRunOnce';
@@ -13,7 +13,7 @@ export const useGridAriaAttributes = () => {
13
13
  const headerGroupingMaxDepth = useGridSelector(apiRef, gridColumnGroupsHeaderMaxDepthSelector);
14
14
  const pinnedRowsCount = useGridSelector(apiRef, gridPinnedRowsCountSelector);
15
15
  let role = 'grid';
16
- if (rootProps.experimentalFeatures?.ariaV7 && rootProps.treeData) {
16
+ if (rootProps.treeData) {
17
17
  role = 'treegrid';
18
18
  }
19
19
  return {
@@ -5,6 +5,7 @@ export const useGridNativeEventListener = (apiRef, ref, eventName, handler, opti
5
5
  const logger = useGridLogger(apiRef, 'useNativeEventListener');
6
6
  const [added, setAdded] = React.useState(false);
7
7
  const handlerRef = React.useRef(handler);
8
+ const targetElement = isFunction(ref) ? ref() : ref?.current ?? null;
8
9
  const wrapHandler = React.useCallback(event => {
9
10
  return handlerRef.current && handlerRef.current(event);
10
11
  }, []);
@@ -12,22 +13,15 @@ export const useGridNativeEventListener = (apiRef, ref, eventName, handler, opti
12
13
  handlerRef.current = handler;
13
14
  }, [handler]);
14
15
  React.useEffect(() => {
15
- let targetElement;
16
- if (isFunction(ref)) {
17
- targetElement = ref();
18
- } else {
19
- targetElement = ref && ref.current ? ref.current : null;
20
- }
21
16
  if (targetElement && eventName && !added) {
22
17
  logger.debug(`Binding native ${eventName} event`);
23
18
  targetElement.addEventListener(eventName, wrapHandler, options);
24
- const boundElem = targetElement;
25
19
  setAdded(true);
26
20
  const unsubscribe = () => {
27
21
  logger.debug(`Clearing native ${eventName} event`);
28
- boundElem.removeEventListener(eventName, wrapHandler, options);
22
+ targetElement.removeEventListener(eventName, wrapHandler, options);
29
23
  };
30
24
  apiRef.current.subscribeEvent('unmount', unsubscribe);
31
25
  }
32
- }, [ref, wrapHandler, eventName, added, logger, options, apiRef]);
26
+ }, [targetElement, wrapHandler, eventName, added, logger, options, apiRef]);
33
27
  };
@@ -0,0 +1,36 @@
1
+ import * as React from 'react';
2
+ import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
3
+ const isDevEnvironment = process.env.NODE_ENV === 'development';
4
+ const noop = () => {};
5
+ export function useResizeObserver(ref, fn, enabled) {
6
+ const fnRef = React.useRef(null);
7
+ fnRef.current = fn;
8
+ useEnhancedEffect(() => {
9
+ if (enabled === false || typeof ResizeObserver === 'undefined') {
10
+ return noop;
11
+ }
12
+ let frameID = 0;
13
+ const target = ref.current;
14
+ const observer = new ResizeObserver(entries => {
15
+ // See https://github.com/mui/mui-x/issues/8733
16
+ // In dev, we avoid the React warning by moving the task to the next frame.
17
+ // In prod, we want the task to run in the same frame as to avoid tear.
18
+ if (isDevEnvironment) {
19
+ frameID = requestAnimationFrame(() => {
20
+ fnRef.current(entries);
21
+ });
22
+ } else {
23
+ fnRef.current(entries);
24
+ }
25
+ });
26
+ if (target) {
27
+ observer.observe(target);
28
+ }
29
+ return () => {
30
+ if (frameID) {
31
+ cancelAnimationFrame(frameID);
32
+ }
33
+ observer.disconnect();
34
+ };
35
+ }, [ref, enabled]);
36
+ }
@@ -0,0 +1,18 @@
1
+ import * as React from 'react';
2
+ import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
3
+ const noop = () => {};
4
+
5
+ /**
6
+ * Runs an effect once, when `condition` is true.
7
+ */
8
+ export const useRunOnce = (condition, effect) => {
9
+ const didRun = React.useRef(false);
10
+ useEnhancedEffect(() => {
11
+ if (didRun.current || !condition) {
12
+ return noop;
13
+ }
14
+ didRun.current = true;
15
+ return effect();
16
+ // eslint-disable-next-line react-hooks/exhaustive-deps
17
+ }, [didRun.current || condition]);
18
+ };
package/modern/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-alpha.9
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -1,6 +1,7 @@
1
1
  export { GridVirtualScroller } from '../components/virtualization/GridVirtualScroller';
2
2
  export { GridVirtualScrollerContent } from '../components/virtualization/GridVirtualScrollerContent';
3
3
  export { GridVirtualScrollerRenderZone } from '../components/virtualization/GridVirtualScrollerRenderZone';
4
+ export { GridHeaders } from '../components/GridHeaders';
4
5
  export { GridBaseColumnHeaders } from '../components/columnHeaders/GridBaseColumnHeaders';
5
6
  export { GridColumnHeadersInner } from '../components/columnHeaders/GridColumnHeadersInner';
6
7
  export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from '../constants/defaultGridSlotsComponents';
@@ -10,13 +11,13 @@ export { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from '../hook
10
11
  export { useGridInitialization } from '../hooks/core/useGridInitialization';
11
12
  export { unwrapPrivateAPI } from '../hooks/core/useGridApiInitialization';
12
13
  export { useGridClipboard } from '../hooks/features/clipboard/useGridClipboard';
13
- export { useGridColumnHeaders } from '../hooks/features/columnHeaders/useGridColumnHeaders';
14
+ export * from '../hooks/features/columnHeaders/useGridColumnHeaders';
14
15
  export { gridHeaderFilteringEditFieldSelector, gridHeaderFilteringMenuSelector } from '../hooks/features/headerFiltering/gridHeaderFilteringSelectors';
15
16
  export { useGridColumnMenu, columnMenuStateInitializer } from '../hooks/features/columnMenu/useGridColumnMenu';
16
17
  export { useGridColumns, columnsStateInitializer } from '../hooks/features/columns/useGridColumns';
17
- export { getTotalHeaderHeight } from '../hooks/features/columns/gridColumnsUtils';
18
+ export * from '../hooks/features/columns/gridColumnsUtils';
18
19
  export { useGridColumnSpanning } from '../hooks/features/columns/useGridColumnSpanning';
19
- export { gridColumnsStateSelector } from '../hooks/features/columns/gridColumnsSelector';
20
+ export * from '../hooks/features/columns/gridColumnsSelector';
20
21
  export { useGridColumnGrouping, columnGroupsStateInitializer } from '../hooks/features/columnGrouping/useGridColumnGrouping';
21
22
  export { useGridDensity, densityStateInitializer } from '../hooks/features/density/useGridDensity';
22
23
  export { useGridCsvExport } from '../hooks/features/export/useGridCsvExport';
@@ -44,9 +45,9 @@ export { useGridRowSelectionPreProcessors } from '../hooks/features/rowSelection
44
45
  export { useGridSorting, sortingStateInitializer } from '../hooks/features/sorting/useGridSorting';
45
46
  export { useGridScroll } from '../hooks/features/scroll/useGridScroll';
46
47
  export { useGridEvents } from '../hooks/features/events/useGridEvents';
47
- export { useGridDimensions } from '../hooks/features/dimensions/useGridDimensions';
48
+ export { dimensionsStateInitializer, useGridDimensions } from '../hooks/features/dimensions/useGridDimensions';
48
49
  export { useGridStatePersistence } from '../hooks/features/statePersistence/useGridStatePersistence';
49
- export { useGridVirtualScroller, getRenderableIndexes } from '../hooks/features/virtualization/useGridVirtualScroller';
50
+ export { useGridVirtualScroller, EMPTY_DETAIL_PANELS } from '../hooks/features/virtualization/useGridVirtualScroller';
50
51
  export * from '../hooks/features/virtualization';
51
52
  export { useTimeout } from '../hooks/utils/useTimeout';
52
53
  export { useGridVisibleRows, getVisibleRows } from '../hooks/utils/useGridVisibleRows';
@@ -56,11 +57,12 @@ export * from '../utils/createControllablePromise';
56
57
  export { createSelector, createSelectorMemoized, unstable_resetCreateSelectorCache } from '../utils/createSelector';
57
58
  export { findParentElementFromClassName, getActiveElement, isEventTargetInPortal } from '../utils/domUtils';
58
59
  export { isNavigationKey } from '../utils/keyboardUtils';
59
- export { clamp, isDeepEqual, isNumber, isFunction, isObject } from '../utils/utils';
60
+ export * from '../utils/utils';
61
+ export * from '../utils/fastMemo';
60
62
  export { buildWarning } from '../utils/warning';
61
63
  export { exportAs } from '../utils/exportAs';
62
64
  export * from '../utils/getPublicApiRef';
63
65
  export { useGridPrivateApiContext } from '../hooks/utils/useGridPrivateApiContext';
64
- export * from '../hooks/utils/useOnMount';
66
+ export * from '../hooks/utils';
65
67
  export { serializeCellValue } from '../hooks/features/export/serializers/csvSerializer';
66
68
  export * from './utils';
@@ -0,0 +1,149 @@
1
+ import { hrHR as hrHRCore } from '@mui/material/locale';
2
+ import { getGridLocalization } from '../utils/getGridLocalization';
3
+ const hrHRGrid = {
4
+ // Root
5
+ noRowsLabel: 'Nema redova',
6
+ noResultsOverlayLabel: 'Nema rezultata.',
7
+ // Density selector toolbar button text
8
+ toolbarDensity: 'Gustoća',
9
+ toolbarDensityLabel: 'Gustoća',
10
+ toolbarDensityCompact: 'Kompaktan',
11
+ toolbarDensityStandard: 'Standard',
12
+ toolbarDensityComfortable: 'Udobno',
13
+ // Columns selector toolbar button text
14
+ toolbarColumns: 'Stupci',
15
+ toolbarColumnsLabel: 'Odaberite stupce',
16
+ // Filters toolbar button text
17
+ toolbarFilters: 'Filteri',
18
+ toolbarFiltersLabel: 'Prikaži filtre',
19
+ toolbarFiltersTooltipHide: 'Sakrij filtre',
20
+ toolbarFiltersTooltipShow: 'Prikaži filtre',
21
+ toolbarFiltersTooltipActive: count => count !== 1 ? `${count} aktivnih filtara` : `${count} aktivni filter`,
22
+ // Quick filter toolbar field
23
+ toolbarQuickFilterPlaceholder: 'Traži…',
24
+ toolbarQuickFilterLabel: 'traži',
25
+ toolbarQuickFilterDeleteIconLabel: 'Čisto',
26
+ // Export selector toolbar button text
27
+ toolbarExport: 'Izvoz',
28
+ toolbarExportLabel: 'Izvoz',
29
+ toolbarExportCSV: 'Preuzmi kao CSV',
30
+ toolbarExportPrint: 'Ispis',
31
+ toolbarExportExcel: 'Preuzmite kao Excel',
32
+ // Columns panel text
33
+ columnsPanelTextFieldLabel: 'Pronađi stupac',
34
+ columnsPanelTextFieldPlaceholder: 'Naslov stupca',
35
+ columnsPanelDragIconLabel: 'Promijeni redoslijed stupca',
36
+ columnsPanelShowAllButton: 'Pokaži sve',
37
+ columnsPanelHideAllButton: 'Sakrij sve',
38
+ // Filter panel text
39
+ filterPanelAddFilter: 'Dodajte filter',
40
+ filterPanelRemoveAll: 'Ukloniti sve',
41
+ filterPanelDeleteIconLabel: 'Izbrisati',
42
+ filterPanelLogicOperator: 'Logički operator',
43
+ filterPanelOperator: 'Operater',
44
+ filterPanelOperatorAnd: 'I',
45
+ filterPanelOperatorOr: 'Ili',
46
+ filterPanelColumns: 'Stupci',
47
+ filterPanelInputLabel: 'Vrijednost',
48
+ filterPanelInputPlaceholder: 'Vrijednost filtra',
49
+ // Filter operators text
50
+ filterOperatorContains: 'sadrži',
51
+ filterOperatorEquals: 'jednaki',
52
+ filterOperatorStartsWith: 'počinje sa',
53
+ filterOperatorEndsWith: 'završava sa',
54
+ filterOperatorIs: 'je',
55
+ filterOperatorNot: 'nije',
56
+ filterOperatorAfter: 'je poslije',
57
+ filterOperatorOnOrAfter: 'je na ili poslije',
58
+ filterOperatorBefore: 'je prije',
59
+ filterOperatorOnOrBefore: 'je na ili prije',
60
+ filterOperatorIsEmpty: 'prazno je',
61
+ filterOperatorIsNotEmpty: 'nije prazna',
62
+ filterOperatorIsAnyOf: 'je bilo koji od',
63
+ 'filterOperator=': '=',
64
+ 'filterOperator!=': '!=',
65
+ 'filterOperator>': '>',
66
+ 'filterOperator>=': '>=',
67
+ 'filterOperator<': '<',
68
+ 'filterOperator<=': '<=',
69
+ // Header filter operators text
70
+ headerFilterOperatorContains: 'Sadrži',
71
+ headerFilterOperatorEquals: 'Jednako',
72
+ headerFilterOperatorStartsWith: 'Počinje sa',
73
+ headerFilterOperatorEndsWith: 'Završava s',
74
+ headerFilterOperatorIs: 'Je',
75
+ headerFilterOperatorNot: 'Nije',
76
+ headerFilterOperatorAfter: 'Je poslije',
77
+ headerFilterOperatorOnOrAfter: 'Je uključeno ili poslije',
78
+ headerFilterOperatorBefore: 'Je li prije',
79
+ headerFilterOperatorOnOrBefore: 'Uključeno je ili prije',
80
+ headerFilterOperatorIsEmpty: 'Prazno je',
81
+ headerFilterOperatorIsNotEmpty: 'Nije prazna',
82
+ headerFilterOperatorIsAnyOf: 'Je li bilo koji od',
83
+ 'headerFilterOperator=': 'Jednako',
84
+ 'headerFilterOperator!=': 'Nije jednako',
85
+ 'headerFilterOperator>': 'Veći od',
86
+ 'headerFilterOperator>=': 'Veće ili jednako',
87
+ 'headerFilterOperator<': 'Manje od',
88
+ 'headerFilterOperator<=': 'Manje od ili jednako',
89
+ // Filter values text
90
+ filterValueAny: 'bilo koji',
91
+ filterValueTrue: 'pravi',
92
+ filterValueFalse: 'lažno',
93
+ // Column menu text
94
+ columnMenuLabel: 'Jelovnik ',
95
+ columnMenuShowColumns: 'Prikaži stupce',
96
+ columnMenuManageColumns: 'Upravljanje stupcima',
97
+ columnMenuFilter: 'filtar',
98
+ columnMenuHideColumn: 'Sakrij stupac',
99
+ columnMenuUnsort: 'Poništi sortiranje',
100
+ columnMenuSortAsc: 'Poredaj uzlazno',
101
+ columnMenuSortDesc: 'Poredaj silaznim redom',
102
+ // Column header text
103
+ columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} aktivnih filtara` : `${count} aktivni filter`,
104
+ columnHeaderFiltersLabel: 'Prikaži filtre',
105
+ columnHeaderSortIconLabel: 'Vrsta',
106
+ // Rows selected footer text
107
+ footerRowSelected: count => count !== 1 ? `Odabrano je ${count.toLocaleString()} redaka` : `${count.toLocaleString()} redak odabran`,
108
+ // Total row amount footer text
109
+ footerTotalRows: 'Ukupno redaka:',
110
+ // Total visible row amount footer text
111
+ footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} od ${totalCount.toLocaleString()}`,
112
+ // Checkbox selection text
113
+ checkboxSelectionHeaderName: 'Odabir potvrdnog okvira',
114
+ checkboxSelectionSelectAllRows: 'Odaberite sve retke',
115
+ checkboxSelectionUnselectAllRows: 'Poništi odabir svih redaka',
116
+ checkboxSelectionSelectRow: 'Odaberite red',
117
+ checkboxSelectionUnselectRow: 'Poništi odabir retka',
118
+ // Boolean cell text
119
+ booleanCellTrueLabel: 'Da',
120
+ booleanCellFalseLabel: 'Ne',
121
+ // Actions cell more text
122
+ actionsCellMore: 'više',
123
+ // Column pinning text
124
+ pinToLeft: 'Prikvači lijevo',
125
+ pinToRight: 'Prikvači desno',
126
+ unpin: 'Otkvači',
127
+ // Tree Data
128
+ treeDataGroupingHeaderName: 'Group',
129
+ treeDataExpand: 'vidjeti djecu',
130
+ treeDataCollapse: 'sakriti djecu',
131
+ // Grouping columns
132
+ groupingColumnHeaderName: 'Skupina',
133
+ groupColumn: name => `Grupiraj prema ${name}`,
134
+ unGroupColumn: name => `Zaustavi grupiranje prema ${name}`,
135
+ // Master/detail
136
+ detailPanelToggle: 'Prebacivanje ploče s detaljima',
137
+ expandDetailPanel: 'Proširiti',
138
+ collapseDetailPanel: 'Kolaps',
139
+ // Row reordering text
140
+ rowReorderingHeaderName: 'Promjena redoslijeda',
141
+ // Aggregation
142
+ aggregationMenuItemHeader: 'Agregacija',
143
+ aggregationFunctionLabelSum: 'iznos',
144
+ aggregationFunctionLabelAvg: 'prosj',
145
+ aggregationFunctionLabelMin: 'min',
146
+ aggregationFunctionLabelMax: 'max',
147
+ aggregationFunctionLabelSize: 'veličina'
148
+ };
149
+ export const hrHR = getGridLocalization(hrHRGrid, hrHRCore);
@@ -29,4 +29,7 @@ export * from './ukUA';
29
29
  export * from './urPK';
30
30
  export * from './viVN';
31
31
  export * from './zhCN';
32
- export * from './zhTW';
32
+ export * from './zhTW';
33
+ export * from './hrHR';
34
+ export * from './ptPT';
35
+ export * from './zhHK';
@@ -0,0 +1,149 @@
1
+ import { ptPT as ptPTCore } from '@mui/material/locale';
2
+ import { getGridLocalization } from '../utils/getGridLocalization';
3
+ const ptPTGrid = {
4
+ // Root
5
+ noRowsLabel: 'Nenhuma linha',
6
+ noResultsOverlayLabel: 'Nenhum resultado encontrado.',
7
+ // Density selector toolbar button text
8
+ toolbarDensity: 'Densidade',
9
+ toolbarDensityLabel: 'Densidade',
10
+ toolbarDensityCompact: 'Compactar',
11
+ toolbarDensityStandard: 'Padrão',
12
+ toolbarDensityComfortable: 'Confortável',
13
+ // Columns selector toolbar button text
14
+ toolbarColumns: 'Colunas',
15
+ toolbarColumnsLabel: 'Selecione colunas',
16
+ // Filters toolbar button text
17
+ toolbarFilters: 'Filtros',
18
+ toolbarFiltersLabel: 'Mostrar filtros',
19
+ toolbarFiltersTooltipHide: 'Ocultar filtros',
20
+ toolbarFiltersTooltipShow: 'Mostrar filtros',
21
+ toolbarFiltersTooltipActive: count => count !== 1 ? `${count} filtros ativos` : `${count} filtro ativo`,
22
+ // Quick filter toolbar field
23
+ toolbarQuickFilterPlaceholder: 'Procurar…',
24
+ toolbarQuickFilterLabel: 'Procurar',
25
+ toolbarQuickFilterDeleteIconLabel: 'Claro',
26
+ // Export selector toolbar button text
27
+ toolbarExport: 'Exportar',
28
+ toolbarExportLabel: 'Exportar',
29
+ toolbarExportCSV: 'Baixar como CSV',
30
+ toolbarExportPrint: 'Imprimir',
31
+ toolbarExportExcel: 'Baixe como Excel',
32
+ // Columns panel text
33
+ columnsPanelTextFieldLabel: 'Encontrar coluna',
34
+ columnsPanelTextFieldPlaceholder: 'Título da coluna',
35
+ columnsPanelDragIconLabel: 'Reordenar coluna',
36
+ columnsPanelShowAllButton: 'Mostre tudo',
37
+ columnsPanelHideAllButton: 'Esconda tudo',
38
+ // Filter panel text
39
+ filterPanelAddFilter: 'Adicionar filtro',
40
+ filterPanelRemoveAll: 'Deletar tudo',
41
+ filterPanelDeleteIconLabel: 'Excluir',
42
+ filterPanelLogicOperator: 'Operador lógico',
43
+ filterPanelOperator: 'Operador',
44
+ filterPanelOperatorAnd: 'E',
45
+ filterPanelOperatorOr: 'Ou',
46
+ filterPanelColumns: 'Colunas',
47
+ filterPanelInputLabel: 'Valor',
48
+ filterPanelInputPlaceholder: 'Valor do filtro',
49
+ // Filter operators text
50
+ filterOperatorContains: 'contém',
51
+ filterOperatorEquals: 'é igual a',
52
+ filterOperatorStartsWith: 'começa com',
53
+ filterOperatorEndsWith: 'termina com',
54
+ filterOperatorIs: 'é',
55
+ filterOperatorNot: 'não é',
56
+ filterOperatorAfter: 'está depois',
57
+ filterOperatorOnOrAfter: 'está ligado ou depois',
58
+ filterOperatorBefore: 'é antes',
59
+ filterOperatorOnOrBefore: 'está ligado ou antes',
60
+ filterOperatorIsEmpty: 'está vazia',
61
+ filterOperatorIsNotEmpty: 'não está vazio',
62
+ filterOperatorIsAnyOf: 'é qualquer um',
63
+ 'filterOperator=': '=',
64
+ 'filterOperator!=': '!=',
65
+ 'filterOperator>': '>',
66
+ 'filterOperator>=': '>=',
67
+ 'filterOperator<': '<',
68
+ 'filterOperator<=': '<=',
69
+ // Header filter operators text
70
+ headerFilterOperatorContains: 'Contém',
71
+ headerFilterOperatorEquals: 'É igual a',
72
+ headerFilterOperatorStartsWith: 'Começa com',
73
+ headerFilterOperatorEndsWith: 'Termina com',
74
+ headerFilterOperatorIs: 'É',
75
+ headerFilterOperatorNot: 'Não é',
76
+ headerFilterOperatorAfter: 'Está depois',
77
+ headerFilterOperatorOnOrAfter: 'Está ligado ou depois',
78
+ headerFilterOperatorBefore: 'É antes',
79
+ headerFilterOperatorOnOrBefore: 'Está ligado ou antes',
80
+ headerFilterOperatorIsEmpty: 'Está vazia',
81
+ headerFilterOperatorIsNotEmpty: 'Não está vazio',
82
+ headerFilterOperatorIsAnyOf: 'Algum',
83
+ 'headerFilterOperator=': 'É igual a',
84
+ 'headerFilterOperator!=': 'Não é igual',
85
+ 'headerFilterOperator>': 'Maior que',
86
+ 'headerFilterOperator>=': 'Melhor que ou igual a',
87
+ 'headerFilterOperator<': 'Menor que',
88
+ 'headerFilterOperator<=': 'Menos que ou igual a',
89
+ // Filter values text
90
+ filterValueAny: 'qualquer',
91
+ filterValueTrue: 'verdadeiro',
92
+ filterValueFalse: 'falso',
93
+ // Column menu text
94
+ columnMenuLabel: 'Cardápio',
95
+ columnMenuShowColumns: 'Mostrar colunas',
96
+ columnMenuManageColumns: 'Gerenciar colunas',
97
+ columnMenuFilter: 'Filtro',
98
+ columnMenuHideColumn: 'Ocultar coluna',
99
+ columnMenuUnsort: 'Desclassificar',
100
+ columnMenuSortAsc: 'Classificar por ordem crescente',
101
+ columnMenuSortDesc: 'Classificar por ordem decrescente',
102
+ // Column header text
103
+ columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} filtros ativos` : `${count} filtro ativo`,
104
+ columnHeaderFiltersLabel: 'Mostrar filtros',
105
+ columnHeaderSortIconLabel: 'Organizar',
106
+ // Rows selected footer text
107
+ footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} linhas selecionadas` : `${count.toLocaleString()} linha selecionada`,
108
+ // Total row amount footer text
109
+ footerTotalRows: 'Total de linhas:',
110
+ // Total visible row amount footer text
111
+ footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} de ${totalCount.toLocaleString()}`,
112
+ // Checkbox selection text
113
+ checkboxSelectionHeaderName: 'Seleção de caixa de seleção',
114
+ checkboxSelectionSelectAllRows: 'Selecione todas as linhas',
115
+ checkboxSelectionUnselectAllRows: 'Desmarque todas as linhas',
116
+ checkboxSelectionSelectRow: 'Selecione a linha',
117
+ checkboxSelectionUnselectRow: 'Desmarcar linha',
118
+ // Boolean cell text
119
+ booleanCellTrueLabel: 'sim',
120
+ booleanCellFalseLabel: 'não',
121
+ // Actions cell more text
122
+ actionsCellMore: 'mais',
123
+ // Column pinning text
124
+ pinToLeft: 'Fixar à esquerda',
125
+ pinToRight: 'Fixar à direita',
126
+ unpin: 'Liberar',
127
+ // Tree Data
128
+ treeDataGroupingHeaderName: 'Group',
129
+ treeDataExpand: 'veja crianças',
130
+ treeDataCollapse: 'esconder crianças',
131
+ // Grouping columns
132
+ groupingColumnHeaderName: 'Grupo',
133
+ groupColumn: name => `Agrupar por ${name}`,
134
+ unGroupColumn: name => `Pare de agrupar por ${name}`,
135
+ // Master/detail
136
+ detailPanelToggle: 'Alternar painel de detalhes',
137
+ expandDetailPanel: 'Expandir',
138
+ collapseDetailPanel: 'Colapso',
139
+ // Row reordering text
140
+ rowReorderingHeaderName: 'Reordenação de linhas',
141
+ // Aggregation
142
+ aggregationMenuItemHeader: 'Agregação',
143
+ aggregationFunctionLabelSum: 'soma',
144
+ aggregationFunctionLabelAvg: 'média',
145
+ aggregationFunctionLabelMin: 'min',
146
+ aggregationFunctionLabelMax: 'máx.',
147
+ aggregationFunctionLabelSize: 'tamanho'
148
+ };
149
+ export const ptPT = getGridLocalization(ptPTGrid, ptPTCore);
@@ -0,0 +1,149 @@
1
+ import { zhHK as zhHKCore } from '@mui/material/locale';
2
+ import { getGridLocalization } from '../utils/getGridLocalization';
3
+ const zhHKGrid = {
4
+ // Root
5
+ noRowsLabel: '沒有行',
6
+ noResultsOverlayLabel: '未找到結果。',
7
+ // Density selector toolbar button text
8
+ toolbarDensity: '密度',
9
+ toolbarDensityLabel: '密度',
10
+ toolbarDensityCompact: '袖珍的',
11
+ toolbarDensityStandard: '標準',
12
+ toolbarDensityComfortable: '舒服的',
13
+ // Columns selector toolbar button text
14
+ toolbarColumns: '列',
15
+ toolbarColumnsLabel: '選擇列',
16
+ // Filters toolbar button text
17
+ toolbarFilters: '過濾器',
18
+ toolbarFiltersLabel: '顯示過濾器',
19
+ toolbarFiltersTooltipHide: '隱藏過濾器',
20
+ toolbarFiltersTooltipShow: '顯示過濾器',
21
+ toolbarFiltersTooltipActive: count => count !== 1 ? `${count} 個有效過濾器` : `${count} 個活動過濾器`,
22
+ // Quick filter toolbar field
23
+ toolbarQuickFilterPlaceholder: '搜尋…',
24
+ toolbarQuickFilterLabel: '搜尋',
25
+ toolbarQuickFilterDeleteIconLabel: '清除',
26
+ // Export selector toolbar button text
27
+ toolbarExport: '出口',
28
+ toolbarExportLabel: '出口',
29
+ toolbarExportCSV: '下載為 CSV',
30
+ toolbarExportPrint: '列印',
31
+ toolbarExportExcel: '下載為 Excel',
32
+ // Columns panel text
33
+ columnsPanelTextFieldLabel: '查找欄目',
34
+ columnsPanelTextFieldPlaceholder: '欄目標題',
35
+ columnsPanelDragIconLabel: '重新排序列',
36
+ columnsPanelShowAllButton: '顯示所有',
37
+ columnsPanelHideAllButton: '全部藏起來',
38
+ // Filter panel text
39
+ filterPanelAddFilter: '新增過濾器',
40
+ filterPanelRemoveAll: '移除所有',
41
+ filterPanelDeleteIconLabel: '刪除',
42
+ filterPanelLogicOperator: '邏輯運算符',
43
+ filterPanelOperator: '操作員',
44
+ filterPanelOperatorAnd: '和',
45
+ filterPanelOperatorOr: '或者',
46
+ filterPanelColumns: '列',
47
+ filterPanelInputLabel: '價值',
48
+ filterPanelInputPlaceholder: '過濾值',
49
+ // Filter operators text
50
+ filterOperatorContains: '包含',
51
+ filterOperatorEquals: '等於',
52
+ filterOperatorStartsWith: '以。。開始',
53
+ filterOperatorEndsWith: '以。。結束',
54
+ filterOperatorIs: '是',
55
+ filterOperatorNot: '不是',
56
+ filterOperatorAfter: '是在之後',
57
+ filterOperatorOnOrAfter: '是在或之後',
58
+ filterOperatorBefore: '是在之前',
59
+ filterOperatorOnOrBefore: '是在或之前',
60
+ filterOperatorIsEmpty: '是空的',
61
+ filterOperatorIsNotEmpty: '不為空',
62
+ filterOperatorIsAnyOf: '是以下任一個',
63
+ 'filterOperator=': '=',
64
+ 'filterOperator!=': '!=',
65
+ 'filterOperator>': '>',
66
+ 'filterOperator>=': '>=',
67
+ 'filterOperator<': '<',
68
+ 'filterOperator<=': '<=',
69
+ // Header filter operators text
70
+ headerFilterOperatorContains: '包含',
71
+ headerFilterOperatorEquals: '等於',
72
+ headerFilterOperatorStartsWith: '以。。開始',
73
+ headerFilterOperatorEndsWith: '以。。結束',
74
+ headerFilterOperatorIs: '是',
75
+ headerFilterOperatorNot: '不是',
76
+ headerFilterOperatorAfter: '是在之後',
77
+ headerFilterOperatorOnOrAfter: '是在或之後',
78
+ headerFilterOperatorBefore: '是之前',
79
+ headerFilterOperatorOnOrBefore: '是在或之前',
80
+ headerFilterOperatorIsEmpty: '是空的',
81
+ headerFilterOperatorIsNotEmpty: '不為空',
82
+ headerFilterOperatorIsAnyOf: '是以下任一個',
83
+ 'headerFilterOperator=': '等於',
84
+ 'headerFilterOperator!=': '不等於',
85
+ 'headerFilterOperator>': '比...更棒',
86
+ 'headerFilterOperator>=': '大於或等於',
87
+ 'headerFilterOperator<': '少於',
88
+ 'headerFilterOperator<=': '小於或等於',
89
+ // Filter values text
90
+ filterValueAny: '任何',
91
+ filterValueTrue: '真的',
92
+ filterValueFalse: '錯誤的',
93
+ // Column menu text
94
+ columnMenuLabel: '選單',
95
+ columnMenuShowColumns: '顯示欄目',
96
+ columnMenuManageColumns: '管理欄目',
97
+ columnMenuFilter: '篩選',
98
+ columnMenuHideColumn: '隱藏列',
99
+ columnMenuUnsort: '取消排序',
100
+ columnMenuSortAsc: '按升序排序',
101
+ columnMenuSortDesc: '按降序排序',
102
+ // Column header text
103
+ columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} 個有效過濾器` : `${count} 個活動過濾器`,
104
+ columnHeaderFiltersLabel: '顯示過濾器',
105
+ columnHeaderSortIconLabel: '種類',
106
+ // Rows selected footer text
107
+ footerRowSelected: count => count !== 1 ? `已選擇 ${count.toLocaleString()} 行` : `已選擇 ${count.toLocaleString()} 行`,
108
+ // Total row amount footer text
109
+ footerTotalRows: '總行數:',
110
+ // Total visible row amount footer text
111
+ footerTotalVisibleRows: (visibleCount, totalCount) => `${totalCount.toLocaleString()} 的 ${visibleCount.toLocaleString()}`,
112
+ // Checkbox selection text
113
+ checkboxSelectionHeaderName: '複選框選擇',
114
+ checkboxSelectionSelectAllRows: '選擇所有行',
115
+ checkboxSelectionUnselectAllRows: '取消選擇所有行',
116
+ checkboxSelectionSelectRow: '選擇行',
117
+ checkboxSelectionUnselectRow: '取消選擇行',
118
+ // Boolean cell text
119
+ booleanCellTrueLabel: '是的',
120
+ booleanCellFalseLabel: '不',
121
+ // Actions cell more text
122
+ actionsCellMore: '更多的',
123
+ // Column pinning text
124
+ pinToLeft: '固定到左側',
125
+ pinToRight: '固定到右側',
126
+ unpin: '取消固定',
127
+ // Tree Data
128
+ treeDataGroupingHeaderName: 'Group',
129
+ treeDataExpand: '看看孩子們',
130
+ treeDataCollapse: '隱藏孩子',
131
+ // Grouping columns
132
+ groupingColumnHeaderName: '團體',
133
+ groupColumn: name => `按 ${name} 分組`,
134
+ unGroupColumn: name => `停止以 ${name} 分組`,
135
+ // Master/detail
136
+ detailPanelToggle: '詳細資訊面板切換',
137
+ expandDetailPanel: '擴張',
138
+ collapseDetailPanel: '坍塌',
139
+ // Row reordering text
140
+ rowReorderingHeaderName: '行重新排序',
141
+ // Aggregation
142
+ aggregationMenuItemHeader: '聚合',
143
+ aggregationFunctionLabelSum: '和',
144
+ aggregationFunctionLabelAvg: '平均',
145
+ aggregationFunctionLabelMin: '分分鐘',
146
+ aggregationFunctionLabelMax: '最大限度',
147
+ aggregationFunctionLabelSize: '尺寸'
148
+ };
149
+ export const zhHK = getGridLocalization(zhHKGrid, zhHKCore);
@@ -6,7 +6,6 @@ export * from './gridFeatureMode';
6
6
  export * from './gridFilterItem';
7
7
  export * from './gridFilterModel';
8
8
  export * from './gridPaginationProps';
9
- export * from './gridRootContainerRef';
10
9
  export * from './gridRenderContextProps';
11
10
  export * from './gridRows';
12
11
  export * from './gridRowSelectionModel';
@@ -10,5 +10,4 @@ export * from './gridHeaderSelectionCheckboxParams';
10
10
  export * from './gridValueOptionsParams';
11
11
  export * from './gridCellParams';
12
12
  export * from './gridPreferencePanelParams';
13
- export * from './gridMenuParams';
14
- export * from './gridRenderedRowsIntervalChangeParams';
13
+ export * from './gridMenuParams';