@mui/lab 5.0.0-alpha.64 → 5.0.0-alpha.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AdapterDateFns/index.d.ts +1 -1
- package/AdapterDayjs/index.d.ts +1 -1
- package/AdapterLuxon/index.d.ts +1 -1
- package/AdapterMoment/index.d.ts +1 -1
- package/CHANGELOG.md +73 -0
- package/CalendarPicker/CalendarPicker.d.ts +106 -106
- package/CalendarPicker/PickersCalendar.d.ts +47 -47
- package/CalendarPicker/PickersCalendarHeader.d.ts +43 -43
- package/CalendarPicker/PickersFadeTransitionGroup.d.ts +12 -12
- package/CalendarPicker/PickersSlideTransition.d.ts +16 -16
- package/CalendarPicker/index.d.ts +5 -5
- package/CalendarPicker/shared.d.ts +1 -1
- package/CalendarPicker/useCalendarState.d.ts +32 -32
- package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +41 -41
- package/CalendarPickerSkeleton/index.d.ts +3 -3
- package/ClockPicker/Clock.d.ts +28 -28
- package/ClockPicker/ClockNumber.d.ts +19 -19
- package/ClockPicker/ClockNumbers.d.ts +24 -24
- package/ClockPicker/ClockPicker.d.ts +121 -121
- package/ClockPicker/ClockPickerStandalone.d.ts +28 -28
- package/ClockPicker/ClockPointer.d.ts +23 -23
- package/ClockPicker/index.d.ts +5 -5
- package/ClockPicker/shared.d.ts +5 -5
- package/DatePicker/DatePicker.d.ts +27 -27
- package/DatePicker/DatePickerToolbar.d.ts +23 -23
- package/DatePicker/index.d.ts +2 -2
- package/DatePicker/shared.d.ts +45 -45
- package/DateRangePicker/DateRangePicker.d.ts +65 -65
- package/DateRangePicker/DateRangePickerInput.d.ts +35 -35
- package/DateRangePicker/DateRangePickerToolbar.d.ts +15 -15
- package/DateRangePicker/DateRangePickerView.d.ts +44 -44
- package/DateRangePicker/DateRangePickerViewDesktop.d.ts +29 -29
- package/DateRangePicker/DateRangePickerViewMobile.d.ts +17 -17
- package/DateRangePicker/RangeTypes.d.ts +8 -8
- package/DateRangePicker/date-range-manager.d.ts +14 -14
- package/DateRangePicker/index.d.ts +3 -3
- package/DateRangePickerDay/DateRangePickerDay.d.ts +79 -79
- package/DateRangePickerDay/index.d.ts +2 -2
- package/DateTimePicker/DateTimePicker.d.ts +27 -27
- package/DateTimePicker/DateTimePickerTabs.d.ts +13 -13
- package/DateTimePicker/DateTimePickerToolbar.d.ts +7 -7
- package/DateTimePicker/index.d.ts +2 -2
- package/DateTimePicker/shared.d.ts +67 -67
- package/DesktopDatePicker/DesktopDatePicker.d.ts +20 -20
- package/DesktopDatePicker/index.d.ts +2 -2
- package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +64 -64
- package/DesktopDateRangePicker/index.d.ts +2 -2
- package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +20 -20
- package/DesktopDateTimePicker/index.d.ts +2 -2
- package/DesktopTimePicker/DesktopTimePicker.d.ts +20 -20
- package/DesktopTimePicker/index.d.ts +2 -2
- package/LoadingButton/loadingButtonClasses.d.ts +22 -22
- package/LocalizationProvider/LocalizationProvider.d.ts +35 -35
- package/LocalizationProvider/index.d.ts +2 -2
- package/Masonry/Masonry.js +12 -34
- package/Masonry/masonryClasses.d.ts +8 -8
- package/MobileDatePicker/MobileDatePicker.d.ts +20 -20
- package/MobileDatePicker/index.d.ts +2 -2
- package/MobileDateRangePicker/MobileDateRangePicker.d.ts +64 -64
- package/MobileDateRangePicker/index.d.ts +2 -2
- package/MobileDateTimePicker/MobileDateTimePicker.d.ts +20 -20
- package/MobileDateTimePicker/index.d.ts +2 -2
- package/MobileTimePicker/MobileTimePicker.d.ts +20 -20
- package/MobileTimePicker/index.d.ts +2 -2
- package/MonthPicker/MonthPicker.d.ts +53 -53
- package/MonthPicker/PickersMonth.d.ts +15 -15
- package/MonthPicker/index.d.ts +3 -3
- package/PickersDay/PickersDay.d.ts +93 -93
- package/PickersDay/index.d.ts +4 -4
- package/README.md +4 -4
- package/StaticDatePicker/StaticDatePicker.d.ts +25 -25
- package/StaticDatePicker/index.d.ts +2 -2
- package/StaticDateRangePicker/StaticDateRangePicker.d.ts +67 -67
- package/StaticDateRangePicker/index.d.ts +2 -2
- package/StaticDateTimePicker/StaticDateTimePicker.d.ts +25 -25
- package/StaticDateTimePicker/index.d.ts +2 -2
- package/StaticTimePicker/StaticTimePicker.d.ts +25 -25
- package/StaticTimePicker/index.d.ts +2 -2
- package/TabPanel/tabPanelClasses.d.ts +8 -8
- package/TimePicker/TimePicker.d.ts +27 -27
- package/TimePicker/TimePickerToolbar.d.ts +23 -23
- package/TimePicker/index.d.ts +2 -2
- package/TimePicker/shared.d.ts +36 -36
- package/Timeline/Timeline.d.ts +59 -59
- package/Timeline/TimelineContext.d.ts +6 -6
- package/Timeline/index.d.ts +5 -5
- package/Timeline/timelineClasses.d.ts +3 -3
- package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
- package/TimelineContent/timelineContentClasses.d.ts +14 -14
- package/TimelineDot/timelineDotClasses.d.ts +24 -24
- package/TimelineItem/timelineItemClasses.d.ts +16 -16
- package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
- package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
- package/TreeItem/treeItemClasses.d.ts +24 -24
- package/TreeView/treeViewClasses.d.ts +8 -8
- package/YearPicker/PickersYear.d.ts +28 -28
- package/YearPicker/YearPicker.d.ts +44 -44
- package/YearPicker/index.d.ts +5 -5
- package/YearPicker/yearPickerClasses.d.ts +3 -3
- package/index.js +1 -1
- package/internal/pickers/KeyboardDateInput.d.ts +4 -4
- package/internal/pickers/Picker/Picker.d.ts +33 -33
- package/internal/pickers/Picker/PickerView.d.ts +3 -3
- package/internal/pickers/PickersArrowSwitcher.d.ts +41 -41
- package/internal/pickers/PickersModalDialog.d.ts +47 -47
- package/internal/pickers/PickersPopper.d.ts +33 -33
- package/internal/pickers/PickersToolbar.d.ts +14 -14
- package/internal/pickers/PickersToolbarButton.d.ts +13 -13
- package/internal/pickers/PickersToolbarText.d.ts +8 -8
- package/internal/pickers/PureDateInput.d.ts +80 -80
- package/internal/pickers/PureDateInput.js +6 -4
- package/internal/pickers/constants/dimensions.d.ts +4 -4
- package/internal/pickers/constants/prop-types.d.ts +1 -1
- package/internal/pickers/date-time-utils.d.ts +8 -8
- package/internal/pickers/date-utils.d.ts +52 -52
- package/internal/pickers/hooks/date-helpers-hooks.d.ts +16 -16
- package/internal/pickers/hooks/useIsLandscape.d.ts +4 -4
- package/internal/pickers/hooks/useMaskedInput.d.ts +7 -7
- package/internal/pickers/hooks/useOpenState.d.ts +10 -10
- package/internal/pickers/hooks/usePickerState.d.ts +38 -38
- package/internal/pickers/hooks/useUtils.d.ts +7 -7
- package/internal/pickers/hooks/useValidation.d.ts +23 -23
- package/internal/pickers/hooks/useViews.d.ts +19 -19
- package/internal/pickers/text-field-helper.d.ts +11 -11
- package/internal/pickers/time-utils.d.ts +33 -33
- package/internal/pickers/typings/BasePicker.d.ts +95 -95
- package/internal/pickers/typings/Views.d.ts +1 -1
- package/internal/pickers/typings/helpers.d.ts +9 -9
- package/internal/pickers/utils.d.ts +7 -7
- package/internal/pickers/wrappers/DesktopTooltipWrapper.d.ts +4 -4
- package/internal/pickers/wrappers/DesktopWrapper.d.ts +16 -16
- package/internal/pickers/wrappers/MobileWrapper.d.ts +14 -14
- package/internal/pickers/wrappers/PickerStaticWrapper.d.ts +21 -21
- package/internal/pickers/wrappers/ResponsiveWrapper.d.ts +23 -23
- package/internal/pickers/wrappers/WrapperProps.d.ts +13 -13
- package/internal/pickers/wrappers/WrapperVariantContext.d.ts +11 -11
- package/internal/svg-icons/ArrowDropDown.d.ts +7 -7
- package/internal/svg-icons/ArrowLeft.d.ts +7 -7
- package/internal/svg-icons/ArrowRight.d.ts +7 -7
- package/internal/svg-icons/Calendar.d.ts +7 -7
- package/internal/svg-icons/Clock.d.ts +7 -7
- package/internal/svg-icons/DateRange.d.ts +7 -7
- package/internal/svg-icons/Pen.d.ts +7 -7
- package/internal/svg-icons/Time.d.ts +7 -7
- package/legacy/Masonry/Masonry.js +12 -34
- package/legacy/index.js +1 -1
- package/legacy/internal/pickers/PureDateInput.js +6 -4
- package/legacy/internal/pickers/test-utils.js +2 -1
- package/modern/Masonry/Masonry.js +12 -30
- package/modern/index.js +1 -1
- package/modern/internal/pickers/PureDateInput.js +6 -4
- package/node/Masonry/Masonry.js +12 -34
- package/node/index.js +1 -1
- package/node/internal/pickers/PureDateInput.js +6 -4
- package/package.json +7 -7
- package/themeAugmentation/components.d.ts +99 -23
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { BaseDateTimePickerProps } from '../DateTimePicker/shared';
|
|
3
|
-
import { DesktopWrapperProps } from '../internal/pickers/wrappers/DesktopWrapper';
|
|
4
|
-
export interface DesktopDateTimePickerProps<TDate = unknown> extends BaseDateTimePickerProps<TDate>, DesktopWrapperProps {
|
|
5
|
-
}
|
|
6
|
-
declare type DesktopDateTimePickerComponent = (<TDate>(props: DesktopDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
7
|
-
propTypes?: any;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
*
|
|
11
|
-
* Demos:
|
|
12
|
-
*
|
|
13
|
-
* - [Date Time Picker](https://mui.com/components/date-time-picker/)
|
|
14
|
-
*
|
|
15
|
-
* API:
|
|
16
|
-
*
|
|
17
|
-
* - [DesktopDateTimePicker API](https://mui.com/api/desktop-date-time-picker/)
|
|
18
|
-
*/
|
|
19
|
-
declare const DesktopDateTimePicker: DesktopDateTimePickerComponent;
|
|
20
|
-
export default DesktopDateTimePicker;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BaseDateTimePickerProps } from '../DateTimePicker/shared';
|
|
3
|
+
import { DesktopWrapperProps } from '../internal/pickers/wrappers/DesktopWrapper';
|
|
4
|
+
export interface DesktopDateTimePickerProps<TDate = unknown> extends BaseDateTimePickerProps<TDate>, DesktopWrapperProps {
|
|
5
|
+
}
|
|
6
|
+
declare type DesktopDateTimePickerComponent = (<TDate>(props: DesktopDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
7
|
+
propTypes?: any;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
*
|
|
11
|
+
* Demos:
|
|
12
|
+
*
|
|
13
|
+
* - [Date Time Picker](https://mui.com/components/date-time-picker/)
|
|
14
|
+
*
|
|
15
|
+
* API:
|
|
16
|
+
*
|
|
17
|
+
* - [DesktopDateTimePicker API](https://mui.com/api/desktop-date-time-picker/)
|
|
18
|
+
*/
|
|
19
|
+
declare const DesktopDateTimePicker: DesktopDateTimePickerComponent;
|
|
20
|
+
export default DesktopDateTimePicker;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './DesktopDateTimePicker';
|
|
2
|
-
export { default } from './DesktopDateTimePicker';
|
|
1
|
+
export * from './DesktopDateTimePicker';
|
|
2
|
+
export { default } from './DesktopDateTimePicker';
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { BaseTimePickerProps } from '../TimePicker/shared';
|
|
3
|
-
import { DesktopWrapperProps } from '../internal/pickers/wrappers/DesktopWrapper';
|
|
4
|
-
export interface DesktopTimePickerProps<TDate = unknown> extends BaseTimePickerProps<TDate>, DesktopWrapperProps {
|
|
5
|
-
}
|
|
6
|
-
declare type DesktopTimePickerComponent = (<TDate>(props: DesktopTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
7
|
-
propTypes?: any;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
*
|
|
11
|
-
* Demos:
|
|
12
|
-
*
|
|
13
|
-
* - [Time Picker](https://mui.com/components/time-picker/)
|
|
14
|
-
*
|
|
15
|
-
* API:
|
|
16
|
-
*
|
|
17
|
-
* - [DesktopTimePicker API](https://mui.com/api/desktop-time-picker/)
|
|
18
|
-
*/
|
|
19
|
-
declare const DesktopTimePicker: DesktopTimePickerComponent;
|
|
20
|
-
export default DesktopTimePicker;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BaseTimePickerProps } from '../TimePicker/shared';
|
|
3
|
+
import { DesktopWrapperProps } from '../internal/pickers/wrappers/DesktopWrapper';
|
|
4
|
+
export interface DesktopTimePickerProps<TDate = unknown> extends BaseTimePickerProps<TDate>, DesktopWrapperProps {
|
|
5
|
+
}
|
|
6
|
+
declare type DesktopTimePickerComponent = (<TDate>(props: DesktopTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
7
|
+
propTypes?: any;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
*
|
|
11
|
+
* Demos:
|
|
12
|
+
*
|
|
13
|
+
* - [Time Picker](https://mui.com/components/time-picker/)
|
|
14
|
+
*
|
|
15
|
+
* API:
|
|
16
|
+
*
|
|
17
|
+
* - [DesktopTimePicker API](https://mui.com/api/desktop-time-picker/)
|
|
18
|
+
*/
|
|
19
|
+
declare const DesktopTimePicker: DesktopTimePickerComponent;
|
|
20
|
+
export default DesktopTimePicker;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from './DesktopTimePicker';
|
|
2
|
-
export * from './DesktopTimePicker';
|
|
1
|
+
export { default } from './DesktopTimePicker';
|
|
2
|
+
export * from './DesktopTimePicker';
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export interface LoadingButtonClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `loading={true}`. */
|
|
5
|
-
loading: string;
|
|
6
|
-
/** Styles applied to the loadingIndicator element. */
|
|
7
|
-
loadingIndicator: string;
|
|
8
|
-
/** Styles applied to the loadingIndicator element if `loadingPosition="center"`. */
|
|
9
|
-
loadingIndicatorCenter: string;
|
|
10
|
-
/** Styles applied to the loadingIndicator element if `loadingPosition="start"`. */
|
|
11
|
-
loadingIndicatorStart: string;
|
|
12
|
-
/** Styles applied to the loadingIndicator element if `loadingPosition="end"`. */
|
|
13
|
-
loadingIndicatorEnd: string;
|
|
14
|
-
/** Styles applied to the endIcon element if `loading={true}` and `loadingPosition="end"`. */
|
|
15
|
-
endIconLoadingEnd: string;
|
|
16
|
-
/** Styles applied to the startIcon element if `loading={true}` and `loadingPosition="start"`. */
|
|
17
|
-
startIconLoadingStart: string;
|
|
18
|
-
}
|
|
19
|
-
export declare type LoadingButtonClassKey = keyof LoadingButtonClasses;
|
|
20
|
-
export declare function getLoadingButtonUtilityClass(slot: string): string;
|
|
21
|
-
declare const loadingButtonClasses: LoadingButtonClasses;
|
|
22
|
-
export default loadingButtonClasses;
|
|
1
|
+
export interface LoadingButtonClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `loading={true}`. */
|
|
5
|
+
loading: string;
|
|
6
|
+
/** Styles applied to the loadingIndicator element. */
|
|
7
|
+
loadingIndicator: string;
|
|
8
|
+
/** Styles applied to the loadingIndicator element if `loadingPosition="center"`. */
|
|
9
|
+
loadingIndicatorCenter: string;
|
|
10
|
+
/** Styles applied to the loadingIndicator element if `loadingPosition="start"`. */
|
|
11
|
+
loadingIndicatorStart: string;
|
|
12
|
+
/** Styles applied to the loadingIndicator element if `loadingPosition="end"`. */
|
|
13
|
+
loadingIndicatorEnd: string;
|
|
14
|
+
/** Styles applied to the endIcon element if `loading={true}` and `loadingPosition="end"`. */
|
|
15
|
+
endIconLoadingEnd: string;
|
|
16
|
+
/** Styles applied to the startIcon element if `loading={true}` and `loadingPosition="start"`. */
|
|
17
|
+
startIconLoadingStart: string;
|
|
18
|
+
}
|
|
19
|
+
export declare type LoadingButtonClassKey = keyof LoadingButtonClasses;
|
|
20
|
+
export declare function getLoadingButtonUtilityClass(slot: string): string;
|
|
21
|
+
declare const loadingButtonClasses: LoadingButtonClasses;
|
|
22
|
+
export default loadingButtonClasses;
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { DateIOFormats, IUtils } from '@date-io/core/IUtils';
|
|
3
|
-
export declare type MuiPickersAdapter<TDate> = IUtils<TDate>;
|
|
4
|
-
export interface MuiPickersAdapterContextValue<TDate> {
|
|
5
|
-
defaultDates: {
|
|
6
|
-
minDate: TDate;
|
|
7
|
-
maxDate: TDate;
|
|
8
|
-
};
|
|
9
|
-
utils: MuiPickersAdapter<TDate>;
|
|
10
|
-
}
|
|
11
|
-
export declare const MuiPickersAdapterContext: React.Context<MuiPickersAdapterContextValue<unknown> | null>;
|
|
12
|
-
export interface LocalizationProviderProps {
|
|
13
|
-
children?: React.ReactNode;
|
|
14
|
-
/** DateIO adapter class function */
|
|
15
|
-
dateAdapter: new (...args: any) => MuiPickersAdapter<unknown>;
|
|
16
|
-
/** Formats that are used for any child pickers */
|
|
17
|
-
dateFormats?: Partial<DateIOFormats>;
|
|
18
|
-
/**
|
|
19
|
-
* Date library instance you are using, if it has some global overrides
|
|
20
|
-
* ```jsx
|
|
21
|
-
* dateLibInstance={momentTimeZone}
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
|
-
dateLibInstance?: any;
|
|
25
|
-
/** Locale for the date library you are using */
|
|
26
|
-
locale?: string | object;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* @ignore - do not document.
|
|
30
|
-
*/
|
|
31
|
-
declare function LocalizationProvider(props: LocalizationProviderProps): JSX.Element;
|
|
32
|
-
declare namespace LocalizationProvider {
|
|
33
|
-
var propTypes: any;
|
|
34
|
-
}
|
|
35
|
-
export default LocalizationProvider;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DateIOFormats, IUtils } from '@date-io/core/IUtils';
|
|
3
|
+
export declare type MuiPickersAdapter<TDate> = IUtils<TDate>;
|
|
4
|
+
export interface MuiPickersAdapterContextValue<TDate> {
|
|
5
|
+
defaultDates: {
|
|
6
|
+
minDate: TDate;
|
|
7
|
+
maxDate: TDate;
|
|
8
|
+
};
|
|
9
|
+
utils: MuiPickersAdapter<TDate>;
|
|
10
|
+
}
|
|
11
|
+
export declare const MuiPickersAdapterContext: React.Context<MuiPickersAdapterContextValue<unknown> | null>;
|
|
12
|
+
export interface LocalizationProviderProps {
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
/** DateIO adapter class function */
|
|
15
|
+
dateAdapter: new (...args: any) => MuiPickersAdapter<unknown>;
|
|
16
|
+
/** Formats that are used for any child pickers */
|
|
17
|
+
dateFormats?: Partial<DateIOFormats>;
|
|
18
|
+
/**
|
|
19
|
+
* Date library instance you are using, if it has some global overrides
|
|
20
|
+
* ```jsx
|
|
21
|
+
* dateLibInstance={momentTimeZone}
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
dateLibInstance?: any;
|
|
25
|
+
/** Locale for the date library you are using */
|
|
26
|
+
locale?: string | object;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* @ignore - do not document.
|
|
30
|
+
*/
|
|
31
|
+
declare function LocalizationProvider(props: LocalizationProviderProps): JSX.Element;
|
|
32
|
+
declare namespace LocalizationProvider {
|
|
33
|
+
var propTypes: any;
|
|
34
|
+
}
|
|
35
|
+
export default LocalizationProvider;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './LocalizationProvider';
|
|
2
|
-
export { default } from './LocalizationProvider';
|
|
1
|
+
export * from './LocalizationProvider';
|
|
2
|
+
export { default } from './LocalizationProvider';
|
package/Masonry/Masonry.js
CHANGED
|
@@ -167,40 +167,24 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
|
|
|
167
167
|
|
|
168
168
|
const classes = useUtilityClasses(ownerState);
|
|
169
169
|
|
|
170
|
-
const handleResize =
|
|
171
|
-
if (!
|
|
170
|
+
const handleResize = masonryChildren => {
|
|
171
|
+
if (!masonryRef.current || !masonryChildren || masonryChildren.length === 0) {
|
|
172
172
|
return;
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
if (elements[0].target.className.includes(classes.root)) {
|
|
181
|
-
var _elements$, _masonryFirstChild, _masonryFirstChild$co, _masonryFirstChild2;
|
|
182
|
-
|
|
183
|
-
masonry = elements[0].target;
|
|
184
|
-
parentWidth = elements[0].contentRect.width;
|
|
185
|
-
masonryFirstChild = ((_elements$ = elements[1]) == null ? void 0 : _elements$.target) || masonry.firstChild;
|
|
186
|
-
childWidth = ((_masonryFirstChild = masonryFirstChild) == null ? void 0 : (_masonryFirstChild$co = _masonryFirstChild.contentRect) == null ? void 0 : _masonryFirstChild$co.width) || ((_masonryFirstChild2 = masonryFirstChild) == null ? void 0 : _masonryFirstChild2.clientWidth) || 0;
|
|
187
|
-
} else {
|
|
188
|
-
var _elements$2, _masonry$contentRect;
|
|
189
|
-
|
|
190
|
-
masonryFirstChild = elements[0].target;
|
|
191
|
-
childWidth = elements[0].contentRect.width;
|
|
192
|
-
masonry = ((_elements$2 = elements[1]) == null ? void 0 : _elements$2.target) || masonryFirstChild.parentElement;
|
|
193
|
-
parentWidth = ((_masonry$contentRect = masonry.contentRect) == null ? void 0 : _masonry$contentRect.width) || masonry.clientWidth;
|
|
194
|
-
}
|
|
175
|
+
const masonry = masonryRef.current;
|
|
176
|
+
const masonryFirstChild = masonryRef.current.firstChild;
|
|
177
|
+
const parentWidth = masonry.clientWidth;
|
|
178
|
+
const firstChildWidth = masonryFirstChild.clientWidth;
|
|
195
179
|
|
|
196
|
-
if (parentWidth === 0 ||
|
|
180
|
+
if (parentWidth === 0 || firstChildWidth === 0) {
|
|
197
181
|
return;
|
|
198
182
|
}
|
|
199
183
|
|
|
200
184
|
const firstChildComputedStyle = window.getComputedStyle(masonryFirstChild);
|
|
201
185
|
const firstChildMarginLeft = parseToNumber(firstChildComputedStyle.marginLeft);
|
|
202
186
|
const firstChildMarginRight = parseToNumber(firstChildComputedStyle.marginRight);
|
|
203
|
-
const currentNumberOfColumns = Math.round(parentWidth / (
|
|
187
|
+
const currentNumberOfColumns = Math.round(parentWidth / (firstChildWidth + firstChildMarginLeft + firstChildMarginRight));
|
|
204
188
|
const columnHeights = new Array(currentNumberOfColumns).fill(0);
|
|
205
189
|
let skip = false;
|
|
206
190
|
masonry.childNodes.forEach(child => {
|
|
@@ -253,16 +237,10 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
|
|
|
253
237
|
return undefined;
|
|
254
238
|
}
|
|
255
239
|
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
// this might cause unforeseen problems in some use cases;
|
|
261
|
-
resizeObserver.observe(container);
|
|
262
|
-
|
|
263
|
-
if (container.firstChild) {
|
|
264
|
-
resizeObserver.observe(container.firstChild);
|
|
265
|
-
}
|
|
240
|
+
if (masonryRef.current) {
|
|
241
|
+
masonryRef.current.childNodes.forEach(childNode => {
|
|
242
|
+
resizeObserver.observe(childNode);
|
|
243
|
+
});
|
|
266
244
|
}
|
|
267
245
|
|
|
268
246
|
return () => resizeObserver ? resizeObserver.disconnect() : {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export interface MasonryClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export declare type MasonryClassKey = keyof MasonryClasses;
|
|
6
|
-
export declare function getMasonryUtilityClass(slot: string): string;
|
|
7
|
-
declare const masonryClasses: MasonryClasses;
|
|
8
|
-
export default masonryClasses;
|
|
1
|
+
export interface MasonryClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
}
|
|
5
|
+
export declare type MasonryClassKey = keyof MasonryClasses;
|
|
6
|
+
export declare function getMasonryUtilityClass(slot: string): string;
|
|
7
|
+
declare const masonryClasses: MasonryClasses;
|
|
8
|
+
export default masonryClasses;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { BaseDatePickerProps } from '../DatePicker/shared';
|
|
3
|
-
import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
|
|
4
|
-
export interface MobileDatePickerProps<TDate = unknown> extends BaseDatePickerProps<TDate>, MobileWrapperProps {
|
|
5
|
-
}
|
|
6
|
-
declare type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
7
|
-
propTypes?: any;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
*
|
|
11
|
-
* Demos:
|
|
12
|
-
*
|
|
13
|
-
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
14
|
-
*
|
|
15
|
-
* API:
|
|
16
|
-
*
|
|
17
|
-
* - [MobileDatePicker API](https://mui.com/api/mobile-date-picker/)
|
|
18
|
-
*/
|
|
19
|
-
declare const MobileDatePicker: MobileDatePickerComponent;
|
|
20
|
-
export default MobileDatePicker;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BaseDatePickerProps } from '../DatePicker/shared';
|
|
3
|
+
import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
|
|
4
|
+
export interface MobileDatePickerProps<TDate = unknown> extends BaseDatePickerProps<TDate>, MobileWrapperProps {
|
|
5
|
+
}
|
|
6
|
+
declare type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
7
|
+
propTypes?: any;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
*
|
|
11
|
+
* Demos:
|
|
12
|
+
*
|
|
13
|
+
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
14
|
+
*
|
|
15
|
+
* API:
|
|
16
|
+
*
|
|
17
|
+
* - [MobileDatePicker API](https://mui.com/api/mobile-date-picker/)
|
|
18
|
+
*/
|
|
19
|
+
declare const MobileDatePicker: MobileDatePickerComponent;
|
|
20
|
+
export default MobileDatePicker;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './MobileDatePicker';
|
|
2
|
-
export { default } from './MobileDatePicker';
|
|
1
|
+
export * from './MobileDatePicker';
|
|
2
|
+
export { default } from './MobileDatePicker';
|
|
@@ -1,64 +1,64 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
|
|
3
|
-
import { RangeInput, DateRange } from '../DateRangePicker/RangeTypes';
|
|
4
|
-
import { DateRangeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
|
|
5
|
-
import { ExportedDateRangePickerViewProps } from '../DateRangePicker/DateRangePickerView';
|
|
6
|
-
import { ExportedDateRangePickerInputProps } from '../DateRangePicker/DateRangePickerInput';
|
|
7
|
-
interface BaseDateRangePickerProps<TDate> extends ExportedDateRangePickerViewProps<TDate>, ValidationProps<DateRangeValidationError, RangeInput<TDate>>, ExportedDateRangePickerInputProps {
|
|
8
|
-
/**
|
|
9
|
-
* The components used for each slot.
|
|
10
|
-
* Either a string to use a HTML element or a component.
|
|
11
|
-
* @default {}
|
|
12
|
-
*/
|
|
13
|
-
components?: ExportedDateRangePickerViewProps<TDate>['components'] & ExportedDateRangePickerInputProps['components'];
|
|
14
|
-
/**
|
|
15
|
-
* Text for end input label and toolbar placeholder.
|
|
16
|
-
* @default 'End'
|
|
17
|
-
*/
|
|
18
|
-
endText?: React.ReactNode;
|
|
19
|
-
/**
|
|
20
|
-
* Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
|
|
21
|
-
* @default '__/__/____'
|
|
22
|
-
*/
|
|
23
|
-
mask?: ExportedDateRangePickerInputProps['mask'];
|
|
24
|
-
/**
|
|
25
|
-
* Min selectable date. @DateIOType
|
|
26
|
-
* @default defaultMinDate
|
|
27
|
-
*/
|
|
28
|
-
minDate?: TDate;
|
|
29
|
-
/**
|
|
30
|
-
* Max selectable date. @DateIOType
|
|
31
|
-
* @default defaultMaxDate
|
|
32
|
-
*/
|
|
33
|
-
maxDate?: TDate;
|
|
34
|
-
/**
|
|
35
|
-
* Callback fired when the value (the selected date range) changes @DateIOType.
|
|
36
|
-
*/
|
|
37
|
-
onChange: (date: DateRange<TDate>, keyboardInputValue?: string) => void;
|
|
38
|
-
/**
|
|
39
|
-
* Text for start input label and toolbar placeholder.
|
|
40
|
-
* @default 'Start'
|
|
41
|
-
*/
|
|
42
|
-
startText?: React.ReactNode;
|
|
43
|
-
/**
|
|
44
|
-
* The value of the date range picker.
|
|
45
|
-
*/
|
|
46
|
-
value: RangeInput<TDate>;
|
|
47
|
-
}
|
|
48
|
-
export interface MobileDateRangePickerProps<TDate = unknown> extends BaseDateRangePickerProps<TDate>, MobileWrapperProps {
|
|
49
|
-
}
|
|
50
|
-
declare type MobileDateRangePickerComponent = (<TDate>(props: MobileDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
51
|
-
propTypes: unknown;
|
|
52
|
-
};
|
|
53
|
-
/**
|
|
54
|
-
*
|
|
55
|
-
* Demos:
|
|
56
|
-
*
|
|
57
|
-
* - [Date Range Picker](https://mui.com/components/date-range-picker/)
|
|
58
|
-
*
|
|
59
|
-
* API:
|
|
60
|
-
*
|
|
61
|
-
* - [MobileDateRangePicker API](https://mui.com/api/mobile-date-range-picker/)
|
|
62
|
-
*/
|
|
63
|
-
declare const MobileDateRangePicker: MobileDateRangePickerComponent;
|
|
64
|
-
export default MobileDateRangePicker;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
|
|
3
|
+
import { RangeInput, DateRange } from '../DateRangePicker/RangeTypes';
|
|
4
|
+
import { DateRangeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
|
|
5
|
+
import { ExportedDateRangePickerViewProps } from '../DateRangePicker/DateRangePickerView';
|
|
6
|
+
import { ExportedDateRangePickerInputProps } from '../DateRangePicker/DateRangePickerInput';
|
|
7
|
+
interface BaseDateRangePickerProps<TDate> extends ExportedDateRangePickerViewProps<TDate>, ValidationProps<DateRangeValidationError, RangeInput<TDate>>, ExportedDateRangePickerInputProps {
|
|
8
|
+
/**
|
|
9
|
+
* The components used for each slot.
|
|
10
|
+
* Either a string to use a HTML element or a component.
|
|
11
|
+
* @default {}
|
|
12
|
+
*/
|
|
13
|
+
components?: ExportedDateRangePickerViewProps<TDate>['components'] & ExportedDateRangePickerInputProps['components'];
|
|
14
|
+
/**
|
|
15
|
+
* Text for end input label and toolbar placeholder.
|
|
16
|
+
* @default 'End'
|
|
17
|
+
*/
|
|
18
|
+
endText?: React.ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
|
|
21
|
+
* @default '__/__/____'
|
|
22
|
+
*/
|
|
23
|
+
mask?: ExportedDateRangePickerInputProps['mask'];
|
|
24
|
+
/**
|
|
25
|
+
* Min selectable date. @DateIOType
|
|
26
|
+
* @default defaultMinDate
|
|
27
|
+
*/
|
|
28
|
+
minDate?: TDate;
|
|
29
|
+
/**
|
|
30
|
+
* Max selectable date. @DateIOType
|
|
31
|
+
* @default defaultMaxDate
|
|
32
|
+
*/
|
|
33
|
+
maxDate?: TDate;
|
|
34
|
+
/**
|
|
35
|
+
* Callback fired when the value (the selected date range) changes @DateIOType.
|
|
36
|
+
*/
|
|
37
|
+
onChange: (date: DateRange<TDate>, keyboardInputValue?: string) => void;
|
|
38
|
+
/**
|
|
39
|
+
* Text for start input label and toolbar placeholder.
|
|
40
|
+
* @default 'Start'
|
|
41
|
+
*/
|
|
42
|
+
startText?: React.ReactNode;
|
|
43
|
+
/**
|
|
44
|
+
* The value of the date range picker.
|
|
45
|
+
*/
|
|
46
|
+
value: RangeInput<TDate>;
|
|
47
|
+
}
|
|
48
|
+
export interface MobileDateRangePickerProps<TDate = unknown> extends BaseDateRangePickerProps<TDate>, MobileWrapperProps {
|
|
49
|
+
}
|
|
50
|
+
declare type MobileDateRangePickerComponent = (<TDate>(props: MobileDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
51
|
+
propTypes: unknown;
|
|
52
|
+
};
|
|
53
|
+
/**
|
|
54
|
+
*
|
|
55
|
+
* Demos:
|
|
56
|
+
*
|
|
57
|
+
* - [Date Range Picker](https://mui.com/components/date-range-picker/)
|
|
58
|
+
*
|
|
59
|
+
* API:
|
|
60
|
+
*
|
|
61
|
+
* - [MobileDateRangePicker API](https://mui.com/api/mobile-date-range-picker/)
|
|
62
|
+
*/
|
|
63
|
+
declare const MobileDateRangePicker: MobileDateRangePickerComponent;
|
|
64
|
+
export default MobileDateRangePicker;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './MobileDateRangePicker';
|
|
2
|
-
export { default } from './MobileDateRangePicker';
|
|
1
|
+
export * from './MobileDateRangePicker';
|
|
2
|
+
export { default } from './MobileDateRangePicker';
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { BaseDateTimePickerProps } from '../DateTimePicker/shared';
|
|
3
|
-
import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
|
|
4
|
-
export interface MobileDateTimePickerProps<TDate = unknown> extends BaseDateTimePickerProps<TDate>, MobileWrapperProps {
|
|
5
|
-
}
|
|
6
|
-
declare type MobileDateTimePickerComponent = (<TDate>(props: MobileDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
7
|
-
propTypes?: any;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
*
|
|
11
|
-
* Demos:
|
|
12
|
-
*
|
|
13
|
-
* - [Date Time Picker](https://mui.com/components/date-time-picker/)
|
|
14
|
-
*
|
|
15
|
-
* API:
|
|
16
|
-
*
|
|
17
|
-
* - [MobileDateTimePicker API](https://mui.com/api/mobile-date-time-picker/)
|
|
18
|
-
*/
|
|
19
|
-
declare const MobileDateTimePicker: MobileDateTimePickerComponent;
|
|
20
|
-
export default MobileDateTimePicker;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BaseDateTimePickerProps } from '../DateTimePicker/shared';
|
|
3
|
+
import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
|
|
4
|
+
export interface MobileDateTimePickerProps<TDate = unknown> extends BaseDateTimePickerProps<TDate>, MobileWrapperProps {
|
|
5
|
+
}
|
|
6
|
+
declare type MobileDateTimePickerComponent = (<TDate>(props: MobileDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
7
|
+
propTypes?: any;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
*
|
|
11
|
+
* Demos:
|
|
12
|
+
*
|
|
13
|
+
* - [Date Time Picker](https://mui.com/components/date-time-picker/)
|
|
14
|
+
*
|
|
15
|
+
* API:
|
|
16
|
+
*
|
|
17
|
+
* - [MobileDateTimePicker API](https://mui.com/api/mobile-date-time-picker/)
|
|
18
|
+
*/
|
|
19
|
+
declare const MobileDateTimePicker: MobileDateTimePickerComponent;
|
|
20
|
+
export default MobileDateTimePicker;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './MobileDateTimePicker';
|
|
2
|
-
export { default } from './MobileDateTimePicker';
|
|
1
|
+
export * from './MobileDateTimePicker';
|
|
2
|
+
export { default } from './MobileDateTimePicker';
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { BaseTimePickerProps } from '../TimePicker/shared';
|
|
3
|
-
import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
|
|
4
|
-
export interface MobileTimePickerProps<TDate = unknown> extends BaseTimePickerProps<TDate>, MobileWrapperProps {
|
|
5
|
-
}
|
|
6
|
-
declare type MobileTimePickerComponent = (<TDate>(props: MobileTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
7
|
-
propTypes?: any;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
*
|
|
11
|
-
* Demos:
|
|
12
|
-
*
|
|
13
|
-
* - [Time Picker](https://mui.com/components/time-picker/)
|
|
14
|
-
*
|
|
15
|
-
* API:
|
|
16
|
-
*
|
|
17
|
-
* - [MobileTimePicker API](https://mui.com/api/mobile-time-picker/)
|
|
18
|
-
*/
|
|
19
|
-
declare const MobileTimePicker: MobileTimePickerComponent;
|
|
20
|
-
export default MobileTimePicker;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BaseTimePickerProps } from '../TimePicker/shared';
|
|
3
|
+
import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
|
|
4
|
+
export interface MobileTimePickerProps<TDate = unknown> extends BaseTimePickerProps<TDate>, MobileWrapperProps {
|
|
5
|
+
}
|
|
6
|
+
declare type MobileTimePickerComponent = (<TDate>(props: MobileTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
7
|
+
propTypes?: any;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
*
|
|
11
|
+
* Demos:
|
|
12
|
+
*
|
|
13
|
+
* - [Time Picker](https://mui.com/components/time-picker/)
|
|
14
|
+
*
|
|
15
|
+
* API:
|
|
16
|
+
*
|
|
17
|
+
* - [MobileTimePicker API](https://mui.com/api/mobile-time-picker/)
|
|
18
|
+
*/
|
|
19
|
+
declare const MobileTimePicker: MobileTimePickerComponent;
|
|
20
|
+
export default MobileTimePicker;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './MobileTimePicker';
|
|
2
|
-
export { default } from './MobileTimePicker';
|
|
1
|
+
export * from './MobileTimePicker';
|
|
2
|
+
export { default } from './MobileTimePicker';
|