@mui/x-date-pickers 7.0.0-alpha.3 → 7.0.0-alpha.4

package/AdapterLuxon/AdapterLuxon.d.ts

@@ -38,12 +38,12 @@ export declare class AdapterLuxon implements MuiPickersAdapter<DateTime, string>
     formatTokenMap: FieldFormatTokenMap;
     constructor({ locale, formats }?: AdapterOptions<string, never>);
     private setLocaleToValue;
-    date: <T extends string | null | undefined>(value?: T | undefined, timezone?: PickersTimezone) => DateBuilderReturnType<T, DateTime>;
-    getInvalidDate: () => DateTime;
+    date: <T extends string | null | undefined>(value?: T | undefined, timezone?: PickersTimezone) => DateBuilderReturnType<T, DateTime<boolean>>;
+    getInvalidDate: () => DateTime<true> | DateTime<false>;
     getTimezone: (value: DateTime) => string;
     setTimezone: (value: DateTime, timezone: PickersTimezone) => DateTime;
     toJsDate: (value: DateTime) => Date;
-    parse: (value: string, formatString: string) => DateTime | null;
+    parse: (value: string, formatString: string) => DateTime<true> | DateTime<false> | null;
     getCurrentLocaleCode: () => string;
     is12HourCycleInCurrentLocale: () => boolean;
     expandFormat: (format: string) => string;
@@ -63,21 +63,21 @@ export declare class AdapterLuxon implements MuiPickersAdapter<DateTime, string>
     isBeforeYear: (value: DateTime, comparing: DateTime) => boolean;
     isBeforeDay: (value: DateTime, comparing: DateTime) => boolean;
     isWithinRange: (value: DateTime, [start, end]: [DateTime, DateTime]) => boolean;
-    startOfYear: (value: DateTime) => DateTime;
-    startOfMonth: (value: DateTime) => DateTime;
-    startOfWeek: (value: DateTime) => DateTime;
-    startOfDay: (value: DateTime) => DateTime;
-    endOfYear: (value: DateTime) => DateTime;
-    endOfMonth: (value: DateTime) => DateTime;
-    endOfWeek: (value: DateTime) => DateTime;
-    endOfDay: (value: DateTime) => DateTime;
-    addYears: (value: DateTime, amount: number) => DateTime;
-    addMonths: (value: DateTime, amount: number) => DateTime;
-    addWeeks: (value: DateTime, amount: number) => DateTime;
-    addDays: (value: DateTime, amount: number) => DateTime;
-    addHours: (value: DateTime, amount: number) => DateTime;
-    addMinutes: (value: DateTime, amount: number) => DateTime;
-    addSeconds: (value: DateTime, amount: number) => DateTime;
+    startOfYear: (value: DateTime) => DateTime<boolean>;
+    startOfMonth: (value: DateTime) => DateTime<boolean>;
+    startOfWeek: (value: DateTime) => DateTime<boolean>;
+    startOfDay: (value: DateTime) => DateTime<boolean>;
+    endOfYear: (value: DateTime) => DateTime<boolean>;
+    endOfMonth: (value: DateTime) => DateTime<boolean>;
+    endOfWeek: (value: DateTime) => DateTime<boolean>;
+    endOfDay: (value: DateTime) => DateTime<boolean>;
+    addYears: (value: DateTime, amount: number) => DateTime<boolean>;
+    addMonths: (value: DateTime, amount: number) => DateTime<boolean>;
+    addWeeks: (value: DateTime, amount: number) => DateTime<boolean>;
+    addDays: (value: DateTime, amount: number) => DateTime<boolean>;
+    addHours: (value: DateTime, amount: number) => DateTime<boolean>;
+    addMinutes: (value: DateTime, amount: number) => DateTime<boolean>;
+    addSeconds: (value: DateTime, amount: number) => DateTime<boolean>;
     getYear: (value: DateTime) => number;
     getMonth: (value: DateTime) => number;
     getDate: (value: DateTime) => number;
@@ -85,15 +85,15 @@ export declare class AdapterLuxon implements MuiPickersAdapter<DateTime, string>
     getMinutes: (value: DateTime) => number;
     getSeconds: (value: DateTime) => number;
     getMilliseconds: (value: DateTime) => number;
-    setYear: (value: DateTime, year: number) => DateTime;
-    setMonth: (value: DateTime, month: number) => DateTime;
-    setDate: (value: DateTime, date: number) => DateTime;
-    setHours: (value: DateTime, hours: number) => DateTime;
-    setMinutes: (value: DateTime, minutes: number) => DateTime;
-    setSeconds: (value: DateTime, seconds: number) => DateTime;
-    setMilliseconds: (value: DateTime, milliseconds: number) => DateTime;
+    setYear: (value: DateTime, year: number) => DateTime<boolean>;
+    setMonth: (value: DateTime, month: number) => DateTime<boolean>;
+    setDate: (value: DateTime, date: number) => DateTime<boolean>;
+    setHours: (value: DateTime, hours: number) => DateTime<boolean>;
+    setMinutes: (value: DateTime, minutes: number) => DateTime<boolean>;
+    setSeconds: (value: DateTime, seconds: number) => DateTime<boolean>;
+    setMilliseconds: (value: DateTime, milliseconds: number) => DateTime<boolean>;
     getDaysInMonth: (value: DateTime) => import("luxon").PossibleDaysInMonth;
-    getWeekArray: (value: DateTime) => DateTime[][];
+    getWeekArray: (value: DateTime) => DateTime<boolean>[][];
     getWeekNumber: (value: DateTime) => any;
-    getYearRange: ([start, end]: [DateTime, DateTime]) => DateTime[];
+    getYearRange: ([start, end]: [DateTime, DateTime]) => DateTime<boolean>[];
 }

package/AdapterLuxon/AdapterLuxon.js

@@ -231,7 +231,6 @@ export class AdapterLuxon {
       if (typeof Intl === 'undefined' || typeof Intl.DateTimeFormat === 'undefined') {
         return true; // Luxon defaults to en-US if Intl not found
       }
-
       return Boolean((_Intl$DateTimeFormat = new Intl.DateTimeFormat(this.locale, {
         hour: 'numeric'
       })) == null || (_Intl$DateTimeFormat = _Intl$DateTimeFormat.resolvedOptions()) == null ? void 0 : _Intl$DateTimeFormat.hour12);

package/CHANGELOG.md

@@ -3,6 +3,89 @@
 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.4
+
+_Dec 8, 2023_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 The scatter charts now use voronoi to trigger items
+
+  Users needed to hover the item to highlight the scatter item or show the tooltip.
+  Now they can interact with data by triggering the closest element. See the [docs page](https://next.mui.com/x/react-charts/scatter/#interaction) for more info.
+
+- 📚 Add [Pickers FAQ page](https://next.mui.com/x/react-date-pickers/faq/)
+- 🎉 The Data Grid Header filters feature is now stable
+- 🌍 Improve Danish (da-DK) locale on Data Grid
+- 🐞 Bugfixes
+
+### Data Grid
+
+#### Breaking changes
+
+- The header filters feature is now stable. `unstable_` prefix is removed from prop `headerFilters` and related exports.
+  See [migration docs](https://next.mui.com/x/migration/migration-data-grid-v6/#filtering) for more details.
+
+- The `GridColDef['type']` has been narrowed down to only accept the built-in column types.
+  TypeScript users need to use the `GridColDef` interface when defining columns:
+
+  ```tsx
+  // 🛑 `type` is inferred as `string` and is too wide
+  const columns = [{ type: 'number', field: 'id' }];
+  <DataGrid columns={columns} />;
+
+  // ✅ `type` is `'number'`
+  const columns: GridColDef[] = [{ type: 'number', field: 'id' }];
+  <DataGrid columns={columns} />;
+
+  // ✅ Alternalively, `as const` can be used to narrow down the type
+  const columns = [{ type: 'number' as const, field: 'id' }];
+  <DataGrid columns={columns} />;
+  ```
+
+#### `@mui/x-data-grid@7.0.0-alpha.4`
+
+- [DataGrid] Added a guard for reorder cells (#11159) @michelengelen
+- [DataGrid] Narrow down `GridColDef['type']` (#11270) @cherniavskii
+- [l10n] Improve Danish (da-DK) locale (#11304) @goibon
+
+#### `@mui/x-data-grid-pro@7.0.0-alpha.4` [![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.4`, plus:
+
+- [DataGridPro] Make header filters feature stable (#11243) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@7.0.0-alpha.4` [![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.4`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@7.0.0-alpha.4`
+
+- [fields] Rework `PickersTextField` (#11258) @flaviendelangle
+- [pickers] Fix `MultiSectionDigitalClock` issues (#11305) @LukasTy
+- [pickers] Fix views height consistency (#11337) @LukasTy
+
+#### `@mui/x-date-pickers-pro@7.0.0-alpha.4` [![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.4`.
+
+### Charts / `@mui/x-charts@7.0.0-alpha.4`
+
+- [charts] Remove animation on sparkline (#11311) @oliviertassinari
+- [charts] Use voronoi cells to trigger interaction with scatter items (#10981) @alexfauquette
+- [charts] Add `@mui/utils` as a dependency (#11351) @michelengelen
+
+### Docs
+
+- [docs] Add FAQ page (#11271) @noraleonte
+- [docs] Add a doc section on how to override the start of the week with each adapter (#11223) @flaviendelangle
+- [docs] Added params to `onPaginationModelChange` docs (#10191) @JFBenzs
+- [docs] Fix typo (#11324) @cadam11
+- [docs] Improve `DemoContainer` styling coverage (#11315) @LukasTy
+- [docs] General revision of the Charts docs (#11249) @danilo-leal
+
 ## 7.0.0-alpha.3
 
 _Dec 4, 2023_
@@ -866,6 +949,46 @@ 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.18.4
+
+_Dec 8, 2023_
+
+We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+- 📚 Add [Pickers FAQ page](https://mui.com/x/react-date-pickers/faq/)
+- 🌍 Improve Danish (da-DK) locale on Data Grid
+- 🐞 Bugfixes
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.18.4`
+
+- [DataGrid] Fix cell slot style override (#11215) @oliviertassinari
+- [l10n] Improve Danish (da-DK) locale (#11346) @goibon
+
+#### `@mui/x-data-grid-pro@6.18.4` [![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@6.18.4`.
+
+#### `@mui/x-data-grid-premium@6.18.4` [![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@6.18.4`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.18.4`
+
+- [pickers] Fix `MultiSectionDigitalClock` issues (#11308) @LukasTy
+
+#### `@mui/x-date-pickers-pro@6.18.4` [![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.18.4`.
+
+### Docs
+
+- [docs] Fix typo (#11323) @cadam11
+- [docs] Add FAQ page (#11347) @noraleonte
+
 ## 6.18.3
 
 _Dec 4, 2023_

package/DateCalendar/useCalendarState.js

@@ -61,7 +61,6 @@ export const useCalendarState = params => {
     });
   }, [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   const [calendarState, dispatch] = React.useReducer(reducerFn, {
     isMonthSwitchingAnimating: false,
     focusedDay: referenceDate,

package/MonthCalendar/MonthCalendar.js

@@ -110,7 +110,6 @@ export const MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalenda
     granularity: SECTION_TYPE_GRANULARITY.month
   }), [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const todayMonth = React.useMemo(() => utils.getMonth(now), [utils, now]);

package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -36,7 +36,12 @@ const MultiSectionDigitalClockSectionRoot = styled(MenuList, {
   '@media (prefers-reduced-motion: no-preference)': {
     scrollBehavior: ownerState.alreadyRendered ? 'smooth' : 'auto'
   },
-  '&:hover': {
+  '@media (pointer: fine)': {
+    '&:hover': {
+      overflowY: 'auto'
+    }
+  },
+  '@media (pointer: none), (pointer: coarse)': {
     overflowY: 'auto'
   },
   '&:not(:first-of-type)': {
@@ -154,7 +159,8 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
         "aria-disabled": readOnly,
         "aria-label": option.ariaLabel,
         "aria-selected": isSelected,
-        tabIndex: tabIndex
+        tabIndex: tabIndex,
+        className: classes.item
       }, slotProps == null ? void 0 : slotProps.digitalClockSectionItem, {
         children: option.label
       }), option.label);

package/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js

@@ -1,6 +1,6 @@
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getMultiSectionDigitalClockSectionUtilityClass(slot) {
-  return generateUtilityClass('MuiMultiSectionDigitalClock', slot);
+  return generateUtilityClass('MuiMultiSectionDigitalClockSection', slot);
 }
-export const multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClock', ['root', 'item']);
+export const multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClockSection', ['root', 'item']);

package/PickersCalendarHeader/PickersCalendarHeader.js

@@ -38,13 +38,13 @@ const PickersCalendarHeaderRoot = styled('div', {
 })({
   display: 'flex',
   alignItems: 'center',
-  marginTop: 16,
-  marginBottom: 8,
+  marginTop: 12,
+  marginBottom: 4,
   paddingLeft: 24,
   paddingRight: 12,
   // prevent jumping in safari
-  maxHeight: 30,
-  minHeight: 30
+  maxHeight: 40,
+  minHeight: 40
 });
 const PickersCalendarHeaderLabelContainer = styled('div', {
   name: 'MuiPickersCalendarHeader',

package/TimeClock/Clock.js

@@ -276,7 +276,6 @@ export function Clock(inProps) {
       // do nothing
     }
   };
-
   return /*#__PURE__*/_jsxs(ClockRoot, {
     className: clsx(className, classes.root),
     children: [/*#__PURE__*/_jsxs(ClockClock, {

package/TimeClock/ClockPointer.js

@@ -85,7 +85,6 @@ export function ClockPointer(inProps) {
     if (type === 'hours' && viewValue > 12) {
       angle -= 360; // round up angle to max 360 degrees
     }
-
     return {
       height: Math.round((isInner ? 0.26 : 0.4) * CLOCK_WIDTH),
       transform: `rotateZ(${angle}deg)`

package/YearCalendar/YearCalendar.js

@@ -116,7 +116,6 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
     granularity: SECTION_TYPE_GRANULARITY.year
   }), [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const todayYear = React.useMemo(() => utils.getYear(now), [utils, now]);

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.0.0-alpha.3
+ * @mui/x-date-pickers v7.0.0-alpha.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/PickersTextField/Outline.d.ts

@@ -1,2 +1,8 @@
 import * as React from 'react';
-export default function Outline(props: any): React.JSX.Element;
+interface OutlineProps extends React.HTMLAttributes<HTMLFieldSetElement> {
+    notched: boolean;
+    shrink: boolean;
+    label: React.ReactNode;
+}
+export default function Outline(props: OutlineProps): React.JSX.Element;
+export {};

package/internals/components/PickersTextField/Outline.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["children", "classes", "className", "label", "notched"];
+const _excluded = ["children", "className", "label"];
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -69,13 +69,11 @@ const OutlineLegend = styled('legend')(({
 export default function Outline(props) {
   const {
       className,
-      label,
-      notched
+      label
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const withLabel = label != null && label !== '';
   const ownerState = _extends({}, props, {
-    notched,
     withLabel
   });
   return /*#__PURE__*/_jsx(OutlineRoot, _extends({

package/internals/components/PickersTextField/PickersInput.d.ts

@@ -1,4 +1,3 @@
 import * as React from 'react';
 import { PickersInputProps } from './PickersInput.types';
-declare const PickersInput: React.ForwardRefExoticComponent<Omit<PickersInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default PickersInput;
+export declare const PickersInput: React.ForwardRefExoticComponent<Omit<PickersInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;