@mui/x-data-grid-pro 7.0.0-alpha.7 → 7.0.0-alpha.8

package/CHANGELOG.md

@@ -3,6 +3,90 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.0.0-alpha.8
+
+_Jan 11, 2024_
+
+We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- ⏰ Support date-fns v3 (#11659) @LukasTy
+  Pickers support both v2 and v3 of date-fns. For v3 use `AdapterDateFnsV3`.
+  ```js
+  // with date-fns v2.x
+  import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+  import de from 'date-fns/locale/de';
+  ```
+  ```js
+  // with date-fns v3.x
+  import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';
+  import { de } from 'date-fns/locale/de';
+  ```
+
+### Data Grid
+
+#### Breaking changes
+
+- The import path for locales has been changed:
+
+  ```diff
+  -import { enUS } from '@mui/x-data-grid';
+  +import { enUS } from '@mui/x-data-grid/locales';
+
+  -import { enUS } from '@mui/x-data-grid-pro';
+  +import { enUS } from '@mui/x-data-grid-pro/locales';
+
+  -import { enUS } from '@mui/x-data-grid-premium';
+  +import { enUS } from '@mui/x-data-grid-premium/locales';
+  ```
+
+#### `@mui/x-data-grid@7.0.0-alpha.8`
+
+- [DataGrid] Stop exporting locales from the package root (#11614) @cherniavskii
+
+#### `@mui/x-data-grid-pro@7.0.0-alpha.8` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.0.0-alpha.8`.
+
+#### `@mui/x-data-grid-premium@7.0.0-alpha.8` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.8`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@7.0.0-alpha.8`
+
+- [pickers] Add `date-fns@3.x` adapter (#11462) @LukasTy
+- [pickers] Avoid deeper than 2nd level imports (#11588) @LukasTy
+- [pickers] Fix clearable behavior blocking focus return to `OpenPickerButton` (#11642) @noraleonte
+- [pickers] Move `DateRange` to `@mui/x-date-pickers-pro/models` (#11611) @flaviendelangle
+- [l10n] Add missing Danish (da-DK) locale export (#11640) @etlos
+
+#### `@mui/x-date-pickers-pro@7.0.0-alpha.8` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.0.0-alpha.8`.
+
+### Tree View / `@mui/x-tree-view@7.0.0-alpha.8`
+
+- [tree view] Cleanup `onKeyDown` handler (#11481) @flaviendelangle
+- [tree view] Define the parameters used by each plugin to avoid listing them in each component (#11473) @flaviendelangle
+
+### Docs
+
+- [docs] Fix parsing of `x-date-pickers-pro` demo adapter imports (#11628) @LukasTy
+- [docs] Improve `git diff` format @oliviertassinari
+- [docs] Push up the MUI X brand (#11533) @oliviertassinari
+- [docs] Remove old data grid translation files (#11646) @cherniavskii
+- [docs] Improve Server-side data grid docs (#11589) @oliviertassinari
+- [docs] Improve charts landing page (#11570) @oliviertassinari
+
+### Core
+
+- [core] Lock `jsdom` version (#11652) @cherniavskii
+- [core] Remove PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD (#11608) @oliviertassinari
+- [core] Simplify isSsr logic (#11606) @oliviertassinari
+- [core] Sync playwright cache between MUI X and Material UI (#11607) @oliviertassinari
+- [core] Use MUI X official name in errors (#11645) @oliviertassinari
+
 ## 7.0.0-alpha.7
 
 _Jan 5, 2024_
@@ -28,7 +112,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
       label: 'Node 2',
     },
   ];
-  
+
   <RichTreeView
     items={MUI_X_PRODUCTS}
     defaultCollapseIcon={<ExpandMoreIcon />}
@@ -88,10 +172,10 @@ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.7`.
     <TreeView
   -   onNodeToggle={handleExpansionChange}
   +   onExpandedNodesChange={handleExpansionChange}
-  
+
   -   expanded={expandedNodes}
   +   expandedNodes={expandedNodes}
-  
+
   -   defaultExpanded={defaultExpandedNodes}
   +   defaultExpandedNodes={defaultExpandedNodes}
     />
@@ -274,10 +358,10 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.5`.
 The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsProps` with `SlotProps`.
 
   ```diff
-  - DateCalendarSlotsComponent
-  + DateCalendarSlots
-  - DateCalendarSlotsComponentsProps
-  + DateCalendarSlotProps
+  -DateCalendarSlotsComponent
+  -DateCalendarSlotsComponentsProps
+  +DateCalendarSlots
+  +DateCalendarSlotProps
   ```
 
 - Move `inputRef` inside the props passed to the field hooks
@@ -285,26 +369,26 @@ The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsP
   The field hooks now only receive the props instead of an object containing both the props and the `inputRef`.
 
   ```diff
-  - const { inputRef, ...otherProps } = props
-  - const fieldResponse = useDateField({ props: otherProps, inputRef });
-  + const fieldResponse = useDateField(props);
+  -const { inputRef, ...otherProps } = props
+  -const fieldResponse = useDateField({ props: otherProps, inputRef });
+  +const fieldResponse = useDateField(props);
   ```
 
   If you are using a multi input range field hook, the same applies to `startInputRef` and `endInputRef` params
 
   ```diff
-  - const { inputRef: startInputRef, ...otherStartTextFieldProps } = startTextFieldProps
-  - const { inputRef: endInputRef, ...otherEndTextFieldProps } = endTextFieldProps
-
-    const fieldResponse = useMultiInputDateRangeField({
-      sharedProps,
-  -   startTextFieldProps: otherStartTextFieldProps,
-  -   endTextFieldProps: otherEndTextFieldProps,
-  -   startInputRef
-  -   endInputRef,
-  +   startTextFieldProps, 
-  +   endTextFieldProps
-    });
+  -const { inputRef: startInputRef, ...otherStartTextFieldProps } = startTextFieldProps
+  -const { inputRef: endInputRef, ...otherEndTextFieldProps } = endTextFieldProps
+
+   const fieldResponse = useMultiInputDateRangeField({
+     sharedProps,
+  -  startTextFieldProps: otherStartTextFieldProps,
+  -  endTextFieldProps: otherEndTextFieldProps,
+  -  startInputRef
+  -  endInputRef,
+  +  startTextFieldProps,
+  +  endTextFieldProps
+   });
   ```
 
 - Rename the ref returned by the field hooks to `inputRef`
@@ -313,26 +397,26 @@ The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsP
   This ref was previously named `ref` and has been renamed `inputRef` for extra clarity.
 
   ```diff
-    const fieldResponse = useDateField(props);
+   const fieldResponse = useDateField(props);
 
-  - return <input ref={fieldResponse.ref} /> 
-  + return <input ref={fieldResponse.inputRef} />
+  -return <input ref={fieldResponse.ref} />
+  +return <input ref={fieldResponse.inputRef} />
   ```
 
   If you are using a multi input range field hook, the same applies to the ref in the `startDate` and `endDate` objects
 
   ```diff
-    const fieldResponse = useDateField(props);
+   const fieldResponse = useDateField(props);
 
-    return (
-      <div>
-  -     <input ref={fieldResponse.startDate.ref} />
-  +     <input ref={fieldResponse.startDate.inputRef} />
-        <span>–</span>
-  -     <input ref={fieldResponse.endDate.ref} />
-  +     <input ref={fieldResponse.endDate.inputRef} />
-      </div>
-    )
+   return (
+     <div>
+  -    <input ref={fieldResponse.startDate.ref} />
+  +    <input ref={fieldResponse.startDate.inputRef} />
+       <span>–</span>
+  -    <input ref={fieldResponse.endDate.ref} />
+  +    <input ref={fieldResponse.endDate.inputRef} />
+     </div>
+   )
   ```
 
 - Restructure the API of `useClearableField`
@@ -342,23 +426,23 @@ The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsP
   You should now be able to directly pass the returned value from your field hook (e.g: `useDateField`) to `useClearableField`
 
   ```diff
-    const fieldResponse = useDateField(props);
-
-  - const { InputProps, onClear, clearable, slots, slotProps, ...otherFieldProps } = fieldResponse
-  - const { InputProps: ProcessedInputProps, fieldProps: processedFieldProps } = useClearableField({
-  -   fieldProps: otherFieldProps,
-  -   InputProps,
-  -   clearable,
-  -   onClear,
-  -   slots,
-  -   slotProps,
-  - }); 
+   const fieldResponse = useDateField(props);
+
+  -const { InputProps, onClear, clearable, slots, slotProps, ...otherFieldProps } = fieldResponse
+  -const { InputProps: ProcessedInputProps, fieldProps: processedFieldProps } = useClearableField({
+  -  fieldProps: otherFieldProps,
+  -  InputProps,
+  -  clearable,
+  -  onClear,
+  -  slots,
+  -  slotProps,
+  -});
   -
-  -  return <MyCustomTextField {...processedFieldProps} InputProps={ProcessedInputProps} />
+  - return <MyCustomTextField {...processedFieldProps} InputProps={ProcessedInputProps} />
 
-  + const processedFieldProps = useClearableField(fieldResponse);
+  +const processedFieldProps = useClearableField(fieldResponse);
   +
-  + return <MyCustomTextField {...processedFieldProps} />
+  +return <MyCustomTextField {...processedFieldProps} />
   ```
 
 #### `@mui/x-date-pickers@7.0.0-alpha.5`
@@ -1340,6 +1424,48 @@ Here is an example of the renaming for the `<ChartsTooltip />` component.
 - [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
 - [license] Correctly throw errors (#10924) @oliviertassinari
 
+## 6.19.0
+
+_Jan 11, 2024_
+
+We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
+
+- ⏰ Support date-fns v3 (#11659) @LukasTy
+  Pickers support both v2 and v3 of date-fns. For v3 use `AdapterDateFnsV3`.
+  ```js
+  // with date-fns v2.x
+  import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+  import de from 'date-fns/locale/de';
+  ```
+  ```js
+  // with date-fns v3.x
+  import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';
+  import { de } from 'date-fns/locale/de';
+  ```
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.19.0`
+
+- [pickers] Add date-fns@3.x adapter (#11659) @LukasTy
+- [pickers] Fix clearable behavior blocking focus return to `OpenPickerButton` (#11643) @noraleonte
+- [l10n] Add missing Danish (da-DK) locale export (#11641) @etlos
+
+#### `@mui/x-date-pickers-pro@6.19.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.19.0`.
+
+### Docs
+
+- [docs] Add missing component @oliviertassinari
+- [docs] Fix parsing of `x-date-pickers-pro` demo adapter imports (#11637) @LukasTy
+- [docs] Push up the MUI X brand (#11533) @oliviertassinari
+- [docs] Improve Server-side data grid docs (#11589) @oliviertassinari
+- [docs] Add demo to the charts overview page (#11586) @danilo-leal
+- [docs] Fix 404 links in the docs @oliviertassinari
+- [docs] Improve landing page (#11570) @oliviertassinari
+- [docs] Give a general revision to the docs (#11249) @danilo-leal
+
 ## 6.18.7
 
 _Jan 5, 2024_

package/DataGridPro/DataGrid.js

@@ -1,7 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataGrid = DataGrid;
+exports.DataGridPremium = DataGridPremium;
 /**
  * @deprecated Import DataGridPro instead.
  */
-export function DataGrid() {
+function DataGrid() {
   if (process.env.NODE_ENV === 'production') {
     return null;
   }
@@ -11,7 +18,7 @@ export function DataGrid() {
 /**
  * @deprecated Import DataGridPro instead.
  */
-export function DataGridPremium() {
+function DataGridPremium() {
   if (process.env.NODE_ENV === 'production') {
     return null;
   }