@mui/x-data-grid 7.26.0 → 7.27.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 +115 -0
- package/DataGrid/DataGrid.js +8 -0
- package/DataGrid/useDataGridComponent.js +3 -1
- package/colDef/gridCheckboxSelectionColDef.js +2 -1
- package/colDef/gridDateColDef.js +3 -2
- package/colDef/gridSingleSelectColDef.js +2 -2
- package/constants/dataGridPropsDefaultValues.js +1 -0
- 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/clipboard/useGridClipboard.js +1 -1
- package/hooks/features/dimensions/useGridDimensions.js +8 -9
- package/hooks/features/pagination/useGridPaginationModel.d.ts +1 -1
- package/hooks/features/pagination/useGridPaginationModel.js +45 -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/hooks/utils/useGridNativeEventListener.d.ts +0 -1
- package/hooks/utils/useGridNativeEventListener.js +12 -22
- 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/index.d.ts +1 -0
- package/locales/index.js +1 -0
- package/locales/plPL.js +31 -35
- package/locales/ukUA.js +9 -10
- package/models/api/gridRowApi.d.ts +0 -1
- package/models/gridStateCommunity.d.ts +8 -0
- package/models/props/DataGridProps.d.ts +8 -0
- package/modern/DataGrid/DataGrid.js +8 -0
- package/modern/DataGrid/useDataGridComponent.js +3 -1
- package/modern/colDef/gridCheckboxSelectionColDef.js +2 -1
- package/modern/colDef/gridDateColDef.js +3 -2
- package/modern/colDef/gridSingleSelectColDef.js +2 -2
- package/modern/constants/dataGridPropsDefaultValues.js +1 -0
- 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/clipboard/useGridClipboard.js +1 -1
- package/modern/hooks/features/dimensions/useGridDimensions.js +8 -9
- package/modern/hooks/features/pagination/useGridPaginationModel.js +45 -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/hooks/utils/useGridNativeEventListener.js +12 -22
- package/modern/index.js +1 -1
- package/modern/internals/index.js +1 -0
- package/modern/locales/bnBD.js +154 -0
- package/modern/locales/index.js +1 -0
- package/modern/locales/plPL.js +31 -35
- package/modern/locales/ukUA.js +9 -10
- package/node/DataGrid/DataGrid.js +8 -0
- package/node/DataGrid/useDataGridComponent.js +3 -1
- package/node/colDef/gridCheckboxSelectionColDef.js +2 -1
- package/node/colDef/gridDateColDef.js +3 -2
- package/node/colDef/gridSingleSelectColDef.js +2 -2
- package/node/constants/dataGridPropsDefaultValues.js +1 -0
- 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/clipboard/useGridClipboard.js +1 -1
- package/node/hooks/features/dimensions/useGridDimensions.js +8 -9
- package/node/hooks/features/pagination/useGridPaginationModel.js +45 -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/hooks/utils/useGridNativeEventListener.js +12 -23
- package/node/index.js +1 -1
- package/node/internals/index.js +8 -0
- package/node/locales/bnBD.js +160 -0
- package/node/locales/index.js +11 -0
- package/node/locales/plPL.js +31 -35
- package/node/locales/ukUA.js +9 -10
- package/package.json +1 -1
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;
|
|
@@ -98,7 +98,7 @@ const useGridClipboard = (apiRef, props) => {
|
|
|
98
98
|
apiRef.current.publishEvent('clipboardCopy', textToCopy);
|
|
99
99
|
}
|
|
100
100
|
}, [apiRef, ignoreValueFormatter, clipboardCopyCellDelimiter]);
|
|
101
|
-
(0, _utils.useGridNativeEventListener)(apiRef, apiRef.current.rootElementRef, 'keydown', handleCopy);
|
|
101
|
+
(0, _utils.useGridNativeEventListener)(apiRef, () => apiRef.current.rootElementRef.current, 'keydown', handleCopy);
|
|
102
102
|
(0, _utils.useGridApiOptionHandler)(apiRef, 'clipboardCopy', props.onClipboardCopy);
|
|
103
103
|
};
|
|
104
104
|
exports.useGridClipboard = useGridClipboard;
|
|
@@ -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) {
|
|
@@ -8,8 +8,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.useGridPaginationModel = exports.getDerivedPaginationModel = void 0;
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _gridFilterSelector = require("../filter/gridFilterSelector");
|
|
11
12
|
var _density = require("../density");
|
|
12
13
|
var _utils = require("../../utils");
|
|
14
|
+
var _utils2 = require("../../../utils/utils");
|
|
13
15
|
var _pipeProcessing = require("../../core/pipeProcessing");
|
|
14
16
|
var _gridPaginationSelector = require("./gridPaginationSelector");
|
|
15
17
|
var _gridPaginationUtils = require("./gridPaginationUtils");
|
|
@@ -22,7 +24,7 @@ const getDerivedPaginationModel = (paginationState, signature, paginationModelPr
|
|
|
22
24
|
if (paginationModelProp && (paginationModelProp?.page !== paginationModel.page || paginationModelProp?.pageSize !== paginationModel.pageSize)) {
|
|
23
25
|
paginationModel = paginationModelProp;
|
|
24
26
|
}
|
|
25
|
-
const validPage = (0, _gridPaginationUtils.getValidPage)(paginationModel.page, pageCount);
|
|
27
|
+
const validPage = pageSize === -1 ? 0 : (0, _gridPaginationUtils.getValidPage)(paginationModel.page, pageCount);
|
|
26
28
|
if (validPage !== paginationModel.page) {
|
|
27
29
|
paginationModel = (0, _extends2.default)({}, paginationModel, {
|
|
28
30
|
page: validPage
|
|
@@ -40,6 +42,7 @@ exports.getDerivedPaginationModel = getDerivedPaginationModel;
|
|
|
40
42
|
const useGridPaginationModel = (apiRef, props) => {
|
|
41
43
|
const logger = (0, _utils.useGridLogger)(apiRef, 'useGridPaginationModel');
|
|
42
44
|
const densityFactor = (0, _utils.useGridSelector)(apiRef, _density.gridDensityFactorSelector);
|
|
45
|
+
const previousFilterModel = React.useRef((0, _gridFilterSelector.gridFilterModelSelector)(apiRef));
|
|
43
46
|
const rowHeight = Math.floor(props.rowHeight * densityFactor);
|
|
44
47
|
apiRef.current.registerControlState({
|
|
45
48
|
stateId: 'paginationModel',
|
|
@@ -152,14 +155,55 @@ const useGridPaginationModel = (apiRef, props) => {
|
|
|
152
155
|
return;
|
|
153
156
|
}
|
|
154
157
|
const paginationModel = (0, _gridPaginationSelector.gridPaginationModelSelector)(apiRef);
|
|
158
|
+
if (paginationModel.page === 0) {
|
|
159
|
+
return;
|
|
160
|
+
}
|
|
155
161
|
const pageCount = (0, _gridPaginationSelector.gridPageCountSelector)(apiRef);
|
|
156
162
|
if (paginationModel.page > pageCount - 1) {
|
|
157
163
|
apiRef.current.setPage(Math.max(0, pageCount - 1));
|
|
158
164
|
}
|
|
159
165
|
}, [apiRef]);
|
|
166
|
+
|
|
167
|
+
/**
|
|
168
|
+
* Goes to the first row of the grid
|
|
169
|
+
*/
|
|
170
|
+
const navigateToStart = React.useCallback(() => {
|
|
171
|
+
const paginationModel = (0, _gridPaginationSelector.gridPaginationModelSelector)(apiRef);
|
|
172
|
+
if (paginationModel.page !== 0) {
|
|
173
|
+
apiRef.current.setPage(0);
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
// If the page was not changed it might be needed to scroll to the top
|
|
177
|
+
const scrollPosition = apiRef.current.getScrollPosition();
|
|
178
|
+
if (scrollPosition.top !== 0) {
|
|
179
|
+
apiRef.current.scroll({
|
|
180
|
+
top: 0
|
|
181
|
+
});
|
|
182
|
+
}
|
|
183
|
+
}, [apiRef]);
|
|
184
|
+
|
|
185
|
+
/**
|
|
186
|
+
* Resets the page only if the active items or quick filter has changed from the last time.
|
|
187
|
+
* This is to avoid resetting the page when the filter model is changed
|
|
188
|
+
* because of and update of the operator from an item that does not have the value
|
|
189
|
+
* or reseting when the filter panel is just opened
|
|
190
|
+
*/
|
|
191
|
+
const handleFilterModelChange = React.useCallback(filterModel => {
|
|
192
|
+
const currentActiveFilters = (0, _extends2.default)({}, filterModel, {
|
|
193
|
+
// replace items with the active items
|
|
194
|
+
items: (0, _gridFilterSelector.gridFilterActiveItemsSelector)(apiRef)
|
|
195
|
+
});
|
|
196
|
+
if ((0, _utils2.isDeepEqual)(currentActiveFilters, previousFilterModel.current)) {
|
|
197
|
+
return;
|
|
198
|
+
}
|
|
199
|
+
previousFilterModel.current = currentActiveFilters;
|
|
200
|
+
navigateToStart();
|
|
201
|
+
}, [apiRef, navigateToStart]);
|
|
160
202
|
(0, _utils.useGridApiEventHandler)(apiRef, 'viewportInnerSizeChange', handleUpdateAutoPageSize);
|
|
161
203
|
(0, _utils.useGridApiEventHandler)(apiRef, 'paginationModelChange', handlePaginationModelChange);
|
|
162
204
|
(0, _utils.useGridApiEventHandler)(apiRef, 'rowCountChange', handleRowCountChange);
|
|
205
|
+
(0, _utils.useGridApiEventHandler)(apiRef, 'sortModelChange', (0, _utils2.runIf)(props.resetPageOnSortFilter, navigateToStart));
|
|
206
|
+
(0, _utils.useGridApiEventHandler)(apiRef, 'filterModelChange', (0, _utils2.runIf)(props.resetPageOnSortFilter, handleFilterModelChange));
|
|
163
207
|
|
|
164
208
|
/**
|
|
165
209
|
* EFFECTS
|
|
@@ -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
|
});
|
|
@@ -1,35 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.useGridNativeEventListener = void 0;
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _utils = require("../../utils/utils");
|
|
10
7
|
var _useGridLogger = require("./useGridLogger");
|
|
8
|
+
var _useGridApiEventHandler = require("./useGridApiEventHandler");
|
|
11
9
|
const useGridNativeEventListener = (apiRef, ref, eventName, handler, options) => {
|
|
12
10
|
const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useNativeEventListener');
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
return handlerRef.current && handlerRef.current(event);
|
|
18
|
-
}, []);
|
|
19
|
-
React.useEffect(() => {
|
|
20
|
-
handlerRef.current = handler;
|
|
21
|
-
}, [handler]);
|
|
22
|
-
React.useEffect(() => {
|
|
23
|
-
if (targetElement && eventName && !added) {
|
|
24
|
-
logger.debug(`Binding native ${eventName} event`);
|
|
25
|
-
targetElement.addEventListener(eventName, wrapHandler, options);
|
|
26
|
-
setAdded(true);
|
|
27
|
-
const unsubscribe = () => {
|
|
28
|
-
logger.debug(`Clearing native ${eventName} event`);
|
|
29
|
-
targetElement.removeEventListener(eventName, wrapHandler, options);
|
|
30
|
-
};
|
|
31
|
-
apiRef.current.subscribeEvent('unmount', unsubscribe);
|
|
11
|
+
(0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'rootMount', () => {
|
|
12
|
+
const targetElement = typeof ref === 'function' ? ref() : ref.current;
|
|
13
|
+
if (!targetElement || !eventName || !handler) {
|
|
14
|
+
return undefined;
|
|
32
15
|
}
|
|
33
|
-
|
|
16
|
+
logger.debug(`Binding native ${eventName} event`);
|
|
17
|
+
targetElement.addEventListener(eventName, handler, options);
|
|
18
|
+
return () => {
|
|
19
|
+
logger.debug(`Clearing native ${eventName} event`);
|
|
20
|
+
targetElement.removeEventListener(eventName, handler, options);
|
|
21
|
+
};
|
|
22
|
+
});
|
|
34
23
|
};
|
|
35
24
|
exports.useGridNativeEventListener = useGridNativeEventListener;
|
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/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/plPL.js
CHANGED
|
@@ -36,12 +36,11 @@ const plPLGrid = {
|
|
|
36
36
|
toolbarExportPrint: 'Drukuj',
|
|
37
37
|
toolbarExportExcel: 'Pobierz jako plik Excel',
|
|
38
38
|
// Columns management text
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
39
|
+
columnsManagementSearchTitle: 'Szukaj',
|
|
40
|
+
columnsManagementNoColumns: 'Brak kolumn',
|
|
41
|
+
columnsManagementShowHideAllText: 'Wyświetl/Ukryj wszystkie',
|
|
42
|
+
columnsManagementReset: 'Resetuj',
|
|
43
|
+
columnsManagementDeleteIconLabel: 'Wyczyść',
|
|
45
44
|
// Filter panel text
|
|
46
45
|
filterPanelAddFilter: 'Dodaj filtr',
|
|
47
46
|
filterPanelRemoveAll: 'Usuń wszystkie',
|
|
@@ -69,13 +68,12 @@ const plPLGrid = {
|
|
|
69
68
|
filterOperatorIsEmpty: 'jest pusty',
|
|
70
69
|
filterOperatorIsNotEmpty: 'nie jest pusty',
|
|
71
70
|
filterOperatorIsAnyOf: 'jest jednym z',
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
71
|
+
'filterOperator=': 'równa się',
|
|
72
|
+
'filterOperator!=': 'nie równa się',
|
|
73
|
+
'filterOperator>': 'większy niż',
|
|
74
|
+
'filterOperator>=': 'większy lub równy',
|
|
75
|
+
'filterOperator<': 'mniejszy niż',
|
|
76
|
+
'filterOperator<=': 'mniejszy lub równy',
|
|
79
77
|
// Header filter operators text
|
|
80
78
|
headerFilterOperatorContains: 'Zawiera',
|
|
81
79
|
// headerFilterOperatorDoesNotContain: 'Does not contain',
|
|
@@ -85,20 +83,19 @@ const plPLGrid = {
|
|
|
85
83
|
headerFilterOperatorEndsWith: 'Kończy się na',
|
|
86
84
|
// headerFilterOperatorIs: 'Is',
|
|
87
85
|
headerFilterOperatorNot: 'Niepuste',
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
86
|
+
headerFilterOperatorAfter: 'Jest po',
|
|
87
|
+
headerFilterOperatorOnOrAfter: 'Jest w lub po',
|
|
88
|
+
headerFilterOperatorBefore: 'Jest przed',
|
|
89
|
+
headerFilterOperatorOnOrBefore: 'Jest w lub przed',
|
|
90
|
+
headerFilterOperatorIsEmpty: 'Jest pusty',
|
|
91
|
+
headerFilterOperatorIsNotEmpty: 'Nie jest pusty',
|
|
92
|
+
headerFilterOperatorIsAnyOf: 'Is any of',
|
|
93
|
+
'headerFilterOperator=': 'Równa się',
|
|
94
|
+
'headerFilterOperator!=': 'Nie równa się',
|
|
95
|
+
'headerFilterOperator>': 'Większy niż',
|
|
96
|
+
'headerFilterOperator>=': 'Większy lub równy',
|
|
97
|
+
'headerFilterOperator<': 'Mniejszy niż',
|
|
98
|
+
'headerFilterOperator<=': 'Mniejszy lub równy',
|
|
102
99
|
// Filter values text
|
|
103
100
|
filterValueAny: 'dowolny',
|
|
104
101
|
filterValueTrue: 'prawda',
|
|
@@ -150,14 +147,13 @@ const plPLGrid = {
|
|
|
150
147
|
expandDetailPanel: 'Rozwiń',
|
|
151
148
|
collapseDetailPanel: 'Zwiń',
|
|
152
149
|
// Row reordering text
|
|
153
|
-
rowReorderingHeaderName: 'Porządkowanie wierszy'
|
|
154
|
-
|
|
150
|
+
rowReorderingHeaderName: 'Porządkowanie wierszy',
|
|
155
151
|
// Aggregation
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
152
|
+
aggregationMenuItemHeader: 'Agregacja',
|
|
153
|
+
aggregationFunctionLabelSum: 'suma',
|
|
154
|
+
aggregationFunctionLabelAvg: 'średnia',
|
|
155
|
+
aggregationFunctionLabelMin: 'minimum',
|
|
156
|
+
aggregationFunctionLabelMax: 'maximum',
|
|
157
|
+
aggregationFunctionLabelSize: 'rozmiar'
|
|
162
158
|
};
|
|
163
159
|
const plPL = exports.plPL = (0, _getGridLocalization.getGridLocalization)(plPLGrid, _locale.plPL);
|