@mui/x-data-grid 7.16.0 → 7.18.0
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 +184 -4
- package/DataGrid/DataGrid.js +11 -1
- package/DataGrid/useDataGridComponent.js +3 -0
- package/DataGrid/useDataGridProps.js +2 -1
- package/colDef/gridStringOperators.js +49 -33
- package/components/GridRow.js +1 -0
- package/components/cell/GridCell.js +30 -5
- package/components/columnHeaders/GridColumnHeaderItem.d.ts +2 -0
- package/components/columnHeaders/GridColumnHeaderItem.js +9 -2
- package/components/columnHeaders/GridColumnHeaderTitle.js +3 -1
- package/components/columnHeaders/GridGenericColumnHeaderItem.js +1 -2
- package/components/containers/GridRootStyles.js +3 -7
- package/components/panel/filterPanel/GridFilterForm.js +1 -1
- package/constants/gridClasses.d.ts +10 -0
- package/constants/gridClasses.js +1 -1
- package/constants/localeTextConstants.js +4 -0
- package/hooks/features/columnHeaders/useGridColumnHeaders.d.ts +0 -1
- package/hooks/features/columnHeaders/useGridColumnHeaders.js +17 -12
- package/hooks/features/columnResize/useGridColumnResize.js +6 -6
- package/hooks/features/dimensions/gridDimensionsApi.d.ts +4 -0
- package/hooks/features/dimensions/useGridDimensions.d.ts +1 -1
- package/hooks/features/dimensions/useGridDimensions.js +4 -1
- package/hooks/features/editing/useGridCellEditing.js +3 -19
- package/hooks/features/editing/useGridRowEditing.js +7 -2
- package/hooks/features/editing/utils.d.ts +2 -0
- package/hooks/features/editing/utils.js +15 -0
- package/hooks/features/export/serializers/csvSerializer.js +1 -1
- package/hooks/features/export/useGridPrintExport.js +2 -1
- package/hooks/features/filter/gridFilterUtils.js +1 -1
- package/hooks/features/focus/useGridFocus.js +2 -1
- package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +10 -46
- package/hooks/features/keyboardNavigation/utils.d.ts +17 -0
- package/hooks/features/keyboardNavigation/utils.js +58 -0
- package/hooks/features/rows/gridRowSpanningSelectors.d.ts +4 -0
- package/hooks/features/rows/gridRowSpanningSelectors.js +5 -0
- package/hooks/features/rows/gridRowSpanningUtils.d.ts +10 -0
- package/hooks/features/rows/gridRowSpanningUtils.js +42 -0
- package/hooks/features/rows/useGridRowSpanning.d.ts +27 -0
- package/hooks/features/rows/useGridRowSpanning.js +257 -0
- package/hooks/features/sorting/gridSortingUtils.js +1 -1
- package/hooks/features/virtualization/useGridVirtualScroller.d.ts +1 -1
- package/hooks/features/virtualization/useGridVirtualScroller.js +17 -7
- package/hooks/utils/useGridApiEventHandler.js +0 -1
- package/hooks/utils/useGridSelector.js +1 -1
- package/index.js +1 -1
- package/internals/index.d.ts +1 -0
- package/internals/index.js +1 -0
- package/internals/utils/index.d.ts +0 -1
- package/internals/utils/index.js +1 -2
- package/internals/utils/propValidation.js +1 -1
- package/locales/arSD.js +4 -0
- package/locales/beBY.js +4 -0
- package/locales/bgBG.js +4 -0
- package/locales/csCZ.js +4 -0
- package/locales/daDK.js +4 -0
- package/locales/deDE.js +4 -0
- package/locales/elGR.js +4 -0
- package/locales/esES.js +4 -0
- package/locales/faIR.js +4 -0
- package/locales/fiFI.js +4 -0
- package/locales/frFR.js +4 -0
- package/locales/heIL.js +4 -0
- package/locales/hrHR.js +4 -0
- package/locales/huHU.js +11 -8
- package/locales/isIS.js +4 -0
- package/locales/itIT.js +4 -0
- package/locales/jaJP.js +4 -0
- package/locales/koKR.js +4 -0
- package/locales/nbNO.js +4 -0
- package/locales/nlNL.js +4 -0
- package/locales/nnNO.js +4 -0
- package/locales/plPL.js +4 -0
- package/locales/ptBR.js +4 -0
- package/locales/ptPT.js +4 -0
- package/locales/roRO.js +4 -0
- package/locales/ruRU.js +4 -0
- package/locales/skSK.js +4 -0
- package/locales/svSE.js +4 -0
- package/locales/trTR.js +4 -0
- package/locales/ukUA.js +4 -0
- package/locales/urPK.js +4 -0
- package/locales/viVN.js +4 -0
- package/locales/zhCN.js +4 -0
- package/locales/zhHK.js +4 -0
- package/locales/zhTW.js +4 -0
- package/models/api/gridLocaleTextApi.d.ts +4 -0
- package/models/colDef/gridColDef.d.ts +4 -0
- package/models/gridStateCommunity.d.ts +2 -0
- package/models/props/DataGridProps.d.ts +10 -0
- package/modern/DataGrid/DataGrid.js +11 -1
- package/modern/DataGrid/useDataGridComponent.js +3 -0
- package/modern/DataGrid/useDataGridProps.js +2 -1
- package/modern/colDef/gridStringOperators.js +49 -33
- package/modern/components/GridRow.js +1 -0
- package/modern/components/cell/GridCell.js +30 -5
- package/modern/components/columnHeaders/GridColumnHeaderItem.js +9 -2
- package/modern/components/columnHeaders/GridColumnHeaderTitle.js +3 -1
- package/modern/components/columnHeaders/GridGenericColumnHeaderItem.js +1 -2
- package/modern/components/containers/GridRootStyles.js +3 -7
- package/modern/components/panel/filterPanel/GridFilterForm.js +1 -1
- package/modern/constants/gridClasses.js +1 -1
- package/modern/constants/localeTextConstants.js +4 -0
- package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +17 -12
- package/modern/hooks/features/columnResize/useGridColumnResize.js +6 -6
- package/modern/hooks/features/dimensions/useGridDimensions.js +4 -1
- package/modern/hooks/features/editing/useGridCellEditing.js +3 -19
- package/modern/hooks/features/editing/useGridRowEditing.js +7 -2
- package/modern/hooks/features/editing/utils.js +15 -0
- package/modern/hooks/features/export/serializers/csvSerializer.js +1 -1
- package/modern/hooks/features/export/useGridPrintExport.js +2 -1
- package/modern/hooks/features/filter/gridFilterUtils.js +1 -1
- package/modern/hooks/features/focus/useGridFocus.js +2 -1
- package/modern/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +10 -46
- package/modern/hooks/features/keyboardNavigation/utils.js +58 -0
- package/modern/hooks/features/rows/gridRowSpanningSelectors.js +5 -0
- package/modern/hooks/features/rows/gridRowSpanningUtils.js +42 -0
- package/modern/hooks/features/rows/useGridRowSpanning.js +257 -0
- package/modern/hooks/features/sorting/gridSortingUtils.js +1 -1
- package/modern/hooks/features/virtualization/useGridVirtualScroller.js +17 -7
- package/modern/hooks/utils/useGridApiEventHandler.js +0 -1
- package/modern/hooks/utils/useGridSelector.js +1 -1
- package/modern/index.js +1 -1
- package/modern/internals/index.js +1 -0
- package/modern/internals/utils/index.js +1 -2
- package/modern/internals/utils/propValidation.js +1 -1
- package/modern/locales/arSD.js +4 -0
- package/modern/locales/beBY.js +4 -0
- package/modern/locales/bgBG.js +4 -0
- package/modern/locales/csCZ.js +4 -0
- package/modern/locales/daDK.js +4 -0
- package/modern/locales/deDE.js +4 -0
- package/modern/locales/elGR.js +4 -0
- package/modern/locales/esES.js +4 -0
- package/modern/locales/faIR.js +4 -0
- package/modern/locales/fiFI.js +4 -0
- package/modern/locales/frFR.js +4 -0
- package/modern/locales/heIL.js +4 -0
- package/modern/locales/hrHR.js +4 -0
- package/modern/locales/huHU.js +11 -8
- package/modern/locales/isIS.js +4 -0
- package/modern/locales/itIT.js +4 -0
- package/modern/locales/jaJP.js +4 -0
- package/modern/locales/koKR.js +4 -0
- package/modern/locales/nbNO.js +4 -0
- package/modern/locales/nlNL.js +4 -0
- package/modern/locales/nnNO.js +4 -0
- package/modern/locales/plPL.js +4 -0
- package/modern/locales/ptBR.js +4 -0
- package/modern/locales/ptPT.js +4 -0
- package/modern/locales/roRO.js +4 -0
- package/modern/locales/ruRU.js +4 -0
- package/modern/locales/skSK.js +4 -0
- package/modern/locales/svSE.js +4 -0
- package/modern/locales/trTR.js +4 -0
- package/modern/locales/ukUA.js +4 -0
- package/modern/locales/urPK.js +4 -0
- package/modern/locales/viVN.js +4 -0
- package/modern/locales/zhCN.js +4 -0
- package/modern/locales/zhHK.js +4 -0
- package/modern/locales/zhTW.js +4 -0
- package/modern/utils/createSelector.js +1 -1
- package/modern/utils/domUtils.js +12 -12
- package/node/DataGrid/DataGrid.js +11 -1
- package/node/DataGrid/useDataGridComponent.js +3 -0
- package/node/DataGrid/useDataGridProps.js +2 -1
- package/node/colDef/gridStringOperators.js +49 -33
- package/node/components/GridRow.js +1 -0
- package/node/components/cell/GridCell.js +30 -5
- package/node/components/columnHeaders/GridColumnHeaderItem.js +9 -2
- package/node/components/columnHeaders/GridColumnHeaderTitle.js +3 -1
- package/node/components/columnHeaders/GridGenericColumnHeaderItem.js +1 -2
- package/node/components/containers/GridRootStyles.js +3 -7
- package/node/components/panel/filterPanel/GridFilterForm.js +1 -1
- package/node/constants/gridClasses.js +1 -1
- package/node/constants/localeTextConstants.js +4 -0
- package/node/hooks/features/columnHeaders/useGridColumnHeaders.js +17 -12
- package/node/hooks/features/columnResize/useGridColumnResize.js +6 -6
- package/node/hooks/features/dimensions/useGridDimensions.js +4 -1
- package/node/hooks/features/editing/useGridCellEditing.js +3 -19
- package/node/hooks/features/editing/useGridRowEditing.js +7 -2
- package/node/hooks/features/editing/utils.js +22 -0
- package/node/hooks/features/export/serializers/csvSerializer.js +1 -1
- package/node/hooks/features/export/useGridPrintExport.js +2 -1
- package/node/hooks/features/filter/gridFilterUtils.js +1 -1
- package/node/hooks/features/focus/useGridFocus.js +2 -1
- package/node/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +16 -53
- package/node/hooks/features/keyboardNavigation/utils.js +68 -0
- package/node/hooks/features/rows/gridRowSpanningSelectors.js +11 -0
- package/node/hooks/features/rows/gridRowSpanningUtils.js +52 -0
- package/node/hooks/features/rows/useGridRowSpanning.js +267 -0
- package/node/hooks/features/sorting/gridSortingUtils.js +1 -1
- package/node/hooks/features/virtualization/useGridVirtualScroller.js +17 -7
- package/node/hooks/utils/useGridApiEventHandler.js +0 -1
- package/node/hooks/utils/useGridSelector.js +1 -1
- package/node/index.js +1 -1
- package/node/internals/index.js +15 -0
- package/node/internals/utils/index.js +0 -11
- package/node/internals/utils/propValidation.js +1 -1
- package/node/locales/arSD.js +4 -0
- package/node/locales/beBY.js +4 -0
- package/node/locales/bgBG.js +4 -0
- package/node/locales/csCZ.js +4 -0
- package/node/locales/daDK.js +4 -0
- package/node/locales/deDE.js +4 -0
- package/node/locales/elGR.js +4 -0
- package/node/locales/esES.js +4 -0
- package/node/locales/faIR.js +4 -0
- package/node/locales/fiFI.js +4 -0
- package/node/locales/frFR.js +4 -0
- package/node/locales/heIL.js +4 -0
- package/node/locales/hrHR.js +4 -0
- package/node/locales/huHU.js +11 -8
- package/node/locales/isIS.js +4 -0
- package/node/locales/itIT.js +4 -0
- package/node/locales/jaJP.js +4 -0
- package/node/locales/koKR.js +4 -0
- package/node/locales/nbNO.js +4 -0
- package/node/locales/nlNL.js +4 -0
- package/node/locales/nnNO.js +4 -0
- package/node/locales/plPL.js +4 -0
- package/node/locales/ptBR.js +4 -0
- package/node/locales/ptPT.js +4 -0
- package/node/locales/roRO.js +4 -0
- package/node/locales/ruRU.js +4 -0
- package/node/locales/skSK.js +4 -0
- package/node/locales/svSE.js +4 -0
- package/node/locales/trTR.js +4 -0
- package/node/locales/ukUA.js +4 -0
- package/node/locales/urPK.js +4 -0
- package/node/locales/viVN.js +4 -0
- package/node/locales/zhCN.js +4 -0
- package/node/locales/zhHK.js +4 -0
- package/node/locales/zhTW.js +4 -0
- package/node/utils/createSelector.js +1 -1
- package/node/utils/domUtils.js +12 -12
- package/package.json +3 -3
- package/utils/createSelector.js +1 -1
- package/utils/domUtils.d.ts +4 -4
- package/utils/domUtils.js +12 -12
- package/internals/utils/warning.d.ts +0 -2
- package/internals/utils/warning.js +0 -21
- package/modern/internals/utils/warning.js +0 -21
- package/node/internals/utils/warning.js +0 -28
package/utils/createSelector.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { lruMemoize, createSelectorCreator } from 'reselect';
|
|
2
|
-
import { warnOnce } from
|
|
2
|
+
import { warnOnce } from '@mui/x-internals/warning';
|
|
3
3
|
const reselectCreateSelector = createSelectorCreator({
|
|
4
4
|
memoize: lruMemoize,
|
|
5
5
|
memoizeOptions: {
|
package/utils/domUtils.d.ts
CHANGED
|
@@ -18,9 +18,9 @@ export declare function getFieldsFromGroupHeaderElem(colCellEl: Element): string
|
|
|
18
18
|
export declare function findGroupHeaderElementsFromField(elem: Element, field: string): Element[];
|
|
19
19
|
export declare function findGridCellElementsFromCol(col: HTMLElement, api: GridPrivateApiCommunity): Element[];
|
|
20
20
|
export declare function findGridElement(api: GridPrivateApiCommunity, klass: keyof typeof gridClasses): HTMLElement;
|
|
21
|
-
export declare function findLeftPinnedCellsAfterCol(api: GridPrivateApiCommunity, col: HTMLElement): HTMLElement[];
|
|
22
|
-
export declare function findRightPinnedCellsBeforeCol(api: GridPrivateApiCommunity, col: HTMLElement): HTMLElement[];
|
|
23
|
-
export declare function findLeftPinnedHeadersAfterCol(api: GridPrivateApiCommunity, col: HTMLElement): HTMLElement[];
|
|
24
|
-
export declare function findRightPinnedHeadersBeforeCol(api: GridPrivateApiCommunity, col: HTMLElement): HTMLElement[];
|
|
21
|
+
export declare function findLeftPinnedCellsAfterCol(api: GridPrivateApiCommunity, col: HTMLElement, isRtl: boolean): HTMLElement[];
|
|
22
|
+
export declare function findRightPinnedCellsBeforeCol(api: GridPrivateApiCommunity, col: HTMLElement, isRtl: boolean): HTMLElement[];
|
|
23
|
+
export declare function findLeftPinnedHeadersAfterCol(api: GridPrivateApiCommunity, col: HTMLElement, isRtl: boolean): HTMLElement[];
|
|
24
|
+
export declare function findRightPinnedHeadersBeforeCol(api: GridPrivateApiCommunity, col: HTMLElement, isRtl: boolean): HTMLElement[];
|
|
25
25
|
export declare function findGridHeader(api: GridPrivateApiCommunity, field: string): Element | null;
|
|
26
26
|
export declare function findGridCells(api: GridPrivateApiCommunity, field: string): Element[];
|
package/utils/domUtils.js
CHANGED
|
@@ -120,22 +120,22 @@ const findPinnedCells = ({
|
|
|
120
120
|
});
|
|
121
121
|
return cells;
|
|
122
122
|
};
|
|
123
|
-
export function findLeftPinnedCellsAfterCol(api, col) {
|
|
123
|
+
export function findLeftPinnedCellsAfterCol(api, col, isRtl) {
|
|
124
124
|
const colIndex = parseCellColIndex(col);
|
|
125
125
|
return findPinnedCells({
|
|
126
126
|
api,
|
|
127
127
|
colIndex,
|
|
128
|
-
position: 'left',
|
|
129
|
-
filterFn: index => index > colIndex
|
|
128
|
+
position: isRtl ? 'right' : 'left',
|
|
129
|
+
filterFn: index => isRtl ? index < colIndex : index > colIndex
|
|
130
130
|
});
|
|
131
131
|
}
|
|
132
|
-
export function findRightPinnedCellsBeforeCol(api, col) {
|
|
132
|
+
export function findRightPinnedCellsBeforeCol(api, col, isRtl) {
|
|
133
133
|
const colIndex = parseCellColIndex(col);
|
|
134
134
|
return findPinnedCells({
|
|
135
135
|
api,
|
|
136
136
|
colIndex,
|
|
137
|
-
position: 'right',
|
|
138
|
-
filterFn: index => index < colIndex
|
|
137
|
+
position: isRtl ? 'left' : 'right',
|
|
138
|
+
filterFn: index => isRtl ? index > colIndex : index < colIndex
|
|
139
139
|
});
|
|
140
140
|
}
|
|
141
141
|
const findPinnedHeaders = ({
|
|
@@ -159,22 +159,22 @@ const findPinnedHeaders = ({
|
|
|
159
159
|
});
|
|
160
160
|
return elements;
|
|
161
161
|
};
|
|
162
|
-
export function findLeftPinnedHeadersAfterCol(api, col) {
|
|
162
|
+
export function findLeftPinnedHeadersAfterCol(api, col, isRtl) {
|
|
163
163
|
const colIndex = parseCellColIndex(col);
|
|
164
164
|
return findPinnedHeaders({
|
|
165
165
|
api,
|
|
166
|
-
position: 'left',
|
|
166
|
+
position: isRtl ? 'right' : 'left',
|
|
167
167
|
colIndex,
|
|
168
|
-
filterFn: index => index > colIndex
|
|
168
|
+
filterFn: index => isRtl ? index < colIndex : index > colIndex
|
|
169
169
|
});
|
|
170
170
|
}
|
|
171
|
-
export function findRightPinnedHeadersBeforeCol(api, col) {
|
|
171
|
+
export function findRightPinnedHeadersBeforeCol(api, col, isRtl) {
|
|
172
172
|
const colIndex = parseCellColIndex(col);
|
|
173
173
|
return findPinnedHeaders({
|
|
174
174
|
api,
|
|
175
|
-
position: 'right',
|
|
175
|
+
position: isRtl ? 'left' : 'right',
|
|
176
176
|
colIndex,
|
|
177
|
-
filterFn: index => index < colIndex
|
|
177
|
+
filterFn: index => isRtl ? index > colIndex : index < colIndex
|
|
178
178
|
});
|
|
179
179
|
}
|
|
180
180
|
export function findGridHeader(api, field) {
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
const warnedOnceCache = new Set();
|
|
2
|
-
|
|
3
|
-
// TODO move to @mui/x-internals
|
|
4
|
-
// TODO eventually move to @base_ui/internals. Base UI, etc. too need this helper.
|
|
5
|
-
export function warnOnce(message, gravity = 'warning') {
|
|
6
|
-
if (process.env.NODE_ENV === 'production') {
|
|
7
|
-
return;
|
|
8
|
-
}
|
|
9
|
-
const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
|
|
10
|
-
if (!warnedOnceCache.has(cleanMessage)) {
|
|
11
|
-
warnedOnceCache.add(cleanMessage);
|
|
12
|
-
if (gravity === 'error') {
|
|
13
|
-
console.error(cleanMessage);
|
|
14
|
-
} else {
|
|
15
|
-
console.warn(cleanMessage);
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
export function clearWarningsCache() {
|
|
20
|
-
warnedOnceCache.clear();
|
|
21
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
const warnedOnceCache = new Set();
|
|
2
|
-
|
|
3
|
-
// TODO move to @mui/x-internals
|
|
4
|
-
// TODO eventually move to @base_ui/internals. Base UI, etc. too need this helper.
|
|
5
|
-
export function warnOnce(message, gravity = 'warning') {
|
|
6
|
-
if (process.env.NODE_ENV === 'production') {
|
|
7
|
-
return;
|
|
8
|
-
}
|
|
9
|
-
const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
|
|
10
|
-
if (!warnedOnceCache.has(cleanMessage)) {
|
|
11
|
-
warnedOnceCache.add(cleanMessage);
|
|
12
|
-
if (gravity === 'error') {
|
|
13
|
-
console.error(cleanMessage);
|
|
14
|
-
} else {
|
|
15
|
-
console.warn(cleanMessage);
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
export function clearWarningsCache() {
|
|
20
|
-
warnedOnceCache.clear();
|
|
21
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.clearWarningsCache = clearWarningsCache;
|
|
7
|
-
exports.warnOnce = warnOnce;
|
|
8
|
-
const warnedOnceCache = new Set();
|
|
9
|
-
|
|
10
|
-
// TODO move to @mui/x-internals
|
|
11
|
-
// TODO eventually move to @base_ui/internals. Base UI, etc. too need this helper.
|
|
12
|
-
function warnOnce(message, gravity = 'warning') {
|
|
13
|
-
if (process.env.NODE_ENV === 'production') {
|
|
14
|
-
return;
|
|
15
|
-
}
|
|
16
|
-
const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
|
|
17
|
-
if (!warnedOnceCache.has(cleanMessage)) {
|
|
18
|
-
warnedOnceCache.add(cleanMessage);
|
|
19
|
-
if (gravity === 'error') {
|
|
20
|
-
console.error(cleanMessage);
|
|
21
|
-
} else {
|
|
22
|
-
console.warn(cleanMessage);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
function clearWarningsCache() {
|
|
27
|
-
warnedOnceCache.clear();
|
|
28
|
-
}
|