@mui/x-data-grid 6.0.0 → 6.0.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 +103 -12
- package/DataGrid/DataGrid.js +6 -6
- package/components/cell/GridEditSingleSelectCell.js +10 -4
- package/components/panel/GridPanel.d.ts +9 -1
- package/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js +1 -1
- package/constants/gridClasses.d.ts +1 -1
- package/hooks/features/columnGrouping/gridColumnGroupsUtils.js +5 -5
- package/hooks/features/columnMenu/columnMenuInterfaces.d.ts +2 -2
- package/hooks/features/columns/gridColumnsUtils.js +2 -9
- package/hooks/features/editing/useGridCellEditing.js +3 -3
- package/hooks/features/editing/useGridEditing.js +1 -1
- package/hooks/features/editing/useGridRowEditing.js +3 -3
- package/hooks/features/export/useGridPrintExport.js +10 -11
- package/index.js +1 -1
- package/legacy/DataGrid/DataGrid.js +6 -6
- package/legacy/components/cell/GridEditSingleSelectCell.js +10 -6
- package/legacy/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js +2 -2
- package/legacy/hooks/features/columnGrouping/gridColumnGroupsUtils.js +5 -5
- package/legacy/hooks/features/columns/gridColumnsUtils.js +2 -9
- package/legacy/hooks/features/editing/useGridCellEditing.js +3 -3
- package/legacy/hooks/features/editing/useGridEditing.js +1 -1
- package/legacy/hooks/features/editing/useGridRowEditing.js +3 -3
- package/legacy/hooks/features/export/useGridPrintExport.js +10 -11
- package/legacy/index.js +1 -1
- package/legacy/locales/ptBR.js +1 -1
- package/locales/ptBR.js +1 -1
- package/material/index.d.ts +9 -1
- package/models/api/gridEditingApi.d.ts +1 -1
- package/models/gridSlotsComponentsProps.d.ts +1 -1
- package/models/props/DataGridProps.d.ts +6 -6
- package/modern/DataGrid/DataGrid.js +6 -6
- package/modern/components/cell/GridEditSingleSelectCell.js +10 -4
- package/modern/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js +1 -1
- package/modern/hooks/features/columnGrouping/gridColumnGroupsUtils.js +5 -5
- package/modern/hooks/features/columns/gridColumnsUtils.js +2 -9
- package/modern/hooks/features/editing/useGridCellEditing.js +3 -3
- package/modern/hooks/features/editing/useGridEditing.js +1 -1
- package/modern/hooks/features/editing/useGridRowEditing.js +3 -3
- package/modern/hooks/features/export/useGridPrintExport.js +10 -11
- package/modern/index.js +1 -1
- package/modern/locales/ptBR.js +1 -1
- package/node/DataGrid/DataGrid.js +6 -6
- package/node/components/cell/GridEditSingleSelectCell.js +10 -4
- package/node/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js +1 -1
- package/node/hooks/features/columnGrouping/gridColumnGroupsUtils.js +5 -5
- package/node/hooks/features/columns/gridColumnsUtils.js +3 -10
- package/node/hooks/features/editing/useGridCellEditing.js +3 -3
- package/node/hooks/features/editing/useGridEditing.js +1 -1
- package/node/hooks/features/editing/useGridRowEditing.js +3 -3
- package/node/hooks/features/export/useGridPrintExport.js +10 -11
- package/node/index.js +1 -1
- package/node/locales/ptBR.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,97 @@
|
|
|
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.2
|
|
7
|
+
|
|
8
|
+
_Mar 16, 2023_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- 🚀 Fire `onChange` when filling a partial date (#8082) @flaviendelangle
|
|
13
|
+
- 🎁 Support date format like `1st` (`do`) (#8188) @flaviendelangle
|
|
14
|
+
- 🌍 Add Hebrew (he-IL) locale (#8222) @ylarom
|
|
15
|
+
- 🌍 Improve Brazilian Portuguese (pt-BR), German (de-DE), and French (fr-FR) locales
|
|
16
|
+
- 📚 Documentation improvements
|
|
17
|
+
- 🐞 Bugfixes
|
|
18
|
+
|
|
19
|
+
### `@mui/x-data-grid@v6.0.2` / `@mui/x-data-grid-pro@v6.0.2` / `@mui/x-data-grid-premium@v6.0.2`
|
|
20
|
+
|
|
21
|
+
#### Changes
|
|
22
|
+
|
|
23
|
+
- [DataGrid] Fix <kbd>Space</kbd> triggering edit mode (#8180) @m4theushw
|
|
24
|
+
- [DataGrid] Remove warning when adding a custom column type (#8227) @m4theushw
|
|
25
|
+
- [l10n] Improve Brazilian Portuguese (pt-BR) locale (#8198) @JoaoSerafim3001
|
|
26
|
+
|
|
27
|
+
### `@mui/x-date-pickers@v6.0.2` / `@mui/x-date-pickers-pro@v6.0.2`
|
|
28
|
+
|
|
29
|
+
#### Changes
|
|
30
|
+
|
|
31
|
+
- [l10n] Add Hebrew (he-IL) locale (#8222) @ylarom
|
|
32
|
+
- [l10n] Improve German (de-DE) locale (#8204) @sebkasanzew
|
|
33
|
+
- [l10n] Improve French (fr-FR) locale (#8229) @marvinroger
|
|
34
|
+
- [DateRangePicker] Allow overriding `slotProps.textField` (#8201) @LukasTy
|
|
35
|
+
- [fields] Fire `onChange` when filling a partial date (#8082) @flaviendelangle
|
|
36
|
+
- [fields] Fix editing in shadow dom (#8254) @flaviendelangle
|
|
37
|
+
- [fields] Remove the duplicated warning about invalid adapter (#8187) @flaviendelangle
|
|
38
|
+
- [fields] Support date format like `1st` (`do`) (#8188) @flaviendelangle
|
|
39
|
+
- [pickers] Fix to avoid selecting sections on mobile picker field (#8228) @LukasTy
|
|
40
|
+
- [pickers] Inherit previous and next icons size from their parent button (#8218) @flaviendelangle
|
|
41
|
+
|
|
42
|
+
### Docs
|
|
43
|
+
|
|
44
|
+
- [docs] Add a warning in the migration guide for people re-enabling the clock on desktop (#8184) @flaviendelangle
|
|
45
|
+
- [docs] Add a warning for `luxon` macro tokens (#8245) @flaviendelangle
|
|
46
|
+
- [docs] Complete pickers customization pages (#8066) @alexfauquette
|
|
47
|
+
- [docs] Fix 301 redirection @oliviertassinari
|
|
48
|
+
- [docs] Fix 404 links to customization Material UI APIs (#8200) @oliviertassinari
|
|
49
|
+
- [docs] Fix `moment-hijri` demo (#8255) @LukasTy
|
|
50
|
+
- [docs] Improve migration diff (#8240) @oliviertassinari
|
|
51
|
+
- [docs] Change **What's new** page url to point to announcement blog post (#8186) @joserodolfofreitas
|
|
52
|
+
- [docs] Resolve 301 in changelog @oliviertassinari
|
|
53
|
+
|
|
54
|
+
### Core
|
|
55
|
+
|
|
56
|
+
- [core] Regen api docs (#8220) @flaviendelangle
|
|
57
|
+
- [core] Remove duplicated `/` (#8223) @alexfauquette
|
|
58
|
+
|
|
59
|
+
## 6.0.1
|
|
60
|
+
|
|
61
|
+
_Mar 9, 2023_
|
|
62
|
+
|
|
63
|
+
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
|
|
64
|
+
|
|
65
|
+
- 🌍 Improve French (fr-FR) locale (#8122) @MaherSamiGMC
|
|
66
|
+
- 📚 Documentation improvements
|
|
67
|
+
- 🐞 Bugfixes
|
|
68
|
+
|
|
69
|
+
### `@mui/x-data-grid@v6.0.1` / `@mui/x-data-grid-pro@v6.0.1` / `@mui/x-data-grid-premium@v6.0.1`
|
|
70
|
+
|
|
71
|
+
#### Changes
|
|
72
|
+
|
|
73
|
+
- [DataGrid] Fix `MenuProps.onClose` being overridden for single select edit component (#8174) @rohitnatesh
|
|
74
|
+
- [DataGrid] Simplify `buildPrintWindow` (#8142) @oliviertassinari
|
|
75
|
+
- [l10n] Improve French (fr-FR) locale (#8122) @MaherSamiGMC
|
|
76
|
+
|
|
77
|
+
### `@mui/x-date-pickers@v6.0.1` / `@mui/x-date-pickers-pro@v6.0.1`
|
|
78
|
+
|
|
79
|
+
#### Changes
|
|
80
|
+
|
|
81
|
+
- [pickers] Add a runtime warning when a `renderInput` prop is passed to a picker (#8183) @flaviendelangle
|
|
82
|
+
- [pickers] Don't pass `ownerState` to the `inputAdornment` slot (#8165) @flaviendelangle
|
|
83
|
+
|
|
84
|
+
### Docs
|
|
85
|
+
|
|
86
|
+
- [docs] Fix a typo in the migration guide (#8152) @flaviendelangle
|
|
87
|
+
- [docs] Fix package version used in CodeSandbox demos (#8125) @cherniavskii
|
|
88
|
+
- [docs] Fix typos across codebase (#8126) @stavares843
|
|
89
|
+
- [docs] Improve Data Grid quick filter documentation (#8109) @MBilalShafi
|
|
90
|
+
- [docs] Improve link from npm to docs (#8141) @oliviertassinari
|
|
91
|
+
- [docs] Remove test sections (#8177) @m4theushw
|
|
92
|
+
|
|
93
|
+
### Core
|
|
94
|
+
|
|
95
|
+
- [core] Upgrade monorepo (#8162) @m4theushw
|
|
96
|
+
|
|
6
97
|
## 6.0.0
|
|
7
98
|
|
|
8
99
|
_Mar 3, 2023_
|
|
@@ -987,7 +1078,7 @@ We'd like to offer a big thanks to the 6 contributors who made this release poss
|
|
|
987
1078
|
<DataGridPremium unstable_cellSelection />
|
|
988
1079
|
```
|
|
989
1080
|
|
|
990
|
-
See [the documentation](https://mui.com/x/react-data-grid/
|
|
1081
|
+
See [the documentation](https://mui.com/x/react-data-grid/cell-selection/) for more information
|
|
991
1082
|
|
|
992
1083
|
- 🌍 Support the Right To Left orientation on the fields components
|
|
993
1084
|
- 📚 Documentation improvements
|
|
@@ -3044,7 +3135,7 @@ _Sep 2, 2022_
|
|
|
3044
3135
|
|
|
3045
3136
|
🎉 We are excited to finally introduce a stable release (v5.0.0) for the `@mui/x-date-pickers` and `@mui/x-date-pickers-pro` packages!
|
|
3046
3137
|
|
|
3047
|
-
If you are still using picker components from the `lab`, take a look at the [migration guide](https://mui.com/x/
|
|
3138
|
+
If you are still using picker components from the `lab`, take a look at the [migration guide](https://mui.com/x/migration/migration-pickers-lab/).
|
|
3048
3139
|
|
|
3049
3140
|
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
|
|
3050
3141
|
|
|
@@ -3184,7 +3275,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
|
|
|
3184
3275
|
|
|
3185
3276
|
#### Changes
|
|
3186
3277
|
|
|
3187
|
-
- [DataGrid] Fix <kbd>Enter</kbd> causing Select to re-open when
|
|
3278
|
+
- [DataGrid] Fix <kbd>Enter</kbd> causing Select to re-open when committing value (#5756) @m4theushw
|
|
3188
3279
|
- [DataGrid] Fix `GridOverlays` bypassing pointer events (#5674) @philjones88
|
|
3189
3280
|
|
|
3190
3281
|
### `@mui/x-date-pickers@v5.0.0-beta.6` / `@mui/x-date-picker-pro@v5.0.0-beta.6`
|
|
@@ -3228,7 +3319,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
|
|
|
3228
3319
|
#### Changes
|
|
3229
3320
|
|
|
3230
3321
|
- [DataGrid] Catch errors if rows freezing is not supported (#5711) @cherniavskii
|
|
3231
|
-
- [DataGrid] Preserve cell mode when entering edit mode while
|
|
3322
|
+
- [DataGrid] Preserve cell mode when entering edit mode while committing (#5686) @m4theushw
|
|
3232
3323
|
- [DataGridPremium] Let quick filter search in row grouping children (#5701) @alexfauquette
|
|
3233
3324
|
|
|
3234
3325
|
### `@mui/x-date-pickers@v5.0.0-beta.5` / `@mui/x-date-picker-pro@5.0.0-beta.5`
|
|
@@ -4095,7 +4186,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
|
|
|
4095
4186
|
|
|
4096
4187
|
Date and time picker components have been moved to the MUI X repository.
|
|
4097
4188
|
They are now accessible in their own packages: `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.
|
|
4098
|
-
For more information, you can read the [blog article](https://mui.com/blog/lab-date-pickers-to-mui-x/) and the [migration guide](https://mui.com/x/
|
|
4189
|
+
For more information, you can read the [blog article](https://mui.com/blog/lab-date-pickers-to-mui-x/) and the [migration guide](https://mui.com/x/migration/migration-pickers-lab/).
|
|
4099
4190
|
|
|
4100
4191
|
- 📝 Add `onProcessRowUpdateError` prop to simplify error management in edit mode (#4267) @m4theushw
|
|
4101
4192
|
- ✨ Add generic typing to `GridColDef` and derived interfaces (#4064) @flaviendelangle
|
|
@@ -4155,7 +4246,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
|
|
|
4155
4246
|
- [core] Remove dead code (#4283) @oliviertassinari
|
|
4156
4247
|
- [core] Rename the "pre-processing" concept "pipe-processing" (#4261) @flaviendelangle
|
|
4157
4248
|
- [core] Reuse previous state when updating the columns prop (#4229) @m4theushw
|
|
4158
|
-
- [core] Fix Argos
|
|
4249
|
+
- [core] Fix Argos flakiness for pickers tests (#4312) @flaviendelangle
|
|
4159
4250
|
|
|
4160
4251
|
## 5.7.0
|
|
4161
4252
|
|
|
@@ -5705,7 +5796,7 @@ A big thanks to the 5 contributors who made this release possible. Here are some
|
|
|
5705
5796
|
|
|
5706
5797
|
- [docs] Add section for controlled selection and server-side pagination (#2602) @DanailH
|
|
5707
5798
|
- [docs] Fix Algolia search (#2655) @oliviertassinari
|
|
5708
|
-
- [docs] Improve the
|
|
5799
|
+
- [docs] Improve the search results relevance (#2656) @oliviertassinari
|
|
5709
5800
|
- [docs] Update installation instructions (#2663) @m4theushw
|
|
5710
5801
|
|
|
5711
5802
|
### Core
|
|
@@ -6743,7 +6834,7 @@ Big thanks to the 11 contributors who made this release possible. Here are some
|
|
|
6743
6834
|
- 💅 Add `columnHeader`, `row` and `cell` to the `classes` prop (#1660) @DanailH
|
|
6744
6835
|
- ✅ Add the `isRowSelectable` prop to disable selection on certain rows (#1659) @m4theushw
|
|
6745
6836
|
|
|
6746
|
-
See the documentation for [more details](https://mui.com/
|
|
6837
|
+
See the documentation for [more details](https://v4.mui.com/components/data-grid/selection/#disable-selection-on-certain-rows).
|
|
6747
6838
|
|
|
6748
6839
|
- ⚡️ Add new icon slot to be displayed when the column is unsorted (#1415) @m4theushw
|
|
6749
6840
|
- ⚙ Improve consistency of the API to prepare for the first beta release
|
|
@@ -7069,7 +7160,7 @@ Big thanks to the 5 contributors who made this release possible. Here are some h
|
|
|
7069
7160
|
}
|
|
7070
7161
|
```
|
|
7071
7162
|
|
|
7072
|
-
- [DataGrid] Upgrade
|
|
7163
|
+
- [DataGrid] Upgrade minimum supported version of React to 17.0.0 (#1410) @m4theushw
|
|
7073
7164
|
|
|
7074
7165
|
#### Changes
|
|
7075
7166
|
|
|
@@ -7199,7 +7290,7 @@ Big thanks to the 6 contributors who made this release possible. Here are some h
|
|
|
7199
7290
|
|
|
7200
7291
|
- [docs] Add demo page (#1147) @DanailH
|
|
7201
7292
|
- [docs] Fix typo in localization.md (#1155) @michael-martin-al
|
|
7202
|
-
- [docs] Improve the
|
|
7293
|
+
- [docs] Improve the description of the individual packages (#1139) @oliviertassinari
|
|
7203
7294
|
- [docs] Fix rendering docs to solve custom pagination issue (#1159) @consDev
|
|
7204
7295
|
|
|
7205
7296
|
### Core
|
|
@@ -7271,7 +7362,7 @@ Big thanks to the 4 contributors who made this release possible. Here are some h
|
|
|
7271
7362
|
- 📍 Add support for default locales (#983) @DanailH
|
|
7272
7363
|
We have built the infrastructure to support around 100 [default locales](https://mui.com/x/react-data-grid/localization/#supported-locales). If you have localized the data grid in your application. Please do consider contributing new translations back to Material UI by opening a pull request.
|
|
7273
7364
|
- 🎁 Add new `selectionModel` prop (#986) @dtassone
|
|
7274
|
-
The prop can be used to control the selected rows in the data grid. [See the docs](https://mui.com/
|
|
7365
|
+
The prop can be used to control the selected rows in the data grid. [See the docs](https://v4.mui.com/components/data-grid/selection/#controlled-selection).
|
|
7275
7366
|
- 💅 Add support for default props from theme (#1019) @DanailH
|
|
7276
7367
|
- 🙌 Fix scrollbar size on windows (#1061) @dtassone
|
|
7277
7368
|
- 🐛 Polish existing features, fix 9 issues.
|
|
@@ -7376,7 +7467,7 @@ Big thanks to the 5 contributors who made this release possible. Here are some h
|
|
|
7376
7467
|
- [DataGrid] Fix footer visual regression (#932) @dtassone
|
|
7377
7468
|
- [DataGrid] Fix strict mode issue with apiRef (#933) @dtassone
|
|
7378
7469
|
- [DataGrid] Work on the accessibility of the column menu (#900) @zj9495
|
|
7379
|
-
- [DataGrid] Fix timing
|
|
7470
|
+
- [DataGrid] Fix timing guarantee (#981) @oliviertassinari
|
|
7380
7471
|
- [DataGrid] Fix unstable footer height (#937) @oliviertassinari
|
|
7381
7472
|
- [DataGrid] Fix usage of the prop-types API (#955) @oliviertassinari
|
|
7382
7473
|
- [DataGrid] Fix duplicate aria-label (#953) @oliviertassinari
|
package/DataGrid/DataGrid.js
CHANGED
|
@@ -100,12 +100,12 @@ DataGridRaw.propTypes = {
|
|
|
100
100
|
*/
|
|
101
101
|
columnVisibilityModel: PropTypes.object,
|
|
102
102
|
/**
|
|
103
|
-
*
|
|
103
|
+
* Overridable components.
|
|
104
104
|
* @deprecated Use `slots` instead.
|
|
105
105
|
*/
|
|
106
106
|
components: PropTypes.object,
|
|
107
107
|
/**
|
|
108
|
-
*
|
|
108
|
+
* Overridable components props dynamically passed to the component at rendering.
|
|
109
109
|
* @deprecated Use the `slotProps` prop instead.
|
|
110
110
|
*/
|
|
111
111
|
componentsProps: PropTypes.object,
|
|
@@ -322,7 +322,7 @@ DataGridRaw.propTypes = {
|
|
|
322
322
|
onCellKeyDown: PropTypes.func,
|
|
323
323
|
/**
|
|
324
324
|
* Callback fired when the `cellModesModel` prop changes.
|
|
325
|
-
* @param {GridCellModesModel} cellModesModel Object
|
|
325
|
+
* @param {GridCellModesModel} cellModesModel Object containing which cells are in "edit" mode.
|
|
326
326
|
* @param {GridCallbackDetails} details Additional details for this callback.
|
|
327
327
|
*/
|
|
328
328
|
onCellModesModelChange: PropTypes.func,
|
|
@@ -468,7 +468,7 @@ DataGridRaw.propTypes = {
|
|
|
468
468
|
onRowEditStop: PropTypes.func,
|
|
469
469
|
/**
|
|
470
470
|
* Callback fired when the `rowModesModel` prop changes.
|
|
471
|
-
* @param {GridRowModesModel} rowModesModel Object
|
|
471
|
+
* @param {GridRowModesModel} rowModesModel Object containing which rows are in "edit" mode.
|
|
472
472
|
* @param {GridCallbackDetails} details Additional details for this callback.
|
|
473
473
|
*/
|
|
474
474
|
onRowModesModelChange: PropTypes.func,
|
|
@@ -582,11 +582,11 @@ DataGridRaw.propTypes = {
|
|
|
582
582
|
*/
|
|
583
583
|
showColumnVerticalBorder: PropTypes.bool,
|
|
584
584
|
/**
|
|
585
|
-
*
|
|
585
|
+
* Overridable components props dynamically passed to the component at rendering.
|
|
586
586
|
*/
|
|
587
587
|
slotProps: PropTypes.object,
|
|
588
588
|
/**
|
|
589
|
-
*
|
|
589
|
+
* Overridable components.
|
|
590
590
|
*/
|
|
591
591
|
slots: PropTypes.object,
|
|
592
592
|
/**
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
-
const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange", "initialOpen", "getOptionLabel", "getOptionValue"]
|
|
3
|
+
const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange", "initialOpen", "getOptionLabel", "getOptionValue"],
|
|
4
|
+
_excluded2 = ["MenuProps"];
|
|
4
5
|
import * as React from 'react';
|
|
5
6
|
import PropTypes from 'prop-types';
|
|
6
7
|
import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
|
|
@@ -37,6 +38,11 @@ function GridEditSingleSelectCell(props) {
|
|
|
37
38
|
const [open, setOpen] = React.useState(initialOpen);
|
|
38
39
|
const baseSelectProps = ((_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseSelect) || {};
|
|
39
40
|
const isSelectNative = (_baseSelectProps$nati = baseSelectProps.native) != null ? _baseSelectProps$nati : false;
|
|
41
|
+
const _ref = ((_rootProps$slotProps2 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps2.baseSelect) || {},
|
|
42
|
+
{
|
|
43
|
+
MenuProps
|
|
44
|
+
} = _ref,
|
|
45
|
+
otherBaseSelectProps = _objectWithoutPropertiesLoose(_ref, _excluded2);
|
|
40
46
|
useEnhancedEffect(() => {
|
|
41
47
|
if (hasFocus) {
|
|
42
48
|
var _inputRef$current;
|
|
@@ -107,13 +113,13 @@ function GridEditSingleSelectCell(props) {
|
|
|
107
113
|
onChange: handleChange,
|
|
108
114
|
open: open,
|
|
109
115
|
onOpen: handleOpen,
|
|
110
|
-
MenuProps: {
|
|
116
|
+
MenuProps: _extends({
|
|
111
117
|
onClose: handleClose
|
|
112
|
-
},
|
|
118
|
+
}, MenuProps),
|
|
113
119
|
error: error,
|
|
114
120
|
native: isSelectNative,
|
|
115
121
|
fullWidth: true
|
|
116
|
-
}, other,
|
|
122
|
+
}, other, otherBaseSelectProps, {
|
|
117
123
|
children: valueOptions.map(valueOption => {
|
|
118
124
|
var _rootProps$slotProps3;
|
|
119
125
|
const value = getOptionValue(valueOption);
|
|
@@ -16,7 +16,15 @@ export interface GridPanelProps extends Partial<React.ComponentProps<typeof Grid
|
|
|
16
16
|
open: boolean;
|
|
17
17
|
}
|
|
18
18
|
export declare const gridPanelClasses: Record<keyof GridPanelClasses, string>;
|
|
19
|
-
declare const GridPanelRoot: import("@emotion/styled").StyledComponent<Pick<Pick<import("@mui/material/Popper").PopperProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "ownerState" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "componentsProps"> & React.RefAttributes<HTMLDivElement>, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "ownerState" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "componentsProps" | keyof React.RefAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
19
|
+
declare const GridPanelRoot: import("@emotion/styled").StyledComponent<Pick<Omit<import("@mui/base").PopperUnstyledProps<"div", {}>, "direction"> & {
|
|
20
|
+
components?: {
|
|
21
|
+
Root?: React.ElementType<any> | undefined;
|
|
22
|
+
} | undefined;
|
|
23
|
+
componentsProps?: {
|
|
24
|
+
root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperUnstyledRootSlotPropsOverrides, import("@mui/base").PopperUnstyledOwnerState> | undefined;
|
|
25
|
+
} | undefined;
|
|
26
|
+
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
|
|
27
|
+
} & React.RefAttributes<HTMLDivElement>, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "ownerState" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "componentsProps" | keyof React.RefAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
20
28
|
ownerState: OwnerState;
|
|
21
29
|
}, {}, {}>;
|
|
22
30
|
declare const GridPanel: React.ForwardRefExoticComponent<Omit<GridPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -70,7 +70,7 @@ function GridFilterInputMultipleSingleSelect(props) {
|
|
|
70
70
|
if (resolvedValueOptions !== undefined) {
|
|
71
71
|
const itemValueIndexes = item.value.map(element => {
|
|
72
72
|
// Gets the index matching between values and valueOptions
|
|
73
|
-
return resolvedFormattedValueOptions == null ? void 0 : resolvedFormattedValueOptions.findIndex(
|
|
73
|
+
return resolvedFormattedValueOptions == null ? void 0 : resolvedFormattedValueOptions.findIndex(formattedOption => formattedOption === element);
|
|
74
74
|
});
|
|
75
75
|
return itemValueIndexes.filter(index => index >= 0).map(index => resolvedValueOptions[index]);
|
|
76
76
|
}
|
|
@@ -272,7 +272,7 @@ export interface GridClasses {
|
|
|
272
272
|
*/
|
|
273
273
|
filterFormDeleteIcon: string;
|
|
274
274
|
/**
|
|
275
|
-
* Styles applied to the link operator
|
|
275
|
+
* Styles applied to the link operator input of the filter form component.
|
|
276
276
|
*/
|
|
277
277
|
filterFormLogicOperatorInput: string;
|
|
278
278
|
/**
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { isLeaf } from '../../../models/gridColumnGrouping';
|
|
2
2
|
import { isDeepEqual } from '../../../utils/utils';
|
|
3
3
|
// This is the recurrence function that help writing `unwrapGroupingColumnModel()`
|
|
4
|
-
const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents,
|
|
4
|
+
const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedGroupingModelToComplete) => {
|
|
5
5
|
if (isLeaf(columnGroupNode)) {
|
|
6
|
-
if (
|
|
7
|
-
throw new Error([`MUI: columnGroupingModel contains duplicated field`, `column field ${columnGroupNode.field}
|
|
6
|
+
if (unwrappedGroupingModelToComplete[columnGroupNode.field] !== undefined) {
|
|
7
|
+
throw new Error([`MUI: columnGroupingModel contains duplicated field`, `column field ${columnGroupNode.field} occurs two times in the grouping model:`, `- ${unwrappedGroupingModelToComplete[columnGroupNode.field].join(' > ')}`, `- ${parents.join(' > ')}`].join('\n'));
|
|
8
8
|
}
|
|
9
|
-
|
|
9
|
+
unwrappedGroupingModelToComplete[columnGroupNode.field] = parents;
|
|
10
10
|
return;
|
|
11
11
|
}
|
|
12
12
|
const {
|
|
@@ -14,7 +14,7 @@ const recurrentUnwrapGroupingColumnModel = (columnGroupNode, parents, unwrappedG
|
|
|
14
14
|
children
|
|
15
15
|
} = columnGroupNode;
|
|
16
16
|
children.forEach(child => {
|
|
17
|
-
recurrentUnwrapGroupingColumnModel(child, [...parents, groupId],
|
|
17
|
+
recurrentUnwrapGroupingColumnModel(child, [...parents, groupId], unwrappedGroupingModelToComplete);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -16,14 +16,14 @@ export interface GridColumnMenuComponentProps {
|
|
|
16
16
|
}
|
|
17
17
|
export interface GridColumnMenuRootProps {
|
|
18
18
|
/**
|
|
19
|
-
* Initial `components` - it is internal, to be
|
|
19
|
+
* Initial `components` - it is internal, to be overridden by Pro or Premium packages
|
|
20
20
|
* @ignore - do not document.
|
|
21
21
|
*/
|
|
22
22
|
defaultComponents: {
|
|
23
23
|
[key: string]: React.JSXElementConstructor<any>;
|
|
24
24
|
};
|
|
25
25
|
/**
|
|
26
|
-
* Initial `componentsProps` - it is internal, to be
|
|
26
|
+
* Initial `componentsProps` - it is internal, to be overridden by Pro or Premium packages
|
|
27
27
|
* @ignore - do not document.
|
|
28
28
|
*/
|
|
29
29
|
defaultComponentsProps: {
|
|
@@ -150,7 +150,6 @@ export const hydrateColumnsWidth = (rawState, viewportInnerWidth) => {
|
|
|
150
150
|
lookup: columnsLookup
|
|
151
151
|
});
|
|
152
152
|
};
|
|
153
|
-
let columnTypeWarnedOnce = false;
|
|
154
153
|
|
|
155
154
|
/**
|
|
156
155
|
* Apply the order and the dimensions of the initial state.
|
|
@@ -239,14 +238,8 @@ export const createColumnsState = ({
|
|
|
239
238
|
let existingState = columnsState.lookup[field];
|
|
240
239
|
if (existingState == null) {
|
|
241
240
|
let colDef = columnTypes[DEFAULT_GRID_COL_TYPE_KEY];
|
|
242
|
-
if (newColumn.type) {
|
|
243
|
-
|
|
244
|
-
console.warn([`MUI: The column type "${newColumn.type}" you are using is not supported.`, `Column type "string" is being used instead.`].join('\n'));
|
|
245
|
-
columnTypeWarnedOnce = true;
|
|
246
|
-
}
|
|
247
|
-
if (columnTypes[newColumn.type]) {
|
|
248
|
-
colDef = columnTypes[newColumn.type];
|
|
249
|
-
}
|
|
241
|
+
if (newColumn.type && columnTypes[newColumn.type]) {
|
|
242
|
+
colDef = columnTypes[newColumn.type];
|
|
250
243
|
}
|
|
251
244
|
existingState = _extends({}, colDef, {
|
|
252
245
|
field,
|
|
@@ -68,7 +68,7 @@ export const useGridCellEditing = (apiRef, props) => {
|
|
|
68
68
|
const handleCellKeyDown = React.useCallback((params, event) => {
|
|
69
69
|
if (params.cellMode === GridCellModes.Edit) {
|
|
70
70
|
// Wait until IME is settled for Asian languages like Japanese and Chinese
|
|
71
|
-
// TODO: `event.which` is
|
|
71
|
+
// TODO: `event.which` is deprecated but this is a temporary workaround
|
|
72
72
|
if (event.which === 229) {
|
|
73
73
|
return;
|
|
74
74
|
}
|
|
@@ -90,8 +90,8 @@ export const useGridCellEditing = (apiRef, props) => {
|
|
|
90
90
|
}
|
|
91
91
|
} else if (params.isEditable) {
|
|
92
92
|
let reason;
|
|
93
|
-
if (event.key === ' '
|
|
94
|
-
return; //
|
|
93
|
+
if (event.key === ' ') {
|
|
94
|
+
return; // Space scrolls to the last row
|
|
95
95
|
}
|
|
96
96
|
|
|
97
97
|
if (isPrintableKey(event)) {
|
|
@@ -47,7 +47,7 @@ export const useGridEditing = (apiRef, props) => {
|
|
|
47
47
|
clearTimeout(timeout);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
// To run the callback
|
|
50
|
+
// To run the callback immediately without waiting the timeout
|
|
51
51
|
const runImmediately = () => {
|
|
52
52
|
const [timeout] = debounceMap.current[id][field];
|
|
53
53
|
clearTimeout(timeout);
|
|
@@ -104,7 +104,7 @@ export const useGridRowEditing = (apiRef, props) => {
|
|
|
104
104
|
const handleCellKeyDown = React.useCallback((params, event) => {
|
|
105
105
|
if (params.cellMode === GridRowModes.Edit) {
|
|
106
106
|
// Wait until IME is settled for Asian languages like Japanese and Chinese
|
|
107
|
-
// TODO: `event.which` is
|
|
107
|
+
// TODO: `event.which` is deprecated but this is a temporary workaround
|
|
108
108
|
if (event.which === 229) {
|
|
109
109
|
return;
|
|
110
110
|
}
|
|
@@ -144,8 +144,8 @@ export const useGridRowEditing = (apiRef, props) => {
|
|
|
144
144
|
}
|
|
145
145
|
} else if (params.isEditable) {
|
|
146
146
|
let reason;
|
|
147
|
-
if (event.key === ' '
|
|
148
|
-
return; //
|
|
147
|
+
if (event.key === ' ') {
|
|
148
|
+
return; // Space scrolls to the last row
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
if (isPrintableKey(event)) {
|
|
@@ -19,6 +19,15 @@ function raf() {
|
|
|
19
19
|
});
|
|
20
20
|
});
|
|
21
21
|
}
|
|
22
|
+
function buildPrintWindow(title) {
|
|
23
|
+
const iframeEl = document.createElement('iframe');
|
|
24
|
+
iframeEl.style.position = 'absolute';
|
|
25
|
+
iframeEl.style.width = '0px';
|
|
26
|
+
iframeEl.style.height = '0px';
|
|
27
|
+
iframeEl.title = title || document.title;
|
|
28
|
+
return iframeEl;
|
|
29
|
+
}
|
|
30
|
+
|
|
22
31
|
/**
|
|
23
32
|
* @requires useGridColumns (state)
|
|
24
33
|
* @requires useGridFilter (state)
|
|
@@ -57,16 +66,6 @@ export const useGridPrintExport = (apiRef, props) => {
|
|
|
57
66
|
apiRef.current.setColumnVisibilityModel(newColumnVisibilityModel);
|
|
58
67
|
resolve();
|
|
59
68
|
}), [apiRef]);
|
|
60
|
-
|
|
61
|
-
// TODO move outside of this scope and remove React.useCallback
|
|
62
|
-
const buildPrintWindow = React.useCallback(title => {
|
|
63
|
-
const iframeEl = document.createElement('iframe');
|
|
64
|
-
iframeEl.style.position = 'absolute';
|
|
65
|
-
iframeEl.style.width = '0px';
|
|
66
|
-
iframeEl.style.height = '0px';
|
|
67
|
-
iframeEl.title = title || document.title;
|
|
68
|
-
return iframeEl;
|
|
69
|
-
}, []);
|
|
70
69
|
const handlePrintWindowLoad = React.useCallback((printWindow, options) => {
|
|
71
70
|
var _querySelector, _querySelector2;
|
|
72
71
|
const normalizeOptions = _extends({
|
|
@@ -213,7 +212,7 @@ export const useGridPrintExport = (apiRef, props) => {
|
|
|
213
212
|
};
|
|
214
213
|
doc.current.body.appendChild(printWindow);
|
|
215
214
|
}
|
|
216
|
-
}, [props, logger, apiRef,
|
|
215
|
+
}, [props, logger, apiRef, handlePrintWindowLoad, handlePrintWindowAfterPrint, updateGridColumnsForPrint]);
|
|
217
216
|
const printExportApi = {
|
|
218
217
|
exportDataAsPrint
|
|
219
218
|
};
|
package/index.js
CHANGED
|
@@ -102,12 +102,12 @@ DataGridRaw.propTypes = {
|
|
|
102
102
|
*/
|
|
103
103
|
columnVisibilityModel: PropTypes.object,
|
|
104
104
|
/**
|
|
105
|
-
*
|
|
105
|
+
* Overridable components.
|
|
106
106
|
* @deprecated Use `slots` instead.
|
|
107
107
|
*/
|
|
108
108
|
components: PropTypes.object,
|
|
109
109
|
/**
|
|
110
|
-
*
|
|
110
|
+
* Overridable components props dynamically passed to the component at rendering.
|
|
111
111
|
* @deprecated Use the `slotProps` prop instead.
|
|
112
112
|
*/
|
|
113
113
|
componentsProps: PropTypes.object,
|
|
@@ -324,7 +324,7 @@ DataGridRaw.propTypes = {
|
|
|
324
324
|
onCellKeyDown: PropTypes.func,
|
|
325
325
|
/**
|
|
326
326
|
* Callback fired when the `cellModesModel` prop changes.
|
|
327
|
-
* @param {GridCellModesModel} cellModesModel Object
|
|
327
|
+
* @param {GridCellModesModel} cellModesModel Object containing which cells are in "edit" mode.
|
|
328
328
|
* @param {GridCallbackDetails} details Additional details for this callback.
|
|
329
329
|
*/
|
|
330
330
|
onCellModesModelChange: PropTypes.func,
|
|
@@ -470,7 +470,7 @@ DataGridRaw.propTypes = {
|
|
|
470
470
|
onRowEditStop: PropTypes.func,
|
|
471
471
|
/**
|
|
472
472
|
* Callback fired when the `rowModesModel` prop changes.
|
|
473
|
-
* @param {GridRowModesModel} rowModesModel Object
|
|
473
|
+
* @param {GridRowModesModel} rowModesModel Object containing which rows are in "edit" mode.
|
|
474
474
|
* @param {GridCallbackDetails} details Additional details for this callback.
|
|
475
475
|
*/
|
|
476
476
|
onRowModesModelChange: PropTypes.func,
|
|
@@ -584,11 +584,11 @@ DataGridRaw.propTypes = {
|
|
|
584
584
|
*/
|
|
585
585
|
showColumnVerticalBorder: PropTypes.bool,
|
|
586
586
|
/**
|
|
587
|
-
*
|
|
587
|
+
* Overridable components props dynamically passed to the component at rendering.
|
|
588
588
|
*/
|
|
589
589
|
slotProps: PropTypes.object,
|
|
590
590
|
/**
|
|
591
|
-
*
|
|
591
|
+
* Overridable components.
|
|
592
592
|
*/
|
|
593
593
|
slots: PropTypes.object,
|
|
594
594
|
/**
|