@mui/x-date-pickers 6.3.1 → 6.5.0

package/tests/describeValue/testPickerActionBar.js

@@ -4,15 +4,16 @@ import { spy } from 'sinon';
 import { screen, userEvent } from '@mui/monorepo/test/utils';
 import { adapterToUse } from 'test/utils/pickers-utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const testPickerActionBar = (ElementToTest, getOptions) => {
+export const testPickerActionBar = (ElementToTest, options) => {
   const {
     componentFamily,
     render,
+    renderWithProps,
     values,
     emptyValue,
     setNewValue,
     type
-  } = getOptions();
+  } = options;
   if (componentFamily !== 'picker') {
     return;
   }
@@ -84,10 +85,12 @@ export const testPickerActionBar = (ElementToTest, getOptions) => {
         const onChange = spy();
         const onAccept = spy();
         const onClose = spy();
-        render( /*#__PURE__*/_jsx(ElementToTest, {
-          onChange: onChange,
-          onAccept: onAccept,
-          onClose: onClose,
+        const {
+          selectSection
+        } = renderWithProps({
+          onChange,
+          onAccept,
+          onClose,
           open: true,
           value: values[0],
           slotProps: {
@@ -96,11 +99,12 @@ export const testPickerActionBar = (ElementToTest, getOptions) => {
             }
           },
           closeOnSelect: false
-        }));
+        });
 
         // Change the value (already tested)
         setNewValue(values[0], {
-          isOpened: true
+          isOpened: true,
+          selectSection
         });
 
         // Cancel the modifications
@@ -146,10 +150,12 @@ export const testPickerActionBar = (ElementToTest, getOptions) => {
         const onChange = spy();
         const onAccept = spy();
         const onClose = spy();
-        render( /*#__PURE__*/_jsx(ElementToTest, {
-          onChange: onChange,
-          onAccept: onAccept,
-          onClose: onClose,
+        const {
+          selectSection
+        } = renderWithProps({
+          onChange,
+          onAccept,
+          onClose,
           open: true,
           defaultValue: values[0],
           slotProps: {
@@ -158,11 +164,12 @@ export const testPickerActionBar = (ElementToTest, getOptions) => {
             }
           },
           closeOnSelect: false
-        }));
+        });
 
         // Change the value (already tested)
         setNewValue(values[0], {
-          isOpened: true
+          isOpened: true,
+          selectSection
         });
 
         // Accept the modifications

package/tests/describeValue/testPickerOpenCloseLifeCycle.js

@@ -1,20 +1,20 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["componentFamily", "render", "values", "setNewValue"];
+const _excluded = ["componentFamily", "render", "renderWithProps", "values", "setNewValue"];
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
 import { screen, userEvent } from '@mui/monorepo/test/utils';
 import { getTextbox, openPicker } from 'test/utils/pickers-utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
-  const _getOptions = getOptions(),
-    {
+export const testPickerOpenCloseLifeCycle = (ElementToTest, options) => {
+  const {
       componentFamily,
       render,
+      renderWithProps,
       values,
       setNewValue
-    } = _getOptions,
-    pickerParams = _objectWithoutPropertiesLoose(_getOptions, _excluded);
+    } = options,
+    pickerParams = _objectWithoutPropertiesLoose(options, _excluded);
   if (componentFamily !== 'picker') {
     return;
   }
@@ -52,26 +52,30 @@ export const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
       const onChange = spy();
       const onAccept = spy();
       const onClose = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        onChange: onChange,
-        onAccept: onAccept,
-        onClose: onClose,
+      const {
+        selectSection
+      } = renderWithProps({
+        onChange,
+        onAccept,
+        onClose,
         defaultValue: values[0],
         open: true
-      }));
+      });
       expect(onChange.callCount).to.equal(0);
       expect(onAccept.callCount).to.equal(0);
       expect(onClose.callCount).to.equal(0);
 
       // Change the value
       let newValue = setNewValue(values[0], {
-        isOpened: true
+        isOpened: true,
+        selectSection
       });
       expect(onChange.callCount).to.equal(1);
       if (pickerParams.type === 'date-range') {
         newValue = setNewValue(newValue, {
           isOpened: true,
-          setEndDate: true
+          setEndDate: true,
+          selectSection
         });
         newValue.forEach((value, index) => {
           expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
@@ -86,12 +90,16 @@ export const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
       if (pickerParams.variant !== 'mobile') {
         return;
       }
-      render( /*#__PURE__*/_jsx(ElementToTest, {
+      const {
+        selectSection
+      } = renderWithProps({
         defaultValue: values[0]
-      }));
+      });
 
       // Change the value
-      setNewValue(values[0]);
+      setNewValue(values[0], {
+        selectSection
+      });
       let textbox;
       if (pickerParams.type === 'date-range') {
         textbox = screen.getAllByRole('textbox')[0];
@@ -104,27 +112,31 @@ export const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
       const onChange = spy();
       const onAccept = spy();
       const onClose = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        onChange: onChange,
-        onAccept: onAccept,
-        onClose: onClose,
+      const {
+        selectSection
+      } = renderWithProps({
+        onChange,
+        onAccept,
+        onClose,
         defaultValue: values[0],
         open: true,
         closeOnSelect: true
-      }));
+      });
       expect(onChange.callCount).to.equal(0);
       expect(onAccept.callCount).to.equal(0);
       expect(onClose.callCount).to.equal(0);
 
       // Change the value
       let newValue = setNewValue(values[0], {
-        isOpened: true
+        isOpened: true,
+        selectSection
       });
       expect(onChange.callCount).to.equal(1);
       if (pickerParams.type === 'date-range') {
         newValue = setNewValue(newValue, {
           isOpened: true,
-          setEndDate: true
+          setEndDate: true,
+          selectSection
         });
         newValue.forEach((value, index) => {
           expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
@@ -139,25 +151,29 @@ export const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
       const onChange = spy();
       const onAccept = spy();
       const onClose = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        onChange: onChange,
-        onAccept: onAccept,
-        onClose: onClose,
+      const {
+        selectSection
+      } = renderWithProps({
+        onChange,
+        onAccept,
+        onClose,
         open: true,
         value: values[0],
         closeOnSelect: true
-      }));
+      });
 
       // Change the value (same value)
       setNewValue(values[0], {
         isOpened: true,
-        applySameValue: true
+        applySameValue: true,
+        selectSection
       });
       if (pickerParams.type === 'date-range') {
         setNewValue(values[0], {
           isOpened: true,
           applySameValue: true,
-          setEndDate: true
+          setEndDate: true,
+          selectSection
         });
       }
       expect(onChange.callCount).to.equal(0);
@@ -168,24 +184,28 @@ export const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
       const onChange = spy();
       const onAccept = spy();
       const onClose = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        onChange: onChange,
-        onAccept: onAccept,
-        onClose: onClose,
+      const {
+        selectSection
+      } = renderWithProps({
+        onChange,
+        onAccept,
+        onClose,
         defaultValue: values[0],
         open: true,
         closeOnSelect: false
-      }));
+      });
 
       // Change the value
       let newValue = setNewValue(values[0], {
-        isOpened: true
+        isOpened: true,
+        selectSection
       });
       expect(onChange.callCount).to.equal(1);
       if (pickerParams.type === 'date-range') {
         newValue = setNewValue(newValue, {
           isOpened: true,
-          setEndDate: true
+          setEndDate: true,
+          selectSection
         });
         newValue.forEach((value, index) => {
           expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
@@ -198,13 +218,15 @@ export const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
 
       // Change the value
       let newValueBis = setNewValue(newValue, {
-        isOpened: true
+        isOpened: true,
+        selectSection
       });
       if (pickerParams.type === 'date-range') {
         expect(onChange.callCount).to.equal(3);
         newValueBis = setNewValue(newValueBis, {
           isOpened: true,
-          setEndDate: true
+          setEndDate: true,
+          selectSection
         });
         newValueBis.forEach((value, index) => {
           expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
@@ -220,18 +242,21 @@ export const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
       const onChange = spy();
       const onAccept = spy();
       const onClose = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        onChange: onChange,
-        onAccept: onAccept,
-        onClose: onClose,
+      const {
+        selectSection
+      } = renderWithProps({
+        onChange,
+        onAccept,
+        onClose,
         defaultValue: values[0],
         open: true,
         closeOnSelect: false
-      }));
+      });
 
       // Change the value (already tested)
       const newValue = setNewValue(values[0], {
-        isOpened: true
+        isOpened: true,
+        selectSection
       });
 
       // Dismiss the picker
@@ -280,18 +305,21 @@ export const testPickerOpenCloseLifeCycle = (ElementToTest, getOptions) => {
       const onChange = spy();
       const onAccept = spy();
       const onClose = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        onChange: onChange,
-        onAccept: onAccept,
-        onClose: onClose,
+      const {
+        selectSection
+      } = renderWithProps({
+        onChange,
+        onAccept,
+        onClose,
         defaultValue: values[0],
         open: true,
         closeOnSelect: false
-      }));
+      });
 
       // Change the value (already tested)
       const newValue = setNewValue(values[0], {
-        isOpened: true
+        isOpened: true,
+        selectSection
       });
 
       // Dismiss the picker

package/themeAugmentation/props.d.ts

@@ -58,7 +58,7 @@ export interface PickersComponentsPropsList {
   MuiDayCalendar: DayCalendarProps<unknown>;
   MuiDayCalendarSkeleton: DayCalendarSkeletonProps;
   MuiDigitalClock: ExportedDigitalClockProps<unknown>;
-  MuiLocalizationProvider: LocalizationProviderProps<unknown>;
+  MuiLocalizationProvider: LocalizationProviderProps<unknown, unknown>;
   MuiMonthCalendar: MonthCalendarProps<unknown>;
   MuiMultiSectionDigitalClock: MultiSectionDigitalClockProps<unknown>;
   MuiMultiSectionDigitalClockSection: ExportedMultiSectionDigitalClockSectionProps;