@mui/material 5.10.17 → 5.11.1

package/ButtonBase/ButtonBase.js

@@ -1,28 +1,20 @@
-"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");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 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; }
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { elementTypeAcceptingRef, refType } from '@mui/utils';
+import composeClasses from '@mui/base/composeClasses';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import useForkRef from '../utils/useForkRef';
+import useEventCallback from '../utils/useEventCallback';
+import useIsFocusVisible from '../utils/useIsFocusVisible';
+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";
 const useUtilityClasses = ownerState => {
   const {
     disabled,
@@ -33,13 +25,13 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', disabled && 'disabled', focusVisible && 'focusVisible']
   };
-  const composedClasses = (0, _composeClasses.default)(slots, _buttonBaseClasses.getButtonBaseUtilityClass, classes);
+  const composedClasses = composeClasses(slots, getButtonBaseUtilityClass, classes);
   if (focusVisible && focusVisibleClassName) {
     composedClasses.root += ` ${focusVisibleClassName}`;
   }
   return composedClasses;
 };
-const ButtonBaseRoot = (0, _styled.default)('button', {
+export const ButtonBaseRoot = styled('button', {
   name: 'MuiButtonBase',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -74,7 +66,7 @@ const ButtonBaseRoot = (0, _styled.default)('button', {
     borderStyle: 'none' // Remove Firefox dotted outline.
   },
 
-  [`&.${_buttonBaseClasses.default.disabled}`]: {
+  [`&.${buttonBaseClasses.disabled}`]: {
     pointerEvents: 'none',
     // Disable link interactions
     cursor: 'default'
@@ -89,9 +81,8 @@ const ButtonBaseRoot = (0, _styled.default)('button', {
  * 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)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiButtonBase'
   });
@@ -125,16 +116,16 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
       touchRippleRef,
       type
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const buttonRef = React.useRef(null);
   const rippleRef = React.useRef(null);
-  const handleRippleRef = (0, _useForkRef.default)(rippleRef, touchRippleRef);
+  const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
   const {
     isFocusVisibleRef,
     onFocus: handleFocusVisible,
     onBlur: handleBlurVisible,
     ref: focusVisibleRef
-  } = (0, _useIsFocusVisible.default)();
+  } = useIsFocusVisible();
   const [focusVisible, setFocusVisible] = React.useState(false);
   if (disabled && focusVisible) {
     setFocusVisible(false);
@@ -156,7 +147,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     }
   }, [disableRipple, focusRipple, focusVisible, mountedState]);
   function useRippleHandler(rippleAction, eventCallback, skipRippleAction = disableTouchRipple) {
-    return (0, _useEventCallback.default)(event => {
+    return useEventCallback(event => {
       if (eventCallback) {
         eventCallback(event);
       }
@@ -191,7 +182,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
       onBlur(event);
     }
   }, false);
-  const handleFocus = (0, _useEventCallback.default)(event => {
+  const handleFocus = useEventCallback(event => {
     // Fix for https://github.com/facebook/react/issues/7769
     if (!buttonRef.current) {
       buttonRef.current = event.currentTarget;
@@ -216,7 +207,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
    * 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 => {
+  const handleKeyDown = useEventCallback(event => {
     // Check if key is already down to avoid repeats being counted as multiple activations
     if (focusRipple && !keydownRef.current && focusVisible && rippleRef.current && event.key === ' ') {
       keydownRef.current = true;
@@ -239,7 +230,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
       }
     }
   });
-  const handleKeyUp = (0, _useEventCallback.default)(event => {
+  const handleKeyUp = useEventCallback(event => {
     // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
     // https://codesandbox.io/s/button-keyup-preventdefault-dn7f0
     if (focusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {
@@ -273,7 +264,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
       buttonProps['aria-disabled'] = disabled;
     }
   }
-  const handleRef = (0, _useForkRef.default)(ref, focusVisibleRef, buttonRef);
+  const handleRef = useForkRef(ref, focusVisibleRef, buttonRef);
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(() => {
@@ -282,7 +273,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
       }
     }, [enableTouchRipple]);
   }
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = _extends({}, props, {
     centerRipple,
     component,
     disabled,
@@ -293,9 +284,9 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     focusVisible
   });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ButtonBaseRoot, (0, _extends2.default)({
+  return /*#__PURE__*/_jsxs(ButtonBaseRoot, _extends({
     as: ComponentProp,
-    className: (0, _clsx.default)(classes.root, className),
+    className: clsx(classes.root, className),
     ownerState: ownerState,
     onBlur: handleBlur,
     onClick: onClick,
@@ -317,7 +308,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     children: [children, enableTouchRipple ?
     /*#__PURE__*/
     /* TouchRipple is only needed client-side, x2 boost on the server. */
-    (0, _jsxRuntime.jsx)(_TouchRipple.default, (0, _extends2.default)({
+    _jsx(TouchRipple, _extends({
       ref: handleRippleRef,
       center: centerRipple
     }, TouchRippleProps)) : null]
@@ -332,35 +323,35 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes /* remove-proptypes
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
-  action: _utils.refType,
+  action: refType,
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.
    * @default false
    */
-  centerRipple: _propTypes.default.bool,
+  centerRipple: PropTypes.bool,
   /**
    * The content of the component.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
+  classes: PropTypes.object,
   /**
    * @ignore
    */
-  className: _propTypes.default.string,
+  className: PropTypes.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: _utils.elementTypeAcceptingRef,
+  component: elementTypeAcceptingRef,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: _propTypes.default.bool,
+  disabled: PropTypes.bool,
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -368,17 +359,17 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes /* remove-proptypes
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple: _propTypes.default.bool,
+  disableRipple: PropTypes.bool,
   /**
    * If `true`, the touch ripple effect is disabled.
    * @default false
    */
-  disableTouchRipple: _propTypes.default.bool,
+  disableTouchRipple: PropTypes.bool,
   /**
    * If `true`, the base button will have a keyboard focus ripple.
    * @default false
    */
-  focusRipple: _propTypes.default.bool,
+  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.
@@ -387,99 +378,98 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes /* remove-proptypes
    * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
    * if needed.
    */
-  focusVisibleClassName: _propTypes.default.string,
+  focusVisibleClassName: PropTypes.string,
   /**
    * @ignore
    */
-  href: _propTypes.default /* @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.default.elementType,
+  LinkComponent: PropTypes.elementType,
   /**
    * @ignore
    */
-  onBlur: _propTypes.default.func,
+  onBlur: PropTypes.func,
   /**
    * @ignore
    */
-  onClick: _propTypes.default.func,
+  onClick: PropTypes.func,
   /**
    * @ignore
    */
-  onContextMenu: _propTypes.default.func,
+  onContextMenu: PropTypes.func,
   /**
    * @ignore
    */
-  onDragLeave: _propTypes.default.func,
+  onDragLeave: PropTypes.func,
   /**
    * @ignore
    */
-  onFocus: _propTypes.default.func,
+  onFocus: PropTypes.func,
   /**
    * Callback fired when the component is focused with a keyboard.
    * We trigger a `onFocus` callback too.
    */
-  onFocusVisible: _propTypes.default.func,
+  onFocusVisible: PropTypes.func,
   /**
    * @ignore
    */
-  onKeyDown: _propTypes.default.func,
+  onKeyDown: PropTypes.func,
   /**
    * @ignore
    */
-  onKeyUp: _propTypes.default.func,
+  onKeyUp: PropTypes.func,
   /**
    * @ignore
    */
-  onMouseDown: _propTypes.default.func,
+  onMouseDown: PropTypes.func,
   /**
    * @ignore
    */
-  onMouseLeave: _propTypes.default.func,
+  onMouseLeave: PropTypes.func,
   /**
    * @ignore
    */
-  onMouseUp: _propTypes.default.func,
+  onMouseUp: PropTypes.func,
   /**
    * @ignore
    */
-  onTouchEnd: _propTypes.default.func,
+  onTouchEnd: PropTypes.func,
   /**
    * @ignore
    */
-  onTouchMove: _propTypes.default.func,
+  onTouchMove: PropTypes.func,
   /**
    * @ignore
    */
-  onTouchStart: _propTypes.default.func,
+  onTouchStart: PropTypes.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]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * @default 0
    */
-  tabIndex: _propTypes.default.number,
+  tabIndex: PropTypes.number,
   /**
    * Props applied to the `TouchRipple` element.
    */
-  TouchRippleProps: _propTypes.default.object,
+  TouchRippleProps: PropTypes.object,
   /**
    * A ref that points to the `TouchRipple` element.
    */
-  touchRippleRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.shape({
-      pulsate: _propTypes.default.func.isRequired,
-      start: _propTypes.default.func.isRequired,
-      stop: _propTypes.default.func.isRequired
+  touchRippleRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.shape({
+      pulsate: PropTypes.func.isRequired,
+      start: PropTypes.func.isRequired,
+      stop: PropTypes.func.isRequired
     })
   })]),
   /**
    * @ignore
    */
-  type: _propTypes.default.oneOfType([_propTypes.default.oneOf(['button', 'reset', 'submit']), _propTypes.default.string])
+  type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string])
 } : void 0;
-var _default = ButtonBase;
-exports.default = _default;
+export default ButtonBase;

package/ButtonBase/Ripple.js

@@ -1,19 +1,11 @@
-"use strict";
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
 
-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.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 function Ripple(props) {
   const {
     className,
@@ -27,14 +19,14 @@ function Ripple(props) {
     timeout
   } = props;
   const [leaving, setLeaving] = React.useState(false);
-  const rippleClassName = (0, _clsx.default)(className, classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate);
+  const rippleClassName = clsx(className, classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate);
   const rippleStyles = {
     width: rippleSize,
     height: rippleSize,
     top: -(rippleSize / 2) + rippleY,
     left: -(rippleSize / 2) + rippleX
   };
-  const childClassName = (0, _clsx.default)(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);
+  const childClassName = clsx(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);
   if (!inProp && !leaving) {
     setLeaving(true);
   }
@@ -48,10 +40,10 @@ function Ripple(props) {
     }
     return undefined;
   }, [onExited, inProp, timeout]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  return /*#__PURE__*/_jsx("span", {
     className: rippleClassName,
     style: rippleStyles,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: /*#__PURE__*/_jsx("span", {
       className: childClassName
     })
   });
@@ -61,36 +53,35 @@ process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
    * Override or extend the styles applied to the component.
    * See [CSS API](#css) below for more details.
    */
-  classes: _propTypes.default.object.isRequired,
-  className: _propTypes.default.string,
+  classes: PropTypes.object.isRequired,
+  className: PropTypes.string,
   /**
    * @ignore - injected from TransitionGroup
    */
-  in: _propTypes.default.bool,
+  in: PropTypes.bool,
   /**
    * @ignore - injected from TransitionGroup
    */
-  onExited: _propTypes.default.func,
+  onExited: PropTypes.func,
   /**
    * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
    */
-  pulsate: _propTypes.default.bool,
+  pulsate: PropTypes.bool,
   /**
    * Diameter of the ripple.
    */
-  rippleSize: _propTypes.default.number,
+  rippleSize: PropTypes.number,
   /**
    * Horizontal position of the ripple center.
    */
-  rippleX: _propTypes.default.number,
+  rippleX: PropTypes.number,
   /**
    * Vertical position of the ripple center.
    */
-  rippleY: _propTypes.default.number,
+  rippleY: PropTypes.number,
   /**
    * exit delay
    */
-  timeout: _propTypes.default.number.isRequired
+  timeout: PropTypes.number.isRequired
 } : void 0;
-var _default = Ripple;
-exports.default = _default;
+export default Ripple;