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

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/TimelineItem/timelineItemClasses.d.ts

@@ -1,16 +1,16 @@
-export interface TimelineItemClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `position="left"`. */
-    positionLeft: string;
-    /** Styles applied to the root element if `position="right"`. */
-    positionRight: string;
-    /** Styles applied to the root element if `position="alternate"`. */
-    positionAlternate: string;
-    /** Styles applied to the root element if TimelineOppositeContent isn't provided. */
-    missingOppositeContent: string;
-}
-export declare type TimelineItemClassKey = keyof TimelineItemClasses;
-export declare function getTimelineItemUtilityClass(slot: string): string;
-declare const timelineItemClasses: TimelineItemClasses;
-export default timelineItemClasses;
+export interface TimelineItemClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `position="left"`. */
+    positionLeft: string;
+    /** Styles applied to the root element if `position="right"`. */
+    positionRight: string;
+    /** Styles applied to the root element if `position="alternate"`. */
+    positionAlternate: string;
+    /** Styles applied to the root element if TimelineOppositeContent isn't provided. */
+    missingOppositeContent: string;
+}
+export declare type TimelineItemClassKey = keyof TimelineItemClasses;
+export declare function getTimelineItemUtilityClass(slot: string): string;
+declare const timelineItemClasses: TimelineItemClasses;
+export default timelineItemClasses;

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.
    */

package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts

@@ -1,14 +1,14 @@
-export interface TimelineOppositeContentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `position="right"`. */
-    positionRight: string;
-    /** Styles applied to the root element if `position="left"`. */
-    positionLeft: string;
-    /** Styles applied to the root element if `position="alternate"`. */
-    positionAlternate: string;
-}
-export declare type TimelineOppositeContentClassKey = keyof TimelineOppositeContentClasses;
-export declare function getTimelineOppositeContentUtilityClass(slot: string): string;
-declare const timelineOppositeContentClasses: TimelineOppositeContentClasses;
-export default timelineOppositeContentClasses;
+export interface TimelineOppositeContentClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `position="right"`. */
+    positionRight: string;
+    /** Styles applied to the root element if `position="left"`. */
+    positionLeft: string;
+    /** Styles applied to the root element if `position="alternate"`. */
+    positionAlternate: string;
+}
+export declare type TimelineOppositeContentClassKey = keyof TimelineOppositeContentClasses;
+export declare function getTimelineOppositeContentUtilityClass(slot: string): string;
+declare const timelineOppositeContentClasses: TimelineOppositeContentClasses;
+export default timelineOppositeContentClasses;

package/TimelineSeparator/TimelineSeparator.js

@@ -8,7 +8,6 @@ import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { getTimelineSeparatorUtilityClass } from './timelineSeparatorClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -18,7 +17,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTimelineSeparatorUtilityClass, classes);
 };
-
 const TimelineSeparatorRoot = styled('div', {
   name: 'MuiTimelineSeparator',
   slot: 'Root',
@@ -34,12 +32,10 @@ const TimelineSeparator = /*#__PURE__*/React.forwardRef(function TimelineSeparat
     props: inProps,
     name: 'MuiTimelineSeparator'
   });
-
   const {
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TimelineSeparatorRoot, _extends({
@@ -48,29 +44,23 @@ const TimelineSeparator = /*#__PURE__*/React.forwardRef(function TimelineSeparat
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? TimelineSeparator.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TimelineSeparator.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/TimelineSeparator/timelineSeparatorClasses.d.ts

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

package/ToggleButton/ToggleButton.js

@@ -3,16 +3,15 @@ import * as React from 'react';
 import ToggleButton from '@mui/material/ToggleButton';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedToggleButton(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The ToggleButton component was moved from the lab to the core.', '', "You should use `import { ToggleButton } from '@mui/material'`", "or `import ToggleButton from '@mui/material/ToggleButton'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(ToggleButton, _extends({
     ref: ref
   }, props));

package/ToggleButtonGroup/ToggleButtonGroup.js

@@ -3,16 +3,15 @@ import * as React from 'react';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedToggleButtonGroup(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The ToggleButtonGroup component was moved from the lab to the core.', '', "You should use `import { ToggleButtonGroup } from '@mui/material'`", "or `import ToggleButtonGroup from '@mui/material/ToggleButtonGroup'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(ToggleButtonGroup, _extends({
     ref: ref
   }, props));

package/TreeItem/TreeItem.js

@@ -15,7 +15,6 @@ import TreeItemContent from './TreeItemContent';
 import treeItemClasses, { getTreeItemUtilityClass } from './treeItemClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -33,7 +32,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTreeItemUtilityClass, classes);
 };
-
 const TreeItemRoot = styled('li', {
   name: 'MuiTreeItem',
   slot: 'Root',
@@ -122,27 +120,25 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
     props: inProps,
     name: 'MuiTreeItem'
   });
-
   const {
-    children,
-    className,
-    collapseIcon,
-    ContentComponent = TreeItemContent,
-    ContentProps,
-    endIcon,
-    expandIcon,
-    disabled: disabledProp,
-    icon,
-    id: idProp,
-    label,
-    nodeId,
-    onClick,
-    onMouseDown,
-    TransitionComponent = Collapse,
-    TransitionProps
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      className,
+      collapseIcon,
+      ContentComponent = TreeItemContent,
+      ContentProps,
+      endIcon,
+      expandIcon,
+      disabled: disabledProp,
+      icon,
+      id: idProp,
+      label,
+      nodeId,
+      onClick,
+      onMouseDown,
+      TransitionComponent = Collapse,
+      TransitionProps
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     icons: contextIcons = {},
     focus,
@@ -159,13 +155,11 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
     treeId
   } = React.useContext(TreeViewContext);
   let id = null;
-
   if (idProp != null) {
     id = idProp;
   } else if (treeId && nodeId) {
     id = `${treeId}-${nodeId}`;
   }
-
   const [treeitemElement, setTreeitemElement] = React.useState(null);
   const contentRef = React.useRef(null);
   const handleRef = useForkRef(setTreeitemElement, ref);
@@ -182,18 +176,15 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
   const focused = isFocused ? isFocused(nodeId) : false;
   const selected = isSelected ? isSelected(nodeId) : false;
   const disabled = isDisabled ? isDisabled(nodeId) : false;
-
   const ownerState = _extends({}, props, {
     expanded,
     focused,
     selected,
     disabled
   });
-
   const classes = useUtilityClasses(ownerState);
   let displayIcon;
   let expansionIcon;
-
   if (expandable) {
     if (!expanded) {
       expansionIcon = expandIcon || contextIcons.defaultExpandIcon;
@@ -201,13 +192,11 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
       expansionIcon = collapseIcon || contextIcons.defaultCollapseIcon;
     }
   }
-
   if (expandable) {
     displayIcon = contextIcons.defaultParentIcon;
   } else {
     displayIcon = endIcon || contextIcons.defaultEndIcon;
   }
-
   React.useEffect(() => {
     // On the first render a node's index will be -1. We want to wait for the real index.
     if (registerNode && unregisterNode && index !== -1) {
@@ -223,7 +212,6 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
         unregisterNode(nodeId);
       };
     }
-
     return undefined;
   }, [registerNode, unregisterNode, parentId, index, nodeId, expandable, disabledProp, id]);
   React.useEffect(() => {
@@ -233,11 +221,9 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
         unMapFirstChar(nodeId);
       };
     }
-
     return undefined;
   }, [mapFirstChar, unMapFirstChar, nodeId, label]);
   let ariaSelected;
-
   if (multiSelect) {
     ariaSelected = selected;
   } else if (selected) {
@@ -249,7 +235,6 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
      */
     ariaSelected = true;
   }
-
   function handleFocus(event) {
     // DOM focus stays on the tree which manages focus with aria-activedescendant
     if (event.target === event.currentTarget) {
@@ -257,14 +242,11 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
         preventScroll: true
       });
     }
-
     const unfocusable = !disabledItemsFocusable && disabled;
-
     if (!focused && event.currentTarget === event.target && !unfocusable) {
       focus(event, nodeId);
     }
   }
-
   return /*#__PURE__*/_jsxs(TreeItemRoot, _extends({
     className: clsx(classes.root, className),
     role: "treeitem",
@@ -312,108 +294,87 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
     })]
   }));
 });
-process.env.NODE_ENV !== "production" ? TreeItem.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TreeItem.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 icon used to collapse the node.
    */
   collapseIcon: PropTypes.node,
-
   /**
    * The component used for the content node.
    * @default TreeItemContent
    */
   ContentComponent: elementTypeAcceptingRef,
-
   /**
    * Props applied to ContentComponent
    */
   ContentProps: PropTypes.object,
-
   /**
    * If `true`, the node is disabled.
    */
   disabled: PropTypes.bool,
-
   /**
    * The icon displayed next to a end node.
    */
   endIcon: PropTypes.node,
-
   /**
    * The icon used to expand the node.
    */
   expandIcon: PropTypes.node,
-
   /**
    * The icon to display next to the tree node's label.
    */
   icon: PropTypes.node,
-
   /**
    * @ignore
    */
   id: PropTypes.string,
-
   /**
    * The tree node label.
    */
   label: PropTypes.node,
-
   /**
    * The id of the node.
    */
   nodeId: PropTypes.string.isRequired,
-
   /**
    * @ignore
    */
   onClick: PropTypes.func,
-
   /**
    * This prop isn't supported.
    * Use the `onNodeFocus` callback on the tree if you need to monitor a node's focus.
    */
   onFocus: unsupportedProp,
-
   /**
    * @ignore
    */
   onMouseDown: PropTypes.func,
-
   /**
    * 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 component used for the transition.
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Collapse
    */
   TransitionComponent: PropTypes.elementType,
-
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.