@mui/material 5.10.13 → 5.10.15

package/colors/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -125,43 +124,23 @@ Object.defineProperty(exports, "yellow", {
     return _yellow.default;
   }
 });
-
 var _common = _interopRequireDefault(require("./common"));
-
 var _red = _interopRequireDefault(require("./red"));
-
 var _pink = _interopRequireDefault(require("./pink"));
-
 var _purple = _interopRequireDefault(require("./purple"));
-
 var _deepPurple = _interopRequireDefault(require("./deepPurple"));
-
 var _indigo = _interopRequireDefault(require("./indigo"));
-
 var _blue = _interopRequireDefault(require("./blue"));
-
 var _lightBlue = _interopRequireDefault(require("./lightBlue"));
-
 var _cyan = _interopRequireDefault(require("./cyan"));
-
 var _teal = _interopRequireDefault(require("./teal"));
-
 var _green = _interopRequireDefault(require("./green"));
-
 var _lightGreen = _interopRequireDefault(require("./lightGreen"));
-
 var _lime = _interopRequireDefault(require("./lime"));
-
 var _yellow = _interopRequireDefault(require("./yellow"));
-
 var _amber = _interopRequireDefault(require("./amber"));
-
 var _orange = _interopRequireDefault(require("./orange"));
-
 var _deepOrange = _interopRequireDefault(require("./deepOrange"));
-
 var _brown = _interopRequireDefault(require("./brown"));
-
 var _grey = _interopRequireDefault(require("./grey"));
-
 var _blueGrey = _interopRequireDefault(require("./blueGrey"));

package/darkScrollbar/index.js

@@ -10,7 +10,6 @@ const scrollBar = {
   thumb: '#6b6b6b',
   active: '#959595'
 };
-
 function darkScrollbar(options = scrollBar) {
   return {
     scrollbarColor: `${options.thumb} ${options.track}`,

package/esm/Accordion/Accordion.js

@@ -16,7 +16,6 @@ import useControlled from '../utils/useControlled';
 import accordionClasses, { getAccordionUtilityClass } from './accordionClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -31,7 +30,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getAccordionUtilityClass, classes);
 };
-
 const AccordionRoot = styled(Paper, {
   name: 'MuiAccordion',
   slot: 'Root',
@@ -118,21 +116,19 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
     props: inProps,
     name: 'MuiAccordion'
   });
-
   const {
-    children: childrenProp,
-    className,
-    defaultExpanded = false,
-    disabled = false,
-    disableGutters = false,
-    expanded: expandedProp,
-    onChange,
-    square = false,
-    TransitionComponent = Collapse,
-    TransitionProps
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children: childrenProp,
+      className,
+      defaultExpanded = false,
+      disabled = false,
+      disableGutters = false,
+      expanded: expandedProp,
+      onChange,
+      square = false,
+      TransitionComponent = Collapse,
+      TransitionProps
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const [expanded, setExpandedState] = useControlled({
     controlled: expandedProp,
     default: defaultExpanded,
@@ -141,7 +137,6 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
   });
   const handleChange = React.useCallback(event => {
     setExpandedState(!expanded);
-
     if (onChange) {
       onChange(event, !expanded);
     }
@@ -153,14 +148,12 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
     disableGutters,
     toggle: handleChange
   }), [expanded, disabled, disableGutters, handleChange]);
-
   const ownerState = _extends({}, props, {
     square,
     disabled,
     disableGutters,
     expanded
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(AccordionRoot, _extends({
     className: clsx(classes.root, className),
@@ -185,65 +178,52 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
     }))]
   }));
 });
-process.env.NODE_ENV !== "production" ? Accordion.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Accordion.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: chainPropTypes(PropTypes.node.isRequired, props => {
     const summary = React.Children.toArray(props.children)[0];
-
     if (isFragment(summary)) {
       return new Error("MUI: The Accordion doesn't accept a Fragment as a child. " + 'Consider providing an array instead.');
     }
-
     if (! /*#__PURE__*/React.isValidElement(summary)) {
       return new Error('MUI: Expected the first child of Accordion to be a valid element.');
     }
-
     return null;
   }),
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * If `true`, expands the accordion by default.
    * @default false
    */
   defaultExpanded: PropTypes.bool,
-
   /**
    * If `true`, the component is disabled.
    * @default false
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true`, it removes the margin between two expanded accordion items and the increase of height.
    * @default false
    */
   disableGutters: PropTypes.bool,
-
   /**
    * If `true`, expands the accordion, otherwise collapse it.
    * Setting this prop enables control over the accordion.
    */
   expanded: PropTypes.bool,
-
   /**
    * Callback fired when the expand/collapse state is changed.
    *
@@ -251,25 +231,21 @@ process.env.NODE_ENV !== "production" ? Accordion.propTypes
    * @param {boolean} expanded The `expanded` state of the accordion.
    */
   onChange: PropTypes.func,
-
   /**
    * If `true`, rounded corners are disabled.
    * @default false
    */
   square: PropTypes.bool,
-
   /**
    * 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 component used for the transition.
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Collapse
    */
   TransitionComponent: PropTypes.elementType,
-
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.

package/esm/Accordion/AccordionContext.js

@@ -1,13 +1,11 @@
 import * as React from 'react';
+
 /**
  * @ignore - internal component.
  * @type {React.Context<{} | {expanded: boolean, disabled: boolean, toggle: () => void}>}
  */
-
 const AccordionContext = /*#__PURE__*/React.createContext({});
-
 if (process.env.NODE_ENV !== 'production') {
   AccordionContext.displayName = 'AccordionContext';
 }
-
 export default AccordionContext;

package/esm/AccordionActions/AccordionActions.js

@@ -9,7 +9,6 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getAccordionActionsUtilityClass } from './accordionActionsClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -20,7 +19,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getAccordionActionsUtilityClass, classes);
 };
-
 const AccordionActionsRoot = styled('div', {
   name: 'MuiAccordionActions',
   slot: 'Root',
@@ -47,17 +45,14 @@ const AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions
     props: inProps,
     name: 'MuiAccordionActions'
   });
-
   const {
-    className,
-    disableSpacing = false
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      disableSpacing = false
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     disableSpacing
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(AccordionActionsRoot, _extends({
     className: clsx(classes.root, className),
@@ -65,35 +60,28 @@ const AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions
     ownerState: ownerState
   }, other));
 });
-process.env.NODE_ENV !== "production" ? AccordionActions.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? AccordionActions.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,
-
   /**
    * If `true`, the actions do not have additional margin.
    * @default false
    */
   disableSpacing: PropTypes.bool,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/AccordionDetails/AccordionDetails.js

@@ -9,7 +9,6 @@ import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getAccordionDetailsUtilityClass } from './accordionDetailsClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -19,7 +18,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getAccordionDetailsUtilityClass, classes);
 };
-
 const AccordionDetailsRoot = styled('div', {
   name: 'MuiAccordionDetails',
   slot: 'Root',
@@ -34,12 +32,10 @@ const AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails
     props: inProps,
     name: 'MuiAccordionDetails'
   });
-
   const {
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(AccordionDetailsRoot, _extends({
@@ -48,29 +44,23 @@ const AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails
     ownerState: ownerState
   }, other));
 });
-process.env.NODE_ENV !== "production" ? AccordionDetails.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? AccordionDetails.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 system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/AccordionSummary/AccordionSummary.js

@@ -12,7 +12,6 @@ import AccordionContext from '../Accordion/AccordionContext';
 import accordionSummaryClasses, { getAccordionSummaryUtilityClass } from './accordionSummaryClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -28,7 +27,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getAccordionSummaryUtilityClass, classes);
 };
-
 const AccordionSummaryRoot = styled(ButtonBase, {
   name: 'MuiAccordionSummary',
   slot: 'Root',
@@ -101,39 +99,33 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
     props: inProps,
     name: 'MuiAccordionSummary'
   });
-
   const {
-    children,
-    className,
-    expandIcon,
-    focusVisibleClassName,
-    onClick
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      className,
+      expandIcon,
+      focusVisibleClassName,
+      onClick
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     disabled = false,
     disableGutters,
     expanded,
     toggle
   } = React.useContext(AccordionContext);
-
   const handleChange = event => {
     if (toggle) {
       toggle(event);
     }
-
     if (onClick) {
       onClick(event);
     }
   };
-
   const ownerState = _extends({}, props, {
     expanded,
     disabled,
     disableGutters
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(AccordionSummaryRoot, _extends({
     focusRipple: false,
@@ -158,34 +150,27 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
     })]
   }));
 });
-process.env.NODE_ENV !== "production" ? AccordionSummary.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? AccordionSummary.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 icon to display as the expand indicator.
    */
   expandIcon: PropTypes.node,
-
   /**
    * This prop can help identify which element has keyboard focus.
    * The class name will be applied when the element gains the focus through keyboard interaction.
@@ -195,12 +180,10 @@ process.env.NODE_ENV !== "production" ? AccordionSummary.propTypes
    * if needed.
    */
   focusVisibleClassName: PropTypes.string,
-
   /**
    * @ignore
    */
   onClick: PropTypes.func,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/Alert/Alert.js

@@ -19,7 +19,6 @@ import InfoOutlinedIcon from '../internal/svg-icons/InfoOutlined';
 import CloseIcon from '../internal/svg-icons/Close';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     variant,
@@ -35,7 +34,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getAlertUtilityClass, classes);
 };
-
 const AlertRoot = styled(Paper, {
   name: 'MuiAlert',
   slot: 'Root',
@@ -129,37 +127,33 @@ const defaultIconMapping = {
 };
 const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
   var _ref, _slots$closeButton, _ref2, _slots$closeIcon, _slotProps$closeButto, _slotProps$closeIcon;
-
   const props = useThemeProps({
     props: inProps,
     name: 'MuiAlert'
   });
-
   const {
-    action,
-    children,
-    className,
-    closeText = 'Close',
-    color,
-    components = {},
-    componentsProps = {},
-    icon,
-    iconMapping = defaultIconMapping,
-    onClose,
-    role = 'alert',
-    severity = 'success',
-    slotProps = {},
-    slots = {},
-    variant = 'standard'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      action,
+      children,
+      className,
+      closeText = 'Close',
+      color,
+      components = {},
+      componentsProps = {},
+      icon,
+      iconMapping = defaultIconMapping,
+      onClose,
+      role = 'alert',
+      severity = 'success',
+      slotProps = {},
+      slots = {},
+      variant = 'standard'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     color,
     severity,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
   const AlertCloseButton = (_ref = (_slots$closeButton = slots.closeButton) != null ? _slots$closeButton : components.CloseButton) != null ? _ref : IconButton;
   const AlertCloseIcon = (_ref2 = (_slots$closeIcon = slots.closeIcon) != null ? _slots$closeIcon : components.CloseIcon) != null ? _ref2 : CloseIcon;
@@ -201,34 +195,27 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
     }) : null]
   }));
 });
-process.env.NODE_ENV !== "production" ? Alert.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Alert.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. It renders after the message, at the end of the alert.
    */
   action: PropTypes.node,
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * Override the default label for the *close popup* icon button.
    *
@@ -236,16 +223,12 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
    * @default 'Close'
    */
   closeText: PropTypes.string,
-
   /**
    * The color of the component. Unless provided, the value is taken from the `severity` prop.
    * 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', 'success', 'warning']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'info', 'success', 'warning']), PropTypes.string]),
   /**
    * The components used for each slot inside.
    *
@@ -258,7 +241,6 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
     CloseButton: PropTypes.elementType,
     CloseIcon: PropTypes.elementType
   }),
-
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -272,14 +254,12 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
     closeButton: PropTypes.object,
     closeIcon: PropTypes.object
   }),
-
   /**
    * Override the icon displayed before the children.
    * Unless provided, the icon is mapped to the value of the `severity` prop.
    * Set to `false` to remove the `icon`.
    */
   icon: PropTypes.node,
-
   /**
    * The component maps the `severity` prop to a range of different icons,
    * for instance success to `<SuccessOutlined>`.
@@ -292,26 +272,22 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
     success: PropTypes.node,
     warning: PropTypes.node
   }),
-
   /**
    * Callback fired when the component requests to be closed.
    * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
    * @param {React.SyntheticEvent} event The event source of the callback.
    */
   onClose: PropTypes.func,
-
   /**
    * The ARIA role attribute of the element.
    * @default 'alert'
    */
   role: PropTypes.string,
-
   /**
    * The severity of the alert. This defines the color and icon used.
    * @default 'success'
    */
   severity: PropTypes.oneOf(['error', 'info', 'success', 'warning']),
-
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -324,7 +300,6 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
     closeButton: PropTypes.object,
     closeIcon: PropTypes.object
   }),
-
   /**
    * The components used for each slot inside.
    *
@@ -336,18 +311,14 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
     closeButton: PropTypes.elementType,
     closeIcon: PropTypes.elementType
   }),
-
   /**
    * 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 'standard'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['filled', 'outlined', 'standard']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['filled', 'outlined', 'standard']), PropTypes.string])
 } : void 0;
 export default Alert;