@mui/x-data-grid 5.7.0 → 5.10.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 (524) hide show
  1. package/CHANGELOG.md +241 -53
  2. package/DataGrid/DataGrid.d.ts +8 -3
  3. package/DataGrid/DataGrid.js +28 -5
  4. package/DataGrid/useDataGridComponent.js +5 -5
  5. package/DataGrid/useDataGridProps.d.ts +2 -1
  6. package/LICENSE +21 -0
  7. package/README.md +6 -4
  8. package/colDef/gridBooleanColDef.d.ts +1 -1
  9. package/colDef/gridBooleanOperators.d.ts +1 -1
  10. package/colDef/gridDateColDef.d.ts +5 -9
  11. package/colDef/gridDateColDef.js +2 -2
  12. package/colDef/gridDateOperators.d.ts +1 -1
  13. package/{models/colDef → colDef}/gridDefaultColumnTypes.d.ts +1 -1
  14. package/{models/colDef → colDef}/gridDefaultColumnTypes.js +6 -6
  15. package/colDef/gridNumericColDef.d.ts +1 -1
  16. package/colDef/gridNumericOperators.d.ts +2 -2
  17. package/colDef/gridStringColDef.d.ts +1 -1
  18. package/colDef/gridStringOperators.d.ts +1 -1
  19. package/colDef/index.d.ts +1 -0
  20. package/colDef/index.js +2 -1
  21. package/components/GridRow.d.ts +4 -0
  22. package/components/GridRow.js +55 -24
  23. package/components/base/GridOverlays.js +4 -3
  24. package/components/cell/GridActionsCell.d.ts +5 -1
  25. package/components/cell/GridActionsCell.js +170 -21
  26. package/components/cell/GridActionsCellItem.d.ts +66 -4
  27. package/components/cell/GridActionsCellItem.js +7 -5
  28. package/components/cell/GridCell.d.ts +5 -4
  29. package/components/cell/GridCell.js +30 -9
  30. package/components/cell/GridEditInputCell.js +3 -3
  31. package/components/cell/GridEditSingleSelectCell.js +24 -15
  32. package/components/columnHeaders/GridColumnHeaderFilterIconButton.d.ts +12 -0
  33. package/components/columnHeaders/{ColumnHeaderFilterIcon.js → GridColumnHeaderFilterIconButton.js} +22 -4
  34. package/components/columnHeaders/GridColumnHeaderItem.js +9 -12
  35. package/components/columnHeaders/GridColumnHeaders.d.ts +0 -1
  36. package/components/columnHeaders/GridColumnHeaders.js +1 -1
  37. package/components/columnHeaders/index.d.ts +1 -0
  38. package/components/columnHeaders/index.js +1 -0
  39. package/components/columnSelection/GridCellCheckboxRenderer.d.ts +3 -3
  40. package/components/columnSelection/GridCellCheckboxRenderer.js +22 -5
  41. package/components/columnSelection/GridHeaderCheckbox.d.ts +1 -1
  42. package/components/containers/GridRoot.js +29 -17
  43. package/components/containers/GridRootStyles.js +36 -1
  44. package/components/menu/GridMenu.js +1 -0
  45. package/components/menu/columnMenu/GridColumnMenu.js +1 -1
  46. package/components/panel/GridPanel.d.ts +2 -2
  47. package/components/panel/GridPanel.js +1 -0
  48. package/components/panel/GridPreferencesPanel.js +1 -1
  49. package/components/panel/filterPanel/GridFilterForm.js +14 -10
  50. package/components/panel/filterPanel/GridFilterInputBoolean.js +13 -8
  51. package/components/panel/filterPanel/GridFilterInputSingleSelect.js +22 -15
  52. package/components/panel/filterPanel/GridFilterInputValue.js +22 -15
  53. package/components/toolbar/GridToolbarDensitySelector.js +1 -1
  54. package/components/toolbar/GridToolbarFilterButton.d.ts +1 -1
  55. package/components/virtualization/GridVirtualScroller.js +2 -0
  56. package/components/virtualization/GridVirtualScrollerContent.js +1 -3
  57. package/constants/defaultGridSlotsComponents.js +4 -2
  58. package/constants/gridClasses.d.ts +35 -3
  59. package/constants/gridClasses.js +1 -1
  60. package/constants/gridDetailPanelToggleField.d.ts +1 -0
  61. package/constants/gridDetailPanelToggleField.js +2 -0
  62. package/constants/localeTextConstants.js +3 -1
  63. package/hooks/core/index.d.ts +1 -1
  64. package/hooks/core/pipeProcessing/gridPipeProcessingApi.d.ts +85 -0
  65. package/hooks/core/{preProcessing/gridPreProcessingApi.js → pipeProcessing/gridPipeProcessingApi.js} +0 -0
  66. package/hooks/core/pipeProcessing/index.d.ts +4 -0
  67. package/hooks/core/pipeProcessing/index.js +4 -0
  68. package/hooks/core/pipeProcessing/useGridPipeProcessing.d.ts +32 -0
  69. package/hooks/core/pipeProcessing/useGridPipeProcessing.js +108 -0
  70. package/hooks/core/pipeProcessing/useGridRegisterPipeApplier.d.ts +3 -0
  71. package/{modern/hooks/core/preProcessing/useGridRegisterPreProcessor.js → hooks/core/pipeProcessing/useGridRegisterPipeApplier.js} +2 -6
  72. package/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.d.ts +4 -0
  73. package/hooks/core/{preProcessing/useGridRegisterPreProcessor.js → pipeProcessing/useGridRegisterPipeProcessor.js} +2 -6
  74. package/hooks/core/strategyProcessing/useGridStrategyProcessing.d.ts +27 -16
  75. package/hooks/core/strategyProcessing/useGridStrategyProcessing.js +26 -15
  76. package/hooks/core/useGridInitialization.js +2 -2
  77. package/hooks/features/columnHeaders/useGridColumnHeaders.d.ts +0 -1
  78. package/hooks/features/columnHeaders/useGridColumnHeaders.js +77 -11
  79. package/hooks/features/columnMenu/useGridColumnMenu.js +2 -1
  80. package/hooks/features/columns/gridColumnsInterfaces.d.ts +3 -1
  81. package/hooks/features/columns/gridColumnsSelector.d.ts +6 -6
  82. package/hooks/features/columns/gridColumnsUtils.d.ts +22 -4
  83. package/hooks/features/columns/gridColumnsUtils.js +105 -20
  84. package/hooks/features/columns/useGridColumnSpanning.d.ts +7 -0
  85. package/hooks/features/columns/useGridColumnSpanning.js +109 -0
  86. package/hooks/features/columns/useGridColumns.d.ts +1 -1
  87. package/hooks/features/columns/useGridColumns.js +55 -40
  88. package/hooks/features/dimensions/gridDimensionsApi.d.ts +5 -0
  89. package/hooks/features/dimensions/useGridDimensions.js +5 -4
  90. package/hooks/features/editRows/useGridCellEditing.new.d.ts +1 -1
  91. package/hooks/features/editRows/useGridCellEditing.new.js +40 -17
  92. package/hooks/features/editRows/useGridEditing.new.js +7 -3
  93. package/hooks/features/editRows/useGridRowEditing.new.d.ts +1 -1
  94. package/hooks/features/editRows/useGridRowEditing.new.js +44 -21
  95. package/hooks/features/events/useGridEvents.d.ts +1 -1
  96. package/hooks/features/events/useGridEvents.js +2 -0
  97. package/hooks/features/filter/gridFilterSelector.d.ts +3 -9
  98. package/hooks/features/filter/useGridFilter.js +18 -13
  99. package/hooks/features/focus/useGridFocus.js +19 -9
  100. package/hooks/features/{keyboard → keyboardNavigation}/useGridKeyboardNavigation.d.ts +3 -5
  101. package/hooks/features/{keyboard → keyboardNavigation}/useGridKeyboardNavigation.js +66 -13
  102. package/hooks/features/pagination/gridPaginationSelector.d.ts +1 -3
  103. package/hooks/features/pagination/useGridPage.js +9 -4
  104. package/hooks/features/pagination/useGridPageSize.js +3 -3
  105. package/hooks/features/preferencesPanel/useGridPreferencesPanel.js +18 -5
  106. package/hooks/features/rows/gridRowsSelector.d.ts +2 -1
  107. package/hooks/features/rows/gridRowsSelector.js +1 -0
  108. package/hooks/features/rows/gridRowsState.d.ts +4 -0
  109. package/hooks/features/rows/gridRowsUtils.d.ts +8 -0
  110. package/hooks/features/rows/gridRowsUtils.js +11 -0
  111. package/hooks/features/rows/index.d.ts +1 -0
  112. package/hooks/features/rows/index.js +1 -1
  113. package/hooks/features/rows/useGridRows.d.ts +2 -2
  114. package/hooks/features/rows/useGridRows.js +27 -7
  115. package/hooks/features/rows/useGridRowsMeta.js +7 -14
  116. package/hooks/features/scroll/useGridScroll.d.ts +2 -0
  117. package/hooks/features/scroll/useGridScroll.js +27 -14
  118. package/hooks/features/selection/gridSelectionSelector.d.ts +1 -3
  119. package/hooks/features/selection/useGridSelection.d.ts +4 -2
  120. package/hooks/features/selection/useGridSelection.js +75 -27
  121. package/hooks/features/selection/useGridSelectionPreProcessors.js +2 -2
  122. package/hooks/features/sorting/gridSortingSelector.d.ts +1 -3
  123. package/hooks/features/sorting/gridSortingUtils.d.ts +1 -2
  124. package/hooks/features/sorting/useGridSorting.js +13 -13
  125. package/hooks/features/statePersistence/useGridStatePersistence.js +2 -2
  126. package/hooks/features/virtualization/useGridVirtualScroller.d.ts +9 -0
  127. package/hooks/features/virtualization/useGridVirtualScroller.js +64 -27
  128. package/hooks/utils/useGridRootProps.d.ts +1 -1
  129. package/hooks/utils/useGridVisibleRows.d.ts +2 -2
  130. package/index.js +1 -1
  131. package/internals/index.d.ts +4 -6
  132. package/internals/index.js +3 -3
  133. package/legacy/DataGrid/DataGrid.js +28 -5
  134. package/legacy/DataGrid/useDataGridComponent.js +5 -5
  135. package/legacy/colDef/gridDateColDef.js +2 -2
  136. package/legacy/{models/colDef → colDef}/gridDefaultColumnTypes.js +6 -6
  137. package/legacy/colDef/index.js +2 -1
  138. package/legacy/components/GridRow.js +53 -24
  139. package/legacy/components/base/GridOverlays.js +4 -3
  140. package/legacy/components/cell/GridActionsCell.js +188 -27
  141. package/legacy/components/cell/GridActionsCellItem.js +7 -5
  142. package/legacy/components/cell/GridCell.js +31 -9
  143. package/legacy/components/cell/GridEditInputCell.js +3 -3
  144. package/legacy/components/cell/GridEditSingleSelectCell.js +35 -26
  145. package/legacy/components/columnHeaders/{ColumnHeaderFilterIcon.js → GridColumnHeaderFilterIconButton.js} +22 -4
  146. package/legacy/components/columnHeaders/GridColumnHeaderItem.js +9 -12
  147. package/legacy/components/columnHeaders/GridColumnHeaders.js +2 -3
  148. package/legacy/components/columnHeaders/index.js +1 -0
  149. package/legacy/components/columnSelection/GridCellCheckboxRenderer.js +23 -5
  150. package/legacy/components/containers/GridRoot.js +34 -17
  151. package/legacy/components/containers/GridRootStyles.js +26 -5
  152. package/legacy/components/menu/GridMenu.js +1 -0
  153. package/legacy/components/menu/columnMenu/GridColumnMenu.js +1 -1
  154. package/legacy/components/panel/GridPanel.js +1 -0
  155. package/legacy/components/panel/GridPreferencesPanel.js +1 -1
  156. package/legacy/components/panel/filterPanel/GridFilterForm.js +14 -10
  157. package/legacy/components/panel/filterPanel/GridFilterInputBoolean.js +13 -8
  158. package/legacy/components/panel/filterPanel/GridFilterInputSingleSelect.js +22 -17
  159. package/legacy/components/panel/filterPanel/GridFilterInputValue.js +22 -17
  160. package/legacy/components/toolbar/GridToolbarDensitySelector.js +1 -1
  161. package/legacy/components/virtualization/GridVirtualScroller.js +2 -0
  162. package/legacy/components/virtualization/GridVirtualScrollerContent.js +1 -3
  163. package/legacy/constants/defaultGridSlotsComponents.js +4 -2
  164. package/legacy/constants/gridClasses.js +1 -1
  165. package/legacy/constants/gridDetailPanelToggleField.js +2 -0
  166. package/legacy/constants/localeTextConstants.js +3 -1
  167. package/legacy/hooks/core/{preProcessing/gridPreProcessingApi.js → pipeProcessing/gridPipeProcessingApi.js} +0 -0
  168. package/legacy/hooks/core/pipeProcessing/index.js +4 -0
  169. package/legacy/hooks/core/pipeProcessing/useGridPipeProcessing.js +119 -0
  170. package/legacy/hooks/core/{preProcessing/useGridRegisterPreProcessor.js → pipeProcessing/useGridRegisterPipeApplier.js} +2 -6
  171. package/legacy/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.js +27 -0
  172. package/legacy/hooks/core/strategyProcessing/useGridStrategyProcessing.js +26 -15
  173. package/legacy/hooks/core/useGridInitialization.js +2 -2
  174. package/legacy/hooks/features/columnHeaders/useGridColumnHeaders.js +90 -11
  175. package/legacy/hooks/features/columnMenu/useGridColumnMenu.js +2 -1
  176. package/legacy/hooks/features/columns/gridColumnsUtils.js +120 -32
  177. package/legacy/hooks/features/columns/useGridColumnSpanning.js +107 -0
  178. package/legacy/hooks/features/columns/useGridColumns.js +55 -40
  179. package/legacy/hooks/features/dimensions/useGridDimensions.js +5 -4
  180. package/legacy/hooks/features/editRows/useGridCellEditing.new.js +36 -15
  181. package/legacy/hooks/features/editRows/useGridEditing.new.js +7 -3
  182. package/legacy/hooks/features/editRows/useGridRowEditing.new.js +53 -30
  183. package/legacy/hooks/features/events/useGridEvents.js +2 -0
  184. package/legacy/hooks/features/filter/useGridFilter.js +18 -13
  185. package/legacy/hooks/features/focus/useGridFocus.js +19 -9
  186. package/legacy/hooks/features/{keyboard → keyboardNavigation}/useGridKeyboardNavigation.js +66 -12
  187. package/legacy/hooks/features/pagination/useGridPage.js +11 -4
  188. package/legacy/hooks/features/pagination/useGridPageSize.js +3 -3
  189. package/legacy/hooks/features/preferencesPanel/useGridPreferencesPanel.js +18 -5
  190. package/legacy/hooks/features/rows/gridRowsSelector.js +3 -0
  191. package/legacy/hooks/features/rows/gridRowsUtils.js +13 -0
  192. package/legacy/hooks/features/rows/index.js +1 -1
  193. package/legacy/hooks/features/rows/useGridRows.js +35 -9
  194. package/legacy/hooks/features/rows/useGridRowsMeta.js +7 -14
  195. package/legacy/hooks/features/scroll/useGridScroll.js +27 -14
  196. package/legacy/hooks/features/selection/useGridSelection.js +77 -27
  197. package/legacy/hooks/features/selection/useGridSelectionPreProcessors.js +2 -2
  198. package/legacy/hooks/features/sorting/useGridSorting.js +8 -10
  199. package/legacy/hooks/features/statePersistence/useGridStatePersistence.js +2 -2
  200. package/legacy/hooks/features/virtualization/useGridVirtualScroller.js +75 -37
  201. package/legacy/index.js +1 -1
  202. package/legacy/internals/index.js +3 -3
  203. package/legacy/locales/arSD.js +3 -1
  204. package/legacy/locales/bgBG.js +3 -1
  205. package/legacy/locales/csCZ.js +2 -0
  206. package/legacy/locales/daDK.js +37 -31
  207. package/legacy/locales/deDE.js +3 -1
  208. package/legacy/locales/elGR.js +2 -0
  209. package/legacy/locales/esES.js +2 -0
  210. package/legacy/locales/faIR.js +3 -1
  211. package/legacy/locales/fiFI.js +2 -0
  212. package/legacy/locales/frFR.js +2 -0
  213. package/legacy/locales/heIL.js +3 -1
  214. package/legacy/locales/huHU.js +122 -0
  215. package/legacy/locales/index.js +1 -0
  216. package/legacy/locales/itIT.js +2 -0
  217. package/legacy/locales/jaJP.js +2 -0
  218. package/legacy/locales/koKR.js +2 -0
  219. package/legacy/locales/nlNL.js +2 -0
  220. package/legacy/locales/plPL.js +3 -1
  221. package/legacy/locales/ptBR.js +3 -1
  222. package/legacy/locales/ruRU.js +2 -0
  223. package/legacy/locales/skSK.js +2 -0
  224. package/legacy/locales/trTR.js +3 -1
  225. package/legacy/locales/ukUA.js +2 -0
  226. package/legacy/locales/viVN.js +2 -0
  227. package/legacy/locales/zhCN.js +2 -0
  228. package/{modern/hooks/core/preProcessing/gridPreProcessingApi.js → legacy/models/api/gridColumnSpanning.js} +0 -0
  229. package/legacy/models/colDef/index.js +1 -2
  230. package/legacy/models/events/gridEvents.js +10 -3
  231. package/legacy/models/gridColumnSpanning.js +1 -0
  232. package/legacy/models/gridRows.js +1 -33
  233. package/legacy/models/index.js +2 -2
  234. package/legacy/models/params/gridPreferencePanelParams.js +1 -0
  235. package/legacy/models/params/index.js +2 -1
  236. package/locales/arSD.js +3 -1
  237. package/locales/bgBG.js +3 -1
  238. package/locales/csCZ.js +2 -0
  239. package/locales/daDK.js +33 -31
  240. package/locales/deDE.js +3 -1
  241. package/locales/elGR.js +2 -0
  242. package/locales/esES.js +2 -0
  243. package/locales/faIR.js +3 -1
  244. package/locales/fiFI.js +2 -0
  245. package/locales/frFR.js +2 -0
  246. package/locales/heIL.js +3 -1
  247. package/locales/huHU.d.ts +2 -0
  248. package/locales/huHU.js +110 -0
  249. package/locales/index.d.ts +1 -0
  250. package/locales/index.js +1 -0
  251. package/locales/itIT.js +2 -0
  252. package/locales/jaJP.js +2 -0
  253. package/locales/koKR.js +2 -0
  254. package/locales/nlNL.js +2 -0
  255. package/locales/plPL.js +3 -1
  256. package/locales/ptBR.js +3 -1
  257. package/locales/ruRU.js +2 -0
  258. package/locales/skSK.js +2 -0
  259. package/locales/trTR.js +3 -1
  260. package/locales/ukUA.js +2 -0
  261. package/locales/viVN.js +2 -0
  262. package/locales/zhCN.js +2 -0
  263. package/models/api/gridApiCommon.d.ts +3 -2
  264. package/models/api/gridColumnSpanning.d.ts +28 -0
  265. package/models/api/gridColumnSpanning.js +1 -0
  266. package/models/api/gridEditingApi.d.ts +51 -5
  267. package/models/api/gridLocaleTextApi.d.ts +1 -0
  268. package/models/api/gridParamsApi.d.ts +5 -5
  269. package/models/api/gridRowApi.d.ts +8 -2
  270. package/models/colDef/gridColDef.d.ts +38 -28
  271. package/models/colDef/index.d.ts +0 -1
  272. package/models/colDef/index.js +1 -2
  273. package/models/events/gridEventLookup.d.ts +30 -9
  274. package/models/events/gridEvents.d.ts +50 -17
  275. package/models/events/gridEvents.js +10 -3
  276. package/models/gridCell.d.ts +1 -0
  277. package/models/gridColumnSpanning.d.ts +12 -0
  278. package/models/gridColumnSpanning.js +1 -0
  279. package/models/gridEditRowModel.d.ts +1 -1
  280. package/models/gridFilterOperator.d.ts +3 -2
  281. package/models/gridIconSlotsComponent.d.ts +5 -0
  282. package/models/gridRows.d.ts +10 -18
  283. package/models/gridRows.js +1 -31
  284. package/models/gridSlotsComponent.d.ts +5 -0
  285. package/models/gridSlotsComponentsProps.d.ts +1 -0
  286. package/models/gridSortModel.d.ts +3 -4
  287. package/models/index.d.ts +1 -1
  288. package/models/index.js +2 -2
  289. package/models/params/gridCellParams.d.ts +25 -15
  290. package/models/params/gridColumnHeaderParams.d.ts +3 -2
  291. package/models/params/gridEditCellParams.d.ts +2 -3
  292. package/models/params/gridPreferencePanelParams.d.ts +3 -0
  293. package/models/params/gridPreferencePanelParams.js +1 -0
  294. package/models/params/gridRowParams.d.ts +12 -8
  295. package/models/params/gridValueOptionsParams.d.ts +3 -3
  296. package/models/params/index.d.ts +1 -0
  297. package/models/params/index.js +2 -1
  298. package/models/props/DataGridProps.d.ts +37 -17
  299. package/modern/DataGrid/DataGrid.js +28 -5
  300. package/modern/DataGrid/useDataGridComponent.js +5 -5
  301. package/modern/colDef/gridDateColDef.js +2 -2
  302. package/modern/{models/colDef → colDef}/gridDefaultColumnTypes.js +6 -6
  303. package/modern/colDef/index.js +2 -1
  304. package/modern/components/GridRow.js +53 -22
  305. package/modern/components/base/GridOverlays.js +4 -3
  306. package/modern/components/cell/GridActionsCell.js +168 -21
  307. package/modern/components/cell/GridActionsCellItem.js +7 -5
  308. package/modern/components/cell/GridCell.js +30 -9
  309. package/modern/components/cell/GridEditInputCell.js +3 -3
  310. package/modern/components/cell/GridEditSingleSelectCell.js +22 -13
  311. package/modern/components/columnHeaders/{ColumnHeaderFilterIcon.js → GridColumnHeaderFilterIconButton.js} +22 -4
  312. package/modern/components/columnHeaders/GridColumnHeaderItem.js +7 -10
  313. package/modern/components/columnHeaders/GridColumnHeaders.js +1 -1
  314. package/modern/components/columnHeaders/index.js +1 -0
  315. package/modern/components/columnSelection/GridCellCheckboxRenderer.js +22 -5
  316. package/modern/components/containers/GridRoot.js +29 -17
  317. package/modern/components/containers/GridRootStyles.js +36 -1
  318. package/modern/components/menu/GridMenu.js +1 -0
  319. package/modern/components/menu/columnMenu/GridColumnMenu.js +1 -1
  320. package/modern/components/panel/GridPanel.js +1 -0
  321. package/modern/components/panel/GridPreferencesPanel.js +1 -1
  322. package/modern/components/panel/filterPanel/GridFilterForm.js +10 -6
  323. package/modern/components/panel/filterPanel/GridFilterInputBoolean.js +11 -6
  324. package/modern/components/panel/filterPanel/GridFilterInputSingleSelect.js +20 -13
  325. package/modern/components/panel/filterPanel/GridFilterInputValue.js +20 -13
  326. package/modern/components/toolbar/GridToolbarDensitySelector.js +1 -1
  327. package/modern/components/virtualization/GridVirtualScroller.js +2 -0
  328. package/modern/components/virtualization/GridVirtualScrollerContent.js +1 -3
  329. package/modern/constants/defaultGridSlotsComponents.js +4 -2
  330. package/modern/constants/gridClasses.js +1 -1
  331. package/modern/constants/gridDetailPanelToggleField.js +2 -0
  332. package/modern/constants/localeTextConstants.js +3 -1
  333. package/modern/hooks/core/pipeProcessing/gridPipeProcessingApi.js +1 -0
  334. package/modern/hooks/core/pipeProcessing/index.js +4 -0
  335. package/modern/hooks/core/pipeProcessing/useGridPipeProcessing.js +108 -0
  336. package/modern/hooks/core/pipeProcessing/useGridRegisterPipeApplier.js +27 -0
  337. package/modern/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.js +27 -0
  338. package/modern/hooks/core/strategyProcessing/useGridStrategyProcessing.js +26 -15
  339. package/modern/hooks/core/useGridInitialization.js +2 -2
  340. package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +77 -11
  341. package/modern/hooks/features/columnMenu/useGridColumnMenu.js +2 -1
  342. package/modern/hooks/features/columns/gridColumnsUtils.js +105 -20
  343. package/modern/hooks/features/columns/useGridColumnSpanning.js +107 -0
  344. package/modern/hooks/features/columns/useGridColumns.js +55 -40
  345. package/modern/hooks/features/dimensions/useGridDimensions.js +5 -4
  346. package/modern/hooks/features/editRows/useGridCellEditing.new.js +40 -17
  347. package/modern/hooks/features/editRows/useGridEditing.new.js +7 -3
  348. package/modern/hooks/features/editRows/useGridRowEditing.new.js +44 -21
  349. package/modern/hooks/features/events/useGridEvents.js +2 -0
  350. package/modern/hooks/features/filter/useGridFilter.js +18 -13
  351. package/modern/hooks/features/focus/useGridFocus.js +19 -9
  352. package/modern/hooks/features/{keyboard → keyboardNavigation}/useGridKeyboardNavigation.js +64 -13
  353. package/modern/hooks/features/pagination/useGridPage.js +9 -4
  354. package/modern/hooks/features/pagination/useGridPageSize.js +3 -3
  355. package/modern/hooks/features/preferencesPanel/useGridPreferencesPanel.js +18 -5
  356. package/modern/hooks/features/rows/gridRowsSelector.js +1 -0
  357. package/modern/hooks/features/rows/gridRowsUtils.js +11 -0
  358. package/modern/hooks/features/rows/index.js +1 -1
  359. package/modern/hooks/features/rows/useGridRows.js +25 -5
  360. package/modern/hooks/features/rows/useGridRowsMeta.js +7 -14
  361. package/modern/hooks/features/scroll/useGridScroll.js +25 -10
  362. package/modern/hooks/features/selection/useGridSelection.js +75 -27
  363. package/modern/hooks/features/selection/useGridSelectionPreProcessors.js +2 -2
  364. package/modern/hooks/features/sorting/useGridSorting.js +13 -13
  365. package/modern/hooks/features/statePersistence/useGridStatePersistence.js +2 -2
  366. package/modern/hooks/features/virtualization/useGridVirtualScroller.js +64 -23
  367. package/modern/index.js +1 -1
  368. package/modern/internals/index.js +3 -3
  369. package/modern/locales/arSD.js +3 -1
  370. package/modern/locales/bgBG.js +3 -1
  371. package/modern/locales/csCZ.js +2 -0
  372. package/modern/locales/daDK.js +33 -31
  373. package/modern/locales/deDE.js +3 -1
  374. package/modern/locales/elGR.js +2 -0
  375. package/modern/locales/esES.js +2 -0
  376. package/modern/locales/faIR.js +3 -1
  377. package/modern/locales/fiFI.js +2 -0
  378. package/modern/locales/frFR.js +2 -0
  379. package/modern/locales/heIL.js +3 -1
  380. package/modern/locales/huHU.js +110 -0
  381. package/modern/locales/index.js +1 -0
  382. package/modern/locales/itIT.js +2 -0
  383. package/modern/locales/jaJP.js +2 -0
  384. package/modern/locales/koKR.js +2 -0
  385. package/modern/locales/nlNL.js +2 -0
  386. package/modern/locales/plPL.js +3 -1
  387. package/modern/locales/ptBR.js +3 -1
  388. package/modern/locales/ruRU.js +2 -0
  389. package/modern/locales/skSK.js +2 -0
  390. package/modern/locales/trTR.js +3 -1
  391. package/modern/locales/ukUA.js +2 -0
  392. package/modern/locales/viVN.js +2 -0
  393. package/modern/locales/zhCN.js +2 -0
  394. package/modern/models/api/gridColumnSpanning.js +1 -0
  395. package/modern/models/colDef/index.js +1 -2
  396. package/modern/models/events/gridEvents.js +10 -3
  397. package/modern/models/gridColumnSpanning.js +1 -0
  398. package/modern/models/gridRows.js +1 -31
  399. package/modern/models/index.js +2 -2
  400. package/modern/models/params/gridPreferencePanelParams.js +1 -0
  401. package/modern/models/params/index.js +2 -1
  402. package/node/DataGrid/DataGrid.js +28 -5
  403. package/node/DataGrid/useDataGridComponent.js +6 -6
  404. package/node/colDef/gridDateColDef.js +2 -2
  405. package/node/{models/colDef → colDef}/gridDefaultColumnTypes.js +6 -6
  406. package/node/colDef/index.js +13 -0
  407. package/node/components/GridRow.js +56 -24
  408. package/node/components/base/GridOverlays.js +3 -2
  409. package/node/components/cell/GridActionsCell.js +172 -21
  410. package/node/components/cell/GridActionsCellItem.js +7 -4
  411. package/node/components/cell/GridCell.js +30 -9
  412. package/node/components/cell/GridEditInputCell.js +3 -3
  413. package/node/components/cell/GridEditSingleSelectCell.js +25 -15
  414. package/node/components/columnHeaders/{ColumnHeaderFilterIcon.js → GridColumnHeaderFilterIconButton.js} +23 -5
  415. package/node/components/columnHeaders/GridColumnHeaderItem.js +9 -13
  416. package/node/components/columnHeaders/GridColumnHeaders.js +1 -1
  417. package/node/components/columnHeaders/index.js +13 -0
  418. package/node/components/columnSelection/GridCellCheckboxRenderer.js +22 -5
  419. package/node/components/containers/GridRoot.js +28 -17
  420. package/node/components/containers/GridRootStyles.js +36 -1
  421. package/node/components/menu/GridMenu.js +1 -0
  422. package/node/components/menu/columnMenu/GridColumnMenu.js +1 -1
  423. package/node/components/panel/GridPanel.js +1 -0
  424. package/node/components/panel/GridPreferencesPanel.js +1 -1
  425. package/node/components/panel/filterPanel/GridFilterForm.js +15 -10
  426. package/node/components/panel/filterPanel/GridFilterInputBoolean.js +14 -8
  427. package/node/components/panel/filterPanel/GridFilterInputSingleSelect.js +23 -15
  428. package/node/components/panel/filterPanel/GridFilterInputValue.js +23 -15
  429. package/node/components/toolbar/GridToolbarDensitySelector.js +1 -1
  430. package/node/components/virtualization/GridVirtualScroller.js +2 -0
  431. package/node/components/virtualization/GridVirtualScrollerContent.js +1 -3
  432. package/node/constants/defaultGridSlotsComponents.js +3 -1
  433. package/node/constants/gridClasses.js +1 -1
  434. package/node/constants/gridDetailPanelToggleField.js +9 -0
  435. package/node/constants/localeTextConstants.js +3 -1
  436. package/node/hooks/core/{preProcessing/gridPreProcessingApi.js → pipeProcessing/gridPipeProcessingApi.js} +0 -0
  437. package/node/hooks/core/pipeProcessing/index.js +57 -0
  438. package/node/hooks/core/pipeProcessing/useGridPipeProcessing.js +124 -0
  439. package/node/hooks/core/{preProcessing/useGridRegisterPreProcessor.js → pipeProcessing/useGridRegisterPipeApplier.js} +4 -7
  440. package/node/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.js +42 -0
  441. package/node/hooks/core/strategyProcessing/useGridStrategyProcessing.js +26 -15
  442. package/node/hooks/core/useGridInitialization.js +2 -2
  443. package/node/hooks/features/columnHeaders/useGridColumnHeaders.js +81 -11
  444. package/node/hooks/features/columnMenu/useGridColumnMenu.js +2 -1
  445. package/node/hooks/features/columns/gridColumnsUtils.js +114 -25
  446. package/node/hooks/features/columns/useGridColumnSpanning.js +130 -0
  447. package/node/hooks/features/columns/useGridColumns.js +55 -40
  448. package/node/hooks/features/dimensions/useGridDimensions.js +5 -4
  449. package/node/hooks/features/editRows/useGridCellEditing.new.js +42 -17
  450. package/node/hooks/features/editRows/useGridEditing.new.js +6 -2
  451. package/node/hooks/features/editRows/useGridRowEditing.new.js +45 -21
  452. package/node/hooks/features/events/useGridEvents.js +2 -0
  453. package/node/hooks/features/filter/useGridFilter.js +18 -13
  454. package/node/hooks/features/focus/useGridFocus.js +19 -9
  455. package/node/hooks/features/{keyboard → keyboardNavigation}/useGridKeyboardNavigation.js +69 -13
  456. package/node/hooks/features/pagination/useGridPage.js +8 -3
  457. package/node/hooks/features/pagination/useGridPageSize.js +3 -3
  458. package/node/hooks/features/preferencesPanel/useGridPreferencesPanel.js +20 -5
  459. package/node/hooks/features/rows/gridRowsSelector.js +3 -1
  460. package/node/hooks/features/rows/gridRowsUtils.js +18 -0
  461. package/node/hooks/features/rows/index.js +15 -1
  462. package/node/hooks/features/rows/useGridRows.js +29 -9
  463. package/node/hooks/features/rows/useGridRowsMeta.js +7 -15
  464. package/node/hooks/features/scroll/useGridScroll.js +28 -14
  465. package/node/hooks/features/selection/useGridSelection.js +75 -26
  466. package/node/hooks/features/selection/useGridSelectionPreProcessors.js +2 -2
  467. package/node/hooks/features/sorting/useGridSorting.js +13 -13
  468. package/node/hooks/features/statePersistence/useGridStatePersistence.js +2 -2
  469. package/node/hooks/features/virtualization/useGridVirtualScroller.js +69 -27
  470. package/node/index.js +1 -1
  471. package/node/internals/index.js +12 -12
  472. package/node/locales/arSD.js +3 -1
  473. package/node/locales/bgBG.js +3 -1
  474. package/node/locales/csCZ.js +2 -0
  475. package/node/locales/daDK.js +33 -31
  476. package/node/locales/deDE.js +3 -1
  477. package/node/locales/elGR.js +2 -0
  478. package/node/locales/esES.js +2 -0
  479. package/node/locales/faIR.js +3 -1
  480. package/node/locales/fiFI.js +2 -0
  481. package/node/locales/frFR.js +2 -0
  482. package/node/locales/heIL.js +3 -1
  483. package/node/locales/huHU.js +120 -0
  484. package/node/locales/index.js +13 -0
  485. package/node/locales/itIT.js +2 -0
  486. package/node/locales/jaJP.js +2 -0
  487. package/node/locales/koKR.js +2 -0
  488. package/node/locales/nlNL.js +2 -0
  489. package/node/locales/plPL.js +3 -1
  490. package/node/locales/ptBR.js +3 -1
  491. package/node/locales/ruRU.js +2 -0
  492. package/node/locales/skSK.js +2 -0
  493. package/node/locales/trTR.js +3 -1
  494. package/node/locales/ukUA.js +2 -0
  495. package/node/locales/viVN.js +2 -0
  496. package/node/locales/zhCN.js +2 -0
  497. package/node/models/api/gridColumnSpanning.js +5 -0
  498. package/node/models/colDef/index.js +0 -13
  499. package/node/models/events/gridEvents.js +10 -3
  500. package/node/models/gridColumnSpanning.js +5 -0
  501. package/node/models/gridRows.js +1 -34
  502. package/node/models/index.js +13 -13
  503. package/node/models/params/gridPreferencePanelParams.js +5 -0
  504. package/node/models/params/index.js +13 -0
  505. package/package.json +4 -4
  506. package/utils/domUtils.d.ts +2 -2
  507. package/components/columnHeaders/ColumnHeaderFilterIcon.d.ts +0 -5
  508. package/hooks/core/preProcessing/gridPreProcessingApi.d.ts +0 -67
  509. package/hooks/core/preProcessing/index.d.ts +0 -3
  510. package/hooks/core/preProcessing/index.js +0 -3
  511. package/hooks/core/preProcessing/useGridPreProcessing.d.ts +0 -6
  512. package/hooks/core/preProcessing/useGridPreProcessing.js +0 -53
  513. package/hooks/core/preProcessing/useGridRegisterPreProcessor.d.ts +0 -7
  514. package/hooks/features/keyboard/useGridKeyboard.d.ts +0 -10
  515. package/hooks/features/keyboard/useGridKeyboard.js +0 -70
  516. package/legacy/hooks/core/preProcessing/index.js +0 -3
  517. package/legacy/hooks/core/preProcessing/useGridPreProcessing.js +0 -62
  518. package/legacy/hooks/features/keyboard/useGridKeyboard.js +0 -70
  519. package/modern/hooks/core/preProcessing/index.js +0 -3
  520. package/modern/hooks/core/preProcessing/useGridPreProcessing.js +0 -53
  521. package/modern/hooks/features/keyboard/useGridKeyboard.js +0 -70
  522. package/node/hooks/core/preProcessing/index.js +0 -44
  523. package/node/hooks/core/preProcessing/useGridPreProcessing.js +0 -72
  524. package/node/hooks/features/keyboard/useGridKeyboard.js +0 -91
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-data-grid",
3
- "version": "5.7.0",
3
+ "version": "5.10.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",
@@ -8,7 +8,7 @@
8
8
  "bugs": {
9
9
  "url": "https://github.com/mui/mui-x/issues"
10
10
  },
11
- "homepage": "https://mui.com/components/data-grid/",
11
+ "homepage": "https://mui.com/x/react-data-grid/",
12
12
  "sideEffects": false,
13
13
  "funding": {
14
14
  "type": "opencollective",
@@ -35,7 +35,7 @@
35
35
  "directory": "packages/grid/x-data-grid"
36
36
  },
37
37
  "dependencies": {
38
- "@mui/utils": "^5.4.4",
38
+ "@mui/utils": "^5.6.1",
39
39
  "clsx": "^1.1.1",
40
40
  "prop-types": "^15.8.1",
41
41
  "reselect": "^4.1.5"
@@ -43,7 +43,7 @@
43
43
  "peerDependencies": {
44
44
  "@mui/material": "^5.2.8",
45
45
  "@mui/system": "^5.2.8",
46
- "react": "^17.0.2"
46
+ "react": "^17.0.2 || ^18.0.0"
47
47
  },
48
48
  "setupFiles": [
49
49
  "<rootDir>/src/setupTests.js"
@@ -4,8 +4,8 @@ export declare function findParentElementFromClassName(elem: Element, className:
4
4
  export declare function getRowEl(cell?: Element | null): HTMLElement | null;
5
5
  export declare function isGridCellRoot(elem: Element | null): boolean;
6
6
  export declare function isGridHeaderCellRoot(elem: Element | null): boolean;
7
- export declare function getGridColumnHeaderElement(root: Element, field: string): HTMLDivElement;
8
- export declare function getGridRowElement(root: Element, id: GridRowId): HTMLDivElement;
7
+ export declare function getGridColumnHeaderElement(root: Element, field: string): HTMLDivElement | null;
8
+ export declare function getGridRowElement(root: Element, id: GridRowId): HTMLDivElement | null;
9
9
  export declare function getGridCellElement(root: Element, { id, field }: {
10
10
  id: GridRowId;
11
11
  field: string;
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export interface ColumnHeaderFilterIconProps {
3
- counter?: number;
4
- }
5
- export declare function ColumnHeaderFilterIcon(props: ColumnHeaderFilterIconProps): JSX.Element | null;
@@ -1,67 +0,0 @@
1
- import * as React from 'react';
2
- import { GridCellIndexCoordinates, GridScrollParams } from '../../../models';
3
- import { GridInitialStateCommunity } from '../../../models/gridStateCommunity';
4
- import { GridColDef } from '../../../models/colDef/gridColDef';
5
- import { GridRestoreStatePreProcessingContext, GridRestoreStatePreProcessingValue } from '../../features/statePersistence/gridStatePersistenceInterface';
6
- import { GridHydrateColumnsValue } from '../../features/columns/gridColumnsInterfaces';
7
- import { GridRowEntry } from '../../../models/gridRows';
8
- import { GridPreferencePanelsValue } from '../../features/preferencesPanel';
9
- export declare type GridPreProcessingGroup = keyof GridPreProcessingGroupLookup;
10
- export interface GridPreProcessingGroupLookup {
11
- hydrateColumns: {
12
- value: GridHydrateColumnsValue;
13
- };
14
- scrollToIndexes: {
15
- value: Partial<GridScrollParams>;
16
- context: Partial<GridCellIndexCoordinates>;
17
- };
18
- columnMenu: {
19
- value: React.ReactNode[];
20
- context: GridColDef;
21
- };
22
- exportState: {
23
- value: GridInitialStateCommunity;
24
- };
25
- restoreState: {
26
- value: GridRestoreStatePreProcessingValue;
27
- context: GridRestoreStatePreProcessingContext<GridInitialStateCommunity>;
28
- };
29
- rowHeight: {
30
- value: Record<string, number>;
31
- context: GridRowEntry;
32
- };
33
- preferencePanel: {
34
- value: React.ReactNode;
35
- context: GridPreferencePanelsValue;
36
- };
37
- }
38
- export declare type GridPreProcessor<P extends GridPreProcessingGroup> = (value: GridPreProcessingGroupLookup[P]['value'], context: GridPreProcessingGroupLookup[P] extends {
39
- context: any;
40
- } ? GridPreProcessingGroupLookup[P]['context'] : undefined) => GridPreProcessingGroupLookup[P]['value'];
41
- declare type GridPreProcessorsApplierArg<P extends GridPreProcessingGroup, T extends {
42
- value: any;
43
- }> = T extends {
44
- context: any;
45
- } ? [P, T['value'], T['context']] : [P, T['value']];
46
- declare type GridPreProcessorsApplier = <P extends GridPreProcessingGroup>(...params: GridPreProcessorsApplierArg<P, GridPreProcessingGroupLookup[P]>) => GridPreProcessingGroupLookup[P]['value'];
47
- export interface GridPreProcessingApi {
48
- /**
49
- * Register a pre-processor and emit an event to notify the agents to re-apply the pre-processors.
50
- * @param {GridPreProcessingGroup} group The name of the group to bind this pre-processor to.
51
- * @param {number} id An unique and static identifier of the pre-processor.
52
- * @param {GridPreProcessor} callback The pre-processor to register.
53
- * @returns {() => void} A function to unregister the pre-processor.
54
- * @ignore - do not document.
55
- */
56
- unstable_registerPreProcessor: <G extends GridPreProcessingGroup>(group: GridPreProcessingGroup, id: string, callback: GridPreProcessor<G>) => () => void;
57
- /**
58
- * Apply on the value the pre-processors registered on the given group.
59
- * @param {GridPreProcessingGroup} group The name of the processing group.
60
- * @param {any} value The value to pass to the first pre-processor.
61
- * @param {any} params Additional params to pass to the pre-processors.
62
- * @returns {any} The value after passing through all pre-processors.
63
- * @ignore - do not document.
64
- */
65
- unstable_applyPreProcessors: GridPreProcessorsApplier;
66
- }
67
- export {};
@@ -1,3 +0,0 @@
1
- export * from './gridPreProcessingApi';
2
- export * from './useGridPreProcessing';
3
- export * from './useGridRegisterPreProcessor';
@@ -1,3 +0,0 @@
1
- export * from './gridPreProcessingApi';
2
- export * from './useGridPreProcessing';
3
- export * from './useGridRegisterPreProcessor';
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
- import { GridApiCommunity } from '../../../models/api/gridApiCommunity';
3
- /**
4
- * TODO: Rename `useGridPipProcessing`
5
- */
6
- export declare const useGridPreProcessing: (apiRef: React.MutableRefObject<GridApiCommunity>) => void;
@@ -1,53 +0,0 @@
1
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
- import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
3
- import _extends from "@babel/runtime/helpers/esm/extends";
4
- import * as React from 'react';
5
- import { useGridApiMethod } from '../../utils/useGridApiMethod';
6
- import { GridEvents } from '../../../models/events';
7
- /**
8
- * TODO: Rename `useGridPipProcessing`
9
- */
10
-
11
- export const useGridPreProcessing = apiRef => {
12
- const preProcessorsRef = React.useRef({});
13
- const registerPreProcessor = React.useCallback((group, id, callback) => {
14
- if (!preProcessorsRef.current[group]) {
15
- preProcessorsRef.current[group] = {};
16
- }
17
-
18
- const preProcessors = preProcessorsRef.current[group];
19
- const oldCallback = preProcessors[id];
20
-
21
- if (oldCallback !== callback) {
22
- preProcessorsRef.current[group] = _extends({}, preProcessors, {
23
- [id]: callback
24
- });
25
- apiRef.current.publishEvent(GridEvents.preProcessorRegister, group);
26
- }
27
-
28
- return () => {
29
- const _ref = preProcessorsRef.current[group],
30
- otherProcessors = _objectWithoutPropertiesLoose(_ref, [id].map(_toPropertyKey));
31
-
32
- preProcessorsRef.current[group] = otherProcessors;
33
- apiRef.current.publishEvent(GridEvents.preProcessorUnregister, group);
34
- };
35
- }, [apiRef]);
36
- const applyPreProcessors = React.useCallback((...args) => {
37
- const [group, value, params] = args;
38
-
39
- if (!preProcessorsRef.current[group]) {
40
- return value;
41
- }
42
-
43
- const preProcessors = Object.values(preProcessorsRef.current[group]);
44
- return preProcessors.reduce((acc, preProcessor) => {
45
- return preProcessor(acc, params);
46
- }, value);
47
- }, []);
48
- const preProcessingApi = {
49
- unstable_registerPreProcessor: registerPreProcessor,
50
- unstable_applyPreProcessors: applyPreProcessors
51
- };
52
- useGridApiMethod(apiRef, preProcessingApi, 'GridPreProcessing');
53
- };
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- import { GridApiCommon } from '../../../models/api/gridApiCommon';
3
- import { GridPreProcessor } from './gridPreProcessingApi';
4
- /**
5
- * TODO: Rename `useGridRegisterPipeProcessor`
6
- */
7
- export declare const useGridRegisterPreProcessor: <Api extends GridApiCommon, G extends keyof import("./gridPreProcessingApi").GridPreProcessingGroupLookup>(apiRef: React.MutableRefObject<Api>, group: G, callback: GridPreProcessor<G>) => void;
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- import { GridApiCommunity } from '../../../models/api/gridApiCommunity';
3
- /**
4
- * @requires useGridSelection (method)
5
- * @requires useGridRows (method)
6
- * @requires useGridFocus (state)
7
- * @requires useGridParamsApi (method)
8
- * @requires useGridColumnMenu (method)
9
- */
10
- export declare const useGridKeyboard: (apiRef: React.MutableRefObject<GridApiCommunity>) => void;
@@ -1,70 +0,0 @@
1
- import * as React from 'react';
2
- import { gridClasses } from '../../../constants/gridClasses';
3
- import { GridEvents } from '../../../models/events';
4
- import { findParentElementFromClassName } from '../../../utils/domUtils';
5
- import { isNavigationKey } from '../../../utils/keyboardUtils';
6
- import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
7
- import { GridCellModes } from '../../../models/gridEditRowModel';
8
- import { gridVisibleSortedRowIdsSelector } from '../filter/gridFilterSelector';
9
- import { gridFocusCellSelector } from '../focus/gridFocusStateSelector';
10
- /**
11
- * @requires useGridSelection (method)
12
- * @requires useGridRows (method)
13
- * @requires useGridFocus (state)
14
- * @requires useGridParamsApi (method)
15
- * @requires useGridColumnMenu (method)
16
- */
17
-
18
- export const useGridKeyboard = apiRef => {
19
- const expandSelection = React.useCallback((params, event) => {
20
- apiRef.current.publishEvent(GridEvents.cellNavigationKeyDown, params, event);
21
- const focusCell = gridFocusCellSelector(apiRef);
22
-
23
- if (!focusCell) {
24
- return;
25
- }
26
-
27
- const rowEl = findParentElementFromClassName(event.target, gridClasses.row);
28
- const startRowIndex = Number(rowEl.getAttribute('data-rowindex'));
29
- const startId = gridVisibleSortedRowIdsSelector(apiRef)[startRowIndex];
30
-
31
- if (startId === focusCell.id) {
32
- return;
33
- }
34
-
35
- apiRef.current.selectRowRange({
36
- startId,
37
- endId: focusCell.id
38
- }, !apiRef.current.isRowSelected(focusCell.id));
39
- }, [apiRef]);
40
- const handleCellKeyDown = React.useCallback((params, event) => {
41
- // Ignore portal
42
- if (!event.currentTarget.contains(event.target)) {
43
- return;
44
- } // Get the most recent params because the cell mode may have changed by another listener
45
-
46
-
47
- const cellParams = apiRef.current.getCellParams(params.id, params.field);
48
- const isEditMode = cellParams.cellMode === GridCellModes.Edit;
49
-
50
- if (isEditMode) {
51
- return;
52
- }
53
-
54
- if (event.key === ' ' && event.shiftKey) {
55
- // This is a select event, so it's handled by the selection hook
56
- return;
57
- }
58
-
59
- if (isNavigationKey(event.key) && !event.shiftKey) {
60
- apiRef.current.publishEvent(GridEvents.cellNavigationKeyDown, cellParams, event);
61
- return;
62
- }
63
-
64
- if (isNavigationKey(event.key) && event.shiftKey) {
65
- event.preventDefault();
66
- expandSelection(cellParams, event);
67
- }
68
- }, [apiRef, expandSelection]);
69
- useGridApiEventHandler(apiRef, GridEvents.cellKeyDown, handleCellKeyDown);
70
- };
@@ -1,3 +0,0 @@
1
- export * from './gridPreProcessingApi';
2
- export * from './useGridPreProcessing';
3
- export * from './useGridRegisterPreProcessor';
@@ -1,62 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
4
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
5
- import _extends from "@babel/runtime/helpers/esm/extends";
6
- import * as React from 'react';
7
- import { useGridApiMethod } from '../../utils/useGridApiMethod';
8
- import { GridEvents } from '../../../models/events';
9
- /**
10
- * TODO: Rename `useGridPipProcessing`
11
- */
12
-
13
- export var useGridPreProcessing = function useGridPreProcessing(apiRef) {
14
- var preProcessorsRef = React.useRef({});
15
- var registerPreProcessor = React.useCallback(function (group, id, callback) {
16
- if (!preProcessorsRef.current[group]) {
17
- preProcessorsRef.current[group] = {};
18
- }
19
-
20
- var preProcessors = preProcessorsRef.current[group];
21
- var oldCallback = preProcessors[id];
22
-
23
- if (oldCallback !== callback) {
24
- preProcessorsRef.current[group] = _extends({}, preProcessors, _defineProperty({}, id, callback));
25
- apiRef.current.publishEvent(GridEvents.preProcessorRegister, group);
26
- }
27
-
28
- return function () {
29
- var _ref = preProcessorsRef.current[group],
30
- removedPreProcessor = _ref[id],
31
- otherProcessors = _objectWithoutProperties(_ref, [id].map(_toPropertyKey));
32
-
33
- preProcessorsRef.current[group] = otherProcessors;
34
- apiRef.current.publishEvent(GridEvents.preProcessorUnregister, group);
35
- };
36
- }, [apiRef]);
37
- var applyPreProcessors = React.useCallback(function () {
38
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
39
- args[_key] = arguments[_key];
40
- }
41
-
42
- var _ref2 = args,
43
- _ref3 = _slicedToArray(_ref2, 3),
44
- group = _ref3[0],
45
- value = _ref3[1],
46
- params = _ref3[2];
47
-
48
- if (!preProcessorsRef.current[group]) {
49
- return value;
50
- }
51
-
52
- var preProcessors = Object.values(preProcessorsRef.current[group]);
53
- return preProcessors.reduce(function (acc, preProcessor) {
54
- return preProcessor(acc, params);
55
- }, value);
56
- }, []);
57
- var preProcessingApi = {
58
- unstable_registerPreProcessor: registerPreProcessor,
59
- unstable_applyPreProcessors: applyPreProcessors
60
- };
61
- useGridApiMethod(apiRef, preProcessingApi, 'GridPreProcessing');
62
- };
@@ -1,70 +0,0 @@
1
- import * as React from 'react';
2
- import { gridClasses } from '../../../constants/gridClasses';
3
- import { GridEvents } from '../../../models/events';
4
- import { findParentElementFromClassName } from '../../../utils/domUtils';
5
- import { isNavigationKey } from '../../../utils/keyboardUtils';
6
- import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
7
- import { GridCellModes } from '../../../models/gridEditRowModel';
8
- import { gridVisibleSortedRowIdsSelector } from '../filter/gridFilterSelector';
9
- import { gridFocusCellSelector } from '../focus/gridFocusStateSelector';
10
- /**
11
- * @requires useGridSelection (method)
12
- * @requires useGridRows (method)
13
- * @requires useGridFocus (state)
14
- * @requires useGridParamsApi (method)
15
- * @requires useGridColumnMenu (method)
16
- */
17
-
18
- export var useGridKeyboard = function useGridKeyboard(apiRef) {
19
- var expandSelection = React.useCallback(function (params, event) {
20
- apiRef.current.publishEvent(GridEvents.cellNavigationKeyDown, params, event);
21
- var focusCell = gridFocusCellSelector(apiRef);
22
-
23
- if (!focusCell) {
24
- return;
25
- }
26
-
27
- var rowEl = findParentElementFromClassName(event.target, gridClasses.row);
28
- var startRowIndex = Number(rowEl.getAttribute('data-rowindex'));
29
- var startId = gridVisibleSortedRowIdsSelector(apiRef)[startRowIndex];
30
-
31
- if (startId === focusCell.id) {
32
- return;
33
- }
34
-
35
- apiRef.current.selectRowRange({
36
- startId: startId,
37
- endId: focusCell.id
38
- }, !apiRef.current.isRowSelected(focusCell.id));
39
- }, [apiRef]);
40
- var handleCellKeyDown = React.useCallback(function (params, event) {
41
- // Ignore portal
42
- if (!event.currentTarget.contains(event.target)) {
43
- return;
44
- } // Get the most recent params because the cell mode may have changed by another listener
45
-
46
-
47
- var cellParams = apiRef.current.getCellParams(params.id, params.field);
48
- var isEditMode = cellParams.cellMode === GridCellModes.Edit;
49
-
50
- if (isEditMode) {
51
- return;
52
- }
53
-
54
- if (event.key === ' ' && event.shiftKey) {
55
- // This is a select event, so it's handled by the selection hook
56
- return;
57
- }
58
-
59
- if (isNavigationKey(event.key) && !event.shiftKey) {
60
- apiRef.current.publishEvent(GridEvents.cellNavigationKeyDown, cellParams, event);
61
- return;
62
- }
63
-
64
- if (isNavigationKey(event.key) && event.shiftKey) {
65
- event.preventDefault();
66
- expandSelection(cellParams, event);
67
- }
68
- }, [apiRef, expandSelection]);
69
- useGridApiEventHandler(apiRef, GridEvents.cellKeyDown, handleCellKeyDown);
70
- };
@@ -1,3 +0,0 @@
1
- export * from './gridPreProcessingApi';
2
- export * from './useGridPreProcessing';
3
- export * from './useGridRegisterPreProcessor';
@@ -1,53 +0,0 @@
1
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
- import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
3
- import _extends from "@babel/runtime/helpers/esm/extends";
4
- import * as React from 'react';
5
- import { useGridApiMethod } from '../../utils/useGridApiMethod';
6
- import { GridEvents } from '../../../models/events';
7
- /**
8
- * TODO: Rename `useGridPipProcessing`
9
- */
10
-
11
- export const useGridPreProcessing = apiRef => {
12
- const preProcessorsRef = React.useRef({});
13
- const registerPreProcessor = React.useCallback((group, id, callback) => {
14
- if (!preProcessorsRef.current[group]) {
15
- preProcessorsRef.current[group] = {};
16
- }
17
-
18
- const preProcessors = preProcessorsRef.current[group];
19
- const oldCallback = preProcessors[id];
20
-
21
- if (oldCallback !== callback) {
22
- preProcessorsRef.current[group] = _extends({}, preProcessors, {
23
- [id]: callback
24
- });
25
- apiRef.current.publishEvent(GridEvents.preProcessorRegister, group);
26
- }
27
-
28
- return () => {
29
- const _ref = preProcessorsRef.current[group],
30
- otherProcessors = _objectWithoutPropertiesLoose(_ref, [id].map(_toPropertyKey));
31
-
32
- preProcessorsRef.current[group] = otherProcessors;
33
- apiRef.current.publishEvent(GridEvents.preProcessorUnregister, group);
34
- };
35
- }, [apiRef]);
36
- const applyPreProcessors = React.useCallback((...args) => {
37
- const [group, value, params] = args;
38
-
39
- if (!preProcessorsRef.current[group]) {
40
- return value;
41
- }
42
-
43
- const preProcessors = Object.values(preProcessorsRef.current[group]);
44
- return preProcessors.reduce((acc, preProcessor) => {
45
- return preProcessor(acc, params);
46
- }, value);
47
- }, []);
48
- const preProcessingApi = {
49
- unstable_registerPreProcessor: registerPreProcessor,
50
- unstable_applyPreProcessors: applyPreProcessors
51
- };
52
- useGridApiMethod(apiRef, preProcessingApi, 'GridPreProcessing');
53
- };
@@ -1,70 +0,0 @@
1
- import * as React from 'react';
2
- import { gridClasses } from '../../../constants/gridClasses';
3
- import { GridEvents } from '../../../models/events';
4
- import { findParentElementFromClassName } from '../../../utils/domUtils';
5
- import { isNavigationKey } from '../../../utils/keyboardUtils';
6
- import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
7
- import { GridCellModes } from '../../../models/gridEditRowModel';
8
- import { gridVisibleSortedRowIdsSelector } from '../filter/gridFilterSelector';
9
- import { gridFocusCellSelector } from '../focus/gridFocusStateSelector';
10
- /**
11
- * @requires useGridSelection (method)
12
- * @requires useGridRows (method)
13
- * @requires useGridFocus (state)
14
- * @requires useGridParamsApi (method)
15
- * @requires useGridColumnMenu (method)
16
- */
17
-
18
- export const useGridKeyboard = apiRef => {
19
- const expandSelection = React.useCallback((params, event) => {
20
- apiRef.current.publishEvent(GridEvents.cellNavigationKeyDown, params, event);
21
- const focusCell = gridFocusCellSelector(apiRef);
22
-
23
- if (!focusCell) {
24
- return;
25
- }
26
-
27
- const rowEl = findParentElementFromClassName(event.target, gridClasses.row);
28
- const startRowIndex = Number(rowEl.getAttribute('data-rowindex'));
29
- const startId = gridVisibleSortedRowIdsSelector(apiRef)[startRowIndex];
30
-
31
- if (startId === focusCell.id) {
32
- return;
33
- }
34
-
35
- apiRef.current.selectRowRange({
36
- startId,
37
- endId: focusCell.id
38
- }, !apiRef.current.isRowSelected(focusCell.id));
39
- }, [apiRef]);
40
- const handleCellKeyDown = React.useCallback((params, event) => {
41
- // Ignore portal
42
- if (!event.currentTarget.contains(event.target)) {
43
- return;
44
- } // Get the most recent params because the cell mode may have changed by another listener
45
-
46
-
47
- const cellParams = apiRef.current.getCellParams(params.id, params.field);
48
- const isEditMode = cellParams.cellMode === GridCellModes.Edit;
49
-
50
- if (isEditMode) {
51
- return;
52
- }
53
-
54
- if (event.key === ' ' && event.shiftKey) {
55
- // This is a select event, so it's handled by the selection hook
56
- return;
57
- }
58
-
59
- if (isNavigationKey(event.key) && !event.shiftKey) {
60
- apiRef.current.publishEvent(GridEvents.cellNavigationKeyDown, cellParams, event);
61
- return;
62
- }
63
-
64
- if (isNavigationKey(event.key) && event.shiftKey) {
65
- event.preventDefault();
66
- expandSelection(cellParams, event);
67
- }
68
- }, [apiRef, expandSelection]);
69
- useGridApiEventHandler(apiRef, GridEvents.cellKeyDown, handleCellKeyDown);
70
- };
@@ -1,44 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
-
7
- var _gridPreProcessingApi = require("./gridPreProcessingApi");
8
-
9
- Object.keys(_gridPreProcessingApi).forEach(function (key) {
10
- if (key === "default" || key === "__esModule") return;
11
- if (key in exports && exports[key] === _gridPreProcessingApi[key]) return;
12
- Object.defineProperty(exports, key, {
13
- enumerable: true,
14
- get: function () {
15
- return _gridPreProcessingApi[key];
16
- }
17
- });
18
- });
19
-
20
- var _useGridPreProcessing = require("./useGridPreProcessing");
21
-
22
- Object.keys(_useGridPreProcessing).forEach(function (key) {
23
- if (key === "default" || key === "__esModule") return;
24
- if (key in exports && exports[key] === _useGridPreProcessing[key]) return;
25
- Object.defineProperty(exports, key, {
26
- enumerable: true,
27
- get: function () {
28
- return _useGridPreProcessing[key];
29
- }
30
- });
31
- });
32
-
33
- var _useGridRegisterPreProcessor = require("./useGridRegisterPreProcessor");
34
-
35
- Object.keys(_useGridRegisterPreProcessor).forEach(function (key) {
36
- if (key === "default" || key === "__esModule") return;
37
- if (key in exports && exports[key] === _useGridRegisterPreProcessor[key]) return;
38
- Object.defineProperty(exports, key, {
39
- enumerable: true,
40
- get: function () {
41
- return _useGridRegisterPreProcessor[key];
42
- }
43
- });
44
- });
@@ -1,72 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.useGridPreProcessing = void 0;
9
-
10
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
-
12
- var _toPropertyKey2 = _interopRequireDefault(require("@babel/runtime/helpers/toPropertyKey"));
13
-
14
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
-
16
- var React = _interopRequireWildcard(require("react"));
17
-
18
- var _useGridApiMethod = require("../../utils/useGridApiMethod");
19
-
20
- var _events = require("../../../models/events");
21
-
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
- /**
27
- * TODO: Rename `useGridPipProcessing`
28
- */
29
- const useGridPreProcessing = apiRef => {
30
- const preProcessorsRef = React.useRef({});
31
- const registerPreProcessor = React.useCallback((group, id, callback) => {
32
- if (!preProcessorsRef.current[group]) {
33
- preProcessorsRef.current[group] = {};
34
- }
35
-
36
- const preProcessors = preProcessorsRef.current[group];
37
- const oldCallback = preProcessors[id];
38
-
39
- if (oldCallback !== callback) {
40
- preProcessorsRef.current[group] = (0, _extends2.default)({}, preProcessors, {
41
- [id]: callback
42
- });
43
- apiRef.current.publishEvent(_events.GridEvents.preProcessorRegister, group);
44
- }
45
-
46
- return () => {
47
- const _ref = preProcessorsRef.current[group],
48
- otherProcessors = (0, _objectWithoutPropertiesLoose2.default)(_ref, [id].map(_toPropertyKey2.default));
49
- preProcessorsRef.current[group] = otherProcessors;
50
- apiRef.current.publishEvent(_events.GridEvents.preProcessorUnregister, group);
51
- };
52
- }, [apiRef]);
53
- const applyPreProcessors = React.useCallback((...args) => {
54
- const [group, value, params] = args;
55
-
56
- if (!preProcessorsRef.current[group]) {
57
- return value;
58
- }
59
-
60
- const preProcessors = Object.values(preProcessorsRef.current[group]);
61
- return preProcessors.reduce((acc, preProcessor) => {
62
- return preProcessor(acc, params);
63
- }, value);
64
- }, []);
65
- const preProcessingApi = {
66
- unstable_registerPreProcessor: registerPreProcessor,
67
- unstable_applyPreProcessors: applyPreProcessors
68
- };
69
- (0, _useGridApiMethod.useGridApiMethod)(apiRef, preProcessingApi, 'GridPreProcessing');
70
- };
71
-
72
- exports.useGridPreProcessing = useGridPreProcessing;