@mui/lab 5.0.0-alpha.73 → 5.0.0-alpha.76

package/node/YearPicker/PickersYear.js

@@ -1,136 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getPickersYearUtilityClass = getPickersYearUtilityClass;
-exports.pickersYearClasses = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _utils = require("@mui/material/utils");
-
-var _styles = require("@mui/material/styles");
-
-var _base = require("@mui/base");
-
-var _WrapperVariantContext = require("../internal/pickers/wrappers/WrapperVariantContext");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function getPickersYearUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('PrivatePickersYear', slot);
-}
-
-const pickersYearClasses = (0, _base.generateUtilityClasses)('PrivatePickersYear', ['root', 'modeMobile', 'modeDesktop', 'yearButton', 'disabled', 'selected']);
-exports.pickersYearClasses = pickersYearClasses;
-
-const useUtilityClasses = ownerState => {
-  const {
-    wrapperVariant,
-    disabled,
-    selected,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root', wrapperVariant && `mode${(0, _utils.capitalize)(wrapperVariant)}`],
-    yearButton: ['yearButton', disabled && 'disabled', selected && 'selected']
-  };
-  return (0, _base.unstable_composeClasses)(slots, getPickersYearUtilityClass, classes);
-};
-
-const PickersYearRoot = (0, _styles.styled)('div')(({
-  ownerState
-}) => (0, _extends2.default)({
-  flexBasis: '33.3%',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center'
-}, (ownerState == null ? void 0 : ownerState.wrapperVariant) === 'desktop' && {
-  flexBasis: '25%'
-}));
-const PickersYearButton = (0, _styles.styled)('button')(({
-  theme
-}) => (0, _extends2.default)({
-  color: 'unset',
-  backgroundColor: 'transparent',
-  border: 0,
-  outline: 0
-}, theme.typography.subtitle1, {
-  margin: '8px 0',
-  height: 36,
-  width: 72,
-  borderRadius: 18,
-  cursor: 'pointer',
-  '&:focus, &:hover': {
-    backgroundColor: (0, _styles.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity)
-  },
-  [`&.${pickersYearClasses.disabled}`]: {
-    color: theme.palette.text.secondary
-  },
-  [`&.${pickersYearClasses.selected}`]: {
-    color: theme.palette.primary.contrastText,
-    backgroundColor: theme.palette.primary.main,
-    '&:focus, &:hover': {
-      backgroundColor: theme.palette.primary.dark
-    }
-  }
-}));
-/**
- * @ignore - internal component.
- */
-
-const PickersYear = /*#__PURE__*/React.forwardRef(function PickersYear(props, forwardedRef) {
-  const {
-    autoFocus,
-    className,
-    children,
-    disabled,
-    onClick,
-    onKeyDown,
-    selected,
-    value
-  } = props;
-  const ref = React.useRef(null);
-  const refHandle = (0, _utils.useForkRef)(ref, forwardedRef);
-  const wrapperVariant = React.useContext(_WrapperVariantContext.WrapperVariantContext);
-  const ownerState = (0, _extends2.default)({}, props, {
-    wrapperVariant
-  });
-  const classes = useUtilityClasses(ownerState); // TODO: Can we just forward this to the button?
-
-  React.useEffect(() => {
-    if (autoFocus) {
-      // `ref.current` being `null` would be a bug in MUIu
-      ref.current.focus();
-    }
-  }, [autoFocus]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersYearRoot, {
-    className: (0, _clsx.default)(classes.root, className),
-    ownerState: ownerState,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersYearButton, {
-      ref: refHandle,
-      disabled: disabled,
-      type: "button",
-      tabIndex: selected ? 0 : -1,
-      onClick: event => onClick(event, value),
-      onKeyDown: event => onKeyDown(event, value),
-      className: classes.yearButton,
-      ownerState: ownerState,
-      children: children
-    })
-  });
-});
-var _default = PickersYear;
-exports.default = _default;

package/node/YearPicker/YearPicker.js

@@ -1,275 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@mui/material/styles");
-
-var _base = require("@mui/base");
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _PickersYear = _interopRequireDefault(require("./PickersYear"));
-
-var _useUtils = require("../internal/pickers/hooks/useUtils");
-
-var _dateUtils = require("../internal/pickers/date-utils");
-
-var _WrapperVariantContext = require("../internal/pickers/wrappers/WrapperVariantContext");
-
-var _yearPickerClasses = require("./yearPickerClasses");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return (0, _base.unstable_composeClasses)(slots, _yearPickerClasses.getYearPickerUtilityClass, classes);
-};
-
-const YearPickerRoot = (0, _styles.styled)('div', {
-  name: 'MuiYearPicker',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})({
-  display: 'flex',
-  flexDirection: 'row',
-  flexWrap: 'wrap',
-  overflowY: 'auto',
-  height: '100%',
-  margin: '0 4px'
-});
-const YearPicker = /*#__PURE__*/React.forwardRef(function YearPicker(inProps, ref) {
-  const props = (0, _styles.useThemeProps)({
-    props: inProps,
-    name: 'MuiYearPicker'
-  });
-  const {
-    autoFocus,
-    className,
-    date,
-    disabled,
-    disableFuture,
-    disablePast,
-    isDateDisabled,
-    maxDate,
-    minDate,
-    onChange,
-    onFocusedDayChange,
-    onYearChange,
-    readOnly,
-    shouldDisableYear
-  } = props;
-  const ownerState = props;
-  const classes = useUtilityClasses(ownerState);
-  const now = (0, _useUtils.useNow)();
-  const theme = (0, _styles.useTheme)();
-  const utils = (0, _useUtils.useUtils)();
-  const selectedDate = date || now;
-  const currentYear = utils.getYear(selectedDate);
-  const wrapperVariant = React.useContext(_WrapperVariantContext.WrapperVariantContext);
-  const selectedYearRef = React.useRef(null);
-  const [focusedYear, setFocusedYear] = React.useState(currentYear);
-
-  const handleYearSelection = (event, year, isFinish = 'finish') => {
-    if (readOnly) {
-      return;
-    }
-
-    const submitDate = newDate => {
-      onChange(newDate, isFinish);
-
-      if (onFocusedDayChange) {
-        onFocusedDayChange(newDate || now);
-      }
-
-      if (onYearChange) {
-        onYearChange(newDate);
-      }
-    };
-
-    const newDate = utils.setYear(selectedDate, year);
-
-    if (isDateDisabled(newDate)) {
-      const closestEnabledDate = (0, _dateUtils.findClosestEnabledDate)({
-        utils,
-        date: newDate,
-        minDate,
-        maxDate,
-        disablePast: Boolean(disablePast),
-        disableFuture: Boolean(disableFuture),
-        shouldDisableDate: isDateDisabled
-      });
-      submitDate(closestEnabledDate || now);
-    } else {
-      submitDate(newDate);
-    }
-  };
-
-  const focusYear = React.useCallback(year => {
-    if (!isDateDisabled(utils.setYear(selectedDate, year))) {
-      setFocusedYear(year);
-    }
-  }, [selectedDate, isDateDisabled, utils]);
-  const yearsInRow = wrapperVariant === 'desktop' ? 4 : 3;
-
-  const handleKeyDown = (event, year) => {
-    switch (event.key) {
-      case 'ArrowUp':
-        focusYear(year - yearsInRow);
-        event.preventDefault();
-        break;
-
-      case 'ArrowDown':
-        focusYear(year + yearsInRow);
-        event.preventDefault();
-        break;
-
-      case 'ArrowLeft':
-        focusYear(year + (theme.direction === 'ltr' ? -1 : 1));
-        event.preventDefault();
-        break;
-
-      case 'ArrowRight':
-        focusYear(year + (theme.direction === 'ltr' ? 1 : -1));
-        event.preventDefault();
-        break;
-
-      default:
-        break;
-    }
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(YearPickerRoot, {
-    ref: ref,
-    className: (0, _clsx.default)(classes.root, className),
-    ownerState: ownerState,
-    children: utils.getYearRange(minDate, maxDate).map(year => {
-      const yearNumber = utils.getYear(year);
-      const selected = yearNumber === currentYear;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersYear.default, {
-        selected: selected,
-        value: yearNumber,
-        onClick: handleYearSelection,
-        onKeyDown: handleKeyDown,
-        autoFocus: autoFocus && yearNumber === focusedYear,
-        ref: selected ? selectedYearRef : undefined,
-        disabled: disabled || disablePast && utils.isBeforeYear(year, now) || disableFuture && utils.isAfterYear(year, now) || shouldDisableYear && shouldDisableYear(year),
-        children: utils.format(year, 'year')
-      }, utils.format(year, 'year'));
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? YearPicker.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-
-  /**
-   * @ignore
-   */
-  autoFocus: _propTypes.default.bool,
-
-  /**
-   * @ignore
-   */
-  classes: _propTypes.default.object,
-
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-
-  /**
-   * @ignore
-   */
-  date: _propTypes.default.any,
-
-  /**
-   * @ignore
-   */
-  disabled: _propTypes.default.bool,
-
-  /**
-   * @ignore
-   */
-  disableFuture: _propTypes.default.bool,
-
-  /**
-   * @ignore
-   */
-  disablePast: _propTypes.default.bool,
-
-  /**
-   * @ignore
-   */
-  isDateDisabled: _propTypes.default.func.isRequired,
-
-  /**
-   * @ignore
-   */
-  maxDate: _propTypes.default.any.isRequired,
-
-  /**
-   * @ignore
-   */
-  minDate: _propTypes.default.any.isRequired,
-
-  /**
-   * @ignore
-   */
-  onChange: _propTypes.default.func.isRequired,
-
-  /**
-   * @ignore
-   */
-  onFocusedDayChange: _propTypes.default.func,
-
-  /**
-   * Callback firing on year change @DateIOType.
-   */
-  onYearChange: _propTypes.default.func,
-
-  /**
-   * @ignore
-   */
-  readOnly: _propTypes.default.bool,
-
-  /**
-   * Disable specific years dynamically.
-   * Works like `shouldDisableDate` but for year selection view @DateIOType.
-   */
-  shouldDisableYear: _propTypes.default.func
-} : void 0;
-/**
- *
- * Demos:
- *
- * - [Date Picker](https://mui.com/components/date-picker/)
- *
- * API:
- *
- * - [YearPicker API](https://mui.com/api/year-picker/)
- */
-
-var _default = YearPicker;
-exports.default = _default;

package/node/YearPicker/yearPickerClasses.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getYearPickerUtilityClass = getYearPickerUtilityClass;
-
-var _base = require("@mui/base");
-
-function getYearPickerUtilityClass(slot) {
-  return (0, _base.generateUtilityClass)('MuiYearPicker', slot);
-}
-
-const yearPickerClasses = (0, _base.generateUtilityClasses)('MuiYearPicker', ['root']);
-var _default = yearPickerClasses;
-exports.default = _default;

package/node/internal/pickers/KeyboardDateInput.js

@@ -1,85 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.KeyboardDateInput = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
-var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
-
-var _useUtils = require("./hooks/useUtils");
-
-var _Calendar = _interopRequireDefault(require("../svg-icons/Calendar"));
-
-var _useMaskedInput = require("./hooks/useMaskedInput");
-
-var _textFieldHelper = require("./text-field-helper");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const _excluded = ["components", "disableOpenPicker", "getOpenDialogAriaText", "InputAdornmentProps", "InputProps", "inputRef", "openPicker", "OpenPickerButtonProps", "renderInput"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const KeyboardDateInput = /*#__PURE__*/React.forwardRef(function KeyboardDateInput(props, ref) {
-  const {
-    components = {},
-    disableOpenPicker,
-    getOpenDialogAriaText = _textFieldHelper.getTextFieldAriaText,
-    InputAdornmentProps,
-    InputProps,
-    inputRef,
-    openPicker,
-    OpenPickerButtonProps,
-    renderInput
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const utils = (0, _useUtils.useUtils)();
-  const textFieldProps = (0, _useMaskedInput.useMaskedInput)(other);
-  const adornmentPosition = (InputAdornmentProps == null ? void 0 : InputAdornmentProps.position) || 'end';
-  const OpenPickerIcon = components.OpenPickerIcon || _Calendar.default;
-  return renderInput((0, _extends2.default)({
-    ref,
-    inputRef
-  }, textFieldProps, {
-    InputProps: (0, _extends2.default)({}, InputProps, {
-      [`${adornmentPosition}Adornment`]: disableOpenPicker ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment.default, (0, _extends2.default)({
-        position: adornmentPosition
-      }, InputAdornmentProps, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({
-          edge: adornmentPosition,
-          disabled: other.disabled || other.readOnly,
-          "aria-label": getOpenDialogAriaText(other.rawValue, utils)
-        }, OpenPickerButtonProps, {
-          onClick: openPicker,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OpenPickerIcon, {})
-        }))
-      }))
-    })
-  }));
-});
-exports.KeyboardDateInput = KeyboardDateInput;
-process.env.NODE_ENV !== "production" ? KeyboardDateInput.propTypes = {
-  acceptRegex: _propTypes.default.instanceOf(RegExp),
-  getOpenDialogAriaText: _propTypes.default.func,
-  mask: _propTypes.default.string,
-  OpenPickerButtonProps: _propTypes.default.object,
-  renderInput: _propTypes.default.func.isRequired,
-  rifmFormatter: _propTypes.default.func
-} : void 0;
-var _default = KeyboardDateInput;
-exports.default = _default;

package/node/internal/pickers/Picker/Picker.js

@@ -1,156 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MobileKeyboardInputView = void 0;
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styles = require("@mui/material/styles");
-
-var _useViews = require("../hooks/useViews");
-
-var _ClockPicker = _interopRequireDefault(require("../../../ClockPicker/ClockPicker"));
-
-var _CalendarPicker = _interopRequireDefault(require("../../../CalendarPicker"));
-
-var _KeyboardDateInput = require("../KeyboardDateInput");
-
-var _useIsLandscape = require("../hooks/useIsLandscape");
-
-var _WrapperVariantContext = require("../wrappers/WrapperVariantContext");
-
-var _PickerView = _interopRequireDefault(require("./PickerView"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const _excluded = ["autoFocus", "className", "date", "DateInputProps", "isMobileKeyboardViewOpen", "onDateChange", "onViewChange", "openTo", "orientation", "showToolbar", "toggleMobileKeyboardView", "ToolbarComponent", "toolbarFormat", "toolbarPlaceholder", "toolbarTitle", "views"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const MobileKeyboardInputView = (0, _styles.styled)('div')({
-  padding: '16px 24px'
-});
-exports.MobileKeyboardInputView = MobileKeyboardInputView;
-const PickerRoot = (0, _styles.styled)('div')(({
-  ownerState
-}) => (0, _extends2.default)({
-  display: 'flex',
-  flexDirection: 'column'
-}, ownerState.isLandscape && {
-  flexDirection: 'row'
-}));
-const MobileKeyboardTextFieldProps = {
-  fullWidth: true
-};
-
-const isDatePickerView = view => view === 'year' || view === 'month' || view === 'day';
-
-const isTimePickerView = view => view === 'hours' || view === 'minutes' || view === 'seconds';
-
-function Picker(props) {
-  const {
-    autoFocus,
-    date,
-    DateInputProps,
-    isMobileKeyboardViewOpen,
-    onDateChange,
-    onViewChange,
-    openTo,
-    orientation,
-    showToolbar,
-    toggleMobileKeyboardView,
-    ToolbarComponent = () => null,
-    toolbarFormat,
-    toolbarPlaceholder,
-    toolbarTitle,
-    views
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const isLandscape = (0, _useIsLandscape.useIsLandscape)(views, orientation);
-  const wrapperVariant = React.useContext(_WrapperVariantContext.WrapperVariantContext);
-  const toShowToolbar = typeof showToolbar === 'undefined' ? wrapperVariant !== 'desktop' : showToolbar;
-  const handleDateChange = React.useCallback((newDate, selectionState) => {
-    onDateChange(newDate, wrapperVariant, selectionState);
-  }, [onDateChange, wrapperVariant]);
-  const handleViewChange = React.useCallback(newView => {
-    if (isMobileKeyboardViewOpen) {
-      toggleMobileKeyboardView();
-    }
-
-    if (onViewChange) {
-      onViewChange(newView);
-    }
-  }, [isMobileKeyboardViewOpen, onViewChange, toggleMobileKeyboardView]);
-  const {
-    openView,
-    nextView,
-    previousView,
-    setOpenView,
-    handleChangeAndOpenNext
-  } = (0, _useViews.useViews)({
-    view: undefined,
-    views,
-    openTo,
-    onChange: handleDateChange,
-    onViewChange: handleViewChange
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickerRoot, {
-    ownerState: {
-      isLandscape
-    },
-    children: [toShowToolbar && /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarComponent, (0, _extends2.default)({}, other, {
-      views: views,
-      isLandscape: isLandscape,
-      date: date,
-      onChange: handleDateChange,
-      setOpenView: setOpenView,
-      openView: openView,
-      toolbarTitle: toolbarTitle,
-      toolbarFormat: toolbarFormat,
-      toolbarPlaceholder: toolbarPlaceholder,
-      isMobileKeyboardViewOpen: isMobileKeyboardViewOpen,
-      toggleMobileKeyboardView: toggleMobileKeyboardView
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerView.default, {
-      children: isMobileKeyboardViewOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileKeyboardInputView, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardDateInput.KeyboardDateInput, (0, _extends2.default)({}, DateInputProps, {
-          ignoreInvalidInputs: true,
-          disableOpenPicker: true,
-          TextFieldProps: MobileKeyboardTextFieldProps
-        }))
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-        children: [isDatePickerView(openView) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarPicker.default, (0, _extends2.default)({
-          autoFocus: autoFocus,
-          date: date,
-          onViewChange: setOpenView,
-          onChange: handleChangeAndOpenNext,
-          view: openView // Unclear why the predicate `isDatePickerView` does not imply the casted type
-          ,
-          views: views.filter(isDatePickerView)
-        }, other)), isTimePickerView(openView) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClockPicker.default, (0, _extends2.default)({}, other, {
-          autoFocus: autoFocus,
-          date: date,
-          view: openView,
-          onChange: handleChangeAndOpenNext,
-          openNextView: () => setOpenView(nextView),
-          openPreviousView: () => setOpenView(previousView),
-          nextViewAvailable: !nextView,
-          previousViewAvailable: !previousView || isDatePickerView(previousView),
-          showViewSwitcher: wrapperVariant === 'desktop'
-        }))]
-      })
-    })]
-  });
-}
-
-var _default = Picker;
-exports.default = _default;

package/node/internal/pickers/Picker/PickerView.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styles = require("@mui/material/styles");
-
-var _dimensions = require("../constants/dimensions");
-
-const PickerView = (0, _styles.styled)('div')({
-  overflowX: 'hidden',
-  width: _dimensions.DIALOG_WIDTH,
-  maxHeight: _dimensions.VIEW_HEIGHT,
-  display: 'flex',
-  flexDirection: 'column',
-  margin: '0 auto'
-});
-var _default = PickerView;
-exports.default = _default;