@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.
Files changed (156) hide show
  1. package/AdapterDateFns/index.d.ts +1 -1
  2. package/AdapterDayjs/index.d.ts +1 -1
  3. package/AdapterLuxon/index.d.ts +1 -1
  4. package/AdapterMoment/index.d.ts +1 -1
  5. package/CHANGELOG.md +73 -0
  6. package/CalendarPicker/CalendarPicker.d.ts +106 -106
  7. package/CalendarPicker/PickersCalendar.d.ts +47 -47
  8. package/CalendarPicker/PickersCalendarHeader.d.ts +43 -43
  9. package/CalendarPicker/PickersFadeTransitionGroup.d.ts +12 -12
  10. package/CalendarPicker/PickersSlideTransition.d.ts +16 -16
  11. package/CalendarPicker/index.d.ts +5 -5
  12. package/CalendarPicker/shared.d.ts +1 -1
  13. package/CalendarPicker/useCalendarState.d.ts +32 -32
  14. package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +41 -41
  15. package/CalendarPickerSkeleton/index.d.ts +3 -3
  16. package/ClockPicker/Clock.d.ts +28 -28
  17. package/ClockPicker/ClockNumber.d.ts +19 -19
  18. package/ClockPicker/ClockNumbers.d.ts +24 -24
  19. package/ClockPicker/ClockPicker.d.ts +121 -121
  20. package/ClockPicker/ClockPickerStandalone.d.ts +28 -28
  21. package/ClockPicker/ClockPointer.d.ts +23 -23
  22. package/ClockPicker/index.d.ts +5 -5
  23. package/ClockPicker/shared.d.ts +5 -5
  24. package/DatePicker/DatePicker.d.ts +27 -27
  25. package/DatePicker/DatePickerToolbar.d.ts +23 -23
  26. package/DatePicker/index.d.ts +2 -2
  27. package/DatePicker/shared.d.ts +45 -45
  28. package/DateRangePicker/DateRangePicker.d.ts +65 -65
  29. package/DateRangePicker/DateRangePickerInput.d.ts +35 -35
  30. package/DateRangePicker/DateRangePickerToolbar.d.ts +15 -15
  31. package/DateRangePicker/DateRangePickerView.d.ts +44 -44
  32. package/DateRangePicker/DateRangePickerViewDesktop.d.ts +29 -29
  33. package/DateRangePicker/DateRangePickerViewMobile.d.ts +17 -17
  34. package/DateRangePicker/RangeTypes.d.ts +8 -8
  35. package/DateRangePicker/date-range-manager.d.ts +14 -14
  36. package/DateRangePicker/index.d.ts +3 -3
  37. package/DateRangePickerDay/DateRangePickerDay.d.ts +79 -79
  38. package/DateRangePickerDay/index.d.ts +2 -2
  39. package/DateTimePicker/DateTimePicker.d.ts +27 -27
  40. package/DateTimePicker/DateTimePickerTabs.d.ts +13 -13
  41. package/DateTimePicker/DateTimePickerToolbar.d.ts +7 -7
  42. package/DateTimePicker/index.d.ts +2 -2
  43. package/DateTimePicker/shared.d.ts +67 -67
  44. package/DesktopDatePicker/DesktopDatePicker.d.ts +20 -20
  45. package/DesktopDatePicker/index.d.ts +2 -2
  46. package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +64 -64
  47. package/DesktopDateRangePicker/index.d.ts +2 -2
  48. package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +20 -20
  49. package/DesktopDateTimePicker/index.d.ts +2 -2
  50. package/DesktopTimePicker/DesktopTimePicker.d.ts +20 -20
  51. package/DesktopTimePicker/index.d.ts +2 -2
  52. package/LoadingButton/loadingButtonClasses.d.ts +22 -22
  53. package/LocalizationProvider/LocalizationProvider.d.ts +35 -35
  54. package/LocalizationProvider/index.d.ts +2 -2
  55. package/Masonry/Masonry.js +12 -34
  56. package/Masonry/masonryClasses.d.ts +8 -8
  57. package/MobileDatePicker/MobileDatePicker.d.ts +20 -20
  58. package/MobileDatePicker/index.d.ts +2 -2
  59. package/MobileDateRangePicker/MobileDateRangePicker.d.ts +64 -64
  60. package/MobileDateRangePicker/index.d.ts +2 -2
  61. package/MobileDateTimePicker/MobileDateTimePicker.d.ts +20 -20
  62. package/MobileDateTimePicker/index.d.ts +2 -2
  63. package/MobileTimePicker/MobileTimePicker.d.ts +20 -20
  64. package/MobileTimePicker/index.d.ts +2 -2
  65. package/MonthPicker/MonthPicker.d.ts +53 -53
  66. package/MonthPicker/PickersMonth.d.ts +15 -15
  67. package/MonthPicker/index.d.ts +3 -3
  68. package/PickersDay/PickersDay.d.ts +93 -93
  69. package/PickersDay/index.d.ts +4 -4
  70. package/README.md +4 -4
  71. package/StaticDatePicker/StaticDatePicker.d.ts +25 -25
  72. package/StaticDatePicker/index.d.ts +2 -2
  73. package/StaticDateRangePicker/StaticDateRangePicker.d.ts +67 -67
  74. package/StaticDateRangePicker/index.d.ts +2 -2
  75. package/StaticDateTimePicker/StaticDateTimePicker.d.ts +25 -25
  76. package/StaticDateTimePicker/index.d.ts +2 -2
  77. package/StaticTimePicker/StaticTimePicker.d.ts +25 -25
  78. package/StaticTimePicker/index.d.ts +2 -2
  79. package/TabPanel/tabPanelClasses.d.ts +8 -8
  80. package/TimePicker/TimePicker.d.ts +27 -27
  81. package/TimePicker/TimePickerToolbar.d.ts +23 -23
  82. package/TimePicker/index.d.ts +2 -2
  83. package/TimePicker/shared.d.ts +36 -36
  84. package/Timeline/Timeline.d.ts +59 -59
  85. package/Timeline/TimelineContext.d.ts +6 -6
  86. package/Timeline/index.d.ts +5 -5
  87. package/Timeline/timelineClasses.d.ts +3 -3
  88. package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
  89. package/TimelineContent/timelineContentClasses.d.ts +14 -14
  90. package/TimelineDot/timelineDotClasses.d.ts +24 -24
  91. package/TimelineItem/timelineItemClasses.d.ts +16 -16
  92. package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
  93. package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
  94. package/TreeItem/treeItemClasses.d.ts +24 -24
  95. package/TreeView/treeViewClasses.d.ts +8 -8
  96. package/YearPicker/PickersYear.d.ts +28 -28
  97. package/YearPicker/YearPicker.d.ts +44 -44
  98. package/YearPicker/index.d.ts +5 -5
  99. package/YearPicker/yearPickerClasses.d.ts +3 -3
  100. package/index.js +1 -1
  101. package/internal/pickers/KeyboardDateInput.d.ts +4 -4
  102. package/internal/pickers/Picker/Picker.d.ts +33 -33
  103. package/internal/pickers/Picker/PickerView.d.ts +3 -3
  104. package/internal/pickers/PickersArrowSwitcher.d.ts +41 -41
  105. package/internal/pickers/PickersModalDialog.d.ts +47 -47
  106. package/internal/pickers/PickersPopper.d.ts +33 -33
  107. package/internal/pickers/PickersToolbar.d.ts +14 -14
  108. package/internal/pickers/PickersToolbarButton.d.ts +13 -13
  109. package/internal/pickers/PickersToolbarText.d.ts +8 -8
  110. package/internal/pickers/PureDateInput.d.ts +80 -80
  111. package/internal/pickers/PureDateInput.js +6 -4
  112. package/internal/pickers/constants/dimensions.d.ts +4 -4
  113. package/internal/pickers/constants/prop-types.d.ts +1 -1
  114. package/internal/pickers/date-time-utils.d.ts +8 -8
  115. package/internal/pickers/date-utils.d.ts +52 -52
  116. package/internal/pickers/hooks/date-helpers-hooks.d.ts +16 -16
  117. package/internal/pickers/hooks/useIsLandscape.d.ts +4 -4
  118. package/internal/pickers/hooks/useMaskedInput.d.ts +7 -7
  119. package/internal/pickers/hooks/useOpenState.d.ts +10 -10
  120. package/internal/pickers/hooks/usePickerState.d.ts +38 -38
  121. package/internal/pickers/hooks/useUtils.d.ts +7 -7
  122. package/internal/pickers/hooks/useValidation.d.ts +23 -23
  123. package/internal/pickers/hooks/useViews.d.ts +19 -19
  124. package/internal/pickers/text-field-helper.d.ts +11 -11
  125. package/internal/pickers/time-utils.d.ts +33 -33
  126. package/internal/pickers/typings/BasePicker.d.ts +95 -95
  127. package/internal/pickers/typings/Views.d.ts +1 -1
  128. package/internal/pickers/typings/helpers.d.ts +9 -9
  129. package/internal/pickers/utils.d.ts +7 -7
  130. package/internal/pickers/wrappers/DesktopTooltipWrapper.d.ts +4 -4
  131. package/internal/pickers/wrappers/DesktopWrapper.d.ts +16 -16
  132. package/internal/pickers/wrappers/MobileWrapper.d.ts +14 -14
  133. package/internal/pickers/wrappers/PickerStaticWrapper.d.ts +21 -21
  134. package/internal/pickers/wrappers/ResponsiveWrapper.d.ts +23 -23
  135. package/internal/pickers/wrappers/WrapperProps.d.ts +13 -13
  136. package/internal/pickers/wrappers/WrapperVariantContext.d.ts +11 -11
  137. package/internal/svg-icons/ArrowDropDown.d.ts +7 -7
  138. package/internal/svg-icons/ArrowLeft.d.ts +7 -7
  139. package/internal/svg-icons/ArrowRight.d.ts +7 -7
  140. package/internal/svg-icons/Calendar.d.ts +7 -7
  141. package/internal/svg-icons/Clock.d.ts +7 -7
  142. package/internal/svg-icons/DateRange.d.ts +7 -7
  143. package/internal/svg-icons/Pen.d.ts +7 -7
  144. package/internal/svg-icons/Time.d.ts +7 -7
  145. package/legacy/Masonry/Masonry.js +12 -34
  146. package/legacy/index.js +1 -1
  147. package/legacy/internal/pickers/PureDateInput.js +6 -4
  148. package/legacy/internal/pickers/test-utils.js +2 -1
  149. package/modern/Masonry/Masonry.js +12 -30
  150. package/modern/index.js +1 -1
  151. package/modern/internal/pickers/PureDateInput.js +6 -4
  152. package/node/Masonry/Masonry.js +12 -34
  153. package/node/index.js +1 -1
  154. package/node/internal/pickers/PureDateInput.js +6 -4
  155. package/package.json +7 -7
  156. 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';
@@ -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 = elements => {
171
- if (!elements) {
170
+ const handleResize = masonryChildren => {
171
+ if (!masonryRef.current || !masonryChildren || masonryChildren.length === 0) {
172
172
  return;
173
173
  }
174
174
 
175
- let masonry;
176
- let masonryFirstChild;
177
- let parentWidth;
178
- let childWidth;
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 || childWidth === 0 || !masonry || !masonryFirstChild) {
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 / (childWidth + firstChildMarginLeft + firstChildMarginRight));
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
- const container = masonryRef.current;
257
-
258
- if (container && resizeObserver) {
259
- // only the masonry container and its first child are observed for resizing;
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';