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

package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -22,11 +22,11 @@ const valueManager = {
  *
  * Demos:
  *
- * - [Date Time Picker](https://material-ui.com/components/date-time-picker/)
+ * - [Date Time Picker](https://mui.com/components/date-time-picker/)
  *
  * API:
  *
- * - [DesktopDateTimePicker API](https://material-ui.com/api/desktop-date-time-picker/)
+ * - [DesktopDateTimePicker API](https://mui.com/api/desktop-date-time-picker/)
  */
 const DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DesktopDateTimePicker(inProps, ref) {
   // TODO: TDate needs to be instantiated at every usage.
@@ -367,7 +367,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
   /**
    * First view to show.
    */
-  openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'year']),
+  openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
 
   /**
    * Force rendering in particular orientation.
@@ -375,7 +375,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
   /**
-   * Popper props passed down to [Popper](https://material-ui.com/api/popper/) component.
+   * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */
   PopperProps: PropTypes.object,
 
@@ -391,13 +391,13 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
   reduceAnimations: PropTypes.bool,
 
   /**
-   * Custom renderer for day. Check the [PickersDay](https://material-ui.com/api/pickers-day/) component.
+   * Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
    */
   renderDay: PropTypes.func,
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `props` argument of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api) that you need to forward.
+   * The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
    * Pay specific attention to the `ref` and `inputProps` keys.
    * @example ```jsx
    * renderInput={props => <TextField {...props} />}
@@ -478,7 +478,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
   toolbarTitle: PropTypes.node,
 
   /**
-   * Custom component for popper [Transition](https://material-ui.com/components/transitions/#transitioncomponent-prop).
+   * Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
    */
   TransitionComponent: PropTypes.elementType,
 
@@ -490,6 +490,6 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
   /**
    * Array of views to show.
    */
-  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'year']).isRequired)
+  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
 } : void 0;
 export default DesktopDateTimePicker;

package/modern/DesktopTimePicker/DesktopTimePicker.js

@@ -22,11 +22,11 @@ const valueManager = {
  *
  * Demos:
  *
- * - [Time Picker](https://material-ui.com/components/time-picker/)
+ * - [Time Picker](https://mui.com/components/time-picker/)
  *
  * API:
  *
- * - [DesktopTimePicker API](https://material-ui.com/api/desktop-time-picker/)
+ * - [DesktopTimePicker API](https://mui.com/api/desktop-time-picker/)
  */
 const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePicker(inProps, ref) {
   // TODO: TDate needs to be instantiated at every usage.
@@ -268,7 +268,7 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
   /**
-   * Popper props passed down to [Popper](https://material-ui.com/api/popper/) component.
+   * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */
   PopperProps: PropTypes.object,
 
@@ -279,7 +279,7 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `props` argument of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api) that you need to forward.
+   * The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
    * Pay specific attention to the `ref` and `inputProps` keys.
    * @example ```jsx
    * renderInput={props => <TextField {...props} />}
@@ -327,7 +327,7 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes
   toolbarTitle: PropTypes.node,
 
   /**
-   * Custom component for popper [Transition](https://material-ui.com/components/transitions/#transitioncomponent-prop).
+   * Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
    */
   TransitionComponent: PropTypes.elementType,
 

package/modern/LoadingButton/LoadingButton.js

@@ -170,11 +170,11 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
    */
   loadingPosition: chainPropTypes(PropTypes.oneOf(['start', 'end', 'center']), props => {
     if (props.loadingPosition === 'start' && !props.startIcon) {
-      return new Error(`Material-UI: The loadingPosition="start" should be used in combination with startIcon.`);
+      return new Error(`MUI: The loadingPosition="start" should be used in combination with startIcon.`);
     }
 
     if (props.loadingPosition === 'end' && !props.endIcon) {
-      return new Error(`Material-UI: The loadingPosition="end" should be used in combination with endIcon.`);
+      return new Error(`MUI: The loadingPosition="end" should be used in combination with endIcon.`);
     }
 
     return null;

package/modern/Masonry/Masonry.js

@@ -109,7 +109,7 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     // scroller always appears when masonry's height goes beyond 2,000px on Chrome
     const handleScroll = () => {
       if (masonryRef.current.clientHeight === 1998 && !didWarn) {
-        console.warn(['Material-UI: The Masonry can have the maximum height of 2,000px on Chrome browser.', 'Items that go beyond this height fail to be rendered on Chrome browser.', 'You can find more in this open issue: https://github.com/mui-org/material-ui/issues/27934'].join('\n')); // eslint-disable-next-line react-hooks/exhaustive-deps
+        console.warn(['MUI: The Masonry can have the maximum height of 2,000px on Chrome browser.', 'Items that go beyond this height fail to be rendered on Chrome browser.', 'You can find more in this open issue: https://github.com/mui-org/material-ui/issues/27934'].join('\n')); // eslint-disable-next-line react-hooks/exhaustive-deps
 
         didWarn = true;
       }

package/modern/MasonryItem/MasonryItem.js

@@ -9,18 +9,9 @@ import { unstable_useForkRef as useForkRef } from '@mui/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/core';
 import { styled, useThemeProps, useTheme } from '@mui/material/styles';
 import { getMasonryItemUtilityClass } from './masonryItemClasses';
-import MasonryContext from '../Masonry/MasonryContext'; // dummy resize observer used to prevent crash for old browsers that do not support ResizeObserver API(e.g., 11IE)
-
+import MasonryContext from '../Masonry/MasonryContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 
-const MockResizeObserver = () => {
-  return {
-    observe: () => {},
-    unobserve: () => {},
-    disconnect: () => {}
-  };
-};
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -41,7 +32,7 @@ export const style = ({
       // all contents should have a width of 100%
       width: '100%',
       boxSizing: 'inherit'
-    }, ownerState.isSSR && {
+    }, ownerState.hasDefaultHeight && {
       height: '100%'
     }),
     visibility: ownerState.height ? 'visible' : 'hidden',
@@ -106,39 +97,36 @@ const MasonryItem = /*#__PURE__*/React.forwardRef(function MasonryItem(inProps,
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
-  const isSSR = defaultHeight !== undefined;
+  const hasDefaultHeight = defaultHeight !== undefined;
   const [height, setHeight] = React.useState(defaultHeight);
 
   const ownerState = _extends({}, props, {
-    isSSR,
     spacing,
+    hasDefaultHeight,
     columnSpan,
     height: height < 0 ? 0 : height // MasonryItems to which negative or zero height is passed will be hidden
 
   });
 
   const classes = useUtilityClasses(ownerState);
-  const resizeObserver = React.useRef(null);
   React.useEffect(() => {
-    // do not create a resize observer in case of SSR masonry
-    if (isSSR) {
-      return () => {};
+    // Do not create a resize observer in case of provided height masonry
+    if (hasDefaultHeight) {
+      return undefined;
     }
 
-    try {
-      resizeObserver.current = new ResizeObserver(([item]) => {
-        setHeight(item.contentRect.height);
-      });
-    } catch (err) {
-      resizeObserver.current = MockResizeObserver();
+    if (typeof ResizeObserver === 'undefined') {
+      return undefined;
     }
 
-    const item = masonryItemRef.current.firstChild;
-    resizeObserver.current.observe(item);
+    const resizeObserver = new ResizeObserver(([item]) => {
+      setHeight(item.contentRect.height);
+    });
+    resizeObserver.observe(masonryItemRef.current.firstChild);
     return () => {
-      resizeObserver.current.unobserve(item);
+      resizeObserver.disconnect();
     };
-  }, [isSSR]);
+  }, [hasDefaultHeight]);
   const handleRef = useForkRef(ref, masonryItemRef);
   const theme = useTheme();
   const styleProp = {};

package/modern/MobileDatePicker/MobileDatePicker.js

@@ -22,11 +22,11 @@ const valueManager = {
  *
  * Demos:
  *
- * - [Date Picker](https://material-ui.com/components/date-picker/)
+ * - [Date Picker](https://mui.com/components/date-picker/)
  *
  * API:
  *
- * - [MobileDatePicker API](https://material-ui.com/api/mobile-date-picker/)
+ * - [MobileDatePicker API](https://mui.com/api/mobile-date-picker/)
  */
 const MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker(inProps, ref) {
   // TODO: TDate needs to be instantiated at every usage.
@@ -343,13 +343,13 @@ process.env.NODE_ENV !== "production" ? MobileDatePicker.propTypes
   reduceAnimations: PropTypes.bool,
 
   /**
-   * Custom renderer for day. Check the [PickersDay](https://material-ui.com/api/pickers-day/) component.
+   * Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
    */
   renderDay: PropTypes.func,
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `props` argument of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api) that you need to forward.
+   * The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
    * Pay specific attention to the `ref` and `inputProps` keys.
    * @example ```jsx
    * renderInput={props => <TextField {...props} />}

package/modern/MobileDateRangePicker/MobileDateRangePicker.js

@@ -23,11 +23,11 @@ const rangePickerValueManager = {
  *
  * Demos:
  *
- * - [Date Range Picker](https://material-ui.com/components/date-range-picker/)
+ * - [Date Range Picker](https://mui.com/components/date-range-picker/)
  *
  * API:
  *
- * - [MobileDateRangePicker API](https://material-ui.com/api/mobile-date-range-picker/)
+ * - [MobileDateRangePicker API](https://mui.com/api/mobile-date-range-picker/)
  */
 const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRangePicker(inProps, ref) {
   const props = useThemeProps({
@@ -397,7 +397,7 @@ process.env.NODE_ENV !== "production" ? MobileDateRangePicker.propTypes
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api),
+   * The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api),
    * that you need to forward to the range start/end inputs respectively.
    * Pay specific attention to the `ref` and `inputProps` keys.
    * @example

package/modern/MobileDateTimePicker/MobileDateTimePicker.js

@@ -22,11 +22,11 @@ const valueManager = {
  *
  * Demos:
  *
- * - [Date Time Picker](https://material-ui.com/components/date-time-picker/)
+ * - [Date Time Picker](https://mui.com/components/date-time-picker/)
  *
  * API:
  *
- * - [MobileDateTimePicker API](https://material-ui.com/api/mobile-date-time-picker/)
+ * - [MobileDateTimePicker API](https://mui.com/api/mobile-date-time-picker/)
  */
 const MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function MobileDateTimePicker(inProps, ref) {
   // TODO: TDate needs to be instantiated at every usage.
@@ -393,7 +393,7 @@ process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes
   /**
    * First view to show.
    */
-  openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'year']),
+  openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
 
   /**
    * Force rendering in particular orientation.
@@ -412,13 +412,13 @@ process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes
   reduceAnimations: PropTypes.bool,
 
   /**
-   * Custom renderer for day. Check the [PickersDay](https://material-ui.com/api/pickers-day/) component.
+   * Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
    */
   renderDay: PropTypes.func,
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `props` argument of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api) that you need to forward.
+   * The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
    * Pay specific attention to the `ref` and `inputProps` keys.
    * @example ```jsx
    * renderInput={props => <TextField {...props} />}
@@ -518,6 +518,6 @@ process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes
   /**
    * Array of views to show.
    */
-  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'year']).isRequired)
+  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
 } : void 0;
 export default MobileDateTimePicker;

package/modern/MobileTimePicker/MobileTimePicker.js

@@ -22,11 +22,11 @@ const valueManager = {
  *
  * Demos:
  *
- * - [Time Picker](https://material-ui.com/components/time-picker/)
+ * - [Time Picker](https://mui.com/components/time-picker/)
  *
  * API:
  *
- * - [MobileTimePicker API](https://material-ui.com/api/mobile-time-picker/)
+ * - [MobileTimePicker API](https://mui.com/api/mobile-time-picker/)
  */
 const MobileTimePicker = /*#__PURE__*/React.forwardRef(function MobileTimePicker(inProps, ref) {
   // TODO: TDate needs to be instantiated at every usage.
@@ -300,7 +300,7 @@ process.env.NODE_ENV !== "production" ? MobileTimePicker.propTypes
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `props` argument of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api) that you need to forward.
+   * The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
    * Pay specific attention to the `ref` and `inputProps` keys.
    * @example ```jsx
    * renderInput={props => <TextField {...props} />}

package/modern/MonthPicker/MonthPicker.js

@@ -155,11 +155,11 @@ process.env.NODE_ENV !== "production" ? MonthPicker.propTypes
  *
  * Demos:
  *
- * - [Date Picker](https://material-ui.com/components/date-picker/)
+ * - [Date Picker](https://mui.com/components/date-picker/)
  *
  * API:
  *
- * - [MonthPicker API](https://material-ui.com/api/month-picker/)
+ * - [MonthPicker API](https://mui.com/api/month-picker/)
  */
 
 export default MonthPicker;

package/modern/Pagination/Pagination.js

@@ -9,7 +9,7 @@ let warnedOnce = false;
 
 export default /*#__PURE__*/React.forwardRef(function DeprecatedPagination(props, ref) {
   if (!warnedOnce) {
-    console.warn(['Material-UI: The Pagination component was moved from the lab to the core.', '', "You should use `import { Pagination } from '@mui/material'`", "or `import Pagination from '@mui/material/Pagination'`"].join('\n'));
+    console.warn(['MUI: The Pagination component was moved from the lab to the core.', '', "You should use `import { Pagination } from '@mui/material'`", "or `import Pagination from '@mui/material/Pagination'`"].join('\n'));
     warnedOnce = true;
   }
 

package/modern/PaginationItem/PaginationItem.js

@@ -9,7 +9,7 @@ let warnedOnce = false;
 
 export default /*#__PURE__*/React.forwardRef(function DeprecatedPaginationItem(props, ref) {
   if (!warnedOnce) {
-    console.warn(['Material-UI: The PaginationItem component was moved from the lab to the core.', '', "You should use `import { PaginationItem } from '@mui/material'`", "or `import PaginationItem from '@mui/material/PaginationItem'`"].join('\n'));
+    console.warn(['MUI: The PaginationItem component was moved from the lab to the core.', '', "You should use `import { PaginationItem } from '@mui/material'`", "or `import PaginationItem from '@mui/material/PaginationItem'`"].join('\n'));
     warnedOnce = true;
   }
 

package/modern/PickersDay/PickersDay.js

@@ -155,7 +155,7 @@ const PickersDay = /*#__PURE__*/React.forwardRef(function PickersDay(inProps, fo
 
   useEnhancedEffect(() => {
     if (autoFocus && !disabled && !isAnimating && !outsideCurrentMonth) {
-      // ref.current being null would be a bug in Material-UI
+      // ref.current being null would be a bug in MUI
       ref.current.focus();
     }
   }, [autoFocus, disabled, isAnimating, outsideCurrentMonth]);
@@ -386,11 +386,11 @@ process.env.NODE_ENV !== "production" ? PickersDay.propTypes
  *
  * Demos:
  *
- * - [Date Picker](https://material-ui.com/components/date-picker/)
+ * - [Date Picker](https://mui.com/components/date-picker/)
  *
  * API:
  *
- * - [PickersDay API](https://material-ui.com/api/pickers-day/)
+ * - [PickersDay API](https://mui.com/api/pickers-day/)
  */
 
 export default /*#__PURE__*/React.memo(PickersDay, areDayPropsEqual);

package/modern/Rating/Rating.js

@@ -9,7 +9,7 @@ let warnedOnce = false;
 
 export default /*#__PURE__*/React.forwardRef(function DeprecatedRating(props, ref) {
   if (!warnedOnce) {
-    console.warn(['Material-UI: The Rating component was moved from the lab to the core.', '', "You should use `import { Rating } from '@mui/material'`", "or `import Rating from '@mui/material/Rating'`"].join('\n'));
+    console.warn(['MUI: The Rating component was moved from the lab to the core.', '', "You should use `import { Rating } from '@mui/material'`", "or `import Rating from '@mui/material/Rating'`"].join('\n'));
     warnedOnce = true;
   }
 

package/modern/Skeleton/Skeleton.js

@@ -9,7 +9,7 @@ let warnedOnce = false;
 
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSkeleton(props, ref) {
   if (!warnedOnce) {
-    console.warn(['Material-UI: The Skeleton component was moved from the lab to the core.', '', "You should use `import { Skeleton } from '@mui/material'`", "or `import Skeleton from '@mui/material/Skeleton'`"].join('\n'));
+    console.warn(['MUI: The Skeleton component was moved from the lab to the core.', '', "You should use `import { Skeleton } from '@mui/material'`", "or `import Skeleton from '@mui/material/Skeleton'`"].join('\n'));
     warnedOnce = true;
   }
 

package/modern/SpeedDial/SpeedDial.js

@@ -9,7 +9,7 @@ let warnedOnce = false;
 
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDial(props, ref) {
   if (!warnedOnce) {
-    console.warn(['Material-UI: The SpeedDial component was moved from the lab to the core.', '', "You should use `import { SpeedDial } from '@mui/material'`", "or `import SpeedDial from '@mui/material/SpeedDial'`"].join('\n'));
+    console.warn(['MUI: The SpeedDial component was moved from the lab to the core.', '', "You should use `import { SpeedDial } from '@mui/material'`", "or `import SpeedDial from '@mui/material/SpeedDial'`"].join('\n'));
     warnedOnce = true;
   }
 

package/modern/SpeedDialAction/SpeedDialAction.js

@@ -9,7 +9,7 @@ let warnedOnce = false;
 
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialAction(props, ref) {
   if (!warnedOnce) {
-    console.warn(['Material-UI: The SpeedDialAction component was moved from the lab to the core.', '', "You should use `import { SpeedDialAction } from '@mui/material'`", "or `import SpeedDialAction from '@mui/material/SpeedDialAction'`"].join('\n'));
+    console.warn(['MUI: The SpeedDialAction component was moved from the lab to the core.', '', "You should use `import { SpeedDialAction } from '@mui/material'`", "or `import SpeedDialAction from '@mui/material/SpeedDialAction'`"].join('\n'));
     warnedOnce = true;
   }
 

package/modern/SpeedDialIcon/SpeedDialIcon.js

@@ -9,7 +9,7 @@ let warnedOnce = false;
 
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialIcon(props, ref) {
   if (!warnedOnce) {
-    console.warn(['Material-UI: The SpeedDialIcon component was moved from the lab to the core.', '', "You should use `import { SpeedDialIcon } from '@mui/material'`", "or `import SpeedDialIcon from '@mui/material/SpeedDialIcon'`"].join('\n'));
+    console.warn(['MUI: The SpeedDialIcon component was moved from the lab to the core.', '', "You should use `import { SpeedDialIcon } from '@mui/material'`", "or `import SpeedDialIcon from '@mui/material/SpeedDialIcon'`"].join('\n'));
     warnedOnce = true;
   }
 

package/modern/StaticDatePicker/StaticDatePicker.js

@@ -21,11 +21,11 @@ const valueManager = {
  *
  * Demos:
  *
- * - [Date Picker](https://material-ui.com/components/date-picker/)
+ * - [Date Picker](https://mui.com/components/date-picker/)
  *
  * API:
  *
- * - [StaticDatePicker API](https://material-ui.com/api/static-date-picker/)
+ * - [StaticDatePicker API](https://mui.com/api/static-date-picker/)
  */
 const StaticDatePicker = /*#__PURE__*/React.forwardRef(function StaticDatePicker(inProps, ref) {
   // TODO: TDate needs to be instantiated at every usage.
@@ -312,13 +312,13 @@ process.env.NODE_ENV !== "production" ? StaticDatePicker.propTypes
   reduceAnimations: PropTypes.bool,
 
   /**
-   * Custom renderer for day. Check the [PickersDay](https://material-ui.com/api/pickers-day/) component.
+   * Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
    */
   renderDay: PropTypes.func,
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `props` argument of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api) that you need to forward.
+   * The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
    * Pay specific attention to the `ref` and `inputProps` keys.
    * @example ```jsx
    * renderInput={props => <TextField {...props} />}

package/modern/StaticDateRangePicker/StaticDateRangePicker.js

@@ -21,11 +21,11 @@ const rangePickerValueManager = {
  *
  * Demos:
  *
- * - [Date Range Picker](https://material-ui.com/components/date-range-picker/)
+ * - [Date Range Picker](https://mui.com/components/date-range-picker/)
  *
  * API:
  *
- * - [StaticDateRangePicker API](https://material-ui.com/api/static-date-range-picker/)
+ * - [StaticDateRangePicker API](https://mui.com/api/static-date-range-picker/)
  */
 const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateRangePicker(inProps, ref) {
   const props = useThemeProps({
@@ -365,7 +365,7 @@ process.env.NODE_ENV !== "production" ? StaticDateRangePicker.propTypes
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api),
+   * The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api),
    * that you need to forward to the range start/end inputs respectively.
    * Pay specific attention to the `ref` and `inputProps` keys.
    * @example

package/modern/StaticDateTimePicker/StaticDateTimePicker.js

@@ -21,11 +21,11 @@ const valueManager = {
  *
  * Demos:
  *
- * - [Date Time Picker](https://material-ui.com/components/date-time-picker/)
+ * - [Date Time Picker](https://mui.com/components/date-time-picker/)
  *
  * API:
  *
- * - [StaticDateTimePicker API](https://material-ui.com/api/static-date-time-picker/)
+ * - [StaticDateTimePicker API](https://mui.com/api/static-date-time-picker/)
  */
 const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTimePicker(inProps, ref) {
   // TODO: TDate needs to be instantiated at every usage.
@@ -362,7 +362,7 @@ process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes
   /**
    * First view to show.
    */
-  openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'year']),
+  openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
 
   /**
    * Force rendering in particular orientation.
@@ -381,13 +381,13 @@ process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes
   reduceAnimations: PropTypes.bool,
 
   /**
-   * Custom renderer for day. Check the [PickersDay](https://material-ui.com/api/pickers-day/) component.
+   * Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
    */
   renderDay: PropTypes.func,
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `props` argument of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api) that you need to forward.
+   * The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
    * Pay specific attention to the `ref` and `inputProps` keys.
    * @example ```jsx
    * renderInput={props => <TextField {...props} />}
@@ -475,6 +475,6 @@ process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes
   /**
    * Array of views to show.
    */
-  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'year']).isRequired)
+  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
 } : void 0;
 export default StaticDateTimePicker;

package/modern/StaticTimePicker/StaticTimePicker.js

@@ -21,11 +21,11 @@ const valueManager = {
  *
  * Demos:
  *
- * - [Time Picker](https://material-ui.com/components/time-picker/)
+ * - [Time Picker](https://mui.com/components/time-picker/)
  *
  * API:
  *
- * - [StaticTimePicker API](https://material-ui.com/api/static-time-picker/)
+ * - [StaticTimePicker API](https://mui.com/api/static-time-picker/)
  */
 const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker(inProps, ref) {
   // TODO: TDate needs to be instantiated at every usage.
@@ -268,7 +268,7 @@ process.env.NODE_ENV !== "production" ? StaticTimePicker.propTypes
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `props` argument of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api) that you need to forward.
+   * The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
    * Pay specific attention to the `ref` and `inputProps` keys.
    * @example ```jsx
    * renderInput={props => <TextField {...props} />}

package/modern/TimePicker/TimePicker.js

@@ -13,12 +13,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * Demos:
  *
- * - [Pickers](https://material-ui.com/components/pickers/)
- * - [Time Picker](https://material-ui.com/components/time-picker/)
+ * - [Pickers](https://mui.com/components/pickers/)
+ * - [Time Picker](https://mui.com/components/time-picker/)
  *
  * API:
  *
- * - [TimePicker API](https://material-ui.com/api/time-picker/)
+ * - [TimePicker API](https://mui.com/api/time-picker/)
  */
 const TimePicker = /*#__PURE__*/React.forwardRef(function TimePicker(inProps, ref) {
   const props = useThemeProps({
@@ -297,7 +297,7 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
   /**
-   * Popper props passed down to [Popper](https://material-ui.com/api/popper/) component.
+   * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */
   PopperProps: PropTypes.object,
 
@@ -308,7 +308,7 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `props` argument of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api) that you need to forward.
+   * The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
    * Pay specific attention to the `ref` and `inputProps` keys.
    * @example ```jsx
    * renderInput={props => <TextField {...props} />}
@@ -368,7 +368,7 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes
   toolbarTitle: PropTypes.node,
 
   /**
-   * Custom component for popper [Transition](https://material-ui.com/components/transitions/#transitioncomponent-prop).
+   * Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
    */
   TransitionComponent: PropTypes.elementType,