@mui/material 5.10.13 → 5.10.15

package/legacy/ButtonBase/ButtonBase.js

@@ -1,9 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var _styled;
-
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -18,24 +16,20 @@ import TouchRipple from './TouchRipple';
 import buttonBaseClasses, { getButtonBaseUtilityClass } from './buttonBaseClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var disabled = ownerState.disabled,
-      focusVisible = ownerState.focusVisible,
-      focusVisibleClassName = ownerState.focusVisibleClassName,
-      classes = ownerState.classes;
+    focusVisible = ownerState.focusVisible,
+    focusVisibleClassName = ownerState.focusVisibleClassName,
+    classes = ownerState.classes;
   var slots = {
     root: ['root', disabled && 'disabled', focusVisible && 'focusVisible']
   };
   var composedClasses = composeClasses(slots, getButtonBaseUtilityClass, classes);
-
   if (focusVisible && focusVisibleClassName) {
     composedClasses.root += " ".concat(focusVisibleClassName);
   }
-
   return composedClasses;
 };
-
 export var ButtonBaseRoot = styled('button', {
   name: 'MuiButtonBase',
   slot: 'Root',
@@ -71,7 +65,6 @@ export var ButtonBaseRoot = styled('button', {
   color: 'inherit',
   '&::-moz-focus-inner': {
     borderStyle: 'none' // Remove Firefox dotted outline.
-
   }
 }, _defineProperty(_styled, "&.".concat(buttonBaseClasses.disabled), {
   pointerEvents: 'none',
@@ -80,75 +73,69 @@ export var ButtonBaseRoot = styled('button', {
 }), _defineProperty(_styled, '@media print', {
   colorAdjust: 'exact'
 }), _styled));
+
 /**
  * `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.
  */
-
 var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiButtonBase'
   });
-
   var action = props.action,
-      _props$centerRipple = props.centerRipple,
-      centerRipple = _props$centerRipple === void 0 ? false : _props$centerRipple,
-      children = props.children,
-      className = props.className,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'button' : _props$component,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$disableRipple = props.disableRipple,
-      disableRipple = _props$disableRipple === void 0 ? false : _props$disableRipple,
-      _props$disableTouchRi = props.disableTouchRipple,
-      disableTouchRipple = _props$disableTouchRi === void 0 ? false : _props$disableTouchRi,
-      _props$focusRipple = props.focusRipple,
-      focusRipple = _props$focusRipple === void 0 ? false : _props$focusRipple,
-      focusVisibleClassName = props.focusVisibleClassName,
-      _props$LinkComponent = props.LinkComponent,
-      LinkComponent = _props$LinkComponent === void 0 ? 'a' : _props$LinkComponent,
-      onBlur = props.onBlur,
-      onClick = props.onClick,
-      onContextMenu = props.onContextMenu,
-      onDragLeave = props.onDragLeave,
-      onFocus = props.onFocus,
-      onFocusVisible = props.onFocusVisible,
-      onKeyDown = props.onKeyDown,
-      onKeyUp = props.onKeyUp,
-      onMouseDown = props.onMouseDown,
-      onMouseLeave = props.onMouseLeave,
-      onMouseUp = props.onMouseUp,
-      onTouchEnd = props.onTouchEnd,
-      onTouchMove = props.onTouchMove,
-      onTouchStart = props.onTouchStart,
-      _props$tabIndex = props.tabIndex,
-      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
-      TouchRippleProps = props.TouchRippleProps,
-      touchRippleRef = props.touchRippleRef,
-      type = props.type,
-      other = _objectWithoutProperties(props, ["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"]);
-
+    _props$centerRipple = props.centerRipple,
+    centerRipple = _props$centerRipple === void 0 ? false : _props$centerRipple,
+    children = props.children,
+    className = props.className,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'button' : _props$component,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$disableRipple = props.disableRipple,
+    disableRipple = _props$disableRipple === void 0 ? false : _props$disableRipple,
+    _props$disableTouchRi = props.disableTouchRipple,
+    disableTouchRipple = _props$disableTouchRi === void 0 ? false : _props$disableTouchRi,
+    _props$focusRipple = props.focusRipple,
+    focusRipple = _props$focusRipple === void 0 ? false : _props$focusRipple,
+    focusVisibleClassName = props.focusVisibleClassName,
+    _props$LinkComponent = props.LinkComponent,
+    LinkComponent = _props$LinkComponent === void 0 ? 'a' : _props$LinkComponent,
+    onBlur = props.onBlur,
+    onClick = props.onClick,
+    onContextMenu = props.onContextMenu,
+    onDragLeave = props.onDragLeave,
+    onFocus = props.onFocus,
+    onFocusVisible = props.onFocusVisible,
+    onKeyDown = props.onKeyDown,
+    onKeyUp = props.onKeyUp,
+    onMouseDown = props.onMouseDown,
+    onMouseLeave = props.onMouseLeave,
+    onMouseUp = props.onMouseUp,
+    onTouchEnd = props.onTouchEnd,
+    onTouchMove = props.onTouchMove,
+    onTouchStart = props.onTouchStart,
+    _props$tabIndex = props.tabIndex,
+    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
+    TouchRippleProps = props.TouchRippleProps,
+    touchRippleRef = props.touchRippleRef,
+    type = props.type,
+    other = _objectWithoutProperties(props, ["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"]);
   var buttonRef = React.useRef(null);
   var rippleRef = React.useRef(null);
   var handleRippleRef = useForkRef(rippleRef, touchRippleRef);
-
   var _useIsFocusVisible = useIsFocusVisible(),
-      isFocusVisibleRef = _useIsFocusVisible.isFocusVisibleRef,
-      handleFocusVisible = _useIsFocusVisible.onFocus,
-      handleBlurVisible = _useIsFocusVisible.onBlur,
-      focusVisibleRef = _useIsFocusVisible.ref;
-
+    isFocusVisibleRef = _useIsFocusVisible.isFocusVisibleRef,
+    handleFocusVisible = _useIsFocusVisible.onFocus,
+    handleBlurVisible = _useIsFocusVisible.onBlur,
+    focusVisibleRef = _useIsFocusVisible.ref;
   var _React$useState = React.useState(false),
-      focusVisible = _React$useState[0],
-      setFocusVisible = _React$useState[1];
-
+    focusVisible = _React$useState[0],
+    setFocusVisible = _React$useState[1];
   if (disabled && focusVisible) {
     setFocusVisible(false);
   }
-
   React.useImperativeHandle(action, function () {
     return {
       focusVisible: function focusVisible() {
@@ -157,11 +144,9 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
       }
     };
   }, []);
-
   var _React$useState2 = React.useState(false),
-      mountedState = _React$useState2[0],
-      setMountedState = _React$useState2[1];
-
+    mountedState = _React$useState2[0],
+    setMountedState = _React$useState2[1];
   React.useEffect(function () {
     setMountedState(true);
   }, []);
@@ -171,24 +156,19 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
       rippleRef.current.pulsate();
     }
   }, [disableRipple, focusRipple, focusVisible, mountedState]);
-
   function useRippleHandler(rippleAction, eventCallback) {
     var skipRippleAction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : disableTouchRipple;
     return useEventCallback(function (event) {
       if (eventCallback) {
         eventCallback(event);
       }
-
       var ignore = skipRippleAction;
-
       if (!ignore && rippleRef.current) {
         rippleRef.current[rippleAction](event);
       }
-
       return true;
     });
   }
-
   var handleMouseDown = useRippleHandler('start', onMouseDown);
   var handleContextMenu = useRippleHandler('stop', onContextMenu);
   var handleDragLeave = useRippleHandler('stop', onDragLeave);
@@ -197,7 +177,6 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
     if (focusVisible) {
       event.preventDefault();
     }
-
     if (onMouseLeave) {
       onMouseLeave(event);
     }
@@ -207,11 +186,9 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
   var handleTouchMove = useRippleHandler('stop', onTouchMove);
   var handleBlur = useRippleHandler('stop', function (event) {
     handleBlurVisible(event);
-
     if (isFocusVisibleRef.current === false) {
       setFocusVisible(false);
     }
-
     if (onBlur) {
       onBlur(event);
     }
@@ -221,31 +198,25 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
     if (!buttonRef.current) {
       buttonRef.current = event.currentTarget;
     }
-
     handleFocusVisible(event);
-
     if (isFocusVisibleRef.current === true) {
       setFocusVisible(true);
-
       if (onFocusVisible) {
         onFocusVisible(event);
       }
     }
-
     if (onFocus) {
       onFocus(event);
     }
   });
-
   var isNonNativeButton = function isNonNativeButton() {
     var 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
    */
-
-
   var keydownRef = React.useRef(false);
   var handleKeyDown = useEventCallback(function (event) {
     // Check if key is already down to avoid repeats being counted as multiple activations
@@ -255,19 +226,16 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
         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);
       }
@@ -282,24 +250,20 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
         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);
     }
   });
   var ComponentProp = component;
-
   if (ComponentProp === 'button' && (other.href || other.to)) {
     ComponentProp = LinkComponent;
   }
-
   var buttonProps = {};
-
   if (ComponentProp === 'button') {
     buttonProps.type = type === undefined ? 'button' : type;
     buttonProps.disabled = disabled;
@@ -307,14 +271,11 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
     if (!other.href && !other.to) {
       buttonProps.role = 'button';
     }
-
     if (disabled) {
       buttonProps['aria-disabled'] = disabled;
     }
   }
-
   var handleRef = useForkRef(ref, focusVisibleRef, buttonRef);
-
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(function () {
@@ -323,7 +284,6 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
       }
     }, [enableTouchRipple]);
   }
-
   var ownerState = _extends({}, props, {
     centerRipple: centerRipple,
     component: component,
@@ -334,7 +294,6 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
     tabIndex: tabIndex,
     focusVisible: focusVisible
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(ButtonBaseRoot, _extends({
     as: ComponentProp,
@@ -359,7 +318,6 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
   }, buttonProps, other, {
     children: [children, enableTouchRipple ?
     /*#__PURE__*/
-
     /* TouchRipple is only needed client-side, x2 boost on the server. */
     _jsx(TouchRipple, _extends({
       ref: handleRippleRef,
@@ -367,54 +325,44 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref)
     }, 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: refType,
-
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.
    * @default false
    */
   centerRipple: PropTypes.bool,
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: elementTypeAcceptingRef,
-
   /**
    * If `true`, the component is disabled.
    * @default false
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -423,19 +371,16 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes
    * @default false
    */
   disableRipple: PropTypes.bool,
-
   /**
    * If `true`, the touch ripple effect is disabled.
    * @default false
    */
   disableTouchRipple: PropTypes.bool,
-
   /**
    * If `true`, the base button will have a keyboard focus ripple.
    * @default false
    */
   focusRipple: PropTypes.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.
@@ -445,106 +390,84 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes
    * if needed.
    */
   focusVisibleClassName: PropTypes.string,
-
   /**
    * @ignore
    */
-  href: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .any,
-
+  href: PropTypes /* @typescript-to-proptypes-ignore */.any,
   /**
    * The component used to render a link when the `href` prop is provided.
    * @default 'a'
    */
   LinkComponent: PropTypes.elementType,
-
   /**
    * @ignore
    */
   onBlur: PropTypes.func,
-
   /**
    * @ignore
    */
   onClick: PropTypes.func,
-
   /**
    * @ignore
    */
   onContextMenu: PropTypes.func,
-
   /**
    * @ignore
    */
   onDragLeave: PropTypes.func,
-
   /**
    * @ignore
    */
   onFocus: PropTypes.func,
-
   /**
    * Callback fired when the component is focused with a keyboard.
    * We trigger a `onFocus` callback too.
    */
   onFocusVisible: PropTypes.func,
-
   /**
    * @ignore
    */
   onKeyDown: PropTypes.func,
-
   /**
    * @ignore
    */
   onKeyUp: PropTypes.func,
-
   /**
    * @ignore
    */
   onMouseDown: PropTypes.func,
-
   /**
    * @ignore
    */
   onMouseLeave: PropTypes.func,
-
   /**
    * @ignore
    */
   onMouseUp: PropTypes.func,
-
   /**
    * @ignore
    */
   onTouchEnd: PropTypes.func,
-
   /**
    * @ignore
    */
   onTouchMove: PropTypes.func,
-
   /**
    * @ignore
    */
   onTouchStart: PropTypes.func,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * @default 0
    */
   tabIndex: PropTypes.number,
-
   /**
    * Props applied to the `TouchRipple` element.
    */
   TouchRippleProps: PropTypes.object,
-
   /**
    * A ref that points to the `TouchRipple` element.
    */
@@ -555,7 +478,6 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes
       stop: PropTypes.func.isRequired
     })
   })]),
-
   /**
    * @ignore
    */

package/legacy/ButtonBase/Ripple.js

@@ -1,28 +1,25 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
+
 /**
  * @ignore - internal component.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function Ripple(props) {
   var className = props.className,
-      classes = props.classes,
-      _props$pulsate = props.pulsate,
-      pulsate = _props$pulsate === void 0 ? false : _props$pulsate,
-      rippleX = props.rippleX,
-      rippleY = props.rippleY,
-      rippleSize = props.rippleSize,
-      inProp = props.in,
-      onExited = props.onExited,
-      timeout = props.timeout;
-
+    classes = props.classes,
+    _props$pulsate = props.pulsate,
+    pulsate = _props$pulsate === void 0 ? false : _props$pulsate,
+    rippleX = props.rippleX,
+    rippleY = props.rippleY,
+    rippleSize = props.rippleSize,
+    inProp = props.in,
+    onExited = props.onExited,
+    timeout = props.timeout;
   var _React$useState = React.useState(false),
-      leaving = _React$useState[0],
-      setLeaving = _React$useState[1];
-
+    leaving = _React$useState[0],
+    setLeaving = _React$useState[1];
   var rippleClassName = clsx(className, classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate);
   var rippleStyles = {
     width: rippleSize,
@@ -31,11 +28,9 @@ function Ripple(props) {
     left: -(rippleSize / 2) + rippleX
   };
   var childClassName = clsx(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);
-
   if (!inProp && !leaving) {
     setLeaving(true);
   }
-
   React.useEffect(function () {
     if (!inProp && onExited != null) {
       // react-transition-group#onExited
@@ -44,7 +39,6 @@ function Ripple(props) {
         clearTimeout(timeoutId);
       };
     }
-
     return undefined;
   }, [onExited, inProp, timeout]);
   return /*#__PURE__*/_jsx("span", {
@@ -55,7 +49,6 @@ function Ripple(props) {
     })
   });
 }
-
 process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
   /**
    * Override or extend the styles applied to the component.
@@ -63,37 +56,30 @@ process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
    */
   classes: PropTypes.object.isRequired,
   className: PropTypes.string,
-
   /**
    * @ignore - injected from TransitionGroup
    */
   in: PropTypes.bool,
-
   /**
    * @ignore - injected from TransitionGroup
    */
   onExited: PropTypes.func,
-
   /**
    * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
    */
   pulsate: PropTypes.bool,
-
   /**
    * Diameter of the ripple.
    */
   rippleSize: PropTypes.number,
-
   /**
    * Horizontal position of the ripple center.
    */
   rippleX: PropTypes.number,
-
   /**
    * Vertical position of the ripple center.
    */
   rippleY: PropTypes.number,
-
   /**
    * exit delay
    */