@mui/lab 5.0.0-alpha.67 → 5.0.0-alpha.68

package/ClockPicker/ClockPicker.d.ts

@@ -1,121 +1,121 @@
-import * as React from 'react';
-import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
-import { TimeValidationProps } from '../internal/pickers/time-utils';
-import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
-import { ClockView } from './shared';
-export interface ClockPickerClasses {
-    /** Styles applied to the arrowSwitcher element. */
-    arrowSwitcher: string;
-}
-export declare type ClockPickerClassKey = keyof ClockPickerClasses;
-export interface ClockPickerComponentsPropsOverrides {
-}
-export declare function getClockPickerUtilityClass(slot: string): string;
-export declare const clockPickerClasses: ClockPickerClasses;
-export interface ExportedClockPickerProps<TDate> extends TimeValidationProps<TDate> {
-    /**
-     * 12h/24h view for hour selection clock.
-     * @default false
-     */
-    ampm?: boolean;
-    /**
-     * Step over minutes.
-     * @default 1
-     */
-    minutesStep?: number;
-    /**
-     * Display ampm controls under the clock (instead of in the toolbar).
-     * @default false
-     */
-    ampmInClock?: boolean;
-    /**
-     * Accessible text that helps user to understand which time and view is selected.
-     * @default <TDate extends any>(
-     *   view: ClockView,
-     *   time: TDate | null,
-     *   adapter: MuiPickersAdapter<TDate>,
-     * ) =>
-     *   `Select ${view}. ${
-     *     time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`
-     *   }`
-     */
-    getClockLabelText?: (view: ClockView, time: TDate | null, adapter: MuiPickersAdapter<TDate>) => string;
-}
-export interface ClockPickerProps<TDate> extends ExportedClockPickerProps<TDate> {
-    /**
-     * Set to `true` if focus should be moved to clock picker.
-     */
-    autoFocus?: boolean;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ClockPickerClasses>;
-    /**
-     * The components used for each slot.
-     * Either a string to use a HTML element or a component.
-     */
-    components?: {
-        LeftArrowButton?: React.ElementType;
-        LeftArrowIcon?: React.ElementType;
-        RightArrowButton?: React.ElementType;
-        RightArrowIcon?: React.ElementType;
-    };
-    /**
-     * The props used for each slot inside.
-     */
-    componentsProps?: {
-        leftArrowButton?: React.SVGAttributes<SVGSVGElement> & ClockPickerComponentsPropsOverrides;
-        rightArrowButton?: React.SVGAttributes<SVGSVGElement> & ClockPickerComponentsPropsOverrides;
-    };
-    /**
-     * Selected date @DateIOType.
-     */
-    date: TDate | null;
-    /**
-     * Get clock number aria-text for hours.
-     * @default (hours: string) => `${hours} hours`
-     */
-    getHoursClockNumberText?: (hours: string) => string;
-    /**
-     * Get clock number aria-text for minutes.
-     * @default (minutes: string) => `${minutes} minutes`
-     */
-    getMinutesClockNumberText?: (minutes: string) => string;
-    /**
-     * Get clock number aria-text for seconds.
-     * @default (seconds: string) => `${seconds} seconds`
-     */
-    getSecondsClockNumberText?: (seconds: string) => string;
-    /**
-     * Left arrow icon aria-label text.
-     * @default 'open previous view'
-     */
-    leftArrowButtonText?: string;
-    previousViewAvailable: boolean;
-    nextViewAvailable: boolean;
-    /**
-     * On change callback @DateIOType.
-     */
-    onChange: PickerOnChangeFn<TDate>;
-    openNextView: () => void;
-    openPreviousView: () => void;
-    /**
-     * Right arrow icon aria-label text.
-     * @default 'open next view'
-     */
-    rightArrowButtonText?: string;
-    showViewSwitcher?: boolean;
-    view: ClockView;
-}
-declare const _default: <TDate>(props: ClockPickerProps<TDate>) => JSX.Element;
-/**
- *
- * Demos:
- *
- * - [Time Picker](https://mui.com/components/time-picker/)
- *
- * API:
- *
- * - [ClockPicker API](https://mui.com/api/clock-picker/)
- */
-export default _default;
+import * as React from 'react';
+import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
+import { TimeValidationProps } from '../internal/pickers/time-utils';
+import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
+import { ClockView } from './shared';
+export interface ClockPickerClasses {
+    /** Styles applied to the arrowSwitcher element. */
+    arrowSwitcher: string;
+}
+export declare type ClockPickerClassKey = keyof ClockPickerClasses;
+export interface ClockPickerComponentsPropsOverrides {
+}
+export declare function getClockPickerUtilityClass(slot: string): string;
+export declare const clockPickerClasses: ClockPickerClasses;
+export interface ExportedClockPickerProps<TDate> extends TimeValidationProps<TDate> {
+    /**
+     * 12h/24h view for hour selection clock.
+     * @default false
+     */
+    ampm?: boolean;
+    /**
+     * Step over minutes.
+     * @default 1
+     */
+    minutesStep?: number;
+    /**
+     * Display ampm controls under the clock (instead of in the toolbar).
+     * @default false
+     */
+    ampmInClock?: boolean;
+    /**
+     * Accessible text that helps user to understand which time and view is selected.
+     * @default <TDate extends any>(
+     *   view: ClockView,
+     *   time: TDate | null,
+     *   adapter: MuiPickersAdapter<TDate>,
+     * ) =>
+     *   `Select ${view}. ${
+     *     time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`
+     *   }`
+     */
+    getClockLabelText?: (view: ClockView, time: TDate | null, adapter: MuiPickersAdapter<TDate>) => string;
+}
+export interface ClockPickerProps<TDate> extends ExportedClockPickerProps<TDate> {
+    /**
+     * Set to `true` if focus should be moved to clock picker.
+     */
+    autoFocus?: boolean;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: Partial<ClockPickerClasses>;
+    /**
+     * The components used for each slot.
+     * Either a string to use a HTML element or a component.
+     */
+    components?: {
+        LeftArrowButton?: React.ElementType;
+        LeftArrowIcon?: React.ElementType;
+        RightArrowButton?: React.ElementType;
+        RightArrowIcon?: React.ElementType;
+    };
+    /**
+     * The props used for each slot inside.
+     */
+    componentsProps?: {
+        leftArrowButton?: React.SVGAttributes<SVGSVGElement> & ClockPickerComponentsPropsOverrides;
+        rightArrowButton?: React.SVGAttributes<SVGSVGElement> & ClockPickerComponentsPropsOverrides;
+    };
+    /**
+     * Selected date @DateIOType.
+     */
+    date: TDate | null;
+    /**
+     * Get clock number aria-text for hours.
+     * @default (hours: string) => `${hours} hours`
+     */
+    getHoursClockNumberText?: (hours: string) => string;
+    /**
+     * Get clock number aria-text for minutes.
+     * @default (minutes: string) => `${minutes} minutes`
+     */
+    getMinutesClockNumberText?: (minutes: string) => string;
+    /**
+     * Get clock number aria-text for seconds.
+     * @default (seconds: string) => `${seconds} seconds`
+     */
+    getSecondsClockNumberText?: (seconds: string) => string;
+    /**
+     * Left arrow icon aria-label text.
+     * @default 'open previous view'
+     */
+    leftArrowButtonText?: string;
+    previousViewAvailable: boolean;
+    nextViewAvailable: boolean;
+    /**
+     * On change callback @DateIOType.
+     */
+    onChange: PickerOnChangeFn<TDate>;
+    openNextView: () => void;
+    openPreviousView: () => void;
+    /**
+     * Right arrow icon aria-label text.
+     * @default 'open next view'
+     */
+    rightArrowButtonText?: string;
+    showViewSwitcher?: boolean;
+    view: ClockView;
+}
+declare const _default: <TDate>(props: ClockPickerProps<TDate>) => JSX.Element;
+/**
+ *
+ * Demos:
+ *
+ * - [Time Picker](https://mui.com/components/time-picker/)
+ *
+ * API:
+ *
+ * - [ClockPicker API](https://mui.com/api/clock-picker/)
+ */
+export default _default;

package/ClockPicker/ClockPickerStandalone.d.ts

@@ -1,28 +1,28 @@
-import * as React from 'react';
-import { ClockPickerProps } from './ClockPicker';
-import { ClockView } from './shared';
-export interface ClockPickerStandaloneProps<TDate> extends Omit<ClockPickerProps<TDate>, 'view' | 'openNextView' | 'openPreviousView' | 'nextViewAvailable' | 'previousViewAvailable'> {
-    className?: string;
-    /**
-     * Callback fired on view change.
-     */
-    onViewChange?: (view: ClockView) => void;
-    /**
-     * Initially opened view.
-     */
-    openTo?: ClockView;
-    /**
-     * Controlled clock view.
-     */
-    view?: ClockView;
-    /**
-     * Available views for clock.
-     */
-    views?: readonly ClockView[];
-}
-declare const _default: <TDate>(props: ClockPickerStandaloneProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-/**
- * Wrapping public API for better standalone usage of './ClockPicker'
- * @ignore - internal component.
- */
-export default _default;
+import * as React from 'react';
+import { ClockPickerProps } from './ClockPicker';
+import { ClockView } from './shared';
+export interface ClockPickerStandaloneProps<TDate> extends Omit<ClockPickerProps<TDate>, 'view' | 'openNextView' | 'openPreviousView' | 'nextViewAvailable' | 'previousViewAvailable'> {
+    className?: string;
+    /**
+     * Callback fired on view change.
+     */
+    onViewChange?: (view: ClockView) => void;
+    /**
+     * Initially opened view.
+     */
+    openTo?: ClockView;
+    /**
+     * Controlled clock view.
+     */
+    view?: ClockView;
+    /**
+     * Available views for clock.
+     */
+    views?: readonly ClockView[];
+}
+declare const _default: <TDate>(props: ClockPickerStandaloneProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+/**
+ * Wrapping public API for better standalone usage of './ClockPicker'
+ * @ignore - internal component.
+ */
+export default _default;

package/ClockPicker/ClockPointer.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-import { ClockView } from './shared';
-export interface ClockPointerProps extends React.HTMLAttributes<HTMLDivElement> {
-    hasSelected: boolean;
-    isInner: boolean;
-    type: ClockView;
-    value: number;
-}
-/**
- * @ignore - internal component.
- */
-declare class ClockPointer extends React.Component<ClockPointerProps> {
-    static getDerivedStateFromProps: (nextProps: ClockPointerProps, state: ClockPointer['state']) => {
-        toAnimateTransform: boolean;
-        previousType: ClockView;
-    };
-    state: {
-        toAnimateTransform: boolean;
-        previousType: undefined;
-    };
-    render(): JSX.Element;
-}
-export default ClockPointer;
+import * as React from 'react';
+import { ClockView } from './shared';
+export interface ClockPointerProps extends React.HTMLAttributes<HTMLDivElement> {
+    hasSelected: boolean;
+    isInner: boolean;
+    type: ClockView;
+    value: number;
+}
+/**
+ * @ignore - internal component.
+ */
+declare class ClockPointer extends React.Component<ClockPointerProps> {
+    static getDerivedStateFromProps: (nextProps: ClockPointerProps, state: ClockPointer['state']) => {
+        toAnimateTransform: boolean;
+        previousType: ClockView;
+    };
+    state: {
+        toAnimateTransform: boolean;
+        previousType: undefined;
+    };
+    render(): JSX.Element;
+}
+export default ClockPointer;

package/ClockPicker/index.d.ts

@@ -1,5 +1,5 @@
-export { default } from './ClockPickerStandalone';
-export { clockPickerClasses } from './ClockPicker';
-export type { ClockPickerClasses, ClockPickerClassKey } from './ClockPicker';
-export declare type ClockPickerProps<TDate> = import('./ClockPickerStandalone').ClockPickerStandaloneProps<TDate>;
-export declare type ClockPickerView = NonNullable<ClockPickerProps<unknown>['view']>;
+export { default } from './ClockPickerStandalone';
+export { clockPickerClasses } from './ClockPicker';
+export type { ClockPickerClasses, ClockPickerClassKey } from './ClockPicker';
+export declare type ClockPickerProps<TDate> = import('./ClockPickerStandalone').ClockPickerStandaloneProps<TDate>;
+export declare type ClockPickerView = NonNullable<ClockPickerProps<unknown>['view']>;

package/ClockPicker/shared.d.ts

@@ -1,5 +1,5 @@
-export declare const CLOCK_WIDTH = 220;
-export declare const CLOCK_HOUR_WIDTH = 36;
-export declare type ClockView = 'hours' | 'minutes' | 'seconds';
-export declare const getMinutes: (offsetX: number, offsetY: number, step?: number) => number;
-export declare const getHours: (offsetX: number, offsetY: number, ampm: boolean) => number;
+export declare const CLOCK_WIDTH = 220;
+export declare const CLOCK_HOUR_WIDTH = 36;
+export declare type ClockView = 'hours' | 'minutes' | 'seconds';
+export declare const getMinutes: (offsetX: number, offsetY: number, step?: number) => number;
+export declare const getHours: (offsetX: number, offsetY: number, ampm: boolean) => number;

package/DatePicker/DatePicker.d.ts

@@ -1,27 +1,27 @@
-import * as React from 'react';
-import { DesktopDatePickerProps } from '../DesktopDatePicker';
-import { MobileDatePickerProps } from '../MobileDatePicker';
-export interface DatePickerProps<TDate = unknown> extends DesktopDatePickerProps<TDate>, MobileDatePickerProps<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 DatePickerComponent = (<TDate>(props: DatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Date Picker](https://mui.com/components/date-picker/)
- * - [Pickers](https://mui.com/components/pickers/)
- *
- * API:
- *
- * - [DatePicker API](https://mui.com/api/date-picker/)
- */
-declare const DatePicker: DatePickerComponent;
-export default DatePicker;
+import * as React from 'react';
+import { DesktopDatePickerProps } from '../DesktopDatePicker';
+import { MobileDatePickerProps } from '../MobileDatePicker';
+export interface DatePickerProps<TDate = unknown> extends DesktopDatePickerProps<TDate>, MobileDatePickerProps<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 DatePickerComponent = (<TDate>(props: DatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Date Picker](https://mui.com/components/date-picker/)
+ * - [Pickers](https://mui.com/components/pickers/)
+ *
+ * API:
+ *
+ * - [DatePicker API](https://mui.com/api/date-picker/)
+ */
+declare const DatePicker: DatePickerComponent;
+export default DatePicker;

package/DatePicker/DatePickerToolbar.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-/**
- * @ignore - internal component.
- */
-declare const DatePickerToolbar: React.ForwardRefExoticComponent<import("../CalendarPicker/CalendarPicker").ExportedCalendarPickerProps<unknown> & import("../ClockPicker/ClockPicker").ExportedClockPickerProps<unknown> & {
-    ampmInClock?: boolean | undefined;
-    date: unknown;
-    dateRangeIcon?: React.ReactNode;
-    getMobileKeyboardInputViewButtonText?: (() => string) | undefined;
-    hideTabs?: boolean | undefined;
-    isLandscape: boolean;
-    isMobileKeyboardViewOpen: boolean;
-    onChange: import("../internal/pickers/hooks/useViews").PickerOnChangeFn<unknown>;
-    openView: import("../internal/pickers/typings/Views").AllAvailableViews;
-    setOpenView: (view: import("../internal/pickers/typings/Views").AllAvailableViews) => void;
-    timeIcon?: React.ReactNode;
-    toggleMobileKeyboardView: () => void;
-    toolbarFormat?: string | undefined;
-    toolbarPlaceholder?: React.ReactNode;
-    toolbarTitle?: React.ReactNode;
-    views: readonly import("../internal/pickers/typings/Views").AllAvailableViews[];
-} & React.RefAttributes<HTMLDivElement>>;
-export default DatePickerToolbar;
+import * as React from 'react';
+/**
+ * @ignore - internal component.
+ */
+declare const DatePickerToolbar: React.ForwardRefExoticComponent<import("../CalendarPicker/CalendarPicker").ExportedCalendarPickerProps<unknown> & import("../ClockPicker/ClockPicker").ExportedClockPickerProps<unknown> & {
+    ampmInClock?: boolean | undefined;
+    date: unknown;
+    dateRangeIcon?: React.ReactNode;
+    getMobileKeyboardInputViewButtonText?: (() => string) | undefined;
+    hideTabs?: boolean | undefined;
+    isLandscape: boolean;
+    isMobileKeyboardViewOpen: boolean;
+    onChange: import("../internal/pickers/hooks/useViews").PickerOnChangeFn<unknown>;
+    openView: import("../internal/pickers/typings/Views").AllAvailableViews;
+    setOpenView: (view: import("../internal/pickers/typings/Views").AllAvailableViews) => void;
+    timeIcon?: React.ReactNode;
+    toggleMobileKeyboardView: () => void;
+    toolbarFormat?: string | undefined;
+    toolbarPlaceholder?: React.ReactNode;
+    toolbarTitle?: React.ReactNode;
+    views: readonly import("../internal/pickers/typings/Views").AllAvailableViews[];
+} & React.RefAttributes<HTMLDivElement>>;
+export default DatePickerToolbar;

package/DatePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './DatePicker';
-export * from './DatePicker';
+export { default } from './DatePicker';
+export * from './DatePicker';

package/DatePicker/shared.d.ts

@@ -1,45 +1,45 @@
-/// <reference types="react" />
-import { ParseableDate } from '../internal/pickers/constants/prop-types';
-import { OverrideParseableDateProps } from '../internal/pickers/hooks/date-helpers-hooks';
-import { CalendarPickerView } from '../CalendarPicker';
-import { ExportedCalendarPickerProps } from '../CalendarPicker/CalendarPicker';
-import { DateValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
-import { ExportedDateInputProps } from '../internal/pickers/PureDateInput';
-import { BasePickerProps, ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
-export declare type DatePickerView = 'year' | 'day' | 'month';
-export interface BaseDatePickerProps<TDate> extends ExportedCalendarPickerProps<TDate>, BasePickerProps<ParseableDate<TDate>, TDate | null>, ValidationProps<DateValidationError, ParseableDate<TDate>>, ExportedDateInputProps<ParseableDate<TDate>, TDate | null> {
-    /**
-     * The components used for each slot.
-     * Either a string to use a HTML element or a component.
-     * @default {}
-     */
-    components?: OverrideParseableDateProps<TDate, ExportedCalendarPickerProps<TDate>, 'minDate' | 'maxDate'>['components'] & ExportedDateInputProps<ParseableDate<TDate>, TDate | null>['components'];
-    /**
-     * Callback fired on view change.
-     */
-    onViewChange?: (view: DatePickerView) => void;
-    /**
-     * First view to show.
-     */
-    openTo?: DatePickerView;
-    /**
-     * Component that will replace default toolbar renderer.
-     * @default DatePickerToolbar
-     */
-    ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps<TDate | null>>;
-    /**
-     * Mobile picker title, displaying in the toolbar.
-     * @default 'Select date'
-     */
-    toolbarTitle?: React.ReactNode;
-    /**
-     * Array of views to show.
-     */
-    views?: readonly DatePickerView[];
-}
-export declare const isYearOnlyView: (views: readonly CalendarPickerView[]) => views is readonly "year"[];
-export declare const isYearAndMonthViews: (views: readonly CalendarPickerView[]) => views is readonly ("month" | "year")[];
-export declare type DefaultizedProps<Props> = Props & {
-    inputFormat: string;
-};
-export declare function useDatePickerDefaultizedProps<Props extends BaseDatePickerProps<unknown>>({ openTo, views, minDate: minDateProp, maxDate: maxDateProp, ...other }: Props, name: string): DefaultizedProps<Props> & Required<Pick<BaseDatePickerProps<unknown>, 'openTo' | 'views'>>;
+/// <reference types="react" />
+import { ParseableDate } from '../internal/pickers/constants/prop-types';
+import { OverrideParseableDateProps } from '../internal/pickers/hooks/date-helpers-hooks';
+import { CalendarPickerView } from '../CalendarPicker';
+import { ExportedCalendarPickerProps } from '../CalendarPicker/CalendarPicker';
+import { DateValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
+import { ExportedDateInputProps } from '../internal/pickers/PureDateInput';
+import { BasePickerProps, ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
+export declare type DatePickerView = 'year' | 'day' | 'month';
+export interface BaseDatePickerProps<TDate> extends ExportedCalendarPickerProps<TDate>, BasePickerProps<ParseableDate<TDate>, TDate | null>, ValidationProps<DateValidationError, ParseableDate<TDate>>, ExportedDateInputProps<ParseableDate<TDate>, TDate | null> {
+    /**
+     * The components used for each slot.
+     * Either a string to use a HTML element or a component.
+     * @default {}
+     */
+    components?: OverrideParseableDateProps<TDate, ExportedCalendarPickerProps<TDate>, 'minDate' | 'maxDate'>['components'] & ExportedDateInputProps<ParseableDate<TDate>, TDate | null>['components'];
+    /**
+     * Callback fired on view change.
+     */
+    onViewChange?: (view: DatePickerView) => void;
+    /**
+     * First view to show.
+     */
+    openTo?: DatePickerView;
+    /**
+     * Component that will replace default toolbar renderer.
+     * @default DatePickerToolbar
+     */
+    ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps<TDate | null>>;
+    /**
+     * Mobile picker title, displaying in the toolbar.
+     * @default 'Select date'
+     */
+    toolbarTitle?: React.ReactNode;
+    /**
+     * Array of views to show.
+     */
+    views?: readonly DatePickerView[];
+}
+export declare const isYearOnlyView: (views: readonly CalendarPickerView[]) => views is readonly "year"[];
+export declare const isYearAndMonthViews: (views: readonly CalendarPickerView[]) => views is readonly ("month" | "year")[];
+export declare type DefaultizedProps<Props> = Props & {
+    inputFormat: string;
+};
+export declare function useDatePickerDefaultizedProps<Props extends BaseDatePickerProps<unknown>>({ openTo, views, minDate: minDateProp, maxDate: maxDateProp, ...other }: Props, name: string): DefaultizedProps<Props> & Required<Pick<BaseDatePickerProps<unknown>, 'openTo' | 'views'>>;