@mui/material 5.10.13 → 5.10.14

package/SnackbarContent/snackbarContentClasses.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.getSnackbarContentUtilityClass = getSnackbarContentUtilityClass;
-
 var _utils = require("@mui/utils");
-
 var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
-
 function getSnackbarContentUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiSnackbarContent', slot);
 }
-
 const snackbarContentClasses = (0, _utils.unstable_generateUtilityClasses)('MuiSnackbarContent', ['root', 'message', 'action']);
 var _default = snackbarContentClasses;
 exports.default = _default;

package/SpeedDial/SpeedDial.js

@@ -1,56 +1,33 @@
 "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 _reactIs = require("react-is");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _base = require("@mui/base");
-
 var _styled = _interopRequireDefault(require("../styles/styled"));
-
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-
 var _Zoom = _interopRequireDefault(require("../Zoom"));
-
 var _Fab = _interopRequireDefault(require("../Fab"));
-
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-
 var _isMuiElement = _interopRequireDefault(require("../utils/isMuiElement"));
-
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
-
 var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
-
 var _speedDialClasses = _interopRequireWildcard(require("./speedDialClasses"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["ref"],
-      _excluded2 = ["ariaLabel", "FabProps", "children", "className", "direction", "hidden", "icon", "onBlur", "onClose", "onFocus", "onKeyDown", "onMouseEnter", "onMouseLeave", "onOpen", "open", "openIcon", "TransitionComponent", "transitionDuration", "TransitionProps"],
-      _excluded3 = ["ref"];
-
+  _excluded2 = ["ariaLabel", "FabProps", "children", "className", "direction", "hidden", "icon", "onBlur", "onClose", "onFocus", "onKeyDown", "onMouseEnter", "onMouseLeave", "onOpen", "open", "openIcon", "TransitionComponent", "transitionDuration", "TransitionProps"],
+  _excluded3 = ["ref"];
 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,
@@ -64,31 +41,24 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _base.unstable_composeClasses)(slots, _speedDialClasses.getSpeedDialUtilityClass, classes);
 };
-
 function getOrientation(direction) {
   if (direction === 'up' || direction === 'down') {
     return 'vertical';
   }
-
   if (direction === 'right' || direction === 'left') {
     return 'horizontal';
   }
-
   return undefined;
 }
-
 function clamp(value, min, max) {
   if (value < min) {
     return min;
   }
-
   if (value > max) {
     return max;
   }
-
   return value;
 }
-
 const dialRadius = 32;
 const spacingActions = 16;
 const SpeedDialRoot = (0, _styled.default)('div', {
@@ -173,29 +143,29 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     exit: theme.transitions.duration.leavingScreen
   };
   const {
-    ariaLabel,
-    FabProps: {
-      ref: origDialButtonRef
-    } = {},
-    children: childrenProp,
-    className,
-    direction = 'up',
-    hidden = false,
-    icon,
-    onBlur,
-    onClose,
-    onFocus,
-    onKeyDown,
-    onMouseEnter,
-    onMouseLeave,
-    onOpen,
-    open: openProp,
-    TransitionComponent = _Zoom.default,
-    transitionDuration = defaultTransitionDuration,
-    TransitionProps
-  } = props,
-        FabProps = (0, _objectWithoutPropertiesLoose2.default)(props.FabProps, _excluded),
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+      ariaLabel,
+      FabProps: {
+        ref: origDialButtonRef
+      } = {},
+      children: childrenProp,
+      className,
+      direction = 'up',
+      hidden = false,
+      icon,
+      onBlur,
+      onClose,
+      onFocus,
+      onKeyDown,
+      onMouseEnter,
+      onMouseLeave,
+      onOpen,
+      open: openProp,
+      TransitionComponent = _Zoom.default,
+      transitionDuration = defaultTransitionDuration,
+      TransitionProps
+    } = props,
+    FabProps = (0, _objectWithoutPropertiesLoose2.default)(props.FabProps, _excluded),
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
   const [open, setOpenState] = (0, _useControlled.default)({
     controlled: openProp,
     default: false,
@@ -213,11 +183,12 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
       clearTimeout(eventTimer.current);
     };
   }, []);
+
   /**
    * an index in actions.current
    */
-
   const focusedAction = React.useRef(0);
+
   /**
    * pressing this key while the focus is on a child SpeedDialAction focuses
    * the next SpeedDialAction.
@@ -225,20 +196,20 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
    * that is not orthogonal to the direction.
    * @type {utils.ArrowKey?}
    */
-
   const nextItemArrowKey = React.useRef();
+
   /**
    * refs to the Button that have an action associated to them in this SpeedDial
    * [Fab, ...(SpeedDialActions > Button)]
    * @type {HTMLButtonElement[]}
    */
-
   const actions = React.useRef([]);
   actions.current = [actions.current[0]];
   const handleOwnFabRef = React.useCallback(fabFef => {
     actions.current[0] = fabFef;
   }, []);
   const handleFabRef = (0, _useForkRef.default)(origDialButtonRef, handleOwnFabRef);
+
   /**
    * creates a ref callback for the Button in a SpeedDialAction
    * Is called before the original ref callback for Button that was set in buttonProps
@@ -246,49 +217,41 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
    * @param dialActionIndex {number}
    * @param origButtonRef {React.RefObject?}
    */
-
   const createHandleSpeedDialActionButtonRef = (dialActionIndex, origButtonRef) => {
     return buttonRef => {
       actions.current[dialActionIndex + 1] = buttonRef;
-
       if (origButtonRef) {
         origButtonRef(buttonRef);
       }
     };
   };
-
   const handleKeyDown = event => {
     if (onKeyDown) {
       onKeyDown(event);
     }
-
     const key = event.key.replace('Arrow', '').toLowerCase();
     const {
       current: nextItemArrowKeyCurrent = key
     } = nextItemArrowKey;
-
     if (event.key === 'Escape') {
       setOpenState(false);
       actions.current[0].focus();
-
       if (onClose) {
         onClose(event, 'escapeKeyDown');
       }
-
       return;
     }
-
     if (getOrientation(key) === getOrientation(nextItemArrowKeyCurrent) && getOrientation(key) !== undefined) {
       event.preventDefault();
-      const actionStep = key === nextItemArrowKeyCurrent ? 1 : -1; // stay within array indices
+      const actionStep = key === nextItemArrowKeyCurrent ? 1 : -1;
 
+      // stay within array indices
       const nextAction = clamp(focusedAction.current + actionStep, 0, actions.current.length - 1);
       actions.current[nextAction].focus();
       focusedAction.current = nextAction;
       nextItemArrowKey.current = nextItemArrowKeyCurrent;
     }
   };
-
   React.useEffect(() => {
     // actions were closed while navigation state was not reset
     if (!open) {
@@ -296,76 +259,61 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
       nextItemArrowKey.current = undefined;
     }
   }, [open]);
-
   const handleClose = event => {
     if (event.type === 'mouseleave' && onMouseLeave) {
       onMouseLeave(event);
     }
-
     if (event.type === 'blur' && onBlur) {
       onBlur(event);
     }
-
     clearTimeout(eventTimer.current);
-
     if (event.type === 'blur') {
       eventTimer.current = setTimeout(() => {
         setOpenState(false);
-
         if (onClose) {
           onClose(event, 'blur');
         }
       });
     } else {
       setOpenState(false);
-
       if (onClose) {
         onClose(event, 'mouseLeave');
       }
     }
   };
-
   const handleClick = event => {
     if (FabProps.onClick) {
       FabProps.onClick(event);
     }
-
     clearTimeout(eventTimer.current);
-
     if (open) {
       setOpenState(false);
-
       if (onClose) {
         onClose(event, 'toggle');
       }
     } else {
       setOpenState(true);
-
       if (onOpen) {
         onOpen(event, 'toggle');
       }
     }
   };
-
   const handleOpen = event => {
     if (event.type === 'mouseenter' && onMouseEnter) {
       onMouseEnter(event);
     }
-
     if (event.type === 'focus' && onFocus) {
       onFocus(event);
-    } // When moving the focus between two items,
+    }
+
+    // When moving the focus between two items,
     // a chain if blur and focus event is triggered.
     // We only handle the last event.
-
-
     clearTimeout(eventTimer.current);
-
     if (!open) {
       // Wait for a future focus or click event
       eventTimer.current = setTimeout(() => {
         setOpenState(true);
-
         if (onOpen) {
           const eventMap = {
             focus: 'focus',
@@ -375,9 +323,9 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
         }
       });
     }
-  }; // Filter the label for valid id characters.
-
+  };
 
+  // Filter the label for valid id characters.
   const id = ariaLabel.replace(/^[^a-z]+|[^\w:.-]+/gi, '');
   const allItems = React.Children.toArray(childrenProp).filter(child => {
     if (process.env.NODE_ENV !== 'production') {
@@ -385,18 +333,17 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
         console.error(["MUI: The SpeedDial component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
       }
     }
-
     return /*#__PURE__*/React.isValidElement(child);
   });
   const children = allItems.map((child, index) => {
     const _child$props = child.props,
-          {
-      FabProps: {
-        ref: origButtonRef
-      } = {},
-      tooltipPlacement: tooltipPlacementProp
-    } = _child$props,
-          ChildFabProps = (0, _objectWithoutPropertiesLoose2.default)(_child$props.FabProps, _excluded3);
+      {
+        FabProps: {
+          ref: origButtonRef
+        } = {},
+        tooltipPlacement: tooltipPlacementProp
+      } = _child$props,
+      ChildFabProps = (0, _objectWithoutPropertiesLoose2.default)(_child$props.FabProps, _excluded3);
     const tooltipPlacement = tooltipPlacementProp || (getOrientation(direction) === 'vertical' ? 'left' : 'top');
     return /*#__PURE__*/React.cloneElement(child, {
       FabProps: (0, _extends2.default)({}, ChildFabProps, {
@@ -449,64 +396,52 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     })]
   }));
 });
-process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? SpeedDial.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * The aria-label of the button element.
    * Also used to provide the `id` for the `SpeedDial` element and its children.
    */
   ariaLabel: _propTypes.default.string.isRequired,
-
   /**
    * SpeedDialActions to display when the SpeedDial is `open`.
    */
   children: _propTypes.default.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * The direction the actions open relative to the floating action button.
    * @default 'up'
    */
   direction: _propTypes.default.oneOf(['down', 'left', 'right', 'up']),
-
   /**
    * Props applied to the [`Fab`](/material-ui/api/fab/) element.
    * @default {}
    */
   FabProps: _propTypes.default.object,
-
   /**
    * If `true`, the SpeedDial is hidden.
    * @default false
    */
   hidden: _propTypes.default.bool,
-
   /**
    * The icon to display in the SpeedDial Fab. The `SpeedDialIcon` component
    * provides a default Icon with animation.
    */
   icon: _propTypes.default.node,
-
   /**
    * @ignore
    */
   onBlur: _propTypes.default.func,
-
   /**
    * Callback fired when the component requests to be closed.
    *
@@ -514,27 +449,22 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
    * @param {string} reason Can be: `"toggle"`, `"blur"`, `"mouseLeave"`, `"escapeKeyDown"`.
    */
   onClose: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onFocus: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onKeyDown: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onMouseEnter: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onMouseLeave: _propTypes.default.func,
-
   /**
    * Callback fired when the component requests to be open.
    *
@@ -542,29 +472,24 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
    * @param {string} reason Can be: `"toggle"`, `"focus"`, `"mouseEnter"`.
    */
   onOpen: _propTypes.default.func,
-
   /**
    * If `true`, the component is shown.
    */
   open: _propTypes.default.bool,
-
   /**
    * The icon to display in the SpeedDial Fab when the SpeedDial is open.
    */
   openIcon: _propTypes.default.node,
-
   /**
    * 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]),
-
   /**
    * The component used for the transition.
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Zoom
    */
   TransitionComponent: _propTypes.default.elementType,
-
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -578,7 +503,6 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
     enter: _propTypes.default.number,
     exit: _propTypes.default.number
   })]),
-
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.

package/SpeedDial/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -20,11 +19,8 @@ Object.defineProperty(exports, "speedDialClasses", {
     return _speedDialClasses.default;
   }
 });
-
 var _SpeedDial = _interopRequireDefault(require("./SpeedDial"));
-
 var _speedDialClasses = _interopRequireWildcard(require("./speedDialClasses"));
-
 Object.keys(_speedDialClasses).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -36,7 +32,5 @@ Object.keys(_speedDialClasses).forEach(function (key) {
     }
   });
 });
-
 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; }

package/SpeedDial/speedDialClasses.d.ts

@@ -1,22 +1,22 @@
-export interface SpeedDialClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Fab component. */
-    fab: string;
-    /** Styles applied to the root element if direction="up" */
-    directionUp: string;
-    /** Styles applied to the root element if direction="down" */
-    directionDown: string;
-    /** Styles applied to the root element if direction="left" */
-    directionLeft: string;
-    /** Styles applied to the root element if direction="right" */
-    directionRight: string;
-    /** Styles applied to the actions (`children` wrapper) element. */
-    actions: string;
-    /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
-    actionsClosed: string;
-}
-export declare type SpeedDialClassKey = keyof SpeedDialClasses;
-export declare function getSpeedDialUtilityClass(slot: string): string;
-declare const speedDialClasses: SpeedDialClasses;
-export default speedDialClasses;
+export interface SpeedDialClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the Fab component. */
+    fab: string;
+    /** Styles applied to the root element if direction="up" */
+    directionUp: string;
+    /** Styles applied to the root element if direction="down" */
+    directionDown: string;
+    /** Styles applied to the root element if direction="left" */
+    directionLeft: string;
+    /** Styles applied to the root element if direction="right" */
+    directionRight: string;
+    /** Styles applied to the actions (`children` wrapper) element. */
+    actions: string;
+    /** Styles applied to the actions (`children` wrapper) element if `open={false}`. */
+    actionsClosed: string;
+}
+export declare type SpeedDialClassKey = keyof SpeedDialClasses;
+export declare function getSpeedDialUtilityClass(slot: string): string;
+declare const speedDialClasses: SpeedDialClasses;
+export default speedDialClasses;

package/SpeedDial/speedDialClasses.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.getSpeedDialUtilityClass = getSpeedDialUtilityClass;
-
 var _utils = require("@mui/utils");
-
 var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
-
 function getSpeedDialUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiSpeedDial', slot);
 }
-
 const speedDialClasses = (0, _utils.unstable_generateUtilityClasses)('MuiSpeedDial', ['root', 'fab', 'directionUp', 'directionDown', 'directionLeft', 'directionRight', 'actions', 'actionsClosed']);
 var _default = speedDialClasses;
 exports.default = _default;