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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (566) hide show
  1. package/CHANGELOG.md +508 -30
  2. package/DataGrid/DataGrid.js +6 -6
  3. package/DataGrid/useDataGridComponent.js +2 -1
  4. package/DataGrid/useDataGridProps.js +1 -0
  5. package/README.md +3 -3
  6. package/components/GridColumnHeaders.d.ts +3 -2
  7. package/components/GridColumnHeaders.js +3 -11
  8. package/components/GridDetailPanels.d.ts +5 -0
  9. package/components/GridDetailPanels.js +4 -0
  10. package/components/GridHeaders.d.ts +4 -0
  11. package/components/GridHeaders.js +53 -0
  12. package/components/GridPinnedRows.d.ts +7 -0
  13. package/components/GridPinnedRows.js +4 -0
  14. package/components/GridRow.d.ts +7 -4
  15. package/components/GridRow.js +161 -97
  16. package/components/GridScrollbarFillerCell.d.ts +7 -0
  17. package/components/GridScrollbarFillerCell.js +39 -0
  18. package/components/base/GridBody.d.ts +2 -13
  19. package/components/base/GridBody.js +2 -116
  20. package/components/base/GridOverlays.js +10 -21
  21. package/components/cell/GridActionsCellItem.d.ts +2 -2
  22. package/components/cell/GridCell.d.ts +15 -21
  23. package/components/cell/GridCell.js +67 -372
  24. package/components/columnHeaders/GridBaseColumnHeaders.js +1 -6
  25. package/components/columnHeaders/GridColumnHeaderItem.d.ts +2 -1
  26. package/components/columnHeaders/GridColumnHeaderItem.js +7 -3
  27. package/components/columnHeaders/GridColumnHeaderSortIcon.d.ts +1 -0
  28. package/components/columnHeaders/GridColumnHeaderSortIcon.js +5 -2
  29. package/components/columnHeaders/GridColumnHeadersInner.js +1 -2
  30. package/components/columnsManagement/GridColumnsManagement.d.ts +36 -0
  31. package/components/columnsManagement/GridColumnsManagement.js +260 -0
  32. package/components/columnsManagement/index.d.ts +1 -0
  33. package/components/columnsManagement/index.js +1 -0
  34. package/components/columnsManagement/utils.d.ts +4 -0
  35. package/components/columnsManagement/utils.js +16 -0
  36. package/components/containers/GridRoot.js +18 -15
  37. package/components/containers/GridRootStyles.js +307 -204
  38. package/components/index.d.ts +1 -0
  39. package/components/index.js +1 -0
  40. package/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +1 -1
  41. package/components/panel/GridColumnsPanel.d.ts +0 -28
  42. package/components/panel/GridColumnsPanel.js +5 -213
  43. package/components/panel/GridPanel.js +3 -4
  44. package/components/panel/filterPanel/GridFilterForm.d.ts +6 -4
  45. package/components/panel/filterPanel/GridFilterForm.js +31 -14
  46. package/components/panel/filterPanel/GridFilterPanel.js +46 -20
  47. package/components/toolbar/GridToolbarColumnsButton.d.ts +13 -1
  48. package/components/toolbar/GridToolbarColumnsButton.js +40 -22
  49. package/components/toolbar/GridToolbarDensitySelector.d.ts +13 -1
  50. package/components/toolbar/GridToolbarDensitySelector.js +40 -22
  51. package/components/toolbar/GridToolbarExport.d.ts +10 -1
  52. package/components/toolbar/GridToolbarExport.js +6 -1
  53. package/components/toolbar/GridToolbarExportContainer.d.ts +15 -1
  54. package/components/toolbar/GridToolbarExportContainer.js +41 -23
  55. package/components/toolbar/GridToolbarFilterButton.d.ts +5 -4
  56. package/components/toolbar/GridToolbarFilterButton.js +6 -10
  57. package/components/virtualization/GridBottomContainer.d.ts +2 -0
  58. package/components/virtualization/GridBottomContainer.js +25 -0
  59. package/components/{containers → virtualization}/GridMainContainer.d.ts +2 -0
  60. package/components/virtualization/GridMainContainer.js +20 -0
  61. package/components/virtualization/GridTopContainer.d.ts +2 -0
  62. package/components/virtualization/GridTopContainer.js +35 -0
  63. package/components/virtualization/GridVirtualScrollbar.d.ts +7 -0
  64. package/components/virtualization/GridVirtualScrollbar.js +131 -0
  65. package/components/virtualization/GridVirtualScroller.d.ts +4 -4
  66. package/components/virtualization/GridVirtualScroller.js +69 -16
  67. package/components/virtualization/GridVirtualScrollerFiller.d.ts +4 -0
  68. package/components/virtualization/GridVirtualScrollerFiller.js +71 -0
  69. package/components/virtualization/GridVirtualScrollerRenderZone.js +2 -1
  70. package/constants/defaultGridSlotsComponents.js +8 -3
  71. package/constants/gridClasses.d.ts +72 -12
  72. package/constants/gridClasses.js +1 -1
  73. package/constants/localeTextConstants.js +4 -6
  74. package/hooks/core/gridCoreSelector.d.ts +6 -0
  75. package/hooks/core/gridCoreSelector.js +5 -0
  76. package/hooks/core/useGridApiInitialization.js +4 -0
  77. package/hooks/core/useGridInitialization.js +4 -0
  78. package/hooks/core/useGridRefs.d.ts +3 -0
  79. package/hooks/core/useGridRefs.js +13 -0
  80. package/hooks/core/useGridTheme.d.ts +3 -0
  81. package/hooks/core/useGridTheme.js +19 -0
  82. package/hooks/features/columnGrouping/useGridColumnGrouping.d.ts +1 -1
  83. package/hooks/features/columnGrouping/useGridColumnGrouping.js +7 -14
  84. package/hooks/features/columnHeaders/useGridColumnHeaders.d.ts +13 -18
  85. package/hooks/features/columnHeaders/useGridColumnHeaders.js +68 -162
  86. package/hooks/features/columnMenu/useGridColumnMenu.js +28 -23
  87. package/hooks/features/columns/gridColumnsInterfaces.d.ts +17 -0
  88. package/hooks/features/columns/gridColumnsInterfaces.js +9 -1
  89. package/hooks/features/columns/gridColumnsSelector.d.ts +14 -1
  90. package/hooks/features/columns/gridColumnsSelector.js +52 -0
  91. package/hooks/features/columns/gridColumnsUtils.d.ts +1 -5
  92. package/hooks/features/columns/gridColumnsUtils.js +10 -12
  93. package/hooks/features/columns/index.d.ts +2 -2
  94. package/hooks/features/columns/index.js +2 -1
  95. package/hooks/features/columns/useGridColumnSpanning.js +62 -61
  96. package/hooks/features/columns/useGridColumns.js +20 -23
  97. package/hooks/features/dimensions/gridDimensionsApi.d.ts +60 -11
  98. package/hooks/features/dimensions/gridDimensionsSelectors.d.ts +2 -0
  99. package/hooks/features/dimensions/gridDimensionsSelectors.js +1 -0
  100. package/hooks/features/dimensions/index.d.ts +2 -0
  101. package/hooks/features/dimensions/index.js +1 -0
  102. package/hooks/features/dimensions/useGridDimensions.d.ts +7 -1
  103. package/hooks/features/dimensions/useGridDimensions.js +216 -148
  104. package/hooks/features/export/serializers/csvSerializer.js +2 -2
  105. package/hooks/features/filter/useGridFilter.js +3 -3
  106. package/hooks/features/focus/gridFocusStateSelector.d.ts +2 -2
  107. package/hooks/features/focus/gridFocusStateSelector.js +2 -6
  108. package/hooks/features/focus/useGridFocus.js +3 -3
  109. package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +3 -16
  110. package/hooks/features/pagination/useGridPagination.js +3 -5
  111. package/hooks/features/rows/gridRowsInterfaces.d.ts +1 -0
  112. package/hooks/features/rows/gridRowsSelector.d.ts +2 -2
  113. package/hooks/features/rows/gridRowsSelector.js +5 -5
  114. package/hooks/features/rows/gridRowsUtils.d.ts +1 -1
  115. package/hooks/features/rows/gridRowsUtils.js +8 -5
  116. package/hooks/features/rows/useGridRowsMeta.js +7 -4
  117. package/hooks/features/scroll/useGridScroll.js +8 -10
  118. package/hooks/features/sorting/gridSortingUtils.js +1 -1
  119. package/hooks/features/sorting/useGridSorting.d.ts +1 -1
  120. package/hooks/features/sorting/useGridSorting.js +15 -10
  121. package/hooks/features/virtualization/gridVirtualizationSelectors.d.ts +14 -0
  122. package/hooks/features/virtualization/gridVirtualizationSelectors.js +22 -2
  123. package/hooks/features/virtualization/useGridVirtualScroller.d.ts +27 -42
  124. package/hooks/features/virtualization/useGridVirtualScroller.js +441 -438
  125. package/hooks/features/virtualization/useGridVirtualization.d.ts +8 -0
  126. package/hooks/features/virtualization/useGridVirtualization.js +8 -1
  127. package/hooks/utils/index.d.ts +3 -0
  128. package/hooks/utils/index.js +4 -1
  129. package/hooks/utils/useGridAriaAttributes.js +1 -2
  130. package/hooks/utils/useGridNativeEventListener.js +4 -9
  131. package/hooks/utils/useResizeObserver.d.ts +2 -0
  132. package/hooks/utils/useResizeObserver.js +36 -0
  133. package/hooks/utils/useRunOnce.d.ts +5 -0
  134. package/hooks/utils/useRunOnce.js +18 -0
  135. package/index.js +1 -1
  136. package/internals/index.d.ts +12 -9
  137. package/internals/index.js +9 -7
  138. package/legacy/DataGrid/DataGrid.js +6 -6
  139. package/legacy/DataGrid/useDataGridComponent.js +2 -1
  140. package/legacy/DataGrid/useDataGridProps.js +1 -0
  141. package/legacy/components/GridColumnHeaders.js +3 -11
  142. package/legacy/components/GridDetailPanels.js +4 -0
  143. package/legacy/components/GridHeaders.js +53 -0
  144. package/legacy/components/GridPinnedRows.js +4 -0
  145. package/legacy/components/GridRow.js +159 -98
  146. package/legacy/components/GridScrollbarFillerCell.js +36 -0
  147. package/legacy/components/base/GridBody.js +2 -114
  148. package/legacy/components/base/GridOverlays.js +10 -25
  149. package/legacy/components/cell/GridCell.js +69 -377
  150. package/legacy/components/columnHeaders/GridBaseColumnHeaders.js +1 -6
  151. package/legacy/components/columnHeaders/GridColumnHeaderItem.js +7 -3
  152. package/legacy/components/columnHeaders/GridColumnHeaderSortIcon.js +5 -2
  153. package/legacy/components/columnHeaders/GridColumnHeadersInner.js +1 -2
  154. package/legacy/components/columnsManagement/GridColumnsManagement.js +300 -0
  155. package/legacy/components/columnsManagement/index.js +1 -0
  156. package/legacy/components/columnsManagement/utils.js +22 -0
  157. package/legacy/components/containers/GridRoot.js +18 -15
  158. package/legacy/components/containers/GridRootStyles.js +215 -137
  159. package/legacy/components/index.js +1 -0
  160. package/legacy/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +1 -1
  161. package/legacy/components/panel/GridColumnsPanel.js +5 -233
  162. package/legacy/components/panel/GridPanel.js +3 -4
  163. package/legacy/components/panel/filterPanel/GridFilterForm.js +30 -13
  164. package/legacy/components/panel/filterPanel/GridFilterPanel.js +49 -20
  165. package/legacy/components/toolbar/GridToolbarColumnsButton.js +40 -21
  166. package/legacy/components/toolbar/GridToolbarDensitySelector.js +40 -21
  167. package/legacy/components/toolbar/GridToolbarExport.js +6 -1
  168. package/legacy/components/toolbar/GridToolbarExportContainer.js +40 -21
  169. package/legacy/components/toolbar/GridToolbarFilterButton.js +6 -10
  170. package/legacy/components/virtualization/GridBottomContainer.js +25 -0
  171. package/legacy/components/virtualization/GridMainContainer.js +20 -0
  172. package/legacy/components/virtualization/GridTopContainer.js +35 -0
  173. package/legacy/components/virtualization/GridVirtualScrollbar.js +129 -0
  174. package/legacy/components/virtualization/GridVirtualScroller.js +67 -16
  175. package/legacy/components/virtualization/GridVirtualScrollerFiller.js +70 -0
  176. package/legacy/components/virtualization/GridVirtualScrollerRenderZone.js +2 -1
  177. package/legacy/constants/defaultGridSlotsComponents.js +8 -3
  178. package/legacy/constants/gridClasses.js +1 -1
  179. package/legacy/constants/localeTextConstants.js +4 -6
  180. package/legacy/hooks/core/gridCoreSelector.js +7 -0
  181. package/legacy/hooks/core/useGridApiInitialization.js +4 -0
  182. package/legacy/hooks/core/useGridInitialization.js +4 -0
  183. package/legacy/hooks/core/useGridRefs.js +13 -0
  184. package/legacy/hooks/core/useGridTheme.js +21 -0
  185. package/legacy/hooks/features/columnGrouping/useGridColumnGrouping.js +7 -14
  186. package/legacy/hooks/features/columnHeaders/useGridColumnHeaders.js +69 -181
  187. package/legacy/hooks/features/columnMenu/useGridColumnMenu.js +28 -23
  188. package/legacy/hooks/features/columns/gridColumnsInterfaces.js +9 -1
  189. package/legacy/hooks/features/columns/gridColumnsSelector.js +62 -0
  190. package/legacy/hooks/features/columns/gridColumnsUtils.js +10 -16
  191. package/legacy/hooks/features/columns/index.js +2 -1
  192. package/legacy/hooks/features/columns/useGridColumnSpanning.js +60 -59
  193. package/legacy/hooks/features/columns/useGridColumns.js +22 -23
  194. package/legacy/hooks/features/dimensions/gridDimensionsSelectors.js +3 -0
  195. package/legacy/hooks/features/dimensions/index.js +1 -0
  196. package/legacy/hooks/features/dimensions/useGridDimensions.js +226 -151
  197. package/legacy/hooks/features/export/serializers/csvSerializer.js +2 -2
  198. package/legacy/hooks/features/filter/useGridFilter.js +3 -3
  199. package/legacy/hooks/features/focus/gridFocusStateSelector.js +2 -6
  200. package/legacy/hooks/features/focus/useGridFocus.js +3 -3
  201. package/legacy/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +3 -16
  202. package/legacy/hooks/features/pagination/useGridPagination.js +3 -5
  203. package/legacy/hooks/features/rows/gridRowsSelector.js +5 -5
  204. package/legacy/hooks/features/rows/gridRowsUtils.js +8 -5
  205. package/legacy/hooks/features/rows/useGridRowsMeta.js +7 -4
  206. package/legacy/hooks/features/scroll/useGridScroll.js +8 -10
  207. package/legacy/hooks/features/sorting/gridSortingUtils.js +1 -1
  208. package/legacy/hooks/features/sorting/useGridSorting.js +15 -10
  209. package/legacy/hooks/features/virtualization/gridVirtualizationSelectors.js +29 -1
  210. package/legacy/hooks/features/virtualization/useGridVirtualScroller.js +490 -483
  211. package/legacy/hooks/features/virtualization/useGridVirtualization.js +8 -1
  212. package/legacy/hooks/utils/index.js +4 -1
  213. package/legacy/hooks/utils/useGridAriaAttributes.js +1 -2
  214. package/legacy/hooks/utils/useGridNativeEventListener.js +4 -9
  215. package/legacy/hooks/utils/useResizeObserver.js +36 -0
  216. package/legacy/hooks/utils/useRunOnce.js +18 -0
  217. package/legacy/index.js +1 -1
  218. package/legacy/internals/index.js +9 -7
  219. package/legacy/locales/arSD.js +5 -6
  220. package/legacy/locales/beBY.js +5 -6
  221. package/legacy/locales/bgBG.js +5 -6
  222. package/legacy/locales/csCZ.js +5 -6
  223. package/legacy/locales/daDK.js +5 -6
  224. package/legacy/locales/deDE.js +5 -6
  225. package/legacy/locales/elGR.js +5 -6
  226. package/legacy/locales/esES.js +5 -6
  227. package/legacy/locales/faIR.js +5 -6
  228. package/legacy/locales/fiFI.js +5 -6
  229. package/legacy/locales/frFR.js +5 -6
  230. package/legacy/locales/heIL.js +5 -6
  231. package/legacy/locales/hrHR.js +160 -0
  232. package/legacy/locales/huHU.js +5 -6
  233. package/legacy/locales/index.js +4 -1
  234. package/legacy/locales/itIT.js +5 -6
  235. package/legacy/locales/jaJP.js +5 -6
  236. package/legacy/locales/koKR.js +5 -6
  237. package/legacy/locales/nbNO.js +5 -6
  238. package/legacy/locales/nlNL.js +5 -6
  239. package/legacy/locales/plPL.js +5 -6
  240. package/legacy/locales/ptBR.js +5 -6
  241. package/legacy/locales/ptPT.js +160 -0
  242. package/legacy/locales/roRO.js +5 -6
  243. package/legacy/locales/ruRU.js +5 -6
  244. package/legacy/locales/skSK.js +5 -6
  245. package/legacy/locales/svSE.js +5 -6
  246. package/legacy/locales/trTR.js +5 -6
  247. package/legacy/locales/ukUA.js +5 -6
  248. package/legacy/locales/urPK.js +5 -6
  249. package/legacy/locales/viVN.js +5 -6
  250. package/legacy/locales/zhCN.js +5 -6
  251. package/legacy/locales/zhHK.js +160 -0
  252. package/legacy/locales/zhTW.js +5 -6
  253. package/legacy/models/index.js +0 -1
  254. package/legacy/models/params/index.js +1 -2
  255. package/legacy/utils/utils.js +10 -1
  256. package/locales/arSD.js +5 -6
  257. package/locales/beBY.js +5 -6
  258. package/locales/bgBG.js +5 -6
  259. package/locales/csCZ.js +5 -6
  260. package/locales/daDK.js +5 -6
  261. package/locales/deDE.js +5 -6
  262. package/locales/elGR.js +5 -6
  263. package/locales/esES.js +5 -6
  264. package/locales/faIR.js +5 -6
  265. package/locales/fiFI.js +5 -6
  266. package/locales/frFR.js +5 -6
  267. package/locales/heIL.js +5 -6
  268. package/locales/hrHR.d.ts +1 -0
  269. package/locales/hrHR.js +148 -0
  270. package/locales/huHU.js +5 -6
  271. package/locales/index.d.ts +3 -0
  272. package/locales/index.js +4 -1
  273. package/locales/itIT.js +5 -6
  274. package/locales/jaJP.js +5 -6
  275. package/locales/koKR.js +5 -6
  276. package/locales/nbNO.js +5 -6
  277. package/locales/nlNL.js +5 -6
  278. package/locales/plPL.js +5 -6
  279. package/locales/ptBR.js +5 -6
  280. package/locales/ptPT.d.ts +1 -0
  281. package/locales/ptPT.js +148 -0
  282. package/locales/roRO.js +5 -6
  283. package/locales/ruRU.js +5 -6
  284. package/locales/skSK.js +5 -6
  285. package/locales/svSE.js +5 -6
  286. package/locales/trTR.js +5 -6
  287. package/locales/ukUA.js +5 -6
  288. package/locales/urPK.js +5 -6
  289. package/locales/viVN.js +5 -6
  290. package/locales/zhCN.js +5 -6
  291. package/locales/zhHK.d.ts +1 -0
  292. package/locales/zhHK.js +148 -0
  293. package/locales/zhTW.js +5 -6
  294. package/models/api/gridColumnGroupingApi.d.ts +2 -2
  295. package/models/api/gridCoreApi.d.ts +16 -16
  296. package/models/api/gridLocaleTextApi.d.ts +3 -5
  297. package/models/api/gridRowsMetaApi.d.ts +1 -1
  298. package/models/api/gridVirtualizationApi.d.ts +2 -3
  299. package/models/colDef/gridColType.d.ts +11 -2
  300. package/models/events/gridEventLookup.d.ts +3 -3
  301. package/models/gridFilterModel.d.ts +1 -1
  302. package/models/gridSlotsComponent.d.ts +21 -2
  303. package/models/gridSlotsComponentsProps.d.ts +4 -0
  304. package/models/gridStateCommunity.d.ts +5 -1
  305. package/models/index.d.ts +0 -1
  306. package/models/index.js +0 -1
  307. package/models/params/index.d.ts +0 -1
  308. package/models/params/index.js +1 -2
  309. package/models/props/DataGridProps.d.ts +6 -11
  310. package/modern/DataGrid/DataGrid.js +6 -6
  311. package/modern/DataGrid/useDataGridComponent.js +2 -1
  312. package/modern/DataGrid/useDataGridProps.js +1 -0
  313. package/modern/components/GridColumnHeaders.js +3 -11
  314. package/modern/components/GridDetailPanels.js +4 -0
  315. package/modern/components/GridHeaders.js +53 -0
  316. package/modern/components/GridPinnedRows.js +4 -0
  317. package/modern/components/GridRow.js +159 -96
  318. package/modern/components/GridScrollbarFillerCell.js +39 -0
  319. package/modern/components/base/GridBody.js +2 -116
  320. package/modern/components/base/GridOverlays.js +10 -16
  321. package/modern/components/cell/GridCell.js +65 -369
  322. package/modern/components/columnHeaders/GridBaseColumnHeaders.js +1 -6
  323. package/modern/components/columnHeaders/GridColumnHeaderItem.js +7 -3
  324. package/modern/components/columnHeaders/GridColumnHeaderSortIcon.js +5 -2
  325. package/modern/components/columnHeaders/GridColumnHeadersInner.js +1 -1
  326. package/modern/components/columnsManagement/GridColumnsManagement.js +256 -0
  327. package/modern/components/columnsManagement/index.js +1 -0
  328. package/modern/components/columnsManagement/utils.js +16 -0
  329. package/modern/components/containers/GridRoot.js +18 -14
  330. package/modern/components/containers/GridRootStyles.js +307 -204
  331. package/modern/components/index.js +1 -0
  332. package/modern/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +1 -1
  333. package/modern/components/panel/GridColumnsPanel.js +4 -209
  334. package/modern/components/panel/GridPanel.js +3 -4
  335. package/modern/components/panel/filterPanel/GridFilterForm.js +30 -13
  336. package/modern/components/panel/filterPanel/GridFilterPanel.js +46 -20
  337. package/modern/components/toolbar/GridToolbarColumnsButton.js +38 -21
  338. package/modern/components/toolbar/GridToolbarDensitySelector.js +38 -21
  339. package/modern/components/toolbar/GridToolbarExport.js +6 -1
  340. package/modern/components/toolbar/GridToolbarExportContainer.js +39 -22
  341. package/modern/components/toolbar/GridToolbarFilterButton.js +6 -10
  342. package/modern/components/virtualization/GridBottomContainer.js +25 -0
  343. package/modern/components/virtualization/GridMainContainer.js +20 -0
  344. package/modern/components/virtualization/GridTopContainer.js +35 -0
  345. package/modern/components/virtualization/GridVirtualScrollbar.js +131 -0
  346. package/modern/components/virtualization/GridVirtualScroller.js +69 -16
  347. package/modern/components/virtualization/GridVirtualScrollerFiller.js +71 -0
  348. package/modern/components/virtualization/GridVirtualScrollerRenderZone.js +2 -1
  349. package/modern/constants/defaultGridSlotsComponents.js +8 -3
  350. package/modern/constants/gridClasses.js +1 -1
  351. package/modern/constants/localeTextConstants.js +4 -6
  352. package/modern/hooks/core/gridCoreSelector.js +5 -0
  353. package/modern/hooks/core/useGridApiInitialization.js +3 -0
  354. package/modern/hooks/core/useGridInitialization.js +4 -0
  355. package/modern/hooks/core/useGridRefs.js +13 -0
  356. package/modern/hooks/core/useGridTheme.js +19 -0
  357. package/modern/hooks/features/columnGrouping/useGridColumnGrouping.js +5 -12
  358. package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +67 -160
  359. package/modern/hooks/features/columnMenu/useGridColumnMenu.js +28 -23
  360. package/modern/hooks/features/columns/gridColumnsInterfaces.js +9 -1
  361. package/modern/hooks/features/columns/gridColumnsSelector.js +51 -0
  362. package/modern/hooks/features/columns/gridColumnsUtils.js +10 -12
  363. package/modern/hooks/features/columns/index.js +2 -1
  364. package/modern/hooks/features/columns/useGridColumnSpanning.js +62 -61
  365. package/modern/hooks/features/columns/useGridColumns.js +19 -21
  366. package/modern/hooks/features/dimensions/gridDimensionsSelectors.js +1 -0
  367. package/modern/hooks/features/dimensions/index.js +1 -0
  368. package/modern/hooks/features/dimensions/useGridDimensions.js +214 -146
  369. package/modern/hooks/features/export/serializers/csvSerializer.js +2 -2
  370. package/modern/hooks/features/filter/useGridFilter.js +3 -3
  371. package/modern/hooks/features/focus/gridFocusStateSelector.js +2 -6
  372. package/modern/hooks/features/focus/useGridFocus.js +3 -3
  373. package/modern/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +3 -16
  374. package/modern/hooks/features/pagination/useGridPagination.js +3 -5
  375. package/modern/hooks/features/rows/gridRowsSelector.js +2 -2
  376. package/modern/hooks/features/rows/gridRowsUtils.js +8 -5
  377. package/modern/hooks/features/rows/useGridRowsMeta.js +7 -4
  378. package/modern/hooks/features/scroll/useGridScroll.js +8 -9
  379. package/modern/hooks/features/sorting/gridSortingUtils.js +1 -1
  380. package/modern/hooks/features/sorting/useGridSorting.js +15 -10
  381. package/modern/hooks/features/virtualization/gridVirtualizationSelectors.js +22 -2
  382. package/modern/hooks/features/virtualization/useGridVirtualScroller.js +435 -432
  383. package/modern/hooks/features/virtualization/useGridVirtualization.js +8 -1
  384. package/modern/hooks/utils/index.js +4 -1
  385. package/modern/hooks/utils/useGridAriaAttributes.js +1 -1
  386. package/modern/hooks/utils/useGridNativeEventListener.js +3 -9
  387. package/modern/hooks/utils/useResizeObserver.js +36 -0
  388. package/modern/hooks/utils/useRunOnce.js +18 -0
  389. package/modern/index.js +1 -1
  390. package/modern/internals/index.js +9 -7
  391. package/modern/locales/arSD.js +5 -6
  392. package/modern/locales/beBY.js +5 -6
  393. package/modern/locales/bgBG.js +5 -6
  394. package/modern/locales/csCZ.js +5 -6
  395. package/modern/locales/daDK.js +5 -6
  396. package/modern/locales/deDE.js +5 -6
  397. package/modern/locales/elGR.js +5 -6
  398. package/modern/locales/esES.js +5 -6
  399. package/modern/locales/faIR.js +5 -6
  400. package/modern/locales/fiFI.js +5 -6
  401. package/modern/locales/frFR.js +5 -6
  402. package/modern/locales/heIL.js +5 -6
  403. package/modern/locales/hrHR.js +148 -0
  404. package/modern/locales/huHU.js +5 -6
  405. package/modern/locales/index.js +4 -1
  406. package/modern/locales/itIT.js +5 -6
  407. package/modern/locales/jaJP.js +5 -6
  408. package/modern/locales/koKR.js +5 -6
  409. package/modern/locales/nbNO.js +5 -6
  410. package/modern/locales/nlNL.js +5 -6
  411. package/modern/locales/plPL.js +5 -6
  412. package/modern/locales/ptBR.js +5 -6
  413. package/modern/locales/ptPT.js +148 -0
  414. package/modern/locales/roRO.js +5 -6
  415. package/modern/locales/ruRU.js +5 -6
  416. package/modern/locales/skSK.js +5 -6
  417. package/modern/locales/svSE.js +5 -6
  418. package/modern/locales/trTR.js +5 -6
  419. package/modern/locales/ukUA.js +5 -6
  420. package/modern/locales/urPK.js +5 -6
  421. package/modern/locales/viVN.js +5 -6
  422. package/modern/locales/zhCN.js +5 -6
  423. package/modern/locales/zhHK.js +148 -0
  424. package/modern/locales/zhTW.js +5 -6
  425. package/modern/models/index.js +0 -1
  426. package/modern/models/params/index.js +1 -2
  427. package/modern/utils/utils.js +10 -1
  428. package/node/DataGrid/DataGrid.js +6 -6
  429. package/node/DataGrid/useDataGridComponent.js +1 -0
  430. package/node/DataGrid/useDataGridProps.js +1 -0
  431. package/node/components/GridColumnHeaders.js +3 -11
  432. package/node/components/GridDetailPanels.js +10 -0
  433. package/node/components/GridHeaders.js +60 -0
  434. package/node/components/GridPinnedRows.js +10 -0
  435. package/node/components/GridRow.js +157 -94
  436. package/node/components/GridScrollbarFillerCell.js +47 -0
  437. package/node/components/base/GridBody.js +7 -118
  438. package/node/components/base/GridOverlays.js +9 -15
  439. package/node/components/cell/GridCell.js +66 -369
  440. package/node/components/columnHeaders/GridBaseColumnHeaders.js +1 -6
  441. package/node/components/columnHeaders/GridColumnHeaderItem.js +8 -4
  442. package/node/components/columnHeaders/GridColumnHeaderSortIcon.js +5 -2
  443. package/node/components/columnHeaders/GridColumnHeadersInner.js +1 -1
  444. package/node/components/columnsManagement/GridColumnsManagement.js +264 -0
  445. package/node/components/columnsManagement/index.js +16 -0
  446. package/node/components/columnsManagement/utils.js +24 -0
  447. package/node/components/containers/GridRoot.js +17 -14
  448. package/node/components/containers/GridRootStyles.js +175 -72
  449. package/node/components/index.js +11 -0
  450. package/node/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +1 -1
  451. package/node/components/panel/GridColumnsPanel.js +4 -208
  452. package/node/components/panel/GridPanel.js +3 -4
  453. package/node/components/panel/filterPanel/GridFilterForm.js +29 -12
  454. package/node/components/panel/filterPanel/GridFilterPanel.js +45 -19
  455. package/node/components/toolbar/GridToolbarColumnsButton.js +36 -20
  456. package/node/components/toolbar/GridToolbarDensitySelector.js +36 -20
  457. package/node/components/toolbar/GridToolbarExport.js +6 -1
  458. package/node/components/toolbar/GridToolbarExportContainer.js +37 -21
  459. package/node/components/toolbar/GridToolbarFilterButton.js +6 -10
  460. package/node/components/virtualization/GridBottomContainer.js +34 -0
  461. package/node/components/{containers → virtualization}/GridMainContainer.js +7 -29
  462. package/node/components/virtualization/GridTopContainer.js +44 -0
  463. package/node/components/virtualization/GridVirtualScrollbar.js +138 -0
  464. package/node/components/virtualization/GridVirtualScroller.js +69 -17
  465. package/node/components/virtualization/GridVirtualScrollerFiller.js +77 -0
  466. package/node/components/virtualization/GridVirtualScrollerRenderZone.js +2 -1
  467. package/node/constants/defaultGridSlotsComponents.js +6 -1
  468. package/node/constants/gridClasses.js +1 -1
  469. package/node/constants/localeTextConstants.js +4 -6
  470. package/node/hooks/core/gridCoreSelector.js +12 -0
  471. package/node/hooks/core/useGridApiInitialization.js +3 -0
  472. package/node/hooks/core/useGridInitialization.js +4 -0
  473. package/node/hooks/core/useGridRefs.js +22 -0
  474. package/node/hooks/core/useGridTheme.js +29 -0
  475. package/node/hooks/features/columnGrouping/useGridColumnGrouping.js +5 -12
  476. package/node/hooks/features/columnHeaders/useGridColumnHeaders.js +65 -159
  477. package/node/hooks/features/columnMenu/useGridColumnMenu.js +28 -23
  478. package/node/hooks/features/columns/gridColumnsInterfaces.js +11 -1
  479. package/node/hooks/features/columns/gridColumnsSelector.js +52 -1
  480. package/node/hooks/features/columns/gridColumnsUtils.js +10 -13
  481. package/node/hooks/features/columns/index.js +22 -61
  482. package/node/hooks/features/columns/useGridColumnSpanning.js +62 -61
  483. package/node/hooks/features/columns/useGridColumns.js +20 -22
  484. package/node/hooks/features/dimensions/gridDimensionsSelectors.js +8 -0
  485. package/node/hooks/features/dimensions/index.js +11 -0
  486. package/node/hooks/features/dimensions/useGridDimensions.js +215 -144
  487. package/node/hooks/features/export/serializers/csvSerializer.js +2 -2
  488. package/node/hooks/features/filter/useGridFilter.js +2 -2
  489. package/node/hooks/features/focus/gridFocusStateSelector.js +3 -7
  490. package/node/hooks/features/focus/useGridFocus.js +2 -2
  491. package/node/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +2 -15
  492. package/node/hooks/features/pagination/useGridPagination.js +3 -5
  493. package/node/hooks/features/rows/gridRowsSelector.js +2 -2
  494. package/node/hooks/features/rows/gridRowsUtils.js +8 -5
  495. package/node/hooks/features/rows/useGridRowsMeta.js +5 -3
  496. package/node/hooks/features/scroll/useGridScroll.js +8 -9
  497. package/node/hooks/features/sorting/gridSortingUtils.js +1 -1
  498. package/node/hooks/features/sorting/useGridSorting.js +15 -10
  499. package/node/hooks/features/virtualization/gridVirtualizationSelectors.js +22 -2
  500. package/node/hooks/features/virtualization/useGridVirtualScroller.js +434 -431
  501. package/node/hooks/features/virtualization/useGridVirtualization.js +9 -1
  502. package/node/hooks/utils/index.js +36 -0
  503. package/node/hooks/utils/useGridAriaAttributes.js +1 -1
  504. package/node/hooks/utils/useGridNativeEventListener.js +3 -9
  505. package/node/hooks/utils/useResizeObserver.js +44 -0
  506. package/node/hooks/utils/useRunOnce.js +27 -0
  507. package/node/index.js +1 -1
  508. package/node/internals/index.js +86 -71
  509. package/node/locales/arSD.js +5 -6
  510. package/node/locales/beBY.js +5 -6
  511. package/node/locales/bgBG.js +5 -6
  512. package/node/locales/csCZ.js +5 -6
  513. package/node/locales/daDK.js +5 -6
  514. package/node/locales/deDE.js +5 -6
  515. package/node/locales/elGR.js +5 -6
  516. package/node/locales/esES.js +5 -6
  517. package/node/locales/faIR.js +5 -6
  518. package/node/locales/fiFI.js +5 -6
  519. package/node/locales/frFR.js +5 -6
  520. package/node/locales/heIL.js +5 -6
  521. package/node/locales/hrHR.js +154 -0
  522. package/node/locales/huHU.js +5 -6
  523. package/node/locales/index.js +33 -0
  524. package/node/locales/itIT.js +5 -6
  525. package/node/locales/jaJP.js +5 -6
  526. package/node/locales/koKR.js +5 -6
  527. package/node/locales/nbNO.js +5 -6
  528. package/node/locales/nlNL.js +5 -6
  529. package/node/locales/plPL.js +5 -6
  530. package/node/locales/ptBR.js +5 -6
  531. package/node/locales/ptPT.js +154 -0
  532. package/node/locales/roRO.js +5 -6
  533. package/node/locales/ruRU.js +5 -6
  534. package/node/locales/skSK.js +5 -6
  535. package/node/locales/svSE.js +5 -6
  536. package/node/locales/trTR.js +5 -6
  537. package/node/locales/ukUA.js +5 -6
  538. package/node/locales/urPK.js +5 -6
  539. package/node/locales/viVN.js +5 -6
  540. package/node/locales/zhCN.js +5 -6
  541. package/node/locales/zhHK.js +154 -0
  542. package/node/locales/zhTW.js +5 -6
  543. package/node/models/index.js +0 -11
  544. package/node/models/params/index.js +0 -11
  545. package/node/utils/utils.js +11 -1
  546. package/package.json +6 -6
  547. package/utils/utils.d.ts +6 -0
  548. package/utils/utils.js +10 -1
  549. package/components/DataGridVirtualScroller.d.ts +0 -3
  550. package/components/DataGridVirtualScroller.js +0 -35
  551. package/components/containers/GridMainContainer.js +0 -43
  552. package/legacy/components/DataGridVirtualScroller.js +0 -32
  553. package/legacy/components/containers/GridMainContainer.js +0 -45
  554. package/legacy/models/gridRootContainerRef.js +0 -1
  555. package/legacy/models/params/gridRenderedRowsIntervalChangeParams.js +0 -1
  556. package/models/gridRootContainerRef.d.ts +0 -5
  557. package/models/gridRootContainerRef.js +0 -1
  558. package/models/params/gridRenderedRowsIntervalChangeParams.d.ts +0 -10
  559. package/models/params/gridRenderedRowsIntervalChangeParams.js +0 -1
  560. package/modern/components/DataGridVirtualScroller.js +0 -35
  561. package/modern/components/containers/GridMainContainer.js +0 -42
  562. package/modern/models/gridRootContainerRef.js +0 -1
  563. package/modern/models/params/gridRenderedRowsIntervalChangeParams.js +0 -1
  564. package/node/components/DataGridVirtualScroller.js +0 -42
  565. package/node/models/gridRootContainerRef.js +0 -5
  566. package/node/models/params/gridRenderedRowsIntervalChangeParams.js +0 -5
@@ -35,12 +35,11 @@ const svSEGrid = {
35
35
  toolbarExportCSV: 'Ladda ner som CSV',
36
36
  toolbarExportPrint: 'Skriv ut',
37
37
  toolbarExportExcel: 'Ladda ner som Excel',
38
- // Columns panel text
39
- columnsPanelTextFieldLabel: 'Hitta kolumn',
40
- columnsPanelTextFieldPlaceholder: 'Kolumntitel',
41
- columnsPanelDragIconLabel: 'Ordna om kolumnen',
42
- columnsPanelShowAllButton: 'Visa alla',
43
- columnsPanelHideAllButton: 'Dölj alla',
38
+ // Columns management text
39
+ // columnsManagementSearchTitle: 'Search',
40
+ // columnsManagementNoColumns: 'No columns',
41
+ // columnsManagementShowHideAllText: 'Show/Hide All',
42
+
44
43
  // Filter panel text
45
44
  filterPanelAddFilter: 'Lägg till filter',
46
45
  filterPanelRemoveAll: 'Ta bort alla',
@@ -35,12 +35,11 @@ const trTRGrid = {
35
35
  toolbarExportCSV: 'CSV olarak aktar',
36
36
  toolbarExportPrint: 'Yazdır',
37
37
  toolbarExportExcel: 'Excel olarak aktar',
38
- // Columns panel text
39
- columnsPanelTextFieldLabel: 'Sütun ara',
40
- columnsPanelTextFieldPlaceholder: 'Sütun adı',
41
- columnsPanelDragIconLabel: 'Sütunları yeniden sırala',
42
- columnsPanelShowAllButton: 'Hepsini göster',
43
- columnsPanelHideAllButton: 'Hepsini gizle',
38
+ // Columns management text
39
+ // columnsManagementSearchTitle: 'Search',
40
+ // columnsManagementNoColumns: 'No columns',
41
+ // columnsManagementShowHideAllText: 'Show/Hide All',
42
+
44
43
  // Filter panel text
45
44
  filterPanelAddFilter: 'Filtre Ekle',
46
45
  filterPanelRemoveAll: 'Hepsini kaldır',
@@ -49,12 +49,11 @@ const ukUAGrid = {
49
49
  toolbarExportCSV: 'Завантажити у форматі CSV',
50
50
  toolbarExportPrint: 'Друк',
51
51
  toolbarExportExcel: 'Завантажити у форматі Excel',
52
- // Columns panel text
53
- columnsPanelTextFieldLabel: 'Знайти стовпець',
54
- columnsPanelTextFieldPlaceholder: 'Заголовок стовпця',
55
- columnsPanelDragIconLabel: 'Змінити порядок стовпця',
56
- columnsPanelShowAllButton: 'Показати всі',
57
- columnsPanelHideAllButton: 'Приховати всі',
52
+ // Columns management text
53
+ // columnsManagementSearchTitle: 'Search',
54
+ // columnsManagementNoColumns: 'No columns',
55
+ // columnsManagementShowHideAllText: 'Show/Hide All',
56
+
58
57
  // Filter panel text
59
58
  filterPanelAddFilter: 'Додати фільтр',
60
59
  filterPanelRemoveAll: 'Видалити всі',
@@ -35,12 +35,11 @@ const urPKGrid = {
35
35
  toolbarExportCSV: 'CSV کے طور پر ڈاوٴنلوڈ کریں',
36
36
  toolbarExportPrint: 'پرنٹ کریں',
37
37
  toolbarExportExcel: 'ایکسل کے طور پر ڈاوٴنلوڈ کریں',
38
- // Columns panel text
39
- columnsPanelTextFieldLabel: 'کالم کو تلاش کریں',
40
- columnsPanelTextFieldPlaceholder: 'کالم کا عنوان',
41
- columnsPanelDragIconLabel: 'کالم کی ترتیب تبدیل کریں',
42
- columnsPanelShowAllButton: 'سارے دکھائیں',
43
- columnsPanelHideAllButton: 'سارے چھپائیں',
38
+ // Columns management text
39
+ // columnsManagementSearchTitle: 'Search',
40
+ // columnsManagementNoColumns: 'No columns',
41
+ // columnsManagementShowHideAllText: 'Show/Hide All',
42
+
44
43
  // Filter panel text
45
44
  filterPanelAddFilter: 'نیا فلٹر',
46
45
  filterPanelRemoveAll: 'سارے ختم کریں',
@@ -35,12 +35,11 @@ const viVNGrid = {
35
35
  toolbarExportCSV: 'Xuất CSV',
36
36
  toolbarExportPrint: 'In',
37
37
  toolbarExportExcel: 'Xuất Excel',
38
- // Columns panel text
39
- columnsPanelTextFieldLabel: 'Tìm kiếm',
40
- columnsPanelTextFieldPlaceholder: 'Tiêu đề cột',
41
- columnsPanelDragIconLabel: 'Sắp xếp',
42
- columnsPanelShowAllButton: 'Hiện tất cả',
43
- columnsPanelHideAllButton: 'Ẩn tất cả',
38
+ // Columns management text
39
+ // columnsManagementSearchTitle: 'Search',
40
+ // columnsManagementNoColumns: 'No columns',
41
+ // columnsManagementShowHideAllText: 'Show/Hide All',
42
+
44
43
  // Filter panel text
45
44
  filterPanelAddFilter: 'Thêm bộ lọc',
46
45
  filterPanelRemoveAll: 'Xóa tất cả',
@@ -35,12 +35,11 @@ const zhCNGrid = {
35
35
  toolbarExportCSV: '导出至CSV',
36
36
  toolbarExportPrint: '打印',
37
37
  toolbarExportExcel: '导出至Excel',
38
- // Columns panel text
39
- columnsPanelTextFieldLabel: '搜索列',
40
- columnsPanelTextFieldPlaceholder: '列名',
41
- columnsPanelDragIconLabel: '重排序列',
42
- columnsPanelShowAllButton: '显示所有',
43
- columnsPanelHideAllButton: '隐藏所有',
38
+ // Columns management text
39
+ // columnsManagementSearchTitle: 'Search',
40
+ // columnsManagementNoColumns: 'No columns',
41
+ // columnsManagementShowHideAllText: 'Show/Hide All',
42
+
44
43
  // Filter panel text
45
44
  filterPanelAddFilter: '添加筛选器',
46
45
  filterPanelRemoveAll: '清除全部',
@@ -0,0 +1,154 @@
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 management text
39
+ // columnsManagementSearchTitle: 'Search',
40
+ // columnsManagementNoColumns: 'No columns',
41
+ // columnsManagementShowHideAllText: 'Show/Hide All',
42
+
43
+ // Filter panel text
44
+ filterPanelAddFilter: '新增過濾器',
45
+ filterPanelRemoveAll: '移除所有',
46
+ filterPanelDeleteIconLabel: '刪除',
47
+ filterPanelLogicOperator: '邏輯運算符',
48
+ filterPanelOperator: '操作員',
49
+ filterPanelOperatorAnd: '和',
50
+ filterPanelOperatorOr: '或者',
51
+ filterPanelColumns: '列',
52
+ filterPanelInputLabel: '價值',
53
+ filterPanelInputPlaceholder: '過濾值',
54
+ // Filter operators text
55
+ filterOperatorContains: '包含',
56
+ filterOperatorEquals: '等於',
57
+ filterOperatorStartsWith: '以。。開始',
58
+ filterOperatorEndsWith: '以。。結束',
59
+ filterOperatorIs: '是',
60
+ filterOperatorNot: '不是',
61
+ filterOperatorAfter: '是在之後',
62
+ filterOperatorOnOrAfter: '是在或之後',
63
+ filterOperatorBefore: '是在之前',
64
+ filterOperatorOnOrBefore: '是在或之前',
65
+ filterOperatorIsEmpty: '是空的',
66
+ filterOperatorIsNotEmpty: '不為空',
67
+ filterOperatorIsAnyOf: '是以下任一個',
68
+ 'filterOperator=': '=',
69
+ 'filterOperator!=': '!=',
70
+ 'filterOperator>': '>',
71
+ 'filterOperator>=': '>=',
72
+ 'filterOperator<': '<',
73
+ 'filterOperator<=': '<=',
74
+ // Header filter operators text
75
+ headerFilterOperatorContains: '包含',
76
+ headerFilterOperatorEquals: '等於',
77
+ headerFilterOperatorStartsWith: '以。。開始',
78
+ headerFilterOperatorEndsWith: '以。。結束',
79
+ headerFilterOperatorIs: '是',
80
+ headerFilterOperatorNot: '不是',
81
+ headerFilterOperatorAfter: '是在之後',
82
+ headerFilterOperatorOnOrAfter: '是在或之後',
83
+ headerFilterOperatorBefore: '是之前',
84
+ headerFilterOperatorOnOrBefore: '是在或之前',
85
+ headerFilterOperatorIsEmpty: '是空的',
86
+ headerFilterOperatorIsNotEmpty: '不為空',
87
+ headerFilterOperatorIsAnyOf: '是以下任一個',
88
+ 'headerFilterOperator=': '等於',
89
+ 'headerFilterOperator!=': '不等於',
90
+ 'headerFilterOperator>': '比...更棒',
91
+ 'headerFilterOperator>=': '大於或等於',
92
+ 'headerFilterOperator<': '少於',
93
+ 'headerFilterOperator<=': '小於或等於',
94
+ // Filter values text
95
+ filterValueAny: '任何',
96
+ filterValueTrue: '真的',
97
+ filterValueFalse: '錯誤的',
98
+ // Column menu text
99
+ columnMenuLabel: '選單',
100
+ columnMenuShowColumns: '顯示欄目',
101
+ columnMenuManageColumns: '管理欄目',
102
+ columnMenuFilter: '篩選',
103
+ columnMenuHideColumn: '隱藏列',
104
+ columnMenuUnsort: '取消排序',
105
+ columnMenuSortAsc: '按升序排序',
106
+ columnMenuSortDesc: '按降序排序',
107
+ // Column header text
108
+ columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} 個有效過濾器` : `${count} 個活動過濾器`,
109
+ columnHeaderFiltersLabel: '顯示過濾器',
110
+ columnHeaderSortIconLabel: '種類',
111
+ // Rows selected footer text
112
+ footerRowSelected: count => count !== 1 ? `已選擇 ${count.toLocaleString()} 行` : `已選擇 ${count.toLocaleString()} 行`,
113
+ // Total row amount footer text
114
+ footerTotalRows: '總行數:',
115
+ // Total visible row amount footer text
116
+ footerTotalVisibleRows: (visibleCount, totalCount) => `${totalCount.toLocaleString()} 的 ${visibleCount.toLocaleString()}`,
117
+ // Checkbox selection text
118
+ checkboxSelectionHeaderName: '複選框選擇',
119
+ checkboxSelectionSelectAllRows: '選擇所有行',
120
+ checkboxSelectionUnselectAllRows: '取消選擇所有行',
121
+ checkboxSelectionSelectRow: '選擇行',
122
+ checkboxSelectionUnselectRow: '取消選擇行',
123
+ // Boolean cell text
124
+ booleanCellTrueLabel: '是的',
125
+ booleanCellFalseLabel: '不',
126
+ // Actions cell more text
127
+ actionsCellMore: '更多的',
128
+ // Column pinning text
129
+ pinToLeft: '固定到左側',
130
+ pinToRight: '固定到右側',
131
+ unpin: '取消固定',
132
+ // Tree Data
133
+ treeDataGroupingHeaderName: 'Group',
134
+ treeDataExpand: '看看孩子們',
135
+ treeDataCollapse: '隱藏孩子',
136
+ // Grouping columns
137
+ groupingColumnHeaderName: '團體',
138
+ groupColumn: name => `按 ${name} 分組`,
139
+ unGroupColumn: name => `停止以 ${name} 分組`,
140
+ // Master/detail
141
+ detailPanelToggle: '詳細資訊面板切換',
142
+ expandDetailPanel: '擴張',
143
+ collapseDetailPanel: '坍塌',
144
+ // Row reordering text
145
+ rowReorderingHeaderName: '行重新排序',
146
+ // Aggregation
147
+ aggregationMenuItemHeader: '聚合',
148
+ aggregationFunctionLabelSum: '和',
149
+ aggregationFunctionLabelAvg: '平均',
150
+ aggregationFunctionLabelMin: '分分鐘',
151
+ aggregationFunctionLabelMax: '最大限度',
152
+ aggregationFunctionLabelSize: '尺寸'
153
+ };
154
+ const zhHK = exports.zhHK = (0, _getGridLocalization.getGridLocalization)(zhHKGrid, _locale.zhHK);
@@ -35,12 +35,11 @@ const zhTWGrid = {
35
35
  toolbarExportCSV: '匯出 CSV',
36
36
  toolbarExportPrint: '列印',
37
37
  toolbarExportExcel: '匯出 Excel',
38
- // Columns panel text
39
- columnsPanelTextFieldLabel: '欄位搜尋',
40
- columnsPanelTextFieldPlaceholder: '欄位名稱',
41
- columnsPanelDragIconLabel: '排序欄位',
42
- columnsPanelShowAllButton: '顯示所有',
43
- columnsPanelHideAllButton: '隱藏所有',
38
+ // Columns management text
39
+ // columnsManagementSearchTitle: 'Search',
40
+ // columnsManagementNoColumns: 'No columns',
41
+ // columnsManagementShowHideAllText: 'Show/Hide All',
42
+
44
43
  // Filter panel text
45
44
  filterPanelAddFilter: '增加篩選器',
46
45
  filterPanelRemoveAll: '清除所有',
@@ -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-beta.0",
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.6",
41
+ "@mui/utils": "^5.15.6",
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 {};
@@ -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 };