@mui/x-data-grid-pro 7.2.0 → 7.3.1

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 (61) hide show
  1. package/CHANGELOG.md +204 -2
  2. package/DataGridPro/DataGridPro.js +24 -1
  3. package/DataGridPro/useDataGridProProps.js +1 -1
  4. package/components/GridColumnHeaders.js +1 -1
  5. package/components/GridColumnMenuPinningItem.js +1 -1
  6. package/components/GridDetailPanel.js +1 -1
  7. package/components/GridDetailPanelToggleCell.js +1 -1
  8. package/components/GridDetailPanels.js +1 -1
  9. package/components/GridPinnedRows.js +1 -1
  10. package/components/GridProColumnMenu.d.ts +3 -3
  11. package/components/GridProColumnMenu.js +1 -1
  12. package/components/GridRowReorderCell.js +1 -1
  13. package/components/GridTreeDataGroupingCell.js +1 -1
  14. package/components/headerFiltering/GridHeaderFilterCell.js +1 -1
  15. package/components/headerFiltering/GridHeaderFilterClearButton.js +1 -1
  16. package/components/headerFiltering/GridHeaderFilterMenu.js +1 -1
  17. package/components/headerFiltering/GridHeaderFilterMenuContainer.js +1 -1
  18. package/esm/DataGridPro/DataGridPro.js +24 -2
  19. package/esm/components/GridColumnHeaders.js +1 -2
  20. package/esm/components/GridColumnMenuPinningItem.js +1 -2
  21. package/esm/components/GridRowReorderCell.js +1 -2
  22. package/esm/components/GridTreeDataGroupingCell.js +1 -2
  23. package/esm/components/headerFiltering/GridHeaderFilterCell.js +1 -2
  24. package/esm/components/headerFiltering/GridHeaderFilterMenuContainer.js +1 -2
  25. package/esm/hooks/features/columnHeaders/useGridColumnHeaders.js +2 -3
  26. package/esm/utils/releaseInfo.js +1 -1
  27. package/hooks/features/columnHeaders/useGridColumnHeaders.js +2 -2
  28. package/hooks/features/columnPinning/useGridColumnPinning.js +1 -1
  29. package/hooks/features/columnPinning/useGridColumnPinningPreProcessors.js +1 -1
  30. package/hooks/features/columnReorder/useGridColumnReorder.js +1 -1
  31. package/hooks/features/detailPanel/gridDetailPanelToggleColDef.js +1 -1
  32. package/hooks/features/detailPanel/useGridDetailPanel.js +1 -1
  33. package/hooks/features/detailPanel/useGridDetailPanelPreProcessors.js +1 -1
  34. package/hooks/features/infiniteLoader/useGridInfiniteLoader.js +1 -1
  35. package/hooks/features/lazyLoader/useGridLazyLoader.js +1 -1
  36. package/hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.js +1 -1
  37. package/hooks/features/rowPinning/useGridRowPinning.js +1 -1
  38. package/hooks/features/rowPinning/useGridRowPinningPreProcessors.js +1 -1
  39. package/hooks/features/rowReorder/useGridRowReorder.js +1 -1
  40. package/hooks/features/rowReorder/useGridRowReorderPreProcessors.js +1 -1
  41. package/hooks/features/treeData/useGridTreeData.js +1 -1
  42. package/hooks/features/treeData/useGridTreeDataPreProcessors.js +1 -1
  43. package/index.js +1 -1
  44. package/material/icons.js +1 -1
  45. package/models/dataGridProProps.d.ts +2 -2
  46. package/modern/DataGridPro/DataGridPro.js +24 -2
  47. package/modern/components/GridColumnHeaders.js +1 -2
  48. package/modern/components/GridColumnMenuPinningItem.js +1 -2
  49. package/modern/components/GridRowReorderCell.js +1 -2
  50. package/modern/components/GridTreeDataGroupingCell.js +1 -2
  51. package/modern/components/headerFiltering/GridHeaderFilterCell.js +1 -2
  52. package/modern/components/headerFiltering/GridHeaderFilterMenuContainer.js +1 -2
  53. package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +2 -3
  54. package/modern/index.js +1 -1
  55. package/modern/utils/releaseInfo.js +1 -1
  56. package/package.json +6 -8
  57. package/utils/releaseInfo.js +1 -1
  58. package/esm/hooks/features/detailPanel/useGridDetailPanelCache.js +0 -56
  59. package/hooks/features/detailPanel/useGridDetailPanelCache.d.ts +0 -4
  60. package/hooks/features/detailPanel/useGridDetailPanelCache.js +0 -66
  61. package/modern/hooks/features/detailPanel/useGridDetailPanelCache.js +0 -56
@@ -1,66 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.useGridDetailPanelCache = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var React = _interopRequireWildcard(require("react"));
10
- var _xDataGrid = require("@mui/x-data-grid");
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
- function cacheContentAndHeight(apiRef, getDetailPanelContent, getDetailPanelHeight, previousHeightCache) {
14
- if (typeof getDetailPanelContent !== 'function') {
15
- return {};
16
- }
17
-
18
- // TODO change to lazy approach using a Proxy
19
- // only call getDetailPanelContent when asked for an id
20
- const rowIds = (0, _xDataGrid.gridDataRowIdsSelector)(apiRef);
21
- const contentCache = rowIds.reduce((acc, id) => {
22
- const params = apiRef.current.getRowParams(id);
23
- acc[id] = getDetailPanelContent(params);
24
- return acc;
25
- }, {});
26
- const heightCache = rowIds.reduce((acc, id) => {
27
- if (contentCache[id] == null) {
28
- return acc;
29
- }
30
- const params = apiRef.current.getRowParams(id);
31
- const height = getDetailPanelHeight(params);
32
- const autoHeight = height === 'auto';
33
- acc[id] = {
34
- autoHeight,
35
- height: !autoHeight ? height : previousHeightCache[id]?.height
36
- };
37
- return acc;
38
- }, {});
39
- return {
40
- contentCache,
41
- heightCache
42
- };
43
- }
44
- const useGridDetailPanelCache = (apiRef, props) => {
45
- const updateCaches = React.useCallback(() => {
46
- apiRef.current.setState(state => {
47
- return (0, _extends2.default)({}, state, {
48
- detailPanel: (0, _extends2.default)({}, state.detailPanel, cacheContentAndHeight(apiRef, props.getDetailPanelContent, props.getDetailPanelHeight, state.detailPanel.heightCache))
49
- });
50
- });
51
- apiRef.current.forceUpdate();
52
- }, [apiRef, props.getDetailPanelContent, props.getDetailPanelHeight]);
53
- (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'sortedRowsSet', updateCaches);
54
- const isFirstRender = React.useRef(true);
55
- if (isFirstRender.current) {
56
- isFirstRender.current = false;
57
- updateCaches();
58
- }
59
- React.useEffect(() => {
60
- if (isFirstRender.current) {
61
- return;
62
- }
63
- updateCaches();
64
- }, [updateCaches]);
65
- };
66
- exports.useGridDetailPanelCache = useGridDetailPanelCache;
@@ -1,56 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import * as React from 'react';
3
- import { useGridApiEventHandler, gridDataRowIdsSelector } from '@mui/x-data-grid';
4
- function cacheContentAndHeight(apiRef, getDetailPanelContent, getDetailPanelHeight, previousHeightCache) {
5
- if (typeof getDetailPanelContent !== 'function') {
6
- return {};
7
- }
8
-
9
- // TODO change to lazy approach using a Proxy
10
- // only call getDetailPanelContent when asked for an id
11
- const rowIds = gridDataRowIdsSelector(apiRef);
12
- const contentCache = rowIds.reduce((acc, id) => {
13
- const params = apiRef.current.getRowParams(id);
14
- acc[id] = getDetailPanelContent(params);
15
- return acc;
16
- }, {});
17
- const heightCache = rowIds.reduce((acc, id) => {
18
- if (contentCache[id] == null) {
19
- return acc;
20
- }
21
- const params = apiRef.current.getRowParams(id);
22
- const height = getDetailPanelHeight(params);
23
- const autoHeight = height === 'auto';
24
- acc[id] = {
25
- autoHeight,
26
- height: !autoHeight ? height : previousHeightCache[id]?.height
27
- };
28
- return acc;
29
- }, {});
30
- return {
31
- contentCache,
32
- heightCache
33
- };
34
- }
35
- export const useGridDetailPanelCache = (apiRef, props) => {
36
- const updateCaches = React.useCallback(() => {
37
- apiRef.current.setState(state => {
38
- return _extends({}, state, {
39
- detailPanel: _extends({}, state.detailPanel, cacheContentAndHeight(apiRef, props.getDetailPanelContent, props.getDetailPanelHeight, state.detailPanel.heightCache))
40
- });
41
- });
42
- apiRef.current.forceUpdate();
43
- }, [apiRef, props.getDetailPanelContent, props.getDetailPanelHeight]);
44
- useGridApiEventHandler(apiRef, 'sortedRowsSet', updateCaches);
45
- const isFirstRender = React.useRef(true);
46
- if (isFirstRender.current) {
47
- isFirstRender.current = false;
48
- updateCaches();
49
- }
50
- React.useEffect(() => {
51
- if (isFirstRender.current) {
52
- return;
53
- }
54
- updateCaches();
55
- }, [updateCaches]);
56
- };