@mui/material 6.0.0-alpha.1 → 6.0.0-alpha.3

package/legacy/TableRow/TableRow.js

@@ -1,123 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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';
-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;
-  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',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, ownerState.head && styles.head, ownerState.footer && styles.footer];
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return _defineProperty(_defineProperty({
-    color: 'inherit',
-    display: 'table-row',
-    verticalAlign: 'middle',
-    // We disable the focus ring for mouse, touch and keyboard users.
-    outline: 0
-  }, "&.".concat(tableRowClasses.hover, ":hover"), {
-    backgroundColor: (theme.vars || theme).palette.action.hover
-  }), "&.".concat(tableRowClasses.selected), {
-    backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / ").concat(theme.vars.palette.action.selectedOpacity, ")") : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
-    '&:hover': {
-      backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.primary.mainChannel, " / calc(").concat(theme.vars.palette.action.selectedOpacity, " + ").concat(theme.vars.palette.action.hoverOpacity, "))") : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity)
-    }
-  });
-});
-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"]);
-  var tablelvl2 = React.useContext(Tablelvl2Context);
-  var ownerState = _extends({}, props, {
-    component: component,
-    hover: hover,
-    selected: selected,
-    head: tablelvl2 && tablelvl2.variant === 'head',
-    footer: tablelvl2 && tablelvl2.variant === 'footer'
-  });
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TableRowRoot, _extends({
-    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/legacy/TableRow/index.js

@@ -1,5 +0,0 @@
-'use client';
-
-export { default } from './TableRow';
-export { default as tableRowClasses } from './tableRowClasses';
-export * from './tableRowClasses';

package/legacy/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);
-}
-var tableRowClasses = generateUtilityClasses('MuiTableRow', ['root', 'selected', 'hover', 'head', 'footer']);
-export default tableRowClasses;

package/legacy/TableSortLabel/TableSortLabel.js

@@ -1,165 +0,0 @@
-'use client';
-
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import composeClasses from '@mui/utils/composeClasses';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import * as React from 'react';
-import ButtonBase from '../ButtonBase';
-import ArrowDownwardIcon from '../internal/svg-icons/ArrowDownward';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
-import capitalize from '../utils/capitalize';
-import tableSortLabelClasses, { getTableSortLabelUtilityClass } from './tableSortLabelClasses';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    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',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, ownerState.active && styles.active];
-  }
-})(function (_ref) {
-  var theme = _ref.theme;
-  return _defineProperty({
-    cursor: 'pointer',
-    display: 'inline-flex',
-    justifyContent: 'flex-start',
-    flexDirection: 'inherit',
-    alignItems: 'center',
-    '&:focus': {
-      color: (theme.vars || theme).palette.text.secondary
-    },
-    '&:hover': _defineProperty({
-      color: (theme.vars || theme).palette.text.secondary
-    }, "& .".concat(tableSortLabelClasses.icon), {
-      opacity: 0.5
-    })
-  }, "&.".concat(tableSortLabelClasses.active), _defineProperty({
-    color: (theme.vars || theme).palette.text.primary
-  }, "& .".concat(tableSortLabelClasses.icon), {
-    opacity: 1,
-    color: (theme.vars || theme).palette.text.secondary
-  }));
-});
-var TableSortLabelIcon = styled('span', {
-  name: 'MuiTableSortLabel',
-  slot: 'Icon',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.icon, styles["iconDirection".concat(capitalize(ownerState.direction))]];
-  }
-})(function (_ref3) {
-  var theme = _ref3.theme,
-    ownerState = _ref3.ownerState;
-  return _extends({
-    fontSize: 18,
-    marginRight: 4,
-    marginLeft: 4,
-    opacity: 0,
-    transition: theme.transitions.create(['opacity', 'transform'], {
-      duration: theme.transitions.duration.shorter
-    }),
-    userSelect: 'none'
-  }, ownerState.direction === 'desc' && {
-    transform: 'rotate(0deg)'
-  }, ownerState.direction === 'asc' && {
-    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"]);
-  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),
-    component: "span",
-    disableRipple: true,
-    ownerState: ownerState,
-    ref: ref
-  }, other, {
-    children: [children, hideSortIcon && !active ? null : /*#__PURE__*/_jsx(TableSortLabelIcon, {
-      as: IconComponent,
-      className: clsx(classes.icon),
-      ownerState: ownerState
-    })]
-  }));
-});
-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 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/legacy/TableSortLabel/index.js

@@ -1,5 +0,0 @@
-'use client';
-
-export { default } from './TableSortLabel';
-export { default as tableSortLabelClasses } from './tableSortLabelClasses';
-export * from './tableSortLabelClasses';

package/legacy/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);
-}
-var tableSortLabelClasses = generateUtilityClasses('MuiTableSortLabel', ['root', 'active', 'icon', 'iconDirectionDesc', 'iconDirectionAsc']);
-export default tableSortLabelClasses;

package/legacy/Tabs/ScrollbarSize.js

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