@mui/material 5.12.3 → 5.13.1

package/Slider/SliderValueLabel.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { SliderValueLabelProps } from './SliderValueLabel.types';
-/**
- * @ignore - internal component.
- */
-declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-declare namespace SliderValueLabel {
-    var propTypes: {
-        children: PropTypes.Validator<PropTypes.ReactElementLike>;
-        className: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-}
-export default SliderValueLabel;
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { SliderValueLabelProps } from './SliderValueLabel.types';
+/**
+ * @ignore - internal component.
+ */
+declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare namespace SliderValueLabel {
+    var propTypes: {
+        children: PropTypes.Validator<PropTypes.ReactElementLike>;
+        className: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+}
+export default SliderValueLabel;

package/Slider/SliderValueLabel.types.d.ts

@@ -1,24 +1,24 @@
-/// <reference types="react" />
-export interface SliderValueLabelProps {
-    children?: React.ReactElement;
-    className?: string;
-    style?: React.CSSProperties;
-    /**
-     * If `true`, the value label is visible.
-     */
-    open: boolean;
-    /**
-     * The value of the slider.
-     * For ranged sliders, provide an array with two values.
-     */
-    value: number;
-    /**
-     * Controls when the value label is displayed:
-     *
-     * - `auto` the value label will display when the thumb is hovered or focused.
-     * - `on` will display persistently.
-     * - `off` will never display.
-     * @default 'off'
-     */
-    valueLabelDisplay?: 'on' | 'auto' | 'off';
-}
+/// <reference types="react" />
+export interface SliderValueLabelProps {
+    children?: React.ReactElement;
+    className?: string;
+    style?: React.CSSProperties;
+    /**
+     * If `true`, the value label is visible.
+     */
+    open: boolean;
+    /**
+     * The value of the slider.
+     * For ranged sliders, provide an array with two values.
+     */
+    value: number;
+    /**
+     * Controls when the value label is displayed:
+     *
+     * - `auto` the value label will display when the thumb is hovered or focused.
+     * - `on` will display persistently.
+     * - `off` will never display.
+     * @default 'off'
+     */
+    valueLabelDisplay?: 'on' | 'auto' | 'off';
+}

package/Slider/sliderClasses.d.ts

@@ -1,58 +1,58 @@
-export interface SliderClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    colorSecondary: string;
-    /** Styles applied to the root element if `marks` is provided with at least one label. */
-    marked: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** State class applied to the root and thumb element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root if a thumb is being dragged. */
-    dragging: string;
-    /** Styles applied to the rail element. */
-    rail: string;
-    /** Styles applied to the track element. */
-    track: string;
-    /** Styles applied to the root element if `track={false}`. */
-    trackFalse: string;
-    /** Styles applied to the root element if `track="inverted"`. */
-    trackInverted: string;
-    /** Styles applied to the thumb element. */
-    thumb: string;
-    /** State class applied to the thumb element if it's active. */
-    active: string;
-    /** State class applied to the thumb element if keyboard focused. */
-    focusVisible: string;
-    /** Styles applied to the mark element. */
-    mark: string;
-    /** Styles applied to the mark element if active (depending on the value). */
-    markActive: string;
-    /** Styles applied to the mark label element. */
-    markLabel: string;
-    /** Styles applied to the mark label element if active (depending on the value). */
-    markLabelActive: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the thumb element if `color="primary"`. */
-    thumbColorPrimary: string;
-    /** Styles applied to the thumb element if `color="secondary"`. */
-    thumbColorSecondary: string;
-    /** Styles applied to the thumb element if `size="small"`. */
-    thumbSizeSmall: string;
-    /** Styles applied to the thumb label element. */
-    valueLabel: string;
-    /** Styles applied to the thumb label element if it's open. */
-    valueLabelOpen: string;
-    /** Styles applied to the thumb label's circle element. */
-    valueLabelCircle: string;
-    /** Styles applied to the thumb label's label element. */
-    valueLabelLabel: string;
-}
-export type SliderClassKey = keyof SliderClasses;
-export declare function getSliderUtilityClass(slot: string): string;
-declare const sliderClasses: SliderClasses;
-export default sliderClasses;
+export interface SliderClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the root element if `color="secondary"`. */
+    colorSecondary: string;
+    /** Styles applied to the root element if `marks` is provided with at least one label. */
+    marked: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** State class applied to the root and thumb element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root if a thumb is being dragged. */
+    dragging: string;
+    /** Styles applied to the rail element. */
+    rail: string;
+    /** Styles applied to the track element. */
+    track: string;
+    /** Styles applied to the root element if `track={false}`. */
+    trackFalse: string;
+    /** Styles applied to the root element if `track="inverted"`. */
+    trackInverted: string;
+    /** Styles applied to the thumb element. */
+    thumb: string;
+    /** State class applied to the thumb element if it's active. */
+    active: string;
+    /** State class applied to the thumb element if keyboard focused. */
+    focusVisible: string;
+    /** Styles applied to the mark element. */
+    mark: string;
+    /** Styles applied to the mark element if active (depending on the value). */
+    markActive: string;
+    /** Styles applied to the mark label element. */
+    markLabel: string;
+    /** Styles applied to the mark label element if active (depending on the value). */
+    markLabelActive: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the thumb element if `color="primary"`. */
+    thumbColorPrimary: string;
+    /** Styles applied to the thumb element if `color="secondary"`. */
+    thumbColorSecondary: string;
+    /** Styles applied to the thumb element if `size="small"`. */
+    thumbSizeSmall: string;
+    /** Styles applied to the thumb label element. */
+    valueLabel: string;
+    /** Styles applied to the thumb label element if it's open. */
+    valueLabelOpen: string;
+    /** Styles applied to the thumb label's circle element. */
+    valueLabelCircle: string;
+    /** Styles applied to the thumb label's label element. */
+    valueLabelLabel: string;
+}
+export type SliderClassKey = keyof SliderClasses;
+export declare function getSliderUtilityClass(slot: string): string;
+declare const sliderClasses: SliderClasses;
+export default sliderClasses;

package/Snackbar/Snackbar.js

@@ -1,7 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["onEnter", "onExited"],
-  _excluded2 = ["action", "anchorOrigin", "autoHideDuration", "children", "className", "ClickAwayListenerProps", "ContentProps", "disableWindowBlurListener", "message", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "TransitionComponent", "transitionDuration", "TransitionProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_composeClasses as composeClasses, useSlotProps } from '@mui/base';
@@ -43,35 +39,42 @@ const SnackbarRoot = styled('div', {
     right: 'auto',
     transform: 'translateX(-50%)'
   };
-  return _extends({
+  return {
     zIndex: (theme.vars || theme).zIndex.snackbar,
     position: 'fixed',
     display: 'flex',
     left: 8,
     right: 8,
     justifyContent: 'center',
-    alignItems: 'center'
-  }, ownerState.anchorOrigin.vertical === 'top' ? {
-    top: 8
-  } : {
-    bottom: 8
-  }, ownerState.anchorOrigin.horizontal === 'left' && {
-    justifyContent: 'flex-start'
-  }, ownerState.anchorOrigin.horizontal === 'right' && {
-    justifyContent: 'flex-end'
-  }, {
-    [theme.breakpoints.up('sm')]: _extends({}, ownerState.anchorOrigin.vertical === 'top' ? {
-      top: 24
+    alignItems: 'center',
+    ...(ownerState.anchorOrigin.vertical === 'top' ? {
+      top: 8
     } : {
-      bottom: 24
-    }, ownerState.anchorOrigin.horizontal === 'center' && center, ownerState.anchorOrigin.horizontal === 'left' && {
-      left: 24,
-      right: 'auto'
-    }, ownerState.anchorOrigin.horizontal === 'right' && {
-      right: 24,
-      left: 'auto'
-    })
-  });
+      bottom: 8
+    }),
+    ...(ownerState.anchorOrigin.horizontal === 'left' && {
+      justifyContent: 'flex-start'
+    }),
+    ...(ownerState.anchorOrigin.horizontal === 'right' && {
+      justifyContent: 'flex-end'
+    }),
+    [theme.breakpoints.up('sm')]: {
+      ...(ownerState.anchorOrigin.vertical === 'top' ? {
+        top: 24
+      } : {
+        bottom: 24
+      }),
+      ...(ownerState.anchorOrigin.horizontal === 'center' && center),
+      ...(ownerState.anchorOrigin.horizontal === 'left' && {
+        left: 24,
+        right: 'auto'
+      }),
+      ...(ownerState.anchorOrigin.horizontal === 'right' && {
+        right: 24,
+        left: 'auto'
+      })
+    }
+  };
 });
 const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   const props = useThemeProps({
@@ -84,32 +87,39 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     exit: theme.transitions.duration.leavingScreen
   };
   const {
-      action,
-      anchorOrigin: {
-        vertical,
-        horizontal
-      } = {
-        vertical: 'bottom',
-        horizontal: 'left'
-      },
-      autoHideDuration = null,
-      children,
-      className,
-      ClickAwayListenerProps,
-      ContentProps,
-      disableWindowBlurListener = false,
-      message,
-      open,
-      TransitionComponent = Grow,
-      transitionDuration = defaultTransitionDuration,
-      TransitionProps: {
-        onEnter,
-        onExited
-      } = {}
-    } = props,
-    TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded),
-    other = _objectWithoutPropertiesLoose(props, _excluded2);
-  const ownerState = _extends({}, props, {
+    action,
+    anchorOrigin: {
+      vertical,
+      horizontal
+    } = {
+      vertical: 'bottom',
+      horizontal: 'left'
+    },
+    autoHideDuration = null,
+    children,
+    className,
+    ClickAwayListenerProps,
+    ContentProps,
+    disableWindowBlurListener = false,
+    message,
+    onBlur,
+    onClose,
+    onFocus,
+    onMouseEnter,
+    onMouseLeave,
+    open,
+    resumeHideDuration,
+    TransitionComponent = Grow,
+    transitionDuration = defaultTransitionDuration,
+    TransitionProps: {
+      onEnter,
+      onExited,
+      ...TransitionProps
+    } = {},
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     anchorOrigin: {
       vertical,
       horizontal
@@ -118,12 +128,14 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     disableWindowBlurListener,
     TransitionComponent,
     transitionDuration
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const {
     getRootProps,
     onClickAway
-  } = useSnackbar(_extends({}, ownerState));
+  } = useSnackbar({
+    ...ownerState
+  });
   const [exited, setExited] = React.useState(true);
   const rootProps = useSlotProps({
     elementType: SnackbarRoot,
@@ -152,25 +164,27 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
   if (!open && exited) {
     return null;
   }
-  return /*#__PURE__*/_jsx(ClickAwayListener, _extends({
-    onClickAway: onClickAway
-  }, ClickAwayListenerProps, {
-    children: /*#__PURE__*/_jsx(SnackbarRoot, _extends({}, rootProps, {
-      children: /*#__PURE__*/_jsx(TransitionComponent, _extends({
+  return /*#__PURE__*/_jsx(ClickAwayListener, {
+    onClickAway: onClickAway,
+    ...ClickAwayListenerProps,
+    children: /*#__PURE__*/_jsx(SnackbarRoot, {
+      ...rootProps,
+      children: /*#__PURE__*/_jsx(TransitionComponent, {
         appear: true,
         in: open,
         timeout: transitionDuration,
         direction: vertical === 'top' ? 'down' : 'up',
         onEnter: handleEnter,
-        onExited: handleExited
-      }, TransitionProps, {
-        children: children || /*#__PURE__*/_jsx(SnackbarContent, _extends({
+        onExited: handleExited,
+        ...TransitionProps,
+        children: children || /*#__PURE__*/_jsx(SnackbarContent, {
           message: message,
-          action: action
-        }, ContentProps))
-      }))
-    }))
-  }));
+          action: action,
+          ...ContentProps
+        })
+      })
+    })
+  });
 });
 process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/Snackbar/snackbarClasses.d.ts

@@ -1,20 +1,20 @@
-export interface SnackbarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
-    anchorOriginTopCenter: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
-    anchorOriginBottomCenter: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
-    anchorOriginTopRight: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
-    anchorOriginBottomRight: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
-    anchorOriginTopLeft: string;
-    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
-    anchorOriginBottomLeft: string;
-}
-export type SnackbarClassKey = keyof SnackbarClasses;
-export declare function getSnackbarUtilityClass(slot: string): string;
-declare const snackbarClasses: SnackbarClasses;
-export default snackbarClasses;
+export interface SnackbarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */
+    anchorOriginTopCenter: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */
+    anchorOriginBottomCenter: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */
+    anchorOriginTopRight: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */
+    anchorOriginBottomRight: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */
+    anchorOriginTopLeft: string;
+    /** Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */
+    anchorOriginBottomLeft: string;
+}
+export type SnackbarClassKey = keyof SnackbarClasses;
+export declare function getSnackbarUtilityClass(slot: string): string;
+declare const snackbarClasses: SnackbarClasses;
+export default snackbarClasses;

package/SnackbarContent/SnackbarContent.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["action", "className", "message", "role"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -32,7 +29,8 @@ const SnackbarContentRoot = styled(Paper, {
 }) => {
   const emphasis = theme.palette.mode === 'light' ? 0.8 : 0.98;
   const backgroundColor = emphasize(theme.palette.background.default, emphasis);
-  return _extends({}, theme.typography.body2, {
+  return {
+    ...theme.typography.body2,
     color: theme.vars ? theme.vars.palette.SnackbarContent.color : theme.palette.getContrastText(backgroundColor),
     backgroundColor: theme.vars ? theme.vars.palette.SnackbarContent.bg : backgroundColor,
     display: 'flex',
@@ -45,7 +43,7 @@ const SnackbarContentRoot = styled(Paper, {
       flexGrow: 'initial',
       minWidth: 288
     }
-  });
+  };
 });
 const SnackbarContentMessage = styled('div', {
   name: 'MuiSnackbarContent',
@@ -71,22 +69,22 @@ const SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(i
     name: 'MuiSnackbarContent'
   });
   const {
-      action,
-      className,
-      message,
-      role = 'alert'
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    action,
+    className,
+    message,
+    role = 'alert',
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(SnackbarContentRoot, _extends({
+  return /*#__PURE__*/_jsxs(SnackbarContentRoot, {
     role: role,
     square: true,
     elevation: 6,
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref
-  }, other, {
+    ref: ref,
+    ...other,
     children: [/*#__PURE__*/_jsx(SnackbarContentMessage, {
       className: classes.message,
       ownerState: ownerState,
@@ -96,7 +94,7 @@ const SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(i
       ownerState: ownerState,
       children: action
     }) : null]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? SnackbarContent.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/SnackbarContent/snackbarContentClasses.d.ts

@@ -1,12 +1,12 @@
-export interface SnackbarContentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the message wrapper element. */
-    message: string;
-    /** Styles applied to the action wrapper element if `action` is provided. */
-    action: string;
-}
-export type SnackbarContentClassKey = keyof SnackbarContentClasses;
-export declare function getSnackbarContentUtilityClass(slot: string): string;
-declare const snackbarContentClasses: SnackbarContentClasses;
-export default snackbarContentClasses;
+export interface SnackbarContentClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the message wrapper element. */
+    message: string;
+    /** Styles applied to the action wrapper element if `action` is provided. */
+    action: string;
+}
+export type SnackbarContentClassKey = keyof SnackbarContentClasses;
+export declare function getSnackbarContentUtilityClass(slot: string): string;
+declare const snackbarContentClasses: SnackbarContentClasses;
+export default snackbarContentClasses;