@mui/x-data-grid 6.16.0 → 6.16.2

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 (200) hide show
  1. package/CHANGELOG.md +165 -1
  2. package/DataGrid/DataGrid.d.ts +7 -0
  3. package/DataGrid/DataGrid.js +8 -1
  4. package/colDef/gridDateColDef.js +0 -4
  5. package/components/GridRow.js +7 -3
  6. package/components/cell/GridCell.js +7 -3
  7. package/components/containers/GridRootStyles.js +13 -0
  8. package/components/panel/filterPanel/GridFilterForm.d.ts +7 -0
  9. package/components/panel/filterPanel/GridFilterForm.js +8 -0
  10. package/components/panel/filterPanel/GridFilterPanel.d.ts +7 -0
  11. package/components/panel/filterPanel/GridFilterPanel.js +8 -0
  12. package/components/toolbar/GridToolbarQuickFilter.d.ts +8 -0
  13. package/components/toolbar/GridToolbarQuickFilter.js +9 -0
  14. package/components/virtualization/GridVirtualScroller.js +3 -1
  15. package/constants/gridClasses.d.ts +8 -0
  16. package/constants/gridClasses.js +1 -1
  17. package/hooks/features/columnGrouping/gridColumnGroupsUtils.d.ts +4 -1
  18. package/hooks/features/columnGrouping/gridColumnGroupsUtils.js +13 -2
  19. package/hooks/features/columnGrouping/useGridColumnGrouping.js +12 -6
  20. package/hooks/features/columns/gridColumnsInterfaces.d.ts +1 -2
  21. package/hooks/features/columns/gridColumnsUtils.js +0 -1
  22. package/hooks/features/filter/gridFilterUtils.js +4 -4
  23. package/hooks/features/virtualization/useGridVirtualScroller.js +8 -2
  24. package/index.js +1 -1
  25. package/legacy/DataGrid/DataGrid.js +8 -1
  26. package/legacy/colDef/gridDateColDef.js +0 -4
  27. package/legacy/components/GridRow.js +6 -2
  28. package/legacy/components/cell/GridCell.js +7 -3
  29. package/legacy/components/containers/GridRootStyles.js +15 -9
  30. package/legacy/components/panel/filterPanel/GridFilterForm.js +8 -0
  31. package/legacy/components/panel/filterPanel/GridFilterPanel.js +8 -0
  32. package/legacy/components/toolbar/GridToolbarQuickFilter.js +9 -0
  33. package/legacy/components/virtualization/GridVirtualScroller.js +3 -1
  34. package/legacy/constants/gridClasses.js +1 -1
  35. package/legacy/hooks/features/columnGrouping/gridColumnGroupsUtils.js +13 -2
  36. package/legacy/hooks/features/columnGrouping/useGridColumnGrouping.js +12 -6
  37. package/legacy/hooks/features/columns/gridColumnsUtils.js +0 -1
  38. package/legacy/hooks/features/filter/gridFilterUtils.js +4 -4
  39. package/legacy/hooks/features/virtualization/useGridVirtualScroller.js +8 -2
  40. package/legacy/index.js +1 -1
  41. package/legacy/locales/arSD.js +26 -28
  42. package/legacy/locales/roRO.js +1 -1
  43. package/locales/arSD.js +26 -28
  44. package/locales/roRO.js +1 -1
  45. package/models/events/gridEventLookup.d.ts +14 -0
  46. package/models/props/DataGridProps.d.ts +1 -1
  47. package/modern/DataGrid/DataGrid.js +8 -1
  48. package/modern/colDef/gridDateColDef.js +0 -4
  49. package/modern/components/GridRow.js +7 -3
  50. package/modern/components/cell/GridCell.js +6 -2
  51. package/modern/components/containers/GridRootStyles.js +13 -0
  52. package/modern/components/panel/filterPanel/GridFilterForm.js +8 -0
  53. package/modern/components/panel/filterPanel/GridFilterPanel.js +8 -0
  54. package/modern/components/toolbar/GridToolbarQuickFilter.js +9 -0
  55. package/modern/components/virtualization/GridVirtualScroller.js +3 -1
  56. package/modern/constants/gridClasses.js +1 -1
  57. package/modern/hooks/features/columnGrouping/gridColumnGroupsUtils.js +13 -2
  58. package/modern/hooks/features/columnGrouping/useGridColumnGrouping.js +10 -3
  59. package/modern/hooks/features/columns/gridColumnsUtils.js +0 -1
  60. package/modern/hooks/features/filter/gridFilterUtils.js +4 -4
  61. package/modern/hooks/features/virtualization/useGridVirtualScroller.js +8 -2
  62. package/modern/index.js +1 -1
  63. package/modern/locales/arSD.js +26 -28
  64. package/modern/locales/roRO.js +1 -1
  65. package/node/DataGrid/DataGrid.js +11 -7
  66. package/node/DataGrid/useDataGridProps.js +1 -2
  67. package/node/colDef/gridActionsColDef.js +3 -5
  68. package/node/colDef/gridBooleanColDef.js +2 -3
  69. package/node/colDef/gridCheckboxSelectionColDef.js +3 -5
  70. package/node/colDef/gridDateColDef.js +3 -9
  71. package/node/colDef/gridDefaultColumnTypes.js +1 -2
  72. package/node/colDef/gridNumericColDef.js +2 -3
  73. package/node/colDef/gridNumericOperators.js +1 -2
  74. package/node/colDef/gridSingleSelectColDef.js +2 -3
  75. package/node/colDef/gridStringColDef.js +2 -3
  76. package/node/colDef/gridStringOperators.js +1 -2
  77. package/node/colDef/utils.js +1 -2
  78. package/node/components/DataGridVirtualScroller.js +2 -3
  79. package/node/components/GridApiContext.js +1 -2
  80. package/node/components/GridColumnHeaders.js +1 -2
  81. package/node/components/GridFooter.js +1 -2
  82. package/node/components/GridLoadingOverlay.js +1 -2
  83. package/node/components/GridNoResultsOverlay.js +2 -3
  84. package/node/components/GridNoRowsOverlay.js +1 -2
  85. package/node/components/GridPagination.js +2 -3
  86. package/node/components/GridRow.js +8 -5
  87. package/node/components/GridRowCount.js +1 -2
  88. package/node/components/GridSelectedRowCount.js +1 -2
  89. package/node/components/cell/GridActionsCellItem.js +1 -2
  90. package/node/components/cell/GridBooleanCell.js +1 -2
  91. package/node/components/cell/GridCell.js +9 -8
  92. package/node/components/cell/GridEditInputCell.js +1 -2
  93. package/node/components/cell/GridEditSingleSelectCell.js +3 -2
  94. package/node/components/columnHeaders/ColumnHeaderMenuIcon.js +2 -3
  95. package/node/components/columnHeaders/GridBaseColumnHeaders.js +2 -3
  96. package/node/components/columnHeaders/GridColumnHeaderSeparator.js +2 -4
  97. package/node/components/columnHeaders/GridColumnHeaderSortIcon.js +1 -2
  98. package/node/components/columnHeaders/GridColumnHeadersInner.js +2 -3
  99. package/node/components/columnHeaders/GridGenericColumnHeaderItem.js +2 -3
  100. package/node/components/columnHeaders/GridIconButtonContainer.js +2 -3
  101. package/node/components/columnSelection/GridCellCheckboxRenderer.js +2 -4
  102. package/node/components/columnSelection/GridHeaderCheckbox.js +1 -2
  103. package/node/components/containers/GridFooterContainer.js +1 -2
  104. package/node/components/containers/GridMainContainer.js +2 -3
  105. package/node/components/containers/GridOverlay.js +1 -2
  106. package/node/components/containers/GridRoot.js +1 -2
  107. package/node/components/containers/GridRootStyles.js +15 -3
  108. package/node/components/containers/GridToolbarContainer.js +1 -2
  109. package/node/components/menu/columnMenu/GridColumnMenu.js +4 -8
  110. package/node/components/menu/columnMenu/GridColumnMenuContainer.js +1 -2
  111. package/node/components/panel/GridPanel.js +2 -4
  112. package/node/components/panel/GridPanelWrapper.js +1 -2
  113. package/node/components/panel/GridPreferencesPanel.js +2 -3
  114. package/node/components/panel/filterPanel/GridFilterForm.js +15 -7
  115. package/node/components/panel/filterPanel/GridFilterInputSingleSelect.js +3 -2
  116. package/node/components/panel/filterPanel/GridFilterPanel.js +10 -3
  117. package/node/components/toolbar/GridToolbar.js +1 -2
  118. package/node/components/toolbar/GridToolbarColumnsButton.js +2 -3
  119. package/node/components/toolbar/GridToolbarDensitySelector.js +2 -3
  120. package/node/components/toolbar/GridToolbarExport.js +1 -2
  121. package/node/components/toolbar/GridToolbarExportContainer.js +2 -3
  122. package/node/components/toolbar/GridToolbarFilterButton.js +1 -2
  123. package/node/components/toolbar/GridToolbarQuickFilter.js +10 -1
  124. package/node/components/virtualization/GridVirtualScroller.js +5 -4
  125. package/node/components/virtualization/GridVirtualScrollerContent.js +2 -3
  126. package/node/components/virtualization/GridVirtualScrollerRenderZone.js +2 -3
  127. package/node/constants/defaultGridSlotsComponents.js +2 -3
  128. package/node/constants/envConstants.js +1 -2
  129. package/node/constants/gridClasses.js +1 -2
  130. package/node/constants/gridDetailPanelToggleField.js +1 -2
  131. package/node/constants/localeTextConstants.js +2 -3
  132. package/node/context/GridRootPropsContext.js +1 -2
  133. package/node/hooks/core/strategyProcessing/useGridStrategyProcessing.js +2 -4
  134. package/node/hooks/features/columnGrouping/gridColumnGroupsSelector.js +4 -8
  135. package/node/hooks/features/columnGrouping/gridColumnGroupsUtils.js +13 -2
  136. package/node/hooks/features/columnGrouping/useGridColumnGrouping.js +10 -3
  137. package/node/hooks/features/columns/gridColumnsSelector.js +11 -21
  138. package/node/hooks/features/columns/gridColumnsUtils.js +1 -3
  139. package/node/hooks/features/density/densitySelector.js +2 -4
  140. package/node/hooks/features/density/useGridDensity.js +2 -4
  141. package/node/hooks/features/filter/gridFilterSelector.js +14 -27
  142. package/node/hooks/features/filter/gridFilterUtils.js +4 -4
  143. package/node/hooks/features/focus/gridFocusStateSelector.js +8 -16
  144. package/node/hooks/features/headerFiltering/gridHeaderFilteringSelectors.js +2 -4
  145. package/node/hooks/features/pagination/gridPaginationSelector.js +8 -15
  146. package/node/hooks/features/pagination/gridPaginationUtils.js +1 -2
  147. package/node/hooks/features/preferencesPanel/gridPreferencePanelsValue.js +2 -3
  148. package/node/hooks/features/rowSelection/gridRowSelectionSelector.js +4 -7
  149. package/node/hooks/features/rows/gridRowsSelector.js +14 -27
  150. package/node/hooks/features/rows/gridRowsUtils.js +2 -4
  151. package/node/hooks/features/sorting/gridSortingSelector.js +5 -9
  152. package/node/hooks/features/virtualization/gridVirtualizationSelectors.js +2 -4
  153. package/node/hooks/features/virtualization/useGridVirtualScroller.js +8 -2
  154. package/node/hooks/utils/useGridApiEventHandler.js +2 -4
  155. package/node/hooks/utils/useGridPrivateApiContext.js +1 -2
  156. package/node/hooks/utils/useGridSelector.js +1 -2
  157. package/node/index.js +1 -1
  158. package/node/joy/icons.js +30 -60
  159. package/node/joy/joySlots.js +1 -2
  160. package/node/locales/arSD.js +27 -30
  161. package/node/locales/beBY.js +1 -2
  162. package/node/locales/bgBG.js +1 -2
  163. package/node/locales/coreLocales.js +3 -5
  164. package/node/locales/csCZ.js +1 -2
  165. package/node/locales/daDK.js +1 -2
  166. package/node/locales/deDE.js +1 -2
  167. package/node/locales/elGR.js +1 -2
  168. package/node/locales/enUS.js +1 -2
  169. package/node/locales/esES.js +1 -2
  170. package/node/locales/faIR.js +1 -2
  171. package/node/locales/fiFI.js +1 -2
  172. package/node/locales/frFR.js +1 -2
  173. package/node/locales/heIL.js +1 -2
  174. package/node/locales/huHU.js +1 -2
  175. package/node/locales/itIT.js +1 -2
  176. package/node/locales/jaJP.js +1 -2
  177. package/node/locales/koKR.js +1 -2
  178. package/node/locales/nbNO.js +1 -2
  179. package/node/locales/nlNL.js +1 -2
  180. package/node/locales/plPL.js +1 -2
  181. package/node/locales/ptBR.js +1 -2
  182. package/node/locales/roRO.js +2 -3
  183. package/node/locales/ruRU.js +1 -2
  184. package/node/locales/skSK.js +1 -2
  185. package/node/locales/svSE.js +1 -2
  186. package/node/locales/trTR.js +1 -2
  187. package/node/locales/ukUA.js +1 -2
  188. package/node/locales/urPK.js +1 -2
  189. package/node/locales/viVN.js +1 -2
  190. package/node/locales/zhCN.js +1 -2
  191. package/node/locales/zhTW.js +1 -2
  192. package/node/material/icons/GridColumnUnsortedIcon.js +2 -3
  193. package/node/material/icons/index.js +29 -57
  194. package/node/material/index.js +1 -2
  195. package/node/models/gridEditRowModel.js +4 -7
  196. package/node/models/gridFilterItem.js +2 -3
  197. package/node/models/params/gridEditCellParams.js +3 -5
  198. package/node/models/params/gridRowParams.js +3 -5
  199. package/node/utils/keyboardUtils.js +3 -6
  200. package/package.json +3 -3
@@ -38,7 +38,7 @@ const GridFooterContainerRoot = (0, _system.styled)('div', {
38
38
  minHeight: 52,
39
39
  borderTop: '1px solid'
40
40
  });
41
- const GridFooterContainer = /*#__PURE__*/React.forwardRef(function GridFooterContainer(props, ref) {
41
+ const GridFooterContainer = exports.GridFooterContainer = /*#__PURE__*/React.forwardRef(function GridFooterContainer(props, ref) {
42
42
  const {
43
43
  className
44
44
  } = props,
@@ -51,7 +51,6 @@ const GridFooterContainer = /*#__PURE__*/React.forwardRef(function GridFooterCon
51
51
  ownerState: rootProps
52
52
  }, other));
53
53
  });
54
- exports.GridFooterContainer = GridFooterContainer;
55
54
  process.env.NODE_ENV !== "production" ? GridFooterContainer.propTypes = {
56
55
  // ----------------------------- Warning --------------------------------
57
56
  // | These PropTypes are generated from the TypeScript type definitions |
@@ -35,7 +35,7 @@ const GridMainContainerRoot = (0, _system.styled)('div', {
35
35
  flexDirection: 'column',
36
36
  overflow: 'hidden'
37
37
  }));
38
- const GridMainContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
38
+ const GridMainContainer = exports.GridMainContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
39
39
  const rootProps = (0, _useGridRootProps.useGridRootProps)();
40
40
  const classes = useUtilityClasses(rootProps);
41
41
  const getAriaAttributes = rootProps.experimentalFeatures?.ariaV7 // ariaV7 should never change
@@ -48,5 +48,4 @@ const GridMainContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
48
48
  }, ariaAttributes, {
49
49
  children: props.children
50
50
  }));
51
- });
52
- exports.GridMainContainer = GridMainContainer;
51
+ });
@@ -40,7 +40,7 @@ const GridOverlayRoot = (0, _system.styled)('div', {
40
40
  justifyContent: 'center',
41
41
  backgroundColor: 'var(--unstable_DataGrid-overlayBackground)'
42
42
  });
43
- const GridOverlay = /*#__PURE__*/React.forwardRef(function GridOverlay(props, ref) {
43
+ const GridOverlay = exports.GridOverlay = /*#__PURE__*/React.forwardRef(function GridOverlay(props, ref) {
44
44
  const {
45
45
  className
46
46
  } = props,
@@ -53,7 +53,6 @@ const GridOverlay = /*#__PURE__*/React.forwardRef(function GridOverlay(props, re
53
53
  ownerState: rootProps
54
54
  }, other));
55
55
  });
56
- exports.GridOverlay = GridOverlay;
57
56
  process.env.NODE_ENV !== "production" ? GridOverlay.propTypes = {
58
57
  // ----------------------------- Warning --------------------------------
59
58
  // | These PropTypes are generated from the TypeScript type definitions |
@@ -33,7 +33,7 @@ const useUtilityClasses = ownerState => {
33
33
  };
34
34
  return (0, _utils.unstable_composeClasses)(slots, _gridClasses.getDataGridUtilityClass, classes);
35
35
  };
36
- const GridRoot = /*#__PURE__*/React.forwardRef(function GridRoot(props, ref) {
36
+ const GridRoot = exports.GridRoot = /*#__PURE__*/React.forwardRef(function GridRoot(props, ref) {
37
37
  const rootProps = (0, _useGridRootProps.useGridRootProps)();
38
38
  const {
39
39
  children,
@@ -71,7 +71,6 @@ const GridRoot = /*#__PURE__*/React.forwardRef(function GridRoot(props, ref) {
71
71
  children: children
72
72
  }));
73
73
  });
74
- exports.GridRoot = GridRoot;
75
74
  process.env.NODE_ENV !== "production" ? GridRoot.propTypes = {
76
75
  // ----------------------------- Warning --------------------------------
77
76
  // | These PropTypes are generated from the TypeScript type definitions |
@@ -33,7 +33,7 @@ const columnHeaderStyles = {
33
33
  visibility: 'visible'
34
34
  }
35
35
  };
36
- const GridRootStyles = (0, _styles.styled)('div', {
36
+ const GridRootStyles = exports.GridRootStyles = (0, _styles.styled)('div', {
37
37
  name: 'MuiDataGrid',
38
38
  slot: 'Root',
39
39
  overridesResolver: (props, styles) => [{
@@ -50,6 +50,8 @@ const GridRootStyles = (0, _styles.styled)('div', {
50
50
  [`&.${_gridClasses.gridClasses.aggregationColumnHeaderLabel}`]: styles.aggregationColumnHeaderLabel
51
51
  }, {
52
52
  [`&.${_gridClasses.gridClasses['root--disableUserSelection']} .${_gridClasses.gridClasses.cell}`]: styles['root--disableUserSelection']
53
+ }, {
54
+ [`&.${_gridClasses.gridClasses.autosizing}`]: styles.autosizing
53
55
  }, {
54
56
  [`& .${_gridClasses.gridClasses.editBooleanCell}`]: styles.editBooleanCell
55
57
  }, {
@@ -191,6 +193,14 @@ const GridRootStyles = (0, _styles.styled)('div', {
191
193
  borderBottomColor: 'transparent'
192
194
  }
193
195
  },
196
+ [`&.${_gridClasses.gridClasses.autosizing}`]: {
197
+ [`& .${_gridClasses.gridClasses.columnHeaderTitleContainerContent} > *`]: {
198
+ overflow: 'visible !important'
199
+ },
200
+ [`& .${_gridClasses.gridClasses.cell} > *`]: {
201
+ overflow: 'visible !important'
202
+ }
203
+ },
194
204
  [`& .${_gridClasses.gridClasses['virtualScrollerContent--overflowed']} .${_gridClasses.gridClasses['row--lastVisible']} .${_gridClasses.gridClasses.cell}`]: {
195
205
  borderBottomColor: 'transparent'
196
206
  },
@@ -392,6 +402,9 @@ const GridRootStyles = (0, _styles.styled)('div', {
392
402
  overflow: 'hidden',
393
403
  textOverflow: 'ellipsis'
394
404
  },
405
+ [`& .${_gridClasses.gridClasses.cell}.${_gridClasses.gridClasses['cell--selectionMode']}`]: {
406
+ cursor: 'default'
407
+ },
395
408
  [`& .${_gridClasses.gridClasses.cell}.${_gridClasses.gridClasses['cell--editing']}`]: {
396
409
  padding: 1,
397
410
  display: 'flex',
@@ -507,5 +520,4 @@ const GridRootStyles = (0, _styles.styled)('div', {
507
520
  }
508
521
  });
509
522
  return gridStyle;
510
- });
511
- exports.GridRootStyles = GridRootStyles;
523
+ });
@@ -40,7 +40,7 @@ const GridToolbarContainerRoot = (0, _system.styled)('div', {
40
40
  gap: theme.spacing(1),
41
41
  padding: theme.spacing(0.5, 0.5, 0)
42
42
  }));
43
- const GridToolbarContainer = /*#__PURE__*/React.forwardRef(function GridToolbarContainer(props, ref) {
43
+ const GridToolbarContainer = exports.GridToolbarContainer = /*#__PURE__*/React.forwardRef(function GridToolbarContainer(props, ref) {
44
44
  const {
45
45
  className,
46
46
  children
@@ -59,7 +59,6 @@ const GridToolbarContainer = /*#__PURE__*/React.forwardRef(function GridToolbarC
59
59
  children: children
60
60
  }));
61
61
  });
62
- exports.GridToolbarContainer = GridToolbarContainer;
63
62
  process.env.NODE_ENV !== "production" ? GridToolbarContainer.propTypes = {
64
63
  // ----------------------------- Warning --------------------------------
65
64
  // | These PropTypes are generated from the TypeScript type definitions |
@@ -18,13 +18,12 @@ var _jsxRuntime = require("react/jsx-runtime");
18
18
  const _excluded = ["defaultSlots", "defaultSlotProps", "slots", "slotProps"];
19
19
  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); }
20
20
  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; }
21
- const GRID_COLUMN_MENU_SLOTS = {
21
+ const GRID_COLUMN_MENU_SLOTS = exports.GRID_COLUMN_MENU_SLOTS = {
22
22
  columnMenuSortItem: _GridColumnMenuSortItem.GridColumnMenuSortItem,
23
23
  columnMenuFilterItem: _GridColumnMenuFilterItem.GridColumnMenuFilterItem,
24
24
  columnMenuColumnsItem: _GridColumnMenuColumnsItem.GridColumnMenuColumnsItem
25
25
  };
26
- exports.GRID_COLUMN_MENU_SLOTS = GRID_COLUMN_MENU_SLOTS;
27
- const GRID_COLUMN_MENU_SLOT_PROPS = {
26
+ const GRID_COLUMN_MENU_SLOT_PROPS = exports.GRID_COLUMN_MENU_SLOT_PROPS = {
28
27
  columnMenuSortItem: {
29
28
  displayOrder: 10
30
29
  },
@@ -35,8 +34,7 @@ const GRID_COLUMN_MENU_SLOT_PROPS = {
35
34
  displayOrder: 30
36
35
  }
37
36
  };
38
- exports.GRID_COLUMN_MENU_SLOT_PROPS = GRID_COLUMN_MENU_SLOT_PROPS;
39
- const GridGenericColumnMenu = /*#__PURE__*/React.forwardRef(function GridGenericColumnMenu(props, ref) {
37
+ const GridGenericColumnMenu = exports.GridGenericColumnMenu = /*#__PURE__*/React.forwardRef(function GridGenericColumnMenu(props, ref) {
40
38
  const {
41
39
  defaultSlots,
42
40
  defaultSlotProps,
@@ -56,15 +54,13 @@ const GridGenericColumnMenu = /*#__PURE__*/React.forwardRef(function GridGeneric
56
54
  children: orderedSlots.map(([Component, otherProps], index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, (0, _extends2.default)({}, otherProps), index))
57
55
  }));
58
56
  });
59
- exports.GridGenericColumnMenu = GridGenericColumnMenu;
60
- const GridColumnMenu = /*#__PURE__*/React.forwardRef(function GridColumnMenu(props, ref) {
57
+ const GridColumnMenu = exports.GridColumnMenu = /*#__PURE__*/React.forwardRef(function GridColumnMenu(props, ref) {
61
58
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(GridGenericColumnMenu, (0, _extends2.default)({}, props, {
62
59
  ref: ref,
63
60
  defaultSlots: GRID_COLUMN_MENU_SLOTS,
64
61
  defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS
65
62
  }));
66
63
  });
67
- exports.GridColumnMenu = GridColumnMenu;
68
64
  process.env.NODE_ENV !== "production" ? GridColumnMenu.propTypes = {
69
65
  // ----------------------------- Warning --------------------------------
70
66
  // | These PropTypes are generated from the TypeScript type definitions |
@@ -21,7 +21,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
21
21
  const StyledMenuList = (0, _styles.styled)(_MenuList.default)(() => ({
22
22
  minWidth: 248
23
23
  }));
24
- const GridColumnMenuContainer = /*#__PURE__*/React.forwardRef(function GridColumnMenuContainer(props, ref) {
24
+ const GridColumnMenuContainer = exports.GridColumnMenuContainer = /*#__PURE__*/React.forwardRef(function GridColumnMenuContainer(props, ref) {
25
25
  const {
26
26
  hideMenu,
27
27
  id,
@@ -50,7 +50,6 @@ const GridColumnMenuContainer = /*#__PURE__*/React.forwardRef(function GridColum
50
50
  children: children
51
51
  }));
52
52
  });
53
- exports.GridColumnMenuContainer = GridColumnMenuContainer;
54
53
  process.env.NODE_ENV !== "production" ? GridColumnMenuContainer.propTypes = {
55
54
  // ----------------------------- Warning --------------------------------
56
55
  // | These PropTypes are generated from the TypeScript type definitions |
@@ -23,8 +23,7 @@ var _jsxRuntime = require("react/jsx-runtime");
23
23
  const _excluded = ["children", "className", "classes"];
24
24
  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); }
25
25
  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; }
26
- const gridPanelClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDataGrid', ['panel', 'paper']);
27
- exports.gridPanelClasses = gridPanelClasses;
26
+ const gridPanelClasses = exports.gridPanelClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDataGrid', ['panel', 'paper']);
28
27
  const GridPanelRoot = (0, _styles.styled)(_Popper.default, {
29
28
  name: 'MuiDataGrid',
30
29
  slot: 'Panel',
@@ -46,7 +45,7 @@ const GridPaperRoot = (0, _styles.styled)(_Paper.default, {
46
45
  maxHeight: 450,
47
46
  display: 'flex'
48
47
  }));
49
- const GridPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
48
+ const GridPanel = exports.GridPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
50
49
  const {
51
50
  children,
52
51
  className
@@ -109,7 +108,6 @@ const GridPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
109
108
  })
110
109
  }));
111
110
  });
112
- exports.GridPanel = GridPanel;
113
111
  process.env.NODE_ENV !== "production" ? GridPanel.propTypes = {
114
112
  // ----------------------------- Warning --------------------------------
115
113
  // | These PropTypes are generated from the TypeScript type definitions |
@@ -41,7 +41,7 @@ const GridPanelWrapperRoot = (0, _styles.styled)('div', {
41
41
  }
42
42
  });
43
43
  const isEnabled = () => true;
44
- const GridPanelWrapper = /*#__PURE__*/React.forwardRef(function GridPanelWrapper(props, ref) {
44
+ const GridPanelWrapper = exports.GridPanelWrapper = /*#__PURE__*/React.forwardRef(function GridPanelWrapper(props, ref) {
45
45
  const {
46
46
  className,
47
47
  slotProps = {}
@@ -62,7 +62,6 @@ const GridPanelWrapper = /*#__PURE__*/React.forwardRef(function GridPanelWrapper
62
62
  }, other))
63
63
  }));
64
64
  });
65
- exports.GridPanelWrapper = GridPanelWrapper;
66
65
  process.env.NODE_ENV !== "production" ? GridPanelWrapper.propTypes = {
67
66
  // ----------------------------- Warning --------------------------------
68
67
  // | These PropTypes are generated from the TypeScript type definitions |
@@ -16,7 +16,7 @@ var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
16
16
  var _jsxRuntime = require("react/jsx-runtime");
17
17
  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
18
  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 GridPreferencesPanel = /*#__PURE__*/React.forwardRef(function GridPreferencesPanel(props, ref) {
19
+ const GridPreferencesPanel = exports.GridPreferencesPanel = /*#__PURE__*/React.forwardRef(function GridPreferencesPanel(props, ref) {
20
20
  const apiRef = (0, _useGridApiContext.useGridApiContext)();
21
21
  const columns = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnsSelector.gridColumnDefinitionsSelector);
22
22
  const rootProps = (0, _useGridRootProps.useGridRootProps)();
@@ -31,5 +31,4 @@ const GridPreferencesPanel = /*#__PURE__*/React.forwardRef(function GridPreferen
31
31
  }, rootProps.slotProps?.panel, props, rootProps.slotProps?.basePopper, {
32
32
  children: panelContent
33
33
  }));
34
- });
35
- exports.GridPreferencesPanel = GridPreferencesPanel;
34
+ });
@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.GridFilterForm = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
- var React = _interopRequireWildcard(require("react"));
10
+ var _react = _interopRequireWildcard(require("react"));
11
+ var React = _react;
11
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
13
  var _utils = require("@mui/utils");
13
14
  var _styles = require("@mui/material/styles");
@@ -102,7 +103,7 @@ const getLogicOperatorLocaleKey = logicOperator => {
102
103
  };
103
104
  const getColumnLabel = col => col.headerName || col.field;
104
105
  const collator = new Intl.Collator();
105
- const GridFilterForm = /*#__PURE__*/React.forwardRef(function GridFilterForm(props, ref) {
106
+ const GridFilterForm = exports.GridFilterForm = /*#__PURE__*/React.forwardRef(function GridFilterForm(props, ref) {
106
107
  const {
107
108
  item,
108
109
  hasMultipleFilters,
@@ -268,7 +269,7 @@ const GridFilterForm = /*#__PURE__*/React.forwardRef(function GridFilterForm(pro
268
269
  disabled: !!disableMultiFilterOperator || logicOperators.length === 1,
269
270
  native: isBaseSelectNative
270
271
  }, rootProps.slotProps?.baseSelect, {
271
- children: logicOperators.map(logicOperator => /*#__PURE__*/(0, React.createElement)(rootProps.slots.baseSelectOption, (0, _extends2.default)({}, baseSelectOptionProps, {
272
+ children: logicOperators.map(logicOperator => /*#__PURE__*/(0, _react.createElement)(rootProps.slots.baseSelectOption, (0, _extends2.default)({}, baseSelectOptionProps, {
272
273
  native: isBaseSelectNative,
273
274
  key: logicOperator.toString(),
274
275
  value: logicOperator.toString()
@@ -292,7 +293,7 @@ const GridFilterForm = /*#__PURE__*/React.forwardRef(function GridFilterForm(pro
292
293
  onChange: changeColumn,
293
294
  native: isBaseSelectNative
294
295
  }, rootProps.slotProps?.baseSelect, {
295
- children: sortedFilteredColumns.map(col => /*#__PURE__*/(0, React.createElement)(rootProps.slots.baseSelectOption, (0, _extends2.default)({}, baseSelectOptionProps, {
296
+ children: sortedFilteredColumns.map(col => /*#__PURE__*/(0, _react.createElement)(rootProps.slots.baseSelectOption, (0, _extends2.default)({}, baseSelectOptionProps, {
296
297
  native: isBaseSelectNative,
297
298
  key: col.field,
298
299
  value: col.field
@@ -317,7 +318,7 @@ const GridFilterForm = /*#__PURE__*/React.forwardRef(function GridFilterForm(pro
317
318
  native: isBaseSelectNative,
318
319
  inputRef: filterSelectorRef
319
320
  }, rootProps.slotProps?.baseSelect, {
320
- children: currentColumn?.filterOperators?.map(operator => /*#__PURE__*/(0, React.createElement)(rootProps.slots.baseSelectOption, (0, _extends2.default)({}, baseSelectOptionProps, {
321
+ children: currentColumn?.filterOperators?.map(operator => /*#__PURE__*/(0, _react.createElement)(rootProps.slots.baseSelectOption, (0, _extends2.default)({}, baseSelectOptionProps, {
321
322
  native: isBaseSelectNative,
322
323
  key: operator.value,
323
324
  value: operator.value
@@ -338,7 +339,6 @@ const GridFilterForm = /*#__PURE__*/React.forwardRef(function GridFilterForm(pro
338
339
  }))]
339
340
  }));
340
341
  });
341
- exports.GridFilterForm = GridFilterForm;
342
342
  process.env.NODE_ENV !== "production" ? GridFilterForm.propTypes = {
343
343
  // ----------------------------- Warning --------------------------------
344
344
  // | These PropTypes are generated from the TypeScript type definitions |
@@ -435,4 +435,12 @@ process.env.NODE_ENV !== "production" ? GridFilterForm.propTypes = {
435
435
  * @default {}
436
436
  */
437
437
  valueInputProps: _propTypes.default.any
438
- } : void 0;
438
+ } : void 0;
439
+
440
+ /**
441
+ * Demos:
442
+ * - [Filtering - overview](https://mui.com/x/react-data-grid/filtering/)
443
+ *
444
+ * API:
445
+ * - [GridFilterForm API](https://mui.com/x/api/data-grid/grid-filter-form/)
446
+ */
@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.GridFilterInputSingleSelect = GridFilterInputSingleSelect;
8
8
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var React = _interopRequireWildcard(require("react"));
10
+ var _react = _interopRequireWildcard(require("react"));
11
+ var React = _react;
11
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
13
  var _utils = require("@mui/utils");
13
14
  var _styles = require("@mui/material/styles");
@@ -34,7 +35,7 @@ const renderSingleSelectOptions = ({
34
35
  return iterableColumnValues.map(option => {
35
36
  const value = getOptionValue(option);
36
37
  const label = getOptionLabel(option);
37
- return /*#__PURE__*/(0, React.createElement)(OptionComponent, (0, _extends2.default)({}, baseSelectOptionProps, {
38
+ return /*#__PURE__*/(0, _react.createElement)(OptionComponent, (0, _extends2.default)({}, baseSelectOptionProps, {
38
39
  native: isSelectNative,
39
40
  key: value,
40
41
  value: value
@@ -29,7 +29,7 @@ const getGridFilter = col => ({
29
29
  id: Math.round(Math.random() * 1e5)
30
30
  });
31
31
  exports.getGridFilter = getGridFilter;
32
- const GridFilterPanel = /*#__PURE__*/React.forwardRef(function GridFilterPanel(props, ref) {
32
+ const GridFilterPanel = exports.GridFilterPanel = /*#__PURE__*/React.forwardRef(function GridFilterPanel(props, ref) {
33
33
  const apiRef = (0, _useGridApiContext.useGridApiContext)();
34
34
  const rootProps = (0, _useGridRootProps.useGridRootProps)();
35
35
  const filterModel = (0, _useGridSelector.useGridSelector)(apiRef, _gridFilterSelector.gridFilterModelSelector);
@@ -168,7 +168,6 @@ const GridFilterPanel = /*#__PURE__*/React.forwardRef(function GridFilterPanel(p
168
168
  }) : null]
169
169
  }));
170
170
  });
171
- exports.GridFilterPanel = GridFilterPanel;
172
171
  process.env.NODE_ENV !== "production" ? GridFilterPanel.propTypes = {
173
172
  // ----------------------------- Warning --------------------------------
174
173
  // | These PropTypes are generated from the TypeScript type definitions |
@@ -220,4 +219,12 @@ process.env.NODE_ENV !== "production" ? GridFilterPanel.propTypes = {
220
219
  * The system prop that allows defining system overrides as well as additional CSS styles.
221
220
  */
222
221
  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
223
- } : void 0;
222
+ } : void 0;
223
+
224
+ /**
225
+ * Demos:
226
+ * - [Filtering - overview](https://mui.com/x/react-data-grid/filtering/)
227
+ *
228
+ * API:
229
+ * - [GridFilterPanel API](https://mui.com/x/api/data-grid/grid-filter-panel/)
230
+ */
@@ -21,7 +21,7 @@ var _jsxRuntime = require("react/jsx-runtime");
21
21
  const _excluded = ["className", "csvOptions", "printOptions", "excelOptions", "showQuickFilter", "quickFilterProps"];
22
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
23
  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; }
24
- const GridToolbar = /*#__PURE__*/React.forwardRef(function GridToolbar(props, ref) {
24
+ const GridToolbar = exports.GridToolbar = /*#__PURE__*/React.forwardRef(function GridToolbar(props, ref) {
25
25
  // TODO v7: think about where export option should be passed.
26
26
  // from slotProps={{ toolbarExport: { ...exportOption } }} seems to be more appropriate
27
27
  const {
@@ -52,7 +52,6 @@ const GridToolbar = /*#__PURE__*/React.forwardRef(function GridToolbar(props, re
52
52
  }), showQuickFilter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridToolbarQuickFilter.GridToolbarQuickFilter, (0, _extends2.default)({}, quickFilterProps))]
53
53
  }));
54
54
  });
55
- exports.GridToolbar = GridToolbar;
56
55
  process.env.NODE_ENV !== "production" ? GridToolbar.propTypes = {
57
56
  // ----------------------------- Warning --------------------------------
58
57
  // | These PropTypes are generated from the TypeScript type definitions |
@@ -18,7 +18,7 @@ var _jsxRuntime = require("react/jsx-runtime");
18
18
  const _excluded = ["onClick"];
19
19
  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); }
20
20
  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; }
21
- const GridToolbarColumnsButton = /*#__PURE__*/React.forwardRef(function GridToolbarColumnsButton(props, ref) {
21
+ const GridToolbarColumnsButton = exports.GridToolbarColumnsButton = /*#__PURE__*/React.forwardRef(function GridToolbarColumnsButton(props, ref) {
22
22
  const {
23
23
  onClick
24
24
  } = props,
@@ -56,5 +56,4 @@ const GridToolbarColumnsButton = /*#__PURE__*/React.forwardRef(function GridTool
56
56
  }, rootProps.slotProps?.baseButton, {
57
57
  children: apiRef.current.getLocaleText('toolbarColumns')
58
58
  }));
59
- });
60
- exports.GridToolbarColumnsButton = GridToolbarColumnsButton;
59
+ });
@@ -23,7 +23,7 @@ var _jsxRuntime = require("react/jsx-runtime");
23
23
  const _excluded = ["onClick"];
24
24
  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); }
25
25
  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; }
26
- const GridToolbarDensitySelector = /*#__PURE__*/React.forwardRef(function GridToolbarDensitySelector(props, ref) {
26
+ const GridToolbarDensitySelector = exports.GridToolbarDensitySelector = /*#__PURE__*/React.forwardRef(function GridToolbarDensitySelector(props, ref) {
27
27
  const {
28
28
  onClick
29
29
  } = props,
@@ -119,5 +119,4 @@ const GridToolbarDensitySelector = /*#__PURE__*/React.forwardRef(function GridTo
119
119
  })
120
120
  })]
121
121
  });
122
- });
123
- exports.GridToolbarDensitySelector = GridToolbarDensitySelector;
122
+ });
@@ -52,7 +52,7 @@ function GridPrintExportMenuItem(props) {
52
52
  children: apiRef.current.getLocaleText('toolbarExportPrint')
53
53
  }));
54
54
  }
55
- const GridToolbarExport = /*#__PURE__*/React.forwardRef(function GridToolbarExport(props, ref) {
55
+ const GridToolbarExport = exports.GridToolbarExport = /*#__PURE__*/React.forwardRef(function GridToolbarExport(props, ref) {
56
56
  const {
57
57
  csvOptions = {},
58
58
  printOptions = {},
@@ -75,7 +75,6 @@ const GridToolbarExport = /*#__PURE__*/React.forwardRef(function GridToolbarExpo
75
75
  }))
76
76
  }));
77
77
  });
78
- exports.GridToolbarExport = GridToolbarExport;
79
78
  process.env.NODE_ENV !== "production" ? GridToolbarExport.propTypes = {
80
79
  // ----------------------------- Warning --------------------------------
81
80
  // | These PropTypes are generated from the TypeScript type definitions |
@@ -19,7 +19,7 @@ var _jsxRuntime = require("react/jsx-runtime");
19
19
  const _excluded = ["children", "onClick"];
20
20
  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); }
21
21
  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; }
22
- const GridToolbarExportContainer = /*#__PURE__*/React.forwardRef(function GridToolbarExportContainer(props, ref) {
22
+ const GridToolbarExportContainer = exports.GridToolbarExportContainer = /*#__PURE__*/React.forwardRef(function GridToolbarExportContainer(props, ref) {
23
23
  const {
24
24
  children,
25
25
  onClick
@@ -84,5 +84,4 @@ const GridToolbarExportContainer = /*#__PURE__*/React.forwardRef(function GridTo
84
84
  })
85
85
  })]
86
86
  });
87
- });
88
- exports.GridToolbarExportContainer = GridToolbarExportContainer;
87
+ });
@@ -43,7 +43,7 @@ const GridToolbarFilterListRoot = (0, _styles.styled)('ul', {
43
43
  margin: theme.spacing(1, 1, 0.5),
44
44
  padding: theme.spacing(0, 1)
45
45
  }));
46
- const GridToolbarFilterButton = /*#__PURE__*/React.forwardRef(function GridToolbarFilterButton(props, ref) {
46
+ const GridToolbarFilterButton = exports.GridToolbarFilterButton = /*#__PURE__*/React.forwardRef(function GridToolbarFilterButton(props, ref) {
47
47
  const {
48
48
  componentsProps = {}
49
49
  } = props,
@@ -127,7 +127,6 @@ const GridToolbarFilterButton = /*#__PURE__*/React.forwardRef(function GridToolb
127
127
  }))
128
128
  }));
129
129
  });
130
- exports.GridToolbarFilterButton = GridToolbarFilterButton;
131
130
  process.env.NODE_ENV !== "production" ? GridToolbarFilterButton.propTypes = {
132
131
  // ----------------------------- Warning --------------------------------
133
132
  // | These PropTypes are generated from the TypeScript type definitions |
@@ -140,4 +140,13 @@ process.env.NODE_ENV !== "production" ? GridToolbarQuickFilter.propTypes = {
140
140
  * @returns {any[]} The array of value on which quick filter is applied
141
141
  */
142
142
  quickFilterParser: _propTypes.default.func
143
- } : void 0;
143
+ } : void 0;
144
+
145
+ /**
146
+ * Demos:
147
+ * - [Filtering - overview](https://mui.com/x/react-data-grid/filtering/)
148
+ * - [Filtering - quick filter](https://mui.com/x/react-data-grid/filtering/quick-filter/)
149
+ *
150
+ * API:
151
+ * - [GridToolbarQuickFilter API](https://mui.com/x/api/data-grid/grid-toolbar-quick-filter/)
152
+ */
@@ -35,9 +35,11 @@ const VirtualScrollerRoot = (0, _system.styled)('div', {
35
35
  position: 'relative',
36
36
  '@media print': {
37
37
  overflow: 'hidden'
38
- }
38
+ },
39
+ zIndex: 0 // See https://github.com/mui/mui-x/issues/10547
39
40
  });
40
- const GridVirtualScroller = /*#__PURE__*/React.forwardRef(function GridVirtualScroller(props, ref) {
41
+
42
+ const GridVirtualScroller = exports.GridVirtualScroller = /*#__PURE__*/React.forwardRef(function GridVirtualScroller(props, ref) {
41
43
  const rootProps = (0, _useGridRootProps.useGridRootProps)();
42
44
  const classes = useUtilityClasses(rootProps);
43
45
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(VirtualScrollerRoot, (0, _extends2.default)({
@@ -46,5 +48,4 @@ const GridVirtualScroller = /*#__PURE__*/React.forwardRef(function GridVirtualSc
46
48
  className: (0, _clsx.default)(classes.root, props.className),
47
49
  ownerState: rootProps
48
50
  }));
49
- });
50
- exports.GridVirtualScroller = GridVirtualScroller;
51
+ });
@@ -29,7 +29,7 @@ const VirtualScrollerContentRoot = (0, _system.styled)('div', {
29
29
  slot: 'VirtualScrollerContent',
30
30
  overridesResolver: (props, styles) => styles.virtualScrollerContent
31
31
  })({});
32
- const GridVirtualScrollerContent = /*#__PURE__*/React.forwardRef(function GridVirtualScrollerContent(props, ref) {
32
+ const GridVirtualScrollerContent = exports.GridVirtualScrollerContent = /*#__PURE__*/React.forwardRef(function GridVirtualScrollerContent(props, ref) {
33
33
  const rootProps = (0, _useGridRootProps.useGridRootProps)();
34
34
  const overflowedContent = !rootProps.autoHeight && props.style?.minHeight === 'auto';
35
35
  const classes = useUtilityClasses(rootProps, overflowedContent);
@@ -39,5 +39,4 @@ const GridVirtualScrollerContent = /*#__PURE__*/React.forwardRef(function GridVi
39
39
  ownerState: rootProps,
40
40
  className: (0, _clsx.default)(classes.root, props.className)
41
41
  }));
42
- });
43
- exports.GridVirtualScrollerContent = GridVirtualScrollerContent;
42
+ });
@@ -36,7 +36,7 @@ const VirtualScrollerRenderZoneRoot = (0, _system.styled)('div', {
36
36
  // Prevents margin collapsing when using `getRowSpacing`
37
37
  flexDirection: 'column'
38
38
  });
39
- const GridVirtualScrollerRenderZone = /*#__PURE__*/React.forwardRef(function GridVirtualScrollerRenderZone(props, ref) {
39
+ const GridVirtualScrollerRenderZone = exports.GridVirtualScrollerRenderZone = /*#__PURE__*/React.forwardRef(function GridVirtualScrollerRenderZone(props, ref) {
40
40
  const {
41
41
  className
42
42
  } = props,
@@ -48,5 +48,4 @@ const GridVirtualScrollerRenderZone = /*#__PURE__*/React.forwardRef(function Gri
48
48
  className: (0, _clsx.default)(classes.root, className),
49
49
  ownerState: rootProps
50
50
  }, other));
51
- });
52
- exports.GridVirtualScrollerRenderZone = GridVirtualScrollerRenderZone;
51
+ });
@@ -14,7 +14,7 @@ var _GridNoResultsOverlay = require("../components/GridNoResultsOverlay");
14
14
  var _material = _interopRequireDefault(require("../material"));
15
15
  // TODO: camelCase these key. It's a private helper now.
16
16
  // Remove then need to call `uncapitalizeObjectKeys`.
17
- const DATA_GRID_DEFAULT_SLOTS_COMPONENTS = (0, _extends2.default)({}, _material.default, {
17
+ const DATA_GRID_DEFAULT_SLOTS_COMPONENTS = exports.DATA_GRID_DEFAULT_SLOTS_COMPONENTS = (0, _extends2.default)({}, _material.default, {
18
18
  Cell: _GridCell.GridCellV7,
19
19
  SkeletonCell: _components.GridSkeletonCell,
20
20
  ColumnHeaderFilterIconButton: _components.GridColumnHeaderFilterIconButton,
@@ -32,5 +32,4 @@ const DATA_GRID_DEFAULT_SLOTS_COMPONENTS = (0, _extends2.default)({}, _material.
32
32
  ColumnsPanel: _components.GridColumnsPanel,
33
33
  Panel: _components.GridPanel,
34
34
  Row: _components.GridRow
35
- });
36
- exports.DATA_GRID_DEFAULT_SLOTS_COMPONENTS = DATA_GRID_DEFAULT_SLOTS_COMPONENTS;
35
+ });
@@ -22,5 +22,4 @@ exports.GRID_EXPERIMENTAL_ENABLED = void 0;
22
22
  // Developers (users) are discouraged to enable the experimental feature by setting the GRID_EXPERIMENTAL_ENABLED env.
23
23
  // Instead, prefer exposing experimental APIs, for instance, a prop or a new `unstable_` module.
24
24
 
25
- const GRID_EXPERIMENTAL_ENABLED = false;
26
- exports.GRID_EXPERIMENTAL_ENABLED = GRID_EXPERIMENTAL_ENABLED;
25
+ const GRID_EXPERIMENTAL_ENABLED = exports.GRID_EXPERIMENTAL_ENABLED = false;
@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
9
9
  function getDataGridUtilityClass(slot) {
10
10
  return (0, _utils.unstable_generateUtilityClass)('MuiDataGrid', slot);
11
11
  }
12
- const gridClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDataGrid', ['actionsCell', 'aggregationColumnHeader', 'aggregationColumnHeader--alignLeft', 'aggregationColumnHeader--alignCenter', 'aggregationColumnHeader--alignRight', 'aggregationColumnHeaderLabel', 'autoHeight', 'booleanCell', 'cell--editable', 'cell--editing', 'cell--textCenter', 'cell--textLeft', 'cell--textRight', 'cell--withRenderer', 'cell--rangeTop', 'cell--rangeBottom', 'cell--rangeLeft', 'cell--rangeRight', 'cell', 'cellContent', 'cellCheckbox', 'cellSkeleton', 'checkboxInput', 'columnHeader--alignCenter', 'columnHeader--alignLeft', 'columnHeader--alignRight', 'columnHeader--dragging', 'columnHeader--moving', 'columnHeader--numeric', 'columnHeader--sortable', 'columnHeader--sorted', 'columnHeader--filtered', 'columnHeader', 'columnHeaderCheckbox', 'columnHeaderDraggableContainer', 'columnHeaderDropZone', 'columnHeaderTitle', 'columnHeaderTitleContainer', 'columnHeaderTitleContainerContent', 'columnGroupHeader', 'columnHeader--filledGroup', 'columnHeader--emptyGroup', 'columnHeader--showColumnBorder', 'columnHeaders', 'columnHeadersInner', 'columnHeadersInner--scrollable', 'columnSeparator--resizable', 'columnSeparator--resizing', 'columnSeparator--sideLeft', 'columnSeparator--sideRight', 'columnSeparator', 'columnsPanel', 'columnsPanelRow', 'detailPanel', 'detailPanels', 'detailPanelToggleCell', 'detailPanelToggleCell--expanded', 'footerCell', 'panel', 'panelHeader', 'panelWrapper', 'panelContent', 'panelFooter', 'paper', 'editBooleanCell', 'editInputCell', 'filterForm', 'filterFormDeleteIcon', 'filterFormLogicOperatorInput', 'filterFormColumnInput', 'filterFormOperatorInput', 'filterFormValueInput', 'filterIcon', 'footerContainer', 'headerFilterRow', 'iconButtonContainer', 'iconSeparator', 'main', 'menu', 'menuIcon', 'menuIconButton', 'menuOpen', 'menuList', 'overlay', 'overlayWrapper', 'overlayWrapperInner', 'root', 'root--densityStandard', 'root--densityComfortable', 'root--densityCompact', 'root--disableUserSelection', 'row', 'row--editable', 'row--editing', 'row--lastVisible', 'row--dragging', 'row--dynamicHeight', 'row--detailPanelExpanded', 'rowReorderCellPlaceholder', 'rowCount', 'rowReorderCellContainer', 'rowReorderCell', 'rowReorderCell--draggable', 'scrollArea--left', 'scrollArea--right', 'scrollArea', 'selectedRowCount', 'sortIcon', 'toolbarContainer', 'toolbarFilterList', 'virtualScroller', 'virtualScrollerContent', 'virtualScrollerContent--overflowed', 'virtualScrollerRenderZone', 'pinnedColumns', 'pinnedColumns--left', 'pinnedColumns--right', 'pinnedColumnHeaders', 'pinnedColumnHeaders--left', 'pinnedColumnHeaders--right', 'withBorderColor', 'cell--withRightBorder', 'columnHeader--withRightBorder', 'treeDataGroupingCell', 'treeDataGroupingCellToggle', 'groupingCriteriaCell', 'groupingCriteriaCellToggle', 'pinnedRows', 'pinnedRows--top', 'pinnedRows--bottom', 'pinnedRowsRenderZone']);
13
- exports.gridClasses = gridClasses;
12
+ const gridClasses = exports.gridClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDataGrid', ['actionsCell', 'aggregationColumnHeader', 'aggregationColumnHeader--alignLeft', 'aggregationColumnHeader--alignCenter', 'aggregationColumnHeader--alignRight', 'aggregationColumnHeaderLabel', 'autoHeight', 'autosizing', 'booleanCell', 'cell--editable', 'cell--editing', 'cell--textCenter', 'cell--textLeft', 'cell--textRight', 'cell--withRenderer', 'cell--rangeTop', 'cell--rangeBottom', 'cell--rangeLeft', 'cell--rangeRight', 'cell--selectionMode', 'cell', 'cellContent', 'cellCheckbox', 'cellSkeleton', 'checkboxInput', 'columnHeader--alignCenter', 'columnHeader--alignLeft', 'columnHeader--alignRight', 'columnHeader--dragging', 'columnHeader--moving', 'columnHeader--numeric', 'columnHeader--sortable', 'columnHeader--sorted', 'columnHeader--filtered', 'columnHeader', 'columnHeaderCheckbox', 'columnHeaderDraggableContainer', 'columnHeaderDropZone', 'columnHeaderTitle', 'columnHeaderTitleContainer', 'columnHeaderTitleContainerContent', 'columnGroupHeader', 'columnHeader--filledGroup', 'columnHeader--emptyGroup', 'columnHeader--showColumnBorder', 'columnHeaders', 'columnHeadersInner', 'columnHeadersInner--scrollable', 'columnSeparator--resizable', 'columnSeparator--resizing', 'columnSeparator--sideLeft', 'columnSeparator--sideRight', 'columnSeparator', 'columnsPanel', 'columnsPanelRow', 'detailPanel', 'detailPanels', 'detailPanelToggleCell', 'detailPanelToggleCell--expanded', 'footerCell', 'panel', 'panelHeader', 'panelWrapper', 'panelContent', 'panelFooter', 'paper', 'editBooleanCell', 'editInputCell', 'filterForm', 'filterFormDeleteIcon', 'filterFormLogicOperatorInput', 'filterFormColumnInput', 'filterFormOperatorInput', 'filterFormValueInput', 'filterIcon', 'footerContainer', 'headerFilterRow', 'iconButtonContainer', 'iconSeparator', 'main', 'menu', 'menuIcon', 'menuIconButton', 'menuOpen', 'menuList', 'overlay', 'overlayWrapper', 'overlayWrapperInner', 'root', 'root--densityStandard', 'root--densityComfortable', 'root--densityCompact', 'root--disableUserSelection', 'row', 'row--editable', 'row--editing', 'row--lastVisible', 'row--dragging', 'row--dynamicHeight', 'row--detailPanelExpanded', 'rowReorderCellPlaceholder', 'rowCount', 'rowReorderCellContainer', 'rowReorderCell', 'rowReorderCell--draggable', 'scrollArea--left', 'scrollArea--right', 'scrollArea', 'selectedRowCount', 'sortIcon', 'toolbarContainer', 'toolbarFilterList', 'virtualScroller', 'virtualScrollerContent', 'virtualScrollerContent--overflowed', 'virtualScrollerRenderZone', 'pinnedColumns', 'pinnedColumns--left', 'pinnedColumns--right', 'pinnedColumnHeaders', 'pinnedColumnHeaders--left', 'pinnedColumnHeaders--right', 'withBorderColor', 'cell--withRightBorder', 'columnHeader--withRightBorder', 'treeDataGroupingCell', 'treeDataGroupingCellToggle', 'groupingCriteriaCell', 'groupingCriteriaCellToggle', 'pinnedRows', 'pinnedRows--top', 'pinnedRows--bottom', 'pinnedRowsRenderZone']);
@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.GRID_DETAIL_PANEL_TOGGLE_FIELD = void 0;
7
7
  // Can't import from pro package - hence duplication
8
- const GRID_DETAIL_PANEL_TOGGLE_FIELD = '__detail_panel_toggle__';
9
- exports.GRID_DETAIL_PANEL_TOGGLE_FIELD = GRID_DETAIL_PANEL_TOGGLE_FIELD;
8
+ const GRID_DETAIL_PANEL_TOGGLE_FIELD = exports.GRID_DETAIL_PANEL_TOGGLE_FIELD = '__detail_panel_toggle__';