@mui/material 5.10.13 → 5.10.14

package/Hidden/HiddenCss.js

@@ -1,40 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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"));
-
 var _base = require("@mui/base");
-
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-
 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 => {
   const {
     classes,
@@ -50,7 +34,6 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _base.unstable_composeClasses)(slots, _hiddenCssClasses.getHiddenCssUtilityClass, classes);
 };
-
 const HiddenCssRoot = (0, _styled.default)('div', {
   name: 'PrivateHiddenCss',
   slot: 'Root'
@@ -70,7 +53,6 @@ const HiddenCssRoot = (0, _styled.default)('div', {
         [theme.breakpoints.only(breakpoint)]: hidden
       };
     }
-
     return dir === 'up' ? {
       [theme.breakpoints.up(breakpoint)]: hidden
     } : {
@@ -83,19 +65,18 @@ const HiddenCssRoot = (0, _styled.default)('div', {
     return r;
   }, {}));
 });
+
 /**
  * @ignore - internal component.
  */
-
 function HiddenCss(props) {
   const {
-    children,
-    className,
-    only
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      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 => {
       const isUndeclaredBreakpoint = !theme.breakpoints.keys.some(breakpoint => {
@@ -103,26 +84,21 @@ function HiddenCss(props) {
       });
       return !['classes', 'theme', 'isRtl', 'sx'].includes(propName) && isUndeclaredBreakpoint;
     });
-
     if (unknownProps.length > 0) {
       console.error(`MUI: Unsupported props received by \`<Hidden implementation="css" />\`: ${unknownProps.join(', ')}. Did you forget to wrap this component in a ThemeProvider declaring these breakpoints?`);
     }
   }
-
   const breakpoints = [];
-
   for (let i = 0; i < theme.breakpoints.keys.length; i += 1) {
     const breakpoint = theme.breakpoints.keys[i];
     const breakpointUp = other[`${breakpoint}Up`];
     const breakpointDown = other[`${breakpoint}Down`];
-
     if (breakpointUp) {
       breakpoints.push({
         breakpoint,
         dir: 'up'
       });
     }
-
     if (breakpointDown) {
       breakpoints.push({
         breakpoint,
@@ -130,7 +106,6 @@ function HiddenCss(props) {
       });
     }
   }
-
   if (only) {
     const onlyBreakpoints = Array.isArray(only) ? only : [only];
     onlyBreakpoints.forEach(breakpoint => {
@@ -140,7 +115,6 @@ function HiddenCss(props) {
       });
     });
   }
-
   const ownerState = (0, _extends2.default)({}, props, {
     breakpoints
   });
@@ -151,74 +125,60 @@ function HiddenCss(props) {
     children: children
   });
 }
-
 process.env.NODE_ENV !== "production" ? HiddenCss.propTypes = {
   /**
    * The content of the component.
    */
   children: _propTypes.default.node,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * Specify which implementation to use.  'js' is the default, 'css' works better for
    * server-side rendering.
    */
   implementation: _propTypes.default.oneOf(['js', 'css']),
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   lgDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   lgUp: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   mdDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   mdUp: _propTypes.default.bool,
-
   /**
    * Hide the given breakpoint(s).
    */
   only: _propTypes.default.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']))]),
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   smDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   smUp: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   xlDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   xlUp: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   xsDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */

package/Hidden/HiddenJs.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("@mui/utils");
-
 var _withWidth = _interopRequireWildcard(require("./withWidth"));
-
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-
 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; }
-
 /**
  * @ignore - internal component.
  */
@@ -33,13 +23,13 @@ function HiddenJs(props) {
     width
   } = props;
   const theme = (0, _useTheme.default)();
-  let visible = true; // `only` check is faster to get out sooner if used.
+  let visible = true;
 
+  // `only` check is faster to get out sooner if used.
   if (only) {
     if (Array.isArray(only)) {
       for (let i = 0; i < only.length; i += 1) {
         const breakpoint = only[i];
-
         if (width === breakpoint) {
           visible = false;
           break;
@@ -48,114 +38,95 @@ function HiddenJs(props) {
     } else if (only && width === only) {
       visible = false;
     }
-  } // Allow `only` to be combined with other props. If already hidden, no need to check others.
-
+  }
 
+  // Allow `only` to be combined with other props. If already hidden, no need to check others.
   if (visible) {
     // determine visibility based on the smallest size up
     for (let i = 0; i < theme.breakpoints.keys.length; i += 1) {
       const breakpoint = theme.breakpoints.keys[i];
       const breakpointUp = props[`${breakpoint}Up`];
       const breakpointDown = props[`${breakpoint}Down`];
-
       if (breakpointUp && (0, _withWidth.isWidthUp)(breakpoint, width) || breakpointDown && (0, _withWidth.isWidthDown)(breakpoint, width)) {
         visible = false;
         break;
       }
     }
   }
-
   if (!visible) {
     return null;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
     children: children
   });
 }
-
 process.env.NODE_ENV !== "production" ? HiddenJs.propTypes = {
   /**
    * The content of the component.
    */
   children: _propTypes.default.node,
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
   lgDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
   lgUp: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
   mdDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
   mdUp: _propTypes.default.bool,
-
   /**
    * Hide the given breakpoint(s).
    */
   only: _propTypes.default.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']))]),
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
   smDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
   smUp: _propTypes.default.bool,
-
   /**
    * @ignore
    * width prop provided by withWidth decorator.
    */
   width: _propTypes.default.string.isRequired,
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
   xlDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
   xlUp: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
   xsDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
   xsUp: _propTypes.default.bool
 } : void 0;
-
 if (process.env.NODE_ENV !== 'production') {
   process.env.NODE_ENV !== "production" ? HiddenJs.propTypes = (0, _utils.exactProp)(HiddenJs.propTypes) : void 0;
 }
-
 var _default = (0, _withWidth.default)()(HiddenJs);
-
 exports.default = _default;

package/Hidden/hiddenCssClasses.js

@@ -1,21 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getHiddenCssUtilityClass = getHiddenCssUtilityClass;
-
 var _utils = require("@mui/utils");
-
 var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
-
 function getHiddenCssUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('PrivateHiddenCss', slot);
 }
-
 const hiddenCssClasses = (0, _utils.unstable_generateUtilityClasses)('PrivateHiddenCss', ['root', 'xlDown', 'xlUp', 'onlyXl', 'lgDown', 'lgUp', 'onlyLg', 'mdDown', 'mdUp', 'onlyMd', 'smDown', 'smUp', 'onlySm', 'xsDown', 'xsUp', 'onlyXs']);
 var _default = hiddenCssClasses;
 exports.default = _default;

package/Hidden/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _Hidden.default;
   }
 });
-
 var _Hidden = _interopRequireDefault(require("./Hidden"));

package/Hidden/withWidth.js

@@ -1,93 +1,71 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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");
-
 var _system = require("@mui/system");
-
 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'];
 
-const breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl']; // By default, returns true if screen width is the same or greater than the given breakpoint.
-
+// By default, returns true if screen width is the same or greater than the given breakpoint.
 const isWidthUp = (breakpoint, width, inclusive = true) => {
   if (inclusive) {
     return breakpointKeys.indexOf(breakpoint) <= breakpointKeys.indexOf(width);
   }
-
   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 the same or less than the given breakpoint.
 exports.isWidthUp = isWidthUp;
-
 const isWidthDown = (breakpoint, width, inclusive = false) => {
   if (inclusive) {
     return breakpointKeys.indexOf(width) <= breakpointKeys.indexOf(breakpoint);
   }
-
   return breakpointKeys.indexOf(width) < breakpointKeys.indexOf(breakpoint);
 };
-
 exports.isWidthDown = isWidthDown;
-
 const withWidth = (options = {}) => Component => {
   const {
     withTheme: withThemeOption = false,
     noSSR = false,
     initialWidth: initialWidthOption
   } = options;
-
   function WithWidth(props) {
     const contextTheme = (0, _useTheme.default)();
     const theme = props.theme || contextTheme;
-
     const _getThemeProps = (0, _system.getThemeProps)({
-      theme,
-      name: 'MuiWithWidth',
-      props
-    }),
-          {
-      initialWidth,
-      width
-    } = _getThemeProps,
-          other = (0, _objectWithoutPropertiesLoose2.default)(_getThemeProps, _excluded);
-
+        theme,
+        name: 'MuiWithWidth',
+        props
+      }),
+      {
+        initialWidth,
+        width
+      } = _getThemeProps,
+      other = (0, _objectWithoutPropertiesLoose2.default)(_getThemeProps, _excluded);
     const [mountedState, setMountedState] = React.useState(false);
     (0, _useEnhancedEffect.default)(() => {
       setMountedState(true);
     }, []);
+
     /**
      * innerWidth |xs      sm      md      lg      xl
      *            |-------|-------|-------|-------|------>
      * width      |  xs   |  sm   |  md   |  lg   |  xl
      */
-
     const keys = theme.breakpoints.keys.slice().reverse();
     const widthComputed = keys.reduce((output, key) => {
       // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -98,20 +76,19 @@ const withWidth = (options = {}) => Component => {
       width: width || (mountedState || noSSR ? widthComputed : undefined) || initialWidth || initialWidthOption
     }, withThemeOption ? {
       theme
-    } : {}, other); // When rendering the component on the server,
+    } : {}, other);
+
+    // When rendering the component on the server,
     // we have no idea about the client browser screen width.
     // In order to prevent blinks and help the reconciliation of the React tree
     // we are not rendering the child component.
     //
     // An alternative is to use the `initialWidth` property.
-
     if (more.width === undefined) {
       return null;
     }
-
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, (0, _extends2.default)({}, more));
   }
-
   process.env.NODE_ENV !== "production" ? WithWidth.propTypes = {
     /**
      * As `window.innerWidth` is unavailable on the server,
@@ -123,24 +100,19 @@ const withWidth = (options = {}) => Component => {
      * https://caniuse.com/#search=client%20hint
      */
     initialWidth: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-
     /**
      * @ignore
      */
     theme: _propTypes.default.object,
-
     /**
      * Bypass the width calculation logic.
      */
     width: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl'])
   } : void 0;
-
   if (process.env.NODE_ENV !== 'production') {
     WithWidth.displayName = `WithWidth(${(0, _utils.getDisplayName)(Component)})`;
   }
-
   return WithWidth;
 };
-
 var _default = withWidth;
 exports.default = _default;