@mui/material 5.10.12 → 5.10.14

package/legacy/PaginationItem/PaginationItem.js

@@ -18,21 +18,19 @@ import NavigateNextIcon from '../internal/svg-icons/NavigateNext';
 import styled from '../styles/styled';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var overridesResolver = function overridesResolver(props, styles) {
   var ownerState = props.ownerState;
   return [styles.root, styles[ownerState.variant], styles["size".concat(capitalize(ownerState.size))], ownerState.variant === 'text' && styles["text".concat(capitalize(ownerState.color))], ownerState.variant === 'outlined' && styles["outlined".concat(capitalize(ownerState.color))], ownerState.shape === 'rounded' && styles.rounded, ownerState.type === 'page' && styles.page, (ownerState.type === 'start-ellipsis' || ownerState.type === 'end-ellipsis') && styles.ellipsis, (ownerState.type === 'previous' || ownerState.type === 'next') && styles.previousNext, (ownerState.type === 'first' || ownerState.type === 'last') && styles.firstLast];
 };
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      color = ownerState.color,
-      disabled = ownerState.disabled,
-      selected = ownerState.selected,
-      size = ownerState.size,
-      shape = ownerState.shape,
-      type = ownerState.type,
-      variant = ownerState.variant;
+    color = ownerState.color,
+    disabled = ownerState.disabled,
+    selected = ownerState.selected,
+    size = ownerState.size,
+    shape = ownerState.shape,
+    type = ownerState.type,
+    variant = ownerState.variant;
   var slots = {
     root: ['root', "size".concat(capitalize(size)), variant, shape, color !== 'standard' && "".concat(variant).concat(capitalize(color)), disabled && 'disabled', selected && 'selected', {
       page: 'page',
@@ -47,14 +45,13 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getPaginationItemUtilityClass, classes);
 };
-
 var PaginationItemEllipsis = styled('div', {
   name: 'MuiPaginationItem',
   slot: 'Root',
   overridesResolver: overridesResolver
 })(function (_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({}, theme.typography.body2, _defineProperty({
     borderRadius: 32 / 2,
     textAlign: 'center',
@@ -84,9 +81,8 @@ var PaginationItemPage = styled(ButtonBase, {
   overridesResolver: overridesResolver
 })(function (_ref2) {
   var _$concat, _extends3;
-
   var theme = _ref2.theme,
-      ownerState = _ref2.ownerState;
+    ownerState = _ref2.ownerState;
   return _extends({}, theme.typography.body2, (_extends3 = {
     borderRadius: 32 / 2,
     textAlign: 'center',
@@ -140,7 +136,7 @@ var PaginationItemPage = styled(ButtonBase, {
   });
 }, function (_ref3) {
   var theme = _ref3.theme,
-      ownerState = _ref3.ownerState;
+    ownerState = _ref3.ownerState;
   return _extends({}, ownerState.variant === 'text' && _defineProperty({}, "&.".concat(paginationItemClasses.selected), _extends({}, ownerState.color !== 'standard' && _defineProperty({
     color: (theme.vars || theme).palette[ownerState.color].contrastText,
     backgroundColor: (theme.vars || theme).palette[ownerState.color].main,
@@ -183,7 +179,7 @@ var PaginationItemPageIcon = styled('div', {
   }
 })(function (_ref8) {
   var theme = _ref8.theme,
-      ownerState = _ref8.ownerState;
+    ownerState = _ref8.ownerState;
   return _extends({
     fontSize: theme.typography.pxToRem(20),
     margin: '0 -8px'
@@ -198,33 +194,28 @@ var PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inPro
     props: inProps,
     name: 'MuiPaginationItem'
   });
-
   var className = props.className,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'standard' : _props$color,
-      component = props.component,
-      _props$components = props.components,
-      components = _props$components === void 0 ? {
-    first: FirstPageIcon,
-    last: LastPageIcon,
-    next: NavigateNextIcon,
-    previous: NavigateBeforeIcon
-  } : _props$components,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      page = props.page,
-      _props$selected = props.selected,
-      selected = _props$selected === void 0 ? false : _props$selected,
-      _props$shape = props.shape,
-      shape = _props$shape === void 0 ? 'circular' : _props$shape,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'page' : _props$type,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'text' : _props$variant,
-      other = _objectWithoutProperties(props, ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "type", "variant"]);
-
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'standard' : _props$color,
+    component = props.component,
+    _props$components = props.components,
+    components = _props$components === void 0 ? {} : _props$components,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    page = props.page,
+    _props$selected = props.selected,
+    selected = _props$selected === void 0 ? false : _props$selected,
+    _props$shape = props.shape,
+    shape = _props$shape === void 0 ? 'circular' : _props$shape,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    _props$slots = props.slots,
+    slots = _props$slots === void 0 ? {} : _props$slots,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'page' : _props$type,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'text' : _props$variant,
+    other = _objectWithoutProperties(props, ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"]);
   var ownerState = _extends({}, props, {
     color: color,
     disabled: disabled,
@@ -234,19 +225,18 @@ var PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inPro
     type: type,
     variant: variant
   });
-
   var theme = useTheme();
   var classes = useUtilityClasses(ownerState);
   var normalizedIcons = theme.direction === 'rtl' ? {
-    previous: components.next || NavigateNextIcon,
-    next: components.previous || NavigateBeforeIcon,
-    last: components.first || FirstPageIcon,
-    first: components.last || LastPageIcon
+    previous: slots.next || components.next || NavigateNextIcon,
+    next: slots.previous || components.previous || NavigateBeforeIcon,
+    last: slots.first || components.first || FirstPageIcon,
+    first: slots.last || components.last || LastPageIcon
   } : {
-    previous: components.previous || NavigateBeforeIcon,
-    next: components.next || NavigateNextIcon,
-    first: components.first || FirstPageIcon,
-    last: components.last || LastPageIcon
+    previous: slots.previous || components.previous || NavigateBeforeIcon,
+    next: slots.next || components.next || NavigateNextIcon,
+    first: slots.first || components.first || FirstPageIcon,
+    last: slots.last || components.last || LastPageIcon
   };
   var Icon = normalizedIcons[type];
   return type === 'start-ellipsis' || type === 'end-ellipsis' ? /*#__PURE__*/_jsx(PaginationItemEllipsis, {
@@ -268,53 +258,42 @@ var PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inPro
     }) : null]
   }));
 });
-process.env.NODE_ENV !== "production" ? PaginationItem.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? PaginationItem.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * @ignore
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The active color.
    * 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(['primary', 'secondary', 'standard']), PropTypes.string]),
-
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary', 'standard']), PropTypes.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
-   * The components used for first, last, next & previous item type
-   * @default {
-   *   first: FirstPageIcon,
-   *   last: LastPageIcon,
-   *   next: NavigateNextIcon,
-   *   previous: NavigateBeforeIcon,
-   * }
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
    */
   components: PropTypes.shape({
     first: PropTypes.elementType,
@@ -322,55 +301,56 @@ process.env.NODE_ENV !== "production" ? PaginationItem.propTypes
     next: PropTypes.elementType,
     previous: PropTypes.elementType
   }),
-
   /**
    * If `true`, the component is disabled.
    * @default false
    */
   disabled: PropTypes.bool,
-
   /**
    * The current page number.
    */
   page: PropTypes.node,
-
   /**
    * If `true` the pagination item is selected.
    * @default false
    */
   selected: PropTypes.bool,
-
   /**
    * The shape of the pagination item.
    * @default 'circular'
    */
   shape: PropTypes.oneOf(['circular', 'rounded']),
-
   /**
    * 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 components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    first: PropTypes.elementType,
+    last: PropTypes.elementType,
+    next: PropTypes.elementType,
+    previous: 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 type of pagination item.
    * @default 'page'
    */
   type: PropTypes.oneOf(['end-ellipsis', 'first', 'last', 'next', 'page', 'previous', 'start-ellipsis']),
-
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['outlined', 'text']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['outlined', 'text']), PropTypes.string])
 } : void 0;
 export default PaginationItem;

package/legacy/Paper/Paper.js

@@ -9,32 +9,29 @@ import { alpha } from '@mui/system';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import useTheme from '../styles/useTheme';
-import { getPaperUtilityClass } from './paperClasses'; // Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61
+import { getPaperUtilityClass } from './paperClasses';
 
+// Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61
 import { jsx as _jsx } from "react/jsx-runtime";
 export var getOverlayAlpha = function getOverlayAlpha(elevation) {
   var alphaValue;
-
   if (elevation < 1) {
     alphaValue = 5.11916 * Math.pow(elevation, 2);
   } else {
     alphaValue = 4.5 * Math.log(elevation + 1) + 2;
   }
-
   return (alphaValue / 100).toFixed(2);
 };
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var square = ownerState.square,
-      elevation = ownerState.elevation,
-      variant = ownerState.variant,
-      classes = ownerState.classes;
+    elevation = ownerState.elevation,
+    variant = ownerState.variant,
+    classes = ownerState.classes;
   var slots = {
     root: ['root', variant, !square && 'rounded', variant === 'elevation' && "elevation".concat(elevation)]
   };
   return composeClasses(slots, getPaperUtilityClass, classes);
 };
-
 var PaperRoot = styled('div', {
   name: 'MuiPaper',
   slot: 'Root',
@@ -44,9 +41,8 @@ var PaperRoot = styled('div', {
   }
 })(function (_ref) {
   var _theme$vars$overlays;
-
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     backgroundColor: (theme.vars || theme).palette.background.paper,
     color: (theme.vars || theme).palette.text.primary,
@@ -68,36 +64,30 @@ var Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
     props: inProps,
     name: 'MuiPaper'
   });
-
   var className = props.className,
-      _props$component = props.component,
-      component = _props$component === void 0 ? 'div' : _props$component,
-      _props$elevation = props.elevation,
-      elevation = _props$elevation === void 0 ? 1 : _props$elevation,
-      _props$square = props.square,
-      square = _props$square === void 0 ? false : _props$square,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'elevation' : _props$variant,
-      other = _objectWithoutProperties(props, ["className", "component", "elevation", "square", "variant"]);
-
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'div' : _props$component,
+    _props$elevation = props.elevation,
+    elevation = _props$elevation === void 0 ? 1 : _props$elevation,
+    _props$square = props.square,
+    square = _props$square === void 0 ? false : _props$square,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'elevation' : _props$variant,
+    other = _objectWithoutProperties(props, ["className", "component", "elevation", "square", "variant"]);
   var ownerState = _extends({}, props, {
     component: component,
     elevation: elevation,
     square: square,
     variant: variant
   });
-
   var classes = useUtilityClasses(ownerState);
-
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     var theme = useTheme();
-
     if (theme.shadows[elevation] === undefined) {
       console.error(["MUI: The elevation provided <Paper elevation={".concat(elevation, "}> is not available in the theme."), "Please make sure that `theme.shadows[".concat(elevation, "]` is defined.")].join('\n'));
     }
   }
-
   return /*#__PURE__*/_jsx(PaperRoot, _extends({
     as: component,
     ownerState: ownerState,
@@ -105,35 +95,28 @@ var Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
     ref: ref
   }, other));
 });
-process.env.NODE_ENV !== "production" ? Paper.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Paper.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 component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * Shadow depth, corresponds to `dp` in the spec.
    * It accepts values between 0 and 24 inclusive.
@@ -141,32 +124,25 @@ process.env.NODE_ENV !== "production" ? Paper.propTypes
    */
   elevation: chainPropTypes(integerPropType, function (props) {
     var elevation = props.elevation,
-        variant = props.variant;
-
+      variant = props.variant;
     if (elevation > 0 && variant === 'outlined') {
       return new Error("MUI: Combining `elevation={".concat(elevation, "}` with `variant=\"").concat(variant, "\"` has no effect. Either use `elevation={0}` or use a different `variant`."));
     }
-
     return null;
   }),
-
   /**
    * 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 variant to use.
    * @default 'elevation'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['elevation', 'outlined']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['elevation', 'outlined']), PropTypes.string])
 } : void 0;
 export default Paper;