@mui/material 5.10.17 → 5.11.1

package/Grow/Grow.js

@@ -1,23 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-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");
-var _reactTransitionGroup = require("react-transition-group");
-var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-var _utils2 = require("../transitions/utils");
-var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
-var _jsxRuntime = require("react/jsx-runtime");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 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; }
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { elementAcceptingRef } from '@mui/utils';
+import { Transition } from 'react-transition-group';
+import useTheme from '../styles/useTheme';
+import { getTransitionProps, reflow } from '../transitions/utils';
+import useForkRef from '../utils/useForkRef';
+import { jsx as _jsx } from "react/jsx-runtime";
 function getScale(value) {
   return `scale(${value}, ${value ** 2})`;
 }
@@ -59,14 +50,14 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       style,
       timeout = 'auto',
       // eslint-disable-next-line react/prop-types
-      TransitionComponent = _reactTransitionGroup.Transition
+      TransitionComponent = Transition
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const timer = React.useRef();
   const autoTimeout = React.useRef();
-  const theme = (0, _useTheme.default)();
+  const theme = useTheme();
   const nodeRef = React.useRef(null);
-  const handleRef = (0, _useForkRef.default)(nodeRef, children.ref, ref);
+  const handleRef = useForkRef(nodeRef, children.ref, ref);
   const normalizedTransitionCallback = callback => maybeIsAppearing => {
     if (callback) {
       const node = nodeRef.current;
@@ -81,13 +72,13 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
   };
   const handleEntering = normalizedTransitionCallback(onEntering);
   const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
-    (0, _utils2.reflow)(node); // So the animation always start from the start.
+    reflow(node); // So the animation always start from the start.
 
     const {
       duration: transitionDuration,
       delay,
       easing: transitionTimingFunction
-    } = (0, _utils2.getTransitionProps)({
+    } = getTransitionProps({
       style,
       timeout,
       easing
@@ -120,7 +111,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       duration: transitionDuration,
       delay,
       easing: transitionTimingFunction
-    } = (0, _utils2.getTransitionProps)({
+    } = getTransitionProps({
       style,
       timeout,
       easing
@@ -163,7 +154,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       clearTimeout(timer.current);
     };
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
+  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     appear: appear,
     in: inProp,
     nodeRef: nodeRef,
@@ -177,8 +168,8 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
     timeout: timeout === 'auto' ? null : timeout
   }, other, {
     children: (state, childProps) => {
-      return /*#__PURE__*/React.cloneElement(children, (0, _extends2.default)({
-        style: (0, _extends2.default)({
+      return /*#__PURE__*/React.cloneElement(children, _extends({
+        style: _extends({
           opacity: 0,
           transform: getScale(0.75),
           visibility: state === 'exited' && !inProp ? 'hidden' : undefined
@@ -198,57 +189,57 @@ process.env.NODE_ENV !== "production" ? Grow.propTypes /* remove-proptypes */ =
    * node and a done callback. Allows for more fine grained transition end
    * logic. Note: Timeouts are still used as a fallback if provided.
    */
-  addEndListener: _propTypes.default.func,
+  addEndListener: PropTypes.func,
   /**
    * Perform the enter transition when it first mounts if `in` is also `true`.
    * Set this to `false` to disable this behavior.
    * @default true
    */
-  appear: _propTypes.default.bool,
+  appear: PropTypes.bool,
   /**
    * A single child content element.
    */
-  children: _utils.elementAcceptingRef.isRequired,
+  children: elementAcceptingRef.isRequired,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
    */
-  easing: _propTypes.default.oneOfType([_propTypes.default.shape({
-    enter: _propTypes.default.string,
-    exit: _propTypes.default.string
-  }), _propTypes.default.string]),
+  easing: PropTypes.oneOfType([PropTypes.shape({
+    enter: PropTypes.string,
+    exit: PropTypes.string
+  }), PropTypes.string]),
   /**
    * If `true`, the component will transition in.
    */
-  in: _propTypes.default.bool,
+  in: PropTypes.bool,
   /**
    * @ignore
    */
-  onEnter: _propTypes.default.func,
+  onEnter: PropTypes.func,
   /**
    * @ignore
    */
-  onEntered: _propTypes.default.func,
+  onEntered: PropTypes.func,
   /**
    * @ignore
    */
-  onEntering: _propTypes.default.func,
+  onEntering: PropTypes.func,
   /**
    * @ignore
    */
-  onExit: _propTypes.default.func,
+  onExit: PropTypes.func,
   /**
    * @ignore
    */
-  onExited: _propTypes.default.func,
+  onExited: PropTypes.func,
   /**
    * @ignore
    */
-  onExiting: _propTypes.default.func,
+  onExiting: PropTypes.func,
   /**
    * @ignore
    */
-  style: _propTypes.default.object,
+  style: PropTypes.object,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -256,12 +247,11 @@ process.env.NODE_ENV !== "production" ? Grow.propTypes /* remove-proptypes */ =
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default 'auto'
    */
-  timeout: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number, _propTypes.default.shape({
-    appear: _propTypes.default.number,
-    enter: _propTypes.default.number,
-    exit: _propTypes.default.number
+  timeout: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.shape({
+    appear: PropTypes.number,
+    enter: PropTypes.number,
+    exit: PropTypes.number
   })])
 } : void 0;
 Grow.muiSupportAuto = true;
-var _default = Grow;
-exports.default = _default;
+export default Grow;

package/Grow/index.js

@@ -1,13 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Grow.default;
-  }
-});
-var _Grow = _interopRequireDefault(require("./Grow"));
+export { default } from './Grow';

package/Grow/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../esm/Grow/index.js",
-  "main": "./index.js",
+  "module": "./index.js",
+  "main": "../node/Grow/index.js",
   "types": "./index.d.ts"
 }

package/Hidden/Hidden.js

@@ -1,23 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-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");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["implementation", "lgDown", "lgUp", "mdDown", "mdUp", "smDown", "smUp", "xlDown", "xlUp", "xsDown", "xsUp"];
-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; }
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import HiddenJs from './HiddenJs';
+import HiddenCss from './HiddenCss';
+
 /**
  * Responsively hides children based on the selected implementation.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 function Hidden(props) {
   const {
       implementation = 'js',
@@ -32,9 +24,9 @@ function Hidden(props) {
       xsDown = false,
       xsUp = false
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   if (implementation === 'js') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HiddenJs.default, (0, _extends2.default)({
+    return /*#__PURE__*/_jsx(HiddenJs, _extends({
       lgDown: lgDown,
       lgUp: lgUp,
       mdDown: mdDown,
@@ -47,7 +39,7 @@ function Hidden(props) {
       xsUp: xsUp
     }, other));
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HiddenCss.default, (0, _extends2.default)({
+  return /*#__PURE__*/_jsx(HiddenCss, _extends({
     lgDown: lgDown,
     lgUp: lgUp,
     mdDown: mdDown,
@@ -68,13 +60,13 @@ process.env.NODE_ENV !== "production" ? Hidden.propTypes /* remove-proptypes */
   /**
    * The content of the component.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * Specify which implementation to use.  'js' is the default, 'css' works better for
    * server-side rendering.
    * @default 'js'
    */
-  implementation: _propTypes.default.oneOf(['css', 'js']),
+  implementation: PropTypes.oneOf(['css', 'js']),
   /**
    * You can use this prop when choosing the `js` implementation with server-side rendering.
    *
@@ -86,61 +78,60 @@ process.env.NODE_ENV !== "production" ? Hidden.propTypes /* remove-proptypes */
    * For instance, you could be using the user-agent or the client-hints.
    * https://caniuse.com/#search=client%20hint
    */
-  initialWidth: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
+  initialWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
-  lgDown: _propTypes.default.bool,
+  lgDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
-  lgUp: _propTypes.default.bool,
+  lgUp: PropTypes.bool,
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
-  mdDown: _propTypes.default.bool,
+  mdDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
-  mdUp: _propTypes.default.bool,
+  mdUp: PropTypes.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']).isRequired)]),
+  only: PropTypes.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), PropTypes.arrayOf(PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']).isRequired)]),
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
-  smDown: _propTypes.default.bool,
+  smDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
-  smUp: _propTypes.default.bool,
+  smUp: PropTypes.bool,
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
-  xlDown: _propTypes.default.bool,
+  xlDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
-  xlUp: _propTypes.default.bool,
+  xlUp: PropTypes.bool,
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
-  xsDown: _propTypes.default.bool,
+  xsDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
-  xsUp: _propTypes.default.bool
+  xsUp: PropTypes.bool
 } : void 0;
-var _default = Hidden;
-exports.default = _default;
+export default Hidden;

package/Hidden/HiddenCss.js

@@ -1,24 +1,15 @@
-"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");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 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; }
+import * as React from 'react';
+import clsx from 'clsx';
+import PropTypes from 'prop-types';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import capitalize from '../utils/capitalize';
+import styled from '../styles/styled';
+import useTheme from '../styles/useTheme';
+import { getHiddenCssUtilityClass } from './hiddenCssClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -29,12 +20,12 @@ const useUtilityClasses = ownerState => {
       breakpoint,
       dir
     }) => {
-      return dir === 'only' ? `${dir}${(0, _capitalize.default)(breakpoint)}` : `${breakpoint}${(0, _capitalize.default)(dir)}`;
+      return dir === 'only' ? `${dir}${capitalize(breakpoint)}` : `${breakpoint}${capitalize(dir)}`;
     })]
   };
-  return (0, _base.unstable_composeClasses)(slots, _hiddenCssClasses.getHiddenCssUtilityClass, classes);
+  return composeClasses(slots, getHiddenCssUtilityClass, classes);
 };
-const HiddenCssRoot = (0, _styled.default)('div', {
+const HiddenCssRoot = styled('div', {
   name: 'PrivateHiddenCss',
   slot: 'Root'
 })(({
@@ -44,7 +35,7 @@ const HiddenCssRoot = (0, _styled.default)('div', {
   const hidden = {
     display: 'none'
   };
-  return (0, _extends2.default)({}, ownerState.breakpoints.map(({
+  return _extends({}, ownerState.breakpoints.map(({
     breakpoint,
     dir
   }) => {
@@ -75,8 +66,8 @@ function HiddenCss(props) {
       className,
       only
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const theme = (0, _useTheme.default)();
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const theme = useTheme();
   if (process.env.NODE_ENV !== 'production') {
     const unknownProps = Object.keys(other).filter(propName => {
       const isUndeclaredBreakpoint = !theme.breakpoints.keys.some(breakpoint => {
@@ -115,12 +106,12 @@ function HiddenCss(props) {
       });
     });
   }
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = _extends({}, props, {
     breakpoints
   });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(HiddenCssRoot, {
-    className: (0, _clsx.default)(classes.root, className),
+  return /*#__PURE__*/_jsx(HiddenCssRoot, {
+    className: clsx(classes.root, className),
     ownerState: ownerState,
     children: children
   });
@@ -129,60 +120,59 @@ process.env.NODE_ENV !== "production" ? HiddenCss.propTypes = {
   /**
    * The content of the component.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * @ignore
    */
-  className: _propTypes.default.string,
+  className: PropTypes.string,
   /**
    * Specify which implementation to use.  'js' is the default, 'css' works better for
    * server-side rendering.
    */
-  implementation: _propTypes.default.oneOf(['js', 'css']),
+  implementation: PropTypes.oneOf(['js', 'css']),
   /**
    * If `true`, screens this size and down are hidden.
    */
-  lgDown: _propTypes.default.bool,
+  lgDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    */
-  lgUp: _propTypes.default.bool,
+  lgUp: PropTypes.bool,
   /**
    * If `true`, screens this size and down are hidden.
    */
-  mdDown: _propTypes.default.bool,
+  mdDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    */
-  mdUp: _propTypes.default.bool,
+  mdUp: PropTypes.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']))]),
+  only: PropTypes.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), PropTypes.arrayOf(PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']))]),
   /**
    * If `true`, screens this size and down are hidden.
    */
-  smDown: _propTypes.default.bool,
+  smDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    */
-  smUp: _propTypes.default.bool,
+  smUp: PropTypes.bool,
   /**
    * If `true`, screens this size and down are hidden.
    */
-  xlDown: _propTypes.default.bool,
+  xlDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    */
-  xlUp: _propTypes.default.bool,
+  xlUp: PropTypes.bool,
   /**
    * If `true`, screens this size and down are hidden.
    */
-  xsDown: _propTypes.default.bool,
+  xsDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    */
-  xsUp: _propTypes.default.bool
+  xsUp: PropTypes.bool
 } : void 0;
-var _default = HiddenCss;
-exports.default = _default;
+export default HiddenCss;

package/Hidden/HiddenJs.js

@@ -1,28 +1,20 @@
-"use strict";
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { exactProp } from '@mui/utils';
+import withWidth, { isWidthDown, isWidthUp } from './withWidth';
+import useTheme from '../styles/useTheme';
 
-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.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 function HiddenJs(props) {
   const {
     children,
     only,
     width
   } = props;
-  const theme = (0, _useTheme.default)();
+  const theme = useTheme();
   let visible = true;
 
   // `only` check is faster to get out sooner if used.
@@ -47,7 +39,7 @@ function HiddenJs(props) {
       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)) {
+      if (breakpointUp && isWidthUp(breakpoint, width) || breakpointDown && isWidthDown(breakpoint, width)) {
         visible = false;
         break;
       }
@@ -56,7 +48,7 @@ function HiddenJs(props) {
   if (!visible) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+  return /*#__PURE__*/_jsx(React.Fragment, {
     children: children
   });
 }
@@ -64,69 +56,68 @@ process.env.NODE_ENV !== "production" ? HiddenJs.propTypes = {
   /**
    * The content of the component.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * If `true`, screens this size and down are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
-  lgDown: _propTypes.default.bool,
+  lgDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
-  lgUp: _propTypes.default.bool,
+  lgUp: PropTypes.bool,
   /**
    * If `true`, screens this size and down are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
-  mdDown: _propTypes.default.bool,
+  mdDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
-  mdUp: _propTypes.default.bool,
+  mdUp: PropTypes.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']))]),
+  only: PropTypes.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), PropTypes.arrayOf(PropTypes.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,
+  smDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
-  smUp: _propTypes.default.bool,
+  smUp: PropTypes.bool,
   /**
    * @ignore
    * width prop provided by withWidth decorator.
    */
-  width: _propTypes.default.string.isRequired,
+  width: PropTypes.string.isRequired,
   /**
    * If `true`, screens this size and down are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
-  xlDown: _propTypes.default.bool,
+  xlDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
-  xlUp: _propTypes.default.bool,
+  xlUp: PropTypes.bool,
   /**
    * If `true`, screens this size and down are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
-  xsDown: _propTypes.default.bool,
+  xsDown: PropTypes.bool,
   /**
    * If `true`, screens this size and up are hidden.
    */
   // eslint-disable-next-line react/no-unused-prop-types
-  xsUp: _propTypes.default.bool
+  xsUp: PropTypes.bool
 } : void 0;
 if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? HiddenJs.propTypes = (0, _utils.exactProp)(HiddenJs.propTypes) : void 0;
+  process.env.NODE_ENV !== "production" ? HiddenJs.propTypes = exactProp(HiddenJs.propTypes) : void 0;
 }
-var _default = (0, _withWidth.default)()(HiddenJs);
-exports.default = _default;
+export default withWidth()(HiddenJs);