@mui/material 5.13.1 → 5.13.3

package/TableCell/TableCell.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["align", "className", "component", "padding", "scope", "size", "sortDirection", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -36,8 +39,7 @@ const TableCellRoot = styled('td', {
 })(({
   theme,
   ownerState
-}) => ({
-  ...theme.typography.body2,
+}) => _extends({}, theme.typography.body2, {
   display: 'table-cell',
   verticalAlign: 'inherit',
   // Workaround for a rendering bug with spanned columns in Chrome 62.0.
@@ -45,58 +47,47 @@ const TableCellRoot = styled('td', {
   borderBottom: theme.vars ? `1px solid ${theme.vars.palette.TableCell.border}` : `1px solid
     ${theme.palette.mode === 'light' ? lighten(alpha(theme.palette.divider, 1), 0.88) : darken(alpha(theme.palette.divider, 1), 0.68)}`,
   textAlign: 'left',
-  padding: 16,
-  ...(ownerState.variant === 'head' && {
-    color: (theme.vars || theme).palette.text.primary,
-    lineHeight: theme.typography.pxToRem(24),
-    fontWeight: theme.typography.fontWeightMedium
-  }),
-  ...(ownerState.variant === 'body' && {
-    color: (theme.vars || theme).palette.text.primary
-  }),
-  ...(ownerState.variant === 'footer' && {
-    color: (theme.vars || theme).palette.text.secondary,
-    lineHeight: theme.typography.pxToRem(21),
-    fontSize: theme.typography.pxToRem(12)
-  }),
-  ...(ownerState.size === 'small' && {
-    padding: '6px 16px',
-    [`&.${tableCellClasses.paddingCheckbox}`]: {
-      width: 24,
-      // prevent the checkbox column from growing
-      padding: '0 12px 0 16px',
-      '& > *': {
-        padding: 0
-      }
-    }
-  }),
-  ...(ownerState.padding === 'checkbox' && {
-    width: 48,
+  padding: 16
+}, ownerState.variant === 'head' && {
+  color: (theme.vars || theme).palette.text.primary,
+  lineHeight: theme.typography.pxToRem(24),
+  fontWeight: theme.typography.fontWeightMedium
+}, ownerState.variant === 'body' && {
+  color: (theme.vars || theme).palette.text.primary
+}, ownerState.variant === 'footer' && {
+  color: (theme.vars || theme).palette.text.secondary,
+  lineHeight: theme.typography.pxToRem(21),
+  fontSize: theme.typography.pxToRem(12)
+}, ownerState.size === 'small' && {
+  padding: '6px 16px',
+  [`&.${tableCellClasses.paddingCheckbox}`]: {
+    width: 24,
     // prevent the checkbox column from growing
-    padding: '0 0 0 4px'
-  }),
-  ...(ownerState.padding === 'none' && {
-    padding: 0
-  }),
-  ...(ownerState.align === 'left' && {
-    textAlign: 'left'
-  }),
-  ...(ownerState.align === 'center' && {
-    textAlign: 'center'
-  }),
-  ...(ownerState.align === 'right' && {
-    textAlign: 'right',
-    flexDirection: 'row-reverse'
-  }),
-  ...(ownerState.align === 'justify' && {
-    textAlign: 'justify'
-  }),
-  ...(ownerState.stickyHeader && {
-    position: 'sticky',
-    top: 0,
-    zIndex: 2,
-    backgroundColor: (theme.vars || theme).palette.background.default
-  })
+    padding: '0 12px 0 16px',
+    '& > *': {
+      padding: 0
+    }
+  }
+}, ownerState.padding === 'checkbox' && {
+  width: 48,
+  // prevent the checkbox column from growing
+  padding: '0 0 0 4px'
+}, ownerState.padding === 'none' && {
+  padding: 0
+}, ownerState.align === 'left' && {
+  textAlign: 'left'
+}, ownerState.align === 'center' && {
+  textAlign: 'center'
+}, ownerState.align === 'right' && {
+  textAlign: 'right',
+  flexDirection: 'row-reverse'
+}, ownerState.align === 'justify' && {
+  textAlign: 'justify'
+}, ownerState.stickyHeader && {
+  position: 'sticky',
+  top: 0,
+  zIndex: 2,
+  backgroundColor: (theme.vars || theme).palette.background.default
 }));
 
 /**
@@ -109,16 +100,16 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
     name: 'MuiTableCell'
   });
   const {
-    align = 'inherit',
-    className,
-    component: componentProp,
-    padding: paddingProp,
-    scope: scopeProp,
-    size: sizeProp,
-    sortDirection,
-    variant: variantProp,
-    ...other
-  } = props;
+      align = 'inherit',
+      className,
+      component: componentProp,
+      padding: paddingProp,
+      scope: scopeProp,
+      size: sizeProp,
+      sortDirection,
+      variant: variantProp
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const table = React.useContext(TableContext);
   const tablelvl2 = React.useContext(Tablelvl2Context);
   const isHeadCell = tablelvl2 && tablelvl2.variant === 'head';
@@ -137,8 +128,7 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
     scope = 'col';
   }
   const variant = variantProp || tablelvl2 && tablelvl2.variant;
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     align,
     component,
     padding: paddingProp || (table && table.padding ? table.padding : 'normal'),
@@ -146,21 +136,20 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
     sortDirection,
     stickyHeader: variant === 'head' && table && table.stickyHeader,
     variant
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   let ariaSort = null;
   if (sortDirection) {
     ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';
   }
-  return /*#__PURE__*/_jsx(TableCellRoot, {
+  return /*#__PURE__*/_jsx(TableCellRoot, _extends({
     as: component,
     ref: ref,
     className: clsx(classes.root, className),
     "aria-sort": ariaSort,
     scope: scope,
-    ownerState: ownerState,
-    ...other
-  });
+    ownerState: ownerState
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? TableCell.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/TableContainer/TableContainer.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -29,22 +32,20 @@ const TableContainer = /*#__PURE__*/React.forwardRef(function TableContainer(inP
     name: 'MuiTableContainer'
   });
   const {
-    className,
-    component = 'div',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      component = 'div'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     component
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TableContainerRoot, {
+  return /*#__PURE__*/_jsx(TableContainerRoot, _extends({
     ref: ref,
     as: component,
     className: clsx(classes.root, className),
-    ownerState: ownerState,
-    ...other
-  });
+    ownerState: ownerState
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? TableContainer.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/TableFooter/TableFooter.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -33,25 +36,23 @@ const TableFooter = /*#__PURE__*/React.forwardRef(function TableFooter(inProps,
     name: 'MuiTableFooter'
   });
   const {
-    className,
-    component = defaultComponent,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      component = defaultComponent
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     component
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(Tablelvl2Context.Provider, {
     value: tablelvl2,
-    children: /*#__PURE__*/_jsx(TableFooterRoot, {
+    children: /*#__PURE__*/_jsx(TableFooterRoot, _extends({
       as: component,
       className: clsx(classes.root, className),
       ref: ref,
       role: component === defaultComponent ? null : 'rowgroup',
-      ownerState: ownerState,
-      ...other
-    })
+      ownerState: ownerState
+    }, other))
   });
 });
 process.env.NODE_ENV !== "production" ? TableFooter.propTypes /* remove-proptypes */ = {

package/TableHead/TableHead.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -33,25 +36,23 @@ const TableHead = /*#__PURE__*/React.forwardRef(function TableHead(inProps, ref)
     name: 'MuiTableHead'
   });
   const {
-    className,
-    component = defaultComponent,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      component = defaultComponent
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     component
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(Tablelvl2Context.Provider, {
     value: tablelvl2,
-    children: /*#__PURE__*/_jsx(TableHeadRoot, {
+    children: /*#__PURE__*/_jsx(TableHeadRoot, _extends({
       as: component,
       className: clsx(classes.root, className),
       ref: ref,
       role: component === defaultComponent ? null : 'rowgroup',
-      ownerState: ownerState,
-      ...other
-    })
+      ownerState: ownerState
+    }, other))
   });
 });
 process.env.NODE_ENV !== "production" ? TableHead.propTypes /* remove-proptypes */ = {

package/TablePagination/TablePagination.js

@@ -1,4 +1,7 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 var _InputBase;
+const _excluded = ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -35,10 +38,9 @@ const TablePaginationRoot = styled(TableCell, {
 const TablePaginationToolbar = styled(Toolbar, {
   name: 'MuiTablePagination',
   slot: 'Toolbar',
-  overridesResolver: (props, styles) => ({
-    [`& .${tablePaginationClasses.actions}`]: styles.actions,
-    ...styles.toolbar
-  })
+  overridesResolver: (props, styles) => _extends({
+    [`& .${tablePaginationClasses.actions}`]: styles.actions
+  }, styles.toolbar)
 })(({
   theme
 }) => ({
@@ -69,19 +71,16 @@ const TablePaginationSelectLabel = styled('p', {
   overridesResolver: (props, styles) => styles.selectLabel
 })(({
   theme
-}) => ({
-  ...theme.typography.body2,
+}) => _extends({}, theme.typography.body2, {
   flexShrink: 0
 }));
 const TablePaginationSelect = styled(Select, {
   name: 'MuiTablePagination',
   slot: 'Select',
-  overridesResolver: (props, styles) => ({
+  overridesResolver: (props, styles) => _extends({
     [`& .${tablePaginationClasses.selectIcon}`]: styles.selectIcon,
-    [`& .${tablePaginationClasses.select}`]: styles.select,
-    ...styles.input,
-    ...styles.selectRoot
-  })
+    [`& .${tablePaginationClasses.select}`]: styles.select
+  }, styles.input, styles.selectRoot)
 })({
   color: 'inherit',
   fontSize: 'inherit',
@@ -107,8 +106,7 @@ const TablePaginationDisplayedRows = styled('p', {
   overridesResolver: (props, styles) => styles.displayedRows
 })(({
   theme
-}) => ({
-  ...theme.typography.body2,
+}) => _extends({}, theme.typography.body2, {
   flexShrink: 0
 }));
 function defaultLabelDisplayedRows({
@@ -149,26 +147,26 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
     name: 'MuiTablePagination'
   });
   const {
-    ActionsComponent = TablePaginationActions,
-    backIconButtonProps,
-    className,
-    colSpan: colSpanProp,
-    component = TableCell,
-    count,
-    getItemAriaLabel = defaultGetAriaLabel,
-    labelDisplayedRows = defaultLabelDisplayedRows,
-    labelRowsPerPage = 'Rows per page:',
-    nextIconButtonProps,
-    onPageChange,
-    onRowsPerPageChange,
-    page,
-    rowsPerPage,
-    rowsPerPageOptions = [10, 25, 50, 100],
-    SelectProps = {},
-    showFirstButton = false,
-    showLastButton = false,
-    ...other
-  } = props;
+      ActionsComponent = TablePaginationActions,
+      backIconButtonProps,
+      className,
+      colSpan: colSpanProp,
+      component = TableCell,
+      count,
+      getItemAriaLabel = defaultGetAriaLabel,
+      labelDisplayedRows = defaultLabelDisplayedRows,
+      labelRowsPerPage = 'Rows per page:',
+      nextIconButtonProps,
+      onPageChange,
+      onRowsPerPageChange,
+      page,
+      rowsPerPage,
+      rowsPerPageOptions = [10, 25, 50, 100],
+      SelectProps = {},
+      showFirstButton = false,
+      showLastButton = false
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const MenuItemComponent = SelectProps.native ? 'option' : TablePaginationMenuItem;
@@ -185,13 +183,13 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
     }
     return rowsPerPage === -1 ? count : Math.min(count, (page + 1) * rowsPerPage);
   };
-  return /*#__PURE__*/_jsx(TablePaginationRoot, {
+  return /*#__PURE__*/_jsx(TablePaginationRoot, _extends({
     colSpan: colSpan,
     ref: ref,
     as: component,
     ownerState: ownerState,
-    className: clsx(classes.root, className),
-    ...other,
+    className: clsx(classes.root, className)
+  }, other, {
     children: /*#__PURE__*/_jsxs(TablePaginationToolbar, {
       className: classes.toolbar,
       children: [/*#__PURE__*/_jsx(TablePaginationSpacer, {
@@ -200,33 +198,31 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
         className: classes.selectLabel,
         id: labelId,
         children: labelRowsPerPage
-      }), rowsPerPageOptions.length > 1 && /*#__PURE__*/_jsx(TablePaginationSelect, {
-        variant: "standard",
-        ...(!SelectProps.variant && {
-          input: _InputBase || (_InputBase = /*#__PURE__*/_jsx(InputBase, {}))
-        }),
+      }), rowsPerPageOptions.length > 1 && /*#__PURE__*/_jsx(TablePaginationSelect, _extends({
+        variant: "standard"
+      }, !SelectProps.variant && {
+        input: _InputBase || (_InputBase = /*#__PURE__*/_jsx(InputBase, {}))
+      }, {
         value: rowsPerPage,
         onChange: onRowsPerPageChange,
         id: selectId,
-        labelId: labelId,
-        ...SelectProps,
-        classes: {
-          ...SelectProps.classes,
+        labelId: labelId
+      }, SelectProps, {
+        classes: _extends({}, SelectProps.classes, {
           // TODO v5 remove `classes.input`
           root: clsx(classes.input, classes.selectRoot, (SelectProps.classes || {}).root),
           select: clsx(classes.select, (SelectProps.classes || {}).select),
           // TODO v5 remove `selectIcon`
           icon: clsx(classes.selectIcon, (SelectProps.classes || {}).icon)
-        },
-        children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/_createElement(MenuItemComponent, {
-          ...(!isHostComponent(MenuItemComponent) && {
-            ownerState
-          }),
+        }),
+        children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/_createElement(MenuItemComponent, _extends({}, !isHostComponent(MenuItemComponent) && {
+          ownerState
+        }, {
           className: classes.menuItem,
           key: rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption,
           value: rowsPerPageOption.value ? rowsPerPageOption.value : rowsPerPageOption
-        }, rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption))
-      }), /*#__PURE__*/_jsx(TablePaginationDisplayedRows, {
+        }), rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption))
+      })), /*#__PURE__*/_jsx(TablePaginationDisplayedRows, {
         className: classes.displayedRows,
         children: labelDisplayedRows({
           from: count === 0 ? 0 : page * rowsPerPage + 1,
@@ -247,7 +243,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
         getItemAriaLabel: getItemAriaLabel
       })]
     })
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/TablePagination/TablePaginationActions.js

@@ -1,4 +1,7 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _LastPageIcon, _FirstPageIcon, _KeyboardArrowRight, _KeyboardArrowLeft, _KeyboardArrowLeft2, _KeyboardArrowRight2, _FirstPageIcon2, _LastPageIcon2;
+const _excluded = ["backIconButtonProps", "count", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';
@@ -15,17 +18,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginationActions(props, ref) {
   const {
-    backIconButtonProps,
-    count,
-    getItemAriaLabel,
-    nextIconButtonProps,
-    onPageChange,
-    page,
-    rowsPerPage,
-    showFirstButton,
-    showLastButton,
-    ...other
-  } = props;
+      backIconButtonProps,
+      count,
+      getItemAriaLabel,
+      nextIconButtonProps,
+      onPageChange,
+      page,
+      rowsPerPage,
+      showFirstButton,
+      showLastButton
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const theme = useTheme();
   const handleFirstPageButtonClick = event => {
     onPageChange(event, 0);
@@ -39,39 +42,39 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
   const handleLastPageButtonClick = event => {
     onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
   };
-  return /*#__PURE__*/_jsxs("div", {
-    ref: ref,
-    ...other,
+  return /*#__PURE__*/_jsxs("div", _extends({
+    ref: ref
+  }, other, {
     children: [showFirstButton && /*#__PURE__*/_jsx(IconButton, {
       onClick: handleFirstPageButtonClick,
       disabled: page === 0,
       "aria-label": getItemAriaLabel('first', page),
       title: getItemAriaLabel('first', page),
       children: theme.direction === 'rtl' ? _LastPageIcon || (_LastPageIcon = /*#__PURE__*/_jsx(LastPageIcon, {})) : _FirstPageIcon || (_FirstPageIcon = /*#__PURE__*/_jsx(FirstPageIcon, {}))
-    }), /*#__PURE__*/_jsx(IconButton, {
+    }), /*#__PURE__*/_jsx(IconButton, _extends({
       onClick: handleBackButtonClick,
       disabled: page === 0,
       color: "inherit",
       "aria-label": getItemAriaLabel('previous', page),
-      title: getItemAriaLabel('previous', page),
-      ...backIconButtonProps,
+      title: getItemAriaLabel('previous', page)
+    }, backIconButtonProps, {
       children: theme.direction === 'rtl' ? _KeyboardArrowRight || (_KeyboardArrowRight = /*#__PURE__*/_jsx(KeyboardArrowRight, {})) : _KeyboardArrowLeft || (_KeyboardArrowLeft = /*#__PURE__*/_jsx(KeyboardArrowLeft, {}))
-    }), /*#__PURE__*/_jsx(IconButton, {
+    })), /*#__PURE__*/_jsx(IconButton, _extends({
       onClick: handleNextButtonClick,
       disabled: count !== -1 ? page >= Math.ceil(count / rowsPerPage) - 1 : false,
       color: "inherit",
       "aria-label": getItemAriaLabel('next', page),
-      title: getItemAriaLabel('next', page),
-      ...nextIconButtonProps,
+      title: getItemAriaLabel('next', page)
+    }, nextIconButtonProps, {
       children: theme.direction === 'rtl' ? _KeyboardArrowLeft2 || (_KeyboardArrowLeft2 = /*#__PURE__*/_jsx(KeyboardArrowLeft, {})) : _KeyboardArrowRight2 || (_KeyboardArrowRight2 = /*#__PURE__*/_jsx(KeyboardArrowRight, {}))
-    }), showLastButton && /*#__PURE__*/_jsx(IconButton, {
+    })), showLastButton && /*#__PURE__*/_jsx(IconButton, {
       onClick: handleLastPageButtonClick,
       disabled: page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": getItemAriaLabel('last', page),
       title: getItemAriaLabel('last', page),
       children: theme.direction === 'rtl' ? _FirstPageIcon2 || (_FirstPageIcon2 = /*#__PURE__*/_jsx(FirstPageIcon, {})) : _LastPageIcon2 || (_LastPageIcon2 = /*#__PURE__*/_jsx(LastPageIcon, {}))
     })]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
   /**

package/TableRow/TableRow.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["className", "component", "hover", "selected"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -59,30 +62,28 @@ const TableRow = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {
     name: 'MuiTableRow'
   });
   const {
-    className,
-    component = defaultComponent,
-    hover = false,
-    selected = false,
-    ...other
-  } = props;
+      className,
+      component = defaultComponent,
+      hover = false,
+      selected = false
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const tablelvl2 = React.useContext(Tablelvl2Context);
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     component,
     hover,
     selected,
     head: tablelvl2 && tablelvl2.variant === 'head',
     footer: tablelvl2 && tablelvl2.variant === 'footer'
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TableRowRoot, {
+  return /*#__PURE__*/_jsx(TableRowRoot, _extends({
     as: component,
     ref: ref,
     className: clsx(classes.root, className),
     role: component === defaultComponent ? null : 'row',
-    ownerState: ownerState,
-    ...other
-  });
+    ownerState: ownerState
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? TableRow.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------