@mui/x-data-grid 7.27.0 → 7.27.2
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 +89 -0
- package/DataGrid/DataGrid.js +2 -0
- package/DataGrid/useDataGridComponent.js +2 -0
- package/colDef/gridCheckboxSelectionColDef.js +2 -1
- package/colDef/gridDateColDef.js +3 -2
- package/colDef/gridSingleSelectColDef.js +2 -2
- package/hooks/core/gridPropsSelectors.d.ts +9 -0
- package/hooks/core/gridPropsSelectors.js +14 -0
- package/hooks/core/index.d.ts +1 -0
- package/hooks/core/index.js +1 -1
- package/hooks/core/useGridInitialization.js +2 -0
- package/hooks/core/useGridProps.d.ts +8 -0
- package/hooks/core/useGridProps.js +18 -0
- package/hooks/features/columnHeaders/useGridColumnHeaders.js +2 -2
- package/hooks/features/dimensions/useGridDimensions.js +8 -9
- package/hooks/features/pagination/useGridPaginationModel.js +1 -1
- package/hooks/features/rowSelection/useGridRowSelection.js +2 -2
- package/hooks/features/rows/useGridRows.js +2 -10
- package/hooks/features/sorting/gridSortingUtils.js +2 -1
- package/index.js +1 -1
- package/internals/index.d.ts +1 -0
- package/internals/index.js +1 -0
- package/locales/bnBD.d.ts +2 -0
- package/locales/bnBD.js +154 -0
- package/locales/huHU.js +7 -8
- package/locales/index.d.ts +1 -0
- package/locales/index.js +1 -0
- package/locales/ruRU.js +5 -6
- package/models/api/gridRowApi.d.ts +0 -1
- package/models/gridSortModel.d.ts +1 -1
- package/models/gridStateCommunity.d.ts +8 -0
- package/models/props/DataGridProps.d.ts +2 -0
- package/modern/DataGrid/DataGrid.js +2 -0
- package/modern/DataGrid/useDataGridComponent.js +2 -0
- package/modern/colDef/gridCheckboxSelectionColDef.js +2 -1
- package/modern/colDef/gridDateColDef.js +3 -2
- package/modern/colDef/gridSingleSelectColDef.js +2 -2
- package/modern/hooks/core/gridPropsSelectors.js +14 -0
- package/modern/hooks/core/index.js +1 -1
- package/modern/hooks/core/useGridInitialization.js +2 -0
- package/modern/hooks/core/useGridProps.js +18 -0
- package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +2 -2
- package/modern/hooks/features/dimensions/useGridDimensions.js +8 -9
- package/modern/hooks/features/pagination/useGridPaginationModel.js +1 -1
- package/modern/hooks/features/rowSelection/useGridRowSelection.js +2 -2
- package/modern/hooks/features/rows/useGridRows.js +2 -10
- package/modern/hooks/features/sorting/gridSortingUtils.js +2 -1
- package/modern/index.js +1 -1
- package/modern/internals/index.js +1 -0
- package/modern/locales/bnBD.js +154 -0
- package/modern/locales/huHU.js +7 -8
- package/modern/locales/index.js +1 -0
- package/modern/locales/ruRU.js +5 -6
- package/node/DataGrid/DataGrid.js +2 -0
- package/node/DataGrid/useDataGridComponent.js +2 -0
- package/node/colDef/gridCheckboxSelectionColDef.js +2 -1
- package/node/colDef/gridDateColDef.js +3 -2
- package/node/colDef/gridSingleSelectColDef.js +2 -2
- package/node/hooks/core/gridPropsSelectors.js +20 -0
- package/node/hooks/core/index.js +8 -1
- package/node/hooks/core/useGridInitialization.js +2 -0
- package/node/hooks/core/useGridProps.js +28 -0
- package/node/hooks/features/columnHeaders/useGridColumnHeaders.js +2 -2
- package/node/hooks/features/dimensions/useGridDimensions.js +8 -9
- package/node/hooks/features/pagination/useGridPaginationModel.js +1 -1
- package/node/hooks/features/rowSelection/useGridRowSelection.js +2 -2
- package/node/hooks/features/rows/useGridRows.js +2 -10
- package/node/hooks/features/sorting/gridSortingUtils.js +2 -1
- package/node/index.js +1 -1
- package/node/internals/index.js +8 -0
- package/node/locales/bnBD.js +160 -0
- package/node/locales/huHU.js +7 -8
- package/node/locales/index.js +11 -0
- package/node/locales/ruRU.js +5 -6
- package/package.json +1 -1
|
@@ -289,6 +289,8 @@ DataGridRaw.propTypes = {
|
|
|
289
289
|
getRowHeight: _propTypes.default.func,
|
|
290
290
|
/**
|
|
291
291
|
* Return the id of a given [[GridRowModel]].
|
|
292
|
+
* Ensure the reference of this prop is stable to avoid performance implications.
|
|
293
|
+
* It could be done by either defining the prop outside of the component or by memoizing it.
|
|
292
294
|
*/
|
|
293
295
|
getRowId: _propTypes.default.func,
|
|
294
296
|
/**
|
|
@@ -35,6 +35,7 @@ var _virtualization = require("../hooks/features/virtualization");
|
|
|
35
35
|
var _useGridColumnResize = require("../hooks/features/columnResize/useGridColumnResize");
|
|
36
36
|
var _useGridRowSpanning = require("../hooks/features/rows/useGridRowSpanning");
|
|
37
37
|
var _useGridListView = require("../hooks/features/listView/useGridListView");
|
|
38
|
+
var _useGridProps = require("../hooks/core/useGridProps");
|
|
38
39
|
const useDataGridComponent = (inputApiRef, props) => {
|
|
39
40
|
const apiRef = (0, _useGridInitialization.useGridInitialization)(inputApiRef, props);
|
|
40
41
|
|
|
@@ -47,6 +48,7 @@ const useDataGridComponent = (inputApiRef, props) => {
|
|
|
47
48
|
/**
|
|
48
49
|
* Register all state initializers here.
|
|
49
50
|
*/
|
|
51
|
+
(0, _useGridInitializeState.useGridInitializeState)(_useGridProps.propsStateInitializer, apiRef, props);
|
|
50
52
|
(0, _useGridInitializeState.useGridInitializeState)(_useGridRowSelection.rowSelectionStateInitializer, apiRef, props);
|
|
51
53
|
(0, _useGridInitializeState.useGridInitializeState)(_useGridColumns.columnsStateInitializer, apiRef, props);
|
|
52
54
|
(0, _useGridInitializeState.useGridInitializeState)(_useGridRows.rowsStateInitializer, apiRef, props);
|
|
@@ -12,6 +12,7 @@ var _GridCellCheckboxRenderer = require("../components/columnSelection/GridCellC
|
|
|
12
12
|
var _GridHeaderCheckbox = require("../components/columnSelection/GridHeaderCheckbox");
|
|
13
13
|
var _gridRowSelectionSelector = require("../hooks/features/rowSelection/gridRowSelectionSelector");
|
|
14
14
|
var _gridBooleanColDef = require("./gridBooleanColDef");
|
|
15
|
+
var _gridPropsSelectors = require("../hooks/core/gridPropsSelectors");
|
|
15
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
17
|
const GRID_CHECKBOX_SELECTION_FIELD = exports.GRID_CHECKBOX_SELECTION_FIELD = '__check__';
|
|
17
18
|
const GRID_CHECKBOX_SELECTION_COL_DEF = exports.GRID_CHECKBOX_SELECTION_COL_DEF = (0, _extends2.default)({}, _gridBooleanColDef.GRID_BOOLEAN_COL_DEF, {
|
|
@@ -30,7 +31,7 @@ const GRID_CHECKBOX_SELECTION_COL_DEF = exports.GRID_CHECKBOX_SELECTION_COL_DEF
|
|
|
30
31
|
display: 'flex',
|
|
31
32
|
valueGetter: (value, row, column, apiRef) => {
|
|
32
33
|
const selectionLookup = (0, _gridRowSelectionSelector.selectedIdsLookupSelector)(apiRef);
|
|
33
|
-
const rowId = apiRef.current.
|
|
34
|
+
const rowId = (0, _gridPropsSelectors.gridRowIdSelector)(apiRef.current.state, row);
|
|
34
35
|
return selectionLookup[rowId] !== undefined;
|
|
35
36
|
},
|
|
36
37
|
renderHeader: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridHeaderCheckbox.GridHeaderCheckbox, (0, _extends2.default)({}, params)),
|
|
@@ -10,6 +10,7 @@ var _gridSortingUtils = require("../hooks/features/sorting/gridSortingUtils");
|
|
|
10
10
|
var _gridDateOperators = require("./gridDateOperators");
|
|
11
11
|
var _gridStringColDef = require("./gridStringColDef");
|
|
12
12
|
var _GridEditDateCell = require("../components/cell/GridEditDateCell");
|
|
13
|
+
var _gridPropsSelectors = require("../hooks/core/gridPropsSelectors");
|
|
13
14
|
function throwIfNotDateObject({
|
|
14
15
|
value,
|
|
15
16
|
columnType,
|
|
@@ -24,7 +25,7 @@ const gridDateFormatter = (value, row, column, apiRef) => {
|
|
|
24
25
|
if (!value) {
|
|
25
26
|
return '';
|
|
26
27
|
}
|
|
27
|
-
const rowId = apiRef.current.
|
|
28
|
+
const rowId = (0, _gridPropsSelectors.gridRowIdSelector)(apiRef.current.state, row);
|
|
28
29
|
throwIfNotDateObject({
|
|
29
30
|
value,
|
|
30
31
|
columnType: 'date',
|
|
@@ -38,7 +39,7 @@ const gridDateTimeFormatter = (value, row, column, apiRef) => {
|
|
|
38
39
|
if (!value) {
|
|
39
40
|
return '';
|
|
40
41
|
}
|
|
41
|
-
const rowId = apiRef.current.
|
|
42
|
+
const rowId = (0, _gridPropsSelectors.gridRowIdSelector)(apiRef.current.state, row);
|
|
42
43
|
throwIfNotDateObject({
|
|
43
44
|
value,
|
|
44
45
|
columnType: 'dateTime',
|
|
@@ -11,6 +11,7 @@ var _GridEditSingleSelectCell = require("../components/cell/GridEditSingleSelect
|
|
|
11
11
|
var _gridSingleSelectOperators = require("./gridSingleSelectOperators");
|
|
12
12
|
var _filterPanelUtils = require("../components/panel/filterPanel/filterPanelUtils");
|
|
13
13
|
var _utils = require("../utils/utils");
|
|
14
|
+
var _gridPropsSelectors = require("../hooks/core/gridPropsSelectors");
|
|
14
15
|
const isArrayOfObjects = options => {
|
|
15
16
|
return typeof options[0] === 'object';
|
|
16
17
|
};
|
|
@@ -25,8 +26,7 @@ const GRID_SINGLE_SELECT_COL_DEF = exports.GRID_SINGLE_SELECT_COL_DEF = (0, _ext
|
|
|
25
26
|
getOptionLabel: defaultGetOptionLabel,
|
|
26
27
|
getOptionValue: defaultGetOptionValue,
|
|
27
28
|
valueFormatter(value, row, colDef, apiRef) {
|
|
28
|
-
|
|
29
|
-
const rowId = apiRef.current.getRowId(row);
|
|
29
|
+
const rowId = (0, _gridPropsSelectors.gridRowIdSelector)(apiRef.current.state, row);
|
|
30
30
|
if (!(0, _filterPanelUtils.isSingleSelectColDef)(colDef)) {
|
|
31
31
|
return '';
|
|
32
32
|
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.gridRowIdSelector = void 0;
|
|
7
|
+
var _gridRowsUtils = require("../features/rows/gridRowsUtils");
|
|
8
|
+
/**
|
|
9
|
+
* Get the row id for a given row
|
|
10
|
+
* @param state - The grid state
|
|
11
|
+
* @param {GridRowModel} row - The row to get the id for
|
|
12
|
+
* @returns {GridRowId} The row id
|
|
13
|
+
*/
|
|
14
|
+
const gridRowIdSelector = (state, row) => {
|
|
15
|
+
if (_gridRowsUtils.GRID_ID_AUTOGENERATED in row) {
|
|
16
|
+
return row[_gridRowsUtils.GRID_ID_AUTOGENERATED];
|
|
17
|
+
}
|
|
18
|
+
return state.props.getRowId ? state.props.getRowId(row) : row.id;
|
|
19
|
+
};
|
|
20
|
+
exports.gridRowIdSelector = gridRowIdSelector;
|
package/node/hooks/core/index.js
CHANGED
|
@@ -2,4 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
|
-
});
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "gridRowIdSelector", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _gridPropsSelectors.gridRowIdSelector;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _gridPropsSelectors = require("./gridPropsSelectors");
|
|
@@ -12,12 +12,14 @@ var _useGridLocaleText = require("./useGridLocaleText");
|
|
|
12
12
|
var _pipeProcessing = require("./pipeProcessing");
|
|
13
13
|
var _strategyProcessing = require("./strategyProcessing");
|
|
14
14
|
var _useGridStateInitialization = require("./useGridStateInitialization");
|
|
15
|
+
var _useGridProps = require("./useGridProps");
|
|
15
16
|
/**
|
|
16
17
|
* Initialize the technical pieces of the DataGrid (logger, state, ...) that any DataGrid implementation needs
|
|
17
18
|
*/
|
|
18
19
|
const useGridInitialization = (inputApiRef, props) => {
|
|
19
20
|
const privateApiRef = (0, _useGridApiInitialization.useGridApiInitialization)(inputApiRef, props);
|
|
20
21
|
(0, _useGridRefs.useGridRefs)(privateApiRef);
|
|
22
|
+
(0, _useGridProps.useGridProps)(privateApiRef, props);
|
|
21
23
|
(0, _useGridIsRtl.useGridIsRtl)(privateApiRef);
|
|
22
24
|
(0, _useGridLoggerFactory.useGridLoggerFactory)(privateApiRef, props);
|
|
23
25
|
(0, _useGridStateInitialization.useGridStateInitialization)(privateApiRef);
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.useGridProps = exports.propsStateInitializer = void 0;
|
|
9
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
+
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
const propsStateInitializer = (state, props) => {
|
|
12
|
+
return (0, _extends2.default)({}, state, {
|
|
13
|
+
props: {
|
|
14
|
+
getRowId: props.getRowId
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
};
|
|
18
|
+
exports.propsStateInitializer = propsStateInitializer;
|
|
19
|
+
const useGridProps = (apiRef, props) => {
|
|
20
|
+
React.useEffect(() => {
|
|
21
|
+
apiRef.current.setState(state => (0, _extends2.default)({}, state, {
|
|
22
|
+
props: {
|
|
23
|
+
getRowId: props.getRowId
|
|
24
|
+
}
|
|
25
|
+
}));
|
|
26
|
+
}, [apiRef, props.getRowId]);
|
|
27
|
+
};
|
|
28
|
+
exports.useGridProps = useGridProps;
|
|
@@ -143,7 +143,7 @@ const useGridColumnHeaders = props => {
|
|
|
143
143
|
const indexInSection = i;
|
|
144
144
|
const sectionLength = renderedColumns.length;
|
|
145
145
|
const showLeftBorder = (0, _cellBorderUtils.shouldCellShowLeftBorder)(pinnedPosition, indexInSection);
|
|
146
|
-
const showRightBorder = (0, _cellBorderUtils.shouldCellShowRightBorder)(pinnedPosition, indexInSection, sectionLength, rootProps.
|
|
146
|
+
const showRightBorder = (0, _cellBorderUtils.shouldCellShowRightBorder)(pinnedPosition, indexInSection, sectionLength, rootProps.showColumnVerticalBorder, gridHasFiller);
|
|
147
147
|
columns.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_GridColumnHeaderItem.GridColumnHeaderItem, (0, _extends2.default)({}, sortColumnLookup[colDef.field], {
|
|
148
148
|
columnMenuOpen: open,
|
|
149
149
|
filterItemsCounter: filterColumnLookup[colDef.field] && filterColumnLookup[colDef.field].length,
|
|
@@ -260,7 +260,7 @@ const useGridColumnHeaders = props => {
|
|
|
260
260
|
pinnedPosition: pinnedPosition,
|
|
261
261
|
pinnedOffset: pinnedOffset,
|
|
262
262
|
showLeftBorder: (0, _cellBorderUtils.shouldCellShowLeftBorder)(pinnedPosition, indexInSection),
|
|
263
|
-
showRightBorder: (0, _cellBorderUtils.shouldCellShowRightBorder)(pinnedPosition, indexInSection, visibleColumnGroupHeader.length, rootProps.
|
|
263
|
+
showRightBorder: (0, _cellBorderUtils.shouldCellShowRightBorder)(pinnedPosition, indexInSection, visibleColumnGroupHeader.length, rootProps.showColumnVerticalBorder, gridHasFiller)
|
|
264
264
|
}, index);
|
|
265
265
|
});
|
|
266
266
|
return getFillers(params, children, leftOverflow);
|
|
@@ -135,8 +135,7 @@ function useGridDimensions(apiRef, props) {
|
|
|
135
135
|
// All the floating point dimensions should be rounded to .1 decimal places to avoid subpixel rendering issues
|
|
136
136
|
// https://github.com/mui/mui-x/issues/9550#issuecomment-1619020477
|
|
137
137
|
// https://github.com/mui/mui-x/issues/15721
|
|
138
|
-
const
|
|
139
|
-
const scrollbarSize = measureScrollbarSize(rootElement, props.scrollbarSize);
|
|
138
|
+
const scrollbarSize = measureScrollbarSize(apiRef.current.mainElementRef.current, props.scrollbarSize);
|
|
140
139
|
const rowsMeta = (0, _gridRowsMetaSelector.gridRowsMetaSelector)(apiRef.current.state);
|
|
141
140
|
const topContainerHeight = headersTotalHeight + rowsMeta.pinnedTopRowsTotalHeight;
|
|
142
141
|
const bottomContainerHeight = rowsMeta.pinnedBottomRowsTotalHeight;
|
|
@@ -297,28 +296,28 @@ function getStaticDimensions(props, apiRef, density, pinnedColumnns) {
|
|
|
297
296
|
};
|
|
298
297
|
}
|
|
299
298
|
const scrollbarSizeCache = new WeakMap();
|
|
300
|
-
function measureScrollbarSize(
|
|
299
|
+
function measureScrollbarSize(element, scrollbarSize) {
|
|
301
300
|
if (scrollbarSize !== undefined) {
|
|
302
301
|
return scrollbarSize;
|
|
303
302
|
}
|
|
304
|
-
if (
|
|
303
|
+
if (element === null) {
|
|
305
304
|
return 0;
|
|
306
305
|
}
|
|
307
|
-
const cachedSize = scrollbarSizeCache.get(
|
|
306
|
+
const cachedSize = scrollbarSizeCache.get(element);
|
|
308
307
|
if (cachedSize !== undefined) {
|
|
309
308
|
return cachedSize;
|
|
310
309
|
}
|
|
311
|
-
const doc = (0, _utils.unstable_ownerDocument)(
|
|
310
|
+
const doc = (0, _utils.unstable_ownerDocument)(element);
|
|
312
311
|
const scrollDiv = doc.createElement('div');
|
|
313
312
|
scrollDiv.style.width = '99px';
|
|
314
313
|
scrollDiv.style.height = '99px';
|
|
315
314
|
scrollDiv.style.position = 'absolute';
|
|
316
315
|
scrollDiv.style.overflow = 'scroll';
|
|
317
316
|
scrollDiv.className = 'scrollDiv';
|
|
318
|
-
|
|
317
|
+
element.appendChild(scrollDiv);
|
|
319
318
|
const size = scrollDiv.offsetWidth - scrollDiv.clientWidth;
|
|
320
|
-
|
|
321
|
-
scrollbarSizeCache.set(
|
|
319
|
+
element.removeChild(scrollDiv);
|
|
320
|
+
scrollbarSizeCache.set(element, size);
|
|
322
321
|
return size;
|
|
323
322
|
}
|
|
324
323
|
function areElementSizesEqual(a, b) {
|
|
@@ -24,7 +24,7 @@ const getDerivedPaginationModel = (paginationState, signature, paginationModelPr
|
|
|
24
24
|
if (paginationModelProp && (paginationModelProp?.page !== paginationModel.page || paginationModelProp?.pageSize !== paginationModel.pageSize)) {
|
|
25
25
|
paginationModel = paginationModelProp;
|
|
26
26
|
}
|
|
27
|
-
const validPage = (0, _gridPaginationUtils.getValidPage)(paginationModel.page, pageCount);
|
|
27
|
+
const validPage = pageSize === -1 ? 0 : (0, _gridPaginationUtils.getValidPage)(paginationModel.page, pageCount);
|
|
28
28
|
if (validPage !== paginationModel.page) {
|
|
29
29
|
paginationModel = (0, _extends2.default)({}, paginationModel, {
|
|
30
30
|
page: validPage
|
|
@@ -123,7 +123,7 @@ const useGridRowSelection = (apiRef, props) => {
|
|
|
123
123
|
if (propIsRowSelectable && !propIsRowSelectable(apiRef.current.getRowParams(id))) {
|
|
124
124
|
return false;
|
|
125
125
|
}
|
|
126
|
-
const rowNode =
|
|
126
|
+
const rowNode = (0, _gridRowsSelector.gridRowTreeSelector)(apiRef)[id];
|
|
127
127
|
if (rowNode?.type === 'footer' || rowNode?.type === 'pinnedRow') {
|
|
128
128
|
return false;
|
|
129
129
|
}
|
|
@@ -347,7 +347,7 @@ const useGridRowSelection = (apiRef, props) => {
|
|
|
347
347
|
return;
|
|
348
348
|
}
|
|
349
349
|
}
|
|
350
|
-
const rowNode =
|
|
350
|
+
const rowNode = (0, _gridRowsSelector.gridRowTreeSelector)(apiRef)[params.id];
|
|
351
351
|
if (rowNode.type === 'pinnedRow') {
|
|
352
352
|
return;
|
|
353
353
|
}
|
|
@@ -12,6 +12,7 @@ var _useLazyRef = _interopRequireDefault(require("@mui/utils/useLazyRef"));
|
|
|
12
12
|
var _useGridApiMethod = require("../../utils/useGridApiMethod");
|
|
13
13
|
var _useGridLogger = require("../../utils/useGridLogger");
|
|
14
14
|
var _gridRowsSelector = require("./gridRowsSelector");
|
|
15
|
+
var _gridPropsSelectors = require("../../core/gridPropsSelectors");
|
|
15
16
|
var _useTimeout = require("../../utils/useTimeout");
|
|
16
17
|
var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
|
|
17
18
|
var _useGridVisibleRows = require("../../utils/useGridVisibleRows");
|
|
@@ -64,16 +65,7 @@ const useGridRows = (apiRef, props) => {
|
|
|
64
65
|
}
|
|
65
66
|
return null;
|
|
66
67
|
}, [apiRef]);
|
|
67
|
-
const
|
|
68
|
-
const getRowId = React.useCallback(row => {
|
|
69
|
-
if (_gridRowsUtils.GRID_ID_AUTOGENERATED in row) {
|
|
70
|
-
return row[_gridRowsUtils.GRID_ID_AUTOGENERATED];
|
|
71
|
-
}
|
|
72
|
-
if (getRowIdProp) {
|
|
73
|
-
return getRowIdProp(row);
|
|
74
|
-
}
|
|
75
|
-
return row.id;
|
|
76
|
-
}, [getRowIdProp]);
|
|
68
|
+
const getRowId = React.useCallback(row => (0, _gridPropsSelectors.gridRowIdSelector)(apiRef.current.state, row), [apiRef]);
|
|
77
69
|
const throttledRowsChange = React.useCallback(({
|
|
78
70
|
cache,
|
|
79
71
|
throttle
|
|
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.sanitizeSortModel = exports.mergeStateWithSortModel = exports.gridStringOrNumberComparator = exports.gridNumberComparator = exports.gridDateComparator = exports.getNextGridSortDirection = exports.buildAggregatedSortingApplier = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _warning = require("@mui/x-internals/warning");
|
|
10
|
+
var _gridRowsSelector = require("../rows/gridRowsSelector");
|
|
10
11
|
const sanitizeSortModel = (model, disableMultipleColumnsSorting) => {
|
|
11
12
|
if (disableMultipleColumnsSorting && model.length > 1) {
|
|
12
13
|
if (process.env.NODE_ENV !== 'production') {
|
|
@@ -48,7 +49,7 @@ const parseSortItem = (sortItem, apiRef) => {
|
|
|
48
49
|
const getSortCellParams = id => ({
|
|
49
50
|
id,
|
|
50
51
|
field: column.field,
|
|
51
|
-
rowNode:
|
|
52
|
+
rowNode: (0, _gridRowsSelector.gridRowTreeSelector)(apiRef)[id],
|
|
52
53
|
value: apiRef.current.getCellValue(id, column.field),
|
|
53
54
|
api: apiRef.current
|
|
54
55
|
});
|
package/node/index.js
CHANGED
package/node/internals/index.js
CHANGED
|
@@ -10,6 +10,7 @@ var _exportNames = {
|
|
|
10
10
|
GridHeaders: true,
|
|
11
11
|
GridBaseColumnHeaders: true,
|
|
12
12
|
DATA_GRID_DEFAULT_SLOTS_COMPONENTS: true,
|
|
13
|
+
propsStateInitializer: true,
|
|
13
14
|
getGridFilter: true,
|
|
14
15
|
useGridRegisterPipeProcessor: true,
|
|
15
16
|
useGridRegisterStrategyProcessor: true,
|
|
@@ -423,6 +424,12 @@ Object.defineProperty(exports, "preferencePanelStateInitializer", {
|
|
|
423
424
|
return _useGridPreferencesPanel.preferencePanelStateInitializer;
|
|
424
425
|
}
|
|
425
426
|
});
|
|
427
|
+
Object.defineProperty(exports, "propsStateInitializer", {
|
|
428
|
+
enumerable: true,
|
|
429
|
+
get: function () {
|
|
430
|
+
return _useGridProps.propsStateInitializer;
|
|
431
|
+
}
|
|
432
|
+
});
|
|
426
433
|
Object.defineProperty(exports, "rowSelectionStateInitializer", {
|
|
427
434
|
enumerable: true,
|
|
428
435
|
get: function () {
|
|
@@ -711,6 +718,7 @@ var _GridVirtualScrollerRenderZone = require("../components/virtualization/GridV
|
|
|
711
718
|
var _GridHeaders = require("../components/GridHeaders");
|
|
712
719
|
var _GridBaseColumnHeaders = require("../components/columnHeaders/GridBaseColumnHeaders");
|
|
713
720
|
var _defaultGridSlotsComponents = require("../constants/defaultGridSlotsComponents");
|
|
721
|
+
var _useGridProps = require("../hooks/core/useGridProps");
|
|
714
722
|
var _GridFilterPanel = require("../components/panel/filterPanel/GridFilterPanel");
|
|
715
723
|
var _pipeProcessing = require("../hooks/core/pipeProcessing");
|
|
716
724
|
var _strategyProcessing = require("../hooks/core/strategyProcessing");
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.bnBD = void 0;
|
|
7
|
+
var _locale = require("@mui/material/locale");
|
|
8
|
+
var _getGridLocalization = require("../utils/getGridLocalization");
|
|
9
|
+
const bnBDGrid = {
|
|
10
|
+
// Root
|
|
11
|
+
noRowsLabel: 'কোনো সারি নেই',
|
|
12
|
+
noResultsOverlayLabel: 'কোনো ফলাফল পাওয়া যায়নি।',
|
|
13
|
+
// Density selector toolbar button text
|
|
14
|
+
toolbarDensity: 'ঘনত্ব',
|
|
15
|
+
toolbarDensityLabel: 'ঘনত্ব',
|
|
16
|
+
toolbarDensityCompact: 'সংকুচিত',
|
|
17
|
+
toolbarDensityStandard: 'মানক',
|
|
18
|
+
toolbarDensityComfortable: 'স্বাচ্ছন্দ্যদায়ক',
|
|
19
|
+
// Columns selector toolbar button text
|
|
20
|
+
toolbarColumns: 'কলাম',
|
|
21
|
+
toolbarColumnsLabel: 'কলাম নির্বাচন করুন',
|
|
22
|
+
// Filters toolbar button text
|
|
23
|
+
toolbarFilters: 'ফিল্টার',
|
|
24
|
+
toolbarFiltersLabel: 'ফিল্টার দেখান',
|
|
25
|
+
toolbarFiltersTooltipHide: 'ফিল্টার লুকান',
|
|
26
|
+
toolbarFiltersTooltipShow: 'ফিল্টার দেখান',
|
|
27
|
+
toolbarFiltersTooltipActive: count => count !== 1 ? `${count} টি সক্রিয় ফিল্টার` : `${count} টি সক্রিয় ফিল্টার`,
|
|
28
|
+
// Quick filter toolbar field
|
|
29
|
+
toolbarQuickFilterPlaceholder: 'অনুসন্ধান করুন…',
|
|
30
|
+
toolbarQuickFilterLabel: 'অনুসন্ধান',
|
|
31
|
+
toolbarQuickFilterDeleteIconLabel: 'পরিষ্কার করুন',
|
|
32
|
+
// Export selector toolbar button text
|
|
33
|
+
toolbarExport: 'এক্সপোর্ট',
|
|
34
|
+
toolbarExportLabel: 'এক্সপোর্ট',
|
|
35
|
+
toolbarExportCSV: 'CSV হিসাবে ডাউনলোড করুন',
|
|
36
|
+
toolbarExportPrint: 'প্রিন্ট করুন',
|
|
37
|
+
toolbarExportExcel: 'Excel হিসাবে ডাউনলোড করুন',
|
|
38
|
+
// Columns management text
|
|
39
|
+
columnsManagementSearchTitle: 'অনুসন্ধান',
|
|
40
|
+
columnsManagementNoColumns: 'কোনো কলাম নেই',
|
|
41
|
+
columnsManagementShowHideAllText: 'সব দেখান/লুকান',
|
|
42
|
+
columnsManagementReset: 'রিসেট',
|
|
43
|
+
columnsManagementDeleteIconLabel: 'পরিষ্কার',
|
|
44
|
+
// Filter panel text
|
|
45
|
+
filterPanelAddFilter: 'ফিল্টার যোগ করুন',
|
|
46
|
+
filterPanelRemoveAll: 'সব সরান',
|
|
47
|
+
filterPanelDeleteIconLabel: 'মুছুন',
|
|
48
|
+
filterPanelLogicOperator: 'লজিক অপারেটর',
|
|
49
|
+
filterPanelOperator: 'অপারেটর',
|
|
50
|
+
filterPanelOperatorAnd: 'এবং',
|
|
51
|
+
filterPanelOperatorOr: 'অথবা',
|
|
52
|
+
filterPanelColumns: 'কলাম',
|
|
53
|
+
filterPanelInputLabel: 'মান',
|
|
54
|
+
filterPanelInputPlaceholder: 'ফিল্টার মান',
|
|
55
|
+
// Filter operators text
|
|
56
|
+
filterOperatorContains: 'অন্তর্ভুক্ত',
|
|
57
|
+
filterOperatorDoesNotContain: 'অন্তর্ভুক্ত নয়',
|
|
58
|
+
filterOperatorEquals: 'সমান',
|
|
59
|
+
filterOperatorDoesNotEqual: 'সমান নয়',
|
|
60
|
+
filterOperatorStartsWith: 'দিয়ে শুরু হয়',
|
|
61
|
+
filterOperatorEndsWith: 'দিয়ে শেষ হয়',
|
|
62
|
+
filterOperatorIs: 'হচ্ছে',
|
|
63
|
+
filterOperatorNot: 'হচ্ছে না',
|
|
64
|
+
filterOperatorAfter: 'পরবর্তী',
|
|
65
|
+
filterOperatorOnOrAfter: 'এই তারিখ বা পরবর্তী',
|
|
66
|
+
filterOperatorBefore: 'পূর্ববর্তী',
|
|
67
|
+
filterOperatorOnOrBefore: 'এই তারিখ বা পূর্ববর্তী',
|
|
68
|
+
filterOperatorIsEmpty: 'খালি',
|
|
69
|
+
filterOperatorIsNotEmpty: 'খালি নয়',
|
|
70
|
+
filterOperatorIsAnyOf: 'এর যেকোনো একটি',
|
|
71
|
+
'filterOperator=': '=',
|
|
72
|
+
'filterOperator!=': '!=',
|
|
73
|
+
'filterOperator>': '>',
|
|
74
|
+
'filterOperator>=': '>=',
|
|
75
|
+
'filterOperator<': '<',
|
|
76
|
+
'filterOperator<=': '<=',
|
|
77
|
+
// Header filter operators text
|
|
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<=': 'ছোট বা সমান',
|
|
99
|
+
// Filter values text
|
|
100
|
+
filterValueAny: 'যেকোনো',
|
|
101
|
+
filterValueTrue: 'সত্য',
|
|
102
|
+
filterValueFalse: 'মিথ্যা',
|
|
103
|
+
// Column menu text
|
|
104
|
+
columnMenuLabel: 'মেনু',
|
|
105
|
+
columnMenuShowColumns: 'কলাম দেখান',
|
|
106
|
+
columnMenuManageColumns: 'কলাম পরিচালনা করুন',
|
|
107
|
+
columnMenuFilter: 'ফিল্টার',
|
|
108
|
+
columnMenuHideColumn: 'কলাম লুকান',
|
|
109
|
+
columnMenuUnsort: 'সাজানো বাতিল করুন',
|
|
110
|
+
columnMenuSortAsc: 'ASC অনুযায়ী সাজান',
|
|
111
|
+
columnMenuSortDesc: 'DESC অনুযায়ী সাজান',
|
|
112
|
+
// Column header text
|
|
113
|
+
columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} টি সক্রিয় ফিল্টার` : `${count} টি সক্রিয় ফিল্টার`,
|
|
114
|
+
columnHeaderFiltersLabel: 'ফিল্টার দেখান',
|
|
115
|
+
columnHeaderSortIconLabel: 'সাজান',
|
|
116
|
+
// Rows selected footer text
|
|
117
|
+
footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} টি সারি নির্বাচিত` : `${count.toLocaleString()} টি সারি নির্বাচিত`,
|
|
118
|
+
// Total row amount footer text
|
|
119
|
+
footerTotalRows: 'মোট সারি:',
|
|
120
|
+
// Total visible row amount footer text
|
|
121
|
+
footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} of ${totalCount.toLocaleString()}`,
|
|
122
|
+
// Checkbox selection text
|
|
123
|
+
checkboxSelectionHeaderName: 'চেকবক্স নির্বাচন',
|
|
124
|
+
checkboxSelectionSelectAllRows: 'সব সারি নির্বাচন করুন',
|
|
125
|
+
checkboxSelectionUnselectAllRows: 'সব সারি নির্বাচন বাতিল করুন',
|
|
126
|
+
checkboxSelectionSelectRow: 'সারি নির্বাচন করুন',
|
|
127
|
+
checkboxSelectionUnselectRow: 'সারি নির্বাচন বাতিল করুন',
|
|
128
|
+
// Boolean cell text
|
|
129
|
+
booleanCellTrueLabel: 'হ্যাঁ',
|
|
130
|
+
booleanCellFalseLabel: 'না',
|
|
131
|
+
// Actions cell more text
|
|
132
|
+
actionsCellMore: 'আরও',
|
|
133
|
+
// Column pinning text
|
|
134
|
+
pinToLeft: 'বাঁ দিকে পিন করুন',
|
|
135
|
+
pinToRight: 'ডান দিকে পিন করুন',
|
|
136
|
+
unpin: 'আনপিন করুন',
|
|
137
|
+
// Tree Data
|
|
138
|
+
treeDataGroupingHeaderName: 'গ্রুপ',
|
|
139
|
+
// treeDataExpand: 'see children',
|
|
140
|
+
// treeDataCollapse: 'hide children',
|
|
141
|
+
|
|
142
|
+
// Grouping columns
|
|
143
|
+
groupingColumnHeaderName: 'গ্রুপ',
|
|
144
|
+
groupColumn: name => `${name} অনুসারে গ্রুপ করুন`,
|
|
145
|
+
unGroupColumn: name => `${name} অনুসারে গ্রুপ বন্ধ করুন`,
|
|
146
|
+
// Master/detail
|
|
147
|
+
detailPanelToggle: 'বিস্তারিত প্যানেল টগল করুন',
|
|
148
|
+
expandDetailPanel: 'সম্প্রসারিত করুন',
|
|
149
|
+
collapseDetailPanel: 'সংকুচিত করুন',
|
|
150
|
+
// Row reordering text
|
|
151
|
+
rowReorderingHeaderName: 'সারি পুনর্বিন্যাস',
|
|
152
|
+
// Aggregation
|
|
153
|
+
aggregationMenuItemHeader: 'সংকলন',
|
|
154
|
+
aggregationFunctionLabelSum: 'যোগফল',
|
|
155
|
+
aggregationFunctionLabelAvg: 'গড়',
|
|
156
|
+
aggregationFunctionLabelMin: 'সর্বনিম্ন',
|
|
157
|
+
aggregationFunctionLabelMax: 'সর্বোচ্চ',
|
|
158
|
+
aggregationFunctionLabelSize: 'মাপ'
|
|
159
|
+
};
|
|
160
|
+
const bnBD = exports.bnBD = (0, _getGridLocalization.getGridLocalization)(bnBDGrid, _locale.bnBD);
|
package/node/locales/huHU.js
CHANGED
|
@@ -40,8 +40,7 @@ const huHUGrid = {
|
|
|
40
40
|
columnsManagementNoColumns: 'Nincsenek oszlopok',
|
|
41
41
|
columnsManagementShowHideAllText: 'Összes',
|
|
42
42
|
columnsManagementReset: 'Visszavon',
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
columnsManagementDeleteIconLabel: 'Törlés',
|
|
45
44
|
// Filter panel text
|
|
46
45
|
filterPanelAddFilter: 'Szűrő hozzáadása',
|
|
47
46
|
filterPanelRemoveAll: 'Összes törlése',
|
|
@@ -55,9 +54,9 @@ const huHUGrid = {
|
|
|
55
54
|
filterPanelInputPlaceholder: 'Érték szűrése',
|
|
56
55
|
// Filter operators text
|
|
57
56
|
filterOperatorContains: 'tartalmazza:',
|
|
58
|
-
|
|
57
|
+
filterOperatorDoesNotContain: 'nem tartalmazza',
|
|
59
58
|
filterOperatorEquals: 'egyenlő ezzel:',
|
|
60
|
-
|
|
59
|
+
filterOperatorDoesNotEqual: 'nem egyenlő',
|
|
61
60
|
filterOperatorStartsWith: 'ezzel kezdődik:',
|
|
62
61
|
filterOperatorEndsWith: 'ezzel végződik:',
|
|
63
62
|
filterOperatorIs: 'a következő:',
|
|
@@ -77,13 +76,13 @@ const huHUGrid = {
|
|
|
77
76
|
'filterOperator<=': '<=',
|
|
78
77
|
// Header filter operators text
|
|
79
78
|
headerFilterOperatorContains: 'Tartalmazza:',
|
|
80
|
-
|
|
79
|
+
headerFilterOperatorDoesNotContain: 'Nem tartalmazza',
|
|
81
80
|
headerFilterOperatorEquals: 'Egyenlő ezzel:',
|
|
82
|
-
|
|
81
|
+
headerFilterOperatorDoesNotEqual: 'Nem egyenlő',
|
|
83
82
|
headerFilterOperatorStartsWith: 'Ezzel kezdődik:',
|
|
84
83
|
headerFilterOperatorEndsWith: 'Ezzel végződik:',
|
|
85
|
-
|
|
86
|
-
|
|
84
|
+
headerFilterOperatorIs: 'Megegyezik',
|
|
85
|
+
headerFilterOperatorNot: 'Nem egyezik meg',
|
|
87
86
|
headerFilterOperatorAfter: 'Ezutáni:',
|
|
88
87
|
headerFilterOperatorOnOrAfter: 'Ekkori vagy ezutáni:',
|
|
89
88
|
headerFilterOperatorBefore: 'Ezelőtti:',
|
package/node/locales/index.js
CHANGED
|
@@ -36,6 +36,17 @@ Object.keys(_bgBG).forEach(function (key) {
|
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
38
|
});
|
|
39
|
+
var _bnBD = require("./bnBD");
|
|
40
|
+
Object.keys(_bnBD).forEach(function (key) {
|
|
41
|
+
if (key === "default" || key === "__esModule") return;
|
|
42
|
+
if (key in exports && exports[key] === _bnBD[key]) return;
|
|
43
|
+
Object.defineProperty(exports, key, {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function () {
|
|
46
|
+
return _bnBD[key];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
});
|
|
39
50
|
var _csCZ = require("./csCZ");
|
|
40
51
|
Object.keys(_csCZ).forEach(function (key) {
|
|
41
52
|
if (key === "default" || key === "__esModule") return;
|
package/node/locales/ruRU.js
CHANGED
|
@@ -55,8 +55,7 @@ const ruRUGrid = {
|
|
|
55
55
|
columnsManagementNoColumns: 'Нет столбцов',
|
|
56
56
|
columnsManagementShowHideAllText: 'Показать/Скрыть Всё',
|
|
57
57
|
columnsManagementReset: 'Сбросить',
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
columnsManagementDeleteIconLabel: 'Очистить',
|
|
60
59
|
// Filter panel text
|
|
61
60
|
filterPanelAddFilter: 'Добавить фильтр',
|
|
62
61
|
filterPanelRemoveAll: 'Очистить фильтр',
|
|
@@ -70,9 +69,9 @@ const ruRUGrid = {
|
|
|
70
69
|
filterPanelInputPlaceholder: 'Значение фильтра',
|
|
71
70
|
// Filter operators text
|
|
72
71
|
filterOperatorContains: 'содержит',
|
|
73
|
-
|
|
72
|
+
filterOperatorDoesNotContain: 'не содержит',
|
|
74
73
|
filterOperatorEquals: 'равен',
|
|
75
|
-
|
|
74
|
+
filterOperatorDoesNotEqual: 'не равен',
|
|
76
75
|
filterOperatorStartsWith: 'начинается с',
|
|
77
76
|
filterOperatorEndsWith: 'заканчивается на',
|
|
78
77
|
filterOperatorIs: 'равен',
|
|
@@ -92,9 +91,9 @@ const ruRUGrid = {
|
|
|
92
91
|
'filterOperator<=': '<=',
|
|
93
92
|
// Header filter operators text
|
|
94
93
|
headerFilterOperatorContains: 'содержит',
|
|
95
|
-
|
|
94
|
+
headerFilterOperatorDoesNotContain: 'не содержит',
|
|
96
95
|
headerFilterOperatorEquals: 'равен',
|
|
97
|
-
|
|
96
|
+
headerFilterOperatorDoesNotEqual: 'не равен',
|
|
98
97
|
headerFilterOperatorStartsWith: 'начинается с',
|
|
99
98
|
headerFilterOperatorEndsWith: 'заканчивается на',
|
|
100
99
|
headerFilterOperatorIs: 'равен',
|