@mui/x-data-grid 8.0.0-alpha.10 → 8.0.0-alpha.11
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 +107 -2
- package/DataGrid/useDataGridComponent.js +2 -2
- package/components/GridRow.js +6 -2
- package/components/GridScrollArea.d.ts +5 -2
- package/components/GridScrollArea.js +31 -24
- package/components/GridSkeletonLoadingOverlay.js +2 -1
- package/components/containers/GridRoot.js +11 -9
- package/components/containers/GridRootStyles.js +3 -3
- package/components/menu/columnMenu/GridColumnMenuContainer.js +5 -2
- package/components/virtualization/GridMainContainer.d.ts +2 -2
- package/components/virtualization/GridMainContainer.js +1 -1
- package/components/virtualization/GridVirtualScroller.js +21 -14
- package/constants/index.d.ts +1 -0
- package/constants/index.js +2 -1
- package/constants/signature.d.ts +9 -0
- package/constants/signature.js +10 -0
- package/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.d.ts +1 -1
- package/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.js +6 -4
- package/hooks/core/useGridApiInitialization.js +1 -1
- package/hooks/core/useGridStateInitialization.js +3 -2
- package/hooks/features/columnHeaders/useGridColumnHeaders.js +10 -14
- package/hooks/features/columns/gridColumnsSelector.d.ts +0 -5
- package/hooks/features/columns/gridColumnsSelector.js +0 -12
- package/hooks/features/columns/useGridColumns.js +2 -1
- package/hooks/features/dimensions/gridDimensionsSelectors.d.ts +16 -0
- package/hooks/features/dimensions/gridDimensionsSelectors.js +26 -1
- package/hooks/features/dimensions/index.d.ts +1 -1
- package/hooks/features/dimensions/index.js +1 -2
- package/hooks/features/dimensions/useGridDimensions.js +97 -70
- package/hooks/features/editing/gridEditingSelectors.d.ts +5 -1
- package/hooks/features/editing/gridEditingSelectors.js +6 -1
- package/hooks/features/editing/useGridRowEditing.js +4 -4
- package/hooks/features/filter/gridFilterSelector.d.ts +2 -2
- package/hooks/features/filter/gridFilterSelector.js +4 -3
- package/hooks/features/filter/gridFilterState.d.ts +8 -3
- package/hooks/features/filter/gridFilterState.js +5 -0
- package/hooks/features/filter/useGridFilter.js +9 -14
- package/hooks/features/overlays/useGridOverlays.js +1 -1
- package/hooks/features/pagination/gridPaginationUtils.js +1 -1
- package/hooks/features/pagination/useGridPagination.js +1 -1
- package/hooks/features/rowSelection/useGridRowSelection.js +3 -2
- package/hooks/features/rowSelection/utils.js +2 -2
- package/hooks/features/rows/gridRowsMetaState.d.ts +8 -0
- package/hooks/features/rows/gridRowsUtils.d.ts +0 -4
- package/hooks/features/rows/gridRowsUtils.js +0 -16
- package/hooks/features/rows/useGridRows.js +4 -2
- package/hooks/features/rows/useGridRowsMeta.js +33 -17
- package/hooks/features/sorting/gridSortingSelector.js +10 -9
- package/hooks/features/virtualization/useGridVirtualScroller.d.ts +6 -0
- package/hooks/features/virtualization/useGridVirtualScroller.js +43 -27
- package/hooks/utils/index.d.ts +1 -1
- package/hooks/utils/index.js +1 -1
- package/hooks/utils/useGridApiEventHandler.d.ts +7 -17
- package/hooks/utils/useGridApiEventHandler.js +68 -75
- package/hooks/utils/useGridSelector.js +23 -5
- package/hooks/utils/useIsSSR.d.ts +1 -0
- package/hooks/utils/useIsSSR.js +5 -0
- package/index.js +1 -1
- package/internals/index.d.ts +3 -1
- package/internals/index.js +3 -1
- package/internals/utils/propValidation.js +1 -1
- package/models/api/gridStateApi.d.ts +1 -0
- package/models/events/gridEventLookup.d.ts +6 -0
- package/modern/DataGrid/useDataGridComponent.js +2 -2
- package/modern/components/GridRow.js +6 -2
- package/modern/components/GridScrollArea.js +31 -24
- package/modern/components/GridSkeletonLoadingOverlay.js +2 -1
- package/modern/components/containers/GridRoot.js +11 -9
- package/modern/components/containers/GridRootStyles.js +3 -3
- package/modern/components/menu/columnMenu/GridColumnMenuContainer.js +5 -2
- package/modern/components/virtualization/GridMainContainer.js +1 -1
- package/modern/components/virtualization/GridVirtualScroller.js +21 -14
- package/modern/constants/index.js +2 -1
- package/modern/constants/signature.js +10 -0
- package/modern/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.js +6 -4
- package/modern/hooks/core/useGridApiInitialization.js +1 -1
- package/modern/hooks/core/useGridStateInitialization.js +3 -2
- package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +10 -14
- package/modern/hooks/features/columns/gridColumnsSelector.js +0 -12
- package/modern/hooks/features/columns/useGridColumns.js +2 -1
- package/modern/hooks/features/dimensions/gridDimensionsSelectors.js +26 -1
- package/modern/hooks/features/dimensions/index.js +1 -2
- package/modern/hooks/features/dimensions/useGridDimensions.js +97 -70
- package/modern/hooks/features/editing/gridEditingSelectors.js +6 -1
- package/modern/hooks/features/editing/useGridRowEditing.js +4 -4
- package/modern/hooks/features/filter/gridFilterSelector.js +4 -3
- package/modern/hooks/features/filter/gridFilterState.js +5 -0
- package/modern/hooks/features/filter/useGridFilter.js +9 -14
- package/modern/hooks/features/overlays/useGridOverlays.js +1 -1
- package/modern/hooks/features/pagination/gridPaginationUtils.js +1 -1
- package/modern/hooks/features/pagination/useGridPagination.js +1 -1
- package/modern/hooks/features/rowSelection/useGridRowSelection.js +3 -2
- package/modern/hooks/features/rowSelection/utils.js +2 -2
- package/modern/hooks/features/rows/gridRowsUtils.js +0 -16
- package/modern/hooks/features/rows/useGridRows.js +4 -2
- package/modern/hooks/features/rows/useGridRowsMeta.js +33 -17
- package/modern/hooks/features/sorting/gridSortingSelector.js +10 -9
- package/modern/hooks/features/virtualization/useGridVirtualScroller.js +43 -27
- package/modern/hooks/utils/index.js +1 -1
- package/modern/hooks/utils/useGridApiEventHandler.js +68 -75
- package/modern/hooks/utils/useGridSelector.js +23 -5
- package/modern/hooks/utils/useIsSSR.js +5 -0
- package/modern/index.js +1 -1
- package/modern/internals/index.js +3 -1
- package/modern/internals/utils/propValidation.js +1 -1
- package/node/DataGrid/useDataGridComponent.js +2 -2
- package/node/components/GridRow.js +6 -2
- package/node/components/GridScrollArea.js +31 -24
- package/node/components/GridSkeletonLoadingOverlay.js +2 -1
- package/node/components/containers/GridRoot.js +10 -8
- package/node/components/containers/GridRootStyles.js +3 -3
- package/node/components/menu/columnMenu/GridColumnMenuContainer.js +5 -2
- package/node/components/virtualization/GridMainContainer.js +1 -1
- package/node/components/virtualization/GridVirtualScroller.js +21 -14
- package/node/constants/index.js +11 -0
- package/node/constants/signature.js +16 -0
- package/node/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.js +6 -4
- package/node/hooks/core/useGridApiInitialization.js +2 -2
- package/node/hooks/core/useGridStateInitialization.js +3 -2
- package/node/hooks/features/columnHeaders/useGridColumnHeaders.js +10 -14
- package/node/hooks/features/columns/gridColumnsSelector.js +1 -13
- package/node/hooks/features/columns/useGridColumns.js +2 -1
- package/node/hooks/features/dimensions/gridDimensionsSelectors.js +38 -2
- package/node/hooks/features/dimensions/index.js +13 -11
- package/node/hooks/features/dimensions/useGridDimensions.js +94 -67
- package/node/hooks/features/editing/gridEditingSelectors.js +5 -1
- package/node/hooks/features/editing/useGridRowEditing.js +4 -4
- package/node/hooks/features/filter/gridFilterSelector.js +4 -3
- package/node/hooks/features/filter/gridFilterState.js +6 -1
- package/node/hooks/features/filter/useGridFilter.js +8 -13
- package/node/hooks/features/overlays/useGridOverlays.js +1 -1
- package/node/hooks/features/pagination/gridPaginationUtils.js +2 -2
- package/node/hooks/features/pagination/useGridPagination.js +1 -1
- package/node/hooks/features/rowSelection/useGridRowSelection.js +5 -4
- package/node/hooks/features/rowSelection/utils.js +3 -3
- package/node/hooks/features/rows/gridRowsUtils.js +0 -17
- package/node/hooks/features/rows/useGridRows.js +6 -4
- package/node/hooks/features/rows/useGridRowsMeta.js +31 -15
- package/node/hooks/features/sorting/gridSortingSelector.js +10 -9
- package/node/hooks/features/virtualization/useGridVirtualScroller.js +42 -26
- package/node/hooks/utils/index.js +21 -11
- package/node/hooks/utils/useGridApiEventHandler.js +71 -78
- package/node/hooks/utils/useGridSelector.js +23 -5
- package/node/hooks/utils/useIsSSR.js +12 -0
- package/node/index.js +1 -1
- package/node/internals/index.js +32 -7
- package/node/internals/utils/propValidation.js +2 -2
- package/package.json +3 -2
package/node/internals/index.js
CHANGED
|
@@ -35,6 +35,7 @@ var _exportNames = {
|
|
|
35
35
|
useGridPrintExport: true,
|
|
36
36
|
useGridFilter: true,
|
|
37
37
|
filterStateInitializer: true,
|
|
38
|
+
defaultGridFilterLookup: true,
|
|
38
39
|
passFilterLogic: true,
|
|
39
40
|
gridFilteredChildrenCountLookupSelector: true,
|
|
40
41
|
gridExpandedSortedRowTreeLevelPositionLookupSelector: true,
|
|
@@ -59,7 +60,6 @@ var _exportNames = {
|
|
|
59
60
|
buildRootGroup: true,
|
|
60
61
|
getRowIdFromRowModel: true,
|
|
61
62
|
GRID_ID_AUTOGENERATED: true,
|
|
62
|
-
calculatePinnedRowsHeight: true,
|
|
63
63
|
useGridRowsMeta: true,
|
|
64
64
|
rowsMetaStateInitializer: true,
|
|
65
65
|
useGridParamsApi: true,
|
|
@@ -176,12 +176,6 @@ Object.defineProperty(exports, "buildRootGroup", {
|
|
|
176
176
|
return _gridRowsUtils.buildRootGroup;
|
|
177
177
|
}
|
|
178
178
|
});
|
|
179
|
-
Object.defineProperty(exports, "calculatePinnedRowsHeight", {
|
|
180
|
-
enumerable: true,
|
|
181
|
-
get: function () {
|
|
182
|
-
return _gridRowsUtils.calculatePinnedRowsHeight;
|
|
183
|
-
}
|
|
184
|
-
});
|
|
185
179
|
Object.defineProperty(exports, "columnGroupsStateInitializer", {
|
|
186
180
|
enumerable: true,
|
|
187
181
|
get: function () {
|
|
@@ -224,6 +218,12 @@ Object.defineProperty(exports, "defaultGetRowsToExport", {
|
|
|
224
218
|
return _utils2.defaultGetRowsToExport;
|
|
225
219
|
}
|
|
226
220
|
});
|
|
221
|
+
Object.defineProperty(exports, "defaultGridFilterLookup", {
|
|
222
|
+
enumerable: true,
|
|
223
|
+
get: function () {
|
|
224
|
+
return _gridFilterState.defaultGridFilterLookup;
|
|
225
|
+
}
|
|
226
|
+
});
|
|
227
227
|
Object.defineProperty(exports, "densityStateInitializer", {
|
|
228
228
|
enumerable: true,
|
|
229
229
|
get: function () {
|
|
@@ -704,6 +704,18 @@ var _GridVirtualScrollerRenderZone = require("../components/virtualization/GridV
|
|
|
704
704
|
var _GridHeaders = require("../components/GridHeaders");
|
|
705
705
|
var _GridBaseColumnHeaders = require("../components/columnHeaders/GridBaseColumnHeaders");
|
|
706
706
|
var _defaultGridSlotsComponents = require("../constants/defaultGridSlotsComponents");
|
|
707
|
+
var _signature = require("../constants/signature");
|
|
708
|
+
Object.keys(_signature).forEach(function (key) {
|
|
709
|
+
if (key === "default" || key === "__esModule") return;
|
|
710
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
711
|
+
if (key in exports && exports[key] === _signature[key]) return;
|
|
712
|
+
Object.defineProperty(exports, key, {
|
|
713
|
+
enumerable: true,
|
|
714
|
+
get: function () {
|
|
715
|
+
return _signature[key];
|
|
716
|
+
}
|
|
717
|
+
});
|
|
718
|
+
});
|
|
707
719
|
var _GridFilterPanel = require("../components/panel/filterPanel/GridFilterPanel");
|
|
708
720
|
var _filterPanelUtils = require("../components/panel/filterPanel/filterPanelUtils");
|
|
709
721
|
var _pipeProcessing = require("../hooks/core/pipeProcessing");
|
|
@@ -756,6 +768,7 @@ var _useGridDensity = require("../hooks/features/density/useGridDensity");
|
|
|
756
768
|
var _useGridCsvExport = require("../hooks/features/export/useGridCsvExport");
|
|
757
769
|
var _useGridPrintExport = require("../hooks/features/export/useGridPrintExport");
|
|
758
770
|
var _useGridFilter = require("../hooks/features/filter/useGridFilter");
|
|
771
|
+
var _gridFilterState = require("../hooks/features/filter/gridFilterState");
|
|
759
772
|
var _gridFilterUtils = require("../hooks/features/filter/gridFilterUtils");
|
|
760
773
|
var _gridFilterSelector = require("../hooks/features/filter/gridFilterSelector");
|
|
761
774
|
var _useGridFocus = require("../hooks/features/focus/useGridFocus");
|
|
@@ -781,6 +794,18 @@ var _gridSortingSelector = require("../hooks/features/sorting/gridSortingSelecto
|
|
|
781
794
|
var _useGridScroll = require("../hooks/features/scroll/useGridScroll");
|
|
782
795
|
var _useGridEvents = require("../hooks/features/events/useGridEvents");
|
|
783
796
|
var _useGridDimensions = require("../hooks/features/dimensions/useGridDimensions");
|
|
797
|
+
var _gridDimensionsSelectors = require("../hooks/features/dimensions/gridDimensionsSelectors");
|
|
798
|
+
Object.keys(_gridDimensionsSelectors).forEach(function (key) {
|
|
799
|
+
if (key === "default" || key === "__esModule") return;
|
|
800
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
801
|
+
if (key in exports && exports[key] === _gridDimensionsSelectors[key]) return;
|
|
802
|
+
Object.defineProperty(exports, key, {
|
|
803
|
+
enumerable: true,
|
|
804
|
+
get: function () {
|
|
805
|
+
return _gridDimensionsSelectors[key];
|
|
806
|
+
}
|
|
807
|
+
});
|
|
808
|
+
});
|
|
784
809
|
var _useGridStatePersistence = require("../hooks/features/statePersistence/useGridStatePersistence");
|
|
785
810
|
var _useGridVirtualScroller = require("../hooks/features/virtualization/useGridVirtualScroller");
|
|
786
811
|
var _virtualization = require("../hooks/features/virtualization");
|
|
@@ -7,8 +7,8 @@ exports.propValidatorsDataGrid = void 0;
|
|
|
7
7
|
exports.validateProps = validateProps;
|
|
8
8
|
var _warning = require("@mui/x-internals/warning");
|
|
9
9
|
var _utils = require("../../utils/utils");
|
|
10
|
-
var
|
|
11
|
-
const propValidatorsDataGrid = exports.propValidatorsDataGrid = [props => props.autoPageSize && props.autoHeight && ['MUI X: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You cannot use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n') || undefined, props => props.paginationMode === 'client' && props.paginationMeta != null && ['MUI X: Usage of the `paginationMeta` prop with client-side pagination (`paginationMode="client"`) has no effect.', '`paginationMeta` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.signature ===
|
|
10
|
+
var _signature = require("../../constants/signature");
|
|
11
|
+
const propValidatorsDataGrid = exports.propValidatorsDataGrid = [props => props.autoPageSize && props.autoHeight && ['MUI X: `<DataGrid autoPageSize={true} autoHeight={true} />` are not valid props.', 'You cannot use both the `autoPageSize` and `autoHeight` props at the same time because `autoHeight` scales the height of the Data Grid according to the `pageSize`.', '', 'Please remove one of these two props.'].join('\n') || undefined, props => props.paginationMode === 'client' && props.paginationMeta != null && ['MUI X: Usage of the `paginationMeta` prop with client-side pagination (`paginationMode="client"`) has no effect.', '`paginationMeta` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.signature === _signature.GridSignature.DataGrid && props.paginationMode === 'client' && (0, _utils.isNumber)(props.rowCount) && ['MUI X: Usage of the `rowCount` prop with client side pagination (`paginationMode="client"`) has no effect.', '`rowCount` is only meant to be used with `paginationMode="server"`.'].join('\n') || undefined, props => props.paginationMode === 'server' && props.rowCount == null && !props.unstable_dataSource && ["MUI X: The `rowCount` prop must be passed using `paginationMode='server'`", 'For more detail, see http://mui.com/components/data-grid/pagination/#index-based-pagination'].join('\n') || undefined];
|
|
12
12
|
function validateProps(props, validators) {
|
|
13
13
|
validators.forEach(validator => {
|
|
14
14
|
const message = validator(props);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-data-grid",
|
|
3
|
-
"version": "8.0.0-alpha.
|
|
3
|
+
"version": "8.0.0-alpha.11",
|
|
4
4
|
"description": "The Community plan edition of the Data Grid components (MUI X).",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./node/index.js",
|
|
@@ -42,7 +42,8 @@
|
|
|
42
42
|
"clsx": "^2.1.1",
|
|
43
43
|
"prop-types": "^15.8.1",
|
|
44
44
|
"reselect": "^5.1.1",
|
|
45
|
-
"
|
|
45
|
+
"use-sync-external-store": "^1.0.0",
|
|
46
|
+
"@mui/x-internals": "8.0.0-alpha.11"
|
|
46
47
|
},
|
|
47
48
|
"peerDependencies": {
|
|
48
49
|
"@emotion/react": "^11.9.0",
|