@mui/material 5.10.13 → 5.10.14

package/modern/FormLabel/FormLabel.js

@@ -12,7 +12,6 @@ import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import formLabelClasses, { getFormLabelUtilityClasses } from './formLabelClasses';
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -29,7 +28,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getFormLabelUtilityClasses, classes);
 };
-
 export const FormLabelRoot = styled('label', {
   name: 'MuiFormLabel',
   slot: 'Root',
@@ -73,21 +71,18 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref)
     props: inProps,
     name: 'MuiFormLabel'
   });
-
   const {
-    children,
-    className,
-    component = 'label'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      className,
+      component = 'label'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
     muiFormControl,
     states: ['color', 'required', 'focused', 'disabled', 'error', 'filled']
   });
-
   const ownerState = _extends({}, props, {
     color: fcs.color || 'primary',
     component,
@@ -97,7 +92,6 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref)
     focused: fcs.focused,
     required: fcs.required
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(FormLabelRoot, _extends({
     as: component,
@@ -113,69 +107,54 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref)
     })]
   }));
 });
-process.env.NODE_ENV !== "production" ? FormLabel.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? FormLabel.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 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).
    */
-  color: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'info', 'primary', 'secondary', '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,
-
   /**
    * If `true`, the label should be displayed in a disabled state.
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true`, the label is displayed in an error state.
    */
   error: PropTypes.bool,
-
   /**
    * If `true`, the label should use filled classes key.
    */
   filled: PropTypes.bool,
-
   /**
    * If `true`, the input of this label is focused (used by `FormGroup` components).
    */
   focused: PropTypes.bool,
-
   /**
    * If `true`, the label will indicate that the `input` is required.
    */
   required: PropTypes.bool,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/modern/GlobalStyles/GlobalStyles.js

@@ -4,21 +4,16 @@ import PropTypes from 'prop-types';
 import { GlobalStyles as SystemGlobalStyles } from '@mui/system';
 import defaultTheme from '../styles/defaultTheme';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function GlobalStyles(props) {
   return /*#__PURE__*/_jsx(SystemGlobalStyles, _extends({}, props, {
     defaultTheme: defaultTheme
   }));
 }
-
-process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? GlobalStyles.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 styles you want to apply globally.
    */

package/modern/Grid/Grid.js

@@ -23,12 +23,10 @@ import useTheme from '../styles/useTheme';
 import GridContext from './GridContext';
 import gridClasses, { getGridUtilityClass } from './gridClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function getOffset(val) {
   const parse = parseFloat(val);
   return `${parse}${String(val).replace(String(parse), '') || 'px'}`;
 }
-
 export function generateGrid({
   theme,
   ownerState
@@ -37,15 +35,12 @@ export function generateGrid({
   return theme.breakpoints.keys.reduce((globalStyles, breakpoint) => {
     // Use side effect over immutability for better performance.
     let styles = {};
-
     if (ownerState[breakpoint]) {
       size = ownerState[breakpoint];
     }
-
     if (!size) {
       return globalStyles;
     }
-
     if (size === true) {
       // For the auto layouting
       styles = {
@@ -67,18 +62,14 @@ export function generateGrid({
         breakpoints: theme.breakpoints.values
       });
       const columnValue = typeof columnsBreakpointValues === 'object' ? columnsBreakpointValues[breakpoint] : columnsBreakpointValues;
-
       if (columnValue === undefined || columnValue === null) {
         return globalStyles;
-      } // Keep 7 significant numbers.
-
-
+      }
+      // Keep 7 significant numbers.
       const width = `${Math.round(size / columnValue * 10e7) / 10e5}%`;
       let more = {};
-
       if (ownerState.container && ownerState.item && ownerState.columnSpacing !== 0) {
         const themeSpacing = theme.spacing(ownerState.columnSpacing);
-
         if (themeSpacing !== '0px') {
           const fullWidth = `calc(${width} + ${getOffset(themeSpacing)})`;
           more = {
@@ -86,24 +77,23 @@ export function generateGrid({
             maxWidth: fullWidth
           };
         }
-      } // Close to the bootstrap implementation:
-      // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
-
+      }
 
+      // Close to the bootstrap implementation:
+      // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
       styles = _extends({
         flexBasis: width,
         flexGrow: 0,
         maxWidth: width
       }, more);
-    } // No need for a media query for the first size.
-
+    }
 
+    // No need for a media query for the first size.
     if (theme.breakpoints.values[breakpoint] === 0) {
       Object.assign(globalStyles, styles);
     } else {
       globalStyles[theme.breakpoints.up(breakpoint)] = styles;
     }
-
     return globalStyles;
   }, {});
 }
@@ -121,22 +111,20 @@ export function generateDirection({
     const output = {
       flexDirection: propValue
     };
-
     if (propValue.indexOf('column') === 0) {
       output[`& > .${gridClasses.item}`] = {
         maxWidth: 'none'
       };
     }
-
     return output;
   });
 }
+
 /**
  * Extracts zero value breakpoint keys before a non-zero value breakpoint key.
  * @example { xs: 0, sm: 0, md: 2, lg: 0, xl: 0 } or [0, 0, 2, 0, 0]
  * @returns [xs, sm]
  */
-
 function extractZeroValueBreakpointKeys({
   breakpoints,
   values
@@ -146,7 +134,6 @@ function extractZeroValueBreakpointKeys({
     if (nonZeroKey !== '') {
       return;
     }
-
     if (values[key] !== 0) {
       nonZeroKey = key;
     }
@@ -156,7 +143,6 @@ function extractZeroValueBreakpointKeys({
   });
   return sortedBreakpointKeysByValue.slice(0, sortedBreakpointKeysByValue.indexOf(nonZeroKey));
 }
-
 export function generateRowGap({
   theme,
   ownerState
@@ -166,26 +152,22 @@ export function generateRowGap({
     rowSpacing
   } = ownerState;
   let styles = {};
-
   if (container && rowSpacing !== 0) {
     const rowSpacingValues = resolveBreakpointValues({
       values: rowSpacing,
       breakpoints: theme.breakpoints.values
     });
     let zeroValueBreakpointKeys;
-
     if (typeof rowSpacingValues === 'object') {
       zeroValueBreakpointKeys = extractZeroValueBreakpointKeys({
         breakpoints: theme.breakpoints.values,
         values: rowSpacingValues
       });
     }
-
     styles = handleBreakpoints({
       theme
     }, rowSpacingValues, (propValue, breakpoint) => {
       const themeSpacing = theme.spacing(propValue);
-
       if (themeSpacing !== '0px') {
         return {
           marginTop: `-${getOffset(themeSpacing)}`,
@@ -194,11 +176,9 @@ export function generateRowGap({
           }
         };
       }
-
       if (zeroValueBreakpointKeys?.includes(breakpoint)) {
         return {};
       }
-
       return {
         marginTop: 0,
         [`& > .${gridClasses.item}`]: {
@@ -207,7 +187,6 @@ export function generateRowGap({
       };
     });
   }
-
   return styles;
 }
 export function generateColumnGap({
@@ -219,26 +198,22 @@ export function generateColumnGap({
     columnSpacing
   } = ownerState;
   let styles = {};
-
   if (container && columnSpacing !== 0) {
     const columnSpacingValues = resolveBreakpointValues({
       values: columnSpacing,
       breakpoints: theme.breakpoints.values
     });
     let zeroValueBreakpointKeys;
-
     if (typeof columnSpacingValues === 'object') {
       zeroValueBreakpointKeys = extractZeroValueBreakpointKeys({
         breakpoints: theme.breakpoints.values,
         values: columnSpacingValues
       });
     }
-
     styles = handleBreakpoints({
       theme
     }, columnSpacingValues, (propValue, breakpoint) => {
       const themeSpacing = theme.spacing(propValue);
-
       if (themeSpacing !== '0px') {
         return {
           width: `calc(100% + ${getOffset(themeSpacing)})`,
@@ -248,11 +223,9 @@ export function generateColumnGap({
           }
         };
       }
-
       if (zeroValueBreakpointKeys?.includes(breakpoint)) {
         return {};
       }
-
       return {
         width: '100%',
         marginLeft: 0,
@@ -262,37 +235,34 @@ export function generateColumnGap({
       };
     });
   }
-
   return styles;
 }
 export function resolveSpacingStyles(spacing, breakpoints, styles = {}) {
   // undefined/null or `spacing` <= 0
   if (!spacing || spacing <= 0) {
     return [];
-  } // in case of string/number `spacing`
-
-
+  }
+  // in case of string/number `spacing`
   if (typeof spacing === 'string' && !Number.isNaN(Number(spacing)) || typeof spacing === 'number') {
     return [styles[`spacing-xs-${String(spacing)}`]];
-  } // in case of object `spacing`
-
-
+  }
+  // in case of object `spacing`
   const spacingStyles = [];
   breakpoints.forEach(breakpoint => {
     const value = spacing[breakpoint];
-
     if (Number(value) > 0) {
       spacingStyles.push(styles[`spacing-${breakpoint}-${String(value)}`]);
     }
   });
   return spacingStyles;
-} // Default CSS values
+}
+
+// Default CSS values
 // flex: '0 1 auto',
 // flexDirection: 'row',
 // alignItems: 'flex-start',
 // flexWrap: 'nowrap',
 // justifyContent: 'flex-start',
-
 const GridRoot = styled('div', {
   name: 'MuiGrid',
   slot: 'Root',
@@ -309,16 +279,15 @@ const GridRoot = styled('div', {
       zeroMinWidth,
       breakpoints
     } = ownerState;
-    let spacingStyles = []; // in case of grid item
+    let spacingStyles = [];
 
+    // in case of grid item
     if (container) {
       spacingStyles = resolveSpacingStyles(spacing, breakpoints, styles);
     }
-
     const breakpointsStyles = [];
     breakpoints.forEach(breakpoint => {
       const value = ownerState[breakpoint];
-
       if (value) {
         breakpointsStyles.push(styles[`grid-${breakpoint}-${String(value)}`]);
       }
@@ -335,7 +304,6 @@ const GridRoot = styled('div', {
   width: '100%'
 }, ownerState.item && {
   margin: 0 // For instance, it's useful when used with a `figure` element.
-
 }, ownerState.zeroMinWidth && {
   minWidth: 0
 }, ownerState.wrap !== 'wrap' && {
@@ -345,18 +313,15 @@ export function resolveSpacingClasses(spacing, breakpoints) {
   // undefined/null or `spacing` <= 0
   if (!spacing || spacing <= 0) {
     return [];
-  } // in case of string/number `spacing`
-
-
+  }
+  // in case of string/number `spacing`
   if (typeof spacing === 'string' && !Number.isNaN(Number(spacing)) || typeof spacing === 'number') {
     return [`spacing-xs-${String(spacing)}`];
-  } // in case of object `spacing`
-
-
+  }
+  // in case of object `spacing`
   const classes = [];
   breakpoints.forEach(breakpoint => {
     const value = spacing[breakpoint];
-
     if (Number(value) > 0) {
       const className = `spacing-${breakpoint}-${String(value)}`;
       classes.push(className);
@@ -364,7 +329,6 @@ export function resolveSpacingClasses(spacing, breakpoints) {
   });
   return classes;
 }
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -376,16 +340,15 @@ const useUtilityClasses = ownerState => {
     zeroMinWidth,
     breakpoints
   } = ownerState;
-  let spacingClasses = []; // in case of grid item
+  let spacingClasses = [];
 
+  // in case of grid item
   if (container) {
     spacingClasses = resolveSpacingClasses(spacing, breakpoints);
   }
-
   const breakpointsClasses = [];
   breakpoints.forEach(breakpoint => {
     const value = ownerState[breakpoint];
-
     if (value) {
       breakpointsClasses.push(`grid-${breakpoint}-${String(value)}`);
     }
@@ -395,7 +358,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getGridUtilityClass, classes);
 };
-
 const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
   const themeProps = useThemeProps({
     props: inProps,
@@ -405,38 +367,34 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
     breakpoints
   } = useTheme();
   const props = extendSxProp(themeProps);
-
   const {
-    className,
-    columns: columnsProp,
-    columnSpacing: columnSpacingProp,
-    component = 'div',
-    container = false,
-    direction = 'row',
-    item = false,
-    rowSpacing: rowSpacingProp,
-    spacing = 0,
-    wrap = 'wrap',
-    zeroMinWidth = false
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      columns: columnsProp,
+      columnSpacing: columnSpacingProp,
+      component = 'div',
+      container = false,
+      direction = 'row',
+      item = false,
+      rowSpacing: rowSpacingProp,
+      spacing = 0,
+      wrap = 'wrap',
+      zeroMinWidth = false
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const rowSpacing = rowSpacingProp || spacing;
   const columnSpacing = columnSpacingProp || spacing;
-  const columnsContext = React.useContext(GridContext); // columns set with default breakpoint unit of 12
+  const columnsContext = React.useContext(GridContext);
 
+  // columns set with default breakpoint unit of 12
   const columns = container ? columnsProp || 12 : columnsContext;
   const breakpointsValues = {};
-
   const otherFiltered = _extends({}, other);
-
   breakpoints.keys.forEach(breakpoint => {
     if (other[breakpoint] != null) {
       breakpointsValues[breakpoint] = other[breakpoint];
       delete otherFiltered[breakpoint];
     }
   });
-
   const ownerState = _extends({}, props, {
     columns,
     container,
@@ -450,7 +408,6 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
   }, breakpointsValues, {
     breakpoints: breakpoints.keys
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(GridContext.Provider, {
     value: columns,
@@ -462,68 +419,56 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
     }, otherFiltered))
   });
 });
-process.env.NODE_ENV !== "production" ? Grid.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Grid.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 number of columns.
    * @default 12
    */
   columns: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number, PropTypes.object]),
-
   /**
    * Defines the horizontal space between the type `item` components.
    * It overrides the value of the `spacing` prop.
    */
   columnSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, 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`, the component will have the flex *container* behavior.
    * You should be wrapping *items* with a *container*.
    * @default false
    */
   container: PropTypes.bool,
-
   /**
    * Defines the `flex-direction` style property.
    * It is applied for all screen sizes.
    * @default 'row'
    */
   direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
-
   /**
    * If `true`, the component will have the flex *item* behavior.
    * You should be wrapping *items* with a *container*.
    * @default false
    */
   item: PropTypes.bool,
-
   /**
    * If a number, it sets the number of columns the grid item uses.
    * It can't be greater than the total number of columns of the container (12 by default).
@@ -534,7 +479,6 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes
    * @default false
    */
   lg: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /**
    * If a number, it sets the number of columns the grid item uses.
    * It can't be greater than the total number of columns of the container (12 by default).
@@ -545,13 +489,11 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes
    * @default false
    */
   md: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /**
    * Defines the vertical space between the type `item` components.
    * It overrides the value of the `spacing` prop.
    */
   rowSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /**
    * If a number, it sets the number of columns the grid item uses.
    * It can't be greater than the total number of columns of the container (12 by default).
@@ -562,26 +504,22 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes
    * @default false
    */
   sm: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /**
    * Defines the space between the type `item` components.
    * It can only be used on a type `container` component.
    * @default 0
    */
   spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, 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]),
-
   /**
    * Defines the `flex-wrap` style property.
    * It's applied for all screen sizes.
    * @default 'wrap'
    */
   wrap: PropTypes.oneOf(['nowrap', 'wrap-reverse', 'wrap']),
-
   /**
    * If a number, it sets the number of columns the grid item uses.
    * It can't be greater than the total number of columns of the container (12 by default).
@@ -592,7 +530,6 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes
    * @default false
    */
   xl: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /**
    * If a number, it sets the number of columns the grid item uses.
    * It can't be greater than the total number of columns of the container (12 by default).
@@ -603,7 +540,6 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes
    * @default false
    */
   xs: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /**
    * If `true`, it sets `min-width: 0` on the item.
    * Refer to the limitations section of the documentation to better understand the use case.
@@ -611,10 +547,9 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes
    */
   zeroMinWidth: PropTypes.bool
 } : void 0;
-
 if (process.env.NODE_ENV !== 'production') {
-  const requireProp = requirePropFactory('Grid', Grid); // eslint-disable-next-line no-useless-concat
-
+  const requireProp = requirePropFactory('Grid', Grid);
+  // eslint-disable-next-line no-useless-concat
   Grid['propTypes' + ''] = _extends({}, Grid.propTypes, {
     direction: requireProp('container'),
     lg: requireProp('item'),
@@ -626,5 +561,4 @@ if (process.env.NODE_ENV !== 'production') {
     zeroMinWidth: requireProp('item')
   });
 }
-
 export default Grid;

package/modern/Grid/GridContext.js

@@ -1,12 +1,10 @@
 import * as React from 'react';
+
 /**
  * @ignore - internal component.
  */
-
 const GridContext = /*#__PURE__*/React.createContext();
-
 if (process.env.NODE_ENV !== 'production') {
   GridContext.displayName = 'GridContext';
 }
-
 export default GridContext;