@mui/material 5.13.1 → 5.13.3

package/node/TabScrollButton/TabScrollButton.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -17,10 +19,10 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _tabScrollButtonClasses = _interopRequireWildcard(require("./tabScrollButtonClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "slots", "slotProps", "direction", "orientation", "disabled"];
+/* eslint-disable jsx-a11y/aria-role */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/* eslint-disable jsx-a11y/aria-role */
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -43,20 +45,19 @@ const TabScrollButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   }
 })(({
   ownerState
-}) => ({
+}) => (0, _extends2.default)({
   width: 40,
   flexShrink: 0,
   opacity: 0.8,
   [`&.${_tabScrollButtonClasses.default.disabled}`]: {
     opacity: 0
-  },
-  ...(ownerState.orientation === 'vertical' && {
-    width: '100%',
-    height: 40,
-    '& svg': {
-      transform: `rotate(${ownerState.isRtl ? -90 : 90}deg)`
-    }
-  })
+  }
+}, ownerState.orientation === 'vertical' && {
+  width: '100%',
+  height: 40,
+  '& svg': {
+    transform: `rotate(${ownerState.isRtl ? -90 : 90}deg)`
+  }
 }));
 const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(inProps, ref) {
   var _slots$StartScrollBut, _slots$EndScrollButto;
@@ -65,20 +66,17 @@ const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(i
     name: 'MuiTabScrollButton'
   });
   const {
-    className,
-    slots = {},
-    slotProps = {},
-    direction,
-    orientation,
-    disabled,
-    ...other
-  } = props;
+      className,
+      slots = {},
+      slotProps = {},
+      direction
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const theme = (0, _useTheme.default)();
   const isRtl = theme.direction === 'rtl';
-  const ownerState = {
-    isRtl,
-    ...props
-  };
+  const ownerState = (0, _extends2.default)({
+    isRtl
+  }, props);
   const classes = useUtilityClasses(ownerState);
   const StartButtonIcon = (_slots$StartScrollBut = slots.StartScrollButtonIcon) != null ? _slots$StartScrollBut : _KeyboardArrowLeft.default;
   const EndButtonIcon = (_slots$EndScrollButto = slots.EndScrollButtonIcon) != null ? _slots$EndScrollButto : _KeyboardArrowRight.default;
@@ -98,20 +96,16 @@ const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(i
     },
     ownerState
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabScrollButtonRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabScrollButtonRoot, (0, _extends2.default)({
     component: "div",
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
     role: null,
     ownerState: ownerState,
-    tabIndex: null,
-    ...other,
-    children: direction === 'left' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StartButtonIcon, {
-      ...startButtonIconProps
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(EndButtonIcon, {
-      ...endButtonIconProps
-    })
-  });
+    tabIndex: null
+  }, other, {
+    children: direction === 'left' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StartButtonIcon, (0, _extends2.default)({}, startButtonIconProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(EndButtonIcon, (0, _extends2.default)({}, endButtonIconProps))
+  }));
 });
 process.env.NODE_ENV !== "production" ? TabScrollButton.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/Table/Table.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -14,6 +16,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _tableClasses = require("./tableClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "component", "padding", "size", "stickyHeader"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -38,21 +41,19 @@ const TableRoot = (0, _styled.default)('table', {
 })(({
   theme,
   ownerState
-}) => ({
+}) => (0, _extends2.default)({
   display: 'table',
   width: '100%',
   borderCollapse: 'collapse',
   borderSpacing: 0,
-  '& caption': {
-    ...theme.typography.body2,
+  '& caption': (0, _extends2.default)({}, theme.typography.body2, {
     padding: theme.spacing(2),
     color: (theme.vars || theme).palette.text.secondary,
     textAlign: 'left',
     captionSide: 'bottom'
-  },
-  ...(ownerState.stickyHeader && {
-    borderCollapse: 'separate'
   })
+}, ownerState.stickyHeader && {
+  borderCollapse: 'separate'
 }));
 const defaultComponent = 'table';
 const Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
@@ -61,20 +62,19 @@ const Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
     name: 'MuiTable'
   });
   const {
-    className,
-    component = defaultComponent,
-    padding = 'normal',
-    size = 'medium',
-    stickyHeader = false,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      component = defaultComponent,
+      padding = 'normal',
+      size = 'medium',
+      stickyHeader = false
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
     component,
     padding,
     size,
     stickyHeader
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const table = React.useMemo(() => ({
     padding,
@@ -83,14 +83,13 @@ const Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
   }), [padding, size, stickyHeader]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableContext.default.Provider, {
     value: table,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableRoot, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableRoot, (0, _extends2.default)({
       as: component,
       role: component === defaultComponent ? null : 'table',
       ref: ref,
       className: (0, _clsx.default)(classes.root, className),
-      ownerState: ownerState,
-      ...other
-    })
+      ownerState: ownerState
+    }, other))
   });
 });
 process.env.NODE_ENV !== "production" ? Table.propTypes /* remove-proptypes */ = {

package/node/TableBody/TableBody.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -14,6 +16,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _tableBodyClasses = require("./tableBodyClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "component"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -42,25 +45,23 @@ const TableBody = /*#__PURE__*/React.forwardRef(function TableBody(inProps, ref)
     name: 'MuiTableBody'
   });
   const {
-    className,
-    component = defaultComponent,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      component = defaultComponent
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
     component
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tablelvl2Context.default.Provider, {
     value: tablelvl2,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableBodyRoot, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableBodyRoot, (0, _extends2.default)({
       className: (0, _clsx.default)(classes.root, className),
       as: component,
       ref: ref,
       role: component === defaultComponent ? null : 'rowgroup',
-      ownerState: ownerState,
-      ...other
-    })
+      ownerState: ownerState
+    }, other))
   });
 });
 process.env.NODE_ENV !== "production" ? TableBody.propTypes /* remove-proptypes */ = {

package/node/TableCell/TableCell.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -17,6 +19,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _tableCellClasses = _interopRequireWildcard(require("./tableCellClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["align", "className", "component", "padding", "scope", "size", "sortDirection", "variant"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -45,8 +48,7 @@ const TableCellRoot = (0, _styled.default)('td', {
 })(({
   theme,
   ownerState
-}) => ({
-  ...theme.typography.body2,
+}) => (0, _extends2.default)({}, theme.typography.body2, {
   display: 'table-cell',
   verticalAlign: 'inherit',
   // Workaround for a rendering bug with spanned columns in Chrome 62.0.
@@ -54,58 +56,47 @@ const TableCellRoot = (0, _styled.default)('td', {
   borderBottom: theme.vars ? `1px solid ${theme.vars.palette.TableCell.border}` : `1px solid
     ${theme.palette.mode === 'light' ? (0, _system.lighten)((0, _system.alpha)(theme.palette.divider, 1), 0.88) : (0, _system.darken)((0, _system.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.default.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.default.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
 }));
 
 /**
@@ -118,16 +109,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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const table = React.useContext(_TableContext.default);
   const tablelvl2 = React.useContext(_Tablelvl2Context.default);
   const isHeadCell = tablelvl2 && tablelvl2.variant === 'head';
@@ -146,8 +137,7 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
     scope = 'col';
   }
   const variant = variantProp || tablelvl2 && tablelvl2.variant;
-  const ownerState = {
-    ...props,
+  const ownerState = (0, _extends2.default)({}, props, {
     align,
     component,
     padding: paddingProp || (table && table.padding ? table.padding : 'normal'),
@@ -155,21 +145,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__*/(0, _jsxRuntime.jsx)(TableCellRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableCellRoot, (0, _extends2.default)({
     as: component,
     ref: ref,
     className: (0, _clsx.default)(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/node/TableContainer/TableContainer.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -13,6 +15,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _tableContainerClasses = require("./tableContainerClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "component"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -38,22 +41,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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
     component
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableContainerRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableContainerRoot, (0, _extends2.default)({
     ref: ref,
     as: component,
     className: (0, _clsx.default)(classes.root, className),
-    ownerState: ownerState,
-    ...other
-  });
+    ownerState: ownerState
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? TableContainer.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/TableFooter/TableFooter.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -14,6 +16,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _tableFooterClasses = require("./tableFooterClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "component"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -42,25 +45,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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
     component
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tablelvl2Context.default.Provider, {
     value: tablelvl2,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableFooterRoot, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableFooterRoot, (0, _extends2.default)({
       as: component,
       className: (0, _clsx.default)(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/node/TableHead/TableHead.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -14,6 +16,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 var _styled = _interopRequireDefault(require("../styles/styled"));
 var _tableHeadClasses = require("./tableHeadClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "component"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -42,25 +45,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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
     component
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tablelvl2Context.default.Provider, {
     value: tablelvl2,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableHeadRoot, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableHeadRoot, (0, _extends2.default)({
       as: component,
       className: (0, _clsx.default)(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 */ = {