@mui/material 5.10.13 → 5.10.15

package/esm/TablePagination/TablePaginationActions.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
 var _LastPageIcon, _FirstPageIcon, _KeyboardArrowRight, _KeyboardArrowLeft, _KeyboardArrowLeft2, _KeyboardArrowRight2, _FirstPageIcon2, _LastPageIcon2;
-
 const _excluded = ["backIconButtonProps", "count", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -12,44 +10,38 @@ import useTheme from '../styles/useTheme';
 import IconButton from '../IconButton';
 import LastPageIcon from '../internal/svg-icons/LastPage';
 import FirstPageIcon from '../internal/svg-icons/FirstPage';
+
 /**
  * @ignore - internal component.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginationActions(props, ref) {
   const {
-    backIconButtonProps,
-    count,
-    getItemAriaLabel,
-    nextIconButtonProps,
-    onPageChange,
-    page,
-    rowsPerPage,
-    showFirstButton,
-    showLastButton
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      backIconButtonProps,
+      count,
+      getItemAriaLabel,
+      nextIconButtonProps,
+      onPageChange,
+      page,
+      rowsPerPage,
+      showFirstButton,
+      showLastButton
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const theme = useTheme();
-
   const handleFirstPageButtonClick = event => {
     onPageChange(event, 0);
   };
-
   const handleBackButtonClick = event => {
     onPageChange(event, page - 1);
   };
-
   const handleNextButtonClick = event => {
     onPageChange(event, page + 1);
   };
-
   const handleLastPageButtonClick = event => {
     onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
   };
-
   return /*#__PURE__*/_jsxs("div", _extends({
     ref: ref
   }, other, {
@@ -89,12 +81,10 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
    * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) element.
    */
   backIconButtonProps: PropTypes.object,
-
   /**
    * The total number of rows.
    */
   count: PropTypes.number.isRequired,
-
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    *
@@ -105,12 +95,10 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
    * @returns {string}
    */
   getItemAriaLabel: PropTypes.func.isRequired,
-
   /**
    * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
    */
   nextIconButtonProps: PropTypes.object,
-
   /**
    * Callback fired when the page is changed.
    *
@@ -118,22 +106,18 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
    * @param {number} page The page selected.
    */
   onPageChange: PropTypes.func.isRequired,
-
   /**
    * The zero-based index of the current page.
    */
   page: PropTypes.number.isRequired,
-
   /**
    * The number of rows per page.
    */
   rowsPerPage: PropTypes.number.isRequired,
-
   /**
    * If `true`, show the first-page button.
    */
   showFirstButton: PropTypes.bool.isRequired,
-
   /**
    * If `true`, show the last-page button.
    */

package/esm/TableRow/TableRow.js

@@ -11,7 +11,6 @@ import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import tableRowClasses, { getTableRowUtilityClass } from './tableRowClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -25,7 +24,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTableRowUtilityClass, classes);
 };
-
 const TableRowRoot = styled('tr', {
   name: 'MuiTableRow',
   slot: 'Root',
@@ -58,23 +56,19 @@ const defaultComponent = 'tr';
  * Will automatically set dynamic row height
  * based on the material table element parent (head, body, etc).
  */
-
 const TableRow = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiTableRow'
   });
-
   const {
-    className,
-    component = defaultComponent,
-    hover = false,
-    selected = false
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      component = defaultComponent,
+      hover = false,
+      selected = false
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const tablelvl2 = React.useContext(Tablelvl2Context);
-
   const ownerState = _extends({}, props, {
     component,
     hover,
@@ -82,7 +76,6 @@ const TableRow = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {
     head: tablelvl2 && tablelvl2.variant === 'head',
     footer: tablelvl2 && tablelvl2.variant === 'footer'
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TableRowRoot, _extends({
     as: component,
@@ -92,47 +85,38 @@ const TableRow = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {
     ownerState: ownerState
   }, other));
 });
-process.env.NODE_ENV !== "production" ? TableRow.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TableRow.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * Should be valid <tr> children such as `TableCell`.
    */
   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`, the table row will shade on hover.
    * @default false
    */
   hover: PropTypes.bool,
-
   /**
    * If `true`, the table row will have the selected shading.
    * @default false
    */
   selected: PropTypes.bool,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/TableSortLabel/TableSortLabel.js

@@ -13,7 +13,6 @@ import capitalize from '../utils/capitalize';
 import tableSortLabelClasses, { getTableSortLabelUtilityClass } from './tableSortLabelClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -26,7 +25,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTableSortLabelUtilityClass, classes);
 };
-
 const TableSortLabelRoot = styled(ButtonBase, {
   name: 'MuiTableSortLabel',
   slot: 'Root',
@@ -87,33 +85,30 @@ const TableSortLabelIcon = styled('span', {
 }, ownerState.direction === 'asc' && {
   transform: 'rotate(180deg)'
 }));
+
 /**
  * A button based label for placing inside `TableCell` for column sorting.
  */
-
 const TableSortLabel = /*#__PURE__*/React.forwardRef(function TableSortLabel(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiTableSortLabel'
   });
-
   const {
-    active = false,
-    children,
-    className,
-    direction = 'asc',
-    hideSortIcon = false,
-    IconComponent = ArrowDownwardIcon
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      active = false,
+      children,
+      className,
+      direction = 'asc',
+      hideSortIcon = false,
+      IconComponent = ArrowDownwardIcon
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     active,
     direction,
     hideSortIcon,
     IconComponent
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(TableSortLabelRoot, _extends({
     className: clsx(classes.root, className),
@@ -129,53 +124,43 @@ const TableSortLabel = /*#__PURE__*/React.forwardRef(function TableSortLabel(inP
     })]
   }));
 });
-process.env.NODE_ENV !== "production" ? TableSortLabel.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TableSortLabel.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * If `true`, the label will have the active styling (should be true for the sorted column).
    * @default false
    */
   active: PropTypes.bool,
-
   /**
    * Label contents, the arrow will be appended automatically.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The current sort direction.
    * @default 'asc'
    */
   direction: PropTypes.oneOf(['asc', 'desc']),
-
   /**
    * Hide sort icon when active is false.
    * @default false
    */
   hideSortIcon: PropTypes.bool,
-
   /**
    * Sort icon to use.
    * @default ArrowDownwardIcon
    */
   IconComponent: PropTypes.elementType,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/esm/Tabs/ScrollbarSize.js

@@ -13,30 +13,26 @@ const styles = {
   top: -9999,
   overflow: 'scroll'
 };
+
 /**
  * @ignore - internal component.
  * The component originates from https://github.com/STORIS/react-scrollbar-size.
  * It has been moved into the core in order to minimize the bundle size.
  */
-
 export default function ScrollbarSize(props) {
   const {
-    onChange
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      onChange
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const scrollbarHeight = React.useRef();
   const nodeRef = React.useRef(null);
-
   const setMeasurements = () => {
     scrollbarHeight.current = nodeRef.current.offsetHeight - nodeRef.current.clientHeight;
   };
-
   React.useEffect(() => {
     const handleResize = debounce(() => {
       const prevHeight = scrollbarHeight.current;
       setMeasurements();
-
       if (prevHeight !== scrollbarHeight.current) {
         onChange(scrollbarHeight.current);
       }