@mui/material 5.10.12 → 5.10.14

package/modern/InputLabel/InputLabel.js

@@ -12,7 +12,6 @@ import useThemeProps from '../styles/useThemeProps';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import { getInputLabelUtilityClasses } from './inputLabelClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -30,7 +29,6 @@ const useUtilityClasses = ownerState => {
   const composedClasses = composeClasses(slots, getInputLabelUtilityClasses, classes);
   return _extends({}, classes, composedClasses);
 };
-
 const InputLabelRoot = styled(FormLabel, {
   shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
   name: 'MuiInputLabel',
@@ -108,27 +106,22 @@ const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, re
     name: 'MuiInputLabel',
     props: inProps
   });
-
   const {
-    disableAnimation = false,
-    shrink: shrinkProp,
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      disableAnimation = false,
+      shrink: shrinkProp,
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const muiFormControl = useFormControl();
   let shrink = shrinkProp;
-
   if (typeof shrink === 'undefined' && muiFormControl) {
     shrink = muiFormControl.filled || muiFormControl.focused || muiFormControl.adornedStart;
   }
-
   const fcs = formControlState({
     props,
     muiFormControl,
     states: ['size', 'variant', 'required']
   });
-
   const ownerState = _extends({}, props, {
     disableAnimation,
     formControl: muiFormControl,
@@ -137,7 +130,6 @@ const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, re
     variant: fcs.variant,
     required: fcs.required
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(InputLabelRoot, _extends({
     "data-shrink": shrink,
@@ -148,86 +140,68 @@ const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, re
     classes: classes
   }));
 });
-process.env.NODE_ENV !== "production" ? InputLabel.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? InputLabel.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 content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
   /**
    * If `true`, the transition animation is disabled.
    * @default false
    */
   disableAnimation: PropTypes.bool,
-
   /**
    * If `true`, the component is disabled.
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true`, the label is displayed in an error state.
    */
   error: PropTypes.bool,
-
   /**
    * If `true`, the `input` of this label is focused.
    */
   focused: PropTypes.bool,
-
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
    */
   margin: PropTypes.oneOf(['dense']),
-
   /**
    * if `true`, the label will indicate that the `input` is required.
    */
   required: PropTypes.bool,
-
   /**
    * If `true`, the label is shrunk.
    */
   shrink: PropTypes.bool,
-
   /**
    * The size of the component.
    * @default 'normal'
    */
   size: PropTypes.oneOf(['normal', 'small']),
-
   /**
    * 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 variant to use.
    */

package/modern/LinearProgress/LinearProgress.js

@@ -14,7 +14,6 @@ import { getLinearProgressUtilityClass } from './linearProgressClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const TRANSITION_DURATION = 4; // seconds
-
 const indeterminate1Keyframe = keyframes`
   0% {
     left: -35%;
@@ -63,7 +62,6 @@ const bufferKeyframe = keyframes`
     background-position: -200px -23px;
   }
 `;
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -78,19 +76,15 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getLinearProgressUtilityClass, classes);
 };
-
 const getColorShade = (theme, color) => {
   if (color === 'inherit') {
     return 'currentColor';
   }
-
   if (theme.vars) {
     return theme.vars.palette.LinearProgress[`${color}Bg`];
   }
-
   return theme.palette.mode === 'light' ? lighten(theme.palette[color].main, 0.62) : darken(theme.palette[color].main, 0.5);
 };
-
 const LinearProgressRoot = styled('span', {
   name: 'MuiLinearProgress',
   slot: 'Root',
@@ -225,6 +219,7 @@ const LinearProgressBar2 = styled('span', {
       width: auto;
       animation: ${indeterminate2Keyframe} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
     `);
+
 /**
  * ## ARIA
  *
@@ -232,27 +227,23 @@ const LinearProgressBar2 = styled('span', {
  * you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
  * attribute to `true` on that region until it has finished loading.
  */
-
 const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiLinearProgress'
   });
-
   const {
-    className,
-    color = 'primary',
-    value,
-    valueBuffer,
-    variant = 'indeterminate'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      color = 'primary',
+      value,
+      valueBuffer,
+      variant = 'indeterminate'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     color,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
   const theme = useTheme();
   const rootProps = {};
@@ -260,38 +251,31 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
     bar1: {},
     bar2: {}
   };
-
   if (variant === 'determinate' || variant === 'buffer') {
     if (value !== undefined) {
       rootProps['aria-valuenow'] = Math.round(value);
       rootProps['aria-valuemin'] = 0;
       rootProps['aria-valuemax'] = 100;
       let transform = value - 100;
-
       if (theme.direction === 'rtl') {
         transform = -transform;
       }
-
       inlineStyles.bar1.transform = `translateX(${transform}%)`;
     } else if (process.env.NODE_ENV !== 'production') {
       console.error('MUI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress .');
     }
   }
-
   if (variant === 'buffer') {
     if (valueBuffer !== undefined) {
       let transform = (valueBuffer || 0) - 100;
-
       if (theme.direction === 'rtl') {
         transform = -transform;
       }
-
       inlineStyles.bar2.transform = `translateX(${transform}%)`;
     } else if (process.env.NODE_ENV !== 'production') {
       console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
     }
   }
-
   return /*#__PURE__*/_jsxs(LinearProgressRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
@@ -313,51 +297,40 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
     })]
   }));
 });
-process.env.NODE_ENV !== "production" ? LinearProgress.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? LinearProgress.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,
-
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary']), PropTypes.string]),
   /**
    * 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 value of the progress indicator for the determinate and buffer variants.
    * Value between 0 and 100.
    */
   value: PropTypes.number,
-
   /**
    * The value for the buffer variant.
    * Value between 0 and 100.
    */
   valueBuffer: PropTypes.number,
-
   /**
    * The variant to use.
    * Use indeterminate or query when there is no progress value.

package/modern/Link/Link.js

@@ -15,7 +15,6 @@ import Typography from '../Typography';
 import linkClasses, { getLinkUtilityClass } from './linkClasses';
 import getTextDecoration, { colorTransformations } from './getTextDecoration';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -28,7 +27,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getLinkUtilityClass, classes);
 };
-
 const LinkRoot = styled(Typography, {
   name: 'MuiLink',
   slot: 'Root',
@@ -82,8 +80,8 @@ const LinkRoot = styled(Typography, {
     // Reset
     '&::-moz-focus-inner': {
       borderStyle: 'none' // Remove Firefox dotted outline.
-
     },
+
     [`&.${linkClasses.focusVisible}`]: {
       outline: 'auto'
     }
@@ -94,20 +92,18 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     props: inProps,
     name: 'MuiLink'
   });
-
   const {
-    className,
-    color = 'primary',
-    component = 'a',
-    onBlur,
-    onFocus,
-    TypographyClasses,
-    underline = 'always',
-    variant = 'inherit',
-    sx
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      color = 'primary',
+      component = 'a',
+      onBlur,
+      onFocus,
+      TypographyClasses,
+      underline = 'always',
+      variant = 'inherit',
+      sx
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     isFocusVisibleRef,
     onBlur: handleBlurVisible,
@@ -116,31 +112,24 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
   } = useIsFocusVisible();
   const [focusVisible, setFocusVisible] = React.useState(false);
   const handlerRef = useForkRef(ref, focusVisibleRef);
-
   const handleBlur = event => {
     handleBlurVisible(event);
-
     if (isFocusVisibleRef.current === false) {
       setFocusVisible(false);
     }
-
     if (onBlur) {
       onBlur(event);
     }
   };
-
   const handleFocus = event => {
     handleFocusVisible(event);
-
     if (isFocusVisibleRef.current === true) {
       setFocusVisible(true);
     }
-
     if (onFocus) {
       onFocus(event);
     }
   };
-
   const ownerState = _extends({}, props, {
     color,
     component,
@@ -148,7 +137,6 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     underline,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(LinkRoot, _extends({
     color: color,
@@ -165,75 +153,58 @@ const Link = /*#__PURE__*/React.forwardRef(function Link(inProps, ref) {
     }] : []), ...(Array.isArray(sx) ? sx : [sx])]
   }, other));
 });
-process.env.NODE_ENV !== "production" ? Link.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Link.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 content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The color of the link.
    * @default 'primary'
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .any,
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.any,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: elementTypeAcceptingRef,
-
   /**
    * @ignore
    */
   onBlur: PropTypes.func,
-
   /**
    * @ignore
    */
   onFocus: PropTypes.func,
-
   /**
    * 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 [`Typography`](/material-ui/api/typography/) element.
    */
   TypographyClasses: PropTypes.object,
-
   /**
    * Controls when the link should have an underline.
    * @default 'always'
    */
   underline: PropTypes.oneOf(['always', 'hover', 'none']),
-
   /**
    * Applies the theme typography styles.
    * @default 'inherit'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['body1', 'body2', 'button', 'caption', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'inherit', 'overline', 'subtitle1', 'subtitle2']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['body1', 'body2', 'button', 'caption', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'inherit', 'overline', 'subtitle1', 'subtitle2']), PropTypes.string])
 } : void 0;
 export default Link;

package/modern/Link/getTextDecoration.js

@@ -6,11 +6,9 @@ export const colorTransformations = {
   textSecondary: 'text.secondary',
   error: 'error.main'
 };
-
 const transformDeprecatedColors = color => {
   return colorTransformations[color] || color;
 };
-
 const getTextDecoration = ({
   theme,
   ownerState
@@ -18,12 +16,9 @@ const getTextDecoration = ({
   const transformedColor = transformDeprecatedColors(ownerState.color);
   const color = getPath(theme, `palette.${transformedColor}`, false) || ownerState.color;
   const channelColor = getPath(theme, `palette.${transformedColor}Channel`);
-
   if ('vars' in theme && channelColor) {
     return `rgba(${channelColor} / 0.4)`;
   }
-
   return alpha(color, 0.4);
 };
-
 export default getTextDecoration;

package/modern/List/List.js

@@ -11,7 +11,6 @@ import ListContext from './ListContext';
 import { getListUtilityClass } from './listClasses';
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -24,7 +23,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getListUtilityClass, classes);
 };
-
 const ListRoot = styled('ul', {
   name: 'MuiList',
   slot: 'Root',
@@ -52,27 +50,23 @@ const List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
     props: inProps,
     name: 'MuiList'
   });
-
   const {
-    children,
-    className,
-    component = 'ul',
-    dense = false,
-    disablePadding = false,
-    subheader
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      className,
+      component = 'ul',
+      dense = false,
+      disablePadding = false,
+      subheader
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const context = React.useMemo(() => ({
     dense
   }), [dense]);
-
   const ownerState = _extends({}, props, {
     component,
     dense,
     disablePadding
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: context,
@@ -86,35 +80,28 @@ const List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
     }))
   });
 });
-process.env.NODE_ENV !== "production" ? List.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? List.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 content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used for
    * the list and list items.
@@ -122,18 +109,15 @@ process.env.NODE_ENV !== "production" ? List.propTypes
    * @default false
    */
   dense: PropTypes.bool,
-
   /**
    * If `true`, vertical padding is removed from the list.
    * @default false
    */
   disablePadding: PropTypes.bool,
-
   /**
    * The content of the subheader, normally `ListSubheader`.
    */
   subheader: PropTypes.node,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/modern/List/ListContext.js

@@ -1,12 +1,10 @@
 import * as React from 'react';
+
 /**
  * @ignore - internal component.
  */
-
 const ListContext = /*#__PURE__*/React.createContext({});
-
 if (process.env.NODE_ENV !== 'production') {
   ListContext.displayName = 'ListContext';
 }
-
 export default ListContext;