@mui/material 7.0.0 → 7.0.2

package/modern/TablePagination/tablePaginationClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getTablePaginationUtilityClass(slot) {
-  return generateUtilityClass('MuiTablePagination', slot);
-}
-const tablePaginationClasses = generateUtilityClasses('MuiTablePagination', ['root', 'toolbar', 'spacer', 'selectLabel', 'selectRoot', 'select', 'selectIcon', 'input', 'menuItem', 'displayedRows', 'actions']);
-export default tablePaginationClasses;

package/modern/TableRow/TableRow.js

@@ -1,127 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import { alpha } from '@mui/system/colorManipulator';
-import Tablelvl2Context from "../Table/Tablelvl2Context.js";
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import tableRowClasses, { getTableRowUtilityClass } from "./tableRowClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    selected,
-    hover,
-    head,
-    footer
-  } = ownerState;
-  const slots = {
-    root: ['root', selected && 'selected', hover && 'hover', head && 'head', footer && 'footer']
-  };
-  return composeClasses(slots, getTableRowUtilityClass, classes);
-};
-const TableRowRoot = styled('tr', {
-  name: 'MuiTableRow',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, ownerState.head && styles.head, ownerState.footer && styles.footer];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  color: 'inherit',
-  display: 'table-row',
-  verticalAlign: 'middle',
-  // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0,
-  [`&.${tableRowClasses.hover}:hover`]: {
-    backgroundColor: (theme.vars || theme).palette.action.hover
-  },
-  [`&.${tableRowClasses.selected}`]: {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
-    '&:hover': {
-      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity)
-    }
-  }
-})));
-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 = useDefaultProps({
-    props: inProps,
-    name: 'MuiTableRow'
-  });
-  const {
-    className,
-    component = defaultComponent,
-    hover = false,
-    selected = false,
-    ...other
-  } = props;
-  const tablelvl2 = React.useContext(Tablelvl2Context);
-  const ownerState = {
-    ...props,
-    component,
-    hover,
-    selected,
-    head: tablelvl2 && tablelvl2.variant === 'head',
-    footer: tablelvl2 && tablelvl2.variant === 'footer'
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TableRowRoot, {
-    as: component,
-    ref: ref,
-    className: clsx(classes.root, className),
-    role: component === defaultComponent ? null : 'row',
-    ownerState: ownerState,
-    ...other
-  });
-});
-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 `pnpm 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.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export default TableRow;

package/modern/TableRow/index.js

@@ -1,3 +0,0 @@
-export { default } from "./TableRow.js";
-export { default as tableRowClasses } from "./tableRowClasses.js";
-export * from "./tableRowClasses.js";

package/modern/TableRow/tableRowClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getTableRowUtilityClass(slot) {
-  return generateUtilityClass('MuiTableRow', slot);
-}
-const tableRowClasses = generateUtilityClasses('MuiTableRow', ['root', 'selected', 'hover', 'head', 'footer']);
-export default tableRowClasses;

package/modern/TableSortLabel/TableSortLabel.js

@@ -1,212 +0,0 @@
-'use client';
-
-import composeClasses from '@mui/utils/composeClasses';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import * as React from 'react';
-import ButtonBase from "../ButtonBase/index.js";
-import ArrowDownwardIcon from "../internal/svg-icons/ArrowDownward.js";
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import capitalize from "../utils/capitalize.js";
-import tableSortLabelClasses, { getTableSortLabelUtilityClass } from "./tableSortLabelClasses.js";
-import useSlot from "../utils/useSlot.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    direction,
-    active
-  } = ownerState;
-  const slots = {
-    root: ['root', active && 'active', `direction${capitalize(direction)}`],
-    icon: ['icon', `iconDirection${capitalize(direction)}`]
-  };
-  return composeClasses(slots, getTableSortLabelUtilityClass, classes);
-};
-const TableSortLabelRoot = styled(ButtonBase, {
-  name: 'MuiTableSortLabel',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, ownerState.active && styles.active];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  cursor: 'pointer',
-  display: 'inline-flex',
-  justifyContent: 'flex-start',
-  flexDirection: 'inherit',
-  alignItems: 'center',
-  '&:focus': {
-    color: (theme.vars || theme).palette.text.secondary
-  },
-  '&:hover': {
-    color: (theme.vars || theme).palette.text.secondary,
-    [`& .${tableSortLabelClasses.icon}`]: {
-      opacity: 0.5
-    }
-  },
-  [`&.${tableSortLabelClasses.active}`]: {
-    color: (theme.vars || theme).palette.text.primary,
-    [`& .${tableSortLabelClasses.icon}`]: {
-      opacity: 1,
-      color: (theme.vars || theme).palette.text.secondary
-    }
-  }
-})));
-const TableSortLabelIcon = styled('span', {
-  name: 'MuiTableSortLabel',
-  slot: 'Icon',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.icon, styles[`iconDirection${capitalize(ownerState.direction)}`]];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  fontSize: 18,
-  marginRight: 4,
-  marginLeft: 4,
-  opacity: 0,
-  transition: theme.transitions.create(['opacity', 'transform'], {
-    duration: theme.transitions.duration.shorter
-  }),
-  userSelect: 'none',
-  variants: [{
-    props: {
-      direction: 'desc'
-    },
-    style: {
-      transform: 'rotate(0deg)'
-    }
-  }, {
-    props: {
-      direction: 'asc'
-    },
-    style: {
-      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 = useDefaultProps({
-    props: inProps,
-    name: 'MuiTableSortLabel'
-  });
-  const {
-    active = false,
-    children,
-    className,
-    direction = 'asc',
-    hideSortIcon = false,
-    IconComponent = ArrowDownwardIcon,
-    slots = {},
-    slotProps = {},
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    active,
-    direction,
-    hideSortIcon,
-    IconComponent
-  };
-  const classes = useUtilityClasses(ownerState);
-  const externalForwardedProps = {
-    slots,
-    slotProps
-  };
-  const [RootSlot, rootProps] = useSlot('root', {
-    elementType: TableSortLabelRoot,
-    externalForwardedProps,
-    ownerState,
-    className: clsx(classes.root, className),
-    ref
-  });
-  const [IconSlot, iconProps] = useSlot('icon', {
-    elementType: TableSortLabelIcon,
-    externalForwardedProps,
-    ownerState,
-    className: classes.icon
-  });
-  return /*#__PURE__*/_jsxs(RootSlot, {
-    disableRipple: true,
-    component: "span",
-    ...rootProps,
-    ...other,
-    children: [children, hideSortIcon && !active ? null : /*#__PURE__*/_jsx(IconSlot, {
-      as: IconComponent,
-      ...iconProps
-    })]
-  });
-});
-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 `pnpm 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 props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    icon: PropTypes.elementType,
-    root: 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])
-} : void 0;
-export default TableSortLabel;

package/modern/TableSortLabel/index.js

@@ -1,3 +0,0 @@
-export { default } from "./TableSortLabel.js";
-export { default as tableSortLabelClasses } from "./tableSortLabelClasses.js";
-export * from "./tableSortLabelClasses.js";

package/modern/TableSortLabel/tableSortLabelClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getTableSortLabelUtilityClass(slot) {
-  return generateUtilityClass('MuiTableSortLabel', slot);
-}
-const tableSortLabelClasses = generateUtilityClasses('MuiTableSortLabel', ['root', 'active', 'icon', 'iconDirectionDesc', 'iconDirectionAsc', 'directionDesc', 'directionAsc']);
-export default tableSortLabelClasses;

package/modern/Tabs/ScrollbarSize.js

@@ -1,58 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import debounce from "../utils/debounce.js";
-import { ownerWindow, unstable_useEnhancedEffect as useEnhancedEffect } from "../utils/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const styles = {
-  width: 99,
-  height: 99,
-  position: 'absolute',
-  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,
-    ...other
-  } = props;
-  const scrollbarHeight = React.useRef();
-  const nodeRef = React.useRef(null);
-  const setMeasurements = () => {
-    scrollbarHeight.current = nodeRef.current.offsetHeight - nodeRef.current.clientHeight;
-  };
-  useEnhancedEffect(() => {
-    const handleResize = debounce(() => {
-      const prevHeight = scrollbarHeight.current;
-      setMeasurements();
-      if (prevHeight !== scrollbarHeight.current) {
-        onChange(scrollbarHeight.current);
-      }
-    });
-    const containerWindow = ownerWindow(nodeRef.current);
-    containerWindow.addEventListener('resize', handleResize);
-    return () => {
-      handleResize.clear();
-      containerWindow.removeEventListener('resize', handleResize);
-    };
-  }, [onChange]);
-  React.useEffect(() => {
-    setMeasurements();
-    onChange(scrollbarHeight.current);
-  }, [onChange]);
-  return /*#__PURE__*/_jsx("div", {
-    style: styles,
-    ...other,
-    ref: nodeRef
-  });
-}
-process.env.NODE_ENV !== "production" ? ScrollbarSize.propTypes = {
-  onChange: PropTypes.func.isRequired
-} : void 0;