@mui/material 5.10.12 → 5.10.14

package/legacy/TablePagination/TablePagination.js

@@ -1,9 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
-
 var _InputBase;
-
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -48,7 +46,6 @@ var TablePaginationToolbar = styled(Toolbar, {
   }
 })(function (_ref2) {
   var _ref3;
-
   var theme = _ref2.theme;
   return _ref3 = {
     minHeight: 52,
@@ -89,7 +86,6 @@ var TablePaginationSelect = styled(Select, {
   slot: 'Select',
   overridesResolver: function overridesResolver(props, styles) {
     var _extends3;
-
     return _extends((_extends3 = {}, _defineProperty(_extends3, "& .".concat(tablePaginationClasses.selectIcon), styles.selectIcon), _defineProperty(_extends3, "& .".concat(tablePaginationClasses.select), styles.select), _extends3), styles.input, styles.selectRoot);
   }
 })(_defineProperty({
@@ -103,8 +99,8 @@ var TablePaginationSelect = styled(Select, {
   paddingRight: 24,
   textAlign: 'right',
   textAlignLast: 'right' // Align <select> on Chrome.
-
 }));
+
 var TablePaginationMenuItem = styled(MenuItem, {
   name: 'MuiTablePagination',
   slot: 'MenuItem',
@@ -124,18 +120,15 @@ var TablePaginationDisplayedRows = styled('p', {
     flexShrink: 0
   });
 });
-
 function defaultLabelDisplayedRows(_ref6) {
   var from = _ref6.from,
-      to = _ref6.to,
-      count = _ref6.count;
+    to = _ref6.to,
+    count = _ref6.count;
   return "".concat(from, "\u2013").concat(to, " of ").concat(count !== -1 ? count : "more than ".concat(to));
 }
-
 function defaultGetAriaLabel(type) {
   return "Go to ".concat(type, " page");
 }
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
   var slots = {
@@ -152,66 +145,59 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getTablePaginationUtilityClass, classes);
 };
+
 /**
  * A `TableCell` based component for placing inside `TableFooter` for pagination.
  */
-
-
 var TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiTablePagination'
   });
-
   var _props$ActionsCompone = props.ActionsComponent,
-      ActionsComponent = _props$ActionsCompone === void 0 ? TablePaginationActions : _props$ActionsCompone,
-      backIconButtonProps = props.backIconButtonProps,
-      className = props.className,
-      colSpanProp = props.colSpan,
-      _props$component = props.component,
-      component = _props$component === void 0 ? TableCell : _props$component,
-      count = props.count,
-      _props$getItemAriaLab = props.getItemAriaLabel,
-      getItemAriaLabel = _props$getItemAriaLab === void 0 ? defaultGetAriaLabel : _props$getItemAriaLab,
-      _props$labelDisplayed = props.labelDisplayedRows,
-      labelDisplayedRows = _props$labelDisplayed === void 0 ? defaultLabelDisplayedRows : _props$labelDisplayed,
-      _props$labelRowsPerPa = props.labelRowsPerPage,
-      labelRowsPerPage = _props$labelRowsPerPa === void 0 ? 'Rows per page:' : _props$labelRowsPerPa,
-      nextIconButtonProps = props.nextIconButtonProps,
-      onPageChange = props.onPageChange,
-      onRowsPerPageChange = props.onRowsPerPageChange,
-      page = props.page,
-      rowsPerPage = props.rowsPerPage,
-      _props$rowsPerPageOpt = props.rowsPerPageOptions,
-      rowsPerPageOptions = _props$rowsPerPageOpt === void 0 ? [10, 25, 50, 100] : _props$rowsPerPageOpt,
-      _props$SelectProps = props.SelectProps,
-      SelectProps = _props$SelectProps === void 0 ? {} : _props$SelectProps,
-      _props$showFirstButto = props.showFirstButton,
-      showFirstButton = _props$showFirstButto === void 0 ? false : _props$showFirstButto,
-      _props$showLastButton = props.showLastButton,
-      showLastButton = _props$showLastButton === void 0 ? false : _props$showLastButton,
-      other = _objectWithoutProperties(props, ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton"]);
-
+    ActionsComponent = _props$ActionsCompone === void 0 ? TablePaginationActions : _props$ActionsCompone,
+    backIconButtonProps = props.backIconButtonProps,
+    className = props.className,
+    colSpanProp = props.colSpan,
+    _props$component = props.component,
+    component = _props$component === void 0 ? TableCell : _props$component,
+    count = props.count,
+    _props$getItemAriaLab = props.getItemAriaLabel,
+    getItemAriaLabel = _props$getItemAriaLab === void 0 ? defaultGetAriaLabel : _props$getItemAriaLab,
+    _props$labelDisplayed = props.labelDisplayedRows,
+    labelDisplayedRows = _props$labelDisplayed === void 0 ? defaultLabelDisplayedRows : _props$labelDisplayed,
+    _props$labelRowsPerPa = props.labelRowsPerPage,
+    labelRowsPerPage = _props$labelRowsPerPa === void 0 ? 'Rows per page:' : _props$labelRowsPerPa,
+    nextIconButtonProps = props.nextIconButtonProps,
+    onPageChange = props.onPageChange,
+    onRowsPerPageChange = props.onRowsPerPageChange,
+    page = props.page,
+    rowsPerPage = props.rowsPerPage,
+    _props$rowsPerPageOpt = props.rowsPerPageOptions,
+    rowsPerPageOptions = _props$rowsPerPageOpt === void 0 ? [10, 25, 50, 100] : _props$rowsPerPageOpt,
+    _props$SelectProps = props.SelectProps,
+    SelectProps = _props$SelectProps === void 0 ? {} : _props$SelectProps,
+    _props$showFirstButto = props.showFirstButton,
+    showFirstButton = _props$showFirstButto === void 0 ? false : _props$showFirstButto,
+    _props$showLastButton = props.showLastButton,
+    showLastButton = _props$showLastButton === void 0 ? false : _props$showLastButton,
+    other = _objectWithoutProperties(props, ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton"]);
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
   var MenuItemComponent = SelectProps.native ? 'option' : TablePaginationMenuItem;
   var colSpan;
-
   if (component === TableCell || component === 'td') {
     colSpan = colSpanProp || 1000; // col-span over everything
   }
 
   var selectId = useId(SelectProps.id);
   var labelId = useId(SelectProps.labelId);
-
   var getLabelDisplayedRowsTo = function 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,
@@ -276,54 +262,44 @@ var TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inP
     })
   }));
 });
-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.
@@ -336,7 +312,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    * }
    */
   getItemAriaLabel: PropTypes.func,
-
   /**
    * Customize the displayed rows label. Invoked with a `{ from, to, count, page }`
    * object.
@@ -347,7 +322,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    * }
    */
   labelDisplayedRows: PropTypes.func,
-
   /**
    * Customize the rows per page label.
    *
@@ -355,12 +329,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.
    *
@@ -368,42 +340,34 @@ 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.
    */
   page: chainPropTypes(integerPropType.isRequired, function (props) {
     var count = props.count,
-        page = props.page,
-        rowsPerPage = props.rowsPerPage;
-
+      page = props.page,
+      rowsPerPage = props.rowsPerPage;
     if (count === -1) {
       return null;
     }
-
     var 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 ".concat(newLastPage, ", but page is ").concat(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.
@@ -414,25 +378,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.
    */

package/legacy/TablePagination/TablePaginationActions.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-
 var _LastPageIcon, _FirstPageIcon, _KeyboardArrowRight, _KeyboardArrowLeft, _KeyboardArrowLeft2, _KeyboardArrowRight2, _FirstPageIcon2, _LastPageIcon2;
-
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';
@@ -11,42 +9,36 @@ 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";
 var TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginationActions(props, ref) {
   var backIconButtonProps = props.backIconButtonProps,
-      count = props.count,
-      getItemAriaLabel = props.getItemAriaLabel,
-      nextIconButtonProps = props.nextIconButtonProps,
-      onPageChange = props.onPageChange,
-      page = props.page,
-      rowsPerPage = props.rowsPerPage,
-      showFirstButton = props.showFirstButton,
-      showLastButton = props.showLastButton,
-      other = _objectWithoutProperties(props, ["backIconButtonProps", "count", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton"]);
-
+    count = props.count,
+    getItemAriaLabel = props.getItemAriaLabel,
+    nextIconButtonProps = props.nextIconButtonProps,
+    onPageChange = props.onPageChange,
+    page = props.page,
+    rowsPerPage = props.rowsPerPage,
+    showFirstButton = props.showFirstButton,
+    showLastButton = props.showLastButton,
+    other = _objectWithoutProperties(props, ["backIconButtonProps", "count", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton"]);
   var theme = useTheme();
-
   var handleFirstPageButtonClick = function handleFirstPageButtonClick(event) {
     onPageChange(event, 0);
   };
-
   var handleBackButtonClick = function handleBackButtonClick(event) {
     onPageChange(event, page - 1);
   };
-
   var handleNextButtonClick = function handleNextButtonClick(event) {
     onPageChange(event, page + 1);
   };
-
   var handleLastPageButtonClick = function handleLastPageButtonClick(event) {
     onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
   };
-
   return /*#__PURE__*/_jsxs("div", _extends({
     ref: ref
   }, other, {
@@ -86,12 +78,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.
    *
@@ -102,12 +92,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.
    *
@@ -115,22 +103,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/legacy/TableRow/TableRow.js

@@ -11,19 +11,17 @@ import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import tableRowClasses, { getTableRowUtilityClass } from './tableRowClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      selected = ownerState.selected,
-      hover = ownerState.hover,
-      head = ownerState.head,
-      footer = ownerState.footer;
+    selected = ownerState.selected,
+    hover = ownerState.hover,
+    head = ownerState.head,
+    footer = ownerState.footer;
   var slots = {
     root: ['root', selected && 'selected', hover && 'hover', head && 'head', footer && 'footer']
   };
   return composeClasses(slots, getTableRowUtilityClass, classes);
 };
-
 var TableRowRoot = styled('tr', {
   name: 'MuiTableRow',
   slot: 'Root',
@@ -33,7 +31,6 @@ var TableRowRoot = styled('tr', {
   }
 })(function (_ref) {
   var _ref2;
-
   var theme = _ref.theme;
   return _ref2 = {
     color: 'inherit',
@@ -55,24 +52,20 @@ var defaultComponent = 'tr';
  * Will automatically set dynamic row height
  * based on the material table element parent (head, body, etc).
  */
-
 var TableRow = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiTableRow'
   });
-
   var className = props.className,
-      _props$component = props.component,
-      component = _props$component === void 0 ? defaultComponent : _props$component,
-      _props$hover = props.hover,
-      hover = _props$hover === void 0 ? false : _props$hover,
-      _props$selected = props.selected,
-      selected = _props$selected === void 0 ? false : _props$selected,
-      other = _objectWithoutProperties(props, ["className", "component", "hover", "selected"]);
-
+    _props$component = props.component,
+    component = _props$component === void 0 ? defaultComponent : _props$component,
+    _props$hover = props.hover,
+    hover = _props$hover === void 0 ? false : _props$hover,
+    _props$selected = props.selected,
+    selected = _props$selected === void 0 ? false : _props$selected,
+    other = _objectWithoutProperties(props, ["className", "component", "hover", "selected"]);
   var tablelvl2 = React.useContext(Tablelvl2Context);
-
   var ownerState = _extends({}, props, {
     component: component,
     hover: hover,
@@ -80,7 +73,6 @@ var TableRow = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {
     head: tablelvl2 && tablelvl2.variant === 'head',
     footer: tablelvl2 && tablelvl2.variant === 'footer'
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TableRowRoot, _extends({
     as: component,
@@ -90,47 +82,38 @@ var 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/legacy/TableSortLabel/TableSortLabel.js

@@ -13,18 +13,16 @@ 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";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      direction = ownerState.direction,
-      active = ownerState.active;
+    direction = ownerState.direction,
+    active = ownerState.active;
   var slots = {
     root: ['root', active && 'active'],
     icon: ['icon', "iconDirection".concat(capitalize(direction))]
   };
   return composeClasses(slots, getTableSortLabelUtilityClass, classes);
 };
-
 var TableSortLabelRoot = styled(ButtonBase, {
   name: 'MuiTableSortLabel',
   slot: 'Root',
@@ -64,7 +62,7 @@ var TableSortLabelIcon = styled('span', {
   }
 })(function (_ref3) {
   var theme = _ref3.theme,
-      ownerState = _ref3.ownerState;
+    ownerState = _ref3.ownerState;
   return _extends({
     fontSize: 18,
     marginRight: 4,
@@ -80,35 +78,32 @@ var TableSortLabelIcon = styled('span', {
     transform: 'rotate(180deg)'
   });
 });
+
 /**
  * A button based label for placing inside `TableCell` for column sorting.
  */
-
 var TableSortLabel = /*#__PURE__*/React.forwardRef(function TableSortLabel(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiTableSortLabel'
   });
-
   var _props$active = props.active,
-      active = _props$active === void 0 ? false : _props$active,
-      children = props.children,
-      className = props.className,
-      _props$direction = props.direction,
-      direction = _props$direction === void 0 ? 'asc' : _props$direction,
-      _props$hideSortIcon = props.hideSortIcon,
-      hideSortIcon = _props$hideSortIcon === void 0 ? false : _props$hideSortIcon,
-      _props$IconComponent = props.IconComponent,
-      IconComponent = _props$IconComponent === void 0 ? ArrowDownwardIcon : _props$IconComponent,
-      other = _objectWithoutProperties(props, ["active", "children", "className", "direction", "hideSortIcon", "IconComponent"]);
-
+    active = _props$active === void 0 ? false : _props$active,
+    children = props.children,
+    className = props.className,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'asc' : _props$direction,
+    _props$hideSortIcon = props.hideSortIcon,
+    hideSortIcon = _props$hideSortIcon === void 0 ? false : _props$hideSortIcon,
+    _props$IconComponent = props.IconComponent,
+    IconComponent = _props$IconComponent === void 0 ? ArrowDownwardIcon : _props$IconComponent,
+    other = _objectWithoutProperties(props, ["active", "children", "className", "direction", "hideSortIcon", "IconComponent"]);
   var ownerState = _extends({}, props, {
     active: active,
     direction: direction,
     hideSortIcon: hideSortIcon,
     IconComponent: IconComponent
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsxs(TableSortLabelRoot, _extends({
     className: clsx(classes.root, className),
@@ -124,53 +119,43 @@ var TableSortLabel = /*#__PURE__*/React.forwardRef(function TableSortLabel(inPro
     })]
   }));
 });
-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.
    */