@mui/material 5.10.12 → 5.10.14

package/legacy/CardContent/CardContent.js

@@ -8,7 +8,6 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getCardContentUtilityClass } from './cardContentClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -16,7 +15,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getCardContentUtilityClass, classes);
 };
-
 var CardContentRoot = styled('div', {
   name: 'MuiCardContent',
   slot: 'Root',
@@ -36,16 +34,13 @@ var CardContent = /*#__PURE__*/React.forwardRef(function CardContent(inProps, re
     props: inProps,
     name: 'MuiCardContent'
   });
-
   var className = props.className,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'div' : _props$component,
-      other = _objectWithoutProperties(props, ["className", "component"]);
-
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'div' : _props$component,
+    other = _objectWithoutProperties(props, ["className", "component"]);
   var ownerState = _extends({}, props, {
     component: component
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(CardContentRoot, _extends({
     as: component,
@@ -54,35 +49,28 @@ var CardContent = /*#__PURE__*/React.forwardRef(function CardContent(inProps, re
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? CardContent.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? CardContent.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,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/legacy/CardHeader/CardHeader.js

@@ -11,7 +11,6 @@ import styled from '../styles/styled';
 import cardHeaderClasses, { getCardHeaderUtilityClass } from './cardHeaderClasses';
 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;
   var slots = {
@@ -24,13 +23,11 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getCardHeaderUtilityClass, classes);
 };
-
 var CardHeaderRoot = styled('div', {
   name: 'MuiCardHeader',
   slot: 'Root',
   overridesResolver: function overridesResolver(props, styles) {
     var _extends2;
-
     return _extends((_extends2 = {}, _defineProperty(_extends2, "& .".concat(cardHeaderClasses.title), styles.title), _defineProperty(_extends2, "& .".concat(cardHeaderClasses.subheader), styles.subheader), _extends2), styles.root);
   }
 })({
@@ -76,28 +73,24 @@ var CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, ref)
     props: inProps,
     name: 'MuiCardHeader'
   });
-
   var action = props.action,
-      avatar = props.avatar,
-      className = props.className,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'div' : _props$component,
-      _props$disableTypogra = props.disableTypography,
-      disableTypography = _props$disableTypogra === void 0 ? false : _props$disableTypogra,
-      subheaderProp = props.subheader,
-      subheaderTypographyProps = props.subheaderTypographyProps,
-      titleProp = props.title,
-      titleTypographyProps = props.titleTypographyProps,
-      other = _objectWithoutProperties(props, ["action", "avatar", "className", "component", "disableTypography", "subheader", "subheaderTypographyProps", "title", "titleTypographyProps"]);
-
+    avatar = props.avatar,
+    className = props.className,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'div' : _props$component,
+    _props$disableTypogra = props.disableTypography,
+    disableTypography = _props$disableTypogra === void 0 ? false : _props$disableTypogra,
+    subheaderProp = props.subheader,
+    subheaderTypographyProps = props.subheaderTypographyProps,
+    titleProp = props.title,
+    titleTypographyProps = props.titleTypographyProps,
+    other = _objectWithoutProperties(props, ["action", "avatar", "className", "component", "disableTypography", "subheader", "subheaderTypographyProps", "title", "titleTypographyProps"]);
   var ownerState = _extends({}, props, {
     component: component,
     disableTypography: disableTypography
   });
-
   var classes = useUtilityClasses(ownerState);
   var title = titleProp;
-
   if (title != null && title.type !== Typography && !disableTypography) {
     title = /*#__PURE__*/_jsx(Typography, _extends({
       variant: avatar ? 'body2' : 'h5',
@@ -108,9 +101,7 @@ var CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, ref)
       children: title
     }));
   }
-
   var subheader = subheaderProp;
-
   if (subheader != null && subheader.type !== Typography && !disableTypography) {
     subheader = /*#__PURE__*/_jsx(Typography, _extends({
       variant: avatar ? 'body2' : 'body1',
@@ -122,7 +113,6 @@ var CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, ref)
       children: subheader
     }));
   }
-
   return /*#__PURE__*/_jsxs(CardHeaderRoot, _extends({
     className: clsx(classes.root, className),
     as: component,
@@ -144,45 +134,36 @@ var CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, ref)
     })]
   }));
 });
-process.env.NODE_ENV !== "production" ? CardHeader.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? CardHeader.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 action to display in the card header.
    */
   action: PropTypes.node,
-
   /**
    * The Avatar element to display.
    */
   avatar: PropTypes.node,
-
   /**
    * @ignore
    */
   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`, `subheader` and `title` won't be wrapped by a Typography component.
    * This can be useful to render an alternative Typography variant by wrapping
@@ -191,28 +172,23 @@ process.env.NODE_ENV !== "production" ? CardHeader.propTypes
    * @default false
    */
   disableTypography: PropTypes.bool,
-
   /**
    * The content of the component.
    */
   subheader: PropTypes.node,
-
   /**
    * These props will be forwarded to the subheader
    * (as long as disableTypography is not `true`).
    */
   subheaderTypographyProps: PropTypes.object,
-
   /**
    * 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 content of the component.
    */
   title: PropTypes.node,
-
   /**
    * These props will be forwarded to the title
    * (as long as disableTypography is not `true`).

package/legacy/CardMedia/CardMedia.js

@@ -9,24 +9,22 @@ import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import { getCardMediaUtilityClass } from './cardMediaClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      isMediaComponent = ownerState.isMediaComponent,
-      isImageComponent = ownerState.isImageComponent;
+    isMediaComponent = ownerState.isMediaComponent,
+    isImageComponent = ownerState.isImageComponent;
   var slots = {
     root: ['root', isMediaComponent && 'media', isImageComponent && 'img']
   };
   return composeClasses(slots, getCardMediaUtilityClass, classes);
 };
-
 var CardMediaRoot = styled('div', {
   name: 'MuiCardMedia',
   slot: 'Root',
   overridesResolver: function overridesResolver(props, styles) {
     var ownerState = props.ownerState;
     var isMediaComponent = ownerState.isMediaComponent,
-        isImageComponent = ownerState.isImageComponent;
+      isImageComponent = ownerState.isImageComponent;
     return [styles.root, isMediaComponent && styles.media, isImageComponent && styles.img];
   }
 })(function (_ref) {
@@ -50,27 +48,23 @@ var CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(inProps, ref) {
     props: inProps,
     name: 'MuiCardMedia'
   });
-
   var children = props.children,
-      className = props.className,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'div' : _props$component,
-      image = props.image,
-      src = props.src,
-      style = props.style,
-      other = _objectWithoutProperties(props, ["children", "className", "component", "image", "src", "style"]);
-
+    className = props.className,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'div' : _props$component,
+    image = props.image,
+    src = props.src,
+    style = props.style,
+    other = _objectWithoutProperties(props, ["children", "className", "component", "image", "src", "style"]);
   var isMediaComponent = MEDIA_COMPONENTS.indexOf(component) !== -1;
   var composedStyle = !isMediaComponent && image ? _extends({
     backgroundImage: "url(\"".concat(image, "\")")
   }, style) : style;
-
   var ownerState = _extends({}, props, {
     component: component,
     isMediaComponent: isMediaComponent,
     isImageComponent: IMAGE_COMPONENTS.indexOf(component) !== -1
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(CardMediaRoot, _extends({
     className: clsx(classes.root, className),
@@ -84,14 +78,11 @@ var CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(inProps, ref) {
     children: children
   }));
 });
-process.env.NODE_ENV !== "production" ? CardMedia.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? CardMedia.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.
    */
@@ -99,45 +90,37 @@ process.env.NODE_ENV !== "production" ? CardMedia.propTypes
     if (!props.children && !props.image && !props.src && !props.component) {
       return new Error('MUI: Either `children`, `image`, `src` or `component` prop must be specified.');
     }
-
     return null;
   }),
-
   /**
    * 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,
-
   /**
    * Image to be displayed as a background image.
    * Either `image` or `src` prop must be specified.
    * Note that caller must specify height otherwise the image will not be visible.
    */
   image: PropTypes.string,
-
   /**
    * An alias for `image` property.
    * Available only with media components.
    * Media components: `video`, `audio`, `picture`, `iframe`, `img`.
    */
   src: PropTypes.string,
-
   /**
    * @ignore
    */
   style: PropTypes.object,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/legacy/Checkbox/Checkbox.js

@@ -16,18 +16,16 @@ import useThemeProps from '../styles/useThemeProps';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import checkboxClasses, { getCheckboxUtilityClass } from './checkboxClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      indeterminate = ownerState.indeterminate,
-      color = ownerState.color;
+    indeterminate = ownerState.indeterminate,
+    color = ownerState.color;
   var slots = {
     root: ['root', indeterminate && 'indeterminate', "color".concat(capitalize(color))]
   };
   var composedClasses = composeClasses(slots, getCheckboxUtilityClass, classes);
   return _extends({}, classes, composedClasses);
 };
-
 var CheckboxRoot = styled(SwitchBase, {
   shouldForwardProp: function shouldForwardProp(prop) {
     return rootShouldForwardProp(prop) || prop === 'classes';
@@ -40,9 +38,8 @@ var CheckboxRoot = styled(SwitchBase, {
   }
 })(function (_ref) {
   var _ref2;
-
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     color: (theme.vars || theme).palette.text.secondary
   }, !ownerState.disableRipple && {
@@ -59,46 +56,37 @@ var CheckboxRoot = styled(SwitchBase, {
     color: (theme.vars || theme).palette.action.disabled
   }), _ref2));
 });
-
 var defaultCheckedIcon = /*#__PURE__*/_jsx(CheckBoxIcon, {});
-
 var defaultIcon = /*#__PURE__*/_jsx(CheckBoxOutlineBlankIcon, {});
-
 var defaultIndeterminateIcon = /*#__PURE__*/_jsx(IndeterminateCheckBoxIcon, {});
-
 var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
   var _icon$props$fontSize, _indeterminateIcon$pr;
-
   var props = useThemeProps({
     props: inProps,
     name: 'MuiCheckbox'
   });
-
   var _props$checkedIcon = props.checkedIcon,
-      checkedIcon = _props$checkedIcon === void 0 ? defaultCheckedIcon : _props$checkedIcon,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'primary' : _props$color,
-      _props$icon = props.icon,
-      iconProp = _props$icon === void 0 ? defaultIcon : _props$icon,
-      _props$indeterminate = props.indeterminate,
-      indeterminate = _props$indeterminate === void 0 ? false : _props$indeterminate,
-      _props$indeterminateI = props.indeterminateIcon,
-      indeterminateIconProp = _props$indeterminateI === void 0 ? defaultIndeterminateIcon : _props$indeterminateI,
-      inputProps = props.inputProps,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      className = props.className,
-      other = _objectWithoutProperties(props, ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"]);
-
+    checkedIcon = _props$checkedIcon === void 0 ? defaultCheckedIcon : _props$checkedIcon,
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'primary' : _props$color,
+    _props$icon = props.icon,
+    iconProp = _props$icon === void 0 ? defaultIcon : _props$icon,
+    _props$indeterminate = props.indeterminate,
+    indeterminate = _props$indeterminate === void 0 ? false : _props$indeterminate,
+    _props$indeterminateI = props.indeterminateIcon,
+    indeterminateIconProp = _props$indeterminateI === void 0 ? defaultIndeterminateIcon : _props$indeterminateI,
+    inputProps = props.inputProps,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    className = props.className,
+    other = _objectWithoutProperties(props, ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"]);
   var icon = indeterminate ? indeterminateIconProp : iconProp;
   var indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;
-
   var ownerState = _extends({}, props, {
     color: color,
     indeterminate: indeterminate,
     size: size
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(CheckboxRoot, _extends({
     type: "checkbox",
@@ -118,71 +106,56 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
     classes: classes
   }));
 });
-process.env.NODE_ENV !== "production" ? Checkbox.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Checkbox.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * If `true`, the component is checked.
    */
   checked: PropTypes.bool,
-
   /**
    * The icon to display when the component is checked.
    * @default <CheckBoxIcon />
    */
   checkedIcon: 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).
    * @default 'primary'
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
   /**
    * The default checked state. Use when the component is not controlled.
    */
   defaultChecked: PropTypes.bool,
-
   /**
    * If `true`, the component is disabled.
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true`, the ripple effect is disabled.
    */
   disableRipple: PropTypes.bool,
-
   /**
    * The icon to display when the component is unchecked.
    * @default <CheckBoxOutlineBlankIcon />
    */
   icon: PropTypes.node,
-
   /**
    * The id of the `input` element.
    */
   id: PropTypes.string,
-
   /**
    * If `true`, the component appears indeterminate.
    * This does not set the native input element to indeterminate due
@@ -191,23 +164,19 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes
    * @default false
    */
   indeterminate: PropTypes.bool,
-
   /**
    * The icon to display when the component is indeterminate.
    * @default <IndeterminateCheckBoxIcon />
    */
   indeterminateIcon: PropTypes.node,
-
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
    */
   inputProps: PropTypes.object,
-
   /**
    * Pass a ref to the `input` element.
    */
   inputRef: refType,
-
   /**
    * Callback fired when the state is changed.
    *
@@ -215,26 +184,20 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes
    * You can pull out the new checked state by accessing `event.target.checked` (boolean).
    */
   onChange: PropTypes.func,
-
   /**
    * If `true`, the `input` element is required.
    */
   required: PropTypes.bool,
-
   /**
    * The size of the component.
    * `small` is equivalent to the dense checkbox styling.
    * @default 'medium'
    */
-  size: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),
-
+  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), 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 component. The DOM API casts this to a string.
    * The browser uses "on" as the default value.