@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.
- package/CHANGELOG.md +204 -2
- package/DataGridPro/DataGridPro.js +24 -1
- package/DataGridPro/useDataGridProProps.js +1 -1
- package/components/GridColumnHeaders.js +1 -1
- package/components/GridColumnMenuPinningItem.js +1 -1
- package/components/GridDetailPanel.js +1 -1
- package/components/GridDetailPanelToggleCell.js +1 -1
- package/components/GridDetailPanels.js +1 -1
- package/components/GridPinnedRows.js +1 -1
- package/components/GridProColumnMenu.d.ts +3 -3
- package/components/GridProColumnMenu.js +1 -1
- package/components/GridRowReorderCell.js +1 -1
- package/components/GridTreeDataGroupingCell.js +1 -1
- package/components/headerFiltering/GridHeaderFilterCell.js +1 -1
- package/components/headerFiltering/GridHeaderFilterClearButton.js +1 -1
- package/components/headerFiltering/GridHeaderFilterMenu.js +1 -1
- package/components/headerFiltering/GridHeaderFilterMenuContainer.js +1 -1
- package/esm/DataGridPro/DataGridPro.js +24 -2
- package/esm/components/GridColumnHeaders.js +1 -2
- package/esm/components/GridColumnMenuPinningItem.js +1 -2
- package/esm/components/GridRowReorderCell.js +1 -2
- package/esm/components/GridTreeDataGroupingCell.js +1 -2
- package/esm/components/headerFiltering/GridHeaderFilterCell.js +1 -2
- package/esm/components/headerFiltering/GridHeaderFilterMenuContainer.js +1 -2
- package/esm/hooks/features/columnHeaders/useGridColumnHeaders.js +2 -3
- package/esm/utils/releaseInfo.js +1 -1
- package/hooks/features/columnHeaders/useGridColumnHeaders.js +2 -2
- package/hooks/features/columnPinning/useGridColumnPinning.js +1 -1
- package/hooks/features/columnPinning/useGridColumnPinningPreProcessors.js +1 -1
- package/hooks/features/columnReorder/useGridColumnReorder.js +1 -1
- package/hooks/features/detailPanel/gridDetailPanelToggleColDef.js +1 -1
- package/hooks/features/detailPanel/useGridDetailPanel.js +1 -1
- package/hooks/features/detailPanel/useGridDetailPanelPreProcessors.js +1 -1
- package/hooks/features/infiniteLoader/useGridInfiniteLoader.js +1 -1
- package/hooks/features/lazyLoader/useGridLazyLoader.js +1 -1
- package/hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.js +1 -1
- package/hooks/features/rowPinning/useGridRowPinning.js +1 -1
- package/hooks/features/rowPinning/useGridRowPinningPreProcessors.js +1 -1
- package/hooks/features/rowReorder/useGridRowReorder.js +1 -1
- package/hooks/features/rowReorder/useGridRowReorderPreProcessors.js +1 -1
- package/hooks/features/treeData/useGridTreeData.js +1 -1
- package/hooks/features/treeData/useGridTreeDataPreProcessors.js +1 -1
- package/index.js +1 -1
- package/material/icons.js +1 -1
- package/models/dataGridProProps.d.ts +2 -2
- package/modern/DataGridPro/DataGridPro.js +24 -2
- package/modern/components/GridColumnHeaders.js +1 -2
- package/modern/components/GridColumnMenuPinningItem.js +1 -2
- package/modern/components/GridRowReorderCell.js +1 -2
- package/modern/components/GridTreeDataGroupingCell.js +1 -2
- package/modern/components/headerFiltering/GridHeaderFilterCell.js +1 -2
- package/modern/components/headerFiltering/GridHeaderFilterMenuContainer.js +1 -2
- package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +2 -3
- package/modern/index.js +1 -1
- package/modern/utils/releaseInfo.js +1 -1
- package/package.json +6 -8
- package/utils/releaseInfo.js +1 -1
- package/esm/hooks/features/detailPanel/useGridDetailPanelCache.js +0 -56
- package/hooks/features/detailPanel/useGridDetailPanelCache.d.ts +0 -4
- package/hooks/features/detailPanel/useGridDetailPanelCache.js +0 -66
- 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
|
-
};
|