@mui/material 5.10.12 → 5.10.14

package/modern/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";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -26,7 +25,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getCardHeaderUtilityClass, classes);
 };
-
 const CardHeaderRoot = styled('div', {
   name: 'MuiCardHeader',
   slot: 'Root',
@@ -71,28 +69,24 @@ const CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, re
     props: inProps,
     name: 'MuiCardHeader'
   });
-
   const {
-    action,
-    avatar,
-    className,
-    component = 'div',
-    disableTypography = false,
-    subheader: subheaderProp,
-    subheaderTypographyProps,
-    title: titleProp,
-    titleTypographyProps
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      action,
+      avatar,
+      className,
+      component = 'div',
+      disableTypography = false,
+      subheader: subheaderProp,
+      subheaderTypographyProps,
+      title: titleProp,
+      titleTypographyProps
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     component,
     disableTypography
   });
-
   const classes = useUtilityClasses(ownerState);
   let title = titleProp;
-
   if (title != null && title.type !== Typography && !disableTypography) {
     title = /*#__PURE__*/_jsx(Typography, _extends({
       variant: avatar ? 'body2' : 'h5',
@@ -103,9 +97,7 @@ const CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, re
       children: title
     }));
   }
-
   let subheader = subheaderProp;
-
   if (subheader != null && subheader.type !== Typography && !disableTypography) {
     subheader = /*#__PURE__*/_jsx(Typography, _extends({
       variant: avatar ? 'body2' : 'body1',
@@ -117,7 +109,6 @@ const CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, re
       children: subheader
     }));
   }
-
   return /*#__PURE__*/_jsxs(CardHeaderRoot, _extends({
     className: clsx(classes.root, className),
     as: component,
@@ -139,45 +130,36 @@ const CardHeader = /*#__PURE__*/React.forwardRef(function CardHeader(inProps, re
     })]
   }));
 });
-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
@@ -186,28 +168,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/modern/CardMedia/CardMedia.js

@@ -10,7 +10,6 @@ import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import { getCardMediaUtilityClass } from './cardMediaClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -22,7 +21,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getCardMediaUtilityClass, classes);
 };
-
 const CardMediaRoot = styled('div', {
   name: 'MuiCardMedia',
   slot: 'Root',
@@ -56,28 +54,24 @@ const CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(inProps, ref)
     props: inProps,
     name: 'MuiCardMedia'
   });
-
   const {
-    children,
-    className,
-    component = 'div',
-    image,
-    src,
-    style
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      className,
+      component = 'div',
+      image,
+      src,
+      style
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const isMediaComponent = MEDIA_COMPONENTS.indexOf(component) !== -1;
   const composedStyle = !isMediaComponent && image ? _extends({
     backgroundImage: `url("${image}")`
   }, style) : style;
-
   const ownerState = _extends({}, props, {
     component,
     isMediaComponent,
     isImageComponent: IMAGE_COMPONENTS.indexOf(component) !== -1
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(CardMediaRoot, _extends({
     className: clsx(classes.root, className),
@@ -91,14 +85,11 @@ const 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.
    */
@@ -106,45 +97,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/modern/Checkbox/Checkbox.js

@@ -16,7 +16,6 @@ import useThemeProps from '../styles/useThemeProps';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import checkboxClasses, { getCheckboxUtilityClass } from './checkboxClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -29,7 +28,6 @@ const useUtilityClasses = ownerState => {
   const composedClasses = composeClasses(slots, getCheckboxUtilityClass, classes);
   return _extends({}, classes, composedClasses);
 };
-
 const CheckboxRoot = styled(SwitchBase, {
   shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
   name: 'MuiCheckbox',
@@ -61,40 +59,32 @@ const CheckboxRoot = styled(SwitchBase, {
     color: (theme.vars || theme).palette.action.disabled
   }
 }));
-
 const defaultCheckedIcon = /*#__PURE__*/_jsx(CheckBoxIcon, {});
-
 const defaultIcon = /*#__PURE__*/_jsx(CheckBoxOutlineBlankIcon, {});
-
 const defaultIndeterminateIcon = /*#__PURE__*/_jsx(IndeterminateCheckBoxIcon, {});
-
 const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiCheckbox'
   });
-
   const {
-    checkedIcon = defaultCheckedIcon,
-    color = 'primary',
-    icon: iconProp = defaultIcon,
-    indeterminate = false,
-    indeterminateIcon: indeterminateIconProp = defaultIndeterminateIcon,
-    inputProps,
-    size = 'medium',
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      checkedIcon = defaultCheckedIcon,
+      color = 'primary',
+      icon: iconProp = defaultIcon,
+      indeterminate = false,
+      indeterminateIcon: indeterminateIconProp = defaultIndeterminateIcon,
+      inputProps,
+      size = 'medium',
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const icon = indeterminate ? indeterminateIconProp : iconProp;
   const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;
-
   const ownerState = _extends({}, props, {
     color,
     indeterminate,
     size
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(CheckboxRoot, _extends({
     type: "checkbox",
@@ -114,71 +104,56 @@ const 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
@@ -187,23 +162,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.
    *
@@ -211,26 +182,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.