@mui/x-date-pickers 6.9.1 → 6.9.2

package/CHANGELOG.md

@@ -3,6 +3,68 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.9.2
+
+_Jul 6, 2023_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Auto-scroll when making range selection (#8661) @m4theushw
+
+- 📚 New page: Components lifecycle (#8372) @flaviendelangle
+
+  Clarify pickers events and value updates in a [single docs page](https://mui.com/x/react-date-pickers/lifecycle/).
+
+- 🥧 Add pie chart component
+
+  They are fresh from the code editor. You can visit [pie charts docs](https://mui.com/x/react-charts/pie/) or their [demo page](https://mui.com/x/react-charts/pie-demo/).
+
+  <img width="380" alt="pie-charts" src="https://github.com/mui/mui-x/assets/13808724/fe908c45-803c-4316-b913-dbd2f9f0551e">
+
+- 🐞 Bugfixes
+
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.9.2` / `@mui/x-data-grid-pro@v6.9.2` / `@mui/x-data-grid-premium@v6.9.2`
+
+#### Changes
+
+- [DataGrid] Fix `RangeError` when using flex columns (#9554) @cherniavskii
+- [DataGrid] Fix React 17 editing bug (#9530) @romgrk
+- [DataGrid] Use `getRowId` in filtering (#9564) @romgrk
+- [DataGrid] Correctly reflect `TablePagination`'s `rowsPerPageOptions` shape to `pageSizeOptions` (#9438) @burakkgunduzz
+- [DataGridPremium] Auto-scroll when making range selection (#8661) @m4theushw
+- [l10n] Improve Spanish (es-ES) locale (#9500) @fufex
+
+### `@mui/x-date-pickers@v6.9.2` / `@mui/x-date-pickers-pro@v6.9.2`
+
+#### Changes
+
+- [pickers] Forward digital clock classes (#9555) @YoonjiJang
+- [pickers] Rename `internal` folder to `internals` on `@mui/x-date-picker-pro` (#9571) @flaviendelangle
+
+### `@mui/x-charts@6.0.0-alpha.2`
+
+#### Changes
+
+- [charts] Add pie chart component (#9395) @alexfauquette
+
+### Docs
+
+- [docs] Add pickers playground (#9164) @LukasTy
+- [docs] Fix API links for pickers (#9573) @alexfauquette
+- [docs] Fix demos with `ToggleButtonGroup` (#9548) @flaviendelangle
+- [docs] Fix typos in pagination documentation page (#9332) @RatherBeLunar
+- [docs] Hide ads on paid content @oliviertassinari
+- [docs] Move the charts in the sidebar (#9437) @flaviendelangle
+- [docs] New page: Components lifecycle (#8372) @flaviendelangle
+- [docs] Remove outdated header tag @oliviertassinari
+
+### Core
+
+- [core] Fix typo in priority support @oliviertassinari
+- [core] Remove mention of Crowdin @oliviertassinari
+
 ## 6.9.1
 
 _Jun 30, 2023_

package/DigitalClock/DigitalClock.js

@@ -4,6 +4,7 @@ const _excluded = ["ampm", "timeStep", "autoFocus", "components", "componentsPro
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
+import { useSlotProps } from '@mui/base/utils';
 import { alpha, styled, useThemeProps } from '@mui/material/styles';
 import useEventCallback from '@mui/utils/useEventCallback';
 import composeClasses from '@mui/utils/composeClasses';
@@ -137,7 +138,12 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
   }), [props]);
   const classes = useUtilityClasses(ownerState);
   const ClockItem = (_ref = (_slots$digitalClockIt = slots == null ? void 0 : slots.digitalClockItem) != null ? _slots$digitalClockIt : components == null ? void 0 : components.DigitalClockItem) != null ? _ref : DigitalClockItem;
-  const clockItemProps = (_slotProps$digitalClo = slotProps == null ? void 0 : slotProps.digitalClockItem) != null ? _slotProps$digitalClo : componentsProps == null ? void 0 : componentsProps.digitalClockItem;
+  const clockItemProps = useSlotProps({
+    elementType: ClockItem,
+    externalSlotProps: (_slotProps$digitalClo = slotProps == null ? void 0 : slotProps.digitalClockItem) != null ? _slotProps$digitalClo : componentsProps == null ? void 0 : componentsProps.digitalClockItem,
+    ownerState: {},
+    className: classes.item
+  });
   const valueOrReferenceDate = useClockReferenceDate({
     value,
     referenceDate: referenceDateProp,
@@ -219,6 +225,7 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
       autoFocusItem: autoFocus || !!focusedView,
       role: "listbox",
       "aria-label": localeText.timePickerToolbarTitle,
+      className: classes.list,
       children: timeOptions.map(option => {
         if (skipDisabled && isTimeDisabled(option)) {
           return null;

package/README.md

@@ -7,7 +7,7 @@ It's part of MUI X, an open-core extension of MUI, with advanced components.
 
 Install the package in your project directory with:
 
-```sh
+```bash
 npm install @mui/x-date-pickers
 ```
 
@@ -19,7 +19,7 @@ We currently support 4 different date libraries:
 - [Luxon](https://moment.github.io/luxon/#/)
 - [Moment.js](https://momentjs.com/)
 
-```sh
+```bash
 // date-fns
 npm install date-fns
 // or dayjs

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.9.1
+ * @mui/x-date-pickers v6.9.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/DigitalClock/DigitalClock.js

@@ -5,6 +5,7 @@ var _excluded = ["ampm", "timeStep", "autoFocus", "components", "componentsProps
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
+import { useSlotProps } from '@mui/base/utils';
 import { alpha, styled, useThemeProps } from '@mui/material/styles';
 import useEventCallback from '@mui/utils/useEventCallback';
 import composeClasses from '@mui/utils/composeClasses';
@@ -149,7 +150,12 @@ export var DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(in
   }, [props]);
   var classes = useUtilityClasses(ownerState);
   var ClockItem = (_ref3 = (_slots$digitalClockIt = slots == null ? void 0 : slots.digitalClockItem) != null ? _slots$digitalClockIt : components == null ? void 0 : components.DigitalClockItem) != null ? _ref3 : DigitalClockItem;
-  var clockItemProps = (_slotProps$digitalClo = slotProps == null ? void 0 : slotProps.digitalClockItem) != null ? _slotProps$digitalClo : componentsProps == null ? void 0 : componentsProps.digitalClockItem;
+  var clockItemProps = useSlotProps({
+    elementType: ClockItem,
+    externalSlotProps: (_slotProps$digitalClo = slotProps == null ? void 0 : slotProps.digitalClockItem) != null ? _slotProps$digitalClo : componentsProps == null ? void 0 : componentsProps.digitalClockItem,
+    ownerState: {},
+    className: classes.item
+  });
   var valueOrReferenceDate = useClockReferenceDate({
     value: value,
     referenceDate: referenceDateProp,
@@ -234,6 +240,7 @@ export var DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(in
       autoFocusItem: autoFocus || !!focusedView,
       role: "listbox",
       "aria-label": localeText.timePickerToolbarTitle,
+      className: classes.list,
       children: timeOptions.map(function (option) {
         if (skipDisabled && isTimeDisabled(option)) {
           return null;

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.9.1
+ * @mui/x-date-pickers v6.9.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/DigitalClock/DigitalClock.js

@@ -4,6 +4,7 @@ const _excluded = ["ampm", "timeStep", "autoFocus", "components", "componentsPro
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
+import { useSlotProps } from '@mui/base/utils';
 import { alpha, styled, useThemeProps } from '@mui/material/styles';
 import useEventCallback from '@mui/utils/useEventCallback';
 import composeClasses from '@mui/utils/composeClasses';
@@ -136,7 +137,12 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
   }), [props]);
   const classes = useUtilityClasses(ownerState);
   const ClockItem = slots?.digitalClockItem ?? components?.DigitalClockItem ?? DigitalClockItem;
-  const clockItemProps = slotProps?.digitalClockItem ?? componentsProps?.digitalClockItem;
+  const clockItemProps = useSlotProps({
+    elementType: ClockItem,
+    externalSlotProps: slotProps?.digitalClockItem ?? componentsProps?.digitalClockItem,
+    ownerState: {},
+    className: classes.item
+  });
   const valueOrReferenceDate = useClockReferenceDate({
     value,
     referenceDate: referenceDateProp,
@@ -218,6 +224,7 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
       autoFocusItem: autoFocus || !!focusedView,
       role: "listbox",
       "aria-label": localeText.timePickerToolbarTitle,
+      className: classes.list,
       children: timeOptions.map(option => {
         if (skipDisabled && isTimeDisabled(option)) {
           return null;

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.9.1
+ * @mui/x-date-pickers v6.9.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/DigitalClock/DigitalClock.js

@@ -10,6 +10,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utils = require("@mui/base/utils");
 var _styles = require("@mui/material/styles");
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
@@ -145,7 +146,12 @@ const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(inProps
   }), [props]);
   const classes = useUtilityClasses(ownerState);
   const ClockItem = slots?.digitalClockItem ?? components?.DigitalClockItem ?? DigitalClockItem;
-  const clockItemProps = slotProps?.digitalClockItem ?? componentsProps?.digitalClockItem;
+  const clockItemProps = (0, _utils.useSlotProps)({
+    elementType: ClockItem,
+    externalSlotProps: slotProps?.digitalClockItem ?? componentsProps?.digitalClockItem,
+    ownerState: {},
+    className: classes.item
+  });
   const valueOrReferenceDate = (0, _useClockReferenceDate.useClockReferenceDate)({
     value,
     referenceDate: referenceDateProp,
@@ -227,6 +233,7 @@ const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(inProps
       autoFocusItem: autoFocus || !!focusedView,
       role: "listbox",
       "aria-label": localeText.timePickerToolbarTitle,
+      className: classes.list,
       children: timeOptions.map(option => {
         if (skipDisabled && isTimeDisabled(option)) {
           return null;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.9.1
+ * @mui/x-date-pickers v6.9.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "6.9.1",
+  "version": "6.9.2",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",