@mui/x-date-pickers 6.15.0 → 6.16.0

package/legacy/tests/describeValidation/testYearViewValidation.js

@@ -1,95 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { expect } from 'chai';
-import { screen } from '@mui/monorepo/test/utils';
-import { adapterToUse } from 'test/utils/pickers';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var testYearViewValidation = function testYearViewValidation(ElementToTest, getOptions) {
-  var _getOptions = getOptions(),
-    views = _getOptions.views,
-    componentFamily = _getOptions.componentFamily,
-    render = _getOptions.render;
-  if (componentFamily === 'field' || !views.includes('year')) {
-    return;
-  }
-  describe('year view:', function () {
-    var defaultProps = _extends({
-      onChange: function onChange() {}
-    }, views.length > 1 && {
-      views: ['year'],
-      view: 'year',
-      openTo: 'year'
-    }, componentFamily !== 'calendar' && {
-      open: true,
-      reduceAnimations: true,
-      slotProps: {
-        toolbar: {
-          hidden: true
-        }
-      }
-    });
-    it('should apply shouldDisableYear', function test() {
-      render( /*#__PURE__*/_jsx(ElementToTest, _extends({}, defaultProps, {
-        value: null,
-        shouldDisableYear: function shouldDisableYear(date) {
-          return adapterToUse.getYear(date) === 2018;
-        }
-      })));
-      expect(screen.queryByText('2018')).to.have.attribute('disabled');
-      expect(screen.queryByText('2019')).not.to.have.attribute('disabled');
-      expect(screen.queryByText('2017')).not.to.have.attribute('disabled');
-    });
-    it('should apply disablePast', function test() {
-      var now;
-      function WithFakeTimer(props) {
-        now = adapterToUse.date(new Date());
-        return /*#__PURE__*/_jsx(ElementToTest, _extends({
-          value: now
-        }, props));
-      }
-      render( /*#__PURE__*/_jsx(WithFakeTimer, _extends({}, defaultProps, {
-        disablePast: true
-      })));
-      var nextYear = adapterToUse.addYears(now, 1);
-      var prevYear = adapterToUse.addYears(now, -1);
-      expect(screen.queryByText(adapterToUse.format(now, 'year'))).not.to.have.attribute('disabled');
-      expect(screen.queryByText(adapterToUse.format(nextYear, 'year'))).not.to.have.attribute('disabled');
-      expect(screen.queryByText(adapterToUse.format(prevYear, 'year'))).to.have.attribute('disabled');
-    });
-    it('should apply disableFuture', function test() {
-      var now;
-      function WithFakeTimer(props) {
-        now = adapterToUse.date(new Date());
-        return /*#__PURE__*/_jsx(ElementToTest, _extends({
-          value: now
-        }, props));
-      }
-      render( /*#__PURE__*/_jsx(WithFakeTimer, _extends({}, defaultProps, {
-        disableFuture: true
-      })));
-      var nextYear = adapterToUse.addYears(now, 1);
-      var prevYear = adapterToUse.addYears(now, -1);
-      expect(screen.queryByText(adapterToUse.format(now, 'year'))).not.to.have.attribute('disabled');
-      expect(screen.queryByText(adapterToUse.format(nextYear, 'year'))).to.have.attribute('disabled');
-      expect(screen.queryByText(adapterToUse.format(prevYear, 'year'))).not.to.have.attribute('disabled');
-    });
-    it('should apply minDate', function test() {
-      render( /*#__PURE__*/_jsx(ElementToTest, _extends({}, defaultProps, {
-        value: adapterToUse.date(new Date(2019, 5, 15)),
-        minDate: adapterToUse.date(new Date(2019, 5, 4))
-      })));
-      expect(screen.queryByText('2018')).to.equal(null);
-      expect(screen.queryByText('2019')).not.to.equal(null);
-      expect(screen.queryByText('2020')).not.to.equal(null);
-    });
-    it('should apply maxDate', function test() {
-      render( /*#__PURE__*/_jsx(ElementToTest, _extends({}, defaultProps, {
-        value: adapterToUse.date(new Date(2019, 5, 15)),
-        maxDate: adapterToUse.date(new Date(2019, 5, 4))
-      })));
-      expect(screen.queryByText('2018')).not.to.equal(null);
-      expect(screen.queryByText('2019')).not.to.equal(null);
-      expect(screen.queryByText('2020')).to.equal(null);
-    });
-  });
-};

package/legacy/tests/describeValue/describeValue.js

@@ -1,57 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["hook"];
-import * as React from 'react';
-import createDescribe from '@mui/monorepo/test/utils/createDescribe';
-import { buildFieldInteractions } from 'test/utils/pickers';
-import { testControlledUnControlled } from './testControlledUnControlled';
-import { testPickerOpenCloseLifeCycle } from './testPickerOpenCloseLifeCycle';
-import { testPickerActionBar } from './testPickerActionBar';
-import { testShortcuts } from './testShortcuts';
-import { jsx as _jsx } from "react/jsx-runtime";
-var TEST_SUITES = [testControlledUnControlled, testPickerOpenCloseLifeCycle, testPickerActionBar, testShortcuts];
-function innerDescribeValue(ElementToTest, getOptions) {
-  var options = getOptions();
-  var defaultProps = options.defaultProps,
-    render = options.render,
-    clock = options.clock,
-    componentFamily = options.componentFamily;
-  function WrappedElementToTest(props) {
-    var hook = props.hook,
-      other = _objectWithoutProperties(props, _excluded);
-    var hookResult = hook == null ? void 0 : hook(props);
-    return /*#__PURE__*/_jsx(ElementToTest, _extends({}, defaultProps, other, hookResult));
-  }
-  var renderWithProps;
-  if (componentFamily === 'field' || componentFamily === 'picker') {
-    var interactions = buildFieldInteractions({
-      clock: clock,
-      render: render,
-      Component: ElementToTest
-    });
-    renderWithProps = function renderWithProps(props, hook) {
-      return interactions.renderWithProps(_extends({}, defaultProps, props), hook, componentFamily);
-    };
-  } else {
-    renderWithProps = function renderWithProps(props, hook) {
-      var response = render( /*#__PURE__*/_jsx(WrappedElementToTest, _extends({}, props, {
-        hook: hook
-      })));
-      return _extends({}, response, {
-        input: null,
-        selectSection: function selectSection() {
-          throw new Error('You can only select a section on components that render a field');
-        }
-      });
-    };
-  }
-  TEST_SUITES.forEach(function (testSuite) {
-    testSuite(WrappedElementToTest, _extends({}, options, {
-      renderWithProps: renderWithProps
-    }));
-  });
-}
-/**
- * Tests various aspects of component value.
- */
-export var describeValue = createDescribe('Value API', innerDescribeValue);

package/legacy/tests/describeValue/describeValue.types.js

@@ -1 +0,0 @@
-export {};

package/legacy/tests/describeValue/index.js

@@ -1 +0,0 @@
-export { describeValue } from './describeValue';

package/legacy/tests/describeValue/testControlledUnControlled.js

@@ -1,237 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["render", "renderWithProps", "values", "componentFamily", "emptyValue", "assertRenderedValue", "setNewValue", "clock"];
-import * as React from 'react';
-import { expect } from 'chai';
-import { spy } from 'sinon';
-import { screen, act, userEvent } from '@mui/monorepo/test/utils';
-import { inputBaseClasses } from '@mui/material/InputBase';
-import { getExpectedOnChangeCount } from 'test/utils/pickers';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var testControlledUnControlled = function testControlledUnControlled(ElementToTest, options) {
-  var render = options.render,
-    renderWithProps = options.renderWithProps,
-    values = options.values,
-    componentFamily = options.componentFamily,
-    emptyValue = options.emptyValue,
-    assertRenderedValue = options.assertRenderedValue,
-    setNewValue = options.setNewValue,
-    clock = options.clock,
-    pickerParams = _objectWithoutProperties(options, _excluded);
-  var params = pickerParams;
-  describe('Controlled / uncontrolled value', function () {
-    it('should render `props.defaultValue` if no `props.value` is passed', function () {
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        defaultValue: values[0]
-      }));
-      assertRenderedValue(values[0]);
-    });
-    it('should render `props.value` if passed', function () {
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        value: values[0]
-      }));
-      assertRenderedValue(values[0]);
-    });
-    it('should render `props.value` if both `props.defaultValue` and `props.value` are passed', function () {
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        defaultValue: values[0],
-        value: values[1]
-      }));
-      assertRenderedValue(values[1]);
-    });
-    it('should render nothing if neither `props.defaultValue` or `props.value` are passed', function () {
-      render( /*#__PURE__*/_jsx(ElementToTest, {}));
-      assertRenderedValue(emptyValue);
-    });
-    it('should call onChange when updating a value defined with `props.defaultValue` and update the rendered value', function () {
-      var onChange = spy();
-      var _renderWithProps = renderWithProps({
-          defaultValue: values[0],
-          onChange: onChange
-        }),
-        selectSection = _renderWithProps.selectSection;
-      var newValue = setNewValue(values[0], {
-        selectSection: selectSection
-      });
-      assertRenderedValue(newValue);
-      // TODO: Clean this exception or change the clock behavior
-      expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily, params));
-      if (Array.isArray(newValue)) {
-        newValue.forEach(function (value, index) {
-          expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
-        });
-      } else {
-        expect(onChange.lastCall.args[0]).toEqualDateTime(newValue);
-      }
-    });
-    it('should call onChange when updating a value defined with `props.value`', function () {
-      var onChange = spy();
-      var useControlledElement = function useControlledElement(props) {
-        var _React$useState = React.useState((props == null ? void 0 : props.value) || null),
-          _React$useState2 = _slicedToArray(_React$useState, 2),
-          value = _React$useState2[0],
-          setValue = _React$useState2[1];
-        var handleChange = React.useCallback(function (newValue) {
-          setValue(newValue);
-          props == null || props.onChange(newValue);
-        }, [props]);
-        return {
-          value: value,
-          onChange: handleChange
-        };
-      };
-      var _renderWithProps2 = renderWithProps({
-          value: values[0],
-          onChange: onChange
-        }, useControlledElement),
-        selectSection = _renderWithProps2.selectSection;
-      var newValue = setNewValue(values[0], {
-        selectSection: selectSection
-      });
-      expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily, params));
-      if (Array.isArray(newValue)) {
-        newValue.forEach(function (value, index) {
-          expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
-        });
-      } else {
-        expect(onChange.lastCall.args[0]).toEqualDateTime(newValue);
-      }
-    });
-    it('should react to `props.value` update', function () {
-      var _render = render( /*#__PURE__*/_jsx(ElementToTest, {
-          value: values[0]
-        })),
-        setProps = _render.setProps;
-      setProps({
-        value: values[1]
-      });
-      assertRenderedValue(values[1]);
-    });
-    ['readOnly', 'disabled'].forEach(function (prop) {
-      it("should apply ".concat(prop, "=\"true\" prop"), function () {
-        if (!['field', 'picker'].includes(componentFamily)) {
-          return;
-        }
-        var handleChange = spy();
-        render( /*#__PURE__*/_jsx(ElementToTest, _extends({
-          value: values[0],
-          onChange: handleChange
-        }, _defineProperty({}, prop, true))));
-        var textBoxes = screen.getAllByRole('textbox');
-        textBoxes.forEach(function (textbox) {
-          expect(textbox).to.have.attribute(prop.toLowerCase());
-        });
-      });
-    });
-    it('should not allow editing with keyboard in mobile pickers', function () {
-      if (componentFamily !== 'picker' || params.variant !== 'mobile') {
-        return;
-      }
-      var handleChange = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        defaultValue: values[0],
-        onChange: handleChange
-      }));
-      var input = screen.getAllByRole('textbox')[0];
-      act(function () {
-        input.focus();
-      });
-      clock.runToLast();
-      userEvent.keyPress(input, {
-        key: 'ArrowUp'
-      });
-      clock.runToLast();
-      expect(handleChange.callCount).to.equal(0);
-    });
-    it('should have correct labelledby relationship when toolbar is shown', function () {
-      if (componentFamily !== 'picker' || params.variant === 'desktop' && params.type === 'date-range') {
-        return;
-      }
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        open: true,
-        slotProps: {
-          toolbar: {
-            hidden: false
-          }
-        },
-        localeText: {
-          toolbarTitle: 'Test toolbar'
-        }
-      }));
-      expect(screen.getByLabelText('Test toolbar')).to.have.attribute('role', 'dialog');
-    });
-    it('should have correct labelledby relationship with provided label when toolbar is hidden', function () {
-      if (componentFamily !== 'picker' || params.variant === 'desktop' && params.type === 'date-range') {
-        return;
-      }
-      render( /*#__PURE__*/_jsx(ElementToTest, _extends({
-        open: true
-      }, params.type === 'date-range' ? {
-        localeText: {
-          start: 'test',
-          end: 'relationship'
-        }
-      } : {
-        label: 'test relationship'
-      }, {
-        slotProps: {
-          toolbar: {
-            hidden: true
-          }
-        }
-      })));
-      expect(screen.getByLabelText('test relationship', {
-        selector: 'div'
-      })).to.have.attribute('role', 'dialog');
-    });
-    it('should have correct labelledby relationship without label and hidden toolbar but external props', function () {
-      if (componentFamily !== 'picker' || params.variant === 'desktop' && params.type === 'date-range') {
-        return;
-      }
-      render( /*#__PURE__*/_jsxs("div", {
-        children: [/*#__PURE__*/_jsx("div", {
-          id: "label-id",
-          children: "external label"
-        }), /*#__PURE__*/_jsx(ElementToTest, _extends({
-          open: true
-        }, params.type === 'date-range' && {
-          localeText: {
-            start: '',
-            end: ''
-          }
-        }, {
-          slotProps: _defineProperty({
-            toolbar: {
-              hidden: true
-            }
-          }, params.variant === 'desktop' ? 'popper' : 'mobilePaper', {
-            'aria-labelledby': 'label-id'
-          })
-        }))]
-      }));
-      expect(screen.getByLabelText('external label')).to.have.attribute('role', 'dialog');
-    });
-    describe('slots: textField', function () {
-      it('should respect provided `error="true"` prop', function () {
-        if (!['field', 'picker'].includes(componentFamily)) {
-          return;
-        }
-        render( /*#__PURE__*/_jsx(ElementToTest, {
-          slotProps: {
-            textField: {
-              error: true
-            }
-          }
-        }));
-        var textBoxes = screen.getAllByRole('textbox');
-        textBoxes.forEach(function (textbox) {
-          expect(textbox.parentElement).to.have.class(inputBaseClasses.error);
-          expect(textbox).to.have.attribute('aria-invalid', 'true');
-        });
-      });
-    });
-  });
-};

package/legacy/tests/describeValue/testPickerActionBar.js

@@ -1,250 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["componentFamily", "render", "renderWithProps", "values", "emptyValue", "setNewValue"];
-import * as React from 'react';
-import { expect } from 'chai';
-import { spy } from 'sinon';
-import { screen, userEvent } from '@mui/monorepo/test/utils';
-import { adapterToUse, getExpectedOnChangeCount, expectPickerChangeHandlerValue } from 'test/utils/pickers';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var testPickerActionBar = function testPickerActionBar(ElementToTest, options) {
-  var componentFamily = options.componentFamily,
-    render = options.render,
-    renderWithProps = options.renderWithProps,
-    values = options.values,
-    emptyValue = options.emptyValue,
-    setNewValue = options.setNewValue,
-    pickerParams = _objectWithoutProperties(options, _excluded);
-  if (componentFamily !== 'picker') {
-    return;
-  }
-  describe('Picker action bar', function () {
-    describe('clear action', function () {
-      it('should call onClose, onChange with empty value and onAccept with empty value', function () {
-        var onChange = spy();
-        var onAccept = spy();
-        var onClose = spy();
-        render( /*#__PURE__*/_jsx(ElementToTest, {
-          onChange: onChange,
-          onAccept: onAccept,
-          onClose: onClose,
-          defaultValue: values[0],
-          open: true,
-          slotProps: {
-            actionBar: {
-              actions: ['clear']
-            }
-          }
-        }));
-
-        // Clear the date
-        userEvent.mousePress(screen.getByText(/clear/i));
-        expect(onChange.callCount).to.equal(1);
-        expectPickerChangeHandlerValue(pickerParams.type, onChange, emptyValue);
-        expect(onAccept.callCount).to.equal(1);
-        expectPickerChangeHandlerValue(pickerParams.type, onAccept, emptyValue);
-        expect(onClose.callCount).to.equal(1);
-      });
-      it('should not call onChange or onAccept if the value is already empty value', function () {
-        var onChange = spy();
-        var onAccept = spy();
-        var onClose = spy();
-        render( /*#__PURE__*/_jsx(ElementToTest, {
-          onChange: onChange,
-          onAccept: onAccept,
-          onClose: onClose,
-          open: true,
-          slotProps: {
-            actionBar: {
-              actions: ['clear']
-            }
-          },
-          value: emptyValue
-        }));
-
-        // Clear the date
-        userEvent.mousePress(screen.getByText(/clear/i));
-        expect(onChange.callCount).to.equal(0);
-        expect(onAccept.callCount).to.equal(0);
-        expect(onClose.callCount).to.equal(1);
-      });
-    });
-    describe('cancel action', function () {
-      it('should call onClose and onChange with the initial value', function () {
-        var onChange = spy();
-        var onAccept = spy();
-        var onClose = spy();
-        var _renderWithProps = renderWithProps({
-            onChange: onChange,
-            onAccept: onAccept,
-            onClose: onClose,
-            open: true,
-            value: values[0],
-            slotProps: {
-              actionBar: {
-                actions: ['cancel']
-              }
-            },
-            closeOnSelect: false
-          }),
-          selectSection = _renderWithProps.selectSection;
-
-        // Change the value (already tested)
-        setNewValue(values[0], {
-          isOpened: true,
-          selectSection: selectSection
-        });
-
-        // Cancel the modifications
-        userEvent.mousePress(screen.getByText(/cancel/i));
-        expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily, pickerParams) + 1);
-        if (pickerParams.type === 'date-range') {
-          values[0].forEach(function (value, index) {
-            expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
-          });
-        } else {
-          expect(onChange.lastCall.args[0]).toEqualDateTime(values[0]);
-        }
-        expect(onAccept.callCount).to.equal(0);
-        expect(onClose.callCount).to.equal(1);
-      });
-      it('should not call onChange if no prior value modification', function () {
-        var onChange = spy();
-        var onAccept = spy();
-        var onClose = spy();
-        render( /*#__PURE__*/_jsx(ElementToTest, {
-          onChange: onChange,
-          onAccept: onAccept,
-          onClose: onClose,
-          open: true,
-          value: values[0],
-          slotProps: {
-            actionBar: {
-              actions: ['cancel']
-            }
-          },
-          closeOnSelect: false
-        }));
-
-        // Cancel the modifications
-        userEvent.mousePress(screen.getByText(/cancel/i));
-        expect(onChange.callCount).to.equal(0);
-        expect(onAccept.callCount).to.equal(0);
-        expect(onClose.callCount).to.equal(1);
-      });
-    });
-    describe('confirm action', function () {
-      it('should call onClose and onAccept with the live value', function () {
-        var onChange = spy();
-        var onAccept = spy();
-        var onClose = spy();
-        var _renderWithProps2 = renderWithProps({
-            onChange: onChange,
-            onAccept: onAccept,
-            onClose: onClose,
-            open: true,
-            defaultValue: values[0],
-            slotProps: {
-              actionBar: {
-                actions: ['accept']
-              }
-            },
-            closeOnSelect: false
-          }),
-          selectSection = _renderWithProps2.selectSection;
-
-        // Change the value (already tested)
-        setNewValue(values[0], {
-          isOpened: true,
-          selectSection: selectSection
-        });
-
-        // Accept the modifications
-        userEvent.mousePress(screen.getByText(/ok/i));
-        expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily, pickerParams)); // The accepted value as already been committed, don't call onChange again
-        expect(onAccept.callCount).to.equal(1);
-        expect(onClose.callCount).to.equal(1);
-      });
-      it('should call onChange, onClose and onAccept when validating the default value', function () {
-        var onChange = spy();
-        var onAccept = spy();
-        var onClose = spy();
-        render( /*#__PURE__*/_jsx(ElementToTest, {
-          onChange: onChange,
-          onAccept: onAccept,
-          onClose: onClose,
-          open: true,
-          defaultValue: values[0],
-          slotProps: {
-            actionBar: {
-              actions: ['accept']
-            }
-          },
-          closeOnSelect: false
-        }));
-
-        // Accept the modifications
-        userEvent.mousePress(screen.getByText(/ok/i));
-        expect(onChange.callCount).to.equal(1);
-        expect(onAccept.callCount).to.equal(1);
-        expect(onClose.callCount).to.equal(1);
-      });
-      it('should call onClose but not onAccept when validating an already validated value', function () {
-        var onChange = spy();
-        var onAccept = spy();
-        var onClose = spy();
-        render( /*#__PURE__*/_jsx(ElementToTest, {
-          onChange: onChange,
-          onAccept: onAccept,
-          onClose: onClose,
-          open: true,
-          value: values[0],
-          slotProps: {
-            actionBar: {
-              actions: ['accept']
-            }
-          },
-          closeOnSelect: false
-        }));
-
-        // Accept the modifications
-        userEvent.mousePress(screen.getByText(/ok/i));
-        expect(onChange.callCount).to.equal(0);
-        expect(onAccept.callCount).to.equal(0);
-        expect(onClose.callCount).to.equal(1);
-      });
-    });
-    describe('today action', function () {
-      it("should call onClose, onChange with today's value and onAccept with today's value", function () {
-        var onChange = spy();
-        var onAccept = spy();
-        var onClose = spy();
-        render( /*#__PURE__*/_jsx(ElementToTest, {
-          onChange: onChange,
-          onAccept: onAccept,
-          onClose: onClose,
-          defaultValue: values[0],
-          open: true,
-          slotProps: {
-            actionBar: {
-              actions: ['today']
-            }
-          }
-        }));
-        userEvent.mousePress(screen.getByText(/today/i));
-        var startOfToday;
-        if (pickerParams.type === 'date') {
-          startOfToday = adapterToUse.startOfDay(adapterToUse.date());
-        } else if (pickerParams.type === 'date-range') {
-          startOfToday = [adapterToUse.date(), adapterToUse.date()];
-        } else {
-          startOfToday = adapterToUse.date();
-        }
-        expect(onChange.callCount).to.equal(1);
-        expectPickerChangeHandlerValue(pickerParams.type, onChange, startOfToday);
-        expect(onAccept.callCount).to.equal(1);
-        expectPickerChangeHandlerValue(pickerParams.type, onAccept, startOfToday);
-        expect(onClose.callCount).to.equal(1);
-      });
-    });
-  });
-};