@mui/x-date-pickers-pro 7.0.0-alpha.5 → 7.0.0-alpha.6
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 +226 -6
- package/index.js +1 -1
- package/internals/utils/releaseInfo.js +1 -1
- package/legacy/index.js +1 -1
- package/legacy/internals/utils/releaseInfo.js +1 -1
- package/modern/index.js +1 -1
- package/modern/internals/utils/releaseInfo.js +1 -1
- package/node/index.js +1 -1
- package/node/internals/utils/releaseInfo.js +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,96 @@
|
|
|
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
|
+
## 7.0.0-alpha.6
|
|
7
|
+
|
|
8
|
+
_Dec 22, 2023_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- 🎁 Data Grid now supports `Date` objects in the `filterModel`
|
|
13
|
+
- 🌍 Improve Russian (ru-RU) locale on the Data Grid
|
|
14
|
+
- 🐞 Bugfixes
|
|
15
|
+
|
|
16
|
+
### Data Grid
|
|
17
|
+
|
|
18
|
+
#### Breaking changes
|
|
19
|
+
|
|
20
|
+
- The filter panel no longer uses the native version of the [`Select`](https://mui.com/material-ui/react-select/) component for all components.
|
|
21
|
+
- The `getOptionValue` and `getOptionLabel` props were removed from the following components:
|
|
22
|
+
|
|
23
|
+
- `GridEditSingleSelectCell`
|
|
24
|
+
- `GridFilterInputSingleSelect`
|
|
25
|
+
- `GridFilterInputMultipleSingleSelect`
|
|
26
|
+
|
|
27
|
+
Use the `getOptionValue` and `getOptionLabel` properties on the `singleSelect` column definition instead:
|
|
28
|
+
|
|
29
|
+
```tsx
|
|
30
|
+
const column: GridColDef = {
|
|
31
|
+
type: 'singleSelect',
|
|
32
|
+
field: 'country',
|
|
33
|
+
valueOptions: [
|
|
34
|
+
{ code: 'BR', name: 'Brazil' },
|
|
35
|
+
{ code: 'FR', name: 'France' },
|
|
36
|
+
],
|
|
37
|
+
getOptionValue: (value: any) => value.code,
|
|
38
|
+
getOptionLabel: (value: any) => value.name,
|
|
39
|
+
};
|
|
40
|
+
```
|
|
41
|
+
- The `filterModel` now supports `Date` objects as values for `date` and `dateTime` column types.
|
|
42
|
+
The `filterModel` still accepts strings as values for `date` and `dateTime` column types,
|
|
43
|
+
but all updates to the `filterModel` coming from the UI (e.g. filter panel) will set the value as a `Date` object.
|
|
44
|
+
|
|
45
|
+
#### `@mui/x-data-grid@7.0.0-alpha.6`
|
|
46
|
+
|
|
47
|
+
- [DataGrid] Fix typos in the JSDoc (#11451) @flaviendelangle
|
|
48
|
+
- [DataGrid] Make `checkboxSelection` respect the `disableMultipleRowSelection` prop (#11448) @cherniavskii
|
|
49
|
+
- [DataGrid] Support `Date` objects in filter model (#7069) @cherniavskii
|
|
50
|
+
- [DataGrid] Use non-native `Select`s by default (#11330) @cherniavskii
|
|
51
|
+
- [l10n] Improve Russian (ru-RU) locale (#11441) @wensiet
|
|
52
|
+
|
|
53
|
+
#### `@mui/x-data-grid-pro@7.0.0-alpha.6` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
54
|
+
|
|
55
|
+
Same changes as in `@mui/x-data-grid@7.0.0-alpha.6`.
|
|
56
|
+
|
|
57
|
+
#### `@mui/x-data-grid-premium@7.0.0-alpha.6` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
58
|
+
|
|
59
|
+
Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.6`.
|
|
60
|
+
|
|
61
|
+
### Date Pickers
|
|
62
|
+
|
|
63
|
+
#### `@mui/x-date-pickers@7.0.0-alpha.6`
|
|
64
|
+
|
|
65
|
+
- [fields] Adjust `PickersInput` sizing styles (#11392) @noraleonte
|
|
66
|
+
- [fields] Fix section pasting (#11447) @LukasTy
|
|
67
|
+
- [pickers] Add `PickersTextField` `standard` and `filled` variants (#11250) @noraleonte
|
|
68
|
+
- [pickers] Add missing breaking changes to changelog (#11420) @MBilalShafi
|
|
69
|
+
- [pickers] Cleanup error messages in `PickersSectionList` (#11449) @flaviendelangle
|
|
70
|
+
- [pickers] Create new component `PickersSectionList` (#11352) @flaviendelangle
|
|
71
|
+
|
|
72
|
+
#### `@mui/x-date-pickers-pro@7.0.0-alpha.6` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
73
|
+
|
|
74
|
+
Same changes as in `@mui/x-date-pickers@7.0.0-alpha.6`.
|
|
75
|
+
|
|
76
|
+
### Charts / `@mui/x-charts@7.0.0-alpha.6`
|
|
77
|
+
|
|
78
|
+
- [charts] Allow percentage values for pie chart center and radius (#11464) @alexfauquette
|
|
79
|
+
- [charts] Improve dataset typing (#11372) @alexfauquette
|
|
80
|
+
- [charts] Make error message more explicit (#11457) @alexfauquette
|
|
81
|
+
- [charts] Make the helper `ChartsText` component public (#11370) @alexfauquette
|
|
82
|
+
|
|
83
|
+
### Docs
|
|
84
|
+
|
|
85
|
+
- [docs] Document `false` default values for boolean props (#11477) @cherniavskii
|
|
86
|
+
- [docs] Improve Pickers `name` prop examples (#11422) @LukasTy
|
|
87
|
+
- [docs] Limit `date-fns` package to v2 in codesandbox (#11463) @LukasTy
|
|
88
|
+
|
|
89
|
+
### Core
|
|
90
|
+
|
|
91
|
+
- [core] Cherry pick follow up (#11469) @LukasTy
|
|
92
|
+
- [core] Fix `cherry-pick` action (#11446) @LukasTy
|
|
93
|
+
- [core] Fix security regressions in cherry-pick-next-to-master.yml (#11482) @MBilalShafi
|
|
94
|
+
- [test] Reload the page if its blank and there are no links to the remaining tests (#11466) @cherniavskii
|
|
95
|
+
|
|
6
96
|
## 7.0.0-alpha.5
|
|
7
97
|
|
|
8
98
|
_Dec 14, 2023_
|
|
@@ -43,12 +133,93 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.5`.
|
|
|
43
133
|
- The slot interfaces got renamed to match with `@mui/base` naming.
|
|
44
134
|
The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsProps` with `SlotProps`.
|
|
45
135
|
|
|
46
|
-
```diff
|
|
47
|
-
- DateCalendarSlotsComponent
|
|
48
|
-
+ DateCalendarSlots
|
|
49
|
-
- DateCalendarSlotsComponentsProps
|
|
50
|
-
+ DateCalendarSlotProps
|
|
51
|
-
```
|
|
136
|
+
```diff
|
|
137
|
+
- DateCalendarSlotsComponent
|
|
138
|
+
+ DateCalendarSlots
|
|
139
|
+
- DateCalendarSlotsComponentsProps
|
|
140
|
+
+ DateCalendarSlotProps
|
|
141
|
+
```
|
|
142
|
+
|
|
143
|
+
- Move `inputRef` inside the props passed to the field hooks
|
|
144
|
+
|
|
145
|
+
The field hooks now only receive the props instead of an object containing both the props and the `inputRef`.
|
|
146
|
+
|
|
147
|
+
```diff
|
|
148
|
+
- const { inputRef, ...otherProps } = props
|
|
149
|
+
- const fieldResponse = useDateField({ props: otherProps, inputRef });
|
|
150
|
+
+ const fieldResponse = useDateField(props);
|
|
151
|
+
```
|
|
152
|
+
|
|
153
|
+
If you are using a multi input range field hook, the same applies to `startInputRef` and `endInputRef` params
|
|
154
|
+
|
|
155
|
+
```diff
|
|
156
|
+
- const { inputRef: startInputRef, ...otherStartTextFieldProps } = startTextFieldProps
|
|
157
|
+
- const { inputRef: endInputRef, ...otherEndTextFieldProps } = endTextFieldProps
|
|
158
|
+
|
|
159
|
+
const fieldResponse = useMultiInputDateRangeField({
|
|
160
|
+
sharedProps,
|
|
161
|
+
- startTextFieldProps: otherStartTextFieldProps,
|
|
162
|
+
- endTextFieldProps: otherEndTextFieldProps,
|
|
163
|
+
- startInputRef
|
|
164
|
+
- endInputRef,
|
|
165
|
+
+ startTextFieldProps,
|
|
166
|
+
+ endTextFieldProps
|
|
167
|
+
});
|
|
168
|
+
```
|
|
169
|
+
|
|
170
|
+
- Rename the ref returned by the field hooks to `inputRef`
|
|
171
|
+
|
|
172
|
+
When used with the v6 TextField approach (where the input is an `<input />` HTML element), the field hooks return a ref that needs to be passed to the `<input />` element.
|
|
173
|
+
This ref was previously named `ref` and has been renamed `inputRef` for extra clarity.
|
|
174
|
+
|
|
175
|
+
```diff
|
|
176
|
+
const fieldResponse = useDateField(props);
|
|
177
|
+
|
|
178
|
+
- return <input ref={fieldResponse.ref} />
|
|
179
|
+
+ return <input ref={fieldResponse.inputRef} />
|
|
180
|
+
```
|
|
181
|
+
|
|
182
|
+
If you are using a multi input range field hook, the same applies to the ref in the `startDate` and `endDate` objects
|
|
183
|
+
|
|
184
|
+
```diff
|
|
185
|
+
const fieldResponse = useDateField(props);
|
|
186
|
+
|
|
187
|
+
return (
|
|
188
|
+
<div>
|
|
189
|
+
- <input ref={fieldResponse.startDate.ref} />
|
|
190
|
+
+ <input ref={fieldResponse.startDate.inputRef} />
|
|
191
|
+
<span>–</span>
|
|
192
|
+
- <input ref={fieldResponse.endDate.ref} />
|
|
193
|
+
+ <input ref={fieldResponse.endDate.inputRef} />
|
|
194
|
+
</div>
|
|
195
|
+
)
|
|
196
|
+
```
|
|
197
|
+
|
|
198
|
+
- Restructure the API of `useClearableField`
|
|
199
|
+
|
|
200
|
+
The `useClearableField` hook API has been simplified to now take a `props` parameter instead of a `fieldProps`, `InputProps`, `clearable`, `onClear`, `slots` and `slotProps` parameters.
|
|
201
|
+
|
|
202
|
+
You should now be able to directly pass the returned value from your field hook (e.g: `useDateField`) to `useClearableField`
|
|
203
|
+
|
|
204
|
+
```diff
|
|
205
|
+
const fieldResponse = useDateField(props);
|
|
206
|
+
|
|
207
|
+
- const { InputProps, onClear, clearable, slots, slotProps, ...otherFieldProps } = fieldResponse
|
|
208
|
+
- const { InputProps: ProcessedInputProps, fieldProps: processedFieldProps } = useClearableField({
|
|
209
|
+
- fieldProps: otherFieldProps,
|
|
210
|
+
- InputProps,
|
|
211
|
+
- clearable,
|
|
212
|
+
- onClear,
|
|
213
|
+
- slots,
|
|
214
|
+
- slotProps,
|
|
215
|
+
- });
|
|
216
|
+
-
|
|
217
|
+
- return <MyCustomTextField {...processedFieldProps} InputProps={ProcessedInputProps} />
|
|
218
|
+
|
|
219
|
+
+ const processedFieldProps = useClearableField(fieldResponse);
|
|
220
|
+
+
|
|
221
|
+
+ return <MyCustomTextField {...processedFieldProps} />
|
|
222
|
+
```
|
|
52
223
|
|
|
53
224
|
#### `@mui/x-date-pickers@7.0.0-alpha.5`
|
|
54
225
|
|
|
@@ -1029,6 +1200,55 @@ Here is an example of the renaming for the `<ChartsTooltip />` component.
|
|
|
1029
1200
|
- [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
|
|
1030
1201
|
- [license] Correctly throw errors (#10924) @oliviertassinari
|
|
1031
1202
|
|
|
1203
|
+
## 6.18.6
|
|
1204
|
+
|
|
1205
|
+
_Dec 22, 2023_
|
|
1206
|
+
|
|
1207
|
+
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
|
|
1208
|
+
|
|
1209
|
+
- 🌍 Improve Russian (ru-RU) locale (#11429) @wensiet
|
|
1210
|
+
- 🐞 Bugfixes
|
|
1211
|
+
|
|
1212
|
+
### Data Grid
|
|
1213
|
+
|
|
1214
|
+
#### `@mui/x-data-grid@6.18.6`
|
|
1215
|
+
|
|
1216
|
+
- [DataGrid] Fix typos in the JSDoc (#11475) @flaviendelangle
|
|
1217
|
+
- [l10n] Improve Russian (ru-RU) locale (#11429) @wensiet
|
|
1218
|
+
|
|
1219
|
+
#### `@mui/x-data-grid-pro@6.18.6` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
1220
|
+
|
|
1221
|
+
Same changes as in `@mui/x-data-grid@6.18.6`.
|
|
1222
|
+
|
|
1223
|
+
#### `@mui/x-data-grid-premium@6.18.6` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
1224
|
+
|
|
1225
|
+
Same changes as in `@mui/x-data-grid-pro@6.18.6`.
|
|
1226
|
+
|
|
1227
|
+
### Date Pickers
|
|
1228
|
+
|
|
1229
|
+
#### `@mui/x-date-pickers@6.18.6`
|
|
1230
|
+
|
|
1231
|
+
- [fields] Fix section pasting (#11467) @LukasTy
|
|
1232
|
+
|
|
1233
|
+
#### `@mui/x-date-pickers-pro@6.18.6` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
1234
|
+
|
|
1235
|
+
Same changes as in `@mui/x-date-pickers@6.18.6`.
|
|
1236
|
+
|
|
1237
|
+
### Charts / `@mui/x-charts@6.18.6`
|
|
1238
|
+
|
|
1239
|
+
- [charts] Allow percentage values for pie chart center and radius (#11464) @alexfauquette
|
|
1240
|
+
- [charts] Make error message more explicit (#11457) @alexfauquette
|
|
1241
|
+
- [charts] Make the helper `ChartsText` component public (#11370) @alexfauquette
|
|
1242
|
+
- [charts] Improve dataset typing (#11372) @alexfauquette
|
|
1243
|
+
- [charts] Fix size overflow (#11385) @alexfauquette
|
|
1244
|
+
|
|
1245
|
+
### Docs
|
|
1246
|
+
|
|
1247
|
+
- [docs] Document false default values for boolean props (#11489) @cherniavskii
|
|
1248
|
+
- [docs] Improve Pickers `name` prop examples (#11442) @LukasTy
|
|
1249
|
+
- [docs] Limit `date-fns` package to v2 in codesandbox (#11478) @LukasTy
|
|
1250
|
+
- [test] Reload the page if its blank and there are no links to the remaining tests (#11471) @cherniavskii
|
|
1251
|
+
|
|
1032
1252
|
## 6.18.5
|
|
1033
1253
|
|
|
1034
1254
|
_Dec 14, 2023_
|
package/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTcwMzIyMTIwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
package/legacy/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export var getReleaseInfo = function getReleaseInfo() {
|
|
3
|
-
var releaseInfo = "
|
|
3
|
+
var releaseInfo = "MTcwMzIyMTIwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
package/modern/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTcwMzIyMTIwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
package/node/index.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.getReleaseInfo = void 0;
|
|
7
7
|
var _utils = require("@mui/utils");
|
|
8
8
|
const getReleaseInfo = () => {
|
|
9
|
-
const releaseInfo = "
|
|
9
|
+
const releaseInfo = "MTcwMzIyMTIwMDAwMA==";
|
|
10
10
|
if (process.env.NODE_ENV !== 'production') {
|
|
11
11
|
// A simple hack to set the value in the test environment (has no build step).
|
|
12
12
|
// eslint-disable-next-line no-useless-concat
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-date-pickers-pro",
|
|
3
|
-
"version": "7.0.0-alpha.
|
|
3
|
+
"version": "7.0.0-alpha.6",
|
|
4
4
|
"description": "The commercial edition of the date picker components (MUI X).",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./node/index.js",
|
|
@@ -32,10 +32,10 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.23.5",
|
|
35
|
-
"@mui/base": "^5.0.0-beta.
|
|
36
|
-
"@mui/system": "^5.
|
|
37
|
-
"@mui/utils": "^5.
|
|
38
|
-
"@mui/x-date-pickers": "7.0.0-alpha.
|
|
35
|
+
"@mui/base": "^5.0.0-beta.27",
|
|
36
|
+
"@mui/system": "^5.15.0",
|
|
37
|
+
"@mui/utils": "^5.15.0",
|
|
38
|
+
"@mui/x-date-pickers": "7.0.0-alpha.6",
|
|
39
39
|
"@mui/x-license-pro": "7.0.0-alpha.1",
|
|
40
40
|
"clsx": "^2.0.0",
|
|
41
41
|
"prop-types": "^15.8.1",
|