@mui/material 5.10.12 → 5.10.14

package/legacy/SpeedDial/SpeedDial.js

@@ -19,11 +19,10 @@ 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";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      open = ownerState.open,
-      direction = ownerState.direction;
+    open = ownerState.open,
+    direction = ownerState.direction;
   var slots = {
     root: ['root', "direction".concat(capitalize(direction))],
     fab: ['fab'],
@@ -31,31 +30,24 @@ var useUtilityClasses = function 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;
 }
-
 var dialRadius = 32;
 var spacingActions = 16;
 var SpeedDialRoot = styled('div', {
@@ -67,7 +59,7 @@ var SpeedDialRoot = styled('div', {
   }
 })(function (_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     zIndex: (theme.vars || theme).zIndex.speedDial,
     display: 'flex',
@@ -138,49 +130,45 @@ var SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref) {
     exit: theme.transitions.duration.leavingScreen
   };
   var ariaLabel = props.ariaLabel,
-      _props$FabProps = props.FabProps;
+    _props$FabProps = props.FabProps;
   _props$FabProps = _props$FabProps === void 0 ? {} : _props$FabProps;
-
   var origDialButtonRef = _props$FabProps.ref,
-      FabProps = _objectWithoutProperties(_props$FabProps, ["ref"]),
-      childrenProp = props.children,
-      className = props.className,
-      _props$direction = props.direction,
-      direction = _props$direction === void 0 ? 'up' : _props$direction,
-      _props$hidden = props.hidden,
-      hidden = _props$hidden === void 0 ? false : _props$hidden,
-      icon = props.icon,
-      onBlur = props.onBlur,
-      onClose = props.onClose,
-      onFocus = props.onFocus,
-      onKeyDown = props.onKeyDown,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      onOpen = props.onOpen,
-      openProp = props.open,
-      openIcon = props.openIcon,
-      _props$TransitionComp = props.TransitionComponent,
-      TransitionComponent = _props$TransitionComp === void 0 ? Zoom : _props$TransitionComp,
-      _props$transitionDura = props.transitionDuration,
-      transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,
-      TransitionProps = props.TransitionProps,
-      other = _objectWithoutProperties(props, ["ariaLabel", "FabProps", "children", "className", "direction", "hidden", "icon", "onBlur", "onClose", "onFocus", "onKeyDown", "onMouseEnter", "onMouseLeave", "onOpen", "open", "openIcon", "TransitionComponent", "transitionDuration", "TransitionProps"]);
-
+    FabProps = _objectWithoutProperties(_props$FabProps, ["ref"]),
+    childrenProp = props.children,
+    className = props.className,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'up' : _props$direction,
+    _props$hidden = props.hidden,
+    hidden = _props$hidden === void 0 ? false : _props$hidden,
+    icon = props.icon,
+    onBlur = props.onBlur,
+    onClose = props.onClose,
+    onFocus = props.onFocus,
+    onKeyDown = props.onKeyDown,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    onOpen = props.onOpen,
+    openProp = props.open,
+    openIcon = props.openIcon,
+    _props$TransitionComp = props.TransitionComponent,
+    TransitionComponent = _props$TransitionComp === void 0 ? Zoom : _props$TransitionComp,
+    _props$transitionDura = props.transitionDuration,
+    transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,
+    TransitionProps = props.TransitionProps,
+    other = _objectWithoutProperties(props, ["ariaLabel", "FabProps", "children", "className", "direction", "hidden", "icon", "onBlur", "onClose", "onFocus", "onKeyDown", "onMouseEnter", "onMouseLeave", "onOpen", "open", "openIcon", "TransitionComponent", "transitionDuration", "TransitionProps"]);
   var _useControlled = useControlled({
-    controlled: openProp,
-    default: false,
-    name: 'SpeedDial',
-    state: 'open'
-  }),
-      _useControlled2 = _slicedToArray(_useControlled, 2),
-      open = _useControlled2[0],
-      setOpenState = _useControlled2[1];
-
+      controlled: openProp,
+      default: false,
+      name: 'SpeedDial',
+      state: 'open'
+    }),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    open = _useControlled2[0],
+    setOpenState = _useControlled2[1];
   var ownerState = _extends({}, props, {
     open: open,
     direction: direction
   });
-
   var classes = useUtilityClasses(ownerState);
   var eventTimer = React.useRef();
   React.useEffect(function () {
@@ -188,11 +176,12 @@ var SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref) {
       clearTimeout(eventTimer.current);
     };
   }, []);
+
   /**
    * an index in actions.current
    */
-
   var focusedAction = React.useRef(0);
+
   /**
    * pressing this key while the focus is on a child SpeedDialAction focuses
    * the next SpeedDialAction.
@@ -200,20 +189,20 @@ var SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref) {
    * that is not orthogonal to the direction.
    * @type {utils.ArrowKey?}
    */
-
   var nextItemArrowKey = React.useRef();
+
   /**
    * refs to the Button that have an action associated to them in this SpeedDial
    * [Fab, ...(SpeedDialActions > Button)]
    * @type {HTMLButtonElement[]}
    */
-
   var actions = React.useRef([]);
   actions.current = [actions.current[0]];
   var handleOwnFabRef = React.useCallback(function (fabFef) {
     actions.current[0] = fabFef;
   }, []);
   var 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
@@ -221,48 +210,40 @@ var SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref) {
    * @param dialActionIndex {number}
    * @param origButtonRef {React.RefObject?}
    */
-
   var createHandleSpeedDialActionButtonRef = function createHandleSpeedDialActionButtonRef(dialActionIndex, origButtonRef) {
     return function (buttonRef) {
       actions.current[dialActionIndex + 1] = buttonRef;
-
       if (origButtonRef) {
         origButtonRef(buttonRef);
       }
     };
   };
-
   var handleKeyDown = function handleKeyDown(event) {
     if (onKeyDown) {
       onKeyDown(event);
     }
-
     var key = event.key.replace('Arrow', '').toLowerCase();
     var _nextItemArrowKey$cur = nextItemArrowKey.current,
-        nextItemArrowKeyCurrent = _nextItemArrowKey$cur === void 0 ? key : _nextItemArrowKey$cur;
-
+      nextItemArrowKeyCurrent = _nextItemArrowKey$cur === void 0 ? key : _nextItemArrowKey$cur;
     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();
-      var actionStep = key === nextItemArrowKeyCurrent ? 1 : -1; // stay within array indices
+      var actionStep = key === nextItemArrowKeyCurrent ? 1 : -1;
 
+      // stay within array indices
       var nextAction = clamp(focusedAction.current + actionStep, 0, actions.current.length - 1);
       actions.current[nextAction].focus();
       focusedAction.current = nextAction;
       nextItemArrowKey.current = nextItemArrowKeyCurrent;
     }
   };
-
   React.useEffect(function () {
     // actions were closed while navigation state was not reset
     if (!open) {
@@ -270,76 +251,61 @@ var SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref) {
       nextItemArrowKey.current = undefined;
     }
   }, [open]);
-
   var handleClose = function 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(function () {
         setOpenState(false);
-
         if (onClose) {
           onClose(event, 'blur');
         }
       });
     } else {
       setOpenState(false);
-
       if (onClose) {
         onClose(event, 'mouseLeave');
       }
     }
   };
-
   var handleClick = function 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');
       }
     }
   };
-
   var handleOpen = function 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(function () {
         setOpenState(true);
-
         if (onOpen) {
           var eventMap = {
             focus: 'focus',
@@ -349,9 +315,9 @@ var SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref) {
         }
       });
     }
-  }; // Filter the label for valid id characters.
-
+  };
 
+  // Filter the label for valid id characters.
   var id = ariaLabel.replace(/^[^a-z]+|[^\w:.-]+/gi, '');
   var allItems = React.Children.toArray(childrenProp).filter(function (child) {
     if (process.env.NODE_ENV !== 'production') {
@@ -359,18 +325,15 @@ var 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);
   });
   var children = allItems.map(function (child, index) {
     var _child$props = child.props,
-        _child$props$FabProps = _child$props.FabProps;
+      _child$props$FabProps = _child$props.FabProps;
     _child$props$FabProps = _child$props$FabProps === void 0 ? {} : _child$props$FabProps;
-
     var origButtonRef = _child$props$FabProps.ref,
-        ChildFabProps = _objectWithoutProperties(_child$props$FabProps, ["ref"]),
-        tooltipPlacementProp = _child$props.tooltipPlacement;
-
+      ChildFabProps = _objectWithoutProperties(_child$props$FabProps, ["ref"]),
+      tooltipPlacementProp = _child$props.tooltipPlacement;
     var tooltipPlacement = tooltipPlacementProp || (getOrientation(direction) === 'vertical' ? 'left' : 'top');
     return /*#__PURE__*/React.cloneElement(child, {
       FabProps: _extends({}, ChildFabProps, {
@@ -423,64 +386,52 @@ var 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.
    *
@@ -488,27 +439,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.
    *
@@ -516,29 +462,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.
@@ -552,7 +493,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/legacy/SpeedDialAction/SpeedDialAction.js

@@ -15,11 +15,10 @@ 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";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var open = ownerState.open,
-      tooltipPlacement = ownerState.tooltipPlacement,
-      classes = ownerState.classes;
+    tooltipPlacement = ownerState.tooltipPlacement,
+    classes = ownerState.classes;
   var slots = {
     fab: ['fab', !open && 'fabClosed'],
     staticTooltip: ['staticTooltip', "tooltipPlacement".concat(capitalize(tooltipPlacement)), !open && 'staticTooltipClosed'],
@@ -27,7 +26,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getSpeedDialActionUtilityClass, classes);
 };
-
 var SpeedDialActionFab = styled(Fab, {
   name: 'MuiSpeedDialAction',
   slot: 'Fab',
@@ -38,7 +36,7 @@ var SpeedDialActionFab = styled(Fab, {
   }
 })(function (_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     margin: 8,
     color: (theme.vars || theme).palette.text.secondary,
@@ -64,7 +62,7 @@ var SpeedDialActionStaticTooltip = styled('span', {
   }
 })(function (_ref2) {
   var theme = _ref2.theme,
-      ownerState = _ref2.ownerState;
+    ownerState = _ref2.ownerState;
   return _defineProperty({
     position: 'relative',
     display: 'flex',
@@ -111,45 +109,37 @@ var SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(inP
     props: inProps,
     name: 'MuiSpeedDialAction'
   });
-
   var className = props.className,
-      _props$delay = props.delay,
-      delay = _props$delay === void 0 ? 0 : _props$delay,
-      _props$FabProps = props.FabProps,
-      FabProps = _props$FabProps === void 0 ? {} : _props$FabProps,
-      icon = props.icon,
-      id = props.id,
-      open = props.open,
-      TooltipClasses = props.TooltipClasses,
-      _props$tooltipOpen = props.tooltipOpen,
-      tooltipOpenProp = _props$tooltipOpen === void 0 ? false : _props$tooltipOpen,
-      _props$tooltipPlaceme = props.tooltipPlacement,
-      tooltipPlacement = _props$tooltipPlaceme === void 0 ? 'left' : _props$tooltipPlaceme,
-      tooltipTitle = props.tooltipTitle,
-      other = _objectWithoutProperties(props, ["className", "delay", "FabProps", "icon", "id", "open", "TooltipClasses", "tooltipOpen", "tooltipPlacement", "tooltipTitle"]);
-
+    _props$delay = props.delay,
+    delay = _props$delay === void 0 ? 0 : _props$delay,
+    _props$FabProps = props.FabProps,
+    FabProps = _props$FabProps === void 0 ? {} : _props$FabProps,
+    icon = props.icon,
+    id = props.id,
+    open = props.open,
+    TooltipClasses = props.TooltipClasses,
+    _props$tooltipOpen = props.tooltipOpen,
+    tooltipOpenProp = _props$tooltipOpen === void 0 ? false : _props$tooltipOpen,
+    _props$tooltipPlaceme = props.tooltipPlacement,
+    tooltipPlacement = _props$tooltipPlaceme === void 0 ? 'left' : _props$tooltipPlaceme,
+    tooltipTitle = props.tooltipTitle,
+    other = _objectWithoutProperties(props, ["className", "delay", "FabProps", "icon", "id", "open", "TooltipClasses", "tooltipOpen", "tooltipPlacement", "tooltipTitle"]);
   var ownerState = _extends({}, props, {
     tooltipPlacement: tooltipPlacement
   });
-
   var classes = useUtilityClasses(ownerState);
-
   var _React$useState = React.useState(tooltipOpenProp),
-      tooltipOpen = _React$useState[0],
-      setTooltipOpen = _React$useState[1];
-
+    tooltipOpen = _React$useState[0],
+    setTooltipOpen = _React$useState[1];
   var handleTooltipClose = function handleTooltipClose() {
     setTooltipOpen(false);
   };
-
   var handleTooltipOpen = function handleTooltipOpen() {
     setTooltipOpen(true);
   };
-
   var transitionStyle = {
     transitionDelay: "".concat(delay, "ms")
   };
-
   var fab = /*#__PURE__*/_jsx(SpeedDialActionFab, _extends({
     size: "small",
     className: clsx(classes.fab, className),
@@ -160,7 +150,6 @@ var SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(inP
     style: _extends({}, transitionStyle, FabProps.style),
     children: icon
   }));
-
   if (tooltipOpenProp) {
     return /*#__PURE__*/_jsxs(SpeedDialActionStaticTooltip, _extends({
       id: id,
@@ -179,11 +168,9 @@ var SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(inP
       })]
     }));
   }
-
   if (!open && tooltipOpen) {
     setTooltipOpen(false);
   }
-
   return /*#__PURE__*/_jsx(Tooltip, _extends({
     id: id,
     ref: ref,
@@ -197,74 +184,60 @@ var SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(inP
     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.
    */