@mui/lab 5.0.0-alpha.49 → 5.0.0-alpha.53

package/StaticDatePicker/index.d.ts

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

package/StaticDateRangePicker/StaticDateRangePicker.d.ts

@@ -1,67 +1,67 @@
-import * as React from 'react';
-import { StaticWrapperProps } from '../internal/pickers/wrappers/StaticWrapper';
-import { RangeInput, DateRange } from '../DateRangePicker/RangeTypes';
-import { DateRangeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
-import { ExportedDateRangePickerViewProps } from '../DateRangePicker/DateRangePickerView';
-import { ExportedDateRangePickerInputProps } from '../DateRangePicker/DateRangePickerInput';
-interface BaseDateRangePickerProps<TDate> extends ExportedDateRangePickerViewProps<TDate>, ValidationProps<DateRangeValidationError, RangeInput<TDate>>, ExportedDateRangePickerInputProps {
-    /**
-     * The components used for each slot.
-     * Either a string to use a HTML element or a component.
-     * @default {}
-     */
-    components?: ExportedDateRangePickerViewProps<TDate>['components'] & ExportedDateRangePickerInputProps['components'];
-    /**
-     * Text for end input label and toolbar placeholder.
-     * @default 'End'
-     */
-    endText?: React.ReactNode;
-    /**
-     * Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
-     * @default '__/__/____'
-     */
-    mask?: ExportedDateRangePickerInputProps['mask'];
-    /**
-     * Min selectable date. @DateIOType
-     */
-    minDate?: TDate;
-    /**
-     * Max selectable date. @DateIOType
-     */
-    maxDate?: TDate;
-    /**
-     * Callback fired when the value (the selected date range) changes @DateIOType.
-     */
-    onChange: (date: DateRange<TDate>, keyboardInputValue?: string) => void;
-    /**
-     * Text for start input label and toolbar placeholder.
-     * @default 'Start'
-     */
-    startText?: React.ReactNode;
-    /**
-     * The value of the date range picker.
-     */
-    value: RangeInput<TDate>;
-}
-export interface StaticDateRangePickerProps<TDate = unknown> extends BaseDateRangePickerProps<TDate> {
-    /**
-     * Force static wrapper inner components to be rendered in mobile or desktop mode.
-     * @default 'mobile'
-     */
-    displayStaticWrapperAs?: StaticWrapperProps['displayStaticWrapperAs'];
-}
-declare type StaticDateRangePickerComponent = (<TDate>(props: StaticDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes: unknown;
-};
-/**
- *
- * Demos:
- *
- * - [Date Range Picker](https://mui.com/components/date-range-picker/)
- *
- * API:
- *
- * - [StaticDateRangePicker API](https://mui.com/api/static-date-range-picker/)
- */
-declare const StaticDateRangePicker: StaticDateRangePickerComponent;
-export default StaticDateRangePicker;
+import * as React from 'react';
+import { StaticWrapperProps } from '../internal/pickers/wrappers/StaticWrapper';
+import { RangeInput, DateRange } from '../DateRangePicker/RangeTypes';
+import { DateRangeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
+import { ExportedDateRangePickerViewProps } from '../DateRangePicker/DateRangePickerView';
+import { ExportedDateRangePickerInputProps } from '../DateRangePicker/DateRangePickerInput';
+interface BaseDateRangePickerProps<TDate> extends ExportedDateRangePickerViewProps<TDate>, ValidationProps<DateRangeValidationError, RangeInput<TDate>>, ExportedDateRangePickerInputProps {
+    /**
+     * The components used for each slot.
+     * Either a string to use a HTML element or a component.
+     * @default {}
+     */
+    components?: ExportedDateRangePickerViewProps<TDate>['components'] & ExportedDateRangePickerInputProps['components'];
+    /**
+     * Text for end input label and toolbar placeholder.
+     * @default 'End'
+     */
+    endText?: React.ReactNode;
+    /**
+     * Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
+     * @default '__/__/____'
+     */
+    mask?: ExportedDateRangePickerInputProps['mask'];
+    /**
+     * Min selectable date. @DateIOType
+     */
+    minDate?: TDate;
+    /**
+     * Max selectable date. @DateIOType
+     */
+    maxDate?: TDate;
+    /**
+     * Callback fired when the value (the selected date range) changes @DateIOType.
+     */
+    onChange: (date: DateRange<TDate>, keyboardInputValue?: string) => void;
+    /**
+     * Text for start input label and toolbar placeholder.
+     * @default 'Start'
+     */
+    startText?: React.ReactNode;
+    /**
+     * The value of the date range picker.
+     */
+    value: RangeInput<TDate>;
+}
+export interface StaticDateRangePickerProps<TDate = unknown> extends BaseDateRangePickerProps<TDate> {
+    /**
+     * Force static wrapper inner components to be rendered in mobile or desktop mode.
+     * @default 'mobile'
+     */
+    displayStaticWrapperAs?: StaticWrapperProps['displayStaticWrapperAs'];
+}
+declare type StaticDateRangePickerComponent = (<TDate>(props: StaticDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes: unknown;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Date Range Picker](https://mui.com/components/date-range-picker/)
+ *
+ * API:
+ *
+ * - [StaticDateRangePicker API](https://mui.com/api/static-date-range-picker/)
+ */
+declare const StaticDateRangePicker: StaticDateRangePickerComponent;
+export default StaticDateRangePicker;

package/StaticDateRangePicker/index.d.ts

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

package/StaticDateTimePicker/StaticDateTimePicker.d.ts

@@ -1,25 +1,25 @@
-import * as React from 'react';
-import { BaseDateTimePickerProps } from '../DateTimePicker/shared';
-import { StaticWrapperProps } from '../internal/pickers/wrappers/StaticWrapper';
-export interface StaticDateTimePickerProps<TDate = unknown> extends BaseDateTimePickerProps<TDate> {
-    /**
-     * Force static wrapper inner components to be rendered in mobile or desktop mode.
-     * @default 'mobile'
-     */
-    displayStaticWrapperAs?: StaticWrapperProps['displayStaticWrapperAs'];
-}
-declare type StaticDateTimePickerComponent = (<TDate>(props: StaticDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Date Time Picker](https://mui.com/components/date-time-picker/)
- *
- * API:
- *
- * - [StaticDateTimePicker API](https://mui.com/api/static-date-time-picker/)
- */
-declare const StaticDateTimePicker: StaticDateTimePickerComponent;
-export default StaticDateTimePicker;
+import * as React from 'react';
+import { BaseDateTimePickerProps } from '../DateTimePicker/shared';
+import { StaticWrapperProps } from '../internal/pickers/wrappers/StaticWrapper';
+export interface StaticDateTimePickerProps<TDate = unknown> extends BaseDateTimePickerProps<TDate> {
+    /**
+     * Force static wrapper inner components to be rendered in mobile or desktop mode.
+     * @default 'mobile'
+     */
+    displayStaticWrapperAs?: StaticWrapperProps['displayStaticWrapperAs'];
+}
+declare type StaticDateTimePickerComponent = (<TDate>(props: StaticDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Date Time Picker](https://mui.com/components/date-time-picker/)
+ *
+ * API:
+ *
+ * - [StaticDateTimePicker API](https://mui.com/api/static-date-time-picker/)
+ */
+declare const StaticDateTimePicker: StaticDateTimePickerComponent;
+export default StaticDateTimePicker;

package/StaticDateTimePicker/index.d.ts

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

package/StaticTimePicker/StaticTimePicker.d.ts

@@ -1,25 +1,25 @@
-import * as React from 'react';
-import { BaseTimePickerProps } from '../TimePicker/shared';
-import { StaticWrapperProps } from '../internal/pickers/wrappers/StaticWrapper';
-export interface StaticTimePickerProps<TDate = unknown> extends BaseTimePickerProps<TDate> {
-    /**
-     * Force static wrapper inner components to be rendered in mobile or desktop mode.
-     * @default 'mobile'
-     */
-    displayStaticWrapperAs?: StaticWrapperProps['displayStaticWrapperAs'];
-}
-declare type StaticTimePickerComponent = (<TDate>(props: StaticTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Time Picker](https://mui.com/components/time-picker/)
- *
- * API:
- *
- * - [StaticTimePicker API](https://mui.com/api/static-time-picker/)
- */
-declare const StaticTimePicker: StaticTimePickerComponent;
-export default StaticTimePicker;
+import * as React from 'react';
+import { BaseTimePickerProps } from '../TimePicker/shared';
+import { StaticWrapperProps } from '../internal/pickers/wrappers/StaticWrapper';
+export interface StaticTimePickerProps<TDate = unknown> extends BaseTimePickerProps<TDate> {
+    /**
+     * Force static wrapper inner components to be rendered in mobile or desktop mode.
+     * @default 'mobile'
+     */
+    displayStaticWrapperAs?: StaticWrapperProps['displayStaticWrapperAs'];
+}
+declare type StaticTimePickerComponent = (<TDate>(props: StaticTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Time Picker](https://mui.com/components/time-picker/)
+ *
+ * API:
+ *
+ * - [StaticTimePicker API](https://mui.com/api/static-time-picker/)
+ */
+declare const StaticTimePicker: StaticTimePickerComponent;
+export default StaticTimePicker;

package/StaticTimePicker/StaticTimePicker.js

@@ -241,6 +241,11 @@ process.env.NODE_ENV !== "production" ? StaticTimePicker.propTypes
    */
   onOpen: PropTypes.func,
 
+  /**
+   * Callback fired on view change.
+   */
+  onViewChange: PropTypes.func,
+
   /**
    * Control the popup or dialog open state.
    */

package/StaticTimePicker/index.d.ts

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

package/TabPanel/TabPanel.js

@@ -91,7 +91,7 @@ process.env.NODE_ENV !== "production" ? TabPanel.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
   /**
    * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when

package/TabPanel/tabPanelClasses.d.ts

@@ -1,8 +1,8 @@
-export interface TabPanelClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export declare type TabPanelClassKey = keyof TabPanelClasses;
-export declare function getTabPanelUtilityClass(slot: string): string;
-declare const tabPanelClasses: TabPanelClasses;
-export default tabPanelClasses;
+export interface TabPanelClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export declare type TabPanelClassKey = keyof TabPanelClasses;
+export declare function getTabPanelUtilityClass(slot: string): string;
+declare const tabPanelClasses: TabPanelClasses;
+export default tabPanelClasses;

package/TimePicker/TimePicker.d.ts

@@ -1,27 +1,27 @@
-import * as React from 'react';
-import { DesktopTimePickerProps } from '../DesktopTimePicker';
-import { MobileTimePickerProps } from '../MobileTimePicker';
-export interface TimePickerProps<TDate = unknown> extends DesktopTimePickerProps<TDate>, MobileTimePickerProps<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 TimePickerComponent = (<TDate>(props: TimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Pickers](https://mui.com/components/pickers/)
- * - [Time Picker](https://mui.com/components/time-picker/)
- *
- * API:
- *
- * - [TimePicker API](https://mui.com/api/time-picker/)
- */
-declare const TimePicker: TimePickerComponent;
-export default TimePicker;
+import * as React from 'react';
+import { DesktopTimePickerProps } from '../DesktopTimePicker';
+import { MobileTimePickerProps } from '../MobileTimePicker';
+export interface TimePickerProps<TDate = unknown> extends DesktopTimePickerProps<TDate>, MobileTimePickerProps<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 TimePickerComponent = (<TDate>(props: TimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Pickers](https://mui.com/components/pickers/)
+ * - [Time Picker](https://mui.com/components/time-picker/)
+ *
+ * API:
+ *
+ * - [TimePicker API](https://mui.com/api/time-picker/)
+ */
+declare const TimePicker: TimePickerComponent;
+export default TimePicker;

package/TimePicker/TimePicker.js

@@ -276,6 +276,11 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes
    */
   onOpen: PropTypes.func,
 
+  /**
+   * Callback fired on view change.
+   */
+  onViewChange: PropTypes.func,
+
   /**
    * Control the popup or dialog open state.
    */
@@ -296,6 +301,11 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes
    */
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
+  /**
+   * Paper props passed down to [Paper](https://mui.com/api/paper/) component.
+   */
+  PaperProps: PropTypes.object,
+
   /**
    * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */

package/TimePicker/TimePickerToolbar.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-import { ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
-export interface TimePickerToolbarClasses {
-    separator: string;
-    hourMinuteLabel: string;
-    hourMinuteLabelLandscape: string;
-    hourMinuteLabelReverse: string;
-    ampmSelection: string;
-    ampmLandscape: string;
-    ampmLabel: string;
-    penIconLandscape: string;
-}
-export interface TimePickerToolbarProps extends ToolbarComponentProps {
-    classes?: Partial<TimePickerToolbarClasses>;
-}
-export declare type TimePickerToolbarClassKey = keyof TimePickerToolbarClasses;
-export declare function getTimePickerToolbarUtilityClass(slot: string): string;
-export declare const timePickerToolbarClasses: TimePickerToolbarClasses;
-/**
- * @ignore - internal component.
- */
-declare const TimePickerToolbar: React.FC<ToolbarComponentProps>;
-export default TimePickerToolbar;
+import * as React from 'react';
+import { ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
+export interface TimePickerToolbarClasses {
+    separator: string;
+    hourMinuteLabel: string;
+    hourMinuteLabelLandscape: string;
+    hourMinuteLabelReverse: string;
+    ampmSelection: string;
+    ampmLandscape: string;
+    ampmLabel: string;
+    penIconLandscape: string;
+}
+export interface TimePickerToolbarProps extends ToolbarComponentProps {
+    classes?: Partial<TimePickerToolbarClasses>;
+}
+export declare type TimePickerToolbarClassKey = keyof TimePickerToolbarClasses;
+export declare function getTimePickerToolbarUtilityClass(slot: string): string;
+export declare const timePickerToolbarClasses: TimePickerToolbarClasses;
+/**
+ * @ignore - internal component.
+ */
+declare const TimePickerToolbar: React.FC<ToolbarComponentProps>;
+export default TimePickerToolbar;

package/TimePicker/index.d.ts

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

package/TimePicker/shared.d.ts

@@ -1,32 +1,36 @@
-import * as React from 'react';
-import { ParseableDate } from '../internal/pickers/constants/prop-types';
-import { ExportedClockPickerProps } from '../ClockPicker/ClockPicker';
-import { TimeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
-import { BasePickerProps, ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
-import { ExportedDateInputProps } from '../internal/pickers/PureDateInput';
-export declare type TimePickerView = 'hours' | 'minutes' | 'seconds';
-export interface BaseTimePickerProps<TDate> extends ExportedClockPickerProps<TDate>, BasePickerProps<ParseableDate<TDate>, TDate | null>, ValidationProps<TimeValidationError, ParseableDate<TDate>>, ExportedDateInputProps<ParseableDate<TDate>, TDate | null> {
-    /**
-     * First view to show.
-     */
-    openTo?: TimePickerView;
-    /**
-     * Component that will replace default toolbar renderer.
-     * @default TimePickerToolbar
-     */
-    ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps<TDate | null>>;
-    /**
-     * Mobile picker title, displaying in the toolbar.
-     * @default 'Select time'
-     */
-    toolbarTitle?: React.ReactNode;
-    /**
-     * Array of views to show.
-     */
-    views?: readonly TimePickerView[];
-}
-declare type DefaultizedProps<Props> = Props & {
-    inputFormat: string;
-};
-export declare function useTimePickerDefaultizedProps<Props extends BaseTimePickerProps<unknown>>({ ampm, components, inputFormat, openTo, views, ...other }: Props, name: string): DefaultizedProps<Props>;
-export {};
+import * as React from 'react';
+import { ParseableDate } from '../internal/pickers/constants/prop-types';
+import { ExportedClockPickerProps } from '../ClockPicker/ClockPicker';
+import { TimeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
+import { BasePickerProps, ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
+import { ExportedDateInputProps } from '../internal/pickers/PureDateInput';
+export declare type TimePickerView = 'hours' | 'minutes' | 'seconds';
+export interface BaseTimePickerProps<TDate> extends ExportedClockPickerProps<TDate>, BasePickerProps<ParseableDate<TDate>, TDate | null>, ValidationProps<TimeValidationError, ParseableDate<TDate>>, ExportedDateInputProps<ParseableDate<TDate>, TDate | null> {
+    /**
+     * Callback fired on view change.
+     */
+    onViewChange?: (view: TimePickerView) => void;
+    /**
+     * First view to show.
+     */
+    openTo?: TimePickerView;
+    /**
+     * Component that will replace default toolbar renderer.
+     * @default TimePickerToolbar
+     */
+    ToolbarComponent?: React.JSXElementConstructor<ToolbarComponentProps<TDate | null>>;
+    /**
+     * Mobile picker title, displaying in the toolbar.
+     * @default 'Select time'
+     */
+    toolbarTitle?: React.ReactNode;
+    /**
+     * Array of views to show.
+     */
+    views?: readonly TimePickerView[];
+}
+declare type DefaultizedProps<Props> = Props & {
+    inputFormat: string;
+};
+export declare function useTimePickerDefaultizedProps<Props extends BaseTimePickerProps<unknown>>({ ampm, components, inputFormat, openTo, views, ...other }: Props, name: string): DefaultizedProps<Props> & Required<Pick<BaseTimePickerProps<unknown>, 'openTo' | 'views'>>;
+export {};