@mui/x-date-pickers 6.14.0 → 6.16.0

package/tests/describeValidation/testYearViewValidation.js

@@ -1,94 +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 const testYearViewValidation = (ElementToTest, getOptions) => {
-  const {
-    views,
-    componentFamily,
-    render
-  } = getOptions();
-  if (componentFamily === 'field' || !views.includes('year')) {
-    return;
-  }
-  describe('year view:', () => {
-    const defaultProps = _extends({
-      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: date => 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() {
-      let 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
-      })));
-      const nextYear = adapterToUse.addYears(now, 1);
-      const 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() {
-      let 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
-      })));
-      const nextYear = adapterToUse.addYears(now, 1);
-      const 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/tests/describeValue/describeValue.js

@@ -1,59 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _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";
-const TEST_SUITES = [testControlledUnControlled, testPickerOpenCloseLifeCycle, testPickerActionBar, testShortcuts];
-function innerDescribeValue(ElementToTest, getOptions) {
-  const options = getOptions();
-  const {
-    defaultProps,
-    render,
-    clock,
-    componentFamily
-  } = options;
-  function WrappedElementToTest(props) {
-    const {
-        hook
-      } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded);
-    const hookResult = hook == null ? void 0 : hook(props);
-    return /*#__PURE__*/_jsx(ElementToTest, _extends({}, defaultProps, other, hookResult));
-  }
-  let renderWithProps;
-  if (componentFamily === 'field' || componentFamily === 'picker') {
-    const interactions = buildFieldInteractions({
-      clock,
-      render,
-      Component: ElementToTest
-    });
-    renderWithProps = (props, hook) => interactions.renderWithProps(_extends({}, defaultProps, props), hook, componentFamily);
-  } else {
-    renderWithProps = (props, hook) => {
-      const response = render( /*#__PURE__*/_jsx(WrappedElementToTest, _extends({}, props, {
-        hook: hook
-      })));
-      return _extends({}, response, {
-        input: null,
-        selectSection: () => {
-          throw new Error('You can only select a section on components that render a field');
-        }
-      });
-    };
-  }
-  TEST_SUITES.forEach(testSuite => {
-    testSuite(WrappedElementToTest, _extends({}, options, {
-      renderWithProps
-    }));
-  });
-}
-/**
- * Tests various aspects of component value.
- */
-export const describeValue = createDescribe('Value API', innerDescribeValue);

package/tests/describeValue/describeValue.types.js

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

package/tests/describeValue/index.js

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

package/tests/describeValue/testControlledUnControlled.js

@@ -1,239 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _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 const testControlledUnControlled = (ElementToTest, options) => {
-  const {
-      render,
-      renderWithProps,
-      values,
-      componentFamily,
-      emptyValue,
-      assertRenderedValue,
-      setNewValue,
-      clock
-    } = options,
-    pickerParams = _objectWithoutPropertiesLoose(options, _excluded);
-  const params = pickerParams;
-  describe('Controlled / uncontrolled value', () => {
-    it('should render `props.defaultValue` if no `props.value` is passed', () => {
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        defaultValue: values[0]
-      }));
-      assertRenderedValue(values[0]);
-    });
-    it('should render `props.value` if passed', () => {
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        value: values[0]
-      }));
-      assertRenderedValue(values[0]);
-    });
-    it('should render `props.value` if both `props.defaultValue` and `props.value` are passed', () => {
-      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', () => {
-      render( /*#__PURE__*/_jsx(ElementToTest, {}));
-      assertRenderedValue(emptyValue);
-    });
-    it('should call onChange when updating a value defined with `props.defaultValue` and update the rendered value', () => {
-      const onChange = spy();
-      const {
-        selectSection
-      } = renderWithProps({
-        defaultValue: values[0],
-        onChange
-      });
-      const newValue = setNewValue(values[0], {
-        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((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`', () => {
-      const onChange = spy();
-      const useControlledElement = props => {
-        const [value, setValue] = React.useState((props == null ? void 0 : props.value) || null);
-        const handleChange = React.useCallback(newValue => {
-          setValue(newValue);
-          props == null || props.onChange(newValue);
-        }, [props]);
-        return {
-          value,
-          onChange: handleChange
-        };
-      };
-      const {
-        selectSection
-      } = renderWithProps({
-        value: values[0],
-        onChange
-      }, useControlledElement);
-      const newValue = setNewValue(values[0], {
-        selectSection
-      });
-      expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily, params));
-      if (Array.isArray(newValue)) {
-        newValue.forEach((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', () => {
-      const {
-        setProps
-      } = render( /*#__PURE__*/_jsx(ElementToTest, {
-        value: values[0]
-      }));
-      setProps({
-        value: values[1]
-      });
-      assertRenderedValue(values[1]);
-    });
-    ['readOnly', 'disabled'].forEach(prop => {
-      it(`should apply ${prop}="true" prop`, () => {
-        if (!['field', 'picker'].includes(componentFamily)) {
-          return;
-        }
-        const handleChange = spy();
-        render( /*#__PURE__*/_jsx(ElementToTest, {
-          value: values[0],
-          onChange: handleChange,
-          [prop]: true
-        }));
-        const textBoxes = screen.getAllByRole('textbox');
-        textBoxes.forEach(textbox => {
-          expect(textbox).to.have.attribute(prop.toLowerCase());
-        });
-      });
-    });
-    it('should not allow editing with keyboard in mobile pickers', () => {
-      if (componentFamily !== 'picker' || params.variant !== 'mobile') {
-        return;
-      }
-      const handleChange = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        defaultValue: values[0],
-        onChange: handleChange
-      }));
-      const input = screen.getAllByRole('textbox')[0];
-      act(() => {
-        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', () => {
-      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', () => {
-      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', () => {
-      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: {
-            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', () => {
-      it('should respect provided `error="true"` prop', () => {
-        if (!['field', 'picker'].includes(componentFamily)) {
-          return;
-        }
-        render( /*#__PURE__*/_jsx(ElementToTest, {
-          slotProps: {
-            textField: {
-              error: true
-            }
-          }
-        }));
-        const textBoxes = screen.getAllByRole('textbox');
-        textBoxes.forEach(textbox => {
-          expect(textbox.parentElement).to.have.class(inputBaseClasses.error);
-          expect(textbox).to.have.attribute('aria-invalid', 'true');
-        });
-      });
-    });
-  });
-};

package/tests/describeValue/testPickerActionBar.js

@@ -1,254 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _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 const testPickerActionBar = (ElementToTest, options) => {
-  const {
-      componentFamily,
-      render,
-      renderWithProps,
-      values,
-      emptyValue,
-      setNewValue
-    } = options,
-    pickerParams = _objectWithoutPropertiesLoose(options, _excluded);
-  if (componentFamily !== 'picker') {
-    return;
-  }
-  describe('Picker action bar', () => {
-    describe('clear action', () => {
-      it('should call onClose, onChange with empty value and onAccept with empty value', () => {
-        const onChange = spy();
-        const onAccept = spy();
-        const 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', () => {
-        const onChange = spy();
-        const onAccept = spy();
-        const 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', () => {
-      it('should call onClose and onChange with the initial value', () => {
-        const onChange = spy();
-        const onAccept = spy();
-        const onClose = spy();
-        const {
-          selectSection
-        } = renderWithProps({
-          onChange,
-          onAccept,
-          onClose,
-          open: true,
-          value: values[0],
-          slotProps: {
-            actionBar: {
-              actions: ['cancel']
-            }
-          },
-          closeOnSelect: false
-        });
-
-        // Change the value (already tested)
-        setNewValue(values[0], {
-          isOpened: true,
-          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((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', () => {
-        const onChange = spy();
-        const onAccept = spy();
-        const 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', () => {
-      it('should call onClose and onAccept with the live value', () => {
-        const onChange = spy();
-        const onAccept = spy();
-        const onClose = spy();
-        const {
-          selectSection
-        } = renderWithProps({
-          onChange,
-          onAccept,
-          onClose,
-          open: true,
-          defaultValue: values[0],
-          slotProps: {
-            actionBar: {
-              actions: ['accept']
-            }
-          },
-          closeOnSelect: false
-        });
-
-        // Change the value (already tested)
-        setNewValue(values[0], {
-          isOpened: true,
-          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', () => {
-        const onChange = spy();
-        const onAccept = spy();
-        const 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', () => {
-        const onChange = spy();
-        const onAccept = spy();
-        const 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', () => {
-      it("should call onClose, onChange with today's value and onAccept with today's value", () => {
-        const onChange = spy();
-        const onAccept = spy();
-        const 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));
-        let 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);
-      });
-    });
-  });
-};