@mui/lab 5.0.0-alpha.130 → 5.0.0-alpha.131

package/TimelineContent/timelineContentClasses.d.ts

@@ -1,14 +1,14 @@
-export interface TimelineContentClasses {
-    /** 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 type TimelineContentClassKey = keyof TimelineContentClasses;
-export declare function getTimelineContentUtilityClass(slot: string): string;
-declare const timelineContentClasses: TimelineContentClasses;
-export default timelineContentClasses;
+export interface TimelineContentClasses {
+    /** 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 type TimelineContentClassKey = keyof TimelineContentClasses;
+export declare function getTimelineContentUtilityClass(slot: string): string;
+declare const timelineContentClasses: TimelineContentClasses;
+export default timelineContentClasses;

package/TimelineDot/TimelineDot.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "color", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -29,7 +32,7 @@ const TimelineDotRoot = styled('span', {
 })(({
   ownerState,
   theme
-}) => ({
+}) => _extends({
   display: 'flex',
   alignSelf: 'baseline',
   borderStyle: 'solid',
@@ -37,54 +40,44 @@ const TimelineDotRoot = styled('span', {
   padding: 4,
   borderRadius: '50%',
   boxShadow: (theme.vars || theme).shadows[1],
-  margin: '11.5px 0',
-  ...(ownerState.variant === 'filled' && {
-    borderColor: 'transparent',
-    ...(ownerState.color !== 'inherit' && {
-      ...(ownerState.color === 'grey' ? {
-        color: (theme.vars || theme).palette.grey[50],
-        backgroundColor: (theme.vars || theme).palette.grey[400]
-      } : {
-        color: (theme.vars || theme).palette[ownerState.color].contrastText,
-        backgroundColor: (theme.vars || theme).palette[ownerState.color].main
-      })
-    })
-  }),
-  ...(ownerState.variant === 'outlined' && {
-    boxShadow: 'none',
-    backgroundColor: 'transparent',
-    ...(ownerState.color !== 'inherit' && {
-      ...(ownerState.color === 'grey' ? {
-        borderColor: (theme.vars || theme).palette.grey[400]
-      } : {
-        borderColor: (theme.vars || theme).palette[ownerState.color].main
-      })
-    })
-  })
-}));
+  margin: '11.5px 0'
+}, ownerState.variant === 'filled' && _extends({
+  borderColor: 'transparent'
+}, ownerState.color !== 'inherit' && _extends({}, ownerState.color === 'grey' ? {
+  color: (theme.vars || theme).palette.grey[50],
+  backgroundColor: (theme.vars || theme).palette.grey[400]
+} : {
+  color: (theme.vars || theme).palette[ownerState.color].contrastText,
+  backgroundColor: (theme.vars || theme).palette[ownerState.color].main
+})), ownerState.variant === 'outlined' && _extends({
+  boxShadow: 'none',
+  backgroundColor: 'transparent'
+}, ownerState.color !== 'inherit' && _extends({}, ownerState.color === 'grey' ? {
+  borderColor: (theme.vars || theme).palette.grey[400]
+} : {
+  borderColor: (theme.vars || theme).palette[ownerState.color].main
+}))));
 const TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiTimelineDot'
   });
   const {
-    className,
-    color = 'grey',
-    variant = 'filled',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      color = 'grey',
+      variant = 'filled'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     color,
     variant
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineDotRoot, {
+  return /*#__PURE__*/_jsx(TimelineDotRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref,
-    ...other
-  });
+    ref: ref
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? TimelineDot.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/TimelineDot/timelineDotClasses.d.ts

@@ -1,24 +1,24 @@
-export interface TimelineDotClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="filled"`. */
-    filled: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the root element if `color="grey"` and `variant="filled"`. */
-    filledGrey: string;
-    /** Styles applied to the root element if `color="grey"` and `variant="outlined"`. */
-    outlinedGrey: string;
-    /** Styles applied to the root element if `color="primary"` and `variant="filled"`. */
-    filledPrimary: string;
-    /** Styles applied to the root element if `color="primary"` and `variant="outlined"`. */
-    outlinedPrimary: string;
-    /** Styles applied to the root element if `color="secondary"` and `variant="filled"`. */
-    filledSecondary: string;
-    /** Styles applied to the root element if `color="secondary"` and `variant="outlined"`. */
-    outlinedSecondary: string;
-}
-export type TimelineDotClassKey = keyof TimelineDotClasses;
-export declare function getTimelineDotUtilityClass(slot: string): string;
-declare const timelineDotClasses: TimelineDotClasses;
-export default timelineDotClasses;
+export interface TimelineDotClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="filled"`. */
+    filled: string;
+    /** Styles applied to the root element if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the root element if `color="grey"` and `variant="filled"`. */
+    filledGrey: string;
+    /** Styles applied to the root element if `color="grey"` and `variant="outlined"`. */
+    outlinedGrey: string;
+    /** Styles applied to the root element if `color="primary"` and `variant="filled"`. */
+    filledPrimary: string;
+    /** Styles applied to the root element if `color="primary"` and `variant="outlined"`. */
+    outlinedPrimary: string;
+    /** Styles applied to the root element if `color="secondary"` and `variant="filled"`. */
+    filledSecondary: string;
+    /** Styles applied to the root element if `color="secondary"` and `variant="outlined"`. */
+    outlinedSecondary: string;
+}
+export type TimelineDotClassKey = keyof TimelineDotClasses;
+export declare function getTimelineDotUtilityClass(slot: string): string;
+declare const timelineDotClasses: TimelineDotClasses;
+export default timelineDotClasses;

package/TimelineItem/TimelineItem.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["position", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -31,32 +34,29 @@ const TimelineItemRoot = styled('li', {
   }
 })(({
   ownerState
-}) => ({
+}) => _extends({
   listStyle: 'none',
   display: 'flex',
   position: 'relative',
-  minHeight: 70,
-  ...(ownerState.position === 'left' && {
-    flexDirection: 'row-reverse'
-  }),
-  ...(ownerState.position === 'alternate' && {
-    '&:nth-of-type(even)': {
-      flexDirection: 'row-reverse',
-      [`& .${timelineContentClasses.root}`]: {
-        textAlign: 'right'
-      },
-      [`& .${timelineOppositeContentClasses.root}`]: {
-        textAlign: 'left'
-      }
+  minHeight: 70
+}, ownerState.position === 'left' && {
+  flexDirection: 'row-reverse'
+}, ownerState.position === 'alternate' && {
+  '&:nth-of-type(even)': {
+    flexDirection: 'row-reverse',
+    [`& .${timelineContentClasses.root}`]: {
+      textAlign: 'right'
+    },
+    [`& .${timelineOppositeContentClasses.root}`]: {
+      textAlign: 'left'
     }
-  }),
-  ...(!ownerState.hasOppositeContent && {
-    '&:before': {
-      content: '""',
-      flex: 1,
-      padding: '6px 16px'
-    }
-  })
+  }
+}, !ownerState.hasOppositeContent && {
+  '&:before': {
+    content: '""',
+    flex: 1,
+    padding: '6px 16px'
+  }
 }));
 const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps, ref) {
   const props = useThemeProps({
@@ -64,10 +64,10 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
     name: 'MuiTimelineItem'
   });
   const {
-    position: positionProp,
-    className,
-    ...other
-  } = props;
+      position: positionProp,
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     position: positionContext
   } = React.useContext(TimelineContext);
@@ -77,23 +77,21 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
       hasOppositeContent = true;
     }
   });
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     position: positionProp || positionContext || 'right',
     hasOppositeContent
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const contextValue = React.useMemo(() => ({
     position: ownerState.position
   }), [ownerState.position]);
   return /*#__PURE__*/_jsx(TimelineContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(TimelineItemRoot, {
+    children: /*#__PURE__*/_jsx(TimelineItemRoot, _extends({
       className: clsx(classes.root, className),
       ownerState: ownerState,
-      ref: ref,
-      ...other
-    })
+      ref: ref
+    }, other))
   });
 });
 process.env.NODE_ENV !== "production" ? TimelineItem.propTypes /* remove-proptypes */ = {

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 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 type TimelineItemClassKey = keyof TimelineItemClasses;
+export declare function getTimelineItemUtilityClass(slot: string): string;
+declare const timelineItemClasses: TimelineItemClasses;
+export default timelineItemClasses;

package/TimelineOppositeContent/TimelineOppositeContent.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -29,14 +32,13 @@ const TimelineOppositeContentRoot = styled(Typography, {
   }
 })(({
   ownerState
-}) => ({
+}) => _extends({
   padding: '6px 16px',
   marginRight: 'auto',
   textAlign: 'right',
-  flex: 1,
-  ...(ownerState.position === 'left' && {
-    textAlign: 'left'
-  })
+  flex: 1
+}, ownerState.position === 'left' && {
+  textAlign: 'left'
 }));
 const TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineOppositeContent(inProps, ref) {
   const props = useThemeProps({
@@ -44,24 +46,22 @@ const TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineO
     name: 'MuiTimelineOppositeContent'
   });
   const {
-    className,
-    ...other
-  } = props;
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     position: positionContext
   } = React.useContext(TimelineContext);
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     position: positionContext || 'left'
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineOppositeContentRoot, {
+  return /*#__PURE__*/_jsx(TimelineOppositeContentRoot, _extends({
     component: "div",
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref,
-    ...other
-  });
+    ref: ref
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? TimelineOppositeContent.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

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 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 type TimelineOppositeContentClassKey = keyof TimelineOppositeContentClasses;
+export declare function getTimelineOppositeContentUtilityClass(slot: string): string;
+declare const timelineOppositeContentClasses: TimelineOppositeContentClasses;
+export default timelineOppositeContentClasses;

package/TimelineSeparator/TimelineSeparator.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -30,17 +33,16 @@ const TimelineSeparator = /*#__PURE__*/React.forwardRef(function TimelineSeparat
     name: 'MuiTimelineSeparator'
   });
   const {
-    className,
-    ...other
-  } = props;
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineSeparatorRoot, {
+  return /*#__PURE__*/_jsx(TimelineSeparatorRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref,
-    ...other
-  });
+    ref: ref
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? TimelineSeparator.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/TimelineSeparator/timelineSeparatorClasses.d.ts

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

package/ToggleButton/ToggleButton.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import ToggleButton from '@mui/material/ToggleButton';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,8 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedToggleButton(pro
     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, {
-    ref: ref,
-    ...props
-  });
+  return /*#__PURE__*/_jsx(ToggleButton, _extends({
+    ref: ref
+  }, props));
 });

package/ToggleButtonGroup/ToggleButtonGroup.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,8 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedToggleButtonGrou
     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, {
-    ref: ref,
-    ...props
-  });
+  return /*#__PURE__*/_jsx(ToggleButtonGroup, _extends({
+    ref: ref
+  }, props));
 });

package/TreeItem/TreeItem.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "className", "collapseIcon", "ContentComponent", "ContentProps", "endIcon", "expandIcon", "disabled", "icon", "id", "label", "nodeId", "onClick", "onMouseDown", "TransitionComponent", "TransitionProps"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -95,14 +98,13 @@ const StyledTreeItemContent = styled(TreeItemContent, {
       fontSize: 18
     }
   },
-  [`& .${treeItemClasses.label}`]: {
+  [`& .${treeItemClasses.label}`]: _extends({
     width: '100%',
     // fixes overflow - see https://github.com/mui/material-ui/issues/27372
     minWidth: 0,
     paddingLeft: 4,
-    position: 'relative',
-    ...theme.typography.body1
-  }
+    position: 'relative'
+  }, theme.typography.body1)
 }));
 const TreeItemGroup = styled(Collapse, {
   name: 'MuiTreeItem',
@@ -119,24 +121,24 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
     name: 'MuiTreeItem'
   });
   const {
-    children,
-    className,
-    collapseIcon,
-    ContentComponent = TreeItemContent,
-    ContentProps,
-    endIcon,
-    expandIcon,
-    disabled: disabledProp,
-    icon,
-    id: idProp,
-    label,
-    nodeId,
-    onClick,
-    onMouseDown,
-    TransitionComponent = Collapse,
-    TransitionProps,
-    ...other
-  } = props;
+      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,
@@ -174,13 +176,12 @@ 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 = {
-    ...props,
+  const ownerState = _extends({}, props, {
     expanded,
     focused,
     selected,
     disabled
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   let displayIcon;
   let expansionIcon;
@@ -252,7 +253,7 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
       focus(event, nodeId);
     }
   }
-  return /*#__PURE__*/_jsxs(TreeItemRoot, {
+  return /*#__PURE__*/_jsxs(TreeItemRoot, _extends({
     className: clsx(classes.root, className),
     role: "treeitem",
     "aria-expanded": expandable ? expanded : null,
@@ -260,11 +261,11 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
     "aria-disabled": disabled || null,
     ref: handleRef,
     id: id,
-    tabIndex: -1,
-    ...other,
+    tabIndex: -1
+  }, other, {
     ownerState: ownerState,
     onFocus: handleFocus,
-    children: [/*#__PURE__*/_jsx(StyledTreeItemContent, {
+    children: [/*#__PURE__*/_jsx(StyledTreeItemContent, _extends({
       as: ContentComponent,
       ref: contentRef,
       classes: {
@@ -283,22 +284,21 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
       icon: icon,
       expansionIcon: expansionIcon,
       displayIcon: displayIcon,
-      ownerState: ownerState,
-      ...ContentProps
-    }), children && /*#__PURE__*/_jsx(DescendantProvider, {
+      ownerState: ownerState
+    }, ContentProps)), children && /*#__PURE__*/_jsx(DescendantProvider, {
       id: nodeId,
-      children: /*#__PURE__*/_jsx(TreeItemGroup, {
+      children: /*#__PURE__*/_jsx(TreeItemGroup, _extends({
         as: TransitionComponent,
         unmountOnExit: true,
         className: classes.group,
         in: expanded,
         component: "ul",
-        role: "group",
-        ...TransitionProps,
+        role: "group"
+      }, TransitionProps, {
         children: children
-      })
+      }))
     })]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? TreeItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------