@mui/material 5.12.3 → 5.13.1

package/TabScrollButton/TabScrollButton.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "slots", "slotProps", "direction", "orientation", "disabled"];
 /* eslint-disable jsx-a11y/aria-role */
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -36,19 +33,20 @@ const TabScrollButtonRoot = styled(ButtonBase, {
   }
 })(({
   ownerState
-}) => _extends({
+}) => ({
   width: 40,
   flexShrink: 0,
   opacity: 0.8,
   [`&.${tabScrollButtonClasses.disabled}`]: {
     opacity: 0
-  }
-}, ownerState.orientation === 'vertical' && {
-  width: '100%',
-  height: 40,
-  '& svg': {
-    transform: `rotate(${ownerState.isRtl ? -90 : 90}deg)`
-  }
+  },
+  ...(ownerState.orientation === 'vertical' && {
+    width: '100%',
+    height: 40,
+    '& svg': {
+      transform: `rotate(${ownerState.isRtl ? -90 : 90}deg)`
+    }
+  })
 }));
 const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(inProps, ref) {
   var _slots$StartScrollBut, _slots$EndScrollButto;
@@ -57,17 +55,20 @@ const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(i
     name: 'MuiTabScrollButton'
   });
   const {
-      className,
-      slots = {},
-      slotProps = {},
-      direction
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    slots = {},
+    slotProps = {},
+    direction,
+    orientation,
+    disabled,
+    ...other
+  } = props;
   const theme = useTheme();
   const isRtl = theme.direction === 'rtl';
-  const ownerState = _extends({
-    isRtl
-  }, props);
+  const ownerState = {
+    isRtl,
+    ...props
+  };
   const classes = useUtilityClasses(ownerState);
   const StartButtonIcon = (_slots$StartScrollBut = slots.StartScrollButtonIcon) != null ? _slots$StartScrollBut : KeyboardArrowLeft;
   const EndButtonIcon = (_slots$EndScrollButto = slots.EndScrollButtonIcon) != null ? _slots$EndScrollButto : KeyboardArrowRight;
@@ -87,16 +88,20 @@ const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(i
     },
     ownerState
   });
-  return /*#__PURE__*/_jsx(TabScrollButtonRoot, _extends({
+  return /*#__PURE__*/_jsx(TabScrollButtonRoot, {
     component: "div",
     className: clsx(classes.root, className),
     ref: ref,
     role: null,
     ownerState: ownerState,
-    tabIndex: null
-  }, other, {
-    children: direction === 'left' ? /*#__PURE__*/_jsx(StartButtonIcon, _extends({}, startButtonIconProps)) : /*#__PURE__*/_jsx(EndButtonIcon, _extends({}, endButtonIconProps))
-  }));
+    tabIndex: null,
+    ...other,
+    children: direction === 'left' ? /*#__PURE__*/_jsx(StartButtonIcon, {
+      ...startButtonIconProps
+    }) : /*#__PURE__*/_jsx(EndButtonIcon, {
+      ...endButtonIconProps
+    })
+  });
 });
 process.env.NODE_ENV !== "production" ? TabScrollButton.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/TabScrollButton/tabScrollButtonClasses.d.ts

@@ -1,12 +1,12 @@
-export interface TabScrollButtonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-}
-export type TabScrollButtonClassKey = keyof TabScrollButtonClasses;
-export declare function getTabScrollButtonUtilityClass(slot: string): string;
-declare const tabScrollButtonClasses: TabScrollButtonClasses;
-export default tabScrollButtonClasses;
+export interface TabScrollButtonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+}
+export type TabScrollButtonClassKey = keyof TabScrollButtonClasses;
+export declare function getTabScrollButtonUtilityClass(slot: string): string;
+declare const tabScrollButtonClasses: TabScrollButtonClasses;
+export default tabScrollButtonClasses;

package/Table/Table.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "component", "padding", "size", "stickyHeader"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -32,19 +29,21 @@ const TableRoot = styled('table', {
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => ({
   display: 'table',
   width: '100%',
   borderCollapse: 'collapse',
   borderSpacing: 0,
-  '& caption': _extends({}, theme.typography.body2, {
+  '& caption': {
+    ...theme.typography.body2,
     padding: theme.spacing(2),
     color: (theme.vars || theme).palette.text.secondary,
     textAlign: 'left',
     captionSide: 'bottom'
+  },
+  ...(ownerState.stickyHeader && {
+    borderCollapse: 'separate'
   })
-}, ownerState.stickyHeader && {
-  borderCollapse: 'separate'
 }));
 const defaultComponent = 'table';
 const Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
@@ -53,19 +52,20 @@ const Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
     name: 'MuiTable'
   });
   const {
-      className,
-      component = defaultComponent,
-      padding = 'normal',
-      size = 'medium',
-      stickyHeader = false
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    className,
+    component = defaultComponent,
+    padding = 'normal',
+    size = 'medium',
+    stickyHeader = false,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     component,
     padding,
     size,
     stickyHeader
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const table = React.useMemo(() => ({
     padding,
@@ -74,13 +74,14 @@ const Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
   }), [padding, size, stickyHeader]);
   return /*#__PURE__*/_jsx(TableContext.Provider, {
     value: table,
-    children: /*#__PURE__*/_jsx(TableRoot, _extends({
+    children: /*#__PURE__*/_jsx(TableRoot, {
       as: component,
       role: component === defaultComponent ? null : 'table',
       ref: ref,
       className: clsx(classes.root, className),
-      ownerState: ownerState
-    }, other))
+      ownerState: ownerState,
+      ...other
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? Table.propTypes /* remove-proptypes */ = {

package/Table/tableClasses.d.ts

@@ -1,10 +1,10 @@
-export interface TableClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `stickyHeader={true}`. */
-    stickyHeader: string;
-}
-export type TableClassKey = keyof TableClasses;
-export declare function getTableUtilityClass(slot: string): string;
-declare const tableClasses: TableClasses;
-export default tableClasses;
+export interface TableClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `stickyHeader={true}`. */
+    stickyHeader: string;
+}
+export type TableClassKey = keyof TableClasses;
+export declare function getTableUtilityClass(slot: string): string;
+declare const tableClasses: TableClasses;
+export default tableClasses;

package/TableBody/TableBody.js

@@ -1,6 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -36,23 +33,25 @@ const TableBody = /*#__PURE__*/React.forwardRef(function TableBody(inProps, ref)
     name: 'MuiTableBody'
   });
   const {
-      className,
-      component = defaultComponent
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    className,
+    component = defaultComponent,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     component
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(Tablelvl2Context.Provider, {
     value: tablelvl2,
-    children: /*#__PURE__*/_jsx(TableBodyRoot, _extends({
+    children: /*#__PURE__*/_jsx(TableBodyRoot, {
       className: clsx(classes.root, className),
       as: component,
       ref: ref,
       role: component === defaultComponent ? null : 'rowgroup',
-      ownerState: ownerState
-    }, other))
+      ownerState: ownerState,
+      ...other
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? TableBody.propTypes /* remove-proptypes */ = {

package/TableBody/tableBodyClasses.d.ts

@@ -1,8 +1,8 @@
-export interface TableBodyClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export type TableBodyClassKey = keyof TableBodyClasses;
-export declare function getTableBodyUtilityClass(slot: string): string;
-declare const tableBodyClasses: TableBodyClasses;
-export default tableBodyClasses;
+export interface TableBodyClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export type TableBodyClassKey = keyof TableBodyClasses;
+export declare function getTableBodyUtilityClass(slot: string): string;
+declare const tableBodyClasses: TableBodyClasses;
+export default tableBodyClasses;

package/TableCell/TableCell.js

@@ -1,6 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["align", "className", "component", "padding", "scope", "size", "sortDirection", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -39,7 +36,8 @@ const TableCellRoot = styled('td', {
 })(({
   theme,
   ownerState
-}) => _extends({}, theme.typography.body2, {
+}) => ({
+  ...theme.typography.body2,
   display: 'table-cell',
   verticalAlign: 'inherit',
   // Workaround for a rendering bug with spanned columns in Chrome 62.0.
@@ -47,47 +45,58 @@ const TableCellRoot = styled('td', {
   borderBottom: theme.vars ? `1px solid ${theme.vars.palette.TableCell.border}` : `1px solid
     ${theme.palette.mode === 'light' ? lighten(alpha(theme.palette.divider, 1), 0.88) : darken(alpha(theme.palette.divider, 1), 0.68)}`,
   textAlign: 'left',
-  padding: 16
-}, ownerState.variant === 'head' && {
-  color: (theme.vars || theme).palette.text.primary,
-  lineHeight: theme.typography.pxToRem(24),
-  fontWeight: theme.typography.fontWeightMedium
-}, ownerState.variant === 'body' && {
-  color: (theme.vars || theme).palette.text.primary
-}, ownerState.variant === 'footer' && {
-  color: (theme.vars || theme).palette.text.secondary,
-  lineHeight: theme.typography.pxToRem(21),
-  fontSize: theme.typography.pxToRem(12)
-}, ownerState.size === 'small' && {
-  padding: '6px 16px',
-  [`&.${tableCellClasses.paddingCheckbox}`]: {
-    width: 24,
-    // prevent the checkbox column from growing
-    padding: '0 12px 0 16px',
-    '& > *': {
-      padding: 0
+  padding: 16,
+  ...(ownerState.variant === 'head' && {
+    color: (theme.vars || theme).palette.text.primary,
+    lineHeight: theme.typography.pxToRem(24),
+    fontWeight: theme.typography.fontWeightMedium
+  }),
+  ...(ownerState.variant === 'body' && {
+    color: (theme.vars || theme).palette.text.primary
+  }),
+  ...(ownerState.variant === 'footer' && {
+    color: (theme.vars || theme).palette.text.secondary,
+    lineHeight: theme.typography.pxToRem(21),
+    fontSize: theme.typography.pxToRem(12)
+  }),
+  ...(ownerState.size === 'small' && {
+    padding: '6px 16px',
+    [`&.${tableCellClasses.paddingCheckbox}`]: {
+      width: 24,
+      // prevent the checkbox column from growing
+      padding: '0 12px 0 16px',
+      '& > *': {
+        padding: 0
+      }
     }
-  }
-}, ownerState.padding === 'checkbox' && {
-  width: 48,
-  // prevent the checkbox column from growing
-  padding: '0 0 0 4px'
-}, ownerState.padding === 'none' && {
-  padding: 0
-}, ownerState.align === 'left' && {
-  textAlign: 'left'
-}, ownerState.align === 'center' && {
-  textAlign: 'center'
-}, ownerState.align === 'right' && {
-  textAlign: 'right',
-  flexDirection: 'row-reverse'
-}, ownerState.align === 'justify' && {
-  textAlign: 'justify'
-}, ownerState.stickyHeader && {
-  position: 'sticky',
-  top: 0,
-  zIndex: 2,
-  backgroundColor: (theme.vars || theme).palette.background.default
+  }),
+  ...(ownerState.padding === 'checkbox' && {
+    width: 48,
+    // prevent the checkbox column from growing
+    padding: '0 0 0 4px'
+  }),
+  ...(ownerState.padding === 'none' && {
+    padding: 0
+  }),
+  ...(ownerState.align === 'left' && {
+    textAlign: 'left'
+  }),
+  ...(ownerState.align === 'center' && {
+    textAlign: 'center'
+  }),
+  ...(ownerState.align === 'right' && {
+    textAlign: 'right',
+    flexDirection: 'row-reverse'
+  }),
+  ...(ownerState.align === 'justify' && {
+    textAlign: 'justify'
+  }),
+  ...(ownerState.stickyHeader && {
+    position: 'sticky',
+    top: 0,
+    zIndex: 2,
+    backgroundColor: (theme.vars || theme).palette.background.default
+  })
 }));
 
 /**
@@ -100,16 +109,16 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
     name: 'MuiTableCell'
   });
   const {
-      align = 'inherit',
-      className,
-      component: componentProp,
-      padding: paddingProp,
-      scope: scopeProp,
-      size: sizeProp,
-      sortDirection,
-      variant: variantProp
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    align = 'inherit',
+    className,
+    component: componentProp,
+    padding: paddingProp,
+    scope: scopeProp,
+    size: sizeProp,
+    sortDirection,
+    variant: variantProp,
+    ...other
+  } = props;
   const table = React.useContext(TableContext);
   const tablelvl2 = React.useContext(Tablelvl2Context);
   const isHeadCell = tablelvl2 && tablelvl2.variant === 'head';
@@ -128,7 +137,8 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
     scope = 'col';
   }
   const variant = variantProp || tablelvl2 && tablelvl2.variant;
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     align,
     component,
     padding: paddingProp || (table && table.padding ? table.padding : 'normal'),
@@ -136,20 +146,21 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
     sortDirection,
     stickyHeader: variant === 'head' && table && table.stickyHeader,
     variant
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   let ariaSort = null;
   if (sortDirection) {
     ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';
   }
-  return /*#__PURE__*/_jsx(TableCellRoot, _extends({
+  return /*#__PURE__*/_jsx(TableCellRoot, {
     as: component,
     ref: ref,
     className: clsx(classes.root, className),
     "aria-sort": ariaSort,
     scope: scope,
-    ownerState: ownerState
-  }, other));
+    ownerState: ownerState,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? TableCell.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/TableCell/tableCellClasses.d.ts

@@ -1,32 +1,32 @@
-export interface TableCellClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="head"` or `context.table.head`. */
-    head: string;
-    /** Styles applied to the root element if `variant="body"` or `context.table.body`. */
-    body: string;
-    /** Styles applied to the root element if `variant="footer"` or `context.table.footer`. */
-    footer: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"`. */
-    sizeMedium: string;
-    /** Styles applied to the root element if `padding="checkbox"`. */
-    paddingCheckbox: string;
-    /** Styles applied to the root element if `padding="none"`. */
-    paddingNone: string;
-    /** Styles applied to the root element if `align="left"`. */
-    alignLeft: string;
-    /** Styles applied to the root element if `align="center"`. */
-    alignCenter: string;
-    /** Styles applied to the root element if `align="right"`. */
-    alignRight: string;
-    /** Styles applied to the root element if `align="justify"`. */
-    alignJustify: string;
-    /** Styles applied to the root element if `context.table.stickyHeader={true}`. */
-    stickyHeader: string;
-}
-export type TableCellClassKey = keyof TableCellClasses;
-export declare function getTableCellUtilityClass(slot: string): string;
-declare const tableCellClasses: TableCellClasses;
-export default tableCellClasses;
+export interface TableCellClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="head"` or `context.table.head`. */
+    head: string;
+    /** Styles applied to the root element if `variant="body"` or `context.table.body`. */
+    body: string;
+    /** Styles applied to the root element if `variant="footer"` or `context.table.footer`. */
+    footer: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+    /** Styles applied to the root element if `padding="checkbox"`. */
+    paddingCheckbox: string;
+    /** Styles applied to the root element if `padding="none"`. */
+    paddingNone: string;
+    /** Styles applied to the root element if `align="left"`. */
+    alignLeft: string;
+    /** Styles applied to the root element if `align="center"`. */
+    alignCenter: string;
+    /** Styles applied to the root element if `align="right"`. */
+    alignRight: string;
+    /** Styles applied to the root element if `align="justify"`. */
+    alignJustify: string;
+    /** Styles applied to the root element if `context.table.stickyHeader={true}`. */
+    stickyHeader: string;
+}
+export type TableCellClassKey = keyof TableCellClasses;
+export declare function getTableCellUtilityClass(slot: string): string;
+declare const tableCellClasses: TableCellClasses;
+export default tableCellClasses;

package/TableContainer/TableContainer.js

@@ -1,6 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -32,20 +29,22 @@ const TableContainer = /*#__PURE__*/React.forwardRef(function TableContainer(inP
     name: 'MuiTableContainer'
   });
   const {
-      className,
-      component = 'div'
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    className,
+    component = 'div',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     component
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TableContainerRoot, _extends({
+  return /*#__PURE__*/_jsx(TableContainerRoot, {
     ref: ref,
     as: component,
     className: clsx(classes.root, className),
-    ownerState: ownerState
-  }, other));
+    ownerState: ownerState,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? TableContainer.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/TableContainer/tableContainerClasses.d.ts

@@ -1,8 +1,8 @@
-export interface TableContainerClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export type TableContainerClassKey = keyof TableContainerClasses;
-export declare function getTableContainerUtilityClass(slot: string): string;
-declare const tableContainerClasses: TableContainerClasses;
-export default tableContainerClasses;
+export interface TableContainerClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export type TableContainerClassKey = keyof TableContainerClasses;
+export declare function getTableContainerUtilityClass(slot: string): string;
+declare const tableContainerClasses: TableContainerClasses;
+export default tableContainerClasses;

package/TableFooter/TableFooter.js

@@ -1,6 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -36,23 +33,25 @@ const TableFooter = /*#__PURE__*/React.forwardRef(function TableFooter(inProps,
     name: 'MuiTableFooter'
   });
   const {
-      className,
-      component = defaultComponent
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    className,
+    component = defaultComponent,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     component
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(Tablelvl2Context.Provider, {
     value: tablelvl2,
-    children: /*#__PURE__*/_jsx(TableFooterRoot, _extends({
+    children: /*#__PURE__*/_jsx(TableFooterRoot, {
       as: component,
       className: clsx(classes.root, className),
       ref: ref,
       role: component === defaultComponent ? null : 'rowgroup',
-      ownerState: ownerState
-    }, other))
+      ownerState: ownerState,
+      ...other
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? TableFooter.propTypes /* remove-proptypes */ = {

package/TableFooter/tableFooterClasses.d.ts

@@ -1,8 +1,8 @@
-export interface TableFooterClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export type TableFooterClassKey = keyof TableFooterClasses;
-export declare function getTableFooterUtilityClass(slot: string): string;
-declare const tableFooterClasses: TableFooterClasses;
-export default tableFooterClasses;
+export interface TableFooterClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export type TableFooterClassKey = keyof TableFooterClasses;
+export declare function getTableFooterUtilityClass(slot: string): string;
+declare const tableFooterClasses: TableFooterClasses;
+export default tableFooterClasses;