@mui/material 5.10.13 → 5.10.14

package/esm/TableCell/TableCell.js

@@ -13,7 +13,6 @@ import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import tableCellClasses, { getTableCellUtilityClass } from './tableCellClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -28,7 +27,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTableCellUtilityClass, classes);
 };
-
 const TableCellRoot = styled('td', {
   name: 'MuiTableCell',
   slot: 'Root',
@@ -91,48 +89,41 @@ const TableCellRoot = styled('td', {
   zIndex: 2,
   backgroundColor: (theme.vars || theme).palette.background.default
 }));
+
 /**
  * The component renders a `<th>` element when the parent context is a header
  * or otherwise a `<td>` element.
  */
-
 const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     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
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const table = React.useContext(TableContext);
   const tablelvl2 = React.useContext(Tablelvl2Context);
   const isHeadCell = tablelvl2 && tablelvl2.variant === 'head';
   let component;
-
   if (componentProp) {
     component = componentProp;
   } else {
     component = isHeadCell ? 'th' : 'td';
   }
-
   let scope = scopeProp;
-
   if (!scope && isHeadCell) {
     scope = 'col';
   }
-
   const variant = variantProp || tablelvl2 && tablelvl2.variant;
-
   const ownerState = _extends({}, props, {
     align,
     component,
@@ -142,14 +133,11 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
     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({
     as: component,
     ref: ref,
@@ -159,14 +147,11 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
     ownerState: ownerState
   }, other));
 });
-process.env.NODE_ENV !== "production" ? TableCell.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TableCell.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * Set the text-align on the table cell content.
    *
@@ -175,63 +160,49 @@ process.env.NODE_ENV !== "production" ? TableCell.propTypes
    * @default 'inherit'
    */
   align: PropTypes.oneOf(['center', 'inherit', 'justify', 'left', 'right']),
-
   /**
    * 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,
-
   /**
    * Sets the padding applied to the cell.
    * The prop defaults to the value (`'default'`) inherited from the parent Table component.
    */
   padding: PropTypes.oneOf(['checkbox', 'none', 'normal']),
-
   /**
    * Set scope attribute.
    */
   scope: PropTypes.string,
-
   /**
    * Specify the size of the cell.
    * The prop defaults to the value (`'medium'`) inherited from the parent Table component.
    */
-  size: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),
-
+  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),
   /**
    * Set aria-sort direction.
    */
   sortDirection: PropTypes.oneOf(['asc', 'desc', false]),
-
   /**
    * 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]),
-
   /**
    * Specify the cell type.
    * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['body', 'footer', 'head']), PropTypes.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['body', 'footer', 'head']), PropTypes.string])
 } : void 0;
 export default TableCell;

package/esm/TableContainer/TableContainer.js

@@ -9,7 +9,6 @@ import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import { getTableContainerUtilityClass } from './tableContainerClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -19,7 +18,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTableContainerUtilityClass, classes);
 };
-
 const TableContainerRoot = styled('div', {
   name: 'MuiTableContainer',
   slot: 'Root',
@@ -33,17 +31,14 @@ const TableContainer = /*#__PURE__*/React.forwardRef(function TableContainer(inP
     props: inProps,
     name: 'MuiTableContainer'
   });
-
   const {
-    className,
-    component = 'div'
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      component = 'div'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     component
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TableContainerRoot, _extends({
     ref: ref,
@@ -52,35 +47,28 @@ const TableContainer = /*#__PURE__*/React.forwardRef(function TableContainer(inP
     ownerState: ownerState
   }, other));
 });
-process.env.NODE_ENV !== "production" ? TableContainer.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TableContainer.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, normally `Table`.
    */
   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,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/TableFooter/TableFooter.js

@@ -10,7 +10,6 @@ import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import { getTableFooterUtilityClass } from './tableFooterClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -20,7 +19,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTableFooterUtilityClass, classes);
 };
-
 const TableFooterRoot = styled('tfoot', {
   name: 'MuiTableFooter',
   slot: 'Root',
@@ -37,17 +35,14 @@ const TableFooter = /*#__PURE__*/React.forwardRef(function TableFooter(inProps,
     props: inProps,
     name: 'MuiTableFooter'
   });
-
   const {
-    className,
-    component = defaultComponent
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      component = defaultComponent
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     component
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(Tablelvl2Context.Provider, {
     value: tablelvl2,
@@ -60,35 +55,28 @@ const TableFooter = /*#__PURE__*/React.forwardRef(function TableFooter(inProps,
     }, other))
   });
 });
-process.env.NODE_ENV !== "production" ? TableFooter.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TableFooter.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, normally `TableRow`.
    */
   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,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/TableHead/TableHead.js

@@ -10,7 +10,6 @@ import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import { getTableHeadUtilityClass } from './tableHeadClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -20,7 +19,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTableHeadUtilityClass, classes);
 };
-
 const TableHeadRoot = styled('thead', {
   name: 'MuiTableHead',
   slot: 'Root',
@@ -37,17 +35,14 @@ const TableHead = /*#__PURE__*/React.forwardRef(function TableHead(inProps, ref)
     props: inProps,
     name: 'MuiTableHead'
   });
-
   const {
-    className,
-    component = defaultComponent
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      component = defaultComponent
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     component
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(Tablelvl2Context.Provider, {
     value: tablelvl2,
@@ -60,35 +55,28 @@ const TableHead = /*#__PURE__*/React.forwardRef(function TableHead(inProps, ref)
     }, other))
   });
 });
-process.env.NODE_ENV !== "production" ? TableHead.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TableHead.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, normally `TableRow`.
    */
   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,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/TablePagination/TablePagination.js

@@ -1,8 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-
 var _InputBase;
-
 const _excluded = ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -94,9 +92,9 @@ const TablePaginationSelect = styled(Select, {
     paddingRight: 24,
     textAlign: 'right',
     textAlignLast: 'right' // Align <select> on Chrome.
-
   }
 });
+
 const TablePaginationMenuItem = styled(MenuItem, {
   name: 'MuiTablePagination',
   slot: 'MenuItem',
@@ -111,7 +109,6 @@ const TablePaginationDisplayedRows = styled('p', {
 }) => _extends({}, theme.typography.body2, {
   flexShrink: 0
 }));
-
 function defaultLabelDisplayedRows({
   from,
   to,
@@ -119,11 +116,9 @@ function defaultLabelDisplayedRows({
 }) {
   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
 }
-
 function defaultGetAriaLabel(type) {
   return `Go to ${type} page`;
 }
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -142,59 +137,52 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTablePaginationUtilityClass, classes);
 };
+
 /**
  * A `TableCell` based component for placing inside `TableFooter` for pagination.
  */
-
-
 const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiTablePagination'
   });
-
   const {
-    ActionsComponent = TablePaginationActions,
-    backIconButtonProps,
-    className,
-    colSpan: colSpanProp,
-    component = TableCell,
-    count,
-    getItemAriaLabel = defaultGetAriaLabel,
-    labelDisplayedRows = defaultLabelDisplayedRows,
-    labelRowsPerPage = 'Rows per page:',
-    nextIconButtonProps,
-    onPageChange,
-    onRowsPerPageChange,
-    page,
-    rowsPerPage,
-    rowsPerPageOptions = [10, 25, 50, 100],
-    SelectProps = {},
-    showFirstButton = false,
-    showLastButton = false
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      ActionsComponent = TablePaginationActions,
+      backIconButtonProps,
+      className,
+      colSpan: colSpanProp,
+      component = TableCell,
+      count,
+      getItemAriaLabel = defaultGetAriaLabel,
+      labelDisplayedRows = defaultLabelDisplayedRows,
+      labelRowsPerPage = 'Rows per page:',
+      nextIconButtonProps,
+      onPageChange,
+      onRowsPerPageChange,
+      page,
+      rowsPerPage,
+      rowsPerPageOptions = [10, 25, 50, 100],
+      SelectProps = {},
+      showFirstButton = false,
+      showLastButton = false
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const MenuItemComponent = SelectProps.native ? 'option' : TablePaginationMenuItem;
   let colSpan;
-
   if (component === TableCell || component === 'td') {
     colSpan = colSpanProp || 1000; // col-span over everything
   }
 
   const selectId = useId(SelectProps.id);
   const labelId = useId(SelectProps.labelId);
-
   const getLabelDisplayedRowsTo = () => {
     if (count === -1) {
       return (page + 1) * rowsPerPage;
     }
-
     return rowsPerPage === -1 ? count : Math.min(count, (page + 1) * rowsPerPage);
   };
-
   return /*#__PURE__*/_jsx(TablePaginationRoot, _extends({
     colSpan: colSpan,
     ref: ref,
@@ -257,54 +245,44 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
     })
   }));
 });
-process.env.NODE_ENV !== "production" ? TablePagination.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TablePagination.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 component used for displaying the actions.
    * Either a string to use a HTML element or a component.
    * @default TablePaginationActions
    */
   ActionsComponent: PropTypes.elementType,
-
   /**
    * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) component.
    */
   backIconButtonProps: PropTypes.object,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */
   colSpan: PropTypes.number,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * The total number of rows.
    *
    * To enable server side pagination for an unknown number of items, provide -1.
    */
   count: integerPropType.isRequired,
-
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    * This is important for screen reader users.
@@ -317,7 +295,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    * }
    */
   getItemAriaLabel: PropTypes.func,
-
   /**
    * Customize the displayed rows label. Invoked with a `{ from, to, count, page }`
    * object.
@@ -328,7 +305,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    * }
    */
   labelDisplayedRows: PropTypes.func,
-
   /**
    * Customize the rows per page label.
    *
@@ -336,12 +312,10 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    * @default 'Rows per page:'
    */
   labelRowsPerPage: PropTypes.node,
-
   /**
    * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
    */
   nextIconButtonProps: PropTypes.object,
-
   /**
    * Callback fired when the page is changed.
    *
@@ -349,14 +323,12 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    * @param {number} page The page selected.
    */
   onPageChange: PropTypes.func.isRequired,
-
   /**
    * Callback fired when the number of rows per page is changed.
    *
    * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
    */
   onRowsPerPageChange: PropTypes.func,
-
   /**
    * The zero-based index of the current page.
    */
@@ -366,27 +338,21 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
       page,
       rowsPerPage
     } = props;
-
     if (count === -1) {
       return null;
     }
-
     const newLastPage = Math.max(0, Math.ceil(count / rowsPerPage) - 1);
-
     if (page < 0 || page > newLastPage) {
       return new Error('MUI: The page prop of a TablePagination is out of range ' + `(0 to ${newLastPage}, but page is ${page}).`);
     }
-
     return null;
   }),
-
   /**
    * The number of rows per page.
    *
    * Set -1 to display all the rows.
    */
   rowsPerPage: integerPropType.isRequired,
-
   /**
    * Customizes the options of the rows per page select field. If less than two options are
    * available, no select field will be displayed.
@@ -397,25 +363,21 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
     label: PropTypes.string.isRequired,
     value: PropTypes.number.isRequired
   })]).isRequired),
-
   /**
    * Props applied to the rows per page [`Select`](/material-ui/api/select/) element.
    * @default {}
    */
   SelectProps: PropTypes.object,
-
   /**
    * If `true`, show the first-page button.
    * @default false
    */
   showFirstButton: PropTypes.bool,
-
   /**
    * If `true`, show the last-page button.
    * @default false
    */
   showLastButton: PropTypes.bool,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */