@mui/material 5.10.13 → 5.10.15

package/ButtonBase/ButtonBase.js

@@ -1,48 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ButtonBaseRoot = 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"));
-
 var _utils = require("@mui/utils");
-
 var _composeClasses = _interopRequireDefault(require("@mui/base/composeClasses"));
-
 var _styled = _interopRequireDefault(require("../styles/styled"));
-
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
-
 var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
-
 var _useIsFocusVisible = _interopRequireDefault(require("../utils/useIsFocusVisible"));
-
 var _TouchRipple = _interopRequireDefault(require("./TouchRipple"));
-
 var _buttonBaseClasses = _interopRequireWildcard(require("./buttonBaseClasses"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"];
-
 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 {
     disabled,
@@ -54,14 +34,11 @@ const useUtilityClasses = ownerState => {
     root: ['root', disabled && 'disabled', focusVisible && 'focusVisible']
   };
   const composedClasses = (0, _composeClasses.default)(slots, _buttonBaseClasses.getButtonBaseUtilityClass, classes);
-
   if (focusVisible && focusVisibleClassName) {
     composedClasses.root += ` ${focusVisibleClassName}`;
   }
-
   return composedClasses;
 };
-
 const ButtonBaseRoot = (0, _styled.default)('button', {
   name: 'MuiButtonBase',
   slot: 'Root',
@@ -95,8 +72,8 @@ const ButtonBaseRoot = (0, _styled.default)('button', {
   color: 'inherit',
   '&::-moz-focus-inner': {
     borderStyle: 'none' // Remove Firefox dotted outline.
-
   },
+
   [`&.${_buttonBaseClasses.default.disabled}`]: {
     pointerEvents: 'none',
     // Disable link interactions
@@ -106,12 +83,12 @@ const ButtonBaseRoot = (0, _styled.default)('button', {
     colorAdjust: 'exact'
   }
 });
+
 /**
  * `ButtonBase` contains as few styles as possible.
  * It aims to be a simple building block for creating a button.
  * It contains a load of style reset and some focus/ripple logic.
  */
-
 exports.ButtonBaseRoot = ButtonBaseRoot;
 const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref) {
   const props = (0, _useThemeProps.default)({
@@ -119,36 +96,36 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     name: 'MuiButtonBase'
   });
   const {
-    action,
-    centerRipple = false,
-    children,
-    className,
-    component = 'button',
-    disabled = false,
-    disableRipple = false,
-    disableTouchRipple = false,
-    focusRipple = false,
-    LinkComponent = 'a',
-    onBlur,
-    onClick,
-    onContextMenu,
-    onDragLeave,
-    onFocus,
-    onFocusVisible,
-    onKeyDown,
-    onKeyUp,
-    onMouseDown,
-    onMouseLeave,
-    onMouseUp,
-    onTouchEnd,
-    onTouchMove,
-    onTouchStart,
-    tabIndex = 0,
-    TouchRippleProps,
-    touchRippleRef,
-    type
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      action,
+      centerRipple = false,
+      children,
+      className,
+      component = 'button',
+      disabled = false,
+      disableRipple = false,
+      disableTouchRipple = false,
+      focusRipple = false,
+      LinkComponent = 'a',
+      onBlur,
+      onClick,
+      onContextMenu,
+      onDragLeave,
+      onFocus,
+      onFocusVisible,
+      onKeyDown,
+      onKeyUp,
+      onMouseDown,
+      onMouseLeave,
+      onMouseUp,
+      onTouchEnd,
+      onTouchMove,
+      onTouchStart,
+      tabIndex = 0,
+      TouchRippleProps,
+      touchRippleRef,
+      type
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const buttonRef = React.useRef(null);
   const rippleRef = React.useRef(null);
   const handleRippleRef = (0, _useForkRef.default)(rippleRef, touchRippleRef);
@@ -159,11 +136,9 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     ref: focusVisibleRef
   } = (0, _useIsFocusVisible.default)();
   const [focusVisible, setFocusVisible] = React.useState(false);
-
   if (disabled && focusVisible) {
     setFocusVisible(false);
   }
-
   React.useImperativeHandle(action, () => ({
     focusVisible: () => {
       setFocusVisible(true);
@@ -180,23 +155,18 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
       rippleRef.current.pulsate();
     }
   }, [disableRipple, focusRipple, focusVisible, mountedState]);
-
   function useRippleHandler(rippleAction, eventCallback, skipRippleAction = disableTouchRipple) {
     return (0, _useEventCallback.default)(event => {
       if (eventCallback) {
         eventCallback(event);
       }
-
       const ignore = skipRippleAction;
-
       if (!ignore && rippleRef.current) {
         rippleRef.current[rippleAction](event);
       }
-
       return true;
     });
   }
-
   const handleMouseDown = useRippleHandler('start', onMouseDown);
   const handleContextMenu = useRippleHandler('stop', onContextMenu);
   const handleDragLeave = useRippleHandler('stop', onDragLeave);
@@ -205,7 +175,6 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     if (focusVisible) {
       event.preventDefault();
     }
-
     if (onMouseLeave) {
       onMouseLeave(event);
     }
@@ -215,11 +184,9 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
   const handleTouchMove = useRippleHandler('stop', onTouchMove);
   const handleBlur = useRippleHandler('stop', event => {
     handleBlurVisible(event);
-
     if (isFocusVisibleRef.current === false) {
       setFocusVisible(false);
     }
-
     if (onBlur) {
       onBlur(event);
     }
@@ -229,31 +196,25 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     if (!buttonRef.current) {
       buttonRef.current = event.currentTarget;
     }
-
     handleFocusVisible(event);
-
     if (isFocusVisibleRef.current === true) {
       setFocusVisible(true);
-
       if (onFocusVisible) {
         onFocusVisible(event);
       }
     }
-
     if (onFocus) {
       onFocus(event);
     }
   });
-
   const isNonNativeButton = () => {
     const button = buttonRef.current;
     return component && component !== 'button' && !(button.tagName === 'A' && button.href);
   };
+
   /**
    * IE11 shim for https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/repeat
    */
-
-
   const keydownRef = React.useRef(false);
   const handleKeyDown = (0, _useEventCallback.default)(event => {
     // Check if key is already down to avoid repeats being counted as multiple activations
@@ -263,19 +224,16 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
         rippleRef.current.start(event);
       });
     }
-
     if (event.target === event.currentTarget && isNonNativeButton() && event.key === ' ') {
       event.preventDefault();
     }
-
     if (onKeyDown) {
       onKeyDown(event);
-    } // Keyboard accessibility for non interactive elements
-
+    }
 
+    // Keyboard accessibility for non interactive elements
     if (event.target === event.currentTarget && isNonNativeButton() && event.key === 'Enter' && !disabled) {
       event.preventDefault();
-
       if (onClick) {
         onClick(event);
       }
@@ -290,24 +248,20 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
         rippleRef.current.pulsate(event);
       });
     }
-
     if (onKeyUp) {
       onKeyUp(event);
-    } // Keyboard accessibility for non interactive elements
-
+    }
 
+    // Keyboard accessibility for non interactive elements
     if (onClick && event.target === event.currentTarget && isNonNativeButton() && event.key === ' ' && !event.defaultPrevented) {
       onClick(event);
     }
   });
   let ComponentProp = component;
-
   if (ComponentProp === 'button' && (other.href || other.to)) {
     ComponentProp = LinkComponent;
   }
-
   const buttonProps = {};
-
   if (ComponentProp === 'button') {
     buttonProps.type = type === undefined ? 'button' : type;
     buttonProps.disabled = disabled;
@@ -315,14 +269,11 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     if (!other.href && !other.to) {
       buttonProps.role = 'button';
     }
-
     if (disabled) {
       buttonProps['aria-disabled'] = disabled;
     }
   }
-
   const handleRef = (0, _useForkRef.default)(ref, focusVisibleRef, buttonRef);
-
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(() => {
@@ -331,7 +282,6 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
       }
     }, [enableTouchRipple]);
   }
-
   const ownerState = (0, _extends2.default)({}, props, {
     centerRipple,
     component,
@@ -366,7 +316,6 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
   }, buttonProps, other, {
     children: [children, enableTouchRipple ?
     /*#__PURE__*/
-
     /* TouchRipple is only needed client-side, x2 boost on the server. */
     (0, _jsxRuntime.jsx)(_TouchRipple.default, (0, _extends2.default)({
       ref: handleRippleRef,
@@ -374,54 +323,44 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     }, TouchRippleProps)) : null]
   }));
 });
-process.env.NODE_ENV !== "production" ? ButtonBase.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ButtonBase.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
   action: _utils.refType,
-
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.
    * @default false
    */
   centerRipple: _propTypes.default.bool,
-
   /**
    * The content of the component.
    */
   children: _propTypes.default.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: _utils.elementTypeAcceptingRef,
-
   /**
    * If `true`, the component is disabled.
    * @default false
    */
   disabled: _propTypes.default.bool,
-
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -430,19 +369,16 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes
    * @default false
    */
   disableRipple: _propTypes.default.bool,
-
   /**
    * If `true`, the touch ripple effect is disabled.
    * @default false
    */
   disableTouchRipple: _propTypes.default.bool,
-
   /**
    * If `true`, the base button will have a keyboard focus ripple.
    * @default false
    */
   focusRipple: _propTypes.default.bool,
-
   /**
    * This prop can help identify which element has keyboard focus.
    * The class name will be applied when the element gains the focus through keyboard interaction.
@@ -452,106 +388,84 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes
    * if needed.
    */
   focusVisibleClassName: _propTypes.default.string,
-
   /**
    * @ignore
    */
-  href: _propTypes.default
-  /* @typescript-to-proptypes-ignore */
-  .any,
-
+  href: _propTypes.default /* @typescript-to-proptypes-ignore */.any,
   /**
    * The component used to render a link when the `href` prop is provided.
    * @default 'a'
    */
   LinkComponent: _propTypes.default.elementType,
-
   /**
    * @ignore
    */
   onBlur: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onClick: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onContextMenu: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onDragLeave: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onFocus: _propTypes.default.func,
-
   /**
    * Callback fired when the component is focused with a keyboard.
    * We trigger a `onFocus` callback too.
    */
   onFocusVisible: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onKeyDown: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onKeyUp: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onMouseDown: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onMouseLeave: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onMouseUp: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onTouchEnd: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onTouchMove: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onTouchStart: _propTypes.default.func,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-
   /**
    * @default 0
    */
   tabIndex: _propTypes.default.number,
-
   /**
    * Props applied to the `TouchRipple` element.
    */
   TouchRippleProps: _propTypes.default.object,
-
   /**
    * A ref that points to the `TouchRipple` element.
    */
@@ -562,7 +476,6 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes
       stop: _propTypes.default.func.isRequired
     })
   })]),
-
   /**
    * @ignore
    */

package/ButtonBase/Ripple.js

@@ -1,24 +1,16 @@
 "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 _clsx = _interopRequireDefault(require("clsx"));
-
 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.
  */
@@ -43,11 +35,9 @@ function Ripple(props) {
     left: -(rippleSize / 2) + rippleX
   };
   const childClassName = (0, _clsx.default)(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);
-
   if (!inProp && !leaving) {
     setLeaving(true);
   }
-
   React.useEffect(() => {
     if (!inProp && onExited != null) {
       // react-transition-group#onExited
@@ -56,7 +46,6 @@ function Ripple(props) {
         clearTimeout(timeoutId);
       };
     }
-
     return undefined;
   }, [onExited, inProp, timeout]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -67,7 +56,6 @@ function Ripple(props) {
     })
   });
 }
-
 process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
   /**
    * Override or extend the styles applied to the component.
@@ -75,37 +63,30 @@ process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
    */
   classes: _propTypes.default.object.isRequired,
   className: _propTypes.default.string,
-
   /**
    * @ignore - injected from TransitionGroup
    */
   in: _propTypes.default.bool,
-
   /**
    * @ignore - injected from TransitionGroup
    */
   onExited: _propTypes.default.func,
-
   /**
    * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
    */
   pulsate: _propTypes.default.bool,
-
   /**
    * Diameter of the ripple.
    */
   rippleSize: _propTypes.default.number,
-
   /**
    * Horizontal position of the ripple center.
    */
   rippleX: _propTypes.default.number,
-
   /**
    * Vertical position of the ripple center.
    */
   rippleY: _propTypes.default.number,
-
   /**
    * exit delay
    */