@mui/lab 5.0.0-alpha.106 → 5.0.0-alpha.108

package/TabList/TabList.js

@@ -8,21 +8,17 @@ import { useTabContext, getTabId, getPanelId } from '../TabContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
   const {
-    children: childrenProp
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children: childrenProp
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const context = useTabContext();
-
   if (context === null) {
     throw new TypeError('No TabContext provided');
   }
-
   const children = React.Children.map(childrenProp, child => {
     if (! /*#__PURE__*/React.isValidElement(child)) {
       return null;
     }
-
     return /*#__PURE__*/React.cloneElement(child, {
       // SOMEDAY: `Tabs` will set those themselves
       'aria-controls': getPanelId(context, child.props.value),
@@ -35,14 +31,11 @@ const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
     children: children
   }));
 });
-process.env.NODE_ENV !== "production" ? TabList.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TabList.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * A list of `<Tab />` elements.
    */

package/TabPanel/TabPanel.js

@@ -9,7 +9,6 @@ import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { getTabPanelUtilityClass } from './tabPanelClasses';
 import { getPanelId, getTabId, useTabContext } from '../TabContext';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -19,7 +18,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTabPanelUtilityClass, classes);
 };
-
 const TabPanelRoot = styled('div', {
   name: 'MuiTabPanel',
   slot: 'Root',
@@ -34,23 +32,18 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
     props: inProps,
     name: 'MuiTabPanel'
   });
-
   const {
-    children,
-    className,
-    value
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      className,
+      value
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props);
-
   const classes = useUtilityClasses(ownerState);
   const context = useTabContext();
-
   if (context === null) {
     throw new TypeError('No TabContext provided');
   }
-
   const id = getPanelId(context, value);
   const tabId = getTabId(context, value);
   return /*#__PURE__*/_jsx(TabPanelRoot, _extends({
@@ -65,34 +58,27 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
     children: value === context.value && children
   }));
 });
-process.env.NODE_ENV !== "production" ? TabPanel.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TabPanel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when
    * no `value` was passed to `Tab`.

package/TimePicker/TimePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The TimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { TimePicker } from '@mui/x-date-pickers'`", "or `import { TimePicker } from '@mui/x-date-pickers/TimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/Timeline/Timeline.js

@@ -10,7 +10,6 @@ import { styled, useThemeProps } from '@mui/material/styles';
 import TimelineContext from './TimelineContext';
 import { getTimelineUtilityClass } from './timelineClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     position,
@@ -21,7 +20,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTimelineUtilityClass, classes);
 };
-
 const TimelineRoot = styled('ul', {
   name: 'MuiTimeline',
   slot: 'Root',
@@ -37,6 +35,7 @@ const TimelineRoot = styled('ul', {
   padding: '6px 16px',
   flexGrow: 1
 });
+
 /**
  *
  * Demos:
@@ -47,23 +46,19 @@ const TimelineRoot = styled('ul', {
  *
  * - [Timeline API](https://mui.com/material-ui/api/timeline/)
  */
-
 const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiTimeline'
   });
-
   const {
-    position = 'right',
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      position = 'right',
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     position
   });
-
   const classes = useUtilityClasses(ownerState);
   const contextValue = React.useMemo(() => ({
     position
@@ -72,46 +67,41 @@ const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
     value: contextValue,
     children: /*#__PURE__*/_jsx(TimelineRoot, _extends({
       className: clsx(classes.root, className),
-      ownerState: ownerState // @ts-expect-error TypeScript bug, need to keep unknown for DX
+      ownerState: ownerState
+      // @ts-expect-error TypeScript bug, need to keep unknown for DX
       ,
       ref: ref
     }, other))
   });
 });
-process.env.NODE_ENV !== "production" ? Timeline.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Timeline.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * className applied to the root element.
    */
   className: PropTypes.string,
-
   /**
    * The position where the TimelineContent should appear relative to the time axis.
    * @default 'right'
    */
   position: PropTypes.oneOf(['alternate', 'left', 'right']),
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
+
 /**
  *
  * Demos:
@@ -122,5 +112,4 @@ process.env.NODE_ENV !== "production" ? Timeline.propTypes
  *
  * - [Timeline API](https://mui.com/api/timeline/)
  */
-
 export default Timeline;

package/Timeline/TimelineContext.js

@@ -1,12 +1,10 @@
 import * as React from 'react';
+
 /**
  * @ignore - internal component.
  */
-
 const TimelineContext = /*#__PURE__*/React.createContext({});
-
 if (process.env.NODE_ENV !== 'production') {
   TimelineContext.displayName = 'TimelineContext';
 }
-
 export default TimelineContext;

package/TimelineConnector/TimelineConnector.js

@@ -8,7 +8,6 @@ import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { getTimelineConnectorUtilityClass } from './timelineConnectorClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -18,7 +17,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTimelineConnectorUtilityClass, classes);
 };
-
 const TimelineConnectorRoot = styled('span', {
   name: 'MuiTimelineConnector',
   slot: 'Root',
@@ -37,12 +35,10 @@ const TimelineConnector = /*#__PURE__*/React.forwardRef(function TimelineConnect
     props: inProps,
     name: 'MuiTimelineConnector'
   });
-
   const {
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TimelineConnectorRoot, _extends({
@@ -51,29 +47,23 @@ const TimelineConnector = /*#__PURE__*/React.forwardRef(function TimelineConnect
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? TimelineConnector.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TimelineConnector.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/TimelineContent/TimelineContent.js

@@ -11,7 +11,6 @@ import Typography from '@mui/material/Typography';
 import TimelineContext from '../Timeline/TimelineContext';
 import { getTimelineContentUtilityClass } from './timelineContentClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     position,
@@ -22,7 +21,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTimelineContentUtilityClass, classes);
 };
-
 const TimelineContentRoot = styled(Typography, {
   name: 'MuiTimelineContent',
   slot: 'Root',
@@ -46,20 +44,16 @@ const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(i
     props: inProps,
     name: 'MuiTimelineContent'
   });
-
   const {
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     position: positionContext
   } = React.useContext(TimelineContext);
-
   const ownerState = _extends({}, props, {
     position: positionContext || 'right'
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TimelineContentRoot, _extends({
     component: "div",
@@ -68,29 +62,23 @@ const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(i
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? TimelineContent.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TimelineContent.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/TimelineDot/TimelineDot.js

@@ -9,7 +9,6 @@ import { capitalize } from '@mui/material/utils';
 import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { getTimelineDotUtilityClass } from './timelineDotClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     color,
@@ -21,7 +20,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTimelineDotUtilityClass, classes);
 };
-
 const TimelineDotRoot = styled('span', {
   name: 'MuiTimelineDot',
   slot: 'Root',
@@ -64,19 +62,16 @@ const TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps,
     props: inProps,
     name: 'MuiTimelineDot'
   });
-
   const {
-    className,
-    color = 'grey',
-    variant = 'filled'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      color = 'grey',
+      variant = 'filled'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     color,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TimelineDotRoot, _extends({
     className: clsx(classes.root, className),
@@ -84,48 +79,36 @@ const TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps,
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? TimelineDot.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TimelineDot.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The dot can have a different colors.
    * @default 'grey'
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['error', 'grey', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'grey', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * The dot can appear filled or outlined.
    * @default 'filled'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['filled', 'outlined']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['filled', 'outlined']), PropTypes.string])
 } : void 0;
 export default TimelineDot;

package/TimelineItem/TimelineItem.js

@@ -12,7 +12,6 @@ import { timelineOppositeContentClasses } from '../TimelineOppositeContent';
 import TimelineContext from '../Timeline/TimelineContext';
 import { getTimelineItemUtilityClass } from './timelineItemClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     position,
@@ -24,7 +23,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTimelineItemUtilityClass, classes);
 };
-
 const TimelineItemRoot = styled('li', {
   name: 'MuiTimelineItem',
   slot: 'Root',
@@ -65,13 +63,11 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
     props: inProps,
     name: 'MuiTimelineItem'
   });
-
   const {
-    position: positionProp,
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      position: positionProp,
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     position: positionContext
   } = React.useContext(TimelineContext);
@@ -81,12 +77,10 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
       hasOppositeContent = true;
     }
   });
-
   const ownerState = _extends({}, props, {
     position: positionProp || positionContext || 'right',
     hasOppositeContent
   });
-
   const classes = useUtilityClasses(ownerState);
   const contextValue = React.useMemo(() => ({
     position: ownerState.position
@@ -100,34 +94,27 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
     }, other))
   });
 });
-process.env.NODE_ENV !== "production" ? TimelineItem.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TimelineItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The position where the timeline's item should appear.
    */
   position: PropTypes.oneOf(['left', 'right']),
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/TimelineOppositeContent/TimelineOppositeContent.js

@@ -11,7 +11,6 @@ import Typography from '@mui/material/Typography';
 import TimelineContext from '../Timeline/TimelineContext';
 import { getTimelineOppositeContentUtilityClass } from './timelineOppositeContentClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     position,
@@ -22,7 +21,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTimelineOppositeContentUtilityClass, classes);
 };
-
 const TimelineOppositeContentRoot = styled(Typography, {
   name: 'MuiTimelineOppositeContent',
   slot: 'Root',
@@ -47,20 +45,16 @@ const TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineO
     props: inProps,
     name: 'MuiTimelineOppositeContent'
   });
-
   const {
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     position: positionContext
   } = React.useContext(TimelineContext);
-
   const ownerState = _extends({}, props, {
     position: positionContext || 'left'
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TimelineOppositeContentRoot, _extends({
     component: "div",
@@ -69,29 +63,23 @@ const TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineO
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? TimelineOppositeContent.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TimelineOppositeContent.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */