@mui/lab 5.0.0-alpha.75 → 5.0.0-alpha.78

package/DateRangePicker/DateRangePickerViewDesktop.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import { DateRange } from './RangeTypes';
-import { PickersCalendarProps } from '../CalendarPicker/PickersCalendar';
-import { DateRangePickerDayProps } from '../DateRangePickerDay';
-import { ExportedArrowSwitcherProps } from '../internal/pickers/PickersArrowSwitcher';
-import { DateValidationProps } from '../internal/pickers/date-utils';
-export interface ExportedDesktopDateRangeCalendarProps<TDate> {
-    /**
-     * The number of calendars that render on **desktop**.
-     * @default 2
-     */
-    calendars?: 1 | 2 | 3;
-    /**
-     * Custom renderer for `<DateRangePicker />` days. @DateIOType
-     * @example (date, dateRangePickerDayProps) => <DateRangePickerDay {...dateRangePickerDayProps} />
-     */
-    renderDay?: (date: TDate, dateRangePickerDayProps: DateRangePickerDayProps<TDate>) => JSX.Element;
-}
-interface DesktopDateRangeCalendarProps<TDate> extends ExportedDesktopDateRangeCalendarProps<TDate>, Omit<PickersCalendarProps<TDate>, 'renderDay' | 'onFocusedDayChange'>, DateValidationProps<TDate>, ExportedArrowSwitcherProps {
-    calendars: 1 | 2 | 3;
-    date: DateRange<TDate | null>;
-    changeMonth: (date: TDate) => void;
-    currentlySelectingRangeEnd: 'start' | 'end';
-}
-/**
- * @ignore - internal component.
- */
-declare function DateRangePickerViewDesktop<TDate>(props: DesktopDateRangeCalendarProps<TDate>): JSX.Element;
-export default DateRangePickerViewDesktop;

package/DateRangePicker/DateRangePickerViewDesktop.js

@@ -1,159 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["calendars", "changeMonth", "components", "componentsProps", "currentlySelectingRangeEnd", "currentMonth", "date", "disableFuture", "disablePast", "leftArrowButtonText", "maxDate", "minDate", "onChange", "renderDay", "rightArrowButtonText"];
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { useDefaultDates, useUtils } from '../internal/pickers/hooks/useUtils';
-import { calculateRangePreview } from './date-range-manager';
-import PickersCalendar from '../CalendarPicker/PickersCalendar';
-import DateRangePickerDay from '../DateRangePickerDay';
-import PickersArrowSwitcher from '../internal/pickers/PickersArrowSwitcher';
-import { usePreviousMonthDisabled, useNextMonthDisabled } from '../internal/pickers/hooks/date-helpers-hooks';
-import { isWithinRange, isStartOfRange, isEndOfRange } from '../internal/pickers/date-utils';
-import { doNothing } from '../internal/pickers/utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const DateRangePickerViewDesktopRoot = styled('div')({
-  display: 'flex',
-  flexDirection: 'row'
-});
-const DateRangePickerViewDesktopContainer = styled('div')(({
-  theme
-}) => ({
-  '&:not(:last-of-type)': {
-    borderRight: `2px solid ${theme.palette.divider}`
-  }
-}));
-const DateRangePickerViewDesktopCalendar = styled(PickersCalendar)({
-  minWidth: 312,
-  minHeight: 288
-});
-const DateRangePickerViewDesktopArrowSwitcher = styled(PickersArrowSwitcher)({
-  padding: '16px 16px 8px 16px',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'space-between'
-});
-
-function getCalendarsArray(calendars) {
-  switch (calendars) {
-    case 1:
-      return [0];
-
-    case 2:
-      return [0, 0];
-
-    case 3:
-      return [0, 0, 0];
-    // this will not work in IE11, but allows to support any amount of calendars
-
-    default:
-      return new Array(calendars).fill(0);
-  }
-}
-/**
- * @ignore - internal component.
- */
-
-
-function DateRangePickerViewDesktop(props) {
-  const {
-    calendars,
-    changeMonth,
-    components,
-    componentsProps,
-    currentlySelectingRangeEnd,
-    currentMonth,
-    date,
-    disableFuture,
-    disablePast,
-    leftArrowButtonText = 'Previous month',
-    maxDate: maxDateProp,
-    minDate: minDateProp,
-    onChange,
-    renderDay = (_, dateRangeProps) => /*#__PURE__*/_jsx(DateRangePickerDay, _extends({}, dateRangeProps)),
-    rightArrowButtonText = 'Next month'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const utils = useUtils();
-  const defaultDates = useDefaultDates();
-  const minDate = minDateProp != null ? minDateProp : defaultDates.minDate;
-  const maxDate = maxDateProp != null ? maxDateProp : defaultDates.maxDate;
-  const [rangePreviewDay, setRangePreviewDay] = React.useState(null);
-  const isNextMonthDisabled = useNextMonthDisabled(currentMonth, {
-    disableFuture,
-    maxDate
-  });
-  const isPreviousMonthDisabled = usePreviousMonthDisabled(currentMonth, {
-    disablePast,
-    minDate
-  });
-  const previewingRange = calculateRangePreview({
-    utils,
-    range: date,
-    newDate: rangePreviewDay,
-    currentlySelectingRangeEnd
-  });
-  const handleDayChange = React.useCallback(day => {
-    setRangePreviewDay(null);
-    onChange(day);
-  }, [onChange]);
-
-  const handlePreviewDayChange = newPreviewRequest => {
-    if (!isWithinRange(utils, newPreviewRequest, date)) {
-      setRangePreviewDay(newPreviewRequest);
-    } else {
-      setRangePreviewDay(null);
-    }
-  };
-
-  const CalendarTransitionProps = React.useMemo(() => ({
-    onMouseLeave: () => setRangePreviewDay(null)
-  }), []);
-  const selectNextMonth = React.useCallback(() => {
-    changeMonth(utils.getNextMonth(currentMonth));
-  }, [changeMonth, currentMonth, utils]);
-  const selectPreviousMonth = React.useCallback(() => {
-    changeMonth(utils.getPreviousMonth(currentMonth));
-  }, [changeMonth, currentMonth, utils]);
-  return /*#__PURE__*/_jsx(DateRangePickerViewDesktopRoot, {
-    children: getCalendarsArray(calendars).map((_, index) => {
-      const monthOnIteration = utils.setMonth(currentMonth, utils.getMonth(currentMonth) + index);
-      return /*#__PURE__*/_jsxs(DateRangePickerViewDesktopContainer, {
-        children: [/*#__PURE__*/_jsx(DateRangePickerViewDesktopArrowSwitcher, {
-          onLeftClick: selectPreviousMonth,
-          onRightClick: selectNextMonth,
-          isLeftHidden: index !== 0,
-          isRightHidden: index !== calendars - 1,
-          isLeftDisabled: isPreviousMonthDisabled,
-          isRightDisabled: isNextMonthDisabled,
-          leftArrowButtonText: leftArrowButtonText,
-          components: components,
-          componentsProps: componentsProps,
-          rightArrowButtonText: rightArrowButtonText,
-          children: utils.format(monthOnIteration, 'monthAndYear')
-        }), /*#__PURE__*/_createElement(DateRangePickerViewDesktopCalendar, _extends({}, other, {
-          key: index,
-          date: date,
-          onFocusedDayChange: doNothing,
-          onChange: handleDayChange,
-          currentMonth: monthOnIteration,
-          TransitionProps: CalendarTransitionProps,
-          renderDay: (day, __, DayProps) => renderDay(day, _extends({
-            isPreviewing: isWithinRange(utils, day, previewingRange),
-            isStartOfPreviewing: isStartOfRange(utils, day, previewingRange),
-            isEndOfPreviewing: isEndOfRange(utils, day, previewingRange),
-            isHighlighting: isWithinRange(utils, day, date),
-            isStartOfHighlighting: isStartOfRange(utils, day, date),
-            isEndOfHighlighting: isEndOfRange(utils, day, date),
-            onMouseEnter: () => handlePreviewDayChange(day)
-          }, DayProps))
-        }))]
-      }, index);
-    })
-  });
-}
-
-export default DateRangePickerViewDesktop;

package/DateRangePicker/DateRangePickerViewMobile.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { ExportedCalendarHeaderProps } from '../CalendarPicker/PickersCalendarHeader';
-import { DateRange } from './RangeTypes';
-import { PickersCalendarProps } from '../CalendarPicker/PickersCalendar';
-import { ExportedDesktopDateRangeCalendarProps } from './DateRangePickerViewDesktop';
-import { DateValidationProps } from '../internal/pickers/date-utils';
-export interface ExportedMobileDateRangeCalendarProps<TDate> extends Pick<ExportedDesktopDateRangeCalendarProps<TDate>, 'renderDay'> {
-}
-interface DesktopDateRangeCalendarProps<TDate> extends ExportedMobileDateRangeCalendarProps<TDate>, Omit<PickersCalendarProps<TDate>, 'date' | 'renderDay' | 'onFocusedDayChange'>, DateValidationProps<TDate>, ExportedCalendarHeaderProps<TDate> {
-    date: DateRange<TDate>;
-    changeMonth: (date: TDate) => void;
-}
-/**
- * @ignore - internal component.
- */
-export declare function DateRangePickerViewMobile<TDate>(props: DesktopDateRangeCalendarProps<TDate>): JSX.Element;
-export {};

package/DateRangePicker/DateRangePickerViewMobile.js

@@ -1,62 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["changeMonth", "components", "componentsProps", "date", "leftArrowButtonText", "maxDate", "minDate", "onChange", "renderDay", "rightArrowButtonText"];
-import * as React from 'react';
-import PickersCalendarHeader from '../CalendarPicker/PickersCalendarHeader';
-import DateRangePickerDay from '../DateRangePickerDay';
-import { useDefaultDates, useUtils } from '../internal/pickers/hooks/useUtils';
-import PickersCalendar from '../CalendarPicker/PickersCalendar';
-import { isWithinRange, isStartOfRange, isEndOfRange } from '../internal/pickers/date-utils';
-import { doNothing } from '../internal/pickers/utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const onlyDayView = ['day'];
-/**
- * @ignore - internal component.
- */
-
-export function DateRangePickerViewMobile(props) {
-  const {
-    changeMonth,
-    components,
-    componentsProps,
-    date,
-    leftArrowButtonText,
-    maxDate: maxDateProp,
-    minDate: minDateProp,
-    onChange,
-    renderDay = (_, dayProps) => /*#__PURE__*/_jsx(DateRangePickerDay, _extends({}, dayProps)),
-    rightArrowButtonText
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const utils = useUtils();
-  const defaultDates = useDefaultDates();
-  const minDate = minDateProp != null ? minDateProp : defaultDates.minDate;
-  const maxDate = maxDateProp != null ? maxDateProp : defaultDates.maxDate;
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(PickersCalendarHeader, _extends({
-      components: components,
-      componentsProps: componentsProps,
-      leftArrowButtonText: leftArrowButtonText,
-      maxDate: maxDate,
-      minDate: minDate,
-      onMonthChange: changeMonth,
-      openView: "day",
-      rightArrowButtonText: rightArrowButtonText,
-      views: onlyDayView
-    }, other)), /*#__PURE__*/_jsx(PickersCalendar, _extends({}, other, {
-      date: date,
-      onChange: onChange,
-      onFocusedDayChange: doNothing,
-      renderDay: (day, _, DayProps) => renderDay(day, _extends({
-        isPreviewing: false,
-        isStartOfPreviewing: false,
-        isEndOfPreviewing: false,
-        isHighlighting: isWithinRange(utils, day, date),
-        isStartOfHighlighting: isStartOfRange(utils, day, date),
-        isEndOfHighlighting: isEndOfRange(utils, day, date)
-      }, DayProps))
-    }))]
-  });
-}

package/DateRangePicker/RangeTypes.d.ts

@@ -1,8 +0,0 @@
-import { ParseableDate } from '../internal/pickers/constants/prop-types';
-export declare type RangeInput<TDate> = [ParseableDate<TDate>, ParseableDate<TDate>];
-export declare type DateRange<TDate> = [TDate | null, TDate | null];
-export declare type NonEmptyDateRange<TDate> = [TDate, TDate];
-export interface CurrentlySelectingRangeEndProps {
-    currentlySelectingRangeEnd: 'start' | 'end';
-    setCurrentlySelectingRangeEnd: (newSelectingEnd: 'start' | 'end') => void;
-}

package/DateRangePicker/RangeTypes.js

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

package/DateRangePicker/date-range-manager.d.ts

@@ -1,14 +0,0 @@
-import { DateRange } from './RangeTypes';
-import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
-interface CalculateRangeChangeOptions<TDate> {
-    utils: MuiPickersAdapter<TDate>;
-    range: DateRange<TDate>;
-    newDate: TDate;
-    currentlySelectingRangeEnd: 'start' | 'end';
-}
-export declare function calculateRangeChange<TDate>({ utils, range, newDate: selectedDate, currentlySelectingRangeEnd, }: CalculateRangeChangeOptions<TDate>): {
-    nextSelection: 'start' | 'end';
-    newRange: DateRange<TDate>;
-};
-export declare function calculateRangePreview<TDate>(options: CalculateRangeChangeOptions<TDate>): DateRange<TDate>;
-export {};

package/DateRangePicker/date-range-manager.js

@@ -1,43 +0,0 @@
-export function calculateRangeChange({
-  utils,
-  range,
-  newDate: selectedDate,
-  currentlySelectingRangeEnd
-}) {
-  const [start, end] = range;
-
-  if (currentlySelectingRangeEnd === 'start') {
-    return Boolean(end) && utils.isAfter(selectedDate, end) ? {
-      nextSelection: 'end',
-      newRange: [selectedDate, null]
-    } : {
-      nextSelection: 'end',
-      newRange: [selectedDate, end]
-    };
-  }
-
-  return Boolean(start) && utils.isBefore(selectedDate, start) ? {
-    nextSelection: 'end',
-    newRange: [selectedDate, null]
-  } : {
-    nextSelection: 'start',
-    newRange: [start, selectedDate]
-  };
-}
-export function calculateRangePreview(options) {
-  if (!options.newDate) {
-    return [null, null];
-  }
-
-  const [start, end] = options.range;
-  const {
-    newRange
-  } = calculateRangeChange(options);
-
-  if (!start || !end) {
-    return newRange;
-  }
-
-  const [previewStart, previewEnd] = newRange;
-  return options.currentlySelectingRangeEnd === 'end' ? [end, previewEnd] : [previewStart, start];
-}

package/DateTimePicker/DateTimePicker.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { DesktopDateTimePickerProps } from '../DesktopDateTimePicker';
-import { MobileDateTimePickerProps } from '../MobileDateTimePicker';
-export interface DateTimePickerProps<TDate = unknown> extends DesktopDateTimePickerProps<TDate>, MobileDateTimePickerProps<TDate> {
-    /**
-     * CSS media query when `Mobile` mode will be changed to `Desktop`.
-     * @default '@media (pointer: fine)'
-     * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
-     */
-    desktopModeMediaQuery?: string;
-}
-declare type DateTimePickerComponent = (<TDate>(props: DateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Date Time Picker](https://mui.com/components/date-time-picker/)
- * - [Pickers](https://mui.com/components/pickers/)
- *
- * API:
- *
- * - [DateTimePicker API](https://mui.com/api/date-time-picker/)
- */
-declare const DateTimePicker: DateTimePickerComponent;
-export default DateTimePicker;