@mui/x-date-pickers 7.0.0-beta.2 → 7.0.0-beta.5

package/legacy/DateTimePicker/DateTimePickerToolbar.js

@@ -1,385 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["ampm", "ampmInClock", "value", "onChange", "view", "isLandscape", "onViewChange", "toolbarFormat", "toolbarPlaceholder", "views", "disabled", "readOnly", "toolbarVariant", "toolbarTitle", "className"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled, useThemeProps, useTheme } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import clsx from 'clsx';
-import { PickersToolbarText } from '../internals/components/PickersToolbarText';
-import { PickersToolbar } from '../internals/components/PickersToolbar';
-import { PickersToolbarButton } from '../internals/components/PickersToolbarButton';
-import { useLocaleText, useUtils } from '../internals/hooks/useUtils';
-import { dateTimePickerToolbarClasses, getDateTimePickerToolbarUtilityClass } from './dateTimePickerToolbarClasses';
-import { useMeridiemMode } from '../internals/hooks/date-helpers-hooks';
-import { MULTI_SECTION_CLOCK_SECTION_WIDTH } from '../internals/constants/dimensions';
-import { formatMeridiem } from '../internals/utils/date-utils';
-import { pickersToolbarTextClasses } from '../internals/components/pickersToolbarTextClasses';
-import { pickersToolbarClasses } from '../internals';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    theme = ownerState.theme,
-    isLandscape = ownerState.isLandscape;
-  var slots = {
-    root: ['root'],
-    dateContainer: ['dateContainer'],
-    timeContainer: ['timeContainer', theme.direction === 'rtl' && 'timeLabelReverse'],
-    timeDigitsContainer: ['timeDigitsContainer', theme.direction === 'rtl' && 'timeLabelReverse'],
-    separator: ['separator'],
-    ampmSelection: ['ampmSelection', isLandscape && 'ampmLandscape'],
-    ampmLabel: ['ampmLabel']
-  };
-  return composeClasses(slots, getDateTimePickerToolbarUtilityClass, classes);
-};
-var DateTimePickerToolbarRoot = styled(PickersToolbar, {
-  name: 'MuiDateTimePickerToolbar',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.root;
-  }
-})(function (_ref) {
-  var theme = _ref.theme,
-    ownerState = _ref.ownerState;
-  return _extends({
-    paddingLeft: ownerState.toolbarVariant === 'desktop' && !ownerState.isLandscape ? 24 : 16,
-    paddingRight: ownerState.toolbarVariant === 'desktop' && !ownerState.isLandscape ? 0 : 16,
-    borderBottom: ownerState.toolbarVariant === 'desktop' ? "1px solid ".concat((theme.vars || theme).palette.divider) : undefined,
-    borderRight: ownerState.toolbarVariant === 'desktop' && ownerState.isLandscape ? "1px solid ".concat((theme.vars || theme).palette.divider) : undefined,
-    justifyContent: 'space-around',
-    position: 'relative'
-  }, ownerState.toolbarVariant === 'desktop' && _defineProperty({}, "& .".concat(pickersToolbarClasses.content, " .").concat(pickersToolbarTextClasses.selected), {
-    color: (theme.vars || theme).palette.primary.main,
-    fontWeight: theme.typography.fontWeightBold
-  }));
-});
-DateTimePickerToolbarRoot.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  as: PropTypes.elementType,
-  classes: PropTypes.object,
-  className: PropTypes.string,
-  isLandscape: PropTypes.bool.isRequired,
-  isMobileKeyboardViewOpen: PropTypes.bool,
-  landscapeDirection: PropTypes.oneOf(['column', 'row']),
-  ownerState: PropTypes.object.isRequired,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  toggleMobileKeyboardView: PropTypes.func,
-  toolbarTitle: PropTypes.node,
-  viewType: PropTypes.oneOf(['date', 'time'])
-};
-var DateTimePickerToolbarDateContainer = styled('div', {
-  name: 'MuiDateTimePickerToolbar',
-  slot: 'DateContainer',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.dateContainer;
-  }
-})({
-  display: 'flex',
-  flexDirection: 'column',
-  alignItems: 'flex-start'
-});
-var DateTimePickerToolbarTimeContainer = styled('div', {
-  name: 'MuiDateTimePickerToolbar',
-  slot: 'TimeContainer',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.timeContainer;
-  }
-})(function (_ref3) {
-  var theme = _ref3.theme,
-    ownerState = _ref3.ownerState;
-  var direction = ownerState.isLandscape && ownerState.toolbarVariant !== 'desktop' ? 'column' : 'row';
-  return _extends({
-    display: 'flex',
-    flexDirection: direction
-  }, ownerState.toolbarVariant === 'desktop' && _extends({}, !ownerState.isLandscape && {
-    gap: 9,
-    marginRight: 4,
-    alignSelf: 'flex-end'
-  }), theme.direction === 'rtl' && {
-    flexDirection: "".concat(direction, "-reverse")
-  });
-});
-var DateTimePickerToolbarTimeDigitsContainer = styled('div', {
-  name: 'MuiDateTimePickerToolbar',
-  slot: 'TimeDigitsContainer',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.timeDigitsContainer;
-  }
-})(function (_ref4) {
-  var theme = _ref4.theme,
-    ownerState = _ref4.ownerState;
-  return _extends({
-    display: 'flex'
-  }, ownerState.toolbarVariant === 'desktop' && {
-    gap: 1.5
-  }, theme.direction === 'rtl' && {
-    flexDirection: 'row-reverse'
-  });
-});
-DateTimePickerToolbarTimeContainer.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  as: PropTypes.elementType,
-  ownerState: PropTypes.object.isRequired,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-};
-var DateTimePickerToolbarSeparator = styled(PickersToolbarText, {
-  name: 'MuiDateTimePickerToolbar',
-  slot: 'Separator',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.separator;
-  }
-})(function (_ref5) {
-  var ownerState = _ref5.ownerState;
-  return {
-    margin: ownerState.toolbarVariant === 'desktop' ? 0 : '0 4px 0 2px',
-    cursor: 'default'
-  };
-});
-
-// Taken from TimePickerToolbar
-var DateTimePickerToolbarAmPmSelection = styled('div', {
-  name: 'MuiDateTimePickerToolbar',
-  slot: 'AmPmSelection',
-  overridesResolver: function overridesResolver(props, styles) {
-    return [_defineProperty({}, ".".concat(dateTimePickerToolbarClasses.ampmLabel), styles.ampmLabel), _defineProperty({}, "&.".concat(dateTimePickerToolbarClasses.ampmLandscape), styles.ampmLandscape), styles.ampmSelection];
-  }
-})(function (_ref8) {
-  var ownerState = _ref8.ownerState;
-  return _extends({
-    display: 'flex',
-    flexDirection: 'column',
-    marginRight: 'auto',
-    marginLeft: 12
-  }, ownerState.isLandscape && {
-    margin: '4px 0 auto',
-    flexDirection: 'row',
-    justifyContent: 'space-around',
-    width: '100%'
-  }, _defineProperty({}, "& .".concat(dateTimePickerToolbarClasses.ampmLabel), {
-    fontSize: 17
-  }));
-});
-
-/**
- * Demos:
- *
- * - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
- * - [Custom components](https://mui.com/x/react-date-pickers/custom-components/)
- *
- * API:
- *
- * - [DateTimePickerToolbar API](https://mui.com/x/api/date-pickers/date-time-picker-toolbar/)
- */
-function DateTimePickerToolbar(inProps) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiDateTimePickerToolbar'
-  });
-  var ampm = props.ampm,
-    ampmInClock = props.ampmInClock,
-    value = props.value,
-    onChange = props.onChange,
-    view = props.view,
-    isLandscape = props.isLandscape,
-    onViewChange = props.onViewChange,
-    toolbarFormat = props.toolbarFormat,
-    _props$toolbarPlaceho = props.toolbarPlaceholder,
-    toolbarPlaceholder = _props$toolbarPlaceho === void 0 ? '––' : _props$toolbarPlaceho,
-    views = props.views,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    _props$toolbarVariant = props.toolbarVariant,
-    toolbarVariant = _props$toolbarVariant === void 0 ? 'mobile' : _props$toolbarVariant,
-    inToolbarTitle = props.toolbarTitle,
-    className = props.className,
-    other = _objectWithoutProperties(props, _excluded);
-  var ownerState = props;
-  var utils = useUtils();
-  var _useMeridiemMode = useMeridiemMode(value, ampm, onChange),
-    meridiemMode = _useMeridiemMode.meridiemMode,
-    handleMeridiemChange = _useMeridiemMode.handleMeridiemChange;
-  var showAmPmControl = Boolean(ampm && !ampmInClock);
-  var isDesktop = toolbarVariant === 'desktop';
-  var localeText = useLocaleText();
-  var theme = useTheme();
-  var classes = useUtilityClasses(_extends({}, ownerState, {
-    theme: theme
-  }));
-  var toolbarTitle = inToolbarTitle != null ? inToolbarTitle : localeText.dateTimePickerToolbarTitle;
-  var formatHours = function formatHours(time) {
-    return ampm ? utils.format(time, 'hours12h') : utils.format(time, 'hours24h');
-  };
-  var dateText = React.useMemo(function () {
-    if (!value) {
-      return toolbarPlaceholder;
-    }
-    if (toolbarFormat) {
-      return utils.formatByString(value, toolbarFormat);
-    }
-    return utils.format(value, 'shortDate');
-  }, [value, toolbarFormat, toolbarPlaceholder, utils]);
-  return /*#__PURE__*/_jsxs(DateTimePickerToolbarRoot, _extends({
-    isLandscape: isLandscape,
-    className: clsx(classes.root, className),
-    toolbarTitle: toolbarTitle
-  }, other, {
-    ownerState: ownerState,
-    children: [/*#__PURE__*/_jsxs(DateTimePickerToolbarDateContainer, {
-      className: classes.dateContainer,
-      ownerState: ownerState,
-      children: [views.includes('year') && /*#__PURE__*/_jsx(PickersToolbarButton, {
-        tabIndex: -1,
-        variant: "subtitle1",
-        onClick: function onClick() {
-          return onViewChange('year');
-        },
-        selected: view === 'year',
-        value: value ? utils.format(value, 'year') : '–'
-      }), views.includes('day') && /*#__PURE__*/_jsx(PickersToolbarButton, {
-        tabIndex: -1,
-        variant: isDesktop ? 'h5' : 'h4',
-        onClick: function onClick() {
-          return onViewChange('day');
-        },
-        selected: view === 'day',
-        value: dateText
-      })]
-    }), /*#__PURE__*/_jsxs(DateTimePickerToolbarTimeContainer, {
-      className: classes.timeContainer,
-      ownerState: ownerState,
-      children: [/*#__PURE__*/_jsxs(DateTimePickerToolbarTimeDigitsContainer, {
-        className: classes.timeDigitsContainer,
-        ownerState: ownerState,
-        children: [views.includes('hours') && /*#__PURE__*/_jsxs(React.Fragment, {
-          children: [/*#__PURE__*/_jsx(PickersToolbarButton, {
-            variant: isDesktop ? 'h5' : 'h3',
-            width: isDesktop && !isLandscape ? MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
-            onClick: function onClick() {
-              return onViewChange('hours');
-            },
-            selected: view === 'hours',
-            value: value ? formatHours(value) : '--'
-          }), /*#__PURE__*/_jsx(DateTimePickerToolbarSeparator, {
-            variant: isDesktop ? 'h5' : 'h3',
-            value: ":",
-            className: classes.separator,
-            ownerState: ownerState
-          }), /*#__PURE__*/_jsx(PickersToolbarButton, {
-            variant: isDesktop ? 'h5' : 'h3',
-            width: isDesktop && !isLandscape ? MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
-            onClick: function onClick() {
-              return onViewChange('minutes');
-            },
-            selected: view === 'minutes' || !views.includes('minutes') && view === 'hours',
-            value: value ? utils.format(value, 'minutes') : '--',
-            disabled: !views.includes('minutes')
-          })]
-        }), views.includes('seconds') && /*#__PURE__*/_jsxs(React.Fragment, {
-          children: [/*#__PURE__*/_jsx(DateTimePickerToolbarSeparator, {
-            variant: isDesktop ? 'h5' : 'h3',
-            value: ":",
-            className: classes.separator,
-            ownerState: ownerState
-          }), /*#__PURE__*/_jsx(PickersToolbarButton, {
-            variant: isDesktop ? 'h5' : 'h3',
-            width: isDesktop && !isLandscape ? MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
-            onClick: function onClick() {
-              return onViewChange('seconds');
-            },
-            selected: view === 'seconds',
-            value: value ? utils.format(value, 'seconds') : '--'
-          })]
-        })]
-      }), showAmPmControl && !isDesktop && /*#__PURE__*/_jsxs(DateTimePickerToolbarAmPmSelection, {
-        className: classes.ampmSelection,
-        ownerState: ownerState,
-        children: [/*#__PURE__*/_jsx(PickersToolbarButton, {
-          variant: "subtitle2",
-          selected: meridiemMode === 'am',
-          typographyClassName: classes.ampmLabel,
-          value: formatMeridiem(utils, 'am'),
-          onClick: readOnly ? undefined : function () {
-            return handleMeridiemChange('am');
-          },
-          disabled: disabled
-        }), /*#__PURE__*/_jsx(PickersToolbarButton, {
-          variant: "subtitle2",
-          selected: meridiemMode === 'pm',
-          typographyClassName: classes.ampmLabel,
-          value: formatMeridiem(utils, 'pm'),
-          onClick: readOnly ? undefined : function () {
-            return handleMeridiemChange('pm');
-          },
-          disabled: disabled
-        })]
-      }), ampm && isDesktop && /*#__PURE__*/_jsx(PickersToolbarButton, {
-        variant: "h5",
-        onClick: function onClick() {
-          return onViewChange('meridiem');
-        },
-        selected: view === 'meridiem',
-        value: value && meridiemMode ? formatMeridiem(utils, meridiemMode) : '--',
-        width: MULTI_SECTION_CLOCK_SECTION_WIDTH
-      })]
-    })]
-  }));
-}
-process.env.NODE_ENV !== "production" ? DateTimePickerToolbar.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  ampm: PropTypes.bool,
-  ampmInClock: PropTypes.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  className: PropTypes.string,
-  disabled: PropTypes.bool,
-  /**
-   * If `true`, show the toolbar even in desktop mode.
-   * @default `true` for Desktop, `false` for Mobile.
-   */
-  hidden: PropTypes.bool,
-  isLandscape: PropTypes.bool.isRequired,
-  onChange: PropTypes.func.isRequired,
-  /**
-   * Callback called when a toolbar is clicked
-   * @template TView
-   * @param {TView} view The view to open
-   */
-  onViewChange: PropTypes.func.isRequired,
-  readOnly: PropTypes.bool,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  titleId: PropTypes.string,
-  /**
-   * Toolbar date format.
-   */
-  toolbarFormat: PropTypes.string,
-  /**
-   * Toolbar value placeholder—it is displayed when the value is empty.
-   * @default "––"
-   */
-  toolbarPlaceholder: PropTypes.node,
-  /**
-   * If provided, it will be used instead of `dateTimePickerToolbarTitle` from localization.
-   */
-  toolbarTitle: PropTypes.node,
-  toolbarVariant: PropTypes.oneOf(['desktop', 'mobile']),
-  value: PropTypes.object,
-  /**
-   * Currently visible picker view.
-   */
-  view: PropTypes.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']),
-  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']).isRequired).isRequired
-} : void 0;
-export { DateTimePickerToolbar };

package/legacy/DateTimePicker/dateTimePickerTabsClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getDateTimePickerTabsUtilityClass(slot) {
-  return generateUtilityClass('MuiDateTimePickerTabs', slot);
-}
-export var dateTimePickerTabsClasses = generateUtilityClasses('MuiDateTimePickerTabs', ['root']);

package/legacy/DateTimePicker/dateTimePickerToolbarClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getDateTimePickerToolbarUtilityClass(slot) {
-  return generateUtilityClass('MuiDateTimePickerToolbar', slot);
-}
-export var dateTimePickerToolbarClasses = generateUtilityClasses('MuiDateTimePickerToolbar', ['root', 'dateContainer', 'timeContainer', 'timeDigitsContainer', 'separator', 'timeLabelReverse', 'ampmSelection', 'ampmLandscape', 'ampmLabel']);

package/legacy/DateTimePicker/index.js

@@ -1,5 +0,0 @@
-export { DateTimePicker } from './DateTimePicker';
-export { DateTimePickerTabs } from './DateTimePickerTabs';
-export { dateTimePickerTabsClasses } from './dateTimePickerTabsClasses';
-export { DateTimePickerToolbar } from './DateTimePickerToolbar';
-export { dateTimePickerToolbarClasses } from './dateTimePickerToolbarClasses';

package/legacy/DateTimePicker/shared.js

@@ -1,56 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useThemeProps } from '@mui/material/styles';
-import { useDefaultDates, useUtils } from '../internals/hooks/useUtils';
-import { applyDefaultDate } from '../internals/utils/date-utils';
-import { DateTimePickerTabs } from './DateTimePickerTabs';
-import { DateTimePickerToolbar } from './DateTimePickerToolbar';
-import { applyDefaultViewProps } from '../internals/utils/views';
-export function useDateTimePickerDefaultizedProps(props, name) {
-  var _themeProps$ampm, _themeProps$orientati, _themeProps$disableIg, _themeProps$disableFu, _themeProps$disablePa, _themeProps$minDateTi, _themeProps$maxDateTi, _themeProps$minDateTi2, _themeProps$maxDateTi2, _themeProps$slotProps;
-  var utils = useUtils();
-  var defaultDates = useDefaultDates();
-  var themeProps = useThemeProps({
-    props: props,
-    name: name
-  });
-  var ampm = (_themeProps$ampm = themeProps.ampm) != null ? _themeProps$ampm : utils.is12HourCycleInCurrentLocale();
-  var localeText = React.useMemo(function () {
-    var _themeProps$localeTex;
-    if (((_themeProps$localeTex = themeProps.localeText) == null ? void 0 : _themeProps$localeTex.toolbarTitle) == null) {
-      return themeProps.localeText;
-    }
-    return _extends({}, themeProps.localeText, {
-      dateTimePickerToolbarTitle: themeProps.localeText.toolbarTitle
-    });
-  }, [themeProps.localeText]);
-  return _extends({}, themeProps, applyDefaultViewProps({
-    views: themeProps.views,
-    openTo: themeProps.openTo,
-    defaultViews: ['year', 'day', 'hours', 'minutes'],
-    defaultOpenTo: 'day'
-  }), {
-    ampm: ampm,
-    localeText: localeText,
-    orientation: (_themeProps$orientati = themeProps.orientation) != null ? _themeProps$orientati : 'portrait',
-    // TODO: Remove from public API
-    disableIgnoringDatePartForTimeValidation: (_themeProps$disableIg = themeProps.disableIgnoringDatePartForTimeValidation) != null ? _themeProps$disableIg : Boolean(themeProps.minDateTime || themeProps.maxDateTime ||
-    // allow time clock to correctly check time validity: https://github.com/mui/mui-x/issues/8520
-    themeProps.disablePast || themeProps.disableFuture),
-    disableFuture: (_themeProps$disableFu = themeProps.disableFuture) != null ? _themeProps$disableFu : false,
-    disablePast: (_themeProps$disablePa = themeProps.disablePast) != null ? _themeProps$disablePa : false,
-    minDate: applyDefaultDate(utils, (_themeProps$minDateTi = themeProps.minDateTime) != null ? _themeProps$minDateTi : themeProps.minDate, defaultDates.minDate),
-    maxDate: applyDefaultDate(utils, (_themeProps$maxDateTi = themeProps.maxDateTime) != null ? _themeProps$maxDateTi : themeProps.maxDate, defaultDates.maxDate),
-    minTime: (_themeProps$minDateTi2 = themeProps.minDateTime) != null ? _themeProps$minDateTi2 : themeProps.minTime,
-    maxTime: (_themeProps$maxDateTi2 = themeProps.maxDateTime) != null ? _themeProps$maxDateTi2 : themeProps.maxTime,
-    slots: _extends({
-      toolbar: DateTimePickerToolbar,
-      tabs: DateTimePickerTabs
-    }, themeProps.slots),
-    slotProps: _extends({}, themeProps.slotProps, {
-      toolbar: _extends({
-        ampm: ampm
-      }, (_themeProps$slotProps = themeProps.slotProps) == null ? void 0 : _themeProps$slotProps.toolbar)
-    })
-  });
-}

package/legacy/DayCalendarSkeleton/DayCalendarSkeleton.js

@@ -1,119 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["className"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import Skeleton from '@mui/material/Skeleton';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
-import { DAY_SIZE, DAY_MARGIN } from '../internals/constants/dimensions';
-import { getDayCalendarSkeletonUtilityClass } from './dayCalendarSkeletonClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['root'],
-    week: ['week'],
-    daySkeleton: ['daySkeleton']
-  };
-  return composeClasses(slots, getDayCalendarSkeletonUtilityClass, classes);
-};
-var DayCalendarSkeletonRoot = styled('div', {
-  name: 'MuiDayCalendarSkeleton',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.root;
-  }
-})({
-  alignSelf: 'start'
-});
-var DayCalendarSkeletonWeek = styled('div', {
-  name: 'MuiDayCalendarSkeleton',
-  slot: 'Week',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.week;
-  }
-})({
-  margin: "".concat(DAY_MARGIN, "px 0"),
-  display: 'flex',
-  justifyContent: 'center'
-});
-var DayCalendarSkeletonDay = styled(Skeleton, {
-  name: 'MuiDayCalendarSkeleton',
-  slot: 'DaySkeleton',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.daySkeleton;
-  }
-})(function (_ref) {
-  var ownerState = _ref.ownerState;
-  return _extends({
-    margin: "0 ".concat(DAY_MARGIN, "px")
-  }, ownerState.day === 0 && {
-    visibility: 'hidden'
-  });
-});
-DayCalendarSkeletonDay.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  ownerState: PropTypes.shape({
-    day: PropTypes.number.isRequired
-  }).isRequired
-};
-var monthMap = [[0, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 0, 0, 0]];
-
-/**
- * Demos:
- *
- * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
- *
- * API:
- *
- * - [CalendarPickerSkeleton API](https://mui.com/x/api/date-pickers/calendar-picker-skeleton/)
- */
-function DayCalendarSkeleton(inProps) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiDayCalendarSkeleton'
-  });
-  var className = props.className,
-    other = _objectWithoutProperties(props, _excluded);
-  var classes = useUtilityClasses(other);
-  return /*#__PURE__*/_jsx(DayCalendarSkeletonRoot, _extends({
-    className: clsx(classes.root, className)
-  }, other, {
-    children: monthMap.map(function (week, index) {
-      return /*#__PURE__*/_jsx(DayCalendarSkeletonWeek, {
-        className: classes.week,
-        children: week.map(function (day, index2) {
-          return /*#__PURE__*/_jsx(DayCalendarSkeletonDay, {
-            variant: "circular",
-            width: DAY_SIZE,
-            height: DAY_SIZE,
-            className: classes.daySkeleton,
-            ownerState: {
-              day: day
-            }
-          }, index2);
-        })
-      }, index);
-    })
-  }));
-}
-process.env.NODE_ENV !== "production" ? DayCalendarSkeleton.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { DayCalendarSkeleton };

package/legacy/DayCalendarSkeleton/dayCalendarSkeletonClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export var getDayCalendarSkeletonUtilityClass = function getDayCalendarSkeletonUtilityClass(slot) {
-  return generateUtilityClass('MuiDayCalendarSkeleton', slot);
-};
-export var dayCalendarSkeletonClasses = generateUtilityClasses('MuiDayCalendarSkeleton', ['root', 'week', 'daySkeleton']);

package/legacy/DayCalendarSkeleton/index.js

@@ -1,2 +0,0 @@
-export { DayCalendarSkeleton } from './DayCalendarSkeleton';
-export { dayCalendarSkeletonClasses, getDayCalendarSkeletonUtilityClass } from './dayCalendarSkeletonClasses';