@mui/x-data-grid 6.0.0-beta.1 → 6.0.0-beta.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 +80 -3
- package/hooks/features/rows/useGridRowsMeta.js +19 -4
- package/hooks/features/virtualization/useGridVirtualScroller.js +21 -7
- package/index.js +1 -1
- package/legacy/hooks/features/rows/useGridRowsMeta.js +19 -4
- package/legacy/hooks/features/virtualization/useGridVirtualScroller.js +21 -11
- package/legacy/index.js +1 -1
- package/legacy/locales/frFR.js +1 -1
- package/legacy/locales/index.js +1 -0
- package/legacy/locales/urPK.js +134 -0
- package/locales/frFR.js +1 -1
- package/locales/index.d.ts +1 -0
- package/locales/index.js +1 -0
- package/locales/urPK.d.ts +2 -0
- package/locales/urPK.js +122 -0
- package/modern/hooks/features/rows/useGridRowsMeta.js +19 -4
- package/modern/hooks/features/virtualization/useGridVirtualScroller.js +20 -6
- package/modern/index.js +1 -1
- package/modern/locales/frFR.js +1 -1
- package/modern/locales/index.js +1 -0
- package/modern/locales/urPK.js +122 -0
- package/node/hooks/features/rows/useGridRowsMeta.js +20 -5
- package/node/hooks/features/virtualization/useGridVirtualScroller.js +20 -6
- package/node/index.js +1 -1
- package/node/locales/frFR.js +1 -1
- package/node/locales/index.js +11 -0
- package/node/locales/urPK.js +129 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,58 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 6.0.0-beta.2
|
|
7
|
+
|
|
8
|
+
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
|
|
9
|
+
|
|
10
|
+
- 🚀 Support week day formats in the field components
|
|
11
|
+
- 🌍 Add Hungarian (hu-HU) and Urdu (ur-PK) locales
|
|
12
|
+
- 🌍 Improve French (fr-FR) and Italian (it-IT) locales
|
|
13
|
+
- ✨ New codemods for migrating to v6
|
|
14
|
+
- 📚 Documentation improvements
|
|
15
|
+
- 🐞 Bug fixes
|
|
16
|
+
|
|
17
|
+
### `@mui/x-data-grid@v6.0.0-beta.2` / `@mui/x-data-grid-pro@v6.0.0-beta.2` / `@mui/x-data-grid-premium@v6.0.0-beta.2`
|
|
18
|
+
|
|
19
|
+
#### Changes
|
|
20
|
+
|
|
21
|
+
- [DataGrid] Handle non-numeric values returned by `getRowHeight` prop (#7703) @cherniavskii
|
|
22
|
+
- [DataGrid] Merge row styles with `componentsProps.row.style` (#7641) @marktoman
|
|
23
|
+
- [l10n] Add Hungarian (hu-HU) locale (#7776) @noherczeg
|
|
24
|
+
- [l10n] Add Urdu (ur-PK) locale (#6866) @MBilalShafi
|
|
25
|
+
- [l10n] Improve French (fr-FR) locale (#7777) @Vivek-Prajapatii
|
|
26
|
+
- [l10n] Improve Italian (it-IT) locale (#7761) @simonecervini
|
|
27
|
+
|
|
28
|
+
### `@mui/x-date-pickers@v6.0.0-beta.2` / `@mui/x-date-pickers-pro@v6.0.0-beta.2`
|
|
29
|
+
|
|
30
|
+
#### Changes
|
|
31
|
+
|
|
32
|
+
- [fields] Support week day formats (#7392) @flaviendelangle
|
|
33
|
+
- [pickers] Allow to initialize and control the `rangePosition` on all range components (#7764) @flaviendelangle
|
|
34
|
+
- [pickers] Fix theme augmentation (#7800) @LukasTy
|
|
35
|
+
- [pickers] Hide scrollbars in the date calendar container (#7766) @Vivek-Prajapatii
|
|
36
|
+
- [pickers] Remove the dependency on `rifm` (#7785) @alexfauquette
|
|
37
|
+
|
|
38
|
+
### `@mui/x-codemod@v6.0.0-beta.2`
|
|
39
|
+
|
|
40
|
+
#### Changes
|
|
41
|
+
|
|
42
|
+
- [codemod] Add pickers `rename-default-toolbar-title-localeText` codemod (#7752) @LukasTy
|
|
43
|
+
- [codemod] Add pickers `rename-inputFormat-prop` codemod (#7736) @LukasTy
|
|
44
|
+
|
|
45
|
+
### Docs
|
|
46
|
+
|
|
47
|
+
- [docs] Fix a typo in data grid layout page (#7113) @sfbaker7
|
|
48
|
+
- [docs] Fix require context path to avoid duplicate key creation (#7781) @LukasTy
|
|
49
|
+
- [docs] Polish pickers migration docs (#7737) @LukasTy
|
|
50
|
+
- [docs] Rename `next` translation docs and remove duplicates with `-next` (#7729) @LukasTy
|
|
51
|
+
|
|
52
|
+
### Core
|
|
53
|
+
|
|
54
|
+
- [core] Fix l10n data file (#7804) @flaviendelangle
|
|
55
|
+
- [core] Fix Next.js warning (#7754) @oliviertassinari
|
|
56
|
+
- [core] Remove unused demos (#7758) @flaviendelangle
|
|
57
|
+
|
|
6
58
|
## 6.0.0-beta.1
|
|
7
59
|
|
|
8
60
|
_Jan 27, 2023_
|
|
@@ -1368,8 +1420,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
|
|
|
1368
1420
|
- The toolbar related translation keys have been renamed to better fit their usage:
|
|
1369
1421
|
|
|
1370
1422
|
```diff
|
|
1371
|
-
|
|
1372
|
-
<DatePicker
|
|
1423
|
+
<LocalizationProvider
|
|
1373
1424
|
localeText={{
|
|
1374
1425
|
- datePickerDefaultToolbarTitle: 'Date Picker',
|
|
1375
1426
|
+ datePickerToolbarTitle: 'Date Picker',
|
|
@@ -2022,7 +2073,33 @@ You can find more information about the new api, including how to set those tran
|
|
|
2022
2073
|
- [test] Skip tests for column pinning and dynamic row height (#5997) @m4theushw
|
|
2023
2074
|
- [website] Improve security header @oliviertassinari
|
|
2024
2075
|
|
|
2025
|
-
##
|
|
2076
|
+
## 5.17.22
|
|
2077
|
+
|
|
2078
|
+
_Feb 2, 2023_
|
|
2079
|
+
|
|
2080
|
+
We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
|
|
2081
|
+
|
|
2082
|
+
- 🌍 Add Urdu (ur-PK) locale
|
|
2083
|
+
- 🌍 Improve French (fr-FR) and Italian (it-IT) locales
|
|
2084
|
+
- 🐞 Bugfixes
|
|
2085
|
+
|
|
2086
|
+
### `@mui/x-data-grid@v5.17.22` / `@mui/x-data-grid-pro@v5.17.22` / `@mui/x-data-grid-premium@v5.17.22`
|
|
2087
|
+
|
|
2088
|
+
#### Changes
|
|
2089
|
+
|
|
2090
|
+
- [DataGrid] Fix an error when deleting pinned row using the buttons in the `actions` column (#7767) @cherniavskii
|
|
2091
|
+
- [DataGrid] Fix print preview regression in Chrome browser (#7405) @cherniavskii
|
|
2092
|
+
- [l10n] Add Urdu (ur-PK) locale (#7778) @MBilalShafi
|
|
2093
|
+
- [l10n] Improve French (fr-FR) locale (#7795) @Vivek-Prajapatii
|
|
2094
|
+
|
|
2095
|
+
### `@mui/x-date-pickers@v5.0.17` / `@mui/x-date-pickers-pro@v5.0.17`
|
|
2096
|
+
|
|
2097
|
+
#### Changes
|
|
2098
|
+
|
|
2099
|
+
- [TimePicker] Add missing `themeAugmentation` entry (#7732) @LukasTy
|
|
2100
|
+
- [l10n] Improve Italian (it-IT) locale (#7761) @simonecervini
|
|
2101
|
+
|
|
2102
|
+
## 5.17.21
|
|
2026
2103
|
|
|
2027
2104
|
_Jan 27, 2023_
|
|
2028
2105
|
|
|
@@ -10,12 +10,26 @@ import { gridPaginationSelector } from '../pagination/gridPaginationSelector';
|
|
|
10
10
|
import { gridSortModelSelector } from '../sorting/gridSortingSelector';
|
|
11
11
|
import { useGridRegisterPipeApplier } from '../../core/pipeProcessing';
|
|
12
12
|
import { gridPinnedRowsSelector } from './gridRowsSelector';
|
|
13
|
+
import { DATA_GRID_PROPS_DEFAULT_VALUES } from '../../../DataGrid/useDataGridProps';
|
|
13
14
|
export const rowsMetaStateInitializer = state => _extends({}, state, {
|
|
14
15
|
rowsMeta: {
|
|
15
16
|
currentPageTotalHeight: 0,
|
|
16
17
|
positions: []
|
|
17
18
|
}
|
|
18
19
|
});
|
|
20
|
+
let warnedOnceInvalidRowHeight = false;
|
|
21
|
+
const getValidRowHeight = (rowHeightProp, defaultRowHeight, warningMessage) => {
|
|
22
|
+
if (typeof rowHeightProp === 'number' && rowHeightProp > 0) {
|
|
23
|
+
return rowHeightProp;
|
|
24
|
+
}
|
|
25
|
+
if (process.env.NODE_ENV !== 'production' && !warnedOnceInvalidRowHeight && typeof rowHeightProp !== 'undefined' && rowHeightProp !== null) {
|
|
26
|
+
console.warn(warningMessage);
|
|
27
|
+
warnedOnceInvalidRowHeight = true;
|
|
28
|
+
}
|
|
29
|
+
return defaultRowHeight;
|
|
30
|
+
};
|
|
31
|
+
const rowHeightWarning = [`MUI: The \`rowHeight\` prop should be a number greater than 0.`, `The default value will be used instead.`].join('\n');
|
|
32
|
+
const getRowHeightWarning = [`MUI: The \`getRowHeight\` prop should return a number greater than 0 or 'auto'.`, `The default value will be used instead.`].join('\n');
|
|
19
33
|
|
|
20
34
|
/**
|
|
21
35
|
* @requires useGridPageSize (method)
|
|
@@ -38,7 +52,8 @@ export const useGridRowsMeta = (apiRef, props) => {
|
|
|
38
52
|
const sortModel = useGridSelector(apiRef, gridSortModelSelector);
|
|
39
53
|
const currentPage = useGridVisibleRows(apiRef, props);
|
|
40
54
|
const pinnedRows = useGridSelector(apiRef, gridPinnedRowsSelector);
|
|
41
|
-
const
|
|
55
|
+
const validRowHeight = getValidRowHeight(props.rowHeight, DATA_GRID_PROPS_DEFAULT_VALUES.rowHeight, rowHeightWarning);
|
|
56
|
+
const rowHeight = Math.floor(validRowHeight * densityFactor);
|
|
42
57
|
const hydrateRowsMeta = React.useCallback(() => {
|
|
43
58
|
var _pinnedRows$top, _pinnedRows$bottom;
|
|
44
59
|
hasRowWithAutoHeight.current = false;
|
|
@@ -59,7 +74,7 @@ export const useGridRowsMeta = (apiRef, props) => {
|
|
|
59
74
|
needsFirstMeasurement,
|
|
60
75
|
sizes
|
|
61
76
|
} = rowsHeightLookup.current[row.id];
|
|
62
|
-
let baseRowHeight = rowHeight;
|
|
77
|
+
let baseRowHeight = typeof rowHeight === 'number' && rowHeight > 0 ? rowHeight : 52;
|
|
63
78
|
const existingBaseRowHeight = sizes.baseCenter;
|
|
64
79
|
if (isResized) {
|
|
65
80
|
// Do not recalculate resized row height and use the value from the lookup
|
|
@@ -82,8 +97,8 @@ export const useGridRowsMeta = (apiRef, props) => {
|
|
|
82
97
|
hasRowWithAutoHeight.current = true;
|
|
83
98
|
rowsHeightLookup.current[row.id].autoHeight = true;
|
|
84
99
|
} else {
|
|
85
|
-
// Default back to base rowHeight if getRowHeight returns
|
|
86
|
-
baseRowHeight = rowHeightFromUser
|
|
100
|
+
// Default back to base rowHeight if getRowHeight returns invalid value.
|
|
101
|
+
baseRowHeight = getValidRowHeight(rowHeightFromUser, rowHeight, getRowHeightWarning);
|
|
87
102
|
rowsHeightLookup.current[row.id].needsFirstMeasurement = false;
|
|
88
103
|
rowsHeightLookup.current[row.id].autoHeight = false;
|
|
89
104
|
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
2
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
|
-
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
+
const _excluded = ["style"],
|
|
4
|
+
_excluded2 = ["style"],
|
|
5
|
+
_excluded3 = ["style"];
|
|
4
6
|
import * as React from 'react';
|
|
5
7
|
import * as ReactDOM from 'react-dom';
|
|
6
8
|
import { unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
|
|
@@ -339,7 +341,7 @@ export const useGridVirtualScroller = props => {
|
|
|
339
341
|
const renderedColumns = visibleColumns.slice(firstColumnToRender, lastColumnToRender);
|
|
340
342
|
const rows = [];
|
|
341
343
|
for (let i = 0; i < renderedRows.length; i += 1) {
|
|
342
|
-
var
|
|
344
|
+
var _rootProps$components, _currentPage$range5;
|
|
343
345
|
const {
|
|
344
346
|
id,
|
|
345
347
|
model
|
|
@@ -352,6 +354,16 @@ export const useGridVirtualScroller = props => {
|
|
|
352
354
|
} else {
|
|
353
355
|
isSelected = apiRef.current.isRowSelectable(id);
|
|
354
356
|
}
|
|
357
|
+
const _ref = ((_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.row) || {},
|
|
358
|
+
{
|
|
359
|
+
style: rootRowStyle
|
|
360
|
+
} = _ref,
|
|
361
|
+
rootRowProps = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
362
|
+
const _ref2 = typeof getRowProps === 'function' && getRowProps(id, model) || {},
|
|
363
|
+
{
|
|
364
|
+
style: rowStyle
|
|
365
|
+
} = _ref2,
|
|
366
|
+
rowProps = _objectWithoutPropertiesLoose(_ref2, _excluded2);
|
|
355
367
|
rows.push( /*#__PURE__*/_jsx(rootProps.components.Row, _extends({
|
|
356
368
|
row: model,
|
|
357
369
|
rowId: id,
|
|
@@ -371,7 +383,9 @@ export const useGridVirtualScroller = props => {
|
|
|
371
383
|
containerWidth: availableSpace,
|
|
372
384
|
isLastVisible: lastVisibleRowIndex,
|
|
373
385
|
position: position
|
|
374
|
-
},
|
|
386
|
+
}, rowProps, rootRowProps, {
|
|
387
|
+
style: _extends({}, rowStyle, rootRowStyle)
|
|
388
|
+
}), id));
|
|
375
389
|
}
|
|
376
390
|
return rows;
|
|
377
391
|
};
|
|
@@ -416,11 +430,11 @@ export const useGridVirtualScroller = props => {
|
|
|
416
430
|
renderContext,
|
|
417
431
|
updateRenderZonePosition,
|
|
418
432
|
getRows,
|
|
419
|
-
getRootProps: (
|
|
433
|
+
getRootProps: (_ref3 = {}) => {
|
|
420
434
|
let {
|
|
421
435
|
style = {}
|
|
422
|
-
} =
|
|
423
|
-
other = _objectWithoutPropertiesLoose(
|
|
436
|
+
} = _ref3,
|
|
437
|
+
other = _objectWithoutPropertiesLoose(_ref3, _excluded3);
|
|
424
438
|
return _extends({
|
|
425
439
|
ref: handleRef,
|
|
426
440
|
onScroll: handleScroll,
|
package/index.js
CHANGED
|
@@ -11,6 +11,7 @@ import { gridPaginationSelector } from '../pagination/gridPaginationSelector';
|
|
|
11
11
|
import { gridSortModelSelector } from '../sorting/gridSortingSelector';
|
|
12
12
|
import { useGridRegisterPipeApplier } from '../../core/pipeProcessing';
|
|
13
13
|
import { gridPinnedRowsSelector } from './gridRowsSelector';
|
|
14
|
+
import { DATA_GRID_PROPS_DEFAULT_VALUES } from '../../../DataGrid/useDataGridProps';
|
|
14
15
|
export var rowsMetaStateInitializer = function rowsMetaStateInitializer(state) {
|
|
15
16
|
return _extends({}, state, {
|
|
16
17
|
rowsMeta: {
|
|
@@ -19,6 +20,19 @@ export var rowsMetaStateInitializer = function rowsMetaStateInitializer(state) {
|
|
|
19
20
|
}
|
|
20
21
|
});
|
|
21
22
|
};
|
|
23
|
+
var warnedOnceInvalidRowHeight = false;
|
|
24
|
+
var getValidRowHeight = function getValidRowHeight(rowHeightProp, defaultRowHeight, warningMessage) {
|
|
25
|
+
if (typeof rowHeightProp === 'number' && rowHeightProp > 0) {
|
|
26
|
+
return rowHeightProp;
|
|
27
|
+
}
|
|
28
|
+
if (process.env.NODE_ENV !== 'production' && !warnedOnceInvalidRowHeight && typeof rowHeightProp !== 'undefined' && rowHeightProp !== null) {
|
|
29
|
+
console.warn(warningMessage);
|
|
30
|
+
warnedOnceInvalidRowHeight = true;
|
|
31
|
+
}
|
|
32
|
+
return defaultRowHeight;
|
|
33
|
+
};
|
|
34
|
+
var rowHeightWarning = ["MUI: The `rowHeight` prop should be a number greater than 0.", "The default value will be used instead."].join('\n');
|
|
35
|
+
var getRowHeightWarning = ["MUI: The `getRowHeight` prop should return a number greater than 0 or 'auto'.", "The default value will be used instead."].join('\n');
|
|
22
36
|
|
|
23
37
|
/**
|
|
24
38
|
* @requires useGridPageSize (method)
|
|
@@ -39,7 +53,8 @@ export var useGridRowsMeta = function useGridRowsMeta(apiRef, props) {
|
|
|
39
53
|
var sortModel = useGridSelector(apiRef, gridSortModelSelector);
|
|
40
54
|
var currentPage = useGridVisibleRows(apiRef, props);
|
|
41
55
|
var pinnedRows = useGridSelector(apiRef, gridPinnedRowsSelector);
|
|
42
|
-
var
|
|
56
|
+
var validRowHeight = getValidRowHeight(props.rowHeight, DATA_GRID_PROPS_DEFAULT_VALUES.rowHeight, rowHeightWarning);
|
|
57
|
+
var rowHeight = Math.floor(validRowHeight * densityFactor);
|
|
43
58
|
var hydrateRowsMeta = React.useCallback(function () {
|
|
44
59
|
var _pinnedRows$top, _pinnedRows$bottom;
|
|
45
60
|
hasRowWithAutoHeight.current = false;
|
|
@@ -59,7 +74,7 @@ export var useGridRowsMeta = function useGridRowsMeta(apiRef, props) {
|
|
|
59
74
|
isResized = _rowsHeightLookup$cur.isResized,
|
|
60
75
|
needsFirstMeasurement = _rowsHeightLookup$cur.needsFirstMeasurement,
|
|
61
76
|
sizes = _rowsHeightLookup$cur.sizes;
|
|
62
|
-
var baseRowHeight = rowHeight;
|
|
77
|
+
var baseRowHeight = typeof rowHeight === 'number' && rowHeight > 0 ? rowHeight : 52;
|
|
63
78
|
var existingBaseRowHeight = sizes.baseCenter;
|
|
64
79
|
if (isResized) {
|
|
65
80
|
// Do not recalculate resized row height and use the value from the lookup
|
|
@@ -82,8 +97,8 @@ export var useGridRowsMeta = function useGridRowsMeta(apiRef, props) {
|
|
|
82
97
|
hasRowWithAutoHeight.current = true;
|
|
83
98
|
rowsHeightLookup.current[row.id].autoHeight = true;
|
|
84
99
|
} else {
|
|
85
|
-
// Default back to base rowHeight if getRowHeight returns
|
|
86
|
-
baseRowHeight = rowHeightFromUser
|
|
100
|
+
// Default back to base rowHeight if getRowHeight returns invalid value.
|
|
101
|
+
baseRowHeight = getValidRowHeight(rowHeightFromUser, rowHeight, getRowHeightWarning);
|
|
87
102
|
rowsHeightLookup.current[row.id].needsFirstMeasurement = false;
|
|
88
103
|
rowsHeightLookup.current[row.id].autoHeight = false;
|
|
89
104
|
}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
|
-
var _excluded = ["style"]
|
|
4
|
+
var _excluded = ["style"],
|
|
5
|
+
_excluded2 = ["style"],
|
|
6
|
+
_excluded3 = ["style"];
|
|
5
7
|
import * as React from 'react';
|
|
6
8
|
import * as ReactDOM from 'react-dom';
|
|
7
9
|
import { unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
|
|
@@ -365,7 +367,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
|
|
|
365
367
|
var renderedColumns = visibleColumns.slice(firstColumnToRender, lastColumnToRender);
|
|
366
368
|
var rows = [];
|
|
367
369
|
for (var i = 0; i < renderedRows.length; i += 1) {
|
|
368
|
-
var
|
|
370
|
+
var _rootProps$components, _currentPage$range5;
|
|
369
371
|
var _renderedRows$i = renderedRows[i],
|
|
370
372
|
_id = _renderedRows$i.id,
|
|
371
373
|
_model = _renderedRows$i.model;
|
|
@@ -377,6 +379,12 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
|
|
|
377
379
|
} else {
|
|
378
380
|
isSelected = apiRef.current.isRowSelectable(_id);
|
|
379
381
|
}
|
|
382
|
+
var _ref4 = ((_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.row) || {},
|
|
383
|
+
rootRowStyle = _ref4.style,
|
|
384
|
+
rootRowProps = _objectWithoutProperties(_ref4, _excluded);
|
|
385
|
+
var _ref5 = typeof getRowProps === 'function' && getRowProps(_id, _model) || {},
|
|
386
|
+
rowStyle = _ref5.style,
|
|
387
|
+
rowProps = _objectWithoutProperties(_ref5, _excluded2);
|
|
380
388
|
rows.push( /*#__PURE__*/_jsx(rootProps.components.Row, _extends({
|
|
381
389
|
row: _model,
|
|
382
390
|
rowId: _id,
|
|
@@ -396,7 +404,9 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
|
|
|
396
404
|
containerWidth: availableSpace,
|
|
397
405
|
isLastVisible: lastVisibleRowIndex,
|
|
398
406
|
position: position
|
|
399
|
-
},
|
|
407
|
+
}, rowProps, rootRowProps, {
|
|
408
|
+
style: _extends({}, rowStyle, rootRowStyle)
|
|
409
|
+
}), _id));
|
|
400
410
|
}
|
|
401
411
|
return rows;
|
|
402
412
|
};
|
|
@@ -442,10 +452,10 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
|
|
|
442
452
|
updateRenderZonePosition: updateRenderZonePosition,
|
|
443
453
|
getRows: getRows,
|
|
444
454
|
getRootProps: function getRootProps() {
|
|
445
|
-
var
|
|
446
|
-
var
|
|
447
|
-
style =
|
|
448
|
-
other = _objectWithoutProperties(
|
|
455
|
+
var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
456
|
+
var _ref6$style = _ref6.style,
|
|
457
|
+
style = _ref6$style === void 0 ? {} : _ref6$style,
|
|
458
|
+
other = _objectWithoutProperties(_ref6, _excluded3);
|
|
449
459
|
return _extends({
|
|
450
460
|
ref: handleRef,
|
|
451
461
|
onScroll: handleScroll,
|
|
@@ -455,9 +465,9 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
|
|
|
455
465
|
}, other);
|
|
456
466
|
},
|
|
457
467
|
getContentProps: function getContentProps() {
|
|
458
|
-
var
|
|
459
|
-
|
|
460
|
-
style =
|
|
468
|
+
var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
469
|
+
_ref7$style = _ref7.style,
|
|
470
|
+
style = _ref7$style === void 0 ? {} : _ref7$style;
|
|
461
471
|
return {
|
|
462
472
|
style: _extends({}, style, contentSize)
|
|
463
473
|
};
|
package/legacy/index.js
CHANGED
package/legacy/locales/frFR.js
CHANGED
|
@@ -60,7 +60,7 @@ var frFRGrid = {
|
|
|
60
60
|
filterOperatorOnOrBefore: 'égal ou antérieur',
|
|
61
61
|
filterOperatorIsEmpty: 'est vide',
|
|
62
62
|
filterOperatorIsNotEmpty: "n'est pas vide",
|
|
63
|
-
filterOperatorIsAnyOf: 'fait
|
|
63
|
+
filterOperatorIsAnyOf: 'fait partie de',
|
|
64
64
|
// Filter values text
|
|
65
65
|
filterValueAny: 'tous',
|
|
66
66
|
filterValueTrue: 'vrai',
|
package/legacy/locales/index.js
CHANGED
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import { urPKCore } from './coreLocales';
|
|
2
|
+
import { getGridLocalization } from '../utils/getGridLocalization';
|
|
3
|
+
var urPKGrid = {
|
|
4
|
+
// Root
|
|
5
|
+
noRowsLabel: 'کوئی قطاریں نہیں',
|
|
6
|
+
noResultsOverlayLabel: 'کوئی نتائج نہیں',
|
|
7
|
+
// Density selector toolbar button text
|
|
8
|
+
toolbarDensity: 'کثافت',
|
|
9
|
+
toolbarDensityLabel: 'کثافت',
|
|
10
|
+
toolbarDensityCompact: 'تنگ',
|
|
11
|
+
toolbarDensityStandard: 'درمیانہ',
|
|
12
|
+
toolbarDensityComfortable: 'مناسب',
|
|
13
|
+
// Columns selector toolbar button text
|
|
14
|
+
toolbarColumns: 'کالمز',
|
|
15
|
+
toolbarColumnsLabel: 'کالمز کو منتخب کریں',
|
|
16
|
+
// Filters toolbar button text
|
|
17
|
+
toolbarFilters: 'فلٹرز',
|
|
18
|
+
toolbarFiltersLabel: 'فلٹرز دکھائیں',
|
|
19
|
+
toolbarFiltersTooltipHide: 'فلٹرز چھپائیں',
|
|
20
|
+
toolbarFiltersTooltipShow: 'فلٹرز دکھائیں',
|
|
21
|
+
toolbarFiltersTooltipActive: function toolbarFiltersTooltipActive(count) {
|
|
22
|
+
return count !== 1 ? "".concat(count, " \u0641\u0639\u0627\u0644 \u0641\u0644\u0679\u0631\u0632") : "".concat(count, " \u0641\u0644\u0679\u0631\u0632 \u0641\u0639\u0627\u0644");
|
|
23
|
+
},
|
|
24
|
+
// Quick filter toolbar field
|
|
25
|
+
toolbarQuickFilterPlaceholder: 'تلاش کریں۔۔۔',
|
|
26
|
+
toolbarQuickFilterLabel: 'تلاش کریں',
|
|
27
|
+
toolbarQuickFilterDeleteIconLabel: 'کلئیر کریں',
|
|
28
|
+
// Export selector toolbar button text
|
|
29
|
+
toolbarExport: 'ایکسپورٹ',
|
|
30
|
+
toolbarExportLabel: 'ایکسپورٹ',
|
|
31
|
+
toolbarExportCSV: 'CSV کے طور پر ڈاوٴنلوڈ کریں',
|
|
32
|
+
toolbarExportPrint: 'پرنٹ کریں',
|
|
33
|
+
toolbarExportExcel: 'ایکسل کے طور پر ڈاوٴنلوڈ کریں',
|
|
34
|
+
// Columns panel text
|
|
35
|
+
columnsPanelTextFieldLabel: 'کالم کو تلاش کریں',
|
|
36
|
+
columnsPanelTextFieldPlaceholder: 'کالم کا عنوان',
|
|
37
|
+
columnsPanelDragIconLabel: 'کالم کی ترتیب تبدیل کریں',
|
|
38
|
+
columnsPanelShowAllButton: 'سارے دکھائیں',
|
|
39
|
+
columnsPanelHideAllButton: 'سارے چھپائیں',
|
|
40
|
+
// Filter panel text
|
|
41
|
+
filterPanelAddFilter: 'نیا فلٹر',
|
|
42
|
+
filterPanelDeleteIconLabel: 'ختم کریں',
|
|
43
|
+
filterPanelLogicOperator: 'لاجک آپریٹر',
|
|
44
|
+
filterPanelOperator: 'آپریٹر',
|
|
45
|
+
filterPanelOperatorAnd: 'اور',
|
|
46
|
+
filterPanelOperatorOr: 'یا',
|
|
47
|
+
filterPanelColumns: 'کالمز',
|
|
48
|
+
filterPanelInputLabel: 'ویلیو',
|
|
49
|
+
filterPanelInputPlaceholder: 'ویلیو کو فلٹر کریں',
|
|
50
|
+
// Filter operators text
|
|
51
|
+
filterOperatorContains: 'شامل ہے',
|
|
52
|
+
filterOperatorEquals: 'برابر ہے',
|
|
53
|
+
filterOperatorStartsWith: 'شروع ہوتا ہے',
|
|
54
|
+
filterOperatorEndsWith: 'ختم ہوتا ہے',
|
|
55
|
+
filterOperatorIs: 'ہے',
|
|
56
|
+
filterOperatorNot: 'نہیں',
|
|
57
|
+
filterOperatorAfter: 'بعد میں ہے',
|
|
58
|
+
filterOperatorOnOrAfter: 'پر یا بعد میں ہے',
|
|
59
|
+
filterOperatorBefore: 'پہلے ہے',
|
|
60
|
+
filterOperatorOnOrBefore: 'پر یا پہلے ہے',
|
|
61
|
+
filterOperatorIsEmpty: 'خالی ہے',
|
|
62
|
+
filterOperatorIsNotEmpty: 'خالی نہیں ہے',
|
|
63
|
+
filterOperatorIsAnyOf: 'ان میں سے کوئی ہے',
|
|
64
|
+
// Filter values text
|
|
65
|
+
filterValueAny: 'کوئی بھی',
|
|
66
|
+
filterValueTrue: 'صحیح',
|
|
67
|
+
filterValueFalse: 'غلط',
|
|
68
|
+
// Column menu text
|
|
69
|
+
columnMenuLabel: 'مینیو',
|
|
70
|
+
columnMenuShowColumns: 'کالم دکھائیں',
|
|
71
|
+
columnMenuManageColumns: 'کالم مینج کریں',
|
|
72
|
+
columnMenuFilter: 'فلٹر',
|
|
73
|
+
columnMenuHideColumn: 'چھپائیں',
|
|
74
|
+
columnMenuUnsort: 'sort ختم کریں',
|
|
75
|
+
columnMenuSortAsc: 'ترتیب صعودی',
|
|
76
|
+
columnMenuSortDesc: 'ترتیب نزولی',
|
|
77
|
+
// Column header text
|
|
78
|
+
columnHeaderFiltersTooltipActive: function columnHeaderFiltersTooltipActive(count) {
|
|
79
|
+
return count !== 1 ? "".concat(count, " \u0641\u0639\u0627\u0644 \u0641\u0644\u0679\u0631\u0632") : "".concat(count, " \u0641\u0644\u0679\u0631\u0632 \u0641\u0639\u0627\u0644");
|
|
80
|
+
},
|
|
81
|
+
columnHeaderFiltersLabel: 'فلٹرز دکھائیں',
|
|
82
|
+
columnHeaderSortIconLabel: 'Sort',
|
|
83
|
+
// Rows selected footer text
|
|
84
|
+
footerRowSelected: function footerRowSelected(count) {
|
|
85
|
+
return count !== 1 ? "".concat(count.toLocaleString(), " \u0645\u0646\u062A\u062E\u0628 \u0642\u0637\u0627\u0631\u06CC\u06BA") : "".concat(count.toLocaleString(), " \u0645\u0646\u062A\u062E\u0628 \u0642\u0637\u0627\u0631");
|
|
86
|
+
},
|
|
87
|
+
// Total row amount footer text
|
|
88
|
+
footerTotalRows: 'کل قطاریں:',
|
|
89
|
+
// Total visible row amount footer text
|
|
90
|
+
footerTotalVisibleRows: function footerTotalVisibleRows(visibleCount, totalCount) {
|
|
91
|
+
return "".concat(totalCount.toLocaleString(), " \u0645\u06CC\u06BA \u0633\u06D2 ").concat(visibleCount.toLocaleString());
|
|
92
|
+
},
|
|
93
|
+
// Checkbox selection text
|
|
94
|
+
checkboxSelectionHeaderName: 'چیک باکس منتخب کریں',
|
|
95
|
+
checkboxSelectionSelectAllRows: 'تمام قطاریں منتخب کریں',
|
|
96
|
+
checkboxSelectionUnselectAllRows: 'تمام قطاریں نامنتخب کریں ',
|
|
97
|
+
checkboxSelectionSelectRow: 'قطار منتخب کریں',
|
|
98
|
+
checkboxSelectionUnselectRow: 'قطار نامنتخب کریں',
|
|
99
|
+
// Boolean cell text
|
|
100
|
+
booleanCellTrueLabel: 'ہاں',
|
|
101
|
+
booleanCellFalseLabel: 'نہیں',
|
|
102
|
+
// Actions cell more text
|
|
103
|
+
actionsCellMore: 'ذیادہ',
|
|
104
|
+
// Column pinning text
|
|
105
|
+
pinToLeft: 'بائیں جانب pin کریں',
|
|
106
|
+
pinToRight: 'دائیں جانب pin کریں',
|
|
107
|
+
unpin: 'pin ختم کریں',
|
|
108
|
+
// Tree Data
|
|
109
|
+
treeDataGroupingHeaderName: 'گروپ',
|
|
110
|
+
treeDataExpand: 'شاخیں دیکھیں',
|
|
111
|
+
treeDataCollapse: 'شاخیں چھپائیں',
|
|
112
|
+
// Grouping columns
|
|
113
|
+
groupingColumnHeaderName: 'گروپ',
|
|
114
|
+
groupColumn: function groupColumn(name) {
|
|
115
|
+
return "".concat(name, " \u0633\u06D2 \u06AF\u0631\u0648\u067E \u06A9\u0631\u06CC\u06BA");
|
|
116
|
+
},
|
|
117
|
+
unGroupColumn: function unGroupColumn(name) {
|
|
118
|
+
return "".concat(name, " \u0633\u06D2 \u06AF\u0631\u0648\u067E \u062E\u062A\u0645 \u06A9\u0631\u06CC\u06BA");
|
|
119
|
+
},
|
|
120
|
+
// Master/detail
|
|
121
|
+
detailPanelToggle: 'ڈیٹیل پینل کھولیں / بند کریں',
|
|
122
|
+
expandDetailPanel: 'پھیلائیں',
|
|
123
|
+
collapseDetailPanel: 'تنگ کریں',
|
|
124
|
+
// Row reordering text
|
|
125
|
+
rowReorderingHeaderName: 'قطاروں کی ترتیب تبدیل کریں',
|
|
126
|
+
// Aggregation
|
|
127
|
+
aggregationMenuItemHeader: 'Aggregation',
|
|
128
|
+
aggregationFunctionLabelSum: 'sum',
|
|
129
|
+
aggregationFunctionLabelAvg: 'avg',
|
|
130
|
+
aggregationFunctionLabelMin: 'min',
|
|
131
|
+
aggregationFunctionLabelMax: 'max',
|
|
132
|
+
aggregationFunctionLabelSize: 'size'
|
|
133
|
+
};
|
|
134
|
+
export var urPK = getGridLocalization(urPKGrid, urPKCore);
|
package/locales/frFR.js
CHANGED
|
@@ -58,7 +58,7 @@ const frFRGrid = {
|
|
|
58
58
|
filterOperatorOnOrBefore: 'égal ou antérieur',
|
|
59
59
|
filterOperatorIsEmpty: 'est vide',
|
|
60
60
|
filterOperatorIsNotEmpty: "n'est pas vide",
|
|
61
|
-
filterOperatorIsAnyOf: 'fait
|
|
61
|
+
filterOperatorIsAnyOf: 'fait partie de',
|
|
62
62
|
// Filter values text
|
|
63
63
|
filterValueAny: 'tous',
|
|
64
64
|
filterValueTrue: 'vrai',
|
package/locales/index.d.ts
CHANGED
package/locales/index.js
CHANGED
package/locales/urPK.js
ADDED
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { urPKCore } from './coreLocales';
|
|
2
|
+
import { getGridLocalization } from '../utils/getGridLocalization';
|
|
3
|
+
const urPKGrid = {
|
|
4
|
+
// Root
|
|
5
|
+
noRowsLabel: 'کوئی قطاریں نہیں',
|
|
6
|
+
noResultsOverlayLabel: 'کوئی نتائج نہیں',
|
|
7
|
+
// Density selector toolbar button text
|
|
8
|
+
toolbarDensity: 'کثافت',
|
|
9
|
+
toolbarDensityLabel: 'کثافت',
|
|
10
|
+
toolbarDensityCompact: 'تنگ',
|
|
11
|
+
toolbarDensityStandard: 'درمیانہ',
|
|
12
|
+
toolbarDensityComfortable: 'مناسب',
|
|
13
|
+
// Columns selector toolbar button text
|
|
14
|
+
toolbarColumns: 'کالمز',
|
|
15
|
+
toolbarColumnsLabel: 'کالمز کو منتخب کریں',
|
|
16
|
+
// Filters toolbar button text
|
|
17
|
+
toolbarFilters: 'فلٹرز',
|
|
18
|
+
toolbarFiltersLabel: 'فلٹرز دکھائیں',
|
|
19
|
+
toolbarFiltersTooltipHide: 'فلٹرز چھپائیں',
|
|
20
|
+
toolbarFiltersTooltipShow: 'فلٹرز دکھائیں',
|
|
21
|
+
toolbarFiltersTooltipActive: count => count !== 1 ? `${count} فعال فلٹرز` : `${count} فلٹرز فعال`,
|
|
22
|
+
// Quick filter toolbar field
|
|
23
|
+
toolbarQuickFilterPlaceholder: 'تلاش کریں۔۔۔',
|
|
24
|
+
toolbarQuickFilterLabel: 'تلاش کریں',
|
|
25
|
+
toolbarQuickFilterDeleteIconLabel: 'کلئیر کریں',
|
|
26
|
+
// Export selector toolbar button text
|
|
27
|
+
toolbarExport: 'ایکسپورٹ',
|
|
28
|
+
toolbarExportLabel: 'ایکسپورٹ',
|
|
29
|
+
toolbarExportCSV: 'CSV کے طور پر ڈاوٴنلوڈ کریں',
|
|
30
|
+
toolbarExportPrint: 'پرنٹ کریں',
|
|
31
|
+
toolbarExportExcel: 'ایکسل کے طور پر ڈاوٴنلوڈ کریں',
|
|
32
|
+
// Columns panel text
|
|
33
|
+
columnsPanelTextFieldLabel: 'کالم کو تلاش کریں',
|
|
34
|
+
columnsPanelTextFieldPlaceholder: 'کالم کا عنوان',
|
|
35
|
+
columnsPanelDragIconLabel: 'کالم کی ترتیب تبدیل کریں',
|
|
36
|
+
columnsPanelShowAllButton: 'سارے دکھائیں',
|
|
37
|
+
columnsPanelHideAllButton: 'سارے چھپائیں',
|
|
38
|
+
// Filter panel text
|
|
39
|
+
filterPanelAddFilter: 'نیا فلٹر',
|
|
40
|
+
filterPanelDeleteIconLabel: 'ختم کریں',
|
|
41
|
+
filterPanelLogicOperator: 'لاجک آپریٹر',
|
|
42
|
+
filterPanelOperator: 'آپریٹر',
|
|
43
|
+
filterPanelOperatorAnd: 'اور',
|
|
44
|
+
filterPanelOperatorOr: 'یا',
|
|
45
|
+
filterPanelColumns: 'کالمز',
|
|
46
|
+
filterPanelInputLabel: 'ویلیو',
|
|
47
|
+
filterPanelInputPlaceholder: 'ویلیو کو فلٹر کریں',
|
|
48
|
+
// Filter operators text
|
|
49
|
+
filterOperatorContains: 'شامل ہے',
|
|
50
|
+
filterOperatorEquals: 'برابر ہے',
|
|
51
|
+
filterOperatorStartsWith: 'شروع ہوتا ہے',
|
|
52
|
+
filterOperatorEndsWith: 'ختم ہوتا ہے',
|
|
53
|
+
filterOperatorIs: 'ہے',
|
|
54
|
+
filterOperatorNot: 'نہیں',
|
|
55
|
+
filterOperatorAfter: 'بعد میں ہے',
|
|
56
|
+
filterOperatorOnOrAfter: 'پر یا بعد میں ہے',
|
|
57
|
+
filterOperatorBefore: 'پہلے ہے',
|
|
58
|
+
filterOperatorOnOrBefore: 'پر یا پہلے ہے',
|
|
59
|
+
filterOperatorIsEmpty: 'خالی ہے',
|
|
60
|
+
filterOperatorIsNotEmpty: 'خالی نہیں ہے',
|
|
61
|
+
filterOperatorIsAnyOf: 'ان میں سے کوئی ہے',
|
|
62
|
+
// Filter values text
|
|
63
|
+
filterValueAny: 'کوئی بھی',
|
|
64
|
+
filterValueTrue: 'صحیح',
|
|
65
|
+
filterValueFalse: 'غلط',
|
|
66
|
+
// Column menu text
|
|
67
|
+
columnMenuLabel: 'مینیو',
|
|
68
|
+
columnMenuShowColumns: 'کالم دکھائیں',
|
|
69
|
+
columnMenuManageColumns: 'کالم مینج کریں',
|
|
70
|
+
columnMenuFilter: 'فلٹر',
|
|
71
|
+
columnMenuHideColumn: 'چھپائیں',
|
|
72
|
+
columnMenuUnsort: 'sort ختم کریں',
|
|
73
|
+
columnMenuSortAsc: 'ترتیب صعودی',
|
|
74
|
+
columnMenuSortDesc: 'ترتیب نزولی',
|
|
75
|
+
// Column header text
|
|
76
|
+
columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} فعال فلٹرز` : `${count} فلٹرز فعال`,
|
|
77
|
+
columnHeaderFiltersLabel: 'فلٹرز دکھائیں',
|
|
78
|
+
columnHeaderSortIconLabel: 'Sort',
|
|
79
|
+
// Rows selected footer text
|
|
80
|
+
footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} منتخب قطاریں` : `${count.toLocaleString()} منتخب قطار`,
|
|
81
|
+
// Total row amount footer text
|
|
82
|
+
footerTotalRows: 'کل قطاریں:',
|
|
83
|
+
// Total visible row amount footer text
|
|
84
|
+
footerTotalVisibleRows: (visibleCount, totalCount) => `${totalCount.toLocaleString()} میں سے ${visibleCount.toLocaleString()}`,
|
|
85
|
+
// Checkbox selection text
|
|
86
|
+
checkboxSelectionHeaderName: 'چیک باکس منتخب کریں',
|
|
87
|
+
checkboxSelectionSelectAllRows: 'تمام قطاریں منتخب کریں',
|
|
88
|
+
checkboxSelectionUnselectAllRows: 'تمام قطاریں نامنتخب کریں ',
|
|
89
|
+
checkboxSelectionSelectRow: 'قطار منتخب کریں',
|
|
90
|
+
checkboxSelectionUnselectRow: 'قطار نامنتخب کریں',
|
|
91
|
+
// Boolean cell text
|
|
92
|
+
booleanCellTrueLabel: 'ہاں',
|
|
93
|
+
booleanCellFalseLabel: 'نہیں',
|
|
94
|
+
// Actions cell more text
|
|
95
|
+
actionsCellMore: 'ذیادہ',
|
|
96
|
+
// Column pinning text
|
|
97
|
+
pinToLeft: 'بائیں جانب pin کریں',
|
|
98
|
+
pinToRight: 'دائیں جانب pin کریں',
|
|
99
|
+
unpin: 'pin ختم کریں',
|
|
100
|
+
// Tree Data
|
|
101
|
+
treeDataGroupingHeaderName: 'گروپ',
|
|
102
|
+
treeDataExpand: 'شاخیں دیکھیں',
|
|
103
|
+
treeDataCollapse: 'شاخیں چھپائیں',
|
|
104
|
+
// Grouping columns
|
|
105
|
+
groupingColumnHeaderName: 'گروپ',
|
|
106
|
+
groupColumn: name => `${name} سے گروپ کریں`,
|
|
107
|
+
unGroupColumn: name => `${name} سے گروپ ختم کریں`,
|
|
108
|
+
// Master/detail
|
|
109
|
+
detailPanelToggle: 'ڈیٹیل پینل کھولیں / بند کریں',
|
|
110
|
+
expandDetailPanel: 'پھیلائیں',
|
|
111
|
+
collapseDetailPanel: 'تنگ کریں',
|
|
112
|
+
// Row reordering text
|
|
113
|
+
rowReorderingHeaderName: 'قطاروں کی ترتیب تبدیل کریں',
|
|
114
|
+
// Aggregation
|
|
115
|
+
aggregationMenuItemHeader: 'Aggregation',
|
|
116
|
+
aggregationFunctionLabelSum: 'sum',
|
|
117
|
+
aggregationFunctionLabelAvg: 'avg',
|
|
118
|
+
aggregationFunctionLabelMin: 'min',
|
|
119
|
+
aggregationFunctionLabelMax: 'max',
|
|
120
|
+
aggregationFunctionLabelSize: 'size'
|
|
121
|
+
};
|
|
122
|
+
export const urPK = getGridLocalization(urPKGrid, urPKCore);
|
|
@@ -10,12 +10,26 @@ import { gridPaginationSelector } from '../pagination/gridPaginationSelector';
|
|
|
10
10
|
import { gridSortModelSelector } from '../sorting/gridSortingSelector';
|
|
11
11
|
import { useGridRegisterPipeApplier } from '../../core/pipeProcessing';
|
|
12
12
|
import { gridPinnedRowsSelector } from './gridRowsSelector';
|
|
13
|
+
import { DATA_GRID_PROPS_DEFAULT_VALUES } from '../../../DataGrid/useDataGridProps';
|
|
13
14
|
export const rowsMetaStateInitializer = state => _extends({}, state, {
|
|
14
15
|
rowsMeta: {
|
|
15
16
|
currentPageTotalHeight: 0,
|
|
16
17
|
positions: []
|
|
17
18
|
}
|
|
18
19
|
});
|
|
20
|
+
let warnedOnceInvalidRowHeight = false;
|
|
21
|
+
const getValidRowHeight = (rowHeightProp, defaultRowHeight, warningMessage) => {
|
|
22
|
+
if (typeof rowHeightProp === 'number' && rowHeightProp > 0) {
|
|
23
|
+
return rowHeightProp;
|
|
24
|
+
}
|
|
25
|
+
if (process.env.NODE_ENV !== 'production' && !warnedOnceInvalidRowHeight && typeof rowHeightProp !== 'undefined' && rowHeightProp !== null) {
|
|
26
|
+
console.warn(warningMessage);
|
|
27
|
+
warnedOnceInvalidRowHeight = true;
|
|
28
|
+
}
|
|
29
|
+
return defaultRowHeight;
|
|
30
|
+
};
|
|
31
|
+
const rowHeightWarning = [`MUI: The \`rowHeight\` prop should be a number greater than 0.`, `The default value will be used instead.`].join('\n');
|
|
32
|
+
const getRowHeightWarning = [`MUI: The \`getRowHeight\` prop should return a number greater than 0 or 'auto'.`, `The default value will be used instead.`].join('\n');
|
|
19
33
|
|
|
20
34
|
/**
|
|
21
35
|
* @requires useGridPageSize (method)
|
|
@@ -38,7 +52,8 @@ export const useGridRowsMeta = (apiRef, props) => {
|
|
|
38
52
|
const sortModel = useGridSelector(apiRef, gridSortModelSelector);
|
|
39
53
|
const currentPage = useGridVisibleRows(apiRef, props);
|
|
40
54
|
const pinnedRows = useGridSelector(apiRef, gridPinnedRowsSelector);
|
|
41
|
-
const
|
|
55
|
+
const validRowHeight = getValidRowHeight(props.rowHeight, DATA_GRID_PROPS_DEFAULT_VALUES.rowHeight, rowHeightWarning);
|
|
56
|
+
const rowHeight = Math.floor(validRowHeight * densityFactor);
|
|
42
57
|
const hydrateRowsMeta = React.useCallback(() => {
|
|
43
58
|
hasRowWithAutoHeight.current = false;
|
|
44
59
|
const calculateRowProcessedSizes = row => {
|
|
@@ -58,7 +73,7 @@ export const useGridRowsMeta = (apiRef, props) => {
|
|
|
58
73
|
needsFirstMeasurement,
|
|
59
74
|
sizes
|
|
60
75
|
} = rowsHeightLookup.current[row.id];
|
|
61
|
-
let baseRowHeight = rowHeight;
|
|
76
|
+
let baseRowHeight = typeof rowHeight === 'number' && rowHeight > 0 ? rowHeight : 52;
|
|
62
77
|
const existingBaseRowHeight = sizes.baseCenter;
|
|
63
78
|
if (isResized) {
|
|
64
79
|
// Do not recalculate resized row height and use the value from the lookup
|
|
@@ -81,8 +96,8 @@ export const useGridRowsMeta = (apiRef, props) => {
|
|
|
81
96
|
hasRowWithAutoHeight.current = true;
|
|
82
97
|
rowsHeightLookup.current[row.id].autoHeight = true;
|
|
83
98
|
} else {
|
|
84
|
-
// Default back to base rowHeight if getRowHeight returns
|
|
85
|
-
baseRowHeight = rowHeightFromUser
|
|
99
|
+
// Default back to base rowHeight if getRowHeight returns invalid value.
|
|
100
|
+
baseRowHeight = getValidRowHeight(rowHeightFromUser, rowHeight, getRowHeightWarning);
|
|
86
101
|
rowsHeightLookup.current[row.id].needsFirstMeasurement = false;
|
|
87
102
|
rowsHeightLookup.current[row.id].autoHeight = false;
|
|
88
103
|
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
2
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
|
-
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
+
const _excluded = ["style"],
|
|
4
|
+
_excluded2 = ["style"],
|
|
5
|
+
_excluded3 = ["style"];
|
|
4
6
|
import * as React from 'react';
|
|
5
7
|
import * as ReactDOM from 'react-dom';
|
|
6
8
|
import { unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
|
|
@@ -349,6 +351,16 @@ export const useGridVirtualScroller = props => {
|
|
|
349
351
|
} else {
|
|
350
352
|
isSelected = apiRef.current.isRowSelectable(id);
|
|
351
353
|
}
|
|
354
|
+
const _ref = rootProps.componentsProps?.row || {},
|
|
355
|
+
{
|
|
356
|
+
style: rootRowStyle
|
|
357
|
+
} = _ref,
|
|
358
|
+
rootRowProps = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
359
|
+
const _ref2 = typeof getRowProps === 'function' && getRowProps(id, model) || {},
|
|
360
|
+
{
|
|
361
|
+
style: rowStyle
|
|
362
|
+
} = _ref2,
|
|
363
|
+
rowProps = _objectWithoutPropertiesLoose(_ref2, _excluded2);
|
|
352
364
|
rows.push( /*#__PURE__*/_jsx(rootProps.components.Row, _extends({
|
|
353
365
|
row: model,
|
|
354
366
|
rowId: id,
|
|
@@ -368,7 +380,9 @@ export const useGridVirtualScroller = props => {
|
|
|
368
380
|
containerWidth: availableSpace,
|
|
369
381
|
isLastVisible: lastVisibleRowIndex,
|
|
370
382
|
position: position
|
|
371
|
-
},
|
|
383
|
+
}, rowProps, rootRowProps, {
|
|
384
|
+
style: _extends({}, rowStyle, rootRowStyle)
|
|
385
|
+
}), id));
|
|
372
386
|
}
|
|
373
387
|
return rows;
|
|
374
388
|
};
|
|
@@ -413,11 +427,11 @@ export const useGridVirtualScroller = props => {
|
|
|
413
427
|
renderContext,
|
|
414
428
|
updateRenderZonePosition,
|
|
415
429
|
getRows,
|
|
416
|
-
getRootProps: (
|
|
430
|
+
getRootProps: (_ref3 = {}) => {
|
|
417
431
|
let {
|
|
418
432
|
style = {}
|
|
419
|
-
} =
|
|
420
|
-
other = _objectWithoutPropertiesLoose(
|
|
433
|
+
} = _ref3,
|
|
434
|
+
other = _objectWithoutPropertiesLoose(_ref3, _excluded3);
|
|
421
435
|
return _extends({
|
|
422
436
|
ref: handleRef,
|
|
423
437
|
onScroll: handleScroll,
|
package/modern/index.js
CHANGED
package/modern/locales/frFR.js
CHANGED
|
@@ -58,7 +58,7 @@ const frFRGrid = {
|
|
|
58
58
|
filterOperatorOnOrBefore: 'égal ou antérieur',
|
|
59
59
|
filterOperatorIsEmpty: 'est vide',
|
|
60
60
|
filterOperatorIsNotEmpty: "n'est pas vide",
|
|
61
|
-
filterOperatorIsAnyOf: 'fait
|
|
61
|
+
filterOperatorIsAnyOf: 'fait partie de',
|
|
62
62
|
// Filter values text
|
|
63
63
|
filterValueAny: 'tous',
|
|
64
64
|
filterValueTrue: 'vrai',
|
package/modern/locales/index.js
CHANGED
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { urPKCore } from './coreLocales';
|
|
2
|
+
import { getGridLocalization } from '../utils/getGridLocalization';
|
|
3
|
+
const urPKGrid = {
|
|
4
|
+
// Root
|
|
5
|
+
noRowsLabel: 'کوئی قطاریں نہیں',
|
|
6
|
+
noResultsOverlayLabel: 'کوئی نتائج نہیں',
|
|
7
|
+
// Density selector toolbar button text
|
|
8
|
+
toolbarDensity: 'کثافت',
|
|
9
|
+
toolbarDensityLabel: 'کثافت',
|
|
10
|
+
toolbarDensityCompact: 'تنگ',
|
|
11
|
+
toolbarDensityStandard: 'درمیانہ',
|
|
12
|
+
toolbarDensityComfortable: 'مناسب',
|
|
13
|
+
// Columns selector toolbar button text
|
|
14
|
+
toolbarColumns: 'کالمز',
|
|
15
|
+
toolbarColumnsLabel: 'کالمز کو منتخب کریں',
|
|
16
|
+
// Filters toolbar button text
|
|
17
|
+
toolbarFilters: 'فلٹرز',
|
|
18
|
+
toolbarFiltersLabel: 'فلٹرز دکھائیں',
|
|
19
|
+
toolbarFiltersTooltipHide: 'فلٹرز چھپائیں',
|
|
20
|
+
toolbarFiltersTooltipShow: 'فلٹرز دکھائیں',
|
|
21
|
+
toolbarFiltersTooltipActive: count => count !== 1 ? `${count} فعال فلٹرز` : `${count} فلٹرز فعال`,
|
|
22
|
+
// Quick filter toolbar field
|
|
23
|
+
toolbarQuickFilterPlaceholder: 'تلاش کریں۔۔۔',
|
|
24
|
+
toolbarQuickFilterLabel: 'تلاش کریں',
|
|
25
|
+
toolbarQuickFilterDeleteIconLabel: 'کلئیر کریں',
|
|
26
|
+
// Export selector toolbar button text
|
|
27
|
+
toolbarExport: 'ایکسپورٹ',
|
|
28
|
+
toolbarExportLabel: 'ایکسپورٹ',
|
|
29
|
+
toolbarExportCSV: 'CSV کے طور پر ڈاوٴنلوڈ کریں',
|
|
30
|
+
toolbarExportPrint: 'پرنٹ کریں',
|
|
31
|
+
toolbarExportExcel: 'ایکسل کے طور پر ڈاوٴنلوڈ کریں',
|
|
32
|
+
// Columns panel text
|
|
33
|
+
columnsPanelTextFieldLabel: 'کالم کو تلاش کریں',
|
|
34
|
+
columnsPanelTextFieldPlaceholder: 'کالم کا عنوان',
|
|
35
|
+
columnsPanelDragIconLabel: 'کالم کی ترتیب تبدیل کریں',
|
|
36
|
+
columnsPanelShowAllButton: 'سارے دکھائیں',
|
|
37
|
+
columnsPanelHideAllButton: 'سارے چھپائیں',
|
|
38
|
+
// Filter panel text
|
|
39
|
+
filterPanelAddFilter: 'نیا فلٹر',
|
|
40
|
+
filterPanelDeleteIconLabel: 'ختم کریں',
|
|
41
|
+
filterPanelLogicOperator: 'لاجک آپریٹر',
|
|
42
|
+
filterPanelOperator: 'آپریٹر',
|
|
43
|
+
filterPanelOperatorAnd: 'اور',
|
|
44
|
+
filterPanelOperatorOr: 'یا',
|
|
45
|
+
filterPanelColumns: 'کالمز',
|
|
46
|
+
filterPanelInputLabel: 'ویلیو',
|
|
47
|
+
filterPanelInputPlaceholder: 'ویلیو کو فلٹر کریں',
|
|
48
|
+
// Filter operators text
|
|
49
|
+
filterOperatorContains: 'شامل ہے',
|
|
50
|
+
filterOperatorEquals: 'برابر ہے',
|
|
51
|
+
filterOperatorStartsWith: 'شروع ہوتا ہے',
|
|
52
|
+
filterOperatorEndsWith: 'ختم ہوتا ہے',
|
|
53
|
+
filterOperatorIs: 'ہے',
|
|
54
|
+
filterOperatorNot: 'نہیں',
|
|
55
|
+
filterOperatorAfter: 'بعد میں ہے',
|
|
56
|
+
filterOperatorOnOrAfter: 'پر یا بعد میں ہے',
|
|
57
|
+
filterOperatorBefore: 'پہلے ہے',
|
|
58
|
+
filterOperatorOnOrBefore: 'پر یا پہلے ہے',
|
|
59
|
+
filterOperatorIsEmpty: 'خالی ہے',
|
|
60
|
+
filterOperatorIsNotEmpty: 'خالی نہیں ہے',
|
|
61
|
+
filterOperatorIsAnyOf: 'ان میں سے کوئی ہے',
|
|
62
|
+
// Filter values text
|
|
63
|
+
filterValueAny: 'کوئی بھی',
|
|
64
|
+
filterValueTrue: 'صحیح',
|
|
65
|
+
filterValueFalse: 'غلط',
|
|
66
|
+
// Column menu text
|
|
67
|
+
columnMenuLabel: 'مینیو',
|
|
68
|
+
columnMenuShowColumns: 'کالم دکھائیں',
|
|
69
|
+
columnMenuManageColumns: 'کالم مینج کریں',
|
|
70
|
+
columnMenuFilter: 'فلٹر',
|
|
71
|
+
columnMenuHideColumn: 'چھپائیں',
|
|
72
|
+
columnMenuUnsort: 'sort ختم کریں',
|
|
73
|
+
columnMenuSortAsc: 'ترتیب صعودی',
|
|
74
|
+
columnMenuSortDesc: 'ترتیب نزولی',
|
|
75
|
+
// Column header text
|
|
76
|
+
columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} فعال فلٹرز` : `${count} فلٹرز فعال`,
|
|
77
|
+
columnHeaderFiltersLabel: 'فلٹرز دکھائیں',
|
|
78
|
+
columnHeaderSortIconLabel: 'Sort',
|
|
79
|
+
// Rows selected footer text
|
|
80
|
+
footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} منتخب قطاریں` : `${count.toLocaleString()} منتخب قطار`,
|
|
81
|
+
// Total row amount footer text
|
|
82
|
+
footerTotalRows: 'کل قطاریں:',
|
|
83
|
+
// Total visible row amount footer text
|
|
84
|
+
footerTotalVisibleRows: (visibleCount, totalCount) => `${totalCount.toLocaleString()} میں سے ${visibleCount.toLocaleString()}`,
|
|
85
|
+
// Checkbox selection text
|
|
86
|
+
checkboxSelectionHeaderName: 'چیک باکس منتخب کریں',
|
|
87
|
+
checkboxSelectionSelectAllRows: 'تمام قطاریں منتخب کریں',
|
|
88
|
+
checkboxSelectionUnselectAllRows: 'تمام قطاریں نامنتخب کریں ',
|
|
89
|
+
checkboxSelectionSelectRow: 'قطار منتخب کریں',
|
|
90
|
+
checkboxSelectionUnselectRow: 'قطار نامنتخب کریں',
|
|
91
|
+
// Boolean cell text
|
|
92
|
+
booleanCellTrueLabel: 'ہاں',
|
|
93
|
+
booleanCellFalseLabel: 'نہیں',
|
|
94
|
+
// Actions cell more text
|
|
95
|
+
actionsCellMore: 'ذیادہ',
|
|
96
|
+
// Column pinning text
|
|
97
|
+
pinToLeft: 'بائیں جانب pin کریں',
|
|
98
|
+
pinToRight: 'دائیں جانب pin کریں',
|
|
99
|
+
unpin: 'pin ختم کریں',
|
|
100
|
+
// Tree Data
|
|
101
|
+
treeDataGroupingHeaderName: 'گروپ',
|
|
102
|
+
treeDataExpand: 'شاخیں دیکھیں',
|
|
103
|
+
treeDataCollapse: 'شاخیں چھپائیں',
|
|
104
|
+
// Grouping columns
|
|
105
|
+
groupingColumnHeaderName: 'گروپ',
|
|
106
|
+
groupColumn: name => `${name} سے گروپ کریں`,
|
|
107
|
+
unGroupColumn: name => `${name} سے گروپ ختم کریں`,
|
|
108
|
+
// Master/detail
|
|
109
|
+
detailPanelToggle: 'ڈیٹیل پینل کھولیں / بند کریں',
|
|
110
|
+
expandDetailPanel: 'پھیلائیں',
|
|
111
|
+
collapseDetailPanel: 'تنگ کریں',
|
|
112
|
+
// Row reordering text
|
|
113
|
+
rowReorderingHeaderName: 'قطاروں کی ترتیب تبدیل کریں',
|
|
114
|
+
// Aggregation
|
|
115
|
+
aggregationMenuItemHeader: 'Aggregation',
|
|
116
|
+
aggregationFunctionLabelSum: 'sum',
|
|
117
|
+
aggregationFunctionLabelAvg: 'avg',
|
|
118
|
+
aggregationFunctionLabelMin: 'min',
|
|
119
|
+
aggregationFunctionLabelMax: 'max',
|
|
120
|
+
aggregationFunctionLabelSize: 'size'
|
|
121
|
+
};
|
|
122
|
+
export const urPK = getGridLocalization(urPKGrid, urPKCore);
|
|
@@ -17,6 +17,7 @@ var _gridPaginationSelector = require("../pagination/gridPaginationSelector");
|
|
|
17
17
|
var _gridSortingSelector = require("../sorting/gridSortingSelector");
|
|
18
18
|
var _pipeProcessing = require("../../core/pipeProcessing");
|
|
19
19
|
var _gridRowsSelector = require("./gridRowsSelector");
|
|
20
|
+
var _useDataGridProps = require("../../../DataGrid/useDataGridProps");
|
|
20
21
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
22
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
22
23
|
const rowsMetaStateInitializer = state => (0, _extends2.default)({}, state, {
|
|
@@ -25,12 +26,25 @@ const rowsMetaStateInitializer = state => (0, _extends2.default)({}, state, {
|
|
|
25
26
|
positions: []
|
|
26
27
|
}
|
|
27
28
|
});
|
|
29
|
+
exports.rowsMetaStateInitializer = rowsMetaStateInitializer;
|
|
30
|
+
let warnedOnceInvalidRowHeight = false;
|
|
31
|
+
const getValidRowHeight = (rowHeightProp, defaultRowHeight, warningMessage) => {
|
|
32
|
+
if (typeof rowHeightProp === 'number' && rowHeightProp > 0) {
|
|
33
|
+
return rowHeightProp;
|
|
34
|
+
}
|
|
35
|
+
if (process.env.NODE_ENV !== 'production' && !warnedOnceInvalidRowHeight && typeof rowHeightProp !== 'undefined' && rowHeightProp !== null) {
|
|
36
|
+
console.warn(warningMessage);
|
|
37
|
+
warnedOnceInvalidRowHeight = true;
|
|
38
|
+
}
|
|
39
|
+
return defaultRowHeight;
|
|
40
|
+
};
|
|
41
|
+
const rowHeightWarning = [`MUI: The \`rowHeight\` prop should be a number greater than 0.`, `The default value will be used instead.`].join('\n');
|
|
42
|
+
const getRowHeightWarning = [`MUI: The \`getRowHeight\` prop should return a number greater than 0 or 'auto'.`, `The default value will be used instead.`].join('\n');
|
|
28
43
|
|
|
29
44
|
/**
|
|
30
45
|
* @requires useGridPageSize (method)
|
|
31
46
|
* @requires useGridPage (method)
|
|
32
47
|
*/
|
|
33
|
-
exports.rowsMetaStateInitializer = rowsMetaStateInitializer;
|
|
34
48
|
const useGridRowsMeta = (apiRef, props) => {
|
|
35
49
|
const {
|
|
36
50
|
getRowHeight: getRowHeightProp,
|
|
@@ -48,7 +62,8 @@ const useGridRowsMeta = (apiRef, props) => {
|
|
|
48
62
|
const sortModel = (0, _useGridSelector.useGridSelector)(apiRef, _gridSortingSelector.gridSortModelSelector);
|
|
49
63
|
const currentPage = (0, _useGridVisibleRows.useGridVisibleRows)(apiRef, props);
|
|
50
64
|
const pinnedRows = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsSelector.gridPinnedRowsSelector);
|
|
51
|
-
const
|
|
65
|
+
const validRowHeight = getValidRowHeight(props.rowHeight, _useDataGridProps.DATA_GRID_PROPS_DEFAULT_VALUES.rowHeight, rowHeightWarning);
|
|
66
|
+
const rowHeight = Math.floor(validRowHeight * densityFactor);
|
|
52
67
|
const hydrateRowsMeta = React.useCallback(() => {
|
|
53
68
|
hasRowWithAutoHeight.current = false;
|
|
54
69
|
const calculateRowProcessedSizes = row => {
|
|
@@ -68,7 +83,7 @@ const useGridRowsMeta = (apiRef, props) => {
|
|
|
68
83
|
needsFirstMeasurement,
|
|
69
84
|
sizes
|
|
70
85
|
} = rowsHeightLookup.current[row.id];
|
|
71
|
-
let baseRowHeight = rowHeight;
|
|
86
|
+
let baseRowHeight = typeof rowHeight === 'number' && rowHeight > 0 ? rowHeight : 52;
|
|
72
87
|
const existingBaseRowHeight = sizes.baseCenter;
|
|
73
88
|
if (isResized) {
|
|
74
89
|
// Do not recalculate resized row height and use the value from the lookup
|
|
@@ -91,8 +106,8 @@ const useGridRowsMeta = (apiRef, props) => {
|
|
|
91
106
|
hasRowWithAutoHeight.current = true;
|
|
92
107
|
rowsHeightLookup.current[row.id].autoHeight = true;
|
|
93
108
|
} else {
|
|
94
|
-
// Default back to base rowHeight if getRowHeight returns
|
|
95
|
-
baseRowHeight = rowHeightFromUser
|
|
109
|
+
// Default back to base rowHeight if getRowHeight returns invalid value.
|
|
110
|
+
baseRowHeight = getValidRowHeight(rowHeightFromUser, rowHeight, getRowHeightWarning);
|
|
96
111
|
rowsHeightLookup.current[row.id].needsFirstMeasurement = false;
|
|
97
112
|
rowsHeightLookup.current[row.id].autoHeight = false;
|
|
98
113
|
}
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.binarySearch = binarySearch;
|
|
8
8
|
exports.useGridVirtualScroller = exports.getRenderableIndexes = void 0;
|
|
9
|
-
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
11
11
|
var React = _interopRequireWildcard(require("react"));
|
|
12
12
|
var ReactDOM = _interopRequireWildcard(require("react-dom"));
|
|
13
13
|
var _utils = require("@mui/utils");
|
|
@@ -25,7 +25,9 @@ var _gridRowsMetaSelector = require("../rows/gridRowsMetaSelector");
|
|
|
25
25
|
var _gridColumnsUtils = require("../columns/gridColumnsUtils");
|
|
26
26
|
var _gridRowsUtils = require("../rows/gridRowsUtils");
|
|
27
27
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
28
|
-
const _excluded = ["style"]
|
|
28
|
+
const _excluded = ["style"],
|
|
29
|
+
_excluded2 = ["style"],
|
|
30
|
+
_excluded3 = ["style"];
|
|
29
31
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
30
32
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
33
|
// Uses binary search to avoid looping through all possible positions
|
|
@@ -359,6 +361,16 @@ const useGridVirtualScroller = props => {
|
|
|
359
361
|
} else {
|
|
360
362
|
isSelected = apiRef.current.isRowSelectable(id);
|
|
361
363
|
}
|
|
364
|
+
const _ref = rootProps.componentsProps?.row || {},
|
|
365
|
+
{
|
|
366
|
+
style: rootRowStyle
|
|
367
|
+
} = _ref,
|
|
368
|
+
rootRowProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
|
|
369
|
+
const _ref2 = typeof getRowProps === 'function' && getRowProps(id, model) || {},
|
|
370
|
+
{
|
|
371
|
+
style: rowStyle
|
|
372
|
+
} = _ref2,
|
|
373
|
+
rowProps = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded2);
|
|
362
374
|
rows.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.components.Row, (0, _extends2.default)({
|
|
363
375
|
row: model,
|
|
364
376
|
rowId: id,
|
|
@@ -378,7 +390,9 @@ const useGridVirtualScroller = props => {
|
|
|
378
390
|
containerWidth: availableSpace,
|
|
379
391
|
isLastVisible: lastVisibleRowIndex,
|
|
380
392
|
position: position
|
|
381
|
-
},
|
|
393
|
+
}, rowProps, rootRowProps, {
|
|
394
|
+
style: (0, _extends2.default)({}, rowStyle, rootRowStyle)
|
|
395
|
+
}), id));
|
|
382
396
|
}
|
|
383
397
|
return rows;
|
|
384
398
|
};
|
|
@@ -423,11 +437,11 @@ const useGridVirtualScroller = props => {
|
|
|
423
437
|
renderContext,
|
|
424
438
|
updateRenderZonePosition,
|
|
425
439
|
getRows,
|
|
426
|
-
getRootProps: (
|
|
440
|
+
getRootProps: (_ref3 = {}) => {
|
|
427
441
|
let {
|
|
428
442
|
style = {}
|
|
429
|
-
} =
|
|
430
|
-
other = (0, _objectWithoutPropertiesLoose2.default)(
|
|
443
|
+
} = _ref3,
|
|
444
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(_ref3, _excluded3);
|
|
431
445
|
return (0, _extends2.default)({
|
|
432
446
|
ref: handleRef,
|
|
433
447
|
onScroll: handleScroll,
|
package/node/index.js
CHANGED
package/node/locales/frFR.js
CHANGED
|
@@ -64,7 +64,7 @@ const frFRGrid = {
|
|
|
64
64
|
filterOperatorOnOrBefore: 'égal ou antérieur',
|
|
65
65
|
filterOperatorIsEmpty: 'est vide',
|
|
66
66
|
filterOperatorIsNotEmpty: "n'est pas vide",
|
|
67
|
-
filterOperatorIsAnyOf: 'fait
|
|
67
|
+
filterOperatorIsAnyOf: 'fait partie de',
|
|
68
68
|
// Filter values text
|
|
69
69
|
filterValueAny: 'tous',
|
|
70
70
|
filterValueTrue: 'vrai',
|
package/node/locales/index.js
CHANGED
|
@@ -300,6 +300,17 @@ Object.keys(_ukUA).forEach(function (key) {
|
|
|
300
300
|
}
|
|
301
301
|
});
|
|
302
302
|
});
|
|
303
|
+
var _urPK = require("./urPK");
|
|
304
|
+
Object.keys(_urPK).forEach(function (key) {
|
|
305
|
+
if (key === "default" || key === "__esModule") return;
|
|
306
|
+
if (key in exports && exports[key] === _urPK[key]) return;
|
|
307
|
+
Object.defineProperty(exports, key, {
|
|
308
|
+
enumerable: true,
|
|
309
|
+
get: function () {
|
|
310
|
+
return _urPK[key];
|
|
311
|
+
}
|
|
312
|
+
});
|
|
313
|
+
});
|
|
303
314
|
var _viVN = require("./viVN");
|
|
304
315
|
Object.keys(_viVN).forEach(function (key) {
|
|
305
316
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.urPK = void 0;
|
|
7
|
+
var _coreLocales = require("./coreLocales");
|
|
8
|
+
var _getGridLocalization = require("../utils/getGridLocalization");
|
|
9
|
+
const urPKGrid = {
|
|
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: 'ایکسل کے طور پر ڈاوٴنلوڈ کریں',
|
|
38
|
+
// Columns panel text
|
|
39
|
+
columnsPanelTextFieldLabel: 'کالم کو تلاش کریں',
|
|
40
|
+
columnsPanelTextFieldPlaceholder: 'کالم کا عنوان',
|
|
41
|
+
columnsPanelDragIconLabel: 'کالم کی ترتیب تبدیل کریں',
|
|
42
|
+
columnsPanelShowAllButton: 'سارے دکھائیں',
|
|
43
|
+
columnsPanelHideAllButton: 'سارے چھپائیں',
|
|
44
|
+
// Filter panel text
|
|
45
|
+
filterPanelAddFilter: 'نیا فلٹر',
|
|
46
|
+
filterPanelDeleteIconLabel: 'ختم کریں',
|
|
47
|
+
filterPanelLogicOperator: 'لاجک آپریٹر',
|
|
48
|
+
filterPanelOperator: 'آپریٹر',
|
|
49
|
+
filterPanelOperatorAnd: 'اور',
|
|
50
|
+
filterPanelOperatorOr: 'یا',
|
|
51
|
+
filterPanelColumns: 'کالمز',
|
|
52
|
+
filterPanelInputLabel: 'ویلیو',
|
|
53
|
+
filterPanelInputPlaceholder: 'ویلیو کو فلٹر کریں',
|
|
54
|
+
// Filter operators text
|
|
55
|
+
filterOperatorContains: 'شامل ہے',
|
|
56
|
+
filterOperatorEquals: 'برابر ہے',
|
|
57
|
+
filterOperatorStartsWith: 'شروع ہوتا ہے',
|
|
58
|
+
filterOperatorEndsWith: 'ختم ہوتا ہے',
|
|
59
|
+
filterOperatorIs: 'ہے',
|
|
60
|
+
filterOperatorNot: 'نہیں',
|
|
61
|
+
filterOperatorAfter: 'بعد میں ہے',
|
|
62
|
+
filterOperatorOnOrAfter: 'پر یا بعد میں ہے',
|
|
63
|
+
filterOperatorBefore: 'پہلے ہے',
|
|
64
|
+
filterOperatorOnOrBefore: 'پر یا پہلے ہے',
|
|
65
|
+
filterOperatorIsEmpty: 'خالی ہے',
|
|
66
|
+
filterOperatorIsNotEmpty: 'خالی نہیں ہے',
|
|
67
|
+
filterOperatorIsAnyOf: 'ان میں سے کوئی ہے',
|
|
68
|
+
// Filter values text
|
|
69
|
+
filterValueAny: 'کوئی بھی',
|
|
70
|
+
filterValueTrue: 'صحیح',
|
|
71
|
+
filterValueFalse: 'غلط',
|
|
72
|
+
// Column menu text
|
|
73
|
+
columnMenuLabel: 'مینیو',
|
|
74
|
+
columnMenuShowColumns: 'کالم دکھائیں',
|
|
75
|
+
columnMenuManageColumns: 'کالم مینج کریں',
|
|
76
|
+
columnMenuFilter: 'فلٹر',
|
|
77
|
+
columnMenuHideColumn: 'چھپائیں',
|
|
78
|
+
columnMenuUnsort: 'sort ختم کریں',
|
|
79
|
+
columnMenuSortAsc: 'ترتیب صعودی',
|
|
80
|
+
columnMenuSortDesc: 'ترتیب نزولی',
|
|
81
|
+
// Column header text
|
|
82
|
+
columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} فعال فلٹرز` : `${count} فلٹرز فعال`,
|
|
83
|
+
columnHeaderFiltersLabel: 'فلٹرز دکھائیں',
|
|
84
|
+
columnHeaderSortIconLabel: 'Sort',
|
|
85
|
+
// Rows selected footer text
|
|
86
|
+
footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} منتخب قطاریں` : `${count.toLocaleString()} منتخب قطار`,
|
|
87
|
+
// Total row amount footer text
|
|
88
|
+
footerTotalRows: 'کل قطاریں:',
|
|
89
|
+
// Total visible row amount footer text
|
|
90
|
+
footerTotalVisibleRows: (visibleCount, totalCount) => `${totalCount.toLocaleString()} میں سے ${visibleCount.toLocaleString()}`,
|
|
91
|
+
// Checkbox selection text
|
|
92
|
+
checkboxSelectionHeaderName: 'چیک باکس منتخب کریں',
|
|
93
|
+
checkboxSelectionSelectAllRows: 'تمام قطاریں منتخب کریں',
|
|
94
|
+
checkboxSelectionUnselectAllRows: 'تمام قطاریں نامنتخب کریں ',
|
|
95
|
+
checkboxSelectionSelectRow: 'قطار منتخب کریں',
|
|
96
|
+
checkboxSelectionUnselectRow: 'قطار نامنتخب کریں',
|
|
97
|
+
// Boolean cell text
|
|
98
|
+
booleanCellTrueLabel: 'ہاں',
|
|
99
|
+
booleanCellFalseLabel: 'نہیں',
|
|
100
|
+
// Actions cell more text
|
|
101
|
+
actionsCellMore: 'ذیادہ',
|
|
102
|
+
// Column pinning text
|
|
103
|
+
pinToLeft: 'بائیں جانب pin کریں',
|
|
104
|
+
pinToRight: 'دائیں جانب pin کریں',
|
|
105
|
+
unpin: 'pin ختم کریں',
|
|
106
|
+
// Tree Data
|
|
107
|
+
treeDataGroupingHeaderName: 'گروپ',
|
|
108
|
+
treeDataExpand: 'شاخیں دیکھیں',
|
|
109
|
+
treeDataCollapse: 'شاخیں چھپائیں',
|
|
110
|
+
// Grouping columns
|
|
111
|
+
groupingColumnHeaderName: 'گروپ',
|
|
112
|
+
groupColumn: name => `${name} سے گروپ کریں`,
|
|
113
|
+
unGroupColumn: name => `${name} سے گروپ ختم کریں`,
|
|
114
|
+
// Master/detail
|
|
115
|
+
detailPanelToggle: 'ڈیٹیل پینل کھولیں / بند کریں',
|
|
116
|
+
expandDetailPanel: 'پھیلائیں',
|
|
117
|
+
collapseDetailPanel: 'تنگ کریں',
|
|
118
|
+
// Row reordering text
|
|
119
|
+
rowReorderingHeaderName: 'قطاروں کی ترتیب تبدیل کریں',
|
|
120
|
+
// Aggregation
|
|
121
|
+
aggregationMenuItemHeader: 'Aggregation',
|
|
122
|
+
aggregationFunctionLabelSum: 'sum',
|
|
123
|
+
aggregationFunctionLabelAvg: 'avg',
|
|
124
|
+
aggregationFunctionLabelMin: 'min',
|
|
125
|
+
aggregationFunctionLabelMax: 'max',
|
|
126
|
+
aggregationFunctionLabelSize: 'size'
|
|
127
|
+
};
|
|
128
|
+
const urPK = (0, _getGridLocalization.getGridLocalization)(urPKGrid, _coreLocales.urPKCore);
|
|
129
|
+
exports.urPK = urPK;
|