@mui/x-data-grid 6.0.0-beta.4 → 6.0.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 (521) hide show
  1. package/CHANGELOG.md +204 -29
  2. package/DataGrid/DataGrid.js +10 -2
  3. package/DataGrid/useDataGridProps.js +25 -18
  4. package/colDef/gridSingleSelectColDef.js +13 -4
  5. package/components/GridColumnHeaders.d.ts +7 -0
  6. package/components/GridColumnHeaders.js +108 -0
  7. package/components/GridFooter.d.ts +1 -1
  8. package/components/GridFooter.js +2 -2
  9. package/components/GridHeader.js +2 -2
  10. package/components/GridLoadingOverlay.d.ts +1 -1
  11. package/components/GridNoResultsOverlay.d.ts +1 -1
  12. package/components/GridNoRowsOverlay.d.ts +1 -1
  13. package/components/GridRow.d.ts +13 -7
  14. package/components/GridRow.js +49 -31
  15. package/components/GridRowCount.d.ts +1 -1
  16. package/components/GridRowCount.js +4 -6
  17. package/components/GridScrollArea.js +4 -3
  18. package/components/GridSelectedRowCount.d.ts +1 -1
  19. package/components/GridSelectedRowCount.js +4 -6
  20. package/components/base/GridBody.d.ts +1 -4
  21. package/components/base/GridBody.js +43 -5
  22. package/components/base/GridFooterPlaceholder.js +2 -2
  23. package/components/base/GridOverlays.js +7 -7
  24. package/components/cell/GridActionsCell.js +4 -4
  25. package/components/cell/GridActionsCellItem.js +3 -3
  26. package/components/cell/GridBooleanCell.js +1 -1
  27. package/components/cell/GridCell.d.ts +2 -5
  28. package/components/cell/GridCell.js +14 -12
  29. package/components/cell/GridEditBooleanCell.js +3 -3
  30. package/components/cell/GridEditInputCell.js +3 -6
  31. package/components/cell/GridEditSingleSelectCell.d.ts +2 -8
  32. package/components/cell/GridEditSingleSelectCell.js +32 -16
  33. package/components/columnHeaders/ColumnHeaderMenuIcon.js +4 -4
  34. package/components/columnHeaders/GridBaseColumnHeaders.d.ts +7 -0
  35. package/{modern/components/columnHeaders/GridColumnHeaders.js → components/columnHeaders/GridBaseColumnHeaders.js} +14 -20
  36. package/components/columnHeaders/GridColumnHeaderFilterIconButton.js +6 -6
  37. package/components/columnHeaders/GridColumnHeaderItem.js +5 -5
  38. package/components/columnHeaders/GridColumnHeaderSeparator.js +1 -1
  39. package/components/columnHeaders/GridColumnHeaderSortIcon.js +7 -7
  40. package/components/columnHeaders/GridColumnHeaderTitle.js +10 -14
  41. package/components/columnHeaders/GridColumnHeadersInner.d.ts +1 -1
  42. package/components/columnHeaders/GridColumnHeadersInner.js +6 -6
  43. package/components/columnHeaders/GridIconButtonContainer.js +4 -6
  44. package/components/columnSelection/GridCellCheckboxRenderer.js +3 -3
  45. package/components/columnSelection/GridHeaderCheckbox.js +3 -3
  46. package/components/containers/GridFooterContainer.d.ts +1 -1
  47. package/components/containers/GridFooterContainer.js +10 -15
  48. package/components/containers/GridMainContainer.js +3 -5
  49. package/components/containers/GridOverlay.d.ts +1 -2
  50. package/components/containers/GridOverlay.js +7 -11
  51. package/components/containers/GridRoot.js +4 -5
  52. package/components/containers/GridRootStyles.d.ts +5 -1
  53. package/components/containers/GridRootStyles.js +7 -3
  54. package/components/containers/GridToolbarContainer.d.ts +1 -1
  55. package/components/containers/GridToolbarContainer.js +4 -6
  56. package/components/index.d.ts +1 -1
  57. package/components/index.js +1 -1
  58. package/components/menu/GridMenu.js +5 -7
  59. package/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.js +1 -1
  60. package/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.js +1 -1
  61. package/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.js +1 -1
  62. package/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +2 -2
  63. package/components/panel/GridColumnsPanel.js +16 -18
  64. package/components/panel/GridPanel.d.ts +6 -2
  65. package/components/panel/GridPanel.js +4 -0
  66. package/components/panel/GridPanelContent.d.ts +1 -1
  67. package/components/panel/GridPanelContent.js +4 -6
  68. package/components/panel/GridPanelFooter.d.ts +1 -1
  69. package/components/panel/GridPanelFooter.js +4 -6
  70. package/components/panel/GridPanelHeader.d.ts +1 -1
  71. package/components/panel/GridPanelHeader.js +4 -6
  72. package/components/panel/GridPanelWrapper.js +3 -5
  73. package/components/panel/GridPreferencesPanel.js +4 -4
  74. package/components/panel/filterPanel/GridFilterForm.js +50 -45
  75. package/components/panel/filterPanel/GridFilterInputBoolean.js +14 -11
  76. package/components/panel/filterPanel/GridFilterInputDate.js +4 -5
  77. package/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.d.ts +2 -8
  78. package/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js +28 -20
  79. package/components/panel/filterPanel/GridFilterInputMultipleValue.js +3 -3
  80. package/components/panel/filterPanel/GridFilterInputSingleSelect.d.ts +2 -8
  81. package/components/panel/filterPanel/GridFilterInputSingleSelect.js +53 -25
  82. package/components/panel/filterPanel/GridFilterInputValue.js +4 -5
  83. package/components/panel/filterPanel/GridFilterPanel.d.ts +5 -3
  84. package/components/panel/filterPanel/GridFilterPanel.js +35 -11
  85. package/components/panel/filterPanel/filterPanelUtils.d.ts +1 -2
  86. package/components/panel/filterPanel/filterPanelUtils.js +3 -9
  87. package/components/toolbar/GridToolbarColumnsButton.js +4 -4
  88. package/components/toolbar/GridToolbarDensitySelector.js +9 -9
  89. package/components/toolbar/GridToolbarExportContainer.js +4 -4
  90. package/components/toolbar/GridToolbarFilterButton.js +9 -11
  91. package/components/toolbar/GridToolbarQuickFilter.js +8 -7
  92. package/components/virtualization/GridVirtualScroller.d.ts +1 -1
  93. package/components/virtualization/GridVirtualScroller.js +4 -6
  94. package/components/virtualization/GridVirtualScrollerContent.d.ts +1 -1
  95. package/components/virtualization/GridVirtualScrollerContent.js +4 -4
  96. package/components/virtualization/GridVirtualScrollerRenderZone.d.ts +1 -1
  97. package/components/virtualization/GridVirtualScrollerRenderZone.js +4 -6
  98. package/constants/defaultGridSlotsComponents.js +5 -54
  99. package/constants/localeTextConstants.js +1 -0
  100. package/hooks/core/useGridLocaleText.js +2 -4
  101. package/hooks/features/columnHeaders/useGridColumnHeaders.d.ts +22 -1
  102. package/hooks/features/columnHeaders/useGridColumnHeaders.js +19 -26
  103. package/hooks/features/columns/useGridColumns.d.ts +1 -1
  104. package/hooks/features/columns/useGridColumns.js +5 -5
  105. package/hooks/features/filter/useGridFilter.d.ts +1 -1
  106. package/hooks/features/filter/useGridFilter.js +5 -5
  107. package/hooks/features/statePersistence/gridStatePersistenceInterface.d.ts +2 -0
  108. package/hooks/features/virtualization/useGridVirtualScroller.js +36 -19
  109. package/index.d.ts +3 -0
  110. package/index.js +5 -1
  111. package/internals/index.d.ts +4 -1
  112. package/internals/index.js +3 -2
  113. package/internals/utils/computeSlots.d.ts +6 -0
  114. package/internals/utils/computeSlots.js +17 -0
  115. package/internals/utils/index.d.ts +2 -0
  116. package/internals/utils/index.js +2 -0
  117. package/internals/utils/slotsMigration.d.ts +4 -0
  118. package/internals/utils/slotsMigration.js +13 -0
  119. package/legacy/DataGrid/DataGrid.js +10 -2
  120. package/legacy/DataGrid/useDataGridProps.js +21 -20
  121. package/legacy/colDef/gridSingleSelectColDef.js +13 -4
  122. package/legacy/components/GridColumnHeaders.js +106 -0
  123. package/legacy/components/GridFooter.js +2 -2
  124. package/legacy/components/GridHeader.js +2 -2
  125. package/legacy/components/GridRow.js +47 -31
  126. package/legacy/components/GridRowCount.js +4 -6
  127. package/legacy/components/GridScrollArea.js +4 -3
  128. package/legacy/components/GridSelectedRowCount.js +4 -6
  129. package/legacy/components/base/GridBody.js +43 -5
  130. package/legacy/components/base/GridFooterPlaceholder.js +2 -2
  131. package/legacy/components/base/GridOverlays.js +7 -7
  132. package/legacy/components/cell/GridActionsCell.js +4 -4
  133. package/legacy/components/cell/GridActionsCellItem.js +3 -3
  134. package/legacy/components/cell/GridBooleanCell.js +2 -2
  135. package/legacy/components/cell/GridCell.js +14 -12
  136. package/legacy/components/cell/GridEditBooleanCell.js +3 -3
  137. package/legacy/components/cell/GridEditInputCell.js +3 -6
  138. package/legacy/components/cell/GridEditSingleSelectCell.js +40 -23
  139. package/legacy/components/columnHeaders/ColumnHeaderMenuIcon.js +4 -4
  140. package/legacy/components/columnHeaders/{GridColumnHeaders.js → GridBaseColumnHeaders.js} +14 -19
  141. package/legacy/components/columnHeaders/GridColumnHeaderFilterIconButton.js +6 -6
  142. package/legacy/components/columnHeaders/GridColumnHeaderItem.js +5 -5
  143. package/legacy/components/columnHeaders/GridColumnHeaderSeparator.js +1 -1
  144. package/legacy/components/columnHeaders/GridColumnHeaderSortIcon.js +7 -7
  145. package/legacy/components/columnHeaders/GridColumnHeaderTitle.js +12 -17
  146. package/legacy/components/columnHeaders/GridColumnHeadersInner.js +6 -6
  147. package/legacy/components/columnHeaders/GridIconButtonContainer.js +4 -6
  148. package/legacy/components/columnSelection/GridCellCheckboxRenderer.js +3 -3
  149. package/legacy/components/columnSelection/GridHeaderCheckbox.js +3 -3
  150. package/legacy/components/containers/GridFooterContainer.js +10 -15
  151. package/legacy/components/containers/GridMainContainer.js +3 -5
  152. package/legacy/components/containers/GridOverlay.js +12 -17
  153. package/legacy/components/containers/GridRoot.js +5 -6
  154. package/legacy/components/containers/GridRootStyles.js +7 -3
  155. package/legacy/components/containers/GridToolbarContainer.js +4 -6
  156. package/legacy/components/index.js +1 -1
  157. package/legacy/components/menu/GridMenu.js +5 -7
  158. package/legacy/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.js +1 -1
  159. package/legacy/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.js +1 -1
  160. package/legacy/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.js +1 -1
  161. package/legacy/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +2 -2
  162. package/legacy/components/panel/GridColumnsPanel.js +16 -20
  163. package/legacy/components/panel/GridPanel.js +4 -0
  164. package/legacy/components/panel/GridPanelContent.js +4 -6
  165. package/legacy/components/panel/GridPanelFooter.js +4 -6
  166. package/legacy/components/panel/GridPanelHeader.js +4 -6
  167. package/legacy/components/panel/GridPanelWrapper.js +3 -5
  168. package/legacy/components/panel/GridPreferencesPanel.js +4 -4
  169. package/legacy/components/panel/filterPanel/GridFilterForm.js +50 -45
  170. package/legacy/components/panel/filterPanel/GridFilterInputBoolean.js +14 -11
  171. package/legacy/components/panel/filterPanel/GridFilterInputDate.js +4 -5
  172. package/legacy/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js +32 -26
  173. package/legacy/components/panel/filterPanel/GridFilterInputMultipleValue.js +3 -3
  174. package/legacy/components/panel/filterPanel/GridFilterInputSingleSelect.js +52 -27
  175. package/legacy/components/panel/filterPanel/GridFilterInputValue.js +4 -5
  176. package/legacy/components/panel/filterPanel/GridFilterPanel.js +36 -10
  177. package/legacy/components/panel/filterPanel/filterPanelUtils.js +3 -9
  178. package/legacy/components/toolbar/GridToolbarColumnsButton.js +4 -4
  179. package/legacy/components/toolbar/GridToolbarDensitySelector.js +9 -9
  180. package/legacy/components/toolbar/GridToolbarExportContainer.js +4 -4
  181. package/legacy/components/toolbar/GridToolbarFilterButton.js +9 -11
  182. package/legacy/components/toolbar/GridToolbarQuickFilter.js +8 -7
  183. package/legacy/components/virtualization/GridVirtualScroller.js +4 -6
  184. package/legacy/components/virtualization/GridVirtualScrollerContent.js +4 -4
  185. package/legacy/components/virtualization/GridVirtualScrollerRenderZone.js +4 -6
  186. package/legacy/constants/defaultGridSlotsComponents.js +5 -54
  187. package/legacy/constants/localeTextConstants.js +1 -0
  188. package/legacy/hooks/core/useGridLocaleText.js +2 -4
  189. package/legacy/hooks/features/columnHeaders/useGridColumnHeaders.js +19 -26
  190. package/legacy/hooks/features/columns/useGridColumns.js +5 -5
  191. package/legacy/hooks/features/filter/useGridFilter.js +5 -5
  192. package/legacy/hooks/features/virtualization/useGridVirtualScroller.js +34 -17
  193. package/legacy/index.js +5 -1
  194. package/legacy/internals/index.js +3 -2
  195. package/legacy/internals/utils/computeSlots.js +16 -0
  196. package/legacy/internals/utils/index.js +2 -0
  197. package/legacy/internals/utils/slotsMigration.js +14 -0
  198. package/legacy/locales/arSD.js +15 -19
  199. package/legacy/locales/beBY.js +1 -0
  200. package/legacy/locales/bgBG.js +1 -0
  201. package/legacy/locales/csCZ.js +25 -32
  202. package/legacy/locales/daDK.js +1 -0
  203. package/legacy/locales/deDE.js +1 -0
  204. package/legacy/locales/elGR.js +1 -0
  205. package/legacy/locales/esES.js +2 -1
  206. package/legacy/locales/faIR.js +1 -0
  207. package/legacy/locales/fiFI.js +1 -0
  208. package/legacy/locales/frFR.js +1 -0
  209. package/legacy/locales/heIL.js +1 -0
  210. package/legacy/locales/huHU.js +1 -0
  211. package/legacy/locales/itIT.js +1 -0
  212. package/legacy/locales/jaJP.js +1 -0
  213. package/legacy/locales/koKR.js +1 -0
  214. package/legacy/locales/nbNO.js +1 -0
  215. package/legacy/locales/nlNL.js +1 -0
  216. package/legacy/locales/plPL.js +1 -0
  217. package/legacy/locales/ptBR.js +1 -0
  218. package/legacy/locales/roRO.js +1 -0
  219. package/legacy/locales/ruRU.js +1 -0
  220. package/legacy/locales/skSK.js +1 -0
  221. package/legacy/locales/svSE.js +1 -0
  222. package/legacy/locales/trTR.js +1 -0
  223. package/legacy/locales/ukUA.js +1 -0
  224. package/legacy/locales/urPK.js +1 -0
  225. package/legacy/locales/viVN.js +1 -0
  226. package/legacy/locales/zhCN.js +1 -0
  227. package/legacy/locales/zhTW.js +1 -0
  228. package/legacy/material/components/MUISelectOption.js +14 -0
  229. package/legacy/{components/columnHeaders → material/icons}/GridColumnUnsortedIcon.js +1 -1
  230. package/legacy/{components → material}/icons/index.js +7 -1
  231. package/legacy/material/index.js +65 -0
  232. package/legacy/models/gridFilterItem.js +2 -0
  233. package/legacy/models/params/gridRowParams.js +4 -0
  234. package/locales/arSD.js +15 -19
  235. package/locales/beBY.js +1 -0
  236. package/locales/bgBG.js +1 -0
  237. package/locales/csCZ.js +24 -31
  238. package/locales/daDK.js +1 -0
  239. package/locales/deDE.js +1 -0
  240. package/locales/elGR.js +1 -0
  241. package/locales/esES.js +2 -1
  242. package/locales/faIR.js +1 -0
  243. package/locales/fiFI.js +1 -0
  244. package/locales/frFR.js +1 -0
  245. package/locales/heIL.js +1 -0
  246. package/locales/huHU.js +1 -0
  247. package/locales/itIT.js +1 -0
  248. package/locales/jaJP.js +1 -0
  249. package/locales/koKR.js +1 -0
  250. package/locales/nbNO.js +1 -0
  251. package/locales/nlNL.js +1 -0
  252. package/locales/plPL.js +1 -0
  253. package/locales/ptBR.js +1 -0
  254. package/locales/roRO.js +1 -0
  255. package/locales/ruRU.js +1 -0
  256. package/locales/skSK.js +1 -0
  257. package/locales/svSE.js +1 -0
  258. package/locales/trTR.js +1 -0
  259. package/locales/ukUA.js +1 -0
  260. package/locales/urPK.js +1 -0
  261. package/locales/viVN.js +1 -0
  262. package/locales/zhCN.js +1 -0
  263. package/locales/zhTW.js +1 -0
  264. package/material/components/MUISelectOption.d.ts +3 -0
  265. package/material/components/MUISelectOption.js +16 -0
  266. package/{components/columnHeaders → material/icons}/GridColumnUnsortedIcon.js +1 -1
  267. package/{components → material}/icons/index.d.ts +6 -0
  268. package/{components → material}/icons/index.js +7 -1
  269. package/material/index.d.ts +57 -0
  270. package/material/index.js +65 -0
  271. package/material/package.json +6 -0
  272. package/models/api/gridLocaleTextApi.d.ts +1 -0
  273. package/models/colDef/gridColDef.d.ts +19 -1
  274. package/models/gridExport.d.ts +4 -0
  275. package/models/gridFilterItem.d.ts +2 -0
  276. package/models/gridFilterItem.js +2 -0
  277. package/models/gridFilterModel.d.ts +2 -0
  278. package/models/gridFilterOperator.d.ts +2 -0
  279. package/models/gridIconSlotsComponent.d.ts +22 -2
  280. package/models/gridSlotsComponent.d.ts +18 -1
  281. package/models/gridSlotsComponentsProps.d.ts +103 -23
  282. package/models/params/gridRowParams.d.ts +6 -0
  283. package/models/params/gridRowParams.js +4 -0
  284. package/models/props/DataGridProps.d.ts +13 -2
  285. package/modern/DataGrid/DataGrid.js +10 -2
  286. package/modern/DataGrid/useDataGridProps.js +21 -17
  287. package/modern/colDef/gridSingleSelectColDef.js +13 -4
  288. package/modern/components/GridColumnHeaders.js +108 -0
  289. package/modern/components/GridFooter.js +1 -1
  290. package/modern/components/GridHeader.js +1 -1
  291. package/modern/components/GridRow.js +49 -28
  292. package/modern/components/GridRowCount.js +4 -6
  293. package/modern/components/GridScrollArea.js +4 -3
  294. package/modern/components/GridSelectedRowCount.js +4 -6
  295. package/modern/components/base/GridBody.js +43 -5
  296. package/modern/components/base/GridFooterPlaceholder.js +1 -1
  297. package/modern/components/base/GridOverlays.js +4 -4
  298. package/modern/components/cell/GridActionsCell.js +3 -3
  299. package/modern/components/cell/GridActionsCellItem.js +2 -2
  300. package/modern/components/cell/GridBooleanCell.js +1 -1
  301. package/modern/components/cell/GridCell.js +14 -12
  302. package/modern/components/cell/GridEditBooleanCell.js +2 -2
  303. package/modern/components/cell/GridEditInputCell.js +3 -6
  304. package/modern/components/cell/GridEditSingleSelectCell.js +30 -15
  305. package/modern/components/columnHeaders/ColumnHeaderMenuIcon.js +3 -3
  306. package/{components/columnHeaders/GridColumnHeaders.js → modern/components/columnHeaders/GridBaseColumnHeaders.js} +14 -20
  307. package/modern/components/columnHeaders/GridColumnHeaderFilterIconButton.js +5 -5
  308. package/modern/components/columnHeaders/GridColumnHeaderItem.js +4 -4
  309. package/modern/components/columnHeaders/GridColumnHeaderSeparator.js +1 -1
  310. package/modern/components/columnHeaders/GridColumnHeaderSortIcon.js +6 -6
  311. package/modern/components/columnHeaders/GridColumnHeaderTitle.js +9 -13
  312. package/modern/components/columnHeaders/GridColumnHeadersInner.js +6 -6
  313. package/modern/components/columnHeaders/GridIconButtonContainer.js +4 -6
  314. package/modern/components/columnSelection/GridCellCheckboxRenderer.js +2 -2
  315. package/modern/components/columnSelection/GridHeaderCheckbox.js +2 -2
  316. package/modern/components/containers/GridFooterContainer.js +10 -15
  317. package/modern/components/containers/GridMainContainer.js +3 -5
  318. package/modern/components/containers/GridOverlay.js +7 -11
  319. package/modern/components/containers/GridRoot.js +4 -5
  320. package/modern/components/containers/GridRootStyles.js +7 -3
  321. package/modern/components/containers/GridToolbarContainer.js +4 -6
  322. package/modern/components/index.js +1 -1
  323. package/modern/components/menu/GridMenu.js +4 -6
  324. package/modern/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.js +1 -1
  325. package/modern/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.js +1 -1
  326. package/modern/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.js +1 -1
  327. package/modern/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +2 -2
  328. package/modern/components/panel/GridColumnsPanel.js +14 -16
  329. package/modern/components/panel/GridPanel.js +4 -0
  330. package/modern/components/panel/GridPanelContent.js +4 -6
  331. package/modern/components/panel/GridPanelFooter.js +4 -6
  332. package/modern/components/panel/GridPanelHeader.js +4 -6
  333. package/modern/components/panel/GridPanelWrapper.js +3 -5
  334. package/modern/components/panel/GridPreferencesPanel.js +3 -3
  335. package/modern/components/panel/filterPanel/GridFilterForm.js +49 -44
  336. package/modern/components/panel/filterPanel/GridFilterInputBoolean.js +13 -10
  337. package/modern/components/panel/filterPanel/GridFilterInputDate.js +3 -4
  338. package/modern/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js +24 -17
  339. package/modern/components/panel/filterPanel/GridFilterInputMultipleValue.js +2 -2
  340. package/modern/components/panel/filterPanel/GridFilterInputSingleSelect.js +52 -24
  341. package/modern/components/panel/filterPanel/GridFilterInputValue.js +3 -4
  342. package/modern/components/panel/filterPanel/GridFilterPanel.js +34 -10
  343. package/modern/components/panel/filterPanel/filterPanelUtils.js +3 -9
  344. package/modern/components/toolbar/GridToolbarColumnsButton.js +3 -3
  345. package/modern/components/toolbar/GridToolbarDensitySelector.js +8 -8
  346. package/modern/components/toolbar/GridToolbarExportContainer.js +3 -3
  347. package/modern/components/toolbar/GridToolbarFilterButton.js +8 -10
  348. package/modern/components/toolbar/GridToolbarQuickFilter.js +7 -6
  349. package/modern/components/virtualization/GridVirtualScroller.js +4 -6
  350. package/modern/components/virtualization/GridVirtualScrollerContent.js +4 -4
  351. package/modern/components/virtualization/GridVirtualScrollerRenderZone.js +4 -6
  352. package/modern/constants/defaultGridSlotsComponents.js +5 -54
  353. package/modern/constants/localeTextConstants.js +1 -0
  354. package/modern/hooks/core/useGridLocaleText.js +2 -4
  355. package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +19 -26
  356. package/modern/hooks/features/columns/useGridColumns.js +3 -3
  357. package/modern/hooks/features/filter/useGridFilter.js +3 -3
  358. package/modern/hooks/features/virtualization/useGridVirtualScroller.js +34 -18
  359. package/modern/index.js +5 -1
  360. package/modern/internals/index.js +3 -2
  361. package/modern/internals/utils/computeSlots.js +17 -0
  362. package/modern/internals/utils/index.js +2 -0
  363. package/modern/internals/utils/slotsMigration.js +13 -0
  364. package/modern/locales/arSD.js +15 -19
  365. package/modern/locales/beBY.js +1 -0
  366. package/modern/locales/bgBG.js +1 -0
  367. package/modern/locales/csCZ.js +24 -31
  368. package/modern/locales/daDK.js +1 -0
  369. package/modern/locales/deDE.js +1 -0
  370. package/modern/locales/elGR.js +1 -0
  371. package/modern/locales/esES.js +2 -1
  372. package/modern/locales/faIR.js +1 -0
  373. package/modern/locales/fiFI.js +1 -0
  374. package/modern/locales/frFR.js +1 -0
  375. package/modern/locales/heIL.js +1 -0
  376. package/modern/locales/huHU.js +1 -0
  377. package/modern/locales/itIT.js +1 -0
  378. package/modern/locales/jaJP.js +1 -0
  379. package/modern/locales/koKR.js +1 -0
  380. package/modern/locales/nbNO.js +1 -0
  381. package/modern/locales/nlNL.js +1 -0
  382. package/modern/locales/plPL.js +1 -0
  383. package/modern/locales/ptBR.js +1 -0
  384. package/modern/locales/roRO.js +1 -0
  385. package/modern/locales/ruRU.js +1 -0
  386. package/modern/locales/skSK.js +1 -0
  387. package/modern/locales/svSE.js +1 -0
  388. package/modern/locales/trTR.js +1 -0
  389. package/modern/locales/ukUA.js +1 -0
  390. package/modern/locales/urPK.js +1 -0
  391. package/modern/locales/viVN.js +1 -0
  392. package/modern/locales/zhCN.js +1 -0
  393. package/modern/locales/zhTW.js +1 -0
  394. package/modern/material/components/MUISelectOption.js +16 -0
  395. package/modern/{components/columnHeaders → material/icons}/GridColumnUnsortedIcon.js +1 -1
  396. package/modern/{components → material}/icons/index.js +7 -1
  397. package/modern/material/index.js +65 -0
  398. package/modern/models/gridFilterItem.js +2 -0
  399. package/modern/models/params/gridRowParams.js +4 -0
  400. package/node/DataGrid/DataGrid.js +10 -2
  401. package/node/DataGrid/useDataGridProps.js +21 -17
  402. package/node/colDef/gridSingleSelectColDef.js +12 -3
  403. package/node/components/GridColumnHeaders.js +116 -0
  404. package/node/components/GridFooter.js +1 -1
  405. package/node/components/GridHeader.js +1 -1
  406. package/node/components/GridRow.js +49 -28
  407. package/node/components/GridRowCount.js +5 -7
  408. package/node/components/GridScrollArea.js +5 -4
  409. package/node/components/GridSelectedRowCount.js +5 -7
  410. package/node/components/base/GridBody.js +43 -5
  411. package/node/components/base/GridFooterPlaceholder.js +1 -1
  412. package/node/components/base/GridOverlays.js +6 -6
  413. package/node/components/cell/GridActionsCell.js +3 -3
  414. package/node/components/cell/GridActionsCellItem.js +2 -2
  415. package/node/components/cell/GridBooleanCell.js +1 -1
  416. package/node/components/cell/GridCell.js +14 -11
  417. package/node/components/cell/GridEditBooleanCell.js +2 -2
  418. package/node/components/cell/GridEditInputCell.js +3 -6
  419. package/node/components/cell/GridEditSingleSelectCell.js +28 -14
  420. package/node/components/columnHeaders/ColumnHeaderMenuIcon.js +3 -3
  421. package/node/components/columnHeaders/{GridColumnHeaders.js → GridBaseColumnHeaders.js} +17 -23
  422. package/node/components/columnHeaders/GridColumnHeaderFilterIconButton.js +5 -5
  423. package/node/components/columnHeaders/GridColumnHeaderItem.js +4 -4
  424. package/node/components/columnHeaders/GridColumnHeaderSeparator.js +1 -1
  425. package/node/components/columnHeaders/GridColumnHeaderSortIcon.js +6 -6
  426. package/node/components/columnHeaders/GridColumnHeaderTitle.js +10 -14
  427. package/node/components/columnHeaders/GridColumnHeadersInner.js +7 -7
  428. package/node/components/columnHeaders/GridIconButtonContainer.js +5 -7
  429. package/node/components/columnSelection/GridCellCheckboxRenderer.js +2 -2
  430. package/node/components/columnSelection/GridHeaderCheckbox.js +2 -2
  431. package/node/components/containers/GridFooterContainer.js +11 -16
  432. package/node/components/containers/GridMainContainer.js +4 -6
  433. package/node/components/containers/GridOverlay.js +8 -12
  434. package/node/components/containers/GridRoot.js +4 -5
  435. package/node/components/containers/GridRootStyles.js +7 -3
  436. package/node/components/containers/GridToolbarContainer.js +5 -7
  437. package/node/components/index.js +1 -1
  438. package/node/components/menu/GridMenu.js +4 -6
  439. package/node/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.js +1 -1
  440. package/node/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.js +1 -1
  441. package/node/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.js +1 -1
  442. package/node/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +2 -2
  443. package/node/components/panel/GridColumnsPanel.js +14 -16
  444. package/node/components/panel/GridPanel.js +4 -0
  445. package/node/components/panel/GridPanelContent.js +5 -7
  446. package/node/components/panel/GridPanelFooter.js +5 -7
  447. package/node/components/panel/GridPanelHeader.js +5 -7
  448. package/node/components/panel/GridPanelWrapper.js +3 -5
  449. package/node/components/panel/GridPreferencesPanel.js +3 -3
  450. package/node/components/panel/filterPanel/GridFilterForm.js +48 -44
  451. package/node/components/panel/filterPanel/GridFilterInputBoolean.js +13 -10
  452. package/node/components/panel/filterPanel/GridFilterInputDate.js +3 -4
  453. package/node/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js +23 -16
  454. package/node/components/panel/filterPanel/GridFilterInputMultipleValue.js +2 -2
  455. package/node/components/panel/filterPanel/GridFilterInputSingleSelect.js +50 -23
  456. package/node/components/panel/filterPanel/GridFilterInputValue.js +3 -4
  457. package/node/components/panel/filterPanel/GridFilterPanel.js +34 -10
  458. package/node/components/panel/filterPanel/filterPanelUtils.js +3 -10
  459. package/node/components/toolbar/GridToolbarColumnsButton.js +3 -3
  460. package/node/components/toolbar/GridToolbarDensitySelector.js +8 -8
  461. package/node/components/toolbar/GridToolbarExportContainer.js +3 -3
  462. package/node/components/toolbar/GridToolbarFilterButton.js +8 -10
  463. package/node/components/toolbar/GridToolbarQuickFilter.js +7 -6
  464. package/node/components/virtualization/GridVirtualScroller.js +5 -7
  465. package/node/components/virtualization/GridVirtualScrollerContent.js +5 -5
  466. package/node/components/virtualization/GridVirtualScrollerRenderZone.js +5 -7
  467. package/node/constants/defaultGridSlotsComponents.js +4 -53
  468. package/node/constants/localeTextConstants.js +1 -0
  469. package/node/hooks/core/useGridLocaleText.js +2 -4
  470. package/node/hooks/features/columnHeaders/useGridColumnHeaders.js +21 -28
  471. package/node/hooks/features/columns/useGridColumns.js +3 -3
  472. package/node/hooks/features/filter/useGridFilter.js +3 -3
  473. package/node/hooks/features/virtualization/useGridVirtualScroller.js +33 -16
  474. package/node/index.js +9 -1
  475. package/node/internals/index.js +94 -4
  476. package/node/internals/utils/computeSlots.js +23 -0
  477. package/node/internals/utils/index.js +27 -0
  478. package/node/internals/utils/slotsMigration.js +21 -0
  479. package/node/locales/arSD.js +15 -19
  480. package/node/locales/beBY.js +1 -0
  481. package/node/locales/bgBG.js +1 -0
  482. package/node/locales/csCZ.js +24 -31
  483. package/node/locales/daDK.js +1 -0
  484. package/node/locales/deDE.js +1 -0
  485. package/node/locales/elGR.js +1 -0
  486. package/node/locales/esES.js +2 -1
  487. package/node/locales/faIR.js +1 -0
  488. package/node/locales/fiFI.js +1 -0
  489. package/node/locales/frFR.js +1 -0
  490. package/node/locales/heIL.js +1 -0
  491. package/node/locales/huHU.js +1 -0
  492. package/node/locales/itIT.js +1 -0
  493. package/node/locales/jaJP.js +1 -0
  494. package/node/locales/koKR.js +1 -0
  495. package/node/locales/nbNO.js +1 -0
  496. package/node/locales/nlNL.js +1 -0
  497. package/node/locales/plPL.js +1 -0
  498. package/node/locales/ptBR.js +1 -0
  499. package/node/locales/roRO.js +1 -0
  500. package/node/locales/ruRU.js +1 -0
  501. package/node/locales/skSK.js +1 -0
  502. package/node/locales/svSE.js +1 -0
  503. package/node/locales/trTR.js +1 -0
  504. package/node/locales/ukUA.js +1 -0
  505. package/node/locales/urPK.js +1 -0
  506. package/node/locales/viVN.js +1 -0
  507. package/node/locales/zhCN.js +1 -0
  508. package/node/locales/zhTW.js +1 -0
  509. package/node/{components/DataGridColumnHeaders.js → material/components/MUISelectOption.js} +13 -35
  510. package/node/{components/columnHeaders → material/icons}/GridColumnUnsortedIcon.js +1 -1
  511. package/node/{components → material}/icons/index.js +10 -2
  512. package/node/material/index.js +73 -0
  513. package/node/models/gridFilterItem.js +2 -0
  514. package/node/models/params/gridRowParams.js +4 -0
  515. package/package.json +1 -1
  516. package/components/DataGridColumnHeaders.d.ts +0 -6
  517. package/components/DataGridColumnHeaders.js +0 -38
  518. package/components/columnHeaders/GridColumnHeaders.d.ts +0 -7
  519. package/legacy/components/DataGridColumnHeaders.js +0 -36
  520. package/modern/components/DataGridColumnHeaders.js +0 -38
  521. /package/{components/columnHeaders → material/icons}/GridColumnUnsortedIcon.d.ts +0 -0
@@ -45,6 +45,7 @@ const daDKGrid = {
45
45
  columnsPanelHideAllButton: 'Skjul alle',
46
46
  // Filter panel text
47
47
  filterPanelAddFilter: 'Tilføj filter',
48
+ // filterPanelRemoveAll: 'Remove all',
48
49
  filterPanelDeleteIconLabel: 'Slet',
49
50
  filterPanelLogicOperator: 'Logisk operator',
50
51
  filterPanelOperator: 'Operatorer',
@@ -43,6 +43,7 @@ const deDEGrid = {
43
43
  columnsPanelHideAllButton: 'Verberge alle',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'Filter hinzufügen',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'Löschen',
47
48
  filterPanelLogicOperator: 'Logische Operatoren',
48
49
  filterPanelOperator: 'Operatoren',
@@ -44,6 +44,7 @@ const elGRGrid = {
44
44
  columnsPanelHideAllButton: 'Απόκρυψη όλων',
45
45
  // Filter panel text
46
46
  filterPanelAddFilter: 'Προσθήκη φίλτρου',
47
+ // filterPanelRemoveAll: 'Remove all',
47
48
  filterPanelDeleteIconLabel: 'Διαγραφή',
48
49
  // filterPanelLogicOperator: 'Logic operator',
49
50
  filterPanelOperator: 'Τελεστές',
@@ -38,11 +38,12 @@ const esESGrid = {
38
38
  // Columns panel text
39
39
  columnsPanelTextFieldLabel: 'Columna de búsqueda',
40
40
  columnsPanelTextFieldPlaceholder: 'Título de columna',
41
- columnsPanelDragIconLabel: 'Reorder columna',
41
+ columnsPanelDragIconLabel: 'Reordenar columna',
42
42
  columnsPanelShowAllButton: 'Mostrar todo',
43
43
  columnsPanelHideAllButton: 'Ocultar todo',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'Agregar filtro',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'Borrar',
47
48
  filterPanelLogicOperator: 'Operador lógico',
48
49
  filterPanelOperator: 'Operadores',
@@ -43,6 +43,7 @@ const faIRGrid = {
43
43
  columnsPanelHideAllButton: 'مخفی همه',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'افزودن فیلتر',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'حذف',
47
48
  filterPanelLogicOperator: 'عملگر منطقی',
48
49
  filterPanelOperator: 'عملگرها',
@@ -43,6 +43,7 @@ const fiFIGrid = {
43
43
  columnsPanelHideAllButton: 'Piilota kaikki',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'Lisää suodatin',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'Poista',
47
48
  filterPanelLogicOperator: 'Logiikkaoperaattori',
48
49
  filterPanelOperator: 'Operaattorit',
@@ -43,6 +43,7 @@ const frFRGrid = {
43
43
  columnsPanelHideAllButton: 'Tout cacher',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'Ajouter un filtre',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'Supprimer',
47
48
  filterPanelLogicOperator: 'Opérateur logique',
48
49
  filterPanelOperator: 'Opérateur',
@@ -43,6 +43,7 @@ const heILGrid = {
43
43
  columnsPanelHideAllButton: 'הסתר הכל',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'הוסף מסנן',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'מחק',
47
48
  filterPanelLogicOperator: 'אופרטור לוגי',
48
49
  filterPanelOperator: 'אופרטור',
@@ -45,6 +45,7 @@ const huHUGrid = {
45
45
  columnsPanelHideAllButton: 'Összes elrejtése',
46
46
  // Filter panel text
47
47
  filterPanelAddFilter: 'Szűrő hozzáadása',
48
+ // filterPanelRemoveAll: 'Remove all',
48
49
  filterPanelDeleteIconLabel: 'Törlés',
49
50
  filterPanelLogicOperator: 'Logikai operátor',
50
51
  filterPanelOperator: 'Operátorok',
@@ -43,6 +43,7 @@ const itITGrid = {
43
43
  columnsPanelHideAllButton: 'Nascondi tutto',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'Aggiungi un filtro',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'Rimuovi',
47
48
  filterPanelLogicOperator: 'Operatore logico',
48
49
  filterPanelOperator: 'Operatori',
@@ -43,6 +43,7 @@ const jaJPGrid = {
43
43
  columnsPanelHideAllButton: 'すべて非表示',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'フィルター追加',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: '削除',
47
48
  filterPanelLogicOperator: '論理演算子',
48
49
  filterPanelOperator: '演算子',
@@ -43,6 +43,7 @@ const koKRGrid = {
43
43
  columnsPanelHideAllButton: '모두 숨기기',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: '필터 추가',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: '삭제',
47
48
  filterPanelLogicOperator: '논리 연산자',
48
49
  filterPanelOperator: '연산자',
@@ -43,6 +43,7 @@ const nbNOGrid = {
43
43
  columnsPanelHideAllButton: 'Skjul alle',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'Legg til filter',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'Slett',
47
48
  filterPanelLogicOperator: 'Logisk operator',
48
49
  filterPanelOperator: 'Operatører',
@@ -43,6 +43,7 @@ const nlNLGrid = {
43
43
  columnsPanelHideAllButton: 'Alles verbergen',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'Filter toevoegen',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'Verwijderen',
47
48
  filterPanelLogicOperator: 'Logische operator',
48
49
  filterPanelOperator: 'Operatoren',
@@ -43,6 +43,7 @@ const plPLGrid = {
43
43
  columnsPanelHideAllButton: 'Ukryj wszystko',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'Dodaj filtr',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'Usuń',
47
48
  filterPanelLogicOperator: 'Operator logiczny',
48
49
  filterPanelOperator: 'Operator',
@@ -43,6 +43,7 @@ const ptBRGrid = {
43
43
  columnsPanelHideAllButton: 'Ocultar todas',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'Adicionar filtro',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'Excluir',
47
48
  filterPanelLogicOperator: 'Operador lógico',
48
49
  filterPanelOperator: 'Operador',
@@ -43,6 +43,7 @@ const roROGrid = {
43
43
  columnsPanelHideAllButton: 'Ascunde tot',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'Adăugare filtru',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'Ștergere',
47
48
  filterPanelLogicOperator: 'Operatori logici',
48
49
  filterPanelOperator: 'Operatori',
@@ -52,6 +52,7 @@ const ruRUGrid = {
52
52
  columnsPanelHideAllButton: 'Скрыть все',
53
53
  // Filter panel text
54
54
  filterPanelAddFilter: 'Добавить фильтр',
55
+ // filterPanelRemoveAll: 'Remove all',
55
56
  filterPanelDeleteIconLabel: 'Удалить',
56
57
  filterPanelLogicOperator: 'Логические операторы',
57
58
  filterPanelOperator: 'Операторы',
@@ -51,6 +51,7 @@ const skSKGrid = {
51
51
  columnsPanelHideAllButton: 'Skryť všetko',
52
52
  // Filter panel text
53
53
  filterPanelAddFilter: 'Pridať filter',
54
+ // filterPanelRemoveAll: 'Remove all',
54
55
  filterPanelDeleteIconLabel: 'Odstrániť',
55
56
  filterPanelLogicOperator: 'Logický operátor',
56
57
  filterPanelOperator: 'Operátory',
@@ -43,6 +43,7 @@ const svSEGrid = {
43
43
  columnsPanelHideAllButton: 'Dölj alla',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'Lägg till filter',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'Ta bort',
47
48
  filterPanelLogicOperator: 'Logisk operatör',
48
49
  filterPanelOperator: 'Operatör',
@@ -43,6 +43,7 @@ const trTRGrid = {
43
43
  columnsPanelHideAllButton: 'Hepsini gizle',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'Filtre Ekle',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'Kaldır',
47
48
  filterPanelLogicOperator: 'Mantıksal operatörler',
48
49
  filterPanelOperator: 'Operatör',
@@ -57,6 +57,7 @@ const ukUAGrid = {
57
57
  columnsPanelHideAllButton: 'Приховати всі',
58
58
  // Filter panel text
59
59
  filterPanelAddFilter: 'Додати фільтр',
60
+ // filterPanelRemoveAll: 'Remove all',
60
61
  filterPanelDeleteIconLabel: 'Видалити',
61
62
  filterPanelLogicOperator: 'Логічна функція',
62
63
  filterPanelOperator: 'Оператори',
@@ -43,6 +43,7 @@ const urPKGrid = {
43
43
  columnsPanelHideAllButton: 'سارے چھپائیں',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'نیا فلٹر',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'ختم کریں',
47
48
  filterPanelLogicOperator: 'لاجک آپریٹر',
48
49
  filterPanelOperator: 'آپریٹر',
@@ -43,6 +43,7 @@ const viVNGrid = {
43
43
  columnsPanelHideAllButton: 'Ẩn tất cả',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: 'Thêm bộ lọc',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: 'Xóa',
47
48
  filterPanelLogicOperator: 'Toán tử logic',
48
49
  filterPanelOperator: 'Toán tử',
@@ -43,6 +43,7 @@ const zhCNGrid = {
43
43
  columnsPanelHideAllButton: '隐藏所有',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: '添加筛选器',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: '删除',
47
48
  filterPanelLogicOperator: '逻辑操作器',
48
49
  filterPanelOperator: '操作器',
@@ -43,6 +43,7 @@ const zhTWGrid = {
43
43
  columnsPanelHideAllButton: '隱藏所有',
44
44
  // Filter panel text
45
45
  filterPanelAddFilter: '增加篩選器',
46
+ // filterPanelRemoveAll: 'Remove all',
46
47
  filterPanelDeleteIconLabel: '刪除',
47
48
  filterPanelLogicOperator: '邏輯運算子',
48
49
  filterPanelOperator: '運算子',
@@ -4,44 +4,22 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.DataGridColumnHeaders = void 0;
7
+ exports.default = MUISelectOption;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
10
  var React = _interopRequireWildcard(require("react"));
11
- var _useGridColumnHeaders = require("../hooks/features/columnHeaders/useGridColumnHeaders");
12
- var _GridScrollArea = require("./GridScrollArea");
13
- var _GridColumnHeaders = require("./columnHeaders/GridColumnHeaders");
14
- var _GridColumnHeadersInner = require("./columnHeaders/GridColumnHeadersInner");
11
+ var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
15
12
  var _jsxRuntime = require("react/jsx-runtime");
16
- const _excluded = ["innerRef", "className"];
13
+ const _excluded = ["native"];
17
14
  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); }
18
15
  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; }
19
- const DataGridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnsHeader(props, ref) {
20
- const {
21
- innerRef
22
- } = props,
23
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
24
- const {
25
- isDragging,
26
- getRootProps,
27
- getInnerProps,
28
- getColumnHeaders,
29
- getColumnGroupHeaders
30
- } = (0, _useGridColumnHeaders.useGridColumnHeaders)({
31
- innerRef
32
- });
33
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_GridColumnHeaders.GridColumnHeaders, (0, _extends2.default)({
34
- ref: ref
35
- }, getRootProps(other), {
36
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GridScrollArea.GridScrollArea, {
37
- scrollDirection: "left"
38
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_GridColumnHeadersInner.GridColumnHeadersInner, (0, _extends2.default)({
39
- isDragging: isDragging
40
- }, getInnerProps(), {
41
- children: [getColumnGroupHeaders(), getColumnHeaders()]
42
- })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridScrollArea.GridScrollArea, {
43
- scrollDirection: "right"
44
- })]
45
- }));
46
- });
47
- exports.DataGridColumnHeaders = DataGridColumnHeaders;
16
+ function MUISelectOption(_ref) {
17
+ let {
18
+ native
19
+ } = _ref,
20
+ props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
21
+ if (native) {
22
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", (0, _extends2.default)({}, props));
23
+ }
24
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, (0, _extends2.default)({}, props));
25
+ }
@@ -20,7 +20,7 @@ const GridColumnUnsortedIcon = /*#__PURE__*/React.memo(function GridColumnHeader
20
20
  other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
21
21
  const rootProps = (0, _useGridRootProps.useGridRootProps)();
22
22
  const [nextSortDirection] = sortingOrder;
23
- const Icon = nextSortDirection === 'asc' ? rootProps.components.ColumnSortedAscendingIcon : rootProps.components.ColumnSortedDescendingIcon;
23
+ const Icon = nextSortDirection === 'asc' ? rootProps.slots.columnSortedAscendingIcon : rootProps.slots.columnSortedDescendingIcon;
24
24
  return Icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, (0, _extends2.default)({}, other)) : null;
25
25
  });
26
26
  exports.GridColumnUnsortedIcon = GridColumnUnsortedIcon;
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.GridVisibilityOffIcon = exports.GridViewStreamIcon = exports.GridViewHeadlineIcon = exports.GridViewColumnIcon = exports.GridTripleDotsVerticalIcon = exports.GridTableRowsIcon = exports.GridSeparatorIcon = exports.GridSearchIcon = exports.GridSaveAltIcon = exports.GridRemoveIcon = exports.GridMoreVertIcon = exports.GridMenuIcon = exports.GridLoadIcon = exports.GridKeyboardArrowRight = exports.GridFilterListIcon = exports.GridFilterAltIcon = exports.GridExpandMoreIcon = exports.GridDragIcon = exports.GridColumnIcon = exports.GridCloseIcon = exports.GridClearIcon = exports.GridCheckIcon = exports.GridCheckCircleIcon = exports.GridArrowUpwardIcon = exports.GridArrowDownwardIcon = exports.GridAddIcon = void 0;
6
+ exports.GridVisibilityOffIcon = exports.GridViewStreamIcon = exports.GridViewHeadlineIcon = exports.GridViewColumnIcon = exports.GridTripleDotsVerticalIcon = exports.GridTableRowsIcon = exports.GridSeparatorIcon = exports.GridSearchIcon = exports.GridSaveAltIcon = exports.GridRemoveIcon = exports.GridMoreVertIcon = exports.GridMenuIcon = exports.GridLoadIcon = exports.GridKeyboardArrowRight = exports.GridFilterListIcon = exports.GridFilterAltIcon = exports.GridExpandMoreIcon = exports.GridDragIcon = exports.GridDeleteIcon = exports.GridDeleteForeverIcon = exports.GridColumnIcon = exports.GridCloseIcon = exports.GridClearIcon = exports.GridCheckIcon = exports.GridCheckCircleIcon = exports.GridArrowUpwardIcon = exports.GridArrowDownwardIcon = exports.GridAddIcon = void 0;
7
7
  var React = _interopRequireWildcard(require("react"));
8
8
  var _utils = require("@mui/material/utils");
9
9
  var _jsxRuntime = require("react/jsx-runtime");
@@ -114,4 +114,12 @@ exports.GridViewColumnIcon = GridViewColumnIcon;
114
114
  const GridClearIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
115
115
  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
116
116
  }), 'Clear');
117
- exports.GridClearIcon = GridClearIcon;
117
+ exports.GridClearIcon = GridClearIcon;
118
+ const GridDeleteIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
119
+ d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
120
+ }), 'Delete');
121
+ exports.GridDeleteIcon = GridDeleteIcon;
122
+ const GridDeleteForeverIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
123
+ d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"
124
+ }), 'Delete');
125
+ exports.GridDeleteForeverIcon = GridDeleteForeverIcon;
@@ -0,0 +1,73 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+ var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
10
+ var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
11
+ var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
12
+ var _Select = _interopRequireDefault(require("@mui/material/Select"));
13
+ var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
14
+ var _Button = _interopRequireDefault(require("@mui/material/Button"));
15
+ var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
16
+ var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
17
+ var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
18
+ var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
19
+ var _GridColumnUnsortedIcon = require("./icons/GridColumnUnsortedIcon");
20
+ var _icons = require("./icons");
21
+ var _MUISelectOption = _interopRequireDefault(require("./components/MUISelectOption"));
22
+ const iconSlots = {
23
+ BooleanCellTrueIcon: _icons.GridCheckIcon,
24
+ BooleanCellFalseIcon: _icons.GridCloseIcon,
25
+ ColumnMenuIcon: _icons.GridTripleDotsVerticalIcon,
26
+ OpenFilterButtonIcon: _icons.GridFilterListIcon,
27
+ FilterPanelDeleteIcon: _icons.GridCloseIcon,
28
+ ColumnFilteredIcon: _icons.GridFilterAltIcon,
29
+ ColumnSelectorIcon: _icons.GridColumnIcon,
30
+ ColumnUnsortedIcon: _GridColumnUnsortedIcon.GridColumnUnsortedIcon,
31
+ ColumnSortedAscendingIcon: _icons.GridArrowUpwardIcon,
32
+ ColumnSortedDescendingIcon: _icons.GridArrowDownwardIcon,
33
+ ColumnResizeIcon: _icons.GridSeparatorIcon,
34
+ DensityCompactIcon: _icons.GridViewHeadlineIcon,
35
+ DensityStandardIcon: _icons.GridTableRowsIcon,
36
+ DensityComfortableIcon: _icons.GridViewStreamIcon,
37
+ ExportIcon: _icons.GridSaveAltIcon,
38
+ MoreActionsIcon: _icons.GridMoreVertIcon,
39
+ TreeDataCollapseIcon: _icons.GridExpandMoreIcon,
40
+ TreeDataExpandIcon: _icons.GridKeyboardArrowRight,
41
+ GroupingCriteriaCollapseIcon: _icons.GridExpandMoreIcon,
42
+ GroupingCriteriaExpandIcon: _icons.GridKeyboardArrowRight,
43
+ DetailPanelExpandIcon: _icons.GridAddIcon,
44
+ DetailPanelCollapseIcon: _icons.GridRemoveIcon,
45
+ RowReorderIcon: _icons.GridDragIcon,
46
+ QuickFilterIcon: _icons.GridSearchIcon,
47
+ QuickFilterClearIcon: _icons.GridCloseIcon,
48
+ ColumnMenuHideIcon: _icons.GridVisibilityOffIcon,
49
+ ColumnMenuSortAscendingIcon: _icons.GridArrowUpwardIcon,
50
+ ColumnMenuSortDescendingIcon: _icons.GridArrowDownwardIcon,
51
+ ColumnMenuFilterIcon: _icons.GridFilterAltIcon,
52
+ ColumnMenuManageColumnsIcon: _icons.GridViewColumnIcon,
53
+ ColumnMenuClearIcon: _icons.GridClearIcon,
54
+ LoadIcon: _icons.GridLoadIcon,
55
+ FilterPanelAddIcon: _icons.GridAddIcon,
56
+ FilterPanelRemoveAllIcon: _icons.GridDeleteForeverIcon,
57
+ ColumnReorderIcon: _icons.GridDragIcon
58
+ };
59
+ const materialSlots = (0, _extends2.default)({}, iconSlots, {
60
+ BaseCheckbox: _Checkbox.default,
61
+ BaseTextField: _TextField.default,
62
+ BaseFormControl: _FormControl.default,
63
+ BaseSelect: _Select.default,
64
+ BaseSwitch: _Switch.default,
65
+ BaseButton: _Button.default,
66
+ BaseIconButton: _IconButton.default,
67
+ BaseTooltip: _Tooltip.default,
68
+ BasePopper: _Popper.default,
69
+ BaseInputLabel: _InputLabel.default,
70
+ BaseSelectOption: _MUISelectOption.default
71
+ });
72
+ var _default = materialSlots;
73
+ exports.default = _default;
@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.GridLogicOperator = void 0;
7
7
  /**
8
8
  * Filter item definition interface.
9
+ * @demos
10
+ * - [Custom filter operator](/x/react-data-grid/filtering/#create-a-custom-operator)
9
11
  */
10
12
  var GridLogicOperator;
11
13
  exports.GridLogicOperator = GridLogicOperator;
@@ -6,9 +6,13 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.GridRowEditStopReasons = exports.GridRowEditStartReasons = void 0;
7
7
  /**
8
8
  * Object passed as parameter in the row callbacks.
9
+ * @demos
10
+ * - [Master detail](/x/react-data-grid/master-detail/)
9
11
  */
10
12
  /**
11
13
  * Object passed as parameter in the row `getRowClassName` callback prop.
14
+ * @demos
15
+ * - [Styling rows](/x/react-data-grid/style/#styling-rows)
12
16
  */
13
17
  /**
14
18
  * Object passed as parameter in the row `getRowHeight` callback prop.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-data-grid",
3
- "version": "6.0.0-beta.4",
3
+ "version": "6.0.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",
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
- interface DataGridColumnHeadersProps extends React.HTMLAttributes<HTMLDivElement> {
3
- innerRef?: React.Ref<HTMLDivElement>;
4
- }
5
- export declare const DataGridColumnHeaders: React.ForwardRefExoticComponent<DataGridColumnHeadersProps & React.RefAttributes<HTMLDivElement>>;
6
- export {};
@@ -1,38 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
- const _excluded = ["innerRef", "className"];
4
- import * as React from 'react';
5
- import { useGridColumnHeaders } from '../hooks/features/columnHeaders/useGridColumnHeaders';
6
- import { GridScrollArea } from './GridScrollArea';
7
- import { GridColumnHeaders } from './columnHeaders/GridColumnHeaders';
8
- import { GridColumnHeadersInner } from './columnHeaders/GridColumnHeadersInner';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- import { jsxs as _jsxs } from "react/jsx-runtime";
11
- export const DataGridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnsHeader(props, ref) {
12
- const {
13
- innerRef
14
- } = props,
15
- other = _objectWithoutPropertiesLoose(props, _excluded);
16
- const {
17
- isDragging,
18
- getRootProps,
19
- getInnerProps,
20
- getColumnHeaders,
21
- getColumnGroupHeaders
22
- } = useGridColumnHeaders({
23
- innerRef
24
- });
25
- return /*#__PURE__*/_jsxs(GridColumnHeaders, _extends({
26
- ref: ref
27
- }, getRootProps(other), {
28
- children: [/*#__PURE__*/_jsx(GridScrollArea, {
29
- scrollDirection: "left"
30
- }), /*#__PURE__*/_jsxs(GridColumnHeadersInner, _extends({
31
- isDragging: isDragging
32
- }, getInnerProps(), {
33
- children: [getColumnGroupHeaders(), getColumnHeaders()]
34
- })), /*#__PURE__*/_jsx(GridScrollArea, {
35
- scrollDirection: "right"
36
- })]
37
- }));
38
- });
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- import { SxProps, Theme } from '@mui/material/styles';
3
- interface GridColumnHeadersProps extends React.HTMLAttributes<HTMLDivElement> {
4
- sx?: SxProps<Theme>;
5
- }
6
- export declare const GridColumnHeaders: React.ForwardRefExoticComponent<GridColumnHeadersProps & React.RefAttributes<HTMLDivElement>>;
7
- export {};
@@ -1,36 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["innerRef", "className"];
4
- import * as React from 'react';
5
- import { useGridColumnHeaders } from '../hooks/features/columnHeaders/useGridColumnHeaders';
6
- import { GridScrollArea } from './GridScrollArea';
7
- import { GridColumnHeaders } from './columnHeaders/GridColumnHeaders';
8
- import { GridColumnHeadersInner } from './columnHeaders/GridColumnHeadersInner';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- import { jsxs as _jsxs } from "react/jsx-runtime";
11
- export var DataGridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnsHeader(props, ref) {
12
- var innerRef = props.innerRef,
13
- className = props.className,
14
- other = _objectWithoutProperties(props, _excluded);
15
- var _useGridColumnHeaders = useGridColumnHeaders({
16
- innerRef: innerRef
17
- }),
18
- isDragging = _useGridColumnHeaders.isDragging,
19
- getRootProps = _useGridColumnHeaders.getRootProps,
20
- getInnerProps = _useGridColumnHeaders.getInnerProps,
21
- getColumnHeaders = _useGridColumnHeaders.getColumnHeaders,
22
- getColumnGroupHeaders = _useGridColumnHeaders.getColumnGroupHeaders;
23
- return /*#__PURE__*/_jsxs(GridColumnHeaders, _extends({
24
- ref: ref
25
- }, getRootProps(other), {
26
- children: [/*#__PURE__*/_jsx(GridScrollArea, {
27
- scrollDirection: "left"
28
- }), /*#__PURE__*/_jsxs(GridColumnHeadersInner, _extends({
29
- isDragging: isDragging
30
- }, getInnerProps(), {
31
- children: [getColumnGroupHeaders(), getColumnHeaders()]
32
- })), /*#__PURE__*/_jsx(GridScrollArea, {
33
- scrollDirection: "right"
34
- })]
35
- }));
36
- });
@@ -1,38 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
- const _excluded = ["innerRef", "className"];
4
- import * as React from 'react';
5
- import { useGridColumnHeaders } from '../hooks/features/columnHeaders/useGridColumnHeaders';
6
- import { GridScrollArea } from './GridScrollArea';
7
- import { GridColumnHeaders } from './columnHeaders/GridColumnHeaders';
8
- import { GridColumnHeadersInner } from './columnHeaders/GridColumnHeadersInner';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- import { jsxs as _jsxs } from "react/jsx-runtime";
11
- export const DataGridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnsHeader(props, ref) {
12
- const {
13
- innerRef
14
- } = props,
15
- other = _objectWithoutPropertiesLoose(props, _excluded);
16
- const {
17
- isDragging,
18
- getRootProps,
19
- getInnerProps,
20
- getColumnHeaders,
21
- getColumnGroupHeaders
22
- } = useGridColumnHeaders({
23
- innerRef
24
- });
25
- return /*#__PURE__*/_jsxs(GridColumnHeaders, _extends({
26
- ref: ref
27
- }, getRootProps(other), {
28
- children: [/*#__PURE__*/_jsx(GridScrollArea, {
29
- scrollDirection: "left"
30
- }), /*#__PURE__*/_jsxs(GridColumnHeadersInner, _extends({
31
- isDragging: isDragging
32
- }, getInnerProps(), {
33
- children: [getColumnGroupHeaders(), getColumnHeaders()]
34
- })), /*#__PURE__*/_jsx(GridScrollArea, {
35
- scrollDirection: "right"
36
- })]
37
- }));
38
- });