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

package/legacy/TimelineDot/TimelineDot.js

@@ -8,17 +8,15 @@ 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";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var color = ownerState.color,
-      variant = ownerState.variant,
-      classes = ownerState.classes;
+    variant = ownerState.variant,
+    classes = ownerState.classes;
   var slots = {
     root: ['root', variant, color !== 'inherit' && "".concat(variant).concat(capitalize(color))]
   };
   return composeClasses(slots, getTimelineDotUtilityClass, classes);
 };
-
 var TimelineDotRoot = styled('span', {
   name: 'MuiTimelineDot',
   slot: 'Root',
@@ -28,7 +26,7 @@ var TimelineDotRoot = styled('span', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState,
-      theme = _ref.theme;
+    theme = _ref.theme;
   return _extends({
     display: 'flex',
     alignSelf: 'baseline',
@@ -60,19 +58,16 @@ var TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps, re
     props: inProps,
     name: 'MuiTimelineDot'
   });
-
   var className = props.className,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'grey' : _props$color,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'filled' : _props$variant,
-      other = _objectWithoutProperties(props, ["className", "color", "variant"]);
-
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'grey' : _props$color,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'filled' : _props$variant,
+    other = _objectWithoutProperties(props, ["className", "color", "variant"]);
   var ownerState = _extends({}, props, {
     color: color,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TimelineDotRoot, _extends({
     className: clsx(classes.root, className),
@@ -80,48 +75,36 @@ var TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps, re
     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/legacy/TimelineItem/TimelineItem.js

@@ -12,17 +12,15 @@ import { timelineOppositeContentClasses } from '../TimelineOppositeContent';
 import TimelineContext from '../Timeline/TimelineContext';
 import { getTimelineItemUtilityClass } from './timelineItemClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var position = ownerState.position,
-      classes = ownerState.classes,
-      hasOppositeContent = ownerState.hasOppositeContent;
+    classes = ownerState.classes,
+    hasOppositeContent = ownerState.hasOppositeContent;
   var slots = {
     root: ['root', "position".concat(capitalize(position)), !hasOppositeContent && 'missingOppositeContent']
   };
   return composeClasses(slots, getTimelineItemUtilityClass, classes);
 };
-
 var TimelineItemRoot = styled('li', {
   name: 'MuiTimelineItem',
   slot: 'Root',
@@ -32,7 +30,6 @@ var TimelineItemRoot = styled('li', {
   }
 })(function (_ref) {
   var _nthOfTypeEven;
-
   var ownerState = _ref.ownerState;
   return _extends({
     listStyle: 'none',
@@ -62,26 +59,21 @@ var TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps,
     props: inProps,
     name: 'MuiTimelineItem'
   });
-
   var positionProp = props.position,
-      className = props.className,
-      other = _objectWithoutProperties(props, ["position", "className"]);
-
+    className = props.className,
+    other = _objectWithoutProperties(props, ["position", "className"]);
   var _React$useContext = React.useContext(TimelineContext),
-      positionContext = _React$useContext.position;
-
+    positionContext = _React$useContext.position;
   var hasOppositeContent = false;
   React.Children.forEach(props.children, function (child) {
     if (isMuiElement(child, ['TimelineOppositeContent'])) {
       hasOppositeContent = true;
     }
   });
-
   var ownerState = _extends({}, props, {
     position: positionProp || positionContext || 'right',
     hasOppositeContent: hasOppositeContent
   });
-
   var classes = useUtilityClasses(ownerState);
   var contextValue = React.useMemo(function () {
     return {
@@ -97,34 +89,27 @@ var 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/legacy/TimelineOppositeContent/TimelineOppositeContent.js

@@ -10,16 +10,14 @@ import Typography from '@mui/material/Typography';
 import TimelineContext from '../Timeline/TimelineContext';
 import { getTimelineOppositeContentUtilityClass } from './timelineOppositeContentClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var position = ownerState.position,
-      classes = ownerState.classes;
+    classes = ownerState.classes;
   var slots = {
     root: ['root', "position".concat(capitalize(position))]
   };
   return composeClasses(slots, getTimelineOppositeContentUtilityClass, classes);
 };
-
 var TimelineOppositeContentRoot = styled(Typography, {
   name: 'MuiTimelineOppositeContent',
   slot: 'Root',
@@ -43,17 +41,13 @@ var TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineOpp
     props: inProps,
     name: 'MuiTimelineOppositeContent'
   });
-
   var className = props.className,
-      other = _objectWithoutProperties(props, ["className"]);
-
+    other = _objectWithoutProperties(props, ["className"]);
   var _React$useContext = React.useContext(TimelineContext),
-      positionContext = _React$useContext.position;
-
+    positionContext = _React$useContext.position;
   var ownerState = _extends({}, props, {
     position: positionContext || 'left'
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TimelineOppositeContentRoot, _extends({
     component: "div",
@@ -62,29 +56,23 @@ var TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineOpp
     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/legacy/TimelineSeparator/TimelineSeparator.js

@@ -7,7 +7,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";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -15,7 +14,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getTimelineSeparatorUtilityClass, classes);
 };
-
 var TimelineSeparatorRoot = styled('div', {
   name: 'MuiTimelineSeparator',
   slot: 'Root',
@@ -33,10 +31,8 @@ var TimelineSeparator = /*#__PURE__*/React.forwardRef(function TimelineSeparator
     props: inProps,
     name: 'MuiTimelineSeparator'
   });
-
   var className = props.className,
-      other = _objectWithoutProperties(props, ["className"]);
-
+    other = _objectWithoutProperties(props, ["className"]);
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TimelineSeparatorRoot, _extends({
@@ -45,29 +41,23 @@ var TimelineSeparator = /*#__PURE__*/React.forwardRef(function TimelineSeparator
     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/legacy/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";
 var 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/legacy/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";
 var 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/legacy/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";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -31,7 +30,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getTreeItemUtilityClass, classes);
 };
-
 var TreeItemRoot = styled('li', {
   name: 'MuiTreeItem',
   slot: 'Root',
@@ -52,7 +50,6 @@ var StyledTreeItemContent = styled(TreeItemContent, {
   }
 })(function (_ref3) {
   var _ref4;
-
   var theme = _ref3.theme;
   return _ref4 = {
     padding: '0 8px',
@@ -117,55 +114,49 @@ var TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
     props: inProps,
     name: 'MuiTreeItem'
   });
-
   var children = props.children,
-      className = props.className,
-      collapseIcon = props.collapseIcon,
-      _props$ContentCompone = props.ContentComponent,
-      ContentComponent = _props$ContentCompone === void 0 ? TreeItemContent : _props$ContentCompone,
-      ContentProps = props.ContentProps,
-      endIcon = props.endIcon,
-      expandIcon = props.expandIcon,
-      disabledProp = props.disabled,
-      icon = props.icon,
-      idProp = props.id,
-      label = props.label,
-      nodeId = props.nodeId,
-      onClick = props.onClick,
-      onMouseDown = props.onMouseDown,
-      _props$TransitionComp = props.TransitionComponent,
-      TransitionComponent = _props$TransitionComp === void 0 ? Collapse : _props$TransitionComp,
-      TransitionProps = props.TransitionProps,
-      other = _objectWithoutProperties(props, ["children", "className", "collapseIcon", "ContentComponent", "ContentProps", "endIcon", "expandIcon", "disabled", "icon", "id", "label", "nodeId", "onClick", "onMouseDown", "TransitionComponent", "TransitionProps"]);
-
+    className = props.className,
+    collapseIcon = props.collapseIcon,
+    _props$ContentCompone = props.ContentComponent,
+    ContentComponent = _props$ContentCompone === void 0 ? TreeItemContent : _props$ContentCompone,
+    ContentProps = props.ContentProps,
+    endIcon = props.endIcon,
+    expandIcon = props.expandIcon,
+    disabledProp = props.disabled,
+    icon = props.icon,
+    idProp = props.id,
+    label = props.label,
+    nodeId = props.nodeId,
+    onClick = props.onClick,
+    onMouseDown = props.onMouseDown,
+    _props$TransitionComp = props.TransitionComponent,
+    TransitionComponent = _props$TransitionComp === void 0 ? Collapse : _props$TransitionComp,
+    TransitionProps = props.TransitionProps,
+    other = _objectWithoutProperties(props, ["children", "className", "collapseIcon", "ContentComponent", "ContentProps", "endIcon", "expandIcon", "disabled", "icon", "id", "label", "nodeId", "onClick", "onMouseDown", "TransitionComponent", "TransitionProps"]);
   var _React$useContext = React.useContext(TreeViewContext),
-      _React$useContext$ico = _React$useContext.icons,
-      contextIcons = _React$useContext$ico === void 0 ? {} : _React$useContext$ico,
-      focus = _React$useContext.focus,
-      isExpanded = _React$useContext.isExpanded,
-      isFocused = _React$useContext.isFocused,
-      isSelected = _React$useContext.isSelected,
-      isDisabled = _React$useContext.isDisabled,
-      multiSelect = _React$useContext.multiSelect,
-      disabledItemsFocusable = _React$useContext.disabledItemsFocusable,
-      mapFirstChar = _React$useContext.mapFirstChar,
-      unMapFirstChar = _React$useContext.unMapFirstChar,
-      registerNode = _React$useContext.registerNode,
-      unregisterNode = _React$useContext.unregisterNode,
-      treeId = _React$useContext.treeId;
-
+    _React$useContext$ico = _React$useContext.icons,
+    contextIcons = _React$useContext$ico === void 0 ? {} : _React$useContext$ico,
+    focus = _React$useContext.focus,
+    isExpanded = _React$useContext.isExpanded,
+    isFocused = _React$useContext.isFocused,
+    isSelected = _React$useContext.isSelected,
+    isDisabled = _React$useContext.isDisabled,
+    multiSelect = _React$useContext.multiSelect,
+    disabledItemsFocusable = _React$useContext.disabledItemsFocusable,
+    mapFirstChar = _React$useContext.mapFirstChar,
+    unMapFirstChar = _React$useContext.unMapFirstChar,
+    registerNode = _React$useContext.registerNode,
+    unregisterNode = _React$useContext.unregisterNode,
+    treeId = _React$useContext.treeId;
   var id = null;
-
   if (idProp != null) {
     id = idProp;
   } else if (treeId && nodeId) {
     id = "".concat(treeId, "-").concat(nodeId);
   }
-
   var _React$useState = React.useState(null),
-      treeitemElement = _React$useState[0],
-      setTreeitemElement = _React$useState[1];
-
+    treeitemElement = _React$useState[0],
+    setTreeitemElement = _React$useState[1];
   var contentRef = React.useRef(null);
   var handleRef = useForkRef(setTreeitemElement, ref);
   var descendant = React.useMemo(function () {
@@ -174,28 +165,23 @@ var TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
       id: nodeId
     };
   }, [nodeId, treeitemElement]);
-
   var _useDescendant = useDescendant(descendant),
-      index = _useDescendant.index,
-      parentId = _useDescendant.parentId;
-
+    index = _useDescendant.index,
+    parentId = _useDescendant.parentId;
   var expandable = Boolean(Array.isArray(children) ? children.length : children);
   var expanded = isExpanded ? isExpanded(nodeId) : false;
   var focused = isFocused ? isFocused(nodeId) : false;
   var selected = isSelected ? isSelected(nodeId) : false;
   var disabled = isDisabled ? isDisabled(nodeId) : false;
-
   var ownerState = _extends({}, props, {
     expanded: expanded,
     focused: focused,
     selected: selected,
     disabled: disabled
   });
-
   var classes = useUtilityClasses(ownerState);
   var displayIcon;
   var expansionIcon;
-
   if (expandable) {
     if (!expanded) {
       expansionIcon = expandIcon || contextIcons.defaultExpandIcon;
@@ -203,13 +189,11 @@ var TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
       expansionIcon = collapseIcon || contextIcons.defaultCollapseIcon;
     }
   }
-
   if (expandable) {
     displayIcon = contextIcons.defaultParentIcon;
   } else {
     displayIcon = endIcon || contextIcons.defaultEndIcon;
   }
-
   React.useEffect(function () {
     // On the first render a node's index will be -1. We want to wait for the real index.
     if (registerNode && unregisterNode && index !== -1) {
@@ -225,7 +209,6 @@ var TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
         unregisterNode(nodeId);
       };
     }
-
     return undefined;
   }, [registerNode, unregisterNode, parentId, index, nodeId, expandable, disabledProp, id]);
   React.useEffect(function () {
@@ -235,11 +218,9 @@ var TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
         unMapFirstChar(nodeId);
       };
     }
-
     return undefined;
   }, [mapFirstChar, unMapFirstChar, nodeId, label]);
   var ariaSelected;
-
   if (multiSelect) {
     ariaSelected = selected;
   } else if (selected) {
@@ -251,7 +232,6 @@ var 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) {
@@ -259,14 +239,11 @@ var TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
         preventScroll: true
       });
     }
-
     var 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",
@@ -314,108 +291,87 @@ var 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.