@mui/material 5.10.12 → 5.10.14

package/esm/Chip/Chip.js

@@ -16,7 +16,6 @@ import styled from '../styles/styled';
 import chipClasses, { getChipUtilityClass } from './chipClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -37,7 +36,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getChipUtilityClass, classes);
 };
-
 const ChipRoot = styled('div', {
   name: 'MuiChip',
   slot: 'Root',
@@ -267,52 +265,45 @@ const ChipLabel = styled('span', {
   paddingLeft: 8,
   paddingRight: 8
 }));
-
 function isDeleteKeyboardEvent(keyboardEvent) {
   return keyboardEvent.key === 'Backspace' || keyboardEvent.key === 'Delete';
 }
+
 /**
  * Chips represent complex entities in small blocks, such as a contact.
  */
-
-
 const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiChip'
   });
-
   const {
-    avatar: avatarProp,
-    className,
-    clickable: clickableProp,
-    color = 'default',
-    component: ComponentProp,
-    deleteIcon: deleteIconProp,
-    disabled = false,
-    icon: iconProp,
-    label,
-    onClick,
-    onDelete,
-    onKeyDown,
-    onKeyUp,
-    size = 'medium',
-    variant = 'filled'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      avatar: avatarProp,
+      className,
+      clickable: clickableProp,
+      color = 'default',
+      component: ComponentProp,
+      deleteIcon: deleteIconProp,
+      disabled = false,
+      icon: iconProp,
+      label,
+      onClick,
+      onDelete,
+      onKeyDown,
+      onKeyUp,
+      size = 'medium',
+      variant = 'filled'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const chipRef = React.useRef(null);
   const handleRef = useForkRef(chipRef, ref);
-
   const handleDeleteIconClick = event => {
     // Stop the event from bubbling up to the `Chip`
     event.stopPropagation();
-
     if (onDelete) {
       onDelete(event);
     }
   };
-
   const handleKeyDown = event => {
     // Ignore events from children of `Chip`.
     if (event.currentTarget === event.target && isDeleteKeyboardEvent(event)) {
@@ -320,12 +311,10 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
       // might init navigation
       event.preventDefault();
     }
-
     if (onKeyDown) {
       onKeyDown(event);
     }
   };
-
   const handleKeyUp = event => {
     // Ignore events from children of `Chip`.
     if (event.currentTarget === event.target) {
@@ -335,15 +324,12 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
         chipRef.current.blur();
       }
     }
-
     if (onKeyUp) {
       onKeyUp(event);
     }
   };
-
   const clickable = clickableProp !== false && onClick ? true : clickableProp;
   const component = clickable || onDelete ? ButtonBase : ComponentProp || 'div';
-
   const ownerState = _extends({}, props, {
     component,
     disabled,
@@ -354,7 +340,6 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     clickable,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
   const moreProps = component === ButtonBase ? _extends({
     component: ComponentProp || 'div',
@@ -363,7 +348,6 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     disableRipple: true
   }) : {};
   let deleteIcon = null;
-
   if (onDelete) {
     deleteIcon = deleteIconProp && /*#__PURE__*/React.isValidElement(deleteIconProp) ? /*#__PURE__*/React.cloneElement(deleteIconProp, {
       className: clsx(deleteIconProp.props.className, classes.deleteIcon),
@@ -373,29 +357,23 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
       onClick: handleDeleteIconClick
     });
   }
-
   let avatar = null;
-
   if (avatarProp && /*#__PURE__*/React.isValidElement(avatarProp)) {
     avatar = /*#__PURE__*/React.cloneElement(avatarProp, {
       className: clsx(classes.avatar, avatarProp.props.className)
     });
   }
-
   let icon = null;
-
   if (iconProp && /*#__PURE__*/React.isValidElement(iconProp)) {
     icon = /*#__PURE__*/React.cloneElement(iconProp, {
       className: clsx(classes.icon, iconProp.props.className)
     });
   }
-
   if (process.env.NODE_ENV !== 'production') {
     if (avatar && icon) {
       console.error('MUI: The Chip component can not handle the avatar ' + 'and the icon prop at the same time. Pick one.');
     }
   }
-
   return /*#__PURE__*/_jsxs(ChipRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
@@ -413,35 +391,28 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     }), deleteIcon]
   }));
 });
-process.env.NODE_ENV !== "production" ? Chip.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Chip.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 Avatar element to display.
    */
   avatar: PropTypes.element,
-
   /**
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
   children: unsupportedProp,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * If `true`, the chip will appear clickable, and will raise when pressed,
    * even if the onClick prop is not defined.
@@ -451,84 +422,65 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes
    * Note: this controls the UI and does not affect the onClick event.
    */
   clickable: PropTypes.bool,
-
   /**
    * 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 'default'
    */
-  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 component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * Override the default delete icon element. Shown only if `onDelete` is set.
    */
   deleteIcon: PropTypes.element,
-
   /**
    * If `true`, the component is disabled.
    * @default false
    */
   disabled: PropTypes.bool,
-
   /**
    * Icon element.
    */
   icon: PropTypes.element,
-
   /**
    * The content of the component.
    */
   label: PropTypes.node,
-
   /**
    * @ignore
    */
   onClick: PropTypes.func,
-
   /**
    * Callback fired when the delete icon is clicked.
    * If set, the delete icon will be shown.
    */
   onDelete: PropTypes.func,
-
   /**
    * @ignore
    */
   onKeyDown: PropTypes.func,
-
   /**
    * @ignore
    */
   onKeyUp: PropTypes.func,
-
   /**
    * The size of the component.
    * @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 variant to use.
    * @default 'filled'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['filled', 'outlined']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['filled', 'outlined']), PropTypes.string])
 } : void 0;
 export default Chip;

package/esm/CircularProgress/CircularProgress.js

@@ -1,13 +1,11 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
-
 let _ = t => t,
-    _t,
-    _t2,
-    _t3,
-    _t4;
-
+  _t,
+  _t2,
+  _t3,
+  _t4;
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -45,7 +43,6 @@ const circularDashKeyframe = keyframes(_t2 || (_t2 = _`
     stroke-dashoffset: -125px;
   }
 `));
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -60,7 +57,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getCircularProgressUtilityClass, classes);
 };
-
 const CircularProgressRoot = styled('span', {
   name: 'MuiCircularProgress',
   slot: 'Root',
@@ -90,8 +86,8 @@ const CircularProgressSVG = styled('svg', {
   overridesResolver: (props, styles) => styles.svg
 })({
   display: 'block' // Keeps the progress centered
-
 });
+
 const CircularProgressCircle = styled('circle', {
   name: 'MuiCircularProgress',
   slot: 'Circle',
@@ -112,12 +108,12 @@ const CircularProgressCircle = styled('circle', {
   // Some default value that looks fine waiting for the animation to kicks in.
   strokeDasharray: '80px, 200px',
   strokeDashoffset: 0 // Add the unit to fix a Edge 16 and below bug.
-
 }), ({
   ownerState
 }) => ownerState.variant === 'indeterminate' && !ownerState.disableShrink && css(_t4 || (_t4 = _`
       animation: ${0} 1.4s ease-in-out infinite;
     `), circularDashKeyframe));
+
 /**
  * ## ARIA
  *
@@ -125,25 +121,22 @@ const CircularProgressCircle = styled('circle', {
  * 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 CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiCircularProgress'
   });
-
   const {
-    className,
-    color = 'primary',
-    disableShrink = false,
-    size = 40,
-    style,
-    thickness = 3.6,
-    value = 0,
-    variant = 'indeterminate'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      color = 'primary',
+      disableShrink = false,
+      size = 40,
+      style,
+      thickness = 3.6,
+      value = 0,
+      variant = 'indeterminate'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     color,
     disableShrink,
@@ -152,12 +145,10 @@ const CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress
     value,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
   const circleStyle = {};
   const rootStyle = {};
   const rootProps = {};
-
   if (variant === 'determinate') {
     const circumference = 2 * Math.PI * ((SIZE - thickness) / 2);
     circleStyle.strokeDasharray = circumference.toFixed(3);
@@ -165,7 +156,6 @@ const CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress
     circleStyle.strokeDashoffset = `${((100 - value) / 100 * circumference).toFixed(3)}px`;
     rootStyle.transform = 'rotate(-90deg)';
   }
-
   return /*#__PURE__*/_jsx(CircularProgressRoot, _extends({
     className: clsx(classes.root, className),
     style: _extends({
@@ -193,34 +183,26 @@ const CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress
     })
   }));
 });
-process.env.NODE_ENV !== "production" ? CircularProgress.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? CircularProgress.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', 'error', 'info', 'success', 'warning']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
   /**
    * If `true`, the shrink animation is disabled.
    * This only works if variant is `indeterminate`.
@@ -230,10 +212,8 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes
     if (props.disableShrink && props.variant && props.variant !== 'indeterminate') {
       return new Error('MUI: You have provided the `disableShrink` prop ' + 'with a variant other than `indeterminate`. This will have no effect.');
     }
-
     return null;
   }),
-
   /**
    * The size of the component.
    * If using a number, the pixel unit is assumed.
@@ -241,30 +221,25 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes
    * @default 40
    */
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /**
    * @ignore
    */
   style: 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 thickness of the circle.
    * @default 3.6
    */
   thickness: PropTypes.number,
-
   /**
    * The value of the progress indicator for the determinate variant.
    * Value between 0 and 100.
    * @default 0
    */
   value: PropTypes.number,
-
   /**
    * The variant to use.
    * Use indeterminate when there is no progress value.