@mui/x-data-grid 7.23.2 → 7.23.3
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 +48 -0
- package/DataGrid/DataGrid.js +3 -1
- package/components/GridRow.js +12 -1
- package/components/cell/GridActionsCell.js +8 -1
- package/components/columnSelection/GridCellCheckboxRenderer.js +1 -1
- package/components/columnSelection/GridHeaderCheckbox.js +1 -1
- package/components/virtualization/GridMainContainer.js +1 -1
- package/hooks/features/columnHeaders/useGridColumnHeaders.js +10 -3
- package/hooks/features/columnResize/gridColumnResizeApi.d.ts +6 -0
- package/hooks/features/columnResize/gridColumnResizeApi.js +2 -1
- package/hooks/features/columnResize/useGridColumnResize.d.ts +1 -1
- package/hooks/features/columnResize/useGridColumnResize.js +9 -4
- package/hooks/features/columns/gridColumnsUtils.d.ts +1 -1
- package/hooks/features/columns/gridColumnsUtils.js +2 -1
- package/hooks/features/rows/useGridRowSpanning.js +13 -5
- package/hooks/features/virtualization/useGridVirtualScroller.js +11 -8
- package/index.js +1 -1
- package/internals/utils/useProps.js +3 -0
- package/locales/koKR.js +36 -39
- package/models/gridSlotsComponentsProps.d.ts +10 -0
- package/models/props/DataGridProps.d.ts +1 -0
- package/modern/DataGrid/DataGrid.js +3 -1
- package/modern/components/GridRow.js +12 -1
- package/modern/components/cell/GridActionsCell.js +8 -1
- package/modern/components/columnSelection/GridCellCheckboxRenderer.js +1 -1
- package/modern/components/columnSelection/GridHeaderCheckbox.js +1 -1
- package/modern/components/virtualization/GridMainContainer.js +1 -1
- package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +10 -3
- package/modern/hooks/features/columnResize/gridColumnResizeApi.js +2 -1
- package/modern/hooks/features/columnResize/useGridColumnResize.js +9 -4
- package/modern/hooks/features/columns/gridColumnsUtils.js +2 -1
- package/modern/hooks/features/rows/useGridRowSpanning.js +13 -5
- package/modern/hooks/features/virtualization/useGridVirtualScroller.js +11 -8
- package/modern/index.js +1 -1
- package/modern/internals/utils/useProps.js +3 -0
- package/modern/locales/koKR.js +36 -39
- package/node/DataGrid/DataGrid.js +3 -1
- package/node/components/GridRow.js +12 -1
- package/node/components/cell/GridActionsCell.js +8 -1
- package/node/components/columnSelection/GridCellCheckboxRenderer.js +1 -1
- package/node/components/columnSelection/GridHeaderCheckbox.js +1 -1
- package/node/components/virtualization/GridMainContainer.js +1 -1
- package/node/hooks/features/columnHeaders/useGridColumnHeaders.js +10 -3
- package/node/hooks/features/columnResize/gridColumnResizeApi.js +2 -1
- package/node/hooks/features/columnResize/useGridColumnResize.js +9 -4
- package/node/hooks/features/columns/gridColumnsUtils.js +2 -1
- package/node/hooks/features/rows/useGridRowSpanning.js +13 -5
- package/node/hooks/features/virtualization/useGridVirtualScroller.js +11 -8
- package/node/index.js +1 -1
- package/node/internals/utils/useProps.js +3 -0
- package/node/locales/koKR.js +36 -39
- package/package.json +1 -1
|
@@ -103,10 +103,7 @@ const useGridVirtualScroller = () => {
|
|
|
103
103
|
return undefined;
|
|
104
104
|
}
|
|
105
105
|
const initialRect = node.getBoundingClientRect();
|
|
106
|
-
let lastSize =
|
|
107
|
-
width: initialRect.width,
|
|
108
|
-
height: initialRect.height
|
|
109
|
-
};
|
|
106
|
+
let lastSize = roundDimensions(initialRect);
|
|
110
107
|
apiRef.current.publishEvent('resize', lastSize);
|
|
111
108
|
if (typeof ResizeObserver === 'undefined') {
|
|
112
109
|
return undefined;
|
|
@@ -116,10 +113,7 @@ const useGridVirtualScroller = () => {
|
|
|
116
113
|
if (!entry) {
|
|
117
114
|
return;
|
|
118
115
|
}
|
|
119
|
-
const newSize =
|
|
120
|
-
width: entry.contentRect.width,
|
|
121
|
-
height: entry.contentRect.height
|
|
122
|
-
};
|
|
116
|
+
const newSize = roundDimensions(entry.contentRect);
|
|
123
117
|
if (newSize.width === lastSize.width && newSize.height === lastSize.height) {
|
|
124
118
|
return;
|
|
125
119
|
}
|
|
@@ -796,4 +790,13 @@ function bufferForDirection(isRtl, direction, rowBufferPx, columnBufferPx, verti
|
|
|
796
790
|
// eslint unable to figure out enum exhaustiveness
|
|
797
791
|
throw new Error('unreachable');
|
|
798
792
|
}
|
|
793
|
+
}
|
|
794
|
+
|
|
795
|
+
// Round to avoid issues with subpixel rendering
|
|
796
|
+
// https://github.com/mui/mui-x/issues/15721
|
|
797
|
+
function roundDimensions(dimensions) {
|
|
798
|
+
return {
|
|
799
|
+
width: Math.round(dimensions.width * 10) / 10,
|
|
800
|
+
height: Math.round(dimensions.height * 10) / 10
|
|
801
|
+
};
|
|
799
802
|
}
|
package/node/index.js
CHANGED
|
@@ -8,6 +8,9 @@ exports.useProps = useProps;
|
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
9
|
/** Gathers props for the root element into a single `.forwardedProps` field */
|
|
10
10
|
function groupForwardedProps(props) {
|
|
11
|
+
if (props.slotProps?.root) {
|
|
12
|
+
return props;
|
|
13
|
+
}
|
|
11
14
|
const keys = Object.keys(props);
|
|
12
15
|
if (!keys.some(key => key.startsWith('aria-') || key.startsWith('data-'))) {
|
|
13
16
|
return props;
|
package/node/locales/koKR.js
CHANGED
|
@@ -36,15 +36,14 @@ const koKRGrid = {
|
|
|
36
36
|
toolbarExportPrint: '프린트',
|
|
37
37
|
toolbarExportExcel: 'Excel로 내보내기',
|
|
38
38
|
// Columns management text
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
39
|
+
columnsManagementSearchTitle: '검색',
|
|
40
|
+
columnsManagementNoColumns: '열이 없습니다.',
|
|
41
|
+
columnsManagementShowHideAllText: '모두 보기/숨기기',
|
|
42
|
+
columnsManagementReset: '초기화',
|
|
43
|
+
columnsManagementDeleteIconLabel: '제거',
|
|
45
44
|
// Filter panel text
|
|
46
45
|
filterPanelAddFilter: '필터 추가',
|
|
47
|
-
|
|
46
|
+
filterPanelRemoveAll: '모두 삭제',
|
|
48
47
|
filterPanelDeleteIconLabel: '삭제',
|
|
49
48
|
filterPanelLogicOperator: '논리 연산자',
|
|
50
49
|
filterPanelOperator: '연산자',
|
|
@@ -55,9 +54,9 @@ const koKRGrid = {
|
|
|
55
54
|
filterPanelInputPlaceholder: '값 입력',
|
|
56
55
|
// Filter operators text
|
|
57
56
|
filterOperatorContains: '포함하는',
|
|
58
|
-
|
|
57
|
+
filterOperatorDoesNotContain: '포함하지 않는',
|
|
59
58
|
filterOperatorEquals: '값이 같은',
|
|
60
|
-
|
|
59
|
+
filterOperatorDoesNotEqual: '값이 다른',
|
|
61
60
|
filterOperatorStartsWith: '시작하는',
|
|
62
61
|
filterOperatorEndsWith: '끝나는',
|
|
63
62
|
filterOperatorIs: '~인',
|
|
@@ -69,36 +68,34 @@ const koKRGrid = {
|
|
|
69
68
|
filterOperatorIsEmpty: '값이 없는',
|
|
70
69
|
filterOperatorIsNotEmpty: '값이 있는',
|
|
71
70
|
filterOperatorIsAnyOf: '값 중 하나인',
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
71
|
+
'filterOperator=': '=',
|
|
72
|
+
'filterOperator!=': '!=',
|
|
73
|
+
'filterOperator>': '>',
|
|
74
|
+
'filterOperator>=': '>=',
|
|
75
|
+
'filterOperator<': '<',
|
|
76
|
+
'filterOperator<=': '<=',
|
|
79
77
|
// Header filter operators text
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
78
|
+
headerFilterOperatorContains: '포함하는',
|
|
79
|
+
headerFilterOperatorDoesNotContain: '포함하지 않는',
|
|
80
|
+
headerFilterOperatorEquals: '값이 같은',
|
|
81
|
+
headerFilterOperatorDoesNotEqual: '값이 다른',
|
|
82
|
+
headerFilterOperatorStartsWith: '시작하는',
|
|
83
|
+
headerFilterOperatorEndsWith: '끝나는',
|
|
84
|
+
headerFilterOperatorIs: '~인',
|
|
85
|
+
headerFilterOperatorNot: '~아닌',
|
|
86
|
+
headerFilterOperatorAfter: '더 이후',
|
|
87
|
+
headerFilterOperatorOnOrAfter: '이후',
|
|
88
|
+
headerFilterOperatorBefore: '더 이전',
|
|
89
|
+
headerFilterOperatorOnOrBefore: '이전',
|
|
90
|
+
headerFilterOperatorIsEmpty: '값이 없는',
|
|
91
|
+
headerFilterOperatorIsNotEmpty: '값이 있는',
|
|
92
|
+
headerFilterOperatorIsAnyOf: '값 중 하나인',
|
|
93
|
+
'headerFilterOperator=': '값이 같은',
|
|
94
|
+
'headerFilterOperator!=': '값이 다른',
|
|
95
|
+
'headerFilterOperator>': '더 큰',
|
|
96
|
+
'headerFilterOperator>=': '같거나 더 큰',
|
|
97
|
+
'headerFilterOperator<': '더 작은',
|
|
98
|
+
'headerFilterOperator<=': '같거나 더 작은',
|
|
102
99
|
// Filter values text
|
|
103
100
|
filterValueAny: '아무값',
|
|
104
101
|
filterValueTrue: '참',
|
|
@@ -106,7 +103,7 @@ const koKRGrid = {
|
|
|
106
103
|
// Column menu text
|
|
107
104
|
columnMenuLabel: '메뉴',
|
|
108
105
|
columnMenuShowColumns: '열 표시',
|
|
109
|
-
|
|
106
|
+
columnMenuManageColumns: '열 관리',
|
|
110
107
|
columnMenuFilter: '필터',
|
|
111
108
|
columnMenuHideColumn: '열 숨기기',
|
|
112
109
|
columnMenuUnsort: '정렬 해제',
|