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

package/modern/TreeItem/TreeItem.js

@@ -1,6 +1,3 @@
-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';
@@ -98,13 +95,14 @@ const StyledTreeItemContent = styled(TreeItemContent, {
       fontSize: 18
     }
   },
-  [`& .${treeItemClasses.label}`]: _extends({
+  [`& .${treeItemClasses.label}`]: {
     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',
@@ -121,24 +119,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
-    } = 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,
+    ...other
+  } = props;
   const {
     icons: contextIcons = {},
     focus,
@@ -176,12 +174,13 @@ 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, {
+  const ownerState = {
+    ...props,
     expanded,
     focused,
     selected,
     disabled
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   let displayIcon;
   let expansionIcon;
@@ -253,7 +252,7 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
       focus(event, nodeId);
     }
   }
-  return /*#__PURE__*/_jsxs(TreeItemRoot, _extends({
+  return /*#__PURE__*/_jsxs(TreeItemRoot, {
     className: clsx(classes.root, className),
     role: "treeitem",
     "aria-expanded": expandable ? expanded : null,
@@ -261,11 +260,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, _extends({
+    children: [/*#__PURE__*/_jsx(StyledTreeItemContent, {
       as: ContentComponent,
       ref: contentRef,
       classes: {
@@ -284,21 +283,22 @@ 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, _extends({
+      children: /*#__PURE__*/_jsx(TreeItemGroup, {
         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 --------------------------------

package/modern/TreeItem/TreeItemContent.js

@@ -1,6 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "nodeId", "onClick", "onMouseDown"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -13,17 +10,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(props, ref) {
   const {
-      classes,
-      className,
-      displayIcon,
-      expansionIcon,
-      icon: iconProp,
-      label,
-      nodeId,
-      onClick,
-      onMouseDown
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    classes,
+    className,
+    displayIcon,
+    expansionIcon,
+    icon: iconProp,
+    label,
+    nodeId,
+    onClick,
+    onMouseDown,
+    ...other
+  } = props;
   const {
     disabled,
     expanded,
@@ -50,12 +47,12 @@ const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(p
   return (
     /*#__PURE__*/
     /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */
-    _jsxs("div", _extends({
+    _jsxs("div", {
       className: clsx(className, classes.root, expanded && classes.expanded, selected && classes.selected, focused && classes.focused, disabled && classes.disabled),
       onClick: handleClick,
       onMouseDown: handleMouseDown,
-      ref: ref
-    }, other, {
+      ref: ref,
+      ...other,
       children: [/*#__PURE__*/_jsx("div", {
         className: classes.iconContainer,
         children: icon
@@ -63,7 +60,7 @@ const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(p
         className: classes.label,
         children: label
       })]
-    }))
+    })
   );
 });
 process.env.NODE_ENV !== "production" ? TreeItemContent.propTypes = {

package/modern/TreeView/TreeView.js

@@ -1,6 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["children", "className", "defaultCollapseIcon", "defaultEndIcon", "defaultExpanded", "defaultExpandIcon", "defaultParentIcon", "defaultSelected", "disabledItemsFocusable", "disableSelection", "expanded", "id", "multiSelect", "onBlur", "onFocus", "onKeyDown", "onNodeFocus", "onNodeSelect", "onNodeToggle", "selected"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -52,37 +49,38 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
     name: 'MuiTreeView'
   });
   const {
-      children,
-      className,
-      defaultCollapseIcon,
-      defaultEndIcon,
-      defaultExpanded = defaultDefaultExpanded,
-      defaultExpandIcon,
-      defaultParentIcon,
-      defaultSelected = defaultDefaultSelected,
-      disabledItemsFocusable = false,
-      disableSelection = false,
-      expanded: expandedProp,
-      id: idProp,
-      multiSelect = false,
-      onBlur,
-      onFocus,
-      onKeyDown,
-      onNodeFocus,
-      onNodeSelect,
-      onNodeToggle,
-      selected: selectedProp
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    children,
+    className,
+    defaultCollapseIcon,
+    defaultEndIcon,
+    defaultExpanded = defaultDefaultExpanded,
+    defaultExpandIcon,
+    defaultParentIcon,
+    defaultSelected = defaultDefaultSelected,
+    disabledItemsFocusable = false,
+    disableSelection = false,
+    expanded: expandedProp,
+    id: idProp,
+    multiSelect = false,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    onNodeFocus,
+    onNodeSelect,
+    onNodeToggle,
+    selected: selectedProp,
+    ...other
+  } = props;
   const theme = useTheme();
   const isRtl = theme.direction === 'rtl';
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     defaultExpanded,
     defaultSelected,
     disabledItemsFocusable,
     disableSelection,
     multiSelect
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const treeId = useId(idProp);
   const treeRef = React.useRef(null);
@@ -515,7 +513,9 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
     };
   }, []);
   const unregisterNode = React.useCallback(id => {
-    const newMap = _extends({}, nodeMap.current);
+    const newMap = {
+      ...nodeMap.current
+    };
     delete newMap[id];
     nodeMap.current = newMap;
     setFocusedNodeId(oldFocusedNodeId => {
@@ -529,7 +529,9 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
     firstCharMap.current[id] = firstChar;
   }, []);
   const unMapFirstChar = React.useCallback(id => {
-    const newMap = _extends({}, firstCharMap.current);
+    const newMap = {
+      ...firstCharMap.current
+    };
     delete newMap[id];
     firstCharMap.current = newMap;
   }, []);
@@ -705,7 +707,7 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
       treeId
     },
     children: /*#__PURE__*/_jsx(DescendantProvider, {
-      children: /*#__PURE__*/_jsx(TreeViewRoot, _extends({
+      children: /*#__PURE__*/_jsx(TreeViewRoot, {
         role: "tree",
         id: treeId,
         "aria-activedescendant": activeDescendant,
@@ -716,10 +718,10 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
         onKeyDown: handleKeyDown,
         onFocus: handleFocus,
         onBlur: handleBlur,
-        ownerState: ownerState
-      }, other, {
+        ownerState: ownerState,
+        ...other,
         children: children
-      }))
+      })
     })
   });
 });

package/modern/TreeView/descendants.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["element"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/material/utils';
@@ -98,9 +95,10 @@ export function useDescendant(descendant) {
   // Prevent any flashing
   useEnhancedEffect(() => {
     if (descendant.element) {
-      registerDescendant(_extends({}, descendant, {
+      registerDescendant({
+        ...descendant,
         index
-      }));
+      });
       return () => {
         unregisterDescendant(descendant.element);
       };
@@ -119,19 +117,19 @@ export function DescendantProvider(props) {
     id
   } = props;
   const [items, set] = React.useState([]);
-  const registerDescendant = React.useCallback(_ref => {
-    let {
-        element
-      } = _ref,
-      other = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const registerDescendant = React.useCallback(({
+    element,
+    ...other
+  }) => {
     set(oldItems => {
       let newItems;
       if (oldItems.length === 0) {
         // If there are no items, register at index 0 and bail.
-        return [_extends({}, other, {
+        return [{
+          ...other,
           element,
           index: 0
-        })];
+        }];
       }
       const index = binaryFindElement(oldItems, element);
       if (oldItems[index] && oldItems[index].element === element) {
@@ -151,10 +149,11 @@ export function DescendantProvider(props) {
         // we should be sure that this index is accurate when descendent
         // elements come or go from our component.
 
-        const newItem = _extends({}, other, {
+        const newItem = {
+          ...other,
           element,
           index
-        });
+        };
 
         // If an index is not found we will push the element to the end.
         newItems = oldItems.slice();

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/lab v5.0.0-alpha.129
+ * @mui/lab v5.0.0-alpha.130
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/Alert/Alert.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -21,8 +20,9 @@ var _default = /*#__PURE__*/React.forwardRef(function DeprecatedAlert(props, ref
     console.warn(['MUI: The Alert component was moved from the lab to the core.', '', "You should use `import { Alert } from '@mui/material'`", "or `import Alert from '@mui/material/Alert'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+    ref: ref,
+    ...props
+  });
 });
 exports.default = _default;

package/node/AlertTitle/AlertTitle.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _AlertTitle = _interopRequireDefault(require("@mui/material/AlertTitle"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -21,8 +20,9 @@ var _default = /*#__PURE__*/React.forwardRef(function DeprecatedAlertTitle(props
     console.warn(['MUI: The AlertTitle component was moved from the lab to the core.', '', "You should use `import { AlertTitle } from '@mui/material'`", "or `import AlertTitle from '@mui/material/AlertTitle'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AlertTitle.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AlertTitle.default, {
+    ref: ref,
+    ...props
+  });
 });
 exports.default = _default;

package/node/Autocomplete/Autocomplete.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _Autocomplete = _interopRequireDefault(require("@mui/material/Autocomplete"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -21,8 +20,9 @@ var _default = /*#__PURE__*/React.forwardRef(function DeprecatedAutocomplete(pro
     console.warn(['MUI: The Autocomplete component was moved from the lab to the core.', '', "You should use `import { Autocomplete } from '@mui/material'`", "or `import Autocomplete from '@mui/material/Autocomplete'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autocomplete.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autocomplete.default, {
+    ref: ref,
+    ...props
+  });
 });
 exports.default = _default;

package/node/AvatarGroup/AvatarGroup.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _AvatarGroup = _interopRequireDefault(require("@mui/material/AvatarGroup"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -21,8 +20,9 @@ var _default = /*#__PURE__*/React.forwardRef(function DeprecatedAvatarGroup(prop
     console.warn(['MUI: The AvatarGroup component was moved from the lab to the core.', '', "You should use `import { AvatarGroup } from '@mui/material'`", "or `import AvatarGroup from '@mui/material/AvatarGroup'`"].join('\n'));
     warnedOnce = true;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AvatarGroup.default, (0, _extends2.default)({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AvatarGroup.default, {
+    ref: ref,
+    ...props
+  });
 });
 exports.default = _default;