@mui/x-data-grid-premium 6.17.0 → 6.18.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 +124 -5
- package/DataGridPremium/DataGridPremium.js +6 -0
- package/components/GridAggregationHeader.d.ts +4 -1
- package/components/GridAggregationHeader.js +8 -2
- package/hooks/features/aggregation/wrapColumnWithAggregation.js +4 -9
- package/hooks/features/clipboard/useGridClipboardImport.js +2 -4
- package/hooks/features/rowGrouping/gridRowGroupingUtils.d.ts +2 -2
- package/index.js +1 -1
- package/legacy/DataGridPremium/DataGridPremium.js +6 -0
- package/legacy/components/GridAggregationHeader.js +7 -3
- package/legacy/hooks/features/aggregation/wrapColumnWithAggregation.js +4 -9
- package/legacy/hooks/features/clipboard/useGridClipboardImport.js +2 -4
- package/legacy/index.js +1 -1
- package/legacy/utils/releaseInfo.js +1 -1
- package/models/gridApiPremium.d.ts +2 -1
- package/modern/DataGridPremium/DataGridPremium.js +6 -0
- package/modern/components/GridAggregationHeader.js +8 -2
- package/modern/hooks/features/aggregation/wrapColumnWithAggregation.js +4 -9
- package/modern/hooks/features/clipboard/useGridClipboardImport.js +2 -4
- package/modern/index.js +1 -1
- package/modern/utils/releaseInfo.js +1 -1
- package/node/DataGridPremium/DataGridPremium.js +6 -0
- package/node/components/GridAggregationHeader.js +8 -2
- package/node/hooks/features/aggregation/wrapColumnWithAggregation.js +4 -9
- package/node/hooks/features/clipboard/useGridClipboardImport.js +1 -3
- package/node/index.js +1 -1
- package/node/utils/releaseInfo.js +1 -1
- package/package.json +4 -4
- package/utils/releaseInfo.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,125 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 6.18.1
|
|
7
|
+
|
|
8
|
+
_Nov 9, 2023_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- ✨ Fix aggregation label not showing when `renderHeader` is used (#10961) @cherniavskii
|
|
13
|
+
- 📘 Server side data source [early documentation](https://mui.com/x/react-data-grid/server-side-data/) published
|
|
14
|
+
- 📈 `<ChartsReferenceLine />` component is now available
|
|
15
|
+
- 🐞 Bugfixes
|
|
16
|
+
- 📚 Documentation improvements
|
|
17
|
+
|
|
18
|
+
### Data Grid
|
|
19
|
+
|
|
20
|
+
#### `@mui/x-data-grid@6.18.1`
|
|
21
|
+
|
|
22
|
+
- [DataGrid] Fix cell value type in quick filtering v7 (#10884) @cherniavskii
|
|
23
|
+
- [DataGrid] Fix keyboard navigation for actions cell with disabled buttons (#10947) @michelengelen
|
|
24
|
+
- [DataGrid] Fix `undefined` slot values (#10934) @romgrk
|
|
25
|
+
|
|
26
|
+
#### `@mui/x-data-grid-pro@6.18.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
27
|
+
|
|
28
|
+
Same changes as in `@mui/x-data-grid@6.18.1`, plus:
|
|
29
|
+
|
|
30
|
+
- [DataGridPro] Add data source interface and basic documentation (#10543) @MBilalShafi
|
|
31
|
+
|
|
32
|
+
#### `@mui/x-data-grid-premium@6.18.1` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
33
|
+
|
|
34
|
+
Same changes as in `@mui/x-data-grid-pro@6.18.1`, plus:
|
|
35
|
+
|
|
36
|
+
- [DataGridPremium] Render aggregation label when `renderHeader` is used (#10961) @cherniavskii
|
|
37
|
+
|
|
38
|
+
### Date Pickers
|
|
39
|
+
|
|
40
|
+
#### `@mui/x-date-pickers@6.18.1`
|
|
41
|
+
|
|
42
|
+
- [fields] Fix multi input date time field section selection (#10915) @noraleonte
|
|
43
|
+
- [pickers] Always use up-to-date `defaultView` (#10889) @LukasTy
|
|
44
|
+
|
|
45
|
+
#### `@mui/x-date-pickers-pro@6.18.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
46
|
+
|
|
47
|
+
Same changes as in `@mui/x-date-pickers@6.18.1`.
|
|
48
|
+
|
|
49
|
+
### Charts / `@mui/x-charts@6.18.1`
|
|
50
|
+
|
|
51
|
+
- [charts] Add `<ChartsReferenceLine />` component (#10597) @wascou
|
|
52
|
+
- [charts] Improve properties JSDoc (#10931) @alexfauquette
|
|
53
|
+
|
|
54
|
+
### Docs
|
|
55
|
+
|
|
56
|
+
- [docs] Fix charts docs as stable (#10888) @alexfauquette
|
|
57
|
+
- [docs] Document how to hide the legend (#10954) @alexfauquette
|
|
58
|
+
|
|
59
|
+
### Core
|
|
60
|
+
|
|
61
|
+
- [core] Adds new alpha version to version select on the docs (#10944) @michelengelen
|
|
62
|
+
- [core] Fix GitHub title tag consistency @oliviertassinari
|
|
63
|
+
|
|
64
|
+
## 6.18.0
|
|
65
|
+
|
|
66
|
+
_Nov 3, 2023_
|
|
67
|
+
|
|
68
|
+
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
|
|
69
|
+
|
|
70
|
+
- 🎁 The Charts package is now officially stable!
|
|
71
|
+
- 🥧 Pie charts are now animated.
|
|
72
|
+
- 📈 Line charts now support partial data, and can interpolate missing data.
|
|
73
|
+
|
|
74
|
+
<img width="380" alt="line charts with partial data" src="https://github.com/mui/mui-x/assets/45398769/385ecf77-19b2-4a03-8aef-5d547db1d9ad">
|
|
75
|
+
|
|
76
|
+
- ✨ Allow to ignore [diacritics](https://en.wikipedia.org/wiki/Diacritic) when filtering
|
|
77
|
+
- 📚 Documentation improvements
|
|
78
|
+
|
|
79
|
+
### Data Grid
|
|
80
|
+
|
|
81
|
+
#### `@mui/x-data-grid@6.18.0`
|
|
82
|
+
|
|
83
|
+
- [DataGrid] Allow to ignore [diacritics](https://en.wikipedia.org/wiki/Diacritic) when filtering (#10569) @cherniavskii
|
|
84
|
+
- [DataGrid] Fix a typo in `gridFilterApi` (#10786) @vu-dao-93
|
|
85
|
+
- [DataGrid] Fix `undefined` row id (#10670) @romgrk
|
|
86
|
+
- [DataGrid] Make column autosizing work with dynamic row height (#10693) @cherniavskii
|
|
87
|
+
- [l10n] Allow to customize sorting label per column (#10839) @JerryWu1234
|
|
88
|
+
|
|
89
|
+
#### `@mui/x-data-grid-pro@6.18.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
90
|
+
|
|
91
|
+
Same changes as in `@mui/x-data-grid@6.18.0`.
|
|
92
|
+
|
|
93
|
+
#### `@mui/x-data-grid-premium@6.18.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
94
|
+
|
|
95
|
+
Same changes as in `@mui/x-data-grid-pro@6.18.0`.
|
|
96
|
+
|
|
97
|
+
### Date Pickers
|
|
98
|
+
|
|
99
|
+
#### `@mui/x-date-pickers@6.18.0`
|
|
100
|
+
|
|
101
|
+
- [pickers] Add reference links to calendar components (#10644) @michelengelen
|
|
102
|
+
|
|
103
|
+
#### `@mui/x-date-pickers-pro@6.18.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
104
|
+
|
|
105
|
+
Same changes as in `@mui/x-date-pickers@6.18.0`.
|
|
106
|
+
|
|
107
|
+
### Charts / `@mui/x-charts@6.18.0`
|
|
108
|
+
|
|
109
|
+
- [charts] Add animation on pie chart (#10782) @alexfauquette
|
|
110
|
+
- [charts] Add reference links to shared/misc chart components (#10660) @michelengelen
|
|
111
|
+
- [charts] Allows to connect nulls (#10803) @alexfauquette
|
|
112
|
+
- [charts] Fix axis highlight in dark mode (#10820) @LukasTy
|
|
113
|
+
|
|
114
|
+
### Docs
|
|
115
|
+
|
|
116
|
+
- [docs] Add a data grid recipe for autosizing columns after fetching row-data (#10822) @michelengelen
|
|
117
|
+
- [docs] Add a data grid recipe showing how to remove cell outline on `focus` (#10843) @michelengelen
|
|
118
|
+
- [docs] Add demo about how to use charts margin (#10886) @alexfauquette
|
|
119
|
+
- [docs] Improve custom field input demos readability (#10559) @LukasTy
|
|
120
|
+
|
|
121
|
+
### Core
|
|
122
|
+
|
|
123
|
+
- [core] Generate `slot` API descriptions based on `slots` or `components` (#10879) @LukasTy
|
|
124
|
+
|
|
6
125
|
## 6.17.0
|
|
7
126
|
|
|
8
127
|
_Oct 27, 2023_
|
|
@@ -296,7 +415,7 @@ Same changes as in `@mui/x-date-pickers@6.16.1`, plus:
|
|
|
296
415
|
|
|
297
416
|
- [core] Fix casing consistency with legal and marketing content @oliviertassinari
|
|
298
417
|
- [core] Revert the link in the priority support ticket description (#10517) @michelengelen
|
|
299
|
-
- [
|
|
418
|
+
- [changelog] Polish image @oliviertassinari
|
|
300
419
|
|
|
301
420
|
## 6.16.0
|
|
302
421
|
|
|
@@ -1088,7 +1207,7 @@ Same changes as in `@mui/x-date-pickers@6.10.1`.
|
|
|
1088
1207
|
### Core
|
|
1089
1208
|
|
|
1090
1209
|
- [core] Add `validate` command (#9714) @romgrk
|
|
1091
|
-
- [
|
|
1210
|
+
- [changelog] Update generator to new format @oliviertassinari
|
|
1092
1211
|
|
|
1093
1212
|
## 6.10.0
|
|
1094
1213
|
|
|
@@ -1146,7 +1265,7 @@ Same changes as in `@mui/x-date-pickers@6.10.0`.
|
|
|
1146
1265
|
|
|
1147
1266
|
- [core] Disambiguate eslint plugin name @oliviertassinari
|
|
1148
1267
|
- [core] Update priority support issue template and prompt (#9574) @DanailH
|
|
1149
|
-
- [
|
|
1268
|
+
- [changelog] Clarify each plan (#9446) @oliviertassinari
|
|
1150
1269
|
- [license] Fix error terminology (#9614) @oliviertassinari
|
|
1151
1270
|
|
|
1152
1271
|
## 6.9.2
|
|
@@ -1295,8 +1414,8 @@ Same changes as in `@mui/x-date-pickers@6.9.1`.
|
|
|
1295
1414
|
- [core] Fix priority support prompt action (#9472) @DanailH
|
|
1296
1415
|
- [core] Update `uses` for priority support action (#9480) @DanailH
|
|
1297
1416
|
- [core] Bumb update monorepo (#9476) @alexfauquette
|
|
1298
|
-
- [
|
|
1299
|
-
- [
|
|
1417
|
+
- [changelog] Fix media quality (#9439) @oliviertassinari
|
|
1418
|
+
- [changelog] Remove height img attribute @oliviertassinari
|
|
1300
1419
|
- [test] Skip flaky row pinning tests in JSDOM (#9511) @cherniavskii
|
|
1301
1420
|
|
|
1302
1421
|
## 6.9.0
|
|
@@ -428,6 +428,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
|
|
|
428
428
|
* @default false
|
|
429
429
|
*/
|
|
430
430
|
hideFooterSelectedRowCount: PropTypes.bool,
|
|
431
|
+
/**
|
|
432
|
+
* If `true`, the diacritics (accents) are ignored when filtering or quick filtering.
|
|
433
|
+
* E.g. when filter value is `cafe`, the rows with `café` will be visible.
|
|
434
|
+
* @default false
|
|
435
|
+
*/
|
|
436
|
+
ignoreDiacritics: PropTypes.bool,
|
|
431
437
|
/**
|
|
432
438
|
* The initial state of the DataGridPremium.
|
|
433
439
|
* The data in it is set in the state on initialization but isn't controlled.
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { GridColumnHeaderParams } from '@mui/x-data-grid';
|
|
3
|
-
|
|
3
|
+
import type { GridBaseColDef } from '@mui/x-data-grid/internals';
|
|
4
|
+
declare function GridAggregationHeader(props: GridColumnHeaderParams & {
|
|
5
|
+
renderHeader: GridBaseColDef['renderHeader'];
|
|
6
|
+
}): React.JSX.Element | null;
|
|
4
7
|
export { GridAggregationHeader };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
+
const _excluded = ["renderHeader"];
|
|
2
4
|
import * as React from 'react';
|
|
3
5
|
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
4
6
|
import Box from '@mui/material/Box';
|
|
@@ -53,10 +55,14 @@ const useUtilityClasses = ownerState => {
|
|
|
53
55
|
};
|
|
54
56
|
function GridAggregationHeader(props) {
|
|
55
57
|
var _colDef$headerName;
|
|
58
|
+
const {
|
|
59
|
+
renderHeader
|
|
60
|
+
} = props,
|
|
61
|
+
params = _objectWithoutPropertiesLoose(props, _excluded);
|
|
56
62
|
const {
|
|
57
63
|
colDef,
|
|
58
64
|
aggregation
|
|
59
|
-
} =
|
|
65
|
+
} = params;
|
|
60
66
|
const apiRef = useGridApiContext();
|
|
61
67
|
const rootProps = useGridRootProps();
|
|
62
68
|
const ownerState = _extends({}, rootProps, {
|
|
@@ -74,7 +80,7 @@ function GridAggregationHeader(props) {
|
|
|
74
80
|
return /*#__PURE__*/_jsxs(GridAggregationHeaderRoot, {
|
|
75
81
|
ownerState: ownerState,
|
|
76
82
|
className: classes.root,
|
|
77
|
-
children: [/*#__PURE__*/_jsx(GridColumnHeaderTitle, {
|
|
83
|
+
children: [renderHeader ? renderHeader(params) : /*#__PURE__*/_jsx(GridColumnHeaderTitle, {
|
|
78
84
|
label: (_colDef$headerName = colDef.headerName) != null ? _colDef$headerName : colDef.field,
|
|
79
85
|
description: colDef.description,
|
|
80
86
|
columnWidth: colDef.computedWidth
|
|
@@ -126,16 +126,11 @@ const getWrappedRenderHeader = ({
|
|
|
126
126
|
aggregationRule
|
|
127
127
|
}) => {
|
|
128
128
|
const wrappedRenderHeader = params => {
|
|
129
|
-
const aggregation = {
|
|
130
|
-
aggregationRule
|
|
131
|
-
};
|
|
132
|
-
if (renderHeader) {
|
|
133
|
-
return renderHeader(_extends({}, params, {
|
|
134
|
-
aggregation
|
|
135
|
-
}));
|
|
136
|
-
}
|
|
137
129
|
return /*#__PURE__*/_jsx(GridAggregationHeader, _extends({}, params, {
|
|
138
|
-
aggregation:
|
|
130
|
+
aggregation: {
|
|
131
|
+
aggregationRule
|
|
132
|
+
},
|
|
133
|
+
renderHeader: renderHeader
|
|
139
134
|
}));
|
|
140
135
|
};
|
|
141
136
|
return wrappedRenderHeader;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { GRID_CHECKBOX_SELECTION_FIELD, gridFocusCellSelector, gridVisibleColumnFieldsSelector, useGridApiOptionHandler, useGridApiEventHandler, gridPaginatedVisibleSortedGridRowIdsSelector, gridExpandedSortedRowIdsSelector } from '@mui/x-data-grid';
|
|
4
|
-
import { buildWarning, getRowIdFromRowModel, getActiveElement, useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
|
|
4
|
+
import { buildWarning, getRowIdFromRowModel, getActiveElement, useGridRegisterPipeProcessor, getPublicApiRef } from '@mui/x-data-grid/internals';
|
|
5
5
|
import { GRID_DETAIL_PANEL_TOGGLE_FIELD, GRID_REORDER_COL_DEF } from '@mui/x-data-grid-pro';
|
|
6
6
|
import { unstable_debounce as debounce } from '@mui/utils';
|
|
7
7
|
const missingOnProcessRowUpdateErrorWarning = buildWarning(['MUI: A call to `processRowUpdate` threw an error which was not handled because `onProcessRowUpdateError` is missing.', 'To handle the error pass a callback to the `onProcessRowUpdateError` prop, e.g. `<DataGrid onProcessRowUpdateError={(error) => ...} />`.', 'For more detail, see http://mui.com/components/data-grid/editing/#server-side-persistence.'], 'error');
|
|
@@ -287,9 +287,7 @@ export const useGridClipboardImport = (apiRef, props) => {
|
|
|
287
287
|
});
|
|
288
288
|
defaultPasteResolver({
|
|
289
289
|
pastedData,
|
|
290
|
-
apiRef:
|
|
291
|
-
current: apiRef.current.getPublicApi()
|
|
292
|
-
},
|
|
290
|
+
apiRef: getPublicApiRef(apiRef),
|
|
293
291
|
updateCell: (...args) => {
|
|
294
292
|
cellUpdater.updateCell(...args);
|
|
295
293
|
},
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { GridRowId, GridRowTreeConfig, GridFilterState, GridFilterModel, GridRowModel, GridColDef, GridKeyValue } from '@mui/x-data-grid-pro';
|
|
3
|
-
import { GridAggregatedFilterItemApplier, GridColumnRawLookup
|
|
3
|
+
import { GridAggregatedFilterItemApplier, GridColumnRawLookup } from '@mui/x-data-grid-pro/internals';
|
|
4
4
|
import { DataGridPremiumProcessedProps } from '../../../models/dataGridPremiumProps';
|
|
5
5
|
import { GridGroupingRule, GridGroupingRules, GridRowGroupingModel } from './gridRowGroupingInterfaces';
|
|
6
6
|
import { GridStatePremium } from '../../../models/gridStatePremium';
|
|
@@ -14,7 +14,7 @@ interface FilterRowTreeFromTreeDataParams {
|
|
|
14
14
|
rowTree: GridRowTreeConfig;
|
|
15
15
|
isRowMatchingFilters: GridAggregatedFilterItemApplier | null;
|
|
16
16
|
filterModel: GridFilterModel;
|
|
17
|
-
apiRef: React.MutableRefObject<
|
|
17
|
+
apiRef: React.MutableRefObject<GridPrivateApiPremium>;
|
|
18
18
|
}
|
|
19
19
|
/**
|
|
20
20
|
* A leaf is visible if it passed the filter
|
package/index.js
CHANGED
|
@@ -428,6 +428,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
|
|
|
428
428
|
* @default false
|
|
429
429
|
*/
|
|
430
430
|
hideFooterSelectedRowCount: PropTypes.bool,
|
|
431
|
+
/**
|
|
432
|
+
* If `true`, the diacritics (accents) are ignored when filtering or quick filtering.
|
|
433
|
+
* E.g. when filter value is `cafe`, the rows with `café` will be visible.
|
|
434
|
+
* @default false
|
|
435
|
+
*/
|
|
436
|
+
ignoreDiacritics: PropTypes.bool,
|
|
431
437
|
/**
|
|
432
438
|
* The initial state of the DataGridPremium.
|
|
433
439
|
* The data in it is set in the state on initialization but isn't controlled.
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
3
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
|
+
var _excluded = ["renderHeader"];
|
|
3
5
|
var _styled;
|
|
4
6
|
import * as React from 'react';
|
|
5
7
|
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
@@ -54,8 +56,10 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
|
|
|
54
56
|
};
|
|
55
57
|
function GridAggregationHeader(props) {
|
|
56
58
|
var _colDef$headerName;
|
|
57
|
-
var
|
|
58
|
-
|
|
59
|
+
var renderHeader = props.renderHeader,
|
|
60
|
+
params = _objectWithoutProperties(props, _excluded);
|
|
61
|
+
var colDef = params.colDef,
|
|
62
|
+
aggregation = params.aggregation;
|
|
59
63
|
var apiRef = useGridApiContext();
|
|
60
64
|
var rootProps = useGridRootProps();
|
|
61
65
|
var ownerState = _extends({}, rootProps, {
|
|
@@ -73,7 +77,7 @@ function GridAggregationHeader(props) {
|
|
|
73
77
|
return /*#__PURE__*/_jsxs(GridAggregationHeaderRoot, {
|
|
74
78
|
ownerState: ownerState,
|
|
75
79
|
className: classes.root,
|
|
76
|
-
children: [/*#__PURE__*/_jsx(GridColumnHeaderTitle, {
|
|
80
|
+
children: [renderHeader ? renderHeader(params) : /*#__PURE__*/_jsx(GridColumnHeaderTitle, {
|
|
77
81
|
label: (_colDef$headerName = colDef.headerName) != null ? _colDef$headerName : colDef.field,
|
|
78
82
|
description: colDef.description,
|
|
79
83
|
columnWidth: colDef.computedWidth
|
|
@@ -123,16 +123,11 @@ var getWrappedRenderHeader = function getWrappedRenderHeader(_ref5) {
|
|
|
123
123
|
var renderHeader = _ref5.value,
|
|
124
124
|
aggregationRule = _ref5.aggregationRule;
|
|
125
125
|
var wrappedRenderHeader = function wrappedRenderHeader(params) {
|
|
126
|
-
var aggregation = {
|
|
127
|
-
aggregationRule: aggregationRule
|
|
128
|
-
};
|
|
129
|
-
if (renderHeader) {
|
|
130
|
-
return renderHeader(_extends({}, params, {
|
|
131
|
-
aggregation: aggregation
|
|
132
|
-
}));
|
|
133
|
-
}
|
|
134
126
|
return /*#__PURE__*/_jsx(GridAggregationHeader, _extends({}, params, {
|
|
135
|
-
aggregation:
|
|
127
|
+
aggregation: {
|
|
128
|
+
aggregationRule: aggregationRule
|
|
129
|
+
},
|
|
130
|
+
renderHeader: renderHeader
|
|
136
131
|
}));
|
|
137
132
|
};
|
|
138
133
|
return wrappedRenderHeader;
|
|
@@ -5,7 +5,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
|
5
5
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
6
6
|
import * as React from 'react';
|
|
7
7
|
import { GRID_CHECKBOX_SELECTION_FIELD, gridFocusCellSelector, gridVisibleColumnFieldsSelector, useGridApiOptionHandler, useGridApiEventHandler, gridPaginatedVisibleSortedGridRowIdsSelector, gridExpandedSortedRowIdsSelector } from '@mui/x-data-grid';
|
|
8
|
-
import { buildWarning, getRowIdFromRowModel, getActiveElement, useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
|
|
8
|
+
import { buildWarning, getRowIdFromRowModel, getActiveElement, useGridRegisterPipeProcessor, getPublicApiRef } from '@mui/x-data-grid/internals';
|
|
9
9
|
import { GRID_DETAIL_PANEL_TOGGLE_FIELD, GRID_REORDER_COL_DEF } from '@mui/x-data-grid-pro';
|
|
10
10
|
import { unstable_debounce as debounce } from '@mui/utils';
|
|
11
11
|
var missingOnProcessRowUpdateErrorWarning = buildWarning(['MUI: A call to `processRowUpdate` threw an error which was not handled because `onProcessRowUpdateError` is missing.', 'To handle the error pass a callback to the `onProcessRowUpdateError` prop, e.g. `<DataGrid onProcessRowUpdateError={(error) => ...} />`.', 'For more detail, see http://mui.com/components/data-grid/editing/#server-side-persistence.'], 'error');
|
|
@@ -359,9 +359,7 @@ export var useGridClipboardImport = function useGridClipboardImport(apiRef, prop
|
|
|
359
359
|
});
|
|
360
360
|
defaultPasteResolver({
|
|
361
361
|
pastedData: pastedData,
|
|
362
|
-
apiRef:
|
|
363
|
-
current: apiRef.current.getPublicApi()
|
|
364
|
-
},
|
|
362
|
+
apiRef: getPublicApiRef(apiRef),
|
|
365
363
|
updateCell: function updateCell() {
|
|
366
364
|
cellUpdater.updateCell.apply(cellUpdater, arguments);
|
|
367
365
|
},
|
package/legacy/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export var getReleaseInfo = function getReleaseInfo() {
|
|
3
|
-
var releaseInfo = "
|
|
3
|
+
var releaseInfo = "MTY5OTQ4NDQwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
|
@@ -3,11 +3,12 @@ import { GridApiCommon, GridColumnPinningApi, GridColumnResizeApi, GridDetailPan
|
|
|
3
3
|
import { GridInitialStatePremium, GridStatePremium } from './gridStatePremium';
|
|
4
4
|
import type { GridRowGroupingApi, GridExcelExportApi, GridAggregationApi } from '../hooks';
|
|
5
5
|
import { GridCellSelectionApi } from '../hooks/features/cellSelection/gridCellSelectionInterfaces';
|
|
6
|
+
import type { DataGridPremiumProcessedProps } from './dataGridPremiumProps';
|
|
6
7
|
/**
|
|
7
8
|
* The api of `DataGridPremium`.
|
|
8
9
|
* TODO: Do not redefine manually the pro features
|
|
9
10
|
*/
|
|
10
11
|
export interface GridApiPremium extends GridApiCommon<GridStatePremium, GridInitialStatePremium>, GridRowProApi, GridColumnPinningApi, GridColumnResizeApi, GridDetailPanelApi, GridRowGroupingApi, GridExcelExportApi, GridAggregationApi, GridRowPinningApi, GridCellSelectionApi, GridRowMultiSelectionApi, GridColumnReorderApi {
|
|
11
12
|
}
|
|
12
|
-
export interface GridPrivateApiPremium extends GridApiPremium, GridPrivateOnlyApiCommon<GridApiPremium, GridPrivateApiPremium>, GridDetailPanelPrivateApi {
|
|
13
|
+
export interface GridPrivateApiPremium extends GridApiPremium, GridPrivateOnlyApiCommon<GridApiPremium, GridPrivateApiPremium, DataGridPremiumProcessedProps>, GridDetailPanelPrivateApi {
|
|
13
14
|
}
|
|
@@ -428,6 +428,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
|
|
|
428
428
|
* @default false
|
|
429
429
|
*/
|
|
430
430
|
hideFooterSelectedRowCount: PropTypes.bool,
|
|
431
|
+
/**
|
|
432
|
+
* If `true`, the diacritics (accents) are ignored when filtering or quick filtering.
|
|
433
|
+
* E.g. when filter value is `cafe`, the rows with `café` will be visible.
|
|
434
|
+
* @default false
|
|
435
|
+
*/
|
|
436
|
+
ignoreDiacritics: PropTypes.bool,
|
|
431
437
|
/**
|
|
432
438
|
* The initial state of the DataGridPremium.
|
|
433
439
|
* The data in it is set in the state on initialization but isn't controlled.
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
+
const _excluded = ["renderHeader"];
|
|
2
4
|
import * as React from 'react';
|
|
3
5
|
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
4
6
|
import Box from '@mui/material/Box';
|
|
@@ -52,10 +54,14 @@ const useUtilityClasses = ownerState => {
|
|
|
52
54
|
return composeClasses(slots, getDataGridUtilityClass, classes);
|
|
53
55
|
};
|
|
54
56
|
function GridAggregationHeader(props) {
|
|
57
|
+
const {
|
|
58
|
+
renderHeader
|
|
59
|
+
} = props,
|
|
60
|
+
params = _objectWithoutPropertiesLoose(props, _excluded);
|
|
55
61
|
const {
|
|
56
62
|
colDef,
|
|
57
63
|
aggregation
|
|
58
|
-
} =
|
|
64
|
+
} = params;
|
|
59
65
|
const apiRef = useGridApiContext();
|
|
60
66
|
const rootProps = useGridRootProps();
|
|
61
67
|
const ownerState = _extends({}, rootProps, {
|
|
@@ -73,7 +79,7 @@ function GridAggregationHeader(props) {
|
|
|
73
79
|
return /*#__PURE__*/_jsxs(GridAggregationHeaderRoot, {
|
|
74
80
|
ownerState: ownerState,
|
|
75
81
|
className: classes.root,
|
|
76
|
-
children: [/*#__PURE__*/_jsx(GridColumnHeaderTitle, {
|
|
82
|
+
children: [renderHeader ? renderHeader(params) : /*#__PURE__*/_jsx(GridColumnHeaderTitle, {
|
|
77
83
|
label: colDef.headerName ?? colDef.field,
|
|
78
84
|
description: colDef.description,
|
|
79
85
|
columnWidth: colDef.computedWidth
|
|
@@ -124,16 +124,11 @@ const getWrappedRenderHeader = ({
|
|
|
124
124
|
aggregationRule
|
|
125
125
|
}) => {
|
|
126
126
|
const wrappedRenderHeader = params => {
|
|
127
|
-
const aggregation = {
|
|
128
|
-
aggregationRule
|
|
129
|
-
};
|
|
130
|
-
if (renderHeader) {
|
|
131
|
-
return renderHeader(_extends({}, params, {
|
|
132
|
-
aggregation
|
|
133
|
-
}));
|
|
134
|
-
}
|
|
135
127
|
return /*#__PURE__*/_jsx(GridAggregationHeader, _extends({}, params, {
|
|
136
|
-
aggregation:
|
|
128
|
+
aggregation: {
|
|
129
|
+
aggregationRule
|
|
130
|
+
},
|
|
131
|
+
renderHeader: renderHeader
|
|
137
132
|
}));
|
|
138
133
|
};
|
|
139
134
|
return wrappedRenderHeader;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { GRID_CHECKBOX_SELECTION_FIELD, gridFocusCellSelector, gridVisibleColumnFieldsSelector, useGridApiOptionHandler, useGridApiEventHandler, gridPaginatedVisibleSortedGridRowIdsSelector, gridExpandedSortedRowIdsSelector } from '@mui/x-data-grid';
|
|
4
|
-
import { buildWarning, getRowIdFromRowModel, getActiveElement, useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
|
|
4
|
+
import { buildWarning, getRowIdFromRowModel, getActiveElement, useGridRegisterPipeProcessor, getPublicApiRef } from '@mui/x-data-grid/internals';
|
|
5
5
|
import { GRID_DETAIL_PANEL_TOGGLE_FIELD, GRID_REORDER_COL_DEF } from '@mui/x-data-grid-pro';
|
|
6
6
|
import { unstable_debounce as debounce } from '@mui/utils';
|
|
7
7
|
const missingOnProcessRowUpdateErrorWarning = buildWarning(['MUI: A call to `processRowUpdate` threw an error which was not handled because `onProcessRowUpdateError` is missing.', 'To handle the error pass a callback to the `onProcessRowUpdateError` prop, e.g. `<DataGrid onProcessRowUpdateError={(error) => ...} />`.', 'For more detail, see http://mui.com/components/data-grid/editing/#server-side-persistence.'], 'error');
|
|
@@ -285,9 +285,7 @@ export const useGridClipboardImport = (apiRef, props) => {
|
|
|
285
285
|
});
|
|
286
286
|
defaultPasteResolver({
|
|
287
287
|
pastedData,
|
|
288
|
-
apiRef:
|
|
289
|
-
current: apiRef.current.getPublicApi()
|
|
290
|
-
},
|
|
288
|
+
apiRef: getPublicApiRef(apiRef),
|
|
291
289
|
updateCell: (...args) => {
|
|
292
290
|
cellUpdater.updateCell(...args);
|
|
293
291
|
},
|
package/modern/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTY5OTQ4NDQwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
|
@@ -436,6 +436,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
|
|
|
436
436
|
* @default false
|
|
437
437
|
*/
|
|
438
438
|
hideFooterSelectedRowCount: _propTypes.default.bool,
|
|
439
|
+
/**
|
|
440
|
+
* If `true`, the diacritics (accents) are ignored when filtering or quick filtering.
|
|
441
|
+
* E.g. when filter value is `cafe`, the rows with `café` will be visible.
|
|
442
|
+
* @default false
|
|
443
|
+
*/
|
|
444
|
+
ignoreDiacritics: _propTypes.default.bool,
|
|
439
445
|
/**
|
|
440
446
|
* The initial state of the DataGridPremium.
|
|
441
447
|
* The data in it is set in the state on initialization but isn't controlled.
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.GridAggregationHeader = GridAggregationHeader;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
9
10
|
var React = _interopRequireWildcard(require("react"));
|
|
10
11
|
var _utils = require("@mui/utils");
|
|
11
12
|
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
|
@@ -15,6 +16,7 @@ var _gridAggregationUtils = require("../hooks/features/aggregation/gridAggregati
|
|
|
15
16
|
var _useGridApiContext = require("../hooks/utils/useGridApiContext");
|
|
16
17
|
var _useGridRootProps = require("../hooks/utils/useGridRootProps");
|
|
17
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
+
const _excluded = ["renderHeader"];
|
|
18
20
|
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); }
|
|
19
21
|
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; }
|
|
20
22
|
const GridAggregationHeaderRoot = (0, _styles.styled)(_Box.default, {
|
|
@@ -60,10 +62,14 @@ const useUtilityClasses = ownerState => {
|
|
|
60
62
|
return (0, _utils.unstable_composeClasses)(slots, _xDataGrid.getDataGridUtilityClass, classes);
|
|
61
63
|
};
|
|
62
64
|
function GridAggregationHeader(props) {
|
|
65
|
+
const {
|
|
66
|
+
renderHeader
|
|
67
|
+
} = props,
|
|
68
|
+
params = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
63
69
|
const {
|
|
64
70
|
colDef,
|
|
65
71
|
aggregation
|
|
66
|
-
} =
|
|
72
|
+
} = params;
|
|
67
73
|
const apiRef = (0, _useGridApiContext.useGridApiContext)();
|
|
68
74
|
const rootProps = (0, _useGridRootProps.useGridRootProps)();
|
|
69
75
|
const ownerState = (0, _extends2.default)({}, rootProps, {
|
|
@@ -81,7 +87,7 @@ function GridAggregationHeader(props) {
|
|
|
81
87
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(GridAggregationHeaderRoot, {
|
|
82
88
|
ownerState: ownerState,
|
|
83
89
|
className: classes.root,
|
|
84
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridColumnHeaderTitle, {
|
|
90
|
+
children: [renderHeader ? renderHeader(params) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridColumnHeaderTitle, {
|
|
85
91
|
label: colDef.headerName ?? colDef.field,
|
|
86
92
|
description: colDef.description,
|
|
87
93
|
columnWidth: colDef.computedWidth
|
|
@@ -133,16 +133,11 @@ const getWrappedRenderHeader = ({
|
|
|
133
133
|
aggregationRule
|
|
134
134
|
}) => {
|
|
135
135
|
const wrappedRenderHeader = params => {
|
|
136
|
-
const aggregation = {
|
|
137
|
-
aggregationRule
|
|
138
|
-
};
|
|
139
|
-
if (renderHeader) {
|
|
140
|
-
return renderHeader((0, _extends2.default)({}, params, {
|
|
141
|
-
aggregation
|
|
142
|
-
}));
|
|
143
|
-
}
|
|
144
136
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridAggregationHeader.GridAggregationHeader, (0, _extends2.default)({}, params, {
|
|
145
|
-
aggregation:
|
|
137
|
+
aggregation: {
|
|
138
|
+
aggregationRule
|
|
139
|
+
},
|
|
140
|
+
renderHeader: renderHeader
|
|
146
141
|
}));
|
|
147
142
|
};
|
|
148
143
|
return wrappedRenderHeader;
|
|
@@ -294,9 +294,7 @@ const useGridClipboardImport = (apiRef, props) => {
|
|
|
294
294
|
});
|
|
295
295
|
defaultPasteResolver({
|
|
296
296
|
pastedData,
|
|
297
|
-
apiRef:
|
|
298
|
-
current: apiRef.current.getPublicApi()
|
|
299
|
-
},
|
|
297
|
+
apiRef: (0, _internals.getPublicApiRef)(apiRef),
|
|
300
298
|
updateCell: (...args) => {
|
|
301
299
|
cellUpdater.updateCell(...args);
|
|
302
300
|
},
|
package/node/index.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.getReleaseInfo = void 0;
|
|
7
7
|
var _utils = require("@mui/utils");
|
|
8
8
|
const getReleaseInfo = () => {
|
|
9
|
-
const releaseInfo = "
|
|
9
|
+
const releaseInfo = "MTY5OTQ4NDQwMDAwMA==";
|
|
10
10
|
if (process.env.NODE_ENV !== 'production') {
|
|
11
11
|
// A simple hack to set the value in the test environment (has no build step).
|
|
12
12
|
// eslint-disable-next-line no-useless-concat
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-data-grid-premium",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.18.1",
|
|
4
4
|
"description": "The Premium plan edition of the data grid component (MUI X).",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./node/index.js",
|
|
@@ -32,9 +32,9 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.23.2",
|
|
35
|
-
"@mui/utils": "^5.14.
|
|
36
|
-
"@mui/x-data-grid": "6.
|
|
37
|
-
"@mui/x-data-grid-pro": "6.
|
|
35
|
+
"@mui/utils": "^5.14.16",
|
|
36
|
+
"@mui/x-data-grid": "6.18.1",
|
|
37
|
+
"@mui/x-data-grid-pro": "6.18.1",
|
|
38
38
|
"@mui/x-license-pro": "6.10.2",
|
|
39
39
|
"@types/format-util": "^1.0.3",
|
|
40
40
|
"clsx": "^2.0.0",
|
package/utils/releaseInfo.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTY5OTQ4NDQwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|