@mui/material 5.10.12 → 5.10.14

package/legacy/Chip/Chip.js

@@ -16,16 +16,15 @@ 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";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      disabled = ownerState.disabled,
-      size = ownerState.size,
-      color = ownerState.color,
-      iconColor = ownerState.iconColor,
-      onDelete = ownerState.onDelete,
-      clickable = ownerState.clickable,
-      variant = ownerState.variant;
+    disabled = ownerState.disabled,
+    size = ownerState.size,
+    color = ownerState.color,
+    iconColor = ownerState.iconColor,
+    onDelete = ownerState.onDelete,
+    clickable = ownerState.clickable,
+    variant = ownerState.variant;
   var slots = {
     root: ['root', variant, disabled && 'disabled', "size".concat(capitalize(size)), "color".concat(capitalize(color)), clickable && 'clickable', clickable && "clickableColor".concat(capitalize(color)), onDelete && 'deletable', onDelete && "deletableColor".concat(capitalize(color)), "".concat(variant).concat(capitalize(color))],
     label: ['label', "label".concat(capitalize(size))],
@@ -35,25 +34,23 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getChipUtilityClass, classes);
 };
-
 var ChipRoot = styled('div', {
   name: 'MuiChip',
   slot: 'Root',
   overridesResolver: function overridesResolver(props, styles) {
     var ownerState = props.ownerState;
     var color = ownerState.color,
-        iconColor = ownerState.iconColor,
-        clickable = ownerState.clickable,
-        onDelete = ownerState.onDelete,
-        size = ownerState.size,
-        variant = ownerState.variant;
+      iconColor = ownerState.iconColor,
+      clickable = ownerState.clickable,
+      onDelete = ownerState.onDelete,
+      size = ownerState.size,
+      variant = ownerState.variant;
     return [_defineProperty({}, "& .".concat(chipClasses.avatar), styles.avatar), _defineProperty({}, "& .".concat(chipClasses.avatar), styles["avatar".concat(capitalize(size))]), _defineProperty({}, "& .".concat(chipClasses.avatar), styles["avatarColor".concat(capitalize(color))]), _defineProperty({}, "& .".concat(chipClasses.icon), styles.icon), _defineProperty({}, "& .".concat(chipClasses.icon), styles["icon".concat(capitalize(size))]), _defineProperty({}, "& .".concat(chipClasses.icon), styles["iconColor".concat(capitalize(iconColor))]), _defineProperty({}, "& .".concat(chipClasses.deleteIcon), styles.deleteIcon), _defineProperty({}, "& .".concat(chipClasses.deleteIcon), styles["deleteIcon".concat(capitalize(size))]), _defineProperty({}, "& .".concat(chipClasses.deleteIcon), styles["deleteIconColor".concat(capitalize(color))]), _defineProperty({}, "& .".concat(chipClasses.deleteIcon), styles["deleteIcon".concat(capitalize(variant), "Color").concat(capitalize(color))]), styles.root, styles["size".concat(capitalize(size))], styles["color".concat(capitalize(color))], clickable && styles.clickable, clickable && color !== 'default' && styles["clickableColor".concat(capitalize(color), ")")], onDelete && styles.deletable, onDelete && color !== 'default' && styles["deletableColor".concat(capitalize(color))], styles[variant], styles["".concat(variant).concat(capitalize(color))]];
   }
 })(function (_ref11) {
   var _extends2;
-
   var theme = _ref11.theme,
-      ownerState = _ref11.ownerState;
+    ownerState = _ref11.ownerState;
   var deleteIconColor = alpha(theme.palette.text.primary, 0.26);
   var textColor = theme.palette.mode === 'light' ? theme.palette.grey[700] : theme.palette.grey[300];
   return _extends((_extends2 = {
@@ -143,9 +140,8 @@ var ChipRoot = styled('div', {
   }));
 }, function (_ref14) {
   var _ref15;
-
   var theme = _ref14.theme,
-      ownerState = _ref14.ownerState;
+    ownerState = _ref14.ownerState;
   return _extends({}, ownerState.clickable && (_ref15 = {
     userSelect: 'none',
     WebkitTapHighlightColor: 'transparent',
@@ -162,9 +158,8 @@ var ChipRoot = styled('div', {
   }));
 }, function (_ref17) {
   var _ref18, _ref19;
-
   var theme = _ref17.theme,
-      ownerState = _ref17.ownerState;
+    ownerState = _ref17.ownerState;
   return _extends({}, ownerState.variant === 'outlined' && (_ref18 = {
     backgroundColor: 'transparent',
     border: theme.vars ? "1px solid ".concat(theme.vars.palette.Chip.defaultBorder) : "1px solid ".concat(theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[700])
@@ -219,54 +214,47 @@ var ChipLabel = styled('span', {
     paddingRight: 8
   });
 });
-
 function isDeleteKeyboardEvent(keyboardEvent) {
   return keyboardEvent.key === 'Backspace' || keyboardEvent.key === 'Delete';
 }
+
 /**
  * Chips represent complex entities in small blocks, such as a contact.
  */
-
-
 var Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiChip'
   });
-
   var avatarProp = props.avatar,
-      className = props.className,
-      clickableProp = props.clickable,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'default' : _props$color,
-      ComponentProp = props.component,
-      deleteIconProp = props.deleteIcon,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      iconProp = props.icon,
-      label = props.label,
-      onClick = props.onClick,
-      onDelete = props.onDelete,
-      onKeyDown = props.onKeyDown,
-      onKeyUp = props.onKeyUp,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'filled' : _props$variant,
-      other = _objectWithoutProperties(props, ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant"]);
-
+    className = props.className,
+    clickableProp = props.clickable,
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'default' : _props$color,
+    ComponentProp = props.component,
+    deleteIconProp = props.deleteIcon,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    iconProp = props.icon,
+    label = props.label,
+    onClick = props.onClick,
+    onDelete = props.onDelete,
+    onKeyDown = props.onKeyDown,
+    onKeyUp = props.onKeyUp,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'filled' : _props$variant,
+    other = _objectWithoutProperties(props, ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant"]);
   var chipRef = React.useRef(null);
   var handleRef = useForkRef(chipRef, ref);
-
   var handleDeleteIconClick = function handleDeleteIconClick(event) {
     // Stop the event from bubbling up to the `Chip`
     event.stopPropagation();
-
     if (onDelete) {
       onDelete(event);
     }
   };
-
   var handleKeyDown = function handleKeyDown(event) {
     // Ignore events from children of `Chip`.
     if (event.currentTarget === event.target && isDeleteKeyboardEvent(event)) {
@@ -274,12 +262,10 @@ var Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
       // might init navigation
       event.preventDefault();
     }
-
     if (onKeyDown) {
       onKeyDown(event);
     }
   };
-
   var handleKeyUp = function handleKeyUp(event) {
     // Ignore events from children of `Chip`.
     if (event.currentTarget === event.target) {
@@ -289,15 +275,12 @@ var Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
         chipRef.current.blur();
       }
     }
-
     if (onKeyUp) {
       onKeyUp(event);
     }
   };
-
   var clickable = clickableProp !== false && onClick ? true : clickableProp;
   var component = clickable || onDelete ? ButtonBase : ComponentProp || 'div';
-
   var ownerState = _extends({}, props, {
     component: component,
     disabled: disabled,
@@ -308,7 +291,6 @@ var Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     clickable: clickable,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
   var moreProps = component === ButtonBase ? _extends({
     component: ComponentProp || 'div',
@@ -317,7 +299,6 @@ var Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     disableRipple: true
   }) : {};
   var deleteIcon = null;
-
   if (onDelete) {
     deleteIcon = deleteIconProp && /*#__PURE__*/React.isValidElement(deleteIconProp) ? /*#__PURE__*/React.cloneElement(deleteIconProp, {
       className: clsx(deleteIconProp.props.className, classes.deleteIcon),
@@ -327,29 +308,23 @@ var Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
       onClick: handleDeleteIconClick
     });
   }
-
   var avatar = null;
-
   if (avatarProp && /*#__PURE__*/React.isValidElement(avatarProp)) {
     avatar = /*#__PURE__*/React.cloneElement(avatarProp, {
       className: clsx(classes.avatar, avatarProp.props.className)
     });
   }
-
   var 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),
@@ -367,35 +342,28 @@ var 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.
@@ -405,84 +373,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/legacy/CircularProgress/CircularProgress.js

@@ -1,9 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -18,12 +16,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var SIZE = 44;
 var circularRotateKeyframe = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
 var circularDashKeyframe = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"])));
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      variant = ownerState.variant,
-      color = ownerState.color,
-      disableShrink = ownerState.disableShrink;
+    variant = ownerState.variant,
+    color = ownerState.color,
+    disableShrink = ownerState.disableShrink;
   var slots = {
     root: ['root', variant, "color".concat(capitalize(color))],
     svg: ['svg'],
@@ -31,7 +28,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getCircularProgressUtilityClass, classes);
 };
-
 var CircularProgressRoot = styled('span', {
   name: 'MuiCircularProgress',
   slot: 'Root',
@@ -41,7 +37,7 @@ var CircularProgressRoot = styled('span', {
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState,
-      theme = _ref.theme;
+    theme = _ref.theme;
   return _extends({
     display: 'inline-block'
   }, ownerState.variant === 'determinate' && {
@@ -61,8 +57,8 @@ var CircularProgressSVG = styled('svg', {
   }
 })({
   display: 'block' // Keeps the progress centered
-
 });
+
 var CircularProgressCircle = styled('circle', {
   name: 'MuiCircularProgress',
   slot: 'Circle',
@@ -72,7 +68,7 @@ var CircularProgressCircle = styled('circle', {
   }
 })(function (_ref3) {
   var ownerState = _ref3.ownerState,
-      theme = _ref3.theme;
+    theme = _ref3.theme;
   return _extends({
     stroke: 'currentColor'
   }, ownerState.variant === 'determinate' && {
@@ -81,12 +77,12 @@ var 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.
-
   });
 }, function (_ref4) {
   var ownerState = _ref4.ownerState;
   return ownerState.variant === 'indeterminate' && !ownerState.disableShrink && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      animation: ", " 1.4s ease-in-out infinite;\n    "])), circularDashKeyframe);
 });
+
 /**
  * ## ARIA
  *
@@ -94,29 +90,26 @@ var 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.
  */
-
 var CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiCircularProgress'
   });
-
   var className = props.className,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'primary' : _props$color,
-      _props$disableShrink = props.disableShrink,
-      disableShrink = _props$disableShrink === void 0 ? false : _props$disableShrink,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 40 : _props$size,
-      style = props.style,
-      _props$thickness = props.thickness,
-      thickness = _props$thickness === void 0 ? 3.6 : _props$thickness,
-      _props$value = props.value,
-      value = _props$value === void 0 ? 0 : _props$value,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'indeterminate' : _props$variant,
-      other = _objectWithoutProperties(props, ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"]);
-
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'primary' : _props$color,
+    _props$disableShrink = props.disableShrink,
+    disableShrink = _props$disableShrink === void 0 ? false : _props$disableShrink,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 40 : _props$size,
+    style = props.style,
+    _props$thickness = props.thickness,
+    thickness = _props$thickness === void 0 ? 3.6 : _props$thickness,
+    _props$value = props.value,
+    value = _props$value === void 0 ? 0 : _props$value,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'indeterminate' : _props$variant,
+    other = _objectWithoutProperties(props, ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"]);
   var ownerState = _extends({}, props, {
     color: color,
     disableShrink: disableShrink,
@@ -125,12 +118,10 @@ var CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress(i
     value: value,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
   var circleStyle = {};
   var rootStyle = {};
   var rootProps = {};
-
   if (variant === 'determinate') {
     var circumference = 2 * Math.PI * ((SIZE - thickness) / 2);
     circleStyle.strokeDasharray = circumference.toFixed(3);
@@ -138,7 +129,6 @@ var CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress(i
     circleStyle.strokeDashoffset = "".concat(((100 - value) / 100 * circumference).toFixed(3), "px");
     rootStyle.transform = 'rotate(-90deg)';
   }
-
   return /*#__PURE__*/_jsx(CircularProgressRoot, _extends({
     className: clsx(classes.root, className),
     style: _extends({
@@ -166,34 +156,26 @@ var CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress(i
     })
   }));
 });
-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`.
@@ -203,10 +185,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.
@@ -214,30 +194,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.