@mui/x-date-pickers 8.0.0-alpha.1 → 8.0.0-alpha.11

package/MonthCalendar/PickersMonth.d.ts

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import { PickersMonthClasses } from './pickersMonthClasses';
-import { MonthCalendarSlotProps, MonthCalendarSlots } from './MonthCalendar.types';
-export interface ExportedPickersMonthProps {
-    classes?: Partial<PickersMonthClasses>;
-}
-export interface PickersMonthProps extends ExportedPickersMonthProps {
-    'aria-current'?: React.AriaAttributes['aria-current'];
-    'aria-label'?: React.AriaAttributes['aria-label'];
-    autoFocus: boolean;
-    children: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    onClick: (event: React.MouseEvent, month: number) => void;
-    onKeyDown: (event: React.KeyboardEvent, month: number) => void;
-    onFocus: (event: React.FocusEvent, month: number) => void;
-    onBlur: (event: React.FocusEvent, month: number) => void;
-    selected?: boolean;
-    value: number;
-    tabIndex: number;
-    monthsPerRow: 3 | 4;
-    slots?: MonthCalendarSlots;
-    slotProps?: MonthCalendarSlotProps;
-}
-/**
- * @ignore - do not document.
- */
-export declare const PickersMonth: React.NamedExoticComponent<PickersMonthProps>;

package/MonthCalendar/pickersMonthClasses.d.ts

@@ -1,13 +0,0 @@
-export interface PickersMonthClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the month button element. */
-    monthButton: string;
-    /** Styles applied to a disabled month button element. */
-    disabled: string;
-    /** Styles applied to a selected month button element. */
-    selected: string;
-}
-export type PickersMonthClassKey = keyof PickersMonthClasses;
-export declare function getPickersMonthUtilityClass(slot: string): string;
-export declare const pickersMonthClasses: Record<keyof PickersMonthClasses, string>;

package/MonthCalendar/pickersMonthClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersMonthUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersMonth', slot);
-}
-export const pickersMonthClasses = generateUtilityClasses('MuiPickersMonth', ['root', 'monthButton', 'disabled', 'selected']);

package/YearCalendar/PickersYear.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { PickersYearClasses } from './pickersYearClasses';
-import { YearCalendarSlotProps, YearCalendarSlots } from './YearCalendar.types';
-export interface ExportedPickersYearProps {
-    classes?: Partial<PickersYearClasses>;
-}
-export interface PickersYearProps extends ExportedPickersYearProps {
-    'aria-current'?: React.AriaAttributes['aria-current'];
-    autoFocus?: boolean;
-    children: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    onClick: (event: React.MouseEvent, year: number) => void;
-    onKeyDown: (event: React.KeyboardEvent, year: number) => void;
-    onFocus: (event: React.FocusEvent, year: number) => void;
-    onBlur: (event: React.FocusEvent, year: number) => void;
-    selected: boolean;
-    value: number;
-    tabIndex: number;
-    yearsPerRow: 3 | 4;
-    slots?: YearCalendarSlots;
-    slotProps?: YearCalendarSlotProps;
-}
-/**
- * @ignore - internal component.
- */
-export declare const PickersYear: React.NamedExoticComponent<PickersYearProps>;

package/YearCalendar/pickersYearClasses.d.ts

@@ -1,13 +0,0 @@
-export interface PickersYearClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the year button element. */
-    yearButton: string;
-    /** Styles applied to a selected year button element. */
-    selected: string;
-    /** Styles applied to a disabled year button element. */
-    disabled: string;
-}
-export type PickersYearClassKey = keyof PickersYearClasses;
-export declare function getPickersYearUtilityClass(slot: string): string;
-export declare const pickersYearClasses: Record<keyof PickersYearClasses, string>;

package/YearCalendar/pickersYearClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersYearUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersYear', slot);
-}
-export const pickersYearClasses = generateUtilityClasses('MuiPickersYear', ['root', 'yearButton', 'selected', 'disabled']);

package/internals/components/pickersPopperClasses.d.ts

@@ -1,9 +0,0 @@
-export interface PickersPopperClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the paper element. */
-    paper: string;
-}
-export type PickersPopperClassKey = keyof PickersPopperClasses;
-export declare function getPickersPopperUtilityClass(slot: string): string;
-export declare const pickersPopperClasses: Record<"root" | "paper", string>;

package/internals/components/pickersPopperClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersPopperUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersPopper', slot);
-}
-export const pickersPopperClasses = generateUtilityClasses('MuiPickersPopper', ['root', 'paper']);

package/internals/hooks/defaultizedFieldProps.d.ts

@@ -1,18 +0,0 @@
-import { DefaultizedProps } from '@mui/x-internals/types';
-import { BaseDateValidationProps, BaseTimeValidationProps, DateTimeValidationProps, TimeValidationProps } from '../models/validation';
-export interface UseDefaultizedDateFieldBaseProps extends BaseDateValidationProps {
-    format?: string;
-}
-export declare const useDefaultizedDateField: <TKnownProps extends UseDefaultizedDateFieldBaseProps, TAllProps extends {}>(props: TKnownProps & TAllProps) => TAllProps & DefaultizedProps<TKnownProps, keyof UseDefaultizedDateFieldBaseProps>;
-export interface UseDefaultizedTimeFieldBaseProps extends BaseTimeValidationProps {
-    format?: string;
-}
-export declare const useDefaultizedTimeField: <TKnownProps extends UseDefaultizedTimeFieldBaseProps & {
-    ampm?: boolean;
-}, TAllProps extends {}>(props: TKnownProps & TAllProps) => TAllProps & DefaultizedProps<TKnownProps, keyof UseDefaultizedTimeFieldBaseProps>;
-export interface UseDefaultizedDateTimeFieldBaseProps extends BaseDateValidationProps, BaseTimeValidationProps {
-    format?: string;
-}
-export declare const useDefaultizedDateTimeField: <TKnownProps extends UseDefaultizedDateTimeFieldBaseProps & DateTimeValidationProps & TimeValidationProps & {
-    ampm?: boolean;
-}, TAllProps extends {}>(props: TKnownProps & TAllProps) => TAllProps & DefaultizedProps<TKnownProps, keyof UseDefaultizedDateTimeFieldBaseProps>;

package/internals/hooks/defaultizedFieldProps.js

@@ -1,40 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { applyDefaultDate } from "../utils/date-utils.js";
-import { useUtils, useDefaultDates } from "./useUtils.js";
-export const useDefaultizedDateField = props => {
-  const utils = useUtils();
-  const defaultDates = useDefaultDates();
-  return _extends({}, props, {
-    disablePast: props.disablePast ?? false,
-    disableFuture: props.disableFuture ?? false,
-    format: props.format ?? utils.formats.keyboardDate,
-    minDate: applyDefaultDate(utils, props.minDate, defaultDates.minDate),
-    maxDate: applyDefaultDate(utils, props.maxDate, defaultDates.maxDate)
-  });
-};
-export const useDefaultizedTimeField = props => {
-  const utils = useUtils();
-  const ampm = props.ampm ?? utils.is12HourCycleInCurrentLocale();
-  const defaultFormat = ampm ? utils.formats.fullTime12h : utils.formats.fullTime24h;
-  return _extends({}, props, {
-    disablePast: props.disablePast ?? false,
-    disableFuture: props.disableFuture ?? false,
-    format: props.format ?? defaultFormat
-  });
-};
-export const useDefaultizedDateTimeField = props => {
-  const utils = useUtils();
-  const defaultDates = useDefaultDates();
-  const ampm = props.ampm ?? utils.is12HourCycleInCurrentLocale();
-  const defaultFormat = ampm ? utils.formats.keyboardDateTime12h : utils.formats.keyboardDateTime24h;
-  return _extends({}, props, {
-    disablePast: props.disablePast ?? false,
-    disableFuture: props.disableFuture ?? false,
-    format: props.format ?? defaultFormat,
-    disableIgnoringDatePartForTimeValidation: Boolean(props.minDateTime || props.maxDateTime),
-    minDate: applyDefaultDate(utils, props.minDateTime ?? props.minDate, defaultDates.minDate),
-    maxDate: applyDefaultDate(utils, props.maxDateTime ?? props.maxDate, defaultDates.maxDate),
-    minTime: props.minDateTime ?? props.minTime,
-    maxTime: props.maxDateTime ?? props.maxTime
-  });
-};

package/internals/hooks/useDefaultReduceAnimations.d.ts

@@ -1,2 +0,0 @@
-export declare const slowAnimationDevices: boolean;
-export declare const useDefaultReduceAnimations: () => boolean;

package/internals/hooks/useIsLandscape.d.ts

@@ -1,4 +0,0 @@
-import { DateOrTimeViewWithMeridiem } from '../models';
-type Orientation = 'portrait' | 'landscape';
-export declare const useIsLandscape: (views: readonly DateOrTimeViewWithMeridiem[], customOrientation: Orientation | undefined) => boolean;
-export {};

package/internals/hooks/useIsLandscape.js

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import { arrayIncludes } from "../utils/utils.js";
-function getOrientation() {
-  if (typeof window === 'undefined') {
-    return 'portrait';
-  }
-  if (window.screen && window.screen.orientation && window.screen.orientation.angle) {
-    return Math.abs(window.screen.orientation.angle) === 90 ? 'landscape' : 'portrait';
-  }
-
-  // Support IOS safari
-  if (window.orientation) {
-    return Math.abs(Number(window.orientation)) === 90 ? 'landscape' : 'portrait';
-  }
-  return 'portrait';
-}
-export const useIsLandscape = (views, customOrientation) => {
-  const [orientation, setOrientation] = React.useState(getOrientation);
-  useEnhancedEffect(() => {
-    const eventHandler = () => {
-      setOrientation(getOrientation());
-    };
-    window.addEventListener('orientationchange', eventHandler);
-    return () => {
-      window.removeEventListener('orientationchange', eventHandler);
-    };
-  }, []);
-  if (arrayIncludes(views, ['hours', 'minutes', 'seconds'])) {
-    // could not display 13:34:44 in landscape mode
-    return false;
-  }
-  const orientationToUse = customOrientation || orientation;
-  return orientationToUse === 'landscape';
-};

package/internals/hooks/usePicker/usePickerLayoutProps.d.ts

@@ -1,32 +0,0 @@
-import { UsePickerValueLayoutResponse } from './usePickerValue.types';
-import { UsePickerViewsLayoutResponse } from './usePickerViews';
-import { DateOrTimeViewWithMeridiem, PickerVariant } from '../../models/common';
-/**
- * Props used to create the layout of the views.
- */
-interface UsePickerLayoutProps {
-    /**
-     * Force rendering in particular orientation.
-     */
-    orientation?: 'portrait' | 'landscape';
-}
-export interface UsePickerLayoutPropsResponseLayoutProps<TValue, TView extends DateOrTimeViewWithMeridiem> extends UsePickerValueLayoutResponse<TValue>, UsePickerViewsLayoutResponse<TView>, UsePickerLayoutProps {
-    isLandscape: boolean;
-    isRtl: boolean;
-    wrapperVariant: PickerVariant;
-    isValid: (value: TValue) => boolean;
-}
-export interface UsePickerLayoutPropsResponse<TValue, TView extends DateOrTimeViewWithMeridiem> {
-    layoutProps: UsePickerLayoutPropsResponseLayoutProps<TValue, TView>;
-}
-export interface UsePickerLayoutPropsParams<TValue, TView extends DateOrTimeViewWithMeridiem> {
-    props: UsePickerLayoutProps;
-    propsFromPickerValue: UsePickerValueLayoutResponse<TValue>;
-    propsFromPickerViews: UsePickerViewsLayoutResponse<TView>;
-    variant: PickerVariant;
-}
-/**
- * Prepare the props for the view layout (managed by `PickersLayout`)
- */
-export declare const usePickerLayoutProps: <TValue, TView extends DateOrTimeViewWithMeridiem>({ props, propsFromPickerValue, propsFromPickerViews, variant, }: UsePickerLayoutPropsParams<TValue, TView>) => UsePickerLayoutPropsResponse<TValue, TView>;
-export {};

package/internals/hooks/usePicker/usePickerLayoutProps.js

@@ -1,31 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useRtl } from '@mui/system/RtlProvider';
-import { useIsLandscape } from "../useIsLandscape.js";
-
-/**
- * Props used to create the layout of the views.
- */
-
-/**
- * Prepare the props for the view layout (managed by `PickersLayout`)
- */
-export const usePickerLayoutProps = ({
-  props,
-  propsFromPickerValue,
-  propsFromPickerViews,
-  variant
-}) => {
-  const {
-    orientation
-  } = props;
-  const isLandscape = useIsLandscape(propsFromPickerViews.views, orientation);
-  const isRtl = useRtl();
-  const layoutProps = _extends({}, propsFromPickerViews, propsFromPickerValue, {
-    isLandscape,
-    isRtl,
-    wrapperVariant: variant
-  });
-  return {
-    layoutProps
-  };
-};

package/internals/utils/convertFieldResponseIntoMuiTextFieldProps.d.ts

@@ -1,3 +0,0 @@
-import { TextFieldProps } from '@mui/material/TextField';
-import { UseFieldResponse } from '../hooks/useField';
-export declare const convertFieldResponseIntoMuiTextFieldProps: <TFieldResponse extends UseFieldResponse<any, any>>({ enableAccessibleFieldDOMStructure, ...fieldResponse }: TFieldResponse) => TextFieldProps;

package/internals/utils/convertFieldResponseIntoMuiTextFieldProps.js

@@ -1,44 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["enableAccessibleFieldDOMStructure"],
-  _excluded2 = ["InputProps", "readOnly"],
-  _excluded3 = ["onPaste", "onKeyDown", "inputMode", "readOnly", "InputProps", "inputProps", "inputRef"];
-export const convertFieldResponseIntoMuiTextFieldProps = _ref => {
-  let {
-      enableAccessibleFieldDOMStructure
-    } = _ref,
-    fieldResponse = _objectWithoutPropertiesLoose(_ref, _excluded);
-  if (enableAccessibleFieldDOMStructure) {
-    const {
-        InputProps,
-        readOnly
-      } = fieldResponse,
-      other = _objectWithoutPropertiesLoose(fieldResponse, _excluded2);
-    return _extends({}, other, {
-      InputProps: _extends({}, InputProps ?? {}, {
-        readOnly
-      })
-    });
-  }
-  const {
-      onPaste,
-      onKeyDown,
-      inputMode,
-      readOnly,
-      InputProps,
-      inputProps,
-      inputRef
-    } = fieldResponse,
-    other = _objectWithoutPropertiesLoose(fieldResponse, _excluded3);
-  return _extends({}, other, {
-    InputProps: _extends({}, InputProps ?? {}, {
-      readOnly
-    }),
-    inputProps: _extends({}, inputProps ?? {}, {
-      inputMode,
-      onPaste,
-      onKeyDown,
-      ref: inputRef
-    })
-  });
-};

package/modern/AdapterDateFnsJalaliV3/index.js

@@ -1 +0,0 @@
-export { AdapterDateFnsJalali } from "./AdapterDateFnsJalaliV3.js";

package/modern/AdapterDateFnsV3/index.js

@@ -1 +0,0 @@
-export { AdapterDateFns } from "./AdapterDateFnsV3.js";

package/modern/MonthCalendar/pickersMonthClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersMonthUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersMonth', slot);
-}
-export const pickersMonthClasses = generateUtilityClasses('MuiPickersMonth', ['root', 'monthButton', 'disabled', 'selected']);

package/modern/YearCalendar/pickersYearClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersYearUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersYear', slot);
-}
-export const pickersYearClasses = generateUtilityClasses('MuiPickersYear', ['root', 'yearButton', 'selected', 'disabled']);

package/modern/internals/components/pickersPopperClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersPopperUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersPopper', slot);
-}
-export const pickersPopperClasses = generateUtilityClasses('MuiPickersPopper', ['root', 'paper']);

package/modern/internals/hooks/defaultizedFieldProps.js

@@ -1,40 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { applyDefaultDate } from "../utils/date-utils.js";
-import { useUtils, useDefaultDates } from "./useUtils.js";
-export const useDefaultizedDateField = props => {
-  const utils = useUtils();
-  const defaultDates = useDefaultDates();
-  return _extends({}, props, {
-    disablePast: props.disablePast ?? false,
-    disableFuture: props.disableFuture ?? false,
-    format: props.format ?? utils.formats.keyboardDate,
-    minDate: applyDefaultDate(utils, props.minDate, defaultDates.minDate),
-    maxDate: applyDefaultDate(utils, props.maxDate, defaultDates.maxDate)
-  });
-};
-export const useDefaultizedTimeField = props => {
-  const utils = useUtils();
-  const ampm = props.ampm ?? utils.is12HourCycleInCurrentLocale();
-  const defaultFormat = ampm ? utils.formats.fullTime12h : utils.formats.fullTime24h;
-  return _extends({}, props, {
-    disablePast: props.disablePast ?? false,
-    disableFuture: props.disableFuture ?? false,
-    format: props.format ?? defaultFormat
-  });
-};
-export const useDefaultizedDateTimeField = props => {
-  const utils = useUtils();
-  const defaultDates = useDefaultDates();
-  const ampm = props.ampm ?? utils.is12HourCycleInCurrentLocale();
-  const defaultFormat = ampm ? utils.formats.keyboardDateTime12h : utils.formats.keyboardDateTime24h;
-  return _extends({}, props, {
-    disablePast: props.disablePast ?? false,
-    disableFuture: props.disableFuture ?? false,
-    format: props.format ?? defaultFormat,
-    disableIgnoringDatePartForTimeValidation: Boolean(props.minDateTime || props.maxDateTime),
-    minDate: applyDefaultDate(utils, props.minDateTime ?? props.minDate, defaultDates.minDate),
-    maxDate: applyDefaultDate(utils, props.maxDateTime ?? props.maxDate, defaultDates.maxDate),
-    minTime: props.minDateTime ?? props.minTime,
-    maxTime: props.maxDateTime ?? props.maxTime
-  });
-};

package/modern/internals/hooks/useIsLandscape.js

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import { arrayIncludes } from "../utils/utils.js";
-function getOrientation() {
-  if (typeof window === 'undefined') {
-    return 'portrait';
-  }
-  if (window.screen && window.screen.orientation && window.screen.orientation.angle) {
-    return Math.abs(window.screen.orientation.angle) === 90 ? 'landscape' : 'portrait';
-  }
-
-  // Support IOS safari
-  if (window.orientation) {
-    return Math.abs(Number(window.orientation)) === 90 ? 'landscape' : 'portrait';
-  }
-  return 'portrait';
-}
-export const useIsLandscape = (views, customOrientation) => {
-  const [orientation, setOrientation] = React.useState(getOrientation);
-  useEnhancedEffect(() => {
-    const eventHandler = () => {
-      setOrientation(getOrientation());
-    };
-    window.addEventListener('orientationchange', eventHandler);
-    return () => {
-      window.removeEventListener('orientationchange', eventHandler);
-    };
-  }, []);
-  if (arrayIncludes(views, ['hours', 'minutes', 'seconds'])) {
-    // could not display 13:34:44 in landscape mode
-    return false;
-  }
-  const orientationToUse = customOrientation || orientation;
-  return orientationToUse === 'landscape';
-};

package/modern/internals/hooks/usePicker/usePickerLayoutProps.js

@@ -1,31 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useRtl } from '@mui/system/RtlProvider';
-import { useIsLandscape } from "../useIsLandscape.js";
-
-/**
- * Props used to create the layout of the views.
- */
-
-/**
- * Prepare the props for the view layout (managed by `PickersLayout`)
- */
-export const usePickerLayoutProps = ({
-  props,
-  propsFromPickerValue,
-  propsFromPickerViews,
-  variant
-}) => {
-  const {
-    orientation
-  } = props;
-  const isLandscape = useIsLandscape(propsFromPickerViews.views, orientation);
-  const isRtl = useRtl();
-  const layoutProps = _extends({}, propsFromPickerViews, propsFromPickerValue, {
-    isLandscape,
-    isRtl,
-    wrapperVariant: variant
-  });
-  return {
-    layoutProps
-  };
-};

package/modern/internals/utils/convertFieldResponseIntoMuiTextFieldProps.js

@@ -1,44 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["enableAccessibleFieldDOMStructure"],
-  _excluded2 = ["InputProps", "readOnly"],
-  _excluded3 = ["onPaste", "onKeyDown", "inputMode", "readOnly", "InputProps", "inputProps", "inputRef"];
-export const convertFieldResponseIntoMuiTextFieldProps = _ref => {
-  let {
-      enableAccessibleFieldDOMStructure
-    } = _ref,
-    fieldResponse = _objectWithoutPropertiesLoose(_ref, _excluded);
-  if (enableAccessibleFieldDOMStructure) {
-    const {
-        InputProps,
-        readOnly
-      } = fieldResponse,
-      other = _objectWithoutPropertiesLoose(fieldResponse, _excluded2);
-    return _extends({}, other, {
-      InputProps: _extends({}, InputProps ?? {}, {
-        readOnly
-      })
-    });
-  }
-  const {
-      onPaste,
-      onKeyDown,
-      inputMode,
-      readOnly,
-      InputProps,
-      inputProps,
-      inputRef
-    } = fieldResponse,
-    other = _objectWithoutPropertiesLoose(fieldResponse, _excluded3);
-  return _extends({}, other, {
-    InputProps: _extends({}, InputProps ?? {}, {
-      readOnly
-    }),
-    inputProps: _extends({}, inputProps ?? {}, {
-      inputMode,
-      onPaste,
-      onKeyDown,
-      ref: inputRef
-    })
-  });
-};