@mui/material 5.10.13 → 5.10.14

package/legacy/ToggleButtonGroup/ToggleButtonGroup.js

@@ -12,19 +12,17 @@ import capitalize from '../utils/capitalize';
 import isValueSelected from './isValueSelected';
 import toggleButtonGroupClasses, { getToggleButtonGroupUtilityClass } from './toggleButtonGroupClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      orientation = ownerState.orientation,
-      fullWidth = ownerState.fullWidth,
-      disabled = ownerState.disabled;
+    orientation = ownerState.orientation,
+    fullWidth = ownerState.fullWidth,
+    disabled = ownerState.disabled;
   var slots = {
     root: ['root', orientation === 'vertical' && 'vertical', fullWidth && 'fullWidth'],
     grouped: ['grouped', "grouped".concat(capitalize(orientation)), disabled && 'disabled']
   };
   return composeClasses(slots, getToggleButtonGroupUtilityClass, classes);
 };
-
 var ToggleButtonGroupRoot = styled('div', {
   name: 'MuiToggleButtonGroup',
   slot: 'Root',
@@ -34,7 +32,7 @@ var ToggleButtonGroupRoot = styled('div', {
   }
 })(function (_ref3) {
   var ownerState = _ref3.ownerState,
-      theme = _ref3.theme;
+    theme = _ref3.theme;
   return _extends({
     display: 'inline-flex',
     borderRadius: (theme.vars || theme).shape.borderRadius
@@ -77,60 +75,50 @@ var ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function ToggleButtonGroup
     props: inProps,
     name: 'MuiToggleButtonGroup'
   });
-
   var children = props.children,
-      className = props.className,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'standard' : _props$color,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$exclusive = props.exclusive,
-      exclusive = _props$exclusive === void 0 ? false : _props$exclusive,
-      _props$fullWidth = props.fullWidth,
-      fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,
-      onChange = props.onChange,
-      _props$orientation = props.orientation,
-      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      value = props.value,
-      other = _objectWithoutProperties(props, ["children", "className", "color", "disabled", "exclusive", "fullWidth", "onChange", "orientation", "size", "value"]);
-
+    className = props.className,
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'standard' : _props$color,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$exclusive = props.exclusive,
+    exclusive = _props$exclusive === void 0 ? false : _props$exclusive,
+    _props$fullWidth = props.fullWidth,
+    fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,
+    onChange = props.onChange,
+    _props$orientation = props.orientation,
+    orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    value = props.value,
+    other = _objectWithoutProperties(props, ["children", "className", "color", "disabled", "exclusive", "fullWidth", "onChange", "orientation", "size", "value"]);
   var ownerState = _extends({}, props, {
     disabled: disabled,
     fullWidth: fullWidth,
     orientation: orientation,
     size: size
   });
-
   var classes = useUtilityClasses(ownerState);
-
   var handleChange = function handleChange(event, buttonValue) {
     if (!onChange) {
       return;
     }
-
     var index = value && value.indexOf(buttonValue);
     var newValue;
-
     if (value && index >= 0) {
       newValue = value.slice();
       newValue.splice(index, 1);
     } else {
       newValue = value ? value.concat(buttonValue) : [buttonValue];
     }
-
     onChange(event, newValue);
   };
-
   var handleExclusiveChange = function handleExclusiveChange(event, buttonValue) {
     if (!onChange) {
       return;
     }
-
     onChange(event, value === buttonValue ? null : buttonValue);
   };
-
   return /*#__PURE__*/_jsx(ToggleButtonGroupRoot, _extends({
     role: "group",
     className: clsx(classes.root, className),
@@ -141,13 +129,11 @@ var ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function ToggleButtonGroup
       if (! /*#__PURE__*/React.isValidElement(child)) {
         return null;
       }
-
       if (process.env.NODE_ENV !== 'production') {
         if (isFragment(child)) {
           console.error(["MUI: The ToggleButtonGroup component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
         }
       }
-
       return /*#__PURE__*/React.cloneElement(child, {
         className: clsx(classes.grouped, child.props.className),
         onChange: exclusive ? handleExclusiveChange : handleChange,
@@ -160,57 +146,45 @@ var ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function ToggleButtonGroup
     })
   }));
 });
-process.env.NODE_ENV !== "production" ? ToggleButtonGroup.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? ToggleButtonGroup.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 color of the button when it is selected.
    * 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 'standard'
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['standard', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['standard', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
   /**
    * If `true`, the component is disabled. This implies that all ToggleButton children will be disabled.
    * @default false
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true`, only allow one of the child ToggleButton values to be selected.
    * @default false
    */
   exclusive: PropTypes.bool,
-
   /**
    * If `true`, the button group will take up the full width of its container.
    * @default false
    */
   fullWidth: PropTypes.bool,
-
   /**
    * Callback fired when the value changes.
    *
@@ -220,26 +194,20 @@ process.env.NODE_ENV !== "production" ? ToggleButtonGroup.propTypes
    * is selected and `exclusive` is true the value is null; when false an empty array.
    */
   onChange: PropTypes.func,
-
   /**
    * The component orientation (layout flow direction).
    * @default 'horizontal'
    */
   orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
-
+  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), 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 currently selected value within the group or an array of selected
    * values when `exclusive` is false.

package/legacy/ToggleButtonGroup/isValueSelected.js

@@ -4,10 +4,8 @@ export default function isValueSelected(value, candidate) {
   if (candidate === undefined || value === undefined) {
     return false;
   }
-
   if (Array.isArray(candidate)) {
     return candidate.indexOf(value) >= 0;
   }
-
   return value === candidate;
 }

package/legacy/Toolbar/Toolbar.js

@@ -9,17 +9,15 @@ import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import { getToolbarUtilityClass } from './toolbarClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      disableGutters = ownerState.disableGutters,
-      variant = ownerState.variant;
+    disableGutters = ownerState.disableGutters,
+    variant = ownerState.variant;
   var slots = {
     root: ['root', !disableGutters && 'gutters', variant]
   };
   return composeClasses(slots, getToolbarUtilityClass, classes);
 };
-
 var ToolbarRoot = styled('div', {
   name: 'MuiToolbar',
   slot: 'Root',
@@ -29,7 +27,7 @@ var ToolbarRoot = styled('div', {
   }
 })(function (_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     position: 'relative',
     display: 'flex',
@@ -45,7 +43,7 @@ var ToolbarRoot = styled('div', {
   });
 }, function (_ref3) {
   var theme = _ref3.theme,
-      ownerState = _ref3.ownerState;
+    ownerState = _ref3.ownerState;
   return ownerState.variant === 'regular' && theme.mixins.toolbar;
 });
 var Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(inProps, ref) {
@@ -53,22 +51,19 @@ var Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(inProps, ref) {
     props: inProps,
     name: 'MuiToolbar'
   });
-
   var className = props.className,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'div' : _props$component,
-      _props$disableGutters = props.disableGutters,
-      disableGutters = _props$disableGutters === void 0 ? false : _props$disableGutters,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'regular' : _props$variant,
-      other = _objectWithoutProperties(props, ["className", "component", "disableGutters", "variant"]);
-
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'div' : _props$component,
+    _props$disableGutters = props.disableGutters,
+    disableGutters = _props$disableGutters === void 0 ? false : _props$disableGutters,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'regular' : _props$variant,
+    other = _objectWithoutProperties(props, ["className", "component", "disableGutters", "variant"]);
   var ownerState = _extends({}, props, {
     component: component,
     disableGutters: disableGutters,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(ToolbarRoot, _extends({
     as: component,
@@ -77,53 +72,42 @@ var Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(inProps, ref) {
     ownerState: ownerState
   }, other));
 });
-process.env.NODE_ENV !== "production" ? Toolbar.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Toolbar.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 Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.
    * The Toolbar is a flex container, allowing flex item properites to be used to lay out the children.
    */
   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`, disables gutter padding.
    * @default false
    */
   disableGutters: 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 variant to use.
    * @default 'regular'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['dense', 'regular']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['dense', 'regular']), PropTypes.string])
 } : void 0;
 export default Toolbar;