@mui/material 5.10.12 → 5.10.14

package/modern/SpeedDial/SpeedDial.js

@@ -1,8 +1,8 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 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"];
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -20,7 +20,6 @@ import useControlled from '../utils/useControlled';
 import speedDialClasses, { getSpeedDialUtilityClass } from './speedDialClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -34,31 +33,24 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, 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 = styled('div', {
@@ -142,44 +134,40 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
     enter: theme.transitions.duration.enteringScreen,
     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,
-    transitionDuration = defaultTransitionDuration,
-    TransitionProps
-  } = props,
-        FabProps = _objectWithoutPropertiesLoose(props.FabProps, _excluded),
-        other = _objectWithoutPropertiesLoose(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,
+      transitionDuration = defaultTransitionDuration,
+      TransitionProps
+    } = props,
+    FabProps = _objectWithoutPropertiesLoose(props.FabProps, _excluded),
+    other = _objectWithoutPropertiesLoose(props, _excluded2);
   const [open, setOpenState] = useControlled({
     controlled: openProp,
     default: false,
     name: 'SpeedDial',
     state: 'open'
   });
-
   const ownerState = _extends({}, props, {
     open,
     direction
   });
-
   const classes = useUtilityClasses(ownerState);
   const eventTimer = React.useRef();
   React.useEffect(() => {
@@ -187,11 +175,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.
@@ -199,20 +188,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 = useForkRef(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
@@ -220,49 +209,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) {
@@ -270,76 +251,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',
@@ -349,9 +315,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') {
@@ -359,19 +325,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 = _objectWithoutPropertiesLoose(_child$props.FabProps, _excluded3);
-
+      {
+        FabProps: {
+          ref: origButtonRef
+        } = {},
+        tooltipPlacement: tooltipPlacementProp
+      } = _child$props,
+      ChildFabProps = _objectWithoutPropertiesLoose(_child$props.FabProps, _excluded3);
     const tooltipPlacement = tooltipPlacementProp || (getOrientation(direction) === 'vertical' ? 'left' : 'top');
     return /*#__PURE__*/React.cloneElement(child, {
       FabProps: _extends({}, ChildFabProps, {
@@ -424,64 +388,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.string.isRequired,
-
   /**
    * SpeedDialActions to display when the SpeedDial is `open`.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The direction the actions open relative to the floating action button.
    * @default 'up'
    */
   direction: PropTypes.oneOf(['down', 'left', 'right', 'up']),
-
   /**
    * Props applied to the [`Fab`](/material-ui/api/fab/) element.
    * @default {}
    */
   FabProps: PropTypes.object,
-
   /**
    * If `true`, the SpeedDial is hidden.
    * @default false
    */
   hidden: PropTypes.bool,
-
   /**
    * The icon to display in the SpeedDial Fab. The `SpeedDialIcon` component
    * provides a default Icon with animation.
    */
   icon: PropTypes.node,
-
   /**
    * @ignore
    */
   onBlur: PropTypes.func,
-
   /**
    * Callback fired when the component requests to be closed.
    *
@@ -489,27 +441,22 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
    * @param {string} reason Can be: `"toggle"`, `"blur"`, `"mouseLeave"`, `"escapeKeyDown"`.
    */
   onClose: PropTypes.func,
-
   /**
    * @ignore
    */
   onFocus: PropTypes.func,
-
   /**
    * @ignore
    */
   onKeyDown: PropTypes.func,
-
   /**
    * @ignore
    */
   onMouseEnter: PropTypes.func,
-
   /**
    * @ignore
    */
   onMouseLeave: PropTypes.func,
-
   /**
    * Callback fired when the component requests to be open.
    *
@@ -517,29 +464,24 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
    * @param {string} reason Can be: `"toggle"`, `"focus"`, `"mouseEnter"`.
    */
   onOpen: PropTypes.func,
-
   /**
    * If `true`, the component is shown.
    */
   open: PropTypes.bool,
-
   /**
    * The icon to display in the SpeedDial Fab when the SpeedDial is open.
    */
   openIcon: PropTypes.node,
-
   /**
    * 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]),
-
   /**
    * 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.elementType,
-
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -553,7 +495,6 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes
     enter: PropTypes.number,
     exit: PropTypes.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/modern/SpeedDialAction/SpeedDialAction.js

@@ -15,7 +15,6 @@ import capitalize from '../utils/capitalize';
 import speedDialActionClasses, { getSpeedDialActionUtilityClass } from './speedDialActionClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     open,
@@ -29,7 +28,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getSpeedDialActionUtilityClass, classes);
 };
-
 const SpeedDialActionFab = styled(Fab, {
   name: 'MuiSpeedDialAction',
   slot: 'Fab',
@@ -113,40 +111,33 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
     props: inProps,
     name: 'MuiSpeedDialAction'
   });
-
   const {
-    className,
-    delay = 0,
-    FabProps = {},
-    icon,
-    id,
-    open,
-    TooltipClasses,
-    tooltipOpen: tooltipOpenProp = false,
-    tooltipPlacement = 'left',
-    tooltipTitle
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      delay = 0,
+      FabProps = {},
+      icon,
+      id,
+      open,
+      TooltipClasses,
+      tooltipOpen: tooltipOpenProp = false,
+      tooltipPlacement = 'left',
+      tooltipTitle
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     tooltipPlacement
   });
-
   const classes = useUtilityClasses(ownerState);
   const [tooltipOpen, setTooltipOpen] = React.useState(tooltipOpenProp);
-
   const handleTooltipClose = () => {
     setTooltipOpen(false);
   };
-
   const handleTooltipOpen = () => {
     setTooltipOpen(true);
   };
-
   const transitionStyle = {
     transitionDelay: `${delay}ms`
   };
-
   const fab = /*#__PURE__*/_jsx(SpeedDialActionFab, _extends({
     size: "small",
     className: clsx(classes.fab, className),
@@ -157,7 +148,6 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
     style: _extends({}, transitionStyle, FabProps.style),
     children: icon
   }));
-
   if (tooltipOpenProp) {
     return /*#__PURE__*/_jsxs(SpeedDialActionStaticTooltip, _extends({
       id: id,
@@ -176,11 +166,9 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
       })]
     }));
   }
-
   if (!open && tooltipOpen) {
     setTooltipOpen(false);
   }
-
   return /*#__PURE__*/_jsx(Tooltip, _extends({
     id: id,
     ref: ref,
@@ -194,74 +182,60 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
     children: fab
   }));
 });
-process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? SpeedDialAction.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * Adds a transition delay, to allow a series of SpeedDialActions to be animated.
    * @default 0
    */
   delay: PropTypes.number,
-
   /**
    * Props applied to the [`Fab`](/material-ui/api/fab/) component.
    * @default {}
    */
   FabProps: PropTypes.object,
-
   /**
    * The icon to display in the SpeedDial Fab.
    */
   icon: PropTypes.node,
-
   /**
    * This prop is used to help implement the accessibility logic.
    * If you don't provide this prop. It falls back to a randomly generated id.
    */
   id: PropTypes.string,
-
   /**
    * If `true`, the component is shown.
    */
   open: PropTypes.bool,
-
   /**
    * 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]),
-
   /**
    * `classes` prop applied to the [`Tooltip`](/material-ui/api/tooltip/) element.
    */
   TooltipClasses: PropTypes.object,
-
   /**
    * Make the tooltip always visible when the SpeedDial is open.
    * @default false
    */
   tooltipOpen: PropTypes.bool,
-
   /**
    * Placement of the tooltip.
    * @default 'left'
    */
   tooltipPlacement: PropTypes.oneOf(['bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-
   /**
    * Label to display in the tooltip.
    */