@mui/material 5.13.1 → 5.13.3

package/node/Grid/Grid.js

@@ -11,6 +11,8 @@ exports.generateGrid = generateGrid;
 exports.generateRowGap = generateRowGap;
 exports.resolveSpacingClasses = resolveSpacingClasses;
 exports.resolveSpacingStyles = resolveSpacingStyles;
+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"));
@@ -23,9 +25,7 @@ var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _GridContext = _interopRequireDefault(require("./GridContext"));
 var _gridClasses = _interopRequireWildcard(require("./gridClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
-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; }
-// A grid component using the following libs as inspiration.
+const _excluded = ["className", "columns", "columnSpacing", "component", "container", "direction", "item", "rowSpacing", "spacing", "wrap", "zeroMinWidth"]; // A grid component using the following libs as inspiration.
 //
 // For the implementation:
 // - https://getbootstrap.com/docs/4.3/layout/grid/
@@ -35,7 +35,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 //
 // Follow this flexbox Guide to better understand the underlying model:
 // - https://css-tricks.com/snippets/css/a-guide-to-flexbox/
-
+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; }
 function getOffset(val) {
   const parse = parseFloat(val);
   return `${parse}${String(val).replace(String(parse), '') || 'px'}`;
@@ -94,12 +95,11 @@ function generateGrid({
 
       // Close to the bootstrap implementation:
       // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
-      styles = {
+      styles = (0, _extends2.default)({
         flexBasis: width,
         flexGrow: 0,
-        maxWidth: width,
-        ...more
-      };
+        maxWidth: width
+      }, more);
     }
 
     // No need for a media query for the first size.
@@ -312,23 +312,18 @@ const GridRoot = (0, _styled.default)('div', {
   }
 })(({
   ownerState
-}) => ({
-  boxSizing: 'border-box',
-  ...(ownerState.container && {
-    display: 'flex',
-    flexWrap: 'wrap',
-    width: '100%'
-  }),
-  ...(ownerState.item && {
-    margin: 0 // For instance, it's useful when used with a `figure` element.
-  }),
-
-  ...(ownerState.zeroMinWidth && {
-    minWidth: 0
-  }),
-  ...(ownerState.wrap !== 'wrap' && {
-    flexWrap: ownerState.wrap
-  })
+}) => (0, _extends2.default)({
+  boxSizing: 'border-box'
+}, ownerState.container && {
+  display: 'flex',
+  flexWrap: 'wrap',
+  width: '100%'
+}, ownerState.item && {
+  margin: 0 // For instance, it's useful when used with a `figure` element.
+}, ownerState.zeroMinWidth && {
+  minWidth: 0
+}, ownerState.wrap !== 'wrap' && {
+  flexWrap: ownerState.wrap
 }), generateDirection, generateRowGap, generateColumnGap, generateGrid);
 function resolveSpacingClasses(spacing, breakpoints) {
   // undefined/null or `spacing` <= 0
@@ -389,19 +384,19 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
   } = (0, _useTheme.default)();
   const props = (0, _system.unstable_extendSxProp)(themeProps);
   const {
-    className,
-    columns: columnsProp,
-    columnSpacing: columnSpacingProp,
-    component = 'div',
-    container = false,
-    direction = 'row',
-    item = false,
-    rowSpacing: rowSpacingProp,
-    spacing = 0,
-    wrap = 'wrap',
-    zeroMinWidth = false,
-    ...other
-  } = props;
+      className,
+      columns: columnsProp,
+      columnSpacing: columnSpacingProp,
+      component = 'div',
+      container = false,
+      direction = 'row',
+      item = false,
+      rowSpacing: rowSpacingProp,
+      spacing = 0,
+      wrap = 'wrap',
+      zeroMinWidth = false
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const rowSpacing = rowSpacingProp || spacing;
   const columnSpacing = columnSpacingProp || spacing;
   const columnsContext = React.useContext(_GridContext.default);
@@ -409,17 +404,14 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
   // columns set with default breakpoint unit of 12
   const columns = container ? columnsProp || 12 : columnsContext;
   const breakpointsValues = {};
-  const otherFiltered = {
-    ...other
-  };
+  const otherFiltered = (0, _extends2.default)({}, other);
   breakpoints.keys.forEach(breakpoint => {
     if (other[breakpoint] != null) {
       breakpointsValues[breakpoint] = other[breakpoint];
       delete otherFiltered[breakpoint];
     }
   });
-  const ownerState = {
-    ...props,
+  const ownerState = (0, _extends2.default)({}, props, {
     columns,
     container,
     direction,
@@ -428,20 +420,19 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
     columnSpacing,
     wrap,
     zeroMinWidth,
-    spacing,
-    ...breakpointsValues,
+    spacing
+  }, breakpointsValues, {
     breakpoints: breakpoints.keys
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridContext.default.Provider, {
     value: columns,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(GridRoot, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(GridRoot, (0, _extends2.default)({
       ownerState: ownerState,
       className: (0, _clsx.default)(classes.root, className),
       as: component,
-      ref: ref,
-      ...otherFiltered
-    })
+      ref: ref
+    }, otherFiltered))
   });
 });
 process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ = {
@@ -575,9 +566,7 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ =
 if (process.env.NODE_ENV !== 'production') {
   const requireProp = (0, _requirePropFactory.default)('Grid', Grid);
   // eslint-disable-next-line no-useless-concat
-  Grid['propTypes' + ''] = {
-    // eslint-disable-next-line react/forbid-foreign-prop-types
-    ...Grid.propTypes,
+  Grid['propTypes' + ''] = (0, _extends2.default)({}, Grid.propTypes, {
     direction: requireProp('container'),
     lg: requireProp('item'),
     md: requireProp('item'),
@@ -586,7 +575,7 @@ if (process.env.NODE_ENV !== 'production') {
     wrap: requireProp('container'),
     xs: requireProp('item'),
     zeroMinWidth: requireProp('item')
-  };
+  });
 }
 var _default = Grid;
 exports.default = _default;

package/node/Grow/Grow.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 _utils = require("@mui/utils");
@@ -13,6 +15,7 @@ var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _utils2 = require("../transitions/utils");
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 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; }
 function getScale(value) {
@@ -42,23 +45,23 @@ const isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*
  */
 const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
   const {
-    addEndListener,
-    appear = true,
-    children,
-    easing,
-    in: inProp,
-    onEnter,
-    onEntered,
-    onEntering,
-    onExit,
-    onExited,
-    onExiting,
-    style,
-    timeout = 'auto',
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = _reactTransitionGroup.Transition,
-    ...other
-  } = props;
+      addEndListener,
+      appear = true,
+      children,
+      easing,
+      in: inProp,
+      onEnter,
+      onEntered,
+      onEntering,
+      onExit,
+      onExited,
+      onExiting,
+      style,
+      timeout = 'auto',
+      // eslint-disable-next-line react/prop-types
+      TransitionComponent = _reactTransitionGroup.Transition
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const timer = React.useRef();
   const autoTimeout = React.useRef();
   const theme = (0, _useTheme.default)();
@@ -160,7 +163,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       clearTimeout(timer.current);
     };
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
     appear: appear,
     in: inProp,
     nodeRef: nodeRef,
@@ -171,23 +174,19 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
     onExited: handleExited,
     onExiting: handleExiting,
     addEndListener: handleAddEndListener,
-    timeout: timeout === 'auto' ? null : timeout,
-    ...other,
+    timeout: timeout === 'auto' ? null : timeout
+  }, other, {
     children: (state, childProps) => {
-      return /*#__PURE__*/React.cloneElement(children, {
-        style: {
+      return /*#__PURE__*/React.cloneElement(children, (0, _extends2.default)({
+        style: (0, _extends2.default)({
           opacity: 0,
           transform: getScale(0.75),
-          visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
-          ...styles[state],
-          ...style,
-          ...children.props.style
-        },
-        ref: handleRef,
-        ...childProps
-      });
+          visibility: state === 'exited' && !inProp ? 'hidden' : undefined
+        }, styles[state], style, children.props.style),
+        ref: handleRef
+      }, childProps));
     }
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? Grow.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/node/Hidden/Hidden.js

@@ -5,32 +5,36 @@ 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 _HiddenJs = _interopRequireDefault(require("./HiddenJs"));
 var _HiddenCss = _interopRequireDefault(require("./HiddenCss"));
 var _jsxRuntime = require("react/jsx-runtime");
-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 _excluded = ["implementation", "lgDown", "lgUp", "mdDown", "mdUp", "smDown", "smUp", "xlDown", "xlUp", "xsDown", "xsUp"];
 /**
  * Responsively hides children based on the selected implementation.
- */function Hidden(props) {
+ */
+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; }
+function Hidden(props) {
   const {
-    implementation = 'js',
-    lgDown = false,
-    lgUp = false,
-    mdDown = false,
-    mdUp = false,
-    smDown = false,
-    smUp = false,
-    xlDown = false,
-    xlUp = false,
-    xsDown = false,
-    xsUp = false,
-    ...other
-  } = props;
+      implementation = 'js',
+      lgDown = false,
+      lgUp = false,
+      mdDown = false,
+      mdUp = false,
+      smDown = false,
+      smUp = false,
+      xlDown = false,
+      xlUp = false,
+      xsDown = false,
+      xsUp = false
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   if (implementation === 'js') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HiddenJs.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HiddenJs.default, (0, _extends2.default)({
       lgDown: lgDown,
       lgUp: lgUp,
       mdDown: mdDown,
@@ -40,11 +44,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
       xlDown: xlDown,
       xlUp: xlUp,
       xsDown: xsDown,
-      xsUp: xsUp,
-      ...other
-    });
+      xsUp: xsUp
+    }, other));
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HiddenCss.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HiddenCss.default, (0, _extends2.default)({
     lgDown: lgDown,
     lgUp: lgUp,
     mdDown: mdDown,
@@ -54,9 +57,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
     xlDown: xlDown,
     xlUp: xlUp,
     xsDown: xsDown,
-    xsUp: xsUp,
-    ...other
-  });
+    xsUp: xsUp
+  }, other));
 }
 process.env.NODE_ENV !== "production" ? Hidden.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
@@ -86,22 +88,22 @@ process.env.NODE_ENV !== "production" ? Hidden.propTypes /* remove-proptypes */
    */
   initialWidth: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
   /**
-   * If `true`, screens this size and down are hidden.
+   * If `true`, component is hidden on screens below (but not including) this size.
    * @default false
    */
   lgDown: _propTypes.default.bool,
   /**
-   * If `true`, screens this size and up are hidden.
+   * If `true`, component is hidden on screens this size and above.
    * @default false
    */
   lgUp: _propTypes.default.bool,
   /**
-   * If `true`, screens this size and down are hidden.
+   * If `true`, component is hidden on screens below (but not including) this size.
    * @default false
    */
   mdDown: _propTypes.default.bool,
   /**
-   * If `true`, screens this size and up are hidden.
+   * If `true`, component is hidden on screens this size and above.
    * @default false
    */
   mdUp: _propTypes.default.bool,
@@ -110,32 +112,32 @@ process.env.NODE_ENV !== "production" ? Hidden.propTypes /* remove-proptypes */
    */
   only: _propTypes.default.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']).isRequired)]),
   /**
-   * If `true`, screens this size and down are hidden.
+   * If `true`, component is hidden on screens below (but not including) this size.
    * @default false
    */
   smDown: _propTypes.default.bool,
   /**
-   * If `true`, screens this size and up are hidden.
+   * If `true`, component is hidden on screens this size and above.
    * @default false
    */
   smUp: _propTypes.default.bool,
   /**
-   * If `true`, screens this size and down are hidden.
+   * If `true`, component is hidden on screens below (but not including) this size.
    * @default false
    */
   xlDown: _propTypes.default.bool,
   /**
-   * If `true`, screens this size and up are hidden.
+   * If `true`, component is hidden on screens this size and above.
    * @default false
    */
   xlUp: _propTypes.default.bool,
   /**
-   * If `true`, screens this size and down are hidden.
+   * If `true`, component is hidden on screens below (but not including) this size.
    * @default false
    */
   xsDown: _propTypes.default.bool,
   /**
-   * If `true`, screens this size and up are hidden.
+   * If `true`, component is hidden on screens this size and above.
    * @default false
    */
   xsUp: _propTypes.default.bool

package/node/Hidden/HiddenCss.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 _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -14,6 +16,7 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _hiddenCssClasses = require("./hiddenCssClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "className", "only"];
 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 => {
@@ -41,28 +44,26 @@ const HiddenCssRoot = (0, _styled.default)('div', {
   const hidden = {
     display: 'none'
   };
-  return {
-    ...ownerState.breakpoints.map(({
-      breakpoint,
-      dir
-    }) => {
-      if (dir === 'only') {
-        return {
-          [theme.breakpoints.only(breakpoint)]: hidden
-        };
-      }
-      return dir === 'up' ? {
-        [theme.breakpoints.up(breakpoint)]: hidden
-      } : {
-        [theme.breakpoints.down(breakpoint)]: hidden
+  return (0, _extends2.default)({}, ownerState.breakpoints.map(({
+    breakpoint,
+    dir
+  }) => {
+    if (dir === 'only') {
+      return {
+        [theme.breakpoints.only(breakpoint)]: hidden
       };
-    }).reduce((r, o) => {
-      Object.keys(o).forEach(k => {
-        r[k] = o[k];
-      });
-      return r;
-    }, {})
-  };
+    }
+    return dir === 'up' ? {
+      [theme.breakpoints.up(breakpoint)]: hidden
+    } : {
+      [theme.breakpoints.down(breakpoint)]: hidden
+    };
+  }).reduce((r, o) => {
+    Object.keys(o).forEach(k => {
+      r[k] = o[k];
+    });
+    return r;
+  }, {}));
 });
 
 /**
@@ -70,11 +71,11 @@ const HiddenCssRoot = (0, _styled.default)('div', {
  */
 function HiddenCss(props) {
   const {
-    children,
-    className,
-    only,
-    ...other
-  } = props;
+      children,
+      className,
+      only
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const theme = (0, _useTheme.default)();
   if (process.env.NODE_ENV !== 'production') {
     const unknownProps = Object.keys(other).filter(propName => {
@@ -114,10 +115,9 @@ function HiddenCss(props) {
       });
     });
   }
-  const ownerState = {
-    ...props,
+  const ownerState = (0, _extends2.default)({}, props, {
     breakpoints
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(HiddenCssRoot, {
     className: (0, _clsx.default)(classes.root, className),

package/node/Hidden/withWidth.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isWidthUp = exports.isWidthDown = 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 _utils = require("@mui/utils");
@@ -13,6 +15,7 @@ var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
 var _useMediaQuery = _interopRequireDefault(require("../useMediaQuery"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["initialWidth", "width"];
 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 breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'];
@@ -25,7 +28,7 @@ const isWidthUp = (breakpoint, width, inclusive = true) => {
   return breakpointKeys.indexOf(breakpoint) < breakpointKeys.indexOf(width);
 };
 
-// By default, returns true if screen width is the same or less than the given breakpoint.
+// By default, returns true if screen width is less than the given breakpoint.
 exports.isWidthUp = isWidthUp;
 const isWidthDown = (breakpoint, width, inclusive = false) => {
   if (inclusive) {
@@ -43,15 +46,16 @@ const withWidth = (options = {}) => Component => {
   function WithWidth(props) {
     const contextTheme = (0, _useTheme.default)();
     const theme = props.theme || contextTheme;
-    const {
-      initialWidth,
-      width,
-      ...other
-    } = (0, _system.getThemeProps)({
-      theme,
-      name: 'MuiWithWidth',
-      props
-    });
+    const _getThemeProps = (0, _system.getThemeProps)({
+        theme,
+        name: 'MuiWithWidth',
+        props
+      }),
+      {
+        initialWidth,
+        width
+      } = _getThemeProps,
+      other = (0, _objectWithoutPropertiesLoose2.default)(_getThemeProps, _excluded);
     const [mountedState, setMountedState] = React.useState(false);
     (0, _useEnhancedEffect.default)(() => {
       setMountedState(true);
@@ -68,13 +72,11 @@ const withWidth = (options = {}) => Component => {
       const matches = (0, _useMediaQuery.default)(theme.breakpoints.up(key));
       return !output && matches ? key : output;
     }, null);
-    const more = {
-      width: width || (mountedState || noSSR ? widthComputed : undefined) || initialWidth || initialWidthOption,
-      ...(withThemeOption ? {
-        theme
-      } : {}),
-      ...other
-    };
+    const more = (0, _extends2.default)({
+      width: width || (mountedState || noSSR ? widthComputed : undefined) || initialWidth || initialWidthOption
+    }, withThemeOption ? {
+      theme
+    } : {}, other);
 
     // When rendering the component on the server,
     // we have no idea about the client browser screen width.
@@ -85,9 +87,7 @@ const withWidth = (options = {}) => Component => {
     if (more.width === undefined) {
       return null;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-      ...more
-    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, (0, _extends2.default)({}, more));
   }
   process.env.NODE_ENV !== "production" ? WithWidth.propTypes = {
     /**